@strapi/design-system 1.8.2 → 1.10.0-alpha.0

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 (929) hide show
  1. package/dist/Accordion/Accordion.js +70 -25
  2. package/dist/Accordion/Accordion.mjs +55 -0
  3. package/dist/Accordion/AccordionContent.js +19 -12
  4. package/dist/Accordion/AccordionContent.mjs +16 -0
  5. package/dist/Accordion/AccordionContext.js +17 -12
  6. package/dist/Accordion/AccordionContext.mjs +12 -0
  7. package/dist/Accordion/AccordionGroup.js +64 -32
  8. package/dist/Accordion/AccordionGroup.mjs +65 -0
  9. package/dist/Accordion/AccordionToggle.js +64 -31
  10. package/dist/Accordion/AccordionToggle.mjs +78 -0
  11. package/dist/Accordion/index.js +16 -11
  12. package/dist/Accordion/index.mjs +4 -0
  13. package/dist/Accordion/utils.js +18 -6
  14. package/dist/Accordion/utils.mjs +15 -0
  15. package/dist/Alert/Alert.js +41 -19
  16. package/dist/Alert/Alert.mjs +54 -0
  17. package/dist/Alert/index.js +9 -4
  18. package/dist/Alert/index.mjs +1 -0
  19. package/dist/Alert/utils.js +35 -16
  20. package/dist/Alert/utils.mjs +30 -0
  21. package/dist/Avatar/Avatar.js +57 -27
  22. package/dist/Avatar/Avatar.mjs +41 -0
  23. package/dist/Avatar/AvatarGroup.js +16 -8
  24. package/dist/Avatar/AvatarGroup.mjs +11 -0
  25. package/dist/Avatar/constants.js +9 -5
  26. package/dist/Avatar/constants.mjs +4 -0
  27. package/dist/Avatar/index.js +12 -7
  28. package/dist/Avatar/index.mjs +2 -0
  29. package/dist/Badge/Badge.js +22 -13
  30. package/dist/Badge/Badge.mjs +15 -0
  31. package/dist/Badge/index.js +9 -4
  32. package/dist/Badge/index.mjs +1 -0
  33. package/dist/BaseButton/BaseButton.js +46 -16
  34. package/dist/BaseButton/BaseButton.mjs +29 -0
  35. package/dist/BaseButton/index.js +10 -5
  36. package/dist/BaseButton/index.mjs +1 -0
  37. package/dist/BaseCheckbox/BaseCheckbox.js +76 -37
  38. package/dist/BaseCheckbox/BaseCheckbox.mjs +92 -0
  39. package/dist/BaseCheckbox/assets/checkmark-black.svg.js +5 -4
  40. package/dist/BaseCheckbox/assets/checkmark-black.svg.mjs +3 -0
  41. package/dist/BaseCheckbox/assets/checkmark.svg.js +5 -4
  42. package/dist/BaseCheckbox/assets/checkmark.svg.mjs +3 -0
  43. package/dist/BaseCheckbox/index.js +9 -4
  44. package/dist/BaseCheckbox/index.mjs +1 -0
  45. package/dist/BaseCheckbox/utils.js +15 -3
  46. package/dist/BaseCheckbox/utils.mjs +12 -0
  47. package/dist/BaseLink/BaseLink.js +18 -8
  48. package/dist/BaseLink/BaseLink.mjs +10 -0
  49. package/dist/BaseLink/index.js +9 -4
  50. package/dist/BaseLink/index.mjs +1 -0
  51. package/dist/BaseRadio/BaseRadio.js +39 -39
  52. package/dist/BaseRadio/BaseRadio.mjs +49 -0
  53. package/dist/BaseRadio/RadioGroup.js +20 -14
  54. package/dist/BaseRadio/RadioGroup.mjs +17 -0
  55. package/dist/BaseRadio/context.js +13 -9
  56. package/dist/BaseRadio/context.mjs +10 -0
  57. package/dist/BaseRadio/index.js +11 -6
  58. package/dist/BaseRadio/index.mjs +2 -0
  59. package/dist/BaseRadio/utils.js +33 -5
  60. package/dist/BaseRadio/utils.mjs +28 -0
  61. package/dist/Box/Box.js +79 -63
  62. package/dist/Box/Box.mjs +103 -0
  63. package/dist/Box/index.js +9 -4
  64. package/dist/Box/index.mjs +1 -0
  65. package/dist/Breadcrumbs/Breadcrumbs.js +31 -20
  66. package/dist/Breadcrumbs/Breadcrumbs.mjs +32 -0
  67. package/dist/Breadcrumbs/index.js +10 -5
  68. package/dist/Breadcrumbs/index.mjs +1 -0
  69. package/dist/Button/Button.js +45 -30
  70. package/dist/Button/Button.mjs +61 -0
  71. package/dist/Button/constants.js +27 -14
  72. package/dist/Button/constants.mjs +13 -0
  73. package/dist/Button/index.js +10 -5
  74. package/dist/Button/index.mjs +1 -0
  75. package/dist/Button/utils.js +121 -72
  76. package/dist/Button/utils.mjs +153 -0
  77. package/dist/Card/Card.js +16 -11
  78. package/dist/Card/Card.mjs +13 -0
  79. package/dist/Card/CardAction.js +30 -16
  80. package/dist/Card/CardAction.mjs +26 -0
  81. package/dist/Card/CardAsset.js +28 -15
  82. package/dist/Card/CardAsset.mjs +33 -0
  83. package/dist/Card/CardBadge.js +20 -10
  84. package/dist/Card/CardBadge.mjs +14 -0
  85. package/dist/Card/CardBody.js +12 -6
  86. package/dist/Card/CardBody.mjs +9 -0
  87. package/dist/Card/CardCheckbox.js +15 -12
  88. package/dist/Card/CardCheckbox.mjs +13 -0
  89. package/dist/Card/CardContent.js +18 -7
  90. package/dist/Card/CardContent.mjs +12 -0
  91. package/dist/Card/CardContext.js +11 -6
  92. package/dist/Card/CardContext.mjs +6 -0
  93. package/dist/Card/CardHeader.js +19 -8
  94. package/dist/Card/CardHeader.mjs +12 -0
  95. package/dist/Card/CardTimer.js +11 -7
  96. package/dist/Card/CardTimer.mjs +7 -0
  97. package/dist/Card/CardTitle.js +17 -10
  98. package/dist/Card/CardTitle.mjs +13 -0
  99. package/dist/Card/index.js +28 -23
  100. package/dist/Card/index.mjs +10 -0
  101. package/dist/CarouselInput/Carousel.js +74 -33
  102. package/dist/CarouselInput/Carousel.mjs +54 -0
  103. package/dist/CarouselInput/CarouselActions.js +10 -6
  104. package/dist/CarouselInput/CarouselActions.mjs +6 -0
  105. package/dist/CarouselInput/CarouselImage.js +29 -16
  106. package/dist/CarouselInput/CarouselImage.mjs +22 -0
  107. package/dist/CarouselInput/CarouselInput.js +20 -15
  108. package/dist/CarouselInput/CarouselInput.mjs +16 -0
  109. package/dist/CarouselInput/CarouselSlide.js +10 -6
  110. package/dist/CarouselInput/CarouselSlide.mjs +6 -0
  111. package/dist/CarouselInput/index.js +17 -12
  112. package/dist/CarouselInput/index.mjs +5 -0
  113. package/dist/Checkbox/Checkbox.js +60 -24
  114. package/dist/Checkbox/Checkbox.mjs +37 -0
  115. package/dist/Checkbox/index.js +9 -4
  116. package/dist/Checkbox/index.mjs +1 -0
  117. package/dist/Combobox/Combobox.js +175 -101
  118. package/dist/Combobox/Combobox.mjs +218 -0
  119. package/dist/Combobox/ComboboxList.js +12 -4
  120. package/dist/Combobox/ComboboxList.mjs +14 -0
  121. package/dist/Combobox/ComboboxOption.js +9 -5
  122. package/dist/Combobox/ComboboxOption.mjs +5 -0
  123. package/dist/Combobox/index.js +12 -7
  124. package/dist/Combobox/index.mjs +2 -0
  125. package/dist/DatePicker/DatePicker.js +682 -364
  126. package/dist/DatePicker/DatePicker.mjs +721 -0
  127. package/dist/DatePicker/index.js +9 -4
  128. package/dist/DatePicker/index.mjs +1 -0
  129. package/dist/DateTimePicker/DateTimePicker.js +140 -93
  130. package/dist/DateTimePicker/DateTimePicker.mjs +137 -0
  131. package/dist/DateTimePicker/index.js +10 -5
  132. package/dist/DateTimePicker/index.mjs +1 -0
  133. package/dist/DesignSystemProvider.js +26 -9
  134. package/dist/DesignSystemProvider.mjs +22 -0
  135. package/dist/Dialog/Dialog.js +38 -25
  136. package/dist/Dialog/Dialog.mjs +36 -0
  137. package/dist/Dialog/DialogBody.js +22 -11
  138. package/dist/Dialog/DialogBody.mjs +20 -0
  139. package/dist/Dialog/DialogFooter.js +20 -9
  140. package/dist/Dialog/DialogFooter.mjs +19 -0
  141. package/dist/Dialog/index.js +13 -8
  142. package/dist/Dialog/index.mjs +3 -0
  143. package/dist/DismissibleLayer/index.js +29 -5
  144. package/dist/DismissibleLayer/index.mjs +5 -0
  145. package/dist/Divider/Divider.js +19 -8
  146. package/dist/Divider/Divider.mjs +16 -0
  147. package/dist/Divider/index.js +9 -4
  148. package/dist/Divider/index.mjs +1 -0
  149. package/dist/EmptyStateLayout/EmptyStateLayout.js +20 -9
  150. package/dist/EmptyStateLayout/EmptyStateLayout.mjs +16 -0
  151. package/dist/EmptyStateLayout/index.js +9 -4
  152. package/dist/EmptyStateLayout/index.mjs +1 -0
  153. package/dist/EmptyStateLayout/story-assets/Illo.js +9 -5
  154. package/dist/EmptyStateLayout/story-assets/Illo.mjs +5 -0
  155. package/dist/Field/Field.js +16 -11
  156. package/dist/Field/Field.mjs +13 -0
  157. package/dist/Field/FieldAction.js +22 -14
  158. package/dist/Field/FieldAction.mjs +16 -0
  159. package/dist/Field/FieldContext.js +11 -6
  160. package/dist/Field/FieldContext.mjs +6 -0
  161. package/dist/Field/FieldError.js +16 -9
  162. package/dist/Field/FieldError.mjs +13 -0
  163. package/dist/Field/FieldHint.js +16 -9
  164. package/dist/Field/FieldHint.mjs +13 -0
  165. package/dist/Field/FieldInput.js +65 -43
  166. package/dist/Field/FieldInput.mjs +76 -0
  167. package/dist/Field/FieldLabel.js +40 -17
  168. package/dist/Field/FieldLabel.mjs +40 -0
  169. package/dist/Field/index.js +23 -18
  170. package/dist/Field/index.mjs +7 -0
  171. package/dist/Flex/Flex.js +30 -18
  172. package/dist/Flex/Flex.mjs +23 -0
  173. package/dist/Flex/index.js +9 -4
  174. package/dist/Flex/index.mjs +1 -0
  175. package/dist/FocusTrap/FocusTrap.js +67 -31
  176. package/dist/FocusTrap/FocusTrap.mjs +65 -0
  177. package/dist/FocusTrap/index.js +9 -4
  178. package/dist/FocusTrap/index.mjs +1 -0
  179. package/dist/Grid/Grid.js +22 -13
  180. package/dist/Grid/Grid.mjs +16 -0
  181. package/dist/Grid/GridItem.js +19 -11
  182. package/dist/Grid/GridItem.mjs +17 -0
  183. package/dist/Grid/index.js +11 -6
  184. package/dist/Grid/index.mjs +2 -0
  185. package/dist/Icon/Icon.js +25 -13
  186. package/dist/Icon/Icon.mjs +18 -0
  187. package/dist/Icon/index.js +9 -4
  188. package/dist/Icon/index.mjs +1 -0
  189. package/dist/IconButton/IconButton.js +101 -46
  190. package/dist/IconButton/IconButton.mjs +128 -0
  191. package/dist/IconButton/index.js +10 -5
  192. package/dist/IconButton/index.mjs +1 -0
  193. package/dist/JSONInput/JSONInput.js +150 -64
  194. package/dist/JSONInput/JSONInput.mjs +142 -0
  195. package/dist/JSONInput/index.js +9 -4
  196. package/dist/JSONInput/index.mjs +1 -0
  197. package/dist/JSONInput/utils/decorationExtension.js +42 -26
  198. package/dist/JSONInput/utils/decorationExtension.mjs +36 -0
  199. package/dist/KeyboardNavigable/KeyboardNavigable.js +71 -42
  200. package/dist/KeyboardNavigable/KeyboardNavigable.mjs +71 -0
  201. package/dist/KeyboardNavigable/index.js +9 -4
  202. package/dist/KeyboardNavigable/index.mjs +1 -0
  203. package/dist/Layout/ActionLayout.js +14 -5
  204. package/dist/Layout/ActionLayout.mjs +11 -0
  205. package/dist/Layout/ContentLayout.js +11 -5
  206. package/dist/Layout/ContentLayout.mjs +8 -0
  207. package/dist/Layout/GridLayout.js +14 -6
  208. package/dist/Layout/GridLayout.mjs +9 -0
  209. package/dist/Layout/HeaderLayout.js +51 -30
  210. package/dist/Layout/HeaderLayout.mjs +43 -0
  211. package/dist/Layout/Layout.js +21 -9
  212. package/dist/Layout/Layout.mjs +16 -0
  213. package/dist/Layout/TwoColsLayout.js +13 -7
  214. package/dist/Layout/TwoColsLayout.mjs +10 -0
  215. package/dist/Layout/index.js +20 -15
  216. package/dist/Layout/index.mjs +6 -0
  217. package/dist/Link/Link.js +53 -20
  218. package/dist/Link/Link.mjs +50 -0
  219. package/dist/Link/index.js +9 -4
  220. package/dist/Link/index.mjs +1 -0
  221. package/dist/LinkButton/LinkButton.js +51 -20
  222. package/dist/LinkButton/LinkButton.mjs +33 -0
  223. package/dist/LinkButton/index.js +9 -4
  224. package/dist/LinkButton/index.mjs +1 -0
  225. package/dist/LiveRegions/LiveRegions.js +12 -6
  226. package/dist/LiveRegions/LiveRegions.mjs +9 -0
  227. package/dist/LiveRegions/constants.js +10 -7
  228. package/dist/LiveRegions/constants.mjs +7 -0
  229. package/dist/LiveRegions/index.js +11 -6
  230. package/dist/LiveRegions/index.mjs +2 -0
  231. package/dist/LiveRegions/useNotifyAT.js +36 -16
  232. package/dist/LiveRegions/useNotifyAT.mjs +33 -0
  233. package/dist/Loader/Loader.js +44 -13
  234. package/dist/Loader/Loader.mjs +24 -0
  235. package/dist/Loader/assets/loader.svg.js +5 -4
  236. package/dist/Loader/assets/loader.svg.mjs +3 -0
  237. package/dist/Loader/index.js +9 -4
  238. package/dist/Loader/index.mjs +1 -0
  239. package/dist/Main/Main.js +18 -7
  240. package/dist/Main/Main.mjs +15 -0
  241. package/dist/Main/SkipToContent.js +20 -9
  242. package/dist/Main/SkipToContent.mjs +17 -0
  243. package/dist/Main/index.js +11 -6
  244. package/dist/Main/index.mjs +2 -0
  245. package/dist/MainNav/MainNav.js +21 -10
  246. package/dist/MainNav/MainNav.mjs +14 -0
  247. package/dist/MainNav/MainNavContext.js +11 -6
  248. package/dist/MainNav/MainNavContext.mjs +6 -0
  249. package/dist/MainNav/NavBrand.js +32 -16
  250. package/dist/MainNav/NavBrand.mjs +31 -0
  251. package/dist/MainNav/NavCondense.js +27 -18
  252. package/dist/MainNav/NavCondense.mjs +33 -0
  253. package/dist/MainNav/NavFooter.js +11 -5
  254. package/dist/MainNav/NavFooter.mjs +8 -0
  255. package/dist/MainNav/NavLink.js +59 -40
  256. package/dist/MainNav/NavLink.mjs +92 -0
  257. package/dist/MainNav/NavSection.js +31 -11
  258. package/dist/MainNav/NavSection.mjs +24 -0
  259. package/dist/MainNav/NavSections.js +24 -9
  260. package/dist/MainNav/NavSections.mjs +18 -0
  261. package/dist/MainNav/NavUser.js +27 -17
  262. package/dist/MainNav/NavUser.mjs +19 -0
  263. package/dist/MainNav/index.js +23 -18
  264. package/dist/MainNav/index.mjs +8 -0
  265. package/dist/ModalLayout/ModalBody.js +18 -7
  266. package/dist/ModalLayout/ModalBody.mjs +13 -0
  267. package/dist/ModalLayout/ModalContext.js +11 -7
  268. package/dist/ModalLayout/ModalContext.mjs +6 -0
  269. package/dist/ModalLayout/ModalFooter.js +21 -10
  270. package/dist/ModalLayout/ModalFooter.mjs +14 -0
  271. package/dist/ModalLayout/ModalHeader.js +25 -16
  272. package/dist/ModalLayout/ModalHeader.mjs +18 -0
  273. package/dist/ModalLayout/ModalLayout.js +26 -14
  274. package/dist/ModalLayout/ModalLayout.mjs +20 -0
  275. package/dist/ModalLayout/index.js +15 -10
  276. package/dist/ModalLayout/index.mjs +4 -0
  277. package/dist/NumberInput/NumberInput.js +121 -70
  278. package/dist/NumberInput/NumberInput.mjs +121 -0
  279. package/dist/NumberInput/index.js +9 -4
  280. package/dist/NumberInput/index.mjs +1 -0
  281. package/dist/Pagination/Pagination.js +38 -11
  282. package/dist/Pagination/Pagination.mjs +15 -0
  283. package/dist/Pagination/PaginationContext.js +11 -6
  284. package/dist/Pagination/PaginationContext.mjs +6 -0
  285. package/dist/Pagination/assets/next.svg.js +5 -4
  286. package/dist/Pagination/assets/next.svg.mjs +3 -0
  287. package/dist/Pagination/assets/previous.svg.js +5 -4
  288. package/dist/Pagination/assets/previous.svg.mjs +3 -0
  289. package/dist/Pagination/components.js +63 -46
  290. package/dist/Pagination/components.mjs +73 -0
  291. package/dist/Pagination/index.js +14 -9
  292. package/dist/Pagination/index.mjs +2 -0
  293. package/dist/Popover/Popover.js +149 -111
  294. package/dist/Popover/Popover.mjs +136 -0
  295. package/dist/Popover/index.js +12 -7
  296. package/dist/Popover/index.mjs +3 -0
  297. package/dist/Popover/primitives.js +10 -5
  298. package/dist/Popover/primitives.mjs +1 -0
  299. package/dist/Portal/Portal.js +35 -9
  300. package/dist/Portal/Portal.mjs +11 -0
  301. package/dist/Portal/index.js +9 -4
  302. package/dist/Portal/index.mjs +1 -0
  303. package/dist/ProgressBar/ProgressBar.js +21 -10
  304. package/dist/ProgressBar/ProgressBar.mjs +20 -0
  305. package/dist/ProgressBar/index.js +9 -4
  306. package/dist/ProgressBar/index.mjs +1 -0
  307. package/dist/Radio/Radio.js +13 -7
  308. package/dist/Radio/Radio.mjs +10 -0
  309. package/dist/Radio/index.js +11 -6
  310. package/dist/Radio/index.mjs +2 -0
  311. package/dist/RawTable/RawCell.js +147 -58
  312. package/dist/RawTable/RawCell.mjs +144 -0
  313. package/dist/RawTable/RawTable.js +84 -52
  314. package/dist/RawTable/RawTable.mjs +81 -0
  315. package/dist/RawTable/RawTableContext.js +17 -12
  316. package/dist/RawTable/RawTableContext.mjs +12 -0
  317. package/dist/RawTable/RawTbody.js +21 -8
  318. package/dist/RawTable/RawTbody.mjs +18 -0
  319. package/dist/RawTable/RawThead.js +20 -8
  320. package/dist/RawTable/RawThead.mjs +17 -0
  321. package/dist/RawTable/RawTr.js +21 -12
  322. package/dist/RawTable/RawTr.mjs +18 -0
  323. package/dist/RawTable/focusFocusable.js +11 -6
  324. package/dist/RawTable/focusFocusable.mjs +8 -0
  325. package/dist/RawTable/index.js +18 -13
  326. package/dist/RawTable/index.mjs +5 -0
  327. package/dist/Searchbar/SearchForm.js +9 -5
  328. package/dist/Searchbar/SearchForm.mjs +5 -0
  329. package/dist/Searchbar/Searchbar.js +45 -30
  330. package/dist/Searchbar/Searchbar.mjs +54 -0
  331. package/dist/Searchbar/index.js +11 -6
  332. package/dist/Searchbar/index.mjs +2 -0
  333. package/dist/Select/MultiSelect.js +143 -51
  334. package/dist/Select/MultiSelect.mjs +138 -0
  335. package/dist/Select/MultiSelectNested.js +24 -8
  336. package/dist/Select/MultiSelectNested.mjs +17 -0
  337. package/dist/Select/OptGroup.js +9 -5
  338. package/dist/Select/OptGroup.mjs +10 -0
  339. package/dist/Select/Option.js +14 -10
  340. package/dist/Select/Option.mjs +16 -0
  341. package/dist/Select/Select.js +37 -12
  342. package/dist/Select/Select.mjs +19 -0
  343. package/dist/Select/SelectList.js +141 -76
  344. package/dist/Select/SelectList.mjs +126 -0
  345. package/dist/Select/SelectParts.js +119 -60
  346. package/dist/Select/SelectParts.mjs +133 -0
  347. package/dist/Select/SingleSelect.js +109 -42
  348. package/dist/Select/SingleSelect.mjs +85 -0
  349. package/dist/Select/index.js +24 -19
  350. package/dist/Select/index.mjs +7 -0
  351. package/dist/SimpleMenu/SimpleMenu.js +159 -80
  352. package/dist/SimpleMenu/SimpleMenu.mjs +178 -0
  353. package/dist/SimpleMenu/index.js +10 -5
  354. package/dist/SimpleMenu/index.mjs +1 -0
  355. package/dist/SimpleMenu/utils.js +11 -8
  356. package/dist/SimpleMenu/utils.mjs +14 -0
  357. package/dist/Stack/Stack.js +43 -21
  358. package/dist/Stack/Stack.mjs +49 -0
  359. package/dist/Stack/index.js +9 -4
  360. package/dist/Stack/index.mjs +1 -0
  361. package/dist/Status/Status.js +32 -17
  362. package/dist/Status/Status.mjs +29 -0
  363. package/dist/Status/index.js +9 -4
  364. package/dist/Status/index.mjs +1 -0
  365. package/dist/SubNav/SubNav.js +23 -11
  366. package/dist/SubNav/SubNav.mjs +20 -0
  367. package/dist/SubNav/SubNavHeader.js +65 -37
  368. package/dist/SubNav/SubNavHeader.mjs +59 -0
  369. package/dist/SubNav/SubNavLink.js +38 -23
  370. package/dist/SubNav/SubNavLink.mjs +56 -0
  371. package/dist/SubNav/SubNavLinkSection.js +38 -21
  372. package/dist/SubNav/SubNavLinkSection.mjs +43 -0
  373. package/dist/SubNav/SubNavSection.js +33 -18
  374. package/dist/SubNav/SubNavSection.mjs +30 -0
  375. package/dist/SubNav/SubNavSectionLabel.js +29 -13
  376. package/dist/SubNav/SubNavSectionLabel.mjs +27 -0
  377. package/dist/SubNav/SubNavSections.js +20 -7
  378. package/dist/SubNav/SubNavSections.mjs +13 -0
  379. package/dist/SubNav/index.js +20 -15
  380. package/dist/SubNav/index.mjs +6 -0
  381. package/dist/Switch/Switch.js +32 -19
  382. package/dist/Switch/Switch.mjs +54 -0
  383. package/dist/Switch/index.js +9 -4
  384. package/dist/Switch/index.mjs +1 -0
  385. package/dist/Table/Cell.js +26 -11
  386. package/dist/Table/Cell.mjs +31 -0
  387. package/dist/Table/TFooter.js +26 -13
  388. package/dist/Table/TFooter.mjs +36 -0
  389. package/dist/Table/Table.js +54 -35
  390. package/dist/Table/Table.mjs +69 -0
  391. package/dist/Table/Tbody.js +18 -7
  392. package/dist/Table/Tbody.mjs +14 -0
  393. package/dist/Table/Thead.js +19 -8
  394. package/dist/Table/Thead.mjs +12 -0
  395. package/dist/Table/Tr.js +21 -10
  396. package/dist/Table/Tr.mjs +29 -0
  397. package/dist/Table/index.js +20 -15
  398. package/dist/Table/index.mjs +6 -0
  399. package/dist/Tabs/TabGroup.js +40 -15
  400. package/dist/Tabs/TabGroup.mjs +17 -0
  401. package/dist/Tabs/TabPanels.js +21 -12
  402. package/dist/Tabs/TabPanels.mjs +18 -0
  403. package/dist/Tabs/Tabs.js +145 -68
  404. package/dist/Tabs/Tabs.mjs +144 -0
  405. package/dist/Tabs/TabsContext.js +18 -13
  406. package/dist/Tabs/TabsContext.mjs +13 -0
  407. package/dist/Tabs/components.js +46 -25
  408. package/dist/Tabs/components.mjs +62 -0
  409. package/dist/Tabs/index.js +15 -10
  410. package/dist/Tabs/index.mjs +3 -0
  411. package/dist/Tag/Tag.js +29 -14
  412. package/dist/Tag/Tag.mjs +30 -0
  413. package/dist/Tag/index.js +9 -4
  414. package/dist/Tag/index.mjs +1 -0
  415. package/dist/TextButton/TextButton.js +52 -21
  416. package/dist/TextButton/TextButton.mjs +44 -0
  417. package/dist/TextButton/index.js +9 -4
  418. package/dist/TextButton/index.mjs +1 -0
  419. package/dist/TextInput/TextInput.js +32 -20
  420. package/dist/TextInput/TextInput.mjs +29 -0
  421. package/dist/TextInput/index.js +9 -4
  422. package/dist/TextInput/index.mjs +1 -0
  423. package/dist/Textarea/Textarea.js +44 -28
  424. package/dist/Textarea/Textarea.mjs +46 -0
  425. package/dist/Textarea/index.js +9 -4
  426. package/dist/Textarea/index.mjs +1 -0
  427. package/dist/ThemeProvider/ThemeProvider.js +16 -9
  428. package/dist/ThemeProvider/{ThemeProvider.cjs → ThemeProvider.mjs} +13 -3
  429. package/dist/ThemeProvider/hooks.js +10 -4
  430. package/dist/ThemeProvider/hooks.mjs +7 -0
  431. package/dist/ThemeProvider/index.js +11 -6
  432. package/dist/ThemeProvider/index.mjs +2 -0
  433. package/dist/TimePicker/TimePicker.js +134 -79
  434. package/dist/TimePicker/TimePicker.mjs +111 -0
  435. package/dist/TimePicker/index.js +10 -5
  436. package/dist/TimePicker/index.mjs +1 -0
  437. package/dist/ToggleCheckbox/ToggleCheckbox.js +73 -33
  438. package/dist/ToggleCheckbox/ToggleCheckbox.mjs +90 -0
  439. package/dist/ToggleCheckbox/index.js +9 -4
  440. package/dist/ToggleCheckbox/index.mjs +1 -0
  441. package/dist/ToggleInput/ToggleInput.js +81 -33
  442. package/dist/ToggleInput/ToggleInput.mjs +69 -0
  443. package/dist/ToggleInput/index.js +9 -4
  444. package/dist/ToggleInput/index.mjs +1 -0
  445. package/dist/Tooltip/Tooltip.js +55 -23
  446. package/dist/Tooltip/Tooltip.mjs +31 -0
  447. package/dist/Tooltip/hooks/useTooltipHandlers.js +38 -21
  448. package/dist/Tooltip/hooks/useTooltipHandlers.mjs +35 -0
  449. package/dist/Tooltip/hooks/useTooltipLayout.js +24 -16
  450. package/dist/Tooltip/hooks/useTooltipLayout.mjs +21 -0
  451. package/dist/Tooltip/index.js +9 -4
  452. package/dist/Tooltip/index.mjs +1 -0
  453. package/dist/Tooltip/utils/positionTooltip.js +72 -25
  454. package/dist/Tooltip/utils/positionTooltip.mjs +70 -0
  455. package/dist/Typography/Typography.js +30 -21
  456. package/dist/Typography/Typography.mjs +26 -0
  457. package/dist/Typography/constants.js +21 -11
  458. package/dist/Typography/constants.mjs +10 -0
  459. package/dist/Typography/index.js +9 -4
  460. package/dist/Typography/index.mjs +1 -0
  461. package/dist/Typography/utils.js +64 -50
  462. package/dist/Typography/utils.mjs +67 -0
  463. package/dist/VisuallyHidden/VisuallyHidden.js +13 -5
  464. package/dist/VisuallyHidden/VisuallyHidden.mjs +14 -0
  465. package/dist/VisuallyHidden/index.js +9 -4
  466. package/dist/VisuallyHidden/index.mjs +1 -0
  467. package/dist/helpers/context.js +49 -20
  468. package/dist/helpers/context.mjs +26 -0
  469. package/dist/helpers/deprecations.js +20 -12
  470. package/dist/helpers/deprecations.mjs +16 -0
  471. package/dist/helpers/getDefaultLocale.js +31 -4
  472. package/dist/helpers/getDefaultLocale.mjs +32 -0
  473. package/dist/helpers/getFocusableNodes.js +35 -6
  474. package/dist/helpers/getFocusableNodes.mjs +31 -0
  475. package/dist/helpers/handleResponsiveValues.js +34 -24
  476. package/dist/helpers/handleResponsiveValues.mjs +33 -0
  477. package/dist/helpers/keyboardKeys.js +22 -19
  478. package/dist/helpers/keyboardKeys.mjs +19 -0
  479. package/dist/helpers/objects.js +20 -8
  480. package/dist/helpers/objects.mjs +17 -0
  481. package/dist/helpers/setOpacity.js +9 -4
  482. package/dist/helpers/setOpacity.mjs +5 -0
  483. package/dist/helpers/setTabIndexOnFirstItem.js +11 -6
  484. package/dist/helpers/setTabIndexOnFirstItem.mjs +8 -0
  485. package/dist/helpers/strings.js +7 -4
  486. package/dist/helpers/strings.mjs +3 -0
  487. package/dist/helpers/theme.js +13 -6
  488. package/dist/helpers/theme.mjs +10 -0
  489. package/dist/helpers/useElementOnScreen.js +13 -6
  490. package/dist/helpers/useElementOnScreen.mjs +14 -0
  491. package/dist/helpers/useId.js +13 -6
  492. package/dist/helpers/useId.mjs +14 -0
  493. package/dist/helpers/useIntersection.js +13 -6
  494. package/dist/helpers/useIntersection.mjs +14 -0
  495. package/dist/helpers/useLockScroll.js +11 -6
  496. package/dist/helpers/useLockScroll.mjs +14 -0
  497. package/dist/helpers/usePrevious.js +13 -6
  498. package/dist/helpers/usePrevious.mjs +14 -0
  499. package/dist/helpers/useResizeObserver.js +13 -6
  500. package/dist/helpers/useResizeObserver.mjs +14 -0
  501. package/dist/hooks/useComposeRefs.js +69 -11
  502. package/dist/hooks/useComposeRefs.mjs +47 -0
  503. package/dist/hooks/useControllableState.js +61 -20
  504. package/dist/hooks/useControllableState.mjs +39 -0
  505. package/dist/hooks/useDateFormatter.js +76 -18
  506. package/dist/hooks/useDateFormatter.mjs +54 -0
  507. package/dist/hooks/useElementOnScreen.js +26 -13
  508. package/dist/hooks/useElementOnScreen.mjs +24 -0
  509. package/dist/hooks/useId.js +24 -12
  510. package/dist/hooks/useId.mjs +17 -0
  511. package/dist/hooks/useIntersection.js +40 -22
  512. package/dist/hooks/useIntersection.mjs +37 -0
  513. package/dist/hooks/useLockScroll.js +15 -8
  514. package/dist/hooks/useLockScroll.mjs +14 -0
  515. package/dist/hooks/usePrevious.js +14 -9
  516. package/dist/hooks/usePrevious.mjs +11 -0
  517. package/dist/hooks/useResizeObserver.js +27 -15
  518. package/dist/hooks/useResizeObserver.mjs +24 -0
  519. package/dist/index.js +316 -311
  520. package/dist/index.mjs +141 -0
  521. package/dist/themes/common-theme.js +24 -20
  522. package/dist/themes/common-theme.mjs +21 -0
  523. package/dist/themes/darkTheme/dark-colors.js +54 -51
  524. package/dist/themes/darkTheme/dark-colors.mjs +51 -0
  525. package/dist/themes/darkTheme/dark-shadows.js +14 -11
  526. package/dist/themes/darkTheme/dark-shadows.mjs +11 -0
  527. package/dist/themes/darkTheme/index.js +14 -10
  528. package/dist/themes/darkTheme/index.mjs +11 -0
  529. package/dist/themes/extendTheme.js +38 -27
  530. package/dist/themes/extendTheme.mjs +43 -0
  531. package/dist/themes/index.js +17 -12
  532. package/dist/themes/index.mjs +4 -0
  533. package/dist/themes/lightTheme/index.js +14 -10
  534. package/dist/themes/lightTheme/index.mjs +11 -0
  535. package/dist/themes/lightTheme/light-colors.js +54 -51
  536. package/dist/themes/lightTheme/light-colors.mjs +51 -0
  537. package/dist/themes/lightTheme/light-shadows.js +14 -11
  538. package/dist/themes/lightTheme/light-shadows.mjs +11 -0
  539. package/dist/themes/sizes.js +24 -21
  540. package/dist/themes/sizes.mjs +21 -0
  541. package/dist/themes/utils.js +25 -17
  542. package/dist/themes/utils.mjs +49 -0
  543. package/dist/v2/Breadcrumbs/Breadcrumbs.js +27 -18
  544. package/dist/v2/Breadcrumbs/Breadcrumbs.mjs +26 -0
  545. package/dist/v2/Breadcrumbs/Crumb.js +12 -8
  546. package/dist/v2/Breadcrumbs/Crumb.mjs +8 -0
  547. package/dist/v2/Breadcrumbs/CrumbLink.js +25 -16
  548. package/dist/v2/Breadcrumbs/CrumbLink.mjs +22 -0
  549. package/dist/v2/Breadcrumbs/CrumbSimpleMenu.js +21 -12
  550. package/dist/v2/Breadcrumbs/CrumbSimpleMenu.mjs +18 -0
  551. package/dist/v2/Breadcrumbs/Divider.js +13 -7
  552. package/dist/v2/Breadcrumbs/Divider.mjs +10 -0
  553. package/dist/v2/Breadcrumbs/index.js +15 -10
  554. package/dist/v2/Breadcrumbs/index.mjs +4 -0
  555. package/dist/v2/Link/Link.js +31 -19
  556. package/dist/v2/Link/Link.mjs +39 -0
  557. package/dist/v2/Link/index.js +9 -4
  558. package/dist/v2/Link/index.mjs +1 -0
  559. package/dist/v2/LinkButton/LinkButton.js +32 -21
  560. package/dist/v2/LinkButton/LinkButton.mjs +37 -0
  561. package/dist/v2/LinkButton/index.js +9 -4
  562. package/dist/v2/LinkButton/index.mjs +1 -0
  563. package/dist/v2/MainNav/MainNav.js +21 -10
  564. package/dist/v2/MainNav/MainNav.mjs +14 -0
  565. package/dist/v2/MainNav/MainNavContext.js +11 -6
  566. package/dist/v2/MainNav/MainNavContext.mjs +6 -0
  567. package/dist/v2/MainNav/NavBrand.js +39 -20
  568. package/dist/v2/MainNav/NavBrand.mjs +37 -0
  569. package/dist/v2/MainNav/NavCondense.js +31 -22
  570. package/dist/v2/MainNav/NavCondense.mjs +34 -0
  571. package/dist/v2/MainNav/NavFooter.js +11 -5
  572. package/dist/v2/MainNav/NavFooter.mjs +8 -0
  573. package/dist/v2/MainNav/NavLink.js +62 -42
  574. package/dist/v2/MainNav/NavLink.mjs +93 -0
  575. package/dist/v2/MainNav/NavSection.js +27 -11
  576. package/dist/v2/MainNav/NavSection.mjs +24 -0
  577. package/dist/v2/MainNav/NavSections.js +23 -9
  578. package/dist/v2/MainNav/NavSections.mjs +18 -0
  579. package/dist/v2/MainNav/NavUser.js +27 -17
  580. package/dist/v2/MainNav/NavUser.mjs +19 -0
  581. package/dist/v2/MainNav/index.js +23 -18
  582. package/dist/v2/MainNav/index.mjs +8 -0
  583. package/dist/v2/Pagination/Pagination.js +38 -11
  584. package/dist/v2/Pagination/Pagination.mjs +15 -0
  585. package/dist/v2/Pagination/PaginationContext.js +11 -6
  586. package/dist/v2/Pagination/PaginationContext.mjs +6 -0
  587. package/dist/v2/Pagination/assets/next.svg.js +5 -4
  588. package/dist/v2/Pagination/assets/next.svg.mjs +3 -0
  589. package/dist/v2/Pagination/assets/previous.svg.js +5 -4
  590. package/dist/v2/Pagination/assets/previous.svg.mjs +3 -0
  591. package/dist/v2/Pagination/components.js +65 -44
  592. package/dist/v2/Pagination/components.mjs +71 -0
  593. package/dist/v2/Pagination/index.js +14 -9
  594. package/dist/v2/Pagination/index.mjs +2 -0
  595. package/dist/v2/SimpleMenu/Menu.js +101 -44
  596. package/dist/v2/SimpleMenu/Menu.mjs +112 -0
  597. package/dist/v2/SimpleMenu/SimpleMenu.js +45 -24
  598. package/dist/v2/SimpleMenu/SimpleMenu.mjs +44 -0
  599. package/dist/v2/SimpleMenu/index.js +12 -7
  600. package/dist/v2/SimpleMenu/index.mjs +3 -0
  601. package/dist/v2/SubNav/SubNav.js +23 -11
  602. package/dist/v2/SubNav/SubNav.mjs +20 -0
  603. package/dist/v2/SubNav/SubNavHeader.js +63 -37
  604. package/dist/v2/SubNav/SubNavHeader.mjs +57 -0
  605. package/dist/v2/SubNav/SubNavLink.js +41 -25
  606. package/dist/v2/SubNav/SubNavLink.mjs +57 -0
  607. package/dist/v2/SubNav/SubNavLinkSection.js +37 -21
  608. package/dist/v2/SubNav/SubNavLinkSection.mjs +43 -0
  609. package/dist/v2/SubNav/SubNavSection.js +32 -18
  610. package/dist/v2/SubNav/SubNavSection.mjs +30 -0
  611. package/dist/v2/SubNav/SubNavSectionLabel.js +27 -13
  612. package/dist/v2/SubNav/SubNavSectionLabel.mjs +25 -0
  613. package/dist/v2/SubNav/SubNavSections.js +16 -7
  614. package/dist/v2/SubNav/SubNavSections.mjs +13 -0
  615. package/dist/v2/SubNav/index.js +20 -15
  616. package/dist/v2/SubNav/index.mjs +6 -0
  617. package/dist/v2/index.js +60 -55
  618. package/dist/v2/index.mjs +25 -0
  619. package/package.json +26 -19
  620. package/dist/Accordion/Accordion.cjs +0 -23
  621. package/dist/Accordion/AccordionContent.cjs +0 -1
  622. package/dist/Accordion/AccordionContext.cjs +0 -1
  623. package/dist/Accordion/AccordionGroup.cjs +0 -47
  624. package/dist/Accordion/AccordionToggle.cjs +0 -28
  625. package/dist/Accordion/index.cjs +0 -1
  626. package/dist/Accordion/utils.cjs +0 -1
  627. package/dist/Alert/Alert.cjs +0 -29
  628. package/dist/Alert/index.cjs +0 -1
  629. package/dist/Alert/utils.cjs +0 -1
  630. package/dist/Avatar/Avatar.cjs +0 -18
  631. package/dist/Avatar/AvatarGroup.cjs +0 -5
  632. package/dist/Avatar/constants.cjs +0 -1
  633. package/dist/Avatar/index.cjs +0 -1
  634. package/dist/Badge/Badge.cjs +0 -4
  635. package/dist/Badge/index.cjs +0 -1
  636. package/dist/BaseButton/BaseButton.cjs +0 -17
  637. package/dist/BaseButton/index.cjs +0 -1
  638. package/dist/BaseCheckbox/BaseCheckbox.cjs +0 -62
  639. package/dist/BaseCheckbox/assets/checkmark-black.svg.cjs +0 -1
  640. package/dist/BaseCheckbox/assets/checkmark.svg.cjs +0 -1
  641. package/dist/BaseCheckbox/index.cjs +0 -1
  642. package/dist/BaseCheckbox/utils.cjs +0 -1
  643. package/dist/BaseLink/BaseLink.cjs +0 -1
  644. package/dist/BaseLink/index.cjs +0 -1
  645. package/dist/BaseRadio/BaseRadio.cjs +0 -31
  646. package/dist/BaseRadio/RadioGroup.cjs +0 -1
  647. package/dist/BaseRadio/context.cjs +0 -1
  648. package/dist/BaseRadio/index.cjs +0 -1
  649. package/dist/BaseRadio/utils.cjs +0 -1
  650. package/dist/Box/Box.cjs +0 -79
  651. package/dist/Box/index.cjs +0 -1
  652. package/dist/Breadcrumbs/Breadcrumbs.cjs +0 -16
  653. package/dist/Breadcrumbs/index.cjs +0 -1
  654. package/dist/Button/Button.cjs +0 -36
  655. package/dist/Button/constants.cjs +0 -1
  656. package/dist/Button/index.cjs +0 -1
  657. package/dist/Button/utils.cjs +0 -87
  658. package/dist/Card/Card.cjs +0 -1
  659. package/dist/Card/CardAction.cjs +0 -6
  660. package/dist/Card/CardAsset.cjs +0 -19
  661. package/dist/Card/CardBadge.cjs +0 -6
  662. package/dist/Card/CardBody.cjs +0 -1
  663. package/dist/Card/CardCheckbox.cjs +0 -1
  664. package/dist/Card/CardContent.cjs +0 -3
  665. package/dist/Card/CardContext.cjs +0 -1
  666. package/dist/Card/CardHeader.cjs +0 -3
  667. package/dist/Card/CardTimer.cjs +0 -1
  668. package/dist/Card/CardTitle.cjs +0 -1
  669. package/dist/Card/index.cjs +0 -1
  670. package/dist/CarouselInput/Carousel.cjs +0 -13
  671. package/dist/CarouselInput/CarouselActions.cjs +0 -1
  672. package/dist/CarouselInput/CarouselImage.cjs +0 -3
  673. package/dist/CarouselInput/CarouselInput.cjs +0 -1
  674. package/dist/CarouselInput/CarouselSlide.cjs +0 -1
  675. package/dist/CarouselInput/index.cjs +0 -1
  676. package/dist/Checkbox/Checkbox.cjs +0 -7
  677. package/dist/Checkbox/index.cjs +0 -1
  678. package/dist/Combobox/Combobox.cjs +0 -107
  679. package/dist/Combobox/ComboboxList.cjs +0 -5
  680. package/dist/Combobox/ComboboxOption.cjs +0 -1
  681. package/dist/Combobox/index.cjs +0 -1
  682. package/dist/DatePicker/DatePicker.cjs +0 -88
  683. package/dist/DatePicker/index.cjs +0 -1
  684. package/dist/DateTimePicker/DateTimePicker.cjs +0 -7
  685. package/dist/DateTimePicker/index.cjs +0 -1
  686. package/dist/DesignSystemProvider.cjs +0 -1
  687. package/dist/Dialog/Dialog.cjs +0 -11
  688. package/dist/Dialog/DialogBody.cjs +0 -10
  689. package/dist/Dialog/DialogFooter.cjs +0 -9
  690. package/dist/Dialog/index.cjs +0 -1
  691. package/dist/DismissibleLayer/index.cjs +0 -1
  692. package/dist/Divider/Divider.cjs +0 -7
  693. package/dist/Divider/index.cjs +0 -1
  694. package/dist/EmptyStateLayout/EmptyStateLayout.cjs +0 -5
  695. package/dist/EmptyStateLayout/index.cjs +0 -1
  696. package/dist/EmptyStateLayout/story-assets/Illo.cjs +0 -1
  697. package/dist/Field/Field.cjs +0 -1
  698. package/dist/Field/FieldAction.cjs +0 -4
  699. package/dist/Field/FieldContext.cjs +0 -1
  700. package/dist/Field/FieldError.cjs +0 -1
  701. package/dist/Field/FieldHint.cjs +0 -1
  702. package/dist/Field/FieldInput.cjs +0 -41
  703. package/dist/Field/FieldLabel.cjs +0 -12
  704. package/dist/Field/index.cjs +0 -1
  705. package/dist/Flex/Flex.cjs +0 -9
  706. package/dist/Flex/index.cjs +0 -1
  707. package/dist/FocusTrap/FocusTrap.cjs +0 -1
  708. package/dist/FocusTrap/index.cjs +0 -1
  709. package/dist/Grid/Grid.cjs +0 -5
  710. package/dist/Grid/GridItem.cjs +0 -12
  711. package/dist/Grid/index.cjs +0 -1
  712. package/dist/Icon/Icon.cjs +0 -6
  713. package/dist/Icon/index.cjs +0 -1
  714. package/dist/IconButton/IconButton.cjs +0 -81
  715. package/dist/IconButton/index.cjs +0 -1
  716. package/dist/JSONInput/JSONInput.cjs +0 -1
  717. package/dist/JSONInput/JSONInputContainer.cjs +0 -33
  718. package/dist/JSONInput/JSONInputContainer.js +0 -39
  719. package/dist/JSONInput/index.cjs +0 -1
  720. package/dist/JSONInput/utils/decorationExtension.cjs +0 -1
  721. package/dist/KeyboardNavigable/KeyboardNavigable.cjs +0 -1
  722. package/dist/KeyboardNavigable/index.cjs +0 -1
  723. package/dist/Layout/ActionLayout.cjs +0 -1
  724. package/dist/Layout/ContentLayout.cjs +0 -1
  725. package/dist/Layout/GridLayout.cjs +0 -5
  726. package/dist/Layout/HeaderLayout.cjs +0 -4
  727. package/dist/Layout/Layout.cjs +0 -6
  728. package/dist/Layout/TwoColsLayout.cjs +0 -1
  729. package/dist/Layout/index.cjs +0 -1
  730. package/dist/Link/Link.cjs +0 -33
  731. package/dist/Link/index.cjs +0 -1
  732. package/dist/LinkButton/LinkButton.cjs +0 -15
  733. package/dist/LinkButton/index.cjs +0 -1
  734. package/dist/LiveRegions/LiveRegions.cjs +0 -1
  735. package/dist/LiveRegions/constants.cjs +0 -1
  736. package/dist/LiveRegions/index.cjs +0 -1
  737. package/dist/LiveRegions/useNotifyAT.cjs +0 -1
  738. package/dist/Loader/Loader.cjs +0 -12
  739. package/dist/Loader/assets/loader.svg.cjs +0 -1
  740. package/dist/Loader/index.cjs +0 -1
  741. package/dist/Main/Main.cjs +0 -6
  742. package/dist/Main/SkipToContent.cjs +0 -8
  743. package/dist/Main/index.cjs +0 -1
  744. package/dist/MainNav/MainNav.cjs +0 -4
  745. package/dist/MainNav/MainNavContext.cjs +0 -1
  746. package/dist/MainNav/NavBrand.cjs +0 -12
  747. package/dist/MainNav/NavCondense.cjs +0 -20
  748. package/dist/MainNav/NavFooter.cjs +0 -1
  749. package/dist/MainNav/NavLink.cjs +0 -69
  750. package/dist/MainNav/NavSection.cjs +0 -1
  751. package/dist/MainNav/NavSections.cjs +0 -4
  752. package/dist/MainNav/NavUser.cjs +0 -3
  753. package/dist/MainNav/index.cjs +0 -1
  754. package/dist/ModalLayout/ModalBody.cjs +0 -4
  755. package/dist/ModalLayout/ModalContext.cjs +0 -1
  756. package/dist/ModalLayout/ModalFooter.cjs +0 -4
  757. package/dist/ModalLayout/ModalHeader.cjs +0 -4
  758. package/dist/ModalLayout/ModalLayout.cjs +0 -4
  759. package/dist/ModalLayout/index.cjs +0 -1
  760. package/dist/NumberInput/NumberInput.cjs +0 -12
  761. package/dist/NumberInput/index.cjs +0 -1
  762. package/dist/Pagination/Pagination.cjs +0 -1
  763. package/dist/Pagination/PaginationContext.cjs +0 -1
  764. package/dist/Pagination/assets/next.svg.cjs +0 -1
  765. package/dist/Pagination/assets/previous.svg.cjs +0 -1
  766. package/dist/Pagination/components.cjs +0 -33
  767. package/dist/Pagination/index.cjs +0 -1
  768. package/dist/Popover/Popover.cjs +0 -25
  769. package/dist/Popover/index.cjs +0 -1
  770. package/dist/Popover/primitives.cjs +0 -1
  771. package/dist/Portal/Portal.cjs +0 -1
  772. package/dist/Portal/index.cjs +0 -1
  773. package/dist/ProgressBar/ProgressBar.cjs +0 -11
  774. package/dist/ProgressBar/index.cjs +0 -1
  775. package/dist/Radio/Radio.cjs +0 -1
  776. package/dist/Radio/index.cjs +0 -1
  777. package/dist/RawTable/RawCell.cjs +0 -1
  778. package/dist/RawTable/RawTable.cjs +0 -1
  779. package/dist/RawTable/RawTableContext.cjs +0 -1
  780. package/dist/RawTable/RawTbody.cjs +0 -1
  781. package/dist/RawTable/RawThead.cjs +0 -1
  782. package/dist/RawTable/RawTr.cjs +0 -1
  783. package/dist/RawTable/focusFocusable.cjs +0 -1
  784. package/dist/RawTable/index.cjs +0 -1
  785. package/dist/Searchbar/SearchForm.cjs +0 -1
  786. package/dist/Searchbar/Searchbar.cjs +0 -28
  787. package/dist/Searchbar/index.cjs +0 -1
  788. package/dist/Select/MultiSelect.cjs +0 -30
  789. package/dist/Select/MultiSelectNested.cjs +0 -3
  790. package/dist/Select/OptGroup.cjs +0 -5
  791. package/dist/Select/Option.cjs +0 -5
  792. package/dist/Select/Select.cjs +0 -6
  793. package/dist/Select/SelectList.cjs +0 -5
  794. package/dist/Select/SelectParts.cjs +0 -83
  795. package/dist/Select/SingleSelect.cjs +0 -1
  796. package/dist/Select/index.cjs +0 -1
  797. package/dist/SimpleMenu/SimpleMenu.cjs +0 -35
  798. package/dist/SimpleMenu/index.cjs +0 -1
  799. package/dist/SimpleMenu/utils.cjs +0 -12
  800. package/dist/Stack/Stack.cjs +0 -19
  801. package/dist/Stack/index.cjs +0 -1
  802. package/dist/Status/Status.cjs +0 -11
  803. package/dist/Status/index.cjs +0 -1
  804. package/dist/SubNav/SubNav.cjs +0 -10
  805. package/dist/SubNav/SubNavHeader.cjs +0 -4
  806. package/dist/SubNav/SubNavLink.cjs +0 -39
  807. package/dist/SubNav/SubNavLinkSection.cjs +0 -19
  808. package/dist/SubNav/SubNavSection.cjs +0 -8
  809. package/dist/SubNav/SubNavSectionLabel.cjs +0 -9
  810. package/dist/SubNav/SubNavSections.cjs +0 -1
  811. package/dist/SubNav/index.cjs +0 -1
  812. package/dist/Switch/Switch.cjs +0 -42
  813. package/dist/Switch/index.cjs +0 -1
  814. package/dist/Table/Cell.cjs +0 -17
  815. package/dist/Table/TFooter.cjs +0 -22
  816. package/dist/Table/Table.cjs +0 -34
  817. package/dist/Table/Tbody.cjs +0 -5
  818. package/dist/Table/Thead.cjs +0 -3
  819. package/dist/Table/Tr.cjs +0 -20
  820. package/dist/Table/index.cjs +0 -1
  821. package/dist/Tabs/TabGroup.cjs +0 -1
  822. package/dist/Tabs/TabPanels.cjs +0 -1
  823. package/dist/Tabs/Tabs.cjs +0 -5
  824. package/dist/Tabs/TabsContext.cjs +0 -1
  825. package/dist/Tabs/components.cjs +0 -43
  826. package/dist/Tabs/index.cjs +0 -1
  827. package/dist/Tag/Tag.cjs +0 -14
  828. package/dist/Tag/index.cjs +0 -1
  829. package/dist/TextButton/TextButton.cjs +0 -26
  830. package/dist/TextButton/index.cjs +0 -1
  831. package/dist/TextInput/TextInput.cjs +0 -1
  832. package/dist/TextInput/index.cjs +0 -1
  833. package/dist/Textarea/Textarea.cjs +0 -17
  834. package/dist/Textarea/index.cjs +0 -1
  835. package/dist/ThemeProvider/hooks.cjs +0 -1
  836. package/dist/ThemeProvider/index.cjs +0 -1
  837. package/dist/TimePicker/TimePicker.cjs +0 -8
  838. package/dist/TimePicker/index.cjs +0 -1
  839. package/dist/ToggleCheckbox/ToggleCheckbox.cjs +0 -36
  840. package/dist/ToggleCheckbox/index.cjs +0 -1
  841. package/dist/ToggleInput/ToggleInput.cjs +0 -22
  842. package/dist/ToggleInput/index.cjs +0 -1
  843. package/dist/Tooltip/Tooltip.cjs +0 -5
  844. package/dist/Tooltip/hooks/useTooltipHandlers.cjs +0 -1
  845. package/dist/Tooltip/hooks/useTooltipLayout.cjs +0 -1
  846. package/dist/Tooltip/index.cjs +0 -1
  847. package/dist/Tooltip/utils/positionTooltip.cjs +0 -1
  848. package/dist/Typography/Typography.cjs +0 -14
  849. package/dist/Typography/constants.cjs +0 -1
  850. package/dist/Typography/index.cjs +0 -1
  851. package/dist/Typography/utils.cjs +0 -34
  852. package/dist/VisuallyHidden/VisuallyHidden.cjs +0 -10
  853. package/dist/VisuallyHidden/index.cjs +0 -1
  854. package/dist/helpers/context.cjs +0 -1
  855. package/dist/helpers/deprecations.cjs +0 -1
  856. package/dist/helpers/getDefaultLocale.cjs +0 -4
  857. package/dist/helpers/getFocusableNodes.cjs +0 -1
  858. package/dist/helpers/handleResponsiveValues.cjs +0 -1
  859. package/dist/helpers/keyboardKeys.cjs +0 -1
  860. package/dist/helpers/objects.cjs +0 -1
  861. package/dist/helpers/setOpacity.cjs +0 -1
  862. package/dist/helpers/setTabIndexOnFirstItem.cjs +0 -1
  863. package/dist/helpers/strings.cjs +0 -1
  864. package/dist/helpers/theme.cjs +0 -1
  865. package/dist/helpers/useElementOnScreen.cjs +0 -4
  866. package/dist/helpers/useId.cjs +0 -4
  867. package/dist/helpers/useIntersection.cjs +0 -4
  868. package/dist/helpers/useLockScroll.cjs +0 -4
  869. package/dist/helpers/usePrevious.cjs +0 -4
  870. package/dist/helpers/useResizeObserver.cjs +0 -4
  871. package/dist/hooks/useComposeRefs.cjs +0 -1
  872. package/dist/hooks/useControllableState.cjs +0 -1
  873. package/dist/hooks/useDateFormatter.cjs +0 -1
  874. package/dist/hooks/useElementOnScreen.cjs +0 -1
  875. package/dist/hooks/useId.cjs +0 -1
  876. package/dist/hooks/useIntersection.cjs +0 -1
  877. package/dist/hooks/useLockScroll.cjs +0 -1
  878. package/dist/hooks/usePrevious.cjs +0 -1
  879. package/dist/hooks/useResizeObserver.cjs +0 -1
  880. package/dist/index.cjs +0 -1
  881. package/dist/themes/common-theme.cjs +0 -1
  882. package/dist/themes/darkTheme/dark-colors.cjs +0 -1
  883. package/dist/themes/darkTheme/dark-shadows.cjs +0 -1
  884. package/dist/themes/darkTheme/index.cjs +0 -1
  885. package/dist/themes/extendTheme.cjs +0 -13
  886. package/dist/themes/index.cjs +0 -1
  887. package/dist/themes/lightTheme/index.cjs +0 -1
  888. package/dist/themes/lightTheme/light-colors.cjs +0 -1
  889. package/dist/themes/lightTheme/light-shadows.cjs +0 -1
  890. package/dist/themes/sizes.cjs +0 -1
  891. package/dist/themes/utils.cjs +0 -41
  892. package/dist/v2/Breadcrumbs/Breadcrumbs.cjs +0 -9
  893. package/dist/v2/Breadcrumbs/Crumb.cjs +0 -1
  894. package/dist/v2/Breadcrumbs/CrumbLink.cjs +0 -14
  895. package/dist/v2/Breadcrumbs/CrumbSimpleMenu.cjs +0 -9
  896. package/dist/v2/Breadcrumbs/Divider.cjs +0 -1
  897. package/dist/v2/Breadcrumbs/index.cjs +0 -1
  898. package/dist/v2/Link/Link.cjs +0 -25
  899. package/dist/v2/Link/index.cjs +0 -1
  900. package/dist/v2/LinkButton/LinkButton.cjs +0 -20
  901. package/dist/v2/LinkButton/index.cjs +0 -1
  902. package/dist/v2/MainNav/MainNav.cjs +0 -4
  903. package/dist/v2/MainNav/MainNavContext.cjs +0 -1
  904. package/dist/v2/MainNav/NavBrand.cjs +0 -12
  905. package/dist/v2/MainNav/NavCondense.cjs +0 -17
  906. package/dist/v2/MainNav/NavFooter.cjs +0 -1
  907. package/dist/v2/MainNav/NavLink.cjs +0 -69
  908. package/dist/v2/MainNav/NavSection.cjs +0 -1
  909. package/dist/v2/MainNav/NavSections.cjs +0 -4
  910. package/dist/v2/MainNav/NavUser.cjs +0 -3
  911. package/dist/v2/MainNav/index.cjs +0 -1
  912. package/dist/v2/Pagination/Pagination.cjs +0 -1
  913. package/dist/v2/Pagination/PaginationContext.cjs +0 -1
  914. package/dist/v2/Pagination/assets/next.svg.cjs +0 -1
  915. package/dist/v2/Pagination/assets/previous.svg.cjs +0 -1
  916. package/dist/v2/Pagination/components.cjs +0 -33
  917. package/dist/v2/Pagination/index.cjs +0 -1
  918. package/dist/v2/SimpleMenu/Menu.cjs +0 -65
  919. package/dist/v2/SimpleMenu/SimpleMenu.cjs +0 -1
  920. package/dist/v2/SimpleMenu/index.cjs +0 -1
  921. package/dist/v2/SubNav/SubNav.cjs +0 -10
  922. package/dist/v2/SubNav/SubNavHeader.cjs +0 -4
  923. package/dist/v2/SubNav/SubNavLink.cjs +0 -39
  924. package/dist/v2/SubNav/SubNavLinkSection.cjs +0 -19
  925. package/dist/v2/SubNav/SubNavSection.cjs +0 -8
  926. package/dist/v2/SubNav/SubNavSectionLabel.cjs +0 -9
  927. package/dist/v2/SubNav/SubNavSections.cjs +0 -1
  928. package/dist/v2/SubNav/index.cjs +0 -1
  929. package/dist/v2/index.cjs +0 -1
