Skip to content

Commit 5ab5218

Browse files
MartinCupelaMartinCupela
committed
style: fix linter issues
1 parent 8b12157 commit 5ab5218

10 files changed

Lines changed: 51 additions & 46 deletions

File tree

‎src/components/Form/styling/Form.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,4 +21,4 @@ input[type='number'] {
2121
.str-chat__form-field-error {
2222
margin-left: 0.5rem;
2323
}
24-
}
24+
}

‎src/components/Form/styling/NumericInput.scss‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,9 @@
4040
border-radius: var(--button-radius-full, 9999px);
4141
color: var(--text-tertiary, #687385);
4242
cursor: pointer;
43-
transition: border-color 0.15s ease, color 0.15s ease;
43+
transition:
44+
border-color 0.15s ease,
45+
color 0.15s ease;
4446

4547
&:hover:not(:disabled) {
4648
color: var(--text-primary, #1a1b25);

‎src/components/Form/styling/SwitchField.scss‎

Lines changed: 18 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -3,17 +3,29 @@
33
// CSS variables aligned with Figma tokens; fallbacks from get_variable_defs.
44

55
.str-chat {
6-
--str-chat__switch-field-background-color: var(--input-cards-bg, var(--background-core-surface-subtle));
6+
--str-chat__switch-field-background-color: var(
7+
--input-cards-bg,
8+
var(--background-core-surface-subtle)
9+
);
710
--str-chat__switch-field-border-radius: var(--radius-md);
811
--str-chat__switch-field-title-font-size: var(--typography-font-size-sm, 14px);
912
--str-chat__switch-field-title-font-weight: var(--typography-font-weight-medium, 500);
1013
--str-chat__switch-field-title-line-height: var(--typography-line-height-tight, 16px);
1114
--str-chat__switch-field-title-color: var(--text-primary, #1a1b25);
1215
--str-chat__switch-field-description-font-size: var(--typography-font-size-xs, 12px);
13-
--str-chat__switch-field-description-font-weight: var(--typography-font-weight-regular, 400);
16+
--str-chat__switch-field-description-font-weight: var(
17+
--typography-font-weight-regular,
18+
400
19+
);
1420
--str-chat__switch-field-description-color: var(--text-tertiary, #687385);
15-
--str-chat__switch-field__track-off-bg: var(--control-toggle-switch-bg, var(--border-core-on-surface, #a3acba));
16-
--str-chat__switch-field__track-on-bg: var(--control-toggle-switch-bg-selected, #005fff);
21+
--str-chat__switch-field__track-off-bg: var(
22+
--control-toggle-switch-bg,
23+
var(--border-core-on-surface, #a3acba)
24+
);
25+
--str-chat__switch-field__track-on-bg: var(
26+
--control-toggle-switch-bg-selected,
27+
#005fff
28+
);
1729
--str-chat__switch-field__track-thumb-bg: var(--base-white, #ffffff);
1830
--str-chat__switch-field__track-height: 24px;
1931
--str-chat__switch-field__track-radius: var(--button-radius-full, 9999px);
@@ -25,12 +37,11 @@
2537
}
2638

2739
.str-chat__form__switch-field {
28-
2940
display: flex;
3041
align-items: center;
3142
gap: var(--spacing-sm);
3243
width: 100%;
33-
padding: var(--spacing-sm ) var(--spacing-md);
44+
padding: var(--spacing-sm) var(--spacing-md);
3445
background-color: var(--str-chat__switch-field-background-color);
3546
border-radius: var(--str-chat__switch-field-border-radius);
3647
box-sizing: border-box;
@@ -137,7 +148,7 @@
137148

138149
.str-chat__form__switch-field__label,
139150
.str-chat__form__switch-field__label__content {
140-
flex: 1
151+
flex: 1;
141152
}
142153

143154
.str-chat__form__switch-field__label--as-error {

‎src/components/Form/styling/TextInputFieldset.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -42,4 +42,4 @@
4242
}
4343
}
4444
}
45-
}
45+
}

‎src/components/Icons/styling/Icons.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,4 +3,4 @@
33
width: 1em;
44
height: 1em;
55
fill: currentColor;
6-
}
6+
}

‎src/components/Icons/styling/index.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
@use 'Icons';
1+
@use 'Icons';

‎src/components/Modal/styling/Modal.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -92,4 +92,4 @@
9292
width: 12px;
9393
}
9494
}
95-
}
95+
}

‎src/components/Poll/styling/PollCreationDialog.scss‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -24,11 +24,13 @@
2424
}
2525

