@strapi/design-system 1.3.0-beta.1 → 1.3.0-beta.2

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 (733) hide show
  1. package/Accordion.development.js +775 -0
  2. package/Accordion.js +9 -0
  3. package/Accordion.production.js +1 -0
  4. package/Alert.development.js +562 -0
  5. package/Alert.js +9 -0
  6. package/Alert.production.js +1 -0
  7. package/Avatar.development.js +485 -0
  8. package/Avatar.js +9 -0
  9. package/Avatar.production.js +1 -0
  10. package/Badge.development.js +494 -0
  11. package/Badge.js +9 -0
  12. package/Badge.production.js +1 -0
  13. package/BaseButton.development.js +285 -0
  14. package/BaseButton.js +9 -0
  15. package/BaseButton.production.js +1 -0
  16. package/BaseCheckbox.development.js +434 -0
  17. package/BaseCheckbox.js +9 -0
  18. package/BaseCheckbox.production.js +1 -0
  19. package/BaseLink.development.js +273 -0
  20. package/BaseLink.js +9 -0
  21. package/BaseLink.production.js +1 -0
  22. package/BaseRadio.development.js +321 -0
  23. package/BaseRadio.js +9 -0
  24. package/BaseRadio.production.js +1 -0
  25. package/Box.development.js +341 -0
  26. package/Box.js +9 -0
  27. package/Box.production.js +1 -0
  28. package/Breadcrumbs.development.js +518 -0
  29. package/Breadcrumbs.js +9 -0
  30. package/Breadcrumbs.production.js +1 -0
  31. package/Button.development.js +573 -0
  32. package/Button.js +9 -0
  33. package/Button.production.js +1 -0
  34. package/Card.development.js +746 -0
  35. package/Card.js +9 -0
  36. package/Card.production.js +1 -0
  37. package/CarouselInput.development.js +898 -0
  38. package/CarouselInput.js +9 -0
  39. package/CarouselInput.production.js +1 -0
  40. package/Checkbox.development.js +722 -0
  41. package/Checkbox.js +9 -0
  42. package/Checkbox.production.js +1 -0
  43. package/Combobox.development.js +934 -0
  44. package/Combobox.js +9 -0
  45. package/Combobox.production.js +1 -0
  46. package/DatePicker.development.js +1323 -0
  47. package/DatePicker.js +9 -0
  48. package/DatePicker.production.js +1 -0
  49. package/DateTimePicker.development.js +1622 -0
  50. package/DateTimePicker.js +9 -0
  51. package/DateTimePicker.production.js +1 -0
  52. package/Dialog.development.js +741 -0
  53. package/Dialog.js +9 -0
  54. package/Dialog.production.js +1 -0
  55. package/DismissibleLayer.development.js +218 -0
  56. package/DismissibleLayer.js +9 -0
  57. package/DismissibleLayer.production.js +1 -0
  58. package/Divider.development.js +398 -0
  59. package/Divider.js +9 -0
  60. package/Divider.production.js +1 -0
  61. package/EmptyStateLayout.development.js +425 -0
  62. package/EmptyStateLayout.js +9 -0
  63. package/EmptyStateLayout.production.js +1 -0
  64. package/Field.development.js +614 -0
  65. package/Field.js +9 -0
  66. package/Field.production.js +1 -0
  67. package/Flex.development.js +377 -0
  68. package/Flex.js +9 -0
  69. package/Flex.production.js +1 -0
  70. package/FocusTrap.development.js +341 -0
  71. package/FocusTrap.js +9 -0
  72. package/FocusTrap.production.js +1 -0
  73. package/Grid.development.js +422 -0
  74. package/Grid.js +9 -0
  75. package/Grid.production.js +1 -0
  76. package/Icon.development.js +376 -0
  77. package/Icon.js +9 -0
  78. package/Icon.production.js +1 -0
  79. package/IconButton.development.js +684 -0
  80. package/IconButton.js +9 -0
  81. package/IconButton.production.js +1 -0
  82. package/KeyboardNavigable.development.js +454 -0
  83. package/KeyboardNavigable.js +9 -0
  84. package/KeyboardNavigable.production.js +1 -0
  85. package/Layout.development.js +626 -0
  86. package/Layout.js +9 -0
  87. package/Layout.production.js +1 -0
  88. package/Link.development.js +492 -0
  89. package/Link.js +9 -0
  90. package/Link.production.js +1 -0
  91. package/LinkButton.development.js +573 -0
  92. package/LinkButton.js +9 -0
  93. package/LinkButton.production.js +1 -0
  94. package/LiveRegions.development.js +147 -0
  95. package/LiveRegions.js +9 -0
  96. package/LiveRegions.production.js +1 -0
  97. package/Loader.development.js +309 -0
  98. package/Loader.js +9 -0
  99. package/Loader.production.js +1 -0
  100. package/Main.development.js +410 -0
  101. package/Main.js +9 -0
  102. package/Main.production.js +1 -0
  103. package/MainNav.development.js +957 -0
  104. package/MainNav.js +9 -0
  105. package/MainNav.production.js +1 -0
  106. package/ModalLayout.development.js +895 -0
  107. package/ModalLayout.js +9 -0
  108. package/ModalLayout.production.js +1 -0
  109. package/NumberInput.development.js +733 -0
  110. package/NumberInput.js +9 -0
  111. package/NumberInput.production.js +1 -0
  112. package/Pagination.development.js +587 -0
  113. package/Pagination.js +9 -0
  114. package/Pagination.production.js +1 -0
  115. package/Popover.development.js +481 -0
  116. package/Popover.js +9 -0
  117. package/Popover.production.js +1 -0
  118. package/Portal.development.js +212 -0
  119. package/Portal.js +9 -0
  120. package/Portal.production.js +1 -0
  121. package/ProgressBar.development.js +273 -0
  122. package/ProgressBar.js +9 -0
  123. package/ProgressBar.production.js +1 -0
  124. package/Radio.development.js +518 -0
  125. package/Radio.js +9 -0
  126. package/Radio.production.js +1 -0
  127. package/RawTable.development.js +549 -0
  128. package/RawTable.js +9 -0
  129. package/RawTable.production.js +1 -0
  130. package/Searchbar.development.js +696 -0
  131. package/Searchbar.js +9 -0
  132. package/Searchbar.production.js +1 -0
  133. package/Select.development.js +1063 -0
  134. package/Select.js +9 -0
  135. package/Select.production.js +1 -0
  136. package/SimpleMenu.development.js +821 -0
  137. package/SimpleMenu.js +9 -0
  138. package/SimpleMenu.production.js +1 -0
  139. package/Stack.development.js +434 -0
  140. package/Stack.js +9 -0
  141. package/Stack.production.js +1 -0
  142. package/Status.development.js +494 -0
  143. package/Status.js +9 -0
  144. package/Status.production.js +1 -0
  145. package/SubNav.development.js +1123 -0
  146. package/SubNav.js +9 -0
  147. package/SubNav.production.js +1 -0
  148. package/Switch.development.js +434 -0
  149. package/Switch.js +9 -0
  150. package/Switch.production.js +1 -0
  151. package/Table.development.js +741 -0
  152. package/Table.js +9 -0
  153. package/Table.production.js +1 -0
  154. package/Tabs.development.js +590 -0
  155. package/Tabs.js +9 -0
  156. package/Tabs.production.js +1 -0
  157. package/Tag.development.js +494 -0
  158. package/Tag.js +9 -0
  159. package/Tag.production.js +1 -0
  160. package/TextButton.development.js +517 -0
  161. package/TextButton.js +9 -0
  162. package/TextButton.production.js +1 -0
  163. package/TextInput.development.js +662 -0
  164. package/TextInput.js +9 -0
  165. package/TextInput.production.js +1 -0
  166. package/Textarea.development.js +674 -0
  167. package/Textarea.js +9 -0
  168. package/Textarea.production.js +1 -0
  169. package/ThemeProvider.development.js +300 -0
  170. package/ThemeProvider.js +9 -0
  171. package/ThemeProvider.production.js +1 -0
  172. package/TimePicker.development.js +1098 -0
  173. package/TimePicker.js +9 -0
  174. package/TimePicker.production.js +1 -0
  175. package/ToggleCheckbox.development.js +542 -0
  176. package/ToggleCheckbox.js +9 -0
  177. package/ToggleCheckbox.production.js +1 -0
  178. package/ToggleInput.development.js +745 -0
  179. package/ToggleInput.js +9 -0
  180. package/ToggleInput.production.js +1 -0
  181. package/Tooltip.development.js +588 -0
  182. package/Tooltip.js +9 -0
  183. package/Tooltip.production.js +1 -0
  184. package/Typography.development.js +276 -0
  185. package/Typography.js +9 -0
  186. package/Typography.production.js +1 -0
  187. package/VisuallyHidden.development.js +146 -0
  188. package/VisuallyHidden.js +9 -0
  189. package/VisuallyHidden.production.js +1 -0
  190. package/index.development.js +4338 -0
  191. package/index.js +9 -0
  192. package/index.production.js +1 -0
  193. package/package.json +2 -2
  194. package/themes.development.js +254 -0
  195. package/themes.js +9 -0
  196. package/themes.production.js +1 -0
  197. package/v2/Breadcrumbs.development.js +906 -0
  198. package/v2/Breadcrumbs.js +9 -0
  199. package/v2/Breadcrumbs.production.js +1 -0
  200. package/v2/Link.development.js +505 -0
  201. package/v2/Link.js +9 -0
  202. package/v2/Link.production.js +1 -0
  203. package/v2/LinkButton.development.js +586 -0
  204. package/v2/LinkButton.js +9 -0
  205. package/v2/LinkButton.production.js +1 -0
  206. package/v2/MainNav.development.js +970 -0
  207. package/v2/MainNav.js +9 -0
  208. package/v2/MainNav.production.js +1 -0
  209. package/v2/Pagination.development.js +600 -0
  210. package/v2/Pagination.js +9 -0
  211. package/v2/Pagination.production.js +1 -0
  212. package/v2/SimpleMenu.development.js +834 -0
  213. package/v2/SimpleMenu.js +9 -0
  214. package/v2/SimpleMenu.production.js +1 -0
  215. package/v2/SubNav.development.js +1136 -0
  216. package/v2/SubNav.js +9 -0
  217. package/v2/SubNav.production.js +1 -0
  218. package/v2/index.development.js +1740 -0
  219. package/v2/index.js +9 -0
  220. package/v2/index.production.js +1 -0
  221. package/v2/package.json +81 -0
  222. package/.eslintignore +0 -3
  223. package/.eslintrc.js +0 -38
  224. package/.prettierrc.js +0 -7
  225. package/.storybook/components/Theme.js +0 -28
  226. package/.storybook/main.js +0 -13
  227. package/.storybook/manager.js +0 -12
  228. package/.storybook/preview.js +0 -42
  229. package/.storybook/utils/createCustomTheme.js +0 -26
  230. package/LICENSE +0 -20
  231. package/__mocks__/fileMock.js +0 -1
  232. package/__mocks__/styleMock.js +0 -1
  233. package/babel.config.js +0 -5
  234. package/createIndexFiles.js +0 -34
  235. package/global-setup.js +0 -4
  236. package/jest.config.js +0 -17
  237. package/playwright.config.js +0 -39
  238. package/src/Accordion/Accordion.js +0 -148
  239. package/src/Accordion/Accordion.stories.mdx +0 -327
  240. package/src/Accordion/AccordionContent.js +0 -26
  241. package/src/Accordion/AccordionContext.js +0 -5
  242. package/src/Accordion/AccordionGroup.js +0 -114
  243. package/src/Accordion/AccordionToggle.js +0 -192
  244. package/src/Accordion/__tests__/Accordion.e2e.js +0 -32
  245. package/src/Accordion/__tests__/AccordionKeyboard.e2e.js +0 -73
  246. package/src/Accordion/index.js +0 -4
  247. package/src/Accordion/utils.js +0 -15
  248. package/src/Alert/Alert.js +0 -144
  249. package/src/Alert/Alert.stories.mdx +0 -135
  250. package/src/Alert/__tests__/Alert.e2e.js +0 -39
  251. package/src/Alert/index.js +0 -1
  252. package/src/Alert/utils.js +0 -35
  253. package/src/Avatar/Avatar.js +0 -110
  254. package/src/Avatar/Avatar.stories.mdx +0 -67
  255. package/src/Avatar/AvatarGroup.js +0 -9
  256. package/src/Avatar/__tests__/Avatar.e2e.js +0 -23
  257. package/src/Avatar/__tests__/Avatar.spec.js +0 -153
  258. package/src/Avatar/constants.js +0 -2
  259. package/src/Avatar/index.js +0 -2
  260. package/src/Badge/Badge.js +0 -41
  261. package/src/Badge/Badge.stories.mdx +0 -57
  262. package/src/Badge/__tests__/Badge.e2e.js +0 -23
  263. package/src/Badge/index.js +0 -1
  264. package/src/BaseButton/BaseButton.js +0 -46
  265. package/src/BaseButton/BaseButton.stories.mdx +0 -32
  266. package/src/BaseButton/__tests__/BaseButton.e2e.js +0 -23
  267. package/src/BaseButton/index.js +0 -1
  268. package/src/BaseCheckbox/BaseCheckbox.js +0 -133
  269. package/src/BaseCheckbox/BaseCheckbox.stories.mdx +0 -107
  270. package/src/BaseCheckbox/__tests__/BaseCheckbox.e2e.js +0 -94
  271. package/src/BaseCheckbox/assets/checkmark-black.svg +0 -6
  272. package/src/BaseCheckbox/assets/checkmark.svg +0 -6
  273. package/src/BaseCheckbox/index.js +0 -1
  274. package/src/BaseCheckbox/utils.js +0 -7
  275. package/src/BaseLink/BaseLink.js +0 -38
  276. package/src/BaseLink/BaseLink.stories.mdx +0 -34
  277. package/src/BaseLink/__tests__/BaseLink.e2e.js +0 -23
  278. package/src/BaseLink/__tests__/BaseLink.spec.js +0 -26
  279. package/src/BaseLink/index.js +0 -1
  280. package/src/BaseRadio/BaseRadio.js +0 -69
  281. package/src/BaseRadio/BaseRadio.stories.mdx +0 -110
  282. package/src/BaseRadio/RadioGroup.js +0 -36
  283. package/src/BaseRadio/__tests__/BaseRadio.e2e.js +0 -90
  284. package/src/BaseRadio/context.js +0 -3
  285. package/src/BaseRadio/index.js +0 -2
  286. package/src/BaseRadio/utils.js +0 -30
  287. package/src/Box/Box.js +0 -104
  288. package/src/Box/Box.stories.mdx +0 -57
  289. package/src/Box/BoxProps.js +0 -99
  290. package/src/Box/__tests__/Box.e2e.js +0 -23
  291. package/src/Box/__tests__/Box.spec.js +0 -36
  292. package/src/Box/index.js +0 -1
  293. package/src/Breadcrumbs/Breadcrumbs.js +0 -58
  294. package/src/Breadcrumbs/Breadcrumbs.stories.mdx +0 -47
  295. package/src/Breadcrumbs/__tests__/Breadcrumbs.e2e.js +0 -23
  296. package/src/Breadcrumbs/index.js +0 -1
  297. package/src/Button/Button.js +0 -138
  298. package/src/Button/Button.stories.mdx +0 -216
  299. package/src/Button/__tests__/Button.e2e.js +0 -89
  300. package/src/Button/__tests__/utils.spec.js +0 -19
  301. package/src/Button/constants.js +0 -12
  302. package/src/Button/index.js +0 -1
  303. package/src/Button/utils.js +0 -170
  304. package/src/Card/Card.js +0 -35
  305. package/src/Card/Card.stories.mdx +0 -202
  306. package/src/Card/CardAction.js +0 -13
  307. package/src/Card/CardAsset.js +0 -49
  308. package/src/Card/CardBadge.js +0 -18
  309. package/src/Card/CardBody.js +0 -11
  310. package/src/Card/CardCheckbox.js +0 -14
  311. package/src/Card/CardContent.js +0 -16
  312. package/src/Card/CardContext.js +0 -5
  313. package/src/Card/CardHeader.js +0 -12
  314. package/src/Card/CardTimer.js +0 -23
  315. package/src/Card/CardTitle.js +0 -12
  316. package/src/Card/__tests__/Card.e2e.js +0 -164
  317. package/src/Card/index.js +0 -10
  318. package/src/Card/story-assets/first.jpg +0 -0
  319. package/src/CarouselInput/Carousel.js +0 -138
  320. package/src/CarouselInput/Carousel.stories.mdx +0 -149
  321. package/src/CarouselInput/CarouselActions.js +0 -6
  322. package/src/CarouselInput/CarouselImage.js +0 -39
  323. package/src/CarouselInput/CarouselInput.js +0 -80
  324. package/src/CarouselInput/CarouselSlide.js +0 -32
  325. package/src/CarouselInput/__tests__/CarouselImage.e2e.js +0 -15
  326. package/src/CarouselInput/__tests__/CarouselInput.e2e.js +0 -48
  327. package/src/CarouselInput/index.js +0 -5
  328. package/src/CarouselInput/story-assets/first.jpg +0 -0
  329. package/src/Checkbox/Checkbox.js +0 -63
  330. package/src/Checkbox/Checkbox.stories.mdx +0 -190
  331. package/src/Checkbox/__tests__/Checkbox.e2e.js +0 -96
  332. package/src/Checkbox/index.js +0 -1
  333. package/src/Combobox/Combobox.js +0 -421
  334. package/src/Combobox/Combobox.stories.mdx +0 -191
  335. package/src/Combobox/ComboboxList.js +0 -22
  336. package/src/Combobox/ComboboxOption.js +0 -36
  337. package/src/Combobox/__tests__/Combobox.e2e.js +0 -133
  338. package/src/Combobox/__tests__/utils.spec.js +0 -94
  339. package/src/Combobox/components.js +0 -69
  340. package/src/Combobox/index.js +0 -2
  341. package/src/Combobox/utils.js +0 -97
  342. package/src/DatePicker/DatePicker.js +0 -132
  343. package/src/DatePicker/DatePicker.stories.mdx +0 -172
  344. package/src/DatePicker/DatePickerCalendar.js +0 -134
  345. package/src/DatePicker/DatePickerTd.js +0 -51
  346. package/src/DatePicker/DatePickerTh.js +0 -39
  347. package/src/DatePicker/__tests__/DatePicker.e2e.js +0 -94
  348. package/src/DatePicker/__tests__/DatePicker.spec.js +0 -40
  349. package/src/DatePicker/compareDates.js +0 -9
  350. package/src/DatePicker/components.js +0 -45
  351. package/src/DatePicker/index.js +0 -1
  352. package/src/DatePicker/utils/formatDate.js +0 -5
  353. package/src/DatePicker/utils/generateWeeks.js +0 -58
  354. package/src/DatePicker/utils/getDayOfWeek.js +0 -24
  355. package/src/DatePicker/utils/getMonths.js +0 -10
  356. package/src/DatePicker/utils/getYears.js +0 -19
  357. package/src/DatePicker/utils/index.js +0 -5
  358. package/src/DatePicker/utils/tests/generateWeeks.spec.js +0 -136
  359. package/src/DatePicker/utils/tests/getMonths.spec.js +0 -21
  360. package/src/DatePicker/utils/tests/getYears.spec.js +0 -21
  361. package/src/DateTimePicker/DateTimePicker.js +0 -151
  362. package/src/DateTimePicker/DateTimePicker.stories.mdx +0 -114
  363. package/src/DateTimePicker/DateTimePickerProps.js +0 -85
  364. package/src/DateTimePicker/__tests__/DateTimePicker.e2e.js +0 -103
  365. package/src/DateTimePicker/__tests__/DateTimePicker.spec.js +0 -89
  366. package/src/DateTimePicker/__tests__/__snapshots__/DateTimePicker.spec.js.snap +0 -448
  367. package/src/DateTimePicker/__tests__/parseDate.test.js +0 -10
  368. package/src/DateTimePicker/index.js +0 -1
  369. package/src/DateTimePicker/parseDate.js +0 -11
  370. package/src/Dialog/Dialog.js +0 -86
  371. package/src/Dialog/Dialog.stories.mdx +0 -78
  372. package/src/Dialog/DialogBody.js +0 -36
  373. package/src/Dialog/DialogFooter.js +0 -38
  374. package/src/Dialog/__tests__/Dialog.e2e.js +0 -20
  375. package/src/Dialog/__tests__/Dialog.spec.js +0 -28
  376. package/src/Dialog/index.js +0 -3
  377. package/src/DismissibleLayer/DismissibleLayer.js +0 -87
  378. package/src/DismissibleLayer/DismissibleLayer.stories.mdx +0 -50
  379. package/src/DismissibleLayer/__test__/DimissibleLayer.spec.js +0 -44
  380. package/src/DismissibleLayer/index.js +0 -1
  381. package/src/Divider/Divider.js +0 -26
  382. package/src/Divider/Divider.stories.mdx +0 -55
  383. package/src/Divider/__tests__/Divider.e2e.js +0 -23
  384. package/src/Divider/index.js +0 -1
  385. package/src/EmptyStateLayout/EmptyStateLayout.js +0 -48
  386. package/src/EmptyStateLayout/EmptyStateLayout.stories.mdx +0 -87
  387. package/src/EmptyStateLayout/__tests__/EmptyStateLayout.e2e.js +0 -31
  388. package/src/EmptyStateLayout/index.js +0 -1
  389. package/src/EmptyStateLayout/story-assets/Illo.js +0 -51
  390. package/src/Field/Field.js +0 -29
  391. package/src/Field/Field.stories.mdx +0 -237
  392. package/src/Field/FieldAction.js +0 -25
  393. package/src/Field/FieldContext.js +0 -4
  394. package/src/Field/FieldError.js +0 -17
  395. package/src/Field/FieldHint.js +0 -17
  396. package/src/Field/FieldInput.js +0 -129
  397. package/src/Field/FieldLabel.js +0 -50
  398. package/src/Field/__tests__/Field.e2e.js +0 -61
  399. package/src/Field/index.js +0 -7
  400. package/src/Flex/Flex.js +0 -26
  401. package/src/Flex/Flex.stories.mdx +0 -45
  402. package/src/Flex/FlexProps.js +0 -41
  403. package/src/Flex/__tests__/Flex.e2e.js +0 -23
  404. package/src/Flex/index.js +0 -1
  405. package/src/FocusTrap/ExampleComponent.js +0 -71
  406. package/src/FocusTrap/FocusTrap.js +0 -83
  407. package/src/FocusTrap/FocusTrap.stories.mdx +0 -32
  408. package/src/FocusTrap/__tests__/FocusTrap.e2e.js +0 -126
  409. package/src/FocusTrap/index.js +0 -1
  410. package/src/Grid/Grid.js +0 -30
  411. package/src/Grid/Grid.stories.mdx +0 -112
  412. package/src/Grid/GridContext.js +0 -5
  413. package/src/Grid/GridItem.js +0 -40
  414. package/src/Grid/__tests__/Grid.e2e.js +0 -23
  415. package/src/Grid/index.js +0 -2
  416. package/src/Icon/Icon.js +0 -27
  417. package/src/Icon/Icon.stories.mdx +0 -41
  418. package/src/Icon/__tests__/Icon.e2e.js +0 -21
  419. package/src/Icon/index.js +0 -1
  420. package/src/IconButton/IconButton.js +0 -175
  421. package/src/IconButton/IconButton.stories.mdx +0 -153
  422. package/src/IconButton/__tests__/IconButton.e2e.js +0 -57
  423. package/src/IconButton/index.js +0 -1
  424. package/src/KeyboardNavigable/KeyboardNavigable.js +0 -96
  425. package/src/KeyboardNavigable/index.js +0 -1
  426. package/src/Layout/ActionLayout.js +0 -40
  427. package/src/Layout/ContentLayout.js +0 -15
  428. package/src/Layout/GridLayout.js +0 -12
  429. package/src/Layout/GridLayout.stories.mdx +0 -36
  430. package/src/Layout/HeaderLayout.js +0 -170
  431. package/src/Layout/HeaderLayout.stories.mdx +0 -175
  432. package/src/Layout/Layout.js +0 -31
  433. package/src/Layout/Layout.stories.mdx +0 -240
  434. package/src/Layout/TwoColsLayout.js +0 -26
  435. package/src/Layout/TwoColsLayout.stories.mdx +0 -46
  436. package/src/Layout/__tests__/GridLayout.e2e.js +0 -23
  437. package/src/Layout/__tests__/HeaderLayout.e2e.js +0 -83
  438. package/src/Layout/__tests__/Layout.e2e.js +0 -23
  439. package/src/Layout/__tests__/TwoColsLayout.e2e.js +0 -23
  440. package/src/Layout/index.js +0 -6
  441. package/src/Link/Link.js +0 -105
  442. package/src/Link/Link.stories.mdx +0 -57
  443. package/src/Link/__tests__/Link.e2e.js +0 -23
  444. package/src/Link/index.js +0 -1
  445. package/src/LinkButton/LinkButton.js +0 -113
  446. package/src/LinkButton/LinkButton.stories.mdx +0 -153
  447. package/src/LinkButton/__tests__/LinkButton.e2e.js +0 -89
  448. package/src/LinkButton/index.js +0 -1
  449. package/src/LiveRegions/LiveRegions.js +0 -13
  450. package/src/LiveRegions/LiveRegions.stories.mdx +0 -76
  451. package/src/LiveRegions/StoryComponent.js +0 -26
  452. package/src/LiveRegions/__tests__/LiveRegions.spec.js +0 -200
  453. package/src/LiveRegions/constants.js +0 -5
  454. package/src/LiveRegions/index.js +0 -1
  455. package/src/LiveRegions/useNotifyAT.js +0 -39
  456. package/src/Loader/Loader.js +0 -40
  457. package/src/Loader/Loader.stories.mdx +0 -48
  458. package/src/Loader/__tests__/Loader.e2e.js +0 -23
  459. package/src/Loader/assets/loader.svg +0 -3
  460. package/src/Loader/index.js +0 -1
  461. package/src/Main/Main.js +0 -24
  462. package/src/Main/SkipToContent.js +0 -29
  463. package/src/Main/index.js +0 -2
  464. package/src/MainNav/MainNav.js +0 -31
  465. package/src/MainNav/MainNav.stories.mdx +0 -197
  466. package/src/MainNav/MainNavContext.js +0 -5
  467. package/src/MainNav/NavBrand.js +0 -76
  468. package/src/MainNav/NavCondense.js +0 -44
  469. package/src/MainNav/NavLink.js +0 -143
  470. package/src/MainNav/NavSection.js +0 -53
  471. package/src/MainNav/NavSections.js +0 -20
  472. package/src/MainNav/NavUser.js +0 -53
  473. package/src/MainNav/__tests__/MainNav.e2e.js +0 -23
  474. package/src/MainNav/index.js +0 -7
  475. package/src/MainNav/strapi-img.png +0 -0
  476. package/src/ModalLayout/ModalBody.js +0 -12
  477. package/src/ModalLayout/ModalContext.js +0 -4
  478. package/src/ModalLayout/ModalFooter.js +0 -37
  479. package/src/ModalLayout/ModalHeader.js +0 -35
  480. package/src/ModalLayout/ModalLayout.js +0 -58
  481. package/src/ModalLayout/ModalLayout.stories.mdx +0 -100
  482. package/src/ModalLayout/__tests__/ModalLayout.e2e.js +0 -19
  483. package/src/ModalLayout/__tests__/ModalLayout.spec.js +0 -596
  484. package/src/ModalLayout/index.js +0 -4
  485. package/src/NumberInput/NumberInput.js +0 -253
  486. package/src/NumberInput/NumberInput.stories.mdx +0 -319
  487. package/src/NumberInput/__tests__/NumberInput.e2e.js +0 -194
  488. package/src/NumberInput/index.js +0 -1
  489. package/src/Pagination/Pagination.js +0 -37
  490. package/src/Pagination/Pagination.stories.mdx +0 -97
  491. package/src/Pagination/PaginationContext.js +0 -4
  492. package/src/Pagination/__tests__/Pagination.e2e.js +0 -23
  493. package/src/Pagination/assets/next.svg +0 -3
  494. package/src/Pagination/assets/previous.svg +0 -3
  495. package/src/Pagination/components.js +0 -147
  496. package/src/Pagination/index.js +0 -2
  497. package/src/Popover/Popover.js +0 -167
  498. package/src/Popover/Popover.stories.mdx +0 -167
  499. package/src/Popover/__tests__/Popover.e2e.js +0 -48
  500. package/src/Popover/__tests__/Popover.spec.js +0 -153
  501. package/src/Popover/index.js +0 -1
  502. package/src/Portal/Portal.js +0 -25
  503. package/src/Portal/Portal.stories.mdx +0 -33
  504. package/src/Portal/__tests__/Portal.e2e.js +0 -23
  505. package/src/Portal/index.js +0 -1
  506. package/src/ProgressBar/ProgressBar.js +0 -57
  507. package/src/ProgressBar/ProgressBar.stories.mdx +0 -47
  508. package/src/ProgressBar/__tests__/ProgressBar.e2e.js +0 -41
  509. package/src/ProgressBar/index.js +0 -1
  510. package/src/Radio/Radio.js +0 -25
  511. package/src/Radio/Radio.stories.mdx +0 -66
  512. package/src/Radio/__tests__/Radio.e2e.js +0 -66
  513. package/src/Radio/__tests__/Radio.spec.js +0 -56
  514. package/src/Radio/index.js +0 -2
  515. package/src/RawTable/RawCell.js +0 -182
  516. package/src/RawTable/RawTable.js +0 -123
  517. package/src/RawTable/RawTable.stories.mdx +0 -258
  518. package/src/RawTable/RawTableContext.js +0 -10
  519. package/src/RawTable/RawTbody.js +0 -18
  520. package/src/RawTable/RawThead.js +0 -15
  521. package/src/RawTable/RawTr.js +0 -20
  522. package/src/RawTable/__tests__/RawTable.e2e.js +0 -344
  523. package/src/RawTable/focusFocusable.js +0 -7
  524. package/src/RawTable/index.js +0 -5
  525. package/src/Searchbar/SearchForm.js +0 -3
  526. package/src/Searchbar/Searchbar.js +0 -103
  527. package/src/Searchbar/Searchbar.stories.mdx +0 -115
  528. package/src/Searchbar/__tests__/Searchbar.e2e.js +0 -52
  529. package/src/Searchbar/index.js +0 -2
  530. package/src/Select/MultiSelectNested.js +0 -31
  531. package/src/Select/OptGroup.js +0 -27
  532. package/src/Select/Option.js +0 -123
  533. package/src/Select/Select.js +0 -318
  534. package/src/Select/Select.stories.mdx +0 -362
  535. package/src/Select/SelectButton.js +0 -77
  536. package/src/Select/SelectList.js +0 -113
  537. package/src/Select/SelectTags.js +0 -50
  538. package/src/Select/__tests__/Select.e2e.js +0 -238
  539. package/src/Select/__tests__/Select.spec.js +0 -1020
  540. package/src/Select/components.js +0 -51
  541. package/src/Select/constants.js +0 -6
  542. package/src/Select/hooks/useButtonRef.js +0 -31
  543. package/src/Select/hooks/useListRef.js +0 -35
  544. package/src/Select/index.js +0 -5
  545. package/src/Select/utils.js +0 -27
  546. package/src/SimpleMenu/SimpleMenu.js +0 -252
  547. package/src/SimpleMenu/SimpleMenu.stories.mdx +0 -220
  548. package/src/SimpleMenu/__tests__/SimpleMenu.e2e.js +0 -98
  549. package/src/SimpleMenu/__tests__/SimpleMenu.spec.js +0 -48
  550. package/src/SimpleMenu/index.js +0 -1
  551. package/src/SimpleMenu/utils.js +0 -12
  552. package/src/Stack/Stack.js +0 -75
  553. package/src/Stack/Stack.stories.mdx +0 -66
  554. package/src/Stack/__tests__/Stack.e2e.js +0 -43
  555. package/src/Stack/index.js +0 -1
  556. package/src/Status/Status.js +0 -76
  557. package/src/Status/Status.stories.mdx +0 -80
  558. package/src/Status/__tests__/Status.e2e.js +0 -23
  559. package/src/Status/__tests__/Status.spec.js +0 -48
  560. package/src/Status/index.js +0 -1
  561. package/src/SubNav/SubNav.js +0 -25
  562. package/src/SubNav/SubNav.stories.mdx +0 -234
  563. package/src/SubNav/SubNavHeader.js +0 -122
  564. package/src/SubNav/SubNavLink.js +0 -92
  565. package/src/SubNav/SubNavLinkSection.js +0 -75
  566. package/src/SubNav/SubNavSection.js +0 -75
  567. package/src/SubNav/SubNavSectionLabel.js +0 -67
  568. package/src/SubNav/SubNavSections.js +0 -20
  569. package/src/SubNav/__tests__/SubNav.e2e.js +0 -23
  570. package/src/SubNav/index.js +0 -6
  571. package/src/Switch/Switch.js +0 -97
  572. package/src/Switch/Switch.stories.mdx +0 -76
  573. package/src/Switch/__tests__/Switch.e2e.js +0 -33
  574. package/src/Switch/index.js +0 -1
  575. package/src/Table/Cell.js +0 -49
  576. package/src/Table/TFooter.js +0 -58
  577. package/src/Table/Table.js +0 -96
  578. package/src/Table/Table.stories.mdx +0 -330
  579. package/src/Table/Tbody.js +0 -13
  580. package/src/Table/Thead.js +0 -11
  581. package/src/Table/Tr.js +0 -28
  582. package/src/Table/__tests__/Table.e2e.js +0 -41
  583. package/src/Table/index.js +0 -6
  584. package/src/Tabs/TabGroup.js +0 -46
  585. package/src/Tabs/TabPanels.js +0 -32
  586. package/src/Tabs/Tabs.js +0 -227
  587. package/src/Tabs/Tabs.stories.mdx +0 -211
  588. package/src/Tabs/TabsContext.js +0 -5
  589. package/src/Tabs/__tests__/Tabs.e2e.js +0 -253
  590. package/src/Tabs/components.js +0 -66
  591. package/src/Tabs/index.js +0 -3
  592. package/src/Tabs/useTabsFocus.js +0 -28
  593. package/src/Tag/Tag.js +0 -72
  594. package/src/Tag/Tag.stories.mdx +0 -47
  595. package/src/Tag/__tests__/Tag.e2e.js +0 -37
  596. package/src/Tag/index.js +0 -1
  597. package/src/TextButton/TextButton.js +0 -102
  598. package/src/TextButton/TextButton.stories.mdx +0 -71
  599. package/src/TextButton/__tests__/TextButton.e2e.js +0 -23
  600. package/src/TextButton/index.js +0 -1
  601. package/src/TextInput/TextInput.js +0 -67
  602. package/src/TextInput/TextInput.stories.mdx +0 -228
  603. package/src/TextInput/__tests__/TextInput.e2e.js +0 -73
  604. package/src/TextInput/index.js +0 -1
  605. package/src/Textarea/Textarea.js +0 -74
  606. package/src/Textarea/Textarea.stories.mdx +0 -105
  607. package/src/Textarea/TextareaInput.js +0 -77
  608. package/src/Textarea/__tests__/Textarea.e2e.js +0 -37
  609. package/src/Textarea/index.js +0 -1
  610. package/src/ThemeProvider/ThemeProvider.js +0 -193
  611. package/src/ThemeProvider/hooks.js +0 -5
  612. package/src/ThemeProvider/index.js +0 -2
  613. package/src/TimePicker/TimePicker.js +0 -128
  614. package/src/TimePicker/TimePicker.stories.mdx +0 -171
  615. package/src/TimePicker/__tests__/TimePicker.e2e.js +0 -37
  616. package/src/TimePicker/__tests__/TimePicker.spec.js +0 -2099
  617. package/src/TimePicker/index.js +0 -1
  618. package/src/ToggleCheckbox/ToggleCheckbox.js +0 -169
  619. package/src/ToggleCheckbox/ToggleCheckbox.stories.mdx +0 -96
  620. package/src/ToggleCheckbox/__tests__/ToggleCheckbox.e2e.js +0 -59
  621. package/src/ToggleCheckbox/index.js +0 -1
  622. package/src/ToggleInput/ToggleInput.js +0 -89
  623. package/src/ToggleInput/ToggleInput.stories.mdx +0 -171
  624. package/src/ToggleInput/__tests__/ToggleInput.e2e.js +0 -109
  625. package/src/ToggleInput/index.js +0 -1
  626. package/src/Tooltip/Tooltip.js +0 -72
  627. package/src/Tooltip/Tooltip.stories.mdx +0 -127
  628. package/src/Tooltip/__tests__/Tooltip.e2e.js +0 -33
  629. package/src/Tooltip/__tests__/Tooltip.spec.js +0 -306
  630. package/src/Tooltip/hooks/useTooltipHandlers.js +0 -39
  631. package/src/Tooltip/hooks/useTooltipLayout.js +0 -21
  632. package/src/Tooltip/index.js +0 -1
  633. package/src/Tooltip/utils/__tests__/positionTooltip.spec.js +0 -114
  634. package/src/Tooltip/utils/positionTooltip.js +0 -83
  635. package/src/Typography/Typography.js +0 -24
  636. package/src/Typography/Typography.stories.mdx +0 -86
  637. package/src/Typography/TypographyProps.js +0 -30
  638. package/src/Typography/__tests__/Typography.e2e.js +0 -25
  639. package/src/Typography/__tests__/Typography.spec.js +0 -32
  640. package/src/Typography/__tests__/__snapshots__/Typography.spec.js.snap +0 -103
  641. package/src/Typography/constants.js +0 -9
  642. package/src/Typography/index.js +0 -1
  643. package/src/Typography/utils.js +0 -69
  644. package/src/VisuallyHidden/VisuallyHidden.js +0 -12
  645. package/src/VisuallyHidden/index.js +0 -1
  646. package/src/helpers/__tests__/useId.spec.js +0 -39
  647. package/src/helpers/escapeSelector.js +0 -1
  648. package/src/helpers/genId.js +0 -2
  649. package/src/helpers/getDefaultLocale.js +0 -33
  650. package/src/helpers/getFocusableNodes.js +0 -35
  651. package/src/helpers/handleResponsiveValues.js +0 -34
  652. package/src/helpers/keyboardKeys.js +0 -17
  653. package/src/helpers/setOpacity.js +0 -4
  654. package/src/helpers/setTabIndexOnFirstItem.js +0 -7
  655. package/src/helpers/useElementOnScreen.js +0 -27
  656. package/src/helpers/useId.js +0 -8
  657. package/src/helpers/useIntersection.js +0 -31
  658. package/src/helpers/useLockScroll.js +0 -14
  659. package/src/helpers/usePrevious.js +0 -9
  660. package/src/helpers/useResizeObserver.js +0 -22
  661. package/src/index.js +0 -65
  662. package/src/themes/ColorButton.js +0 -24
  663. package/src/themes/Theme.stories.mdx +0 -227
  664. package/src/themes/__tests__/extendTheme.spec.js +0 -119
  665. package/src/themes/colors.js +0 -46
  666. package/src/themes/common-theme.js +0 -19
  667. package/src/themes/darkTheme/dark-colors.js +0 -49
  668. package/src/themes/darkTheme/dark-shadows.js +0 -10
  669. package/src/themes/darkTheme/index.js +0 -9
  670. package/src/themes/extendTheme.js +0 -60
  671. package/src/themes/index.js +0 -4
  672. package/src/themes/lightTheme/index.js +0 -9
  673. package/src/themes/lightTheme/light-colors.js +0 -49
  674. package/src/themes/lightTheme/light-shadows.js +0 -10
  675. package/src/themes/sizes.js +0 -10
  676. package/src/themes/utils.js +0 -50
  677. package/src/v2/Breadcrumbs/Breadcrumbs.js +0 -45
  678. package/src/v2/Breadcrumbs/Breadcrumbs.stories.mdx +0 -129
  679. package/src/v2/Breadcrumbs/Crumb.js +0 -30
  680. package/src/v2/Breadcrumbs/CrumbLink.js +0 -33
  681. package/src/v2/Breadcrumbs/CrumbSimpleMenu.js +0 -30
  682. package/src/v2/Breadcrumbs/Divider.js +0 -16
  683. package/src/v2/Breadcrumbs/__tests__/Breadcrumbs.e2e.js +0 -47
  684. package/src/v2/Breadcrumbs/__tests__/Breadcrumbs.spec.js +0 -47
  685. package/src/v2/Breadcrumbs/index.js +0 -4
  686. package/src/v2/Link/Link.js +0 -79
  687. package/src/v2/Link/Link.stories.mdx +0 -113
  688. package/src/v2/Link/__tests__/Link.e2e.js +0 -23
  689. package/src/v2/Link/index.js +0 -1
  690. package/src/v2/LinkButton/LinkButton.js +0 -105
  691. package/src/v2/LinkButton/LinkButton.stories.mdx +0 -153
  692. package/src/v2/LinkButton/__tests__/LinkButton.e2e.js +0 -89
  693. package/src/v2/LinkButton/index.js +0 -1
  694. package/src/v2/MainNav/MainNav.js +0 -31
  695. package/src/v2/MainNav/MainNav.stories.mdx +0 -197
  696. package/src/v2/MainNav/MainNavContext.js +0 -5
  697. package/src/v2/MainNav/NavBrand.js +0 -79
  698. package/src/v2/MainNav/NavCondense.js +0 -44
  699. package/src/v2/MainNav/NavLink.js +0 -143
  700. package/src/v2/MainNav/NavSection.js +0 -53
  701. package/src/v2/MainNav/NavSections.js +0 -20
  702. package/src/v2/MainNav/NavUser.js +0 -53
  703. package/src/v2/MainNav/__tests__/MainNav.e2e.js +0 -23
  704. package/src/v2/MainNav/index.js +0 -7
  705. package/src/v2/MainNav/strapi-img.png +0 -0
  706. package/src/v2/Pagination/Pagination.js +0 -37
  707. package/src/v2/Pagination/Pagination.stories.mdx +0 -97
  708. package/src/v2/Pagination/PaginationContext.js +0 -4
  709. package/src/v2/Pagination/__tests__/Pagination.e2e.js +0 -23
  710. package/src/v2/Pagination/assets/next.svg +0 -3
  711. package/src/v2/Pagination/assets/previous.svg +0 -3
  712. package/src/v2/Pagination/components.js +0 -136
  713. package/src/v2/Pagination/index.js +0 -2
  714. package/src/v2/SimpleMenu/SimpleMenu.js +0 -252
  715. package/src/v2/SimpleMenu/SimpleMenu.stories.mdx +0 -220
  716. package/src/v2/SimpleMenu/__tests__/SimpleMenu.e2e.js +0 -100
  717. package/src/v2/SimpleMenu/__tests__/SimpleMenu.spec.js +0 -48
  718. package/src/v2/SimpleMenu/index.js +0 -1
  719. package/src/v2/SimpleMenu/utils.js +0 -12
  720. package/src/v2/SubNav/SubNav.js +0 -25
  721. package/src/v2/SubNav/SubNav.stories.mdx +0 -234
  722. package/src/v2/SubNav/SubNavHeader.js +0 -122
  723. package/src/v2/SubNav/SubNavLink.js +0 -95
  724. package/src/v2/SubNav/SubNavLinkSection.js +0 -75
  725. package/src/v2/SubNav/SubNavSection.js +0 -75
  726. package/src/v2/SubNav/SubNavSectionLabel.js +0 -67
  727. package/src/v2/SubNav/SubNavSections.js +0 -20
  728. package/src/v2/SubNav/__tests__/SubNav.e2e.js +0 -23
  729. package/src/v2/SubNav/index.js +0 -6
  730. package/src/v2/index.js +0 -7
  731. package/test-bundler.js +0 -35
  732. package/tests/check-exports.spec.js +0 -36
  733. package/webpack.config.js +0 -84