@@ -1,41 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),s=t=>({theme:o,size:r})=>o.sizes[t][r],i=(t="&")=>({theme:o,hasError:r=!1})=>e.css`
2
- outline: none;
3
- box-shadow: 0;
4
- transition-property: border-color, box-shadow, fill;
5
- transition-duration: 0.2s;
6
-
7
- ${t}:focus-within {
8
- border: 1px solid ${r?o.colors.danger600:o.colors.primary600};
9
- box-shadow: ${r?o.colors.danger600:o.colors.primary600} 0px 0px 0px 2px;
10
- }
11
- `,n=({theme:t})=>e.css`
12
- position: relative;
13
- outline: none;
14
-
15
- &:after {
16
- transition-property: all;
17
- transition-duration: 0.2s;
18
- border-radius: 8px;
19
- content: '';
20
- position: absolute;
21
- top: -4px;
22
- bottom: -4px;
23
- left: -4px;
24
- right: -4px;
25
- border: 2px solid transparent;
26
- }
27
-
28
- &:focus-visible {
29
- outline: none;
30
- &:after {
31
- border-radius: 8px;
32
- content: '';
33
- position: absolute;
34
- top: -5px;
35
- bottom: -5px;
36
- left: -5px;
37
- right: -5px;
38
- border: 2px solid ${t.colors.primary600};
39
- }
40
- }
41
- `;exports.buttonFocusStyle=n;exports.getThemeSize=s;exports.inputFocusStyle=i;
@@ -1,9 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),u=require("styled-components"),h=require("./Divider.cjs"),s=require("../../Flex/Flex.cjs"),m=require("../../Box/Box.cjs"),b=e=>e&&e.__esModule?e:{default:e},f=b(u),x=f.default(s.Flex)`
2
- // CrumbLinks do have padding-x, because they need to have a
3
- // interaction effect, which mis-aligns the breadcrumbs on the left.
4
- // This normalizes the behavior by moving the first item to left by
5
- // the same amount it has inner padding
6
- :first-child {
7
- margin-left: ${({theme:e})=>`calc(-1*${e.spaces[2]})`};
8
- }
9
- `,n=({label:e,children:a,...l})=>{const r=i.Children.toArray(a);return t.jsx(m.Box,{"aria-label":e,...l,children:t.jsx(x,{as:"ol",children:i.Children.map(r,(o,c)=>{const d=r.length>1&&c+1<r.length;return t.jsxs(s.Flex,{inline:!0,as:"li",children:[o,d&&t.jsx(h.Divider,{})]})})})})};n.displayName="Breadcrumbs";exports.Breadcrumbs=n;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("../../Box/Box.cjs"),n=require("../../Typography/Typography.cjs"),t=({children:o,isCurrent:e=!1,...i})=>r.jsx(a.Box,{paddingLeft:2,paddingRight:2,paddingTop:1,paddingBottom:1,children:r.jsx(n.Typography,{variant:"pi",textColor:"neutral800",fontWeight:e?"bold":"normal","aria-current":e,...i,children:o})});t.displayName="Crumb";exports.Crumb=t;
@@ -1,14 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("styled-components"),s=require("../../BaseLink/BaseLink.cjs"),i=e=>e&&e.__esModule?e:{default:e},l=i(n),u=l.default(s.BaseLink)`
2
- border-radius: ${({theme:e})=>e.borderRadius};
3
- color: ${({theme:e})=>e.colors.neutral600};
4
- font-size: ${({theme:e})=>e.fontSizes[1]};
5
- line-height: ${({theme:e})=>e.lineHeights[4]};
6
- padding: ${({theme:e})=>`${e.spaces[1]} ${e.spaces[2]}`};
7
- text-decoration: none;
8
-
9
- :hover,
10
- :focus {
11
- background-color: ${({theme:e})=>e.colors.neutral200};
12
- color: ${({theme:e})=>e.colors.neutral700};
13
- }
14
- `,o=({children:e,...r})=>t.jsx(u,{...r,children:e});o.displayName="CrumbLink";exports.CrumbLink=o;
@@ -1,9 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("styled-components"),s=require("../SimpleMenu/SimpleMenu.cjs"),l=require("../../Button/Button.cjs"),r=e=>e&&e.__esModule?e:{default:e},i=r(o),c=i.default(l.Button)`
2
- padding: ${({theme:e})=>`${e.spaces[1]} ${e.spaces[2]}`};
3
- height: unset;
4
-
5
- :hover,
6
- :focus {
7
- background-color: ${({theme:e})=>e.colors.neutral200};
8
- }
9
- `,t=({children:e,...u})=>n.jsx(s.SimpleMenu,{endIcon:null,as:c,size:"S",...u,children:e});t.displayName="CrumbSimpleMenu";exports.CrumbSimpleMenu=t;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../Box/Box.cjs"),t=require("../../Typography/Typography.cjs"),r=()=>e.jsx(i.Box,{"aria-hidden":!0,paddingLeft:1,paddingRight:1,children:e.jsx(t.Typography,{variant:"pi",textColor:"neutral500",children:"/"})});r.displayName="Divider";exports.Divider=r;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./Breadcrumbs.cjs"),e=require("./Crumb.cjs"),u=require("./CrumbLink.cjs"),m=require("./CrumbSimpleMenu.cjs");exports.Breadcrumbs=r.Breadcrumbs;exports.Crumb=e.Crumb;exports.CrumbLink=u.CrumbLink;exports.CrumbSimpleMenu=m.CrumbSimpleMenu;
@@ -1,25 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),p=require("react"),d=require("@strapi/icons"),f=require("styled-components"),y=require("../../themes/utils.cjs"),m=require("../../BaseLink/BaseLink.cjs"),x=require("../../Typography/Typography.cjs"),i=e=>e&&e.__esModule?e:{default:e},g=i(p),k=i(f),q=k.default(m.BaseLink)`
2
- display: inline-flex;
3
- align-items: center;
4
- text-decoration: none;
5
- gap: ${({theme:e})=>e.spaces[2]};
6
- pointer-events: ${({disabled:e})=>e?"none":void 0};
7
-
8
- svg {
9
- font-size: ${10/16}rem;
10
-
11
- path {
12
- fill: ${({disabled:e,theme:r})=>e?r.colors.neutral600:r.colors.primary600};
13
- }
14
- }
15
-
16
- &:hover {
17
- color: ${({theme:e})=>e.colors.primary500};
18
- }
19
-
20
- &:active {
21
- color: ${({theme:e})=>e.colors.primary700};
22
- }
23
-
24
- ${y.buttonFocusStyle};
25
- `,l=g.default.forwardRef(({children:e,href:r,disabled:o=!1,startIcon:a,endIcon:n,isExternal:s=!0,...c},u)=>t.jsxs(q,{ref:u,href:r,disabled:o,isExternal:s,...c,children:[a,t.jsx(x.Typography,{textColor:o?"neutral600":"primary600",children:e}),n,r&&!n&&s&&t.jsx(d.ExternalLink,{})]}));l.displayName="Link";exports.Link=l;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Link.cjs");exports.Link=e.Link;
@@ -1,20 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),b=require("react"),x=require("styled-components"),t=require("../../Button/utils.cjs"),B=require("../../BaseButton/BaseButton.cjs"),s=require("../../BaseLink/BaseLink.cjs"),l=require("../../Flex/Flex.cjs"),S=require("../../Typography/Typography.cjs"),c=e=>e&&e.__esModule?e:{default:e},v=c(b),k=c(x),q=k.default(B.BaseButtonWrapper)`
2
- text-decoration: none;
3
-
4
- &[aria-disabled='true'] {
5
- ${t.getDisabledStyle}
6
- &:active {
7
- ${t.getDisabledStyle}
8
- }
9
- }
10
-
11
- &:hover {
12
- ${t.getHoverStyle}
13
- }
14
-
15
- &:active {
16
- ${t.getActiveStyle}
17
- }
18
-
19
- ${t.getVariantStyle}
20
- `,p=v.default.forwardRef(({variant:e="default",startIcon:i,endIcon:a,disabled:o=!1,children:g,size:r="S",as:f=s.BaseLink,...y},h)=>{const d=r==="S"?2:"10px",u=4;return n.jsxs(q,{ref:h,"aria-disabled":o,size:r,variant:e,background:"buttonPrimary600",borderColor:"buttonPrimary600",hasRadius:!0,gap:2,inline:!0,paddingBottom:d,paddingLeft:u,paddingRight:u,paddingTop:d,pointerEvents:o?"none":void 0,...y,as:f||s.BaseLink,children:[i&&n.jsx(l.Flex,{"aria-hidden":!0,children:i}),n.jsx(S.Typography,{variant:r==="S"?"pi":void 0,fontWeight:"bold",textColor:"buttonNeutral0",children:g}),a&&n.jsx(l.Flex,{"aria-hidden":!0,children:a})]})});p.displayName="LinkButton";exports.LinkButton=p;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./LinkButton.cjs");exports.LinkButton=t.LinkButton;
@@ -1,4 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("styled-components"),o=require("./MainNavContext.cjs"),a=require("../../Flex/Flex.cjs"),i=e=>e&&e.__esModule?e:{default:e},s=i(r),l=s.default(a.Flex)`
2
- width: ${({condensed:e})=>e?"max-content":`${224/16}rem`};
3
- border-right: 1px solid ${({theme:e})=>e.colors.neutral150};
4
- `,u=({condensed:e=!1,...n})=>t.jsx(o.MainNavContext.Provider,{value:e,children:t.jsx(l,{alignItems:"normal",as:"nav",background:"neutral0",condensed:e,direction:"column",height:"100vh",position:"sticky",top:0,zIndex:2,...n})});exports.MainNav=u;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext(!1),a=()=>e.useContext(t);exports.MainNavContext=t;exports.useMainNav=a;
@@ -1,12 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),p=require("react"),g=require("styled-components"),f=require("./MainNavContext.cjs"),c=require("../../BaseLink/BaseLink.cjs"),d=require("../../Box/Box.cjs"),s=require("../../VisuallyHidden/VisuallyHidden.cjs"),j=require("../../Flex/Flex.cjs"),o=require("../../Typography/Typography.cjs"),u=e=>e&&e.__esModule?e:{default:e},y=u(p),h=u(g),l=h.default.div`
2
- border-radius: ${({theme:e})=>e.borderRadius};
3
-
4
- svg,
5
- img {
6
- height: ${({condensed:e})=>e?`${40/16}rem`:`${32/16}rem`};
7
- width: ${({condensed:e})=>e?`${40/16}rem`:`${32/16}rem`};
8
- }
9
- `,B=h.default(c.BaseLink)`
10
- text-decoration: unset;
11
- color: inherit;
12
- `,m=y.default.forwardRef(({workplace:e,title:t,icon:i,...r},a)=>{const x=f.useMainNav();return r.to=r?.to??"/",x?n.jsx(c.BaseLink,{ref:a,...r,children:n.jsx(d.Box,{paddingLeft:3,paddingRight:3,paddingTop:4,paddingBottom:4,children:n.jsxs(l,{condensed:!0,children:[i,n.jsxs(s.VisuallyHidden,{children:[n.jsx("span",{children:t}),n.jsx("span",{children:e})]})]})})}):n.jsx(B,{ref:a,...r,children:n.jsx(d.Box,{paddingLeft:3,paddingRight:3,paddingTop:4,paddingBottom:4,children:n.jsxs(j.Flex,{children:[n.jsx(l,{"aria-hidden":!0,tabIndex:-1,children:i}),n.jsxs(d.Box,{paddingLeft:2,children:[n.jsxs(o.Typography,{fontWeight:"bold",textColor:"neutral800",as:"span",children:[t,n.jsx(s.VisuallyHidden,{as:"span",children:e})]}),n.jsx(o.Typography,{variant:"pi",as:"p",textColor:"neutral600","aria-hidden":!0,children:e})]})]})})})});exports.NavBrand=m;
@@ -1,17 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("@strapi/icons"),s=require("styled-components"),i=require("./MainNavContext.cjs"),d=require("../../Flex/Flex.cjs"),a=require("../../Icon/Icon.cjs"),u=require("../../VisuallyHidden/VisuallyHidden.cjs"),l=e=>e&&e.__esModule?e:{default:e},c=l(s),h=c.default(d.Flex).attrs(e=>({justifyContent:"center",...e}))`
2
- background: ${({theme:e})=>e.colors.neutral0};
3
- border: 1px solid ${({theme:e})=>e.colors.neutral150};
4
- border-radius: ${({theme:e})=>e.borderRadius};
5
- position: absolute;
6
- bottom: ${(9+4)/16}rem; // 9 is the height of the svg and 4 is the padding below
7
- right: ${({theme:e,condensed:t})=>t?0:e.spaces[5]};
8
- transform: ${({condensed:e})=>e?"translateX(50%)":void 0};
9
- z-index: 2;
10
- width: ${18/16}rem;
11
- height: ${25/16}rem;
12
-
13
- svg {
14
- width: ${6/16}rem;
15
- height: ${9/16}rem;
16
- }
17
- `,g=({children:e,...t})=>{const r=i.useMainNav();return n.jsxs(h,{as:"button",condensed:r,...t,children:[n.jsx(a.Icon,{as:r?o.ChevronRight:o.ChevronLeft,"aria-hidden":!0,color:"neutral600"}),n.jsx(u.VisuallyHidden,{children:e})]})};exports.NavCondense=g;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("../../Box/Box.cjs"),r=({children:e})=>o.jsx(t.Box,{position:"relative",children:e});exports.NavFooter=r;
@@ -1,69 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),$=require("react"),y=require("styled-components"),f=require("./MainNavContext.cjs"),x=require("../../Box/Box.cjs"),j=require("../../BaseLink/BaseLink.cjs"),s=require("../../Typography/Typography.cjs"),h=require("../../Flex/Flex.cjs"),v=require("../../Badge/Badge.cjs"),m=require("../../Tooltip/Tooltip.cjs"),g=e=>e&&e.__esModule?e:{default:e},b=g($),a=g(y),c=a.default(x.Box)`
2
- svg {
3
- width: 1rem;
4
- height: 1rem;
5
- }
6
- `,d=a.default(j.BaseLink)`
7
- position: relative;
8
- text-decoration: none;
9
- display: block;
10
- border-radius: ${({theme:e})=>e.borderRadius};
11
- background: ${({theme:e})=>e.colors.neutral0};
12
-
13
- ${s.Typography} {
14
- color: ${({theme:e})=>e.colors.neutral600};
15
- }
16
-
17
- svg path {
18
- fill: ${({theme:e})=>e.colors.neutral500};
19
- }
20
-
21
- &:hover {
22
- background: ${({theme:e})=>e.colors.neutral100};
23
-
24
- ${s.Typography} {
25
- color: ${({theme:e})=>e.colors.neutral700};
26
- }
27
-
28
- svg path {
29
- fill: ${({theme:e})=>e.colors.neutral600};
30
- }
31
- }
32
-
33
- &.active {
34
- background: ${({theme:e})=>e.colors.primary100};
35
-
36
- svg path {
37
- fill: ${({theme:e})=>e.colors.primary600};
38
- }
39
-
40
- ${s.Typography} {
41
- color: ${({theme:e})=>e.colors.primary600};
42
- font-weight: 500;
43
- }
44
- }
45
- `,u=a.default(h.Flex)`
46
- padding: ${({theme:e})=>`${e.spaces[2]} ${e.spaces[3]}`};
47
- `,p=a.default(v.Badge)`
48
- ${({theme:e,condensed:o})=>o&&`
49
- position: absolute;
50
- // Values based on visual aspect
51
- top: -${e.spaces[3]};
52
- right: -${e.spaces[1]};
53
- `}
54
-
55
- ${s.Typography} {
56
- //find a solution to remove !important
57
- color: ${({theme:e})=>e.colors.neutral0} !important;
58
- line-height: 0;
59
- }
60
-
61
- display: flex;
62
- justify-content: center;
63
- align-items: center;
64
- min-width: ${({theme:e})=>e.spaces[6]};
65
- height: ${({theme:e})=>e.spaces[5]};
66
- padding: ${({theme:e})=>`0 ${e.spaces[2]}`};
67
- border-radius: ${({theme:e})=>e.spaces[10]};
68
- background: ${({theme:e})=>e.colors.primary600};
69
- `,k=b.default.forwardRef(({children:e,icon:o,badgeContent:t,badgeAriaLabel:n,...i},l)=>f.useMainNav()?r.jsx(d,{ref:l,...i,children:r.jsx(m.Tooltip,{position:"right",label:e,children:r.jsxs(u,{as:"span",justifyContent:"center",children:[r.jsx(c,{"aria-hidden":!0,paddingRight:0,as:"span",children:o}),t&&r.jsx(p,{condensed:!0,"aria-label":n,children:t})]})})}):r.jsx(d,{ref:l,...i,children:r.jsxs(u,{as:"span",justifyContent:"space-between",children:[r.jsxs(h.Flex,{children:[r.jsx(c,{"aria-hidden":!0,paddingRight:3,as:"span",children:o}),r.jsx(s.Typography,{children:e})]}),t&&r.jsx(p,{justifyContent:"center","aria-label":n,children:t})]})}));exports.NavLink=k;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),u=require("./MainNavContext.cjs"),r=require("../../Flex/Flex.cjs"),l=require("../../Box/Box.cjs"),x=require("../../Divider/Divider.cjs"),g=require("../../VisuallyHidden/VisuallyHidden.cjs"),p=require("../../Typography/Typography.cjs"),h=({label:s,children:a,horizontal:n=!1,spacing:d=2,...c})=>u.useMainNav()?e.jsxs(r.Flex,{direction:"column",alignItems:"stretch",gap:2,children:[e.jsxs(l.Box,{paddingTop:1,paddingBottom:1,background:"neutral0",hasRadius:!0,as:"span",children:[e.jsx(x.Divider,{}),e.jsx(g.VisuallyHidden,{children:e.jsx("span",{children:s})})]}),e.jsx(r.Flex,{as:"ul",gap:d,direction:n?"row":"column",alignItems:n?"center":"stretch",...c,children:o.Children.map(a,(i,t)=>e.jsx("li",{children:i},t))})]}):e.jsxs(r.Flex,{direction:"column",alignItems:"stretch",gap:2,children:[e.jsx(l.Box,{paddingTop:1,paddingBottom:1,background:"neutral0",paddingRight:3,paddingLeft:3,hasRadius:!0,as:"span",children:e.jsx(p.Typography,{variant:"sigma",textColor:"neutral600",children:s})}),e.jsx(r.Flex,{as:"ul",gap:d,direction:n?"row":"column",alignItems:n?"center":"stretch",...c,children:o.Children.map(a,(i,t)=>e.jsx("li",{children:i},t))})]});exports.NavSection=h;
@@ -1,4 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),c=require("styled-components"),d=require("../../Box/Box.cjs"),u=require("../../Flex/Flex.cjs"),a=e=>e&&e.__esModule?e:{default:e},g=a(c),x=g.default(d.Box)`
2
- flex-grow: 1;
3
- overflow-y: auto;
4
- `,f=({children:e,spacing:r=4,horizontal:o=!1,...n})=>t.jsx(x,{paddingLeft:3,paddingRight:2,paddingTop:3,paddingBottom:8,children:t.jsx(u.Flex,{as:"ul",gap:r,direction:o?"row":"column",alignItems:o?"center":"stretch",...n,children:l.Children.map(e,(i,s)=>t.jsx("li",{children:i},s))})});exports.NavSections=f;
@@ -1,3 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),u=require("react"),c=require("styled-components"),x=require("./MainNavContext.cjs"),i=require("../../Box/Box.cjs"),p=require("../../Flex/Flex.cjs"),s=require("../../Avatar/Avatar.cjs"),f=require("../../VisuallyHidden/VisuallyHidden.cjs"),h=require("../../Typography/Typography.cjs"),o=e=>e&&e.__esModule?e:{default:e},j=o(u),y=o(c),g=y.default(i.Box)`
2
- border-top: 1px solid ${({theme:e})=>e.colors.neutral150};
3
- `,q=j.default.forwardRef(({src:e,children:r,initials:a,...d},l)=>{const n=x.useMainNav();return t.jsx(g,{paddingTop:3,paddingBottom:3,paddingLeft:5,paddingRight:5,...d,children:t.jsxs(p.Flex,{as:"button",justifyContent:n?"center":void 0,ref:l,children:[e?t.jsx(s.Avatar,{src:e,alt:"","aria-hidden":!0}):t.jsx(s.Initials,{children:a}),n?t.jsx(f.VisuallyHidden,{children:t.jsx("span",{children:r})}):t.jsx(i.Box,{width:`${130/16}rem`,paddingLeft:2,as:"span",children:t.jsx(h.Typography,{ellipsis:!0,textColor:"neutral600",children:r})})]})})});exports.NavUser=q;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./MainNav.cjs"),a=require("./NavBrand.cjs"),n=require("./NavCondense.cjs"),r=require("./NavFooter.cjs"),o=require("./NavLink.cjs"),v=require("./NavSection.cjs"),N=require("./NavSections.cjs"),i=require("./NavUser.cjs");exports.MainNav=e.MainNav;exports.NavBrand=a.NavBrand;exports.NavCondense=n.NavCondense;exports.NavFooter=r.NavFooter;exports.NavLink=o.NavLink;exports.NavSection=v.NavSection;exports.NavSections=N.NavSections;exports.NavUser=i.NavUser;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),l=require("react"),u=require("./PaginationContext.cjs"),d=require("../../Box/Box.cjs"),x=require("../../Flex/Flex.cjs");function g(e){if(e&&e.__esModule)return e;const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const i=g(l),f=({children:e,label:n="Pagination",activePage:t,pageCount:r})=>{const a=i.useMemo(()=>({activePage:t,pageCount:r}),[t,r]);return o.jsx(u.PaginationContext.Provider,{value:a,children:o.jsx(d.Box,{"aria-label":n,as:"nav",children:o.jsx(x.Flex,{as:"ol",gap:1,children:i.Children.map(e,(c,s)=>o.jsx("li",{children:c},s))})})})};exports.Pagination=f;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({activePage:1,pageCount:1}),n=()=>t.useContext(e);exports.PaginationContext=e;exports.usePagination=n;
@@ -1 +0,0 @@
1
- "use strict";const M="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDcgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0tMC4wMDAxOTU1MDMgMS4xNzVMMy44MTY0NyA1TC0wLjAwMDE5NTUwMyA4LjgyNUwxLjE3NDggMTBMNi4xNzQ4IDVMMS4xNzQ4IDBMLTAuMDAwMTk1NTAzIDEuMTc1WiIgZmlsbD0iIzhFOEVBOSIvPgo8L3N2Zz4K";module.exports=M;
@@ -1 +0,0 @@
1
- "use strict";const I="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDcgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjE3NSA4LjgyNUwyLjM1ODMzIDVMNi4xNzUgMS4xNzVMNSAwTDAgNUw1IDEwTDYuMTc1IDguODI1WiIgZmlsbD0iIzhFOEVBOSIvPgo8L3N2Zz4K";module.exports=I;
@@ -1,33 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),p=require("react"),c=require("@strapi/icons"),v=require("styled-components"),d=require("./PaginationContext.cjs"),y=require("../../themes/utils.cjs"),b=require("../../BaseLink/BaseLink.cjs"),s=require("../../VisuallyHidden/VisuallyHidden.cjs"),h=require("../../Typography/Typography.cjs"),P=require("../../Box/Box.cjs"),f=e=>e&&e.__esModule?e:{default:e},l=f(p),u=f(v),j={active:!0},g=u.default(b.BaseLink).withConfig({shouldForwardProp:(e,i)=>!j[e]&&i(e)})`
2
- padding: ${({theme:e})=>e.spaces[3]};
3
- border-radius: ${({theme:e})=>e.borderRadius};
4
- box-shadow: ${({active:e,theme:i})=>e?i.shadows.filterShadow:void 0};
5
- text-decoration: none;
6
- display: flex;
7
-
8
- ${y.buttonFocusStyle}
9
- `,k=u.default(g)`
10
- color: ${({theme:e,active:i})=>i?e.colors.primary700:e.colors.neutral800};
11
- background: ${({theme:e,active:i})=>i?e.colors.neutral0:void 0};
12
-
13
- &:hover {
14
- box-shadow: ${({theme:e})=>e.shadows.filterShadow};
15
- }
16
- `,x=u.default(g)`
17
- font-size: ${11/16}rem;
18
-
19
- svg path {
20
- fill: ${e=>e["aria-disabled"]?e.theme.colors.neutral300:e.theme.colors.neutral600};
21
- }
22
-
23
- &:focus,
24
- &:hover {
25
- svg path {
26
- fill: ${e=>e["aria-disabled"]?e.theme.colors.neutral300:e.theme.colors.neutral700};
27
- }
28
- }
29
-
30
- ${e=>e["aria-disabled"]?`
31
- pointer-events: none;
32
- `:void 0}
33
- `,L=l.default.forwardRef(({children:e,...i},t)=>{const{activePage:a}=d.usePagination(),r=a===1;return n.jsxs(x,{ref:t,"aria-disabled":r,tabIndex:r?-1:void 0,...i,children:[n.jsx(s.VisuallyHidden,{children:e}),n.jsx(c.ChevronLeft,{"aria-hidden":!0})]})}),w=l.default.forwardRef(({children:e,...i},t)=>{const{activePage:a,pageCount:r}=d.usePagination(),o=a===r;return n.jsxs(x,{ref:t,"aria-disabled":o,tabIndex:o?-1:void 0,...i,children:[n.jsx(s.VisuallyHidden,{children:e}),n.jsx(c.ChevronRight,{"aria-hidden":!0})]})}),$=l.default.forwardRef(({number:e,children:i,...t},a)=>{const{activePage:r}=d.usePagination(),o=r===e;return n.jsxs(k,{ref:a,...t,active:o,children:[n.jsx(s.VisuallyHidden,{children:i}),n.jsx(h.Typography,{"aria-hidden":!0,fontWeight:o?"bold":void 0,lineHeight:"revert",variant:"pi",children:e})]})}),q=({children:e,...i})=>n.jsxs(P.Box,{...i,children:[n.jsx(s.VisuallyHidden,{children:e}),n.jsx(h.Typography,{"aria-hidden":!0,lineHeight:"revert",textColor:"neutral800",variant:"pi",children:"…"})]});exports.Dots=q;exports.NextLink=w;exports.PageLink=$;exports.PreviousLink=L;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Pagination.cjs"),i=require("./components.cjs");exports.Pagination=e.Pagination;exports.Dots=i.Dots;exports.NextLink=i.NextLink;exports.PageLink=i.PageLink;exports.PreviousLink=i.PreviousLink;
@@ -1,65 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("react"),y=require("@radix-ui/react-dropdown-menu"),d=require("@strapi/icons"),c=require("styled-components"),S=require("../../helpers/theme.cjs"),w=require("../Link/Link.cjs"),j=require("../../Button/Button.cjs"),m=require("../../Box/Box.cjs"),u=require("../../Flex/Flex.cjs"),a=require("../../Typography/Typography.cjs"),T=e=>e&&e.__esModule?e:{default:e};function C(e){if(e&&e.__esModule)return e;const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const i=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(r,o,i.get?i:{enumerable:!0,get:()=>e[o]})}}return r.default=e,Object.freeze(r)}const n=C(y),l=T(c),R=n.Root,v=s.forwardRef(({size:e,endIcon:r=t.jsx(d.CarretDown,{width:`${6/16}rem`,height:`${4/16}rem`,"aria-hidden":!0}),...o},i)=>t.jsx(n.Trigger,{asChild:!0,children:t.jsx(j.Button,{ref:i,type:"button",variant:"ghost",endIcon:r,paddingTop:e==="S"?1:2,paddingBottom:e==="S"?1:2,paddingLeft:e==="S"?3:4,paddingRight:e==="S"?3:4,...o})})),$=s.forwardRef(({children:e,intersectionId:r,popoverPlacement:o="bottom-start",...i},f)=>{const[p,x]=o.split("-");return t.jsx(n.Portal,{children:t.jsx(n.Content,{align:x,side:p,loop:!0,asChild:!0,children:t.jsxs(h,{ref:f,direction:"column",borderStyle:"solid",borderWidth:"1px",borderColor:"neutral150",hasRadius:!0,background:"neutral0",shadow:"filterShadow",maxHeight:"15rem",padding:1,alignItems:"flex-start",position:"relative",overflow:"auto",...i,children:[e,t.jsx(m.Box,{id:r,width:"100%",height:"1px"})]})})})}),h=l.default(u.Flex)`
2
- scrollbar-width: none;
3
- -ms-overflow-style: none;
4
- -webkit-overflow-scrolling: touch;
5
-
6
- &::-webkit-scrollbar {
7
- display: none;
8
- }
9
- `,k=({onSelect:e,disabled:r=!1,...o})=>t.jsx(n.Item,{asChild:!0,onSelect:e,disabled:r,children:o.isLink||o.isExternal?t.jsx(M,{color:"neutral800",...o,isExternal:o.isExternal??!1,children:t.jsx(a.Typography,{children:o.children})}):t.jsx(b,{cursor:"pointer",color:"neutral800",background:"transparent",borderStyle:"none",...o,children:t.jsx(a.Typography,{children:o.children})})}),g=({theme:e})=>c.css`
10
- text-align: left;
11
- width: 100%;
12
- border-radius: ${e.borderRadius};
13
- padding: ${e.spaces[2]} ${e.spaces[4]};
14
-
15
- ${a.Typography} {
16
- color: inherit;
17
- }
18
-
19
- &[aria-disabled] {
20
- cursor: not-allowed;
21
-
22
- ${a.Typography} {
23
- color: ${e.colors.neutral500};
24
- }
25
- }
26
-
27
- &[data-highlighted] {
28
- background-color: ${e.colors.primary100};
29
- }
30
-
31
- &:focus-visible {
32
- outline: none;
33
-
34
- &:after {
35
- content: none;
36
- }
37
- }
38
- `,b=l.default(u.Flex)`
39
- ${g}
40
- `,M=l.default(w.Link)`
41
- /* We include this here again because typically when people use OptionLink they provide an as prop which cancels the Box props */
42
- color: ${({theme:e,color:r})=>S.extractStyleFromTheme(e.colors,r,void 0)};
43
- text-decoration: none;
44
-
45
- &:hover {
46
- color: unset;
47
- }
48
-
49
- svg > path,
50
- &:focus-visible svg > path {
51
- fill: currentColor;
52
- }
53
-
54
- ${g}
55
- `,q=s.forwardRef((e,r)=>t.jsx(n.Label,{asChild:!0,children:t.jsx(L,{ref:r,variant:"sigma",textColor:"neutral600",...e})})),L=l.default(a.Typography)`
56
- padding: ${({theme:e})=>e.spaces[2]} ${({theme:e})=>e.spaces[4]};
57
- `,O=n.Sub,_=s.forwardRef(({disabled:e=!1,...r},o)=>t.jsx(n.SubTrigger,{asChild:!0,disabled:e,children:t.jsxs(B,{ref:o,color:"neutral800",as:"button",type:"button",background:"transparent",borderStyle:"none",gap:5,...r,children:[t.jsx(a.Typography,{children:r.children}),t.jsx(I,{height:12,width:12})]})})),B=l.default(b)`
58
- &[data-state='open'] {
59
- background-color: ${({theme:e})=>e.colors.primary100};
60
- }
61
- `,I=l.default(d.ChevronRight)`
62
- path {
63
- fill: ${({theme:e})=>e.colors.neutral500};
64
- }
65
- `,D=s.forwardRef((e,r)=>t.jsx(n.Portal,{children:t.jsx(n.SubContent,{sideOffset:8,asChild:!0,children:t.jsx(h,{ref:r,direction:"column",borderStyle:"solid",borderWidth:"1px",borderColor:"neutral150",hasRadius:!0,background:"neutral0",shadow:"filterShadow",maxHeight:"15rem",padding:1,alignItems:"flex-start",overflow:"auto",...e})})})),P=R,F=v,E=$,W=k,H=q,A=O,N=_,V=D;exports.Content=E;exports.Item=W;exports.Label=H;exports.Root=P;exports.SubContent=V;exports.SubRoot=A;exports.SubTrigger=N;exports.Trigger=F;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),u=require("react"),n=require("./Menu.cjs"),p=require("../../helpers/strings.cjs"),M=require("../../hooks/useId.cjs"),q=require("../../hooks/useIntersection.cjs"),R=({children:l,onOpen:s,onClose:r,popoverPlacement:a,onReachEnd:o,...c})=>{const d=u.useRef(null),[I,f]=u.useState(!1),h=e=>{o&&o(e)},g=e=>{e&&typeof s=="function"?s():!e&&typeof r=="function"&&r(),f(e)},m=M.useId(),i=`intersection-${p.stripReactIdOfColon(m)}`;return q.useIntersection(d,h,{selectorToWatch:`#${i}`,skipWhen:!I}),t.jsxs(n.Root,{onOpenChange:g,children:[t.jsx(n.Trigger,{...c,children:c.label}),t.jsx(n.Content,{intersectionId:i,popoverPlacement:a,children:l})]})},j=n.Item;exports.Menu=n;exports.MenuItem=j;exports.SimpleMenu=R;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./SimpleMenu.cjs"),u=require("./Menu.cjs");exports.MenuItem=e.MenuItem;exports.SimpleMenu=e.SimpleMenu;exports.Menu=u;
@@ -1,10 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("styled-components"),u=require("../../Grid/Grid.cjs"),a=t=>t&&t.__esModule?t:{default:t},i=a(s),e=`${232/16}rem`,n=i.default(u.Grid)`
2
- width: ${e};
3
- background: ${({theme:t})=>t.colors.neutral100};
4
- position: sticky;
5
- top: 0;
6
- height: 100vh;
7
- overflow-y: auto;
8
- border-right: 1px solid ${({theme:t})=>t.colors.neutral200};
9
- z-index: 1;
10
- `,l=({ariaLabel:t,...r})=>o.jsx(n,{"aria-label":t,as:"nav",...r});exports.SubNav=l;exports.subNavWidth=e;
@@ -1,4 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),v=require("@strapi/icons"),C=require("styled-components"),R=require("../../helpers/keyboardKeys.cjs"),T=require("../../hooks/useId.cjs"),D=require("../../hooks/usePrevious.cjs"),I=require("../../Divider/Divider.cjs"),a=require("../../Box/Box.cjs"),K=require("../../Searchbar/SearchForm.cjs"),_=require("../../Searchbar/Searchbar.cjs"),k=require("../../Flex/Flex.cjs"),w=require("../../Typography/Typography.cjs"),F=require("../../IconButton/IconButton.cjs"),O=r=>r&&r.__esModule?r:{default:r},P=O(C),l=P.default(I.Divider)`
2
- width: ${24/16}rem;
3
- background-color: ${({theme:r})=>r.colors.neutral200};
4
- `,E=({as:r="h2",label:f,searchLabel:u="",searchable:h=!1,onChange:p=()=>{},value:g="",onClear:x=()=>{},onSubmit:S=()=>{},id:y})=>{const[t,c]=s.useState(!1),d=D.usePrevious(t),b=T.useId(y),o=s.useRef(void 0),i=s.useRef(void 0);s.useEffect(()=>{t&&o.current&&o.current.focus(),d&&!t&&i.current&&i.current.focus()},[t,d]);const j=()=>{c(n=>!n)},q=n=>{x(n),o.current.focus()},B=n=>{n.relatedTarget?.id!==b&&c(!1)},m=n=>{n.key===R.KeyboardKeys.ESCAPE&&c(!1)};return t?e.jsxs(a.Box,{paddingLeft:4,paddingTop:5,paddingBottom:2,paddingRight:4,children:[e.jsx(K.SearchForm,{children:e.jsx(_.Searchbar,{name:"searchbar",value:g,onChange:p,placeholder:"e.g: strapi-plugin-abcd",onKeyDown:m,ref:o,onBlur:B,onClear:q,onSubmit:S,clearLabel:"Clear",size:"S",children:u})}),e.jsx(a.Box,{paddingLeft:2,paddingTop:4,children:e.jsx(l,{})})]}):e.jsxs(a.Box,{paddingLeft:6,paddingTop:6,paddingBottom:2,paddingRight:4,children:[e.jsxs(k.Flex,{justifyContent:"space-between",alignItems:"flex-start",children:[e.jsx(w.Typography,{variant:"beta",as:r,children:f}),h&&e.jsx(F.IconButton,{ref:i,onClick:j,label:u,icon:e.jsx(v.Search,{})})]}),e.jsx(a.Box,{paddingTop:4,children:e.jsx(l,{})})]})};exports.SubNavHeader=E;
@@ -1,39 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),g=require("react"),x=require("@strapi/icons"),y=require("styled-components"),t=require("../../Box/Box.cjs"),n=require("../../Typography/Typography.cjs"),i=require("../../Flex/Flex.cjs"),h=require("../../BaseLink/BaseLink.cjs"),a=e=>e&&e.__esModule?e:{default:e},$=a(g),s=a(y),j=s.default(t.Box)`
2
- display: flex;
3
- align-items: center;
4
- justify-content: space-between;
5
- text-decoration: none;
6
- color: ${({theme:e})=>e.colors.neutral800};
7
- svg > * {
8
- fill: ${({theme:e})=>e.colors.neutral600};
9
- }
10
-
11
- &.active {
12
- ${({theme:e})=>`
13
- background-color: ${e.colors.primary100};
14
- border-right: 2px solid ${e.colors.primary600};
15
- svg > * {
16
- fill: ${e.colors.primary700};
17
- }
18
- ${n.Typography} {
19
- color: ${e.colors.primary700};
20
- font-weight: 500;
21
- }
22
- `}
23
- }
24
-
25
- &:focus-visible {
26
- outline-offset: -2px;
27
- }
28
- `,l=s.default(x.Dot)`
29
- width: ${12/16}rem;
30
- height: ${4/16}rem;
31
- * {
32
- fill: ${({theme:e,$active:o})=>o?e.colors.primary600:e.colors.neutral600};
33
- }
34
- `,v=s.default.div`
35
- svg {
36
- height: ${12/16}rem;
37
- width: ${12/16}rem;
38
- }
39
- `,b=$.default.forwardRef(({children:e,icon:o=null,withBullet:c=!1,as:u=h.BaseLink,isSubSectionChild:d=!1,...p},f)=>r.jsxs(j,{as:u,icon:o,background:"neutral100",paddingLeft:d?9:7,paddingBottom:2,paddingTop:2,ref:f,...p,children:[r.jsxs(i.Flex,{children:[o?r.jsx(v,{children:o}):r.jsx(l,{}),r.jsx(t.Box,{paddingLeft:2,children:r.jsx(n.Typography,{as:"span",children:e})})]}),c&&r.jsx(t.Box,{as:i.Flex,paddingRight:4,children:r.jsx(l,{$active:!0})})]}));exports.SubNavLink=b;
@@ -1,19 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("react"),x=require("@strapi/icons"),h=require("styled-components"),g=require("../../hooks/useId.cjs"),i=require("../../Box/Box.cjs"),f=require("../../Flex/Flex.cjs"),j=require("../../Typography/Typography.cjs"),y=e=>e&&e.__esModule?e:{default:e},o=y(h),S=o.default(i.Box)`
2
- svg {
3
- height: ${4/16}rem;
4
- path {
5
- fill: ${({theme:e})=>e.colors.neutral700};
6
- }
7
- }
8
- `,b=o.default.button`
9
- border: none;
10
- padding: 0;
11
- background: transparent;
12
- display: flex;
13
- align-items: center;
14
- `,m=o.default.div`
15
- display: flex;
16
- align-items: center;
17
- width: ${12/16}rem;
18
- transform: rotateX(${({rotated:e})=>e?"0deg":"180deg"});
19
- `,k=({label:e,children:a,id:l})=>{const[n,c]=d.useState(!0),s=g.useId(l),u=()=>{c(r=>!r)};return t.jsxs(i.Box,{children:[t.jsx(S,{paddingLeft:7,paddingTop:2,paddingBottom:2,paddingRight:4,children:t.jsx(f.Flex,{justifyContent:"space-between",children:t.jsxs(b,{onClick:u,"aria-expanded":n,"aria-controls":s,children:[t.jsx(m,{rotated:n,children:t.jsx(x.CarretDown,{"aria-hidden":!0})}),t.jsx(i.Box,{paddingLeft:2,children:t.jsx(j.Typography,{as:"span",fontWeight:"semiBold",textColor:"neutral800",children:e})})]})})}),n&&t.jsx("ul",{id:s,children:d.Children.map(a,(r,p)=>t.jsx("li",{children:r},p))})]})};exports.SubNavLinkSection=k;
@@ -1,8 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("react"),h=require("styled-components"),x=require("./SubNavSectionLabel.cjs"),S=require("../../hooks/useId.cjs"),l=require("../../Box/Box.cjs"),f=require("../../Flex/Flex.cjs"),j=require("../../Badge/Badge.cjs"),b=e=>e&&e.__esModule?e:{default:e},m=b(h),q=m.default(l.Box)`
2
- svg {
3
- height: ${4/16}rem;
4
- path {
5
- fill: ${({theme:e})=>e.colors.neutral500};
6
- }
7
- }
8
- `,v=({collapsable:e=!1,label:a,badgeLabel:n,children:c,id:d})=>{const[i,u]=s.useState(!0),o=S.useId(d),p=()=>{u(r=>!r)};return t.jsxs(f.Flex,{direction:"column",alignItems:"stretch",gap:1,children:[t.jsx(q,{paddingLeft:6,paddingTop:2,paddingBottom:2,paddingRight:4,children:t.jsxs(l.Box,{position:"relative",paddingRight:n?6:0,children:[t.jsx(x.SubNavSectionLabel,{onClick:p,ariaExpanded:i,ariaControls:o,collapsable:e,label:a}),n&&t.jsx(j.Badge,{backgroundColor:"neutral150",textColor:"neutral600",position:"absolute",right:0,top:"50%",transform:"translateY(-50%)",children:n})]})}),(!e||i)&&t.jsx("ol",{id:o,children:s.Children.map(c,(r,g)=>t.jsx("li",{children:r},g))})]})};exports.SubNavSection=v;
@@ -1,9 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("@strapi/icons"),u=require("styled-components"),x=require("../../Flex/Flex.cjs"),o=require("../../Box/Box.cjs"),a=require("../../Typography/Typography.cjs"),g=e=>e&&e.__esModule?e:{default:e},s=g(u),i=s.default(x.Flex)`
2
- border: none;
3
- padding: 0;
4
- background: transparent;
5
- `,p=s.default.div`
6
- display: flex;
7
- align-items: center;
8
- transform: rotateX(${({rotated:e})=>e?"0deg":"180deg"});
9
- `,h=({collapsable:e=!1,label:t,onClick:d=()=>{},ariaExpanded:n,ariaControls:l})=>e?r.jsxs(i,{as:"button",onClick:d,"aria-expanded":n,"aria-controls":l,textAlign:"left",children:[r.jsx(o.Box,{paddingRight:1,children:r.jsx(a.Typography,{variant:"sigma",textColor:"neutral600",children:t})}),e&&r.jsx(p,{rotated:n,children:r.jsx(c.CarretDown,{"aria-hidden":!0})})]}):r.jsx(i,{children:r.jsx(o.Box,{paddingRight:1,children:r.jsx(a.Typography,{variant:"sigma",textColor:"neutral600",children:t})})});exports.SubNavSectionLabel=h;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),l=require("../../Box/Box.cjs"),u=require("../../Flex/Flex.cjs"),a=({children:t,spacing:n=2,horizontal:r=!1,...i})=>e.jsx(l.Box,{paddingTop:2,paddingBottom:4,children:e.jsx(u.Flex,{as:"ol",gap:n,direction:r?"row":"column",alignItems:r?"center":"stretch",...i,children:s.Children.map(t,(o,c)=>e.jsx("li",{children:o},c))})});exports.SubNavSections=a;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./SubNav.cjs"),u=require("./SubNavHeader.cjs"),S=require("./SubNavLink.cjs"),i=require("./SubNavLinkSection.cjs"),a=require("./SubNavSection.cjs"),n=require("./SubNavSections.cjs");exports.SubNav=e.SubNav;exports.subNavWidth=e.subNavWidth;exports.SubNavHeader=u.SubNavHeader;exports.SubNavLink=S.SubNavLink;exports.SubNavLinkSection=i.SubNavLinkSection;exports.SubNavSection=a.SubNavSection;exports.SubNavSections=n.SubNavSections;
package/dist/v2/index.cjs DELETED
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./Breadcrumbs/Breadcrumbs.cjs"),u=require("./Breadcrumbs/Crumb.cjs"),a=require("./Breadcrumbs/CrumbLink.cjs"),t=require("./Breadcrumbs/CrumbSimpleMenu.cjs"),o=require("./Link/Link.cjs"),s=require("./LinkButton/LinkButton.cjs"),v=require("./MainNav/MainNav.cjs"),N=require("./MainNav/NavBrand.cjs"),c=require("./MainNav/NavCondense.cjs"),S=require("./MainNav/NavFooter.cjs"),b=require("./MainNav/NavLink.cjs"),k=require("./MainNav/NavSection.cjs"),q=require("./MainNav/NavSections.cjs"),L=require("./MainNav/NavUser.cjs"),m=require("./Pagination/Pagination.cjs"),e=require("./Pagination/components.cjs"),n=require("./SimpleMenu/SimpleMenu.cjs"),d=require("./SimpleMenu/Menu.cjs"),i=require("./SubNav/SubNav.cjs"),M=require("./SubNav/SubNavHeader.cjs"),C=require("./SubNav/SubNavLink.cjs"),l=require("./SubNav/SubNavLinkSection.cjs"),B=require("./SubNav/SubNavSection.cjs"),p=require("./SubNav/SubNavSections.cjs");exports.Breadcrumbs=r.Breadcrumbs;exports.Crumb=u.Crumb;exports.CrumbLink=a.CrumbLink;exports.CrumbSimpleMenu=t.CrumbSimpleMenu;exports.Link=o.Link;exports.LinkButton=s.LinkButton;exports.MainNav=v.MainNav;exports.NavBrand=N.NavBrand;exports.NavCondense=c.NavCondense;exports.NavFooter=S.NavFooter;exports.NavLink=b.NavLink;exports.NavSection=k.NavSection;exports.NavSections=q.NavSections;exports.NavUser=L.NavUser;exports.Pagination=m.Pagination;exports.Dots=e.Dots;exports.NextLink=e.NextLink;exports.PageLink=e.PageLink;exports.PreviousLink=e.PreviousLink;exports.MenuItem=n.MenuItem;exports.SimpleMenu=n.SimpleMenu;exports.Menu=d;exports.SubNav=i.SubNav;exports.subNavWidth=i.subNavWidth;exports.SubNavHeader=M.SubNavHeader;exports.SubNavLink=C.SubNavLink;exports.SubNavLinkSection=l.SubNavLinkSection;exports.SubNavSection=B.SubNavSection;exports.SubNavSections=p.SubNavSections;