@salutejs/sdds-serv 0.323.0-canary.2220.17673344609.0 → 0.323.0-canary.2222.17762952669.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 (44) hide show
  1. package/components/Drawer/Drawer.d.ts +1 -0
  2. package/components/Notification/Notification.d.ts +1 -1
  3. package/components/Pagination/Pagination.config.js +1 -1
  4. package/components/Pagination/Pagination.config.js.map +1 -1
  5. package/components/Pagination/{Pagination.config_zljjom.css → Pagination.config_172i67c.css} +7 -7
  6. package/components/Pagination/Pagination.css +10 -10
  7. package/components/Range/Range.config.d.ts +1 -0
  8. package/components/Range/Range.config.js +8 -7
  9. package/components/Range/Range.config.js.map +1 -1
  10. package/components/Range/Range.config_8e3tv6.css +8 -0
  11. package/components/Range/Range.css +8 -7
  12. package/components/Range/Range.d.ts +1 -0
  13. package/components/Tree/Tree.config.js +1 -1
  14. package/components/Tree/Tree.config.js.map +1 -1
  15. package/{es/components/Tree/Tree.config_8w5wt.css → components/Tree/Tree.config_3ngxbx.css} +1 -1
  16. package/components/Tree/Tree.css +5 -5
  17. package/emotion/cjs/components/Pagination/Pagination.config.js +18 -11
  18. package/emotion/cjs/components/Range/Range.config.js +70 -17
  19. package/emotion/cjs/components/Tree/Tree.config.js +4 -2
  20. package/emotion/es/components/Pagination/Pagination.config.js +18 -11
  21. package/emotion/es/components/Range/Range.config.js +70 -17
  22. package/emotion/es/components/Tree/Tree.config.js +4 -2
  23. package/es/components/Pagination/Pagination.config.js +1 -1
  24. package/es/components/Pagination/Pagination.config.js.map +1 -1
  25. package/es/components/Pagination/{Pagination.config_zljjom.css → Pagination.config_172i67c.css} +7 -7
  26. package/es/components/Pagination/Pagination.css +10 -10
  27. package/es/components/Range/Range.config.js +8 -7
  28. package/es/components/Range/Range.config.js.map +1 -1
  29. package/es/components/Range/Range.config_8e3tv6.css +8 -0
  30. package/es/components/Range/Range.css +8 -7
  31. package/es/components/Tree/Tree.config.js +1 -1
  32. package/es/components/Tree/Tree.config.js.map +1 -1
  33. package/{components/Tree/Tree.config_8w5wt.css → es/components/Tree/Tree.config_3ngxbx.css} +1 -1
  34. package/es/components/Tree/Tree.css +5 -5
  35. package/es/index.css +23 -22
  36. package/package.json +6 -6
  37. package/styled-components/cjs/components/Pagination/Pagination.config.js +18 -11
  38. package/styled-components/cjs/components/Range/Range.config.js +70 -17
  39. package/styled-components/cjs/components/Tree/Tree.config.js +4 -2
  40. package/styled-components/es/components/Pagination/Pagination.config.js +18 -11
  41. package/styled-components/es/components/Range/Range.config.js +70 -17
  42. package/styled-components/es/components/Tree/Tree.config.js +4 -2
  43. package/components/Range/Range.config_wsjssk.css +0 -7
  44. package/es/components/Range/Range.config_wsjssk.css +0 -7
package/emotion/es/components/Range/Range.config.js CHANGED
@@ -42,6 +42,58 @@ function _templateObject() {
42
42
  return data;
43
43
  }
