@salutejs/sdds-finai 0.323.0-canary.2402.20441017793.0 → 0.323.0-canary.2403.20455152253.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 (51) hide show
  1. package/dist/styled-components/cjs/components/Accordion/Accordion.config.js +27 -1
  2. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +48 -20
  3. package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +46 -20
  4. package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +46 -23
  5. package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js +36 -14
  6. package/dist/styled-components/cjs/components/Range/Range.config.js +54 -28
  7. package/dist/styled-components/cjs/components/Select/Select.config.js +49 -21
  8. package/dist/styled-components/cjs/components/Skeleton/LineSkeleton.config.js +23 -11
  9. package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalIconTabItem.config.js +27 -13
  10. package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +46 -23
  11. package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +31 -16
  12. package/dist/styled-components/cjs/components/TextArea/TextArea.config.js +62 -53
  13. package/dist/styled-components/cjs/components/TextField/TextField.clear.config.js +43 -27
  14. package/dist/styled-components/cjs/components/TextField/TextField.config.js +48 -22
  15. package/dist/styled-components/cjs/components/TimePicker/TimePicker.config.js +47 -19
  16. package/dist/styled-components/cjs/components/Typography/Heading.config.js +30 -0
  17. package/dist/styled-components/cjs/components/Typography/Typography.js +6 -0
  18. package/dist/styled-components/cjs/components/Typography/index.js +3 -0
  19. package/dist/styled-components/es/components/Accordion/Accordion.config.js +27 -1
  20. package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +48 -20
  21. package/dist/styled-components/es/components/Combobox/Combobox.config.js +46 -20
  22. package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +46 -23
  23. package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js +36 -14
  24. package/dist/styled-components/es/components/Range/Range.config.js +54 -28
  25. package/dist/styled-components/es/components/Select/Select.config.js +49 -21
  26. package/dist/styled-components/es/components/Skeleton/LineSkeleton.config.js +23 -11
  27. package/dist/styled-components/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js +27 -13
  28. package/dist/styled-components/es/components/Tabs/horizontal/HorizontalTabItem.config.js +46 -23
  29. package/dist/styled-components/es/components/Tabs/horizontal/HorizontalTabs.config.js +31 -16
  30. package/dist/styled-components/es/components/TextArea/TextArea.config.js +62 -53
  31. package/dist/styled-components/es/components/TextField/TextField.clear.config.js +43 -27
  32. package/dist/styled-components/es/components/TextField/TextField.config.js +48 -22
  33. package/dist/styled-components/es/components/TimePicker/TimePicker.config.js +47 -19
  34. package/dist/styled-components/es/components/Typography/Heading.config.js +27 -0
  35. package/dist/styled-components/es/components/Typography/Typography.js +4 -1
  36. package/dist/styled-components/es/components/Typography/index.js +1 -1
  37. package/package.json +7 -7
  38. package/types/components/Accordion/Accordion.config.d.ts +1 -0
  39. package/types/components/Accordion/Accordion.d.ts +1 -0
  40. package/types/components/Combobox/Combobox.d.ts +24 -0
  41. package/types/components/Select/Select.d.ts +6 -0
  42. package/types/components/Skeleton/LineSkeleton.config.d.ts +1 -0
  43. package/types/components/Skeleton/Skeleton.d.ts +2 -0
  44. package/types/components/Tabs/TabItem.d.ts +3 -1
  45. package/types/components/Tabs/Tabs.d.ts +1 -0
  46. package/types/components/Tabs/horizontal/HorizontalIconTabItem.config.d.ts +1 -0
  47. package/types/components/Tabs/horizontal/HorizontalTabItem.config.d.ts +1 -0
  48. package/types/components/Tabs/horizontal/HorizontalTabs.config.d.ts +1 -0
  49. package/types/components/Typography/Heading.config.d.ts +10 -0
  50. package/types/components/Typography/Typography.d.ts +17 -0
  51. package/types/components/Typography/index.d.ts +1 -1
