@simplybusiness/mobius 3.8.0 → 3.9.1

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 (412) hide show
  1. package/CHANGELOG.md +15 -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.stories.d.ts +44 -0
  117. package/dist/cjs/components/Modal/Modal.stories.js +82 -0
  118. package/dist/cjs/components/Modal/Modal.stories.js.map +1 -0
  119. package/dist/cjs/components/NumberField/NumberField.stories.d.ts +50 -0
  120. package/dist/cjs/components/NumberField/NumberField.stories.js +106 -0
  121. package/dist/cjs/components/NumberField/NumberField.stories.js.map +1 -0
  122. package/dist/cjs/components/PasswordField/PasswordField.stories.d.ts +28 -0
  123. package/dist/cjs/components/PasswordField/PasswordField.stories.js +34 -0
  124. package/dist/cjs/components/PasswordField/PasswordField.stories.js.map +1 -0
  125. package/dist/cjs/components/Progress/Progress.stories.d.ts +56 -0
  126. package/dist/cjs/components/Progress/Progress.stories.js +92 -0
  127. package/dist/cjs/components/Progress/Progress.stories.js.map +1 -0
  128. package/dist/cjs/components/Radio/Radio.stories.d.ts +39 -0
  129. package/dist/cjs/components/Radio/Radio.stories.js +121 -0
  130. package/dist/cjs/components/Radio/Radio.stories.js.map +1 -0
  131. package/dist/cjs/components/Radio/RadioButton.stories.d.ts +23 -0
  132. package/dist/cjs/components/Radio/RadioButton.stories.js +91 -0
  133. package/dist/cjs/components/Radio/RadioButton.stories.js.map +1 -0
  134. package/dist/cjs/components/SVG/SVG.stories.d.ts +9 -0
  135. package/dist/cjs/components/SVG/SVG.stories.js +22 -0
  136. package/dist/cjs/components/SVG/SVG.stories.js.map +1 -0
  137. package/dist/cjs/components/SVG/SVG.test.js.map +1 -1
  138. package/dist/cjs/components/Segment/Segment.stories.d.ts +32 -0
  139. package/dist/cjs/components/Segment/Segment.stories.js +78 -0
  140. package/dist/cjs/components/Segment/Segment.stories.js.map +1 -0
  141. package/dist/cjs/components/Select/Select.stories.d.ts +31 -0
  142. package/dist/cjs/components/Select/Select.stories.js +82 -0
  143. package/dist/cjs/components/Select/Select.stories.js.map +1 -0
  144. package/dist/cjs/components/Slider/Slider.d.ts +2 -2
  145. package/dist/cjs/components/Slider/Slider.js.map +1 -1
  146. package/dist/cjs/components/Slider/Slider.stories.d.ts +12 -0
  147. package/dist/cjs/components/Slider/Slider.stories.js +66 -0
  148. package/dist/cjs/components/Slider/Slider.stories.js.map +1 -0
  149. package/dist/cjs/components/Table/Table.stories.d.ts +10 -0
  150. package/dist/cjs/components/Table/Table.stories.js +18 -0
  151. package/dist/cjs/components/Table/Table.stories.js.map +1 -0
  152. package/dist/cjs/components/Text/Text.stories.d.ts +10 -0
  153. package/dist/cjs/components/Text/Text.stories.js +29 -0
  154. package/dist/cjs/components/Text/Text.stories.js.map +1 -0
  155. package/dist/cjs/components/TextArea/TextArea.stories.d.ts +26 -0
  156. package/dist/cjs/components/TextArea/TextArea.stories.js +83 -0
  157. package/dist/cjs/components/TextArea/TextArea.stories.js.map +1 -0
  158. package/dist/cjs/components/TextField/TextField.stories.d.ts +36 -0
  159. package/dist/cjs/components/TextField/TextField.stories.js +103 -0
  160. package/dist/cjs/components/TextField/TextField.stories.js.map +1 -0
  161. package/dist/cjs/components/Title/Title.stories.d.ts +9 -0
  162. package/dist/cjs/components/Title/Title.stories.js +19 -0
  163. package/dist/cjs/components/Title/Title.stories.js.map +1 -0
  164. package/dist/cjs/components/VisuallyHidden/VisuallyHidden.stories.d.ts +9 -0
  165. package/dist/cjs/components/VisuallyHidden/VisuallyHidden.stories.js +15 -0
  166. package/dist/cjs/components/VisuallyHidden/VisuallyHidden.stories.js.map +1 -0
  167. package/dist/cjs/hooks/useBreakpoint/useBreakpoint.stories.d.ts +11 -0
  168. package/dist/cjs/hooks/useBreakpoint/useBreakpoint.stories.js +43 -0
  169. package/dist/cjs/hooks/useBreakpoint/useBreakpoint.stories.js.map +1 -0
  170. package/dist/cjs/tsconfig.tsbuildinfo +1 -1
  171. package/dist/esm/components/Accordion/Accordion.stories.js +45 -0
  172. package/dist/esm/components/Accordion/Accordion.stories.js.map +1 -0
  173. package/dist/esm/components/Alert/Alert.stories.js +32 -0
  174. package/dist/esm/components/Alert/Alert.stories.js.map +1 -0
  175. package/dist/esm/components/Box/Box.stories.js +20 -0
  176. package/dist/esm/components/Box/Box.stories.js.map +1 -0
  177. package/dist/esm/components/Breadcrumbs/Breadcrumbs.stories.js +17 -0
  178. package/dist/esm/components/Breadcrumbs/Breadcrumbs.stories.js.map +1 -0
  179. package/dist/esm/components/Button/Button.stories.js +198 -0
  180. package/dist/esm/components/Button/Button.stories.js.map +1 -0
  181. package/dist/esm/components/Checkbox/Checkbox.stories.js +98 -0
  182. package/dist/esm/components/Checkbox/Checkbox.stories.js.map +1 -0
  183. package/dist/esm/components/Checkbox/CheckboxGroup.stories.js +71 -0
  184. package/dist/esm/components/Checkbox/CheckboxGroup.stories.js.map +1 -0
  185. package/dist/esm/components/Chopin/Actions/Actions.stories.js +56 -0
  186. package/dist/esm/components/Chopin/Actions/Actions.stories.js.map +1 -0
  187. package/dist/esm/components/Chopin/Footer/Footer.stories.js +166 -0
  188. package/dist/esm/components/Chopin/Footer/Footer.stories.js.map +1 -0
  189. package/dist/esm/components/Chopin/Header/Header.stories.js +38 -0
  190. package/dist/esm/components/Chopin/Header/Header.stories.js.map +1 -0
  191. package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.js +43 -0
  192. package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.js.map +1 -0
  193. package/dist/esm/components/Chopin/Question/Question.stories.js +136 -0
  194. package/dist/esm/components/Chopin/Question/Question.stories.js.map +1 -0
  195. package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.stories.js +40 -0
  196. package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.stories.js.map +1 -0
  197. package/dist/esm/components/Chopin/Section/Section.stories.js +16 -0
  198. package/dist/esm/components/Chopin/Section/Section.stories.js.map +1 -0
  199. package/dist/esm/components/Chopin/Steps/Steps.stories.js +12 -0
  200. package/dist/esm/components/Chopin/Steps/Steps.stories.js.map +1 -0
  201. package/dist/esm/components/Chopin/Testimonial/Testimonial.stories.js +15 -0
  202. package/dist/esm/components/Chopin/Testimonial/Testimonial.stories.js.map +1 -0
  203. package/dist/esm/components/Chopin/TradeSelector/TradeSelector.stories.js +52 -0
  204. package/dist/esm/components/Chopin/TradeSelector/TradeSelector.stories.js.map +1 -0
  205. package/dist/esm/components/Chopin/TradeSelector/TradeSelector.test.js +3 -0
  206. package/dist/esm/components/Chopin/TradeSelector/TradeSelector.test.js.map +1 -1
  207. package/dist/esm/components/Container/Container.stories.js +12 -0
  208. package/dist/esm/components/Container/Container.stories.js.map +1 -0
  209. package/dist/esm/components/DataTable/DataTable.stories.js +174 -0
  210. package/dist/esm/components/DataTable/DataTable.stories.js.map +1 -0
  211. package/dist/esm/components/DatePicker/DatePicker.stories.js +25 -0
  212. package/dist/esm/components/DatePicker/DatePicker.stories.js.map +1 -0
  213. package/dist/esm/components/Divider/Divider.stories.js +12 -0
  214. package/dist/esm/components/Divider/Divider.stories.js.map +1 -0
  215. package/dist/esm/components/DropdownMenu/DropdownMenu.stories.js +58 -0
  216. package/dist/esm/components/DropdownMenu/DropdownMenu.stories.js.map +1 -0
  217. package/dist/esm/components/ErrorMessage/ErrorMessage.stories.js +21 -0
  218. package/dist/esm/components/ErrorMessage/ErrorMessage.stories.js.map +1 -0
  219. package/dist/esm/components/Fieldset/Fieldset.stories.js +22 -0
  220. package/dist/esm/components/Fieldset/Fieldset.stories.js.map +1 -0
  221. package/dist/esm/components/Flex/Flex.stories.js +148 -0
  222. package/dist/esm/components/Flex/Flex.stories.js.map +1 -0
  223. package/dist/esm/components/Grid/Grid.js +8 -5
  224. package/dist/esm/components/Grid/Grid.js.map +1 -1
  225. package/dist/esm/components/Grid/Grid.stories.js +227 -0
  226. package/dist/esm/components/Grid/Grid.stories.js.map +1 -0
  227. package/dist/esm/components/Grid/Item.js +5 -3
  228. package/dist/esm/components/Grid/Item.js.map +1 -1
  229. package/dist/esm/components/Icon/Icon.stories.js +43 -0
  230. package/dist/esm/components/Icon/Icon.stories.js.map +1 -0
  231. package/dist/esm/components/Image/Image.stories.js +17 -0
  232. package/dist/esm/components/Image/Image.stories.js.map +1 -0
  233. package/dist/esm/components/Label/Label.stories.js +15 -0
  234. package/dist/esm/components/Label/Label.stories.js.map +1 -0
  235. package/dist/esm/components/Link/Link.stories.js +41 -0
  236. package/dist/esm/components/Link/Link.stories.js.map +1 -0
  237. package/dist/esm/components/LinkButton/LinkButton.stories.js +42 -0
  238. package/dist/esm/components/LinkButton/LinkButton.stories.js.map +1 -0
  239. package/dist/esm/components/List/List.stories.js +77 -0
  240. package/dist/esm/components/List/List.stories.js.map +1 -0
  241. package/dist/esm/components/LoadingIndicator/LoadingIndicator.js.map +1 -1
  242. package/dist/esm/components/LoadingIndicator/LoadingIndicator.stories.js +50 -0
  243. package/dist/esm/components/LoadingIndicator/LoadingIndicator.stories.js.map +1 -0
  244. package/dist/esm/components/MaskedField/MaskedField.stories.js +22 -0
  245. package/dist/esm/components/MaskedField/MaskedField.stories.js.map +1 -0
  246. package/dist/esm/components/Modal/Modal.stories.js +79 -0
  247. package/dist/esm/components/Modal/Modal.stories.js.map +1 -0
  248. package/dist/esm/components/NumberField/NumberField.stories.js +103 -0
  249. package/dist/esm/components/NumberField/NumberField.stories.js.map +1 -0
  250. package/dist/esm/components/PasswordField/PasswordField.stories.js +31 -0
  251. package/dist/esm/components/PasswordField/PasswordField.stories.js.map +1 -0
  252. package/dist/esm/components/Progress/Progress.stories.js +89 -0
  253. package/dist/esm/components/Progress/Progress.stories.js.map +1 -0
  254. package/dist/esm/components/Radio/Radio.stories.js +118 -0
  255. package/dist/esm/components/Radio/Radio.stories.js.map +1 -0
  256. package/dist/esm/components/Radio/RadioButton.stories.js +88 -0
  257. package/dist/esm/components/Radio/RadioButton.stories.js.map +1 -0
  258. package/dist/esm/components/SVG/SVG.stories.js +19 -0
  259. package/dist/esm/components/SVG/SVG.stories.js.map +1 -0
  260. package/dist/esm/components/SVG/SVG.test.js.map +1 -1
  261. package/dist/esm/components/Segment/Segment.stories.js +75 -0
  262. package/dist/esm/components/Segment/Segment.stories.js.map +1 -0
  263. package/dist/esm/components/Select/Select.stories.js +79 -0
  264. package/dist/esm/components/Select/Select.stories.js.map +1 -0
  265. package/dist/esm/components/Slider/Slider.js.map +1 -1
  266. package/dist/esm/components/Slider/Slider.stories.js +63 -0
  267. package/dist/esm/components/Slider/Slider.stories.js.map +1 -0
  268. package/dist/esm/components/Table/Table.stories.js +15 -0
  269. package/dist/esm/components/Table/Table.stories.js.map +1 -0
  270. package/dist/esm/components/Text/Text.stories.js +26 -0
  271. package/dist/esm/components/Text/Text.stories.js.map +1 -0
  272. package/dist/esm/components/TextArea/TextArea.stories.js +80 -0
  273. package/dist/esm/components/TextArea/TextArea.stories.js.map +1 -0
  274. package/dist/esm/components/TextField/TextField.stories.js +100 -0
  275. package/dist/esm/components/TextField/TextField.stories.js.map +1 -0
  276. package/dist/esm/components/Title/Title.stories.js +16 -0
  277. package/dist/esm/components/Title/Title.stories.js.map +1 -0
  278. package/dist/esm/components/VisuallyHidden/VisuallyHidden.stories.js +12 -0
  279. package/dist/esm/components/VisuallyHidden/VisuallyHidden.stories.js.map +1 -0
  280. package/dist/esm/hooks/useBreakpoint/useBreakpoint.stories.js +40 -0
  281. package/dist/esm/hooks/useBreakpoint/useBreakpoint.stories.js.map +1 -0
  282. package/dist/esm/tsconfig.esm.tsbuildinfo +1 -1
  283. package/dist/mobius.d.ts +11 -2
  284. package/package.json +2 -2
  285. package/src/components/Accordion/{Accordion.story.mdx → Accordion.mdx} +15 -96
  286. package/src/components/Accordion/Accordion.stories.tsx +87 -0
  287. package/src/components/Alert/{Alert.story.mdx → Alert.mdx} +5 -35
  288. package/src/components/Alert/Alert.stories.tsx +47 -0
  289. package/src/components/Box/{Box.story.mdx → Box.mdx} +5 -21
  290. package/src/components/Box/Box.stories.tsx +26 -0
  291. package/src/components/Breadcrumbs/{Breadcrumbs.story.mdx → Breadcrumbs.mdx} +15 -48
  292. package/src/components/Breadcrumbs/Breadcrumbs.stories.tsx +52 -0
  293. package/src/components/Button/Button.mdx +227 -0
  294. package/src/components/Button/Button.stories.tsx +225 -0
  295. package/src/components/Button/Button.story.styles.css +3 -0
  296. package/src/components/Checkbox/Checkbox.mdx +122 -0
  297. package/src/components/Checkbox/Checkbox.stories.tsx +122 -0
  298. package/src/components/Checkbox/{CheckboxGroup.story.mdx → CheckboxGroup.mdx} +12 -114
  299. package/src/components/Checkbox/CheckboxGroup.stories.tsx +109 -0
  300. package/src/components/Checkbox/types.ts +1 -1
  301. package/src/components/Chopin/Actions/{Actions.story.mdx → Actions.mdx} +17 -88
  302. package/src/components/Chopin/Actions/Actions.stories.tsx +81 -0
  303. package/src/components/Chopin/Footer/Footer.mdx +163 -0
  304. package/src/components/Chopin/Footer/Footer.stories.tsx +217 -0
  305. package/src/components/Chopin/Header/{Header.story.mdx → Header.mdx} +7 -47
  306. package/src/components/Chopin/Header/Header.stories.tsx +50 -0
  307. package/src/components/Chopin/PercentageTotalsQuestion/{PercentageTotalsQuestion.story.mdx → PercentageTotalsQuestion.mdx} +4 -36
  308. package/src/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.tsx +63 -0
  309. package/src/components/Chopin/Question/{Question.story.mdx → Question.mdx} +29 -227
  310. package/src/components/Chopin/Question/Question.stories.tsx +211 -0
  311. package/src/components/Chopin/QuestionGroup/QuestionGroup.mdx +149 -0
  312. package/src/components/Chopin/QuestionGroup/QuestionGroup.stories.tsx +187 -0
  313. package/src/components/Chopin/Section/{Section.story.mdx → Section.mdx} +6 -24
  314. package/src/components/Chopin/Section/Section.stories.tsx +30 -0
  315. package/src/components/Chopin/Steps/{Steps.story.mdx → Steps.mdx} +6 -20
  316. package/src/components/Chopin/Steps/Steps.stories.tsx +22 -0
  317. package/src/components/Chopin/Testimonial/{Testimonial.story.mdx → Testimonial.mdx} +4 -14
  318. package/src/components/Chopin/Testimonial/Testimonial.stories.tsx +23 -0
  319. package/src/components/Chopin/TradeSelector/{TradeSelector.story.mdx → TradeSelector.mdx} +14 -52
  320. package/src/components/Chopin/TradeSelector/TradeSelector.stories.tsx +67 -0
  321. package/src/components/Chopin/TradeSelector/TradeSelector.test.tsx +3 -0
  322. package/src/components/Container/{Container.story.mdx → Container.mdx} +4 -16
  323. package/src/components/Container/Container.stories.tsx +20 -0
  324. package/src/components/DataTable/{DataTable.story.mdx → DataTable.mdx} +10 -203
  325. package/src/components/DataTable/DataTable.stories.tsx +228 -0
  326. package/src/components/DatePicker/{DatePicker.story.mdx → DatePicker.mdx} +9 -29
  327. package/src/components/DatePicker/DatePicker.stories.tsx +32 -0
  328. package/src/components/Divider/{Divider.story.mdx → Divider.mdx} +4 -9
  329. package/src/components/Divider/Divider.stories.tsx +13 -0
  330. package/src/components/DropdownMenu/{DropdownMenu.story.mdx → DropdownMenu.mdx} +5 -39
  331. package/src/components/DropdownMenu/DropdownMenu.stories.tsx +84 -0
  332. package/src/components/DropdownMenu/DropdownMenu.story.styles.css +12 -0
  333. package/src/components/ErrorMessage/ErrorMessage.mdx +39 -0
  334. package/src/components/ErrorMessage/ErrorMessage.stories.tsx +24 -0
  335. package/src/components/Fieldset/{Fieldset.story.mdx → Fieldset.mdx} +5 -28
  336. package/src/components/Fieldset/Fieldset.stories.tsx +40 -0
  337. package/src/components/Flex/{Flex.story.mdx → Flex.mdx} +13 -150
  338. package/src/components/Flex/Flex.stories.tsx +182 -0
  339. package/src/components/Grid/{Grid.story.mdx → Grid.mdx} +78 -360
  340. package/src/components/Grid/Grid.stories.tsx +375 -0
  341. package/src/components/Grid/Grid.story.styles.css +4 -0
  342. package/src/components/Grid/Grid.tsx +16 -4
  343. package/src/components/Grid/Item.tsx +14 -2
  344. package/src/components/Icon/Icon.mdx +75 -0
  345. package/src/components/Icon/Icon.stories.tsx +50 -0
  346. package/src/components/Icon/types.ts +2 -0
  347. package/src/components/Image/{Image.story.mdx → Image.mdx} +4 -9
  348. package/src/components/Image/Image.stories.tsx +20 -0
  349. package/src/components/Label/{Label.story.mdx → Label.mdx} +4 -9
  350. package/src/components/Label/Label.stories.tsx +16 -0
  351. package/src/components/Link/{Link.story.mdx → Link.mdx} +8 -52
  352. package/src/components/Link/Link.stories.tsx +50 -0
  353. package/src/components/LinkButton/LinkButton.mdx +45 -0
  354. package/src/components/LinkButton/LinkButton.stories.tsx +61 -0
  355. package/src/components/List/{List.story.mdx → List.mdx} +18 -113
  356. package/src/components/List/List.stories.tsx +135 -0
  357. package/src/components/LoadingIndicator/LoadingIndicator.mdx +59 -0
  358. package/src/components/LoadingIndicator/LoadingIndicator.stories.tsx +59 -0
  359. package/src/components/LoadingIndicator/LoadingIndicator.tsx +2 -0
  360. package/src/components/MaskedField/{MaskedField.story.mdx → MaskedField.mdx} +11 -12
  361. package/src/components/MaskedField/MaskedField.stories.tsx +26 -0
  362. package/src/components/Modal/{Modal.story.mdx → Modal.mdx} +20 -84
  363. package/src/components/Modal/Modal.stories.tsx +181 -0
  364. package/src/components/NumberField/NumberField.mdx +104 -0
  365. package/src/components/NumberField/NumberField.stories.tsx +114 -0
  366. package/src/components/PasswordField/{PasswordField.story.mdx → PasswordField.mdx} +10 -49
  367. package/src/components/PasswordField/PasswordField.stories.tsx +36 -0
  368. package/src/components/Progress/Progress.mdx +83 -0
  369. package/src/components/Progress/Progress.stories.tsx +105 -0
  370. package/src/components/Radio/Radio.mdx +202 -0
  371. package/src/components/Radio/Radio.stories.tsx +202 -0
  372. package/src/components/Radio/{RadioButton.story.mdx → RadioButton.mdx} +15 -156
  373. package/src/components/Radio/RadioButton.stories.tsx +153 -0
  374. package/src/components/SVG/{SVG.story.mdx → SVG.mdx} +5 -10
  375. package/src/components/SVG/SVG.stories.tsx +29 -0
  376. package/src/components/SVG/SVG.test.tsx +3 -14
  377. package/src/components/Segment/{Segment.story.mdx → Segment.mdx} +79 -107
  378. package/src/components/Segment/Segment.stories.tsx +129 -0
  379. package/src/components/Select/{Select.story.mdx → Select.mdx} +25 -186
  380. package/src/components/Select/Select.stories.tsx +163 -0
  381. package/src/components/Slider/Slider.mdx +55 -0
  382. package/src/components/Slider/Slider.stories.tsx +82 -0
  383. package/src/components/Slider/Slider.tsx +5 -2
  384. package/src/components/Table/Table.mdx +74 -0
  385. package/src/components/Table/Table.stories.tsx +149 -0
  386. package/src/components/Text/{Text.story.mdx → Text.mdx} +20 -16
  387. package/src/components/Text/Text.stories.tsx +28 -0
  388. package/src/components/TextArea/TextArea.mdx +82 -0
  389. package/src/components/TextArea/TextArea.stories.tsx +89 -0
  390. package/src/components/TextField/TextField.mdx +122 -0
  391. package/src/components/TextField/TextField.stories.tsx +111 -0
  392. package/src/components/Title/{Title.story.mdx → Title.mdx} +4 -12
  393. package/src/components/Title/Title.stories.tsx +17 -0
  394. package/src/components/VisuallyHidden/{VisuallyHidden.story.mdx → VisuallyHidden.mdx} +4 -13
  395. package/src/components/VisuallyHidden/VisuallyHidden.stories.tsx +17 -0
  396. package/src/hooks/useBreakpoint/{useBreakpoint.story.mdx → useBreakpoint.mdx} +6 -47
  397. package/src/hooks/useBreakpoint/useBreakpoint.stories.tsx +61 -0
  398. package/src/components/Button/Button.story.mdx +0 -401
  399. package/src/components/Checkbox/Checkbox.story.mdx +0 -233
  400. package/src/components/Chopin/Footer/Footer.story.mdx +0 -368
  401. package/src/components/Chopin/QuestionGroup/QuestionGroup.story.mdx +0 -309
  402. package/src/components/ErrorMessage/ErrorMessage.story.mdx +0 -57
  403. package/src/components/Icon/Icon.story.mdx +0 -175
  404. package/src/components/LinkButton/LinkButton.story.mdx +0 -96
  405. package/src/components/LoadingIndicator/LoadingIndicator.story.mdx +0 -96
  406. package/src/components/NumberField/NumberField.story.mdx +0 -193
  407. package/src/components/Progress/Progress.story.mdx +0 -172
  408. package/src/components/Radio/Radio.story.mdx +0 -402
  409. package/src/components/Slider/Slider.story.mdx +0 -130
  410. package/src/components/Table/Table.story.mdx +0 -213
  411. package/src/components/TextArea/TextArea.story.mdx +0 -172
  412. package/src/components/TextField/TextField.story.mdx +0 -232
