@salutejs/plasma-web 1.379.2-canary.1391.10525070095.0 → 1.380.0-canary.1368.10522822772.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (53) hide show
  1. package/components/Button/Button.config.js +11 -11
  2. package/components/ButtonGroup/ButtonGroup.config.js +11 -11
  3. package/components/Checkbox/Checkbox.config.js +9 -9
  4. package/components/IconButton/IconButton.config.js +10 -10
  5. package/components/Radiobox/Radiobox.config.js +9 -9
  6. package/css/cjs/components/Button/Button.config.js +1 -1
  7. package/css/cjs/components/Button/Button.config.js.map +1 -1
  8. package/css/cjs/components/Button/{Button.config_d2euf6.css → Button.config_1g92cxz.css} +11 -11
  9. package/css/cjs/components/Button/Button.css +22 -22
  10. package/css/cjs/components/ButtonGroup/ButtonGroup.config.js +1 -1
  11. package/css/cjs/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
  12. package/css/cjs/components/ButtonGroup/{ButtonGroup.config_y4g1d3.css → ButtonGroup.config_1pd9i2o.css} +11 -11
  13. package/css/cjs/components/ButtonGroup/ButtonGroup.css +25 -25
  14. package/css/cjs/components/Checkbox/Checkbox.config.js +1 -1
  15. package/css/cjs/components/Checkbox/Checkbox.config.js.map +1 -1
  16. package/css/{es/components/Checkbox/Checkbox.config_1mwehog.css → cjs/components/Checkbox/Checkbox.config_qy77nu.css} +9 -9
  17. package/css/cjs/components/Checkbox/Checkbox.css +13 -13
  18. package/css/cjs/components/IconButton/IconButton.config.js +1 -1
  19. package/css/cjs/components/IconButton/IconButton.config.js.map +1 -1
  20. package/css/{es/components/IconButton/IconButton.config_1xc8une.css → cjs/components/IconButton/IconButton.config_q3zdsy.css} +10 -10
  21. package/css/cjs/components/IconButton/IconButton.css +20 -20
  22. package/css/cjs/components/Radiobox/Radiobox.config.js +1 -1
  23. package/css/cjs/components/Radiobox/Radiobox.config.js.map +1 -1
  24. package/css/cjs/components/Radiobox/{Radiobox.config_1t8yxrx.css → Radiobox.config_139reb8.css} +9 -9
  25. package/css/cjs/components/Radiobox/Radiobox.css +13 -13
  26. package/css/cjs/index.css +97 -97
  27. package/css/es/components/Button/Button.config.js +1 -1
  28. package/css/es/components/Button/Button.config.js.map +1 -1
  29. package/css/es/components/Button/{Button.config_d2euf6.css → Button.config_1g92cxz.css} +11 -11
  30. package/css/es/components/Button/Button.css +22 -22
  31. package/css/es/components/ButtonGroup/ButtonGroup.config.js +1 -1
  32. package/css/es/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
  33. package/css/es/components/ButtonGroup/{ButtonGroup.config_y4g1d3.css → ButtonGroup.config_1pd9i2o.css} +11 -11
  34. package/css/es/components/ButtonGroup/ButtonGroup.css +25 -25
  35. package/css/es/components/Checkbox/Checkbox.config.js +1 -1
  36. package/css/es/components/Checkbox/Checkbox.config.js.map +1 -1
  37. package/css/{cjs/components/Checkbox/Checkbox.config_1mwehog.css → es/components/Checkbox/Checkbox.config_qy77nu.css} +9 -9
  38. package/css/es/components/Checkbox/Checkbox.css +13 -13
  39. package/css/es/components/IconButton/IconButton.config.js +1 -1
  40. package/css/es/components/IconButton/IconButton.config.js.map +1 -1
  41. package/css/{cjs/components/IconButton/IconButton.config_1xc8une.css → es/components/IconButton/IconButton.config_q3zdsy.css} +10 -10
  42. package/css/es/components/IconButton/IconButton.css +20 -20
  43. package/css/es/components/Radiobox/Radiobox.config.js +1 -1
  44. package/css/es/components/Radiobox/Radiobox.config.js.map +1 -1
  45. package/css/es/components/Radiobox/{Radiobox.config_1t8yxrx.css → Radiobox.config_139reb8.css} +9 -9
  46. package/css/es/components/Radiobox/Radiobox.css +13 -13
  47. package/css/es/index.css +97 -97
  48. package/es/components/Button/Button.config.js +11 -11
  49. package/es/components/ButtonGroup/ButtonGroup.config.js +11 -11
  50. package/es/components/Checkbox/Checkbox.config.js +9 -9
  51. package/es/components/IconButton/IconButton.config.js +10 -10
  52. package/es/components/Radiobox/Radiobox.config.js +9 -9
  53. package/package.json +3 -3
package/components/Button/Button.config.js CHANGED
@@ -15,21 +15,21 @@ var config = exports.config = {
15
15
  },
