@salutejs/sdds-cs 0.336.0-canary.2397.20370453452.0 → 0.336.0-canary.2397.20456842500.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 (24) hide show
  1. package/dist/emotion/cjs/components/Autocomplete/Autocomplete.config.js +4 -2
  2. package/dist/emotion/cjs/components/Combobox/Combobox.config.js +4 -2
  3. package/dist/emotion/cjs/components/DatePicker/DatePicker.config.js +4 -2
  4. package/dist/emotion/cjs/components/Select/Select.config.js +4 -2
  5. package/dist/emotion/cjs/components/TextField/TextField.config.js +4 -2
  6. package/dist/emotion/es/components/Autocomplete/Autocomplete.config.js +4 -2
  7. package/dist/emotion/es/components/Combobox/Combobox.config.js +4 -2
  8. package/dist/emotion/es/components/DatePicker/DatePicker.config.js +4 -2
  9. package/dist/emotion/es/components/Select/Select.config.js +4 -2
  10. package/dist/emotion/es/components/TextField/TextField.config.js +4 -2
  11. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +4 -2
  12. package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +4 -2
  13. package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +4 -2
  14. package/dist/styled-components/cjs/components/Select/Select.config.js +4 -2
  15. package/dist/styled-components/cjs/components/TextField/TextField.config.js +4 -2
  16. package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +4 -2
  17. package/dist/styled-components/es/components/Combobox/Combobox.config.js +4 -2
  18. package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +4 -2
  19. package/dist/styled-components/es/components/Select/Select.config.js +4 -2
  20. package/dist/styled-components/es/components/TextField/TextField.config.js +4 -2
  21. package/package.json +7 -7
  22. package/types/components/Combobox/Combobox.d.ts +24 -0
  23. package/types/components/Range/Range.d.ts +24 -24
  24. 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
  };
@@ -247,7 +247,9 @@ function _templateObject3() {
247
247
  ": 0.4;\n\n ",
248
248
  ": var(--text-primary);\n ",
249
249
  ": var(--surface-clear);\n ",
250
- ": var(--text-secondary);\n "
250
+ ": var(--text-secondary);\n ",
251
+ ": transparent;\n ",
252
+ ": 0;\n "
251
253
  ]);
252
254
  _templateObject3 = function _templateObject() {
253
255
  return data;
@@ -270,7 +272,7 @@ var config = {
270
272
  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)
271
273
  },
272
274
  readOnly: {
273
- 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)
275
+ 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)
274
276
  }
275
277
  }
276
278
  };
@@ -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
  };
@@ -236,7 +236,9 @@ function _templateObject3() {
236
236
  ": 0.4;\n\n ",
237
237
  ": var(--text-primary);\n ",
238
238
  ": var(--surface-clear);\n ",
239
- ": var(--text-secondary);\n "
239
+ ": var(--text-secondary);\n ",
240
+ ": transparent;\n ",
241
+ ": 0;\n "
240
242
  ]);
241
243
  _templateObject3 = function _templateObject() {
242
244
  return data;
@@ -260,7 +262,7 @@ export var config = {
260
262
  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)
261
263
  },
262
264
  readOnly: {
263
- true: css(_templateObject3(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.labelColor, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
265
+ 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)
264
266
  }
265
267
  }
266
268
  };
@@ -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
  };
@@ -247,7 +247,9 @@ function _templateObject3() {
247
247
  ": 0.4;\n\n ",
248
248
  ": var(--text-primary);\n ",
249
249
  ": var(--surface-clear);\n ",
250
- ": var(--text-secondary);\n "
250
+ ": var(--text-secondary);\n ",
251
+ ": transparent;\n ",
252
+ ": 0;\n "
251
253
  ]);
252
254
  _templateObject3 = function _templateObject() {
253
255
  return data;
@@ -270,7 +272,7 @@ var config = {
270
272
  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)
271
273
  },
