@nypl/design-system-react-components 1.0.0 → 1.0.3-beta

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 (296) hide show
  1. package/README.md +3 -5
  2. package/dist/components/Checkbox/Checkbox.d.ts +0 -1
  3. package/dist/components/ComponentWrapper/ComponentWrapper.d.ts +8 -0
  4. package/dist/components/Heading/Heading.d.ts +2 -0
  5. package/dist/components/Logo/Logo.d.ts +1 -1
  6. package/dist/components/Logo/LogoSvgs.d.ts +4 -0
  7. package/dist/components/Slider/Slider.d.ts +1 -2
  8. package/dist/components/TextInput/TextInput.d.ts +2 -1
  9. package/dist/design-system-react-components.cjs.development.js +1038 -674
  10. package/dist/design-system-react-components.cjs.development.js.map +1 -1
  11. package/dist/design-system-react-components.cjs.production.min.js +1 -1
  12. package/dist/design-system-react-components.cjs.production.min.js.map +1 -1
  13. package/dist/design-system-react-components.esm.js +1039 -675
  14. package/dist/design-system-react-components.esm.js.map +1 -1
  15. package/dist/hooks/{tests → __tests__}/useCarouselStyles.test.d.ts +0 -0
  16. package/dist/theme/components/button.d.ts +1 -0
  17. package/dist/theme/components/card.d.ts +98 -13
  18. package/dist/theme/components/checkboxGroup.d.ts +1 -1
  19. package/dist/theme/components/global.d.ts +2 -2
  20. package/dist/theme/components/heading.d.ts +4 -16
  21. package/dist/theme/components/image.d.ts +6 -0
  22. package/dist/theme/components/radio.d.ts +8 -0
  23. package/dist/theme/components/radioGroup.d.ts +1 -1
  24. package/dist/theme/components/skipNavigation.d.ts +3 -0
  25. package/dist/theme/components/structuredContent.d.ts +0 -5
  26. package/dist/theme/components/template.d.ts +4 -1
  27. package/dist/utils/utils.d.ts +15 -0
  28. package/package.json +6 -7
  29. package/CHANGELOG.md +0 -1399
  30. package/src/__tests__/fileMock.ts +0 -6
  31. package/src/__tests__/setup.ts +0 -27
  32. package/src/__tests__/utils/utils.test.ts +0 -18
  33. package/src/components/AccessibilityGuide/SkipNavigation.stories.mdx +0 -42
  34. package/src/components/Accordion/Accordion.stories.mdx +0 -361
  35. package/src/components/Accordion/Accordion.test.tsx +0 -237
  36. package/src/components/Accordion/Accordion.tsx +0 -136
  37. package/src/components/Accordion/__snapshots__/Accordion.test.tsx.snap +0 -734
  38. package/src/components/Autosuggest/Autosuggest.stories.mdx +0 -75
  39. package/src/components/Autosuggest/Autosuggest.stories.tsx +0 -211
  40. package/src/components/Autosuggest/_Autosuggest.scss +0 -51
  41. package/src/components/Breadcrumbs/Breadcrumbs.stories.mdx +0 -231
  42. package/src/components/Breadcrumbs/Breadcrumbs.test.tsx +0 -144
  43. package/src/components/Breadcrumbs/Breadcrumbs.tsx +0 -98
  44. package/src/components/Breadcrumbs/__snapshots__/Breadcrumbs.test.tsx.snap +0 -695
  45. package/src/components/Button/Button.stories.mdx +0 -320
  46. package/src/components/Button/Button.test.tsx +0 -184
  47. package/src/components/Button/Button.tsx +0 -95
  48. package/src/components/Button/__snapshots__/Button.test.tsx.snap +0 -106
  49. package/src/components/ButtonGroup/ButtonGroup.stories.mdx +0 -147
  50. package/src/components/ButtonGroup/ButtonGroup.test.tsx +0 -141
  51. package/src/components/ButtonGroup/ButtonGroup.tsx +0 -99
  52. package/src/components/ButtonGroup/__snapshots__/ButtonGroup.test.tsx.snap +0 -117
  53. package/src/components/Card/Card.stories.mdx +0 -1043
  54. package/src/components/Card/Card.test.tsx +0 -388
  55. package/src/components/Card/Card.tsx +0 -345
  56. package/src/components/Card/__snapshots__/Card.test.tsx.snap +0 -568
  57. package/src/components/Chakra/Box.stories.mdx +0 -52
  58. package/src/components/Chakra/Center.stories.mdx +0 -96
  59. package/src/components/Chakra/Flex.stories.mdx +0 -111
  60. package/src/components/Chakra/Grid.stories.mdx +0 -89
  61. package/src/components/Chakra/Stack.stories.mdx +0 -109
  62. package/src/components/Checkbox/Checkbox.stories.mdx +0 -243
  63. package/src/components/Checkbox/Checkbox.test.tsx +0 -319
  64. package/src/components/Checkbox/Checkbox.tsx +0 -166
  65. package/src/components/Checkbox/__snapshots__/Checkbox.test.tsx.snap +0 -616
  66. package/src/components/CheckboxGroup/CheckboxGroup.stories.mdx +0 -462
  67. package/src/components/CheckboxGroup/CheckboxGroup.test.tsx +0 -492
  68. package/src/components/CheckboxGroup/CheckboxGroup.tsx +0 -173
  69. package/src/components/CheckboxGroup/__snapshots__/CheckboxGroup.test.tsx.snap +0 -1722
  70. package/src/components/ComponentWrapper/ComponentWrapper.test.tsx +0 -163
  71. package/src/components/ComponentWrapper/ComponentWrapper.tsx +0 -67
  72. package/src/components/ComponentWrapper/__snapshots__/ComponentWrapper.test.tsx.snap +0 -98
  73. package/src/components/DatePicker/DatePicker.stories.mdx +0 -452
  74. package/src/components/DatePicker/DatePicker.test.tsx +0 -940
  75. package/src/components/DatePicker/DatePicker.tsx +0 -450
  76. package/src/components/DatePicker/_DatePicker.scss +0 -100
  77. package/src/components/DatePicker/__snapshots__/DatePicker.test.tsx.snap +0 -889
  78. package/src/components/Fieldset/Fieldset.stories.mdx +0 -96
  79. package/src/components/Fieldset/Fieldset.test.tsx +0 -155
  80. package/src/components/Fieldset/Fieldset.tsx +0 -55
  81. package/src/components/Fieldset/__snapshots__/Fieldset.test.tsx.snap +0 -89
  82. package/src/components/Form/Form.stories.mdx +0 -426
  83. package/src/components/Form/Form.test.tsx +0 -234
  84. package/src/components/Form/Form.tsx +0 -124
  85. package/src/components/Form/__snapshots__/Form.test.tsx.snap +0 -115
  86. package/src/components/Grid/SimpleGrid.stories.mdx +0 -338
  87. package/src/components/Grid/SimpleGrid.test.tsx +0 -79
  88. package/src/components/Grid/SimpleGrid.tsx +0 -49
  89. package/src/components/Grid/__snapshots__/SimpleGrid.test.tsx.snap +0 -23
  90. package/src/components/Heading/Heading.stories.mdx +0 -184
  91. package/src/components/Heading/Heading.test.tsx +0 -171
  92. package/src/components/Heading/Heading.tsx +0 -101
  93. package/src/components/Heading/__snapshots__/Heading.test.tsx.snap +0 -90
  94. package/src/components/HelperErrorText/HelperErrorText.stories.mdx +0 -172
  95. package/src/components/HelperErrorText/HelperErrorText.test.tsx +0 -114
  96. package/src/components/HelperErrorText/HelperErrorText.tsx +0 -62
  97. package/src/components/HelperErrorText/__snapshots__/HelperErrorText.test.tsx.snap +0 -93
  98. package/src/components/Hero/Hero.stories.mdx +0 -378
  99. package/src/components/Hero/Hero.test.tsx +0 -611
  100. package/src/components/Hero/Hero.tsx +0 -203
  101. package/src/components/Hero/__snapshots__/Hero.test.tsx.snap +0 -379
  102. package/src/components/HorizontalRule/HorizontalRule.stories.mdx +0 -73
  103. package/src/components/HorizontalRule/HorizontalRule.test.tsx +0 -54
  104. package/src/components/HorizontalRule/HorizontalRule.tsx +0 -27
  105. package/src/components/HorizontalRule/__snapshots__/HorizontalRule.test.tsx.snap +0 -44
  106. package/src/components/Icons/Icon.stories.mdx +0 -413
  107. package/src/components/Icons/Icon.test.tsx +0 -120
  108. package/src/components/Icons/Icon.tsx +0 -187
  109. package/src/components/Icons/IconSvgs.tsx +0 -64
  110. package/src/components/Icons/__snapshots__/Icon.test.tsx.snap +0 -129
  111. package/src/components/Image/Image.stories.mdx +0 -332
  112. package/src/components/Image/Image.test.tsx +0 -155
  113. package/src/components/Image/Image.tsx +0 -171
  114. package/src/components/Image/__snapshots__/Image.test.tsx.snap +0 -269
  115. package/src/components/Label/Label.stories.mdx +0 -100
  116. package/src/components/Label/Label.test.tsx +0 -116
  117. package/src/components/Label/Label.tsx +0 -55
  118. package/src/components/Label/__snapshots__/Label.test.tsx.snap +0 -45
  119. package/src/components/Link/Link.stories.mdx +0 -249
  120. package/src/components/Link/Link.test.tsx +0 -224
  121. package/src/components/Link/Link.tsx +0 -178
  122. package/src/components/Link/__snapshots__/Link.test.tsx.snap +0 -286
  123. package/src/components/List/List.stories.mdx +0 -393
  124. package/src/components/List/List.test.tsx +0 -265
  125. package/src/components/List/List.tsx +0 -156
  126. package/src/components/List/__snapshots__/List.test.tsx.snap +0 -213
  127. package/src/components/Logo/Logo.stories.mdx +0 -290
  128. package/src/components/Logo/Logo.test.tsx +0 -116
  129. package/src/components/Logo/Logo.tsx +0 -147
  130. package/src/components/Logo/LogoSvgs.tsx +0 -82
  131. package/src/components/Logo/__snapshots__/Logo.test.tsx.snap +0 -142
  132. package/src/components/Modal/Modal.stories.mdx +0 -301
  133. package/src/components/Modal/Modal.test.tsx +0 -157
  134. package/src/components/Modal/Modal.tsx +0 -154
  135. package/src/components/Modal/__snapshots__/Modal.test.tsx.snap +0 -25
  136. package/src/components/Notification/Notification.stories.mdx +0 -358
  137. package/src/components/Notification/Notification.test.tsx +0 -279
  138. package/src/components/Notification/Notification.tsx +0 -224
  139. package/src/components/Notification/__snapshots__/Notification.test.tsx.snap +0 -525
  140. package/src/components/Pagination/Pagination.stories.mdx +0 -184
  141. package/src/components/Pagination/Pagination.test.tsx +0 -419
  142. package/src/components/Pagination/Pagination.tsx +0 -269
  143. package/src/components/Pagination/__snapshots__/Pagination.test.tsx.snap +0 -544
  144. package/src/components/Placeholder/Placeholder.tsx +0 -19
  145. package/src/components/ProgressIndicator/ProgressIndicator.stories.mdx +0 -360
  146. package/src/components/ProgressIndicator/ProgressIndicator.test.tsx +0 -298
  147. package/src/components/ProgressIndicator/ProgressIndicator.tsx +0 -132
  148. package/src/components/ProgressIndicator/__snapshots__/ProgressIndicator.test.tsx.snap +0 -434
  149. package/src/components/Radio/Radio.stories.mdx +0 -216
  150. package/src/components/Radio/Radio.test.tsx +0 -247
  151. package/src/components/Radio/Radio.tsx +0 -128
  152. package/src/components/Radio/__snapshots__/Radio.test.tsx.snap +0 -411
  153. package/src/components/RadioGroup/RadioGroup.stories.mdx +0 -478
  154. package/src/components/RadioGroup/RadioGroup.test.tsx +0 -471
  155. package/src/components/RadioGroup/RadioGroup.tsx +0 -170
  156. package/src/components/RadioGroup/__snapshots__/RadioGroup.test.tsx.snap +0 -1430
  157. package/src/components/SearchBar/SearchBar.stories.mdx +0 -518
  158. package/src/components/SearchBar/SearchBar.test.tsx +0 -435
  159. package/src/components/SearchBar/SearchBar.tsx +0 -210
  160. package/src/components/SearchBar/__snapshots__/SearchBar.test.tsx.snap +0 -1027
  161. package/src/components/Select/Select.stories.mdx +0 -439
  162. package/src/components/Select/Select.test.tsx +0 -358
  163. package/src/components/Select/Select.tsx +0 -181
  164. package/src/components/Select/__snapshots__/Select.test.tsx.snap +0 -885
  165. package/src/components/SkeletonLoader/SkeletonLoader.stories.mdx +0 -142
  166. package/src/components/SkeletonLoader/SkeletonLoader.test.tsx +0 -116
  167. package/src/components/SkeletonLoader/SkeletonLoader.tsx +0 -123
  168. package/src/components/SkeletonLoader/__snapshots__/SkeletonLoader.test.tsx.snap +0 -898
  169. package/src/components/SkipNavigation/SkipNavigation.stories.mdx +0 -90
  170. package/src/components/SkipNavigation/SkipNavigation.test.tsx +0 -63
  171. package/src/components/SkipNavigation/SkipNavigation.tsx +0 -51
  172. package/src/components/SkipNavigation/__snapshots__/SkipNavigation.test.tsx.snap +0 -130
  173. package/src/components/Slider/Slider.stories.mdx +0 -628
  174. package/src/components/Slider/Slider.test.tsx +0 -736
  175. package/src/components/Slider/Slider.tsx +0 -322
  176. package/src/components/Slider/__snapshots__/Slider.test.tsx.snap +0 -2153
  177. package/src/components/StatusBadge/StatusBadge.stories.mdx +0 -109
  178. package/src/components/StatusBadge/StatusBadge.test.tsx +0 -70
  179. package/src/components/StatusBadge/StatusBadge.tsx +0 -35
  180. package/src/components/StatusBadge/__snapshots__/StatusBadge.test.tsx.snap +0 -47
  181. package/src/components/StructuredContent/StructuredContent.stories.mdx +0 -567
  182. package/src/components/StructuredContent/StructuredContent.test.tsx +0 -435
  183. package/src/components/StructuredContent/StructuredContent.tsx +0 -139
  184. package/src/components/StructuredContent/__snapshots__/StructuredContent.test.tsx.snap +0 -368
  185. package/src/components/StyleGuide/Bidirectionality.stories.mdx +0 -206
  186. package/src/components/StyleGuide/Breakpoints.stories.mdx +0 -55
  187. package/src/components/StyleGuide/Buttons.stories.mdx +0 -194
  188. package/src/components/StyleGuide/ColorCard.tsx +0 -43
  189. package/src/components/StyleGuide/Colors.stories.mdx +0 -201
  190. package/src/components/StyleGuide/DesignTokens.stories.mdx +0 -193
  191. package/src/components/StyleGuide/Forms.stories.mdx +0 -94
  192. package/src/components/StyleGuide/Iconography.stories.mdx +0 -142
  193. package/src/components/StyleGuide/Spacing.stories.mdx +0 -116
  194. package/src/components/StyleGuide/Typography.stories.mdx +0 -419
  195. package/src/components/Table/Table.stories.mdx +0 -276
  196. package/src/components/Table/Table.test.tsx +0 -208
  197. package/src/components/Table/Table.tsx +0 -131
  198. package/src/components/Table/__snapshots__/Table.test.tsx.snap +0 -1703
  199. package/src/components/Tabs/Tabs.stories.mdx +0 -338
  200. package/src/components/Tabs/Tabs.test.tsx +0 -298
  201. package/src/components/Tabs/Tabs.tsx +0 -264
  202. package/src/components/Tabs/__snapshots__/Tabs.test.tsx.snap +0 -584
  203. package/src/components/Template/Template.stories.mdx +0 -691
  204. package/src/components/Template/Template.test.tsx +0 -309
  205. package/src/components/Template/Template.tsx +0 -326
  206. package/src/components/Template/__snapshots__/Template.test.tsx.snap +0 -342
  207. package/src/components/Text/Text.stories.mdx +0 -103
  208. package/src/components/Text/Text.test.tsx +0 -63
  209. package/src/components/Text/Text.tsx +0 -50
  210. package/src/components/Text/__snapshots__/Text.test.tsx.snap +0 -50
  211. package/src/components/TextInput/TextInput.stories.mdx +0 -268
  212. package/src/components/TextInput/TextInput.test.tsx +0 -451
  213. package/src/components/TextInput/TextInput.tsx +0 -240
  214. package/src/components/TextInput/__snapshots__/TextInput.test.tsx.snap +0 -264
  215. package/src/components/Toggle/Toggle.stories.mdx +0 -237
  216. package/src/components/Toggle/Toggle.test.tsx +0 -170
  217. package/src/components/Toggle/Toggle.tsx +0 -126
  218. package/src/components/Toggle/__snapshots__/Toggle.test.tsx.snap +0 -442
  219. package/src/components/VideoPlayer/VideoPlayer.stories.mdx +0 -211
  220. package/src/components/VideoPlayer/VideoPlayer.test.tsx +0 -308
  221. package/src/components/VideoPlayer/VideoPlayer.tsx +0 -188
  222. package/src/components/VideoPlayer/__snapshots__/VideoPlayer.test.tsx.snap +0 -187
  223. package/src/docs/Chakra.stories.mdx +0 -563
  224. package/src/docs/Welcome.stories.mdx +0 -148
  225. package/src/helpers/types.ts +0 -1
  226. package/src/hooks/tests/useCarouselStyles.test.ts +0 -140
  227. package/src/hooks/tests/useNYPLTheme.test.tsx +0 -36
  228. package/src/hooks/useCarouselStyles.stories.mdx +0 -30
  229. package/src/hooks/useCarouselStyles.ts +0 -35
  230. package/src/hooks/useNYPLTheme.stories.mdx +0 -98
  231. package/src/hooks/useNYPLTheme.ts +0 -91
  232. package/src/hooks/useWindowSize.stories.mdx +0 -23
  233. package/src/hooks/useWindowSize.ts +0 -40
  234. package/src/index.ts +0 -136
  235. package/src/resources.scss +0 -6
  236. package/src/styles/base/_01-breakpoints.scss +0 -27
  237. package/src/styles/base/_02-mixins.scss +0 -103
  238. package/src/styles/base/_place-holder.scss +0 -33
  239. package/src/styles/space/_space-inline.scss +0 -79
  240. package/src/styles/space/_space-inset.scss +0 -57
  241. package/src/styles/space/_space-stack.scss +0 -116
  242. package/src/styles.scss +0 -23
  243. package/src/theme/components/accordion.ts +0 -25
  244. package/src/theme/components/breadcrumb.ts +0 -94
  245. package/src/theme/components/button.ts +0 -132
  246. package/src/theme/components/buttonGroup.ts +0 -10
  247. package/src/theme/components/card.ts +0 -231
  248. package/src/theme/components/checkbox.ts +0 -110
  249. package/src/theme/components/checkboxGroup.ts +0 -10
  250. package/src/theme/components/componentWrapper.ts +0 -14
  251. package/src/theme/components/customTable.ts +0 -77
  252. package/src/theme/components/datePicker.ts +0 -17
  253. package/src/theme/components/fieldset.ts +0 -23
  254. package/src/theme/components/global.ts +0 -91
  255. package/src/theme/components/globalMixins.ts +0 -24
  256. package/src/theme/components/heading.ts +0 -79
  257. package/src/theme/components/helperErrorText.ts +0 -14
  258. package/src/theme/components/hero.ts +0 -238
  259. package/src/theme/components/horizontalRule.ts +0 -17
  260. package/src/theme/components/icon.ts +0 -88
  261. package/src/theme/components/image.ts +0 -135
  262. package/src/theme/components/label.ts +0 -15
  263. package/src/theme/components/link.ts +0 -63
  264. package/src/theme/components/list.ts +0 -88
  265. package/src/theme/components/logo.ts +0 -58
  266. package/src/theme/components/notification.ts +0 -132
  267. package/src/theme/components/pagination.ts +0 -17
  268. package/src/theme/components/progressIndicator.ts +0 -67
  269. package/src/theme/components/radio.ts +0 -103
  270. package/src/theme/components/radioGroup.ts +0 -10
  271. package/src/theme/components/searchBar.ts +0 -19
  272. package/src/theme/components/select.ts +0 -72
  273. package/src/theme/components/skeletonLoader.ts +0 -113
  274. package/src/theme/components/skipNavigation.ts +0 -26
  275. package/src/theme/components/slider.ts +0 -95
  276. package/src/theme/components/statusBadge.ts +0 -26
  277. package/src/theme/components/structuredContent.ts +0 -149
  278. package/src/theme/components/tabs.ts +0 -109
  279. package/src/theme/components/template.ts +0 -114
  280. package/src/theme/components/text.ts +0 -38
  281. package/src/theme/components/textInput.ts +0 -65
  282. package/src/theme/components/toggle.ts +0 -109
  283. package/src/theme/components/videoPlayer.ts +0 -47
  284. package/src/theme/foundations/breakpoints.ts +0 -24
  285. package/src/theme/foundations/colors.ts +0 -212
  286. package/src/theme/foundations/global.ts +0 -43
  287. package/src/theme/foundations/radii.ts +0 -7
  288. package/src/theme/foundations/shadows.ts +0 -5
  289. package/src/theme/foundations/spacing.ts +0 -136
  290. package/src/theme/foundations/typography.ts +0 -107
  291. package/src/theme/index.ts +0 -131
  292. package/src/theme/provider.tsx +0 -9
  293. package/src/theme/types.ts +0 -1
  294. package/src/utils/componentCategories.ts +0 -152
  295. package/src/utils/interfaces.ts +0 -5
  296. package/src/utils/utils.ts +0 -44
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
- `;