@salutejs/sdds-finai 0.322.1-canary.2382.20369051129.0 → 0.322.1-canary.2387.20300594664.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 (21) hide show
  1. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +20 -48
  2. package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +20 -46
  3. package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +23 -46
  4. package/dist/styled-components/cjs/components/Range/Range.config.js +28 -54
  5. package/dist/styled-components/cjs/components/Select/Select.config.js +21 -49
  6. package/dist/styled-components/cjs/components/TextArea/TextArea.config.js +53 -62
  7. package/dist/styled-components/cjs/components/TextField/TextField.clear.config.js +27 -43
  8. package/dist/styled-components/cjs/components/TextField/TextField.config.js +22 -48
  9. package/dist/styled-components/cjs/components/TimePicker/TimePicker.config.js +19 -47
  10. package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +20 -48
  11. package/dist/styled-components/es/components/Combobox/Combobox.config.js +20 -46
  12. package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +23 -46
  13. package/dist/styled-components/es/components/Range/Range.config.js +28 -54
  14. package/dist/styled-components/es/components/Select/Select.config.js +21 -49
  15. package/dist/styled-components/es/components/TextArea/TextArea.config.js +53 -62
  16. package/dist/styled-components/es/components/TextField/TextField.clear.config.js +27 -43
  17. package/dist/styled-components/es/components/TextField/TextField.config.js +22 -48
  18. package/dist/styled-components/es/components/TimePicker/TimePicker.config.js +19 -47
  19. package/package.json +6 -6
  20. package/types/components/Combobox/Combobox.d.ts +0 -24
  21. package/types/components/Select/Select.d.ts +0 -6
package/dist/styled-components/es/components/TextField/TextField.config.js CHANGED
@@ -14,12 +14,9 @@ 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-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 ",
17
+ ": var(--surface-transparent-primary);\n ",
18
+ ": var(--surface-transparent-primary-hover);\n ",
19
+ ": var(--surface-transparent-secondary);\n ",
23
20
  ": var(--text-accent);\n ",
24
21
  ": var(--text-tertiary);\n ",
25
22
  ": var(--text-tertiary);\n ",
