@salutejs/sdds-cs 0.322.0-canary.2084.16335436294.0 → 0.322.0-canary.2084.16443696916.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.
@@ -73,6 +73,8 @@ function _templateObject2() {
73
73
  ": var(--surface-accent);\n ",
74
74
  ": var(--on-dark-text-primary);\n ",
75
75
  ": var(--surface-accent);\n ",
76
+ ": var(--on-dark-text-primary);\n\n ",
77
+ ": var(--on-dark-text-primary);\n ",
76
78
  ": var(--on-dark-text-primary);\n "
77
79
  ]);
78
80
  _templateObject2 = function _templateObject() {
@@ -97,9 +99,7 @@ function _templateObject3() {
97
99
  ": -0.25rem;\n ",
98
100
  ": 0.25rem;\n ",
99
101
  ": 0.5rem;\n ",
100
- ": -0.5rem;\n\n ",
101
- ": 1.02;\n ",
102
- ": 0.98;\n\n ",
102
+ ": -0.5rem;\n ",
103
103
  ": 1.5rem;\n "
104
104
  ]);
105
105
  _templateObject3 = function _templateObject() {
@@ -124,9 +124,7 @@ function _templateObject4() {
124
124
  ": 0;\n ",
125
125
  ": 0.25rem;\n ",
126
126
  ": 0.25rem;\n ",
127
- ": -0.25rem;\n\n ",
128
- ": 1.02;\n ",
129
- ": 0.98;\n\n ",
127
+ ": -0.25rem;\n ",
130
128
  ": 1rem;\n "
131
129
  ]);
132
130
  _templateObject4 = function _templateObject() {
@@ -154,11 +152,11 @@ var config = {
154
152
  view: {
155
153
  default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.chipTokens.color, _styledcomponents.chipTokens.background, _styledcomponents.chipTokens.colorHover, _styledcomponents.chipTokens.backgroundHover, _styledcomponents.chipTokens.colorActive, _styledcomponents.chipTokens.backgroundActive, _styledcomponents.chipTokens.backgroundReadOnly, _styledcomponents.chipTokens.colorReadOnly, _styledcomponents.chipTokens.backgroundReadOnlyHover, _styledcomponents.chipTokens.colorReadOnlyHover, _styledcomponents.chipTokens.closeIconColor, _styledcomponents.chipTokens.leftContentColor),
156
154
  secondary: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.chipTokens.color, _styledcomponents.chipTokens.background, _styledcomponents.chipTokens.colorHover, _styledcomponents.chipTokens.backgroundHover, _styledcomponents.chipTokens.colorActive, _styledcomponents.chipTokens.backgroundActive, _styledcomponents.chipTokens.backgroundReadOnly, _styledcomponents.chipTokens.colorReadOnly, _styledcomponents.chipTokens.backgroundReadOnlyHover, _styledcomponents.chipTokens.colorReadOnlyHover, _styledcomponents.chipTokens.closeIconColor, _styledcomponents.chipTokens.leftContentColor),
157
- accent: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.chipTokens.color, _styledcomponents.chipTokens.background, _styledcomponents.chipTokens.colorHover, _styledcomponents.chipTokens.backgroundHover, _styledcomponents.chipTokens.colorActive, _styledcomponents.chipTokens.backgroundActive, _styledcomponents.chipTokens.backgroundReadOnly, _styledcomponents.chipTokens.colorReadOnly, _styledcomponents.chipTokens.backgroundReadOnlyHover, _styledcomponents.chipTokens.colorReadOnlyHover)
155
+ accent: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.chipTokens.color, _styledcomponents.chipTokens.background, _styledcomponents.chipTokens.colorHover, _styledcomponents.chipTokens.backgroundHover, _styledcomponents.chipTokens.colorActive, _styledcomponents.chipTokens.backgroundActive, _styledcomponents.chipTokens.backgroundReadOnly, _styledcomponents.chipTokens.colorReadOnly, _styledcomponents.chipTokens.backgroundReadOnlyHover, _styledcomponents.chipTokens.colorReadOnlyHover, _styledcomponents.chipTokens.closeIconColor, _styledcomponents.chipTokens.leftContentColor)
158
156
  },
