@simplybusiness/mobius 3.9.2 → 3.9.4

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 (285) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/cjs/components/Button/Button.stories.d.ts +4 -0
  3. package/dist/cjs/components/Button/Button.stories.js +18 -1
  4. package/dist/cjs/components/Button/Button.stories.js.map +1 -1
  5. package/dist/cjs/components/Segment/Segment.stories.d.ts +10 -0
  6. package/dist/cjs/components/Segment/Segment.stories.js +47 -1
  7. package/dist/cjs/components/Segment/Segment.stories.js.map +1 -1
  8. package/dist/cjs/components/Text/Text.stories.d.ts +5 -0
  9. package/dist/cjs/components/Text/Text.stories.js +9 -1
  10. package/dist/cjs/components/Text/Text.stories.js.map +1 -1
  11. package/dist/cjs/components/TextField/TextField.stories.d.ts +3 -0
  12. package/dist/cjs/components/TextField/TextField.stories.js +5 -1
  13. package/dist/cjs/components/TextField/TextField.stories.js.map +1 -1
  14. package/dist/cjs/tsconfig.tsbuildinfo +1 -1
  15. package/dist/esm/tsconfig.esm.tsbuildinfo +1 -1
  16. package/package.json +2 -1
  17. package/src/components/Accordion/Accordion.mdx +3 -4
  18. package/src/components/Alert/Alert.mdx +4 -8
  19. package/src/components/Box/Box.mdx +4 -8
  20. package/src/components/Breadcrumbs/Breadcrumbs.mdx +2 -2
  21. package/src/components/Button/Button.mdx +17 -79
  22. package/src/components/Button/Button.stories.tsx +27 -0
  23. package/src/components/Checkbox/Checkbox.mdx +9 -23
  24. package/src/components/Checkbox/CheckboxGroup.mdx +7 -17
  25. package/src/components/Chopin/Actions/Actions.mdx +3 -5
  26. package/src/components/Chopin/Footer/Footer.mdx +2 -2
  27. package/src/components/Chopin/Header/Header.mdx +2 -2
  28. package/src/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.mdx +3 -5
  29. package/src/components/Chopin/Question/Question.mdx +2 -2
  30. package/src/components/Chopin/QuestionGroup/QuestionGroup.mdx +2 -2
  31. package/src/components/Chopin/Section/Section.mdx +2 -2
  32. package/src/components/Chopin/Steps/Steps.mdx +2 -2
  33. package/src/components/Chopin/Testimonial/Testimonial.mdx +3 -5
  34. package/src/components/Chopin/TradeSelector/TradeSelector.mdx +2 -2
  35. package/src/components/Container/Container.mdx +3 -5
  36. package/src/components/DataTable/DataTable.mdx +7 -17
  37. package/src/components/DatePicker/DatePicker.mdx +2 -2
  38. package/src/components/Divider/Divider.mdx +3 -5
  39. package/src/components/DropdownMenu/DropdownMenu.mdx +4 -8
  40. package/src/components/ErrorMessage/ErrorMessage.mdx +3 -7
  41. package/src/components/Fieldset/Fieldset.mdx +4 -8
  42. package/src/components/Flex/Flex.mdx +2 -2
  43. package/src/components/Grid/Grid.mdx +35 -69
  44. package/src/components/Icon/Icon.mdx +2 -2
  45. package/src/components/Image/Image.mdx +3 -5
  46. package/src/components/Label/Label.mdx +3 -5
  47. package/src/components/Link/Link.mdx +4 -8
  48. package/src/components/LinkButton/LinkButton.mdx +3 -5
  49. package/src/components/List/List.mdx +2 -2
  50. package/src/components/LoadingIndicator/LoadingIndicator.mdx +2 -2
  51. package/src/components/MaskedField/MaskedField.mdx +3 -5
  52. package/src/components/Modal/Modal.mdx +2 -2
  53. package/src/components/NumberField/NumberField.mdx +25 -20
  54. package/src/components/PasswordField/PasswordField.mdx +3 -5
  55. package/src/components/Progress/Progress.mdx +6 -14
  56. package/src/components/Radio/Radio.mdx +9 -23
  57. package/src/components/Radio/RadioButton.mdx +10 -26
  58. package/src/components/SVG/SVG.mdx +2 -2
  59. package/src/components/Segment/Segment.mdx +31 -240
  60. package/src/components/Segment/Segment.stories.tsx +205 -2
  61. package/src/components/Select/Select.mdx +2 -2
  62. package/src/components/Slider/Slider.mdx +5 -13
  63. package/src/components/Table/Table.mdx +4 -8
  64. package/src/components/Text/Text.mdx +6 -114
  65. package/src/components/Text/Text.stories.tsx +102 -0
  66. package/src/components/TextArea/TextArea.mdx +8 -20
  67. package/src/components/TextField/TextField.mdx +10 -35
  68. package/src/components/TextField/TextField.stories.tsx +13 -0
  69. package/src/components/Title/Title.mdx +3 -5
  70. package/src/components/VisuallyHidden/VisuallyHidden.mdx +2 -4
  71. package/src/hooks/useBreakpoint/useBreakpoint.mdx +3 -7
  72. package/dist/esm/components/Accordion/Accordion.stories.js +0 -45
  73. package/dist/esm/components/Accordion/Accordion.stories.js.map +0 -1
  74. package/dist/esm/components/Accordion/Accordion.test.js +0 -65
  75. package/dist/esm/components/Accordion/Accordion.test.js.map +0 -1
  76. package/dist/esm/components/Alert/Alert.stories.js +0 -32
  77. package/dist/esm/components/Alert/Alert.stories.js.map +0 -1
  78. package/dist/esm/components/Alert/Alert.test.js +0 -48
  79. package/dist/esm/components/Alert/Alert.test.js.map +0 -1
  80. package/dist/esm/components/Box/Box.stories.js +0 -20
  81. package/dist/esm/components/Box/Box.stories.js.map +0 -1
  82. package/dist/esm/components/Box/Box.test.js +0 -31
  83. package/dist/esm/components/Box/Box.test.js.map +0 -1
  84. package/dist/esm/components/Breadcrumbs/Breadcrumbs.stories.js +0 -17
  85. package/dist/esm/components/Breadcrumbs/Breadcrumbs.stories.js.map +0 -1
  86. package/dist/esm/components/Breadcrumbs/Breadcrumbs.test.js +0 -33
  87. package/dist/esm/components/Breadcrumbs/Breadcrumbs.test.js.map +0 -1
  88. package/dist/esm/components/Button/Button.stories.js +0 -198
  89. package/dist/esm/components/Button/Button.stories.js.map +0 -1
  90. package/dist/esm/components/Button/Button.test.js +0 -81
  91. package/dist/esm/components/Button/Button.test.js.map +0 -1
  92. package/dist/esm/components/Checkbox/Checkbox.stories.js +0 -98
  93. package/dist/esm/components/Checkbox/Checkbox.stories.js.map +0 -1
  94. package/dist/esm/components/Checkbox/Checkbox.test.js +0 -108
  95. package/dist/esm/components/Checkbox/Checkbox.test.js.map +0 -1
  96. package/dist/esm/components/Checkbox/CheckboxGroup.stories.js +0 -71
  97. package/dist/esm/components/Checkbox/CheckboxGroup.stories.js.map +0 -1
  98. package/dist/esm/components/Checkbox/CheckboxGroup.test.js +0 -44
  99. package/dist/esm/components/Checkbox/CheckboxGroup.test.js.map +0 -1
  100. package/dist/esm/components/Chopin/Actions/Actions.stories.js +0 -56
  101. package/dist/esm/components/Chopin/Actions/Actions.stories.js.map +0 -1
  102. package/dist/esm/components/Chopin/Actions/Actions.test.js +0 -95
  103. package/dist/esm/components/Chopin/Actions/Actions.test.js.map +0 -1
  104. package/dist/esm/components/Chopin/Actions/LinkOrButton.test.js +0 -33
  105. package/dist/esm/components/Chopin/Actions/LinkOrButton.test.js.map +0 -1
  106. package/dist/esm/components/Chopin/Footer/Footer.stories.js +0 -166
  107. package/dist/esm/components/Chopin/Footer/Footer.stories.js.map +0 -1
  108. package/dist/esm/components/Chopin/Footer/Footer.test.js +0 -90
  109. package/dist/esm/components/Chopin/Footer/Footer.test.js.map +0 -1
  110. package/dist/esm/components/Chopin/Header/Header.stories.js +0 -38
  111. package/dist/esm/components/Chopin/Header/Header.stories.js.map +0 -1
  112. package/dist/esm/components/Chopin/Header/Header.test.js +0 -86
  113. package/dist/esm/components/Chopin/Header/Header.test.js.map +0 -1
  114. package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.js +0 -43
  115. package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.js.map +0 -1
  116. package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.test.js +0 -108
  117. package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.test.js.map +0 -1
  118. package/dist/esm/components/Chopin/Question/Question.stories.js +0 -136
  119. package/dist/esm/components/Chopin/Question/Question.stories.js.map +0 -1
  120. package/dist/esm/components/Chopin/Question/Question.test.js +0 -116
  121. package/dist/esm/components/Chopin/Question/Question.test.js.map +0 -1
  122. package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.stories.js +0 -40
  123. package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.stories.js.map +0 -1
  124. package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.test.js +0 -62
  125. package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.test.js.map +0 -1
  126. package/dist/esm/components/Chopin/QuestionHelp/QuestionHelp.test.js +0 -41
  127. package/dist/esm/components/Chopin/QuestionHelp/QuestionHelp.test.js.map +0 -1
  128. package/dist/esm/components/Chopin/Section/Section.stories.js +0 -16
  129. package/dist/esm/components/Chopin/Section/Section.stories.js.map +0 -1
  130. package/dist/esm/components/Chopin/Section/Section.test.js +0 -35
  131. package/dist/esm/components/Chopin/Section/Section.test.js.map +0 -1
  132. package/dist/esm/components/Chopin/Steps/Steps.stories.js +0 -12
  133. package/dist/esm/components/Chopin/Steps/Steps.stories.js.map +0 -1
  134. package/dist/esm/components/Chopin/Steps/Steps.test.js +0 -93
  135. package/dist/esm/components/Chopin/Steps/Steps.test.js.map +0 -1
  136. package/dist/esm/components/Chopin/Testimonial/Testimonial.stories.js +0 -15
  137. package/dist/esm/components/Chopin/Testimonial/Testimonial.stories.js.map +0 -1
  138. package/dist/esm/components/Chopin/Testimonial/Testimonial.test.js +0 -35
  139. package/dist/esm/components/Chopin/Testimonial/Testimonial.test.js.map +0 -1
  140. package/dist/esm/components/Chopin/TradeSelector/Listing/Listing.test.js +0 -26
  141. package/dist/esm/components/Chopin/TradeSelector/Listing/Listing.test.js.map +0 -1
  142. package/dist/esm/components/Chopin/TradeSelector/Listing/ListingItem.test.js +0 -37
  143. package/dist/esm/components/Chopin/TradeSelector/Listing/ListingItem.test.js.map +0 -1
  144. package/dist/esm/components/Chopin/TradeSelector/SearchResults/SearchResults.test.js +0 -86
  145. package/dist/esm/components/Chopin/TradeSelector/SearchResults/SearchResults.test.js.map +0 -1
  146. package/dist/esm/components/Chopin/TradeSelector/TradeInput/TradeInput.test.js +0 -52
  147. package/dist/esm/components/Chopin/TradeSelector/TradeInput/TradeInput.test.js.map +0 -1
  148. package/dist/esm/components/Chopin/TradeSelector/TradeSelector.stories.js +0 -52
  149. package/dist/esm/components/Chopin/TradeSelector/TradeSelector.stories.js.map +0 -1
  150. package/dist/esm/components/Chopin/TradeSelector/TradeSelector.test.js +0 -226
  151. package/dist/esm/components/Chopin/TradeSelector/TradeSelector.test.js.map +0 -1
  152. package/dist/esm/components/Container/Container.stories.js +0 -12
  153. package/dist/esm/components/Container/Container.stories.js.map +0 -1
  154. package/dist/esm/components/Container/Container.test.js +0 -37
  155. package/dist/esm/components/Container/Container.test.js.map +0 -1
  156. package/dist/esm/components/DataTable/DataTable.stories.js +0 -174
  157. package/dist/esm/components/DataTable/DataTable.stories.js.map +0 -1
  158. package/dist/esm/components/DataTable/DataTable.test.js +0 -119
  159. package/dist/esm/components/DataTable/DataTable.test.js.map +0 -1
  160. package/dist/esm/components/DatePicker/DatePicker.stories.js +0 -25
  161. package/dist/esm/components/DatePicker/DatePicker.stories.js.map +0 -1
  162. package/dist/esm/components/Divider/Divider.stories.js +0 -12
  163. package/dist/esm/components/Divider/Divider.stories.js.map +0 -1
  164. package/dist/esm/components/DropdownMenu/DropdownMenu.stories.js +0 -58
  165. package/dist/esm/components/DropdownMenu/DropdownMenu.stories.js.map +0 -1
  166. package/dist/esm/components/DropdownMenu/DropdownMenu.test.js +0 -95
  167. package/dist/esm/components/DropdownMenu/DropdownMenu.test.js.map +0 -1
  168. package/dist/esm/components/ErrorMessage/ErrorMessage.stories.js +0 -21
  169. package/dist/esm/components/ErrorMessage/ErrorMessage.stories.js.map +0 -1
  170. package/dist/esm/components/ErrorMessage/ErrorMessage.test.js +0 -30
  171. package/dist/esm/components/ErrorMessage/ErrorMessage.test.js.map +0 -1
  172. package/dist/esm/components/Fieldset/Fieldset.stories.js +0 -22
  173. package/dist/esm/components/Fieldset/Fieldset.stories.js.map +0 -1
  174. package/dist/esm/components/Fieldset/Fieldset.test.js +0 -10
  175. package/dist/esm/components/Fieldset/Fieldset.test.js.map +0 -1
  176. package/dist/esm/components/Flex/Flex.stories.js +0 -148
  177. package/dist/esm/components/Flex/Flex.stories.js.map +0 -1
  178. package/dist/esm/components/Flex/Flex.test.js +0 -31
  179. package/dist/esm/components/Flex/Flex.test.js.map +0 -1
  180. package/dist/esm/components/Grid/Grid.stories.js +0 -227
  181. package/dist/esm/components/Grid/Grid.stories.js.map +0 -1
  182. package/dist/esm/components/Grid/Grid.test.js +0 -95
  183. package/dist/esm/components/Grid/Grid.test.js.map +0 -1
  184. package/dist/esm/components/Icon/Icon.stories.js +0 -43
  185. package/dist/esm/components/Icon/Icon.stories.js.map +0 -1
  186. package/dist/esm/components/Icon/Icon.test.js +0 -52
  187. package/dist/esm/components/Icon/Icon.test.js.map +0 -1
  188. package/dist/esm/components/Image/Image.stories.js +0 -17
  189. package/dist/esm/components/Image/Image.stories.js.map +0 -1
  190. package/dist/esm/components/Image/Image.test.js +0 -37
  191. package/dist/esm/components/Image/Image.test.js.map +0 -1
  192. package/dist/esm/components/Label/Label.stories.js +0 -15
  193. package/dist/esm/components/Label/Label.stories.js.map +0 -1
  194. package/dist/esm/components/Label/Label.test.js +0 -35
  195. package/dist/esm/components/Label/Label.test.js.map +0 -1
  196. package/dist/esm/components/Link/Link.stories.js +0 -41
  197. package/dist/esm/components/Link/Link.stories.js.map +0 -1
  198. package/dist/esm/components/Link/Link.test.js +0 -65
  199. package/dist/esm/components/Link/Link.test.js.map +0 -1
  200. package/dist/esm/components/LinkButton/LinkButton.stories.js +0 -42
  201. package/dist/esm/components/LinkButton/LinkButton.stories.js.map +0 -1
  202. package/dist/esm/components/LinkButton/LinkButton.test.js +0 -62
  203. package/dist/esm/components/LinkButton/LinkButton.test.js.map +0 -1
  204. package/dist/esm/components/List/List.stories.js +0 -77
  205. package/dist/esm/components/List/List.stories.js.map +0 -1
  206. package/dist/esm/components/List/List.test.js +0 -93
  207. package/dist/esm/components/List/List.test.js.map +0 -1
  208. package/dist/esm/components/LoadingIndicator/LoadingIndicator.stories.js +0 -50
  209. package/dist/esm/components/LoadingIndicator/LoadingIndicator.stories.js.map +0 -1
  210. package/dist/esm/components/LoadingIndicator/LoadingIndicator.test.js +0 -27
  211. package/dist/esm/components/LoadingIndicator/LoadingIndicator.test.js.map +0 -1
  212. package/dist/esm/components/MaskedField/MaskedField.stories.js +0 -22
  213. package/dist/esm/components/MaskedField/MaskedField.stories.js.map +0 -1
  214. package/dist/esm/components/MaskedField/MaskedField.test.js +0 -64
  215. package/dist/esm/components/MaskedField/MaskedField.test.js.map +0 -1
  216. package/dist/esm/components/Modal/Modal.stories.js +0 -79
  217. package/dist/esm/components/Modal/Modal.stories.js.map +0 -1
  218. package/dist/esm/components/Modal/Modal.test.js +0 -135
  219. package/dist/esm/components/Modal/Modal.test.js.map +0 -1
  220. package/dist/esm/components/NumberField/NumberField.stories.js +0 -103
  221. package/dist/esm/components/NumberField/NumberField.stories.js.map +0 -1
  222. package/dist/esm/components/NumberField/NumberField.test.js +0 -81
  223. package/dist/esm/components/NumberField/NumberField.test.js.map +0 -1
  224. package/dist/esm/components/PasswordField/PasswordField.stories.js +0 -31
  225. package/dist/esm/components/PasswordField/PasswordField.stories.js.map +0 -1
  226. package/dist/esm/components/PasswordField/PasswordField.test.js +0 -29
  227. package/dist/esm/components/PasswordField/PasswordField.test.js.map +0 -1
  228. package/dist/esm/components/Progress/Progress.stories.js +0 -89
  229. package/dist/esm/components/Progress/Progress.stories.js.map +0 -1
  230. package/dist/esm/components/Progress/Progress.test.js +0 -32
  231. package/dist/esm/components/Progress/Progress.test.js.map +0 -1
  232. package/dist/esm/components/Radio/Radio.stories.js +0 -118
  233. package/dist/esm/components/Radio/Radio.stories.js.map +0 -1
  234. package/dist/esm/components/Radio/Radio.test.js +0 -139
  235. package/dist/esm/components/Radio/Radio.test.js.map +0 -1
  236. package/dist/esm/components/Radio/RadioButton.stories.js +0 -88
  237. package/dist/esm/components/Radio/RadioButton.stories.js.map +0 -1
  238. package/dist/esm/components/Radio/RadioButton.test.js +0 -118
  239. package/dist/esm/components/Radio/RadioButton.test.js.map +0 -1
  240. package/dist/esm/components/SVG/SVG.stories.js +0 -19
  241. package/dist/esm/components/SVG/SVG.stories.js.map +0 -1
  242. package/dist/esm/components/SVG/SVG.test.js +0 -26
  243. package/dist/esm/components/SVG/SVG.test.js.map +0 -1
  244. package/dist/esm/components/Segment/Segment.stories.js +0 -75
  245. package/dist/esm/components/Segment/Segment.stories.js.map +0 -1
  246. package/dist/esm/components/Select/Select.stories.js +0 -79
  247. package/dist/esm/components/Select/Select.stories.js.map +0 -1
  248. package/dist/esm/components/Select/Select.test.js +0 -94
  249. package/dist/esm/components/Select/Select.test.js.map +0 -1
  250. package/dist/esm/components/Slider/Slider.stories.js +0 -63
  251. package/dist/esm/components/Slider/Slider.stories.js.map +0 -1
  252. package/dist/esm/components/Slider/Slider.test.js +0 -58
  253. package/dist/esm/components/Slider/Slider.test.js.map +0 -1
  254. package/dist/esm/components/Table/Table.stories.js +0 -15
  255. package/dist/esm/components/Table/Table.stories.js.map +0 -1
  256. package/dist/esm/components/Table/Table.test.js +0 -73
  257. package/dist/esm/components/Table/Table.test.js.map +0 -1
  258. package/dist/esm/components/Text/Text.stories.js +0 -26
  259. package/dist/esm/components/Text/Text.stories.js.map +0 -1
  260. package/dist/esm/components/Text/Text.test.js +0 -31
  261. package/dist/esm/components/Text/Text.test.js.map +0 -1
  262. package/dist/esm/components/TextArea/TextArea.stories.js +0 -80
  263. package/dist/esm/components/TextArea/TextArea.stories.js.map +0 -1
  264. package/dist/esm/components/TextArea/TextArea.test.js +0 -84
  265. package/dist/esm/components/TextArea/TextArea.test.js.map +0 -1
  266. package/dist/esm/components/TextAreaInput/TextAreaInput.test.js +0 -42
  267. package/dist/esm/components/TextAreaInput/TextAreaInput.test.js.map +0 -1
  268. package/dist/esm/components/TextField/TextField.stories.js +0 -100
  269. package/dist/esm/components/TextField/TextField.stories.js.map +0 -1
  270. package/dist/esm/components/TextField/TextField.test.js +0 -123
  271. package/dist/esm/components/TextField/TextField.test.js.map +0 -1
  272. package/dist/esm/components/Title/Title.stories.js +0 -16
  273. package/dist/esm/components/Title/Title.stories.js.map +0 -1
  274. package/dist/esm/components/Title/Title.test.js +0 -20
  275. package/dist/esm/components/Title/Title.test.js.map +0 -1
  276. package/dist/esm/components/VisuallyHidden/VisuallyHidden.stories.js +0 -12
  277. package/dist/esm/components/VisuallyHidden/VisuallyHidden.stories.js.map +0 -1
  278. package/dist/esm/contexts/ThemeContext/ThemeContext.test.js +0 -10
  279. package/dist/esm/contexts/ThemeContext/ThemeContext.test.js.map +0 -1
  280. package/dist/esm/hooks/useBreakpoint/useBreakpoint.stories.js +0 -40
  281. package/dist/esm/hooks/useBreakpoint/useBreakpoint.stories.js.map +0 -1
  282. package/dist/esm/hooks/useBreakpoint/useBreakpoint.test.js +0 -242
  283. package/dist/esm/hooks/useBreakpoint/useBreakpoint.test.js.map +0 -1
  284. package/dist/esm/hooks/useButton/useButton.test.js +0 -141
  285. package/dist/esm/hooks/useButton/useButton.test.js.map +0 -1
