@salutejs-ds/sdds_sbcom 0.1.8 → 0.1.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (100) hide show
  1. package/components/Button/Button.config.d.ts +3 -3
  2. package/components/Button/Button.config.js +10 -10
  3. package/components/Button/Button.config.js.map +1 -1
  4. package/components/Button/Button.config_1wue0f1.css +10 -0
  5. package/components/Button/Button.css +9 -9
  6. package/components/Button/Button.d.ts +3 -3
  7. package/components/Checkbox/Checkbox.config.js +1 -1
  8. package/components/Checkbox/Checkbox.config.js.map +1 -1
  9. package/components/Checkbox/Checkbox.config_limvsr.css +6 -0
  10. package/components/Checkbox/Checkbox.css +6 -6
  11. package/components/Counter/Counter.config.d.ts +4 -4
  12. package/components/Counter/Counter.config.js +9 -9
  13. package/components/Counter/Counter.config.js.map +1 -1
  14. package/components/Counter/Counter.config_u14r3s.css +11 -0
  15. package/components/Counter/Counter.css +10 -10
  16. package/components/Counter/Counter.d.ts +4 -4
  17. package/components/IconButton/IconButton.config.js +1 -1
  18. package/components/IconButton/IconButton.config.js.map +1 -1
  19. package/components/IconButton/IconButton.config_yxpssw.css +9 -0
  20. package/components/IconButton/IconButton.css +8 -8
  21. package/components/Link/Link.config.d.ts +5 -5
  22. package/components/Link/Link.config.js +7 -7
  23. package/components/Link/Link.config.js.map +1 -1
  24. package/components/Link/{Link.config_uq3jfz.css → Link.config_1adojdx.css} +6 -6
  25. package/components/Link/Link.css +8 -8
  26. package/components/Link/Link.d.ts +5 -5
  27. package/components/Radiobox/Radiobox.config.d.ts +2 -2
  28. package/components/Radiobox/Radiobox.config.js +5 -5
  29. package/components/Radiobox/Radiobox.config.js.map +1 -1
  30. package/components/Radiobox/Radiobox.config_wzkn6m.css +6 -0
  31. package/components/Radiobox/Radiobox.css +6 -6
  32. package/components/Radiobox/Radiobox.d.ts +2 -2
  33. package/css/sdds_sbcom.module.css +972 -1227
  34. package/css/sdds_sbcom__dark.css +518 -645
  35. package/css/sdds_sbcom__light.css +521 -649
  36. package/es/components/Button/Button.config.js +10 -10
  37. package/es/components/Button/Button.config.js.map +1 -1
  38. package/es/components/Button/Button.config_1wue0f1.css +10 -0
  39. package/es/components/Button/Button.css +9 -9
  40. package/es/components/Checkbox/Checkbox.config.js +1 -1
  41. package/es/components/Checkbox/Checkbox.config.js.map +1 -1
  42. package/es/components/Checkbox/Checkbox.config_limvsr.css +6 -0
  43. package/es/components/Checkbox/Checkbox.css +6 -6
  44. package/es/components/Counter/Counter.config.js +9 -9
  45. package/es/components/Counter/Counter.config.js.map +1 -1
  46. package/es/components/Counter/Counter.config_u14r3s.css +11 -0
  47. package/es/components/Counter/Counter.css +10 -10
  48. package/es/components/IconButton/IconButton.config.js +1 -1
  49. package/es/components/IconButton/IconButton.config.js.map +1 -1
  50. package/es/components/IconButton/IconButton.config_yxpssw.css +9 -0
  51. package/es/components/IconButton/IconButton.css +8 -8
  52. package/es/components/Link/Link.config.js +7 -7
  53. package/es/components/Link/Link.config.js.map +1 -1
  54. package/es/components/Link/{Link.config_uq3jfz.css → Link.config_1adojdx.css} +6 -6
  55. package/es/components/Link/Link.css +8 -8
  56. package/es/components/Radiobox/Radiobox.config.js +5 -5
  57. package/es/components/Radiobox/Radiobox.config.js.map +1 -1
  58. package/es/components/Radiobox/Radiobox.config_wzkn6m.css +6 -0
  59. package/es/components/Radiobox/Radiobox.css +6 -6
  60. package/es/index.css +55 -55
  61. package/es/index.js +1 -1
  62. package/es/theme/themes/sdds_sbcom__dark.js +1 -1
  63. package/es/theme/themes/sdds_sbcom__dark.js.map +1 -1
  64. package/es/theme/themes/sdds_sbcom__light.js +1 -1
  65. package/es/theme/themes/sdds_sbcom__light.js.map +1 -1
  66. package/es/theme/tokens/index.js +901 -1282
  67. package/es/theme/tokens/index.js.map +1 -1
  68. package/index.css +55 -55
  69. package/index.js +137 -264
  70. package/index.js.map +1 -1
  71. package/package.json +1 -1
  72. package/styled-components/cjs/Button/Button.config.js +9 -9
  73. package/styled-components/cjs/Checkbox/Checkbox.config.js +5 -5
  74. package/styled-components/cjs/Counter/Counter.config.js +10 -10
  75. package/styled-components/cjs/IconButton/IconButton.config.js +7 -7
  76. package/styled-components/cjs/Link/Link.config.js +6 -6
  77. package/styled-components/cjs/Radiobox/Radiobox.config.js +6 -6
  78. package/styled-components/es/Button/Button.config.js +9 -9
  79. package/styled-components/es/Checkbox/Checkbox.config.js +5 -5
  80. package/styled-components/es/Counter/Counter.config.js +10 -10
  81. package/styled-components/es/IconButton/IconButton.config.js +7 -7
  82. package/styled-components/es/Link/Link.config.js +6 -6
  83. package/styled-components/es/Radiobox/Radiobox.config.js +6 -6
  84. package/theme/themes/sdds_sbcom__dark.js +1 -1
  85. package/theme/themes/sdds_sbcom__dark.js.map +1 -1
  86. package/theme/themes/sdds_sbcom__light.js +1 -1
  87. package/theme/themes/sdds_sbcom__light.js.map +1 -1
  88. package/theme/tokens/index.d.ts +721 -975
  89. package/theme/tokens/index.js +1037 -1545
  90. package/theme/tokens/index.js.map +1 -1
  91. package/components/Button/Button.config_ncdo62.css +0 -10
  92. package/components/Checkbox/Checkbox.config_ufkiou.css +0 -6
  93. package/components/Counter/Counter.config_8qholw.css +0 -11
  94. package/components/IconButton/IconButton.config_10yvwxd.css +0 -9
  95. package/components/Radiobox/Radiobox.config_16u8jc7.css +0 -6
  96. package/es/components/Button/Button.config_ncdo62.css +0 -10
  97. package/es/components/Checkbox/Checkbox.config_ufkiou.css +0 -6
  98. package/es/components/Counter/Counter.config_8qholw.css +0 -11
  99. package/es/components/IconButton/IconButton.config_10yvwxd.css +0 -9
  100. package/es/components/Radiobox/Radiobox.config_16u8jc7.css +0 -6
package/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs-ds/sdds_sbcom",
3
- "version": "0.1.8",
3
+ "version": "0.1.10",
4
4
  "description": "Salute Design System / React UI kit for web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
package/styled-components/cjs/Button/Button.config.js CHANGED
@@ -15,19 +15,19 @@ var config = exports.config = {
15
15
  },
16
16
  variations: {
17
17
  view: {
18
- secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n "])), _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColorActive, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonSpinnerColor),
19
- clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(--text-secondary);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonBackgroundColorActive, _styledComponents.buttonTokens.buttonSpinnerColor, _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonValueColor),
20
- accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n ", ": var(--surface-accent);\n ", ": var(--surface-accent-hover);\n ", ": var(--surface-accent-active);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-primary);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonBackgroundColorActive, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonSpinnerColor),
21
- "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": var(--surface-solid-default-active);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-secondary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColorActive, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonSpinnerColor)
18
+ "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-solid-default);\n ", ": var(--surface-solid-default-active);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-secondary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-primary);\n "])), _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColorActive, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonSpinnerColor, _styledComponents.buttonTokens.buttonColor),
19
+ secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n "])), _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonBackgroundColorActive, _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonSpinnerColor, _styledComponents.buttonTokens.buttonValueColor),
20
+ clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-secondary);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonSpinnerColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColorActive, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonValueColor),
21
+ accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-accent);\n ", ": var(--surface-accent-hover);\n ", ": var(--surface-accent-active);\n ", ": var(--surface-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-primary);\n "])), _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonBackgroundColorActive, _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonSpinnerColor)
22
22
  },
