@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":"Portal.js","sourceRoot":"","sources":["../../src/portal/Portal.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../src/portal/Portal.tsx"],"names":[],"mappings":"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"}
@@ -1,4 +1,5 @@
1
1
  import React, { HTMLAttributes } from "react";
2
+ import type { AkselColor } from "../types/index.js";
2
3
  interface ProgressBarPropsBase extends Omit<HTMLAttributes<HTMLDivElement>, "role"> {
3
4
  /**
4
5
  * Changes height.
@@ -39,6 +40,12 @@ interface ProgressBarPropsBase extends Omit<HTMLAttributes<HTMLDivElement>, "rol
39
40
  * Not needed if `aria-labelledby` is used.
40
41
  */
41
42
  "aria-label"?: string;
43
+ /**
44
+ * Overrides inherited color.
45
+ * @see 🏷️ {@link AkselColor}
46
+ * @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
47
+ */
48
+ "data-color"?: AkselColor;
42
49
  }
43
50
  export type ProgressBarProps = ProgressBarPropsBase & ({
44
51
  "aria-hidden": true;
@@ -58,10 +58,10 @@ export const ProgressBar = forwardRef((_a, ref) => {
58
58
  React.createElement("div", { className: cn("navds-progress-bar__foreground", {
59
59
  "navds-progress-bar__foreground--indeterminate": (simulated === null || simulated === void 0 ? void 0 : simulated.seconds) !== undefined,
60
60
  }), style: {
61
- "--__ac-progress-bar-simulated": (simulated === null || simulated === void 0 ? void 0 : simulated.seconds) !== undefined
61
+ "--__axc-progress-bar-simulated": (simulated === null || simulated === void 0 ? void 0 : simulated.seconds) !== undefined
62
62
  ? `${simulated === null || simulated === void 0 ? void 0 : simulated.seconds}s`
63
63
  : undefined,
64
- "--__ac-progress-bar-translate": `-${translateX}%`,
64
+ "--__axc-progress-bar-translate": `-${translateX}%`,
65
65
  } })));
66
66
  });
