@navikt/ds-react 7.40.0 → 8.0.1

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 (1089) hide show
  1. package/cjs/accordion/Accordion.d.ts +15 -7
  2. package/cjs/accordion/Accordion.js +5 -6
  3. package/cjs/accordion/Accordion.js.map +1 -1
  4. package/cjs/accordion/AccordionContent.js +3 -2
  5. package/cjs/accordion/AccordionContent.js.map +1 -1
  6. package/cjs/accordion/AccordionContext.d.ts +1 -2
  7. package/cjs/accordion/AccordionContext.js +0 -1
  8. package/cjs/accordion/AccordionContext.js.map +1 -1
  9. package/cjs/accordion/AccordionHeader.js +5 -13
  10. package/cjs/accordion/AccordionHeader.js.map +1 -1
  11. package/cjs/accordion/AccordionItem.js +4 -6
  12. package/cjs/accordion/AccordionItem.js.map +1 -1
  13. package/cjs/alert/Alert.js +9 -10
  14. package/cjs/alert/Alert.js.map +1 -1
  15. package/cjs/alert/base-alert/close-button/BaseAlertCloseButton.js +2 -3
  16. package/cjs/alert/base-alert/close-button/BaseAlertCloseButton.js.map +1 -1
  17. package/cjs/alert/base-alert/content/BaseAlertContent.js +2 -2
  18. package/cjs/alert/base-alert/content/BaseAlertContent.js.map +1 -1
  19. package/cjs/alert/base-alert/header/BaseAlertHeader.js +3 -4
  20. package/cjs/alert/base-alert/header/BaseAlertHeader.js.map +1 -1
  21. package/cjs/alert/base-alert/root/BaseAlertRoot.d.ts +3 -1
  22. package/cjs/alert/base-alert/root/BaseAlertRoot.js +2 -3
  23. package/cjs/alert/base-alert/root/BaseAlertRoot.js.map +1 -1
  24. package/cjs/alert/base-alert/title/BaseAlertTitle.js +2 -7
  25. package/cjs/alert/base-alert/title/BaseAlertTitle.js.map +1 -1
  26. package/cjs/alert/global-alert/root/GlobalAlertRoot.d.ts +4 -0
  27. package/cjs/alert/global-alert/root/GlobalAlertRoot.js.map +1 -1
  28. package/cjs/alert/local-alert/root/LocalAlertRoot.d.ts +4 -0
  29. package/cjs/alert/local-alert/root/LocalAlertRoot.js.map +1 -1
  30. package/cjs/button/Button.d.ts +14 -1
  31. package/cjs/button/Button.js +7 -8
  32. package/cjs/button/Button.js.map +1 -1
  33. package/cjs/chat/Bubble.js +3 -4
  34. package/cjs/chat/Bubble.js.map +1 -1
  35. package/cjs/chat/Chat.d.ts +11 -3
  36. package/cjs/chat/Chat.js +4 -5
  37. package/cjs/chat/Chat.js.map +1 -1
  38. package/cjs/chips/Chips.d.ts +17 -17
  39. package/cjs/chips/Chips.js +21 -22
  40. package/cjs/chips/Chips.js.map +1 -1
  41. package/cjs/chips/Removable.d.ts +8 -2
  42. package/cjs/chips/Removable.js +4 -15
  43. package/cjs/chips/Removable.js.map +1 -1
  44. package/cjs/chips/Toggle.d.ts +8 -2
  45. package/cjs/chips/Toggle.js +6 -16
  46. package/cjs/chips/Toggle.js.map +1 -1
  47. package/cjs/collapsible/Collapsible.d.ts +1 -1
  48. package/cjs/collapsible/Collapsible.js +1 -1
  49. package/cjs/copybutton/CopyButton.d.ts +13 -2
  50. package/cjs/copybutton/CopyButton.js +13 -29
  51. package/cjs/copybutton/CopyButton.js.map +1 -1
  52. package/cjs/date/Date.Dialog.js +7 -8
  53. package/cjs/date/Date.Dialog.js.map +1 -1
  54. package/cjs/date/Date.Input.js +17 -18
  55. package/cjs/date/Date.Input.js.map +1 -1
  56. package/cjs/date/datepicker/DatePicker.js +2 -3
  57. package/cjs/date/datepicker/DatePicker.js.map +1 -1
  58. package/cjs/date/datepicker/DatePicker.types.d.ts +5 -0
  59. package/cjs/date/datepicker/parts/DatePicker.DayButton.js +2 -3
  60. package/cjs/date/datepicker/parts/DatePicker.DayButton.js.map +1 -1
  61. package/cjs/date/datepicker/parts/DatePicker.Months.js +7 -9
  62. package/cjs/date/datepicker/parts/DatePicker.Months.js.map +1 -1
  63. package/cjs/date/datepicker/parts/DatePicker.RDP.d.ts +0 -5
  64. package/cjs/date/datepicker/parts/DatePicker.RDP.js +2 -3
  65. package/cjs/date/datepicker/parts/DatePicker.RDP.js.map +1 -1
  66. package/cjs/date/datepicker/parts/DatePicker.Standalone.d.ts +0 -5
  67. package/cjs/date/datepicker/parts/DatePicker.Standalone.js +2 -3
  68. package/cjs/date/datepicker/parts/DatePicker.Standalone.js.map +1 -1
  69. package/cjs/date/datepicker/parts/DatePicker.WeekNumber.js +5 -6
  70. package/cjs/date/datepicker/parts/DatePicker.WeekNumber.js.map +1 -1
  71. package/cjs/date/datepicker/parts/DatePicker.WeekRow.js +4 -6
  72. package/cjs/date/datepicker/parts/DatePicker.WeekRow.js.map +1 -1
  73. package/cjs/date/monthpicker/MonthPicker.js +3 -4
  74. package/cjs/date/monthpicker/MonthPicker.js.map +1 -1
  75. package/cjs/date/monthpicker/parts/MonthPicker.Button.js +3 -4
  76. package/cjs/date/monthpicker/parts/MonthPicker.Button.js.map +1 -1
  77. package/cjs/date/monthpicker/parts/MonthPicker.Caption.js +4 -6
  78. package/cjs/date/monthpicker/parts/MonthPicker.Caption.js.map +1 -1
  79. package/cjs/date/monthpicker/parts/MonthPicker.Standalone.js +3 -4
  80. package/cjs/date/monthpicker/parts/MonthPicker.Standalone.js.map +1 -1
  81. package/cjs/dialog/backdrop/DialogBackdropInternal.js +2 -3
  82. package/cjs/dialog/backdrop/DialogBackdropInternal.js.map +1 -1
  83. package/cjs/dialog/body/DialogBody.js +2 -3
  84. package/cjs/dialog/body/DialogBody.js.map +1 -1
  85. package/cjs/dialog/description/DialogDescription.js +2 -3
  86. package/cjs/dialog/description/DialogDescription.js.map +1 -1
  87. package/cjs/dialog/footer/DialogFooter.js +2 -3
  88. package/cjs/dialog/footer/DialogFooter.js.map +1 -1
  89. package/cjs/dialog/header/DialogHeader.js +3 -4
  90. package/cjs/dialog/header/DialogHeader.js.map +1 -1
  91. package/cjs/dialog/popup/DialogPopupInternal.js +2 -3
  92. package/cjs/dialog/popup/DialogPopupInternal.js.map +1 -1
  93. package/cjs/dialog/title/DialogTitle.js +2 -3
  94. package/cjs/dialog/title/DialogTitle.js.map +1 -1
  95. package/cjs/dropdown/Menu/Divider.js +2 -3
  96. package/cjs/dropdown/Menu/Divider.js.map +1 -1
  97. package/cjs/dropdown/Menu/GroupedList/GroupedHeading.js +2 -3
  98. package/cjs/dropdown/Menu/GroupedList/GroupedHeading.js.map +1 -1
  99. package/cjs/dropdown/Menu/GroupedList/GroupedItem.js +3 -4
  100. package/cjs/dropdown/Menu/GroupedList/GroupedItem.js.map +1 -1
  101. package/cjs/dropdown/Menu/GroupedList/index.js +2 -3
  102. package/cjs/dropdown/Menu/GroupedList/index.js.map +1 -1
  103. package/cjs/dropdown/Menu/List/Item.js +3 -4
  104. package/cjs/dropdown/Menu/List/Item.js.map +1 -1
  105. package/cjs/dropdown/Menu/List/index.js +2 -3
  106. package/cjs/dropdown/Menu/List/index.js.map +1 -1
  107. package/cjs/dropdown/Menu/index.js +2 -3
  108. package/cjs/dropdown/Menu/index.js.map +1 -1
  109. package/cjs/dropdown/Toggle.js +2 -3
  110. package/cjs/dropdown/Toggle.js.map +1 -1
  111. package/cjs/expansion-card/ExpansionCard.d.ts +7 -0
  112. package/cjs/expansion-card/ExpansionCard.js +3 -5
  113. package/cjs/expansion-card/ExpansionCard.js.map +1 -1
  114. package/cjs/expansion-card/ExpansionCardContent.js +4 -4
  115. package/cjs/expansion-card/ExpansionCardContent.js.map +1 -1
  116. package/cjs/expansion-card/ExpansionCardDescription.js +2 -3
  117. package/cjs/expansion-card/ExpansionCardDescription.js.map +1 -1
  118. package/cjs/expansion-card/ExpansionCardHeader.js +5 -6
  119. package/cjs/expansion-card/ExpansionCardHeader.js.map +1 -1
  120. package/cjs/expansion-card/ExpansionCardTitle.js +2 -3
  121. package/cjs/expansion-card/ExpansionCardTitle.js.map +1 -1
  122. package/cjs/form/ReadOnlyIcon.js +2 -5
  123. package/cjs/form/ReadOnlyIcon.js.map +1 -1
  124. package/cjs/form/checkbox/Checkbox.js +37 -80
  125. package/cjs/form/checkbox/Checkbox.js.map +1 -1
  126. package/cjs/form/checkbox/CheckboxGroup.js +3 -4
  127. package/cjs/form/checkbox/CheckboxGroup.js.map +1 -1
  128. package/cjs/form/combobox/Combobox.js +7 -8
  129. package/cjs/form/combobox/Combobox.js.map +1 -1
  130. package/cjs/form/combobox/ComboboxWrapper.js +7 -8
  131. package/cjs/form/combobox/ComboboxWrapper.js.map +1 -1
  132. package/cjs/form/combobox/FilteredOptions/AddNewOption.js +3 -4
  133. package/cjs/form/combobox/FilteredOptions/AddNewOption.js.map +1 -1
  134. package/cjs/form/combobox/FilteredOptions/FilteredOptions.js +8 -11
  135. package/cjs/form/combobox/FilteredOptions/FilteredOptions.js.map +1 -1
  136. package/cjs/form/combobox/FilteredOptions/FilteredOptionsItem.js +4 -5
  137. package/cjs/form/combobox/FilteredOptions/FilteredOptionsItem.js.map +1 -1
  138. package/cjs/form/combobox/FilteredOptions/LoadingMessage.js +1 -3
  139. package/cjs/form/combobox/FilteredOptions/LoadingMessage.js.map +1 -1
  140. package/cjs/form/combobox/FilteredOptions/MaxSelectedMessage.js +1 -3
  141. package/cjs/form/combobox/FilteredOptions/MaxSelectedMessage.js.map +1 -1
  142. package/cjs/form/combobox/FilteredOptions/NoSearchHitsMessage.js +1 -3
  143. package/cjs/form/combobox/FilteredOptions/NoSearchHitsMessage.js.map +1 -1
  144. package/cjs/form/combobox/FilteredOptions/filteredOptionsContext.js +2 -2
  145. package/cjs/form/combobox/FilteredOptions/filteredOptionsContext.js.map +1 -1
  146. package/cjs/form/combobox/Input/Input.js +2 -3
  147. package/cjs/form/combobox/Input/Input.js.map +1 -1
  148. package/cjs/form/combobox/Input/InputController.d.ts +1 -1
  149. package/cjs/form/combobox/Input/InputController.js +3 -4
  150. package/cjs/form/combobox/Input/InputController.js.map +1 -1
  151. package/cjs/form/combobox/Input/ToggleListButton.js +1 -3
  152. package/cjs/form/combobox/Input/ToggleListButton.js.map +1 -1
  153. package/cjs/form/combobox/SelectedOptions/SelectedOptions.js +3 -6
  154. package/cjs/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
  155. package/cjs/form/confirmation-panel/ConfirmationPanel.js +9 -14
  156. package/cjs/form/confirmation-panel/ConfirmationPanel.js.map +1 -1
  157. package/cjs/form/error-summary/ErrorSummary.js +4 -5
  158. package/cjs/form/error-summary/ErrorSummary.js.map +1 -1
  159. package/cjs/form/error-summary/ErrorSummaryItem.js +2 -3
  160. package/cjs/form/error-summary/ErrorSummaryItem.js.map +1 -1
  161. package/cjs/form/fieldset/Fieldset.js +13 -16
  162. package/cjs/form/fieldset/Fieldset.js.map +1 -1
  163. package/cjs/form/fieldset/useFieldset.js +2 -5
  164. package/cjs/form/fieldset/useFieldset.js.map +1 -1
  165. package/cjs/form/file-upload/FileUpload.js +2 -3
  166. package/cjs/form/file-upload/FileUpload.js.map +1 -1
  167. package/cjs/form/file-upload/parts/dropzone/Dropzone.js +16 -21
  168. package/cjs/form/file-upload/parts/dropzone/Dropzone.js.map +1 -1
  169. package/cjs/form/file-upload/parts/item/Item.js +10 -26
  170. package/cjs/form/file-upload/parts/item/Item.js.map +1 -1
  171. package/cjs/form/file-upload/parts/item/ItemActionField.d.ts +13 -0
  172. package/cjs/form/file-upload/parts/item/ItemActionField.js +37 -0
  173. package/cjs/form/file-upload/parts/item/ItemActionField.js.map +1 -0
  174. package/cjs/form/file-upload/parts/item/ItemButton.js +1 -3
  175. package/cjs/form/file-upload/parts/item/ItemButton.js.map +1 -1
  176. package/cjs/form/file-upload/parts/item/{ItemName.d.ts → ItemHeader.d.ts} +2 -2
  177. package/cjs/form/file-upload/parts/item/ItemHeader.js +46 -0
  178. package/cjs/form/file-upload/parts/item/ItemHeader.js.map +1 -0
  179. package/cjs/form/file-upload/parts/item/ItemIcon.d.ts +1 -3
  180. package/cjs/form/file-upload/parts/item/ItemIcon.js +2 -13
  181. package/cjs/form/file-upload/parts/item/ItemIcon.js.map +1 -1
  182. package/cjs/form/file-upload/useFileUpload.d.ts +1 -1
  183. package/cjs/form/form-progress/FormProgress.js +7 -9
  184. package/cjs/form/form-progress/FormProgress.js.map +1 -1
  185. package/cjs/form/form-summary/FormSummary.js +2 -3
  186. package/cjs/form/form-summary/FormSummary.js.map +1 -1
  187. package/cjs/form/form-summary/FormSummaryAnswer.js +3 -2
  188. package/cjs/form/form-summary/FormSummaryAnswer.js.map +1 -1
  189. package/cjs/form/form-summary/FormSummaryAnswers.js +6 -4
  190. package/cjs/form/form-summary/FormSummaryAnswers.js.map +1 -1
  191. package/cjs/form/form-summary/FormSummaryEditLink.js +2 -3
  192. package/cjs/form/form-summary/FormSummaryEditLink.js.map +1 -1
  193. package/cjs/form/form-summary/FormSummaryFooter.js +2 -3
  194. package/cjs/form/form-summary/FormSummaryFooter.js.map +1 -1
  195. package/cjs/form/form-summary/FormSummaryHeader.js +2 -3
  196. package/cjs/form/form-summary/FormSummaryHeader.js.map +1 -1
  197. package/cjs/form/form-summary/FormSummaryValue.js +2 -3
  198. package/cjs/form/form-summary/FormSummaryValue.js.map +1 -1
  199. package/cjs/form/radio/Radio.js +10 -28
  200. package/cjs/form/radio/Radio.js.map +1 -1
  201. package/cjs/form/radio/RadioGroup.js +3 -4
  202. package/cjs/form/radio/RadioGroup.js.map +1 -1
  203. package/cjs/form/search/Search.d.ts +6 -0
  204. package/cjs/form/search/Search.js +15 -20
  205. package/cjs/form/search/Search.js.map +1 -1
  206. package/cjs/form/search/SearchButton.js +2 -3
  207. package/cjs/form/search/SearchButton.js.map +1 -1
  208. package/cjs/form/select/Select.js +14 -15
  209. package/cjs/form/select/Select.js.map +1 -1
  210. package/cjs/form/switch/Switch.js +15 -16
  211. package/cjs/form/switch/Switch.js.map +1 -1
  212. package/cjs/form/textarea/Textarea.js +15 -17
  213. package/cjs/form/textarea/Textarea.js.map +1 -1
  214. package/cjs/form/textarea/TextareaCounter.js +5 -6
  215. package/cjs/form/textarea/TextareaCounter.js.map +1 -1
  216. package/cjs/form/textfield/TextField.js +13 -14
  217. package/cjs/form/textfield/TextField.js.map +1 -1
  218. package/cjs/form/useFormField.js +2 -5
  219. package/cjs/form/useFormField.js.map +1 -1
  220. package/cjs/guide-panel/GuidePanel.js +7 -12
  221. package/cjs/guide-panel/GuidePanel.js.map +1 -1
  222. package/cjs/guide-panel/Illustration.d.ts +1 -1
  223. package/cjs/guide-panel/Illustration.js +20 -15
  224. package/cjs/guide-panel/Illustration.js.map +1 -1
  225. package/cjs/help-text/HelpText.d.ts +10 -0
  226. package/cjs/help-text/HelpText.js +5 -7
  227. package/cjs/help-text/HelpText.js.map +1 -1
  228. package/cjs/help-text/HelpTextIcon.js +4 -7
  229. package/cjs/help-text/HelpTextIcon.js.map +1 -1
  230. package/cjs/inline-message/icon/InlineMessageIcon.js +1 -3
  231. package/cjs/inline-message/icon/InlineMessageIcon.js.map +1 -1
  232. package/cjs/inline-message/root/InlineMessage.d.ts +4 -0
  233. package/cjs/inline-message/root/InlineMessage.js +3 -7
  234. package/cjs/inline-message/root/InlineMessage.js.map +1 -1
  235. package/cjs/internal-header/InternalHeader.js +3 -7
  236. package/cjs/internal-header/InternalHeader.js.map +1 -1
  237. package/cjs/internal-header/InternalHeaderButton.js +2 -3
  238. package/cjs/internal-header/InternalHeaderButton.js.map +1 -1
  239. package/cjs/internal-header/InternalHeaderTitle.js +2 -3
  240. package/cjs/internal-header/InternalHeaderTitle.js.map +1 -1
  241. package/cjs/internal-header/InternalHeaderUser.js +2 -3
  242. package/cjs/internal-header/InternalHeaderUser.js.map +1 -1
  243. package/cjs/internal-header/InternalHeaderUserButton.js +2 -3
  244. package/cjs/internal-header/InternalHeaderUserButton.js.map +1 -1
  245. package/cjs/layout/base/BasePrimitive.d.ts +11 -11
  246. package/cjs/layout/base/BasePrimitive.js +28 -31
  247. package/cjs/layout/base/BasePrimitive.js.map +1 -1
  248. package/cjs/layout/bleed/Bleed.d.ts +7 -7
  249. package/cjs/layout/bleed/Bleed.js +6 -9
  250. package/cjs/layout/bleed/Bleed.js.map +1 -1
  251. package/cjs/layout/box/Box.d.ts +22 -12
  252. package/cjs/layout/box/Box.darkside.d.ts +16 -14
  253. package/cjs/layout/box/Box.darkside.js +18 -15
  254. package/cjs/layout/box/Box.darkside.js.map +1 -1
  255. package/cjs/layout/box/Box.js +20 -39
  256. package/cjs/layout/box/Box.js.map +1 -1
  257. package/cjs/layout/grid/HGrid.d.ts +4 -4
  258. package/cjs/layout/grid/HGrid.js +8 -11
  259. package/cjs/layout/grid/HGrid.js.map +1 -1
  260. package/cjs/layout/page/Page.d.ts +4 -8
  261. package/cjs/layout/page/Page.js +8 -15
  262. package/cjs/layout/page/Page.js.map +1 -1
  263. package/cjs/layout/page/parts/PageBlock.js +2 -3
  264. package/cjs/layout/page/parts/PageBlock.js.map +1 -1
  265. package/cjs/layout/responsive/Responsive.js +4 -5
  266. package/cjs/layout/responsive/Responsive.js.map +1 -1
  267. package/cjs/layout/stack/Spacer.js +1 -3
  268. package/cjs/layout/stack/Spacer.js.map +1 -1
  269. package/cjs/layout/stack/Stack.d.ts +1 -1
  270. package/cjs/layout/stack/Stack.js +10 -13
  271. package/cjs/layout/stack/Stack.js.map +1 -1
  272. package/cjs/layout/utilities/css.d.ts +2 -2
  273. package/cjs/layout/utilities/css.js +13 -53
  274. package/cjs/layout/utilities/css.js.map +1 -1
  275. package/cjs/layout/utilities/types.d.ts +3 -7
  276. package/cjs/link/Link.d.ts +11 -2
  277. package/cjs/link/Link.js +4 -18
  278. package/cjs/link/Link.js.map +1 -1
  279. package/cjs/link-card/LinkCard.d.ts +9 -0
  280. package/cjs/link-card/LinkCard.js +8 -14
  281. package/cjs/link-card/LinkCard.js.map +1 -1
  282. package/cjs/link-panel/LinkPanel.js +4 -5
  283. package/cjs/link-panel/LinkPanel.js.map +1 -1
  284. package/cjs/link-panel/LinkPanelDescription.js +2 -3
  285. package/cjs/link-panel/LinkPanelDescription.js.map +1 -1
  286. package/cjs/link-panel/LinkPanelTitle.js +2 -3
  287. package/cjs/link-panel/LinkPanelTitle.js.map +1 -1
  288. package/cjs/list/List.Item.js +5 -6
  289. package/cjs/list/List.Item.js.map +1 -1
  290. package/cjs/list/List.js +3 -24
  291. package/cjs/list/List.js.map +1 -1
  292. package/cjs/list/List.types.d.ts +2 -14
  293. package/cjs/loader/Loader.d.ts +4 -1
  294. package/cjs/loader/Loader.js +5 -6
  295. package/cjs/loader/Loader.js.map +1 -1
  296. package/cjs/modal/Modal.context.d.ts +1 -1
  297. package/cjs/modal/Modal.js +10 -16
  298. package/cjs/modal/Modal.js.map +1 -1
  299. package/cjs/modal/ModalBody.js +2 -3
  300. package/cjs/modal/ModalBody.js.map +1 -1
  301. package/cjs/modal/ModalFooter.js +2 -3
  302. package/cjs/modal/ModalFooter.js.map +1 -1
  303. package/cjs/modal/ModalHeader.js +3 -4
  304. package/cjs/modal/ModalHeader.js.map +1 -1
  305. package/cjs/modal/ModalUtils.d.ts +1 -3
  306. package/cjs/modal/ModalUtils.js +1 -38
  307. package/cjs/modal/ModalUtils.js.map +1 -1
  308. package/cjs/overlays/action-menu/ActionMenu.js +40 -61
  309. package/cjs/overlays/action-menu/ActionMenu.js.map +1 -1
  310. package/cjs/overlays/floating/Floating.js +5 -5
  311. package/cjs/overlays/floating/Floating.js.map +1 -1
  312. package/cjs/pagination/Pagination.d.ts +12 -5
  313. package/cjs/pagination/Pagination.js +9 -18
  314. package/cjs/pagination/Pagination.js.map +1 -1
  315. package/cjs/pagination/PaginationItem.js +3 -5
  316. package/cjs/pagination/PaginationItem.js.map +1 -1
  317. package/cjs/panel/Panel.d.ts +2 -2
  318. package/cjs/panel/Panel.js +5 -6
  319. package/cjs/panel/Panel.js.map +1 -1
  320. package/cjs/popover/Popover.d.ts +2 -3
  321. package/cjs/popover/Popover.js +8 -21
  322. package/cjs/popover/Popover.js.map +1 -1
  323. package/cjs/popover/PopoverContent.js +2 -3
  324. package/cjs/popover/PopoverContent.js.map +1 -1
  325. package/cjs/portal/Portal.js +2 -5
  326. package/cjs/portal/Portal.js.map +1 -1
  327. package/cjs/process/Process.js +11 -18
  328. package/cjs/process/Process.js.map +1 -1
  329. package/cjs/progress-bar/ProgressBar.d.ts +7 -0
  330. package/cjs/progress-bar/ProgressBar.js +6 -7
  331. package/cjs/progress-bar/ProgressBar.js.map +1 -1
  332. package/cjs/read-more/ReadMore.d.ts +11 -0
  333. package/cjs/read-more/ReadMore.js +7 -8
  334. package/cjs/read-more/ReadMore.js.map +1 -1
  335. package/cjs/skeleton/Skeleton.js +6 -7
  336. package/cjs/skeleton/Skeleton.js.map +1 -1
  337. package/cjs/stepper/Step.js +9 -10
  338. package/cjs/stepper/Step.js.map +1 -1
  339. package/cjs/stepper/Stepper.js +5 -11
  340. package/cjs/stepper/Stepper.js.map +1 -1
  341. package/cjs/table/AnimateHeight.js +2 -4
  342. package/cjs/table/AnimateHeight.js.map +1 -1
  343. package/cjs/table/Body.js +2 -3
  344. package/cjs/table/Body.js.map +1 -1
  345. package/cjs/table/ColumnHeader.js +3 -5
  346. package/cjs/table/ColumnHeader.js.map +1 -1
  347. package/cjs/table/DataCell.js +3 -4
  348. package/cjs/table/DataCell.js.map +1 -1
  349. package/cjs/table/ExpandableRow.js +12 -13
  350. package/cjs/table/ExpandableRow.js.map +1 -1
  351. package/cjs/table/Header.js +2 -3
  352. package/cjs/table/Header.js.map +1 -1
  353. package/cjs/table/HeaderCell.js +4 -5
  354. package/cjs/table/HeaderCell.js.map +1 -1
  355. package/cjs/table/Row.js +4 -5
  356. package/cjs/table/Row.js.map +1 -1
  357. package/cjs/table/Table.js +4 -5
  358. package/cjs/table/Table.js.map +1 -1
  359. package/cjs/tabs/Tabs.context.d.ts +1 -1
  360. package/cjs/tabs/Tabs.js +2 -3
  361. package/cjs/tabs/Tabs.js.map +1 -1
  362. package/cjs/tabs/parts/tab/Tab.js +5 -6
  363. package/cjs/tabs/parts/tab/Tab.js.map +1 -1
  364. package/cjs/tabs/parts/tab/useTab.d.ts +1 -1
  365. package/cjs/tabs/parts/tablist/ScrollButtons.js +3 -4
  366. package/cjs/tabs/parts/tablist/ScrollButtons.js.map +1 -1
  367. package/cjs/tabs/parts/tablist/TabList.js +3 -4
  368. package/cjs/tabs/parts/tablist/TabList.js.map +1 -1
  369. package/cjs/tabs/parts/tabpanel/TabPanel.js +2 -3
  370. package/cjs/tabs/parts/tabpanel/TabPanel.js.map +1 -1
  371. package/cjs/tag/Tag.d.ts +12 -1
  372. package/cjs/tag/Tag.js +7 -5
  373. package/cjs/tag/Tag.js.map +1 -1
  374. package/cjs/theme/Theme.d.ts +9 -18
  375. package/cjs/theme/Theme.js +7 -31
  376. package/cjs/theme/Theme.js.map +1 -1
  377. package/cjs/timeline/AxisLabels.js +1 -3
  378. package/cjs/timeline/AxisLabels.js.map +1 -1
  379. package/cjs/timeline/Timeline.js +1 -3
  380. package/cjs/timeline/Timeline.js.map +1 -1
  381. package/cjs/timeline/TimelineRow.js +5 -6
  382. package/cjs/timeline/TimelineRow.js.map +1 -1
  383. package/cjs/timeline/period/ClickablePeriod.js +5 -6
  384. package/cjs/timeline/period/ClickablePeriod.js.map +1 -1
  385. package/cjs/timeline/period/NonClickablePeriod.js +4 -5
  386. package/cjs/timeline/period/NonClickablePeriod.js.map +1 -1
  387. package/cjs/timeline/period/index.d.ts +8 -0
  388. package/cjs/timeline/period/index.js.map +1 -1
  389. package/cjs/timeline/pin/PinInternal.js +3 -5
  390. package/cjs/timeline/pin/PinInternal.js.map +1 -1
  391. package/cjs/timeline/utils/period.js +5 -9
  392. package/cjs/timeline/utils/period.js.map +1 -1
  393. package/cjs/timeline/zoom/ZoomButton.js +1 -3
  394. package/cjs/timeline/zoom/ZoomButton.js.map +1 -1
  395. package/cjs/timeline/zoom/index.js +2 -3
  396. package/cjs/timeline/zoom/index.js.map +1 -1
  397. package/cjs/toggle-group/ToggleGroup.context.d.ts +1 -1
  398. package/cjs/toggle-group/ToggleGroup.js +6 -15
  399. package/cjs/toggle-group/ToggleGroup.js.map +1 -1
  400. package/cjs/toggle-group/ToggleGroup.types.d.ts +11 -2
  401. package/cjs/toggle-group/parts/ToggleItem.js +3 -4
  402. package/cjs/toggle-group/parts/ToggleItem.js.map +1 -1
  403. package/cjs/toggle-group/parts/useToggleItem.d.ts +1 -1
  404. package/cjs/tooltip/Tooltip.js +4 -5
  405. package/cjs/tooltip/Tooltip.js.map +1 -1
  406. package/cjs/typography/BodyLong.d.ts +9 -0
  407. package/cjs/typography/BodyLong.js +2 -3
  408. package/cjs/typography/BodyLong.js.map +1 -1
  409. package/cjs/typography/BodyShort.d.ts +9 -0
  410. package/cjs/typography/BodyShort.js +2 -3
  411. package/cjs/typography/BodyShort.js.map +1 -1
  412. package/cjs/typography/Detail.d.ts +9 -0
  413. package/cjs/typography/Detail.js +3 -4
  414. package/cjs/typography/Detail.js.map +1 -1
  415. package/cjs/typography/ErrorMessage.js +4 -5
  416. package/cjs/typography/ErrorMessage.js.map +1 -1
  417. package/cjs/typography/Heading.d.ts +9 -0
  418. package/cjs/typography/Heading.js +2 -3
  419. package/cjs/typography/Heading.js.map +1 -1
  420. package/cjs/typography/Ingress.js +3 -4
  421. package/cjs/typography/Ingress.js.map +1 -1
  422. package/cjs/typography/Label.d.ts +9 -0
  423. package/cjs/typography/Label.js +3 -4
  424. package/cjs/typography/Label.js.map +1 -1
  425. package/cjs/typography/types.d.ts +1 -1
  426. package/cjs/typography/util.js +9 -13
  427. package/cjs/typography/util.js.map +1 -1
  428. package/cjs/util/TextareaAutoSize.js +1 -3
  429. package/cjs/util/TextareaAutoSize.js.map +1 -1
  430. package/cjs/util/className.d.ts +6 -0
  431. package/cjs/util/className.js +46 -0
  432. package/cjs/util/className.js.map +1 -0
  433. package/cjs/util/hooks/descendants/useDescendant.d.ts +1 -1
  434. package/cjs/util/hooks/useMergeRefs.d.ts +2 -1
  435. package/cjs/util/hooks/useMergeRefs.js.map +1 -1
  436. package/cjs/util/link-anchor/LinkAnchor.js +4 -7
  437. package/cjs/util/link-anchor/LinkAnchor.js.map +1 -1
  438. package/cjs/util/virtualfocus/Context.d.ts +1 -1
  439. package/esm/accordion/Accordion.d.ts +15 -7
  440. package/esm/accordion/Accordion.js +5 -6
  441. package/esm/accordion/Accordion.js.map +1 -1
  442. package/esm/accordion/AccordionContent.js +4 -3
  443. package/esm/accordion/AccordionContent.js.map +1 -1
  444. package/esm/accordion/AccordionContext.d.ts +1 -2
  445. package/esm/accordion/AccordionContext.js +0 -1
  446. package/esm/accordion/AccordionContext.js.map +1 -1
  447. package/esm/accordion/AccordionHeader.js +5 -13
  448. package/esm/accordion/AccordionHeader.js.map +1 -1
  449. package/esm/accordion/AccordionItem.js +4 -6
  450. package/esm/accordion/AccordionItem.js.map +1 -1
  451. package/esm/alert/Alert.js +9 -10
  452. package/esm/alert/Alert.js.map +1 -1
  453. package/esm/alert/base-alert/close-button/BaseAlertCloseButton.js +2 -3
  454. package/esm/alert/base-alert/close-button/BaseAlertCloseButton.js.map +1 -1
  455. package/esm/alert/base-alert/content/BaseAlertContent.js +3 -3
  456. package/esm/alert/base-alert/content/BaseAlertContent.js.map +1 -1
  457. package/esm/alert/base-alert/header/BaseAlertHeader.js +3 -4
  458. package/esm/alert/base-alert/header/BaseAlertHeader.js.map +1 -1
  459. package/esm/alert/base-alert/root/BaseAlertRoot.d.ts +3 -1
  460. package/esm/alert/base-alert/root/BaseAlertRoot.js +2 -3
  461. package/esm/alert/base-alert/root/BaseAlertRoot.js.map +1 -1
  462. package/esm/alert/base-alert/title/BaseAlertTitle.js +2 -4
  463. package/esm/alert/base-alert/title/BaseAlertTitle.js.map +1 -1
  464. package/esm/alert/global-alert/root/GlobalAlertRoot.d.ts +4 -0
  465. package/esm/alert/global-alert/root/GlobalAlertRoot.js.map +1 -1
  466. package/esm/alert/local-alert/root/LocalAlertRoot.d.ts +4 -0
  467. package/esm/alert/local-alert/root/LocalAlertRoot.js.map +1 -1
  468. package/esm/button/Button.d.ts +14 -1
  469. package/esm/button/Button.js +7 -8
  470. package/esm/button/Button.js.map +1 -1
  471. package/esm/chat/Bubble.js +3 -4
  472. package/esm/chat/Bubble.js.map +1 -1
  473. package/esm/chat/Chat.d.ts +11 -3
  474. package/esm/chat/Chat.js +4 -5
  475. package/esm/chat/Chat.js.map +1 -1
  476. package/esm/chips/Chips.d.ts +17 -17
  477. package/esm/chips/Chips.js +21 -22
  478. package/esm/chips/Chips.js.map +1 -1
  479. package/esm/chips/Removable.d.ts +8 -2
  480. package/esm/chips/Removable.js +4 -15
  481. package/esm/chips/Removable.js.map +1 -1
  482. package/esm/chips/Toggle.d.ts +8 -2
  483. package/esm/chips/Toggle.js +6 -16
  484. package/esm/chips/Toggle.js.map +1 -1
  485. package/esm/collapsible/Collapsible.d.ts +1 -1
  486. package/esm/collapsible/Collapsible.js +1 -1
  487. package/esm/copybutton/CopyButton.d.ts +13 -2
  488. package/esm/copybutton/CopyButton.js +13 -29
  489. package/esm/copybutton/CopyButton.js.map +1 -1
  490. package/esm/date/Date.Dialog.js +7 -8
  491. package/esm/date/Date.Dialog.js.map +1 -1
  492. package/esm/date/Date.Input.js +17 -18
  493. package/esm/date/Date.Input.js.map +1 -1
  494. package/esm/date/datepicker/DatePicker.js +2 -3
  495. package/esm/date/datepicker/DatePicker.js.map +1 -1
  496. package/esm/date/datepicker/DatePicker.types.d.ts +5 -0
  497. package/esm/date/datepicker/parts/DatePicker.DayButton.js +2 -3
  498. package/esm/date/datepicker/parts/DatePicker.DayButton.js.map +1 -1
  499. package/esm/date/datepicker/parts/DatePicker.Months.js +7 -9
  500. package/esm/date/datepicker/parts/DatePicker.Months.js.map +1 -1
  501. package/esm/date/datepicker/parts/DatePicker.RDP.d.ts +0 -5
  502. package/esm/date/datepicker/parts/DatePicker.RDP.js +2 -3
  503. package/esm/date/datepicker/parts/DatePicker.RDP.js.map +1 -1
  504. package/esm/date/datepicker/parts/DatePicker.Standalone.d.ts +0 -5
  505. package/esm/date/datepicker/parts/DatePicker.Standalone.js +2 -3
  506. package/esm/date/datepicker/parts/DatePicker.Standalone.js.map +1 -1
  507. package/esm/date/datepicker/parts/DatePicker.WeekNumber.js +5 -6
  508. package/esm/date/datepicker/parts/DatePicker.WeekNumber.js.map +1 -1
  509. package/esm/date/datepicker/parts/DatePicker.WeekRow.js +4 -6
  510. package/esm/date/datepicker/parts/DatePicker.WeekRow.js.map +1 -1
  511. package/esm/date/monthpicker/MonthPicker.js +3 -4
  512. package/esm/date/monthpicker/MonthPicker.js.map +1 -1
  513. package/esm/date/monthpicker/parts/MonthPicker.Button.js +3 -4
  514. package/esm/date/monthpicker/parts/MonthPicker.Button.js.map +1 -1
  515. package/esm/date/monthpicker/parts/MonthPicker.Caption.js +4 -6
  516. package/esm/date/monthpicker/parts/MonthPicker.Caption.js.map +1 -1
  517. package/esm/date/monthpicker/parts/MonthPicker.Standalone.js +3 -4
  518. package/esm/date/monthpicker/parts/MonthPicker.Standalone.js.map +1 -1
  519. package/esm/dialog/backdrop/DialogBackdropInternal.js +2 -3
  520. package/esm/dialog/backdrop/DialogBackdropInternal.js.map +1 -1
  521. package/esm/dialog/body/DialogBody.js +2 -3
  522. package/esm/dialog/body/DialogBody.js.map +1 -1
  523. package/esm/dialog/description/DialogDescription.js +2 -3
  524. package/esm/dialog/description/DialogDescription.js.map +1 -1
  525. package/esm/dialog/footer/DialogFooter.js +2 -3
  526. package/esm/dialog/footer/DialogFooter.js.map +1 -1
  527. package/esm/dialog/header/DialogHeader.js +3 -4
  528. package/esm/dialog/header/DialogHeader.js.map +1 -1
  529. package/esm/dialog/popup/DialogPopupInternal.js +2 -3
  530. package/esm/dialog/popup/DialogPopupInternal.js.map +1 -1
  531. package/esm/dialog/title/DialogTitle.js +2 -3
  532. package/esm/dialog/title/DialogTitle.js.map +1 -1
  533. package/esm/dropdown/Menu/Divider.js +2 -3
  534. package/esm/dropdown/Menu/Divider.js.map +1 -1
  535. package/esm/dropdown/Menu/GroupedList/GroupedHeading.js +2 -3
  536. package/esm/dropdown/Menu/GroupedList/GroupedHeading.js.map +1 -1
  537. package/esm/dropdown/Menu/GroupedList/GroupedItem.js +3 -4
  538. package/esm/dropdown/Menu/GroupedList/GroupedItem.js.map +1 -1
  539. package/esm/dropdown/Menu/GroupedList/index.js +2 -3
  540. package/esm/dropdown/Menu/GroupedList/index.js.map +1 -1
  541. package/esm/dropdown/Menu/List/Item.js +3 -4
  542. package/esm/dropdown/Menu/List/Item.js.map +1 -1
  543. package/esm/dropdown/Menu/List/index.js +2 -3
  544. package/esm/dropdown/Menu/List/index.js.map +1 -1
  545. package/esm/dropdown/Menu/index.js +2 -3
  546. package/esm/dropdown/Menu/index.js.map +1 -1
  547. package/esm/dropdown/Toggle.js +2 -3
  548. package/esm/dropdown/Toggle.js.map +1 -1
  549. package/esm/expansion-card/ExpansionCard.d.ts +7 -0
  550. package/esm/expansion-card/ExpansionCard.js +3 -5
  551. package/esm/expansion-card/ExpansionCard.js.map +1 -1
  552. package/esm/expansion-card/ExpansionCardContent.js +5 -5
  553. package/esm/expansion-card/ExpansionCardContent.js.map +1 -1
  554. package/esm/expansion-card/ExpansionCardDescription.js +2 -3
  555. package/esm/expansion-card/ExpansionCardDescription.js.map +1 -1
  556. package/esm/expansion-card/ExpansionCardHeader.js +5 -6
  557. package/esm/expansion-card/ExpansionCardHeader.js.map +1 -1
  558. package/esm/expansion-card/ExpansionCardTitle.js +2 -3
  559. package/esm/expansion-card/ExpansionCardTitle.js.map +1 -1
  560. package/esm/form/ReadOnlyIcon.js +2 -5
  561. package/esm/form/ReadOnlyIcon.js.map +1 -1
  562. package/esm/form/checkbox/Checkbox.js +37 -80
  563. package/esm/form/checkbox/Checkbox.js.map +1 -1
  564. package/esm/form/checkbox/CheckboxGroup.js +3 -4
  565. package/esm/form/checkbox/CheckboxGroup.js.map +1 -1
  566. package/esm/form/combobox/Combobox.js +7 -8
  567. package/esm/form/combobox/Combobox.js.map +1 -1
  568. package/esm/form/combobox/ComboboxWrapper.js +7 -8
  569. package/esm/form/combobox/ComboboxWrapper.js.map +1 -1
  570. package/esm/form/combobox/FilteredOptions/AddNewOption.js +3 -4
  571. package/esm/form/combobox/FilteredOptions/AddNewOption.js.map +1 -1
  572. package/esm/form/combobox/FilteredOptions/FilteredOptions.js +8 -11
  573. package/esm/form/combobox/FilteredOptions/FilteredOptions.js.map +1 -1
  574. package/esm/form/combobox/FilteredOptions/FilteredOptionsItem.js +4 -5
  575. package/esm/form/combobox/FilteredOptions/FilteredOptionsItem.js.map +1 -1
  576. package/esm/form/combobox/FilteredOptions/LoadingMessage.js +1 -3
  577. package/esm/form/combobox/FilteredOptions/LoadingMessage.js.map +1 -1
  578. package/esm/form/combobox/FilteredOptions/MaxSelectedMessage.js +1 -3
  579. package/esm/form/combobox/FilteredOptions/MaxSelectedMessage.js.map +1 -1
  580. package/esm/form/combobox/FilteredOptions/NoSearchHitsMessage.js +1 -3
  581. package/esm/form/combobox/FilteredOptions/NoSearchHitsMessage.js.map +1 -1
  582. package/esm/form/combobox/FilteredOptions/filteredOptionsContext.js +1 -1
  583. package/esm/form/combobox/FilteredOptions/filteredOptionsContext.js.map +1 -1
  584. package/esm/form/combobox/Input/Input.js +2 -3
  585. package/esm/form/combobox/Input/Input.js.map +1 -1
  586. package/esm/form/combobox/Input/InputController.d.ts +1 -1
  587. package/esm/form/combobox/Input/InputController.js +3 -4
  588. package/esm/form/combobox/Input/InputController.js.map +1 -1
  589. package/esm/form/combobox/Input/ToggleListButton.js +1 -3
  590. package/esm/form/combobox/Input/ToggleListButton.js.map +1 -1
  591. package/esm/form/combobox/SelectedOptions/SelectedOptions.js +3 -6
  592. package/esm/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
  593. package/esm/form/confirmation-panel/ConfirmationPanel.js +8 -10
  594. package/esm/form/confirmation-panel/ConfirmationPanel.js.map +1 -1
  595. package/esm/form/error-summary/ErrorSummary.js +4 -5
  596. package/esm/form/error-summary/ErrorSummary.js.map +1 -1
  597. package/esm/form/error-summary/ErrorSummaryItem.js +2 -3
  598. package/esm/form/error-summary/ErrorSummaryItem.js.map +1 -1
  599. package/esm/form/fieldset/Fieldset.js +12 -12
  600. package/esm/form/fieldset/Fieldset.js.map +1 -1
  601. package/esm/form/fieldset/useFieldset.js +1 -1
  602. package/esm/form/fieldset/useFieldset.js.map +1 -1
  603. package/esm/form/file-upload/FileUpload.js +2 -3
  604. package/esm/form/file-upload/FileUpload.js.map +1 -1
  605. package/esm/form/file-upload/parts/dropzone/Dropzone.js +16 -18
  606. package/esm/form/file-upload/parts/dropzone/Dropzone.js.map +1 -1
  607. package/esm/form/file-upload/parts/item/Item.js +11 -24
  608. package/esm/form/file-upload/parts/item/Item.js.map +1 -1
  609. package/esm/form/file-upload/parts/item/ItemActionField.d.ts +13 -0
  610. package/esm/form/file-upload/parts/item/ItemActionField.js +32 -0
  611. package/esm/form/file-upload/parts/item/ItemActionField.js.map +1 -0
  612. package/esm/form/file-upload/parts/item/ItemButton.js +1 -3
  613. package/esm/form/file-upload/parts/item/ItemButton.js.map +1 -1
  614. package/esm/form/file-upload/parts/item/{ItemName.d.ts → ItemHeader.d.ts} +2 -2
  615. package/esm/form/file-upload/parts/item/ItemHeader.js +40 -0
  616. package/esm/form/file-upload/parts/item/ItemHeader.js.map +1 -0
  617. package/esm/form/file-upload/parts/item/ItemIcon.d.ts +1 -3
  618. package/esm/form/file-upload/parts/item/ItemIcon.js +3 -14
  619. package/esm/form/file-upload/parts/item/ItemIcon.js.map +1 -1
  620. package/esm/form/file-upload/useFileUpload.d.ts +1 -1
  621. package/esm/form/form-progress/FormProgress.js +7 -9
  622. package/esm/form/form-progress/FormProgress.js.map +1 -1
  623. package/esm/form/form-summary/FormSummary.js +2 -3
  624. package/esm/form/form-summary/FormSummary.js.map +1 -1
  625. package/esm/form/form-summary/FormSummaryAnswer.js +4 -3
  626. package/esm/form/form-summary/FormSummaryAnswer.js.map +1 -1
  627. package/esm/form/form-summary/FormSummaryAnswers.js +6 -4
  628. package/esm/form/form-summary/FormSummaryAnswers.js.map +1 -1
  629. package/esm/form/form-summary/FormSummaryEditLink.js +2 -3
  630. package/esm/form/form-summary/FormSummaryEditLink.js.map +1 -1
  631. package/esm/form/form-summary/FormSummaryFooter.js +2 -3
  632. package/esm/form/form-summary/FormSummaryFooter.js.map +1 -1
  633. package/esm/form/form-summary/FormSummaryHeader.js +2 -3
  634. package/esm/form/form-summary/FormSummaryHeader.js.map +1 -1
  635. package/esm/form/form-summary/FormSummaryValue.js +2 -3
  636. package/esm/form/form-summary/FormSummaryValue.js.map +1 -1
  637. package/esm/form/radio/Radio.js +10 -25
  638. package/esm/form/radio/Radio.js.map +1 -1
  639. package/esm/form/radio/RadioGroup.js +3 -4
  640. package/esm/form/radio/RadioGroup.js.map +1 -1
  641. package/esm/form/search/Search.d.ts +6 -0
  642. package/esm/form/search/Search.js +15 -20
  643. package/esm/form/search/Search.js.map +1 -1
  644. package/esm/form/search/SearchButton.js +2 -3
  645. package/esm/form/search/SearchButton.js.map +1 -1
  646. package/esm/form/select/Select.js +14 -15
  647. package/esm/form/select/Select.js.map +1 -1
  648. package/esm/form/switch/Switch.js +15 -16
  649. package/esm/form/switch/Switch.js.map +1 -1
  650. package/esm/form/textarea/Textarea.js +14 -16
  651. package/esm/form/textarea/Textarea.js.map +1 -1
  652. package/esm/form/textarea/TextareaCounter.js +5 -6
  653. package/esm/form/textarea/TextareaCounter.js.map +1 -1
  654. package/esm/form/textfield/TextField.js +13 -14
  655. package/esm/form/textfield/TextField.js.map +1 -1
  656. package/esm/form/useFormField.js +1 -1
  657. package/esm/form/useFormField.js.map +1 -1
  658. package/esm/guide-panel/GuidePanel.js +9 -14
  659. package/esm/guide-panel/GuidePanel.js.map +1 -1
  660. package/esm/guide-panel/Illustration.d.ts +1 -1
  661. package/esm/guide-panel/Illustration.js +18 -13
  662. package/esm/guide-panel/Illustration.js.map +1 -1
  663. package/esm/help-text/HelpText.d.ts +10 -0
  664. package/esm/help-text/HelpText.js +5 -7
  665. package/esm/help-text/HelpText.js.map +1 -1
  666. package/esm/help-text/HelpTextIcon.js +4 -7
  667. package/esm/help-text/HelpTextIcon.js.map +1 -1
  668. package/esm/inline-message/icon/InlineMessageIcon.js +1 -3
  669. package/esm/inline-message/icon/InlineMessageIcon.js.map +1 -1
  670. package/esm/inline-message/root/InlineMessage.d.ts +4 -0
  671. package/esm/inline-message/root/InlineMessage.js +3 -4
  672. package/esm/inline-message/root/InlineMessage.js.map +1 -1
  673. package/esm/internal-header/InternalHeader.js +4 -8
  674. package/esm/internal-header/InternalHeader.js.map +1 -1
  675. package/esm/internal-header/InternalHeaderButton.js +2 -3
  676. package/esm/internal-header/InternalHeaderButton.js.map +1 -1
  677. package/esm/internal-header/InternalHeaderTitle.js +2 -3
  678. package/esm/internal-header/InternalHeaderTitle.js.map +1 -1
  679. package/esm/internal-header/InternalHeaderUser.js +2 -3
  680. package/esm/internal-header/InternalHeaderUser.js.map +1 -1
  681. package/esm/internal-header/InternalHeaderUserButton.js +2 -3
  682. package/esm/internal-header/InternalHeaderUserButton.js.map +1 -1
  683. package/esm/layout/base/BasePrimitive.d.ts +11 -11
  684. package/esm/layout/base/BasePrimitive.js +28 -31
  685. package/esm/layout/base/BasePrimitive.js.map +1 -1
  686. package/esm/layout/bleed/Bleed.d.ts +7 -7
  687. package/esm/layout/bleed/Bleed.js +6 -9
  688. package/esm/layout/bleed/Bleed.js.map +1 -1
  689. package/esm/layout/box/Box.d.ts +22 -12
  690. package/esm/layout/box/Box.darkside.d.ts +16 -14
  691. package/esm/layout/box/Box.darkside.js +18 -15
  692. package/esm/layout/box/Box.darkside.js.map +1 -1
  693. package/esm/layout/box/Box.js +20 -39
  694. package/esm/layout/box/Box.js.map +1 -1
  695. package/esm/layout/grid/HGrid.d.ts +4 -4
  696. package/esm/layout/grid/HGrid.js +8 -11
  697. package/esm/layout/grid/HGrid.js.map +1 -1
  698. package/esm/layout/page/Page.d.ts +4 -8
  699. package/esm/layout/page/Page.js +8 -15
  700. package/esm/layout/page/Page.js.map +1 -1
  701. package/esm/layout/page/parts/PageBlock.js +2 -3
  702. package/esm/layout/page/parts/PageBlock.js.map +1 -1
  703. package/esm/layout/responsive/Responsive.js +4 -5
  704. package/esm/layout/responsive/Responsive.js.map +1 -1
  705. package/esm/layout/stack/Spacer.js +1 -3
  706. package/esm/layout/stack/Spacer.js.map +1 -1
  707. package/esm/layout/stack/Stack.d.ts +1 -1
  708. package/esm/layout/stack/Stack.js +10 -13
  709. package/esm/layout/stack/Stack.js.map +1 -1
  710. package/esm/layout/utilities/css.d.ts +2 -2
  711. package/esm/layout/utilities/css.js +13 -53
  712. package/esm/layout/utilities/css.js.map +1 -1
  713. package/esm/layout/utilities/types.d.ts +3 -7
  714. package/esm/link/Link.d.ts +11 -2
  715. package/esm/link/Link.js +4 -18
  716. package/esm/link/Link.js.map +1 -1
  717. package/esm/link-card/LinkCard.d.ts +9 -0
  718. package/esm/link-card/LinkCard.js +8 -14
  719. package/esm/link-card/LinkCard.js.map +1 -1
  720. package/esm/link-panel/LinkPanel.js +4 -5
  721. package/esm/link-panel/LinkPanel.js.map +1 -1
  722. package/esm/link-panel/LinkPanelDescription.js +2 -3
  723. package/esm/link-panel/LinkPanelDescription.js.map +1 -1
  724. package/esm/link-panel/LinkPanelTitle.js +2 -3
  725. package/esm/link-panel/LinkPanelTitle.js.map +1 -1
  726. package/esm/list/List.Item.js +5 -6
  727. package/esm/list/List.Item.js.map +1 -1
  728. package/esm/list/List.js +4 -25
  729. package/esm/list/List.js.map +1 -1
  730. package/esm/list/List.types.d.ts +2 -14
  731. package/esm/loader/Loader.d.ts +4 -1
  732. package/esm/loader/Loader.js +5 -6
  733. package/esm/loader/Loader.js.map +1 -1
  734. package/esm/modal/Modal.context.d.ts +1 -1
  735. package/esm/modal/Modal.js +11 -17
  736. package/esm/modal/Modal.js.map +1 -1
  737. package/esm/modal/ModalBody.js +2 -3
  738. package/esm/modal/ModalBody.js.map +1 -1
  739. package/esm/modal/ModalFooter.js +2 -3
  740. package/esm/modal/ModalFooter.js.map +1 -1
  741. package/esm/modal/ModalHeader.js +3 -4
  742. package/esm/modal/ModalHeader.js.map +1 -1
  743. package/esm/modal/ModalUtils.d.ts +1 -3
  744. package/esm/modal/ModalUtils.js +1 -37
  745. package/esm/modal/ModalUtils.js.map +1 -1
  746. package/esm/overlays/action-menu/ActionMenu.js +40 -61
  747. package/esm/overlays/action-menu/ActionMenu.js.map +1 -1
  748. package/esm/overlays/floating/Floating.js +5 -5
  749. package/esm/overlays/floating/Floating.js.map +1 -1
  750. package/esm/pagination/Pagination.d.ts +12 -5
  751. package/esm/pagination/Pagination.js +9 -18
  752. package/esm/pagination/Pagination.js.map +1 -1
  753. package/esm/pagination/PaginationItem.js +3 -5
  754. package/esm/pagination/PaginationItem.js.map +1 -1
  755. package/esm/panel/Panel.d.ts +2 -2
  756. package/esm/panel/Panel.js +5 -6
  757. package/esm/panel/Panel.js.map +1 -1
  758. package/esm/popover/Popover.d.ts +2 -3
  759. package/esm/popover/Popover.js +10 -23
  760. package/esm/popover/Popover.js.map +1 -1
  761. package/esm/popover/PopoverContent.js +2 -3
  762. package/esm/popover/PopoverContent.js.map +1 -1
  763. package/esm/portal/Portal.js +2 -5
  764. package/esm/portal/Portal.js.map +1 -1
  765. package/esm/process/Process.js +11 -18
  766. package/esm/process/Process.js.map +1 -1
  767. package/esm/progress-bar/ProgressBar.d.ts +7 -0
  768. package/esm/progress-bar/ProgressBar.js +6 -7
  769. package/esm/progress-bar/ProgressBar.js.map +1 -1
  770. package/esm/read-more/ReadMore.d.ts +11 -0
  771. package/esm/read-more/ReadMore.js +7 -8
  772. package/esm/read-more/ReadMore.js.map +1 -1
  773. package/esm/skeleton/Skeleton.js +6 -7
  774. package/esm/skeleton/Skeleton.js.map +1 -1
  775. package/esm/stepper/Step.js +9 -10
  776. package/esm/stepper/Step.js.map +1 -1
  777. package/esm/stepper/Stepper.js +5 -11
  778. package/esm/stepper/Stepper.js.map +1 -1
  779. package/esm/table/AnimateHeight.js +2 -4
  780. package/esm/table/AnimateHeight.js.map +1 -1
  781. package/esm/table/Body.js +2 -3
  782. package/esm/table/Body.js.map +1 -1
  783. package/esm/table/ColumnHeader.js +3 -5
  784. package/esm/table/ColumnHeader.js.map +1 -1
  785. package/esm/table/DataCell.js +3 -4
  786. package/esm/table/DataCell.js.map +1 -1
  787. package/esm/table/ExpandableRow.js +12 -13
  788. package/esm/table/ExpandableRow.js.map +1 -1
  789. package/esm/table/Header.js +2 -3
  790. package/esm/table/Header.js.map +1 -1
  791. package/esm/table/HeaderCell.js +4 -5
  792. package/esm/table/HeaderCell.js.map +1 -1
  793. package/esm/table/Row.js +4 -5
  794. package/esm/table/Row.js.map +1 -1
  795. package/esm/table/Table.js +4 -5
  796. package/esm/table/Table.js.map +1 -1
  797. package/esm/tabs/Tabs.context.d.ts +1 -1
  798. package/esm/tabs/Tabs.js +2 -3
  799. package/esm/tabs/Tabs.js.map +1 -1
  800. package/esm/tabs/parts/tab/Tab.js +5 -6
  801. package/esm/tabs/parts/tab/Tab.js.map +1 -1
  802. package/esm/tabs/parts/tab/useTab.d.ts +1 -1
  803. package/esm/tabs/parts/tablist/ScrollButtons.js +3 -4
  804. package/esm/tabs/parts/tablist/ScrollButtons.js.map +1 -1
  805. package/esm/tabs/parts/tablist/TabList.js +3 -4
  806. package/esm/tabs/parts/tablist/TabList.js.map +1 -1
  807. package/esm/tabs/parts/tabpanel/TabPanel.js +2 -3
  808. package/esm/tabs/parts/tabpanel/TabPanel.js.map +1 -1
  809. package/esm/tag/Tag.d.ts +12 -1
  810. package/esm/tag/Tag.js +7 -5
  811. package/esm/tag/Tag.js.map +1 -1
  812. package/esm/theme/Theme.d.ts +9 -18
  813. package/esm/theme/Theme.js +7 -26
  814. package/esm/theme/Theme.js.map +1 -1
  815. package/esm/timeline/AxisLabels.js +1 -3
  816. package/esm/timeline/AxisLabels.js.map +1 -1
  817. package/esm/timeline/Timeline.js +1 -3
  818. package/esm/timeline/Timeline.js.map +1 -1
  819. package/esm/timeline/TimelineRow.js +5 -6
  820. package/esm/timeline/TimelineRow.js.map +1 -1
  821. package/esm/timeline/period/ClickablePeriod.js +5 -6
  822. package/esm/timeline/period/ClickablePeriod.js.map +1 -1
  823. package/esm/timeline/period/NonClickablePeriod.js +4 -5
  824. package/esm/timeline/period/NonClickablePeriod.js.map +1 -1
  825. package/esm/timeline/period/index.d.ts +8 -0
  826. package/esm/timeline/period/index.js.map +1 -1
  827. package/esm/timeline/pin/PinInternal.js +3 -5
  828. package/esm/timeline/pin/PinInternal.js.map +1 -1
  829. package/esm/timeline/utils/period.js +5 -6
  830. package/esm/timeline/utils/period.js.map +1 -1
  831. package/esm/timeline/zoom/ZoomButton.js +1 -3
  832. package/esm/timeline/zoom/ZoomButton.js.map +1 -1
  833. package/esm/timeline/zoom/index.js +2 -3
  834. package/esm/timeline/zoom/index.js.map +1 -1
  835. package/esm/toggle-group/ToggleGroup.context.d.ts +1 -1
  836. package/esm/toggle-group/ToggleGroup.js +6 -15
  837. package/esm/toggle-group/ToggleGroup.js.map +1 -1
  838. package/esm/toggle-group/ToggleGroup.types.d.ts +11 -2
  839. package/esm/toggle-group/parts/ToggleItem.js +3 -4
  840. package/esm/toggle-group/parts/ToggleItem.js.map +1 -1
  841. package/esm/toggle-group/parts/useToggleItem.d.ts +1 -1
  842. package/esm/tooltip/Tooltip.js +4 -5
  843. package/esm/tooltip/Tooltip.js.map +1 -1
  844. package/esm/types/theme.d.ts +1 -1
  845. package/esm/typography/BodyLong.d.ts +9 -0
  846. package/esm/typography/BodyLong.js +2 -3
  847. package/esm/typography/BodyLong.js.map +1 -1
  848. package/esm/typography/BodyShort.d.ts +9 -0
  849. package/esm/typography/BodyShort.js +2 -3
  850. package/esm/typography/BodyShort.js.map +1 -1
  851. package/esm/typography/Detail.d.ts +9 -0
  852. package/esm/typography/Detail.js +3 -4
  853. package/esm/typography/Detail.js.map +1 -1
  854. package/esm/typography/ErrorMessage.js +4 -5
  855. package/esm/typography/ErrorMessage.js.map +1 -1
  856. package/esm/typography/Heading.d.ts +9 -0
  857. package/esm/typography/Heading.js +2 -3
  858. package/esm/typography/Heading.js.map +1 -1
  859. package/esm/typography/Ingress.js +3 -4
  860. package/esm/typography/Ingress.js.map +1 -1
  861. package/esm/typography/Label.d.ts +9 -0
  862. package/esm/typography/Label.js +3 -4
  863. package/esm/typography/Label.js.map +1 -1
  864. package/esm/typography/types.d.ts +1 -1
  865. package/esm/typography/util.js +8 -9
  866. package/esm/typography/util.js.map +1 -1
  867. package/esm/util/TextareaAutoSize.js +1 -3
  868. package/esm/util/TextareaAutoSize.js.map +1 -1
  869. package/esm/util/className.d.ts +6 -0
  870. package/esm/util/className.js +43 -0
  871. package/esm/util/className.js.map +1 -0
  872. package/esm/util/hooks/descendants/useDescendant.d.ts +1 -1
  873. package/esm/util/hooks/useMergeRefs.d.ts +2 -1
  874. package/esm/util/hooks/useMergeRefs.js.map +1 -1
  875. package/esm/util/link-anchor/LinkAnchor.js +4 -7
  876. package/esm/util/link-anchor/LinkAnchor.js.map +1 -1
  877. package/esm/util/virtualfocus/Context.d.ts +1 -1
  878. package/package.json +3 -4
  879. package/src/accordion/Accordion.tsx +24 -25
  880. package/src/accordion/AccordionContent.tsx +11 -10
  881. package/src/accordion/AccordionContext.tsx +1 -3
  882. package/src/accordion/AccordionHeader.tsx +8 -16
  883. package/src/accordion/AccordionItem.tsx +4 -6
  884. package/src/alert/Alert.tsx +14 -15
  885. package/src/alert/base-alert/close-button/BaseAlertCloseButton.tsx +2 -3
  886. package/src/alert/base-alert/content/BaseAlertContent.tsx +3 -3
  887. package/src/alert/base-alert/header/BaseAlertHeader.tsx +3 -4
  888. package/src/alert/base-alert/root/BaseAlertRoot.tsx +5 -5
  889. package/src/alert/base-alert/title/BaseAlertTitle.tsx +2 -4
  890. package/src/alert/global-alert/root/GlobalAlertRoot.tsx +4 -0
  891. package/src/alert/local-alert/root/LocalAlertRoot.tsx +4 -0
  892. package/src/button/Button.tsx +26 -25
  893. package/src/chat/Bubble.tsx +5 -7
  894. package/src/chat/Chat.tsx +19 -18
  895. package/src/chips/Chips.tsx +21 -22
  896. package/src/chips/Removable.tsx +13 -21
  897. package/src/chips/Toggle.tsx +14 -20
  898. package/src/collapsible/Collapsible.tsx +1 -1
  899. package/src/copybutton/CopyButton.tsx +51 -90
  900. package/src/date/Date.Dialog.tsx +7 -9
  901. package/src/date/Date.Input.tsx +24 -25
  902. package/src/date/datepicker/DatePicker.tsx +2 -3
  903. package/src/date/datepicker/DatePicker.types.ts +5 -0
  904. package/src/date/datepicker/parts/DatePicker.DayButton.tsx +2 -3
  905. package/src/date/datepicker/parts/DatePicker.Months.tsx +8 -14
  906. package/src/date/datepicker/parts/DatePicker.RDP.tsx +2 -8
  907. package/src/date/datepicker/parts/DatePicker.Standalone.tsx +2 -8
  908. package/src/date/datepicker/parts/DatePicker.WeekNumber.tsx +5 -8
  909. package/src/date/datepicker/parts/DatePicker.WeekRow.tsx +4 -6
  910. package/src/date/monthpicker/MonthPicker.tsx +3 -4
  911. package/src/date/monthpicker/parts/MonthPicker.Button.tsx +3 -4
  912. package/src/date/monthpicker/parts/MonthPicker.Caption.tsx +5 -7
  913. package/src/date/monthpicker/parts/MonthPicker.Standalone.tsx +3 -4
  914. package/src/dialog/backdrop/DialogBackdropInternal.tsx +2 -3
  915. package/src/dialog/body/DialogBody.tsx +2 -4
  916. package/src/dialog/description/DialogDescription.tsx +2 -3
  917. package/src/dialog/footer/DialogFooter.tsx +2 -4
  918. package/src/dialog/header/DialogHeader.tsx +3 -4
  919. package/src/dialog/popup/DialogPopupInternal.tsx +2 -3
  920. package/src/dialog/title/DialogTitle.tsx +2 -3
  921. package/src/dropdown/Menu/Divider.tsx +2 -4
  922. package/src/dropdown/Menu/GroupedList/GroupedHeading.tsx +5 -6
  923. package/src/dropdown/Menu/GroupedList/GroupedItem.tsx +6 -7
  924. package/src/dropdown/Menu/GroupedList/index.tsx +2 -3
  925. package/src/dropdown/Menu/List/Item.tsx +6 -7
  926. package/src/dropdown/Menu/List/index.tsx +2 -4
  927. package/src/dropdown/Menu/index.tsx +2 -4
  928. package/src/dropdown/Toggle.tsx +2 -3
  929. package/src/expansion-card/ExpansionCard.tsx +12 -7
  930. package/src/expansion-card/ExpansionCardContent.tsx +5 -5
  931. package/src/expansion-card/ExpansionCardDescription.tsx +2 -3
  932. package/src/expansion-card/ExpansionCardHeader.tsx +5 -8
  933. package/src/expansion-card/ExpansionCardTitle.tsx +6 -8
  934. package/src/form/ReadOnlyIcon.tsx +2 -5
  935. package/src/form/checkbox/Checkbox.tsx +71 -164
  936. package/src/form/checkbox/CheckboxGroup.tsx +5 -6
  937. package/src/form/combobox/Combobox.tsx +7 -9
  938. package/src/form/combobox/ComboboxWrapper.tsx +9 -10
  939. package/src/form/combobox/FilteredOptions/AddNewOption.tsx +4 -6
  940. package/src/form/combobox/FilteredOptions/FilteredOptions.tsx +8 -15
  941. package/src/form/combobox/FilteredOptions/FilteredOptionsItem.tsx +4 -6
  942. package/src/form/combobox/FilteredOptions/LoadingMessage.tsx +1 -3
  943. package/src/form/combobox/FilteredOptions/MaxSelectedMessage.tsx +1 -3
  944. package/src/form/combobox/FilteredOptions/NoSearchHitsMessage.tsx +1 -4
  945. package/src/form/combobox/FilteredOptions/filteredOptionsContext.tsx +1 -1
  946. package/src/form/combobox/Input/Input.tsx +6 -8
  947. package/src/form/combobox/Input/InputController.tsx +3 -5
  948. package/src/form/combobox/Input/ToggleListButton.tsx +1 -3
  949. package/src/form/combobox/SelectedOptions/SelectedOptions.tsx +3 -12
  950. package/src/form/confirmation-panel/ConfirmationPanel.tsx +8 -10
  951. package/src/form/error-summary/ErrorSummary.tsx +6 -12
  952. package/src/form/error-summary/ErrorSummaryItem.tsx +2 -4
  953. package/src/form/fieldset/Fieldset.tsx +14 -14
  954. package/src/form/fieldset/useFieldset.ts +1 -1
  955. package/src/form/file-upload/FileUpload.tsx +2 -3
  956. package/src/form/file-upload/parts/dropzone/Dropzone.tsx +17 -17
  957. package/src/form/file-upload/parts/item/Item.tsx +16 -41
  958. package/src/form/file-upload/parts/item/ItemActionField.tsx +86 -0
  959. package/src/form/file-upload/parts/item/ItemButton.tsx +1 -3
  960. package/src/form/file-upload/parts/item/ItemHeader.tsx +88 -0
  961. package/src/form/file-upload/parts/item/ItemIcon.tsx +2 -25
  962. package/src/form/form-progress/FormProgress.tsx +7 -11
  963. package/src/form/form-summary/FormSummary.tsx +2 -4
  964. package/src/form/form-summary/FormSummaryAnswer.tsx +5 -3
  965. package/src/form/form-summary/FormSummaryAnswers.tsx +12 -18
  966. package/src/form/form-summary/FormSummaryEditLink.tsx +2 -4
  967. package/src/form/form-summary/FormSummaryFooter.tsx +2 -5
  968. package/src/form/form-summary/FormSummaryHeader.tsx +2 -4
  969. package/src/form/form-summary/FormSummaryValue.tsx +2 -4
  970. package/src/form/radio/Radio.tsx +29 -72
  971. package/src/form/radio/RadioGroup.tsx +5 -6
  972. package/src/form/search/Search.tsx +30 -40
  973. package/src/form/search/SearchButton.tsx +2 -3
  974. package/src/form/select/Select.tsx +19 -24
  975. package/src/form/switch/Switch.tsx +18 -29
  976. package/src/form/textarea/Textarea.tsx +19 -22
  977. package/src/form/textarea/TextareaCounter.tsx +5 -6
  978. package/src/form/textfield/TextField.tsx +18 -20
  979. package/src/form/useFormField.ts +1 -1
  980. package/src/guide-panel/GuidePanel.tsx +36 -49
  981. package/src/guide-panel/Illustration.tsx +75 -66
  982. package/src/help-text/HelpText.tsx +15 -9
  983. package/src/help-text/HelpTextIcon.tsx +4 -10
  984. package/src/inline-message/icon/InlineMessageIcon.tsx +1 -4
  985. package/src/inline-message/root/InlineMessage.tsx +7 -4
  986. package/src/internal-header/InternalHeader.tsx +9 -22
  987. package/src/internal-header/InternalHeaderButton.tsx +2 -4
  988. package/src/internal-header/InternalHeaderTitle.tsx +4 -6
  989. package/src/internal-header/InternalHeaderUser.tsx +2 -4
  990. package/src/internal-header/InternalHeaderUserButton.tsx +2 -4
  991. package/src/layout/base/BasePrimitive.tsx +63 -67
  992. package/src/layout/bleed/Bleed.tsx +14 -26
  993. package/src/layout/box/Box.darkside.tsx +29 -30
  994. package/src/layout/box/Box.tsx +49 -66
  995. package/src/layout/grid/HGrid.tsx +11 -15
  996. package/src/layout/page/Page.tsx +12 -37
  997. package/src/layout/page/parts/PageBlock.tsx +5 -7
  998. package/src/layout/responsive/Responsive.tsx +4 -5
  999. package/src/layout/stack/Spacer.tsx +1 -3
  1000. package/src/layout/stack/Stack.tsx +14 -18
  1001. package/src/layout/utilities/css.ts +14 -71
  1002. package/src/layout/utilities/types.ts +2 -15
  1003. package/src/link/Link.tsx +15 -24
  1004. package/src/link-card/LinkCard.tsx +19 -22
  1005. package/src/link-panel/LinkPanel.tsx +4 -9
  1006. package/src/link-panel/LinkPanelDescription.tsx +2 -4
  1007. package/src/link-panel/LinkPanelTitle.tsx +5 -7
  1008. package/src/list/List.Item.tsx +5 -6
  1009. package/src/list/List.tsx +3 -60
  1010. package/src/list/List.types.ts +2 -14
  1011. package/src/loader/Loader.tsx +12 -10
  1012. package/src/modal/Modal.context.ts +1 -1
  1013. package/src/modal/Modal.tsx +11 -22
  1014. package/src/modal/ModalBody.tsx +2 -3
  1015. package/src/modal/ModalFooter.tsx +2 -3
  1016. package/src/modal/ModalHeader.tsx +3 -4
  1017. package/src/modal/ModalUtils.ts +1 -47
  1018. package/src/overlays/action-menu/ActionMenu.tsx +63 -136
  1019. package/src/overlays/floating/Floating.tsx +5 -5
  1020. package/src/pagination/Pagination.tsx +23 -24
  1021. package/src/pagination/PaginationItem.tsx +5 -8
  1022. package/src/panel/Panel.tsx +5 -6
  1023. package/src/popover/Popover.tsx +11 -40
  1024. package/src/popover/PopoverContent.tsx +2 -3
  1025. package/src/portal/Portal.tsx +10 -14
  1026. package/src/process/Process.tsx +11 -29
  1027. package/src/progress-bar/ProgressBar.tsx +15 -9
  1028. package/src/react-css.d.ts +0 -3
  1029. package/src/read-more/ReadMore.tsx +21 -11
  1030. package/src/skeleton/Skeleton.tsx +8 -9
  1031. package/src/stepper/Step.tsx +9 -14
  1032. package/src/stepper/Stepper.tsx +6 -19
  1033. package/src/table/AnimateHeight.tsx +2 -4
  1034. package/src/table/Body.tsx +2 -3
  1035. package/src/table/ColumnHeader.tsx +2 -5
  1036. package/src/table/DataCell.tsx +3 -4
  1037. package/src/table/ExpandableRow.tsx +15 -21
  1038. package/src/table/Header.tsx +2 -3
  1039. package/src/table/HeaderCell.tsx +4 -5
  1040. package/src/table/Row.tsx +4 -6
  1041. package/src/table/Table.tsx +4 -5
  1042. package/src/tabs/Tabs.tsx +2 -3
  1043. package/src/tabs/parts/tab/Tab.tsx +8 -9
  1044. package/src/tabs/parts/tablist/ScrollButtons.tsx +3 -5
  1045. package/src/tabs/parts/tablist/TabList.tsx +3 -4
  1046. package/src/tabs/parts/tabpanel/TabPanel.tsx +2 -3
  1047. package/src/tag/Tag.tsx +47 -44
  1048. package/src/theme/Theme.tsx +22 -63
  1049. package/src/timeline/AxisLabels.tsx +2 -5
  1050. package/src/timeline/Timeline.tsx +1 -3
  1051. package/src/timeline/TimelineRow.tsx +5 -6
  1052. package/src/timeline/period/ClickablePeriod.tsx +6 -7
  1053. package/src/timeline/period/NonClickablePeriod.tsx +4 -5
  1054. package/src/timeline/period/index.tsx +8 -0
  1055. package/src/timeline/pin/PinInternal.tsx +3 -5
  1056. package/src/timeline/utils/period.ts +5 -6
  1057. package/src/timeline/zoom/ZoomButton.tsx +1 -4
  1058. package/src/timeline/zoom/index.tsx +2 -4
  1059. package/src/toggle-group/ToggleGroup.tsx +8 -19
  1060. package/src/toggle-group/ToggleGroup.types.ts +11 -2
  1061. package/src/toggle-group/parts/ToggleItem.tsx +3 -4
  1062. package/src/tooltip/Tooltip.tsx +7 -13
  1063. package/src/types/theme.d.ts +1 -1
  1064. package/src/typography/BodyLong.tsx +13 -6
  1065. package/src/typography/BodyShort.tsx +13 -6
  1066. package/src/typography/Detail.tsx +13 -6
  1067. package/src/typography/ErrorMessage.tsx +6 -8
  1068. package/src/typography/Heading.tsx +13 -5
  1069. package/src/typography/Ingress.tsx +3 -5
  1070. package/src/typography/Label.tsx +13 -6
  1071. package/src/typography/types.ts +1 -1
  1072. package/src/typography/util.ts +8 -9
  1073. package/src/util/TextareaAutoSize.tsx +0 -3
  1074. package/src/util/className.ts +58 -0
  1075. package/src/util/hooks/useMergeRefs.ts +5 -3
  1076. package/src/util/link-anchor/LinkAnchor.tsx +4 -9
  1077. package/cjs/form/file-upload/parts/item/ItemName.js +0 -32
  1078. package/cjs/form/file-upload/parts/item/ItemName.js.map +0 -1
  1079. package/cjs/guide-panel/Illustration.darkside.d.ts +0 -2
  1080. package/cjs/guide-panel/Illustration.darkside.js +0 -30
  1081. package/cjs/guide-panel/Illustration.darkside.js.map +0 -1
  1082. package/esm/form/file-upload/parts/item/ItemName.js +0 -27
  1083. package/esm/form/file-upload/parts/item/ItemName.js.map +0 -1
  1084. package/esm/guide-panel/Illustration.darkside.d.ts +0 -2
  1085. package/esm/guide-panel/Illustration.darkside.js +0 -23
  1086. package/esm/guide-panel/Illustration.darkside.js.map +0 -1
  1087. package/src/form/file-upload/parts/item/ItemName.tsx +0 -58
  1088. package/src/guide-panel/Illustration.darkside.tsx +0 -91
  1089. package/src/theme/RenameCSS.test.ts +0 -80
