@simplybusiness/mobius 3.7.1 → 3.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (441) hide show
  1. package/CHANGELOG.md +21 -1
  2. package/dist/cjs/components/Accordion/Accordion.stories.d.ts +12 -0
  3. package/dist/cjs/components/Accordion/Accordion.stories.js +48 -0
  4. package/dist/cjs/components/Accordion/Accordion.stories.js.map +1 -0
  5. package/dist/cjs/components/Alert/Alert.stories.d.ts +17 -0
  6. package/dist/cjs/components/Alert/Alert.stories.js +35 -0
  7. package/dist/cjs/components/Alert/Alert.stories.js.map +1 -0
  8. package/dist/cjs/components/Box/Box.stories.d.ts +17 -0
  9. package/dist/cjs/components/Box/Box.stories.js +23 -0
  10. package/dist/cjs/components/Box/Box.stories.js.map +1 -0
  11. package/dist/cjs/components/Breadcrumbs/Breadcrumbs.stories.d.ts +10 -0
  12. package/dist/cjs/components/Breadcrumbs/Breadcrumbs.stories.js +20 -0
  13. package/dist/cjs/components/Breadcrumbs/Breadcrumbs.stories.js.map +1 -0
  14. package/dist/cjs/components/Button/Button.stories.d.ts +67 -0
  15. package/dist/cjs/components/Button/Button.stories.js +201 -0
  16. package/dist/cjs/components/Button/Button.stories.js.map +1 -0
  17. package/dist/cjs/components/Checkbox/Checkbox.stories.d.ts +32 -0
  18. package/dist/cjs/components/Checkbox/Checkbox.stories.js +101 -0
  19. package/dist/cjs/components/Checkbox/Checkbox.stories.js.map +1 -0
  20. package/dist/cjs/components/Checkbox/CheckboxGroup.stories.d.ts +25 -0
  21. package/dist/cjs/components/Checkbox/CheckboxGroup.stories.js +74 -0
  22. package/dist/cjs/components/Checkbox/CheckboxGroup.stories.js.map +1 -0
  23. package/dist/cjs/components/Checkbox/types.d.ts +1 -1
  24. package/dist/cjs/components/Chopin/Actions/Actions.stories.d.ts +13 -0
  25. package/dist/cjs/components/Chopin/Actions/Actions.stories.js +59 -0
  26. package/dist/cjs/components/Chopin/Actions/Actions.stories.js.map +1 -0
  27. package/dist/cjs/components/Chopin/Footer/Footer.stories.d.ts +13 -0
  28. package/dist/cjs/components/Chopin/Footer/Footer.stories.js +169 -0
  29. package/dist/cjs/components/Chopin/Footer/Footer.stories.js.map +1 -0
  30. package/dist/cjs/components/Chopin/Header/Header.stories.d.ts +22 -0
  31. package/dist/cjs/components/Chopin/Header/Header.stories.js +41 -0
  32. package/dist/cjs/components/Chopin/Header/Header.stories.js.map +1 -0
  33. package/dist/cjs/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.d.ts +22 -0
  34. package/dist/cjs/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.js +46 -0
  35. package/dist/cjs/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.js.map +1 -0
  36. package/dist/cjs/components/Chopin/Question/Question.stories.d.ts +66 -0
  37. package/dist/cjs/components/Chopin/Question/Question.stories.js +139 -0
  38. package/dist/cjs/components/Chopin/Question/Question.stories.js.map +1 -0
  39. package/dist/cjs/components/Chopin/QuestionGroup/QuestionGroup.stories.d.ts +21 -0
  40. package/dist/cjs/components/Chopin/QuestionGroup/QuestionGroup.stories.js +43 -0
  41. package/dist/cjs/components/Chopin/QuestionGroup/QuestionGroup.stories.js.map +1 -0
  42. package/dist/cjs/components/Chopin/Section/Section.stories.d.ts +9 -0
  43. package/dist/cjs/components/Chopin/Section/Section.stories.js +19 -0
  44. package/dist/cjs/components/Chopin/Section/Section.stories.js.map +1 -0
  45. package/dist/cjs/components/Chopin/Steps/Steps.stories.d.ts +9 -0
  46. package/dist/cjs/components/Chopin/Steps/Steps.stories.js +15 -0
  47. package/dist/cjs/components/Chopin/Steps/Steps.stories.js.map +1 -0
  48. package/dist/cjs/components/Chopin/Testimonial/Testimonial.stories.d.ts +9 -0
  49. package/dist/cjs/components/Chopin/Testimonial/Testimonial.stories.js +18 -0
  50. package/dist/cjs/components/Chopin/Testimonial/Testimonial.stories.js.map +1 -0
  51. package/dist/cjs/components/Chopin/TradeSelector/TradeSelector.stories.d.ts +16 -0
  52. package/dist/cjs/components/Chopin/TradeSelector/TradeSelector.stories.js +55 -0
  53. package/dist/cjs/components/Chopin/TradeSelector/TradeSelector.stories.js.map +1 -0
  54. package/dist/cjs/components/Chopin/TradeSelector/TradeSelector.test.js +3 -0
  55. package/dist/cjs/components/Chopin/TradeSelector/TradeSelector.test.js.map +1 -1
  56. package/dist/cjs/components/Container/Container.stories.d.ts +9 -0
  57. package/dist/cjs/components/Container/Container.stories.js +15 -0
  58. package/dist/cjs/components/Container/Container.stories.js.map +1 -0
  59. package/dist/cjs/components/DataTable/DataTable.stories.d.ts +15 -0
  60. package/dist/cjs/components/DataTable/DataTable.stories.js +200 -0
  61. package/dist/cjs/components/DataTable/DataTable.stories.js.map +1 -0
  62. package/dist/cjs/components/DatePicker/DatePicker.stories.d.ts +16 -0
  63. package/dist/cjs/components/DatePicker/DatePicker.stories.js +28 -0
  64. package/dist/cjs/components/DatePicker/DatePicker.stories.js.map +1 -0
  65. package/dist/cjs/components/Divider/Divider.stories.d.ts +13 -0
  66. package/dist/cjs/components/Divider/Divider.stories.js +15 -0
  67. package/dist/cjs/components/Divider/Divider.stories.js.map +1 -0
  68. package/dist/cjs/components/DropdownMenu/DropdownMenu.stories.d.ts +21 -0
  69. package/dist/cjs/components/DropdownMenu/DropdownMenu.stories.js +64 -0
  70. package/dist/cjs/components/DropdownMenu/DropdownMenu.stories.js.map +1 -0
  71. package/dist/cjs/components/ErrorMessage/ErrorMessage.stories.d.ts +14 -0
  72. package/dist/cjs/components/ErrorMessage/ErrorMessage.stories.js +24 -0
  73. package/dist/cjs/components/ErrorMessage/ErrorMessage.stories.js.map +1 -0
  74. package/dist/cjs/components/Fieldset/Fieldset.stories.d.ts +10 -0
  75. package/dist/cjs/components/Fieldset/Fieldset.stories.js +25 -0
  76. package/dist/cjs/components/Fieldset/Fieldset.stories.js.map +1 -0
  77. package/dist/cjs/components/Flex/Flex.stories.d.ts +82 -0
  78. package/dist/cjs/components/Flex/Flex.stories.js +151 -0
  79. package/dist/cjs/components/Flex/Flex.stories.js.map +1 -0
  80. package/dist/cjs/components/Grid/Grid.d.ts +2 -0
  81. package/dist/cjs/components/Grid/Grid.js +10 -4
  82. package/dist/cjs/components/Grid/Grid.js.map +1 -1
  83. package/dist/cjs/components/Grid/Grid.stories.d.ts +86 -0
  84. package/dist/cjs/components/Grid/Grid.stories.js +230 -0
  85. package/dist/cjs/components/Grid/Grid.stories.js.map +1 -0
  86. package/dist/cjs/components/Grid/Item.d.ts +2 -0
  87. package/dist/cjs/components/Grid/Item.js +7 -2
  88. package/dist/cjs/components/Grid/Item.js.map +1 -1
  89. package/dist/cjs/components/Icon/Icon.stories.d.ts +24 -0
  90. package/dist/cjs/components/Icon/Icon.stories.js +46 -0
  91. package/dist/cjs/components/Icon/Icon.stories.js.map +1 -0
  92. package/dist/cjs/components/Icon/types.d.ts +2 -0
  93. package/dist/cjs/components/Image/Image.stories.d.ts +9 -0
  94. package/dist/cjs/components/Image/Image.stories.js +20 -0
  95. package/dist/cjs/components/Image/Image.stories.js.map +1 -0
  96. package/dist/cjs/components/Label/Label.stories.d.ts +9 -0
  97. package/dist/cjs/components/Label/Label.stories.js +18 -0
  98. package/dist/cjs/components/Label/Label.stories.js.map +1 -0
  99. package/dist/cjs/components/Link/Link.stories.d.ts +38 -0
  100. package/dist/cjs/components/Link/Link.stories.js +44 -0
  101. package/dist/cjs/components/Link/Link.stories.js.map +1 -0
  102. package/dist/cjs/components/LinkButton/LinkButton.stories.d.ts +48 -0
  103. package/dist/cjs/components/LinkButton/LinkButton.stories.js +45 -0
  104. package/dist/cjs/components/LinkButton/LinkButton.stories.js.map +1 -0
  105. package/dist/cjs/components/List/List.stories.d.ts +33 -0
  106. package/dist/cjs/components/List/List.stories.js +80 -0
  107. package/dist/cjs/components/List/List.stories.js.map +1 -0
  108. package/dist/cjs/components/LoadingIndicator/LoadingIndicator.d.ts +2 -0
  109. package/dist/cjs/components/LoadingIndicator/LoadingIndicator.js.map +1 -1
  110. package/dist/cjs/components/LoadingIndicator/LoadingIndicator.stories.d.ts +31 -0
  111. package/dist/cjs/components/LoadingIndicator/LoadingIndicator.stories.js +53 -0
  112. package/dist/cjs/components/LoadingIndicator/LoadingIndicator.stories.js.map +1 -0
  113. package/dist/cjs/components/MaskedField/MaskedField.stories.d.ts +16 -0
  114. package/dist/cjs/components/MaskedField/MaskedField.stories.js +25 -0
  115. package/dist/cjs/components/MaskedField/MaskedField.stories.js.map +1 -0
  116. package/dist/cjs/components/Modal/Modal.js +2 -0
  117. package/dist/cjs/components/Modal/Modal.js.map +1 -1
  118. package/dist/cjs/components/Modal/Modal.stories.d.ts +44 -0
  119. package/dist/cjs/components/Modal/Modal.stories.js +82 -0
  120. package/dist/cjs/components/Modal/Modal.stories.js.map +1 -0
  121. package/dist/cjs/components/NumberField/NumberField.stories.d.ts +50 -0
  122. package/dist/cjs/components/NumberField/NumberField.stories.js +106 -0
  123. package/dist/cjs/components/NumberField/NumberField.stories.js.map +1 -0
  124. package/dist/cjs/components/PasswordField/PasswordField.stories.d.ts +28 -0
  125. package/dist/cjs/components/PasswordField/PasswordField.stories.js +34 -0
  126. package/dist/cjs/components/PasswordField/PasswordField.stories.js.map +1 -0
  127. package/dist/cjs/components/Progress/Progress.stories.d.ts +56 -0
  128. package/dist/cjs/components/Progress/Progress.stories.js +92 -0
  129. package/dist/cjs/components/Progress/Progress.stories.js.map +1 -0
  130. package/dist/cjs/components/Radio/Radio.stories.d.ts +39 -0
  131. package/dist/cjs/components/Radio/Radio.stories.js +121 -0
  132. package/dist/cjs/components/Radio/Radio.stories.js.map +1 -0
  133. package/dist/cjs/components/Radio/RadioButton.stories.d.ts +23 -0
  134. package/dist/cjs/components/Radio/RadioButton.stories.js +91 -0
  135. package/dist/cjs/components/Radio/RadioButton.stories.js.map +1 -0
  136. package/dist/cjs/components/SVG/SVG.stories.d.ts +9 -0
  137. package/dist/cjs/components/SVG/SVG.stories.js +22 -0
  138. package/dist/cjs/components/SVG/SVG.stories.js.map +1 -0
  139. package/dist/cjs/components/SVG/SVG.test.js.map +1 -1
  140. package/dist/cjs/components/Segment/Segment.stories.d.ts +32 -0
  141. package/dist/cjs/components/Segment/Segment.stories.js +78 -0
  142. package/dist/cjs/components/Segment/Segment.stories.js.map +1 -0
  143. package/dist/cjs/components/Select/Select.stories.d.ts +31 -0
  144. package/dist/cjs/components/Select/Select.stories.js +82 -0
  145. package/dist/cjs/components/Select/Select.stories.js.map +1 -0
  146. package/dist/cjs/components/Slider/Slider.d.ts +2 -2
  147. package/dist/cjs/components/Slider/Slider.js.map +1 -1
  148. package/dist/cjs/components/Slider/Slider.stories.d.ts +12 -0
  149. package/dist/cjs/components/Slider/Slider.stories.js +66 -0
  150. package/dist/cjs/components/Slider/Slider.stories.js.map +1 -0
  151. package/dist/cjs/components/Table/Table.stories.d.ts +10 -0
  152. package/dist/cjs/components/Table/Table.stories.js +18 -0
  153. package/dist/cjs/components/Table/Table.stories.js.map +1 -0
  154. package/dist/cjs/components/Text/Text.stories.d.ts +10 -0
  155. package/dist/cjs/components/Text/Text.stories.js +29 -0
  156. package/dist/cjs/components/Text/Text.stories.js.map +1 -0
  157. package/dist/cjs/components/TextArea/TextArea.stories.d.ts +26 -0
  158. package/dist/cjs/components/TextArea/TextArea.stories.js +83 -0
  159. package/dist/cjs/components/TextArea/TextArea.stories.js.map +1 -0
  160. package/dist/cjs/components/TextField/TextField.stories.d.ts +36 -0
  161. package/dist/cjs/components/TextField/TextField.stories.js +103 -0
  162. package/dist/cjs/components/TextField/TextField.stories.js.map +1 -0
  163. package/dist/cjs/components/Title/Title.stories.d.ts +9 -0
  164. package/dist/cjs/components/Title/Title.stories.js +19 -0
  165. package/dist/cjs/components/Title/Title.stories.js.map +1 -0
  166. package/dist/cjs/components/VisuallyHidden/VisuallyHidden.stories.d.ts +9 -0
  167. package/dist/cjs/components/VisuallyHidden/VisuallyHidden.stories.js +15 -0
  168. package/dist/cjs/components/VisuallyHidden/VisuallyHidden.stories.js.map +1 -0
  169. package/dist/cjs/hooks/index.d.ts +1 -0
  170. package/dist/cjs/hooks/index.js +1 -0
  171. package/dist/cjs/hooks/index.js.map +1 -1
  172. package/dist/cjs/hooks/useBodyScrollLock/index.d.ts +1 -0
  173. package/dist/cjs/hooks/useBodyScrollLock/index.js +18 -0
  174. package/dist/cjs/hooks/useBodyScrollLock/index.js.map +1 -0
  175. package/dist/cjs/hooks/useBodyScrollLock/useBodyScrollLock.d.ts +3 -0
  176. package/dist/cjs/hooks/useBodyScrollLock/useBodyScrollLock.js +25 -0
  177. package/dist/cjs/hooks/useBodyScrollLock/useBodyScrollLock.js.map +1 -0
  178. package/dist/cjs/hooks/useBodyScrollLock/useBodyScrollLock.test.d.ts +1 -0
  179. package/dist/cjs/hooks/useBodyScrollLock/useBodyScrollLock.test.js +31 -0
  180. package/dist/cjs/hooks/useBodyScrollLock/useBodyScrollLock.test.js.map +1 -0
  181. package/dist/cjs/hooks/useBreakpoint/useBreakpoint.stories.d.ts +11 -0
  182. package/dist/cjs/hooks/useBreakpoint/useBreakpoint.stories.js +43 -0
  183. package/dist/cjs/hooks/useBreakpoint/useBreakpoint.stories.js.map +1 -0
  184. package/dist/cjs/tsconfig.tsbuildinfo +1 -1
  185. package/dist/esm/components/Accordion/Accordion.stories.js +45 -0
  186. package/dist/esm/components/Accordion/Accordion.stories.js.map +1 -0
  187. package/dist/esm/components/Alert/Alert.stories.js +32 -0
  188. package/dist/esm/components/Alert/Alert.stories.js.map +1 -0
  189. package/dist/esm/components/Box/Box.stories.js +20 -0
  190. package/dist/esm/components/Box/Box.stories.js.map +1 -0
  191. package/dist/esm/components/Breadcrumbs/Breadcrumbs.stories.js +17 -0
  192. package/dist/esm/components/Breadcrumbs/Breadcrumbs.stories.js.map +1 -0
  193. package/dist/esm/components/Button/Button.stories.js +198 -0
  194. package/dist/esm/components/Button/Button.stories.js.map +1 -0
  195. package/dist/esm/components/Checkbox/Checkbox.stories.js +98 -0
  196. package/dist/esm/components/Checkbox/Checkbox.stories.js.map +1 -0
  197. package/dist/esm/components/Checkbox/CheckboxGroup.stories.js +71 -0
  198. package/dist/esm/components/Checkbox/CheckboxGroup.stories.js.map +1 -0
  199. package/dist/esm/components/Chopin/Actions/Actions.stories.js +56 -0
  200. package/dist/esm/components/Chopin/Actions/Actions.stories.js.map +1 -0
  201. package/dist/esm/components/Chopin/Footer/Footer.stories.js +166 -0
  202. package/dist/esm/components/Chopin/Footer/Footer.stories.js.map +1 -0
  203. package/dist/esm/components/Chopin/Header/Header.stories.js +38 -0
  204. package/dist/esm/components/Chopin/Header/Header.stories.js.map +1 -0
  205. package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.js +43 -0
  206. package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.js.map +1 -0
  207. package/dist/esm/components/Chopin/Question/Question.stories.js +136 -0
  208. package/dist/esm/components/Chopin/Question/Question.stories.js.map +1 -0
  209. package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.stories.js +40 -0
  210. package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.stories.js.map +1 -0
  211. package/dist/esm/components/Chopin/Section/Section.stories.js +16 -0
  212. package/dist/esm/components/Chopin/Section/Section.stories.js.map +1 -0
  213. package/dist/esm/components/Chopin/Steps/Steps.stories.js +12 -0
  214. package/dist/esm/components/Chopin/Steps/Steps.stories.js.map +1 -0
  215. package/dist/esm/components/Chopin/Testimonial/Testimonial.stories.js +15 -0
  216. package/dist/esm/components/Chopin/Testimonial/Testimonial.stories.js.map +1 -0
  217. package/dist/esm/components/Chopin/TradeSelector/TradeSelector.stories.js +52 -0
  218. package/dist/esm/components/Chopin/TradeSelector/TradeSelector.stories.js.map +1 -0
  219. package/dist/esm/components/Chopin/TradeSelector/TradeSelector.test.js +3 -0
  220. package/dist/esm/components/Chopin/TradeSelector/TradeSelector.test.js.map +1 -1
  221. package/dist/esm/components/Container/Container.stories.js +12 -0
  222. package/dist/esm/components/Container/Container.stories.js.map +1 -0
  223. package/dist/esm/components/DataTable/DataTable.stories.js +174 -0
  224. package/dist/esm/components/DataTable/DataTable.stories.js.map +1 -0
  225. package/dist/esm/components/DatePicker/DatePicker.stories.js +25 -0
  226. package/dist/esm/components/DatePicker/DatePicker.stories.js.map +1 -0
  227. package/dist/esm/components/Divider/Divider.stories.js +12 -0
  228. package/dist/esm/components/Divider/Divider.stories.js.map +1 -0
  229. package/dist/esm/components/DropdownMenu/DropdownMenu.stories.js +58 -0
  230. package/dist/esm/components/DropdownMenu/DropdownMenu.stories.js.map +1 -0
  231. package/dist/esm/components/ErrorMessage/ErrorMessage.stories.js +21 -0
  232. package/dist/esm/components/ErrorMessage/ErrorMessage.stories.js.map +1 -0
  233. package/dist/esm/components/Fieldset/Fieldset.stories.js +22 -0
  234. package/dist/esm/components/Fieldset/Fieldset.stories.js.map +1 -0
  235. package/dist/esm/components/Flex/Flex.stories.js +148 -0
  236. package/dist/esm/components/Flex/Flex.stories.js.map +1 -0
  237. package/dist/esm/components/Grid/Grid.js +8 -5
  238. package/dist/esm/components/Grid/Grid.js.map +1 -1
  239. package/dist/esm/components/Grid/Grid.stories.js +227 -0
  240. package/dist/esm/components/Grid/Grid.stories.js.map +1 -0
  241. package/dist/esm/components/Grid/Item.js +5 -3
  242. package/dist/esm/components/Grid/Item.js.map +1 -1
  243. package/dist/esm/components/Icon/Icon.stories.js +43 -0
  244. package/dist/esm/components/Icon/Icon.stories.js.map +1 -0
  245. package/dist/esm/components/Image/Image.stories.js +17 -0
  246. package/dist/esm/components/Image/Image.stories.js.map +1 -0
  247. package/dist/esm/components/Label/Label.stories.js +15 -0
  248. package/dist/esm/components/Label/Label.stories.js.map +1 -0
  249. package/dist/esm/components/Link/Link.stories.js +41 -0
  250. package/dist/esm/components/Link/Link.stories.js.map +1 -0
  251. package/dist/esm/components/LinkButton/LinkButton.stories.js +42 -0
  252. package/dist/esm/components/LinkButton/LinkButton.stories.js.map +1 -0
  253. package/dist/esm/components/List/List.stories.js +77 -0
  254. package/dist/esm/components/List/List.stories.js.map +1 -0
  255. package/dist/esm/components/LoadingIndicator/LoadingIndicator.js.map +1 -1
  256. package/dist/esm/components/LoadingIndicator/LoadingIndicator.stories.js +50 -0
  257. package/dist/esm/components/LoadingIndicator/LoadingIndicator.stories.js.map +1 -0
  258. package/dist/esm/components/MaskedField/MaskedField.stories.js +22 -0
  259. package/dist/esm/components/MaskedField/MaskedField.stories.js.map +1 -0
  260. package/dist/esm/components/Modal/Modal.js +2 -0
  261. package/dist/esm/components/Modal/Modal.js.map +1 -1
  262. package/dist/esm/components/Modal/Modal.stories.js +79 -0
  263. package/dist/esm/components/Modal/Modal.stories.js.map +1 -0
  264. package/dist/esm/components/NumberField/NumberField.stories.js +103 -0
  265. package/dist/esm/components/NumberField/NumberField.stories.js.map +1 -0
  266. package/dist/esm/components/PasswordField/PasswordField.stories.js +31 -0
  267. package/dist/esm/components/PasswordField/PasswordField.stories.js.map +1 -0
  268. package/dist/esm/components/Progress/Progress.stories.js +89 -0
  269. package/dist/esm/components/Progress/Progress.stories.js.map +1 -0
  270. package/dist/esm/components/Radio/Radio.stories.js +118 -0
  271. package/dist/esm/components/Radio/Radio.stories.js.map +1 -0
  272. package/dist/esm/components/Radio/RadioButton.stories.js +88 -0
  273. package/dist/esm/components/Radio/RadioButton.stories.js.map +1 -0
  274. package/dist/esm/components/SVG/SVG.stories.js +19 -0
  275. package/dist/esm/components/SVG/SVG.stories.js.map +1 -0
  276. package/dist/esm/components/SVG/SVG.test.js.map +1 -1
  277. package/dist/esm/components/Segment/Segment.stories.js +75 -0
  278. package/dist/esm/components/Segment/Segment.stories.js.map +1 -0
  279. package/dist/esm/components/Select/Select.stories.js +79 -0
  280. package/dist/esm/components/Select/Select.stories.js.map +1 -0
  281. package/dist/esm/components/Slider/Slider.js.map +1 -1
  282. package/dist/esm/components/Slider/Slider.stories.js +63 -0
  283. package/dist/esm/components/Slider/Slider.stories.js.map +1 -0
  284. package/dist/esm/components/Table/Table.stories.js +15 -0
  285. package/dist/esm/components/Table/Table.stories.js.map +1 -0
  286. package/dist/esm/components/Text/Text.stories.js +26 -0
  287. package/dist/esm/components/Text/Text.stories.js.map +1 -0
  288. package/dist/esm/components/TextArea/TextArea.stories.js +80 -0
  289. package/dist/esm/components/TextArea/TextArea.stories.js.map +1 -0
  290. package/dist/esm/components/TextField/TextField.stories.js +100 -0
  291. package/dist/esm/components/TextField/TextField.stories.js.map +1 -0
  292. package/dist/esm/components/Title/Title.stories.js +16 -0
  293. package/dist/esm/components/Title/Title.stories.js.map +1 -0
  294. package/dist/esm/components/VisuallyHidden/VisuallyHidden.stories.js +12 -0
  295. package/dist/esm/components/VisuallyHidden/VisuallyHidden.stories.js.map +1 -0
  296. package/dist/esm/hooks/index.js +1 -0
  297. package/dist/esm/hooks/index.js.map +1 -1
  298. package/dist/esm/hooks/useBodyScrollLock/index.js +2 -0
  299. package/dist/esm/hooks/useBodyScrollLock/index.js.map +1 -0
  300. package/dist/esm/hooks/useBodyScrollLock/useBodyScrollLock.js +21 -0
  301. package/dist/esm/hooks/useBodyScrollLock/useBodyScrollLock.js.map +1 -0
  302. package/dist/esm/hooks/useBodyScrollLock/useBodyScrollLock.test.js +29 -0
  303. package/dist/esm/hooks/useBodyScrollLock/useBodyScrollLock.test.js.map +1 -0
  304. package/dist/esm/hooks/useBreakpoint/useBreakpoint.stories.js +40 -0
  305. package/dist/esm/hooks/useBreakpoint/useBreakpoint.stories.js.map +1 -0
  306. package/dist/esm/tsconfig.esm.tsbuildinfo +1 -1
  307. package/dist/mobius.d.ts +15 -2
  308. package/package.json +2 -2
  309. package/src/components/Accordion/{Accordion.story.mdx → Accordion.mdx} +15 -96
  310. package/src/components/Accordion/Accordion.stories.tsx +87 -0
  311. package/src/components/Alert/{Alert.story.mdx → Alert.mdx} +5 -35
  312. package/src/components/Alert/Alert.stories.tsx +47 -0
  313. package/src/components/Box/{Box.story.mdx → Box.mdx} +5 -21
  314. package/src/components/Box/Box.stories.tsx +26 -0
  315. package/src/components/Breadcrumbs/{Breadcrumbs.story.mdx → Breadcrumbs.mdx} +15 -48
  316. package/src/components/Breadcrumbs/Breadcrumbs.stories.tsx +52 -0
  317. package/src/components/Button/Button.mdx +227 -0
  318. package/src/components/Button/Button.stories.tsx +225 -0
  319. package/src/components/Button/Button.story.styles.css +3 -0
  320. package/src/components/Checkbox/Checkbox.mdx +122 -0
  321. package/src/components/Checkbox/Checkbox.stories.tsx +122 -0
  322. package/src/components/Checkbox/{CheckboxGroup.story.mdx → CheckboxGroup.mdx} +12 -114
  323. package/src/components/Checkbox/CheckboxGroup.stories.tsx +109 -0
  324. package/src/components/Checkbox/types.ts +1 -1
  325. package/src/components/Chopin/Actions/{Actions.story.mdx → Actions.mdx} +17 -88
  326. package/src/components/Chopin/Actions/Actions.stories.tsx +81 -0
  327. package/src/components/Chopin/Footer/Footer.mdx +163 -0
  328. package/src/components/Chopin/Footer/Footer.stories.tsx +217 -0
  329. package/src/components/Chopin/Header/{Header.story.mdx → Header.mdx} +7 -47
  330. package/src/components/Chopin/Header/Header.stories.tsx +50 -0
  331. package/src/components/Chopin/PercentageTotalsQuestion/{PercentageTotalsQuestion.story.mdx → PercentageTotalsQuestion.mdx} +4 -36
  332. package/src/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.tsx +63 -0
  333. package/src/components/Chopin/Question/{Question.story.mdx → Question.mdx} +29 -227
  334. package/src/components/Chopin/Question/Question.stories.tsx +211 -0
  335. package/src/components/Chopin/QuestionGroup/QuestionGroup.mdx +149 -0
  336. package/src/components/Chopin/QuestionGroup/QuestionGroup.stories.tsx +187 -0
  337. package/src/components/Chopin/Section/{Section.story.mdx → Section.mdx} +6 -24
  338. package/src/components/Chopin/Section/Section.stories.tsx +30 -0
  339. package/src/components/Chopin/Steps/{Steps.story.mdx → Steps.mdx} +6 -20
  340. package/src/components/Chopin/Steps/Steps.stories.tsx +22 -0
  341. package/src/components/Chopin/Testimonial/{Testimonial.story.mdx → Testimonial.mdx} +4 -14
  342. package/src/components/Chopin/Testimonial/Testimonial.stories.tsx +23 -0
  343. package/src/components/Chopin/TradeSelector/{TradeSelector.story.mdx → TradeSelector.mdx} +14 -52
  344. package/src/components/Chopin/TradeSelector/TradeSelector.stories.tsx +67 -0
  345. package/src/components/Chopin/TradeSelector/TradeSelector.test.tsx +3 -0
  346. package/src/components/Container/{Container.story.mdx → Container.mdx} +4 -16
  347. package/src/components/Container/Container.stories.tsx +20 -0
  348. package/src/components/DataTable/{DataTable.story.mdx → DataTable.mdx} +10 -203
  349. package/src/components/DataTable/DataTable.stories.tsx +228 -0
  350. package/src/components/DatePicker/{DatePicker.story.mdx → DatePicker.mdx} +9 -29
  351. package/src/components/DatePicker/DatePicker.stories.tsx +32 -0
  352. package/src/components/Divider/{Divider.story.mdx → Divider.mdx} +4 -9
  353. package/src/components/Divider/Divider.stories.tsx +13 -0
  354. package/src/components/DropdownMenu/{DropdownMenu.story.mdx → DropdownMenu.mdx} +5 -39
  355. package/src/components/DropdownMenu/DropdownMenu.stories.tsx +84 -0
  356. package/src/components/DropdownMenu/DropdownMenu.story.styles.css +12 -0
  357. package/src/components/ErrorMessage/ErrorMessage.mdx +39 -0
  358. package/src/components/ErrorMessage/ErrorMessage.stories.tsx +24 -0
  359. package/src/components/Fieldset/{Fieldset.story.mdx → Fieldset.mdx} +5 -28
  360. package/src/components/Fieldset/Fieldset.stories.tsx +40 -0
  361. package/src/components/Flex/{Flex.story.mdx → Flex.mdx} +13 -150
  362. package/src/components/Flex/Flex.stories.tsx +182 -0
  363. package/src/components/Grid/{Grid.story.mdx → Grid.mdx} +78 -360
  364. package/src/components/Grid/Grid.stories.tsx +375 -0
  365. package/src/components/Grid/Grid.story.styles.css +4 -0
  366. package/src/components/Grid/Grid.tsx +16 -4
  367. package/src/components/Grid/Item.tsx +14 -2
  368. package/src/components/Icon/Icon.mdx +75 -0
  369. package/src/components/Icon/Icon.stories.tsx +50 -0
  370. package/src/components/Icon/types.ts +2 -0
  371. package/src/components/Image/{Image.story.mdx → Image.mdx} +4 -9
  372. package/src/components/Image/Image.stories.tsx +20 -0
  373. package/src/components/Label/{Label.story.mdx → Label.mdx} +4 -9
  374. package/src/components/Label/Label.stories.tsx +16 -0
  375. package/src/components/Link/{Link.story.mdx → Link.mdx} +8 -52
  376. package/src/components/Link/Link.stories.tsx +50 -0
  377. package/src/components/LinkButton/LinkButton.mdx +45 -0
  378. package/src/components/LinkButton/LinkButton.stories.tsx +61 -0
  379. package/src/components/List/{List.story.mdx → List.mdx} +18 -113
  380. package/src/components/List/List.stories.tsx +135 -0
  381. package/src/components/LoadingIndicator/LoadingIndicator.mdx +59 -0
  382. package/src/components/LoadingIndicator/LoadingIndicator.stories.tsx +59 -0
  383. package/src/components/LoadingIndicator/LoadingIndicator.tsx +2 -0
  384. package/src/components/MaskedField/{MaskedField.story.mdx → MaskedField.mdx} +11 -12
  385. package/src/components/MaskedField/MaskedField.stories.tsx +26 -0
  386. package/src/components/Modal/{Modal.story.mdx → Modal.mdx} +20 -84
  387. package/src/components/Modal/Modal.stories.tsx +181 -0
  388. package/src/components/Modal/Modal.tsx +2 -0
  389. package/src/components/NumberField/NumberField.mdx +104 -0
  390. package/src/components/NumberField/NumberField.stories.tsx +114 -0
  391. package/src/components/PasswordField/{PasswordField.story.mdx → PasswordField.mdx} +10 -49
  392. package/src/components/PasswordField/PasswordField.stories.tsx +36 -0
  393. package/src/components/Progress/Progress.mdx +83 -0
  394. package/src/components/Progress/Progress.stories.tsx +105 -0
  395. package/src/components/Radio/Radio.mdx +202 -0
  396. package/src/components/Radio/Radio.stories.tsx +202 -0
  397. package/src/components/Radio/{RadioButton.story.mdx → RadioButton.mdx} +15 -156
  398. package/src/components/Radio/RadioButton.stories.tsx +153 -0
  399. package/src/components/SVG/{SVG.story.mdx → SVG.mdx} +5 -10
  400. package/src/components/SVG/SVG.stories.tsx +29 -0
  401. package/src/components/SVG/SVG.test.tsx +3 -14
  402. package/src/components/Segment/{Segment.story.mdx → Segment.mdx} +79 -107
  403. package/src/components/Segment/Segment.stories.tsx +129 -0
  404. package/src/components/Select/{Select.story.mdx → Select.mdx} +25 -186
  405. package/src/components/Select/Select.stories.tsx +163 -0
  406. package/src/components/Slider/Slider.mdx +55 -0
  407. package/src/components/Slider/Slider.stories.tsx +82 -0
  408. package/src/components/Slider/Slider.tsx +5 -2
  409. package/src/components/Table/Table.mdx +74 -0
  410. package/src/components/Table/Table.stories.tsx +149 -0
  411. package/src/components/Text/{Text.story.mdx → Text.mdx} +20 -16
  412. package/src/components/Text/Text.stories.tsx +28 -0
  413. package/src/components/TextArea/TextArea.mdx +82 -0
  414. package/src/components/TextArea/TextArea.stories.tsx +89 -0
  415. package/src/components/TextField/TextField.mdx +122 -0
  416. package/src/components/TextField/TextField.stories.tsx +111 -0
  417. package/src/components/Title/{Title.story.mdx → Title.mdx} +4 -12
  418. package/src/components/Title/Title.stories.tsx +17 -0
  419. package/src/components/VisuallyHidden/{VisuallyHidden.story.mdx → VisuallyHidden.mdx} +4 -13
  420. package/src/components/VisuallyHidden/VisuallyHidden.stories.tsx +17 -0
  421. package/src/hooks/index.tsx +1 -0
  422. package/src/hooks/useBodyScrollLock/index.ts +1 -0
  423. package/src/hooks/useBodyScrollLock/useBodyScrollLock.test.ts +34 -0
  424. package/src/hooks/useBodyScrollLock/useBodyScrollLock.ts +25 -0
  425. package/src/hooks/useBreakpoint/{useBreakpoint.story.mdx → useBreakpoint.mdx} +6 -47
  426. package/src/hooks/useBreakpoint/useBreakpoint.stories.tsx +61 -0
  427. package/src/components/Button/Button.story.mdx +0 -401
  428. package/src/components/Checkbox/Checkbox.story.mdx +0 -233
  429. package/src/components/Chopin/Footer/Footer.story.mdx +0 -368
  430. package/src/components/Chopin/QuestionGroup/QuestionGroup.story.mdx +0 -309
  431. package/src/components/ErrorMessage/ErrorMessage.story.mdx +0 -57
  432. package/src/components/Icon/Icon.story.mdx +0 -175
  433. package/src/components/LinkButton/LinkButton.story.mdx +0 -96
  434. package/src/components/LoadingIndicator/LoadingIndicator.story.mdx +0 -96
  435. package/src/components/NumberField/NumberField.story.mdx +0 -193
  436. package/src/components/Progress/Progress.story.mdx +0 -172
  437. package/src/components/Radio/Radio.story.mdx +0 -402
  438. package/src/components/Slider/Slider.story.mdx +0 -130
  439. package/src/components/Table/Table.story.mdx +0 -213
  440. package/src/components/TextArea/TextArea.story.mdx +0 -172
  441. package/src/components/TextField/TextField.story.mdx +0 -232
