@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
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../src/progress-bar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqE;AACrE,0CAA8C;AAC9C,yDAAsD;AACtD,+DAA4D;AAC5D,wDAAkD;AA4DlD;;;;;;;;;;;;;;;;;;GAkBG;AACU,QAAA,WAAW,GAAG,IAAA,kBAAU,EACnC,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,IAAI,GAAG,QAAQ,EACf,KAAK,GAAG,CAAC,EACT,QAAQ,GAAG,GAAG,EACd,iBAAiB,EAAE,cAAc,EACjC,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,SAAS,OAEV,EADI,IAAI,cART,wFASC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,UAAU,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,GAAG,GAAG,CAAC;IAC9D,MAAM,YAAY,GAAG,IAAA,6BAAa,EAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,CAAC,CAAC;IAEzD,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,aAAa,CAAC,CAAC;IACzC,MAAM,OAAO,GAAG,IAAA,uBAAU,GAAE,CAAC;IAE7B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,CAAA,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;YACjD,OAAO;QACT,CAAC;QAED,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,GAAG,IAAI,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;QAC9D,OAAO,OAAO,CAAC,KAAK,CAAC;IACvB,CAAC,EAAE,CAAC,YAAY,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAEhD,OAAO,CACL,qDACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,oBAAoB,EACpB,uBAAuB,IAAI,EAAE,EAC7B,SAAS,CACV,mBACc,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,EAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,mBAC7C,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,EAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,oBAEvD,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO;YAChB,CAAC,CAAC,SAAS,CAAC,iBAAiB,EAAE;gBAC3B,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,CAAC;aACxC,CAAC;YACJ,CAAC,CAAC,SAAS,CAAC,UAAU,EAAE;gBACpB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;gBAC1B,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;aAC1B,CAAC,EAER,IAAI,EAAC,aAAa,qBACD,cAAc,gBACnB,SAAS,IACjB,IAAI;QAER,uCACE,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE;gBAC9C,+CAA+C,EAC7C,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,MAAK,SAAS;aACnC,CAAC,EACF,KAAK,EAAE;gBACL,+BAA+B,EAC7B,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,MAAK,SAAS;oBAC9B,CAAC,CAAC,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,GAAG;oBAC1B,CAAC,CAAC,SAAS;gBACf,+BAA+B,EAAE,IAAI,UAAU,GAAG;aACnD,GACD,CACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,mBAAW,CAAC"}
1
+ {"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../src/progress-bar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqE;AACrE,0CAA8C;AAE9C,yDAAsD;AACtD,+DAA4D;AAC5D,wDAAkD;AAkElD;;;;;;;;;;;;;;;;;;GAkBG;AACU,QAAA,WAAW,GAAG,IAAA,kBAAU,EACnC,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,IAAI,GAAG,QAAQ,EACf,KAAK,GAAG,CAAC,EACT,QAAQ,GAAG,GAAG,EACd,iBAAiB,EAAE,cAAc,EACjC,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,SAAS,OAEV,EADI,IAAI,cART,wFASC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,UAAU,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,GAAG,GAAG,CAAC;IAC9D,MAAM,YAAY,GAAG,IAAA,6BAAa,EAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,CAAC,CAAC;IAEzD,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,aAAa,CAAC,CAAC;IACzC,MAAM,OAAO,GAAG,IAAA,uBAAU,GAAE,CAAC;IAE7B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,CAAA,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;YACjD,OAAO;QACT,CAAC;QAED,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,GAAG,IAAI,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;QAC9D,OAAO,OAAO,CAAC,KAAK,CAAC;IACvB,CAAC,EAAE,CAAC,YAAY,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAEhD,OAAO,CACL,qDACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,oBAAoB,EACpB,uBAAuB,IAAI,EAAE,EAC7B,SAAS,CACV,mBACc,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,EAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,mBAC7C,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,EAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,oBAEvD,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO;YAChB,CAAC,CAAC,SAAS,CAAC,iBAAiB,EAAE;gBAC3B,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,CAAC;aACxC,CAAC;YACJ,CAAC,CAAC,SAAS,CAAC,UAAU,EAAE;gBACpB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;gBAC1B,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;aAC1B,CAAC,EAER,IAAI,EAAC,aAAa,qBACD,cAAc,gBACnB,SAAS,IACjB,IAAI;QAER,uCACE,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE;gBAC9C,+CAA+C,EAC7C,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,MAAK,SAAS;aACnC,CAAC,EACF,KAAK,EAAE;gBACL,gCAAgC,EAC9B,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,MAAK,SAAS;oBAC9B,CAAC,CAAC,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,GAAG;oBAC1B,CAAC,CAAC,SAAS;gBACf,gCAAgC,EAAE,IAAI,UAAU,GAAG;aACpD,GACD,CACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,mBAAW,CAAC"}
@@ -1,4 +1,6 @@
1
1
  import React from "react";
2
+ import type { AkselStatusColorRole } from "@navikt/ds-tokens/types";
3
+ import type { AkselColor } from "../types";
2
4
  export interface ReadMoreProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
3
5
  /**
4
6
  * Content inside ReadMore.
@@ -27,6 +29,15 @@ export interface ReadMoreProps extends React.ButtonHTMLAttributes<HTMLButtonElem
27
29
  * @default "medium"
28
30
  */
29
31
  size?: "large" | "medium" | "small";
32
+ /**
33
+ * Overrides inherited color.
34
+ *
35
+ * We recommend only using `accent`. We have disallowed status-colors.
36
+ * @see 🏷️ {@link AkselColor}
37
+ * @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
38
+ * @private
39
+ */
40
+ "data-color"?: Exclude<AkselColor, AkselStatusColorRole>;
30
41
  }