23
23
  size: {
24
- l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n ", ": var(--border-radius-l);\n ", ": var(--plasma-typo-body-l-bold-font-family);\n ", ": var(--plasma-typo-body-l-bold-font-size);\n ", ": var(--plasma-typo-body-l-bold-font-style);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n ", ": var(--plasma-typo-body-l-bold-letter-spacing);\n ", ": var(--plasma-typo-body-l-bold-line-height);\n ", ": 12.5rem;\n ", ": 3.5rem;\n ", ": 0.5rem;\n ", ": 0.5rem;\n ", ": 1.375rem;\n ", ": 0.125rem;\n "])), _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.buttonWidth, _styledComponents.buttonTokens.buttonHeight, _styledComponents.buttonTokens.buttonLeftContentMargin, _styledComponents.buttonTokens.buttonRightContentMargin, _styledComponents.buttonTokens.buttonSpinnerSize, _styledComponents.buttonTokens.buttonValueMargin),
25
- xl: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 1.5rem;\n ", ": 1.75rem;\n ", ": var(--plasma-typo-body-l-bold-font-family);\n ", ": var(--plasma-typo-body-l-bold-font-size);\n ", ": var(--plasma-typo-body-l-bold-font-style);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n ", ": var(--plasma-typo-body-l-bold-letter-spacing);\n ", ": var(--plasma-typo-body-l-bold-line-height);\n ", ": 12.5rem;\n ", ": 4rem;\n ", ": var(--border-radius-l);\n ", ": 0.625rem;\n ", ": 0.625rem;\n "])), _styledComponents.buttonTokens.buttonValueMargin, _styledComponents.buttonTokens.buttonSpinnerSize, _styledComponents.buttonTokens.buttonPadding, _styledComponents.buttonTokens.buttonFontFamily, _styledComponents.buttonTokens.buttonFontSize, _styledComponents.buttonTokens.buttonFontStyle, _styledComponents.buttonTokens.buttonFontWeight, _styledComponents.buttonTokens.buttonLetterSpacing, _styledComponents.buttonTokens.buttonLineHeight, _styledComponents.buttonTokens.buttonWidth, _styledComponents.buttonTokens.buttonHeight, _styledComponents.buttonTokens.buttonRadius, _styledComponents.buttonTokens.buttonLeftContentMargin, _styledComponents.buttonTokens.buttonRightContentMargin),
26
- m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": 0.125rem;\n ", ": 11.25rem;\n ", ": 1.25rem;\n ", ": var(--plasma-typo-body-m-bold-font-family);\n ", ": var(--plasma-typo-body-m-bold-font-size);\n ", ": var(--plasma-typo-body-m-bold-font-style);\n ", ": var(--plasma-typo-body-m-bold-font-weight);\n ", ": var(--plasma-typo-body-m-bold-letter-spacing);\n ", ": var(--plasma-typo-body-m-bold-line-height);\n ", ": 1.375rem;\n ", ": var(--border-radius-m);\n ", ": 3rem;\n "])), _styledComponents.buttonTokens.buttonLeftContentMargin, _styledComponents.buttonTokens.buttonRightContentMargin, _styledComponents.buttonTokens.buttonValueMargin, _styledComponents.buttonTokens.buttonWidth, _styledComponents.buttonTokens.buttonPadding, _styledComponents.buttonTokens.buttonFontFamily, _styledComponents.buttonTokens.buttonFontSize, _styledComponents.buttonTokens.buttonFontStyle, _styledComponents.buttonTokens.buttonFontWeight, _styledComponents.buttonTokens.buttonLetterSpacing, _styledComponents.buttonTokens.buttonLineHeight, _styledComponents.buttonTokens.buttonSpinnerSize, _styledComponents.buttonTokens.buttonRadius, _styledComponents.buttonTokens.buttonHeight)
24
+ m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 11.25rem;\n ", ": 1.25rem;\n ", ": 1.375rem;\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-m-bold-font-family);\n ", ": var(--plasma-typo-body-m-bold-font-size);\n ", ": var(--plasma-typo-body-m-bold-font-style);\n ", ": var(--plasma-typo-body-m-bold-font-weight);\n ", ": var(--plasma-typo-body-m-bold-letter-spacing);\n ", ": var(--plasma-typo-body-m-bold-line-height);\n ", ": 0.125rem;\n ", ": 3rem;\n ", ": var(--border-radius-m);\n "])), _styledComponents.buttonTokens.buttonWidth, _styledComponents.buttonTokens.buttonPadding, _styledComponents.buttonTokens.buttonSpinnerSize, _styledComponents.buttonTokens.buttonLeftContentMargin, _styledComponents.buttonTokens.buttonRightContentMargin, _styledComponents.buttonTokens.buttonFontFamily, _styledComponents.buttonTokens.buttonFontSize, _styledComponents.buttonTokens.buttonFontStyle, _styledComponents.buttonTokens.buttonFontWeight, _styledComponents.buttonTokens.buttonLetterSpacing, _styledComponents.buttonTokens.buttonLineHeight, _styledComponents.buttonTokens.buttonValueMargin, _styledComponents.buttonTokens.buttonHeight, _styledComponents.buttonTokens.buttonRadius),
25
+ l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 12.5rem;\n ", ": var(--plasma-typo-body-l-bold-font-family);\n ", ": var(--plasma-typo-body-l-bold-font-size);\n ", ": var(--plasma-typo-body-l-bold-font-style);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n ", ": var(--plasma-typo-body-l-bold-letter-spacing);\n ", ": var(--plasma-typo-body-l-bold-line-height);\n ", ": 1.5rem;\n ", ": var(--border-radius-l);\n ", ": 3.5rem;\n ", ": 0.125rem;\n ", ": 0.5rem;\n ", ": 0.5rem;\n ", ": 1.375rem;\n "])), _styledComponents.buttonTokens.buttonWidth, _styledComponents.buttonTokens.buttonFontFamily, _styledComponents.buttonTokens.buttonFontSize, _styledComponents.buttonTokens.buttonFontStyle, _styledComponents.buttonTokens.buttonFontWeight, _styledComponents.buttonTokens.buttonLetterSpacing, _styledComponents.buttonTokens.buttonLineHeight, _styledComponents.buttonTokens.buttonPadding, _styledComponents.buttonTokens.buttonRadius, _styledComponents.buttonTokens.buttonHeight, _styledComponents.buttonTokens.buttonValueMargin, _styledComponents.buttonTokens.buttonLeftContentMargin, _styledComponents.buttonTokens.buttonRightContentMargin, _styledComponents.buttonTokens.buttonSpinnerSize),
26
+ xl: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 4rem;\n ", ": var(--border-radius-l);\n ", ": 0.125rem;\n ", ": 12.5rem;\n ", ": 1.5rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n ", ": var(--plasma-typo-body-l-bold-font-family);\n ", ": var(--plasma-typo-body-l-bold-font-size);\n ", ": var(--plasma-typo-body-l-bold-font-style);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n ", ": var(--plasma-typo-body-l-bold-letter-spacing);\n ", ": var(--plasma-typo-body-l-bold-line-height);\n ", ": 1.75rem;\n "])), _styledComponents.buttonTokens.buttonHeight, _styledComponents.buttonTokens.buttonRadius, _styledComponents.buttonTokens.buttonValueMargin, _styledComponents.buttonTokens.buttonWidth, _styledComponents.buttonTokens.buttonSpinnerSize, _styledComponents.buttonTokens.buttonLeftContentMargin, _styledComponents.buttonTokens.buttonRightContentMargin, _styledComponents.buttonTokens.buttonFontFamily, _styledComponents.buttonTokens.buttonFontSize, _styledComponents.buttonTokens.buttonFontStyle, _styledComponents.buttonTokens.buttonFontWeight, _styledComponents.buttonTokens.buttonLetterSpacing, _styledComponents.buttonTokens.buttonLineHeight, _styledComponents.buttonTokens.buttonPadding)
27
27
  },
28
28
  shape: {
29
- rounded: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral([""]))),
30
- pilled: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--border-radius-circle);\n "])), _styledComponents.buttonTokens.buttonRadius)
29
+ pilled: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--border-radius-circle);\n "])), _styledComponents.buttonTokens.buttonRadius),
30
+ rounded: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral([""])))
31
31
  }
32
32
  },
33
33
  invariants: /*#__PURE__*/(0, _styledComponents.css)(_templateObject0 || (_templateObject0 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": 0.4;\n "])), _styledComponents.buttonTokens.buttonFocusColor, _styledComponents.buttonTokens.buttonDisabledOpacity)
package/styled-components/cjs/Checkbox/Checkbox.config.js CHANGED
@@ -14,13 +14,13 @@ var config = exports.config = {
14
14
  },
15
15
  variations: {
16
16
  view: {
17
- accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": transparent;\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--on-dark-text-primary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n "])), _styledComponents.checkboxTokens.triggerBorderCheckedColor, _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.triggerBorderColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.triggerBackgroundColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.labelColor),
18
- negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": transparent;\n ", ": var(--text-negative);\n ", ": var(--text-negative);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": transparent;\n "])), _styledComponents.checkboxTokens.triggerBackgroundColor, _styledComponents.checkboxTokens.triggerBorderColor, _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.labelColor, _styledComponents.checkboxTokens.triggerBorderCheckedColor)
17
+ accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": transparent;\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n "])), _styledComponents.checkboxTokens.triggerBackgroundColor, _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.triggerBorderColor, _styledComponents.checkboxTokens.triggerBorderCheckedColor, _styledComponents.checkboxTokens.labelColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor),
18
+ negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": transparent;\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-negative);\n ", ": var(--text-negative);\n "])), _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.triggerBorderCheckedColor, _styledComponents.checkboxTokens.triggerBackgroundColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.labelColor, _styledComponents.checkboxTokens.triggerBorderColor, _styledComponents.checkboxTokens.fillColor)
19
19
  },
