@salutejs/sdds-finai 0.322.0-dev.0 → 0.322.1-canary.2382.20157425918.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/components/Autocomplete/Autocomplete.config.js +38 -15
  2. package/components/Combobox/Combobox.config.js +39 -16
  3. package/components/DatePicker/DatePicker.config.js +35 -19
  4. package/components/Range/Range.config.js +47 -24
  5. package/components/Select/Select.config.js +38 -15
  6. package/components/TextArea/TextArea.config.js +48 -44
  7. package/components/TextField/TextField.clear.config.js +21 -12
  8. package/components/TextField/TextField.config.js +38 -18
  9. package/components/TimePicker/TimePicker.config.js +42 -17
  10. package/es/components/Autocomplete/Autocomplete.config.js +38 -15
  11. package/es/components/Combobox/Combobox.config.js +39 -16
  12. package/es/components/DatePicker/DatePicker.config.js +35 -19
  13. package/es/components/Range/Range.config.js +47 -24
  14. package/es/components/Select/Select.config.js +38 -15
  15. package/es/components/TextArea/TextArea.config.js +48 -44
  16. package/es/components/TextField/TextField.clear.config.js +21 -12
  17. package/es/components/TextField/TextField.config.js +38 -18
  18. package/es/components/TimePicker/TimePicker.config.js +42 -17
  19. package/package.json +8 -8
package/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 ",
@@ -422,10 +426,9 @@ function _templateObject6() {
422
426
  ": var(--surface-transparent-positive-hover);\n ",
423
427
  ": var(--surface-transparent-positive-active);\n ",
424
428
  ": 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(--outline-transparent-positive);\n ",
430
+ ": var(--outline-transparent-positive-hover);\n ",
431
+ ": var(--outline-transparent-positive-active);\n ",
429
432
  ": var(--text-primary);\n ",
430
433
  ": var(--text-positive);\n ",
431
434
  ": var(--text-positive);\n ",
@@ -462,10 +465,9 @@ function _templateObject7() {
462
465
  ": var(--surface-transparent-primary-hover);\n ",
463
466
  ": var(--surface-transparent-primary-active);\n ",
464
467
  ": 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 ",
468
+ ": var(--outline-solid-primary);\n ",
469
+ ": var(--outline-solid-primary-hover);\n ",
470
+ ": var(--outline-accent);\n ",
469
471
  ": var(--text-primary);\n ",
470
472
  ": var(--text-primary);\n ",
471
473
  ": var(--text-primary);\n ",
@@ -502,10 +504,9 @@ function _templateObject8() {
502
504
  ": var(--surface-transparent-warning-hover);\n ",
503
505
  ": var(--surface-transparent-warning-active);\n ",
504
506
  ": 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 ",
507
+ ": var(--outline-transparent-warning);\n ",
508
+ ": var(--outline-transparent-warning-hover);\n ",
509
+ ": var(--outline-transparent-warning-active);\n ",
509
510
  ": var(--text-primary);\n ",
510
511
  ": var(--text-warning);\n ",
511
512
  ": var(--text-warning);\n ",
@@ -542,10 +543,9 @@ function _templateObject9() {
542
543
  ": var(--surface-transparent-negative-hover);\n ",
543
544
  ": var(--surface-transparent-negative-active);\n ",
544
545
  ": 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 ",
546
+ ": var(--outline-transparent-negative);\n ",
547
+ ": var(--outline-transparent-negative-hover);\n ",
548
+ ": var(--outline-transparent-negative-active);\n ",
549
549
  ": var(--text-primary);\n ",
550
550
  ": var(--text-negative);\n ",
551
551
  ": var(--text-negative);\n ",
@@ -658,7 +658,9 @@ function _templateObject14() {
658
658
  ": var(--surface-transparent-primary);\n ",
659
659
  ": var(--text-primary);\n ",
660
660
  ": var(--surface-transparent-primary);\n ",
661
- ": 0.4;\n "
661
+ ": 1;\n ",
662
+ ": var(--text-secondary);\n ",
663
+ ": var(--surface-transparent-card);\n "
662
664
  ]);
663
665
  _templateObject14 = function _templateObject() {
664
666
  return data;
@@ -668,10 +670,12 @@ function _templateObject14() {
668
670
  function _templateObject15() {
669
671
  var data = _tagged_template_literal([
670
672
  "\n ",
671
- ": 0.4;\n ",
673
+ ": 1;\n ",
672
674
  ": var(--text-secondary);\n ",
673
675
  ": var(--surface-transparent-primary);\n ",
674
- ": var(--text-secondary);\n "
676
+ ": var(--text-secondary);\n ",
677
+ ": var(--text-secondary);\n ",
678
+ ": var(--surface-transparent-secondary);\n "
675
679
  ]);
676
680
  _templateObject15 = function _templateObject() {
677
681
  return data;
@@ -686,21 +690,21 @@ export var config = {
686
690
  },
687
691
  variations: {
688
692
  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)
693
+ 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),
694
+ 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),
695
+ 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),
696
+ 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),
697
+ 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
698
  },
695
699
  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),
700
+ 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.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),
701
+ 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.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
702
  /**
699
703
  * @deprecated
700
704
  * Использовать `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)
705
+ */ 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.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
+ 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.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),
707
+ 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.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
708
  },
