@salutejs/sdds-cs 0.329.0-canary.2255.18035010233.0 → 0.329.0-canary.2255.18125301788.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/components/Autocomplete/Autocomplete.config.js +4 -3
  2. package/components/Combobox/Combobox.config.js +2 -2
  3. package/components/DatePicker/DatePicker.config.js +5 -4
  4. package/components/Select/Select.config.js +1 -1
  5. package/components/TextArea/TextArea.config.js +10 -5
  6. package/components/TextField/TextField.config.js +4 -3
  7. package/components/Tree/Tree.config.js +3 -2
  8. package/emotion/cjs/components/Autocomplete/Autocomplete.config.js +4 -3
  9. package/emotion/cjs/components/Combobox/Combobox.config.js +2 -2
  10. package/emotion/cjs/components/DatePicker/DatePicker.config.js +5 -4
  11. package/emotion/cjs/components/Select/Select.config.js +1 -1
  12. package/emotion/cjs/components/TextArea/TextArea.config.js +10 -5
  13. package/emotion/cjs/components/TextField/TextField.config.js +4 -3
  14. package/emotion/cjs/components/Tree/Tree.config.js +3 -2
  15. package/emotion/es/components/Autocomplete/Autocomplete.config.js +4 -3
  16. package/emotion/es/components/Combobox/Combobox.config.js +2 -2
  17. package/emotion/es/components/DatePicker/DatePicker.config.js +5 -4
  18. package/emotion/es/components/Select/Select.config.js +1 -1
  19. package/emotion/es/components/TextArea/TextArea.config.js +10 -5
  20. package/emotion/es/components/TextField/TextField.config.js +4 -3
  21. package/emotion/es/components/Tree/Tree.config.js +3 -2
  22. package/es/components/Autocomplete/Autocomplete.config.js +4 -3
  23. package/es/components/Combobox/Combobox.config.js +2 -2
  24. package/es/components/DatePicker/DatePicker.config.js +5 -4
  25. package/es/components/Select/Select.config.js +1 -1
  26. package/es/components/TextArea/TextArea.config.js +10 -5
  27. package/es/components/TextField/TextField.config.js +4 -3
  28. package/es/components/Tree/Tree.config.js +3 -2
  29. package/package.json +3 -3
package/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -213,8 +213,9 @@ function _templateObject5() {
213
213
  function _templateObject6() {
214
214
  var data = _tagged_template_literal([
215
215
  "\n ",
216
- ": var(--text-secondary);\n ",
217
- ": var(--surface-transparent-primary);\n ",
216
+ ": var(--text-primary);\n ",
217
+ ": var(--surface-clear);\n ",
218
+ ": var(--surface-clear);\n ",
218
219
  ": var(--text-secondary);\n ",
219
220
  ": var(--text-secondary);\n ",
220
221
  ": var(--text-secondary);\n "
@@ -246,7 +247,7 @@ var config = {
246
247
  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)
247
248
  },
248
249
  readOnly: {
249
- true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.autocompleteTokens.textFieldColorReadOnly, _styledcomponents.autocompleteTokens.textFieldBackgroundColorReadOnly, _styledcomponents.autocompleteTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLabelColorReadOnly)
250
+ true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.autocompleteTokens.textFieldColorReadOnly, _styledcomponents.autocompleteTokens.textFieldBackgroundColorReadOnly, _styledcomponents.autocompleteTokens.textFieldBorderColorReadOnly, _styledcomponents.autocompleteTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLabelColorReadOnly)
250
251
  }
251
252
  }
252
253
  };
