@salutejs/plasma-web 1.596.0-canary.2237.18160100785.0 → 1.596.0-canary.2260.18215165010.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.
- package/CHANGELOG.md +141 -0
- package/components/Chip/Chip.config.js +14 -22
- package/components/Combobox/Combobox.config.js +4 -12
- package/components/Combobox/Combobox.d.ts +0 -24
- package/components/Select/Select.config.js +5 -11
- package/components/Select/Select.d.ts +0 -6
- package/components/TextField/TextField.config.js +6 -18
- package/css/cjs/components/Chip/Chip.config.js +1 -1
- package/css/cjs/components/Chip/Chip.config.js.map +1 -1
- package/css/cjs/components/Chip/{Chip.config_10micqj.css → Chip.config_1oc3tir.css} +7 -7
- package/css/cjs/components/Chip/Chip.css +14 -14
- package/css/cjs/components/Combobox/Combobox.config.js +1 -1
- package/css/cjs/components/Combobox/Combobox.config.js.map +1 -1
- package/css/{es/components/Combobox/Combobox.config_1dhj73p.css → cjs/components/Combobox/Combobox.config_x1nkr1.css} +4 -4
- package/css/cjs/components/Combobox/Combobox.css +14 -14
- package/css/cjs/components/Mask/Mask.css +21 -21
- package/css/cjs/components/Select/Select.config.js +1 -1
- package/css/cjs/components/Select/Select.config.js.map +1 -1
- package/css/cjs/components/Select/{Select.config_wwtmze.css → Select.config_cbscqo.css} +3 -3
- package/css/cjs/components/Select/Select.css +23 -23
- package/css/cjs/components/TextField/TextField.config.js +1 -1
- package/css/cjs/components/TextField/TextField.config.js.map +1 -1
- package/css/{es/components/TextField/TextField.config_4hsnnu.css → cjs/components/TextField/TextField.config_161dytt.css} +6 -6
- package/css/cjs/index.css +76 -76
- package/css/es/components/Chip/Chip.config.js +1 -1
- package/css/es/components/Chip/Chip.config.js.map +1 -1
- package/css/es/components/Chip/{Chip.config_10micqj.css → Chip.config_1oc3tir.css} +7 -7
- package/css/es/components/Chip/Chip.css +14 -14
- package/css/es/components/Combobox/Combobox.config.js +1 -1
- package/css/es/components/Combobox/Combobox.config.js.map +1 -1
- package/css/{cjs/components/Combobox/Combobox.config_1dhj73p.css → es/components/Combobox/Combobox.config_x1nkr1.css} +4 -4
- package/css/es/components/Combobox/Combobox.css +14 -14
- package/css/es/components/Mask/Mask.css +21 -21
- package/css/es/components/Select/Select.config.js +1 -1
- package/css/es/components/Select/Select.config.js.map +1 -1
- package/css/es/components/Select/{Select.config_wwtmze.css → Select.config_cbscqo.css} +3 -3
- package/css/es/components/Select/Select.css +23 -23
- package/css/es/components/TextField/TextField.config.js +1 -1
- package/css/es/components/TextField/TextField.config.js.map +1 -1
- package/css/{cjs/components/TextField/TextField.config_4hsnnu.css → es/components/TextField/TextField.config_161dytt.css} +6 -6
- package/css/es/index.css +76 -76
- package/es/components/Chip/Chip.config.js +14 -22
- package/es/components/Combobox/Combobox.config.js +4 -12
- package/es/components/Select/Select.config.js +5 -11
- package/es/components/TextField/TextField.config.js +6 -18
- package/package.json +5 -5
@@ -20,9 +20,8 @@ function _templateObject() {
|
|
20
20
|
": var(--surface-solid-default);\n ",
|
21
21
|
": var(--inverse-text-primary);\n ",
|
22
22
|
": var(--surface-solid-default);\n ",
|
23
|
-
": var(--inverse-text-primary);\n ",
|
23
|
+
": var(--inverse-text-primary);\n\n ",
|
24
24
|
": var(--inverse-text-secondary);\n ",
|
25
|
-
": var(--inverse-text-secondary-hover);\n ",
|
26
25
|
": var(--inverse-text-primary);\n "
|
27
26
|
]);
|
28
27
|
_templateObject = function _templateObject() {
|
@@ -42,9 +41,7 @@ function _templateObject1() {
|
|
42
41
|
": var(--surface-solid-default);\n ",
|
43
42
|
": var(--inverse-text-primary);\n ",
|
44
43
|
": var(--surface-solid-default);\n ",
|
45
|
-
": var(--inverse-text-primary);\n
|
46
|
-
": var(--inverse-text-secondary);\n ",
|
47
|
-
": var(--inverse-text-secondary-hover);\n "
|
44
|
+
": var(--inverse-text-primary);\n "
|
48
45
|
]);
|
49
46
|
_templateObject1 = function _templateObject() {
|
50
47
|
return data;
|
@@ -63,9 +60,8 @@ function _templateObject2() {
|
|
63
60
|
": var(--surface-transparent-secondary);\n ",
|
64
61
|
": var(--text-primary);\n ",
|
65
62
|
": var(--surface-transparent-secondary);\n ",
|
66
|
-
": var(--text-primary);\n ",
|
63
|
+
": var(--text-primary);\n\n ",
|
67
64
|
": var(--text-secondary);\n ",
|
68
|
-
": var(--text-secondary-hover);\n ",
|
69
65
|
": var(--text-primary);\n "
|
70
66
|
]);
|
71
67
|
_templateObject2 = function _templateObject() {
|
@@ -85,9 +81,8 @@ function _templateObject3() {
|
|
85
81
|
": var(--surface-accent);\n ",
|
86
82
|
": var(--on-dark-text-primary);\n ",
|
87
83
|
": var(--surface-accent);\n ",
|
88
|
-
": var(--on-dark-text-primary);\n ",
|
84
|
+
": var(--on-dark-text-primary);\n\n ",
|
89
85
|
": var(--on-dark-text-secondary);\n ",
|
90
|
-
": var(--on-dark-text-secondary-hover);\n ",
|
91
86
|
": var(--on-dark-text-primary);\n "
|
92
87
|
]);
|
93
88
|
_templateObject3 = function _templateObject() {
|
@@ -107,9 +102,8 @@ function _templateObject4() {
|
|
107
102
|
": var(--surface-positive);\n ",
|
108
103
|
": var(--on-dark-text-primary);\n ",
|
109
104
|
": var(--surface-positive);\n ",
|
110
|
-
": var(--on-dark-text-primary);\n ",
|
105
|
+
": var(--on-dark-text-primary);\n\n ",
|
111
106
|
": var(--on-dark-text-secondary);\n ",
|
112
|
-
": var(--on-dark-text-secondary-hover);\n ",
|
113
107
|
": var(--on-dark-text-primary);\n "
|
114
108
|
]);
|
115
109
|
_templateObject4 = function _templateObject() {
|
@@ -129,9 +123,8 @@ function _templateObject5() {
|
|
129
123
|
": var(--surface-warning);\n ",
|
130
124
|
": var(--on-dark-text-primary);\n ",
|
131
125
|
": var(--surface-warning);\n ",
|
132
|
-
": var(--on-dark-text-primary);\n ",
|
126
|
+
": var(--on-dark-text-primary);\n\n ",
|
133
127
|
": var(--on-dark-text-secondary);\n ",
|
134
|
-
": var(--on-dark-text-secondary-hover);\n ",
|
135
128
|
": var(--on-dark-text-primary);\n "
|
136
129
|
]);
|
137
130
|
_templateObject5 = function _templateObject() {
|
@@ -151,9 +144,8 @@ function _templateObject6() {
|
|
151
144
|
": var(--surface-negative);\n ",
|
152
145
|
": var(--on-dark-text-primary);\n ",
|
153
146
|
": var(--surface-negative);\n ",
|
154
|
-
": var(--on-dark-text-primary);\n ",
|
147
|
+
": var(--on-dark-text-primary);\n\n ",
|
155
148
|
": var(--on-dark-text-secondary);\n ",
|
156
|
-
": var(--on-dark-text-secondary-hover);\n ",
|
157
149
|
": var(--on-dark-text-primary);\n "
|
158
150
|
]);
|
159
151
|
_templateObject6 = function _templateObject() {
|
@@ -334,16 +326,16 @@ export var config = {
|
|
334
326
|
},
|
335
327
|
variations: {
|
336
328
|
view: {
|
337
|
-
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.
|
329
|
+
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),
|
338
330
|
/**
|
339
331
|
* @deprecated
|
340
332
|
* использовать `default`
|
341
|
-
*/ primary: css(_templateObject1(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover
|
342
|
-
secondary: 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.
|
343
|
-
accent: css(_templateObject3(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.
|
344
|
-
positive: css(_templateObject4(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.
|
345
|
-
warning: css(_templateObject5(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.
|
346
|
-
negative: css(_templateObject6(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.
|
333
|
+
*/ primary: css(_templateObject1(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover),
|
334
|
+
secondary: 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),
|
335
|
+
accent: css(_templateObject3(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor),
|
336
|
+
positive: css(_templateObject4(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor),
|
337
|
+
warning: css(_templateObject5(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor),
|
338
|
+
negative: css(_templateObject6(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor)
|
347
339
|
},
|
348
340
|
size: {
|
349
341
|
l: css(_templateObject7(), 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.rightContentMarginLeft, chipTokens.rightContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.closeIconSize),
|
@@ -34,8 +34,6 @@ function _templateObject() {
|
|
34
34
|
": var(--surface-negative);\n ",
|
35
35
|
": var(--text-tertiary);\n\n ",
|
36
36
|
": var(--text-secondary);\n ",
|
37
|
-
": var(--text-secondary-hover);\n ",
|
38
|
-
": var(--text-secondary);\n ",
|
39
37
|
": var(--text-primary);\n ",
|
40
38
|
": var(--surface-transparent-secondary);\n ",
|
41
39
|
": var(--text-primary);\n ",
|
@@ -89,8 +87,6 @@ function _templateObject1() {
|
|
89
87
|
": var(--surface-negative);\n ",
|
90
88
|
": var(--text-tertiary);\n\n ",
|
91
89
|
": var(--text-secondary);\n ",
|
92
|
-
": var(--text-secondary-hover);\n ",
|
93
|
-
": var(--text-secondary);\n ",
|
94
90
|
": var(--text-primary);\n ",
|
95
91
|
": var(--surface-transparent-secondary);\n ",
|
96
92
|
": var(--text-primary);\n ",
|
@@ -144,8 +140,6 @@ function _templateObject2() {
|
|
144
140
|
": var(--surface-negative);\n ",
|
145
141
|
": var(--text-tertiary);\n\n ",
|
146
142
|
": var(--text-secondary);\n ",
|
147
|
-
": var(--text-secondary-hover);\n ",
|
148
|
-
": var(--text-secondary);\n ",
|
149
143
|
": var(--text-primary);\n ",
|
150
144
|
": var(--surface-transparent-secondary);\n ",
|
151
145
|
": var(--text-primary);\n ",
|
@@ -199,8 +193,6 @@ function _templateObject3() {
|
|
199
193
|
": var(--surface-negative);\n ",
|
200
194
|
": var(--text-tertiary);\n\n ",
|
201
195
|
": var(--text-secondary);\n ",
|
202
|
-
": var(--text-secondary-hover);\n ",
|
203
|
-
": var(--text-secondary);\n ",
|
204
196
|
": var(--text-primary);\n ",
|
205
197
|
": var(--surface-transparent-secondary);\n ",
|
206
198
|
": var(--text-primary);\n ",
|
@@ -795,10 +787,10 @@ export var config = {
|
|
795
787
|
},
|
796
788
|
variations: {
|
797
789
|
view: {
|
798
|
-
default: css(_templateObject(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.
|
799
|
-
positive: css(_templateObject1(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.
|
800
|
-
warning: css(_templateObject2(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.
|
801
|
-
negative: css(_templateObject3(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.
|
790
|
+
default: css(_templateObject(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
|
791
|
+
positive: css(_templateObject1(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
|
792
|
+
warning: css(_templateObject2(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
|
793
|
+
negative: css(_templateObject3(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor)
|
802
794
|
},
|
803
795
|
size: {
|
804
796
|
l: css(_templateObject4(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight),
|
@@ -849,9 +849,7 @@ function _templateObject16() {
|
|
849
849
|
": var(--inverse-text-primary);\n ",
|
850
850
|
": var(--surface-solid-default);\n ",
|
851
851
|
": var(--surface-solid-default-hover);\n ",
|
852
|
-
": var(--inverse-text-secondary);\n ",
|
853
|
-
": var(--inverse-text-secondary);\n ",
|
854
|
-
": var(--inverse-text-primary);\n\n ",
|
852
|
+
": var(--inverse-text-secondary);\n\n ",
|
855
853
|
": var(--surface-solid-default);\n ",
|
856
854
|
": var(--inverse-text-primary);\n ",
|
857
855
|
": var(--surface-solid-default);\n ",
|
@@ -869,8 +867,6 @@ function _templateObject17() {
|
|
869
867
|
": var(--text-primary);\n ",
|
870
868
|
": var(--surface-transparent-secondary);\n ",
|
871
869
|
": var(--surface-transparent-secondary-hover);\n ",
|
872
|
-
": var(--text-secondary);\n ",
|
873
|
-
": var(--text-secondary-hover);\n ",
|
874
870
|
": var(--text-secondary);\n\n ",
|
875
871
|
": var(--surface-transparent-secondary);\n ",
|
876
872
|
": var(--text-primary);\n ",
|
@@ -889,9 +885,7 @@ function _templateObject18() {
|
|
889
885
|
": var(--on-dark-text-primary);\n ",
|
890
886
|
": var(--surface-accent);\n ",
|
891
887
|
": var(--surface-accent-hover);\n ",
|
892
|
-
": var(--on-dark-text-secondary);\n ",
|
893
|
-
": var(--on-dark-text-secondary);\n ",
|
894
|
-
": var(--on-dark-text-primary);\n\n ",
|
888
|
+
": var(--on-dark-text-secondary);\n\n ",
|
895
889
|
": var(--surface-accent);\n ",
|
896
890
|
": var(--on-dark-text-primary);\n ",
|
897
891
|
": var(--surface-accent);\n ",
|
@@ -1031,9 +1025,9 @@ export var config = {
|
|
1031
1025
|
outer: css(_templateObject15())
|
1032
1026
|
},
|
1033
1027
|
chipView: {
|
1034
|
-
default: css(_templateObject16(), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.
|
1035
|
-
secondary: css(_templateObject17(), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.
|
1036
|
-
accent: css(_templateObject18(), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.
|
1028
|
+
default: css(_templateObject16(), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly),
|
1029
|
+
secondary: css(_templateObject17(), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly),
|
1030
|
+
accent: css(_templateObject18(), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly)
|
1037
1031
|
},
|
1038
1032
|
hintView: {
|
1039
1033
|
default: css(_templateObject19(), tokens.textFieldTooltipBackgroundColor, tokens.textFieldTooltipBoxShadow, tokens.textFieldTooltipColor, tokens.textFieldTooltipArrowBackground)
|
@@ -591,8 +591,6 @@ function _templateObject12() {
|
|
591
591
|
": var(--surface-solid-default);\n ",
|
592
592
|
": var(--inverse-text-primary);\n\n ",
|
593
593
|
": var(--inverse-text-secondary);\n ",
|
594
|
-
": var(--inverse-text-secondary);\n ",
|
595
|
-
": var(--inverse-text-secondary-hover);\n ",
|
596
594
|
": 1;\n "
|
597
595
|
]);
|
598
596
|
_templateObject12 = function _templateObject() {
|
@@ -614,8 +612,6 @@ function _templateObject13() {
|
|
614
612
|
": var(--surface-transparent-secondary);\n ",
|
615
613
|
": var(--text-primary);\n\n ",
|
616
614
|
": var(--text-secondary);\n ",
|
617
|
-
": var(--text-secondary);\n ",
|
618
|
-
": var(--text-secondary-hover);\n ",
|
619
615
|
": 1;\n "
|
620
616
|
]);
|
621
617
|
_templateObject13 = function _templateObject() {
|
@@ -637,8 +633,6 @@ function _templateObject14() {
|
|
637
633
|
": var(--surface-accent);\n ",
|
638
634
|
": var(--on-dark-text-primary);\n\n ",
|
639
635
|
": var(--on-dark-text-secondary);\n ",
|
640
|
-
": var(--on-dark-text-secondary);\n ",
|
641
|
-
": var(--on-dark-text-secondary-hover);\n ",
|
642
636
|
": 1;\n "
|
643
637
|
]);
|
644
638
|
_templateObject14 = function _templateObject() {
|
@@ -660,8 +654,6 @@ function _templateObject15() {
|
|
660
654
|
": var(--surface-positive);\n ",
|
661
655
|
": var(--on-dark-text-primary);\n\n ",
|
662
656
|
": var(--on-dark-text-secondary);\n ",
|
663
|
-
": var(--on-dark-text-secondary);\n ",
|
664
|
-
": var(--on-dark-text-secondary-hover);\n ",
|
665
657
|
": 1;\n "
|
666
658
|
]);
|
667
659
|
_templateObject15 = function _templateObject() {
|
@@ -683,8 +675,6 @@ function _templateObject16() {
|
|
683
675
|
": var(--surface-warning);\n ",
|
684
676
|
": var(--on-dark-text-primary);\n\n ",
|
685
677
|
": var(--on-dark-text-secondary);\n ",
|
686
|
-
": var(--on-dark-text-secondary);\n ",
|
687
|
-
": var(--on-dark-text-secondary-hover);\n ",
|
688
678
|
": 1;\n "
|
689
679
|
]);
|
690
680
|
_templateObject16 = function _templateObject() {
|
@@ -706,8 +696,6 @@ function _templateObject17() {
|
|
706
696
|
": var(--surface-negative);\n ",
|
707
697
|
": var(--on-dark-text-primary);\n\n ",
|
708
698
|
": var(--on-dark-text-secondary);\n ",
|
709
|
-
": var(--on-dark-text-secondary);\n ",
|
710
|
-
": var(--on-dark-text-secondary-hover);\n ",
|
711
699
|
": 1;\n "
|
712
700
|
]);
|
713
701
|
_templateObject17 = function _templateObject() {
|
@@ -840,12 +828,12 @@ export var config = {
|
|
840
828
|
true: css(_templateObject11())
|
841
829
|
},
|
842
830
|
chipView: {
|
843
|
-
default: css(_templateObject12(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.
|
844
|
-
secondary: css(_templateObject13(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.
|
845
|
-
accent: css(_templateObject14(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.
|
846
|
-
positive: css(_templateObject15(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.
|
847
|
-
warning: css(_templateObject16(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.
|
848
|
-
negative: css(_templateObject17(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.
|
831
|
+
default: css(_templateObject12(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly),
|
832
|
+
secondary: css(_templateObject13(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly),
|
833
|
+
accent: css(_templateObject14(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly),
|
834
|
+
positive: css(_templateObject15(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly),
|
835
|
+
warning: css(_templateObject16(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly),
|
836
|
+
negative: css(_templateObject17(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly)
|
849
837
|
},
|
850
838
|
hintView: {
|
851
839
|
default: css(_templateObject18(), tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.tooltipArrowBackground)
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-web",
|
3
|
-
"version": "1.596.0-canary.
|
3
|
+
"version": "1.596.0-canary.2260.18215165010.0",
|
4
4
|
"description": "Salute Design System / React UI kit for web applications",
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
6
6
|
"license": "MIT",
|
@@ -20,8 +20,8 @@
|
|
20
20
|
},
|
21
21
|
"dependencies": {
|
22
22
|
"@salutejs/plasma-core": "1.208.0",
|
23
|
-
"@salutejs/plasma-hope": "1.
|
24
|
-
"@salutejs/plasma-new-hope": "0.338.0-canary.
|
23
|
+
"@salutejs/plasma-hope": "1.354.0-canary.2260.18215165010.0",
|
24
|
+
"@salutejs/plasma-new-hope": "0.338.0-canary.2260.18215165010.0",
|
25
25
|
"@salutejs/plasma-themes": "0.38.0",
|
26
26
|
"@salutejs/plasma-tokens-b2b": "1.54.0",
|
27
27
|
"@salutejs/plasma-tokens-b2c": "0.65.0",
|
@@ -51,7 +51,7 @@
|
|
51
51
|
"@salutejs/plasma-colors": "0.16.0",
|
52
52
|
"@salutejs/plasma-cy-utils": "0.138.0",
|
53
53
|
"@salutejs/plasma-icons": "1.224.0",
|
54
|
-
"@salutejs/plasma-sb-utils": "0.
|
54
|
+
"@salutejs/plasma-sb-utils": "0.209.0-canary.2260.18215165010.0",
|
55
55
|
"@storybook/addon-docs": "8.6.14",
|
56
56
|
"@storybook/addon-essentials": "8.6.14",
|
57
57
|
"@storybook/manager-api": "8.6.14",
|
@@ -111,5 +111,5 @@
|
|
111
111
|
"Fanil Zubairov"
|
112
112
|
],
|
113
113
|
"sideEffects": false,
|
114
|
-
"gitHead": "
|
114
|
+
"gitHead": "710ccf9a00d5520fa2ebc5f6f84e714444d4fb54"
|
115
115
|
}
|