@salutejs/plasma-new-hope 0.69.1-canary.1161.8560768609.0 → 0.69.1-canary.1167.8557893273.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (218) hide show
  1. package/cjs/components/Combobox/Combobox.css +10 -10
  2. package/cjs/components/Combobox/Combobox.styles.js +5 -5
  3. package/cjs/components/Combobox/Combobox.styles.js.map +1 -1
  4. package/cjs/components/Combobox/{Combobox.styles_dw6hnk.css → Combobox.styles_17ei5vn.css} +1 -1
  5. package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +4 -4
  6. package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +4 -4
  7. package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +4 -4
  8. package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +4 -4
  9. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.css +4 -4
  10. package/cjs/components/Dropdown/Dropdown.css +4 -4
  11. package/cjs/components/Dropdown/Dropdown.js +1 -0
  12. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  13. package/cjs/components/Pagination/Pagination.css +4 -4
  14. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +4 -4
  15. package/cjs/components/Popover/Popover.css +4 -4
  16. package/cjs/components/Popover/Popover.js +18 -7
  17. package/cjs/components/Popover/Popover.js.map +1 -1
  18. package/cjs/components/Popover/Popover.styles.js +1 -1
  19. package/cjs/components/Popover/Popover.styles.js.map +1 -1
  20. package/cjs/components/Popover/{Popover.styles_1ggb66y.css → Popover.styles_1rk9t6z.css} +1 -1
  21. package/cjs/components/Select/Select.css +4 -4
  22. package/cjs/components/Select/ui/SelectItem/SelectItem.css +4 -4
  23. package/cjs/components/Select/ui/SelectTarget/SelectTarget.js +1 -2
  24. package/cjs/components/Select/ui/SelectTarget/SelectTarget.js.map +1 -1
  25. package/cjs/index.css +33 -33
  26. package/cjs/index.js +4 -39
  27. package/cjs/index.js.map +1 -1
  28. package/cjs/utils/index.js +1 -13
  29. package/cjs/utils/index.js.map +1 -1
  30. package/cjs/utils/react.js +2 -12
  31. package/cjs/utils/react.js.map +1 -1
  32. package/es/components/Combobox/Combobox.css +10 -10
  33. package/es/components/Combobox/Combobox.styles.js +5 -5
  34. package/es/components/Combobox/Combobox.styles.js.map +1 -1
  35. package/es/components/Combobox/{Combobox.styles_dw6hnk.css → Combobox.styles_17ei5vn.css} +1 -1
  36. package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +4 -4
  37. package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +4 -4
  38. package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +4 -4
  39. package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +4 -4
  40. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.css +4 -4
  41. package/es/components/Dropdown/Dropdown.css +4 -4
  42. package/es/components/Dropdown/Dropdown.js +1 -0
  43. package/es/components/Dropdown/Dropdown.js.map +1 -1
  44. package/es/components/Pagination/Pagination.css +4 -4
  45. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +4 -4
  46. package/es/components/Popover/Popover.css +4 -4
  47. package/es/components/Popover/Popover.js +18 -7
  48. package/es/components/Popover/Popover.js.map +1 -1
  49. package/es/components/Popover/Popover.styles.js +1 -1
  50. package/es/components/Popover/Popover.styles.js.map +1 -1
  51. package/es/components/Popover/{Popover.styles_1ggb66y.css → Popover.styles_1rk9t6z.css} +1 -1
  52. package/es/components/Select/Select.css +4 -4
  53. package/es/components/Select/ui/SelectItem/SelectItem.css +4 -4
  54. package/es/components/Select/ui/SelectTarget/SelectTarget.js +1 -2
  55. package/es/components/Select/ui/SelectTarget/SelectTarget.js.map +1 -1
  56. package/es/index.css +33 -33
  57. package/es/index.js +0 -13
  58. package/es/index.js.map +1 -1
  59. package/es/utils/index.js +2 -11
  60. package/es/utils/index.js.map +1 -1
  61. package/es/utils/react.js +2 -9
  62. package/es/utils/react.js.map +1 -1
  63. package/package.json +4 -2
  64. package/styled-components/cjs/components/Combobox/Combobox.styles.js +1 -1
  65. package/styled-components/cjs/components/Dropdown/Dropdown.js +1 -0
  66. package/styled-components/cjs/components/Popover/Popover.js +18 -7
  67. package/styled-components/cjs/components/Popover/Popover.styles.js +1 -1
  68. package/styled-components/cjs/components/Select/ui/SelectTarget/SelectTarget.js +1 -2
  69. package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.config.js +10 -7
  70. package/styled-components/cjs/examples/plasma_b2c/components/Popover/Popover.stories.tsx +7 -0
  71. package/styled-components/cjs/examples/plasma_web/components/Button/Button.config.js +10 -7
  72. package/styled-components/cjs/examples/sds_engineer/components/Button/Button.config.js +10 -7
  73. package/styled-components/cjs/examples/themes/plasma_b2c.module.css +878 -293
  74. package/styled-components/cjs/examples/themes/plasma_web.module.css +878 -293
  75. package/styled-components/cjs/examples/themes/sds_engineer.module.css +42 -2
  76. package/styled-components/cjs/index.js +0 -22
  77. package/styled-components/es/components/Combobox/Combobox.styles.js +1 -1
  78. package/styled-components/es/components/Dropdown/Dropdown.js +1 -0
  79. package/styled-components/es/components/Popover/Popover.js +18 -7
  80. package/styled-components/es/components/Popover/Popover.styles.js +1 -1
  81. package/styled-components/es/components/Select/ui/SelectTarget/SelectTarget.js +1 -2
  82. package/styled-components/es/examples/plasma_b2c/components/Button/Button.config.js +10 -7
  83. package/styled-components/es/examples/plasma_b2c/components/Popover/Popover.stories.tsx +7 -0
  84. package/styled-components/es/examples/plasma_web/components/Button/Button.config.js +10 -7
  85. package/styled-components/es/examples/sds_engineer/components/Button/Button.config.js +10 -7
  86. package/styled-components/es/examples/themes/plasma_b2c.module.css +878 -293
  87. package/styled-components/es/examples/themes/plasma_web.module.css +878 -293
  88. package/styled-components/es/examples/themes/sds_engineer.module.css +42 -2
  89. package/styled-components/es/index.js +0 -2
  90. package/types/components/Combobox/Combobox.styles.d.ts +8 -2
  91. package/types/components/Combobox/Combobox.styles.d.ts.map +1 -1
  92. package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
  93. package/types/components/Dropdown/Dropdown.styles.d.ts +7 -1
  94. package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
  95. package/types/components/Popover/Popover.d.ts +2 -2
  96. package/types/components/Popover/Popover.d.ts.map +1 -1
  97. package/types/components/Popover/Popover.styles.d.ts.map +1 -1
  98. package/types/components/Popover/Popover.types.d.ts +19 -12
  99. package/types/components/Popover/Popover.types.d.ts.map +1 -1
  100. package/types/components/Select/Select.styles.d.ts +8 -2
  101. package/types/components/Select/Select.styles.d.ts.map +1 -1
  102. package/types/components/Select/ui/SelectTarget/SelectTarget.d.ts.map +1 -1
  103. package/types/examples/plasma_b2c/components/Button/Button.config.d.ts +3 -0
  104. package/types/examples/plasma_b2c/components/Button/Button.config.d.ts.map +1 -1
  105. package/types/examples/plasma_b2c/components/Button/Button.d.ts +3 -0
  106. package/types/examples/plasma_b2c/components/Button/Button.d.ts.map +1 -1
  107. package/types/examples/plasma_b2c/components/Popover/Popover.d.ts +7 -1
  108. package/types/examples/plasma_b2c/components/Popover/Popover.d.ts.map +1 -1
  109. package/types/examples/plasma_web/components/Button/Button.config.d.ts +3 -0
  110. package/types/examples/plasma_web/components/Button/Button.config.d.ts.map +1 -1
  111. package/types/examples/plasma_web/components/Button/Button.d.ts +3 -0
  112. package/types/examples/plasma_web/components/Button/Button.d.ts.map +1 -1
  113. package/types/examples/plasma_web/components/Popover/Popover.d.ts +7 -1
  114. package/types/examples/plasma_web/components/Popover/Popover.d.ts.map +1 -1
  115. package/types/examples/sds_engineer/components/Button/Button.config.d.ts +3 -0
  116. package/types/examples/sds_engineer/components/Button/Button.config.d.ts.map +1 -1
  117. package/types/examples/sds_engineer/components/Button/Button.d.ts +3 -0
  118. package/types/examples/sds_engineer/components/Button/Button.d.ts.map +1 -1
  119. package/types/examples/sds_engineer/components/Popover/Popover.d.ts +7 -1
  120. package/types/examples/sds_engineer/components/Popover/Popover.d.ts.map +1 -1
  121. package/types/index.d.ts +0 -2
  122. package/types/index.d.ts.map +1 -1
  123. package/cjs/components/Select/ui/SelectDivider/SelectDivider.css +0 -23
  124. package/cjs/components/Select/ui/SelectDivider/SelectDivider.js +0 -40
  125. package/cjs/components/Select/ui/SelectDivider/SelectDivider.js.map +0 -1
  126. package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles.js +0 -12
  127. package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles.js.map +0 -1
  128. package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles_673hj6.css +0 -1
  129. package/cjs/components/Select/ui/SelectDivider/variations/_size/base.js +0 -9
  130. package/cjs/components/Select/ui/SelectDivider/variations/_size/base.js.map +0 -1
  131. package/cjs/components/Select/ui/SelectDivider/variations/_size/base_x642ct.css +0 -1
  132. package/cjs/components/Select/ui/SelectDivider/variations/_view/base.js +0 -9
  133. package/cjs/components/Select/ui/SelectDivider/variations/_view/base.js.map +0 -1
  134. package/cjs/components/Select/ui/SelectDivider/variations/_view/base_x642ct.css +0 -1
  135. package/cjs/components/Select/ui/SelectFooter/SelectFooter.css +0 -23
  136. package/cjs/components/Select/ui/SelectFooter/SelectFooter.js +0 -40
  137. package/cjs/components/Select/ui/SelectFooter/SelectFooter.js.map +0 -1
  138. package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles.js +0 -12
  139. package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles.js.map +0 -1
  140. package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles_11hk6tt.css +0 -1
  141. package/cjs/components/Select/ui/SelectFooter/variations/_size/base.js +0 -9
  142. package/cjs/components/Select/ui/SelectFooter/variations/_size/base.js.map +0 -1
  143. package/cjs/components/Select/ui/SelectFooter/variations/_size/base_x642ct.css +0 -1
  144. package/cjs/components/Select/ui/SelectFooter/variations/_view/base.js +0 -9
  145. package/cjs/components/Select/ui/SelectFooter/variations/_view/base.js.map +0 -1
  146. package/cjs/components/Select/ui/SelectFooter/variations/_view/base_x642ct.css +0 -1
  147. package/cjs/components/Select/ui/SelectGroup/SelectGroup.css +0 -23
  148. package/cjs/components/Select/ui/SelectGroup/SelectGroup.js +0 -40
  149. package/cjs/components/Select/ui/SelectGroup/SelectGroup.js.map +0 -1
  150. package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles.js +0 -12
  151. package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles.js.map +0 -1
  152. package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles_mktu7e.css +0 -1
  153. package/cjs/components/Select/ui/SelectGroup/variations/_size/base.js +0 -9
  154. package/cjs/components/Select/ui/SelectGroup/variations/_size/base.js.map +0 -1
  155. package/cjs/components/Select/ui/SelectGroup/variations/_size/base_x642ct.css +0 -1
  156. package/cjs/components/Select/ui/SelectGroup/variations/_view/base.js +0 -9
  157. package/cjs/components/Select/ui/SelectGroup/variations/_view/base.js.map +0 -1
  158. package/cjs/components/Select/ui/SelectGroup/variations/_view/base_x642ct.css +0 -1
  159. package/cjs/components/Select/ui/SelectHeader/SelectHeader.css +0 -23
  160. package/cjs/components/Select/ui/SelectHeader/SelectHeader.js +0 -40
  161. package/cjs/components/Select/ui/SelectHeader/SelectHeader.js.map +0 -1
  162. package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles.js +0 -12
  163. package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles.js.map +0 -1
  164. package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles_24gqog.css +0 -1
  165. package/cjs/components/Select/ui/SelectHeader/variations/_size/base.js +0 -9
  166. package/cjs/components/Select/ui/SelectHeader/variations/_size/base.js.map +0 -1
  167. package/cjs/components/Select/ui/SelectHeader/variations/_size/base_x642ct.css +0 -1
  168. package/cjs/components/Select/ui/SelectHeader/variations/_view/base.js +0 -9
  169. package/cjs/components/Select/ui/SelectHeader/variations/_view/base.js.map +0 -1
  170. package/cjs/components/Select/ui/SelectHeader/variations/_view/base_x642ct.css +0 -1
  171. package/es/components/Select/ui/SelectDivider/SelectDivider.css +0 -23
  172. package/es/components/Select/ui/SelectDivider/SelectDivider.js +0 -35
  173. package/es/components/Select/ui/SelectDivider/SelectDivider.js.map +0 -1
  174. package/es/components/Select/ui/SelectDivider/SelectDivider.styles.js +0 -7
  175. package/es/components/Select/ui/SelectDivider/SelectDivider.styles.js.map +0 -1
  176. package/es/components/Select/ui/SelectDivider/SelectDivider.styles_673hj6.css +0 -1
  177. package/es/components/Select/ui/SelectDivider/variations/_size/base.js +0 -5
  178. package/es/components/Select/ui/SelectDivider/variations/_size/base.js.map +0 -1
  179. package/es/components/Select/ui/SelectDivider/variations/_size/base_x642ct.css +0 -1
  180. package/es/components/Select/ui/SelectDivider/variations/_view/base.js +0 -5
  181. package/es/components/Select/ui/SelectDivider/variations/_view/base.js.map +0 -1
  182. package/es/components/Select/ui/SelectDivider/variations/_view/base_x642ct.css +0 -1
  183. package/es/components/Select/ui/SelectFooter/SelectFooter.css +0 -23
  184. package/es/components/Select/ui/SelectFooter/SelectFooter.js +0 -35
  185. package/es/components/Select/ui/SelectFooter/SelectFooter.js.map +0 -1
  186. package/es/components/Select/ui/SelectFooter/SelectFooter.styles.js +0 -7
  187. package/es/components/Select/ui/SelectFooter/SelectFooter.styles.js.map +0 -1
  188. package/es/components/Select/ui/SelectFooter/SelectFooter.styles_11hk6tt.css +0 -1
  189. package/es/components/Select/ui/SelectFooter/variations/_size/base.js +0 -5
  190. package/es/components/Select/ui/SelectFooter/variations/_size/base.js.map +0 -1
  191. package/es/components/Select/ui/SelectFooter/variations/_size/base_x642ct.css +0 -1
  192. package/es/components/Select/ui/SelectFooter/variations/_view/base.js +0 -5
  193. package/es/components/Select/ui/SelectFooter/variations/_view/base.js.map +0 -1
  194. package/es/components/Select/ui/SelectFooter/variations/_view/base_x642ct.css +0 -1
  195. package/es/components/Select/ui/SelectGroup/SelectGroup.css +0 -23
  196. package/es/components/Select/ui/SelectGroup/SelectGroup.js +0 -35
  197. package/es/components/Select/ui/SelectGroup/SelectGroup.js.map +0 -1
  198. package/es/components/Select/ui/SelectGroup/SelectGroup.styles.js +0 -7
  199. package/es/components/Select/ui/SelectGroup/SelectGroup.styles.js.map +0 -1
  200. package/es/components/Select/ui/SelectGroup/SelectGroup.styles_mktu7e.css +0 -1
  201. package/es/components/Select/ui/SelectGroup/variations/_size/base.js +0 -5
  202. package/es/components/Select/ui/SelectGroup/variations/_size/base.js.map +0 -1
  203. package/es/components/Select/ui/SelectGroup/variations/_size/base_x642ct.css +0 -1
  204. package/es/components/Select/ui/SelectGroup/variations/_view/base.js +0 -5
  205. package/es/components/Select/ui/SelectGroup/variations/_view/base.js.map +0 -1
  206. package/es/components/Select/ui/SelectGroup/variations/_view/base_x642ct.css +0 -1
  207. package/es/components/Select/ui/SelectHeader/SelectHeader.css +0 -23
  208. package/es/components/Select/ui/SelectHeader/SelectHeader.js +0 -35
  209. package/es/components/Select/ui/SelectHeader/SelectHeader.js.map +0 -1
  210. package/es/components/Select/ui/SelectHeader/SelectHeader.styles.js +0 -7
  211. package/es/components/Select/ui/SelectHeader/SelectHeader.styles.js.map +0 -1
  212. package/es/components/Select/ui/SelectHeader/SelectHeader.styles_24gqog.css +0 -1
  213. package/es/components/Select/ui/SelectHeader/variations/_size/base.js +0 -5
  214. package/es/components/Select/ui/SelectHeader/variations/_size/base.js.map +0 -1
  215. package/es/components/Select/ui/SelectHeader/variations/_size/base_x642ct.css +0 -1
  216. package/es/components/Select/ui/SelectHeader/variations/_view/base.js +0 -5
  217. package/es/components/Select/ui/SelectHeader/variations/_view/base.js.map +0 -1
  218. package/es/components/Select/ui/SelectHeader/variations/_view/base_x642ct.css +0 -1