272
274
  readOnly: {
273
- 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)
275
+ 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)
274
276
  }
275
277
  }
276
278
  };
@@ -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
  };
@@ -236,7 +236,9 @@ function _templateObject3() {
236
236
  ": 0.4;\n\n ",
237
237
  ": var(--text-primary);\n ",
238
238
  ": var(--surface-clear);\n ",
239
- ": var(--text-secondary);\n "
239
+ ": var(--text-secondary);\n ",
240
+ ": transparent;\n ",
241
+ ": 0;\n "
240
242
  ]);
241
243
  _templateObject3 = function _templateObject() {
242
244
  return data;
@@ -260,7 +262,7 @@ export var config = {
260
262
  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)
261
263
  },
262
264
  readOnly: {
263
- true: css(_templateObject3(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.labelColor, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
265
+ 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)
264
266
  }
265
267
  }
266
268
  };
@@ -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.2397.20370453452.0",
3
+ "version": "0.336.0-canary.2397.20456842500.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.2397.20370453452.0",
36
- "@salutejs/sdds-themes": "0.50.0"
35
+ "@salutejs/plasma-new-hope": "0.344.0-canary.2397.20456842500.0",
36
+ "@salutejs/sdds-themes": "0.51.0-canary.2397.20456842500.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.2397.20370453452.0",
60
- "@salutejs/plasma-cy-utils": "0.142.0-canary.2397.20370453452.0",
59
+ "@salutejs/plasma-core": "1.212.0-canary.2397.20456842500.0",
60
+ "@salutejs/plasma-cy-utils": "0.142.0-canary.2397.20456842500.0",
61
61
  "@salutejs/plasma-icons": "1.228.0",
62
- "@salutejs/plasma-sb-utils": "0.212.0-canary.2397.20370453452.0",
62
+ "@salutejs/plasma-sb-utils": "0.212.0-canary.2397.20456842500.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": "ff6b5dc699237e84529c5fe6c96f9dc88fe02bd4"
115
+ "gitHead": "b2ca973b719da1d5180977c6405cada3af1a96cf"
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";
@@ -68,8 +68,8 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
68
68
  hintWidth?: string;
69
69
  hintContentLeft?: import("react").ReactNode;
