@navikt/ds-react 0.7.4 → 0.8.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 (479) hide show
  1. package/cjs/accordion/Accordion.js +10 -26
  2. package/cjs/accordion/AccordionContent.js +60 -0
  3. package/cjs/accordion/AccordionHeader.js +66 -0
  4. package/cjs/accordion/AccordionItem.js +62 -0
  5. package/cjs/accordion/index.js +6 -2
  6. package/cjs/accordion-menu/AccordionMenu.js +5 -1
  7. package/cjs/accordion-menu/AccordionMenuCollapsable.js +3 -3
  8. package/cjs/accordion-menu/AccordionMenuItem.js +4 -4
  9. package/cjs/accordion-menu/index.js +5 -5
  10. package/cjs/alert/Alert.js +18 -12
  11. package/cjs/alert/AlertContent.js +50 -0
  12. package/cjs/alert/AlertTitle.js +49 -0
  13. package/cjs/alert/index.js +6 -2
  14. package/cjs/button/Button.js +5 -3
  15. package/cjs/button/index.js +6 -2
  16. package/cjs/card/MicroCard.js +3 -3
  17. package/cjs/card/index.js +6 -2
  18. package/cjs/copy-to-clipboard/CopyToClipboard.js +9 -8
  19. package/cjs/copy-to-clipboard/index.js +6 -2
  20. package/cjs/form/ConfirmationPanel.js +2 -2
  21. package/cjs/form/ErrorMessage.js +1 -1
  22. package/cjs/form/Fieldset/Fieldset.js +2 -2
  23. package/cjs/form/Fieldset/index.js +5 -1
  24. package/cjs/form/Fieldset/useFieldset.js +2 -1
  25. package/cjs/form/Select.js +3 -3
  26. package/cjs/form/TextField.js +2 -2
  27. package/cjs/form/Textarea.js +5 -4
  28. package/cjs/form/checkbox/Checkbox.js +2 -2
  29. package/cjs/form/checkbox/CheckboxGroup.js +2 -2
  30. package/cjs/form/checkbox/index.js +6 -2
  31. package/cjs/form/checkbox/useCheckbox.js +2 -1
  32. package/cjs/form/error-summary/ErrorSummary.js +4 -4
  33. package/cjs/form/error-summary/ErrorSummaryItem.js +2 -2
  34. package/cjs/form/error-summary/index.js +6 -2
  35. package/cjs/form/index.js +9 -5
  36. package/cjs/form/radio/Radio.js +2 -2
  37. package/cjs/form/radio/RadioGroup.js +2 -2
  38. package/cjs/form/radio/index.js +6 -2
  39. package/cjs/form/radio/useRadio.js +2 -1
  40. package/cjs/form/search-field/SearchField.js +3 -3
  41. package/cjs/form/search-field/SearchFieldButton.js +2 -2
  42. package/cjs/form/search-field/SearchFieldClearButton.js +3 -3
  43. package/cjs/form/search-field/SearchFieldInput.js +2 -2
  44. package/cjs/form/search-field/index.js +8 -4
  45. package/cjs/form/useFormField.js +3 -2
  46. package/cjs/grid/Cell.js +2 -2
  47. package/cjs/{content-container → grid}/ContentContainer.js +3 -3
  48. package/cjs/grid/Grid.js +1 -1
  49. package/cjs/grid/index.js +10 -3
  50. package/cjs/{layouts/product-page/ProductPageSection.js → guide-panel/Guide.js} +7 -5
  51. package/cjs/guide-panel/GuidePanel.js +47 -0
  52. package/cjs/guide-panel/Illustration.js +24 -0
  53. package/cjs/guide-panel/index.js +19 -0
  54. package/cjs/guide-panel/package.json +6 -0
  55. package/cjs/help-text/HelpText.js +64 -0
  56. package/cjs/help-text/index.js +19 -0
  57. package/cjs/help-text/package.json +6 -0
  58. package/cjs/index.js +6 -6
  59. package/cjs/internal-header/InternalHeader.js +1 -1
  60. package/cjs/internal-header/InternalHeaderTitle.js +1 -1
  61. package/cjs/internal-header/InternalHeaderUser.js +1 -1
  62. package/cjs/internal-header/index.js +8 -4
  63. package/cjs/link/Link.js +3 -3
  64. package/cjs/link/index.js +6 -2
  65. package/cjs/link-panel/LinkPanel.js +10 -10
  66. package/cjs/link-panel/LinkPanelDescription.js +43 -0
  67. package/cjs/link-panel/LinkPanelTitle.js +42 -0
  68. package/cjs/link-panel/index.js +6 -2
  69. package/cjs/loader/Loader.js +4 -7
  70. package/cjs/loader/index.js +6 -2
  71. package/cjs/modal/Modal.js +6 -4
  72. package/cjs/{accordion-anchor-menu/AccordionAnchorMenu.js → modal/ModalContent.js} +5 -11
  73. package/cjs/modal/index.js +6 -2
  74. package/cjs/{header/Header.js → page-header/PageHeader.js} +10 -9
  75. package/cjs/page-header/index.js +19 -0
  76. package/cjs/page-header/package.json +6 -0
  77. package/cjs/panel/Panel.js +2 -2
  78. package/cjs/panel/index.js +6 -2
  79. package/cjs/popover/Popover.js +13 -4
  80. package/cjs/popover/PopoverContent.js +42 -0
  81. package/cjs/popover/index.js +6 -2
  82. package/cjs/speech-bubble/Bubble.js +1 -1
  83. package/cjs/speech-bubble/SpeechBubble.js +1 -1
  84. package/cjs/speech-bubble/index.js +7 -3
  85. package/cjs/tag/Tag.js +5 -3
  86. package/cjs/tag/index.js +6 -2
  87. package/cjs/typography/BodyLong.js +3 -3
  88. package/cjs/typography/BodyShort.js +3 -3
  89. package/cjs/typography/Detail.js +3 -3
  90. package/cjs/typography/{Title.js → Heading.js} +8 -8
  91. package/cjs/typography/Ingress.js +2 -2
  92. package/cjs/typography/Label.js +3 -3
  93. package/cjs/typography/index.js +11 -7
  94. package/cjs/util/index.js +3 -2
  95. package/cjs/util/useId.js +5 -4
  96. package/esm/accordion/Accordion.d.ts +11 -22
  97. package/esm/accordion/Accordion.js +9 -25
  98. package/esm/accordion/Accordion.js.map +1 -1
  99. package/esm/accordion/AccordionContent.d.ts +10 -0
  100. package/esm/accordion/AccordionContent.js +37 -0
  101. package/esm/accordion/AccordionContent.js.map +1 -0
  102. package/esm/accordion/AccordionHeader.d.ts +10 -0
  103. package/esm/accordion/AccordionHeader.js +43 -0
  104. package/esm/accordion/AccordionHeader.js.map +1 -0
  105. package/esm/accordion/AccordionItem.d.ts +35 -0
  106. package/esm/accordion/AccordionItem.js +38 -0
  107. package/esm/accordion/AccordionItem.js.map +1 -0
  108. package/esm/accordion-menu/AccordionMenu.d.ts +9 -3
  109. package/esm/accordion-menu/AccordionMenu.js +4 -0
  110. package/esm/accordion-menu/AccordionMenu.js.map +1 -1
  111. package/esm/accordion-menu/AccordionMenuCollapsable.d.ts +3 -2
  112. package/esm/accordion-menu/AccordionMenuCollapsable.js +2 -2
  113. package/esm/accordion-menu/AccordionMenuCollapsable.js.map +1 -1
  114. package/esm/accordion-menu/AccordionMenuItem.d.ts +11 -10
  115. package/esm/accordion-menu/AccordionMenuItem.js +3 -3
  116. package/esm/accordion-menu/AccordionMenuItem.js.map +1 -1
  117. package/esm/accordion-menu/index.d.ts +3 -3
  118. package/esm/accordion-menu/index.js +0 -2
  119. package/esm/accordion-menu/index.js.map +1 -1
  120. package/esm/alert/Alert.d.ts +26 -4
  121. package/esm/alert/Alert.js +17 -12
  122. package/esm/alert/Alert.js.map +1 -1
  123. package/esm/alert/AlertContent.d.ts +10 -0
  124. package/esm/alert/AlertContent.js +27 -0
  125. package/esm/alert/AlertContent.js.map +1 -0
  126. package/esm/alert/AlertTitle.d.ts +10 -0
  127. package/esm/alert/AlertTitle.js +26 -0
  128. package/esm/alert/AlertTitle.js.map +1 -0
  129. package/esm/button/Button.d.ts +5 -4
  130. package/esm/button/Button.js +4 -2
  131. package/esm/button/Button.js.map +1 -1
  132. package/esm/card/MicroCard.d.ts +7 -7
  133. package/esm/card/MicroCard.js +2 -2
  134. package/esm/card/MicroCard.js.map +1 -1
  135. package/esm/copy-to-clipboard/CopyToClipboard.d.ts +9 -7
  136. package/esm/copy-to-clipboard/CopyToClipboard.js +10 -9
  137. package/esm/copy-to-clipboard/CopyToClipboard.js.map +1 -1
  138. package/esm/form/ConfirmationPanel.js +1 -1
  139. package/esm/form/ConfirmationPanel.js.map +1 -1
  140. package/esm/form/ErrorMessage.d.ts +1 -0
  141. package/esm/form/ErrorMessage.js +1 -1
  142. package/esm/form/ErrorMessage.js.map +1 -1
  143. package/esm/form/Fieldset/Fieldset.d.ts +1 -1
  144. package/esm/form/Fieldset/Fieldset.js +1 -1
  145. package/esm/form/Fieldset/Fieldset.js.map +1 -1
  146. package/esm/form/Fieldset/useFieldset.d.ts +1 -1
  147. package/esm/form/Select.js +2 -2
  148. package/esm/form/Select.js.map +1 -1
  149. package/esm/form/TextField.js +1 -1
  150. package/esm/form/TextField.js.map +1 -1
  151. package/esm/form/Textarea.js +2 -2
  152. package/esm/form/Textarea.js.map +1 -1
  153. package/esm/form/checkbox/Checkbox.js +1 -1
  154. package/esm/form/checkbox/Checkbox.js.map +1 -1
  155. package/esm/form/checkbox/CheckboxGroup.js +1 -1
  156. package/esm/form/checkbox/CheckboxGroup.js.map +1 -1
  157. package/esm/form/checkbox/useCheckbox.d.ts +1 -1
  158. package/esm/form/checkbox/useCheckbox.js +2 -1
  159. package/esm/form/checkbox/useCheckbox.js.map +1 -1
  160. package/esm/form/error-summary/ErrorSummary.d.ts +2 -2
  161. package/esm/form/error-summary/ErrorSummary.js +4 -4
  162. package/esm/form/error-summary/ErrorSummary.js.map +1 -1
  163. package/esm/form/error-summary/ErrorSummaryItem.d.ts +6 -9
  164. package/esm/form/error-summary/ErrorSummaryItem.js +1 -1
  165. package/esm/form/error-summary/ErrorSummaryItem.js.map +1 -1
  166. package/esm/form/radio/Radio.js +1 -1
  167. package/esm/form/radio/Radio.js.map +1 -1
  168. package/esm/form/radio/RadioGroup.js +1 -1
  169. package/esm/form/radio/RadioGroup.js.map +1 -1
  170. package/esm/form/radio/useRadio.d.ts +1 -1
  171. package/esm/form/radio/useRadio.js.map +1 -1
  172. package/esm/form/search-field/SearchField.d.ts +1 -1
  173. package/esm/form/search-field/SearchField.js +2 -2
  174. package/esm/form/search-field/SearchField.js.map +1 -1
  175. package/esm/form/search-field/SearchFieldButton.d.ts +2 -2
  176. package/esm/form/search-field/SearchFieldButton.js +1 -1
  177. package/esm/form/search-field/SearchFieldButton.js.map +1 -1
  178. package/esm/form/search-field/SearchFieldClearButton.d.ts +2 -2
  179. package/esm/form/search-field/SearchFieldClearButton.js +2 -2
  180. package/esm/form/search-field/SearchFieldClearButton.js.map +1 -1
  181. package/esm/form/search-field/SearchFieldInput.js +1 -1
  182. package/esm/form/search-field/SearchFieldInput.js.map +1 -1
  183. package/esm/form/useFormField.d.ts +2 -2
  184. package/esm/form/useFormField.js +1 -1
  185. package/esm/form/useFormField.js.map +1 -1
  186. package/esm/grid/Cell.js +1 -1
  187. package/esm/grid/Cell.js.map +1 -1
  188. package/esm/{content-container → grid}/ContentContainer.d.ts +1 -1
  189. package/esm/{content-container → grid}/ContentContainer.js +2 -2
  190. package/esm/grid/ContentContainer.js.map +1 -0
  191. package/esm/grid/index.d.ts +2 -0
  192. package/esm/grid/index.js +2 -0
  193. package/esm/grid/index.js.map +1 -1
  194. package/esm/guide-panel/Guide.d.ts +14 -0
  195. package/esm/guide-panel/Guide.js +21 -0
  196. package/esm/guide-panel/Guide.js.map +1 -0
  197. package/esm/guide-panel/GuidePanel.d.ts +18 -0
  198. package/esm/guide-panel/GuidePanel.js +24 -0
  199. package/esm/guide-panel/GuidePanel.js.map +1 -0
  200. package/esm/guide-panel/Illustration.d.ts +2 -0
  201. package/esm/guide-panel/Illustration.js +18 -0
  202. package/esm/guide-panel/Illustration.js.map +1 -0
  203. package/esm/guide-panel/index.d.ts +3 -0
  204. package/esm/guide-panel/index.js +3 -0
  205. package/esm/guide-panel/index.js.map +1 -0
  206. package/esm/help-text/HelpText.d.ts +15 -0
  207. package/esm/help-text/HelpText.js +41 -0
  208. package/esm/help-text/HelpText.js.map +1 -0
  209. package/esm/help-text/index.d.ts +2 -0
  210. package/esm/help-text/index.js +3 -0
  211. package/esm/help-text/index.js.map +1 -0
  212. package/esm/index.d.ts +4 -5
  213. package/esm/index.js +5 -5
  214. package/esm/index.js.map +1 -1
  215. package/esm/link/Link.d.ts +2 -5
  216. package/esm/link/Link.js +2 -2
  217. package/esm/link/Link.js.map +1 -1
  218. package/esm/link-panel/LinkPanel.d.ts +16 -21
  219. package/esm/link-panel/LinkPanel.js +9 -8
  220. package/esm/link-panel/LinkPanel.js.map +1 -1
  221. package/esm/link-panel/LinkPanelDescription.d.ts +7 -0
  222. package/esm/link-panel/LinkPanelDescription.js +19 -0
  223. package/esm/link-panel/LinkPanelDescription.js.map +1 -0
  224. package/esm/link-panel/LinkPanelTitle.d.ts +8 -0
  225. package/esm/link-panel/LinkPanelTitle.js +18 -0
  226. package/esm/link-panel/LinkPanelTitle.js.map +1 -0
  227. package/esm/loader/Loader.d.ts +3 -3
  228. package/esm/loader/Loader.js +3 -6
  229. package/esm/loader/Loader.js.map +1 -1
  230. package/esm/modal/Modal.d.ts +6 -6
  231. package/esm/modal/Modal.js +5 -3
  232. package/esm/modal/Modal.js.map +1 -1
  233. package/esm/modal/ModalContent.d.ts +10 -0
  234. package/esm/modal/ModalContent.js +19 -0
  235. package/esm/modal/ModalContent.js.map +1 -0
  236. package/esm/modal/index.d.ts +1 -0
  237. package/esm/modal/index.js.map +1 -1
  238. package/esm/page-header/PageHeader.d.ts +27 -0
  239. package/esm/page-header/PageHeader.js +24 -0
  240. package/esm/page-header/PageHeader.js.map +1 -0
  241. package/esm/page-header/index.d.ts +2 -0
  242. package/esm/page-header/index.js +3 -0
  243. package/esm/page-header/index.js.map +1 -0
  244. package/esm/panel/Panel.d.ts +12 -15
  245. package/esm/panel/Panel.js +1 -1
  246. package/esm/panel/Panel.js.map +1 -1
  247. package/esm/popover/Popover.d.ts +13 -8
  248. package/esm/popover/Popover.js +12 -3
  249. package/esm/popover/Popover.js.map +1 -1
  250. package/esm/popover/PopoverContent.d.ts +10 -0
  251. package/esm/popover/PopoverContent.js +19 -0
  252. package/esm/popover/PopoverContent.js.map +1 -0
  253. package/esm/popover/index.d.ts +1 -0
  254. package/esm/speech-bubble/Bubble.d.ts +1 -1
  255. package/esm/tag/Tag.d.ts +7 -1
  256. package/esm/tag/Tag.js +4 -2
  257. package/esm/tag/Tag.js.map +1 -1
  258. package/esm/typography/BodyLong.d.ts +16 -19
  259. package/esm/typography/BodyLong.js +2 -2
  260. package/esm/typography/BodyLong.js.map +1 -1
  261. package/esm/typography/BodyShort.d.ts +16 -19
  262. package/esm/typography/BodyShort.js +2 -2
  263. package/esm/typography/BodyShort.js.map +1 -1
  264. package/esm/typography/Detail.d.ts +16 -19
  265. package/esm/typography/Detail.js +2 -2
  266. package/esm/typography/Detail.js.map +1 -1
  267. package/esm/typography/Heading.d.ts +24 -0
  268. package/esm/typography/{Title.js → Heading.js} +8 -8
  269. package/esm/typography/Heading.js.map +1 -0
  270. package/esm/typography/Ingress.d.ts +11 -14
  271. package/esm/typography/Ingress.js +1 -1
  272. package/esm/typography/Ingress.js.map +1 -1
  273. package/esm/typography/Label.d.ts +16 -19
  274. package/esm/typography/Label.js +2 -2
  275. package/esm/typography/Label.js.map +1 -1
  276. package/esm/typography/index.d.ts +1 -1
  277. package/esm/typography/index.js +1 -1
  278. package/esm/typography/index.js.map +1 -1
  279. package/esm/util/OverridableComponent.d.ts +6 -25
  280. package/esm/util/OverridableComponent.js +1 -0
  281. package/esm/util/useId.d.ts +2 -0
  282. package/esm/util/useId.js +1 -1
  283. package/esm/util/useId.js.map +1 -1
  284. package/package.json +6 -3
  285. package/src/accordion/Accordion.tsx +23 -98
  286. package/src/accordion/AccordionContent.tsx +59 -0
  287. package/src/accordion/AccordionHeader.tsx +84 -0
  288. package/src/accordion/AccordionItem.tsx +93 -0
  289. package/src/accordion/stories/accordion.stories.mdx +55 -16
  290. package/src/accordion/stories/accordion.stories.tsx +76 -43
  291. package/src/accordion-menu/AccordionMenu.tsx +18 -3
  292. package/src/accordion-menu/AccordionMenuCollapsable.tsx +32 -29
  293. package/src/accordion-menu/AccordionMenuItem.tsx +17 -18
  294. package/src/accordion-menu/index.ts +3 -6
  295. package/src/accordion-menu/stories/accordion-menu.stories.mdx +34 -38
  296. package/src/accordion-menu/stories/accordion-menu.stories.tsx +60 -79
  297. package/src/alert/Alert.tsx +66 -43
  298. package/src/alert/AlertContent.tsx +41 -0
  299. package/src/alert/AlertTitle.tsx +41 -0
  300. package/src/alert/stories/alert.stories.mdx +48 -7
  301. package/src/alert/stories/alert.stories.tsx +95 -11
  302. package/src/button/Button.tsx +24 -11
  303. package/src/button/stories/button.stories.mdx +13 -14
  304. package/src/button/stories/button.stories.tsx +28 -17
  305. package/src/card/MicroCard.tsx +25 -23
  306. package/src/copy-to-clipboard/CopyToClipboard.tsx +34 -30
  307. package/src/copy-to-clipboard/stories/copy-to-clipboard.stories.tsx +9 -10
  308. package/src/copy-to-clipboard/stories/copy.stories.mdx +24 -14
  309. package/src/form/ConfirmationPanel.tsx +1 -1
  310. package/src/form/ErrorMessage.tsx +2 -2
  311. package/src/form/Fieldset/Fieldset.tsx +2 -2
  312. package/src/form/Select.tsx +2 -2
  313. package/src/form/TextField.tsx +1 -1
  314. package/src/form/Textarea.tsx +2 -2
  315. package/src/form/checkbox/Checkbox.tsx +1 -1
  316. package/src/form/checkbox/CheckboxGroup.tsx +1 -1
  317. package/src/form/checkbox/stories/checkbox.stories.mdx +7 -3
  318. package/src/form/checkbox/stories/checkbox.stories.tsx +1 -1
  319. package/src/form/error-summary/ErrorSummary.tsx +18 -17
  320. package/src/form/error-summary/ErrorSummaryItem.tsx +11 -11
  321. package/src/form/error-summary/stories/error-summary.stories.tsx +2 -2
  322. package/src/form/radio/Radio.tsx +1 -1
  323. package/src/form/radio/RadioGroup.tsx +1 -1
  324. package/src/form/radio/stories/radio.stories.mdx +11 -3
  325. package/src/form/radio/stories/radio.stories.tsx +1 -1
  326. package/src/form/search-field/SearchField.tsx +3 -3
  327. package/src/form/search-field/SearchFieldButton.tsx +3 -3
  328. package/src/form/search-field/SearchFieldClearButton.tsx +5 -5
  329. package/src/form/search-field/SearchFieldInput.tsx +3 -2
  330. package/src/form/search-field/stories/search-field-example.tsx +9 -10
  331. package/src/form/search-field/stories/search-field.stories.mdx +23 -68
  332. package/src/form/search-field/stories/search-field.stories.tsx +48 -15
  333. package/src/form/stories/confirmation-panel.stories.mdx +2 -2
  334. package/src/form/stories/confirmation-panel.stories.tsx +3 -3
  335. package/src/form/stories/fieldset.stories.mdx +2 -2
  336. package/src/form/stories/fieldset.stories.tsx +1 -1
  337. package/src/form/stories/live-examples.tsx +2 -2
  338. package/src/form/stories/select.stories.mdx +2 -2
  339. package/src/form/stories/select.stories.tsx +1 -1
  340. package/src/form/stories/text-field.stories.mdx +2 -2
  341. package/src/form/stories/text-field.stories.tsx +1 -1
  342. package/src/form/stories/textarea.stories.mdx +2 -2
  343. package/src/form/stories/textarea.stories.tsx +1 -1
  344. package/src/form/useFormField.ts +2 -2
  345. package/src/grid/Cell.tsx +1 -1
  346. package/src/{content-container → grid}/ContentContainer.tsx +3 -5
  347. package/src/grid/index.ts +2 -0
  348. package/src/grid/stories/grid.stories.mdx +24 -5
  349. package/src/grid/stories/grid.stories.tsx +10 -2
  350. package/src/grid/stories/styles.css +16 -0
  351. package/src/guide-panel/Guide.tsx +34 -0
  352. package/src/guide-panel/GuidePanel.tsx +39 -0
  353. package/src/guide-panel/Illustration.tsx +99 -0
  354. package/src/guide-panel/index.ts +3 -0
  355. package/src/guide-panel/stories/example.css +13 -0
  356. package/src/guide-panel/stories/guidepanel.stories.mdx +81 -0
  357. package/src/guide-panel/stories/guidepanel.stories.tsx +68 -0
  358. package/src/help-text/HelpText.tsx +78 -0
  359. package/src/help-text/index.ts +2 -0
  360. package/src/help-text/stories/help-text.stories.mdx +35 -0
  361. package/src/help-text/stories/help-text.stories.tsx +32 -0
  362. package/src/index.ts +6 -5
  363. package/src/link/Link.tsx +7 -18
  364. package/src/link/stories/link.stories.tsx +30 -3
  365. package/src/link-panel/LinkPanel.tsx +32 -44
  366. package/src/link-panel/LinkPanelDescription.tsx +23 -0
  367. package/src/link-panel/LinkPanelTitle.tsx +27 -0
  368. package/src/link-panel/stories/link-panel.stories.mdx +52 -23
  369. package/src/link-panel/stories/link-panel.stories.tsx +43 -34
  370. package/src/loader/Loader.tsx +13 -10
  371. package/src/loader/stories/loader.stories.mdx +27 -28
  372. package/src/loader/stories/loader.stories.tsx +31 -91
  373. package/src/modal/Modal.tsx +16 -14
  374. package/src/modal/ModalContent.tsx +26 -0
  375. package/src/modal/index.ts +1 -0
  376. package/src/modal/stories/modal.stories.mdx +10 -1
  377. package/src/modal/stories/modal.stories.tsx +20 -23
  378. package/src/page-header/PageHeader.tsx +76 -0
  379. package/src/page-header/index.ts +2 -0
  380. package/src/{header → page-header}/stories/header.stories.mdx +31 -24
  381. package/src/{header → page-header}/stories/header.stories.tsx +27 -27
  382. package/src/{header → page-header}/stories/pictogram.tsx +0 -0
  383. package/src/panel/Panel.tsx +14 -23
  384. package/src/popover/Popover.tsx +29 -11
  385. package/src/popover/PopoverContent.tsx +26 -0
  386. package/src/popover/index.ts +1 -0
  387. package/src/popover/stories/popover.stories.tsx +6 -8
  388. package/src/speech-bubble/Bubble.tsx +1 -1
  389. package/src/tag/Tag.tsx +18 -10
  390. package/src/tag/stories/tag.stories.mdx +24 -0
  391. package/src/tag/stories/tag.stories.tsx +13 -0
  392. package/src/typography/BodyLong.tsx +22 -21
  393. package/src/typography/BodyShort.tsx +22 -21
  394. package/src/typography/Detail.tsx +22 -21
  395. package/src/typography/Heading.tsx +45 -0
  396. package/src/typography/Ingress.tsx +23 -24
  397. package/src/typography/Label.tsx +21 -21
  398. package/src/typography/index.ts +1 -1
  399. package/src/typography/stories/typography.stories.tsx +18 -23
  400. package/src/util/OverridableComponent.ts +7 -44
  401. package/src/util/useId.ts +1 -1
  402. package/cjs/accordion-anchor-menu/AccordionAnchorMenuCollapsable.js +0 -4
  403. package/cjs/accordion-anchor-menu/AccordionAnchorMenuItem.js +0 -44
  404. package/cjs/accordion-anchor-menu/ActiveAnchorStore.js +0 -68
  405. package/cjs/accordion-anchor-menu/index.js +0 -8
  406. package/cjs/accordion-anchor-menu/package.json +0 -6
  407. package/cjs/content-container/index.js +0 -15
  408. package/cjs/content-container/package.json +0 -6
  409. package/cjs/header/index.js +0 -15
  410. package/cjs/header/package.json +0 -6
  411. package/cjs/layouts/index.js +0 -8
  412. package/cjs/layouts/package.json +0 -6
  413. package/cjs/layouts/product-page/ProductPageLayout.js +0 -62
  414. package/cjs/layouts/product-page/ProductPagePanel.js +0 -63
  415. package/esm/accordion-anchor-menu/AccordionAnchorMenu.d.ts +0 -7
  416. package/esm/accordion-anchor-menu/AccordionAnchorMenu.js +0 -25
  417. package/esm/accordion-anchor-menu/AccordionAnchorMenu.js.map +0 -1
  418. package/esm/accordion-anchor-menu/AccordionAnchorMenuCollapsable.d.ts +0 -1
  419. package/esm/accordion-anchor-menu/AccordionAnchorMenuCollapsable.js +0 -2
  420. package/esm/accordion-anchor-menu/AccordionAnchorMenuCollapsable.js.map +0 -1
  421. package/esm/accordion-anchor-menu/AccordionAnchorMenuItem.d.ts +0 -3
  422. package/esm/accordion-anchor-menu/AccordionAnchorMenuItem.js +0 -24
  423. package/esm/accordion-anchor-menu/AccordionAnchorMenuItem.js.map +0 -1
  424. package/esm/accordion-anchor-menu/ActiveAnchorStore.d.ts +0 -11
  425. package/esm/accordion-anchor-menu/ActiveAnchorStore.js +0 -47
  426. package/esm/accordion-anchor-menu/ActiveAnchorStore.js.map +0 -1
  427. package/esm/accordion-anchor-menu/index.d.ts +0 -3
  428. package/esm/accordion-anchor-menu/index.js +0 -4
  429. package/esm/accordion-anchor-menu/index.js.map +0 -1
  430. package/esm/content-container/ContentContainer.js.map +0 -1
  431. package/esm/content-container/index.d.ts +0 -2
  432. package/esm/content-container/index.js +0 -3
  433. package/esm/content-container/index.js.map +0 -1
  434. package/esm/header/Header.d.ts +0 -27
  435. package/esm/header/Header.js +0 -23
  436. package/esm/header/Header.js.map +0 -1
  437. package/esm/header/index.d.ts +0 -2
  438. package/esm/header/index.js +0 -3
  439. package/esm/header/index.js.map +0 -1
  440. package/esm/layouts/index.d.ts +0 -3
  441. package/esm/layouts/index.js +0 -4
  442. package/esm/layouts/index.js.map +0 -1
  443. package/esm/layouts/product-page/ProductPageLayout.d.ts +0 -7
  444. package/esm/layouts/product-page/ProductPageLayout.js +0 -39
  445. package/esm/layouts/product-page/ProductPageLayout.js.map +0 -1
  446. package/esm/layouts/product-page/ProductPagePanel.d.ts +0 -12
  447. package/esm/layouts/product-page/ProductPagePanel.js +0 -40
  448. package/esm/layouts/product-page/ProductPagePanel.js.map +0 -1
  449. package/esm/layouts/product-page/ProductPageSection.d.ts +0 -10
  450. package/esm/layouts/product-page/ProductPageSection.js +0 -19
  451. package/esm/layouts/product-page/ProductPageSection.js.map +0 -1
  452. package/esm/typography/Title.d.ts +0 -25
  453. package/esm/typography/Title.js.map +0 -1
  454. package/src/accordion-anchor-menu/AccordionAnchorMenu.tsx +0 -35
  455. package/src/accordion-anchor-menu/AccordionAnchorMenuCollapsable.tsx +0 -1
  456. package/src/accordion-anchor-menu/AccordionAnchorMenuItem.tsx +0 -39
  457. package/src/accordion-anchor-menu/ActiveAnchorStore.tsx +0 -73
  458. package/src/accordion-anchor-menu/index.ts +0 -3
  459. package/src/accordion-anchor-menu/stories/menu.stories.mdx +0 -14
  460. package/src/accordion-anchor-menu/stories/menu.stories.tsx +0 -125
  461. package/src/content-container/index.ts +0 -2
  462. package/src/content-container/stories/container.stories.mdx +0 -31
  463. package/src/content-container/stories/container.stories.tsx +0 -33
  464. package/src/content-container/stories/style.css +0 -15
  465. package/src/form/stories/error-uu.stories.tsx +0 -75
  466. package/src/header/Header.tsx +0 -69
  467. package/src/header/index.ts +0 -2
  468. package/src/layouts/index.ts +0 -3
  469. package/src/layouts/product-page/ProductPageLayout.tsx +0 -60
  470. package/src/layouts/product-page/ProductPagePanel.tsx +0 -72
  471. package/src/layouts/product-page/ProductPageSection.tsx +0 -46
  472. package/src/layouts/stories/components/sections/Left.tsx +0 -22
  473. package/src/layouts/stories/components/sections/Main.tsx +0 -133
  474. package/src/layouts/stories/components/sections/Right.tsx +0 -8
  475. package/src/layouts/stories/components/styles.css +0 -12
  476. package/src/layouts/stories/layout.stories.mdx +0 -8
  477. package/src/layouts/stories/product-page-layout.stories.tsx +0 -90
  478. package/src/loader/stories/demo.css +0 -18
  479. package/src/typography/Title.tsx +0 -56