@@ -10,8 +10,8 @@ var __rest = (this && this.__rest) || function (s, e) {
10
10
  return t;
11
11
  };
12
12
  import React, { forwardRef } from "react";
13
- import { useRenameCSS } from "../theme/Theme.js";
14
13
  import { BodyLong, Heading } from "../typography/index.js";
14
+ import { cl } from "../util/className.js";
15
15
  import { createStrictContext } from "../util/create-strict-context.js";
16
16
  import { LinkAnchor, LinkAnchorArrow, LinkAnchorOverlay, } from "../util/link-anchor/index.js";
17
17
  const { Provider: LinkCardContextProvider, useContext: useLinkCardContext } = createStrictContext({
@@ -44,21 +44,19 @@ const { Provider: LinkCardContextProvider, useContext: useLinkCardContext } = cr
44
44
  */
45
45
  export const LinkCard = forwardRef((_a, forwardedRef) => {
46
46
  var { children, className, arrow = true, arrowPosition = "baseline", size = "medium" } = _a, restProps = __rest(_a, ["children", "className", "arrow", "arrowPosition", "size"]);
47
- const { cn } = useRenameCSS();
48
47
  return (React.createElement(LinkCardContextProvider, { size: size },
49
48
  React.createElement(LinkAnchorOverlay, { asChild: true },
50
- React.createElement(BodyLong, Object.assign({ as: "div", size: size, ref: forwardedRef, "data-color": "neutral", className: cn("navds-link-card", className, `navds-link-card--${size}`), "data-align-arrow": arrowPosition }, restProps),
49
+ React.createElement(BodyLong, Object.assign({ as: "div", size: size, ref: forwardedRef, "data-color": "neutral", className: cl("aksel-link-card", className, `aksel-link-card--${size}`), "data-align-arrow": arrowPosition }, restProps),
51
50
  children,
52
- arrow && (React.createElement(LinkAnchorArrow, { fontSize: size === "medium" ? "1.75rem" : "1.5rem", className: cn("navds-link-card__arrow") }))))));
51
+ arrow && (React.createElement(LinkAnchorArrow, { fontSize: size === "medium" ? "1.75rem" : "1.5rem", className: "aksel-link-card__arrow" }))))));
53
52
  });
