@salutejs/plasma-new-hope 0.132.0-canary.1392.10559452224.0 → 0.132.0-dev.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 +2 -1
  3. package/cjs/components/Button/Button.js.map +1 -1
  4. package/cjs/components/Button/Button.tokens.js +3 -1
  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_1x0spnh.css +1 -0
  9. package/cjs/components/ButtonGroup/ButtonGroup.css +1 -1
  10. package/cjs/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
  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_1lhytnr.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_1266095.css → cjs/components/Checkbox/Checkbox.styles_dmi26u.css} +1 -1
  22. package/cjs/components/Checkbox/Checkbox.tokens.js +1 -0
  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_sttslf.css +1 -0
  34. package/cjs/components/IconButton/IconButton.tokens.js +1 -0
  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_1skfuon.css → Radiobox.styles_520asv.css} +1 -1
  45. package/cjs/components/Radiobox/Radiobox.tokens.js +1 -0
  46. package/cjs/components/Radiobox/Radiobox.tokens.js.map +1 -1
  47. package/cjs/components/Segment/tokens.js +1 -14
  48. package/cjs/components/Segment/tokens.js.map +1 -1
  49. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.css +4 -10
  50. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +83 -160
  51. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
  52. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +1 -37
  53. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js.map +1 -1
  54. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles_m9i9p0.css +4 -0
  55. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.css +3 -7
  56. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.js +2 -4
  57. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.js.map +1 -1
  58. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +2 -31
  59. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js.map +1 -1
  60. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles_18h1p52.css +2 -0
  61. package/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -1
  62. package/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js.map +1 -1
  63. package/cjs/components/Segment/ui/SegmentItem/variations/_view/base_1m1u2ys.css +1 -0
  64. package/cjs/components/Select/Select.css +8 -8
  65. package/cjs/components/Select/ui/Inner/Inner.css +8 -8
  66. package/cjs/components/Select/ui/Inner/ui/Item/Item.css +8 -8
  67. package/cjs/components/Select/ui/Target/Target.css +1 -1
  68. package/cjs/components/Select/ui/Target/ui/Button/Button.css +1 -1
  69. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
  70. package/cjs/components/Tabs/ui/Tabs/Tabs.js +2 -2
  71. package/cjs/components/Tabs/ui/Tabs/Tabs.js.map +1 -1
  72. package/cjs/components/Toast/Toast.css +1 -1
  73. package/cjs/components/Toast/ToastController.css +1 -1
  74. package/cjs/index.css +19 -29
  75. package/emotion/cjs/components/Button/Button.js +2 -1
  76. package/emotion/cjs/components/Button/Button.tokens.js +3 -1
  77. package/emotion/cjs/components/Button/variations/_view/base.js +1 -1
  78. package/emotion/cjs/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
  79. package/emotion/cjs/components/ButtonGroup/variations/_view/base.js +1 -1
  80. package/emotion/cjs/components/Checkbox/Checkbox.styles.js +7 -7
  81. package/emotion/cjs/components/Checkbox/Checkbox.tokens.js +1 -0
  82. package/emotion/cjs/components/IconButton/IconButton.styles.js +2 -2
  83. package/emotion/cjs/components/IconButton/IconButton.tokens.js +1 -0
  84. package/emotion/cjs/components/Radiobox/Radiobox.styles.js +3 -3
  85. package/emotion/cjs/components/Radiobox/Radiobox.tokens.js +1 -0
  86. package/emotion/cjs/components/Segment/tokens.js +1 -14
  87. package/emotion/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +82 -156
  88. package/emotion/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +17 -25
  89. package/emotion/cjs/components/Segment/ui/SegmentItem/SegmentItem.js +2 -4
  90. package/emotion/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +6 -28
  91. package/emotion/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -2
  92. package/emotion/cjs/components/Tabs/ui/Tabs/Tabs.js +2 -2
  93. package/emotion/cjs/components/_Icon/index.js +0 -14
  94. package/emotion/cjs/examples/plasma_b2c/components/Button/Button.config.js +24 -24
  95. package/emotion/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +28 -28
  96. package/emotion/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +12 -12
  97. package/emotion/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js +20 -20
  98. package/emotion/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +12 -12
  99. package/emotion/cjs/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +10 -13
  100. package/emotion/cjs/examples/plasma_b2c/components/Segment/SegmentItem.config.js +9 -9
  101. package/emotion/cjs/examples/plasma_web/components/Button/Button.config.js +24 -24
  102. package/emotion/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +28 -28
  103. package/emotion/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +12 -12
  104. package/emotion/cjs/examples/plasma_web/components/IconButton/IconButton.config.js +20 -20
  105. package/emotion/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +12 -12
  106. package/emotion/cjs/examples/plasma_web/components/Segment/Segment.stories.tsx +2 -143
  107. package/emotion/cjs/examples/plasma_web/components/Segment/SegmentGroup.config.js +9 -12
  108. package/emotion/cjs/examples/plasma_web/components/Segment/SegmentItem.config.js +9 -9
  109. package/emotion/cjs/examples/sds_engineer/components/Button/Button.config.js +24 -24
  110. package/emotion/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +28 -28
  111. package/emotion/cjs/examples/sds_engineer/components/Checkbox/Checkbox.config.js +12 -12
  112. package/emotion/cjs/examples/sds_engineer/components/Radiobox/Radiobox.config.js +12 -12
  113. package/emotion/es/components/Button/Button.js +2 -1
  114. package/emotion/es/components/Button/Button.tokens.js +3 -1
  115. package/emotion/es/components/Button/variations/_view/base.js +2 -2
  116. package/emotion/es/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
  117. package/emotion/es/components/ButtonGroup/variations/_view/base.js +1 -1
  118. package/emotion/es/components/Checkbox/Checkbox.styles.js +7 -7
  119. package/emotion/es/components/Checkbox/Checkbox.tokens.js +1 -0
  120. package/emotion/es/components/IconButton/IconButton.styles.js +2 -2
  121. package/emotion/es/components/IconButton/IconButton.tokens.js +1 -0
  122. package/emotion/es/components/Radiobox/Radiobox.styles.js +3 -3
  123. package/emotion/es/components/Radiobox/Radiobox.tokens.js +1 -0
  124. package/emotion/es/components/Segment/tokens.js +1 -14
  125. package/emotion/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +85 -159
  126. package/emotion/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +17 -25
  127. package/emotion/es/components/Segment/ui/SegmentItem/SegmentItem.js +3 -5
  128. package/emotion/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js +5 -27
  129. package/emotion/es/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -2
  130. package/emotion/es/components/Tabs/ui/Tabs/Tabs.js +2 -2
  131. package/emotion/es/components/_Icon/index.js +0 -2
  132. package/emotion/es/examples/plasma_b2c/components/Button/Button.config.js +24 -24
  133. package/emotion/es/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +28 -28
  134. package/emotion/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +12 -12
  135. package/emotion/es/examples/plasma_b2c/components/IconButton/IconButton.config.js +20 -20
  136. package/emotion/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +12 -12
  137. package/emotion/es/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +10 -13
  138. package/emotion/es/examples/plasma_b2c/components/Segment/SegmentItem.config.js +9 -9
  139. package/emotion/es/examples/plasma_web/components/Button/Button.config.js +24 -24
  140. package/emotion/es/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +28 -28
  141. package/emotion/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +12 -12
  142. package/emotion/es/examples/plasma_web/components/IconButton/IconButton.config.js +20 -20
  143. package/emotion/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +12 -12
  144. package/emotion/es/examples/plasma_web/components/Segment/Segment.stories.tsx +2 -143
  145. package/emotion/es/examples/plasma_web/components/Segment/SegmentGroup.config.js +9 -12
  146. package/emotion/es/examples/plasma_web/components/Segment/SegmentItem.config.js +9 -9
  147. package/emotion/es/examples/sds_engineer/components/Button/Button.config.js +24 -24
  148. package/emotion/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +28 -28
  149. package/emotion/es/examples/sds_engineer/components/Checkbox/Checkbox.config.js +12 -12
  150. package/emotion/es/examples/sds_engineer/components/Radiobox/Radiobox.config.js +12 -12
  151. package/es/components/Button/Button.css +1 -1
  152. package/es/components/Button/Button.js +2 -1
  153. package/es/components/Button/Button.js.map +1 -1
  154. package/es/components/Button/Button.tokens.js +3 -1
  155. package/es/components/Button/Button.tokens.js.map +1 -1
  156. package/es/components/Button/variations/_view/base.js +1 -1
  157. package/es/components/Button/variations/_view/base.js.map +1 -1
  158. package/es/components/Button/variations/_view/base_1x0spnh.css +1 -0
  159. package/es/components/ButtonGroup/ButtonGroup.css +1 -1
  160. package/es/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
  161. package/es/components/ButtonGroup/ButtonGroup.tokens.js.map +1 -1
  162. package/es/components/ButtonGroup/variations/_view/base.js +1 -1
  163. package/es/components/ButtonGroup/variations/_view/base.js.map +1 -1
  164. package/es/components/ButtonGroup/variations/_view/base_1lhytnr.css +1 -0
  165. package/es/components/Calendar/CalendarBase/CalendarBase.css +2 -2
  166. package/es/components/Calendar/CalendarDouble/CalendarDouble.css +2 -2
  167. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css +2 -2
  168. package/es/components/Checkbox/Checkbox.css +7 -7
  169. package/es/components/Checkbox/Checkbox.styles.js +1 -1
  170. package/es/components/Checkbox/Checkbox.styles.js.map +1 -1
  171. package/{cjs/components/Checkbox/Checkbox.styles_1266095.css → es/components/Checkbox/Checkbox.styles_dmi26u.css} +1 -1
  172. package/es/components/Checkbox/Checkbox.tokens.js +1 -0
  173. package/es/components/Checkbox/Checkbox.tokens.js.map +1 -1
  174. package/es/components/DatePicker/RangeDate/RangeDate.css +2 -2
  175. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -2
  176. package/es/components/DatePicker/SingleDate/SingleDate.css +2 -2
  177. package/es/components/Drawer/Drawer.css +1 -1
  178. package/es/components/Drawer/ui/DrawerContent/DrawerContent.css +1 -1
  179. package/es/components/EmptyState/EmptyState.css +1 -1
  180. package/es/components/IconButton/IconButton.css +2 -2
  181. package/es/components/IconButton/IconButton.styles.js +1 -1
  182. package/es/components/IconButton/IconButton.styles.js.map +1 -1
  183. package/es/components/IconButton/IconButton.styles_sttslf.css +1 -0
  184. package/es/components/IconButton/IconButton.tokens.js +1 -0
  185. package/es/components/IconButton/IconButton.tokens.js.map +1 -1
  186. package/es/components/Notification/Notification.css +1 -1
  187. package/es/components/Notification/NotificationsProvider.css +1 -1
  188. package/es/components/Pagination/Pagination.css +9 -9
  189. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +8 -8
  190. package/es/components/Panel/ui/PanelHeader/PanelHeader.css +1 -1
  191. package/es/components/Radiobox/Radiobox.css +9 -9
  192. package/es/components/Radiobox/Radiobox.styles.js +1 -1
  193. package/es/components/Radiobox/Radiobox.styles.js.map +1 -1
  194. package/es/components/Radiobox/{Radiobox.styles_1skfuon.css → Radiobox.styles_520asv.css} +1 -1
  195. package/es/components/Radiobox/Radiobox.tokens.js +1 -0
  196. package/es/components/Radiobox/Radiobox.tokens.js.map +1 -1
  197. package/es/components/Segment/tokens.js +1 -14
  198. package/es/components/Segment/tokens.js.map +1 -1
  199. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.css +4 -10
  200. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +87 -163
  201. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
  202. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +2 -34
  203. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js.map +1 -1
  204. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles_m9i9p0.css +4 -0
  205. package/es/components/Segment/ui/SegmentItem/SegmentItem.css +3 -7
  206. package/es/components/Segment/ui/SegmentItem/SegmentItem.js +3 -5
  207. package/es/components/Segment/ui/SegmentItem/SegmentItem.js.map +1 -1
  208. package/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js +3 -30
  209. package/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js.map +1 -1
  210. package/es/components/Segment/ui/SegmentItem/SegmentItem.styles_18h1p52.css +2 -0
  211. package/es/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -1
  212. package/es/components/Segment/ui/SegmentItem/variations/_view/base.js.map +1 -1
  213. package/es/components/Segment/ui/SegmentItem/variations/_view/base_1m1u2ys.css +1 -0
  214. package/es/components/Select/Select.css +8 -8
  215. package/es/components/Select/ui/Inner/Inner.css +8 -8
  216. package/es/components/Select/ui/Inner/ui/Item/Item.css +8 -8
  217. package/es/components/Select/ui/Target/Target.css +1 -1
  218. package/es/components/Select/ui/Target/ui/Button/Button.css +1 -1
  219. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
  220. package/es/components/Tabs/ui/Tabs/Tabs.js +2 -2
  221. package/es/components/Tabs/ui/Tabs/Tabs.js.map +1 -1
  222. package/es/components/Toast/Toast.css +1 -1
  223. package/es/components/Toast/ToastController.css +1 -1
  224. package/es/index.css +19 -29
  225. package/package.json +2 -2
  226. package/styled-components/cjs/components/Button/Button.js +2 -1
  227. package/styled-components/cjs/components/Button/Button.tokens.js +3 -1
  228. package/styled-components/cjs/components/Button/variations/_view/base.js +1 -1
  229. package/styled-components/cjs/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
  230. package/styled-components/cjs/components/ButtonGroup/variations/_view/base.js +1 -1
  231. package/styled-components/cjs/components/Checkbox/Checkbox.styles.js +1 -1
  232. package/styled-components/cjs/components/Checkbox/Checkbox.tokens.js +1 -0
  233. package/styled-components/cjs/components/IconButton/IconButton.styles.js +1 -1
  234. package/styled-components/cjs/components/IconButton/IconButton.tokens.js +1 -0
  235. package/styled-components/cjs/components/Radiobox/Radiobox.styles.js +1 -1
  236. package/styled-components/cjs/components/Radiobox/Radiobox.tokens.js +1 -0
  237. package/styled-components/cjs/components/Segment/tokens.js +1 -14
  238. package/styled-components/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +82 -156
  239. package/styled-components/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +4 -16
  240. package/styled-components/cjs/components/Segment/ui/SegmentItem/SegmentItem.js +2 -4
  241. package/styled-components/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +5 -23
  242. package/styled-components/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -2
  243. package/styled-components/cjs/components/Tabs/ui/Tabs/Tabs.js +2 -2
  244. package/styled-components/cjs/components/_Icon/index.js +0 -14
  245. package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.config.js +10 -10
  246. package/styled-components/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +10 -10
  247. package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +8 -8
  248. package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js +10 -10
  249. package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +8 -8
  250. package/styled-components/cjs/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +4 -7
  251. package/styled-components/cjs/examples/plasma_b2c/components/Segment/SegmentItem.config.js +8 -8
  252. package/styled-components/cjs/examples/plasma_web/components/Button/Button.config.js +10 -10
  253. package/styled-components/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +10 -10
  254. package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +8 -8
  255. package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.config.js +10 -10
  256. package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +8 -8
  257. package/styled-components/cjs/examples/plasma_web/components/Segment/Segment.stories.tsx +2 -143
  258. package/styled-components/cjs/examples/plasma_web/components/Segment/SegmentGroup.config.js +4 -7
  259. package/styled-components/cjs/examples/plasma_web/components/Segment/SegmentItem.config.js +8 -8
  260. package/styled-components/cjs/examples/sds_engineer/components/Button/Button.config.js +10 -10
  261. package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +10 -10
  262. package/styled-components/cjs/examples/sds_engineer/components/Checkbox/Checkbox.config.js +8 -8
  263. package/styled-components/cjs/examples/sds_engineer/components/Radiobox/Radiobox.config.js +8 -8
  264. package/styled-components/es/components/Button/Button.js +2 -1
  265. package/styled-components/es/components/Button/Button.tokens.js +3 -1
  266. package/styled-components/es/components/Button/variations/_view/base.js +2 -2
  267. package/styled-components/es/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
  268. package/styled-components/es/components/ButtonGroup/variations/_view/base.js +1 -1
  269. package/styled-components/es/components/Checkbox/Checkbox.styles.js +1 -1
  270. package/styled-components/es/components/Checkbox/Checkbox.tokens.js +1 -0
  271. package/styled-components/es/components/IconButton/IconButton.styles.js +1 -1
  272. package/styled-components/es/components/IconButton/IconButton.tokens.js +1 -0
  273. package/styled-components/es/components/Radiobox/Radiobox.styles.js +1 -1
  274. package/styled-components/es/components/Radiobox/Radiobox.tokens.js +1 -0
  275. package/styled-components/es/components/Segment/tokens.js +1 -14
  276. package/styled-components/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +85 -159
  277. package/styled-components/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +4 -16
  278. package/styled-components/es/components/Segment/ui/SegmentItem/SegmentItem.js +3 -5
  279. package/styled-components/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js +4 -22
  280. package/styled-components/es/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -2
  281. package/styled-components/es/components/Tabs/ui/Tabs/Tabs.js +2 -2
  282. package/styled-components/es/components/_Icon/index.js +0 -2
  283. package/styled-components/es/examples/plasma_b2c/components/Button/Button.config.js +10 -10
  284. package/styled-components/es/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +10 -10
  285. package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +8 -8
  286. package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.config.js +10 -10
  287. package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +8 -8
  288. package/styled-components/es/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +4 -7
  289. package/styled-components/es/examples/plasma_b2c/components/Segment/SegmentItem.config.js +8 -8
  290. package/styled-components/es/examples/plasma_web/components/Button/Button.config.js +10 -10
  291. package/styled-components/es/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +10 -10
  292. package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +8 -8
  293. package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.config.js +10 -10
  294. package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +8 -8
  295. package/styled-components/es/examples/plasma_web/components/Segment/Segment.stories.tsx +2 -143
  296. package/styled-components/es/examples/plasma_web/components/Segment/SegmentGroup.config.js +4 -7
  297. package/styled-components/es/examples/plasma_web/components/Segment/SegmentItem.config.js +8 -8
  298. package/styled-components/es/examples/sds_engineer/components/Button/Button.config.js +10 -10
  299. package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +10 -10
  300. package/styled-components/es/examples/sds_engineer/components/Checkbox/Checkbox.config.js +8 -8
  301. package/styled-components/es/examples/sds_engineer/components/Radiobox/Radiobox.config.js +8 -8
  302. package/types/components/Button/Button.d.ts.map +1 -1
  303. package/types/components/Button/Button.tokens.d.ts +2 -0
  304. package/types/components/Button/Button.tokens.d.ts.map +1 -1
  305. package/types/components/Button/variations/_view/base.d.ts.map +1 -1
  306. package/types/components/ButtonGroup/ButtonGroup.tokens.d.ts +1 -0
  307. package/types/components/ButtonGroup/ButtonGroup.tokens.d.ts.map +1 -1
  308. package/types/components/ButtonGroup/variations/_view/base.d.ts.map +1 -1
  309. package/types/components/Checkbox/Checkbox.tokens.d.ts +1 -0
  310. package/types/components/Checkbox/Checkbox.tokens.d.ts.map +1 -1
  311. package/types/components/IconButton/IconButton.styles.d.ts.map +1 -1
  312. package/types/components/IconButton/IconButton.tokens.d.ts +1 -0
  313. package/types/components/IconButton/IconButton.tokens.d.ts.map +1 -1
  314. package/types/components/Radiobox/Radiobox.styles.d.ts.map +1 -1
  315. package/types/components/Radiobox/Radiobox.tokens.d.ts +1 -0
  316. package/types/components/Radiobox/Radiobox.tokens.d.ts.map +1 -1
  317. package/types/components/Segment/tokens.d.ts +0 -13
  318. package/types/components/Segment/tokens.d.ts.map +1 -1
  319. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.d.ts +0 -7
  320. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.d.ts.map +1 -1
  321. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.styles.d.ts +0 -12
  322. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.styles.d.ts.map +1 -1
  323. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.types.d.ts +1 -5
  324. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.types.d.ts.map +1 -1
  325. package/types/components/Segment/ui/SegmentItem/SegmentItem.d.ts +0 -4
  326. package/types/components/Segment/ui/SegmentItem/SegmentItem.d.ts.map +1 -1
  327. package/types/components/Segment/ui/SegmentItem/SegmentItem.styles.d.ts +1 -9
  328. package/types/components/Segment/ui/SegmentItem/SegmentItem.styles.d.ts.map +1 -1
  329. package/types/components/Segment/ui/SegmentItem/SegmentItem.types.d.ts +0 -8
  330. package/types/components/Segment/ui/SegmentItem/SegmentItem.types.d.ts.map +1 -1
  331. package/types/components/Segment/ui/SegmentItem/variations/_view/base.d.ts.map +1 -1
  332. package/types/components/Tabs/ui/Tabs/Tabs.d.ts.map +1 -1
  333. package/types/components/_Icon/index.d.ts +0 -2
  334. package/types/components/_Icon/index.d.ts.map +1 -1
  335. package/types/examples/plasma_b2c/components/Button/Button.config.d.ts.map +1 -1
  336. package/types/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  337. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.config.d.ts.map +1 -1
  338. package/types/examples/plasma_b2c/components/IconButton/IconButton.config.d.ts.map +1 -1
  339. package/types/examples/plasma_b2c/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  340. package/types/examples/plasma_b2c/components/Segment/Segment.d.ts +0 -6
  341. package/types/examples/plasma_b2c/components/Segment/Segment.d.ts.map +1 -1
  342. package/types/examples/plasma_b2c/components/Segment/SegmentGroup.config.d.ts +0 -3
  343. package/types/examples/plasma_b2c/components/Segment/SegmentGroup.config.d.ts.map +1 -1
  344. package/types/examples/plasma_b2c/components/Segment/SegmentItem.config.d.ts.map +1 -1
  345. package/types/examples/plasma_web/components/Button/Button.config.d.ts.map +1 -1
  346. package/types/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  347. package/types/examples/plasma_web/components/Checkbox/Checkbox.config.d.ts.map +1 -1
  348. package/types/examples/plasma_web/components/IconButton/IconButton.config.d.ts.map +1 -1
  349. package/types/examples/plasma_web/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  350. package/types/examples/plasma_web/components/Segment/Segment.d.ts +0 -6
  351. package/types/examples/plasma_web/components/Segment/Segment.d.ts.map +1 -1
  352. package/types/examples/plasma_web/components/Segment/SegmentGroup.config.d.ts +0 -3
  353. package/types/examples/plasma_web/components/Segment/SegmentGroup.config.d.ts.map +1 -1
  354. package/types/examples/plasma_web/components/Segment/SegmentItem.config.d.ts.map +1 -1
  355. package/types/examples/sds_engineer/components/Button/Button.config.d.ts.map +1 -1
  356. package/types/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  357. package/types/examples/sds_engineer/components/Checkbox/Checkbox.config.d.ts.map +1 -1
  358. package/types/examples/sds_engineer/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  359. package/types/examples/sds_engineer/components/Segment/Segment.d.ts +0 -3
  360. package/types/examples/sds_engineer/components/Segment/Segment.d.ts.map +1 -1
  361. package/cjs/components/Button/variations/_view/base_x95x4p.css +0 -1
  362. package/cjs/components/ButtonGroup/variations/_view/base_1n9gznw.css +0 -1
  363. package/cjs/components/IconButton/IconButton.styles_7v8g0e.css +0 -1
  364. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles_1rr47x4.css +0 -8
  365. package/cjs/components/Segment/ui/SegmentGroup/variations/_vertical/base.js +0 -9
  366. package/cjs/components/Segment/ui/SegmentGroup/variations/_vertical/base.js.map +0 -1
  367. package/cjs/components/Segment/ui/SegmentGroup/variations/_vertical/base_11agnr.css +0 -1
  368. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles_f1jpip.css +0 -6
  369. package/cjs/components/Segment/ui/SegmentItem/variations/_view/base_168a47w.css +0 -1
  370. package/cjs/components/_Icon/Icon.assets/DisclosureDown.js +0 -22
  371. package/cjs/components/_Icon/Icon.assets/DisclosureDown.js.map +0 -1
  372. package/cjs/components/_Icon/Icon.assets/DisclosureUp.js +0 -22
  373. package/cjs/components/_Icon/Icon.assets/DisclosureUp.js.map +0 -1
  374. package/cjs/components/_Icon/Icons/IconDisclosureDown.js +0 -23
  375. package/cjs/components/_Icon/Icons/IconDisclosureDown.js.map +0 -1
  376. package/cjs/components/_Icon/Icons/IconDisclosureUp.js +0 -23
  377. package/cjs/components/_Icon/Icons/IconDisclosureUp.js.map +0 -1
  378. package/emotion/cjs/components/Segment/README.md +0 -61
  379. package/emotion/cjs/components/Segment/ui/SegmentGroup/variations/_vertical/base.js +0 -10
  380. package/emotion/cjs/components/Segment/ui/SegmentGroup/variations/_vertical/tokens.json +0 -1
  381. package/emotion/cjs/components/_Icon/Icon.assets/DisclosureDown.js +0 -21
  382. package/emotion/cjs/components/_Icon/Icon.assets/DisclosureUp.js +0 -21
  383. package/emotion/cjs/components/_Icon/Icons/IconDisclosureDown.js +0 -22
  384. package/emotion/cjs/components/_Icon/Icons/IconDisclosureUp.js +0 -22
  385. package/emotion/es/components/Segment/README.md +0 -61
  386. package/emotion/es/components/Segment/ui/SegmentGroup/variations/_vertical/base.js +0 -4
  387. package/emotion/es/components/Segment/ui/SegmentGroup/variations/_vertical/tokens.json +0 -1
  388. package/emotion/es/components/_Icon/Icon.assets/DisclosureDown.js +0 -14
  389. package/emotion/es/components/_Icon/Icon.assets/DisclosureUp.js +0 -14
  390. package/emotion/es/components/_Icon/Icons/IconDisclosureDown.js +0 -15
  391. package/emotion/es/components/_Icon/Icons/IconDisclosureUp.js +0 -15
  392. package/es/components/Button/variations/_view/base_x95x4p.css +0 -1
  393. package/es/components/ButtonGroup/variations/_view/base_1n9gznw.css +0 -1
  394. package/es/components/IconButton/IconButton.styles_7v8g0e.css +0 -1
  395. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles_1rr47x4.css +0 -8
  396. package/es/components/Segment/ui/SegmentGroup/variations/_vertical/base.js +0 -5
  397. package/es/components/Segment/ui/SegmentGroup/variations/_vertical/base.js.map +0 -1
  398. package/es/components/Segment/ui/SegmentGroup/variations/_vertical/base_11agnr.css +0 -1
  399. package/es/components/Segment/ui/SegmentItem/SegmentItem.styles_f1jpip.css +0 -6
  400. package/es/components/Segment/ui/SegmentItem/variations/_view/base_168a47w.css +0 -1
  401. package/es/components/_Icon/Icon.assets/DisclosureDown.js +0 -18
  402. package/es/components/_Icon/Icon.assets/DisclosureDown.js.map +0 -1
  403. package/es/components/_Icon/Icon.assets/DisclosureUp.js +0 -18
  404. package/es/components/_Icon/Icon.assets/DisclosureUp.js.map +0 -1
  405. package/es/components/_Icon/Icons/IconDisclosureDown.js +0 -19
  406. package/es/components/_Icon/Icons/IconDisclosureDown.js.map +0 -1
  407. package/es/components/_Icon/Icons/IconDisclosureUp.js +0 -19
  408. package/es/components/_Icon/Icons/IconDisclosureUp.js.map +0 -1
  409. package/styled-components/cjs/components/Segment/README.md +0 -61
  410. package/styled-components/cjs/components/Segment/ui/SegmentGroup/variations/_vertical/base.js +0 -10
  411. package/styled-components/cjs/components/Segment/ui/SegmentGroup/variations/_vertical/tokens.json +0 -1
  412. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureDown.js +0 -21
  413. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureUp.js +0 -21
  414. package/styled-components/cjs/components/_Icon/Icons/IconDisclosureDown.js +0 -22
  415. package/styled-components/cjs/components/_Icon/Icons/IconDisclosureUp.js +0 -22
  416. package/styled-components/es/components/Segment/README.md +0 -61
  417. package/styled-components/es/components/Segment/ui/SegmentGroup/variations/_vertical/base.js +0 -4
  418. package/styled-components/es/components/Segment/ui/SegmentGroup/variations/_vertical/tokens.json +0 -1
  419. package/styled-components/es/components/_Icon/Icon.assets/DisclosureDown.js +0 -14
  420. package/styled-components/es/components/_Icon/Icon.assets/DisclosureUp.js +0 -14
  421. package/styled-components/es/components/_Icon/Icons/IconDisclosureDown.js +0 -15
  422. package/styled-components/es/components/_Icon/Icons/IconDisclosureUp.js +0 -15
  423. package/types/components/Segment/ui/SegmentGroup/variations/_vertical/base.d.ts +0 -2
  424. package/types/components/Segment/ui/SegmentGroup/variations/_vertical/base.d.ts.map +0 -1
  425. package/types/components/_Icon/Icon.assets/DisclosureDown.d.ts +0 -4
  426. package/types/components/_Icon/Icon.assets/DisclosureDown.d.ts.map +0 -1
  427. package/types/components/_Icon/Icon.assets/DisclosureUp.d.ts +0 -4
  428. package/types/components/_Icon/Icon.assets/DisclosureUp.d.ts.map +0 -1
  429. package/types/components/_Icon/Icons/IconDisclosureDown.d.ts +0 -4
  430. package/types/components/_Icon/Icons/IconDisclosureDown.d.ts.map +0 -1
  431. package/types/components/_Icon/Icons/IconDisclosureUp.d.ts +0 -4
  432. package/types/components/_Icon/Icons/IconDisclosureUp.d.ts.map +0 -1