70
70
  } & {
71
- appearance?: "clear";
72
- hasClearDivider?: boolean;
71
+ appearance?: "default";
72
+ hasClearDivider?: never;
73
73
  } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<import("@salutejs/plasma-new-hope/styled-components").RangeInputRefs>) | ({
74
74
  label?: string;
75
75
  leftHelper?: string;
@@ -124,8 +124,8 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
124
124
  hintWidth?: string;
125
125
  hintContentLeft?: import("react").ReactNode;
126
126
  } & {
127
- appearance?: "default";
128
- hasClearDivider?: never;
127
+ appearance?: "clear";
128
+ hasClearDivider?: boolean;
129
129
  } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<import("@salutejs/plasma-new-hope/styled-components").RangeInputRefs>) | ({
130
130
  label?: string;
131
131
  leftHelper?: string;
@@ -180,8 +180,8 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
180
180
  hintWidth?: never;
181
181
  hintContentLeft?: never;
182
182
  } & {
183
- appearance?: "clear";
184
- hasClearDivider?: boolean;
183
+ appearance?: "default";
184
+ hasClearDivider?: never;
185
185
  } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<import("@salutejs/plasma-new-hope/styled-components").RangeInputRefs>) | ({
186
186
  label?: string;
187
187
  leftHelper?: string;
@@ -236,8 +236,8 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
236
236
  hintWidth?: never;
237
237
  hintContentLeft?: never;
238
238
  } & {
239
- appearance?: "default";
240
- hasClearDivider?: never;
239
+ appearance?: "clear";
240
+ hasClearDivider?: boolean;
241
241
  } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<import("@salutejs/plasma-new-hope/styled-components").RangeInputRefs>) | ({
242
242
  label?: string;
243
243
  leftHelper?: string;
@@ -292,8 +292,8 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
292
292
  hintWidth?: string;
293
293
  hintContentLeft?: import("react").ReactNode;
294
294
  } & {
295
- appearance?: "clear";
296
- hasClearDivider?: boolean;
295
+ appearance?: "default";
296
+ hasClearDivider?: never;
297
297
  } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<import("@salutejs/plasma-new-hope/styled-components").RangeInputRefs>) | ({
298
298
  label?: string;
299
299
  leftHelper?: string;
@@ -348,8 +348,8 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
348
348
  hintWidth?: string;
349
349
  hintContentLeft?: import("react").ReactNode;
350
350
  } & {
351
- appearance?: "default";
352
- hasClearDivider?: never;
351
+ appearance?: "clear";
352
+ hasClearDivider?: boolean;
353
353
  } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<import("@salutejs/plasma-new-hope/styled-components").RangeInputRefs>) | ({
354
354
  label?: string;
355
355
  leftHelper?: string;
@@ -404,8 +404,8 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
404
404
  hintWidth?: never;
405
405
  hintContentLeft?: never;
406
406
  } & {
407
- appearance?: "clear";
408
- hasClearDivider?: boolean;
407
+ appearance?: "default";
408
+ hasClearDivider?: never;
409
409
  } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<import("@salutejs/plasma-new-hope/styled-components").RangeInputRefs>) | ({
410
410
  label?: string;
411
411
  leftHelper?: string;
@@ -460,8 +460,8 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
460
460
  hintWidth?: never;
461
461
  hintContentLeft?: never;
462
462
  } & {
463
- appearance?: "default";
464
- hasClearDivider?: never;
463
+ appearance?: "clear";
464
+ hasClearDivider?: boolean;
465
465
  } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<import("@salutejs/plasma-new-hope/styled-components").RangeInputRefs>) | ({
466
466
  label?: string;
467
467
  leftHelper?: string;
@@ -516,8 +516,8 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
516
516
  hintWidth?: string;
517
517
  hintContentLeft?: import("react").ReactNode;
518
518
  } & {
519
- appearance?: "clear";
520
- hasClearDivider?: boolean;
519
+ appearance?: "default";
520
+ hasClearDivider?: never;
521
521
  } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<import("@salutejs/plasma-new-hope/styled-components").RangeInputRefs>) | ({
522
522
  label?: string;
523
523
  leftHelper?: string;
@@ -572,8 +572,8 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
572
572
  hintWidth?: string;
573
573
  hintContentLeft?: import("react").ReactNode;
574
574
  } & {
575
- appearance?: "default";
576
- hasClearDivider?: never;
575
+ appearance?: "clear";
576
+ hasClearDivider?: boolean;
577
577
  } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<import("@salutejs/plasma-new-hope/styled-components").RangeInputRefs>) | ({
578
578
  label?: string;
579
579
  leftHelper?: string;
@@ -628,8 +628,8 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
628
628
  hintWidth?: never;
629
629
  hintContentLeft?: never;
630
630
  } & {
631
- appearance?: "clear";
632
- hasClearDivider?: boolean;
631
+ appearance?: "default";
632
+ hasClearDivider?: never;
633
633
  } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<import("@salutejs/plasma-new-hope/styled-components").RangeInputRefs>) | ({
634
634
  label?: string;
635
635
  leftHelper?: string;
@@ -684,6 +684,6 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
684
684
  hintWidth?: never;
685
685
  hintContentLeft?: never;
686
686
  } & {
687
- appearance?: "default";
688
- hasClearDivider?: never;
687
+ appearance?: "clear";
688
+ hasClearDivider?: boolean;
689
689
  } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<import("@salutejs/plasma-new-hope/styled-components").RangeInputRefs>))>;
@@ -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;