@salutejs/sdds-finai 0.323.0-canary.2392.20298160025.0 → 0.323.0-canary.2397.20456842500.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 (42) hide show
  1. package/dist/beta/cjs/Popover/Popover.closeInner.config.js +89 -0
  2. package/dist/beta/cjs/Popover/Popover.closeNone.config.js +81 -0
  3. package/dist/beta/cjs/Popover/Popover.js +37 -0
  4. package/dist/beta/cjs/Popover/index.js +11 -0
  5. package/dist/beta/cjs/index.js +18 -0
  6. package/dist/beta/es/Popover/Popover.closeInner.config.js +79 -0
  7. package/dist/beta/es/Popover/Popover.closeNone.config.js +71 -0
  8. package/dist/beta/es/Popover/Popover.js +16 -0
  9. package/dist/beta/es/Popover/index.js +1 -0
  10. package/dist/beta/es/index.js +1 -0
  11. package/dist/beta/types/Popover/Popover.closeInner.config.d.ts +16 -0
  12. package/dist/beta/types/Popover/Popover.closeNone.config.d.ts +16 -0
  13. package/dist/beta/types/Popover/Popover.d.ts +30 -0
  14. package/dist/beta/types/Popover/index.d.ts +1 -0
  15. package/dist/beta/types/index.d.ts +1 -0
  16. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +48 -20
  17. package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +46 -20
  18. package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +76 -33
  19. package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js +36 -14
  20. package/dist/styled-components/cjs/components/Range/Range.config.js +292 -113
  21. package/dist/styled-components/cjs/components/Select/Select.config.js +49 -21
  22. package/dist/styled-components/cjs/components/TextArea/TextArea.config.js +62 -53
  23. package/dist/styled-components/cjs/components/TextField/TextField.clear.config.js +43 -27
  24. package/dist/styled-components/cjs/components/TextField/TextField.config.js +48 -22
  25. package/dist/styled-components/cjs/components/TimePicker/TimePicker.config.js +48 -19
  26. package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +48 -20
  27. package/dist/styled-components/es/components/Combobox/Combobox.config.js +46 -20
  28. package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +76 -33
  29. package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js +36 -14
  30. package/dist/styled-components/es/components/Range/Range.config.js +292 -113
  31. package/dist/styled-components/es/components/Select/Select.config.js +49 -21
  32. package/dist/styled-components/es/components/TextArea/TextArea.config.js +62 -53
  33. package/dist/styled-components/es/components/TextField/TextField.clear.config.js +43 -27
  34. package/dist/styled-components/es/components/TextField/TextField.config.js +48 -22
  35. package/dist/styled-components/es/components/TimePicker/TimePicker.config.js +48 -19
  36. package/package.json +19 -11
  37. package/types/components/Combobox/Combobox.d.ts +24 -0
  38. package/types/components/DatePicker/DatePicker.d.ts +19 -5
  39. package/types/components/InformationWrapper/InformationWrapper.d.ts +2 -0
  40. package/types/components/Range/Range.config.d.ts +9 -0
  41. package/types/components/Range/Range.d.ts +562 -3
  42. package/types/components/Select/Select.d.ts +6 -0