package/CHANGELOG.md CHANGED
@@ -5,6 +5,18 @@ All notable changes to this project will be documented in this file, or link in
5
5
  The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
6
6
  and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
7
7
 
8
+ ## [3.9.0] - 2023-08-14
9
+
10
+ ### Changed
11
+
12
+ - Upgrade Storybook from 6.5.13 to 7.2.1
13
+
14
+ ### Fixed
15
+
16
+ - Add missing `<Checkbox>` `label` prop type. Storybook entry for the component contains JSX element as prop value. This fix adds the missing type
17
+
18
+ - Fix an issue where `gap` prop is ignored in `<Grid>`. This mostly affects examples where both `gap` and `rowGap` / `columnGap` values are provided. If `gap` has a value and `rowGap` / `columnGap` have `undefined`, the combined result will be `undefined` for `gap`. This is similar issue to `<Flex>` that's been recently fixed
19
+
8
20
  ## [3.8.0] - 2023-08-01
9
21
 
10
22
  ### Added
@@ -16,7 +28,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
16
28
  ### Added
17
29
 
18
30
  - New simpler `useButton` hook implemenation, to work correctly with
19
- shadow DOM
31
+ shadow DOM
20
32
 
21
33
  ## [3.6.2] - 2023-07-26
22
34
 
