@salutejs/plasma-new-hope 0.132.0-canary.1368.10573194405.0 → 0.132.0-canary.1392.10559452224.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (432) hide show
  1. package/cjs/components/Button/Button.css +1 -1
  2. package/cjs/components/Button/Button.js +1 -2
  3. package/cjs/components/Button/Button.js.map +1 -1
  4. package/cjs/components/Button/Button.tokens.js +1 -3
  5. package/cjs/components/Button/Button.tokens.js.map +1 -1
  6. package/cjs/components/Button/variations/_view/base.js +1 -1
  7. package/cjs/components/Button/variations/_view/base.js.map +1 -1
  8. package/cjs/components/Button/variations/_view/base_x95x4p.css +1 -0
  9. package/cjs/components/ButtonGroup/ButtonGroup.css +1 -1
  10. package/cjs/components/ButtonGroup/ButtonGroup.tokens.js +0 -1
  11. package/cjs/components/ButtonGroup/ButtonGroup.tokens.js.map +1 -1
  12. package/cjs/components/ButtonGroup/variations/_view/base.js +1 -1
  13. package/cjs/components/ButtonGroup/variations/_view/base.js.map +1 -1
  14. package/cjs/components/ButtonGroup/variations/_view/base_1n9gznw.css +1 -0
  15. package/cjs/components/Calendar/CalendarBase/CalendarBase.css +2 -2
  16. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +2 -2
  17. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.css +2 -2
  18. package/cjs/components/Checkbox/Checkbox.css +7 -7
  19. package/cjs/components/Checkbox/Checkbox.styles.js +1 -1
  20. package/cjs/components/Checkbox/Checkbox.styles.js.map +1 -1
  21. package/{es/components/Checkbox/Checkbox.styles_dmi26u.css → cjs/components/Checkbox/Checkbox.styles_1266095.css} +1 -1
  22. package/cjs/components/Checkbox/Checkbox.tokens.js +0 -1
  23. package/cjs/components/Checkbox/Checkbox.tokens.js.map +1 -1
  24. package/cjs/components/DatePicker/RangeDate/RangeDate.css +2 -2
  25. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -2
  26. package/cjs/components/DatePicker/SingleDate/SingleDate.css +2 -2
  27. package/cjs/components/Drawer/Drawer.css +1 -1
  28. package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.css +1 -1
  29. package/cjs/components/EmptyState/EmptyState.css +1 -1
  30. package/cjs/components/IconButton/IconButton.css +2 -2
  31. package/cjs/components/IconButton/IconButton.styles.js +1 -1
  32. package/cjs/components/IconButton/IconButton.styles.js.map +1 -1
  33. package/cjs/components/IconButton/IconButton.styles_7v8g0e.css +1 -0
  34. package/cjs/components/IconButton/IconButton.tokens.js +0 -1
  35. package/cjs/components/IconButton/IconButton.tokens.js.map +1 -1
  36. package/cjs/components/Notification/Notification.css +1 -1
  37. package/cjs/components/Notification/NotificationsProvider.css +1 -1
  38. package/cjs/components/Pagination/Pagination.css +9 -9
  39. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +8 -8
  40. package/cjs/components/Panel/ui/PanelHeader/PanelHeader.css +1 -1
  41. package/cjs/components/Radiobox/Radiobox.css +9 -9
  42. package/cjs/components/Radiobox/Radiobox.styles.js +1 -1
  43. package/cjs/components/Radiobox/Radiobox.styles.js.map +1 -1
  44. package/cjs/components/Radiobox/{Radiobox.styles_520asv.css → Radiobox.styles_1skfuon.css} +1 -1
  45. package/cjs/components/Radiobox/Radiobox.tokens.js +0 -1
  46. package/cjs/components/Radiobox/Radiobox.tokens.js.map +1 -1
  47. package/cjs/components/Segment/tokens.js +14 -1
  48. package/cjs/components/Segment/tokens.js.map +1 -1
  49. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.css +10 -4
  50. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +160 -83
  51. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
  52. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +37 -1
  53. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js.map +1 -1
  54. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles_1rr47x4.css +8 -0
  55. package/cjs/components/Segment/ui/SegmentGroup/variations/_vertical/base.js +9 -0
  56. package/cjs/components/Segment/ui/SegmentGroup/variations/_vertical/base.js.map +1 -0
  57. package/cjs/components/Segment/ui/SegmentGroup/variations/_vertical/base_11agnr.css +1 -0
  58. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.css +7 -3
  59. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.js +4 -2
  60. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.js.map +1 -1
  61. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +31 -2
  62. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js.map +1 -1
  63. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles_f1jpip.css +6 -0
  64. package/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -1
  65. package/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js.map +1 -1
  66. package/cjs/components/Segment/ui/SegmentItem/variations/_view/base_168a47w.css +1 -0
  67. package/cjs/components/Select/Select.css +8 -8
  68. package/cjs/components/Select/ui/Inner/Inner.css +8 -8
  69. package/cjs/components/Select/ui/Inner/ui/Item/Item.css +8 -8
  70. package/cjs/components/Select/ui/Target/Target.css +1 -1
  71. package/cjs/components/Select/ui/Target/ui/Button/Button.css +1 -1
  72. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
  73. package/cjs/components/Tabs/ui/Tabs/Tabs.js +2 -2
  74. package/cjs/components/Tabs/ui/Tabs/Tabs.js.map +1 -1
  75. package/cjs/components/Toast/Toast.css +1 -1
  76. package/cjs/components/Toast/ToastController.css +1 -1
  77. package/cjs/components/_Icon/Icon.assets/DisclosureDown.js +22 -0
  78. package/cjs/components/_Icon/Icon.assets/DisclosureDown.js.map +1 -0
  79. package/cjs/components/_Icon/Icon.assets/DisclosureUp.js +22 -0
  80. package/cjs/components/_Icon/Icon.assets/DisclosureUp.js.map +1 -0
  81. package/cjs/components/_Icon/Icons/IconDisclosureDown.js +23 -0
  82. package/cjs/components/_Icon/Icons/IconDisclosureDown.js.map +1 -0
  83. package/cjs/components/_Icon/Icons/IconDisclosureUp.js +23 -0
  84. package/cjs/components/_Icon/Icons/IconDisclosureUp.js.map +1 -0
  85. package/cjs/index.css +29 -19
  86. package/emotion/cjs/components/Button/Button.js +1 -2
  87. package/emotion/cjs/components/Button/Button.tokens.js +1 -3
  88. package/emotion/cjs/components/Button/variations/_view/base.js +1 -1
  89. package/emotion/cjs/components/ButtonGroup/ButtonGroup.tokens.js +0 -1
  90. package/emotion/cjs/components/ButtonGroup/variations/_view/base.js +1 -1
  91. package/emotion/cjs/components/Checkbox/Checkbox.styles.js +7 -7
  92. package/emotion/cjs/components/Checkbox/Checkbox.tokens.js +0 -1
  93. package/emotion/cjs/components/IconButton/IconButton.styles.js +2 -2
  94. package/emotion/cjs/components/IconButton/IconButton.tokens.js +0 -1
  95. package/emotion/cjs/components/Radiobox/Radiobox.styles.js +3 -3
  96. package/emotion/cjs/components/Radiobox/Radiobox.tokens.js +0 -1
  97. package/emotion/cjs/components/Segment/README.md +61 -0
  98. package/emotion/cjs/components/Segment/tokens.js +14 -1
  99. package/emotion/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +156 -82
  100. package/emotion/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +25 -17
  101. package/emotion/cjs/components/Segment/ui/SegmentGroup/variations/_vertical/base.js +10 -0
  102. package/emotion/cjs/components/Segment/ui/SegmentGroup/variations/_vertical/tokens.json +1 -0
  103. package/emotion/cjs/components/Segment/ui/SegmentItem/SegmentItem.js +4 -2
  104. package/emotion/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +28 -6
  105. package/emotion/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +2 -1
  106. package/emotion/cjs/components/Tabs/ui/Tabs/Tabs.js +2 -2
  107. package/emotion/cjs/components/_Icon/Icon.assets/DisclosureDown.js +21 -0
  108. package/emotion/cjs/components/_Icon/Icon.assets/DisclosureUp.js +21 -0
  109. package/emotion/cjs/components/_Icon/Icons/IconDisclosureDown.js +22 -0
  110. package/emotion/cjs/components/_Icon/Icons/IconDisclosureUp.js +22 -0
  111. package/emotion/cjs/components/_Icon/index.js +14 -0
  112. package/emotion/cjs/examples/plasma_b2c/components/Button/Button.config.js +24 -24
  113. package/emotion/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +28 -28
  114. package/emotion/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +12 -12
  115. package/emotion/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js +20 -20
  116. package/emotion/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +12 -12
  117. package/emotion/cjs/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +13 -10
  118. package/emotion/cjs/examples/plasma_b2c/components/Segment/SegmentItem.config.js +9 -9
  119. package/emotion/cjs/examples/plasma_web/components/Button/Button.config.js +24 -24
  120. package/emotion/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +28 -28
  121. package/emotion/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +12 -12
  122. package/emotion/cjs/examples/plasma_web/components/IconButton/IconButton.config.js +20 -20
  123. package/emotion/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +12 -12
  124. package/emotion/cjs/examples/plasma_web/components/Segment/Segment.stories.tsx +143 -2
  125. package/emotion/cjs/examples/plasma_web/components/Segment/SegmentGroup.config.js +12 -9
  126. package/emotion/cjs/examples/plasma_web/components/Segment/SegmentItem.config.js +9 -9
  127. package/emotion/cjs/examples/sds_engineer/components/Button/Button.config.js +24 -24
  128. package/emotion/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +28 -28
  129. package/emotion/cjs/examples/sds_engineer/components/Checkbox/Checkbox.config.js +12 -12
  130. package/emotion/cjs/examples/sds_engineer/components/Radiobox/Radiobox.config.js +12 -12
  131. package/emotion/es/components/Button/Button.js +1 -2
  132. package/emotion/es/components/Button/Button.tokens.js +1 -3
  133. package/emotion/es/components/Button/variations/_view/base.js +2 -2
  134. package/emotion/es/components/ButtonGroup/ButtonGroup.tokens.js +0 -1
  135. package/emotion/es/components/ButtonGroup/variations/_view/base.js +1 -1
  136. package/emotion/es/components/Checkbox/Checkbox.styles.js +7 -7
  137. package/emotion/es/components/Checkbox/Checkbox.tokens.js +0 -1
  138. package/emotion/es/components/IconButton/IconButton.styles.js +2 -2
  139. package/emotion/es/components/IconButton/IconButton.tokens.js +0 -1
  140. package/emotion/es/components/Radiobox/Radiobox.styles.js +3 -3
  141. package/emotion/es/components/Radiobox/Radiobox.tokens.js +0 -1
  142. package/emotion/es/components/Segment/README.md +61 -0
  143. package/emotion/es/components/Segment/tokens.js +14 -1
  144. package/emotion/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +159 -85
  145. package/emotion/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +25 -17
  146. package/emotion/es/components/Segment/ui/SegmentGroup/variations/_vertical/base.js +4 -0
  147. package/emotion/es/components/Segment/ui/SegmentGroup/variations/_vertical/tokens.json +1 -0
  148. package/emotion/es/components/Segment/ui/SegmentItem/SegmentItem.js +5 -3
  149. package/emotion/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js +27 -5
  150. package/emotion/es/components/Segment/ui/SegmentItem/variations/_view/base.js +2 -1
  151. package/emotion/es/components/Tabs/ui/Tabs/Tabs.js +2 -2
  152. package/emotion/es/components/_Icon/Icon.assets/DisclosureDown.js +14 -0
  153. package/emotion/es/components/_Icon/Icon.assets/DisclosureUp.js +14 -0
  154. package/emotion/es/components/_Icon/Icons/IconDisclosureDown.js +15 -0
  155. package/emotion/es/components/_Icon/Icons/IconDisclosureUp.js +15 -0
  156. package/emotion/es/components/_Icon/index.js +2 -0
  157. package/emotion/es/examples/plasma_b2c/components/Button/Button.config.js +24 -24
  158. package/emotion/es/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +28 -28
  159. package/emotion/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +12 -12
  160. package/emotion/es/examples/plasma_b2c/components/IconButton/IconButton.config.js +20 -20
  161. package/emotion/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +12 -12
  162. package/emotion/es/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +13 -10
  163. package/emotion/es/examples/plasma_b2c/components/Segment/SegmentItem.config.js +9 -9
  164. package/emotion/es/examples/plasma_web/components/Button/Button.config.js +24 -24
  165. package/emotion/es/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +28 -28
  166. package/emotion/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +12 -12
  167. package/emotion/es/examples/plasma_web/components/IconButton/IconButton.config.js +20 -20
  168. package/emotion/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +12 -12
  169. package/emotion/es/examples/plasma_web/components/Segment/Segment.stories.tsx +143 -2
  170. package/emotion/es/examples/plasma_web/components/Segment/SegmentGroup.config.js +12 -9
  171. package/emotion/es/examples/plasma_web/components/Segment/SegmentItem.config.js +9 -9
  172. package/emotion/es/examples/sds_engineer/components/Button/Button.config.js +24 -24
  173. package/emotion/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +28 -28
  174. package/emotion/es/examples/sds_engineer/components/Checkbox/Checkbox.config.js +12 -12
  175. package/emotion/es/examples/sds_engineer/components/Radiobox/Radiobox.config.js +12 -12
  176. package/es/components/Button/Button.css +1 -1
  177. package/es/components/Button/Button.js +1 -2
  178. package/es/components/Button/Button.js.map +1 -1
  179. package/es/components/Button/Button.tokens.js +1 -3
  180. package/es/components/Button/Button.tokens.js.map +1 -1
  181. package/es/components/Button/variations/_view/base.js +1 -1
  182. package/es/components/Button/variations/_view/base.js.map +1 -1
  183. package/es/components/Button/variations/_view/base_x95x4p.css +1 -0
  184. package/es/components/ButtonGroup/ButtonGroup.css +1 -1
  185. package/es/components/ButtonGroup/ButtonGroup.tokens.js +0 -1
  186. package/es/components/ButtonGroup/ButtonGroup.tokens.js.map +1 -1
  187. package/es/components/ButtonGroup/variations/_view/base.js +1 -1
  188. package/es/components/ButtonGroup/variations/_view/base.js.map +1 -1
  189. package/es/components/ButtonGroup/variations/_view/base_1n9gznw.css +1 -0
  190. package/es/components/Calendar/CalendarBase/CalendarBase.css +2 -2
  191. package/es/components/Calendar/CalendarDouble/CalendarDouble.css +2 -2
  192. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css +2 -2
  193. package/es/components/Checkbox/Checkbox.css +7 -7
  194. package/es/components/Checkbox/Checkbox.styles.js +1 -1
  195. package/es/components/Checkbox/Checkbox.styles.js.map +1 -1
  196. package/{cjs/components/Checkbox/Checkbox.styles_dmi26u.css → es/components/Checkbox/Checkbox.styles_1266095.css} +1 -1
  197. package/es/components/Checkbox/Checkbox.tokens.js +0 -1
  198. package/es/components/Checkbox/Checkbox.tokens.js.map +1 -1
  199. package/es/components/DatePicker/RangeDate/RangeDate.css +2 -2
  200. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -2
  201. package/es/components/DatePicker/SingleDate/SingleDate.css +2 -2
  202. package/es/components/Drawer/Drawer.css +1 -1
  203. package/es/components/Drawer/ui/DrawerContent/DrawerContent.css +1 -1
  204. package/es/components/EmptyState/EmptyState.css +1 -1
  205. package/es/components/IconButton/IconButton.css +2 -2
  206. package/es/components/IconButton/IconButton.styles.js +1 -1
  207. package/es/components/IconButton/IconButton.styles.js.map +1 -1
  208. package/es/components/IconButton/IconButton.styles_7v8g0e.css +1 -0
  209. package/es/components/IconButton/IconButton.tokens.js +0 -1
  210. package/es/components/IconButton/IconButton.tokens.js.map +1 -1
  211. package/es/components/Notification/Notification.css +1 -1
  212. package/es/components/Notification/NotificationsProvider.css +1 -1
  213. package/es/components/Pagination/Pagination.css +9 -9
  214. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +8 -8
  215. package/es/components/Panel/ui/PanelHeader/PanelHeader.css +1 -1
  216. package/es/components/Radiobox/Radiobox.css +9 -9
  217. package/es/components/Radiobox/Radiobox.styles.js +1 -1
  218. package/es/components/Radiobox/Radiobox.styles.js.map +1 -1
  219. package/es/components/Radiobox/{Radiobox.styles_520asv.css → Radiobox.styles_1skfuon.css} +1 -1
  220. package/es/components/Radiobox/Radiobox.tokens.js +0 -1
  221. package/es/components/Radiobox/Radiobox.tokens.js.map +1 -1
  222. package/es/components/Segment/tokens.js +14 -1
  223. package/es/components/Segment/tokens.js.map +1 -1
  224. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.css +10 -4
  225. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +163 -87
  226. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
  227. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +34 -2
  228. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js.map +1 -1
  229. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles_1rr47x4.css +8 -0
  230. package/es/components/Segment/ui/SegmentGroup/variations/_vertical/base.js +5 -0
  231. package/es/components/Segment/ui/SegmentGroup/variations/_vertical/base.js.map +1 -0
  232. package/es/components/Segment/ui/SegmentGroup/variations/_vertical/base_11agnr.css +1 -0
  233. package/es/components/Segment/ui/SegmentItem/SegmentItem.css +7 -3
  234. package/es/components/Segment/ui/SegmentItem/SegmentItem.js +5 -3
  235. package/es/components/Segment/ui/SegmentItem/SegmentItem.js.map +1 -1
  236. package/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js +30 -3
  237. package/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js.map +1 -1
  238. package/es/components/Segment/ui/SegmentItem/SegmentItem.styles_f1jpip.css +6 -0
  239. package/es/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -1
  240. package/es/components/Segment/ui/SegmentItem/variations/_view/base.js.map +1 -1
  241. package/es/components/Segment/ui/SegmentItem/variations/_view/base_168a47w.css +1 -0
  242. package/es/components/Select/Select.css +8 -8
  243. package/es/components/Select/ui/Inner/Inner.css +8 -8
  244. package/es/components/Select/ui/Inner/ui/Item/Item.css +8 -8
  245. package/es/components/Select/ui/Target/Target.css +1 -1
  246. package/es/components/Select/ui/Target/ui/Button/Button.css +1 -1
  247. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
  248. package/es/components/Tabs/ui/Tabs/Tabs.js +2 -2
  249. package/es/components/Tabs/ui/Tabs/Tabs.js.map +1 -1
  250. package/es/components/Toast/Toast.css +1 -1
  251. package/es/components/Toast/ToastController.css +1 -1
  252. package/es/components/_Icon/Icon.assets/DisclosureDown.js +18 -0
  253. package/es/components/_Icon/Icon.assets/DisclosureDown.js.map +1 -0
  254. package/es/components/_Icon/Icon.assets/DisclosureUp.js +18 -0
  255. package/es/components/_Icon/Icon.assets/DisclosureUp.js.map +1 -0
  256. package/es/components/_Icon/Icons/IconDisclosureDown.js +19 -0
  257. package/es/components/_Icon/Icons/IconDisclosureDown.js.map +1 -0
  258. package/es/components/_Icon/Icons/IconDisclosureUp.js +19 -0
  259. package/es/components/_Icon/Icons/IconDisclosureUp.js.map +1 -0
  260. package/es/index.css +29 -19
  261. package/package.json +2 -2
  262. package/styled-components/cjs/components/Button/Button.js +1 -2
  263. package/styled-components/cjs/components/Button/Button.tokens.js +1 -3
  264. package/styled-components/cjs/components/Button/variations/_view/base.js +1 -1
  265. package/styled-components/cjs/components/ButtonGroup/ButtonGroup.tokens.js +0 -1
  266. package/styled-components/cjs/components/ButtonGroup/variations/_view/base.js +1 -1
  267. package/styled-components/cjs/components/Checkbox/Checkbox.styles.js +1 -1
  268. package/styled-components/cjs/components/Checkbox/Checkbox.tokens.js +0 -1
  269. package/styled-components/cjs/components/IconButton/IconButton.styles.js +1 -1
  270. package/styled-components/cjs/components/IconButton/IconButton.tokens.js +0 -1
  271. package/styled-components/cjs/components/Radiobox/Radiobox.styles.js +1 -1
  272. package/styled-components/cjs/components/Radiobox/Radiobox.tokens.js +0 -1
  273. package/styled-components/cjs/components/Segment/README.md +61 -0
  274. package/styled-components/cjs/components/Segment/tokens.js +14 -1
  275. package/styled-components/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +156 -82
  276. package/styled-components/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +16 -4
  277. package/styled-components/cjs/components/Segment/ui/SegmentGroup/variations/_vertical/base.js +10 -0
  278. package/styled-components/cjs/components/Segment/ui/SegmentGroup/variations/_vertical/tokens.json +1 -0
  279. package/styled-components/cjs/components/Segment/ui/SegmentItem/SegmentItem.js +4 -2
  280. package/styled-components/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +23 -5
  281. package/styled-components/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +2 -1
  282. package/styled-components/cjs/components/Tabs/ui/Tabs/Tabs.js +2 -2
  283. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureDown.js +21 -0
  284. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureUp.js +21 -0
  285. package/styled-components/cjs/components/_Icon/Icons/IconDisclosureDown.js +22 -0
  286. package/styled-components/cjs/components/_Icon/Icons/IconDisclosureUp.js +22 -0
  287. package/styled-components/cjs/components/_Icon/index.js +14 -0
  288. package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.config.js +10 -10
  289. package/styled-components/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +10 -10
  290. package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +8 -8
  291. package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js +10 -10
  292. package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +8 -8
  293. package/styled-components/cjs/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +7 -4
  294. package/styled-components/cjs/examples/plasma_b2c/components/Segment/SegmentItem.config.js +8 -8
  295. package/styled-components/cjs/examples/plasma_web/components/Button/Button.config.js +10 -10
  296. package/styled-components/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +10 -10
  297. package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +8 -8
  298. package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.config.js +10 -10
  299. package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +8 -8
  300. package/styled-components/cjs/examples/plasma_web/components/Segment/Segment.stories.tsx +143 -2
  301. package/styled-components/cjs/examples/plasma_web/components/Segment/SegmentGroup.config.js +7 -4
  302. package/styled-components/cjs/examples/plasma_web/components/Segment/SegmentItem.config.js +8 -8
  303. package/styled-components/cjs/examples/sds_engineer/components/Button/Button.config.js +10 -10
  304. package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +10 -10
  305. package/styled-components/cjs/examples/sds_engineer/components/Checkbox/Checkbox.config.js +8 -8
  306. package/styled-components/cjs/examples/sds_engineer/components/Radiobox/Radiobox.config.js +8 -8
  307. package/styled-components/es/components/Button/Button.js +1 -2
  308. package/styled-components/es/components/Button/Button.tokens.js +1 -3
  309. package/styled-components/es/components/Button/variations/_view/base.js +2 -2
  310. package/styled-components/es/components/ButtonGroup/ButtonGroup.tokens.js +0 -1
  311. package/styled-components/es/components/ButtonGroup/variations/_view/base.js +1 -1
  312. package/styled-components/es/components/Checkbox/Checkbox.styles.js +1 -1
  313. package/styled-components/es/components/Checkbox/Checkbox.tokens.js +0 -1
  314. package/styled-components/es/components/IconButton/IconButton.styles.js +1 -1
  315. package/styled-components/es/components/IconButton/IconButton.tokens.js +0 -1
  316. package/styled-components/es/components/Radiobox/Radiobox.styles.js +1 -1
  317. package/styled-components/es/components/Radiobox/Radiobox.tokens.js +0 -1
  318. package/styled-components/es/components/Segment/README.md +61 -0
  319. package/styled-components/es/components/Segment/tokens.js +14 -1
  320. package/styled-components/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +159 -85
  321. package/styled-components/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +16 -4
  322. package/styled-components/es/components/Segment/ui/SegmentGroup/variations/_vertical/base.js +4 -0
  323. package/styled-components/es/components/Segment/ui/SegmentGroup/variations/_vertical/tokens.json +1 -0
  324. package/styled-components/es/components/Segment/ui/SegmentItem/SegmentItem.js +5 -3
  325. package/styled-components/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js +22 -4
  326. package/styled-components/es/components/Segment/ui/SegmentItem/variations/_view/base.js +2 -1
  327. package/styled-components/es/components/Tabs/ui/Tabs/Tabs.js +2 -2
  328. package/styled-components/es/components/_Icon/Icon.assets/DisclosureDown.js +14 -0
  329. package/styled-components/es/components/_Icon/Icon.assets/DisclosureUp.js +14 -0
  330. package/styled-components/es/components/_Icon/Icons/IconDisclosureDown.js +15 -0
  331. package/styled-components/es/components/_Icon/Icons/IconDisclosureUp.js +15 -0
  332. package/styled-components/es/components/_Icon/index.js +2 -0
  333. package/styled-components/es/examples/plasma_b2c/components/Button/Button.config.js +10 -10
  334. package/styled-components/es/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +10 -10
  335. package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +8 -8
  336. package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.config.js +10 -10
  337. package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +8 -8
  338. package/styled-components/es/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +7 -4
  339. package/styled-components/es/examples/plasma_b2c/components/Segment/SegmentItem.config.js +8 -8
  340. package/styled-components/es/examples/plasma_web/components/Button/Button.config.js +10 -10
  341. package/styled-components/es/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +10 -10
  342. package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +8 -8
  343. package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.config.js +10 -10
  344. package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +8 -8
  345. package/styled-components/es/examples/plasma_web/components/Segment/Segment.stories.tsx +143 -2
  346. package/styled-components/es/examples/plasma_web/components/Segment/SegmentGroup.config.js +7 -4
  347. package/styled-components/es/examples/plasma_web/components/Segment/SegmentItem.config.js +8 -8
  348. package/styled-components/es/examples/sds_engineer/components/Button/Button.config.js +10 -10
  349. package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +10 -10
  350. package/styled-components/es/examples/sds_engineer/components/Checkbox/Checkbox.config.js +8 -8
  351. package/styled-components/es/examples/sds_engineer/components/Radiobox/Radiobox.config.js +8 -8
  352. package/types/components/Button/Button.d.ts.map +1 -1
  353. package/types/components/Button/Button.tokens.d.ts +0 -2
  354. package/types/components/Button/Button.tokens.d.ts.map +1 -1
  355. package/types/components/Button/variations/_view/base.d.ts.map +1 -1
  356. package/types/components/ButtonGroup/ButtonGroup.tokens.d.ts +0 -1
  357. package/types/components/ButtonGroup/ButtonGroup.tokens.d.ts.map +1 -1
  358. package/types/components/ButtonGroup/variations/_view/base.d.ts.map +1 -1
  359. package/types/components/Checkbox/Checkbox.tokens.d.ts +0 -1
  360. package/types/components/Checkbox/Checkbox.tokens.d.ts.map +1 -1
  361. package/types/components/IconButton/IconButton.styles.d.ts.map +1 -1
  362. package/types/components/IconButton/IconButton.tokens.d.ts +0 -1
  363. package/types/components/IconButton/IconButton.tokens.d.ts.map +1 -1
  364. package/types/components/Radiobox/Radiobox.styles.d.ts.map +1 -1
  365. package/types/components/Radiobox/Radiobox.tokens.d.ts +0 -1
  366. package/types/components/Radiobox/Radiobox.tokens.d.ts.map +1 -1
  367. package/types/components/Segment/tokens.d.ts +13 -0
  368. package/types/components/Segment/tokens.d.ts.map +1 -1
  369. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.d.ts +7 -0
  370. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.d.ts.map +1 -1
  371. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.styles.d.ts +12 -0
  372. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.styles.d.ts.map +1 -1
  373. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.types.d.ts +5 -1
  374. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.types.d.ts.map +1 -1
  375. package/types/components/Segment/ui/SegmentGroup/variations/_vertical/base.d.ts +2 -0
  376. package/types/components/Segment/ui/SegmentGroup/variations/_vertical/base.d.ts.map +1 -0
  377. package/types/components/Segment/ui/SegmentItem/SegmentItem.d.ts +4 -0
  378. package/types/components/Segment/ui/SegmentItem/SegmentItem.d.ts.map +1 -1
  379. package/types/components/Segment/ui/SegmentItem/SegmentItem.styles.d.ts +9 -1
  380. package/types/components/Segment/ui/SegmentItem/SegmentItem.styles.d.ts.map +1 -1
  381. package/types/components/Segment/ui/SegmentItem/SegmentItem.types.d.ts +8 -0
  382. package/types/components/Segment/ui/SegmentItem/SegmentItem.types.d.ts.map +1 -1
  383. package/types/components/Segment/ui/SegmentItem/variations/_view/base.d.ts.map +1 -1
  384. package/types/components/Tabs/ui/Tabs/Tabs.d.ts.map +1 -1
  385. package/types/components/_Icon/Icon.assets/DisclosureDown.d.ts +4 -0
  386. package/types/components/_Icon/Icon.assets/DisclosureDown.d.ts.map +1 -0
  387. package/types/components/_Icon/Icon.assets/DisclosureUp.d.ts +4 -0
  388. package/types/components/_Icon/Icon.assets/DisclosureUp.d.ts.map +1 -0
  389. package/types/components/_Icon/Icons/IconDisclosureDown.d.ts +4 -0
  390. package/types/components/_Icon/Icons/IconDisclosureDown.d.ts.map +1 -0
  391. package/types/components/_Icon/Icons/IconDisclosureUp.d.ts +4 -0
  392. package/types/components/_Icon/Icons/IconDisclosureUp.d.ts.map +1 -0
  393. package/types/components/_Icon/index.d.ts +2 -0
  394. package/types/components/_Icon/index.d.ts.map +1 -1
  395. package/types/examples/plasma_b2c/components/Button/Button.config.d.ts.map +1 -1
  396. package/types/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  397. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.config.d.ts.map +1 -1
  398. package/types/examples/plasma_b2c/components/IconButton/IconButton.config.d.ts.map +1 -1
  399. package/types/examples/plasma_b2c/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  400. package/types/examples/plasma_b2c/components/Segment/Segment.d.ts +6 -0
  401. package/types/examples/plasma_b2c/components/Segment/Segment.d.ts.map +1 -1
  402. package/types/examples/plasma_b2c/components/Segment/SegmentGroup.config.d.ts +3 -0
  403. package/types/examples/plasma_b2c/components/Segment/SegmentGroup.config.d.ts.map +1 -1
  404. package/types/examples/plasma_b2c/components/Segment/SegmentItem.config.d.ts.map +1 -1
  405. package/types/examples/plasma_web/components/Button/Button.config.d.ts.map +1 -1
  406. package/types/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  407. package/types/examples/plasma_web/components/Checkbox/Checkbox.config.d.ts.map +1 -1
  408. package/types/examples/plasma_web/components/IconButton/IconButton.config.d.ts.map +1 -1
  409. package/types/examples/plasma_web/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  410. package/types/examples/plasma_web/components/Segment/Segment.d.ts +6 -0
  411. package/types/examples/plasma_web/components/Segment/Segment.d.ts.map +1 -1
  412. package/types/examples/plasma_web/components/Segment/SegmentGroup.config.d.ts +3 -0
  413. package/types/examples/plasma_web/components/Segment/SegmentGroup.config.d.ts.map +1 -1
  414. package/types/examples/plasma_web/components/Segment/SegmentItem.config.d.ts.map +1 -1
  415. package/types/examples/sds_engineer/components/Button/Button.config.d.ts.map +1 -1
  416. package/types/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  417. package/types/examples/sds_engineer/components/Checkbox/Checkbox.config.d.ts.map +1 -1
  418. package/types/examples/sds_engineer/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  419. package/types/examples/sds_engineer/components/Segment/Segment.d.ts +3 -0
  420. package/types/examples/sds_engineer/components/Segment/Segment.d.ts.map +1 -1
  421. package/cjs/components/Button/variations/_view/base_1x0spnh.css +0 -1
  422. package/cjs/components/ButtonGroup/variations/_view/base_1lhytnr.css +0 -1
  423. package/cjs/components/IconButton/IconButton.styles_sttslf.css +0 -1
  424. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles_m9i9p0.css +0 -4
  425. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles_18h1p52.css +0 -2
  426. package/cjs/components/Segment/ui/SegmentItem/variations/_view/base_1m1u2ys.css +0 -1
  427. package/es/components/Button/variations/_view/base_1x0spnh.css +0 -1
  428. package/es/components/ButtonGroup/variations/_view/base_1lhytnr.css +0 -1
  429. package/es/components/IconButton/IconButton.styles_sttslf.css +0 -1
  430. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles_m9i9p0.css +0 -4
  431. package/es/components/Segment/ui/SegmentItem/SegmentItem.styles_18h1p52.css +0 -2
  432. package/es/components/Segment/ui/SegmentItem/variations/_view/base_1m1u2ys.css +0 -1
