@salutejs/sdds-os 0.19.0-next-sbcom.0 → 0.19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (440) hide show
  1. package/README.md +9 -10
  2. package/README.mdx +4 -254
  3. package/dist/css/cjs/components/Attach/Attach.config.js +7 -8
  4. package/dist/css/cjs/components/Attach/Attach.config.js.map +1 -1
  5. package/dist/css/cjs/components/Attach/{Attach.config_mbai8p.css → Attach.config_yhb8ux.css} +7 -8
  6. package/dist/css/cjs/components/Attach/Attach.css +13 -14
  7. package/dist/css/cjs/components/Autocomplete/Autocomplete.config.js +2 -2
  8. package/dist/css/cjs/components/Autocomplete/Autocomplete.config.js.map +1 -1
  9. package/dist/css/{es/components/Autocomplete/Autocomplete.config_b6rar2.css → cjs/components/Autocomplete/Autocomplete.config_4j4bur.css} +5 -5
  10. package/dist/css/cjs/components/Autocomplete/Autocomplete.css +12 -12
  11. package/dist/css/cjs/components/Avatar/Avatar.config.js +2 -2
  12. package/dist/css/cjs/components/Avatar/Avatar.config.js.map +1 -1
  13. package/dist/css/cjs/components/Avatar/{Avatar.config_1crs084.css → Avatar.config_1x6ugoc.css} +5 -5
  14. package/dist/css/cjs/components/Avatar/Avatar.css +19 -19
  15. package/dist/css/cjs/components/Badge/Badge.config.js +1 -1
  16. package/dist/css/cjs/components/Badge/Badge.config.js.map +1 -1
  17. package/dist/css/{es/components/Badge/Badge.config_llrkxs.css → cjs/components/Badge/Badge.config_1ch08c8.css} +5 -5
  18. package/dist/css/cjs/components/Badge/Badge.css +12 -12
  19. package/dist/css/cjs/components/Button/Button.config.js +49 -15
  20. package/dist/css/cjs/components/Button/Button.config.js.map +1 -1
  21. package/dist/css/cjs/components/Button/Button.config_13m63cu.css +26 -0
  22. package/dist/css/cjs/components/Button/Button.css +23 -17
  23. package/dist/css/cjs/components/ButtonGroup/ButtonGroup.config.js +17 -18
  24. package/dist/css/cjs/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
  25. package/dist/css/cjs/components/ButtonGroup/{ButtonGroup.config_qp8vlk.css → ButtonGroup.config_1aejnkk.css} +14 -15
  26. package/dist/css/cjs/components/ButtonGroup/ButtonGroup.css +19 -20
  27. package/dist/css/cjs/components/Calendar/Calendar.config.js +1 -1
  28. package/dist/css/cjs/components/Calendar/Calendar.config.js.map +1 -1
  29. package/dist/css/{es/components/Calendar/Calendar.config_hf4bfj.css → cjs/components/Calendar/Calendar.config_13j2asu.css} +1 -1
  30. package/dist/css/cjs/components/Calendar/Calendar.css +10 -10
  31. package/dist/css/cjs/components/Calendar/CalendarDouble.config.js +1 -1
  32. package/dist/css/cjs/components/Calendar/CalendarDouble.config.js.map +1 -1
  33. package/dist/css/cjs/components/Calendar/{CalendarDouble.config_1hu7xyi.css → CalendarDouble.config_drd6sz.css} +1 -1
  34. package/dist/css/cjs/components/Cell/Cell.config.js +4 -0
  35. package/dist/css/cjs/components/Cell/Cell.config.js.map +1 -1
  36. package/dist/css/cjs/components/Checkbox/Checkbox.config.js +11 -2
  37. package/dist/css/cjs/components/Checkbox/Checkbox.config.js.map +1 -1
  38. package/dist/css/cjs/components/Checkbox/{Checkbox.config_10t1dae.css → Checkbox.config_w1sgkv.css} +5 -3
  39. package/dist/css/cjs/components/Checkbox/Checkbox.css +8 -6
  40. package/dist/css/cjs/components/Chip/Chip.config.js +1 -1
  41. package/dist/css/cjs/components/Chip/Chip.config.js.map +1 -1
  42. package/dist/css/cjs/components/Chip/{Chip.config_2c8j1v.css → Chip.config_dyjizd.css} +1 -1
  43. package/dist/css/cjs/components/Chip/Chip.css +10 -10
  44. package/dist/css/cjs/components/ChipGroup/ChipGroup.config.js +1 -1
  45. package/dist/css/cjs/components/ChipGroup/ChipGroup.config.js.map +1 -1
  46. package/dist/css/{es/components/ChipGroup/ChipGroup.config_1a3wn8z.css → cjs/components/ChipGroup/ChipGroup.config_7d04pp.css} +1 -1
  47. package/dist/css/cjs/components/ChipGroup/ChipGroup.css +7 -7
  48. package/dist/css/cjs/components/Combobox/Combobox.config.js +1 -1
  49. package/dist/css/cjs/components/Combobox/Combobox.config.js.map +1 -1
  50. package/dist/css/cjs/components/Combobox/{Combobox.config_7biuvx.css → Combobox.config_e9zq4.css} +5 -5
  51. package/dist/css/cjs/components/Combobox/Combobox.css +12 -12
  52. package/dist/css/cjs/components/DatePicker/DatePicker.config.js +1 -1
  53. package/dist/css/cjs/components/DatePicker/DatePicker.config.js.map +1 -1
  54. package/dist/css/{es/components/DatePicker/DatePicker.config_1hfhdos.css → cjs/components/DatePicker/DatePicker.config_1bjucpu.css} +2 -2
  55. package/dist/css/cjs/components/DatePicker/DatePicker.css +10 -10
  56. package/dist/css/cjs/components/Divider/Divider.config.js +1 -1
  57. package/dist/css/cjs/components/Divider/Divider.config.js.map +1 -1
  58. package/dist/css/cjs/components/Divider/{Divider.config_1i0hy8y.css → Divider.config_g57mbu.css} +1 -1
  59. package/dist/css/cjs/components/Divider/Divider.css +7 -7
  60. package/dist/css/cjs/components/Drawer/Drawer.config.js +1 -1
  61. package/dist/css/cjs/components/Drawer/Drawer.config.js.map +1 -1
  62. package/dist/css/cjs/components/Drawer/{Drawer.config_1kci8o2.css → Drawer.config_p7v1xu.css} +1 -1
  63. package/dist/css/cjs/components/Drawer/Drawer.css +4 -4
  64. package/dist/css/cjs/components/Dropdown/Dropdown.config.js +1 -1
  65. package/dist/css/cjs/components/Dropdown/Dropdown.config.js.map +1 -1
  66. package/dist/css/cjs/components/Dropdown/{Dropdown.config_1rxgzfp.css → Dropdown.config_1twpnqj.css} +1 -1
  67. package/dist/css/cjs/components/Dropdown/Dropdown.css +4 -4
  68. package/dist/css/cjs/components/Dropdown/Dropdown.js.map +1 -1
  69. package/dist/css/cjs/components/EmbedIconButton/EmbedIconButton.config.js +31 -2
  70. package/dist/css/cjs/components/EmbedIconButton/EmbedIconButton.config.js.map +1 -1
  71. package/dist/css/cjs/components/EmbedIconButton/{EmbedIconButton.config_11tz1go.css → EmbedIconButton.config_9m5p5p.css} +15 -8
  72. package/dist/css/cjs/components/EmbedIconButton/EmbedIconButton.css +19 -12
  73. package/dist/css/cjs/components/IconButton/IconButton.config.js +47 -11
  74. package/dist/css/cjs/components/IconButton/IconButton.config.js.map +1 -1
  75. package/dist/css/cjs/components/IconButton/{IconButton.config_19loccr.css → IconButton.config_1n5utpz.css} +19 -11
  76. package/dist/css/cjs/components/IconButton/IconButton.css +24 -16
  77. package/dist/css/cjs/components/List/List.config.js +1 -1
  78. package/dist/css/cjs/components/List/List.config.js.map +1 -1
  79. package/dist/css/cjs/components/List/{List.config_1nc7mcq.css → List.config_1t768mm.css} +1 -1
  80. package/dist/css/cjs/components/List/List.css +4 -4
  81. package/dist/css/cjs/components/Notification/Notification.config.js +1 -1
  82. package/dist/css/cjs/components/Notification/Notification.config.js.map +1 -1
  83. package/dist/css/cjs/components/Notification/Notification.config_28trae.css +10 -0
  84. package/dist/css/cjs/components/Notification/Notification.css +10 -10
  85. package/dist/css/cjs/components/Progress/Progress.config.js +1 -1
  86. package/dist/css/cjs/components/Progress/Progress.config.js.map +1 -1
  87. package/dist/css/cjs/components/Progress/Progress.config_pwxa19.css +8 -0
  88. package/dist/css/cjs/components/Progress/Progress.css +8 -8
  89. package/dist/css/cjs/components/ProgressBarCircular/ProgressBarCircular.config.js +1 -1
  90. package/dist/css/cjs/components/ProgressBarCircular/ProgressBarCircular.config.js.map +1 -1
  91. package/dist/css/cjs/components/ProgressBarCircular/{ProgressBarCircular.config_wm5q9r.css → ProgressBarCircular.config_1nlwuj2.css} +7 -7
  92. package/dist/css/cjs/components/ProgressBarCircular/ProgressBarCircular.css +8 -8
  93. package/dist/css/cjs/components/Radiobox/Radiobox.config.js +7 -2
  94. package/dist/css/cjs/components/Radiobox/Radiobox.config.js.map +1 -1
  95. package/dist/css/cjs/components/Radiobox/{Radiobox.config_tlxvk.css → Radiobox.config_ubjjsb.css} +3 -2
  96. package/dist/css/cjs/components/Radiobox/Radiobox.css +6 -5
  97. package/dist/css/cjs/components/Range/Range.config.js +2 -2
  98. package/dist/css/cjs/components/Range/Range.config.js.map +1 -1
  99. package/dist/css/cjs/components/Range/{Range.config_1a7m11u.css → Range.config_vnh97d.css} +2 -2
  100. package/dist/css/cjs/components/Range/Range.css +8 -8
  101. package/dist/css/cjs/components/Select/Select.config.js +1 -1
  102. package/dist/css/cjs/components/Select/Select.config.js.map +1 -1
  103. package/dist/css/cjs/components/Select/{Select.config_1gfcg4w.css → Select.config_eja538.css} +6 -6
  104. package/dist/css/cjs/components/Select/Select.css +15 -15
  105. package/dist/css/cjs/components/Steps/Steps.config.js +1 -1
  106. package/dist/css/cjs/components/Steps/Steps.config.js.map +1 -1
  107. package/dist/css/{es/components/Steps/Steps.config_1soqhej.css → cjs/components/Steps/Steps.config_1axu604.css} +4 -4
  108. package/dist/css/cjs/components/Steps/Steps.css +12 -12
  109. package/dist/css/cjs/components/Switch/Switch.config.js +7 -2
  110. package/dist/css/cjs/components/Switch/Switch.config.js.map +1 -1
  111. package/dist/css/cjs/components/Switch/{Switch.config_12tusz7.css → Switch.config_1ovx9o2.css} +3 -2
  112. package/dist/css/cjs/components/Switch/Switch.css +8 -7
  113. package/dist/css/cjs/components/Tabs/Tabs.css +20 -20
  114. package/dist/css/cjs/components/Tabs/TabsController.css +15 -15
  115. package/dist/css/cjs/components/Tabs/horizontal/HorizontalIconTabItem.config.js +1 -1
  116. package/dist/css/cjs/components/Tabs/horizontal/HorizontalIconTabItem.config.js.map +1 -1
  117. package/dist/css/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +1 -1
  118. package/dist/css/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -1
  119. package/dist/css/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +1 -1
  120. package/dist/css/cjs/components/Tabs/horizontal/HorizontalTabs.config.js.map +1 -1
  121. package/dist/css/cjs/components/Tabs/horizontal/{HorizontalTabs.config_r01l94.css → HorizontalTabs.config_ql2wop.css} +2 -2
  122. package/dist/css/cjs/components/Tabs/vertical/VerticalIconTabItem.config.js +1 -1
  123. package/dist/css/cjs/components/Tabs/vertical/VerticalIconTabItem.config.js.map +1 -1
  124. package/dist/css/cjs/components/Tabs/vertical/VerticalTabItem.config.js +1 -1
  125. package/dist/css/cjs/components/Tabs/vertical/VerticalTabItem.config.js.map +1 -1
  126. package/dist/css/cjs/components/Tabs/vertical/VerticalTabs.config.js +2 -2
  127. package/dist/css/cjs/components/Tabs/vertical/VerticalTabs.config.js.map +1 -1
  128. package/dist/css/cjs/components/Tabs/vertical/{VerticalTabs.config_5vcoi4.css → VerticalTabs.config_1bub8pe.css} +1 -1
  129. package/dist/css/cjs/components/TextArea/TextArea.clear.config.js +1 -1
  130. package/dist/css/cjs/components/TextArea/TextArea.clear.config.js.map +1 -1
  131. package/dist/css/{es/components/TextArea/TextArea.clear.config_mjjl9w.css → cjs/components/TextArea/TextArea.clear.config_176fr5b.css} +2 -2
  132. package/dist/css/cjs/components/TextArea/TextArea.config.js +2 -1
  133. package/dist/css/cjs/components/TextArea/TextArea.config.js.map +1 -1
  134. package/dist/css/cjs/components/TextArea/{TextArea.config_1snc8lz.css → TextArea.config_dzcemo.css} +5 -5
  135. package/dist/css/cjs/components/TextArea/TextArea.css +20 -20
  136. package/dist/css/cjs/components/TextField/TextField.config.js +1 -1
  137. package/dist/css/cjs/components/TextField/TextField.config.js.map +1 -1
  138. package/dist/css/{es/components/TextField/TextField.config_268m5h.css → cjs/components/TextField/TextField.config_348k62.css} +7 -7
  139. package/dist/css/cjs/components/TextField/TextField.css +18 -18
  140. package/dist/css/cjs/components/Toolbar/Toolbar.config.js +1 -1
  141. package/dist/css/cjs/components/Toolbar/Toolbar.config.js.map +1 -1
  142. package/dist/css/cjs/components/Toolbar/{Toolbar.config_wkxxdg.css → Toolbar.config_khgsbt.css} +1 -1
  143. package/dist/css/cjs/components/Toolbar/Toolbar.css +3 -3
  144. package/dist/css/cjs/components/Tree/Tree.config.js +1 -1
  145. package/dist/css/cjs/components/Tree/Tree.config.js.map +1 -1
  146. package/dist/css/{es/components/Tree/Tree.config_10ext9l.css → cjs/components/Tree/Tree.config_1uw52vy.css} +1 -1
  147. package/dist/css/cjs/components/Tree/Tree.css +3 -3
  148. package/dist/css/cjs/components/ViewContainer/ViewContainer.config.js +1 -1
  149. package/dist/css/cjs/components/ViewContainer/ViewContainer.config.js.map +1 -1
  150. package/dist/css/cjs/components/ViewContainer/ViewContainer.config_knx8j4.css +2 -0
  151. package/dist/css/cjs/components/ViewContainer/ViewContainer.css +2 -2
  152. package/dist/css/cjs/index.css +392 -369
  153. package/dist/css/es/components/Attach/Attach.config.js +7 -8
  154. package/dist/css/es/components/Attach/Attach.config.js.map +1 -1
  155. package/dist/css/es/components/Attach/{Attach.config_mbai8p.css → Attach.config_yhb8ux.css} +7 -8
  156. package/dist/css/es/components/Attach/Attach.css +13 -14
  157. package/dist/css/es/components/Autocomplete/Autocomplete.config.js +2 -2
  158. package/dist/css/es/components/Autocomplete/Autocomplete.config.js.map +1 -1
  159. package/dist/css/{cjs/components/Autocomplete/Autocomplete.config_b6rar2.css → es/components/Autocomplete/Autocomplete.config_4j4bur.css} +5 -5
  160. package/dist/css/es/components/Autocomplete/Autocomplete.css +12 -12
  161. package/dist/css/es/components/Avatar/Avatar.config.js +2 -2
  162. package/dist/css/es/components/Avatar/Avatar.config.js.map +1 -1
  163. package/dist/css/es/components/Avatar/{Avatar.config_1crs084.css → Avatar.config_1x6ugoc.css} +5 -5
  164. package/dist/css/es/components/Avatar/Avatar.css +19 -19
  165. package/dist/css/es/components/Badge/Badge.config.js +1 -1
  166. package/dist/css/es/components/Badge/Badge.config.js.map +1 -1
  167. package/dist/css/{cjs/components/Badge/Badge.config_llrkxs.css → es/components/Badge/Badge.config_1ch08c8.css} +5 -5
  168. package/dist/css/es/components/Badge/Badge.css +12 -12
  169. package/dist/css/es/components/Button/Button.config.js +49 -15
  170. package/dist/css/es/components/Button/Button.config.js.map +1 -1
  171. package/dist/css/es/components/Button/Button.config_13m63cu.css +26 -0
  172. package/dist/css/es/components/Button/Button.css +23 -17
  173. package/dist/css/es/components/ButtonGroup/ButtonGroup.config.js +17 -18
  174. package/dist/css/es/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
  175. package/dist/css/es/components/ButtonGroup/{ButtonGroup.config_qp8vlk.css → ButtonGroup.config_1aejnkk.css} +14 -15
  176. package/dist/css/es/components/ButtonGroup/ButtonGroup.css +19 -20
  177. package/dist/css/es/components/Calendar/Calendar.config.js +1 -1
  178. package/dist/css/es/components/Calendar/Calendar.config.js.map +1 -1
  179. package/dist/css/{cjs/components/Calendar/Calendar.config_hf4bfj.css → es/components/Calendar/Calendar.config_13j2asu.css} +1 -1
  180. package/dist/css/es/components/Calendar/Calendar.css +10 -10
  181. package/dist/css/es/components/Calendar/CalendarDouble.config.js +1 -1
  182. package/dist/css/es/components/Calendar/CalendarDouble.config.js.map +1 -1
  183. package/dist/css/es/components/Calendar/{CalendarDouble.config_1hu7xyi.css → CalendarDouble.config_drd6sz.css} +1 -1
  184. package/dist/css/es/components/Cell/Cell.config.js +4 -0
  185. package/dist/css/es/components/Cell/Cell.config.js.map +1 -1
  186. package/dist/css/es/components/Checkbox/Checkbox.config.js +11 -2
  187. package/dist/css/es/components/Checkbox/Checkbox.config.js.map +1 -1
  188. package/dist/css/es/components/Checkbox/{Checkbox.config_10t1dae.css → Checkbox.config_w1sgkv.css} +5 -3
  189. package/dist/css/es/components/Checkbox/Checkbox.css +8 -6
  190. package/dist/css/es/components/Chip/Chip.config.js +1 -1
  191. package/dist/css/es/components/Chip/Chip.config.js.map +1 -1
  192. package/dist/css/es/components/Chip/{Chip.config_2c8j1v.css → Chip.config_dyjizd.css} +1 -1
  193. package/dist/css/es/components/Chip/Chip.css +10 -10
  194. package/dist/css/es/components/ChipGroup/ChipGroup.config.js +1 -1
  195. package/dist/css/es/components/ChipGroup/ChipGroup.config.js.map +1 -1
  196. package/dist/css/{cjs/components/ChipGroup/ChipGroup.config_1a3wn8z.css → es/components/ChipGroup/ChipGroup.config_7d04pp.css} +1 -1
  197. package/dist/css/es/components/ChipGroup/ChipGroup.css +7 -7
  198. package/dist/css/es/components/Combobox/Combobox.config.js +1 -1
  199. package/dist/css/es/components/Combobox/Combobox.config.js.map +1 -1
  200. package/dist/css/es/components/Combobox/{Combobox.config_7biuvx.css → Combobox.config_e9zq4.css} +5 -5
  201. package/dist/css/es/components/Combobox/Combobox.css +12 -12
  202. package/dist/css/es/components/DatePicker/DatePicker.config.js +1 -1
  203. package/dist/css/es/components/DatePicker/DatePicker.config.js.map +1 -1
  204. package/dist/css/{cjs/components/DatePicker/DatePicker.config_1hfhdos.css → es/components/DatePicker/DatePicker.config_1bjucpu.css} +2 -2
  205. package/dist/css/es/components/DatePicker/DatePicker.css +10 -10
  206. package/dist/css/es/components/Divider/Divider.config.js +1 -1
  207. package/dist/css/es/components/Divider/Divider.config.js.map +1 -1
  208. package/dist/css/es/components/Divider/{Divider.config_1i0hy8y.css → Divider.config_g57mbu.css} +1 -1
  209. package/dist/css/es/components/Divider/Divider.css +7 -7
  210. package/dist/css/es/components/Drawer/Drawer.config.js +1 -1
  211. package/dist/css/es/components/Drawer/Drawer.config.js.map +1 -1
  212. package/dist/css/es/components/Drawer/{Drawer.config_1kci8o2.css → Drawer.config_p7v1xu.css} +1 -1
  213. package/dist/css/es/components/Drawer/Drawer.css +4 -4
  214. package/dist/css/es/components/Dropdown/Dropdown.config.js +1 -1
  215. package/dist/css/es/components/Dropdown/Dropdown.config.js.map +1 -1
  216. package/dist/css/es/components/Dropdown/{Dropdown.config_1rxgzfp.css → Dropdown.config_1twpnqj.css} +1 -1
  217. package/dist/css/es/components/Dropdown/Dropdown.css +4 -4
  218. package/dist/css/es/components/Dropdown/Dropdown.js.map +1 -1
  219. package/dist/css/es/components/EmbedIconButton/EmbedIconButton.config.js +31 -2
  220. package/dist/css/es/components/EmbedIconButton/EmbedIconButton.config.js.map +1 -1
  221. package/dist/css/es/components/EmbedIconButton/{EmbedIconButton.config_11tz1go.css → EmbedIconButton.config_9m5p5p.css} +15 -8
  222. package/dist/css/es/components/EmbedIconButton/EmbedIconButton.css +19 -12
  223. package/dist/css/es/components/IconButton/IconButton.config.js +47 -11
  224. package/dist/css/es/components/IconButton/IconButton.config.js.map +1 -1
  225. package/dist/css/es/components/IconButton/{IconButton.config_19loccr.css → IconButton.config_1n5utpz.css} +19 -11
  226. package/dist/css/es/components/IconButton/IconButton.css +24 -16
  227. package/dist/css/es/components/List/List.config.js +1 -1
  228. package/dist/css/es/components/List/List.config.js.map +1 -1
  229. package/dist/css/es/components/List/{List.config_1nc7mcq.css → List.config_1t768mm.css} +1 -1
  230. package/dist/css/es/components/List/List.css +4 -4
  231. package/dist/css/es/components/Notification/Notification.config.js +1 -1
  232. package/dist/css/es/components/Notification/Notification.config.js.map +1 -1
  233. package/dist/css/es/components/Notification/Notification.config_28trae.css +10 -0
  234. package/dist/css/es/components/Notification/Notification.css +10 -10
  235. package/dist/css/es/components/Progress/Progress.config.js +1 -1
  236. package/dist/css/es/components/Progress/Progress.config.js.map +1 -1
  237. package/dist/css/es/components/Progress/Progress.config_pwxa19.css +8 -0
  238. package/dist/css/es/components/Progress/Progress.css +8 -8
  239. package/dist/css/es/components/ProgressBarCircular/ProgressBarCircular.config.js +1 -1
  240. package/dist/css/es/components/ProgressBarCircular/ProgressBarCircular.config.js.map +1 -1
  241. package/dist/css/es/components/ProgressBarCircular/{ProgressBarCircular.config_wm5q9r.css → ProgressBarCircular.config_1nlwuj2.css} +7 -7
  242. package/dist/css/es/components/ProgressBarCircular/ProgressBarCircular.css +8 -8
  243. package/dist/css/es/components/Radiobox/Radiobox.config.js +7 -2
  244. package/dist/css/es/components/Radiobox/Radiobox.config.js.map +1 -1
  245. package/dist/css/es/components/Radiobox/{Radiobox.config_tlxvk.css → Radiobox.config_ubjjsb.css} +3 -2
  246. package/dist/css/es/components/Radiobox/Radiobox.css +6 -5
  247. package/dist/css/es/components/Range/Range.config.js +2 -2
  248. package/dist/css/es/components/Range/Range.config.js.map +1 -1
  249. package/dist/css/es/components/Range/{Range.config_1a7m11u.css → Range.config_vnh97d.css} +2 -2
  250. package/dist/css/es/components/Range/Range.css +8 -8
  251. package/dist/css/es/components/Select/Select.config.js +1 -1
  252. package/dist/css/es/components/Select/Select.config.js.map +1 -1
  253. package/dist/css/es/components/Select/{Select.config_1gfcg4w.css → Select.config_eja538.css} +6 -6
  254. package/dist/css/es/components/Select/Select.css +15 -15
  255. package/dist/css/es/components/Steps/Steps.config.js +1 -1
  256. package/dist/css/es/components/Steps/Steps.config.js.map +1 -1
  257. package/dist/css/{cjs/components/Steps/Steps.config_1soqhej.css → es/components/Steps/Steps.config_1axu604.css} +4 -4
  258. package/dist/css/es/components/Steps/Steps.css +12 -12
  259. package/dist/css/es/components/Switch/Switch.config.js +7 -2
  260. package/dist/css/es/components/Switch/Switch.config.js.map +1 -1
  261. package/dist/css/es/components/Switch/{Switch.config_12tusz7.css → Switch.config_1ovx9o2.css} +3 -2
  262. package/dist/css/es/components/Switch/Switch.css +8 -7
  263. package/dist/css/es/components/Tabs/Tabs.css +20 -20
  264. package/dist/css/es/components/Tabs/TabsController.css +15 -15
  265. package/dist/css/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js +1 -1
  266. package/dist/css/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js.map +1 -1
  267. package/dist/css/es/components/Tabs/horizontal/HorizontalTabItem.config.js +1 -1
  268. package/dist/css/es/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -1
  269. package/dist/css/es/components/Tabs/horizontal/HorizontalTabs.config.js +1 -1
  270. package/dist/css/es/components/Tabs/horizontal/HorizontalTabs.config.js.map +1 -1
  271. package/dist/css/es/components/Tabs/horizontal/{HorizontalTabs.config_r01l94.css → HorizontalTabs.config_ql2wop.css} +2 -2
  272. package/dist/css/es/components/Tabs/vertical/VerticalIconTabItem.config.js +1 -1
  273. package/dist/css/es/components/Tabs/vertical/VerticalIconTabItem.config.js.map +1 -1
  274. package/dist/css/es/components/Tabs/vertical/VerticalTabItem.config.js +1 -1
  275. package/dist/css/es/components/Tabs/vertical/VerticalTabItem.config.js.map +1 -1
  276. package/dist/css/es/components/Tabs/vertical/VerticalTabs.config.js +2 -2
  277. package/dist/css/es/components/Tabs/vertical/VerticalTabs.config.js.map +1 -1
  278. package/dist/css/es/components/Tabs/vertical/{VerticalTabs.config_5vcoi4.css → VerticalTabs.config_1bub8pe.css} +1 -1
  279. package/dist/css/es/components/TextArea/TextArea.clear.config.js +1 -1
  280. package/dist/css/es/components/TextArea/TextArea.clear.config.js.map +1 -1
  281. package/dist/css/{cjs/components/TextArea/TextArea.clear.config_mjjl9w.css → es/components/TextArea/TextArea.clear.config_176fr5b.css} +2 -2
  282. package/dist/css/es/components/TextArea/TextArea.config.js +2 -1
  283. package/dist/css/es/components/TextArea/TextArea.config.js.map +1 -1
  284. package/dist/css/es/components/TextArea/{TextArea.config_1snc8lz.css → TextArea.config_dzcemo.css} +5 -5
  285. package/dist/css/es/components/TextArea/TextArea.css +20 -20
  286. package/dist/css/es/components/TextField/TextField.config.js +1 -1
  287. package/dist/css/es/components/TextField/TextField.config.js.map +1 -1
  288. package/dist/css/{cjs/components/TextField/TextField.config_268m5h.css → es/components/TextField/TextField.config_348k62.css} +7 -7
  289. package/dist/css/es/components/TextField/TextField.css +18 -18
  290. package/dist/css/es/components/Toolbar/Toolbar.config.js +1 -1
  291. package/dist/css/es/components/Toolbar/Toolbar.config.js.map +1 -1
  292. package/dist/css/es/components/Toolbar/{Toolbar.config_wkxxdg.css → Toolbar.config_khgsbt.css} +1 -1
  293. package/dist/css/es/components/Toolbar/Toolbar.css +3 -3
  294. package/dist/css/es/components/Tree/Tree.config.js +1 -1
  295. package/dist/css/es/components/Tree/Tree.config.js.map +1 -1
  296. package/dist/css/{cjs/components/Tree/Tree.config_10ext9l.css → es/components/Tree/Tree.config_1uw52vy.css} +1 -1
  297. package/dist/css/es/components/Tree/Tree.css +3 -3
  298. package/dist/css/es/components/ViewContainer/ViewContainer.config.js +1 -1
  299. package/dist/css/es/components/ViewContainer/ViewContainer.config.js.map +1 -1
  300. package/dist/css/es/components/ViewContainer/ViewContainer.config_knx8j4.css +2 -0
  301. package/dist/css/es/components/ViewContainer/ViewContainer.css +2 -2
  302. package/dist/css/es/index.css +392 -369
  303. package/dist/styled-components/cjs/components/Attach/Attach.config.js +23 -70
  304. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +16 -16
  305. package/dist/styled-components/cjs/components/Avatar/Avatar.config.js +6 -6
  306. package/dist/styled-components/cjs/components/Badge/Badge.config.js +5 -5
  307. package/dist/styled-components/cjs/components/Button/Button.config.js +182 -86
  308. package/dist/styled-components/cjs/components/ButtonGroup/ButtonGroup.config.js +48 -69
  309. package/dist/styled-components/cjs/components/Calendar/Calendar.config.js +3 -3
  310. package/dist/styled-components/cjs/components/Calendar/CalendarDouble.config.js +4 -4
  311. package/dist/styled-components/cjs/components/Cell/Cell.config.js +4 -0
  312. package/dist/styled-components/cjs/components/Checkbox/Checkbox.config.js +44 -5
  313. package/dist/styled-components/cjs/components/Chip/Chip.config.js +5 -5
  314. package/dist/styled-components/cjs/components/ChipGroup/ChipGroup.config.js +3 -3
  315. package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +37 -37
  316. package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +16 -16
  317. package/dist/styled-components/cjs/components/Divider/Divider.config.js +1 -1
  318. package/dist/styled-components/cjs/components/Drawer/Drawer.config.js +1 -1
  319. package/dist/styled-components/cjs/components/Dropdown/Dropdown.config.js +2 -2
  320. package/dist/styled-components/cjs/components/EmbedIconButton/EmbedIconButton.config.js +116 -9
  321. package/dist/styled-components/cjs/components/IconButton/IconButton.config.js +171 -41
  322. package/dist/styled-components/cjs/components/LinkButton/LinkButton.config.js +126 -9
  323. package/dist/styled-components/cjs/components/List/List.config.js +1 -1
  324. package/dist/styled-components/cjs/components/Notification/Notification.config.js +5 -5
  325. package/dist/styled-components/cjs/components/Progress/Progress.config.js +8 -8
  326. package/dist/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.config.js +8 -8
  327. package/dist/styled-components/cjs/components/Radiobox/Radiobox.config.js +25 -4
  328. package/dist/styled-components/cjs/components/Range/Range.config.js +13 -13
  329. package/dist/styled-components/cjs/components/Scrollbar/Scrollbar.config.js +6 -2
  330. package/dist/styled-components/cjs/components/Select/Select.config.js +21 -21
  331. package/dist/styled-components/cjs/components/Steps/Steps.config.js +1 -1
  332. package/dist/styled-components/cjs/components/Switch/Switch.config.js +24 -4
  333. package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalIconTabItem.config.js +1 -1
  334. package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +1 -1
  335. package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +2 -2
  336. package/dist/styled-components/cjs/components/Tabs/vertical/VerticalIconTabItem.config.js +1 -1
  337. package/dist/styled-components/cjs/components/Tabs/vertical/VerticalTabItem.config.js +1 -1
  338. package/dist/styled-components/cjs/components/Tabs/vertical/VerticalTabs.config.js +2 -2
  339. package/dist/styled-components/cjs/components/TextArea/TextArea.clear.config.js +2 -2
  340. package/dist/styled-components/cjs/components/TextArea/TextArea.config.js +47 -46
  341. package/dist/styled-components/cjs/components/TextField/TextField.config.js +47 -33
  342. package/dist/styled-components/cjs/components/Tokens/Colors/Colors.styles.js +167 -0
  343. package/dist/styled-components/cjs/components/Tokens/NumberTokens/NumberTokens.styles.js +73 -0
  344. package/dist/styled-components/cjs/components/Tokens/Typography/Typography.styles.js +227 -0
  345. package/dist/styled-components/cjs/components/Toolbar/Toolbar.config.js +1 -1
  346. package/dist/styled-components/cjs/components/Tree/Tree.config.js +3 -3
  347. package/dist/styled-components/cjs/components/ViewContainer/ViewContainer.config.js +3 -3
  348. package/dist/styled-components/cjs/index.js +0 -1
  349. package/dist/styled-components/cjs/mixins/index.js +2 -2
  350. package/dist/styled-components/es/components/Attach/Attach.config.js +23 -70
  351. package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +16 -16
  352. package/dist/styled-components/es/components/Avatar/Avatar.config.js +6 -6
  353. package/dist/styled-components/es/components/Badge/Badge.config.js +5 -5
  354. package/dist/styled-components/es/components/Button/Button.config.js +182 -86
  355. package/dist/styled-components/es/components/ButtonGroup/ButtonGroup.config.js +48 -69
  356. package/dist/styled-components/es/components/Calendar/Calendar.config.js +3 -3
  357. package/dist/styled-components/es/components/Calendar/CalendarDouble.config.js +4 -4
  358. package/dist/styled-components/es/components/Cell/Cell.config.js +4 -0
  359. package/dist/styled-components/es/components/Checkbox/Checkbox.config.js +44 -5
  360. package/dist/styled-components/es/components/Chip/Chip.config.js +5 -5
  361. package/dist/styled-components/es/components/ChipGroup/ChipGroup.config.js +3 -3
  362. package/dist/styled-components/es/components/Combobox/Combobox.config.js +37 -37
  363. package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +16 -16
  364. package/dist/styled-components/es/components/Divider/Divider.config.js +1 -1
  365. package/dist/styled-components/es/components/Drawer/Drawer.config.js +1 -1
  366. package/dist/styled-components/es/components/Dropdown/Dropdown.config.js +2 -2
  367. package/dist/styled-components/es/components/EmbedIconButton/EmbedIconButton.config.js +116 -9
  368. package/dist/styled-components/es/components/IconButton/IconButton.config.js +171 -41
  369. package/dist/styled-components/es/components/LinkButton/LinkButton.config.js +126 -9
  370. package/dist/styled-components/es/components/List/List.config.js +1 -1
  371. package/dist/styled-components/es/components/Notification/Notification.config.js +5 -5
  372. package/dist/styled-components/es/components/Progress/Progress.config.js +8 -8
  373. package/dist/styled-components/es/components/ProgressBarCircular/ProgressBarCircular.config.js +8 -8
  374. package/dist/styled-components/es/components/Radiobox/Radiobox.config.js +25 -4
  375. package/dist/styled-components/es/components/Range/Range.config.js +13 -13
  376. package/dist/styled-components/es/components/Scrollbar/Scrollbar.config.js +6 -2
  377. package/dist/styled-components/es/components/Select/Select.config.js +21 -21
  378. package/dist/styled-components/es/components/Steps/Steps.config.js +1 -1
  379. package/dist/styled-components/es/components/Switch/Switch.config.js +24 -4
  380. package/dist/styled-components/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js +1 -1
  381. package/dist/styled-components/es/components/Tabs/horizontal/HorizontalTabItem.config.js +1 -1
  382. package/dist/styled-components/es/components/Tabs/horizontal/HorizontalTabs.config.js +2 -2
  383. package/dist/styled-components/es/components/Tabs/vertical/VerticalIconTabItem.config.js +1 -1
  384. package/dist/styled-components/es/components/Tabs/vertical/VerticalTabItem.config.js +1 -1
  385. package/dist/styled-components/es/components/Tabs/vertical/VerticalTabs.config.js +2 -2
  386. package/dist/styled-components/es/components/TextArea/TextArea.clear.config.js +2 -2
  387. package/dist/styled-components/es/components/TextArea/TextArea.config.js +47 -46
  388. package/dist/styled-components/es/components/TextField/TextField.config.js +47 -33
  389. package/dist/styled-components/es/components/Tokens/Colors/Colors.styles.js +108 -0
  390. package/dist/styled-components/es/components/Tokens/NumberTokens/NumberTokens.styles.js +38 -0
  391. package/dist/styled-components/es/components/Tokens/Typography/Typography.styles.js +156 -0
  392. package/dist/styled-components/es/components/Toolbar/Toolbar.config.js +1 -1
  393. package/dist/styled-components/es/components/Tree/Tree.config.js +3 -3
  394. package/dist/styled-components/es/components/ViewContainer/ViewContainer.config.js +1 -1
  395. package/dist/styled-components/es/index.js +0 -1
  396. package/dist/styled-components/es/mixins/index.js +1 -1
  397. package/package.json +8 -8
  398. package/types/components/Attach/Attach.config.d.ts +0 -1
  399. package/types/components/Attach/Attach.d.ts +0 -1
  400. package/types/components/Autocomplete/Autocomplete.d.ts +4 -4
  401. package/types/components/Button/Button.config.d.ts +5 -3
  402. package/types/components/Button/Button.d.ts +0 -6
  403. package/types/components/ButtonGroup/ButtonGroup.config.d.ts +0 -1
  404. package/types/components/ButtonGroup/ButtonGroup.d.ts +0 -1
  405. package/types/components/Cell/Cell.config.d.ts +4 -0
  406. package/types/components/Checkbox/Checkbox.config.d.ts +5 -0
  407. package/types/components/Combobox/Combobox.d.ts +12 -12
  408. package/types/components/DatePicker/DatePicker.d.ts +2 -2
  409. package/types/components/Dropdown/Dropdown.d.ts +36 -43
  410. package/types/components/EmbedIconButton/EmbedIconButton.config.d.ts +5 -0
  411. package/types/components/IconButton/IconButton.config.d.ts +5 -1
  412. package/types/components/IconButton/IconButton.d.ts +0 -1
  413. package/types/components/LinkButton/LinkButton.config.d.ts +5 -0
  414. package/types/components/Radiobox/Radiobox.config.d.ts +5 -0
  415. package/types/components/Range/Range.d.ts +6 -6
  416. package/types/components/Scrollbar/Scrollbar.config.d.ts +4 -0
  417. package/types/components/Select/Select.d.ts +72 -88
  418. package/types/components/Switch/Switch.config.d.ts +5 -0
  419. package/types/components/TextArea/TextArea.config.d.ts +1 -0
  420. package/types/components/TextArea/TextArea.d.ts +16 -16
  421. package/types/components/TextField/TextField.d.ts +4 -4
  422. package/types/components/Tokens/Colors/Colors.styles.d.ts +35 -0
  423. package/types/components/Tokens/NumberTokens/NumberTokens.styles.d.ts +6 -0
  424. package/types/components/Tokens/Typography/Typography.styles.d.ts +43 -0
  425. package/types/index.d.ts +0 -1
  426. package/types/mixins/index.d.ts +3 -3
  427. package/dist/css/cjs/components/Button/Button.config_1xb1cj5.css +0 -20
  428. package/dist/css/cjs/components/Notification/Notification.config_132q76f.css +0 -10
  429. package/dist/css/cjs/components/Progress/Progress.config_qfagpr.css +0 -8
  430. package/dist/css/cjs/components/ViewContainer/ViewContainer.config_1i5wygu.css +0 -2
  431. package/dist/css/es/components/Button/Button.config_1xb1cj5.css +0 -20
  432. package/dist/css/es/components/Notification/Notification.config_132q76f.css +0 -10
  433. package/dist/css/es/components/Progress/Progress.config_qfagpr.css +0 -8
  434. package/dist/css/es/components/ViewContainer/ViewContainer.config_1i5wygu.css +0 -2
  435. package/dist/styled-components/cjs/components/TextField/TextField.clear.config.js +0 -831
  436. package/dist/styled-components/cjs/tokens/index.js +0 -129
  437. package/dist/styled-components/es/components/TextField/TextField.clear.config.js +0 -821
  438. package/dist/styled-components/es/tokens/index.js +0 -2
  439. package/types/components/TextField/TextField.clear.config.d.ts +0 -47
  440. package/types/tokens/index.d.ts +0 -2