@@ -1,61 +0,0 @@
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
- ```
@@ -1,10 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _react = /*#__PURE__*/require("@emotion/react");
8
- var _tokens = /*#__PURE__*/require("../../../../tokens");
9
- var _SegmentGroup = /*#__PURE__*/require("../../SegmentGroup.styles");
10
- var base = exports.base = /*#__PURE__*/(0, _react.css)("&.", _tokens.classes.segmentVertical, "{flex-direction:column;max-height:var(", _tokens.tokens.groupVerticalHeight, ");", _SegmentGroup.StyledContentWrapper, "{flex-direction:column;}", _SegmentGroup.StyledContent, "{flex-direction:column;}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvdmFyaWF0aW9ucy9fdmVydGljYWwvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWdtZW50L3VpL1NlZ21lbnRHcm91cC92YXJpYXRpb25zL192ZXJ0aWNhbC9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi90b2tlbnMnO1xuaW1wb3J0IHsgU3R5bGVkQ29udGVudCwgU3R5bGVkQ29udGVudFdyYXBwZXIgfSBmcm9tICcuLi8uLi9TZWdtZW50R3JvdXAuc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJi4ke2NsYXNzZXMuc2VnbWVudFZlcnRpY2FsfSB7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIG1heC1oZWlnaHQ6IHZhcigke3Rva2Vucy5ncm91cFZlcnRpY2FsSGVpZ2h0fSk7XG5cbiAgICAgICAgJHtTdHlsZWRDb250ZW50V3JhcHBlcn0ge1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgfVxuXG4gICAgICAgICR7U3R5bGVkQ29udGVudH0ge1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXX0= */"));
@@ -1,21 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.DisclosureDown = void 0;
7
- var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
8
- var _path;
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
11
- var DisclosureDown = exports.DisclosureDown = function DisclosureDown(props) {
12
- return /*#__PURE__*/_react["default"].createElement("svg", _extends({
13
- width: "100%",
14
- viewBox: "0 0 24 24",
15
- fill: "none"
16
- }, props), _path || (_path = /*#__PURE__*/_react["default"].createElement("path", {
17
- 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",
18
- fillRule: "evenodd",
19
- fill: "currentColor"
20
- })));
21
- };
@@ -1,21 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.DisclosureUp = void 0;
7
- var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
8
- var _path;
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
11
- var DisclosureUp = exports.DisclosureUp = function DisclosureUp(props) {
12
- return /*#__PURE__*/_react["default"].createElement("svg", _extends({
13
- width: "100%",
14
- viewBox: "0 0 24 24",
15
- fill: "none"
16
- }, props), _path || (_path = /*#__PURE__*/_react["default"].createElement("path", {
17
- 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",
18
- fillRule: "evenodd",
19
- fill: "currentColor"
20
- })));
21
- };
@@ -1,22 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.IconDisclosureDown = void 0;
7
- var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
8
- var _DisclosureDown = /*#__PURE__*/require("../Icon.assets/DisclosureDown");
9
- var _IconRoot = /*#__PURE__*/require("../IconRoot");
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
- var IconDisclosureDown = exports.IconDisclosureDown = function IconDisclosureDown(_ref) {
12
- var _ref$size = _ref.size,
13
- size = _ref$size === void 0 ? 's' : _ref$size,
14
- color = _ref.color,
15
- className = _ref.className;
16
- return /*#__PURE__*/_react["default"].createElement(_IconRoot.IconRoot, {
17
- className: className,
18
- size: size,
19
- color: color,
20
- icon: _DisclosureDown.DisclosureDown
21
- });
22
- };
@@ -1,22 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.IconDisclosureUp = void 0;
7
- var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
8
- var _DisclosureUp = /*#__PURE__*/require("../Icon.assets/DisclosureUp");
9
- var _IconRoot = /*#__PURE__*/require("../IconRoot");
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
- var IconDisclosureUp = exports.IconDisclosureUp = function IconDisclosureUp(_ref) {
12
- var _ref$size = _ref.size,
13
- size = _ref$size === void 0 ? 's' : _ref$size,
14
- color = _ref.color,
15
- className = _ref.className;
16
- return /*#__PURE__*/_react["default"].createElement(_IconRoot.IconRoot, {
17
- className: className,
18
- size: size,
19
- color: color,
20
- icon: _DisclosureUp.DisclosureUp
21
- });
22
- };
@@ -1,61 +0,0 @@
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
- ```
@@ -1,4 +0,0 @@
1
- import { css } from '@emotion/react';
2
- import { classes, tokens } from '../../../../tokens';
3
- import { StyledContent, StyledContentWrapper } from '../../SegmentGroup.styles';
4
- export var base = /*#__PURE__*/css("&.", classes.segmentVertical, "{flex-direction:column;max-height:var(", tokens.groupVerticalHeight, ");", StyledContentWrapper, "{flex-direction:column;}", StyledContent, "{flex-direction:column;}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvdmFyaWF0aW9ucy9fdmVydGljYWwvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWdtZW50L3VpL1NlZ21lbnRHcm91cC92YXJpYXRpb25zL192ZXJ0aWNhbC9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi90b2tlbnMnO1xuaW1wb3J0IHsgU3R5bGVkQ29udGVudCwgU3R5bGVkQ29udGVudFdyYXBwZXIgfSBmcm9tICcuLi8uLi9TZWdtZW50R3JvdXAuc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJi4ke2NsYXNzZXMuc2VnbWVudFZlcnRpY2FsfSB7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIG1heC1oZWlnaHQ6IHZhcigke3Rva2Vucy5ncm91cFZlcnRpY2FsSGVpZ2h0fSk7XG5cbiAgICAgICAgJHtTdHlsZWRDb250ZW50V3JhcHBlcn0ge1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgfVxuXG4gICAgICAgICR7U3R5bGVkQ29udGVudH0ge1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXX0= */"));
@@ -1,14 +0,0 @@
1
- var _path;
2
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
- import React from 'react';
4
- export var DisclosureDown = function DisclosureDown(props) {
5
- return /*#__PURE__*/React.createElement("svg", _extends({
6
- width: "100%",
7
- viewBox: "0 0 24 24",
8
- fill: "none"
9
- }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
10
- 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",
11
- fillRule: "evenodd",
12
- fill: "currentColor"
13
- })));
14
- };
@@ -1,14 +0,0 @@
1
- var _path;
2
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
- import React from 'react';
4
- export var DisclosureUp = function DisclosureUp(props) {
5
- return /*#__PURE__*/React.createElement("svg", _extends({
6
- width: "100%",
7
- viewBox: "0 0 24 24",
8
- fill: "none"
9
- }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
10
- 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",
11
- fillRule: "evenodd",
12
- fill: "currentColor"
13
- })));
14
- };
@@ -1,15 +0,0 @@
1
- import React from 'react';
2
- import { DisclosureDown } from '../Icon.assets/DisclosureDown';
3
- import { IconRoot } from '../IconRoot';
4
- export var IconDisclosureDown = function IconDisclosureDown(_ref) {
5
- var _ref$size = _ref.size,
6
- size = _ref$size === void 0 ? 's' : _ref$size,
7
- color = _ref.color,
8
- className = _ref.className;
9
- return /*#__PURE__*/React.createElement(IconRoot, {
10
- className: className,
11
- size: size,
12
- color: color,
13
- icon: DisclosureDown
14
- });
15
- };
@@ -1,15 +0,0 @@
1
- import React from 'react';
2
- import { DisclosureUp } from '../Icon.assets/DisclosureUp';
3
- import { IconRoot } from '../IconRoot';
4
- export var IconDisclosureUp = function IconDisclosureUp(_ref) {
5
- var _ref$size = _ref.size,
6
- size = _ref$size === void 0 ? 's' : _ref$size,
7
- color = _ref.color,
8
- className = _ref.className;
9
- return /*#__PURE__*/React.createElement(IconRoot, {
10
- className: className,
11
- size: size,
12
- color: color,
13
- icon: DisclosureUp
14
- });
15
- };
@@ -1 +0,0 @@
1
- .b1ty39ru{color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.b1ty39ru: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);}.b1ty39ru: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 +0,0 @@
1
- .b7jdqtc.button-group-override-styles .button-item{--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);}
@@ -1 +0,0 @@
1
- .b1ua728l{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.b1ua728l{-webkit-text-decoration:none;text-decoration:none;}.b1ua728l.b1ua728l.button-square{width:var(--plasma-button-height);padding:0;}.b1ua728l: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);}.b1ua728l: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);}.b1ua728l:focus{outline:none;}.b1ua728l::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;}.b1ua728l.focus-visible:focus::before,.b1ua728l[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.b1ua728l[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.b1ua728l[disabled]:hover,.b1ua728l[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.b1ua728l.button-stretching-fixed{width:var(--plasma-button-width);}.b1ua728l.button-stretching-filled{width:100%;}.b1ua728l.button-stretching-auto{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
@@ -1,8 +0,0 @@
1
- .b2sori2{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;}
2
- .sin9wo2{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;}
3
- .spuzt9m{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;}.spuzt9m.segment-group-clip-scroll{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;}.spuzt9m.segment-group-clip-scroll::-webkit-scrollbar{display:none;}.spuzt9m.segment-group-clip-show-all{overflow:visible;}
4
- .s1qf4oye{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;outline:none;position:relative;}.s1qf4oye::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;}.s1qf4oye.focus-visible:focus::before,.s1qf4oye[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-segment-outline-focus-color);}.s1qf4oye[disabled]{cursor:not-allowed;}
5
- .s3pgccr.s1qf4oye{padding:var(--plasma-segment-group-arrow-padding);padding-right:0;margin-right:0.1875rem;}
6
- .sax6mvm.s1qf4oye{padding:var(--plasma-segment-group-arrow-padding);padding-left:0;margin-left:0.1875rem;}
7
- .s1n81rr8.s1qf4oye{padding:var(--plasma-segment-group-vertical-arrow-padding);padding-bottom:0;margin-bottom:0.1875rem;}
8
- .s7ukuvj.s1qf4oye{padding:var(--plasma-segment-group-vertical-arrow-padding);padding-top:0;margin-top:0.1875rem;}
@@ -1,5 +0,0 @@
1
- import './base_11agnr.css';
2
- var base = "bg914h8";
3
-
4
- export { base };
5
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../../../src/components/Segment/ui/SegmentGroup/variations/_vertical/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../../../tokens';\nimport { StyledContent, StyledContentWrapper } from '../../SegmentGroup.styles';\n\nexport const base = css`\n &.${classes.segmentVertical} {\n flex-direction: column;\n max-height: var(${tokens.groupVerticalHeight});\n\n ${StyledContentWrapper} {\n flex-direction: column;\n }\n\n ${StyledContent} {\n flex-direction: column;\n }\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAahB;;;;"}
@@ -1 +0,0 @@
1
- .bg914h8.segment-vertical{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;max-height:var(--plasma-segment-group-vertical-height);}.bg914h8.segment-vertical .spuzt9m{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.bg914h8.segment-vertical .sin9wo2{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
@@ -1,6 +0,0 @@
1
- .bxcdyja{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;}.bxcdyja:first-child{margin-left:0;}.bxcdyja::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;}.bxcdyja.focus-visible:focus::before,.bxcdyja[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-segment-outline-focus-color);}
2
- .sxjfe87{margin-right:var(--plasma-segment-item-content-icon-margin);}
3
- .s1gg7fed{margin-left:var(--plasma-segment-item-content-icon-margin);}
4
- .sctm1j9{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);}
5
- .rgzn5ju{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);}
6
- .l1sp2ipp{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-right:var(--plasma-segment-item-content-icon-margin);color:inherit;}
@@ -1 +0,0 @@
1
- .b1tykljf{color:var(--plasma-segment-item-color);background-color:var(--plasma-segment-item-background-color);}.b1tykljf:hover{color:var(--plasma-segment-item-color-hover);background-color:var(--plasma-segment-item-background-color-hover);}.b1tykljf:hover .rgzn5ju{color:var(--plasma-segment-item-additional-color-hover);}.b1tykljf.selected-segment-item{color:var(--plasma-segment-item-selected-color);background-color:var(--plasma-segment-item-selected-background-color);}.b1tykljf.selected-segment-item .rgzn5ju{color:var(--plasma-segment-item-selected-additional-color);}.b1tykljf.selected-segment-item:hover{color:var(--plasma-segment-item-selected-color-hover);background-color:var(--plasma-segment-item-selected-background-color-hover);}.b1tykljf.selected-segment-item:hover .rgzn5ju{color:var(--plasma-segment-item-selected-additional-color-hover);}
@@ -1,18 +0,0 @@
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
@@ -1 +0,0 @@
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;;;;"}
@@ -1,18 +0,0 @@
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
@@ -1 +0,0 @@
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;;;;"}
@@ -1,19 +0,0 @@
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
@@ -1 +0,0 @@
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;;;;"}
@@ -1,19 +0,0 @@
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
@@ -1 +0,0 @@
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;;;;"}
@@ -1,61 +0,0 @@
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
- ```
@@ -1,10 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _tokens = /*#__PURE__*/require("../../../../tokens");
9
- var _SegmentGroup = /*#__PURE__*/require("../../SegmentGroup.styles");
10
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{flex-direction:column;max-height:var(", ");", "{flex-direction:column;}", "{flex-direction:column;}}"], _tokens.classes.segmentVertical, _tokens.tokens.groupVerticalHeight, _SegmentGroup.StyledContentWrapper, _SegmentGroup.StyledContent);
@@ -1,21 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.DisclosureDown = void 0;
7
- var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
8
- var _path;
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
11
- var DisclosureDown = exports.DisclosureDown = function DisclosureDown(props) {
12
- return /*#__PURE__*/_react["default"].createElement("svg", _extends({
13
- width: "100%",
14
- viewBox: "0 0 24 24",
15
- fill: "none"
16
- }, props), _path || (_path = /*#__PURE__*/_react["default"].createElement("path", {
17
- 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",
18
- fillRule: "evenodd",
19
- fill: "currentColor"
20
- })));
21
- };
@@ -1,21 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.DisclosureUp = void 0;
7
- var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
8
- var _path;
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
11
- var DisclosureUp = exports.DisclosureUp = function DisclosureUp(props) {
12
- return /*#__PURE__*/_react["default"].createElement("svg", _extends({
13
- width: "100%",
14
- viewBox: "0 0 24 24",
15
- fill: "none"
16
- }, props), _path || (_path = /*#__PURE__*/_react["default"].createElement("path", {
17
- 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",
18
- fillRule: "evenodd",
19
- fill: "currentColor"
20
- })));
21
- };
@@ -1,22 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.IconDisclosureDown = void 0;
7
- var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
8
- var _DisclosureDown = /*#__PURE__*/require("../Icon.assets/DisclosureDown");
9
- var _IconRoot = /*#__PURE__*/require("../IconRoot");
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
- var IconDisclosureDown = exports.IconDisclosureDown = function IconDisclosureDown(_ref) {
12
- var _ref$size = _ref.size,
13
- size = _ref$size === void 0 ? 's' : _ref$size,
14
- color = _ref.color,
15
- className = _ref.className;
16
- return /*#__PURE__*/_react["default"].createElement(_IconRoot.IconRoot, {
17
- className: className,
18
- size: size,
19
- color: color,
20
- icon: _DisclosureDown.DisclosureDown
21
- });
22
- };