@@ -50,17 +47,13 @@ function _templateObject1() {
50
47
  ": var(--text-tertiary);\n\n ",
51
48
  ": var(--surface-transparent-positive);\n ",
52
49
  ": var(--surface-transparent-positive-hover);\n ",
53
- ": var(--surface-transparent-card);\n ",
54
- ": var(--outline-transparent-positive);\n ",
55
- ": var(--outline-transparent-positive-hover);\n ",
56
- ": var(--outline-accent);\n ",
50
+ ": var(--surface-transparent-positive-active);\n ",
57
51
  ": var(--text-accent);\n ",
58
52
  ": var(--text-tertiary);\n ",
59
53
  ": var(--text-tertiary);\n ",
60
54
  ": var(--text-primary);\n ",
61
55
  ": var(--text-positive);\n ",
62
56
  ": var(--text-secondary);\n ",
63
- ": var(--text-secondary);\n ",
64
57
  ": var(--text-secondary);\n\n ",
65
58
  ": var(--text-secondary);\n ",
66
59
  ": var(--text-secondary-hover);\n ",
@@ -85,17 +78,13 @@ function _templateObject2() {
85
78
  ": var(--text-tertiary);\n\n ",
86
79
  ": var(--surface-transparent-warning);\n ",
87
80
  ": var(--surface-transparent-warning-hover);\n ",
88
- ": var(--surface-transparent-card);\n ",
89
- ": var(--outline-transparent-warning);\n ",
90
- ": var(--outline-transparent-warning-hover);\n ",
91
- ": var(--outline-accent);\n ",
81
+ ": var(--surface-transparent-warning-active);\n ",
92
82
  ": var(--text-accent);\n ",
93
83
  ": var(--text-tertiary);\n ",
94
84
  ": var(--text-tertiary);\n ",
95
85
  ": var(--text-primary);\n ",
96
86
  ": var(--text-warning);\n ",
97
87
  ": var(--text-secondary);\n ",
98
- ": var(--text-secondary);\n ",
99
88
  ": var(--text-secondary);\n\n ",
100
89
  ": var(--text-secondary);\n ",
101
90
  ": var(--text-secondary-hover);\n ",
@@ -120,17 +109,13 @@ function _templateObject3() {
120
109
  ": var(--text-tertiary);\n\n ",
121
110
  ": var(--surface-transparent-negative);\n ",
122
111
  ": var(--surface-transparent-negative-hover);\n ",
123
- ": var(--surface-transparent-card);\n ",
124
- ": var(--outline-transparent-negative);\n ",
125
- ": var(--outline-transparent-negative-hover);\n ",
126
- ": var(--outline-accent);\n ",
112
+ ": var(--surface-transparent-negative-active);\n ",
127
113
  ": var(--text-accent);\n ",
128
114
  ": var(--text-tertiary);\n ",
129
115
  ": var(--text-tertiary);\n ",
130
116
  ": var(--text-primary);\n ",
131
117
  ": var(--text-negative);\n ",
132
118
  ": var(--text-secondary);\n ",
133
- ": var(--text-secondary);\n ",
134
119
  ": var(--text-secondary);\n\n ",
135
120
  ": var(--text-secondary);\n ",
136
121
  ": var(--text-secondary-hover);\n ",
@@ -153,8 +138,7 @@ function _templateObject4() {
153
138
  ": 4rem;\n ",
154
139
  ": 1.3125rem 1.125rem;\n ",
155
140
  ": 0.375rem;\n ",
156
- ": 1rem;\n ",
157
- ": 0.125rem;\n\n ",
141
+ ": 1rem;\n\n ",
158
142
  ": -0.0625rem 0.5rem -0.0625rem 0rem;\n ",
159
143
  ": -0.0625rem 0rem -0.0625rem 0.75rem;\n\n ",
160
144
  ": var(--plasma-typo-body-l-font-family);\n ",
@@ -231,7 +215,7 @@ function _templateObject5() {
231
215
  ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ",
232
216
  ": 0.375rem;\n ",
233
217
  ": 0.875rem;\n ",
234
- ": 0.125rem;\n\n ",
218
+ ": 0.0625rem;\n\n ",
235
219
  ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ",
236
220
  ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
237
221
  ": -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n ",
@@ -305,7 +289,7 @@ function _templateObject6() {
305
289
  ": 0.875rem 1rem 0.875rem 1rem;\n ",
306
290
  ": 0.375rem;\n ",
307
291
  ": 0.75rem;\n ",
308
- ": 0.125rem;\n\n ",
292
+ ": 0.0625rem;\n\n ",
309
293
  ": -0.125rem 0.375rem -0.125rem -0.125rem;\n ",
310
294
  ": -0.125rem -0.125rem -0.125rem 0.75rem;\n ",
311
295
  ": -0.125rem -0.438rem -0.125rem 0.75rem;\n\n ",
@@ -379,7 +363,7 @@ function _templateObject7() {
379
363
  ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ",
380
364
  ": 0.375rem;\n ",
381
365
  ": 0.625rem;\n ",
382
- ": 0.125rem;\n\n ",
366
+ ": 0.0625rem;\n\n ",
383
367
  ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ",
384
368
  ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ",
385
369
  ": -0.1875rem -0.438rem -0.1875rem 0.75rem;\n\n ",
@@ -453,7 +437,7 @@ function _templateObject8() {
453
437
  ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ",
454
438
  ": 0.375rem;\n ",
455
439
  ": 0.5rem;\n ",
456
- ": 0.125rem;\n\n ",
440
+ ": 0.0625rem;\n\n ",
457
441
  ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ",
458
442
  ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
459
443
  ": -0.0625rem -0.688rem -0.0625rem 0.75rem;\n\n ",
@@ -753,14 +737,7 @@ function _templateObject19() {
753
737
  function _templateObject20() {
754
738
  var data = _tagged_template_literal([
755
739
  "\n ",
756
- ": 1;\n ",
757
- ": var(--surface-transparent-secondary);\n ",
758
- ": transparent;\n ",
759
- ": transparent;\n ",
760
- ": transparent;\n ",
761
- ": var(--text-secondary);\n ",
762
- ": var(--text-secondary);\n ",
763
- ": var(--text-secondary);\n "
740
+ ": 0.4;\n "
764
741
  ]);
765
742
  _templateObject20 = function _templateObject() {
766
743
  return data;
@@ -770,18 +747,15 @@ function _templateObject20() {
770
747
  function _templateObject21() {
771
748
  var data = _tagged_template_literal([
772
749
  "\n ",
750
+ ": 0.1;\n ",
773
751
  ": var(--text-primary);\n ",
774
- ": var(--surface-transparent-card);\n ",
775
- ": var(--surface-transparent-card);\n ",
776
- ": var(--outline-solid-primary);\n ",
752
+ ": var(--surface-transparent-primary);\n ",
777
753
  ": var(--text-secondary);\n ",
778
754
  ": var(--text-secondary);\n ",
779
755
  ": var(--text-secondary);\n ",
780
756
  ": var(--text-primary);\n ",
781
757
  ": var(--surface-transparent-primary);\n ",
782
- ": var(--text-secondary);\n ",
783
- ": var(--text-secondary);\n ",
784
- ": var(--text-secondary);\n "
758
+ ": 0.4;\n "
785
759
  ]);
786
760
  _templateObject21 = function _templateObject() {
787
761
  return data;
@@ -797,13 +771,13 @@ export var config = {
797
771
  },
798
772
  variations: {
799
773
  view: {
800
- default: css(_templateObject(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
801
- positive: css(_templateObject1(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorFocus, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
802
- warning: css(_templateObject2(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorFocus, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
803
- negative: css(_templateObject3(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorFocus, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
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)
804
778
  },
805
779
  size: {
806
- xl: css(_templateObject4(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipMarginRight, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight),
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),
807
781
  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),
808
782
  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),
809
783
  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),
@@ -829,10 +803,10 @@ export var config = {
829
803
  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)
830
804
  },
831
805
  disabled: {
832
- true: css(_templateObject20(), tokens.disabledOpacity, tokens.backgroundColor, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive)
806
+ true: css(_templateObject20(), tokens.disabledOpacity)
833
807
  },
834
808
  readOnly: {
835
- true: css(_templateObject21(), tokens.colorReadOnly, tokens.backgroundColor, tokens.backgroundColorReadOnly, tokens.borderColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive)
809
+ true: css(_templateObject21(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
836
810
  }
837
811
  }
838
812
  };
package/dist/styled-components/es/components/TimePicker/TimePicker.config.js CHANGED
@@ -11,34 +11,20 @@ function _tagged_template_literal(strings, raw) {
11
11
  function _templateObject() {
12
12
  var data = _tagged_template_literal([
13
13
  "\n ",
14
- ": var(--surface-transparent-card);\n ",
14
+ ": var(--surface-transparent-primary);\n ",
15
15
  ": var(--surface-transparent-negative);\n ",
16
16
  ": var(--surface-transparent-positive);\n\n ",
17
- ": var(--outline-solid-primary);\n ",
18
- ": var(--outline-solid-primary-hover);\n ",
19
- ": var(--outline-accent);\n ",
20
- ": var(--outline-transparent-negative);\n ",
21
- ": var(--outline-transparent-positive);\n\n ",
22
17
  ": var(--text-primary);\n\n ",
23
18
  ": var(--text-primary);\n ",
24
19
  ": var(--text-secondary);\n ",
25
20
  ": var(--text-accent);\n\n ",
26
21
  ": var(--surface-negative);\n\n ",
27
- ": var(--surface-transparent-card);\n ",
28
- ": var(--surface-transparent-card);\n ",
29
- ": var(--outline-solid-primary);\n ",
30
- ": var(--outline-solid-primary-hover);\n ",
31
- ": var(--outline-accent);\n ",
22
+ ": var(--surface-transparent-primary);\n ",
23
+ ": var(--surface-transparent-secondary);\n ",
32
24
  ": var(--surface-transparent-negative);\n ",
33
- ": var(--surface-transparent-card);\n ",
34
- ": var(--outline-transparent-negative);\n ",
35
- ": var(--outline-transparent-negative-hover);\n ",
36
- ": var(--outline-accent);\n ",
25
+ ": var(--surface-transparent-negative-active);\n ",
37
26
  ": var(--surface-transparent-positive);\n ",
38
- ": var(--surface-transparent-card);\n ",
39
- ": var(--outline-transparent-positive);\n ",
40
- ": var(--outline-transparent-positive-hover);\n ",
41
- ": var(--outline-accent);\n\n ",
27
+ ": var(--surface-transparent-positive-active);\n\n ",
42
28
  ": var(--text-secondary);\n ",
43
29
  ": var(--text-secondary);\n ",
44
30
  ": var(--text-secondary-hover);\n\n ",
@@ -60,8 +46,7 @@ function _templateObject1() {
60
46
  var data = _tagged_template_literal([
61
47
  "\n ",
62
48
  ": 20rem;\n ",
63
- ": 0.875rem;\n ",
64
- ": 0.125rem;\n\n ",
49
+ ": 0.875rem;\n\n ",
65
50
  ": 0 0 0 1rem;\n ",
66
51
  ": 0;\n\n ",
67
52
  ": 0.75rem;\n ",
@@ -123,8 +108,7 @@ function _templateObject2() {
123
108
  var data = _tagged_template_literal([
124
109
  "\n ",
125
110
  ": 20rem;\n ",
126
- ": 0.75rem;\n ",
127
- ": 0.125rem;\n\n ",
111
+ ": 0.75rem;\n\n ",
128
112
  ": 0 0 0 0.875rem;\n ",
129
113
  ": 0;\n\n ",
130
114
  ": 0.625rem;\n ",
@@ -186,8 +170,7 @@ function _templateObject3() {
186
170
  var data = _tagged_template_literal([
187
171
  "\n ",
188
172
  ": 20rem;\n ",
189
- ": 0.625rem;\n ",
190
- ": 0.125rem;\n\n ",
173
+ ": 0.625rem;\n\n ",
191
174
  ": 0 0 0 0.75rem;\n ",
192
175
  ": 0;\n\n ",
193
176
  ": 0.5rem;\n ",
@@ -249,8 +232,7 @@ function _templateObject4() {
249
232
  var data = _tagged_template_literal([
250
233
  "\n ",
251
234
  ": 20rem;\n ",
252
- ": 0.5rem;\n ",
253
- ": 0.125rem;\n\n ",
235
+ ": 0.5rem;\n\n ",
254
236
  ": 0 0 0 0.5rem;\n ",
255
237
  ": 0;\n\n ",
256
238
  ": 0.375rem;\n ",
@@ -311,13 +293,7 @@ function _templateObject4() {
311
293
  function _templateObject5() {
312
294
  var data = _tagged_template_literal([
313
295
  "\n ",
314
- ": 1;\n ",
315
- ": var(--surface-transparent-secondary);\n ",
316
- ": var(--text-secondary);\n ",
317
- ": var(--text-secondary);\n ",
318
- ": var(--text-secondary);\n ",
319
- ": transparent;\n ",
320
- ": transparent;\n "
296
+ ": 0.4;\n "
321
297
  ]);
322
298
  _templateObject5 = function _templateObject() {
323
299
  return data;
@@ -327,14 +303,10 @@ function _templateObject5() {
327
303
  function _templateObject6() {
328
304
  var data = _tagged_template_literal([
329
305
  "\n ",
330
- ": var(--surface-transparent-card);\n ",
306
+ ": var(--surface-transparent-primary);\n ",
331
307
  ": var(--text-secondary);\n\n ",
332
- ": var(--text-primary);\n ",
333
- ": var(--surface-transparent-card);\n ",
334
- ": var(--surface-transparent-card);\n ",
335
- ": var(--text-secondary);\n ",
336
- ": var(--text-secondary);\n ",
337
308
  ": var(--text-secondary);\n ",
309
+ ": var(--surface-transparent-primary);\n ",
338
310
  ": var(--text-secondary);\n "
339
311
  ]);
340
312
  _templateObject6 = function _templateObject() {
@@ -350,19 +322,19 @@ export var config = {
350
322
  },
351
323
  variations: {
352
324
  view: {
353
- default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.borderColorError, tokens.borderColorSuccess, tokens.labelColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorHover, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessHover, tokens.textFieldBorderColorSuccessFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldPlaceholderColorFocus, tokens.timePickerBackground, tokens.itemBackgroundHover, tokens.itemBackgroundActive, tokens.scrollbarColor, tokens.scrollbarTrackColor)
325
+ default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.labelColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldPlaceholderColorFocus, tokens.timePickerBackground, tokens.itemBackgroundHover, tokens.itemBackgroundActive, tokens.scrollbarColor, tokens.scrollbarTrackColor)
354
326
  },
355
327
  size: {
356
- l: css(_templateObject1(), tokens.width, tokens.borderRadius, tokens.textFieldBorderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
357
- m: css(_templateObject2(), tokens.width, tokens.borderRadius, tokens.textFieldBorderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
358
- s: css(_templateObject3(), tokens.width, tokens.borderRadius, tokens.textFieldBorderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
359
- xs: css(_templateObject4(), tokens.width, tokens.borderRadius, tokens.textFieldBorderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin)
328
+ l: css(_templateObject1(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
329
+ m: css(_templateObject2(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
330
+ s: css(_templateObject3(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
331
+ xs: css(_templateObject4(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin)
360
332
  },
361
333
  disabled: {
362
- true: css(_templateObject5(), tokens.disabledOpacity, tokens.textFieldBackgroundColor, tokens.textFieldContentSlotColor, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover, tokens.textFieldBorderColor, tokens.borderColor)
334
+ true: css(_templateObject5(), tokens.disabledOpacity)
363
335
  },
364
336
  readonly: {
365
- true: css(_templateObject6(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldBackgroundColor, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldContentSlotColor, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover)
337
+ true: css(_templateObject6(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
366
338
  }
367
339
  }
368
340
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-finai",
3
- "version": "0.322.1-canary.2382.20369051129.0",
3
+ "version": "0.322.1-canary.2387.20300594664.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS FinAI web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "exports": {
@@ -27,7 +27,7 @@
27
27
  "directory": "packages/sdds-fiai"
28
28
  },
29
29
  "dependencies": {
30
- "@salutejs/plasma-new-hope": "0.343.1-canary.2382.20369051129.0",
30
+ "@salutejs/plasma-new-hope": "0.343.1-canary.2387.20300594664.0",
31
31
  "@salutejs/sdds-themes": "0.50.0"
32
32
  },
33
33
  "peerDependencies": {
@@ -44,10 +44,10 @@
44
44
  "@babel/preset-react": "7.24.1",
45
45
  "@babel/preset-typescript": "7.24.1",
46
46
  "@salutejs/plasma-colors": "0.16.0",
47
- "@salutejs/plasma-core": "1.211.1-canary.2382.20369051129.0",
48
- "@salutejs/plasma-cy-utils": "0.141.1-canary.2382.20369051129.0",
47
+ "@salutejs/plasma-core": "1.211.1-canary.2387.20300594664.0",
48
+ "@salutejs/plasma-cy-utils": "0.141.1-canary.2387.20300594664.0",
49
49
  "@salutejs/plasma-icons": "1.228.0",
50
- "@salutejs/plasma-sb-utils": "0.211.1-canary.2382.20369051129.0",
50
+ "@salutejs/plasma-sb-utils": "0.211.1-canary.2387.20300594664.0",
51
51
  "@types/node": "16.7.13",
52
52
  "@types/react": "18.0.28",
53
53
  "@types/react-dom": "18.0.11",
@@ -91,5 +91,5 @@
91
91
  "salute.developers@gmail.com"
92
92
  ],
93
93
  "sideEffects": false,
94
- "gitHead": "1f5f8366c179665003d427671c921da4188bebba"
94
+ "gitHead": "c83ab1f2aecee10cc4593b2ba6ee19b39fddf062"
95
95
  }
package/types/components/Combobox/Combobox.d.ts CHANGED
@@ -37,7 +37,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
37
37
  placeholder?: string;
38
38
  helperText?: string;
39
39
  contentLeft?: React.ReactElement;
40
- contentRight?: React.ReactElement;
41
40
  textBefore?: string;
42
41
  textAfter?: string;
43
42
  variant?: "normal" | "tight";
@@ -97,7 +96,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
97
96
  placeholder?: string;
98
97
  helperText?: string;
99
98
  contentLeft?: React.ReactElement;
100
- contentRight?: React.ReactElement;
101
99
  textBefore?: string;
102
100
  textAfter?: string;
103
101
  variant?: "normal" | "tight";
@@ -157,7 +155,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
157
155
  placeholder?: string;
158
156
  helperText?: string;
159
157
  contentLeft?: React.ReactElement;
160
- contentRight?: React.ReactElement;
161
158
  textBefore?: string;
162
159
  textAfter?: string;
163
160
  variant?: "normal" | "tight";
@@ -217,7 +214,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
217
214
  placeholder?: string;
218
215
  helperText?: string;
219
216
  contentLeft?: React.ReactElement;
220
- contentRight?: React.ReactElement;
221
217
  textBefore?: string;
222
218
  textAfter?: string;
223
219
  variant?: "normal" | "tight";
@@ -277,7 +273,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
277
273
  placeholder?: string;
278
274
  helperText?: string;
279
275
  contentLeft?: React.ReactElement;
280
- contentRight?: React.ReactElement;
281
276
  textBefore?: string;
282
277
  textAfter?: string;
283
278
  variant?: "normal" | "tight";
@@ -337,7 +332,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
337
332
  placeholder?: string;
338
333
  helperText?: string;
339
334
  contentLeft?: React.ReactElement;
340
- contentRight?: React.ReactElement;
341
335
  textBefore?: string;
342
336
  textAfter?: string;
343
337
  variant?: "normal" | "tight";
@@ -397,7 +391,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
397
391
  placeholder?: string;
398
392
  helperText?: string;
399
393
  contentLeft?: React.ReactElement;
400
- contentRight?: React.ReactElement;
401
394
  textBefore?: string;
402
395
  textAfter?: string;
403
396
  variant?: "normal" | "tight";
@@ -457,7 +450,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
457
450
  placeholder?: string;
458
451
  helperText?: string;
459
452
  contentLeft?: React.ReactElement;
460
- contentRight?: React.ReactElement;
461
453
  textBefore?: string;
462
454
  textAfter?: string;
463
455
  variant?: "normal" | "tight";
@@ -517,7 +509,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
517
509
  placeholder?: string;
518
510
  helperText?: string;
519
511
  contentLeft?: React.ReactElement;
520
- contentRight?: React.ReactElement;
521
512
  textBefore?: string;
522
513
  textAfter?: string;
523
514
  variant?: "normal" | "tight";
@@ -577,7 +568,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
577
568
  placeholder?: string;
578
569
  helperText?: string;
579
570
  contentLeft?: React.ReactElement;
580
- contentRight?: React.ReactElement;
581
571
  textBefore?: string;
582
572
  textAfter?: string;
583
573
  variant?: "normal" | "tight";
@@ -637,7 +627,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
637
627
  placeholder?: string;
638
628
  helperText?: string;
639
629
  contentLeft?: React.ReactElement;
640
- contentRight?: React.ReactElement;
641
630
  textBefore?: string;
642
631
  textAfter?: string;
643
632
  variant?: "normal" | "tight";
@@ -697,7 +686,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
697
686
  placeholder?: string;
698
687
  helperText?: string;
699
688
  contentLeft?: React.ReactElement;
700
- contentRight?: React.ReactElement;
701
689
  textBefore?: string;
702
690
  textAfter?: string;
703
691
  variant?: "normal" | "tight";
@@ -757,7 +745,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
757
745
  placeholder?: string;
758
746
  helperText?: string;
759
747
  contentLeft?: React.ReactElement;
760
- contentRight?: React.ReactElement;
761
748
  textBefore?: string;
762
749
  textAfter?: string;
763
750
  variant?: "normal" | "tight";
@@ -817,7 +804,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
817
804
  placeholder?: string;
818
805
  helperText?: string;
819
806
  contentLeft?: React.ReactElement;
820
- contentRight?: React.ReactElement;
821
807
  textBefore?: string;
822
808
  textAfter?: string;
823
809
  variant?: "normal" | "tight";
@@ -877,7 +863,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
877
863
  placeholder?: string;
878
864
  helperText?: string;
879
865
  contentLeft?: React.ReactElement;
880
- contentRight?: React.ReactElement;
881
866
  textBefore?: string;
882
867
  textAfter?: string;
883
868
  variant?: "normal" | "tight";
@@ -937,7 +922,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
937
922
  placeholder?: string;
938
923
  helperText?: string;
939
924
  contentLeft?: React.ReactElement;
940
- contentRight?: React.ReactElement;
941
925
  textBefore?: string;
942
926
  textAfter?: string;
943
927
  variant?: "normal" | "tight";
@@ -997,7 +981,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
997
981
  placeholder?: string;
998
982
  helperText?: string;
999
983
  contentLeft?: React.ReactElement;
1000
- contentRight?: React.ReactElement;
1001
984
  textBefore?: string;
1002
985
  textAfter?: string;
1003
986
  variant?: "normal" | "tight";
@@ -1057,7 +1040,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1057
1040
  placeholder?: string;
1058
1041
  helperText?: string;
1059
1042
  contentLeft?: React.ReactElement;
1060
- contentRight?: React.ReactElement;
1061
1043
  textBefore?: string;
1062
1044
  textAfter?: string;
1063
1045
  variant?: "normal" | "tight";
@@ -1117,7 +1099,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1117
1099
  placeholder?: string;
1118
1100
  helperText?: string;
1119
1101
  contentLeft?: React.ReactElement;
1120
- contentRight?: React.ReactElement;
1121
1102
  textBefore?: string;
1122
1103
  textAfter?: string;
1123
1104
  variant?: "normal" | "tight";
@@ -1177,7 +1158,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1177
1158
  placeholder?: string;
1178
1159
  helperText?: string;
1179
1160
  contentLeft?: React.ReactElement;
1180
- contentRight?: React.ReactElement;
1181
1161
  textBefore?: string;
1182
1162
  textAfter?: string;
1183
1163
  variant?: "normal" | "tight";
@@ -1237,7 +1217,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1237
1217
  placeholder?: string;
1238
1218
  helperText?: string;
1239
1219
  contentLeft?: React.ReactElement;
1240
- contentRight?: React.ReactElement;
1241
1220
  textBefore?: string;
1242
1221
  textAfter?: string;
1243
1222
  variant?: "normal" | "tight";
@@ -1297,7 +1276,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1297
1276
  placeholder?: string;
1298
1277
  helperText?: string;
1299
1278
  contentLeft?: React.ReactElement;
1300
- contentRight?: React.ReactElement;
1301
1279
  textBefore?: string;
1302
1280
  textAfter?: string;
1303
1281
  variant?: "normal" | "tight";
@@ -1357,7 +1335,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1357
1335
  placeholder?: string;
1358
1336
  helperText?: string;
1359
1337
  contentLeft?: React.ReactElement;
1360
- contentRight?: React.ReactElement;
1361
1338
  textBefore?: string;
1362
1339
  textAfter?: string;
1363
1340
  variant?: "normal" | "tight";
@@ -1417,7 +1394,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1417
1394
  placeholder?: string;
1418
1395
  helperText?: string;
1419
1396
  contentLeft?: React.ReactElement;
1420
- contentRight?: React.ReactElement;
1421
1397
  textBefore?: string;
1422
1398
  textAfter?: string;
1423
1399
  variant?: "normal" | "tight";
package/types/components/Select/Select.d.ts CHANGED
@@ -57,7 +57,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
57
57
  target?: "textfield-like";
58
58
  view?: "default" | "positive" | "warning" | "negative";
59
59
  contentLeft?: React.ReactNode;
60
- contentRight?: React.ReactElement;
61
60
  placeholder?: string;
62
61
  helperText?: string;
63
62
  chipType?: "default" | "text";
@@ -119,7 +118,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
119
118
  target?: "textfield-like";
120
119
  view?: "default" | "positive" | "warning" | "negative";
121
120
  contentLeft?: React.ReactNode;
122
- contentRight?: React.ReactElement;
123
121
  placeholder?: string;
124
122
  helperText?: string;
125
123
  chipType?: "default" | "text";
@@ -182,7 +180,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
182
180
  target?: "textfield-like";
183
181
  view?: "default" | "positive" | "warning" | "negative";
184
182
  contentLeft?: React.ReactNode;
185
- contentRight?: React.ReactElement;
186
183
  placeholder?: string;
187
184
  helperText?: string;
188
185
  chipType?: "default" | "text";
@@ -244,7 +241,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
244
241
  target?: "textfield-like";
245
242
  view?: "default" | "positive" | "warning" | "negative";
246
243
  contentLeft?: React.ReactNode;
247
- contentRight?: React.ReactElement;
248
244
  placeholder?: string;
249
245
  helperText?: string;
250
246
  chipType?: "default" | "text";
@@ -295,7 +291,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
295
291
  target: "button-like";
296
292
  view?: "default" | "accent" | "secondary" | "clear" | "positive" | "warning" | "negative" | "dark" | "black" | "white";
297
293
  contentLeft?: never;
298
- contentRight?: never;
299
294
  placeholder?: never;
300
295
  helperText?: never;
301
296
  chipType?: never;
@@ -345,7 +340,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
345
340
  target: "button-like";
346
341
  view?: "default" | "accent" | "secondary" | "clear" | "positive" | "warning" | "negative" | "dark" | "black" | "white";
347
342
  contentLeft?: never;
348
- contentRight?: never;
349
343
  placeholder?: never;
350
344
  helperText?: never;
351
345
  chipType?: never;