@salutejs/sdds-finai 0.323.0-canary.2402.20441017793.0 → 0.323.0-canary.2403.20455152253.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.
Files changed (51) hide show
  1. package/dist/styled-components/cjs/components/Accordion/Accordion.config.js +27 -1
  2. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +48 -20
  3. package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +46 -20
  4. package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +46 -23
  5. package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js +36 -14
  6. package/dist/styled-components/cjs/components/Range/Range.config.js +54 -28
  7. package/dist/styled-components/cjs/components/Select/Select.config.js +49 -21
  8. package/dist/styled-components/cjs/components/Skeleton/LineSkeleton.config.js +23 -11
  9. package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalIconTabItem.config.js +27 -13
  10. package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +46 -23
  11. package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +31 -16
  12. package/dist/styled-components/cjs/components/TextArea/TextArea.config.js +62 -53
  13. package/dist/styled-components/cjs/components/TextField/TextField.clear.config.js +43 -27
  14. package/dist/styled-components/cjs/components/TextField/TextField.config.js +48 -22
  15. package/dist/styled-components/cjs/components/TimePicker/TimePicker.config.js +47 -19
  16. package/dist/styled-components/cjs/components/Typography/Heading.config.js +30 -0
  17. package/dist/styled-components/cjs/components/Typography/Typography.js +6 -0
  18. package/dist/styled-components/cjs/components/Typography/index.js +3 -0
  19. package/dist/styled-components/es/components/Accordion/Accordion.config.js +27 -1
  20. package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +48 -20
  21. package/dist/styled-components/es/components/Combobox/Combobox.config.js +46 -20
  22. package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +46 -23
  23. package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js +36 -14
  24. package/dist/styled-components/es/components/Range/Range.config.js +54 -28
  25. package/dist/styled-components/es/components/Select/Select.config.js +49 -21
  26. package/dist/styled-components/es/components/Skeleton/LineSkeleton.config.js +23 -11
  27. package/dist/styled-components/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js +27 -13
  28. package/dist/styled-components/es/components/Tabs/horizontal/HorizontalTabItem.config.js +46 -23
  29. package/dist/styled-components/es/components/Tabs/horizontal/HorizontalTabs.config.js +31 -16
  30. package/dist/styled-components/es/components/TextArea/TextArea.config.js +62 -53
  31. package/dist/styled-components/es/components/TextField/TextField.clear.config.js +43 -27
  32. package/dist/styled-components/es/components/TextField/TextField.config.js +48 -22
  33. package/dist/styled-components/es/components/TimePicker/TimePicker.config.js +47 -19
  34. package/dist/styled-components/es/components/Typography/Heading.config.js +27 -0
  35. package/dist/styled-components/es/components/Typography/Typography.js +4 -1
  36. package/dist/styled-components/es/components/Typography/index.js +1 -1
  37. package/package.json +7 -7
  38. package/types/components/Accordion/Accordion.config.d.ts +1 -0
  39. package/types/components/Accordion/Accordion.d.ts +1 -0
  40. package/types/components/Combobox/Combobox.d.ts +24 -0
  41. package/types/components/Select/Select.d.ts +6 -0
  42. package/types/components/Skeleton/LineSkeleton.config.d.ts +1 -0
  43. package/types/components/Skeleton/Skeleton.d.ts +2 -0
  44. package/types/components/Tabs/TabItem.d.ts +3 -1
  45. package/types/components/Tabs/Tabs.d.ts +1 -0
  46. package/types/components/Tabs/horizontal/HorizontalIconTabItem.config.d.ts +1 -0
  47. package/types/components/Tabs/horizontal/HorizontalTabItem.config.d.ts +1 -0
  48. package/types/components/Tabs/horizontal/HorizontalTabs.config.d.ts +1 -0
  49. package/types/components/Typography/Heading.config.d.ts +10 -0
  50. package/types/components/Typography/Typography.d.ts +17 -0
  51. package/types/components/Typography/index.d.ts +1 -1