package/components/Combobox/Combobox.config.js CHANGED
@@ -280,8 +280,8 @@ function _templateObject6() {
280
280
  var data = _tagged_template_literal([
281
281
  "\n ",
282
282
  ": var(--text-primary);\n ",
283
- ": var(--surface-transparent-primary);\n ",
284
- ": var(--text-primary);\n ",
283
+ ": var(--surface-clear);\n ",
284
+ ": var(--text-secondary);\n ",
285
285
  ": var(--text-secondary);\n ",
286
286
  ": var(--text-secondary);\n ",
287
287
  ": var(--text-primary);\n ",
package/components/DatePicker/DatePicker.config.js CHANGED
@@ -234,13 +234,14 @@ function _templateObject2() {
234
234
  function _templateObject3() {
235
235
  var data = _tagged_template_literal([
236
236
  "\n ",
237
- ": var(--surface-transparent-primary);\n ",
238
- ": var(--text-secondary);\n ",
237
+ ": var(--surface-clear);\n ",
239
238
  ": var(--text-secondary);\n ",
240
239
  ": var(--text-secondary);\n ",
241
240
  ": var(--text-secondary);\n\n ",
242
241
  ": var(--text-secondary);\n ",
243
- ": var(--surface-transparent-primary);\n ",
242
+ ": 0.4;\n\n ",
243
+ ": var(--text-primary);\n ",
244
+ ": var(--surface-clear);\n ",
244
245
  ": var(--text-secondary);\n "
245
246
  ]);
246
247
  _templateObject3 = function _templateObject() {
@@ -264,7 +265,7 @@ var config = {
264
265
  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)
265
266
  },
266
267
  readOnly: {
267
- true: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.datePickerTokens.backgroundReadOnly, _styledcomponents.datePickerTokens.labelColorReadOnly, _styledcomponents.datePickerTokens.leftHelperColorReadOnly, _styledcomponents.datePickerTokens.dividerColorReadOnly, _styledcomponents.datePickerTokens.labelColor, _styledcomponents.datePickerTokens.textFieldColorReadOnly, _styledcomponents.datePickerTokens.textFieldBackgroundColorReadOnly, _styledcomponents.datePickerTokens.textFieldPlaceholderColorReadOnly)
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)
268
269
  }
269
270
  }
270
271
  };
package/components/Select/Select.config.js CHANGED
@@ -271,7 +271,7 @@ function _templateObject7() {
271
271
  "\n ",
272
272
  ": 0.4;\n ",
273
273
  ": var(--text-primary);\n ",
274
- ": var(--surface-transparent-primary);\n ",
274
+ ": var(--surface-clear);\n ",
275
275
  ": var(--text-secondary);\n ",
276
276
  ": var(--text-secondary);\n ",
277
277
  ": var(--text-secondary);\n ",
package/components/TextArea/TextArea.config.js CHANGED
@@ -319,10 +319,15 @@ function _templateObject8() {
319
319
  function _templateObject9() {
320
320
  var data = _tagged_template_literal([
321
321
  "\n ",
322
- ": transparent;\n ",
323
- ": transparent;\n ",
324
- ": transparent;\n ",
325
- ": transparent;\n ",
322
+ ": 0.1;\n ",
323
+ ": var(--text-secondary);\n ",
324
+ ": var(--text-primary);\n ",
325
+ ": var(--surface-transparent-primary);\n ",
326
+ ": 0.4;\n ",
327
+ ": var(--surface-clear);\n ",
328
+ ": var(--surface-clear);\n ",
329
+ ": var(--surface-clear);\n ",
330
+ ": var(--surface-clear);\n ",
326
331
  ": var(--text-primary);\n ",
327
332
  ": var(--text-primary);\n ",
328
333
  ": var(--text-secondary);\n ",
@@ -366,7 +371,7 @@ var config = {
366
371
  true: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.textAreaTokens.disabledOpacity, _styledcomponents.textAreaTokens.backgroundColor, _styledcomponents.textAreaTokens.borderColor, _styledcomponents.textAreaTokens.borderColorHover, _styledcomponents.textAreaTokens.borderColorFocus, _styledcomponents.textAreaTokens.inputColor, _styledcomponents.textAreaTokens.inputColorFocus, _styledcomponents.textAreaTokens.placeholderColorFocus, _styledcomponents.textAreaTokens.labelOuterColor, _styledcomponents.textAreaTokens.inputColorDisabled)
367
372
  },
368
373
  readOnly: {
369
- true: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.textAreaTokens.backgroundColor, _styledcomponents.textAreaTokens.borderColor, _styledcomponents.textAreaTokens.borderColorHover, _styledcomponents.textAreaTokens.borderColorFocus, _styledcomponents.textAreaTokens.inputColor, _styledcomponents.textAreaTokens.inputColorFocus, _styledcomponents.textAreaTokens.placeholderColorFocus, _styledcomponents.textAreaTokens.labelOuterColor)
374
+ true: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.textAreaTokens.readOnlyOpacity, _styledcomponents.textAreaTokens.labelOuterColor, _styledcomponents.textAreaTokens.inputColorReadOnly, _styledcomponents.textAreaTokens.dividerColorReadOnly, _styledcomponents.textAreaTokens.contentSlotRightOpacityReadOnly, _styledcomponents.textAreaTokens.backgroundColor, _styledcomponents.textAreaTokens.borderColor, _styledcomponents.textAreaTokens.borderColorHover, _styledcomponents.textAreaTokens.borderColorFocus, _styledcomponents.textAreaTokens.inputColor, _styledcomponents.textAreaTokens.inputColorFocus, _styledcomponents.textAreaTokens.placeholderColorFocus, _styledcomponents.textAreaTokens.labelOuterColor)
370
375
  }
371
376
  }
372
377
  };
package/components/TextField/TextField.config.js CHANGED
@@ -293,12 +293,13 @@ function _templateObject9() {
293
293
  "\n ",
294
294
  ": 1;\n ",
295
295
  ": var(--text-primary);\n ",
296
- ": transparent;\n ",
296
+ ": var(--surface-clear);\n ",
297
297
  ": var(--text-secondary);\n ",
298
298
  ": var(--text-secondary);\n ",
299
299
  ": var(--text-secondary);\n ",
300
300
  ": var(--text-secondary);\n ",
301
- ": var(--outline-solid-secondary);\n "
301
+ ": var(--outline-solid-secondary);\n ",
302
+ ": 0.4;\n "
302
303
  ]);
303
304
  _templateObject9 = function _templateObject() {
304
305
  return data;
@@ -337,7 +338,7 @@ var config = {
337
338
  true: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.textFieldTokens.disabledOpacity, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.borderColor, _styledcomponents.textFieldTokens.borderColorHover, _styledcomponents.textFieldTokens.borderColorFocus, _styledcomponents.textFieldTokens.color)
338
339
  },
339
340
  readOnly: {
340
- true: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.textFieldTokens.readOnlyOpacity, _styledcomponents.textFieldTokens.colorReadOnly, _styledcomponents.textFieldTokens.backgroundColorReadOnly, _styledcomponents.textFieldTokens.placeholderColorReadOnly, _styledcomponents.textFieldTokens.leftHelperColorReadOnly, _styledcomponents.textFieldTokens.titleCaptionColorReadOnly, _styledcomponents.textFieldTokens.labelColorReadOnly, _styledcomponents.textFieldTokens.dividerColorReadOnly)
341
+ true: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.textFieldTokens.readOnlyOpacity, _styledcomponents.textFieldTokens.colorReadOnly, _styledcomponents.textFieldTokens.backgroundColorReadOnly, _styledcomponents.textFieldTokens.placeholderColorReadOnly, _styledcomponents.textFieldTokens.leftHelperColorReadOnly, _styledcomponents.textFieldTokens.titleCaptionColorReadOnly, _styledcomponents.textFieldTokens.labelColorReadOnly, _styledcomponents.textFieldTokens.dividerColorReadOnly, _styledcomponents.textFieldTokens.contentSlotRightOpacityReadOnly)
341
342
  }