2626
.str-chat__form__input-field__value input,
27-
.str-chat__form__input-field__value.str-chat__form-text-input .str-chat__form-text-input__wrapper {
27+
.str-chat__form__input-field__value.str-chat__form-text-input
28+
.str-chat__form-text-input__wrapper {
2829
width: 100%;
2930
}
3031

31-
.str-chat__form__input-field__value.str-chat__form-text-input .str-chat__form-text-input__wrapper {
32+
.str-chat__form__input-field__value.str-chat__form-text-input
33+
.str-chat__form-text-input__wrapper {
3234
background-color: transparent;
3335
}
3436

‎src/components/Poll/styling/PollResults.scss‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,4 +19,3 @@
1919
padding-inline: 1rem;
2020
}
2121
}
22-

‎src/styling/_global-theme-variables.scss‎

Lines changed: 21 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -37,36 +37,25 @@
3737
var(--typography-font-family-sans), system-ui, -apple-system, BlinkMacSystemFont,
3838
Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
3939

40-
--str-chat__metadata-default-text: normal
41-
var(--typography-font-weight-regular)
42-
var(--typography-font-size-xs) /
43-
var(--typography-line-height-tight)
44-
var(--str-chat__font-family);
45-
46-
--str-chat__caption-emphasis-text: normal
47-
var(--typography-font-weight-semi-bold)
48-
var(--typography-font-size-sm) /
49-
var(--typography-line-height-tight)
50-
var(--str-chat__font-family);
51-
52-
--str-chat__body-emphasis-text: normal
53-
var(--typography-font-weight-semi-bold)
54-
var(--typography-font-size-md) /
55-
var(--typography-line-height-normal)
56-
var(--str-chat__font-family);
57-
58-
--str-chat__heading-xs-text: normal
59-
var(--typography-font-weight-medium)
60-
var(--typography-font-size-sm) /
61-
var(--typography-line-height-tight)
62-
var(--str-chat__font-family);
63-
64-
--str-chat__heading-sm-text: normal
65-
var(--typography-font-weight-semi-bold)
66-
var(--typography-font-size-md) /
67-
var(--typography-line-height-normal)
68-
var(--str-chat__font-family);
40+
--str-chat__metadata-default-text: normal var(--typography-font-weight-regular)
41+
var(--typography-font-size-xs) / var(--typography-line-height-tight)
42+
var(--str-chat__font-family);
6943

44+
--str-chat__caption-emphasis-text: normal var(--typography-font-weight-semi-bold)
45+
var(--typography-font-size-sm) / var(--typography-line-height-tight)
46+
var(--str-chat__font-family);
47+
48+
--str-chat__body-emphasis-text: normal var(--typography-font-weight-semi-bold)
49+
var(--typography-font-size-md) / var(--typography-line-height-normal)
50+
var(--str-chat__font-family);
51+
52+
--str-chat__heading-xs-text: normal var(--typography-font-weight-medium)
53+
var(--typography-font-size-sm) / var(--typography-line-height-tight)
54+
var(--str-chat__font-family);
55+
56+
--str-chat__heading-sm-text: normal var(--typography-font-weight-semi-bold)
57+
var(--typography-font-size-md) / var(--typography-line-height-normal)
58+
var(--str-chat__font-family);
7059

7160
// todo: adapt the old text variables to so that they use the new semantic text variables
7261
/* The font used for caption texts */
@@ -189,7 +178,9 @@
189178
/* If a component has a box shadow applied to it, this will be the color used for the shadow */
190179
--str-chat__box-shadow-color: rgba(0, 0, 0, 0.18);
191180

192-
--str-chat__box-shadow-elevation-1: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 6px 12px 0 rgba(0, 0, 0, 0.16), 0 20px 32px 0 rgba(0, 0, 0, 0.12);
181+
--str-chat__box-shadow-elevation-1:
182+
0 0 0 1px rgba(0, 0, 0, 0.05), 0 6px 12px 0 rgba(0, 0, 0, 0.16),
183+
0 20px 32px 0 rgba(0, 0, 0, 0.12);
193184

194185
/* Used for online indicator and success messages */
195186
--str-chat__info-color: var(--str-chat__green500);

0 commit comments

Comments
 (0)