@salutejs/sdds-finai 0.322.0-dev.0 → 0.322.1-canary.2382.20157425918.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 (19) hide show
  1. package/components/Autocomplete/Autocomplete.config.js +38 -15
  2. package/components/Combobox/Combobox.config.js +39 -16
  3. package/components/DatePicker/DatePicker.config.js +35 -19
  4. package/components/Range/Range.config.js +47 -24
  5. package/components/Select/Select.config.js +38 -15
  6. package/components/TextArea/TextArea.config.js +48 -44
  7. package/components/TextField/TextField.clear.config.js +21 -12
  8. package/components/TextField/TextField.config.js +38 -18
  9. package/components/TimePicker/TimePicker.config.js +42 -17
  10. package/es/components/Autocomplete/Autocomplete.config.js +38 -15
  11. package/es/components/Combobox/Combobox.config.js +39 -16
  12. package/es/components/DatePicker/DatePicker.config.js +35 -19
  13. package/es/components/Range/Range.config.js +47 -24
  14. package/es/components/Select/Select.config.js +38 -15
  15. package/es/components/TextArea/TextArea.config.js +48 -44
  16. package/es/components/TextField/TextField.clear.config.js +21 -12
  17. package/es/components/TextField/TextField.config.js +38 -18
  18. package/es/components/TimePicker/TimePicker.config.js +42 -17
  19. package/package.json +8 -8
