@navikt/ds-react 7.21.1 → 7.23.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (522) hide show
  1. package/cjs/accordion/Accordion.js +17 -7
  2. package/cjs/accordion/Accordion.js.map +1 -1
  3. package/cjs/accordion/AccordionContent.js +17 -7
  4. package/cjs/accordion/AccordionContent.js.map +1 -1
  5. package/cjs/accordion/AccordionHeader.js +17 -7
  6. package/cjs/accordion/AccordionHeader.js.map +1 -1
  7. package/cjs/accordion/AccordionItem.js +17 -7
  8. package/cjs/accordion/AccordionItem.js.map +1 -1
  9. package/cjs/alert/Alert.d.ts +4 -0
  10. package/cjs/alert/Alert.js +32 -8
  11. package/cjs/alert/Alert.js.map +1 -1
  12. package/cjs/button/Button.js +47 -9
  13. package/cjs/button/Button.js.map +1 -1
  14. package/cjs/chat/Bubble.js +17 -7
  15. package/cjs/chat/Bubble.js.map +1 -1
  16. package/cjs/chat/Chat.js +31 -9
  17. package/cjs/chat/Chat.js.map +1 -1
  18. package/cjs/chips/Chips.js +17 -7
  19. package/cjs/chips/Chips.js.map +1 -1
  20. package/cjs/chips/Removable.js +39 -9
  21. package/cjs/chips/Removable.js.map +1 -1
  22. package/cjs/chips/Toggle.js +41 -12
  23. package/cjs/chips/Toggle.js.map +1 -1
  24. package/cjs/collapsible/Collapsible.context.d.ts +1 -1
  25. package/cjs/collapsible/Collapsible.js +17 -7
  26. package/cjs/collapsible/Collapsible.js.map +1 -1
  27. package/cjs/collapsible/parts/Collapsible.Content.js +17 -7
  28. package/cjs/collapsible/parts/Collapsible.Content.js.map +1 -1
  29. package/cjs/collapsible/parts/Collapsible.Trigger.js +17 -7
  30. package/cjs/collapsible/parts/Collapsible.Trigger.js.map +1 -1
  31. package/cjs/copybutton/CopyButton.js +17 -7
  32. package/cjs/copybutton/CopyButton.js.map +1 -1
  33. package/cjs/date/Date.Dialog.js +17 -7
  34. package/cjs/date/Date.Dialog.js.map +1 -1
  35. package/cjs/date/Date.Input.js +17 -7
  36. package/cjs/date/Date.Input.js.map +1 -1
  37. package/cjs/date/Date.locale.d.ts +1 -1
  38. package/cjs/date/datepicker/DatePicker.js +17 -7
  39. package/cjs/date/datepicker/DatePicker.js.map +1 -1
  40. package/cjs/date/datepicker/parts/DatePicker.DayButton.js +17 -7
  41. package/cjs/date/datepicker/parts/DatePicker.DayButton.js.map +1 -1
  42. package/cjs/date/datepicker/parts/DatePicker.Months.js +17 -7
  43. package/cjs/date/datepicker/parts/DatePicker.Months.js.map +1 -1
  44. package/cjs/date/datepicker/parts/DatePicker.RDP.js +17 -7
  45. package/cjs/date/datepicker/parts/DatePicker.RDP.js.map +1 -1
  46. package/cjs/date/datepicker/parts/DatePicker.Standalone.js +17 -7
  47. package/cjs/date/datepicker/parts/DatePicker.Standalone.js.map +1 -1
  48. package/cjs/date/datepicker/parts/DatePicker.WeekNumber.js +17 -7
  49. package/cjs/date/datepicker/parts/DatePicker.WeekNumber.js.map +1 -1
  50. package/cjs/date/monthpicker/MonthPicker.js +17 -7
  51. package/cjs/date/monthpicker/MonthPicker.js.map +1 -1
  52. package/cjs/date/monthpicker/index.d.ts +1 -1
  53. package/cjs/date/monthpicker/parts/MonthPicker.Button.js +17 -7
  54. package/cjs/date/monthpicker/parts/MonthPicker.Button.js.map +1 -1
  55. package/cjs/date/monthpicker/parts/MonthPicker.Standalone.js +17 -7
  56. package/cjs/date/monthpicker/parts/MonthPicker.Standalone.js.map +1 -1
  57. package/cjs/date/monthpicker/parts/MonthPicker.Table.js +17 -7
  58. package/cjs/date/monthpicker/parts/MonthPicker.Table.js.map +1 -1
  59. package/cjs/dropdown/Dropdown.js +17 -7
  60. package/cjs/dropdown/Dropdown.js.map +1 -1
  61. package/cjs/dropdown/Menu/Divider.js +17 -7
  62. package/cjs/dropdown/Menu/Divider.js.map +1 -1
  63. package/cjs/dropdown/Menu/GroupedList/GroupedHeading.js +17 -7
  64. package/cjs/dropdown/Menu/GroupedList/GroupedHeading.js.map +1 -1
  65. package/cjs/dropdown/Menu/GroupedList/GroupedItem.js +17 -7
  66. package/cjs/dropdown/Menu/GroupedList/GroupedItem.js.map +1 -1
  67. package/cjs/dropdown/Menu/GroupedList/index.js +17 -7
  68. package/cjs/dropdown/Menu/GroupedList/index.js.map +1 -1
  69. package/cjs/dropdown/Menu/List/Item.js +17 -7
  70. package/cjs/dropdown/Menu/List/Item.js.map +1 -1
  71. package/cjs/dropdown/Menu/List/index.js +17 -7
  72. package/cjs/dropdown/Menu/List/index.js.map +1 -1
  73. package/cjs/dropdown/Menu/index.js +17 -7
  74. package/cjs/dropdown/Menu/index.js.map +1 -1
  75. package/cjs/dropdown/Toggle.js +17 -7
  76. package/cjs/dropdown/Toggle.js.map +1 -1
  77. package/cjs/expansion-card/ExpansionCard.js +19 -9
  78. package/cjs/expansion-card/ExpansionCard.js.map +1 -1
  79. package/cjs/expansion-card/ExpansionCardContent.js +17 -7
  80. package/cjs/expansion-card/ExpansionCardContent.js.map +1 -1
  81. package/cjs/expansion-card/ExpansionCardDescription.js +17 -7
  82. package/cjs/expansion-card/ExpansionCardDescription.js.map +1 -1
  83. package/cjs/expansion-card/ExpansionCardHeader.js +17 -7
  84. package/cjs/expansion-card/ExpansionCardHeader.js.map +1 -1
  85. package/cjs/expansion-card/ExpansionCardTitle.js +17 -7
  86. package/cjs/expansion-card/ExpansionCardTitle.js.map +1 -1
  87. package/cjs/form/checkbox/Checkbox.js +18 -8
  88. package/cjs/form/checkbox/Checkbox.js.map +1 -1
  89. package/cjs/form/checkbox/CheckboxGroup.js +17 -7
  90. package/cjs/form/checkbox/CheckboxGroup.js.map +1 -1
  91. package/cjs/form/checkbox/index.d.ts +1 -1
  92. package/cjs/form/combobox/Combobox.js +17 -7
  93. package/cjs/form/combobox/Combobox.js.map +1 -1
  94. package/cjs/form/combobox/ComboboxProvider.js +17 -7
  95. package/cjs/form/combobox/ComboboxProvider.js.map +1 -1
  96. package/cjs/form/combobox/ComboboxWrapper.js +17 -7
  97. package/cjs/form/combobox/ComboboxWrapper.js.map +1 -1
  98. package/cjs/form/combobox/FilteredOptions/filteredOptionsContext.js +17 -7
  99. package/cjs/form/combobox/FilteredOptions/filteredOptionsContext.js.map +1 -1
  100. package/cjs/form/combobox/Input/Input.context.js +17 -7
  101. package/cjs/form/combobox/Input/Input.context.js.map +1 -1
  102. package/cjs/form/combobox/Input/Input.js +17 -7
  103. package/cjs/form/combobox/Input/Input.js.map +1 -1
  104. package/cjs/form/combobox/Input/InputController.js +17 -7
  105. package/cjs/form/combobox/Input/InputController.js.map +1 -1
  106. package/cjs/form/combobox/Input/ToggleListButton.js +17 -7
  107. package/cjs/form/combobox/Input/ToggleListButton.js.map +1 -1
  108. package/cjs/form/combobox/SelectedOptions/SelectedOptions.js +1 -1
  109. package/cjs/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
  110. package/cjs/form/combobox/SelectedOptions/selectedOptionsContext.js +17 -7
  111. package/cjs/form/combobox/SelectedOptions/selectedOptionsContext.js.map +1 -1
  112. package/cjs/form/combobox/customOptionsContext.js +17 -7
  113. package/cjs/form/combobox/customOptionsContext.js.map +1 -1
  114. package/cjs/form/combobox/index.d.ts +1 -1
  115. package/cjs/form/confirmation-panel/ConfirmationPanel.d.ts +1 -0
  116. package/cjs/form/confirmation-panel/ConfirmationPanel.js +20 -9
  117. package/cjs/form/confirmation-panel/ConfirmationPanel.js.map +1 -1
  118. package/cjs/form/error-summary/ErrorSummary.js +18 -8
  119. package/cjs/form/error-summary/ErrorSummary.js.map +1 -1
  120. package/cjs/form/error-summary/ErrorSummaryItem.js +17 -7
  121. package/cjs/form/error-summary/ErrorSummaryItem.js.map +1 -1
  122. package/cjs/form/fieldset/Fieldset.js +17 -7
  123. package/cjs/form/fieldset/Fieldset.js.map +1 -1
  124. package/cjs/form/file-upload/FileUpload.context.d.ts +1 -1
  125. package/cjs/form/file-upload/FileUpload.js +17 -7
  126. package/cjs/form/file-upload/FileUpload.js.map +1 -1
  127. package/cjs/form/file-upload/index.d.ts +3 -3
  128. package/cjs/form/file-upload/parts/Trigger.js +17 -7
  129. package/cjs/form/file-upload/parts/Trigger.js.map +1 -1
  130. package/cjs/form/file-upload/parts/dropzone/Dropzone.js +17 -7
  131. package/cjs/form/file-upload/parts/dropzone/Dropzone.js.map +1 -1
  132. package/cjs/form/file-upload/parts/item/Item.js +17 -7
  133. package/cjs/form/file-upload/parts/item/Item.js.map +1 -1
  134. package/cjs/form/form-progress/FormProgress.js +17 -7
  135. package/cjs/form/form-progress/FormProgress.js.map +1 -1
  136. package/cjs/form/form-summary/FormSummary.js +17 -7
  137. package/cjs/form/form-summary/FormSummary.js.map +1 -1
  138. package/cjs/form/form-summary/FormSummaryAnswers.js +19 -9
  139. package/cjs/form/form-summary/FormSummaryAnswers.js.map +1 -1
  140. package/cjs/form/form-summary/FormSummaryEditLink.js +17 -7
  141. package/cjs/form/form-summary/FormSummaryEditLink.js.map +1 -1
  142. package/cjs/form/form-summary/FormSummaryHeader.js +17 -7
  143. package/cjs/form/form-summary/FormSummaryHeader.js.map +1 -1
  144. package/cjs/form/form-summary/FormSummaryHeading.js +17 -7
  145. package/cjs/form/form-summary/FormSummaryHeading.js.map +1 -1
  146. package/cjs/form/form-summary/FormSummaryLabel.js +17 -7
  147. package/cjs/form/form-summary/FormSummaryLabel.js.map +1 -1
  148. package/cjs/form/form-summary/FormSummaryValue.js +17 -7
  149. package/cjs/form/form-summary/FormSummaryValue.js.map +1 -1
  150. package/cjs/form/radio/Radio.js +18 -8
  151. package/cjs/form/radio/Radio.js.map +1 -1
  152. package/cjs/form/radio/RadioGroup.js +17 -7
  153. package/cjs/form/radio/RadioGroup.js.map +1 -1
  154. package/cjs/form/radio/index.d.ts +1 -1
  155. package/cjs/form/search/Search.d.ts +1 -1
  156. package/cjs/form/search/Search.js +19 -9
  157. package/cjs/form/search/Search.js.map +1 -1
  158. package/cjs/form/search/SearchButton.js +17 -7
  159. package/cjs/form/search/SearchButton.js.map +1 -1
  160. package/cjs/form/select/Select.js +17 -7
  161. package/cjs/form/select/Select.js.map +1 -1
  162. package/cjs/form/switch/Switch.js +17 -7
  163. package/cjs/form/switch/Switch.js.map +1 -1
  164. package/cjs/form/textarea/Textarea.js +17 -7
  165. package/cjs/form/textarea/Textarea.js.map +1 -1
  166. package/cjs/form/textarea/TextareaCounter.js +17 -7
  167. package/cjs/form/textarea/TextareaCounter.js.map +1 -1
  168. package/cjs/form/textfield/TextField.js +17 -7
  169. package/cjs/form/textfield/TextField.js.map +1 -1
  170. package/cjs/guide-panel/GuidePanel.js +20 -10
  171. package/cjs/guide-panel/GuidePanel.js.map +1 -1
  172. package/cjs/guide-panel/Illustration.darkside.js +1 -1
  173. package/cjs/guide-panel/Illustration.darkside.js.map +1 -1
  174. package/cjs/help-text/HelpText.js +19 -9
  175. package/cjs/help-text/HelpText.js.map +1 -1
  176. package/cjs/internal-header/InternalHeader.js +17 -7
  177. package/cjs/internal-header/InternalHeader.js.map +1 -1
  178. package/cjs/internal-header/InternalHeaderButton.js +17 -7
  179. package/cjs/internal-header/InternalHeaderButton.js.map +1 -1
  180. package/cjs/internal-header/InternalHeaderTitle.js +17 -7
  181. package/cjs/internal-header/InternalHeaderTitle.js.map +1 -1
  182. package/cjs/internal-header/InternalHeaderUser.js +17 -7
  183. package/cjs/internal-header/InternalHeaderUser.js.map +1 -1
  184. package/cjs/internal-header/InternalHeaderUserButton.js +17 -7
  185. package/cjs/internal-header/InternalHeaderUserButton.js.map +1 -1
  186. package/cjs/layout/bleed/Bleed.js +17 -7
  187. package/cjs/layout/bleed/Bleed.js.map +1 -1
  188. package/cjs/layout/box/Box.d.ts +4 -5
  189. package/cjs/layout/box/Box.darkside.d.ts +8 -8
  190. package/cjs/layout/box/Box.darkside.js +19 -9
  191. package/cjs/layout/box/Box.darkside.js.map +1 -1
  192. package/cjs/layout/box/Box.js +18 -8
  193. package/cjs/layout/box/Box.js.map +1 -1
  194. package/cjs/layout/grid/HGrid.js +17 -7
  195. package/cjs/layout/grid/HGrid.js.map +1 -1
  196. package/cjs/layout/page/Page.js +17 -7
  197. package/cjs/layout/page/Page.js.map +1 -1
  198. package/cjs/layout/page/parts/PageBlock.js +17 -7
  199. package/cjs/layout/page/parts/PageBlock.js.map +1 -1
  200. package/cjs/layout/responsive/Responsive.js +17 -7
  201. package/cjs/layout/responsive/Responsive.js.map +1 -1
  202. package/cjs/layout/stack/HStack.js +17 -7
  203. package/cjs/layout/stack/HStack.js.map +1 -1
  204. package/cjs/layout/stack/Stack.js +17 -7
  205. package/cjs/layout/stack/Stack.js.map +1 -1
  206. package/cjs/layout/stack/VStack.js +17 -7
  207. package/cjs/layout/stack/VStack.js.map +1 -1
  208. package/cjs/layout/utilities/css.d.ts +1 -1
  209. package/cjs/layout/utilities/css.js +12 -1
  210. package/cjs/layout/utilities/css.js.map +1 -1
  211. package/cjs/layout/utilities/types.d.ts +8 -7
  212. package/cjs/link/Link.js +43 -9
  213. package/cjs/link/Link.js.map +1 -1
  214. package/cjs/link/stories/RandomIcon.js +17 -7
  215. package/cjs/link/stories/RandomIcon.js.map +1 -1
  216. package/cjs/link-panel/LinkPanel.js +17 -7
  217. package/cjs/link-panel/LinkPanel.js.map +1 -1
  218. package/cjs/link-panel/LinkPanelDescription.js +17 -7
  219. package/cjs/link-panel/LinkPanelDescription.js.map +1 -1
  220. package/cjs/link-panel/LinkPanelTitle.js +17 -7
  221. package/cjs/link-panel/LinkPanelTitle.js.map +1 -1
  222. package/cjs/list/List.Item.js +17 -7
  223. package/cjs/list/List.Item.js.map +1 -1
  224. package/cjs/list/List.js +17 -7
  225. package/cjs/list/List.js.map +1 -1
  226. package/cjs/loader/Loader.d.ts +5 -0
  227. package/cjs/loader/Loader.js +32 -9
  228. package/cjs/loader/Loader.js.map +1 -1
  229. package/cjs/loader/index.d.ts +1 -1
  230. package/cjs/modal/Modal.js +17 -7
  231. package/cjs/modal/Modal.js.map +1 -1
  232. package/cjs/modal/ModalBody.js +17 -7
  233. package/cjs/modal/ModalBody.js.map +1 -1
  234. package/cjs/modal/ModalFooter.js +17 -7
  235. package/cjs/modal/ModalFooter.js.map +1 -1
  236. package/cjs/modal/ModalHeader.js +17 -7
  237. package/cjs/modal/ModalHeader.js.map +1 -1
  238. package/cjs/modal/index.d.ts +1 -1
  239. package/cjs/overlays/action-menu/ActionMenu.js +22 -12
  240. package/cjs/overlays/action-menu/ActionMenu.js.map +1 -1
  241. package/cjs/overlays/dismissablelayer/DismissableLayer.js +17 -7
  242. package/cjs/overlays/dismissablelayer/DismissableLayer.js.map +1 -1
  243. package/cjs/overlays/floating/Floating.js +17 -7
  244. package/cjs/overlays/floating/Floating.js.map +1 -1
  245. package/cjs/overlays/floating-menu/Menu.js +17 -7
  246. package/cjs/overlays/floating-menu/Menu.js.map +1 -1
  247. package/cjs/overlays/floating-menu/parts/FocusScope.js +17 -7
  248. package/cjs/overlays/floating-menu/parts/FocusScope.js.map +1 -1
  249. package/cjs/overlays/floating-menu/parts/RovingFocus.js +17 -7
  250. package/cjs/overlays/floating-menu/parts/RovingFocus.js.map +1 -1
  251. package/cjs/overlays/floating-menu/parts/SlottedDivElement.js +17 -7
  252. package/cjs/overlays/floating-menu/parts/SlottedDivElement.js.map +1 -1
  253. package/cjs/pagination/Pagination.js +22 -14
  254. package/cjs/pagination/Pagination.js.map +1 -1
  255. package/cjs/pagination/PaginationItem.js +19 -9
  256. package/cjs/pagination/PaginationItem.js.map +1 -1
  257. package/cjs/panel/Panel.js +17 -7
  258. package/cjs/panel/Panel.js.map +1 -1
  259. package/cjs/panel/index.d.ts +1 -1
  260. package/cjs/popover/Popover.js +17 -7
  261. package/cjs/popover/Popover.js.map +1 -1
  262. package/cjs/popover/PopoverContent.js +17 -7
  263. package/cjs/popover/PopoverContent.js.map +1 -1
  264. package/cjs/portal/Portal.js +18 -8
  265. package/cjs/portal/Portal.js.map +1 -1
  266. package/cjs/progress-bar/ProgressBar.js +17 -7
  267. package/cjs/progress-bar/ProgressBar.js.map +1 -1
  268. package/cjs/provider/Provider.js +17 -7
  269. package/cjs/provider/Provider.js.map +1 -1
  270. package/cjs/read-more/ReadMore.js +17 -7
  271. package/cjs/read-more/ReadMore.js.map +1 -1
  272. package/cjs/skeleton/Skeleton.js +17 -7
  273. package/cjs/skeleton/Skeleton.js.map +1 -1
  274. package/cjs/slot/Slot.js +17 -7
  275. package/cjs/slot/Slot.js.map +1 -1
  276. package/cjs/stepper/Step.js +17 -7
  277. package/cjs/stepper/Step.js.map +1 -1
  278. package/cjs/stepper/Stepper.js +20 -9
  279. package/cjs/stepper/Stepper.js.map +1 -1
  280. package/cjs/stepper/context.d.ts +1 -1
  281. package/cjs/table/AnimateHeight.js +17 -7
  282. package/cjs/table/AnimateHeight.js.map +1 -1
  283. package/cjs/table/Body.js +17 -7
  284. package/cjs/table/Body.js.map +1 -1
  285. package/cjs/table/ColumnHeader.js +17 -7
  286. package/cjs/table/ColumnHeader.js.map +1 -1
  287. package/cjs/table/DataCell.js +17 -7
  288. package/cjs/table/DataCell.js.map +1 -1
  289. package/cjs/table/ExpandableRow.js +17 -7
  290. package/cjs/table/ExpandableRow.js.map +1 -1
  291. package/cjs/table/Header.js +17 -7
  292. package/cjs/table/Header.js.map +1 -1
  293. package/cjs/table/HeaderCell.js +17 -7
  294. package/cjs/table/HeaderCell.js.map +1 -1
  295. package/cjs/table/Row.js +17 -7
  296. package/cjs/table/Row.js.map +1 -1
  297. package/cjs/table/Table.js +17 -7
  298. package/cjs/table/Table.js.map +1 -1
  299. package/cjs/table/index.d.ts +1 -1
  300. package/cjs/tabs/Tabs.context.d.ts +1 -1
  301. package/cjs/tabs/Tabs.js +17 -7
  302. package/cjs/tabs/Tabs.js.map +1 -1
  303. package/cjs/tabs/index.d.ts +1 -1
  304. package/cjs/tabs/parts/tab/Tab.js +17 -7
  305. package/cjs/tabs/parts/tab/Tab.js.map +1 -1
  306. package/cjs/tabs/parts/tablist/TabList.js +17 -7
  307. package/cjs/tabs/parts/tablist/TabList.js.map +1 -1
  308. package/cjs/tabs/parts/tabpanel/TabPanel.js +17 -7
  309. package/cjs/tabs/parts/tabpanel/TabPanel.js.map +1 -1
  310. package/cjs/tag/Tag.js +56 -10
  311. package/cjs/tag/Tag.js.map +1 -1
  312. package/cjs/theme/Theme.d.ts +10 -1
  313. package/cjs/theme/Theme.js +20 -10
  314. package/cjs/theme/Theme.js.map +1 -1
  315. package/cjs/timeline/Pin.js +18 -10
  316. package/cjs/timeline/Pin.js.map +1 -1
  317. package/cjs/timeline/Timeline.js +17 -7
  318. package/cjs/timeline/Timeline.js.map +1 -1
  319. package/cjs/timeline/TimelineRow.js +17 -7
  320. package/cjs/timeline/TimelineRow.js.map +1 -1
  321. package/cjs/timeline/period/ClickablePeriod.js +20 -12
  322. package/cjs/timeline/period/ClickablePeriod.js.map +1 -1
  323. package/cjs/timeline/period/NonClickablePeriod.js +2 -1
  324. package/cjs/timeline/period/NonClickablePeriod.js.map +1 -1
  325. package/cjs/timeline/period/index.js +17 -7
  326. package/cjs/timeline/period/index.js.map +1 -1
  327. package/cjs/timeline/utils/period.d.ts +1 -1
  328. package/cjs/timeline/utils/period.js.map +1 -1
  329. package/cjs/timeline/zoom/ZoomButton.js +17 -7
  330. package/cjs/timeline/zoom/ZoomButton.js.map +1 -1
  331. package/cjs/timeline/zoom/index.js +17 -7
  332. package/cjs/timeline/zoom/index.js.map +1 -1
  333. package/cjs/toggle-group/ToggleGroup.context.d.ts +1 -1
  334. package/cjs/toggle-group/ToggleGroup.js +38 -10
  335. package/cjs/toggle-group/ToggleGroup.js.map +1 -1
  336. package/cjs/toggle-group/index.d.ts +1 -1
  337. package/cjs/toggle-group/parts/ToggleItem.js +17 -7
  338. package/cjs/toggle-group/parts/ToggleItem.js.map +1 -1
  339. package/cjs/tooltip/Tooltip.js +17 -7
  340. package/cjs/tooltip/Tooltip.js.map +1 -1
  341. package/cjs/types/index.d.ts +1 -0
  342. package/cjs/types/index.js +18 -0
  343. package/cjs/types/index.js.map +1 -0
  344. package/cjs/typography/BodyLong.js +17 -7
  345. package/cjs/typography/BodyLong.js.map +1 -1
  346. package/cjs/typography/BodyShort.js +17 -7
  347. package/cjs/typography/BodyShort.js.map +1 -1
  348. package/cjs/typography/Detail.js +17 -7
  349. package/cjs/typography/Detail.js.map +1 -1
  350. package/cjs/typography/ErrorMessage.js +17 -7
  351. package/cjs/typography/ErrorMessage.js.map +1 -1
  352. package/cjs/typography/Heading.js +17 -7
  353. package/cjs/typography/Heading.js.map +1 -1
  354. package/cjs/typography/Ingress.js +17 -7
  355. package/cjs/typography/Ingress.js.map +1 -1
  356. package/cjs/typography/Label.js +17 -7
  357. package/cjs/typography/Label.js.map +1 -1
  358. package/cjs/util/TextareaAutoSize.js +17 -7
  359. package/cjs/util/TextareaAutoSize.js.map +1 -1
  360. package/cjs/util/create-context.js +17 -7
  361. package/cjs/util/create-context.js.map +1 -1
  362. package/cjs/util/hooks/descendants/useDescendant.js +17 -7
  363. package/cjs/util/hooks/descendants/useDescendant.js.map +1 -1
  364. package/cjs/util/hooks/useId.js +17 -7
  365. package/cjs/util/hooks/useId.js.map +1 -1
  366. package/cjs/util/virtualfocus/Context.d.ts +1 -1
  367. package/cjs/util/virtualfocus/SlottedDivElement.js +17 -7
  368. package/cjs/util/virtualfocus/SlottedDivElement.js.map +1 -1
  369. package/cjs/util/virtualfocus/VirtualFocus.js +17 -7
  370. package/cjs/util/virtualfocus/VirtualFocus.js.map +1 -1
  371. package/cjs/util/virtualfocus/parts/VirtualFocusAnchor.js +17 -7
  372. package/cjs/util/virtualfocus/parts/VirtualFocusAnchor.js.map +1 -1
  373. package/cjs/util/virtualfocus/parts/VirtualFocusContent.js +17 -7
  374. package/cjs/util/virtualfocus/parts/VirtualFocusContent.js.map +1 -1
  375. package/cjs/util/virtualfocus/parts/VirtualFocusItem.js +17 -7
  376. package/cjs/util/virtualfocus/parts/VirtualFocusItem.js.map +1 -1
  377. package/esm/alert/Alert.d.ts +4 -0
  378. package/esm/alert/Alert.js +15 -1
  379. package/esm/alert/Alert.js.map +1 -1
  380. package/esm/button/Button.js +30 -2
  381. package/esm/button/Button.js.map +1 -1
  382. package/esm/chat/Chat.js +14 -2
  383. package/esm/chat/Chat.js.map +1 -1
  384. package/esm/chips/Removable.js +23 -3
  385. package/esm/chips/Removable.js.map +1 -1
  386. package/esm/chips/Toggle.js +25 -6
  387. package/esm/chips/Toggle.js.map +1 -1
  388. package/esm/collapsible/Collapsible.context.d.ts +1 -1
  389. package/esm/date/Date.locale.d.ts +1 -1
  390. package/esm/date/monthpicker/index.d.ts +1 -1
  391. package/esm/expansion-card/ExpansionCard.js +2 -2
  392. package/esm/expansion-card/ExpansionCard.js.map +1 -1
  393. package/esm/form/checkbox/Checkbox.js +1 -1
  394. package/esm/form/checkbox/Checkbox.js.map +1 -1
  395. package/esm/form/checkbox/index.d.ts +1 -1
  396. package/esm/form/combobox/SelectedOptions/SelectedOptions.js +1 -1
  397. package/esm/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
  398. package/esm/form/combobox/index.d.ts +1 -1
  399. package/esm/form/confirmation-panel/ConfirmationPanel.d.ts +1 -0
  400. package/esm/form/confirmation-panel/ConfirmationPanel.js +3 -2
  401. package/esm/form/confirmation-panel/ConfirmationPanel.js.map +1 -1
  402. package/esm/form/error-summary/ErrorSummary.js +1 -1
  403. package/esm/form/error-summary/ErrorSummary.js.map +1 -1
  404. package/esm/form/file-upload/FileUpload.context.d.ts +1 -1
  405. package/esm/form/file-upload/index.d.ts +3 -3
  406. package/esm/form/form-summary/FormSummaryAnswers.js +2 -2
  407. package/esm/form/form-summary/FormSummaryAnswers.js.map +1 -1
  408. package/esm/form/radio/Radio.js +1 -1
  409. package/esm/form/radio/Radio.js.map +1 -1
  410. package/esm/form/radio/index.d.ts +1 -1
  411. package/esm/form/search/Search.d.ts +1 -1
  412. package/esm/form/search/Search.js +2 -2
  413. package/esm/form/search/Search.js.map +1 -1
  414. package/esm/guide-panel/GuidePanel.js +3 -3
  415. package/esm/guide-panel/GuidePanel.js.map +1 -1
  416. package/esm/guide-panel/Illustration.darkside.js +1 -1
  417. package/esm/guide-panel/Illustration.darkside.js.map +1 -1
  418. package/esm/help-text/HelpText.js +2 -2
  419. package/esm/help-text/HelpText.js.map +1 -1
  420. package/esm/layout/box/Box.d.ts +4 -5
  421. package/esm/layout/box/Box.darkside.d.ts +8 -8
  422. package/esm/layout/box/Box.darkside.js +2 -2
  423. package/esm/layout/box/Box.darkside.js.map +1 -1
  424. package/esm/layout/box/Box.js +1 -1
  425. package/esm/layout/box/Box.js.map +1 -1
  426. package/esm/layout/utilities/css.d.ts +1 -1
  427. package/esm/layout/utilities/css.js +12 -1
  428. package/esm/layout/utilities/css.js.map +1 -1
  429. package/esm/layout/utilities/types.d.ts +8 -7
  430. package/esm/link/Link.js +27 -3
  431. package/esm/link/Link.js.map +1 -1
  432. package/esm/loader/Loader.d.ts +5 -0
  433. package/esm/loader/Loader.js +15 -2
  434. package/esm/loader/Loader.js.map +1 -1
  435. package/esm/loader/index.d.ts +1 -1
  436. package/esm/modal/index.d.ts +1 -1
  437. package/esm/overlays/action-menu/ActionMenu.js +5 -5
  438. package/esm/overlays/action-menu/ActionMenu.js.map +1 -1
  439. package/esm/pagination/Pagination.js +5 -7
  440. package/esm/pagination/Pagination.js.map +1 -1
  441. package/esm/pagination/PaginationItem.js +2 -2
  442. package/esm/pagination/PaginationItem.js.map +1 -1
  443. package/esm/panel/index.d.ts +1 -1
  444. package/esm/portal/Portal.js +1 -1
  445. package/esm/portal/Portal.js.map +1 -1
  446. package/esm/stepper/Stepper.js +3 -2
  447. package/esm/stepper/Stepper.js.map +1 -1
  448. package/esm/stepper/context.d.ts +1 -1
  449. package/esm/table/index.d.ts +1 -1
  450. package/esm/tabs/Tabs.context.d.ts +1 -1
  451. package/esm/tabs/index.d.ts +1 -1
  452. package/esm/tag/Tag.js +39 -3
  453. package/esm/tag/Tag.js.map +1 -1
  454. package/esm/theme/Theme.d.ts +10 -1
  455. package/esm/theme/Theme.js +3 -3
  456. package/esm/theme/Theme.js.map +1 -1
  457. package/esm/timeline/Pin.js +2 -4
  458. package/esm/timeline/Pin.js.map +1 -1
  459. package/esm/timeline/period/ClickablePeriod.js +4 -6
  460. package/esm/timeline/period/ClickablePeriod.js.map +1 -1
  461. package/esm/timeline/period/NonClickablePeriod.js +2 -1
  462. package/esm/timeline/period/NonClickablePeriod.js.map +1 -1
  463. package/esm/timeline/utils/period.d.ts +1 -1
  464. package/esm/timeline/utils/period.js.map +1 -1
  465. package/esm/toggle-group/ToggleGroup.context.d.ts +1 -1
  466. package/esm/toggle-group/ToggleGroup.js +22 -4
  467. package/esm/toggle-group/ToggleGroup.js.map +1 -1
  468. package/esm/toggle-group/index.d.ts +1 -1
  469. package/esm/types/index.d.ts +1 -0
  470. package/esm/types/index.js +2 -0
  471. package/esm/types/index.js.map +1 -0
  472. package/esm/types/theme.d.ts +15 -0
  473. package/esm/util/virtualfocus/Context.d.ts +1 -1
  474. package/package.json +16 -10
  475. package/src/alert/Alert.tsx +22 -0
  476. package/src/button/Button.tsx +38 -0
  477. package/src/chat/Chat.tsx +17 -0
  478. package/src/chips/Removable.tsx +30 -3
  479. package/src/chips/Toggle.tsx +31 -13
  480. package/src/date/monthpicker/index.ts +1 -1
  481. package/src/expansion-card/ExpansionCard.tsx +2 -0
  482. package/src/form/checkbox/Checkbox.tsx +1 -0
  483. package/src/form/checkbox/index.ts +1 -1
  484. package/src/form/combobox/SelectedOptions/SelectedOptions.tsx +6 -1
  485. package/src/form/combobox/index.ts +1 -1
  486. package/src/form/confirmation-panel/ConfirmationPanel.tsx +3 -2
  487. package/src/form/error-summary/ErrorSummary.tsx +1 -1
  488. package/src/form/file-upload/index.ts +9 -9
  489. package/src/form/form-summary/FormSummaryAnswers.tsx +23 -12
  490. package/src/form/radio/Radio.tsx +1 -0
  491. package/src/form/radio/index.ts +1 -1
  492. package/src/form/search/Search.tsx +4 -2
  493. package/src/guide-panel/GuidePanel.tsx +13 -2
  494. package/src/guide-panel/Illustration.darkside.tsx +1 -6
  495. package/src/help-text/HelpText.tsx +5 -1
  496. package/src/layout/box/Box.darkside.tsx +21 -16
  497. package/src/layout/box/Box.tsx +6 -6
  498. package/src/layout/utilities/css.ts +24 -5
  499. package/src/layout/utilities/types.ts +18 -13
  500. package/src/link/Link.tsx +36 -3
  501. package/src/loader/Loader.tsx +24 -0
  502. package/src/loader/index.ts +1 -1
  503. package/src/modal/index.ts +1 -1
  504. package/src/overlays/action-menu/ActionMenu.tsx +5 -5
  505. package/src/pagination/Pagination.tsx +5 -0
  506. package/src/pagination/PaginationItem.tsx +3 -1
  507. package/src/panel/index.ts +1 -1
  508. package/src/portal/Portal.tsx +6 -1
  509. package/src/react-css.d.ts +0 -4
  510. package/src/stepper/Stepper.tsx +4 -3
  511. package/src/table/index.ts +1 -1
  512. package/src/tabs/index.ts +1 -1
  513. package/src/tag/Tag.tsx +53 -4
  514. package/src/theme/Theme.tsx +13 -2
  515. package/src/timeline/Pin.tsx +1 -3
  516. package/src/timeline/period/ClickablePeriod.tsx +2 -3
  517. package/src/timeline/period/NonClickablePeriod.tsx +1 -0
  518. package/src/timeline/utils/period.ts +1 -1
  519. package/src/toggle-group/ToggleGroup.tsx +28 -3
  520. package/src/toggle-group/index.ts +1 -1
  521. package/src/types/index.ts +1 -0
  522. package/src/types/theme.d.ts +15 -0
