@navikt/ds-react 7.40.0 → 8.0.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 (444) hide show
  1. package/cjs/accordion/Accordion.d.ts +15 -7
  2. package/cjs/accordion/Accordion.js +4 -4
  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 +2 -9
  10. package/cjs/accordion/AccordionHeader.js.map +1 -1
  11. package/cjs/accordion/AccordionItem.js +0 -1
  12. package/cjs/accordion/AccordionItem.js.map +1 -1
  13. package/cjs/alert/base-alert/root/BaseAlertRoot.d.ts +3 -1
  14. package/cjs/alert/base-alert/root/BaseAlertRoot.js.map +1 -1
  15. package/cjs/alert/global-alert/root/GlobalAlertRoot.d.ts +4 -0
  16. package/cjs/alert/global-alert/root/GlobalAlertRoot.js.map +1 -1
  17. package/cjs/alert/local-alert/root/LocalAlertRoot.d.ts +4 -0
  18. package/cjs/alert/local-alert/root/LocalAlertRoot.js.map +1 -1
  19. package/cjs/button/Button.d.ts +14 -1
  20. package/cjs/button/Button.js +1 -1
  21. package/cjs/button/Button.js.map +1 -1
  22. package/cjs/chat/Chat.d.ts +11 -3
  23. package/cjs/chat/Chat.js.map +1 -1
  24. package/cjs/chips/Chips.d.ts +17 -17
  25. package/cjs/chips/Chips.js +17 -17
  26. package/cjs/chips/Removable.d.ts +8 -2
  27. package/cjs/chips/Removable.js +1 -11
  28. package/cjs/chips/Removable.js.map +1 -1
  29. package/cjs/chips/Toggle.d.ts +8 -2
  30. package/cjs/chips/Toggle.js +2 -11
  31. package/cjs/chips/Toggle.js.map +1 -1
  32. package/cjs/collapsible/Collapsible.d.ts +1 -1
  33. package/cjs/collapsible/Collapsible.js +1 -1
  34. package/cjs/copybutton/CopyButton.d.ts +13 -2
  35. package/cjs/copybutton/CopyButton.js +12 -27
  36. package/cjs/copybutton/CopyButton.js.map +1 -1
  37. package/cjs/date/Date.Dialog.js +1 -1
  38. package/cjs/date/Date.Dialog.js.map +1 -1
  39. package/cjs/dropdown/Menu/index.js +1 -1
  40. package/cjs/dropdown/Menu/index.js.map +1 -1
  41. package/cjs/expansion-card/ExpansionCard.d.ts +7 -0
  42. package/cjs/expansion-card/ExpansionCard.js +0 -1
  43. package/cjs/expansion-card/ExpansionCard.js.map +1 -1
  44. package/cjs/expansion-card/ExpansionCardHeader.js +1 -1
  45. package/cjs/expansion-card/ExpansionCardHeader.js.map +1 -1
  46. package/cjs/form/checkbox/Checkbox.js +32 -73
  47. package/cjs/form/checkbox/Checkbox.js.map +1 -1
  48. package/cjs/form/combobox/FilteredOptions/FilteredOptions.js +2 -4
  49. package/cjs/form/combobox/FilteredOptions/FilteredOptions.js.map +1 -1
  50. package/cjs/form/combobox/SelectedOptions/SelectedOptions.js +1 -1
  51. package/cjs/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
  52. package/cjs/form/file-upload/parts/dropzone/Dropzone.js +2 -2
  53. package/cjs/form/file-upload/parts/dropzone/Dropzone.js.map +1 -1
  54. package/cjs/form/file-upload/parts/item/Item.js +5 -20
  55. package/cjs/form/file-upload/parts/item/Item.js.map +1 -1
  56. package/cjs/form/file-upload/parts/item/ItemActionField.d.ts +13 -0
  57. package/cjs/form/file-upload/parts/item/ItemActionField.js +39 -0
  58. package/cjs/form/file-upload/parts/item/ItemActionField.js.map +1 -0
  59. package/cjs/form/file-upload/parts/item/{ItemName.d.ts → ItemHeader.d.ts} +2 -2
  60. package/cjs/form/file-upload/parts/item/ItemHeader.js +46 -0
  61. package/cjs/form/file-upload/parts/item/ItemHeader.js.map +1 -0
  62. package/cjs/form/file-upload/parts/item/ItemIcon.d.ts +1 -3
  63. package/cjs/form/file-upload/parts/item/ItemIcon.js +1 -10
  64. package/cjs/form/file-upload/parts/item/ItemIcon.js.map +1 -1
  65. package/cjs/form/form-summary/FormSummaryAnswer.js +2 -1
  66. package/cjs/form/form-summary/FormSummaryAnswer.js.map +1 -1
  67. package/cjs/form/form-summary/FormSummaryAnswers.js +5 -2
  68. package/cjs/form/form-summary/FormSummaryAnswers.js.map +1 -1
  69. package/cjs/form/form-summary/FormSummaryFooter.js +1 -1
  70. package/cjs/form/form-summary/FormSummaryFooter.js.map +1 -1
  71. package/cjs/form/radio/Radio.js +5 -18
  72. package/cjs/form/radio/Radio.js.map +1 -1
  73. package/cjs/form/search/Search.d.ts +6 -0
  74. package/cjs/form/search/Search.js +1 -4
  75. package/cjs/form/search/Search.js.map +1 -1
  76. package/cjs/guide-panel/GuidePanel.js +5 -10
  77. package/cjs/guide-panel/GuidePanel.js.map +1 -1
  78. package/cjs/guide-panel/Illustration.d.ts +1 -1
  79. package/cjs/guide-panel/Illustration.js +20 -15
  80. package/cjs/guide-panel/Illustration.js.map +1 -1
  81. package/cjs/help-text/HelpText.d.ts +10 -0
  82. package/cjs/help-text/HelpText.js +1 -2
  83. package/cjs/help-text/HelpText.js.map +1 -1
  84. package/cjs/help-text/HelpTextIcon.js +1 -3
  85. package/cjs/help-text/HelpTextIcon.js.map +1 -1
  86. package/cjs/inline-message/root/InlineMessage.d.ts +4 -0
  87. package/cjs/inline-message/root/InlineMessage.js.map +1 -1
  88. package/cjs/internal-header/InternalHeader.js +2 -6
  89. package/cjs/internal-header/InternalHeader.js.map +1 -1
  90. package/cjs/layout/base/BasePrimitive.d.ts +11 -11
  91. package/cjs/layout/base/BasePrimitive.js +1 -3
  92. package/cjs/layout/base/BasePrimitive.js.map +1 -1
  93. package/cjs/layout/bleed/Bleed.d.ts +7 -7
  94. package/cjs/layout/bleed/Bleed.js +3 -5
  95. package/cjs/layout/bleed/Bleed.js.map +1 -1
  96. package/cjs/layout/box/Box.d.ts +22 -12
  97. package/cjs/layout/box/Box.darkside.d.ts +16 -14
  98. package/cjs/layout/box/Box.darkside.js +11 -7
  99. package/cjs/layout/box/Box.darkside.js.map +1 -1
  100. package/cjs/layout/box/Box.js +14 -32
  101. package/cjs/layout/box/Box.js.map +1 -1
  102. package/cjs/layout/grid/HGrid.d.ts +4 -4
  103. package/cjs/layout/grid/HGrid.js +4 -6
  104. package/cjs/layout/grid/HGrid.js.map +1 -1
  105. package/cjs/layout/page/Page.d.ts +4 -8
  106. package/cjs/layout/page/Page.js +3 -9
  107. package/cjs/layout/page/Page.js.map +1 -1
  108. package/cjs/layout/stack/Stack.d.ts +1 -1
  109. package/cjs/layout/stack/Stack.js +1 -3
  110. package/cjs/layout/stack/Stack.js.map +1 -1
  111. package/cjs/layout/utilities/css.d.ts +2 -2
  112. package/cjs/layout/utilities/css.js +13 -53
  113. package/cjs/layout/utilities/css.js.map +1 -1
  114. package/cjs/layout/utilities/types.d.ts +3 -7
  115. package/cjs/link/Link.d.ts +11 -2
  116. package/cjs/link/Link.js +1 -14
  117. package/cjs/link/Link.js.map +1 -1
  118. package/cjs/link-card/LinkCard.d.ts +9 -0
  119. package/cjs/link-card/LinkCard.js.map +1 -1
  120. package/cjs/list/List.js +1 -21
  121. package/cjs/list/List.js.map +1 -1
  122. package/cjs/list/List.types.d.ts +2 -14
  123. package/cjs/loader/Loader.d.ts +4 -1
  124. package/cjs/loader/Loader.js.map +1 -1
  125. package/cjs/modal/Modal.js +0 -5
  126. package/cjs/modal/Modal.js.map +1 -1
  127. package/cjs/modal/ModalUtils.d.ts +1 -3
  128. package/cjs/modal/ModalUtils.js +1 -38
  129. package/cjs/modal/ModalUtils.js.map +1 -1
  130. package/cjs/overlays/action-menu/ActionMenu.js +14 -24
  131. package/cjs/overlays/action-menu/ActionMenu.js.map +1 -1
  132. package/cjs/overlays/floating/Floating.js +5 -5
  133. package/cjs/overlays/floating/Floating.js.map +1 -1
  134. package/cjs/pagination/Pagination.d.ts +12 -5
  135. package/cjs/pagination/Pagination.js +3 -10
  136. package/cjs/pagination/Pagination.js.map +1 -1
  137. package/cjs/pagination/PaginationItem.js +1 -2
  138. package/cjs/pagination/PaginationItem.js.map +1 -1
  139. package/cjs/panel/Panel.d.ts +2 -2
  140. package/cjs/panel/Panel.js +2 -2
  141. package/cjs/popover/Popover.d.ts +2 -3
  142. package/cjs/popover/Popover.js +6 -18
  143. package/cjs/popover/Popover.js.map +1 -1
  144. package/cjs/portal/Portal.js +2 -5
  145. package/cjs/portal/Portal.js.map +1 -1
  146. package/cjs/progress-bar/ProgressBar.d.ts +7 -0
  147. package/cjs/progress-bar/ProgressBar.js +2 -2
  148. package/cjs/progress-bar/ProgressBar.js.map +1 -1
  149. package/cjs/read-more/ReadMore.d.ts +11 -0
  150. package/cjs/read-more/ReadMore.js.map +1 -1
  151. package/cjs/stepper/Stepper.js +2 -7
  152. package/cjs/stepper/Stepper.js.map +1 -1
  153. package/cjs/tag/Tag.d.ts +12 -1
  154. package/cjs/tag/Tag.js +5 -2
  155. package/cjs/tag/Tag.js.map +1 -1
  156. package/cjs/theme/Theme.d.ts +9 -9
  157. package/cjs/theme/Theme.js +10 -10
  158. package/cjs/theme/Theme.js.map +1 -1
  159. package/cjs/timeline/period/index.d.ts +8 -0
  160. package/cjs/timeline/period/index.js.map +1 -1
  161. package/cjs/toggle-group/ToggleGroup.js +2 -10
  162. package/cjs/toggle-group/ToggleGroup.js.map +1 -1
  163. package/cjs/toggle-group/ToggleGroup.types.d.ts +11 -2
  164. package/cjs/typography/BodyLong.d.ts +9 -0
  165. package/cjs/typography/BodyLong.js.map +1 -1
  166. package/cjs/typography/BodyShort.d.ts +9 -0
  167. package/cjs/typography/BodyShort.js.map +1 -1
  168. package/cjs/typography/Detail.d.ts +9 -0
  169. package/cjs/typography/Detail.js.map +1 -1
  170. package/cjs/typography/Heading.d.ts +9 -0
  171. package/cjs/typography/Heading.js.map +1 -1
  172. package/cjs/typography/Label.d.ts +9 -0
  173. package/cjs/typography/Label.js.map +1 -1
  174. package/cjs/typography/types.d.ts +1 -1
  175. package/cjs/util/TextareaAutoSize.js +1 -3
  176. package/cjs/util/TextareaAutoSize.js.map +1 -1
  177. package/esm/accordion/Accordion.d.ts +15 -7
  178. package/esm/accordion/Accordion.js +4 -4
  179. package/esm/accordion/Accordion.js.map +1 -1
  180. package/esm/accordion/AccordionContent.js +3 -2
  181. package/esm/accordion/AccordionContent.js.map +1 -1
  182. package/esm/accordion/AccordionContext.d.ts +1 -2
  183. package/esm/accordion/AccordionContext.js +0 -1
  184. package/esm/accordion/AccordionContext.js.map +1 -1
  185. package/esm/accordion/AccordionHeader.js +3 -10
  186. package/esm/accordion/AccordionHeader.js.map +1 -1
  187. package/esm/accordion/AccordionItem.js +0 -1
  188. package/esm/accordion/AccordionItem.js.map +1 -1
  189. package/esm/alert/base-alert/root/BaseAlertRoot.d.ts +3 -1
  190. package/esm/alert/base-alert/root/BaseAlertRoot.js.map +1 -1
  191. package/esm/alert/global-alert/root/GlobalAlertRoot.d.ts +4 -0
  192. package/esm/alert/global-alert/root/GlobalAlertRoot.js.map +1 -1
  193. package/esm/alert/local-alert/root/LocalAlertRoot.d.ts +4 -0
  194. package/esm/alert/local-alert/root/LocalAlertRoot.js.map +1 -1
  195. package/esm/button/Button.d.ts +14 -1
  196. package/esm/button/Button.js +1 -1
  197. package/esm/button/Button.js.map +1 -1
  198. package/esm/chat/Chat.d.ts +11 -3
  199. package/esm/chat/Chat.js.map +1 -1
  200. package/esm/chips/Chips.d.ts +17 -17
  201. package/esm/chips/Chips.js +17 -17
  202. package/esm/chips/Removable.d.ts +8 -2
  203. package/esm/chips/Removable.js +2 -12
  204. package/esm/chips/Removable.js.map +1 -1
  205. package/esm/chips/Toggle.d.ts +8 -2
  206. package/esm/chips/Toggle.js +3 -12
  207. package/esm/chips/Toggle.js.map +1 -1
  208. package/esm/collapsible/Collapsible.d.ts +1 -1
  209. package/esm/collapsible/Collapsible.js +1 -1
  210. package/esm/copybutton/CopyButton.d.ts +13 -2
  211. package/esm/copybutton/CopyButton.js +13 -28
  212. package/esm/copybutton/CopyButton.js.map +1 -1
  213. package/esm/date/Date.Dialog.js +1 -1
  214. package/esm/date/Date.Dialog.js.map +1 -1
  215. package/esm/dropdown/Menu/index.js +1 -1
  216. package/esm/dropdown/Menu/index.js.map +1 -1
  217. package/esm/expansion-card/ExpansionCard.d.ts +7 -0
  218. package/esm/expansion-card/ExpansionCard.js +0 -1
  219. package/esm/expansion-card/ExpansionCard.js.map +1 -1
  220. package/esm/expansion-card/ExpansionCardHeader.js +1 -1
  221. package/esm/expansion-card/ExpansionCardHeader.js.map +1 -1
  222. package/esm/form/checkbox/Checkbox.js +33 -74
  223. package/esm/form/checkbox/Checkbox.js.map +1 -1
  224. package/esm/form/combobox/FilteredOptions/FilteredOptions.js +3 -5
  225. package/esm/form/combobox/FilteredOptions/FilteredOptions.js.map +1 -1
  226. package/esm/form/combobox/SelectedOptions/SelectedOptions.js +1 -1
  227. package/esm/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
  228. package/esm/form/file-upload/parts/dropzone/Dropzone.js +2 -2
  229. package/esm/form/file-upload/parts/dropzone/Dropzone.js.map +1 -1
  230. package/esm/form/file-upload/parts/item/Item.js +6 -18
  231. package/esm/form/file-upload/parts/item/Item.js.map +1 -1
  232. package/esm/form/file-upload/parts/item/ItemActionField.d.ts +13 -0
  233. package/esm/form/file-upload/parts/item/ItemActionField.js +34 -0
  234. package/esm/form/file-upload/parts/item/ItemActionField.js.map +1 -0
  235. package/esm/form/file-upload/parts/item/{ItemName.d.ts → ItemHeader.d.ts} +2 -2
  236. package/esm/form/file-upload/parts/item/ItemHeader.js +40 -0
  237. package/esm/form/file-upload/parts/item/ItemHeader.js.map +1 -0
  238. package/esm/form/file-upload/parts/item/ItemIcon.d.ts +1 -3
  239. package/esm/form/file-upload/parts/item/ItemIcon.js +2 -11
  240. package/esm/form/file-upload/parts/item/ItemIcon.js.map +1 -1
  241. package/esm/form/form-summary/FormSummaryAnswer.js +3 -2
  242. package/esm/form/form-summary/FormSummaryAnswer.js.map +1 -1
  243. package/esm/form/form-summary/FormSummaryAnswers.js +5 -2
  244. package/esm/form/form-summary/FormSummaryAnswers.js.map +1 -1
  245. package/esm/form/form-summary/FormSummaryFooter.js +1 -1
  246. package/esm/form/form-summary/FormSummaryFooter.js.map +1 -1
  247. package/esm/form/radio/Radio.js +6 -19
  248. package/esm/form/radio/Radio.js.map +1 -1
  249. package/esm/form/search/Search.d.ts +6 -0
  250. package/esm/form/search/Search.js +2 -5
  251. package/esm/form/search/Search.js.map +1 -1
  252. package/esm/guide-panel/GuidePanel.js +6 -11
  253. package/esm/guide-panel/GuidePanel.js.map +1 -1
  254. package/esm/guide-panel/Illustration.d.ts +1 -1
  255. package/esm/guide-panel/Illustration.js +18 -13
  256. package/esm/guide-panel/Illustration.js.map +1 -1
  257. package/esm/help-text/HelpText.d.ts +10 -0
  258. package/esm/help-text/HelpText.js +2 -3
  259. package/esm/help-text/HelpText.js.map +1 -1
  260. package/esm/help-text/HelpTextIcon.js +1 -3
  261. package/esm/help-text/HelpTextIcon.js.map +1 -1
  262. package/esm/inline-message/root/InlineMessage.d.ts +4 -0
  263. package/esm/inline-message/root/InlineMessage.js.map +1 -1
  264. package/esm/internal-header/InternalHeader.js +3 -7
  265. package/esm/internal-header/InternalHeader.js.map +1 -1
  266. package/esm/layout/base/BasePrimitive.d.ts +11 -11
  267. package/esm/layout/base/BasePrimitive.js +2 -4
  268. package/esm/layout/base/BasePrimitive.js.map +1 -1
  269. package/esm/layout/bleed/Bleed.d.ts +7 -7
  270. package/esm/layout/bleed/Bleed.js +4 -6
  271. package/esm/layout/bleed/Bleed.js.map +1 -1
  272. package/esm/layout/box/Box.d.ts +22 -12
  273. package/esm/layout/box/Box.darkside.d.ts +16 -14
  274. package/esm/layout/box/Box.darkside.js +11 -7
  275. package/esm/layout/box/Box.darkside.js.map +1 -1
  276. package/esm/layout/box/Box.js +15 -33
  277. package/esm/layout/box/Box.js.map +1 -1
  278. package/esm/layout/grid/HGrid.d.ts +4 -4
  279. package/esm/layout/grid/HGrid.js +5 -7
  280. package/esm/layout/grid/HGrid.js.map +1 -1
  281. package/esm/layout/page/Page.d.ts +4 -8
  282. package/esm/layout/page/Page.js +4 -10
  283. package/esm/layout/page/Page.js.map +1 -1
  284. package/esm/layout/stack/Stack.d.ts +1 -1
  285. package/esm/layout/stack/Stack.js +2 -4
  286. package/esm/layout/stack/Stack.js.map +1 -1
  287. package/esm/layout/utilities/css.d.ts +2 -2
  288. package/esm/layout/utilities/css.js +13 -53
  289. package/esm/layout/utilities/css.js.map +1 -1
  290. package/esm/layout/utilities/types.d.ts +3 -7
  291. package/esm/link/Link.d.ts +11 -2
  292. package/esm/link/Link.js +2 -15
  293. package/esm/link/Link.js.map +1 -1
  294. package/esm/link-card/LinkCard.d.ts +9 -0
  295. package/esm/link-card/LinkCard.js.map +1 -1
  296. package/esm/list/List.js +3 -23
  297. package/esm/list/List.js.map +1 -1
  298. package/esm/list/List.types.d.ts +2 -14
  299. package/esm/loader/Loader.d.ts +4 -1
  300. package/esm/loader/Loader.js.map +1 -1
  301. package/esm/modal/Modal.js +1 -6
  302. package/esm/modal/Modal.js.map +1 -1
  303. package/esm/modal/ModalUtils.d.ts +1 -3
  304. package/esm/modal/ModalUtils.js +1 -37
  305. package/esm/modal/ModalUtils.js.map +1 -1
  306. package/esm/overlays/action-menu/ActionMenu.js +15 -25
  307. package/esm/overlays/action-menu/ActionMenu.js.map +1 -1
  308. package/esm/overlays/floating/Floating.js +5 -5
  309. package/esm/overlays/floating/Floating.js.map +1 -1
  310. package/esm/pagination/Pagination.d.ts +12 -5
  311. package/esm/pagination/Pagination.js +3 -10
  312. package/esm/pagination/Pagination.js.map +1 -1
  313. package/esm/pagination/PaginationItem.js +2 -3
  314. package/esm/pagination/PaginationItem.js.map +1 -1
  315. package/esm/panel/Panel.d.ts +2 -2
  316. package/esm/panel/Panel.js +2 -2
  317. package/esm/popover/Popover.d.ts +2 -3
  318. package/esm/popover/Popover.js +9 -21
  319. package/esm/popover/Popover.js.map +1 -1
  320. package/esm/portal/Portal.js +2 -5
  321. package/esm/portal/Portal.js.map +1 -1
  322. package/esm/progress-bar/ProgressBar.d.ts +7 -0
  323. package/esm/progress-bar/ProgressBar.js +2 -2
  324. package/esm/progress-bar/ProgressBar.js.map +1 -1
  325. package/esm/read-more/ReadMore.d.ts +11 -0
  326. package/esm/read-more/ReadMore.js.map +1 -1
  327. package/esm/stepper/Stepper.js +2 -7
  328. package/esm/stepper/Stepper.js.map +1 -1
  329. package/esm/tag/Tag.d.ts +12 -1
  330. package/esm/tag/Tag.js +5 -2
  331. package/esm/tag/Tag.js.map +1 -1
  332. package/esm/theme/Theme.d.ts +9 -9
  333. package/esm/theme/Theme.js +9 -9
  334. package/esm/theme/Theme.js.map +1 -1
  335. package/esm/timeline/period/index.d.ts +8 -0
  336. package/esm/timeline/period/index.js.map +1 -1
  337. package/esm/toggle-group/ToggleGroup.js +3 -11
  338. package/esm/toggle-group/ToggleGroup.js.map +1 -1
  339. package/esm/toggle-group/ToggleGroup.types.d.ts +11 -2
  340. package/esm/types/theme.d.ts +1 -1
  341. package/esm/typography/BodyLong.d.ts +9 -0
  342. package/esm/typography/BodyLong.js.map +1 -1
  343. package/esm/typography/BodyShort.d.ts +9 -0
  344. package/esm/typography/BodyShort.js.map +1 -1
  345. package/esm/typography/Detail.d.ts +9 -0
  346. package/esm/typography/Detail.js.map +1 -1
  347. package/esm/typography/Heading.d.ts +9 -0
  348. package/esm/typography/Heading.js.map +1 -1
  349. package/esm/typography/Label.d.ts +9 -0
  350. package/esm/typography/Label.js.map +1 -1
  351. package/esm/typography/types.d.ts +1 -1
  352. package/esm/util/TextareaAutoSize.js +1 -3
  353. package/esm/util/TextareaAutoSize.js.map +1 -1
  354. package/package.json +3 -3
  355. package/src/accordion/Accordion.tsx +19 -18
  356. package/src/accordion/AccordionContent.tsx +3 -6
  357. package/src/accordion/AccordionContext.tsx +1 -3
  358. package/src/accordion/AccordionHeader.tsx +5 -11
  359. package/src/accordion/AccordionItem.tsx +0 -1
  360. package/src/alert/base-alert/root/BaseAlertRoot.tsx +3 -1
  361. package/src/alert/global-alert/root/GlobalAlertRoot.tsx +4 -0
  362. package/src/alert/local-alert/root/LocalAlertRoot.tsx +4 -0
  363. package/src/button/Button.tsx +23 -20
  364. package/src/chat/Chat.tsx +10 -3
  365. package/src/chips/Chips.tsx +17 -17
  366. package/src/chips/Removable.tsx +9 -16
  367. package/src/chips/Toggle.tsx +10 -14
  368. package/src/collapsible/Collapsible.tsx +1 -1
  369. package/src/copybutton/CopyButton.tsx +51 -88
  370. package/src/date/Date.Dialog.tsx +0 -1
  371. package/src/dropdown/Menu/index.tsx +0 -1
  372. package/src/expansion-card/ExpansionCard.tsx +7 -1
  373. package/src/expansion-card/ExpansionCardHeader.tsx +1 -3
  374. package/src/form/checkbox/Checkbox.tsx +66 -155
  375. package/src/form/combobox/FilteredOptions/FilteredOptions.tsx +3 -6
  376. package/src/form/combobox/SelectedOptions/SelectedOptions.tsx +1 -6
  377. package/src/form/file-upload/parts/dropzone/Dropzone.tsx +2 -0
  378. package/src/form/file-upload/parts/item/Item.tsx +11 -35
  379. package/src/form/file-upload/parts/item/ItemActionField.tsx +89 -0
  380. package/src/form/file-upload/parts/item/ItemHeader.tsx +81 -0
  381. package/src/form/file-upload/parts/item/ItemIcon.tsx +1 -22
  382. package/src/form/form-summary/FormSummaryAnswer.tsx +3 -1
  383. package/src/form/form-summary/FormSummaryAnswers.tsx +12 -16
  384. package/src/form/form-summary/FormSummaryFooter.tsx +0 -1
  385. package/src/form/radio/Radio.tsx +25 -64
  386. package/src/form/search/Search.tsx +8 -14
  387. package/src/guide-panel/GuidePanel.tsx +32 -45
  388. package/src/guide-panel/Illustration.tsx +75 -66
  389. package/src/help-text/HelpText.tsx +11 -4
  390. package/src/help-text/HelpTextIcon.tsx +1 -5
  391. package/src/inline-message/root/InlineMessage.tsx +4 -0
  392. package/src/internal-header/InternalHeader.tsx +8 -20
  393. package/src/layout/base/BasePrimitive.tsx +37 -39
  394. package/src/layout/bleed/Bleed.tsx +12 -22
  395. package/src/layout/box/Box.darkside.tsx +22 -22
  396. package/src/layout/box/Box.tsx +44 -60
  397. package/src/layout/grid/HGrid.tsx +8 -10
  398. package/src/layout/page/Page.tsx +7 -30
  399. package/src/layout/stack/Stack.tsx +6 -8
  400. package/src/layout/utilities/css.ts +14 -71
  401. package/src/layout/utilities/types.ts +2 -15
  402. package/src/link/Link.tsx +12 -19
  403. package/src/link-card/LinkCard.tsx +9 -0
  404. package/src/list/List.tsx +2 -57
  405. package/src/list/List.types.ts +2 -14
  406. package/src/loader/Loader.tsx +4 -1
  407. package/src/modal/Modal.tsx +0 -7
  408. package/src/modal/ModalUtils.ts +1 -47
  409. package/src/overlays/action-menu/ActionMenu.tsx +30 -71
  410. package/src/overlays/floating/Floating.tsx +5 -5
  411. package/src/pagination/Pagination.tsx +15 -11
  412. package/src/pagination/PaginationItem.tsx +3 -4
  413. package/src/panel/Panel.tsx +2 -2
  414. package/src/popover/Popover.tsx +10 -37
  415. package/src/portal/Portal.tsx +10 -14
  416. package/src/progress-bar/ProgressBar.tsx +9 -2
  417. package/src/react-css.d.ts +0 -3
  418. package/src/read-more/ReadMore.tsx +11 -0
  419. package/src/stepper/Stepper.tsx +3 -11
  420. package/src/tag/Tag.tsx +45 -41
  421. package/src/theme/Theme.tsx +19 -19
  422. package/src/timeline/period/index.tsx +8 -0
  423. package/src/toggle-group/ToggleGroup.tsx +2 -12
  424. package/src/toggle-group/ToggleGroup.types.ts +11 -2
  425. package/src/types/theme.d.ts +1 -1
  426. package/src/typography/BodyLong.tsx +9 -0
  427. package/src/typography/BodyShort.tsx +9 -0
  428. package/src/typography/Detail.tsx +9 -0
  429. package/src/typography/Heading.tsx +9 -0
  430. package/src/typography/Label.tsx +9 -0
  431. package/src/typography/types.ts +1 -1
  432. package/src/util/TextareaAutoSize.tsx +0 -3
  433. package/cjs/form/file-upload/parts/item/ItemName.js +0 -32
  434. package/cjs/form/file-upload/parts/item/ItemName.js.map +0 -1
  435. package/cjs/guide-panel/Illustration.darkside.d.ts +0 -2
  436. package/cjs/guide-panel/Illustration.darkside.js +0 -30
  437. package/cjs/guide-panel/Illustration.darkside.js.map +0 -1
  438. package/esm/form/file-upload/parts/item/ItemName.js +0 -27
  439. package/esm/form/file-upload/parts/item/ItemName.js.map +0 -1
  440. package/esm/guide-panel/Illustration.darkside.d.ts +0 -2
  441. package/esm/guide-panel/Illustration.darkside.js +0 -23
  442. package/esm/guide-panel/Illustration.darkside.js.map +0 -1
  443. package/src/form/file-upload/parts/item/ItemName.tsx +0 -58
  444. package/src/guide-panel/Illustration.darkside.tsx +0 -91