54
53
  /**
55
54
  * @see 🏷️ {@link LinkCardTitleProps}
56
55
  */
57
56
  export const LinkCardTitle = forwardRef((_a, forwardedRef) => {
58
57
  var { children, as = "span", className } = _a, restProps = __rest(_a, ["children", "as", "className"]);
59
- const { cn } = useRenameCSS();
60
58
  const context = useLinkCardContext();
61
- return (React.createElement(Heading, Object.assign({ ref: forwardedRef, as: as, size: context.size === "medium" ? "small" : "xsmall", className: cn("navds-link-card__title", className) }, restProps), children));
59
+ return (React.createElement(Heading, Object.assign({ ref: forwardedRef, as: as, size: context.size === "medium" ? "small" : "xsmall", className: cl("aksel-link-card__title", className) }, restProps), children));
62
60
  });
63
61
  /**
64
62
  * @see 🏷️ {@link LinkCardAnchorProps}
@@ -69,32 +67,28 @@ export const LinkCardAnchor = LinkAnchor;
69
67
  */
70
68
  export const LinkCardDescription = forwardRef((_a, forwardedRef) => {
71
69
  var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
72
- const { cn } = useRenameCSS();
73
- return (React.createElement("div", Object.assign({ ref: forwardedRef, className: cn("navds-link-card__description", className) }, restProps), children));
70
+ return (React.createElement("div", Object.assign({ ref: forwardedRef, className: cl("aksel-link-card__description", className) }, restProps), children));
74
71
  });