16
16
  variations: {
17
17
  view: {
18
- "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-secondary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-active);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonColorHover, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonColorActive, _styledComponents.buttonTokens.buttonBackgroundColorActive),
18
+ "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-secondary);\n ", ": var(--surface-solid-default);\n ", ": var(", ");\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-active);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonColorHover, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonColorActive, _styledComponents.buttonTokens.buttonBackgroundColorActive),
19
19
  /**
20
20
  * @deprecated
21
21
  * использовать `default`
22
22
  */
23
- primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-secondary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-active);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonColorHover, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonColorActive, _styledComponents.buttonTokens.buttonBackgroundColorActive),
24
- accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent-active);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonColorHover, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonColorActive, _styledComponents.buttonTokens.buttonBackgroundColorActive),
25
- secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonColorHover, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonColorActive, _styledComponents.buttonTokens.buttonBackgroundColorActive),
26
- clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-active);\n ", ": var(--surface-clear);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonColorHover, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonColorActive, _styledComponents.buttonTokens.buttonBackgroundColorActive),
27
- success: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-positive);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive-active);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonColorHover, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonColorActive, _styledComponents.buttonTokens.buttonBackgroundColorActive),
28
- warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-warning);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning-active);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonColorHover, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonColorActive, _styledComponents.buttonTokens.buttonBackgroundColorActive),
29
- critical: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative-active);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonColorHover, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonColorActive, _styledComponents.buttonTokens.buttonBackgroundColorActive),
30
- dark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-light-surface-transparent-deep);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-transparent-deep-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-transparent-deep-active);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonColorHover, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonColorActive, _styledComponents.buttonTokens.buttonBackgroundColorActive),
31
- black: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-light-surface-solid-default);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-solid-default-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-solid-default-active);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonColorHover, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonColorActive, _styledComponents.buttonTokens.buttonBackgroundColorActive),
32
- white: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-light-text-primary);\n ", ": var(--on-light-text-secondary);\n ", ": var(--on-dark-surface-solid-default);\n ", ": var(--on-light-text-primary-hover);\n ", ": var(--on-dark-surface-solid-default-hover);\n ", ": var(--on-light-text-primary-active);\n ", ": var(--on-dark-surface-solid-default-active);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonColorHover, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonColorActive, _styledComponents.buttonTokens.buttonBackgroundColorActive)
23
+ primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-secondary);\n ", ": var(--surface-solid-default);\n ", ": var(", ");\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-active);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonColorHover, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonColorActive, _styledComponents.buttonTokens.buttonBackgroundColorActive),
24
+ accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-accent);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent-active);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonColorHover, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonColorActive, _styledComponents.buttonTokens.buttonBackgroundColorActive),
25
+ secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(", ");\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonColorHover, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonColorActive, _styledComponents.buttonTokens.buttonBackgroundColorActive),
26
+ clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-clear);\n ", ": var(", ");\n ", ": var(--text-primary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-active);\n ", ": var(--surface-clear);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonColorHover, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonColorActive, _styledComponents.buttonTokens.buttonBackgroundColorActive),
27
+ success: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-positive);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive-active);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonColorHover, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonColorActive, _styledComponents.buttonTokens.buttonBackgroundColorActive),
28
+ warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-warning);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning-active);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonColorHover, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonColorActive, _styledComponents.buttonTokens.buttonBackgroundColorActive),
29
+ critical: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-negative);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative-active);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonColorHover, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonColorActive, _styledComponents.buttonTokens.buttonBackgroundColorActive),
30
+ dark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-light-surface-transparent-deep);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-transparent-deep-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-transparent-deep-active);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonColorHover, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonColorActive, _styledComponents.buttonTokens.buttonBackgroundColorActive),
31
+ black: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-light-surface-solid-default);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-solid-default-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-solid-default-active);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonColorHover, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonColorActive, _styledComponents.buttonTokens.buttonBackgroundColorActive),
32
+ white: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-light-text-primary);\n ", ": var(--on-light-text-secondary);\n ", ": var(--on-dark-surface-solid-default);\n ", ": var(", ");\n ", ": var(--on-light-text-primary-hover);\n ", ": var(--on-dark-surface-solid-default-hover);\n ", ": var(--on-light-text-primary-active);\n ", ": var(--on-dark-surface-solid-default-active);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonColorHover, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonColorActive, _styledComponents.buttonTokens.buttonBackgroundColorActive)
33
33
  },
34
34
  size: {
35
35
  l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3.5rem;\n ", ": 12.5rem;\n ", ": 1.5rem;\n ", ": 0.875rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 1.375rem;\n ", ": inherit;\n\n ", ": 0 0.5rem 0 -0.125rem;\n ", ": 0 -0.125rem 0 0.5rem;\n ", ": 0 0 0 0.25rem;\n "])), _styledComponents.buttonTokens.buttonHeight, _styledComponents.buttonTokens.buttonWidth, _styledComponents.buttonTokens.buttonPadding, _styledComponents.buttonTokens.buttonRadius, _styledComponents.buttonTokens.buttonFontFamily, _styledComponents.buttonTokens.buttonFontSize, _styledComponents.buttonTokens.buttonFontStyle, _styledComponents.buttonTokens.buttonFontWeight, _styledComponents.buttonTokens.buttonLetterSpacing, _styledComponents.buttonTokens.buttonLineHeight, _styledComponents.buttonTokens.buttonSpinnerSize, _styledComponents.buttonTokens.buttonSpinnerColor, _styledComponents.buttonTokens.buttonLeftContentMargin, _styledComponents.buttonTokens.buttonRightContentMargin, _styledComponents.buttonTokens.buttonValueMargin),
package/components/ButtonGroup/ButtonGroup.config.js CHANGED
@@ -14,21 +14,21 @@ var config = exports.config = {
14
14
  },
15
15
  variations: {
16
16
  view: {
17
- "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-secondary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-active);\n "])), _styledComponents.buttonGroupTokens.buttonColor, _styledComponents.buttonGroupTokens.buttonValueColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonColorHover, _styledComponents.buttonGroupTokens.buttonBackgroundColorHover, _styledComponents.buttonGroupTokens.buttonColorActive, _styledComponents.buttonGroupTokens.buttonBackgroundColorActive),
17
+ "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-secondary);\n ", ": var(--surface-solid-default);\n ", ": var(", ");\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-active);\n "])), _styledComponents.buttonGroupTokens.buttonColor, _styledComponents.buttonGroupTokens.buttonValueColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonLoadingBackgroundColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonColorHover, _styledComponents.buttonGroupTokens.buttonBackgroundColorHover, _styledComponents.buttonGroupTokens.buttonColorActive, _styledComponents.buttonGroupTokens.buttonBackgroundColorActive),
18
18
  /**
19
19
  * @deprecated
20
20
  * использовать `default`
21
21
  */