package/dist/styled-components/es/components/TextField/TextField.clear.config.js CHANGED
@@ -42,9 +42,10 @@ function _templateObject() {
42
42
  function _templateObject1() {
43
43
  var data = _tagged_template_literal([
44
44
  "\n ",
45
- ": var(--text-positive);\n\n ",
46
45
  ": var(--text-positive);\n ",
47
- ": var(--text-positive);\n\n ",
46
+ ": var(--text-primary);\n\n ",
47
+ ": var(--text-positive);\n ",
48
+ ": var(--text-tertiary);\n\n ",
48
49
  ": transparent;\n ",
49
50
  ": transparent;\n ",
50
51
  ": transparent;\n ",
@@ -54,10 +55,12 @@ function _templateObject1() {
54
55
  ": var(--text-primary);\n ",
55
56
  ": var(--text-positive);\n ",
56
57
  ": var(--text-secondary);\n ",
58
+ ": var(--text-secondary);\n ",
57
59
  ": var(--text-secondary);\n\n ",
58
60
  ": var(--text-positive);\n ",
59
61
  ": var(--text-positive-hover);\n ",
60
- ": var(--text-positive-active);\n\n ",
62
+ ": var(--text-positive-active);\n ",
63
+ ": var(--text-primary);\n\n ",
61
64
  ": var(--text-secondary);\n ",
62
65
  ": var(--text-secondary-hover);\n ",
63
66
  ": var(--text-secondary-active);\n\n ",
@@ -76,9 +79,10 @@ function _templateObject1() {
76
79
  function _templateObject2() {
77
80
  var data = _tagged_template_literal([
78
81
  "\n ",
79
- ": var(--text-warning);\n\n ",
80
82
  ": var(--text-warning);\n ",
81
- ": var(--text-warning);\n\n ",
83
+ ": var(--text-primary);\n\n ",
84
+ ": var(--text-warning);\n ",
85
+ ": var(--text-tertiary);\n\n ",
82
86
  ": transparent;\n ",
83
87
  ": transparent;\n ",
84
88
  ": transparent;\n ",
@@ -88,10 +92,12 @@ function _templateObject2() {
88
92
  ": var(--text-primary);\n ",
89
93
  ": var(--text-warning);\n ",
90
94
  ": var(--text-secondary);\n ",
95
+ ": var(--text-secondary);\n ",
91
96
  ": var(--text-secondary);\n\n ",
92
97
  ": var(--text-warning);\n ",
93
98
  ": var(--text-warning-hover);\n ",
94
- ": var(--text-warning-active);\n\n ",
99
+ ": var(--text-warning-active);\n ",
100
+ ": var(--text-primary);\n\n ",
95
101
  ": var(--text-secondary);\n ",
96
102
  ": var(--text-secondary-hover);\n ",
97
103
  ": var(--text-secondary-active);\n\n ",
@@ -110,9 +116,10 @@ function _templateObject2() {
110
116
  function _templateObject3() {
111
117
  var data = _tagged_template_literal([
112
118
  "\n ",
113
- ": var(--text-negative);\n\n ",
114
119
  ": var(--text-negative);\n ",
115
- ": var(--text-negative);\n\n ",
120
+ ": var(--text-primary);\n\n ",
121
+ ": var(--text-negative);\n ",
122
+ ": var(--text-tertiary);\n\n ",
116
123
  ": transparent;\n ",
117
124
  ": transparent;\n ",
118
125
  ": transparent;\n ",
@@ -120,12 +127,13 @@ function _templateObject3() {
120
127
  ": var(--text-tertiary);\n ",
121
128
  ": var(--text-tertiary);\n ",
122
129
  ": var(--text-primary);\n ",
123
- ": var(--text-negative);\n ",
130
+ ": var(--text-secondary);\n ",
124
131
  ": var(--text-secondary);\n ",
125
132
  ": var(--text-secondary);\n\n ",
126
133
  ": var(--text-negative);\n ",
127
134
  ": var(--text-negative-hover);\n ",
128
- ": var(--text-negative-active);\n\n ",
135
+ ": var(--text-negative-active);\n ",
136
+ ": var(--text-primary);\n\n ",
129
137
  ": var(--text-secondary);\n ",
130
138
  ": var(--text-secondary-hover);\n ",
131
139
  ": var(--text-secondary-active);\n\n ",
@@ -287,7 +295,8 @@ function _templateObject5() {
287
295
  ": 0.5rem auto auto -0.75rem;\n ",
288
296
  ": 1.5rem -0.875rem auto auto;\n ",
289
297
  ": 0.25rem -0.625rem auto auto;\n ",
290
- ": 1.5rem -2.488rem auto auto;\n "
298
+ ": 1.5rem -2.488rem auto auto;\n\n ",
299
+ ": 0.125rem;\n "
291
300
  ]);
292
301
  _templateObject5 = function _templateObject() {
293
302
  return data;
@@ -360,7 +369,8 @@ function _templateObject6() {
360
369
  ": 0.375rem auto auto -0.75rem;\n ",
361
370
  ": 1.25rem -0.875rem auto auto;\n ",
362
371
  ": 0.25rem -0.6875rem auto auto;\n ",
363
- ": 1.25rem -2.488rem auto auto;\n "
372
+ ": 1.25rem -2.488rem auto auto;\n\n ",
373
+ ": 0.125rem;\n "
364
374
  ]);
365
375
  _templateObject6 = function _templateObject() {
366
376
  return data;
@@ -433,7 +443,8 @@ function _templateObject7() {
433
443
  ": 0.3125rem auto auto -0.6875rem;\n ",
434
444
  ": 1.063rem -0.75rem auto auto;\n ",
435
445
  ": 0.25rem -0.625rem auto auto;\n ",
436
- ": 1.063rem -2.238rem auto auto;\n "
446
+ ": 1.063rem -2.238rem auto auto;\n\n ",
447
+ ": 0.125rem;\n "
437
448
  ]);
438
449
  _templateObject7 = function _templateObject() {
439
450
  return data;
@@ -506,7 +517,8 @@ function _templateObject8() {
506
517
  ": 0.25rem auto auto -0.625rem;\n ",
507
518
  ": 0.813rem -0.625rem auto auto;\n ",
508
519
  ": 0.125rem -0.6875rem auto auto;\n ",
509
- ": 0.813rem -1.988rem auto auto;\n "
520
+ ": 0.813rem -1.988rem auto auto;\n\n ",
521
+ ": 0.125rem;\n "
510
522
  ]);
511
523
  _templateObject8 = function _templateObject() {
512
524
  return data;
@@ -746,7 +758,11 @@ function _templateObject19() {
746
758
  function _templateObject20() {
747
759
  var data = _tagged_template_literal([
748
760
  "\n ",
749
- ": 0.4;\n "
761
+ ": 1;\n ",
762
+ ": var(--surface-transparent-secondary);\n ",
763
+ ": var(--text-secondary);\n ",
764
+ ": var(--text-secondary);\n ",
765
+ ": var(--text-secondary);\n "
750
766
  ]);
751
767
  _templateObject20 = function _templateObject() {
752
768
  return data;
@@ -756,15 +772,15 @@ function _templateObject20() {
756
772
  function _templateObject21() {
757
773
  var data = _tagged_template_literal([
758
774
  "\n ",
759
- ": 0.1;\n ",
760
775
  ": var(--text-primary);\n ",
761
776
  ": transparent;\n ",
762
777
  ": var(--text-secondary);\n ",
763
778
  ": var(--text-secondary);\n ",
764
779
  ": var(--text-secondary);\n ",
765
780
  ": var(--text-primary);\n ",
766
- ": var(--surface-transparent-primary);\n ",
767
- ": 0.4;\n "
781
+ ": var(--surface-transparent-tertiary);\n ",
782
+ ": 1;\n ",
783
+ ": var(--text-secondary);\n "
768
784
  ]);
769
785
  _templateObject21 = function _templateObject() {
770
786
  return data;
@@ -781,16 +797,16 @@ export var config = {
781
797
  variations: {
782
798
  view: {
783
799
  default: css(_templateObject(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
784
- positive: css(_templateObject1(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
785
- warning: css(_templateObject2(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
786
- negative: css(_templateObject3(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
800
+ positive: css(_templateObject1(), tokens.color, tokens.colorFocus, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorFocus, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.contentSlotColorFocus, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
801
+ warning: css(_templateObject2(), tokens.color, tokens.colorFocus, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorFocus, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.contentSlotColorFocus, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
802
+ negative: css(_templateObject3(), tokens.color, tokens.colorFocus, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.contentSlotColorFocus, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
787
803
  },
788
804
  size: {
789
805
  xl: css(_templateObject4(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipMarginRight, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorHintInnerRight),
790
- l: css(_templateObject5(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorHintInnerRight),
791
- m: css(_templateObject6(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorHintInnerRight),
792
- s: css(_templateObject7(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorHintInnerRight),
793
- xs: css(_templateObject8(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorHintInnerRight)
806
+ l: css(_templateObject5(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorHintInnerRight, tokens.dividerWidth),
807
+ m: css(_templateObject6(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorHintInnerRight, tokens.dividerWidth),
808
+ s: css(_templateObject7(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorHintInnerRight, tokens.dividerWidth),
809
+ xs: css(_templateObject8(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorHintInnerRight, tokens.dividerWidth)
794
810
  },
795
811
  labelPlacement: {
796
812
  inner: css(_templateObject9(), tokens.placeholderColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight),
@@ -812,10 +828,10 @@ export var config = {
812
828
  s: css(_templateObject19(), tokens.tooltipPaddingTop, tokens.tooltipPaddingRight, tokens.tooltipPaddingBottom, tokens.tooltipPaddingLeft, tokens.tooltipMinHeight, tokens.tooltipBorderRadius, tokens.tooltipTextFontFamily, tokens.tooltipTextFontSize, tokens.tooltipTextFontStyle, tokens.tooltipTextFontWeight, tokens.tooltipTextFontLetterSpacing, tokens.tooltipTextFontLineHeight, tokens.tooltipContentLeftMargin, tokens.tooltipArrowMaskWidth, tokens.tooltipArrowMaskHeight, tokens.tooltipArrowMaskImage, tokens.tooltipArrowHeight, tokens.tooltipArrowEdgeMargin)
813
829
  },
814
830
  disabled: {
815
- true: css(_templateObject20(), tokens.disabledOpacity)
831
+ true: css(_templateObject20(), tokens.disabledOpacity, tokens.backgroundColor, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive)
816
832
  },
817
833
  readOnly: {
818
- true: css(_templateObject21(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
834
+ true: css(_templateObject21(), tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly, tokens.contentSlotRightColor)
819
835
  }
820
836
  }
821
837
  };
package/dist/styled-components/es/components/TextField/TextField.config.js CHANGED
@@ -14,9 +14,12 @@ function _templateObject() {
14
14
  ": var(--text-primary);\n\n ",
15
15
  ": var(--text-secondary);\n ",
16
16
  ": var(--text-tertiary);\n\n ",
17
- ": var(--surface-transparent-primary);\n ",
18
- ": var(--surface-transparent-primary-hover);\n ",
19
- ": var(--surface-transparent-secondary);\n ",
17
+ ": var(--surface-transparent-card);\n ",
18
+ ": var(--surface-transparent-card-hover);\n ",
19
+ ": var(--surface-transparent-card);\n ",
20
+ ": var(--outline-solid-primary);\n ",
21
+ ": var(--outline-solid-primary-hover);\n ",
22
+ ": var(--outline-accent);\n ",
20
23
  ": var(--text-accent);\n ",
21
24
  ": var(--text-tertiary);\n ",
22
25
  ": var(--text-tertiary);\n ",
@@ -47,13 +50,17 @@ function _templateObject1() {
47
50
  ": var(--text-tertiary);\n\n ",
48
51
  ": var(--surface-transparent-positive);\n ",
49
52
  ": var(--surface-transparent-positive-hover);\n ",
50
- ": var(--surface-transparent-positive-active);\n ",
53
+ ": var(--surface-transparent-card);\n ",
54
+ ": var(--outline-transparent-positive);\n ",
55
+ ": var(--outline-transparent-positive-hover);\n ",
56
+ ": var(--outline-accent);\n ",
51
57
  ": var(--text-accent);\n ",
52
58
  ": var(--text-tertiary);\n ",
53
59
  ": var(--text-tertiary);\n ",
54
60
  ": var(--text-primary);\n ",
55
61
  ": var(--text-positive);\n ",
56
62
  ": var(--text-secondary);\n ",
63
+ ": var(--text-secondary);\n ",
57
64
  ": var(--text-secondary);\n\n ",
58
65
  ": var(--text-secondary);\n ",
59
66
  ": var(--text-secondary-hover);\n ",
@@ -78,13 +85,17 @@ function _templateObject2() {
78
85
  ": var(--text-tertiary);\n\n ",
79
86
  ": var(--surface-transparent-warning);\n ",
80
87
  ": var(--surface-transparent-warning-hover);\n ",
81
- ": var(--surface-transparent-warning-active);\n ",
88
+ ": var(--surface-transparent-card);\n ",
89
+ ": var(--outline-transparent-warning);\n ",
90
+ ": var(--outline-transparent-warning-hover);\n ",
91
+ ": var(--outline-accent);\n ",
82
92
  ": var(--text-accent);\n ",
83
93
  ": var(--text-tertiary);\n ",
84
94
  ": var(--text-tertiary);\n ",
85
95
  ": var(--text-primary);\n ",
86
96
  ": var(--text-warning);\n ",
87
97
  ": var(--text-secondary);\n ",
98
+ ": var(--text-secondary);\n ",
88
99
  ": var(--text-secondary);\n\n ",
89
100
  ": var(--text-secondary);\n ",
90
101
  ": var(--text-secondary-hover);\n ",
@@ -109,13 +120,17 @@ function _templateObject3() {
109
120
  ": var(--text-tertiary);\n\n ",
110
121
  ": var(--surface-transparent-negative);\n ",
111
122
  ": var(--surface-transparent-negative-hover);\n ",
112
- ": var(--surface-transparent-negative-active);\n ",
123
+ ": var(--surface-transparent-card);\n ",
124
+ ": var(--outline-transparent-negative);\n ",
125
+ ": var(--outline-transparent-negative-hover);\n ",
126
+ ": var(--outline-accent);\n ",
113
127
  ": var(--text-accent);\n ",
114
128
  ": var(--text-tertiary);\n ",
115
129
  ": var(--text-tertiary);\n ",
116
130
  ": var(--text-primary);\n ",
117
131
  ": var(--text-negative);\n ",
118
132
  ": var(--text-secondary);\n ",
133
+ ": var(--text-secondary);\n ",
119
134
  ": var(--text-secondary);\n\n ",
120
135
  ": var(--text-secondary);\n ",
121
136
  ": var(--text-secondary-hover);\n ",
@@ -138,7 +153,8 @@ function _templateObject4() {
138
153
  ": 4rem;\n ",
139
154
  ": 1.3125rem 1.125rem;\n ",
140
155
  ": 0.375rem;\n ",
141
- ": 1rem;\n\n ",
156
+ ": 1rem;\n ",
157
+ ": 0.125rem;\n\n ",
142
158
  ": -0.0625rem 0.5rem -0.0625rem 0rem;\n ",
143
159
  ": -0.0625rem 0rem -0.0625rem 0.75rem;\n\n ",
144
160
  ": var(--plasma-typo-body-l-font-family);\n ",
@@ -215,7 +231,7 @@ function _templateObject5() {
215
231
  ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ",
216
232
  ": 0.375rem;\n ",
217
233
  ": 0.875rem;\n ",
218
- ": 0.0625rem;\n\n ",
234
+ ": 0.125rem;\n\n ",
219
235
  ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ",
220
236
  ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
221
237
  ": -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n ",
@@ -289,7 +305,7 @@ function _templateObject6() {
289
305
  ": 0.875rem 1rem 0.875rem 1rem;\n ",
290
306
  ": 0.375rem;\n ",
291
307
  ": 0.75rem;\n ",
292
- ": 0.0625rem;\n\n ",
308
+ ": 0.125rem;\n\n ",
293
309
  ": -0.125rem 0.375rem -0.125rem -0.125rem;\n ",
294
310
  ": -0.125rem -0.125rem -0.125rem 0.75rem;\n ",
295
311
  ": -0.125rem -0.438rem -0.125rem 0.75rem;\n\n ",
@@ -363,7 +379,7 @@ function _templateObject7() {
363
379
  ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ",
364
380
  ": 0.375rem;\n ",
365
381
  ": 0.625rem;\n ",
366
- ": 0.0625rem;\n\n ",
382
+ ": 0.125rem;\n\n ",
367
383
  ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ",
368
384
  ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ",
369
385
  ": -0.1875rem -0.438rem -0.1875rem 0.75rem;\n\n ",
@@ -437,7 +453,7 @@ function _templateObject8() {
437
453
  ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ",
438
454
  ": 0.375rem;\n ",
439
455
  ": 0.5rem;\n ",
440
- ": 0.0625rem;\n\n ",
456
+ ": 0.125rem;\n\n ",
441
457
  ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ",
442
458
  ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
443
459
  ": -0.0625rem -0.688rem -0.0625rem 0.75rem;\n\n ",
@@ -737,7 +753,14 @@ function _templateObject19() {
737
753
  function _templateObject20() {
738
754
  var data = _tagged_template_literal([
739
755
  "\n ",
740
- ": 0.4;\n "
756
+ ": 1;\n ",
757
+ ": var(--surface-transparent-secondary);\n ",
758
+ ": transparent;\n ",
759
+ ": transparent;\n ",
760
+ ": transparent;\n ",
761
+ ": var(--text-secondary);\n ",
762
+ ": var(--text-secondary);\n ",
763
+ ": var(--text-secondary);\n "
741
764
  ]);
742
765
  _templateObject20 = function _templateObject() {
743
766
  return data;
@@ -747,15 +770,18 @@ function _templateObject20() {
747
770
  function _templateObject21() {
748
771
  var data = _tagged_template_literal([
749
772
  "\n ",
750
- ": 0.1;\n ",
751
773
  ": var(--text-primary);\n ",
752
- ": var(--surface-transparent-primary);\n ",
774
+ ": var(--surface-transparent-card);\n ",
775
+ ": var(--surface-transparent-card);\n ",
776
+ ": var(--outline-solid-primary);\n ",
753
777
  ": var(--text-secondary);\n ",
754
778
  ": var(--text-secondary);\n ",
755
779
  ": var(--text-secondary);\n ",
756
780
  ": var(--text-primary);\n ",
757
781
  ": var(--surface-transparent-primary);\n ",
758
- ": 0.4;\n "
782
+ ": var(--text-secondary);\n ",
783
+ ": var(--text-secondary);\n ",
784
+ ": var(--text-secondary);\n "
759
785
  ]);
760
786
  _templateObject21 = function _templateObject() {
761
787
  return data;
@@ -771,13 +797,13 @@ export var config = {
771
797
  },
772
798
  variations: {
773
799
  view: {
774
- default: css(_templateObject(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
775
- positive: css(_templateObject1(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
776
- warning: css(_templateObject2(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
777
- negative: css(_templateObject3(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
800
+ default: css(_templateObject(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
801
+ positive: css(_templateObject1(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorFocus, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
802
+ warning: css(_templateObject2(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorFocus, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
803
+ negative: css(_templateObject3(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorFocus, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
778
804
  },
779
805
  size: {
780
- xl: css(_templateObject4(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipMarginRight, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight),
806
+ xl: css(_templateObject4(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipMarginRight, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight),
781
807
  l: css(_templateObject5(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.textBeforeMargin, tokens.textAfterMargin),
782
808
  m: css(_templateObject6(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.textBeforeMargin, tokens.textAfterMargin),
783
809
  s: css(_templateObject7(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.textBeforeMargin, tokens.textAfterMargin),
@@ -803,10 +829,10 @@ export var config = {
803
829
  s: css(_templateObject19(), tokens.tooltipPaddingTop, tokens.tooltipPaddingRight, tokens.tooltipPaddingBottom, tokens.tooltipPaddingLeft, tokens.tooltipMinHeight, tokens.tooltipBorderRadius, tokens.tooltipTextFontFamily, tokens.tooltipTextFontSize, tokens.tooltipTextFontStyle, tokens.tooltipTextFontWeight, tokens.tooltipTextFontLetterSpacing, tokens.tooltipTextFontLineHeight, tokens.tooltipContentLeftMargin, tokens.tooltipArrowMaskWidth, tokens.tooltipArrowMaskHeight, tokens.tooltipArrowMaskImage, tokens.tooltipArrowHeight, tokens.tooltipArrowEdgeMargin)
804
830
  },
805
831
  disabled: {
806
- true: css(_templateObject20(), tokens.disabledOpacity)
832
+ true: css(_templateObject20(), tokens.disabledOpacity, tokens.backgroundColor, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive)
807
833
  },
808
834
  readOnly: {
809
- true: css(_templateObject21(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
835
+ true: css(_templateObject21(), tokens.colorReadOnly, tokens.backgroundColor, tokens.backgroundColorReadOnly, tokens.borderColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive)
810
836
  }
811
837
  }
812
838
  };
package/dist/styled-components/es/components/TimePicker/TimePicker.config.js CHANGED
@@ -11,20 +11,35 @@ function _tagged_template_literal(strings, raw) {
11
11
  function _templateObject() {
12
12
  var data = _tagged_template_literal([
13
13
  "\n ",
14
- ": var(--surface-transparent-primary);\n ",
14
+ ": var(--surface-transparent-card);\n ",
15
15
  ": var(--surface-transparent-negative);\n ",
16
16
  ": var(--surface-transparent-positive);\n\n ",
17
+ ": var(--outline-solid-primary);\n ",
18
+ ": var(--outline-solid-primary-hover);\n ",
19
+ ": var(--outline-accent);\n ",
20
+ ": var(--outline-transparent-negative);\n ",
21
+ ": var(--outline-transparent-positive);\n\n ",
17
22
  ": var(--text-primary);\n\n ",
18
23
  ": var(--text-primary);\n ",
19
24
  ": var(--text-secondary);\n ",
20
25
  ": var(--text-accent);\n\n ",
21
26
  ": var(--surface-negative);\n\n ",
22
- ": var(--surface-transparent-primary);\n ",
23
- ": var(--surface-transparent-secondary);\n ",
27
+ ": var(--shadow-down-soft-s);\n\n ",
28
+ ": var(--surface-transparent-card);\n ",
29
+ ": var(--surface-transparent-card);\n ",
30
+ ": var(--outline-solid-primary);\n ",
31
+ ": var(--outline-solid-primary-hover);\n ",
32
+ ": var(--outline-accent);\n ",
24
33
  ": var(--surface-transparent-negative);\n ",
25
- ": var(--surface-transparent-negative-active);\n ",
34
+ ": var(--surface-transparent-card);\n ",
35
+ ": var(--outline-transparent-negative);\n ",
36
+ ": var(--outline-transparent-negative-hover);\n ",
37
+ ": var(--outline-accent);\n ",
26
38
  ": var(--surface-transparent-positive);\n ",
27
- ": var(--surface-transparent-positive-active);\n\n ",
39
+ ": var(--surface-transparent-card);\n ",
40
+ ": var(--outline-transparent-positive);\n ",
41
+ ": var(--outline-transparent-positive-hover);\n ",
42
+ ": var(--outline-accent);\n\n ",
28
43
  ": var(--text-secondary);\n ",
29
44
  ": var(--text-secondary);\n ",
30
45
  ": var(--text-secondary-hover);\n\n ",
@@ -46,7 +61,8 @@ function _templateObject1() {
46
61
  var data = _tagged_template_literal([
47
62
  "\n ",
48
63
  ": 20rem;\n ",
49
- ": 0.875rem;\n\n ",
64
+ ": 0.875rem;\n ",
65
+ ": 0.125rem;\n\n ",
50
66
  ": 0 0 0 1rem;\n ",
51
67
  ": 0;\n\n ",
52
68
  ": 0.75rem;\n ",
@@ -108,7 +124,8 @@ function _templateObject2() {
108
124
  var data = _tagged_template_literal([
109
125
  "\n ",
110
126
  ": 20rem;\n ",
111
- ": 0.75rem;\n\n ",
127
+ ": 0.75rem;\n ",
128
+ ": 0.125rem;\n\n ",
112
129
  ": 0 0 0 0.875rem;\n ",
113
130
  ": 0;\n\n ",
114
131
  ": 0.625rem;\n ",
@@ -170,7 +187,8 @@ function _templateObject3() {
170
187
  var data = _tagged_template_literal([
171
188
  "\n ",
172
189
  ": 20rem;\n ",
173
- ": 0.625rem;\n\n ",
190
+ ": 0.625rem;\n ",
191
+ ": 0.125rem;\n\n ",
174
192
  ": 0 0 0 0.75rem;\n ",
175
193
  ": 0;\n\n ",
176
194
  ": 0.5rem;\n ",
@@ -232,7 +250,8 @@ function _templateObject4() {
232
250
  var data = _tagged_template_literal([
233
251
  "\n ",
234
252
  ": 20rem;\n ",
235
- ": 0.5rem;\n\n ",
253
+ ": 0.5rem;\n ",
254
+ ": 0.125rem;\n\n ",
236
255
  ": 0 0 0 0.5rem;\n ",
237
256
  ": 0;\n\n ",
238
257
  ": 0.375rem;\n ",
@@ -293,7 +312,13 @@ function _templateObject4() {
293
312
  function _templateObject5() {
294
313
  var data = _tagged_template_literal([
295
314
  "\n ",
296
- ": 0.4;\n "
315
+ ": 1;\n ",
316
+ ": var(--surface-transparent-secondary);\n ",
317
+ ": var(--text-secondary);\n ",
318
+ ": var(--text-secondary);\n ",
319
+ ": var(--text-secondary);\n ",
320
+ ": transparent;\n ",
321
+ ": transparent;\n "
297
322
  ]);
298
323
  _templateObject5 = function _templateObject() {
299
324
  return data;
@@ -303,10 +328,14 @@ function _templateObject5() {
303
328
  function _templateObject6() {
304
329
  var data = _tagged_template_literal([
305
330
  "\n ",
306
- ": var(--surface-transparent-primary);\n ",
331
+ ": var(--surface-transparent-card);\n ",
307
332
  ": var(--text-secondary);\n\n ",
333
+ ": var(--text-primary);\n ",
334
+ ": var(--surface-transparent-card);\n ",
335
+ ": var(--surface-transparent-card);\n ",
336
+ ": var(--text-secondary);\n ",
337
+ ": var(--text-secondary);\n ",
308
338
  ": var(--text-secondary);\n ",
309
- ": var(--surface-transparent-primary);\n ",
310
339
  ": var(--text-secondary);\n "
311
340
  ]);
312
341
  _templateObject6 = function _templateObject() {
@@ -322,19 +351,19 @@ export var config = {
322
351
  },
323
352
  variations: {
324
353
  view: {
325
- default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.labelColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldPlaceholderColorFocus, tokens.timePickerBackground, tokens.itemBackgroundHover, tokens.itemBackgroundActive, tokens.scrollbarColor, tokens.scrollbarTrackColor)
354
+ default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.borderColorError, tokens.borderColorSuccess, tokens.labelColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.indicatorColor, tokens.timePickerShadow, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorHover, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessHover, tokens.textFieldBorderColorSuccessFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldPlaceholderColorFocus, tokens.timePickerBackground, tokens.itemBackgroundHover, tokens.itemBackgroundActive, tokens.scrollbarColor, tokens.scrollbarTrackColor)
326
355
  },
327
356
  size: {
328
- l: css(_templateObject1(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
329
- m: css(_templateObject2(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
330
- s: css(_templateObject3(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
331
- xs: css(_templateObject4(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin)
357
+ l: css(_templateObject1(), tokens.width, tokens.borderRadius, tokens.textFieldBorderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
358
+ m: css(_templateObject2(), tokens.width, tokens.borderRadius, tokens.textFieldBorderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
359
+ s: css(_templateObject3(), tokens.width, tokens.borderRadius, tokens.textFieldBorderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
360
+ xs: css(_templateObject4(), tokens.width, tokens.borderRadius, tokens.textFieldBorderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin)
332
361
  },
333
362
  disabled: {
334
- true: css(_templateObject5(), tokens.disabledOpacity)
363
+ true: css(_templateObject5(), tokens.disabledOpacity, tokens.textFieldBackgroundColor, tokens.textFieldContentSlotColor, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover, tokens.textFieldBorderColor, tokens.borderColor)
335
364
  },
336
365
  readonly: {
337
- true: css(_templateObject6(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
366
+ true: css(_templateObject6(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldBackgroundColor, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldContentSlotColor, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover)
338
367
  }
339
368
  }
340
369
  };