20
20
  size: {
21
- l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\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-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n ", ": 0.125rem;\n ", ": 0rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n ", ": 0.125rem;\n ", ": 1.25rem;\n ", ": var(--border-radius-xs);\n ", ": 0.125rem;\n ", ": 0.75rem;\n ", ": 0.0625rem;\n "])), _styledComponents.checkboxTokens.labelFontFamily, _styledComponents.checkboxTokens.labelFontSize, _styledComponents.checkboxTokens.labelFontStyle, _styledComponents.checkboxTokens.labelFontWeight, _styledComponents.checkboxTokens.labelLetterSpacing, _styledComponents.checkboxTokens.labelLineHeight, _styledComponents.checkboxTokens.triggerPadding, _styledComponents.checkboxTokens.margin, _styledComponents.checkboxTokens.descriptionFontFamily, _styledComponents.checkboxTokens.descriptionFontSize, _styledComponents.checkboxTokens.descriptionFontStyle, _styledComponents.checkboxTokens.descriptionFontWeight, _styledComponents.checkboxTokens.descriptionLetterSpacing, _styledComponents.checkboxTokens.descriptionLineHeight, _styledComponents.checkboxTokens.triggerBorderWidth, _styledComponents.checkboxTokens.triggerSize, _styledComponents.checkboxTokens.triggerBorderRadius, _styledComponents.checkboxTokens.descriptionMarginTop, _styledComponents.checkboxTokens.contentLeftOffset, _styledComponents.checkboxTokens.contentTopOffset),
22
- m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 0.125rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n ", ": 0.125rem;\n ", ": 0.75rem;\n ", ": 0.0625rem;\n ", ": 0rem;\n ", ": var(--border-radius-xs);\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": 1.25rem;\n "])), _styledComponents.checkboxTokens.triggerPadding, _styledComponents.checkboxTokens.descriptionMarginTop, _styledComponents.checkboxTokens.labelFontFamily, _styledComponents.checkboxTokens.labelFontSize, _styledComponents.checkboxTokens.labelFontStyle, _styledComponents.checkboxTokens.labelFontWeight, _styledComponents.checkboxTokens.labelLetterSpacing, _styledComponents.checkboxTokens.labelLineHeight, _styledComponents.checkboxTokens.triggerBorderWidth, _styledComponents.checkboxTokens.contentLeftOffset, _styledComponents.checkboxTokens.contentTopOffset, _styledComponents.checkboxTokens.margin, _styledComponents.checkboxTokens.triggerBorderRadius, _styledComponents.checkboxTokens.descriptionFontFamily, _styledComponents.checkboxTokens.descriptionFontSize, _styledComponents.checkboxTokens.descriptionFontStyle, _styledComponents.checkboxTokens.descriptionFontWeight, _styledComponents.checkboxTokens.descriptionLetterSpacing, _styledComponents.checkboxTokens.descriptionLineHeight, _styledComponents.checkboxTokens.triggerSize),
23
- s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0rem;\n ", ": 0.0625rem;\n ", ": 0.875rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n ", ": var(--border-radius-xxs);\n ", ": 0.5rem;\n ", ": 0.125rem;\n ", ": 0.0625rem;\n ", ": 0rem;\n "])), _styledComponents.checkboxTokens.margin, _styledComponents.checkboxTokens.triggerPadding, _styledComponents.checkboxTokens.triggerSize, _styledComponents.checkboxTokens.labelFontFamily, _styledComponents.checkboxTokens.labelFontSize, _styledComponents.checkboxTokens.labelFontStyle, _styledComponents.checkboxTokens.labelFontWeight, _styledComponents.checkboxTokens.labelLetterSpacing, _styledComponents.checkboxTokens.labelLineHeight, _styledComponents.checkboxTokens.descriptionFontFamily, _styledComponents.checkboxTokens.descriptionFontSize, _styledComponents.checkboxTokens.descriptionFontStyle, _styledComponents.checkboxTokens.descriptionFontWeight, _styledComponents.checkboxTokens.descriptionLetterSpacing, _styledComponents.checkboxTokens.descriptionLineHeight, _styledComponents.checkboxTokens.triggerBorderRadius, _styledComponents.checkboxTokens.contentLeftOffset, _styledComponents.checkboxTokens.descriptionMarginTop, _styledComponents.checkboxTokens.triggerBorderWidth, _styledComponents.checkboxTokens.contentTopOffset)
21
+ l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 0.125rem;\n ", ": 0.0625rem;\n ", ": var(--border-radius-xs);\n ", ": 0rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n ", ": 0.75rem;\n ", ": 1.25rem;\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-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n ", ": 0.125rem;\n "])), _styledComponents.checkboxTokens.descriptionMarginTop, _styledComponents.checkboxTokens.triggerPadding, _styledComponents.checkboxTokens.contentTopOffset, _styledComponents.checkboxTokens.triggerBorderRadius, _styledComponents.checkboxTokens.margin, _styledComponents.checkboxTokens.descriptionFontFamily, _styledComponents.checkboxTokens.descriptionFontSize, _styledComponents.checkboxTokens.descriptionFontStyle, _styledComponents.checkboxTokens.descriptionFontWeight, _styledComponents.checkboxTokens.descriptionLetterSpacing, _styledComponents.checkboxTokens.descriptionLineHeight, _styledComponents.checkboxTokens.contentLeftOffset, _styledComponents.checkboxTokens.triggerSize, _styledComponents.checkboxTokens.labelFontFamily, _styledComponents.checkboxTokens.labelFontSize, _styledComponents.checkboxTokens.labelFontStyle, _styledComponents.checkboxTokens.labelFontWeight, _styledComponents.checkboxTokens.labelLetterSpacing, _styledComponents.checkboxTokens.labelLineHeight, _styledComponents.checkboxTokens.triggerBorderWidth),
22
+ m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.0625rem;\n ", ": 1.25rem;\n ", ": 0.125rem;\n ", ": 0.75rem;\n ", ": 0rem;\n ", ": 0.125rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": var(--border-radius-xs);\n ", ": 0.125rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), _styledComponents.checkboxTokens.contentTopOffset, _styledComponents.checkboxTokens.triggerSize, _styledComponents.checkboxTokens.triggerBorderWidth, _styledComponents.checkboxTokens.contentLeftOffset, _styledComponents.checkboxTokens.margin, _styledComponents.checkboxTokens.descriptionMarginTop, _styledComponents.checkboxTokens.descriptionFontFamily, _styledComponents.checkboxTokens.descriptionFontSize, _styledComponents.checkboxTokens.descriptionFontStyle, _styledComponents.checkboxTokens.descriptionFontWeight, _styledComponents.checkboxTokens.descriptionLetterSpacing, _styledComponents.checkboxTokens.descriptionLineHeight, _styledComponents.checkboxTokens.triggerBorderRadius, _styledComponents.checkboxTokens.triggerPadding, _styledComponents.checkboxTokens.labelFontFamily, _styledComponents.checkboxTokens.labelFontSize, _styledComponents.checkboxTokens.labelFontStyle, _styledComponents.checkboxTokens.labelFontWeight, _styledComponents.checkboxTokens.labelLetterSpacing, _styledComponents.checkboxTokens.labelLineHeight),
23
+ s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": 0.125rem;\n ", ": 0rem;\n ", ": 0.0625rem;\n ", ": 0.5rem;\n ", ": var(--border-radius-xxs);\n ", ": 0rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n ", ": 0.875rem;\n ", ": 0.0625rem;\n "])), _styledComponents.checkboxTokens.labelFontFamily, _styledComponents.checkboxTokens.labelFontSize, _styledComponents.checkboxTokens.labelFontStyle, _styledComponents.checkboxTokens.labelFontWeight, _styledComponents.checkboxTokens.labelLetterSpacing, _styledComponents.checkboxTokens.labelLineHeight, _styledComponents.checkboxTokens.descriptionMarginTop, _styledComponents.checkboxTokens.margin, _styledComponents.checkboxTokens.triggerBorderWidth, _styledComponents.checkboxTokens.contentLeftOffset, _styledComponents.checkboxTokens.triggerBorderRadius, _styledComponents.checkboxTokens.contentTopOffset, _styledComponents.checkboxTokens.descriptionFontFamily, _styledComponents.checkboxTokens.descriptionFontSize, _styledComponents.checkboxTokens.descriptionFontStyle, _styledComponents.checkboxTokens.descriptionFontWeight, _styledComponents.checkboxTokens.descriptionLetterSpacing, _styledComponents.checkboxTokens.descriptionLineHeight, _styledComponents.checkboxTokens.triggerSize, _styledComponents.checkboxTokens.triggerPadding)
24
24
  }