75
72
  /**
76
73
  * @see 🏷️ {@link LinkCardFooterProps}
77
74
  */
78
75
  export const LinkCardFooter = forwardRef((_a, forwardedRef) => {
79
76
  var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
80
- const { cn } = useRenameCSS();
81
- return (React.createElement("div", Object.assign({ ref: forwardedRef, className: cn("navds-link-card__footer", className) }, restProps), children));
77
+ return (React.createElement("div", Object.assign({ ref: forwardedRef, className: cl("aksel-link-card__footer", className) }, restProps), children));
82
78
  });
83
79
  /**
84
80
  * @see 🏷️ {@link LinkCardIconProps}
85
81
  */
86
82
  export const LinkCardIcon = forwardRef((_a, forwardedRef) => {
87
83
  var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
88
- const { cn } = useRenameCSS();
89
- return (React.createElement("div", Object.assign({ ref: forwardedRef, "aria-hidden": true, className: cn("navds-link-card__icon", className) }, restProps), children));
84
+ return (React.createElement("div", Object.assign({ ref: forwardedRef, "aria-hidden": true, className: cl("aksel-link-card__icon", className) }, restProps), children));
90
85
  });
91
86
  /**
92
87
  * @see 🏷️ {@link LinkCardImageProps}
93
88
  */
