@salutejs/plasma-web 1.594.0-canary.2228.17672900057.0 → 1.594.0-canary.2231.17732581275.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 (38) hide show
  1. package/components/Notification/Notification.d.ts +1 -1
  2. package/components/Pagination/Pagination.config.js +20 -12
  3. package/components/Range/Range.config.d.ts +1 -0
  4. package/components/Range/Range.config.js +72 -17
  5. package/components/Range/Range.d.ts +1 -0
  6. package/components/Tree/Tree.config.js +4 -2
  7. package/css/cjs/components/Pagination/Pagination.config.js +1 -1
  8. package/css/cjs/components/Pagination/Pagination.config.js.map +1 -1
  9. package/css/cjs/components/Pagination/{Pagination.config_1fqgkuu.css → Pagination.config_cxh2fc.css} +8 -8
  10. package/css/cjs/components/Pagination/Pagination.css +12 -12
  11. package/css/cjs/components/Range/Range.config.js +8 -7
  12. package/css/cjs/components/Range/Range.config.js.map +1 -1
  13. package/css/cjs/components/Range/Range.config_xqsxvn.css +8 -0
  14. package/css/cjs/components/Range/Range.css +8 -7
  15. package/css/cjs/components/Tree/Tree.config.js +1 -1
  16. package/css/cjs/components/Tree/Tree.config.js.map +1 -1
  17. package/css/{es/components/Tree/Tree.config_8w5wt.css → cjs/components/Tree/Tree.config_3ngxbx.css} +1 -1
  18. package/css/cjs/components/Tree/Tree.css +5 -5
  19. package/css/cjs/index.css +25 -24
  20. package/css/es/components/Pagination/Pagination.config.js +1 -1
  21. package/css/es/components/Pagination/Pagination.config.js.map +1 -1
  22. package/css/es/components/Pagination/{Pagination.config_1fqgkuu.css → Pagination.config_cxh2fc.css} +8 -8
  23. package/css/es/components/Pagination/Pagination.css +12 -12
  24. package/css/es/components/Range/Range.config.js +8 -7
  25. package/css/es/components/Range/Range.config.js.map +1 -1
  26. package/css/es/components/Range/Range.config_xqsxvn.css +8 -0
  27. package/css/es/components/Range/Range.css +8 -7
  28. package/css/es/components/Tree/Tree.config.js +1 -1
  29. package/css/es/components/Tree/Tree.config.js.map +1 -1
  30. package/css/{cjs/components/Tree/Tree.config_8w5wt.css → es/components/Tree/Tree.config_3ngxbx.css} +1 -1
  31. package/css/es/components/Tree/Tree.css +5 -5
  32. package/css/es/index.css +25 -24
  33. package/es/components/Pagination/Pagination.config.js +20 -12
  34. package/es/components/Range/Range.config.js +72 -17
  35. package/es/components/Tree/Tree.config.js +4 -2
  36. package/package.json +3 -3
  37. package/css/cjs/components/Range/Range.config_y1rqsd.css +0 -7
  38. package/css/es/components/Range/Range.config_y1rqsd.css +0 -7
@@ -27,6 +27,7 @@ function _templateObject() {
27
27
  ": var(--surface-transparent-secondary);\n ",
28
28
  ": color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 85%\n );\n\n ",
29
29
  ": var(--text-primary);\n ",
30
+ ": var(--text-secondary);\n ",
30
31
  ": var(--surface-accent);\n "
31
32
  ]);
32
33
  _templateObject = function _templateObject() {
@@ -53,6 +54,7 @@ function _templateObject1() {
53
54
  ": var(--surface-solid-secondary);\n ",
54
55
  ": var(--surface-transparent-secondary);\n\n ",
55
56
  ": var(--text-primary);\n ",
57
+ ": var(--text-secondary);\n ",
56
58
  ": var(--surface-accent);\n "
57
59
  ]);
58
60
  _templateObject1 = function _templateObject() {
@@ -79,6 +81,7 @@ function _templateObject2() {
79
81
  ": var(--surface-solid-card);\n ",
80
82
  ": var(--surface-transparent-secondary);\n\n ",
81
83
  ": var(--text-primary);\n ",
84
+ ": var(--text-secondary);\n ",
82
85
  ": var(--surface-accent);\n "
83
86
  ]);
84
87
  _templateObject2 = function _templateObject() {
@@ -105,6 +108,7 @@ function _templateObject3() {
105
108
  ": var(--surface-clear);\n ",
106
109
  ": var(--surface-transparent-secondary);\n\n ",
107
110
  ": var(--text-primary);\n ",
111
+ ": var(--text-secondary);\n ",
108
112
  ": var(--surface-accent);\n "
109
113
  ]);
