@nypl/design-system-react-components 1.0.2 → 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 (282) hide show
  1. package/README.md +0 -2
  2. package/dist/components/Slider/Slider.d.ts +1 -2
  3. package/dist/components/TextInput/TextInput.d.ts +2 -1
  4. package/dist/design-system-react-components.cjs.development.js +33 -10
  5. package/dist/design-system-react-components.cjs.development.js.map +1 -1
  6. package/dist/design-system-react-components.cjs.production.min.js +1 -1
  7. package/dist/design-system-react-components.cjs.production.min.js.map +1 -1
  8. package/dist/design-system-react-components.esm.js +33 -10
  9. package/dist/design-system-react-components.esm.js.map +1 -1
  10. package/dist/hooks/{tests → __tests__}/useCarouselStyles.test.d.ts +0 -0
  11. package/dist/theme/components/global.d.ts +1 -1
  12. package/dist/theme/components/radio.d.ts +8 -0
  13. package/dist/theme/components/template.d.ts +4 -1
  14. package/package.json +2 -3
  15. package/CHANGELOG.md +0 -1430
  16. package/src/__tests__/fileMock.ts +0 -6
  17. package/src/__tests__/setup.ts +0 -27
  18. package/src/__tests__/utils/utils.test.ts +0 -18
  19. package/src/components/AccessibilityGuide/SkipNavigation.stories.mdx +0 -42
  20. package/src/components/Accordion/Accordion.stories.mdx +0 -333
  21. package/src/components/Accordion/Accordion.test.tsx +0 -237
  22. package/src/components/Accordion/Accordion.tsx +0 -137
  23. package/src/components/Accordion/__snapshots__/Accordion.test.tsx.snap +0 -734
  24. package/src/components/Autosuggest/Autosuggest.stories.mdx +0 -75
  25. package/src/components/Autosuggest/Autosuggest.stories.tsx +0 -211
  26. package/src/components/Autosuggest/_Autosuggest.scss +0 -51
  27. package/src/components/Breadcrumbs/Breadcrumbs.stories.mdx +0 -231
  28. package/src/components/Breadcrumbs/Breadcrumbs.test.tsx +0 -144
  29. package/src/components/Breadcrumbs/Breadcrumbs.tsx +0 -98
  30. package/src/components/Breadcrumbs/__snapshots__/Breadcrumbs.test.tsx.snap +0 -695
  31. package/src/components/Button/Button.stories.mdx +0 -320
  32. package/src/components/Button/Button.test.tsx +0 -184
  33. package/src/components/Button/Button.tsx +0 -95
  34. package/src/components/Button/__snapshots__/Button.test.tsx.snap +0 -106
  35. package/src/components/ButtonGroup/ButtonGroup.stories.mdx +0 -178
  36. package/src/components/ButtonGroup/ButtonGroup.test.tsx +0 -141
  37. package/src/components/ButtonGroup/ButtonGroup.tsx +0 -100
  38. package/src/components/ButtonGroup/__snapshots__/ButtonGroup.test.tsx.snap +0 -117
  39. package/src/components/Card/Card.stories.mdx +0 -1041
  40. package/src/components/Card/Card.test.tsx +0 -388
  41. package/src/components/Card/Card.tsx +0 -346
  42. package/src/components/Card/__snapshots__/Card.test.tsx.snap +0 -568
  43. package/src/components/Chakra/Box.stories.mdx +0 -52
  44. package/src/components/Chakra/Center.stories.mdx +0 -96
  45. package/src/components/Chakra/Flex.stories.mdx +0 -111
  46. package/src/components/Chakra/Grid.stories.mdx +0 -89
  47. package/src/components/Chakra/Stack.stories.mdx +0 -109
  48. package/src/components/Checkbox/Checkbox.stories.mdx +0 -243
  49. package/src/components/Checkbox/Checkbox.test.tsx +0 -350
  50. package/src/components/Checkbox/Checkbox.tsx +0 -152
  51. package/src/components/Checkbox/__snapshots__/Checkbox.test.tsx.snap +0 -661
  52. package/src/components/CheckboxGroup/CheckboxGroup.stories.mdx +0 -462
  53. package/src/components/CheckboxGroup/CheckboxGroup.test.tsx +0 -492
  54. package/src/components/CheckboxGroup/CheckboxGroup.tsx +0 -173
  55. package/src/components/CheckboxGroup/__snapshots__/CheckboxGroup.test.tsx.snap +0 -1842
  56. package/src/components/ComponentWrapper/ComponentWrapper.test.tsx +0 -163
  57. package/src/components/ComponentWrapper/ComponentWrapper.tsx +0 -76
  58. package/src/components/ComponentWrapper/__snapshots__/ComponentWrapper.test.tsx.snap +0 -103
  59. package/src/components/DatePicker/DatePicker.stories.mdx +0 -452
  60. package/src/components/DatePicker/DatePicker.test.tsx +0 -940
  61. package/src/components/DatePicker/DatePicker.tsx +0 -450
  62. package/src/components/DatePicker/_DatePicker.scss +0 -100
  63. package/src/components/DatePicker/__snapshots__/DatePicker.test.tsx.snap +0 -908
  64. package/src/components/Fieldset/Fieldset.stories.mdx +0 -96
  65. package/src/components/Fieldset/Fieldset.test.tsx +0 -155
  66. package/src/components/Fieldset/Fieldset.tsx +0 -55
  67. package/src/components/Fieldset/__snapshots__/Fieldset.test.tsx.snap +0 -89
  68. package/src/components/Form/Form.stories.mdx +0 -426
  69. package/src/components/Form/Form.test.tsx +0 -234
  70. package/src/components/Form/Form.tsx +0 -124
  71. package/src/components/Form/__snapshots__/Form.test.tsx.snap +0 -115
  72. package/src/components/Grid/SimpleGrid.stories.mdx +0 -336
  73. package/src/components/Grid/SimpleGrid.test.tsx +0 -79
  74. package/src/components/Grid/SimpleGrid.tsx +0 -49
  75. package/src/components/Grid/__snapshots__/SimpleGrid.test.tsx.snap +0 -23
  76. package/src/components/Heading/Heading.stories.mdx +0 -187
  77. package/src/components/Heading/Heading.test.tsx +0 -171
  78. package/src/components/Heading/Heading.tsx +0 -104
  79. package/src/components/Heading/__snapshots__/Heading.test.tsx.snap +0 -90
  80. package/src/components/HelperErrorText/HelperErrorText.stories.mdx +0 -172
  81. package/src/components/HelperErrorText/HelperErrorText.test.tsx +0 -114
  82. package/src/components/HelperErrorText/HelperErrorText.tsx +0 -62
  83. package/src/components/HelperErrorText/__snapshots__/HelperErrorText.test.tsx.snap +0 -93
  84. package/src/components/Hero/Hero.stories.mdx +0 -378
  85. package/src/components/Hero/Hero.test.tsx +0 -611
  86. package/src/components/Hero/Hero.tsx +0 -203
  87. package/src/components/Hero/__snapshots__/Hero.test.tsx.snap +0 -379
  88. package/src/components/HorizontalRule/HorizontalRule.stories.mdx +0 -73
  89. package/src/components/HorizontalRule/HorizontalRule.test.tsx +0 -54
  90. package/src/components/HorizontalRule/HorizontalRule.tsx +0 -27
  91. package/src/components/HorizontalRule/__snapshots__/HorizontalRule.test.tsx.snap +0 -44
  92. package/src/components/Icons/Icon.stories.mdx +0 -413
  93. package/src/components/Icons/Icon.test.tsx +0 -120
  94. package/src/components/Icons/Icon.tsx +0 -187
  95. package/src/components/Icons/IconSvgs.tsx +0 -64
  96. package/src/components/Icons/__snapshots__/Icon.test.tsx.snap +0 -129
  97. package/src/components/Image/Image.stories.mdx +0 -332
  98. package/src/components/Image/Image.test.tsx +0 -155
  99. package/src/components/Image/Image.tsx +0 -171
  100. package/src/components/Image/__snapshots__/Image.test.tsx.snap +0 -269
  101. package/src/components/Label/Label.stories.mdx +0 -100
  102. package/src/components/Label/Label.test.tsx +0 -116
  103. package/src/components/Label/Label.tsx +0 -55
  104. package/src/components/Label/__snapshots__/Label.test.tsx.snap +0 -45
  105. package/src/components/Link/Link.stories.mdx +0 -249
  106. package/src/components/Link/Link.test.tsx +0 -224
  107. package/src/components/Link/Link.tsx +0 -178
  108. package/src/components/Link/__snapshots__/Link.test.tsx.snap +0 -286
  109. package/src/components/List/List.stories.mdx +0 -393
  110. package/src/components/List/List.test.tsx +0 -265
  111. package/src/components/List/List.tsx +0 -156
  112. package/src/components/List/__snapshots__/List.test.tsx.snap +0 -213
  113. package/src/components/Logo/Logo.stories.mdx +0 -295
  114. package/src/components/Logo/Logo.test.tsx +0 -116
  115. package/src/components/Logo/Logo.tsx +0 -151
  116. package/src/components/Logo/LogoSvgs.tsx +0 -90
  117. package/src/components/Logo/__snapshots__/Logo.test.tsx.snap +0 -142
  118. package/src/components/Modal/Modal.stories.mdx +0 -294
  119. package/src/components/Modal/Modal.test.tsx +0 -157
  120. package/src/components/Modal/Modal.tsx +0 -154
  121. package/src/components/Modal/__snapshots__/Modal.test.tsx.snap +0 -25
  122. package/src/components/Notification/Notification.stories.mdx +0 -358
  123. package/src/components/Notification/Notification.test.tsx +0 -279
  124. package/src/components/Notification/Notification.tsx +0 -224
  125. package/src/components/Notification/__snapshots__/Notification.test.tsx.snap +0 -525
  126. package/src/components/Pagination/Pagination.stories.mdx +0 -184
  127. package/src/components/Pagination/Pagination.test.tsx +0 -419
  128. package/src/components/Pagination/Pagination.tsx +0 -269
  129. package/src/components/Pagination/__snapshots__/Pagination.test.tsx.snap +0 -544
  130. package/src/components/Placeholder/Placeholder.tsx +0 -19
  131. package/src/components/ProgressIndicator/ProgressIndicator.stories.mdx +0 -360
  132. package/src/components/ProgressIndicator/ProgressIndicator.test.tsx +0 -298
  133. package/src/components/ProgressIndicator/ProgressIndicator.tsx +0 -132
  134. package/src/components/ProgressIndicator/__snapshots__/ProgressIndicator.test.tsx.snap +0 -434
  135. package/src/components/Radio/Radio.stories.mdx +0 -216
  136. package/src/components/Radio/Radio.test.tsx +0 -247
  137. package/src/components/Radio/Radio.tsx +0 -119
  138. package/src/components/Radio/__snapshots__/Radio.test.tsx.snap +0 -451
  139. package/src/components/RadioGroup/RadioGroup.stories.mdx +0 -479
  140. package/src/components/RadioGroup/RadioGroup.test.tsx +0 -471
  141. package/src/components/RadioGroup/RadioGroup.tsx +0 -171
  142. package/src/components/RadioGroup/__snapshots__/RadioGroup.test.tsx.snap +0 -1550
  143. package/src/components/SearchBar/SearchBar.stories.mdx +0 -518
  144. package/src/components/SearchBar/SearchBar.test.tsx +0 -435
  145. package/src/components/SearchBar/SearchBar.tsx +0 -210
  146. package/src/components/SearchBar/__snapshots__/SearchBar.test.tsx.snap +0 -1049
  147. package/src/components/Select/Select.stories.mdx +0 -439
  148. package/src/components/Select/Select.test.tsx +0 -358
  149. package/src/components/Select/Select.tsx +0 -183
  150. package/src/components/Select/__snapshots__/Select.test.tsx.snap +0 -895
  151. package/src/components/SkeletonLoader/SkeletonLoader.stories.mdx +0 -142
  152. package/src/components/SkeletonLoader/SkeletonLoader.test.tsx +0 -116
  153. package/src/components/SkeletonLoader/SkeletonLoader.tsx +0 -123
  154. package/src/components/SkeletonLoader/__snapshots__/SkeletonLoader.test.tsx.snap +0 -898
  155. package/src/components/SkipNavigation/SkipNavigation.stories.mdx +0 -90
  156. package/src/components/SkipNavigation/SkipNavigation.test.tsx +0 -63
  157. package/src/components/SkipNavigation/SkipNavigation.tsx +0 -51
  158. package/src/components/SkipNavigation/__snapshots__/SkipNavigation.test.tsx.snap +0 -130
  159. package/src/components/Slider/Slider.stories.mdx +0 -628
  160. package/src/components/Slider/Slider.test.tsx +0 -736
  161. package/src/components/Slider/Slider.tsx +0 -322
  162. package/src/components/Slider/__snapshots__/Slider.test.tsx.snap +0 -2186
  163. package/src/components/StatusBadge/StatusBadge.stories.mdx +0 -109
  164. package/src/components/StatusBadge/StatusBadge.test.tsx +0 -70
  165. package/src/components/StatusBadge/StatusBadge.tsx +0 -35
  166. package/src/components/StatusBadge/__snapshots__/StatusBadge.test.tsx.snap +0 -47
  167. package/src/components/StructuredContent/StructuredContent.stories.mdx +0 -567
  168. package/src/components/StructuredContent/StructuredContent.test.tsx +0 -435
  169. package/src/components/StructuredContent/StructuredContent.tsx +0 -139
  170. package/src/components/StructuredContent/__snapshots__/StructuredContent.test.tsx.snap +0 -368
  171. package/src/components/StyleGuide/Bidirectionality.stories.mdx +0 -206
  172. package/src/components/StyleGuide/Breakpoints.stories.mdx +0 -55
  173. package/src/components/StyleGuide/Buttons.stories.mdx +0 -194
  174. package/src/components/StyleGuide/ColorCard.tsx +0 -43
  175. package/src/components/StyleGuide/Colors.stories.mdx +0 -201
  176. package/src/components/StyleGuide/DesignTokens.stories.mdx +0 -193
  177. package/src/components/StyleGuide/Forms.stories.mdx +0 -94
  178. package/src/components/StyleGuide/Iconography.stories.mdx +0 -142
  179. package/src/components/StyleGuide/Spacing.stories.mdx +0 -116
  180. package/src/components/StyleGuide/Typography.stories.mdx +0 -419
  181. package/src/components/Table/Table.stories.mdx +0 -272
  182. package/src/components/Table/Table.test.tsx +0 -241
  183. package/src/components/Table/Table.tsx +0 -152
  184. package/src/components/Table/__snapshots__/Table.test.tsx.snap +0 -1703
  185. package/src/components/Tabs/Tabs.stories.mdx +0 -338
  186. package/src/components/Tabs/Tabs.test.tsx +0 -298
  187. package/src/components/Tabs/Tabs.tsx +0 -264
  188. package/src/components/Tabs/__snapshots__/Tabs.test.tsx.snap +0 -584
  189. package/src/components/Template/Template.stories.mdx +0 -695
  190. package/src/components/Template/Template.test.tsx +0 -309
  191. package/src/components/Template/Template.tsx +0 -326
  192. package/src/components/Template/__snapshots__/Template.test.tsx.snap +0 -342
  193. package/src/components/Text/Text.stories.mdx +0 -103
  194. package/src/components/Text/Text.test.tsx +0 -63
  195. package/src/components/Text/Text.tsx +0 -50
  196. package/src/components/Text/__snapshots__/Text.test.tsx.snap +0 -50
  197. package/src/components/TextInput/TextInput.stories.mdx +0 -268
  198. package/src/components/TextInput/TextInput.test.tsx +0 -451
  199. package/src/components/TextInput/TextInput.tsx +0 -240
  200. package/src/components/TextInput/__snapshots__/TextInput.test.tsx.snap +0 -274
  201. package/src/components/Toggle/Toggle.stories.mdx +0 -237
  202. package/src/components/Toggle/Toggle.test.tsx +0 -170
  203. package/src/components/Toggle/Toggle.tsx +0 -128
  204. package/src/components/Toggle/__snapshots__/Toggle.test.tsx.snap +0 -470
  205. package/src/components/VideoPlayer/VideoPlayer.stories.mdx +0 -212
  206. package/src/components/VideoPlayer/VideoPlayer.test.tsx +0 -308
  207. package/src/components/VideoPlayer/VideoPlayer.tsx +0 -188
  208. package/src/components/VideoPlayer/__snapshots__/VideoPlayer.test.tsx.snap +0 -192
  209. package/src/docs/Chakra.stories.mdx +0 -563
  210. package/src/docs/Welcome.stories.mdx +0 -148
  211. package/src/helpers/types.ts +0 -1
  212. package/src/hooks/tests/useCarouselStyles.test.ts +0 -140
  213. package/src/hooks/tests/useNYPLTheme.test.tsx +0 -36
  214. package/src/hooks/useCarouselStyles.stories.mdx +0 -30
  215. package/src/hooks/useCarouselStyles.ts +0 -35
  216. package/src/hooks/useNYPLTheme.stories.mdx +0 -98
  217. package/src/hooks/useNYPLTheme.ts +0 -91
  218. package/src/hooks/useWindowSize.stories.mdx +0 -23
  219. package/src/hooks/useWindowSize.ts +0 -40
  220. package/src/index.ts +0 -136
  221. package/src/resources.scss +0 -6
  222. package/src/styles/base/_01-breakpoints.scss +0 -27
  223. package/src/styles/base/_02-mixins.scss +0 -103
  224. package/src/styles/base/_place-holder.scss +0 -33
  225. package/src/styles/space/_space-inline.scss +0 -79
  226. package/src/styles/space/_space-inset.scss +0 -57
  227. package/src/styles/space/_space-stack.scss +0 -116
  228. package/src/styles.scss +0 -23
  229. package/src/theme/components/accordion.ts +0 -25
  230. package/src/theme/components/breadcrumb.ts +0 -94
  231. package/src/theme/components/button.ts +0 -133
  232. package/src/theme/components/buttonGroup.ts +0 -10
  233. package/src/theme/components/card.ts +0 -237
  234. package/src/theme/components/checkbox.ts +0 -110
  235. package/src/theme/components/checkboxGroup.ts +0 -10
  236. package/src/theme/components/componentWrapper.ts +0 -14
  237. package/src/theme/components/customTable.ts +0 -77
  238. package/src/theme/components/datePicker.ts +0 -17
  239. package/src/theme/components/fieldset.ts +0 -23
  240. package/src/theme/components/global.ts +0 -91
  241. package/src/theme/components/globalMixins.ts +0 -24
  242. package/src/theme/components/heading.ts +0 -79
  243. package/src/theme/components/helperErrorText.ts +0 -14
  244. package/src/theme/components/hero.ts +0 -238
  245. package/src/theme/components/horizontalRule.ts +0 -17
  246. package/src/theme/components/icon.ts +0 -88
  247. package/src/theme/components/image.ts +0 -136
  248. package/src/theme/components/label.ts +0 -15
  249. package/src/theme/components/link.ts +0 -63
  250. package/src/theme/components/list.ts +0 -88
  251. package/src/theme/components/logo.ts +0 -58
  252. package/src/theme/components/notification.ts +0 -132
  253. package/src/theme/components/pagination.ts +0 -17
  254. package/src/theme/components/progressIndicator.ts +0 -67
  255. package/src/theme/components/radio.ts +0 -103
  256. package/src/theme/components/radioGroup.ts +0 -10
  257. package/src/theme/components/searchBar.ts +0 -19
  258. package/src/theme/components/select.ts +0 -72
  259. package/src/theme/components/skeletonLoader.ts +0 -113
  260. package/src/theme/components/skipNavigation.ts +0 -29
  261. package/src/theme/components/slider.ts +0 -95
  262. package/src/theme/components/statusBadge.ts +0 -26
  263. package/src/theme/components/structuredContent.ts +0 -149
  264. package/src/theme/components/tabs.ts +0 -109
  265. package/src/theme/components/template.ts +0 -114
  266. package/src/theme/components/text.ts +0 -38
  267. package/src/theme/components/textInput.ts +0 -65
  268. package/src/theme/components/toggle.ts +0 -109
  269. package/src/theme/components/videoPlayer.ts +0 -47
  270. package/src/theme/foundations/breakpoints.ts +0 -24
  271. package/src/theme/foundations/colors.ts +0 -212
  272. package/src/theme/foundations/global.ts +0 -43
  273. package/src/theme/foundations/radii.ts +0 -7
  274. package/src/theme/foundations/shadows.ts +0 -5
  275. package/src/theme/foundations/spacing.ts +0 -136
  276. package/src/theme/foundations/typography.ts +0 -107
  277. package/src/theme/index.ts +0 -131
  278. package/src/theme/provider.tsx +0 -9
  279. package/src/theme/types.ts +0 -1
  280. package/src/utils/componentCategories.ts +0 -152
  281. package/src/utils/interfaces.ts +0 -5
  282. package/src/utils/utils.ts +0 -84
