@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/Select/Select.config.js CHANGED
@@ -14,8 +14,11 @@ function _templateObject() {
14
14
  ": var(--text-primary);\n\n ",
15
15
  ": var(--text-secondary);\n ",
16
16
  ": var(--text-tertiary);\n\n ",
17
- ": var(--surface-transparent-primary);\n ",
18
- ": var(--surface-transparent-secondary);\n ",
17
+ ": var(--surface-transparent-card);\n ",
18
+ ": var(--surface-transparent-card);\n ",
19
+ ": var(--outline-solid-primary);\n ",
20
+ ": var(--outline-solid-primary-hover);\n ",
21
+ ": var(--outline-accent);\n ",
19
22
  ": var(--text-tertiary);\n ",
20
23
  ": var(--text-tertiary);\n ",
21
24
  ": var(--text-primary);\n ",
@@ -60,11 +63,15 @@ function _templateObject1() {
60
63
  ": var(--text-secondary);\n ",
61
64
  ": var(--text-tertiary);\n\n ",
62
65
  ": var(--surface-transparent-positive);\n ",
63
- ": var(--surface-transparent-positive-active);\n ",
66
+ ": var(--surface-transparent-card);\n ",
67
+ ": var(--outline-transparent-positive);\n ",
68
+ ": var(--outline-transparent-positive-hover);\n ",
69
+ ": var(--outline-accent);\n ",
64
70
  ": var(--text-tertiary);\n ",
65
71
  ": var(--text-tertiary);\n ",
66
72
  ": var(--text-primary);\n ",
67
73
  ": var(--text-positive);\n ",
74
+ ": var(--text-secondary);\n ",
68
75
  ": var(--text-accent);\n\n ",
69
76
  ": var(--text-secondary);\n ",
70
77
  ": var(--text-secondary-hover);\n ",
@@ -105,11 +112,15 @@ function _templateObject2() {
105
112
  ": var(--text-secondary);\n ",
106
113
  ": var(--text-tertiary);\n\n ",
107
114
  ": var(--surface-transparent-warning);\n ",
108
- ": var(--surface-transparent-warning-active);\n ",
115
+ ": var(--surface-transparent-card);\n ",
116
+ ": var(--outline-transparent-warning);\n ",
117
+ ": var(--outline-transparent-warning-hover);\n ",
118
+ ": var(--outline-accent);\n ",
109
119
  ": var(--text-tertiary);\n ",
110
120
  ": var(--text-tertiary);\n ",
111
121
  ": var(--text-primary);\n ",
112
122
  ": var(--text-warning);\n ",
123
+ ": var(--text-secondary);\n ",
113
124
  ": var(--text-accent);\n\n ",
114
125
  ": var(--text-secondary);\n ",
115
126
  ": var(--text-secondary-hover);\n ",
@@ -150,11 +161,15 @@ function _templateObject3() {
150
161
  ": var(--text-secondary);\n ",
151
162
  ": var(--text-tertiary);\n\n ",
152
163
  ": var(--surface-transparent-negative);\n ",
153
- ": var(--surface-transparent-negative-active);\n ",
164
+ ": var(--surface-transparent-card);\n ",
165
+ ": var(--outline-transparent-negative);\n ",
166
+ ": var(--outline-transparent-negative-hover);\n ",
167
+ ": var(--outline-accent);\n ",
154
168
  ": var(--text-tertiary);\n ",
155
169
  ": var(--text-tertiary);\n ",
156
170
  ": var(--text-primary);\n ",
157
171
  ": var(--text-negative);\n ",
172
+ ": var(--text-secondary);\n ",
158
173
  ": var(--text-accent);\n\n ",
159
174
  ": var(--text-secondary);\n ",
160
175
  ": var(--text-secondary-hover);\n ",
@@ -393,6 +408,7 @@ function _templateObject10() {
393
408
  ": 2.375rem;\n ",
394
409
  ": 0.563rem -2.938rem auto auto;\n ",
395
410
  ": 0.563rem -2.188rem auto auto;\n\n ",
411
+ ": 0.125rem;\n ",
396
412
  ": 0.25rem;\n ",
397
413
  ": var(--plasma-typo-body-xs-font-family);\n ",
398
414
  ": var(--plasma-typo-body-xs-font-size);\n ",
@@ -495,6 +511,7 @@ function _templateObject11() {
495
511
  ": var(--plasma-typo-body-m-font-weight);\n ",
496
512
  ": var(--plasma-typo-body-m-letter-spacing);\n ",
497
513
  ": var(--plasma-typo-body-m-line-height);\n\n ",
514
+ ": 0.125rem;\n ",
498
515
  ": 0.625rem;\n ",
499
516
  ": var(--plasma-typo-body-m-font-family);\n ",
500
517
  ": var(--plasma-typo-body-m-font-size);\n ",
@@ -608,6 +625,7 @@ function _templateObject12() {
608
625
  ": var(--plasma-typo-body-s-font-weight);\n ",
609
626
  ": var(--plasma-typo-body-s-letter-spacing);\n ",
610
627
  ": var(--plasma-typo-body-s-line-height);\n\n ",
628
+ ": 0.125rem;\n ",
611
629
  ": 0.5rem;\n ",
612
630
  ": var(--plasma-typo-body-s-font-family);\n ",
613
631
  ": var(--plasma-typo-body-s-font-size);\n ",
@@ -732,6 +750,7 @@ function _templateObject13() {
732
750
  ": 2.375rem;\n ",
733
751
  ": -0.188rem -2.1875rem auto auto;\n ",
734
752
  ": -0.188rem -1.938rem auto auto;\n\n ",
753
+ ": 0.125rem;\n ",
735
754
  ": 0.25rem;\n ",
736
755
  ": var(--plasma-typo-body-xs-font-family);\n ",
737
756
  ": var(--plasma-typo-body-xs-font-size);\n ",
@@ -905,7 +924,7 @@ function _templateObject18() {
905
924
  function _templateObject19() {
906
925
  var data = _tagged_template_literal([
907
926
  "\n ",
908
- ": var(--surface-solid-card-brightness);\n ",
927
+ ": var(--surface-solid-card);\n ",
909
928
  ": var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n ",
910
929
  ": var(--text-primary);\n ",
911
930
  ": var(--surface-solid-card);\n "
@@ -972,7 +991,12 @@ function _templateObject21() {
972
991
  function _templateObject22() {
973
992
  var data = _tagged_template_literal([
974
993
  "\n ",
975
- ": 0.4;\n "
994
+ ": 1;\n ",
995
+ ": var(--surface-transparent-secondary);\n ",
996
+ ": transparent;\n ",
997
+ ": var(--text-secondary);\n ",
998
+ ": var(--text-secondary);\n ",
999
+ ": var(--text-secondary);\n "
976
1000
  ]);
977
1001
  _templateObject22 = function _templateObject() {
978
1002
  return data;
@@ -982,15 +1006,19 @@ function _templateObject22() {
982
1006
  function _templateObject23() {
983
1007
  var data = _tagged_template_literal([
984
1008
  "\n ",
985
- ": 0.4;\n ",
986
- ": 0.1;\n ",
1009
+ ": 1;\n ",
987
1010
  ": var(--text-primary);\n ",
988
- ": var(--surface-transparent-primary);\n ",
1011
+ ": var(--surface-transparent-card);\n ",
1012
+ ": var(--surface-transparent-card);\n ",
989
1013
  ": var(--text-secondary);\n ",
990
1014
  ": var(--text-secondary);\n ",
991
1015
  ": var(--text-secondary);\n ",
992
1016
  ": var(--text-primary);\n ",
993
- ": var(--surface-transparent-primary);\n "
1017
+ ": var(--surface-transparent-primary);\n ",
1018
+ ": var(--text-secondary);\n ",
1019
+ ": var(--text-secondary);\n ",
1020
+ ": var(--text-secondary);\n ",
1021
+ ": var(--outline-accent)\n "
994
1022
  ]);
995
1023
  _templateObject23 = function _templateObject() {
996
1024
  return data;
@@ -1007,10 +1035,10 @@ export var config = {
1007
1035
  },
1008
1036
  variations: {
1009
1037
  view: {
1010
- default: css(_templateObject(), tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.itemDisabledOpacity, tokens.itemDisabledColor, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
1011
- positive: css(_templateObject1(), tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.itemDisabledOpacity, tokens.itemDisabledColor, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
1012
- warning: css(_templateObject2(), tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.itemDisabledOpacity, tokens.itemDisabledColor, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
1013
- negative: css(_templateObject3(), tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.itemDisabledOpacity, tokens.itemDisabledColor, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
1038
+ default: css(_templateObject(), tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.itemDisabledOpacity, tokens.itemDisabledColor, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
1039
+ positive: css(_templateObject1(), tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldLeftHelperColorFocus, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.itemDisabledOpacity, tokens.itemDisabledColor, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
1040
+ warning: css(_templateObject2(), tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldLeftHelperColorFocus, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.itemDisabledOpacity, tokens.itemDisabledColor, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
1041
+ negative: css(_templateObject3(), tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldLeftHelperColorFocus, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.itemDisabledOpacity, tokens.itemDisabledColor, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
1014
1042
  accent: css(_templateObject4(), tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.itemDisabledOpacity, tokens.itemDisabledColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
1015
1043
  secondary: css(_templateObject5(), tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.itemDisabledOpacity, tokens.itemDisabledColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
1016
1044
  clear: css(_templateObject6(), tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.itemDisabledOpacity, tokens.itemDisabledColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
@@ -1019,10 +1047,10 @@ export var config = {
1019
1047
  white: css(_templateObject9(), tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.itemBackgroundHover, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemDisabledOpacity, tokens.itemDisabledColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor)
1020
1048
  },
1021
1049
  size: {
1022
- l: css(_templateObject10(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemGap, tokens.itemTreeOffsetWidth, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight),
1023
- m: css(_templateObject11(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemGap, tokens.itemTreeOffsetWidth, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight),
1024
- s: css(_templateObject12(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.itemGap, tokens.itemTreeOffsetWidth, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight),
1025
- xs: css(_templateObject13(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.itemGap, tokens.itemTreeOffsetWidth, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight)
1050
+ l: css(_templateObject10(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldBorderWidth, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemGap, tokens.itemTreeOffsetWidth, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight),
1051
+ m: css(_templateObject11(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldBorderWidth, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemGap, tokens.itemTreeOffsetWidth, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight),
1052
+ s: css(_templateObject12(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldBorderWidth, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.itemGap, tokens.itemTreeOffsetWidth, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight),
1053
+ xs: css(_templateObject13(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldBorderWidth, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.itemGap, tokens.itemTreeOffsetWidth, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight)
1026
1054
  },
1027
1055
  labelPlacement: {
1028
1056
  inner: css(_templateObject14(), tokens.textFieldPlaceholderColor, tokens.textFieldLabelInnerFontFamily, tokens.textFieldLabelInnerFontSize, tokens.textFieldLabelInnerFontStyle, tokens.textFieldLabelInnerFontWeight, tokens.textFieldLabelInnerLetterSpacing, tokens.textFieldLabelInnerLineHeight),
@@ -1041,10 +1069,10 @@ export var config = {
1041
1069
  s: css(_templateObject21(), tokens.textFieldTooltipPaddingTop, tokens.textFieldTooltipPaddingRight, tokens.textFieldTooltipPaddingBottom, tokens.textFieldTooltipPaddingLeft, tokens.textFieldTooltipMinHeight, tokens.textFieldTooltipBorderRadius, tokens.textFieldTooltipTextFontFamily, tokens.textFieldTooltipTextFontSize, tokens.textFieldTooltipTextFontStyle, tokens.textFieldTooltipTextFontWeight, tokens.textFieldTooltipTextFontLetterSpacing, tokens.textFieldTooltipTextFontLineHeight, tokens.textFieldTooltipContentLeftMargin, tokens.textFieldTooltipArrowMaskWidth, tokens.textFieldTooltipArrowMaskHeight, tokens.textFieldTooltipArrowMaskImage, tokens.textFieldTooltipArrowHeight, tokens.textFieldTooltipArrowEdgeMargin)
1042
1070
  },
1043
1071
  disabled: {
1044
- true: css(_templateObject22(), tokens.textFieldDisabledOpacity)
1072
+ true: css(_templateObject22(), tokens.textFieldDisabledOpacity, tokens.textFieldBackgroundColor, tokens.textFieldBorderColor, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive)
1045
1073
  },
1046
1074
  readOnly: {
1047
- true: css(_templateObject23(), tokens.disclosureIconOpacityReadOnly, tokens.textFieldReadOnlyOpacity, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldTitleCaptionColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldDividerColorReadOnly)
1075
+ true: css(_templateObject23(), tokens.disclosureIconOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldBackgroundColor, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldTitleCaptionColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldDividerColorReadOnly, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, tokens.textFieldBorderColorReadOnly)
1048
1076
  }
1049
1077
  }
1050
1078
  };
package/dist/styled-components/es/components/TextArea/TextArea.config.js CHANGED
@@ -14,8 +14,9 @@ function _templateObject() {
14
14
  ": 100%;\n ",
15
15
  ": 7.312rem;\n ",
16
16
  ": 0.625rem;\n ",
17
+ ": 0.125rem;\n ",
17
18
  ": 0.5rem;\n ",
18
- ": 0.5rem 0.5rem 0 0;\n ",
19
+ ": 0.5rem 0.5rem 0.5rem 0.5rem;\n ",
19
20
  ": 0.563rem;\n ",
20
21
  ": 0.625rem;\n ",
21
22
  ": 2.125rem;\n ",
@@ -87,8 +88,9 @@ function _templateObject1() {
87
88
  ": 100%;\n ",
88
89
  ": 7.187rem;\n ",
89
90
  ": 0.625rem;\n ",
91
+ ": 0.125rem;\n ",
90
92
  ": 0.625rem;\n ",
91
- ": 0.625rem 0.625rem 0 0;\n ",
93
+ ": 0.625rem 0.625rem 0.625rem 0.625rem;\n ",
92
94
  ": 0.688rem;\n ",
93
95
  ": 0.875rem;\n ",
94
96
  ": 3.125rem;\n ",
@@ -160,8 +162,9 @@ function _templateObject2() {
160
162
  ": 100%;\n ",
161
163
  ": 7rem;\n ",
162
164
  ": 1.125rem;\n ",
165
+ ": 0.125rem;\n ",
163
166
  ": 0.75rem;\n ",
164
- ": 0.75rem 0.75rem 0 0;\n ",
167
+ ": 0.75rem 0.75rem 0.75rem 0.75rem;\n ",
165
168
  ": 0.875rem;\n ",
166
169
  ": 1rem;\n ",
167
170
  ": 3.375rem;\n ",
@@ -233,8 +236,9 @@ function _templateObject3() {
233
236
  ": 100%;\n ",
234
237
  ": 6.812rem;\n ",
235
238
  ": 1.625rem;\n ",
239
+ ": 0.125rem;\n ",
236
240
  ": 0.875rem;\n ",
237
- ": 0.875rem 0.875rem 0 0;\n ",
241
+ ": 0.875rem 0.875rem 0.875rem 0.875rem;\n ",
238
242
  ": 1.063rem;\n ",
239
243
  ": 1.125rem;\n ",
240
244
  ": 3.625rem;\n ",
@@ -306,8 +310,9 @@ function _templateObject4() {
306
310
  ": 100%;\n ",
307
311
  ": 6.812rem;\n ",
308
312
  ": 1.625rem;\n ",
313
+ ": 0.125rem;\n ",
309
314
  ": 1rem;\n ",
310
- ": 1rem 1rem 0 0;\n ",
315
+ ": 1rem 1rem 1rem 1rem;\n ",
311
316
  ": 1.313rem;\n ",
312
317
  ": 1.25rem;\n ",
313
318
  ": 3.5rem;\n ",
@@ -378,14 +383,13 @@ function _templateObject4() {
378
383
  function _templateObject5() {
379
384
  var data = _tagged_template_literal([
380
385
  "\n ",
381
- ": var(--surface-transparent-primary);\n ",
382
- ": var(--surface-transparent-primary-hover);\n ",
383
- ": var(--surface-transparent-primary-active);\n ",
384
- ": var(--surface-transparent-secondary);\n ",
385
- ": var(--surface-transparent-primary);\n ",
386
- ": var(--surface-transparent-primary-hover);\n ",
387
- ": var(--surface-transparent-primary-active);\n ",
388
- ": var(--surface-transparent-secondary);\n ",
386
+ ": var(--surface-transparent-card);\n ",
387
+ ": var(--surface-transparent-card-hover);\n ",
388
+ ": var(--surface-transparent-card-active);\n ",
389
+ ": var(--surface-transparent-card);\n ",
390
+ ": var(--outline-solid-primary);\n ",
391
+ ": var(--outline-solid-primary-hover);\n ",
392
+ ": var(--outline-accent);\n ",
389
393
  ": var(--text-primary);\n ",
390
394
  ": var(--text-primary);\n ",
391
395
  ": var(--text-primary);\n ",
@@ -396,6 +400,7 @@ function _templateObject5() {
396
400
  ": var(--text-tertiary);\n ",
397
401
  ": var(--text-secondary);\n ",
398
402
  ": var(--text-secondary);\n ",
403
+ ": var(--text-secondary);\n ",
399
404
  ": var(--surface-negative);\n ",
400
405
  ": var(--text-tertiary);\n\n ",
401
406
  ": var(--surface-transparent-tertiary);\n ",
@@ -421,21 +426,21 @@ function _templateObject6() {
421
426
  ": var(--surface-transparent-positive);\n ",
422
427
  ": var(--surface-transparent-positive-hover);\n ",
423
428
  ": var(--surface-transparent-positive-active);\n ",
424
- ": var(--surface-transparent-positive);\n ",
425
- ": var(--surface-transparent-positive);\n ",
426
- ": var(--surface-transparent-positive-hover);\n ",
427
- ": var(--surface-transparent-positive-active);\n ",
428
- ": var(--surface-transparent-positive);\n ",
429
+ ": var(--surface-transparent-card);\n ",
430
+ ": var(--outline-transparent-positive);\n ",
431
+ ": var(--outline-transparent-positive-hover);\n ",
432
+ ": var(--outline-accent);\n ",
429
433
  ": var(--text-primary);\n ",
430
434
  ": var(--text-positive);\n ",
431
435
  ": var(--text-positive);\n ",
432
436
  ": var(--text-primary);\n ",
433
- ": var(--text-positive);\n ",
437
+ ": var(--text-accent);\n ",
434
438
  ": var(--text-secondary);\n ",
435
439
  ": var(--text-tertiary);\n ",
436
440
  ": var(--text-positive);\n ",
437
441
  ": var(--text-positive);\n ",
438
442
  ": var(--text-secondary);\n ",
443
+ ": var(--text-secondary);\n ",
439
444
  ": var(--surface-negative);\n ",
440
445
  ": var(--text-tertiary);\n\n ",
441
446
  ": var(--surface-transparent-tertiary);\n ",
@@ -461,11 +466,10 @@ function _templateObject7() {
461
466
  ": var(--surface-transparent-primary);\n ",
462
467
  ": var(--surface-transparent-primary-hover);\n ",
463
468
  ": var(--surface-transparent-primary-active);\n ",
464
- ": var(--surface-transparent-secondary);\n ",
465
- ": var(--surface-transparent-primary);\n ",
466
- ": var(--surface-transparent-primary-hover);\n ",
467
- ": var(--surface-transparent-primary-active);\n ",
468
- ": var(--surface-transparent-secondary);\n ",
469
+ ": var(--surface-transparent-card);\n ",
470
+ ": var(--outline-solid-primary);\n ",
471
+ ": var(--outline-solid-primary-hover);\n ",
472
+ ": var(--outline-accent);\n ",
469
473
  ": var(--text-primary);\n ",
470
474
  ": var(--text-primary);\n ",
471
475
  ": var(--text-primary);\n ",
@@ -476,6 +480,7 @@ function _templateObject7() {
476
480
  ": var(--text-tertiary);\n ",
477
481
  ": var(--text-secondary);\n ",
478
482
  ": var(--text-secondary);\n ",
483
+ ": var(--text-secondary);\n ",
479
484
  ": var(--surface-negative);\n ",
480
485
  ": var(--text-tertiary);\n\n ",
481
486
  ": var(--surface-transparent-tertiary);\n ",
@@ -501,21 +506,21 @@ function _templateObject8() {
501
506
  ": var(--surface-transparent-warning);\n ",
502
507
  ": var(--surface-transparent-warning-hover);\n ",
503
508
  ": var(--surface-transparent-warning-active);\n ",
504
- ": var(--surface-transparent-warning);\n ",
505
- ": var(--surface-transparent-warning);\n ",
506
- ": var(--surface-transparent-warning-hover);\n ",
507
- ": var(--surface-transparent-warning-active);\n ",
508
- ": var(--surface-transparent-warning);\n ",
509
+ ": var(--surface-transparent-card);\n ",
510
+ ": var(--outline-transparent-warning);\n ",
511
+ ": var(--outline-transparent-warning-hover);\n ",
512
+ ": var(--outline-accent);\n ",
509
513
  ": var(--text-primary);\n ",
510
514
  ": var(--text-warning);\n ",
511
515
  ": var(--text-warning);\n ",
512
516
  ": var(--text-primary);\n ",
513
- ": var(--text-warning);\n ",
517
+ ": var(--text-accent);\n ",
514
518
  ": var(--text-secondary);\n ",
515
519
  ": var(--text-tertiary);\n ",
516
520
  ": var(--text-warning);\n ",
517
521
  ": var(--text-warning);\n ",
518
522
  ": var(--text-secondary);\n ",
523
+ ": var(--text-secondary);\n ",
519
524
  ": var(--surface-negative);\n ",
520
525
  ": var(--text-tertiary);\n\n ",
521
526
  ": var(--surface-transparent-tertiary);\n ",
@@ -541,21 +546,21 @@ function _templateObject9() {
541
546
  ": var(--surface-transparent-negative);\n ",
542
547
  ": var(--surface-transparent-negative-hover);\n ",
543
548
  ": var(--surface-transparent-negative-active);\n ",
544
- ": var(--surface-transparent-negative);\n ",
545
- ": var(--surface-transparent-negative);\n ",
546
- ": var(--surface-transparent-negative-hover);\n ",
547
- ": var(--surface-transparent-negative-active);\n ",
548
- ": var(--surface-transparent-negative);\n ",
549
+ ": var(--surface-transparent-card);\n ",
550
+ ": var(--outline-transparent-negative);\n ",
551
+ ": var(--outline-transparent-negative-hover);\n ",
552
+ ": var(--outline-accent);\n ",
549
553
  ": var(--text-primary);\n ",
550
554
  ": var(--text-negative);\n ",
551
555
  ": var(--text-negative);\n ",
552
556
  ": var(--text-primary);\n ",
553
- ": var(--text-negative);\n ",
557
+ ": var(--text-accent);\n ",
554
558
  ": var(--text-secondary);\n ",
555
559
  ": var(--text-tertiary);\n ",
556
560
  ": var(--text-negative);\n ",
557
561
  ": var(--text-negative);\n ",
558
562
  ": var(--text-secondary);\n ",
563
+ ": var(--text-secondary);\n ",
559
564
  ": var(--surface-negative);\n ",
560
565
  ": var(--text-tertiary);\n\n ",
561
566
  ": var(--surface-transparent-tertiary);\n ",
@@ -654,11 +659,12 @@ function _templateObject13() {
654
659
  function _templateObject14() {
655
660
  var data = _tagged_template_literal([
656
661
  "\n ",
657
- ": 0.1;\n ",
658
- ": var(--surface-transparent-primary);\n ",
662
+ ": var(--surface-transparent-card);\n ",
659
663
  ": var(--text-primary);\n ",
660
664
  ": var(--surface-transparent-primary);\n ",
661
- ": 0.4;\n "
665
+ ": 1;\n ",
666
+ ": var(--text-secondary);\n ",
667
+ ": var(--surface-transparent-card);\n "
662
668
  ]);
663
669
  _templateObject14 = function _templateObject() {
664
670
  return data;
@@ -668,10 +674,13 @@ function _templateObject14() {
668
674
  function _templateObject15() {
669
675
  var data = _tagged_template_literal([
670
676
  "\n ",
671
- ": 0.4;\n ",
677
+ ": 1;\n ",
672
678
  ": var(--text-secondary);\n ",
673
679
  ": var(--surface-transparent-primary);\n ",
674
- ": var(--text-secondary);\n "
680
+ ": var(--text-secondary);\n ",
681
+ ": var(--text-secondary);\n ",
682
+ ": var(--surface-transparent-secondary);\n ",
683
+ ": transparent;\n "
675
684
  ]);
676
685
  _templateObject15 = function _templateObject() {
677
686
  return data;
@@ -686,21 +695,21 @@ export var config = {
686
695
  },
687
696
  variations: {
688
697
  size: {
689
- xs: css(_templateObject(), textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.clearInputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.clearHelpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.clearLabelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight, textAreaTokens.indicatorSizeInner, textAreaTokens.indicatorSizeOuter, textAreaTokens.indicatorLabelPlacementInner, textAreaTokens.indicatorLabelPlacementOuter, textAreaTokens.indicatorLabelPlacementInnerRight, textAreaTokens.indicatorLabelPlacementOuterRight, textAreaTokens.clearIndicatorLabelPlacementInner, textAreaTokens.clearIndicatorLabelPlacementInnerRight, textAreaTokens.clearIndicatorHintInnerRight, textAreaTokens.scrollbarWidth, textAreaTokens.scrollbarBorderWidth, textAreaTokens.hintMargin, textAreaTokens.hintTargetSize, textAreaTokens.hintInnerLabelPlacementOffset, textAreaTokens.clearHintInnerLabelPlacementOffset, textAreaTokens.titleCaptionInnerLabelOffset, textAreaTokens.titleCaptionFontFamily, textAreaTokens.titleCaptionFontSize, textAreaTokens.titleCaptionFontStyle, textAreaTokens.titleCaptionFontWeight, textAreaTokens.titleCaptionLetterSpacing, textAreaTokens.titleCaptionLineHeight),
690
- s: css(_templateObject1(), textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.clearInputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.clearHelpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.clearLabelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight, textAreaTokens.indicatorSizeInner, textAreaTokens.indicatorSizeOuter, textAreaTokens.indicatorLabelPlacementInner, textAreaTokens.indicatorLabelPlacementOuter, textAreaTokens.indicatorLabelPlacementInnerRight, textAreaTokens.indicatorLabelPlacementOuterRight, textAreaTokens.clearIndicatorLabelPlacementInner, textAreaTokens.clearIndicatorLabelPlacementInnerRight, textAreaTokens.clearIndicatorHintInnerRight, textAreaTokens.scrollbarWidth, textAreaTokens.scrollbarBorderWidth, textAreaTokens.hintMargin, textAreaTokens.hintTargetSize, textAreaTokens.hintInnerLabelPlacementOffset, textAreaTokens.clearHintInnerLabelPlacementOffset, textAreaTokens.titleCaptionInnerLabelOffset, textAreaTokens.titleCaptionFontFamily, textAreaTokens.titleCaptionFontSize, textAreaTokens.titleCaptionFontStyle, textAreaTokens.titleCaptionFontWeight, textAreaTokens.titleCaptionLetterSpacing, textAreaTokens.titleCaptionLineHeight),
691
- m: css(_templateObject2(), textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.clearInputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.clearHelpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.clearLabelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight, textAreaTokens.indicatorSizeInner, textAreaTokens.indicatorSizeOuter, textAreaTokens.indicatorLabelPlacementInner, textAreaTokens.indicatorLabelPlacementOuter, textAreaTokens.indicatorLabelPlacementInnerRight, textAreaTokens.indicatorLabelPlacementOuterRight, textAreaTokens.clearIndicatorLabelPlacementInner, textAreaTokens.clearIndicatorLabelPlacementInnerRight, textAreaTokens.clearIndicatorHintInnerRight, textAreaTokens.scrollbarWidth, textAreaTokens.scrollbarBorderWidth, textAreaTokens.hintMargin, textAreaTokens.hintTargetSize, textAreaTokens.hintInnerLabelPlacementOffset, textAreaTokens.clearHintInnerLabelPlacementOffset, textAreaTokens.titleCaptionInnerLabelOffset, textAreaTokens.titleCaptionFontFamily, textAreaTokens.titleCaptionFontSize, textAreaTokens.titleCaptionFontStyle, textAreaTokens.titleCaptionFontWeight, textAreaTokens.titleCaptionLetterSpacing, textAreaTokens.titleCaptionLineHeight),
692
- l: css(_templateObject3(), textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.clearInputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.clearHelpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.clearLabelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight, textAreaTokens.indicatorSizeInner, textAreaTokens.indicatorSizeOuter, textAreaTokens.indicatorLabelPlacementInner, textAreaTokens.indicatorLabelPlacementOuter, textAreaTokens.indicatorLabelPlacementInnerRight, textAreaTokens.indicatorLabelPlacementOuterRight, textAreaTokens.clearIndicatorLabelPlacementInner, textAreaTokens.clearIndicatorLabelPlacementInnerRight, textAreaTokens.clearIndicatorHintInnerRight, textAreaTokens.scrollbarWidth, textAreaTokens.scrollbarBorderWidth, textAreaTokens.hintMargin, textAreaTokens.hintTargetSize, textAreaTokens.hintInnerLabelPlacementOffset, textAreaTokens.clearHintInnerLabelPlacementOffset, textAreaTokens.titleCaptionInnerLabelOffset, textAreaTokens.titleCaptionFontFamily, textAreaTokens.titleCaptionFontSize, textAreaTokens.titleCaptionFontStyle, textAreaTokens.titleCaptionFontWeight, textAreaTokens.titleCaptionLetterSpacing, textAreaTokens.titleCaptionLineHeight),
693
- xl: css(_templateObject4(), textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.clearInputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.clearHelpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.clearLabelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerTopHelper, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight, textAreaTokens.indicatorSizeInner, textAreaTokens.indicatorSizeOuter, textAreaTokens.indicatorLabelPlacementInner, textAreaTokens.indicatorLabelPlacementOuter, textAreaTokens.indicatorLabelPlacementInnerRight, textAreaTokens.indicatorLabelPlacementOuterRight, textAreaTokens.indicatorLabelPlacementHintOuterRight, textAreaTokens.clearIndicatorLabelPlacementInner, textAreaTokens.clearIndicatorLabelPlacementInnerRight, textAreaTokens.scrollbarWidth, textAreaTokens.scrollbarBorderWidth, textAreaTokens.hintMargin, textAreaTokens.hintTargetSize, textAreaTokens.hintInnerLabelPlacementOffset, textAreaTokens.clearHintInnerLabelPlacementOffset, textAreaTokens.clearIndicatorHintInnerRight, textAreaTokens.titleCaptionInnerLabelOffset, textAreaTokens.titleCaptionFontFamily, textAreaTokens.titleCaptionFontSize, textAreaTokens.titleCaptionFontStyle, textAreaTokens.titleCaptionFontWeight, textAreaTokens.titleCaptionLetterSpacing, textAreaTokens.titleCaptionLineHeight)
698
+ xs: css(_templateObject(), textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderSize, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.clearInputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.clearHelpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.clearLabelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight, textAreaTokens.indicatorSizeInner, textAreaTokens.indicatorSizeOuter, textAreaTokens.indicatorLabelPlacementInner, textAreaTokens.indicatorLabelPlacementOuter, textAreaTokens.indicatorLabelPlacementInnerRight, textAreaTokens.indicatorLabelPlacementOuterRight, textAreaTokens.clearIndicatorLabelPlacementInner, textAreaTokens.clearIndicatorLabelPlacementInnerRight, textAreaTokens.clearIndicatorHintInnerRight, textAreaTokens.scrollbarWidth, textAreaTokens.scrollbarBorderWidth, textAreaTokens.hintMargin, textAreaTokens.hintTargetSize, textAreaTokens.hintInnerLabelPlacementOffset, textAreaTokens.clearHintInnerLabelPlacementOffset, textAreaTokens.titleCaptionInnerLabelOffset, textAreaTokens.titleCaptionFontFamily, textAreaTokens.titleCaptionFontSize, textAreaTokens.titleCaptionFontStyle, textAreaTokens.titleCaptionFontWeight, textAreaTokens.titleCaptionLetterSpacing, textAreaTokens.titleCaptionLineHeight),
699
+ s: css(_templateObject1(), textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderSize, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.clearInputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.clearHelpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.clearLabelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight, textAreaTokens.indicatorSizeInner, textAreaTokens.indicatorSizeOuter, textAreaTokens.indicatorLabelPlacementInner, textAreaTokens.indicatorLabelPlacementOuter, textAreaTokens.indicatorLabelPlacementInnerRight, textAreaTokens.indicatorLabelPlacementOuterRight, textAreaTokens.clearIndicatorLabelPlacementInner, textAreaTokens.clearIndicatorLabelPlacementInnerRight, textAreaTokens.clearIndicatorHintInnerRight, textAreaTokens.scrollbarWidth, textAreaTokens.scrollbarBorderWidth, textAreaTokens.hintMargin, textAreaTokens.hintTargetSize, textAreaTokens.hintInnerLabelPlacementOffset, textAreaTokens.clearHintInnerLabelPlacementOffset, textAreaTokens.titleCaptionInnerLabelOffset, textAreaTokens.titleCaptionFontFamily, textAreaTokens.titleCaptionFontSize, textAreaTokens.titleCaptionFontStyle, textAreaTokens.titleCaptionFontWeight, textAreaTokens.titleCaptionLetterSpacing, textAreaTokens.titleCaptionLineHeight),
700
+ m: css(_templateObject2(), textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderSize, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.clearInputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.clearHelpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.clearLabelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight, textAreaTokens.indicatorSizeInner, textAreaTokens.indicatorSizeOuter, textAreaTokens.indicatorLabelPlacementInner, textAreaTokens.indicatorLabelPlacementOuter, textAreaTokens.indicatorLabelPlacementInnerRight, textAreaTokens.indicatorLabelPlacementOuterRight, textAreaTokens.clearIndicatorLabelPlacementInner, textAreaTokens.clearIndicatorLabelPlacementInnerRight, textAreaTokens.clearIndicatorHintInnerRight, textAreaTokens.scrollbarWidth, textAreaTokens.scrollbarBorderWidth, textAreaTokens.hintMargin, textAreaTokens.hintTargetSize, textAreaTokens.hintInnerLabelPlacementOffset, textAreaTokens.clearHintInnerLabelPlacementOffset, textAreaTokens.titleCaptionInnerLabelOffset, textAreaTokens.titleCaptionFontFamily, textAreaTokens.titleCaptionFontSize, textAreaTokens.titleCaptionFontStyle, textAreaTokens.titleCaptionFontWeight, textAreaTokens.titleCaptionLetterSpacing, textAreaTokens.titleCaptionLineHeight),
701
+ l: css(_templateObject3(), textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderSize, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.clearInputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.clearHelpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.clearLabelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight, textAreaTokens.indicatorSizeInner, textAreaTokens.indicatorSizeOuter, textAreaTokens.indicatorLabelPlacementInner, textAreaTokens.indicatorLabelPlacementOuter, textAreaTokens.indicatorLabelPlacementInnerRight, textAreaTokens.indicatorLabelPlacementOuterRight, textAreaTokens.clearIndicatorLabelPlacementInner, textAreaTokens.clearIndicatorLabelPlacementInnerRight, textAreaTokens.clearIndicatorHintInnerRight, textAreaTokens.scrollbarWidth, textAreaTokens.scrollbarBorderWidth, textAreaTokens.hintMargin, textAreaTokens.hintTargetSize, textAreaTokens.hintInnerLabelPlacementOffset, textAreaTokens.clearHintInnerLabelPlacementOffset, textAreaTokens.titleCaptionInnerLabelOffset, textAreaTokens.titleCaptionFontFamily, textAreaTokens.titleCaptionFontSize, textAreaTokens.titleCaptionFontStyle, textAreaTokens.titleCaptionFontWeight, textAreaTokens.titleCaptionLetterSpacing, textAreaTokens.titleCaptionLineHeight),
702
+ xl: css(_templateObject4(), textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderSize, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.clearInputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.clearHelpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.clearLabelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerTopHelper, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight, textAreaTokens.indicatorSizeInner, textAreaTokens.indicatorSizeOuter, textAreaTokens.indicatorLabelPlacementInner, textAreaTokens.indicatorLabelPlacementOuter, textAreaTokens.indicatorLabelPlacementInnerRight, textAreaTokens.indicatorLabelPlacementOuterRight, textAreaTokens.indicatorLabelPlacementHintOuterRight, textAreaTokens.clearIndicatorLabelPlacementInner, textAreaTokens.clearIndicatorLabelPlacementInnerRight, textAreaTokens.scrollbarWidth, textAreaTokens.scrollbarBorderWidth, textAreaTokens.hintMargin, textAreaTokens.hintTargetSize, textAreaTokens.hintInnerLabelPlacementOffset, textAreaTokens.clearHintInnerLabelPlacementOffset, textAreaTokens.clearIndicatorHintInnerRight, textAreaTokens.titleCaptionInnerLabelOffset, textAreaTokens.titleCaptionFontFamily, textAreaTokens.titleCaptionFontSize, textAreaTokens.titleCaptionFontStyle, textAreaTokens.titleCaptionFontWeight, textAreaTokens.titleCaptionLetterSpacing, textAreaTokens.titleCaptionLineHeight)
694
703
  },
695
704
  view: {
696
- default: css(_templateObject5(), textAreaTokens.inputBackgroundColor, textAreaTokens.inputBackgroundColorHover, textAreaTokens.inputBackgroundColorActive, textAreaTokens.inputBackgroundColorFocus, textAreaTokens.helpersBackgroundColor, textAreaTokens.helpersBackgroundColorHover, textAreaTokens.helpersBackgroundColorActive, textAreaTokens.helpersBackgroundColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.clearPlaceholderColor, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.scrollbarThumbBackgroundColor, textAreaTokens.scrollbarThumbBackgroundColorHover, textAreaTokens.scrollbarThumbBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColor, textAreaTokens.scrollbarTrackBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColorHover, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus, textAreaTokens.titleCaptionColor, textAreaTokens.hintIconColor),
697
- positive: css(_templateObject6(), textAreaTokens.inputBackgroundColor, textAreaTokens.inputBackgroundColorHover, textAreaTokens.inputBackgroundColorActive, textAreaTokens.inputBackgroundColorFocus, textAreaTokens.helpersBackgroundColor, textAreaTokens.helpersBackgroundColorHover, textAreaTokens.helpersBackgroundColorActive, textAreaTokens.helpersBackgroundColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.clearPlaceholderColor, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.scrollbarThumbBackgroundColor, textAreaTokens.scrollbarThumbBackgroundColorHover, textAreaTokens.scrollbarThumbBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColor, textAreaTokens.scrollbarTrackBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColorHover, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus, textAreaTokens.titleCaptionColor, textAreaTokens.hintIconColor),
705
+ default: css(_templateObject5(), textAreaTokens.backgroundColor, textAreaTokens.backgroundColorHover, textAreaTokens.backgroundColorActive, textAreaTokens.backgroundColorFocus, textAreaTokens.borderColor, textAreaTokens.borderColorHover, textAreaTokens.borderColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.clearPlaceholderColor, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.leftHelperColorFocus, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.scrollbarThumbBackgroundColor, textAreaTokens.scrollbarThumbBackgroundColorHover, textAreaTokens.scrollbarThumbBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColor, textAreaTokens.scrollbarTrackBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColorHover, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus, textAreaTokens.titleCaptionColor, textAreaTokens.hintIconColor),
706
+ positive: css(_templateObject6(), textAreaTokens.backgroundColor, textAreaTokens.backgroundColorHover, textAreaTokens.backgroundColorActive, textAreaTokens.backgroundColorFocus, textAreaTokens.borderColor, textAreaTokens.borderColorHover, textAreaTokens.borderColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.clearPlaceholderColor, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.leftHelperColorFocus, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.scrollbarThumbBackgroundColor, textAreaTokens.scrollbarThumbBackgroundColorHover, textAreaTokens.scrollbarThumbBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColor, textAreaTokens.scrollbarTrackBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColorHover, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus, textAreaTokens.titleCaptionColor, textAreaTokens.hintIconColor),
698
707
  /**
699
708
  * @deprecated
700
709
  * Использовать `default`
701
- */ primary: css(_templateObject7(), textAreaTokens.inputBackgroundColor, textAreaTokens.inputBackgroundColorHover, textAreaTokens.inputBackgroundColorActive, textAreaTokens.inputBackgroundColorFocus, textAreaTokens.helpersBackgroundColor, textAreaTokens.helpersBackgroundColorHover, textAreaTokens.helpersBackgroundColorActive, textAreaTokens.helpersBackgroundColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.clearPlaceholderColor, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.scrollbarThumbBackgroundColor, textAreaTokens.scrollbarThumbBackgroundColorHover, textAreaTokens.scrollbarThumbBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColor, textAreaTokens.scrollbarTrackBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColorHover, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus, textAreaTokens.titleCaptionColor, textAreaTokens.hintIconColor),
702
- warning: css(_templateObject8(), textAreaTokens.inputBackgroundColor, textAreaTokens.inputBackgroundColorHover, textAreaTokens.inputBackgroundColorActive, textAreaTokens.inputBackgroundColorFocus, textAreaTokens.helpersBackgroundColor, textAreaTokens.helpersBackgroundColorHover, textAreaTokens.helpersBackgroundColorActive, textAreaTokens.helpersBackgroundColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.clearPlaceholderColor, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.scrollbarThumbBackgroundColor, textAreaTokens.scrollbarThumbBackgroundColorHover, textAreaTokens.scrollbarThumbBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColor, textAreaTokens.scrollbarTrackBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColorHover, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus, textAreaTokens.titleCaptionColor, textAreaTokens.hintIconColor),
703
- negative: css(_templateObject9(), textAreaTokens.inputBackgroundColor, textAreaTokens.inputBackgroundColorHover, textAreaTokens.inputBackgroundColorActive, textAreaTokens.inputBackgroundColorFocus, textAreaTokens.helpersBackgroundColor, textAreaTokens.helpersBackgroundColorHover, textAreaTokens.helpersBackgroundColorActive, textAreaTokens.helpersBackgroundColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.clearPlaceholderColor, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.scrollbarThumbBackgroundColor, textAreaTokens.scrollbarThumbBackgroundColorHover, textAreaTokens.scrollbarThumbBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColor, textAreaTokens.scrollbarTrackBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColorHover, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus, textAreaTokens.titleCaptionColor, textAreaTokens.hintIconColor)
710
+ */ primary: css(_templateObject7(), textAreaTokens.backgroundColor, textAreaTokens.backgroundColorHover, textAreaTokens.backgroundColorActive, textAreaTokens.backgroundColorFocus, textAreaTokens.borderColor, textAreaTokens.borderColorHover, textAreaTokens.borderColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.clearPlaceholderColor, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.leftHelperColorFocus, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.scrollbarThumbBackgroundColor, textAreaTokens.scrollbarThumbBackgroundColorHover, textAreaTokens.scrollbarThumbBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColor, textAreaTokens.scrollbarTrackBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColorHover, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus, textAreaTokens.titleCaptionColor, textAreaTokens.hintIconColor),
711
+ warning: css(_templateObject8(), textAreaTokens.backgroundColor, textAreaTokens.backgroundColorHover, textAreaTokens.backgroundColorActive, textAreaTokens.backgroundColorFocus, textAreaTokens.borderColor, textAreaTokens.borderColorHover, textAreaTokens.borderColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.clearPlaceholderColor, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.leftHelperColorFocus, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.scrollbarThumbBackgroundColor, textAreaTokens.scrollbarThumbBackgroundColorHover, textAreaTokens.scrollbarThumbBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColor, textAreaTokens.scrollbarTrackBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColorHover, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus, textAreaTokens.titleCaptionColor, textAreaTokens.hintIconColor),
712
+ negative: css(_templateObject9(), textAreaTokens.backgroundColor, textAreaTokens.backgroundColorHover, textAreaTokens.backgroundColorActive, textAreaTokens.backgroundColorFocus, textAreaTokens.borderColor, textAreaTokens.borderColorHover, textAreaTokens.borderColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.clearPlaceholderColor, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.leftHelperColorFocus, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.scrollbarThumbBackgroundColor, textAreaTokens.scrollbarThumbBackgroundColorHover, textAreaTokens.scrollbarThumbBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColor, textAreaTokens.scrollbarTrackBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColorHover, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus, textAreaTokens.titleCaptionColor, textAreaTokens.hintIconColor)
704
713
  },
705
714
  hintView: {
706
715
  default: css(_templateObject10(), textAreaTokens.tooltipBackgroundColor, textAreaTokens.tooltipBoxShadow, textAreaTokens.tooltipColor, textAreaTokens.tooltipArrowBackground)
@@ -713,10 +722,10 @@ export var config = {
713
722
  true: css(_templateObject13())
714
723
  },
715
724
  readOnly: {
716
- true: css(_templateObject14(), textAreaTokens.readOnlyOpacity, textAreaTokens.backgroundColorReadOnly, textAreaTokens.inputColorReadOnly, textAreaTokens.dividerColorReadOnly, textAreaTokens.contentSlotRightOpacityReadOnly)
725
+ true: css(_templateObject14(), textAreaTokens.backgroundColorReadOnly, textAreaTokens.inputColorReadOnly, textAreaTokens.dividerColorReadOnly, textAreaTokens.contentSlotRightOpacityReadOnly, textAreaTokens.rightContentColor, textAreaTokens.backgroundColor)
717
726
  },
718
727
  disabled: {
719
- true: css(_templateObject15(), textAreaTokens.disabledOpacity, textAreaTokens.inputColorDisabled, textAreaTokens.dividerColorReadOnly, textAreaTokens.titleCaptionColorReadOnly)
728
+ true: css(_templateObject15(), textAreaTokens.disabledOpacity, textAreaTokens.inputColorDisabled, textAreaTokens.dividerColorReadOnly, textAreaTokens.titleCaptionColorReadOnly, textAreaTokens.rightContentColor, textAreaTokens.backgroundColor, textAreaTokens.borderColor)
720
729
  }
721
730
  }
722
731
  };