@@ -1,62 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
- Object.defineProperty(o, "default", { enumerable: true, value: v });
11
- }) : function(o, v) {
12
- o["default"] = v;
13
- });
14
- var __importStar = (this && this.__importStar) || function (mod) {
15
- if (mod && mod.__esModule) return mod;
16
- var result = {};
17
- if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
- __setModuleDefault(result, mod);
19
- return result;
20
- };
21
- var __rest = (this && this.__rest) || function (s, e) {
22
- var t = {};
23
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
24
- t[p] = s[p];
25
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
26
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
27
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
28
- t[p[i]] = s[p[i]];
29
- }
30
- return t;
31
- };
32
- var __importDefault = (this && this.__importDefault) || function (mod) {
33
- return (mod && mod.__esModule) ? mod : { "default": mod };
34
- };
35
- Object.defineProperty(exports, "__esModule", { value: true });
36
- const classnames_1 = __importDefault(require("classnames"));
37
- const react_1 = __importStar(require("react"));
38
- const __1 = require("../..");
39
- const cls = (className, columns) => classnames_1.default("navds-layout__container", `navds-layout__container--${columns}-columns`, className);
40
- const ProductPageLayout = react_1.forwardRef((_a, ref) => {
41
- var { children, title, className } = _a, rest = __rest(_a, ["children", "title", "className"]);
42
- const columns = react_1.Children.toArray(children).length;
43
- react_1.useEffect(() => {
44
- const layoutBody = document.getElementById("navds-layout-body");
45
- layoutBody === null || layoutBody === void 0 ? void 0 : layoutBody.classList.add(`navds-layout__body--${columns}-columns`);
46
- document.body.classList.add("navds-layout__body--white");
47
- return () => {
48
- layoutBody === null || layoutBody === void 0 ? void 0 : layoutBody.classList.remove(`navds-layout__body--${columns}-columns`);
49
- document.body.classList.remove("navds-layout__body--white");
50
- };
51
- }, [columns]);
52
- return (react_1.default.createElement("div", { ref: ref },
53
- react_1.default.createElement("div", { id: "navds-layout-header", className: "navds-layout__header" },
54
- react_1.default.createElement(__1.ContentContainer, null,
55
- react_1.default.createElement("div", Object.assign({ className: cls(className, columns) }, rest),
56
- react_1.default.createElement("div", { className: classnames_1.default("navds-layout__header-content") },
57
- react_1.default.createElement(__1.Title, { size: "2xl", className: classnames_1.default("navds-layout__header-title"), level: 1 }, title))))),
58
- react_1.default.createElement("div", { id: "navds-layout-body", className: "navds-layout__body" },
59
- react_1.default.createElement(__1.ContentContainer, null,
60
- react_1.default.createElement("div", Object.assign({ className: cls(className, columns) }, rest), children)))));
61
- });
62
- exports.default = ProductPageLayout;
@@ -1,63 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
- Object.defineProperty(o, "default", { enumerable: true, value: v });
11
- }) : function(o, v) {
12
- o["default"] = v;
13
- });
14
- var __importStar = (this && this.__importStar) || function (mod) {
15
- if (mod && mod.__esModule) return mod;
16
- var result = {};
17
- if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
- __setModuleDefault(result, mod);
19
- return result;
20
- };
21
- var __rest = (this && this.__rest) || function (s, e) {
22
- var t = {};
23
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
24
- t[p] = s[p];
25
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
26
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
27
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
28
- t[p[i]] = s[p[i]];
29
- }
30
- return t;
31
- };
32
- var __importDefault = (this && this.__importDefault) || function (mod) {
33
- return (mod && mod.__esModule) ? mod : { "default": mod };
34
- };
35
- Object.defineProperty(exports, "__esModule", { value: true });
36
- const react_1 = __importStar(require("react"));
37
- const react_2 = require("react");
38
- const classnames_1 = __importDefault(require("classnames"));
39
- const __1 = require("../../");
40
- const ds_icons_1 = require("@navikt/ds-icons");
41
- const ProductPagePanel = react_2.forwardRef((_a, ref) => {
42
- var { children, className, title, highlight, icon, anchor } = _a, rest = __rest(_a, ["children", "className", "title", "highlight", "icon", "anchor"]);
43
- const copyRef = react_1.useRef(null);
44
- react_1.useEffect(() => {
45
- const header = document.getElementById("navds-layout-body");
46
- header === null || header === void 0 ? void 0 : header.classList.add("navds-layout__body--padding");
47
- }, []);
48
- const getLink = () => {
49
- const { href, hash } = window.location;
50
- const urlWithoutHash = href.replace(hash, "");
51
- return `${urlWithoutHash}#${anchor}`;
52
- };
53
- return (react_1.default.createElement("div", Object.assign({ ref: ref, className: classnames_1.default("navds-layout__panel", icon && "navds-layout__panel--icon-margin", highlight && "navds-layout__panel--highlight", className) }, rest),
54
- react_1.default.createElement("div", { className: "navds-layout__panel-anchor" },
55
- react_1.default.createElement("div", { id: anchor, className: classnames_1.default("navds-layout__panel-anchor--child", {
56
- "navds-layout__panel-anchor--child--icon": !!icon,
57
- }) })),
58
- icon && react_1.default.createElement("div", { className: "navds-layout__panel-icon" }, icon),
59
- react_1.default.createElement(__1.Title, { size: "xl", className: "navds-layout__panel-title", level: 2 }, title),
60
- react_1.default.createElement(__1.CopyToClipboard, { className: "navds-layout__panel-copy", ref: copyRef, text: getLink(), label: "Kopierte lenke til panel", icon: react_1.default.createElement(ds_icons_1.Attachment, null) }, "Kopier lenke"),
61
- react_1.default.createElement("div", { className: "navds-layout__panel-content" }, children)));
62
- });
63
- exports.default = ProductPagePanel;
@@ -1,7 +0,0 @@
1
- import React, { HTMLAttributes } from "react";
2
- export interface AccordionAnchorMenuProps extends HTMLAttributes<HTMLDivElement> {
3
- title?: string;
4
- children: React.ReactNode;
5
- }
6
- declare const AccordionAnchorMenu: React.ForwardRefExoticComponent<AccordionAnchorMenuProps & React.RefAttributes<HTMLDivElement>>;
7
- export default AccordionAnchorMenu;
@@ -1,25 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import React, { forwardRef } from "react";
13
- import { AccordionMenu as BaseAccordionMenu } from "../accordion-menu";
14
- import { Title } from "..";
15
- import { ActiveAnchorProvider } from "./ActiveAnchorStore";
16
- import cl from "classnames";
17
- const AccordionAnchorMenu = forwardRef((_a, ref) => {
18
- var { children, title, className } = _a, rest = __rest(_a, ["children", "title", "className"]);
19
- return (React.createElement("div", Object.assign({ className: cl("navds-accordion-anchor-menu", className), ref: ref }, rest),
20
- title && (React.createElement(Title, { level: 2, size: "m", className: "navds-accordion-anchor-menu__title" }, title)),
21
- React.createElement(ActiveAnchorProvider, null,
22
- React.createElement(BaseAccordionMenu, { "aria-label": title || "Meny" }, children))));
23
- });
24
- export default AccordionAnchorMenu;
25
- //# sourceMappingURL=AccordionAnchorMenu.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AccordionAnchorMenu.js","sourceRoot":"","sources":["../../src/accordion-anchor-menu/AccordionAnchorMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC;AAC3B,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,MAAM,YAAY,CAAC;AAQ5B,MAAM,mBAAmB,GAAG,UAAU,CAGpC,CAAC,EAAuC,EAAE,GAAG,EAAE,EAAE;QAAhD,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,OAAW,EAAN,IAAI,cAArC,kCAAuC,CAAF;IAAY,OAAA,CAClD,2CACE,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,EACvD,GAAG,EAAE,GAAG,IACJ,IAAI;QAEP,KAAK,IAAI,CACR,oBAAC,KAAK,IAAC,KAAK,EAAE,CAAC,EAAE,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,oCAAoC,IACrE,KAAK,CACA,CACT;QACD,oBAAC,oBAAoB;YACnB,oBAAC,iBAAiB,kBAAa,KAAK,IAAI,MAAM,IAC3C,QAAQ,CACS,CACC,CACnB,CACP,CAAA;CAAA,CAAC,CAAC;AAEH,eAAe,mBAAmB,CAAC"}
@@ -1 +0,0 @@
1
- export { AccordionMenuCollapsable as AccordionAnchorMenuCollapsable } from "../accordion-menu";
@@ -1,2 +0,0 @@
1
- export { AccordionMenuCollapsable as AccordionAnchorMenuCollapsable } from "../accordion-menu";
2
- //# sourceMappingURL=AccordionAnchorMenuCollapsable.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AccordionAnchorMenuCollapsable.js","sourceRoot":"","sources":["../../src/accordion-anchor-menu/AccordionAnchorMenuCollapsable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,IAAI,8BAA8B,EAAE,MAAM,mBAAmB,CAAC"}
@@ -1,3 +0,0 @@
1
- import { AccordionMenuItemType } from "../accordion-menu";
2
- declare const AccordionAnchorMenuItem: AccordionMenuItemType;
3
- export default AccordionAnchorMenuItem;
@@ -1,24 +0,0 @@
1
- import React, { forwardRef, useEffect } from "react";
2
- import { AccordionMenuItem } from "../accordion-menu";
3
- import { useStore } from "./ActiveAnchorStore";
4
- const AccordionAnchorMenuItem = forwardRef((props, ref) => {
5
- const isAnchorActive = useIsAnchorActive(props.href && props.href.split("#")[1]);
6
- return (React.createElement(AccordionMenuItem, Object.assign({}, props, { ref: ref, active: props.active || isAnchorActive })));
7
- });
8
- const useIsAnchorActive = (anchor) => {
9
- const { activeAnchor, registerAnchor, unregisterAnchor } = useStore();
10
- useEffect(() => {
11
- if (anchor) {
12
- const target = document.getElementById(anchor);
13
- if (target) {
14
- registerAnchor(anchor);
15
- return () => {
16
- unregisterAnchor(anchor);
17
- };
18
- }
19
- }
20
- }, [anchor, registerAnchor, unregisterAnchor]);
21
- return (anchor && activeAnchor === anchor) || false;
22
- };
23
- export default AccordionAnchorMenuItem;
24
- //# sourceMappingURL=AccordionAnchorMenuItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AccordionAnchorMenuItem.js","sourceRoot":"","sources":["../../src/accordion-anchor-menu/AccordionAnchorMenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAyB,MAAM,mBAAmB,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,uBAAuB,GAA0B,UAAU,CAC/D,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,cAAc,GAAG,iBAAiB,CACtC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CACvC,CAAC;IAEF,OAAO,CACL,oBAAC,iBAAiB,oBACZ,KAAK,IACT,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,cAAc,IACtC,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,MAA0B,EAAE,EAAE;IACvD,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,GAAG,QAAQ,EAAE,CAAC;IAEtE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE;YACV,MAAM,MAAM,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;YAC/C,IAAI,MAAM,EAAE;gBACV,cAAc,CAAC,MAAM,CAAC,CAAC;gBACvB,OAAO,GAAG,EAAE;oBACV,gBAAgB,CAAC,MAAM,CAAC,CAAC;gBAC3B,CAAC,CAAC;aACH;SACF;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE/C,OAAO,CAAC,MAAM,IAAI,YAAY,KAAK,MAAM,CAAC,IAAI,KAAK,CAAC;AACtD,CAAC,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
@@ -1,11 +0,0 @@
1
- import React from "react";
2
- export interface ActiveAnchorStore {
3
- activeAnchor?: string;
4
- registerAnchor: (anchor: string) => void;
5
- unregisterAnchor: (anchor: string) => void;
6
- }
7
- export declare const ActiveAnchorContext: React.Context<ActiveAnchorStore>;
8
- export declare const ActiveAnchorProvider: ({ children, }: {
9
- children: React.ReactNode;
10
- }) => JSX.Element;
11
- export declare const useStore: () => ActiveAnchorStore;
@@ -1,47 +0,0 @@
1
- import React, { createContext, useCallback, useContext, useState, useEffect, } from "react";
2
- export const ActiveAnchorContext = createContext({});
3
- export const ActiveAnchorProvider = ({ children, }) => {
4
- const [anchors, setAnchors] = useState([]);
5
- const [activeAnchor, setActiveAnchor] = useState();
6
- useEffect(() => {
7
- const scrollListener = () => {
8
- const offset = 100;
9
- const lastPassedAnchor = anchors
10
- .map((anchor) => document.getElementById(anchor))
11
- .map((element) => ({
12
- id: element.id,
13
- top: element.getBoundingClientRect().top - offset,
14
- scrolledToBottom: window.innerHeight + window.pageYOffset >=
15
- document.body.offsetHeight,
16
- }))
17
- .filter((element) => element.scrolledToBottom || element.top <= 0)
18
- .sort((a, b) => (a.top < b.top ? -1 : 1))
19
- .map((anchor) => anchor.id)
20
- .pop();
21
- // Set active anchor and related url hash
22
- if (lastPassedAnchor && activeAnchor !== lastPassedAnchor) {
23
- const { href, hash } = window.location;
24
- const urlWithoutHash = href.replace(hash, "");
25
- const urlWithAnchor = `${urlWithoutHash}#${lastPassedAnchor}`;
26
- const title = document.title;
27
- window.history.replaceState(window.history.state, title, urlWithAnchor);
28
- setActiveAnchor(lastPassedAnchor);
29
- }
30
- };
31
- window.addEventListener("scroll", scrollListener);
32
- return () => {
33
- window.removeEventListener("scroll", scrollListener);
34
- };
35
- }, [anchors, activeAnchor]);
36
- return (React.createElement(ActiveAnchorContext.Provider, { value: {
37
- activeAnchor,
38
- registerAnchor: useCallback((anchor) => {
39
- setAnchors((anchors) => [...anchors, anchor]);
40
- }, []),
41
- unregisterAnchor: useCallback((anchor) => {
42
- setAnchors((anchors) => anchors.filter((a) => a !== anchor));
43
- }, []),
44
- } }, children));
45
- };
46
- export const useStore = () => useContext(ActiveAnchorContext);
47
- //# sourceMappingURL=ActiveAnchorStore.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ActiveAnchorStore.js","sourceRoot":"","sources":["../../src/accordion-anchor-menu/ActiveAnchorStore.tsx"],"names":[],"mappings":"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"}
@@ -1,3 +0,0 @@
1
- export { default as AccordionAnchorMenu } from "./AccordionAnchorMenu";
2
- export { AccordionAnchorMenuCollapsable } from "./AccordionAnchorMenuCollapsable";
3
- export { default as AccordionAnchorMenuItem } from "./AccordionAnchorMenuItem";
@@ -1,4 +0,0 @@
1
- export { default as AccordionAnchorMenu } from "./AccordionAnchorMenu";
2
- export { AccordionAnchorMenuCollapsable } from "./AccordionAnchorMenuCollapsable";
3
- export { default as AccordionAnchorMenuItem } from "./AccordionAnchorMenuItem";
4
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/accordion-anchor-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ContentContainer.js","sourceRoot":"","sources":["../../src/content-container/ContentContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,MAAM,YAAY,CAAC;AAS5B,MAAM,gBAAgB,GAAG,UAAU,CACjC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAAY,OAAA,CACzC,2CACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,IAC/C,IAAI,GAEP,QAAQ,CACL,CACP,CAAA;CAAA,CACF,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
@@ -1,2 +0,0 @@
1
- export { default as ContentContainer } from "./ContentContainer";
2
- export * from "./ContentContainer";
@@ -1,3 +0,0 @@
1
- export { default as ContentContainer } from "./ContentContainer";
2
- export * from "./ContentContainer";
3
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/content-container/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,cAAc,oBAAoB,CAAC"}
@@ -1,27 +0,0 @@
1
- import React, { HTMLAttributes } from "react";
2
- export interface HeaderProps extends HTMLAttributes<HTMLDivElement> {
3
- /**
4
- * Header title
5
- */
6
- children: string;
7
- /**
8
- * Pictogram placed in header
9
- */
10
- illustration?: React.ReactNode;
11
- /**
12
- * Short text placed under title
13
- */
14
- description?: string;
15
- /**
16
- * Decides how to align content
17
- * @default "left"
18
- */
19
- variant?: "left" | "center";
20
- /**
21
- * Predefined theming for header
22
- * @default "guide"
23
- */
24
- theme?: "situation" | "product" | "guide";
25
- }
26
- declare const Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLDivElement>>;
27
- export default Header;
@@ -1,23 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import React, { forwardRef } from "react";
13
- import cl from "classnames";
14
- const Header = forwardRef((_a, ref) => {
15
- var { children, className, illustration, description, theme = "guide", variant = "left" } = _a, rest = __rest(_a, ["children", "className", "illustration", "description", "theme", "variant"]);
16
- return (React.createElement("div", Object.assign({ ref: ref, className: cl("navds-header", className, `navds-header--${theme}`, `navds-header--${variant}`) }, rest),
17
- illustration && (React.createElement("div", { className: "navds-header__illustration" }, illustration)),
18
- React.createElement("div", { className: "navds-header__wrapper" },
19
- React.createElement("h1", { className: "navds-header__title navds-title navds-title--2xl" }, children),
20
- description && (React.createElement("p", { className: "navds-body-short navds-body--s" }, description)))));
21
- });
22
- export default Header;
23
- //# sourceMappingURL=Header.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Header.js","sourceRoot":"","sources":["../../src/header/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,MAAM,YAAY,CAAC;AA2B5B,MAAM,MAAM,GAAG,UAAU,CACvB,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,WAAW,EACX,KAAK,GAAG,OAAO,EACf,OAAO,GAAG,MAAM,OAEjB,EADI,IAAI,cAPT,4EAQC,CADQ;IAIT,OAAO,CACL,2CACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,cAAc,EACd,SAAS,EACT,iBAAiB,KAAK,EAAE,EACxB,iBAAiB,OAAO,EAAE,CAC3B,IACG,IAAI;QAEP,YAAY,IAAI,CACf,6BAAK,SAAS,EAAC,4BAA4B,IAAE,YAAY,CAAO,CACjE;QACD,6BAAK,SAAS,EAAC,uBAAuB;YACpC,4BAAI,SAAS,EAAC,kDAAkD,IAC7D,QAAQ,CACN;YACJ,WAAW,IAAI,CACd,2BAAG,SAAS,EAAC,gCAAgC,IAAE,WAAW,CAAK,CAChE,CACG,CACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -1,2 +0,0 @@
1
- export { default as Header } from "./Header";
2
- export * from "./Header";
@@ -1,3 +0,0 @@
1
- export { default as Header } from "./Header";
2
- export * from "./Header";
3
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC"}
@@ -1,3 +0,0 @@
1
- export { default as ProductPageLayout } from "./product-page/ProductPageLayout";
2
- export { default as ProductPagePanel } from "./product-page/ProductPagePanel";
3
- export { default as ProductPageSection } from "./product-page/ProductPageSection";
@@ -1,4 +0,0 @@
1
- export { default as ProductPageLayout } from "./product-page/ProductPageLayout";
2
- export { default as ProductPagePanel } from "./product-page/ProductPagePanel";
3
- export { default as ProductPageSection } from "./product-page/ProductPageSection";
4
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/layouts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,mCAAmC,CAAC"}
@@ -1,7 +0,0 @@
1
- import React, { HTMLAttributes } from "react";
2
- export interface ProductPageLayoutProps extends HTMLAttributes<HTMLElement> {
3
- title: string;
4
- children?: React.ReactNode;
5
- }
6
- declare const ProductPageLayout: React.ForwardRefExoticComponent<ProductPageLayoutProps & React.RefAttributes<HTMLDivElement>>;
7
- export default ProductPageLayout;
@@ -1,39 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import cl from "classnames";
13
- import React, { Children, forwardRef, useEffect } from "react";
14
- import { ContentContainer, Title } from "../..";
15
- const cls = (className, columns) => cl("navds-layout__container", `navds-layout__container--${columns}-columns`, className);
16
- const ProductPageLayout = forwardRef((_a, ref) => {
17
- var { children, title, className } = _a, rest = __rest(_a, ["children", "title", "className"]);
18
- const columns = Children.toArray(children).length;
19
- useEffect(() => {
20
- const layoutBody = document.getElementById("navds-layout-body");
21
- layoutBody === null || layoutBody === void 0 ? void 0 : layoutBody.classList.add(`navds-layout__body--${columns}-columns`);
22
- document.body.classList.add("navds-layout__body--white");
23
- return () => {
24
- layoutBody === null || layoutBody === void 0 ? void 0 : layoutBody.classList.remove(`navds-layout__body--${columns}-columns`);
25
- document.body.classList.remove("navds-layout__body--white");
26
- };
27
- }, [columns]);
28
- return (React.createElement("div", { ref: ref },
29
- React.createElement("div", { id: "navds-layout-header", className: "navds-layout__header" },
30
- React.createElement(ContentContainer, null,
31
- React.createElement("div", Object.assign({ className: cls(className, columns) }, rest),
32
- React.createElement("div", { className: cl("navds-layout__header-content") },
33
- React.createElement(Title, { size: "2xl", className: cl("navds-layout__header-title"), level: 1 }, title))))),
34
- React.createElement("div", { id: "navds-layout-body", className: "navds-layout__body" },
35
- React.createElement(ContentContainer, null,
36
- React.createElement("div", Object.assign({ className: cls(className, columns) }, rest), children)))));
37
- });
38
- export default ProductPageLayout;
39
- //# sourceMappingURL=ProductPageLayout.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ProductPageLayout.js","sourceRoot":"","sources":["../../../src/layouts/product-page/ProductPageLayout.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAkB,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAEhD,MAAM,GAAG,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,EAAE,CACjC,EAAE,CACA,yBAAyB,EACzB,4BAA4B,OAAO,UAAU,EAC7C,SAAS,CACV,CAAC;AAOJ,MAAM,iBAAiB,GAAG,UAAU,CAClC,CAAC,EAAuC,EAAE,GAAG,EAAE,EAAE;QAAhD,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,OAAW,EAAN,IAAI,cAArC,kCAAuC,CAAF;IACpC,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,QAAQ,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC;QAChE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CAAC,GAAG,CAAC,uBAAuB,OAAO,UAAU,EAAE;QACpE,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC;QACzD,OAAO,GAAG,EAAE;YACV,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CAAC,MAAM,CAAC,uBAAuB,OAAO,UAAU,EAAE;YACvE,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,2BAA2B,CAAC,CAAC;QAC9D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG;QACX,6BAAK,EAAE,EAAE,qBAAqB,EAAE,SAAS,EAAE,sBAAsB;YAC/D,oBAAC,gBAAgB;gBACf,2CAAK,SAAS,EAAE,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,IAAM,IAAI;oBAC/C,6BAAK,SAAS,EAAE,EAAE,CAAC,8BAA8B,CAAC;wBAChD,oBAAC,KAAK,IACJ,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,EAAE,CAAC,4BAA4B,CAAC,EAC3C,KAAK,EAAE,CAAC,IAEP,KAAK,CACA,CACJ,CACF,CACW,CACf;QACN,6BAAK,EAAE,EAAE,mBAAmB,EAAE,SAAS,EAAE,oBAAoB;YAC3D,oBAAC,gBAAgB;gBACf,2CAAK,SAAS,EAAE,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,IAAM,IAAI,GAC9C,QAAQ,CACL,CACW,CACf,CACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,iBAAiB,CAAC"}