@navikt/ds-react 5.13.0 → 5.14.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 (349) hide show
  1. package/_docs.json +206 -135
  2. package/cjs/accordion/AccordionHeader.js +2 -4
  3. package/cjs/button/Button.js +11 -12
  4. package/cjs/chips/Removable.js +3 -6
  5. package/cjs/copybutton/CopyButton.js +4 -5
  6. package/cjs/date/datepicker/DatePicker.js +4 -2
  7. package/cjs/date/datepicker/parts/WeekRow.js +2 -2
  8. package/cjs/date/monthpicker/MonthPicker.js +4 -3
  9. package/cjs/date/parts/DateWrapper.js +2 -2
  10. package/cjs/dropdown/Menu/GroupedList/GroupedItem.js +3 -6
  11. package/cjs/dropdown/Menu/List/Item.js +3 -6
  12. package/cjs/dropdown/Toggle.js +6 -5
  13. package/cjs/form/ConfirmationPanel.js +2 -2
  14. package/cjs/form/Textarea.js +2 -1
  15. package/cjs/form/checkbox/Checkbox.js +3 -2
  16. package/cjs/form/combobox/Combobox.js +2 -2
  17. package/cjs/form/combobox/FilteredOptions/filteredOptionsContext.js +3 -4
  18. package/cjs/form/combobox/Input/inputContext.js +2 -2
  19. package/cjs/form/combobox/SelectedOptions/selectedOptionsContext.js +2 -5
  20. package/cjs/form/error-summary/ErrorSummary.js +2 -2
  21. package/cjs/form/radio/Radio.js +3 -2
  22. package/cjs/form/radio/RadioGroup.js +2 -2
  23. package/cjs/form/search/Search.js +2 -1
  24. package/cjs/form/search/SearchButton.js +2 -4
  25. package/cjs/form/useFormField.js +2 -2
  26. package/cjs/guide-panel/Illustration.js +2 -2
  27. package/cjs/help-text/HelpText.js +5 -7
  28. package/cjs/help-text/HelpTextIcon.js +2 -2
  29. package/cjs/list/List.js +2 -2
  30. package/cjs/loader/Loader.js +2 -1
  31. package/cjs/modal/Modal.js +21 -18
  32. package/cjs/popover/Popover.js +6 -5
  33. package/cjs/read-more/ReadMore.js +2 -4
  34. package/cjs/stepper/Step.js +6 -6
  35. package/cjs/table/DataCell.js +2 -2
  36. package/cjs/table/ExpandableRow.js +9 -9
  37. package/cjs/table/HeaderCell.js +2 -1
  38. package/cjs/tabs/TabList.js +2 -1
  39. package/cjs/tag/Tag.js +4 -2
  40. package/cjs/timeline/Pin.js +2 -2
  41. package/cjs/timeline/period/ClickablePeriod.js +2 -2
  42. package/cjs/toggle-group/ToggleGroup.js +2 -2
  43. package/cjs/tooltip/Tooltip.js +6 -5
  44. package/cjs/util/Slot.js +2 -5
  45. package/cjs/util/TextareaAutoSize.js +7 -5
  46. package/cjs/util/composeEventHandlers.js +17 -0
  47. package/cjs/util/hooks/index.js +19 -0
  48. package/cjs/util/hooks/package.json +6 -0
  49. package/cjs/util/hooks/useClientLayoutEffect.js +7 -0
  50. package/cjs/util/hooks/useMergeRefs.js +37 -0
  51. package/cjs/util/{usePrevious.js → hooks/usePrevious.js} +2 -1
  52. package/cjs/util/index.js +7 -7
  53. package/cjs/util/types/index.js +2 -0
  54. package/cjs/util/types/package.json +6 -0
  55. package/esm/accordion/AccordionHeader.js +2 -4
  56. package/esm/accordion/AccordionHeader.js.map +1 -1
  57. package/esm/button/Button.d.ts +1 -1
  58. package/esm/button/Button.js +12 -13
  59. package/esm/button/Button.js.map +1 -1
  60. package/esm/chips/Chips.d.ts +1 -1
  61. package/esm/chips/Removable.js +3 -6
  62. package/esm/chips/Removable.js.map +1 -1
  63. package/esm/chips/Toggle.d.ts +1 -1
  64. package/esm/copybutton/CopyButton.js +4 -5
  65. package/esm/copybutton/CopyButton.js.map +1 -1
  66. package/esm/date/datepicker/DatePicker.js +5 -3
  67. package/esm/date/datepicker/DatePicker.js.map +1 -1
  68. package/esm/date/datepicker/parts/WeekRow.js +1 -1
  69. package/esm/date/datepicker/parts/WeekRow.js.map +1 -1
  70. package/esm/date/monthpicker/MonthPicker.js +4 -3
  71. package/esm/date/monthpicker/MonthPicker.js.map +1 -1
  72. package/esm/date/parts/DateWrapper.js +1 -1
  73. package/esm/date/parts/DateWrapper.js.map +1 -1
  74. package/esm/dropdown/Menu/GroupedList/GroupedItem.d.ts +1 -1
  75. package/esm/dropdown/Menu/GroupedList/GroupedItem.js +3 -6
  76. package/esm/dropdown/Menu/GroupedList/GroupedItem.js.map +1 -1
  77. package/esm/dropdown/Menu/GroupedList/index.d.ts +1 -1
  78. package/esm/dropdown/Menu/List/Item.d.ts +1 -1
  79. package/esm/dropdown/Menu/List/Item.js +3 -6
  80. package/esm/dropdown/Menu/List/Item.js.map +1 -1
  81. package/esm/dropdown/Menu/List/index.d.ts +1 -1
  82. package/esm/dropdown/Toggle.js +6 -5
  83. package/esm/dropdown/Toggle.js.map +1 -1
  84. package/esm/expansion-card/ExpansionCard.d.ts +1 -1
  85. package/esm/expansion-card/ExpansionCardTitle.d.ts +1 -1
  86. package/esm/form/ConfirmationPanel.js +1 -1
  87. package/esm/form/ConfirmationPanel.js.map +1 -1
  88. package/esm/form/Textarea.js +2 -1
  89. package/esm/form/Textarea.js.map +1 -1
  90. package/esm/form/checkbox/Checkbox.js +2 -1
  91. package/esm/form/checkbox/Checkbox.js.map +1 -1
  92. package/esm/form/combobox/Combobox.js +3 -3
  93. package/esm/form/combobox/Combobox.js.map +1 -1
  94. package/esm/form/combobox/FilteredOptions/filteredOptionsContext.js +1 -2
  95. package/esm/form/combobox/FilteredOptions/filteredOptionsContext.js.map +1 -1
  96. package/esm/form/combobox/Input/inputContext.js +1 -1
  97. package/esm/form/combobox/Input/inputContext.js.map +1 -1
  98. package/esm/form/combobox/SelectedOptions/selectedOptionsContext.js +1 -1
  99. package/esm/form/combobox/SelectedOptions/selectedOptionsContext.js.map +1 -1
  100. package/esm/form/error-summary/ErrorSummary.js +1 -1
  101. package/esm/form/error-summary/ErrorSummary.js.map +1 -1
  102. package/esm/form/error-summary/ErrorSummaryItem.d.ts +1 -1
  103. package/esm/form/radio/Radio.js +2 -1
  104. package/esm/form/radio/Radio.js.map +1 -1
  105. package/esm/form/radio/RadioGroup.js +1 -1
  106. package/esm/form/radio/RadioGroup.js.map +1 -1
  107. package/esm/form/search/Search.js +4 -3
  108. package/esm/form/search/Search.js.map +1 -1
  109. package/esm/form/search/SearchButton.js +2 -4
  110. package/esm/form/search/SearchButton.js.map +1 -1
  111. package/esm/form/useFormField.js +1 -1
  112. package/esm/form/useFormField.js.map +1 -1
  113. package/esm/guide-panel/Illustration.js +1 -1
  114. package/esm/guide-panel/Illustration.js.map +1 -1
  115. package/esm/help-text/HelpText.d.ts +0 -5
  116. package/esm/help-text/HelpText.js +6 -8
  117. package/esm/help-text/HelpText.js.map +1 -1
  118. package/esm/help-text/HelpTextIcon.js +1 -1
  119. package/esm/internal-header/InternalHeader.d.ts +1 -1
  120. package/esm/internal-header/InternalHeaderButton.d.ts +1 -1
  121. package/esm/internal-header/InternalHeaderTitle.d.ts +1 -1
  122. package/esm/internal-header/InternalHeaderUserButton.d.ts +1 -1
  123. package/esm/layout/box/Box.d.ts +1 -1
  124. package/esm/layout/page/parts/PageBlock.d.ts +1 -1
  125. package/esm/layout/stack/HStack.d.ts +1 -1
  126. package/esm/layout/stack/Stack.d.ts +1 -1
  127. package/esm/layout/stack/VStack.d.ts +1 -1
  128. package/esm/link/Link.d.ts +1 -1
  129. package/esm/link-panel/LinkPanel.d.ts +1 -1
  130. package/esm/link-panel/LinkPanelTitle.d.ts +1 -1
  131. package/esm/list/List.js +1 -1
  132. package/esm/loader/Loader.js +2 -1
  133. package/esm/loader/Loader.js.map +1 -1
  134. package/esm/modal/Modal.js +21 -18
  135. package/esm/modal/Modal.js.map +1 -1
  136. package/esm/modal/types.d.ts +1 -1
  137. package/esm/pagination/PaginationItem.d.ts +1 -1
  138. package/esm/panel/Panel.d.ts +1 -1
  139. package/esm/popover/Popover.d.ts +1 -1
  140. package/esm/popover/Popover.js +4 -3
  141. package/esm/popover/Popover.js.map +1 -1
  142. package/esm/read-more/ReadMore.js +2 -4
  143. package/esm/read-more/ReadMore.js.map +1 -1
  144. package/esm/stepper/Step.d.ts +1 -1
  145. package/esm/stepper/Step.js +6 -6
  146. package/esm/stepper/Step.js.map +1 -1
  147. package/esm/table/AnimateHeight.js.map +1 -0
  148. package/esm/table/DataCell.d.ts +4 -0
  149. package/esm/table/DataCell.js +2 -2
  150. package/esm/table/DataCell.js.map +1 -1
  151. package/esm/table/ExpandableRow.js +8 -8
  152. package/esm/table/ExpandableRow.js.map +1 -1
  153. package/esm/table/HeaderCell.d.ts +4 -0
  154. package/esm/table/HeaderCell.js +2 -1
  155. package/esm/table/HeaderCell.js.map +1 -1
  156. package/esm/tabs/Tab.d.ts +1 -1
  157. package/esm/tabs/TabList.js +3 -2
  158. package/esm/tabs/TabList.js.map +1 -1
  159. package/esm/tabs/Tabs.d.ts +1 -1
  160. package/esm/tag/Tag.d.ts +4 -0
  161. package/esm/tag/Tag.js +4 -2
  162. package/esm/tag/Tag.js.map +1 -1
  163. package/esm/timeline/Pin.js +3 -3
  164. package/esm/timeline/Pin.js.map +1 -1
  165. package/esm/timeline/period/ClickablePeriod.js +3 -3
  166. package/esm/timeline/period/ClickablePeriod.js.map +1 -1
  167. package/esm/toggle-group/ToggleGroup.js +1 -1
  168. package/esm/toggle-group/ToggleGroup.js.map +1 -1
  169. package/esm/tooltip/Tooltip.js +6 -5
  170. package/esm/tooltip/Tooltip.js.map +1 -1
  171. package/esm/typography/BodyLong.d.ts +1 -1
  172. package/esm/typography/BodyShort.d.ts +1 -1
  173. package/esm/typography/Detail.d.ts +1 -1
  174. package/esm/typography/ErrorMessage.d.ts +1 -1
  175. package/esm/typography/Heading.d.ts +1 -1
  176. package/esm/typography/Ingress.d.ts +1 -1
  177. package/esm/typography/Label.d.ts +1 -1
  178. package/esm/util/Slot.js +1 -1
  179. package/esm/util/Slot.js.map +1 -1
  180. package/esm/util/TextareaAutoSize.js +5 -3
  181. package/esm/util/TextareaAutoSize.js.map +1 -1
  182. package/esm/util/composeEventHandlers.d.ts +8 -0
  183. package/esm/util/composeEventHandlers.js +14 -0
  184. package/esm/util/composeEventHandlers.js.map +1 -0
  185. package/esm/util/hooks/index.d.ts +8 -0
  186. package/esm/util/hooks/index.js +9 -0
  187. package/esm/util/hooks/index.js.map +1 -0
  188. package/esm/util/hooks/useClientLayoutEffect.js +5 -0
  189. package/esm/util/hooks/useClientLayoutEffect.js.map +1 -0
  190. package/esm/util/{useEventListener.d.ts → hooks/useEventListener.d.ts} +1 -1
  191. package/esm/util/hooks/useEventListener.js.map +1 -0
  192. package/esm/util/hooks/useId.js.map +1 -0
  193. package/esm/util/hooks/useMedia.js.map +1 -0
  194. package/esm/util/hooks/useMergeRefs.d.ts +15 -0
  195. package/esm/util/hooks/useMergeRefs.js +30 -0
  196. package/esm/util/hooks/useMergeRefs.js.map +1 -0
  197. package/esm/util/hooks/usePrevious.d.ts +1 -0
  198. package/esm/util/{usePrevious.js → hooks/usePrevious.js} +1 -2
  199. package/esm/util/hooks/usePrevious.js.map +1 -0
  200. package/esm/util/index.d.ts +4 -5
  201. package/esm/util/index.js +3 -5
  202. package/esm/util/index.js.map +1 -1
  203. package/esm/util/types/OverridableComponent.js.map +1 -0
  204. package/esm/util/types/index.d.ts +1 -0
  205. package/esm/util/types/index.js +2 -0
  206. package/esm/util/types/index.js.map +1 -0
  207. package/package.json +3 -3
  208. package/src/accordion/AccordionHeader.tsx +2 -4
  209. package/src/accordion/AccordionItem.tsx +2 -2
  210. package/src/alert/alert.stories.tsx +1 -2
  211. package/src/button/Button.tsx +14 -19
  212. package/src/chips/Chips.tsx +1 -1
  213. package/src/chips/Removable.tsx +3 -4
  214. package/src/chips/Toggle.tsx +1 -1
  215. package/src/copybutton/CopyButton.tsx +4 -5
  216. package/src/copybutton/copy-button.stories.tsx +1 -1
  217. package/src/date/datepicker/DatePicker.tsx +5 -3
  218. package/src/date/datepicker/parts/WeekRow.tsx +1 -1
  219. package/src/date/monthpicker/MonthPicker.tsx +4 -3
  220. package/src/date/parts/DateWrapper.tsx +1 -1
  221. package/src/dropdown/Menu/GroupedList/GroupedItem.tsx +23 -23
  222. package/src/dropdown/Menu/GroupedList/index.tsx +1 -1
  223. package/src/dropdown/Menu/List/Item.tsx +23 -23
  224. package/src/dropdown/Menu/List/index.tsx +1 -1
  225. package/src/dropdown/Toggle.tsx +10 -6
  226. package/src/expansion-card/ExpansionCard.tsx +1 -1
  227. package/src/expansion-card/ExpansionCardTitle.tsx +1 -1
  228. package/src/form/ConfirmationPanel.tsx +1 -1
  229. package/src/form/Textarea.tsx +2 -1
  230. package/src/form/checkbox/Checkbox.tsx +2 -1
  231. package/src/form/combobox/Combobox.tsx +3 -6
  232. package/src/form/combobox/FilteredOptions/filteredOptionsContext.tsx +1 -2
  233. package/src/form/combobox/Input/inputContext.tsx +1 -1
  234. package/src/form/combobox/SelectedOptions/selectedOptionsContext.tsx +1 -1
  235. package/src/form/combobox/combobox.stories.tsx +10 -11
  236. package/src/form/error-summary/ErrorSummary.tsx +1 -1
  237. package/src/form/error-summary/ErrorSummaryItem.tsx +1 -1
  238. package/src/form/radio/Radio.tsx +2 -1
  239. package/src/form/radio/RadioGroup.tsx +1 -1
  240. package/src/form/search/Search.tsx +3 -3
  241. package/src/form/search/SearchButton.tsx +2 -4
  242. package/src/form/useFormField.ts +1 -1
  243. package/src/guide-panel/Illustration.tsx +1 -1
  244. package/src/help-text/HelpText.tsx +7 -25
  245. package/src/help-text/HelpTextIcon.tsx +1 -1
  246. package/src/help-text/help-text.stories.tsx +58 -68
  247. package/src/internal-header/InternalHeader.tsx +1 -1
  248. package/src/internal-header/InternalHeaderButton.tsx +1 -1
  249. package/src/internal-header/InternalHeaderTitle.tsx +1 -1
  250. package/src/internal-header/InternalHeaderUserButton.tsx +1 -1
  251. package/src/layout/box/Box.tsx +1 -1
  252. package/src/layout/page/parts/PageBlock.tsx +1 -1
  253. package/src/layout/stack/HStack.tsx +1 -1
  254. package/src/layout/stack/Stack.tsx +1 -1
  255. package/src/layout/stack/VStack.tsx +1 -1
  256. package/src/link/Link.tsx +1 -1
  257. package/src/link/{link.stories.tsx → stories/link.stories.tsx} +2 -2
  258. package/src/link-panel/LinkPanel.tsx +1 -1
  259. package/src/link-panel/LinkPanelTitle.tsx +1 -1
  260. package/src/list/List.tsx +1 -1
  261. package/src/loader/Loader.tsx +2 -1
  262. package/src/modal/Modal.tsx +30 -30
  263. package/src/modal/types.ts +1 -1
  264. package/src/pagination/PaginationItem.tsx +1 -1
  265. package/src/panel/Panel.tsx +1 -1
  266. package/src/popover/Popover.tsx +4 -7
  267. package/src/read-more/ReadMore.tsx +2 -4
  268. package/src/stepper/Step.tsx +8 -5
  269. package/src/table/DataCell.tsx +6 -1
  270. package/src/table/ExpandableRow.tsx +11 -6
  271. package/src/table/HeaderCell.tsx +6 -1
  272. package/src/table/stories/table.stories.tsx +43 -29
  273. package/src/table/stories/tests/table.stories.tsx +2 -3
  274. package/src/tabs/Tab.tsx +1 -1
  275. package/src/tabs/TabList.tsx +4 -2
  276. package/src/tabs/Tabs.tsx +1 -1
  277. package/src/tag/Tag.tsx +9 -2
  278. package/src/tag/tag.stories.tsx +27 -1
  279. package/src/timeline/Pin.tsx +3 -6
  280. package/src/timeline/period/ClickablePeriod.tsx +3 -6
  281. package/src/toggle-group/ToggleGroup.tsx +1 -1
  282. package/src/tooltip/Tooltip.tsx +11 -22
  283. package/src/typography/BodyLong.tsx +1 -1
  284. package/src/typography/BodyShort.tsx +1 -1
  285. package/src/typography/Detail.tsx +1 -1
  286. package/src/typography/ErrorMessage.tsx +1 -1
  287. package/src/typography/Heading.tsx +1 -1
  288. package/src/typography/Ingress.tsx +1 -1
  289. package/src/typography/Label.tsx +1 -1
  290. package/src/typography/stories/bodylong.stories.tsx +1 -2
  291. package/src/typography/stories/bodyshort.stories.tsx +1 -2
  292. package/src/typography/stories/detail.stories.tsx +1 -2
  293. package/src/typography/stories/error-message.stories.tsx +1 -2
  294. package/src/typography/stories/heading.stories.tsx +1 -2
  295. package/src/typography/stories/ingress.stories.tsx +1 -2
  296. package/src/typography/stories/label.stories.tsx +1 -2
  297. package/src/util/Slot.tsx +1 -1
  298. package/src/util/TextareaAutoSize.tsx +7 -3
  299. package/src/util/__tests__/useMedia.test.tsx +1 -1
  300. package/src/util/composeEventHandlers.ts +19 -0
  301. package/src/util/hooks/index.ts +8 -0
  302. package/src/util/hooks/useCallbackRef.ts +1 -1
  303. package/src/util/hooks/useClientLayoutEffect.ts +5 -0
  304. package/src/util/hooks/useControllableState.ts +1 -1
  305. package/src/util/hooks/useMergeRefs.ts +32 -0
  306. package/src/util/{usePrevious.ts → hooks/usePrevious.ts} +1 -4
  307. package/src/util/index.ts +4 -5
  308. package/src/util/types/index.ts +1 -0
  309. package/cjs/util/RandomIcon.js +0 -38
  310. package/cjs/util/mergeRefs.js +0 -16
  311. package/cjs/util/useClientLayoutEffect.js +0 -10
  312. package/esm/util/AnimateHeight.js.map +0 -1
  313. package/esm/util/OverridableComponent.js.map +0 -1
  314. package/esm/util/RandomIcon.d.ts +0 -2
  315. package/esm/util/RandomIcon.js +0 -9
  316. package/esm/util/RandomIcon.js.map +0 -1
  317. package/esm/util/mergeRefs.d.ts +0 -2
  318. package/esm/util/mergeRefs.js +0 -14
  319. package/esm/util/mergeRefs.js.map +0 -1
  320. package/esm/util/useClientLayoutEffect.js +0 -8
  321. package/esm/util/useClientLayoutEffect.js.map +0 -1
  322. package/esm/util/useEventListener.js.map +0 -1
  323. package/esm/util/useId.js.map +0 -1
  324. package/esm/util/useMedia.js.map +0 -1
  325. package/esm/util/usePrevious.d.ts +0 -2
  326. package/esm/util/usePrevious.js.map +0 -1
  327. package/src/util/mergeRefs.tsx +0 -16
  328. package/src/util/useClientLayoutEffect.ts +0 -11
  329. /package/cjs/{util → table}/AnimateHeight.js +0 -0
  330. /package/cjs/util/{useEventListener.js → hooks/useEventListener.js} +0 -0
  331. /package/cjs/util/{useId.js → hooks/useId.js} +0 -0
  332. /package/cjs/util/{useMedia.js → hooks/useMedia.js} +0 -0
  333. /package/cjs/util/{OverridableComponent.js → types/OverridableComponent.js} +0 -0
  334. /package/esm/{util → table}/AnimateHeight.d.ts +0 -0
  335. /package/esm/{util → table}/AnimateHeight.js +0 -0
  336. /package/esm/util/{useClientLayoutEffect.d.ts → hooks/useClientLayoutEffect.d.ts} +0 -0
  337. /package/esm/util/{useEventListener.js → hooks/useEventListener.js} +0 -0
  338. /package/esm/util/{useId.d.ts → hooks/useId.d.ts} +0 -0
  339. /package/esm/util/{useId.js → hooks/useId.js} +0 -0
  340. /package/esm/util/{useMedia.d.ts → hooks/useMedia.d.ts} +0 -0
  341. /package/esm/util/{useMedia.js → hooks/useMedia.js} +0 -0
  342. /package/esm/util/{OverridableComponent.d.ts → types/OverridableComponent.d.ts} +0 -0
  343. /package/esm/util/{OverridableComponent.js → types/OverridableComponent.js} +0 -0
  344. /package/src/{util → link/stories}/RandomIcon.tsx +0 -0
  345. /package/src/{util → table}/AnimateHeight.tsx +0 -0
  346. /package/src/util/{useEventListener.ts → hooks/useEventListener.ts} +0 -0
  347. /package/src/util/{useId.ts → hooks/useId.ts} +0 -0
  348. /package/src/util/{useMedia.ts → hooks/useMedia.ts} +0 -0
  349. /package/src/util/{OverridableComponent.ts → types/OverridableComponent.ts} +0 -0
/package/src/{util → link/stories}/RandomIcon.tsx RENAMED
File without changes
/package/src/{util → table}/AnimateHeight.tsx RENAMED
File without changes
/package/src/util/{useId.ts → hooks/useId.ts} RENAMED
File without changes
/package/src/util/{useMedia.ts → hooks/useMedia.ts} RENAMED
File without changes