@salutejs/plasma-new-hope 0.156.0-canary.1392.11055092483.0 → 0.156.0-canary.1421.11066611075.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (479) hide show
  1. package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +2 -2
  2. package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
  3. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -5
  4. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
  5. package/cjs/components/DatePicker/RangeDate/RangeDate.js +63 -4
  6. package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  7. package/cjs/components/DatePicker/SingleDate/SingleDate.js +31 -3
  8. package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  9. package/cjs/components/DatePicker/hooks/useDatePicker.js +34 -1
  10. package/cjs/components/DatePicker/hooks/useDatePicker.js.map +1 -1
  11. package/cjs/components/DatePicker/utils/setInitValue.js +12 -0
  12. package/cjs/components/DatePicker/utils/setInitValue.js.map +1 -0
  13. package/cjs/components/Segment/tokens.js +1 -14
  14. package/cjs/components/Segment/tokens.js.map +1 -1
  15. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.css +8 -7
  16. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +112 -68
  17. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
  18. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +7 -1
  19. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js.map +1 -1
  20. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles_m9i9p0.css +4 -0
  21. package/cjs/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js +1 -1
  22. package/cjs/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js.map +1 -1
  23. package/cjs/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base_escgtx.css +1 -0
  24. package/cjs/components/Segment/ui/SegmentGroup/variations/_size/base.js +1 -1
  25. package/cjs/components/Segment/ui/SegmentGroup/variations/_size/base.js.map +1 -1
  26. package/cjs/components/Segment/ui/SegmentGroup/variations/_size/base_m358nl.css +1 -0
  27. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.css +4 -6
  28. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.js +7 -17
  29. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.js.map +1 -1
  30. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +1 -30
  31. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js.map +1 -1
  32. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles_18h1p52.css +2 -0
  33. package/cjs/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
  34. package/cjs/components/Segment/ui/SegmentItem/variations/_pilled/base.js.map +1 -1
  35. package/cjs/components/Segment/ui/SegmentItem/variations/_pilled/{base_omc5u1.css → base_15s0fel.css} +1 -1
  36. package/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -1
  37. package/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js.map +1 -1
  38. package/cjs/components/Segment/ui/SegmentItem/variations/_view/base_1m1u2ys.css +1 -0
  39. package/cjs/components/Slider/Slider.js +20 -6
  40. package/cjs/components/Slider/Slider.js.map +1 -1
  41. package/cjs/components/Slider/components/Double/Double.js +40 -2
  42. package/cjs/components/Slider/components/Double/Double.js.map +1 -1
  43. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +101 -0
  44. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +1 -0
  45. package/cjs/components/Slider/components/Single/Single.js +49 -13
  46. package/cjs/components/Slider/components/Single/Single.js.map +1 -1
  47. package/cjs/components/Slider/utils/index.js +6 -0
  48. package/cjs/components/Slider/utils/index.js.map +1 -1
  49. package/cjs/components/Tabs/ui/Tabs/Tabs.js +6 -6
  50. package/cjs/components/Tabs/ui/Tabs/Tabs.js.map +1 -1
  51. package/cjs/components/TextArea/TextArea.js +3 -2
  52. package/cjs/components/TextArea/TextArea.js.map +1 -1
  53. package/cjs/components/_Icon/Icon.assets/{DisclosureLeftCentered.js → DisclosureLeft.js} +3 -3
  54. package/cjs/components/_Icon/Icon.assets/DisclosureLeft.js.map +1 -0
  55. package/cjs/components/_Icon/Icon.assets/DisclosureRight.js +4 -3
  56. package/cjs/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
  57. package/cjs/components/_Icon/Icons/{IconDisclosureLeftCentered.js → IconDisclosureLeft.js} +5 -5
  58. package/cjs/components/_Icon/Icons/IconDisclosureLeft.js.map +1 -0
  59. package/cjs/hooks/useForm.js +131 -0
  60. package/cjs/hooks/useForm.js.map +1 -0
  61. package/cjs/index.css +10 -13
  62. package/cjs/index.js +5 -0
  63. package/cjs/index.js.map +1 -1
  64. package/cjs/utils/index.js.map +1 -1
  65. package/cjs/utils/inputHidden.js +12 -0
  66. package/cjs/utils/inputHidden.js.map +1 -0
  67. package/cjs/utils/setRefList.js +28 -0
  68. package/cjs/utils/setRefList.js.map +1 -0
  69. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +4 -4
  70. package/emotion/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +2 -2
  71. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +63 -4
  72. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +31 -3
  73. package/emotion/cjs/components/DatePicker/hooks/useDatePicker.js +34 -1
  74. package/emotion/cjs/components/DatePicker/utils/setInitValue.js +11 -0
  75. package/emotion/cjs/components/Segment/tokens.js +1 -14
  76. package/emotion/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +115 -66
  77. package/emotion/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +33 -15
  78. package/emotion/cjs/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js +1 -1
  79. package/emotion/cjs/components/Segment/ui/SegmentGroup/variations/_size/base.js +1 -1
  80. package/emotion/cjs/components/Segment/ui/SegmentItem/SegmentItem.js +7 -17
  81. package/emotion/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +6 -20
  82. package/emotion/cjs/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
  83. package/emotion/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -2
  84. package/emotion/cjs/components/Slider/Slider.js +15 -6
  85. package/emotion/cjs/components/Slider/components/Double/Double.js +40 -2
  86. package/emotion/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +104 -0
  87. package/emotion/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +5 -0
  88. package/emotion/cjs/components/Slider/components/Single/Single.js +44 -8
  89. package/emotion/cjs/components/Slider/components/index.js +11 -0
  90. package/emotion/cjs/components/Slider/utils/index.js +6 -1
  91. package/emotion/cjs/components/Tabs/ui/Tabs/Tabs.js +4 -4
  92. package/emotion/cjs/components/TextArea/TextArea.js +3 -3
  93. package/emotion/cjs/components/_Icon/Icon.assets/DisclosureLeft.js +4 -3
  94. package/emotion/cjs/components/_Icon/Icon.assets/DisclosureRight.js +4 -3
  95. package/emotion/cjs/components/_Icon/index.js +0 -21
  96. package/emotion/cjs/examples/plasma_b2c/components/Editable/Editable.stories.tsx +2 -2
  97. package/emotion/cjs/examples/plasma_b2c/components/Form/Form.stories.tsx +193 -0
  98. package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +3 -6
  99. package/emotion/cjs/examples/plasma_b2c/components/Segment/Segment.stories.tsx +42 -118
  100. package/emotion/cjs/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +10 -13
  101. package/emotion/cjs/examples/plasma_b2c/components/Segment/SegmentItem.config.js +9 -9
  102. package/emotion/cjs/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx +2 -2
  103. package/emotion/cjs/examples/plasma_web/components/Editable/Editable.stories.tsx +2 -2
  104. package/emotion/cjs/examples/plasma_web/components/Form/Form.stories.tsx +193 -0
  105. package/emotion/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +3 -6
  106. package/emotion/cjs/examples/plasma_web/components/Segment/Segment.stories.tsx +42 -119
  107. package/emotion/cjs/examples/plasma_web/components/Segment/SegmentGroup.config.js +9 -15
  108. package/emotion/cjs/examples/plasma_web/components/Segment/SegmentItem.config.js +9 -9
  109. package/emotion/cjs/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +2 -2
  110. package/emotion/cjs/hooks/index.js +8 -1
  111. package/emotion/cjs/hooks/useForm.js +137 -0
  112. package/emotion/cjs/types/FormType.js +5 -0
  113. package/emotion/cjs/utils/index.js +15 -0
  114. package/emotion/cjs/utils/inputHidden.js +11 -0
  115. package/emotion/cjs/utils/setRefList.js +27 -0
  116. package/emotion/es/components/Breadcrumbs/Breadcrumbs.styles.js +5 -5
  117. package/emotion/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -3
  118. package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +63 -4
  119. package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +31 -3
  120. package/emotion/es/components/DatePicker/hooks/useDatePicker.js +34 -1
  121. package/emotion/es/components/DatePicker/utils/setInitValue.js +5 -0
  122. package/emotion/es/components/Segment/tokens.js +1 -14
  123. package/emotion/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +118 -69
  124. package/emotion/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +32 -14
  125. package/emotion/es/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js +1 -1
  126. package/emotion/es/components/Segment/ui/SegmentGroup/variations/_size/base.js +1 -1
  127. package/emotion/es/components/Segment/ui/SegmentItem/SegmentItem.js +8 -18
  128. package/emotion/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js +6 -20
  129. package/emotion/es/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
  130. package/emotion/es/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -2
  131. package/emotion/es/components/Slider/Slider.js +16 -6
  132. package/emotion/es/components/Slider/components/Double/Double.js +41 -3
  133. package/emotion/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +95 -0
  134. package/emotion/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +1 -0
  135. package/emotion/es/components/Slider/components/Single/Single.js +45 -9
  136. package/emotion/es/components/Slider/components/index.js +1 -0
  137. package/emotion/es/components/Slider/utils/index.js +5 -0
  138. package/emotion/es/components/Tabs/ui/Tabs/Tabs.js +5 -5
  139. package/emotion/es/components/TextArea/TextArea.js +4 -4
  140. package/emotion/es/components/_Icon/Icon.assets/DisclosureLeft.js +4 -3
  141. package/emotion/es/components/_Icon/Icon.assets/DisclosureRight.js +4 -3
  142. package/emotion/es/components/_Icon/index.js +0 -3
  143. package/emotion/es/examples/plasma_b2c/components/Editable/Editable.stories.tsx +2 -2
  144. package/emotion/es/examples/plasma_b2c/components/Form/Form.stories.tsx +193 -0
  145. package/emotion/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +3 -6
  146. package/emotion/es/examples/plasma_b2c/components/Segment/Segment.stories.tsx +42 -118
  147. package/emotion/es/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +10 -13
  148. package/emotion/es/examples/plasma_b2c/components/Segment/SegmentItem.config.js +9 -9
  149. package/emotion/es/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx +2 -2
  150. package/emotion/es/examples/plasma_web/components/Editable/Editable.stories.tsx +2 -2
  151. package/emotion/es/examples/plasma_web/components/Form/Form.stories.tsx +193 -0
  152. package/emotion/es/examples/plasma_web/components/Notification/Notification.stories.tsx +3 -6
  153. package/emotion/es/examples/plasma_web/components/Segment/Segment.stories.tsx +42 -119
  154. package/emotion/es/examples/plasma_web/components/Segment/SegmentGroup.config.js +9 -15
  155. package/emotion/es/examples/plasma_web/components/Segment/SegmentItem.config.js +9 -9
  156. package/emotion/es/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +2 -2
  157. package/emotion/es/hooks/index.js +2 -1
  158. package/emotion/es/hooks/useForm.js +128 -0
  159. package/emotion/es/types/FormType.js +1 -0
  160. package/emotion/es/utils/index.js +1 -0
  161. package/emotion/es/utils/inputHidden.js +4 -0
  162. package/emotion/es/utils/setRefList.js +20 -0
  163. package/es/components/Breadcrumbs/Breadcrumbs.styles.js +2 -2
  164. package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
  165. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -5
  166. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
  167. package/es/components/DatePicker/RangeDate/RangeDate.js +63 -4
  168. package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  169. package/es/components/DatePicker/SingleDate/SingleDate.js +31 -3
  170. package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  171. package/es/components/DatePicker/hooks/useDatePicker.js +34 -1
  172. package/es/components/DatePicker/hooks/useDatePicker.js.map +1 -1
  173. package/es/components/DatePicker/utils/setInitValue.js +8 -0
  174. package/es/components/DatePicker/utils/setInitValue.js.map +1 -0
  175. package/es/components/Segment/tokens.js +1 -14
  176. package/es/components/Segment/tokens.js.map +1 -1
  177. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.css +8 -7
  178. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +118 -73
  179. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
  180. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +7 -2
  181. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js.map +1 -1
  182. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles_m9i9p0.css +4 -0
  183. package/es/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js +1 -1
  184. package/es/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js.map +1 -1
  185. package/es/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base_escgtx.css +1 -0
  186. package/es/components/Segment/ui/SegmentGroup/variations/_size/base.js +1 -1
  187. package/es/components/Segment/ui/SegmentGroup/variations/_size/base.js.map +1 -1
  188. package/es/components/Segment/ui/SegmentGroup/variations/_size/base_m358nl.css +1 -0
  189. package/es/components/Segment/ui/SegmentItem/SegmentItem.css +4 -6
  190. package/es/components/Segment/ui/SegmentItem/SegmentItem.js +8 -18
  191. package/es/components/Segment/ui/SegmentItem/SegmentItem.js.map +1 -1
  192. package/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js +2 -29
  193. package/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js.map +1 -1
  194. package/es/components/Segment/ui/SegmentItem/SegmentItem.styles_18h1p52.css +2 -0
  195. package/es/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
  196. package/es/components/Segment/ui/SegmentItem/variations/_pilled/base.js.map +1 -1
  197. package/es/components/Segment/ui/SegmentItem/variations/_pilled/{base_omc5u1.css → base_15s0fel.css} +1 -1
  198. package/es/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -1
  199. package/es/components/Segment/ui/SegmentItem/variations/_view/base.js.map +1 -1
  200. package/es/components/Segment/ui/SegmentItem/variations/_view/base_1m1u2ys.css +1 -0
  201. package/es/components/Slider/Slider.js +21 -7
  202. package/es/components/Slider/Slider.js.map +1 -1
  203. package/es/components/Slider/components/Double/Double.js +41 -3
  204. package/es/components/Slider/components/Double/Double.js.map +1 -1
  205. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +97 -0
  206. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +1 -0
  207. package/es/components/Slider/components/Single/Single.js +45 -9
  208. package/es/components/Slider/components/Single/Single.js.map +1 -1
  209. package/es/components/Slider/utils/index.js +6 -1
  210. package/es/components/Slider/utils/index.js.map +1 -1
  211. package/es/components/Tabs/ui/Tabs/Tabs.js +6 -6
  212. package/es/components/Tabs/ui/Tabs/Tabs.js.map +1 -1
  213. package/es/components/TextArea/TextArea.js +3 -2
  214. package/es/components/TextArea/TextArea.js.map +1 -1
  215. package/es/components/_Icon/Icon.assets/{DisclosureLeftCentered.js → DisclosureLeft.js} +3 -3
  216. package/es/components/_Icon/Icon.assets/DisclosureLeft.js.map +1 -0
  217. package/es/components/_Icon/Icon.assets/DisclosureRight.js +4 -3
  218. package/es/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
  219. package/es/components/_Icon/Icons/{IconDisclosureLeftCentered.js → IconDisclosureLeft.js} +5 -5
  220. package/es/components/_Icon/Icons/IconDisclosureLeft.js.map +1 -0
  221. package/es/hooks/useForm.js +127 -0
  222. package/es/hooks/useForm.js.map +1 -0
  223. package/es/index.css +10 -13
  224. package/es/index.js +2 -0
  225. package/es/index.js.map +1 -1
  226. package/es/utils/index.js.map +1 -1
  227. package/es/utils/inputHidden.js +8 -0
  228. package/es/utils/inputHidden.js.map +1 -0
  229. package/es/utils/setRefList.js +23 -0
  230. package/es/utils/setRefList.js.map +1 -0
  231. package/package.json +3 -2
  232. package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +1 -1
  233. package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +2 -2
  234. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +63 -4
  235. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +31 -3
  236. package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +34 -1
  237. package/styled-components/cjs/components/DatePicker/utils/setInitValue.js +11 -0
  238. package/styled-components/cjs/components/Segment/tokens.js +1 -14
  239. package/styled-components/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +115 -66
  240. package/styled-components/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +13 -4
  241. package/styled-components/cjs/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js +1 -1
  242. package/styled-components/cjs/components/Segment/ui/SegmentGroup/variations/_size/base.js +1 -1
  243. package/styled-components/cjs/components/Segment/ui/SegmentItem/SegmentItem.js +7 -17
  244. package/styled-components/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +4 -16
  245. package/styled-components/cjs/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
  246. package/styled-components/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -2
  247. package/styled-components/cjs/components/Slider/Slider.js +15 -6
  248. package/styled-components/cjs/components/Slider/components/Double/Double.js +40 -2
  249. package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +104 -0
  250. package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +5 -0
  251. package/styled-components/cjs/components/Slider/components/Single/Single.js +44 -8
  252. package/styled-components/cjs/components/Slider/components/index.js +11 -0
  253. package/styled-components/cjs/components/Slider/utils/index.js +6 -1
  254. package/styled-components/cjs/components/Tabs/ui/Tabs/Tabs.js +4 -4
  255. package/styled-components/cjs/components/TextArea/TextArea.js +2 -2
  256. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureLeft.js +4 -3
  257. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureRight.js +4 -3
  258. package/styled-components/cjs/components/_Icon/index.js +0 -21
  259. package/styled-components/cjs/examples/plasma_b2c/components/Editable/Editable.stories.tsx +2 -2
  260. package/styled-components/cjs/examples/plasma_b2c/components/Form/Form.stories.tsx +193 -0
  261. package/styled-components/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +3 -6
  262. package/styled-components/cjs/examples/plasma_b2c/components/Segment/Segment.stories.tsx +42 -118
  263. package/styled-components/cjs/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +7 -10
  264. package/styled-components/cjs/examples/plasma_b2c/components/Segment/SegmentItem.config.js +8 -8
  265. package/styled-components/cjs/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx +2 -2
  266. package/styled-components/cjs/examples/plasma_web/components/Editable/Editable.stories.tsx +2 -2
  267. package/styled-components/cjs/examples/plasma_web/components/Form/Form.stories.tsx +193 -0
  268. package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +3 -6
  269. package/styled-components/cjs/examples/plasma_web/components/Segment/Segment.stories.tsx +42 -119
  270. package/styled-components/cjs/examples/plasma_web/components/Segment/SegmentGroup.config.js +7 -13
  271. package/styled-components/cjs/examples/plasma_web/components/Segment/SegmentItem.config.js +8 -8
  272. package/styled-components/cjs/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +2 -2
  273. package/styled-components/cjs/hooks/index.js +8 -1
  274. package/styled-components/cjs/hooks/useForm.js +137 -0
  275. package/styled-components/cjs/types/FormType.js +5 -0
  276. package/styled-components/cjs/utils/index.js +15 -0
  277. package/styled-components/cjs/utils/inputHidden.js +11 -0
  278. package/styled-components/cjs/utils/setRefList.js +27 -0
  279. package/styled-components/es/components/Breadcrumbs/Breadcrumbs.styles.js +2 -2
  280. package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -3
  281. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +63 -4
  282. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +31 -3
  283. package/styled-components/es/components/DatePicker/hooks/useDatePicker.js +34 -1
  284. package/styled-components/es/components/DatePicker/utils/setInitValue.js +5 -0
  285. package/styled-components/es/components/Segment/tokens.js +1 -14
  286. package/styled-components/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +118 -69
  287. package/styled-components/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +12 -3
  288. package/styled-components/es/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js +1 -1
  289. package/styled-components/es/components/Segment/ui/SegmentGroup/variations/_size/base.js +1 -1
  290. package/styled-components/es/components/Segment/ui/SegmentItem/SegmentItem.js +8 -18
  291. package/styled-components/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js +4 -16
  292. package/styled-components/es/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
  293. package/styled-components/es/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -2
  294. package/styled-components/es/components/Slider/Slider.js +16 -6
  295. package/styled-components/es/components/Slider/components/Double/Double.js +41 -3
  296. package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +95 -0
  297. package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +1 -0
  298. package/styled-components/es/components/Slider/components/Single/Single.js +45 -9
  299. package/styled-components/es/components/Slider/components/index.js +1 -0
  300. package/styled-components/es/components/Slider/utils/index.js +5 -0
  301. package/styled-components/es/components/Tabs/ui/Tabs/Tabs.js +5 -5
  302. package/styled-components/es/components/TextArea/TextArea.js +3 -3
  303. package/styled-components/es/components/_Icon/Icon.assets/DisclosureLeft.js +4 -3
  304. package/styled-components/es/components/_Icon/Icon.assets/DisclosureRight.js +4 -3
  305. package/styled-components/es/components/_Icon/index.js +0 -3
  306. package/styled-components/es/examples/plasma_b2c/components/Editable/Editable.stories.tsx +2 -2
  307. package/styled-components/es/examples/plasma_b2c/components/Form/Form.stories.tsx +193 -0
  308. package/styled-components/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +3 -6
  309. package/styled-components/es/examples/plasma_b2c/components/Segment/Segment.stories.tsx +42 -118
  310. package/styled-components/es/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +7 -10
  311. package/styled-components/es/examples/plasma_b2c/components/Segment/SegmentItem.config.js +8 -8
  312. package/styled-components/es/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx +2 -2
  313. package/styled-components/es/examples/plasma_web/components/Editable/Editable.stories.tsx +2 -2
  314. package/styled-components/es/examples/plasma_web/components/Form/Form.stories.tsx +193 -0
  315. package/styled-components/es/examples/plasma_web/components/Notification/Notification.stories.tsx +3 -6
  316. package/styled-components/es/examples/plasma_web/components/Segment/Segment.stories.tsx +42 -119
  317. package/styled-components/es/examples/plasma_web/components/Segment/SegmentGroup.config.js +7 -13
  318. package/styled-components/es/examples/plasma_web/components/Segment/SegmentItem.config.js +8 -8
  319. package/styled-components/es/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +2 -2
  320. package/styled-components/es/hooks/index.js +2 -1
  321. package/styled-components/es/hooks/useForm.js +128 -0
  322. package/styled-components/es/types/FormType.js +1 -0
  323. package/styled-components/es/utils/index.js +1 -0
  324. package/styled-components/es/utils/inputHidden.js +4 -0
  325. package/styled-components/es/utils/setRefList.js +20 -0
  326. package/types/components/DatePicker/DatePickerBase.types.d.ts +7 -0
  327. package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
  328. package/types/components/DatePicker/RangeDate/RangeDate.d.ts +14 -0
  329. package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
  330. package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts +10 -0
  331. package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts.map +1 -1
  332. package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
  333. package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +10 -0
  334. package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
  335. package/types/components/DatePicker/hooks/useDatePicker.d.ts +1 -1
  336. package/types/components/DatePicker/hooks/useDatePicker.d.ts.map +1 -1
  337. package/types/components/DatePicker/utils/setInitValue.d.ts +2 -0
  338. package/types/components/DatePicker/utils/setInitValue.d.ts.map +1 -0
  339. package/types/components/Segment/tokens.d.ts +0 -13
  340. package/types/components/Segment/tokens.d.ts.map +1 -1
  341. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.d.ts +1 -10
  342. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.d.ts.map +1 -1
  343. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.styles.d.ts +1 -0
  344. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.styles.d.ts.map +1 -1
  345. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.types.d.ts +1 -19
  346. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.types.d.ts.map +1 -1
  347. package/types/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.d.ts.map +1 -1
  348. package/types/components/Segment/ui/SegmentGroup/variations/_size/base.d.ts.map +1 -1
  349. package/types/components/Segment/ui/SegmentItem/SegmentItem.d.ts +2 -8
  350. package/types/components/Segment/ui/SegmentItem/SegmentItem.d.ts.map +1 -1
  351. package/types/components/Segment/ui/SegmentItem/SegmentItem.styles.d.ts +1 -7
  352. package/types/components/Segment/ui/SegmentItem/SegmentItem.styles.d.ts.map +1 -1
  353. package/types/components/Segment/ui/SegmentItem/SegmentItem.types.d.ts +1 -14
  354. package/types/components/Segment/ui/SegmentItem/SegmentItem.types.d.ts.map +1 -1
  355. package/types/components/Segment/ui/SegmentItem/variations/_pilled/base.d.ts.map +1 -1
  356. package/types/components/Segment/ui/SegmentItem/variations/_view/base.d.ts.map +1 -1
  357. package/types/components/Slider/Slider.d.ts.map +1 -1
  358. package/types/components/Slider/Slider.types.d.ts +2 -2
  359. package/types/components/Slider/Slider.types.d.ts.map +1 -1
  360. package/types/components/Slider/components/Double/Double.d.ts.map +1 -1
  361. package/types/components/Slider/components/Double/Double.types.d.ts +2 -0
  362. package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -1
  363. package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts +4 -0
  364. package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts.map +1 -0
  365. package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.d.ts +40 -0
  366. package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.d.ts.map +1 -0
  367. package/types/components/Slider/components/Single/Single.d.ts.map +1 -1
  368. package/types/components/Slider/components/Single/Single.types.d.ts +35 -5
  369. package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -1
  370. package/types/components/Slider/components/index.d.ts +2 -0
  371. package/types/components/Slider/components/index.d.ts.map +1 -1
  372. package/types/components/Slider/utils/index.d.ts +1 -0
  373. package/types/components/Slider/utils/index.d.ts.map +1 -1
  374. package/types/components/Tabs/ui/Tabs/Tabs.d.ts.map +1 -1
  375. package/types/components/TextArea/TextArea.d.ts.map +1 -1
  376. package/types/components/_Icon/Icon.assets/DisclosureLeft.d.ts.map +1 -1
  377. package/types/components/_Icon/Icon.assets/DisclosureRight.d.ts.map +1 -1
  378. package/types/components/_Icon/index.d.ts +0 -3
  379. package/types/components/_Icon/index.d.ts.map +1 -1
  380. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +7 -0
  381. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -1
  382. package/types/examples/plasma_b2c/components/Segment/Segment.d.ts +1 -10
  383. package/types/examples/plasma_b2c/components/Segment/Segment.d.ts.map +1 -1
  384. package/types/examples/plasma_b2c/components/Segment/SegmentGroup.config.d.ts +0 -3
  385. package/types/examples/plasma_b2c/components/Segment/SegmentGroup.config.d.ts.map +1 -1
  386. package/types/examples/plasma_b2c/components/Segment/SegmentItem.config.d.ts.map +1 -1
  387. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +47 -1
  388. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -1
  389. package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +7 -0
  390. package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -1
  391. package/types/examples/plasma_web/components/Segment/Segment.d.ts +1 -13
  392. package/types/examples/plasma_web/components/Segment/Segment.d.ts.map +1 -1
  393. package/types/examples/plasma_web/components/Segment/SegmentGroup.config.d.ts +0 -6
  394. package/types/examples/plasma_web/components/Segment/SegmentGroup.config.d.ts.map +1 -1
  395. package/types/examples/plasma_web/components/Segment/SegmentItem.config.d.ts.map +1 -1
  396. package/types/examples/plasma_web/components/Slider/Slider.d.ts +47 -1
  397. package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -1
  398. package/types/hooks/index.d.ts +1 -0
  399. package/types/hooks/index.d.ts.map +1 -1
  400. package/types/hooks/useForm.d.ts +10 -0
  401. package/types/hooks/useForm.d.ts.map +1 -0
  402. package/types/types/FormType.d.ts +13 -0
  403. package/types/types/FormType.d.ts.map +1 -0
  404. package/types/utils/index.d.ts +1 -0
  405. package/types/utils/index.d.ts.map +1 -1
  406. package/types/utils/inputHidden.d.ts +2 -0
  407. package/types/utils/inputHidden.d.ts.map +1 -0
  408. package/types/utils/setRefList.d.ts +6 -0
  409. package/types/utils/setRefList.d.ts.map +1 -0
  410. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles_6y4o38.css +0 -3
  411. package/cjs/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base_a7w5s0.css +0 -1
  412. package/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +0 -9
  413. package/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/base.js.map +0 -1
  414. package/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/base_1ejecy9.css +0 -1
  415. package/cjs/components/Segment/ui/SegmentGroup/variations/_size/base_1dfesjp.css +0 -1
  416. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles_1tv52dl.css +0 -4
  417. package/cjs/components/Segment/ui/SegmentItem/variations/_view/base_dettiq.css +0 -1
  418. package/cjs/components/_Icon/Icon.assets/DisclosureLeftCentered.js.map +0 -1
  419. package/cjs/components/_Icon/Icons/IconDisclosureLeftCentered.js.map +0 -1
  420. package/emotion/cjs/components/Segment/README.md +0 -61
  421. package/emotion/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +0 -10
  422. package/emotion/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/tokens.json +0 -1
  423. package/emotion/cjs/components/_Icon/Icon.assets/DisclosureDown.js +0 -21
  424. package/emotion/cjs/components/_Icon/Icon.assets/DisclosureLeftCentered.js +0 -22
  425. package/emotion/cjs/components/_Icon/Icon.assets/DisclosureUp.js +0 -21
  426. package/emotion/cjs/components/_Icon/Icons/IconDisclosureDown.js +0 -22
  427. package/emotion/cjs/components/_Icon/Icons/IconDisclosureLeftCentered.js +0 -22
  428. package/emotion/cjs/components/_Icon/Icons/IconDisclosureUp.js +0 -22
  429. package/emotion/es/components/Segment/README.md +0 -61
  430. package/emotion/es/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +0 -4
  431. package/emotion/es/components/Segment/ui/SegmentGroup/variations/_orientation/tokens.json +0 -1
  432. package/emotion/es/components/_Icon/Icon.assets/DisclosureDown.js +0 -14
  433. package/emotion/es/components/_Icon/Icon.assets/DisclosureLeftCentered.js +0 -15
  434. package/emotion/es/components/_Icon/Icon.assets/DisclosureUp.js +0 -14
  435. package/emotion/es/components/_Icon/Icons/IconDisclosureDown.js +0 -15
  436. package/emotion/es/components/_Icon/Icons/IconDisclosureLeftCentered.js +0 -15
  437. package/emotion/es/components/_Icon/Icons/IconDisclosureUp.js +0 -15
  438. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles_6y4o38.css +0 -3
  439. package/es/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base_a7w5s0.css +0 -1
  440. package/es/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +0 -5
  441. package/es/components/Segment/ui/SegmentGroup/variations/_orientation/base.js.map +0 -1
  442. package/es/components/Segment/ui/SegmentGroup/variations/_orientation/base_1ejecy9.css +0 -1
  443. package/es/components/Segment/ui/SegmentGroup/variations/_size/base_1dfesjp.css +0 -1
  444. package/es/components/Segment/ui/SegmentItem/SegmentItem.styles_1tv52dl.css +0 -4
  445. package/es/components/Segment/ui/SegmentItem/variations/_view/base_dettiq.css +0 -1
  446. package/es/components/_Icon/Icon.assets/DisclosureLeftCentered.js.map +0 -1
  447. package/es/components/_Icon/Icons/IconDisclosureLeftCentered.js.map +0 -1
  448. package/styled-components/cjs/components/Segment/README.md +0 -61
  449. package/styled-components/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +0 -10
  450. package/styled-components/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/tokens.json +0 -1
  451. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureDown.js +0 -21
  452. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureLeftCentered.js +0 -22
  453. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureUp.js +0 -21
  454. package/styled-components/cjs/components/_Icon/Icons/IconDisclosureDown.js +0 -22
  455. package/styled-components/cjs/components/_Icon/Icons/IconDisclosureLeftCentered.js +0 -22
  456. package/styled-components/cjs/components/_Icon/Icons/IconDisclosureUp.js +0 -22
  457. package/styled-components/es/components/Segment/README.md +0 -61
  458. package/styled-components/es/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +0 -4
  459. package/styled-components/es/components/Segment/ui/SegmentGroup/variations/_orientation/tokens.json +0 -1
  460. package/styled-components/es/components/_Icon/Icon.assets/DisclosureDown.js +0 -14
  461. package/styled-components/es/components/_Icon/Icon.assets/DisclosureLeftCentered.js +0 -15
  462. package/styled-components/es/components/_Icon/Icon.assets/DisclosureUp.js +0 -14
  463. package/styled-components/es/components/_Icon/Icons/IconDisclosureDown.js +0 -15
  464. package/styled-components/es/components/_Icon/Icons/IconDisclosureLeftCentered.js +0 -15
  465. package/styled-components/es/components/_Icon/Icons/IconDisclosureUp.js +0 -15
  466. package/types/components/Segment/ui/SegmentGroup/variations/_orientation/base.d.ts +0 -2
  467. package/types/components/Segment/ui/SegmentGroup/variations/_orientation/base.d.ts.map +0 -1
  468. package/types/components/_Icon/Icon.assets/DisclosureDown.d.ts +0 -4
  469. package/types/components/_Icon/Icon.assets/DisclosureDown.d.ts.map +0 -1
  470. package/types/components/_Icon/Icon.assets/DisclosureLeftCentered.d.ts +0 -4
  471. package/types/components/_Icon/Icon.assets/DisclosureLeftCentered.d.ts.map +0 -1
  472. package/types/components/_Icon/Icon.assets/DisclosureUp.d.ts +0 -4
  473. package/types/components/_Icon/Icon.assets/DisclosureUp.d.ts.map +0 -1
  474. package/types/components/_Icon/Icons/IconDisclosureDown.d.ts +0 -4
  475. package/types/components/_Icon/Icons/IconDisclosureDown.d.ts.map +0 -1
  476. package/types/components/_Icon/Icons/IconDisclosureLeftCentered.d.ts +0 -4
  477. package/types/components/_Icon/Icons/IconDisclosureLeftCentered.d.ts.map +0 -1
  478. package/types/components/_Icon/Icons/IconDisclosureUp.d.ts +0 -4
  479. package/types/components/_Icon/Icons/IconDisclosureUp.d.ts.map +0 -1