44
44
  function _templateObject1() {
45
+ var data = _tagged_template_literal([
46
+ "\n ",
47
+ ": 1rem;\n\n ",
48
+ ": 0 0.375rem;\n ",
49
+ ": var(--plasma-typo-body-l-font-family);\n ",
50
+ ": var(--plasma-typo-body-l-font-style);\n ",
51
+ ": var(--plasma-typo-body-l-font-size);\n ",
52
+ ": var(--plasma-typo-body-l-font-weight);\n ",
53
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
54
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
55
+ ": 0 0 0 1.125rem;\n ",
56
+ ": 0;\n\n ",
57
+ ": 0.75rem;\n\n ",
58
+ ": var(--plasma-typo-body-l-font-family);\n ",
59
+ ": var(--plasma-typo-body-l-font-style);\n ",
60
+ ": var(--plasma-typo-body-l-font-size);\n ",
61
+ ": var(--plasma-typo-body-l-font-weight);\n ",
62
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
63
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
64
+ ": 4rem;\n ",
65
+ ": 1rem;\n ",
66
+ ": 1.3125rem 1.125rem;\n ",
67
+ ": var(--plasma-typo-body-l-font-family);\n ",
68
+ ": var(--plasma-typo-body-l-font-style);\n ",
69
+ ": var(--plasma-typo-body-l-font-size);\n ",
70
+ ": var(--plasma-typo-body-l-font-weight);\n ",
71
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
72
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
73
+ ": 0.25rem 0 0 0;\n ",
74
+ ": var(--plasma-typo-body-xs-font-family);\n ",
75
+ ": var(--plasma-typo-body-xs-font-style);\n ",
76
+ ": var(--plasma-typo-body-xs-font-size);\n ",
77
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
78
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
79
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
80
+ ": -0.0625rem 0.5rem -0.0625rem 0;\n ",
81
+ ": -0.0625rem 0 -0.0625rem 0.75rem;\n ",
82
+ ": 0 0.25rem 0 0;\n ",
83
+ ": 0 0 0 0.25rem;\n\n ",
84
+ ": 0.5rem;\n ",
85
+ ": 0.375rem;\n ",
86
+ ": 0 0 0 0;\n ",
87
+ ": 0.5rem auto auto -0.75rem;\n ",
88
+ ": 0 0 auto auto;\n ",
89
+ ": 0.25rem -0.625rem auto auto;\n "
90
+ ]);
91
+ _templateObject1 = function _templateObject() {
92
+ return data;
93
+ };
94
+ return data;
95
+ }
96
+ function _templateObject2() {
45
97
  var data = _tagged_template_literal([
46
98
  "\n ",
47
99
  ": 0.875rem;\n\n ",
@@ -88,12 +140,12 @@ function _templateObject1() {
88
140
  ": 0 0.25rem 0 0;\n ",
89
141
  ": 0 0 0 0.25rem;\n "
90
142
  ]);
91
- _templateObject1 = function _templateObject() {
143
+ _templateObject2 = function _templateObject() {
92
144
  return data;
93
145
  };
94
146
  return data;
95
147
  }
96
- function _templateObject2() {
148
+ function _templateObject3() {
97
149
  var data = _tagged_template_literal([
98
150
  "\n ",
99
151
  ": 0.75rem;\n\n ",
@@ -140,12 +192,12 @@ function _templateObject2() {
140
192
  ": 0 0.25rem 0 0;\n ",
141
193
  ": 0 0 0 0.25rem;\n "
142
194
  ]);
143
- _templateObject2 = function _templateObject() {
195
+ _templateObject3 = function _templateObject() {
144
196
  return data;
145
197
  };
146
198
  return data;
147
199
  }
148
- function _templateObject3() {
200
+ function _templateObject4() {
149
201
  var data = _tagged_template_literal([
150
202
  "\n ",
151
203
  ": 0.625rem;\n\n ",
@@ -192,12 +244,12 @@ function _templateObject3() {
192
244
  ": 0 0.25rem 0 0;\n ",
193
245
  ": 0 0 0 0.25rem;\n "
194
246
  ]);
195
- _templateObject3 = function _templateObject() {
247
+ _templateObject4 = function _templateObject() {
196
248
  return data;
197
249
  };
198
250
  return data;
199
251
  }
200
- function _templateObject4() {
252
+ function _templateObject5() {
201
253
  var data = _tagged_template_literal([
202
254
  "\n ",
203
255
  ": 0.5rem;\n\n ",
@@ -244,22 +296,22 @@ function _templateObject4() {
244
296
  ": 0 0.25rem 0 0;\n ",
245
297
  ": 0 0 0 0.25rem;\n "
246
298
  ]);
247
- _templateObject4 = function _templateObject() {
299
+ _templateObject5 = function _templateObject() {
248
300
  return data;
249
301
  };
250
302
  return data;
251
303
  }
252
- function _templateObject5() {
304
+ function _templateObject6() {
253
305
  var data = _tagged_template_literal([
254
306
  "\n ",
255
307
  ": 0.4;\n "
256
308
  ]);
257
- _templateObject5 = function _templateObject() {
309
+ _templateObject6 = function _templateObject() {
258
310
  return data;
259
311
  };
260
312
  return data;
261
313
  }
262
- function _templateObject6() {
314
+ function _templateObject7() {
263
315
  var data = _tagged_template_literal([
264
316
  "\n ",
265
317
  ": var(--surface-transparent-primary);\n ",
@@ -273,7 +325,7 @@ function _templateObject6() {
273
325
  ": transparent;\n ",
274
326
  ": var(--text-secondary);\n "
275
327
  ]);
276
- _templateObject6 = function _templateObject() {
328
+ _templateObject7 = function _templateObject() {
277
329
  return data;
278
330
  };
279
331
  return data;
@@ -289,16 +341,17 @@ export var config = {
289
341
  default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.indicatorColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorHover, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorHover, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor)
290
342
  },
291
343
  size: {
292
- l: css(_templateObject1(), tokens.borderRadius, 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.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),
293
- m: css(_templateObject2(), tokens.borderRadius, 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.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),
294
- s: css(_templateObject3(), tokens.borderRadius, 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.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),
295
- xs: css(_templateObject4(), tokens.borderRadius, 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.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)
344
+ xl: css(_templateObject1(), tokens.borderRadius, 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.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),
345
+ l: css(_templateObject2(), tokens.borderRadius, 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.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),
346
+ m: css(_templateObject3(), tokens.borderRadius, 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.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),
347
+ s: css(_templateObject4(), tokens.borderRadius, 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.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),
348
+ xs: css(_templateObject5(), tokens.borderRadius, 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.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)
296
349
  },
297
350
  disabled: {
298
- true: css(_templateObject5(), tokens.disabledOpacity)
351
+ true: css(_templateObject6(), tokens.disabledOpacity)
299
352
  },
300
353
  readOnly: {
301
- true: css(_templateObject6(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.readOnlyOpacity, tokens.dividerOpacityReadOnly, tokens.rightContentOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
354
+ true: css(_templateObject7(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.readOnlyOpacity, tokens.dividerOpacityReadOnly, tokens.rightContentOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
302
355
  }
303
356
  }
304
357
  };
package/emotion/es/components/Tree/Tree.config.js CHANGED
@@ -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/es/components/Pagination/Pagination.config.js CHANGED
@@ -1,4 +1,4 @@
1
- import './Pagination.config_zljjom.css';
1
+ import './Pagination.config_172i67c.css';
2
2
  var config = {
3
3
  defaults: {
4
4
  view: 'clear',
package/es/components/Pagination/Pagination.config.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Pagination.config.js","sources":["../../../src-css/components/Pagination/Pagination.config.ts"],"sourcesContent":["import { css, paginationTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'clear',\n viewCurrentPage: 'secondary',\n size: 'xs',\n },\n variations: {\n view: {\n default: css`\n ${paginationTokens.buttonColor}: var(--inverse-text-primary);\n ${paginationTokens.buttonColorHover}: var(--inverse-text-primary-hover);\n ${paginationTokens.buttonColorActive}: var(--inverse-text-primary-active);\n ${paginationTokens.buttonHoverColor}: var(--inverse-text-primary);\n ${paginationTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${paginationTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${paginationTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n ${paginationTokens.buttonActiveColor}: var(--inverse-text-primary);\n ${paginationTokens.buttonArrowColor}: var(--inverse-text-secondary);\n ${paginationTokens.buttonArrowColorHover}: var(--inverse-text-secondary-hover);\n ${paginationTokens.buttonArrowColorActive}: var(--inverse-text-secondary-hover);\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.inputBackgroundColor}: var(--surface-transparent-secondary);\n ${paginationTokens.inputBorderColor}:transparent;\n ${paginationTokens.selectBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 85%\n );\n\n ${paginationTokens.paginationColor}: var(--text-primary);\n ${paginationTokens.buttonFocusColor}: var(--surface-accent);\n `,\n secondary: css`\n ${paginationTokens.buttonColor}: var(--text-primary);\n ${paginationTokens.buttonColorHover}: var(--text-primary-hover);\n ${paginationTokens.buttonColorActive}: var(--text-primary-active);\n ${paginationTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${paginationTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${paginationTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n ${paginationTokens.buttonHoverColor}: var(--text-primary);\n ${paginationTokens.buttonActiveColor}: var(--text-primary);\n ${paginationTokens.buttonArrowColor}: var(--text-secondary);\n ${paginationTokens.buttonArrowColorHover}: var(--text-secondary-hover);\n ${paginationTokens.buttonArrowColorActive}: var(--text-secondary-hover);\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.inputBackgroundColor}: var(--surface-transparent-secondary);\n ${paginationTokens.selectBackgroundColor}: var(--surface-solid-secondary);\n ${paginationTokens.inputBorderColor}: transparent;\n\n ${paginationTokens.paginationColor}: var(--text-primary);\n ${paginationTokens.buttonFocusColor}: var(--surface-accent);\n `,\n clear: css`\n ${paginationTokens.buttonColor}: var(--text-primary);\n ${paginationTokens.buttonColorHover}: var(--text-primary-hover);\n ${paginationTokens.buttonColorActive}: var(--text-primary-active);\n ${paginationTokens.buttonBackgroundColor}: var(--surface-clear);\n ${paginationTokens.buttonBackgroundColorHover}: var(--surface-clear);\n ${paginationTokens.buttonBackgroundColorActive}: var(--surface-clear);\n ${paginationTokens.buttonHoverColor}: var(--text-primary);\n ${paginationTokens.buttonActiveColor}: var(--text-primary);\n ${paginationTokens.buttonArrowColor}: var(--text-secondary);\n ${paginationTokens.buttonArrowColorHover}: var(--text-secondary-hover);\n ${paginationTokens.buttonArrowColorActive}: var(--text-secondary-hover);\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.inputBackgroundColor}: var(--surface-transparent-secondary);\n ${paginationTokens.selectBackgroundColor}: var(--surface-solid-card);\n ${paginationTokens.inputBorderColor}: transparent;\n\n ${paginationTokens.paginationColor}: var(--text-primary);\n ${paginationTokens.buttonFocusColor}: var(--surface-accent);\n `,\n },\n viewCurrentPage: {\n default: css`\n ${paginationTokens.paginationCurrentButtonColor}: var(--inverse-text-primary);\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: var(--surface-solid-default);\n ${paginationTokens.paginationCurrentButtonHoverColor}: var(--inverse-text-primary);\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 85%\n );\n ${paginationTokens.paginationCurrentButtonActiveColor}: var(--inverse-text-primary);\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 80%\n );\n `,\n secondary: css`\n ${paginationTokens.paginationCurrentButtonColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: var(--surface-transparent-secondary);\n ${paginationTokens.paginationCurrentButtonHoverColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-transparent-secondary) 85%\n );\n ${paginationTokens.paginationCurrentButtonActiveColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-transparent-secondary) 80%\n );\n `,\n clear: css`\n ${paginationTokens.paginationCurrentButtonColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: var(--surface-clear);\n ${paginationTokens.paginationCurrentButtonHoverColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(in srgb, var(--text-primary), var(--surface-clear) 95%);\n ${paginationTokens.paginationCurrentButtonActiveColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(in srgb, var(--text-primary), var(--surface-clear) 90%);\n `,\n },\n size: {\n l: css`\n ${paginationTokens.paginationFontFamily}: var(--plasma-typo-body-l-font-family);\n ${paginationTokens.paginationFontSize}: var(--plasma-typo-body-l-font-size);\n ${paginationTokens.paginationFontStyle}: var(--plasma-typo-body-l-font-style);\n ${paginationTokens.paginationFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${paginationTokens.paginationLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${paginationTokens.buttonHeight}: 3.5rem;\n ${paginationTokens.buttonWidth}: 3rem;\n ${paginationTokens.buttonWidthShorter}: 2.25rem;\n ${paginationTokens.paginationInputWidth}: 4rem;\n ${paginationTokens.buttonRadius}: 0.875rem;\n ${paginationTokens.paginationIconSize}: 1.2rem;\n ${paginationTokens.paginationIconDoubleSize}: 1.45rem;\n ${paginationTokens.buttonArrowMargin}: 0 -0.125rem 0 0.5rem;\n\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemHeight}: 1.5rem;\n ${paginationTokens.selectItemPadding}: 1rem 1rem 1rem 1rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.875rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 1rem;\n ${paginationTokens.selectTargetPadding}: 1.5rem 0 1.5rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.875rem;\n ${paginationTokens.inputWidth}: 4rem;\n ${paginationTokens.inputHeight}: 3.5rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n `,\n m: css`\n ${paginationTokens.paginationFontFamily}: var(--plasma-typo-body-m-font-family);\n ${paginationTokens.paginationFontSize}: var(--plasma-typo-body-m-font-size);\n ${paginationTokens.paginationFontStyle}: var(--plasma-typo-body-m-font-style);\n ${paginationTokens.paginationFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${paginationTokens.paginationLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${paginationTokens.buttonHeight}: 3rem;\n ${paginationTokens.buttonWidth}: 3rem;\n ${paginationTokens.buttonWidthShorter}: 2rem;\n ${paginationTokens.paginationInputWidth}: 3.5rem;\n ${paginationTokens.buttonRadius}: 0.75rem;\n ${paginationTokens.paginationIconSize}: 1.05rem;\n ${paginationTokens.paginationIconDoubleSize}: 1.3rem;\n ${paginationTokens.buttonArrowMargin}: 0 -0.125rem 0 0.375rem;\n\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemHeight}: 1.5rem;\n ${paginationTokens.selectItemPadding}: 0.75rem 0.75rem 0.75rem 0.75rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.75rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 0.875rem;\n ${paginationTokens.selectTargetPadding}: 1.25rem 0 1.25rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.75rem;\n ${paginationTokens.inputWidth}: 3.5rem;\n ${paginationTokens.inputHeight}: 3rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n `,\n s: css`\n ${paginationTokens.paginationFontFamily}: var(--plasma-typo-body-s-font-family);\n ${paginationTokens.paginationFontSize}: var(--plasma-typo-body-s-font-size);\n ${paginationTokens.paginationFontStyle}: var(--plasma-typo-body-s-font-style);\n ${paginationTokens.paginationFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${paginationTokens.paginationLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${paginationTokens.buttonHeight}: 2.5rem;\n ${paginationTokens.buttonWidth}: 2.5rem;\n ${paginationTokens.buttonWidthShorter}: 1.75rem;\n ${paginationTokens.paginationInputWidth}: 3rem;\n ${paginationTokens.buttonRadius}: 0.625rem;\n ${paginationTokens.paginationIconSize}: 0.9rem;\n ${paginationTokens.paginationIconDoubleSize}: 1.15rem;\n ${paginationTokens.buttonArrowMargin}: 0 -0.125rem 0 0.25rem;\n\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemHeight}: 1.5rem;\n ${paginationTokens.selectItemPadding}: 0.5rem 0.75rem 0.5rem 0.75rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.75rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 0.75rem;\n ${paginationTokens.selectTargetPadding}: 1rem 0 1rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.625rem;\n ${paginationTokens.inputWidth}: 3rem;\n ${paginationTokens.inputHeight}: 2.5rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n `,\n xs: css`\n ${paginationTokens.paginationFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${paginationTokens.paginationFontSize}: var(--plasma-typo-body-xs-font-size);\n ${paginationTokens.paginationFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${paginationTokens.paginationFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${paginationTokens.paginationLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${paginationTokens.buttonHeight}: 2rem;\n ${paginationTokens.paginationInputWidth}: 2.5rem;\n ${paginationTokens.buttonRadius}: 0.5rem;\n ${paginationTokens.buttonWidth}: 2rem;\n ${paginationTokens.buttonWidthShorter}: 1.5rem;\n ${paginationTokens.paginationIconSize}: 0.75rem;\n ${paginationTokens.paginationIconDoubleSize}: 1rem;\n ${paginationTokens.buttonArrowMargin}: 0 -0.125rem 0 0.25rem;\n\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemHeight}: 1rem;\n ${paginationTokens.selectItemPadding}: 0.5rem 0.5rem 0.5rem 0.5rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.25rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 0.5rem;\n ${paginationTokens.selectTargetPadding}: 0.75rem 0 0.75rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.5rem;\n ${paginationTokens.inputWidth}: 2.5rem;\n ${paginationTokens.inputHeight}: 2rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n `,\n },\n type: {\n compact: css``,\n default: css``,\n },\n },\n};\n"],"names":["config","defaults","view","viewCurrentPage","size","variations","default","secondary","clear","l","m","s","xs","type","compact"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,OAAO;AACbC,IAAAA,eAAe,EAAE,WAAW;AAC5BC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAyBC,UAAA;AACDC,MAAAA,SAAS,EAqBR,SAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAsBR;AACDL,IAAAA,eAAe,EAAE;AACbG,MAAAA,SAAAA,EAeC,UAAA;AACDC,MAAAA,SAAS,EAeR,SAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KAQR;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,CAAC,EAsCA,UAAA;AACDC,MAAAA,CAAC,EAsCA,UAAA;AACDC,MAAAA,CAAC,EAsCA,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAuCL;AACDC,IAAAA,IAAI,EAAE;AACFC,MAAAA,OAAO,EAAO,UAAA;MACdR,SAAO,EAAA,SAAA;AACX,KAAA;AACJ,GAAA;AACJ;;;;"}
1
+ {"version":3,"file":"Pagination.config.js","sources":["../../../src-css/components/Pagination/Pagination.config.ts"],"sourcesContent":["import { css, paginationTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'clear',\n viewCurrentPage: 'secondary',\n size: 'xs',\n },\n variations: {\n view: {\n default: css`\n ${paginationTokens.buttonColor}: var(--inverse-text-primary);\n ${paginationTokens.buttonColorHover}: var(--inverse-text-primary-hover);\n ${paginationTokens.buttonColorActive}: var(--inverse-text-primary-active);\n ${paginationTokens.buttonHoverColor}: var(--inverse-text-primary);\n ${paginationTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${paginationTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${paginationTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n ${paginationTokens.buttonActiveColor}: var(--inverse-text-primary);\n ${paginationTokens.buttonArrowColor}: var(--inverse-text-secondary);\n ${paginationTokens.buttonArrowColorHover}: var(--inverse-text-secondary-hover);\n ${paginationTokens.buttonArrowColorActive}: var(--inverse-text-secondary-hover);\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.inputBackgroundColor}: var(--surface-transparent-secondary);\n ${paginationTokens.inputBorderColor}:transparent;\n ${paginationTokens.selectBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 85%\n );\n\n ${paginationTokens.paginationColor}: var(--text-primary);\n ${paginationTokens.paginationHelperTextColor}: var(--text-secondary);\n ${paginationTokens.buttonFocusColor}: var(--surface-accent);\n `,\n secondary: css`\n ${paginationTokens.buttonColor}: var(--text-primary);\n ${paginationTokens.buttonColorHover}: var(--text-primary-hover);\n ${paginationTokens.buttonColorActive}: var(--text-primary-active);\n ${paginationTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${paginationTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${paginationTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n ${paginationTokens.buttonHoverColor}: var(--text-primary);\n ${paginationTokens.buttonActiveColor}: var(--text-primary);\n ${paginationTokens.buttonArrowColor}: var(--text-secondary);\n ${paginationTokens.buttonArrowColorHover}: var(--text-secondary-hover);\n ${paginationTokens.buttonArrowColorActive}: var(--text-secondary-hover);\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.inputBackgroundColor}: var(--surface-transparent-secondary);\n ${paginationTokens.selectBackgroundColor}: var(--surface-solid-secondary);\n ${paginationTokens.inputBorderColor}: transparent;\n\n ${paginationTokens.paginationColor}: var(--text-primary);\n ${paginationTokens.paginationHelperTextColor}: var(--text-secondary);\n ${paginationTokens.buttonFocusColor}: var(--surface-accent);\n `,\n clear: css`\n ${paginationTokens.buttonColor}: var(--text-primary);\n ${paginationTokens.buttonColorHover}: var(--text-primary-hover);\n ${paginationTokens.buttonColorActive}: var(--text-primary-active);\n ${paginationTokens.buttonBackgroundColor}: var(--surface-clear);\n ${paginationTokens.buttonBackgroundColorHover}: var(--surface-clear);\n ${paginationTokens.buttonBackgroundColorActive}: var(--surface-clear);\n ${paginationTokens.buttonHoverColor}: var(--text-primary);\n ${paginationTokens.buttonActiveColor}: var(--text-primary);\n ${paginationTokens.buttonArrowColor}: var(--text-secondary);\n ${paginationTokens.buttonArrowColorHover}: var(--text-secondary-hover);\n ${paginationTokens.buttonArrowColorActive}: var(--text-secondary-hover);\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.inputBackgroundColor}: var(--surface-transparent-secondary);\n ${paginationTokens.selectBackgroundColor}: var(--surface-solid-card);\n ${paginationTokens.inputBorderColor}: transparent;\n\n ${paginationTokens.paginationColor}: var(--text-primary);\n ${paginationTokens.paginationHelperTextColor}: var(--text-secondary);\n ${paginationTokens.buttonFocusColor}: var(--surface-accent);\n `,\n },\n viewCurrentPage: {\n default: css`\n ${paginationTokens.paginationCurrentButtonColor}: var(--inverse-text-primary);\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: var(--surface-solid-default);\n ${paginationTokens.paginationCurrentButtonHoverColor}: var(--inverse-text-primary);\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 85%\n );\n ${paginationTokens.paginationCurrentButtonActiveColor}: var(--inverse-text-primary);\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 80%\n );\n `,\n secondary: css`\n ${paginationTokens.paginationCurrentButtonColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: var(--surface-transparent-secondary);\n ${paginationTokens.paginationCurrentButtonHoverColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-transparent-secondary) 85%\n );\n ${paginationTokens.paginationCurrentButtonActiveColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-transparent-secondary) 80%\n );\n `,\n clear: css`\n ${paginationTokens.paginationCurrentButtonColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: var(--surface-clear);\n ${paginationTokens.paginationCurrentButtonHoverColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(in srgb, var(--text-primary), var(--surface-clear) 95%);\n ${paginationTokens.paginationCurrentButtonActiveColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(in srgb, var(--text-primary), var(--surface-clear) 90%);\n `,\n },\n size: {\n l: css`\n ${paginationTokens.paginationFontFamily}: var(--plasma-typo-body-l-font-family);\n ${paginationTokens.paginationFontSize}: var(--plasma-typo-body-l-font-size);\n ${paginationTokens.paginationFontStyle}: var(--plasma-typo-body-l-font-style);\n ${paginationTokens.paginationFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${paginationTokens.paginationLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${paginationTokens.buttonHeight}: 3.5rem;\n ${paginationTokens.buttonWidth}: 3rem;\n ${paginationTokens.buttonWidthShorter}: 2.25rem;\n ${paginationTokens.paginationInputWidth}: 4rem;\n ${paginationTokens.buttonRadius}: 0.875rem;\n ${paginationTokens.paginationIconSize}: 1.2rem;\n ${paginationTokens.paginationIconDoubleSize}: 1.45rem;\n ${paginationTokens.buttonArrowMargin}: 0 -0.125rem 0 0.5rem;\n\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemHeight}: 1.5rem;\n ${paginationTokens.selectItemPadding}: 1rem 1rem 1rem 1rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.875rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 1rem;\n ${paginationTokens.selectTargetPadding}: 1.5rem 0 1.5rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.875rem;\n ${paginationTokens.inputWidth}: 4rem;\n ${paginationTokens.inputHeight}: 3.5rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n\n ${paginationTokens.paginationHelperTextGap}: 0.5rem 2.5rem;\n `,\n m: css`\n ${paginationTokens.paginationFontFamily}: var(--plasma-typo-body-m-font-family);\n ${paginationTokens.paginationFontSize}: var(--plasma-typo-body-m-font-size);\n ${paginationTokens.paginationFontStyle}: var(--plasma-typo-body-m-font-style);\n ${paginationTokens.paginationFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${paginationTokens.paginationLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${paginationTokens.buttonHeight}: 3rem;\n ${paginationTokens.buttonWidth}: 3rem;\n ${paginationTokens.buttonWidthShorter}: 2rem;\n ${paginationTokens.paginationInputWidth}: 3.5rem;\n ${paginationTokens.buttonRadius}: 0.75rem;\n ${paginationTokens.paginationIconSize}: 1.05rem;\n ${paginationTokens.paginationIconDoubleSize}: 1.3rem;\n ${paginationTokens.buttonArrowMargin}: 0 -0.125rem 0 0.375rem;\n\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemHeight}: 1.5rem;\n ${paginationTokens.selectItemPadding}: 0.75rem 0.75rem 0.75rem 0.75rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.75rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 0.875rem;\n ${paginationTokens.selectTargetPadding}: 1.25rem 0 1.25rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.75rem;\n ${paginationTokens.inputWidth}: 3.5rem;\n ${paginationTokens.inputHeight}: 3rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n\n ${paginationTokens.paginationHelperTextGap}: 0.5rem 2.5rem;\n `,\n s: css`\n ${paginationTokens.paginationFontFamily}: var(--plasma-typo-body-s-font-family);\n ${paginationTokens.paginationFontSize}: var(--plasma-typo-body-s-font-size);\n ${paginationTokens.paginationFontStyle}: var(--plasma-typo-body-s-font-style);\n ${paginationTokens.paginationFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${paginationTokens.paginationLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${paginationTokens.buttonHeight}: 2.5rem;\n ${paginationTokens.buttonWidth}: 2.5rem;\n ${paginationTokens.buttonWidthShorter}: 1.75rem;\n ${paginationTokens.paginationInputWidth}: 3rem;\n ${paginationTokens.buttonRadius}: 0.625rem;\n ${paginationTokens.paginationIconSize}: 0.9rem;\n ${paginationTokens.paginationIconDoubleSize}: 1.15rem;\n ${paginationTokens.buttonArrowMargin}: 0 -0.125rem 0 0.25rem;\n\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemHeight}: 1.5rem;\n ${paginationTokens.selectItemPadding}: 0.5rem 0.75rem 0.5rem 0.75rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.75rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 0.75rem;\n ${paginationTokens.selectTargetPadding}: 1rem 0 1rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.625rem;\n ${paginationTokens.inputWidth}: 3rem;\n ${paginationTokens.inputHeight}: 2.5rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n\n ${paginationTokens.paginationHelperTextGap}: 0.5rem 2.5rem;\n `,\n xs: css`\n ${paginationTokens.paginationFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${paginationTokens.paginationFontSize}: var(--plasma-typo-body-xs-font-size);\n ${paginationTokens.paginationFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${paginationTokens.paginationFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${paginationTokens.paginationLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${paginationTokens.buttonHeight}: 2rem;\n ${paginationTokens.paginationInputWidth}: 2.5rem;\n ${paginationTokens.buttonRadius}: 0.5rem;\n ${paginationTokens.buttonWidth}: 2rem;\n ${paginationTokens.buttonWidthShorter}: 1.5rem;\n ${paginationTokens.paginationIconSize}: 0.75rem;\n ${paginationTokens.paginationIconDoubleSize}: 1rem;\n ${paginationTokens.buttonArrowMargin}: 0 -0.125rem 0 0.25rem;\n\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemHeight}: 1rem;\n ${paginationTokens.selectItemPadding}: 0.5rem 0.5rem 0.5rem 0.5rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.25rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 0.5rem;\n ${paginationTokens.selectTargetPadding}: 0.75rem 0 0.75rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.5rem;\n ${paginationTokens.inputWidth}: 2.5rem;\n ${paginationTokens.inputHeight}: 2rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n\n ${paginationTokens.paginationHelperTextGap}: 0.5rem 2.5rem;\n `,\n },\n type: {\n compact: css``,\n default: css``,\n },\n },\n};\n"],"names":["config","defaults","view","viewCurrentPage","size","variations","default","secondary","clear","l","m","s","xs","type","compact"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,OAAO;AACbC,IAAAA,eAAe,EAAE,WAAW;AAC5BC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EA0BC,UAAA;AACDC,MAAAA,SAAS,EAsBR,SAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAuBR;AACDL,IAAAA,eAAe,EAAE;AACbG,MAAAA,SAAAA,EAeC,UAAA;AACDC,MAAAA,SAAS,EAeR,SAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KAQR;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,CAAC,EAwCA,UAAA;AACDC,MAAAA,CAAC,EAwCA,UAAA;AACDC,MAAAA,CAAC,EAwCA,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAyCL;AACDC,IAAAA,IAAI,EAAE;AACFC,MAAAA,OAAO,EAAO,UAAA;MACdR,SAAO,EAAA,SAAA;AACX,KAAA;AACJ,GAAA;AACJ;;;;"}
package/es/components/Pagination/{Pagination.config_zljjom.css → Pagination.config_172i67c.css} RENAMED
@@ -1,12 +1,12 @@
1
- .d147d9k7{--plasma-pagination-button-color:var(--inverse-text-primary);--plasma-pagination-button-color-hover:var(--inverse-text-primary-hover);--plasma-pagination-button-color-active:var(--inverse-text-primary-active);--plasma-pagination-button-color-hover:var(--inverse-text-primary);--plasma-pagination-button-bg-color:var(--surface-solid-default);--plasma-pagination-button-bg-color-hover:var(--surface-solid-default-hover);--plasma-pagination-button-bg-color-active:var(--surface-solid-default-active);--plasma-pagination--button-color-active:var(--inverse-text-primary);--plasma-pagination--button-arrow-color:var(--inverse-text-secondary);--plasma-pagination--button-arrow-color-hover:var(--inverse-text-secondary-hover);--plasma-pagination--button-arrow-color-active:var(--inverse-text-secondary-hover);--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-input-bg-color:var(--surface-transparent-secondary);--plasma-pagination-input-border-color:transparent;--plasma-pagination-select-bg-color:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 85% );--plasma-pagination-color:var(--text-primary);--plasma-pagination--button-color-focus:var(--surface-accent);}
2
- .s1g35n3{--plasma-pagination-button-color:var(--text-primary);--plasma-pagination-button-color-hover:var(--text-primary-hover);--plasma-pagination-button-color-active:var(--text-primary-active);--plasma-pagination-button-bg-color:var(--surface-transparent-secondary);--plasma-pagination-button-bg-color-hover:var(--surface-transparent-secondary-hover);--plasma-pagination-button-bg-color-active:var(--surface-transparent-secondary-active);--plasma-pagination-button-color-hover:var(--text-primary);--plasma-pagination--button-color-active:var(--text-primary);--plasma-pagination--button-arrow-color:var(--text-secondary);--plasma-pagination--button-arrow-color-hover:var(--text-secondary-hover);--plasma-pagination--button-arrow-color-active:var(--text-secondary-hover);--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-input-bg-color:var(--surface-transparent-secondary);--plasma-pagination-select-bg-color:var(--surface-solid-secondary);--plasma-pagination-input-border-color:transparent;--plasma-pagination-color:var(--text-primary);--plasma-pagination--button-color-focus:var(--surface-accent);}
3
- .c1o7skzx{--plasma-pagination-button-color:var(--text-primary);--plasma-pagination-button-color-hover:var(--text-primary-hover);--plasma-pagination-button-color-active:var(--text-primary-active);--plasma-pagination-button-bg-color:var(--surface-clear);--plasma-pagination-button-bg-color-hover:var(--surface-clear);--plasma-pagination-button-bg-color-active:var(--surface-clear);--plasma-pagination-button-color-hover:var(--text-primary);--plasma-pagination--button-color-active:var(--text-primary);--plasma-pagination--button-arrow-color:var(--text-secondary);--plasma-pagination--button-arrow-color-hover:var(--text-secondary-hover);--plasma-pagination--button-arrow-color-active:var(--text-secondary-hover);--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-input-bg-color:var(--surface-transparent-secondary);--plasma-pagination-select-bg-color:var(--surface-solid-card);--plasma-pagination-input-border-color:transparent;--plasma-pagination-color:var(--text-primary);--plasma-pagination--button-color-focus:var(--surface-accent);}
1
+ .d147d9k7{--plasma-pagination-button-color:var(--inverse-text-primary);--plasma-pagination-button-color-hover:var(--inverse-text-primary-hover);--plasma-pagination-button-color-active:var(--inverse-text-primary-active);--plasma-pagination-button-color-hover:var(--inverse-text-primary);--plasma-pagination-button-bg-color:var(--surface-solid-default);--plasma-pagination-button-bg-color-hover:var(--surface-solid-default-hover);--plasma-pagination-button-bg-color-active:var(--surface-solid-default-active);--plasma-pagination--button-color-active:var(--inverse-text-primary);--plasma-pagination--button-arrow-color:var(--inverse-text-secondary);--plasma-pagination--button-arrow-color-hover:var(--inverse-text-secondary-hover);--plasma-pagination--button-arrow-color-active:var(--inverse-text-secondary-hover);--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-input-bg-color:var(--surface-transparent-secondary);--plasma-pagination-input-border-color:transparent;--plasma-pagination-select-bg-color:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 85% );--plasma-pagination-color:var(--text-primary);--plasma-pagination-helper-text-color:var(--text-secondary);--plasma-pagination--button-color-focus:var(--surface-accent);}
2
+ .s1g35n3{--plasma-pagination-button-color:var(--text-primary);--plasma-pagination-button-color-hover:var(--text-primary-hover);--plasma-pagination-button-color-active:var(--text-primary-active);--plasma-pagination-button-bg-color:var(--surface-transparent-secondary);--plasma-pagination-button-bg-color-hover:var(--surface-transparent-secondary-hover);--plasma-pagination-button-bg-color-active:var(--surface-transparent-secondary-active);--plasma-pagination-button-color-hover:var(--text-primary);--plasma-pagination--button-color-active:var(--text-primary);--plasma-pagination--button-arrow-color:var(--text-secondary);--plasma-pagination--button-arrow-color-hover:var(--text-secondary-hover);--plasma-pagination--button-arrow-color-active:var(--text-secondary-hover);--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-input-bg-color:var(--surface-transparent-secondary);--plasma-pagination-select-bg-color:var(--surface-solid-secondary);--plasma-pagination-input-border-color:transparent;--plasma-pagination-color:var(--text-primary);--plasma-pagination-helper-text-color:var(--text-secondary);--plasma-pagination--button-color-focus:var(--surface-accent);}
3
+ .c1o7skzx{--plasma-pagination-button-color:var(--text-primary);--plasma-pagination-button-color-hover:var(--text-primary-hover);--plasma-pagination-button-color-active:var(--text-primary-active);--plasma-pagination-button-bg-color:var(--surface-clear);--plasma-pagination-button-bg-color-hover:var(--surface-clear);--plasma-pagination-button-bg-color-active:var(--surface-clear);--plasma-pagination-button-color-hover:var(--text-primary);--plasma-pagination--button-color-active:var(--text-primary);--plasma-pagination--button-arrow-color:var(--text-secondary);--plasma-pagination--button-arrow-color-hover:var(--text-secondary-hover);--plasma-pagination--button-arrow-color-active:var(--text-secondary-hover);--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-input-bg-color:var(--surface-transparent-secondary);--plasma-pagination-select-bg-color:var(--surface-solid-card);--plasma-pagination-input-border-color:transparent;--plasma-pagination-color:var(--text-primary);--plasma-pagination-helper-text-color:var(--text-secondary);--plasma-pagination--button-color-focus:var(--surface-accent);}
4
4
  .d17sk1w4{--plasma-pagination-button-current-color:var(--inverse-text-primary);--plasma-pagination-button-current-bg-color:var(--surface-solid-default);--plasma-pagination-button-current-color-hover:var(--inverse-text-primary);--plasma-pagination-button-current-bg-color-hover:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 85% );--plasma-pagination--button-current-color-active:var(--inverse-text-primary);--plasma-pagination-button-current-bg-color-active:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 80% );}
5
5
  .sovf1p6{--plasma-pagination-button-current-color:var(--text-primary);--plasma-pagination-button-current-bg-color:var(--surface-transparent-secondary);--plasma-pagination-button-current-color-hover:var(--text-primary);--plasma-pagination-button-current-bg-color-hover:color-mix( in srgb, var(--inverse-text-primary), var(--surface-transparent-secondary) 85% );--plasma-pagination--button-current-color-active:var(--text-primary);--plasma-pagination-button-current-bg-color-active:color-mix( in srgb, var(--inverse-text-primary), var(--surface-transparent-secondary) 80% );}
6
6
  .c6lqjbg{--plasma-pagination-button-current-color:var(--text-primary);--plasma-pagination-button-current-bg-color:var(--surface-clear);--plasma-pagination-button-current-color-hover:var(--text-primary);--plasma-pagination-button-current-bg-color-hover:color-mix(in srgb,var(--text-primary),var(--surface-clear) 95%);--plasma-pagination--button-current-color-active:var(--text-primary);--plasma-pagination-button-current-bg-color-active:color-mix(in srgb,var(--text-primary),var(--surface-clear) 90%);}
7
- .l1j7j26c{--plasma-pagination-font-family:var(--plasma-typo-body-l-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-l-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-l-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-l-line-height);--plasma-pagination-button-height:3.5rem;--plasma-pagination-button-width:3rem;--plasma-pagination-button-width-shorter:2.25rem;--plasma-pagination-input-width:4rem;--plasma-pagination-button-radius:0.875rem;--plasma-pagination-icon-size:1.2rem;--plasma-pagination-icon-double-size:1.45rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.5rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1.5rem;--plasma-pagination-select-item-padding:1rem 1rem 1rem 1rem;--plasma-pagination-select-item-content-left-width:1.875rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:1rem;--plasma-pagination-select-target-padding:1.5rem 0 1.5rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.875rem;--plasma-pagination-input-width:4rem;--plasma-pagination-input-height:3.5rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;}
8
- .m18ks0gg{--plasma-pagination-font-family:var(--plasma-typo-body-m-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-m-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-m-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-m-line-height);--plasma-pagination-button-height:3rem;--plasma-pagination-button-width:3rem;--plasma-pagination-button-width-shorter:2rem;--plasma-pagination-input-width:3.5rem;--plasma-pagination-button-radius:0.75rem;--plasma-pagination-icon-size:1.05rem;--plasma-pagination-icon-double-size:1.3rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.375rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1.5rem;--plasma-pagination-select-item-padding:0.75rem 0.75rem 0.75rem 0.75rem;--plasma-pagination-select-item-content-left-width:1.75rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.875rem;--plasma-pagination-select-target-padding:1.25rem 0 1.25rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.75rem;--plasma-pagination-input-width:3.5rem;--plasma-pagination-input-height:3rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;}
9
- .sd1ub5p{--plasma-pagination-font-family:var(--plasma-typo-body-s-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-s-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-s-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-s-line-height);--plasma-pagination-button-height:2.5rem;--plasma-pagination-button-width:2.5rem;--plasma-pagination-button-width-shorter:1.75rem;--plasma-pagination-input-width:3rem;--plasma-pagination-button-radius:0.625rem;--plasma-pagination-icon-size:0.9rem;--plasma-pagination-icon-double-size:1.15rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.25rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1.5rem;--plasma-pagination-select-item-padding:0.5rem 0.75rem 0.5rem 0.75rem;--plasma-pagination-select-item-content-left-width:1.75rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.75rem;--plasma-pagination-select-target-padding:1rem 0 1rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.625rem;--plasma-pagination-input-width:3rem;--plasma-pagination-input-height:2.5rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;}
10
- .xrmyrl1{--plasma-pagination-font-family:var(--plasma-typo-body-xs-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-xs-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-xs-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-xs-line-height);--plasma-pagination-button-height:2rem;--plasma-pagination-input-width:2.5rem;--plasma-pagination-button-radius:0.5rem;--plasma-pagination-button-width:2rem;--plasma-pagination-button-width-shorter:1.5rem;--plasma-pagination-icon-size:0.75rem;--plasma-pagination-icon-double-size:1rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.25rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1rem;--plasma-pagination-select-item-padding:0.5rem 0.5rem 0.5rem 0.5rem;--plasma-pagination-select-item-content-left-width:1.25rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.5rem;--plasma-pagination-select-target-padding:0.75rem 0 0.75rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.5rem;--plasma-pagination-input-width:2.5rem;--plasma-pagination-input-height:2rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;}
7
+ .l1j7j26c{--plasma-pagination-font-family:var(--plasma-typo-body-l-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-l-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-l-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-l-line-height);--plasma-pagination-button-height:3.5rem;--plasma-pagination-button-width:3rem;--plasma-pagination-button-width-shorter:2.25rem;--plasma-pagination-input-width:4rem;--plasma-pagination-button-radius:0.875rem;--plasma-pagination-icon-size:1.2rem;--plasma-pagination-icon-double-size:1.45rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.5rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1.5rem;--plasma-pagination-select-item-padding:1rem 1rem 1rem 1rem;--plasma-pagination-select-item-content-left-width:1.875rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:1rem;--plasma-pagination-select-target-padding:1.5rem 0 1.5rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.875rem;--plasma-pagination-input-width:4rem;--plasma-pagination-input-height:3.5rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;--plasma-pagination-helper-text-gap:0.5rem 2.5rem;}
8
+ .m18ks0gg{--plasma-pagination-font-family:var(--plasma-typo-body-m-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-m-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-m-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-m-line-height);--plasma-pagination-button-height:3rem;--plasma-pagination-button-width:3rem;--plasma-pagination-button-width-shorter:2rem;--plasma-pagination-input-width:3.5rem;--plasma-pagination-button-radius:0.75rem;--plasma-pagination-icon-size:1.05rem;--plasma-pagination-icon-double-size:1.3rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.375rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1.5rem;--plasma-pagination-select-item-padding:0.75rem 0.75rem 0.75rem 0.75rem;--plasma-pagination-select-item-content-left-width:1.75rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.875rem;--plasma-pagination-select-target-padding:1.25rem 0 1.25rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.75rem;--plasma-pagination-input-width:3.5rem;--plasma-pagination-input-height:3rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;--plasma-pagination-helper-text-gap:0.5rem 2.5rem;}
9
+ .sd1ub5p{--plasma-pagination-font-family:var(--plasma-typo-body-s-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-s-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-s-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-s-line-height);--plasma-pagination-button-height:2.5rem;--plasma-pagination-button-width:2.5rem;--plasma-pagination-button-width-shorter:1.75rem;--plasma-pagination-input-width:3rem;--plasma-pagination-button-radius:0.625rem;--plasma-pagination-icon-size:0.9rem;--plasma-pagination-icon-double-size:1.15rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.25rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1.5rem;--plasma-pagination-select-item-padding:0.5rem 0.75rem 0.5rem 0.75rem;--plasma-pagination-select-item-content-left-width:1.75rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.75rem;--plasma-pagination-select-target-padding:1rem 0 1rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.625rem;--plasma-pagination-input-width:3rem;--plasma-pagination-input-height:2.5rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;--plasma-pagination-helper-text-gap:0.5rem 2.5rem;}
10
+ .xrmyrl1{--plasma-pagination-font-family:var(--plasma-typo-body-xs-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-xs-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-xs-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-xs-line-height);--plasma-pagination-button-height:2rem;--plasma-pagination-input-width:2.5rem;--plasma-pagination-button-radius:0.5rem;--plasma-pagination-button-width:2rem;--plasma-pagination-button-width-shorter:1.5rem;--plasma-pagination-icon-size:0.75rem;--plasma-pagination-icon-double-size:1rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.25rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1rem;--plasma-pagination-select-item-padding:0.5rem 0.5rem 0.5rem 0.5rem;--plasma-pagination-select-item-content-left-width:1.25rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.5rem;--plasma-pagination-select-target-padding:0.75rem 0 0.75rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.5rem;--plasma-pagination-input-width:2.5rem;--plasma-pagination-input-height:2rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;--plasma-pagination-helper-text-gap:0.5rem 2.5rem;}
11
11
 
12
12
 
package/es/components/Pagination/Pagination.css CHANGED
@@ -1,12 +1,12 @@
1
- .Pagination_config_zljjom_d147d9k7__8fd51f7c{--plasma-pagination-button-color:var(--inverse-text-primary);--plasma-pagination-button-color-hover:var(--inverse-text-primary-hover);--plasma-pagination-button-color-active:var(--inverse-text-primary-active);--plasma-pagination-button-color-hover:var(--inverse-text-primary);--plasma-pagination-button-bg-color:var(--surface-solid-default);--plasma-pagination-button-bg-color-hover:var(--surface-solid-default-hover);--plasma-pagination-button-bg-color-active:var(--surface-solid-default-active);--plasma-pagination--button-color-active:var(--inverse-text-primary);--plasma-pagination--button-arrow-color:var(--inverse-text-secondary);--plasma-pagination--button-arrow-color-hover:var(--inverse-text-secondary-hover);--plasma-pagination--button-arrow-color-active:var(--inverse-text-secondary-hover);--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-input-bg-color:var(--surface-transparent-secondary);--plasma-pagination-input-border-color:transparent;--plasma-pagination-select-bg-color:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 85% );--plasma-pagination-color:var(--text-primary);--plasma-pagination--button-color-focus:var(--surface-accent);}
2
- .Pagination_config_zljjom_s1g35n3__8fd51f7c{--plasma-pagination-button-color:var(--text-primary);--plasma-pagination-button-color-hover:var(--text-primary-hover);--plasma-pagination-button-color-active:var(--text-primary-active);--plasma-pagination-button-bg-color:var(--surface-transparent-secondary);--plasma-pagination-button-bg-color-hover:var(--surface-transparent-secondary-hover);--plasma-pagination-button-bg-color-active:var(--surface-transparent-secondary-active);--plasma-pagination-button-color-hover:var(--text-primary);--plasma-pagination--button-color-active:var(--text-primary);--plasma-pagination--button-arrow-color:var(--text-secondary);--plasma-pagination--button-arrow-color-hover:var(--text-secondary-hover);--plasma-pagination--button-arrow-color-active:var(--text-secondary-hover);--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-input-bg-color:var(--surface-transparent-secondary);--plasma-pagination-select-bg-color:var(--surface-solid-secondary);--plasma-pagination-input-border-color:transparent;--plasma-pagination-color:var(--text-primary);--plasma-pagination--button-color-focus:var(--surface-accent);}
3
- .Pagination_config_zljjom_c1o7skzx__8fd51f7c{--plasma-pagination-button-color:var(--text-primary);--plasma-pagination-button-color-hover:var(--text-primary-hover);--plasma-pagination-button-color-active:var(--text-primary-active);--plasma-pagination-button-bg-color:var(--surface-clear);--plasma-pagination-button-bg-color-hover:var(--surface-clear);--plasma-pagination-button-bg-color-active:var(--surface-clear);--plasma-pagination-button-color-hover:var(--text-primary);--plasma-pagination--button-color-active:var(--text-primary);--plasma-pagination--button-arrow-color:var(--text-secondary);--plasma-pagination--button-arrow-color-hover:var(--text-secondary-hover);--plasma-pagination--button-arrow-color-active:var(--text-secondary-hover);--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-input-bg-color:var(--surface-transparent-secondary);--plasma-pagination-select-bg-color:var(--surface-solid-card);--plasma-pagination-input-border-color:transparent;--plasma-pagination-color:var(--text-primary);--plasma-pagination--button-color-focus:var(--surface-accent);}
4
- .Pagination_config_zljjom_d17sk1w4__8fd51f7c{--plasma-pagination-button-current-color:var(--inverse-text-primary);--plasma-pagination-button-current-bg-color:var(--surface-solid-default);--plasma-pagination-button-current-color-hover:var(--inverse-text-primary);--plasma-pagination-button-current-bg-color-hover:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 85% );--plasma-pagination--button-current-color-active:var(--inverse-text-primary);--plasma-pagination-button-current-bg-color-active:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 80% );}
5
- .Pagination_config_zljjom_sovf1p6__8fd51f7c{--plasma-pagination-button-current-color:var(--text-primary);--plasma-pagination-button-current-bg-color:var(--surface-transparent-secondary);--plasma-pagination-button-current-color-hover:var(--text-primary);--plasma-pagination-button-current-bg-color-hover:color-mix( in srgb, var(--inverse-text-primary), var(--surface-transparent-secondary) 85% );--plasma-pagination--button-current-color-active:var(--text-primary);--plasma-pagination-button-current-bg-color-active:color-mix( in srgb, var(--inverse-text-primary), var(--surface-transparent-secondary) 80% );}
6
- .Pagination_config_zljjom_c6lqjbg__8fd51f7c{--plasma-pagination-button-current-color:var(--text-primary);--plasma-pagination-button-current-bg-color:var(--surface-clear);--plasma-pagination-button-current-color-hover:var(--text-primary);--plasma-pagination-button-current-bg-color-hover:color-mix(in srgb,var(--text-primary),var(--surface-clear) 95%);--plasma-pagination--button-current-color-active:var(--text-primary);--plasma-pagination-button-current-bg-color-active:color-mix(in srgb,var(--text-primary),var(--surface-clear) 90%);}
7
- .Pagination_config_zljjom_l1j7j26c__8fd51f7c{--plasma-pagination-font-family:var(--plasma-typo-body-l-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-l-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-l-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-l-line-height);--plasma-pagination-button-height:3.5rem;--plasma-pagination-button-width:3rem;--plasma-pagination-button-width-shorter:2.25rem;--plasma-pagination-input-width:4rem;--plasma-pagination-button-radius:0.875rem;--plasma-pagination-icon-size:1.2rem;--plasma-pagination-icon-double-size:1.45rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.5rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1.5rem;--plasma-pagination-select-item-padding:1rem 1rem 1rem 1rem;--plasma-pagination-select-item-content-left-width:1.875rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:1rem;--plasma-pagination-select-target-padding:1.5rem 0 1.5rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.875rem;--plasma-pagination-input-width:4rem;--plasma-pagination-input-height:3.5rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;}
8
- .Pagination_config_zljjom_m18ks0gg__8fd51f7c{--plasma-pagination-font-family:var(--plasma-typo-body-m-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-m-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-m-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-m-line-height);--plasma-pagination-button-height:3rem;--plasma-pagination-button-width:3rem;--plasma-pagination-button-width-shorter:2rem;--plasma-pagination-input-width:3.5rem;--plasma-pagination-button-radius:0.75rem;--plasma-pagination-icon-size:1.05rem;--plasma-pagination-icon-double-size:1.3rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.375rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1.5rem;--plasma-pagination-select-item-padding:0.75rem 0.75rem 0.75rem 0.75rem;--plasma-pagination-select-item-content-left-width:1.75rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.875rem;--plasma-pagination-select-target-padding:1.25rem 0 1.25rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.75rem;--plasma-pagination-input-width:3.5rem;--plasma-pagination-input-height:3rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;}
9
- .Pagination_config_zljjom_sd1ub5p__8fd51f7c{--plasma-pagination-font-family:var(--plasma-typo-body-s-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-s-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-s-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-s-line-height);--plasma-pagination-button-height:2.5rem;--plasma-pagination-button-width:2.5rem;--plasma-pagination-button-width-shorter:1.75rem;--plasma-pagination-input-width:3rem;--plasma-pagination-button-radius:0.625rem;--plasma-pagination-icon-size:0.9rem;--plasma-pagination-icon-double-size:1.15rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.25rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1.5rem;--plasma-pagination-select-item-padding:0.5rem 0.75rem 0.5rem 0.75rem;--plasma-pagination-select-item-content-left-width:1.75rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.75rem;--plasma-pagination-select-target-padding:1rem 0 1rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.625rem;--plasma-pagination-input-width:3rem;--plasma-pagination-input-height:2.5rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;}
10
- .Pagination_config_zljjom_xrmyrl1__8fd51f7c{--plasma-pagination-font-family:var(--plasma-typo-body-xs-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-xs-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-xs-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-xs-line-height);--plasma-pagination-button-height:2rem;--plasma-pagination-input-width:2.5rem;--plasma-pagination-button-radius:0.5rem;--plasma-pagination-button-width:2rem;--plasma-pagination-button-width-shorter:1.5rem;--plasma-pagination-icon-size:0.75rem;--plasma-pagination-icon-double-size:1rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.25rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1rem;--plasma-pagination-select-item-padding:0.5rem 0.5rem 0.5rem 0.5rem;--plasma-pagination-select-item-content-left-width:1.25rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.5rem;--plasma-pagination-select-target-padding:0.75rem 0 0.75rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.5rem;--plasma-pagination-input-width:2.5rem;--plasma-pagination-input-height:2rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;}
1
+ .Pagination_config_172i67c_d147d9k7__008a6fc6{--plasma-pagination-button-color:var(--inverse-text-primary);--plasma-pagination-button-color-hover:var(--inverse-text-primary-hover);--plasma-pagination-button-color-active:var(--inverse-text-primary-active);--plasma-pagination-button-color-hover:var(--inverse-text-primary);--plasma-pagination-button-bg-color:var(--surface-solid-default);--plasma-pagination-button-bg-color-hover:var(--surface-solid-default-hover);--plasma-pagination-button-bg-color-active:var(--surface-solid-default-active);--plasma-pagination--button-color-active:var(--inverse-text-primary);--plasma-pagination--button-arrow-color:var(--inverse-text-secondary);--plasma-pagination--button-arrow-color-hover:var(--inverse-text-secondary-hover);--plasma-pagination--button-arrow-color-active:var(--inverse-text-secondary-hover);--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-input-bg-color:var(--surface-transparent-secondary);--plasma-pagination-input-border-color:transparent;--plasma-pagination-select-bg-color:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 85% );--plasma-pagination-color:var(--text-primary);--plasma-pagination-helper-text-color:var(--text-secondary);--plasma-pagination--button-color-focus:var(--surface-accent);}
2
+ .Pagination_config_172i67c_s1g35n3__008a6fc6{--plasma-pagination-button-color:var(--text-primary);--plasma-pagination-button-color-hover:var(--text-primary-hover);--plasma-pagination-button-color-active:var(--text-primary-active);--plasma-pagination-button-bg-color:var(--surface-transparent-secondary);--plasma-pagination-button-bg-color-hover:var(--surface-transparent-secondary-hover);--plasma-pagination-button-bg-color-active:var(--surface-transparent-secondary-active);--plasma-pagination-button-color-hover:var(--text-primary);--plasma-pagination--button-color-active:var(--text-primary);--plasma-pagination--button-arrow-color:var(--text-secondary);--plasma-pagination--button-arrow-color-hover:var(--text-secondary-hover);--plasma-pagination--button-arrow-color-active:var(--text-secondary-hover);--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-input-bg-color:var(--surface-transparent-secondary);--plasma-pagination-select-bg-color:var(--surface-solid-secondary);--plasma-pagination-input-border-color:transparent;--plasma-pagination-color:var(--text-primary);--plasma-pagination-helper-text-color:var(--text-secondary);--plasma-pagination--button-color-focus:var(--surface-accent);}
3
+ .Pagination_config_172i67c_c1o7skzx__008a6fc6{--plasma-pagination-button-color:var(--text-primary);--plasma-pagination-button-color-hover:var(--text-primary-hover);--plasma-pagination-button-color-active:var(--text-primary-active);--plasma-pagination-button-bg-color:var(--surface-clear);--plasma-pagination-button-bg-color-hover:var(--surface-clear);--plasma-pagination-button-bg-color-active:var(--surface-clear);--plasma-pagination-button-color-hover:var(--text-primary);--plasma-pagination--button-color-active:var(--text-primary);--plasma-pagination--button-arrow-color:var(--text-secondary);--plasma-pagination--button-arrow-color-hover:var(--text-secondary-hover);--plasma-pagination--button-arrow-color-active:var(--text-secondary-hover);--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-input-bg-color:var(--surface-transparent-secondary);--plasma-pagination-select-bg-color:var(--surface-solid-card);--plasma-pagination-input-border-color:transparent;--plasma-pagination-color:var(--text-primary);--plasma-pagination-helper-text-color:var(--text-secondary);--plasma-pagination--button-color-focus:var(--surface-accent);}
4
+ .Pagination_config_172i67c_d17sk1w4__008a6fc6{--plasma-pagination-button-current-color:var(--inverse-text-primary);--plasma-pagination-button-current-bg-color:var(--surface-solid-default);--plasma-pagination-button-current-color-hover:var(--inverse-text-primary);--plasma-pagination-button-current-bg-color-hover:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 85% );--plasma-pagination--button-current-color-active:var(--inverse-text-primary);--plasma-pagination-button-current-bg-color-active:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 80% );}
5
+ .Pagination_config_172i67c_sovf1p6__008a6fc6{--plasma-pagination-button-current-color:var(--text-primary);--plasma-pagination-button-current-bg-color:var(--surface-transparent-secondary);--plasma-pagination-button-current-color-hover:var(--text-primary);--plasma-pagination-button-current-bg-color-hover:color-mix( in srgb, var(--inverse-text-primary), var(--surface-transparent-secondary) 85% );--plasma-pagination--button-current-color-active:var(--text-primary);--plasma-pagination-button-current-bg-color-active:color-mix( in srgb, var(--inverse-text-primary), var(--surface-transparent-secondary) 80% );}
6
+ .Pagination_config_172i67c_c6lqjbg__008a6fc6{--plasma-pagination-button-current-color:var(--text-primary);--plasma-pagination-button-current-bg-color:var(--surface-clear);--plasma-pagination-button-current-color-hover:var(--text-primary);--plasma-pagination-button-current-bg-color-hover:color-mix(in srgb,var(--text-primary),var(--surface-clear) 95%);--plasma-pagination--button-current-color-active:var(--text-primary);--plasma-pagination-button-current-bg-color-active:color-mix(in srgb,var(--text-primary),var(--surface-clear) 90%);}
7
+ .Pagination_config_172i67c_l1j7j26c__008a6fc6{--plasma-pagination-font-family:var(--plasma-typo-body-l-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-l-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-l-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-l-line-height);--plasma-pagination-button-height:3.5rem;--plasma-pagination-button-width:3rem;--plasma-pagination-button-width-shorter:2.25rem;--plasma-pagination-input-width:4rem;--plasma-pagination-button-radius:0.875rem;--plasma-pagination-icon-size:1.2rem;--plasma-pagination-icon-double-size:1.45rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.5rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1.5rem;--plasma-pagination-select-item-padding:1rem 1rem 1rem 1rem;--plasma-pagination-select-item-content-left-width:1.875rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:1rem;--plasma-pagination-select-target-padding:1.5rem 0 1.5rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.875rem;--plasma-pagination-input-width:4rem;--plasma-pagination-input-height:3.5rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;--plasma-pagination-helper-text-gap:0.5rem 2.5rem;}
8
+ .Pagination_config_172i67c_m18ks0gg__008a6fc6{--plasma-pagination-font-family:var(--plasma-typo-body-m-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-m-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-m-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-m-line-height);--plasma-pagination-button-height:3rem;--plasma-pagination-button-width:3rem;--plasma-pagination-button-width-shorter:2rem;--plasma-pagination-input-width:3.5rem;--plasma-pagination-button-radius:0.75rem;--plasma-pagination-icon-size:1.05rem;--plasma-pagination-icon-double-size:1.3rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.375rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1.5rem;--plasma-pagination-select-item-padding:0.75rem 0.75rem 0.75rem 0.75rem;--plasma-pagination-select-item-content-left-width:1.75rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.875rem;--plasma-pagination-select-target-padding:1.25rem 0 1.25rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.75rem;--plasma-pagination-input-width:3.5rem;--plasma-pagination-input-height:3rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;--plasma-pagination-helper-text-gap:0.5rem 2.5rem;}
9
+ .Pagination_config_172i67c_sd1ub5p__008a6fc6{--plasma-pagination-font-family:var(--plasma-typo-body-s-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-s-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-s-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-s-line-height);--plasma-pagination-button-height:2.5rem;--plasma-pagination-button-width:2.5rem;--plasma-pagination-button-width-shorter:1.75rem;--plasma-pagination-input-width:3rem;--plasma-pagination-button-radius:0.625rem;--plasma-pagination-icon-size:0.9rem;--plasma-pagination-icon-double-size:1.15rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.25rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1.5rem;--plasma-pagination-select-item-padding:0.5rem 0.75rem 0.5rem 0.75rem;--plasma-pagination-select-item-content-left-width:1.75rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.75rem;--plasma-pagination-select-target-padding:1rem 0 1rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.625rem;--plasma-pagination-input-width:3rem;--plasma-pagination-input-height:2.5rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;--plasma-pagination-helper-text-gap:0.5rem 2.5rem;}
10
+ .Pagination_config_172i67c_xrmyrl1__008a6fc6{--plasma-pagination-font-family:var(--plasma-typo-body-xs-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-xs-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-xs-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-xs-line-height);--plasma-pagination-button-height:2rem;--plasma-pagination-input-width:2.5rem;--plasma-pagination-button-radius:0.5rem;--plasma-pagination-button-width:2rem;--plasma-pagination-button-width-shorter:1.5rem;--plasma-pagination-icon-size:0.75rem;--plasma-pagination-icon-double-size:1rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.25rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1rem;--plasma-pagination-select-item-padding:0.5rem 0.5rem 0.5rem 0.5rem;--plasma-pagination-select-item-content-left-width:1.25rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.5rem;--plasma-pagination-select-target-padding:0.75rem 0 0.75rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.5rem;--plasma-pagination-input-width:2.5rem;--plasma-pagination-input-height:2rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;--plasma-pagination-helper-text-gap:0.5rem 2.5rem;}
11
11
 
12
12
 
package/es/components/Range/Range.config.js CHANGED
@@ -1,4 +1,4 @@
1
- import './Range.config_wsjssk.css';
1
+ import './Range.config_8e3tv6.css';
2
2
  var config = {
3
3
  defaults: {
4
4
  view: 'default',
@@ -9,16 +9,17 @@ var config = {
9
9
  "default": "d1nh97pi"
10
10
  },
11
11
  size: {
12
- l: "lcttcgt",
13
- m: "m7jroee",
14
- s: "s1r89e6n",
15
- xs: "xc5cn5n"
12
+ xl: "xcttcgt",
13
+ l: "l7jroee",
14
+ m: "m1r89e6n",
15
+ s: "sc5cn5n",
16
+ xs: "x3pjoau"
16
17
  },
17
18
  disabled: {
18
- "true": "t3pjoau"
19
+ "true": "tk9yl84"
19
20
  },
20
21
  readOnly: {
21
- "true": "tk9yl84"
22
+ "true": "tdmkit3"
22
23
  }
23
24
  }
24
25
  };
package/es/components/Range/Range.config.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Range.config.js","sources":["../../../src-css/components/Range/Range.config.ts"],"sourcesContent":["import { css, rangeTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'l',\n },\n variations: {\n view: {\n default: css`\n ${tokens.background}: var(--surface-transparent-primary);\n ${tokens.backgroundError}: var(--surface-transparent-negative);\n ${tokens.backgroundSuccess}: var(--surface-transparent-positive);\n\n ${tokens.dividerColor}: var(--text-primary);\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.leftHelperColor}: var(--text-secondary);\n ${tokens.leftHelperColorError}: var(--text-negative);\n ${tokens.leftHelperColorSuccess}: var(--text-positive);\n\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n\n ${tokens.textFieldBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.textFieldBackgroundErrorColor}: var(--surface-transparent-negative);\n ${tokens.textFieldBackgroundErrorColorHover}: var(--surface-transparent-negative-hover);\n ${tokens.textFieldBackgroundErrorColorFocus}: var(--surface-transparent-negative-active);\n ${tokens.textFieldBackgroundSuccessColor}: var(--surface-transparent-positive);\n ${tokens.textFieldBackgroundSuccessColorHover}: var(--surface-transparent-positive-hover);\n ${tokens.textFieldBackgroundSuccessColorFocus}: var(--surface-transparent-positive-active);\n\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n\n ${tokens.focusColor}: var(--text-accent);\n `,\n },\n size: {\n l: css`\n ${tokens.borderRadius}: 0.875rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 1rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.75rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.textFieldHeight}: 3.5rem;\n ${tokens.textFieldBorderRadius}: 0.875rem;\n ${tokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n `,\n m: css`\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 0.875rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.625rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.375rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.6875rem auto auto;\n\n ${tokens.textFieldHeight}: 3rem;\n ${tokens.textFieldBorderRadius}: 0.75rem;\n ${tokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n `,\n s: css`\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 0.75rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.5rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.3125rem auto auto -0.6875rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.textFieldHeight}: 2.5rem;\n ${tokens.textFieldBorderRadius}: 0.625rem;\n ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n `,\n xs: css`\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 0.5rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.375rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.25rem auto auto -0.625rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.125rem -0.6875rem auto auto;\n\n ${tokens.textFieldHeight}: 2rem;\n ${tokens.textFieldBorderRadius}: 0.5rem;\n ${tokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.backgroundReadOnly}: var(--surface-transparent-primary);\n ${tokens.labelColorReadOnly}: var(--text-primary);\n ${tokens.leftHelperColorReadOnly}: var(--text-secondary);\n ${tokens.dividerColorReadOnly}: var(--text-secondary);\n ${tokens.readOnlyOpacity}: 0.4;\n ${tokens.dividerOpacityReadOnly}: 0.4;\n ${tokens.rightContentOpacityReadOnly}: 0.4;\n\n ${tokens.textFieldColorReadOnly}: var(--text-primary);\n ${tokens.textFieldBackgroundColorReadOnly}: transparent;\n ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","l","m","s","xs","disabled","true","readOnly"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,UAAA;KAgCV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAoDA,SAAA;AACDC,MAAAA,CAAC,EAoDA,SAAA;AACDC,MAAAA,CAAC,EAoDA,UAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAqDL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,SAAA;AAaR,KAAA;AACJ,GAAA;AACJ;;;;"}
1
+ {"version":3,"file":"Range.config.js","sources":["../../../src-css/components/Range/Range.config.ts"],"sourcesContent":["import { css, rangeTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'l',\n },\n variations: {\n view: {\n default: css`\n ${tokens.background}: var(--surface-transparent-primary);\n ${tokens.backgroundError}: var(--surface-transparent-negative);\n ${tokens.backgroundSuccess}: var(--surface-transparent-positive);\n\n ${tokens.dividerColor}: var(--text-primary);\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.leftHelperColor}: var(--text-secondary);\n ${tokens.leftHelperColorError}: var(--text-negative);\n ${tokens.leftHelperColorSuccess}: var(--text-positive);\n\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n\n ${tokens.textFieldBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.textFieldBackgroundErrorColor}: var(--surface-transparent-negative);\n ${tokens.textFieldBackgroundErrorColorHover}: var(--surface-transparent-negative-hover);\n ${tokens.textFieldBackgroundErrorColorFocus}: var(--surface-transparent-negative-active);\n ${tokens.textFieldBackgroundSuccessColor}: var(--surface-transparent-positive);\n ${tokens.textFieldBackgroundSuccessColorHover}: var(--surface-transparent-positive-hover);\n ${tokens.textFieldBackgroundSuccessColorFocus}: var(--surface-transparent-positive-active);\n\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n\n ${tokens.focusColor}: var(--text-accent);\n `,\n },\n size: {\n xl: css`\n ${tokens.borderRadius}: 1rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 1.125rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.75rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.textFieldHeight}: 4rem;\n ${tokens.textFieldBorderRadius}: 1rem;\n ${tokens.textFieldPadding}: 1.3125rem 1.125rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem 0;\n ${tokens.textFieldRightContentMargin}: -0.0625rem 0 -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n `,\n l: css`\n ${tokens.borderRadius}: 0.875rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 1rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.75rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.textFieldHeight}: 3.5rem;\n ${tokens.textFieldBorderRadius}: 0.875rem;\n ${tokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n `,\n m: css`\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 0.875rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.625rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.375rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.6875rem auto auto;\n\n ${tokens.textFieldHeight}: 3rem;\n ${tokens.textFieldBorderRadius}: 0.75rem;\n ${tokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n `,\n s: css`\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 0.75rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.5rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.3125rem auto auto -0.6875rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.textFieldHeight}: 2.5rem;\n ${tokens.textFieldBorderRadius}: 0.625rem;\n ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n `,\n xs: css`\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 0.5rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.375rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.25rem auto auto -0.625rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.125rem -0.6875rem auto auto;\n\n ${tokens.textFieldHeight}: 2rem;\n ${tokens.textFieldBorderRadius}: 0.5rem;\n ${tokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.backgroundReadOnly}: var(--surface-transparent-primary);\n ${tokens.labelColorReadOnly}: var(--text-primary);\n ${tokens.leftHelperColorReadOnly}: var(--text-secondary);\n ${tokens.dividerColorReadOnly}: var(--text-secondary);\n ${tokens.readOnlyOpacity}: 0.4;\n ${tokens.dividerOpacityReadOnly}: 0.4;\n ${tokens.rightContentOpacityReadOnly}: 0.4;\n\n ${tokens.textFieldColorReadOnly}: var(--text-primary);\n ${tokens.textFieldBackgroundColorReadOnly}: transparent;\n ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","xl","l","m","s","xs","disabled","true","readOnly"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,UAAA;KAgCV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAoDD,SAAA;AACDC,MAAAA,CAAC,EAoDA,SAAA;AACDC,MAAAA,CAAC,EAoDA,UAAA;AACDC,MAAAA,CAAC,EAoDA,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAqDL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,SAAA;AAaR,KAAA;AACJ,GAAA;AACJ;;;;"}