@simplybusiness/mobius 3.7.1 → 3.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (441) hide show
  1. package/CHANGELOG.md +21 -1
  2. package/dist/cjs/components/Accordion/Accordion.stories.d.ts +12 -0
  3. package/dist/cjs/components/Accordion/Accordion.stories.js +48 -0
  4. package/dist/cjs/components/Accordion/Accordion.stories.js.map +1 -0
  5. package/dist/cjs/components/Alert/Alert.stories.d.ts +17 -0
  6. package/dist/cjs/components/Alert/Alert.stories.js +35 -0
  7. package/dist/cjs/components/Alert/Alert.stories.js.map +1 -0
  8. package/dist/cjs/components/Box/Box.stories.d.ts +17 -0
  9. package/dist/cjs/components/Box/Box.stories.js +23 -0
  10. package/dist/cjs/components/Box/Box.stories.js.map +1 -0
  11. package/dist/cjs/components/Breadcrumbs/Breadcrumbs.stories.d.ts +10 -0
  12. package/dist/cjs/components/Breadcrumbs/Breadcrumbs.stories.js +20 -0
  13. package/dist/cjs/components/Breadcrumbs/Breadcrumbs.stories.js.map +1 -0
  14. package/dist/cjs/components/Button/Button.stories.d.ts +67 -0
  15. package/dist/cjs/components/Button/Button.stories.js +201 -0
  16. package/dist/cjs/components/Button/Button.stories.js.map +1 -0
  17. package/dist/cjs/components/Checkbox/Checkbox.stories.d.ts +32 -0
  18. package/dist/cjs/components/Checkbox/Checkbox.stories.js +101 -0
  19. package/dist/cjs/components/Checkbox/Checkbox.stories.js.map +1 -0
  20. package/dist/cjs/components/Checkbox/CheckboxGroup.stories.d.ts +25 -0
  21. package/dist/cjs/components/Checkbox/CheckboxGroup.stories.js +74 -0
  22. package/dist/cjs/components/Checkbox/CheckboxGroup.stories.js.map +1 -0
  23. package/dist/cjs/components/Checkbox/types.d.ts +1 -1
  24. package/dist/cjs/components/Chopin/Actions/Actions.stories.d.ts +13 -0
  25. package/dist/cjs/components/Chopin/Actions/Actions.stories.js +59 -0
  26. package/dist/cjs/components/Chopin/Actions/Actions.stories.js.map +1 -0
  27. package/dist/cjs/components/Chopin/Footer/Footer.stories.d.ts +13 -0
  28. package/dist/cjs/components/Chopin/Footer/Footer.stories.js +169 -0
  29. package/dist/cjs/components/Chopin/Footer/Footer.stories.js.map +1 -0
  30. package/dist/cjs/components/Chopin/Header/Header.stories.d.ts +22 -0
  31. package/dist/cjs/components/Chopin/Header/Header.stories.js +41 -0
  32. package/dist/cjs/components/Chopin/Header/Header.stories.js.map +1 -0
  33. package/dist/cjs/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.d.ts +22 -0
  34. package/dist/cjs/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.js +46 -0
  35. package/dist/cjs/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.js.map +1 -0
  36. package/dist/cjs/components/Chopin/Question/Question.stories.d.ts +66 -0
  37. package/dist/cjs/components/Chopin/Question/Question.stories.js +139 -0
  38. package/dist/cjs/components/Chopin/Question/Question.stories.js.map +1 -0
  39. package/dist/cjs/components/Chopin/QuestionGroup/QuestionGroup.stories.d.ts +21 -0
  40. package/dist/cjs/components/Chopin/QuestionGroup/QuestionGroup.stories.js +43 -0
  41. package/dist/cjs/components/Chopin/QuestionGroup/QuestionGroup.stories.js.map +1 -0
  42. package/dist/cjs/components/Chopin/Section/Section.stories.d.ts +9 -0
  43. package/dist/cjs/components/Chopin/Section/Section.stories.js +19 -0
  44. package/dist/cjs/components/Chopin/Section/Section.stories.js.map +1 -0
  45. package/dist/cjs/components/Chopin/Steps/Steps.stories.d.ts +9 -0
  46. package/dist/cjs/components/Chopin/Steps/Steps.stories.js +15 -0
  47. package/dist/cjs/components/Chopin/Steps/Steps.stories.js.map +1 -0
  48. package/dist/cjs/components/Chopin/Testimonial/Testimonial.stories.d.ts +9 -0
  49. package/dist/cjs/components/Chopin/Testimonial/Testimonial.stories.js +18 -0
  50. package/dist/cjs/components/Chopin/Testimonial/Testimonial.stories.js.map +1 -0
  51. package/dist/cjs/components/Chopin/TradeSelector/TradeSelector.stories.d.ts +16 -0
  52. package/dist/cjs/components/Chopin/TradeSelector/TradeSelector.stories.js +55 -0
  53. package/dist/cjs/components/Chopin/TradeSelector/TradeSelector.stories.js.map +1 -0
  54. package/dist/cjs/components/Chopin/TradeSelector/TradeSelector.test.js +3 -0
  55. package/dist/cjs/components/Chopin/TradeSelector/TradeSelector.test.js.map +1 -1
  56. package/dist/cjs/components/Container/Container.stories.d.ts +9 -0
  57. package/dist/cjs/components/Container/Container.stories.js +15 -0
  58. package/dist/cjs/components/Container/Container.stories.js.map +1 -0
  59. package/dist/cjs/components/DataTable/DataTable.stories.d.ts +15 -0
  60. package/dist/cjs/components/DataTable/DataTable.stories.js +200 -0
  61. package/dist/cjs/components/DataTable/DataTable.stories.js.map +1 -0
  62. package/dist/cjs/components/DatePicker/DatePicker.stories.d.ts +16 -0
  63. package/dist/cjs/components/DatePicker/DatePicker.stories.js +28 -0
  64. package/dist/cjs/components/DatePicker/DatePicker.stories.js.map +1 -0
  65. package/dist/cjs/components/Divider/Divider.stories.d.ts +13 -0
  66. package/dist/cjs/components/Divider/Divider.stories.js +15 -0
  67. package/dist/cjs/components/Divider/Divider.stories.js.map +1 -0
  68. package/dist/cjs/components/DropdownMenu/DropdownMenu.stories.d.ts +21 -0
  69. package/dist/cjs/components/DropdownMenu/DropdownMenu.stories.js +64 -0
  70. package/dist/cjs/components/DropdownMenu/DropdownMenu.stories.js.map +1 -0
  71. package/dist/cjs/components/ErrorMessage/ErrorMessage.stories.d.ts +14 -0
  72. package/dist/cjs/components/ErrorMessage/ErrorMessage.stories.js +24 -0
  73. package/dist/cjs/components/ErrorMessage/ErrorMessage.stories.js.map +1 -0
  74. package/dist/cjs/components/Fieldset/Fieldset.stories.d.ts +10 -0
  75. package/dist/cjs/components/Fieldset/Fieldset.stories.js +25 -0
  76. package/dist/cjs/components/Fieldset/Fieldset.stories.js.map +1 -0
  77. package/dist/cjs/components/Flex/Flex.stories.d.ts +82 -0
  78. package/dist/cjs/components/Flex/Flex.stories.js +151 -0
  79. package/dist/cjs/components/Flex/Flex.stories.js.map +1 -0
  80. package/dist/cjs/components/Grid/Grid.d.ts +2 -0
  81. package/dist/cjs/components/Grid/Grid.js +10 -4
  82. package/dist/cjs/components/Grid/Grid.js.map +1 -1
  83. package/dist/cjs/components/Grid/Grid.stories.d.ts +86 -0
  84. package/dist/cjs/components/Grid/Grid.stories.js +230 -0
  85. package/dist/cjs/components/Grid/Grid.stories.js.map +1 -0
  86. package/dist/cjs/components/Grid/Item.d.ts +2 -0
  87. package/dist/cjs/components/Grid/Item.js +7 -2
  88. package/dist/cjs/components/Grid/Item.js.map +1 -1
  89. package/dist/cjs/components/Icon/Icon.stories.d.ts +24 -0
  90. package/dist/cjs/components/Icon/Icon.stories.js +46 -0
  91. package/dist/cjs/components/Icon/Icon.stories.js.map +1 -0
  92. package/dist/cjs/components/Icon/types.d.ts +2 -0
  93. package/dist/cjs/components/Image/Image.stories.d.ts +9 -0
  94. package/dist/cjs/components/Image/Image.stories.js +20 -0
  95. package/dist/cjs/components/Image/Image.stories.js.map +1 -0
  96. package/dist/cjs/components/Label/Label.stories.d.ts +9 -0
  97. package/dist/cjs/components/Label/Label.stories.js +18 -0
  98. package/dist/cjs/components/Label/Label.stories.js.map +1 -0
  99. package/dist/cjs/components/Link/Link.stories.d.ts +38 -0
  100. package/dist/cjs/components/Link/Link.stories.js +44 -0
  101. package/dist/cjs/components/Link/Link.stories.js.map +1 -0
  102. package/dist/cjs/components/LinkButton/LinkButton.stories.d.ts +48 -0
  103. package/dist/cjs/components/LinkButton/LinkButton.stories.js +45 -0
  104. package/dist/cjs/components/LinkButton/LinkButton.stories.js.map +1 -0
  105. package/dist/cjs/components/List/List.stories.d.ts +33 -0
  106. package/dist/cjs/components/List/List.stories.js +80 -0
  107. package/dist/cjs/components/List/List.stories.js.map +1 -0
  108. package/dist/cjs/components/LoadingIndicator/LoadingIndicator.d.ts +2 -0
  109. package/dist/cjs/components/LoadingIndicator/LoadingIndicator.js.map +1 -1
  110. package/dist/cjs/components/LoadingIndicator/LoadingIndicator.stories.d.ts +31 -0
  111. package/dist/cjs/components/LoadingIndicator/LoadingIndicator.stories.js +53 -0
  112. package/dist/cjs/components/LoadingIndicator/LoadingIndicator.stories.js.map +1 -0
  113. package/dist/cjs/components/MaskedField/MaskedField.stories.d.ts +16 -0
  114. package/dist/cjs/components/MaskedField/MaskedField.stories.js +25 -0
  115. package/dist/cjs/components/MaskedField/MaskedField.stories.js.map +1 -0
  116. package/dist/cjs/components/Modal/Modal.js +2 -0
  117. package/dist/cjs/components/Modal/Modal.js.map +1 -1
  118. package/dist/cjs/components/Modal/Modal.stories.d.ts +44 -0
  119. package/dist/cjs/components/Modal/Modal.stories.js +82 -0
  120. package/dist/cjs/components/Modal/Modal.stories.js.map +1 -0
  121. package/dist/cjs/components/NumberField/NumberField.stories.d.ts +50 -0
  122. package/dist/cjs/components/NumberField/NumberField.stories.js +106 -0
  123. package/dist/cjs/components/NumberField/NumberField.stories.js.map +1 -0
  124. package/dist/cjs/components/PasswordField/PasswordField.stories.d.ts +28 -0
  125. package/dist/cjs/components/PasswordField/PasswordField.stories.js +34 -0
  126. package/dist/cjs/components/PasswordField/PasswordField.stories.js.map +1 -0
  127. package/dist/cjs/components/Progress/Progress.stories.d.ts +56 -0
  128. package/dist/cjs/components/Progress/Progress.stories.js +92 -0
  129. package/dist/cjs/components/Progress/Progress.stories.js.map +1 -0
  130. package/dist/cjs/components/Radio/Radio.stories.d.ts +39 -0
  131. package/dist/cjs/components/Radio/Radio.stories.js +121 -0
  132. package/dist/cjs/components/Radio/Radio.stories.js.map +1 -0
  133. package/dist/cjs/components/Radio/RadioButton.stories.d.ts +23 -0
  134. package/dist/cjs/components/Radio/RadioButton.stories.js +91 -0
  135. package/dist/cjs/components/Radio/RadioButton.stories.js.map +1 -0
  136. package/dist/cjs/components/SVG/SVG.stories.d.ts +9 -0
  137. package/dist/cjs/components/SVG/SVG.stories.js +22 -0
  138. package/dist/cjs/components/SVG/SVG.stories.js.map +1 -0
  139. package/dist/cjs/components/SVG/SVG.test.js.map +1 -1
  140. package/dist/cjs/components/Segment/Segment.stories.d.ts +32 -0
  141. package/dist/cjs/components/Segment/Segment.stories.js +78 -0
  142. package/dist/cjs/components/Segment/Segment.stories.js.map +1 -0
  143. package/dist/cjs/components/Select/Select.stories.d.ts +31 -0
  144. package/dist/cjs/components/Select/Select.stories.js +82 -0
  145. package/dist/cjs/components/Select/Select.stories.js.map +1 -0
  146. package/dist/cjs/components/Slider/Slider.d.ts +2 -2
  147. package/dist/cjs/components/Slider/Slider.js.map +1 -1
  148. package/dist/cjs/components/Slider/Slider.stories.d.ts +12 -0
  149. package/dist/cjs/components/Slider/Slider.stories.js +66 -0
  150. package/dist/cjs/components/Slider/Slider.stories.js.map +1 -0
  151. package/dist/cjs/components/Table/Table.stories.d.ts +10 -0
  152. package/dist/cjs/components/Table/Table.stories.js +18 -0
  153. package/dist/cjs/components/Table/Table.stories.js.map +1 -0
  154. package/dist/cjs/components/Text/Text.stories.d.ts +10 -0
  155. package/dist/cjs/components/Text/Text.stories.js +29 -0
  156. package/dist/cjs/components/Text/Text.stories.js.map +1 -0
  157. package/dist/cjs/components/TextArea/TextArea.stories.d.ts +26 -0
  158. package/dist/cjs/components/TextArea/TextArea.stories.js +83 -0
  159. package/dist/cjs/components/TextArea/TextArea.stories.js.map +1 -0
  160. package/dist/cjs/components/TextField/TextField.stories.d.ts +36 -0
  161. package/dist/cjs/components/TextField/TextField.stories.js +103 -0
  162. package/dist/cjs/components/TextField/TextField.stories.js.map +1 -0
  163. package/dist/cjs/components/Title/Title.stories.d.ts +9 -0
  164. package/dist/cjs/components/Title/Title.stories.js +19 -0
  165. package/dist/cjs/components/Title/Title.stories.js.map +1 -0
  166. package/dist/cjs/components/VisuallyHidden/VisuallyHidden.stories.d.ts +9 -0
  167. package/dist/cjs/components/VisuallyHidden/VisuallyHidden.stories.js +15 -0
  168. package/dist/cjs/components/VisuallyHidden/VisuallyHidden.stories.js.map +1 -0
  169. package/dist/cjs/hooks/index.d.ts +1 -0
  170. package/dist/cjs/hooks/index.js +1 -0
  171. package/dist/cjs/hooks/index.js.map +1 -1
  172. package/dist/cjs/hooks/useBodyScrollLock/index.d.ts +1 -0
  173. package/dist/cjs/hooks/useBodyScrollLock/index.js +18 -0
  174. package/dist/cjs/hooks/useBodyScrollLock/index.js.map +1 -0
  175. package/dist/cjs/hooks/useBodyScrollLock/useBodyScrollLock.d.ts +3 -0
  176. package/dist/cjs/hooks/useBodyScrollLock/useBodyScrollLock.js +25 -0
  177. package/dist/cjs/hooks/useBodyScrollLock/useBodyScrollLock.js.map +1 -0
  178. package/dist/cjs/hooks/useBodyScrollLock/useBodyScrollLock.test.d.ts +1 -0
  179. package/dist/cjs/hooks/useBodyScrollLock/useBodyScrollLock.test.js +31 -0
  180. package/dist/cjs/hooks/useBodyScrollLock/useBodyScrollLock.test.js.map +1 -0
  181. package/dist/cjs/hooks/useBreakpoint/useBreakpoint.stories.d.ts +11 -0
  182. package/dist/cjs/hooks/useBreakpoint/useBreakpoint.stories.js +43 -0
  183. package/dist/cjs/hooks/useBreakpoint/useBreakpoint.stories.js.map +1 -0
  184. package/dist/cjs/tsconfig.tsbuildinfo +1 -1
  185. package/dist/esm/components/Accordion/Accordion.stories.js +45 -0
  186. package/dist/esm/components/Accordion/Accordion.stories.js.map +1 -0
  187. package/dist/esm/components/Alert/Alert.stories.js +32 -0
  188. package/dist/esm/components/Alert/Alert.stories.js.map +1 -0
  189. package/dist/esm/components/Box/Box.stories.js +20 -0
  190. package/dist/esm/components/Box/Box.stories.js.map +1 -0
  191. package/dist/esm/components/Breadcrumbs/Breadcrumbs.stories.js +17 -0
  192. package/dist/esm/components/Breadcrumbs/Breadcrumbs.stories.js.map +1 -0
  193. package/dist/esm/components/Button/Button.stories.js +198 -0
  194. package/dist/esm/components/Button/Button.stories.js.map +1 -0
  195. package/dist/esm/components/Checkbox/Checkbox.stories.js +98 -0
  196. package/dist/esm/components/Checkbox/Checkbox.stories.js.map +1 -0
  197. package/dist/esm/components/Checkbox/CheckboxGroup.stories.js +71 -0
  198. package/dist/esm/components/Checkbox/CheckboxGroup.stories.js.map +1 -0
  199. package/dist/esm/components/Chopin/Actions/Actions.stories.js +56 -0
  200. package/dist/esm/components/Chopin/Actions/Actions.stories.js.map +1 -0
  201. package/dist/esm/components/Chopin/Footer/Footer.stories.js +166 -0
  202. package/dist/esm/components/Chopin/Footer/Footer.stories.js.map +1 -0
  203. package/dist/esm/components/Chopin/Header/Header.stories.js +38 -0
  204. package/dist/esm/components/Chopin/Header/Header.stories.js.map +1 -0
  205. package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.js +43 -0
  206. package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.js.map +1 -0
  207. package/dist/esm/components/Chopin/Question/Question.stories.js +136 -0
  208. package/dist/esm/components/Chopin/Question/Question.stories.js.map +1 -0
  209. package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.stories.js +40 -0
  210. package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.stories.js.map +1 -0
  211. package/dist/esm/components/Chopin/Section/Section.stories.js +16 -0
  212. package/dist/esm/components/Chopin/Section/Section.stories.js.map +1 -0
  213. package/dist/esm/components/Chopin/Steps/Steps.stories.js +12 -0
  214. package/dist/esm/components/Chopin/Steps/Steps.stories.js.map +1 -0
  215. package/dist/esm/components/Chopin/Testimonial/Testimonial.stories.js +15 -0
  216. package/dist/esm/components/Chopin/Testimonial/Testimonial.stories.js.map +1 -0
  217. package/dist/esm/components/Chopin/TradeSelector/TradeSelector.stories.js +52 -0
  218. package/dist/esm/components/Chopin/TradeSelector/TradeSelector.stories.js.map +1 -0
  219. package/dist/esm/components/Chopin/TradeSelector/TradeSelector.test.js +3 -0
  220. package/dist/esm/components/Chopin/TradeSelector/TradeSelector.test.js.map +1 -1
  221. package/dist/esm/components/Container/Container.stories.js +12 -0
  222. package/dist/esm/components/Container/Container.stories.js.map +1 -0
  223. package/dist/esm/components/DataTable/DataTable.stories.js +174 -0
  224. package/dist/esm/components/DataTable/DataTable.stories.js.map +1 -0
  225. package/dist/esm/components/DatePicker/DatePicker.stories.js +25 -0
  226. package/dist/esm/components/DatePicker/DatePicker.stories.js.map +1 -0
  227. package/dist/esm/components/Divider/Divider.stories.js +12 -0
  228. package/dist/esm/components/Divider/Divider.stories.js.map +1 -0
  229. package/dist/esm/components/DropdownMenu/DropdownMenu.stories.js +58 -0
  230. package/dist/esm/components/DropdownMenu/DropdownMenu.stories.js.map +1 -0
  231. package/dist/esm/components/ErrorMessage/ErrorMessage.stories.js +21 -0
  232. package/dist/esm/components/ErrorMessage/ErrorMessage.stories.js.map +1 -0
  233. package/dist/esm/components/Fieldset/Fieldset.stories.js +22 -0
  234. package/dist/esm/components/Fieldset/Fieldset.stories.js.map +1 -0
  235. package/dist/esm/components/Flex/Flex.stories.js +148 -0
  236. package/dist/esm/components/Flex/Flex.stories.js.map +1 -0
  237. package/dist/esm/components/Grid/Grid.js +8 -5
  238. package/dist/esm/components/Grid/Grid.js.map +1 -1
  239. package/dist/esm/components/Grid/Grid.stories.js +227 -0
  240. package/dist/esm/components/Grid/Grid.stories.js.map +1 -0
  241. package/dist/esm/components/Grid/Item.js +5 -3
  242. package/dist/esm/components/Grid/Item.js.map +1 -1
  243. package/dist/esm/components/Icon/Icon.stories.js +43 -0
  244. package/dist/esm/components/Icon/Icon.stories.js.map +1 -0
  245. package/dist/esm/components/Image/Image.stories.js +17 -0
  246. package/dist/esm/components/Image/Image.stories.js.map +1 -0
  247. package/dist/esm/components/Label/Label.stories.js +15 -0
  248. package/dist/esm/components/Label/Label.stories.js.map +1 -0
  249. package/dist/esm/components/Link/Link.stories.js +41 -0
  250. package/dist/esm/components/Link/Link.stories.js.map +1 -0
  251. package/dist/esm/components/LinkButton/LinkButton.stories.js +42 -0
  252. package/dist/esm/components/LinkButton/LinkButton.stories.js.map +1 -0
  253. package/dist/esm/components/List/List.stories.js +77 -0
  254. package/dist/esm/components/List/List.stories.js.map +1 -0
  255. package/dist/esm/components/LoadingIndicator/LoadingIndicator.js.map +1 -1
  256. package/dist/esm/components/LoadingIndicator/LoadingIndicator.stories.js +50 -0
  257. package/dist/esm/components/LoadingIndicator/LoadingIndicator.stories.js.map +1 -0
  258. package/dist/esm/components/MaskedField/MaskedField.stories.js +22 -0
  259. package/dist/esm/components/MaskedField/MaskedField.stories.js.map +1 -0
  260. package/dist/esm/components/Modal/Modal.js +2 -0
  261. package/dist/esm/components/Modal/Modal.js.map +1 -1
  262. package/dist/esm/components/Modal/Modal.stories.js +79 -0
  263. package/dist/esm/components/Modal/Modal.stories.js.map +1 -0
  264. package/dist/esm/components/NumberField/NumberField.stories.js +103 -0
  265. package/dist/esm/components/NumberField/NumberField.stories.js.map +1 -0
  266. package/dist/esm/components/PasswordField/PasswordField.stories.js +31 -0
  267. package/dist/esm/components/PasswordField/PasswordField.stories.js.map +1 -0
  268. package/dist/esm/components/Progress/Progress.stories.js +89 -0
  269. package/dist/esm/components/Progress/Progress.stories.js.map +1 -0
  270. package/dist/esm/components/Radio/Radio.stories.js +118 -0
  271. package/dist/esm/components/Radio/Radio.stories.js.map +1 -0
  272. package/dist/esm/components/Radio/RadioButton.stories.js +88 -0
  273. package/dist/esm/components/Radio/RadioButton.stories.js.map +1 -0
  274. package/dist/esm/components/SVG/SVG.stories.js +19 -0
  275. package/dist/esm/components/SVG/SVG.stories.js.map +1 -0
  276. package/dist/esm/components/SVG/SVG.test.js.map +1 -1
  277. package/dist/esm/components/Segment/Segment.stories.js +75 -0
  278. package/dist/esm/components/Segment/Segment.stories.js.map +1 -0
  279. package/dist/esm/components/Select/Select.stories.js +79 -0
  280. package/dist/esm/components/Select/Select.stories.js.map +1 -0
  281. package/dist/esm/components/Slider/Slider.js.map +1 -1
  282. package/dist/esm/components/Slider/Slider.stories.js +63 -0
  283. package/dist/esm/components/Slider/Slider.stories.js.map +1 -0
  284. package/dist/esm/components/Table/Table.stories.js +15 -0
  285. package/dist/esm/components/Table/Table.stories.js.map +1 -0
  286. package/dist/esm/components/Text/Text.stories.js +26 -0
  287. package/dist/esm/components/Text/Text.stories.js.map +1 -0
  288. package/dist/esm/components/TextArea/TextArea.stories.js +80 -0
  289. package/dist/esm/components/TextArea/TextArea.stories.js.map +1 -0
  290. package/dist/esm/components/TextField/TextField.stories.js +100 -0
  291. package/dist/esm/components/TextField/TextField.stories.js.map +1 -0
  292. package/dist/esm/components/Title/Title.stories.js +16 -0
  293. package/dist/esm/components/Title/Title.stories.js.map +1 -0
  294. package/dist/esm/components/VisuallyHidden/VisuallyHidden.stories.js +12 -0
  295. package/dist/esm/components/VisuallyHidden/VisuallyHidden.stories.js.map +1 -0
  296. package/dist/esm/hooks/index.js +1 -0
  297. package/dist/esm/hooks/index.js.map +1 -1
  298. package/dist/esm/hooks/useBodyScrollLock/index.js +2 -0
  299. package/dist/esm/hooks/useBodyScrollLock/index.js.map +1 -0
  300. package/dist/esm/hooks/useBodyScrollLock/useBodyScrollLock.js +21 -0
  301. package/dist/esm/hooks/useBodyScrollLock/useBodyScrollLock.js.map +1 -0
  302. package/dist/esm/hooks/useBodyScrollLock/useBodyScrollLock.test.js +29 -0
  303. package/dist/esm/hooks/useBodyScrollLock/useBodyScrollLock.test.js.map +1 -0
  304. package/dist/esm/hooks/useBreakpoint/useBreakpoint.stories.js +40 -0
  305. package/dist/esm/hooks/useBreakpoint/useBreakpoint.stories.js.map +1 -0
  306. package/dist/esm/tsconfig.esm.tsbuildinfo +1 -1
  307. package/dist/mobius.d.ts +15 -2
  308. package/package.json +2 -2
  309. package/src/components/Accordion/{Accordion.story.mdx → Accordion.mdx} +15 -96
  310. package/src/components/Accordion/Accordion.stories.tsx +87 -0
  311. package/src/components/Alert/{Alert.story.mdx → Alert.mdx} +5 -35
  312. package/src/components/Alert/Alert.stories.tsx +47 -0
  313. package/src/components/Box/{Box.story.mdx → Box.mdx} +5 -21
  314. package/src/components/Box/Box.stories.tsx +26 -0
  315. package/src/components/Breadcrumbs/{Breadcrumbs.story.mdx → Breadcrumbs.mdx} +15 -48
  316. package/src/components/Breadcrumbs/Breadcrumbs.stories.tsx +52 -0
  317. package/src/components/Button/Button.mdx +227 -0
  318. package/src/components/Button/Button.stories.tsx +225 -0
  319. package/src/components/Button/Button.story.styles.css +3 -0
  320. package/src/components/Checkbox/Checkbox.mdx +122 -0
  321. package/src/components/Checkbox/Checkbox.stories.tsx +122 -0
  322. package/src/components/Checkbox/{CheckboxGroup.story.mdx → CheckboxGroup.mdx} +12 -114
  323. package/src/components/Checkbox/CheckboxGroup.stories.tsx +109 -0
  324. package/src/components/Checkbox/types.ts +1 -1
  325. package/src/components/Chopin/Actions/{Actions.story.mdx → Actions.mdx} +17 -88
  326. package/src/components/Chopin/Actions/Actions.stories.tsx +81 -0
  327. package/src/components/Chopin/Footer/Footer.mdx +163 -0
  328. package/src/components/Chopin/Footer/Footer.stories.tsx +217 -0
  329. package/src/components/Chopin/Header/{Header.story.mdx → Header.mdx} +7 -47
  330. package/src/components/Chopin/Header/Header.stories.tsx +50 -0
  331. package/src/components/Chopin/PercentageTotalsQuestion/{PercentageTotalsQuestion.story.mdx → PercentageTotalsQuestion.mdx} +4 -36
  332. package/src/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.tsx +63 -0
  333. package/src/components/Chopin/Question/{Question.story.mdx → Question.mdx} +29 -227
  334. package/src/components/Chopin/Question/Question.stories.tsx +211 -0
  335. package/src/components/Chopin/QuestionGroup/QuestionGroup.mdx +149 -0
  336. package/src/components/Chopin/QuestionGroup/QuestionGroup.stories.tsx +187 -0
  337. package/src/components/Chopin/Section/{Section.story.mdx → Section.mdx} +6 -24
  338. package/src/components/Chopin/Section/Section.stories.tsx +30 -0
  339. package/src/components/Chopin/Steps/{Steps.story.mdx → Steps.mdx} +6 -20
  340. package/src/components/Chopin/Steps/Steps.stories.tsx +22 -0
  341. package/src/components/Chopin/Testimonial/{Testimonial.story.mdx → Testimonial.mdx} +4 -14
  342. package/src/components/Chopin/Testimonial/Testimonial.stories.tsx +23 -0
  343. package/src/components/Chopin/TradeSelector/{TradeSelector.story.mdx → TradeSelector.mdx} +14 -52
  344. package/src/components/Chopin/TradeSelector/TradeSelector.stories.tsx +67 -0
  345. package/src/components/Chopin/TradeSelector/TradeSelector.test.tsx +3 -0
  346. package/src/components/Container/{Container.story.mdx → Container.mdx} +4 -16
  347. package/src/components/Container/Container.stories.tsx +20 -0
  348. package/src/components/DataTable/{DataTable.story.mdx → DataTable.mdx} +10 -203
  349. package/src/components/DataTable/DataTable.stories.tsx +228 -0
  350. package/src/components/DatePicker/{DatePicker.story.mdx → DatePicker.mdx} +9 -29
  351. package/src/components/DatePicker/DatePicker.stories.tsx +32 -0
  352. package/src/components/Divider/{Divider.story.mdx → Divider.mdx} +4 -9
  353. package/src/components/Divider/Divider.stories.tsx +13 -0
  354. package/src/components/DropdownMenu/{DropdownMenu.story.mdx → DropdownMenu.mdx} +5 -39
  355. package/src/components/DropdownMenu/DropdownMenu.stories.tsx +84 -0
  356. package/src/components/DropdownMenu/DropdownMenu.story.styles.css +12 -0
  357. package/src/components/ErrorMessage/ErrorMessage.mdx +39 -0
  358. package/src/components/ErrorMessage/ErrorMessage.stories.tsx +24 -0
  359. package/src/components/Fieldset/{Fieldset.story.mdx → Fieldset.mdx} +5 -28
  360. package/src/components/Fieldset/Fieldset.stories.tsx +40 -0
  361. package/src/components/Flex/{Flex.story.mdx → Flex.mdx} +13 -150
  362. package/src/components/Flex/Flex.stories.tsx +182 -0
  363. package/src/components/Grid/{Grid.story.mdx → Grid.mdx} +78 -360
  364. package/src/components/Grid/Grid.stories.tsx +375 -0
  365. package/src/components/Grid/Grid.story.styles.css +4 -0
  366. package/src/components/Grid/Grid.tsx +16 -4
  367. package/src/components/Grid/Item.tsx +14 -2
  368. package/src/components/Icon/Icon.mdx +75 -0
  369. package/src/components/Icon/Icon.stories.tsx +50 -0
  370. package/src/components/Icon/types.ts +2 -0
  371. package/src/components/Image/{Image.story.mdx → Image.mdx} +4 -9
  372. package/src/components/Image/Image.stories.tsx +20 -0
  373. package/src/components/Label/{Label.story.mdx → Label.mdx} +4 -9
  374. package/src/components/Label/Label.stories.tsx +16 -0
  375. package/src/components/Link/{Link.story.mdx → Link.mdx} +8 -52
  376. package/src/components/Link/Link.stories.tsx +50 -0
  377. package/src/components/LinkButton/LinkButton.mdx +45 -0
  378. package/src/components/LinkButton/LinkButton.stories.tsx +61 -0
  379. package/src/components/List/{List.story.mdx → List.mdx} +18 -113
  380. package/src/components/List/List.stories.tsx +135 -0
  381. package/src/components/LoadingIndicator/LoadingIndicator.mdx +59 -0
  382. package/src/components/LoadingIndicator/LoadingIndicator.stories.tsx +59 -0
  383. package/src/components/LoadingIndicator/LoadingIndicator.tsx +2 -0
  384. package/src/components/MaskedField/{MaskedField.story.mdx → MaskedField.mdx} +11 -12
  385. package/src/components/MaskedField/MaskedField.stories.tsx +26 -0
  386. package/src/components/Modal/{Modal.story.mdx → Modal.mdx} +20 -84
  387. package/src/components/Modal/Modal.stories.tsx +181 -0
  388. package/src/components/Modal/Modal.tsx +2 -0
  389. package/src/components/NumberField/NumberField.mdx +104 -0
  390. package/src/components/NumberField/NumberField.stories.tsx +114 -0
  391. package/src/components/PasswordField/{PasswordField.story.mdx → PasswordField.mdx} +10 -49
  392. package/src/components/PasswordField/PasswordField.stories.tsx +36 -0
  393. package/src/components/Progress/Progress.mdx +83 -0
  394. package/src/components/Progress/Progress.stories.tsx +105 -0
  395. package/src/components/Radio/Radio.mdx +202 -0
  396. package/src/components/Radio/Radio.stories.tsx +202 -0
  397. package/src/components/Radio/{RadioButton.story.mdx → RadioButton.mdx} +15 -156
  398. package/src/components/Radio/RadioButton.stories.tsx +153 -0
  399. package/src/components/SVG/{SVG.story.mdx → SVG.mdx} +5 -10
  400. package/src/components/SVG/SVG.stories.tsx +29 -0
  401. package/src/components/SVG/SVG.test.tsx +3 -14
  402. package/src/components/Segment/{Segment.story.mdx → Segment.mdx} +79 -107
  403. package/src/components/Segment/Segment.stories.tsx +129 -0
  404. package/src/components/Select/{Select.story.mdx → Select.mdx} +25 -186
  405. package/src/components/Select/Select.stories.tsx +163 -0
  406. package/src/components/Slider/Slider.mdx +55 -0
  407. package/src/components/Slider/Slider.stories.tsx +82 -0
  408. package/src/components/Slider/Slider.tsx +5 -2
  409. package/src/components/Table/Table.mdx +74 -0
  410. package/src/components/Table/Table.stories.tsx +149 -0
  411. package/src/components/Text/{Text.story.mdx → Text.mdx} +20 -16
  412. package/src/components/Text/Text.stories.tsx +28 -0
  413. package/src/components/TextArea/TextArea.mdx +82 -0
  414. package/src/components/TextArea/TextArea.stories.tsx +89 -0
  415. package/src/components/TextField/TextField.mdx +122 -0
  416. package/src/components/TextField/TextField.stories.tsx +111 -0
  417. package/src/components/Title/{Title.story.mdx → Title.mdx} +4 -12
  418. package/src/components/Title/Title.stories.tsx +17 -0
  419. package/src/components/VisuallyHidden/{VisuallyHidden.story.mdx → VisuallyHidden.mdx} +4 -13
  420. package/src/components/VisuallyHidden/VisuallyHidden.stories.tsx +17 -0
  421. package/src/hooks/index.tsx +1 -0
  422. package/src/hooks/useBodyScrollLock/index.ts +1 -0
  423. package/src/hooks/useBodyScrollLock/useBodyScrollLock.test.ts +34 -0
  424. package/src/hooks/useBodyScrollLock/useBodyScrollLock.ts +25 -0
  425. package/src/hooks/useBreakpoint/{useBreakpoint.story.mdx → useBreakpoint.mdx} +6 -47
  426. package/src/hooks/useBreakpoint/useBreakpoint.stories.tsx +61 -0
  427. package/src/components/Button/Button.story.mdx +0 -401
  428. package/src/components/Checkbox/Checkbox.story.mdx +0 -233
  429. package/src/components/Chopin/Footer/Footer.story.mdx +0 -368
  430. package/src/components/Chopin/QuestionGroup/QuestionGroup.story.mdx +0 -309
  431. package/src/components/ErrorMessage/ErrorMessage.story.mdx +0 -57
  432. package/src/components/Icon/Icon.story.mdx +0 -175
  433. package/src/components/LinkButton/LinkButton.story.mdx +0 -96
  434. package/src/components/LoadingIndicator/LoadingIndicator.story.mdx +0 -96
  435. package/src/components/NumberField/NumberField.story.mdx +0 -193
  436. package/src/components/Progress/Progress.story.mdx +0 -172
  437. package/src/components/Radio/Radio.story.mdx +0 -402
  438. package/src/components/Slider/Slider.story.mdx +0 -130
  439. package/src/components/Table/Table.story.mdx +0 -213
  440. package/src/components/TextArea/TextArea.story.mdx +0 -172
  441. package/src/components/TextField/TextField.story.mdx +0 -232