110
114
  _templateObject3 = function _templateObject() {
@@ -206,7 +210,8 @@ function _templateObject8() {
206
210
  ": 4rem;\n ",
207
211
  ": 3.5rem;\n ",
208
212
  ": 0 0.625rem;\n ",
209
- ": 0.0625rem;\n "
213
+ ": 0.0625rem;\n\n ",
214
+ ": 0.5rem 2.5rem;\n "
210
215
  ]);
211
216
  _templateObject8 = function _templateObject() {
212
217
  return data;
@@ -247,7 +252,8 @@ function _templateObject9() {
247
252
  ": 3.5rem;\n ",
248
253
  ": 3rem;\n ",
249
254
  ": 0 0.625rem;\n ",
250
- ": 0.0625rem;\n "
255
+ ": 0.0625rem;\n\n ",
256
+ ": 0.5rem 2.5rem;\n "
251
257
  ]);
252
258
  _templateObject9 = function _templateObject() {
253
259
  return data;
@@ -288,7 +294,8 @@ function _templateObject10() {
288
294
  ": 3rem;\n ",
289
295
  ": 2.5rem;\n ",
290
296
  ": 0 0.625rem;\n ",
291
- ": 0.0625rem;\n "
297
+ ": 0.0625rem;\n\n ",
298
+ ": 0.5rem 2.5rem;\n "
292
299
  ]);
293
300
  _templateObject10 = function _templateObject() {
294
301
  return data;
@@ -329,7 +336,8 @@ function _templateObject11() {
329
336
  ": 2.5rem;\n ",
330
337
  ": 2rem;\n ",
331
338
  ": 0 0.625rem;\n ",
332
- ": 0.0625rem;\n "
339
+ ": 0.0625rem;\n\n ",
340
+ ": 0.5rem 2.5rem;\n "
333
341
  ]);
