@simplybusiness/mobius 4.3.3 → 4.3.5

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 (448) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/components/Table/HeaderCell.js.map +1 -1
  3. package/dist/cjs/tsconfig.tsbuildinfo +1 -1
  4. package/dist/esm/components/Table/HeaderCell.js.map +1 -1
  5. package/dist/types/components/Table/HeaderCell.d.ts +2 -0
  6. package/dist/types/hooks/useButton/useButton.d.ts +1 -1
  7. package/package.json +2 -2
  8. package/src/components/Table/HeaderCell.tsx +2 -0
  9. package/dist/cjs/components/Accordion/Accordion.d.ts +0 -34
  10. package/dist/cjs/components/Accordion/Accordion.stories.d.ts +0 -10
  11. package/dist/cjs/components/Accordion/Accordion.stories.js +0 -62
  12. package/dist/cjs/components/Accordion/Accordion.stories.js.map +0 -1
  13. package/dist/cjs/components/Accordion/Accordion.test.d.ts +0 -1
  14. package/dist/cjs/components/Accordion/Accordion.test.js +0 -191
  15. package/dist/cjs/components/Accordion/Accordion.test.js.map +0 -1
  16. package/dist/cjs/components/Accordion/index.d.ts +0 -1
  17. package/dist/cjs/components/Alert/Alert.d.ts +0 -16
  18. package/dist/cjs/components/Alert/Alert.stories.d.ts +0 -7
  19. package/dist/cjs/components/Alert/Alert.stories.js +0 -37
  20. package/dist/cjs/components/Alert/Alert.stories.js.map +0 -1
  21. package/dist/cjs/components/Alert/Alert.test.d.ts +0 -1
  22. package/dist/cjs/components/Alert/Alert.test.js +0 -50
  23. package/dist/cjs/components/Alert/Alert.test.js.map +0 -1
  24. package/dist/cjs/components/Alert/index.d.ts +0 -1
  25. package/dist/cjs/components/Box/Box.d.ts +0 -15
  26. package/dist/cjs/components/Box/Box.stories.d.ts +0 -7
  27. package/dist/cjs/components/Box/Box.stories.js +0 -24
  28. package/dist/cjs/components/Box/Box.stories.js.map +0 -1
  29. package/dist/cjs/components/Box/Box.test.d.ts +0 -1
  30. package/dist/cjs/components/Box/Box.test.js +0 -33
  31. package/dist/cjs/components/Box/Box.test.js.map +0 -1
  32. package/dist/cjs/components/Box/index.d.ts +0 -1
  33. package/dist/cjs/components/Breadcrumbs/BreadcrumbItem.d.ts +0 -15
  34. package/dist/cjs/components/Breadcrumbs/Breadcrumbs.d.ts +0 -12
  35. package/dist/cjs/components/Breadcrumbs/Breadcrumbs.stories.d.ts +0 -7
  36. package/dist/cjs/components/Breadcrumbs/Breadcrumbs.stories.js +0 -19
  37. package/dist/cjs/components/Breadcrumbs/Breadcrumbs.stories.js.map +0 -1
  38. package/dist/cjs/components/Breadcrumbs/Breadcrumbs.test.d.ts +0 -1
  39. package/dist/cjs/components/Breadcrumbs/Breadcrumbs.test.js +0 -36
  40. package/dist/cjs/components/Breadcrumbs/Breadcrumbs.test.js.map +0 -1
  41. package/dist/cjs/components/Breadcrumbs/index.d.ts +0 -2
  42. package/dist/cjs/components/Button/Button.d.ts +0 -31
  43. package/dist/cjs/components/Button/Button.stories.d.ts +0 -19
  44. package/dist/cjs/components/Button/Button.stories.js +0 -224
  45. package/dist/cjs/components/Button/Button.stories.js.map +0 -1
  46. package/dist/cjs/components/Button/Button.test.d.ts +0 -1
  47. package/dist/cjs/components/Button/Button.test.js +0 -87
  48. package/dist/cjs/components/Button/Button.test.js.map +0 -1
  49. package/dist/cjs/components/Button/Loading.d.ts +0 -2
  50. package/dist/cjs/components/Button/index.d.ts +0 -1
  51. package/dist/cjs/components/Checkbox/Checkbox.d.ts +0 -3
  52. package/dist/cjs/components/Checkbox/Checkbox.stories.d.ts +0 -10
  53. package/dist/cjs/components/Checkbox/Checkbox.stories.js +0 -83
  54. package/dist/cjs/components/Checkbox/Checkbox.stories.js.map +0 -1
  55. package/dist/cjs/components/Checkbox/Checkbox.test.d.ts +0 -1
  56. package/dist/cjs/components/Checkbox/Checkbox.test.js +0 -174
  57. package/dist/cjs/components/Checkbox/Checkbox.test.js.map +0 -1
  58. package/dist/cjs/components/Checkbox/CheckboxGroup.d.ts +0 -3
  59. package/dist/cjs/components/Checkbox/CheckboxGroup.stories.d.ts +0 -9
  60. package/dist/cjs/components/Checkbox/CheckboxGroup.stories.js +0 -67
  61. package/dist/cjs/components/Checkbox/CheckboxGroup.stories.js.map +0 -1
  62. package/dist/cjs/components/Checkbox/CheckboxGroup.test.d.ts +0 -1
  63. package/dist/cjs/components/Checkbox/CheckboxGroup.test.js +0 -242
  64. package/dist/cjs/components/Checkbox/CheckboxGroup.test.js.map +0 -1
  65. package/dist/cjs/components/Checkbox/index.d.ts +0 -3
  66. package/dist/cjs/components/Checkbox/types.d.ts +0 -56
  67. package/dist/cjs/components/Container/Container.d.ts +0 -15
  68. package/dist/cjs/components/Container/Container.stories.d.ts +0 -6
  69. package/dist/cjs/components/Container/Container.stories.js +0 -14
  70. package/dist/cjs/components/Container/Container.stories.js.map +0 -1
  71. package/dist/cjs/components/Container/Container.test.d.ts +0 -1
  72. package/dist/cjs/components/Container/Container.test.js +0 -39
  73. package/dist/cjs/components/Container/Container.test.js.map +0 -1
  74. package/dist/cjs/components/Container/index.d.ts +0 -1
  75. package/dist/cjs/components/Divider/Divider.d.ts +0 -11
  76. package/dist/cjs/components/Divider/Divider.stories.d.ts +0 -6
  77. package/dist/cjs/components/Divider/Divider.stories.js +0 -18
  78. package/dist/cjs/components/Divider/Divider.stories.js.map +0 -1
  79. package/dist/cjs/components/Divider/Divider.test.d.ts +0 -1
  80. package/dist/cjs/components/Divider/Divider.test.js +0 -31
  81. package/dist/cjs/components/Divider/Divider.test.js.map +0 -1
  82. package/dist/cjs/components/Divider/index.d.ts +0 -1
  83. package/dist/cjs/components/Drawer/Content.d.ts +0 -11
  84. package/dist/cjs/components/Drawer/Drawer.d.ts +0 -22
  85. package/dist/cjs/components/Drawer/Drawer.stories.d.ts +0 -8
  86. package/dist/cjs/components/Drawer/Drawer.stories.js +0 -54
  87. package/dist/cjs/components/Drawer/Drawer.stories.js.map +0 -1
  88. package/dist/cjs/components/Drawer/Drawer.test.d.ts +0 -1
  89. package/dist/cjs/components/Drawer/Drawer.test.js +0 -123
  90. package/dist/cjs/components/Drawer/Drawer.test.js.map +0 -1
  91. package/dist/cjs/components/Drawer/DrawerContext.js +0 -17
  92. package/dist/cjs/components/Drawer/DrawerContext.js.map +0 -1
  93. package/dist/cjs/components/Drawer/Header.d.ts +0 -11
  94. package/dist/cjs/components/Drawer/index.d.ts +0 -12
  95. package/dist/cjs/components/Drawer/useDrawer.js +0 -21
  96. package/dist/cjs/components/Drawer/useDrawer.js.map +0 -1
  97. package/dist/cjs/components/DropdownMenu/DropdownMenu.d.ts +0 -15
  98. package/dist/cjs/components/DropdownMenu/DropdownMenu.stories.d.ts +0 -7
  99. package/dist/cjs/components/DropdownMenu/DropdownMenu.stories.js +0 -66
  100. package/dist/cjs/components/DropdownMenu/DropdownMenu.stories.js.map +0 -1
  101. package/dist/cjs/components/DropdownMenu/DropdownMenu.test.d.ts +0 -1
  102. package/dist/cjs/components/DropdownMenu/DropdownMenu.test.js +0 -97
  103. package/dist/cjs/components/DropdownMenu/DropdownMenu.test.js.map +0 -1
  104. package/dist/cjs/components/DropdownMenu/Item.d.ts +0 -15
  105. package/dist/cjs/components/DropdownMenu/index.d.ts +0 -10
  106. package/dist/cjs/components/ErrorMessage/ErrorMessage.d.ts +0 -9
  107. package/dist/cjs/components/ErrorMessage/ErrorMessage.stories.d.ts +0 -7
  108. package/dist/cjs/components/ErrorMessage/ErrorMessage.stories.js +0 -23
  109. package/dist/cjs/components/ErrorMessage/ErrorMessage.stories.js.map +0 -1
  110. package/dist/cjs/components/ErrorMessage/ErrorMessage.test.d.ts +0 -1
  111. package/dist/cjs/components/ErrorMessage/ErrorMessage.test.js +0 -32
  112. package/dist/cjs/components/ErrorMessage/ErrorMessage.test.js.map +0 -1
  113. package/dist/cjs/components/ErrorMessage/index.d.ts +0 -1
  114. package/dist/cjs/components/Fieldset/Fieldset.d.ts +0 -17
  115. package/dist/cjs/components/Fieldset/Fieldset.stories.d.ts +0 -7
  116. package/dist/cjs/components/Fieldset/Fieldset.stories.js +0 -29
  117. package/dist/cjs/components/Fieldset/Fieldset.stories.js.map +0 -1
  118. package/dist/cjs/components/Fieldset/Fieldset.test.d.ts +0 -1
  119. package/dist/cjs/components/Fieldset/Fieldset.test.js +0 -12
  120. package/dist/cjs/components/Fieldset/Fieldset.test.js.map +0 -1
  121. package/dist/cjs/components/Fieldset/index.d.ts +0 -1
  122. package/dist/cjs/components/Flex/Flex.d.ts +0 -4
  123. package/dist/cjs/components/Flex/Flex.stories.d.ts +0 -7
  124. package/dist/cjs/components/Flex/Flex.stories.js +0 -147
  125. package/dist/cjs/components/Flex/Flex.stories.js.map +0 -1
  126. package/dist/cjs/components/Flex/Flex.test.d.ts +0 -1
  127. package/dist/cjs/components/Flex/Flex.test.js +0 -33
  128. package/dist/cjs/components/Flex/Flex.test.js.map +0 -1
  129. package/dist/cjs/components/Flex/index.d.ts +0 -2
  130. package/dist/cjs/components/Flex/propUtils.d.ts +0 -8
  131. package/dist/cjs/components/Flex/propUtils.test.d.ts +0 -1
  132. package/dist/cjs/components/Flex/propUtils.test.js +0 -99
  133. package/dist/cjs/components/Flex/propUtils.test.js.map +0 -1
  134. package/dist/cjs/components/Flex/types.d.ts +0 -33
  135. package/dist/cjs/components/Grid/Grid.d.ts +0 -28
  136. package/dist/cjs/components/Grid/Grid.stories.d.ts +0 -11
  137. package/dist/cjs/components/Grid/Grid.stories.js +0 -218
  138. package/dist/cjs/components/Grid/Grid.stories.js.map +0 -1
  139. package/dist/cjs/components/Grid/Grid.test.d.ts +0 -1
  140. package/dist/cjs/components/Grid/Grid.test.js +0 -97
  141. package/dist/cjs/components/Grid/Grid.test.js.map +0 -1
  142. package/dist/cjs/components/Grid/Item.d.ts +0 -30
  143. package/dist/cjs/components/Grid/index.d.ts +0 -9
  144. package/dist/cjs/components/Icon/Icon.d.ts +0 -2
  145. package/dist/cjs/components/Icon/Icon.stories.d.ts +0 -7
  146. package/dist/cjs/components/Icon/Icon.stories.js +0 -35
  147. package/dist/cjs/components/Icon/Icon.stories.js.map +0 -1
  148. package/dist/cjs/components/Icon/Icon.test.d.ts +0 -1
  149. package/dist/cjs/components/Icon/Icon.test.js +0 -34
  150. package/dist/cjs/components/Icon/Icon.test.js.map +0 -1
  151. package/dist/cjs/components/Icon/IconStyle.d.ts +0 -1
  152. package/dist/cjs/components/Icon/IconStyle.js +0 -413
  153. package/dist/cjs/components/Icon/IconStyle.js.map +0 -1
  154. package/dist/cjs/components/Icon/index.d.ts +0 -2
  155. package/dist/cjs/components/Icon/types.d.ts +0 -13
  156. package/dist/cjs/components/Image/Image.d.ts +0 -17
  157. package/dist/cjs/components/Image/Image.stories.d.ts +0 -6
  158. package/dist/cjs/components/Image/Image.stories.js +0 -19
  159. package/dist/cjs/components/Image/Image.stories.js.map +0 -1
  160. package/dist/cjs/components/Image/Image.test.d.ts +0 -1
  161. package/dist/cjs/components/Image/Image.test.js +0 -39
  162. package/dist/cjs/components/Image/Image.test.js.map +0 -1
  163. package/dist/cjs/components/Image/index.d.ts +0 -1
  164. package/dist/cjs/components/Label/Label.d.ts +0 -13
  165. package/dist/cjs/components/Label/Label.stories.d.ts +0 -6
  166. package/dist/cjs/components/Label/Label.stories.js +0 -17
  167. package/dist/cjs/components/Label/Label.stories.js.map +0 -1
  168. package/dist/cjs/components/Label/Label.test.d.ts +0 -1
  169. package/dist/cjs/components/Label/Label.test.js +0 -37
  170. package/dist/cjs/components/Label/Label.test.js.map +0 -1
  171. package/dist/cjs/components/Label/index.d.ts +0 -1
  172. package/dist/cjs/components/Link/Link.d.ts +0 -24
  173. package/dist/cjs/components/Link/Link.stories.d.ts +0 -7
  174. package/dist/cjs/components/Link/Link.stories.js +0 -45
  175. package/dist/cjs/components/Link/Link.stories.js.map +0 -1
  176. package/dist/cjs/components/Link/Link.test.d.ts +0 -1
  177. package/dist/cjs/components/Link/Link.test.js +0 -65
  178. package/dist/cjs/components/Link/Link.test.js.map +0 -1
  179. package/dist/cjs/components/Link/index.d.ts +0 -1
  180. package/dist/cjs/components/LinkButton/LinkButton.d.ts +0 -15
  181. package/dist/cjs/components/LinkButton/LinkButton.stories.d.ts +0 -6
  182. package/dist/cjs/components/LinkButton/LinkButton.stories.js +0 -46
  183. package/dist/cjs/components/LinkButton/LinkButton.stories.js.map +0 -1
  184. package/dist/cjs/components/LinkButton/LinkButton.test.d.ts +0 -1
  185. package/dist/cjs/components/LinkButton/LinkButton.test.js +0 -67
  186. package/dist/cjs/components/LinkButton/LinkButton.test.js.map +0 -1
  187. package/dist/cjs/components/LinkButton/index.d.ts +0 -1
  188. package/dist/cjs/components/List/List.d.ts +0 -17
  189. package/dist/cjs/components/List/List.stories.d.ts +0 -10
  190. package/dist/cjs/components/List/List.stories.js +0 -82
  191. package/dist/cjs/components/List/List.stories.js.map +0 -1
  192. package/dist/cjs/components/List/List.test.d.ts +0 -1
  193. package/dist/cjs/components/List/List.test.js +0 -95
  194. package/dist/cjs/components/List/List.test.js.map +0 -1
  195. package/dist/cjs/components/List/ListItem.d.ts +0 -14
  196. package/dist/cjs/components/List/index.d.ts +0 -2
  197. package/dist/cjs/components/LoadingIndicator/LoadingIndicator.d.ts +0 -8
  198. package/dist/cjs/components/LoadingIndicator/LoadingIndicator.stories.d.ts +0 -9
  199. package/dist/cjs/components/LoadingIndicator/LoadingIndicator.stories.js +0 -53
  200. package/dist/cjs/components/LoadingIndicator/LoadingIndicator.stories.js.map +0 -1
  201. package/dist/cjs/components/LoadingIndicator/LoadingIndicator.test.d.ts +0 -1
  202. package/dist/cjs/components/LoadingIndicator/LoadingIndicator.test.js +0 -29
  203. package/dist/cjs/components/LoadingIndicator/LoadingIndicator.test.js.map +0 -1
  204. package/dist/cjs/components/LoadingIndicator/index.d.ts +0 -1
  205. package/dist/cjs/components/Logo/Logo.d.ts +0 -14
  206. package/dist/cjs/components/Logo/Logo.stories.d.ts +0 -6
  207. package/dist/cjs/components/Logo/Logo.stories.js +0 -22
  208. package/dist/cjs/components/Logo/Logo.stories.js.map +0 -1
  209. package/dist/cjs/components/Logo/Logo.test.d.ts +0 -1
  210. package/dist/cjs/components/Logo/Logo.test.js +0 -25
  211. package/dist/cjs/components/Logo/Logo.test.js.map +0 -1
  212. package/dist/cjs/components/Logo/index.d.ts +0 -1
  213. package/dist/cjs/components/Modal/Content.d.ts +0 -11
  214. package/dist/cjs/components/Modal/Header.d.ts +0 -11
  215. package/dist/cjs/components/Modal/Modal.d.ts +0 -35
  216. package/dist/cjs/components/Modal/Modal.stories.d.ts +0 -10
  217. package/dist/cjs/components/Modal/Modal.stories.js +0 -90
  218. package/dist/cjs/components/Modal/Modal.stories.js.map +0 -1
  219. package/dist/cjs/components/Modal/Modal.test.d.ts +0 -1
  220. package/dist/cjs/components/Modal/Modal.test.js +0 -137
  221. package/dist/cjs/components/Modal/Modal.test.js.map +0 -1
  222. package/dist/cjs/components/Modal/index.d.ts +0 -12
  223. package/dist/cjs/components/NumberField/NumberField.d.ts +0 -35
  224. package/dist/cjs/components/NumberField/NumberField.stories.d.ts +0 -10
  225. package/dist/cjs/components/NumberField/NumberField.stories.js +0 -100
  226. package/dist/cjs/components/NumberField/NumberField.stories.js.map +0 -1
  227. package/dist/cjs/components/NumberField/NumberField.test.d.ts +0 -1
  228. package/dist/cjs/components/NumberField/NumberField.test.js +0 -117
  229. package/dist/cjs/components/NumberField/NumberField.test.js.map +0 -1
  230. package/dist/cjs/components/NumberField/index.d.ts +0 -1
  231. package/dist/cjs/components/Option/Option.d.ts +0 -10
  232. package/dist/cjs/components/Option/index.d.ts +0 -1
  233. package/dist/cjs/components/PasswordField/PasswordField.d.ts +0 -5
  234. package/dist/cjs/components/PasswordField/PasswordField.stories.d.ts +0 -6
  235. package/dist/cjs/components/PasswordField/PasswordField.stories.js +0 -41
  236. package/dist/cjs/components/PasswordField/PasswordField.stories.js.map +0 -1
  237. package/dist/cjs/components/PasswordField/PasswordField.test.d.ts +0 -1
  238. package/dist/cjs/components/PasswordField/PasswordField.test.js +0 -34
  239. package/dist/cjs/components/PasswordField/PasswordField.test.js.map +0 -1
  240. package/dist/cjs/components/PasswordField/ShowHideButton.d.ts +0 -5
  241. package/dist/cjs/components/PasswordField/index.d.ts +0 -1
  242. package/dist/cjs/components/Popover/Popover.d.ts +0 -15
  243. package/dist/cjs/components/Popover/Popover.stories.d.ts +0 -7
  244. package/dist/cjs/components/Popover/Popover.stories.js +0 -32
  245. package/dist/cjs/components/Popover/Popover.stories.js.map +0 -1
  246. package/dist/cjs/components/Popover/Popover.test.d.ts +0 -1
  247. package/dist/cjs/components/Popover/Popover.test.js +0 -104
  248. package/dist/cjs/components/Popover/Popover.test.js.map +0 -1
  249. package/dist/cjs/components/Popover/index.d.ts +0 -1
  250. package/dist/cjs/components/Progress/Progress.d.ts +0 -20
  251. package/dist/cjs/components/Progress/Progress.stories.d.ts +0 -9
  252. package/dist/cjs/components/Progress/Progress.stories.js +0 -96
  253. package/dist/cjs/components/Progress/Progress.stories.js.map +0 -1
  254. package/dist/cjs/components/Progress/Progress.test.d.ts +0 -1
  255. package/dist/cjs/components/Progress/Progress.test.js +0 -60
  256. package/dist/cjs/components/Progress/Progress.test.js.map +0 -1
  257. package/dist/cjs/components/Progress/index.d.ts +0 -1
  258. package/dist/cjs/components/Radio/Radio.d.ts +0 -53
  259. package/dist/cjs/components/Radio/Radio.stories.d.ts +0 -12
  260. package/dist/cjs/components/Radio/Radio.stories.js +0 -122
  261. package/dist/cjs/components/Radio/Radio.stories.js.map +0 -1
  262. package/dist/cjs/components/Radio/Radio.test.d.ts +0 -1
  263. package/dist/cjs/components/Radio/Radio.test.js +0 -259
  264. package/dist/cjs/components/Radio/Radio.test.js.map +0 -1
  265. package/dist/cjs/components/Radio/RadioButton.d.ts +0 -3
  266. package/dist/cjs/components/Radio/RadioButton.stories.d.ts +0 -11
  267. package/dist/cjs/components/Radio/RadioButton.stories.js +0 -90
  268. package/dist/cjs/components/Radio/RadioButton.stories.js.map +0 -1
  269. package/dist/cjs/components/Radio/RadioButton.test.d.ts +0 -1
  270. package/dist/cjs/components/Radio/RadioButton.test.js +0 -23
  271. package/dist/cjs/components/Radio/RadioButton.test.js.map +0 -1
  272. package/dist/cjs/components/Radio/RadioGroup.d.ts +0 -30
  273. package/dist/cjs/components/Radio/index.d.ts +0 -3
  274. package/dist/cjs/components/SVG/SVG.d.ts +0 -11
  275. package/dist/cjs/components/SVG/SVG.stories.d.ts +0 -6
  276. package/dist/cjs/components/SVG/SVG.stories.js +0 -21
  277. package/dist/cjs/components/SVG/SVG.stories.js.map +0 -1
  278. package/dist/cjs/components/SVG/SVG.test.d.ts +0 -1
  279. package/dist/cjs/components/SVG/SVG.test.js +0 -28
  280. package/dist/cjs/components/SVG/SVG.test.js.map +0 -1
  281. package/dist/cjs/components/SVG/index.d.ts +0 -1
  282. package/dist/cjs/components/Segment/Segment.d.ts +0 -16
  283. package/dist/cjs/components/Segment/Segment.stories.d.ts +0 -19
  284. package/dist/cjs/components/Segment/Segment.stories.js +0 -125
  285. package/dist/cjs/components/Segment/Segment.stories.js.map +0 -1
  286. package/dist/cjs/components/Segment/SegmentGroup.d.ts +0 -13
  287. package/dist/cjs/components/Segment/index.d.ts +0 -2
  288. package/dist/cjs/components/Select/Select.d.ts +0 -20
  289. package/dist/cjs/components/Select/Select.stories.d.ts +0 -10
  290. package/dist/cjs/components/Select/Select.stories.js +0 -89
  291. package/dist/cjs/components/Select/Select.stories.js.map +0 -1
  292. package/dist/cjs/components/Select/Select.test.d.ts +0 -1
  293. package/dist/cjs/components/Select/Select.test.js +0 -108
  294. package/dist/cjs/components/Select/Select.test.js.map +0 -1
  295. package/dist/cjs/components/Select/index.d.ts +0 -1
  296. package/dist/cjs/components/Slider/Slider.d.ts +0 -19
  297. package/dist/cjs/components/Slider/Slider.stories.d.ts +0 -10
  298. package/dist/cjs/components/Slider/Slider.stories.js +0 -84
  299. package/dist/cjs/components/Slider/Slider.stories.js.map +0 -1
  300. package/dist/cjs/components/Slider/Slider.test.d.ts +0 -1
  301. package/dist/cjs/components/Slider/Slider.test.js +0 -85
  302. package/dist/cjs/components/Slider/Slider.test.js.map +0 -1
  303. package/dist/cjs/components/Slider/helpers.d.ts +0 -5
  304. package/dist/cjs/components/Slider/helpers.test.d.ts +0 -1
  305. package/dist/cjs/components/Slider/helpers.test.js +0 -75
  306. package/dist/cjs/components/Slider/helpers.test.js.map +0 -1
  307. package/dist/cjs/components/Slider/index.d.ts +0 -1
  308. package/dist/cjs/components/Table/Body.d.ts +0 -9
  309. package/dist/cjs/components/Table/Cell.d.ts +0 -11
  310. package/dist/cjs/components/Table/Foot.d.ts +0 -9
  311. package/dist/cjs/components/Table/Head.d.ts +0 -9
  312. package/dist/cjs/components/Table/HeaderCell.d.ts +0 -9
  313. package/dist/cjs/components/Table/Row.d.ts +0 -9
  314. package/dist/cjs/components/Table/Table.d.ts +0 -11
  315. package/dist/cjs/components/Table/Table.stories.d.ts +0 -7
  316. package/dist/cjs/components/Table/Table.stories.js +0 -17
  317. package/dist/cjs/components/Table/Table.stories.js.map +0 -1
  318. package/dist/cjs/components/Table/Table.test.d.ts +0 -1
  319. package/dist/cjs/components/Table/Table.test.js +0 -75
  320. package/dist/cjs/components/Table/Table.test.js.map +0 -1
  321. package/dist/cjs/components/Table/index.d.ts +0 -20
  322. package/dist/cjs/components/Text/Text.d.ts +0 -21
  323. package/dist/cjs/components/Text/Text.stories.d.ts +0 -10
  324. package/dist/cjs/components/Text/Text.stories.js +0 -38
  325. package/dist/cjs/components/Text/Text.stories.js.map +0 -1
  326. package/dist/cjs/components/Text/Text.test.d.ts +0 -1
  327. package/dist/cjs/components/Text/Text.test.js +0 -33
  328. package/dist/cjs/components/Text/Text.test.js.map +0 -1
  329. package/dist/cjs/components/Text/index.d.ts +0 -1
  330. package/dist/cjs/components/TextArea/TextArea.d.ts +0 -13
  331. package/dist/cjs/components/TextArea/TextArea.stories.d.ts +0 -11
  332. package/dist/cjs/components/TextArea/TextArea.stories.js +0 -92
  333. package/dist/cjs/components/TextArea/TextArea.stories.js.map +0 -1
  334. package/dist/cjs/components/TextArea/TextArea.test.d.ts +0 -1
  335. package/dist/cjs/components/TextArea/TextArea.test.js +0 -87
  336. package/dist/cjs/components/TextArea/TextArea.test.js.map +0 -1
  337. package/dist/cjs/components/TextArea/index.d.ts +0 -1
  338. package/dist/cjs/components/TextAreaInput/TextAreaInput.d.ts +0 -14
  339. package/dist/cjs/components/TextAreaInput/TextAreaInput.test.d.ts +0 -1
  340. package/dist/cjs/components/TextAreaInput/TextAreaInput.test.js +0 -35
  341. package/dist/cjs/components/TextAreaInput/TextAreaInput.test.js.map +0 -1
  342. package/dist/cjs/components/TextAreaInput/index.d.ts +0 -1
  343. package/dist/cjs/components/TextField/TextField.d.ts +0 -19
  344. package/dist/cjs/components/TextField/TextField.stories.d.ts +0 -20
  345. package/dist/cjs/components/TextField/TextField.stories.js +0 -219
  346. package/dist/cjs/components/TextField/TextField.stories.js.map +0 -1
  347. package/dist/cjs/components/TextField/TextField.test.d.ts +0 -1
  348. package/dist/cjs/components/TextField/TextField.test.js +0 -164
  349. package/dist/cjs/components/TextField/TextField.test.js.map +0 -1
  350. package/dist/cjs/components/TextField/adornmentWithClassName.d.ts +0 -2
  351. package/dist/cjs/components/TextField/index.d.ts +0 -1
  352. package/dist/cjs/components/Title/Title.d.ts +0 -15
  353. package/dist/cjs/components/Title/Title.stories.d.ts +0 -6
  354. package/dist/cjs/components/Title/Title.stories.js +0 -18
  355. package/dist/cjs/components/Title/Title.stories.js.map +0 -1
  356. package/dist/cjs/components/Title/Title.test.d.ts +0 -1
  357. package/dist/cjs/components/Title/Title.test.js +0 -22
  358. package/dist/cjs/components/Title/Title.test.js.map +0 -1
  359. package/dist/cjs/components/Title/index.d.ts +0 -1
  360. package/dist/cjs/components/VisuallyHidden/VisuallyHidden.d.ts +0 -11
  361. package/dist/cjs/components/VisuallyHidden/VisuallyHidden.stories.d.ts +0 -6
  362. package/dist/cjs/components/VisuallyHidden/VisuallyHidden.stories.js +0 -14
  363. package/dist/cjs/components/VisuallyHidden/VisuallyHidden.stories.js.map +0 -1
  364. package/dist/cjs/components/VisuallyHidden/index.d.ts +0 -1
  365. package/dist/cjs/components/index.d.ts +0 -40
  366. package/dist/cjs/hooks/index.d.ts +0 -7
  367. package/dist/cjs/hooks/useBodyScrollLock/index.d.ts +0 -1
  368. package/dist/cjs/hooks/useBodyScrollLock/useBodyScrollLock.d.ts +0 -3
  369. package/dist/cjs/hooks/useBodyScrollLock/useBodyScrollLock.test.d.ts +0 -1
  370. package/dist/cjs/hooks/useBodyScrollLock/useBodyScrollLock.test.js +0 -31
  371. package/dist/cjs/hooks/useBodyScrollLock/useBodyScrollLock.test.js.map +0 -1
  372. package/dist/cjs/hooks/useBreakpoint/index.d.ts +0 -1
  373. package/dist/cjs/hooks/useBreakpoint/useBreakpoint.d.ts +0 -14
  374. package/dist/cjs/hooks/useBreakpoint/useBreakpoint.stories.d.ts +0 -7
  375. package/dist/cjs/hooks/useBreakpoint/useBreakpoint.stories.js +0 -28
  376. package/dist/cjs/hooks/useBreakpoint/useBreakpoint.stories.js.map +0 -1
  377. package/dist/cjs/hooks/useBreakpoint/useBreakpoint.test.d.ts +0 -1
  378. package/dist/cjs/hooks/useBreakpoint/useBreakpoint.test.js +0 -377
  379. package/dist/cjs/hooks/useBreakpoint/useBreakpoint.test.js.map +0 -1
  380. package/dist/cjs/hooks/useButton/index.d.ts +0 -1
  381. package/dist/cjs/hooks/useButton/useButton.d.ts +0 -35
  382. package/dist/cjs/hooks/useButton/useButton.test.d.ts +0 -1
  383. package/dist/cjs/hooks/useButton/useButton.test.js +0 -143
  384. package/dist/cjs/hooks/useButton/useButton.test.js.map +0 -1
  385. package/dist/cjs/hooks/useLabel/index.d.ts +0 -1
  386. package/dist/cjs/hooks/useLabel/useLabel.d.ts +0 -27
  387. package/dist/cjs/hooks/useLabel/useLabel.test.d.ts +0 -1
  388. package/dist/cjs/hooks/useLabel/useLabel.test.js +0 -49
  389. package/dist/cjs/hooks/useLabel/useLabel.test.js.map +0 -1
  390. package/dist/cjs/hooks/useOnClickOutside/index.d.ts +0 -1
  391. package/dist/cjs/hooks/useOnClickOutside/useOnClickOutside.d.ts +0 -2
  392. package/dist/cjs/hooks/useTextField/index.d.ts +0 -2
  393. package/dist/cjs/hooks/useTextField/types.d.ts +0 -26
  394. package/dist/cjs/hooks/useTextField/useTextField.d.ts +0 -2
  395. package/dist/cjs/hooks/useTextField/useTextField.test.d.ts +0 -1
  396. package/dist/cjs/hooks/useTextField/useTextField.test.js +0 -167
  397. package/dist/cjs/hooks/useTextField/useTextField.test.js.map +0 -1
  398. package/dist/cjs/hooks/useWindowEvent/index.d.ts +0 -1
  399. package/dist/cjs/hooks/useWindowEvent/useWindowEvent.d.ts +0 -1
  400. package/dist/cjs/index.d.ts +0 -3
  401. package/dist/cjs/types/components.d.ts +0 -2
  402. package/dist/cjs/types/dom.d.ts +0 -3
  403. package/dist/cjs/types/events.d.ts +0 -45
  404. package/dist/cjs/types/icon.d.ts +0 -9
  405. package/dist/cjs/types/index.d.ts +0 -5
  406. package/dist/cjs/types/size.d.ts +0 -1
  407. package/dist/cjs/utils/StoryContainer.d.ts +0 -1
  408. package/dist/cjs/utils/StoryContainer.js +0 -39
  409. package/dist/cjs/utils/StoryContainer.js.map +0 -1
  410. package/dist/cjs/utils/changeCSS.d.ts +0 -1
  411. package/dist/cjs/utils/excludeControls.d.ts +0 -1
  412. package/dist/cjs/utils/excludeControls.test.d.ts +0 -1
  413. package/dist/cjs/utils/excludeControls.test.js +0 -25
  414. package/dist/cjs/utils/excludeControls.test.js.map +0 -1
  415. package/dist/cjs/utils/index.d.ts +0 -8
  416. package/dist/cjs/utils/jestHTMLDialogPolyfill.d.ts +0 -1
  417. package/dist/cjs/utils/mergeRefs.d.ts +0 -2
  418. package/dist/cjs/utils/polyfill-tests.d.ts +0 -1
  419. package/dist/cjs/utils/sizeClasses.d.ts +0 -16
  420. package/dist/cjs/utils/sizeClasses.test.d.ts +0 -1
  421. package/dist/cjs/utils/sizeClasses.test.js +0 -20
  422. package/dist/cjs/utils/sizeClasses.test.js.map +0 -1
  423. package/dist/cjs/utils/spaceDelimitedList.d.ts +0 -1
  424. package/dist/cjs/utils/spaceDelimitedList.test.d.ts +0 -1
  425. package/dist/cjs/utils/spaceDelimitedList.test.js +0 -27
  426. package/dist/cjs/utils/spaceDelimitedList.test.js.map +0 -1
  427. package/dist/esm/components/Drawer/DrawerContext.js +0 -7
  428. package/dist/esm/components/Drawer/DrawerContext.js.map +0 -1
  429. package/dist/esm/components/Drawer/useDrawer.js +0 -11
  430. package/dist/esm/components/Drawer/useDrawer.js.map +0 -1
  431. package/dist/esm/components/Flex/propUtils.test.js +0 -97
  432. package/dist/esm/components/Flex/propUtils.test.js.map +0 -1
  433. package/dist/esm/components/Icon/IconStyle.js +0 -403
  434. package/dist/esm/components/Icon/IconStyle.js.map +0 -1
  435. package/dist/esm/components/Slider/helpers.test.js +0 -73
  436. package/dist/esm/components/Slider/helpers.test.js.map +0 -1
  437. package/dist/esm/hooks/useBodyScrollLock/useBodyScrollLock.test.js +0 -29
  438. package/dist/esm/hooks/useBodyScrollLock/useBodyScrollLock.test.js.map +0 -1
  439. package/dist/esm/tsconfig.esm.tsbuildinfo +0 -1
  440. package/dist/esm/utils/StoryContainer.js +0 -29
  441. package/dist/esm/utils/StoryContainer.js.map +0 -1
  442. package/dist/esm/utils/excludeControls.test.js +0 -23
  443. package/dist/esm/utils/excludeControls.test.js.map +0 -1
  444. package/dist/esm/utils/sizeClasses.test.js +0 -18
  445. package/dist/esm/utils/sizeClasses.test.js.map +0 -1
  446. package/dist/esm/utils/spaceDelimitedList.test.js +0 -25
  447. package/dist/esm/utils/spaceDelimitedList.test.js.map +0 -1
  448. package/dist/types/components/Icon/IconStyle.d.ts +0 -1