@@ -1,5 +1,5 @@
1
1
  import { useState } from "react";
2
- import { Meta, ArgsTable, Canvas, Story } from "@storybook/blocks";
2
+ import { Meta, ArgTypes, Canvas } from "@storybook/blocks";
3
3
  import { TextField } from "./TextField";
4
4
  import { Label, Segment, SegmentGroup } from "..";
5
5
  import { excludeControls } from "../../utils/excludeControls";
@@ -27,60 +27,35 @@ import { TextField } from "@simplybusiness/mobius";
27
27
 
28
28
  ### Normal
29
29
 
30
- <Canvas>
31
- <Story of={TextFieldStories.Normal} />
32
- </Canvas>
30
+ <Canvas of={TextFieldStories.Normal} />
33
31
 
34
32
  ### Placeholder
35
33
 
36
- <Canvas>
37
- <Story of={TextFieldStories.Placeholder} />
38
- </Canvas>
34
+ <Canvas of={TextFieldStories.Placeholder} />
39
35
 
40
36
  ### Controlled Value
41
37
 
42
- <Canvas>
43
- <Story of={TextFieldStories.ControlledValue} />
44
- </Canvas>
38
+ <Canvas of={TextFieldStories.ControlledValue} />
45
39
 
46
40
  ### Disabled