@@ -284,6 +296,8 @@ Additionally, mobius and themes are available on the public NPM registry and can
284
296
 
285
297
  ## Github Links
286
298
 
299
+ [3.9.1]: https://github.com/simplybusiness/mobius/releases/tag/v3.9.1
300
+ [3.9.0]: https://github.com/simplybusiness/mobius/releases/tag/v3.9.0
287
301
  [3.8.0]: https://github.com/simplybusiness/mobius/releases/tag/v3.8.0
288
302
  [3.7.1]: https://github.com/simplybusiness/mobius/releases/tag/v3.7.1
289
303
  [3.7.0]: https://github.com/simplybusiness/mobius/releases/tag/v3.7.0
@@ -0,0 +1,12 @@
1
+ import type { Meta } from "@storybook/react";
2
+ import { Accordion, AccordionProps } from "..";
3
+ declare const _default: {
4
+ title: string;
5
+ component: import("../..").ForwardedRefComponent<AccordionProps, HTMLDivElement>;
6
+ argTypes: {};
7
+ };
8
+ export default _default;
9
+ export declare const Normal: Meta<typeof Accordion>;
10
+ export declare const StartExpanded: Meta<typeof Accordion>;
11
+ export declare const TopHeader: Meta<typeof Accordion>;
12
+ export declare const ComplexContent: Meta<typeof Accordion>;
@@ -0,0 +1,48 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.ComplexContent = exports.TopHeader = exports.StartExpanded = exports.Normal = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const __1 = require("..");
6
+ const excludeControls_1 = require("../../utils/excludeControls");
7
+ exports.default = {
8
+ title: "Components/Accordion",
9
+ component: __1.Accordion,
10
+ argTypes: (0, excludeControls_1.excludeControls)("onClick", "className"),
11
+ };
12
+ exports.Normal = {
13
+ render: (args) => ((0, jsx_runtime_1.jsxs)(__1.Accordion, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }), (0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" })] }))),
14
+ args: {
15
+ showText: "See more",
16
+ hideText: "See less",
17
+ headerPosition: "bottom",
18
+ startOpen: false,
19
+ },
20
+ };
21
+ exports.StartExpanded = {
22
+ render: (args) => ((0, jsx_runtime_1.jsx)(__1.Accordion, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }) }))),
23
+ args: {
24
+ showText: "See more",
25
+ hideText: "See less",
26
+ headerPosition: "bottom",
27
+ startOpen: true,
28
+ },
29
+ };
30
+ exports.TopHeader = {
31
+ render: (args) => ((0, jsx_runtime_1.jsx)(__1.Accordion, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }) }))),
32
+ args: {
33
+ showText: "See more",
34
+ hideText: "See less",
35
+ headerPosition: "top",
36
+ startOpen: false,
37
+ },
38
+ };
39
+ exports.ComplexContent = {
40
+ render: (args) => ((0, jsx_runtime_1.jsx)(__1.Accordion, Object.assign({}, args, { children: (0, jsx_runtime_1.jsxs)(__1.SegmentGroup, { children: [(0, jsx_runtime_1.jsx)(__1.Segment, { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }), (0, jsx_runtime_1.jsx)(__1.Segment, { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" })] }) }))),
41
+ args: {
42
+ showText: "See more",
43
+ hideText: "See less",
44
+ headerPosition: "bottom",
45
+ startOpen: false,
46
+ },
47
+ };
48
+ //# 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,0BAAsE;AACtE,iEAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,aAAS;IACpB,QAAQ,EAAE,IAAA,iCAAe,EAAC,SAAS,EAAE,WAAW,CAAC;CAClD,CAAC;AAEW,QAAA,MAAM,GAA2B;IAC5C,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,wBAAC,aAAS,oBAAK,IAAI,eACjB,4IAGI,EACJ,4IAGI,KACM,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,QAAQ;QACxB,SAAS,EAAE,KAAK;KACjB;CACF,CAAC;AAEW,QAAA,aAAa,GAA2B;IACnD,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,uBAAC,aAAS,oBAAK,IAAI,cACjB,4IAGI,IACM,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,QAAQ;QACxB,SAAS,EAAE,IAAI;KAChB;CACF,CAAC;AAEW,QAAA,SAAS,GAA2B;IAC/C,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,uBAAC,aAAS,oBAAK,IAAI,cACjB,4IAGI,IACM,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,KAAK;QACrB,SAAS,EAAE,KAAK;KACjB;CACF,CAAC;AAEW,QAAA,cAAc,GAA2B;IACpD,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,uBAAC,aAAS,oBAAK,IAAI,cACjB,wBAAC,gBAAY,eACX,uBAAC,WAAO,kHAGE,EACV,uBAAC,WAAO,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,17 @@
1
+ import type { Meta } from "@storybook/react";
2
+ import { Alert, AlertProps } from "./Alert";
3
+ declare const _default: {
4
+ title: string;
5
+ component: import("../..").ForwardedRefComponent<AlertProps, HTMLDivElement>;
6
+ argTypes: {
7
+ variant: {
8
+ control: {
9
+ type: string;
10
+ };
11
+ options: string[];
12
+ };
13
+ };
14
+ };
15
+ export default _default;
16
+ export declare const Normal: Meta<typeof Alert>;
17
+ export declare const WithHeader: Meta<typeof Alert>;
@@ -0,0 +1,35 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.WithHeader = exports.Normal = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const Alert_1 = require("./Alert");
6
+ const excludeControls_1 = require("../../utils/excludeControls");
7
+ exports.default = {
8
+ title: "Components/Alert",
9
+ component: Alert_1.Alert,
10
+ argTypes: Object.assign({ variant: {
11
+ control: { type: "radio" },
12
+ options: ["info", "success", "warning", "error"],
13
+ } }, (0, excludeControls_1.excludeControls)("elementType", "className")),
14
+ };
15
+ exports.Normal = {
16
+ render: (args) => ((0, jsx_runtime_1.jsxs)(Alert_1.Alert, Object.assign({}, args, { children: ["Today is", " ", new Intl.DateTimeFormat("en-GB", {
17
+ dateStyle: "long",
18
+ }).format(new Date())] }))),
19
+ args: {
20
+ variant: "info",
21
+ show: true,
22
+ header: "",
23
+ },
24
+ };
25
+ exports.WithHeader = {
26
+ render: (args) => ((0, jsx_runtime_1.jsxs)(Alert_1.Alert, Object.assign({}, args, { children: ["Today is", " ", new Intl.DateTimeFormat("en-GB", {
27
+ dateStyle: "long",
28
+ }).format(new Date())] }))),
29
+ args: {
30
+ variant: "info",
31
+ show: true,
32
+ header: "Information",
33
+ },
34
+ };
35
+ //# 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,mCAA4C;AAC5C,iEAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,aAAK;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,IAAA,iCAAe,EAAC,aAAa,EAAE,WAAW,CAAC,CAC/C;CACF,CAAC;AAEW,QAAA,MAAM,GAAuB;IACxC,MAAM,EAAE,CAAC,IAAgB,EAAE,EAAE,CAAC,CAC5B,wBAAC,aAAK,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;AAEW,QAAA,UAAU,GAAuB;IAC5C,MAAM,EAAE,CAAC,IAAgB,EAAE,EAAE,CAAC,CAC5B,wBAAC,aAAK,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,17 @@
1
+ /// <reference types="react" />
2
+ import type { Meta } from "@storybook/react";
3
+ import { Box, BoxProps } from "./Box";
4
+ declare const _default: {
5
+ title: string;
6
+ component: import("../..").ForwardedRefComponent<BoxProps, HTMLDivElement>;
7
+ argTypes: {};
8
+ };
9
+ export default _default;
10
+ export declare const Normal: Meta<typeof Box>;
11
+ export declare const CustomElement: {
12
+ render: (args: BoxProps) => JSX.Element;
13
+ name: string;
14
+ args: {
15
+ elementType: string;
16
+ };
17
+ };
@@ -0,0 +1,23 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.CustomElement = exports.Normal = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const Box_1 = require("./Box");
6
+ const Button_1 = require("../Button");
7
+ const excludeControls_1 = require("../../utils/excludeControls");
8
+ exports.default = {
9
+ title: "Layout/Box",
10
+ component: Box_1.Box,
11
+ argTypes: (0, excludeControls_1.excludeControls)("className", "elementType", "style"),
12
+ };
13
+ exports.Normal = {
14
+ render: (args) => ((0, jsx_runtime_1.jsx)(Box_1.Box, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)(Button_1.Button, { children: "Click me" }) }))),
15
+ };
16
+ exports.CustomElement = {
17
+ render: (args) => (0, jsx_runtime_1.jsx)(Box_1.Box, Object.assign({}, args, { children: "This text is inside a span" })),
18
+ name: "Custom Element",
19
+ args: {
20
+ elementType: "span",
21
+ },
22
+ };
23
+ //# 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,+BAAsC;AACtC,sCAAmC;AACnC,iEAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,SAAG;IACd,QAAQ,EAAE,IAAA,iCAAe,EAAC,WAAW,EAAE,aAAa,EAAE,OAAO,CAAC;CAC/D,CAAC;AAEW,QAAA,MAAM,GAAqB;IACtC,MAAM,EAAE,CAAC,IAAc,EAAE,EAAE,CAAC,CAC1B,uBAAC,SAAG,oBAAK,IAAI,cACX,uBAAC,eAAM,2BAAkB,IACrB,CACP;CACF,CAAC;AAEW,QAAA,aAAa,GAAG;IAC3B,MAAM,EAAE,CAAC,IAAc,EAAE,EAAE,CAAC,uBAAC,SAAG,oBAAK,IAAI,8CAAkC;IAC3E,IAAI,EAAE,gBAAgB;IACtB,IAAI,EAAE;QACJ,WAAW,EAAE,MAAM;KACpB;CACF,CAAC"}
@@ -0,0 +1,10 @@
1
+ import type { Meta } from "@storybook/react";
2
+ import { Breadcrumbs, BreadcrumbsProps } from "./Breadcrumbs";
3
+ declare const _default: {
4
+ title: string;
5
+ component: import("../..").ForwardedRefComponent<BreadcrumbsProps, HTMLUListElement>;
6
+ argTypes: {};
7
+ };
8
+ export default _default;
9
+ export declare const Normal: Meta<typeof Breadcrumbs>;
10
+ export declare const WithLogo: Meta<typeof Breadcrumbs>;
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.WithLogo = exports.Normal = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const Breadcrumbs_1 = require("./Breadcrumbs");
6
+ const BreadcrumbItem_1 = require("./BreadcrumbItem");
7
+ const Link_1 = require("../Link");
8
+ const excludeControls_1 = require("../../utils/excludeControls");
9
+ exports.default = {
10
+ title: "Components/Breadcrumbs",
11
+ component: Breadcrumbs_1.Breadcrumbs,
12
+ argTypes: (0, excludeControls_1.excludeControls)("className"),
13
+ };
14
+ exports.Normal = {
15
+ render: (args) => ((0, jsx_runtime_1.jsxs)(Breadcrumbs_1.Breadcrumbs, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(BreadcrumbItem_1.BreadcrumbItem, { children: (0, jsx_runtime_1.jsx)(Link_1.Link, Object.assign({ href: "/business-insurance" }, { children: "Business insurance" })) }, "business-insurance"), (0, jsx_runtime_1.jsx)(BreadcrumbItem_1.BreadcrumbItem, { children: (0, jsx_runtime_1.jsx)(Link_1.Link, Object.assign({ href: "/tradesmen" }, { children: "Tradesmen" })) }, "tradesmen"), (0, jsx_runtime_1.jsx)(BreadcrumbItem_1.BreadcrumbItem, { children: "Beauty salon insurance" }, "beauty-salon-insurance")] }))),
16
+ };
17
+ exports.WithLogo = {
18
+ render: (args) => ((0, jsx_runtime_1.jsxs)(Breadcrumbs_1.Breadcrumbs, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(BreadcrumbItem_1.BreadcrumbItem, { children: (0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 299.8 85", height: "32px" }, { children: (0, jsx_runtime_1.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"), (0, jsx_runtime_1.jsx)(BreadcrumbItem_1.BreadcrumbItem, { children: (0, jsx_runtime_1.jsx)(Link_1.Link, Object.assign({ href: "/business-insurance" }, { children: "Business insurance" })) }, "business-insurance"), (0, jsx_runtime_1.jsx)(BreadcrumbItem_1.BreadcrumbItem, { children: (0, jsx_runtime_1.jsx)(Link_1.Link, Object.assign({ href: "/tradesmen" }, { children: "Tradesmen" })) }, "tradesmen"), (0, jsx_runtime_1.jsx)(BreadcrumbItem_1.BreadcrumbItem, { children: (0, jsx_runtime_1.jsx)(Link_1.Link, Object.assign({ href: "/beauty" }, { children: "Beauty Salon" })) }, "beauty-salon-insurance")] }))),
19
+ };
20
+ //# 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,+CAA8D;AAC9D,qDAAkD;AAClD,kCAA+B;AAC/B,iEAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,yBAAW;IACtB,QAAQ,EAAE,IAAA,iCAAe,EAAC,WAAW,CAAC;CACvC,CAAC;AAEW,QAAA,MAAM,GAA6B;IAC9C,MAAM,EAAE,CAAC,IAAsB,EAAE,EAAE,CAAC,CAClC,wBAAC,yBAAW,oBAAK,IAAI,eACnB,uBAAC,+BAAc,cACb,uBAAC,WAAI,kBAAC,IAAI,EAAC,qBAAqB,wCAA0B,IADxC,oBAAoB,CAEvB,EACjB,uBAAC,+BAAc,cACb,uBAAC,WAAI,kBAAC,IAAI,EAAC,YAAY,+BAAiB,IADtB,WAAW,CAEd,EACjB,uBAAC,+BAAc,0CAAK,wBAAwB,CAE3B,KACL,CACf;CACF,CAAC;AAEW,QAAA,QAAQ,GAA6B;IAChD,MAAM,EAAE,CAAC,IAAsB,EAAE,EAAE,CAAC,CAClC,wBAAC,yBAAW,oBAAK,IAAI,eACnB,uBAAC,+BAAc,cACb,8CACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,cAAc,EACtB,MAAM,EAAC,MAAM,gBAEb,iCAAM,CAAC,EAAC,kwKAAkwK,GAAG,IACzwK,IAPY,MAAM,CAQT,EACjB,uBAAC,+BAAc,cACb,uBAAC,WAAI,kBAAC,IAAI,EAAC,qBAAqB,wCAA0B,IADxC,oBAAoB,CAEvB,EACjB,uBAAC,+BAAc,cACb,uBAAC,WAAI,kBAAC,IAAI,EAAC,YAAY,+BAAiB,IADtB,WAAW,CAEd,EACjB,uBAAC,+BAAc,cACb,uBAAC,WAAI,kBAAC,IAAI,EAAC,SAAS,kCAAoB,IADtB,wBAAwB,CAE3B,KACL,CACf;CACF,CAAC"}
@@ -0,0 +1,67 @@
1
+ import type { Meta } from "@storybook/react";
2
+ import { Button, ButtonProps } from "./Button";
3
+ declare const _default: {
4
+ title: string;
5
+ component: import("../..").ForwardedRefComponent<ButtonProps, HTMLButtonElement>;
6
+ argTypes: {
7
+ icon: {
8
+ options: string[];
9
+ control: {
10
+ type: string;
11
+ };
12
+ };
13
+ iconPosition: {
14
+ if: {
15
+ arg: string;
16
+ };
17
+ };
18
+ isLoading: {
19
+ if: {
20
+ arg: string;
21
+ truthy: boolean;
22
+ };
23
+ };
24
+ isSuccess: {
25
+ if: {
26
+ arg: string;
27
+ truthy: boolean;
28
+ };
29
+ };
30
+ href: {
31
+ if: {
32
+ arg: string;
33
+ eq: string;
34
+ };
35
+ };
36
+ rel: {
37
+ if: {
38
+ arg: string;
39
+ eq: string;
40
+ };
41
+ };
42
+ target: {
43
+ if: {
44
+ arg: string;
45
+ eq: string;
46
+ };
47
+ };
48
+ type: {
49
+ if: {
50
+ arg: string;
51
+ neq: string;
52
+ };
53
+ };
54
+ };
55
+ };
56
+ export default _default;
57
+ export declare const Normal: Meta<typeof Button>;
58
+ export declare const Secondary: Meta<typeof Button>;
59
+ export declare const Ghost: Meta<typeof Button>;
60
+ export declare const Basic: Meta<typeof Button>;
61
+ export declare const Large: Meta<typeof Button>;
62
+ export declare const Link: Meta<typeof Button>;
63
+ export declare const Loading: Meta<typeof Button>;
64
+ export declare const Success: Meta<typeof Button>;
65
+ export declare const Disabled: Meta<typeof Button>;
66
+ export declare const WithIcon: Meta<typeof Button>;
67
+ export declare const Themed: Meta<typeof Button>;
@@ -0,0 +1,201 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Themed = exports.WithIcon = exports.Disabled = exports.Success = exports.Loading = exports.Link = exports.Large = exports.Basic = exports.Ghost = exports.Secondary = exports.Normal = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const Button_1 = require("./Button");
6
+ const excludeControls_1 = require("../../utils/excludeControls");
7
+ exports.default = {
8
+ title: "Components/Button",
9
+ component: Button_1.Button,
10
+ argTypes: Object.assign({ icon: {
11
+ options: ["", "menu", "rightArrow", "leftArrow", "dropdown", "home"],
12
+ control: { type: "select" },
13
+ }, iconPosition: {
14
+ if: {
15
+ arg: "icon",
16
+ },
17
+ }, isLoading: {
18
+ if: {
19
+ arg: "isSuccess",
20
+ truthy: false,
21
+ },
22
+ }, isSuccess: {
23
+ if: {
24
+ arg: "isLoading",
25
+ truthy: false,
26
+ },
27
+ }, href: {
28
+ if: {
29
+ arg: "elementType",
30
+ eq: "a",
31
+ },
32
+ }, rel: {
33
+ if: {
34
+ arg: "elementType",
35
+ eq: "a",
36
+ },
37
+ }, target: {
38
+ if: {
39
+ arg: "elementType",
40
+ eq: "a",
41
+ },
42
+ }, type: {
43
+ if: {
44
+ arg: "elementType",
45
+ neq: "a",
46
+ },
47
+ } }, (0, excludeControls_1.excludeControls)("className", "onClick", "elementType", "onPress", "role")),
48
+ };
49
+ exports.Normal = {
50
+ render: (args) => (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, args)),
51
+ args: {
52
+ children: "Confirm",
53
+ variant: "primary",
54
+ size: "medium",
55
+ isDisabled: false,
56
+ isLoading: false,
57
+ isSuccess: false,
58
+ type: "button",
59
+ },
60
+ };
61
+ exports.Secondary = {
62
+ render: (args) => (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, args)),
63
+ args: {
64
+ variant: "secondary",
65
+ size: "medium",
66
+ children: "Secondary Button",
67
+ isDisabled: false,
68
+ isLoading: false,
69
+ isSuccess: false,
70
+ type: "button",
71
+ },
72
+ };
73
+ exports.Ghost = {
74
+ render: (args) => (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, args)),
75
+ args: {
76
+ variant: "ghost",
77
+ size: "medium",
78
+ children: "Ghost Button",
79
+ isDisabled: false,
80
+ isLoading: false,
81
+ isSuccess: false,
82
+ type: "button",
83
+ },
84
+ };
85
+ exports.Basic = {
86
+ render: (args) => (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, args)),
87
+ args: {
88
+ variant: "basic",
89
+ size: "medium",
90
+ children: "Basic Button",
91
+ isDisabled: false,
92
+ isLoading: false,
93
+ isSuccess: false,
94
+ type: "button",
95
+ },
96
+ };
97
+ exports.Large = {
98
+ render: (args) => (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, args)),
99
+ args: {
100
+ children: "Large Button",
101
+ variant: "primary",
102
+ size: "large",
103
+ isDisabled: false,
104
+ isLoading: false,
105
+ isSuccess: false,
106
+ type: "button",
107
+ },
108
+ };
109
+ exports.Link = {
110
+ render: (args) => (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, args)),
111
+ args: {
112
+ children: "Link Button",
113
+ elementType: "a",
114
+ variant: "primary",
115
+ size: "medium",
116
+ isDisabled: false,
117
+ isLoading: false,
118
+ isSuccess: false,
119
+ href: "",
120
+ rel: "",
121
+ target: "",
122
+ },
123
+ };
124
+ exports.Loading = {
125
+ render: (args) => (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, args)),
126
+ args: {
127
+ children: "Loading",
128
+ variant: "primary",
129
+ size: "medium",
130
+ isDisabled: false,
131
+ isLoading: true,
132
+ isSuccess: false,
133
+ type: "button",
134
+ },
135
+ parameters: {
136
+ controls: {
137
+ exclude: ["icon", "iconPosition"],
138
+ },
139
+ },
140
+ };
141
+ exports.Success = {
142
+ render: (args) => (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, args)),
143
+ args: {
144
+ children: "Success",
145
+ variant: "primary",
146
+ size: "medium",
147
+ isDisabled: false,
148
+ isLoading: false,
149
+ isSuccess: true,
150
+ type: "button",
151
+ },
152
+ parameters: {
153
+ controls: {
154
+ exclude: ["icon", "iconPosition"],
155
+ },
156
+ },
157
+ };
158
+ exports.Disabled = {
159
+ render: (args) => (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, args)),
160
+ args: {
161
+ children: "Disabled",
162
+ variant: "primary",
163
+ size: "medium",
164
+ isDisabled: true,
165
+ isLoading: false,
166
+ isSuccess: false,
167
+ type: "button",
168
+ },
169
+ };
170
+ exports.WithIcon = {
171
+ render: (args) => (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, args)),
172
+ args: {
173
+ children: "Menu",
174
+ variant: "primary",
175
+ size: "medium",
176
+ icon: "menu",
177
+ iconPosition: "right",
178
+ isDisabled: false,
179
+ isLoading: false,
180
+ isSuccess: false,
181
+ type: "button",
182
+ },
183
+ };
184
+ exports.Themed = {
185
+ render: (args) => {
186
+ // eslint-disable-next-line global-require
187
+ require("./Button.story.styles.css");
188
+ return (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, args));
189
+ },
190
+ args: {
191
+ children: "Confirm",
192
+ variant: "primary",
193
+ size: "medium",
194
+ isDisabled: false,
195
+ isLoading: false,
196
+ isSuccess: false,
197
+ className: "button-example-with-theme",
198
+ type: "button",
199
+ },
200
+ };
201
+ //# 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":"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"}
@@ -0,0 +1,32 @@
1
+ import type { Meta } from "@storybook/react";
2
+ import { Checkbox, CheckboxProps } from ".";
3
+ declare const _default: {
4
+ title: string;
5
+ component: import("../..").ForwardedRefComponent<CheckboxProps, HTMLInputElement>;
6
+ argTypes: {
7
+ validationState: {
8
+ options: string[];
9
+ control: {
10
+ type: string;
11
+ };
12
+ mapping: {
13
+ valid: string;
14
+ invalid: string;
15
+ neither: string;
16
+ };
17
+ };
18
+ label: {
19
+ control: {
20
+ type: string;
21
+ };
22
+ };
23
+ };
24
+ };
25
+ export default _default;
26
+ export declare const Normal: Meta<typeof Checkbox>;
27
+ export declare const ControlledValue: Meta<typeof Checkbox>;
28
+ export declare const Disabled: Meta<typeof Checkbox>;
29
+ export declare const Indeterminate: Meta<typeof Checkbox>;
30
+ export declare const Valid: Meta<typeof Checkbox>;
31
+ export declare const Invalid: Meta<typeof Checkbox>;
32
+ export declare const LongLabel: Meta<typeof Checkbox>;