@salutejs/sdds-cs 0.336.0-canary.2402.20434660970.0 → 0.336.0-canary.2402.20454508584.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/dist/emotion/cjs/components/Autocomplete/Autocomplete.config.js +4 -2
- package/dist/emotion/cjs/components/Combobox/Combobox.config.js +4 -2
- package/dist/emotion/cjs/components/DatePicker/DatePicker.config.js +4 -2
- package/dist/emotion/cjs/components/Select/Select.config.js +4 -2
- package/dist/emotion/cjs/components/TextField/TextField.config.js +4 -2
- package/dist/emotion/es/components/Autocomplete/Autocomplete.config.js +4 -2
- package/dist/emotion/es/components/Combobox/Combobox.config.js +4 -2
- package/dist/emotion/es/components/DatePicker/DatePicker.config.js +4 -2
- package/dist/emotion/es/components/Select/Select.config.js +4 -2
- package/dist/emotion/es/components/TextField/TextField.config.js +4 -2
- package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +4 -2
- package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +4 -2
- package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +4 -2
- package/dist/styled-components/cjs/components/Select/Select.config.js +4 -2
- package/dist/styled-components/cjs/components/TextField/TextField.config.js +4 -2
- package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +4 -2
- package/dist/styled-components/es/components/Combobox/Combobox.config.js +4 -2
- package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +4 -2
- package/dist/styled-components/es/components/Select/Select.config.js +4 -2
- package/dist/styled-components/es/components/TextField/TextField.config.js +4 -2
- package/package.json +7 -7
- package/types/components/Combobox/Combobox.d.ts +24 -0
- package/types/components/Select/Select.d.ts +6 -0
|
@@ -218,7 +218,9 @@ function _templateObject6() {
|
|
|
218
218
|
": var(--surface-clear);\n ",
|
|
219
219
|
": var(--text-secondary);\n ",
|
|
220
220
|
": var(--text-secondary);\n ",
|
|
221
|
-
": var(--text-secondary);\n
|
|
221
|
+
": var(--text-secondary);\n ",
|
|
222
|
+
": transparent;\n ",
|
|
223
|
+
": 0;\n "
|
|
222
224
|
]);
|
|
223
225
|
_templateObject6 = function _templateObject() {
|
|
224
226
|
return data;
|
|
@@ -247,7 +249,7 @@ var config = {
|
|
|
247
249
|
true: (0, _emotion.css)(_templateObject5(), _emotion.autocompleteTokens.itemColor, _emotion.autocompleteTokens.background, _emotion.autocompleteTokens.textFieldColor, _emotion.autocompleteTokens.textFieldLabelColor, _emotion.autocompleteTokens.textFieldBackgroundColor, _emotion.autocompleteTokens.textFieldBackgroundColorHover, _emotion.autocompleteTokens.textFieldBackgroundColorFocus, _emotion.autocompleteTokens.textFieldBorderColor, _emotion.autocompleteTokens.textFieldBorderColorHover, _emotion.autocompleteTokens.textFieldBorderColorFocus)
|
|
248
250
|
},
|
|
249
251
|
readOnly: {
|
|
250
|
-
true: (0, _emotion.css)(_templateObject6(), _emotion.autocompleteTokens.textFieldColorReadOnly, _emotion.autocompleteTokens.textFieldBackgroundColorReadOnly, _emotion.autocompleteTokens.textFieldBorderColorReadOnly, _emotion.autocompleteTokens.textFieldPlaceholderColorReadOnly, _emotion.autocompleteTokens.textFieldLeftHelperColorReadOnly, _emotion.autocompleteTokens.textFieldLabelColorReadOnly)
|
|
252
|
+
true: (0, _emotion.css)(_templateObject6(), _emotion.autocompleteTokens.textFieldColorReadOnly, _emotion.autocompleteTokens.textFieldBackgroundColorReadOnly, _emotion.autocompleteTokens.textFieldBorderColorReadOnly, _emotion.autocompleteTokens.textFieldPlaceholderColorReadOnly, _emotion.autocompleteTokens.textFieldLeftHelperColorReadOnly, _emotion.autocompleteTokens.textFieldLabelColorReadOnly, _emotion.autocompleteTokens.textFieldBorderColor, _emotion.autocompleteTokens.textFieldBorderWidth)
|
|
251
253
|
}
|
|
252
254
|
}
|
|
253
255
|
};
|
|
@@ -293,7 +293,9 @@ function _templateObject6() {
|
|
|
293
293
|
": transparent;\n ",
|
|
294
294
|
": 0;\n ",
|
|
295
295
|
": 0.25rem;\n ",
|
|
296
|
-
": 0rem;\n
|
|
296
|
+
": 0rem;\n ",
|
|
297
|
+
": transparent;\n ",
|
|
298
|
+
": 0;\n "
|
|
297
299
|
]);
|
|
298
300
|
_templateObject6 = function _templateObject() {
|
|
299
301
|
return data;
|
|
@@ -322,7 +324,7 @@ var config = {
|
|
|
322
324
|
true: (0, _emotion.css)(_templateObject5(), _emotion.comboboxNewTokens.textFieldDisabledOpacity, _emotion.comboboxNewTokens.textFieldBackgroundColor, _emotion.comboboxNewTokens.textFieldBackgroundColorFocus, _emotion.comboboxNewTokens.textFieldBorderColor, _emotion.comboboxNewTokens.textFieldBorderColorHover, _emotion.comboboxNewTokens.textFieldBorderColorFocus, _emotion.comboboxNewTokens.textFieldColor)
|
|
323
325
|
},
|
|
324
326
|
readOnly: {
|
|
325
|
-
true: (0, _emotion.css)(_templateObject6(), _emotion.comboboxNewTokens.textFieldColorReadOnly, _emotion.comboboxNewTokens.textFieldBackgroundColorReadOnly, _emotion.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _emotion.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _emotion.comboboxNewTokens.textFieldLabelColorReadOnly, _emotion.comboboxNewTokens.textFieldColor, _emotion.comboboxNewTokens.disclosureIconColor, _emotion.comboboxNewTokens.disclosureIconColorHover, _emotion.comboboxNewTokens.textFieldPadding, _emotion.comboboxNewTokens.textFieldLabelOffset, _emotion.comboboxNewTokens.textFieldLeftHelperOffset)
|
|
327
|
+
true: (0, _emotion.css)(_templateObject6(), _emotion.comboboxNewTokens.textFieldColorReadOnly, _emotion.comboboxNewTokens.textFieldBackgroundColorReadOnly, _emotion.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _emotion.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _emotion.comboboxNewTokens.textFieldLabelColorReadOnly, _emotion.comboboxNewTokens.textFieldColor, _emotion.comboboxNewTokens.disclosureIconColor, _emotion.comboboxNewTokens.disclosureIconColorHover, _emotion.comboboxNewTokens.textFieldPadding, _emotion.comboboxNewTokens.textFieldLabelOffset, _emotion.comboboxNewTokens.textFieldLeftHelperOffset, _emotion.comboboxNewTokens.textFieldBorderColor, _emotion.comboboxNewTokens.textFieldBorderWidth)
|
|
326
328
|
}
|
|
327
329
|
}
|
|
328
330
|
};
|
|
@@ -242,7 +242,9 @@ function _templateObject3() {
|
|
|
242
242
|
": 0.4;\n\n ",
|
|
243
243
|
": var(--text-primary);\n ",
|
|
244
244
|
": var(--surface-clear);\n ",
|
|
245
|
-
": var(--text-secondary);\n
|
|
245
|
+
": var(--text-secondary);\n ",
|
|
246
|
+
": transparent;\n ",
|
|
247
|
+
": 0;\n "
|
|
246
248
|
]);
|
|
247
249
|
_templateObject3 = function _templateObject() {
|
|
248
250
|
return data;
|
|
@@ -265,7 +267,7 @@ var config = {
|
|
|
265
267
|
true: (0, _emotion.css)(_templateObject2(), _emotion.datePickerTokens.background, _emotion.datePickerTokens.borderColor, _emotion.datePickerTokens.borderColorHover, _emotion.datePickerTokens.borderColorFocus, _emotion.datePickerTokens.borderColorSuccess, _emotion.datePickerTokens.textFieldBorderColorFocus, _emotion.datePickerTokens.textFieldColor, _emotion.datePickerTokens.textFieldPlaceholderColor, _emotion.datePickerTokens.textFieldColor, _emotion.datePickerTokens.textFieldPlaceholderColor, _emotion.datePickerTokens.textFieldCaretColor, _emotion.datePickerTokens.textFieldBackgroundColor, _emotion.datePickerTokens.labelColor)
|
|
266
268
|
},
|
|
267
269
|
readOnly: {
|
|
268
|
-
true: (0, _emotion.css)(_templateObject3(), _emotion.datePickerTokens.backgroundReadOnly, _emotion.datePickerTokens.labelColorReadOnly, _emotion.datePickerTokens.leftHelperColorReadOnly, _emotion.datePickerTokens.labelColor, _emotion.datePickerTokens.dividerColorReadOnly, _emotion.datePickerTokens.dividerOpacityReadOnly, _emotion.datePickerTokens.textFieldColorReadOnly, _emotion.datePickerTokens.textFieldBackgroundColorReadOnly, _emotion.datePickerTokens.textFieldPlaceholderColorReadOnly)
|
|
270
|
+
true: (0, _emotion.css)(_templateObject3(), _emotion.datePickerTokens.backgroundReadOnly, _emotion.datePickerTokens.labelColorReadOnly, _emotion.datePickerTokens.leftHelperColorReadOnly, _emotion.datePickerTokens.labelColor, _emotion.datePickerTokens.dividerColorReadOnly, _emotion.datePickerTokens.dividerOpacityReadOnly, _emotion.datePickerTokens.textFieldColorReadOnly, _emotion.datePickerTokens.textFieldBackgroundColorReadOnly, _emotion.datePickerTokens.textFieldPlaceholderColorReadOnly, _emotion.datePickerTokens.borderColor, _emotion.datePickerTokens.borderWidth)
|
|
269
271
|
}
|
|
270
272
|
}
|
|
271
273
|
};
|
|
@@ -278,7 +278,9 @@ function _templateObject7() {
|
|
|
278
278
|
": var(--text-secondary);\n ",
|
|
279
279
|
": var(--text-secondary);\n ",
|
|
280
280
|
": var(--text-secondary);\n ",
|
|
281
|
-
": var(--surface-transparent-primary);\n
|
|
281
|
+
": var(--surface-transparent-primary);\n ",
|
|
282
|
+
": transparent;\n ",
|
|
283
|
+
": 0;\n "
|
|
282
284
|
]);
|
|
283
285
|
_templateObject7 = function _templateObject() {
|
|
284
286
|
return data;
|
|
@@ -311,7 +313,7 @@ var config = {
|
|
|
311
313
|
true: (0, _emotion.css)(_templateObject6(), _emotion.selectTokens.textFieldDisabledOpacity, _emotion.selectTokens.textFieldBackgroundColor, _emotion.selectTokens.textFieldBackgroundColorFocus, _emotion.selectTokens.textFieldBorderColor, _emotion.selectTokens.textFieldBorderColorHover, _emotion.selectTokens.textFieldBorderColorFocus, _emotion.selectTokens.textFieldColor)
|
|
312
314
|
},
|
|
313
315
|
readOnly: {
|
|
314
|
-
true: (0, _emotion.css)(_templateObject7(), _emotion.selectTokens.disclosureIconOpacityReadOnly, _emotion.selectTokens.textFieldColorReadOnly, _emotion.selectTokens.textFieldBackgroundColorReadOnly, _emotion.selectTokens.textFieldPlaceholderColorReadOnly, _emotion.selectTokens.textFieldLeftHelperColorReadOnly, _emotion.selectTokens.textFieldTitleCaptionColorReadOnly, _emotion.selectTokens.textFieldLabelColorReadOnly, _emotion.selectTokens.textFieldDividerColorReadOnly)
|
|
316
|
+
true: (0, _emotion.css)(_templateObject7(), _emotion.selectTokens.disclosureIconOpacityReadOnly, _emotion.selectTokens.textFieldColorReadOnly, _emotion.selectTokens.textFieldBackgroundColorReadOnly, _emotion.selectTokens.textFieldPlaceholderColorReadOnly, _emotion.selectTokens.textFieldLeftHelperColorReadOnly, _emotion.selectTokens.textFieldTitleCaptionColorReadOnly, _emotion.selectTokens.textFieldLabelColorReadOnly, _emotion.selectTokens.textFieldDividerColorReadOnly, _emotion.selectTokens.textFieldBorderColor, _emotion.selectTokens.textFieldBorderWidth)
|
|
315
317
|
}
|
|
316
318
|
}
|
|
317
319
|
};
|
|
@@ -283,7 +283,9 @@ function _templateObject8() {
|
|
|
283
283
|
": var(--text-secondary);\n ",
|
|
284
284
|
": var(--text-secondary);\n ",
|
|
285
285
|
": var(--text-secondary);\n ",
|
|
286
|
-
": 0.4;\n
|
|
286
|
+
": 0.4;\n ",
|
|
287
|
+
": transparent;\n ",
|
|
288
|
+
": 0;\n "
|
|
287
289
|
]);
|
|
288
290
|
_templateObject8 = function _templateObject() {
|
|
289
291
|
return data;
|
|
@@ -318,7 +320,7 @@ var config = {
|
|
|
318
320
|
true: (0, _emotion.css)(_templateObject7(), _emotion.textFieldTokens.disabledOpacity, _emotion.textFieldTokens.backgroundColor, _emotion.textFieldTokens.backgroundColorFocus, _emotion.textFieldTokens.borderColor, _emotion.textFieldTokens.borderColorHover, _emotion.textFieldTokens.borderColorFocus, _emotion.textFieldTokens.color)
|
|
319
321
|
},
|
|
320
322
|
readOnly: {
|
|
321
|
-
true: (0, _emotion.css)(_templateObject8(), _emotion.textFieldTokens.readOnlyOpacity, _emotion.textFieldTokens.colorReadOnly, _emotion.textFieldTokens.backgroundColorReadOnly, _emotion.textFieldTokens.placeholderColorReadOnly, _emotion.textFieldTokens.leftHelperColorReadOnly, _emotion.textFieldTokens.titleCaptionColorReadOnly, _emotion.textFieldTokens.labelColorReadOnly, _emotion.textFieldTokens.contentSlotRightOpacityReadOnly)
|
|
323
|
+
true: (0, _emotion.css)(_templateObject8(), _emotion.textFieldTokens.readOnlyOpacity, _emotion.textFieldTokens.colorReadOnly, _emotion.textFieldTokens.backgroundColorReadOnly, _emotion.textFieldTokens.placeholderColorReadOnly, _emotion.textFieldTokens.leftHelperColorReadOnly, _emotion.textFieldTokens.titleCaptionColorReadOnly, _emotion.textFieldTokens.labelColorReadOnly, _emotion.textFieldTokens.contentSlotRightOpacityReadOnly, _emotion.textFieldTokens.borderColor, _emotion.textFieldTokens.borderWidth)
|
|
322
324
|
}
|
|
323
325
|
}
|
|
324
326
|
};
|
|
@@ -207,7 +207,9 @@ function _templateObject6() {
|
|
|
207
207
|
": var(--surface-clear);\n ",
|
|
208
208
|
": var(--text-secondary);\n ",
|
|
209
209
|
": var(--text-secondary);\n ",
|
|
210
|
-
": var(--text-secondary);\n
|
|
210
|
+
": var(--text-secondary);\n ",
|
|
211
|
+
": transparent;\n ",
|
|
212
|
+
": 0;\n "
|
|
211
213
|
]);
|
|
212
214
|
_templateObject6 = function _templateObject() {
|
|
213
215
|
return data;
|
|
@@ -237,7 +239,7 @@ export var config = {
|
|
|
237
239
|
true: css(_templateObject5(), tokens.itemColor, tokens.background, tokens.textFieldColor, tokens.textFieldLabelColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus)
|
|
238
240
|
},
|
|
239
241
|
readOnly: {
|
|
240
|
-
true: css(_templateObject6(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldBorderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly)
|
|
242
|
+
true: css(_templateObject6(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldBorderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldBorderColor, tokens.textFieldBorderWidth)
|
|
241
243
|
}
|
|
242
244
|
}
|
|
243
245
|
};
|
|
@@ -282,7 +282,9 @@ function _templateObject6() {
|
|
|
282
282
|
": transparent;\n ",
|
|
283
283
|
": 0;\n ",
|
|
284
284
|
": 0.25rem;\n ",
|
|
285
|
-
": 0rem;\n
|
|
285
|
+
": 0rem;\n ",
|
|
286
|
+
": transparent;\n ",
|
|
287
|
+
": 0;\n "
|
|
286
288
|
]);
|
|
287
289
|
_templateObject6 = function _templateObject() {
|
|
288
290
|
return data;
|
|
@@ -312,7 +314,7 @@ export var config = {
|
|
|
312
314
|
true: css(_templateObject5(), tokens.textFieldDisabledOpacity, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldColor)
|
|
313
315
|
},
|
|
314
316
|
readOnly: {
|
|
315
|
-
true: css(_templateObject6(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.textFieldPadding, tokens.textFieldLabelOffset, tokens.textFieldLeftHelperOffset)
|
|
317
|
+
true: css(_templateObject6(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.textFieldPadding, tokens.textFieldLabelOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldBorderColor, tokens.textFieldBorderWidth)
|
|
316
318
|
}
|
|
317
319
|
}
|
|
318
320
|
};
|
|
@@ -231,7 +231,9 @@ function _templateObject3() {
|
|
|
231
231
|
": 0.4;\n\n ",
|
|
232
232
|
": var(--text-primary);\n ",
|
|
233
233
|
": var(--surface-clear);\n ",
|
|
234
|
-
": var(--text-secondary);\n
|
|
234
|
+
": var(--text-secondary);\n ",
|
|
235
|
+
": transparent;\n ",
|
|
236
|
+
": 0;\n "
|
|
235
237
|
]);
|
|
236
238
|
_templateObject3 = function _templateObject() {
|
|
237
239
|
return data;
|
|
@@ -255,7 +257,7 @@ export var config = {
|
|
|
255
257
|
true: css(_templateObject2(), tokens.background, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.borderColorSuccess, tokens.textFieldBorderColorFocus, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldBackgroundColor, tokens.labelColor)
|
|
256
258
|
},
|
|
257
259
|
readOnly: {
|
|
258
|
-
true: css(_templateObject3(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.labelColor, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
|
|
260
|
+
true: css(_templateObject3(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.labelColor, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.borderColor, tokens.borderWidth)
|
|
259
261
|
}
|
|
260
262
|
}
|
|
261
263
|
};
|
|
@@ -267,7 +267,9 @@ function _templateObject7() {
|
|
|
267
267
|
": var(--text-secondary);\n ",
|
|
268
268
|
": var(--text-secondary);\n ",
|
|
269
269
|
": var(--text-secondary);\n ",
|
|
270
|
-
": var(--surface-transparent-primary);\n
|
|
270
|
+
": var(--surface-transparent-primary);\n ",
|
|
271
|
+
": transparent;\n ",
|
|
272
|
+
": 0;\n "
|
|
271
273
|
]);
|
|
272
274
|
_templateObject7 = function _templateObject() {
|
|
273
275
|
return data;
|
|
@@ -301,7 +303,7 @@ export var config = {
|
|
|
301
303
|
true: css(_templateObject6(), selectTokens.textFieldDisabledOpacity, selectTokens.textFieldBackgroundColor, selectTokens.textFieldBackgroundColorFocus, selectTokens.textFieldBorderColor, selectTokens.textFieldBorderColorHover, selectTokens.textFieldBorderColorFocus, selectTokens.textFieldColor)
|
|
302
304
|
},
|
|
303
305
|
readOnly: {
|
|
304
|
-
true: css(_templateObject7(), selectTokens.disclosureIconOpacityReadOnly, selectTokens.textFieldColorReadOnly, selectTokens.textFieldBackgroundColorReadOnly, selectTokens.textFieldPlaceholderColorReadOnly, selectTokens.textFieldLeftHelperColorReadOnly, selectTokens.textFieldTitleCaptionColorReadOnly, selectTokens.textFieldLabelColorReadOnly, selectTokens.textFieldDividerColorReadOnly)
|
|
306
|
+
true: css(_templateObject7(), selectTokens.disclosureIconOpacityReadOnly, selectTokens.textFieldColorReadOnly, selectTokens.textFieldBackgroundColorReadOnly, selectTokens.textFieldPlaceholderColorReadOnly, selectTokens.textFieldLeftHelperColorReadOnly, selectTokens.textFieldTitleCaptionColorReadOnly, selectTokens.textFieldLabelColorReadOnly, selectTokens.textFieldDividerColorReadOnly, selectTokens.textFieldBorderColor, selectTokens.textFieldBorderWidth)
|
|
305
307
|
}
|
|
306
308
|
}
|
|
307
309
|
};
|
|
@@ -272,7 +272,9 @@ function _templateObject8() {
|
|
|
272
272
|
": var(--text-secondary);\n ",
|
|
273
273
|
": var(--text-secondary);\n ",
|
|
274
274
|
": var(--text-secondary);\n ",
|
|
275
|
-
": 0.4;\n
|
|
275
|
+
": 0.4;\n ",
|
|
276
|
+
": transparent;\n ",
|
|
277
|
+
": 0;\n "
|
|
276
278
|
]);
|
|
277
279
|
_templateObject8 = function _templateObject() {
|
|
278
280
|
return data;
|
|
@@ -308,7 +310,7 @@ export var config = {
|
|
|
308
310
|
true: css(_templateObject7(), tokens.disabledOpacity, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.color)
|
|
309
311
|
},
|
|
310
312
|
readOnly: {
|
|
311
|
-
true: css(_templateObject8(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
|
|
313
|
+
true: css(_templateObject8(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.contentSlotRightOpacityReadOnly, tokens.borderColor, tokens.borderWidth)
|
|
312
314
|
}
|
|
313
315
|
}
|
|
314
316
|
};
|
|
@@ -218,7 +218,9 @@ function _templateObject6() {
|
|
|
218
218
|
": var(--surface-clear);\n ",
|
|
219
219
|
": var(--text-secondary);\n ",
|
|
220
220
|
": var(--text-secondary);\n ",
|
|
221
|
-
": var(--text-secondary);\n
|
|
221
|
+
": var(--text-secondary);\n ",
|
|
222
|
+
": transparent;\n ",
|
|
223
|
+
": 0;\n "
|
|
222
224
|
]);
|
|
223
225
|
_templateObject6 = function _templateObject() {
|
|
224
226
|
return data;
|
|
@@ -247,7 +249,7 @@ var config = {
|
|
|
247
249
|
true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.autocompleteTokens.itemColor, _styledcomponents.autocompleteTokens.background, _styledcomponents.autocompleteTokens.textFieldColor, _styledcomponents.autocompleteTokens.textFieldLabelColor, _styledcomponents.autocompleteTokens.textFieldBackgroundColor, _styledcomponents.autocompleteTokens.textFieldBackgroundColorHover, _styledcomponents.autocompleteTokens.textFieldBackgroundColorFocus, _styledcomponents.autocompleteTokens.textFieldBorderColor, _styledcomponents.autocompleteTokens.textFieldBorderColorHover, _styledcomponents.autocompleteTokens.textFieldBorderColorFocus)
|
|
248
250
|
},
|
|
249
251
|
readOnly: {
|
|
250
|
-
true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.autocompleteTokens.textFieldColorReadOnly, _styledcomponents.autocompleteTokens.textFieldBackgroundColorReadOnly, _styledcomponents.autocompleteTokens.textFieldBorderColorReadOnly, _styledcomponents.autocompleteTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLabelColorReadOnly)
|
|
252
|
+
true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.autocompleteTokens.textFieldColorReadOnly, _styledcomponents.autocompleteTokens.textFieldBackgroundColorReadOnly, _styledcomponents.autocompleteTokens.textFieldBorderColorReadOnly, _styledcomponents.autocompleteTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLabelColorReadOnly, _styledcomponents.autocompleteTokens.textFieldBorderColor, _styledcomponents.autocompleteTokens.textFieldBorderWidth)
|
|
251
253
|
}
|
|
252
254
|
}
|
|
253
255
|
};
|
|
@@ -293,7 +293,9 @@ function _templateObject6() {
|
|
|
293
293
|
": transparent;\n ",
|
|
294
294
|
": 0;\n ",
|
|
295
295
|
": 0.25rem;\n ",
|
|
296
|
-
": 0rem;\n
|
|
296
|
+
": 0rem;\n ",
|
|
297
|
+
": transparent;\n ",
|
|
298
|
+
": 0;\n "
|
|
297
299
|
]);
|
|
298
300
|
_templateObject6 = function _templateObject() {
|
|
299
301
|
return data;
|
|
@@ -322,7 +324,7 @@ var config = {
|
|
|
322
324
|
true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.comboboxNewTokens.textFieldDisabledOpacity, _styledcomponents.comboboxNewTokens.textFieldBackgroundColor, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorFocus, _styledcomponents.comboboxNewTokens.textFieldBorderColor, _styledcomponents.comboboxNewTokens.textFieldBorderColorHover, _styledcomponents.comboboxNewTokens.textFieldBorderColorFocus, _styledcomponents.comboboxNewTokens.textFieldColor)
|
|
323
325
|
},
|
|
324
326
|
readOnly: {
|
|
325
|
-
true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.comboboxNewTokens.textFieldColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLabelColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldColor, _styledcomponents.comboboxNewTokens.disclosureIconColor, _styledcomponents.comboboxNewTokens.disclosureIconColorHover, _styledcomponents.comboboxNewTokens.textFieldPadding, _styledcomponents.comboboxNewTokens.textFieldLabelOffset, _styledcomponents.comboboxNewTokens.textFieldLeftHelperOffset)
|
|
327
|
+
true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.comboboxNewTokens.textFieldColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLabelColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldColor, _styledcomponents.comboboxNewTokens.disclosureIconColor, _styledcomponents.comboboxNewTokens.disclosureIconColorHover, _styledcomponents.comboboxNewTokens.textFieldPadding, _styledcomponents.comboboxNewTokens.textFieldLabelOffset, _styledcomponents.comboboxNewTokens.textFieldLeftHelperOffset, _styledcomponents.comboboxNewTokens.textFieldBorderColor, _styledcomponents.comboboxNewTokens.textFieldBorderWidth)
|
|
326
328
|
}
|
|
327
329
|
}
|
|
328
330
|
};
|
|
@@ -242,7 +242,9 @@ function _templateObject3() {
|
|
|
242
242
|
": 0.4;\n\n ",
|
|
243
243
|
": var(--text-primary);\n ",
|
|
244
244
|
": var(--surface-clear);\n ",
|
|
245
|
-
": var(--text-secondary);\n
|
|
245
|
+
": var(--text-secondary);\n ",
|
|
246
|
+
": transparent;\n ",
|
|
247
|
+
": 0;\n "
|
|
246
248
|
]);
|
|
247
249
|
_templateObject3 = function _templateObject() {
|
|
248
250
|
return data;
|
|
@@ -265,7 +267,7 @@ var config = {
|
|
|
265
267
|
true: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.datePickerTokens.background, _styledcomponents.datePickerTokens.borderColor, _styledcomponents.datePickerTokens.borderColorHover, _styledcomponents.datePickerTokens.borderColorFocus, _styledcomponents.datePickerTokens.borderColorSuccess, _styledcomponents.datePickerTokens.textFieldBorderColorFocus, _styledcomponents.datePickerTokens.textFieldColor, _styledcomponents.datePickerTokens.textFieldPlaceholderColor, _styledcomponents.datePickerTokens.textFieldColor, _styledcomponents.datePickerTokens.textFieldPlaceholderColor, _styledcomponents.datePickerTokens.textFieldCaretColor, _styledcomponents.datePickerTokens.textFieldBackgroundColor, _styledcomponents.datePickerTokens.labelColor)
|
|
266
268
|
},
|
|
267
269
|
readOnly: {
|
|
268
|
-
true: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.datePickerTokens.backgroundReadOnly, _styledcomponents.datePickerTokens.labelColorReadOnly, _styledcomponents.datePickerTokens.leftHelperColorReadOnly, _styledcomponents.datePickerTokens.labelColor, _styledcomponents.datePickerTokens.dividerColorReadOnly, _styledcomponents.datePickerTokens.dividerOpacityReadOnly, _styledcomponents.datePickerTokens.textFieldColorReadOnly, _styledcomponents.datePickerTokens.textFieldBackgroundColorReadOnly, _styledcomponents.datePickerTokens.textFieldPlaceholderColorReadOnly)
|
|
270
|
+
true: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.datePickerTokens.backgroundReadOnly, _styledcomponents.datePickerTokens.labelColorReadOnly, _styledcomponents.datePickerTokens.leftHelperColorReadOnly, _styledcomponents.datePickerTokens.labelColor, _styledcomponents.datePickerTokens.dividerColorReadOnly, _styledcomponents.datePickerTokens.dividerOpacityReadOnly, _styledcomponents.datePickerTokens.textFieldColorReadOnly, _styledcomponents.datePickerTokens.textFieldBackgroundColorReadOnly, _styledcomponents.datePickerTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.datePickerTokens.borderColor, _styledcomponents.datePickerTokens.borderWidth)
|
|
269
271
|
}
|
|
270
272
|
}
|
|
271
273
|
};
|
|
@@ -278,7 +278,9 @@ function _templateObject7() {
|
|
|
278
278
|
": var(--text-secondary);\n ",
|
|
279
279
|
": var(--text-secondary);\n ",
|
|
280
280
|
": var(--text-secondary);\n ",
|
|
281
|
-
": var(--surface-transparent-primary);\n
|
|
281
|
+
": var(--surface-transparent-primary);\n ",
|
|
282
|
+
": transparent;\n ",
|
|
283
|
+
": 0;\n "
|
|
282
284
|
]);
|
|
283
285
|
_templateObject7 = function _templateObject() {
|
|
284
286
|
return data;
|
|
@@ -311,7 +313,7 @@ var config = {
|
|
|
311
313
|
true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.selectTokens.textFieldDisabledOpacity, _styledcomponents.selectTokens.textFieldBackgroundColor, _styledcomponents.selectTokens.textFieldBackgroundColorFocus, _styledcomponents.selectTokens.textFieldBorderColor, _styledcomponents.selectTokens.textFieldBorderColorHover, _styledcomponents.selectTokens.textFieldBorderColorFocus, _styledcomponents.selectTokens.textFieldColor)
|
|
312
314
|
},
|
|
313
315
|
readOnly: {
|
|
314
|
-
true: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.selectTokens.disclosureIconOpacityReadOnly, _styledcomponents.selectTokens.textFieldColorReadOnly, _styledcomponents.selectTokens.textFieldBackgroundColorReadOnly, _styledcomponents.selectTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.selectTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.selectTokens.textFieldTitleCaptionColorReadOnly, _styledcomponents.selectTokens.textFieldLabelColorReadOnly, _styledcomponents.selectTokens.textFieldDividerColorReadOnly)
|
|
316
|
+
true: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.selectTokens.disclosureIconOpacityReadOnly, _styledcomponents.selectTokens.textFieldColorReadOnly, _styledcomponents.selectTokens.textFieldBackgroundColorReadOnly, _styledcomponents.selectTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.selectTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.selectTokens.textFieldTitleCaptionColorReadOnly, _styledcomponents.selectTokens.textFieldLabelColorReadOnly, _styledcomponents.selectTokens.textFieldDividerColorReadOnly, _styledcomponents.selectTokens.textFieldBorderColor, _styledcomponents.selectTokens.textFieldBorderWidth)
|
|
315
317
|
}
|
|
316
318
|
}
|
|
317
319
|
};
|
|
@@ -283,7 +283,9 @@ function _templateObject8() {
|
|
|
283
283
|
": var(--text-secondary);\n ",
|
|
284
284
|
": var(--text-secondary);\n ",
|
|
285
285
|
": var(--text-secondary);\n ",
|
|
286
|
-
": 0.4;\n
|
|
286
|
+
": 0.4;\n ",
|
|
287
|
+
": transparent;\n ",
|
|
288
|
+
": 0;\n "
|
|
287
289
|
]);
|
|
288
290
|
_templateObject8 = function _templateObject() {
|
|
289
291
|
return data;
|
|
@@ -318,7 +320,7 @@ var config = {
|
|
|
318
320
|
true: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.textFieldTokens.disabledOpacity, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.borderColor, _styledcomponents.textFieldTokens.borderColorHover, _styledcomponents.textFieldTokens.borderColorFocus, _styledcomponents.textFieldTokens.color)
|
|
319
321
|
},
|
|
320
322
|
readOnly: {
|
|
321
|
-
true: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.textFieldTokens.readOnlyOpacity, _styledcomponents.textFieldTokens.colorReadOnly, _styledcomponents.textFieldTokens.backgroundColorReadOnly, _styledcomponents.textFieldTokens.placeholderColorReadOnly, _styledcomponents.textFieldTokens.leftHelperColorReadOnly, _styledcomponents.textFieldTokens.titleCaptionColorReadOnly, _styledcomponents.textFieldTokens.labelColorReadOnly, _styledcomponents.textFieldTokens.contentSlotRightOpacityReadOnly)
|
|
323
|
+
true: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.textFieldTokens.readOnlyOpacity, _styledcomponents.textFieldTokens.colorReadOnly, _styledcomponents.textFieldTokens.backgroundColorReadOnly, _styledcomponents.textFieldTokens.placeholderColorReadOnly, _styledcomponents.textFieldTokens.leftHelperColorReadOnly, _styledcomponents.textFieldTokens.titleCaptionColorReadOnly, _styledcomponents.textFieldTokens.labelColorReadOnly, _styledcomponents.textFieldTokens.contentSlotRightOpacityReadOnly, _styledcomponents.textFieldTokens.borderColor, _styledcomponents.textFieldTokens.borderWidth)
|
|
322
324
|
}
|
|
323
325
|
}
|
|
324
326
|
};
|
|
@@ -207,7 +207,9 @@ function _templateObject6() {
|
|
|
207
207
|
": var(--surface-clear);\n ",
|
|
208
208
|
": var(--text-secondary);\n ",
|
|
209
209
|
": var(--text-secondary);\n ",
|
|
210
|
-
": var(--text-secondary);\n
|
|
210
|
+
": var(--text-secondary);\n ",
|
|
211
|
+
": transparent;\n ",
|
|
212
|
+
": 0;\n "
|
|
211
213
|
]);
|
|
212
214
|
_templateObject6 = function _templateObject() {
|
|
213
215
|
return data;
|
|
@@ -237,7 +239,7 @@ export var config = {
|
|
|
237
239
|
true: css(_templateObject5(), tokens.itemColor, tokens.background, tokens.textFieldColor, tokens.textFieldLabelColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus)
|
|
238
240
|
},
|
|
239
241
|
readOnly: {
|
|
240
|
-
true: css(_templateObject6(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldBorderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly)
|
|
242
|
+
true: css(_templateObject6(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldBorderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldBorderColor, tokens.textFieldBorderWidth)
|
|
241
243
|
}
|
|
242
244
|
}
|
|
243
245
|
};
|
|
@@ -282,7 +282,9 @@ function _templateObject6() {
|
|
|
282
282
|
": transparent;\n ",
|
|
283
283
|
": 0;\n ",
|
|
284
284
|
": 0.25rem;\n ",
|
|
285
|
-
": 0rem;\n
|
|
285
|
+
": 0rem;\n ",
|
|
286
|
+
": transparent;\n ",
|
|
287
|
+
": 0;\n "
|
|
286
288
|
]);
|
|
287
289
|
_templateObject6 = function _templateObject() {
|
|
288
290
|
return data;
|
|
@@ -312,7 +314,7 @@ export var config = {
|
|
|
312
314
|
true: css(_templateObject5(), tokens.textFieldDisabledOpacity, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldColor)
|
|
313
315
|
},
|
|
314
316
|
readOnly: {
|
|
315
|
-
true: css(_templateObject6(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.textFieldPadding, tokens.textFieldLabelOffset, tokens.textFieldLeftHelperOffset)
|
|
317
|
+
true: css(_templateObject6(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.textFieldPadding, tokens.textFieldLabelOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldBorderColor, tokens.textFieldBorderWidth)
|
|
316
318
|
}
|
|
317
319
|
}
|
|
318
320
|
};
|
|
@@ -231,7 +231,9 @@ function _templateObject3() {
|
|
|
231
231
|
": 0.4;\n\n ",
|
|
232
232
|
": var(--text-primary);\n ",
|
|
233
233
|
": var(--surface-clear);\n ",
|
|
234
|
-
": var(--text-secondary);\n
|
|
234
|
+
": var(--text-secondary);\n ",
|
|
235
|
+
": transparent;\n ",
|
|
236
|
+
": 0;\n "
|
|
235
237
|
]);
|
|
236
238
|
_templateObject3 = function _templateObject() {
|
|
237
239
|
return data;
|
|
@@ -255,7 +257,7 @@ export var config = {
|
|
|
255
257
|
true: css(_templateObject2(), tokens.background, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.borderColorSuccess, tokens.textFieldBorderColorFocus, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldBackgroundColor, tokens.labelColor)
|
|
256
258
|
},
|
|
257
259
|
readOnly: {
|
|
258
|
-
true: css(_templateObject3(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.labelColor, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
|
|
260
|
+
true: css(_templateObject3(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.labelColor, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.borderColor, tokens.borderWidth)
|
|
259
261
|
}
|
|
260
262
|
}
|
|
261
263
|
};
|
|
@@ -267,7 +267,9 @@ function _templateObject7() {
|
|
|
267
267
|
": var(--text-secondary);\n ",
|
|
268
268
|
": var(--text-secondary);\n ",
|
|
269
269
|
": var(--text-secondary);\n ",
|
|
270
|
-
": var(--surface-transparent-primary);\n
|
|
270
|
+
": var(--surface-transparent-primary);\n ",
|
|
271
|
+
": transparent;\n ",
|
|
272
|
+
": 0;\n "
|
|
271
273
|
]);
|
|
272
274
|
_templateObject7 = function _templateObject() {
|
|
273
275
|
return data;
|
|
@@ -301,7 +303,7 @@ export var config = {
|
|
|
301
303
|
true: css(_templateObject6(), selectTokens.textFieldDisabledOpacity, selectTokens.textFieldBackgroundColor, selectTokens.textFieldBackgroundColorFocus, selectTokens.textFieldBorderColor, selectTokens.textFieldBorderColorHover, selectTokens.textFieldBorderColorFocus, selectTokens.textFieldColor)
|
|
302
304
|
},
|
|
303
305
|
readOnly: {
|
|
304
|
-
true: css(_templateObject7(), selectTokens.disclosureIconOpacityReadOnly, selectTokens.textFieldColorReadOnly, selectTokens.textFieldBackgroundColorReadOnly, selectTokens.textFieldPlaceholderColorReadOnly, selectTokens.textFieldLeftHelperColorReadOnly, selectTokens.textFieldTitleCaptionColorReadOnly, selectTokens.textFieldLabelColorReadOnly, selectTokens.textFieldDividerColorReadOnly)
|
|
306
|
+
true: css(_templateObject7(), selectTokens.disclosureIconOpacityReadOnly, selectTokens.textFieldColorReadOnly, selectTokens.textFieldBackgroundColorReadOnly, selectTokens.textFieldPlaceholderColorReadOnly, selectTokens.textFieldLeftHelperColorReadOnly, selectTokens.textFieldTitleCaptionColorReadOnly, selectTokens.textFieldLabelColorReadOnly, selectTokens.textFieldDividerColorReadOnly, selectTokens.textFieldBorderColor, selectTokens.textFieldBorderWidth)
|
|
305
307
|
}
|
|
306
308
|
}
|
|
307
309
|
};
|
|
@@ -272,7 +272,9 @@ function _templateObject8() {
|
|
|
272
272
|
": var(--text-secondary);\n ",
|
|
273
273
|
": var(--text-secondary);\n ",
|
|
274
274
|
": var(--text-secondary);\n ",
|
|
275
|
-
": 0.4;\n
|
|
275
|
+
": 0.4;\n ",
|
|
276
|
+
": transparent;\n ",
|
|
277
|
+
": 0;\n "
|
|
276
278
|
]);
|
|
277
279
|
_templateObject8 = function _templateObject() {
|
|
278
280
|
return data;
|
|
@@ -308,7 +310,7 @@ export var config = {
|
|
|
308
310
|
true: css(_templateObject7(), tokens.disabledOpacity, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.color)
|
|
309
311
|
},
|
|
310
312
|
readOnly: {
|
|
311
|
-
true: css(_templateObject8(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
|
|
313
|
+
true: css(_templateObject8(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.contentSlotRightOpacityReadOnly, tokens.borderColor, tokens.borderWidth)
|
|
312
314
|
}
|
|
313
315
|
}
|
|
314
316
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/sdds-cs",
|
|
3
|
-
"version": "0.336.0-canary.2402.
|
|
3
|
+
"version": "0.336.0-canary.2402.20454508584.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
|
"exports": {
|
|
@@ -32,8 +32,8 @@
|
|
|
32
32
|
"directory": "packages/sdds-cs"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@salutejs/plasma-new-hope": "0.344.0-canary.2402.
|
|
36
|
-
"@salutejs/sdds-themes": "0.51.0-canary.2402.
|
|
35
|
+
"@salutejs/plasma-new-hope": "0.344.0-canary.2402.20454508584.0",
|
|
36
|
+
"@salutejs/sdds-themes": "0.51.0-canary.2402.20454508584.0"
|
|
37
37
|
},
|
|
38
38
|
"peerDependencies": {
|
|
39
39
|
"@emotion/react": ">=11",
|
|
@@ -56,10 +56,10 @@
|
|
|
56
56
|
"@microsoft/api-extractor": "7.38.3",
|
|
57
57
|
"@originjs/vite-plugin-commonjs": "1.0.3",
|
|
58
58
|
"@salutejs/plasma-colors": "0.16.0",
|
|
59
|
-
"@salutejs/plasma-core": "1.212.0-canary.2402.
|
|
60
|
-
"@salutejs/plasma-cy-utils": "0.142.0-canary.2402.
|
|
59
|
+
"@salutejs/plasma-core": "1.212.0-canary.2402.20454508584.0",
|
|
60
|
+
"@salutejs/plasma-cy-utils": "0.142.0-canary.2402.20454508584.0",
|
|
61
61
|
"@salutejs/plasma-icons": "1.228.0",
|
|
62
|
-
"@salutejs/plasma-sb-utils": "0.212.0-canary.2402.
|
|
62
|
+
"@salutejs/plasma-sb-utils": "0.212.0-canary.2402.20454508584.0",
|
|
63
63
|
"@types/node": "16.7.13",
|
|
64
64
|
"@types/react": "18.0.28",
|
|
65
65
|
"@types/react-dom": "18.0.11",
|
|
@@ -112,5 +112,5 @@
|
|
|
112
112
|
"Anton Vinogradov"
|
|
113
113
|
],
|
|
114
114
|
"sideEffects": false,
|
|
115
|
-
"gitHead": "
|
|
115
|
+
"gitHead": "5713b91d12c8e55741ad03ca2b4b891a2e3ac6c1"
|
|
116
116
|
}
|
|
@@ -25,6 +25,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
25
25
|
placeholder?: string;
|
|
26
26
|
helperText?: string;
|
|
27
27
|
contentLeft?: React.ReactElement;
|
|
28
|
+
contentRight?: React.ReactElement;
|
|
28
29
|
textBefore?: string;
|
|
29
30
|
textAfter?: string;
|
|
30
31
|
variant?: "normal" | "tight";
|
|
@@ -84,6 +85,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
84
85
|
placeholder?: string;
|
|
85
86
|
helperText?: string;
|
|
86
87
|
contentLeft?: React.ReactElement;
|
|
88
|
+
contentRight?: React.ReactElement;
|
|
87
89
|
textBefore?: string;
|
|
88
90
|
textAfter?: string;
|
|
89
91
|
variant?: "normal" | "tight";
|
|
@@ -143,6 +145,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
143
145
|
placeholder?: string;
|
|
144
146
|
helperText?: string;
|
|
145
147
|
contentLeft?: React.ReactElement;
|
|
148
|
+
contentRight?: React.ReactElement;
|
|
146
149
|
textBefore?: string;
|
|
147
150
|
textAfter?: string;
|
|
148
151
|
variant?: "normal" | "tight";
|
|
@@ -202,6 +205,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
202
205
|
placeholder?: string;
|
|
203
206
|
helperText?: string;
|
|
204
207
|
contentLeft?: React.ReactElement;
|
|
208
|
+
contentRight?: React.ReactElement;
|
|
205
209
|
textBefore?: string;
|
|
206
210
|
textAfter?: string;
|
|
207
211
|
variant?: "normal" | "tight";
|
|
@@ -261,6 +265,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
261
265
|
placeholder?: string;
|
|
262
266
|
helperText?: string;
|
|
263
267
|
contentLeft?: React.ReactElement;
|
|
268
|
+
contentRight?: React.ReactElement;
|
|
264
269
|
textBefore?: string;
|
|
265
270
|
textAfter?: string;
|
|
266
271
|
variant?: "normal" | "tight";
|
|
@@ -320,6 +325,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
320
325
|
placeholder?: string;
|
|
321
326
|
helperText?: string;
|
|
322
327
|
contentLeft?: React.ReactElement;
|
|
328
|
+
contentRight?: React.ReactElement;
|
|
323
329
|
textBefore?: string;
|
|
324
330
|
textAfter?: string;
|
|
325
331
|
variant?: "normal" | "tight";
|
|
@@ -379,6 +385,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
379
385
|
placeholder?: string;
|
|
380
386
|
helperText?: string;
|
|
381
387
|
contentLeft?: React.ReactElement;
|
|
388
|
+
contentRight?: React.ReactElement;
|
|
382
389
|
textBefore?: string;
|
|
383
390
|
textAfter?: string;
|
|
384
391
|
variant?: "normal" | "tight";
|
|
@@ -438,6 +445,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
438
445
|
placeholder?: string;
|
|
439
446
|
helperText?: string;
|
|
440
447
|
contentLeft?: React.ReactElement;
|
|
448
|
+
contentRight?: React.ReactElement;
|
|
441
449
|
textBefore?: string;
|
|
442
450
|
textAfter?: string;
|
|
443
451
|
variant?: "normal" | "tight";
|
|
@@ -497,6 +505,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
497
505
|
placeholder?: string;
|
|
498
506
|
helperText?: string;
|
|
499
507
|
contentLeft?: React.ReactElement;
|
|
508
|
+
contentRight?: React.ReactElement;
|
|
500
509
|
textBefore?: string;
|
|
501
510
|
textAfter?: string;
|
|
502
511
|
variant?: "normal" | "tight";
|
|
@@ -556,6 +565,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
556
565
|
placeholder?: string;
|
|
557
566
|
helperText?: string;
|
|
558
567
|
contentLeft?: React.ReactElement;
|
|
568
|
+
contentRight?: React.ReactElement;
|
|
559
569
|
textBefore?: string;
|
|
560
570
|
textAfter?: string;
|
|
561
571
|
variant?: "normal" | "tight";
|
|
@@ -615,6 +625,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
615
625
|
placeholder?: string;
|
|
616
626
|
helperText?: string;
|
|
617
627
|
contentLeft?: React.ReactElement;
|
|
628
|
+
contentRight?: React.ReactElement;
|
|
618
629
|
textBefore?: string;
|
|
619
630
|
textAfter?: string;
|
|
620
631
|
variant?: "normal" | "tight";
|
|
@@ -674,6 +685,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
674
685
|
placeholder?: string;
|
|
675
686
|
helperText?: string;
|
|
676
687
|
contentLeft?: React.ReactElement;
|
|
688
|
+
contentRight?: React.ReactElement;
|
|
677
689
|
textBefore?: string;
|
|
678
690
|
textAfter?: string;
|
|
679
691
|
variant?: "normal" | "tight";
|
|
@@ -733,6 +745,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
733
745
|
placeholder?: string;
|
|
734
746
|
helperText?: string;
|
|
735
747
|
contentLeft?: React.ReactElement;
|
|
748
|
+
contentRight?: React.ReactElement;
|
|
736
749
|
textBefore?: string;
|
|
737
750
|
textAfter?: string;
|
|
738
751
|
variant?: "normal" | "tight";
|
|
@@ -792,6 +805,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
792
805
|
placeholder?: string;
|
|
793
806
|
helperText?: string;
|
|
794
807
|
contentLeft?: React.ReactElement;
|
|
808
|
+
contentRight?: React.ReactElement;
|
|
795
809
|
textBefore?: string;
|
|
796
810
|
textAfter?: string;
|
|
797
811
|
variant?: "normal" | "tight";
|
|
@@ -851,6 +865,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
851
865
|
placeholder?: string;
|
|
852
866
|
helperText?: string;
|
|
853
867
|
contentLeft?: React.ReactElement;
|
|
868
|
+
contentRight?: React.ReactElement;
|
|
854
869
|
textBefore?: string;
|
|
855
870
|
textAfter?: string;
|
|
856
871
|
variant?: "normal" | "tight";
|
|
@@ -910,6 +925,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
910
925
|
placeholder?: string;
|
|
911
926
|
helperText?: string;
|
|
912
927
|
contentLeft?: React.ReactElement;
|
|
928
|
+
contentRight?: React.ReactElement;
|
|
913
929
|
textBefore?: string;
|
|
914
930
|
textAfter?: string;
|
|
915
931
|
variant?: "normal" | "tight";
|
|
@@ -969,6 +985,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
969
985
|
placeholder?: string;
|
|
970
986
|
helperText?: string;
|
|
971
987
|
contentLeft?: React.ReactElement;
|
|
988
|
+
contentRight?: React.ReactElement;
|
|
972
989
|
textBefore?: string;
|
|
973
990
|
textAfter?: string;
|
|
974
991
|
variant?: "normal" | "tight";
|
|
@@ -1028,6 +1045,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1028
1045
|
placeholder?: string;
|
|
1029
1046
|
helperText?: string;
|
|
1030
1047
|
contentLeft?: React.ReactElement;
|
|
1048
|
+
contentRight?: React.ReactElement;
|
|
1031
1049
|
textBefore?: string;
|
|
1032
1050
|
textAfter?: string;
|
|
1033
1051
|
variant?: "normal" | "tight";
|
|
@@ -1087,6 +1105,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1087
1105
|
placeholder?: string;
|
|
1088
1106
|
helperText?: string;
|
|
1089
1107
|
contentLeft?: React.ReactElement;
|
|
1108
|
+
contentRight?: React.ReactElement;
|
|
1090
1109
|
textBefore?: string;
|
|
1091
1110
|
textAfter?: string;
|
|
1092
1111
|
variant?: "normal" | "tight";
|
|
@@ -1146,6 +1165,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1146
1165
|
placeholder?: string;
|
|
1147
1166
|
helperText?: string;
|
|
1148
1167
|
contentLeft?: React.ReactElement;
|
|
1168
|
+
contentRight?: React.ReactElement;
|
|
1149
1169
|
textBefore?: string;
|
|
1150
1170
|
textAfter?: string;
|
|
1151
1171
|
variant?: "normal" | "tight";
|
|
@@ -1205,6 +1225,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1205
1225
|
placeholder?: string;
|
|
1206
1226
|
helperText?: string;
|
|
1207
1227
|
contentLeft?: React.ReactElement;
|
|
1228
|
+
contentRight?: React.ReactElement;
|
|
1208
1229
|
textBefore?: string;
|
|
1209
1230
|
textAfter?: string;
|
|
1210
1231
|
variant?: "normal" | "tight";
|
|
@@ -1264,6 +1285,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1264
1285
|
placeholder?: string;
|
|
1265
1286
|
helperText?: string;
|
|
1266
1287
|
contentLeft?: React.ReactElement;
|
|
1288
|
+
contentRight?: React.ReactElement;
|
|
1267
1289
|
textBefore?: string;
|
|
1268
1290
|
textAfter?: string;
|
|
1269
1291
|
variant?: "normal" | "tight";
|
|
@@ -1323,6 +1345,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1323
1345
|
placeholder?: string;
|
|
1324
1346
|
helperText?: string;
|
|
1325
1347
|
contentLeft?: React.ReactElement;
|
|
1348
|
+
contentRight?: React.ReactElement;
|
|
1326
1349
|
textBefore?: string;
|
|
1327
1350
|
textAfter?: string;
|
|
1328
1351
|
variant?: "normal" | "tight";
|
|
@@ -1382,6 +1405,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1382
1405
|
placeholder?: string;
|
|
1383
1406
|
helperText?: string;
|
|
1384
1407
|
contentLeft?: React.ReactElement;
|
|
1408
|
+
contentRight?: React.ReactElement;
|
|
1385
1409
|
textBefore?: string;
|
|
1386
1410
|
textAfter?: string;
|
|
1387
1411
|
variant?: "normal" | "tight";
|
|
@@ -37,6 +37,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
|
|
|
37
37
|
target?: "textfield-like";
|
|
38
38
|
view?: "default" | "positive" | "warning" | "negative";
|
|
39
39
|
contentLeft?: React.ReactNode;
|
|
40
|
+
contentRight?: React.ReactElement;
|
|
40
41
|
placeholder?: string;
|
|
41
42
|
helperText?: string;
|
|
42
43
|
chipType?: "default" | "text";
|
|
@@ -98,6 +99,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
|
|
|
98
99
|
target?: "textfield-like";
|
|
99
100
|
view?: "default" | "positive" | "warning" | "negative";
|
|
100
101
|
contentLeft?: React.ReactNode;
|
|
102
|
+
contentRight?: React.ReactElement;
|
|
101
103
|
placeholder?: string;
|
|
102
104
|
helperText?: string;
|
|
103
105
|
chipType?: "default" | "text";
|
|
@@ -160,6 +162,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
|
|
|
160
162
|
target?: "textfield-like";
|
|
161
163
|
view?: "default" | "positive" | "warning" | "negative";
|
|
162
164
|
contentLeft?: React.ReactNode;
|
|
165
|
+
contentRight?: React.ReactElement;
|
|
163
166
|
placeholder?: string;
|
|
164
167
|
helperText?: string;
|
|
165
168
|
chipType?: "default" | "text";
|
|
@@ -221,6 +224,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
|
|
|
221
224
|
target?: "textfield-like";
|
|
222
225
|
view?: "default" | "positive" | "warning" | "negative";
|
|
223
226
|
contentLeft?: React.ReactNode;
|
|
227
|
+
contentRight?: React.ReactElement;
|
|
224
228
|
placeholder?: string;
|
|
225
229
|
helperText?: string;
|
|
226
230
|
chipType?: "default" | "text";
|
|
@@ -271,6 +275,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
|
|
|
271
275
|
target: "button-like";
|
|
272
276
|
view?: "default" | "accent" | "secondary" | "clear" | "positive" | "warning" | "negative" | "dark" | "black" | "white";
|
|
273
277
|
contentLeft?: never;
|
|
278
|
+
contentRight?: never;
|
|
274
279
|
placeholder?: never;
|
|
275
280
|
helperText?: never;
|
|
276
281
|
chipType?: never;
|
|
@@ -320,6 +325,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
|
|
|
320
325
|
target: "button-like";
|
|
321
326
|
view?: "default" | "accent" | "secondary" | "clear" | "positive" | "warning" | "negative" | "dark" | "black" | "white";
|
|
322
327
|
contentLeft?: never;
|
|
328
|
+
contentRight?: never;
|
|
323
329
|
placeholder?: never;
|
|
324
330
|
helperText?: never;
|
|
325
331
|
chipType?: never;
|