705
709
  hintView: {
706
710
  default: css(_templateObject10(), textAreaTokens.tooltipBackgroundColor, textAreaTokens.tooltipBoxShadow, textAreaTokens.tooltipColor, textAreaTokens.tooltipArrowBackground)
@@ -713,10 +717,10 @@ export var config = {
713
717
  true: css(_templateObject13())
714
718
  },
715
719
  readOnly: {
716
- true: css(_templateObject14(), textAreaTokens.readOnlyOpacity, textAreaTokens.backgroundColorReadOnly, textAreaTokens.inputColorReadOnly, textAreaTokens.dividerColorReadOnly, textAreaTokens.contentSlotRightOpacityReadOnly)
720
+ true: css(_templateObject14(), textAreaTokens.readOnlyOpacity, textAreaTokens.backgroundColorReadOnly, textAreaTokens.inputColorReadOnly, textAreaTokens.dividerColorReadOnly, textAreaTokens.contentSlotRightOpacityReadOnly, textAreaTokens.rightContentColor, textAreaTokens.backgroundColor)
717
721
  },
718
722
  disabled: {
719
- true: css(_templateObject15(), textAreaTokens.disabledOpacity, textAreaTokens.inputColorDisabled, textAreaTokens.dividerColorReadOnly, textAreaTokens.titleCaptionColorReadOnly)
723
+ true: css(_templateObject15(), textAreaTokens.disabledOpacity, textAreaTokens.inputColorDisabled, textAreaTokens.dividerColorReadOnly, textAreaTokens.titleCaptionColorReadOnly, textAreaTokens.rightContentColor, textAreaTokens.backgroundColor)
720
724
  }
721
725
  }
722
726
  };
package/es/components/TextField/TextField.clear.config.js CHANGED
@@ -287,7 +287,8 @@ function _templateObject5() {
287
287
  ": 0.5rem auto auto -0.75rem;\n ",
288
288
  ": 1.5rem -0.875rem auto auto;\n ",
289
289
  ": 0.25rem -0.625rem auto auto;\n ",
290
- ": 1.5rem -2.488rem auto auto;\n "
290
+ ": 1.5rem -2.488rem auto auto;\n\n ",
291
+ ": 0.125rem;\n "
291
292
  ]);
292
293
  _templateObject5 = function _templateObject() {
293
294
  return data;
@@ -360,7 +361,8 @@ function _templateObject6() {
360
361
  ": 0.375rem auto auto -0.75rem;\n ",
361
362
  ": 1.25rem -0.875rem auto auto;\n ",
362
363
  ": 0.25rem -0.6875rem auto auto;\n ",
363
- ": 1.25rem -2.488rem auto auto;\n "
364
+ ": 1.25rem -2.488rem auto auto;\n\n ",
365
+ ": 0.125rem;\n "
364
366
  ]);
365
367
  _templateObject6 = function _templateObject() {
366
368
  return data;
@@ -433,7 +435,8 @@ function _templateObject7() {
433
435
  ": 0.3125rem auto auto -0.6875rem;\n ",
434
436
  ": 1.063rem -0.75rem auto auto;\n ",
435
437
  ": 0.25rem -0.625rem auto auto;\n ",
436
- ": 1.063rem -2.238rem auto auto;\n "
438
+ ": 1.063rem -2.238rem auto auto;\n\n ",
439
+ ": 0.125rem;\n "
437
440
  ]);