31
42
  /**
32
43
  * ReadMore
@@ -1 +1 @@
1
- {"version":3,"file":"ReadMore.js","sourceRoot":"","sources":["../../src/read-more/ReadMore.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qDAAsD;AACtD,0CAA8C;AAC9C,8CAAyC;AACzC,uEAAoE;AACpE,6EAA0E;AAiC1E;;;;;;;;;GASG;AACU,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,CACE,EAUgB,EAChB,GAAG,EACH,EAAE;QAZF,EACE,SAAS,EACT,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,YAAY,OAEE,EADX,IAAI,cATT,6FAUC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,2CAAoB,EAAC;QAC7C,YAAY,EAAE,WAAW;QACzB,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,YAAY;KACvB,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEvD,OAAO,CACL,uCACE,SAAS,EAAE,EAAE,CACX,iBAAiB,EACjB,oBAAoB,IAAI,EAAE,EAC1B,SAAS,EACT,EAAE,uBAAuB,EAAE,KAAK,EAAE,CACnC,iBACW,KAAK;QAEjB,0DACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,kBAAkB,EAAE;gBAC3D,yBAAyB,EAAE,IAAI,KAAK,OAAO;aAC5C,CAAC,EACF,OAAO,EAAE,IAAA,2CAAoB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,mBAClD,KAAK,gBACR,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;YAErC,8BAAC,6BAAe,IACd,SAAS,EAAE,EAAE,CAAC,8BAA8B,CAAC,wBAE7C;YACF,4CAAO,MAAM,CAAQ,CACd;QAET,8BAAC,qBAAQ,IACP,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE;gBACxC,kCAAkC,EAAE,CAAC,KAAK;aAC3C,CAAC,EACF,IAAI,EAAE,QAAQ,gBACF,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,IAEpC,QAAQ,CACA,CACP,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,gBAAQ,CAAC"}
1
+ {"version":3,"file":"ReadMore.js","sourceRoot":"","sources":["../../src/read-more/ReadMore.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qDAAsD;AAEtD,0CAA8C;AAE9C,8CAAyC;AACzC,uEAAoE;AACpE,6EAA0E;AA0C1E;;;;;;;;;GASG;AACU,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,CACE,EAUgB,EAChB,GAAG,EACH,EAAE;QAZF,EACE,SAAS,EACT,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,YAAY,OAEE,EADX,IAAI,cATT,6FAUC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,2CAAoB,EAAC;QAC7C,YAAY,EAAE,WAAW;QACzB,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,YAAY;KACvB,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEvD,OAAO,CACL,uCACE,SAAS,EAAE,EAAE,CACX,iBAAiB,EACjB,oBAAoB,IAAI,EAAE,EAC1B,SAAS,EACT,EAAE,uBAAuB,EAAE,KAAK,EAAE,CACnC,iBACW,KAAK;QAEjB,0DACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,kBAAkB,EAAE;gBAC3D,yBAAyB,EAAE,IAAI,KAAK,OAAO;aAC5C,CAAC,EACF,OAAO,EAAE,IAAA,2CAAoB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,mBAClD,KAAK,gBACR,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;YAErC,8BAAC,6BAAe,IACd,SAAS,EAAE,EAAE,CAAC,8BAA8B,CAAC,wBAE7C;YACF,4CAAO,MAAM,CAAQ,CACd;QAET,8BAAC,qBAAQ,IACP,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE;gBACxC,kCAAkC,EAAE,CAAC,KAAK;aAC3C,CAAC,EACF,IAAI,EAAE,QAAQ,gBACF,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,IAEpC,QAAQ,CACA,CACP,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,gBAAQ,CAAC"}
@@ -80,16 +80,11 @@ exports.Stepper = (0, react_1.forwardRef)((_a, ref) => {
80
80
  var { children, className, activeStep, orientation = "vertical", onStepChange = () => { }, interactive = true } = _a, rest = __rest(_a, ["children", "className", "activeStep", "orientation", "onStepChange", "interactive"]);
81
81
  const { cn } = (0, Theme_1.useRenameCSS)();
82
82
  activeStep = activeStep - 1;
83
- return (react_1.default.createElement("ol", Object.assign({}, rest, { ref: ref, className: cn("navds-stepper", orientation === "horizontal" ? "navds-stepper--horizontal" : "", className), "data-orientation": orientation }), react_1.default.Children.map(children, (step, index) => {
83
+ return (react_1.default.createElement("ol", Object.assign({}, rest, { ref: ref, className: cn("navds-stepper", className), "data-orientation": orientation }), react_1.default.Children.map(children, (step, index) => {
84
84
  var _a, _b, _c;
85
85
  const stepProps = react_1.default.isValidElement(step) ? step.props : {};
86
86
  const isInteractive = (_a = stepProps.interactive) !== null && _a !== void 0 ? _a : interactive;
87
- return (react_1.default.createElement("li", { className: cn("navds-stepper__item", {
88
- /* TODO: Remove these 3 classNames in darkmode update */
89
- "navds-stepper__item--behind": activeStep > index,
90
- "navds-stepper__item--completed": stepProps.completed,
91
- "navds-stepper__item--non-interactive": !isInteractive,
92
- }), "data-color": isInteractive ? undefined : "neutral", key: index + ((_c = (_b = children === null || children === void 0 ? void 0 : children.toString) === null || _b === void 0 ? void 0 : _b.call(children)) !== null && _c !== void 0 ? _c : "") },
87
+ return (react_1.default.createElement("li", { className: cn("navds-stepper__item"), "data-interactive": isInteractive, "data-color": isInteractive ? undefined : "neutral", key: index + ((_c = (_b = children === null || children === void 0 ? void 0 : children.toString) === null || _b === void 0 ? void 0 : _b.call(children)) !== null && _c !== void 0 ? _c : "") },
93
88
  react_1.default.createElement("span", { className: cn("navds-stepper__line navds-stepper__line--1") }),
94
89
  react_1.default.createElement(context_1.StepperContextProvider, { interactive: interactive, activeStep: activeStep, lastIndex: react_1.default.Children.count(children), index: index, onStepChange: onStepChange, orientation: orientation }, step),
95
90
  react_1.default.createElement("span", { className: cn("navds-stepper__line navds-stepper__line--2") })));