22
- primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-secondary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-active);\n "])), _styledComponents.buttonGroupTokens.buttonColor, _styledComponents.buttonGroupTokens.buttonValueColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonColorHover, _styledComponents.buttonGroupTokens.buttonBackgroundColorHover, _styledComponents.buttonGroupTokens.buttonColorActive, _styledComponents.buttonGroupTokens.buttonBackgroundColorActive),
23
- accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent-active);\n "])), _styledComponents.buttonGroupTokens.buttonColor, _styledComponents.buttonGroupTokens.buttonValueColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonColorHover, _styledComponents.buttonGroupTokens.buttonBackgroundColorHover, _styledComponents.buttonGroupTokens.buttonColorActive, _styledComponents.buttonGroupTokens.buttonBackgroundColorActive),
24
- secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n "])), _styledComponents.buttonGroupTokens.buttonColor, _styledComponents.buttonGroupTokens.buttonValueColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonColorHover, _styledComponents.buttonGroupTokens.buttonBackgroundColorHover, _styledComponents.buttonGroupTokens.buttonColorActive, _styledComponents.buttonGroupTokens.buttonBackgroundColorActive),
25
- clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-active);\n ", ": var(--surface-clear);\n "])), _styledComponents.buttonGroupTokens.buttonColor, _styledComponents.buttonGroupTokens.buttonValueColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonColorHover, _styledComponents.buttonGroupTokens.buttonBackgroundColorHover, _styledComponents.buttonGroupTokens.buttonColorActive, _styledComponents.buttonGroupTokens.buttonBackgroundColorActive),
26
- success: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-positive);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive-active);\n "])), _styledComponents.buttonGroupTokens.buttonColor, _styledComponents.buttonGroupTokens.buttonValueColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonColorHover, _styledComponents.buttonGroupTokens.buttonBackgroundColorHover, _styledComponents.buttonGroupTokens.buttonColorActive, _styledComponents.buttonGroupTokens.buttonBackgroundColorActive),
27
- warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-warning);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning-active);\n "])), _styledComponents.buttonGroupTokens.buttonColor, _styledComponents.buttonGroupTokens.buttonValueColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonColorHover, _styledComponents.buttonGroupTokens.buttonBackgroundColorHover, _styledComponents.buttonGroupTokens.buttonColorActive, _styledComponents.buttonGroupTokens.buttonBackgroundColorActive),
28
- critical: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative-active);\n "])), _styledComponents.buttonGroupTokens.buttonColor, _styledComponents.buttonGroupTokens.buttonValueColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonColorHover, _styledComponents.buttonGroupTokens.buttonBackgroundColorHover, _styledComponents.buttonGroupTokens.buttonColorActive, _styledComponents.buttonGroupTokens.buttonBackgroundColorActive),
29
- dark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-light-surface-transparent-deep);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-transparent-deep-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-transparent-deep-active);\n "])), _styledComponents.buttonGroupTokens.buttonColor, _styledComponents.buttonGroupTokens.buttonValueColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonColorHover, _styledComponents.buttonGroupTokens.buttonBackgroundColorHover, _styledComponents.buttonGroupTokens.buttonColorActive, _styledComponents.buttonGroupTokens.buttonBackgroundColorActive),
30
- black: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-light-surface-solid-default);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-solid-default-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-solid-default-active);\n "])), _styledComponents.buttonGroupTokens.buttonColor, _styledComponents.buttonGroupTokens.buttonValueColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonColorHover, _styledComponents.buttonGroupTokens.buttonBackgroundColorHover, _styledComponents.buttonGroupTokens.buttonColorActive, _styledComponents.buttonGroupTokens.buttonBackgroundColorActive),
31
- white: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-light-text-primary);\n ", ": var(--on-light-text-secondary);\n ", ": var(--on-dark-surface-solid-default);\n ", ": var(--on-light-text-primary);\n ", ": var(--on-dark-surface-solid-default-hover);\n ", ": var(--on-light-text-primary);\n ", ": var(--on-dark-surface-solid-default-active);\n "])), _styledComponents.buttonGroupTokens.buttonColor, _styledComponents.buttonGroupTokens.buttonValueColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonColorHover, _styledComponents.buttonGroupTokens.buttonBackgroundColorHover, _styledComponents.buttonGroupTokens.buttonColorActive, _styledComponents.buttonGroupTokens.buttonBackgroundColorActive)
22
+ primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-secondary);\n ", ": var(--surface-solid-default);\n ", ": var(", ");\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-active);\n "])), _styledComponents.buttonGroupTokens.buttonColor, _styledComponents.buttonGroupTokens.buttonValueColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonLoadingBackgroundColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonColorHover, _styledComponents.buttonGroupTokens.buttonBackgroundColorHover, _styledComponents.buttonGroupTokens.buttonColorActive, _styledComponents.buttonGroupTokens.buttonBackgroundColorActive),
23
+ accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-accent);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent-active);\n "])), _styledComponents.buttonGroupTokens.buttonColor, _styledComponents.buttonGroupTokens.buttonValueColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonLoadingBackgroundColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonColorHover, _styledComponents.buttonGroupTokens.buttonBackgroundColorHover, _styledComponents.buttonGroupTokens.buttonColorActive, _styledComponents.buttonGroupTokens.buttonBackgroundColorActive),
24
+ secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(", ");\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n "])), _styledComponents.buttonGroupTokens.buttonColor, _styledComponents.buttonGroupTokens.buttonValueColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonLoadingBackgroundColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonColorHover, _styledComponents.buttonGroupTokens.buttonBackgroundColorHover, _styledComponents.buttonGroupTokens.buttonColorActive, _styledComponents.buttonGroupTokens.buttonBackgroundColorActive),
25
+ clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-clear);\n ", ": var(", ");\n ", ": var(--text-primary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-active);\n ", ": var(--surface-clear);\n "])), _styledComponents.buttonGroupTokens.buttonColor, _styledComponents.buttonGroupTokens.buttonValueColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonLoadingBackgroundColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonColorHover, _styledComponents.buttonGroupTokens.buttonBackgroundColorHover, _styledComponents.buttonGroupTokens.buttonColorActive, _styledComponents.buttonGroupTokens.buttonBackgroundColorActive),
26
+ success: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-positive);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive-active);\n "])), _styledComponents.buttonGroupTokens.buttonColor, _styledComponents.buttonGroupTokens.buttonValueColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonLoadingBackgroundColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonColorHover, _styledComponents.buttonGroupTokens.buttonBackgroundColorHover, _styledComponents.buttonGroupTokens.buttonColorActive, _styledComponents.buttonGroupTokens.buttonBackgroundColorActive),
27
+ warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-warning);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning-active);\n "])), _styledComponents.buttonGroupTokens.buttonColor, _styledComponents.buttonGroupTokens.buttonValueColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonLoadingBackgroundColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonColorHover, _styledComponents.buttonGroupTokens.buttonBackgroundColorHover, _styledComponents.buttonGroupTokens.buttonColorActive, _styledComponents.buttonGroupTokens.buttonBackgroundColorActive),
28
+ critical: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-negative);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative-active);\n "])), _styledComponents.buttonGroupTokens.buttonColor, _styledComponents.buttonGroupTokens.buttonValueColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonLoadingBackgroundColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonColorHover, _styledComponents.buttonGroupTokens.buttonBackgroundColorHover, _styledComponents.buttonGroupTokens.buttonColorActive, _styledComponents.buttonGroupTokens.buttonBackgroundColorActive),
29
+ dark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-light-surface-transparent-deep);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-transparent-deep-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-transparent-deep-active);\n "])), _styledComponents.buttonGroupTokens.buttonColor, _styledComponents.buttonGroupTokens.buttonValueColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonLoadingBackgroundColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonColorHover, _styledComponents.buttonGroupTokens.buttonBackgroundColorHover, _styledComponents.buttonGroupTokens.buttonColorActive, _styledComponents.buttonGroupTokens.buttonBackgroundColorActive),
30
+ black: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-light-surface-solid-default);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-solid-default-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-solid-default-active);\n "])), _styledComponents.buttonGroupTokens.buttonColor, _styledComponents.buttonGroupTokens.buttonValueColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonLoadingBackgroundColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonColorHover, _styledComponents.buttonGroupTokens.buttonBackgroundColorHover, _styledComponents.buttonGroupTokens.buttonColorActive, _styledComponents.buttonGroupTokens.buttonBackgroundColorActive),
31
+ white: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-light-text-primary);\n ", ": var(--on-light-text-secondary);\n ", ": var(--on-dark-surface-solid-default);\n ", ": var(", ");\n ", ": var(--on-light-text-primary);\n ", ": var(--on-dark-surface-solid-default-hover);\n ", ": var(--on-light-text-primary);\n ", ": var(--on-dark-surface-solid-default-active);\n "])), _styledComponents.buttonGroupTokens.buttonColor, _styledComponents.buttonGroupTokens.buttonValueColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonLoadingBackgroundColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonColorHover, _styledComponents.buttonGroupTokens.buttonBackgroundColorHover, _styledComponents.buttonGroupTokens.buttonColorActive, _styledComponents.buttonGroupTokens.buttonBackgroundColorActive)
32
32
  },