25
25
  },
26
26
  invariants: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": 0.4;\n "])), _styledComponents.checkboxTokens.focusColor, _styledComponents.checkboxTokens.disabledOpacity)
package/styled-components/cjs/Counter/Counter.config.js CHANGED
@@ -14,18 +14,18 @@ var config = exports.config = {
14
14
  },
15
15
  variations: {
16
16
  size: {
17
- l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.75rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": var(--border-radius-l);\n ", ": 0.625rem;\n "])), _styledComponents.counterTokens.height, _styledComponents.counterTokens.fontFamily, _styledComponents.counterTokens.fontSize, _styledComponents.counterTokens.fontStyle, _styledComponents.counterTokens.fontWeight, _styledComponents.counterTokens.letterSpacing, _styledComponents.counterTokens.lineHeight, _styledComponents.counterTokens.borderRadius, _styledComponents.counterTokens.padding),
18
- m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--border-radius-l);\n ", ": 1.5rem;\n ", ": 0.5rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), _styledComponents.counterTokens.borderRadius, _styledComponents.counterTokens.height, _styledComponents.counterTokens.padding, _styledComponents.counterTokens.fontFamily, _styledComponents.counterTokens.fontSize, _styledComponents.counterTokens.fontStyle, _styledComponents.counterTokens.fontWeight, _styledComponents.counterTokens.letterSpacing, _styledComponents.counterTokens.lineHeight),
19
- S: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": var(--border-radius-l);\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n "])), _styledComponents.counterTokens.height, _styledComponents.counterTokens.padding, _styledComponents.counterTokens.borderRadius, _styledComponents.counterTokens.fontFamily, _styledComponents.counterTokens.fontSize, _styledComponents.counterTokens.fontStyle, _styledComponents.counterTokens.fontWeight, _styledComponents.counterTokens.letterSpacing, _styledComponents.counterTokens.lineHeight),
20
- XS: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1rem;\n ", ": var(--border-radius-l);\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n ", ": 0.25rem;\n "])), _styledComponents.counterTokens.height, _styledComponents.counterTokens.borderRadius, _styledComponents.counterTokens.fontFamily, _styledComponents.counterTokens.fontSize, _styledComponents.counterTokens.fontStyle, _styledComponents.counterTokens.fontWeight, _styledComponents.counterTokens.letterSpacing, _styledComponents.counterTokens.lineHeight, _styledComponents.counterTokens.padding),
21
- XXS: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": 0.125rem;\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n ", ": var(--border-radius-l);\n "])), _styledComponents.counterTokens.height, _styledComponents.counterTokens.padding, _styledComponents.counterTokens.fontFamily, _styledComponents.counterTokens.fontSize, _styledComponents.counterTokens.fontStyle, _styledComponents.counterTokens.fontWeight, _styledComponents.counterTokens.letterSpacing, _styledComponents.counterTokens.lineHeight, _styledComponents.counterTokens.borderRadius)
17
+ l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--border-radius-l);\n ", ": 1.75rem;\n ", ": 0.625rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), _styledComponents.counterTokens.borderRadius, _styledComponents.counterTokens.height, _styledComponents.counterTokens.padding, _styledComponents.counterTokens.fontFamily, _styledComponents.counterTokens.fontSize, _styledComponents.counterTokens.fontStyle, _styledComponents.counterTokens.fontWeight, _styledComponents.counterTokens.letterSpacing, _styledComponents.counterTokens.lineHeight),
18
+ S: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--border-radius-l);\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n "])), _styledComponents.counterTokens.borderRadius, _styledComponents.counterTokens.height, _styledComponents.counterTokens.padding, _styledComponents.counterTokens.fontFamily, _styledComponents.counterTokens.fontSize, _styledComponents.counterTokens.fontStyle, _styledComponents.counterTokens.fontWeight, _styledComponents.counterTokens.letterSpacing, _styledComponents.counterTokens.lineHeight),
19
+ XXS: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--border-radius-l);\n ", ": 0.125rem;\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n "])), _styledComponents.counterTokens.borderRadius, _styledComponents.counterTokens.padding, _styledComponents.counterTokens.height, _styledComponents.counterTokens.fontFamily, _styledComponents.counterTokens.fontSize, _styledComponents.counterTokens.fontStyle, _styledComponents.counterTokens.fontWeight, _styledComponents.counterTokens.letterSpacing, _styledComponents.counterTokens.lineHeight),
20
+ m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n ", ": var(--border-radius-l);\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n ", ": 0.5rem;\n "])), _styledComponents.counterTokens.height, _styledComponents.counterTokens.borderRadius, _styledComponents.counterTokens.fontFamily, _styledComponents.counterTokens.fontSize, _styledComponents.counterTokens.fontStyle, _styledComponents.counterTokens.fontWeight, _styledComponents.counterTokens.letterSpacing, _styledComponents.counterTokens.lineHeight, _styledComponents.counterTokens.padding),
21
+ XS: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n ", ": var(--border-radius-l);\n ", ": 1rem;\n ", ": 0.25rem;\n "])), _styledComponents.counterTokens.fontFamily, _styledComponents.counterTokens.fontSize, _styledComponents.counterTokens.fontStyle, _styledComponents.counterTokens.fontWeight, _styledComponents.counterTokens.letterSpacing, _styledComponents.counterTokens.lineHeight, _styledComponents.counterTokens.borderRadius, _styledComponents.counterTokens.height, _styledComponents.counterTokens.padding)
22
22
  },
23
23
  view: {
24
- warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning);\n "])), _styledComponents.counterTokens.color, _styledComponents.counterTokens.background),
25
- Negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative);\n "])), _styledComponents.counterTokens.color, _styledComponents.counterTokens.background),
26
- Accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n "])), _styledComponents.counterTokens.color, _styledComponents.counterTokens.background),
27
- Positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-positive);\n ", ": var(--on-dark-text-primary);\n "])), _styledComponents.counterTokens.background, _styledComponents.counterTokens.color),
28
- "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject0 || (_templateObject0 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n "])), _styledComponents.counterTokens.color, _styledComponents.counterTokens.background)
24
+ Negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-negative);\n ", ": var(--on-dark-text-primary);\n "])), _styledComponents.counterTokens.background, _styledComponents.counterTokens.color),
25
+ Positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-positive);\n ", ": var(--on-dark-text-primary);\n "])), _styledComponents.counterTokens.background, _styledComponents.counterTokens.color),
26
+ warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning);\n "])), _styledComponents.counterTokens.color, _styledComponents.counterTokens.background),
27
+ Accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-accent);\n ", ": var(--on-dark-text-primary);\n "])), _styledComponents.counterTokens.background, _styledComponents.counterTokens.color),
28
+ "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject0 || (_templateObject0 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n "])), _styledComponents.counterTokens.background, _styledComponents.counterTokens.color)
29
29
  }
30
30
  },
31
31
  invariants: /*#__PURE__*/(0, _styledComponents.css)(_templateObject1 || (_templateObject1 = /*#__PURE__*/_taggedTemplateLiteral(["\n\n "])))
package/styled-components/cjs/IconButton/IconButton.config.js CHANGED
@@ -15,19 +15,19 @@ var config = exports.config = {
15
15
  },
16
16
  variations: {
17
17
  view: {
18
- accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n ", ": var(--surface-accent-hover);\n ", ": var(--surface-accent-active);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-primary-hover);\n ", ": var(--on-dark-text-primary-active);\n "])), _styledComponents.iconButtonTokens.iconButtonSpinnerColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive, _styledComponents.iconButtonTokens.iconButtonLoadingBackgroundColor, _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonColorActive),
19
- secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-primary-active);\n ", ": var(--text-primary-hover);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n "])), _styledComponents.iconButtonTokens.iconButtonLoadingBackgroundColor, _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonColorActive, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledComponents.iconButtonTokens.iconButtonSpinnerColor),
20
- "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-primary-hover);\n ", ": var(--inverse-text-primary-active);\n ", ": var(--surface-solid-default);\n ", ": var(--surface-solid-default-active);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-primary);\n "])), _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledComponents.iconButtonTokens.iconButtonLoadingBackgroundColor, _styledComponents.iconButtonTokens.iconButtonSpinnerColor)
18
+ accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n ", ": var(--surface-accent-active);\n ", ": var(--surface-accent-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-primary-hover);\n ", ": var(--on-dark-text-primary-active);\n "])), _styledComponents.iconButtonTokens.iconButtonSpinnerColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledComponents.iconButtonTokens.iconButtonLoadingBackgroundColor, _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonColorActive),
19
+ secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-primary-hover);\n ", ": var(--text-primary-active);\n ", ": var(--text-primary);\n "])), _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledComponents.iconButtonTokens.iconButtonLoadingBackgroundColor, _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonColorActive, _styledComponents.iconButtonTokens.iconButtonSpinnerColor),
20
+ "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-solid-default);\n ", ": var(--surface-solid-default-active);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-primary-active);\n ", ": var(--inverse-text-primary-hover);\n "])), _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledComponents.iconButtonTokens.iconButtonLoadingBackgroundColor, _styledComponents.iconButtonTokens.iconButtonSpinnerColor, _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonColorActive, _styledComponents.iconButtonTokens.iconButtonColorHover)
21
21
  },