package/src/components/Accordion/__snapshots__/Accordion.test.tsx.snap DELETED
@@ -1,734 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`Accordion Renders the UI snapshot correctly 1`] = `
4
- <div
5
- className="chakra-accordion css-1xdhyk6"
6
- id="accordian"
7
- >
8
- <div
9
- className="chakra-accordion__item css-1fsnuue"
10
- >
11
- <button
12
- aria-controls="accordion-panel-accordian-item-0"
13
- aria-expanded={false}
14
- className="chakra-accordion__button css-ilurlz"
15
- disabled={false}
16
- id="accordion-button-accordian-item-0"
17
- onClick={[Function]}
18
- onFocus={[Function]}
19
- onKeyDown={[Function]}
20
- type="button"
21
- >
22
- <div
23
- className="css-ox82o1"
24
- >
25
- Gerry Kellman
26
- </div>
27
- <svg
28
- aria-hidden={true}
29
- className="chakra-icon css-1grhd2q"
30
- focusable={false}
31
- id="accordion-accordian-icon-0"
32
- role="img"
33
- title="plus icon"
34
- viewBox="0 0 24 24"
35
- >
36
- <g
37
- stroke="currentColor"
38
- strokeWidth="1.5"
39
- >
40
- <path
41
- d="M9,9a3,3,0,1,1,4,2.829,1.5,1.5,0,0,0-1,1.415V14.25"
42
- fill="none"
43
- strokeLinecap="round"
44
- />
45
- <path
46
- d="M12,17.25a.375.375,0,1,0,.375.375A.375.375,0,0,0,12,17.25h0"
47
- fill="currentColor"
48
- strokeLinecap="round"
49
- />
50
- <circle
51
- cx="12"
52
- cy="12"
53
- fill="none"
54
- r="11.25"
55
- strokeMiterlimit="10"
56
- />
57
- </g>
58
- </svg>
59
- </button>
60
- <div
61
- className="chakra-collapse"
62
- style={
63
- Object {
64
- "display": "none",
65
- "height": "0px",
66
- "opacity": 0,
67
- "overflow": "hidden",
68
- }
69
- }
70
- >
71
- <div
72
- aria-labelledby="accordion-button-accordian-item-0"
73
- className="chakra-accordion__panel css-0"
74
- id="accordion-panel-accordian-item-0"
75
- role="region"
76
- >
77
- <div
78
- className="css-1xdhyk6"
79
- id="card"
80
- >
81
- <div
82
- className="css-0"
83
- >
84
- <div
85
- className="the-wrap css-1u8qly9"
86
- >
87
- <div
88
- className="the-crop css-0"
89
- >
90
- <img
91
- alt="Alt text"
92
- className="css-0"
93
- src="https://cdn.onebauer.media/one/media/6176/76fd/405b/ab5f/f20f/2d52/gerri-1500-1.jpg?format=jpg&quality=80&width=850&ratio=1-1&resize=aspectfit"
94
- />
95
- </div>
96
- </div>
97
- </div>
98
- <div
99
- className="card-body css-0"
100
- >
101
- <h4
102
- className="chakra-heading css-1xdhyk6"
103
- id="heading1"
104
- layout="row"
105
- >
106
- Gerry Kellman
107
- </h4>
108
- <div
109
- className="css-1xdhyk6"
110
- >
111
- Gerri is
112
- <b>
113
- one of Logan's most trusted confidantes
114
- </b>
115
- , one who serves many roles within the company. She's one of the most powerful people at Waystar Royco outside of the family itself.
116
- </div>
117
- </div>
118
- </div>
119
- </div>
120
- </div>
121
- </div>
122
- </div>
123
- `;
124
-
125
- exports[`Accordion Renders the UI snapshot correctly 2`] = `
126
- <div
127
- className="chakra-accordion css-1xdhyk6"
128
- id="accordian"
129
- >
130
- <div
131
- className="chakra-accordion__item css-1fsnuue"
132
- >
133
- <button
134
- aria-controls="accordion-panel-accordian-item-0"
135
- aria-expanded={false}
136
- className="chakra-accordion__button css-ilurlz"
137
- disabled={false}
138
- id="accordion-button-accordian-item-0"
139
- onClick={[Function]}
140
- onFocus={[Function]}
141
- onKeyDown={[Function]}
142
- type="button"
143
- >
144
- <div
145
- className="css-ox82o1"
146
- >
147
- Gerry Kellman
148
- </div>
149
- <svg
150
- aria-hidden={true}
151
- className="chakra-icon css-1grhd2q"
152
- focusable={false}
153
- id="accordion-accordian-icon-0"
154
- role="img"
155
- title="plus icon"
156
- viewBox="0 0 24 24"
157
- >
158
- <g
159
- stroke="currentColor"
160
- strokeWidth="1.5"
161
- >
162
- <path
163
- d="M9,9a3,3,0,1,1,4,2.829,1.5,1.5,0,0,0-1,1.415V14.25"
164
- fill="none"
165
- strokeLinecap="round"
166
- />
167
- <path
168
- d="M12,17.25a.375.375,0,1,0,.375.375A.375.375,0,0,0,12,17.25h0"
169
- fill="currentColor"
170
- strokeLinecap="round"
171
- />
172
- <circle
173
- cx="12"
174
- cy="12"
175
- fill="none"
176
- r="11.25"
177
- strokeMiterlimit="10"
178
- />
179
- </g>
180
- </svg>
181
- </button>
182
- <div
183
- className="chakra-collapse"
184
- style={
185
- Object {
186
- "display": "none",
187
- "height": "0px",
188
- "opacity": 0,
189
- "overflow": "hidden",
190
- }
191
- }
192
- >
193
- <div
194
- aria-labelledby="accordion-button-accordian-item-0"
195
- className="chakra-accordion__panel css-0"
196
- id="accordion-panel-accordian-item-0"
197
- role="region"
198
- >
199
- <div
200
- className="css-1xdhyk6"
201
- id="card"
202
- >
203
- <div
204
- className="css-0"
205
- >
206
- <div
207
- className="the-wrap css-1u8qly9"
208
- >
209
- <div
210
- className="the-crop css-0"
211
- >
212
- <img
213
- alt="Alt text"
214
- className="css-0"
215
- src="https://cdn.onebauer.media/one/media/6176/76fd/405b/ab5f/f20f/2d52/gerri-1500-1.jpg?format=jpg&quality=80&width=850&ratio=1-1&resize=aspectfit"
216
- />
217
- </div>
218
- </div>
219
- </div>
220
- <div
221
- className="card-body css-0"
222
- >
223
- <h4
224
- className="chakra-heading css-1xdhyk6"
225
- id="heading1"
226
- layout="row"
227
- >
228
- Gerry Kellman
229
- </h4>
230
- <div
231
- className="css-1xdhyk6"
232
- >
233
- Gerri is
234
- <b>
235
- one of Logan's most trusted confidantes
236
- </b>
237
- , one who serves many roles within the company. She's one of the most powerful people at Waystar Royco outside of the family itself.
238
- </div>
239
- </div>
240
- </div>
241
- </div>
242
- </div>
243
- </div>
244
- </div>
245
- `;
246
-
247
- exports[`Accordion Renders the UI snapshot correctly 3`] = `
248
- <div
249
- className="chakra-accordion css-1t0bvx9"
250
- id="accordian"
251
- >
252
- <div
253
- className="chakra-accordion__item css-1fsnuue"
254
- >
255
- <button
256
- aria-controls="accordion-panel-accordian-item-0"
257
- aria-expanded={false}
258
- className="chakra-accordion__button css-ilurlz"
259
- disabled={false}
260
- id="accordion-button-accordian-item-0"
261
- onClick={[Function]}
262
- onFocus={[Function]}
263
- onKeyDown={[Function]}
264
- type="button"
265
- >
266
- <div
267
- className="css-ox82o1"
268
- >
269
- Gerry Kellman
270
- </div>
271
- <svg
272
- aria-hidden={true}
273
- className="chakra-icon css-1grhd2q"
274
- focusable={false}
275
- id="accordion-accordian-icon-0"
276
- role="img"
277
- title="plus icon"
278
- viewBox="0 0 24 24"
279
- >
280
- <g
281
- stroke="currentColor"
282
- strokeWidth="1.5"
283
- >
284
- <path
285
- d="M9,9a3,3,0,1,1,4,2.829,1.5,1.5,0,0,0-1,1.415V14.25"
286
- fill="none"
287
- strokeLinecap="round"
288
- />
289
- <path
290
- d="M12,17.25a.375.375,0,1,0,.375.375A.375.375,0,0,0,12,17.25h0"
291
- fill="currentColor"
292
- strokeLinecap="round"
293
- />
294
- <circle
295
- cx="12"
296
- cy="12"
297
- fill="none"
298
- r="11.25"
299
- strokeMiterlimit="10"
300
- />
301
- </g>
302
- </svg>
303
- </button>
304
- <div
305
- className="chakra-collapse"
306
- style={
307
- Object {
308
- "display": "none",
309
- "height": "0px",
310
- "opacity": 0,
311
- "overflow": "hidden",
312
- }
313
- }
314
- >
315
- <div
316
- aria-labelledby="accordion-button-accordian-item-0"
317
- className="chakra-accordion__panel css-0"
318
- id="accordion-panel-accordian-item-0"
319
- role="region"
320
- >
321
- <div
322
- className="css-1xdhyk6"
323
- id="card"
324
- >
325
- <div
326
- className="css-0"
327
- >
328
- <div
329
- className="the-wrap css-1u8qly9"
330
- >
331
- <div
332
- className="the-crop css-0"
333
- >
334
- <img
335
- alt="Alt text"
336
- className="css-0"
337
- src="https://cdn.onebauer.media/one/media/6176/76fd/405b/ab5f/f20f/2d52/gerri-1500-1.jpg?format=jpg&quality=80&width=850&ratio=1-1&resize=aspectfit"
338
- />
339
- </div>
340
- </div>
341
- </div>
342
- <div
343
- className="card-body css-0"
344
- >
345
- <h4
346
- className="chakra-heading css-1xdhyk6"
347
- id="heading1"
348
- layout="row"
349
- >
350
- Gerry Kellman
351
- </h4>
352
- <div
353
- className="css-1xdhyk6"
354
- >
355
- Gerri is
356
- <b>
357
- one of Logan's most trusted confidantes
358
- </b>
359
- , one who serves many roles within the company. She's one of the most powerful people at Waystar Royco outside of the family itself.
360
- </div>
361
- </div>
362
- </div>
363
- </div>
364
- </div>
365
- </div>
366
- </div>
367
- `;
368
-
369
- exports[`Accordion Renders the UI snapshot correctly 4`] = `
370
- <div
371
- className="chakra-accordion css-1xdhyk6"
372
- data-testid="testid"
373
- id="accordian"
374
- >
375
- <div
376
- className="chakra-accordion__item css-1fsnuue"
377
- >
378
- <button
379
- aria-controls="accordion-panel-accordian-item-0"
380
- aria-expanded={false}
381
- className="chakra-accordion__button css-ilurlz"
382
- disabled={false}
383
- id="accordion-button-accordian-item-0"
384
- onClick={[Function]}
385
- onFocus={[Function]}
386
- onKeyDown={[Function]}
387
- type="button"
388
- >
389
- <div
390
- className="css-ox82o1"
391
- >
392
- Gerry Kellman
393
- </div>
394
- <svg
395
- aria-hidden={true}
396
- className="chakra-icon css-1grhd2q"
397
- focusable={false}
398
- id="accordion-accordian-icon-0"
399
- role="img"
400
- title="plus icon"
401
- viewBox="0 0 24 24"
402
- >
403
- <g
404
- stroke="currentColor"
405
- strokeWidth="1.5"
406
- >
407
- <path
408
- d="M9,9a3,3,0,1,1,4,2.829,1.5,1.5,0,0,0-1,1.415V14.25"
409
- fill="none"
410
- strokeLinecap="round"
411
- />
412
- <path
413
- d="M12,17.25a.375.375,0,1,0,.375.375A.375.375,0,0,0,12,17.25h0"
414
- fill="currentColor"
415
- strokeLinecap="round"
416
- />
417
- <circle
418
- cx="12"
419
- cy="12"
420
- fill="none"
421
- r="11.25"
422
- strokeMiterlimit="10"
423
- />
424
- </g>
425
- </svg>
426
- </button>
427
- <div
428
- className="chakra-collapse"
429
- style={
430
- Object {
431
- "display": "none",
432
- "height": "0px",
433
- "opacity": 0,
434
- "overflow": "hidden",
435
- }
436
- }
437
- >
438
- <div
439
- aria-labelledby="accordion-button-accordian-item-0"
440
- className="chakra-accordion__panel css-0"
441
- id="accordion-panel-accordian-item-0"
442
- role="region"
443
- >
444
- <div
445
- className="css-1xdhyk6"
446
- id="card"
447
- >
448
- <div
449
- className="css-0"
450
- >
451
- <div
452
- className="the-wrap css-1u8qly9"
453
- >
454
- <div
455
- className="the-crop css-0"
456
- >
457
- <img
458
- alt="Alt text"
459
- className="css-0"
460
- src="https://cdn.onebauer.media/one/media/6176/76fd/405b/ab5f/f20f/2d52/gerri-1500-1.jpg?format=jpg&quality=80&width=850&ratio=1-1&resize=aspectfit"
461
- />
462
- </div>
463
- </div>
464
- </div>
465
- <div
466
- className="card-body css-0"
467
- >
468
- <h4
469
- className="chakra-heading css-1xdhyk6"
470
- id="heading1"
471
- layout="row"
472
- >
473
- Gerry Kellman
474
- </h4>
475
- <div
476
- className="css-1xdhyk6"
477
- >
478
- Gerri is
479
- <b>
480
- one of Logan's most trusted confidantes
481
- </b>
482
- , one who serves many roles within the company. She's one of the most powerful people at Waystar Royco outside of the family itself.
483
- </div>
484
- </div>
485
- </div>
486
- </div>
487
- </div>
488
- </div>
489
- </div>
490
- `;
491
-
492
- exports[`Accordion Renders the UI snapshot correctly 5`] = `
493
- <div
494
- className="chakra-accordion css-1xdhyk6"
495
- id="accordian"
496
- >
497
- <div
498
- className="chakra-accordion__item css-1fsnuue"
499
- >
500
- <button
501
- aria-controls="accordion-panel-accordian-item-0"
502
- aria-expanded={false}
503
- className="chakra-accordion__button css-gne4sq"
504
- disabled={false}
505
- id="accordion-button-accordian-item-0"
506
- onClick={[Function]}
507
- onFocus={[Function]}
508
- onKeyDown={[Function]}
509
- type="button"
510
- >
511
- <div
512
- className="css-ox82o1"
513
- >
514
- Gerry Kellman
515
- </div>
516
- <svg
517
- aria-hidden={true}
518
- className="chakra-icon css-1grhd2q"
519
- focusable={false}
520
- id="accordion-accordian-icon-0"
521
- role="img"
522
- title="plus icon"
523
- viewBox="0 0 24 24"
524
- >
525
- <g
526
- stroke="currentColor"
527
- strokeWidth="1.5"
528
- >
529
- <path
530
- d="M9,9a3,3,0,1,1,4,2.829,1.5,1.5,0,0,0-1,1.415V14.25"
531
- fill="none"
532
- strokeLinecap="round"
533
- />
534
- <path
535
- d="M12,17.25a.375.375,0,1,0,.375.375A.375.375,0,0,0,12,17.25h0"
536
- fill="currentColor"
537
- strokeLinecap="round"
538
- />
539
- <circle
540
- cx="12"
541
- cy="12"
542
- fill="none"
543
- r="11.25"
544
- strokeMiterlimit="10"
545
- />
546
- </g>
547
- </svg>
548
- </button>
549
- <div
550
- className="chakra-collapse"
551
- style={
552
- Object {
553
- "display": "none",
554
- "height": "0px",
555
- "opacity": 0,
556
- "overflow": "hidden",
557
- }
558
- }
559
- >
560
- <div
561
- aria-labelledby="accordion-button-accordian-item-0"
562
- className="chakra-accordion__panel css-0"
563
- id="accordion-panel-accordian-item-0"
564
- role="region"
565
- >
566
- <div
567
- className="css-1xdhyk6"
568
- id="card"
569
- >
570
- <div
571
- className="css-0"
572
- >
573
- <div
574
- className="the-wrap css-1u8qly9"
575
- >
576
- <div
577
- className="the-crop css-0"
578
- >
579
- <img
580
- alt="Alt text"
581
- className="css-0"
582
- src="https://cdn.onebauer.media/one/media/6176/76fd/405b/ab5f/f20f/2d52/gerri-1500-1.jpg?format=jpg&quality=80&width=850&ratio=1-1&resize=aspectfit"
583
- />
584
- </div>
585
- </div>
586
- </div>
587
- <div
588
- className="card-body css-0"
589
- >
590
- <h4
591
- className="chakra-heading css-1xdhyk6"
592
- id="heading1"
593
- layout="row"
594
- >
595
- Gerry Kellman
596
- </h4>
597
- <div
598
- className="css-1xdhyk6"
599
- >
600
- Gerri is
601
- <b>
602
- one of Logan's most trusted confidantes
603
- </b>
604
- , one who serves many roles within the company. She's one of the most powerful people at Waystar Royco outside of the family itself.
605
- </div>
606
- </div>
607
- </div>
608
- </div>
609
- </div>
610
- </div>
611
- </div>
612
- `;
613
-
614
- exports[`Accordion Renders the UI snapshot correctly 6`] = `
615
- <div
616
- className="chakra-accordion css-1xdhyk6"
617
- id="accordian"
618
- >
619
- <div
620
- className="chakra-accordion__item css-1fsnuue"
621
- >
622
- <button
623
- aria-controls="accordion-panel-accordian-item-0"
624
- aria-expanded={false}
625
- className="chakra-accordion__button css-11hvvs4"
626
- disabled={false}
627
- id="accordion-button-accordian-item-0"
628
- onClick={[Function]}
629
- onFocus={[Function]}
630
- onKeyDown={[Function]}
631
- type="button"
632
- >
633
- <div
634
- className="css-ox82o1"
635
- >
636
- Gerry Kellman
637
- </div>
638
- <svg
639
- aria-hidden={true}
640
- className="chakra-icon css-1grhd2q"
641
- focusable={false}
642
- id="accordion-accordian-icon-0"
643
- role="img"
644
- title="plus icon"
645
- viewBox="0 0 24 24"
646
- >
647
- <g
648
- stroke="currentColor"
649
- strokeWidth="1.5"
650
- >
651
- <path
652
- d="M9,9a3,3,0,1,1,4,2.829,1.5,1.5,0,0,0-1,1.415V14.25"
653
- fill="none"
654
- strokeLinecap="round"
655
- />
656
- <path
657
- d="M12,17.25a.375.375,0,1,0,.375.375A.375.375,0,0,0,12,17.25h0"
658
- fill="currentColor"
659
- strokeLinecap="round"
660
- />
661
- <circle
662
- cx="12"
663
- cy="12"
664
- fill="none"
665
- r="11.25"
666
- strokeMiterlimit="10"
667
- />
668
- </g>
669
- </svg>
670
- </button>
671
- <div
672
- className="chakra-collapse"
673
- style={
674
- Object {
675
- "display": "none",
676
- "height": "0px",
677
- "opacity": 0,
678
- "overflow": "hidden",
679
- }
680
- }
681
- >
682
- <div
683
- aria-labelledby="accordion-button-accordian-item-0"
684
- className="chakra-accordion__panel css-0"
685
- id="accordion-panel-accordian-item-0"
686
- role="region"
687
- >
688
- <div
689
- className="css-1xdhyk6"
690
- id="card"
691
- >
692
- <div
693
- className="css-0"
694
- >
695
- <div
696
- className="the-wrap css-1u8qly9"
697
- >
698
- <div
699
- className="the-crop css-0"
700
- >
701
- <img
702
- alt="Alt text"
703
- className="css-0"
704
- src="https://cdn.onebauer.media/one/media/6176/76fd/405b/ab5f/f20f/2d52/gerri-1500-1.jpg?format=jpg&quality=80&width=850&ratio=1-1&resize=aspectfit"
705
- />
706
- </div>
707
- </div>
708
- </div>
709
- <div
710
- className="card-body css-0"
711
- >
712
- <h4
713
- className="chakra-heading css-1xdhyk6"
714
- id="heading1"
715
- layout="row"
716
- >
717
- Gerry Kellman
718
- </h4>
719
- <div
720
- className="css-1xdhyk6"
721
- >
722
- Gerri is
723
- <b>
724
- one of Logan's most trusted confidantes
725
- </b>
726
- , one who serves many roles within the company. She's one of the most powerful people at Waystar Royco outside of the family itself.
727
- </div>
728
- </div>
729
- </div>
730
- </div>
731
- </div>
732
- </div>
733
- </div>
734
- `;