33
33
  size: {
34
34
  l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.875rem;\n ", ": 0.375rem;\n ", ": 0.875rem;\n\n ", ": 3.5rem;\n ", ": 1.5rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n "])), _styledComponents.buttonGroupTokens.buttonDefaultRadius, _styledComponents.buttonGroupTokens.buttonSegmentedRadius, _styledComponents.buttonGroupTokens.buttonSideRadius, _styledComponents.buttonGroupTokens.buttonHeight, _styledComponents.buttonGroupTokens.buttonPadding, _styledComponents.buttonGroupTokens.buttonFontFamily, _styledComponents.buttonGroupTokens.buttonFontSize, _styledComponents.buttonGroupTokens.buttonFontStyle, _styledComponents.buttonGroupTokens.buttonFontWeight, _styledComponents.buttonGroupTokens.buttonLetterSpacing, _styledComponents.buttonGroupTokens.buttonLineHeight),
package/components/Checkbox/Checkbox.config.js CHANGED
@@ -25,19 +25,19 @@ var config = exports.config = {
25
25
  * Вид контрола.
26
26
  */
27
27
  view: {
28
- "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBorderColor),
28
+ "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBackgroundColor, _styledComponents.checkboxTokens.triggerBorderColor),
29
29
  /**
30
30
  * @deprecated
31
31
  * использовать `default`
32
32
  */
33
- primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBorderColor),
34
- secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBorderColor),
35
- tertiary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-tertiary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBorderColor),
36
- paragraph: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-paragraph);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBorderColor),
37
- accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBorderColor),
38
- positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-positive);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBorderColor),
39
- warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-warning);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBorderColor),
40
- negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-negative);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBorderColor)
33
+ primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBackgroundColor, _styledComponents.checkboxTokens.triggerBorderColor),
34
+ secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBackgroundColor, _styledComponents.checkboxTokens.triggerBorderColor),
35
+ tertiary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-tertiary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBackgroundColor, _styledComponents.checkboxTokens.triggerBorderColor),
36
+ paragraph: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-paragraph);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBackgroundColor, _styledComponents.checkboxTokens.triggerBorderColor),
37
+ accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBackgroundColor, _styledComponents.checkboxTokens.triggerBorderColor),
38
+ positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-positive);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBackgroundColor, _styledComponents.checkboxTokens.triggerBorderColor),
39
+ warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-warning);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBackgroundColor, _styledComponents.checkboxTokens.triggerBorderColor),
40
+ negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-negative);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBackgroundColor, _styledComponents.checkboxTokens.triggerBorderColor)
41
41
  },