@@ -1,99 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const propUtils_1 = require("./propUtils");
4
- describe("withoutUndefinedValues", () => {
5
- it("returns object without undefined values", () => {
6
- const props = {
7
- a: 1,
8
- b: "Two",
9
- c: [],
10
- d: {},
11
- e: undefined,
12
- f: undefined,
13
- };
14
- const actual = (0, propUtils_1.withoutUndefinedValues)(props);
15
- const expected = {
16
- a: 1,
17
- b: "Two",
18
- c: [],
19
- d: {},
20
- };
21
- expect(actual).toStrictEqual(expected);
22
- });
23
- });
24
- describe("buildFlexStyles", () => {
25
- describe("given a list of props", () => {
26
- it("returns a specified list of flex props", () => {
27
- const props = {
28
- flexDirection: "row",
29
- flexWrap: "wrap",
30
- flexGrow: "1",
31
- flex: "1 1 0px",
32
- justifyContent: "start",
33
- alignItems: "stretch",
34
- alignContent: "center",
35
- gap: "10px",
36
- rowGap: "20px",
37
- columnGap: "30px",
38
- };
39
- const expectedProps = Object.assign(Object.assign({}, props), { display: "flex" });
40
- const actual = (0, propUtils_1.buildFlexStyles)(props);
41
- expect(actual).toStrictEqual(expectedProps);
42
- });
43
- });
44
- describe("given a list of partially defined props", () => {
45
- it("returns flex props that are defined", () => {
46
- const props = {
47
- flexDirection: "row",
48
- flexWrap: undefined,
49
- flexGrow: "1",
50
- flex: undefined,
51
- justifyContent: "start",
52
- alignItems: undefined,
53
- alignContent: "center",
54
- gap: undefined,
55
- rowGap: "20px",
56
- columnGap: undefined,
57
- };
58
- const expectedProps = {
59
- flexDirection: "row",
60
- flexGrow: "1",
61
- justifyContent: "start",
62
- alignContent: "center",
63
- rowGap: "20px",
64
- display: "flex",
65
- };
66
- const actual = (0, propUtils_1.buildFlexStyles)(props);
67
- expect(actual).toStrictEqual(expectedProps);
68
- });
69
- });
70
- });
71
- describe("splitProps", () => {
72
- describe("given a list of props", () => {
73
- it("returns an array with two items: 1) specified flex props; 2) all other props", () => {
74
- const flexProps = {
75
- flexDirection: "row",
76
- flexWrap: "wrap",
77
- flexGrow: "1",
78
- flex: "1 1 0px",
79
- justifyContent: "start",
80
- alignItems: "stretch",
81
- alignContent: "center",
82
- gap: "10px",
83
- rowGap: "20px",
84
- columnGap: "30px",
85
- };
86
- const otherProps = {
87
- a: 1,
88
- b: "Two",
89
- c: [],
90
- d: {},
91
- };
92
- const props = Object.assign(Object.assign({}, flexProps), otherProps);
93
- const actual = (0, propUtils_1.splitProps)(props);
94
- const expected = [flexProps, otherProps];
95
- expect(actual).toStrictEqual(expected);
96
- });
97
- });
98
- });
99
- //# sourceMappingURL=propUtils.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"propUtils.test.js","sourceRoot":"","sources":["../../../../src/components/Flex/propUtils.test.ts"],"names":[],"mappings":"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"}
@@ -1,33 +0,0 @@
1
- import { Ref, ReactNode, RefAttributes, AriaRole } from "react";
2
- import type { Property } from "csstype";
3
- import { DOMProps } from "../../types/dom";
4
- export type FlexElementType = HTMLDivElement;
5
- export interface FlexStyleProps {
6
- elementType?: string | React.ElementType;
7
- flexDirection?: Property.FlexDirection;
8
- flexWrap?: Property.FlexWrap;
9
- flexGrow?: Property.FlexGrow;
10
- flex?: Property.Flex;
11
- /** Aligns grid items along the block (column) axis */
12
- alignItems?: Property.AlignItems;
13
- /** Aligns the grid along the inline (row) axis */
14
- alignContent?: Property.AlignContent;
15
- /** Aligns the grid along the inline (row) axis */
16
- justifyContent?: Property.JustifyContent;
17
- /** How big a gap between the columns and rows */
18
- gap?: Property.Gap;
19
- /** How big a gap between the rows */
20
- rowGap?: Property.RowGap;
21
- /** How big a gap between the columns */
22
- columnGap?: Property.ColumnGap;
23
- style?: React.CSSProperties;
24
- role?: AriaRole;
25
- }
26
- export interface FlexNonStyleProps extends DOMProps, RefAttributes<FlexElementType> {
27
- children?: ReactNode;
28
- /** Custom class name for setting specific CSS */
29
- className?: string;
30
- }
31
- export interface FlexProps extends FlexStyleProps, FlexNonStyleProps {
32
- }
33
- export type FlexRef = Ref<FlexElementType>;
@@ -1,28 +0,0 @@
1
- import { Ref, ReactNode, RefAttributes } from "react";
2
- import { DOMProps } from "../../types/dom";
3
- import { ForwardedRefComponent } from "../../types/components";
4
- export type GridElementType = HTMLDivElement;
5
- export interface GridProps extends RefAttributes<GridElementType>, DOMProps {
6
- children?: ReactNode;
7
- /** The number of columns */
8
- columns?: number;
9
- /** How big a gap between the columns and rows */
10
- gap?: string;
11
- /** How big a gap between the columns */
12
- columnGap?: string;
13
- /** How big a gap between the rows */
14
- rowGap?: string;
15
- /** Aligns the grid along the block (column) axis */
16
- alignContent?: "center" | "space-around" | "space-between" | "space-evenly" | "stretch";
17
- /** Aligns the grid along the inline (row) axis */
18
- justifyContent?: "center" | "start" | "end" | "space-around" | "space-between" | "space-evenly";
19
- /** Aligns grid items along the block (column) axis */
20
- alignItems?: "center" | "start" | "end" | "stretch" | "baseline";
21
- /** Aligns grid items along the inline (row) axis */
22
- justifyItems?: "start" | "end" | "center" | "stretch";
23
- /** Custom class name for setting specific CSS */
24
- className?: string;
25
- }
26
- export type GridRef = Ref<GridElementType>;
27
- declare const Grid: ForwardedRefComponent<GridProps, GridElementType>;
28
- export { Grid };
@@ -1,11 +0,0 @@
1
- import type { Meta, StoryObj } from "@storybook/react";
2
- import { Grid } from ".";
3
- import { GridItem } from "./Item";
4
- type StoryType = StoryObj<typeof Grid>;
5
- declare const meta: Meta<typeof Grid>;
6
- export declare const AlignmentProperties: StoryType;
7
- export declare const Normal: StoryType;
8
- export declare const EightColumns: StoryType;
9
- export declare const Responsive: Meta<typeof GridItem>;
10
- export declare const ItemPositioning: Meta<typeof GridItem>;
11
- export default meta;
@@ -1,218 +0,0 @@
1
- "use strict";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- Object.defineProperty(exports, "__esModule", { value: true });
14
- exports.ItemPositioning = exports.Responsive = exports.EightColumns = exports.Normal = exports.AlignmentProperties = void 0;
15
- const jsx_runtime_1 = require("react/jsx-runtime");
16
- const _1 = require(".");
17
- const Box_1 = require("../Box");
18
- const Flex_1 = require("../Flex");
19
- const sizeOptions = [
20
- "",
21
- "size-xs",
22
- "size-s",
23
- "size-m",
24
- "size-l",
25
- "size-xl",
26
- "size-xxl",
27
- ];
28
- const meta = {
29
- title: "Layout/Grid",
30
- component: _1.Grid,
31
- argTypes: {
32
- columns: {
33
- control: { type: "number" },
34
- },
35
- gap: {
36
- control: { type: "select" },
37
- options: [...sizeOptions],
38
- },
39
- rowGap: {
40
- control: { type: "select" },
41
- options: [...sizeOptions],
42
- if: {
43
- arg: "gap",
44
- truthy: false,
45
- },
46
- },
47
- columnGap: {
48
- control: { type: "select" },
49
- options: [...sizeOptions],
50
- if: {
51
- arg: "gap",
52
- truthy: false,
53
- },
54
- },
55
- alignContent: {
56
- control: { type: "select" },
57
- options: [
58
- "",
59
- "center",
60
- "space-around",
61
- "space-between",
62
- "space-evenly",
63
- "stretch",
64
- ],
65
- },
66
- justifyContent: {
67
- control: { type: "select" },
68
- options: [
69
- "",
70
- "center",
71
- "start",
72
- "end",
73
- "space-around",
74
- "space-between",
75
- "space-evenly",
76
- ],
77
- },
78
- alignItems: {
79
- control: { type: "select" },
80
- options: ["", "center", "start", "end", "stretch", "baseline"],
81
- },
82
- justifyItems: {
83
- control: { type: "select" },
84
- options: ["", "start", "end", "center", "stretch"],
85
- },
86
- },
87
- decorators: [
88
- Story => {
89
- // eslint-disable-next-line global-require
90
- require("./Grid.story.styles.css");
91
- return (0, jsx_runtime_1.jsx)(Story, {});
92
- },
93
- ],
94
- };
95
- const Card = (_a) => {
96
- var { children } = _a, props = __rest(_a, ["children"]);
97
- return ((0, jsx_runtime_1.jsx)(Box_1.Box, Object.assign({ style: {
98
- borderRadius: "4px",
99
- padding: "8px",
100
- backgroundColor: "#dddddd",
101
- width: "80%",
102
- } }, props, { children: children })));
103
- };
104
- const Square = (_a) => {
105
- var { children } = _a, props = __rest(_a, ["children"]);
106
- return ((0, jsx_runtime_1.jsx)(Flex_1.Flex, Object.assign({ alignItems: "center", justifyContent: "center", style: { height: "100%" } }, props, { children: children })));
107
- };
108
- const AlignSquare = (_a) => {
109
- var { children } = _a, props = __rest(_a, ["children"]);
110
- return ((0, jsx_runtime_1.jsx)(Box_1.Box, Object.assign({ style: {} }, props, { children: children })));
111
- };
112
- exports.AlignmentProperties = {
113
- render: (args) => ((0, jsx_runtime_1.jsxs)(_1.Grid, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(_1.Grid.Item, { className: "grid-example-grid-alignment-item", span: 4, children: (0, jsx_runtime_1.jsx)(Square, { children: "1" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { className: "grid-example-grid-alignment-item", span: 4, children: (0, jsx_runtime_1.jsx)(Square, { children: "2" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { className: "grid-example-grid-alignment-item", span: 4, children: (0, jsx_runtime_1.jsx)(Square, { children: "3" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { className: "grid-example-grid-alignment-item", span: 4, children: (0, jsx_runtime_1.jsx)(Square, { children: "4" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { className: "grid-example-grid-alignment-item", span: 4, children: (0, jsx_runtime_1.jsx)(Square, { children: "5" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { className: "grid-example-grid-alignment-item", span: 4, children: (0, jsx_runtime_1.jsx)(Square, { children: "6" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { className: "grid-example-grid-alignment-item", span: 4, children: (0, jsx_runtime_1.jsx)(Square, { children: "7" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { className: "grid-example-grid-alignment-item", span: 4, children: (0, jsx_runtime_1.jsx)(Square, { children: "8" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { className: "grid-example-grid-alignment-item", span: 4, children: (0, jsx_runtime_1.jsx)(Square, { children: "9" }) })] }))),
114
- args: {
115
- columns: 12,
116
- gap: "size-xs",
117
- rowGap: "",
118
- columnGap: "",
119
- alignItems: "stretch",
120
- justifyItems: "stretch",
121
- className: "grid-example-fixed-size-grid",
122
- },
123
- };
124
- exports.Normal = {
125
- render: (args) => ((0, jsx_runtime_1.jsxs)(_1.Grid, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(_1.Grid.Item, { span: 12, children: (0, jsx_runtime_1.jsx)(Card, { children: "span=12" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { span: 11, children: (0, jsx_runtime_1.jsx)(Card, { children: "span=11" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { span: 1, children: (0, jsx_runtime_1.jsx)(Card, { children: "span=1" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { span: 10, children: (0, jsx_runtime_1.jsx)(Card, { children: "span=10" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { span: 2, children: (0, jsx_runtime_1.jsx)(Card, { children: "span=2" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { span: 9, children: (0, jsx_runtime_1.jsx)(Card, { children: "span=9" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { span: 3, children: (0, jsx_runtime_1.jsx)(Card, { children: "span=3" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { span: 8, children: (0, jsx_runtime_1.jsx)(Card, { children: "span=8" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { span: 4, children: (0, jsx_runtime_1.jsx)(Card, { children: "span=4" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { span: 7, children: (0, jsx_runtime_1.jsx)(Card, { children: "span=7" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { span: 5, children: (0, jsx_runtime_1.jsx)(Card, { children: "span=5" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { span: 6, children: (0, jsx_runtime_1.jsx)(Card, { children: "span=6" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { span: 6, children: (0, jsx_runtime_1.jsx)(Card, { children: "span=6" }) })] }))),
126
- args: {
127
- columns: 12,
128
- gap: "size-xs",
129
- rowGap: "",
130
- columnGap: "",
131
- alignItems: "stretch",
132
- justifyItems: "stretch",
133
- },
134
- };
135
- exports.EightColumns = {
136
- render: (args) => ((0, jsx_runtime_1.jsx)(_1.Grid, Object.assign({}, args, { children: [...new Array(8)].map((_, k) => (
137
- // eslint-disable-next-line react/no-array-index-key
138
- (0, jsx_runtime_1.jsx)(Card, { children: "span=1" }, k))) }))),
139
- args: {
140
- columns: 8,
141
- gap: "size-xs",
142
- alignItems: "stretch",
143
- justifyItems: "stretch",
144
- className: "grid-example-eight-columns",
145
- },
146
- };
147
- const breakpointControl = {
148
- control: {
149
- type: "number",
150
- min: 0,
151
- max: 12,
152
- step: 1,
153
- },
154
- };
155
- exports.Responsive = {
156
- render: (args) => {
157
- const breakpointArgs = ["xs", "sm", "md", "lg", "xl", "xxl"];
158
- const allArgs = Object.entries(args)
159
- .filter(([breakpoint]) => breakpointArgs.includes(breakpoint))
160
- .map(([breakpoint, value]) => `${breakpoint}=${value}`)
161
- .join(" ");
162
- return ((0, jsx_runtime_1.jsxs)(_1.Grid, { gap: "size-xs", alignItems: "stretch", justifyItems: "stretch", children: [(0, jsx_runtime_1.jsx)(_1.Grid.Item, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)(Card, { children: allArgs }) })), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { lg: 4, children: (0, jsx_runtime_1.jsx)(Card, { children: "lg=4" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { xs: 5, children: (0, jsx_runtime_1.jsx)(Card, { children: "xs=5" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { span: 5, children: (0, jsx_runtime_1.jsx)(Card, { children: "span=5" }) })] }));
163
- },
164
- args: {
165
- xs: 12,
166
- sm: 6,
167
- md: 2,
168
- lg: 8,
169
- xl: 12,
170
- xxl: 4,
171
- },
172
- parameters: {
173
- controls: {
174
- exclude: ["columns"],
175
- },
176
- },
177
- argTypes: {
178
- xs: breakpointControl,
179
- sm: breakpointControl,
180
- md: breakpointControl,
181
- lg: breakpointControl,
182
- xl: breakpointControl,
183
- xxl: breakpointControl,
184
- },
185
- };
186
- exports.ItemPositioning = {
187
- render: (args) => ((0, jsx_runtime_1.jsxs)(_1.Grid, { columns: 12, gap: "size-xs", alignItems: "stretch", justifyItems: "stretch", className: "grid-example-fixed-size-grid", children: [(0, jsx_runtime_1.jsx)(_1.Grid.Item, Object.assign({ className: "grid-example-align-square-item", span: 4 }, args, { children: (0, jsx_runtime_1.jsx)(AlignSquare, { children: "1" }) })), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { className: "grid-example-align-square-item", span: 4, children: (0, jsx_runtime_1.jsx)(AlignSquare, { children: "2" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { className: "grid-example-align-square-item", span: 4, children: (0, jsx_runtime_1.jsx)(AlignSquare, { children: "3" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { className: "grid-example-align-square-item", span: 4, children: (0, jsx_runtime_1.jsx)(AlignSquare, { children: "4" }) })] })),
188
- args: {
189
- alignSelf: "center",
190
- justifySelf: "end",
191
- },
192
- argTypes: {
193
- alignSelf: {
194
- control: { type: "select" },
195
- options: ["", "center", "start", "end", "stretch"],
196
- },
197
- justifySelf: {
198
- control: { type: "select" },
199
- options: ["", "center", "start", "end", "stretch"],
200
- },
201
- },
202
- parameters: {
203
- controls: {
204
- exclude: [
205
- "columns",
206
- "gap",
207
- "rowGap",
208
- "columnGap",
209
- "alignContent",
210
- "justifyContent",
211
- "alignItems",
212
- "justifyItems",
213
- ],
214
- },
215
- },
216
- };
217
- exports.default = meta;
218
- //# sourceMappingURL=Grid.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Grid.stories.js","sourceRoot":"","sources":["../../../../src/components/Grid/Grid.stories.tsx"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- export {};
@@ -1,97 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const jsx_runtime_1 = require("react/jsx-runtime");
4
- const react_1 = require("@testing-library/react");
5
- const _1 = require(".");
6
- const Item_1 = require("./Item");
7
- describe("Test for Grid", () => {
8
- it("should render without errors", () => {
9
- const component = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Grid, { children: [(0, jsx_runtime_1.jsx)(_1.Grid.Item, { span: 11, children: "span=11" }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { span: 1, children: "span=1" })] }));
10
- expect(component).toBeTruthy();
11
- });
12
- describe("given the span prop is an array", () => {
13
- it("should render default as fallback", () => {
14
- const span = [1, 2, 3];
15
- const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Grid, { children: (0, jsx_runtime_1.jsxs)(_1.Grid.Item, { span: span, children: ["span=", Item_1.DEFAULT_SPAN] }) }));
16
- expect(container).toBeTruthy();
17
- expect(react_1.screen.getByText(`span=${Item_1.DEFAULT_SPAN}`)).toHaveStyle(`grid-column: span ${Item_1.DEFAULT_SPAN};`);
18
- });
19
- });
20
- describe("given the span prop is a custom number", () => {
21
- it("should render using the custom value", () => {
22
- const span = 5;
23
- const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Grid, { children: (0, jsx_runtime_1.jsxs)(_1.Grid.Item, { span: span, children: ["span=", span] }) }));
24
- expect(container).toBeTruthy();
25
- expect(react_1.screen.getByText(`span=${span}`)).toHaveStyle(`grid-column: span ${span};`);
26
- });
27
- });
28
- });
29
- describe("getBreakpointMap", () => {
30
- describe("given only the smallest breakpoint is provided", () => {
31
- it("returns the smallest breakpoint repeated across the map", () => {
32
- const config = {
33
- xs: 6,
34
- sm: undefined,
35
- md: undefined,
36
- lg: undefined,
37
- xl: undefined,
38
- xxl: undefined,
39
- };
40
- const breakpointMap = (0, Item_1.getBreakpointMap)(config);
41
- const expected = {
42
- xs: 6,
43
- sm: 6,
44
- md: 6,
45
- lg: 6,
46
- xl: 6,
47
- xxl: 6,
48
- };
49
- expect(breakpointMap).toEqual(expected);
50
- });
51
- });
52
- describe("given only a single breakpoint is provided", () => {
53
- it("returns the breakpoint, which is then repeated across the higher breakpoints", () => {
54
- const config = {
55
- xs: undefined,
56
- sm: undefined,
57
- md: undefined,
58
- lg: 9,
59
- xl: undefined,
60
- xxl: undefined,
61
- };
62
- const breakpointMap = (0, Item_1.getBreakpointMap)(config);
63
- const expected = {
64
- xs: undefined,
65
- sm: undefined,
66
- md: undefined,
67
- lg: 9,
68
- xl: 9,
69
- xxl: 9,
70
- };
71
- expect(breakpointMap).toEqual(expected);
72
- });
73
- });
74
- describe("given only the largest breakpoint is provided", () => {
75
- it("returns the largest breakpoint", () => {
76
- const config = {
77
- xs: undefined,
78
- sm: undefined,
79
- md: undefined,
80
- lg: undefined,
81
- xl: undefined,
82
- xxl: 2,
83
- };
84
- const breakpointMap = (0, Item_1.getBreakpointMap)(config);
85
- const expected = {
86
- xs: undefined,
87
- sm: undefined,
88
- md: undefined,
89
- lg: undefined,
90
- xl: undefined,
91
- xxl: 2,
92
- };
93
- expect(breakpointMap).toEqual(expected);
94
- });
95
- });
96
- });
97
- //# sourceMappingURL=Grid.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Grid.test.js","sourceRoot":"","sources":["../../../../src/components/Grid/Grid.test.tsx"],"names":[],"mappings":"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"}
@@ -1,30 +0,0 @@
1
- import { Ref, RefAttributes } from "react";
2
- import { DOMProps } from "../../types/dom";
3
- import { ForwardedRefComponent } from "../../types/components";
4
- import { SizeType } from "../../types";
5
- export type GridItemElementType = HTMLDivElement;
6
- export interface GridItemProps extends RefAttributes<GridItemElementType>, DOMProps {
7
- /** How many columns the item spans */
8
- span?: number | number[];
9
- /** React children */
10
- children?: React.ReactNode;
11
- /** How many columns the item spans on the smallest breakpoint */
12
- xs?: number;
13
- sm?: number;
14
- md?: number;
15
- lg?: number;
16
- xl?: number;
17
- /** How many columns the item spans on the largest breakpoint */
18
- xxl?: number;
19
- /** Aligns the grid item along the block (column) axis */
20
- alignSelf?: "center" | "start" | "end" | "stretch";
21
- /** Aligns the grid item along the inline (row) axis */
22
- justifySelf?: "center" | "start" | "end" | "stretch";
23
- /** Custom class name for setting specific CSS */
24
- className?: string;
25
- }
26
- export declare const getBreakpointMap: (config: Partial<Record<SizeType, number>>) => {};
27
- export type GridItemRef = Ref<GridItemElementType>;
28
- export declare const DEFAULT_SPAN = 12;
29
- declare const GridItem: ForwardedRefComponent<GridItemProps, GridItemElementType>;
30
- export { GridItem };
@@ -1,9 +0,0 @@
1
- import { ForwardedRefComponent } from "../../types/components";
2
- import { GridElementType, GridProps } from "./Grid";
3
- import { GridItemProps, GridItemElementType } from "./Item";
4
- export interface GridCompound extends ForwardedRefComponent<GridProps, GridItemElementType> {
5
- Item: ForwardedRefComponent<GridItemProps, GridElementType>;
6
- }
7
- declare const Grid: GridCompound;
8
- export { Grid };
9
- export type { GridProps, GridItemProps, GridElementType, GridItemElementType };
@@ -1,2 +0,0 @@
1
- import { IconProps } from "./types";
2
- export declare function Icon({ icon, className, size, color, fixedWidth, spin, spinReverse, ...otherProps }: IconProps): import("react/jsx-runtime").JSX.Element;
@@ -1,7 +0,0 @@
1
- import type { Meta, StoryObj } from "@storybook/react";
2
- import { Icon } from "./Icon";
3
- type StoryType = StoryObj<typeof Icon>;
4
- declare const meta: Meta<typeof Icon>;
5
- export declare const Normal: StoryType;
6
- export declare const Spinning: StoryType;
7
- export default meta;
@@ -1,35 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Spinning = exports.Normal = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const Icon_1 = require("./Icon");
6
- const utils_1 = require("../../utils");
7
- const meta = {
8
- title: "Components/Icon",
9
- component: Icon_1.Icon,
10
- argTypes: Object.assign({}, (0, utils_1.excludeControls)("icon")),
11
- };
12
- const defaultArgs = {
13
- spin: false,
14
- spinReverse: false,
15
- fixedWidth: false,
16
- size: "lg",
17
- };
18
- const home = {
19
- iconName: "home",
20
- width: 576,
21
- height: 512,
22
- svgPathData: "M303.5 13.7L288 .5 272.5 13.7l-264 224 31.1 36.6L64 253.5V488v24H88 488h24V488 253.5l24.5 20.8 31.1-36.6-264-224zM464 212.8V464H112V212.8L288 63.5 464 212.8z",
23
- iconType: "fill",
24
- fill: "none",
25
- };
26
- exports.Normal = {
27
- render: (args) => ((0, jsx_runtime_1.jsx)("p", { children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, Object.assign({}, args, { icon: home })) })),
28
- args: Object.assign({}, defaultArgs),
29
- };
30
- exports.Spinning = {
31
- render: (args) => ((0, jsx_runtime_1.jsx)("p", { children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, Object.assign({}, args, { icon: home })) })),
32
- args: Object.assign(Object.assign({}, defaultArgs), { spin: true }),
33
- };
34
- exports.default = meta;
35
- //# sourceMappingURL=Icon.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Icon.stories.js","sourceRoot":"","sources":["../../../../src/components/Icon/Icon.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAA8B;AAC9B,uCAA8C;AAK9C,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,WAAI;IACf,QAAQ,oBACH,IAAA,uBAAe,EAAC,MAAM,CAAC,CAC3B;CACF,CAAC;AAEF,MAAM,WAAW,GAAG;IAClB,IAAI,EAAE,KAAK;IACX,WAAW,EAAE,KAAK;IAClB,UAAU,EAAE,KAAK;IACjB,IAAI,EAAE,IAAI;CACF,CAAC;AAEX,MAAM,IAAI,GAAG;IACX,QAAQ,EAAE,MAAM;IAChB,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,WAAW,EACT,+JAA+J;IACjK,QAAQ,EAAE,MAAM;IAChB,IAAI,EAAE,MAAM;CACJ,CAAC;AAEE,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,CAC3B,wCACE,uBAAC,WAAI,oBAAK,IAAI,IAAE,IAAI,EAAE,IAAI,IAAI,GAC5B,CACL;IACD,IAAI,oBACC,WAAW,CACf;CACF,CAAC;AAEW,QAAA,QAAQ,GAAc;IACjC,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,CAC3B,wCACE,uBAAC,WAAI,oBAAK,IAAI,IAAE,IAAI,EAAE,IAAI,IAAI,GAC5B,CACL;IACD,IAAI,kCACC,WAAW,KACd,IAAI,EAAE,IAAI,GACX;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}
@@ -1 +0,0 @@
1
- export {};