22
22
  size: {
23
- l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--border-radius-l);\n ", ": 3.5rem;\n ", ": 3.5rem;\n ", ": 1rem;\n ", ": 1.375rem;\n "])), _styledComponents.iconButtonTokens.iconButtonRadius, _styledComponents.iconButtonTokens.iconButtonHeight, _styledComponents.iconButtonTokens.iconButtonWidth, _styledComponents.iconButtonTokens.iconButtonPadding, _styledComponents.iconButtonTokens.iconButtonSpinnerSize),
24
- xl: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.25rem;\n ", ": var(--border-radius-l);\n ", ": 4rem;\n ", ": 4rem;\n ", ": 1.5rem;\n "])), _styledComponents.iconButtonTokens.iconButtonPadding, _styledComponents.iconButtonTokens.iconButtonRadius, _styledComponents.iconButtonTokens.iconButtonWidth, _styledComponents.iconButtonTokens.iconButtonHeight, _styledComponents.iconButtonTokens.iconButtonSpinnerSize),
25
- m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.375rem;\n ", ": 0.75rem;\n ", ": var(--border-radius-m);\n ", ": 3rem;\n ", ": 3rem;\n "])), _styledComponents.iconButtonTokens.iconButtonSpinnerSize, _styledComponents.iconButtonTokens.iconButtonPadding, _styledComponents.iconButtonTokens.iconButtonRadius, _styledComponents.iconButtonTokens.iconButtonWidth, _styledComponents.iconButtonTokens.iconButtonHeight)
23
+ l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3.5rem;\n ", ": 3.5rem;\n ", ": 1.375rem;\n ", ": 1rem;\n ", ": var(--border-radius-l);\n "])), _styledComponents.iconButtonTokens.iconButtonWidth, _styledComponents.iconButtonTokens.iconButtonHeight, _styledComponents.iconButtonTokens.iconButtonSpinnerSize, _styledComponents.iconButtonTokens.iconButtonPadding, _styledComponents.iconButtonTokens.iconButtonRadius),
24
+ xl: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 4rem;\n ", ": 1.25rem;\n ", ": 4rem;\n ", ": var(--border-radius-l);\n ", ": 1.5rem;\n "])), _styledComponents.iconButtonTokens.iconButtonWidth, _styledComponents.iconButtonTokens.iconButtonPadding, _styledComponents.iconButtonTokens.iconButtonHeight, _styledComponents.iconButtonTokens.iconButtonRadius, _styledComponents.iconButtonTokens.iconButtonSpinnerSize),
25
+ m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": 3rem;\n ", ": var(--border-radius-m);\n ", ": 3rem;\n ", ": 1.375rem;\n "])), _styledComponents.iconButtonTokens.iconButtonPadding, _styledComponents.iconButtonTokens.iconButtonWidth, _styledComponents.iconButtonTokens.iconButtonRadius, _styledComponents.iconButtonTokens.iconButtonHeight, _styledComponents.iconButtonTokens.iconButtonSpinnerSize)
26
26
  },
27
27
  shape: {
28
28
  pilled: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--border-radius-circle);\n "])), _styledComponents.iconButtonTokens.iconButtonRadius),
29
29
  rounded: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral([""])))
30
30
  }
31
31
  },
32
- invariants: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n ", ": var(--text-accent);\n "])), _styledComponents.iconButtonTokens.iconButtonDisabledOpacity, _styledComponents.iconButtonTokens.iconButtonFocusColor)
32
+ invariants: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": 0.4;\n "])), _styledComponents.iconButtonTokens.iconButtonFocusColor, _styledComponents.iconButtonTokens.iconButtonDisabledOpacity)
33
33
  };
package/styled-components/cjs/Link/Link.config.js CHANGED
@@ -14,15 +14,15 @@ var config = exports.config = {
14
14
  },
15
15
  variations: {
16
16
  view: {
17
- clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.0625rem;\n ", ": inherit;\n ", ": inherit;\n "])), _styledComponents.linkTokens.linkUnderlineBorder, _styledComponents.linkTokens.linkColor, _styledComponents.linkTokens.linkColorVisited),
18
- "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-primary-hover);\n ", ": var(--text-primary-active);\n ", ": 0rem;\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-active);\n ", ": var(--text-secondary-hover);\n "])), _styledComponents.linkTokens.linkColor, _styledComponents.linkTokens.linkColorHover, _styledComponents.linkTokens.linkColorActive, _styledComponents.linkTokens.linkUnderlineBorder, _styledComponents.linkTokens.linkColorVisited, _styledComponents.linkTokens.linkColorVisitedActive, _styledComponents.linkTokens.linkColorVisitedHover),
19
- secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary-hover);\n ", ": var(--text-tertiary-active);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n ", ": 0rem;\n "])), _styledComponents.linkTokens.linkColorVisited, _styledComponents.linkTokens.linkColorVisitedHover, _styledComponents.linkTokens.linkColorVisitedActive, _styledComponents.linkTokens.linkColor, _styledComponents.linkTokens.linkColorHover, _styledComponents.linkTokens.linkColorActive, _styledComponents.linkTokens.linkUnderlineBorder),
20
- accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent-minor);\n ", ": var(--text-accent-minor-active);\n ", ": var(--text-accent-minor-hover);\n ", ": var(--text-accent);\n ", ": var(--text-accent-hover);\n ", ": var(--text-accent-active);\n ", ": 0rem;\n "])), _styledComponents.linkTokens.linkColorVisited, _styledComponents.linkTokens.linkColorVisitedActive, _styledComponents.linkTokens.linkColorVisitedHover, _styledComponents.linkTokens.linkColor, _styledComponents.linkTokens.linkColorHover, _styledComponents.linkTokens.linkColorActive, _styledComponents.linkTokens.linkUnderlineBorder)
17
+ accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent-minor);\n ", ": var(--text-accent-minor-hover);\n ", ": var(--text-accent-minor-active);\n ", ": 0rem;\n ", ": var(--text-accent);\n ", ": var(--text-accent-hover);\n ", ": var(--text-accent-active);\n "])), _styledComponents.linkTokens.linkColorVisited, _styledComponents.linkTokens.linkColorVisitedHover, _styledComponents.linkTokens.linkColorVisitedActive, _styledComponents.linkTokens.linkUnderlineBorder, _styledComponents.linkTokens.linkColor, _styledComponents.linkTokens.linkColorHover, _styledComponents.linkTokens.linkColorActive),
18
+ secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary-hover);\n ", ": var(--text-tertiary-active);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n ", ": 0rem;\n "])), _styledComponents.linkTokens.linkColorVisited, _styledComponents.linkTokens.linkColorVisitedHover, _styledComponents.linkTokens.linkColorVisitedActive, _styledComponents.linkTokens.linkColor, _styledComponents.linkTokens.linkColorHover, _styledComponents.linkTokens.linkColorActive, _styledComponents.linkTokens.linkUnderlineBorder),
19
+ "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0rem;\n ", ": var(--text-primary);\n ", ": var(--text-primary-active);\n ", ": var(--text-primary-hover);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-active);\n ", ": var(--text-secondary-hover);\n "])), _styledComponents.linkTokens.linkUnderlineBorder, _styledComponents.linkTokens.linkColor, _styledComponents.linkTokens.linkColorActive, _styledComponents.linkTokens.linkColorHover, _styledComponents.linkTokens.linkColorVisited, _styledComponents.linkTokens.linkColorVisitedActive, _styledComponents.linkTokens.linkColorVisitedHover),
20
+ clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": inherit;\n ", ": inherit;\n ", ": 0.0625rem;\n "])), _styledComponents.linkTokens.linkColorVisited, _styledComponents.linkTokens.linkColor, _styledComponents.linkTokens.linkUnderlineBorder)
21
21
  },
22
22
  size: {
23
- m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), _styledComponents.linkTokens.linkFontFamily, _styledComponents.linkTokens.linkFontSize, _styledComponents.linkTokens.linkFontStyle, _styledComponents.linkTokens.linkFontWeight, _styledComponents.linkTokens.linkLetterSpacing, _styledComponents.linkTokens.linkLineHeight),
23
+ l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\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-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n "])), _styledComponents.linkTokens.linkFontFamily, _styledComponents.linkTokens.linkFontSize, _styledComponents.linkTokens.linkFontStyle, _styledComponents.linkTokens.linkFontWeight, _styledComponents.linkTokens.linkLetterSpacing, _styledComponents.linkTokens.linkLineHeight),
24
24
  s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), _styledComponents.linkTokens.linkFontFamily, _styledComponents.linkTokens.linkFontSize, _styledComponents.linkTokens.linkFontStyle, _styledComponents.linkTokens.linkFontWeight, _styledComponents.linkTokens.linkLetterSpacing, _styledComponents.linkTokens.linkLineHeight),