67
67
  export default ProgressBar;
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../src/progress-bar/ProgressBar.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../src/progress-bar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAkElD;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,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,YAAY,EAAE,CAAC;IAC9B,MAAM,UAAU,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,GAAG,GAAG,CAAC;IAC9D,MAAM,YAAY,GAAG,aAAa,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,CAAC,CAAC;IAEzD,MAAM,SAAS,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC;IACzC,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAE7B,SAAS,CAAC,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,2CACE,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,6BACE,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,eAAe,WAAW,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/index.js";
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,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAiC1E;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,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,YAAY,EAAE,CAAC;IAC9B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,oBAAoB,CAAC;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,6BACE,SAAS,EAAE,EAAE,CACX,iBAAiB,EACjB,oBAAoB,IAAI,EAAE,EAC1B,SAAS,EACT,EAAE,uBAAuB,EAAE,KAAK,EAAE,CACnC,iBACW,KAAK;QAEjB,gDACM,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,oBAAoB,CAAC,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,oBAAC,eAAe,IACd,SAAS,EAAE,EAAE,CAAC,8BAA8B,CAAC,wBAE7C;YACF,kCAAO,MAAM,CAAQ,CACd;QAET,oBAAC,QAAQ,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,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"ReadMore.js","sourceRoot":"","sources":["../../src/read-more/ReadMore.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AA0C1E;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,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,YAAY,EAAE,CAAC;IAC9B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,oBAAoB,CAAC;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,6BACE,SAAS,EAAE,EAAE,CACX,iBAAiB,EACjB,oBAAoB,IAAI,EAAE,EAC1B,SAAS,EACT,EAAE,uBAAuB,EAAE,KAAK,EAAE,CACnC,iBACW,KAAK;QAEjB,gDACM,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,oBAAoB,CAAC,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,oBAAC,eAAe,IACd,SAAS,EAAE,EAAE,CAAC,8BAA8B,CAAC,wBAE7C;YACF,kCAAO,MAAM,CAAQ,CACd;QAET,oBAAC,QAAQ,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,eAAe,QAAQ,CAAC"}
@@ -41,16 +41,11 @@ export const Stepper = forwardRef((_a, ref) => {
41
41
  var { children, className, activeStep, orientation = "vertical", onStepChange = () => { }, interactive = true } = _a, rest = __rest(_a, ["children", "className", "activeStep", "orientation", "onStepChange", "interactive"]);
42
42
  const { cn } = useRenameCSS();
43
43
  activeStep = activeStep - 1;
44
- return (React.createElement("ol", Object.assign({}, rest, { ref: ref, className: cn("navds-stepper", orientation === "horizontal" ? "navds-stepper--horizontal" : "", className), "data-orientation": orientation }), React.Children.map(children, (step, index) => {
44
+ return (React.createElement("ol", Object.assign({}, rest, { ref: ref, className: cn("navds-stepper", className), "data-orientation": orientation }), React.Children.map(children, (step, index) => {
45
45
  var _a, _b, _c;
46
46
  const stepProps = React.isValidElement(step) ? step.props : {};
47
47
  const isInteractive = (_a = stepProps.interactive) !== null && _a !== void 0 ? _a : interactive;
48
- return (React.createElement("li", { className: cn("navds-stepper__item", {
49
- /* TODO: Remove these 3 classNames in darkmode update */
50
- "navds-stepper__item--behind": activeStep > index,
51
- "navds-stepper__item--completed": stepProps.completed,
52
- "navds-stepper__item--non-interactive": !isInteractive,
53
- }), "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 : "") },
48
+ return (React.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 : "") },
54
49
  React.createElement("span", { className: cn("navds-stepper__line navds-stepper__line--1") }),
55
50
  React.createElement(StepperContextProvider, { interactive: interactive, activeStep: activeStep, lastIndex: React.Children.count(children), index: index, onStepChange: onStepChange, orientation: orientation }, step),
56
51
  React.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,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,IAA0B,MAAM,QAAQ,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AA2CnD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,MAAM,OAAO,GAAqB,UAAU,CAIjD,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,YAAY,EAAE,CAAC;IAC9B,UAAU,GAAG,UAAU,GAAG,CAAC,CAAC;IAC5B,OAAO,CACL,4CACM,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,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;;QAC5C,MAAM,SAAS,GACb,KAAK,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,4BACE,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,8BACE,SAAS,EAAE,EAAE,CAAC,4CAA4C,CAAC,GAC3D;YACF,oBAAC,sBAAsB,IACrB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,EACzC,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,IAEvB,IAAI,CACkB;YACzB,8BACE,SAAS,EAAE,EAAE,CAAC,4CAA4C,CAAC,GAC3D,CACC,CACN,CAAC;IACJ,CAAC,CAAC,CACC,CACN,CAAC;AACJ,CAAC,CACkB,CAAC;AAEtB,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC;AAEpB,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"Stepper.js","sourceRoot":"","sources":["../../src/stepper/Stepper.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,IAA0B,MAAM,QAAQ,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AA2CnD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,MAAM,OAAO,GAAqB,UAAU,CAIjD,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,YAAY,EAAE,CAAC;IAC9B,UAAU,GAAG,UAAU,GAAG,CAAC,CAAC;IAC5B,OAAO,CACL,4CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,sBACvB,WAAW,KAE5B,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;;QAC5C,MAAM,SAAS,GACb,KAAK,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,4BACE,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,8BACE,SAAS,EAAE,EAAE,CAAC,4CAA4C,CAAC,GAC3D;YACF,oBAAC,sBAAsB,IACrB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,EACzC,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,IAEvB,IAAI,CACkB;YACzB,8BACE,SAAS,EAAE,EAAE,CAAC,4CAA4C,CAAC,GAC3D,CACC,CACN,CAAC;IACJ,CAAC,CAAC,CACC,CACN,CAAC;AACJ,CAAC,CACkB,CAAC;AAEtB,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC;AAEpB,eAAe,OAAO,CAAC"}
package/esm/tag/Tag.d.ts CHANGED
@@ -1,10 +1,16 @@
1
1
  import React, { HTMLAttributes } from "react";
2
+ import { AkselColor } from "../types/index.js";
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/esm/tag/Tag.js CHANGED
@@ -24,11 +24,14 @@ import { BodyShort } from "../typography/index.js";
24
24
  * ```
25
25
  */
26
26
  export const Tag = forwardRef((_a, ref) => {
27
- var { children, className, variant, size = "medium", icon, "data-color": color } = _a, rest = __rest(_a, ["children", "className", "variant", "size", "icon", "data-color"]);
27
+ var { children, className, variant = "outline", size = "medium", icon, "data-color": color } = _a, rest = __rest(_a, ["children", "className", "variant", "size", "icon", "data-color"]);
28
28
  const { cn } = useRenameCSS();
29
29
  const filledVariant = (variant === null || variant === void 0 ? void 0 : variant.endsWith("-filled")) && "strong";
30
30
  const moderateVariant = (variant === null || variant === void 0 ? void 0 : variant.endsWith("-moderate")) && "moderate";
31
- return (React.createElement(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}`) }),
31
+ const updatedVariant = variant === "moderate" || variant === "strong" || variant === "outline";
32
+ return (React.createElement(BodyShort, Object.assign({ "data-color": color !== null && color !== void 0 ? color : variantToColor(variant), "data-variant": updatedVariant
33
+ ? variant
34
+ : filledVariant || moderateVariant || "outline" }, rest, { ref: ref, as: "span", size: size === "medium" ? "medium" : "small", className: cn("navds-tag", className, `navds-tag--${size}`) }),
32
35
  icon && React.createElement("span", { className: cn("navds-tag__icon--left") }, icon),
33
36
  children));
34
37
  });
@@ -1 +1 @@
1
- {"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAkD1C;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,CAC3B,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,YAAY,EAAE,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,oBAAC,SAAS,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,8BAAM,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,eAAe,GAAG,CAAC"}
1
+ {"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAoD1C;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,CAC3B,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,YAAY,EAAE,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,oBAAC,SAAS,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,8BAAM,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,eAAe,GAAG,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 };
@@ -2,10 +2,6 @@ import cl from "clsx";
2
2
  import React, { forwardRef } from "react";
3
3
  import { Slot } from "../slot/Slot.js";
4
4
  import { createStrictContext } from "../util/create-strict-context.js";
5
- const { Provider: RenameCSSProvider, useContext: useRenameCSS } = createStrictContext({
6
- name: "RenameCSS",
7
- defaultValue: { cn: cl },
8
- });
9
5
  export const compositeClassFunction = (...inputs) => {
10
6
  const classes = cl(inputs)
11
7
  /* Replaces only if start of string "navds- navds-"*/
@@ -14,6 +10,10 @@ export const compositeClassFunction = (...inputs) => {
14
10
  .replace(/\snavds-/g, " aksel-");
15
11
  return classes.trim();
16
12
  };
13
+ const { Provider: RenameCSSProvider, useContext: useRenameCSS } = createStrictContext({
14
+ name: "RenameCSS",
15
+ defaultValue: { cn: compositeClassFunction },
16
+ });
17
17
  const RenameCSS = ({ children }) => {
18
18
  return (React.createElement(RenameCSSProvider, { cn: compositeClassFunction }, children));
19
19
  };
@@ -25,18 +25,18 @@ const { Provider: ThemeProvider, useContext: useThemeInternal } = createStrictCo
25
25
  name: "ThemeProvider",
26
26
  defaultValue: {
27
27
  color: DEFAULT_COLOR,
28
- isDarkside: false,
28
+ isRoot: true,
29
29
  },
30
30
  });
31
31
  const Theme = forwardRef((props, ref) => {
32
32
  const context = useThemeInternal();
33
- 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;
34
- const isRoot = !(context === null || context === void 0 ? void 0 : context.isDarkside);
33
+ 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;
34
+ const isRoot = context === null || context === void 0 ? void 0 : context.isRoot;
35
35
  const hasBackground = hasBackgroundProp !== null && hasBackgroundProp !== void 0 ? hasBackgroundProp : (isRoot && props.theme !== undefined);
36
36
  const SlotElement = asChild ? Slot : "div";
37
- return (React.createElement(ThemeProvider, { theme: theme, color: color, isDarkside: true },
37
+ return (React.createElement(ThemeProvider, { theme: theme, color: color, isRoot: false },
38
38
  React.createElement(RenameCSS, null,
39
- React.createElement(SlotElement, { ref: ref, className: cl("aksel-theme", className, theme), "data-background": hasBackground, "data-color": color !== null && color !== void 0 ? color : "" }, children))));
39
+ React.createElement(SlotElement, { ref: ref, className: cl("aksel-theme", className, theme), "data-background": hasBackground, "data-color": color !== null && color !== void 0 ? color : DEFAULT_COLOR }, children))));
40
40
  });
41
41
  export { Theme, useRenameCSS, useThemeInternal };
42
42
  //# sourceMappingURL=Theme.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Theme.js","sourceRoot":"","sources":["../../src/theme/Theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAapE,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,UAAU,EAAE,YAAY,EAAE,GAC7D,mBAAmB,CAAmB;IACpC,IAAI,EAAE,WAAW;IACjB,YAAY,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;CACzB,CAAC,CAAC;AAEL,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,GAAG,MAA6B,EACxB,EAAE;IACV,MAAM,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC;QACxB,sDAAsD;SACrD,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC;QAC9B,iCAAiC;SAChC,OAAO,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAEnC,OAAO,OAAO,CAAC,IAAI,EAAE,CAAC;AACxB,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE;IAChE,OAAO,CACL,oBAAC,iBAAiB,IAAC,EAAE,EAAE,sBAAsB,IAC1C,QAAQ,CACS,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,MAAM,aAAa,GAAe,QAAQ,CAAC;AAgB3C,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAC7D,mBAAmB,CAAe;IAChC,IAAI,EAAE,eAAe;IACrB,YAAY,EAAE;QACZ,KAAK,EAAE,aAAa;QACpB,UAAU,EAAE,KAAK;KAClB;CACF,CAAC,CAAC;AAeL,MAAM,KAAK,GAAG,UAAU,CACtB,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,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAE3C,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI;QACzD,oBAAC,SAAS;YACR,oBAAC,WAAW,IACV,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,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;AAEF,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC"}
1
+ {"version":3,"file":"Theme.js","sourceRoot":"","sources":["../../src/theme/Theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAapE,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,GAAG,MAA6B,EACxB,EAAE;IACV,MAAM,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC;QACxB,sDAAsD;SACrD,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC;QAC9B,iCAAiC;SAChC,OAAO,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAEnC,OAAO,OAAO,CAAC,IAAI,EAAE,CAAC;AACxB,CAAC,CAAC;AAEF,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,UAAU,EAAE,YAAY,EAAE,GAC7D,mBAAmB,CAAmB;IACpC,IAAI,EAAE,WAAW;IACjB,YAAY,EAAE,EAAE,EAAE,EAAE,sBAAsB,EAAE;CAC7C,CAAC,CAAC;AAEL,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE;IAChE,OAAO,CACL,oBAAC,iBAAiB,IAAC,EAAE,EAAE,sBAAsB,IAC1C,QAAQ,CACS,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,MAAM,aAAa,GAAe,QAAQ,CAAC;AAe3C,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAC7D,mBAAmB,CAAe;IAChC,IAAI,EAAE,eAAe;IACrB,YAAY,EAAE;QACZ,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,IAAI;KACb;CACF,CAAC,CAAC;AAgBL,MAAM,KAAK,GAAG,UAAU,CACtB,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,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAE3C,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK;QACtD,oBAAC,SAAS;YACR,oBAAC,WAAW,IACV,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,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;AAEF,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC"}
@@ -1,4 +1,5 @@
1
1
  import React from "react";
2
+ import type { AkselColor } from "../../types/index.js";
2
3
  import type { TimelineComponentTypes } from "../utils/types.internal.js";
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,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAyDtD,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CAAC,EAAE,IAAI,EAAuB,EAAE,GAAG,EAAE,EAAE;IACrC,MAAM,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,CAAC;IACpC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,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,oBAAC,eAAe,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,oBAAC,kBAAkB,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,MAAM,CAAC,aAAa,GAAG,QAAQ,CAAC;AAEhC,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/timeline/period/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAgEtD,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CAAC,EAAE,IAAI,EAAuB,EAAE,GAAG,EAAE,EAAE;IACrC,MAAM,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,CAAC;IACpC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,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,oBAAC,eAAe,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,oBAAC,kBAAkB,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,MAAM,CAAC,aAAa,GAAG,QAAQ,CAAC;AAEhC,eAAe,MAAM,CAAC"}
@@ -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
  import { Label } from "../typography/index.js";
15
15
  import { useId } from "../util/index.js";
16
16
  import { ToggleGroupDescendantsProvider, ToggleGroupProvider, useToggleGroupDescendants, } from "./ToggleGroup.context.js";
@@ -34,7 +34,6 @@ import { useToggleGroup } from "./useToggleGroup.js";
34
34
  export const ToggleGroup = forwardRef((_a, ref) => {
35
35
  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"]);
36
36
  const { cn } = useRenameCSS();
37
- const themeContext = useThemeInternal();
38
37
  const descendants = useToggleGroupDescendants();
39
38
  const toggleGroupContext = useToggleGroup({
40
39
  defaultValue,
@@ -52,20 +51,13 @@ export const ToggleGroup = forwardRef((_a, ref) => {
52
51
  if (!value && !defaultValue) {
53
52
  console.error("ToggleGroup needs either a value or defaultValue");
54
53
  }
55
- let localVariant;
56
- if (themeContext === null || themeContext === void 0 ? void 0 : themeContext.isDarkside) {
57
- localVariant = variant;
58
- }
59
- else {
60
- localVariant = variant !== null && variant !== void 0 ? variant : "action";
61
- }
62
54
  return (React.createElement(ToggleGroupDescendantsProvider, { value: descendants },
63
55
  React.createElement(ToggleGroupProvider, Object.assign({}, context),
64
56
  React.createElement("div", { className: cn("navds-toggle-group__wrapper", className, {
65
57
  "navds-toggle-group__wrapper--fill": fill,
66
- }), "data-color": color !== null && color !== void 0 ? color : variantToColor(localVariant) },
58
+ }), "data-color": color !== null && color !== void 0 ? color : variantToColor(variant) },
67
59
  label && (React.createElement(Label, { as: "div", size: size, className: cn("navds-toggle-group__label"), id: labelId }, label)),
68
- React.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)))));
60
+ React.createElement("div", Object.assign({ "aria-labelledby": label ? labelId : undefined }, rest, { ref: ref, className: cn("navds-toggle-group", `navds-toggle-group--${size}`), role: "radiogroup" }), children)))));
69
61
  });
70
62
  function variantToColor(variant) {
71
63
  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,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EACL,8BAA8B,EAC9B,mBAAmB,EACnB,yBAAyB,GAC1B,MAAM,uBAAuB,CAAC;AAE/B,OAAO,UAAU,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAYlD;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,CACE,EAYC,EACD,GAAG,EACH,EAAE;QAdF,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,KAAK,EACL,KAAK,EACL,YAAY,EACZ,OAAO,EACP,IAAI,GAAG,KAAK,EACZ,YAAY,EAAE,KAAK,OAEpB,EADI,IAAI,cAXT,gHAYC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,WAAW,GAAG,yBAAyB,EAAE,CAAC;IAEhD,MAAM,kBAAkB,GAAG,cAAc,CAAC;QACxC,YAAY;QACZ,KAAK;QACL,QAAQ;KACT,CAAC,CAAC;IAEH;;OAEG;IACH,MAAM,OAAO,mCACR,kBAAkB,KACrB,IAAI,GACL,CAAC;IAEF,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC;IAExB,IAAI,CAAC,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;QAC5B,OAAO,CAAC,KAAK,CAAC,0DAA0D,CAAC,CAAC;IAC5E,CAAC;IAED,IAAI,CAAC,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;QAC5B,OAAO,CAAC,KAAK,CAAC,kDAAkD,CAAC,CAAC;IACpE,CAAC;IAED,OAAO,CACL,oBAAC,8BAA8B,IAAC,KAAK,EAAE,WAAW;QAChD,oBAAC,mBAAmB,oBAAK,OAAO;YAC9B,6BACE,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,EAAE;oBACtD,mCAAmC,EAAE,IAAI;iBAC1C,CAAC,gBACU,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,CAAC,OAAO,CAAC;gBAE3C,KAAK,IAAI,CACR,oBAAC,KAAK,IACJ,EAAE,EAAC,KAAK,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,2BAA2B,CAAC,EAC1C,EAAE,EAAE,OAAO,IAEV,KAAK,CACA,CACT;gBACD,8DACmB,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,WAAW,CAAC,IAAI,GAAG,UAAU,CAAC;AAE9B,eAAe,WAAW,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/index.js";
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
@@ -9,7 +9,7 @@ export type AkselColor = AkselColorRole | keyof CustomAkselColor;
9
9
  declare global {
10
10
  namespace React {
11
11
  interface HTMLAttributes {
12
- "data-color"?: AkselColor | (string & {});
12
+ "data-color"?: AkselColor;
13
13
  }
14
14
  }
15
15
  }
@@ -1,4 +1,5 @@
1
1
  import React from "react";
2
+ import type { AkselColor } from "../types/index.js";
2
3
  import { OverridableComponent } from "../util/types/index.js";
3
4
  import { TypoProps } from "./types.js";
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,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAgBxC;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,QAAQ,GAGjB,UAAU,CACZ,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,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,iBAAiB,EACjB,oBAAoB,IAAI,EAAE,EAC1B,cAAc,CAAC;YACb,OAAO;YACP,QAAQ;YACR,MAAM;YACN,KAAK;YACL,cAAc;YACd,SAAS;SACV,CAAC,CACH,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"BodyLong.js","sourceRoot":"","sources":["../../src/typography/BodyLong.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAI9C,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAwBxC;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,QAAQ,GAGjB,UAAU,CACZ,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,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,iBAAiB,EACjB,oBAAoB,IAAI,EAAE,EAC1B,cAAc,CAAC;YACb,OAAO;YACP,QAAQ;YACR,MAAM;YACN,KAAK;YACL,cAAc;YACd,SAAS;SACV,CAAC,CACH,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC"}
@@ -1,4 +1,5 @@
1
1
  import React from "react";
2
+ import type { AkselColor } from "../types/index.js";
2
3
  import { OverridableComponent } from "../util/types/index.js";
3
4
  import { TypoProps } from "./types.js";
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,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAgBxC;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,SAAS,GAGlB,UAAU,CACZ,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,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,kBAAkB,EAClB,qBAAqB,IAAI,EAAE,EAC3B,cAAc,CAAC;YACb,OAAO;YACP,QAAQ;YACR,MAAM;YACN,KAAK;YACL,cAAc;YACd,SAAS;SACV,CAAC,CACH,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"BodyShort.js","sourceRoot":"","sources":["../../src/typography/BodyShort.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAI9C,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAwBxC;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,SAAS,GAGlB,UAAU,CACZ,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,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,kBAAkB,EAClB,qBAAqB,IAAI,EAAE,EAC3B,cAAc,CAAC;YACb,OAAO;YACP,QAAQ;YACR,MAAM;YACN,KAAK;YACL,cAAc;YACd,SAAS;SACV,CAAC,CACH,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -1,4 +1,5 @@
1
1
  import React from "react";
2
+ import type { AkselColor } from "../types/index.js";
2
3
  import { OverridableComponent } from "../util/types/index.js";
3
4
  import { TypoProps } from "./types.js";
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,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAmBxC;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,MAAM,GACjB,UAAU,CACR,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,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,cAAc,EACd,cAAc,CAAC;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,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"Detail.js","sourceRoot":"","sources":["../../src/typography/Detail.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAI9C,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AA2BxC;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,MAAM,GACjB,UAAU,CACR,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,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,cAAc,EACd,cAAc,CAAC;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,eAAe,MAAM,CAAC"}
@@ -1,4 +1,5 @@
1
1
  import React from "react";
2
+ import type { AkselColor } from "../types/index.js";
2
3
  import { OverridableComponent } from "../util/types/index.js";
3
4
  import { TypoProps } from "./types.js";
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,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAoBxC;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,OAAO,GAClB,UAAU,CACR,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,YAAY,EAAE,CAAC;IAC9B,MAAM,UAAU,GAAG,EAAE,aAAF,EAAE,cAAF,EAAE,GAAK,IAAI,KAAK,EAAwB,CAAC;IAE5D,OAAO,CACL,oBAAC,UAAU,oBACL,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,eAAe,EACf,kBAAkB,IAAI,EAAE,EACxB,cAAc,CAAC;YACb,OAAO;YACP,KAAK;YACL,cAAc;YACd,SAAS;SACV,CAAC,CACH,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../src/typography/Heading.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAI9C,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AA4BxC;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,OAAO,GAClB,UAAU,CACR,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,YAAY,EAAE,CAAC;IAC9B,MAAM,UAAU,GAAG,EAAE,aAAF,EAAE,cAAF,EAAE,GAAK,IAAI,KAAK,EAAwB,CAAC;IAE5D,OAAO,CACL,oBAAC,UAAU,oBACL,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,eAAe,EACf,kBAAkB,IAAI,EAAE,EACxB,cAAc,CAAC;YACb,OAAO;YACP,KAAK;YACL,cAAc;YACd,SAAS;SACV,CAAC,CACH,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,eAAe,OAAO,CAAC"}
@@ -1,4 +1,5 @@
1
1
  import React from "react";
2
+ import type { AkselColor } from "../types/index.js";
2
3
  import { OverridableComponent } from "../util/types/index.js";
3
4
  import { TypoProps } from "./types.js";
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,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAgBxC;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,KAAK,GAChB,UAAU,CACR,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,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,aAAa,EACb,cAAc,CAAC;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,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"Label.js","sourceRoot":"","sources":["../../src/typography/Label.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAI9C,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAwBxC;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,KAAK,GAChB,UAAU,CACR,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,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,aAAa,EACb,cAAc,CAAC;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,eAAe,KAAK,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
  };
@@ -150,9 +150,7 @@ const TextareaAutosize = forwardRef((_a, ref) => {
150
150
  onChange(event);
151
151
  }
152
152
  };
153
- const mainStyle = Object.assign({ "--__ac-textarea-height": state.outerHeightStyle
154
- ? state.outerHeightStyle + "px"
155
- : "auto", "--__axc-textarea-height": state.outerHeightStyle
153
+ const mainStyle = Object.assign({ "--__axc-textarea-height": state.outerHeightStyle
156
154
  ? state.outerHeightStyle + "px"
157
155
  : "auto",
158
156
  // Need a large enough difference to allow scrolling.