47
41
 
48
- <Canvas>
49
- <Story of={TextFieldStories.Disabled} />
50
- </Canvas>
42
+ <Canvas of={TextFieldStories.Disabled} />
51
43
 
52
44
  ### Valid
53
45
 
54
- <Canvas>
55
- <Story of={TextFieldStories.Valid} />
56
- </Canvas>
46
+ <Canvas of={TextFieldStories.Valid} />
57
47
 
58
48
  ### Hidden
59
49
 
60
- <Canvas>
61
- <Story of={TextFieldStories.Hidden} />
62
- </Canvas>
50
+ <Canvas of={TextFieldStories.Hidden} />
63
51
 
64
52
  ### Invalid
65
53
 
66
- <Canvas>
67
- <Story of={TextFieldStories.Invalid} />
68
- </Canvas>
54
+ <Canvas of={TextFieldStories.Invalid} />
69
55
 
70
56
  ### TextField fills width of container by default
71
57
 
72
- <Canvas>
73
- <SegmentGroup horizontal>
74
- <Segment>
75
- <TextField label="First name" />
76
- </Segment>
77
-
78
- <Segment>
79
- <TextField label="Last name" />
80
- </Segment>
81
-
82
- </SegmentGroup>
83
- </Canvas>
58
+ <TextFieldStories.ExampleHorizontal />
84
59
 