94
89
  export const LinkCardImage = forwardRef((_a, forwardedRef) => {
95
90
  var { children, className, aspectRatio, style } = _a, restProps = __rest(_a, ["children", "className", "aspectRatio", "style"]);
96
- const { cn } = useRenameCSS();
97
- return (React.createElement("div", Object.assign({ ref: forwardedRef, className: cn("navds-link-card__image-container", className), style: Object.assign(Object.assign({}, style), { aspectRatio }) }, restProps), children));
91
+ return (React.createElement("div", Object.assign({ ref: forwardedRef, className: cl("aksel-link-card__image-container", className), style: Object.assign(Object.assign({}, style), { aspectRatio }) }, restProps), children));
98
92
  });
99
93
  LinkCard.Title = LinkCardTitle;
100
94
  LinkCard.Anchor = LinkCardAnchor;
@@ -1 +1 @@
1
- {"version":3,"file":"LinkCard.js","sourceRoot":"","sources":["../../src/link-card/LinkCard.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"LinkCard.js","sourceRoot":"","sources":["../../src/link-card/LinkCard.tsx"],"names":[],"mappings":"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"}
@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
12
12
  import React, { forwardRef } from "react";
13
13
  import { ChevronRightIcon } from "@navikt/aksel-icons";
14
14
  import { Panel } from "../panel/index.js";
15
- import { useRenameCSS } from "../theme/Theme.js";
15
+ import { cl } from "../util/className.js";
16
16
  import { LinkPanelDescription, } from "./LinkPanelDescription.js";
17
17
  import { LinkPanelTitle } from "./LinkPanelTitle.js";
18
18
  /**
@@ -26,10 +26,9 @@ import { LinkPanelTitle } from "./LinkPanelTitle.js";
26
26
  */
27
27
  export const LinkPanelComponent = forwardRef((_a, ref) => {
28
28
  var { children, as = "a", border = true, className } = _a, rest = __rest(_a, ["children", "as", "border", "className"]);
29
- const { cn } = useRenameCSS();
30
- return (React.createElement(Panel, Object.assign({}, rest, { as: as, border: border, ref: ref, className: cn("navds-link-panel", className) }),
31
- React.createElement("div", { className: cn("navds-link-panel__content") }, children),
32
- React.createElement(ChevronRightIcon, { className: cn("navds-link-panel__chevron"), "aria-hidden": true })));
29
+ return (React.createElement(Panel, Object.assign({}, rest, { as: as, border: border, ref: ref, className: cl("aksel-link-panel", className) }),
30
+ React.createElement("div", { className: "aksel-link-panel__content" }, children),
31
+ React.createElement(ChevronRightIcon, { className: "aksel-link-panel__chevron", "aria-hidden": true })));
33
32
  });
34
33
  const LinkPanel = LinkPanelComponent;
35
34
  LinkPanel.Title = LinkPanelTitle;
@@ -1 +1 @@
1
- {"version":3,"file":"LinkPanel.js","sourceRoot":"","sources":["../../src/link-panel/LinkPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EACL,oBAAoB,GAErB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,cAAc,EAAuB,MAAM,kBAAkB,CAAC;AA8BvE;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAG3B,UAAU,CACZ,CAAC,EAAyD,EAAE,GAAG,EAAE,EAAE;QAAlE,EAAE,QAAQ,EAAE,EAAE,GAAG,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,SAAS,OAAW,EAAN,IAAI,cAAvD,yCAAyD,CAAF;IACtD,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,oBAAC,KAAK,oBACA,IAAI,IACR,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC;QAE5C,6BAAK,SAAS,EAAE,EAAE,CAAC,2BAA2B,CAAC,IAAG,QAAQ,CAAO;QACjE,oBAAC,gBAAgB,IACf,SAAS,EAAE,EAAE,CAAC,2BAA2B,CAAC,wBAE1C,CACI,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,SAAS,GAAG,kBAA4C,CAAC;AAE/D,SAAS,CAAC,KAAK,GAAG,cAAc,CAAC;AACjC,SAAS,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAE7C,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"LinkPanel.js","sourceRoot":"","sources":["../../src/link-panel/LinkPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EACL,oBAAoB,GAErB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,cAAc,EAAuB,MAAM,kBAAkB,CAAC;AA8BvE;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAG3B,UAAU,CACZ,CAAC,EAAyD,EAAE,GAAG,EAAE,EAAE;QAAlE,EAAE,QAAQ,EAAE,EAAE,GAAG,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,SAAS,OAAW,EAAN,IAAI,cAAvD,yCAAyD,CAAF;IACtD,OAAO,CACL,oBAAC,KAAK,oBACA,IAAI,IACR,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC;QAE5C,6BAAK,SAAS,EAAC,2BAA2B,IAAE,QAAQ,CAAO;QAC3D,oBAAC,gBAAgB,IAAC,SAAS,EAAC,2BAA2B,wBAAe,CAChE,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,SAAS,GAAG,kBAA4C,CAAC;AAE/D,SAAS,CAAC,KAAK,GAAG,cAAc,CAAC;AACjC,SAAS,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAE7C,eAAe,SAAS,CAAC"}
@@ -10,12 +10,11 @@ var __rest = (this && this.__rest) || function (s, e) {
10
10
  return t;
11
11
  };
12
12
  import React, { forwardRef } from "react";
13
- import { useRenameCSS } from "../theme/Theme.js";
14
13
  import { BodyLong } from "../typography/index.js";
14
+ import { cl } from "../util/className.js";
15
15
  export const LinkPanelDescription = forwardRef((_a, ref) => {
16
16
  var { className } = _a, rest = __rest(_a, ["className"]);
17
- const { cn } = useRenameCSS();
18
- return (React.createElement(BodyLong, Object.assign({}, rest, { as: "div", ref: ref, className: cn("navds-link-panel__description", className) })));
17
+ return (React.createElement(BodyLong, Object.assign({}, rest, { as: "div", ref: ref, className: cl("aksel-link-panel__description", className) })));
19
18
  });
20
19
  export default LinkPanelDescription;
21
20
  //# sourceMappingURL=LinkPanelDescription.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"LinkPanelDescription.js","sourceRoot":"","sources":["../../src/link-panel/LinkPanelDescription.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAOzC,MAAM,CAAC,MAAM,oBAAoB,GAAG,UAAU,CAG5C,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IACrB,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,oBAAC,QAAQ,oBACH,IAAI,IACR,EAAE,EAAC,KAAK,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,IACzD,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,oBAAoB,CAAC"}
1
+ {"version":3,"file":"LinkPanelDescription.js","sourceRoot":"","sources":["../../src/link-panel/LinkPanelDescription.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAOvC,MAAM,CAAC,MAAM,oBAAoB,GAAG,UAAU,CAG5C,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IACrB,OAAO,CACL,oBAAC,QAAQ,oBACH,IAAI,IACR,EAAE,EAAC,KAAK,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,IACzD,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,oBAAoB,CAAC"}
@@ -10,11 +10,10 @@ var __rest = (this && this.__rest) || function (s, e) {
10
10
  return t;
11
11
  };
12
12
  import React, { forwardRef } from "react";
13
- import { useRenameCSS } from "../theme/Theme.js";
13
+ import { cl } from "../util/className.js";
14
14
  export const LinkPanelTitle = forwardRef((_a, ref) => {
15
15
  var { className, as: Component = "div" } = _a, rest = __rest(_a, ["className", "as"]);
16
- const { cn } = useRenameCSS();
17
- return (React.createElement(Component, Object.assign({}, rest, { ref: ref, className: cn("navds-link-panel__title", "navds-heading", "navds-heading--medium", className) })));
16
+ return (React.createElement(Component, Object.assign({}, rest, { ref: ref, className: cl("aksel-link-panel__title", "aksel-heading", "aksel-heading--medium", className) })));
18
17
  });
19
18
  export default LinkPanelTitle;
20
19
  //# sourceMappingURL=LinkPanelTitle.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"LinkPanelTitle.js","sourceRoot":"","sources":["../../src/link-panel/LinkPanelTitle.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAQ9C,MAAM,CAAC,MAAM,cAAc,GAGvB,UAAU,CAAC,CAAC,EAA6C,EAAE,GAAG,EAAE,EAAE;QAAtD,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,OAAW,EAAN,IAAI,cAA3C,mBAA6C,CAAF;IACzD,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,yBAAyB,EACzB,eAAe,EACf,uBAAuB,EACvB,SAAS,CACV,IACD,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"LinkPanelTitle.js","sourceRoot":"","sources":["../../src/link-panel/LinkPanelTitle.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAQvC,MAAM,CAAC,MAAM,cAAc,GAGvB,UAAU,CAAC,CAAC,EAA6C,EAAE,GAAG,EAAE,EAAE;QAAtD,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,OAAW,EAAN,IAAI,cAA3C,mBAA6C,CAAF;IACzD,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,yBAAyB,EACzB,eAAe,EACf,uBAAuB,EACvB,SAAS,CACV,IACD,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,cAAc,CAAC"}
@@ -10,8 +10,8 @@ var __rest = (this && this.__rest) || function (s, e) {
10
10
  return t;
11
11
  };
12
12
  import React, { forwardRef, useContext } from "react";
13
- import { useRenameCSS } from "../theme/Theme.js";
14
13
  import { BodyLong } from "../typography/index.js";
14
+ import { cl } from "../util/className.js";
15
15
  import { ListContext } from "./List.context.js";
16
16
  /**
17
17
  * @see 🏷️ {@link ListItemProps}
@@ -19,14 +19,13 @@ import { ListContext } from "./List.context.js";
19
19
  export const ListItem = forwardRef((_a, ref) => {
20
20
  var { className, children, title, icon } = _a, rest = __rest(_a, ["className", "children", "title", "icon"]);
21
21
  const { listType, size } = useContext(ListContext);
22
- const { cn } = useRenameCSS();
23
22
  if (listType === "ol" && icon) {
24
23
  console.warn("<List />: Icon prop is not supported for ordered lists. Please remove the icon prop.");
25
24
  }
26
- return (React.createElement("li", Object.assign({}, rest, { ref: ref, className: cn("navds-list__item", className) }),
27
- listType === "ul" && (React.createElement("div", { className: cn("navds-list__item-marker", {
28
- "navds-list__item-marker--icon": icon,
29
- "navds-list__item-marker--bullet": !icon,
25
+ return (React.createElement("li", Object.assign({}, rest, { ref: ref, className: cl("aksel-list__item", className) }),
26
+ listType === "ul" && (React.createElement("div", { className: cl("aksel-list__item-marker", {
27
+ "aksel-list__item-marker--icon": icon,
28
+ "aksel-list__item-marker--bullet": !icon,
30
29
  }) }, icon ? (icon) : (React.createElement("svg", { viewBox: "0 0 6 6", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": true, focusable: false, role: "img" },
31
30
  React.createElement("rect", { width: "6", height: "6", rx: "3", fill: "currentColor" }))))),
32
31
  React.createElement("div", null,
@@ -1 +1 @@
1
- {"version":3,"file":"List.Item.js","sourceRoot":"","sources":["../../src/list/List.Item.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,EAA6C,EAAE,GAAG,EAAE,EAAE;QAAtD,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,OAAW,EAAN,IAAI,cAA3C,0CAA6C,CAAF;IAC1C,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IACnD,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,IAAI,QAAQ,KAAK,IAAI,IAAI,IAAI,EAAE,CAAC;QAC9B,OAAO,CAAC,IAAI,CACV,sFAAsF,CACvF,CAAC;IACJ,CAAC;IAED,OAAO,CACL,4CAAQ,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC;QACjE,QAAQ,KAAK,IAAI,IAAI,CACpB,6BACE,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE;gBACvC,+BAA+B,EAAE,IAAI;gBACrC,iCAAiC,EAAE,CAAC,IAAI;aACzC,CAAC,IAED,IAAI,CAAC,CAAC,CAAC,CACN,IAAI,CACL,CAAC,CAAC,CAAC,CACF,6BACE,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,uBAElC,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK;YAEV,8BAAM,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,cAAc,GAAG,CACpD,CACP,CACG,CACP;QAED;YACG,KAAK,IAAI,CACR,oBAAC,QAAQ,IAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,UAAU,IAC3C,KAAK,CACG,CACZ;YACA,QAAQ,CACL,CACH,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,WAAW,CAAC;AACnC,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"List.Item.js","sourceRoot":"","sources":["../../src/list/List.Item.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,EAA6C,EAAE,GAAG,EAAE,EAAE;QAAtD,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,OAAW,EAAN,IAAI,cAA3C,0CAA6C,CAAF;IAC1C,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAEnD,IAAI,QAAQ,KAAK,IAAI,IAAI,IAAI,EAAE,CAAC;QAC9B,OAAO,CAAC,IAAI,CACV,sFAAsF,CACvF,CAAC;IACJ,CAAC;IAED,OAAO,CACL,4CAAQ,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC;QACjE,QAAQ,KAAK,IAAI,IAAI,CACpB,6BACE,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE;gBACvC,+BAA+B,EAAE,IAAI;gBACrC,iCAAiC,EAAE,CAAC,IAAI;aACzC,CAAC,IAED,IAAI,CAAC,CAAC,CAAC,CACN,IAAI,CACL,CAAC,CAAC,CAAC,CACF,6BACE,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,uBAElC,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK;YAEV,8BAAM,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,cAAc,GAAG,CACpD,CACP,CACG,CACP;QAED;YACG,KAAK,IAAI,CACR,oBAAC,QAAQ,IAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,UAAU,IAC3C,KAAK,CACG,CACZ;YACA,QAAQ,CACL,CACH,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,WAAW,CAAC;AACnC,eAAe,QAAQ,CAAC"}
package/esm/list/List.js CHANGED
@@ -10,15 +10,10 @@ var __rest = (this && this.__rest) || function (s, e) {
10
10
  return t;
11
11
  };
12
12
  import React, { forwardRef, useContext } from "react";
13
- import { useRenameCSS, useThemeInternal } from "../theme/Theme.js";
14
- import { BodyLong, BodyShort, Heading } from "../typography/index.js";
13
+ import { BodyLong } from "../typography/index.js";
14
+ import { cl } from "../util/className.js";
15
15
  import { ListItem } from "./List.Item.js";
16
16
  import { ListContext } from "./List.context.js";
17
- const headingSizeMap = {
18
- small: "xsmall",
19
- medium: "small",
20
- large: "medium",
21
- };
22
17
  /**
23
18
  * A list component
24
19
  *
@@ -35,30 +30,14 @@ const headingSizeMap = {
35
30
  * ```
36
31
  */
37
32
  export const List = forwardRef((_a, ref) => {
38
- var { children, className, as: ListTag = "ul", title, description, headingTag, size, "aria-label": _ariaLabel, "aria-labelledby": _ariaLabelledBy } = _a, rest = __rest(_a, ["children", "className", "as", "title", "description", "headingTag", "size", "aria-label", "aria-labelledby"]);
33
+ var { children, className, as: ListTag = "ul", size, "aria-label": _ariaLabel, "aria-labelledby": _ariaLabelledBy } = _a, rest = __rest(_a, ["children", "className", "as", "size", "aria-label", "aria-labelledby"]);
39
34
  const { size: contextSize } = useContext(ListContext);
40
- const { cn } = useRenameCSS();
41
- const themeContext = useThemeInternal();
42
35
  const listSize = size !== null && size !== void 0 ? size : contextSize;
43
- if (themeContext === null || themeContext === void 0 ? void 0 : themeContext.isDarkside) {
44
- if (process.env.NODE_ENV !== "production" &&
45
- (title || description || headingTag)) {
46
- console.warn("List: title, description and headingTag are deprecated and will not work with updated theme for Aksel.");
47
- }
48
- return (React.createElement(ListContext.Provider, { value: {
49
- listType: ListTag,
50
- size: listSize,
51
- } },
52
- React.createElement(BodyLong, Object.assign({ as: "div" }, rest, { size: listSize, ref: ref, className: cn("navds-list", `navds-list--${listSize}`, className) }),
53
- React.createElement(ListTag, { role: "list", "aria-label": _ariaLabel, "aria-labelledby": _ariaLabelledBy }, children))));
54
- }
55
36
  return (React.createElement(ListContext.Provider, { value: {
56
37
  listType: ListTag,
57
38
  size: listSize,
58
39
  } },
59
- React.createElement(BodyLong, Object.assign({ as: "div" }, rest, { size: listSize, ref: ref, className: cn("navds-list", `navds-list--${listSize}`, className) }),
60
- title && (React.createElement(Heading, { size: headingSizeMap[listSize], as: headingTag !== null && headingTag !== void 0 ? headingTag : "h3" }, title)),
61
- description && React.createElement(BodyShort, { size: listSize }, description),
40
+ React.createElement(BodyLong, Object.assign({ as: "div" }, rest, { size: listSize, ref: ref, className: cl("aksel-list", `aksel-list--${listSize}`, className) }),
62
41
  React.createElement(ListTag, { role: "list", "aria-label": _ariaLabel, "aria-labelledby": _ariaLabelledBy }, children))));
63
42
  });
64
43
  List.Item = ListItem;
@@ -1 +1 @@
1
- {"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/list/List.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/list/List.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAc7C;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,OAAO,GAAG,IAAI,EAClB,IAAI,EACJ,YAAY,EAAE,UAAU,EACxB,iBAAiB,EAAE,eAAe,OAEnC,EADI,IAAI,cAPT,wEAQC,CADQ;IAIT,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAEtD,MAAM,QAAQ,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,WAAW,CAAC;IAErC,OAAO,CACL,oBAAC,WAAW,CAAC,QAAQ,IACnB,KAAK,EAAE;YACL,QAAQ,EAAE,OAAO;YACjB,IAAI,EAAE,QAAQ;SACf;QAED,oBAAC,QAAQ,kBACP,EAAE,EAAC,KAAK,IACJ,IAAI,IACR,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,eAAe,QAAQ,EAAE,EAAE,SAAS,CAAC;YAEjE,oBAAC,OAAO,IACN,IAAI,EAAC,MAAM,gBACC,UAAU,qBACL,eAAe,IAE/B,QAAQ,CACD,CACD,CACU,CACxB,CAAC;AACJ,CAAC,CACe,CAAC;AAEnB,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;AAErB,eAAe,IAAI,CAAC"}
@@ -6,21 +6,9 @@ export interface ListProps extends React.HTMLAttributes<HTMLDivElement> {
6
6
  */
7
7
  as?: "ul" | "ol";
8
8
  /**
9
- * List heading title.
10
- * @deprecated Use a "plain" <Heading> instead of `title`, Composition of smaller components preferred over smarter components.
9
+ * @deprecated Use <Heading> instead of `title`.
11
10
  */
12
- title?: string;
13
- /**
14
- * List heading description.
15
- * @deprecated Use a "plain" <BodyShort> instead of `description`, Composition of smaller components preferred over smarter components.
16
- */
17
- description?: string;
18
- /**
19
- * Allows setting a different HTML h-tag.
20
- * @default "h3"
21
- * @deprecated The `title` prop gets deprecated, so this one follows suit, as it was a supplementary prop to the title.
22
- */
23
- headingTag?: React.ElementType<any>;
11
+ title?: never;
24
12
  /**
25
13
  * Changes margin-block on list and font size on items.
26
14
  * @default "medium"
@@ -23,7 +23,10 @@ export interface LoaderProps extends Omit<SVGProps<SVGSVGElement>, "ref"> {
23
23
  */
24
24
  variant?: "neutral" | "interaction" | "inverted";
25
25
  /**
26
- * Overrides loader-color
26
+ * Overrides color.
27
+ *
28
+ * @see 🏷️ {@link AkselColor}
29
+ * @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
27
30
  */
28
31
  "data-color"?: AkselColor;
29
32
  }
@@ -10,8 +10,8 @@ var __rest = (this && this.__rest) || function (s, e) {
10
10
  return t;
11
11
  };
12
12
  import React, { forwardRef } from "react";
13
- import { useRenameCSS } from "../theme/Theme.js";
14
13
  import { omit } from "../util/index.js";
14
+ import { cl } from "../util/className.js";
15
15
  import { useId } from "../util/hooks/index.js";
16
16
  import { useI18n } from "../util/i18n/i18n.hooks.js";
17
17
  /**
@@ -27,15 +27,14 @@ import { useI18n } from "../util/i18n/i18n.hooks.js";
27
27
  */
28
28
  export const Loader = forwardRef((_a, ref) => {
29
29
  var { className, size = "medium", title, transparent = false, variant = "neutral", id, "data-color": color } = _a, rest = __rest(_a, ["className", "size", "title", "transparent", "variant", "id", "data-color"]);
30
- const { cn } = useRenameCSS();
31
30
  const internalId = useId();
32
31
  const translate = useI18n("Loader");
33
- return (React.createElement("svg", Object.assign({ "aria-labelledby": id !== null && id !== void 0 ? id : `loader-${internalId}`, ref: ref, className: cn("navds-loader", className, `navds-loader--${size}`, `navds-loader--${variant}`, {
34
- "navds-loader--transparent": transparent,
32
+ return (React.createElement("svg", Object.assign({ "aria-labelledby": id !== null && id !== void 0 ? id : `loader-${internalId}`, ref: ref, className: cl("aksel-loader", className, `aksel-loader--${size}`, `aksel-loader--${variant}`, {
33
+ "aksel-loader--transparent": transparent,
35
34
  }), focusable: "false", viewBox: "0 0 50 50", preserveAspectRatio: "xMidYMid", "data-color": color !== null && color !== void 0 ? color : variantToColor(variant) }, omit(rest, ["children"]), { "data-variant": variant }),
36
35
  React.createElement("title", { id: id !== null && id !== void 0 ? id : `loader-${internalId}` }, title || translate("title")),
37
- React.createElement("circle", { className: cn("navds-loader__background"), xmlns: "http://www.w3.org/2000/svg", cx: "25", cy: "25", r: "20", fill: "none" }),
38
- React.createElement("circle", { className: cn("navds-loader__foreground"), cx: "25", cy: "25", r: "20", fill: "none", strokeDasharray: "50 155" })));
36
+ React.createElement("circle", { className: "aksel-loader__background", xmlns: "http://www.w3.org/2000/svg", cx: "25", cy: "25", r: "20", fill: "none" }),
37
+ React.createElement("circle", { className: "aksel-loader__foreground", cx: "25", cy: "25", r: "20", fill: "none", strokeDasharray: "50 155" })));
39
38
  });
40
39
  function variantToColor(variant) {
41
40
  switch (variant) {
@@ -1 +1 @@
1
- {"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../src/loader/Loader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAY,UAAU,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AA0ClD;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,MAAM,GAAe,UAAU,CAC1C,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,KAAK,EACL,WAAW,GAAG,KAAK,EACnB,OAAO,GAAG,SAAS,EACnB,EAAE,EACF,YAAY,EAAE,KAAK,OAEpB,EADI,IAAI,cART,4EASC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,UAAU,GAAG,KAAK,EAAE,CAAC;IAC3B,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAEpC,OAAO,CACL,8DACmB,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,UAAU,UAAU,EAAE,EAC7C,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,cAAc,EACd,SAAS,EACT,iBAAiB,IAAI,EAAE,EACvB,iBAAiB,OAAO,EAAE,EAC1B;YACE,2BAA2B,EAAE,WAAW;SACzC,CACF,EACD,SAAS,EAAC,OAAO,EACjB,OAAO,EAAC,WAAW,EACnB,mBAAmB,EAAC,UAAU,gBAClB,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,CAAC,OAAO,CAAC,IACxC,IAAI,CAAC,IAAI,EAAE,CAAC,UAAU,CAAC,CAAC,oBACd,OAAO;QAErB,+BAAO,EAAE,EAAE,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,UAAU,UAAU,EAAE,IACpC,KAAK,IAAI,SAAS,CAAC,OAAO,CAAC,CACtB;QACR,gCACE,SAAS,EAAE,EAAE,CAAC,0BAA0B,CAAC,EACzC,KAAK,EAAC,4BAA4B,EAClC,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,EACN,IAAI,EAAC,MAAM,GACX;QACF,gCACE,SAAS,EAAE,EAAE,CAAC,0BAA0B,CAAC,EACzC,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,EACN,IAAI,EAAC,MAAM,EACX,eAAe,EAAC,QAAQ,GACxB,CACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,cAAc,CACrB,OAA+B;IAE/B,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,UAAU;YACb,OAAO,SAAS,CAAC;QACnB,oEAAoE;QACpE,KAAK,aAAa;YAChB,OAAO,SAAS,CAAC;QACnB;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC;AAED,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../src/loader/Loader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAY,UAAU,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AA6ClD;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,MAAM,GAAe,UAAU,CAC1C,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,KAAK,EACL,WAAW,GAAG,KAAK,EACnB,OAAO,GAAG,SAAS,EACnB,EAAE,EACF,YAAY,EAAE,KAAK,OAEpB,EADI,IAAI,cART,4EASC,CADQ;IAIT,MAAM,UAAU,GAAG,KAAK,EAAE,CAAC;IAC3B,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAEpC,OAAO,CACL,8DACmB,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,UAAU,UAAU,EAAE,EAC7C,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,cAAc,EACd,SAAS,EACT,iBAAiB,IAAI,EAAE,EACvB,iBAAiB,OAAO,EAAE,EAC1B;YACE,2BAA2B,EAAE,WAAW;SACzC,CACF,EACD,SAAS,EAAC,OAAO,EACjB,OAAO,EAAC,WAAW,EACnB,mBAAmB,EAAC,UAAU,gBAClB,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,CAAC,OAAO,CAAC,IACxC,IAAI,CAAC,IAAI,EAAE,CAAC,UAAU,CAAC,CAAC,oBACd,OAAO;QAErB,+BAAO,EAAE,EAAE,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,UAAU,UAAU,EAAE,IACpC,KAAK,IAAI,SAAS,CAAC,OAAO,CAAC,CACtB;QACR,gCACE,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAC,4BAA4B,EAClC,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,EACN,IAAI,EAAC,MAAM,GACX;QACF,gCACE,SAAS,EAAC,0BAA0B,EACpC,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,EACN,IAAI,EAAC,MAAM,EACX,eAAe,EAAC,QAAQ,GACxB,CACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,cAAc,CACrB,OAA+B;IAE/B,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,UAAU;YACb,OAAO,SAAS,CAAC;QACnB,oEAAoE;QACpE,KAAK,aAAa;YAChB,OAAO,SAAS,CAAC;QACnB;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC;AAED,eAAe,MAAM,CAAC"}
@@ -1,7 +1,7 @@
1
1
  import React from "react";
2
2
  interface ModalContextProps {
3
3
  closeHandler?: React.MouseEventHandler<HTMLButtonElement>;
4
- modalRef: React.RefObject<HTMLDialogElement>;
4
+ modalRef: React.RefObject<HTMLDialogElement | null>;
5
5
  }
6
6
  export declare const ModalContextProvider: React.FC<ModalContextProps & {
7
7
  children: React.ReactNode;
@@ -14,8 +14,8 @@ import React, { forwardRef, useEffect, useRef } from "react";
14
14
  import { createPortal } from "react-dom";
15
15
  import { useDateInputContext } from "../date/Date.Input.js";
16
16
  import { useProvider } from "../provider/Provider.js";
17
- import { useRenameCSS } from "../theme/Theme.js";
18
17
  import { Detail, Heading } from "../typography/index.js";
18
+ import { cl } from "../util/className.js";
19
19
  import { composeEventHandlers } from "../util/composeEventHandlers.js";
20
20
  import { useId } from "../util/hooks/index.js";
21
21
  import { useMergeRefs } from "../util/hooks/useMergeRefs.js";
@@ -24,8 +24,9 @@ import { ModalContextProvider, useModalContext } from "./Modal.context.js";
24
24
  import ModalBody from "./ModalBody.js";
25
25
  import ModalFooter from "./ModalFooter.js";
26
26
  import ModalHeader from "./ModalHeader.js";
27
- import { coordsAreInside, getCloseHandler, useBodyScrollLock, useIsModalOpen, } from "./ModalUtils.js";
27
+ import { coordsAreInside, getCloseHandler, useIsModalOpen, } from "./ModalUtils.js";
28
28
  import dialogPolyfill, { needPolyfill } from "./dialog-polyfill.js";
29
+ const polyfillClassName = "aksel-modal--polyfilled";
29
30
  /**
30
31
  * A component that displays a modal dialog.
31
32
  *
@@ -75,8 +76,6 @@ import dialogPolyfill, { needPolyfill } from "./dialog-polyfill.js";
75
76
  export const Modal = forwardRef((_a, ref) => {
76
77
  var _b, _c;
77
78
  var { header, children, open, onBeforeClose, onCancel, closeOnBackdropClick, width, placement, portal, className, "aria-labelledby": ariaLabelledby, style, onClick, onMouseDown } = _a, rest = __rest(_a, ["header", "children", "open", "onBeforeClose", "onCancel", "closeOnBackdropClick", "width", "placement", "portal", "className", "aria-labelledby", "style", "onClick", "onMouseDown"]);
78
- const { cn } = useRenameCSS();
79
- const polyfillClassName = useRef(cn("navds-modal--polyfilled"));
80
79
  const modalRef = useRef(null);
81
80
  const mergedRef = useMergeRefs(modalRef, ref);
82
81
  const ariaLabelId = useId();
@@ -95,7 +94,7 @@ export const Modal = forwardRef((_a, ref) => {
95
94
  if (needPolyfill && modalRef.current && portalNode) {
96
95
  dialogPolyfill.registerDialog(modalRef.current);
97
96
  // Force-add the "polyfilled" class in case of SSR (needPolyfill will always be false on the server)
98
- modalRef.current.classList.add(polyfillClassName.current);
97
+ modalRef.current.classList.add(polyfillClassName);
99
98
  }
100
99
  // We set autofocus on the dialog element to prevent the default behavior where first focusable element gets focus when modal is opened.
101
100
  // This is mainly to fix an edge case where having a Tooltip as the first focusable element would make it activate when you open the modal.
@@ -123,17 +122,12 @@ export const Modal = forwardRef((_a, ref) => {
123
122
  open: isModalOpen,
124
123
  referenceElement: modalRef.current,
125
124
  });
126
- /**
127
- * TODO: Kept for legacy support.
128
- * - Remove utility in v8 and deprecate body-classes in ModalUtils.ts
129
- */
130
- useBodyScrollLock(modalRef, portalNode, isNested);
131
125
  const isWidthPreset = typeof width === "string" && ["small", "medium"].includes(width);
132
- const mergedClassName = cn("navds-modal", className, {
133
- [polyfillClassName.current]: needPolyfill,
134
- "navds-modal--autowidth": !width,
135
- [`navds-modal--${width}`]: isWidthPreset,
136
- "navds-modal--top": placement === "top" && !needPolyfill,
126
+ const mergedClassName = cl("aksel-modal", className, {
127
+ [polyfillClassName]: needPolyfill,
128
+ "aksel-modal--autowidth": !width,
129
+ [`aksel-modal--${width}`]: isWidthPreset,
130
+ "aksel-modal--top": placement === "top" && !needPolyfill,
137
131
  });
138
132
  const mergedStyle = Object.assign(Object.assign({}, style), (!isWidthPreset ? { width } : {}));
139
133
  const mouseClickStart = useRef({
@@ -186,9 +180,9 @@ export const Modal = forwardRef((_a, ref) => {
186
180
  } }),
187
181
  React.createElement(ModalContextProvider, { closeHandler: getCloseHandler(modalRef, header, onBeforeClose), modalRef: modalRef },
188
182
  header && (React.createElement(ModalHeader, null,
189
- header.label && (React.createElement(Detail, { className: cn("navds-modal__label") }, header.label)),
183
+ header.label && (React.createElement(Detail, { className: "aksel-modal__label" }, header.label)),
190
184
  React.createElement(Heading, { size: (_c = header.size) !== null && _c !== void 0 ? _c : "medium", level: "1", id: ariaLabelId },
191
- header.icon && (React.createElement("span", { className: cn("navds-modal__header-icon") }, header.icon)),
185
+ header.icon && (React.createElement("span", { className: "aksel-modal__header-icon" }, header.icon)),
192
186
  header.heading))),
193
187
  children)));
194
188
  if (portal) {
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/modal/Modal.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACxE,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,EAEL,eAAe,EACf,eAAe,EACf,cAAc,GACf,MAAM,cAAc,CAAC;AACtB,OAAO,cAAc,EAAE,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjE,MAAM,iBAAiB,GAAG,yBAAyB,CAAC;AAWpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CACE,EAgBa,EACb,GAAG,EACH,EAAE;;QAlBF,EACE,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,aAAa,EACb,QAAQ,EACR,oBAAoB,EACpB,KAAK,EACL,SAAS,EACT,MAAM,EACN,SAAS,EACT,iBAAiB,EAAE,cAAc,EACjC,KAAK,EACL,OAAO,EACP,WAAW,OAEA,EADR,IAAI,cAfT,sLAgBC,CADQ;IAIT,MAAM,QAAQ,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IAE9C,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC;IAC5B,MAAM,WAAW,GAAG,MAAA,WAAW,EAAE,0CAAE,WAAW,CAAC;IAC/C,MAAM,UAAU,GAAG,qBAAqB,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC;IAEhE,MAAM,WAAW,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,QAAQ,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,SAAS,CAAC;IAEtD,MAAM,WAAW,GAAG,cAAc,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAErD,IAAI,QAAQ,IAAI,CAAC,WAAW,EAAE,CAAC;QAC7B,OAAO,CAAC,KAAK,CAAC,6BAA6B,CAAC,CAAC;IAC/C,CAAC;IAED,SAAS,CAAC,GAAG,EAAE;QACb,8EAA8E;QAC9E,4DAA4D;QAC5D,0EAA0E;QAC1E,IAAI,YAAY,IAAI,QAAQ,CAAC,OAAO,IAAI,UAAU,EAAE,CAAC;YACnD,cAAc,CAAC,cAAc,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YAEhD,oGAAoG;YACpG,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;QACpD,CAAC;QACD,wIAAwI;QACxI,2IAA2I;QAC3I,+EAA+E;QAC/E,iEAAiE;QACjE,IAAI,QAAQ,CAAC,OAAO,IAAI,UAAU;YAAE,QAAQ,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC;IACxE,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,SAAS,CAAC,GAAG,EAAE;QACb,iGAAiG;QACjG,wCAAwC;QACxC,sGAAsG;QACtG,IAAI,QAAQ,CAAC,OAAO,IAAI,UAAU,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACzD,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;gBACnC,QAAQ,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;YAC/B,CAAC;iBAAM,IAAI,CAAC,IAAI,IAAI,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;gBAC1C,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAC3B,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC;IAEvB,aAAa,CAAC;QACZ,OAAO,EAAE,WAAW;QACpB,OAAO,EAAE,WAAW;QACpB,IAAI,EAAE,WAAW;QACjB,gBAAgB,EAAE,QAAQ,CAAC,OAAO;KACnC,CAAC,CAAC;IAEH,MAAM,aAAa,GACjB,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEnE,MAAM,eAAe,GAAG,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE;QACnD,CAAC,iBAAiB,CAAC,EAAE,YAAY;QACjC,wBAAwB,EAAE,CAAC,KAAK;QAChC,CAAC,gBAAgB,KAAK,EAAE,CAAC,EAAE,aAAa;QACxC,kBAAkB,EAAE,SAAS,KAAK,KAAK,IAAI,CAAC,YAAY;KACzD,CAAC,CAAC;IAEH,MAAM,WAAW,mCACZ,KAAK,GACL,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CACrC,CAAC;IAEF,MAAM,eAAe,GAAG,MAAM,CAAmB;QAC/C,OAAO,EAAE,CAAC;QACV,OAAO,EAAE,CAAC;KACX,CAAC,CAAC;IACH,MAAM,oBAAoB,GAA+C,CACvE,KAAK,EACL,EAAE;QACF,eAAe,CAAC,OAAO,GAAG,KAAK,CAAC;IAClC,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,oBAAoB,IAAI,CAAC,YAAY,CAAC;IAErE;;OAEG;IACH,MAAM,gBAAgB,GAAG,CACvB,QAA6C,EAC7C,EAAE;QACF,IAAI,QAAQ,CAAC,MAAM,KAAK,QAAQ,CAAC,OAAO,EAAE,CAAC;YACzC,OAAO;QACT,CAAC;QAED,MAAM,SAAS,GAAG,QAAQ,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAE3D,IACE,eAAe,CAAC,eAAe,CAAC,OAAO,EAAE,SAAS,CAAC;YACnD,eAAe,CAAC,QAAQ,EAAE,SAAS,CAAC,EACpC,CAAC;YACD,OAAO;QACT,CAAC;QAED,IAAI,aAAa,KAAK,SAAS,IAAI,aAAa,EAAE,KAAK,KAAK,EAAE,CAAC;YAC7D,OAAO;QACT,CAAC;QAED,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IAC3B,CAAC,CAAC;IAEF;;OAEG;IACH,MAAM,iBAAiB,GAAG,CACxB,KAAqD,EACrD,EAAE;QACF,aAAa,IAAI,aAAa,EAAE,KAAK,KAAK,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;IACvE,CAAC,CAAC;IAEF,MAAM,oBAAoB,GACxB,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,MAAM;QAC9C,CAAC,CAAC,WAAW;QACb,CAAC,CAAC,cAAc,CAAC;IAErB,MAAM,SAAS,GAAG;IAChB,2EAA2E;IAC3E,gDACM,IAAI,IACR,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,oBAAoB,CAAC,QAAQ,EAAE,iBAAiB,CAAC,EAC3D,OAAO,EACL,sBAAsB;YACpB,CAAC,CAAC,oBAAoB,CAAC,OAAO,EAAE,gBAAgB,CAAC;YACjD,CAAC,CAAC,OAAO,EAEb,WAAW,EACT,sBAAsB;YACpB,CAAC,CAAC,oBAAoB,CAAC,WAAW,EAAE,oBAAoB,CAAC;YACzD,CAAC,CAAC,WAAW,qBAEA,oBAAoB,EACrC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YACf;;eAEG;YACH,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBACvB,CAAC,CAAC,eAAe,EAAE,CAAC;YACtB,CAAC;QACH,CAAC;QAED,oBAAC,oBAAoB,IACnB,YAAY,EAAE,eAAe,CAAC,QAAQ,EAAE,MAAM,EAAE,aAAa,CAAC,EAC9D,QAAQ,EAAE,QAAQ;YAEjB,MAAM,IAAI,CACT,oBAAC,WAAW;gBACT,MAAM,CAAC,KAAK,IAAI,CACf,oBAAC,MAAM,IAAC,SAAS,EAAC,oBAAoB,IAAE,MAAM,CAAC,KAAK,CAAU,CAC/D;gBACD,oBAAC,OAAO,IACN,IAAI,EAAE,MAAA,MAAM,CAAC,IAAI,mCAAI,QAAQ,EAC7B,KAAK,EAAC,GAAG,EACT,EAAE,EAAE,WAAW;oBAEd,MAAM,CAAC,IAAI,IAAI,CACd,8BAAM,SAAS,EAAC,0BAA0B,IACvC,MAAM,CAAC,IAAI,CACP,CACR;oBACA,MAAM,CAAC,OAAO,CACP,CACE,CACf;YAEA,QAAQ,CACY,CAChB,CACV,CAAC;IAEF,IAAI,MAAM,EAAE,CAAC;QACX,IAAI,UAAU;YAAE,OAAO,YAAY,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;QAC3D,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC,CACgB,CAAC;AAEpB,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AAC3B,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC;AACvB,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AAE3B,eAAe,KAAK,CAAC"}
@@ -10,11 +10,10 @@ var __rest = (this && this.__rest) || function (s, e) {
10
10
  return t;
11
11
  };
12
12
  import React, { forwardRef } from "react";
13
- import { useRenameCSS } from "../theme/Theme.js";
13
+ import { cl } from "../util/className.js";
14
14
  const ModalBody = forwardRef((_a, ref) => {
15
15
  var { className } = _a, rest = __rest(_a, ["className"]);
16
- const { cn } = useRenameCSS();
17
- return (React.createElement("div", Object.assign({}, rest, { ref: ref, className: cn("navds-modal__body", className) })));
16
+ return (React.createElement("div", Object.assign({}, rest, { ref: ref, className: cl("aksel-modal__body", className) })));
18
17
  });
19
18
  export default ModalBody;
20
19
  //# sourceMappingURL=ModalBody.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ModalBody.js","sourceRoot":"","sources":["../../src/modal/ModalBody.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAM9C,MAAM,SAAS,GAAG,UAAU,CAC1B,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IACnB,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,OAAO,CACL,6CAAS,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,IAAI,CAC3E,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"ModalBody.js","sourceRoot":"","sources":["../../src/modal/ModalBody.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAMvC,MAAM,SAAS,GAAG,UAAU,CAC1B,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IACnB,OAAO,CACL,6CAAS,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,IAAI,CAC3E,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -10,11 +10,10 @@ var __rest = (this && this.__rest) || function (s, e) {
10
10
  return t;
11
11
  };
12
12
  import React, { forwardRef } from "react";
13
- import { useRenameCSS } from "../theme/Theme.js";
13
+ import { cl } from "../util/className.js";
14
14
  const ModalFooter = forwardRef((_a, ref) => {
15
15
  var { className } = _a, rest = __rest(_a, ["className"]);
16
- const { cn } = useRenameCSS();
17
- return (React.createElement("div", Object.assign({}, rest, { ref: ref, className: cn("navds-modal__footer", className) })));
16
+ return (React.createElement("div", Object.assign({}, rest, { ref: ref, className: cl("aksel-modal__footer", className) })));
18
17
  });
19
18
  export default ModalFooter;
20
19
  //# sourceMappingURL=ModalFooter.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ModalFooter.js","sourceRoot":"","sources":["../../src/modal/ModalFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAM9C,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IACnB,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,OAAO,CACL,6CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,IAC/C,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"ModalFooter.js","sourceRoot":"","sources":["../../src/modal/ModalFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAMvC,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IACnB,OAAO,CACL,6CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,IAC/C,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -12,16 +12,15 @@ var __rest = (this && this.__rest) || function (s, e) {
12
12
  import React, { forwardRef } from "react";
13
13
  import { XMarkIcon } from "@navikt/aksel-icons";
14
14
  import { Button } from "../button/index.js";
15
- import { useRenameCSS } from "../theme/Theme.js";
15
+ import { cl } from "../util/className.js";
16
16
  import { useI18n } from "../util/i18n/i18n.hooks.js";
17
17
  import { useModalContext } from "./Modal.context.js";
18
18
  const ModalHeader = forwardRef((_a, ref) => {
19
19
  var { children, className, closeButton = true } = _a, rest = __rest(_a, ["children", "className", "closeButton"]);
20
- const { cn } = useRenameCSS();
21
20
  const context = useModalContext();
22
21
  const translate = useI18n("global");
23
- return (React.createElement("div", Object.assign({}, rest, { ref: ref, className: cn("navds-modal__header", className) }),
24
- context.closeHandler && closeButton && (React.createElement(Button, { type: "button", className: cn("navds-modal__button"), size: "small", variant: "tertiary-neutral", onKeyDown: (event) => {
22
+ return (React.createElement("div", Object.assign({}, rest, { ref: ref, className: cl("aksel-modal__header", className) }),
23
+ context.closeHandler && closeButton && (React.createElement(Button, { type: "button", className: "aksel-modal__button", size: "small", variant: "tertiary-neutral", onKeyDown: (event) => {
25
24
  /* Prevents autofocus used in combination with holding down keys from closing modal */
26
25
  if (["Enter", " "].includes(event.key) && event.repeat) {
27
26
  event.preventDefault();
@@ -1 +1 @@
1
- {"version":3,"file":"ModalHeader.js","sourceRoot":"","sources":["../../src/modal/ModalHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAWlD,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,EAAoD,EAAE,GAAG,EAAE,EAAE;QAA7D,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,GAAG,IAAI,OAAW,EAAN,IAAI,cAAlD,wCAAoD,CAAF;IACjD,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,OAAO,GAAG,eAAe,EAAE,CAAC;IAClC,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAEpC,OAAO,CACL,6CAAS,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC;QACrE,OAAO,CAAC,YAAY,IAAI,WAAW,IAAI,CACtC,oBAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,qBAAqB,CAAC,EACpC,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,kBAAkB,EAC1B,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;gBACnB,sFAAsF;gBACtF,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;oBACvD,KAAK,CAAC,cAAc,EAAE,CAAC;gBACzB,CAAC;YACH,CAAC,EACD,OAAO,EAAE,OAAO,CAAC,YAAY,EAC7B,IAAI,EAAE,oBAAC,SAAS,IAAC,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,GAAI,GAC9C,CACH;QACA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"ModalHeader.js","sourceRoot":"","sources":["../../src/modal/ModalHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAWlD,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,EAAoD,EAAE,GAAG,EAAE,EAAE;QAA7D,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,GAAG,IAAI,OAAW,EAAN,IAAI,cAAlD,wCAAoD,CAAF;IACjD,MAAM,OAAO,GAAG,eAAe,EAAE,CAAC;IAClC,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAEpC,OAAO,CACL,6CAAS,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC;QACrE,OAAO,CAAC,YAAY,IAAI,WAAW,IAAI,CACtC,oBAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,qBAAqB,EAC/B,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,kBAAkB,EAC1B,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;gBACnB,sFAAsF;gBACtF,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;oBACvD,KAAK,CAAC,cAAc,EAAE,CAAC;gBACzB,CAAC;YACH,CAAC,EACD,OAAO,EAAE,OAAO,CAAC,YAAY,EAC7B,IAAI,EAAE,oBAAC,SAAS,IAAC,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,GAAI,GAC9C,CACH;QACA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -7,6 +7,4 @@ export interface MouseCoordinates {
7
7
  export declare const coordsAreInside: ({ clientX, clientY }: MouseCoordinates, { left, top, right, bottom }: DOMRect) => boolean;
8
8
  export declare function getCloseHandler(modalRef: React.RefObject<HTMLDialogElement | null>, header: ModalProps["header"], onBeforeClose: ModalProps["onBeforeClose"]): (() => false | void | undefined) | undefined;
9
9
  declare function useIsModalOpen(modalRef: HTMLDialogElement | null): boolean;
10
- export declare const BODY_CLASS_LEGACY = "navds-modal__document-body";
11
- declare function useBodyScrollLock(modalRef: React.RefObject<HTMLDialogElement | null>, portalNode: HTMLElement | null, isNested: boolean): void;
12
- export { useIsModalOpen, useBodyScrollLock };
10
+ export { useIsModalOpen };
@@ -1,5 +1,4 @@
1
1
  import React, { useEffect } from "react";
2
- import { ownerDocument } from "../util/owner.js";
3
2
  export const coordsAreInside = ({ clientX, clientY }, { left, top, right, bottom }) => {
4
3
  if (clientX < left || clientY < top)
5
4
  return false;
@@ -35,40 +34,5 @@ function useIsModalOpen(modalRef) {
35
34
  }, [modalRef]);
36
35
  return isOpen;
37
36
  }
38
- export const BODY_CLASS_LEGACY = "navds-modal__document-body";
39
- function useBodyScrollLock(modalRef, portalNode, isNested) {
40
- React.useEffect(() => {
41
- if (isNested) {
42
- return;
43
- }
44
- // We check both to avoid running this twice when not using portal
45
- if (!modalRef.current || !portalNode) {
46
- return;
47
- }
48
- const ownerDoc = ownerDocument(modalRef.current);
49
- // In case `open` is true initially
50
- if (modalRef.current.open) {
51
- ownerDoc.body.classList.add(BODY_CLASS_LEGACY);
52
- }
53
- const observer = new MutationObserver(() => {
54
- var _a;
55
- if ((_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.open) {
56
- ownerDoc.body.classList.add(BODY_CLASS_LEGACY);
57
- }
58
- else {
59
- ownerDoc.body.classList.remove(BODY_CLASS_LEGACY);
60
- }
61
- });
62
- observer.observe(modalRef.current, {
63
- attributes: true,
64
- attributeFilter: ["open"],
65
- });
66
- return () => {
67
- observer.disconnect();
68
- // In case modal is unmounted before it's closed
69
- ownerDoc.body.classList.remove(BODY_CLASS_LEGACY);
70
- };
71
- }, [modalRef, portalNode, isNested]);
72
- }
73
- export { useIsModalOpen, useBodyScrollLock };
37
+ export { useIsModalOpen };
74
38
  //# sourceMappingURL=ModalUtils.js.map