package/styled-components/cjs/examples/sds_engineer/components/Button/Button.config.js CHANGED
@@ -14,13 +14,16 @@ var config = exports.config = {
14
14
  },
15
15
  variations: {
16
16
  view: {
17
- primary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 85% );", ":var(--inverse-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 80% );"], _Button.buttonTokens.buttonColor, _Button.buttonTokens.buttonBackgroundColor, _Button.buttonTokens.buttonColorHover, _Button.buttonTokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonColorActive, _Button.buttonTokens.buttonBackgroundColorActive),
18
- accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--on-dark-text-primary);", ":color-mix(in srgb,var(--text-primary),var(--surface-accent) 85%);", ":var(--on-dark-text-primary);", ":color-mix(in srgb,var(--text-primary),var(--surface-accent) 80%);"], _Button.buttonTokens.buttonColor, _Button.buttonTokens.buttonBackgroundColor, _Button.buttonTokens.buttonColorHover, _Button.buttonTokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonColorActive, _Button.buttonTokens.buttonBackgroundColorActive),
19
- secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-transparent-secondary) 85% );", ":var(--text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-transparent-secondary) 80% );"], _Button.buttonTokens.buttonColor, _Button.buttonTokens.buttonBackgroundColor, _Button.buttonTokens.buttonColorHover, _Button.buttonTokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonColorActive, _Button.buttonTokens.buttonBackgroundColorActive),
20
- clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary);", ":color-mix(in srgb,var(--text-primary),var(--surface-clear) 95%);", ":var(--text-primary);", ":color-mix(in srgb,var(--text-primary),var(--surface-clear) 90%);"], _Button.buttonTokens.buttonColor, _Button.buttonTokens.buttonBackgroundColor, _Button.buttonTokens.buttonColorHover, _Button.buttonTokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonColorActive, _Button.buttonTokens.buttonBackgroundColorActive),
21
- positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-positive);", ":var(--on-dark-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-positive) 85% );", ":var(--on-dark-text-primary);", ":color-mix(in srgb,var(--text-primary),var(--surface-positive) 85%);"], _Button.buttonTokens.buttonColor, _Button.buttonTokens.buttonBackgroundColor, _Button.buttonTokens.buttonColorHover, _Button.buttonTokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonColorActive, _Button.buttonTokens.buttonBackgroundColorActive),
22
- warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-warning);", ":var(--on-dark-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-warning) 85% );", ":var(--on-dark-text-primary);", ":color-mix(in srgb,var(--text-primary),var(--surface-warning) 85%);"], _Button.buttonTokens.buttonColor, _Button.buttonTokens.buttonBackgroundColor, _Button.buttonTokens.buttonColorHover, _Button.buttonTokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonColorActive, _Button.buttonTokens.buttonBackgroundColorActive),
23
- negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-negative);", ":var(--on-dark-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-negative) 85% );", ":var(--on-dark-text-primary);", ":color-mix(in srgb,var(--text-primary),var(--surface-negative) 85%);"], _Button.buttonTokens.buttonColor, _Button.buttonTokens.buttonBackgroundColor, _Button.buttonTokens.buttonColorHover, _Button.buttonTokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonColorActive, _Button.buttonTokens.buttonBackgroundColorActive)
17
+ primary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-hover);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-active);"], _Button.buttonTokens.buttonColor, _Button.buttonTokens.buttonBackgroundColor, _Button.buttonTokens.buttonColorHover, _Button.buttonTokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonColorActive, _Button.buttonTokens.buttonBackgroundColorActive),
18
+ accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--on-dark-text-primary);", ":var(--surface-accent-hover);", ":var(--on-dark-text-primary);", ":var(--surface-accent-active);"], _Button.buttonTokens.buttonColor, _Button.buttonTokens.buttonBackgroundColor, _Button.buttonTokens.buttonColorHover, _Button.buttonTokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonColorActive, _Button.buttonTokens.buttonBackgroundColorActive),
19
+ secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);"], _Button.buttonTokens.buttonColor, _Button.buttonTokens.buttonBackgroundColor, _Button.buttonTokens.buttonColorHover, _Button.buttonTokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonColorActive, _Button.buttonTokens.buttonBackgroundColorActive),
20
+ clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-active);", ":var(--surface-clear);"], _Button.buttonTokens.buttonColor, _Button.buttonTokens.buttonBackgroundColor, _Button.buttonTokens.buttonColorHover, _Button.buttonTokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonColorActive, _Button.buttonTokens.buttonBackgroundColorActive),
21
+ positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-positive);", ":var(--on-dark-text-primary);", ":var(--surface-positive-hover);", ":var(--on-dark-text-primary);", ":var(--surface-positive-active);"], _Button.buttonTokens.buttonColor, _Button.buttonTokens.buttonBackgroundColor, _Button.buttonTokens.buttonColorHover, _Button.buttonTokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonColorActive, _Button.buttonTokens.buttonBackgroundColorActive),
22
+ warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-warning);", ":var(--on-dark-text-primary);", ":var(--surface-warning-hover);", ":var(--on-dark-text-primary);", ":var(--surface-warning-active);"], _Button.buttonTokens.buttonColor, _Button.buttonTokens.buttonBackgroundColor, _Button.buttonTokens.buttonColorHover, _Button.buttonTokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonColorActive, _Button.buttonTokens.buttonBackgroundColorActive),
23
+ negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-negative);", ":var(--on-dark-text-primary);", ":var(--surface-negative-hover);", ":var(--on-dark-text-primary);", ":var(--surface-negative-active);"], _Button.buttonTokens.buttonColor, _Button.buttonTokens.buttonBackgroundColor, _Button.buttonTokens.buttonColorHover, _Button.buttonTokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonColorActive, _Button.buttonTokens.buttonBackgroundColorActive),
24
+ dark: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep-hover);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep-active);"], _Button.buttonTokens.buttonColor, _Button.buttonTokens.buttonBackgroundColor, _Button.buttonTokens.buttonColorHover, _Button.buttonTokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonColorActive, _Button.buttonTokens.buttonBackgroundColorActive),
25
+ black: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default-hover);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default-active);"], _Button.buttonTokens.buttonColor, _Button.buttonTokens.buttonBackgroundColor, _Button.buttonTokens.buttonColorHover, _Button.buttonTokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonColorActive, _Button.buttonTokens.buttonBackgroundColorActive),
26
+ white: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default-hover);", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default-active);"], _Button.buttonTokens.buttonColor, _Button.buttonTokens.buttonBackgroundColor, _Button.buttonTokens.buttonColorHover, _Button.buttonTokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonColorActive, _Button.buttonTokens.buttonBackgroundColorActive)
24
27
  },
25
28
  size: {
26
29
  l: /*#__PURE__*/(0, _styledComponents.css)(["", ":3.5rem;", ":12.5rem;", ":1.5rem;", ":0.875rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":1.375rem;", ":inherit;"], _Button.buttonTokens.buttonHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Button.buttonTokens.buttonRadius, _Button.buttonTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Button.buttonTokens.buttonSpinnerSize, _Button.buttonTokens.buttonSpinnerColor),