@@ -0,0 +1,18 @@
1
+ import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
2
+ import React from 'react';
3
+
4
+ var _path;
5
+ var DisclosureDown = function DisclosureDown(props) {
6
+ return /*#__PURE__*/React.createElement("svg", _extends({
7
+ width: "100%",
8
+ viewBox: "0 0 24 24",
9
+ fill: "none"
10
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
11
+ d: "M17.78 18.21C17.48 17.92 17.01 17.92 16.71 18.21L12.75 22.18L8.78 18.21C8.48 17.92 8.01 17.92 7.71 18.21C7.42 18.51 7.42 18.98 7.71 19.28L12.75 24.31L17.78 19.28C18.07 18.98 18.07 18.51 17.78 18.21Z",
12
+ fillRule: "evenodd",
13
+ fill: "currentColor"
14
+ })));
15
+ };
16
+
17
+ export { DisclosureDown };
18
+ //# sourceMappingURL=DisclosureDown.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DisclosureDown.js","sources":["../../../../src/components/_Icon/Icon.assets/DisclosureDown.tsx"],"sourcesContent":["import React from 'react';\n\nimport { IconProps } from '../IconRoot';\n\nexport const DisclosureDown: React.FC<IconProps> = (props) => {\n return (\n <svg width=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n <path\n d=\"M17.78 18.21C17.48 17.92 17.01 17.92 16.71 18.21L12.75 22.18L8.78 18.21C8.48 17.92 8.01 17.92 7.71 18.21C7.42 18.51 7.42 18.98 7.71 19.28L12.75 24.31L17.78 19.28C18.07 18.98 18.07 18.51 17.78 18.21Z\"\n fillRule=\"evenodd\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\n"],"names":["DisclosureDown","props","React","createElement","_extends","width","viewBox","fill","_path","d","fillRule"],"mappings":";;;;IAIaA,cAAmC,GAAG,SAAtCA,cAAmCA,CAAIC,KAAK,EAAK;AAC1D,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AAAKC,IAAAA,KAAK,EAAC,MAAM;AAACC,IAAAA,OAAO,EAAC,WAAW;AAACC,IAAAA,IAAI,EAAC,MAAA;GAAWN,EAAAA,KAAK,GAAAO,KAAA,KAAAA,KAAA,gBACvDN,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACIM,IAAAA,CAAC,EAAC,wMAAwM;AAC1MC,IAAAA,QAAQ,EAAC,SAAS;AAClBH,IAAAA,IAAI,EAAC,cAAA;GACR,CAAC,CACD,CAAC,CAAA;AAEd;;;;"}
@@ -0,0 +1,18 @@
1
+ import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
2
+ import React from 'react';
3
+
4
+ var _path;
5
+ var DisclosureUp = function DisclosureUp(props) {
6
+ return /*#__PURE__*/React.createElement("svg", _extends({
7
+ width: "100%",
8
+ viewBox: "0 0 24 24",
9
+ fill: "none"
10
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
11
+ d: "M17.18 8.18C16.89 8.47 16.41 8.47 16.12 8.18L12.15 4.21L8.18 8.18C7.89 8.47 7.41 8.47 7.12 8.18C6.83 7.89 6.83 7.41 7.12 7.12L12.15 2.09L17.18 7.12C17.47 7.41 17.47 7.89 17.18 8.18Z",
12
+ fillRule: "evenodd",
13
+ fill: "currentColor"
14
+ })));
15
+ };
16
+
17
+ export { DisclosureUp };
18
+ //# sourceMappingURL=DisclosureUp.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DisclosureUp.js","sources":["../../../../src/components/_Icon/Icon.assets/DisclosureUp.tsx"],"sourcesContent":["import React from 'react';\n\nimport { IconProps } from '../IconRoot';\n\nexport const DisclosureUp: React.FC<IconProps> = (props) => {\n return (\n <svg width=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n <path\n d=\"M17.18 8.18C16.89 8.47 16.41 8.47 16.12 8.18L12.15 4.21L8.18 8.18C7.89 8.47 7.41 8.47 7.12 8.18C6.83 7.89 6.83 7.41 7.12 7.12L12.15 2.09L17.18 7.12C17.47 7.41 17.47 7.89 17.18 8.18Z\"\n fillRule=\"evenodd\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\n"],"names":["DisclosureUp","props","React","createElement","_extends","width","viewBox","fill","_path","d","fillRule"],"mappings":";;;;IAIaA,YAAiC,GAAG,SAApCA,YAAiCA,CAAIC,KAAK,EAAK;AACxD,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AAAKC,IAAAA,KAAK,EAAC,MAAM;AAACC,IAAAA,OAAO,EAAC,WAAW;AAACC,IAAAA,IAAI,EAAC,MAAA;GAAWN,EAAAA,KAAK,GAAAO,KAAA,KAAAA,KAAA,gBACvDN,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACIM,IAAAA,CAAC,EAAC,uLAAuL;AACzLC,IAAAA,QAAQ,EAAC,SAAS;AAClBH,IAAAA,IAAI,EAAC,cAAA;GACR,CAAC,CACD,CAAC,CAAA;AAEd;;;;"}
@@ -0,0 +1,19 @@
1
+ import React from 'react';
2
+ import { DisclosureDown } from '../Icon.assets/DisclosureDown.js';
3
+ import { IconRoot } from '../IconRoot.js';
4
+
5
+ var IconDisclosureDown = function IconDisclosureDown(_ref) {
6
+ var _ref$size = _ref.size,
7
+ size = _ref$size === void 0 ? 's' : _ref$size,
8
+ color = _ref.color,
9
+ className = _ref.className;
10
+ return /*#__PURE__*/React.createElement(IconRoot, {
11
+ className: className,
12
+ size: size,
13
+ color: color,
14
+ icon: DisclosureDown
15
+ });
16
+ };
17
+
18
+ export { IconDisclosureDown };
19
+ //# sourceMappingURL=IconDisclosureDown.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IconDisclosureDown.js","sources":["../../../../src/components/_Icon/Icons/IconDisclosureDown.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DisclosureDown } from '../Icon.assets/DisclosureDown';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconDisclosureDown: React.FC<IconProps> = ({ size = 's', color, className }) => {\n return <IconRoot className={className} size={size} color={color} icon={DisclosureDown} />;\n};\n"],"names":["IconDisclosureDown","_ref","_ref$size","size","color","className","React","createElement","IconRoot","icon","DisclosureDown"],"mappings":";;;;IAKaA,kBAAuC,GAAG,SAA1CA,kBAAuCA,CAAAC,IAAA,EAAyC;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAAnCE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,SAAA;IAAEE,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;AAClF,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,QAAQ,EAAA;AAACH,IAAAA,SAAS,EAAEA,SAAU;AAACF,IAAAA,IAAI,EAAEA,IAAK;AAACC,IAAAA,KAAK,EAAEA,KAAM;AAACK,IAAAA,IAAI,EAAEC,cAAAA;AAAe,GAAE,CAAC,CAAA;AAC7F;;;;"}
@@ -0,0 +1,19 @@
1
+ import React from 'react';
2
+ import { DisclosureUp } from '../Icon.assets/DisclosureUp.js';
3
+ import { IconRoot } from '../IconRoot.js';
4
+
5
+ var IconDisclosureUp = function IconDisclosureUp(_ref) {
6
+ var _ref$size = _ref.size,
7
+ size = _ref$size === void 0 ? 's' : _ref$size,
8
+ color = _ref.color,
9
+ className = _ref.className;
10
+ return /*#__PURE__*/React.createElement(IconRoot, {
11
+ className: className,
12
+ size: size,
13
+ color: color,
14
+ icon: DisclosureUp
15
+ });
16
+ };
17
+
18
+ export { IconDisclosureUp };
19
+ //# sourceMappingURL=IconDisclosureUp.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IconDisclosureUp.js","sources":["../../../../src/components/_Icon/Icons/IconDisclosureUp.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DisclosureUp } from '../Icon.assets/DisclosureUp';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconDisclosureUp: React.FC<IconProps> = ({ size = 's', color, className }) => {\n return <IconRoot className={className} size={size} color={color} icon={DisclosureUp} />;\n};\n"],"names":["IconDisclosureUp","_ref","_ref$size","size","color","className","React","createElement","IconRoot","icon","DisclosureUp"],"mappings":";;;;IAKaA,gBAAqC,GAAG,SAAxCA,gBAAqCA,CAAAC,IAAA,EAAyC;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAAnCE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,SAAA;IAAEE,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;AAChF,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,QAAQ,EAAA;AAACH,IAAAA,SAAS,EAAEA,SAAU;AAACF,IAAAA,IAAI,EAAEA,IAAK;AAACC,IAAAA,KAAK,EAAEA,KAAM;AAACK,IAAAA,IAAI,EAAEC,YAAAA;AAAa,GAAE,CAAC,CAAA;AAC3F;;;;"}
package/es/index.css CHANGED
@@ -1,4 +1,4 @@
1
- .base_1x0spnh_b1ty39ru__fb659d61{color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.base_1x0spnh_b1ty39ru__fb659d61.base_1x0spnh_buttonLoading__fb659d61{background-color:var(--plasma-button-loading-background-color);}.base_1x0spnh_b1ty39ru__fb659d61:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_1x0spnh_b1ty39ru__fb659d61:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
1
+ .base_x95x4p_b1ty39ru__349bf40b{color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.base_x95x4p_b1ty39ru__349bf40b:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_x95x4p_b1ty39ru__349bf40b:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
2
2
 
3
3
  .base_1alzrso_be0ha5g__cdc67255{height:var(--plasma-button-height);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);}
4
4
 
@@ -17,9 +17,9 @@
17
17
  .Button_styles_1sopr3d_s1rjh7ra__8219590b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);}