25
- l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\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-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n "])), _styledComponents.linkTokens.linkFontFamily, _styledComponents.linkTokens.linkFontSize, _styledComponents.linkTokens.linkFontStyle, _styledComponents.linkTokens.linkFontWeight, _styledComponents.linkTokens.linkLetterSpacing, _styledComponents.linkTokens.linkLineHeight)
25
+ m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), _styledComponents.linkTokens.linkFontFamily, _styledComponents.linkTokens.linkFontSize, _styledComponents.linkTokens.linkFontStyle, _styledComponents.linkTokens.linkFontWeight, _styledComponents.linkTokens.linkLetterSpacing, _styledComponents.linkTokens.linkLineHeight)
26
26
  }
27
27
  },
28
28
  invariants: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": 0.4;\n "])), _styledComponents.linkTokens.linkColorFocus, _styledComponents.linkTokens.linkDisabledOpacity)
package/styled-components/cjs/Radiobox/Radiobox.config.js CHANGED
@@ -14,14 +14,14 @@ var config = exports.config = {
14
14
  },
15
15
  variations: {
16
16
  view: {
17
- accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-accent);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n "])), _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.triggerBorderCheckedColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.labelColor, _styledComponents.radioboxTokens.triggerBorderColor, _styledComponents.radioboxTokens.triggerBackgroundColor),
18
- negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-negative);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-negative);\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.triggerBorderCheckedColor, _styledComponents.radioboxTokens.labelColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBackgroundColor, _styledComponents.radioboxTokens.triggerBorderColor)
17
+ negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": transparent;\n ", ": var(--text-negative);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-negative);\n "])), _styledComponents.radioboxTokens.triggerBackgroundColor, _styledComponents.radioboxTokens.triggerBorderColor, _styledComponents.radioboxTokens.triggerBorderCheckedColor, _styledComponents.radioboxTokens.labelColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.fillColor),
18
+ accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-accent);\n ", ": transparent;\n ", ": transparent;\n "])), _styledComponents.radioboxTokens.labelColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBorderColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.triggerBorderCheckedColor, _styledComponents.radioboxTokens.triggerBackgroundColor)
19
19
  },
20
20
  size: {
21
- s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": 0.0625rem;\n ", ": 1rem;\n ", ": 0.5rem;\n ", ": 0.125rem;\n ", ": 0.0625rem;\n ", ": 0rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n ", ": var(--border-radius-xl);\n ", ": 0rem;\n "])), _styledComponents.radioboxTokens.ellipseSize, _styledComponents.radioboxTokens.triggerBorderWidth, _styledComponents.radioboxTokens.triggerSize, _styledComponents.radioboxTokens.contentLeftOffset, _styledComponents.radioboxTokens.descriptionMarginTop, _styledComponents.radioboxTokens.triggerPadding, _styledComponents.radioboxTokens.margin, _styledComponents.radioboxTokens.labelFontFamily, _styledComponents.radioboxTokens.labelFontSize, _styledComponents.radioboxTokens.labelFontStyle, _styledComponents.radioboxTokens.labelFontWeight, _styledComponents.radioboxTokens.labelLetterSpacing, _styledComponents.radioboxTokens.labelLineHeight, _styledComponents.radioboxTokens.descriptionFontFamily, _styledComponents.radioboxTokens.descriptionFontSize, _styledComponents.radioboxTokens.descriptionFontStyle, _styledComponents.radioboxTokens.descriptionFontWeight, _styledComponents.radioboxTokens.descriptionLetterSpacing, _styledComponents.radioboxTokens.descriptionLineHeight, _styledComponents.radioboxTokens.triggerBorderRadius, _styledComponents.radioboxTokens.contentTopOffset),
22
- l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": 0.0625rem;\n ", ": 0.125rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n ", ": 1.375rem;\n ", ": 0rem;\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-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n ", ": 0.125rem;\n ", ": var(--border-radius-xl);\n ", ": 0.625rem;\n ", ": 0.0625rem;\n "])), _styledComponents.radioboxTokens.contentLeftOffset, _styledComponents.radioboxTokens.contentTopOffset, _styledComponents.radioboxTokens.descriptionMarginTop, _styledComponents.radioboxTokens.descriptionFontFamily, _styledComponents.radioboxTokens.descriptionFontSize, _styledComponents.radioboxTokens.descriptionFontStyle, _styledComponents.radioboxTokens.descriptionFontWeight, _styledComponents.radioboxTokens.descriptionLetterSpacing, _styledComponents.radioboxTokens.descriptionLineHeight, _styledComponents.radioboxTokens.triggerSize, _styledComponents.radioboxTokens.margin, _styledComponents.radioboxTokens.labelFontFamily, _styledComponents.radioboxTokens.labelFontSize, _styledComponents.radioboxTokens.labelFontStyle, _styledComponents.radioboxTokens.labelFontWeight, _styledComponents.radioboxTokens.labelLetterSpacing, _styledComponents.radioboxTokens.labelLineHeight, _styledComponents.radioboxTokens.triggerBorderWidth, _styledComponents.radioboxTokens.triggerBorderRadius, _styledComponents.radioboxTokens.ellipseSize, _styledComponents.radioboxTokens.triggerPadding),
23
- m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 0.0625rem;\n ", ": 0rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": 0.0625rem;\n ", ": 0.625rem;\n ", ": 0.75rem;\n ", ": 1.375rem;\n ", ": 0.125rem;\n ", ": var(--border-radius-xl);\n "])), _styledComponents.radioboxTokens.triggerBorderWidth, _styledComponents.radioboxTokens.contentTopOffset, _styledComponents.radioboxTokens.margin, _styledComponents.radioboxTokens.labelFontFamily, _styledComponents.radioboxTokens.labelFontSize, _styledComponents.radioboxTokens.labelFontStyle, _styledComponents.radioboxTokens.labelFontWeight, _styledComponents.radioboxTokens.labelLetterSpacing, _styledComponents.radioboxTokens.labelLineHeight, _styledComponents.radioboxTokens.descriptionFontFamily, _styledComponents.radioboxTokens.descriptionFontSize, _styledComponents.radioboxTokens.descriptionFontStyle, _styledComponents.radioboxTokens.descriptionFontWeight, _styledComponents.radioboxTokens.descriptionLetterSpacing, _styledComponents.radioboxTokens.descriptionLineHeight, _styledComponents.radioboxTokens.triggerPadding, _styledComponents.radioboxTokens.ellipseSize, _styledComponents.radioboxTokens.contentLeftOffset, _styledComponents.radioboxTokens.triggerSize, _styledComponents.radioboxTokens.descriptionMarginTop, _styledComponents.radioboxTokens.triggerBorderRadius)
21
+ l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.375rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n ", ": 0rem;\n ", ": 0.0625rem;\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-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n ", ": 0.0625rem;\n ", ": 0.125rem;\n ", ": 0.75rem;\n ", ": 0.625rem;\n ", ": 0.125rem;\n ", ": var(--border-radius-xl);\n "])), _styledComponents.radioboxTokens.triggerSize, _styledComponents.radioboxTokens.descriptionFontFamily, _styledComponents.radioboxTokens.descriptionFontSize, _styledComponents.radioboxTokens.descriptionFontStyle, _styledComponents.radioboxTokens.descriptionFontWeight, _styledComponents.radioboxTokens.descriptionLetterSpacing, _styledComponents.radioboxTokens.descriptionLineHeight, _styledComponents.radioboxTokens.margin, _styledComponents.radioboxTokens.contentTopOffset, _styledComponents.radioboxTokens.labelFontFamily, _styledComponents.radioboxTokens.labelFontSize, _styledComponents.radioboxTokens.labelFontStyle, _styledComponents.radioboxTokens.labelFontWeight, _styledComponents.radioboxTokens.labelLetterSpacing, _styledComponents.radioboxTokens.labelLineHeight, _styledComponents.radioboxTokens.triggerPadding, _styledComponents.radioboxTokens.descriptionMarginTop, _styledComponents.radioboxTokens.contentLeftOffset, _styledComponents.radioboxTokens.ellipseSize, _styledComponents.radioboxTokens.triggerBorderWidth, _styledComponents.radioboxTokens.triggerBorderRadius),
22
+ s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": var(--border-radius-xl);\n ", ": 0.0625rem;\n ", ": 1rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": 0.5rem;\n ", ": 0.5rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n ", ": 0.0625rem;\n "])), _styledComponents.radioboxTokens.descriptionMarginTop, _styledComponents.radioboxTokens.triggerBorderRadius, _styledComponents.radioboxTokens.triggerPadding, _styledComponents.radioboxTokens.triggerSize, _styledComponents.radioboxTokens.margin, _styledComponents.radioboxTokens.contentTopOffset, _styledComponents.radioboxTokens.labelFontFamily, _styledComponents.radioboxTokens.labelFontSize, _styledComponents.radioboxTokens.labelFontStyle, _styledComponents.radioboxTokens.labelFontWeight, _styledComponents.radioboxTokens.labelLetterSpacing, _styledComponents.radioboxTokens.labelLineHeight, _styledComponents.radioboxTokens.contentLeftOffset, _styledComponents.radioboxTokens.ellipseSize, _styledComponents.radioboxTokens.descriptionFontFamily, _styledComponents.radioboxTokens.descriptionFontSize, _styledComponents.radioboxTokens.descriptionFontStyle, _styledComponents.radioboxTokens.descriptionFontWeight, _styledComponents.radioboxTokens.descriptionLetterSpacing, _styledComponents.radioboxTokens.descriptionLineHeight, _styledComponents.radioboxTokens.triggerBorderWidth),
23
+ m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.0625rem;\n ", ": 0.75rem;\n ", ": 0rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": 1.375rem;\n ", ": 0.125rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n ", ": 0.0625rem;\n ", ": var(--border-radius-xl);\n ", ": 0.125rem;\n ", ": 0.625rem;\n "])), _styledComponents.radioboxTokens.triggerPadding, _styledComponents.radioboxTokens.contentLeftOffset, _styledComponents.radioboxTokens.margin, _styledComponents.radioboxTokens.descriptionFontFamily, _styledComponents.radioboxTokens.descriptionFontSize, _styledComponents.radioboxTokens.descriptionFontStyle, _styledComponents.radioboxTokens.descriptionFontWeight, _styledComponents.radioboxTokens.descriptionLetterSpacing, _styledComponents.radioboxTokens.descriptionLineHeight, _styledComponents.radioboxTokens.triggerSize, _styledComponents.radioboxTokens.triggerBorderWidth, _styledComponents.radioboxTokens.labelFontFamily, _styledComponents.radioboxTokens.labelFontSize, _styledComponents.radioboxTokens.labelFontStyle, _styledComponents.radioboxTokens.labelFontWeight, _styledComponents.radioboxTokens.labelLetterSpacing, _styledComponents.radioboxTokens.labelLineHeight, _styledComponents.radioboxTokens.contentTopOffset, _styledComponents.radioboxTokens.triggerBorderRadius, _styledComponents.radioboxTokens.descriptionMarginTop, _styledComponents.radioboxTokens.ellipseSize)
24
24
  }