@@ -1 +1 @@
1
- {"version":3,"file":"Theme.js","sourceRoot":"","sources":["../../src/theme/Theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAavD,MAAM,CAAC,iBAAiB,EAAE,YAAY,CAAC,GAAG,aAAa,CAAmB;IACxE,QAAQ,EAAE,cAAc;IACxB,IAAI,EAAE,WAAW;IACjB,YAAY,EAAE,mBAAmB;IACjC,YAAY,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;CACzB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,GAAG,MAA6B,EACxB,EAAE;IACV,MAAM,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC;QACxB,sDAAsD;SACrD,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC;QAC9B,iCAAiC;SAChC,OAAO,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAEnC,OAAO,OAAO,CAAC,IAAI,EAAE,CAAC;AACxB,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE;IAChE,OAAO,CACL,oBAAC,iBAAiB,IAAC,EAAE,EAAE,sBAAsB,IAC1C,QAAQ,CACS,CACrB,CAAC;AACJ,CAAC,CAAC;AAaF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,aAAa,CAAe;IACpE,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,eAAe;IACrB,YAAY,EAAE,eAAe;CAC9B,CAAC,CAAC;AAQH,MAAM,KAAK,GAAG,UAAU,CACtB,CAAC,KAAiB,EAAE,GAAG,EAAE,EAAE;IACzB,MAAM,OAAO,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,EACtB,aAAa,EAAE,iBAAiB,GAAG,IAAI,GACxC,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,OAAO,KAAK,SAAS,CAAC;IAErC,MAAM,aAAa,GACjB,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,CAAC,MAAM,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC;IAE7D,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAE3C,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK;QACzB,oBAAC,SAAS;YACR,oBAAC,WAAW,IACV,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE,KAAK,CAAC,qBAC7B,aAAa,IAE7B,QAAQ,CACG,CACJ,CACE,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC"}
1
+ {"version":3,"file":"Theme.js","sourceRoot":"","sources":["../../src/theme/Theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAavD,MAAM,CAAC,iBAAiB,EAAE,YAAY,CAAC,GAAG,aAAa,CAAmB;IACxE,QAAQ,EAAE,cAAc;IACxB,IAAI,EAAE,WAAW;IACjB,YAAY,EAAE,mBAAmB;IACjC,YAAY,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;CACzB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,GAAG,MAA6B,EACxB,EAAE;IACV,MAAM,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC;QACxB,sDAAsD;SACrD,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC;QAC9B,iCAAiC;SAChC,OAAO,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAEnC,OAAO,OAAO,CAAC,IAAI,EAAE,CAAC;AACxB,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE;IAChE,OAAO,CACL,oBAAC,iBAAiB,IAAC,EAAE,EAAE,sBAAsB,IAC1C,QAAQ,CACS,CACrB,CAAC;AACJ,CAAC,CAAC;AAcF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,aAAa,CAAe;IACpE,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,eAAe;IACrB,YAAY,EAAE,eAAe;CAC9B,CAAC,CAAC;AAeH,MAAM,KAAK,GAAG,UAAU,CACtB,CAAC,KAAiB,EAAE,GAAG,EAAE,EAAE;IACzB,MAAM,OAAO,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,EACtB,aAAa,EAAE,iBAAiB,GAAG,IAAI,EACvC,YAAY,EAAE,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,GACrC,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,OAAO,KAAK,SAAS,CAAC;IAErC,MAAM,aAAa,GACjB,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,CAAC,MAAM,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC;IAE7D,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAE3C,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK;QACvC,oBAAC,SAAS;YACR,oBAAC,WAAW,IACV,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE,KAAK,CAAC,qBAC7B,aAAa,gBAClB,KAAK,IAEhB,QAAQ,CACG,CACJ,CACE,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC"}
@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
9
9
  }
10
10
  return t;
11
11
  };