159
157
  size: {
160
- s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.chipTokens.borderRadius, _styledcomponents.chipTokens.pilledBorderRadius, _styledcomponents.chipTokens.width, _styledcomponents.chipTokens.height, _styledcomponents.chipTokens.padding, _styledcomponents.chipTokens.fontFamily, _styledcomponents.chipTokens.fontSize, _styledcomponents.chipTokens.fontStyle, _styledcomponents.chipTokens.fontWeight, _styledcomponents.chipTokens.letterSpacing, _styledcomponents.chipTokens.lineHeight, _styledcomponents.chipTokens.leftContentMarginLeft, _styledcomponents.chipTokens.leftContentMarginRight, _styledcomponents.chipTokens.clearContentMarginLeft, _styledcomponents.chipTokens.clearContentMarginRight, _styledcomponents.chipTokens.scaleHover, _styledcomponents.chipTokens.scaleActive, _styledcomponents.chipTokens.closeIconSize),
161
- xs: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.chipTokens.borderRadius, _styledcomponents.chipTokens.pilledBorderRadius, _styledcomponents.chipTokens.width, _styledcomponents.chipTokens.height, _styledcomponents.chipTokens.padding, _styledcomponents.chipTokens.fontFamily, _styledcomponents.chipTokens.fontSize, _styledcomponents.chipTokens.fontStyle, _styledcomponents.chipTokens.fontWeight, _styledcomponents.chipTokens.letterSpacing, _styledcomponents.chipTokens.lineHeight, _styledcomponents.chipTokens.leftContentMarginLeft, _styledcomponents.chipTokens.leftContentMarginRight, _styledcomponents.chipTokens.clearContentMarginLeft, _styledcomponents.chipTokens.clearContentMarginRight, _styledcomponents.chipTokens.scaleHover, _styledcomponents.chipTokens.scaleActive, _styledcomponents.chipTokens.closeIconSize)
158
+ s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.chipTokens.borderRadius, _styledcomponents.chipTokens.pilledBorderRadius, _styledcomponents.chipTokens.width, _styledcomponents.chipTokens.height, _styledcomponents.chipTokens.padding, _styledcomponents.chipTokens.fontFamily, _styledcomponents.chipTokens.fontSize, _styledcomponents.chipTokens.fontStyle, _styledcomponents.chipTokens.fontWeight, _styledcomponents.chipTokens.letterSpacing, _styledcomponents.chipTokens.lineHeight, _styledcomponents.chipTokens.leftContentMarginLeft, _styledcomponents.chipTokens.leftContentMarginRight, _styledcomponents.chipTokens.clearContentMarginLeft, _styledcomponents.chipTokens.clearContentMarginRight, _styledcomponents.chipTokens.closeIconSize),
159
+ xs: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.chipTokens.borderRadius, _styledcomponents.chipTokens.pilledBorderRadius, _styledcomponents.chipTokens.width, _styledcomponents.chipTokens.height, _styledcomponents.chipTokens.padding, _styledcomponents.chipTokens.fontFamily, _styledcomponents.chipTokens.fontSize, _styledcomponents.chipTokens.fontStyle, _styledcomponents.chipTokens.fontWeight, _styledcomponents.chipTokens.letterSpacing, _styledcomponents.chipTokens.lineHeight, _styledcomponents.chipTokens.leftContentMarginLeft, _styledcomponents.chipTokens.leftContentMarginRight, _styledcomponents.chipTokens.clearContentMarginLeft, _styledcomponents.chipTokens.clearContentMarginRight, _styledcomponents.chipTokens.closeIconSize)
162
160
  },
163
161
  focused: {
164
162
  true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.chipTokens.focusColor)
@@ -80,9 +80,7 @@ function _templateObject3() {
80
80
  ": -0.25rem;\n ",
81
81
  ": 0.25rem;\n ",
82
82
  ": 0.5rem;\n ",
83
- ": -0.25rem;\n\n ",
84
- ": 1.02;\n ",
85
- ": 0.98;\n\n ",
83
+ ": -0.25rem;\n ",
86
84
  ": 1.5rem;\n "
87
85
  ]);
88
86
  _templateObject3 = function _templateObject() {
@@ -122,7 +120,7 @@ var config = {
122
120
  accent: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.chipGroupTokens.chipColor, _styledcomponents.chipGroupTokens.chipBackground, _styledcomponents.chipGroupTokens.chipColorHover, _styledcomponents.chipGroupTokens.chipBackgroundHover, _styledcomponents.chipGroupTokens.chipColorActive, _styledcomponents.chipGroupTokens.chipBackgroundActive)
123
121
  },