25
25
  },
26
- invariants: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n ", ": var(--text-accent);\n "])), _styledComponents.radioboxTokens.disabledOpacity, _styledComponents.radioboxTokens.focusColor)
26
+ invariants: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": 0.4;\n "])), _styledComponents.radioboxTokens.focusColor, _styledComponents.radioboxTokens.disabledOpacity)
27
27
  };
package/styled-components/es/Button/Button.config.js CHANGED
@@ -9,19 +9,19 @@ export var config = {
9
9
  },
10
10
  variations: {
11
11
  view: {
12
- secondary: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n "])), buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorActive, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonValueColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonColor, buttonTokens.buttonSpinnerColor),
13
- clear: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(--text-secondary);\n "])), buttonTokens.buttonColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonValueColor),
14
- accent: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n ", ": var(--surface-accent);\n ", ": var(--surface-accent-hover);\n ", ": var(--surface-accent-active);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-primary);\n "])), buttonTokens.buttonColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive, buttonTokens.buttonValueColor, buttonTokens.buttonSpinnerColor),
15
- "default": /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": var(--surface-solid-default-active);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-secondary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n "])), buttonTokens.buttonColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorActive, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonValueColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonSpinnerColor)
12
+ "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-solid-default);\n ", ": var(--surface-solid-default-active);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-secondary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-primary);\n "])), buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorActive, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonValueColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonSpinnerColor, buttonTokens.buttonColor),
13
+ secondary: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n "])), buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive, buttonTokens.buttonColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonSpinnerColor, buttonTokens.buttonValueColor),
14
+ clear: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-secondary);\n "])), buttonTokens.buttonColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonSpinnerColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorActive, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonValueColor),
15
+ accent: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-accent);\n ", ": var(--surface-accent-hover);\n ", ": var(--surface-accent-active);\n ", ": var(--surface-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-primary);\n "])), buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonColor, buttonTokens.buttonValueColor, buttonTokens.buttonSpinnerColor)
16
16
  },
17
17
  size: {
18
- l: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n ", ": var(--border-radius-l);\n ", ": var(--plasma-typo-body-l-bold-font-family);\n ", ": var(--plasma-typo-body-l-bold-font-size);\n ", ": var(--plasma-typo-body-l-bold-font-style);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n ", ": var(--plasma-typo-body-l-bold-letter-spacing);\n ", ": var(--plasma-typo-body-l-bold-line-height);\n ", ": 12.5rem;\n ", ": 3.5rem;\n ", ": 0.5rem;\n ", ": 0.5rem;\n ", ": 1.375rem;\n ", ": 0.125rem;\n "])), buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonWidth, buttonTokens.buttonHeight, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonSpinnerSize, buttonTokens.buttonValueMargin),
19
- xl: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 1.5rem;\n ", ": 1.75rem;\n ", ": var(--plasma-typo-body-l-bold-font-family);\n ", ": var(--plasma-typo-body-l-bold-font-size);\n ", ": var(--plasma-typo-body-l-bold-font-style);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n ", ": var(--plasma-typo-body-l-bold-letter-spacing);\n ", ": var(--plasma-typo-body-l-bold-line-height);\n ", ": 12.5rem;\n ", ": 4rem;\n ", ": var(--border-radius-l);\n ", ": 0.625rem;\n ", ": 0.625rem;\n "])), buttonTokens.buttonValueMargin, buttonTokens.buttonSpinnerSize, buttonTokens.buttonPadding, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonWidth, buttonTokens.buttonHeight, buttonTokens.buttonRadius, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin),
20
- m: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": 0.125rem;\n ", ": 11.25rem;\n ", ": 1.25rem;\n ", ": var(--plasma-typo-body-m-bold-font-family);\n ", ": var(--plasma-typo-body-m-bold-font-size);\n ", ": var(--plasma-typo-body-m-bold-font-style);\n ", ": var(--plasma-typo-body-m-bold-font-weight);\n ", ": var(--plasma-typo-body-m-bold-letter-spacing);\n ", ": var(--plasma-typo-body-m-bold-line-height);\n ", ": 1.375rem;\n ", ": var(--border-radius-m);\n ", ": 3rem;\n "])), buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonRadius, buttonTokens.buttonHeight)
18
+ m: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 11.25rem;\n ", ": 1.25rem;\n ", ": 1.375rem;\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-m-bold-font-family);\n ", ": var(--plasma-typo-body-m-bold-font-size);\n ", ": var(--plasma-typo-body-m-bold-font-style);\n ", ": var(--plasma-typo-body-m-bold-font-weight);\n ", ": var(--plasma-typo-body-m-bold-letter-spacing);\n ", ": var(--plasma-typo-body-m-bold-line-height);\n ", ": 0.125rem;\n ", ": 3rem;\n ", ": var(--border-radius-m);\n "])), buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonSpinnerSize, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonValueMargin, buttonTokens.buttonHeight, buttonTokens.buttonRadius),
19
+ l: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 12.5rem;\n ", ": var(--plasma-typo-body-l-bold-font-family);\n ", ": var(--plasma-typo-body-l-bold-font-size);\n ", ": var(--plasma-typo-body-l-bold-font-style);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n ", ": var(--plasma-typo-body-l-bold-letter-spacing);\n ", ": var(--plasma-typo-body-l-bold-line-height);\n ", ": 1.5rem;\n ", ": var(--border-radius-l);\n ", ": 3.5rem;\n ", ": 0.125rem;\n ", ": 0.5rem;\n ", ": 0.5rem;\n ", ": 1.375rem;\n "])), buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonHeight, buttonTokens.buttonValueMargin, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonSpinnerSize),
20
+ xl: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 4rem;\n ", ": var(--border-radius-l);\n ", ": 0.125rem;\n ", ": 12.5rem;\n ", ": 1.5rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n ", ": var(--plasma-typo-body-l-bold-font-family);\n ", ": var(--plasma-typo-body-l-bold-font-size);\n ", ": var(--plasma-typo-body-l-bold-font-style);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n ", ": var(--plasma-typo-body-l-bold-letter-spacing);\n ", ": var(--plasma-typo-body-l-bold-line-height);\n ", ": 1.75rem;\n "])), buttonTokens.buttonHeight, buttonTokens.buttonRadius, buttonTokens.buttonValueMargin, buttonTokens.buttonWidth, buttonTokens.buttonSpinnerSize, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonPadding)
21
21
  },
