@nypl/design-system-react-components 1.0.2 → 1.0.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 (309) hide show
  1. package/CHANGELOG.md +53 -0
  2. package/README.md +171 -135
  3. package/dist/__tests__/mediaMatchMock.d.ts +79 -0
  4. package/dist/components/Card/Card.d.ts +8 -6
  5. package/dist/components/Heading/Heading.d.ts +6 -0
  6. package/dist/components/Icons/Icon.d.ts +1 -1
  7. package/dist/components/Icons/IconSvgs.d.ts +10 -0
  8. package/dist/components/Logo/Logo.d.ts +1 -1
  9. package/dist/components/Logo/LogoSvgs.d.ts +3 -0
  10. package/dist/components/Slider/Slider.d.ts +1 -2
  11. package/dist/components/Table/Table.d.ts +3 -2
  12. package/dist/components/Text/Text.d.ts +6 -0
  13. package/dist/components/TextInput/TextInput.d.ts +2 -1
  14. package/dist/design-system-react-components.cjs.development.js +1700 -878
  15. package/dist/design-system-react-components.cjs.development.js.map +1 -1
  16. package/dist/design-system-react-components.cjs.production.min.js +1 -1
  17. package/dist/design-system-react-components.cjs.production.min.js.map +1 -1
  18. package/dist/design-system-react-components.esm.js +1672 -881
  19. package/dist/design-system-react-components.esm.js.map +1 -1
  20. package/dist/hooks/{tests → __tests__}/useCarouselStyles.test.d.ts +0 -0
  21. package/dist/hooks/__tests__/useNYPLBreakpoints.test.d.ts +1 -0
  22. package/dist/hooks/useNYPLBreakpoints.d.ts +13 -0
  23. package/dist/index.d.ts +2 -1
  24. package/dist/resources.scss +0 -4
  25. package/dist/styles.css +3 -2
  26. package/dist/theme/components/button.d.ts +7 -2
  27. package/dist/theme/components/checkbox.d.ts +1 -0
  28. package/dist/theme/components/customTable.d.ts +522 -34
  29. package/dist/theme/components/datePicker.d.ts +1 -0
  30. package/dist/theme/components/global.d.ts +5 -2
  31. package/dist/theme/components/heading.d.ts +5 -1
  32. package/dist/theme/components/image.d.ts +18 -0
  33. package/dist/theme/components/radio.d.ts +9 -0
  34. package/dist/theme/components/searchBar.d.ts +6 -0
  35. package/dist/theme/components/select.d.ts +4 -5
  36. package/dist/theme/components/structuredContent.d.ts +117 -17
  37. package/dist/theme/components/template.d.ts +4 -1
  38. package/dist/theme/components/text.d.ts +5 -1
  39. package/dist/theme/components/textInput.d.ts +4 -0
  40. package/dist/theme/components/toggle.d.ts +1 -0
  41. package/dist/theme/provider.d.ts +2 -1
  42. package/package.json +16 -16
  43. package/src/__tests__/fileMock.ts +0 -6
  44. package/src/__tests__/setup.ts +0 -27
  45. package/src/__tests__/utils/utils.test.ts +0 -18
  46. package/src/components/AccessibilityGuide/SkipNavigation.stories.mdx +0 -42
  47. package/src/components/Accordion/Accordion.stories.mdx +0 -333
  48. package/src/components/Accordion/Accordion.test.tsx +0 -237
  49. package/src/components/Accordion/Accordion.tsx +0 -137
  50. package/src/components/Accordion/__snapshots__/Accordion.test.tsx.snap +0 -734
  51. package/src/components/Autosuggest/Autosuggest.stories.mdx +0 -75
  52. package/src/components/Autosuggest/Autosuggest.stories.tsx +0 -211
  53. package/src/components/Autosuggest/_Autosuggest.scss +0 -51
  54. package/src/components/Breadcrumbs/Breadcrumbs.stories.mdx +0 -231
  55. package/src/components/Breadcrumbs/Breadcrumbs.test.tsx +0 -144
  56. package/src/components/Breadcrumbs/Breadcrumbs.tsx +0 -98
  57. package/src/components/Breadcrumbs/__snapshots__/Breadcrumbs.test.tsx.snap +0 -695
  58. package/src/components/Button/Button.stories.mdx +0 -320
  59. package/src/components/Button/Button.test.tsx +0 -184
  60. package/src/components/Button/Button.tsx +0 -95
  61. package/src/components/Button/__snapshots__/Button.test.tsx.snap +0 -106
  62. package/src/components/ButtonGroup/ButtonGroup.stories.mdx +0 -178
  63. package/src/components/ButtonGroup/ButtonGroup.test.tsx +0 -141
  64. package/src/components/ButtonGroup/ButtonGroup.tsx +0 -100
  65. package/src/components/ButtonGroup/__snapshots__/ButtonGroup.test.tsx.snap +0 -117
  66. package/src/components/Card/Card.stories.mdx +0 -1041
  67. package/src/components/Card/Card.test.tsx +0 -388
  68. package/src/components/Card/Card.tsx +0 -346
  69. package/src/components/Card/__snapshots__/Card.test.tsx.snap +0 -568
  70. package/src/components/Chakra/Box.stories.mdx +0 -52
  71. package/src/components/Chakra/Center.stories.mdx +0 -96
  72. package/src/components/Chakra/Flex.stories.mdx +0 -111
  73. package/src/components/Chakra/Grid.stories.mdx +0 -89
  74. package/src/components/Chakra/Stack.stories.mdx +0 -109
  75. package/src/components/Checkbox/Checkbox.stories.mdx +0 -243
  76. package/src/components/Checkbox/Checkbox.test.tsx +0 -350
  77. package/src/components/Checkbox/Checkbox.tsx +0 -152
  78. package/src/components/Checkbox/__snapshots__/Checkbox.test.tsx.snap +0 -661
  79. package/src/components/CheckboxGroup/CheckboxGroup.stories.mdx +0 -462
  80. package/src/components/CheckboxGroup/CheckboxGroup.test.tsx +0 -492
  81. package/src/components/CheckboxGroup/CheckboxGroup.tsx +0 -173
  82. package/src/components/CheckboxGroup/__snapshots__/CheckboxGroup.test.tsx.snap +0 -1842
  83. package/src/components/ComponentWrapper/ComponentWrapper.test.tsx +0 -163
  84. package/src/components/ComponentWrapper/ComponentWrapper.tsx +0 -76
  85. package/src/components/ComponentWrapper/__snapshots__/ComponentWrapper.test.tsx.snap +0 -103
  86. package/src/components/DatePicker/DatePicker.stories.mdx +0 -452
  87. package/src/components/DatePicker/DatePicker.test.tsx +0 -940
  88. package/src/components/DatePicker/DatePicker.tsx +0 -450
  89. package/src/components/DatePicker/_DatePicker.scss +0 -100
  90. package/src/components/DatePicker/__snapshots__/DatePicker.test.tsx.snap +0 -908
  91. package/src/components/Fieldset/Fieldset.stories.mdx +0 -96
  92. package/src/components/Fieldset/Fieldset.test.tsx +0 -155
  93. package/src/components/Fieldset/Fieldset.tsx +0 -55
  94. package/src/components/Fieldset/__snapshots__/Fieldset.test.tsx.snap +0 -89
  95. package/src/components/Form/Form.stories.mdx +0 -426
  96. package/src/components/Form/Form.test.tsx +0 -234
  97. package/src/components/Form/Form.tsx +0 -124
  98. package/src/components/Form/__snapshots__/Form.test.tsx.snap +0 -115
  99. package/src/components/Grid/SimpleGrid.stories.mdx +0 -336
  100. package/src/components/Grid/SimpleGrid.test.tsx +0 -79
  101. package/src/components/Grid/SimpleGrid.tsx +0 -49
  102. package/src/components/Grid/__snapshots__/SimpleGrid.test.tsx.snap +0 -23
  103. package/src/components/Heading/Heading.stories.mdx +0 -187
  104. package/src/components/Heading/Heading.test.tsx +0 -171
  105. package/src/components/Heading/Heading.tsx +0 -104
  106. package/src/components/Heading/__snapshots__/Heading.test.tsx.snap +0 -90
  107. package/src/components/HelperErrorText/HelperErrorText.stories.mdx +0 -172
  108. package/src/components/HelperErrorText/HelperErrorText.test.tsx +0 -114
  109. package/src/components/HelperErrorText/HelperErrorText.tsx +0 -62
  110. package/src/components/HelperErrorText/__snapshots__/HelperErrorText.test.tsx.snap +0 -93
  111. package/src/components/Hero/Hero.stories.mdx +0 -378
  112. package/src/components/Hero/Hero.test.tsx +0 -611
  113. package/src/components/Hero/Hero.tsx +0 -203
  114. package/src/components/Hero/__snapshots__/Hero.test.tsx.snap +0 -379
  115. package/src/components/HorizontalRule/HorizontalRule.stories.mdx +0 -73
  116. package/src/components/HorizontalRule/HorizontalRule.test.tsx +0 -54
  117. package/src/components/HorizontalRule/HorizontalRule.tsx +0 -27
  118. package/src/components/HorizontalRule/__snapshots__/HorizontalRule.test.tsx.snap +0 -44
  119. package/src/components/Icons/Icon.stories.mdx +0 -413
  120. package/src/components/Icons/Icon.test.tsx +0 -120
  121. package/src/components/Icons/Icon.tsx +0 -187
  122. package/src/components/Icons/IconSvgs.tsx +0 -64
  123. package/src/components/Icons/__snapshots__/Icon.test.tsx.snap +0 -129
  124. package/src/components/Image/Image.stories.mdx +0 -332
  125. package/src/components/Image/Image.test.tsx +0 -155
  126. package/src/components/Image/Image.tsx +0 -171
  127. package/src/components/Image/__snapshots__/Image.test.tsx.snap +0 -269
  128. package/src/components/Label/Label.stories.mdx +0 -100
  129. package/src/components/Label/Label.test.tsx +0 -116
  130. package/src/components/Label/Label.tsx +0 -55
  131. package/src/components/Label/__snapshots__/Label.test.tsx.snap +0 -45
  132. package/src/components/Link/Link.stories.mdx +0 -249
  133. package/src/components/Link/Link.test.tsx +0 -224
  134. package/src/components/Link/Link.tsx +0 -178
  135. package/src/components/Link/__snapshots__/Link.test.tsx.snap +0 -286
  136. package/src/components/List/List.stories.mdx +0 -393
  137. package/src/components/List/List.test.tsx +0 -265
  138. package/src/components/List/List.tsx +0 -156
  139. package/src/components/List/__snapshots__/List.test.tsx.snap +0 -213
  140. package/src/components/Logo/Logo.stories.mdx +0 -295
  141. package/src/components/Logo/Logo.test.tsx +0 -116
  142. package/src/components/Logo/Logo.tsx +0 -151
  143. package/src/components/Logo/LogoSvgs.tsx +0 -90
  144. package/src/components/Logo/__snapshots__/Logo.test.tsx.snap +0 -142
  145. package/src/components/Modal/Modal.stories.mdx +0 -294
  146. package/src/components/Modal/Modal.test.tsx +0 -157
  147. package/src/components/Modal/Modal.tsx +0 -154
  148. package/src/components/Modal/__snapshots__/Modal.test.tsx.snap +0 -25
  149. package/src/components/Notification/Notification.stories.mdx +0 -358
  150. package/src/components/Notification/Notification.test.tsx +0 -279
  151. package/src/components/Notification/Notification.tsx +0 -224
  152. package/src/components/Notification/__snapshots__/Notification.test.tsx.snap +0 -525
  153. package/src/components/Pagination/Pagination.stories.mdx +0 -184
  154. package/src/components/Pagination/Pagination.test.tsx +0 -419
  155. package/src/components/Pagination/Pagination.tsx +0 -269
  156. package/src/components/Pagination/__snapshots__/Pagination.test.tsx.snap +0 -544
  157. package/src/components/Placeholder/Placeholder.tsx +0 -19
  158. package/src/components/ProgressIndicator/ProgressIndicator.stories.mdx +0 -360
  159. package/src/components/ProgressIndicator/ProgressIndicator.test.tsx +0 -298
  160. package/src/components/ProgressIndicator/ProgressIndicator.tsx +0 -132
  161. package/src/components/ProgressIndicator/__snapshots__/ProgressIndicator.test.tsx.snap +0 -434
  162. package/src/components/Radio/Radio.stories.mdx +0 -216
  163. package/src/components/Radio/Radio.test.tsx +0 -247
  164. package/src/components/Radio/Radio.tsx +0 -119
  165. package/src/components/Radio/__snapshots__/Radio.test.tsx.snap +0 -451
  166. package/src/components/RadioGroup/RadioGroup.stories.mdx +0 -479
  167. package/src/components/RadioGroup/RadioGroup.test.tsx +0 -471
  168. package/src/components/RadioGroup/RadioGroup.tsx +0 -171
  169. package/src/components/RadioGroup/__snapshots__/RadioGroup.test.tsx.snap +0 -1550
  170. package/src/components/SearchBar/SearchBar.stories.mdx +0 -518
  171. package/src/components/SearchBar/SearchBar.test.tsx +0 -435
  172. package/src/components/SearchBar/SearchBar.tsx +0 -210
  173. package/src/components/SearchBar/__snapshots__/SearchBar.test.tsx.snap +0 -1049
  174. package/src/components/Select/Select.stories.mdx +0 -439
  175. package/src/components/Select/Select.test.tsx +0 -358
  176. package/src/components/Select/Select.tsx +0 -183
  177. package/src/components/Select/__snapshots__/Select.test.tsx.snap +0 -895
  178. package/src/components/SkeletonLoader/SkeletonLoader.stories.mdx +0 -142
  179. package/src/components/SkeletonLoader/SkeletonLoader.test.tsx +0 -116
  180. package/src/components/SkeletonLoader/SkeletonLoader.tsx +0 -123
  181. package/src/components/SkeletonLoader/__snapshots__/SkeletonLoader.test.tsx.snap +0 -898
  182. package/src/components/SkipNavigation/SkipNavigation.stories.mdx +0 -90
  183. package/src/components/SkipNavigation/SkipNavigation.test.tsx +0 -63
  184. package/src/components/SkipNavigation/SkipNavigation.tsx +0 -51
  185. package/src/components/SkipNavigation/__snapshots__/SkipNavigation.test.tsx.snap +0 -130
  186. package/src/components/Slider/Slider.stories.mdx +0 -628
  187. package/src/components/Slider/Slider.test.tsx +0 -736
  188. package/src/components/Slider/Slider.tsx +0 -322
  189. package/src/components/Slider/__snapshots__/Slider.test.tsx.snap +0 -2186
  190. package/src/components/StatusBadge/StatusBadge.stories.mdx +0 -109
  191. package/src/components/StatusBadge/StatusBadge.test.tsx +0 -70
  192. package/src/components/StatusBadge/StatusBadge.tsx +0 -35
  193. package/src/components/StatusBadge/__snapshots__/StatusBadge.test.tsx.snap +0 -47
  194. package/src/components/StructuredContent/StructuredContent.stories.mdx +0 -567
  195. package/src/components/StructuredContent/StructuredContent.test.tsx +0 -435
  196. package/src/components/StructuredContent/StructuredContent.tsx +0 -139
  197. package/src/components/StructuredContent/__snapshots__/StructuredContent.test.tsx.snap +0 -368
  198. package/src/components/StyleGuide/Bidirectionality.stories.mdx +0 -206
  199. package/src/components/StyleGuide/Breakpoints.stories.mdx +0 -55
  200. package/src/components/StyleGuide/Buttons.stories.mdx +0 -194
  201. package/src/components/StyleGuide/ColorCard.tsx +0 -43
  202. package/src/components/StyleGuide/Colors.stories.mdx +0 -201
  203. package/src/components/StyleGuide/DesignTokens.stories.mdx +0 -193
  204. package/src/components/StyleGuide/Forms.stories.mdx +0 -94
  205. package/src/components/StyleGuide/Iconography.stories.mdx +0 -142
  206. package/src/components/StyleGuide/Spacing.stories.mdx +0 -116
  207. package/src/components/StyleGuide/Typography.stories.mdx +0 -419
  208. package/src/components/Table/Table.stories.mdx +0 -272
  209. package/src/components/Table/Table.test.tsx +0 -241
  210. package/src/components/Table/Table.tsx +0 -152
  211. package/src/components/Table/__snapshots__/Table.test.tsx.snap +0 -1703
  212. package/src/components/Tabs/Tabs.stories.mdx +0 -338
  213. package/src/components/Tabs/Tabs.test.tsx +0 -298
  214. package/src/components/Tabs/Tabs.tsx +0 -264
  215. package/src/components/Tabs/__snapshots__/Tabs.test.tsx.snap +0 -584
  216. package/src/components/Template/Template.stories.mdx +0 -695
  217. package/src/components/Template/Template.test.tsx +0 -309
  218. package/src/components/Template/Template.tsx +0 -326
  219. package/src/components/Template/__snapshots__/Template.test.tsx.snap +0 -342
  220. package/src/components/Text/Text.stories.mdx +0 -103
  221. package/src/components/Text/Text.test.tsx +0 -63
  222. package/src/components/Text/Text.tsx +0 -50
  223. package/src/components/Text/__snapshots__/Text.test.tsx.snap +0 -50
  224. package/src/components/TextInput/TextInput.stories.mdx +0 -268
  225. package/src/components/TextInput/TextInput.test.tsx +0 -451
  226. package/src/components/TextInput/TextInput.tsx +0 -240
  227. package/src/components/TextInput/__snapshots__/TextInput.test.tsx.snap +0 -274
  228. package/src/components/Toggle/Toggle.stories.mdx +0 -237
  229. package/src/components/Toggle/Toggle.test.tsx +0 -170
  230. package/src/components/Toggle/Toggle.tsx +0 -128
  231. package/src/components/Toggle/__snapshots__/Toggle.test.tsx.snap +0 -470
  232. package/src/components/VideoPlayer/VideoPlayer.stories.mdx +0 -212
  233. package/src/components/VideoPlayer/VideoPlayer.test.tsx +0 -308
  234. package/src/components/VideoPlayer/VideoPlayer.tsx +0 -188
  235. package/src/components/VideoPlayer/__snapshots__/VideoPlayer.test.tsx.snap +0 -192
  236. package/src/docs/Chakra.stories.mdx +0 -563
  237. package/src/docs/Welcome.stories.mdx +0 -148
  238. package/src/helpers/types.ts +0 -1
  239. package/src/hooks/tests/useCarouselStyles.test.ts +0 -140
  240. package/src/hooks/tests/useNYPLTheme.test.tsx +0 -36
  241. package/src/hooks/useCarouselStyles.stories.mdx +0 -30
  242. package/src/hooks/useCarouselStyles.ts +0 -35
  243. package/src/hooks/useNYPLTheme.stories.mdx +0 -98
  244. package/src/hooks/useNYPLTheme.ts +0 -91
  245. package/src/hooks/useWindowSize.stories.mdx +0 -23
  246. package/src/hooks/useWindowSize.ts +0 -40
  247. package/src/index.ts +0 -136
  248. package/src/resources.scss +0 -6
  249. package/src/styles/base/_01-breakpoints.scss +0 -27
  250. package/src/styles/base/_02-mixins.scss +0 -103
  251. package/src/styles/base/_place-holder.scss +0 -33
  252. package/src/styles/space/_space-inline.scss +0 -79
  253. package/src/styles/space/_space-inset.scss +0 -57
  254. package/src/styles/space/_space-stack.scss +0 -116
  255. package/src/styles.scss +0 -23
  256. package/src/theme/components/accordion.ts +0 -25
  257. package/src/theme/components/breadcrumb.ts +0 -94
  258. package/src/theme/components/button.ts +0 -133
  259. package/src/theme/components/buttonGroup.ts +0 -10
  260. package/src/theme/components/card.ts +0 -237
  261. package/src/theme/components/checkbox.ts +0 -110
  262. package/src/theme/components/checkboxGroup.ts +0 -10
  263. package/src/theme/components/componentWrapper.ts +0 -14
  264. package/src/theme/components/customTable.ts +0 -77
  265. package/src/theme/components/datePicker.ts +0 -17
  266. package/src/theme/components/fieldset.ts +0 -23
  267. package/src/theme/components/global.ts +0 -91
  268. package/src/theme/components/globalMixins.ts +0 -24
  269. package/src/theme/components/heading.ts +0 -79
  270. package/src/theme/components/helperErrorText.ts +0 -14
  271. package/src/theme/components/hero.ts +0 -238
  272. package/src/theme/components/horizontalRule.ts +0 -17
  273. package/src/theme/components/icon.ts +0 -88
  274. package/src/theme/components/image.ts +0 -136
  275. package/src/theme/components/label.ts +0 -15
  276. package/src/theme/components/link.ts +0 -63
  277. package/src/theme/components/list.ts +0 -88
  278. package/src/theme/components/logo.ts +0 -58
  279. package/src/theme/components/notification.ts +0 -132
  280. package/src/theme/components/pagination.ts +0 -17
  281. package/src/theme/components/progressIndicator.ts +0 -67
  282. package/src/theme/components/radio.ts +0 -103
  283. package/src/theme/components/radioGroup.ts +0 -10
  284. package/src/theme/components/searchBar.ts +0 -19
  285. package/src/theme/components/select.ts +0 -72
  286. package/src/theme/components/skeletonLoader.ts +0 -113
  287. package/src/theme/components/skipNavigation.ts +0 -29
  288. package/src/theme/components/slider.ts +0 -95
  289. package/src/theme/components/statusBadge.ts +0 -26
  290. package/src/theme/components/structuredContent.ts +0 -149
  291. package/src/theme/components/tabs.ts +0 -109
  292. package/src/theme/components/template.ts +0 -114
  293. package/src/theme/components/text.ts +0 -38
  294. package/src/theme/components/textInput.ts +0 -65
  295. package/src/theme/components/toggle.ts +0 -109
  296. package/src/theme/components/videoPlayer.ts +0 -47
  297. package/src/theme/foundations/breakpoints.ts +0 -24
  298. package/src/theme/foundations/colors.ts +0 -212
  299. package/src/theme/foundations/global.ts +0 -43
  300. package/src/theme/foundations/radii.ts +0 -7
  301. package/src/theme/foundations/shadows.ts +0 -5
  302. package/src/theme/foundations/spacing.ts +0 -136
  303. package/src/theme/foundations/typography.ts +0 -107
  304. package/src/theme/index.ts +0 -131
  305. package/src/theme/provider.tsx +0 -9
  306. package/src/theme/types.ts +0 -1
  307. package/src/utils/componentCategories.ts +0 -152
  308. package/src/utils/interfaces.ts +0 -5
  309. package/src/utils/utils.ts +0 -84