42
42
  disabled: {
43
43
  "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _styledComponents.checkboxTokens.disabledOpacity)
package/components/IconButton/IconButton.config.js CHANGED
@@ -15,16 +15,16 @@ var config = exports.config = {
15
15
  },
16
16
  variations: {
17
17
  view: {
18
- "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-active);\n "])), _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledComponents.iconButtonTokens.iconButtonColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive),
19
- accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent-active);\n "])), _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledComponents.iconButtonTokens.iconButtonColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive),
20
- secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n "])), _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledComponents.iconButtonTokens.iconButtonColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive),
21
- clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-active);\n ", ": var(--surface-clear);\n "])), _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledComponents.iconButtonTokens.iconButtonColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive),
22
- success: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive-active);\n "])), _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledComponents.iconButtonTokens.iconButtonColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive),
23
- warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning-active);\n "])), _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledComponents.iconButtonTokens.iconButtonColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive),
24
- critical: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative-active);\n "])), _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledComponents.iconButtonTokens.iconButtonColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive),
25
- dark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-transparent-deep);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-transparent-deep-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-transparent-deep-active);\n "])), _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledComponents.iconButtonTokens.iconButtonColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive),
26
- black: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-solid-default);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-solid-default-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-solid-default-active);\n "])), _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledComponents.iconButtonTokens.iconButtonColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive),
27
- white: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-light-text-primary);\n ", ": var(--on-dark-surface-solid-default);\n ", ": var(--on-light-text-primary-hover);\n ", ": var(--on-dark-surface-solid-default-hover);\n ", ": var(--on-light-text-primary-active);\n ", ": var(--on-dark-surface-solid-default-active);\n "])), _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledComponents.iconButtonTokens.iconButtonColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive)
18
+ "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": var(", ");\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-active);\n "])), _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonLoadingBackgroundColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledComponents.iconButtonTokens.iconButtonColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive),
19
+ accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent-active);\n "])), _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonLoadingBackgroundColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledComponents.iconButtonTokens.iconButtonColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive),
20
+ secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(", ");\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n "])), _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonLoadingBackgroundColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledComponents.iconButtonTokens.iconButtonColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive),
21
+ clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(", ");\n ", ": var(--text-primary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-active);\n ", ": var(--surface-clear);\n "])), _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonLoadingBackgroundColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledComponents.iconButtonTokens.iconButtonColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive),
22
+ success: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive-active);\n "])), _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonLoadingBackgroundColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledComponents.iconButtonTokens.iconButtonColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive),
23
+ warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning-active);\n "])), _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonLoadingBackgroundColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledComponents.iconButtonTokens.iconButtonColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive),
24
+ critical: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative-active);\n "])), _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonLoadingBackgroundColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledComponents.iconButtonTokens.iconButtonColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive),
25
+ dark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-transparent-deep);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-transparent-deep-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-transparent-deep-active);\n "])), _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonLoadingBackgroundColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledComponents.iconButtonTokens.iconButtonColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive),
26
+ black: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-solid-default);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-solid-default-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-solid-default-active);\n "])), _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonLoadingBackgroundColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledComponents.iconButtonTokens.iconButtonColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive),
27
+ white: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-light-text-primary);\n ", ": var(--on-dark-surface-solid-default);\n ", ": var(", ");\n ", ": var(--on-light-text-primary-hover);\n ", ": var(--on-dark-surface-solid-default-hover);\n ", ": var(--on-light-text-primary-active);\n ", ": var(--on-dark-surface-solid-default-active);\n "])), _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonLoadingBackgroundColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledComponents.iconButtonTokens.iconButtonColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive)
28
28
  },
29
29
  size: {
30
30
  l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3.5rem;\n ", ": 3.5rem;\n ", ": 1.5rem;\n ", ": 0.875rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 1.375rem;\n ", ": inherit;\n "])), _styledComponents.iconButtonTokens.iconButtonHeight, _styledComponents.iconButtonTokens.iconButtonWidth, _styledComponents.iconButtonTokens.iconButtonPadding, _styledComponents.iconButtonTokens.iconButtonRadius, _styledComponents.iconButtonTokens.iconButtonFontFamily, _styledComponents.iconButtonTokens.iconButtonFontSize, _styledComponents.iconButtonTokens.iconButtonFontStyle, _styledComponents.iconButtonTokens.iconButtonFontWeight, _styledComponents.iconButtonTokens.iconButtonLetterSpacing, _styledComponents.iconButtonTokens.iconButtonLineHeight, _styledComponents.iconButtonTokens.iconButtonSpinnerSize, _styledComponents.iconButtonTokens.iconButtonSpinnerColor),
package/components/Radiobox/Radiobox.config.js CHANGED
@@ -25,19 +25,19 @@ var config = exports.config = {
25
25
  * Вид контрола.
26
26
  */
27
27
  view: {
28
- "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBorderColor),
28
+ "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBackgroundColor, _styledComponents.radioboxTokens.triggerBorderColor),
29
29
  /**
30
30
  * @deprecated
31
31
  * использовать `default`
32
32
  */
33
- primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBorderColor),
34
- secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBorderColor),
35
- tertiary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-tertiary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBorderColor),
36
- paragraph: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-paragraph);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBorderColor),
37
- accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBorderColor),
38
- positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-positive);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBorderColor),
39
- warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-warning);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBorderColor),
40
- negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-negative);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBorderColor)
33
+ primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBackgroundColor, _styledComponents.radioboxTokens.triggerBorderColor),
34
+ secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBackgroundColor, _styledComponents.radioboxTokens.triggerBorderColor),
35
+ tertiary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-tertiary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBackgroundColor, _styledComponents.radioboxTokens.triggerBorderColor),
36
+ paragraph: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-paragraph);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBackgroundColor, _styledComponents.radioboxTokens.triggerBorderColor),
37
+ accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBackgroundColor, _styledComponents.radioboxTokens.triggerBorderColor),
38
+ positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-positive);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBackgroundColor, _styledComponents.radioboxTokens.triggerBorderColor),
39
+ warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-warning);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBackgroundColor, _styledComponents.radioboxTokens.triggerBorderColor),
40
+ negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-negative);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBackgroundColor, _styledComponents.radioboxTokens.triggerBorderColor)
41
41
  },