12
- import { FloatingFocusManager, autoUpdate, arrow as flArrow, flip, offset, safePolygon, shift, useDismiss, useFloating, useFocus, useHover, useInteractions, useRole, } from "@floating-ui/react";
12
+ import { FloatingFocusManager, autoUpdate, arrow as flArrow, flip, offset, safePolygon, shift, useDismiss, useFloating, useFocus, useHover, useInteractions, } from "@floating-ui/react";
13
13
  import { format } from "date-fns";
14
14
  import React, { forwardRef, useRef, useState } from "react";
15
15
  import { useRenameCSS, useThemeInternal } from "../theme/Theme.js";
@@ -46,12 +46,10 @@ export const Pin = forwardRef((_a, ref) => {
46
46
  });
47
47
  const focus = useFocus(context);
48
48
  const dismiss = useDismiss(context);
49
- const role = useRole(context, { role: "dialog" });
50
49
  const { getFloatingProps, getReferenceProps } = useInteractions([
51
50
  hover,
52
51
  focus,
53
52
  dismiss,
54
- role,
55
53
  ]);
56
54
  const mergedRef = useMergeRefs(refs.setReference, ref);
57
55
  const staticSide = {
@@ -77,7 +75,7 @@ export const Pin = forwardRef((_a, ref) => {
77
75
  },
78
76
  })))),