@@ -0,0 +1,45 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Accordion, Segment, SegmentGroup } from "..";
3
+ import { excludeControls } from "../../utils/excludeControls";
4
+ export default {
5
+ title: "Components/Accordion",
6
+ component: Accordion,
7
+ argTypes: excludeControls("onClick", "className"),
8
+ };
9
+ export const Normal = {
10
+ render: (args) => (_jsxs(Accordion, Object.assign({}, args, { children: [_jsx("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }), _jsx("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" })] }))),
11
+ args: {
12
+ showText: "See more",
13
+ hideText: "See less",
14
+ headerPosition: "bottom",
15
+ startOpen: false,
16
+ },
17
+ };
18
+ export const StartExpanded = {
19
+ render: (args) => (_jsx(Accordion, Object.assign({}, args, { children: _jsx("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }) }))),
20
+ args: {
21
+ showText: "See more",
22
+ hideText: "See less",
23
+ headerPosition: "bottom",
24
+ startOpen: true,
25
+ },
26
+ };
27
+ export const TopHeader = {
28
+ render: (args) => (_jsx(Accordion, Object.assign({}, args, { children: _jsx("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }) }))),
29
+ args: {
30
+ showText: "See more",
31
+ hideText: "See less",
32
+ headerPosition: "top",
33
+ startOpen: false,
34
+ },
35
+ };
36
+ export const ComplexContent = {
37
+ render: (args) => (_jsx(Accordion, Object.assign({}, args, { children: _jsxs(SegmentGroup, { children: [_jsx(Segment, { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }), _jsx(Segment, { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" })] }) }))),
38
+ args: {
39
+ showText: "See more",
40
+ hideText: "See less",
41
+ headerPosition: "bottom",
42
+ startOpen: false,
43
+ },
44
+ };
45
+ //# sourceMappingURL=Accordion.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Accordion.stories.js","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAkB,OAAO,EAAE,YAAY,EAAE,MAAM,IAAI,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,eAAe;IACb,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,SAAS;IACpB,QAAQ,EAAE,eAAe,CAAC,SAAS,EAAE,WAAW,CAAC;CAClD,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAA2B;IAC5C,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,MAAC,SAAS,oBAAK,IAAI,eACjB,0HAGI,EACJ,0HAGI,KACM,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,QAAQ;QACxB,SAAS,EAAE,KAAK;KACjB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAA2B;IACnD,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,KAAC,SAAS,oBAAK,IAAI,cACjB,0HAGI,IACM,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,QAAQ;QACxB,SAAS,EAAE,IAAI;KAChB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAA2B;IAC/C,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,KAAC,SAAS,oBAAK,IAAI,cACjB,0HAGI,IACM,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,KAAK;QACrB,SAAS,EAAE,KAAK;KACjB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAA2B;IACpD,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,KAAC,SAAS,oBAAK,IAAI,cACjB,MAAC,YAAY,eACX,KAAC,OAAO,kHAGE,EACV,KAAC,OAAO,kHAGE,IACG,IACL,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,QAAQ;QACxB,SAAS,EAAE,KAAK;KACjB;CACF,CAAC"}
@@ -0,0 +1,32 @@
1
+ import { jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Alert } from "./Alert";
3
+ import { excludeControls } from "../../utils/excludeControls";
4
+ export default {
5
+ title: "Components/Alert",
6
+ component: Alert,
7
+ argTypes: Object.assign({ variant: {
8
+ control: { type: "radio" },
9
+ options: ["info", "success", "warning", "error"],
10
+ } }, excludeControls("elementType", "className")),
11
+ };
12
+ export const Normal = {
13
+ render: (args) => (_jsxs(Alert, Object.assign({}, args, { children: ["Today is", " ", new Intl.DateTimeFormat("en-GB", {
14
+ dateStyle: "long",
15
+ }).format(new Date())] }))),
16
+ args: {
17
+ variant: "info",
18
+ show: true,
19
+ header: "",
20
+ },
21
+ };
22
+ export const WithHeader = {
23
+ render: (args) => (_jsxs(Alert, Object.assign({}, args, { children: ["Today is", " ", new Intl.DateTimeFormat("en-GB", {
24
+ dateStyle: "long",
25
+ }).format(new Date())] }))),
26
+ args: {
27
+ variant: "info",
28
+ show: true,
29
+ header: "Information",
30
+ },
31
+ };
32
+ //# sourceMappingURL=Alert.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Alert.stories.js","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAc,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,eAAe;IACb,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,KAAK;IAChB,QAAQ,kBACN,OAAO,EAAE;YACP,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC;SACjD,IACE,eAAe,CAAC,aAAa,EAAE,WAAW,CAAC,CAC/C;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAuB;IACxC,MAAM,EAAE,CAAC,IAAgB,EAAE,EAAE,CAAC,CAC5B,MAAC,KAAK,oBAAK,IAAI,2BACJ,GAAG,EACX,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE;gBAChC,SAAS,EAAE,MAAM;aAClB,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,KACf,CACT;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,EAAE;KACX;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAuB;IAC5C,MAAM,EAAE,CAAC,IAAgB,EAAE,EAAE,CAAC,CAC5B,MAAC,KAAK,oBAAK,IAAI,2BACJ,GAAG,EACX,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE;gBAChC,SAAS,EAAE,MAAM;aAClB,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,KACf,CACT;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,aAAa;KACtB;CACF,CAAC"}
@@ -0,0 +1,20 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { Box } from "./Box";
3
+ import { Button } from "../Button";
4
+ import { excludeControls } from "../../utils/excludeControls";
5
+ export default {
6
+ title: "Layout/Box",
7
+ component: Box,
8
+ argTypes: excludeControls("className", "elementType", "style"),
9
+ };
10
+ export const Normal = {
11
+ render: (args) => (_jsx(Box, Object.assign({}, args, { children: _jsx(Button, { children: "Click me" }) }))),
12
+ };
13
+ export const CustomElement = {
14
+ render: (args) => _jsx(Box, Object.assign({}, args, { children: "This text is inside a span" })),
15
+ name: "Custom Element",
16
+ args: {
17
+ elementType: "span",
18
+ },
19
+ };
20
+ //# sourceMappingURL=Box.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Box.stories.js","sourceRoot":"","sources":["../../../../src/components/Box/Box.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAY,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,eAAe;IACb,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,GAAG;IACd,QAAQ,EAAE,eAAe,CAAC,WAAW,EAAE,aAAa,EAAE,OAAO,CAAC;CAC/D,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAqB;IACtC,MAAM,EAAE,CAAC,IAAc,EAAE,EAAE,CAAC,CAC1B,KAAC,GAAG,oBAAK,IAAI,cACX,KAAC,MAAM,2BAAkB,IACrB,CACP;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,MAAM,EAAE,CAAC,IAAc,EAAE,EAAE,CAAC,KAAC,GAAG,oBAAK,IAAI,8CAAkC;IAC3E,IAAI,EAAE,gBAAgB;IACtB,IAAI,EAAE;QACJ,WAAW,EAAE,MAAM;KACpB;CACF,CAAC"}
@@ -0,0 +1,17 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Breadcrumbs } from "./Breadcrumbs";
3
+ import { BreadcrumbItem } from "./BreadcrumbItem";
4
+ import { Link } from "../Link";
5
+ import { excludeControls } from "../../utils/excludeControls";
6
+ export default {
7
+ title: "Components/Breadcrumbs",
8
+ component: Breadcrumbs,
9
+ argTypes: excludeControls("className"),
10
+ };
11
+ export const Normal = {
12
+ render: (args) => (_jsxs(Breadcrumbs, Object.assign({}, args, { children: [_jsx(BreadcrumbItem, { children: _jsx(Link, Object.assign({ href: "/business-insurance" }, { children: "Business insurance" })) }, "business-insurance"), _jsx(BreadcrumbItem, { children: _jsx(Link, Object.assign({ href: "/tradesmen" }, { children: "Tradesmen" })) }, "tradesmen"), _jsx(BreadcrumbItem, { children: "Beauty salon insurance" }, "beauty-salon-insurance")] }))),
13
+ };
14
+ export const WithLogo = {
15
+ render: (args) => (_jsxs(Breadcrumbs, Object.assign({}, args, { children: [_jsx(BreadcrumbItem, { children: _jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 299.8 85", height: "32px" }, { children: _jsx("path", { d: "M109.9 38.7c3.3-3.7 4.9-8.2 4.9-13.7 0-6.5-2.3-12.4-6.6-16.7-4.6-4.7-11.1-7.1-18.8-7.1H68.5c-5.3 0-9.1 3.8-9.1 9.1v64.8c0 5.2 3.9 9.1 9.1 9.1h24.8c8.8 0 16.1-2.6 21.2-7.6 4.7-4.6 7.3-11.1 7.3-18.3 0-4.7-1.2-8.9-3.5-12.4-2.1-3-4.9-5.4-8.4-7.2zM68.4 75.9c-.7 0-.9-.3-.9-.9V10.2c0-.8.2-.9.9-.9h20.9c3.8 0 9.2.8 13.1 4.7 2.7 2.8 4.2 6.6 4.2 10.9 0 9.1-11.8 16.2-11.8 16.2s13.2 3.4 16.5 9.2c1.4 2.1 2.1 4.8 2.1 7.9 0 5-1.7 9.4-4.8 12.5-3.5 3.4-8.9 5.3-15.5 5.3l-24.7-.1zM52.2 51.3c1.4 2.8 2.1 5.9 2.1 9.5 0 3.3-.6 6.5-1.8 9.4s-3 5.5-5.3 7.7-5.1 4-8.6 5.2c-3.5 1.3-7.3 1.9-11.5 1.9-5.2 0-10-.9-14.4-2.6-4.4-1.8-8-3.7-10.7-5.7-.7-.6-1.2-1.1-1.6-1.8-.3-.5-.4-1-.4-1.6v-.6c.1-.9.5-1.8 1.2-2.8l2.6-3.7c.9-1.2 1.9-1.9 2.9-2.1.2 0 .3-.1.5-.1.9 0 2 .4 3.2 1.1 5.7 4.1 11.3 6.1 16.7 6.1 3.8 0 6.8-.9 9-2.6s3.3-4 3.3-6.8c0-1.7-.4-3.2-1.3-4.6-.9-1.4-2.1-2.6-3.5-3.6-1.5-1-3.2-2-5.1-2.9-1.9-.9-4-1.9-6.1-2.8-2.1-.9-4.2-1.9-6.3-2.9-2.1-1-4.1-2.2-6-3.5S7.5 38.7 6 37.1c-1.5-1.6-2.7-3.6-3.5-5.8-.9-2.3-1.3-4.8-1.3-7.5 0-4.7 1.2-8.9 3.7-12.5s5.8-6.4 10-8.4C19.1 1 23.8 0 29 0c4.4 0 8.5.7 12.3 1.9 3.8 1.3 6.8 2.7 9 4.3 1.5 1.1 2.3 2.4 2.3 3.8 0 .9-.3 1.8-.9 2.8l-2.1 3.8c-.9 1.7-2.1 2.5-3.6 2.5-.9 0-1.9-.3-3-.9-1.5-.9-2.8-1.6-3.9-2.2-1.1-.6-2.6-1.1-4.6-1.6s-3.9-.8-5.9-.8c-3.8 0-6.9.9-9.2 2.6-2.3 1.7-3.4 4-3.4 6.8 0 2.1.7 3.9 2.1 5.5s3.3 3 5.5 4.1c2.3 1.1 4.7 2.3 7.5 3.4 2.7 1.1 5.4 2.4 8.2 3.7 2.7 1.4 5.2 2.9 7.4 4.7 2.2 1.9 4 4.1 5.5 6.9zm80.1-25.1l1-1.4c.7-1 1.4-1 2.5-.4 1 .7 3.2 2.2 6.2 2.2 2.9 0 4.6-1.4 4.6-3.5 0-5.8-14.3-4.6-14.3-14.2 0-5.4 4.5-8.9 10.3-8.9 3.6 0 6.6 1.4 7.9 2.3 1 .7 1.1 1.5.6 2.5l-.8 1.4c-.6 1.3-1.6 1.1-2.5.6-1.3-.7-2.9-1.7-5.3-1.7-2.9 0-4.7 1.4-4.7 3.5 0 5.7 14.3 4.3 14.3 14 0 5-3.7 9.1-10.2 9.1-4.4 0-7.9-1.9-9.4-3.1-.6-.5-1-1.3-.2-2.4zm24.1-22.5V2.4c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v1.3c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8zm0 7.4c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v18.4c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V11.1zm10.9 0c0-1.2.6-1.8 1.8-1.8h1.7c1.2 0 1.8.6 1.8 1.8v1.3c0 .5-.1 1-.1 1h.1c1.1-2.2 3.8-4.7 7.2-4.7 3.3 0 5.5 1.6 6.4 4.5h.1c1.2-2.3 4.1-4.5 7.5-4.5 4.6 0 7.2 2.6 7.2 8.4v12.3c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V18.1c0-2.5-.5-4.4-3-4.4-3.7 0-5.6 3.8-5.6 7.6v8.1c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V18.1c0-2.4-.3-4.4-2.9-4.4-3.9 0-5.7 4-5.7 7.6v8.1c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V11.1zm38.9 0c0-1.2.6-1.8 1.8-1.8h1.4c1.2 0 1.8.6 1.8 1.5v1.9h.1s1.9-3.9 7.1-3.9c6 0 9.8 4.7 9.8 11.5 0 7-4.3 11.5-10.1 11.5-4.6 0-6.4-3.4-6.4-3.4h-.1s.1.8.1 1.9v7.8c0 1.2-.6 1.8-1.8 1.8H208c-1.2 0-1.8-.6-1.8-1.8v-27zM217 27.2c3 0 5.5-2.5 5.5-6.8 0-4.2-2.2-6.9-5.5-6.9-2.9 0-5.6 2.1-5.6 6.9.1 3.4 2 6.8 5.6 6.8zm15.2-24.8c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v21.5c0 2.2.9 2.5 1.7 2.6.8.1 1.3.6 1.3 1.6v1.5c0 1.1-.5 1.9-1.8 1.9-2.9 0-6.7-.8-6.7-7.1v-22zm12.3 33c.4.2.9.4 1.6.4 1.6 0 2.9-1.4 3.5-2.9l.8-1.9-8.4-19.6c-.6-1.3 0-2.1 1.4-2.1h2.3c1.1 0 1.7.5 2 1.5l4.2 11.2c.4 1.2.8 3 .8 3h.1s.4-1.7.7-2.9l3.9-11.3c.3-1 1-1.5 2-1.5h2.2c1.3 0 1.9.8 1.5 2.1L254 34.6c-1.5 4-4.7 5.8-8 5.8-1.2 0-2.3-.3-3.1-.6-1-.4-1.3-1.3-.8-2.3l.4-1c.5-1.1 1.2-1.3 2-1.1zM133.7 52.2c0-1.2.6-1.8 1.8-1.8h9.2c5.5 0 9.5 2.8 9.5 7.9 0 2.8-1.4 5.3-3.7 6.6v.1c3.3 1 4.9 4.1 4.9 7.2 0 6.1-4.9 8.9-10.6 8.9h-9.3c-1.2 0-1.8-.6-1.8-1.8V52.2zm11 10.7c2.4 0 3.8-1.7 3.8-3.9s-1.3-3.8-3.9-3.8h-5.3v7.7h5.4zm.5 13.3c2.9 0 4.5-1.9 4.5-4.4s-1.6-4.4-4.5-4.4h-6v8.8h6zm14.3-15.4c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8V72c0 2.7.7 4.5 3.4 4.5 4 0 6.2-3.5 6.2-7.4v-8.3c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v18.4c0 1.2-.6 1.8-1.8 1.8h-1.7c-1.2 0-1.8-.6-1.8-1.8v-1.3c0-.5.1-1 .1-1-1 2.2-3.9 4.6-7.7 4.6-4.7 0-7.7-2.4-7.7-8.4V60.8zm25.1 16l.5-.8c.6-.9 1.4-1 2.5-.4 1 .6 2.7 1.5 4.9 1.5 1.9 0 3.1-.9 3.1-2.2 0-3.6-10.9-2.2-10.9-9.8 0-4.3 3.8-6.6 8.4-6.6 2.9 0 5 .9 6.1 1.6 1 .5 1.1 1.4.6 2.4l-.4.8c-.5 1-1.3 1.2-2.4.7-1-.4-2.4-1.1-4.2-1.1-1.9 0-3 .8-3 2.2 0 3.6 10.9 2.2 10.9 9.7 0 3.9-3.3 6.8-8.4 6.8-3.5 0-6-1.3-7.4-2.2-.9-.7-1-1.6-.3-2.6zm20.3-23.3v-1.3c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v1.3c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8zm0 7.3c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v18.4c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V60.8zm10.9 0c0-1.2.6-1.8 1.8-1.8h1.7c1.2 0 1.8.6 1.8 1.8v1.3c0 .5-.1 1-.1 1h.1c1-1.9 3.4-4.7 7.8-4.7 4.9 0 7.7 2.5 7.7 8.4v12.3c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V67.9c0-2.7-.7-4.5-3.5-4.5-3.9 0-6.4 3.2-6.4 7.2v8.5c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8l.1-18.3zm35.8-2.3c6.3 0 9.8 4.4 9.8 10.5 0 .9-.8 1.9-1.9 1.9H246c.3 4 3.3 6 6.6 6 2 0 3.7-.8 4.8-1.4 1.1-.5 1.9-.4 2.4.6l.5.9c.5 1 .3 1.9-.6 2.4-1.4.9-4 2.2-7.5 2.2-7.3 0-11.9-5.3-11.9-11.5.1-6.8 4.7-11.6 11.3-11.6zm4.3 9c-.1-3.1-1.9-4.9-4.5-4.9-2.8 0-4.8 1.9-5.3 4.9h9.8zm8.5 9.3l.5-.8c.6-.9 1.4-1 2.5-.4 1 .6 2.7 1.5 4.9 1.5 1.9 0 3.1-.9 3.1-2.2 0-3.6-10.9-2.2-10.9-9.8 0-4.3 3.8-6.6 8.4-6.6 2.9 0 5 .9 6.1 1.6 1 .5 1.1 1.4.6 2.4l-.4.8c-.5 1-1.3 1.2-2.4.7-1-.4-2.4-1.1-4.2-1.1-1.9 0-3 .8-3 2.2 0 3.6 10.9 2.2 10.9 9.7 0 3.9-3.3 6.8-8.4 6.8-3.5 0-6-1.3-7.4-2.2-.9-.7-1-1.6-.3-2.6zm19.3 0l.5-.8c.6-.9 1.4-1 2.5-.4 1 .6 2.7 1.5 4.9 1.5 1.9 0 3.1-.9 3.1-2.2 0-3.6-10.9-2.2-10.9-9.8 0-4.3 3.8-6.6 8.4-6.6 2.9 0 5 .9 6.1 1.6 1 .5 1.1 1.4.6 2.4l-.4.8c-.5 1-1.3 1.2-2.4.7-1-.4-2.4-1.1-4.2-1.1-1.9 0-3 .8-3 2.2 0 3.6 10.9 2.2 10.9 9.7 0 3.9-3.3 6.8-8.4 6.8-3.5 0-6-1.3-7.4-2.2-.8-.7-.9-1.6-.3-2.6z" }) })) }, "root"), _jsx(BreadcrumbItem, { children: _jsx(Link, Object.assign({ href: "/business-insurance" }, { children: "Business insurance" })) }, "business-insurance"), _jsx(BreadcrumbItem, { children: _jsx(Link, Object.assign({ href: "/tradesmen" }, { children: "Tradesmen" })) }, "tradesmen"), _jsx(BreadcrumbItem, { children: _jsx(Link, Object.assign({ href: "/beauty" }, { children: "Beauty Salon" })) }, "beauty-salon-insurance")] }))),
16
+ };
17
+ //# sourceMappingURL=Breadcrumbs.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Breadcrumbs.stories.js","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,eAAe;IACb,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE,eAAe,CAAC,WAAW,CAAC;CACvC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAA6B;IAC9C,MAAM,EAAE,CAAC,IAAsB,EAAE,EAAE,CAAC,CAClC,MAAC,WAAW,oBAAK,IAAI,eACnB,KAAC,cAAc,cACb,KAAC,IAAI,kBAAC,IAAI,EAAC,qBAAqB,wCAA0B,IADxC,oBAAoB,CAEvB,EACjB,KAAC,cAAc,cACb,KAAC,IAAI,kBAAC,IAAI,EAAC,YAAY,+BAAiB,IADtB,WAAW,CAEd,EACjB,KAAC,cAAc,0CAAK,wBAAwB,CAE3B,KACL,CACf;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAA6B;IAChD,MAAM,EAAE,CAAC,IAAsB,EAAE,EAAE,CAAC,CAClC,MAAC,WAAW,oBAAK,IAAI,eACnB,KAAC,cAAc,cACb,4BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,cAAc,EACtB,MAAM,EAAC,MAAM,gBAEb,eAAM,CAAC,EAAC,kwKAAkwK,GAAG,IACzwK,IAPY,MAAM,CAQT,EACjB,KAAC,cAAc,cACb,KAAC,IAAI,kBAAC,IAAI,EAAC,qBAAqB,wCAA0B,IADxC,oBAAoB,CAEvB,EACjB,KAAC,cAAc,cACb,KAAC,IAAI,kBAAC,IAAI,EAAC,YAAY,+BAAiB,IADtB,WAAW,CAEd,EACjB,KAAC,cAAc,cACb,KAAC,IAAI,kBAAC,IAAI,EAAC,SAAS,kCAAoB,IADtB,wBAAwB,CAE3B,KACL,CACf;CACF,CAAC"}
@@ -0,0 +1,198 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { Button } from "./Button";
3
+ import { excludeControls } from "../../utils/excludeControls";
4
+ export default {
5
+ title: "Components/Button",
6
+ component: Button,
7
+ argTypes: Object.assign({ icon: {
8
+ options: ["", "menu", "rightArrow", "leftArrow", "dropdown", "home"],
9
+ control: { type: "select" },
10
+ }, iconPosition: {
11
+ if: {
12
+ arg: "icon",
13
+ },
14
+ }, isLoading: {
15
+ if: {
16
+ arg: "isSuccess",
17
+ truthy: false,
18
+ },
19
+ }, isSuccess: {
20
+ if: {
21
+ arg: "isLoading",
22
+ truthy: false,
23
+ },
24
+ }, href: {
25
+ if: {
26
+ arg: "elementType",
27
+ eq: "a",
28
+ },
29
+ }, rel: {
30
+ if: {
31
+ arg: "elementType",
32
+ eq: "a",
33
+ },
34
+ }, target: {
35
+ if: {
36
+ arg: "elementType",
37
+ eq: "a",
38
+ },
39
+ }, type: {
40
+ if: {
41
+ arg: "elementType",
42
+ neq: "a",
43
+ },
44
+ } }, excludeControls("className", "onClick", "elementType", "onPress", "role")),
45
+ };
46
+ export const Normal = {
47
+ render: (args) => _jsx(Button, Object.assign({}, args)),
48
+ args: {
49
+ children: "Confirm",
50
+ variant: "primary",
51
+ size: "medium",
52
+ isDisabled: false,
53
+ isLoading: false,
54
+ isSuccess: false,
55
+ type: "button",
56
+ },
57
+ };
58
+ export const Secondary = {
59
+ render: (args) => _jsx(Button, Object.assign({}, args)),
60
+ args: {
61
+ variant: "secondary",
62
+ size: "medium",
63
+ children: "Secondary Button",
64
+ isDisabled: false,
65
+ isLoading: false,
66
+ isSuccess: false,
67
+ type: "button",
68
+ },
69
+ };
70
+ export const Ghost = {
71
+ render: (args) => _jsx(Button, Object.assign({}, args)),
72
+ args: {
73
+ variant: "ghost",
74
+ size: "medium",
75
+ children: "Ghost Button",
76
+ isDisabled: false,
77
+ isLoading: false,
78
+ isSuccess: false,
79
+ type: "button",
80
+ },
81
+ };
82
+ export const Basic = {
83
+ render: (args) => _jsx(Button, Object.assign({}, args)),
84
+ args: {
85
+ variant: "basic",
86
+ size: "medium",
87
+ children: "Basic Button",
88
+ isDisabled: false,
89
+ isLoading: false,
90
+ isSuccess: false,
91
+ type: "button",
92
+ },
93
+ };
94
+ export const Large = {
95
+ render: (args) => _jsx(Button, Object.assign({}, args)),
96
+ args: {
97
+ children: "Large Button",
98
+ variant: "primary",
99
+ size: "large",
100
+ isDisabled: false,
101
+ isLoading: false,
102
+ isSuccess: false,
103
+ type: "button",
104
+ },
105
+ };
106
+ export const Link = {
107
+ render: (args) => _jsx(Button, Object.assign({}, args)),
108
+ args: {
109
+ children: "Link Button",
110
+ elementType: "a",
111
+ variant: "primary",
112
+ size: "medium",
113
+ isDisabled: false,
114
+ isLoading: false,
115
+ isSuccess: false,
116
+ href: "",
117
+ rel: "",
118
+ target: "",
119
+ },
120
+ };
121
+ export const Loading = {
122
+ render: (args) => _jsx(Button, Object.assign({}, args)),
123
+ args: {
124
+ children: "Loading",
125
+ variant: "primary",
126
+ size: "medium",
127
+ isDisabled: false,
128
+ isLoading: true,
129
+ isSuccess: false,
130
+ type: "button",
131
+ },
132
+ parameters: {
133
+ controls: {
134
+ exclude: ["icon", "iconPosition"],
135
+ },
136
+ },
137
+ };
138
+ export const Success = {
139
+ render: (args) => _jsx(Button, Object.assign({}, args)),
140
+ args: {
141
+ children: "Success",
142
+ variant: "primary",
143
+ size: "medium",
144
+ isDisabled: false,
145
+ isLoading: false,
146
+ isSuccess: true,
147
+ type: "button",
148
+ },
149
+ parameters: {
150
+ controls: {
151
+ exclude: ["icon", "iconPosition"],
152
+ },
153
+ },
154
+ };
155
+ export const Disabled = {
156
+ render: (args) => _jsx(Button, Object.assign({}, args)),
157
+ args: {
158
+ children: "Disabled",
159
+ variant: "primary",
160
+ size: "medium",
161
+ isDisabled: true,
162
+ isLoading: false,
163
+ isSuccess: false,
164
+ type: "button",
165
+ },
166
+ };
167
+ export const WithIcon = {
168
+ render: (args) => _jsx(Button, Object.assign({}, args)),
169
+ args: {
170
+ children: "Menu",
171
+ variant: "primary",
172
+ size: "medium",
173
+ icon: "menu",
174
+ iconPosition: "right",
175
+ isDisabled: false,
176
+ isLoading: false,
177
+ isSuccess: false,
178
+ type: "button",
179
+ },
180
+ };
181
+ export const Themed = {
182
+ render: (args) => {
183
+ // eslint-disable-next-line global-require
184
+ require("./Button.story.styles.css");
185
+ return _jsx(Button, Object.assign({}, args));
186
+ },
187
+ args: {
188
+ children: "Confirm",
189
+ variant: "primary",
190
+ size: "medium",
191
+ isDisabled: false,
192
+ isLoading: false,
193
+ isSuccess: false,
194
+ className: "button-example-with-theme",
195
+ type: "button",
196
+ },
197
+ };
198
+ //# sourceMappingURL=Button.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,eAAe;IACb,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,MAAM;IACjB,QAAQ,kBACN,IAAI,EAAE;YACJ,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,CAAC;YACpE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B,EACD,YAAY,EAAE;YACZ,EAAE,EAAE;gBACF,GAAG,EAAE,MAAM;aACZ;SACF,EACD,SAAS,EAAE;YACT,EAAE,EAAE;gBACF,GAAG,EAAE,WAAW;gBAChB,MAAM,EAAE,KAAK;aACd;SACF,EACD,SAAS,EAAE;YACT,EAAE,EAAE;gBACF,GAAG,EAAE,WAAW;gBAChB,MAAM,EAAE,KAAK;aACd;SACF,EACD,IAAI,EAAE;YACJ,EAAE,EAAE;gBACF,GAAG,EAAE,aAAa;gBAClB,EAAE,EAAE,GAAG;aACR;SACF,EACD,GAAG,EAAE;YACH,EAAE,EAAE;gBACF,GAAG,EAAE,aAAa;gBAClB,EAAE,EAAE,GAAG;aACR;SACF,EACD,MAAM,EAAE;YACN,EAAE,EAAE;gBACF,GAAG,EAAE,aAAa;gBAClB,EAAE,EAAE,GAAG;aACR;SACF,EACD,IAAI,EAAE;YACJ,EAAE,EAAE;gBACF,GAAG,EAAE,aAAa;gBAClB,GAAG,EAAE,GAAG;aACT;SACF,IACE,eAAe,CAChB,WAAW,EACX,SAAS,EACT,aAAa,EACb,SAAS,EACT,MAAM,CACP,CACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAwB;IACzC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,QAAQ,EAAE,SAAS;QACnB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,QAAQ;QACd,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,QAAQ;KACf;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAwB;IAC5C,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,OAAO,EAAE,WAAW;QACpB,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,kBAAkB;QAC5B,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,QAAQ;KACf;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAwB;IACxC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,OAAO,EAAE,OAAO;QAChB,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,cAAc;QACxB,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,QAAQ;KACf;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAwB;IACxC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,OAAO,EAAE,OAAO;QAChB,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,cAAc;QACxB,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,QAAQ;KACf;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAwB;IACxC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,QAAQ,EAAE,cAAc;QACxB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,QAAQ;KACf;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAwB;IACvC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,QAAQ,EAAE,aAAa;QACvB,WAAW,EAAE,GAAG;QAChB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,QAAQ;QACd,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,MAAM,EAAE,EAAE;KACX;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAwB;IAC1C,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,QAAQ,EAAE,SAAS;QACnB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,QAAQ;QACd,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,QAAQ;KACf;IACD,UAAU,EAAE;QACV,QAAQ,EAAE;YACR,OAAO,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC;SAClC;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAwB;IAC1C,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,QAAQ,EAAE,SAAS;QACnB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,QAAQ;QACd,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,IAAI;QACf,IAAI,EAAE,QAAQ;KACf;IACD,UAAU,EAAE;QACV,QAAQ,EAAE;YACR,OAAO,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC;SAClC;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAwB;IAC3C,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,QAAQ;QACd,UAAU,EAAE,IAAI;QAChB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,QAAQ;KACf;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAwB;IAC3C,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,QAAQ,EAAE,MAAM;QAChB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,MAAM;QACZ,YAAY,EAAE,OAAO;QACrB,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,QAAQ;KACf;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAwB;IACzC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE;QAC5B,0CAA0C;QAC1C,OAAO,CAAC,2BAA2B,CAAC,CAAC;QACrC,OAAO,KAAC,MAAM,oBAAK,IAAI,EAAI,CAAC;IAC9B,CAAC;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,SAAS;QACnB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,QAAQ;QACd,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,2BAA2B;QACtC,IAAI,EAAE,QAAQ;KACf;CACF,CAAC"}
@@ -0,0 +1,98 @@
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Checkbox } from ".";
3
+ import { excludeControls } from "../../utils/excludeControls";
4
+ export default {
5
+ title: "Forms/Checkbox",
6
+ component: Checkbox,
7
+ argTypes: Object.assign({ validationState: {
8
+ options: ["valid", "invalid", "neither"],
9
+ control: { type: "radio" },
10
+ mapping: {
11
+ valid: "valid",
12
+ invalid: "invalid",
13
+ neither: "",
14
+ },
15
+ }, label: {
16
+ control: { type: "text" },
17
+ } }, excludeControls("className")),
18
+ };
19
+ export const Normal = {
20
+ render: (args) => _jsx(Checkbox, Object.assign({}, args)),
21
+ args: {
22
+ label: "Value",
23
+ isDisabled: false,
24
+ isIndeterminate: false,
25
+ errorMessage: "",
26
+ defaultSelected: false,
27
+ isRequired: false,
28
+ },
29
+ };
30
+ export const ControlledValue = {
31
+ render: (args) => _jsx(Checkbox, Object.assign({}, args)),
32
+ args: {
33
+ label: "Value",
34
+ isDisabled: false,
35
+ isIndeterminate: false,
36
+ errorMessage: "",
37
+ isSelected: true,
38
+ isRequired: false,
39
+ },
40
+ };
41
+ export const Disabled = {
42
+ render: (args) => _jsx(Checkbox, Object.assign({}, args)),
43
+ args: {
44
+ label: "Value",
45
+ isDisabled: true,
46
+ isIndeterminate: false,
47
+ errorMessage: "",
48
+ defaultSelected: false,
49
+ isRequired: false,
50
+ },
51
+ };
52
+ export const Indeterminate = {
53
+ render: (args) => _jsx(Checkbox, Object.assign({}, args)),
54
+ args: {
55
+ label: "Value",
56
+ isDisabled: false,
57
+ isIndeterminate: true,
58
+ errorMessage: "",
59
+ defaultSelected: false,
60
+ isRequired: false,
61
+ },
62
+ };
63
+ export const Valid = {
64
+ render: (args) => _jsx(Checkbox, Object.assign({}, args)),
65
+ args: {
66
+ label: "Value",
67
+ isDisabled: false,
68
+ isIndeterminate: false,
69
+ errorMessage: "",
70
+ validationState: "valid",
71
+ defaultSelected: false,
72
+ isRequired: false,
73
+ },
74
+ };
75
+ export const Invalid = {
76
+ render: (args) => _jsx(Checkbox, Object.assign({}, args)),
77
+ args: {
78
+ label: "Value",
79
+ isDisabled: false,
80
+ isIndeterminate: false,
81
+ validationState: "invalid",
82
+ errorMessage: "This is an error message",
83
+ defaultSelected: false,
84
+ isRequired: false,
85
+ },
86
+ };
87
+ export const LongLabel = {
88
+ render: (args) => _jsx(Checkbox, Object.assign({}, args)),
89
+ args: {
90
+ label: (_jsxs(_Fragment, { children: ["Example", _jsx("br", {}), "of", _jsx("br", {}), "long", _jsx("br", {}), "label", _jsx("br", {}), "text", _jsx("br", {})] })),
91
+ isDisabled: false,
92
+ isIndeterminate: false,
93
+ errorMessage: "",
94
+ defaultSelected: false,
95
+ isRequired: false,
96
+ },
97
+ };
98
+ //# sourceMappingURL=Checkbox.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Checkbox.stories.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,71 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { CheckboxGroup, Checkbox } from ".";
3
+ import { excludeControls } from "../../utils/excludeControls";
4
+ export default {
5
+ title: "Forms/CheckboxGroup",
6
+ component: CheckboxGroup,
7
+ argTypes: Object.assign({ validationState: {
8
+ options: ["valid", "invalid", "neither"],
9
+ control: { type: "radio" },
10
+ mapping: {
11
+ valid: "valid",
12
+ invalid: "invalid",
13
+ neither: "",
14
+ },
15
+ } }, excludeControls("className")),
16
+ };
17
+ export const Normal = {
18
+ render: (args) => (_jsxs(CheckboxGroup, Object.assign({}, args, { children: [_jsx(Checkbox, { label: "Option 1", value: "option1" }), _jsx(Checkbox, { label: "Option 2", value: "option2" }), _jsx(Checkbox, { label: "Option 3", value: "option3" })] }))),
19
+ args: {
20
+ label: "Value",
21
+ errorMessage: "",
22
+ isDisabled: false,
23
+ orientation: "vertical",
24
+ defaultValue: ["option1", "option3"],
25
+ isRequired: false,
26
+ },
27
+ };
28
+ export const ControlledValue = {
29
+ render: (args) => (_jsxs(CheckboxGroup, Object.assign({}, args, { children: [_jsx(Checkbox, { label: "Option 1", value: "option1" }), _jsx(Checkbox, { label: "Option 2", value: "option2" }), _jsx(Checkbox, { label: "Option 3", value: "option3" })] }))),
30
+ args: {
31
+ label: "Value",
32
+ errorMessage: "",
33
+ isDisabled: false,
34
+ orientation: "vertical",
35
+ value: ["option2", "option3"],
36
+ isRequired: false,
37
+ },
38
+ };
39
+ export const Disabled = {
40
+ render: (args) => (_jsxs(CheckboxGroup, Object.assign({}, args, { children: [_jsx(Checkbox, { label: "Option 1", value: "option1" }), _jsx(Checkbox, { label: "Option 2", value: "option2" }), _jsx(Checkbox, { label: "Option 3", value: "option3" })] }))),
41
+ args: {
42
+ label: "Value",
43
+ errorMessage: "",
44
+ isDisabled: true,
45
+ orientation: "vertical",
46
+ isRequired: false,
47
+ },
48
+ };
49
+ export const Valid = {
50
+ render: (args) => (_jsxs(CheckboxGroup, Object.assign({}, args, { children: [_jsx(Checkbox, { label: "Option 1", value: "option1" }), _jsx(Checkbox, { label: "Option 2", value: "option2" }), _jsx(Checkbox, { label: "Option 3", value: "option3" })] }))),
51
+ args: {
52
+ label: "Value",
53
+ errorMessage: "",
54
+ isDisabled: false,
55
+ validationState: "valid",
56
+ orientation: "vertical",
57
+ isRequired: false,
58
+ },
59
+ };
60
+ export const Invalid = {
61
+ render: (args) => (_jsxs(CheckboxGroup, Object.assign({}, args, { children: [_jsx(Checkbox, { label: "Option 1", value: "option1" }), _jsx(Checkbox, { label: "Option 2", value: "option2" }), _jsx(Checkbox, { label: "Option 3", value: "option3" })] }))),
62
+ args: {
63
+ label: "Value",
64
+ errorMessage: "This field is required",
65
+ isDisabled: false,
66
+ validationState: "invalid",
67
+ orientation: "vertical",
68
+ isRequired: false,
69
+ },
70
+ };
71
+ //# sourceMappingURL=CheckboxGroup.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CheckboxGroup.stories.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/CheckboxGroup.stories.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,56 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { Actions } from ".";
3
+ import { excludeControls } from "../../../utils/excludeControls";
4
+ export default {
5
+ title: "Chopin/Actions",
6
+ component: Actions,
7
+ argTypes: excludeControls("className", "backButton", "nextButton"),
8
+ };
9
+ export const Normal = {
10
+ render: (args) => (_jsx("div", { children: _jsx(Actions, Object.assign({}, args)) })),
11
+ args: {
12
+ backLabel: "Back",
13
+ nextLabel: "Next Step",
14
+ },
15
+ };
16
+ export const WithLinks = {
17
+ render: (args) => (_jsx("div", { children: _jsx(Actions, Object.assign({}, args)) })),
18
+ args: {
19
+ backLabel: "Back",
20
+ backButton: {
21
+ href: "https://www.example.com",
22
+ },
23
+ nextLabel: "Next Step",
24
+ nextButton: {
25
+ href: "https://www.google.com",
26
+ },
27
+ },
28
+ };
29
+ export const OneAction = {
30
+ render: (args) => (_jsx("div", { children: _jsx(Actions, Object.assign({}, args)) })),
31
+ args: {
32
+ nextLabel: "Next Step",
33
+ },
34
+ argTypes: excludeControls("backLabel", "backLink"),
35
+ };
36
+ export const OneBackAction = {
37
+ render: (args) => (_jsx("div", { children: _jsx(Actions, Object.assign({}, args)) })),
38
+ args: {
39
+ backLabel: "Back",
40
+ },
41
+ argTypes: excludeControls("nextLabel", "nextLink"),
42
+ };
43
+ export const DisabledActions = {
44
+ render: (args) => (_jsx("div", { children: _jsx(Actions, Object.assign({}, args)) })),
45
+ args: {
46
+ backLabel: "Back",
47
+ backButton: {
48
+ isDisabled: true,
49
+ },
50
+ nextLabel: "Next Step",
51
+ nextButton: {
52
+ isDisabled: true,
53
+ },
54
+ },
55
+ };
56
+ //# sourceMappingURL=Actions.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Actions.stories.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Actions/Actions.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAgB,MAAM,GAAG,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,eAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,eAAe,CAAC,WAAW,EAAE,YAAY,EAAE,YAAY,CAAC;CACnE,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAyB;IAC1C,MAAM,EAAE,CAAC,IAAkB,EAAE,EAAE,CAAC,CAC9B,wBACE,KAAC,OAAO,oBAAK,IAAI,EAAI,GACjB,CACP;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,MAAM;QACjB,SAAS,EAAE,WAAW;KACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAyB;IAC7C,MAAM,EAAE,CAAC,IAAkB,EAAE,EAAE,CAAC,CAC9B,wBACE,KAAC,OAAO,oBAAK,IAAI,EAAI,GACjB,CACP;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,MAAM;QACjB,UAAU,EAAE;YACV,IAAI,EAAE,yBAAyB;SAChC;QACD,SAAS,EAAE,WAAW;QACtB,UAAU,EAAE;YACV,IAAI,EAAE,wBAAwB;SAC/B;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAyB;IAC7C,MAAM,EAAE,CAAC,IAAkB,EAAE,EAAE,CAAC,CAC9B,wBACE,KAAC,OAAO,oBAAK,IAAI,EAAI,GACjB,CACP;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,WAAW;KACvB;IACD,QAAQ,EAAE,eAAe,CAAC,WAAW,EAAE,UAAU,CAAC;CACnD,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAyB;IACjD,MAAM,EAAE,CAAC,IAAkB,EAAE,EAAE,CAAC,CAC9B,wBACE,KAAC,OAAO,oBAAK,IAAI,EAAI,GACjB,CACP;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,MAAM;KAClB;IACD,QAAQ,EAAE,eAAe,CAAC,WAAW,EAAE,UAAU,CAAC;CACnD,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAyB;IACnD,MAAM,EAAE,CAAC,IAAkB,EAAE,EAAE,CAAC,CAC9B,wBACE,KAAC,OAAO,oBAAK,IAAI,EAAI,GACjB,CACP;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,MAAM;QACjB,UAAU,EAAE;YACV,UAAU,EAAE,IAAI;SACjB;QACD,SAAS,EAAE,WAAW;QACtB,UAAU,EAAE;YACV,UAAU,EAAE,IAAI;SACjB;KACF;CACF,CAAC"}