342
343
  }
343
344
  };
package/components/Tree/Tree.config.js CHANGED
@@ -50,7 +50,8 @@ function _templateObject1() {
50
50
  "\n ",
51
51
  ": 2.5rem;\n ",
52
52
  ": 0.75rem;\n ",
53
- ": 0.25rem;\n ",
53
+ ": 0.5rem 0.75rem;\n ",
54
+ ": 0.4375rem 0.5rem;\n ",
54
55
  ": 1.875rem;\n ",
55
56
  ": 0.5rem;\n ",
56
57
  ": 0rem;\n ",
@@ -85,7 +86,7 @@ var config = {
85
86
  default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.treeTokens.iconFolderColor, _styledcomponents.treeTokens.arrowColor, _styledcomponents.treeTokens.arrowColorHover, _styledcomponents.treeTokens.arrowColorActive, _styledcomponents.treeTokens.color, _styledcomponents.treeTokens.colorSelected, _styledcomponents.treeTokens.itemBackgroundColorSelected, _styledcomponents.treeTokens.itemBackgroundColorPrimary, _styledcomponents.treeTokens.itemBackgroundColorHover, _styledcomponents.treeTokens.itemBackgroundColorActive, _styledcomponents.treeTokens.checkboxBorderColor, _styledcomponents.treeTokens.checkboxBackgroundColor, _styledcomponents.treeTokens.itemDisabledOpacity, _styledcomponents.treeTokens.itemDisabledBorderColor, _styledcomponents.treeTokens.itemDisabledColor, _styledcomponents.treeTokens.itemDraggableBorderColor, _styledcomponents.treeTokens.itemDraggableLineColor)
86
87
  },
87
88
  size: {
88
- s: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemPadding, _styledcomponents.treeTokens.itemPaddingTight, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight)
89
+ s: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemBackgroundExtraOffset, _styledcomponents.treeTokens.itemPadding, _styledcomponents.treeTokens.itemPaddingTight, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight)
89
90
  }
90
91
  }
91
92
  };
