@salutejs/sdds-cs 0.327.1-canary.2207.17463055710.0 → 0.328.0-canary.1906.17459907241.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 (26) hide show
  1. package/CHANGELOG.md +0 -1573
  2. package/components/Autocomplete/Autocomplete.config.js +4 -3
  3. package/components/Combobox/Combobox.config.js +2 -2
  4. package/components/DatePicker/DatePicker.config.js +5 -4
  5. package/components/Select/Select.config.js +1 -1
  6. package/components/TextArea/TextArea.config.js +10 -5
  7. package/components/TextField/TextField.config.js +4 -3
  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/es/components/Autocomplete/Autocomplete.config.js +4 -3
  15. package/emotion/es/components/Combobox/Combobox.config.js +2 -2
  16. package/emotion/es/components/DatePicker/DatePicker.config.js +5 -4
  17. package/emotion/es/components/Select/Select.config.js +1 -1
  18. package/emotion/es/components/TextArea/TextArea.config.js +10 -5
  19. package/emotion/es/components/TextField/TextField.config.js +4 -3
  20. package/es/components/Autocomplete/Autocomplete.config.js +4 -3
  21. package/es/components/Combobox/Combobox.config.js +2 -2
  22. package/es/components/DatePicker/DatePicker.config.js +5 -4
  23. package/es/components/Select/Select.config.js +1 -1
  24. package/es/components/TextArea/TextArea.config.js +10 -5
  25. package/es/components/TextField/TextField.config.js +4 -3
  26. package/package.json +8 -8
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.4;\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/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.4;\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/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.4;\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/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.4;\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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-cs",
3
- "version": "0.327.1-canary.2207.17463055710.0",
3
+ "version": "0.328.0-canary.1906.17459907241.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS CS web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -30,8 +30,8 @@
30
30
  "directory": "packages/sdds-cs"
31
31
  },
32
32
  "dependencies": {
33
- "@salutejs/plasma-new-hope": "0.335.1-canary.2207.17463055710.0",
34
- "@salutejs/sdds-themes": "0.47.0"
33
+ "@salutejs/plasma-new-hope": "0.336.0-canary.1906.17459907241.0",
34
+ "@salutejs/sdds-themes": "0.47.0-dev.0"
35
35
  },
36
36
  "peerDependencies": {
37
37
  "@emotion/react": ">=11",
@@ -54,10 +54,10 @@
54
54
  "@microsoft/api-extractor": "7.38.3",
55
55
  "@originjs/vite-plugin-commonjs": "1.0.3",
56
56
  "@salutejs/plasma-colors": "0.16.0",
57
- "@salutejs/plasma-core": "1.207.0",
58
- "@salutejs/plasma-cy-utils": "0.137.0",
59
- "@salutejs/plasma-icons": "1.223.0",
60
- "@salutejs/plasma-sb-utils": "0.207.0",
57
+ "@salutejs/plasma-core": "1.207.0-dev.0",
58
+ "@salutejs/plasma-cy-utils": "0.137.0-dev.0",
59
+ "@salutejs/plasma-icons": "1.223.0-dev.0",
60
+ "@salutejs/plasma-sb-utils": "0.207.0-dev.0",
61
61
  "@storybook/addon-docs": "8.6.14",
62
62
  "@storybook/addon-essentials": "8.6.14",
63
63
  "@storybook/manager-api": "8.6.14",
@@ -123,5 +123,5 @@
123
123
  "Anton Vinogradov"
124
124
  ],
125
125
  "sideEffects": false,
126
- "gitHead": "51ac68afc828114c18d34034aa7eda681efe780c"
126
+ "gitHead": "1cc7506071b9fa718a4763a4704e73d28d133e3f"
127
127
  }