334
342
  _templateObject11 = function _templateObject() {
335
343
  return data;
@@ -363,13 +371,13 @@ export var config = {
363
371
  },
364
372
  variations: {
365
373
  view: {
366
- default: css(_templateObject(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.selectBackgroundColor, paginationTokens.paginationColor, paginationTokens.buttonFocusColor),
367
- secondary: css(_templateObject1(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.buttonFocusColor),
368
- clear: css(_templateObject2(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.buttonFocusColor),
374
+ default: css(_templateObject(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.selectBackgroundColor, paginationTokens.paginationColor, paginationTokens.paginationHelperTextColor, paginationTokens.buttonFocusColor),
375
+ secondary: css(_templateObject1(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.paginationHelperTextColor, paginationTokens.buttonFocusColor),
376
+ clear: css(_templateObject2(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.paginationHelperTextColor, paginationTokens.buttonFocusColor),
369
377
  /**
370
378
  * @deprecated
371
379
  * использовать `default`
372
- */ primary: css(_templateObject3(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.selectBackgroundColor, paginationTokens.inputBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.buttonFocusColor)
380
+ */ primary: css(_templateObject3(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.selectBackgroundColor, paginationTokens.inputBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.paginationHelperTextColor, paginationTokens.buttonFocusColor)
373
381
  },
374
382
  viewCurrentPage: {
375
383
  default: css(_templateObject4(), paginationTokens.paginationCurrentButtonColor, paginationTokens.paginationCurrentButtonBackgroundColor, paginationTokens.paginationCurrentButtonHoverColor, paginationTokens.paginationCurrentButtonHoverBackgroundColor, paginationTokens.paginationCurrentButtonActiveColor, paginationTokens.paginationCurrentButtonActiveBackgroundColor),
@@ -381,10 +389,10 @@ export var config = {
381
389
  */ primary: css(_templateObject7(), paginationTokens.paginationCurrentButtonColor, paginationTokens.paginationCurrentButtonBackgroundColor, paginationTokens.paginationCurrentButtonHoverColor, paginationTokens.paginationCurrentButtonHoverBackgroundColor, paginationTokens.paginationCurrentButtonActiveColor, paginationTokens.paginationCurrentButtonActiveBackgroundColor)
382
390
  },
383
391
  size: {
384
- l: css(_templateObject8(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth),
385
- m: css(_templateObject9(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth),
386
- s: css(_templateObject10(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth),
387
- xs: css(_templateObject11(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth)
392
+ l: css(_templateObject8(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap),
393
+ m: css(_templateObject9(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap),
394
+ s: css(_templateObject10(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap),
395
+ xs: css(_templateObject11(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap)
388
396
  },
389
397
  type: {
390
398
  compact: css(_templateObject12()),
@@ -43,6 +43,60 @@ function _templateObject() {
43
43
  return data;
44
44
  }
45
45
  function _templateObject1() {
46
+ var data = _tagged_template_literal([
47
+ "\n ",
48
+ ": 1rem;\n ",
49
+ ": 0.063rem;\n\n ",
50
+ ": 0 0.375rem;\n ",
51
+ ": var(--plasma-typo-body-l-font-family);\n ",
52
+ ": var(--plasma-typo-body-l-font-style);\n ",
53
+ ": var(--plasma-typo-body-l-font-size);\n ",
54
+ ": var(--plasma-typo-body-l-font-weight);\n ",
55
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
56
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
57
+ ": 0 0 0 1.125rem;\n ",
58
+ ": 0;\n\n ",
59
+ ": 0.75rem;\n\n ",
60
+ ": var(--plasma-typo-body-l-font-family);\n ",
61
+ ": var(--plasma-typo-body-l-font-style);\n ",
62
+ ": var(--plasma-typo-body-l-font-size);\n ",
63
+ ": var(--plasma-typo-body-l-font-weight);\n ",
64
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
65
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
66
+ ": 4rem;\n ",
67
+ ": 1rem;\n ",
68
+ ": 0.063rem;\n ",
69
+ ": 1.3125rem 1.125rem;\n ",
70
+ ": var(--plasma-typo-body-l-font-family);\n ",
71
+ ": var(--plasma-typo-body-l-font-style);\n ",
72
+ ": var(--plasma-typo-body-l-font-size);\n ",
73
+ ": var(--plasma-typo-body-l-font-weight);\n ",
74
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
75
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
76
+ ": 0.25rem 0 0 0;\n ",
77
+ ": var(--plasma-typo-body-xs-font-family);\n ",
78
+ ": var(--plasma-typo-body-xs-font-style);\n ",
79
+ ": var(--plasma-typo-body-xs-font-size);\n ",
80
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
81
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
82
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
83
+ ": -0.0625rem 0.5rem -0.0625rem 0;\n ",
84
+ ": -0.0625rem 0 -0.0625rem 0.75rem;\n ",
85
+ ": 0 0.25rem 0 0;\n ",
86
+ ": 0 0 0 0.25rem;\n\n ",
87
+ ": 0.5rem;\n ",
88
+ ": 0.375rem;\n ",
89
+ ": 0 0 0 0;\n ",
90
+ ": 0.5rem auto auto -0.75rem;\n ",
91
+ ": 0 0 auto auto;\n ",
92
+ ": 0.25rem -0.625rem auto auto;\n "
93
+ ]);
94
+ _templateObject1 = function _templateObject() {
95
+ return data;
96
+ };
97
+ return data;
98
+ }
99
+ function _templateObject2() {
46
100
  var data = _tagged_template_literal([
47
101
  "\n ",
48
102
  ": 0.875rem;\n ",
@@ -91,12 +145,12 @@ function _templateObject1() {
91
145
  ": 0 0.25rem 0 0;\n ",
92
146
  ": 0 0 0 0.25rem;\n "
93
147
  ]);
94
- _templateObject1 = function _templateObject() {
148
+ _templateObject2 = function _templateObject() {
95
149
  return data;
96
150
  };
97
151
  return data;
98
152
  }
99
- function _templateObject2() {
153
+ function _templateObject3() {
100
154
  var data = _tagged_template_literal([
101
155
  "\n ",
102
156
  ": 0.75rem;\n ",
@@ -145,12 +199,12 @@ function _templateObject2() {
145
199
  ": 0 0.25rem 0 0;\n ",
146
200
  ": 0 0 0 0.25rem;\n "
147
201
  ]);
148
- _templateObject2 = function _templateObject() {
202
+ _templateObject3 = function _templateObject() {
149
203
  return data;
150
204
  };
151
205
  return data;
152
206
  }
153
- function _templateObject3() {
207
+ function _templateObject4() {
154
208
  var data = _tagged_template_literal([
155
209
  "\n ",
156
210
  ": 0.625rem;\n ",
@@ -199,12 +253,12 @@ function _templateObject3() {
199
253
  ": 0 0.25rem 0 0;\n ",
200
254
  ": 0 0 0 0.25rem;\n "
201
255
  ]);
202
- _templateObject3 = function _templateObject() {
256
+ _templateObject4 = function _templateObject() {
203
257
  return data;
204
258
  };
205
259
  return data;
206
260
  }
207
- function _templateObject4() {
261
+ function _templateObject5() {
208
262
  var data = _tagged_template_literal([
209
263
  "\n ",
210
264
  ": 0.5rem;\n ",
@@ -253,22 +307,22 @@ function _templateObject4() {
253
307
  ": 0 0.25rem 0 0;\n ",
254
308
  ": 0 0 0 0.25rem;\n "
255
309
  ]);
256
- _templateObject4 = function _templateObject() {
310
+ _templateObject5 = function _templateObject() {
257
311
  return data;
258
312
  };
259
313
  return data;
260
314
  }
261
- function _templateObject5() {
315
+ function _templateObject6() {
262
316
  var data = _tagged_template_literal([
263
317
  "\n ",
264
318
  ": 0.4;\n "
265
319
  ]);
266
- _templateObject5 = function _templateObject() {
320
+ _templateObject6 = function _templateObject() {
267
321
  return data;
268
322
  };
269
323
  return data;
270
324
  }
271
- function _templateObject6() {
325
+ function _templateObject7() {
272
326
  var data = _tagged_template_literal([
273
327
  "\n ",
274
328
  ": var(--surface-clear);\n ",
@@ -283,7 +337,7 @@ function _templateObject6() {
283
337
  ": transparent;\n ",
284
338
  ": var(--text-secondary);\n "
285
339
  ]);
286
- _templateObject6 = function _templateObject() {
340
+ _templateObject7 = function _templateObject() {
287
341
  return data;
288
342
  };
289
343
  return data;
@@ -299,16 +353,17 @@ export var config = {
299
353
  default: css(_templateObject(), tokens.background, tokens.borderColor, tokens.borderColorError, tokens.borderColorSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.indicatorColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorHover, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessHover, tokens.textFieldBorderColorSuccessFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor)
300
354
  },
301
355
  size: {
302
- l: css(_templateObject1(), tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin),
303
- m: css(_templateObject2(), tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin),
304
- s: css(_templateObject3(), tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin),
305
- xs: css(_templateObject4(), tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin)
356
+ xl: css(_templateObject1(), tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight),
357
+ l: css(_templateObject2(), tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin),
358
+ m: css(_templateObject3(), tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin),
359
+ s: css(_templateObject4(), tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin),
360
+ xs: css(_templateObject5(), tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin)
306
361
  },
307
362
  disabled: {
308
- true: css(_templateObject5(), tokens.disabledOpacity)
363
+ true: css(_templateObject6(), tokens.disabledOpacity)
309
364
  },
310
365
  readOnly: {
311
- true: css(_templateObject6(), tokens.backgroundReadOnly, tokens.borderColorReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.readOnlyOpacity, tokens.dividerOpacityReadOnly, tokens.rightContentOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
366
+ true: css(_templateObject7(), tokens.backgroundReadOnly, tokens.borderColorReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.readOnlyOpacity, tokens.dividerOpacityReadOnly, tokens.rightContentOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
312
367
  }
313
368
  }
314
369
  };
@@ -25,7 +25,9 @@ function _templateObject() {
25
25
  ": var(--text-accent);\n ",
26
26
  ": 0.4;\n ",
27
27
  ": var(--text-secondary);\n ",
28
- ": var(--text-secondary);\n "
28
+ ": var(--text-secondary);\n ",
29
+ ": var(--surface-positive);\n ",
30
+ ": var(--surface-solid-default);\n "
29
31
  ]);
30
32
  _templateObject = function _templateObject() {
31
33
  return data;
@@ -160,7 +162,7 @@ export var config = {
160
162
  },
161
163
  variations: {
162
164
  view: {
163
- default: css(_templateObject(), tokens.iconFolderColor, tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.itemBackgroundColorSelected, tokens.itemBackgroundColorPrimary, tokens.itemBackgroundColorHover, tokens.itemBackgroundColorActive, tokens.checkboxBorderColor, tokens.checkboxBackgroundColor, tokens.itemDisabledOpacity, tokens.itemDisabledBorderColor, tokens.itemDisabledColor)
165
+ default: css(_templateObject(), tokens.iconFolderColor, tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.itemBackgroundColorSelected, tokens.itemBackgroundColorPrimary, tokens.itemBackgroundColorHover, tokens.itemBackgroundColorActive, tokens.checkboxBorderColor, tokens.checkboxBackgroundColor, tokens.itemDisabledOpacity, tokens.itemDisabledBorderColor, tokens.itemDisabledColor, tokens.itemDraggableBorderColor, tokens.itemDraggableLineColor)
164
166
  },
165
167
  size: {
166
168
  l: css(_templateObject1(), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-web",
3
- "version": "1.594.0-canary.2228.17672900057.0",
3
+ "version": "1.594.0-canary.2231.17732581275.0",
4
4
  "description": "Salute Design System / React UI kit for web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -21,7 +21,7 @@
21
21
  "dependencies": {
22
22
  "@salutejs/plasma-core": "1.207.0",
23
23
  "@salutejs/plasma-hope": "1.352.0",
24
- "@salutejs/plasma-new-hope": "0.336.0-canary.2228.17672900057.0",
24
+ "@salutejs/plasma-new-hope": "0.336.0-canary.2231.17732581275.0",
25
25
  "@salutejs/plasma-themes": "0.37.0",
26
26
  "@salutejs/plasma-tokens-b2b": "1.53.0",
27
27
  "@salutejs/plasma-tokens-b2c": "0.64.0",
@@ -111,5 +111,5 @@
111
111
  "Fanil Zubairov"
112
112
  ],
113
113
  "sideEffects": false,
114
- "gitHead": "86e7e96e458c37612eaf19b135f8bdf870583084"
114
+ "gitHead": "ea7d145db46609ca184838903690e8564ced80a9"
115
115
  }
@@ -1,7 +0,0 @@
1
- .d1nh97pi{--plasma-range-background:var(--surface-clear);--plasma-range-border-color:var(--surface-transparent-tertiary);--plasma-range-border-color-error:var(--surface-negative);--plasma-range-border-color-success:var(--surface-positive);--plasma-range__divider-color:var(--text-primary);--plasma-range__label-color:var(--text-primary);--plasma-range__left-helper-color:var(--text-secondary);--plasma-range__left-helper-color-error:var(--text-negative);--plasma-range__left-helper-color-success:var(--text-positive);--plasma-range__indicator-color:var(--surface-negative);--plasma-range-textfield-color:var(--text-primary);--plasma-range-textfield-placeholder-color:var(--text-secondary);--plasma-range-textfield__placeholder-color-focus:var(--text-secondary);--plasma-range-textfield-caret-color:var(--text-accent);--plasma-range-textfield-border-color-hover:var(--text-secondary);--plasma-range-textfield-border-color-focus:var(--surface-accent);--plasma-range-textfield-border-color-error:var(--surface-negative);--plasma-range-textfield-border-color-error-hover:var(--surface-negative-hover);--plasma-range-textfield-border-color-error-focus:var(--surface-accent);--plasma-range-textfield-border-color-success:var(--surface-positive);--plasma-range-textfield-border-color-success-hover:var(--surface-positive-hover);--plasma-range-textfield-border-color-success-focus:var(--surface-accent);--plasma-range-textfield__before-text-color:var(--text-tertiary);--plasma-range-textfield__after-text-color:var(--text-tertiary);--plasma-range-focus-color:var(--text-accent);}
2
- .lcttcgt{--plasma-range-border-radius:0.875rem;--plasma-range-border-width:0.0625rem;--plasma-range__divider-padding:0 0.375rem;--plasma-range__divider-font-family:var(--plasma-typo-body-l-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-l-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-l-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-l-line-height);--plasma-range__left-content-margin:0 0 0 1rem;--plasma-range__right-content-margin:0;--plasma-range__label-offset:0.75rem;--plasma-range__label-font-family:var(--plasma-typo-body-l-font-family);--plasma-range__label-font-style:var(--plasma-typo-body-l-font-style);--plasma-range__label-font-size:var(--plasma-typo-body-l-font-size);--plasma-range__label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range__label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range__label-line-height:var(--plasma-typo-body-l-line-height);--plasma-range__indicator-size:0.5rem;--plasma-range__indicator-size-outer:0.375rem;--plasma-range__indicator-placement:0 0 0 0;--plasma-range__indicator-placement-outer:0.5rem auto auto -0.75rem;--plasma-range__indicator-placement-right:0 0 auto auto;--plasma-range__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-range-textfield-height:3.5rem;--plasma-range-textfield-border-radius:0.875rem;--plasma-range-textfield-border-width:0.0625rem;--plasma-range-textfield-padding:1.0625rem 1.125rem 1.0625rem 1.125rem;--plasma-range-textfield-font-family:var(--plasma-typo-body-l-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-l-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-l-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-l-line-height);--plasma-range__left-helper-offset:0.25rem 0 0 0;--plasma-range__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-textfield__left-content-margin:-0.0625rem 0.5rem -0.0625rem -0.125rem;--plasma-range-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;}
3
- .m7jroee{--plasma-range-border-radius:0.75rem;--plasma-range-border-width:0.0625rem;--plasma-range__divider-padding:0 0.375rem;--plasma-range__divider-font-family:var(--plasma-typo-body-m-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-m-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-m-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-m-line-height);--plasma-range__left-content-margin:0 0 0 0.875rem;--plasma-range__right-content-margin:0;--plasma-range__label-offset:0.625rem;--plasma-range__label-font-family:var(--plasma-typo-body-m-font-family);--plasma-range__label-font-style:var(--plasma-typo-body-m-font-style);--plasma-range__label-font-size:var(--plasma-typo-body-m-font-size);--plasma-range__label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-range__label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-range__label-line-height:var(--plasma-typo-body-m-line-height);--plasma-range__indicator-size:0.5rem;--plasma-range__indicator-size-outer:0.375rem;--plasma-range__indicator-placement:0 0 0 0;--plasma-range__indicator-placement-outer:0.375rem auto auto -0.75rem;--plasma-range__indicator-placement-right:0 0 auto auto;--plasma-range__indicator-placement-outer-right:0.25rem -0.6875rem auto auto;--plasma-range-textfield-height:3rem;--plasma-range-textfield-border-radius:0.75rem;--plasma-range-textfield-border-width:0.0625rem;--plasma-range-textfield-padding:0.875rem 1rem 0.875rem 1rem;--plasma-range-textfield-font-family:var(--plasma-typo-body-m-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-m-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-m-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-m-line-height);--plasma-range__left-helper-offset:0.25rem 0 0 0;--plasma-range__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-textfield__left-content-margin:-0.125rem 0.375rem -0.125rem -0.125rem;--plasma-range-textfield__right-content-margin:-0.125rem -0.125rem -0.125rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;}
4
- .s1r89e6n{--plasma-range-border-radius:0.625rem;--plasma-range-border-width:0.0625rem;--plasma-range__divider-padding:0 0.375rem;--plasma-range__divider-font-family:var(--plasma-typo-body-s-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-s-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-s-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-s-line-height);--plasma-range__left-content-margin:0 0 0 0.75rem;--plasma-range__right-content-margin:0;--plasma-range__label-offset:0.5rem;--plasma-range__label-font-family:var(--plasma-typo-body-s-font-family);--plasma-range__label-font-style:var(--plasma-typo-body-s-font-style);--plasma-range__label-font-size:var(--plasma-typo-body-s-font-size);--plasma-range__label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-range__label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-range__label-line-height:var(--plasma-typo-body-s-line-height);--plasma-range__indicator-size:0.375rem;--plasma-range__indicator-size-outer:0.375rem;--plasma-range__indicator-placement:0 0 0 0;--plasma-range__indicator-placement-outer:0.3125rem auto auto -0.6875rem;--plasma-range__indicator-placement-right:0 0 auto auto;--plasma-range__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-range-textfield-height:2.5rem;--plasma-range-textfield-border-radius:0.625rem;--plasma-range-textfield-border-width:0.0625rem;--plasma-range-textfield-padding:0.6875rem 0.875rem 0.6875rem 0.875rem;--plasma-range-textfield-font-family:var(--plasma-typo-body-s-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-s-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-s-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-s-line-height);--plasma-range__left-helper-offset:0.25rem 0 0 0;--plasma-range__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-textfield__left-content-margin:-0.1875rem 0.25rem -0.1875rem -0.125rem;--plasma-range-textfield__right-content-margin:-0.1875rem -0.125rem -0.1875rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;}
5
- .xc5cn5n{--plasma-range-border-radius:0.5rem;--plasma-range-border-width:0.0625rem;--plasma-range__divider-padding:0 0.375rem;--plasma-range__divider-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range__left-content-margin:0 0 0 0.5rem;--plasma-range__right-content-margin:0;--plasma-range__label-offset:0.375rem;--plasma-range__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range__indicator-size:0.375rem;--plasma-range__indicator-size-outer:0.375rem;--plasma-range__indicator-placement:0 0 0 0;--plasma-range__indicator-placement-outer:0.25rem auto auto -0.625rem;--plasma-range__indicator-placement-right:0 0 auto auto;--plasma-range__indicator-placement-outer-right:0.125rem -0.6875rem auto auto;--plasma-range-textfield-height:2rem;--plasma-range-textfield-border-radius:0.5rem;--plasma-range-textfield-border-width:0.0625rem;--plasma-range-textfield-padding:0.5625rem 0.625rem 0.5625rem 0.625rem;--plasma-range-textfield-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range__left-helper-offset:0.25rem 0 0 0;--plasma-range__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-textfield__left-content-margin:-0.0625rem 0.25rem -0.0625rem -0.125rem;--plasma-range-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;}
6
- .t3pjoau{--plasma-range-disabled-opacity:0.4;}
7
- .tk9yl84{--plasma-range-background-readonly:var(--surface-clear);--plasma-range-border-color-readonly:var(--surface-transparent-tertiary);--plasma-range__label-color-readonly:var(--text-primary);--plasma-range__left-helper-color-readonly:var(--text-secondary);--plasma-range__divider-color-readonly:var(--text-secondary);--plasma-range-readonly-opacity:0.4;--plasma-range__divider-opacity-readonly:0.4;--plasma-range__right-content-opacity-readonly:0.4;--plasma-range-textfield-color-readonly:var(--text-primary);--plasma-range-textfield-background-color-readonly:transparent;--plasma-range-textfield-placeholder-color-readonly:var(--text-secondary);}
@@ -1,7 +0,0 @@
1
- .d1nh97pi{--plasma-range-background:var(--surface-clear);--plasma-range-border-color:var(--surface-transparent-tertiary);--plasma-range-border-color-error:var(--surface-negative);--plasma-range-border-color-success:var(--surface-positive);--plasma-range__divider-color:var(--text-primary);--plasma-range__label-color:var(--text-primary);--plasma-range__left-helper-color:var(--text-secondary);--plasma-range__left-helper-color-error:var(--text-negative);--plasma-range__left-helper-color-success:var(--text-positive);--plasma-range__indicator-color:var(--surface-negative);--plasma-range-textfield-color:var(--text-primary);--plasma-range-textfield-placeholder-color:var(--text-secondary);--plasma-range-textfield__placeholder-color-focus:var(--text-secondary);--plasma-range-textfield-caret-color:var(--text-accent);--plasma-range-textfield-border-color-hover:var(--text-secondary);--plasma-range-textfield-border-color-focus:var(--surface-accent);--plasma-range-textfield-border-color-error:var(--surface-negative);--plasma-range-textfield-border-color-error-hover:var(--surface-negative-hover);--plasma-range-textfield-border-color-error-focus:var(--surface-accent);--plasma-range-textfield-border-color-success:var(--surface-positive);--plasma-range-textfield-border-color-success-hover:var(--surface-positive-hover);--plasma-range-textfield-border-color-success-focus:var(--surface-accent);--plasma-range-textfield__before-text-color:var(--text-tertiary);--plasma-range-textfield__after-text-color:var(--text-tertiary);--plasma-range-focus-color:var(--text-accent);}
2
- .lcttcgt{--plasma-range-border-radius:0.875rem;--plasma-range-border-width:0.0625rem;--plasma-range__divider-padding:0 0.375rem;--plasma-range__divider-font-family:var(--plasma-typo-body-l-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-l-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-l-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-l-line-height);--plasma-range__left-content-margin:0 0 0 1rem;--plasma-range__right-content-margin:0;--plasma-range__label-offset:0.75rem;--plasma-range__label-font-family:var(--plasma-typo-body-l-font-family);--plasma-range__label-font-style:var(--plasma-typo-body-l-font-style);--plasma-range__label-font-size:var(--plasma-typo-body-l-font-size);--plasma-range__label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range__label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range__label-line-height:var(--plasma-typo-body-l-line-height);--plasma-range__indicator-size:0.5rem;--plasma-range__indicator-size-outer:0.375rem;--plasma-range__indicator-placement:0 0 0 0;--plasma-range__indicator-placement-outer:0.5rem auto auto -0.75rem;--plasma-range__indicator-placement-right:0 0 auto auto;--plasma-range__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-range-textfield-height:3.5rem;--plasma-range-textfield-border-radius:0.875rem;--plasma-range-textfield-border-width:0.0625rem;--plasma-range-textfield-padding:1.0625rem 1.125rem 1.0625rem 1.125rem;--plasma-range-textfield-font-family:var(--plasma-typo-body-l-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-l-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-l-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-l-line-height);--plasma-range__left-helper-offset:0.25rem 0 0 0;--plasma-range__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-textfield__left-content-margin:-0.0625rem 0.5rem -0.0625rem -0.125rem;--plasma-range-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;}
3
- .m7jroee{--plasma-range-border-radius:0.75rem;--plasma-range-border-width:0.0625rem;--plasma-range__divider-padding:0 0.375rem;--plasma-range__divider-font-family:var(--plasma-typo-body-m-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-m-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-m-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-m-line-height);--plasma-range__left-content-margin:0 0 0 0.875rem;--plasma-range__right-content-margin:0;--plasma-range__label-offset:0.625rem;--plasma-range__label-font-family:var(--plasma-typo-body-m-font-family);--plasma-range__label-font-style:var(--plasma-typo-body-m-font-style);--plasma-range__label-font-size:var(--plasma-typo-body-m-font-size);--plasma-range__label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-range__label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-range__label-line-height:var(--plasma-typo-body-m-line-height);--plasma-range__indicator-size:0.5rem;--plasma-range__indicator-size-outer:0.375rem;--plasma-range__indicator-placement:0 0 0 0;--plasma-range__indicator-placement-outer:0.375rem auto auto -0.75rem;--plasma-range__indicator-placement-right:0 0 auto auto;--plasma-range__indicator-placement-outer-right:0.25rem -0.6875rem auto auto;--plasma-range-textfield-height:3rem;--plasma-range-textfield-border-radius:0.75rem;--plasma-range-textfield-border-width:0.0625rem;--plasma-range-textfield-padding:0.875rem 1rem 0.875rem 1rem;--plasma-range-textfield-font-family:var(--plasma-typo-body-m-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-m-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-m-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-m-line-height);--plasma-range__left-helper-offset:0.25rem 0 0 0;--plasma-range__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-textfield__left-content-margin:-0.125rem 0.375rem -0.125rem -0.125rem;--plasma-range-textfield__right-content-margin:-0.125rem -0.125rem -0.125rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;}
4
- .s1r89e6n{--plasma-range-border-radius:0.625rem;--plasma-range-border-width:0.0625rem;--plasma-range__divider-padding:0 0.375rem;--plasma-range__divider-font-family:var(--plasma-typo-body-s-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-s-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-s-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-s-line-height);--plasma-range__left-content-margin:0 0 0 0.75rem;--plasma-range__right-content-margin:0;--plasma-range__label-offset:0.5rem;--plasma-range__label-font-family:var(--plasma-typo-body-s-font-family);--plasma-range__label-font-style:var(--plasma-typo-body-s-font-style);--plasma-range__label-font-size:var(--plasma-typo-body-s-font-size);--plasma-range__label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-range__label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-range__label-line-height:var(--plasma-typo-body-s-line-height);--plasma-range__indicator-size:0.375rem;--plasma-range__indicator-size-outer:0.375rem;--plasma-range__indicator-placement:0 0 0 0;--plasma-range__indicator-placement-outer:0.3125rem auto auto -0.6875rem;--plasma-range__indicator-placement-right:0 0 auto auto;--plasma-range__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-range-textfield-height:2.5rem;--plasma-range-textfield-border-radius:0.625rem;--plasma-range-textfield-border-width:0.0625rem;--plasma-range-textfield-padding:0.6875rem 0.875rem 0.6875rem 0.875rem;--plasma-range-textfield-font-family:var(--plasma-typo-body-s-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-s-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-s-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-s-line-height);--plasma-range__left-helper-offset:0.25rem 0 0 0;--plasma-range__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-textfield__left-content-margin:-0.1875rem 0.25rem -0.1875rem -0.125rem;--plasma-range-textfield__right-content-margin:-0.1875rem -0.125rem -0.1875rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;}
5
- .xc5cn5n{--plasma-range-border-radius:0.5rem;--plasma-range-border-width:0.0625rem;--plasma-range__divider-padding:0 0.375rem;--plasma-range__divider-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range__left-content-margin:0 0 0 0.5rem;--plasma-range__right-content-margin:0;--plasma-range__label-offset:0.375rem;--plasma-range__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range__indicator-size:0.375rem;--plasma-range__indicator-size-outer:0.375rem;--plasma-range__indicator-placement:0 0 0 0;--plasma-range__indicator-placement-outer:0.25rem auto auto -0.625rem;--plasma-range__indicator-placement-right:0 0 auto auto;--plasma-range__indicator-placement-outer-right:0.125rem -0.6875rem auto auto;--plasma-range-textfield-height:2rem;--plasma-range-textfield-border-radius:0.5rem;--plasma-range-textfield-border-width:0.0625rem;--plasma-range-textfield-padding:0.5625rem 0.625rem 0.5625rem 0.625rem;--plasma-range-textfield-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range__left-helper-offset:0.25rem 0 0 0;--plasma-range__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-textfield__left-content-margin:-0.0625rem 0.25rem -0.0625rem -0.125rem;--plasma-range-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;}
6
- .t3pjoau{--plasma-range-disabled-opacity:0.4;}
7
- .tk9yl84{--plasma-range-background-readonly:var(--surface-clear);--plasma-range-border-color-readonly:var(--surface-transparent-tertiary);--plasma-range__label-color-readonly:var(--text-primary);--plasma-range__left-helper-color-readonly:var(--text-secondary);--plasma-range__divider-color-readonly:var(--text-secondary);--plasma-range-readonly-opacity:0.4;--plasma-range__divider-opacity-readonly:0.4;--plasma-range__right-content-opacity-readonly:0.4;--plasma-range-textfield-color-readonly:var(--text-primary);--plasma-range-textfield-background-color-readonly:transparent;--plasma-range-textfield-placeholder-color-readonly:var(--text-secondary);}