438
441
  _templateObject7 = function _templateObject() {
439
442
  return data;
@@ -506,7 +509,8 @@ function _templateObject8() {
506
509
  ": 0.25rem auto auto -0.625rem;\n ",
507
510
  ": 0.813rem -0.625rem auto auto;\n ",
508
511
  ": 0.125rem -0.6875rem auto auto;\n ",
509
- ": 0.813rem -1.988rem auto auto;\n "
512
+ ": 0.813rem -1.988rem auto auto;\n\n ",
513
+ ": 0.125rem;\n "
510
514
  ]);
511
515
  _templateObject8 = function _templateObject() {
512
516
  return data;
@@ -746,7 +750,11 @@ function _templateObject19() {
746
750
  function _templateObject20() {
747
751
  var data = _tagged_template_literal([
748
752
  "\n ",
749
- ": 0.4;\n "
753
+ ": 1;\n ",
754
+ ": var(--surface-transparent-secondary);\n ",
755
+ ": var(--text-secondary);\n ",
756
+ ": var(--text-secondary);\n ",
757
+ ": var(--text-secondary);\n "
750
758
  ]);
751
759
  _templateObject20 = function _templateObject() {
752
760
  return data;
@@ -764,7 +772,8 @@ function _templateObject21() {
764
772
  ": var(--text-secondary);\n ",
765
773
  ": var(--text-primary);\n ",
766
774
  ": var(--surface-transparent-primary);\n ",
767
- ": 0.4;\n "
775
+ ": 1;\n ",
776
+ ": var(--text-secondary);\n "
768
777
  ]);
769
778
  _templateObject21 = function _templateObject() {
770
779
  return data;
@@ -787,10 +796,10 @@ export var config = {
787
796
  },
788
797
  size: {
789
798
  xl: css(_templateObject4(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipMarginRight, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorHintInnerRight),
790
- l: css(_templateObject5(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorHintInnerRight),
791
- m: css(_templateObject6(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorHintInnerRight),
792
- s: css(_templateObject7(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorHintInnerRight),
793
- xs: css(_templateObject8(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorHintInnerRight)
799
+ l: css(_templateObject5(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorHintInnerRight, tokens.dividerWidth),
800
+ m: css(_templateObject6(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorHintInnerRight, tokens.dividerWidth),
801
+ s: css(_templateObject7(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorHintInnerRight, tokens.dividerWidth),
802
+ xs: css(_templateObject8(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorHintInnerRight, tokens.dividerWidth)
794
803
  },
795
804
  labelPlacement: {
796
805
  inner: css(_templateObject9(), tokens.placeholderColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight),
@@ -812,10 +821,10 @@ export var config = {
812
821
  s: css(_templateObject19(), tokens.tooltipPaddingTop, tokens.tooltipPaddingRight, tokens.tooltipPaddingBottom, tokens.tooltipPaddingLeft, tokens.tooltipMinHeight, tokens.tooltipBorderRadius, tokens.tooltipTextFontFamily, tokens.tooltipTextFontSize, tokens.tooltipTextFontStyle, tokens.tooltipTextFontWeight, tokens.tooltipTextFontLetterSpacing, tokens.tooltipTextFontLineHeight, tokens.tooltipContentLeftMargin, tokens.tooltipArrowMaskWidth, tokens.tooltipArrowMaskHeight, tokens.tooltipArrowMaskImage, tokens.tooltipArrowHeight, tokens.tooltipArrowEdgeMargin)
813
822
  },
814
823
  disabled: {
815
- true: css(_templateObject20(), tokens.disabledOpacity)
824
+ true: css(_templateObject20(), tokens.disabledOpacity, tokens.backgroundColor, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive)
816
825
  },
817
826
  readOnly: {
818
- true: css(_templateObject21(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
827
+ true: css(_templateObject21(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly, tokens.contentSlotRightColor)
819
828
  }
820
829
  }
821
830
  };
package/es/components/TextField/TextField.config.js CHANGED
@@ -14,9 +14,12 @@ function _templateObject() {
14
14
  ": var(--text-primary);\n\n ",
15
15
  ": var(--text-secondary);\n ",
16
16
  ": var(--text-tertiary);\n\n ",
17
- ": var(--surface-transparent-primary);\n ",
18
- ": var(--surface-transparent-primary-hover);\n ",
19
- ": var(--surface-transparent-secondary);\n ",
17
+ ": var(--surface-transparent-card);\n ",
18
+ ": var(--surface-transparent-card-hover);\n ",
19
+ ": var(--surface-transparent-card);\n ",
20
+ ": var(--outline-solid-primary);\n ",
21
+ ": var(--outline-solid-primary-hover);\n ",
22
+ ": var(--outline-accent);\n ",
20
23
  ": var(--text-accent);\n ",
21
24
  ": var(--text-tertiary);\n ",
22
25
  ": var(--text-tertiary);\n ",
@@ -48,6 +51,9 @@ function _templateObject1() {
48
51
  ": var(--surface-transparent-positive);\n ",
49
52
  ": var(--surface-transparent-positive-hover);\n ",
50
53
  ": var(--surface-transparent-positive-active);\n ",
54
+ ": var(--outline-transparent-positive);\n ",
55
+ ": var(--outline-transparent-positive-hover);\n ",
56
+ ": var(--outline-transparent-positive-active);\n ",
51
57
  ": var(--text-accent);\n ",
52
58
  ": var(--text-tertiary);\n ",
53
59
  ": var(--text-tertiary);\n ",
@@ -79,6 +85,9 @@ function _templateObject2() {
79
85
  ": var(--surface-transparent-warning);\n ",
80
86
  ": var(--surface-transparent-warning-hover);\n ",
81
87
  ": var(--surface-transparent-warning-active);\n ",
88
+ ": var(--outline-transparent-warning);\n ",
89
+ ": var(--outline-transparent-warning-hover);\n ",
90
+ ": var(--outline-transparent-warning-active);\n ",
82
91
  ": var(--text-accent);\n ",
83
92
  ": var(--text-tertiary);\n ",
84
93
  ": var(--text-tertiary);\n ",
@@ -110,6 +119,9 @@ function _templateObject3() {
110
119
  ": var(--surface-transparent-negative);\n ",
111
120
  ": var(--surface-transparent-negative-hover);\n ",
112
121
  ": var(--surface-transparent-negative-active);\n ",
122
+ ": var(--outline-transparent-negative);\n ",
123
+ ": var(--outline-transparent-negative-hover);\n ",
124
+ ": var(--outline-transparent-negative-active);\n ",
113
125
  ": var(--text-accent);\n ",
114
126
  ": var(--text-tertiary);\n ",
115
127
  ": var(--text-tertiary);\n ",
@@ -138,7 +150,8 @@ function _templateObject4() {
138
150
  ": 4rem;\n ",
139
151
  ": 1.3125rem 1.125rem;\n ",
140
152
  ": 0.375rem;\n ",
141
- ": 1rem;\n\n ",
153
+ ": 1rem;\n ",
154
+ ": 0.125rem;\n\n ",
142
155
  ": -0.0625rem 0.5rem -0.0625rem 0rem;\n ",
143
156
  ": -0.0625rem 0rem -0.0625rem 0.75rem;\n\n ",
144
157
  ": var(--plasma-typo-body-l-font-family);\n ",
@@ -215,7 +228,7 @@ function _templateObject5() {
215
228
  ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ",
216
229
  ": 0.375rem;\n ",
217
230
  ": 0.875rem;\n ",
218
- ": 0.0625rem;\n\n ",
231
+ ": 0.125rem;\n\n ",
219
232
  ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ",
220
233
  ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
221
234
  ": -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n ",
@@ -289,7 +302,7 @@ function _templateObject6() {
289
302
  ": 0.875rem 1rem 0.875rem 1rem;\n ",
290
303
  ": 0.375rem;\n ",
291
304
  ": 0.75rem;\n ",
292
- ": 0.0625rem;\n\n ",
305
+ ": 0.125rem;\n\n ",
293
306
  ": -0.125rem 0.375rem -0.125rem -0.125rem;\n ",
294
307
  ": -0.125rem -0.125rem -0.125rem 0.75rem;\n ",
295
308
  ": -0.125rem -0.438rem -0.125rem 0.75rem;\n\n ",
@@ -363,7 +376,7 @@ function _templateObject7() {
363
376
  ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ",
364
377
  ": 0.375rem;\n ",
365
378
  ": 0.625rem;\n ",
366
- ": 0.0625rem;\n\n ",
379
+ ": 0.125rem;\n\n ",
367
380
  ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ",
368
381
  ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ",
369
382
  ": -0.1875rem -0.438rem -0.1875rem 0.75rem;\n\n ",
@@ -437,7 +450,7 @@ function _templateObject8() {
437
450
  ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ",
438
451
  ": 0.375rem;\n ",
439
452
  ": 0.5rem;\n ",
440
- ": 0.0625rem;\n\n ",
453
+ ": 0.125rem;\n\n ",
441
454
  ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ",
442
455
  ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
443
456
  ": -0.0625rem -0.688rem -0.0625rem 0.75rem;\n\n ",
@@ -737,7 +750,11 @@ function _templateObject19() {
737
750
  function _templateObject20() {
738
751
  var data = _tagged_template_literal([
739
752
  "\n ",
740
- ": 0.4;\n "
753
+ ": 1;\n ",
754
+ ": var(--surface-transparent-secondary);\n ",
755
+ ": var(--text-secondary);\n ",
756
+ ": var(--text-secondary);\n ",
757
+ ": var(--text-secondary);\n "
741
758
  ]);
742
759
  _templateObject20 = function _templateObject() {
743
760
  return data;
@@ -749,13 +766,16 @@ function _templateObject21() {
749
766
  "\n ",
750
767
  ": 0.1;\n ",
751
768
  ": var(--text-primary);\n ",
752
- ": var(--surface-transparent-primary);\n ",
769
+ ": var(--surface-transparent-card);\n ",
770
+ ": var(--outline-solid-primary);\n ",
753
771
  ": var(--text-secondary);\n ",
754
772
  ": var(--text-secondary);\n ",
755
773
  ": var(--text-secondary);\n ",
756
774
  ": var(--text-primary);\n ",
757
775
  ": var(--surface-transparent-primary);\n ",
758
- ": 0.4;\n "
776
+ ": var(--text-secondary);\n ",
777
+ ": var(--text-secondary);\n ",
778
+ ": var(--text-secondary);\n "
759
779
  ]);
760
780
  _templateObject21 = function _templateObject() {
761
781
  return data;
@@ -771,13 +791,13 @@ export var config = {
771
791
  },
772
792
  variations: {
773
793
  view: {
774
- default: css(_templateObject(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
775
- positive: css(_templateObject1(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
776
- warning: css(_templateObject2(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
777
- negative: css(_templateObject3(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
794
+ default: css(_templateObject(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
795
+ positive: css(_templateObject1(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
796
+ warning: css(_templateObject2(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
797
+ negative: css(_templateObject3(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
778
798
  },
779
799
  size: {
780
- xl: css(_templateObject4(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipMarginRight, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight),
800
+ xl: css(_templateObject4(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipMarginRight, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight),
781
801
  l: css(_templateObject5(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.textBeforeMargin, tokens.textAfterMargin),
782
802
  m: css(_templateObject6(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.textBeforeMargin, tokens.textAfterMargin),
783
803
  s: css(_templateObject7(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.textBeforeMargin, tokens.textAfterMargin),
@@ -803,10 +823,10 @@ export var config = {
803
823
  s: css(_templateObject19(), tokens.tooltipPaddingTop, tokens.tooltipPaddingRight, tokens.tooltipPaddingBottom, tokens.tooltipPaddingLeft, tokens.tooltipMinHeight, tokens.tooltipBorderRadius, tokens.tooltipTextFontFamily, tokens.tooltipTextFontSize, tokens.tooltipTextFontStyle, tokens.tooltipTextFontWeight, tokens.tooltipTextFontLetterSpacing, tokens.tooltipTextFontLineHeight, tokens.tooltipContentLeftMargin, tokens.tooltipArrowMaskWidth, tokens.tooltipArrowMaskHeight, tokens.tooltipArrowMaskImage, tokens.tooltipArrowHeight, tokens.tooltipArrowEdgeMargin)
804
824
  },
805
825
  disabled: {
806
- true: css(_templateObject20(), tokens.disabledOpacity)
826
+ true: css(_templateObject20(), tokens.disabledOpacity, tokens.backgroundColor, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive)
807
827
  },
808
828
  readOnly: {
809
- true: css(_templateObject21(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
829
+ true: css(_templateObject21(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.borderColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive)
810
830
  }
811
831
  }
812
832
  };