85
60
  ## Accessibility
86
61
 
@@ -93,7 +68,7 @@ See the example of controlled component using the `onChange` prop.
93
68
 
94
69
  ## Props
95
70
 
96
- <ArgsTable of={TextField} />
71
+ <ArgTypes of={TextField} />
97
72
 
98
73
  ## Component HTML Structure and Class names
99
74
 
@@ -1,10 +1,12 @@
1
1
  import type { Meta } from "@storybook/react";
2
2
  import { TextField, TextFieldProps } from "./TextField";
3
3
  import { excludeControls } from "../../utils/excludeControls";
4
+ import { Segment, SegmentGroup } from "../Segment";
4
5
 
5
6
  export default {
6
7
  title: "Forms/TextField",
7
8
  component: TextField,
9
+ excludeStories: ["ExampleHorizontal"],
8
10
  argTypes: {
9
11
  validationState: {
10
12
  options: ["valid", "invalid", "neither"],
@@ -109,3 +111,14 @@ export const Invalid: Meta<typeof TextField> = {
109
111
  errorMessage: "This is an error message",
110
112
  },
111
113
  };
114
+
115
+ export const ExampleHorizontal = () => (
116
+ <SegmentGroup horizontal>
117
+ <Segment>
118
+ <TextField label="First name" />
119
+ </Segment>
120
+ <Segment>
121
+ <TextField label="Last name" />
122
+ </Segment>
123
+ </SegmentGroup>
124
+ );
@@ -1,4 +1,4 @@
1
- import { Meta, ArgsTable, Canvas, Story } from "@storybook/blocks";
1
+ import { Meta, ArgTypes, Canvas } from "@storybook/blocks";
2
2
  import { Title, TitleProps } from "./Title";
3
3
  import { excludeControls } from "../../utils/excludeControls";
4
4
  import * as TitleStories from "./Title.stories";
@@ -25,13 +25,11 @@ import { Title } from "@simplybusiness/mobius";
25
25
 
26
26
  ## Normal
27
27
 
28
- <Canvas>
29
- <Story of={TitleStories.Normal} />
30
- </Canvas>
28
+ <Canvas of={TitleStories.Normal} />
31
29
 
32
30
  ## Props
33
31
 
34
- <ArgsTable of={Title} />
32
+ <ArgTypes of={Title} />
35
33
 
36
34
  ## Component HTML Structure and Class names
37
35
 
@@ -1,4 +1,4 @@
1
- import { Meta, ArgsTable, Canvas, Story } from "@storybook/blocks";
1
+ import { Meta, ArgTypes, Canvas } from "@storybook/blocks";
2
2
  import { VisuallyHidden, VisuallyHiddenProps } from ".";
3
3
  import { excludeControls } from "../../utils/excludeControls";
4
4
  import * as VisuallyHiddenStories from "./VisuallyHidden.stories";
@@ -36,9 +36,7 @@ function MyComponent() {
36
36
 
37
37
  ## Normal
38
38
 
39
- <Canvas>
40
- <Story of={VisuallyHiddenStories.Normal} />
41
- </Canvas>
39
+ <Canvas of={VisuallyHiddenStories.Normal} />
42
40
 
43
41
  ---
44
42
 
@@ -1,4 +1,4 @@
1
- import { Canvas, Meta, Story } from "@storybook/blocks";
1
+ import { Canvas, Meta } from "@storybook/blocks";
2
2
  import * as UseBreakpointStories from "./useBreakpoint.stories";
3
3
 
4
4
  import { useBreakpoint } from "./useBreakpoint";
@@ -116,9 +116,7 @@ const breakpoints = [
116
116
  ];
117
117
  ```
118
118
 
119
- <Canvas>
120
- <Story of={UseBreakpointStories.Normal} />
121
- </Canvas>
119
+ <Canvas of={UseBreakpointStories.Normal} />
122
120
 
123
121
  ### `up` and `down` helpers
124
122
 
@@ -137,6 +135,4 @@ const isMobile = down("sm");
137
135
  const isDesktop = up("md");
138
136
  ```
139
137
 
140
- <Canvas>
141
- <Story of={UseBreakpointStories.UpAndDown} />
142
- </Canvas>
138
+ <Canvas of={UseBreakpointStories.UpAndDown} />
@@ -1,45 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Accordion, Segment, SegmentGroup } from "..";
3
- import { excludeControls } from "../../utils/excludeControls";
4
- export default {
5
- title: "Components/Accordion",
6
- component: Accordion,
7
- argTypes: excludeControls("onClick", "className"),
8
- };
9
- export const Normal = {
10
- render: (args) => (_jsxs(Accordion, Object.assign({}, args, { children: [_jsx("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }), _jsx("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" })] }))),
11
- args: {
12
- showText: "See more",
13
- hideText: "See less",
14
- headerPosition: "bottom",
15
- startOpen: false,
16
- },
17
- };
18
- export const StartExpanded = {
19
- render: (args) => (_jsx(Accordion, Object.assign({}, args, { children: _jsx("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }) }))),
20
- args: {
21
- showText: "See more",
22
- hideText: "See less",
23
- headerPosition: "bottom",
24
- startOpen: true,
25
- },
26
- };
27
- export const TopHeader = {
28
- render: (args) => (_jsx(Accordion, Object.assign({}, args, { children: _jsx("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }) }))),
29
- args: {
30
- showText: "See more",
31
- hideText: "See less",
32
- headerPosition: "top",
33
- startOpen: false,
34
- },
35
- };
36
- export const ComplexContent = {
37
- render: (args) => (_jsx(Accordion, Object.assign({}, args, { children: _jsxs(SegmentGroup, { children: [_jsx(Segment, { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }), _jsx(Segment, { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" })] }) }))),
38
- args: {
39
- showText: "See more",
40
- hideText: "See less",
41
- headerPosition: "bottom",
42
- startOpen: false,
43
- },
44
- };
45
- //# sourceMappingURL=Accordion.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Accordion.stories.js","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAkB,OAAO,EAAE,YAAY,EAAE,MAAM,IAAI,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,eAAe;IACb,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,SAAS;IACpB,QAAQ,EAAE,eAAe,CAAC,SAAS,EAAE,WAAW,CAAC;CAClD,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAA2B;IAC5C,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,MAAC,SAAS,oBAAK,IAAI,eACjB,0HAGI,EACJ,0HAGI,KACM,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,QAAQ;QACxB,SAAS,EAAE,KAAK;KACjB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAA2B;IACnD,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,KAAC,SAAS,oBAAK,IAAI,cACjB,0HAGI,IACM,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,QAAQ;QACxB,SAAS,EAAE,IAAI;KAChB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAA2B;IAC/C,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,KAAC,SAAS,oBAAK,IAAI,cACjB,0HAGI,IACM,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,KAAK;QACrB,SAAS,EAAE,KAAK;KACjB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAA2B;IACpD,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,KAAC,SAAS,oBAAK,IAAI,cACjB,MAAC,YAAY,eACX,KAAC,OAAO,kHAGE,EACV,KAAC,OAAO,kHAGE,IACG,IACL,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,QAAQ;QACxB,SAAS,EAAE,KAAK;KACjB;CACF,CAAC"}
@@ -1,65 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { render, screen, fireEvent } from "@testing-library/react";
3
- import { Accordion } from ".";
4
- const CLASS_NAME = "mobius/Accordion";
5
- describe("Accordion", () => {
6
- it("should render without errors", () => {
7
- const component = render(_jsx(Accordion, { children: "test" }));
8
- expect(component).toBeTruthy();
9
- });
10
- it("should open when clicked", () => {
11
- var _a, _b, _c;
12
- const { container } = render(_jsx(Accordion, { children: "test content" }));
13
- const header = container.getElementsByClassName("mobius/AccordionLink")[0];
14
- const content = container.getElementsByClassName("mobius/AccordionContent")[0];
15
- expect((_a = content.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement).toHaveClass(`rah-static--height-zero`);
16
- expect(screen.getByText("See more")).toBeInTheDocument();
17
- fireEvent.click(header);
18
- expect((_b = content.parentElement) === null || _b === void 0 ? void 0 : _b.parentElement).toHaveClass(`rah-animating--to-height-auto`);
19
- expect(screen.getByText("See less")).toBeInTheDocument();
20
- fireEvent.click(header);
21
- expect((_c = content.parentElement) === null || _c === void 0 ? void 0 : _c.parentElement).toHaveClass(`rah-animating--to-height-zero`);
22
- expect(screen.getByText("See more")).toBeInTheDocument();
23
- });
24
- it("renders header in correct place relative to content", () => {
25
- const { container } = render(_jsx(Accordion, Object.assign({ headerPosition: "top" }, { children: "test content" })));
26
- const accordion = container.getElementsByClassName("mobius/Accordion")[0];
27
- expect(accordion.firstChild).toHaveClass(`mobius/AccordionLink show`);
28
- expect(accordion.lastChild).toHaveClass(`rah-static`);
29
- const bottomAccordion = render(_jsx(Accordion, Object.assign({ headerPosition: "bottom" }, { children: "test content" })));
30
- const accordion2 = bottomAccordion.container.getElementsByClassName("mobius/Accordion")[0];
31
- expect(accordion2.firstChild).toHaveClass(`rah-static`);
32
- expect(accordion2.lastChild).toHaveClass(`mobius/AccordionLink show`);
33
- });
34
- it("respects startOpen prop and is expanded", () => {
35
- render(_jsx(Accordion, Object.assign({ startOpen: true }, { children: "test content" })));
36
- expect(screen.getByText("See less")).toBeInTheDocument();
37
- });
38
- describe("uses correct class names", () => {
39
- it("uses mobius class", () => {
40
- const { container } = render(_jsx(Accordion, { children: "test content" }));
41
- expect(container.firstChild).toHaveClass("mobius");
42
- });
43
- it("uses base Mobius class", () => {
44
- render(_jsx(Accordion, Object.assign({ "data-testid": "test" }, { children: "Sample text" })));
45
- expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
46
- });
47
- it("includes custom class name", () => {
48
- render(_jsx(Accordion, Object.assign({ className: "my-class", "data-testid": "test" }, { children: "Sample Text" })));
49
- expect(screen.getByTestId("test")).toHaveClass("my-class");
50
- expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
51
- });
52
- });
53
- describe("respects onClick prop", () => {
54
- var _a, _b;
55
- const handleOnClick = jest.fn();
56
- const { container } = render(_jsx(Accordion, Object.assign({ onClick: handleOnClick }, { children: "Sample Text" })));
57
- const header = container.getElementsByClassName("mobius/AccordionLink")[0];
58
- const content = container.getElementsByClassName("mobius/AccordionContent")[0];
59
- expect((_a = content.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement).toHaveClass(`rah-static--height-zero`);
60
- fireEvent.click(header);
61
- expect((_b = content.parentElement) === null || _b === void 0 ? void 0 : _b.parentElement).toHaveClass(`rah-animating--to-height-auto`);
62
- expect(handleOnClick).toHaveBeenCalled();
63
- });
64
- });
65
- //# sourceMappingURL=Accordion.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Accordion.test.js","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.test.tsx"],"names":[],"mappings":"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"}
@@ -1,32 +0,0 @@
1
- import { jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Alert } from "./Alert";
3
- import { excludeControls } from "../../utils/excludeControls";
4
- export default {
5
- title: "Components/Alert",
6
- component: Alert,
7
- argTypes: Object.assign({ variant: {
8
- control: { type: "radio" },
9
- options: ["info", "success", "warning", "error"],
10
- } }, excludeControls("elementType", "className")),
11
- };
12
- export const Normal = {
13
- render: (args) => (_jsxs(Alert, Object.assign({}, args, { children: ["Today is", " ", new Intl.DateTimeFormat("en-GB", {
14
- dateStyle: "long",
15
- }).format(new Date())] }))),
16
- args: {
17
- variant: "info",
18
- show: true,
19
- header: "",
20
- },
21
- };
22
- export const WithHeader = {
23
- render: (args) => (_jsxs(Alert, Object.assign({}, args, { children: ["Today is", " ", new Intl.DateTimeFormat("en-GB", {
24
- dateStyle: "long",
25
- }).format(new Date())] }))),
26
- args: {
27
- variant: "info",
28
- show: true,
29
- header: "Information",
30
- },
31
- };
32
- //# sourceMappingURL=Alert.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Alert.stories.js","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAc,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,eAAe;IACb,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,KAAK;IAChB,QAAQ,kBACN,OAAO,EAAE;YACP,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC;SACjD,IACE,eAAe,CAAC,aAAa,EAAE,WAAW,CAAC,CAC/C;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAuB;IACxC,MAAM,EAAE,CAAC,IAAgB,EAAE,EAAE,CAAC,CAC5B,MAAC,KAAK,oBAAK,IAAI,2BACJ,GAAG,EACX,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE;gBAChC,SAAS,EAAE,MAAM;aAClB,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,KACf,CACT;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,EAAE;KACX;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAuB;IAC5C,MAAM,EAAE,CAAC,IAAgB,EAAE,EAAE,CAAC,CAC5B,MAAC,KAAK,oBAAK,IAAI,2BACJ,GAAG,EACX,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE;gBAChC,SAAS,EAAE,MAAM;aAClB,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,KACf,CACT;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,aAAa;KACtB;CACF,CAAC"}
@@ -1,48 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { render, screen } from "@testing-library/react";
3
- import { Alert } from ".";
4
- describe("Alert", () => {
5
- it("should render without errors", () => {
6
- render(_jsx(Alert, { children: "Sample text" }));
7
- expect(screen.getByText("Sample text")).toBeInTheDocument();
8
- });
9
- describe("given elementType", () => {
10
- it("is not applied as element attribute", () => {
11
- const { container } = render(_jsx(Alert, Object.assign({ elementType: "ul" }, { children: "Sample text" })));
12
- expect(container.firstChild).not.toHaveAttribute("elementtype", "ul");
13
- });
14
- });
15
- describe("given the show prop is set to false", () => {
16
- it("should not render", () => {
17
- const { container } = render(_jsx(Alert, Object.assign({ show: false }, { children: "Sample text" })));
18
- expect(container).toBeEmptyDOMElement();
19
- });
20
- });
21
- it("uses correct class name for info variant", () => {
22
- const { container } = render(_jsx(Alert, Object.assign({ variant: "info" }, { children: "Sample text" })));
23
- expect(container.firstChild).toHaveClass("--info");
24
- });
25
- it("uses correct class name for success variant", () => {
26
- const { container } = render(_jsx(Alert, Object.assign({ variant: "success" }, { children: "Sample text" })));
27
- expect(container.firstChild).toHaveClass("--success");
28
- });
29
- it("uses correct class name for warning variant", () => {
30
- const { container } = render(_jsx(Alert, Object.assign({ variant: "warning" }, { children: "Sample text" })));
31
- expect(container.firstChild).toHaveClass("--warning");
32
- });
33
- it("uses correct class name for error variant", () => {
34
- const { container } = render(_jsx(Alert, Object.assign({ variant: "error" }, { children: "Sample text" })));
35
- expect(container.firstChild).toHaveClass("--error");
36
- });
37
- describe("when header is defined", () => {
38
- it("displays the header", () => {
39
- render(_jsx(Alert, Object.assign({ header: "Information" }, { children: "Sample text" })));
40
- expect(screen.getByText("Information")).toBeInTheDocument();
41
- });
42
- it("uses correct class name", () => {
43
- const { container } = render(_jsx(Alert, Object.assign({ header: "Information" }, { children: "Sample text" })));
44
- expect(container.firstChild).toHaveClass("--has-header");
45
- });
46
- });
47
- });
48
- //# sourceMappingURL=Alert.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Alert.test.js","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.test.tsx"],"names":[],"mappings":"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"}
@@ -1,20 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { Box } from "./Box";
3
- import { Button } from "../Button";
4
- import { excludeControls } from "../../utils/excludeControls";
5
- export default {
6
- title: "Layout/Box",
7
- component: Box,
8
- argTypes: excludeControls("className", "elementType", "style"),
9
- };
10
- export const Normal = {
11
- render: (args) => (_jsx(Box, Object.assign({}, args, { children: _jsx(Button, { children: "Click me" }) }))),
12
- };
13
- export const CustomElement = {
14
- render: (args) => _jsx(Box, Object.assign({}, args, { children: "This text is inside a span" })),
15
- name: "Custom Element",
16
- args: {
17
- elementType: "span",
18
- },
19
- };
20
- //# sourceMappingURL=Box.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Box.stories.js","sourceRoot":"","sources":["../../../../src/components/Box/Box.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAY,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,eAAe;IACb,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,GAAG;IACd,QAAQ,EAAE,eAAe,CAAC,WAAW,EAAE,aAAa,EAAE,OAAO,CAAC;CAC/D,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAqB;IACtC,MAAM,EAAE,CAAC,IAAc,EAAE,EAAE,CAAC,CAC1B,KAAC,GAAG,oBAAK,IAAI,cACX,KAAC,MAAM,2BAAkB,IACrB,CACP;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,MAAM,EAAE,CAAC,IAAc,EAAE,EAAE,CAAC,KAAC,GAAG,oBAAK,IAAI,8CAAkC;IAC3E,IAAI,EAAE,gBAAgB;IACtB,IAAI,EAAE;QACJ,WAAW,EAAE,MAAM;KACpB;CACF,CAAC"}
@@ -1,31 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { render, screen } from "@testing-library/react";
3
- import { Box } from ".";
4
- const CLASS_NAME = "mobius/Box";
5
- describe("Box", () => {
6
- it("should render without errors", () => {
7
- render(_jsx(Box, { children: "Sample text" }));
8
- });
9
- describe("given elementType", () => {
10
- it("is not applied as element attribute", () => {
11
- const { container } = render(_jsx(Box, { elementType: "span" }));
12
- expect(container.firstChild).not.toHaveAttribute("elementtype", "span");
13
- });
14
- });
15
- describe("uses correct class names", () => {
16
- it("uses mobius class", () => {
17
- const { container } = render(_jsx(Box, { children: "Sample text" }));
18
- expect(container.firstChild).toHaveClass("mobius");
19
- });
20
- it("uses base Mobius class", () => {
21
- render(_jsx(Box, Object.assign({ "data-testid": "test" }, { children: "Sample text" })));
22
- expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
23
- });
24
- it("includes custom class name", () => {
25
- render(_jsx(Box, Object.assign({ className: "my-class", "data-testid": "test" }, { children: "Sample Text" })));
26
- expect(screen.getByTestId("test")).toHaveClass("my-class");
27
- expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
28
- });
29
- });
30
- });
31
- //# sourceMappingURL=Box.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Box.test.js","sourceRoot":"","sources":["../../../../src/components/Box/Box.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,GAAG,CAAC;AAExB,MAAM,UAAU,GAAG,YAAY,CAAC;AAEhC,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE;IACnB,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,CAAC,KAAC,GAAG,8BAAkB,CAAC,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;QACjC,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;YAC7C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,GAAG,IAAC,WAAW,EAAC,MAAM,GAAG,CAAC,CAAC;YACzD,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;QAC1E,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACxC,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;YAC3B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,GAAG,8BAAkB,CAAC,CAAC;YACrD,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QACrD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;YAChC,MAAM,CAAC,KAAC,GAAG,iCAAa,MAAM,iCAAkB,CAAC,CAAC;YAClD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;YACpC,MAAM,CACJ,KAAC,GAAG,kBAAC,SAAS,EAAC,UAAU,iBAAa,MAAM,iCAEtC,CACP,CAAC;YACF,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YAC3D,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
@@ -1,17 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Breadcrumbs } from "./Breadcrumbs";
3
- import { BreadcrumbItem } from "./BreadcrumbItem";
4
- import { Link } from "../Link";
5
- import { excludeControls } from "../../utils/excludeControls";
6
- export default {
7
- title: "Components/Breadcrumbs",
8
- component: Breadcrumbs,
9
- argTypes: excludeControls("className"),
10
- };
11
- export const Normal = {
12
- render: (args) => (_jsxs(Breadcrumbs, Object.assign({}, args, { children: [_jsx(BreadcrumbItem, { children: _jsx(Link, Object.assign({ href: "/business-insurance" }, { children: "Business insurance" })) }, "business-insurance"), _jsx(BreadcrumbItem, { children: _jsx(Link, Object.assign({ href: "/tradesmen" }, { children: "Tradesmen" })) }, "tradesmen"), _jsx(BreadcrumbItem, { children: "Beauty salon insurance" }, "beauty-salon-insurance")] }))),
13
- };
14
- export const WithLogo = {
15
- render: (args) => (_jsxs(Breadcrumbs, Object.assign({}, args, { children: [_jsx(BreadcrumbItem, { children: _jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 299.8 85", height: "32px" }, { children: _jsx("path", { d: "M109.9 38.7c3.3-3.7 4.9-8.2 4.9-13.7 0-6.5-2.3-12.4-6.6-16.7-4.6-4.7-11.1-7.1-18.8-7.1H68.5c-5.3 0-9.1 3.8-9.1 9.1v64.8c0 5.2 3.9 9.1 9.1 9.1h24.8c8.8 0 16.1-2.6 21.2-7.6 4.7-4.6 7.3-11.1 7.3-18.3 0-4.7-1.2-8.9-3.5-12.4-2.1-3-4.9-5.4-8.4-7.2zM68.4 75.9c-.7 0-.9-.3-.9-.9V10.2c0-.8.2-.9.9-.9h20.9c3.8 0 9.2.8 13.1 4.7 2.7 2.8 4.2 6.6 4.2 10.9 0 9.1-11.8 16.2-11.8 16.2s13.2 3.4 16.5 9.2c1.4 2.1 2.1 4.8 2.1 7.9 0 5-1.7 9.4-4.8 12.5-3.5 3.4-8.9 5.3-15.5 5.3l-24.7-.1zM52.2 51.3c1.4 2.8 2.1 5.9 2.1 9.5 0 3.3-.6 6.5-1.8 9.4s-3 5.5-5.3 7.7-5.1 4-8.6 5.2c-3.5 1.3-7.3 1.9-11.5 1.9-5.2 0-10-.9-14.4-2.6-4.4-1.8-8-3.7-10.7-5.7-.7-.6-1.2-1.1-1.6-1.8-.3-.5-.4-1-.4-1.6v-.6c.1-.9.5-1.8 1.2-2.8l2.6-3.7c.9-1.2 1.9-1.9 2.9-2.1.2 0 .3-.1.5-.1.9 0 2 .4 3.2 1.1 5.7 4.1 11.3 6.1 16.7 6.1 3.8 0 6.8-.9 9-2.6s3.3-4 3.3-6.8c0-1.7-.4-3.2-1.3-4.6-.9-1.4-2.1-2.6-3.5-3.6-1.5-1-3.2-2-5.1-2.9-1.9-.9-4-1.9-6.1-2.8-2.1-.9-4.2-1.9-6.3-2.9-2.1-1-4.1-2.2-6-3.5S7.5 38.7 6 37.1c-1.5-1.6-2.7-3.6-3.5-5.8-.9-2.3-1.3-4.8-1.3-7.5 0-4.7 1.2-8.9 3.7-12.5s5.8-6.4 10-8.4C19.1 1 23.8 0 29 0c4.4 0 8.5.7 12.3 1.9 3.8 1.3 6.8 2.7 9 4.3 1.5 1.1 2.3 2.4 2.3 3.8 0 .9-.3 1.8-.9 2.8l-2.1 3.8c-.9 1.7-2.1 2.5-3.6 2.5-.9 0-1.9-.3-3-.9-1.5-.9-2.8-1.6-3.9-2.2-1.1-.6-2.6-1.1-4.6-1.6s-3.9-.8-5.9-.8c-3.8 0-6.9.9-9.2 2.6-2.3 1.7-3.4 4-3.4 6.8 0 2.1.7 3.9 2.1 5.5s3.3 3 5.5 4.1c2.3 1.1 4.7 2.3 7.5 3.4 2.7 1.1 5.4 2.4 8.2 3.7 2.7 1.4 5.2 2.9 7.4 4.7 2.2 1.9 4 4.1 5.5 6.9zm80.1-25.1l1-1.4c.7-1 1.4-1 2.5-.4 1 .7 3.2 2.2 6.2 2.2 2.9 0 4.6-1.4 4.6-3.5 0-5.8-14.3-4.6-14.3-14.2 0-5.4 4.5-8.9 10.3-8.9 3.6 0 6.6 1.4 7.9 2.3 1 .7 1.1 1.5.6 2.5l-.8 1.4c-.6 1.3-1.6 1.1-2.5.6-1.3-.7-2.9-1.7-5.3-1.7-2.9 0-4.7 1.4-4.7 3.5 0 5.7 14.3 4.3 14.3 14 0 5-3.7 9.1-10.2 9.1-4.4 0-7.9-1.9-9.4-3.1-.6-.5-1-1.3-.2-2.4zm24.1-22.5V2.4c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v1.3c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8zm0 7.4c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v18.4c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V11.1zm10.9 0c0-1.2.6-1.8 1.8-1.8h1.7c1.2 0 1.8.6 1.8 1.8v1.3c0 .5-.1 1-.1 1h.1c1.1-2.2 3.8-4.7 7.2-4.7 3.3 0 5.5 1.6 6.4 4.5h.1c1.2-2.3 4.1-4.5 7.5-4.5 4.6 0 7.2 2.6 7.2 8.4v12.3c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V18.1c0-2.5-.5-4.4-3-4.4-3.7 0-5.6 3.8-5.6 7.6v8.1c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V18.1c0-2.4-.3-4.4-2.9-4.4-3.9 0-5.7 4-5.7 7.6v8.1c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V11.1zm38.9 0c0-1.2.6-1.8 1.8-1.8h1.4c1.2 0 1.8.6 1.8 1.5v1.9h.1s1.9-3.9 7.1-3.9c6 0 9.8 4.7 9.8 11.5 0 7-4.3 11.5-10.1 11.5-4.6 0-6.4-3.4-6.4-3.4h-.1s.1.8.1 1.9v7.8c0 1.2-.6 1.8-1.8 1.8H208c-1.2 0-1.8-.6-1.8-1.8v-27zM217 27.2c3 0 5.5-2.5 5.5-6.8 0-4.2-2.2-6.9-5.5-6.9-2.9 0-5.6 2.1-5.6 6.9.1 3.4 2 6.8 5.6 6.8zm15.2-24.8c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v21.5c0 2.2.9 2.5 1.7 2.6.8.1 1.3.6 1.3 1.6v1.5c0 1.1-.5 1.9-1.8 1.9-2.9 0-6.7-.8-6.7-7.1v-22zm12.3 33c.4.2.9.4 1.6.4 1.6 0 2.9-1.4 3.5-2.9l.8-1.9-8.4-19.6c-.6-1.3 0-2.1 1.4-2.1h2.3c1.1 0 1.7.5 2 1.5l4.2 11.2c.4 1.2.8 3 .8 3h.1s.4-1.7.7-2.9l3.9-11.3c.3-1 1-1.5 2-1.5h2.2c1.3 0 1.9.8 1.5 2.1L254 34.6c-1.5 4-4.7 5.8-8 5.8-1.2 0-2.3-.3-3.1-.6-1-.4-1.3-1.3-.8-2.3l.4-1c.5-1.1 1.2-1.3 2-1.1zM133.7 52.2c0-1.2.6-1.8 1.8-1.8h9.2c5.5 0 9.5 2.8 9.5 7.9 0 2.8-1.4 5.3-3.7 6.6v.1c3.3 1 4.9 4.1 4.9 7.2 0 6.1-4.9 8.9-10.6 8.9h-9.3c-1.2 0-1.8-.6-1.8-1.8V52.2zm11 10.7c2.4 0 3.8-1.7 3.8-3.9s-1.3-3.8-3.9-3.8h-5.3v7.7h5.4zm.5 13.3c2.9 0 4.5-1.9 4.5-4.4s-1.6-4.4-4.5-4.4h-6v8.8h6zm14.3-15.4c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8V72c0 2.7.7 4.5 3.4 4.5 4 0 6.2-3.5 6.2-7.4v-8.3c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v18.4c0 1.2-.6 1.8-1.8 1.8h-1.7c-1.2 0-1.8-.6-1.8-1.8v-1.3c0-.5.1-1 .1-1-1 2.2-3.9 4.6-7.7 4.6-4.7 0-7.7-2.4-7.7-8.4V60.8zm25.1 16l.5-.8c.6-.9 1.4-1 2.5-.4 1 .6 2.7 1.5 4.9 1.5 1.9 0 3.1-.9 3.1-2.2 0-3.6-10.9-2.2-10.9-9.8 0-4.3 3.8-6.6 8.4-6.6 2.9 0 5 .9 6.1 1.6 1 .5 1.1 1.4.6 2.4l-.4.8c-.5 1-1.3 1.2-2.4.7-1-.4-2.4-1.1-4.2-1.1-1.9 0-3 .8-3 2.2 0 3.6 10.9 2.2 10.9 9.7 0 3.9-3.3 6.8-8.4 6.8-3.5 0-6-1.3-7.4-2.2-.9-.7-1-1.6-.3-2.6zm20.3-23.3v-1.3c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v1.3c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8zm0 7.3c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v18.4c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V60.8zm10.9 0c0-1.2.6-1.8 1.8-1.8h1.7c1.2 0 1.8.6 1.8 1.8v1.3c0 .5-.1 1-.1 1h.1c1-1.9 3.4-4.7 7.8-4.7 4.9 0 7.7 2.5 7.7 8.4v12.3c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V67.9c0-2.7-.7-4.5-3.5-4.5-3.9 0-6.4 3.2-6.4 7.2v8.5c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8l.1-18.3zm35.8-2.3c6.3 0 9.8 4.4 9.8 10.5 0 .9-.8 1.9-1.9 1.9H246c.3 4 3.3 6 6.6 6 2 0 3.7-.8 4.8-1.4 1.1-.5 1.9-.4 2.4.6l.5.9c.5 1 .3 1.9-.6 2.4-1.4.9-4 2.2-7.5 2.2-7.3 0-11.9-5.3-11.9-11.5.1-6.8 4.7-11.6 11.3-11.6zm4.3 9c-.1-3.1-1.9-4.9-4.5-4.9-2.8 0-4.8 1.9-5.3 4.9h9.8zm8.5 9.3l.5-.8c.6-.9 1.4-1 2.5-.4 1 .6 2.7 1.5 4.9 1.5 1.9 0 3.1-.9 3.1-2.2 0-3.6-10.9-2.2-10.9-9.8 0-4.3 3.8-6.6 8.4-6.6 2.9 0 5 .9 6.1 1.6 1 .5 1.1 1.4.6 2.4l-.4.8c-.5 1-1.3 1.2-2.4.7-1-.4-2.4-1.1-4.2-1.1-1.9 0-3 .8-3 2.2 0 3.6 10.9 2.2 10.9 9.7 0 3.9-3.3 6.8-8.4 6.8-3.5 0-6-1.3-7.4-2.2-.9-.7-1-1.6-.3-2.6zm19.3 0l.5-.8c.6-.9 1.4-1 2.5-.4 1 .6 2.7 1.5 4.9 1.5 1.9 0 3.1-.9 3.1-2.2 0-3.6-10.9-2.2-10.9-9.8 0-4.3 3.8-6.6 8.4-6.6 2.9 0 5 .9 6.1 1.6 1 .5 1.1 1.4.6 2.4l-.4.8c-.5 1-1.3 1.2-2.4.7-1-.4-2.4-1.1-4.2-1.1-1.9 0-3 .8-3 2.2 0 3.6 10.9 2.2 10.9 9.7 0 3.9-3.3 6.8-8.4 6.8-3.5 0-6-1.3-7.4-2.2-.8-.7-.9-1.6-.3-2.6z" }) })) }, "root"), _jsx(BreadcrumbItem, { children: _jsx(Link, Object.assign({ href: "/business-insurance" }, { children: "Business insurance" })) }, "business-insurance"), _jsx(BreadcrumbItem, { children: _jsx(Link, Object.assign({ href: "/tradesmen" }, { children: "Tradesmen" })) }, "tradesmen"), _jsx(BreadcrumbItem, { children: _jsx(Link, Object.assign({ href: "/beauty" }, { children: "Beauty Salon" })) }, "beauty-salon-insurance")] }))),
16
- };
17
- //# sourceMappingURL=Breadcrumbs.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Breadcrumbs.stories.js","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,eAAe;IACb,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE,eAAe,CAAC,WAAW,CAAC;CACvC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAA6B;IAC9C,MAAM,EAAE,CAAC,IAAsB,EAAE,EAAE,CAAC,CAClC,MAAC,WAAW,oBAAK,IAAI,eACnB,KAAC,cAAc,cACb,KAAC,IAAI,kBAAC,IAAI,EAAC,qBAAqB,wCAA0B,IADxC,oBAAoB,CAEvB,EACjB,KAAC,cAAc,cACb,KAAC,IAAI,kBAAC,IAAI,EAAC,YAAY,+BAAiB,IADtB,WAAW,CAEd,EACjB,KAAC,cAAc,0CAAK,wBAAwB,CAE3B,KACL,CACf;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAA6B;IAChD,MAAM,EAAE,CAAC,IAAsB,EAAE,EAAE,CAAC,CAClC,MAAC,WAAW,oBAAK,IAAI,eACnB,KAAC,cAAc,cACb,4BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,cAAc,EACtB,MAAM,EAAC,MAAM,gBAEb,eAAM,CAAC,EAAC,kwKAAkwK,GAAG,IACzwK,IAPY,MAAM,CAQT,EACjB,KAAC,cAAc,cACb,KAAC,IAAI,kBAAC,IAAI,EAAC,qBAAqB,wCAA0B,IADxC,oBAAoB,CAEvB,EACjB,KAAC,cAAc,cACb,KAAC,IAAI,kBAAC,IAAI,EAAC,YAAY,+BAAiB,IADtB,WAAW,CAEd,EACjB,KAAC,cAAc,cACb,KAAC,IAAI,kBAAC,IAAI,EAAC,SAAS,kCAAoB,IADtB,wBAAwB,CAE3B,KACL,CACf;CACF,CAAC"}
@@ -1,33 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { render, screen } from "@testing-library/react";
3
- import { Breadcrumbs, BreadcrumbItem } from ".";
4
- import { Link } from "../Link";
5
- const CLASS_NAME = "mobius/Breadcrumb";
6
- const ITEM_CLASS_NAME = "mobius/BreadcrumbItem";
7
- describe("Test for Breadcrumbs", () => {
8
- const component = render(_jsxs(Breadcrumbs, { children: [_jsx(BreadcrumbItem, { children: _jsx(Link, Object.assign({ href: "/business-insurance" }, { children: "Business insurance" })) }, "business-insurance"), _jsx(BreadcrumbItem, { children: _jsx(Link, Object.assign({ href: "/tradesmen" }, { children: "Tradesmen" })) }, "tradesmen"), _jsx(BreadcrumbItem, { children: "Beauty salon insurance" }, "beauty-salon-insurance")] }));
9
- test.todo("Write a test for Breadcrumbs");
10
- expect(component).toBeTruthy();
11
- });
12
- describe("uses correct class names", () => {
13
- it("uses Mobius class for top level Breadcrumb", () => {
14
- render(_jsxs(Breadcrumbs, Object.assign({ "data-testid": "test" }, { children: [_jsx(BreadcrumbItem, { children: _jsx(Link, Object.assign({ href: "/business-insurance" }, { children: "Business insurance" })) }, "business-insurance"), _jsx(BreadcrumbItem, { children: _jsx(Link, Object.assign({ href: "/tradesmen" }, { children: "Tradesmen" })) }, "tradesmen")] })));
15
- expect(screen.getByTestId("test")).toHaveClass("mobius");
16
- });
17
- it("uses base Mobius class for top level Breadcrumb", () => {
18
- render(_jsxs(Breadcrumbs, Object.assign({ "data-testid": "test" }, { children: [_jsx(BreadcrumbItem, { children: _jsx(Link, Object.assign({ href: "/business-insurance" }, { children: "Business insurance" })) }, "business-insurance"), _jsx(BreadcrumbItem, { children: _jsx(Link, Object.assign({ href: "/tradesmen" }, { children: "Tradesmen" })) }, "tradesmen")] })));
19
- expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
20
- });
21
- it("includes custom class name for top level Breadcrumb", () => {
22
- render(_jsxs(Breadcrumbs, Object.assign({ "data-testid": "test", className: "my-class" }, { children: [_jsx(BreadcrumbItem, { children: _jsx(Link, Object.assign({ href: "/business-insurance" }, { children: "Business insurance" })) }, "business-insurance"), _jsx(BreadcrumbItem, { children: _jsx(Link, Object.assign({ href: "/tradesmen" }, { children: "Tradesmen" })) }, "tradesmen")] })));
23
- expect(screen.getByTestId("test")).toHaveClass("my-class");
24
- expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
25
- });
26
- it("includes custom class names for child Breadcrumb <li> items", () => {
27
- render(_jsxs(Breadcrumbs, { children: [_jsx(BreadcrumbItem, Object.assign({ "data-testid": "business" }, { children: _jsx(Link, Object.assign({ href: "/business-insurance" }, { children: "Business insurance" })) }), "business-insurance"), _jsx(BreadcrumbItem, Object.assign({ className: "trades-breadcrumb", "data-testid": "trades" }, { children: _jsx(Link, Object.assign({ href: "/tradesmen" }, { children: "Tradesmen" })) }), "tradesmen")] }));
28
- expect(screen.getByTestId("business").closest("li")).toHaveClass(ITEM_CLASS_NAME);
29
- expect(screen.getByTestId("trades").closest("li")).toHaveClass("trades-breadcrumb");
30
- expect(screen.getByTestId("trades").closest("li")).toHaveClass(ITEM_CLASS_NAME);
31
- });
32
- });
33
- //# sourceMappingURL=Breadcrumbs.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Breadcrumbs.test.js","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.test.tsx"],"names":[],"mappings":"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"}