79
77
  children && open && (React.createElement(FloatingFocusManager, { context: context, modal: false, initialFocus: -1, returnFocus: false },
80
- React.createElement("div", Object.assign({ className: cn("navds-timeline__popover"), "data-placement": placement, ref: refs.setFloating }, getFloatingProps(), { style: floatingStyles }),
78
+ React.createElement("div", Object.assign({ className: cn("navds-timeline__popover"), "data-placement": placement, ref: refs.setFloating, role: "dialog" }, getFloatingProps(), { style: floatingStyles }),
81
79
  children,
82
80
  showArrow && (React.createElement("div", { ref: arrowRef, style: Object.assign(Object.assign(Object.assign({}, (arrowX != null ? { left: arrowX } : {})), (arrowY != null ? { top: arrowY } : {})), (staticSide ? { [staticSide]: "-0.5rem" } : {})), className: cn("navds-timeline__popover-arrow") })))))));
83
81
  });
@@ -1 +1 @@
1
- {"version":3,"file":"Pin.js","sourceRoot":"","sources":["../../src/timeline/Pin.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Pin.js","sourceRoot":"","sources":["../../src/timeline/Pin.tsx"],"names":[],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import { FloatingFocusManager, autoUpdate, arrow as flArrow, flip, offset, safePolygon, shift, useDismiss, useFloating, useFocus, useHover, useInteractions, useRole, } from "@floating-ui/react";
1
+ import { FloatingFocusManager, autoUpdate, arrow as flArrow, flip, offset, safePolygon, shift, useDismiss, useFloating, useFocus, useHover, useInteractions, } from "@floating-ui/react";
2
2
  import React, { useRef, useState } from "react";
3
3
  import { useRenameCSS, useThemeInternal } from "../../theme/Theme.js";
4
4
  import { useMergeRefs } from "../../util/hooks/useMergeRefs.js";
@@ -8,7 +8,7 @@ import { useRowContext } from "../hooks/useRowContext.js";
8
8
  import { useTimelineContext } from "../hooks/useTimelineContext.js";
9
9
  import { ariaLabel, getConditionalClasses } from "../utils/period.js";
10
10
  const ClickablePeriod = React.memo(({ onSelectPeriod, start, end, status, cropped, direction, left, width, icon, children, isActive, statusLabel, restProps, periodRef, }) => {
11
- var _a;
11
+ var _a, _b;
12
12
  const { cn } = useRenameCSS();
13
13
  const [open, setOpen] = useState(false);
14
14
  const { index } = useRowContext();
@@ -38,12 +38,10 @@ const ClickablePeriod = React.memo(({ onSelectPeriod, start, end, status, croppe
38
38
  });
39
39
  const focus = useFocus(context);
40
40
  const dismiss = useDismiss(context);
41
- const role = useRole(context, { role: "dialog" });
42
41
  const { getFloatingProps, getReferenceProps } = useInteractions([
43
42
  hover,
44
43
  focus,
45
44
  dismiss,
46
- role,
47
45
  ]);
48
46
  const mergedRef = useMergeRefs(refs.setReference, periodRef);
49
47
  const staticSide = {
@@ -53,7 +51,7 @@ const ClickablePeriod = React.memo(({ onSelectPeriod, start, end, status, croppe
53
51
  left: "right",
54
52
  }[placement.split("-")[0]];
55
53
  return (React.createElement(React.Fragment, null,
56
- React.createElement("button", Object.assign({}, restProps, { type: "button", ref: (r) => {
54
+ React.createElement("button", Object.assign({}, restProps, { "data-color": (_b = restProps === null || restProps === void 0 ? void 0 : restProps["data-color"]) !== null && _b !== void 0 ? _b : status, type: "button", ref: (r) => {
57
55
  firstFocus && addFocusable(r, index);
58
56
  mergedRef(r);
59
57
  }, "aria-label": ariaLabel(start, end, status, statusLabel, translate), className: cn("navds-timeline__period--clickable", getConditionalClasses(cropped, direction, status), restProps === null || restProps === void 0 ? void 0 : restProps.className, {
@@ -88,7 +86,7 @@ const ClickablePeriod = React.memo(({ onSelectPeriod, start, end, status, croppe
88
86
  })),
89
87
  React.createElement("span", { className: cn("navds-timeline__period--inner") }, icon)),
90
88
  children && open && (React.createElement(FloatingFocusManager, { context: context, modal: false, initialFocus: -1, returnFocus: false },
91
- React.createElement("div", Object.assign({ className: cn("navds-timeline__popover"), "data-placement": placement, ref: refs.setFloating }, getFloatingProps(), { style: floatingStyles }),
89
+ React.createElement("div", Object.assign({ className: cn("navds-timeline__popover"), "data-placement": placement, ref: refs.setFloating, role: "dialog" }, getFloatingProps(), { style: floatingStyles }),
92
90
  children,
93
91
  showArrow && (React.createElement("div", { ref: arrowRef, style: Object.assign(Object.assign(Object.assign({}, (arrowX != null ? { left: arrowX } : {})), (arrowY != null ? { top: arrowY } : {})), (staticSide ? { [staticSide]: "-0.5rem" } : {})), className: cn("navds-timeline__popover-arrow") })))))));
94
92
  });
@@ -1 +1 @@
1
- {"version":3,"file":"ClickablePeriod.js","sourceRoot":"","sources":["../../../src/timeline/period/ClickablePeriod.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ClickablePeriod.js","sourceRoot":"","sources":["../../../src/timeline/period/ClickablePeriod.tsx"],"names":[],"mappings":"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"}
@@ -3,9 +3,10 @@ import { useRenameCSS } from "../../theme/Theme.js";
3
3
  import { useI18n } from "../../util/i18n/i18n.hooks.js";
4
4
  import { ariaLabel, getConditionalClasses } from "../utils/period.js";
5
5
  const NonClickablePeriod = ({ start, end, status, cropped, direction, left, width, icon, statusLabel, restProps, periodRef, }) => {
6
+ var _a;
6
7
  const translate = useI18n("Timeline");
7
8
  const { cn } = useRenameCSS();
8
- return (React.createElement("div", Object.assign({ ref: periodRef }, restProps, { className: cn(getConditionalClasses(cropped, direction, status), restProps === null || restProps === void 0 ? void 0 : restProps.className), style: {
9
+ return (React.createElement("div", Object.assign({ ref: periodRef }, restProps, { "data-color": (_a = restProps === null || restProps === void 0 ? void 0 : restProps["data-color"]) !== null && _a !== void 0 ? _a : status, className: cn(getConditionalClasses(cropped, direction, status), restProps === null || restProps === void 0 ? void 0 : restProps.className), style: {
9
10
  width: `${width}%`,
10
11
  [direction]: `${left}%`,
11
12
  } }),
@@ -1 +1 @@
1
- {"version":3,"file":"NonClickablePeriod.js","sourceRoot":"","sources":["../../../src/timeline/period/NonClickablePeriod.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAOnE,MAAM,kBAAkB,GAAG,CAAC,EAC1B,KAAK,EACL,GAAG,EACH,MAAM,EACN,OAAO,EACP,SAAS,EACT,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,WAAW,EACX,SAAS,EACT,SAAS,GACuB,EAAE,EAAE;IACpC,MAAM,SAAS,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;IAEtC,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,OAAO,CACL,2CACE,GAAG,EAAE,SAAS,IACV,SAAS,IACb,SAAS,EAAE,EAAE,CACX,qBAAqB,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,EACjD,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,CACrB,EACD,KAAK,EAAE;YACL,KAAK,EAAE,GAAG,KAAK,GAAG;YAClB,CAAC,SAAS,CAAC,EAAE,GAAG,IAAI,GAAG;SACxB;QAED,8BAAM,SAAS,EAAE,EAAE,CAAC,+BAA+B,CAAC;YACjD,IAAI;YACL,8BAAM,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,IACjC,SAAS,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,CAAC,CACjD,CACF,CACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
1
+ {"version":3,"file":"NonClickablePeriod.js","sourceRoot":"","sources":["../../../src/timeline/period/NonClickablePeriod.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAOnE,MAAM,kBAAkB,GAAG,CAAC,EAC1B,KAAK,EACL,GAAG,EACH,MAAM,EACN,OAAO,EACP,SAAS,EACT,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,WAAW,EACX,SAAS,EACT,SAAS,GACuB,EAAE,EAAE;;IACpC,MAAM,SAAS,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;IAEtC,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,OAAO,CACL,2CACE,GAAG,EAAE,SAAS,IACV,SAAS,kBACD,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,YAAY,CAAC,mCAAI,MAAM,EAC/C,SAAS,EAAE,EAAE,CACX,qBAAqB,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,EACjD,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,CACrB,EACD,KAAK,EAAE;YACL,KAAK,EAAE,GAAG,KAAK,GAAG;YAClB,CAAC,SAAS,CAAC,EAAE,GAAG,IAAI,GAAG;SACxB;QAED,8BAAM,SAAS,EAAE,EAAE,CAAC,+BAA+B,CAAC;YACjD,IAAI;YACL,8BAAM,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,IACjC,SAAS,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,CAAC,CACjD,CACF,CACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
@@ -1,4 +1,4 @@
1
1
  import type { TFunction } from "../../util/i18n/i18n.types.js";
2
2
  import type { PeriodProps } from "../period/types.js";
3
- export declare const getConditionalClasses: (cropped: string, direction: string, status: string) => string;
3
+ export declare const getConditionalClasses: (cropped: string, direction: string, status: PeriodProps["status"]) => string;
4
4
  export declare const ariaLabel: (startDate: Date, endDate: Date, status: PeriodProps["status"], statusLabel: string | undefined, translate: TFunction<"Timeline">) => string;
@@ -1 +1 @@
1
- {"version":3,"file":"period.js","sourceRoot":"","sources":["../../../src/timeline/utils/period.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAIlC,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,OAAe,EACf,SAAiB,EACjB,MAAc,EACd,EAAE;IACF,kFAAkF;IAClF,OAAO,EAAE,CAAC,kDAAkD,MAAM,EAAE,EAAE;QACpE,wCAAwC,EAAE,OAAO,KAAK,MAAM;QAC5D,yCAAyC,EACvC,CAAC,OAAO,KAAK,OAAO,IAAI,SAAS,KAAK,MAAM,CAAC;YAC7C,CAAC,OAAO,KAAK,MAAM,IAAI,SAAS,KAAK,OAAO,CAAC;QAC/C,wCAAwC,EACtC,CAAC,OAAO,KAAK,MAAM,IAAI,SAAS,KAAK,MAAM,CAAC;YAC5C,CAAC,OAAO,KAAK,OAAO,IAAI,SAAS,KAAK,OAAO,CAAC;KACjD,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CACvB,SAAe,EACf,OAAa,EACb,MAA6B,EAC7B,WAA+B,EAC/B,SAAgC,EACxB,EAAE;IACV,MAAM,UAAU,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC;IAC3C,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IAC5C,MAAM,GAAG,GAAG,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IACxC,OAAO,SAAS,CAAC,eAAe,EAAE;QAChC,MAAM,EAAE,WAAW,IAAI,SAAS,CAAC,UAAU,MAAM,EAAE,CAAC;QACpD,KAAK;QACL,GAAG;KACJ,CAAC,CAAC;AACL,CAAC,CAAC"}
1
+ {"version":3,"file":"period.js","sourceRoot":"","sources":["../../../src/timeline/utils/period.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAIlC,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,OAAe,EACf,SAAiB,EACjB,MAA6B,EAC7B,EAAE;IACF,kFAAkF;IAClF,OAAO,EAAE,CAAC,kDAAkD,MAAM,EAAE,EAAE;QACpE,wCAAwC,EAAE,OAAO,KAAK,MAAM;QAC5D,yCAAyC,EACvC,CAAC,OAAO,KAAK,OAAO,IAAI,SAAS,KAAK,MAAM,CAAC;YAC7C,CAAC,OAAO,KAAK,MAAM,IAAI,SAAS,KAAK,OAAO,CAAC;QAC/C,wCAAwC,EACtC,CAAC,OAAO,KAAK,MAAM,IAAI,SAAS,KAAK,MAAM,CAAC;YAC5C,CAAC,OAAO,KAAK,OAAO,IAAI,SAAS,KAAK,OAAO,CAAC;KACjD,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CACvB,SAAe,EACf,OAAa,EACb,MAA6B,EAC7B,WAA+B,EAC/B,SAAgC,EACxB,EAAE;IACV,MAAM,UAAU,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC;IAC3C,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IAC5C,MAAM,GAAG,GAAG,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IACxC,OAAO,SAAS,CAAC,eAAe,EAAE;QAChC,MAAM,EAAE,WAAW,IAAI,SAAS,CAAC,UAAU,MAAM,EAAE,CAAC;QACpD,KAAK;QACL,GAAG;KACJ,CAAC,CAAC;AACL,CAAC,CAAC"}
@@ -29,6 +29,6 @@ export declare const ToggleGroupProvider: import("react").ForwardRefExoticCompon
29
29
  focusedValue: string;
30
30
  setFocusedValue: import("react").Dispatch<import("react").SetStateAction<string>>;
31
31
  } & Pick<ToggleGroupProps, "size"> & {
32
- children: import("react").ReactNode;
32
+ children: React.ReactNode;
33
33
  } & import("react").RefAttributes<unknown>>, useToggleGroupContext: <S extends boolean = true>(strict?: S) => S extends true ? ToggleGroupProviderProps : ToggleGroupProviderProps | undefined;
34
34
  export {};
@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
11
11
  };
12
12
  import cl from "clsx";
13
13
  import React, { forwardRef } from "react";
14
- import { useRenameCSS } from "../theme/Theme.js";
14
+ import { useRenameCSS, useThemeInternal } from "../theme/Theme.js";
15
15
  import { Label } from "../typography/index.js";
16
16
  import { useId } from "../util/index.js";
17
17
  import { ToggleGroupDescendantsProvider, ToggleGroupProvider, useToggleGroupDescendants, } from "./ToggleGroup.context.js";
@@ -33,8 +33,9 @@ import { useToggleGroup } from "./useToggleGroup.js";
33
33
  * ```
34
34
  */
35
35
  export const ToggleGroup = forwardRef((_a, ref) => {
36
- var { className, children, onChange, size = "medium", label, value, defaultValue, "aria-describedby": userDescribedby, variant = "action", fill = false } = _a, rest = __rest(_a, ["className", "children", "onChange", "size", "label", "value", "defaultValue", "aria-describedby", "variant", "fill"]);
36
+ var { className, children, onChange, size = "medium", label, value, defaultValue, "aria-describedby": userDescribedby, variant, fill = false, "data-color": color } = _a, rest = __rest(_a, ["className", "children", "onChange", "size", "label", "value", "defaultValue", "aria-describedby", "variant", "fill", "data-color"]);
37
37
  const { cn } = useRenameCSS();
38
+ const themeContext = useThemeInternal(false);
38
39
  const descendants = useToggleGroupDescendants();
39
40
  const toggleGroupContext = useToggleGroup({
40
41
  defaultValue,
@@ -52,14 +53,31 @@ export const ToggleGroup = forwardRef((_a, ref) => {
52
53
  if (!value && !defaultValue) {
53
54
  console.error("ToggleGroup needs either a value or defaultValue");
54
55
  }
56
+ let localVariant;
57
+ if (themeContext) {
58
+ localVariant = variant;
59
+ }
60
+ else {
61
+ localVariant = variant !== null && variant !== void 0 ? variant : "action";
62
+ }
55
63
  return (React.createElement(ToggleGroupDescendantsProvider, { value: descendants },
56
64
  React.createElement(ToggleGroupProvider, Object.assign({}, context),
57
65
  React.createElement("div", { className: cn("navds-toggle-group__wrapper", className, {
58
66
  "navds-toggle-group__wrapper--fill": fill,
59
- }) },
67
+ }), "data-color": color !== null && color !== void 0 ? color : variantToColor(localVariant) },
60
68
  label && (React.createElement(Label, { size: size, className: cn("navds-toggle-group__label"), id: labelId }, label)),
61
- React.createElement("div", Object.assign({}, rest, { ref: ref, className: cn("navds-toggle-group", `navds-toggle-group--${size}`, `navds-toggle-group--${variant}`), "aria-describedby": cl(userDescribedby, !!label && labelId) || undefined, role: "radiogroup" }), children)))));
69
+ React.createElement("div", Object.assign({}, rest, { ref: ref, className: cn("navds-toggle-group", `navds-toggle-group--${size}`, { [`navds-toggle-group--${localVariant}`]: localVariant }), "aria-describedby": cl(userDescribedby, !!label && labelId) || undefined, role: "radiogroup" }), children)))));
62
70
  });
71
+ function variantToColor(variant) {
72
+ switch (variant) {
73
+ case "action":
74
+ return "accent";
75
+ case "neutral":
76
+ return "neutral";
77
+ default:
78
+ return undefined;
79
+ }
80
+ }
63
81
  ToggleGroup.Item = ToggleItem;
64
82
  export default ToggleGroup;
65
83
  //# sourceMappingURL=ToggleGroup.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ToggleGroup.js","sourceRoot":"","sources":["../../src/toggle-group/ToggleGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EACL,8BAA8B,EAC9B,mBAAmB,EACnB,yBAAyB,GAC1B,MAAM,uBAAuB,CAAC;AAE/B,OAAO,UAAU,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAYlD;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,CACE,EAYC,EACD,GAAG,EACH,EAAE;QAdF,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,KAAK,EACL,KAAK,EACL,YAAY,EACZ,kBAAkB,EAAE,eAAe,EACnC,OAAO,GAAG,QAAQ,EAClB,IAAI,GAAG,KAAK,OAEb,EADI,IAAI,cAXT,sHAYC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,WAAW,GAAG,yBAAyB,EAAE,CAAC;IAEhD,MAAM,kBAAkB,GAAG,cAAc,CAAC;QACxC,YAAY;QACZ,KAAK;QACL,QAAQ;KACT,CAAC,CAAC;IAEH;;OAEG;IACH,MAAM,OAAO,mCACR,kBAAkB,KACrB,IAAI,GACL,CAAC;IAEF,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC;IAExB,IAAI,CAAC,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;QAC5B,OAAO,CAAC,KAAK,CAAC,0DAA0D,CAAC,CAAC;IAC5E,CAAC;IAED,IAAI,CAAC,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;QAC5B,OAAO,CAAC,KAAK,CAAC,kDAAkD,CAAC,CAAC;IACpE,CAAC;IAED,OAAO,CACL,oBAAC,8BAA8B,IAAC,KAAK,EAAE,WAAW;QAChD,oBAAC,mBAAmB,oBAAK,OAAO;YAC9B,6BACE,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,EAAE;oBACtD,mCAAmC,EAAE,IAAI;iBAC1C,CAAC;gBAED,KAAK,IAAI,CACR,oBAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,2BAA2B,CAAC,EAC1C,EAAE,EAAE,OAAO,IAEV,KAAK,CACA,CACT;gBACD,6CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,oBAAoB,EACpB,uBAAuB,IAAI,EAAE,EAC7B,uBAAuB,OAAO,EAAE,CACjC,sBAEC,EAAE,CAAC,eAAe,EAAE,CAAC,CAAC,KAAK,IAAI,OAAO,CAAC,IAAI,SAAS,EAEtD,IAAI,EAAC,YAAY,KAEhB,QAAQ,CACL,CACF,CACc,CACS,CAClC,CAAC;AACJ,CAAC,CACsB,CAAC;AAE1B,WAAW,CAAC,IAAI,GAAG,UAAU,CAAC;AAE9B,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"ToggleGroup.js","sourceRoot":"","sources":["../../src/toggle-group/ToggleGroup.tsx"],"names":[],"mappings":"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"}
@@ -1,3 +1,3 @@
1
1
  export { default as ToggleGroup } from "./ToggleGroup.js";
2
- export { type ToggleGroupProps } from "./ToggleGroup.types.js";
2
+ export type { ToggleGroupProps } from "./ToggleGroup.types.js";
3
3
  export { default as ToggleGroupItem, type ToggleGroupItemProps, } from "./parts/ToggleItem.js";
@@ -0,0 +1 @@
1
+ export * from "./theme";
@@ -0,0 +1,2 @@
1
+ export * from "./theme";
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
@@ -0,0 +1,15 @@
1
+ /* eslint-disable @typescript-eslint/no-empty-object-type */
2
+ import type { AkselColorRole } from "@navikt/ds-tokens/types";
3
+
4
+ // biome-ignore lint/suspicious/noEmptyInterface: Users can/will augment this interface
5
+ export interface CustomAkselColor {}
6
+
7
+ export type AkselColor = AkselColorRole | keyof CustomAkselColor;
8
+
9
+ declare global {
10
+ namespace React {
11
+ interface HTMLAttributes {
12
+ "data-color"?: AkselColor | (string & {});
13
+ }
14
+ }
15
+ }
@@ -29,7 +29,7 @@ export declare const VirtualFocusInternalContextProvider: import("react").Forwar
29
29
  loop: boolean;
30
30
  uniqueId: string;
31
31
  } & {
32
- children: import("react").ReactNode;
32
+ children: React.ReactNode;
33
33
  } & import("react").RefAttributes<unknown>>, useVirtualFocusInternalContext: <S extends boolean = true>(strict?: S) => S extends true ? {
34
34
  virtualFocusIdx: number;
35
35
  setVirtualFocusIdx: Dispatch<SetStateAction<number>>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@navikt/ds-react",
3
- "version": "7.21.1",
3
+ "version": "7.23.0",
4
4
  "description": "React components from the Norwegian Labour and Welfare Administration.",
5
5
  "author": "Aksel, a team part of the Norwegian Labour and Welfare Administration.",
6
6
  "license": "MIT",
@@ -12,7 +12,8 @@
12
12
  ],
13
13
  "repository": {
14
14
  "type": "git",
15
- "url": "git+https://github.com/navikt/aksel.git"
15
+ "url": "git+https://github.com/navikt/aksel.git",
16
+ "directory": "@navikt/core/react"
16
17
  },
17
18
  "sideEffects": false,
18
19
  "typings": "./esm/index.d.ts",
@@ -40,6 +41,9 @@
40
41
  "default": "./cjs/index.js"
41
42
  }
42
43
  },
44
+ "./types/theme": {
45
+ "types": "./esm/types/theme.d.ts"
46
+ },
43
47
  "./locales": {
44
48
  "import": {
45
49
  "types": "./esm/util/i18n/locales/index.d.ts",
@@ -617,19 +621,20 @@
617
621
  "i18n-jsdoc": "tsx ./scripts/addJsdocToLocales.ts",
618
622
  "write-packagejson": "echo '{\"type\": \"module\"}' > esm/package.json",
619
623
  "clean": "rimraf cjs esm",
620
- "build": "yarn i18n-jsdoc && concurrently \"tsc -p tsconfig.build.json\" \"tsc -p tsconfig.esm.json && tsc-alias -p tsconfig.esm.json && yarn write-packagejson\" && yarn i18n-jsdoc --cleanup",
624
+ "build": "yarn i18n-jsdoc && concurrently \"tsc -p tsconfig.build.json\" \"tsc -p tsconfig.esm.json && tsc-alias -p tsconfig.esm.json && yarn write-packagejson\" && yarn i18n-jsdoc --cleanup && yarn copy-types",
621
625
  "watch": "tsc --watch -p tsconfig.esm.json",
622
626
  "test": "TZ=UTC vitest run -c tests/vitest.config.ts",
623
- "test:watch": "TZ=UTC vitest watch -c tests/vitest.config.ts"
627
+ "test:watch": "TZ=UTC vitest watch -c tests/vitest.config.ts",
628
+ "copy-types": "copyfiles -f ./src/types/theme.d.ts ./esm/types"
624
629
  },
625
630
  "dependencies": {
626
631
  "@floating-ui/react": "0.27.8",
627
632
  "@floating-ui/react-dom": "^2.0.9",
628
- "@navikt/aksel-icons": "^7.21.1",
629
- "@navikt/ds-tokens": "^7.21.1",
633
+ "@navikt/aksel-icons": "^7.23.0",
634
+ "@navikt/ds-tokens": "^7.23.0",
630
635
  "clsx": "^2.1.0",
631
636
  "date-fns": "^4.0.0",
632
- "react-day-picker": "9.6.1"
637
+ "react-day-picker": "9.7.0"
633
638
  },
634
639
  "devDependencies": {
635
640
  "@testing-library/dom": "10.4.0",
@@ -639,16 +644,17 @@
639
644
  "@types/jscodeshift": "^0.11.11",
640
645
  "aksel": "workspace:^",
641
646
  "concurrently": "9.0.1",
647
+ "copyfiles": "^2.4.1",
642
648
  "fast-glob": "3.2.11",
643
649
  "jscodeshift": "^0.15.1",
644
- "jsdom": "26.0.0",
650
+ "jsdom": "26.1.0",
645
651
  "react-dom": "^18.0.0",
646
652
  "react-router-dom": "^6.3.0",
647
653
  "rimraf": "6.0.1",
648
654
  "swr": "^2.3.2",
649
- "tsc-alias": "1.8.8",
655
+ "tsc-alias": "1.8.16",
650
656
  "tsx": "^4.19.1",
651
- "typescript": "5.5.4",
657
+ "typescript": "5.8.3",
652
658
  "vitest": "^2.1.9"
653
659
  },
654
660
  "peerDependencies": {
@@ -8,6 +8,7 @@ import {
8
8
  } from "@navikt/aksel-icons";
9
9
  import { Button } from "../button";
10
10
  import { useRenameCSS } from "../theme/Theme";
11
+ import { AkselColor } from "../types";
11
12
  import { BodyLong } from "../typography";
12
13
  import { useI18n } from "../util/i18n/i18n.hooks";
13
14
 
@@ -53,6 +54,10 @@ export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
53
54
  * **Requires closeButton to be true**.
54
55
  */
55
56
  onClose?: () => void;
57
+ /**
58
+ * Overriding Alert color is not supported.
59
+ */
60
+ "data-color"?: never;
56
61
  }
57
62
 
58
63
  const IconMap = {
@@ -93,6 +98,8 @@ export const Alert = forwardRef<HTMLDivElement, AlertProps>(
93
98
  return (
94
99
  <div
95
100
  {...rest}
101
+ data-color={variantToRole(variant)}
102
+ data-variant={variant}
96
103
  ref={ref}
97
104
  className={cn(
98
105
  className,
@@ -142,4 +149,19 @@ export const Alert = forwardRef<HTMLDivElement, AlertProps>(
142
149
  },
143
150
  );
144
151
 
152
+ function variantToRole(variant: AlertProps["variant"]): AkselColor {
153
+ switch (variant) {
154
+ case "warning":
155
+ return "warning";
156
+ case "error":
157
+ return "danger";
158
+ case "info":
159
+ return "info";
160
+ case "success":
161
+ return "success";
162
+ default:
163
+ return "info";
164
+ }
165
+ }
166
+
145
167
  export default Alert;
@@ -1,6 +1,7 @@
1
1
  import React, { forwardRef } from "react";
2
2
  import { Loader } from "../loader";
3
3
  import { useRenameCSS } from "../theme/Theme";
4
+ import { AkselColor } from "../types";
4
5
  import { Label } from "../typography";
5
6
  import { omit } from "../util";
6
7
  import { composeEventHandlers } from "../util/composeEventHandlers";
@@ -75,6 +76,7 @@ export const Button: OverridableComponent<ButtonProps, HTMLButtonElement> =
75
76
  icon,
76
77
  iconPosition = "left",
77
78
  onKeyUp,
79
+ "data-color": color,
78
80
  ...rest
79
81
  },
80
82
  ref,
@@ -93,6 +95,8 @@ export const Button: OverridableComponent<ButtonProps, HTMLButtonElement> =
93
95
  return (
94
96
  <Component
95
97
  {...(Component !== "button" ? { role: "button" } : {})}
98
+ data-color={color ?? variantToColor(variant)}
99
+ data-variant={variantToSimplifiedVariant(variant)}
96
100
  {...filterProps}
97
101
  ref={ref}
98
102
  onKeyUp={composeEventHandlers(onKeyUp, handleKeyUp)}
@@ -126,4 +130,38 @@ export const Button: OverridableComponent<ButtonProps, HTMLButtonElement> =
126
130
  },
127
131
  );
128
132
 
133
+ function variantToColor(
134
+ variant: ButtonProps["variant"],
135
+ ): AkselColor | undefined {
136
+ switch (variant) {
137
+ case "primary-neutral":
138
+ case "secondary-neutral":
139
+ case "tertiary-neutral":
140
+ return "neutral";
141
+ case "danger":
142
+ return "danger";
143
+ default:
144
+ return undefined;
145
+ }
146
+ }
147
+
148
+ function variantToSimplifiedVariant(
149
+ variant: ButtonProps["variant"],
150
+ ): "primary" | "secondary" | "tertiary" {
151
+ switch (variant) {
152
+ case "primary":
153
+ case "primary-neutral":
154
+ case "danger":
155
+ return "primary";
156
+ case "secondary":
157
+ case "secondary-neutral":
158
+ return "secondary";
159
+ case "tertiary":
160
+ case "tertiary-neutral":
161
+ return "tertiary";
162
+ default:
163
+ return "primary";
164
+ }
165
+ }
166
+
129
167
  export default Button;
package/src/chat/Chat.tsx CHANGED
@@ -1,5 +1,6 @@
1
1
  import React, { HTMLAttributes, forwardRef } from "react";
2
2
  import { useRenameCSS } from "../theme/Theme";
3
+ import { AkselColor } from "../types";
3
4
  import { BodyLong, HeadingProps } from "../typography";
4
5
  import Bubble from "./Bubble";
5
6
 
@@ -94,6 +95,7 @@ export const Chat = forwardRef<HTMLDivElement, ChatProps>(
94
95
  toptextPosition,
95
96
  size = "medium",
96
97
  toptextHeadingLevel = "3",
98
+ "data-color": color,
97
99
  ...rest
98
100
  }: ChatProps,
99
101
  ref,
@@ -111,7 +113,9 @@ export const Chat = forwardRef<HTMLDivElement, ChatProps>(
111
113
  `navds-chat--${size}`,
112
114
  `navds-chat--${variant}`,
113
115
  )}
116
+ data-color={color ?? variantToColor(variant)}
114
117
  {...rest}
118
+ data-variant={variant}
115
119
  >
116
120
  {avatar && (
117
121
  <div className={cn("navds-chat__avatar")} aria-hidden>
@@ -139,6 +143,19 @@ export const Chat = forwardRef<HTMLDivElement, ChatProps>(
139
143
  },
140
144
  ) as ChatComponent;
141
145
 
146
+ function variantToColor(variant: ChatProps["variant"]): AkselColor {
147
+ switch (variant) {
148
+ case "neutral":
149
+ return "neutral";
150
+ case "subtle":
151
+ return "neutral";
152
+ case "info":
153
+ return "info";
154
+ default:
155
+ return "neutral";
156
+ }
157
+ }
158
+
142
159
  Chat.Bubble = Bubble;
143
160
 
144
161
  export default Chat;
@@ -1,6 +1,7 @@
1
1
  import React, { forwardRef } from "react";
2
2
  import { XMarkIcon } from "@navikt/aksel-icons";
3
- import { useRenameCSS } from "../theme/Theme";
3
+ import { useRenameCSS, useThemeInternal } from "../theme/Theme";
4
+ import { AkselColor } from "../types";
4
5
  import { composeEventHandlers } from "../util/composeEventHandlers";
5
6
  import { useI18n } from "../util/i18n/i18n.hooks";
6
7
 
@@ -25,27 +26,40 @@ export const RemovableChips = forwardRef<
25
26
  (
26
27
  {
27
28
  children,
28
- variant = "action",
29
+ variant,
29
30
  onDelete,
30
31
  className,
31
32
  onClick,
32
33
  type = "button",
34
+ "data-color": color,
33
35
  ...rest
34
36
  },
35
37
  ref,
36
38
  ) => {
37
39
  const translate = useI18n("Chips");
40
+ const themeContext = useThemeInternal(false);
38
41
  const { cn } = useRenameCSS();
39
42
 
43
+ let localVariant: ChipsRemovableProps["variant"] | undefined;
44
+
45
+ if (themeContext) {
46
+ localVariant = variant;
47
+ } else {
48
+ localVariant = variant ?? "action";
49
+ }
50
+
40
51
  return (
41
52
  <button
53
+ data-color={color ?? variantToColor(localVariant)}
42
54
  {...rest}
43
55
  ref={ref}
44
56
  type={type}
45
57
  className={cn(
46
58
  "navds-chips__chip navds-chips__removable navds-chips--icon-right",
47
59
  className,
48
- `navds-chips__removable--${variant}`,
60
+ {
61
+ [`navds-chips__removable--${localVariant}`]: localVariant,
62
+ },
49
63
  )}
50
64
  aria-label={`${children} ${translate("Removable.labelSuffix")}`}
51
65
  onClick={composeEventHandlers(onClick, onDelete)}
@@ -59,4 +73,17 @@ export const RemovableChips = forwardRef<
59
73
  },
60
74
  );
61
75
 
76
+ function variantToColor(
77
+ variant?: ChipsRemovableProps["variant"],
78
+ ): AkselColor | undefined {
79
+ switch (variant) {
80
+ case "action":
81
+ return "accent";
82
+ case "neutral":
83
+ return "neutral";
84
+ default:
85
+ return undefined;
86
+ }
87
+ }
88
+
62
89
  export default RemovableChips;