package/dist/css/es/components/Badge/Badge.css CHANGED
@@ -1,12 +1,12 @@
1
- .Badge_config_llrkxs_d1jjv431__7965d0b4{--plasma-badge-color:var(--inverse-text-primary);--plasma-badge-background:var(--surface-solid-default);--plasma-badge-color-transparent:var(--text-primary);--plasma-badge-background-transparent:var(--surface-transparent-secondary);--plasma-badge-color-clear:var(--text-primary);}
2
- .Badge_config_llrkxs_a19urrnd__7965d0b4{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-accent);--plasma-badge-color-transparent:var(--text-accent);--plasma-badge-background-transparent:var(--surface-transparent-accent);--plasma-badge-color-clear:var(--text-accent);}
3
- .Badge_config_llrkxs_pyyyj31__7965d0b4{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-positive);--plasma-badge-color-transparent:var(--text-positive);--plasma-badge-background-transparent:var(--surface-transparent-positive);--plasma-badge-color-clear:var(--text-positive);}
4
- .Badge_config_llrkxs_wuooskw__7965d0b4{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-warning);--plasma-badge-color-transparent:var(--text-warning);--plasma-badge-background-transparent:var(--surface-transparent-warning);--plasma-badge-color-clear:var(--text-warning);}
5
- .Badge_config_llrkxs_n15m2vr9__7965d0b4{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-negative);--plasma-badge-color-transparent:var(--text-negative);--plasma-badge-background-transparent:var(--surface-transparent-negative);--plasma-badge-color-clear:var(--text-negative);}
6
- .Badge_config_llrkxs_d18um2tl__7965d0b4{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--on-light-surface-solid-default);--plasma-badge-color-transparent:var(--on-dark-text-primary);--plasma-badge-background-transparent:var(--on-light-surface-transparent-deep);--plasma-badge-color-clear:var(--on-light-text-primary);}
7
- .Badge_config_llrkxs_l1ax9ooi__7965d0b4{--plasma-badge-color:var(--on-light-text-primary);--plasma-badge-background:var(--on-dark-surface-solid-default);--plasma-badge-color-transparent:var(--on-dark-text-primary);--plasma-badge-background-transparent:var(--on-dark-surface-transparent-card);--plasma-badge-color-clear:var(--on-dark-text-primary);}
8
- .Badge_config_llrkxs_l120gqtu__7965d0b4{--plasma-badge-border-radius:0.5rem;--plasma-badge-height:1.75rem;--plasma-badge-padding:0 0.6875rem;--plasma-badge-padding-icon-only:0 0.375rem;--plasma-badge-font-family:var(--plasma-typo-body-s-font-family);--plasma-badge-font-size:var(--plasma-typo-body-s-font-size);--plasma-badge-font-style:var(--plasma-typo-body-s-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-s-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.25rem;--plasma-badge-right-content-margin-left:0.25rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
9
- .Badge_config_llrkxs_m1axkt51__7965d0b4{--plasma-badge-border-radius:0.375rem;--plasma-badge-height:1.5rem;--plasma-badge-padding:0 0.5625rem;--plasma-badge-padding-icon-only:0 0.375rem;--plasma-badge-font-family:var(--plasma-typo-body-xs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.1875rem;--plasma-badge-right-content-margin-left:0.1875rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
10
- .Badge_config_llrkxs_s1nq2efa__7965d0b4{--plasma-badge-border-radius:0.375rem;--plasma-badge-height:1.25rem;--plasma-badge-padding:0 0.4375rem;--plasma-badge-padding-icon-only:0 0.25rem;--plasma-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.125rem;--plasma-badge-right-content-margin-left:0.125rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
11
- .Badge_config_llrkxs_t1nw4jlc__7965d0b4{--plasma-badge-pilled-border-radius:1.25rem;}
12
- .Badge_config_llrkxs_ttdupg3__7965d0b4{--plasma-badge-background-clear:var(--surface-clear);}
1
+ .Badge_config_1ch08c8_d1jjv431__5a9faa40{--plasma-badge-color:var(--inverse-text-primary);--plasma-badge-background:var(--surface-solid-default);--plasma-badge-color-transparent:var(--text-primary);--plasma-badge-background-transparent:var(--surface-solid-secondary);--plasma-badge-color-clear:var(--text-primary);}
2
+ .Badge_config_1ch08c8_a19urrnd__5a9faa40{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-accent);--plasma-badge-color-transparent:var(--text-accent);--plasma-badge-background-transparent:var(--surface-solid-accent);--plasma-badge-color-clear:var(--text-accent);}
3
+ .Badge_config_1ch08c8_pyyyj31__5a9faa40{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-positive);--plasma-badge-color-transparent:var(--text-positive);--plasma-badge-background-transparent:var(--surface-solid-positive);--plasma-badge-color-clear:var(--text-positive);}
4
+ .Badge_config_1ch08c8_wuooskw__5a9faa40{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-warning);--plasma-badge-color-transparent:var(--text-warning);--plasma-badge-background-transparent:var(--surface-solid-warning);--plasma-badge-color-clear:var(--text-warning);}
5
+ .Badge_config_1ch08c8_n15m2vr9__5a9faa40{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-negative);--plasma-badge-color-transparent:var(--text-negative);--plasma-badge-background-transparent:var(--surface-solid-negative);--plasma-badge-color-clear:var(--text-negative);}
6
+ .Badge_config_1ch08c8_d18um2tl__5a9faa40{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--on-light-surface-solid-default);--plasma-badge-color-transparent:var(--on-dark-text-primary);--plasma-badge-background-transparent:var(--on-light-surface-transparent-deep);--plasma-badge-color-clear:var(--on-light-text-primary);}
7
+ .Badge_config_1ch08c8_l1ax9ooi__5a9faa40{--plasma-badge-color:var(--on-light-text-primary);--plasma-badge-background:var(--on-dark-surface-solid-default);--plasma-badge-color-transparent:var(--on-dark-text-primary);--plasma-badge-background-transparent:var(--on-dark-surface-transparent-card);--plasma-badge-color-clear:var(--on-dark-text-primary);}
8
+ .Badge_config_1ch08c8_l120gqtu__5a9faa40{--plasma-badge-border-radius:0.5rem;--plasma-badge-height:1.75rem;--plasma-badge-padding:0 0.6875rem;--plasma-badge-padding-icon-only:0 0.375rem;--plasma-badge-font-family:var(--plasma-typo-body-s-font-family);--plasma-badge-font-size:var(--plasma-typo-body-s-font-size);--plasma-badge-font-style:var(--plasma-typo-body-s-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-s-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.25rem;--plasma-badge-right-content-margin-left:0.25rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
9
+ .Badge_config_1ch08c8_m1axkt51__5a9faa40{--plasma-badge-border-radius:0.375rem;--plasma-badge-height:1.5rem;--plasma-badge-padding:0 0.5625rem;--plasma-badge-padding-icon-only:0 0.375rem;--plasma-badge-font-family:var(--plasma-typo-body-xs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.1875rem;--plasma-badge-right-content-margin-left:0.1875rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
10
+ .Badge_config_1ch08c8_s1nq2efa__5a9faa40{--plasma-badge-border-radius:0.375rem;--plasma-badge-height:1.25rem;--plasma-badge-padding:0 0.4375rem;--plasma-badge-padding-icon-only:0 0.25rem;--plasma-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.125rem;--plasma-badge-right-content-margin-left:0.125rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
11
+ .Badge_config_1ch08c8_t1nw4jlc__5a9faa40{--plasma-badge-pilled-border-radius:1.25rem;}
12
+ .Badge_config_1ch08c8_ttdupg3__5a9faa40{--plasma-badge-background-clear:var(--surface-clear);}
package/dist/css/es/components/Button/Button.config.js CHANGED
@@ -1,4 +1,4 @@
1
- import './Button.config_1xb1cj5.css';
1
+ import './Button.config_13m63cu.css';
2
2
  var config = {
3
3
  defaults: {
4
4
  view: 'default',
@@ -14,29 +14,63 @@ var config = {
14
14
  positive: "pleczrv",
15
15
  warning: "wlekduy",
16
16
  negative: "n1yfa47j",
17
- dark: "dsb1lec",
18
- black: "b123wpoi",
19
- white: "w1w797f8"
17
+ black: "bsb1lec",
18
+ white: "w123wpoi"
20
19
  },
21
20
  size: {
22
- l: "l1toqou7",
23
- m: "my229gi",
24
- s: "s1joiaye",
25
- xs: "x1i1eza5",
26
- xxs: "x1r1gaby"
21
+ l: "l1w797f8",
22
+ m: "m1toqou7",
23
+ s: "sy229gi"
27
24
  },
28
25
  disabled: {
29
- "true": "tqhwg07"
26
+ "true": "t1joiaye"
30
27
  },
31
28
  focused: {
32
- "true": "t1bf1tsb"
29
+ "true": "t1i1eza5"
33
30
  },
34
31
  stretching: {
35
- auto: "a1ca3q6l",
36
- filled: "frk6508",
37
- fixed: "f2s1r71"
32
+ auto: "a1r1gaby",
33
+ filled: "fqhwg07",
34
+ fixed: "f1bf1tsb"
38
35
  }
39
- }
36
+ },
37
+ intersections: [{
38
+ view: 'default',
39
+ disabled: true,
40
+ style: "s1ca3q6l"
41
+ }, {
42
+ view: 'accent',
43
+ disabled: true,
44
+ style: "srk6508"
45
+ }, {
46
+ view: 'secondary',
47
+ disabled: true,
48
+ style: "s2s1r71"
49
+ }, {
50
+ view: 'clear',
51
+ disabled: true,
52
+ style: "sf053fi"
53
+ }, {
54
+ view: 'positive',
55
+ disabled: true,
56
+ style: "s17x5rnm"
57
+ }, {
58
+ view: 'warning',
59
+ disabled: true,
60
+ style: "sppmfmz"
61
+ }, {
62
+ view: 'negative',
63
+ disabled: true,
64
+ style: "saa8u42"
65
+ }, {
66
+ view: 'black',
67
+ disabled: true,
68
+ style: "s1y67d5i"
69
+ }, {
70
+ view: 'white',
71
+ disabled: true,
72
+ style: "s1vaux9i"
73
+ }]
40
74
  };
41
75
 
42
76
  export { config };
package/dist/css/es/components/Button/Button.config.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.config.js","sources":["../../../../../src-css/components/Button/Button.config.ts"],"sourcesContent":["import { css, buttonTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n focused: 'true',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${buttonTokens.buttonColor}: var(--inverse-text-primary);\n ${buttonTokens.buttonTextColor}: var(--inverse-text-primary);\n ${buttonTokens.buttonIconColor}: var(--inverse-text-primary);\n ${buttonTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--inverse-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--inverse-text-primary-active);\n `,\n accent: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonIconColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-accent);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n `,\n secondary: css`\n ${buttonTokens.buttonColor}: var(--text-primary);\n ${buttonTokens.buttonTextColor}: var(--text-primary);\n ${buttonTokens.buttonIconColor}: var(--text-primary);\n ${buttonTokens.buttonValueColor}: var(--text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n clear: css`\n ${buttonTokens.buttonColor}: var(--text-primary);\n ${buttonTokens.buttonTextColor}: var(--text-primary);\n ${buttonTokens.buttonIconColor}: var(--text-primary);\n ${buttonTokens.buttonValueColor}: var(--text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-clear);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n positive: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonIconColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-positive);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n `,\n warning: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonIconColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-warning);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n `,\n negative: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonIconColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-negative);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n `,\n dark: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonIconColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary-active);\n `,\n black: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonIconColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary-active);\n `,\n white: css`\n ${buttonTokens.buttonColor}: var(--on-light-text-primary);\n ${buttonTokens.buttonTextColor}: var(--on-light-text-primary);\n ${buttonTokens.buttonIconColor}: var(--on-light-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-light-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--on-light-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--on-light-text-primary-active);\n `,\n },\n size: {\n l: css`\n ${buttonTokens.buttonHeight}: 3.5rem;\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonPadding}: 1.5rem;\n ${buttonTokens.buttonRadius}: 0.875rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.5rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.5rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.5rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.375rem;\n `,\n m: css`\n ${buttonTokens.buttonHeight}: 3rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonPadding}: 1.25rem;\n ${buttonTokens.buttonRadius}: 0.75rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.375rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.375rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.375rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.25rem;\n `,\n s: css`\n ${buttonTokens.buttonHeight}: 2.5rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonPadding}: 1rem;\n ${buttonTokens.buttonRadius}: 0.625rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.25rem;\n `,\n xs: css`\n ${buttonTokens.buttonHeight}: 2rem;\n ${buttonTokens.buttonWidth}: 10rem;\n ${buttonTokens.buttonPadding}: 0.75rem;\n ${buttonTokens.buttonRadius}: 0.5rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.125rem;\n `,\n xxs: css`\n ${buttonTokens.buttonHeight}: 1.5rem;\n ${buttonTokens.buttonWidth}: 8.75rem;\n ${buttonTokens.buttonPadding}: 0.625rem;\n ${buttonTokens.buttonRadius}: 0.375rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 0.75rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMargin}: 0 0rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.125rem;\n `,\n },\n disabled: {\n true: css`\n ${buttonTokens.buttonDisabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${buttonTokens.buttonFocusColor}: var(--surface-accent);\n `,\n },\n stretching: {\n auto: css``,\n filled: css``,\n fixed: css``,\n },\n },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","accent","secondary","clear","positive","warning","negative","dark","black","white","l","m","s","xs","xxs","disabled","true","stretching","auto","filled","fixed"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,UASN;AACDC,MAAAA,MAAM,EAAA,UASL;AACDC,MAAAA,SAAS,EAAA,SASR;AACDC,MAAAA,KAAK,EAAA,SASJ;AACDC,MAAAA,QAAQ,EAAA,SASP;AACDC,MAAAA,OAAO,EAAA,SASN;AACDC,MAAAA,QAAQ,EAAA,UASP;AACDC,MAAAA,IAAI,EAAA,SASH;AACDC,MAAAA,KAAK,EAAA,UASJ;AACDC,MAAAA,KAAK,EAAA;KAUR;AACDX,IAAAA,IAAI,EAAE;AACFY,MAAAA,CAAC,EAAA,UAoBA;AACDC,MAAAA,CAAC,EAAA,SAoBA;AACDC,MAAAA,CAAC,EAAA,UAoBA;AACDC,MAAAA,EAAE,EAAA,UAoBD;AACDC,MAAAA,GAAG,EAAA;KAqBN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDnB,IAAAA,OAAO,EAAE;MACLmB,MAAAA,EAAI;KAGP;AACDC,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAA,UAAO;AACXC,MAAAA,MAAM,EAAA,SAAO;AACbC,MAAAA,KAAK,EAAA;AACT;AACJ;AACJ;;;;"}
1
+ {"version":3,"file":"Button.config.js","sources":["../../../../../src-css/components/Button/Button.config.ts"],"sourcesContent":["import { css, buttonTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n focused: 'true',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${buttonTokens.buttonColor}: var(--inverse-text-primary);\n ${buttonTokens.buttonTextColor}: var(--inverse-text-primary);\n ${buttonTokens.buttonIconColor}: var(--inverse-text-primary);\n ${buttonTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--inverse-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--inverse-text-primary-active);\n `,\n accent: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonIconColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-accent);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n `,\n secondary: css`\n ${buttonTokens.buttonColor}: var(--text-primary);\n ${buttonTokens.buttonTextColor}: var(--text-primary);\n ${buttonTokens.buttonIconColor}: var(--text-primary);\n ${buttonTokens.buttonValueColor}: var(--text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-solid-secondary);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-solid-secondary-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-solid-secondary-active);\n `,\n clear: css`\n ${buttonTokens.buttonColor}: var(--text-primary);\n ${buttonTokens.buttonTextColor}: var(--text-primary);\n ${buttonTokens.buttonIconColor}: var(--text-primary);\n ${buttonTokens.buttonValueColor}: var(--text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-clear);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-solid-secondary-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-solid-secondary-active);\n `,\n positive: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonIconColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-positive);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n `,\n warning: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonIconColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-warning);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n `,\n negative: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonIconColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-negative);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n `,\n black: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonIconColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary-active);\n `,\n white: css`\n ${buttonTokens.buttonColor}: var(--on-light-text-primary);\n ${buttonTokens.buttonTextColor}: var(--on-light-text-primary);\n ${buttonTokens.buttonIconColor}: var(--on-light-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-light-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--on-light-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--on-light-text-primary-active);\n `,\n },\n size: {\n l: css`\n ${buttonTokens.buttonHeight}: 3.5rem;\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonPadding}: 1.5rem;\n ${buttonTokens.buttonRadius}: 0.875rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.5rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.5rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.5rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.375rem;\n `,\n m: css`\n ${buttonTokens.buttonHeight}: 3rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonPadding}: 1.25rem;\n ${buttonTokens.buttonRadius}: 0.75rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.375rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.375rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.375rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.25rem;\n `,\n s: css`\n ${buttonTokens.buttonHeight}: 2.5rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonPadding}: 1rem;\n ${buttonTokens.buttonRadius}: 0.625rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${buttonTokens.buttonDisabledOpacity}: 1;\n `,\n },\n focused: {\n true: css`\n ${buttonTokens.buttonFocusColor}: var(--surface-accent);\n `,\n },\n stretching: {\n auto: css``,\n filled: css``,\n fixed: css``,\n },\n },\n intersections: [\n {\n view: 'default',\n disabled: true,\n style: css`\n ${buttonTokens.buttonColor}: var(--text-tertiary);\n ${buttonTokens.buttonTextColor}: var(--text-tertiary);\n ${buttonTokens.buttonIconColor}: var(--text-tertiary);\n ${buttonTokens.buttonValueColor}: var(--text-tertiary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-solid-tertiary);\n `,\n },\n {\n view: 'accent',\n disabled: true,\n style: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-accent-minor);\n ${buttonTokens.buttonTextColor}: var(--on-dark-text-accent-minor);\n ${buttonTokens.buttonIconColor}: var(--on-dark-text-accent-minor);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-accent-minor);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-accent);\n `,\n },\n {\n view: 'secondary',\n disabled: true,\n style: css`\n ${buttonTokens.buttonColor}: var(--text-tertiary);\n ${buttonTokens.buttonTextColor}: var(--text-tertiary);\n ${buttonTokens.buttonIconColor}: var(--text-tertiary);\n ${buttonTokens.buttonValueColor}: var(--text-tertiary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-solid-secondary);\n `,\n },\n {\n view: 'clear',\n disabled: true,\n style: css`\n ${buttonTokens.buttonColor}: var(--text-tertiary);\n ${buttonTokens.buttonTextColor}: var(--text-tertiary);\n ${buttonTokens.buttonIconColor}: var(--text-tertiary);\n ${buttonTokens.buttonValueColor}: var(--text-tertiary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-clear);\n `,\n },\n {\n view: 'positive',\n disabled: true,\n style: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-positive-minor);\n ${buttonTokens.buttonTextColor}: var(--on-dark-text-positive-minor);\n ${buttonTokens.buttonIconColor}: var(--on-dark-text-positive-minor);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-positive-minor);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-positive);\n `,\n },\n {\n view: 'warning',\n disabled: true,\n style: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-warning);\n ${buttonTokens.buttonTextColor}: var(--on-dark-text-warning);\n ${buttonTokens.buttonIconColor}: var(--on-dark-text-warning);\n ${buttonTokens.buttonValueColor}: var(--text-warning-minor);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-warning-minor);\n `,\n },\n {\n view: 'negative',\n disabled: true,\n style: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-negative);\n ${buttonTokens.buttonTextColor}: var(--on-dark-text-negative);\n ${buttonTokens.buttonIconColor}: var(--on-dark-text-negative);\n ${buttonTokens.buttonValueColor}: var(--text-negative-minor);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-negative-minor);\n `,\n },\n {\n view: 'black',\n disabled: true,\n style: css`\n ${buttonTokens.buttonBackgroundColor}: var(--surface-solid-tertiary);\n `,\n },\n {\n view: 'white',\n disabled: true,\n style: css`\n ${buttonTokens.buttonColor}: var(--on-light-text-tertiary);\n ${buttonTokens.buttonTextColor}: var(--on-light-text-tertiary);\n ${buttonTokens.buttonIconColor}: var(--on-light-text-tertiary);\n ${buttonTokens.buttonValueColor}: var(--on-light-text-tertiary);\n ${buttonTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n `,\n },\n ],\n};\n"],"names":["config","defaults","view","focused","size","variations","default","accent","secondary","clear","positive","warning","negative","black","white","l","m","s","disabled","true","stretching","auto","filled","fixed","intersections","style"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,UASN;AACDC,MAAAA,MAAM,EAAA,UASL;AACDC,MAAAA,SAAS,EAAA,SASR;AACDC,MAAAA,KAAK,EAAA,SASJ;AACDC,MAAAA,QAAQ,EAAA,SASP;AACDC,MAAAA,OAAO,EAAA,SASN;AACDC,MAAAA,QAAQ,EAAA,UASP;AACDC,MAAAA,KAAK,EAAA,SASJ;AACDC,MAAAA,KAAK,EAAA;KAUR;AACDV,IAAAA,IAAI,EAAE;AACFW,MAAAA,CAAC,EAAA,UAoBA;AACDC,MAAAA,CAAC,EAAA,UAoBA;AACDC,MAAAA,CAAC,EAAA;KAqBJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDhB,IAAAA,OAAO,EAAE;MACLgB,MAAAA,EAAI;KAGP;AACDC,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAA,UAAO;AACXC,MAAAA,MAAM,EAAA,SAAO;AACbC,MAAAA,KAAK,EAAA;AACT;GACH;AACDC,EAAAA,aAAa,EAAE,CACX;AACItB,IAAAA,IAAI,EAAE,SAAS;AACfgB,IAAAA,QAAQ,EAAE,IAAI;AACdO,IAAAA,KAAK,EAAA;AAOT,GAAC,EACD;AACIvB,IAAAA,IAAI,EAAE,QAAQ;AACdgB,IAAAA,QAAQ,EAAE,IAAI;AACdO,IAAAA,KAAK,EAAA;AAOT,GAAC,EACD;AACIvB,IAAAA,IAAI,EAAE,WAAW;AACjBgB,IAAAA,QAAQ,EAAE,IAAI;AACdO,IAAAA,KAAK,EAAA;AAOT,GAAC,EACD;AACIvB,IAAAA,IAAI,EAAE,OAAO;AACbgB,IAAAA,QAAQ,EAAE,IAAI;AACdO,IAAAA,KAAK,EAAA;AAOT,GAAC,EACD;AACIvB,IAAAA,IAAI,EAAE,UAAU;AAChBgB,IAAAA,QAAQ,EAAE,IAAI;AACdO,IAAAA,KAAK,EAAA;AAOT,GAAC,EACD;AACIvB,IAAAA,IAAI,EAAE,SAAS;AACfgB,IAAAA,QAAQ,EAAE,IAAI;AACdO,IAAAA,KAAK,EAAA;AAOT,GAAC,EACD;AACIvB,IAAAA,IAAI,EAAE,UAAU;AAChBgB,IAAAA,QAAQ,EAAE,IAAI;AACdO,IAAAA,KAAK,EAAA;AAOT,GAAC,EACD;AACIvB,IAAAA,IAAI,EAAE,OAAO;AACbgB,IAAAA,QAAQ,EAAE,IAAI;AACdO,IAAAA,KAAK,EAAA;AAGT,GAAC,EACD;AACIvB,IAAAA,IAAI,EAAE,OAAO;AACbgB,IAAAA,QAAQ,EAAE,IAAI;AACdO,IAAAA,KAAK,EAAA;GAOR;AAET;;;;"}
package/dist/css/es/components/Button/Button.config_13m63cu.css ADDED
@@ -0,0 +1,26 @@
1
+ .d1fnkof5{--plasma-button-color:var(--inverse-text-primary);--plasma-button-text-color:var(--inverse-text-primary);--plasma-button-icon-color:var(--inverse-text-primary);--plasma-button-value-color:var(--inverse-text-secondary);--plasma-button-background-color:var(--surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--inverse-text-primary-hover);--plasma-button-color-active:var(--inverse-text-primary-active);}
2
+ .a1129msw{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-text-color:var(--on-dark-text-primary);--plasma-button-icon-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
3
+ .sbaqjet{--plasma-button-color:var(--text-primary);--plasma-button-text-color:var(--text-primary);--plasma-button-icon-color:var(--text-primary);--plasma-button-value-color:var(--text-secondary);--plasma-button-background-color:var(--surface-solid-secondary);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-solid-secondary-hover);--plasma-button-background-color-active:var(--surface-solid-secondary-active);}
4
+ .cmxfxlw{--plasma-button-color:var(--text-primary);--plasma-button-text-color:var(--text-primary);--plasma-button-icon-color:var(--text-primary);--plasma-button-value-color:var(--text-secondary);--plasma-button-background-color:var(--surface-clear);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-solid-secondary-hover);--plasma-button-background-color-active:var(--surface-solid-secondary-active);}
5
+ .pleczrv{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-text-color:var(--on-dark-text-primary);--plasma-button-icon-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-positive);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-positive-hover);--plasma-button-background-color-active:var(--surface-positive-active);}
6
+ .wlekduy{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-text-color:var(--on-dark-text-primary);--plasma-button-icon-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-warning);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-warning-hover);--plasma-button-background-color-active:var(--surface-warning-active);}
7
+ .n1yfa47j{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-text-color:var(--on-dark-text-primary);--plasma-button-icon-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-negative);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-negative-hover);--plasma-button-background-color-active:var(--surface-negative-active);}
8
+ .bsb1lec{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-text-color:var(--on-dark-text-primary);--plasma-button-icon-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--on-light-surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary-hover);--plasma-button-color-active:var(--on-dark-text-primary-active);}
9
+ .w123wpoi{--plasma-button-color:var(--on-light-text-primary);--plasma-button-text-color:var(--on-light-text-primary);--plasma-button-icon-color:var(--on-light-text-primary);--plasma-button-value-color:var(--on-light-text-secondary);--plasma-button-background-color:var(--on-dark-surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-light-text-primary-hover);--plasma-button-color-active:var(--on-light-text-primary-active);}
10
+ .l1w797f8{--plasma-button-height:3.5rem;--plasma-button-width:12.5rem;--plasma-button-padding:1.5rem;--plasma-button-radius:0.875rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.5rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.5rem;--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin:0 0 0 0.5rem;--plasma-button-additional-content-margin-right-width-value:0.375rem;}
11
+ .m1toqou7{--plasma-button-height:3rem;--plasma-button-width:11.25rem;--plasma-button-padding:1.25rem;--plasma-button-radius:0.75rem;--plasma-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.375rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.375rem;--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin:0 0 0 0.375rem;--plasma-button-additional-content-margin-right-width-value:0.25rem;}
12
+ .sy229gi{--plasma-button-height:2.5rem;--plasma-button-width:11.25rem;--plasma-button-padding:1rem;--plasma-button-radius:0.625rem;--plasma-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin-right-width-value:0.25rem;}
13
+ .t1joiaye{--plasma-button-disabled-opacity:1;}
14
+ .t1i1eza5{--plasma-button-focus-color:var(--surface-accent);}
15
+
16
+
17
+
18
+ .s1ca3q6l{--plasma-button-color:var(--text-tertiary);--plasma-button-text-color:var(--text-tertiary);--plasma-button-icon-color:var(--text-tertiary);--plasma-button-value-color:var(--text-tertiary);--plasma-button-background-color:var(--surface-solid-tertiary);}
19
+ .srk6508{--plasma-button-color:var(--on-dark-text-accent-minor);--plasma-button-text-color:var(--on-dark-text-accent-minor);--plasma-button-icon-color:var(--on-dark-text-accent-minor);--plasma-button-value-color:var(--on-dark-text-accent-minor);--plasma-button-background-color:var(--surface-accent);}
20
+ .s2s1r71{--plasma-button-color:var(--text-tertiary);--plasma-button-text-color:var(--text-tertiary);--plasma-button-icon-color:var(--text-tertiary);--plasma-button-value-color:var(--text-tertiary);--plasma-button-background-color:var(--surface-solid-secondary);}
21
+ .sf053fi{--plasma-button-color:var(--text-tertiary);--plasma-button-text-color:var(--text-tertiary);--plasma-button-icon-color:var(--text-tertiary);--plasma-button-value-color:var(--text-tertiary);--plasma-button-background-color:var(--surface-clear);}
22
+ .s17x5rnm{--plasma-button-color:var(--on-dark-text-positive-minor);--plasma-button-text-color:var(--on-dark-text-positive-minor);--plasma-button-icon-color:var(--on-dark-text-positive-minor);--plasma-button-value-color:var(--on-dark-text-positive-minor);--plasma-button-background-color:var(--surface-positive);}
23
+ .sppmfmz{--plasma-button-color:var(--on-dark-text-warning);--plasma-button-text-color:var(--on-dark-text-warning);--plasma-button-icon-color:var(--on-dark-text-warning);--plasma-button-value-color:var(--text-warning-minor);--plasma-button-background-color:var(--surface-warning-minor);}
24
+ .saa8u42{--plasma-button-color:var(--on-dark-text-negative);--plasma-button-text-color:var(--on-dark-text-negative);--plasma-button-icon-color:var(--on-dark-text-negative);--plasma-button-value-color:var(--text-negative-minor);--plasma-button-background-color:var(--surface-negative-minor);}
25
+ .s1y67d5i{--plasma-button-background-color:var(--surface-solid-tertiary);}
26
+ .s1vaux9i{--plasma-button-color:var(--on-light-text-tertiary);--plasma-button-text-color:var(--on-light-text-tertiary);--plasma-button-icon-color:var(--on-light-text-tertiary);--plasma-button-value-color:var(--on-light-text-tertiary);--plasma-button-background-color:var(--on-dark-surface-solid-default);}
package/dist/css/es/components/Button/Button.css CHANGED
@@ -1,20 +1,26 @@
1
- .Button_config_1xb1cj5_d1fnkof5__5eebf742{--plasma-button-color:var(--inverse-text-primary);--plasma-button-text-color:var(--inverse-text-primary);--plasma-button-icon-color:var(--inverse-text-primary);--plasma-button-value-color:var(--inverse-text-secondary);--plasma-button-background-color:var(--surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--inverse-text-primary-hover);--plasma-button-color-active:var(--inverse-text-primary-active);}
2
- .Button_config_1xb1cj5_a1129msw__5eebf742{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-text-color:var(--on-dark-text-primary);--plasma-button-icon-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
3
- .Button_config_1xb1cj5_sbaqjet__5eebf742{--plasma-button-color:var(--text-primary);--plasma-button-text-color:var(--text-primary);--plasma-button-icon-color:var(--text-primary);--plasma-button-value-color:var(--text-secondary);--plasma-button-background-color:var(--surface-transparent-secondary);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-background-color-active:var(--surface-transparent-secondary-active);}
4
- .Button_config_1xb1cj5_cmxfxlw__5eebf742{--plasma-button-color:var(--text-primary);--plasma-button-text-color:var(--text-primary);--plasma-button-icon-color:var(--text-primary);--plasma-button-value-color:var(--text-secondary);--plasma-button-background-color:var(--surface-clear);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-background-color-active:var(--surface-transparent-secondary-active);}
5
- .Button_config_1xb1cj5_pleczrv__5eebf742{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-text-color:var(--on-dark-text-primary);--plasma-button-icon-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-positive);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-positive-hover);--plasma-button-background-color-active:var(--surface-positive-active);}
6
- .Button_config_1xb1cj5_wlekduy__5eebf742{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-text-color:var(--on-dark-text-primary);--plasma-button-icon-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-warning);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-warning-hover);--plasma-button-background-color-active:var(--surface-warning-active);}
7
- .Button_config_1xb1cj5_n1yfa47j__5eebf742{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-text-color:var(--on-dark-text-primary);--plasma-button-icon-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-negative);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-negative-hover);--plasma-button-background-color-active:var(--surface-negative-active);}
8
- .Button_config_1xb1cj5_dsb1lec__5eebf742{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-text-color:var(--on-dark-text-primary);--plasma-button-icon-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--on-light-surface-transparent-deep);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary-hover);--plasma-button-color-active:var(--on-dark-text-primary-active);}
9
- .Button_config_1xb1cj5_b123wpoi__5eebf742{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-text-color:var(--on-dark-text-primary);--plasma-button-icon-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--on-light-surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary-hover);--plasma-button-color-active:var(--on-dark-text-primary-active);}
10
- .Button_config_1xb1cj5_w1w797f8__5eebf742{--plasma-button-color:var(--on-light-text-primary);--plasma-button-text-color:var(--on-light-text-primary);--plasma-button-icon-color:var(--on-light-text-primary);--plasma-button-value-color:var(--on-light-text-secondary);--plasma-button-background-color:var(--on-dark-surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-light-text-primary-hover);--plasma-button-color-active:var(--on-light-text-primary-active);}
11
- .Button_config_1xb1cj5_l1toqou7__5eebf742{--plasma-button-height:3.5rem;--plasma-button-width:12.5rem;--plasma-button-padding:1.5rem;--plasma-button-radius:0.875rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.5rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.5rem;--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin:0 0 0 0.5rem;--plasma-button-additional-content-margin-right-width-value:0.375rem;}
12
- .Button_config_1xb1cj5_my229gi__5eebf742{--plasma-button-height:3rem;--plasma-button-width:11.25rem;--plasma-button-padding:1.25rem;--plasma-button-radius:0.75rem;--plasma-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.375rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.375rem;--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin:0 0 0 0.375rem;--plasma-button-additional-content-margin-right-width-value:0.25rem;}
13
- .Button_config_1xb1cj5_s1joiaye__5eebf742{--plasma-button-height:2.5rem;--plasma-button-width:11.25rem;--plasma-button-padding:1rem;--plasma-button-radius:0.625rem;--plasma-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin-right-width-value:0.25rem;}
14
- .Button_config_1xb1cj5_x1i1eza5__5eebf742{--plasma-button-height:2rem;--plasma-button-width:10rem;--plasma-button-padding:0.75rem;--plasma-button-radius:0.5rem;--plasma-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-button-spinner-size:1rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin-right-width-value:0.125rem;}
15
- .Button_config_1xb1cj5_x1r1gaby__5eebf742{--plasma-button-height:1.5rem;--plasma-button-width:8.75rem;--plasma-button-padding:0.625rem;--plasma-button-radius:0.375rem;--plasma-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-button-spinner-size:0.75rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-additional-content-margin:0 0rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin-right-width-value:0.125rem;}
16
- .Button_config_1xb1cj5_tqhwg07__5eebf742{--plasma-button-disabled-opacity:0.4;}
17
- .Button_config_1xb1cj5_t1bf1tsb__5eebf742{--plasma-button-focus-color:var(--surface-accent);}
1
+ .Button_config_13m63cu_d1fnkof5__84762028{--plasma-button-color:var(--inverse-text-primary);--plasma-button-text-color:var(--inverse-text-primary);--plasma-button-icon-color:var(--inverse-text-primary);--plasma-button-value-color:var(--inverse-text-secondary);--plasma-button-background-color:var(--surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--inverse-text-primary-hover);--plasma-button-color-active:var(--inverse-text-primary-active);}
2
+ .Button_config_13m63cu_a1129msw__84762028{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-text-color:var(--on-dark-text-primary);--plasma-button-icon-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
3
+ .Button_config_13m63cu_sbaqjet__84762028{--plasma-button-color:var(--text-primary);--plasma-button-text-color:var(--text-primary);--plasma-button-icon-color:var(--text-primary);--plasma-button-value-color:var(--text-secondary);--plasma-button-background-color:var(--surface-solid-secondary);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-solid-secondary-hover);--plasma-button-background-color-active:var(--surface-solid-secondary-active);}
4
+ .Button_config_13m63cu_cmxfxlw__84762028{--plasma-button-color:var(--text-primary);--plasma-button-text-color:var(--text-primary);--plasma-button-icon-color:var(--text-primary);--plasma-button-value-color:var(--text-secondary);--plasma-button-background-color:var(--surface-clear);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-solid-secondary-hover);--plasma-button-background-color-active:var(--surface-solid-secondary-active);}
5
+ .Button_config_13m63cu_pleczrv__84762028{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-text-color:var(--on-dark-text-primary);--plasma-button-icon-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-positive);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-positive-hover);--plasma-button-background-color-active:var(--surface-positive-active);}
6
+ .Button_config_13m63cu_wlekduy__84762028{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-text-color:var(--on-dark-text-primary);--plasma-button-icon-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-warning);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-warning-hover);--plasma-button-background-color-active:var(--surface-warning-active);}
7
+ .Button_config_13m63cu_n1yfa47j__84762028{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-text-color:var(--on-dark-text-primary);--plasma-button-icon-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-negative);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-negative-hover);--plasma-button-background-color-active:var(--surface-negative-active);}
8
+ .Button_config_13m63cu_bsb1lec__84762028{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-text-color:var(--on-dark-text-primary);--plasma-button-icon-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--on-light-surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary-hover);--plasma-button-color-active:var(--on-dark-text-primary-active);}
9
+ .Button_config_13m63cu_w123wpoi__84762028{--plasma-button-color:var(--on-light-text-primary);--plasma-button-text-color:var(--on-light-text-primary);--plasma-button-icon-color:var(--on-light-text-primary);--plasma-button-value-color:var(--on-light-text-secondary);--plasma-button-background-color:var(--on-dark-surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-light-text-primary-hover);--plasma-button-color-active:var(--on-light-text-primary-active);}
10
+ .Button_config_13m63cu_l1w797f8__84762028{--plasma-button-height:3.5rem;--plasma-button-width:12.5rem;--plasma-button-padding:1.5rem;--plasma-button-radius:0.875rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.5rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.5rem;--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin:0 0 0 0.5rem;--plasma-button-additional-content-margin-right-width-value:0.375rem;}
11
+ .Button_config_13m63cu_m1toqou7__84762028{--plasma-button-height:3rem;--plasma-button-width:11.25rem;--plasma-button-padding:1.25rem;--plasma-button-radius:0.75rem;--plasma-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.375rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.375rem;--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin:0 0 0 0.375rem;--plasma-button-additional-content-margin-right-width-value:0.25rem;}
12
+ .Button_config_13m63cu_sy229gi__84762028{--plasma-button-height:2.5rem;--plasma-button-width:11.25rem;--plasma-button-padding:1rem;--plasma-button-radius:0.625rem;--plasma-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin-right-width-value:0.25rem;}
13
+ .Button_config_13m63cu_t1joiaye__84762028{--plasma-button-disabled-opacity:1;}
14
+ .Button_config_13m63cu_t1i1eza5__84762028{--plasma-button-focus-color:var(--surface-accent);}
18
15
 
19
16
 
20
17
 
18
+ .Button_config_13m63cu_s1ca3q6l__84762028{--plasma-button-color:var(--text-tertiary);--plasma-button-text-color:var(--text-tertiary);--plasma-button-icon-color:var(--text-tertiary);--plasma-button-value-color:var(--text-tertiary);--plasma-button-background-color:var(--surface-solid-tertiary);}
19
+ .Button_config_13m63cu_srk6508__84762028{--plasma-button-color:var(--on-dark-text-accent-minor);--plasma-button-text-color:var(--on-dark-text-accent-minor);--plasma-button-icon-color:var(--on-dark-text-accent-minor);--plasma-button-value-color:var(--on-dark-text-accent-minor);--plasma-button-background-color:var(--surface-accent);}
20
+ .Button_config_13m63cu_s2s1r71__84762028{--plasma-button-color:var(--text-tertiary);--plasma-button-text-color:var(--text-tertiary);--plasma-button-icon-color:var(--text-tertiary);--plasma-button-value-color:var(--text-tertiary);--plasma-button-background-color:var(--surface-solid-secondary);}
21
+ .Button_config_13m63cu_sf053fi__84762028{--plasma-button-color:var(--text-tertiary);--plasma-button-text-color:var(--text-tertiary);--plasma-button-icon-color:var(--text-tertiary);--plasma-button-value-color:var(--text-tertiary);--plasma-button-background-color:var(--surface-clear);}
22
+ .Button_config_13m63cu_s17x5rnm__84762028{--plasma-button-color:var(--on-dark-text-positive-minor);--plasma-button-text-color:var(--on-dark-text-positive-minor);--plasma-button-icon-color:var(--on-dark-text-positive-minor);--plasma-button-value-color:var(--on-dark-text-positive-minor);--plasma-button-background-color:var(--surface-positive);}
23
+ .Button_config_13m63cu_sppmfmz__84762028{--plasma-button-color:var(--on-dark-text-warning);--plasma-button-text-color:var(--on-dark-text-warning);--plasma-button-icon-color:var(--on-dark-text-warning);--plasma-button-value-color:var(--text-warning-minor);--plasma-button-background-color:var(--surface-warning-minor);}
24
+ .Button_config_13m63cu_saa8u42__84762028{--plasma-button-color:var(--on-dark-text-negative);--plasma-button-text-color:var(--on-dark-text-negative);--plasma-button-icon-color:var(--on-dark-text-negative);--plasma-button-value-color:var(--text-negative-minor);--plasma-button-background-color:var(--surface-negative-minor);}
25
+ .Button_config_13m63cu_s1y67d5i__84762028{--plasma-button-background-color:var(--surface-solid-tertiary);}
26
+ .Button_config_13m63cu_s1vaux9i__84762028{--plasma-button-color:var(--on-light-text-tertiary);--plasma-button-text-color:var(--on-light-text-tertiary);--plasma-button-icon-color:var(--on-light-text-tertiary);--plasma-button-value-color:var(--on-light-text-tertiary);--plasma-button-background-color:var(--on-dark-surface-solid-default);}
package/dist/css/es/components/ButtonGroup/ButtonGroup.config.js CHANGED
@@ -1,4 +1,4 @@
1
- import './ButtonGroup.config_qp8vlk.css';
1
+ import './ButtonGroup.config_1aejnkk.css';
2
2
  var config = {
3
3
  defaults: {
4
4
  view: 'default',
@@ -13,33 +13,32 @@ var config = {
13
13
  positive: "povvipf",
14
14
  warning: "w1tax4m1",
15
15
  negative: "n1k2o0xu",
16
- dark: "d2bys7z",
17
- black: "bp70rs0",
18
- white: "wmie5p2"
16
+ black: "b2bys7z",
17
+ white: "wp70rs0"
19
18
  },
20
19
  size: {
21
- l: "l1g3omzu",
22
- m: "m1116k6l",
23
- s: "s15t0nuq",
24
- xs: "x316r83",
25
- xxs: "xzu697"
20
+ l: "lmie5p2",
21
+ m: "m1g3omzu",
22
+ s: "s1116k6l",
23
+ xs: "x15t0nuq",
24
+ xxs: "x316r83"
26
25
  },
27
26
  orientation: {
28
- horizontal: "h16bzis9",
29
- vertical: "v97067l"
27
+ horizontal: "hzu697",
28
+ vertical: "v16bzis9"
30
29
  },
31
30
  gap: {
32
- none: "n1xcwbx9",
33
- dense: "d1fuvc6m",
34
- wide: "wsjqy1i"
31
+ none: "n97067l",
32
+ dense: "d1xcwbx9",
33
+ wide: "w1fuvc6m"
35
34
  },
36
35
  shape: {
37
- segmented: "smgmq8o",
38
- "default": "d1udxooc"
36
+ segmented: "ssjqy1i",
37
+ "default": "dmgmq8o"
39
38
  },
40
39
  stretching: {
41
- auto: "abb1ace",
42
- filled: "fnyer5h"
40
+ auto: "a1udxooc",
41
+ filled: "fbb1ace"
43
42
  }
44
43
  }
45
44
  };
package/dist/css/es/components/ButtonGroup/ButtonGroup.config.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonGroup.config.js","sources":["../../../../../src-css/components/ButtonGroup/ButtonGroup.config.ts"],"sourcesContent":["import { css, buttonGroupTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${buttonGroupTokens.buttonColor}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonTextColor}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonIconColor}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n `,\n accent: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonIconColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-accent);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n `,\n secondary: css`\n ${buttonGroupTokens.buttonColor}: var(--text-primary);\n ${buttonGroupTokens.buttonTextColor}: var(--text-primary);\n ${buttonGroupTokens.buttonIconColor}: var(--text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n clear: css`\n ${buttonGroupTokens.buttonColor}: var(--text-primary);\n ${buttonGroupTokens.buttonTextColor}: var(--text-primary);\n ${buttonGroupTokens.buttonIconColor}: var(--text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-clear);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--text-primary-hover);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-clear);\n ${buttonGroupTokens.buttonColorActive}: var(--text-primary-active);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-clear);\n `,\n positive: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonIconColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-positive);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n `,\n warning: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonIconColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-warning);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n `,\n negative: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonIconColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-negative);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n `,\n dark: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonIconColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);\n `,\n black: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonIconColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n `,\n white: css`\n ${buttonGroupTokens.buttonColor}: var(--on-light-text-primary);\n ${buttonGroupTokens.buttonTextColor}: var(--on-light-text-primary);\n ${buttonGroupTokens.buttonIconColor}: var(--on-light-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-light-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-light-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-light-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n `,\n },\n size: {\n l: css`\n ${buttonGroupTokens.buttonDefaultRadius}: 0.875rem;\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.375rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.875rem;\n\n ${buttonGroupTokens.buttonHeight}: 3.5rem;\n ${buttonGroupTokens.buttonPadding}: 1.5rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.75rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.75rem;\n\n ${buttonGroupTokens.buttonHeight}: 3rem;\n ${buttonGroupTokens.buttonPadding}: 1.25rem;\n\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.625rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.625rem;\n\n ${buttonGroupTokens.buttonHeight}: 2.5rem;\n ${buttonGroupTokens.buttonPadding}: 1rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n xs: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.5rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.5rem;\n\n ${buttonGroupTokens.buttonHeight}: 2rem;\n ${buttonGroupTokens.buttonPadding}: 0.75rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n xxs: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.375rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.375rem;\n\n ${buttonGroupTokens.buttonHeight}: 1.5rem;\n ${buttonGroupTokens.buttonPadding}: 0.625rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n orientation: {\n horizontal: css`\n ${buttonGroupTokens.buttonGroupOrientation}: row;\n `,\n vertical: css`\n ${buttonGroupTokens.buttonGroupOrientation}: column;\n `,\n },\n gap: {\n none: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0;\n `,\n dense: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0.125rem;\n `,\n wide: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0.5rem;\n `,\n },\n shape: {\n segmented: css``,\n default: css``,\n },\n stretching: {\n auto: css``,\n filled: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","secondary","clear","positive","warning","negative","dark","black","white","l","m","s","xs","xxs","orientation","horizontal","vertical","gap","none","dense","wide","shape","segmented","stretching","auto","filled"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,UAWN;AACDC,MAAAA,MAAM,EAAA,SAWL;AACDC,MAAAA,SAAS,EAAA,SAWR;AACDC,MAAAA,KAAK,EAAA,SAWJ;AACDC,MAAAA,QAAQ,EAAA,SAWP;AACDC,MAAAA,OAAO,EAAA,UAWN;AACDC,MAAAA,QAAQ,EAAA,UAWP;AACDC,MAAAA,IAAI,EAAA,SAWH;AACDC,MAAAA,KAAK,EAAA,SAWJ;AACDC,MAAAA,KAAK,EAAA;KAYR;AACDX,IAAAA,IAAI,EAAE;AACFY,MAAAA,CAAC,EAAA,UAaA;AACDC,MAAAA,CAAC,EAAA,UAcA;AACDC,MAAAA,CAAC,EAAA,UAaA;AACDC,MAAAA,EAAE,EAAA,SAaD;AACDC,MAAAA,GAAG,EAAA;KAcN;AACDC,IAAAA,WAAW,EAAE;AACTC,MAAAA,UAAU,EAAA,UAET;AACDC,MAAAA,QAAQ,EAAA;KAGX;AACDC,IAAAA,GAAG,EAAE;AACDC,MAAAA,IAAI,EAAA,UAEH;AACDC,MAAAA,KAAK,EAAA,UAEJ;AACDC,MAAAA,IAAI,EAAA;KAGP;AACDC,IAAAA,KAAK,EAAE;AACHC,MAAAA,SAAS,EAAA,SAAO;MAChBvB,SAAAA,EAAO;KACV;AACDwB,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAA,SAAO;AACXC,MAAAA,MAAM,EAAA;AACV;AACJ;AACJ;;;;"}
1
+ {"version":3,"file":"ButtonGroup.config.js","sources":["../../../../../src-css/components/ButtonGroup/ButtonGroup.config.ts"],"sourcesContent":["import { css, buttonGroupTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${buttonGroupTokens.buttonColor}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonTextColor}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonIconColor}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n `,\n accent: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonIconColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-accent);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n `,\n secondary: css`\n ${buttonGroupTokens.buttonColor}: var(--text-primary);\n ${buttonGroupTokens.buttonTextColor}: var(--text-primary);\n ${buttonGroupTokens.buttonIconColor}: var(--text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-solid-secondary);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-solid-secondary-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-solid-secondary-active);\n `,\n clear: css`\n ${buttonGroupTokens.buttonColor}: var(--text-primary);\n ${buttonGroupTokens.buttonTextColor}: var(--text-primary);\n ${buttonGroupTokens.buttonIconColor}: var(--text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-clear);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--text-primary-hover);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-solid-secondary-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--text-primary-active);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-solid-secondary-active);\n `,\n positive: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonIconColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-positive);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n `,\n warning: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonIconColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-warning);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n `,\n negative: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonIconColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-negative);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n `,\n black: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonIconColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n `,\n white: css`\n ${buttonGroupTokens.buttonColor}: var(--on-light-text-primary);\n ${buttonGroupTokens.buttonTextColor}: var(--on-light-text-primary);\n ${buttonGroupTokens.buttonIconColor}: var(--on-light-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-light-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-light-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-light-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n `,\n },\n size: {\n l: css`\n ${buttonGroupTokens.buttonDefaultRadius}: 0.875rem;\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.375rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.875rem;\n\n ${buttonGroupTokens.buttonHeight}: 3.5rem;\n ${buttonGroupTokens.buttonPadding}: 1.5rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.75rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.75rem;\n\n ${buttonGroupTokens.buttonHeight}: 3rem;\n ${buttonGroupTokens.buttonPadding}: 1.25rem;\n\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.625rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.625rem;\n\n ${buttonGroupTokens.buttonHeight}: 2.5rem;\n ${buttonGroupTokens.buttonPadding}: 1rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n xs: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.5rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.5rem;\n\n ${buttonGroupTokens.buttonHeight}: 2rem;\n ${buttonGroupTokens.buttonPadding}: 0.75rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n xxs: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.375rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.375rem;\n\n ${buttonGroupTokens.buttonHeight}: 1.5rem;\n ${buttonGroupTokens.buttonPadding}: 0.625rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n orientation: {\n horizontal: css`\n ${buttonGroupTokens.buttonGroupOrientation}: row;\n `,\n vertical: css`\n ${buttonGroupTokens.buttonGroupOrientation}: column;\n `,\n },\n gap: {\n none: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0;\n `,\n dense: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0.125rem;\n `,\n wide: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0.5rem;\n `,\n },\n shape: {\n segmented: css``,\n default: css``,\n },\n stretching: {\n auto: css``,\n filled: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","secondary","clear","positive","warning","negative","black","white","l","m","s","xs","xxs","orientation","horizontal","vertical","gap","none","dense","wide","shape","segmented","stretching","auto","filled"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,UAWN;AACDC,MAAAA,MAAM,EAAA,SAWL;AACDC,MAAAA,SAAS,EAAA,SAWR;AACDC,MAAAA,KAAK,EAAA,SAWJ;AACDC,MAAAA,QAAQ,EAAA,SAWP;AACDC,MAAAA,OAAO,EAAA,UAWN;AACDC,MAAAA,QAAQ,EAAA,UAWP;AACDC,MAAAA,KAAK,EAAA,SAWJ;AACDC,MAAAA,KAAK,EAAA;KAYR;AACDV,IAAAA,IAAI,EAAE;AACFW,MAAAA,CAAC,EAAA,SAaA;AACDC,MAAAA,CAAC,EAAA,UAcA;AACDC,MAAAA,CAAC,EAAA,UAaA;AACDC,MAAAA,EAAE,EAAA,UAaD;AACDC,MAAAA,GAAG,EAAA;KAcN;AACDC,IAAAA,WAAW,EAAE;AACTC,MAAAA,UAAU,EAAA,QAET;AACDC,MAAAA,QAAQ,EAAA;KAGX;AACDC,IAAAA,GAAG,EAAE;AACDC,MAAAA,IAAI,EAAA,SAEH;AACDC,MAAAA,KAAK,EAAA,UAEJ;AACDC,MAAAA,IAAI,EAAA;KAGP;AACDC,IAAAA,KAAK,EAAE;AACHC,MAAAA,SAAS,EAAA,SAAO;MAChBtB,SAAAA,EAAO;KACV;AACDuB,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAA,UAAO;AACXC,MAAAA,MAAM,EAAA;AACV;AACJ;AACJ;;;;"}
package/dist/css/es/components/ButtonGroup/{ButtonGroup.config_qp8vlk.css → ButtonGroup.config_1aejnkk.css} RENAMED
@@ -1,23 +1,22 @@
1
1
  .d1n1yjnm{--plasma-button-group-item-color:var(--inverse-text-primary);--plasma-button-group-item-text-color:var(--inverse-text-primary);--plasma-button-group-item-icon-color:var(--inverse-text-primary);--plasma-button-group-item-value-color:var(--inverse-text-secondary);--plasma-button-group-item-background-color:var(--surface-solid-default);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--inverse-text-primary);--plasma-button-group-item-background-color-hover:var(--surface-solid-default-hover);--plasma-button-group-item-color-active:var(--inverse-text-primary);--plasma-button-group-item-background-color-active:var(--surface-solid-default-active);}
2
2
  .aqck75c{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-text-color:var(--on-dark-text-primary);--plasma-button-group-item-icon-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--surface-accent);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--surface-accent-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--surface-accent-active);}
3
- .sz65cne{--plasma-button-group-item-color:var(--text-primary);--plasma-button-group-item-text-color:var(--text-primary);--plasma-button-group-item-icon-color:var(--text-primary);--plasma-button-group-item-value-color:var(--text-secondary);--plasma-button-group-item-background-color:var(--surface-transparent-secondary);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--text-primary);--plasma-button-group-item-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-group-item-color-active:var(--text-primary);--plasma-button-group-item-background-color-active:var(--surface-transparent-secondary-active);}
4
- .c5fo1by{--plasma-button-group-item-color:var(--text-primary);--plasma-button-group-item-text-color:var(--text-primary);--plasma-button-group-item-icon-color:var(--text-primary);--plasma-button-group-item-value-color:var(--text-secondary);--plasma-button-group-item-background-color:var(--surface-clear);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--text-primary-hover);--plasma-button-group-item-background-color-hover:var(--surface-clear);--plasma-button-group-item-color-active:var(--text-primary-active);--plasma-button-group-item-background-color-active:var(--surface-clear);}
3
+ .sz65cne{--plasma-button-group-item-color:var(--text-primary);--plasma-button-group-item-text-color:var(--text-primary);--plasma-button-group-item-icon-color:var(--text-primary);--plasma-button-group-item-value-color:var(--text-secondary);--plasma-button-group-item-background-color:var(--surface-solid-secondary);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--text-primary);--plasma-button-group-item-background-color-hover:var(--surface-solid-secondary-hover);--plasma-button-group-item-color-active:var(--text-primary);--plasma-button-group-item-background-color-active:var(--surface-solid-secondary-active);}
4
+ .c5fo1by{--plasma-button-group-item-color:var(--text-primary);--plasma-button-group-item-text-color:var(--text-primary);--plasma-button-group-item-icon-color:var(--text-primary);--plasma-button-group-item-value-color:var(--text-secondary);--plasma-button-group-item-background-color:var(--surface-clear);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--text-primary-hover);--plasma-button-group-item-background-color-hover:var(--surface-solid-secondary-hover);--plasma-button-group-item-color-active:var(--text-primary-active);--plasma-button-group-item-background-color-active:var(--surface-solid-secondary-active);}
5
5
  .povvipf{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-text-color:var(--on-dark-text-primary);--plasma-button-group-item-icon-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--surface-positive);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--surface-positive-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--surface-positive-active);}
6
6
  .w1tax4m1{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-text-color:var(--on-dark-text-primary);--plasma-button-group-item-icon-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--surface-warning);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--surface-warning-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--surface-warning-active);}
7
7
  .n1k2o0xu{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-text-color:var(--on-dark-text-primary);--plasma-button-group-item-icon-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--surface-negative);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--surface-negative-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--surface-negative-active);}
8
- .d2bys7z{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-text-color:var(--on-dark-text-primary);--plasma-button-group-item-icon-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--on-light-surface-transparent-deep);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--on-light-surface-transparent-deep-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--on-light-surface-transparent-deep-active);}
9
- .bp70rs0{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-text-color:var(--on-dark-text-primary);--plasma-button-group-item-icon-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--on-light-surface-solid-default);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--on-light-surface-solid-default-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--on-light-surface-solid-default-active);}
10
- .wmie5p2{--plasma-button-group-item-color:var(--on-light-text-primary);--plasma-button-group-item-text-color:var(--on-light-text-primary);--plasma-button-group-item-icon-color:var(--on-light-text-primary);--plasma-button-group-item-value-color:var(--on-light-text-secondary);--plasma-button-group-item-background-color:var(--on-dark-surface-solid-default);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-light-text-primary);--plasma-button-group-item-background-color-hover:var(--on-dark-surface-solid-default-hover);--plasma-button-group-item-color-active:var(--on-light-text-primary);--plasma-button-group-item-background-color-active:var(--on-dark-surface-solid-default-active);}
11
- .l1g3omzu{--plasma-button-group-item-default-radius:0.875rem;--plasma-button-group-item-segmented-radius:0.375rem;--plasma-button-group-side-item-radius:0.875rem;--plasma-button-group-item-height:3.5rem;--plasma-button-group-item-padding:1.5rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-l-line-height);}
12
- .m1116k6l{--plasma-button-group-item-segmented-radius:0.25rem;--plasma-button-group-item-default-radius:0.75rem;--plasma-button-group-side-item-radius:0.75rem;--plasma-button-group-item-height:3rem;--plasma-button-group-item-padding:1.25rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-m-line-height);}
13
- .s15t0nuq{--plasma-button-group-item-segmented-radius:0.25rem;--plasma-button-group-side-item-radius:0.625rem;--plasma-button-group-item-default-radius:0.625rem;--plasma-button-group-item-height:2.5rem;--plasma-button-group-item-padding:1rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-s-line-height);}
14
- .x316r83{--plasma-button-group-item-segmented-radius:0.125rem;--plasma-button-group-item-default-radius:0.5rem;--plasma-button-group-side-item-radius:0.5rem;--plasma-button-group-item-height:2rem;--plasma-button-group-item-padding:0.75rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-xs-line-height);}
15
- .xzu697{--plasma-button-group-item-segmented-radius:0.125rem;--plasma-button-group-item-default-radius:0.375rem;--plasma-button-group-side-item-radius:0.375rem;--plasma-button-group-item-height:1.5rem;--plasma-button-group-item-padding:0.625rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-xs-line-height);}
16
- .h16bzis9{--plasma-button-group-orientation:row;}
17
- .v97067l{--plasma-button-group-orientation:column;}
18
- .n1xcwbx9{--plasma-button-group-items-gap:0;}
19
- .d1fuvc6m{--plasma-button-group-items-gap:0.125rem;}
20
- .wsjqy1i{--plasma-button-group-items-gap:0.5rem;}
8
+ .b2bys7z{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-text-color:var(--on-dark-text-primary);--plasma-button-group-item-icon-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--on-light-surface-solid-default);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--on-light-surface-solid-default-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--on-light-surface-solid-default-active);}
9
+ .wp70rs0{--plasma-button-group-item-color:var(--on-light-text-primary);--plasma-button-group-item-text-color:var(--on-light-text-primary);--plasma-button-group-item-icon-color:var(--on-light-text-primary);--plasma-button-group-item-value-color:var(--on-light-text-secondary);--plasma-button-group-item-background-color:var(--on-dark-surface-solid-default);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-light-text-primary);--plasma-button-group-item-background-color-hover:var(--on-dark-surface-solid-default-hover);--plasma-button-group-item-color-active:var(--on-light-text-primary);--plasma-button-group-item-background-color-active:var(--on-dark-surface-solid-default-active);}
10
+ .lmie5p2{--plasma-button-group-item-default-radius:0.875rem;--plasma-button-group-item-segmented-radius:0.375rem;--plasma-button-group-side-item-radius:0.875rem;--plasma-button-group-item-height:3.5rem;--plasma-button-group-item-padding:1.5rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-l-line-height);}
11
+ .m1g3omzu{--plasma-button-group-item-segmented-radius:0.25rem;--plasma-button-group-item-default-radius:0.75rem;--plasma-button-group-side-item-radius:0.75rem;--plasma-button-group-item-height:3rem;--plasma-button-group-item-padding:1.25rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-m-line-height);}
12
+ .s1116k6l{--plasma-button-group-item-segmented-radius:0.25rem;--plasma-button-group-side-item-radius:0.625rem;--plasma-button-group-item-default-radius:0.625rem;--plasma-button-group-item-height:2.5rem;--plasma-button-group-item-padding:1rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-s-line-height);}
13
+ .x15t0nuq{--plasma-button-group-item-segmented-radius:0.125rem;--plasma-button-group-item-default-radius:0.5rem;--plasma-button-group-side-item-radius:0.5rem;--plasma-button-group-item-height:2rem;--plasma-button-group-item-padding:0.75rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-xs-line-height);}
14
+ .x316r83{--plasma-button-group-item-segmented-radius:0.125rem;--plasma-button-group-item-default-radius:0.375rem;--plasma-button-group-side-item-radius:0.375rem;--plasma-button-group-item-height:1.5rem;--plasma-button-group-item-padding:0.625rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-xs-line-height);}
15
+ .hzu697{--plasma-button-group-orientation:row;}
16
+ .v16bzis9{--plasma-button-group-orientation:column;}
17
+ .n97067l{--plasma-button-group-items-gap:0;}
18
+ .d1xcwbx9{--plasma-button-group-items-gap:0.125rem;}
19
+ .w1fuvc6m{--plasma-button-group-items-gap:0.5rem;}
21
20
 
22
21
 
23
22