package/components/TextField/TextField.config.js CHANGED
@@ -25,9 +25,12 @@ function _templateObject() {
25
25
  ": var(--text-primary);\n\n ",
26
26
  ": var(--text-secondary);\n ",
27
27
  ": var(--text-tertiary);\n\n ",
28
- ": var(--surface-transparent-primary);\n ",
29
- ": var(--surface-transparent-primary-hover);\n ",
30
- ": var(--surface-transparent-secondary);\n ",
28
+ ": var(--surface-transparent-card);\n ",
29
+ ": var(--surface-transparent-card-hover);\n ",
30
+ ": var(--surface-transparent-card);\n ",
31
+ ": var(--outline-solid-primary);\n ",
32
+ ": var(--outline-solid-primary-hover);\n ",
33
+ ": var(--outline-accent);\n ",
31
34
  ": var(--text-accent);\n ",
32
35
  ": var(--text-tertiary);\n ",
33
36
  ": var(--text-tertiary);\n ",
@@ -59,6 +62,9 @@ function _templateObject1() {
59
62
  ": var(--surface-transparent-positive);\n ",
60
63
  ": var(--surface-transparent-positive-hover);\n ",
61
64
  ": var(--surface-transparent-positive-active);\n ",
65
+ ": var(--outline-transparent-positive);\n ",
66
+ ": var(--outline-transparent-positive-hover);\n ",
67
+ ": var(--outline-transparent-positive-active);\n ",
62
68
  ": var(--text-accent);\n ",
63
69
  ": var(--text-tertiary);\n ",
64
70
  ": var(--text-tertiary);\n ",
@@ -90,6 +96,9 @@ function _templateObject2() {
90
96
  ": var(--surface-transparent-warning);\n ",
91
97
  ": var(--surface-transparent-warning-hover);\n ",
92
98
  ": var(--surface-transparent-warning-active);\n ",
99
+ ": var(--outline-transparent-warning);\n ",
100
+ ": var(--outline-transparent-warning-hover);\n ",
101
+ ": var(--outline-transparent-warning-active);\n ",
93
102
  ": var(--text-accent);\n ",
94
103
  ": var(--text-tertiary);\n ",
95
104
  ": var(--text-tertiary);\n ",
@@ -121,6 +130,9 @@ function _templateObject3() {
121
130
  ": var(--surface-transparent-negative);\n ",
122
131
  ": var(--surface-transparent-negative-hover);\n ",
123
132
  ": var(--surface-transparent-negative-active);\n ",
133
+ ": var(--outline-transparent-negative);\n ",
134
+ ": var(--outline-transparent-negative-hover);\n ",
135
+ ": var(--outline-transparent-negative-active);\n ",
124
136
  ": var(--text-accent);\n ",
125
137
  ": var(--text-tertiary);\n ",
126
138
  ": var(--text-tertiary);\n ",
@@ -149,7 +161,8 @@ function _templateObject4() {
149
161
  ": 4rem;\n ",
150
162
  ": 1.3125rem 1.125rem;\n ",
151
163
  ": 0.375rem;\n ",
152
- ": 1rem;\n\n ",
164
+ ": 1rem;\n ",
165
+ ": 0.125rem;\n\n ",
153
166
  ": -0.0625rem 0.5rem -0.0625rem 0rem;\n ",
154
167
  ": -0.0625rem 0rem -0.0625rem 0.75rem;\n\n ",
155
168
  ": var(--plasma-typo-body-l-font-family);\n ",
@@ -226,7 +239,7 @@ function _templateObject5() {
226
239
  ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ",
227
240
  ": 0.375rem;\n ",
228
241
  ": 0.875rem;\n ",
229
- ": 0.0625rem;\n\n ",
242
+ ": 0.125rem;\n\n ",
230
243
  ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ",
231
244
  ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
232
245
  ": -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n ",
@@ -300,7 +313,7 @@ function _templateObject6() {
300
313
  ": 0.875rem 1rem 0.875rem 1rem;\n ",
301
314
  ": 0.375rem;\n ",
302
315
  ": 0.75rem;\n ",
303
- ": 0.0625rem;\n\n ",
316
+ ": 0.125rem;\n\n ",
304
317
  ": -0.125rem 0.375rem -0.125rem -0.125rem;\n ",
305
318
  ": -0.125rem -0.125rem -0.125rem 0.75rem;\n ",
306
319
  ": -0.125rem -0.438rem -0.125rem 0.75rem;\n\n ",
@@ -374,7 +387,7 @@ function _templateObject7() {
374
387
  ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ",
375
388
  ": 0.375rem;\n ",
376
389
  ": 0.625rem;\n ",
377
- ": 0.0625rem;\n\n ",
390
+ ": 0.125rem;\n\n ",
378
391
  ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ",
379
392
  ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ",
380
393
  ": -0.1875rem -0.438rem -0.1875rem 0.75rem;\n\n ",
@@ -448,7 +461,7 @@ function _templateObject8() {
448
461
  ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ",
449
462
  ": 0.375rem;\n ",
450
463
  ": 0.5rem;\n ",
451
- ": 0.0625rem;\n\n ",
464
+ ": 0.125rem;\n\n ",
452
465
  ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ",
453
466
  ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
454
467
  ": -0.0625rem -0.688rem -0.0625rem 0.75rem;\n\n ",
@@ -748,7 +761,11 @@ function _templateObject19() {
748
761
  function _templateObject20() {
749
762
  var data = _tagged_template_literal([
750
763
  "\n ",
751
- ": 0.4;\n "
764
+ ": 1;\n ",
765
+ ": var(--surface-transparent-secondary);\n ",
766
+ ": var(--text-secondary);\n ",
767
+ ": var(--text-secondary);\n ",
768
+ ": var(--text-secondary);\n "
752
769
  ]);
753
770
  _templateObject20 = function _templateObject() {
754
771
  return data;
@@ -760,13 +777,16 @@ function _templateObject21() {
760
777
  "\n ",
761
778
  ": 0.1;\n ",
762
779
  ": var(--text-primary);\n ",
763
- ": var(--surface-transparent-primary);\n ",
780
+ ": var(--surface-transparent-card);\n ",
781
+ ": var(--outline-solid-primary);\n ",
764
782
  ": var(--text-secondary);\n ",
765
783
  ": var(--text-secondary);\n ",
766
784
  ": var(--text-secondary);\n ",
767
785
  ": var(--text-primary);\n ",
768
786
  ": var(--surface-transparent-primary);\n ",
769
- ": 0.4;\n "
787
+ ": var(--text-secondary);\n ",
788
+ ": var(--text-secondary);\n ",
789
+ ": var(--text-secondary);\n "
770
790
  ]);
771
791
  _templateObject21 = function _templateObject() {
772
792
  return data;
@@ -781,13 +801,13 @@ var config = {
781
801
  },
782
802
  variations: {
783
803
  view: {
784
- default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorHover, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.contentSlotColor, _styledcomponents.textFieldTokens.contentSlotColorHover, _styledcomponents.textFieldTokens.contentSlotColorActive, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.focusColor, _styledcomponents.textFieldTokens.indicatorColor, _styledcomponents.textFieldTokens.optionalColor),
785
- positive: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorHover, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.contentSlotColor, _styledcomponents.textFieldTokens.contentSlotColorHover, _styledcomponents.textFieldTokens.contentSlotColorActive, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.focusColor, _styledcomponents.textFieldTokens.indicatorColor, _styledcomponents.textFieldTokens.optionalColor),
786
- warning: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorHover, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.contentSlotColor, _styledcomponents.textFieldTokens.contentSlotColorHover, _styledcomponents.textFieldTokens.contentSlotColorActive, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.focusColor, _styledcomponents.textFieldTokens.indicatorColor, _styledcomponents.textFieldTokens.optionalColor),
787
- negative: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorHover, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.contentSlotColor, _styledcomponents.textFieldTokens.contentSlotColorHover, _styledcomponents.textFieldTokens.contentSlotColorActive, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.focusColor, _styledcomponents.textFieldTokens.indicatorColor, _styledcomponents.textFieldTokens.optionalColor)
804
+ default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorHover, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.borderColor, _styledcomponents.textFieldTokens.borderColorHover, _styledcomponents.textFieldTokens.borderColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.contentSlotColor, _styledcomponents.textFieldTokens.contentSlotColorHover, _styledcomponents.textFieldTokens.contentSlotColorActive, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.focusColor, _styledcomponents.textFieldTokens.indicatorColor, _styledcomponents.textFieldTokens.optionalColor),
805
+ positive: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorHover, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.borderColor, _styledcomponents.textFieldTokens.borderColorHover, _styledcomponents.textFieldTokens.borderColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.contentSlotColor, _styledcomponents.textFieldTokens.contentSlotColorHover, _styledcomponents.textFieldTokens.contentSlotColorActive, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.focusColor, _styledcomponents.textFieldTokens.indicatorColor, _styledcomponents.textFieldTokens.optionalColor),
806
+ warning: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorHover, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.borderColor, _styledcomponents.textFieldTokens.borderColorHover, _styledcomponents.textFieldTokens.borderColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.contentSlotColor, _styledcomponents.textFieldTokens.contentSlotColorHover, _styledcomponents.textFieldTokens.contentSlotColorActive, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.focusColor, _styledcomponents.textFieldTokens.indicatorColor, _styledcomponents.textFieldTokens.optionalColor),
807
+ negative: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorHover, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.borderColor, _styledcomponents.textFieldTokens.borderColorHover, _styledcomponents.textFieldTokens.borderColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.contentSlotColor, _styledcomponents.textFieldTokens.contentSlotColorHover, _styledcomponents.textFieldTokens.contentSlotColorActive, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.focusColor, _styledcomponents.textFieldTokens.indicatorColor, _styledcomponents.textFieldTokens.optionalColor)
788
808
  },
789
809
  size: {
790
- xl: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.textFieldTokens.height, _styledcomponents.textFieldTokens.padding, _styledcomponents.textFieldTokens.paddingWithChips, _styledcomponents.textFieldTokens.borderRadius, _styledcomponents.textFieldTokens.leftContentMargin, _styledcomponents.textFieldTokens.rightContentMargin, _styledcomponents.textFieldTokens.fontFamily, _styledcomponents.textFieldTokens.fontSize, _styledcomponents.textFieldTokens.fontStyle, _styledcomponents.textFieldTokens.fontWeight, _styledcomponents.textFieldTokens.letterSpacing, _styledcomponents.textFieldTokens.lineHeight, _styledcomponents.textFieldTokens.labelOffset, _styledcomponents.textFieldTokens.labelFontFamily, _styledcomponents.textFieldTokens.labelFontSize, _styledcomponents.textFieldTokens.labelFontStyle, _styledcomponents.textFieldTokens.labelFontWeight, _styledcomponents.textFieldTokens.labelLetterSpacing, _styledcomponents.textFieldTokens.labelLineHeight, _styledcomponents.textFieldTokens.hintMargin, _styledcomponents.textFieldTokens.hintTargetSize, _styledcomponents.textFieldTokens.hintInnerLabelPlacementOffset, _styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset, _styledcomponents.textFieldTokens.titleCaptionFontFamily, _styledcomponents.textFieldTokens.titleCaptionFontSize, _styledcomponents.textFieldTokens.titleCaptionFontStyle, _styledcomponents.textFieldTokens.titleCaptionFontWeight, _styledcomponents.textFieldTokens.titleCaptionLetterSpacing, _styledcomponents.textFieldTokens.titleCaptionLineHeight, _styledcomponents.textFieldTokens.leftHelperOffset, _styledcomponents.textFieldTokens.leftHelperFontFamily, _styledcomponents.textFieldTokens.leftHelperFontSize, _styledcomponents.textFieldTokens.leftHelperFontStyle, _styledcomponents.textFieldTokens.leftHelperFontWeight, _styledcomponents.textFieldTokens.leftHelperLetterSpacing, _styledcomponents.textFieldTokens.leftHelperLineHeight, _styledcomponents.textFieldTokens.labelInnerPadding, _styledcomponents.textFieldTokens.contentLabelInnerPadding, _styledcomponents.textFieldTokens.textBeforeMargin, _styledcomponents.textFieldTokens.textAfterMargin, _styledcomponents.textFieldTokens.chipGap, _styledcomponents.textFieldTokens.chipMarginRight, _styledcomponents.textFieldTokens.chipBorderRadius, _styledcomponents.textFieldTokens.chipWidth, _styledcomponents.textFieldTokens.chipHeight, _styledcomponents.textFieldTokens.chipPadding, _styledcomponents.textFieldTokens.chipClearContentMarginLeft, _styledcomponents.textFieldTokens.chipClearContentMarginRight, _styledcomponents.textFieldTokens.chipCloseIconSize, _styledcomponents.textFieldTokens.chipFontFamily, _styledcomponents.textFieldTokens.chipFontSize, _styledcomponents.textFieldTokens.chipFontStyle, _styledcomponents.textFieldTokens.chipFontWeight, _styledcomponents.textFieldTokens.chipLetterSpacing, _styledcomponents.textFieldTokens.chipLineHeight, _styledcomponents.textFieldTokens.labelInnerFontFamily, _styledcomponents.textFieldTokens.labelInnerFontSize, _styledcomponents.textFieldTokens.labelInnerFontStyle, _styledcomponents.textFieldTokens.labelInnerFontWeight, _styledcomponents.textFieldTokens.labelInnerLetterSpacing, _styledcomponents.textFieldTokens.labelInnerLineHeight, _styledcomponents.textFieldTokens.indicatorSizeInner, _styledcomponents.textFieldTokens.indicatorSizeOuter, _styledcomponents.textFieldTokens.indicatorLabelPlacementInner, _styledcomponents.textFieldTokens.indicatorLabelPlacementOuter, _styledcomponents.textFieldTokens.indicatorLabelPlacementInnerRight, _styledcomponents.textFieldTokens.indicatorLabelPlacementOuterRight),
810
+ xl: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.textFieldTokens.height, _styledcomponents.textFieldTokens.padding, _styledcomponents.textFieldTokens.paddingWithChips, _styledcomponents.textFieldTokens.borderRadius, _styledcomponents.textFieldTokens.borderWidth, _styledcomponents.textFieldTokens.leftContentMargin, _styledcomponents.textFieldTokens.rightContentMargin, _styledcomponents.textFieldTokens.fontFamily, _styledcomponents.textFieldTokens.fontSize, _styledcomponents.textFieldTokens.fontStyle, _styledcomponents.textFieldTokens.fontWeight, _styledcomponents.textFieldTokens.letterSpacing, _styledcomponents.textFieldTokens.lineHeight, _styledcomponents.textFieldTokens.labelOffset, _styledcomponents.textFieldTokens.labelFontFamily, _styledcomponents.textFieldTokens.labelFontSize, _styledcomponents.textFieldTokens.labelFontStyle, _styledcomponents.textFieldTokens.labelFontWeight, _styledcomponents.textFieldTokens.labelLetterSpacing, _styledcomponents.textFieldTokens.labelLineHeight, _styledcomponents.textFieldTokens.hintMargin, _styledcomponents.textFieldTokens.hintTargetSize, _styledcomponents.textFieldTokens.hintInnerLabelPlacementOffset, _styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset, _styledcomponents.textFieldTokens.titleCaptionFontFamily, _styledcomponents.textFieldTokens.titleCaptionFontSize, _styledcomponents.textFieldTokens.titleCaptionFontStyle, _styledcomponents.textFieldTokens.titleCaptionFontWeight, _styledcomponents.textFieldTokens.titleCaptionLetterSpacing, _styledcomponents.textFieldTokens.titleCaptionLineHeight, _styledcomponents.textFieldTokens.leftHelperOffset, _styledcomponents.textFieldTokens.leftHelperFontFamily, _styledcomponents.textFieldTokens.leftHelperFontSize, _styledcomponents.textFieldTokens.leftHelperFontStyle, _styledcomponents.textFieldTokens.leftHelperFontWeight, _styledcomponents.textFieldTokens.leftHelperLetterSpacing, _styledcomponents.textFieldTokens.leftHelperLineHeight, _styledcomponents.textFieldTokens.labelInnerPadding, _styledcomponents.textFieldTokens.contentLabelInnerPadding, _styledcomponents.textFieldTokens.textBeforeMargin, _styledcomponents.textFieldTokens.textAfterMargin, _styledcomponents.textFieldTokens.chipGap, _styledcomponents.textFieldTokens.chipMarginRight, _styledcomponents.textFieldTokens.chipBorderRadius, _styledcomponents.textFieldTokens.chipWidth, _styledcomponents.textFieldTokens.chipHeight, _styledcomponents.textFieldTokens.chipPadding, _styledcomponents.textFieldTokens.chipClearContentMarginLeft, _styledcomponents.textFieldTokens.chipClearContentMarginRight, _styledcomponents.textFieldTokens.chipCloseIconSize, _styledcomponents.textFieldTokens.chipFontFamily, _styledcomponents.textFieldTokens.chipFontSize, _styledcomponents.textFieldTokens.chipFontStyle, _styledcomponents.textFieldTokens.chipFontWeight, _styledcomponents.textFieldTokens.chipLetterSpacing, _styledcomponents.textFieldTokens.chipLineHeight, _styledcomponents.textFieldTokens.labelInnerFontFamily, _styledcomponents.textFieldTokens.labelInnerFontSize, _styledcomponents.textFieldTokens.labelInnerFontStyle, _styledcomponents.textFieldTokens.labelInnerFontWeight, _styledcomponents.textFieldTokens.labelInnerLetterSpacing, _styledcomponents.textFieldTokens.labelInnerLineHeight, _styledcomponents.textFieldTokens.indicatorSizeInner, _styledcomponents.textFieldTokens.indicatorSizeOuter, _styledcomponents.textFieldTokens.indicatorLabelPlacementInner, _styledcomponents.textFieldTokens.indicatorLabelPlacementOuter, _styledcomponents.textFieldTokens.indicatorLabelPlacementInnerRight, _styledcomponents.textFieldTokens.indicatorLabelPlacementOuterRight),
791
811
  l: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.textFieldTokens.height, _styledcomponents.textFieldTokens.padding, _styledcomponents.textFieldTokens.paddingWithChips, _styledcomponents.textFieldTokens.borderRadius, _styledcomponents.textFieldTokens.borderWidth, _styledcomponents.textFieldTokens.leftContentMargin, _styledcomponents.textFieldTokens.rightContentMargin, _styledcomponents.textFieldTokens.rightContentWithHintMargin, _styledcomponents.textFieldTokens.contentRightWrapperGap, _styledcomponents.textFieldTokens.contentRightWrapperMargin, _styledcomponents.textFieldTokens.fontFamily, _styledcomponents.textFieldTokens.fontSize, _styledcomponents.textFieldTokens.fontStyle, _styledcomponents.textFieldTokens.fontWeight, _styledcomponents.textFieldTokens.letterSpacing, _styledcomponents.textFieldTokens.lineHeight, _styledcomponents.textFieldTokens.labelOffset, _styledcomponents.textFieldTokens.labelFontFamily, _styledcomponents.textFieldTokens.labelFontSize, _styledcomponents.textFieldTokens.labelFontStyle, _styledcomponents.textFieldTokens.labelFontWeight, _styledcomponents.textFieldTokens.labelLetterSpacing, _styledcomponents.textFieldTokens.labelLineHeight, _styledcomponents.textFieldTokens.hintMargin, _styledcomponents.textFieldTokens.hintTargetSize, _styledcomponents.textFieldTokens.hintInnerLabelPlacementOffset, _styledcomponents.textFieldTokens.clearHintInnerLabelPlacementOffset, _styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset, _styledcomponents.textFieldTokens.titleCaptionFontFamily, _styledcomponents.textFieldTokens.titleCaptionFontSize, _styledcomponents.textFieldTokens.titleCaptionFontStyle, _styledcomponents.textFieldTokens.titleCaptionFontWeight, _styledcomponents.textFieldTokens.titleCaptionLetterSpacing, _styledcomponents.textFieldTokens.titleCaptionLineHeight, _styledcomponents.textFieldTokens.leftHelperOffset, _styledcomponents.textFieldTokens.leftHelperFontFamily, _styledcomponents.textFieldTokens.leftHelperFontSize, _styledcomponents.textFieldTokens.leftHelperFontStyle, _styledcomponents.textFieldTokens.leftHelperFontWeight, _styledcomponents.textFieldTokens.leftHelperLetterSpacing, _styledcomponents.textFieldTokens.leftHelperLineHeight, _styledcomponents.textFieldTokens.labelInnerPadding, _styledcomponents.textFieldTokens.contentLabelInnerPadding, _styledcomponents.textFieldTokens.chipGap, _styledcomponents.textFieldTokens.chipBorderRadius, _styledcomponents.textFieldTokens.chipWidth, _styledcomponents.textFieldTokens.chipHeight, _styledcomponents.textFieldTokens.chipPadding, _styledcomponents.textFieldTokens.chipClearContentMarginLeft, _styledcomponents.textFieldTokens.chipClearContentMarginRight, _styledcomponents.textFieldTokens.chipCloseIconSize, _styledcomponents.textFieldTokens.chipFontFamily, _styledcomponents.textFieldTokens.chipFontSize, _styledcomponents.textFieldTokens.chipFontStyle, _styledcomponents.textFieldTokens.chipFontWeight, _styledcomponents.textFieldTokens.chipLetterSpacing, _styledcomponents.textFieldTokens.chipLineHeight, _styledcomponents.textFieldTokens.indicatorSizeInner, _styledcomponents.textFieldTokens.indicatorSizeOuter, _styledcomponents.textFieldTokens.indicatorLabelPlacementInner, _styledcomponents.textFieldTokens.indicatorLabelPlacementOuter, _styledcomponents.textFieldTokens.indicatorLabelPlacementInnerRight, _styledcomponents.textFieldTokens.indicatorLabelPlacementOuterRight, _styledcomponents.textFieldTokens.textBeforeMargin, _styledcomponents.textFieldTokens.textAfterMargin),
792
812
  m: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.textFieldTokens.height, _styledcomponents.textFieldTokens.padding, _styledcomponents.textFieldTokens.paddingWithChips, _styledcomponents.textFieldTokens.borderRadius, _styledcomponents.textFieldTokens.borderWidth, _styledcomponents.textFieldTokens.leftContentMargin, _styledcomponents.textFieldTokens.rightContentMargin, _styledcomponents.textFieldTokens.rightContentWithHintMargin, _styledcomponents.textFieldTokens.contentRightWrapperGap, _styledcomponents.textFieldTokens.contentRightWrapperMargin, _styledcomponents.textFieldTokens.fontFamily, _styledcomponents.textFieldTokens.fontSize, _styledcomponents.textFieldTokens.fontStyle, _styledcomponents.textFieldTokens.fontWeight, _styledcomponents.textFieldTokens.letterSpacing, _styledcomponents.textFieldTokens.lineHeight, _styledcomponents.textFieldTokens.labelOffset, _styledcomponents.textFieldTokens.labelFontFamily, _styledcomponents.textFieldTokens.labelFontSize, _styledcomponents.textFieldTokens.labelFontStyle, _styledcomponents.textFieldTokens.labelFontWeight, _styledcomponents.textFieldTokens.labelLetterSpacing, _styledcomponents.textFieldTokens.labelLineHeight, _styledcomponents.textFieldTokens.hintMargin, _styledcomponents.textFieldTokens.hintTargetSize, _styledcomponents.textFieldTokens.hintInnerLabelPlacementOffset, _styledcomponents.textFieldTokens.clearHintInnerLabelPlacementOffset, _styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset, _styledcomponents.textFieldTokens.titleCaptionFontFamily, _styledcomponents.textFieldTokens.titleCaptionFontSize, _styledcomponents.textFieldTokens.titleCaptionFontStyle, _styledcomponents.textFieldTokens.titleCaptionFontWeight, _styledcomponents.textFieldTokens.titleCaptionLetterSpacing, _styledcomponents.textFieldTokens.titleCaptionLineHeight, _styledcomponents.textFieldTokens.leftHelperOffset, _styledcomponents.textFieldTokens.leftHelperFontFamily, _styledcomponents.textFieldTokens.leftHelperFontSize, _styledcomponents.textFieldTokens.leftHelperFontStyle, _styledcomponents.textFieldTokens.leftHelperFontWeight, _styledcomponents.textFieldTokens.leftHelperLetterSpacing, _styledcomponents.textFieldTokens.leftHelperLineHeight, _styledcomponents.textFieldTokens.labelInnerPadding, _styledcomponents.textFieldTokens.contentLabelInnerPadding, _styledcomponents.textFieldTokens.chipGap, _styledcomponents.textFieldTokens.chipBorderRadius, _styledcomponents.textFieldTokens.chipWidth, _styledcomponents.textFieldTokens.chipHeight, _styledcomponents.textFieldTokens.chipPadding, _styledcomponents.textFieldTokens.chipClearContentMarginLeft, _styledcomponents.textFieldTokens.chipClearContentMarginRight, _styledcomponents.textFieldTokens.chipCloseIconSize, _styledcomponents.textFieldTokens.chipFontFamily, _styledcomponents.textFieldTokens.chipFontSize, _styledcomponents.textFieldTokens.chipFontStyle, _styledcomponents.textFieldTokens.chipFontWeight, _styledcomponents.textFieldTokens.chipLetterSpacing, _styledcomponents.textFieldTokens.chipLineHeight, _styledcomponents.textFieldTokens.indicatorSizeInner, _styledcomponents.textFieldTokens.indicatorSizeOuter, _styledcomponents.textFieldTokens.indicatorLabelPlacementInner, _styledcomponents.textFieldTokens.indicatorLabelPlacementOuter, _styledcomponents.textFieldTokens.indicatorLabelPlacementInnerRight, _styledcomponents.textFieldTokens.indicatorLabelPlacementOuterRight, _styledcomponents.textFieldTokens.textBeforeMargin, _styledcomponents.textFieldTokens.textAfterMargin),
793
813
  s: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.textFieldTokens.height, _styledcomponents.textFieldTokens.padding, _styledcomponents.textFieldTokens.paddingWithChips, _styledcomponents.textFieldTokens.borderRadius, _styledcomponents.textFieldTokens.borderWidth, _styledcomponents.textFieldTokens.leftContentMargin, _styledcomponents.textFieldTokens.rightContentMargin, _styledcomponents.textFieldTokens.rightContentWithHintMargin, _styledcomponents.textFieldTokens.contentRightWrapperGap, _styledcomponents.textFieldTokens.contentRightWrapperMargin, _styledcomponents.textFieldTokens.fontFamily, _styledcomponents.textFieldTokens.fontSize, _styledcomponents.textFieldTokens.fontStyle, _styledcomponents.textFieldTokens.fontWeight, _styledcomponents.textFieldTokens.letterSpacing, _styledcomponents.textFieldTokens.lineHeight, _styledcomponents.textFieldTokens.labelOffset, _styledcomponents.textFieldTokens.labelFontFamily, _styledcomponents.textFieldTokens.labelFontSize, _styledcomponents.textFieldTokens.labelFontStyle, _styledcomponents.textFieldTokens.labelFontWeight, _styledcomponents.textFieldTokens.labelLetterSpacing, _styledcomponents.textFieldTokens.labelLineHeight, _styledcomponents.textFieldTokens.hintMargin, _styledcomponents.textFieldTokens.hintTargetSize, _styledcomponents.textFieldTokens.hintInnerLabelPlacementOffset, _styledcomponents.textFieldTokens.clearHintInnerLabelPlacementOffset, _styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset, _styledcomponents.textFieldTokens.titleCaptionFontFamily, _styledcomponents.textFieldTokens.titleCaptionFontSize, _styledcomponents.textFieldTokens.titleCaptionFontStyle, _styledcomponents.textFieldTokens.titleCaptionFontWeight, _styledcomponents.textFieldTokens.titleCaptionLetterSpacing, _styledcomponents.textFieldTokens.titleCaptionLineHeight, _styledcomponents.textFieldTokens.leftHelperOffset, _styledcomponents.textFieldTokens.leftHelperFontFamily, _styledcomponents.textFieldTokens.leftHelperFontSize, _styledcomponents.textFieldTokens.leftHelperFontStyle, _styledcomponents.textFieldTokens.leftHelperFontWeight, _styledcomponents.textFieldTokens.leftHelperLetterSpacing, _styledcomponents.textFieldTokens.leftHelperLineHeight, _styledcomponents.textFieldTokens.labelInnerPadding, _styledcomponents.textFieldTokens.contentLabelInnerPadding, _styledcomponents.textFieldTokens.chipGap, _styledcomponents.textFieldTokens.chipBorderRadius, _styledcomponents.textFieldTokens.chipWidth, _styledcomponents.textFieldTokens.chipHeight, _styledcomponents.textFieldTokens.chipPadding, _styledcomponents.textFieldTokens.chipClearContentMarginLeft, _styledcomponents.textFieldTokens.chipClearContentMarginRight, _styledcomponents.textFieldTokens.chipCloseIconSize, _styledcomponents.textFieldTokens.chipFontFamily, _styledcomponents.textFieldTokens.chipFontSize, _styledcomponents.textFieldTokens.chipFontStyle, _styledcomponents.textFieldTokens.chipFontWeight, _styledcomponents.textFieldTokens.chipLetterSpacing, _styledcomponents.textFieldTokens.chipLineHeight, _styledcomponents.textFieldTokens.indicatorSizeInner, _styledcomponents.textFieldTokens.indicatorSizeOuter, _styledcomponents.textFieldTokens.indicatorLabelPlacementInner, _styledcomponents.textFieldTokens.indicatorLabelPlacementOuter, _styledcomponents.textFieldTokens.indicatorLabelPlacementInnerRight, _styledcomponents.textFieldTokens.indicatorLabelPlacementOuterRight, _styledcomponents.textFieldTokens.textBeforeMargin, _styledcomponents.textFieldTokens.textAfterMargin),
@@ -813,10 +833,10 @@ var config = {
813
833
  s: (0, _styledcomponents.css)(_templateObject19(), _styledcomponents.textFieldTokens.tooltipPaddingTop, _styledcomponents.textFieldTokens.tooltipPaddingRight, _styledcomponents.textFieldTokens.tooltipPaddingBottom, _styledcomponents.textFieldTokens.tooltipPaddingLeft, _styledcomponents.textFieldTokens.tooltipMinHeight, _styledcomponents.textFieldTokens.tooltipBorderRadius, _styledcomponents.textFieldTokens.tooltipTextFontFamily, _styledcomponents.textFieldTokens.tooltipTextFontSize, _styledcomponents.textFieldTokens.tooltipTextFontStyle, _styledcomponents.textFieldTokens.tooltipTextFontWeight, _styledcomponents.textFieldTokens.tooltipTextFontLetterSpacing, _styledcomponents.textFieldTokens.tooltipTextFontLineHeight, _styledcomponents.textFieldTokens.tooltipContentLeftMargin, _styledcomponents.textFieldTokens.tooltipArrowMaskWidth, _styledcomponents.textFieldTokens.tooltipArrowMaskHeight, _styledcomponents.textFieldTokens.tooltipArrowMaskImage, _styledcomponents.textFieldTokens.tooltipArrowHeight, _styledcomponents.textFieldTokens.tooltipArrowEdgeMargin)
814
834
  },
815
835
  disabled: {
816
- true: (0, _styledcomponents.css)(_templateObject20(), _styledcomponents.textFieldTokens.disabledOpacity)
836
+ true: (0, _styledcomponents.css)(_templateObject20(), _styledcomponents.textFieldTokens.disabledOpacity, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.contentSlotRightColor, _styledcomponents.textFieldTokens.contentSlotRightColorHover, _styledcomponents.textFieldTokens.contentSlotRightColorActive)
817
837
  },
818
838
  readOnly: {
819
- true: (0, _styledcomponents.css)(_templateObject21(), _styledcomponents.textFieldTokens.readOnlyOpacity, _styledcomponents.textFieldTokens.colorReadOnly, _styledcomponents.textFieldTokens.backgroundColorReadOnly, _styledcomponents.textFieldTokens.placeholderColorReadOnly, _styledcomponents.textFieldTokens.leftHelperColorReadOnly, _styledcomponents.textFieldTokens.titleCaptionColorReadOnly, _styledcomponents.textFieldTokens.labelColorReadOnly, _styledcomponents.textFieldTokens.dividerColorReadOnly, _styledcomponents.textFieldTokens.contentSlotRightOpacityReadOnly)
839
+ true: (0, _styledcomponents.css)(_templateObject21(), _styledcomponents.textFieldTokens.readOnlyOpacity, _styledcomponents.textFieldTokens.colorReadOnly, _styledcomponents.textFieldTokens.backgroundColorReadOnly, _styledcomponents.textFieldTokens.borderColorReadOnly, _styledcomponents.textFieldTokens.placeholderColorReadOnly, _styledcomponents.textFieldTokens.leftHelperColorReadOnly, _styledcomponents.textFieldTokens.titleCaptionColorReadOnly, _styledcomponents.textFieldTokens.labelColorReadOnly, _styledcomponents.textFieldTokens.dividerColorReadOnly, _styledcomponents.textFieldTokens.contentSlotRightColor, _styledcomponents.textFieldTokens.contentSlotRightColorHover, _styledcomponents.textFieldTokens.contentSlotRightColorActive)
820
840
  }
821
841
  }