package/dist/styled-components/es/components/Range/Range.config.js CHANGED
@@ -11,9 +11,12 @@ function _tagged_template_literal(strings, raw) {
11
11
  function _templateObject() {
12
12
  var data = _tagged_template_literal([
13
13
  "\n ",
14
- ": var(--surface-transparent-primary);\n ",
14
+ ": var(--surface-transparent-card);\n ",
15
15
  ": var(--surface-transparent-negative);\n ",
16
16
  ": var(--surface-transparent-positive);\n\n ",
17
+ ": var(--outline-solid-primary);\n ",
18
+ ": var(--outline-transparent-negative);\n ",
19
+ ": var(--outline-transparent-positive);\n\n ",
17
20
  ": var(--text-primary);\n ",
18
21
  ": var(--text-primary);\n ",
19
22
  ": var(--text-secondary);\n ",
@@ -27,14 +30,20 @@ function _templateObject() {
27
30
  ": var(--text-tertiary);\n ",
28
31
  ": var(--text-accent);\n\n ",
29
32
  ": var(--surface-negative);\n\n ",
30
- ": var(--surface-transparent-primary-hover);\n ",
31
- ": var(--surface-transparent-secondary);\n ",
33
+ ": var(--surface-transparent-card-hover);\n ",
34
+ ": var(--surface-transparent-card);\n ",
35
+ ": var(--outline-solid-primary-hover);\n ",
36
+ ": var(--outline-accent);\n ",
32
37
  ": var(--surface-transparent-negative);\n ",
33
38
  ": var(--surface-transparent-negative-hover);\n ",
34
- ": var(--surface-transparent-negative-active);\n ",
39
+ ": var(--surface-transparent-card);\n ",
40
+ ": var(--outline-transparent-negative-hover);\n ",
41
+ ": var(--outline-accent);\n ",
35
42
  ": var(--surface-transparent-positive);\n ",
36
43
  ": var(--surface-transparent-positive-hover);\n ",
37
- ": var(--surface-transparent-positive-active);\n\n ",
44
+ ": var(--surface-transparent-card);\n ",
45
+ ": var(--outline-transparent-positive-hover);\n ",
46
+ ": var(--outline-accent);\n\n ",
38
47
  ": var(--text-tertiary);\n ",
39
48
  ": var(--text-tertiary);\n\n ",
40
49
  ": var(--text-accent);\n "
@@ -47,7 +56,8 @@ function _templateObject() {
47
56
  function _templateObject1() {
48
57
  var data = _tagged_template_literal([
49
58
  "\n ",
50
- ": 1rem;\n\n ",
59
+ ": 1rem;\n ",
60
+ ": 0.125rem;\n\n ",
51
61
  ": 0 0.375rem;\n ",
52
62
  ": var(--plasma-typo-body-l-font-family);\n ",
53
63
  ": var(--plasma-typo-body-l-font-style);\n ",
@@ -72,7 +82,8 @@ function _templateObject1() {
72
82
  ": var(--plasma-typo-body-l-font-size);\n ",
73
83
  ": var(--plasma-typo-body-l-font-weight);\n ",
74
84
  ": var(--plasma-typo-body-l-letter-spacing);\n ",
75
- ": var(--plasma-typo-body-l-line-height);\n\n ",
85
+ ": var(--plasma-typo-body-l-line-height);\n ",
86
+ ": 0.125rem;\n\n ",
76
87
  ": 0.25rem 0 0 0;\n ",
77
88
  ": var(--plasma-typo-body-xs-font-family);\n ",
78
89
  ": var(--plasma-typo-body-xs-font-style);\n ",
@@ -99,7 +110,8 @@ function _templateObject1() {
99
110
  function _templateObject2() {
100
111
  var data = _tagged_template_literal([
101
112
  "\n ",
102
- ": 0.875rem;\n\n ",
113
+ ": 0.875rem;\n ",
114
+ ": 0.125rem;\n\n ",
103
115
  ": 0 0.375rem;\n ",
104
116
  ": var(--plasma-typo-body-l-font-family);\n ",
105
117
  ": var(--plasma-typo-body-l-font-style);\n ",
@@ -130,7 +142,8 @@ function _templateObject2() {
130
142
  ": var(--plasma-typo-body-l-font-size);\n ",
131
143
  ": var(--plasma-typo-body-l-font-weight);\n ",
132
144
  ": var(--plasma-typo-body-l-letter-spacing);\n ",
133
- ": var(--plasma-typo-body-l-line-height);\n\n ",
145
+ ": var(--plasma-typo-body-l-line-height);\n ",
146
+ ": 0.125rem;\n\n ",
134
147
  ": 0.25rem 0 0 0;\n ",
135
148
  ": var(--plasma-typo-body-xs-font-family);\n ",
136
149
  ": var(--plasma-typo-body-xs-font-style);\n ",
@@ -151,7 +164,8 @@ function _templateObject2() {
151
164
  function _templateObject3() {
152
165
  var data = _tagged_template_literal([
153
166
  "\n ",
154
- ": 0.75rem;\n\n ",
167
+ ": 0.75rem;\n ",
168
+ ": 0.125rem;\n\n ",
155
169
  ": 0 0.375rem;\n ",
156
170
  ": var(--plasma-typo-body-m-font-family);\n ",
157
171
  ": var(--plasma-typo-body-m-font-style);\n ",
@@ -182,7 +196,8 @@ function _templateObject3() {
182
196
  ": var(--plasma-typo-body-m-font-size);\n ",
183
197
  ": var(--plasma-typo-body-m-font-weight);\n ",
184
198
  ": var(--plasma-typo-body-m-letter-spacing);\n ",
185
- ": var(--plasma-typo-body-m-line-height);\n\n ",
199
+ ": var(--plasma-typo-body-m-line-height);\n ",
200
+ ": 0.125rem;\n\n ",
186
201
  ": 0.25rem 0 0 0;\n ",
187
202
  ": var(--plasma-typo-body-xs-font-family);\n ",
188
203
  ": var(--plasma-typo-body-xs-font-style);\n ",
@@ -203,7 +218,8 @@ function _templateObject3() {
203
218
  function _templateObject4() {
204
219
  var data = _tagged_template_literal([
205
220
  "\n ",
206
- ": 0.625rem;\n\n ",
221
+ ": 0.625rem;\n ",
222
+ ": 0.125rem;\n\n ",
207
223
  ": 0 0.375rem;\n ",
208
224
  ": var(--plasma-typo-body-s-font-family);\n ",
209
225
  ": var(--plasma-typo-body-s-font-style);\n ",
@@ -234,7 +250,8 @@ function _templateObject4() {
234
250
  ": var(--plasma-typo-body-s-font-size);\n ",
235
251
  ": var(--plasma-typo-body-s-font-weight);\n ",
236
252
  ": var(--plasma-typo-body-s-letter-spacing);\n ",
237
- ": var(--plasma-typo-body-s-line-height);\n\n ",
253
+ ": var(--plasma-typo-body-s-line-height);\n ",
254
+ ": 0.125rem;\n\n ",
238
255
  ": 0.25rem 0 0 0;\n ",
239
256
  ": var(--plasma-typo-body-xs-font-family);\n ",
240
257
  ": var(--plasma-typo-body-xs-font-style);\n ",
@@ -255,7 +272,8 @@ function _templateObject4() {
255
272
  function _templateObject5() {
256
273
  var data = _tagged_template_literal([
257
274
  "\n ",
258
- ": 0.5rem;\n\n ",
275
+ ": 0.5rem;\n ",
276
+ ": 0.125rem;\n\n ",
259
277
  ": 0 0.375rem;\n ",
260
278
  ": var(--plasma-typo-body-xs-font-family);\n ",
261
279
  ": var(--plasma-typo-body-xs-font-style);\n ",
@@ -286,7 +304,8 @@ function _templateObject5() {
286
304
  ": var(--plasma-typo-body-xs-font-size);\n ",
287
305
  ": var(--plasma-typo-body-xs-font-weight);\n ",
288
306
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
289
- ": var(--plasma-typo-body-xs-line-height);\n\n ",
307
+ ": var(--plasma-typo-body-xs-line-height);\n ",
308
+ ": 0.125rem;\n\n ",
290
309
  ": 0.25rem 0 0 0;\n ",
291
310
  ": var(--plasma-typo-body-xs-font-family);\n ",
292
311
  ": var(--plasma-typo-body-xs-font-style);\n ",
@@ -307,7 +326,12 @@ function _templateObject5() {
307
326
  function _templateObject6() {
308
327
  var data = _tagged_template_literal([
309
328
  "\n ",
310
- ": 0.4;\n "
329
+ ": 1;\n ",
330
+ ": transparent;\n ",
331
+ ": var(--surface-transparent-secondary);\n ",
332
+ ": transparent;\n ",
333
+ ": var(--text-secondary);\n ",
334
+ ": var(--text-secondary);\n "
311
335
  ]);
312
336
  _templateObject6 = function _templateObject() {
313
337
  return data;
@@ -317,15 +341,17 @@ function _templateObject6() {
317
341
  function _templateObject7() {
318
342
  var data = _tagged_template_literal([
319
343
  "\n ",
320
- ": var(--surface-transparent-primary);\n ",
344
+ ": var(--surface-transparent-card);\n ",
345
+ ": var(--surface-transparent-card);\n ",
321
346
  ": var(--text-primary);\n ",
322
347
  ": var(--text-secondary);\n ",
323
348
  ": var(--text-secondary);\n ",
324
- ": 0.1;\n ",
325
349
  ": 0.4;\n ",
326
- ": 0.4;\n\n ",
327
- ": var(--text-primary);\n ",
350
+ ": 1;\n\n ",
351
+ ": var(--text-secondary);\n ",
328
352
  ": transparent;\n ",
353
+ ": var(--text-secondary);\n ",
354
+ ": var(--text-secondary);\n ",
329
355
  ": var(--text-secondary);\n "
330
356
  ]);
331
357
  _templateObject7 = function _templateObject() {
@@ -341,20 +367,20 @@ export var config = {
341
367
  },
342
368
  variations: {
343
369
  view: {
344
- default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.indicatorColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorHover, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorHover, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor)
370
+ default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.borderColor, tokens.borderColorError, tokens.borderColorSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.indicatorColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorHover, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBorderColorErrorHover, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorHover, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldBorderColorSuccessHover, tokens.textFieldBorderColorSuccessFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor)
345
371
  },
346
372
  size: {
347
- xl: css(_templateObject1(), tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight),
348
- l: css(_templateObject2(), tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin),
349
- m: css(_templateObject3(), tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin),
350
- s: css(_templateObject4(), tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin),
351
- xs: css(_templateObject5(), tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin)
373
+ xl: css(_templateObject1(), tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldBorderWidth, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight),
374
+ l: css(_templateObject2(), tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldBorderWidth, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin),
375
+ m: css(_templateObject3(), tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldBorderWidth, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin),
376
+ s: css(_templateObject4(), tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldBorderWidth, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin),
377
+ xs: css(_templateObject5(), tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldBorderWidth, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin)
352
378
  },
353
379
  disabled: {
354
- true: css(_templateObject6(), tokens.disabledOpacity)
380
+ true: css(_templateObject6(), tokens.disabledOpacity, tokens.textFieldBackgroundColor, tokens.background, tokens.borderColor, tokens.contentSlotRightColor, tokens.contentSlotColor)
355
381
  },
356
382
  readOnly: {
357
- true: css(_templateObject7(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.readOnlyOpacity, tokens.dividerOpacityReadOnly, tokens.rightContentOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
383
+ true: css(_templateObject7(), tokens.backgroundReadOnly, tokens.background, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.rightContentOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.contentSlotRightColor, tokens.contentSlotColor)
358
384
  }
359
385
  }
360
386
  };
package/dist/styled-components/es/components/Select/Select.config.js CHANGED
@@ -14,8 +14,11 @@ function _templateObject() {
14
14
  ": var(--text-primary);\n\n ",
15
15
  ": var(--text-secondary);\n ",
16
16
  ": var(--text-tertiary);\n\n ",
17
- ": var(--surface-transparent-primary);\n ",
18
- ": var(--surface-transparent-secondary);\n ",
17
+ ": var(--surface-transparent-card);\n ",
18
+ ": var(--surface-transparent-card);\n ",
19
+ ": var(--outline-solid-primary);\n ",
20
+ ": var(--outline-solid-primary-hover);\n ",
21
+ ": var(--outline-accent);\n ",
19
22
  ": var(--text-tertiary);\n ",
20
23
  ": var(--text-tertiary);\n ",
21
24
  ": var(--text-primary);\n ",
@@ -60,11 +63,15 @@ function _templateObject1() {
60
63
  ": var(--text-secondary);\n ",
61
64
  ": var(--text-tertiary);\n\n ",
62
65
  ": var(--surface-transparent-positive);\n ",
63
- ": var(--surface-transparent-positive-active);\n ",
66
+ ": var(--surface-transparent-card);\n ",
67
+ ": var(--outline-transparent-positive);\n ",
68
+ ": var(--outline-transparent-positive-hover);\n ",
69
+ ": var(--outline-accent);\n ",
64
70
  ": var(--text-tertiary);\n ",
65
71
  ": var(--text-tertiary);\n ",
66
72
  ": var(--text-primary);\n ",
67
73
  ": var(--text-positive);\n ",
74
+ ": var(--text-secondary);\n ",
68
75
  ": var(--text-accent);\n\n ",
69
76
  ": var(--text-secondary);\n ",
70
77
  ": var(--text-secondary-hover);\n ",
@@ -105,11 +112,15 @@ function _templateObject2() {
105
112
  ": var(--text-secondary);\n ",
106
113
  ": var(--text-tertiary);\n\n ",
107
114
  ": var(--surface-transparent-warning);\n ",
108
- ": var(--surface-transparent-warning-active);\n ",
115
+ ": var(--surface-transparent-card);\n ",
116
+ ": var(--outline-transparent-warning);\n ",
117
+ ": var(--outline-transparent-warning-hover);\n ",
118
+ ": var(--outline-accent);\n ",
109
119
  ": var(--text-tertiary);\n ",
110
120
  ": var(--text-tertiary);\n ",
111
121
  ": var(--text-primary);\n ",
112
122
  ": var(--text-warning);\n ",
123
+ ": var(--text-secondary);\n ",
113
124
  ": var(--text-accent);\n\n ",
114
125
  ": var(--text-secondary);\n ",
115
126
  ": var(--text-secondary-hover);\n ",
@@ -150,11 +161,15 @@ function _templateObject3() {
150
161
  ": var(--text-secondary);\n ",
151
162
  ": var(--text-tertiary);\n\n ",
152
163
  ": var(--surface-transparent-negative);\n ",
153
- ": var(--surface-transparent-negative-active);\n ",
164
+ ": var(--surface-transparent-card);\n ",
165
+ ": var(--outline-transparent-negative);\n ",
166
+ ": var(--outline-transparent-negative-hover);\n ",
167
+ ": var(--outline-accent);\n ",
154
168
  ": var(--text-tertiary);\n ",
155
169
  ": var(--text-tertiary);\n ",
156
170
  ": var(--text-primary);\n ",
157
171
  ": var(--text-negative);\n ",
172
+ ": var(--text-secondary);\n ",
158
173
  ": var(--text-accent);\n\n ",
159
174
  ": var(--text-secondary);\n ",
160
175
  ": var(--text-secondary-hover);\n ",
@@ -393,6 +408,7 @@ function _templateObject10() {
393
408
  ": 2.375rem;\n ",
394
409
  ": 0.563rem -2.938rem auto auto;\n ",
395
410
  ": 0.563rem -2.188rem auto auto;\n\n ",
411
+ ": 0.125rem;\n ",
396
412
  ": 0.25rem;\n ",
397
413
  ": var(--plasma-typo-body-xs-font-family);\n ",
398
414
  ": var(--plasma-typo-body-xs-font-size);\n ",
@@ -495,6 +511,7 @@ function _templateObject11() {
495
511
  ": var(--plasma-typo-body-m-font-weight);\n ",
496
512
  ": var(--plasma-typo-body-m-letter-spacing);\n ",
497
513
  ": var(--plasma-typo-body-m-line-height);\n\n ",
514
+ ": 0.125rem;\n ",
498
515
  ": 0.625rem;\n ",
499
516
  ": var(--plasma-typo-body-m-font-family);\n ",
500
517
  ": var(--plasma-typo-body-m-font-size);\n ",
@@ -608,6 +625,7 @@ function _templateObject12() {
608
625
  ": var(--plasma-typo-body-s-font-weight);\n ",
609
626
  ": var(--plasma-typo-body-s-letter-spacing);\n ",
610
627
  ": var(--plasma-typo-body-s-line-height);\n\n ",
628
+ ": 0.125rem;\n ",
611
629
  ": 0.5rem;\n ",
612
630
  ": var(--plasma-typo-body-s-font-family);\n ",
613
631
  ": var(--plasma-typo-body-s-font-size);\n ",
@@ -732,6 +750,7 @@ function _templateObject13() {
732
750
  ": 2.375rem;\n ",
733
751
  ": -0.188rem -2.1875rem auto auto;\n ",
734
752
  ": -0.188rem -1.938rem auto auto;\n\n ",
753
+ ": 0.125rem;\n ",
735
754
  ": 0.25rem;\n ",
736
755
  ": var(--plasma-typo-body-xs-font-family);\n ",
737
756
  ": var(--plasma-typo-body-xs-font-size);\n ",
@@ -905,7 +924,7 @@ function _templateObject18() {
905
924
  function _templateObject19() {
906
925
  var data = _tagged_template_literal([
907
926
  "\n ",
908
- ": var(--surface-solid-card-brightness);\n ",
927
+ ": var(--surface-solid-card);\n ",
909
928
  ": var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n ",
910
929
  ": var(--text-primary);\n ",
911
930
  ": var(--surface-solid-card);\n "
@@ -972,7 +991,12 @@ function _templateObject21() {
972
991
  function _templateObject22() {
973
992
  var data = _tagged_template_literal([
974
993
  "\n ",
975
- ": 0.4;\n "
994
+ ": 1;\n ",
995
+ ": var(--surface-transparent-secondary);\n ",
996
+ ": transparent;\n ",
997
+ ": var(--text-secondary);\n ",
998
+ ": var(--text-secondary);\n ",
999
+ ": var(--text-secondary);\n "
976
1000
  ]);
977
1001
  _templateObject22 = function _templateObject() {
978
1002
  return data;
@@ -982,15 +1006,19 @@ function _templateObject22() {
982
1006
  function _templateObject23() {
983
1007
  var data = _tagged_template_literal([
984
1008
  "\n ",
985
- ": 0.4;\n ",
986
- ": 0.1;\n ",
1009
+ ": 1;\n ",
987
1010
  ": var(--text-primary);\n ",
988
- ": var(--surface-transparent-primary);\n ",
1011
+ ": var(--surface-transparent-card);\n ",
1012
+ ": var(--surface-transparent-card);\n ",
989
1013
  ": var(--text-secondary);\n ",
990
1014
  ": var(--text-secondary);\n ",
991
1015
  ": var(--text-secondary);\n ",
992
1016
  ": var(--text-primary);\n ",
993
- ": var(--surface-transparent-primary);\n "
1017
+ ": var(--surface-transparent-primary);\n ",
1018
+ ": var(--text-secondary);\n ",
1019
+ ": var(--text-secondary);\n ",
1020
+ ": var(--text-secondary);\n ",
1021
+ ": var(--outline-accent)\n "
994
1022
  ]);
995
1023
  _templateObject23 = function _templateObject() {
996
1024
  return data;
@@ -1007,10 +1035,10 @@ export var config = {
1007
1035
  },
1008
1036
  variations: {
1009
1037
  view: {
1010
- default: css(_templateObject(), tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.itemDisabledOpacity, tokens.itemDisabledColor, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
1011
- positive: css(_templateObject1(), tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.itemDisabledOpacity, tokens.itemDisabledColor, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
1012
- warning: css(_templateObject2(), tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.itemDisabledOpacity, tokens.itemDisabledColor, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
1013
- negative: css(_templateObject3(), tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.itemDisabledOpacity, tokens.itemDisabledColor, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
1038
+ default: css(_templateObject(), tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.itemDisabledOpacity, tokens.itemDisabledColor, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
1039
+ positive: css(_templateObject1(), tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldLeftHelperColorFocus, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.itemDisabledOpacity, tokens.itemDisabledColor, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
1040
+ warning: css(_templateObject2(), tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldLeftHelperColorFocus, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.itemDisabledOpacity, tokens.itemDisabledColor, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
1041
+ negative: css(_templateObject3(), tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldLeftHelperColorFocus, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.itemDisabledOpacity, tokens.itemDisabledColor, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
1014
1042
  accent: css(_templateObject4(), tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.itemDisabledOpacity, tokens.itemDisabledColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
1015
1043
  secondary: css(_templateObject5(), tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.itemDisabledOpacity, tokens.itemDisabledColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
1016
1044
  clear: css(_templateObject6(), tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.itemDisabledOpacity, tokens.itemDisabledColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
@@ -1019,10 +1047,10 @@ export var config = {
1019
1047
  white: css(_templateObject9(), tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.itemBackgroundHover, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemDisabledOpacity, tokens.itemDisabledColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor)
1020
1048
  },
1021
1049
  size: {
1022
- l: css(_templateObject10(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemGap, tokens.itemTreeOffsetWidth, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight),
1023
- m: css(_templateObject11(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemGap, tokens.itemTreeOffsetWidth, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight),
1024
- s: css(_templateObject12(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.itemGap, tokens.itemTreeOffsetWidth, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight),
1025
- xs: css(_templateObject13(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.itemGap, tokens.itemTreeOffsetWidth, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight)
1050
+ l: css(_templateObject10(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldBorderWidth, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemGap, tokens.itemTreeOffsetWidth, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight),
1051
+ m: css(_templateObject11(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldBorderWidth, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemGap, tokens.itemTreeOffsetWidth, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight),
1052
+ s: css(_templateObject12(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldBorderWidth, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.itemGap, tokens.itemTreeOffsetWidth, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight),
1053
+ xs: css(_templateObject13(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldBorderWidth, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.itemGap, tokens.itemTreeOffsetWidth, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight)
1026
1054
  },
1027
1055
  labelPlacement: {
1028
1056
  inner: css(_templateObject14(), tokens.textFieldPlaceholderColor, tokens.textFieldLabelInnerFontFamily, tokens.textFieldLabelInnerFontSize, tokens.textFieldLabelInnerFontStyle, tokens.textFieldLabelInnerFontWeight, tokens.textFieldLabelInnerLetterSpacing, tokens.textFieldLabelInnerLineHeight),
@@ -1041,10 +1069,10 @@ export var config = {
1041
1069
  s: css(_templateObject21(), tokens.textFieldTooltipPaddingTop, tokens.textFieldTooltipPaddingRight, tokens.textFieldTooltipPaddingBottom, tokens.textFieldTooltipPaddingLeft, tokens.textFieldTooltipMinHeight, tokens.textFieldTooltipBorderRadius, tokens.textFieldTooltipTextFontFamily, tokens.textFieldTooltipTextFontSize, tokens.textFieldTooltipTextFontStyle, tokens.textFieldTooltipTextFontWeight, tokens.textFieldTooltipTextFontLetterSpacing, tokens.textFieldTooltipTextFontLineHeight, tokens.textFieldTooltipContentLeftMargin, tokens.textFieldTooltipArrowMaskWidth, tokens.textFieldTooltipArrowMaskHeight, tokens.textFieldTooltipArrowMaskImage, tokens.textFieldTooltipArrowHeight, tokens.textFieldTooltipArrowEdgeMargin)
1042
1070
  },
1043
1071
  disabled: {
1044
- true: css(_templateObject22(), tokens.textFieldDisabledOpacity)
1072
+ true: css(_templateObject22(), tokens.textFieldDisabledOpacity, tokens.textFieldBackgroundColor, tokens.textFieldBorderColor, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive)
1045
1073
  },
1046
1074
  readOnly: {
1047
- true: css(_templateObject23(), tokens.disclosureIconOpacityReadOnly, tokens.textFieldReadOnlyOpacity, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldTitleCaptionColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldDividerColorReadOnly)
1075
+ true: css(_templateObject23(), tokens.disclosureIconOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldBackgroundColor, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldTitleCaptionColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldDividerColorReadOnly, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, tokens.textFieldBorderColorReadOnly)
1048
1076
  }
1049
1077
  }
1050
1078
  };
package/dist/styled-components/es/components/Skeleton/LineSkeleton.config.js CHANGED
@@ -174,8 +174,8 @@ function _templateObject14() {
174
174
  function _templateObject15() {
175
175
  var data = _tagged_template_literal([
176
176
  "\n ",
177
- ": var(--plasma-typo-text-l-line-height);\n ",
178
- ": var(--plasma-typo-text-l-font-size);\n "
177
+ ": var(--plasma-typo-h6-line-height);\n ",
178
+ ": var(--plasma-typo-h6-font-size);\n "
179
179
  ]);
180
180
  _templateObject15 = function _templateObject() {
181
181
  return data;
@@ -185,8 +185,8 @@ function _templateObject15() {
185
185
  function _templateObject16() {
186
186
  var data = _tagged_template_literal([
187
187
  "\n ",
188
- ": var(--plasma-typo-text-m-line-height);\n ",
189
- ": var(--plasma-typo-text-m-font-size);\n "
188
+ ": var(--plasma-typo-text-l-line-height);\n ",
189
+ ": var(--plasma-typo-text-l-font-size);\n "
190
190
  ]);
191
191
  _templateObject16 = function _templateObject() {
192
192
  return data;
@@ -196,8 +196,8 @@ function _templateObject16() {
196
196
  function _templateObject17() {
197
197
  var data = _tagged_template_literal([
198
198
  "\n ",
199
- ": var(--plasma-typo-text-s-line-height);\n ",
200
- ": var(--plasma-typo-text-s-font-size);\n "
199
+ ": var(--plasma-typo-text-m-line-height);\n ",
200
+ ": var(--plasma-typo-text-m-font-size);\n "
201
201
  ]);
202
202
  _templateObject17 = function _templateObject() {
203
203
  return data;
@@ -205,12 +205,23 @@ function _templateObject17() {
205
205
  return data;
206
206
  }
207
207
  function _templateObject18() {
208
+ var data = _tagged_template_literal([
209
+ "\n ",
210
+ ": var(--plasma-typo-text-s-line-height);\n ",
211
+ ": var(--plasma-typo-text-s-font-size);\n "
212
+ ]);
213
+ _templateObject18 = function _templateObject() {
214
+ return data;
215
+ };
216
+ return data;
217
+ }
218
+ function _templateObject19() {
208
219
  var data = _tagged_template_literal([
209
220
  "\n ",
210
221
  ": var(--plasma-typo-text-xs-line-height);\n ",
211
222
  ": var(--plasma-typo-text-xs-font-size);\n "
212
223
  ]);
213
- _templateObject18 = function _templateObject() {
224
+ _templateObject19 = function _templateObject() {
214
225
  return data;
215
226
  };
216
227
  return data;
@@ -240,10 +251,11 @@ export var config = {
240
251
  h3: css(_templateObject12(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
241
252
  h4: css(_templateObject13(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
242
253
  h5: css(_templateObject14(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
243
- textL: css(_templateObject15(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
244
- textM: css(_templateObject16(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
245
- textS: css(_templateObject17(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
246
- textXS: css(_templateObject18(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight)
254
+ h6: css(_templateObject15(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
255
+ textL: css(_templateObject16(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
256
+ textM: css(_templateObject17(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
257
+ textS: css(_templateObject18(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
258
+ textXS: css(_templateObject19(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight)
247
259
  }
248
260
  }
249
261
  };