@@ -15,7 +15,7 @@ export type HGridProps = React.HTMLAttributes<HTMLDivElement> & {
15
15
  columns?: ResponsiveProp<number | string>;
16
16
  /**
17
17
  * Spacing between columns.
18
- * Accepts a [spacing token](https://aksel.nav.no/grunnleggende/styling/design-tokens#0cc9fb32f213)
18
+ * Accepts a [spacing token](https://aksel.nav.no/grunnleggende/styling/design-tokens#space)
19
19
  * or an object of spacing tokens for different breakpoints.
20
20
  * @example
21
21
  * gap="space-20"
@@ -35,19 +35,19 @@ export type HGridProps = React.HTMLAttributes<HTMLDivElement> & {
35
35
  * @see 🏷️ {@link HGridProps}
36
36
  *
37
37
  * @example
38
- * <HGrid gap="6" columns={3}>
38
+ * <HGrid gap="space-24" columns={3}>
39
39
  * <div />
40
40
  * <div />
41
41
  * <div />
42
42
  * </HGrid>
43
43
  * @example
44
- * <HGrid gap={{xs: "2", md: "6"}} columns={3}>
44
+ * <HGrid gap={{xs: "space-8", md: "space-24"}} columns={3}>
45
45
  * <div />
46
46
  * <div />
47
47
  * <div />
48
48
  * </HGrid>
49
49
  * @example
50
- * <HGrid gap="6" columns={{ sm: 1, md: 1, lg: "1fr auto", xl: "1fr auto"}}>
50
+ * <HGrid gap="space-24" columns={{ sm: 1, md: 1, lg: "1fr auto", xl: "1fr auto"}}>
51
51
  * <div />
52
52
  * <div />
53
53
  * <div />
@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
11
11
  };
12
12
  import React, { forwardRef } from "react";
13
13
  import { Slot } from "../../slot/Slot.js";
14
- import { useRenameCSS, useThemeInternal } from "../../theme/Theme.js";
14
+ import { useRenameCSS } from "../../theme/Theme.js";
15
15
  import { omit } from "../../util/index.js";
16
16
  import BasePrimitive, { PRIMITIVE_PROPS, } from "../base/BasePrimitive.js";
17
17
  import { getResponsiveProps, getResponsiveValue } from "../utilities/css.js";
@@ -22,19 +22,19 @@ import { getResponsiveProps, getResponsiveValue } from "../utilities/css.js";
22
22
  * @see 🏷️ {@link HGridProps}
23
23
  *
24
24
  * @example
25
- * <HGrid gap="6" columns={3}>
25
+ * <HGrid gap="space-24" columns={3}>
26
26
  * <div />
27
27
  * <div />
28
28
  * <div />
29
29
  * </HGrid>
30
30
  * @example
31
- * <HGrid gap={{xs: "2", md: "6"}} columns={3}>
31
+ * <HGrid gap={{xs: "space-8", md: "space-24"}} columns={3}>
32
32
  * <div />
33
33
  * <div />
34
34
  * <div />
35
35
  * </HGrid>
36
36
  * @example
37
- * <HGrid gap="6" columns={{ sm: 1, md: 1, lg: "1fr auto", xl: "1fr auto"}}>
37
+ * <HGrid gap="space-24" columns={{ sm: 1, md: 1, lg: "1fr auto", xl: "1fr auto"}}>
38
38
  * <div />
39
39
  * <div />
40
40
  * <div />
@@ -42,10 +42,8 @@ import { getResponsiveProps, getResponsiveValue } from "../utilities/css.js";
42
42
  */
43
43
  export const HGrid = forwardRef((_a, ref) => {
44
44
  var { children, className, as: Component = "div", columns, gap, style, align, asChild } = _a, rest = __rest(_a, ["children", "className", "as", "columns", "gap", "style", "align", "asChild"]);
45
- const themeContext = useThemeInternal();
46
- const prefix = (themeContext === null || themeContext === void 0 ? void 0 : themeContext.isDarkside) ? "ax" : "a";
47
45
  const { cn } = useRenameCSS();
48
- const styles = Object.assign(Object.assign(Object.assign(Object.assign({}, style), { [`--__${prefix}c-hgrid-align`]: align }), getResponsiveProps(prefix, `hgrid`, "gap", "spacing", gap)), getResponsiveValue(prefix, `hgrid`, "columns", formatGrid(columns)));
46
+ const styles = Object.assign(Object.assign(Object.assign(Object.assign({}, style), { "--__axc-hgrid-align": align }), getResponsiveProps(`hgrid`, "gap", "space", gap)), getResponsiveValue(`hgrid`, "columns", formatGrid(columns)));
49
47
  const Comp = asChild ? Slot : Component;
50
48
  return (React.createElement(BasePrimitive, Object.assign({}, rest),
51
49
  React.createElement(Comp, Object.assign({}, omit(rest, PRIMITIVE_PROPS), { ref: ref, className: cn("navds-hgrid", className, {
@@ -1 +1 @@
1
- {"version":3,"file":"HGrid.js","sourceRoot":"","sources":["../../../src/layout/grid/HGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAwB,IAAI,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,aAAa,EAAE,EACpB,eAAe,GAEhB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AA6B1E;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,MAAM,KAAK,GAChB,UAAU,CACR,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,OAAO,EACP,GAAG,EACH,KAAK,EACL,KAAK,EACL,OAAO,OAER,EADI,IAAI,cATT,8EAUC,CADQ;IAIT,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;IACxC,MAAM,MAAM,GAAG,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,UAAU,EAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;IACrD,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,MAAM,MAAM,+DACP,KAAK,KACR,CAAC,OAAO,MAAM,eAAe,CAAC,EAAE,KAAK,KAClC,kBAAkB,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,CAAC,GAC1D,kBAAkB,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CACvE,CAAC;IAEF,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAExC,OAAO,CACL,oBAAC,aAAa,oBAAK,IAAI;QACrB,oBAAC,IAAI,oBACC,IAAI,CAAC,IAAI,EAAE,eAAe,CAAC,IAC/B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE;gBACtC,iBAAiB,EAAE,GAAG;gBACtB,mBAAmB,EAAE,KAAK;aAC3B,CAAC,EACF,KAAK,EAAE,MAAM,KAEZ,QAAQ,CACJ,CACO,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,SAAS,UAAU,CACjB,KAAuC;IAEvC,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC3D,OAAO,cAAc,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;IAED,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,eAAe,EAAE,WAAW,CAAC,EAAE,EAAE,CAAC;QAC5D,eAAe;QACf,cAAc,CAAC,WAAW,CAAC;KAC5B,CAAC,CACH,CAAC;AACJ,CAAC;AAED,MAAM,cAAc,GAAG,CAAC,IAAqB,EAAE,EAAE;IAC/C,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,OAAO,UAAU,IAAI,mBAAmB,CAAC;IAC3C,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"HGrid.js","sourceRoot":"","sources":["../../../src/layout/grid/HGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAwB,IAAI,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,aAAa,EAAE,EACpB,eAAe,GAEhB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AA6B1E;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,MAAM,KAAK,GAChB,UAAU,CACR,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,OAAO,EACP,GAAG,EACH,KAAK,EACL,KAAK,EACL,OAAO,OAER,EADI,IAAI,cATT,8EAUC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,MAAM,MAAM,+DACP,KAAK,KACR,qBAAqB,EAAE,KAAK,KACzB,kBAAkB,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,GAChD,kBAAkB,CAAC,OAAO,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CAC/D,CAAC;IAEF,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAExC,OAAO,CACL,oBAAC,aAAa,oBAAK,IAAI;QACrB,oBAAC,IAAI,oBACC,IAAI,CAAC,IAAI,EAAE,eAAe,CAAC,IAC/B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE;gBACtC,iBAAiB,EAAE,GAAG;gBACtB,mBAAmB,EAAE,KAAK;aAC3B,CAAC,EACF,KAAK,EAAE,MAAM,KAEZ,QAAQ,CACJ,CACO,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,SAAS,UAAU,CACjB,KAAuC;IAEvC,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC3D,OAAO,cAAc,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;IAED,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,eAAe,EAAE,WAAW,CAAC,EAAE,EAAE,CAAC;QAC5D,eAAe;QACf,cAAc,CAAC,WAAW,CAAC;KAC5B,CAAC,CACH,CAAC;AACJ,CAAC;AAED,MAAM,cAAc,GAAG,CAAC,IAAqB,EAAE,EAAE;IAC/C,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,OAAO,UAAU,IAAI,mBAAmB,CAAC;IAC3C,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
@@ -1,6 +1,5 @@
1
1
  import React from "react";
2
2
  import { OverridableComponent } from "../../util/index.js";
3
- import { BackgroundColorToken } from "../utilities/types.js";
4
3
  import { PageBlock } from "./parts/PageBlock.js";
5
4
  export interface PageProps extends React.HTMLAttributes<HTMLElement> {
6
5
  /**
@@ -8,13 +7,6 @@ export interface PageProps extends React.HTMLAttributes<HTMLElement> {
8
7
  * @default "div"
9
8
  */
10
9
  as?: "div" | "body";
11
- /**
12
- * Background color.
13
- * Accepts a [background color token](https://aksel.nav.no/grunnleggende/styling/design-tokens#753d1cf4d1d6).
14
- * @default "bg-default"
15
- * @deprecated Use `<Box asChild background="...">` wrapped around `<Page>`.
16
- */
17
- background?: BackgroundColorToken;
18
10
  /**
19
11
  * Allows better positioning of footer
20
12
  */
@@ -28,6 +20,10 @@ export interface PageProps extends React.HTMLAttributes<HTMLElement> {
28
20
  * @default "end"
29
21
  */
30
22
  contentBlockPadding?: "end" | "none";
23
+ /**
24
+ * @deprecated Deprecated in v8 and no longer has any effect. Use `<Box asChild background="...">` wrapped around `<Page>`.
25
+ */
26
+ background?: string;
31
27
  }
32
28
  interface PageComponentType extends OverridableComponent<PageProps, HTMLElement> {
33
29
  Block: typeof PageBlock;
@@ -10,20 +10,14 @@ var __rest = (this && this.__rest) || function (s, e) {
10
10
  return t;
11
11
  };
12
12
  import React, { forwardRef } from "react";
13
- import { useRenameCSS, useThemeInternal } from "../../theme/Theme.js";
13
+ import { useRenameCSS } from "../../theme/Theme.js";
14
+ import { omit } from "../../util/index.js";
14
15
  import { PageBlock } from "./parts/PageBlock.js";
15
16
  export const PageComponent = forwardRef((_a, ref) => {
16
- var { as: Component = "div", className, style: _style, footer, children, footerPosition, background, contentBlockPadding = "end" } = _a, rest = __rest(_a, ["as", "className", "style", "footer", "children", "footerPosition", "background", "contentBlockPadding"]);
17
- const themeContext = useThemeInternal();
17
+ var { as: Component = "div", className, footer, children, footerPosition, contentBlockPadding = "end" } = _a, rest = __rest(_a, ["as", "className", "footer", "children", "footerPosition", "contentBlockPadding"]);
18
18
  const { cn } = useRenameCSS();
19
- if (process.env.NODE_ENV !== "production" &&
20
- (themeContext === null || themeContext === void 0 ? void 0 : themeContext.isDarkside) &&
21
- background) {
22
- console.warn(`Prop \`background\` is deprecated and cannot be used with theme-support. Instead wrap component with \`<Box asChild background>\``);
23
- }
24
- const style = Object.assign(Object.assign({}, _style), { "--__ac-page-background": `var(--a-${background !== null && background !== void 0 ? background : "bg-default"})` });
25
19
  const belowFold = footerPosition === "belowFold";
26
- return (React.createElement(Component, Object.assign({}, rest, { className: cn("navds-page", className), ref: ref, style: style }),
20
+ return (React.createElement(Component, Object.assign({}, omit(rest, ["background"]), { className: cn("navds-page", className), ref: ref }),
27
21
  React.createElement("div", { className: cn({
28
22
  "navds-page__content--fullheight": belowFold,
29
23
  "navds-page__content--grow": !belowFold,
@@ -1 +1 @@
1
- {"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/layout/page/Page.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAGnE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAmC9C,MAAM,CAAC,MAAM,aAAa,GACxB,UAAU,CACR,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,SAAS,EACT,KAAK,EAAE,MAAM,EACb,MAAM,EACN,QAAQ,EACR,cAAc,EACd,UAAU,EACV,mBAAmB,GAAG,KAAK,OAE5B,EADI,IAAI,cATT,yGAUC,CADQ;IAIT,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;IACxC,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,IACE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;SACrC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,UAAU,CAAA;QACxB,UAAU,EACV,CAAC;QACD,OAAO,CAAC,IAAI,CACV,mIAAmI,CACpI,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,mCACN,MAAM,KACT,wBAAwB,EAAE,WAAW,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,YAAY,GAAG,GACnE,CAAC;IAEF,MAAM,SAAS,GAAG,cAAc,KAAK,WAAW,CAAC;IAEjD,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,EACtC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK;QAEZ,6BACE,SAAS,EAAE,EAAE,CAAC;gBACZ,iCAAiC,EAAE,SAAS;gBAC5C,2BAA2B,EAAE,CAAC,SAAS;gBACvC,8BAA8B,EAAE,mBAAmB,KAAK,KAAK;aAC9D,CAAC,IAED,QAAQ,CACL;QACL,MAAM,CACG,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,IAAI,GAAG,aAAkC,CAAC;AAEhD,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;AAEvB,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/layout/page/Page.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAwB,IAAI,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAgC9C,MAAM,CAAC,MAAM,aAAa,GACxB,UAAU,CACR,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,SAAS,EACT,MAAM,EACN,QAAQ,EACR,cAAc,EACd,mBAAmB,GAAG,KAAK,OAE5B,EADI,IAAI,cAPT,kFAQC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,MAAM,SAAS,GAAG,cAAc,KAAK,WAAW,CAAC;IAEjD,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,CAAC,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC,IAC9B,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,EACtC,GAAG,EAAE,GAAG;QAER,6BACE,SAAS,EAAE,EAAE,CAAC;gBACZ,iCAAiC,EAAE,SAAS;gBAC5C,2BAA2B,EAAE,CAAC,SAAS;gBACvC,8BAA8B,EAAE,mBAAmB,KAAK,KAAK;aAC9D,CAAC,IAED,QAAQ,CACL;QACL,MAAM,CACG,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,IAAI,GAAG,aAAkC,CAAC;AAEhD,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;AAEvB,eAAe,IAAI,CAAC"}
@@ -27,7 +27,7 @@ export type StackProps = HTMLAttributes<HTMLDivElement> & {
27
27
  wrap?: boolean;
28
28
  /**
29
29
  * CSS `gap` property.
30
- * Accepts a [spacing token](https://aksel.nav.no/grunnleggende/styling/design-tokens#0cc9fb32f213)
30
+ * Accepts a [spacing token](https://aksel.nav.no/grunnleggende/styling/design-tokens#space)
31
31
  * or an object of spacing tokens for different breakpoints.
32
32
  *
33
33
  * @example
@@ -11,16 +11,14 @@ var __rest = (this && this.__rest) || function (s, e) {
11
11
  };
12
12
  import React, { forwardRef } from "react";
13
13
  import { Slot } from "../../slot/Slot.js";
14
- import { useRenameCSS, useThemeInternal } from "../../theme/Theme.js";
14
+ import { useRenameCSS } from "../../theme/Theme.js";
15
15
  import { omit } from "../../util/index.js";
16
16
  import BasePrimitive, { PRIMITIVE_PROPS, } from "../base/BasePrimitive.js";
17
17
  import { getResponsiveProps, getResponsiveValue } from "../utilities/css.js";
18
18
  export const Stack = forwardRef((_a, ref) => {
19
19
  var { children, className, as: Component = "div", align, justify, wrap = true, gap, style: _style, direction = "row", asChild } = _a, rest = __rest(_a, ["children", "className", "as", "align", "justify", "wrap", "gap", "style", "direction", "asChild"]);
20
- const themeContext = useThemeInternal();
21
- const prefix = (themeContext === null || themeContext === void 0 ? void 0 : themeContext.isDarkside) ? "ax" : "a";
22
20
  const { cn } = useRenameCSS();
23
- const style = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, _style), getResponsiveProps(prefix, `stack`, "gap", "spacing", gap)), getResponsiveValue(prefix, `stack`, "direction", direction)), getResponsiveValue(prefix, `stack`, "align", align)), getResponsiveValue(prefix, `stack`, "justify", justify));
21
+ const style = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, _style), getResponsiveProps(`stack`, "gap", "space", gap)), getResponsiveValue(`stack`, "direction", direction)), getResponsiveValue(`stack`, "align", align)), getResponsiveValue(`stack`, "justify", justify));
24
22
  const Comp = asChild ? Slot : Component;
25
23
  return (React.createElement(BasePrimitive, Object.assign({}, rest),
26
24
  React.createElement(Comp, Object.assign({}, omit(rest, PRIMITIVE_PROPS), { ref: ref, style: style, className: cn("navds-stack", className, {
@@ -1 +1 @@
1
- {"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../../src/layout/stack/Stack.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAElC,OAAO,aAAa,EAAE,EACpB,eAAe,GAEhB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAyD1E,MAAM,CAAC,MAAM,KAAK,GAChB,UAAU,CACR,CACE,EAYC,EACD,GAAG,EACH,EAAE;QAdF,EACE,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,KAAK,EACL,OAAO,EACP,IAAI,GAAG,IAAI,EACX,GAAG,EACH,KAAK,EAAE,MAAM,EACb,SAAS,GAAG,KAAK,EACjB,OAAO,OAER,EADI,IAAI,cAXT,mGAYC,CADQ;IAIT,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;IACxC,MAAM,MAAM,GAAG,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,UAAU,EAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;IACrD,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,MAAM,KAAK,6EACN,MAAM,GACN,kBAAkB,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,CAAC,GAC1D,kBAAkB,CAAC,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,CAAC,GAC3D,kBAAkB,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,GACnD,kBAAkB,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,CAC3D,CAAC;IAEF,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAExC,OAAO,CACL,oBAAC,aAAa,oBAAK,IAAI;QACrB,oBAAC,IAAI,oBACC,IAAI,CAAC,IAAI,EAAE,eAAe,CAAC,IAC/B,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE;gBACtC,cAAc,EAAE,SAAS,KAAK,QAAQ;gBACtC,cAAc,EAAE,SAAS,KAAK,KAAK;gBACnC,iBAAiB,EAAE,GAAG;gBACtB,mBAAmB,EAAE,KAAK;gBAC1B,qBAAqB,EAAE,OAAO;gBAC9B,uBAAuB,EAAE,SAAS;gBAClC,kBAAkB,EAAE,IAAI;aACzB,CAAC,KAED,QAAQ,CACJ,CACO,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../../src/layout/stack/Stack.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAElC,OAAO,aAAa,EAAE,EACpB,eAAe,GAEhB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAyD1E,MAAM,CAAC,MAAM,KAAK,GAChB,UAAU,CACR,CACE,EAYC,EACD,GAAG,EACH,EAAE;QAdF,EACE,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,KAAK,EACL,OAAO,EACP,IAAI,GAAG,IAAI,EACX,GAAG,EACH,KAAK,EAAE,MAAM,EACb,SAAS,GAAG,KAAK,EACjB,OAAO,OAER,EADI,IAAI,cAXT,mGAYC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,MAAM,KAAK,6EACN,MAAM,GACN,kBAAkB,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,GAChD,kBAAkB,CAAC,OAAO,EAAE,WAAW,EAAE,SAAS,CAAC,GACnD,kBAAkB,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,GAC3C,kBAAkB,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,CACnD,CAAC;IAEF,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAExC,OAAO,CACL,oBAAC,aAAa,oBAAK,IAAI;QACrB,oBAAC,IAAI,oBACC,IAAI,CAAC,IAAI,EAAE,eAAe,CAAC,IAC/B,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE;gBACtC,cAAc,EAAE,SAAS,KAAK,QAAQ;gBACtC,cAAc,EAAE,SAAS,KAAK,KAAK;gBACnC,iBAAiB,EAAE,GAAG;gBACtB,mBAAmB,EAAE,KAAK;gBAC1B,qBAAqB,EAAE,OAAO;gBAC9B,uBAAuB,EAAE,SAAS;gBAClC,kBAAkB,EAAE,IAAI;aACzB,CAAC,KAED,QAAQ,CACJ,CACO,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,eAAe,KAAK,CAAC"}
@@ -1,7 +1,7 @@
1
1
  import { ResponsiveProp } from "./types.js";
2
- export declare function getResponsiveValue<T = string>(prefix: string, componentName: string, componentProp: string, responsiveProp?: ResponsiveProp<T>): {
2
+ export declare function getResponsiveValue<T = string>(componentName: string, componentProp: string, responsiveProp?: ResponsiveProp<T>): {
3
3
  [k: string]: T;
4
4
  };
5
- export declare function getResponsiveProps<T extends string>(prefix: string, componentName: string, componentProp: string, tokenSubgroup: "spacing" | "radius", responsiveProp?: ResponsiveProp<T>, invert?: boolean, tokenExceptions?: string[]): {
5
+ export declare function getResponsiveProps<T extends string>(componentName: string, componentProp: string, tokenSubgroup: "space" | "radius", responsiveProp?: ResponsiveProp<T>, invert?: boolean, tokenExceptions?: string[]): {
6
6
  [x: string]: string;
7
7
  };
@@ -1,55 +1,22 @@
1
- export function getResponsiveValue(prefix, componentName, componentProp, responsiveProp) {
1
+ const TOKEN_PREFIX = "ax";
2
+ export function getResponsiveValue(componentName, componentProp, responsiveProp) {
2
3
  if (!responsiveProp) {
3
4
  return {};
4
5
  }
5
6
  if (typeof responsiveProp === "string") {
6
7
  return {
7
- [`--__${prefix}c-${componentName}-${componentProp}-xs`]: responsiveProp,
8
+ [`--__${TOKEN_PREFIX}c-${componentName}-${componentProp}-xs`]: responsiveProp,
8
9
  };
9
10
  }
10
11
  return Object.fromEntries(Object.entries(responsiveProp).map(([breakpointAlias, responsiveValue]) => [
11
- `--__${prefix}c-${componentName}-${componentProp}-${breakpointAlias}`,
12
+ `--__${TOKEN_PREFIX}c-${componentName}-${componentProp}-${breakpointAlias}`,
12
13
  responsiveValue,
13
14
  ]));
14
15
  }
15
- /**
16
- * Temporary lookup for mapping legacy spacing tokens to new space tokens.
17
- */
18
- const legacySpacingTokenLookup = {
19
- "--ax-spacing-32": "--ax-space-128",
20
- "--ax-spacing-24": "--ax-space-96",
21
- "--ax-spacing-20": "--ax-space-80",
22
- "--ax-spacing-18": "--ax-space-72",
23
- "--ax-spacing-16": "--ax-space-64",
24
- "--ax-spacing-14": "--ax-space-56",
25
- "--ax-spacing-12": "--ax-space-48",
26
- "--ax-spacing-11": "--ax-space-44",
27
- "--ax-spacing-10": "--ax-space-40",
28
- "--ax-spacing-9": "--ax-space-36",
29
- "--ax-spacing-8": "--ax-space-32",
30
- "--ax-spacing-7": "--ax-space-28",
31
- "--ax-spacing-6": "--ax-space-24",
32
- "--ax-spacing-5": "--ax-space-20",
33
- "--ax-spacing-4": "--ax-space-16",
34
- "--ax-spacing-3": "--ax-space-12",
35
- "--ax-spacing-2": "--ax-space-8",
36
- "--ax-spacing-1-alt": "--ax-space-6",
37
- "--ax-spacing-1": "--ax-space-4",
38
- "--ax-spacing-05": "--ax-space-2",
39
- "--ax-spacing-0": "--ax-space-0",
40
- };
41
- const legacyBorderRadiusNameTokenLookup = {
42
- full: "full",
43
- xlarge: "12",
44
- large: "8",
45
- medium: "4",
46
- small: "2",
47
- };
48
- const translateTokenStringToCSS = (specialLayout, tokenString, tokenSubgroup, tokenExceptions, invert, prefix) => {
16
+ const translateTokenStringToCSS = (specialLayout, tokenString, tokenSubgroup, tokenExceptions, invert) => {
49
17
  return tokenString
50
18
  .split(" ")
51
19
  .map((propValue, _, arr) => {
52
- var _a, _b;
53
20
  // Handle special layout cases
54
21
  if (specialLayout === "margin-inline" && propValue === "full") {
55
22
  return `calc((100vw - ${100 / arr.length}%)/-2)`;
@@ -61,22 +28,15 @@ const translateTokenStringToCSS = (specialLayout, tokenString, tokenSubgroup, to
61
28
  return "auto";
62
29
  }
63
30
  // Handle exceptions and space tokens
64
- let output = `var(--${prefix}-${tokenSubgroup}-${propValue})`;
31
+ let output = `var(--${TOKEN_PREFIX}-${tokenSubgroup}-${propValue})`;
65
32
  if (tokenExceptions.includes(propValue)) {
66
- output = propValue === "px" ? "1px" : propValue;
67
- }
68
- else if (tokenSubgroup === "spacing" && propValue.startsWith("space")) {
69
- /* Use new "space-x" tokens */
70
- output = `var(--${prefix}-${propValue})`;
33
+ output = propValue;
71
34
  }
72
- else if (tokenSubgroup === "spacing") {
73
- /* Translate old "spacing" tokens to new "space" tokens */
74
- const spacingTokenName = `--${prefix}-spacing-${propValue}`;
75
- output = `var(${(_a = legacySpacingTokenLookup[spacingTokenName]) !== null && _a !== void 0 ? _a : spacingTokenName})`;
35
+ else if (tokenSubgroup === "space") {
36
+ output = `var(--${TOKEN_PREFIX}-${propValue})`;
76
37
  }
77
38
  else if (tokenSubgroup === "radius") {
78
- const name = (_b = legacyBorderRadiusNameTokenLookup[propValue]) !== null && _b !== void 0 ? _b : propValue;
79
- output = `var(--${prefix}-radius-${name})`;
39
+ output = `var(--${TOKEN_PREFIX}-radius-${propValue})`;
80
40
  }
81
41
  // Handle inversion for negative values
82
42
  if (invert) {
@@ -88,18 +48,18 @@ const translateTokenStringToCSS = (specialLayout, tokenString, tokenSubgroup, to
88
48
  })
89
49
  .join(" ");
90
50
  };
91
- export function getResponsiveProps(prefix, componentName, componentProp, tokenSubgroup, responsiveProp, invert = false, tokenExceptions = []) {
51
+ export function getResponsiveProps(componentName, componentProp, tokenSubgroup, responsiveProp, invert = false, tokenExceptions = []) {
92
52
  if (!responsiveProp) {
93
53
  return {};
94
54
  }
95
55
  if (typeof responsiveProp === "string") {
96
56
  return {
97
- [`--__${prefix}c-${componentName}-${componentProp}-xs`]: translateTokenStringToCSS(componentProp, responsiveProp, tokenSubgroup, tokenExceptions, invert, prefix),
57
+ [`--__${TOKEN_PREFIX}c-${componentName}-${componentProp}-xs`]: translateTokenStringToCSS(componentProp, responsiveProp, tokenSubgroup, tokenExceptions, invert),
98
58
  };
99
59
  }
100
60
  const styleProps = {};
101
61
  Object.entries(responsiveProp).forEach(([breakpointAlias, aliasOrScale]) => {
102
- styleProps[`--__${prefix}c-${componentName}-${componentProp}-${breakpointAlias}`] = translateTokenStringToCSS(componentProp, aliasOrScale, tokenSubgroup, tokenExceptions, invert, prefix);
62
+ styleProps[`--__${TOKEN_PREFIX}c-${componentName}-${componentProp}-${breakpointAlias}`] = translateTokenStringToCSS(componentProp, aliasOrScale, tokenSubgroup, tokenExceptions, invert);
103
63
  });
104
64
  return styleProps;
105
65
  }
@@ -1 +1 @@
1
- {"version":3,"file":"css.js","sourceRoot":"","sources":["../../../src/layout/utilities/css.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"css.js","sourceRoot":"","sources":["../../../src/layout/utilities/css.ts"],"names":[],"mappings":"AAEA,MAAM,YAAY,GAAG,IAAI,CAAC;AAE1B,MAAM,UAAU,kBAAkB,CAChC,aAAqB,EACrB,aAAqB,EACrB,cAAkC;IAElC,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,IAAI,OAAO,cAAc,KAAK,QAAQ,EAAE,CAAC;QACvC,OAAO;YACL,CAAC,OAAO,YAAY,KAAK,aAAa,IAAI,aAAa,KAAK,CAAC,EAC3D,cAAc;SACjB,CAAC;IACJ,CAAC;IAED,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,eAAe,EAAE,eAAe,CAAC,EAAE,EAAE,CAAC;QACzE,OAAO,YAAY,KAAK,aAAa,IAAI,aAAa,IAAI,eAAe,EAAE;QAC3E,eAAe;KAChB,CAAC,CACH,CAAC;AACJ,CAAC;AAED,MAAM,yBAAyB,GAAG,CAChC,aAAqB,EACrB,WAAmB,EACnB,aAAiC,EACjC,eAAyB,EACzB,MAAe,EACf,EAAE;IACF,OAAO,WAAW;SACf,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,CAAC,SAAS,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE;QACzB,8BAA8B;QAC9B,IAAI,aAAa,KAAK,eAAe,IAAI,SAAS,KAAK,MAAM,EAAE,CAAC;YAC9D,OAAO,iBAAiB,GAAG,GAAG,GAAG,CAAC,MAAM,QAAQ,CAAC;QACnD,CAAC;QACD,IAAI,aAAa,KAAK,gBAAgB,IAAI,SAAS,KAAK,MAAM,EAAE,CAAC;YAC/D,OAAO,iBAAiB,GAAG,GAAG,GAAG,CAAC,MAAM,OAAO,CAAC;QAClD,CAAC;QACD,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,SAAS,KAAK,MAAM,EAAE,CAAC;YACjE,OAAO,MAAM,CAAC;QAChB,CAAC;QAED,qCAAqC;QACrC,IAAI,MAAM,GAAG,SAAS,YAAY,IAAI,aAAa,IAAI,SAAS,GAAG,CAAC;QAEpE,IAAI,eAAe,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;YACxC,MAAM,GAAG,SAAS,CAAC;QACrB,CAAC;aAAM,IAAI,aAAa,KAAK,OAAO,EAAE,CAAC;YACrC,MAAM,GAAG,SAAS,YAAY,IAAI,SAAS,GAAG,CAAC;QACjD,CAAC;aAAM,IAAI,aAAa,KAAK,QAAQ,EAAE,CAAC;YACtC,MAAM,GAAG,SAAS,YAAY,WAAW,SAAS,GAAG,CAAC;QACxD,CAAC;QAED,uCAAuC;QACvC,IAAI,MAAM,EAAE,CAAC;YACX,IAAI,SAAS,KAAK,GAAG;gBAAE,OAAO,GAAG,CAAC;YAClC,OAAO,aAAa,MAAM,GAAG,CAAC;QAChC,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC;SACD,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,UAAU,kBAAkB,CAChC,aAAqB,EACrB,aAAqB,EACrB,aAAiC,EACjC,cAAkC,EAClC,MAAM,GAAG,KAAK,EACd,kBAA4B,EAAE;IAE9B,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,IAAI,OAAO,cAAc,KAAK,QAAQ,EAAE,CAAC;QACvC,OAAO;YACL,CAAC,OAAO,YAAY,KAAK,aAAa,IAAI,aAAa,KAAK,CAAC,EAC3D,yBAAyB,CACvB,aAAa,EACb,cAAc,EACd,aAAa,EACb,eAAe,EACf,MAAM,CACP;SACJ,CAAC;IACJ,CAAC;IAED,MAAM,UAAU,GAAG,EAAE,CAAC;IACtB,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,EAAE,YAAY,CAAC,EAAE,EAAE;QACzE,UAAU,CACR,OAAO,YAAY,KAAK,aAAa,IAAI,aAAa,IAAI,eAAe,EAAE,CAC5E,GAAG,yBAAyB,CAC3B,aAAa,EACb,YAAY,EACZ,aAAa,EACb,eAAe,EACf,MAAM,CACP,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,OAAO,UAAU,CAAC;AACpB,CAAC"}
@@ -1,11 +1,7 @@
1
- import type { AkselBorderRadiusToken, AkselBreakpointToken, AkselLegacyBackgroundColorToken, AkselLegacyBorderColorToken, AkselLegacyBorderRadiusToken, AkselLegacyShadowToken, AkselLegacySpacingToken, AkselLegacySurfaceColorToken, AkselSpaceToken } from "@navikt/ds-tokens/types";
2
- export type BackgroundColorToken = AkselLegacyBackgroundColorToken;
3
- export type SurfaceColorToken = AkselLegacySurfaceColorToken;
4
- export type BorderColorToken = AkselLegacyBorderColorToken;
5
- export type ShadowToken = AkselLegacyShadowToken;
1
+ import type { AkselBorderRadiusToken, AkselBreakpointToken, AkselSpaceToken } from "@navikt/ds-tokens/types";
6
2
  export type BreakpointsAlias = Extract<AkselBreakpointToken, "xs" | "sm" | "md" | "lg" | "xl" | "2xl">;
7
- export type SpacingScale = AkselLegacySpacingToken | AkselSpaceToken;
8
- export type BorderRadiusScale = AkselLegacyBorderRadiusToken | AkselBorderRadiusToken;
3
+ export type SpacingScale = AkselSpaceToken;
4
+ export type BorderRadiusScale = AkselBorderRadiusToken;
9
5
  export type SpaceDelimitedAttribute<T extends string> = T | `${T} ${T}` | `${T} ${T} ${T}` | `${T} ${T} ${T} ${T}`;
10
6
  type FixedResponsiveT<T> = {
11
7
  [Breakpoint in BreakpointsAlias]?: T;
@@ -1,4 +1,6 @@
1
1
  import React from "react";
2
+ import type { AkselStatusColorRole } from "@navikt/ds-tokens/types";
3
+ import { AkselColor } from "../types/index.js";
2
4
  import { OverridableComponent } from "../util/types/index.js";
3
5
  export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
4
6
  /**
@@ -15,14 +17,21 @@ export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>
15
17
  */
16
18
  inlineText?: boolean;
17
19
  /**
18
- * Variant of the component to use.
19
- * @default "action"
20
+ * @deprecated Deprecated in v8. Use `data-color` prop instead.
20
21
  */
21
22
  variant?: "action" | "neutral" | "subtle";
22
23
  /**
23
24
  * Link text
24
25
  */
25
26
  children: React.ReactNode;
27
+ /**
28
+ * Overrides inherited color.
29
+ *
30
+ * We recommend only using `accent` and `neutral`. We have disallowed status-colors.
31
+ * @see 🏷️ {@link AkselColor}
32
+ * @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
33
+ */
34
+ "data-color"?: Exclude<AkselColor, AkselStatusColorRole>;
26
35
  }
27
36
  /**
28
37
  * A component that displays a hyperlink.
package/esm/link/Link.js CHANGED
@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
10
10
  return t;
11
11
  };
12
12
  import React, { forwardRef } from "react";
13
- import { useRenameCSS, useThemeInternal } from "../theme/Theme.js";
13
+ import { useRenameCSS } from "../theme/Theme.js";
14
14
  /**
15
15
  * A component that displays a hyperlink.
16
16
  *
@@ -34,20 +34,8 @@ import { useRenameCSS, useThemeInternal } from "../theme/Theme.js";
34
34
  */
35
35
  export const Link = forwardRef((_a, ref) => {
36
36
  var { as: Component = "a", className, underline = true, variant, inlineText = false, "data-color": color } = _a, rest = __rest(_a, ["as", "className", "underline", "variant", "inlineText", "data-color"]);
37
- const themeContext = useThemeInternal();
38
37
  const { cn } = useRenameCSS();
39
- /*
40
- * We avoid defaulting to "action" in darkside.
41
- */
42
- let localVariant;
43
- if (themeContext === null || themeContext === void 0 ? void 0 : themeContext.isDarkside) {
44
- localVariant = variant;
45
- }
46
- else {
47
- localVariant = variant !== null && variant !== void 0 ? variant : "action";
48
- }
49
- return (React.createElement(Component, Object.assign({ "data-color": color !== null && color !== void 0 ? color : variantToColor(localVariant), "data-variant": localVariant }, rest, { ref: ref, className: cn("navds-link", className, {
50
- [`navds-link--${localVariant}`]: localVariant,
38
+ return (React.createElement(Component, Object.assign({ "data-color": color !== null && color !== void 0 ? color : variantToColor(variant) }, rest, { ref: ref, className: cn("navds-link", className, {
51
39
  "navds-link--remove-underline": !underline,
52
40
  "navds-link--inline-text": inlineText,
53
41
  }) })));
@@ -57,7 +45,6 @@ function variantToColor(variant) {
57
45
  case "action":
58
46
  return "accent";
59
47
  case "neutral":
60
- return "neutral";
61
48
  case "subtle":
62
49
  return "neutral";
63
50
  default:
@@ -1 +1 @@
1
- {"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/link/Link.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AA8BhE;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,MAAM,IAAI,GACf,UAAU,CACR,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,SAAS,EACT,SAAS,GAAG,IAAI,EAChB,OAAO,EACP,UAAU,GAAG,KAAK,EAClB,YAAY,EAAE,KAAK,OAEpB,EADI,IAAI,cAPT,uEAQC,CADQ;IAIT,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;IACxC,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B;;OAEG;IACH,IAAI,YAAkC,CAAC;IAEvC,IAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,UAAU,EAAE,CAAC;QAC7B,YAAY,GAAG,OAAO,CAAC;IACzB,CAAC;SAAM,CAAC;QACN,YAAY,GAAG,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,QAAQ,CAAC;IACrC,CAAC;IAED,OAAO,CACL,oBAAC,SAAS,gCACI,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,CAAC,YAAY,CAAC,kBACnC,YAAY,IACtB,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE;YACrC,CAAC,eAAe,YAAY,EAAE,CAAC,EAAE,YAAY;YAC7C,8BAA8B,EAAE,CAAC,SAAS;YAC1C,yBAAyB,EAAE,UAAU;SACtC,CAAC,IACF,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,SAAS,cAAc,CACrB,OAA8B;IAE9B,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,QAAQ;YACX,OAAO,QAAQ,CAAC;QAClB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,QAAQ;YACX,OAAO,SAAS,CAAC;QACnB;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC;AAED,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/link/Link.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAqC9C;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,MAAM,IAAI,GACf,UAAU,CACR,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,SAAS,EACT,SAAS,GAAG,IAAI,EAChB,OAAO,EACP,UAAU,GAAG,KAAK,EAClB,YAAY,EAAE,KAAK,OAEpB,EADI,IAAI,cAPT,uEAQC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,oBAAC,SAAS,gCACI,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,CAAC,OAAO,CAAC,IACxC,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE;YACrC,8BAA8B,EAAE,CAAC,SAAS;YAC1C,yBAAyB,EAAE,UAAU;SACtC,CAAC,IACF,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,SAAS,cAAc,CACrB,OAA8B;IAE9B,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,QAAQ;YACX,OAAO,QAAQ,CAAC;QAClB,KAAK,SAAS,CAAC;QACf,KAAK,QAAQ;YACX,OAAO,SAAS,CAAC;QACnB;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC;AAED,eAAe,IAAI,CAAC"}
@@ -1,4 +1,5 @@
1
1
  import React, { HTMLAttributes } from "react";
2
+ import type { AkselColor } from "../types/index.js";
2
3
  import { LinkAnchorProps } from "../util/link-anchor/index.js";
3
4
  interface LinkCardProps extends HTMLAttributes<HTMLDivElement> {
4
5
  /**
@@ -15,6 +16,14 @@ interface LinkCardProps extends HTMLAttributes<HTMLDivElement> {
15
16
  * @default "medium"
16
17
  */
17
18
  size?: "small" | "medium";
19
+ /**
20
+ * Overrides inherited color.
21
+ *
22
+ * We reccomend avoiding status-colors (`info`, `success`, `warning`, `danger`) in LinkCards.
23
+ * @see 🏷️ {@link AkselColor}
24
+ * @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
25
+ */
26
+ "data-color"?: AkselColor;
18
27
  }
19
28
  interface LinkCardComponent extends React.ForwardRefExoticComponent<LinkCardProps & React.RefAttributes<HTMLDivElement>> {
20
29
  /**
@@ -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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"}
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 { useRenameCSS } from "../theme/Theme.js";
14
+ import { BodyLong } from "../typography/index.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,15 @@ 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
35
  const { cn } = useRenameCSS();
41
- const themeContext = useThemeInternal();
42
36
  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
37
  return (React.createElement(ListContext.Provider, { value: {
56
38
  listType: ListTag,
57
39
  size: listSize,
58
40
  } },
59
41
  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),
62
42
  React.createElement(ListTag, { role: "list", "aria-label": _ariaLabel, "aria-labelledby": _ariaLabelledBy }, children))));
63
43
  });
64
44
  List.Item = ListItem;
@@ -1 +1 @@
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,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAgB,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAI7C,MAAM,cAAc,GAGhB;IACF,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,OAAO;IACf,KAAK,EAAE,QAAQ;CAChB,CAAC;AAYF;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EAWC,EACD,GAAG,EACH,EAAE;QAbF,EACE,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,OAAO,GAAG,IAAI,EAClB,KAAK,EACL,WAAW,EACX,UAAU,EACV,IAAI,EACJ,YAAY,EAAE,UAAU,EACxB,iBAAiB,EAAE,eAAe,OAEnC,EADI,IAAI,cAVT,8GAWC,CADQ;IAIT,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAEtD,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;IAExC,MAAM,QAAQ,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,WAAW,CAAC;IAErC,IAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,UAAU,EAAE,CAAC;QAC7B,IACE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;YACrC,CAAC,KAAK,IAAI,WAAW,IAAI,UAAU,CAAC,EACpC,CAAC;YACD,OAAO,CAAC,IAAI,CACV,wGAAwG,CACzG,CAAC;QACJ,CAAC;QAED,OAAO,CACL,oBAAC,WAAW,CAAC,QAAQ,IACnB,KAAK,EAAE;gBACL,QAAQ,EAAE,OAAO;gBACjB,IAAI,EAAE,QAAQ;aACf;YAED,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;gBAEjE,oBAAC,OAAO,IACN,IAAI,EAAC,MAAM,gBACC,UAAU,qBACL,eAAe,IAE/B,QAAQ,CACD,CACD,CACU,CACxB,CAAC;IACJ,CAAC;IAED,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;YAEhE,KAAK,IAAI,CACR,oBAAC,OAAO,IAAC,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,IAAI,IAC5D,KAAK,CACE,CACX;YACA,WAAW,IAAI,oBAAC,SAAS,IAAC,IAAI,EAAE,QAAQ,IAAG,WAAW,CAAa;YACpE,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"}
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,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,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,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,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
  }
@@ -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;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;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,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"}
@@ -24,7 +24,7 @@ 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
29
  /**
30
30
  * A component that displays a modal dialog.
@@ -123,11 +123,6 @@ export const Modal = forwardRef((_a, ref) => {
123
123
  open: isModalOpen,
124
124
  referenceElement: modalRef.current,
125
125
  });
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
126
  const isWidthPreset = typeof width === "string" && ["small", "medium"].includes(width);
132
127
  const mergedClassName = cn("navds-modal", className, {
133
128
  [polyfillClassName.current]: needPolyfill,