22
22
  shape: {
23
- rounded: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral([""]))),
24
- pilled: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--border-radius-circle);\n "])), buttonTokens.buttonRadius)
23
+ pilled: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--border-radius-circle);\n "])), buttonTokens.buttonRadius),
24
+ rounded: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral([""])))
25
25
  }
26
26
  },
27
27
  invariants: /*#__PURE__*/css(_templateObject0 || (_templateObject0 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": 0.4;\n "])), buttonTokens.buttonFocusColor, buttonTokens.buttonDisabledOpacity)
package/styled-components/es/Checkbox/Checkbox.config.js CHANGED
@@ -8,13 +8,13 @@ export var config = {
8
8
  },
9
9
  variations: {
10
10
  view: {
11
- accent: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": transparent;\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--on-dark-text-primary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n "])), checkboxTokens.triggerBorderCheckedColor, checkboxTokens.fillColor, checkboxTokens.triggerBorderColor, checkboxTokens.iconColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.descriptionColor, checkboxTokens.labelColor),
12
- negative: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": transparent;\n ", ": var(--text-negative);\n ", ": var(--text-negative);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": transparent;\n "])), checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor, checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.labelColor, checkboxTokens.triggerBorderCheckedColor)
11
+ accent: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": transparent;\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n "])), checkboxTokens.triggerBackgroundColor, checkboxTokens.fillColor, checkboxTokens.triggerBorderColor, checkboxTokens.triggerBorderCheckedColor, checkboxTokens.labelColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor),
12
+ negative: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": transparent;\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-negative);\n ", ": var(--text-negative);\n "])), checkboxTokens.iconColor, checkboxTokens.triggerBorderCheckedColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.descriptionColor, checkboxTokens.labelColor, checkboxTokens.triggerBorderColor, checkboxTokens.fillColor)
13
13
  },
14
14
  size: {
15
- l: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\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-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n ", ": 0.125rem;\n ", ": 0rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n ", ": 0.125rem;\n ", ": 1.25rem;\n ", ": var(--border-radius-xs);\n ", ": 0.125rem;\n ", ": 0.75rem;\n ", ": 0.0625rem;\n "])), checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight, checkboxTokens.triggerPadding, checkboxTokens.margin, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight, checkboxTokens.triggerBorderWidth, checkboxTokens.triggerSize, checkboxTokens.triggerBorderRadius, checkboxTokens.descriptionMarginTop, checkboxTokens.contentLeftOffset, checkboxTokens.contentTopOffset),
16
- m: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 0.125rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n ", ": 0.125rem;\n ", ": 0.75rem;\n ", ": 0.0625rem;\n ", ": 0rem;\n ", ": var(--border-radius-xs);\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": 1.25rem;\n "])), checkboxTokens.triggerPadding, checkboxTokens.descriptionMarginTop, checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight, checkboxTokens.triggerBorderWidth, checkboxTokens.contentLeftOffset, checkboxTokens.contentTopOffset, checkboxTokens.margin, checkboxTokens.triggerBorderRadius, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight, checkboxTokens.triggerSize),
17
- s: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0rem;\n ", ": 0.0625rem;\n ", ": 0.875rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n ", ": var(--border-radius-xxs);\n ", ": 0.5rem;\n ", ": 0.125rem;\n ", ": 0.0625rem;\n ", ": 0rem;\n "])), checkboxTokens.margin, checkboxTokens.triggerPadding, checkboxTokens.triggerSize, checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight, checkboxTokens.triggerBorderRadius, checkboxTokens.contentLeftOffset, checkboxTokens.descriptionMarginTop, checkboxTokens.triggerBorderWidth, checkboxTokens.contentTopOffset)
15
+ l: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 0.125rem;\n ", ": 0.0625rem;\n ", ": var(--border-radius-xs);\n ", ": 0rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n ", ": 0.75rem;\n ", ": 1.25rem;\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-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n ", ": 0.125rem;\n "])), checkboxTokens.descriptionMarginTop, checkboxTokens.triggerPadding, checkboxTokens.contentTopOffset, checkboxTokens.triggerBorderRadius, checkboxTokens.margin, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight, checkboxTokens.contentLeftOffset, checkboxTokens.triggerSize, checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight, checkboxTokens.triggerBorderWidth),
16
+ m: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.0625rem;\n ", ": 1.25rem;\n ", ": 0.125rem;\n ", ": 0.75rem;\n ", ": 0rem;\n ", ": 0.125rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": var(--border-radius-xs);\n ", ": 0.125rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), checkboxTokens.contentTopOffset, checkboxTokens.triggerSize, checkboxTokens.triggerBorderWidth, checkboxTokens.contentLeftOffset, checkboxTokens.margin, checkboxTokens.descriptionMarginTop, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight, checkboxTokens.triggerBorderRadius, checkboxTokens.triggerPadding, checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight),
17
+ s: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": 0.125rem;\n ", ": 0rem;\n ", ": 0.0625rem;\n ", ": 0.5rem;\n ", ": var(--border-radius-xxs);\n ", ": 0rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n ", ": 0.875rem;\n ", ": 0.0625rem;\n "])), checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight, checkboxTokens.descriptionMarginTop, checkboxTokens.margin, checkboxTokens.triggerBorderWidth, checkboxTokens.contentLeftOffset, checkboxTokens.triggerBorderRadius, checkboxTokens.contentTopOffset, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight, checkboxTokens.triggerSize, checkboxTokens.triggerPadding)
18
18
  }
19
19
  },
20
20
  invariants: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": 0.4;\n "])), checkboxTokens.focusColor, checkboxTokens.disabledOpacity)
package/styled-components/es/Counter/Counter.config.js CHANGED
@@ -8,18 +8,18 @@ export var config = {
8
8
  },
9
9
  variations: {
10
10
  size: {
11
- l: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.75rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": var(--border-radius-l);\n ", ": 0.625rem;\n "])), counterTokens.height, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight, counterTokens.borderRadius, counterTokens.padding),
12
- m: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--border-radius-l);\n ", ": 1.5rem;\n ", ": 0.5rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), counterTokens.borderRadius, counterTokens.height, counterTokens.padding, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight),
13
- S: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": var(--border-radius-l);\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n "])), counterTokens.height, counterTokens.padding, counterTokens.borderRadius, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight),
14
- XS: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1rem;\n ", ": var(--border-radius-l);\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n ", ": 0.25rem;\n "])), counterTokens.height, counterTokens.borderRadius, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight, counterTokens.padding),
15
- XXS: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": 0.125rem;\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n ", ": var(--border-radius-l);\n "])), counterTokens.height, counterTokens.padding, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight, counterTokens.borderRadius)
11
+ l: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--border-radius-l);\n ", ": 1.75rem;\n ", ": 0.625rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), counterTokens.borderRadius, counterTokens.height, counterTokens.padding, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight),
12
+ S: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--border-radius-l);\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n "])), counterTokens.borderRadius, counterTokens.height, counterTokens.padding, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight),
13
+ XXS: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--border-radius-l);\n ", ": 0.125rem;\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n "])), counterTokens.borderRadius, counterTokens.padding, counterTokens.height, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight),
14
+ m: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n ", ": var(--border-radius-l);\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n ", ": 0.5rem;\n "])), counterTokens.height, counterTokens.borderRadius, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight, counterTokens.padding),
15
+ XS: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n ", ": var(--border-radius-l);\n ", ": 1rem;\n ", ": 0.25rem;\n "])), counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight, counterTokens.borderRadius, counterTokens.height, counterTokens.padding)
16
16
  },
17
17
  view: {
18
- warning: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning);\n "])), counterTokens.color, counterTokens.background),
19
- Negative: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative);\n "])), counterTokens.color, counterTokens.background),
20
- Accent: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n "])), counterTokens.color, counterTokens.background),
21
- Positive: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-positive);\n ", ": var(--on-dark-text-primary);\n "])), counterTokens.background, counterTokens.color),
22
- "default": /*#__PURE__*/css(_templateObject0 || (_templateObject0 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n "])), counterTokens.color, counterTokens.background)
18
+ Negative: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-negative);\n ", ": var(--on-dark-text-primary);\n "])), counterTokens.background, counterTokens.color),
19
+ Positive: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-positive);\n ", ": var(--on-dark-text-primary);\n "])), counterTokens.background, counterTokens.color),
20
+ warning: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning);\n "])), counterTokens.color, counterTokens.background),
21
+ Accent: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-accent);\n ", ": var(--on-dark-text-primary);\n "])), counterTokens.background, counterTokens.color),
22
+ "default": /*#__PURE__*/css(_templateObject0 || (_templateObject0 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n "])), counterTokens.background, counterTokens.color)
23
23
  }
24
24
  },
25
25
  invariants: /*#__PURE__*/css(_templateObject1 || (_templateObject1 = /*#__PURE__*/_taggedTemplateLiteral(["\n\n "])))