@salutejs/sdds-cs 0.328.0-canary.2237.17761786407.0 → 0.328.0-canary.2238.17818313113.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/components/Attach/Attach.config.js +2 -1
- package/components/Combobox/Combobox.config.js +2 -4
- package/components/Drawer/Drawer.d.ts +1 -0
- package/components/Select/Select.config.js +1 -2
- package/components/Skeleton/LineSkeleton.config.d.ts +5 -0
- package/components/Skeleton/LineSkeleton.config.js +76 -51
- package/components/Skeleton/Skeleton.d.ts +8 -0
- package/components/TextField/TextField.config.js +2 -4
- package/emotion/cjs/components/Attach/Attach.config.js +2 -1
- package/emotion/cjs/components/Combobox/Combobox.config.js +2 -4
- package/emotion/cjs/components/Select/Select.config.js +1 -2
- package/emotion/cjs/components/Skeleton/LineSkeleton.config.js +76 -51
- package/emotion/cjs/components/TextField/TextField.config.js +2 -4
- package/emotion/es/components/Attach/Attach.config.js +2 -1
- package/emotion/es/components/Combobox/Combobox.config.js +2 -4
- package/emotion/es/components/Select/Select.config.js +1 -2
- package/emotion/es/components/Skeleton/LineSkeleton.config.js +76 -51
- package/emotion/es/components/TextField/TextField.config.js +2 -4
- package/es/components/Attach/Attach.config.js +2 -1
- package/es/components/Combobox/Combobox.config.js +2 -4
- package/es/components/Select/Select.config.js +1 -2
- package/es/components/Skeleton/LineSkeleton.config.js +76 -51
- package/es/components/TextField/TextField.config.js +2 -4
- package/package.json +7 -7
|
@@ -22,8 +22,7 @@ function _tagged_template_literal(strings, raw) {
|
|
|
22
22
|
function _templateObject() {
|
|
23
23
|
var data = _tagged_template_literal([
|
|
24
24
|
"\n ",
|
|
25
|
-
": var(--plasma-
|
|
26
|
-
": var(--plasma-typo-body-l-font-size);\n "
|
|
25
|
+
": var(--plasma-colors-skeleton-gradient, var(--surface-skeleton-gradient));\n "
|
|
27
26
|
]);
|
|
28
27
|
_templateObject = function _templateObject() {
|
|
29
28
|
return data;
|
|
@@ -33,8 +32,7 @@ function _templateObject() {
|
|
|
33
32
|
function _templateObject1() {
|
|
34
33
|
var data = _tagged_template_literal([
|
|
35
34
|
"\n ",
|
|
36
|
-
": var(--plasma-
|
|
37
|
-
": var(--plasma-typo-body-m-font-size);\n "
|
|
35
|
+
": var(--plasma-colors-skeleton-gradient-lighter, var(--surface-skeleton-deep-gradient));\n "
|
|
38
36
|
]);
|
|
39
37
|
_templateObject1 = function _templateObject() {
|
|
40
38
|
return data;
|
|
@@ -44,8 +42,8 @@ function _templateObject1() {
|
|
|
44
42
|
function _templateObject2() {
|
|
45
43
|
var data = _tagged_template_literal([
|
|
46
44
|
"\n ",
|
|
47
|
-
": var(--plasma-typo-body-
|
|
48
|
-
": var(--plasma-typo-body-
|
|
45
|
+
": var(--plasma-typo-body-l-line-height);\n ",
|
|
46
|
+
": var(--plasma-typo-body-l-font-size);\n "
|
|
49
47
|
]);
|
|
50
48
|
_templateObject2 = function _templateObject() {
|
|
51
49
|
return data;
|
|
@@ -55,8 +53,8 @@ function _templateObject2() {
|
|
|
55
53
|
function _templateObject3() {
|
|
56
54
|
var data = _tagged_template_literal([
|
|
57
55
|
"\n ",
|
|
58
|
-
": var(--plasma-typo-body-
|
|
59
|
-
": var(--plasma-typo-body-
|
|
56
|
+
": var(--plasma-typo-body-m-line-height);\n ",
|
|
57
|
+
": var(--plasma-typo-body-m-font-size);\n "
|
|
60
58
|
]);
|
|
61
59
|
_templateObject3 = function _templateObject() {
|
|
62
60
|
return data;
|
|
@@ -66,8 +64,8 @@ function _templateObject3() {
|
|
|
66
64
|
function _templateObject4() {
|
|
67
65
|
var data = _tagged_template_literal([
|
|
68
66
|
"\n ",
|
|
69
|
-
": var(--plasma-typo-body-
|
|
70
|
-
": var(--plasma-typo-body-
|
|
67
|
+
": var(--plasma-typo-body-s-line-height);\n ",
|
|
68
|
+
": var(--plasma-typo-body-s-font-size);\n "
|
|
71
69
|
]);
|
|
72
70
|
_templateObject4 = function _templateObject() {
|
|
73
71
|
return data;
|
|
@@ -77,8 +75,8 @@ function _templateObject4() {
|
|
|
77
75
|
function _templateObject5() {
|
|
78
76
|
var data = _tagged_template_literal([
|
|
79
77
|
"\n ",
|
|
80
|
-
": var(--plasma-typo-
|
|
81
|
-
": var(--plasma-typo-
|
|
78
|
+
": var(--plasma-typo-body-xs-line-height);\n ",
|
|
79
|
+
": var(--plasma-typo-body-xs-font-size);\n "
|
|
82
80
|
]);
|
|
83
81
|
_templateObject5 = function _templateObject() {
|
|
84
82
|
return data;
|
|
@@ -88,8 +86,8 @@ function _templateObject5() {
|
|
|
88
86
|
function _templateObject6() {
|
|
89
87
|
var data = _tagged_template_literal([
|
|
90
88
|
"\n ",
|
|
91
|
-
": var(--plasma-typo-
|
|
92
|
-
": var(--plasma-typo-
|
|
89
|
+
": var(--plasma-typo-body-xxs-line-height);\n ",
|
|
90
|
+
": var(--plasma-typo-body-xxs-font-size);\n "
|
|
93
91
|
]);
|
|
94
92
|
_templateObject6 = function _templateObject() {
|
|
95
93
|
return data;
|
|
@@ -99,8 +97,8 @@ function _templateObject6() {
|
|
|
99
97
|
function _templateObject7() {
|
|
100
98
|
var data = _tagged_template_literal([
|
|
101
99
|
"\n ",
|
|
102
|
-
": var(--plasma-typo-dspl-
|
|
103
|
-
": var(--plasma-typo-dspl-
|
|
100
|
+
": var(--plasma-typo-dspl-l-line-height);\n ",
|
|
101
|
+
": var(--plasma-typo-dspl-l-font-size);\n "
|
|
104
102
|
]);
|
|
105
103
|
_templateObject7 = function _templateObject() {
|
|
106
104
|
return data;
|
|
@@ -110,8 +108,8 @@ function _templateObject7() {
|
|
|
110
108
|
function _templateObject8() {
|
|
111
109
|
var data = _tagged_template_literal([
|
|
112
110
|
"\n ",
|
|
113
|
-
": var(--plasma-typo-
|
|
114
|
-
": var(--plasma-typo-
|
|
111
|
+
": var(--plasma-typo-dspl-m-line-height);\n ",
|
|
112
|
+
": var(--plasma-typo-dspl-m-font-size);\n "
|
|
115
113
|
]);
|
|
116
114
|
_templateObject8 = function _templateObject() {
|
|
117
115
|
return data;
|
|
@@ -121,8 +119,8 @@ function _templateObject8() {
|
|
|
121
119
|
function _templateObject9() {
|
|
122
120
|
var data = _tagged_template_literal([
|
|
123
121
|
"\n ",
|
|
124
|
-
": var(--plasma-typo-
|
|
125
|
-
": var(--plasma-typo-
|
|
122
|
+
": var(--plasma-typo-dspl-s-line-height);\n ",
|
|
123
|
+
": var(--plasma-typo-dspl-s-font-size);\n "
|
|
126
124
|
]);
|
|
127
125
|
_templateObject9 = function _templateObject() {
|
|
128
126
|
return data;
|
|
@@ -132,8 +130,8 @@ function _templateObject9() {
|
|
|
132
130
|
function _templateObject10() {
|
|
133
131
|
var data = _tagged_template_literal([
|
|
134
132
|
"\n ",
|
|
135
|
-
": var(--plasma-typo-
|
|
136
|
-
": var(--plasma-typo-
|
|
133
|
+
": var(--plasma-typo-h1-line-height);\n ",
|
|
134
|
+
": var(--plasma-typo-h1-font-size);\n "
|
|
137
135
|
]);
|
|
138
136
|
_templateObject10 = function _templateObject() {
|
|
139
137
|
return data;
|
|
@@ -143,8 +141,8 @@ function _templateObject10() {
|
|
|
143
141
|
function _templateObject11() {
|
|
144
142
|
var data = _tagged_template_literal([
|
|
145
143
|
"\n ",
|
|
146
|
-
": var(--plasma-typo-
|
|
147
|
-
": var(--plasma-typo-
|
|
144
|
+
": var(--plasma-typo-h2-line-height);\n ",
|
|
145
|
+
": var(--plasma-typo-h2-font-size);\n "
|
|
148
146
|
]);
|
|
149
147
|
_templateObject11 = function _templateObject() {
|
|
150
148
|
return data;
|
|
@@ -154,8 +152,8 @@ function _templateObject11() {
|
|
|
154
152
|
function _templateObject12() {
|
|
155
153
|
var data = _tagged_template_literal([
|
|
156
154
|
"\n ",
|
|
157
|
-
": var(--plasma-typo-
|
|
158
|
-
": var(--plasma-typo-
|
|
155
|
+
": var(--plasma-typo-h3-line-height);\n ",
|
|
156
|
+
": var(--plasma-typo-h3-font-size);\n "
|
|
159
157
|
]);
|
|
160
158
|
_templateObject12 = function _templateObject() {
|
|
161
159
|
return data;
|
|
@@ -165,8 +163,8 @@ function _templateObject12() {
|
|
|
165
163
|
function _templateObject13() {
|
|
166
164
|
var data = _tagged_template_literal([
|
|
167
165
|
"\n ",
|
|
168
|
-
": var(--plasma-typo-
|
|
169
|
-
": var(--plasma-typo-
|
|
166
|
+
": var(--plasma-typo-h4-line-height);\n ",
|
|
167
|
+
": var(--plasma-typo-h4-font-size);\n "
|
|
170
168
|
]);
|
|
171
169
|
_templateObject13 = function _templateObject() {
|
|
172
170
|
return data;
|
|
@@ -176,8 +174,8 @@ function _templateObject13() {
|
|
|
176
174
|
function _templateObject14() {
|
|
177
175
|
var data = _tagged_template_literal([
|
|
178
176
|
"\n ",
|
|
179
|
-
": var(--plasma-typo-
|
|
180
|
-
": var(--plasma-typo-
|
|
177
|
+
": var(--plasma-typo-h5-line-height);\n ",
|
|
178
|
+
": var(--plasma-typo-h5-font-size);\n "
|
|
181
179
|
]);
|
|
182
180
|
_templateObject14 = function _templateObject() {
|
|
183
181
|
return data;
|
|
@@ -187,8 +185,8 @@ function _templateObject14() {
|
|
|
187
185
|
function _templateObject15() {
|
|
188
186
|
var data = _tagged_template_literal([
|
|
189
187
|
"\n ",
|
|
190
|
-
": var(--plasma-typo-text-
|
|
191
|
-
": var(--plasma-typo-text-
|
|
188
|
+
": var(--plasma-typo-text-l-line-height);\n ",
|
|
189
|
+
": var(--plasma-typo-text-l-font-size);\n "
|
|
192
190
|
]);
|
|
193
191
|
_templateObject15 = function _templateObject() {
|
|
194
192
|
return data;
|
|
@@ -196,39 +194,66 @@ function _templateObject15() {
|
|
|
196
194
|
return data;
|
|
197
195
|
}
|
|
198
196
|
function _templateObject16() {
|
|
197
|
+
var data = _tagged_template_literal([
|
|
198
|
+
"\n ",
|
|
199
|
+
": var(--plasma-typo-text-m-line-height);\n ",
|
|
200
|
+
": var(--plasma-typo-text-m-font-size);\n "
|
|
201
|
+
]);
|
|
202
|
+
_templateObject16 = function _templateObject() {
|
|
203
|
+
return data;
|
|
204
|
+
};
|
|
205
|
+
return data;
|
|
206
|
+
}
|
|
207
|
+
function _templateObject17() {
|
|
208
|
+
var data = _tagged_template_literal([
|
|
209
|
+
"\n ",
|
|
210
|
+
": var(--plasma-typo-text-s-line-height);\n ",
|
|
211
|
+
": var(--plasma-typo-text-s-font-size);\n "
|
|
212
|
+
]);
|
|
213
|
+
_templateObject17 = function _templateObject() {
|
|
214
|
+
return data;
|
|
215
|
+
};
|
|
216
|
+
return data;
|
|
217
|
+
}
|
|
218
|
+
function _templateObject18() {
|
|
199
219
|
var data = _tagged_template_literal([
|
|
200
220
|
"\n ",
|
|
201
221
|
": var(--plasma-typo-text-xs-line-height);\n ",
|
|
202
222
|
": var(--plasma-typo-text-xs-font-size);\n "
|
|
203
223
|
]);
|
|
204
|
-
|
|
224
|
+
_templateObject18 = function _templateObject() {
|
|
205
225
|
return data;
|
|
206
226
|
};
|
|
207
227
|
return data;
|
|
208
228
|
}
|
|
209
229
|
var config = {
|
|
210
230
|
defaults: {
|
|
211
|
-
size: 'bodyM'
|
|
231
|
+
size: 'bodyM',
|
|
232
|
+
view: 'default'
|
|
212
233
|
},
|
|
213
234
|
variations: {
|
|
235
|
+
view: {
|
|
236
|
+
default: (0, _emotion.css)(_templateObject(), _emotion.skeletonTokens.gradientColor),
|
|
237
|
+
lighter: (0, _emotion.css)(_templateObject1(), _emotion.skeletonTokens.gradientColor)
|
|
238
|
+
},
|
|
214
239
|
size: {
|
|
215
|
-
bodyL: (0, _emotion.css)(
|
|
216
|
-
bodyM: (0, _emotion.css)(
|
|
217
|
-
bodyS: (0, _emotion.css)(
|
|
218
|
-
bodyXS: (0, _emotion.css)(
|
|
219
|
-
bodyXXS: (0, _emotion.css)(
|
|
220
|
-
dsplL: (0, _emotion.css)(
|
|
221
|
-
dsplM: (0, _emotion.css)(
|
|
222
|
-
dsplS: (0, _emotion.css)(
|
|
223
|
-
h1: (0, _emotion.css)(
|
|
224
|
-
h2: (0, _emotion.css)(
|
|
225
|
-
h3: (0, _emotion.css)(
|
|
226
|
-
h4: (0, _emotion.css)(
|
|
227
|
-
h5: (0, _emotion.css)(
|
|
228
|
-
textL: (0, _emotion.css)(
|
|
229
|
-
textM: (0, _emotion.css)(
|
|
230
|
-
textS: (0, _emotion.css)(
|
|
231
|
-
textXS: (0, _emotion.css)(
|
|
240
|
+
bodyL: (0, _emotion.css)(_templateObject2(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
241
|
+
bodyM: (0, _emotion.css)(_templateObject3(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
242
|
+
bodyS: (0, _emotion.css)(_templateObject4(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
243
|
+
bodyXS: (0, _emotion.css)(_templateObject5(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
244
|
+
bodyXXS: (0, _emotion.css)(_templateObject6(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
245
|
+
dsplL: (0, _emotion.css)(_templateObject7(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
246
|
+
dsplM: (0, _emotion.css)(_templateObject8(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
247
|
+
dsplS: (0, _emotion.css)(_templateObject9(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
248
|
+
h1: (0, _emotion.css)(_templateObject10(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
249
|
+
h2: (0, _emotion.css)(_templateObject11(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
250
|
+
h3: (0, _emotion.css)(_templateObject12(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
251
|
+
h4: (0, _emotion.css)(_templateObject13(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
252
|
+
h5: (0, _emotion.css)(_templateObject14(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
253
|
+
textL: (0, _emotion.css)(_templateObject15(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
254
|
+
textM: (0, _emotion.css)(_templateObject16(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
255
|
+
textS: (0, _emotion.css)(_templateObject17(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
256
|
+
textXS: (0, _emotion.css)(_templateObject18(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight)
|
|
232
257
|
}
|
|
233
258
|
}
|
|
234
259
|
};
|
|
@@ -48,7 +48,6 @@ function _templateObject() {
|
|
|
48
48
|
": var(--surface-accent);\n\n ",
|
|
49
49
|
": var(--text-secondary);\n ",
|
|
50
50
|
": var(--text-primary);\n ",
|
|
51
|
-
": var(--text-primary);\n ",
|
|
52
51
|
": var(--surface-transparent-secondary);\n ",
|
|
53
52
|
": var(--text-primary-hover);\n ",
|
|
54
53
|
": var(--surface-transparent-secondary-hover);\n ",
|
|
@@ -94,7 +93,6 @@ function _templateObject1() {
|
|
|
94
93
|
": var(--surface-accent);\n\n ",
|
|
95
94
|
": var(--text-secondary);\n ",
|
|
96
95
|
": var(--text-primary);\n ",
|
|
97
|
-
": var(--text-primary);\n ",
|
|
98
96
|
": var(--surface-transparent-secondary);\n ",
|
|
99
97
|
": var(--text-primary);\n ",
|
|
100
98
|
": var(--surface-transparent-secondary-hover);\n ",
|
|
@@ -315,8 +313,8 @@ var config = {
|
|
|
315
313
|
},
|
|
316
314
|
variations: {
|
|
317
315
|
view: {
|
|
318
|
-
default: (0, _emotion.css)(_templateObject(), _emotion.textFieldTokens.color, _emotion.textFieldTokens.clearColor, _emotion.textFieldTokens.backgroundColor, _emotion.textFieldTokens.backgroundColorFocus, _emotion.textFieldTokens.caretColor, _emotion.textFieldTokens.placeholderColor, _emotion.textFieldTokens.placeholderColorFocus, _emotion.textFieldTokens.clearPlaceholderColor, _emotion.textFieldTokens.clearPlaceholderColorFocus, _emotion.textFieldTokens.textBeforeColor, _emotion.textFieldTokens.textAfterColor, _emotion.textFieldTokens.labelColor, _emotion.textFieldTokens.leftHelperColor, _emotion.textFieldTokens.titleCaptionColor, _emotion.textFieldTokens.hintIconColor, _emotion.textFieldTokens.contentSlotColor, _emotion.textFieldTokens.contentSlotColorHover, _emotion.textFieldTokens.contentSlotColorActive, _emotion.textFieldTokens.contentSlotRightColor, _emotion.textFieldTokens.contentSlotRightColorHover, _emotion.textFieldTokens.contentSlotRightColorActive, _emotion.textFieldTokens.dividerColor, _emotion.textFieldTokens.dividerColorHover, _emotion.textFieldTokens.dividerColorFocus, _emotion.textFieldTokens.chipCloseIconColor, _emotion.textFieldTokens.
|
|
319
|
-
negative: (0, _emotion.css)(_templateObject1(), _emotion.textFieldTokens.color, _emotion.textFieldTokens.clearColor, _emotion.textFieldTokens.backgroundColor, _emotion.textFieldTokens.backgroundColorFocus, _emotion.textFieldTokens.caretColor, _emotion.textFieldTokens.placeholderColor, _emotion.textFieldTokens.clearPlaceholderColor, _emotion.textFieldTokens.placeholderColorFocus, _emotion.textFieldTokens.clearPlaceholderColorFocus, _emotion.textFieldTokens.textBeforeColor, _emotion.textFieldTokens.textAfterColor, _emotion.textFieldTokens.labelColor, _emotion.textFieldTokens.leftHelperColor, _emotion.textFieldTokens.titleCaptionColor, _emotion.textFieldTokens.hintIconColor, _emotion.textFieldTokens.dividerColor, _emotion.textFieldTokens.dividerColorHover, _emotion.textFieldTokens.dividerColorFocus, _emotion.textFieldTokens.chipCloseIconColor, _emotion.textFieldTokens.
|
|
316
|
+
default: (0, _emotion.css)(_templateObject(), _emotion.textFieldTokens.color, _emotion.textFieldTokens.clearColor, _emotion.textFieldTokens.backgroundColor, _emotion.textFieldTokens.backgroundColorFocus, _emotion.textFieldTokens.caretColor, _emotion.textFieldTokens.placeholderColor, _emotion.textFieldTokens.placeholderColorFocus, _emotion.textFieldTokens.clearPlaceholderColor, _emotion.textFieldTokens.clearPlaceholderColorFocus, _emotion.textFieldTokens.textBeforeColor, _emotion.textFieldTokens.textAfterColor, _emotion.textFieldTokens.labelColor, _emotion.textFieldTokens.leftHelperColor, _emotion.textFieldTokens.titleCaptionColor, _emotion.textFieldTokens.hintIconColor, _emotion.textFieldTokens.contentSlotColor, _emotion.textFieldTokens.contentSlotColorHover, _emotion.textFieldTokens.contentSlotColorActive, _emotion.textFieldTokens.contentSlotRightColor, _emotion.textFieldTokens.contentSlotRightColorHover, _emotion.textFieldTokens.contentSlotRightColorActive, _emotion.textFieldTokens.dividerColor, _emotion.textFieldTokens.dividerColorHover, _emotion.textFieldTokens.dividerColorFocus, _emotion.textFieldTokens.chipCloseIconColor, _emotion.textFieldTokens.chipColor, _emotion.textFieldTokens.chipBackground, _emotion.textFieldTokens.chipColorHover, _emotion.textFieldTokens.chipBackgroundHover, _emotion.textFieldTokens.chipColorActive, _emotion.textFieldTokens.chipBackgroundActive, _emotion.textFieldTokens.chipBackgroundReadOnly, _emotion.textFieldTokens.chipColorReadOnly, _emotion.textFieldTokens.chipBackgroundReadOnlyHover, _emotion.textFieldTokens.chipColorReadOnlyHover, _emotion.textFieldTokens.chipOpacityReadonly, _emotion.textFieldTokens.focusColor, _emotion.textFieldTokens.borderColor, _emotion.textFieldTokens.borderColorFocus, _emotion.textFieldTokens.borderColorHover, _emotion.textFieldTokens.indicatorColor, _emotion.textFieldTokens.optionalColor),
|
|
317
|
+
negative: (0, _emotion.css)(_templateObject1(), _emotion.textFieldTokens.color, _emotion.textFieldTokens.clearColor, _emotion.textFieldTokens.backgroundColor, _emotion.textFieldTokens.backgroundColorFocus, _emotion.textFieldTokens.caretColor, _emotion.textFieldTokens.placeholderColor, _emotion.textFieldTokens.clearPlaceholderColor, _emotion.textFieldTokens.placeholderColorFocus, _emotion.textFieldTokens.clearPlaceholderColorFocus, _emotion.textFieldTokens.textBeforeColor, _emotion.textFieldTokens.textAfterColor, _emotion.textFieldTokens.labelColor, _emotion.textFieldTokens.leftHelperColor, _emotion.textFieldTokens.titleCaptionColor, _emotion.textFieldTokens.hintIconColor, _emotion.textFieldTokens.dividerColor, _emotion.textFieldTokens.dividerColorHover, _emotion.textFieldTokens.dividerColorFocus, _emotion.textFieldTokens.chipCloseIconColor, _emotion.textFieldTokens.chipColor, _emotion.textFieldTokens.chipBackground, _emotion.textFieldTokens.chipColorHover, _emotion.textFieldTokens.chipBackgroundHover, _emotion.textFieldTokens.chipColorActive, _emotion.textFieldTokens.chipBackgroundActive, _emotion.textFieldTokens.chipBackgroundReadOnly, _emotion.textFieldTokens.chipColorReadOnly, _emotion.textFieldTokens.chipBackgroundReadOnlyHover, _emotion.textFieldTokens.chipColorReadOnlyHover, _emotion.textFieldTokens.chipOpacityReadonly, _emotion.textFieldTokens.borderColor, _emotion.textFieldTokens.focusColor, _emotion.textFieldTokens.indicatorColor, _emotion.textFieldTokens.optionalColor)
|
|
320
318
|
},
|
|
321
319
|
size: {
|
|
322
320
|
s: (0, _emotion.css)(_templateObject2(), _emotion.textFieldTokens.height, _emotion.textFieldTokens.padding, _emotion.textFieldTokens.paddingWithChips, _emotion.textFieldTokens.borderRadius, _emotion.textFieldTokens.borderWidth, _emotion.textFieldTokens.leftContentMargin, _emotion.textFieldTokens.rightContentMargin, _emotion.textFieldTokens.textBeforeMargin, _emotion.textFieldTokens.textAfterMargin, _emotion.textFieldTokens.fontFamily, _emotion.textFieldTokens.fontSize, _emotion.textFieldTokens.fontStyle, _emotion.textFieldTokens.fontWeight, _emotion.textFieldTokens.letterSpacing, _emotion.textFieldTokens.lineHeight, _emotion.textFieldTokens.labelOffset, _emotion.textFieldTokens.clearLabelOffset, _emotion.textFieldTokens.labelFontFamily, _emotion.textFieldTokens.labelFontSize, _emotion.textFieldTokens.labelFontStyle, _emotion.textFieldTokens.labelFontWeight, _emotion.textFieldTokens.labelLetterSpacing, _emotion.textFieldTokens.labelLineHeight, _emotion.textFieldTokens.hintMargin, _emotion.textFieldTokens.hintTargetSize, _emotion.textFieldTokens.hintInnerLabelPlacementOffset, _emotion.textFieldTokens.clearHintInnerLabelPlacementOffset, _emotion.textFieldTokens.titleCaptionInnerLabelOffset, _emotion.textFieldTokens.titleCaptionFontFamily, _emotion.textFieldTokens.titleCaptionFontSize, _emotion.textFieldTokens.titleCaptionFontStyle, _emotion.textFieldTokens.titleCaptionFontWeight, _emotion.textFieldTokens.titleCaptionLetterSpacing, _emotion.textFieldTokens.titleCaptionLineHeight, _emotion.textFieldTokens.leftHelperOffset, _emotion.textFieldTokens.leftHelperFontFamily, _emotion.textFieldTokens.leftHelperFontSize, _emotion.textFieldTokens.leftHelperFontStyle, _emotion.textFieldTokens.leftHelperFontWeight, _emotion.textFieldTokens.leftHelperLetterSpacing, _emotion.textFieldTokens.leftHelperLineHeight, _emotion.textFieldTokens.labelInnerPadding, _emotion.textFieldTokens.contentLabelInnerPadding, _emotion.textFieldTokens.chipGap, _emotion.textFieldTokens.chipBorderRadius, _emotion.textFieldTokens.chipWidth, _emotion.textFieldTokens.chipHeight, _emotion.textFieldTokens.chipPadding, _emotion.textFieldTokens.chipClearContentMarginLeft, _emotion.textFieldTokens.chipClearContentMarginRight, _emotion.textFieldTokens.chipCloseIconSize, _emotion.textFieldTokens.chipFontFamily, _emotion.textFieldTokens.chipFontSize, _emotion.textFieldTokens.chipFontStyle, _emotion.textFieldTokens.chipFontWeight, _emotion.textFieldTokens.chipLetterSpacing, _emotion.textFieldTokens.chipLineHeight, _emotion.textFieldTokens.indicatorSizeInner, _emotion.textFieldTokens.indicatorSizeOuter, _emotion.textFieldTokens.indicatorLabelPlacementInner, _emotion.textFieldTokens.indicatorLabelPlacementOuter, _emotion.textFieldTokens.indicatorLabelPlacementInnerRight, _emotion.textFieldTokens.indicatorLabelPlacementOuterRight, _emotion.textFieldTokens.clearIndicatorLabelPlacementInner, _emotion.textFieldTokens.clearIndicatorLabelPlacementInnerRight)
|
|
@@ -168,6 +168,7 @@ function _templateObject5() {
|
|
|
168
168
|
": 0.375rem;\n ",
|
|
169
169
|
": 1.5rem;\n\n ",
|
|
170
170
|
": 2.5rem;\n ",
|
|
171
|
+
": 2.5rem;\n ",
|
|
171
172
|
": 11.25rem;\n ",
|
|
172
173
|
": 1rem;\n ",
|
|
173
174
|
": 0.625rem;\n ",
|
|
@@ -256,7 +257,7 @@ export var config = {
|
|
|
256
257
|
negative: css(_templateObject4(), attachTokens.helperTextColor)
|
|
257
258
|
},
|
|
258
259
|
size: {
|
|
259
|
-
s: css(_templateObject5(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor)
|
|
260
|
+
s: css(_templateObject5(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.filenameWrapperHeight, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor)
|
|
260
261
|
}
|
|
261
262
|
}
|
|
262
263
|
};
|
|
@@ -38,7 +38,6 @@ function _templateObject() {
|
|
|
38
38
|
": var(--text-tertiary);\n\n ",
|
|
39
39
|
": var(--text-secondary);\n ",
|
|
40
40
|
": var(--text-primary);\n ",
|
|
41
|
-
": var(--text-primary);\n ",
|
|
42
41
|
": var(--surface-transparent-secondary);\n ",
|
|
43
42
|
": var(--text-primary);\n ",
|
|
44
43
|
": var(--surface-transparent-secondary-hover);\n ",
|
|
@@ -95,7 +94,6 @@ function _templateObject1() {
|
|
|
95
94
|
": var(--text-tertiary);\n\n ",
|
|
96
95
|
": var(--text-secondary);\n ",
|
|
97
96
|
": var(--text-primary);\n ",
|
|
98
|
-
": var(--text-primary);\n ",
|
|
99
97
|
": var(--surface-transparent-secondary);\n ",
|
|
100
98
|
": var(--text-primary);\n ",
|
|
101
99
|
": var(--surface-transparent-secondary-hover);\n ",
|
|
@@ -296,8 +294,8 @@ export var config = {
|
|
|
296
294
|
},
|
|
297
295
|
variations: {
|
|
298
296
|
view: {
|
|
299
|
-
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.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.
|
|
300
|
-
negative: 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.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.
|
|
297
|
+
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.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, 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.dropdownBorderColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
|
|
298
|
+
negative: 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.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, 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.dropdownBorderColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor)
|
|
301
299
|
},
|
|
302
300
|
size: {
|
|
303
301
|
s: css(_templateObject2(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, 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.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.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, 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.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dropdownBorderWidth, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight)
|
|
@@ -231,7 +231,6 @@ function _templateObject5() {
|
|
|
231
231
|
": var(--inverse-text-primary);\n ",
|
|
232
232
|
": var(--surface-solid-default);\n ",
|
|
233
233
|
": var(--surface-solid-default-hover);\n ",
|
|
234
|
-
": var(--inverse-text-secondary);\n ",
|
|
235
234
|
": var(--inverse-text-primary);\n ",
|
|
236
235
|
": 1;\n "
|
|
237
236
|
]);
|
|
@@ -294,7 +293,7 @@ export var config = {
|
|
|
294
293
|
outer: css(_templateObject4())
|
|
295
294
|
},
|
|
296
295
|
chipView: {
|
|
297
|
-
default: css(_templateObject5(), selectTokens.textFieldChipColor, selectTokens.textFieldChipBackground, selectTokens.textFieldChipBackgroundHover, selectTokens.textFieldChipCloseIconColor, selectTokens.
|
|
296
|
+
default: css(_templateObject5(), selectTokens.textFieldChipColor, selectTokens.textFieldChipBackground, selectTokens.textFieldChipBackgroundHover, selectTokens.textFieldChipCloseIconColor, selectTokens.textFieldChipOpacityReadonly)
|
|
298
297
|
},
|
|
299
298
|
disabled: {
|
|
300
299
|
true: css(_templateObject6(), selectTokens.textFieldDisabledOpacity, selectTokens.textFieldBackgroundColor, selectTokens.textFieldBackgroundColorFocus, selectTokens.textFieldBorderColor, selectTokens.textFieldBorderColorHover, selectTokens.textFieldBorderColorFocus, selectTokens.textFieldColor)
|