@@ -0,0 +1,101 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.LongLabel = exports.Invalid = exports.Valid = exports.Indeterminate = exports.Disabled = exports.ControlledValue = 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: "Forms/Checkbox",
9
+ component: _1.Checkbox,
10
+ argTypes: Object.assign({ validationState: {
11
+ options: ["valid", "invalid", "neither"],
12
+ control: { type: "radio" },
13
+ mapping: {
14
+ valid: "valid",
15
+ invalid: "invalid",
16
+ neither: "",
17
+ },
18
+ }, label: {
19
+ control: { type: "text" },
20
+ } }, (0, excludeControls_1.excludeControls)("className")),
21
+ };
22
+ exports.Normal = {
23
+ render: (args) => (0, jsx_runtime_1.jsx)(_1.Checkbox, Object.assign({}, args)),
24
+ args: {
25
+ label: "Value",
26
+ isDisabled: false,
27
+ isIndeterminate: false,
28
+ errorMessage: "",
29
+ defaultSelected: false,
30
+ isRequired: false,
31
+ },
32
+ };
33
+ exports.ControlledValue = {
34
+ render: (args) => (0, jsx_runtime_1.jsx)(_1.Checkbox, Object.assign({}, args)),
35
+ args: {
36
+ label: "Value",
37
+ isDisabled: false,
38
+ isIndeterminate: false,
39
+ errorMessage: "",
40
+ isSelected: true,
41
+ isRequired: false,
42
+ },
43
+ };
44
+ exports.Disabled = {
45
+ render: (args) => (0, jsx_runtime_1.jsx)(_1.Checkbox, Object.assign({}, args)),
46
+ args: {
47
+ label: "Value",
48
+ isDisabled: true,
49
+ isIndeterminate: false,
50
+ errorMessage: "",
51
+ defaultSelected: false,
52
+ isRequired: false,
53
+ },
54
+ };
55
+ exports.Indeterminate = {
56
+ render: (args) => (0, jsx_runtime_1.jsx)(_1.Checkbox, Object.assign({}, args)),
57
+ args: {
58
+ label: "Value",
59
+ isDisabled: false,
60
+ isIndeterminate: true,
61
+ errorMessage: "",
62
+ defaultSelected: false,
63
+ isRequired: false,
64
+ },
65
+ };
66
+ exports.Valid = {
67
+ render: (args) => (0, jsx_runtime_1.jsx)(_1.Checkbox, Object.assign({}, args)),
68
+ args: {
69
+ label: "Value",
70
+ isDisabled: false,
71
+ isIndeterminate: false,
72
+ errorMessage: "",
73
+ validationState: "valid",
74
+ defaultSelected: false,
75
+ isRequired: false,
76
+ },
77
+ };
78
+ exports.Invalid = {
79
+ render: (args) => (0, jsx_runtime_1.jsx)(_1.Checkbox, Object.assign({}, args)),
80
+ args: {
81
+ label: "Value",
82
+ isDisabled: false,
83
+ isIndeterminate: false,
84
+ validationState: "invalid",
85
+ errorMessage: "This is an error message",
86
+ defaultSelected: false,
87
+ isRequired: false,
88
+ },
89
+ };
90
+ exports.LongLabel = {
91
+ render: (args) => (0, jsx_runtime_1.jsx)(_1.Checkbox, Object.assign({}, args)),
92
+ args: {
93
+ label: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Example", (0, jsx_runtime_1.jsx)("br", {}), "of", (0, jsx_runtime_1.jsx)("br", {}), "long", (0, jsx_runtime_1.jsx)("br", {}), "label", (0, jsx_runtime_1.jsx)("br", {}), "text", (0, jsx_runtime_1.jsx)("br", {})] })),
94
+ isDisabled: false,
95
+ isIndeterminate: false,
96
+ errorMessage: "",
97
+ defaultSelected: false,
98
+ isRequired: false,
99
+ },
100
+ };
101
+ //# sourceMappingURL=Checkbox.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Checkbox.stories.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,25 @@
1
+ import type { Meta } from "@storybook/react";
2
+ import { CheckboxGroup, CheckboxGroupProps } from ".";
3
+ declare const _default: {
4
+ title: string;
5
+ component: import("../..").ForwardedRefComponent<CheckboxGroupProps, HTMLDivElement>;
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
+ };
19
+ };
20
+ export default _default;
21
+ export declare const Normal: Meta<typeof CheckboxGroup>;
22
+ export declare const ControlledValue: Meta<typeof CheckboxGroup>;
23
+ export declare const Disabled: Meta<typeof CheckboxGroup>;
24
+ export declare const Valid: Meta<typeof CheckboxGroup>;
25
+ export declare const Invalid: Meta<typeof CheckboxGroup>;
@@ -0,0 +1,74 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Invalid = exports.Valid = exports.Disabled = exports.ControlledValue = 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: "Forms/CheckboxGroup",
9
+ component: _1.CheckboxGroup,
10
+ argTypes: Object.assign({ validationState: {
11
+ options: ["valid", "invalid", "neither"],
12
+ control: { type: "radio" },
13
+ mapping: {
14
+ valid: "valid",
15
+ invalid: "invalid",
16
+ neither: "",
17
+ },
18
+ } }, (0, excludeControls_1.excludeControls)("className")),
19
+ };
20
+ exports.Normal = {
21
+ render: (args) => ((0, jsx_runtime_1.jsxs)(_1.CheckboxGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Option 1", value: "option1" }), (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Option 2", value: "option2" }), (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Option 3", value: "option3" })] }))),
22
+ args: {
23
+ label: "Value",
24
+ errorMessage: "",
25
+ isDisabled: false,
26
+ orientation: "vertical",
27
+ defaultValue: ["option1", "option3"],
28
+ isRequired: false,
29
+ },
30
+ };
31
+ exports.ControlledValue = {
32
+ render: (args) => ((0, jsx_runtime_1.jsxs)(_1.CheckboxGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Option 1", value: "option1" }), (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Option 2", value: "option2" }), (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Option 3", value: "option3" })] }))),
33
+ args: {
34
+ label: "Value",
35
+ errorMessage: "",
36
+ isDisabled: false,
37
+ orientation: "vertical",
38
+ value: ["option2", "option3"],
39
+ isRequired: false,
40
+ },
41
+ };
42
+ exports.Disabled = {
43
+ render: (args) => ((0, jsx_runtime_1.jsxs)(_1.CheckboxGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Option 1", value: "option1" }), (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Option 2", value: "option2" }), (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Option 3", value: "option3" })] }))),
44
+ args: {
45
+ label: "Value",
46
+ errorMessage: "",
47
+ isDisabled: true,
48
+ orientation: "vertical",
49
+ isRequired: false,
50
+ },
51
+ };
52
+ exports.Valid = {
53
+ render: (args) => ((0, jsx_runtime_1.jsxs)(_1.CheckboxGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Option 1", value: "option1" }), (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Option 2", value: "option2" }), (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Option 3", value: "option3" })] }))),
54
+ args: {
55
+ label: "Value",
56
+ errorMessage: "",
57
+ isDisabled: false,
58
+ validationState: "valid",
59
+ orientation: "vertical",
60
+ isRequired: false,
61
+ },
62
+ };
63
+ exports.Invalid = {
64
+ render: (args) => ((0, jsx_runtime_1.jsxs)(_1.CheckboxGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Option 1", value: "option1" }), (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Option 2", value: "option2" }), (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Option 3", value: "option3" })] }))),
65
+ args: {
66
+ label: "Value",
67
+ errorMessage: "This field is required",
68
+ isDisabled: false,
69
+ validationState: "invalid",
70
+ orientation: "vertical",
71
+ isRequired: false,
72
+ },
73
+ };
74
+ //# sourceMappingURL=CheckboxGroup.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CheckboxGroup.stories.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/CheckboxGroup.stories.tsx"],"names":[],"mappings":"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"}
@@ -5,7 +5,7 @@ import type { AriaCheckboxGroupProps, CheckboxGroupProps as CheckboxGroupPropsTy
5
5
  export type CheckboxElementType = HTMLInputElement;
6
6
  export type CheckboxRef = Ref<CheckboxElementType>;
7
7
  export interface CheckboxProps extends DOMProps, AriaCheckboxProps, RefAttributes<CheckboxElementType> {
8
- label?: string;
8
+ label?: string | JSX.Element;
9
9
  className?: string;
10
10
  errorMessage?: string;
11
11
  }
@@ -0,0 +1,13 @@
1
+ import type { Meta } from "@storybook/react";
2
+ import { Actions, ActionsProps } from ".";
3
+ declare const _default: {
4
+ title: string;
5
+ component: import("../../..").ForwardedRefComponent<ActionsProps, HTMLDivElement>;
6
+ argTypes: {};
7
+ };
8
+ export default _default;
9
+ export declare const Normal: Meta<typeof Actions>;
10
+ export declare const WithLinks: Meta<typeof Actions>;
11
+ export declare const OneAction: Meta<typeof Actions>;
12
+ export declare const OneBackAction: Meta<typeof Actions>;
13
+ export declare const DisabledActions: Meta<typeof Actions>;
@@ -0,0 +1,59 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.DisabledActions = exports.OneBackAction = exports.OneAction = exports.WithLinks = 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: "Chopin/Actions",
9
+ component: _1.Actions,
10
+ argTypes: (0, excludeControls_1.excludeControls)("className", "backButton", "nextButton"),
11
+ };
12
+ exports.Normal = {
13
+ render: (args) => ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(_1.Actions, Object.assign({}, args)) })),
14
+ args: {
15
+ backLabel: "Back",
16
+ nextLabel: "Next Step",
17
+ },
18
+ };
19
+ exports.WithLinks = {
20
+ render: (args) => ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(_1.Actions, Object.assign({}, args)) })),
21
+ args: {
22
+ backLabel: "Back",
23
+ backButton: {
24
+ href: "https://www.example.com",
25
+ },
26
+ nextLabel: "Next Step",
27
+ nextButton: {
28
+ href: "https://www.google.com",
29
+ },
30
+ },
31
+ };
32
+ exports.OneAction = {
33
+ render: (args) => ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(_1.Actions, Object.assign({}, args)) })),
34
+ args: {
35
+ nextLabel: "Next Step",
36
+ },
37
+ argTypes: (0, excludeControls_1.excludeControls)("backLabel", "backLink"),
38
+ };
39
+ exports.OneBackAction = {
40
+ render: (args) => ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(_1.Actions, Object.assign({}, args)) })),
41
+ args: {
42
+ backLabel: "Back",
43
+ },
44
+ argTypes: (0, excludeControls_1.excludeControls)("nextLabel", "nextLink"),
45
+ };
46
+ exports.DisabledActions = {
47
+ render: (args) => ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(_1.Actions, Object.assign({}, args)) })),
48
+ args: {
49
+ backLabel: "Back",
50
+ backButton: {
51
+ isDisabled: true,
52
+ },
53
+ nextLabel: "Next Step",
54
+ nextButton: {
55
+ isDisabled: true,
56
+ },
57
+ },
58
+ };
59
+ //# sourceMappingURL=Actions.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Actions.stories.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Actions/Actions.stories.tsx"],"names":[],"mappings":";;;;AACA,wBAA0C;AAC1C,oEAAiE;AAEjE,kBAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,UAAO;IAClB,QAAQ,EAAE,IAAA,iCAAe,EAAC,WAAW,EAAE,YAAY,EAAE,YAAY,CAAC;CACnE,CAAC;AAEW,QAAA,MAAM,GAAyB;IAC1C,MAAM,EAAE,CAAC,IAAkB,EAAE,EAAE,CAAC,CAC9B,0CACE,uBAAC,UAAO,oBAAK,IAAI,EAAI,GACjB,CACP;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,MAAM;QACjB,SAAS,EAAE,WAAW;KACvB;CACF,CAAC;AAEW,QAAA,SAAS,GAAyB;IAC7C,MAAM,EAAE,CAAC,IAAkB,EAAE,EAAE,CAAC,CAC9B,0CACE,uBAAC,UAAO,oBAAK,IAAI,EAAI,GACjB,CACP;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,MAAM;QACjB,UAAU,EAAE;YACV,IAAI,EAAE,yBAAyB;SAChC;QACD,SAAS,EAAE,WAAW;QACtB,UAAU,EAAE;YACV,IAAI,EAAE,wBAAwB;SAC/B;KACF;CACF,CAAC;AAEW,QAAA,SAAS,GAAyB;IAC7C,MAAM,EAAE,CAAC,IAAkB,EAAE,EAAE,CAAC,CAC9B,0CACE,uBAAC,UAAO,oBAAK,IAAI,EAAI,GACjB,CACP;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,WAAW;KACvB;IACD,QAAQ,EAAE,IAAA,iCAAe,EAAC,WAAW,EAAE,UAAU,CAAC;CACnD,CAAC;AAEW,QAAA,aAAa,GAAyB;IACjD,MAAM,EAAE,CAAC,IAAkB,EAAE,EAAE,CAAC,CAC9B,0CACE,uBAAC,UAAO,oBAAK,IAAI,EAAI,GACjB,CACP;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,MAAM;KAClB;IACD,QAAQ,EAAE,IAAA,iCAAe,EAAC,WAAW,EAAE,UAAU,CAAC;CACnD,CAAC;AAEW,QAAA,eAAe,GAAyB;IACnD,MAAM,EAAE,CAAC,IAAkB,EAAE,EAAE,CAAC,CAC9B,0CACE,uBAAC,UAAO,oBAAK,IAAI,EAAI,GACjB,CACP;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,MAAM;QACjB,UAAU,EAAE;YACV,UAAU,EAAE,IAAI;SACjB;QACD,SAAS,EAAE,WAAW;QACtB,UAAU,EAAE;YACV,UAAU,EAAE,IAAI;SACjB;KACF;CACF,CAAC"}
@@ -0,0 +1,13 @@
1
+ /// <reference types="react" />
2
+ import type { Meta } from "@storybook/react";
3
+ import { Footer, FooterProps } from ".";
4
+ declare const _default: {
5
+ title: string;
6
+ component: import("react").FC<FooterProps>;
7
+ argTypes: {};
8
+ };
9
+ export default _default;
10
+ export declare const Normal: Meta<typeof Footer>;
11
+ export declare const ContainingTwoAddresses: Meta<typeof Footer>;
12
+ export declare const WithFooterLogo: Meta<typeof Footer>;
13
+ export declare const WithJustFooterText: Meta<typeof Footer>;
@@ -0,0 +1,169 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.WithJustFooterText = exports.WithFooterLogo = exports.ContainingTwoAddresses = exports.Normal = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const _1 = require(".");
6
+ const contexts_1 = require("../../../contexts");
7
+ const excludeControls_1 = require("../../../utils/excludeControls");
8
+ exports.default = {
9
+ title: "Chopin/Footer",
10
+ component: _1.Footer,
11
+ argTypes: (0, excludeControls_1.excludeControls)("className", "address", "footerLinks", "legalLinks"),
12
+ };
13
+ const breakpoints = [
14
+ {
15
+ size: "xs",
16
+ value: 320,
17
+ },
18
+ {
19
+ size: "sm",
20
+ value: 540,
21
+ },
22
+ {
23
+ size: "md",
24
+ value: 720,
25
+ },
26
+ {
27
+ size: "lg",
28
+ value: 960,
29
+ },
30
+ {
31
+ size: "xl",
32
+ value: 1140,
33
+ },
34
+ {
35
+ size: "xxl",
36
+ value: 1320,
37
+ },
38
+ ];
39
+ const setBreakpoints = () => { };
40
+ exports.Normal = {
41
+ render: (args) => ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(_1.Footer, Object.assign({}, args)) })),
42
+ args: {
43
+ address: [["6th Floor", "99 Gresham Street", "London", "EC2V 7NG"]],
44
+ legalLinks: [
45
+ {
46
+ href: "https://www.simplybusiness.co.uk/terms-conditions/",
47
+ text: "Terms & conditions",
48
+ },
49
+ {
50
+ href: "https://www.simplybusiness.co.uk/privacy-policy/",
51
+ text: "Privacy policy",
52
+ },
53
+ {
54
+ href: "https://www.simplybusiness.co.uk/legal/cookies/",
55
+ text: "Cookie policy",
56
+ },
57
+ {
58
+ href: "https://www.simplybusiness.co.uk/support/accessibility/",
59
+ text: "Accessibility",
60
+ },
61
+ ],
62
+ text: "© Copyright 2022 Simply Business. All Rights Reserved. Simply Business is a trading name of Xbridge Limited which is authorised and regulated by the Financial Conduct Authority (Financial Services Registration No: 313348). Xbridge Limited (No: 3967717) has its registered office at 6th Floor, 99 Gresham Street, London EC2V 7NG.",
63
+ withLogo: true,
64
+ },
65
+ decorators: [
66
+ Story => ((0, jsx_runtime_1.jsx)(contexts_1.ThemeContext.Provider, Object.assign({ value: {
67
+ breakpoints,
68
+ setBreakpoints,
69
+ } }, { children: (0, jsx_runtime_1.jsx)(Story, {}) }))),
70
+ ],
71
+ };
72
+ exports.ContainingTwoAddresses = {
73
+ render: (args) => ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(_1.Footer, Object.assign({}, args)) })),
74
+ args: {
75
+ address: [
76
+ ["6th Floor", "99 Gresham Street", "London", "EC2V 7NG"],
77
+ ["Sol House", "29 St Katherine's Street", "Northampton", "NN1 2QZ"],
78
+ ],
79
+ legalLinks: [
80
+ {
81
+ href: "https://www.simplybusiness.co.uk/terms-conditions/",
82
+ text: "Terms & conditions",
83
+ },
84
+ {
85
+ href: "https://www.simplybusiness.co.uk/privacy-policy/",
86
+ text: "Privacy policy",
87
+ },
88
+ {
89
+ href: "https://www.simplybusiness.co.uk/legal/cookies/",
90
+ text: "Cookie policy",
91
+ },
92
+ {
93
+ href: "https://www.simplybusiness.co.uk/support/accessibility/",
94
+ text: "Accessibility",
95
+ },
96
+ ],
97
+ text: "© Copyright 2022 Simply Business. All Rights Reserved. Simply Business is a trading name of Xbridge Limited which is authorised and regulated by the Financial Conduct Authority (Financial Services Registration No: 313348). Xbridge Limited (No: 3967717) has its registered office at 6th Floor, 99 Gresham Street, London EC2V 7NG.",
98
+ withLogo: true,
99
+ },
100
+ decorators: [
101
+ Story => ((0, jsx_runtime_1.jsx)(contexts_1.ThemeContext.Provider, Object.assign({ value: {
102
+ breakpoints,
103
+ setBreakpoints,
104
+ } }, { children: (0, jsx_runtime_1.jsx)(Story, {}) }))),
105
+ ],
106
+ };
107
+ exports.WithFooterLogo = {
108
+ render: (args) => ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(_1.Footer, Object.assign({}, args)) })),
109
+ args: {
110
+ address: [
111
+ ["6th Floor", "99 Gresham Street", "London", "EC2V 7NG"],
112
+ ["Sol House", "29 St Katherine's Street", "Northampton", "NN1 2QZ"],
113
+ ],
114
+ legalLinks: [
115
+ {
116
+ href: "https://www.simplybusiness.co.uk/terms-conditions/",
117
+ text: "Terms & conditions",
118
+ },
119
+ {
120
+ href: "https://www.simplybusiness.co.uk/privacy-policy/",
121
+ text: "Privacy policy",
122
+ },
123
+ {
124
+ href: "https://www.simplybusiness.co.uk/legal/cookies/",
125
+ text: "Cookie policy",
126
+ },
127
+ {
128
+ href: "https://www.simplybusiness.co.uk/support/accessibility/",
129
+ text: "Accessibility",
130
+ },
131
+ ],
132
+ text: "© Copyright 2022 Simply Business. All Rights Reserved. Simply Business is a trading name of Xbridge Limited which is authorised and regulated by the Financial Conduct Authority (Financial Services Registration No: 313348). Xbridge Limited (No: 3967717) has its registered office at 6th Floor, 99 Gresham Street, London EC2V 7NG.",
133
+ withLogo: true,
134
+ },
135
+ decorators: [
136
+ Story => ((0, jsx_runtime_1.jsx)(contexts_1.ThemeContext.Provider, Object.assign({ value: {
137
+ breakpoints,
138
+ setBreakpoints,
139
+ } }, { children: (0, jsx_runtime_1.jsx)(Story, {}) }))),
140
+ ],
141
+ };
142
+ exports.WithJustFooterText = {
143
+ render: (args) => ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(_1.Footer, Object.assign({}, args)) })),
144
+ args: {
145
+ text: `
146
+ <p>© Copyright 2022 Simply Business. All Rights Reserved.
147
+ Simply Business, LLC is a licensed insurance producer in all U.S.
148
+ States and the District of Columbia.
149
+ Please be advised that insurance coverage cannot be added, deleted or otherwise changed until it is confirmed in writing by Simply Business or your insurance carrier.
150
+ Simply Business has its registered office at Simply Business, 1 Beacon Street, 15th Floor, Boston, MA 02108, (844) 654-7272.
151
+ In the state of California, we operate under the name Simply Business Insurance Agency, Inc., License #0M20593.
152
+ In the state of New York we operate under the name Simply Business Insurance Agency.
153
+ In the state of Texas we operate under the name, U.S. Simply Business, Inc.
154
+ For more information, please refer to our
155
+ <a href="https://www.simplybusiness.com/privacy-policy/" target="_blank">Privacy Policy</a>
156
+ and
157
+ <a href="https://www.simplybusiness.com/terms-conditions/" target="_blank">Terms &amp; Conditions.</a>
158
+ </p>
159
+ `,
160
+ withLogo: true,
161
+ },
162
+ decorators: [
163
+ Story => ((0, jsx_runtime_1.jsx)(contexts_1.ThemeContext.Provider, Object.assign({ value: {
164
+ breakpoints,
165
+ setBreakpoints,
166
+ } }, { children: (0, jsx_runtime_1.jsx)(Story, {}) }))),
167
+ ],
168
+ };
169
+ //# sourceMappingURL=Footer.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Footer.stories.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Footer/Footer.stories.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,22 @@
1
+ /// <reference types="react" />
2
+ import type { Meta } from "@storybook/react";
3
+ import { Header, HeaderProps } from ".";
4
+ declare const _default: {
5
+ title: string;
6
+ component: import("react").FC<HeaderProps>;
7
+ argTypes: {};
8
+ args: {
9
+ openingHours: {
10
+ Mon: string;
11
+ Tue: string;
12
+ Wed: string;
13
+ Thu: string;
14
+ Fri: string;
15
+ "<strong>Sat</strong>": string;
16
+ "<strong>Sun</strong>": string;
17
+ };
18
+ };
19
+ };
20
+ export default _default;
21
+ export declare const Normal: Meta<typeof Header>;
22
+ export declare const WhiteLabel: Meta<typeof Header>;
@@ -0,0 +1,41 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.WhiteLabel = 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: "Chopin/Header",
9
+ component: _1.Header,
10
+ argTypes: (0, excludeControls_1.excludeControls)("className", "openingHours"),
11
+ args: {
12
+ openingHours: {
13
+ Mon: "8am-8pm",
14
+ Tue: "8am-8pm",
15
+ Wed: "8am-8pm",
16
+ Thu: "8am-8pm",
17
+ Fri: "8am-8pm",
18
+ "<strong>Sat</strong>": "<strong>Closed</strong>",
19
+ "<strong>Sun</strong>": "<strong>Closed</strong>",
20
+ },
21
+ },
22
+ };
23
+ exports.Normal = {
24
+ render: (args) => ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(_1.Header, Object.assign({}, args)) })),
25
+ args: {
26
+ phone: "0333 014 6683",
27
+ whiteLabel: false,
28
+ url: "https://www.example.com/",
29
+ },
30
+ };
31
+ exports.WhiteLabel = {
32
+ render: (args) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: {
33
+ height: 300,
34
+ } }, { children: (0, jsx_runtime_1.jsx)(_1.Header, Object.assign({}, args)) }))),
35
+ args: {
36
+ phone: "(855) 737-0087",
37
+ whiteLabel: true,
38
+ url: "https://www.example.com/",
39
+ },
40
+ };
41
+ //# sourceMappingURL=Header.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Header.stories.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Header/Header.stories.tsx"],"names":[],"mappings":";;;;AACA,wBAAwC;AACxC,oEAAiE;AAEjE,kBAAe;IACb,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,SAAM;IACjB,QAAQ,EAAE,IAAA,iCAAe,EAAC,WAAW,EAAE,cAAc,CAAC;IACtD,IAAI,EAAE;QACJ,YAAY,EAAE;YACZ,GAAG,EAAE,SAAS;YACd,GAAG,EAAE,SAAS;YACd,GAAG,EAAE,SAAS;YACd,GAAG,EAAE,SAAS;YACd,GAAG,EAAE,SAAS;YACd,sBAAsB,EAAE,yBAAyB;YACjD,sBAAsB,EAAE,yBAAyB;SAClD;KACF;CACF,CAAC;AAEW,QAAA,MAAM,GAAwB;IACzC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,CAC7B,0CACE,uBAAC,SAAM,oBAAK,IAAI,EAAI,GAChB,CACP;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,eAAe;QACtB,UAAU,EAAE,KAAK;QACjB,GAAG,EAAE,0BAA0B;KAChC;CACF,CAAC;AAEW,QAAA,UAAU,GAAwB;IAC7C,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,CAC7B,8CACE,KAAK,EAAE;YACL,MAAM,EAAE,GAAG;SACZ,gBAED,uBAAC,SAAM,oBAAK,IAAI,EAAI,IAChB,CACP;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,gBAAgB;QACvB,UAAU,EAAE,IAAI;QAChB,GAAG,EAAE,0BAA0B;KAChC;CACF,CAAC"}
@@ -0,0 +1,22 @@
1
+ /// <reference types="react" />
2
+ import type { Meta } from "@storybook/react";
3
+ import { PercentageTotalsQuestion, PercentageTotalsQuestionProps } from "./PercentageTotalsQuestion";
4
+ declare const _default: {
5
+ title: string;
6
+ component: {
7
+ (props: PercentageTotalsQuestionProps): JSX.Element;
8
+ displayName: string;
9
+ };
10
+ argTypes: {};
11
+ decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
12
+ help?: import("react").ReactNode;
13
+ label?: string | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
14
+ className?: string | undefined;
15
+ onChange?: ((state: boolean) => void) | undefined;
16
+ closeHelpOnOutsideClick?: boolean | undefined;
17
+ alertText?: string | undefined;
18
+ items: string[];
19
+ }>) => JSX.Element)[];
20
+ };
21
+ export default _default;
22
+ export declare const Normal: Meta<typeof PercentageTotalsQuestion>;
@@ -0,0 +1,46 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Normal = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const react_1 = require("react");
6
+ const contexts_1 = require("../../../contexts");
7
+ const PercentageTotalsQuestion_1 = require("./PercentageTotalsQuestion");
8
+ const excludeControls_1 = require("../../../utils/excludeControls");
9
+ const breakpoints = [
10
+ { size: "xs", value: 320 },
11
+ { size: "sm", value: 480 },
12
+ { size: "md", value: 670 },
13
+ { size: "lg", value: 960 },
14
+ { size: "xl", value: 1200 },
15
+ { size: "xxl", value: 1320 },
16
+ ];
17
+ exports.default = {
18
+ title: "Chopin/PercentageTotalsQuestion",
19
+ component: PercentageTotalsQuestion_1.PercentageTotalsQuestion,
20
+ argTypes: (0, excludeControls_1.excludeControls)("className", "help", "onChange", "closeHelpOnOutsideClick"),
21
+ decorators: [
22
+ Story => ((0, jsx_runtime_1.jsx)(contexts_1.ThemeProvider, { children: (0, jsx_runtime_1.jsx)(Story, {}) })),
23
+ ],
24
+ };
25
+ exports.Normal = {
26
+ render: (args) => {
27
+ // eslint-disable-next-line
28
+ const { setBreakpoints } = (0, react_1.useContext)(contexts_1.ThemeContext);
29
+ // eslint-disable-next-line
30
+ (0, react_1.useEffect)(() => {
31
+ setBreakpoints(breakpoints);
32
+ }, [setBreakpoints]);
33
+ return (0, jsx_runtime_1.jsx)(PercentageTotalsQuestion_1.PercentageTotalsQuestion, Object.assign({}, args));
34
+ },
35
+ args: {
36
+ label: "What percentage of your work is on?",
37
+ alertText: "The total percentage of your work must be 100%",
38
+ items: [
39
+ "UK contracts",
40
+ "EU contracts",
41
+ "USA and Canada contracts",
42
+ "Rest of the world contracts",
43
+ ],
44
+ },
45
+ };
46
+ //# sourceMappingURL=PercentageTotalsQuestion.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PercentageTotalsQuestion.stories.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAA8C;AAC9C,gDAI2B;AAC3B,yEAGoC;AACpC,oEAAiE;AAEjE,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,kBAAe;IACb,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,mDAAwB;IACnC,QAAQ,EAAE,IAAA,iCAAe,EACvB,WAAW,EACX,MAAM,EACN,UAAU,EACV,yBAAyB,CAC1B;IACD,UAAU,EAAE;QACV,KAAK,CAAC,EAAE,CAAC,CACP,uBAAC,wBAAa,cACZ,uBAAC,KAAK,KAAG,GACK,CACjB;KACF;CAC8C,CAAC;AAErC,QAAA,MAAM,GAA0C;IAC3D,MAAM,EAAE,CAAC,IAAmC,EAAE,EAAE;QAC9C,2BAA2B;QAC3B,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,kBAAU,EAAC,uBAAY,CAAC,CAAC;QAEpD,2BAA2B;QAC3B,IAAA,iBAAS,EAAC,GAAG,EAAE;YACb,cAAc,CAAC,WAAW,CAAC,CAAC;QAC9B,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;QAErB,OAAO,uBAAC,mDAAwB,oBAAK,IAAI,EAAI,CAAC;IAChD,CAAC;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,qCAAqC;QAC5C,SAAS,EAAE,gDAAgD;QAC3D,KAAK,EAAE;YACL,cAAc;YACd,cAAc;YACd,0BAA0B;YAC1B,6BAA6B;SAC9B;KACF;CACF,CAAC"}