@@ -1,22 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.IconDisclosureLeftCentered = void 0;
7
- var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
8
- var _IconRoot = /*#__PURE__*/require("../IconRoot");
9
- var _DisclosureLeftCentered = /*#__PURE__*/require("../Icon.assets/DisclosureLeftCentered");
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
- var IconDisclosureLeftCentered = exports.IconDisclosureLeftCentered = function IconDisclosureLeftCentered(_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: _DisclosureLeftCentered.DisclosureLeftCentered
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 } from '../../../../tokens';
3
- import { StyledContent, StyledContentWrapper } from '../../SegmentGroup.styles';
4
- export var base = /*#__PURE__*/css("&.", classes.segmentVertical, "{flex-direction:column;", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvdmFyaWF0aW9ucy9fb3JpZW50YXRpb24vYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWdtZW50L3VpL1NlZ21lbnRHcm91cC92YXJpYXRpb25zL19vcmllbnRhdGlvbi9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjbGFzc2VzIH0gZnJvbSAnLi4vLi4vLi4vLi4vdG9rZW5zJztcbmltcG9ydCB7IFN0eWxlZENvbnRlbnQsIFN0eWxlZENvbnRlbnRXcmFwcGVyIH0gZnJvbSAnLi4vLi4vU2VnbWVudEdyb3VwLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICYuJHtjbGFzc2VzLnNlZ21lbnRWZXJ0aWNhbH0ge1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXG4gICAgICAgICR7U3R5bGVkQ29udGVudFdyYXBwZXJ9IHtcbiAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIH1cblxuICAgICAgICAke1N0eWxlZENvbnRlbnR9IHtcbiAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIH1cbiAgICB9XG5gO1xuIl19 */"));
@@ -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,15 +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 DisclosureLeftCentered = function DisclosureLeftCentered(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
- fillRule: "evenodd",
11
- clipRule: "evenodd",
12
- d: "M14.5309 6.96967C14.8238 7.26256 14.8238 7.73744 14.5309 8.03033L10.5613 12L14.5309 15.9697C14.8238 16.2626 14.8238 16.7374 14.5309 17.0303C14.238 17.3232 13.7632 17.3232 13.4703 17.0303L8.43994 12L13.4703 6.96967C13.7632 6.67678 14.238 6.67678 14.5309 6.96967Z",
13
- fill: "currentColor"
14
- })));
15
- };
@@ -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 { IconRoot } from '../IconRoot';
3
- import { DisclosureLeftCentered } from '../Icon.assets/DisclosureLeftCentered';
4
- export var IconDisclosureLeftCentered = function IconDisclosureLeftCentered(_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: DisclosureLeftCentered
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,3 +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;max-width:100%;--plasma_private-outline-radius:var(--plasma-segment-group-border-radius);border-radius:var(--plasma-segment-group-border-radius);}
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;max-width:100%;}
3
- .spuzt9m{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;}
@@ -1 +0,0 @@
1
- .b13sjoz1{position:relative;}.b13sjoz1.segment-group-filled-background:before{content:'';position:absolute;inset:-0.125rem;background-color:var(--plasma-segment-group-filled-background-color);}
@@ -1,5 +0,0 @@
1
- import './base_1ejecy9.css';
2
- var base = "bb2d6sr";
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/_orientation/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes } from '../../../../tokens';\nimport { StyledContent, StyledContentWrapper } from '../../SegmentGroup.styles';\n\nexport const base = css`\n &.${classes.segmentVertical} {\n flex-direction: column;\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,GAYhB;;;;"}
@@ -1 +0,0 @@
1
- .bb2d6sr.segment-vertical{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.bb2d6sr.segment-vertical .spuzt9m{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.bb2d6sr.segment-vertical .sin9wo2{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
@@ -1 +0,0 @@
1
- .b16s69xg{width:var(--plasma-segment-group-width);height:var(--plasma-segment-group-height);}.b16s69xg:before{--plasma_private-outline-radius:var(--plasma-segment-group-border-radius);border-radius:var(--plasma-segment-group-border-radius);}
@@ -1,4 +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;min-width:0;-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{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(--sxjfe87-0);margin-left:var(--sxjfe87-1);}
3
- .r1gg7fed{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-segment-item-content-icon-margin);overflow:hidden;color:var(--plasma-segment-item-color);}.r1gg7fed.segment-additional-text{text-overflow:ellipsis;overflow:hidden;color:var(--plasma-segment-item-additional-color);}
4
- .lctm1j9{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 .r1gg7fed{color:var(--plasma-segment-item-color-hover);}.b1tykljf:hover .r1gg7fed.segment-additional-text{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 .r1gg7fed{color:var(--plasma-segment-item-selected-color);}.b1tykljf.selected-segment-item .r1gg7fed.segment-additional-text{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 .r1gg7fed{color:var(--plasma-segment-item-selected-additional-color-hover);}
@@ -1 +0,0 @@
1
- {"version":3,"file":"DisclosureLeftCentered.js","sources":["../../../../src/components/_Icon/Icon.assets/DisclosureLeftCentered.tsx"],"sourcesContent":["import React from 'react';\n\nimport { IconProps } from '../IconRoot';\n\nexport const DisclosureLeftCentered: React.FC<IconProps> = (props) => (\n <svg width=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M14.5309 6.96967C14.8238 7.26256 14.8238 7.73744 14.5309 8.03033L10.5613 12L14.5309 15.9697C14.8238 16.2626 14.8238 16.7374 14.5309 17.0303C14.238 17.3232 13.7632 17.3232 13.4703 17.0303L8.43994 12L13.4703 6.96967C13.7632 6.67678 14.238 6.67678 14.5309 6.96967Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n"],"names":["DisclosureLeftCentered","props","React","createElement","_extends","width","viewBox","fill","_path","fillRule","clipRule","d"],"mappings":";;;;IAIaA,sBAA2C,GAAG,SAA9CA,sBAA2CA,CAAIC,KAAK,EAAA;AAAA,EAAA,oBAC7DC,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,QAAQ,EAAC,SAAS;AAClBC,IAAAA,QAAQ,EAAC,SAAS;AAClBC,IAAAA,CAAC,EAAC,uQAAuQ;AACzQJ,IAAAA,IAAI,EAAC,cAAA;GACR,CAAC,CACD,CAAC,CAAA;AAAA;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"IconDisclosureLeftCentered.js","sources":["../../../../src/components/_Icon/Icons/IconDisclosureLeftCentered.tsx"],"sourcesContent":["import React from 'react';\n\nimport { IconRoot, IconProps } from '../IconRoot';\nimport { DisclosureLeftCentered } from '../Icon.assets/DisclosureLeftCentered';\n\nexport const IconDisclosureLeftCentered: React.FC<IconProps> = ({ size = 's', color, className }) => {\n return <IconRoot className={className} size={size} color={color} icon={DisclosureLeftCentered} />;\n};\n"],"names":["IconDisclosureLeftCentered","_ref","_ref$size","size","color","className","React","createElement","IconRoot","icon","DisclosureLeftCentered"],"mappings":";;;;IAKaA,0BAA+C,GAAG,SAAlDA,0BAA+CA,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;AAC1F,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,sBAAAA;AAAuB,GAAE,CAAC,CAAA;AACrG;;;;"}
@@ -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;", "{flex-direction:column;}", "{flex-direction:column;}}"], _tokens.classes.segmentVertical, _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,22 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.DisclosureLeftCentered = 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 DisclosureLeftCentered = exports.DisclosureLeftCentered = function DisclosureLeftCentered(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
- fillRule: "evenodd",
18
- clipRule: "evenodd",
19
- d: "M14.5309 6.96967C14.8238 7.26256 14.8238 7.73744 14.5309 8.03033L10.5613 12L14.5309 15.9697C14.8238 16.2626 14.8238 16.7374 14.5309 17.0303C14.238 17.3232 13.7632 17.3232 13.4703 17.0303L8.43994 12L13.4703 6.96967C13.7632 6.67678 14.238 6.67678 14.5309 6.96967Z",
20
- fill: "currentColor"
21
- })));
22
- };
@@ -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.IconDisclosureLeftCentered = void 0;
7
- var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
8
- var _IconRoot = /*#__PURE__*/require("../IconRoot");
9
- var _DisclosureLeftCentered = /*#__PURE__*/require("../Icon.assets/DisclosureLeftCentered");
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
- var IconDisclosureLeftCentered = exports.IconDisclosureLeftCentered = function IconDisclosureLeftCentered(_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: _DisclosureLeftCentered.DisclosureLeftCentered
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 'styled-components';
2
- import { classes } from '../../../../tokens';
3
- import { StyledContent, StyledContentWrapper } from '../../SegmentGroup.styles';
4
- export var base = /*#__PURE__*/css(["&.", "{flex-direction:column;", "{flex-direction:column;}", "{flex-direction:column;}}"], classes.segmentVertical, StyledContentWrapper, StyledContent);
@@ -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,15 +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 DisclosureLeftCentered = function DisclosureLeftCentered(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
- fillRule: "evenodd",
11
- clipRule: "evenodd",
12
- d: "M14.5309 6.96967C14.8238 7.26256 14.8238 7.73744 14.5309 8.03033L10.5613 12L14.5309 15.9697C14.8238 16.2626 14.8238 16.7374 14.5309 17.0303C14.238 17.3232 13.7632 17.3232 13.4703 17.0303L8.43994 12L13.4703 6.96967C13.7632 6.67678 14.238 6.67678 14.5309 6.96967Z",
13
- fill: "currentColor"
14
- })));
15
- };
@@ -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
- };