package/src/components/Table/__snapshots__/Table.test.tsx.snap DELETED
@@ -1,1703 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`Table renders the UI snapshot correctly 1`] = `
4
- <table
5
- className="chakra-table css-1xdhyk6"
6
- id="basic"
7
- role="table"
8
- >
9
- <tbody
10
- className="css-0"
11
- >
12
- <tr
13
- className="css-0"
14
- role="row"
15
- >
16
- <td
17
- className="css-0"
18
- role="gridcell"
19
- >
20
- Tom
21
- </td>
22
- <td
23
- className="css-0"
24
- role="gridcell"
25
- >
26
- Nook
27
- </td>
28
- <td
29
- className="css-0"
30
- role="gridcell"
31
- >
32
- Tanukichi
33
- </td>
34
- <td
35
- className="css-0"
36
- role="gridcell"
37
- >
38
- Main Street
39
- </td>
40
- <td
41
- className="css-0"
42
- role="gridcell"
43
- >
44
- New York
45
- </td>
46
- <td
47
- className="css-0"
48
- role="gridcell"
49
- >
50
- 23458
51
- </td>
52
- <td
53
- className="css-0"
54
- role="gridcell"
55
- >
56
- NY
57
- </td>
58
- </tr>
59
- <tr
60
- className="css-0"
61
- role="row"
62
- >
63
- <td
64
- className="css-0"
65
- role="gridcell"
66
- >
67
- Isabelle
68
- </td>
69
- <td
70
- className="css-0"
71
- role="gridcell"
72
- >
73
- -
74
- </td>
75
- <td
76
- className="css-0"
77
- role="gridcell"
78
- >
79
- Shizue
80
- </td>
81
- <td
82
- className="css-0"
83
- role="gridcell"
84
- >
85
- Walnut Street
86
- </td>
87
- <td
88
- className="css-0"
89
- role="gridcell"
90
- >
91
- New York
92
- </td>
93
- <td
94
- className="css-0"
95
- role="gridcell"
96
- >
97
- 23458
98
- </td>
99
- <td
100
- className="css-0"
101
- role="gridcell"
102
- >
103
- NY
104
- </td>
105
- </tr>
106
- <tr
107
- className="css-0"
108
- role="row"
109
- >
110
- <td
111
- className="css-0"
112
- role="gridcell"
113
- >
114
- K.K.
115
- </td>
116
- <td
117
- className="css-0"
118
- role="gridcell"
119
- >
120
- Slider
121
- </td>
122
- <td
123
- className="css-0"
124
- role="gridcell"
125
- >
126
- Totakeke
127
- </td>
128
- <td
129
- className="css-0"
130
- role="gridcell"
131
- >
132
- Niper Place
133
- </td>
134
- <td
135
- className="css-0"
136
- role="gridcell"
137
- >
138
- New York
139
- </td>
140
- <td
141
- className="css-0"
142
- role="gridcell"
143
- >
144
- 98765
145
- </td>
146
- <td
147
- className="css-0"
148
- role="gridcell"
149
- >
150
- NY
151
- </td>
152
- </tr>
153
- <tr
154
- className="css-0"
155
- role="row"
156
- >
157
- <td
158
- className="css-0"
159
- role="gridcell"
160
- >
161
- Sonny
162
- </td>
163
- <td
164
- className="css-0"
165
- role="gridcell"
166
- >
167
- Resetti
168
- </td>
169
- <td
170
- className="css-0"
171
- role="gridcell"
172
- >
173
- Risetto san
174
- </td>
175
- <td
176
- className="css-0"
177
- role="gridcell"
178
- >
179
- Village Road
180
- </td>
181
- <td
182
- className="css-0"
183
- role="gridcell"
184
- >
185
- New York
186
- </td>
187
- <td
188
- className="css-0"
189
- role="gridcell"
190
- >
191
- 09873
192
- </td>
193
- <td
194
- className="css-0"
195
- role="gridcell"
196
- >
197
- NY
198
- </td>
199
- </tr>
200
- </tbody>
201
- </table>
202
- `;
203
-
204
- exports[`Table renders the UI snapshot correctly 2`] = `
205
- <table
206
- className="chakra-table css-1xdhyk6"
207
- id="withCaption"
208
- role="table"
209
- >
210
- <caption
211
- className="css-18i7bby"
212
- >
213
- this is the caption
214
- </caption>
215
- <tbody
216
- className="css-0"
217
- >
218
- <tr
219
- className="css-0"
220
- role="row"
221
- >
222
- <td
223
- className="css-0"
224
- role="gridcell"
225
- >
226
- Tom
227
- </td>
228
- <td
229
- className="css-0"
230
- role="gridcell"
231
- >
232
- Nook
233
- </td>
234
- <td
235
- className="css-0"
236
- role="gridcell"
237
- >
238
- Tanukichi
239
- </td>
240
- <td
241
- className="css-0"
242
- role="gridcell"
243
- >
244
- Main Street
245
- </td>
246
- <td
247
- className="css-0"
248
- role="gridcell"
249
- >
250
- New York
251
- </td>
252
- <td
253
- className="css-0"
254
- role="gridcell"
255
- >
256
- 23458
257
- </td>
258
- <td
259
- className="css-0"
260
- role="gridcell"
261
- >
262
- NY
263
- </td>
264
- </tr>
265
- <tr
266
- className="css-0"
267
- role="row"
268
- >
269
- <td
270
- className="css-0"
271
- role="gridcell"
272
- >
273
- Isabelle
274
- </td>
275
- <td
276
- className="css-0"
277
- role="gridcell"
278
- >
279
- -
280
- </td>
281
- <td
282
- className="css-0"
283
- role="gridcell"
284
- >
285
- Shizue
286
- </td>
287
- <td
288
- className="css-0"
289
- role="gridcell"
290
- >
291
- Walnut Street
292
- </td>
293
- <td
294
- className="css-0"
295
- role="gridcell"
296
- >
297
- New York
298
- </td>
299
- <td
300
- className="css-0"
301
- role="gridcell"
302
- >
303
- 23458
304
- </td>
305
- <td
306
- className="css-0"
307
- role="gridcell"
308
- >
309
- NY
310
- </td>
311
- </tr>
312
- <tr
313
- className="css-0"
314
- role="row"
315
- >
316
- <td
317
- className="css-0"
318
- role="gridcell"
319
- >
320
- K.K.
321
- </td>
322
- <td
323
- className="css-0"
324
- role="gridcell"
325
- >
326
- Slider
327
- </td>
328
- <td
329
- className="css-0"
330
- role="gridcell"
331
- >
332
- Totakeke
333
- </td>
334
- <td
335
- className="css-0"
336
- role="gridcell"
337
- >
338
- Niper Place
339
- </td>
340
- <td
341
- className="css-0"
342
- role="gridcell"
343
- >
344
- New York
345
- </td>
346
- <td
347
- className="css-0"
348
- role="gridcell"
349
- >
350
- 98765
351
- </td>
352
- <td
353
- className="css-0"
354
- role="gridcell"
355
- >
356
- NY
357
- </td>
358
- </tr>
359
- <tr
360
- className="css-0"
361
- role="row"
362
- >
363
- <td
364
- className="css-0"
365
- role="gridcell"
366
- >
367
- Sonny
368
- </td>
369
- <td
370
- className="css-0"
371
- role="gridcell"
372
- >
373
- Resetti
374
- </td>
375
- <td
376
- className="css-0"
377
- role="gridcell"
378
- >
379
- Risetto san
380
- </td>
381
- <td
382
- className="css-0"
383
- role="gridcell"
384
- >
385
- Village Road
386
- </td>
387
- <td
388
- className="css-0"
389
- role="gridcell"
390
- >
391
- New York
392
- </td>
393
- <td
394
- className="css-0"
395
- role="gridcell"
396
- >
397
- 09873
398
- </td>
399
- <td
400
- className="css-0"
401
- role="gridcell"
402
- >
403
- NY
404
- </td>
405
- </tr>
406
- </tbody>
407
- </table>
408
- `;
409
-
410
- exports[`Table renders the UI snapshot correctly 3`] = `
411
- <table
412
- className="chakra-table css-1xdhyk6"
413
- id="withHeaders"
414
- role="table"
415
- >
416
- <caption
417
- className="css-18i7bby"
418
- >
419
- this is the caption
420
- </caption>
421
- <thead
422
- className="css-0"
423
- >
424
- <tr
425
- className="css-0"
426
- role="row"
427
- >
428
- <th
429
- className="css-0"
430
- scope="col"
431
- >
432
- First Name
433
- </th>
434
- <th
435
- className="css-0"
436
- scope="col"
437
- >
438
- Last Name
439
- </th>
440
- <th
441
- className="css-0"
442
- scope="col"
443
- >
444
- Nick Name
445
- </th>
446
- <th
447
- className="css-0"
448
- scope="col"
449
- >
450
- Address1
451
- </th>
452
- <th
453
- className="css-0"
454
- scope="col"
455
- >
456
- City
457
- </th>
458
- <th
459
- className="css-0"
460
- scope="col"
461
- >
462
- Zipcode
463
- </th>
464
- <th
465
- className="css-0"
466
- scope="col"
467
- >
468
- State
469
- </th>
470
- </tr>
471
- </thead>
472
- <tbody
473
- className="css-0"
474
- >
475
- <tr
476
- className="css-0"
477
- role="row"
478
- >
479
- <td
480
- className="css-0"
481
- role="gridcell"
482
- >
483
- Tom
484
- </td>
485
- <td
486
- className="css-0"
487
- role="gridcell"
488
- >
489
- Nook
490
- </td>
491
- <td
492
- className="css-0"
493
- role="gridcell"
494
- >
495
- Tanukichi
496
- </td>
497
- <td
498
- className="css-0"
499
- role="gridcell"
500
- >
501
- Main Street
502
- </td>
503
- <td
504
- className="css-0"
505
- role="gridcell"
506
- >
507
- New York
508
- </td>
509
- <td
510
- className="css-0"
511
- role="gridcell"
512
- >
513
- 23458
514
- </td>
515
- <td
516
- className="css-0"
517
- role="gridcell"
518
- >
519
- NY
520
- </td>
521
- </tr>
522
- <tr
523
- className="css-0"
524
- role="row"
525
- >
526
- <td
527
- className="css-0"
528
- role="gridcell"
529
- >
530
- Isabelle
531
- </td>
532
- <td
533
- className="css-0"
534
- role="gridcell"
535
- >
536
- -
537
- </td>
538
- <td
539
- className="css-0"
540
- role="gridcell"
541
- >
542
- Shizue
543
- </td>
544
- <td
545
- className="css-0"
546
- role="gridcell"
547
- >
548
- Walnut Street
549
- </td>
550
- <td
551
- className="css-0"
552
- role="gridcell"
553
- >
554
- New York
555
- </td>
556
- <td
557
- className="css-0"
558
- role="gridcell"
559
- >
560
- 23458
561
- </td>
562
- <td
563
- className="css-0"
564
- role="gridcell"
565
- >
566
- NY
567
- </td>
568
- </tr>
569
- <tr
570
- className="css-0"
571
- role="row"
572
- >
573
- <td
574
- className="css-0"
575
- role="gridcell"
576
- >
577
- K.K.
578
- </td>
579
- <td
580
- className="css-0"
581
- role="gridcell"
582
- >
583
- Slider
584
- </td>
585
- <td
586
- className="css-0"
587
- role="gridcell"
588
- >
589
- Totakeke
590
- </td>
591
- <td
592
- className="css-0"
593
- role="gridcell"
594
- >
595
- Niper Place
596
- </td>
597
- <td
598
- className="css-0"
599
- role="gridcell"
600
- >
601
- New York
602
- </td>
603
- <td
604
- className="css-0"
605
- role="gridcell"
606
- >
607
- 98765
608
- </td>
609
- <td
610
- className="css-0"
611
- role="gridcell"
612
- >
613
- NY
614
- </td>
615
- </tr>
616
- <tr
617
- className="css-0"
618
- role="row"
619
- >
620
- <td
621
- className="css-0"
622
- role="gridcell"
623
- >
624
- Sonny
625
- </td>
626
- <td
627
- className="css-0"
628
- role="gridcell"
629
- >
630
- Resetti
631
- </td>
632
- <td
633
- className="css-0"
634
- role="gridcell"
635
- >
636
- Risetto san
637
- </td>
638
- <td
639
- className="css-0"
640
- role="gridcell"
641
- >
642
- Village Road
643
- </td>
644
- <td
645
- className="css-0"
646
- role="gridcell"
647
- >
648
- New York
649
- </td>
650
- <td
651
- className="css-0"
652
- role="gridcell"
653
- >
654
- 09873
655
- </td>
656
- <td
657
- className="css-0"
658
- role="gridcell"
659
- >
660
- NY
661
- </td>
662
- </tr>
663
- </tbody>
664
- </table>
665
- `;
666
-
667
- exports[`Table renders the UI snapshot correctly 4`] = `
668
- <table
669
- className="chakra-table css-1xdhyk6"
670
- id="withHeaders"
671
- role="table"
672
- >
673
- <caption
674
- className="css-18i7bby"
675
- >
676
- this is the caption
677
- </caption>
678
- <thead
679
- className="css-0"
680
- >
681
- <tr
682
- className="css-0"
683
- role="row"
684
- >
685
- <th
686
- className="css-0"
687
- scope="col"
688
- >
689
- First Name
690
- </th>
691
- <th
692
- className="css-0"
693
- scope="col"
694
- >
695
- Last Name
696
- </th>
697
- <th
698
- className="css-0"
699
- scope="col"
700
- >
701
- Nick Name
702
- </th>
703
- <th
704
- className="css-0"
705
- scope="col"
706
- >
707
- Address1
708
- </th>
709
- <th
710
- className="css-0"
711
- scope="col"
712
- >
713
- City
714
- </th>
715
- <th
716
- className="css-0"
717
- scope="col"
718
- >
719
- Zipcode
720
- </th>
721
- <th
722
- className="css-0"
723
- scope="col"
724
- >
725
- State
726
- </th>
727
- </tr>
728
- </thead>
729
- <tbody
730
- className="css-0"
731
- >
732
- <tr
733
- className="css-0"
734
- role="row"
735
- >
736
- <th
737
- className="css-0"
738
- scope="row"
739
- >
740
- Tom
741
- </th>
742
- <td
743
- className="css-0"
744
- role="gridcell"
745
- >
746
- Nook
747
- </td>
748
- <td
749
- className="css-0"
750
- role="gridcell"
751
- >
752
- Tanukichi
753
- </td>
754
- <td
755
- className="css-0"
756
- role="gridcell"
757
- >
758
- Main Street
759
- </td>
760
- <td
761
- className="css-0"
762
- role="gridcell"
763
- >
764
- New York
765
- </td>
766
- <td
767
- className="css-0"
768
- role="gridcell"
769
- >
770
- 23458
771
- </td>
772
- <td
773
- className="css-0"
774
- role="gridcell"
775
- >
776
- NY
777
- </td>
778
- </tr>
779
- <tr
780
- className="css-0"
781
- role="row"
782
- >
783
- <th
784
- className="css-0"
785
- scope="row"
786
- >
787
- Isabelle
788
- </th>
789
- <td
790
- className="css-0"
791
- role="gridcell"
792
- >
793
- -
794
- </td>
795
- <td
796
- className="css-0"
797
- role="gridcell"
798
- >
799
- Shizue
800
- </td>
801
- <td
802
- className="css-0"
803
- role="gridcell"
804
- >
805
- Walnut Street
806
- </td>
807
- <td
808
- className="css-0"
809
- role="gridcell"
810
- >
811
- New York
812
- </td>
813
- <td
814
- className="css-0"
815
- role="gridcell"
816
- >
817
- 23458
818
- </td>
819
- <td
820
- className="css-0"
821
- role="gridcell"
822
- >
823
- NY
824
- </td>
825
- </tr>
826
- <tr
827
- className="css-0"
828
- role="row"
829
- >
830
- <th
831
- className="css-0"
832
- scope="row"
833
- >
834
- K.K.
835
- </th>
836
- <td
837
- className="css-0"
838
- role="gridcell"
839
- >
840
- Slider
841
- </td>
842
- <td
843
- className="css-0"
844
- role="gridcell"
845
- >
846
- Totakeke
847
- </td>
848
- <td
849
- className="css-0"
850
- role="gridcell"
851
- >
852
- Niper Place
853
- </td>
854
- <td
855
- className="css-0"
856
- role="gridcell"
857
- >
858
- New York
859
- </td>
860
- <td
861
- className="css-0"
862
- role="gridcell"
863
- >
864
- 98765
865
- </td>
866
- <td
867
- className="css-0"
868
- role="gridcell"
869
- >
870
- NY
871
- </td>
872
- </tr>
873
- <tr
874
- className="css-0"
875
- role="row"
876
- >
877
- <th
878
- className="css-0"
879
- scope="row"
880
- >
881
- Sonny
882
- </th>
883
- <td
884
- className="css-0"
885
- role="gridcell"
886
- >
887
- Resetti
888
- </td>
889
- <td
890
- className="css-0"
891
- role="gridcell"
892
- >
893
- Risetto san
894
- </td>
895
- <td
896
- className="css-0"
897
- role="gridcell"
898
- >
899
- Village Road
900
- </td>
901
- <td
902
- className="css-0"
903
- role="gridcell"
904
- >
905
- New York
906
- </td>
907
- <td
908
- className="css-0"
909
- role="gridcell"
910
- >
911
- 09873
912
- </td>
913
- <td
914
- className="css-0"
915
- role="gridcell"
916
- >
917
- NY
918
- </td>
919
- </tr>
920
- </tbody>
921
- </table>
922
- `;
923
-
924
- exports[`Table renders the UI snapshot correctly 5`] = `
925
- <table
926
- className="chakra-table css-1xdhyk6"
927
- id="withHeaders"
928
- role="table"
929
- >
930
- <caption
931
- className="css-18i7bby"
932
- >
933
- this is the caption
934
- </caption>
935
- <thead
936
- className="css-0"
937
- >
938
- <tr
939
- className="css-0"
940
- role="row"
941
- >
942
- <th
943
- className="css-1adspbs"
944
- scope="col"
945
- >
946
- First Name
947
- </th>
948
- <th
949
- className="css-1adspbs"
950
- scope="col"
951
- >
952
- Last Name
953
- </th>
954
- <th
955
- className="css-1adspbs"
956
- scope="col"
957
- >
958
- Nick Name
959
- </th>
960
- <th
961
- className="css-1adspbs"
962
- scope="col"
963
- >
964
- Address1
965
- </th>
966
- <th
967
- className="css-1adspbs"
968
- scope="col"
969
- >
970
- City
971
- </th>
972
- <th
973
- className="css-1adspbs"
974
- scope="col"
975
- >
976
- Zipcode
977
- </th>
978
- <th
979
- className="css-1adspbs"
980
- scope="col"
981
- >
982
- State
983
- </th>
984
- </tr>
985
- </thead>
986
- <tbody
987
- className="css-0"
988
- >
989
- <tr
990
- className="css-0"
991
- role="row"
992
- >
993
- <th
994
- className="css-0"
995
- scope="row"
996
- >
997
- Tom
998
- </th>
999
- <td
1000
- className="css-0"
1001
- role="gridcell"
1002
- >
1003
- Nook
1004
- </td>
1005
- <td
1006
- className="css-0"
1007
- role="gridcell"
1008
- >
1009
- Tanukichi
1010
- </td>
1011
- <td
1012
- className="css-0"
1013
- role="gridcell"
1014
- >
1015
- Main Street
1016
- </td>
1017
- <td
1018
- className="css-0"
1019
- role="gridcell"
1020
- >
1021
- New York
1022
- </td>
1023
- <td
1024
- className="css-0"
1025
- role="gridcell"
1026
- >
1027
- 23458
1028
- </td>
1029
- <td
1030
- className="css-0"
1031
- role="gridcell"
1032
- >
1033
- NY
1034
- </td>
1035
- </tr>
1036
- <tr
1037
- className="css-0"
1038
- role="row"
1039
- >
1040
- <th
1041
- className="css-0"
1042
- scope="row"
1043
- >
1044
- Isabelle
1045
- </th>
1046
- <td
1047
- className="css-0"
1048
- role="gridcell"
1049
- >
1050
- -
1051
- </td>
1052
- <td
1053
- className="css-0"
1054
- role="gridcell"
1055
- >
1056
- Shizue
1057
- </td>
1058
- <td
1059
- className="css-0"
1060
- role="gridcell"
1061
- >
1062
- Walnut Street
1063
- </td>
1064
- <td
1065
- className="css-0"
1066
- role="gridcell"
1067
- >
1068
- New York
1069
- </td>
1070
- <td
1071
- className="css-0"
1072
- role="gridcell"
1073
- >
1074
- 23458
1075
- </td>
1076
- <td
1077
- className="css-0"
1078
- role="gridcell"
1079
- >
1080
- NY
1081
- </td>
1082
- </tr>
1083
- <tr
1084
- className="css-0"
1085
- role="row"
1086
- >
1087
- <th
1088
- className="css-0"
1089
- scope="row"
1090
- >
1091
- K.K.
1092
- </th>
1093
- <td
1094
- className="css-0"
1095
- role="gridcell"
1096
- >
1097
- Slider
1098
- </td>
1099
- <td
1100
- className="css-0"
1101
- role="gridcell"
1102
- >
1103
- Totakeke
1104
- </td>
1105
- <td
1106
- className="css-0"
1107
- role="gridcell"
1108
- >
1109
- Niper Place
1110
- </td>
1111
- <td
1112
- className="css-0"
1113
- role="gridcell"
1114
- >
1115
- New York
1116
- </td>
1117
- <td
1118
- className="css-0"
1119
- role="gridcell"
1120
- >
1121
- 98765
1122
- </td>
1123
- <td
1124
- className="css-0"
1125
- role="gridcell"
1126
- >
1127
- NY
1128
- </td>
1129
- </tr>
1130
- <tr
1131
- className="css-0"
1132
- role="row"
1133
- >
1134
- <th
1135
- className="css-0"
1136
- scope="row"
1137
- >
1138
- Sonny
1139
- </th>
1140
- <td
1141
- className="css-0"
1142
- role="gridcell"
1143
- >
1144
- Resetti
1145
- </td>
1146
- <td
1147
- className="css-0"
1148
- role="gridcell"
1149
- >
1150
- Risetto san
1151
- </td>
1152
- <td
1153
- className="css-0"
1154
- role="gridcell"
1155
- >
1156
- Village Road
1157
- </td>
1158
- <td
1159
- className="css-0"
1160
- role="gridcell"
1161
- >
1162
- New York
1163
- </td>
1164
- <td
1165
- className="css-0"
1166
- role="gridcell"
1167
- >
1168
- 09873
1169
- </td>
1170
- <td
1171
- className="css-0"
1172
- role="gridcell"
1173
- >
1174
- NY
1175
- </td>
1176
- </tr>
1177
- </tbody>
1178
- </table>
1179
- `;
1180
-
1181
- exports[`Table renders the UI snapshot correctly 6`] = `
1182
- <table
1183
- className="chakra-table css-kle7zy"
1184
- id="chakra"
1185
- role="table"
1186
- >
1187
- <tbody
1188
- className="css-0"
1189
- >
1190
- <tr
1191
- className="css-0"
1192
- role="row"
1193
- >
1194
- <td
1195
- className="css-0"
1196
- role="gridcell"
1197
- >
1198
- Tom
1199
- </td>
1200
- <td
1201
- className="css-0"
1202
- role="gridcell"
1203
- >
1204
- Nook
1205
- </td>
1206
- <td
1207
- className="css-0"
1208
- role="gridcell"
1209
- >
1210
- Tanukichi
1211
- </td>
1212
- <td
1213
- className="css-0"
1214
- role="gridcell"
1215
- >
1216
- Main Street
1217
- </td>
1218
- <td
1219
- className="css-0"
1220
- role="gridcell"
1221
- >
1222
- New York
1223
- </td>
1224
- <td
1225
- className="css-0"
1226
- role="gridcell"
1227
- >
1228
- 23458
1229
- </td>
1230
- <td
1231
- className="css-0"
1232
- role="gridcell"
1233
- >
1234
- NY
1235
- </td>
1236
- </tr>
1237
- <tr
1238
- className="css-0"
1239
- role="row"
1240
- >
1241
- <td
1242
- className="css-0"
1243
- role="gridcell"
1244
- >
1245
- Isabelle
1246
- </td>
1247
- <td
1248
- className="css-0"
1249
- role="gridcell"
1250
- >
1251
- -
1252
- </td>
1253
- <td
1254
- className="css-0"
1255
- role="gridcell"
1256
- >
1257
- Shizue
1258
- </td>
1259
- <td
1260
- className="css-0"
1261
- role="gridcell"
1262
- >
1263
- Walnut Street
1264
- </td>
1265
- <td
1266
- className="css-0"
1267
- role="gridcell"
1268
- >
1269
- New York
1270
- </td>
1271
- <td
1272
- className="css-0"
1273
- role="gridcell"
1274
- >
1275
- 23458
1276
- </td>
1277
- <td
1278
- className="css-0"
1279
- role="gridcell"
1280
- >
1281
- NY
1282
- </td>
1283
- </tr>
1284
- <tr
1285
- className="css-0"
1286
- role="row"
1287
- >
1288
- <td
1289
- className="css-0"
1290
- role="gridcell"
1291
- >
1292
- K.K.
1293
- </td>
1294
- <td
1295
- className="css-0"
1296
- role="gridcell"
1297
- >
1298
- Slider
1299
- </td>
1300
- <td
1301
- className="css-0"
1302
- role="gridcell"
1303
- >
1304
- Totakeke
1305
- </td>
1306
- <td
1307
- className="css-0"
1308
- role="gridcell"
1309
- >
1310
- Niper Place
1311
- </td>
1312
- <td
1313
- className="css-0"
1314
- role="gridcell"
1315
- >
1316
- New York
1317
- </td>
1318
- <td
1319
- className="css-0"
1320
- role="gridcell"
1321
- >
1322
- 98765
1323
- </td>
1324
- <td
1325
- className="css-0"
1326
- role="gridcell"
1327
- >
1328
- NY
1329
- </td>
1330
- </tr>
1331
- <tr
1332
- className="css-0"
1333
- role="row"
1334
- >
1335
- <td
1336
- className="css-0"
1337
- role="gridcell"
1338
- >
1339
- Sonny
1340
- </td>
1341
- <td
1342
- className="css-0"
1343
- role="gridcell"
1344
- >
1345
- Resetti
1346
- </td>
1347
- <td
1348
- className="css-0"
1349
- role="gridcell"
1350
- >
1351
- Risetto san
1352
- </td>
1353
- <td
1354
- className="css-0"
1355
- role="gridcell"
1356
- >
1357
- Village Road
1358
- </td>
1359
- <td
1360
- className="css-0"
1361
- role="gridcell"
1362
- >
1363
- New York
1364
- </td>
1365
- <td
1366
- className="css-0"
1367
- role="gridcell"
1368
- >
1369
- 09873
1370
- </td>
1371
- <td
1372
- className="css-0"
1373
- role="gridcell"
1374
- >
1375
- NY
1376
- </td>
1377
- </tr>
1378
- </tbody>
1379
- </table>
1380
- `;
1381
-
1382
- exports[`Table renders the UI snapshot correctly 7`] = `
1383
- <table
1384
- className="chakra-table css-1xdhyk6"
1385
- data-testid="props"
1386
- id="props"
1387
- role="table"
1388
- >
1389
- <tbody
1390
- className="css-0"
1391
- >
1392
- <tr
1393
- className="css-0"
1394
- role="row"
1395
- >
1396
- <td
1397
- className="css-0"
1398
- role="gridcell"
1399
- >
1400
- Tom
1401
- </td>
1402
- <td
1403
- className="css-0"
1404
- role="gridcell"
1405
- >
1406
- Nook
1407
- </td>
1408
- <td
1409
- className="css-0"
1410
- role="gridcell"
1411
- >
1412
- Tanukichi
1413
- </td>
1414
- <td
1415
- className="css-0"
1416
- role="gridcell"
1417
- >
1418
- Main Street
1419
- </td>
1420
- <td
1421
- className="css-0"
1422
- role="gridcell"
1423
- >
1424
- New York
1425
- </td>
1426
- <td
1427
- className="css-0"
1428
- role="gridcell"
1429
- >
1430
- 23458
1431
- </td>
1432
- <td
1433
- className="css-0"
1434
- role="gridcell"
1435
- >
1436
- NY
1437
- </td>
1438
- </tr>
1439
- <tr
1440
- className="css-0"
1441
- role="row"
1442
- >
1443
- <td
1444
- className="css-0"
1445
- role="gridcell"
1446
- >
1447
- Isabelle
1448
- </td>
1449
- <td
1450
- className="css-0"
1451
- role="gridcell"
1452
- >
1453
- -
1454
- </td>
1455
- <td
1456
- className="css-0"
1457
- role="gridcell"
1458
- >
1459
- Shizue
1460
- </td>
1461
- <td
1462
- className="css-0"
1463
- role="gridcell"
1464
- >
1465
- Walnut Street
1466
- </td>
1467
- <td
1468
- className="css-0"
1469
- role="gridcell"
1470
- >
1471
- New York
1472
- </td>
1473
- <td
1474
- className="css-0"
1475
- role="gridcell"
1476
- >
1477
- 23458
1478
- </td>
1479
- <td
1480
- className="css-0"
1481
- role="gridcell"
1482
- >
1483
- NY
1484
- </td>
1485
- </tr>
1486
- <tr
1487
- className="css-0"
1488
- role="row"
1489
- >
1490
- <td
1491
- className="css-0"
1492
- role="gridcell"
1493
- >
1494
- K.K.
1495
- </td>
1496
- <td
1497
- className="css-0"
1498
- role="gridcell"
1499
- >
1500
- Slider
1501
- </td>
1502
- <td
1503
- className="css-0"
1504
- role="gridcell"
1505
- >
1506
- Totakeke
1507
- </td>
1508
- <td
1509
- className="css-0"
1510
- role="gridcell"
1511
- >
1512
- Niper Place
1513
- </td>
1514
- <td
1515
- className="css-0"
1516
- role="gridcell"
1517
- >
1518
- New York
1519
- </td>
1520
- <td
1521
- className="css-0"
1522
- role="gridcell"
1523
- >
1524
- 98765
1525
- </td>
1526
- <td
1527
- className="css-0"
1528
- role="gridcell"
1529
- >
1530
- NY
1531
- </td>
1532
- </tr>
1533
- <tr
1534
- className="css-0"
1535
- role="row"
1536
- >
1537
- <td
1538
- className="css-0"
1539
- role="gridcell"
1540
- >
1541
- Sonny
1542
- </td>
1543
- <td
1544
- className="css-0"
1545
- role="gridcell"
1546
- >
1547
- Resetti
1548
- </td>
1549
- <td
1550
- className="css-0"
1551
- role="gridcell"
1552
- >
1553
- Risetto san
1554
- </td>
1555
- <td
1556
- className="css-0"
1557
- role="gridcell"
1558
- >
1559
- Village Road
1560
- </td>
1561
- <td
1562
- className="css-0"
1563
- role="gridcell"
1564
- >
1565
- New York
1566
- </td>
1567
- <td
1568
- className="css-0"
1569
- role="gridcell"
1570
- >
1571
- 09873
1572
- </td>
1573
- <td
1574
- className="css-0"
1575
- role="gridcell"
1576
- >
1577
- NY
1578
- </td>
1579
- </tr>
1580
- </tbody>
1581
- </table>
1582
- `;
1583
-
1584
- exports[`Table renders the UI snapshot correctly 8`] = `
1585
- <table
1586
- className="chakra-table css-1xdhyk6"
1587
- id="jsx-example"
1588
- role="table"
1589
- >
1590
- <thead
1591
- className="css-0"
1592
- >
1593
- <tr
1594
- className="css-0"
1595
- role="row"
1596
- >
1597
- <th
1598
- className="css-0"
1599
- scope="col"
1600
- >
1601
- First Name
1602
- </th>
1603
- <th
1604
- className="css-0"
1605
- scope="col"
1606
- >
1607
- Last Name
1608
- </th>
1609
- <th
1610
- className="css-0"
1611
- scope="col"
1612
- >
1613
- Avatar
1614
- </th>
1615
- </tr>
1616
- </thead>
1617
- <tbody
1618
- className="css-0"
1619
- >
1620
- <tr
1621
- className="css-0"
1622
- role="row"
1623
- >
1624
- <td
1625
- className="css-0"
1626
- role="gridcell"
1627
- >
1628
- Tom
1629
- </td>
1630
- <td
1631
- className="css-0"
1632
- role="gridcell"
1633
- >
1634
- Nook
1635
- </td>
1636
- <td
1637
- className="css-0"
1638
- role="gridcell"
1639
- >
1640
- <img
1641
- alt="Tom Nook"
1642
- className="css-0"
1643
- src="https://play.nintendo.com/images/AC_Tom_FRYtwIN.17345b1513ac044897cfc243542899dce541e8dc.9afde10b.png"
1644
- />
1645
- </td>
1646
- </tr>
1647
- <tr
1648
- className="css-0"
1649
- role="row"
1650
- >
1651
- <td
1652
- className="css-0"
1653
- role="gridcell"
1654
- >
1655
- Isabelle
1656
- </td>
1657
- <td
1658
- className="css-0"
1659
- role="gridcell"
1660
- >
1661
- -
1662
- </td>
1663
- <td
1664
- className="css-0"
1665
- role="gridcell"
1666
- >
1667
- <img
1668
- alt="Isabelle"
1669
- className="css-0"
1670
- src="https://play.nintendo.com/images/AC_Isabelle_7XU6aGu.17345b1513ac044897cfc243542899dce541e8dc.9afde10b.png"
1671
- />
1672
- </td>
1673
- </tr>
1674
- <tr
1675
- className="css-0"
1676
- role="row"
1677
- >
1678
- <td
1679
- className="css-0"
1680
- role="gridcell"
1681
- >
1682
- K.K.
1683
- </td>
1684
- <td
1685
- className="css-0"
1686
- role="gridcell"
1687
- >
1688
- Slider
1689
- </td>
1690
- <td
1691
- className="css-0"
1692
- role="gridcell"
1693
- >
1694
- <img
1695
- alt="K.K Slider"
1696
- className="css-0"
1697
- src="https://play.nintendo.com/images/AC_KK_jh4yj5t.17345b1513ac044897cfc243542899dce541e8dc.9afde10b.png"
1698
- />
1699
- </td>
1700
- </tr>
1701
- </tbody>
1702
- </table>
1703
- `;