@@ -1 +1 @@
1
- {"version":3,"file":"Stepper.js","sourceRoot":"","sources":["../../src/stepper/Stepper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAC9C,kDAAgD;AAChD,uCAAmD;AA2CnD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACU,QAAA,OAAO,GAAqB,IAAA,kBAAU,EAIjD,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,GAAG,UAAU,EACxB,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,EACvB,WAAW,GAAG,IAAI,OAEnB,EADI,IAAI,cAPT,qFAQC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,UAAU,GAAG,UAAU,GAAG,CAAC,CAAC;IAC5B,OAAO,CACL,sDACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,eAAe,EACf,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,EAAE,EAC/D,SAAS,CACV,sBACiB,WAAW,KAE5B,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;;QAC5C,MAAM,SAAS,GACb,eAAK,CAAC,cAAc,CAAmB,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;QAEjE,MAAM,aAAa,GAAG,MAAA,SAAS,CAAC,WAAW,mCAAI,WAAW,CAAC;QAE3D,OAAO,CACL,sCACE,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE;gBACnC,wDAAwD;gBACxD,6BAA6B,EAAE,UAAU,GAAG,KAAK;gBACjD,gCAAgC,EAAE,SAAS,CAAC,SAAS;gBACrD,sCAAsC,EAAE,CAAC,aAAa;aACvD,CAAC,gBACU,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACjD,GAAG,EAAE,KAAK,GAAG,CAAC,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,wDAAI,mCAAI,EAAE,CAAC;YAE3C,wCACE,SAAS,EAAE,EAAE,CAAC,4CAA4C,CAAC,GAC3D;YACF,8BAAC,gCAAsB,IACrB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,EACzC,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,IAEvB,IAAI,CACkB;YACzB,wCACE,SAAS,EAAE,EAAE,CAAC,4CAA4C,CAAC,GAC3D,CACC,CACN,CAAC;IACJ,CAAC,CAAC,CACC,CACN,CAAC;AACJ,CAAC,CACkB,CAAC;AAEtB,eAAO,CAAC,IAAI,GAAG,cAAI,CAAC;AAEpB,kBAAe,eAAO,CAAC"}
1
+ {"version":3,"file":"Stepper.js","sourceRoot":"","sources":["../../src/stepper/Stepper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAC9C,kDAAgD;AAChD,uCAAmD;AA2CnD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACU,QAAA,OAAO,GAAqB,IAAA,kBAAU,EAIjD,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,GAAG,UAAU,EACxB,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,EACvB,WAAW,GAAG,IAAI,OAEnB,EADI,IAAI,cAPT,qFAQC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,UAAU,GAAG,UAAU,GAAG,CAAC,CAAC;IAC5B,OAAO,CACL,sDACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,sBACvB,WAAW,KAE5B,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;;QAC5C,MAAM,SAAS,GACb,eAAK,CAAC,cAAc,CAAmB,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;QAEjE,MAAM,aAAa,GAAG,MAAA,SAAS,CAAC,WAAW,mCAAI,WAAW,CAAC;QAE3D,OAAO,CACL,sCACE,SAAS,EAAE,EAAE,CAAC,qBAAqB,CAAC,sBAClB,aAAa,gBACnB,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACjD,GAAG,EAAE,KAAK,GAAG,CAAC,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,wDAAI,mCAAI,EAAE,CAAC;YAE3C,wCACE,SAAS,EAAE,EAAE,CAAC,4CAA4C,CAAC,GAC3D;YACF,8BAAC,gCAAsB,IACrB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,EACzC,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,IAEvB,IAAI,CACkB;YACzB,wCACE,SAAS,EAAE,EAAE,CAAC,4CAA4C,CAAC,GAC3D,CACC,CACN,CAAC;IACJ,CAAC,CAAC,CACC,CACN,CAAC;AACJ,CAAC,CACkB,CAAC;AAEtB,eAAO,CAAC,IAAI,GAAG,cAAI,CAAC;AAEpB,kBAAe,eAAO,CAAC"}
package/cjs/tag/Tag.d.ts CHANGED
@@ -1,10 +1,16 @@
1
1
  import React, { HTMLAttributes } from "react";
2
+ import { AkselColor } from "../types";
3
+ type legacyVariants = "warning" | "warning-filled" | "warning-moderate" | "error" | "error-filled" | "error-moderate" | "info" | "info-filled" | "info-moderate" | "success" | "success-filled" | "success-moderate" | "neutral" | "neutral-filled" | "neutral-moderate" | "alt1" | "alt1-filled" | "alt1-moderate" | "alt2" | "alt2-filled" | "alt2-moderate" | "alt3" | "alt3-filled" | "alt3-moderate";
4
+ type HiddenVariant = legacyVariants & {
5
+ __brand?: never;
6
+ };
2
7
  export interface TagProps extends HTMLAttributes<HTMLSpanElement> {
3
8
  children: React.ReactNode;
4
9
  /**
5
10
  * Changes visual profile of tag
11
+ * @default "outline"
6
12
  */
7
- variant: "warning" | "warning-filled" | "warning-moderate" | "error" | "error-filled" | "error-moderate" | "info" | "info-filled" | "info-moderate" | "success" | "success-filled" | "success-moderate" | "neutral" | "neutral-filled" | "neutral-moderate" | "alt1" | "alt1-filled" | "alt1-moderate" | "alt2" | "alt2-filled" | "alt2-moderate" | "alt3" | "alt3-filled" | "alt3-moderate";
13
+ variant?: "outline" | "moderate" | "strong" | HiddenVariant;
8
14
  /**
9
15
  * @default "medium"
10
16
  */
@@ -13,6 +19,11 @@ export interface TagProps extends HTMLAttributes<HTMLSpanElement> {
13
19
  * Tag Icon
14
20
  */
15
21
  icon?: React.ReactNode;
22
+ /**
23
+ * Tag color
24
+ * @default "neutral"
25
+ */
26
+ "data-color"?: AkselColor;
16
27
  }
17
28
  /**
18
29
  * A component that displays a small label with a text and a background color.
package/cjs/tag/Tag.js CHANGED
@@ -60,11 +60,14 @@ const typography_1 = require("../typography");
60
60
  * ```
61
61
  */
62
62
  exports.Tag = (0, react_1.forwardRef)((_a, ref) => {
63
- var { children, className, variant, size = "medium", icon, "data-color": color } = _a, rest = __rest(_a, ["children", "className", "variant", "size", "icon", "data-color"]);
63
+ var { children, className, variant = "outline", size = "medium", icon, "data-color": color } = _a, rest = __rest(_a, ["children", "className", "variant", "size", "icon", "data-color"]);
64
64
  const { cn } = (0, Theme_1.useRenameCSS)();
65
65
  const filledVariant = (variant === null || variant === void 0 ? void 0 : variant.endsWith("-filled")) && "strong";
66
66
  const moderateVariant = (variant === null || variant === void 0 ? void 0 : variant.endsWith("-moderate")) && "moderate";
67
- return (react_1.default.createElement(typography_1.BodyShort, Object.assign({ "data-color": color !== null && color !== void 0 ? color : variantToColor(variant), "data-variant": filledVariant || moderateVariant || "outline" }, rest, { ref: ref, as: "span", size: size === "medium" ? "medium" : "small", className: cn("navds-tag", className, `navds-tag--${variant}`, `navds-tag--${size}`) }),
67
+ const updatedVariant = variant === "moderate" || variant === "strong" || variant === "outline";
68
+ return (react_1.default.createElement(typography_1.BodyShort, Object.assign({ "data-color": color !== null && color !== void 0 ? color : variantToColor(variant), "data-variant": updatedVariant
69
+ ? variant
70
+ : filledVariant || moderateVariant || "outline" }, rest, { ref: ref, as: "span", size: size === "medium" ? "medium" : "small", className: cn("navds-tag", className, `navds-tag--${size}`) }),
68
71
  icon && react_1.default.createElement("span", { className: cn("navds-tag__icon--left") }, icon),
69
72
  children));
70
73
  });
@@ -1 +1 @@
1
- {"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAC1D,0CAA8C;AAE9C,8CAA0C;AAkD1C;;;;;;;;;;GAUG;AACU,QAAA,GAAG,GAAG,IAAA,kBAAU,EAC3B,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,SAAS,EACT,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,IAAI,EACJ,YAAY,EAAE,KAAK,OAEpB,EADI,IAAI,cAPT,kEAQC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,aAAa,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC,SAAS,CAAC,KAAI,QAAQ,CAAC;IAC/D,MAAM,eAAe,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC,WAAW,CAAC,KAAI,UAAU,CAAC;IAErE,OAAO,CACL,8BAAC,sBAAS,gCACI,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,CAAC,OAAO,CAAC,kBAC9B,aAAa,IAAI,eAAe,IAAI,SAAS,IACvD,IAAI,IACR,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,MAAM,EACT,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAC5C,SAAS,EAAE,EAAE,CACX,WAAW,EACX,SAAS,EACT,cAAc,OAAO,EAAE,EACvB,cAAc,IAAI,EAAE,CACrB;QAEA,IAAI,IAAI,wCAAM,SAAS,EAAE,EAAE,CAAC,uBAAuB,CAAC,IAAG,IAAI,CAAQ;QACnE,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,cAAc,CAAC,OAA4B;IAClD,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS,CAAC;QACf,KAAK,gBAAgB,CAAC;QACtB,KAAK,kBAAkB;YACrB,OAAO,SAAS,CAAC;QACnB,KAAK,OAAO,CAAC;QACb,KAAK,cAAc,CAAC;QACpB,KAAK,gBAAgB;YACnB,OAAO,QAAQ,CAAC;QAClB,KAAK,MAAM,CAAC;QACZ,KAAK,aAAa,CAAC;QACnB,KAAK,eAAe,CAAC;QACrB,KAAK,MAAM,CAAC;QACZ,KAAK,aAAa,CAAC;QACnB,KAAK,eAAe;YAClB,OAAO,MAAM,CAAC;QAChB,KAAK,SAAS,CAAC;QACf,KAAK,gBAAgB,CAAC;QACtB,KAAK,kBAAkB;YACrB,OAAO,SAAS,CAAC;QACnB,KAAK,SAAS,CAAC;QACf,KAAK,gBAAgB,CAAC;QACtB,KAAK,kBAAkB;YACrB,OAAO,SAAS,CAAC;QACnB,KAAK,MAAM,CAAC;QACZ,KAAK,aAAa,CAAC;QACnB,KAAK,eAAe;YAClB,OAAO,aAAa,CAAC;QACvB,KAAK,MAAM,CAAC;QACZ,KAAK,aAAa,CAAC;QACnB,KAAK,eAAe;YAClB,OAAO,WAAW,CAAC;QACrB;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC;AAED,kBAAe,WAAG,CAAC"}
1
+ {"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAC1D,0CAA8C;AAE9C,8CAA0C;AAoD1C;;;;;;;;;;GAUG;AACU,QAAA,GAAG,GAAG,IAAA,kBAAU,EAC3B,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,QAAQ,EACf,IAAI,EACJ,YAAY,EAAE,KAAK,OAEpB,EADI,IAAI,cAPT,kEAQC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,aAAa,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC,SAAS,CAAC,KAAI,QAAQ,CAAC;IAC/D,MAAM,eAAe,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC,WAAW,CAAC,KAAI,UAAU,CAAC;IAErE,MAAM,cAAc,GAClB,OAAO,KAAK,UAAU,IAAI,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,SAAS,CAAC;IAE1E,OAAO,CACL,8BAAC,sBAAS,gCACI,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,CAAC,OAAO,CAAC,kBAE1C,cAAc;YACZ,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,aAAa,IAAI,eAAe,IAAI,SAAS,IAE/C,IAAI,IACR,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,MAAM,EACT,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAC5C,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,EAAE,cAAc,IAAI,EAAE,CAAC;QAE1D,IAAI,IAAI,wCAAM,SAAS,EAAE,EAAE,CAAC,uBAAuB,CAAC,IAAG,IAAI,CAAQ;QACnE,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,cAAc,CAAC,OAA4B;IAClD,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS,CAAC;QACf,KAAK,gBAAgB,CAAC;QACtB,KAAK,kBAAkB;YACrB,OAAO,SAAS,CAAC;QACnB,KAAK,OAAO,CAAC;QACb,KAAK,cAAc,CAAC;QACpB,KAAK,gBAAgB;YACnB,OAAO,QAAQ,CAAC;QAClB,KAAK,MAAM,CAAC;QACZ,KAAK,aAAa,CAAC;QACnB,KAAK,eAAe,CAAC;QACrB,KAAK,MAAM,CAAC;QACZ,KAAK,aAAa,CAAC;QACnB,KAAK,eAAe;YAClB,OAAO,MAAM,CAAC;QAChB,KAAK,SAAS,CAAC;QACf,KAAK,gBAAgB,CAAC;QACtB,KAAK,kBAAkB;YACrB,OAAO,SAAS,CAAC;QACnB,KAAK,SAAS,CAAC;QACf,KAAK,gBAAgB,CAAC;QACtB,KAAK,kBAAkB;YACrB,OAAO,SAAS,CAAC;QACnB,KAAK,MAAM,CAAC;QACZ,KAAK,aAAa,CAAC;QACnB,KAAK,eAAe;YAClB,OAAO,aAAa,CAAC;QACvB,KAAK,MAAM,CAAC;QACZ,KAAK,aAAa,CAAC;QACnB,KAAK,eAAe;YAClB,OAAO,WAAW,CAAC;QACrB;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC;AAED,kBAAe,WAAG,CAAC"}
@@ -8,32 +8,32 @@ type RenameCSSContext = {
8
8
  */
9
9
  cn: (...inputs: Parameters<typeof cl>) => ReturnType<typeof cl>;
10
10
  };
11
- declare const useRenameCSS: () => RenameCSSContext;
12
11
  export declare const compositeClassFunction: (...inputs: Parameters<typeof cl>) => string;
12
+ declare const useRenameCSS: () => RenameCSSContext;
13
13
  type ThemeContext = {
14
14
  /**
15
- * Color theme
16
- * @default Inherits parent theme, or "light" if root
15
+ * Color theme.
16
+ * @default Inherits parent theme, or "light" if root.
17
17
  */
18
18
  theme?: "light" | "dark";
19
19
  color?: AkselColor;
20
20
  /**
21
- * Indicates if Theme-component is used or not.
22
- * @default false
21
+ * Indicates if Theme-component is on root-level or not.
23
22
  */
24
- isDarkside: boolean;
23
+ isRoot: boolean;
25
24
  };
26
25
  declare const useThemeInternal: () => ThemeContext;
27
26
  export type ThemeProps = {
28
27
  className?: string;
29
28
  /**
30
- * Sets default background when enabled
29
+ * Whether to apply the default background.
30
+ * @default `true` if this is the root instance and `theme` is defined, otherwise `false`.
31
31
  */
32
32
  hasBackground?: boolean;
33
33
  /**
34
- * Sets default 'base'-color for application
34
+ * Changes default 'base'-color for application.
35
35
  */
36
36
  "data-color"?: AkselColor;
37
- } & Omit<ThemeContext, "color" | "isDarkside"> & AsChildProps;
37
+ } & Omit<ThemeContext, "color" | "isRoot"> & AsChildProps;
38
38
  declare const Theme: React.ForwardRefExoticComponent<ThemeProps & React.RefAttributes<HTMLDivElement>>;
39
39
  export { Theme, useRenameCSS, useThemeInternal };
@@ -41,11 +41,6 @@ const clsx_1 = __importDefault(require("clsx"));
41
41
  const react_1 = __importStar(require("react"));
42
42
  const Slot_1 = require("../slot/Slot");
43
43
  const create_strict_context_1 = require("../util/create-strict-context");
44
- const { Provider: RenameCSSProvider, useContext: useRenameCSS } = (0, create_strict_context_1.createStrictContext)({
45
- name: "RenameCSS",
46
- defaultValue: { cn: clsx_1.default },
47
- });
48
- exports.useRenameCSS = useRenameCSS;
49
44
  const compositeClassFunction = (...inputs) => {
50
45
  const classes = (0, clsx_1.default)(inputs)
51
46
  /* Replaces only if start of string "navds- navds-"*/
@@ -55,6 +50,11 @@ const compositeClassFunction = (...inputs) => {
55
50
  return classes.trim();
56
51
  };
57
52
  exports.compositeClassFunction = compositeClassFunction;
53
+ const { Provider: RenameCSSProvider, useContext: useRenameCSS } = (0, create_strict_context_1.createStrictContext)({
54
+ name: "RenameCSS",
55
+ defaultValue: { cn: exports.compositeClassFunction },
56
+ });
57
+ exports.useRenameCSS = useRenameCSS;
58
58
  const RenameCSS = ({ children }) => {
59
59
  return (react_1.default.createElement(RenameCSSProvider, { cn: exports.compositeClassFunction }, children));
60
60
  };
@@ -66,19 +66,19 @@ const { Provider: ThemeProvider, useContext: useThemeInternal } = (0, create_str
66
66
  name: "ThemeProvider",
67
67
  defaultValue: {
68
68
  color: DEFAULT_COLOR,
69
- isDarkside: false,
69
+ isRoot: true,
70
70
  },
71
71
  });
72
72
  exports.useThemeInternal = useThemeInternal;
73
73
  const Theme = (0, react_1.forwardRef)((props, ref) => {
74
74
  const context = useThemeInternal();
75
- const { children, className, asChild = false, theme = context === null || context === void 0 ? void 0 : context.theme, hasBackground: hasBackgroundProp = true, "data-color": color = context === null || context === void 0 ? void 0 : context.color, } = props;
76
- const isRoot = !(context === null || context === void 0 ? void 0 : context.isDarkside);
75
+ const { children, className, asChild = false, theme = context === null || context === void 0 ? void 0 : context.theme, hasBackground: hasBackgroundProp, "data-color": color = context === null || context === void 0 ? void 0 : context.color, } = props;
76
+ const isRoot = context === null || context === void 0 ? void 0 : context.isRoot;
77
77
  const hasBackground = hasBackgroundProp !== null && hasBackgroundProp !== void 0 ? hasBackgroundProp : (isRoot && props.theme !== undefined);
78
78
  const SlotElement = asChild ? Slot_1.Slot : "div";
79
- return (react_1.default.createElement(ThemeProvider, { theme: theme, color: color, isDarkside: true },
79
+ return (react_1.default.createElement(ThemeProvider, { theme: theme, color: color, isRoot: false },
80
80
  react_1.default.createElement(RenameCSS, null,
81
- react_1.default.createElement(SlotElement, { ref: ref, className: (0, clsx_1.default)("aksel-theme", className, theme), "data-background": hasBackground, "data-color": color !== null && color !== void 0 ? color : "" }, children))));
81
+ react_1.default.createElement(SlotElement, { ref: ref, className: (0, clsx_1.default)("aksel-theme", className, theme), "data-background": hasBackground, "data-color": color !== null && color !== void 0 ? color : DEFAULT_COLOR }, children))));
82
82
  });
83
83
  exports.Theme = Theme;
84
84
  //# sourceMappingURL=Theme.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Theme.js","sourceRoot":"","sources":["../../src/theme/Theme.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,uCAAoC;AAEpC,yEAAoE;AAapE,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,UAAU,EAAE,YAAY,EAAE,GAC7D,IAAA,2CAAmB,EAAmB;IACpC,IAAI,EAAE,WAAW;IACjB,YAAY,EAAE,EAAE,EAAE,EAAE,cAAE,EAAE;CACzB,CAAC,CAAC;AAoGW,oCAAY;AAlGrB,MAAM,sBAAsB,GAAG,CACpC,GAAG,MAA6B,EACxB,EAAE;IACV,MAAM,OAAO,GAAG,IAAA,cAAE,EAAC,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;AAVW,QAAA,sBAAsB,0BAUjC;AAEF,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE;IAChE,OAAO,CACL,8BAAC,iBAAiB,IAAC,EAAE,EAAE,8BAAsB,IAC1C,QAAQ,CACS,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,MAAM,aAAa,GAAe,QAAQ,CAAC;AAgB3C,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAC7D,IAAA,2CAAmB,EAAe;IAChC,IAAI,EAAE,eAAe;IACrB,YAAY,EAAE;QACZ,KAAK,EAAE,aAAa;QACpB,UAAU,EAAE,KAAK;KAClB;CACF,CAAC,CAAC;AAoDyB,4CAAgB;AArC9C,MAAM,KAAK,GAAG,IAAA,kBAAU,EACtB,CAAC,KAAiB,EAAE,GAAG,EAAE,EAAE;IACzB,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;IAEnC,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,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,CAAA,CAAC;IAEpC,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,WAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAE3C,OAAO,CACL,8BAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI;QACzD,8BAAC,SAAS;YACR,8BAAC,WAAW,IACV,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,aAAa,EAAE,SAAS,EAAE,KAAK,CAAC,qBAC7B,aAAa,gBAClB,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,IAEtB,QAAQ,CACG,CACJ,CACE,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEO,sBAAK"}
1
+ {"version":3,"file":"Theme.js","sourceRoot":"","sources":["../../src/theme/Theme.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,uCAAoC;AAEpC,yEAAoE;AAa7D,MAAM,sBAAsB,GAAG,CACpC,GAAG,MAA6B,EACxB,EAAE;IACV,MAAM,OAAO,GAAG,IAAA,cAAE,EAAC,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;AAVW,QAAA,sBAAsB,0BAUjC;AAEF,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,UAAU,EAAE,YAAY,EAAE,GAC7D,IAAA,2CAAmB,EAAmB;IACpC,IAAI,EAAE,WAAW;IACjB,YAAY,EAAE,EAAE,EAAE,EAAE,8BAAsB,EAAE;CAC7C,CAAC,CAAC;AAwFW,oCAAY;AAtF5B,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE;IAChE,OAAO,CACL,8BAAC,iBAAiB,IAAC,EAAE,EAAE,8BAAsB,IAC1C,QAAQ,CACS,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,MAAM,aAAa,GAAe,QAAQ,CAAC;AAe3C,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAC7D,IAAA,2CAAmB,EAAe;IAChC,IAAI,EAAE,eAAe;IACrB,YAAY,EAAE;QACZ,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,IAAI;KACb;CACF,CAAC,CAAC;AAqDyB,4CAAgB;AArC9C,MAAM,KAAK,GAAG,IAAA,kBAAU,EACtB,CAAC,KAAiB,EAAE,GAAG,EAAE,EAAE;IACzB,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;IAEnC,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,EACtB,aAAa,EAAE,iBAAiB,EAChC,YAAY,EAAE,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,GACrC,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC;IAE/B,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,WAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAE3C,OAAO,CACL,8BAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK;QACtD,8BAAC,SAAS;YACR,8BAAC,WAAW,IACV,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,aAAa,EAAE,SAAS,EAAE,KAAK,CAAC,qBAC7B,aAAa,gBAClB,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,aAAa,IAEjC,QAAQ,CACG,CACJ,CACE,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEO,sBAAK"}
@@ -1,4 +1,5 @@
1
1
  import React from "react";
2
+ import type { AkselColor } from "../../types";
2
3
  import type { TimelineComponentTypes } from "../utils/types.internal";
3
4
  export interface TimelinePeriodProps extends React.HTMLAttributes<HTMLDivElement> {
4
5
  /**
@@ -18,6 +19,13 @@ export interface TimelinePeriodProps extends React.HTMLAttributes<HTMLDivElement
18
19
  * @default "neutral"
19
20
  */
20
21
  status?: "success" | "warning" | "danger" | "info" | "neutral";
22
+ /**
23
+ * Overrides color set by status.
24
+ *
25
+ * @see 🏷️ {@link AkselColor}
26
+ * @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
27
+ */
28
+ "data-color"?: AkselColor;
21
29
  /**
22
30
  * Status label for screen-readers
23
31
  * e.g "Sykemeldt", "foreldrepermisjon"
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/timeline/period/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,gEAA6D;AAC7D,0DAAuD;AAEvD,wEAAgD;AAChD,8EAAsD;AAyDzC,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,CAAC,EAAE,IAAI,EAAuB,EAAE,GAAG,EAAE,EAAE;IACrC,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,6BAAa,GAAE,CAAC;IACpC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAA,mCAAgB,GAAE,CAAC;IAEnD,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC;IAEtD,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,EACJ,KAAK,EACL,YAAY,EACZ,KAAK,EACL,kBAAkB,EAClB,MAAM,GAAG,SAAS,EAClB,cAAc,EACd,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,WAAW,GACZ,GAAG,MAAM,CAAC;IAEX,OAAO,cAAc,IAAI,QAAQ,CAAC,CAAC,CAAC,CAClC,8BAAC,yBAAe,IACd,SAAS,EAAE,GAA4C,EACvD,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,IAAI,EAAE,EACtB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,kBAAkB,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,IAEnB,QAAQ,CACO,CACnB,CAAC,CAAC,CAAC,CACF,8BAAC,4BAAkB,IACjB,SAAS,EAAE,GAAG,EACd,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,IAAI,EAAE,EACtB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,kBAAkB,EACxB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,CAAC,CACY,CAAC;AAEhB,cAAM,CAAC,aAAa,GAAG,QAAQ,CAAC;AAEhC,kBAAe,cAAM,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/timeline/period/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,gEAA6D;AAC7D,0DAAuD;AAEvD,wEAAgD;AAChD,8EAAsD;AAgEzC,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,CAAC,EAAE,IAAI,EAAuB,EAAE,GAAG,EAAE,EAAE;IACrC,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,6BAAa,GAAE,CAAC;IACpC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAA,mCAAgB,GAAE,CAAC;IAEnD,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC;IAEtD,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,EACJ,KAAK,EACL,YAAY,EACZ,KAAK,EACL,kBAAkB,EAClB,MAAM,GAAG,SAAS,EAClB,cAAc,EACd,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,WAAW,GACZ,GAAG,MAAM,CAAC;IAEX,OAAO,cAAc,IAAI,QAAQ,CAAC,CAAC,CAAC,CAClC,8BAAC,yBAAe,IACd,SAAS,EAAE,GAA4C,EACvD,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,IAAI,EAAE,EACtB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,kBAAkB,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,IAEnB,QAAQ,CACO,CACnB,CAAC,CAAC,CAAC,CACF,8BAAC,4BAAkB,IACjB,SAAS,EAAE,GAAG,EACd,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,IAAI,EAAE,EACtB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,kBAAkB,EACxB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,CAAC,CACY,CAAC;AAEhB,cAAM,CAAC,aAAa,GAAG,QAAQ,CAAC;AAEhC,kBAAe,cAAM,CAAC"}
@@ -73,7 +73,6 @@ const useToggleGroup_1 = require("./useToggleGroup");
73
73
  exports.ToggleGroup = (0, react_1.forwardRef)((_a, ref) => {
74
74
  var { className, children, onChange, size = "medium", label, value, defaultValue, variant, fill = false, "data-color": color } = _a, rest = __rest(_a, ["className", "children", "onChange", "size", "label", "value", "defaultValue", "variant", "fill", "data-color"]);
75
75
  const { cn } = (0, Theme_1.useRenameCSS)();
76
- const themeContext = (0, Theme_1.useThemeInternal)();
77
76
  const descendants = (0, ToggleGroup_context_1.useToggleGroupDescendants)();
78
77
  const toggleGroupContext = (0, useToggleGroup_1.useToggleGroup)({
79
78
  defaultValue,
@@ -91,20 +90,13 @@ exports.ToggleGroup = (0, react_1.forwardRef)((_a, ref) => {
91
90
  if (!value && !defaultValue) {
92
91
  console.error("ToggleGroup needs either a value or defaultValue");
93
92
  }
94
- let localVariant;
95
- if (themeContext === null || themeContext === void 0 ? void 0 : themeContext.isDarkside) {
96
- localVariant = variant;
97
- }
98
- else {
99
- localVariant = variant !== null && variant !== void 0 ? variant : "action";
100
- }
101
93
  return (react_1.default.createElement(ToggleGroup_context_1.ToggleGroupDescendantsProvider, { value: descendants },
102
94
  react_1.default.createElement(ToggleGroup_context_1.ToggleGroupProvider, Object.assign({}, context),
103
95
  react_1.default.createElement("div", { className: cn("navds-toggle-group__wrapper", className, {
104
96
  "navds-toggle-group__wrapper--fill": fill,
105
- }), "data-color": color !== null && color !== void 0 ? color : variantToColor(localVariant) },
97
+ }), "data-color": color !== null && color !== void 0 ? color : variantToColor(variant) },
106
98
  label && (react_1.default.createElement(typography_1.Label, { as: "div", size: size, className: cn("navds-toggle-group__label"), id: labelId }, label)),
107
- react_1.default.createElement("div", Object.assign({ "aria-labelledby": label ? labelId : undefined }, rest, { ref: ref, className: cn("navds-toggle-group", `navds-toggle-group--${size}`, { [`navds-toggle-group--${localVariant}`]: localVariant }), role: "radiogroup" }), children)))));
99
+ react_1.default.createElement("div", Object.assign({ "aria-labelledby": label ? labelId : undefined }, rest, { ref: ref, className: cn("navds-toggle-group", `navds-toggle-group--${size}`), role: "radiogroup" }), children)))));
108
100
  });
109
101
  function variantToColor(variant) {
110
102
  switch (variant) {
@@ -1 +1 @@
1
- {"version":3,"file":"ToggleGroup.js","sourceRoot":"","sources":["../../src/toggle-group/ToggleGroup.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ToggleGroup.js","sourceRoot":"","sources":["../../src/toggle-group/ToggleGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAE9C,8CAAsC;AACtC,kCAAgC;AAChC,+DAI+B;AAE/B,oEAA4C;AAC5C,qDAAkD;AAYlD;;;;;;;;;;;;;;GAcG;AACU,QAAA,WAAW,GAAG,IAAA,kBAAU,EACnC,CACE,EAYC,EACD,GAAG,EACH,EAAE;QAdF,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,KAAK,EACL,KAAK,EACL,YAAY,EACZ,OAAO,EACP,IAAI,GAAG,KAAK,EACZ,YAAY,EAAE,KAAK,OAEpB,EADI,IAAI,cAXT,gHAYC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,WAAW,GAAG,IAAA,+CAAyB,GAAE,CAAC;IAEhD,MAAM,kBAAkB,GAAG,IAAA,+BAAc,EAAC;QACxC,YAAY;QACZ,KAAK;QACL,QAAQ;KACT,CAAC,CAAC;IAEH;;OAEG;IACH,MAAM,OAAO,mCACR,kBAAkB,KACrB,IAAI,GACL,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,YAAK,GAAE,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,8BAAC,oDAA8B,IAAC,KAAK,EAAE,WAAW;QAChD,8BAAC,yCAAmB,oBAAK,OAAO;YAC9B,uCACE,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,EAAE;oBACtD,mCAAmC,EAAE,IAAI;iBAC1C,CAAC,gBACU,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,CAAC,OAAO,CAAC;gBAE3C,KAAK,IAAI,CACR,8BAAC,kBAAK,IACJ,EAAE,EAAC,KAAK,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,2BAA2B,CAAC,EAC1C,EAAE,EAAE,OAAO,IAEV,KAAK,CACA,CACT;gBACD,wEACmB,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,IACxC,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,oBAAoB,EACpB,uBAAuB,IAAI,EAAE,CAC9B,EACD,IAAI,EAAC,YAAY,KAEhB,QAAQ,CACL,CACF,CACc,CACS,CAClC,CAAC;AACJ,CAAC,CACsB,CAAC;AAE1B,SAAS,cAAc,CACrB,OAAqC;IAErC,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,QAAQ;YACX,OAAO,QAAQ,CAAC;QAClB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC;AAED,mBAAW,CAAC,IAAI,GAAG,oBAAU,CAAC;AAE9B,kBAAe,mBAAW,CAAC"}
@@ -1,4 +1,6 @@
1
1
  import { HTMLAttributes } from "react";
2
+ import type { AkselStatusColorRole } from "@navikt/ds-tokens/types";
3
+ import type { AkselColor } from "../types";
2
4
  export interface ToggleGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "dir"> {
3
5
  /**
4
6
  * Toggles.Item elements.
@@ -26,10 +28,17 @@ export interface ToggleGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "
26
28
  */
27
29
  label?: React.ReactNode;
28
30
  /**
29
- * Changes design and interaction-visuals.
30
- * @default "action"
31
+ * @deprecated Use `data-color` prop instead.
31
32
  */
32
33
  variant?: "action" | "neutral";
34
+ /**
35
+ * Overrides inherited color.
36
+ *
37
+ * We recommend only using `accent` and `neutral`. We have disallowed status-colors.
38
+ * @see 🏷️ {@link AkselColor}
39
+ * @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
40
+ */
41
+ "data-color"?: Exclude<AkselColor, AkselStatusColorRole>;
33
42
  /**
34
43
  * Stretch each button to fill avaliable space in container.
35
44
  * @default false
@@ -1,4 +1,5 @@
1
1
  import React from "react";
2
+ import type { AkselColor } from "../types";
2
3
  import { OverridableComponent } from "../util/types";
3
4
  import { TypoProps } from "./types";
4
5
  export interface BodyLongProps extends TypoProps, React.HTMLAttributes<HTMLParagraphElement> {
@@ -11,6 +12,14 @@ export interface BodyLongProps extends TypoProps, React.HTMLAttributes<HTMLParag
11
12
  * Text.
12
13
  */
13
14
  children: React.ReactNode;
15
+ /**
16
+ * Overrides inherited color.
17
+ * @default "neutral"
18
+ *
19
+ * @see 🏷️ {@link AkselColor}
20
+ * @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
21
+ */
22
+ "data-color"?: AkselColor;
14
23
  }
15
24
  /**
16
25
  * Part of a set of components for displaying text with consistent typography.
@@ -1 +1 @@
1
- {"version":3,"file":"BodyLong.js","sourceRoot":"","sources":["../../src/typography/BodyLong.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAG9C,iCAAwC;AAgBxC;;;;;;;;;;;;;;;GAeG;AACU,QAAA,QAAQ,GAGjB,IAAA,kBAAU,EACZ,CACE,EAWC,EACD,GAAG,EACH,EAAE;QAbF,EACE,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,OAAO,EACP,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,KAAK,EACL,cAAc,EACd,SAAS,OAEV,EADI,IAAI,cAVT,oGAWC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,iBAAiB,EACjB,oBAAoB,IAAI,EAAE,EAC1B,IAAA,qBAAc,EAAC;YACb,OAAO;YACP,QAAQ;YACR,MAAM;YACN,KAAK;YACL,cAAc;YACd,SAAS;SACV,CAAC,CACH,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,gBAAQ,CAAC"}
1
+ {"version":3,"file":"BodyLong.js","sourceRoot":"","sources":["../../src/typography/BodyLong.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAI9C,iCAAwC;AAwBxC;;;;;;;;;;;;;;;GAeG;AACU,QAAA,QAAQ,GAGjB,IAAA,kBAAU,EACZ,CACE,EAWC,EACD,GAAG,EACH,EAAE;QAbF,EACE,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,OAAO,EACP,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,KAAK,EACL,cAAc,EACd,SAAS,OAEV,EADI,IAAI,cAVT,oGAWC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,iBAAiB,EACjB,oBAAoB,IAAI,EAAE,EAC1B,IAAA,qBAAc,EAAC;YACb,OAAO;YACP,QAAQ;YACR,MAAM;YACN,KAAK;YACL,cAAc;YACd,SAAS;SACV,CAAC,CACH,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,gBAAQ,CAAC"}
@@ -1,4 +1,5 @@
1
1
  import React from "react";
2
+ import type { AkselColor } from "../types";
2
3
  import { OverridableComponent } from "../util/types";
3
4
  import { TypoProps } from "./types";
4
5
  export interface BodyShortProps extends TypoProps, React.HTMLAttributes<HTMLParagraphElement> {
@@ -11,6 +12,14 @@ export interface BodyShortProps extends TypoProps, React.HTMLAttributes<HTMLPara
11
12
  * Paragraph text.
12
13
  */
13
14
  children: React.ReactNode;
15
+ /**
16
+ * Overrides inherited color.
17
+ * @default "neutral"
18
+ *
19
+ * @see 🏷️ {@link AkselColor}
20
+ * @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
21
+ */
22
+ "data-color"?: AkselColor;
14
23
  }
15
24
  /**
16
25
  * Part of a set of components for displaying text with consistent typography.
@@ -1 +1 @@
1
- {"version":3,"file":"BodyShort.js","sourceRoot":"","sources":["../../src/typography/BodyShort.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAG9C,iCAAwC;AAgBxC;;;;;;;;;;;;;GAaG;AACU,QAAA,SAAS,GAGlB,IAAA,kBAAU,EACZ,CACE,EAWC,EACD,GAAG,EACH,EAAE;QAbF,EACE,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,OAAO,EACP,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,KAAK,EACL,cAAc,EACd,SAAS,OAEV,EADI,IAAI,cAVT,oGAWC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,kBAAkB,EAClB,qBAAqB,IAAI,EAAE,EAC3B,IAAA,qBAAc,EAAC;YACb,OAAO;YACP,QAAQ;YACR,MAAM;YACN,KAAK;YACL,cAAc;YACd,SAAS;SACV,CAAC,CACH,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,iBAAS,CAAC"}
1
+ {"version":3,"file":"BodyShort.js","sourceRoot":"","sources":["../../src/typography/BodyShort.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAI9C,iCAAwC;AAwBxC;;;;;;;;;;;;;GAaG;AACU,QAAA,SAAS,GAGlB,IAAA,kBAAU,EACZ,CACE,EAWC,EACD,GAAG,EACH,EAAE;QAbF,EACE,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,OAAO,EACP,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,KAAK,EACL,cAAc,EACd,SAAS,OAEV,EADI,IAAI,cAVT,oGAWC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,kBAAkB,EAClB,qBAAqB,IAAI,EAAE,EAC3B,IAAA,qBAAc,EAAC;YACb,OAAO;YACP,QAAQ;YACR,MAAM;YACN,KAAK;YACL,cAAc;YACd,SAAS;SACV,CAAC,CACH,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,iBAAS,CAAC"}
@@ -1,4 +1,5 @@
1
1
  import React from "react";
2
+ import type { AkselColor } from "../types";
2
3
  import { OverridableComponent } from "../util/types";
3
4
  import { TypoProps } from "./types";
4
5
  export interface DetailProps extends TypoProps, React.HTMLAttributes<HTMLParagraphElement> {
@@ -14,6 +15,14 @@ export interface DetailProps extends TypoProps, React.HTMLAttributes<HTMLParagra
14
15
  * ALL CAPS.
15
16
  */
16
17
  uppercase?: boolean;
18
+ /**
19
+ * Overrides inherited color.
20
+ * @default "neutral"
21
+ *
22
+ * @see 🏷️ {@link AkselColor}
23
+ * @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
24
+ */
25
+ "data-color"?: AkselColor;
17
26
  }
18
27
  /**
19
28
  * Part of a set of components for displaying text with consistent typography.
@@ -1 +1 @@
1
- {"version":3,"file":"Detail.js","sourceRoot":"","sources":["../../src/typography/Detail.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAG9C,iCAAwC;AAmBxC;;;;;;;;;;;;;GAaG;AACU,QAAA,MAAM,GACjB,IAAA,kBAAU,EACR,CACE,EAYC,EACD,GAAG,EACH,EAAE;QAdF,EACE,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,OAAO,EACP,SAAS,EACT,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,KAAK,EACL,cAAc,EACd,SAAS,OAEV,EADI,IAAI,cAXT,iHAYC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,cAAc,EACd,IAAA,qBAAc,EAAC;YACb,OAAO;YACP,QAAQ;YACR,MAAM;YACN,KAAK;YACL,cAAc;YACd,SAAS;YACT,SAAS;SACV,CAAC,EACF;YACE,qBAAqB,EAAE,IAAI,KAAK,OAAO;SACxC,CACF,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,kBAAe,cAAM,CAAC"}
1
+ {"version":3,"file":"Detail.js","sourceRoot":"","sources":["../../src/typography/Detail.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAI9C,iCAAwC;AA2BxC;;;;;;;;;;;;;GAaG;AACU,QAAA,MAAM,GACjB,IAAA,kBAAU,EACR,CACE,EAYC,EACD,GAAG,EACH,EAAE;QAdF,EACE,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,OAAO,EACP,SAAS,EACT,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,KAAK,EACL,cAAc,EACd,SAAS,OAEV,EADI,IAAI,cAXT,iHAYC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,cAAc,EACd,IAAA,qBAAc,EAAC;YACb,OAAO;YACP,QAAQ;YACR,MAAM;YACN,KAAK;YACL,cAAc;YACd,SAAS;YACT,SAAS;SACV,CAAC,EACF;YACE,qBAAqB,EAAE,IAAI,KAAK,OAAO;SACxC,CACF,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,kBAAe,cAAM,CAAC"}
@@ -1,4 +1,5 @@
1
1
  import React from "react";
2
+ import type { AkselColor } from "../types";
2
3
  import { OverridableComponent } from "../util/types";
3
4
  import { TypoProps } from "./types";
4
5
  export interface HeadingProps extends Pick<TypoProps, "spacing" | "visuallyHidden" | "align" | "textColor">, React.HTMLAttributes<HTMLHeadingElement> {
@@ -15,6 +16,14 @@ export interface HeadingProps extends Pick<TypoProps, "spacing" | "visuallyHidde
15
16
  * Heading text.
16
17
  */
17
18
  children: React.ReactNode;
19
+ /**
20
+ * Overrides inherited color.
21
+ * @default "neutral"
22
+ *
23
+ * @see 🏷️ {@link AkselColor}
24
+ * @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
25
+ */
26
+ "data-color"?: AkselColor;
18
27
  }
19
28
  /**
20
29
  * Part of a set of components for displaying text with consistent typography.
@@ -1 +1 @@
1
- {"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../src/typography/Heading.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAG9C,iCAAwC;AAoBxC;;;;;;;;;;;;;GAaG;AACU,QAAA,OAAO,GAClB,IAAA,kBAAU,EACR,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,KAAK,GAAG,GAAG,EACX,IAAI,EACJ,SAAS,EACT,EAAE,EACF,OAAO,EACP,KAAK,EACL,cAAc,EACd,SAAS,OAEV,EADI,IAAI,cATT,uFAUC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,UAAU,GAAG,EAAE,aAAF,EAAE,cAAF,EAAE,GAAK,IAAI,KAAK,EAAwB,CAAC;IAE5D,OAAO,CACL,8BAAC,UAAU,oBACL,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,eAAe,EACf,kBAAkB,IAAI,EAAE,EACxB,IAAA,qBAAc,EAAC;YACb,OAAO;YACP,KAAK;YACL,cAAc;YACd,SAAS;SACV,CAAC,CACH,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,kBAAe,eAAO,CAAC"}
1
+ {"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../src/typography/Heading.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAI9C,iCAAwC;AA4BxC;;;;;;;;;;;;;GAaG;AACU,QAAA,OAAO,GAClB,IAAA,kBAAU,EACR,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,KAAK,GAAG,GAAG,EACX,IAAI,EACJ,SAAS,EACT,EAAE,EACF,OAAO,EACP,KAAK,EACL,cAAc,EACd,SAAS,OAEV,EADI,IAAI,cATT,uFAUC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,UAAU,GAAG,EAAE,aAAF,EAAE,cAAF,EAAE,GAAK,IAAI,KAAK,EAAwB,CAAC;IAE5D,OAAO,CACL,8BAAC,UAAU,oBACL,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,eAAe,EACf,kBAAkB,IAAI,EAAE,EACxB,IAAA,qBAAc,EAAC;YACb,OAAO;YACP,KAAK;YACL,cAAc;YACd,SAAS;SACV,CAAC,CACH,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,kBAAe,eAAO,CAAC"}
@@ -1,4 +1,5 @@
1
1
  import React from "react";
2
+ import type { AkselColor } from "../types";
2
3
  import { OverridableComponent } from "../util/types";
3
4
  import { TypoProps } from "./types";
4
5
  export interface LabelProps extends Omit<TypoProps, "weight" | "align" | "truncate">, React.LabelHTMLAttributes<HTMLLabelElement> {
@@ -11,6 +12,14 @@ export interface LabelProps extends Omit<TypoProps, "weight" | "align" | "trunca
11
12
  * Label text.
12
13
  */
13
14
  children: React.ReactNode;
15
+ /**
16
+ * Overrides inherited color.
17
+ * @default "neutral"
18
+ *
19
+ * @see 🏷️ {@link AkselColor}
20
+ * @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
21
+ */
22
+ "data-color"?: AkselColor;
14
23
  }