18
18
  .Button_styles_1sopr3d_b9ga1dj__8219590b{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_1sopr3d_b9ga1dj__8219590b{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_1sopr3d_b9ga1dj__8219590b.Button_styles_1sopr3d_b9ga1dj__8219590b.Button_styles_1sopr3d_buttonSquare__8219590b{width:var(--plasma-button-height);padding:0;}
19
19
 
20
- .IconButton_styles_sttslf_b1ua728l__193d7826{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_sttslf_b1ua728l__193d7826{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_buttonSquare__193d7826{width:var(--plasma-button-height);padding:0;}.IconButton_styles_sttslf_b1ua728l__193d7826:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_sttslf_b1ua728l__193d7826:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_sttslf_b1ua728l__193d7826:focus{outline:none;}.IconButton_styles_sttslf_b1ua728l__193d7826::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_focusVisible__193d7826:focus::before,.IconButton_styles_sttslf_b1ua728l__193d7826[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_sttslf_b1ua728l__193d7826[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_sttslf_b1ua728l__193d7826[disabled]:hover,.IconButton_styles_sttslf_b1ua728l__193d7826[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_buttonStretchingFixed__193d7826{width:var(--plasma-button-width);}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_buttonStretchingFilled__193d7826{width:100%;}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_buttonStretchingAuto__193d7826{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
20
+ .IconButton_styles_7v8g0e_b1ua728l__3b30d792{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_7v8g0e_b1ua728l__3b30d792{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonSquare__3b30d792{width:var(--plasma-button-height);padding:0;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792:focus{outline:none;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_focusVisible__3b30d792:focus::before,.IconButton_styles_7v8g0e_b1ua728l__3b30d792[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792[disabled]:hover,.IconButton_styles_7v8g0e_b1ua728l__3b30d792[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonStretchingFixed__3b30d792{width:var(--plasma-button-width);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonStretchingFilled__3b30d792{width:100%;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonStretchingAuto__3b30d792{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
21
21
 
22
- .base_1lhytnr_b7jdqtc__74f482fc.base_1lhytnr_buttonGroupOverrideStyles__74f482fc .base_1lhytnr_buttonItem__74f482fc{--plasma-button-color:var(--plasma-button-group-item-color);--plasma-button-value-color:var(--plasma-button-group-item-value-color);--plasma-button-background-color:var(--plasma-button-group-item-background-color);--plasma-button-loading-background-color:var(--plasma-button-group-loading-item-background-color);--plasma-button-color-hover:var(--plasma-button-group-item-color-hover);--plasma-button-background-color-hover:var(--plasma-button-group-item-background-color-hover);--plasma-button-color-active:var(--plasma-button-group-item-color-active);--plasma-button-background-color-active:var(--plasma-button-group-item-background-color-active);}
22
+ .base_1n9gznw_b7jdqtc__26f40349.base_1n9gznw_buttonGroupOverrideStyles__26f40349 .base_1n9gznw_buttonItem__26f40349{--plasma-button-color:var(--plasma-button-group-item-color);--plasma-button-value-color:var(--plasma-button-group-item-value-color);--plasma-button-background-color:var(--plasma-button-group-item-background-color);--plasma-button-color-hover:var(--plasma-button-group-item-color-hover);--plasma-button-background-color-hover:var(--plasma-button-group-item-background-color-hover);--plasma-button-color-active:var(--plasma-button-group-item-color-active);--plasma-button-background-color-active:var(--plasma-button-group-item-background-color-active);}
23
23
 
24
24
  .base_xxxewc_bc0nfse__e70323a1.base_xxxewc_buttonGroupOverrideStyles__e70323a1 .base_xxxewc_buttonItem__e70323a1{--plasma-button-height:var(--plasma-button-group-item-height);--plasma-button-padding:var(--plasma-button-group-item-padding);---plasma-button-scale-active:var(--plasma-button-group-item-scale-active);--plasma-button-scale-hover:var(--plasma-button-group-item-scale-hover);--plasma-button-font-family:var(--plasma-button-group-item-font-family);--plasma-button-font-size:var(--plasma-button-group-item-font-size);--plasma-button-font-style:var(--plasma-button-group-item-font-style);--plasma-button-font-weight:var(--plasma-button-group-item-font-weight);--plasma-button-letter-spacing:var(--plasma-button-group-item-letter-spacing);--plasma-button-line-height:var(--plasma-button-group-item-line-height);}
25
25
 
@@ -82,13 +82,13 @@
82
82
 
83
83
  .base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059{position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059.base_hr4zpz_focusVisible__d6390059:focus::before,.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059{border-color:transparent;position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059::before{box-shadow:0 0 0 0.125rem var(--plasma-checkbox-focus-color);}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059{position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059::before,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-checkbox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059::before,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059::before{box-shadow:0 0 0 0.063rem var(--plasma-checkbox-focus-color);}
84
84
 
85
- .Checkbox_styles_dmi26u_b1udywkg__94b814df{margin:var(--plasma-checkbox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.Checkbox_styles_dmi26u_b1udywkg__94b814df .Checkbox_styles_dmi26u_singleLine__94b814df{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
86
- .Checkbox_styles_dmi26u_s165w87d__94b814df{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}.Checkbox_styles_dmi26u_s165w87d__94b814df:focus{outline:0 none;}
87
- .Checkbox_styles_dmi26u_sft3zxv__94b814df{margin:var(--plasma-checkbox-trigger-margin);width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:var(--plasma-checkbox-trigger-background-color);border:0.125rem solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}input:not(:indeterminate) + label .Checkbox_styles_dmi26u_sft3zxv__94b814df div{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s ease-in-out;-webkit-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;}input:checked + label .Checkbox_styles_dmi26u_sft3zxv__94b814df div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
88
- .Checkbox_styles_dmi26u_s1u3nd7e__94b814df{position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;cursor:inherit;}
89
- .Checkbox_styles_dmi26u_shwv1in__94b814df{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);}
90
- .Checkbox_styles_dmi26u_s1my1ay__94b814df{font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-label-letter-spacing);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);}
91
- .Checkbox_styles_dmi26u_s14u8fnn__94b814df{margin-top:var(--plasma-checkbox-description-margin-top);color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}.Checkbox_styles_dmi26u_s14u8fnn__94b814df.Checkbox_styles_dmi26u_onlyDescription__94b814df{margin-top:0;}
85
+ .Checkbox_styles_1266095_b1udywkg__e7223270{margin:var(--plasma-checkbox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.Checkbox_styles_1266095_b1udywkg__e7223270 .Checkbox_styles_1266095_singleLine__e7223270{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
86
+ .Checkbox_styles_1266095_s165w87d__e7223270{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}.Checkbox_styles_1266095_s165w87d__e7223270:focus{outline:0 none;}
87
+ .Checkbox_styles_1266095_sft3zxv__e7223270{margin:var(--plasma-checkbox-trigger-margin);width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:transparent;border:0.125rem solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}input:not(:indeterminate) + label .Checkbox_styles_1266095_sft3zxv__e7223270 div{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s ease-in-out;-webkit-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;}input:checked + label .Checkbox_styles_1266095_sft3zxv__e7223270 div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
88
+ .Checkbox_styles_1266095_s1u3nd7e__e7223270{position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;cursor:inherit;}
89
+ .Checkbox_styles_1266095_shwv1in__e7223270{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);}
90
+ .Checkbox_styles_1266095_s1my1ay__e7223270{font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-label-letter-spacing);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);}
91
+ .Checkbox_styles_1266095_s14u8fnn__e7223270{margin-top:var(--plasma-checkbox-description-margin-top);color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}.Checkbox_styles_1266095_s14u8fnn__e7223270.Checkbox_styles_1266095_onlyDescription__e7223270{margin-top:0;}
92
92
 
93
93
  .base_11n1fn3_b1yt66an__50fb7cfc input:checked + label .base_11n1fn3_radioboxTrigger__50fb7cfc{border:none;background:var(--plasma-radiobox-fill-color);border-color:var(--plasma-radiobox-fill-color);}
94
94
 
@@ -96,8 +96,8 @@
96
96
 
97
97
  .base_1d7o4za_buxu4te__19288bae .base_1d7o4za_radioboxTrigger__19288bae{position:relative;}.base_1d7o4za_buxu4te__19288bae .base_1d7o4za_radioboxTrigger__19288bae::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-radiobox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1d7o4za_buxu4te__19288bae .base_1d7o4za_radioboxTrigger__19288bae.base_1d7o4za_focusVisible__19288bae:focus::before,.base_1d7o4za_buxu4te__19288bae .base_1d7o4za_radioboxTrigger__19288bae[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added] + label .base_1d7o4za_radioboxTrigger__19288bae{border-color:transparent;position:relative;}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added] + label .base_1d7o4za_radioboxTrigger__19288bae::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-radiobox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added] + label .base_1d7o4za_radioboxTrigger__19288bae::before{box-shadow:0 0 0 0.125rem var(--plasma-radiobox-focus-color);}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added]:checked + label .base_1d7o4za_radioboxTrigger__19288bae{position:relative;}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added]:checked + label .base_1d7o4za_radioboxTrigger__19288bae::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-radiobox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added]:checked + label .base_1d7o4za_radioboxTrigger__19288bae::before{box-shadow:0 0 0 0.063rem var(--plasma-radiobox-focus-color);}
98
98
 
99
- .Radiobox_styles_520asv_s14xglkp__9ae15036{width:var(--plasma-radiobox-ellipse-size);height:var(--plasma-radiobox-ellipse-size);border-radius:var(--plasma-radiobox-ellipse-size);background-color:var(--plasma-radiobox-ellipse-color);-webkit-transition:-webkit-transform 0.3s ease-in-out;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}input:checked + label .Radiobox_styles_520asv_s14xglkp__9ae15036{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
100
- .Radiobox_styles_520asv_bdte4ex__9ae15036{--plasma-checkbox-label-font-family:var(--plasma-radiobox-label-font-family);--plasma-checkbox-label-font-size:var(--plasma-radiobox-label-font-size);--plasma-checkbox-label-font-style:var(--plasma-radiobox-label-font-style);--plasma-checkbox-label-font-weight:var(--plasma-radiobox-label-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-radiobox-label-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-radiobox-label-line-height);--plasma-checkbox-description-margin-top:var(--plasma-checkbox-description-margin-top);--plasma-checkbox-description-font-family:var(--plasma-radiobox-description-font-family);--plasma-checkbox-description-font-size:var(--plasma-radiobox-description-font-size);--plasma-checkbox-description-font-style:var(--plasma-radiobox-description-font-style);--plasma-checkbox-description-font-weight:var(--plasma-radiobox-description-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-radiobox-description-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-radiobox-description-line-height);--plasma-checkbox-fill-color:var(--plasma-radiobox-fill-color);--plasma-checkbox-description-color:var(--plasma-radiobox-description-color);--plasma-checkbox-trigger-border-color:var(--plasma-radiobox-trigger-border-color);--plasma-checkbox-trigger-background-color:var(--plasma-radiobox-trigger-background-color);--plasma-checkbox-content-top-offset:var(--plasma-radiobox-content-top-offset);--plasma-checkbox-content-left-offset:var(--plasma-radiobox-content-left-offset);--plasma-checkbox-trigger-size:var(--plasma-radiobox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-radiobox-trigger-border-radius);--plasma-checkbox-trigger-margin:var(--plasma-radiobox-trigger-margin);margin:var(--plasma-radiobox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.Radiobox_styles_520asv_bdte4ex__9ae15036 .Radiobox_styles_520asv_singleLine__9ae15036{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
99
+ .Radiobox_styles_1skfuon_s14xglkp__585ca743{width:var(--plasma-radiobox-ellipse-size);height:var(--plasma-radiobox-ellipse-size);border-radius:var(--plasma-radiobox-ellipse-size);background-color:var(--plasma-radiobox-ellipse-color);-webkit-transition:-webkit-transform 0.3s ease-in-out;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}input:checked + label .Radiobox_styles_1skfuon_s14xglkp__585ca743{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
100
+ .Radiobox_styles_1skfuon_bdte4ex__585ca743{--plasma-checkbox-label-font-family:var(--plasma-radiobox-label-font-family);--plasma-checkbox-label-font-size:var(--plasma-radiobox-label-font-size);--plasma-checkbox-label-font-style:var(--plasma-radiobox-label-font-style);--plasma-checkbox-label-font-weight:var(--plasma-radiobox-label-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-radiobox-label-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-radiobox-label-line-height);--plasma-checkbox-description-margin-top:var(--plasma-checkbox-description-margin-top);--plasma-checkbox-description-font-family:var(--plasma-radiobox-description-font-family);--plasma-checkbox-description-font-size:var(--plasma-radiobox-description-font-size);--plasma-checkbox-description-font-style:var(--plasma-radiobox-description-font-style);--plasma-checkbox-description-font-weight:var(--plasma-radiobox-description-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-radiobox-description-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-radiobox-description-line-height);--plasma-checkbox-fill-color:var(--plasma-radiobox-fill-color);--plasma-checkbox-description-color:var(--plasma-radiobox-description-color);--plasma-checkbox-trigger-border-color:var(--plasma-radiobox-trigger-border-color);--plasma-checkbox-content-top-offset:var(--plasma-radiobox-content-top-offset);--plasma-checkbox-content-left-offset:var(--plasma-radiobox-content-left-offset);--plasma-checkbox-trigger-size:var(--plasma-radiobox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-radiobox-trigger-border-radius);--plasma-checkbox-trigger-margin:var(--plasma-radiobox-trigger-margin);margin:var(--plasma-radiobox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.Radiobox_styles_1skfuon_bdte4ex__585ca743 .Radiobox_styles_1skfuon_singleLine__585ca743{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
101
101
 
102
102
  .Popover_styles_rmr9za_s1g1xbt5__0bafa6fb{display:inline-block;}
103
103
  .Popover_styles_rmr9za_s12xwbyh__0bafa6fb{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
@@ -329,21 +329,31 @@
329
329
 
330
330
  .base_74wj10_b1bb2stb__3b76a172.base_74wj10_segmentStretched__3b76a172{width:100%;}.base_74wj10_b1bb2stb__3b76a172.base_74wj10_segmentStretched__3b76a172 .base_74wj10_spuzt9m__3b76a172,.base_74wj10_b1bb2stb__3b76a172.base_74wj10_segmentStretched__3b76a172 .base_74wj10_sin9wo2__3b76a172,.base_74wj10_b1bb2stb__3b76a172.base_74wj10_segmentStretched__3b76a172 .base_74wj10_sin9wo2__3b76a172 > button{width:100%;}
331
331
 
332
- .SegmentGroup_styles_m9i9p0_b2sori2__a29c0677{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
333
- .SegmentGroup_styles_m9i9p0_sin9wo2__a29c0677{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
334
- .SegmentGroup_styles_m9i9p0_spuzt9m__a29c0677{position:relative;height:100%;margin:0;padding:0.25rem;overflow-x:auto;overflow-y:hidden;-webkit-scroll-behavior:smooth;-moz-scroll-behavior:smooth;-ms-scroll-behavior:smooth;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-moz-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;}.SegmentGroup_styles_m9i9p0_spuzt9m__a29c0677::-webkit-scrollbar{display:none;}
335
- .SegmentGroup_styles_m9i9p0_s1qf4oye__a29c0677{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;position:relative;}.SegmentGroup_styles_m9i9p0_s1qf4oye__a29c0677::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.SegmentGroup_styles_m9i9p0_s1qf4oye__a29c0677.SegmentGroup_styles_m9i9p0_focusVisible__a29c0677:focus::before,.SegmentGroup_styles_m9i9p0_s1qf4oye__a29c0677[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-segment-outline-focus-color);}.SegmentGroup_styles_m9i9p0_s1qf4oye__a29c0677[disabled]{cursor:not-allowed;}
332
+ .base_11agnr_bg914h8__2b2e1bdf.base_11agnr_segmentVertical__2b2e1bdf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;max-height:var(--plasma-segment-group-vertical-height);}.base_11agnr_bg914h8__2b2e1bdf.base_11agnr_segmentVertical__2b2e1bdf .base_11agnr_spuzt9m__2b2e1bdf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.base_11agnr_bg914h8__2b2e1bdf.base_11agnr_segmentVertical__2b2e1bdf .base_11agnr_sin9wo2__2b2e1bdf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
333
+
334
+ .SegmentGroup_styles_1rr47x4_b2sori2__31ddf97a{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
335
+ .SegmentGroup_styles_1rr47x4_sin9wo2__31ddf97a{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
336
+ .SegmentGroup_styles_1rr47x4_spuzt9m__31ddf97a{margin:-0.125rem;padding:0.125rem;box-sizing:content-box;position:relative;height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.SegmentGroup_styles_1rr47x4_spuzt9m__31ddf97a.SegmentGroup_styles_1rr47x4_segmentGroupClipScroll__31ddf97a{overflow:scroll;-webkit-scroll-padding:0.25rem;-moz-scroll-padding:0.25rem;-ms-scroll-padding:0.25rem;scroll-padding:0.25rem;overscroll-behavior:contain;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.SegmentGroup_styles_1rr47x4_spuzt9m__31ddf97a.SegmentGroup_styles_1rr47x4_segmentGroupClipScroll__31ddf97a::-webkit-scrollbar{display:none;}.SegmentGroup_styles_1rr47x4_spuzt9m__31ddf97a.SegmentGroup_styles_1rr47x4_segmentGroupClipShowAll__31ddf97a{overflow:visible;}
337
+ .SegmentGroup_styles_1rr47x4_s1qf4oye__31ddf97a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;outline:none;position:relative;}.SegmentGroup_styles_1rr47x4_s1qf4oye__31ddf97a::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.SegmentGroup_styles_1rr47x4_s1qf4oye__31ddf97a.SegmentGroup_styles_1rr47x4_focusVisible__31ddf97a:focus::before,.SegmentGroup_styles_1rr47x4_s1qf4oye__31ddf97a[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-segment-outline-focus-color);}.SegmentGroup_styles_1rr47x4_s1qf4oye__31ddf97a[disabled]{cursor:not-allowed;}
338
+ .SegmentGroup_styles_1rr47x4_s3pgccr__31ddf97a.SegmentGroup_styles_1rr47x4_s1qf4oye__31ddf97a{padding:var(--plasma-segment-group-arrow-padding);padding-right:0;margin-right:0.1875rem;}
339
+ .SegmentGroup_styles_1rr47x4_sax6mvm__31ddf97a.SegmentGroup_styles_1rr47x4_s1qf4oye__31ddf97a{padding:var(--plasma-segment-group-arrow-padding);padding-left:0;margin-left:0.1875rem;}
340
+ .SegmentGroup_styles_1rr47x4_s1n81rr8__31ddf97a.SegmentGroup_styles_1rr47x4_s1qf4oye__31ddf97a{padding:var(--plasma-segment-group-vertical-arrow-padding);padding-bottom:0;margin-bottom:0.1875rem;}
341
+ .SegmentGroup_styles_1rr47x4_s7ukuvj__31ddf97a.SegmentGroup_styles_1rr47x4_s1qf4oye__31ddf97a{padding:var(--plasma-segment-group-vertical-arrow-padding);padding-top:0;margin-top:0.1875rem;}
336
342
 
337
343
  .base_7kjuok_b1kyapt7__5060a19f{font-family:var(--plasma-segment-item-font-family);font-size:var(--plasma-segment-item-font-size);font-style:var(--plasma-segment-item-font-style);font-weight:var(--plasma-segment-item-font-weight);-webkit-letter-spacing:var(--plasma-segment-item-letter-spacing);-moz-letter-spacing:var(--plasma-segment-item-letter-spacing);-ms-letter-spacing:var(--plasma-segment-item-letter-spacing);letter-spacing:var(--plasma-segment-item-letter-spacing);line-height:var(--plasma-segment-item-lineheight);--plasma_private-outline-radius:var(--plasma-segment-item-border-radius);border-radius:var(--plasma-segment-item-border-radius);width:var(--plasma-segment-item-width);height:var(--plasma-segment-item-height);padding:var(--plasma-segment-item-padding);}
338
344
 
339
- .base_1m1u2ys_b1tykljf__1c5eb012{color:var(--plasma-segment-item-color);background-color:var(--plasma-segment-item-background-color);}.base_1m1u2ys_b1tykljf__1c5eb012:hover{color:var(--plasma-segment-item-color-hover);background-color:var(--plasma-segment-item-background-color-hover);}.base_1m1u2ys_b1tykljf__1c5eb012.base_1m1u2ys_selectedSegmentItem__1c5eb012{color:var(--plasma-segment-item-selected-color);background-color:var(--plasma-segment-item-selected-background-color);}.base_1m1u2ys_b1tykljf__1c5eb012.base_1m1u2ys_selectedSegmentItem__1c5eb012:hover{color:var(--plasma-segment-item-selected-color-hover);background-color:var(--plasma-segment-item-selected-background-color-hover);}
345
+ .base_168a47w_b1tykljf__d270d938{color:var(--plasma-segment-item-color);background-color:var(--plasma-segment-item-background-color);}.base_168a47w_b1tykljf__d270d938:hover{color:var(--plasma-segment-item-color-hover);background-color:var(--plasma-segment-item-background-color-hover);}.base_168a47w_b1tykljf__d270d938:hover .base_168a47w_rgzn5ju__d270d938{color:var(--plasma-segment-item-additional-color-hover);}.base_168a47w_b1tykljf__d270d938.base_168a47w_selectedSegmentItem__d270d938{color:var(--plasma-segment-item-selected-color);background-color:var(--plasma-segment-item-selected-background-color);}.base_168a47w_b1tykljf__d270d938.base_168a47w_selectedSegmentItem__d270d938 .base_168a47w_rgzn5ju__d270d938{color:var(--plasma-segment-item-selected-additional-color);}.base_168a47w_b1tykljf__d270d938.base_168a47w_selectedSegmentItem__d270d938:hover{color:var(--plasma-segment-item-selected-color-hover);background-color:var(--plasma-segment-item-selected-background-color-hover);}.base_168a47w_b1tykljf__d270d938.base_168a47w_selectedSegmentItem__d270d938:hover .base_168a47w_rgzn5ju__d270d938{color:var(--plasma-segment-item-selected-additional-color-hover);}
340
346
 
341
347
  .base_y6af8r_bwprat9__353907e1[disabled]{cursor:not-allowed;}.base_y6af8r_bwprat9__353907e1[disabled]:hover{color:var(--plasma-segment-item-color);background-color:var(--plasma-segment-item-background-color);}.base_y6af8r_bwprat9__353907e1[disabled].base_y6af8r_selectedSegmentItem__353907e1:hover{color:var(--plasma-segment-item-selected-color);background-color:var(--plasma-segment-item-selected-background-color);}
342
348
 
343
349
  .base_15s0fel_b795lc7__4501241a.base_15s0fel_segmentPilled__4501241a{--plasma_private-outline-radius:var(--plasma-segment-item-pilled-border-radius);border-radius:var(--plasma-segment-item-pilled-border-radius);}
344
350
 
345
- .SegmentItem_styles_18h1p52_bxcdyja__b7ac762c{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:pointer;margin-left:var(--plasma-segment-item-margin-left);-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.SegmentItem_styles_18h1p52_bxcdyja__b7ac762c:first-child{margin-left:0;}.SegmentItem_styles_18h1p52_bxcdyja__b7ac762c::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.SegmentItem_styles_18h1p52_bxcdyja__b7ac762c.SegmentItem_styles_18h1p52_focusVisible__b7ac762c:focus::before,.SegmentItem_styles_18h1p52_bxcdyja__b7ac762c[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-segment-outline-focus-color);}
346
- .SegmentItem_styles_18h1p52_sxjfe87__b7ac762c{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
351
+ .SegmentItem_styles_f1jpip_bxcdyja__cfc991ac{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:pointer;margin-left:var(--plasma-segment-item-margin-left);-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.SegmentItem_styles_f1jpip_bxcdyja__cfc991ac:first-child{margin-left:0;}.SegmentItem_styles_f1jpip_bxcdyja__cfc991ac::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.SegmentItem_styles_f1jpip_bxcdyja__cfc991ac.SegmentItem_styles_f1jpip_focusVisible__cfc991ac:focus::before,.SegmentItem_styles_f1jpip_bxcdyja__cfc991ac[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-segment-outline-focus-color);}
352
+ .SegmentItem_styles_f1jpip_sxjfe87__cfc991ac{margin-right:var(--plasma-segment-item-content-icon-margin);}
353
+ .SegmentItem_styles_f1jpip_s1gg7fed__cfc991ac{margin-left:var(--plasma-segment-item-content-icon-margin);}
354
+ .SegmentItem_styles_f1jpip_sctm1j9__cfc991ac{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:var(--plasma-segment-item-content-padding);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:var(--sctm1j9-0);margin-left:var(--sctm1j9-1);}
355
+ .SegmentItem_styles_f1jpip_rgzn5ju__cfc991ac{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-segment-item-content-icon-margin);color:var(--plasma-segment-item-additional-color);}
356
+ .SegmentItem_styles_f1jpip_l1sp2ipp__cfc991ac{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-right:var(--plasma-segment-item-content-icon-margin);color:inherit;}
347
357
 
348
358
  .base_1wf7n5i_b1x66a6y__80fc5ddb{height:var(--plasma-skeleton-line-height);}.base_1wf7n5i_b1x66a6y__80fc5ddb .base_1wf7n5i_sn3du7u__80fc5ddb{height:var(--plasma-skeleton-visible-line-height);}
349
359
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.132.0-canary.1368.10573194405.0",
3
+ "version": "0.132.0-canary.1392.10559452224.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -118,5 +118,5 @@
118
118
  "react-popper": "2.3.0",
119
119
  "storeon": "3.1.5"
120
120
  },
121
- "gitHead": "7ea0320691e1884f0a660154392f35151e76ae52"
121
+ "gitHead": "05937d64945e93efbd234dc275458a180817648b"
122
122
  }
@@ -57,7 +57,6 @@ var buttonRoot = exports.buttonRoot = function buttonRoot(Root) {
57
57
  var stretchingClass = stretch ? _Button2.classes.filledStretching : _Button2.classes["".concat(stretching, "Stretching")];
58
58
  var contentRelaxedClass = contentPlacing === 'relaxed' ? _Button2.classes.contentRelaxed : undefined;
59
59
  var squareClass = square ? _Button2.classes.buttonSquare : undefined;
60
- var isLoadingClass = isLoading ? _Button2.classes.buttonLoading : undefined;
61
60
  var buttonBorderRadius = pin ? (0, _roundness.convertRoundnessMatrix)(pin, "var(".concat(_Button2.tokens.buttonRadius, ")"), "var(".concat(_Button2.tokens.buttonHeight, ")")) : "var(".concat(_Button2.tokens.buttonRadius, ", calc(var(").concat(_Button2.tokens.buttonHeight, ") / 4))");
62
61
  var contentPlacingMapper = {
63
62
  "default": 'center',
@@ -73,7 +72,7 @@ var buttonRoot = exports.buttonRoot = function buttonRoot(Root) {
73
72
  disabled: disabled,
74
73
  focused: focused || outlined,
75
74
  contentPlacing: contentPlacing,
76
- className: (0, _utils.cx)(squareClass, stretchingClass, _Button2.classes.buttonItem, isLoadingClass, className),
75
+ className: (0, _utils.cx)(squareClass, stretchingClass, _Button2.classes.buttonItem, className),
77
76
  style: _objectSpread(_objectSpread({}, style), {}, {
78
77
  '--plasma_computed-btn-br': buttonBorderRadius,
79
78
  '--plasma_private-blur': blur
@@ -11,8 +11,7 @@ var classes = exports.classes = {
11
11
  fixedStretching: 'button-stretching-fixed',
12
12
  contentRelaxed: 'button-content-relaxed',
13
13
  buttonSquare: 'button-square',
14
- buttonItem: 'button-item',
15
- buttonLoading: 'button-loading'
14
+ buttonItem: 'button-item'
16
15
  };
17
16
  var tokens = exports.tokens = {
18
17
  buttonColor: '--plasma-button-color',
@@ -22,7 +21,6 @@ var tokens = exports.tokens = {
22
21
  buttonBackgroundColorHover: '--plasma-button-background-color-hover',
23
22
  buttonColorActive: '--plasma-button-color-active',
24
23
  buttonBackgroundColorActive: '--plasma-button-background-color-active',
25
- buttonLoadingBackgroundColor: '--plasma-button-loading-background-color',
26
24
  buttonScaleHover: '--plasma-button-scale-hover',
27
25
  buttonScaleActive: '---plasma-button-scale-active',
28
26
  buttonHeight: '--plasma-button-height',
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.base = void 0;
7
7
  var _styledComponents = /*#__PURE__*/require("styled-components");
8
8
  var _Button = /*#__PURE__*/require("../../Button.tokens");
9
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["color:var(", ");background-color:var(", ");&.", "{background-color:var(", ");}:hover{color:var(", ",var(", "));background-color:var(", ",var(", "));scale:var(", ");}:active{color:var(", ",var(", "));background-color:var(", ",var(", "));scale:var(", ");}"], _Button.tokens.buttonColor, _Button.tokens.buttonBackgroundColor, _Button.classes.buttonLoading, _Button.tokens.buttonLoadingBackgroundColor, _Button.tokens.buttonColorHover, _Button.tokens.buttonColor, _Button.tokens.buttonBackgroundColorHover, _Button.tokens.buttonBackgroundColor, _Button.tokens.buttonScaleHover, _Button.tokens.buttonColorActive, _Button.tokens.buttonColor, _Button.tokens.buttonBackgroundColorActive, _Button.tokens.buttonBackgroundColor, _Button.tokens.buttonScaleActive);
9
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["color:var(", ");background-color:var(", ");:hover{color:var(", ",var(", "));background-color:var(", ",var(", "));scale:var(", ");}:active{color:var(", ",var(", "));background-color:var(", ",var(", "));scale:var(", ");}"], _Button.tokens.buttonColor, _Button.tokens.buttonBackgroundColor, _Button.tokens.buttonColorHover, _Button.tokens.buttonColor, _Button.tokens.buttonBackgroundColorHover, _Button.tokens.buttonBackgroundColor, _Button.tokens.buttonScaleHover, _Button.tokens.buttonColorActive, _Button.tokens.buttonColor, _Button.tokens.buttonBackgroundColorActive, _Button.tokens.buttonBackgroundColor, _Button.tokens.buttonScaleActive);
10
10
 
11
11
  // TODO: #715 background-image: gradients
12
12
 
@@ -22,7 +22,6 @@ var tokens = exports.tokens = {
22
22
  buttonColor: '--plasma-button-group-item-color',
23
23
  buttonValueColor: '--plasma-button-group-item-value-color',
24
24
  buttonBackgroundColor: '--plasma-button-group-item-background-color',
25
- buttonLoadingBackgroundColor: '--plasma-button-group-loading-item-background-color',
26
25
  buttonColorHover: '--plasma-button-group-item-color-hover',
27
26
  buttonBackgroundColorHover: '--plasma-button-group-item-background-color-hover',
28
27
  buttonColorActive: '--plasma-button-group-item-color-active',
@@ -7,4 +7,4 @@ exports.base = void 0;
7
7
  var _styledComponents = /*#__PURE__*/require("styled-components");
8
8
  var _ButtonGroup = /*#__PURE__*/require("../../ButtonGroup.tokens");
9
9
  var _Button = /*#__PURE__*/require("../../../Button");
10
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", " .", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], _ButtonGroup.classes.buttonGroupOverrideStyles, _Button.buttonClasses.buttonItem, _Button.buttonTokens.buttonColor, _ButtonGroup.tokens.buttonColor, _Button.buttonTokens.buttonValueColor, _ButtonGroup.tokens.buttonValueColor, _Button.buttonTokens.buttonBackgroundColor, _ButtonGroup.tokens.buttonBackgroundColor, _Button.buttonTokens.buttonLoadingBackgroundColor, _ButtonGroup.tokens.buttonLoadingBackgroundColor, _Button.buttonTokens.buttonColorHover, _ButtonGroup.tokens.buttonColorHover, _Button.buttonTokens.buttonBackgroundColorHover, _ButtonGroup.tokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonColorActive, _ButtonGroup.tokens.buttonColorActive, _Button.buttonTokens.buttonBackgroundColorActive, _ButtonGroup.tokens.buttonBackgroundColorActive);
10
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", " .", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], _ButtonGroup.classes.buttonGroupOverrideStyles, _Button.buttonClasses.buttonItem, _Button.buttonTokens.buttonColor, _ButtonGroup.tokens.buttonColor, _Button.buttonTokens.buttonValueColor, _ButtonGroup.tokens.buttonValueColor, _Button.buttonTokens.buttonBackgroundColor, _ButtonGroup.tokens.buttonBackgroundColor, _Button.buttonTokens.buttonColorHover, _ButtonGroup.tokens.buttonColorHover, _Button.buttonTokens.buttonBackgroundColorHover, _ButtonGroup.tokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonColorActive, _ButtonGroup.tokens.buttonColorActive, _Button.buttonTokens.buttonBackgroundColorActive, _ButtonGroup.tokens.buttonBackgroundColorActive);
@@ -18,7 +18,7 @@ var StyledInput = exports.StyledInput = /*#__PURE__*/_styledComponents["default"
18
18
  })(["position:absolute;&:focus{outline:0 none;}width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);"]);
19
19
  var StyledTrigger = exports.StyledTrigger = /*#__PURE__*/_styledComponents["default"].div.withConfig({
20
20
  componentId: "plasma-new-hope__sc-tydhc1-1"
21
- })(["margin:var(", ");width:var(", ");height:var(", ");border-radius:var(", ");position:relative;display:flex;align-items:center;justify-content:center;background:var(", ");border:0.125rem solid var(", ");box-sizing:border-box;flex-shrink:0;flex-grow:0;input:not(:indeterminate) + label & div{transform:scale(0);transition:transform 0.15s ease-in-out;}input:checked + label & div{transform:scale(1);}"], _Checkbox.tokens.triggerMargin, _Checkbox.tokens.triggerSize, _Checkbox.tokens.triggerSize, _Checkbox.tokens.triggerBorderRadius, _Checkbox.tokens.triggerBackgroundColor, _Checkbox.tokens.triggerBorderColor);
21
+ })(["margin:var(", ");width:var(", ");height:var(", ");border-radius:var(", ");position:relative;display:flex;align-items:center;justify-content:center;background:transparent;border:0.125rem solid var(", ");box-sizing:border-box;flex-shrink:0;flex-grow:0;input:not(:indeterminate) + label & div{transform:scale(0);transition:transform 0.15s ease-in-out;}input:checked + label & div{transform:scale(1);}"], _Checkbox.tokens.triggerMargin, _Checkbox.tokens.triggerSize, _Checkbox.tokens.triggerSize, _Checkbox.tokens.triggerBorderRadius, _Checkbox.tokens.triggerBorderColor);
22
22
  var StyledContentWrapper = exports.StyledContentWrapper = /*#__PURE__*/_styledComponents["default"].label.withConfig({
23
23
  componentId: "plasma-new-hope__sc-tydhc1-2"
24
24
  })(["position:relative;align-items:flex-start;display:flex;width:100%;cursor:inherit;"]);
@@ -34,7 +34,6 @@ var tokens = exports.tokens = {
34
34
  iconColor: '--plasma-checkbox-icon-color',
35
35
  descriptionColor: '--plasma-checkbox-description-color',
36
36
  triggerBorderColor: '--plasma-checkbox-trigger-border-color',
37
- triggerBackgroundColor: '--plasma-checkbox-trigger-background-color',
38
37
  focusColor: '--plasma-checkbox-focus-color',
39
38
  disabledOpacity: '--plasma-checkbox-disabled-opacity'
40
39
  };
@@ -9,5 +9,5 @@ var _Button = /*#__PURE__*/require("../Button");
9
9
  var _Button2 = /*#__PURE__*/require("../Button/Button.styles");
10
10
  var _IconButton = /*#__PURE__*/require("./IconButton.tokens");
11
11
  // Переопределние токенов из Button
12
- var mappingOverride = exports.mappingOverride = /*#__PURE__*/"\n ".concat(_Button.buttonTokens.buttonPadding, ": 0;\n\n ").concat(_Button.buttonTokens.buttonColor, ": var(").concat(_IconButton.tokens.iconButtonColor, ");\n ").concat(_Button.buttonTokens.buttonBackgroundColor, ": var(").concat(_IconButton.tokens.iconButtonBackgroundColor, ");\n\n ").concat(_Button.buttonTokens.buttonColorHover, ": var(").concat(_IconButton.tokens.iconButtonColorHover, ");\n ").concat(_Button.buttonTokens.buttonBackgroundColorHover, ": var(").concat(_IconButton.tokens.iconButtonBackgroundColorHover, ");\n\n ").concat(_Button.buttonTokens.buttonColorActive, ": var(").concat(_IconButton.tokens.iconButtonColorActive, ");\n ").concat(_Button.buttonTokens.buttonBackgroundColorActive, ": var(").concat(_IconButton.tokens.iconButtonBackgroundColorActive, ");\n\n ").concat(_Button.buttonTokens.buttonLoadingBackgroundColor, ": var(").concat(_IconButton.tokens.iconButtonLoadingBackgroundColor, ");\n\n ").concat(_Button.buttonTokens.buttonFontFamily, ": var(").concat(_IconButton.tokens.iconButtonFontFamily, ");\n ").concat(_Button.buttonTokens.buttonFontSize, ": var(").concat(_IconButton.tokens.iconButtonFontSize, ");\n ").concat(_Button.buttonTokens.buttonFontStyle, ": var(").concat(_IconButton.tokens.iconButtonFontStyle, ");\n ").concat(_Button.buttonTokens.buttonFontWeight, ":var(").concat(_IconButton.tokens.iconButtonFontWeight, ");\n ").concat(_Button.buttonTokens.buttonLetterSpacing, ": var(").concat(_IconButton.tokens.iconButtonLetterSpacing, ");\n ").concat(_Button.buttonTokens.buttonLineHeight, ": var(").concat(_IconButton.tokens.iconButtonLineHeight, ");\n\n ").concat(_Button.buttonTokens.buttonWidth, ": var(").concat(_IconButton.tokens.iconButtonWidth, ");\n ").concat(_Button.buttonTokens.buttonHeight, ": var(").concat(_IconButton.tokens.iconButtonHeight, ");\n ").concat(_Button.buttonTokens.buttonRadius, ": var(").concat(_IconButton.tokens.iconButtonRadius, ");\n\n ").concat(_Button.buttonTokens.buttonDisabledOpacity, ": var(").concat(_IconButton.tokens.iconButtonDisabledOpacity, ");\n ").concat(_Button.buttonTokens.buttonFocusColor, ": var(").concat(_IconButton.tokens.iconButtonFocusColor, ");\n\n ").concat(_Button.buttonTokens.buttonSpinnerSize, ": var(").concat(_IconButton.tokens.iconButtonSpinnerSize, ");\n ").concat(_Button.buttonTokens.buttonSpinnerColor, ": var(").concat(_IconButton.tokens.iconButtonSpinnerColor, ");\n");
12
+ var mappingOverride = exports.mappingOverride = /*#__PURE__*/"\n ".concat(_Button.buttonTokens.buttonPadding, ": 0;\n\n ").concat(_Button.buttonTokens.buttonColor, ": var(").concat(_IconButton.tokens.iconButtonColor, ");\n ").concat(_Button.buttonTokens.buttonBackgroundColor, ": var(").concat(_IconButton.tokens.iconButtonBackgroundColor, ");\n\n ").concat(_Button.buttonTokens.buttonColorHover, ": var(").concat(_IconButton.tokens.iconButtonColorHover, ");\n ").concat(_Button.buttonTokens.buttonBackgroundColorHover, ": var(").concat(_IconButton.tokens.iconButtonBackgroundColorHover, ");\n\n ").concat(_Button.buttonTokens.buttonColorActive, ": var(").concat(_IconButton.tokens.iconButtonColorActive, ");\n ").concat(_Button.buttonTokens.buttonBackgroundColorActive, ": var(").concat(_IconButton.tokens.iconButtonBackgroundColorActive, ");\n\n\n ").concat(_Button.buttonTokens.buttonFontFamily, ": var(").concat(_IconButton.tokens.iconButtonFontFamily, ");\n ").concat(_Button.buttonTokens.buttonFontSize, ": var(").concat(_IconButton.tokens.iconButtonFontSize, ");\n ").concat(_Button.buttonTokens.buttonFontStyle, ": var(").concat(_IconButton.tokens.iconButtonFontStyle, ");\n ").concat(_Button.buttonTokens.buttonFontWeight, ":var(").concat(_IconButton.tokens.iconButtonFontWeight, ");\n ").concat(_Button.buttonTokens.buttonLetterSpacing, ": var(").concat(_IconButton.tokens.iconButtonLetterSpacing, ");\n ").concat(_Button.buttonTokens.buttonLineHeight, ": var(").concat(_IconButton.tokens.iconButtonLineHeight, ");\n\n ").concat(_Button.buttonTokens.buttonWidth, ": var(").concat(_IconButton.tokens.iconButtonWidth, ");\n ").concat(_Button.buttonTokens.buttonHeight, ": var(").concat(_IconButton.tokens.iconButtonHeight, ");\n ").concat(_Button.buttonTokens.buttonRadius, ": var(").concat(_IconButton.tokens.iconButtonRadius, ");\n\n ").concat(_Button.buttonTokens.buttonDisabledOpacity, ": var(").concat(_IconButton.tokens.iconButtonDisabledOpacity, ");\n ").concat(_Button.buttonTokens.buttonFocusColor, ": var(").concat(_IconButton.tokens.iconButtonFocusColor, ");\n\n ").concat(_Button.buttonTokens.buttonSpinnerSize, ": var(").concat(_IconButton.tokens.iconButtonSpinnerSize, ");\n ").concat(_Button.buttonTokens.buttonSpinnerColor, ": var(").concat(_IconButton.tokens.iconButtonSpinnerColor, ");\n");
13
13
  var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", ";", ";"], _Button2.baseContent, mappingOverride);
@@ -7,7 +7,6 @@ exports.tokens = void 0;
7
7
  var tokens = exports.tokens = {
8
8
  iconButtonColor: '--plasma-icon-button-color',
9
9
  iconButtonBackgroundColor: '--plasma-icon-button-background-color',
10
- iconButtonLoadingBackgroundColor: '--plasma-icon-button-loading-background-color',
11
10
  iconButtonColorHover: '--plasma-icon-button-color-hover',
12
11
  iconButtonBackgroundColorHover: '--plasma-icon-button-background-color-hover',
13
12
  iconButtonColorActive: '--plasma-icon-button-color-active',
@@ -12,7 +12,7 @@ var _Radiobox = /*#__PURE__*/require("./Radiobox.tokens");
12
12
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
13
13
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
14
14
  // NOTE: Необходимое переопределение токенов из компонента Checkbox т.к. используются его части
15
- var mappingOverride = /*#__PURE__*/"\n ".concat(_Checkbox.checkboxTokens.labelFontFamily, ": var(").concat(_Radiobox.tokens.labelFontFamily, ");\n ").concat(_Checkbox.checkboxTokens.labelFontSize, ": var(").concat(_Radiobox.tokens.labelFontSize, ");\n ").concat(_Checkbox.checkboxTokens.labelFontStyle, ": var(").concat(_Radiobox.tokens.labelFontStyle, ");\n ").concat(_Checkbox.checkboxTokens.labelFontWeight, ": var(").concat(_Radiobox.tokens.labelFontWeight, ");\n ").concat(_Checkbox.checkboxTokens.labelLetterSpacing, ": var(").concat(_Radiobox.tokens.labelLetterSpacing, ");\n ").concat(_Checkbox.checkboxTokens.labelLineHeight, ": var(").concat(_Radiobox.tokens.labelLineHeight, ");\n ").concat(_Checkbox.checkboxTokens.descriptionMarginTop, ": var(").concat(_Radiobox.tokens.descriptionMarginTop, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontFamily, ": var(").concat(_Radiobox.tokens.descriptionFontFamily, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontSize, ": var(").concat(_Radiobox.tokens.descriptionFontSize, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontStyle, ": var(").concat(_Radiobox.tokens.descriptionFontStyle, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontWeight, ": var(").concat(_Radiobox.tokens.descriptionFontWeight, ");\n ").concat(_Checkbox.checkboxTokens.descriptionLetterSpacing, ": var(").concat(_Radiobox.tokens.descriptionLetterSpacing, ");\n ").concat(_Checkbox.checkboxTokens.descriptionLineHeight, ": var(").concat(_Radiobox.tokens.descriptionLineHeight, ");\n\n ").concat(_Checkbox.checkboxTokens.fillColor, ": var(").concat(_Radiobox.tokens.fillColor, ");\n ").concat(_Checkbox.checkboxTokens.descriptionColor, ": var(").concat(_Radiobox.tokens.descriptionColor, ");\n ").concat(_Checkbox.checkboxTokens.triggerBorderColor, ": var(").concat(_Radiobox.tokens.triggerBorderColor, ");\n ").concat(_Checkbox.checkboxTokens.triggerBackgroundColor, ": var(").concat(_Radiobox.tokens.triggerBackgroundColor, ");\n\n ").concat(_Checkbox.checkboxTokens.contentTopOffset, ": var(").concat(_Radiobox.tokens.contentTopOffset, ");\n ").concat(_Checkbox.checkboxTokens.contentLeftOffset, ": var(").concat(_Radiobox.tokens.contentLeftOffset, ");\n ").concat(_Checkbox.checkboxTokens.triggerSize, ": var(").concat(_Radiobox.tokens.triggerSize, ");\n ").concat(_Checkbox.checkboxTokens.triggerBorderRadius, ": var(").concat(_Radiobox.tokens.triggerBorderRadius, ");\n ").concat(_Checkbox.checkboxTokens.triggerMargin, ": var(").concat(_Radiobox.tokens.triggerMargin, ");\n");
15
+ var mappingOverride = /*#__PURE__*/"\n ".concat(_Checkbox.checkboxTokens.labelFontFamily, ": var(").concat(_Radiobox.tokens.labelFontFamily, ");\n ").concat(_Checkbox.checkboxTokens.labelFontSize, ": var(").concat(_Radiobox.tokens.labelFontSize, ");\n ").concat(_Checkbox.checkboxTokens.labelFontStyle, ": var(").concat(_Radiobox.tokens.labelFontStyle, ");\n ").concat(_Checkbox.checkboxTokens.labelFontWeight, ": var(").concat(_Radiobox.tokens.labelFontWeight, ");\n ").concat(_Checkbox.checkboxTokens.labelLetterSpacing, ": var(").concat(_Radiobox.tokens.labelLetterSpacing, ");\n ").concat(_Checkbox.checkboxTokens.labelLineHeight, ": var(").concat(_Radiobox.tokens.labelLineHeight, ");\n ").concat(_Checkbox.checkboxTokens.descriptionMarginTop, ": var(").concat(_Radiobox.tokens.descriptionMarginTop, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontFamily, ": var(").concat(_Radiobox.tokens.descriptionFontFamily, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontSize, ": var(").concat(_Radiobox.tokens.descriptionFontSize, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontStyle, ": var(").concat(_Radiobox.tokens.descriptionFontStyle, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontWeight, ": var(").concat(_Radiobox.tokens.descriptionFontWeight, ");\n ").concat(_Checkbox.checkboxTokens.descriptionLetterSpacing, ": var(").concat(_Radiobox.tokens.descriptionLetterSpacing, ");\n ").concat(_Checkbox.checkboxTokens.descriptionLineHeight, ": var(").concat(_Radiobox.tokens.descriptionLineHeight, ");\n\n ").concat(_Checkbox.checkboxTokens.fillColor, ": var(").concat(_Radiobox.tokens.fillColor, ");\n ").concat(_Checkbox.checkboxTokens.descriptionColor, ": var(").concat(_Radiobox.tokens.descriptionColor, ");\n ").concat(_Checkbox.checkboxTokens.triggerBorderColor, ": var(").concat(_Radiobox.tokens.triggerBorderColor, ");\n\n ").concat(_Checkbox.checkboxTokens.contentTopOffset, ": var(").concat(_Radiobox.tokens.contentTopOffset, ");\n ").concat(_Checkbox.checkboxTokens.contentLeftOffset, ": var(").concat(_Radiobox.tokens.contentLeftOffset, ");\n ").concat(_Checkbox.checkboxTokens.triggerSize, ": var(").concat(_Radiobox.tokens.triggerSize, ");\n ").concat(_Checkbox.checkboxTokens.triggerBorderRadius, ": var(").concat(_Radiobox.tokens.triggerBorderRadius, ");\n ").concat(_Checkbox.checkboxTokens.triggerMargin, ": var(").concat(_Radiobox.tokens.triggerMargin, ");\n");
16
16
  var StyledEllipse = exports.StyledEllipse = /*#__PURE__*/_styledComponents["default"].div.withConfig({
17
17
  componentId: "plasma-new-hope__sc-rqiilp-0"
18
18
  })(["width:var(", ");height:var(", ");border-radius:var(", ");background-color:var(", ");transition:transform 0.3s ease-in-out;transform:scale(0);input:checked + label &{transform:scale(1);}"], _Radiobox.tokens.ellipseSize, _Radiobox.tokens.ellipseSize, _Radiobox.tokens.ellipseSize, _Radiobox.tokens.ellipseColor);
@@ -26,7 +26,6 @@ var tokens = exports.tokens = {
26
26
  fillColor: '--plasma-radiobox-fill-color',
27
27
  descriptionColor: '--plasma-radiobox-description-color',
28
28
  triggerBorderColor: '--plasma-radiobox-trigger-border-color',
29
- triggerBackgroundColor: '--plasma-radiobox-trigger-background-color',
30
29
  contentTopOffset: '--plasma-radiobox-content-top-offset',
31
30
  contentLeftOffset: '--plasma-radiobox-content-left-offset',
32
31
  triggerSize: '--plasma-radiobox-trigger-size',
@@ -0,0 +1,61 @@
1
+ https://mui.com/material-ui/api/select/
2
+
3
+ Segment
4
+
5
+ SegmentGroup
6
+ variations/
7
+ SegmentGroup.tsx
8
+ SegmentGroup.styles.ts
9
+ SegmentGroup.types.ts
10
+
11
+ SegmentItem
12
+ variations/
13
+ SegmentItem.tsx
14
+ SegmentItem.styles.ts
15
+ SegmentItem.types.ts
16
+
17
+ ```ts
18
+ type SegmentValue = string | number;
19
+
20
+ interface SegmentItem {
21
+ value: SegmentValue;
22
+ label?: string;
23
+ }
24
+
25
+ interface SegmentGroup {
26
+ defaultValue?: SegmentValue | SegmentValue[];
27
+ value?: SegmentValue | SegmentValue[];
28
+ items: SegmentItem[];
29
+ customItem?: ({ item, selected, vertical }: { item: SegmentItem; selected: boolean; vertical: boolean }) => void;
30
+ onChange?: ({ item, selected }: { item: SegmentItem; selected: boolean }) => void;
31
+ view?: 'clear' | 'filled';
32
+ size?: 'm' | 's' | 'l' | 'xs';
33
+ disabled?: boolean;
34
+ pilled?: boolean;
35
+ filledBackground?: boolean;
36
+ stretch?: boolean;
37
+ vertical?: boolean;
38
+ selectionMode?: 'multiple' | 'single';
39
+ }
40
+
41
+ interface SegmentItem {
42
+ view?: 'clear' | 'filled';
43
+ size?: 'm' | 's' | 'l' | 'xs';
44
+ pilled?: boolean;
45
+ label?: ReactNode;
46
+ stretch?: boolean;
47
+ selectionMode?: 'multiple' | 'single';
48
+ }
49
+ ```
50
+
51
+ ```jsx
52
+ <SegmentGroup
53
+ defaultValue={['a']}
54
+ value={''}
55
+ items={[
56
+ { value: 'a', label: 'A' },
57
+ { value: 'b', label: 'B' },
58
+ ]}
59
+ onChange(({ value }) => void)
60
+ />
61
+ ```
@@ -8,7 +8,11 @@ var classes = exports.classes = {
8
8
  selectedSegmentItem: 'selected-segment-item',
9
9
  segmentPilled: 'segment-pilled',
10
10
  segmentGroupFilledBackground: 'segment-group-filled-background',
11
- segmentStretch: 'segment-stretched'
11
+ segmentStretch: 'segment-stretched',
12
+ segmentVertical: 'segment-vertical',
13
+ segmentArrowPadding: 'segment-arrow-padding',
14
+ segmentGroupClipScroll: 'segment-group-clip-scroll',
15
+ segmentGroupClipShowAll: 'segment-group-clip-show-all'
12
16
  };
13
17
  var tokens = exports.tokens = {
14
18
  fontFamily: '--plasma-segment-item-font-family',
@@ -23,6 +27,9 @@ var tokens = exports.tokens = {
23
27
  groupPilledBorderRadius: '--plasma-segment-group-pilled-border-radius',
24
28
  groupWidth: '--plasma-segment-group-width',
25
29
  groupHeight: '--plasma-segment-group-height',
30
+ groupVerticalHeight: '--plasma-segment-group-vertical-height',
31
+ groupArrowPadding: '--plasma-segment-group-arrow-padding',
32
+ groupVerticalArrowPadding: '--plasma-segment-group-vertical-arrow-padding',
26
33
  groupBackgroundColor: '--plasma-segment-group-background-color',
27
34
  groupFilledBackgroundColor: '--plasma-segment-group-filled-background-color',
28
35
  itemBorderRadius: '--plasma-segment-item-border-radius',
@@ -31,13 +38,19 @@ var tokens = exports.tokens = {
31
38
  itemHeight: '--plasma-segment-item-height',
32
39
  itemPadding: '--plasma-segment-item-padding',
33
40
  itemMarginLeft: '--plasma-segment-item-margin-left',
41
+ itemContentPadding: '--plasma-segment-item-content-padding',
42
+ itemIconMargin: '--plasma-segment-item-content-icon-margin',
34
43
  itemColor: '--plasma-segment-item-color',
35
44
  itemBackgroundColor: '--plasma-segment-item-background-color',
36
45
  itemColorHover: '--plasma-segment-item-color-hover',
37
46
  itemBackgroundColorHover: '--plasma-segment-item-background-color-hover',
47
+ itemAdditionalColor: '--plasma-segment-item-additional-color',
48
+ itemAdditionalColorHover: '--plasma-segment-item-additional-color-hover',
38
49
  itemSelectedColor: '--plasma-segment-item-selected-color',
39
50
  itemSelectedBackgroundColor: '--plasma-segment-item-selected-background-color',
40
51
  itemSelectedColorHover: '--plasma-segment-item-selected-color-hover',
41
52
  itemSelectedBackgroundColorHover: '--plasma-segment-item-selected-background-color-hover',
53
+ itemSelectedAdditionalColor: '--plasma-segment-item-selected-additional-color',
54
+ itemSelectedAdditionalColorHover: '--plasma-segment-item-selected-additional-color-hover',
42
55
  disabledOpacity: '--plasma-segment-disabled-opacity'
43
56
  };