822
842
  };
package/components/TimePicker/TimePicker.config.js CHANGED
@@ -22,20 +22,34 @@ function _tagged_template_literal(strings, raw) {
22
22
  function _templateObject() {
23
23
  var data = _tagged_template_literal([
24
24
  "\n ",
25
- ": var(--surface-transparent-primary);\n ",
25
+ ": var(--surface-transparent-card);\n ",
26
26
  ": var(--surface-transparent-negative);\n ",
27
27
  ": var(--surface-transparent-positive);\n\n ",
28
+ ": var(--outline-solid-primary);\n ",
29
+ ": var(--outline-solid-primary-hover);\n ",
30
+ ": var(--outline-accent);\n ",
31
+ ": var(--outline-transparent-negative);\n ",
32
+ ": var(--outline-transparent-positive);\n\n ",
28
33
  ": var(--text-primary);\n\n ",
29
34
  ": var(--text-primary);\n ",
30
35
  ": var(--text-secondary);\n ",
31
36
  ": var(--text-accent);\n\n ",
32
37
  ": var(--surface-negative);\n\n ",
33
- ": var(--surface-transparent-primary);\n ",
34
- ": var(--surface-transparent-secondary);\n ",
38
+ ": var(--surface-transparent-card);\n ",
39
+ ": var(--surface-transparent-card);\n ",
40
+ ": var(--outline-solid-primary);\n ",
41
+ ": var(--outline-solid-primary-hover);\n ",
42
+ ": var(--outline-accent);\n ",
35
43
  ": var(--surface-transparent-negative);\n ",
36
44
  ": var(--surface-transparent-negative-active);\n ",
45
+ ": var(--outline-transparent-negative);\n ",
46
+ ": var(--outline-transparent-negative-hover);\n ",
47
+ ": var(--outline-transparent-negative-active);\n ",
37
48
  ": var(--surface-transparent-positive);\n ",
38
- ": var(--surface-transparent-positive-active);\n\n ",
49
+ ": var(--surface-transparent-positive-active);\n ",
50
+ ": var(--outline-transparent-positive);\n ",
51
+ ": var(--outline-transparent-positive-hover);\n ",
52
+ ": var(--outline-transparent-positive-active);\n\n ",
39
53
  ": var(--text-secondary);\n ",
40
54
  ": var(--text-secondary);\n ",
41
55
  ": var(--text-secondary-hover);\n\n ",
@@ -57,7 +71,8 @@ function _templateObject1() {
57
71
  var data = _tagged_template_literal([
58
72
  "\n ",
59
73
  ": 20rem;\n ",
60
- ": 0.875rem;\n\n ",
74
+ ": 0.875rem;\n ",
75
+ ": 0.125rem;\n\n ",
61
76
  ": 0 0 0 1rem;\n ",
62
77
  ": 0;\n\n ",
63
78
  ": 0.75rem;\n ",
@@ -119,7 +134,8 @@ function _templateObject2() {
119
134
  var data = _tagged_template_literal([
120
135
  "\n ",
121
136
  ": 20rem;\n ",
122
- ": 0.75rem;\n\n ",
137
+ ": 0.75rem;\n ",
138
+ ": 0.125rem;\n\n ",
123
139
  ": 0 0 0 0.875rem;\n ",
124
140
  ": 0;\n\n ",
125
141
  ": 0.625rem;\n ",
@@ -181,7 +197,8 @@ function _templateObject3() {
181
197
  var data = _tagged_template_literal([
182
198
  "\n ",
183
199
  ": 20rem;\n ",
184
- ": 0.625rem;\n\n ",
200
+ ": 0.625rem;\n ",
201
+ ": 0.125rem;\n\n ",
185
202
  ": 0 0 0 0.75rem;\n ",
186
203
  ": 0;\n\n ",
187
204
  ": 0.5rem;\n ",
@@ -243,7 +260,8 @@ function _templateObject4() {
243
260
  var data = _tagged_template_literal([
244
261
  "\n ",
245
262
  ": 20rem;\n ",
246
- ": 0.5rem;\n\n ",
263
+ ": 0.5rem;\n ",
264
+ ": 0.125rem;\n\n ",
247
265
  ": 0 0 0 0.5rem;\n ",
248
266
  ": 0;\n\n ",
249
267
  ": 0.375rem;\n ",
@@ -304,7 +322,11 @@ function _templateObject4() {
304
322
  function _templateObject5() {
305
323
  var data = _tagged_template_literal([
306
324
  "\n ",
307
- ": 0.4;\n "
325
+ ": 1;\n ",
326
+ ": var(--surface-transparent-secondary);\n ",
327
+ ": var(--text-secondary);\n ",
328
+ ": var(--text-secondary);\n ",
329
+ ": var(--text-secondary);\n "
308
330
  ]);
309
331
  _templateObject5 = function _templateObject() {
310
332
  return data;
@@ -314,10 +336,13 @@ function _templateObject5() {
314
336
  function _templateObject6() {
315
337
  var data = _tagged_template_literal([
316
338
  "\n ",
317
- ": var(--surface-transparent-primary);\n ",
339
+ ": var(--surface-transparent-card);\n ",
318
340
  ": var(--text-secondary);\n\n ",
319
341
  ": var(--text-secondary);\n ",
320
342
  ": var(--surface-transparent-primary);\n ",
343
+ ": var(--text-secondary);\n ",
344
+ ": var(--text-secondary);\n ",
345
+ ": var(--text-secondary);\n ",
321
346
  ": var(--text-secondary);\n "
322
347
  ]);
323
348
  _templateObject6 = function _templateObject() {
@@ -332,19 +357,19 @@ var config = {
332
357
  },
333
358
  variations: {
334
359
  view: {
335
- default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.timePickerTokens.background, _styledcomponents.timePickerTokens.backgroundError, _styledcomponents.timePickerTokens.backgroundSuccess, _styledcomponents.timePickerTokens.labelColor, _styledcomponents.timePickerTokens.textFieldColor, _styledcomponents.timePickerTokens.textFieldPlaceholderColor, _styledcomponents.timePickerTokens.textFieldCaretColor, _styledcomponents.timePickerTokens.indicatorColor, _styledcomponents.timePickerTokens.textFieldBackgroundColor, _styledcomponents.timePickerTokens.textFieldBackgroundColorFocus, _styledcomponents.timePickerTokens.textFieldBackgroundErrorColor, _styledcomponents.timePickerTokens.textFieldBackgroundErrorColorFocus, _styledcomponents.timePickerTokens.textFieldBackgroundSuccessColor, _styledcomponents.timePickerTokens.textFieldBackgroundSuccessColorFocus, _styledcomponents.timePickerTokens.textFieldContentSlotColor, _styledcomponents.timePickerTokens.textFieldContentRightSlotColor, _styledcomponents.timePickerTokens.textFieldContentRightSlotColorHover, _styledcomponents.timePickerTokens.textFieldTextBeforeColor, _styledcomponents.timePickerTokens.textFieldTextAfterColor, _styledcomponents.timePickerTokens.textFieldPlaceholderColorFocus, _styledcomponents.timePickerTokens.timePickerBackground, _styledcomponents.timePickerTokens.itemBackgroundHover, _styledcomponents.timePickerTokens.itemBackgroundActive, _styledcomponents.timePickerTokens.scrollbarColor, _styledcomponents.timePickerTokens.scrollbarTrackColor)
360
+ default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.timePickerTokens.background, _styledcomponents.timePickerTokens.backgroundError, _styledcomponents.timePickerTokens.backgroundSuccess, _styledcomponents.timePickerTokens.borderColor, _styledcomponents.timePickerTokens.borderColorHover, _styledcomponents.timePickerTokens.borderColorFocus, _styledcomponents.timePickerTokens.borderColorError, _styledcomponents.timePickerTokens.borderColorSuccess, _styledcomponents.timePickerTokens.labelColor, _styledcomponents.timePickerTokens.textFieldColor, _styledcomponents.timePickerTokens.textFieldPlaceholderColor, _styledcomponents.timePickerTokens.textFieldCaretColor, _styledcomponents.timePickerTokens.indicatorColor, _styledcomponents.timePickerTokens.textFieldBackgroundColor, _styledcomponents.timePickerTokens.textFieldBackgroundColorFocus, _styledcomponents.timePickerTokens.textFieldBorderColor, _styledcomponents.timePickerTokens.textFieldBorderColorHover, _styledcomponents.timePickerTokens.textFieldBorderColorFocus, _styledcomponents.timePickerTokens.textFieldBackgroundErrorColor, _styledcomponents.timePickerTokens.textFieldBackgroundErrorColorFocus, _styledcomponents.timePickerTokens.textFieldBorderColorError, _styledcomponents.timePickerTokens.textFieldBorderColorErrorHover, _styledcomponents.timePickerTokens.textFieldBorderColorErrorFocus, _styledcomponents.timePickerTokens.textFieldBackgroundSuccessColor, _styledcomponents.timePickerTokens.textFieldBackgroundSuccessColorFocus, _styledcomponents.timePickerTokens.textFieldBorderColorSuccess, _styledcomponents.timePickerTokens.textFieldBorderColorSuccessHover, _styledcomponents.timePickerTokens.textFieldBorderColorSuccessFocus, _styledcomponents.timePickerTokens.textFieldContentSlotColor, _styledcomponents.timePickerTokens.textFieldContentRightSlotColor, _styledcomponents.timePickerTokens.textFieldContentRightSlotColorHover, _styledcomponents.timePickerTokens.textFieldTextBeforeColor, _styledcomponents.timePickerTokens.textFieldTextAfterColor, _styledcomponents.timePickerTokens.textFieldPlaceholderColorFocus, _styledcomponents.timePickerTokens.timePickerBackground, _styledcomponents.timePickerTokens.itemBackgroundHover, _styledcomponents.timePickerTokens.itemBackgroundActive, _styledcomponents.timePickerTokens.scrollbarColor, _styledcomponents.timePickerTokens.scrollbarTrackColor)
336
361
  },
337
362
  size: {
338
- l: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.timePickerTokens.width, _styledcomponents.timePickerTokens.borderRadius, _styledcomponents.timePickerTokens.leftContentMargin, _styledcomponents.timePickerTokens.rightContentMargin, _styledcomponents.timePickerTokens.labelOffset, _styledcomponents.timePickerTokens.labelInnerPadding, _styledcomponents.timePickerTokens.contentLabelInnerPadding, _styledcomponents.timePickerTokens.labelFontFamily, _styledcomponents.timePickerTokens.labelFontStyle, _styledcomponents.timePickerTokens.labelFontSize, _styledcomponents.timePickerTokens.labelFontWeight, _styledcomponents.timePickerTokens.labelLetterSpacing, _styledcomponents.timePickerTokens.labelLineHeight, _styledcomponents.timePickerTokens.indicatorSize, _styledcomponents.timePickerTokens.indicatorSizeOuter, _styledcomponents.timePickerTokens.indicatorPlacement, _styledcomponents.timePickerTokens.indicatorOuterPlacement, _styledcomponents.timePickerTokens.indicatorPlacementRight, _styledcomponents.timePickerTokens.indicatorOuterPlacementRight, _styledcomponents.timePickerTokens.textFieldHeight, _styledcomponents.timePickerTokens.textFieldBorderRadius, _styledcomponents.timePickerTokens.textFieldPadding, _styledcomponents.timePickerTokens.textFieldFontFamily, _styledcomponents.timePickerTokens.textFieldFontStyle, _styledcomponents.timePickerTokens.textFieldFontSize, _styledcomponents.timePickerTokens.textFieldFontWeight, _styledcomponents.timePickerTokens.textFieldLetterSpacing, _styledcomponents.timePickerTokens.textFieldLineHeight, _styledcomponents.timePickerTokens.textFieldLeftContentMargin, _styledcomponents.timePickerTokens.textFieldRightContentMargin, _styledcomponents.timePickerTokens.textFieldTextBeforeMargin, _styledcomponents.timePickerTokens.textFieldTextAfterMargin, _styledcomponents.timePickerTokens.timePickerBorderRadius, _styledcomponents.timePickerTokens.timePickerWidth, _styledcomponents.timePickerTokens.timePickerPadding, _styledcomponents.timePickerTokens.columnHeight, _styledcomponents.timePickerTokens.itemFontFamily, _styledcomponents.timePickerTokens.itemFontSize, _styledcomponents.timePickerTokens.itemFontStyle, _styledcomponents.timePickerTokens.itemFontWeight, _styledcomponents.timePickerTokens.itemLetterSpacing, _styledcomponents.timePickerTokens.itemLineHeight, _styledcomponents.timePickerTokens.itemHeight, _styledcomponents.timePickerTokens.itemBorderRadius, _styledcomponents.timePickerTokens.itemPadding, _styledcomponents.timePickerTokens.labelInnerFontFamily, _styledcomponents.timePickerTokens.labelInnerFontSize, _styledcomponents.timePickerTokens.labelInnerFontStyle, _styledcomponents.timePickerTokens.labelInnerFontWeight, _styledcomponents.timePickerTokens.labelInnerLetterSpacing, _styledcomponents.timePickerTokens.labelInnerLineHeight, _styledcomponents.timePickerTokens.scrollbarWidth, _styledcomponents.timePickerTokens.scrollbarMargin),
339
- m: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.timePickerTokens.width, _styledcomponents.timePickerTokens.borderRadius, _styledcomponents.timePickerTokens.leftContentMargin, _styledcomponents.timePickerTokens.rightContentMargin, _styledcomponents.timePickerTokens.labelOffset, _styledcomponents.timePickerTokens.labelInnerPadding, _styledcomponents.timePickerTokens.contentLabelInnerPadding, _styledcomponents.timePickerTokens.labelFontFamily, _styledcomponents.timePickerTokens.labelFontStyle, _styledcomponents.timePickerTokens.labelFontSize, _styledcomponents.timePickerTokens.labelFontWeight, _styledcomponents.timePickerTokens.labelLetterSpacing, _styledcomponents.timePickerTokens.labelLineHeight, _styledcomponents.timePickerTokens.indicatorSize, _styledcomponents.timePickerTokens.indicatorSizeOuter, _styledcomponents.timePickerTokens.indicatorPlacement, _styledcomponents.timePickerTokens.indicatorOuterPlacement, _styledcomponents.timePickerTokens.indicatorPlacementRight, _styledcomponents.timePickerTokens.indicatorOuterPlacementRight, _styledcomponents.timePickerTokens.textFieldHeight, _styledcomponents.timePickerTokens.textFieldBorderRadius, _styledcomponents.timePickerTokens.textFieldPadding, _styledcomponents.timePickerTokens.textFieldFontFamily, _styledcomponents.timePickerTokens.textFieldFontStyle, _styledcomponents.timePickerTokens.textFieldFontSize, _styledcomponents.timePickerTokens.textFieldFontWeight, _styledcomponents.timePickerTokens.textFieldLetterSpacing, _styledcomponents.timePickerTokens.textFieldLineHeight, _styledcomponents.timePickerTokens.textFieldLeftContentMargin, _styledcomponents.timePickerTokens.textFieldRightContentMargin, _styledcomponents.timePickerTokens.textFieldTextBeforeMargin, _styledcomponents.timePickerTokens.textFieldTextAfterMargin, _styledcomponents.timePickerTokens.timePickerBorderRadius, _styledcomponents.timePickerTokens.timePickerWidth, _styledcomponents.timePickerTokens.timePickerPadding, _styledcomponents.timePickerTokens.columnHeight, _styledcomponents.timePickerTokens.itemFontFamily, _styledcomponents.timePickerTokens.itemFontSize, _styledcomponents.timePickerTokens.itemFontStyle, _styledcomponents.timePickerTokens.itemFontWeight, _styledcomponents.timePickerTokens.itemLetterSpacing, _styledcomponents.timePickerTokens.itemLineHeight, _styledcomponents.timePickerTokens.itemHeight, _styledcomponents.timePickerTokens.itemBorderRadius, _styledcomponents.timePickerTokens.itemPadding, _styledcomponents.timePickerTokens.labelInnerFontFamily, _styledcomponents.timePickerTokens.labelInnerFontSize, _styledcomponents.timePickerTokens.labelInnerFontStyle, _styledcomponents.timePickerTokens.labelInnerFontWeight, _styledcomponents.timePickerTokens.labelInnerLetterSpacing, _styledcomponents.timePickerTokens.labelInnerLineHeight, _styledcomponents.timePickerTokens.scrollbarWidth, _styledcomponents.timePickerTokens.scrollbarMargin),
340
- s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.timePickerTokens.width, _styledcomponents.timePickerTokens.borderRadius, _styledcomponents.timePickerTokens.leftContentMargin, _styledcomponents.timePickerTokens.rightContentMargin, _styledcomponents.timePickerTokens.labelOffset, _styledcomponents.timePickerTokens.labelInnerPadding, _styledcomponents.timePickerTokens.contentLabelInnerPadding, _styledcomponents.timePickerTokens.labelFontFamily, _styledcomponents.timePickerTokens.labelFontStyle, _styledcomponents.timePickerTokens.labelFontSize, _styledcomponents.timePickerTokens.labelFontWeight, _styledcomponents.timePickerTokens.labelLetterSpacing, _styledcomponents.timePickerTokens.labelLineHeight, _styledcomponents.timePickerTokens.indicatorSize, _styledcomponents.timePickerTokens.indicatorSizeOuter, _styledcomponents.timePickerTokens.indicatorPlacement, _styledcomponents.timePickerTokens.indicatorOuterPlacement, _styledcomponents.timePickerTokens.indicatorPlacementRight, _styledcomponents.timePickerTokens.indicatorOuterPlacementRight, _styledcomponents.timePickerTokens.textFieldHeight, _styledcomponents.timePickerTokens.textFieldBorderRadius, _styledcomponents.timePickerTokens.textFieldPadding, _styledcomponents.timePickerTokens.textFieldFontFamily, _styledcomponents.timePickerTokens.textFieldFontStyle, _styledcomponents.timePickerTokens.textFieldFontSize, _styledcomponents.timePickerTokens.textFieldFontWeight, _styledcomponents.timePickerTokens.textFieldLetterSpacing, _styledcomponents.timePickerTokens.textFieldLineHeight, _styledcomponents.timePickerTokens.textFieldLeftContentMargin, _styledcomponents.timePickerTokens.textFieldRightContentMargin, _styledcomponents.timePickerTokens.textFieldTextBeforeMargin, _styledcomponents.timePickerTokens.textFieldTextAfterMargin, _styledcomponents.timePickerTokens.timePickerBorderRadius, _styledcomponents.timePickerTokens.timePickerWidth, _styledcomponents.timePickerTokens.timePickerPadding, _styledcomponents.timePickerTokens.columnHeight, _styledcomponents.timePickerTokens.itemFontFamily, _styledcomponents.timePickerTokens.itemFontSize, _styledcomponents.timePickerTokens.itemFontStyle, _styledcomponents.timePickerTokens.itemFontWeight, _styledcomponents.timePickerTokens.itemLetterSpacing, _styledcomponents.timePickerTokens.itemLineHeight, _styledcomponents.timePickerTokens.itemHeight, _styledcomponents.timePickerTokens.itemBorderRadius, _styledcomponents.timePickerTokens.itemPadding, _styledcomponents.timePickerTokens.labelInnerFontFamily, _styledcomponents.timePickerTokens.labelInnerFontSize, _styledcomponents.timePickerTokens.labelInnerFontStyle, _styledcomponents.timePickerTokens.labelInnerFontWeight, _styledcomponents.timePickerTokens.labelInnerLetterSpacing, _styledcomponents.timePickerTokens.labelInnerLineHeight, _styledcomponents.timePickerTokens.scrollbarWidth, _styledcomponents.timePickerTokens.scrollbarMargin),
341
- xs: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.timePickerTokens.width, _styledcomponents.timePickerTokens.borderRadius, _styledcomponents.timePickerTokens.leftContentMargin, _styledcomponents.timePickerTokens.rightContentMargin, _styledcomponents.timePickerTokens.labelOffset, _styledcomponents.timePickerTokens.labelInnerPadding, _styledcomponents.timePickerTokens.contentLabelInnerPadding, _styledcomponents.timePickerTokens.labelFontFamily, _styledcomponents.timePickerTokens.labelFontStyle, _styledcomponents.timePickerTokens.labelFontSize, _styledcomponents.timePickerTokens.labelFontWeight, _styledcomponents.timePickerTokens.labelLetterSpacing, _styledcomponents.timePickerTokens.labelLineHeight, _styledcomponents.timePickerTokens.indicatorSize, _styledcomponents.timePickerTokens.indicatorSizeOuter, _styledcomponents.timePickerTokens.indicatorPlacement, _styledcomponents.timePickerTokens.indicatorOuterPlacement, _styledcomponents.timePickerTokens.indicatorPlacementRight, _styledcomponents.timePickerTokens.indicatorOuterPlacementRight, _styledcomponents.timePickerTokens.textFieldHeight, _styledcomponents.timePickerTokens.textFieldBorderRadius, _styledcomponents.timePickerTokens.textFieldPadding, _styledcomponents.timePickerTokens.textFieldFontFamily, _styledcomponents.timePickerTokens.textFieldFontStyle, _styledcomponents.timePickerTokens.textFieldFontSize, _styledcomponents.timePickerTokens.textFieldFontWeight, _styledcomponents.timePickerTokens.textFieldLetterSpacing, _styledcomponents.timePickerTokens.textFieldLineHeight, _styledcomponents.timePickerTokens.textFieldLeftContentMargin, _styledcomponents.timePickerTokens.textFieldRightContentMargin, _styledcomponents.timePickerTokens.textFieldTextBeforeMargin, _styledcomponents.timePickerTokens.textFieldTextAfterMargin, _styledcomponents.timePickerTokens.timePickerBorderRadius, _styledcomponents.timePickerTokens.timePickerWidth, _styledcomponents.timePickerTokens.timePickerPadding, _styledcomponents.timePickerTokens.columnHeight, _styledcomponents.timePickerTokens.itemFontFamily, _styledcomponents.timePickerTokens.itemFontSize, _styledcomponents.timePickerTokens.itemFontStyle, _styledcomponents.timePickerTokens.itemFontWeight, _styledcomponents.timePickerTokens.itemLetterSpacing, _styledcomponents.timePickerTokens.itemLineHeight, _styledcomponents.timePickerTokens.itemHeight, _styledcomponents.timePickerTokens.itemBorderRadius, _styledcomponents.timePickerTokens.itemPadding, _styledcomponents.timePickerTokens.labelInnerFontFamily, _styledcomponents.timePickerTokens.labelInnerFontSize, _styledcomponents.timePickerTokens.labelInnerFontStyle, _styledcomponents.timePickerTokens.labelInnerFontWeight, _styledcomponents.timePickerTokens.labelInnerLetterSpacing, _styledcomponents.timePickerTokens.labelInnerLineHeight, _styledcomponents.timePickerTokens.scrollbarWidth, _styledcomponents.timePickerTokens.scrollbarMargin)
363
+ l: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.timePickerTokens.width, _styledcomponents.timePickerTokens.borderRadius, _styledcomponents.timePickerTokens.textFieldBorderWidth, _styledcomponents.timePickerTokens.leftContentMargin, _styledcomponents.timePickerTokens.rightContentMargin, _styledcomponents.timePickerTokens.labelOffset, _styledcomponents.timePickerTokens.labelInnerPadding, _styledcomponents.timePickerTokens.contentLabelInnerPadding, _styledcomponents.timePickerTokens.labelFontFamily, _styledcomponents.timePickerTokens.labelFontStyle, _styledcomponents.timePickerTokens.labelFontSize, _styledcomponents.timePickerTokens.labelFontWeight, _styledcomponents.timePickerTokens.labelLetterSpacing, _styledcomponents.timePickerTokens.labelLineHeight, _styledcomponents.timePickerTokens.indicatorSize, _styledcomponents.timePickerTokens.indicatorSizeOuter, _styledcomponents.timePickerTokens.indicatorPlacement, _styledcomponents.timePickerTokens.indicatorOuterPlacement, _styledcomponents.timePickerTokens.indicatorPlacementRight, _styledcomponents.timePickerTokens.indicatorOuterPlacementRight, _styledcomponents.timePickerTokens.textFieldHeight, _styledcomponents.timePickerTokens.textFieldBorderRadius, _styledcomponents.timePickerTokens.textFieldPadding, _styledcomponents.timePickerTokens.textFieldFontFamily, _styledcomponents.timePickerTokens.textFieldFontStyle, _styledcomponents.timePickerTokens.textFieldFontSize, _styledcomponents.timePickerTokens.textFieldFontWeight, _styledcomponents.timePickerTokens.textFieldLetterSpacing, _styledcomponents.timePickerTokens.textFieldLineHeight, _styledcomponents.timePickerTokens.textFieldLeftContentMargin, _styledcomponents.timePickerTokens.textFieldRightContentMargin, _styledcomponents.timePickerTokens.textFieldTextBeforeMargin, _styledcomponents.timePickerTokens.textFieldTextAfterMargin, _styledcomponents.timePickerTokens.timePickerBorderRadius, _styledcomponents.timePickerTokens.timePickerWidth, _styledcomponents.timePickerTokens.timePickerPadding, _styledcomponents.timePickerTokens.columnHeight, _styledcomponents.timePickerTokens.itemFontFamily, _styledcomponents.timePickerTokens.itemFontSize, _styledcomponents.timePickerTokens.itemFontStyle, _styledcomponents.timePickerTokens.itemFontWeight, _styledcomponents.timePickerTokens.itemLetterSpacing, _styledcomponents.timePickerTokens.itemLineHeight, _styledcomponents.timePickerTokens.itemHeight, _styledcomponents.timePickerTokens.itemBorderRadius, _styledcomponents.timePickerTokens.itemPadding, _styledcomponents.timePickerTokens.labelInnerFontFamily, _styledcomponents.timePickerTokens.labelInnerFontSize, _styledcomponents.timePickerTokens.labelInnerFontStyle, _styledcomponents.timePickerTokens.labelInnerFontWeight, _styledcomponents.timePickerTokens.labelInnerLetterSpacing, _styledcomponents.timePickerTokens.labelInnerLineHeight, _styledcomponents.timePickerTokens.scrollbarWidth, _styledcomponents.timePickerTokens.scrollbarMargin),
364
+ m: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.timePickerTokens.width, _styledcomponents.timePickerTokens.borderRadius, _styledcomponents.timePickerTokens.textFieldBorderWidth, _styledcomponents.timePickerTokens.leftContentMargin, _styledcomponents.timePickerTokens.rightContentMargin, _styledcomponents.timePickerTokens.labelOffset, _styledcomponents.timePickerTokens.labelInnerPadding, _styledcomponents.timePickerTokens.contentLabelInnerPadding, _styledcomponents.timePickerTokens.labelFontFamily, _styledcomponents.timePickerTokens.labelFontStyle, _styledcomponents.timePickerTokens.labelFontSize, _styledcomponents.timePickerTokens.labelFontWeight, _styledcomponents.timePickerTokens.labelLetterSpacing, _styledcomponents.timePickerTokens.labelLineHeight, _styledcomponents.timePickerTokens.indicatorSize, _styledcomponents.timePickerTokens.indicatorSizeOuter, _styledcomponents.timePickerTokens.indicatorPlacement, _styledcomponents.timePickerTokens.indicatorOuterPlacement, _styledcomponents.timePickerTokens.indicatorPlacementRight, _styledcomponents.timePickerTokens.indicatorOuterPlacementRight, _styledcomponents.timePickerTokens.textFieldHeight, _styledcomponents.timePickerTokens.textFieldBorderRadius, _styledcomponents.timePickerTokens.textFieldPadding, _styledcomponents.timePickerTokens.textFieldFontFamily, _styledcomponents.timePickerTokens.textFieldFontStyle, _styledcomponents.timePickerTokens.textFieldFontSize, _styledcomponents.timePickerTokens.textFieldFontWeight, _styledcomponents.timePickerTokens.textFieldLetterSpacing, _styledcomponents.timePickerTokens.textFieldLineHeight, _styledcomponents.timePickerTokens.textFieldLeftContentMargin, _styledcomponents.timePickerTokens.textFieldRightContentMargin, _styledcomponents.timePickerTokens.textFieldTextBeforeMargin, _styledcomponents.timePickerTokens.textFieldTextAfterMargin, _styledcomponents.timePickerTokens.timePickerBorderRadius, _styledcomponents.timePickerTokens.timePickerWidth, _styledcomponents.timePickerTokens.timePickerPadding, _styledcomponents.timePickerTokens.columnHeight, _styledcomponents.timePickerTokens.itemFontFamily, _styledcomponents.timePickerTokens.itemFontSize, _styledcomponents.timePickerTokens.itemFontStyle, _styledcomponents.timePickerTokens.itemFontWeight, _styledcomponents.timePickerTokens.itemLetterSpacing, _styledcomponents.timePickerTokens.itemLineHeight, _styledcomponents.timePickerTokens.itemHeight, _styledcomponents.timePickerTokens.itemBorderRadius, _styledcomponents.timePickerTokens.itemPadding, _styledcomponents.timePickerTokens.labelInnerFontFamily, _styledcomponents.timePickerTokens.labelInnerFontSize, _styledcomponents.timePickerTokens.labelInnerFontStyle, _styledcomponents.timePickerTokens.labelInnerFontWeight, _styledcomponents.timePickerTokens.labelInnerLetterSpacing, _styledcomponents.timePickerTokens.labelInnerLineHeight, _styledcomponents.timePickerTokens.scrollbarWidth, _styledcomponents.timePickerTokens.scrollbarMargin),
365
+ s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.timePickerTokens.width, _styledcomponents.timePickerTokens.borderRadius, _styledcomponents.timePickerTokens.textFieldBorderWidth, _styledcomponents.timePickerTokens.leftContentMargin, _styledcomponents.timePickerTokens.rightContentMargin, _styledcomponents.timePickerTokens.labelOffset, _styledcomponents.timePickerTokens.labelInnerPadding, _styledcomponents.timePickerTokens.contentLabelInnerPadding, _styledcomponents.timePickerTokens.labelFontFamily, _styledcomponents.timePickerTokens.labelFontStyle, _styledcomponents.timePickerTokens.labelFontSize, _styledcomponents.timePickerTokens.labelFontWeight, _styledcomponents.timePickerTokens.labelLetterSpacing, _styledcomponents.timePickerTokens.labelLineHeight, _styledcomponents.timePickerTokens.indicatorSize, _styledcomponents.timePickerTokens.indicatorSizeOuter, _styledcomponents.timePickerTokens.indicatorPlacement, _styledcomponents.timePickerTokens.indicatorOuterPlacement, _styledcomponents.timePickerTokens.indicatorPlacementRight, _styledcomponents.timePickerTokens.indicatorOuterPlacementRight, _styledcomponents.timePickerTokens.textFieldHeight, _styledcomponents.timePickerTokens.textFieldBorderRadius, _styledcomponents.timePickerTokens.textFieldPadding, _styledcomponents.timePickerTokens.textFieldFontFamily, _styledcomponents.timePickerTokens.textFieldFontStyle, _styledcomponents.timePickerTokens.textFieldFontSize, _styledcomponents.timePickerTokens.textFieldFontWeight, _styledcomponents.timePickerTokens.textFieldLetterSpacing, _styledcomponents.timePickerTokens.textFieldLineHeight, _styledcomponents.timePickerTokens.textFieldLeftContentMargin, _styledcomponents.timePickerTokens.textFieldRightContentMargin, _styledcomponents.timePickerTokens.textFieldTextBeforeMargin, _styledcomponents.timePickerTokens.textFieldTextAfterMargin, _styledcomponents.timePickerTokens.timePickerBorderRadius, _styledcomponents.timePickerTokens.timePickerWidth, _styledcomponents.timePickerTokens.timePickerPadding, _styledcomponents.timePickerTokens.columnHeight, _styledcomponents.timePickerTokens.itemFontFamily, _styledcomponents.timePickerTokens.itemFontSize, _styledcomponents.timePickerTokens.itemFontStyle, _styledcomponents.timePickerTokens.itemFontWeight, _styledcomponents.timePickerTokens.itemLetterSpacing, _styledcomponents.timePickerTokens.itemLineHeight, _styledcomponents.timePickerTokens.itemHeight, _styledcomponents.timePickerTokens.itemBorderRadius, _styledcomponents.timePickerTokens.itemPadding, _styledcomponents.timePickerTokens.labelInnerFontFamily, _styledcomponents.timePickerTokens.labelInnerFontSize, _styledcomponents.timePickerTokens.labelInnerFontStyle, _styledcomponents.timePickerTokens.labelInnerFontWeight, _styledcomponents.timePickerTokens.labelInnerLetterSpacing, _styledcomponents.timePickerTokens.labelInnerLineHeight, _styledcomponents.timePickerTokens.scrollbarWidth, _styledcomponents.timePickerTokens.scrollbarMargin),
366
+ xs: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.timePickerTokens.width, _styledcomponents.timePickerTokens.borderRadius, _styledcomponents.timePickerTokens.textFieldBorderWidth, _styledcomponents.timePickerTokens.leftContentMargin, _styledcomponents.timePickerTokens.rightContentMargin, _styledcomponents.timePickerTokens.labelOffset, _styledcomponents.timePickerTokens.labelInnerPadding, _styledcomponents.timePickerTokens.contentLabelInnerPadding, _styledcomponents.timePickerTokens.labelFontFamily, _styledcomponents.timePickerTokens.labelFontStyle, _styledcomponents.timePickerTokens.labelFontSize, _styledcomponents.timePickerTokens.labelFontWeight, _styledcomponents.timePickerTokens.labelLetterSpacing, _styledcomponents.timePickerTokens.labelLineHeight, _styledcomponents.timePickerTokens.indicatorSize, _styledcomponents.timePickerTokens.indicatorSizeOuter, _styledcomponents.timePickerTokens.indicatorPlacement, _styledcomponents.timePickerTokens.indicatorOuterPlacement, _styledcomponents.timePickerTokens.indicatorPlacementRight, _styledcomponents.timePickerTokens.indicatorOuterPlacementRight, _styledcomponents.timePickerTokens.textFieldHeight, _styledcomponents.timePickerTokens.textFieldBorderRadius, _styledcomponents.timePickerTokens.textFieldPadding, _styledcomponents.timePickerTokens.textFieldFontFamily, _styledcomponents.timePickerTokens.textFieldFontStyle, _styledcomponents.timePickerTokens.textFieldFontSize, _styledcomponents.timePickerTokens.textFieldFontWeight, _styledcomponents.timePickerTokens.textFieldLetterSpacing, _styledcomponents.timePickerTokens.textFieldLineHeight, _styledcomponents.timePickerTokens.textFieldLeftContentMargin, _styledcomponents.timePickerTokens.textFieldRightContentMargin, _styledcomponents.timePickerTokens.textFieldTextBeforeMargin, _styledcomponents.timePickerTokens.textFieldTextAfterMargin, _styledcomponents.timePickerTokens.timePickerBorderRadius, _styledcomponents.timePickerTokens.timePickerWidth, _styledcomponents.timePickerTokens.timePickerPadding, _styledcomponents.timePickerTokens.columnHeight, _styledcomponents.timePickerTokens.itemFontFamily, _styledcomponents.timePickerTokens.itemFontSize, _styledcomponents.timePickerTokens.itemFontStyle, _styledcomponents.timePickerTokens.itemFontWeight, _styledcomponents.timePickerTokens.itemLetterSpacing, _styledcomponents.timePickerTokens.itemLineHeight, _styledcomponents.timePickerTokens.itemHeight, _styledcomponents.timePickerTokens.itemBorderRadius, _styledcomponents.timePickerTokens.itemPadding, _styledcomponents.timePickerTokens.labelInnerFontFamily, _styledcomponents.timePickerTokens.labelInnerFontSize, _styledcomponents.timePickerTokens.labelInnerFontStyle, _styledcomponents.timePickerTokens.labelInnerFontWeight, _styledcomponents.timePickerTokens.labelInnerLetterSpacing, _styledcomponents.timePickerTokens.labelInnerLineHeight, _styledcomponents.timePickerTokens.scrollbarWidth, _styledcomponents.timePickerTokens.scrollbarMargin)
342
367
  },
343
368
  disabled: {
344
- true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.timePickerTokens.disabledOpacity)
369
+ true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.timePickerTokens.disabledOpacity, _styledcomponents.timePickerTokens.textFieldBackgroundColor, _styledcomponents.timePickerTokens.textFieldContentSlotColor, _styledcomponents.timePickerTokens.textFieldContentRightSlotColor, _styledcomponents.timePickerTokens.textFieldContentRightSlotColorHover)
345
370
  },
346
371
  readonly: {
347
- true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.timePickerTokens.backgroundReadOnly, _styledcomponents.timePickerTokens.labelColorReadOnly, _styledcomponents.timePickerTokens.textFieldColorReadOnly, _styledcomponents.timePickerTokens.textFieldBackgroundColorReadOnly, _styledcomponents.timePickerTokens.textFieldPlaceholderColorReadOnly)
372
+ true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.timePickerTokens.backgroundReadOnly, _styledcomponents.timePickerTokens.labelColorReadOnly, _styledcomponents.timePickerTokens.textFieldColorReadOnly, _styledcomponents.timePickerTokens.textFieldBackgroundColorReadOnly, _styledcomponents.timePickerTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.timePickerTokens.textFieldContentSlotColor, _styledcomponents.timePickerTokens.textFieldContentRightSlotColor, _styledcomponents.timePickerTokens.textFieldContentRightSlotColorHover)
348
373
  }
349
374
  }
350
375
  };
package/es/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -17,8 +17,11 @@ function _templateObject() {
17
17
  ": var(--text-tertiary);\n ",
18
18
  ": var(--text-secondary);\n ",
19
19
  ": var(--text-tertiary);\n\n ",
20
- ": var(--surface-transparent-primary);\n ",
21
- ": var(--surface-transparent-secondary);\n ",
20
+ ": var(--surface-transparent-card);\n ",
21
+ ": var(--surface-transparent-card);\n ",
22
+ ": var(--outline-solid-primary);\n ",
23
+ ": var(--outline-solid-primary-hover);\n ",
24
+ ": var(--outline-accent);\n ",
22
25
  ": var(--text-accent);\n ",
23
26
  ": var(--text-tertiary);\n ",
24
27
  ": var(--text-tertiary);\n ",
@@ -62,6 +65,9 @@ function _templateObject1() {
62
65
  ": var(--text-positive);\n\n ",
63
66
  ": var(--surface-transparent-positive);\n ",
64
67
  ": var(--surface-transparent-positive-active);\n ",
68
+ ": var(--outline-transparent-positive);\n ",
69
+ ": var(--outline-transparent-positive-hover);\n ",
70
+ ": var(--outline-transparent-positive-active);\n ",
65
71
  ": var(--text-accent);\n ",
66
72
  ": var(--text-tertiary);\n ",
67
73
  ": var(--text-tertiary);\n ",
@@ -105,6 +111,9 @@ function _templateObject2() {
105
111
  ": var(--text-warning);\n\n ",
106
112
  ": var(--surface-transparent-warning);\n ",
107
113
  ": var(--surface-transparent-warning-active);\n ",
114
+ ": var(--outline-transparent-warning);\n ",
115
+ ": var(--outline-transparent-warning-hover);\n ",
116
+ ": var(--outline-transparent-warning-active);\n ",
108
117
  ": var(--text-accent);\n ",
109
118
  ": var(--text-tertiary);\n ",
110
119
  ": var(--text-tertiary);\n ",
@@ -148,6 +157,9 @@ function _templateObject3() {
148
157
  ": var(--text-negative);\n\n ",
149
158
  ": var(--surface-transparent-negative);\n ",
150
159
  ": var(--surface-transparent-negative-active);\n ",
160
+ ": var(--outline-transparent-negative);\n ",
161
+ ": var(--outline-transparent-negative-hover);\n ",
162
+ ": var(--outline-transparent-negative-active);\n ",
151
163
  ": var(--text-accent);\n ",
152
164
  ": var(--text-tertiary);\n ",
153
165
  ": var(--text-tertiary);\n ",
@@ -199,6 +211,7 @@ function _templateObject4() {
199
211
  ": var(--plasma-typo-body-l-font-weight);\n ",
200
212
  ": var(--plasma-typo-body-l-letter-spacing);\n ",
201
213
  ": var(--plasma-typo-body-l-line-height);\n\n ",
214
+ ": 0.125rem;\n ",
202
215
  ": 0.75rem;\n ",
203
216
  ": 0.25rem;\n ",
204
217
  ": var(--plasma-typo-body-l-font-family);\n ",
@@ -268,6 +281,7 @@ function _templateObject5() {
268
281
  ": var(--plasma-typo-body-m-font-weight);\n ",
269
282
  ": var(--plasma-typo-body-m-letter-spacing);\n ",
270
283
  ": var(--plasma-typo-body-m-line-height);\n\n ",
284
+ ": 0.125rem;\n ",
271
285
  ": 0.625rem;\n ",
272
286
  ": 0.25rem;\n ",
273
287
  ": var(--plasma-typo-body-m-font-family);\n ",
@@ -337,6 +351,7 @@ function _templateObject6() {
337
351
  ": var(--plasma-typo-body-s-font-weight);\n ",
338
352
  ": var(--plasma-typo-body-s-letter-spacing);\n ",
339
353
  ": var(--plasma-typo-body-s-line-height);\n\n ",
354
+ ": 0.125rem;\n ",
340
355
  ": 0.5rem;\n ",
341
356
  ": 0.25rem;\n ",
342
357
  ": var(--plasma-typo-body-s-font-family);\n ",
@@ -406,6 +421,7 @@ function _templateObject7() {
406
421
  ": var(--plasma-typo-body-xs-font-weight);\n ",
407
422
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
408
423
  ": var(--plasma-typo-body-xs-line-height);\n\n ",
424
+ ": 0.125rem;\n ",
409
425
  ": 0.375rem;\n ",
410
426
  ": 0.25rem;\n ",
411
427
  ": var(--plasma-typo-body-xs-font-family);\n ",
@@ -551,7 +567,11 @@ function _templateObject12() {
551
567
  function _templateObject13() {
552
568
  var data = _tagged_template_literal([
553
569
  "\n ",
554
- ": 0.4;\n "
570
+ ": 1;\n ",
571
+ ": var(--surface-transparent-secondary);\n ",
572
+ ": var(--text-secondary);\n ",
573
+ ": var(--text-secondary);\n ",
574
+ ": var(--text-secondary);\n "
555
575
  ]);
556
576
  _templateObject13 = function _templateObject() {
557
577
  return data;
@@ -563,12 +583,15 @@ function _templateObject14() {
563
583
  "\n ",
564
584
  ": var(--text-primary);\n ",
565
585
  ": 0.1;\n ",
566
- ": 0.4;\n ",
586
+ ": 1;\n ",
567
587
  ": var(--surface-transparent-primary);\n ",
568
588
  ": var(--text-secondary);\n ",
569
589
  ": var(--text-secondary);\n ",
570
590
  ": var(--text-primary);\n ",
571
- ": var(--surface-transparent-primary);\n "
591
+ ": var(--surface-transparent-primary);\n ",
592
+ ": var(--text-secondary);\n ",
593
+ ": var(--text-secondary);\n ",
594
+ ": var(--text-secondary);\n "
572
595
  ]);
573
596
  _templateObject14 = function _templateObject() {
574
597
  return data;
@@ -584,16 +607,16 @@ export var config = {
584
607
  },
585
608
  variations: {
586
609
  view: {
587
- default: css(_templateObject(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.focusColor, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldDividerColor, tokens.textFieldDividerColorHover, tokens.textFieldDividerColorFocus, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, tokens.textFieldContentSlotRightColor, tokens.textFieldColor, tokens.infiniteLoaderSpinnerColor, tokens.textFieldHintIconColor),
588
- positive: css(_templateObject1(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.focusColor, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldDividerColor, tokens.textFieldDividerColorHover, tokens.textFieldDividerColorFocus, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, tokens.textFieldContentSlotRightColor, tokens.textFieldColor, tokens.infiniteLoaderSpinnerColor, tokens.textFieldHintIconColor),
589
- warning: css(_templateObject2(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.focusColor, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldDividerColor, tokens.textFieldDividerColorHover, tokens.textFieldDividerColorFocus, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, tokens.textFieldContentSlotRightColor, tokens.textFieldColor, tokens.infiniteLoaderSpinnerColor, tokens.textFieldHintIconColor),
590
- negative: css(_templateObject3(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.focusColor, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldDividerColor, tokens.textFieldDividerColorHover, tokens.textFieldDividerColorFocus, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, tokens.textFieldContentSlotRightColor, tokens.textFieldColor, tokens.infiniteLoaderSpinnerColor, tokens.textFieldHintIconColor)
610
+ default: css(_templateObject(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.focusColor, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldDividerColor, tokens.textFieldDividerColorHover, tokens.textFieldDividerColorFocus, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, tokens.textFieldContentSlotRightColor, tokens.textFieldColor, tokens.infiniteLoaderSpinnerColor, tokens.textFieldHintIconColor),
611
+ positive: css(_templateObject1(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.focusColor, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldDividerColor, tokens.textFieldDividerColorHover, tokens.textFieldDividerColorFocus, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, tokens.textFieldContentSlotRightColor, tokens.textFieldColor, tokens.infiniteLoaderSpinnerColor, tokens.textFieldHintIconColor),
612
+ warning: css(_templateObject2(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.focusColor, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldDividerColor, tokens.textFieldDividerColorHover, tokens.textFieldDividerColorFocus, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, tokens.textFieldContentSlotRightColor, tokens.textFieldColor, tokens.infiniteLoaderSpinnerColor, tokens.textFieldHintIconColor),
613
+ negative: css(_templateObject3(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.focusColor, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldDividerColor, tokens.textFieldDividerColorHover, tokens.textFieldDividerColorFocus, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, tokens.textFieldContentSlotRightColor, tokens.textFieldColor, tokens.infiniteLoaderSpinnerColor, tokens.textFieldHintIconColor)
591
614
  },
592
615
  size: {
593
- l: css(_templateObject4(), tokens.textFieldHeight, tokens.textFieldPadding, 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.textFieldClearLabelOffset, 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.borderRadius, tokens.padding, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.emptyStatePadding, tokens.emptyStateGap, tokens.infiniteLoaderSpinnerSize, tokens.infiniteLoaderGap),
594
- m: css(_templateObject5(), tokens.textFieldHeight, tokens.textFieldPadding, 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.textFieldClearLabelOffset, 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.borderRadius, tokens.padding, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.emptyStatePadding, tokens.emptyStateGap, tokens.infiniteLoaderSpinnerSize, tokens.infiniteLoaderGap),
595
- s: css(_templateObject6(), tokens.textFieldHeight, tokens.textFieldPadding, 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.textFieldClearLabelOffset, 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.borderRadius, tokens.padding, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.emptyStatePadding, tokens.emptyStateGap, tokens.infiniteLoaderSpinnerSize, tokens.infiniteLoaderGap),
596
- xs: css(_templateObject7(), tokens.textFieldHeight, tokens.textFieldPadding, 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.textFieldClearLabelOffset, 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.borderRadius, tokens.padding, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.emptyStatePadding, tokens.emptyStateGap, tokens.infiniteLoaderSpinnerSize, tokens.infiniteLoaderGap)
616
+ l: css(_templateObject4(), tokens.textFieldHeight, tokens.textFieldPadding, 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.textFieldClearLabelOffset, 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.borderRadius, tokens.padding, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.emptyStatePadding, tokens.emptyStateGap, tokens.infiniteLoaderSpinnerSize, tokens.infiniteLoaderGap),
617
+ m: css(_templateObject5(), tokens.textFieldHeight, tokens.textFieldPadding, 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.textFieldClearLabelOffset, 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.borderRadius, tokens.padding, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.emptyStatePadding, tokens.emptyStateGap, tokens.infiniteLoaderSpinnerSize, tokens.infiniteLoaderGap),
618
+ s: css(_templateObject6(), tokens.textFieldHeight, tokens.textFieldPadding, 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.textFieldClearLabelOffset, 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.borderRadius, tokens.padding, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.emptyStatePadding, tokens.emptyStateGap, tokens.infiniteLoaderSpinnerSize, tokens.infiniteLoaderGap),
619
+ xs: css(_templateObject7(), tokens.textFieldHeight, tokens.textFieldPadding, 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.textFieldClearLabelOffset, 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.borderRadius, tokens.padding, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.emptyStatePadding, tokens.emptyStateGap, tokens.infiniteLoaderSpinnerSize, tokens.infiniteLoaderGap)
597
620
  },
598
621
  labelPlacement: {
599
622
  inner: css(_templateObject8(), tokens.textFieldPlaceholderColor, tokens.textFieldLabelInnerFontFamily, tokens.textFieldLabelInnerFontSize, tokens.textFieldLabelInnerFontStyle, tokens.textFieldLabelInnerFontWeight, tokens.textFieldLabelInnerLetterSpacing, tokens.textFieldLabelInnerLineHeight),
@@ -607,10 +630,10 @@ export var config = {
607
630
  s: css(_templateObject12(), 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)
608
631
  },
609
632
  disabled: {
610
- true: css(_templateObject13(), tokens.textFieldDisabledOpacity)
633
+ true: css(_templateObject13(), tokens.textFieldDisabledOpacity, tokens.textFieldBackgroundColor, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive)
611
634
  },
612
635
  readOnly: {
613
- true: css(_templateObject14(), tokens.textFieldColorReadOnly, tokens.textFieldReadOnlyOpacity, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldDividerColorReadOnly)
636
+ true: css(_templateObject14(), tokens.textFieldColorReadOnly, tokens.textFieldReadOnlyOpacity, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldDividerColorReadOnly, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive)
614
637
  }
615
638
  }
616
639
  };