15
24
  /**
16
25
  * Part of a set of components for displaying text with consistent typography.
@@ -1 +1 @@
1
- {"version":3,"file":"Label.js","sourceRoot":"","sources":["../../src/typography/Label.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAG9C,iCAAwC;AAgBxC;;;;;;;;;;;;;GAaG;AACU,QAAA,KAAK,GAChB,IAAA,kBAAU,EACR,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,EAAE,EAAE,SAAS,GAAG,OAAO,EACvB,OAAO,EACP,cAAc,EACd,SAAS,OAEV,EADI,IAAI,cAPT,qEAQC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,aAAa,EACb,IAAA,qBAAc,EAAC;YACb,OAAO;YACP,cAAc;YACd,SAAS;SACV,CAAC,EACF;YACE,oBAAoB,EAAE,IAAI,KAAK,OAAO;SACvC,CACF,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,kBAAe,aAAK,CAAC"}
1
+ {"version":3,"file":"Label.js","sourceRoot":"","sources":["../../src/typography/Label.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAI9C,iCAAwC;AAwBxC;;;;;;;;;;;;;GAaG;AACU,QAAA,KAAK,GAChB,IAAA,kBAAU,EACR,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,EAAE,EAAE,SAAS,GAAG,OAAO,EACvB,OAAO,EACP,cAAc,EACd,SAAS,OAEV,EADI,IAAI,cAPT,qEAQC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,aAAa,EACb,IAAA,qBAAc,EAAC;YACb,OAAO;YACP,cAAc;YACd,SAAS;SACV,CAAC,EACF;YACE,oBAAoB,EAAE,IAAI,KAAK,OAAO;SACvC,CACF,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,kBAAe,aAAK,CAAC"}
@@ -22,5 +22,5 @@ export type TypoProps = {
22
22
  /**
23
23
  * Adjusts color.
24
24
  */