42
42
  disabled: {
43
43
  "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _styledComponents.radioboxTokens.disabledOpacity)
package/css/cjs/components/Button/Button.config.js CHANGED
@@ -1,4 +1,4 @@
1
- import './Button.config_d2euf6.css';
1
+ import './Button.config_1g92cxz.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
package/css/cjs/components/Button/Button.config.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.config.js","sources":["../../../../src-css/components/Button/Button.config.ts"],"sourcesContent":["import { css, buttonTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n focused: 'true',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${buttonTokens.buttonColor}: var(--inverse-text-primary);\n ${buttonTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${buttonTokens.buttonColorHover}: var(--inverse-text-primary);\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${buttonTokens.buttonColorActive}: var(--inverse-text-primary);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n `,\n /**\n * @deprecated\n * использовать `default`\n */\n primary: css`\n ${buttonTokens.buttonColor}: var(--inverse-text-primary);\n ${buttonTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${buttonTokens.buttonColorHover}: var(--inverse-text-primary);\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${buttonTokens.buttonColorActive}: var(--inverse-text-primary);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n `,\n accent: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-accent);\n ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n `,\n secondary: css`\n ${buttonTokens.buttonColor}: var(--text-primary);\n ${buttonTokens.buttonValueColor}: var(--text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${buttonTokens.buttonColorHover}: var(--text-primary);\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${buttonTokens.buttonColorActive}: var(--text-primary);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n clear: css`\n ${buttonTokens.buttonColor}: var(--text-primary);\n ${buttonTokens.buttonValueColor}: var(--text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-clear);\n ${buttonTokens.buttonColorHover}: var(--text-primary-hover);\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-clear);\n ${buttonTokens.buttonColorActive}: var(--text-primary-active);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-clear);\n `,\n success: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-positive);\n ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n `,\n warning: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-warning);\n ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n `,\n critical: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-negative);\n ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n `,\n dark: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonTokens.buttonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);\n ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonTokens.buttonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);\n `,\n black: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonTokens.buttonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonTokens.buttonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n `,\n white: css`\n ${buttonTokens.buttonColor}: var(--on-light-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-light-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${buttonTokens.buttonColorHover}: var(--on-light-text-primary-hover);\n ${buttonTokens.buttonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n ${buttonTokens.buttonColorActive}: var(--on-light-text-primary-active);\n ${buttonTokens.buttonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n `,\n },\n size: {\n l: css`\n ${buttonTokens.buttonHeight}: 3.5rem;\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonPadding}: 1.5rem;\n ${buttonTokens.buttonRadius}: 0.875rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.5rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.5rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n lr: css`\n ${buttonTokens.buttonHeight}: 3.5rem;\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.5rem 0 0;\n ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.5rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n m: css`\n ${buttonTokens.buttonHeight}: 3rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonPadding}: 1.25rem;\n ${buttonTokens.buttonRadius}: 0.75rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.375rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.375rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n mr: css`\n ${buttonTokens.buttonHeight}: 3rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.375rem 0 0;\n ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.375rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n s: css`\n ${buttonTokens.buttonHeight}: 2.5rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonPadding}: 1rem;\n ${buttonTokens.buttonRadius}: 0.625rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n sr: css`\n ${buttonTokens.buttonHeight}: 2.5rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 0;\n ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n xs: css`\n ${buttonTokens.buttonHeight}: 2rem;\n ${buttonTokens.buttonWidth}: 10rem;\n ${buttonTokens.buttonPadding}: 0.75rem;\n ${buttonTokens.buttonRadius}: 0.5rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n xsr: css`\n ${buttonTokens.buttonHeight}: 2rem;\n ${buttonTokens.buttonWidth}: 10rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 0;\n ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n xxs: css`\n ${buttonTokens.buttonHeight}: 1.5rem;\n ${buttonTokens.buttonWidth}: 8.75rem;\n ${buttonTokens.buttonPadding}: 0.625rem;\n ${buttonTokens.buttonRadius}: 0.375rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 0.75rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${buttonTokens.buttonDisabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${buttonTokens.buttonFocusColor}: var(--surface-accent);\n `,\n },\n stretching: {\n auto: css``,\n filled: css``,\n fixed: css``,\n },\n },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","primary","accent","secondary","clear","success","warning","critical","dark","black","white","l","lr","m","mr","s","sr","xs","xsr","xxs","disabled","true","stretching","auto","filled","fixed"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAQC,UAAA;AACD;AACZ;AACA;AACA;AACYC,MAAAA,OAAO,EAQN,UAAA;AACDC,MAAAA,MAAM,EAQL,SAAA;AACDC,MAAAA,SAAS,EAQR,SAAA;AACDC,MAAAA,KAAK,EAQJ,SAAA;AACDC,MAAAA,OAAO,EAQN,SAAA;AACDC,MAAAA,OAAO,EAQN,UAAA;AACDC,MAAAA,QAAQ,EAQP,SAAA;AACDC,MAAAA,IAAI,EAQH,UAAA;AACDC,MAAAA,KAAK,EAQJ,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KASR;AACDZ,IAAAA,IAAI,EAAE;AACFa,MAAAA,CAAC,EAkBA,SAAA;AACDC,MAAAA,EAAE,EAgBD,UAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,EAAE,EAgBD,UAAA;AACDC,MAAAA,CAAC,EAkBA,SAAA;AACDC,MAAAA,EAAE,EAgBD,UAAA;AACDC,MAAAA,EAAE,EAkBD,UAAA;AACDC,MAAAA,GAAG,EAgBF,SAAA;AACDC,MAAAA,GAAG,EAAA,SAAA;KAmBN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;KAGP;AACDxB,IAAAA,OAAO,EAAE;MACLwB,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAO,SAAA;AACXC,MAAAA,MAAM,EAAO,SAAA;AACbC,MAAAA,KAAK,EAAA,UAAA;AACT,KAAA;AACJ,GAAA;AACJ;;;;"}
1
+ {"version":3,"file":"Button.config.js","sources":["../../../../src-css/components/Button/Button.config.ts"],"sourcesContent":["import { css, buttonTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n focused: 'true',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${buttonTokens.buttonColor}: var(--inverse-text-primary);\n ${buttonTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--inverse-text-primary);\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${buttonTokens.buttonColorActive}: var(--inverse-text-primary);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n `,\n /**\n * @deprecated\n * использовать `default`\n */\n primary: css`\n ${buttonTokens.buttonColor}: var(--inverse-text-primary);\n ${buttonTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--inverse-text-primary);\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${buttonTokens.buttonColorActive}: var(--inverse-text-primary);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n `,\n accent: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-accent);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n `,\n secondary: css`\n ${buttonTokens.buttonColor}: var(--text-primary);\n ${buttonTokens.buttonValueColor}: var(--text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--text-primary);\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${buttonTokens.buttonColorActive}: var(--text-primary);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n clear: css`\n ${buttonTokens.buttonColor}: var(--text-primary);\n ${buttonTokens.buttonValueColor}: var(--text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-clear);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--text-primary-hover);\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-clear);\n ${buttonTokens.buttonColorActive}: var(--text-primary-active);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-clear);\n `,\n success: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-positive);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n `,\n warning: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-warning);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n `,\n critical: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-negative);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n `,\n dark: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonTokens.buttonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);\n ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonTokens.buttonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);\n `,\n black: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonTokens.buttonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonTokens.buttonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n `,\n white: css`\n ${buttonTokens.buttonColor}: var(--on-light-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-light-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--on-light-text-primary-hover);\n ${buttonTokens.buttonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n ${buttonTokens.buttonColorActive}: var(--on-light-text-primary-active);\n ${buttonTokens.buttonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n `,\n },\n size: {\n l: css`\n ${buttonTokens.buttonHeight}: 3.5rem;\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonPadding}: 1.5rem;\n ${buttonTokens.buttonRadius}: 0.875rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.5rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.5rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n lr: css`\n ${buttonTokens.buttonHeight}: 3.5rem;\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.5rem 0 0;\n ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.5rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n m: css`\n ${buttonTokens.buttonHeight}: 3rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonPadding}: 1.25rem;\n ${buttonTokens.buttonRadius}: 0.75rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.375rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.375rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n mr: css`\n ${buttonTokens.buttonHeight}: 3rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.375rem 0 0;\n ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.375rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n s: css`\n ${buttonTokens.buttonHeight}: 2.5rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonPadding}: 1rem;\n ${buttonTokens.buttonRadius}: 0.625rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n sr: css`\n ${buttonTokens.buttonHeight}: 2.5rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 0;\n ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n xs: css`\n ${buttonTokens.buttonHeight}: 2rem;\n ${buttonTokens.buttonWidth}: 10rem;\n ${buttonTokens.buttonPadding}: 0.75rem;\n ${buttonTokens.buttonRadius}: 0.5rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n xsr: css`\n ${buttonTokens.buttonHeight}: 2rem;\n ${buttonTokens.buttonWidth}: 10rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 0;\n ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n xxs: css`\n ${buttonTokens.buttonHeight}: 1.5rem;\n ${buttonTokens.buttonWidth}: 8.75rem;\n ${buttonTokens.buttonPadding}: 0.625rem;\n ${buttonTokens.buttonRadius}: 0.375rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 0.75rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${buttonTokens.buttonDisabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${buttonTokens.buttonFocusColor}: var(--surface-accent);\n `,\n },\n stretching: {\n auto: css``,\n filled: css``,\n fixed: css``,\n },\n },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","primary","accent","secondary","clear","success","warning","critical","dark","black","white","l","lr","m","mr","s","sr","xs","xsr","xxs","disabled","true","stretching","auto","filled","fixed"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EASC,UAAA;AACD;AACZ;AACA;AACA;AACYC,MAAAA,OAAO,EASN,UAAA;AACDC,MAAAA,MAAM,EASL,SAAA;AACDC,MAAAA,SAAS,EASR,SAAA;AACDC,MAAAA,KAAK,EASJ,SAAA;AACDC,MAAAA,OAAO,EASN,SAAA;AACDC,MAAAA,OAAO,EASN,UAAA;AACDC,MAAAA,QAAQ,EASP,SAAA;AACDC,MAAAA,IAAI,EASH,UAAA;AACDC,MAAAA,KAAK,EASJ,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAUR;AACDZ,IAAAA,IAAI,EAAE;AACFa,MAAAA,CAAC,EAkBA,SAAA;AACDC,MAAAA,EAAE,EAgBD,UAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,EAAE,EAgBD,UAAA;AACDC,MAAAA,CAAC,EAkBA,SAAA;AACDC,MAAAA,EAAE,EAgBD,UAAA;AACDC,MAAAA,EAAE,EAkBD,UAAA;AACDC,MAAAA,GAAG,EAgBF,SAAA;AACDC,MAAAA,GAAG,EAAA,SAAA;KAmBN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;KAGP;AACDxB,IAAAA,OAAO,EAAE;MACLwB,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAO,SAAA;AACXC,MAAAA,MAAM,EAAO,SAAA;AACbC,MAAAA,KAAK,EAAA,UAAA;AACT,KAAA;AACJ,GAAA;AACJ;;;;"}
package/css/cjs/components/Button/{Button.config_d2euf6.css → Button.config_1g92cxz.css} RENAMED
@@ -1,14 +1,14 @@
1
- .d1fnkof5{--plasma-button-color:var(--inverse-text-primary);--plasma-button-value-color:var(--inverse-text-secondary);--plasma-button-background-color:var(--surface-solid-default);--plasma-button-color-hover:var(--inverse-text-primary);--plasma-button-background-color-hover:var(--surface-solid-default-hover);--plasma-button-color-active:var(--inverse-text-primary);--plasma-button-background-color-active:var(--surface-solid-default-active);}
2
- .p1129msw{--plasma-button-color:var(--inverse-text-primary);--plasma-button-value-color:var(--inverse-text-secondary);--plasma-button-background-color:var(--surface-solid-default);--plasma-button-color-hover:var(--inverse-text-primary);--plasma-button-background-color-hover:var(--surface-solid-default-hover);--plasma-button-color-active:var(--inverse-text-primary);--plasma-button-background-color-active:var(--surface-solid-default-active);}
3
- .abaqjet{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-color-hover:var(--on-dark-text-primary);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-color-active:var(--on-dark-text-primary);--plasma-button-background-color-active:var(--surface-accent-active);}
4
- .smxfxlw{--plasma-button-color:var(--text-primary);--plasma-button-value-color:var(--text-secondary);--plasma-button-background-color:var(--surface-transparent-secondary);--plasma-button-color-hover:var(--text-primary);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-color-active:var(--text-primary);--plasma-button-background-color-active:var(--surface-transparent-secondary-active);}
5
- .cleczrv{--plasma-button-color:var(--text-primary);--plasma-button-value-color:var(--text-secondary);--plasma-button-background-color:var(--surface-clear);--plasma-button-color-hover:var(--text-primary-hover);--plasma-button-background-color-hover:var(--surface-clear);--plasma-button-color-active:var(--text-primary-active);--plasma-button-background-color-active:var(--surface-clear);}
6
- .slekduy{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-positive);--plasma-button-color-hover:var(--on-dark-text-primary);--plasma-button-background-color-hover:var(--surface-positive-hover);--plasma-button-color-active:var(--on-dark-text-primary);--plasma-button-background-color-active:var(--surface-positive-active);}
7
- .w1yfa47j{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-warning);--plasma-button-color-hover:var(--on-dark-text-primary);--plasma-button-background-color-hover:var(--surface-warning-hover);--plasma-button-color-active:var(--on-dark-text-primary);--plasma-button-background-color-active:var(--surface-warning-active);}
8
- .csb1lec{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-negative);--plasma-button-color-hover:var(--on-dark-text-primary);--plasma-button-background-color-hover:var(--surface-negative-hover);--plasma-button-color-active:var(--on-dark-text-primary);--plasma-button-background-color-active:var(--surface-negative-active);}
9
- .d123wpoi{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--on-light-surface-transparent-deep);--plasma-button-color-hover:var(--on-dark-text-primary);--plasma-button-background-color-hover:var(--on-light-surface-transparent-deep-hover);--plasma-button-color-active:var(--on-dark-text-primary);--plasma-button-background-color-active:var(--on-light-surface-transparent-deep-active);}
10
- .b1w797f8{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--on-light-surface-solid-default);--plasma-button-color-hover:var(--on-dark-text-primary);--plasma-button-background-color-hover:var(--on-light-surface-solid-default-hover);--plasma-button-color-active:var(--on-dark-text-primary);--plasma-button-background-color-active:var(--on-light-surface-solid-default-active);}
11
- .w1toqou7{--plasma-button-color:var(--on-light-text-primary);--plasma-button-value-color:var(--on-light-text-secondary);--plasma-button-background-color:var(--on-dark-surface-solid-default);--plasma-button-color-hover:var(--on-light-text-primary-hover);--plasma-button-background-color-hover:var(--on-dark-surface-solid-default-hover);--plasma-button-color-active:var(--on-light-text-primary-active);--plasma-button-background-color-active:var(--on-dark-surface-solid-default-active);}
1
+ .d1fnkof5{--plasma-button-color:var(--inverse-text-primary);--plasma-button-value-color:var(--inverse-text-secondary);--plasma-button-background-color:var(--surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--inverse-text-primary);--plasma-button-background-color-hover:var(--surface-solid-default-hover);--plasma-button-color-active:var(--inverse-text-primary);--plasma-button-background-color-active:var(--surface-solid-default-active);}
2
+ .p1129msw{--plasma-button-color:var(--inverse-text-primary);--plasma-button-value-color:var(--inverse-text-secondary);--plasma-button-background-color:var(--surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--inverse-text-primary);--plasma-button-background-color-hover:var(--surface-solid-default-hover);--plasma-button-color-active:var(--inverse-text-primary);--plasma-button-background-color-active:var(--surface-solid-default-active);}
3
+ .abaqjet{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-color-active:var(--on-dark-text-primary);--plasma-button-background-color-active:var(--surface-accent-active);}
4
+ .smxfxlw{--plasma-button-color:var(--text-primary);--plasma-button-value-color:var(--text-secondary);--plasma-button-background-color:var(--surface-transparent-secondary);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--text-primary);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-color-active:var(--text-primary);--plasma-button-background-color-active:var(--surface-transparent-secondary-active);}
5
+ .cleczrv{--plasma-button-color:var(--text-primary);--plasma-button-value-color:var(--text-secondary);--plasma-button-background-color:var(--surface-clear);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--text-primary-hover);--plasma-button-background-color-hover:var(--surface-clear);--plasma-button-color-active:var(--text-primary-active);--plasma-button-background-color-active:var(--surface-clear);}
6
+ .slekduy{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-positive);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary);--plasma-button-background-color-hover:var(--surface-positive-hover);--plasma-button-color-active:var(--on-dark-text-primary);--plasma-button-background-color-active:var(--surface-positive-active);}
7
+ .w1yfa47j{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-warning);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary);--plasma-button-background-color-hover:var(--surface-warning-hover);--plasma-button-color-active:var(--on-dark-text-primary);--plasma-button-background-color-active:var(--surface-warning-active);}
8
+ .csb1lec{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-negative);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary);--plasma-button-background-color-hover:var(--surface-negative-hover);--plasma-button-color-active:var(--on-dark-text-primary);--plasma-button-background-color-active:var(--surface-negative-active);}
9
+ .d123wpoi{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--on-light-surface-transparent-deep);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary);--plasma-button-background-color-hover:var(--on-light-surface-transparent-deep-hover);--plasma-button-color-active:var(--on-dark-text-primary);--plasma-button-background-color-active:var(--on-light-surface-transparent-deep-active);}
10
+ .b1w797f8{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--on-light-surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary);--plasma-button-background-color-hover:var(--on-light-surface-solid-default-hover);--plasma-button-color-active:var(--on-dark-text-primary);--plasma-button-background-color-active:var(--on-light-surface-solid-default-active);}
11
+ .w1toqou7{--plasma-button-color:var(--on-light-text-primary);--plasma-button-value-color:var(--on-light-text-secondary);--plasma-button-background-color:var(--on-dark-surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-light-text-primary-hover);--plasma-button-background-color-hover:var(--on-dark-surface-solid-default-hover);--plasma-button-color-active:var(--on-light-text-primary-active);--plasma-button-background-color-active:var(--on-dark-surface-solid-default-active);}
12
12
  .ly229gi{--plasma-button-height:3.5rem;--plasma-button-width:12.5rem;--plasma-button-padding:1.5rem;--plasma-button-radius:0.875rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.5rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.5rem;--plasma-button-value-margin:0 0 0 0.25rem;}
13
13
  .l1joiaye{--plasma-button-height:3.5rem;--plasma-button-width:12.5rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.5rem 0 0;--plasma-button-right-content-margin:0 0 0 0.5rem;--plasma-button-value-margin:0 0 0 0.25rem;}
14
14
  .m1i1eza5{--plasma-button-height:3rem;--plasma-button-width:11.25rem;--plasma-button-padding:1.25rem;--plasma-button-radius:0.75rem;--plasma-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.375rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.375rem;--plasma-button-value-margin:0 0 0 0.25rem;}