package/dist/styled-components/es/components/TextField/TextField.config.js CHANGED
@@ -14,9 +14,12 @@ function _templateObject() {
14
14
  ": var(--text-primary);\n\n ",
15
15
  ": var(--text-secondary);\n ",
16
16
  ": var(--text-tertiary);\n\n ",
17
- ": var(--surface-transparent-primary);\n ",
18
- ": var(--surface-transparent-primary-hover);\n ",
19
- ": var(--surface-transparent-secondary);\n ",
17
+ ": var(--surface-transparent-card);\n ",
18
+ ": var(--surface-transparent-card-hover);\n ",
19
+ ": var(--surface-transparent-card);\n ",
20
+ ": var(--outline-solid-primary);\n ",
21
+ ": var(--outline-solid-primary-hover);\n ",
22
+ ": var(--outline-accent);\n ",
20
23
  ": var(--text-accent);\n ",
21
24
  ": var(--text-tertiary);\n ",
22
25
  ": var(--text-tertiary);\n ",
@@ -47,13 +50,17 @@ function _templateObject1() {
47
50
  ": var(--text-tertiary);\n\n ",
48
51
  ": var(--surface-transparent-positive);\n ",
49
52
  ": var(--surface-transparent-positive-hover);\n ",
50
- ": var(--surface-transparent-positive-active);\n ",
53
+ ": var(--surface-transparent-card);\n ",
54
+ ": var(--outline-transparent-positive);\n ",
55
+ ": var(--outline-transparent-positive-hover);\n ",
56
+ ": var(--outline-accent);\n ",
51
57
  ": var(--text-accent);\n ",
52
58
  ": var(--text-tertiary);\n ",
53
59
  ": var(--text-tertiary);\n ",
54
60
  ": var(--text-primary);\n ",
55
61
  ": var(--text-positive);\n ",
56
62
  ": var(--text-secondary);\n ",
63
+ ": var(--text-secondary);\n ",
57
64
  ": var(--text-secondary);\n\n ",
58
65
  ": var(--text-secondary);\n ",
59
66
  ": var(--text-secondary-hover);\n ",
@@ -78,13 +85,17 @@ function _templateObject2() {
78
85
  ": var(--text-tertiary);\n\n ",
79
86
  ": var(--surface-transparent-warning);\n ",
80
87
  ": var(--surface-transparent-warning-hover);\n ",
81
- ": var(--surface-transparent-warning-active);\n ",
88
+ ": var(--surface-transparent-card);\n ",
89
+ ": var(--outline-transparent-warning);\n ",
90
+ ": var(--outline-transparent-warning-hover);\n ",
91
+ ": var(--outline-accent);\n ",
82
92
  ": var(--text-accent);\n ",
83
93
  ": var(--text-tertiary);\n ",
84
94
  ": var(--text-tertiary);\n ",
85
95
  ": var(--text-primary);\n ",
86
96
  ": var(--text-warning);\n ",
87
97
  ": var(--text-secondary);\n ",
98
+ ": var(--text-secondary);\n ",
88
99
  ": var(--text-secondary);\n\n ",
89
100
  ": var(--text-secondary);\n ",
90
101
  ": var(--text-secondary-hover);\n ",
@@ -109,13 +120,17 @@ function _templateObject3() {
109
120
  ": var(--text-tertiary);\n\n ",
110
121
  ": var(--surface-transparent-negative);\n ",
111
122
  ": var(--surface-transparent-negative-hover);\n ",
112
- ": var(--surface-transparent-negative-active);\n ",
123
+ ": var(--surface-transparent-card);\n ",
124
+ ": var(--outline-transparent-negative);\n ",
125
+ ": var(--outline-transparent-negative-hover);\n ",
126
+ ": var(--outline-accent);\n ",
113
127
  ": var(--text-accent);\n ",
114
128
  ": var(--text-tertiary);\n ",
115
129
  ": var(--text-tertiary);\n ",
116
130
  ": var(--text-primary);\n ",
117
131
  ": var(--text-negative);\n ",
118
132
  ": var(--text-secondary);\n ",
133
+ ": var(--text-secondary);\n ",
119
134
  ": var(--text-secondary);\n\n ",
120
135
  ": var(--text-secondary);\n ",
121
136
  ": var(--text-secondary-hover);\n ",
@@ -138,7 +153,8 @@ function _templateObject4() {
138
153
  ": 4rem;\n ",
139
154
  ": 1.3125rem 1.125rem;\n ",
140
155
  ": 0.375rem;\n ",
141
- ": 1rem;\n\n ",
156
+ ": 1rem;\n ",
157
+ ": 0.125rem;\n\n ",
142
158
  ": -0.0625rem 0.5rem -0.0625rem 0rem;\n ",
143
159
  ": -0.0625rem 0rem -0.0625rem 0.75rem;\n\n ",
144
160
  ": var(--plasma-typo-body-l-font-family);\n ",
@@ -215,7 +231,7 @@ function _templateObject5() {
215
231
  ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ",
216
232
  ": 0.375rem;\n ",
217
233
  ": 0.875rem;\n ",
218
- ": 0.0625rem;\n\n ",
234
+ ": 0.125rem;\n\n ",
219
235
  ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ",
220
236
  ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
221
237
  ": -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n ",
@@ -289,7 +305,7 @@ function _templateObject6() {
289
305
  ": 0.875rem 1rem 0.875rem 1rem;\n ",
290
306
  ": 0.375rem;\n ",
291
307
  ": 0.75rem;\n ",
292
- ": 0.0625rem;\n\n ",
308
+ ": 0.125rem;\n\n ",
293
309
  ": -0.125rem 0.375rem -0.125rem -0.125rem;\n ",
294
310
  ": -0.125rem -0.125rem -0.125rem 0.75rem;\n ",
295
311
  ": -0.125rem -0.438rem -0.125rem 0.75rem;\n\n ",
@@ -363,7 +379,7 @@ function _templateObject7() {
363
379
  ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ",
364
380
  ": 0.375rem;\n ",
365
381
  ": 0.625rem;\n ",
366
- ": 0.0625rem;\n\n ",
382
+ ": 0.125rem;\n\n ",
367
383
  ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ",
368
384
  ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ",
369
385
  ": -0.1875rem -0.438rem -0.1875rem 0.75rem;\n\n ",
@@ -437,7 +453,7 @@ function _templateObject8() {
437
453
  ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ",
438
454
  ": 0.375rem;\n ",
439
455
  ": 0.5rem;\n ",
440
- ": 0.0625rem;\n\n ",
456
+ ": 0.125rem;\n\n ",
441
457
  ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ",
442
458
  ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
443
459
  ": -0.0625rem -0.688rem -0.0625rem 0.75rem;\n\n ",
@@ -737,7 +753,14 @@ function _templateObject19() {
737
753
  function _templateObject20() {
738
754
  var data = _tagged_template_literal([
739
755
  "\n ",
740
- ": 0.4;\n "
756
+ ": 1;\n ",
757
+ ": var(--surface-transparent-secondary);\n ",
758
+ ": transparent;\n ",
759
+ ": transparent;\n ",
760
+ ": transparent;\n ",
761
+ ": var(--text-secondary);\n ",
762
+ ": var(--text-secondary);\n ",
763
+ ": var(--text-secondary);\n "
741
764
  ]);
742
765
  _templateObject20 = function _templateObject() {
743
766
  return data;
@@ -747,15 +770,18 @@ function _templateObject20() {
747
770
  function _templateObject21() {
748
771
  var data = _tagged_template_literal([
749
772
  "\n ",
750
- ": 0.1;\n ",
751
773
  ": var(--text-primary);\n ",
752
- ": var(--surface-transparent-primary);\n ",
774
+ ": var(--surface-transparent-card);\n ",
775
+ ": var(--surface-transparent-card);\n ",
776
+ ": var(--outline-solid-primary);\n ",
753
777
  ": var(--text-secondary);\n ",
754
778
  ": var(--text-secondary);\n ",
755
779
  ": var(--text-secondary);\n ",
756
780
  ": var(--text-primary);\n ",
757
781
  ": var(--surface-transparent-primary);\n ",
758
- ": 0.4;\n "
782
+ ": var(--text-secondary);\n ",
783
+ ": var(--text-secondary);\n ",
784
+ ": var(--text-secondary);\n "
759
785
  ]);
760
786
  _templateObject21 = function _templateObject() {
761
787
  return data;
@@ -771,13 +797,13 @@ export var config = {
771
797
  },
772
798
  variations: {
773
799
  view: {
774
- default: css(_templateObject(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
775
- positive: css(_templateObject1(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
776
- warning: css(_templateObject2(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
777
- negative: css(_templateObject3(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
800
+ default: css(_templateObject(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
801
+ positive: css(_templateObject1(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorFocus, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
802
+ warning: css(_templateObject2(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorFocus, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
803
+ negative: css(_templateObject3(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorFocus, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
778
804
  },
779
805
  size: {
780
- xl: css(_templateObject4(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipMarginRight, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight),
806
+ xl: css(_templateObject4(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipMarginRight, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight),
781
807
  l: css(_templateObject5(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.textBeforeMargin, tokens.textAfterMargin),
782
808
  m: css(_templateObject6(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.textBeforeMargin, tokens.textAfterMargin),
783
809
  s: css(_templateObject7(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.textBeforeMargin, tokens.textAfterMargin),
@@ -803,10 +829,10 @@ export var config = {
803
829
  s: css(_templateObject19(), tokens.tooltipPaddingTop, tokens.tooltipPaddingRight, tokens.tooltipPaddingBottom, tokens.tooltipPaddingLeft, tokens.tooltipMinHeight, tokens.tooltipBorderRadius, tokens.tooltipTextFontFamily, tokens.tooltipTextFontSize, tokens.tooltipTextFontStyle, tokens.tooltipTextFontWeight, tokens.tooltipTextFontLetterSpacing, tokens.tooltipTextFontLineHeight, tokens.tooltipContentLeftMargin, tokens.tooltipArrowMaskWidth, tokens.tooltipArrowMaskHeight, tokens.tooltipArrowMaskImage, tokens.tooltipArrowHeight, tokens.tooltipArrowEdgeMargin)
804
830
  },
805
831
  disabled: {
806
- true: css(_templateObject20(), tokens.disabledOpacity)
832
+ true: css(_templateObject20(), tokens.disabledOpacity, tokens.backgroundColor, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive)
807
833
  },
808
834
  readOnly: {
809
- true: css(_templateObject21(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
835
+ true: css(_templateObject21(), tokens.colorReadOnly, tokens.backgroundColor, tokens.backgroundColorReadOnly, tokens.borderColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive)
810
836
  }
811
837
  }
812
838
  };
package/dist/styled-components/es/components/TimePicker/TimePicker.config.js CHANGED
@@ -11,20 +11,34 @@ function _tagged_template_literal(strings, raw) {
11
11
  function _templateObject() {
12
12
  var data = _tagged_template_literal([
13
13
  "\n ",
14
- ": var(--surface-transparent-primary);\n ",
14
+ ": var(--surface-transparent-card);\n ",
15
15
  ": var(--surface-transparent-negative);\n ",
16
16
  ": var(--surface-transparent-positive);\n\n ",
17
+ ": var(--outline-solid-primary);\n ",
18
+ ": var(--outline-solid-primary-hover);\n ",
19
+ ": var(--outline-accent);\n ",
20
+ ": var(--outline-transparent-negative);\n ",
21
+ ": var(--outline-transparent-positive);\n\n ",
17
22
  ": var(--text-primary);\n\n ",
18
23
  ": var(--text-primary);\n ",
19
24
  ": var(--text-secondary);\n ",
20
25
  ": var(--text-accent);\n\n ",
21
26
  ": var(--surface-negative);\n\n ",
22
- ": var(--surface-transparent-primary);\n ",
23
- ": var(--surface-transparent-secondary);\n ",
27
+ ": var(--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 ",
24
32
  ": var(--surface-transparent-negative);\n ",
25
- ": var(--surface-transparent-negative-active);\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 ",
26
37
  ": var(--surface-transparent-positive);\n ",
27
- ": var(--surface-transparent-positive-active);\n\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 ",
28
42
  ": var(--text-secondary);\n ",
29
43
  ": var(--text-secondary);\n ",
30
44
  ": var(--text-secondary-hover);\n\n ",
@@ -46,7 +60,8 @@ function _templateObject1() {
46
60
  var data = _tagged_template_literal([
47
61
  "\n ",
48
62
  ": 20rem;\n ",
49
- ": 0.875rem;\n\n ",
63
+ ": 0.875rem;\n ",
64
+ ": 0.125rem;\n\n ",
50
65
  ": 0 0 0 1rem;\n ",
51
66
  ": 0;\n\n ",
52
67
  ": 0.75rem;\n ",
@@ -108,7 +123,8 @@ function _templateObject2() {
108
123
  var data = _tagged_template_literal([
109
124
  "\n ",
110
125
  ": 20rem;\n ",
111
- ": 0.75rem;\n\n ",
126
+ ": 0.75rem;\n ",
127
+ ": 0.125rem;\n\n ",
112
128
  ": 0 0 0 0.875rem;\n ",
113
129
  ": 0;\n\n ",
114
130
  ": 0.625rem;\n ",
@@ -170,7 +186,8 @@ function _templateObject3() {
170
186
  var data = _tagged_template_literal([
171
187
  "\n ",
172
188
  ": 20rem;\n ",
173
- ": 0.625rem;\n\n ",
189
+ ": 0.625rem;\n ",
190
+ ": 0.125rem;\n\n ",
174
191
  ": 0 0 0 0.75rem;\n ",
175
192
  ": 0;\n\n ",
176
193
  ": 0.5rem;\n ",
@@ -232,7 +249,8 @@ function _templateObject4() {
232
249
  var data = _tagged_template_literal([
233
250
  "\n ",
234
251
  ": 20rem;\n ",
235
- ": 0.5rem;\n\n ",
252
+ ": 0.5rem;\n ",
253
+ ": 0.125rem;\n\n ",
236
254
  ": 0 0 0 0.5rem;\n ",
237
255
  ": 0;\n\n ",
238
256
  ": 0.375rem;\n ",
@@ -293,7 +311,13 @@ function _templateObject4() {
293
311
  function _templateObject5() {
294
312
  var data = _tagged_template_literal([
295
313
  "\n ",
296
- ": 0.4;\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 "
297
321
  ]);
298
322
  _templateObject5 = function _templateObject() {
299
323
  return data;
@@ -303,10 +327,14 @@ function _templateObject5() {
303
327
  function _templateObject6() {
304
328
  var data = _tagged_template_literal([
305
329
  "\n ",
306
- ": var(--surface-transparent-primary);\n ",
330
+ ": var(--surface-transparent-card);\n ",
307
331
  ": 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 ",
308
337
  ": var(--text-secondary);\n ",
309
- ": var(--surface-transparent-primary);\n ",
310
338
  ": var(--text-secondary);\n "
311
339
  ]);
312
340
  _templateObject6 = function _templateObject() {
@@ -322,19 +350,19 @@ export var config = {
322
350
  },
323
351
  variations: {
324
352
  view: {
325
- default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.labelColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldPlaceholderColorFocus, tokens.timePickerBackground, tokens.itemBackgroundHover, tokens.itemBackgroundActive, tokens.scrollbarColor, tokens.scrollbarTrackColor)
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)
326
354
  },
327
355
  size: {
328
- l: css(_templateObject1(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
329
- m: css(_templateObject2(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
330
- s: css(_templateObject3(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
331
- xs: css(_templateObject4(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin)
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)
332
360
  },
333
361
  disabled: {
334
- true: css(_templateObject5(), tokens.disabledOpacity)
362
+ true: css(_templateObject5(), tokens.disabledOpacity, tokens.textFieldBackgroundColor, tokens.textFieldContentSlotColor, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover, tokens.textFieldBorderColor, tokens.borderColor)
335
363
  },
336
364
  readonly: {
337
- true: css(_templateObject6(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
365
+ true: css(_templateObject6(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldBackgroundColor, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldContentSlotColor, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover)
338
366
  }
339
367
  }
340
368
  };
package/dist/styled-components/es/components/Typography/Heading.config.js CHANGED
@@ -93,6 +93,23 @@ function _templateObject4() {
93
93
  };
94
94
  return data;
95
95
  }
96
+ function _templateObject5() {
97
+ var data = _tagged_template_literal([
98
+ "\n ",
99
+ ": var(--plasma-typo-h6-font-family);\n ",
100
+ ": var(--plasma-typo-h6-font-size);\n ",
101
+ ": var(--plasma-typo-h6-font-style);\n ",
102
+ ": var(--plasma-typo-h6-font-weight);\n ",
103
+ ": var(--plasma-typo-h6-bold-font-weight);\n ",
104
+ ": var(--plasma-typo-h6-medium-font-weight);\n ",
105
+ ": var(--plasma-typo-h6-letter-spacing);\n ",
106
+ ": var(--plasma-typo-h6-line-height);\n "
107
+ ]);
108
+ _templateObject5 = function _templateObject() {
109
+ return data;
110
+ };
111
+ return data;
112
+ }
96
113
  import { css, typographyTokens } from '@salutejs/plasma-new-hope/styled-components';
97
114
  export var configH1 = {
98
115
  defaults: {
@@ -144,3 +161,13 @@ export var configH5 = {
144
161
  }
145
162
  }
146
163
  };
164
+ export var configH6 = {
165
+ defaults: {
166
+ size: 'h6'
167
+ },
168
+ variations: {
169
+ size: {
170
+ h6: css(_templateObject5(), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontWeightBold, typographyTokens.typoFontWeightMedium, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
171
+ }
172
+ }
173
+ };
package/dist/styled-components/es/components/Typography/Typography.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { bodyConfig, dsplConfig, headingConfig, textConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
2
2
  import { configL as bodyConfigLCustom, configM as bodyConfigMCustom, configS as bodyConfigSCustom, configXS as bodyConfigXSCustom, configXXS as bodyConfigXXSCustom } from './Body.config';
3
3
  import { configL as dsplConfigLCustom, configM as dsplConfigMCustom, configS as dsplConfigSCustom } from './Dspl.config';
4
- import { configH1 as headingConfigH1Custom, configH2 as headingConfigH2Custom, configH3 as headingConfigH3Custom, configH4 as headingConfigH4Custom, configH5 as headingConfigH5Custom } from './Heading.config';
4
+ import { configH1 as headingConfigH1Custom, configH2 as headingConfigH2Custom, configH3 as headingConfigH3Custom, configH4 as headingConfigH4Custom, configH5 as headingConfigH5Custom, configH6 as headingConfigH6Custom } from './Heading.config';
5
5
  import { configL as textConfigLCustom, configM as textConfigMCustom, configS as textConfigSCustom, configXS as textConfigXSCustom } from './Text.config';
6
6
  var bodyMConfig = mergeConfig(bodyConfig, bodyConfigMCustom);
7
7
  var BodyMComponent = component(bodyMConfig);
@@ -29,6 +29,8 @@ var heading4Config = mergeConfig(headingConfig, headingConfigH4Custom);
29
29
  var Heading4Component = component(heading4Config);
30
30
  var heading5Config = mergeConfig(headingConfig, headingConfigH5Custom);
31
31
  var Heading5Component = component(heading5Config);
32
+ var heading6Config = mergeConfig(headingConfig, headingConfigH6Custom);
33
+ var Heading6Component = component(heading6Config);
32
34
  var textMConfig = mergeConfig(textConfig, textConfigMCustom);
33
35
  var TextMComponent = component(textMConfig);
34
36
  var textLConfig = mergeConfig(textConfig, textConfigLCustom);
@@ -50,6 +52,7 @@ export var H2 = Heading2Component;
50
52
  export var H3 = Heading3Component;
51
53
  export var H4 = Heading4Component;
52
54
  export var H5 = Heading5Component;
55
+ export var H6 = Heading6Component;
53
56
  export var TextM = TextMComponent;
54
57
  export var TextL = TextLComponent;
55
58
  export var TextS = TextSComponent;
package/dist/styled-components/es/components/Typography/index.js CHANGED
@@ -1 +1 @@
1
- export { BodyL, BodyM, BodyS, BodyXS, BodyXXS, DsplL, DsplM, DsplS, H1, H2, H3, H4, H5, TextL, TextM, TextS, TextXS } from './Typography';
1
+ export { BodyL, BodyM, BodyS, BodyXS, BodyXXS, DsplL, DsplM, DsplS, H1, H2, H3, H4, H5, H6, TextL, TextM, TextS, TextXS } from './Typography';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-finai",
3
- "version": "0.323.0-canary.2402.20441017793.0",
3
+ "version": "0.323.0-canary.2403.20455152253.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": {
@@ -32,8 +32,8 @@
32
32
  "directory": "packages/sdds-fiai"
33
33
  },
34
34
  "dependencies": {
35
- "@salutejs/plasma-new-hope": "0.344.0-canary.2402.20441017793.0",
36
- "@salutejs/sdds-themes": "0.51.0-canary.2402.20441017793.0"
35
+ "@salutejs/plasma-new-hope": "0.344.0-canary.2403.20455152253.0",
36
+ "@salutejs/sdds-themes": "0.51.0-canary.2403.20455152253.0"
37
37
  },
38
38
  "peerDependencies": {
39
39
  "react": ">=16.13.1",
@@ -49,10 +49,10 @@
49
49
  "@babel/preset-react": "7.24.1",
50
50
  "@babel/preset-typescript": "7.24.1",
51
51
  "@salutejs/plasma-colors": "0.16.0",
52
- "@salutejs/plasma-core": "1.212.0-canary.2402.20441017793.0",
53
- "@salutejs/plasma-cy-utils": "0.142.0-canary.2402.20441017793.0",
52
+ "@salutejs/plasma-core": "1.212.0-canary.2403.20455152253.0",
53
+ "@salutejs/plasma-cy-utils": "0.142.0-canary.2403.20455152253.0",
54
54
  "@salutejs/plasma-icons": "1.228.0",
55
- "@salutejs/plasma-sb-utils": "0.212.0-canary.2402.20441017793.0",
55
+ "@salutejs/plasma-sb-utils": "0.212.0-canary.2403.20455152253.0",
56
56
  "@types/node": "16.7.13",
57
57
  "@types/react": "18.0.28",
58
58
  "@types/react-dom": "18.0.11",
@@ -99,5 +99,5 @@
99
99
  "salute.developers@gmail.com"
100
100
  ],
101
101
  "sideEffects": false,
102
- "gitHead": "9defb85548bda39df5203b280f52859266254fb9"
102
+ "gitHead": "b498c67df31be46cdc667eb4c446cfbe634c36a8"
103
103
  }
package/types/components/Accordion/Accordion.config.d.ts CHANGED
@@ -17,6 +17,7 @@ export declare const config: {
17
17
  h3: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
18
18
  h4: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
19
19
  h5: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
20
+ h6: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
20
21
  };
21
22
  };
22
23
  };
package/types/components/Accordion/Accordion.d.ts CHANGED
@@ -13,6 +13,7 @@ export declare const Accordion: import("react").FunctionComponent<import("@salut
13
13
  h3: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
14
14
  h4: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
15
15
  h5: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
16
+ h6: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
16
17
  };
17
18
  }> & {
18
19
  view?: string;