package/src/TimePicker/__tests__/TimePicker.spec.js DELETED
@@ -1,2099 +0,0 @@
1
- import * as React from 'react';
2
- import { render, fireEvent, screen, waitFor } from '@testing-library/react';
3
- import { TimePicker } from '../TimePicker';
4
- import { ThemeProvider } from '../../ThemeProvider';
5
- import { lightTheme } from '../../themes';
6
-
7
- describe('TimePicker', () => {
8
- it('snapshots the component by default', async () => {
9
- const { container } = render(
10
- <ThemeProvider theme={lightTheme}>
11
- <TimePicker
12
- label={'Choose a time'}
13
- disabled={false}
14
- error={undefined}
15
- hint={'Description line'}
16
- onClear={() => {}}
17
- onChange={() => {}}
18
- value={'11:32:45'}
19
- clearLabel={'Clear the selected time picker value'}
20
- selectButtonTitle={'Select time button'}
21
- />
22
- </ThemeProvider>,
23
- { container: document.body },
24
- );
25
-
26
- fireEvent.mouseDown(container.querySelector('#timepicker-1'));
27
-
28
- await waitFor(() => screen.getByText('00:00'));
29
-
30
- expect(container).toMatchInlineSnapshot(`
31
- .c5 {
32
- position: absolute;
33
- left: 0;
34
- right: 0;
35
- bottom: 0;
36
- top: 0;
37
- width: 100%;
38
- background: transparent;
39
- border: none;
40
- }
41
-
42
- .c5:focus {
43
- outline: none;
44
- }
45
-
46
- .c5[aria-disabled='true'] {
47
- cursor: not-allowed;
48
- }
49
-
50
- .c8 {
51
- padding-left: 12px;
52
- }
53
-
54
- .c10 {
55
- padding-right: 16px;
56
- padding-left: 16px;
57
- }
58
-
59
- .c16 {
60
- background: #ffffff;
61
- padding: 4px;
62
- border-radius: 4px;
63
- }
64
-
65
- .c19 {
66
- background: #ffffff;
67
- padding-top: 8px;
68
- padding-right: 16px;
69
- padding-bottom: 8px;
70
- padding-left: 16px;
71
- border-radius: 4px;
72
- }
73
-
74
- .c0 {
75
- -webkit-align-items: stretch;
76
- -webkit-box-align: stretch;
77
- -ms-flex-align: stretch;
78
- align-items: stretch;
79
- display: -webkit-box;
80
- display: -webkit-flex;
81
- display: -ms-flexbox;
82
- display: flex;
83
- -webkit-flex-direction: column;
84
- -ms-flex-direction: column;
85
- flex-direction: column;
86
- }
87
-
88
- .c3 {
89
- -webkit-align-items: center;
90
- -webkit-box-align: center;
91
- -ms-flex-align: center;
92
- align-items: center;
93
- display: -webkit-box;
94
- display: -webkit-flex;
95
- display: -ms-flexbox;
96
- display: flex;
97
- -webkit-flex-direction: row;
98
- -ms-flex-direction: row;
99
- flex-direction: row;
100
- }
101
-
102
- .c6 {
103
- -webkit-align-items: center;
104
- -webkit-box-align: center;
105
- -ms-flex-align: center;
106
- align-items: center;
107
- display: -webkit-box;
108
- display: -webkit-flex;
109
- display: -ms-flexbox;
110
- display: flex;
111
- -webkit-flex-direction: row;
112
- -ms-flex-direction: row;
113
- flex-direction: row;
114
- -webkit-box-pack: justify;
115
- -webkit-justify-content: space-between;
116
- -ms-flex-pack: justify;
117
- justify-content: space-between;
118
- }
119
-
120
- .c2 {
121
- font-weight: 600;
122
- color: #32324d;
123
- font-size: 0.75rem;
124
- line-height: 1.33;
125
- }
126
-
127
- .c11 {
128
- color: #32324d;
129
- display: block;
130
- white-space: nowrap;
131
- overflow: hidden;
132
- text-overflow: ellipsis;
133
- font-size: 0.875rem;
134
- line-height: 1.43;
135
- }
136
-
137
- .c14 {
138
- color: #666687;
139
- font-size: 0.75rem;
140
- line-height: 1.33;
141
- }
142
-
143
- .c21 {
144
- color: #32324d;
145
- font-size: 0.875rem;
146
- line-height: 1.43;
147
- }
148
-
149
- .c22 {
150
- font-weight: 600;
151
- color: #4945ff;
152
- font-size: 0.875rem;
153
- line-height: 1.43;
154
- }
155
-
156
- .c17 {
157
- box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
158
- z-index: 4;
159
- border: 1px solid #eaeaef;
160
- background: #ffffff;
161
- }
162
-
163
- .c18 {
164
- max-height: 15rem;
165
- overflow-y: auto;
166
- overflow-x: hidden;
167
- }
168
-
169
- .c18::-webkit-scrollbar {
170
- -webkit-appearance: none;
171
- width: 4px;
172
- }
173
-
174
- .c18::-webkit-scrollbar-track {
175
- background: #ffffff;
176
- }
177
-
178
- .c18::-webkit-scrollbar-thumb {
179
- background: #eaeaef;
180
- border-radius: 4px;
181
- margin-right: 10px;
182
- }
183
-
184
- .c1 > * {
185
- margin-top: 0;
186
- margin-bottom: 0;
187
- }
188
-
189
- .c1 > * + * {
190
- margin-top: 4px;
191
- }
192
-
193
- .c4 {
194
- position: relative;
195
- border: 1px solid #dcdce4;
196
- padding-right: 12px;
197
- border-radius: 4px;
198
- background: #ffffff;
199
- overflow: hidden;
200
- min-height: 2.5rem;
201
- outline: none;
202
- box-shadow: 0;
203
- -webkit-transition-property: border-color,box-shadow,fill;
204
- transition-property: border-color,box-shadow,fill;
205
- -webkit-transition-duration: 0.2s;
206
- transition-duration: 0.2s;
207
- }
208
-
209
- .c4:focus-within {
210
- border: 1px solid #4945ff;
211
- box-shadow: #4945ff 0px 0px 0px 2px;
212
- }
213
-
214
- .c12 {
215
- background: transparent;
216
- border: none;
217
- position: relative;
218
- z-index: 1;
219
- }
220
-
221
- .c12 svg {
222
- height: 0.6875rem;
223
- width: 0.6875rem;
224
- }
225
-
226
- .c12 svg path {
227
- fill: #666687;
228
- }
229
-
230
- .c13 {
231
- display: -webkit-box;
232
- display: -webkit-flex;
233
- display: -ms-flexbox;
234
- display: flex;
235
- background: none;
236
- border: none;
237
- }
238
-
239
- .c13 svg {
240
- width: 0.375rem;
241
- }
242
-
243
- .c15 {
244
- border: 0;
245
- -webkit-clip: rect(0 0 0 0);
246
- clip: rect(0 0 0 0);
247
- height: 1px;
248
- margin: -1px;
249
- overflow: hidden;
250
- padding: 0;
251
- position: absolute;
252
- width: 1px;
253
- }
254
-
255
- .c7 {
256
- width: 100%;
257
- }
258
-
259
- .c20 {
260
- width: 100%;
261
- border: none;
262
- text-align: left;
263
- outline-offset: -3px;
264
- }
265
-
266
- .c20.is-focused {
267
- background: #f0f0ff;
268
- }
269
-
270
- .c20:hover {
271
- background: #f0f0ff;
272
- }
273
-
274
- .c9 {
275
- display: -webkit-box;
276
- display: -webkit-flex;
277
- display: -ms-flexbox;
278
- display: flex;
279
- -webkit-align-items: center;
280
- -webkit-box-align: center;
281
- -ms-flex-align: center;
282
- align-items: center;
283
- }
284
-
285
- .c9 svg {
286
- height: 1rem;
287
- width: 1rem;
288
- }
289
-
290
- .c9 svg path {
291
- fill: #8e8ea9;
292
- }
293
-
294
- <body>
295
- <div>
296
- <div
297
- class="c0 c1"
298
- spacing="1"
299
- >
300
- <span
301
- class="c2"
302
- for="timepicker-1"
303
- id="timepicker-1-label"
304
- >
305
- <div
306
- class="c3"
307
- >
308
- Choose a time
309
- </div>
310
- </span>
311
- <div
312
- class="c3 c4"
313
- >
314
- <button
315
- aria-describedby="timepicker-1-hint"
316
- aria-disabled="false"
317
- aria-expanded="true"
318
- aria-haspopup="listbox"
319
- aria-labelledby="timepicker-1-label timepicker-1-content"
320
- class="c5"
321
- id="timepicker-1"
322
- type="button"
323
- />
324
- <div
325
- class="c6 c7"
326
- >
327
- <div
328
- class="c3"
329
- >
330
- <div
331
- aria-hidden="true"
332
- class="c8"
333
- >
334
- <div
335
- class="c9"
336
- >
337
- <svg
338
- fill="none"
339
- height="1em"
340
- viewBox="0 0 24 24"
341
- width="1em"
342
- xmlns="http://www.w3.org/2000/svg"
343
- >
344
- <path
345
- clip-rule="evenodd"
346
- d="M0 12C0 5.37 5.364 0 11.994 0S24 5.37 24 12s-5.376 12-12.006 12S0 18.63 0 12zm2.4 0c0 5.304 4.296 9.6 9.6 9.6 5.304 0 9.6-4.296 9.6-9.6 0-5.304-4.296-9.6-9.6-9.6A9.597 9.597 0 002.4 12zm8.4-6h1.8v6.3l5.4 3.204-.906 1.476L10.8 13.2V6z"
347
- fill="#212134"
348
- fill-rule="evenodd"
349
- />
350
- </svg>
351
- </div>
352
- </div>
353
- <div
354
- class="c10"
355
- >
356
- <span
357
- class="c11"
358
- id="timepicker-1-content"
359
- >
360
- 11:30
361
- </span>
362
- </div>
363
- </div>
364
- <div
365
- class="c3"
366
- >
367
- <button
368
- aria-disabled="false"
369
- aria-label="Clear the selected time picker value"
370
- class="c12"
371
- title="Clear the selected time picker value"
372
- type="button"
373
- >
374
- <svg
375
- fill="none"
376
- height="1em"
377
- viewBox="0 0 24 24"
378
- width="1em"
379
- xmlns="http://www.w3.org/2000/svg"
380
- >
381
- <path
382
- d="M24 2.417L21.583 0 12 9.583 2.417 0 0 2.417 9.583 12 0 21.583 2.417 24 12 14.417 21.583 24 24 21.583 14.417 12 24 2.417z"
383
- fill="#212134"
384
- />
385
- </svg>
386
- </button>
387
- <button
388
- aria-hidden="true"
389
- class="c8 c12 c13"
390
- tabindex="-1"
391
- title="Select time button"
392
- type="button"
393
- >
394
- <svg
395
- fill="none"
396
- height="1em"
397
- viewBox="0 0 14 8"
398
- width="1em"
399
- xmlns="http://www.w3.org/2000/svg"
400
- >
401
- <path
402
- clip-rule="evenodd"
403
- d="M14 .889a.86.86 0 01-.26.625L7.615 7.736A.834.834 0 017 8a.834.834 0 01-.615-.264L.26 1.514A.861.861 0 010 .889c0-.24.087-.45.26-.625A.834.834 0 01.875 0h12.25c.237 0 .442.088.615.264a.86.86 0 01.26.625z"
404
- fill="#32324D"
405
- fill-rule="evenodd"
406
- />
407
- </svg>
408
- </button>
409
- </div>
410
- </div>
411
- </div>
412
- <p
413
- class="c14"
414
- id="timepicker-1-hint"
415
- >
416
- Description line
417
- </p>
418
- </div>
419
- </div>
420
- <div
421
- class="c15"
422
- >
423
- <p
424
- aria-live="polite"
425
- aria-relevant="all"
426
- id="live-region-log"
427
- role="log"
428
- />
429
- <p
430
- aria-live="polite"
431
- aria-relevant="all"
432
- id="live-region-status"
433
- role="status"
434
- />
435
- <p
436
- aria-live="assertive"
437
- aria-relevant="all"
438
- id="live-region-alert"
439
- role="alert"
440
- />
441
- </div>
442
- <div
443
- data-react-portal="true"
444
- >
445
- <div
446
- class="c16 c17"
447
- style="position: fixed; left: 0px; top: 4px;"
448
- >
449
- <div
450
- class="c18"
451
- >
452
- <ul
453
- aria-labelledby="timepicker-1-label"
454
- aria-multiselectable="false"
455
- class="c0 c1"
456
- role="listbox"
457
- spacing="1"
458
- tabindex="-1"
459
- >
460
- <li
461
- aria-selected="false"
462
- class="c19 c20"
463
- data-strapi-value="00:00"
464
- id="timepicker-1-option-00-00"
465
- role="option"
466
- >
467
- <div
468
- class="c3"
469
- >
470
- <span
471
- class="c21"
472
- >
473
- 00:00
474
- </span>
475
- </div>
476
- </li>
477
- <li
478
- aria-selected="false"
479
- class="c19 c20"
480
- data-strapi-value="00:15"
481
- id="timepicker-1-option-00-15"
482
- role="option"
483
- >
484
- <div
485
- class="c3"
486
- >
487
- <span
488
- class="c21"
489
- >
490
- 00:15
491
- </span>
492
- </div>
493
- </li>
494
- <li
495
- aria-selected="false"
496
- class="c19 c20"
497
- data-strapi-value="00:30"
498
- id="timepicker-1-option-00-30"
499
- role="option"
500
- >
501
- <div
502
- class="c3"
503
- >
504
- <span
505
- class="c21"
506
- >
507
- 00:30
508
- </span>
509
- </div>
510
- </li>
511
- <li
512
- aria-selected="false"
513
- class="c19 c20"
514
- data-strapi-value="00:45"
515
- id="timepicker-1-option-00-45"
516
- role="option"
517
- >
518
- <div
519
- class="c3"
520
- >
521
- <span
522
- class="c21"
523
- >
524
- 00:45
525
- </span>
526
- </div>
527
- </li>
528
- <li
529
- aria-selected="false"
530
- class="c19 c20"
531
- data-strapi-value="01:00"
532
- id="timepicker-1-option-01-00"
533
- role="option"
534
- >
535
- <div
536
- class="c3"
537
- >
538
- <span
539
- class="c21"
540
- >
541
- 01:00
542
- </span>
543
- </div>
544
- </li>
545
- <li
546
- aria-selected="false"
547
- class="c19 c20"
548
- data-strapi-value="01:15"
549
- id="timepicker-1-option-01-15"
550
- role="option"
551
- >
552
- <div
553
- class="c3"
554
- >
555
- <span
556
- class="c21"
557
- >
558
- 01:15
559
- </span>
560
- </div>
561
- </li>
562
- <li
563
- aria-selected="false"
564
- class="c19 c20"
565
- data-strapi-value="01:30"
566
- id="timepicker-1-option-01-30"
567
- role="option"
568
- >
569
- <div
570
- class="c3"
571
- >
572
- <span
573
- class="c21"
574
- >
575
- 01:30
576
- </span>
577
- </div>
578
- </li>
579
- <li
580
- aria-selected="false"
581
- class="c19 c20"
582
- data-strapi-value="01:45"
583
- id="timepicker-1-option-01-45"
584
- role="option"
585
- >
586
- <div
587
- class="c3"
588
- >
589
- <span
590
- class="c21"
591
- >
592
- 01:45
593
- </span>
594
- </div>
595
- </li>
596
- <li
597
- aria-selected="false"
598
- class="c19 c20"
599
- data-strapi-value="02:00"
600
- id="timepicker-1-option-02-00"
601
- role="option"
602
- >
603
- <div
604
- class="c3"
605
- >
606
- <span
607
- class="c21"
608
- >
609
- 02:00
610
- </span>
611
- </div>
612
- </li>
613
- <li
614
- aria-selected="false"
615
- class="c19 c20"
616
- data-strapi-value="02:15"
617
- id="timepicker-1-option-02-15"
618
- role="option"
619
- >
620
- <div
621
- class="c3"
622
- >
623
- <span
624
- class="c21"
625
- >
626
- 02:15
627
- </span>
628
- </div>
629
- </li>
630
- <li
631
- aria-selected="false"
632
- class="c19 c20"
633
- data-strapi-value="02:30"
634
- id="timepicker-1-option-02-30"
635
- role="option"
636
- >
637
- <div
638
- class="c3"
639
- >
640
- <span
641
- class="c21"
642
- >
643
- 02:30
644
- </span>
645
- </div>
646
- </li>
647
- <li
648
- aria-selected="false"
649
- class="c19 c20"
650
- data-strapi-value="02:45"
651
- id="timepicker-1-option-02-45"
652
- role="option"
653
- >
654
- <div
655
- class="c3"
656
- >
657
- <span
658
- class="c21"
659
- >
660
- 02:45
661
- </span>
662
- </div>
663
- </li>
664
- <li
665
- aria-selected="false"
666
- class="c19 c20"
667
- data-strapi-value="03:00"
668
- id="timepicker-1-option-03-00"
669
- role="option"
670
- >
671
- <div
672
- class="c3"
673
- >
674
- <span
675
- class="c21"
676
- >
677
- 03:00
678
- </span>
679
- </div>
680
- </li>
681
- <li
682
- aria-selected="false"
683
- class="c19 c20"
684
- data-strapi-value="03:15"
685
- id="timepicker-1-option-03-15"
686
- role="option"
687
- >
688
- <div
689
- class="c3"
690
- >
691
- <span
692
- class="c21"
693
- >
694
- 03:15
695
- </span>
696
- </div>
697
- </li>
698
- <li
699
- aria-selected="false"
700
- class="c19 c20"
701
- data-strapi-value="03:30"
702
- id="timepicker-1-option-03-30"
703
- role="option"
704
- >
705
- <div
706
- class="c3"
707
- >
708
- <span
709
- class="c21"
710
- >
711
- 03:30
712
- </span>
713
- </div>
714
- </li>
715
- <li
716
- aria-selected="false"
717
- class="c19 c20"
718
- data-strapi-value="03:45"
719
- id="timepicker-1-option-03-45"
720
- role="option"
721
- >
722
- <div
723
- class="c3"
724
- >
725
- <span
726
- class="c21"
727
- >
728
- 03:45
729
- </span>
730
- </div>
731
- </li>
732
- <li
733
- aria-selected="false"
734
- class="c19 c20"
735
- data-strapi-value="04:00"
736
- id="timepicker-1-option-04-00"
737
- role="option"
738
- >
739
- <div
740
- class="c3"
741
- >
742
- <span
743
- class="c21"
744
- >
745
- 04:00
746
- </span>
747
- </div>
748
- </li>
749
- <li
750
- aria-selected="false"
751
- class="c19 c20"
752
- data-strapi-value="04:15"
753
- id="timepicker-1-option-04-15"
754
- role="option"
755
- >
756
- <div
757
- class="c3"
758
- >
759
- <span
760
- class="c21"
761
- >
762
- 04:15
763
- </span>
764
- </div>
765
- </li>
766
- <li
767
- aria-selected="false"
768
- class="c19 c20"
769
- data-strapi-value="04:30"
770
- id="timepicker-1-option-04-30"
771
- role="option"
772
- >
773
- <div
774
- class="c3"
775
- >
776
- <span
777
- class="c21"
778
- >
779
- 04:30
780
- </span>
781
- </div>
782
- </li>
783
- <li
784
- aria-selected="false"
785
- class="c19 c20"
786
- data-strapi-value="04:45"
787
- id="timepicker-1-option-04-45"
788
- role="option"
789
- >
790
- <div
791
- class="c3"
792
- >
793
- <span
794
- class="c21"
795
- >
796
- 04:45
797
- </span>
798
- </div>
799
- </li>
800
- <li
801
- aria-selected="false"
802
- class="c19 c20"
803
- data-strapi-value="05:00"
804
- id="timepicker-1-option-05-00"
805
- role="option"
806
- >
807
- <div
808
- class="c3"
809
- >
810
- <span
811
- class="c21"
812
- >
813
- 05:00
814
- </span>
815
- </div>
816
- </li>
817
- <li
818
- aria-selected="false"
819
- class="c19 c20"
820
- data-strapi-value="05:15"
821
- id="timepicker-1-option-05-15"
822
- role="option"
823
- >
824
- <div
825
- class="c3"
826
- >
827
- <span
828
- class="c21"
829
- >
830
- 05:15
831
- </span>
832
- </div>
833
- </li>
834
- <li
835
- aria-selected="false"
836
- class="c19 c20"
837
- data-strapi-value="05:30"
838
- id="timepicker-1-option-05-30"
839
- role="option"
840
- >
841
- <div
842
- class="c3"
843
- >
844
- <span
845
- class="c21"
846
- >
847
- 05:30
848
- </span>
849
- </div>
850
- </li>
851
- <li
852
- aria-selected="false"
853
- class="c19 c20"
854
- data-strapi-value="05:45"
855
- id="timepicker-1-option-05-45"
856
- role="option"
857
- >
858
- <div
859
- class="c3"
860
- >
861
- <span
862
- class="c21"
863
- >
864
- 05:45
865
- </span>
866
- </div>
867
- </li>
868
- <li
869
- aria-selected="false"
870
- class="c19 c20"
871
- data-strapi-value="06:00"
872
- id="timepicker-1-option-06-00"
873
- role="option"
874
- >
875
- <div
876
- class="c3"
877
- >
878
- <span
879
- class="c21"
880
- >
881
- 06:00
882
- </span>
883
- </div>
884
- </li>
885
- <li
886
- aria-selected="false"
887
- class="c19 c20"
888
- data-strapi-value="06:15"
889
- id="timepicker-1-option-06-15"
890
- role="option"
891
- >
892
- <div
893
- class="c3"
894
- >
895
- <span
896
- class="c21"
897
- >
898
- 06:15
899
- </span>
900
- </div>
901
- </li>
902
- <li
903
- aria-selected="false"
904
- class="c19 c20"
905
- data-strapi-value="06:30"
906
- id="timepicker-1-option-06-30"
907
- role="option"
908
- >
909
- <div
910
- class="c3"
911
- >
912
- <span
913
- class="c21"
914
- >
915
- 06:30
916
- </span>
917
- </div>
918
- </li>
919
- <li
920
- aria-selected="false"
921
- class="c19 c20"
922
- data-strapi-value="06:45"
923
- id="timepicker-1-option-06-45"
924
- role="option"
925
- >
926
- <div
927
- class="c3"
928
- >
929
- <span
930
- class="c21"
931
- >
932
- 06:45
933
- </span>
934
- </div>
935
- </li>
936
- <li
937
- aria-selected="false"
938
- class="c19 c20"
939
- data-strapi-value="07:00"
940
- id="timepicker-1-option-07-00"
941
- role="option"
942
- >
943
- <div
944
- class="c3"
945
- >
946
- <span
947
- class="c21"
948
- >
949
- 07:00
950
- </span>
951
- </div>
952
- </li>
953
- <li
954
- aria-selected="false"
955
- class="c19 c20"
956
- data-strapi-value="07:15"
957
- id="timepicker-1-option-07-15"
958
- role="option"
959
- >
960
- <div
961
- class="c3"
962
- >
963
- <span
964
- class="c21"
965
- >
966
- 07:15
967
- </span>
968
- </div>
969
- </li>
970
- <li
971
- aria-selected="false"
972
- class="c19 c20"
973
- data-strapi-value="07:30"
974
- id="timepicker-1-option-07-30"
975
- role="option"
976
- >
977
- <div
978
- class="c3"
979
- >
980
- <span
981
- class="c21"
982
- >
983
- 07:30
984
- </span>
985
- </div>
986
- </li>
987
- <li
988
- aria-selected="false"
989
- class="c19 c20"
990
- data-strapi-value="07:45"
991
- id="timepicker-1-option-07-45"
992
- role="option"
993
- >
994
- <div
995
- class="c3"
996
- >
997
- <span
998
- class="c21"
999
- >
1000
- 07:45
1001
- </span>
1002
- </div>
1003
- </li>
1004
- <li
1005
- aria-selected="false"
1006
- class="c19 c20"
1007
- data-strapi-value="08:00"
1008
- id="timepicker-1-option-08-00"
1009
- role="option"
1010
- >
1011
- <div
1012
- class="c3"
1013
- >
1014
- <span
1015
- class="c21"
1016
- >
1017
- 08:00
1018
- </span>
1019
- </div>
1020
- </li>
1021
- <li
1022
- aria-selected="false"
1023
- class="c19 c20"
1024
- data-strapi-value="08:15"
1025
- id="timepicker-1-option-08-15"
1026
- role="option"
1027
- >
1028
- <div
1029
- class="c3"
1030
- >
1031
- <span
1032
- class="c21"
1033
- >
1034
- 08:15
1035
- </span>
1036
- </div>
1037
- </li>
1038
- <li
1039
- aria-selected="false"
1040
- class="c19 c20"
1041
- data-strapi-value="08:30"
1042
- id="timepicker-1-option-08-30"
1043
- role="option"
1044
- >
1045
- <div
1046
- class="c3"
1047
- >
1048
- <span
1049
- class="c21"
1050
- >
1051
- 08:30
1052
- </span>
1053
- </div>
1054
- </li>
1055
- <li
1056
- aria-selected="false"
1057
- class="c19 c20"
1058
- data-strapi-value="08:45"
1059
- id="timepicker-1-option-08-45"
1060
- role="option"
1061
- >
1062
- <div
1063
- class="c3"
1064
- >
1065
- <span
1066
- class="c21"
1067
- >
1068
- 08:45
1069
- </span>
1070
- </div>
1071
- </li>
1072
- <li
1073
- aria-selected="false"
1074
- class="c19 c20"
1075
- data-strapi-value="09:00"
1076
- id="timepicker-1-option-09-00"
1077
- role="option"
1078
- >
1079
- <div
1080
- class="c3"
1081
- >
1082
- <span
1083
- class="c21"
1084
- >
1085
- 09:00
1086
- </span>
1087
- </div>
1088
- </li>
1089
- <li
1090
- aria-selected="false"
1091
- class="c19 c20"
1092
- data-strapi-value="09:15"
1093
- id="timepicker-1-option-09-15"
1094
- role="option"
1095
- >
1096
- <div
1097
- class="c3"
1098
- >
1099
- <span
1100
- class="c21"
1101
- >
1102
- 09:15
1103
- </span>
1104
- </div>
1105
- </li>
1106
- <li
1107
- aria-selected="false"
1108
- class="c19 c20"
1109
- data-strapi-value="09:30"
1110
- id="timepicker-1-option-09-30"
1111
- role="option"
1112
- >
1113
- <div
1114
- class="c3"
1115
- >
1116
- <span
1117
- class="c21"
1118
- >
1119
- 09:30
1120
- </span>
1121
- </div>
1122
- </li>
1123
- <li
1124
- aria-selected="false"
1125
- class="c19 c20"
1126
- data-strapi-value="09:45"
1127
- id="timepicker-1-option-09-45"
1128
- role="option"
1129
- >
1130
- <div
1131
- class="c3"
1132
- >
1133
- <span
1134
- class="c21"
1135
- >
1136
- 09:45
1137
- </span>
1138
- </div>
1139
- </li>
1140
- <li
1141
- aria-selected="false"
1142
- class="c19 c20"
1143
- data-strapi-value="10:00"
1144
- id="timepicker-1-option-10-00"
1145
- role="option"
1146
- >
1147
- <div
1148
- class="c3"
1149
- >
1150
- <span
1151
- class="c21"
1152
- >
1153
- 10:00
1154
- </span>
1155
- </div>
1156
- </li>
1157
- <li
1158
- aria-selected="false"
1159
- class="c19 c20"
1160
- data-strapi-value="10:15"
1161
- id="timepicker-1-option-10-15"
1162
- role="option"
1163
- >
1164
- <div
1165
- class="c3"
1166
- >
1167
- <span
1168
- class="c21"
1169
- >
1170
- 10:15
1171
- </span>
1172
- </div>
1173
- </li>
1174
- <li
1175
- aria-selected="false"
1176
- class="c19 c20"
1177
- data-strapi-value="10:30"
1178
- id="timepicker-1-option-10-30"
1179
- role="option"
1180
- >
1181
- <div
1182
- class="c3"
1183
- >
1184
- <span
1185
- class="c21"
1186
- >
1187
- 10:30
1188
- </span>
1189
- </div>
1190
- </li>
1191
- <li
1192
- aria-selected="false"
1193
- class="c19 c20"
1194
- data-strapi-value="10:45"
1195
- id="timepicker-1-option-10-45"
1196
- role="option"
1197
- >
1198
- <div
1199
- class="c3"
1200
- >
1201
- <span
1202
- class="c21"
1203
- >
1204
- 10:45
1205
- </span>
1206
- </div>
1207
- </li>
1208
- <li
1209
- aria-selected="false"
1210
- class="c19 c20"
1211
- data-strapi-value="11:00"
1212
- id="timepicker-1-option-11-00"
1213
- role="option"
1214
- >
1215
- <div
1216
- class="c3"
1217
- >
1218
- <span
1219
- class="c21"
1220
- >
1221
- 11:00
1222
- </span>
1223
- </div>
1224
- </li>
1225
- <li
1226
- aria-selected="false"
1227
- class="c19 c20"
1228
- data-strapi-value="11:15"
1229
- id="timepicker-1-option-11-15"
1230
- role="option"
1231
- >
1232
- <div
1233
- class="c3"
1234
- >
1235
- <span
1236
- class="c21"
1237
- >
1238
- 11:15
1239
- </span>
1240
- </div>
1241
- </li>
1242
- <li
1243
- aria-selected="true"
1244
- class="c19 c20"
1245
- data-strapi-value="11:30"
1246
- id="timepicker-1-option-11-30"
1247
- role="option"
1248
- >
1249
- <div
1250
- class="c3"
1251
- >
1252
- <span
1253
- class="c22"
1254
- >
1255
- 11:30
1256
- </span>
1257
- </div>
1258
- </li>
1259
- <li
1260
- aria-selected="false"
1261
- class="c19 c20"
1262
- data-strapi-value="11:45"
1263
- id="timepicker-1-option-11-45"
1264
- role="option"
1265
- >
1266
- <div
1267
- class="c3"
1268
- >
1269
- <span
1270
- class="c21"
1271
- >
1272
- 11:45
1273
- </span>
1274
- </div>
1275
- </li>
1276
- <li
1277
- aria-selected="false"
1278
- class="c19 c20"
1279
- data-strapi-value="12:00"
1280
- id="timepicker-1-option-12-00"
1281
- role="option"
1282
- >
1283
- <div
1284
- class="c3"
1285
- >
1286
- <span
1287
- class="c21"
1288
- >
1289
- 12:00
1290
- </span>
1291
- </div>
1292
- </li>
1293
- <li
1294
- aria-selected="false"
1295
- class="c19 c20"
1296
- data-strapi-value="12:15"
1297
- id="timepicker-1-option-12-15"
1298
- role="option"
1299
- >
1300
- <div
1301
- class="c3"
1302
- >
1303
- <span
1304
- class="c21"
1305
- >
1306
- 12:15
1307
- </span>
1308
- </div>
1309
- </li>
1310
- <li
1311
- aria-selected="false"
1312
- class="c19 c20"
1313
- data-strapi-value="12:30"
1314
- id="timepicker-1-option-12-30"
1315
- role="option"
1316
- >
1317
- <div
1318
- class="c3"
1319
- >
1320
- <span
1321
- class="c21"
1322
- >
1323
- 12:30
1324
- </span>
1325
- </div>
1326
- </li>
1327
- <li
1328
- aria-selected="false"
1329
- class="c19 c20"
1330
- data-strapi-value="12:45"
1331
- id="timepicker-1-option-12-45"
1332
- role="option"
1333
- >
1334
- <div
1335
- class="c3"
1336
- >
1337
- <span
1338
- class="c21"
1339
- >
1340
- 12:45
1341
- </span>
1342
- </div>
1343
- </li>
1344
- <li
1345
- aria-selected="false"
1346
- class="c19 c20"
1347
- data-strapi-value="13:00"
1348
- id="timepicker-1-option-13-00"
1349
- role="option"
1350
- >
1351
- <div
1352
- class="c3"
1353
- >
1354
- <span
1355
- class="c21"
1356
- >
1357
- 13:00
1358
- </span>
1359
- </div>
1360
- </li>
1361
- <li
1362
- aria-selected="false"
1363
- class="c19 c20"
1364
- data-strapi-value="13:15"
1365
- id="timepicker-1-option-13-15"
1366
- role="option"
1367
- >
1368
- <div
1369
- class="c3"
1370
- >
1371
- <span
1372
- class="c21"
1373
- >
1374
- 13:15
1375
- </span>
1376
- </div>
1377
- </li>
1378
- <li
1379
- aria-selected="false"
1380
- class="c19 c20"
1381
- data-strapi-value="13:30"
1382
- id="timepicker-1-option-13-30"
1383
- role="option"
1384
- >
1385
- <div
1386
- class="c3"
1387
- >
1388
- <span
1389
- class="c21"
1390
- >
1391
- 13:30
1392
- </span>
1393
- </div>
1394
- </li>
1395
- <li
1396
- aria-selected="false"
1397
- class="c19 c20"
1398
- data-strapi-value="13:45"
1399
- id="timepicker-1-option-13-45"
1400
- role="option"
1401
- >
1402
- <div
1403
- class="c3"
1404
- >
1405
- <span
1406
- class="c21"
1407
- >
1408
- 13:45
1409
- </span>
1410
- </div>
1411
- </li>
1412
- <li
1413
- aria-selected="false"
1414
- class="c19 c20"
1415
- data-strapi-value="14:00"
1416
- id="timepicker-1-option-14-00"
1417
- role="option"
1418
- >
1419
- <div
1420
- class="c3"
1421
- >
1422
- <span
1423
- class="c21"
1424
- >
1425
- 14:00
1426
- </span>
1427
- </div>
1428
- </li>
1429
- <li
1430
- aria-selected="false"
1431
- class="c19 c20"
1432
- data-strapi-value="14:15"
1433
- id="timepicker-1-option-14-15"
1434
- role="option"
1435
- >
1436
- <div
1437
- class="c3"
1438
- >
1439
- <span
1440
- class="c21"
1441
- >
1442
- 14:15
1443
- </span>
1444
- </div>
1445
- </li>
1446
- <li
1447
- aria-selected="false"
1448
- class="c19 c20"
1449
- data-strapi-value="14:30"
1450
- id="timepicker-1-option-14-30"
1451
- role="option"
1452
- >
1453
- <div
1454
- class="c3"
1455
- >
1456
- <span
1457
- class="c21"
1458
- >
1459
- 14:30
1460
- </span>
1461
- </div>
1462
- </li>
1463
- <li
1464
- aria-selected="false"
1465
- class="c19 c20"
1466
- data-strapi-value="14:45"
1467
- id="timepicker-1-option-14-45"
1468
- role="option"
1469
- >
1470
- <div
1471
- class="c3"
1472
- >
1473
- <span
1474
- class="c21"
1475
- >
1476
- 14:45
1477
- </span>
1478
- </div>
1479
- </li>
1480
- <li
1481
- aria-selected="false"
1482
- class="c19 c20"
1483
- data-strapi-value="15:00"
1484
- id="timepicker-1-option-15-00"
1485
- role="option"
1486
- >
1487
- <div
1488
- class="c3"
1489
- >
1490
- <span
1491
- class="c21"
1492
- >
1493
- 15:00
1494
- </span>
1495
- </div>
1496
- </li>
1497
- <li
1498
- aria-selected="false"
1499
- class="c19 c20"
1500
- data-strapi-value="15:15"
1501
- id="timepicker-1-option-15-15"
1502
- role="option"
1503
- >
1504
- <div
1505
- class="c3"
1506
- >
1507
- <span
1508
- class="c21"
1509
- >
1510
- 15:15
1511
- </span>
1512
- </div>
1513
- </li>
1514
- <li
1515
- aria-selected="false"
1516
- class="c19 c20"
1517
- data-strapi-value="15:30"
1518
- id="timepicker-1-option-15-30"
1519
- role="option"
1520
- >
1521
- <div
1522
- class="c3"
1523
- >
1524
- <span
1525
- class="c21"
1526
- >
1527
- 15:30
1528
- </span>
1529
- </div>
1530
- </li>
1531
- <li
1532
- aria-selected="false"
1533
- class="c19 c20"
1534
- data-strapi-value="15:45"
1535
- id="timepicker-1-option-15-45"
1536
- role="option"
1537
- >
1538
- <div
1539
- class="c3"
1540
- >
1541
- <span
1542
- class="c21"
1543
- >
1544
- 15:45
1545
- </span>
1546
- </div>
1547
- </li>
1548
- <li
1549
- aria-selected="false"
1550
- class="c19 c20"
1551
- data-strapi-value="16:00"
1552
- id="timepicker-1-option-16-00"
1553
- role="option"
1554
- >
1555
- <div
1556
- class="c3"
1557
- >
1558
- <span
1559
- class="c21"
1560
- >
1561
- 16:00
1562
- </span>
1563
- </div>
1564
- </li>
1565
- <li
1566
- aria-selected="false"
1567
- class="c19 c20"
1568
- data-strapi-value="16:15"
1569
- id="timepicker-1-option-16-15"
1570
- role="option"
1571
- >
1572
- <div
1573
- class="c3"
1574
- >
1575
- <span
1576
- class="c21"
1577
- >
1578
- 16:15
1579
- </span>
1580
- </div>
1581
- </li>
1582
- <li
1583
- aria-selected="false"
1584
- class="c19 c20"
1585
- data-strapi-value="16:30"
1586
- id="timepicker-1-option-16-30"
1587
- role="option"
1588
- >
1589
- <div
1590
- class="c3"
1591
- >
1592
- <span
1593
- class="c21"
1594
- >
1595
- 16:30
1596
- </span>
1597
- </div>
1598
- </li>
1599
- <li
1600
- aria-selected="false"
1601
- class="c19 c20"
1602
- data-strapi-value="16:45"
1603
- id="timepicker-1-option-16-45"
1604
- role="option"
1605
- >
1606
- <div
1607
- class="c3"
1608
- >
1609
- <span
1610
- class="c21"
1611
- >
1612
- 16:45
1613
- </span>
1614
- </div>
1615
- </li>
1616
- <li
1617
- aria-selected="false"
1618
- class="c19 c20"
1619
- data-strapi-value="17:00"
1620
- id="timepicker-1-option-17-00"
1621
- role="option"
1622
- >
1623
- <div
1624
- class="c3"
1625
- >
1626
- <span
1627
- class="c21"
1628
- >
1629
- 17:00
1630
- </span>
1631
- </div>
1632
- </li>
1633
- <li
1634
- aria-selected="false"
1635
- class="c19 c20"
1636
- data-strapi-value="17:15"
1637
- id="timepicker-1-option-17-15"
1638
- role="option"
1639
- >
1640
- <div
1641
- class="c3"
1642
- >
1643
- <span
1644
- class="c21"
1645
- >
1646
- 17:15
1647
- </span>
1648
- </div>
1649
- </li>
1650
- <li
1651
- aria-selected="false"
1652
- class="c19 c20"
1653
- data-strapi-value="17:30"
1654
- id="timepicker-1-option-17-30"
1655
- role="option"
1656
- >
1657
- <div
1658
- class="c3"
1659
- >
1660
- <span
1661
- class="c21"
1662
- >
1663
- 17:30
1664
- </span>
1665
- </div>
1666
- </li>
1667
- <li
1668
- aria-selected="false"
1669
- class="c19 c20"
1670
- data-strapi-value="17:45"
1671
- id="timepicker-1-option-17-45"
1672
- role="option"
1673
- >
1674
- <div
1675
- class="c3"
1676
- >
1677
- <span
1678
- class="c21"
1679
- >
1680
- 17:45
1681
- </span>
1682
- </div>
1683
- </li>
1684
- <li
1685
- aria-selected="false"
1686
- class="c19 c20"
1687
- data-strapi-value="18:00"
1688
- id="timepicker-1-option-18-00"
1689
- role="option"
1690
- >
1691
- <div
1692
- class="c3"
1693
- >
1694
- <span
1695
- class="c21"
1696
- >
1697
- 18:00
1698
- </span>
1699
- </div>
1700
- </li>
1701
- <li
1702
- aria-selected="false"
1703
- class="c19 c20"
1704
- data-strapi-value="18:15"
1705
- id="timepicker-1-option-18-15"
1706
- role="option"
1707
- >
1708
- <div
1709
- class="c3"
1710
- >
1711
- <span
1712
- class="c21"
1713
- >
1714
- 18:15
1715
- </span>
1716
- </div>
1717
- </li>
1718
- <li
1719
- aria-selected="false"
1720
- class="c19 c20"
1721
- data-strapi-value="18:30"
1722
- id="timepicker-1-option-18-30"
1723
- role="option"
1724
- >
1725
- <div
1726
- class="c3"
1727
- >
1728
- <span
1729
- class="c21"
1730
- >
1731
- 18:30
1732
- </span>
1733
- </div>
1734
- </li>
1735
- <li
1736
- aria-selected="false"
1737
- class="c19 c20"
1738
- data-strapi-value="18:45"
1739
- id="timepicker-1-option-18-45"
1740
- role="option"
1741
- >
1742
- <div
1743
- class="c3"
1744
- >
1745
- <span
1746
- class="c21"
1747
- >
1748
- 18:45
1749
- </span>
1750
- </div>
1751
- </li>
1752
- <li
1753
- aria-selected="false"
1754
- class="c19 c20"
1755
- data-strapi-value="19:00"
1756
- id="timepicker-1-option-19-00"
1757
- role="option"
1758
- >
1759
- <div
1760
- class="c3"
1761
- >
1762
- <span
1763
- class="c21"
1764
- >
1765
- 19:00
1766
- </span>
1767
- </div>
1768
- </li>
1769
- <li
1770
- aria-selected="false"
1771
- class="c19 c20"
1772
- data-strapi-value="19:15"
1773
- id="timepicker-1-option-19-15"
1774
- role="option"
1775
- >
1776
- <div
1777
- class="c3"
1778
- >
1779
- <span
1780
- class="c21"
1781
- >
1782
- 19:15
1783
- </span>
1784
- </div>
1785
- </li>
1786
- <li
1787
- aria-selected="false"
1788
- class="c19 c20"
1789
- data-strapi-value="19:30"
1790
- id="timepicker-1-option-19-30"
1791
- role="option"
1792
- >
1793
- <div
1794
- class="c3"
1795
- >
1796
- <span
1797
- class="c21"
1798
- >
1799
- 19:30
1800
- </span>
1801
- </div>
1802
- </li>
1803
- <li
1804
- aria-selected="false"
1805
- class="c19 c20"
1806
- data-strapi-value="19:45"
1807
- id="timepicker-1-option-19-45"
1808
- role="option"
1809
- >
1810
- <div
1811
- class="c3"
1812
- >
1813
- <span
1814
- class="c21"
1815
- >
1816
- 19:45
1817
- </span>
1818
- </div>
1819
- </li>
1820
- <li
1821
- aria-selected="false"
1822
- class="c19 c20"
1823
- data-strapi-value="20:00"
1824
- id="timepicker-1-option-20-00"
1825
- role="option"
1826
- >
1827
- <div
1828
- class="c3"
1829
- >
1830
- <span
1831
- class="c21"
1832
- >
1833
- 20:00
1834
- </span>
1835
- </div>
1836
- </li>
1837
- <li
1838
- aria-selected="false"
1839
- class="c19 c20"
1840
- data-strapi-value="20:15"
1841
- id="timepicker-1-option-20-15"
1842
- role="option"
1843
- >
1844
- <div
1845
- class="c3"
1846
- >
1847
- <span
1848
- class="c21"
1849
- >
1850
- 20:15
1851
- </span>
1852
- </div>
1853
- </li>
1854
- <li
1855
- aria-selected="false"
1856
- class="c19 c20"
1857
- data-strapi-value="20:30"
1858
- id="timepicker-1-option-20-30"
1859
- role="option"
1860
- >
1861
- <div
1862
- class="c3"
1863
- >
1864
- <span
1865
- class="c21"
1866
- >
1867
- 20:30
1868
- </span>
1869
- </div>
1870
- </li>
1871
- <li
1872
- aria-selected="false"
1873
- class="c19 c20"
1874
- data-strapi-value="20:45"
1875
- id="timepicker-1-option-20-45"
1876
- role="option"
1877
- >
1878
- <div
1879
- class="c3"
1880
- >
1881
- <span
1882
- class="c21"
1883
- >
1884
- 20:45
1885
- </span>
1886
- </div>
1887
- </li>
1888
- <li
1889
- aria-selected="false"
1890
- class="c19 c20"
1891
- data-strapi-value="21:00"
1892
- id="timepicker-1-option-21-00"
1893
- role="option"
1894
- >
1895
- <div
1896
- class="c3"
1897
- >
1898
- <span
1899
- class="c21"
1900
- >
1901
- 21:00
1902
- </span>
1903
- </div>
1904
- </li>
1905
- <li
1906
- aria-selected="false"
1907
- class="c19 c20"
1908
- data-strapi-value="21:15"
1909
- id="timepicker-1-option-21-15"
1910
- role="option"
1911
- >
1912
- <div
1913
- class="c3"
1914
- >
1915
- <span
1916
- class="c21"
1917
- >
1918
- 21:15
1919
- </span>
1920
- </div>
1921
- </li>
1922
- <li
1923
- aria-selected="false"
1924
- class="c19 c20"
1925
- data-strapi-value="21:30"
1926
- id="timepicker-1-option-21-30"
1927
- role="option"
1928
- >
1929
- <div
1930
- class="c3"
1931
- >
1932
- <span
1933
- class="c21"
1934
- >
1935
- 21:30
1936
- </span>
1937
- </div>
1938
- </li>
1939
- <li
1940
- aria-selected="false"
1941
- class="c19 c20"
1942
- data-strapi-value="21:45"
1943
- id="timepicker-1-option-21-45"
1944
- role="option"
1945
- >
1946
- <div
1947
- class="c3"
1948
- >
1949
- <span
1950
- class="c21"
1951
- >
1952
- 21:45
1953
- </span>
1954
- </div>
1955
- </li>
1956
- <li
1957
- aria-selected="false"
1958
- class="c19 c20"
1959
- data-strapi-value="22:00"
1960
- id="timepicker-1-option-22-00"
1961
- role="option"
1962
- >
1963
- <div
1964
- class="c3"
1965
- >
1966
- <span
1967
- class="c21"
1968
- >
1969
- 22:00
1970
- </span>
1971
- </div>
1972
- </li>
1973
- <li
1974
- aria-selected="false"
1975
- class="c19 c20"
1976
- data-strapi-value="22:15"
1977
- id="timepicker-1-option-22-15"
1978
- role="option"
1979
- >
1980
- <div
1981
- class="c3"
1982
- >
1983
- <span
1984
- class="c21"
1985
- >
1986
- 22:15
1987
- </span>
1988
- </div>
1989
- </li>
1990
- <li
1991
- aria-selected="false"
1992
- class="c19 c20"
1993
- data-strapi-value="22:30"
1994
- id="timepicker-1-option-22-30"
1995
- role="option"
1996
- >
1997
- <div
1998
- class="c3"
1999
- >
2000
- <span
2001
- class="c21"
2002
- >
2003
- 22:30
2004
- </span>
2005
- </div>
2006
- </li>
2007
- <li
2008
- aria-selected="false"
2009
- class="c19 c20"
2010
- data-strapi-value="22:45"
2011
- id="timepicker-1-option-22-45"
2012
- role="option"
2013
- >
2014
- <div
2015
- class="c3"
2016
- >
2017
- <span
2018
- class="c21"
2019
- >
2020
- 22:45
2021
- </span>
2022
- </div>
2023
- </li>
2024
- <li
2025
- aria-selected="false"
2026
- class="c19 c20"
2027
- data-strapi-value="23:00"
2028
- id="timepicker-1-option-23-00"
2029
- role="option"
2030
- >
2031
- <div
2032
- class="c3"
2033
- >
2034
- <span
2035
- class="c21"
2036
- >
2037
- 23:00
2038
- </span>
2039
- </div>
2040
- </li>
2041
- <li
2042
- aria-selected="false"
2043
- class="c19 c20"
2044
- data-strapi-value="23:15"
2045
- id="timepicker-1-option-23-15"
2046
- role="option"
2047
- >
2048
- <div
2049
- class="c3"
2050
- >
2051
- <span
2052
- class="c21"
2053
- >
2054
- 23:15
2055
- </span>
2056
- </div>
2057
- </li>
2058
- <li
2059
- aria-selected="false"
2060
- class="c19 c20"
2061
- data-strapi-value="23:30"
2062
- id="timepicker-1-option-23-30"
2063
- role="option"
2064
- >
2065
- <div
2066
- class="c3"
2067
- >
2068
- <span
2069
- class="c21"
2070
- >
2071
- 23:30
2072
- </span>
2073
- </div>
2074
- </li>
2075
- <li
2076
- aria-selected="false"
2077
- class="c19 c20"
2078
- data-strapi-value="23:45"
2079
- id="timepicker-1-option-23-45"
2080
- role="option"
2081
- >
2082
- <div
2083
- class="c3"
2084
- >
2085
- <span
2086
- class="c21"
2087
- >
2088
- 23:45
2089
- </span>
2090
- </div>
2091
- </li>
2092
- </ul>
2093
- </div>
2094
- </div>
2095
- </div>
2096
- </body>
2097
- `);
2098
- });
2099
- });