124
122
  size: {
125
- s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.chipGroupTokens.chipBorderRadius, _styledcomponents.chipGroupTokens.chipWidth, _styledcomponents.chipGroupTokens.chipHeight, _styledcomponents.chipGroupTokens.chipPadding, _styledcomponents.chipGroupTokens.chipFontFamily, _styledcomponents.chipGroupTokens.chipFontSize, _styledcomponents.chipGroupTokens.chipFontStyle, _styledcomponents.chipGroupTokens.chipFontWeight, _styledcomponents.chipGroupTokens.chipLetterSpacing, _styledcomponents.chipGroupTokens.chipLineHeight, _styledcomponents.chipGroupTokens.chipLeftContentMarginLeft, _styledcomponents.chipGroupTokens.chipLeftContentMarginRight, _styledcomponents.chipGroupTokens.chipClearContentMarginLeft, _styledcomponents.chipGroupTokens.chipClearContentMarginRight, _styledcomponents.chipGroupTokens.chipScaleHover, _styledcomponents.chipGroupTokens.chipScaleActive, _styledcomponents.chipGroupTokens.chipCloseIconSize)
123
+ s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.chipGroupTokens.chipBorderRadius, _styledcomponents.chipGroupTokens.chipWidth, _styledcomponents.chipGroupTokens.chipHeight, _styledcomponents.chipGroupTokens.chipPadding, _styledcomponents.chipGroupTokens.chipFontFamily, _styledcomponents.chipGroupTokens.chipFontSize, _styledcomponents.chipGroupTokens.chipFontStyle, _styledcomponents.chipGroupTokens.chipFontWeight, _styledcomponents.chipGroupTokens.chipLetterSpacing, _styledcomponents.chipGroupTokens.chipLineHeight, _styledcomponents.chipGroupTokens.chipLeftContentMarginLeft, _styledcomponents.chipGroupTokens.chipLeftContentMarginRight, _styledcomponents.chipGroupTokens.chipClearContentMarginLeft, _styledcomponents.chipGroupTokens.chipClearContentMarginRight, _styledcomponents.chipGroupTokens.chipCloseIconSize)
126
124
  },
127
125
  gap: {
128
126
  dense: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.chipGroupTokens.chipGroupItemsGap),
@@ -73,6 +73,8 @@ function _templateObject2() {
73
73
  ": var(--surface-accent);\n ",
74
74
  ": var(--on-dark-text-primary);\n ",
75
75
  ": var(--surface-accent);\n ",
76
+ ": var(--on-dark-text-primary);\n\n ",
77
+ ": var(--on-dark-text-primary);\n ",
76
78
  ": var(--on-dark-text-primary);\n "
77
79
  ]);
78
80
  _templateObject2 = function _templateObject() {
@@ -97,9 +99,7 @@ function _templateObject3() {
97
99
  ": -0.25rem;\n ",
98
100
  ": 0.25rem;\n ",
99
101
  ": 0.5rem;\n ",
100
- ": -0.5rem;\n\n ",
101
- ": 1.02;\n ",
102
- ": 0.98;\n\n ",
102
+ ": -0.5rem;\n ",
103
103
  ": 1.5rem;\n "
104
104
  ]);
105
105
  _templateObject3 = function _templateObject() {
@@ -124,9 +124,7 @@ function _templateObject4() {
124
124
  ": 0;\n ",
125
125
  ": 0.25rem;\n ",
126
126
  ": 0.25rem;\n ",
127
- ": -0.25rem;\n\n ",
128
- ": 1.02;\n ",
129
- ": 0.98;\n\n ",
127
+ ": -0.25rem;\n ",
130
128
  ": 1rem;\n "
131
129
  ]);
