@simplybusiness/mobius 3.8.0 → 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 (412) hide show
  1. package/CHANGELOG.md +14 -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
@@ -0,0 +1,75 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Segment } from "./Segment";
3
+ import { SegmentGroup } from "./SegmentGroup";
4
+ import { Text, Flex } from "..";
5
+ import { excludeControls } from "../../utils/excludeControls";
6
+ const sizeOptions = [
7
+ "",
8
+ "size-10",
9
+ "size-20",
10
+ "size-30",
11
+ "size-40",
12
+ "size-50",
13
+ "size-60",
14
+ "size-70",
15
+ "size-80",
16
+ ];
17
+ export default {
18
+ title: "Layout/Segment",
19
+ component: Segment,
20
+ argTypes: Object.assign({ colour: {
21
+ control: { type: "select" },
22
+ options: ["", "primary", "secondary", "grey", "subtle"],
23
+ }, inverted: {
24
+ control: { type: "boolean" },
25
+ if: {
26
+ arg: "colour",
27
+ },
28
+ } }, excludeControls("className")),
29
+ };
30
+ export const Single = {
31
+ render: (args) => (_jsxs(Segment, Object.assign({}, args, { children: [_jsxs(Flex, Object.assign({ style: {
32
+ width: "100%",
33
+ }, justifyContent: "space-between" }, { children: [_jsx(Text, { children: "General liability*" }), _jsx(Text, { children: "$300.00" })] })), _jsxs(Flex, Object.assign({ style: {
34
+ width: "100%",
35
+ }, justifyContent: "space-between" }, { children: [_jsx(Text, { children: "Contractor\u2018s equipment and small tools" }), _jsx(Text, { children: "$80.00" })] })), _jsxs(Flex, Object.assign({ style: {
36
+ width: "100%",
37
+ }, justifyContent: "space-between" }, { children: [_jsx(Text, { children: "Cyber insurance" }), _jsx(Text, { children: "$250.00" })] }))] }))),
38
+ args: {
39
+ heading: "Today's Payment",
40
+ inverted: false,
41
+ },
42
+ };
43
+ export const VerticalStack = {
44
+ render: (args) => (_jsxs(SegmentGroup, { children: [_jsx(Segment, Object.assign({}, args, { children: "Item" })), _jsx(Segment, { children: "Item" }), _jsx(Segment, { children: "Item" })] })),
45
+ args: {
46
+ heading: "",
47
+ inverted: true,
48
+ },
49
+ };
50
+ export const HorizontalStack = {
51
+ render: (args) => (_jsxs(SegmentGroup, Object.assign({}, args, { children: [_jsx(Segment, { children: "Item" }), _jsx(Segment, { children: "Item" }), _jsx(Segment, { children: "Item" })] }))),
52
+ args: {
53
+ horizontal: true,
54
+ margin: "size-20",
55
+ },
56
+ argTypes: {
57
+ margin: {
58
+ control: { type: "select" },
59
+ options: [...sizeOptions],
60
+ },
61
+ },
62
+ parameters: {
63
+ controls: {
64
+ exclude: ["heading", "colour"],
65
+ },
66
+ },
67
+ };
68
+ export const Nested = {
69
+ render: (args) => (_jsx(Segment, Object.assign({}, args, { children: _jsxs(SegmentGroup, { children: [_jsx(Segment, { children: "Item" }), _jsx(Segment, { children: "Item" }), _jsx(Segment, { children: "Item" })] }) }))),
70
+ args: {
71
+ heading: "Today's Payment",
72
+ inverted: false,
73
+ },
74
+ };
75
+ //# sourceMappingURL=Segment.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Segment.stories.js","sourceRoot":"","sources":["../../../../src/components/Segment/Segment.stories.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,79 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Select } from "./Select";
3
+ import { Option } from "../Option";
4
+ import { excludeControls } from "../../utils/excludeControls";
5
+ export default {
6
+ title: "Forms/Select",
7
+ component: Select,
8
+ argTypes: Object.assign({ validationState: {
9
+ options: ["valid", "invalid", "neither"],
10
+ control: { type: "radio" },
11
+ mapping: {
12
+ valid: "valid",
13
+ invalid: "invalid",
14
+ neither: "",
15
+ },
16
+ }, value: {
17
+ control: { type: "select" },
18
+ options: ["", "red", "blue", "green"],
19
+ } }, excludeControls("className", "onChange", "aria-describedby")),
20
+ };
21
+ export const Normal = {
22
+ render: (args) => (_jsxs(Select, Object.assign({}, args, { children: [_jsx(Option, Object.assign({ value: "", isDisabled: true }, { children: "Please select a color" }), "none"), _jsx(Option, Object.assign({ value: "red" }, { children: "Red" }), "red"), _jsx(Option, Object.assign({ value: "blue" }, { children: "Blue" }), "blue"), _jsx(Option, Object.assign({ value: "green" }, { children: "Green" }), "green")] }))),
23
+ args: {
24
+ name: "color",
25
+ label: "Colors",
26
+ defaultValue: "",
27
+ errorMessage: "",
28
+ isDisabled: false,
29
+ isRequired: false,
30
+ },
31
+ };
32
+ export const ControlledValue = {
33
+ render: (args) => (_jsxs(Select, Object.assign({}, args, { children: [_jsx(Option, Object.assign({ value: "", isDisabled: true }, { children: "Please select a color" }), "none"), _jsx(Option, Object.assign({ value: "red" }, { children: "Red" }), "red"), _jsx(Option, Object.assign({ value: "blue" }, { children: "Blue" }), "blue"), _jsx(Option, Object.assign({ value: "green" }, { children: "Green" }), "green")] }))),
34
+ args: {
35
+ name: "color",
36
+ label: "Colors",
37
+ value: "green",
38
+ errorMessage: "",
39
+ defaultValue: "",
40
+ isDisabled: false,
41
+ isRequired: false,
42
+ },
43
+ };
44
+ export const Disabled = {
45
+ render: (args) => (_jsxs(Select, Object.assign({}, args, { children: [_jsx(Option, Object.assign({ value: "", isDisabled: true }, { children: "Please select a color" }), "none"), _jsx(Option, Object.assign({ value: "red" }, { children: "Red" }), "red"), _jsx(Option, Object.assign({ value: "blue" }, { children: "Blue" }), "blue"), _jsx(Option, Object.assign({ value: "green" }, { children: "Green" }), "green")] }))),
46
+ args: {
47
+ name: "color",
48
+ label: "Colors",
49
+ defaultValue: "green",
50
+ errorMessage: "",
51
+ isDisabled: true,
52
+ isRequired: false,
53
+ },
54
+ };
55
+ export const Valid = {
56
+ render: (args) => (_jsxs(Select, Object.assign({}, args, { children: [_jsx(Option, Object.assign({ value: "", isDisabled: true }, { children: "Please select a color" }), "none"), _jsx(Option, Object.assign({ value: "red" }, { children: "Red" }), "red"), _jsx(Option, Object.assign({ value: "blue" }, { children: "Blue" }), "blue"), _jsx(Option, Object.assign({ value: "green" }, { children: "Green" }), "green")] }))),
57
+ args: {
58
+ name: "color",
59
+ label: "Colors",
60
+ defaultValue: "green",
61
+ validationState: "valid",
62
+ errorMessage: "",
63
+ isDisabled: false,
64
+ isRequired: false,
65
+ },
66
+ };
67
+ export const Invalid = {
68
+ render: (args) => (_jsxs(Select, Object.assign({}, args, { children: [_jsx(Option, Object.assign({ value: "", isDisabled: true }, { children: "Please select a color" }), "none"), _jsx(Option, Object.assign({ value: "red" }, { children: "Red" }), "red"), _jsx(Option, Object.assign({ value: "blue" }, { children: "Blue" }), "blue"), _jsx(Option, Object.assign({ value: "green" }, { children: "Green" }), "green")] }))),
69
+ args: {
70
+ name: "color",
71
+ label: "Colors",
72
+ defaultValue: "green",
73
+ validationState: "invalid",
74
+ errorMessage: "Unacceptable color",
75
+ isDisabled: false,
76
+ isRequired: false,
77
+ },
78
+ };
79
+ //# sourceMappingURL=Select.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Select.stories.js","sourceRoot":"","sources":["../../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAYjE,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,MAAM,EACJ,SAAS,EACT,KAAK,EACL,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,WAAW,EACX,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,UAAU,GAAG,KAAK,GACnB,GAAG,KAAK,CAAC;IACV,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC9B,MAAM,eAAe,GAAG,kBAAkB,CAAC,aAAa,CAAC,CAAC;IAE1D,MAAM,YAAY,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,mBAAmB,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;IAE1D,MAAM,iBAAiB,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IACxD,MAAM,oBAAoB,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC;IAE9D,MAAM,KAAK,GAAG,cAAc,iCACvB,KAAK,KACR,KAAK,EAAE,YAAY,EACnB,YAAY,EAAE,mBAAmB,EACjC,QAAQ,EAAE,iBAAiB,EAC3B,WAAW,EAAE,oBAAoB,EACjC,eAAe;QACf,UAAU,IACV,CAAC;IAEH,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,SAAS,iCAE9D,KAAK,KACR,KAAK,EAAE,YAAY,EACnB,YAAY,EAAE,mBAAmB,EACjC,QAAQ,EAAE,iBAAiB,EAC3B,WAAW,EAAE,oBAAoB,KAEnC,KAAK,EACL,QAAQ,CACT,CAAC;IACF,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,eAAe,EAAE,SAAS,EAAE;QACzD,eAAe,EAAE,UAAU;QAC3B,cAAc,EAAE,OAAO,KAAK,SAAS;QACrC,gBAAgB,EAAE,OAAO,KAAK,WAAW;KAC1C,CAAC,CAAC;IAEH,OAAO,CACL,+BAAS,UAAU,IAAE,SAAS,EAAE,OAAO,iBAErC,6BAAK,SAAS,EAAC,2BAA2B,iBACvC,KAAK,IAAI,KAAC,KAAK,oBAAK,UAAU,cAAG,KAAK,IAAS,EAC/C,KAAK,IAAI,CACR,iCACM,WAAW,IACf,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,gBAE5C,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,IACrB,CACV,KACG,EAEN,+BACM,UAAU,IACd,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,kCAAkC,iBAE5C,cAAK,SAAS,EAAC,oBAAoB,GAAG,EACtC,KAAC,WAAW,IAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,KACvD,EACN,6BAAK,SAAS,EAAC,qBAAqB,iBAClC,4BAAK,SAAS,EAAC,uBAAuB,iBAAa,WAAW,gBAC3D,QAAQ,IACL,EACN,4BAAK,SAAS,EAAC,uBAAuB,iBAAa,WAAW,gBAC3D,QAAQ,IACL,KACF,KACF,CACP,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAejE,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,MAAM,EACJ,SAAS,EACT,KAAK,EACL,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,WAAW,EACX,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,UAAU,GAAG,KAAK,GACnB,GAAG,KAAK,CAAC;IACV,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC9B,MAAM,eAAe,GAAG,kBAAkB,CAAC,aAAa,CAAC,CAAC;IAE1D,MAAM,YAAY,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,mBAAmB,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;IAE1D,MAAM,iBAAiB,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IACxD,MAAM,oBAAoB,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC;IAE9D,MAAM,KAAK,GAAG,cAAc,iCACvB,KAAK,KACR,KAAK,EAAE,YAAY,EACnB,YAAY,EAAE,mBAAmB,EACjC,QAAQ,EAAE,iBAAiB,EAC3B,WAAW,EAAE,oBAAoB,EACjC,eAAe;QACf,UAAU,IACV,CAAC;IAEH,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,SAAS,iCAE9D,KAAK,KACR,KAAK,EAAE,YAAY,EACnB,YAAY,EAAE,mBAAmB,EACjC,QAAQ,EAAE,iBAAiB,EAC3B,WAAW,EAAE,oBAAoB,KAEnC,KAAK,EACL,QAAQ,CACT,CAAC;IACF,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,eAAe,EAAE,SAAS,EAAE;QACzD,eAAe,EAAE,UAAU;QAC3B,cAAc,EAAE,OAAO,KAAK,SAAS;QACrC,gBAAgB,EAAE,OAAO,KAAK,WAAW;KAC1C,CAAC,CAAC;IAEH,OAAO,CACL,+BAAS,UAAU,IAAE,SAAS,EAAE,OAAO,iBAErC,6BAAK,SAAS,EAAC,2BAA2B,iBACvC,KAAK,IAAI,KAAC,KAAK,oBAAK,UAAU,cAAG,KAAK,IAAS,EAC/C,KAAK,IAAI,CACR,iCACM,WAAW,IACf,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,gBAE5C,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,IACrB,CACV,KACG,EAEN,+BACM,UAAU,IACd,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,kCAAkC,iBAE5C,cAAK,SAAS,EAAC,oBAAoB,GAAG,EACtC,KAAC,WAAW,IAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,KACvD,EACN,6BAAK,SAAS,EAAC,qBAAqB,iBAClC,4BAAK,SAAS,EAAC,uBAAuB,iBAAa,WAAW,gBAC3D,QAAQ,IACL,EACN,4BAAK,SAAS,EAAC,uBAAuB,iBAAa,WAAW,gBAC3D,QAAQ,IACL,KACF,KACF,CACP,CAAC;AACJ,CAAC"}
@@ -0,0 +1,63 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { Slider } from "./Slider";
3
+ import { excludeControls } from "../../utils/excludeControls";
4
+ export default {
5
+ title: "Components/Slider",
6
+ component: Slider,
7
+ // Note: minValue, maxValue, defaultValue only work with certain settings.
8
+ argTypes: Object.assign({}, excludeControls("className", "onChange", "onChangeEnd", "formatOptions", "minValue", "maxValue", "defaultValue")),
9
+ };
10
+ export const Primary = {
11
+ render: (args) => _jsx(Slider, Object.assign({}, args)),
12
+ args: {
13
+ label: "Tools value",
14
+ minValue: 20,
15
+ maxValue: 500,
16
+ defaultValue: 100,
17
+ variant: "primary",
18
+ minLabel: "",
19
+ maxLabel: "",
20
+ isDisabled: false,
21
+ },
22
+ };
23
+ export const Secondary = {
24
+ render: (args) => _jsx(Slider, Object.assign({}, args)),
25
+ args: {
26
+ label: "Tools value",
27
+ minValue: 20,
28
+ maxValue: 500,
29
+ defaultValue: 100,
30
+ variant: "secondary",
31
+ minLabel: "",
32
+ maxLabel: "",
33
+ isDisabled: false,
34
+ },
35
+ };
36
+ export const NoLabel = {
37
+ render: (args) => _jsx(Slider, Object.assign({}, args)),
38
+ args: {
39
+ label: "",
40
+ "aria-label": "Tools value",
41
+ minValue: 20,
42
+ maxValue: 500,
43
+ variant: "primary",
44
+ defaultValue: 100,
45
+ minLabel: "",
46
+ maxLabel: "",
47
+ isDisabled: false,
48
+ },
49
+ };
50
+ export const Disabled = {
51
+ render: (args) => _jsx(Slider, Object.assign({}, args)),
52
+ args: {
53
+ label: "Tools value",
54
+ minValue: 20,
55
+ maxValue: 500,
56
+ variant: "primary",
57
+ defaultValue: 100,
58
+ minLabel: "",
59
+ maxLabel: "",
60
+ isDisabled: true,
61
+ },
62
+ };
63
+ //# sourceMappingURL=Slider.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Slider.stories.js","sourceRoot":"","sources":["../../../../src/components/Slider/Slider.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,0EAA0E;IAC1E,QAAQ,oBAMD,eAAe,CAChB,WAAW,EACX,UAAU,EACV,aAAa,EACb,eAAe,EACf,UAAU,EACV,UAAU,EACV,cAAc,CACf,CACF;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAwB;IAC1C,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,GAAG;QACb,YAAY,EAAE,GAAG;QACjB,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;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,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,GAAG;QACb,YAAY,EAAE,GAAG;QACjB,OAAO,EAAE,WAAW;QACpB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;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,KAAK,EAAE,EAAE;QACT,YAAY,EAAE,aAAa;QAC3B,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,GAAG;QACb,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,GAAG;QACjB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;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,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,GAAG;QACb,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,GAAG;QACjB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,IAAI;KACjB;CACF,CAAC"}
@@ -0,0 +1,15 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Table } from ".";
3
+ import { excludeControls } from "../../utils/excludeControls";
4
+ export default {
5
+ title: "Components/Table",
6
+ component: Table,
7
+ argTypes: excludeControls("className"),
8
+ };
9
+ export const Normal = {
10
+ render: (args) => (_jsxs(Table, Object.assign({}, args, { children: [_jsx(Table.Head, { children: _jsxs(Table.Row, { children: [_jsx(Table.HeaderCell, { children: "Insurance cover" }), _jsx(Table.HeaderCell, { children: "Lowest excess" }), _jsx(Table.HeaderCell, { children: "Highest excess" })] }) }), _jsxs(Table.Body, { children: [_jsxs(Table.Row, { children: [_jsx(Table.Cell, { children: "Public liability" }), _jsx(Table.Cell, { children: "\u00A3250" }), _jsx(Table.Cell, { children: "\u00A32,500" })] }), _jsxs(Table.Row, { children: [_jsx(Table.Cell, { children: "Employers\u2018 liability" }), _jsx(Table.Cell, { children: "\u00A3250" }), _jsx(Table.Cell, { children: "\u00A3500" })] }), _jsxs(Table.Row, { children: [_jsx(Table.Cell, { children: "Tools" }), _jsx(Table.Cell, { children: "\u00A3100" }), _jsx(Table.Cell, { children: "\u00A3500" })] }), _jsxs(Table.Row, { children: [_jsx(Table.Cell, { children: "Stock" }), _jsx(Table.Cell, { children: "\u00A3250" }), _jsx(Table.Cell, { children: "\u00A3500" })] }), _jsxs(Table.Row, { children: [_jsx(Table.Cell, { children: "Business and office equipment" }), _jsx(Table.Cell, { children: "\u00A350" }), _jsx(Table.Cell, { children: "\u00A3500" })] })] })] }))),
11
+ };
12
+ export const Extended = {
13
+ render: (args) => (_jsxs(Table, Object.assign({}, args, { children: [_jsx(Table.Head, { children: _jsxs(Table.Row, { children: [_jsx(Table.HeaderCell, { children: "Column one" }), _jsx(Table.HeaderCell, { children: "Column two" }), _jsx(Table.HeaderCell, { children: "Column three" }), _jsx(Table.HeaderCell, { children: "Column four" }), _jsx(Table.HeaderCell, { children: "Column five" }), _jsx(Table.HeaderCell, { children: "Column six" }), _jsx(Table.HeaderCell, { children: "Column seven" })] }) }), _jsxs(Table.Body, { children: [_jsxs(Table.Row, { children: [_jsx(Table.Cell, { children: "Lorem" }), _jsx(Table.Cell, { children: "Ipsum" }), _jsx(Table.Cell, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar tincidunt lorem vel vulputate. Quisque vulputate sed tortor a aliquet. Curabitur egestas sodales nunc, bibendum cursus mi ultrices vitae." }), _jsx(Table.Cell, { children: "Vestibulum nec dolor urna. In ullamcorper auctor dignissim. Quisque faucibus, nisi in faucibus cursus, turpis mi ullamcorper arcu, id tempor enim ipsum eu elit. Mauris gravida libero nisl, in consequat justo accumsan quis. Phasellus finibus ultrices blandit. Donec vehicula leo odio, in dapibus massa scelerisque ac. Aliquam nec dui erat. Duis auctor mauris in dolor accumsan elementum. Donec vehicula commodo urna quis pretium. Nullam a dui sit amet nisi porta sollicitudin." }), _jsx(Table.Cell, { children: "Vestibulum nec dolor urna. In ullamcorper auctor dignissim. Quisque faucibus, nisi in faucibus cursus, turpis mi ullamcorper arcu, id tempor enim ipsum eu elit. Mauris gravida libero nisl, in consequat justo accumsan quis." }), _jsx(Table.Cell, { children: "Phasellus finibus ultrices blandit. Donec vehicula leo odio, in dapibus massa scelerisque ac. Aliquam nec dui erat. Duis auctor mauris in dolor accumsan elementum. Donec vehicula commodo urna quis pretium. Nullam a dui sit amet nisi porta sollicitudin." }), _jsx(Table.Cell, { children: "Nullam a dui sit amet nisi porta sollicitudin." })] }), _jsxs(Table.Row, { children: [_jsx(Table.Cell, { children: "Lorem" }), _jsx(Table.Cell, { children: "Ipsum" }), _jsx(Table.Cell, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar tincidunt lorem vel vulputate. Quisque vulputate sed tortor a aliquet. Curabitur egestas sodales nunc, bibendum cursus mi ultrices vitae." }), _jsx(Table.Cell, { children: "Vestibulum nec dolor urna. In ullamcorper auctor dignissim. Quisque faucibus, nisi in faucibus cursus, turpis mi ullamcorper arcu, id tempor enim ipsum eu elit. Mauris gravida libero nisl, in consequat justo accumsan quis. Phasellus finibus ultrices blandit. Donec vehicula leo odio, in dapibus massa scelerisque ac. Aliquam nec dui erat. Duis auctor mauris in dolor accumsan elementum. Donec vehicula commodo urna quis pretium. Nullam a dui sit amet nisi porta sollicitudin." }), _jsx(Table.Cell, { children: "Vestibulum nec dolor urna. In ullamcorper auctor dignissim. Quisque faucibus, nisi in faucibus cursus, turpis mi ullamcorper arcu, id tempor enim ipsum eu elit. Mauris gravida libero nisl, in consequat justo accumsan quis." }), _jsx(Table.Cell, { children: "Phasellus finibus ultrices blandit. Donec vehicula leo odio, in dapibus massa scelerisque ac. Aliquam nec dui erat. Duis auctor mauris in dolor accumsan elementum. Donec vehicula commodo urna quis pretium. Nullam a dui sit amet nisi porta sollicitudin." }), _jsx(Table.Cell, { children: "Nullam a dui sit amet nisi porta sollicitudin." })] }), _jsxs(Table.Row, { children: [_jsx(Table.Cell, { children: "Public liability" }), _jsx(Table.Cell, { children: "\u00A3250" }), _jsx(Table.Cell, { children: "\u00A32,500" }), _jsx(Table.Cell, { children: "\u00A32,500" }), _jsx(Table.Cell, { children: "\u00A32,500" }), _jsx(Table.Cell, { children: "\u00A32,500" }), _jsx(Table.Cell, { children: "\u00A32,500" })] })] })] }))),
14
+ };
15
+ //# sourceMappingURL=Table.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Table.stories.js","sourceRoot":"","sources":["../../../../src/components/Table/Table.stories.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,26 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { Text } from "./Text";
3
+ import { excludeControls } from "../../utils/excludeControls";
4
+ export default {
5
+ title: "Components/Text",
6
+ component: Text,
7
+ argTypes: excludeControls("className", "style"),
8
+ };
9
+ export const Normal = {
10
+ render: (args) => _jsx(Text, Object.assign({}, args, { children: "Sample Text" })),
11
+ args: {
12
+ elementType: "h4",
13
+ variant: "h4",
14
+ },
15
+ };
16
+ export const Themed = {
17
+ render: (args) => _jsx(Text, Object.assign({}, args, { children: "Sample Text" })),
18
+ args: {
19
+ elementType: "h4",
20
+ variant: "h4",
21
+ style: {
22
+ color: "green",
23
+ },
24
+ },
25
+ };
26
+ //# sourceMappingURL=Text.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Text.stories.js","sourceRoot":"","sources":["../../../../src/components/Text/Text.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,eAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE,eAAe,CAAC,WAAW,EAAE,OAAO,CAAC;CAChD,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAsB;IACvC,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,KAAC,IAAI,oBAAK,IAAI,+BAAoB;IAC/D,IAAI,EAAE;QACJ,WAAW,EAAE,IAAI;QACjB,OAAO,EAAE,IAAI;KACd;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAsB;IACvC,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,KAAC,IAAI,oBAAK,IAAI,+BAAoB;IAC/D,IAAI,EAAE;QACJ,WAAW,EAAE,IAAI;QACjB,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,KAAK,EAAE,OAAO;SACf;KACF;CACF,CAAC"}
@@ -0,0 +1,80 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { TextArea } from "./TextArea";
3
+ import { excludeControls } from "../../utils/excludeControls";
4
+ export default {
5
+ title: "Forms/TextArea",
6
+ component: TextArea,
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) => _jsx(TextArea, Object.assign({}, args)),
19
+ args: {
20
+ label: "first name",
21
+ placeholder: "Placeholder",
22
+ defaultValue: "",
23
+ isDisabled: false,
24
+ errorMessage: "",
25
+ },
26
+ };
27
+ export const ControlledValue = {
28
+ render: (args) => _jsx(TextArea, Object.assign({}, args)),
29
+ args: {
30
+ label: "first name",
31
+ placeholder: "Placeholder",
32
+ defaultValue: "John Doe",
33
+ isDisabled: false,
34
+ errorMessage: "",
35
+ },
36
+ };
37
+ export const Disabled = {
38
+ render: (args) => _jsx(TextArea, Object.assign({}, args)),
39
+ args: {
40
+ label: "first name",
41
+ placeholder: "Placeholder",
42
+ defaultValue: "John Doe",
43
+ isDisabled: true,
44
+ errorMessage: "",
45
+ },
46
+ };
47
+ export const WithError = {
48
+ render: (args) => _jsx(TextArea, Object.assign({}, args)),
49
+ args: {
50
+ label: "first name",
51
+ placeholder: "Placeholder",
52
+ defaultValue: "John Doe",
53
+ isDisabled: false,
54
+ errorMessage: "This is an error message",
55
+ validationState: "invalid",
56
+ },
57
+ };
58
+ export const Valid = {
59
+ render: (args) => _jsx(TextArea, Object.assign({}, args)),
60
+ args: {
61
+ label: "first name",
62
+ placeholder: "Placeholder",
63
+ defaultValue: "John Doe",
64
+ isDisabled: false,
65
+ errorMessage: "",
66
+ validationState: "valid",
67
+ },
68
+ };
69
+ export const Invalid = {
70
+ render: (args) => _jsx(TextArea, Object.assign({}, args)),
71
+ args: {
72
+ label: "first name",
73
+ placeholder: "Placeholder",
74
+ defaultValue: "John Doe",
75
+ isDisabled: false,
76
+ errorMessage: "",
77
+ validationState: "invalid",
78
+ },
79
+ };
80
+ //# sourceMappingURL=TextArea.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextArea.stories.js","sourceRoot":"","sources":["../../../../src/components/TextArea/TextArea.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,eAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,QAAQ;IACnB,QAAQ,kBACN,eAAe,EAAE;YACf,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC;YACxC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE;gBACP,KAAK,EAAE,OAAO;gBACd,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,EAAE;aACZ;SACF,IACE,eAAe,CAAC,WAAW,CAAC,CAChC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAA0B;IAC3C,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,KAAC,QAAQ,oBAAK,IAAI,EAAI;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,aAAa;QAC1B,YAAY,EAAE,EAAE;QAChB,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,EAAE;KACjB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAA0B;IACpD,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,KAAC,QAAQ,oBAAK,IAAI,EAAI;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,aAAa;QAC1B,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,EAAE;KACjB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAA0B;IAC7C,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,KAAC,QAAQ,oBAAK,IAAI,EAAI;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,aAAa;QAC1B,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,IAAI;QAChB,YAAY,EAAE,EAAE;KACjB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAA0B;IAC9C,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,KAAC,QAAQ,oBAAK,IAAI,EAAI;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,aAAa;QAC1B,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,0BAA0B;QACxC,eAAe,EAAE,SAAS;KAC3B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAA0B;IAC1C,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,KAAC,QAAQ,oBAAK,IAAI,EAAI;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,aAAa;QAC1B,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,OAAO;KACzB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAA0B;IAC5C,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,KAAC,QAAQ,oBAAK,IAAI,EAAI;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,aAAa;QAC1B,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,SAAS;KAC3B;CACF,CAAC"}
@@ -0,0 +1,100 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { TextField } from "./TextField";
3
+ import { excludeControls } from "../../utils/excludeControls";
4
+ export default {
5
+ title: "Forms/TextField",
6
+ component: TextField,
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
+ }, type: {
16
+ options: ["text", "password", "email", "tel", "url", "hidden"],
17
+ control: { type: "radio" },
18
+ } }, excludeControls("className")),
19
+ args: {
20
+ isRequired: false,
21
+ },
22
+ };
23
+ export const Normal = {
24
+ render: (args) => _jsx(TextField, Object.assign({}, args)),
25
+ args: {
26
+ label: "First name",
27
+ placeholder: "",
28
+ type: "text",
29
+ isDisabled: false,
30
+ errorMessage: "",
31
+ },
32
+ };
33
+ export const Placeholder = {
34
+ render: (args) => _jsx(TextField, Object.assign({}, args)),
35
+ args: {
36
+ label: "Email",
37
+ placeholder: "email@example.com",
38
+ type: "text",
39
+ isDisabled: false,
40
+ errorMessage: "",
41
+ },
42
+ };
43
+ export const ControlledValue = {
44
+ render: (args) => _jsx(TextField, Object.assign({}, args)),
45
+ args: {
46
+ label: "First name",
47
+ placeholder: "",
48
+ defaultValue: "john.doe@email.com",
49
+ type: "text",
50
+ isDisabled: false,
51
+ errorMessage: "",
52
+ },
53
+ };
54
+ export const Disabled = {
55
+ render: (args) => _jsx(TextField, Object.assign({}, args)),
56
+ args: {
57
+ label: "First name",
58
+ placeholder: "",
59
+ defaultValue: "john.doe@email.com",
60
+ type: "text",
61
+ isDisabled: true,
62
+ errorMessage: "",
63
+ },
64
+ };
65
+ export const Valid = {
66
+ render: (args) => _jsx(TextField, Object.assign({}, args)),
67
+ args: {
68
+ label: "First name",
69
+ placeholder: "",
70
+ defaultValue: "john.doe@email.com",
71
+ type: "text",
72
+ isDisabled: false,
73
+ validationState: "valid",
74
+ errorMessage: "",
75
+ },
76
+ };
77
+ export const Hidden = {
78
+ render: (args) => _jsx(TextField, Object.assign({}, args)),
79
+ args: {
80
+ label: "Secret",
81
+ placeholder: "",
82
+ defaultValue: "",
83
+ type: "hidden",
84
+ isDisabled: false,
85
+ errorMessage: "",
86
+ },
87
+ };
88
+ export const Invalid = {
89
+ render: (args) => _jsx(TextField, Object.assign({}, args)),
90
+ args: {
91
+ label: "First name",
92
+ placeholder: "",
93
+ defaultValue: "john.doe@email.com",
94
+ type: "text",
95
+ isDisabled: false,
96
+ validationState: "invalid",
97
+ errorMessage: "This is an error message",
98
+ },
99
+ };
100
+ //# sourceMappingURL=TextField.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextField.stories.js","sourceRoot":"","sources":["../../../../src/components/TextField/TextField.stories.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,16 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { Title } from "./Title";
3
+ import { excludeControls } from "../../utils/excludeControls";
4
+ export default {
5
+ title: "Components/Title",
6
+ component: Title,
7
+ argTypes: excludeControls("className", "elementType"),
8
+ };
9
+ export const Normal = {
10
+ render: (args) => _jsx(Title, Object.assign({}, args)),
11
+ args: {
12
+ title: "General Liability",
13
+ description: "Business Co.",
14
+ },
15
+ };
16
+ //# sourceMappingURL=Title.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Title.stories.js","sourceRoot":"","sources":["../../../../src/components/Title/Title.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,EAAE,eAAe,CAAC,WAAW,EAAE,aAAa,CAAC;CACtD,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAuB;IACxC,MAAM,EAAE,CAAC,IAAgB,EAAE,EAAE,CAAC,KAAC,KAAK,oBAAK,IAAI,EAAI;IACjD,IAAI,EAAE;QACJ,KAAK,EAAE,mBAAmB;QAC1B,WAAW,EAAE,cAAc;KAC5B;CACF,CAAC"}
@@ -0,0 +1,12 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { VisuallyHidden } from ".";
3
+ import { excludeControls } from "../../utils/excludeControls";
4
+ export default {
5
+ title: "Components/VisuallyHidden",
6
+ component: VisuallyHidden,
7
+ argTypes: excludeControls("className", "elementType"),
8
+ };
9
+ export const Normal = {
10
+ render: (args) => (_jsx(VisuallyHidden, Object.assign({}, args, { children: "This will only be visible to screen readers." }))),
11
+ };
12
+ //# sourceMappingURL=VisuallyHidden.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"VisuallyHidden.stories.js","sourceRoot":"","sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAuB,MAAM,GAAG,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,eAAe;IACb,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,cAAc;IACzB,QAAQ,EAAE,eAAe,CAAC,WAAW,EAAE,aAAa,CAAC;CACtD,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAgC;IACjD,MAAM,EAAE,CAAC,IAAyB,EAAE,EAAE,CAAC,CACrC,KAAC,cAAc,oBAAK,IAAI,gEAEP,CAClB;CACF,CAAC"}
@@ -0,0 +1,40 @@
1
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
+ import { useBreakpoint } from "./useBreakpoint";
3
+ import { ThemeContext } from "../../contexts";
4
+ const breakpoints = [
5
+ { size: "xs", value: 320 },
6
+ { size: "sm", value: 480 },
7
+ { size: "md", value: 670 },
8
+ { size: "lg", value: 960 },
9
+ { size: "xl", value: 1200 },
10
+ { size: "xxl", value: 1320 },
11
+ ];
12
+ const setBreakpoints = () => { };
13
+ export default {
14
+ title: "Theming/useBreakpoint",
15
+ component: useBreakpoint,
16
+ decorators: [
17
+ // FIXME: not sure how to define this one
18
+ (Story) => (_jsx(ThemeContext.Provider, Object.assign({ value: {
19
+ breakpoints,
20
+ setBreakpoints,
21
+ } }, { children: _jsx(Story, {}) }))),
22
+ ],
23
+ };
24
+ export const Normal = {
25
+ render: () => {
26
+ // eslint-disable-next-line react-hooks/rules-of-hooks
27
+ const { breakpoint } = useBreakpoint();
28
+ return (_jsxs("div", { children: ["The current breakpoint: ", breakpoint.size, ", ", breakpoint.value] }));
29
+ },
30
+ };
31
+ export const UpAndDown = {
32
+ render: () => {
33
+ // eslint-disable-next-line react-hooks/rules-of-hooks
34
+ const { down, up } = useBreakpoint();
35
+ const isMobile = down("sm");
36
+ const isDesktop = up("md");
37
+ return (_jsxs(_Fragment, { children: [_jsxs("div", { children: ["isMobile is:", isMobile ? "true" : "false"] }), _jsxs("div", { children: ["isDesktop is:", isDesktop ? "true" : "false"] })] }));
38
+ },
39
+ };
40
+ //# sourceMappingURL=useBreakpoint.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useBreakpoint.stories.js","sourceRoot":"","sources":["../../../../src/hooks/useBreakpoint/useBreakpoint.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAmB,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE/D,MAAM,WAAW,GAAG;IAClB,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE;IAC1B,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE;IAC1B,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE;IAC1B,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE;IAC1B,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE;IAC3B,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE;CACV,CAAC;AAErB,MAAM,cAAc,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;AAEhC,eAAe;IACb,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,aAAa;IACxB,UAAU,EAAE;QACV,yCAAyC;QACzC,CAAC,KAAU,EAAE,EAAE,CAAC,CACd,KAAC,YAAY,CAAC,QAAQ,kBACpB,KAAK,EAAE;gBACL,WAAW;gBACX,cAAc;aACf,gBAED,KAAC,KAAK,KAAG,IACa,CACzB;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAA+B;IAChD,MAAM,EAAE,GAAG,EAAE;QACX,sDAAsD;QACtD,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,EAAE,CAAC;QAEvC,OAAO,CACL,sDAC2B,UAAU,CAAC,IAAI,QAAI,UAAU,CAAC,KAAK,IACxD,CACP,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAA+B;IACnD,MAAM,EAAE,GAAG,EAAE;QACX,sDAAsD;QACtD,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,aAAa,EAAE,CAAC;QACrC,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;QAC5B,MAAM,SAAS,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC;QAE3B,OAAO,CACL,8BACE,0CAAkB,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,IAAO,EACpD,2CAAmB,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,IAAO,IACrD,CACJ,CAAC;IACJ,CAAC;CACF,CAAC"}