package/emotion/cjs/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -213,8 +213,9 @@ function _templateObject5() {
213
213
  function _templateObject6() {
214
214
  var data = _tagged_template_literal([
215
215
  "\n ",
216
- ": var(--text-secondary);\n ",
217
- ": var(--surface-transparent-primary);\n ",
216
+ ": var(--text-primary);\n ",
217
+ ": var(--surface-clear);\n ",
218
+ ": var(--surface-clear);\n ",
218
219
  ": var(--text-secondary);\n ",
219
220
  ": var(--text-secondary);\n ",
220
221
  ": var(--text-secondary);\n "
@@ -246,7 +247,7 @@ var config = {
246
247
  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)
247
248
  },
248
249
  readOnly: {
249
- true: (0, _emotion.css)(_templateObject6(), _emotion.autocompleteTokens.textFieldColorReadOnly, _emotion.autocompleteTokens.textFieldBackgroundColorReadOnly, _emotion.autocompleteTokens.textFieldPlaceholderColorReadOnly, _emotion.autocompleteTokens.textFieldLeftHelperColorReadOnly, _emotion.autocompleteTokens.textFieldLabelColorReadOnly)
250
+ true: (0, _emotion.css)(_templateObject6(), _emotion.autocompleteTokens.textFieldColorReadOnly, _emotion.autocompleteTokens.textFieldBackgroundColorReadOnly, _emotion.autocompleteTokens.textFieldBorderColorReadOnly, _emotion.autocompleteTokens.textFieldPlaceholderColorReadOnly, _emotion.autocompleteTokens.textFieldLeftHelperColorReadOnly, _emotion.autocompleteTokens.textFieldLabelColorReadOnly)
250
251
  }
251
252
  }
252
253
  };
package/emotion/cjs/components/Combobox/Combobox.config.js CHANGED
@@ -280,8 +280,8 @@ function _templateObject6() {
280
280
  var data = _tagged_template_literal([
281
281
  "\n ",
282
282
  ": var(--text-primary);\n ",
283
- ": var(--surface-transparent-primary);\n ",
284
- ": var(--text-primary);\n ",
283
+ ": var(--surface-clear);\n ",
284
+ ": var(--text-secondary);\n ",
285
285
  ": var(--text-secondary);\n ",
286
286
  ": var(--text-secondary);\n ",
287
287
  ": var(--text-primary);\n ",
package/emotion/cjs/components/DatePicker/DatePicker.config.js CHANGED
@@ -234,13 +234,14 @@ function _templateObject2() {
234
234
  function _templateObject3() {
235
235
  var data = _tagged_template_literal([
236
236
  "\n ",
237
- ": var(--surface-transparent-primary);\n ",
238
- ": var(--text-secondary);\n ",
237
+ ": var(--surface-clear);\n ",
239
238
  ": var(--text-secondary);\n ",
240
239
  ": var(--text-secondary);\n ",
241
240
  ": var(--text-secondary);\n\n ",
242
241
  ": var(--text-secondary);\n ",
243
- ": var(--surface-transparent-primary);\n ",
242
+ ": 0.4;\n\n ",
243
+ ": var(--text-primary);\n ",
244
+ ": var(--surface-clear);\n ",
244
245
  ": var(--text-secondary);\n "
245
246
  ]);
246
247
  _templateObject3 = function _templateObject() {
@@ -264,7 +265,7 @@ var config = {
264
265
  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)
265
266
  },
266
267
  readOnly: {
267
- true: (0, _emotion.css)(_templateObject3(), _emotion.datePickerTokens.backgroundReadOnly, _emotion.datePickerTokens.labelColorReadOnly, _emotion.datePickerTokens.leftHelperColorReadOnly, _emotion.datePickerTokens.dividerColorReadOnly, _emotion.datePickerTokens.labelColor, _emotion.datePickerTokens.textFieldColorReadOnly, _emotion.datePickerTokens.textFieldBackgroundColorReadOnly, _emotion.datePickerTokens.textFieldPlaceholderColorReadOnly)
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)
268
269
  }
269
270
  }
270
271
  };
package/emotion/cjs/components/Select/Select.config.js CHANGED
@@ -271,7 +271,7 @@ function _templateObject7() {
271
271
  "\n ",
272
272
  ": 0.4;\n ",
273
273
  ": var(--text-primary);\n ",
274
- ": var(--surface-transparent-primary);\n ",
274
+ ": var(--surface-clear);\n ",
275
275
  ": var(--text-secondary);\n ",
276
276
  ": var(--text-secondary);\n ",
277
277
  ": var(--text-secondary);\n ",
package/emotion/cjs/components/TextArea/TextArea.config.js CHANGED
@@ -319,10 +319,15 @@ function _templateObject8() {
319
319
  function _templateObject9() {
320
320
  var data = _tagged_template_literal([
321
321
  "\n ",
322
- ": transparent;\n ",
323
- ": transparent;\n ",
324
- ": transparent;\n ",
325
- ": transparent;\n ",
322
+ ": 0.1;\n ",
323
+ ": var(--text-secondary);\n ",
324
+ ": var(--text-primary);\n ",
325
+ ": var(--surface-transparent-primary);\n ",
326
+ ": 0.4;\n ",
327
+ ": var(--surface-clear);\n ",
328
+ ": var(--surface-clear);\n ",
329
+ ": var(--surface-clear);\n ",
330
+ ": var(--surface-clear);\n ",
326
331
  ": var(--text-primary);\n ",
327
332
  ": var(--text-primary);\n ",
328
333
  ": var(--text-secondary);\n ",
@@ -366,7 +371,7 @@ var config = {
366
371
  true: (0, _emotion.css)(_templateObject8(), _emotion.textAreaTokens.disabledOpacity, _emotion.textAreaTokens.backgroundColor, _emotion.textAreaTokens.borderColor, _emotion.textAreaTokens.borderColorHover, _emotion.textAreaTokens.borderColorFocus, _emotion.textAreaTokens.inputColor, _emotion.textAreaTokens.inputColorFocus, _emotion.textAreaTokens.placeholderColorFocus, _emotion.textAreaTokens.labelOuterColor, _emotion.textAreaTokens.inputColorDisabled)
367
372
  },
368
373
  readOnly: {
369
- true: (0, _emotion.css)(_templateObject9(), _emotion.textAreaTokens.backgroundColor, _emotion.textAreaTokens.borderColor, _emotion.textAreaTokens.borderColorHover, _emotion.textAreaTokens.borderColorFocus, _emotion.textAreaTokens.inputColor, _emotion.textAreaTokens.inputColorFocus, _emotion.textAreaTokens.placeholderColorFocus, _emotion.textAreaTokens.labelOuterColor)
374
+ true: (0, _emotion.css)(_templateObject9(), _emotion.textAreaTokens.readOnlyOpacity, _emotion.textAreaTokens.labelOuterColor, _emotion.textAreaTokens.inputColorReadOnly, _emotion.textAreaTokens.dividerColorReadOnly, _emotion.textAreaTokens.contentSlotRightOpacityReadOnly, _emotion.textAreaTokens.backgroundColor, _emotion.textAreaTokens.borderColor, _emotion.textAreaTokens.borderColorHover, _emotion.textAreaTokens.borderColorFocus, _emotion.textAreaTokens.inputColor, _emotion.textAreaTokens.inputColorFocus, _emotion.textAreaTokens.placeholderColorFocus, _emotion.textAreaTokens.labelOuterColor)
370
375
  }
371
376
  }
372
377
  };
package/emotion/cjs/components/TextField/TextField.config.js CHANGED
@@ -293,12 +293,13 @@ function _templateObject9() {
293
293
  "\n ",
294
294
  ": 1;\n ",
295
295
  ": var(--text-primary);\n ",
296
- ": transparent;\n ",
296
+ ": var(--surface-clear);\n ",
297
297
  ": var(--text-secondary);\n ",
298
298
  ": var(--text-secondary);\n ",
299
299
  ": var(--text-secondary);\n ",
300
300
  ": var(--text-secondary);\n ",
301
- ": var(--outline-solid-secondary);\n "
301
+ ": var(--outline-solid-secondary);\n ",
302
+ ": 0.4;\n "
302
303
  ]);
303
304
  _templateObject9 = function _templateObject() {
304
305
  return data;
@@ -337,7 +338,7 @@ var config = {
337
338
  true: (0, _emotion.css)(_templateObject8(), _emotion.textFieldTokens.disabledOpacity, _emotion.textFieldTokens.backgroundColor, _emotion.textFieldTokens.backgroundColorFocus, _emotion.textFieldTokens.borderColor, _emotion.textFieldTokens.borderColorHover, _emotion.textFieldTokens.borderColorFocus, _emotion.textFieldTokens.color)
338
339
  },
339
340
  readOnly: {
340
- true: (0, _emotion.css)(_templateObject9(), _emotion.textFieldTokens.readOnlyOpacity, _emotion.textFieldTokens.colorReadOnly, _emotion.textFieldTokens.backgroundColorReadOnly, _emotion.textFieldTokens.placeholderColorReadOnly, _emotion.textFieldTokens.leftHelperColorReadOnly, _emotion.textFieldTokens.titleCaptionColorReadOnly, _emotion.textFieldTokens.labelColorReadOnly, _emotion.textFieldTokens.dividerColorReadOnly)
341
+ true: (0, _emotion.css)(_templateObject9(), _emotion.textFieldTokens.readOnlyOpacity, _emotion.textFieldTokens.colorReadOnly, _emotion.textFieldTokens.backgroundColorReadOnly, _emotion.textFieldTokens.placeholderColorReadOnly, _emotion.textFieldTokens.leftHelperColorReadOnly, _emotion.textFieldTokens.titleCaptionColorReadOnly, _emotion.textFieldTokens.labelColorReadOnly, _emotion.textFieldTokens.dividerColorReadOnly, _emotion.textFieldTokens.contentSlotRightOpacityReadOnly)
341
342
  }
342
343
  }
343
344
  };
package/emotion/cjs/components/Tree/Tree.config.js CHANGED
@@ -50,7 +50,8 @@ function _templateObject1() {
50
50
  "\n ",
51
51
  ": 2.5rem;\n ",
52
52
  ": 0.75rem;\n ",
53
- ": 0.25rem;\n ",
53
+ ": 0.5rem 0.75rem;\n ",
54
+ ": 0.4375rem 0.5rem;\n ",
54
55
  ": 1.875rem;\n ",
55
56
  ": 0.5rem;\n ",
56
57
  ": 0rem;\n ",
@@ -85,7 +86,7 @@ var config = {
85
86
  default: (0, _emotion.css)(_templateObject(), _emotion.treeTokens.iconFolderColor, _emotion.treeTokens.arrowColor, _emotion.treeTokens.arrowColorHover, _emotion.treeTokens.arrowColorActive, _emotion.treeTokens.color, _emotion.treeTokens.colorSelected, _emotion.treeTokens.itemBackgroundColorSelected, _emotion.treeTokens.itemBackgroundColorPrimary, _emotion.treeTokens.itemBackgroundColorHover, _emotion.treeTokens.itemBackgroundColorActive, _emotion.treeTokens.checkboxBorderColor, _emotion.treeTokens.checkboxBackgroundColor, _emotion.treeTokens.itemDisabledOpacity, _emotion.treeTokens.itemDisabledBorderColor, _emotion.treeTokens.itemDisabledColor, _emotion.treeTokens.itemDraggableBorderColor, _emotion.treeTokens.itemDraggableLineColor)
86
87
  },
87
88
  size: {
88
- s: (0, _emotion.css)(_templateObject1(), _emotion.treeTokens.itemHeight, _emotion.treeTokens.itemPadding, _emotion.treeTokens.itemPaddingTight, _emotion.treeTokens.itemIndent, _emotion.treeTokens.itemBorderRadius, _emotion.treeTokens.itemTop, _emotion.treeTokens.itemBottom, _emotion.treeTokens.iconFolderMargin, _emotion.treeTokens.switcherMargin, _emotion.treeTokens.switcherMarginInverted, _emotion.treeTokens.switcherSize, _emotion.treeTokens.checkboxMargin, _emotion.treeTokens.checkboxSize, _emotion.treeTokens.checkboxInnerSize, _emotion.treeTokens.checkboxBorderRadius, _emotion.treeTokens.fontFamily, _emotion.treeTokens.fontSize, _emotion.treeTokens.fontStyle, _emotion.treeTokens.fontWeight, _emotion.treeTokens.letterSpacing, _emotion.treeTokens.lineHeight)
89
+ s: (0, _emotion.css)(_templateObject1(), _emotion.treeTokens.itemHeight, _emotion.treeTokens.itemBackgroundExtraOffset, _emotion.treeTokens.itemPadding, _emotion.treeTokens.itemPaddingTight, _emotion.treeTokens.itemIndent, _emotion.treeTokens.itemBorderRadius, _emotion.treeTokens.itemTop, _emotion.treeTokens.itemBottom, _emotion.treeTokens.iconFolderMargin, _emotion.treeTokens.switcherMargin, _emotion.treeTokens.switcherMarginInverted, _emotion.treeTokens.switcherSize, _emotion.treeTokens.checkboxMargin, _emotion.treeTokens.checkboxSize, _emotion.treeTokens.checkboxInnerSize, _emotion.treeTokens.checkboxBorderRadius, _emotion.treeTokens.fontFamily, _emotion.treeTokens.fontSize, _emotion.treeTokens.fontStyle, _emotion.treeTokens.fontWeight, _emotion.treeTokens.letterSpacing, _emotion.treeTokens.lineHeight)
89
90
  }
90
91
  }
91
92
  };
package/emotion/es/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -202,8 +202,9 @@ function _templateObject5() {
202
202
  function _templateObject6() {
203
203
  var data = _tagged_template_literal([
204
204
  "\n ",
205
- ": var(--text-secondary);\n ",
206
- ": var(--surface-transparent-primary);\n ",
205
+ ": var(--text-primary);\n ",
206
+ ": var(--surface-clear);\n ",
207
+ ": var(--surface-clear);\n ",
207
208
  ": var(--text-secondary);\n ",
208
209
  ": var(--text-secondary);\n ",
209
210
  ": var(--text-secondary);\n "
@@ -236,7 +237,7 @@ export var config = {
236
237
  true: css(_templateObject5(), tokens.itemColor, tokens.background, tokens.textFieldColor, tokens.textFieldLabelColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus)
237
238
  },
238
239
  readOnly: {
239
- true: css(_templateObject6(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly)
240
+ true: css(_templateObject6(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldBorderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly)
240
241
  }
241
242
  }
242
243
  };
package/emotion/es/components/Combobox/Combobox.config.js CHANGED
@@ -269,8 +269,8 @@ function _templateObject6() {
269
269
  var data = _tagged_template_literal([
270
270
  "\n ",
271
271
  ": var(--text-primary);\n ",
272
- ": var(--surface-transparent-primary);\n ",
273
- ": var(--text-primary);\n ",
272
+ ": var(--surface-clear);\n ",
273
+ ": var(--text-secondary);\n ",
274
274
  ": var(--text-secondary);\n ",
275
275
  ": var(--text-secondary);\n ",
276
276
  ": var(--text-primary);\n ",
package/emotion/es/components/DatePicker/DatePicker.config.js CHANGED
@@ -223,13 +223,14 @@ function _templateObject2() {
223
223
  function _templateObject3() {
224
224
  var data = _tagged_template_literal([
225
225
  "\n ",
226
- ": var(--surface-transparent-primary);\n ",
227
- ": var(--text-secondary);\n ",
226
+ ": var(--surface-clear);\n ",
228
227
  ": var(--text-secondary);\n ",
229
228
  ": var(--text-secondary);\n ",
230
229
  ": var(--text-secondary);\n\n ",
231
230
  ": var(--text-secondary);\n ",
232
- ": var(--surface-transparent-primary);\n ",
231
+ ": 0.4;\n\n ",
232
+ ": var(--text-primary);\n ",
233
+ ": var(--surface-clear);\n ",
233
234
  ": var(--text-secondary);\n "
234
235
  ]);
235
236
  _templateObject3 = function _templateObject() {
@@ -254,7 +255,7 @@ export var config = {
254
255
  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)
255
256
  },
256
257
  readOnly: {
257
- true: css(_templateObject3(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.labelColor, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
258
+ true: css(_templateObject3(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.labelColor, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
258
259
  }
259
260
  }
260
261
  };
package/emotion/es/components/Select/Select.config.js CHANGED
@@ -260,7 +260,7 @@ function _templateObject7() {
260
260
  "\n ",
261
261
  ": 0.4;\n ",
262
262
  ": var(--text-primary);\n ",
263
- ": var(--surface-transparent-primary);\n ",
263
+ ": var(--surface-clear);\n ",
264
264
  ": var(--text-secondary);\n ",
265
265
  ": var(--text-secondary);\n ",
266
266
  ": var(--text-secondary);\n ",
package/emotion/es/components/TextArea/TextArea.config.js CHANGED
@@ -308,10 +308,15 @@ function _templateObject8() {
308
308
  function _templateObject9() {
309
309
  var data = _tagged_template_literal([
310
310
  "\n ",
311
- ": transparent;\n ",
312
- ": transparent;\n ",
313
- ": transparent;\n ",
314
- ": transparent;\n ",
311
+ ": 0.1;\n ",
312
+ ": var(--text-secondary);\n ",
313
+ ": var(--text-primary);\n ",
314
+ ": var(--surface-transparent-primary);\n ",
315
+ ": 0.4;\n ",
316
+ ": var(--surface-clear);\n ",
317
+ ": var(--surface-clear);\n ",
318
+ ": var(--surface-clear);\n ",
319
+ ": var(--surface-clear);\n ",
315
320
  ": var(--text-primary);\n ",
316
321
  ": var(--text-primary);\n ",
317
322
  ": var(--text-secondary);\n ",
@@ -356,7 +361,7 @@ export var config = {
356
361
  true: css(_templateObject8(), textAreaTokens.disabledOpacity, textAreaTokens.backgroundColor, textAreaTokens.borderColor, textAreaTokens.borderColorHover, textAreaTokens.borderColorFocus, textAreaTokens.inputColor, textAreaTokens.inputColorFocus, textAreaTokens.placeholderColorFocus, textAreaTokens.labelOuterColor, textAreaTokens.inputColorDisabled)
357
362
  },
358
363
  readOnly: {
359
- true: css(_templateObject9(), textAreaTokens.backgroundColor, textAreaTokens.borderColor, textAreaTokens.borderColorHover, textAreaTokens.borderColorFocus, textAreaTokens.inputColor, textAreaTokens.inputColorFocus, textAreaTokens.placeholderColorFocus, textAreaTokens.labelOuterColor)
364
+ true: css(_templateObject9(), textAreaTokens.readOnlyOpacity, textAreaTokens.labelOuterColor, textAreaTokens.inputColorReadOnly, textAreaTokens.dividerColorReadOnly, textAreaTokens.contentSlotRightOpacityReadOnly, textAreaTokens.backgroundColor, textAreaTokens.borderColor, textAreaTokens.borderColorHover, textAreaTokens.borderColorFocus, textAreaTokens.inputColor, textAreaTokens.inputColorFocus, textAreaTokens.placeholderColorFocus, textAreaTokens.labelOuterColor)
360
365
  }
361
366
  }
362
367
  };
package/emotion/es/components/TextField/TextField.config.js CHANGED
@@ -282,12 +282,13 @@ function _templateObject9() {
282
282
  "\n ",
283
283
  ": 1;\n ",
284
284
  ": var(--text-primary);\n ",
285
- ": transparent;\n ",
285
+ ": var(--surface-clear);\n ",
286
286
  ": var(--text-secondary);\n ",
287
287
  ": var(--text-secondary);\n ",
288
288
  ": var(--text-secondary);\n ",
289
289
  ": var(--text-secondary);\n ",
290
- ": var(--outline-solid-secondary);\n "
290
+ ": var(--outline-solid-secondary);\n ",
291
+ ": 0.4;\n "
291
292
  ]);
292
293
  _templateObject9 = function _templateObject() {
293
294
  return data;
@@ -327,7 +328,7 @@ export var config = {
327
328
  true: css(_templateObject8(), tokens.disabledOpacity, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.color)
328
329
  },
329
330
  readOnly: {
330
- true: css(_templateObject9(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly)
331
+ true: css(_templateObject9(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
331
332
  }
332
333
  }
333
334
  };
package/emotion/es/components/Tree/Tree.config.js CHANGED
@@ -39,7 +39,8 @@ function _templateObject1() {
39
39
  "\n ",
40
40
  ": 2.5rem;\n ",
41
41
  ": 0.75rem;\n ",
42
- ": 0.25rem;\n ",
42
+ ": 0.5rem 0.75rem;\n ",
43
+ ": 0.4375rem 0.5rem;\n ",
43
44
  ": 1.875rem;\n ",
44
45
  ": 0.5rem;\n ",
45
46
  ": 0rem;\n ",
@@ -75,7 +76,7 @@ export var config = {
75
76
  default: css(_templateObject(), tokens.iconFolderColor, tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.itemBackgroundColorSelected, tokens.itemBackgroundColorPrimary, tokens.itemBackgroundColorHover, tokens.itemBackgroundColorActive, tokens.checkboxBorderColor, tokens.checkboxBackgroundColor, tokens.itemDisabledOpacity, tokens.itemDisabledBorderColor, tokens.itemDisabledColor, tokens.itemDraggableBorderColor, tokens.itemDraggableLineColor)
76
77
  },
77
78
  size: {
78
- s: css(_templateObject1(), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight)
79
+ s: css(_templateObject1(), tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight)
79
80
  }
80
81
  }
81
82
  };
package/es/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -202,8 +202,9 @@ function _templateObject5() {
202
202
  function _templateObject6() {
203
203
  var data = _tagged_template_literal([
204
204
  "\n ",
205
- ": var(--text-secondary);\n ",
206
- ": var(--surface-transparent-primary);\n ",
205
+ ": var(--text-primary);\n ",
206
+ ": var(--surface-clear);\n ",
207
+ ": var(--surface-clear);\n ",
207
208
  ": var(--text-secondary);\n ",
208
209
  ": var(--text-secondary);\n ",
209
210
  ": var(--text-secondary);\n "
@@ -236,7 +237,7 @@ export var config = {
236
237
  true: css(_templateObject5(), tokens.itemColor, tokens.background, tokens.textFieldColor, tokens.textFieldLabelColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus)
237
238
  },
238
239
  readOnly: {
239
- true: css(_templateObject6(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly)
240
+ true: css(_templateObject6(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldBorderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly)
240
241
  }
241
242
  }
242
243
  };
package/es/components/Combobox/Combobox.config.js CHANGED
@@ -269,8 +269,8 @@ function _templateObject6() {
269
269
  var data = _tagged_template_literal([
270
270
  "\n ",
271
271
  ": var(--text-primary);\n ",
272
- ": var(--surface-transparent-primary);\n ",
273
- ": var(--text-primary);\n ",
272
+ ": var(--surface-clear);\n ",
273
+ ": var(--text-secondary);\n ",
274
274
  ": var(--text-secondary);\n ",
275
275
  ": var(--text-secondary);\n ",
276
276
  ": var(--text-primary);\n ",
package/es/components/DatePicker/DatePicker.config.js CHANGED
@@ -223,13 +223,14 @@ function _templateObject2() {
223
223
  function _templateObject3() {
224
224
  var data = _tagged_template_literal([
225
225
  "\n ",
226
- ": var(--surface-transparent-primary);\n ",
227
- ": var(--text-secondary);\n ",
226
+ ": var(--surface-clear);\n ",
228
227
  ": var(--text-secondary);\n ",
229
228
  ": var(--text-secondary);\n ",
230
229
  ": var(--text-secondary);\n\n ",
231
230
  ": var(--text-secondary);\n ",
232
- ": var(--surface-transparent-primary);\n ",
231
+ ": 0.4;\n\n ",
232
+ ": var(--text-primary);\n ",
233
+ ": var(--surface-clear);\n ",
233
234
  ": var(--text-secondary);\n "
234
235
  ]);
235
236
  _templateObject3 = function _templateObject() {
@@ -254,7 +255,7 @@ export var config = {
254
255
  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)
255
256
  },
256
257
  readOnly: {
257
- true: css(_templateObject3(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.labelColor, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
258
+ true: css(_templateObject3(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.labelColor, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
258
259
  }
259
260
  }
260
261
  };
package/es/components/Select/Select.config.js CHANGED
@@ -260,7 +260,7 @@ function _templateObject7() {
260
260
  "\n ",
261
261
  ": 0.4;\n ",
262
262
  ": var(--text-primary);\n ",
263
- ": var(--surface-transparent-primary);\n ",
263
+ ": var(--surface-clear);\n ",
264
264
  ": var(--text-secondary);\n ",
265
265
  ": var(--text-secondary);\n ",
266
266
  ": var(--text-secondary);\n ",
package/es/components/TextArea/TextArea.config.js CHANGED
@@ -308,10 +308,15 @@ function _templateObject8() {
308
308
  function _templateObject9() {
309
309
  var data = _tagged_template_literal([
310
310
  "\n ",
311
- ": transparent;\n ",
312
- ": transparent;\n ",
313
- ": transparent;\n ",
314
- ": transparent;\n ",
311
+ ": 0.1;\n ",
312
+ ": var(--text-secondary);\n ",
313
+ ": var(--text-primary);\n ",
314
+ ": var(--surface-transparent-primary);\n ",
315
+ ": 0.4;\n ",
316
+ ": var(--surface-clear);\n ",
317
+ ": var(--surface-clear);\n ",
318
+ ": var(--surface-clear);\n ",
319
+ ": var(--surface-clear);\n ",
315
320
  ": var(--text-primary);\n ",
316
321
  ": var(--text-primary);\n ",
317
322
  ": var(--text-secondary);\n ",
@@ -356,7 +361,7 @@ export var config = {
356
361
  true: css(_templateObject8(), textAreaTokens.disabledOpacity, textAreaTokens.backgroundColor, textAreaTokens.borderColor, textAreaTokens.borderColorHover, textAreaTokens.borderColorFocus, textAreaTokens.inputColor, textAreaTokens.inputColorFocus, textAreaTokens.placeholderColorFocus, textAreaTokens.labelOuterColor, textAreaTokens.inputColorDisabled)
357
362
  },
358
363
  readOnly: {
359
- true: css(_templateObject9(), textAreaTokens.backgroundColor, textAreaTokens.borderColor, textAreaTokens.borderColorHover, textAreaTokens.borderColorFocus, textAreaTokens.inputColor, textAreaTokens.inputColorFocus, textAreaTokens.placeholderColorFocus, textAreaTokens.labelOuterColor)
364
+ true: css(_templateObject9(), textAreaTokens.readOnlyOpacity, textAreaTokens.labelOuterColor, textAreaTokens.inputColorReadOnly, textAreaTokens.dividerColorReadOnly, textAreaTokens.contentSlotRightOpacityReadOnly, textAreaTokens.backgroundColor, textAreaTokens.borderColor, textAreaTokens.borderColorHover, textAreaTokens.borderColorFocus, textAreaTokens.inputColor, textAreaTokens.inputColorFocus, textAreaTokens.placeholderColorFocus, textAreaTokens.labelOuterColor)
360
365
  }
361
366
  }
362
367
  };
package/es/components/TextField/TextField.config.js CHANGED
@@ -282,12 +282,13 @@ function _templateObject9() {
282
282
  "\n ",
283
283
  ": 1;\n ",
284
284
  ": var(--text-primary);\n ",
285
- ": transparent;\n ",
285
+ ": var(--surface-clear);\n ",
286
286
  ": var(--text-secondary);\n ",
287
287
  ": var(--text-secondary);\n ",
288
288
  ": var(--text-secondary);\n ",
289
289
  ": var(--text-secondary);\n ",
290
- ": var(--outline-solid-secondary);\n "
290
+ ": var(--outline-solid-secondary);\n ",
291
+ ": 0.4;\n "
291
292
  ]);
292
293
  _templateObject9 = function _templateObject() {
293
294
  return data;
@@ -327,7 +328,7 @@ export var config = {
327
328
  true: css(_templateObject8(), tokens.disabledOpacity, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.color)
328
329
  },
329
330
  readOnly: {
330
- true: css(_templateObject9(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly)
331
+ true: css(_templateObject9(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
331
332
  }
332
333
  }
333
334
  };
package/es/components/Tree/Tree.config.js CHANGED
@@ -39,7 +39,8 @@ function _templateObject1() {
39
39
  "\n ",
40
40
  ": 2.5rem;\n ",
41
41
  ": 0.75rem;\n ",
42
- ": 0.25rem;\n ",
42
+ ": 0.5rem 0.75rem;\n ",
43
+ ": 0.4375rem 0.5rem;\n ",
43
44
  ": 1.875rem;\n ",
44
45
  ": 0.5rem;\n ",
45
46
  ": 0rem;\n ",
@@ -75,7 +76,7 @@ export var config = {
75
76
  default: css(_templateObject(), tokens.iconFolderColor, tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.itemBackgroundColorSelected, tokens.itemBackgroundColorPrimary, tokens.itemBackgroundColorHover, tokens.itemBackgroundColorActive, tokens.checkboxBorderColor, tokens.checkboxBackgroundColor, tokens.itemDisabledOpacity, tokens.itemDisabledBorderColor, tokens.itemDisabledColor, tokens.itemDraggableBorderColor, tokens.itemDraggableLineColor)
76
77
  },
77
78
  size: {
78
- s: css(_templateObject1(), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight)
79
+ s: css(_templateObject1(), tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight)
79
80
  }
80
81
  }
81
82
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-cs",
3
- "version": "0.329.0-canary.2255.18035010233.0",
3
+ "version": "0.329.0-canary.2255.18125301788.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS CS web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -30,7 +30,7 @@
30
30
  "directory": "packages/sdds-cs"
31
31
  },
32
32
  "dependencies": {
33
- "@salutejs/plasma-new-hope": "0.337.0-canary.2255.18035010233.0",
33
+ "@salutejs/plasma-new-hope": "0.337.0-canary.2255.18125301788.0",
34
34
  "@salutejs/sdds-themes": "0.47.0"
35
35
  },
36
36
  "peerDependencies": {
@@ -123,5 +123,5 @@
123
123
  "Anton Vinogradov"
124
124
  ],
125
125
  "sideEffects": false,
126
- "gitHead": "8b551995a4b6c335aa387f945926e1f87cff2d29"
126
+ "gitHead": "b5a4fc136c0f4194a3d52789ec8014f67b2d6239"
127
127
  }