@salutejs/sdds-finai 0.350.0-next-sbcom.0 → 0.351.0-dev.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/beta/cjs/Popover/Popover.closeInner.config.js +6 -0
- package/dist/beta/cjs/Popover/Popover.closeNone.config.js +6 -0
- package/dist/beta/cjs/Tooltip/Tooltip.config.js +6 -0
- package/dist/beta/es/Popover/Popover.closeInner.config.js +6 -0
- package/dist/beta/es/Popover/Popover.closeNone.config.js +6 -0
- package/dist/beta/es/Tooltip/Tooltip.config.js +6 -0
- package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +2 -2
- package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.viewMode.config.js +2 -2
- package/dist/styled-components/cjs/components/Chip/Chip.config.js +44 -2
- package/dist/styled-components/cjs/components/ChipGroup/ChipGroup.config.js +85 -0
- package/dist/styled-components/cjs/components/CodeField/CodeField.config.js +27 -0
- package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +30 -14
- package/dist/styled-components/cjs/components/Combobox/Combobox.viewMode.config.js +2 -2
- package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +1 -1
- package/dist/styled-components/cjs/components/DatePicker/DatePicker.viewMode.config.js +1 -1
- package/dist/styled-components/cjs/components/Range/Range.config.js +1 -1
- package/dist/styled-components/cjs/components/Select/Select.config.js +32 -15
- package/dist/styled-components/cjs/components/Select/Select.viewMode.config.js +2 -2
- package/dist/styled-components/cjs/components/Slider/Slider.config.js +20 -1
- package/dist/styled-components/cjs/components/TextField/TextField.clear.config.js +2 -2
- package/dist/styled-components/cjs/components/TextField/TextField.config.js +2 -2
- package/dist/styled-components/cjs/components/TextField/TextField.viewMode.config.js +2 -2
- package/dist/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.config.js +2 -2
- package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +2 -2
- package/dist/styled-components/es/components/Autocomplete/Autocomplete.viewMode.config.js +2 -2
- package/dist/styled-components/es/components/Chip/Chip.config.js +44 -2
- package/dist/styled-components/es/components/ChipGroup/ChipGroup.config.js +86 -1
- package/dist/styled-components/es/components/CodeField/CodeField.config.js +27 -0
- package/dist/styled-components/es/components/Combobox/Combobox.config.js +31 -15
- package/dist/styled-components/es/components/Combobox/Combobox.viewMode.config.js +2 -2
- package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +1 -1
- package/dist/styled-components/es/components/DatePicker/DatePicker.viewMode.config.js +1 -1
- package/dist/styled-components/es/components/Range/Range.config.js +1 -1
- package/dist/styled-components/es/components/Select/Select.config.js +33 -16
- package/dist/styled-components/es/components/Select/Select.viewMode.config.js +2 -2
- package/dist/styled-components/es/components/Slider/Slider.config.js +20 -1
- package/dist/styled-components/es/components/TextField/TextField.clear.config.js +2 -2
- package/dist/styled-components/es/components/TextField/TextField.config.js +2 -2
- package/dist/styled-components/es/components/TextField/TextField.viewMode.config.js +2 -2
- package/dist/styled-components/es/components/TextFieldGroup/TextFieldGroup.config.js +2 -2
- package/package.json +11 -11
- package/types/components/Avatar/Avatar.d.ts +4 -4
- package/types/components/Chip/Chip.config.d.ts +2 -0
- package/types/components/Chip/Chip.d.ts +4 -0
- package/types/components/ChipGroup/ChipGroup.config.d.ts +7 -0
- package/types/components/ChipGroup/ChipGroup.d.ts +7 -0
- package/types/components/CodeField/CodeField.config.d.ts +1 -0
- package/types/components/CodeField/CodeField.d.ts +1 -0
- package/types/components/Combobox/Combobox.config.d.ts +5 -0
- package/types/components/Select/Select.config.d.ts +5 -0
- package/types/components/Slider/Slider.config.d.ts +1 -0
- package/types/components/Slider/Slider.d.ts +8 -4
- package/types/components/TimePicker/TimePicker.d.ts +13 -13
|
@@ -37,11 +37,17 @@ const config = {
|
|
|
37
37
|
${_styledcomponents._beta_popoverTokens.borderRadius}: 1rem;
|
|
38
38
|
${_styledcomponents._beta_popoverTokens.padding}: 0.75rem 0.5rem 0.5rem 0.5rem;
|
|
39
39
|
${_styledcomponents._beta_popoverTokens.iconOffset}: 0.625rem;
|
|
40
|
+
${_styledcomponents._beta_popoverTokens.tailWidth}: 20px;
|
|
41
|
+
${_styledcomponents._beta_popoverTokens.tailHeight}: 8px;
|
|
42
|
+
${_styledcomponents._beta_popoverTokens.tailSideCurvature}: -10%;
|
|
40
43
|
`,
|
|
41
44
|
s: (0, _styledcomponents.css)`
|
|
42
45
|
${_styledcomponents._beta_popoverTokens.borderRadius}: 0.75rem;
|
|
43
46
|
${_styledcomponents._beta_popoverTokens.padding}: 0.5rem 0.375rem 0.375rem 0.375rem;
|
|
44
47
|
${_styledcomponents._beta_popoverTokens.iconOffset}: 0.5rem;
|
|
48
|
+
${_styledcomponents._beta_popoverTokens.tailWidth}: 20px;
|
|
49
|
+
${_styledcomponents._beta_popoverTokens.tailHeight}: 8px;
|
|
50
|
+
${_styledcomponents._beta_popoverTokens.tailSideCurvature}: -10%;
|
|
45
51
|
`
|
|
46
52
|
}
|
|
47
53
|
}
|
|
@@ -30,10 +30,16 @@ const config = {
|
|
|
30
30
|
m: (0, _styledcomponents.css)`
|
|
31
31
|
${_styledcomponents._beta_popoverTokens.borderRadius}: 1rem;
|
|
32
32
|
${_styledcomponents._beta_popoverTokens.padding}: 0.75rem 0.5rem 0.5rem 0.5rem;
|
|
33
|
+
${_styledcomponents._beta_popoverTokens.tailWidth}: 20px;
|
|
34
|
+
${_styledcomponents._beta_popoverTokens.tailHeight}: 8px;
|
|
35
|
+
${_styledcomponents._beta_popoverTokens.tailSideCurvature}: -10%;
|
|
33
36
|
`,
|
|
34
37
|
s: (0, _styledcomponents.css)`
|
|
35
38
|
${_styledcomponents._beta_popoverTokens.borderRadius}: 0.75rem;
|
|
36
39
|
${_styledcomponents._beta_popoverTokens.padding}: 0.5rem 0.375rem 0.375rem 0.375rem;
|
|
40
|
+
${_styledcomponents._beta_popoverTokens.tailWidth}: 20px;
|
|
41
|
+
${_styledcomponents._beta_popoverTokens.tailHeight}: 8px;
|
|
42
|
+
${_styledcomponents._beta_popoverTokens.tailSideCurvature}: -10%;
|
|
37
43
|
`
|
|
38
44
|
}
|
|
39
45
|
}
|
|
@@ -34,6 +34,9 @@ const config = {
|
|
|
34
34
|
${_styledcomponents._beta_tooltipTokens.fontWeight}: ${_sdds_finai.bodyS.fontWeight};
|
|
35
35
|
${_styledcomponents._beta_tooltipTokens.letterSpacing}: ${_sdds_finai.bodyS.letterSpacing};
|
|
36
36
|
${_styledcomponents._beta_tooltipTokens.lineHeight}: ${_sdds_finai.bodyS.lineHeight};
|
|
37
|
+
${_styledcomponents._beta_tooltipTokens.tailWidth}: 20px;
|
|
38
|
+
${_styledcomponents._beta_tooltipTokens.tailHeight}: 8px;
|
|
39
|
+
${_styledcomponents._beta_tooltipTokens.tailSideCurvature}: -10%;
|
|
37
40
|
`,
|
|
38
41
|
s: (0, _styledcomponents.css)`
|
|
39
42
|
${_styledcomponents._beta_tooltipTokens.borderRadius}: 0.5rem;
|
|
@@ -45,6 +48,9 @@ const config = {
|
|
|
45
48
|
${_styledcomponents._beta_tooltipTokens.fontWeight}: ${_sdds_finai.bodyXS.fontWeight};
|
|
46
49
|
${_styledcomponents._beta_tooltipTokens.letterSpacing}: ${_sdds_finai.bodyXS.letterSpacing};
|
|
47
50
|
${_styledcomponents._beta_tooltipTokens.lineHeight}: ${_sdds_finai.bodyXS.lineHeight};
|
|
51
|
+
${_styledcomponents._beta_tooltipTokens.tailWidth}: 14px;
|
|
52
|
+
${_styledcomponents._beta_tooltipTokens.tailHeight}: 6px;
|
|
53
|
+
${_styledcomponents._beta_tooltipTokens.tailSideCurvature}: -10%;
|
|
48
54
|
`
|
|
49
55
|
}
|
|
50
56
|
}
|
|
@@ -27,11 +27,17 @@ export const config = {
|
|
|
27
27
|
${tokens.borderRadius}: 1rem;
|
|
28
28
|
${tokens.padding}: 0.75rem 0.5rem 0.5rem 0.5rem;
|
|
29
29
|
${tokens.iconOffset}: 0.625rem;
|
|
30
|
+
${tokens.tailWidth}: 20px;
|
|
31
|
+
${tokens.tailHeight}: 8px;
|
|
32
|
+
${tokens.tailSideCurvature}: -10%;
|
|
30
33
|
`,
|
|
31
34
|
s: css`
|
|
32
35
|
${tokens.borderRadius}: 0.75rem;
|
|
33
36
|
${tokens.padding}: 0.5rem 0.375rem 0.375rem 0.375rem;
|
|
34
37
|
${tokens.iconOffset}: 0.5rem;
|
|
38
|
+
${tokens.tailWidth}: 20px;
|
|
39
|
+
${tokens.tailHeight}: 8px;
|
|
40
|
+
${tokens.tailSideCurvature}: -10%;
|
|
35
41
|
`
|
|
36
42
|
}
|
|
37
43
|
}
|
|
@@ -20,10 +20,16 @@ export const config = {
|
|
|
20
20
|
m: css`
|
|
21
21
|
${tokens.borderRadius}: 1rem;
|
|
22
22
|
${tokens.padding}: 0.75rem 0.5rem 0.5rem 0.5rem;
|
|
23
|
+
${tokens.tailWidth}: 20px;
|
|
24
|
+
${tokens.tailHeight}: 8px;
|
|
25
|
+
${tokens.tailSideCurvature}: -10%;
|
|
23
26
|
`,
|
|
24
27
|
s: css`
|
|
25
28
|
${tokens.borderRadius}: 0.75rem;
|
|
26
29
|
${tokens.padding}: 0.5rem 0.375rem 0.375rem 0.375rem;
|
|
30
|
+
${tokens.tailWidth}: 20px;
|
|
31
|
+
${tokens.tailHeight}: 8px;
|
|
32
|
+
${tokens.tailSideCurvature}: -10%;
|
|
27
33
|
`
|
|
28
34
|
}
|
|
29
35
|
}
|
|
@@ -24,6 +24,9 @@ export const config = {
|
|
|
24
24
|
${tokens.fontWeight}: ${bodyS.fontWeight};
|
|
25
25
|
${tokens.letterSpacing}: ${bodyS.letterSpacing};
|
|
26
26
|
${tokens.lineHeight}: ${bodyS.lineHeight};
|
|
27
|
+
${tokens.tailWidth}: 20px;
|
|
28
|
+
${tokens.tailHeight}: 8px;
|
|
29
|
+
${tokens.tailSideCurvature}: -10%;
|
|
27
30
|
`,
|
|
28
31
|
s: css`
|
|
29
32
|
${tokens.borderRadius}: 0.5rem;
|
|
@@ -35,6 +38,9 @@ export const config = {
|
|
|
35
38
|
${tokens.fontWeight}: ${bodyXS.fontWeight};
|
|
36
39
|
${tokens.letterSpacing}: ${bodyXS.letterSpacing};
|
|
37
40
|
${tokens.lineHeight}: ${bodyXS.lineHeight};
|
|
41
|
+
${tokens.tailWidth}: 14px;
|
|
42
|
+
${tokens.tailHeight}: 6px;
|
|
43
|
+
${tokens.tailSideCurvature}: -10%;
|
|
38
44
|
`
|
|
39
45
|
}
|
|
40
46
|
}
|
|
@@ -286,7 +286,7 @@ const config = {
|
|
|
286
286
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
|
|
287
287
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
288
288
|
|
|
289
|
-
${_styledcomponents.autocompleteTokens.
|
|
289
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
290
290
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_finai.bodyXS.fontFamily};
|
|
291
291
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_finai.bodyXS.fontSize};
|
|
292
292
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_finai.bodyXS.fontStyle};
|
|
@@ -362,7 +362,7 @@ const config = {
|
|
|
362
362
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
|
|
363
363
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
364
364
|
|
|
365
|
-
${_styledcomponents.autocompleteTokens.
|
|
365
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
366
366
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_finai.bodyXS.fontFamily};
|
|
367
367
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_finai.bodyXS.fontSize};
|
|
368
368
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_finai.bodyXS.fontStyle};
|
|
@@ -240,7 +240,7 @@ const config = {
|
|
|
240
240
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
|
|
241
241
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
242
242
|
|
|
243
|
-
${_styledcomponents.autocompleteTokens.
|
|
243
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.125rem;
|
|
244
244
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_finai.bodyXS.fontFamily};
|
|
245
245
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_finai.bodyXS.fontSize};
|
|
246
246
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_finai.bodyXS.fontStyle};
|
|
@@ -316,7 +316,7 @@ const config = {
|
|
|
316
316
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
|
|
317
317
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
318
318
|
|
|
319
|
-
${_styledcomponents.autocompleteTokens.
|
|
319
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.125rem;
|
|
320
320
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_finai.bodyXS.fontFamily};
|
|
321
321
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_finai.bodyXS.fontSize};
|
|
322
322
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_finai.bodyXS.fontStyle};
|
|
@@ -185,8 +185,6 @@ const config = {
|
|
|
185
185
|
|
|
186
186
|
${_styledcomponents.chipTokens.fontFamily}: ${_sdds_finai.bodyXXS.fontFamily};
|
|
187
187
|
${_styledcomponents.chipTokens.fontSize}: ${_sdds_finai.bodyXXS.fontSize};
|
|
188
|
-
${_styledcomponents.chipTokens.fontStyle}: ${_sdds_finai.bodyXXS.fontStyle};
|
|
189
|
-
${_styledcomponents.chipTokens.fontWeight}: ${_sdds_finai.bodyXXS.fontWeight};
|
|
190
188
|
${_styledcomponents.chipTokens.letterSpacing}: ${_sdds_finai.bodyXXS.letterSpacing};
|
|
191
189
|
${_styledcomponents.chipTokens.lineHeight}: ${_sdds_finai.bodyXXS.lineHeight};
|
|
192
190
|
|
|
@@ -197,6 +195,50 @@ const config = {
|
|
|
197
195
|
${_styledcomponents.chipTokens.clearContentMarginLeft}: 0.25rem;
|
|
198
196
|
${_styledcomponents.chipTokens.clearContentMarginRight}: -0.25rem;
|
|
199
197
|
${_styledcomponents.chipTokens.closeIconSize}: 0.75rem;
|
|
198
|
+
`,
|
|
199
|
+
'28xs': (0, _styledcomponents.css)`
|
|
200
|
+
${_styledcomponents.chipTokens.borderRadius}: 0.5rem;
|
|
201
|
+
${_styledcomponents.chipTokens.pilledBorderRadius}: 1.25rem;
|
|
202
|
+
${_styledcomponents.chipTokens.width}: auto;
|
|
203
|
+
${_styledcomponents.chipTokens.height}: 1.75rem;
|
|
204
|
+
${_styledcomponents.chipTokens.padding}: 0 0.75rem 0 0.6875rem;
|
|
205
|
+
|
|
206
|
+
${_styledcomponents.chipTokens.fontFamily}: ${_sdds_finai.bodyS.fontFamily};
|
|
207
|
+
${_styledcomponents.chipTokens.fontSize}: ${_sdds_finai.bodyS.fontSize};
|
|
208
|
+
${_styledcomponents.chipTokens.fontStyle}: ${_sdds_finai.bodyS.fontStyle};
|
|
209
|
+
${_styledcomponents.chipTokens.fontWeight}: ${_sdds_finai.bodyS.fontWeight};
|
|
210
|
+
${_styledcomponents.chipTokens.letterSpacing}: ${_sdds_finai.bodyS.letterSpacing};
|
|
211
|
+
${_styledcomponents.chipTokens.lineHeight}: ${_sdds_finai.bodyS.lineHeight};
|
|
212
|
+
|
|
213
|
+
${_styledcomponents.chipTokens.leftContentMarginLeft}: 0;
|
|
214
|
+
${_styledcomponents.chipTokens.leftContentMarginRight}: 0.125rem;
|
|
215
|
+
${_styledcomponents.chipTokens.rightContentMarginLeft}: 0.125rem;
|
|
216
|
+
${_styledcomponents.chipTokens.rightContentMarginRight}: -0.125rem;
|
|
217
|
+
${_styledcomponents.chipTokens.clearContentMarginLeft}: 0.25rem;
|
|
218
|
+
${_styledcomponents.chipTokens.clearContentMarginRight}: -0.125rem;
|
|
219
|
+
${_styledcomponents.chipTokens.closeIconSize}: 1rem;
|
|
220
|
+
`,
|
|
221
|
+
'16xxs': (0, _styledcomponents.css)`
|
|
222
|
+
${_styledcomponents.chipTokens.borderRadius}: 0.25rem;
|
|
223
|
+
${_styledcomponents.chipTokens.pilledBorderRadius}: 1.25rem;
|
|
224
|
+
${_styledcomponents.chipTokens.width}: auto;
|
|
225
|
+
${_styledcomponents.chipTokens.height}: 1rem;
|
|
226
|
+
${_styledcomponents.chipTokens.padding}: 0 0.25rem;
|
|
227
|
+
|
|
228
|
+
${_styledcomponents.chipTokens.fontFamily}: ${_sdds_finai.bodyXXS.fontFamily};
|
|
229
|
+
${_styledcomponents.chipTokens.fontSize}: ${_sdds_finai.bodyXXS.fontSize};
|
|
230
|
+
${_styledcomponents.chipTokens.fontStyle}: ${_sdds_finai.bodyXXS.fontStyle};
|
|
231
|
+
${_styledcomponents.chipTokens.fontWeight}: ${_sdds_finai.bodyXXS.fontWeight};
|
|
232
|
+
${_styledcomponents.chipTokens.letterSpacing}: ${_sdds_finai.bodyXXS.letterSpacing};
|
|
233
|
+
${_styledcomponents.chipTokens.lineHeight}: ${_sdds_finai.bodyXXS.lineHeight};
|
|
234
|
+
|
|
235
|
+
${_styledcomponents.chipTokens.leftContentMarginLeft}: 0;
|
|
236
|
+
${_styledcomponents.chipTokens.leftContentMarginRight}: 0.125rem;
|
|
237
|
+
${_styledcomponents.chipTokens.rightContentMarginLeft}: 0.125rem;
|
|
238
|
+
${_styledcomponents.chipTokens.rightContentMarginRight}: -0.063rem;
|
|
239
|
+
${_styledcomponents.chipTokens.clearContentMarginLeft}: 0.125rem;
|
|
240
|
+
${_styledcomponents.chipTokens.clearContentMarginRight}: -0.063rem;
|
|
241
|
+
${_styledcomponents.chipTokens.closeIconSize}: 0.75rem;
|
|
200
242
|
`
|
|
201
243
|
},
|
|
202
244
|
disabled: {
|
|
@@ -75,6 +75,9 @@ const config = {
|
|
|
75
75
|
size: {
|
|
76
76
|
m: (0, _styledcomponents.css)`
|
|
77
77
|
${_styledcomponents.chipGroupTokens.chipBorderRadius}: 0.625rem;
|
|
78
|
+
${_styledcomponents.chipGroupTokens.chipDefaultRadius}: 0.625rem;
|
|
79
|
+
${_styledcomponents.chipGroupTokens.chipSegmentedRadius}: 0.25rem;
|
|
80
|
+
${_styledcomponents.chipGroupTokens.chipSideRadius}: 0.625rem;
|
|
78
81
|
${_styledcomponents.chipGroupTokens.chipWidth}: auto;
|
|
79
82
|
${_styledcomponents.chipGroupTokens.chipHeight}: 2.5rem;
|
|
80
83
|
${_styledcomponents.chipGroupTokens.chipPadding}: 0 0.875rem;
|
|
@@ -96,6 +99,9 @@ const config = {
|
|
|
96
99
|
`,
|
|
97
100
|
s: (0, _styledcomponents.css)`
|
|
98
101
|
${_styledcomponents.chipGroupTokens.chipBorderRadius}: 0.5rem;
|
|
102
|
+
${_styledcomponents.chipGroupTokens.chipDefaultRadius}: 0.5rem;
|
|
103
|
+
${_styledcomponents.chipGroupTokens.chipSegmentedRadius}: 0.25rem;
|
|
104
|
+
${_styledcomponents.chipGroupTokens.chipSideRadius}: 0.5rem;
|
|
99
105
|
${_styledcomponents.chipGroupTokens.chipWidth}: auto;
|
|
100
106
|
${_styledcomponents.chipGroupTokens.chipHeight}: 2rem;
|
|
101
107
|
${_styledcomponents.chipGroupTokens.chipPadding}: 0 0.875rem;
|
|
@@ -117,6 +123,9 @@ const config = {
|
|
|
117
123
|
`,
|
|
118
124
|
xs: (0, _styledcomponents.css)`
|
|
119
125
|
${_styledcomponents.chipGroupTokens.chipBorderRadius}: 0.375rem;
|
|
126
|
+
${_styledcomponents.chipGroupTokens.chipDefaultRadius}: 0.375rem;
|
|
127
|
+
${_styledcomponents.chipGroupTokens.chipSegmentedRadius}: 0.125rem;
|
|
128
|
+
${_styledcomponents.chipGroupTokens.chipSideRadius}: 0.375rem;
|
|
120
129
|
${_styledcomponents.chipGroupTokens.chipWidth}: auto;
|
|
121
130
|
${_styledcomponents.chipGroupTokens.chipHeight}: 1.5rem;
|
|
122
131
|
${_styledcomponents.chipGroupTokens.chipPadding}: 0 0.625rem;
|
|
@@ -134,7 +143,79 @@ const config = {
|
|
|
134
143
|
${_styledcomponents.chipGroupTokens.chipRightContentMarginRight}: -0.125rem;
|
|
135
144
|
${_styledcomponents.chipGroupTokens.chipClearContentMarginLeft}: 0.25rem;
|
|
136
145
|
${_styledcomponents.chipGroupTokens.chipClearContentMarginRight}: -0.25rem;
|
|
146
|
+
${_styledcomponents.chipGroupTokens.chipCloseIconSize}: 0.75rem;
|
|
147
|
+
`,
|
|
148
|
+
xxs: (0, _styledcomponents.css)`
|
|
149
|
+
${_styledcomponents.chipGroupTokens.chipBorderRadius}: 0.375rem;
|
|
150
|
+
${_styledcomponents.chipGroupTokens.chipDefaultRadius}: 0.375rem;
|
|
151
|
+
${_styledcomponents.chipGroupTokens.chipSegmentedRadius}: 0.125rem;
|
|
152
|
+
${_styledcomponents.chipGroupTokens.chipSideRadius}: 0.375rem;
|
|
153
|
+
${_styledcomponents.chipGroupTokens.chipWidth}: auto;
|
|
154
|
+
${_styledcomponents.chipGroupTokens.chipHeight}: 1.25rem;
|
|
155
|
+
${_styledcomponents.chipGroupTokens.chipPadding}: 0 0.5rem;
|
|
156
|
+
|
|
157
|
+
${_styledcomponents.chipGroupTokens.chipFontFamily}: ${_sdds_finai.bodyXXS.fontFamily};
|
|
158
|
+
${_styledcomponents.chipGroupTokens.chipFontSize}: ${_sdds_finai.bodyXXS.fontSize};
|
|
159
|
+
${_styledcomponents.chipGroupTokens.chipFontStyle}: ${_sdds_finai.bodyXXS.fontStyle};
|
|
160
|
+
${_styledcomponents.chipGroupTokens.chipFontWeight}: ${_sdds_finai.bodyXXS.fontWeight};
|
|
161
|
+
${_styledcomponents.chipGroupTokens.chipLetterSpacing}: ${_sdds_finai.bodyXXS.letterSpacing};
|
|
162
|
+
${_styledcomponents.chipGroupTokens.chipLineHeight}: ${_sdds_finai.bodyXXS.lineHeight};
|
|
163
|
+
|
|
164
|
+
${_styledcomponents.chipGroupTokens.chipLeftContentMarginLeft}: -0.125rem;
|
|
165
|
+
${_styledcomponents.chipGroupTokens.chipLeftContentMarginRight}: 0.125rem;
|
|
166
|
+
${_styledcomponents.chipGroupTokens.chipRightContentMarginLeft}: 0.125rem;
|
|
167
|
+
${_styledcomponents.chipGroupTokens.chipRightContentMarginRight}: -0.125rem;
|
|
168
|
+
${_styledcomponents.chipGroupTokens.chipClearContentMarginLeft}: 0.25rem;
|
|
169
|
+
${_styledcomponents.chipGroupTokens.chipClearContentMarginRight}: -0.25rem;
|
|
170
|
+
${_styledcomponents.chipGroupTokens.chipCloseIconSize}: 0.75rem;
|
|
171
|
+
`,
|
|
172
|
+
'28xs': (0, _styledcomponents.css)`
|
|
173
|
+
${_styledcomponents.chipGroupTokens.chipBorderRadius}: 0.5rem;
|
|
174
|
+
${_styledcomponents.chipGroupTokens.chipDefaultRadius}: 0.5rem;
|
|
175
|
+
${_styledcomponents.chipGroupTokens.chipSegmentedRadius}: 0.125rem;
|
|
176
|
+
${_styledcomponents.chipGroupTokens.chipSideRadius}: 0.5rem;
|
|
177
|
+
${_styledcomponents.chipGroupTokens.chipWidth}: auto;
|
|
178
|
+
${_styledcomponents.chipGroupTokens.chipHeight}: 1.75rem;
|
|
179
|
+
${_styledcomponents.chipGroupTokens.chipPadding}: 0 0.75rem 0 0.6875rem;
|
|
180
|
+
|
|
181
|
+
${_styledcomponents.chipGroupTokens.chipFontFamily}: ${_sdds_finai.bodyS.fontFamily};
|
|
182
|
+
${_styledcomponents.chipGroupTokens.chipFontSize}: ${_sdds_finai.bodyS.fontSize};
|
|
183
|
+
${_styledcomponents.chipGroupTokens.chipFontStyle}: ${_sdds_finai.bodyS.fontStyle};
|
|
184
|
+
${_styledcomponents.chipGroupTokens.chipFontWeight}: ${_sdds_finai.bodyS.fontWeight};
|
|
185
|
+
${_styledcomponents.chipGroupTokens.chipLetterSpacing}: ${_sdds_finai.bodyS.letterSpacing};
|
|
186
|
+
${_styledcomponents.chipGroupTokens.chipLineHeight}: ${_sdds_finai.bodyS.lineHeight};
|
|
187
|
+
|
|
188
|
+
${_styledcomponents.chipGroupTokens.chipLeftContentMarginLeft}: 0;
|
|
189
|
+
${_styledcomponents.chipGroupTokens.chipLeftContentMarginRight}: 0.125rem;
|
|
190
|
+
${_styledcomponents.chipGroupTokens.chipRightContentMarginLeft}: 0.125rem;
|
|
191
|
+
${_styledcomponents.chipGroupTokens.chipRightContentMarginRight}: -0.125rem;
|
|
192
|
+
${_styledcomponents.chipGroupTokens.chipClearContentMarginLeft}: 0.25rem;
|
|
193
|
+
${_styledcomponents.chipGroupTokens.chipClearContentMarginRight}: -0.125rem;
|
|
137
194
|
${_styledcomponents.chipGroupTokens.chipCloseIconSize}: 1rem;
|
|
195
|
+
`,
|
|
196
|
+
'16xxs': (0, _styledcomponents.css)`
|
|
197
|
+
${_styledcomponents.chipGroupTokens.chipBorderRadius}: 0.25rem;
|
|
198
|
+
${_styledcomponents.chipGroupTokens.chipDefaultRadius}: 0.25rem;
|
|
199
|
+
${_styledcomponents.chipGroupTokens.chipSegmentedRadius}: 0.125rem;
|
|
200
|
+
${_styledcomponents.chipGroupTokens.chipSideRadius}: 0.25rem;
|
|
201
|
+
${_styledcomponents.chipGroupTokens.chipWidth}: auto;
|
|
202
|
+
${_styledcomponents.chipGroupTokens.chipHeight}: 1rem;
|
|
203
|
+
${_styledcomponents.chipGroupTokens.chipPadding}: 0 0.25rem;
|
|
204
|
+
|
|
205
|
+
${_styledcomponents.chipGroupTokens.chipFontFamily}: ${_sdds_finai.bodyXXS.fontFamily};
|
|
206
|
+
${_styledcomponents.chipGroupTokens.chipFontSize}: ${_sdds_finai.bodyXXS.fontSize};
|
|
207
|
+
${_styledcomponents.chipGroupTokens.chipFontStyle}: ${_sdds_finai.bodyXXS.fontStyle};
|
|
208
|
+
${_styledcomponents.chipGroupTokens.chipFontWeight}: ${_sdds_finai.bodyXXS.fontWeight};
|
|
209
|
+
${_styledcomponents.chipGroupTokens.chipLetterSpacing}: ${_sdds_finai.bodyXXS.letterSpacing};
|
|
210
|
+
${_styledcomponents.chipGroupTokens.chipLineHeight}: ${_sdds_finai.bodyXXS.lineHeight};
|
|
211
|
+
|
|
212
|
+
${_styledcomponents.chipGroupTokens.chipLeftContentMarginLeft}: 0;
|
|
213
|
+
${_styledcomponents.chipGroupTokens.chipLeftContentMarginRight}: 0.125rem;
|
|
214
|
+
${_styledcomponents.chipGroupTokens.chipRightContentMarginLeft}: 0.125rem;
|
|
215
|
+
${_styledcomponents.chipGroupTokens.chipRightContentMarginRight}: -0.063rem;
|
|
216
|
+
${_styledcomponents.chipGroupTokens.chipClearContentMarginLeft}: 0.125rem;
|
|
217
|
+
${_styledcomponents.chipGroupTokens.chipClearContentMarginRight}: -0.063rem;
|
|
218
|
+
${_styledcomponents.chipGroupTokens.chipCloseIconSize}: 0.75rem;
|
|
138
219
|
`
|
|
139
220
|
},
|
|
140
221
|
gap: {
|
|
@@ -144,6 +225,10 @@ const config = {
|
|
|
144
225
|
wide: (0, _styledcomponents.css)`
|
|
145
226
|
${_styledcomponents.chipGroupTokens.chipGroupItemsGap}: 0.5rem;
|
|
146
227
|
`
|
|
228
|
+
},
|
|
229
|
+
shape: {
|
|
230
|
+
segmented: (0, _styledcomponents.css)``,
|
|
231
|
+
default: (0, _styledcomponents.css)``
|
|
147
232
|
}
|
|
148
233
|
}
|
|
149
234
|
};
|
|
@@ -35,6 +35,33 @@ const config = {
|
|
|
35
35
|
`
|
|
36
36
|
},
|
|
37
37
|
size: {
|
|
38
|
+
xl: (0, _styledcomponents.css)`
|
|
39
|
+
${_styledcomponents.codeFieldTokens.captionGap}: 0.875rem;
|
|
40
|
+
${_styledcomponents.codeFieldTokens.codeItemsGap}: 0.125rem;
|
|
41
|
+
|
|
42
|
+
${_styledcomponents.codeFieldTokens.separatorWidth}: 0.25rem;
|
|
43
|
+
|
|
44
|
+
${_styledcomponents.codeFieldTokens.codeItemWidth}: 3rem;
|
|
45
|
+
${_styledcomponents.codeFieldTokens.codeItemHeight}: 4rem;
|
|
46
|
+
|
|
47
|
+
${_styledcomponents.codeFieldTokens.fontFamily}: ${_sdds_finai.bodyL.fontFamily};
|
|
48
|
+
${_styledcomponents.codeFieldTokens.fontSize}: ${_sdds_finai.bodyL.fontSize};
|
|
49
|
+
${_styledcomponents.codeFieldTokens.fontStyle}: ${_sdds_finai.bodyL.fontStyle};
|
|
50
|
+
${_styledcomponents.codeFieldTokens.fontWeight}: ${_sdds_finai.bodyLBold.fontWeight};
|
|
51
|
+
${_styledcomponents.codeFieldTokens.letterSpacing}: ${_sdds_finai.bodyL.letterSpacing};
|
|
52
|
+
${_styledcomponents.codeFieldTokens.lineHeight}: ${_sdds_finai.bodyL.lineHeight};
|
|
53
|
+
|
|
54
|
+
${_styledcomponents.codeFieldTokens.captionFontFamily}: ${_sdds_finai.bodyS.fontFamily};
|
|
55
|
+
${_styledcomponents.codeFieldTokens.captionFontSize}: ${_sdds_finai.bodyS.fontSize};
|
|
56
|
+
${_styledcomponents.codeFieldTokens.captionFontStyle}: ${_sdds_finai.bodyS.fontStyle};
|
|
57
|
+
${_styledcomponents.codeFieldTokens.captionFontWeight}: ${_sdds_finai.bodyS.fontWeight};
|
|
58
|
+
${_styledcomponents.codeFieldTokens.captionLetterSpacing}: ${_sdds_finai.bodyS.letterSpacing};
|
|
59
|
+
${_styledcomponents.codeFieldTokens.captionLineHeight}: ${_sdds_finai.bodyS.lineHeight};
|
|
60
|
+
|
|
61
|
+
${_styledcomponents.codeFieldTokens.borderRadius}: 1rem;
|
|
62
|
+
${_styledcomponents.codeFieldTokens.borderRadiusSegmented}: 0.5rem;
|
|
63
|
+
${_styledcomponents.codeFieldTokens.segmentedSideBorderRadius}: 1rem;
|
|
64
|
+
`,
|
|
38
65
|
l: (0, _styledcomponents.css)`
|
|
39
66
|
${_styledcomponents.codeFieldTokens.captionGap}: 0.875rem;
|
|
40
67
|
${_styledcomponents.codeFieldTokens.codeItemsGap}: 0.125rem;
|
|
@@ -351,7 +351,7 @@ const config = {
|
|
|
351
351
|
${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
|
|
352
352
|
${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
353
353
|
|
|
354
|
-
${_styledcomponents.comboboxTokens.
|
|
354
|
+
${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
355
355
|
${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: ${_sdds_finai.bodyXS.fontFamily};
|
|
356
356
|
${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: ${_sdds_finai.bodyXS.fontSize};
|
|
357
357
|
${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: ${_sdds_finai.bodyXS.fontStyle};
|
|
@@ -475,7 +475,7 @@ const config = {
|
|
|
475
475
|
${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
|
|
476
476
|
${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
477
477
|
|
|
478
|
-
${_styledcomponents.comboboxTokens.
|
|
478
|
+
${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
479
479
|
${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: ${_sdds_finai.bodyXS.fontFamily};
|
|
480
480
|
${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: ${_sdds_finai.bodyXS.fontSize};
|
|
481
481
|
${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: ${_sdds_finai.bodyXS.fontStyle};
|
|
@@ -577,13 +577,15 @@ const config = {
|
|
|
577
577
|
},
|
|
578
578
|
chipView: {
|
|
579
579
|
default: (0, _styledcomponents.css)`
|
|
580
|
-
${_styledcomponents.comboboxTokens.textFieldChipColor}: ${_sdds_finai.
|
|
581
|
-
${_styledcomponents.comboboxTokens.textFieldChipColorHover}: ${_sdds_finai.
|
|
582
|
-
${_styledcomponents.comboboxTokens.
|
|
580
|
+
${_styledcomponents.comboboxTokens.textFieldChipColor}: ${_sdds_finai.inverseTextPrimary};
|
|
581
|
+
${_styledcomponents.comboboxTokens.textFieldChipColorHover}: ${_sdds_finai.inverseTextPrimary};
|
|
582
|
+
${_styledcomponents.comboboxTokens.textFieldChipColorActive}: ${_sdds_finai.inverseTextPrimary};
|
|
583
|
+
${_styledcomponents.comboboxTokens.textFieldChipBackground}: ${_sdds_finai.surfaceSolidDefault};
|
|
583
584
|
${_styledcomponents.comboboxTokens.textFieldChipBackgroundHover}: ${_sdds_finai.surfaceSolidDefaultHover};
|
|
584
|
-
${_styledcomponents.comboboxTokens.
|
|
585
|
-
${_styledcomponents.comboboxTokens.
|
|
586
|
-
${_styledcomponents.comboboxTokens.
|
|
585
|
+
${_styledcomponents.comboboxTokens.textFieldChipBackgroundActive}: ${_sdds_finai.surfaceSolidDefaultActive};
|
|
586
|
+
${_styledcomponents.comboboxTokens.textFieldChipCloseIconColor}: ${_sdds_finai.inverseTextSecondary};
|
|
587
|
+
${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorReadonly}: ${_sdds_finai.inverseTextSecondary};
|
|
588
|
+
${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorHover}: ${_sdds_finai.inverseTextSecondaryHover};
|
|
587
589
|
|
|
588
590
|
${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnly}: ${_sdds_finai.surfaceSolidDefault};
|
|
589
591
|
${_styledcomponents.comboboxTokens.textFieldChipColorReadOnly}: ${_sdds_finai.inverseTextPrimary};
|
|
@@ -593,12 +595,14 @@ const config = {
|
|
|
593
595
|
`,
|
|
594
596
|
secondary: (0, _styledcomponents.css)`
|
|
595
597
|
${_styledcomponents.comboboxTokens.textFieldChipColor}: ${_sdds_finai.textPrimary};
|
|
596
|
-
${_styledcomponents.comboboxTokens.textFieldChipColorHover}: ${_sdds_finai.
|
|
598
|
+
${_styledcomponents.comboboxTokens.textFieldChipColorHover}: ${_sdds_finai.textPrimaryHover};
|
|
599
|
+
${_styledcomponents.comboboxTokens.textFieldChipColorActive}: ${_sdds_finai.textPrimaryActive};
|
|
597
600
|
${_styledcomponents.comboboxTokens.textFieldChipBackground}: ${_sdds_finai.surfaceTransparentSecondary};
|
|
598
601
|
${_styledcomponents.comboboxTokens.textFieldChipBackgroundHover}: ${_sdds_finai.surfaceTransparentSecondaryHover};
|
|
599
|
-
${_styledcomponents.comboboxTokens.
|
|
600
|
-
${_styledcomponents.comboboxTokens.
|
|
601
|
-
${_styledcomponents.comboboxTokens.
|
|
602
|
+
${_styledcomponents.comboboxTokens.textFieldChipBackgroundActive}: ${_sdds_finai.surfaceTransparentSecondaryActive};
|
|
603
|
+
${_styledcomponents.comboboxTokens.textFieldChipCloseIconColor}: ${_sdds_finai.textTertiary};
|
|
604
|
+
${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorHover}: ${_sdds_finai.textTertiary};
|
|
605
|
+
${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorReadonly}: ${_sdds_finai.textTertiary};
|
|
602
606
|
|
|
603
607
|
${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnly}: ${_sdds_finai.surfaceTransparentSecondary};
|
|
604
608
|
${_styledcomponents.comboboxTokens.textFieldChipColorReadOnly}: ${_sdds_finai.textPrimary};
|
|
@@ -609,11 +613,13 @@ const config = {
|
|
|
609
613
|
accent: (0, _styledcomponents.css)`
|
|
610
614
|
${_styledcomponents.comboboxTokens.textFieldChipColor}: ${_sdds_finai.onDarkTextPrimary};
|
|
611
615
|
${_styledcomponents.comboboxTokens.textFieldChipColorHover}: ${_sdds_finai.onDarkTextPrimary};
|
|
616
|
+
${_styledcomponents.comboboxTokens.textFieldChipColorActive}: ${_sdds_finai.onDarkTextPrimary};
|
|
612
617
|
${_styledcomponents.comboboxTokens.textFieldChipBackground}: ${_sdds_finai.surfaceAccent};
|
|
613
618
|
${_styledcomponents.comboboxTokens.textFieldChipBackgroundHover}: ${_sdds_finai.surfaceAccentHover};
|
|
619
|
+
${_styledcomponents.comboboxTokens.textFieldChipBackgroundActive}: ${_sdds_finai.surfaceAccentActive};
|
|
614
620
|
${_styledcomponents.comboboxTokens.textFieldChipCloseIconColor}: ${_sdds_finai.onDarkTextSecondary};
|
|
615
621
|
${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorReadonly}: ${_sdds_finai.onDarkTextSecondary};
|
|
616
|
-
${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorHover}: ${_sdds_finai.
|
|
622
|
+
${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorHover}: ${_sdds_finai.onDarkTextSecondaryHover};
|
|
617
623
|
|
|
618
624
|
${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnly}: ${_sdds_finai.surfaceAccent};
|
|
619
625
|
${_styledcomponents.comboboxTokens.textFieldChipColorReadOnly}: ${_sdds_finai.onDarkTextPrimary};
|
|
@@ -683,6 +689,7 @@ const config = {
|
|
|
683
689
|
disabled: {
|
|
684
690
|
true: (0, _styledcomponents.css)`
|
|
685
691
|
${_styledcomponents.comboboxTokens.textFieldColor}: ${_sdds_finai.textSecondary};
|
|
692
|
+
${_styledcomponents.comboboxTokens.textFieldChipColor}: ${_sdds_finai.onDarkTextSecondary};
|
|
686
693
|
${_styledcomponents.comboboxTokens.textFieldDisabledOpacity}: 1;
|
|
687
694
|
${_styledcomponents.comboboxTokens.textFieldBackgroundColor}: ${_sdds_finai.surfaceTransparentSecondary};
|
|
688
695
|
${_styledcomponents.comboboxTokens.textFieldBorderColor}: transparent;
|
|
@@ -707,5 +714,14 @@ const config = {
|
|
|
707
714
|
${_styledcomponents.comboboxTokens.textFieldBorderWidth}: 0.125rem;
|
|
708
715
|
`
|
|
709
716
|
}
|
|
710
|
-
}
|
|
717
|
+
},
|
|
718
|
+
intersections: [
|
|
719
|
+
{
|
|
720
|
+
disabled: true,
|
|
721
|
+
chipView: 'secondary',
|
|
722
|
+
style: (0, _styledcomponents.css)`
|
|
723
|
+
${_styledcomponents.comboboxTokens.textFieldChipColor}: ${_sdds_finai.textSecondary};
|
|
724
|
+
`
|
|
725
|
+
}
|
|
726
|
+
]
|
|
711
727
|
};
|
|
@@ -297,7 +297,7 @@ const config = {
|
|
|
297
297
|
${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
|
|
298
298
|
${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
299
299
|
|
|
300
|
-
${_styledcomponents.comboboxTokens.
|
|
300
|
+
${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.125rem;
|
|
301
301
|
${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: ${_sdds_finai.bodyXS.fontFamily};
|
|
302
302
|
${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: ${_sdds_finai.bodyXS.fontSize};
|
|
303
303
|
${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: ${_sdds_finai.bodyXS.fontStyle};
|
|
@@ -426,7 +426,7 @@ const config = {
|
|
|
426
426
|
${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
|
|
427
427
|
${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
428
428
|
|
|
429
|
-
${_styledcomponents.comboboxTokens.
|
|
429
|
+
${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.125rem;
|
|
430
430
|
${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: ${_sdds_finai.bodyXS.fontFamily};
|
|
431
431
|
${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: ${_sdds_finai.bodyXS.fontSize};
|
|
432
432
|
${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: ${_sdds_finai.bodyXS.fontStyle};
|
|
@@ -32,7 +32,7 @@ const config = {
|
|
|
32
32
|
${_styledcomponents.datePickerTokens.borderColorSuccess}: ${_sdds_finai.outlineTransparentPositive};
|
|
33
33
|
${_styledcomponents.datePickerTokens.borderColorEdited}: ${_sdds_finai.outlineTransparentInfo};
|
|
34
34
|
|
|
35
|
-
${_styledcomponents.datePickerTokens.dividerColor}: ${_sdds_finai.
|
|
35
|
+
${_styledcomponents.datePickerTokens.dividerColor}: ${_sdds_finai.textSecondary};
|
|
36
36
|
${_styledcomponents.datePickerTokens.labelColor}: ${_sdds_finai.textSecondary};
|
|
37
37
|
${_styledcomponents.datePickerTokens.leftHelperColor}: ${_sdds_finai.textSecondary};
|
|
38
38
|
${_styledcomponents.datePickerTokens.leftHelperColorError}: ${_sdds_finai.textNegative};
|
|
@@ -30,7 +30,7 @@ const config = {
|
|
|
30
30
|
${_styledcomponents.datePickerTokens.borderColorError}: transparent;
|
|
31
31
|
${_styledcomponents.datePickerTokens.borderColorSuccess}: transparent;
|
|
32
32
|
|
|
33
|
-
${_styledcomponents.datePickerTokens.dividerColor}: ${_sdds_finai.
|
|
33
|
+
${_styledcomponents.datePickerTokens.dividerColor}: ${_sdds_finai.textSecondary};
|
|
34
34
|
${_styledcomponents.datePickerTokens.labelColor}: ${_sdds_finai.textSecondary};
|
|
35
35
|
${_styledcomponents.datePickerTokens.leftHelperColor}: ${_sdds_finai.textSecondary};
|
|
36
36
|
${_styledcomponents.datePickerTokens.leftHelperColorError}: ${_sdds_finai.textNegative};
|
|
@@ -30,7 +30,7 @@ const config = {
|
|
|
30
30
|
${_styledcomponents.rangeTokens.borderColorSuccess}: ${_sdds_finai.outlineTransparentPositive};
|
|
31
31
|
${_styledcomponents.rangeTokens.borderColorEdited}: ${_sdds_finai.outlineTransparentInfo};
|
|
32
32
|
|
|
33
|
-
${_styledcomponents.rangeTokens.dividerColor}: ${_sdds_finai.
|
|
33
|
+
${_styledcomponents.rangeTokens.dividerColor}: ${_sdds_finai.textSecondary};
|
|
34
34
|
${_styledcomponents.rangeTokens.labelColor}: ${_sdds_finai.textSecondary};
|
|
35
35
|
${_styledcomponents.rangeTokens.leftHelperColor}: ${_sdds_finai.textSecondary};
|
|
36
36
|
${_styledcomponents.rangeTokens.leftHelperColorError}: ${_sdds_finai.textNegative};
|
|
@@ -15,7 +15,7 @@ const config = {
|
|
|
15
15
|
view: 'default',
|
|
16
16
|
size: 's',
|
|
17
17
|
labelPlacement: 'outer',
|
|
18
|
-
chipView: '
|
|
18
|
+
chipView: 'secondary',
|
|
19
19
|
hintView: 'default',
|
|
20
20
|
hintSize: 'm'
|
|
21
21
|
},
|
|
@@ -470,7 +470,7 @@ const config = {
|
|
|
470
470
|
${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
|
|
471
471
|
${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
472
472
|
|
|
473
|
-
${_styledcomponents.selectTokens.
|
|
473
|
+
${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
474
474
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: ${_sdds_finai.bodyXS.fontFamily};
|
|
475
475
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: ${_sdds_finai.bodyXS.fontSize};
|
|
476
476
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: ${_sdds_finai.bodyXS.fontStyle};
|
|
@@ -598,7 +598,7 @@ const config = {
|
|
|
598
598
|
${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
599
599
|
|
|
600
600
|
${_styledcomponents.selectTokens.textFieldBorderWidth}: 0.125rem;
|
|
601
|
-
${_styledcomponents.selectTokens.
|
|
601
|
+
${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
602
602
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: ${_sdds_finai.bodyXS.fontFamily};
|
|
603
603
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: ${_sdds_finai.bodyXS.fontSize};
|
|
604
604
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: ${_sdds_finai.bodyXS.fontStyle};
|
|
@@ -704,13 +704,15 @@ const config = {
|
|
|
704
704
|
},
|
|
705
705
|
chipView: {
|
|
706
706
|
default: (0, _styledcomponents.css)`
|
|
707
|
-
${_styledcomponents.selectTokens.textFieldChipColor}: ${_sdds_finai.
|
|
708
|
-
${_styledcomponents.selectTokens.textFieldChipColorHover}: ${_sdds_finai.
|
|
709
|
-
${_styledcomponents.selectTokens.
|
|
707
|
+
${_styledcomponents.selectTokens.textFieldChipColor}: ${_sdds_finai.inverseTextPrimary};
|
|
708
|
+
${_styledcomponents.selectTokens.textFieldChipColorHover}: ${_sdds_finai.inverseTextPrimary};
|
|
709
|
+
${_styledcomponents.selectTokens.textFieldChipColorActive}: ${_sdds_finai.inverseTextPrimary};
|
|
710
|
+
${_styledcomponents.selectTokens.textFieldChipBackground}: ${_sdds_finai.surfaceSolidDefault};
|
|
710
711
|
${_styledcomponents.selectTokens.textFieldChipBackgroundHover}: ${_sdds_finai.surfaceSolidDefaultHover};
|
|
711
|
-
${_styledcomponents.selectTokens.
|
|
712
|
-
${_styledcomponents.selectTokens.
|
|
713
|
-
${_styledcomponents.selectTokens.
|
|
712
|
+
${_styledcomponents.selectTokens.textFieldChipBackgroundActive}: ${_sdds_finai.surfaceSolidDefaultActive};
|
|
713
|
+
${_styledcomponents.selectTokens.textFieldChipCloseIconColor}: ${_sdds_finai.inverseTextSecondary};
|
|
714
|
+
${_styledcomponents.selectTokens.textFieldChipCloseIconColorReadonly}: ${_sdds_finai.inverseTextSecondary};
|
|
715
|
+
${_styledcomponents.selectTokens.textFieldChipCloseIconColorHover}: ${_sdds_finai.inverseTextSecondaryHover};
|
|
714
716
|
|
|
715
717
|
${_styledcomponents.selectTokens.textFieldChipBackgroundReadOnly}: ${_sdds_finai.surfaceSolidDefault};
|
|
716
718
|
${_styledcomponents.selectTokens.textFieldChipColorReadOnly}: ${_sdds_finai.inverseTextPrimary};
|
|
@@ -720,12 +722,14 @@ const config = {
|
|
|
720
722
|
`,
|
|
721
723
|
secondary: (0, _styledcomponents.css)`
|
|
722
724
|
${_styledcomponents.selectTokens.textFieldChipColor}: ${_sdds_finai.textPrimary};
|
|
723
|
-
${_styledcomponents.selectTokens.textFieldChipColorHover}: ${_sdds_finai.
|
|
725
|
+
${_styledcomponents.selectTokens.textFieldChipColorHover}: ${_sdds_finai.textPrimaryHover};
|
|
726
|
+
${_styledcomponents.selectTokens.textFieldChipColorActive}: ${_sdds_finai.textPrimaryActive};
|
|
724
727
|
${_styledcomponents.selectTokens.textFieldChipBackground}: ${_sdds_finai.surfaceTransparentSecondary};
|
|
725
728
|
${_styledcomponents.selectTokens.textFieldChipBackgroundHover}: ${_sdds_finai.surfaceTransparentSecondaryHover};
|
|
726
|
-
${_styledcomponents.selectTokens.
|
|
727
|
-
${_styledcomponents.selectTokens.
|
|
728
|
-
${_styledcomponents.selectTokens.
|
|
729
|
+
${_styledcomponents.selectTokens.textFieldChipBackgroundActive}: ${_sdds_finai.surfaceTransparentSecondaryActive};
|
|
730
|
+
${_styledcomponents.selectTokens.textFieldChipCloseIconColor}: ${_sdds_finai.textTertiary};
|
|
731
|
+
${_styledcomponents.selectTokens.textFieldChipCloseIconColorHover}: ${_sdds_finai.textTertiary};
|
|
732
|
+
${_styledcomponents.selectTokens.textFieldChipCloseIconColorReadonly}: ${_sdds_finai.textTertiary};
|
|
729
733
|
|
|
730
734
|
${_styledcomponents.selectTokens.textFieldChipBackgroundReadOnly}: ${_sdds_finai.surfaceTransparentSecondary};
|
|
731
735
|
${_styledcomponents.selectTokens.textFieldChipColorReadOnly}: ${_sdds_finai.textPrimary};
|
|
@@ -736,11 +740,13 @@ const config = {
|
|
|
736
740
|
accent: (0, _styledcomponents.css)`
|
|
737
741
|
${_styledcomponents.selectTokens.textFieldChipColor}: ${_sdds_finai.onDarkTextPrimary};
|
|
738
742
|
${_styledcomponents.selectTokens.textFieldChipColorHover}: ${_sdds_finai.onDarkTextPrimary};
|
|
743
|
+
${_styledcomponents.selectTokens.textFieldChipColorActive}: ${_sdds_finai.onDarkTextPrimary};
|
|
739
744
|
${_styledcomponents.selectTokens.textFieldChipBackground}: ${_sdds_finai.surfaceAccent};
|
|
740
745
|
${_styledcomponents.selectTokens.textFieldChipBackgroundHover}: ${_sdds_finai.surfaceAccentHover};
|
|
746
|
+
${_styledcomponents.selectTokens.textFieldChipBackgroundActive}: ${_sdds_finai.surfaceAccentActive};
|
|
741
747
|
${_styledcomponents.selectTokens.textFieldChipCloseIconColor}: ${_sdds_finai.onDarkTextSecondary};
|
|
742
748
|
${_styledcomponents.selectTokens.textFieldChipCloseIconColorReadonly}: ${_sdds_finai.onDarkTextSecondary};
|
|
743
|
-
${_styledcomponents.selectTokens.textFieldChipCloseIconColorHover}: ${_sdds_finai.
|
|
749
|
+
${_styledcomponents.selectTokens.textFieldChipCloseIconColorHover}: ${_sdds_finai.onDarkTextSecondaryHover};
|
|
744
750
|
|
|
745
751
|
${_styledcomponents.selectTokens.textFieldChipBackgroundReadOnly}: ${_sdds_finai.surfaceAccent};
|
|
746
752
|
${_styledcomponents.selectTokens.textFieldChipColorReadOnly}: ${_sdds_finai.onDarkTextPrimary};
|
|
@@ -809,6 +815,8 @@ const config = {
|
|
|
809
815
|
},
|
|
810
816
|
disabled: {
|
|
811
817
|
true: (0, _styledcomponents.css)`
|
|
818
|
+
${_styledcomponents.selectTokens.textFieldColor}: ${_sdds_finai.textSecondary};
|
|
819
|
+
${_styledcomponents.selectTokens.textFieldChipColor}: ${_sdds_finai.onDarkTextSecondary};
|
|
812
820
|
${_styledcomponents.selectTokens.textFieldDisabledOpacity}: 1;
|
|
813
821
|
${_styledcomponents.selectTokens.textFieldBackgroundColor}: ${_sdds_finai.surfaceTransparentSecondary};
|
|
814
822
|
${_styledcomponents.selectTokens.textFieldBorderColor}: transparent;
|
|
@@ -833,5 +841,14 @@ const config = {
|
|
|
833
841
|
${_styledcomponents.selectTokens.textFieldBorderColorReadOnly}: transparent;
|
|
834
842
|
`
|
|
835
843
|
}
|
|
836
|
-
}
|
|
844
|
+
},
|
|
845
|
+
intersections: [
|
|
846
|
+
{
|
|
847
|
+
disabled: true,
|
|
848
|
+
chipView: 'secondary',
|
|
849
|
+
style: (0, _styledcomponents.css)`
|
|
850
|
+
${_styledcomponents.selectTokens.textFieldChipColor}: ${_sdds_finai.textSecondary};
|
|
851
|
+
`
|
|
852
|
+
}
|
|
853
|
+
]
|
|
837
854
|
};
|