132
130
  _templateObject4 = function _templateObject() {
@@ -154,11 +152,11 @@ var config = {
154
152
  view: {
155
153
  default: (0, _emotion.css)(_templateObject(), _emotion.chipTokens.color, _emotion.chipTokens.background, _emotion.chipTokens.colorHover, _emotion.chipTokens.backgroundHover, _emotion.chipTokens.colorActive, _emotion.chipTokens.backgroundActive, _emotion.chipTokens.backgroundReadOnly, _emotion.chipTokens.colorReadOnly, _emotion.chipTokens.backgroundReadOnlyHover, _emotion.chipTokens.colorReadOnlyHover, _emotion.chipTokens.closeIconColor, _emotion.chipTokens.leftContentColor),
156
154
  secondary: (0, _emotion.css)(_templateObject1(), _emotion.chipTokens.color, _emotion.chipTokens.background, _emotion.chipTokens.colorHover, _emotion.chipTokens.backgroundHover, _emotion.chipTokens.colorActive, _emotion.chipTokens.backgroundActive, _emotion.chipTokens.backgroundReadOnly, _emotion.chipTokens.colorReadOnly, _emotion.chipTokens.backgroundReadOnlyHover, _emotion.chipTokens.colorReadOnlyHover, _emotion.chipTokens.closeIconColor, _emotion.chipTokens.leftContentColor),
157
- accent: (0, _emotion.css)(_templateObject2(), _emotion.chipTokens.color, _emotion.chipTokens.background, _emotion.chipTokens.colorHover, _emotion.chipTokens.backgroundHover, _emotion.chipTokens.colorActive, _emotion.chipTokens.backgroundActive, _emotion.chipTokens.backgroundReadOnly, _emotion.chipTokens.colorReadOnly, _emotion.chipTokens.backgroundReadOnlyHover, _emotion.chipTokens.colorReadOnlyHover)
155
+ accent: (0, _emotion.css)(_templateObject2(), _emotion.chipTokens.color, _emotion.chipTokens.background, _emotion.chipTokens.colorHover, _emotion.chipTokens.backgroundHover, _emotion.chipTokens.colorActive, _emotion.chipTokens.backgroundActive, _emotion.chipTokens.backgroundReadOnly, _emotion.chipTokens.colorReadOnly, _emotion.chipTokens.backgroundReadOnlyHover, _emotion.chipTokens.colorReadOnlyHover, _emotion.chipTokens.closeIconColor, _emotion.chipTokens.leftContentColor)
158
156
  },
159
157
  size: {
160
- s: (0, _emotion.css)(_templateObject3(), _emotion.chipTokens.borderRadius, _emotion.chipTokens.pilledBorderRadius, _emotion.chipTokens.width, _emotion.chipTokens.height, _emotion.chipTokens.padding, _emotion.chipTokens.fontFamily, _emotion.chipTokens.fontSize, _emotion.chipTokens.fontStyle, _emotion.chipTokens.fontWeight, _emotion.chipTokens.letterSpacing, _emotion.chipTokens.lineHeight, _emotion.chipTokens.leftContentMarginLeft, _emotion.chipTokens.leftContentMarginRight, _emotion.chipTokens.clearContentMarginLeft, _emotion.chipTokens.clearContentMarginRight, _emotion.chipTokens.scaleHover, _emotion.chipTokens.scaleActive, _emotion.chipTokens.closeIconSize),
161
- xs: (0, _emotion.css)(_templateObject4(), _emotion.chipTokens.borderRadius, _emotion.chipTokens.pilledBorderRadius, _emotion.chipTokens.width, _emotion.chipTokens.height, _emotion.chipTokens.padding, _emotion.chipTokens.fontFamily, _emotion.chipTokens.fontSize, _emotion.chipTokens.fontStyle, _emotion.chipTokens.fontWeight, _emotion.chipTokens.letterSpacing, _emotion.chipTokens.lineHeight, _emotion.chipTokens.leftContentMarginLeft, _emotion.chipTokens.leftContentMarginRight, _emotion.chipTokens.clearContentMarginLeft, _emotion.chipTokens.clearContentMarginRight, _emotion.chipTokens.scaleHover, _emotion.chipTokens.scaleActive, _emotion.chipTokens.closeIconSize)
158
+ s: (0, _emotion.css)(_templateObject3(), _emotion.chipTokens.borderRadius, _emotion.chipTokens.pilledBorderRadius, _emotion.chipTokens.width, _emotion.chipTokens.height, _emotion.chipTokens.padding, _emotion.chipTokens.fontFamily, _emotion.chipTokens.fontSize, _emotion.chipTokens.fontStyle, _emotion.chipTokens.fontWeight, _emotion.chipTokens.letterSpacing, _emotion.chipTokens.lineHeight, _emotion.chipTokens.leftContentMarginLeft, _emotion.chipTokens.leftContentMarginRight, _emotion.chipTokens.clearContentMarginLeft, _emotion.chipTokens.clearContentMarginRight, _emotion.chipTokens.closeIconSize),
159
+ xs: (0, _emotion.css)(_templateObject4(), _emotion.chipTokens.borderRadius, _emotion.chipTokens.pilledBorderRadius, _emotion.chipTokens.width, _emotion.chipTokens.height, _emotion.chipTokens.padding, _emotion.chipTokens.fontFamily, _emotion.chipTokens.fontSize, _emotion.chipTokens.fontStyle, _emotion.chipTokens.fontWeight, _emotion.chipTokens.letterSpacing, _emotion.chipTokens.lineHeight, _emotion.chipTokens.leftContentMarginLeft, _emotion.chipTokens.leftContentMarginRight, _emotion.chipTokens.clearContentMarginLeft, _emotion.chipTokens.clearContentMarginRight, _emotion.chipTokens.closeIconSize)
162
160
  },
163
161
  focused: {
164
162
  true: (0, _emotion.css)(_templateObject5(), _emotion.chipTokens.focusColor)
@@ -80,9 +80,7 @@ function _templateObject3() {
80
80
  ": -0.25rem;\n ",
81
81
  ": 0.25rem;\n ",
82
82
  ": 0.5rem;\n ",
83
- ": -0.25rem;\n\n ",
84
- ": 1.02;\n ",
85
- ": 0.98;\n\n ",
83
+ ": -0.25rem;\n ",
86
84
  ": 1.5rem;\n "
87
85
  ]);
88
86
  _templateObject3 = function _templateObject() {
@@ -122,7 +120,7 @@ var config = {
122
120
  accent: (0, _emotion.css)(_templateObject2(), _emotion.chipGroupTokens.chipColor, _emotion.chipGroupTokens.chipBackground, _emotion.chipGroupTokens.chipColorHover, _emotion.chipGroupTokens.chipBackgroundHover, _emotion.chipGroupTokens.chipColorActive, _emotion.chipGroupTokens.chipBackgroundActive)
123
121
  },
124
122
  size: {
125
- s: (0, _emotion.css)(_templateObject3(), _emotion.chipGroupTokens.chipBorderRadius, _emotion.chipGroupTokens.chipWidth, _emotion.chipGroupTokens.chipHeight, _emotion.chipGroupTokens.chipPadding, _emotion.chipGroupTokens.chipFontFamily, _emotion.chipGroupTokens.chipFontSize, _emotion.chipGroupTokens.chipFontStyle, _emotion.chipGroupTokens.chipFontWeight, _emotion.chipGroupTokens.chipLetterSpacing, _emotion.chipGroupTokens.chipLineHeight, _emotion.chipGroupTokens.chipLeftContentMarginLeft, _emotion.chipGroupTokens.chipLeftContentMarginRight, _emotion.chipGroupTokens.chipClearContentMarginLeft, _emotion.chipGroupTokens.chipClearContentMarginRight, _emotion.chipGroupTokens.chipScaleHover, _emotion.chipGroupTokens.chipScaleActive, _emotion.chipGroupTokens.chipCloseIconSize)
123
+ s: (0, _emotion.css)(_templateObject3(), _emotion.chipGroupTokens.chipBorderRadius, _emotion.chipGroupTokens.chipWidth, _emotion.chipGroupTokens.chipHeight, _emotion.chipGroupTokens.chipPadding, _emotion.chipGroupTokens.chipFontFamily, _emotion.chipGroupTokens.chipFontSize, _emotion.chipGroupTokens.chipFontStyle, _emotion.chipGroupTokens.chipFontWeight, _emotion.chipGroupTokens.chipLetterSpacing, _emotion.chipGroupTokens.chipLineHeight, _emotion.chipGroupTokens.chipLeftContentMarginLeft, _emotion.chipGroupTokens.chipLeftContentMarginRight, _emotion.chipGroupTokens.chipClearContentMarginLeft, _emotion.chipGroupTokens.chipClearContentMarginRight, _emotion.chipGroupTokens.chipCloseIconSize)
126
124
  },
127
125
  gap: {
128
126
  dense: (0, _emotion.css)(_templateObject4(), _emotion.chipGroupTokens.chipGroupItemsGap),
@@ -62,6 +62,8 @@ function _templateObject2() {
62
62
  ": var(--surface-accent);\n ",
63
63
  ": var(--on-dark-text-primary);\n ",
64
64
  ": var(--surface-accent);\n ",
65
+ ": var(--on-dark-text-primary);\n\n ",
66
+ ": var(--on-dark-text-primary);\n ",
65
67
  ": var(--on-dark-text-primary);\n "
66
68
  ]);
67
69
  _templateObject2 = function _templateObject() {
@@ -86,9 +88,7 @@ function _templateObject3() {
86
88
  ": -0.25rem;\n ",
87
89
  ": 0.25rem;\n ",
88
90
  ": 0.5rem;\n ",
89
- ": -0.5rem;\n\n ",
90
- ": 1.02;\n ",
91
- ": 0.98;\n\n ",
91
+ ": -0.5rem;\n ",
92
92
  ": 1.5rem;\n "
93
93
  ]);
94
94
  _templateObject3 = function _templateObject() {
@@ -113,9 +113,7 @@ function _templateObject4() {
113
113
  ": 0;\n ",
114
114
  ": 0.25rem;\n ",
115
115
  ": 0.25rem;\n ",
116
- ": -0.25rem;\n\n ",
117
- ": 1.02;\n ",
118
- ": 0.98;\n\n ",
116
+ ": -0.25rem;\n ",
119
117
  ": 1rem;\n "
120
118
  ]);
121
119
  _templateObject4 = function _templateObject() {
@@ -144,11 +142,11 @@ export var config = {
144
142
  view: {
145
143
  default: css(_templateObject(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor),
146
144
  secondary: css(_templateObject1(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor),
147
- accent: css(_templateObject2(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover)
145
+ accent: css(_templateObject2(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor)
148
146
  },
149
147
  size: {
150
- s: css(_templateObject3(), chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.scaleHover, chipTokens.scaleActive, chipTokens.closeIconSize),
151
- xs: css(_templateObject4(), chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.scaleHover, chipTokens.scaleActive, chipTokens.closeIconSize)
148
+ s: css(_templateObject3(), chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.closeIconSize),
149
+ xs: css(_templateObject4(), chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.closeIconSize)
152
150
  },
153
151
  focused: {
154
152
  true: css(_templateObject5(), chipTokens.focusColor)
@@ -69,9 +69,7 @@ function _templateObject3() {
69
69
  ": -0.25rem;\n ",
70
70
  ": 0.25rem;\n ",
71
71
  ": 0.5rem;\n ",
72
- ": -0.25rem;\n\n ",
73
- ": 1.02;\n ",
74
- ": 0.98;\n\n ",
72
+ ": -0.25rem;\n ",
75
73
  ": 1.5rem;\n "
76
74
  ]);
77
75
  _templateObject3 = function _templateObject() {
@@ -112,7 +110,7 @@ export var config = {
112
110
  accent: css(_templateObject2(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive)
113
111
  },
114
112
  size: {
115
- s: css(_templateObject3(), tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.chipLeftContentMarginLeft, tokens.chipLeftContentMarginRight, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipScaleHover, tokens.chipScaleActive, tokens.chipCloseIconSize)
113
+ s: css(_templateObject3(), tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.chipLeftContentMarginLeft, tokens.chipLeftContentMarginRight, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize)
116
114
  },
117
115
  gap: {
118
116
  dense: css(_templateObject4(), tokens.chipGroupItemsGap),
@@ -62,6 +62,8 @@ function _templateObject2() {
62
62
  ": var(--surface-accent);\n ",
63
63
  ": var(--on-dark-text-primary);\n ",
64
64
  ": var(--surface-accent);\n ",
65
+ ": var(--on-dark-text-primary);\n\n ",
66
+ ": var(--on-dark-text-primary);\n ",
65
67
  ": var(--on-dark-text-primary);\n "
66
68
  ]);
67
69
  _templateObject2 = function _templateObject() {
@@ -86,9 +88,7 @@ function _templateObject3() {
86
88
  ": -0.25rem;\n ",
87
89
  ": 0.25rem;\n ",
88
90
  ": 0.5rem;\n ",
89
- ": -0.5rem;\n\n ",
90
- ": 1.02;\n ",
91
- ": 0.98;\n\n ",
91
+ ": -0.5rem;\n ",
92
92
  ": 1.5rem;\n "
93
93
  ]);
94
94
  _templateObject3 = function _templateObject() {
@@ -113,9 +113,7 @@ function _templateObject4() {
113
113
  ": 0;\n ",
114
114
  ": 0.25rem;\n ",
115
115
  ": 0.25rem;\n ",
116
- ": -0.25rem;\n\n ",
117
- ": 1.02;\n ",
118
- ": 0.98;\n\n ",
116
+ ": -0.25rem;\n ",
119
117
  ": 1rem;\n "
120
118
  ]);
121
119
  _templateObject4 = function _templateObject() {
@@ -144,11 +142,11 @@ export var config = {
144
142
  view: {
145
143
  default: css(_templateObject(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor),
146
144
  secondary: css(_templateObject1(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor),
147
- accent: css(_templateObject2(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover)
145
+ accent: css(_templateObject2(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor)
148
146
  },
149
147
  size: {
150
- s: css(_templateObject3(), chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.scaleHover, chipTokens.scaleActive, chipTokens.closeIconSize),
151
- xs: css(_templateObject4(), chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.scaleHover, chipTokens.scaleActive, chipTokens.closeIconSize)
148
+ s: css(_templateObject3(), chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.closeIconSize),
149
+ xs: css(_templateObject4(), chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.closeIconSize)
152
150
  },
153
151
  focused: {
154
152
  true: css(_templateObject5(), chipTokens.focusColor)
@@ -69,9 +69,7 @@ function _templateObject3() {
69
69
  ": -0.25rem;\n ",
70
70
  ": 0.25rem;\n ",
71
71
  ": 0.5rem;\n ",
72
- ": -0.25rem;\n\n ",
73
- ": 1.02;\n ",
74
- ": 0.98;\n\n ",
72
+ ": -0.25rem;\n ",
75
73
  ": 1.5rem;\n "
76
74
  ]);
77
75
  _templateObject3 = function _templateObject() {
@@ -112,7 +110,7 @@ export var config = {
112
110
  accent: css(_templateObject2(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive)
113
111
  },
114
112
  size: {
115
- s: css(_templateObject3(), tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.chipLeftContentMarginLeft, tokens.chipLeftContentMarginRight, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipScaleHover, tokens.chipScaleActive, tokens.chipCloseIconSize)
113
+ s: css(_templateObject3(), tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.chipLeftContentMarginLeft, tokens.chipLeftContentMarginRight, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize)
116
114
  },
117
115
  gap: {
118
116
  dense: css(_templateObject4(), tokens.chipGroupItemsGap),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-cs",
3
- "version": "0.322.0-canary.2084.16335436294.0",
3
+ "version": "0.322.0-canary.2084.16443696916.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS CS web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -30,8 +30,8 @@
30
30
  "directory": "packages/sdds-cs"
31
31
  },
32
32
  "dependencies": {
33
- "@salutejs/plasma-new-hope": "0.330.0-canary.2084.16335436294.0",
34
- "@salutejs/sdds-themes": "0.41.0"
33
+ "@salutejs/plasma-new-hope": "0.330.0-canary.2084.16443696916.0",
34
+ "@salutejs/sdds-themes": "0.42.0-canary.2084.16443696916.0"
35
35
  },
36
36
  "peerDependencies": {
37
37
  "@emotion/react": ">=11",
@@ -54,10 +54,10 @@
54
54
  "@microsoft/api-extractor": "7.38.3",
55
55
  "@originjs/vite-plugin-commonjs": "1.0.3",
56
56
  "@salutejs/plasma-colors": "0.15.0",
57
- "@salutejs/plasma-core": "1.202.0-canary.2084.16335436294.0",
58
- "@salutejs/plasma-cy-utils": "0.133.0-canary.2084.16335436294.0",
59
- "@salutejs/plasma-icons": "1.220.0",
60
- "@salutejs/plasma-sb-utils": "0.203.0-canary.2084.16335436294.0",
57
+ "@salutejs/plasma-core": "1.202.0-canary.2084.16443696916.0",
58
+ "@salutejs/plasma-cy-utils": "0.133.0-canary.2084.16443696916.0",
59
+ "@salutejs/plasma-icons": "1.221.0-canary.2084.16443696916.0",
60
+ "@salutejs/plasma-sb-utils": "0.203.0-canary.2084.16443696916.0",
61
61
  "@storybook/addon-docs": "7.6.17",
62
62
  "@storybook/addon-essentials": "7.6.17",
63
63
  "@storybook/addons": "7.6.17",
@@ -123,5 +123,5 @@
123
123
  "Anton Vinogradov"
124
124
  ],
125
125
  "sideEffects": false,
126
- "gitHead": "b3e73a1133d7f1e029c20055b420233e6125afe7"
126
+ "gitHead": "7b8c035824942d32a291496e99e1678252bfd6bc"
127
127
  }