25
- textColor?: "default" | "subtle";
25
+ textColor?: "default" | "subtle" | "contrast";
26
26
  };
@@ -188,9 +188,7 @@ const TextareaAutosize = (0, react_1.forwardRef)((_a, ref) => {
188
188
  onChange(event);
189
189
  }
190
190
  };
191
- const mainStyle = Object.assign({ "--__ac-textarea-height": state.outerHeightStyle
192
- ? state.outerHeightStyle + "px"
193
- : "auto", "--__axc-textarea-height": state.outerHeightStyle
191
+ const mainStyle = Object.assign({ "--__axc-textarea-height": state.outerHeightStyle
194
192
  ? state.outerHeightStyle + "px"
195
193
  : "auto",
196
194
  // Need a large enough difference to allow scrolling.
@@ -1 +1 @@
1
- {"version":3,"file":"TextareaAutoSize.js","sourceRoot":"","sources":["../../src/util/TextareaAutoSize.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"TextareaAutoSize.js","sourceRoot":"","sources":["../../src/util/TextareaAutoSize.tsx"],"names":[],"mappings":"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"}
@@ -1,4 +1,6 @@
1
1
  import React from "react";
2
+ import type { AkselStatusColorRole } from "@navikt/ds-tokens/types";
3
+ import type { AkselColor } from "../types/index.js";
2
4
  import { AccordionContentProps } from "./AccordionContent.js";
3
5
  import { AccordionHeaderProps } from "./AccordionHeader.js";
4
6
  import { AccordionItemProps } from "./AccordionItem.js";
@@ -18,15 +20,9 @@ interface AccordionComponent extends React.ForwardRefExoticComponent<AccordionPr
18
20
  }
19
21
  export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
20
22
  /**
21
- * @deprecated "default" will be the only variant.
22
- * @default "default"
23
+ * @deprecated Will be removed in a future major version. Use `data-color` instead.
23
24
  */
24
25
  variant?: "default" | "neutral";
25
- /**
26
- * @default "small"
27
- * @deprecated `size`-prop will be the only prop to control the size of the accordion.
28
- */
29
- headingSize?: "large" | "medium" | "small" | "xsmall";
30
26
  /**
31
27
  * @default "medium"
32
28
  */
@@ -40,6 +36,18 @@ export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
40
36
  * Instances of `Accordion.Item`.
41
37
  */
42
38
  children: React.ReactNode;
39
+ /**
40
+ * @deprecated No longer has any effect.
41
+ */
42
+ headingSize?: "large" | "medium" | "small" | "xsmall";
43
+ /**
44
+ * Overrides inherited color.
45
+ *
46
+ * We recommend only using `accent` and `neutral`. We have disallowed status-colors.
47
+ * @see 🏷️ {@link AkselColor}
48
+ * @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
49
+ */
50
+ "data-color"?: Exclude<AkselColor, AkselStatusColorRole>;
43
51
  }
44
52
  /**
45
53
  * A component that displays collapsible content sections.