@fremtind/jokul 0.71.1 → 1.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 (588) hide show
  1. package/README.md +5 -37
  2. package/build/build-stats.html +1 -1
  3. package/build/cjs/components/autosuggest/BaseAutosuggest.cjs +1 -1
  4. package/build/cjs/components/autosuggest/BaseAutosuggest.cjs.map +1 -1
  5. package/build/cjs/components/autosuggest/Menu.cjs +1 -1
  6. package/build/cjs/components/autosuggest/Menu.cjs.map +1 -1
  7. package/build/cjs/components/button/Button.cjs +1 -1
  8. package/build/cjs/components/button/Button.cjs.map +1 -1
  9. package/build/cjs/components/card/index.cjs +1 -1
  10. package/build/cjs/components/card/index.d.cts +1 -4
  11. package/build/cjs/components/card/types.cjs +1 -1
  12. package/build/cjs/components/card/types.cjs.map +1 -1
  13. package/build/cjs/components/card/types.d.cts +0 -51
  14. package/build/cjs/components/checkbox-panel/CheckboxPanel.cjs +1 -1
  15. package/build/cjs/components/checkbox-panel/CheckboxPanel.cjs.map +1 -1
  16. package/build/cjs/components/combobox/Combobox.cjs +1 -1
  17. package/build/cjs/components/combobox/Combobox.cjs.map +1 -1
  18. package/build/cjs/components/combobox/stories/Combobox.stories.cjs +1 -1
  19. package/build/cjs/components/combobox/stories/Combobox.stories.cjs.map +1 -1
  20. package/build/cjs/components/combobox/stories/Combobox.stories.d.cts +1 -0
  21. package/build/cjs/components/cookie-consent/CookieConsent.cjs +1 -1
  22. package/build/cjs/components/cookie-consent/CookieConsent.cjs.map +1 -1
  23. package/build/cjs/components/datepicker/DatePicker.cjs +1 -1
  24. package/build/cjs/components/datepicker/DatePicker.cjs.map +1 -1
  25. package/build/cjs/components/datepicker/internal/Calendar.cjs +1 -1
  26. package/build/cjs/components/datepicker/internal/Calendar.cjs.map +1 -1
  27. package/build/cjs/components/datepicker/internal/utils.cjs +1 -1
  28. package/build/cjs/components/datepicker/internal/utils.cjs.map +1 -1
  29. package/build/cjs/components/datepicker/stories/Datepicker.stories.cjs +1 -1
  30. package/build/cjs/components/datepicker/stories/Datepicker.stories.cjs.map +1 -1
  31. package/build/cjs/components/datepicker/stories/Datepicker.stories.d.cts +13 -0
  32. package/build/cjs/components/description-list/stories/DescriptionList.stories.cjs +1 -1
  33. package/build/cjs/components/description-list/stories/DescriptionList.stories.cjs.map +1 -1
  34. package/build/cjs/components/expander/ExpandablePanel.cjs +1 -1
  35. package/build/cjs/components/expander/ExpandablePanel.cjs.map +1 -1
  36. package/build/cjs/components/expander/ExpandablePanelContent.cjs +1 -1
  37. package/build/cjs/components/expander/ExpandablePanelContent.cjs.map +1 -1
  38. package/build/cjs/components/expander/Expander.cjs +1 -1
  39. package/build/cjs/components/expander/Expander.cjs.map +1 -1
  40. package/build/cjs/components/expander/index.cjs +1 -1
  41. package/build/cjs/components/expander/index.d.cts +0 -1
  42. package/build/cjs/components/expander/stories/{ExpanderPanel.stories.cjs → ExpandablePanel.stories.cjs} +1 -1
  43. package/build/cjs/components/expander/stories/ExpandablePanel.stories.cjs.map +1 -0
  44. package/build/cjs/components/feedback/followup/Followup.cjs +1 -1
  45. package/build/cjs/components/feedback/followup/Followup.cjs.map +1 -1
  46. package/build/cjs/components/feedback/followup/useFollowup.cjs +1 -1
  47. package/build/cjs/components/feedback/followup/useFollowup.cjs.map +1 -1
  48. package/build/cjs/components/feedback/main-question/MainQuestion.cjs +1 -1
  49. package/build/cjs/components/feedback/main-question/MainQuestion.cjs.map +1 -1
  50. package/build/cjs/components/feedback/main-question/useMainQuestion.cjs +1 -1
  51. package/build/cjs/components/feedback/main-question/useMainQuestion.cjs.map +1 -1
  52. package/build/cjs/components/feedback/questions/AddonQuestion.cjs +1 -1
  53. package/build/cjs/components/feedback/questions/AddonQuestion.cjs.map +1 -1
  54. package/build/cjs/components/feedback/questions/CheckboxQuestion.cjs +1 -1
  55. package/build/cjs/components/feedback/questions/CheckboxQuestion.cjs.map +1 -1
  56. package/build/cjs/components/feedback/questions/ContactQuestion.cjs +1 -1
  57. package/build/cjs/components/feedback/questions/ContactQuestion.cjs.map +1 -1
  58. package/build/cjs/components/feedback/questions/RadioQuestion.cjs +1 -1
  59. package/build/cjs/components/feedback/questions/RadioQuestion.cjs.map +1 -1
  60. package/build/cjs/components/feedback/questions/SmileyQuestion.cjs +1 -1
  61. package/build/cjs/components/feedback/questions/SmileyQuestion.cjs.map +1 -1
  62. package/build/cjs/components/feedback/questions/TextQuestion.cjs +1 -1
  63. package/build/cjs/components/feedback/questions/TextQuestion.cjs.map +1 -1
  64. package/build/cjs/components/file/File.cjs.map +1 -1
  65. package/build/cjs/components/file/stories/File.stories.cjs.map +1 -1
  66. package/build/cjs/components/file/stories/File.stories.d.cts +1 -1
  67. package/build/cjs/components/file-input/FileInput.cjs.map +1 -1
  68. package/build/cjs/components/file-input/index.d.cts +1 -1
  69. package/build/cjs/components/file-input/internal/Dropzone.cjs.map +1 -1
  70. package/build/cjs/components/file-input/internal/Input.cjs.map +1 -1
  71. package/build/cjs/components/file-input/internal/fileInputContext.cjs.map +1 -1
  72. package/build/cjs/components/file-input/internal/validateFileInputFiles.cjs +1 -1
  73. package/build/cjs/components/file-input/internal/validateFileInputFiles.cjs.map +1 -1
  74. package/build/cjs/components/file-input/stories/FileInput.stories.cjs.map +1 -1
  75. package/build/cjs/components/icon/stories/Icons.stories.cjs +1 -1
  76. package/build/cjs/components/image/useImageLoadingStatus.cjs +1 -1
  77. package/build/cjs/components/image/useImageLoadingStatus.cjs.map +1 -1
  78. package/build/cjs/components/input-group/InputGroup.cjs +1 -1
  79. package/build/cjs/components/input-group/InputGroup.cjs.map +1 -1
  80. package/build/cjs/components/input-group/stories/FieldGroup.stories.cjs +1 -1
  81. package/build/cjs/components/link/stories/Link.stories.cjs +1 -1
  82. package/build/cjs/components/link/stories/Link.stories.cjs.map +1 -1
  83. package/build/cjs/components/menu/Menu.cjs +1 -1
  84. package/build/cjs/components/menu/Menu.cjs.map +1 -1
  85. package/build/cjs/components/menu/MenuItemCheckbox.cjs +1 -1
  86. package/build/cjs/components/menu/MenuItemCheckbox.cjs.map +1 -1
  87. package/build/cjs/components/message/Message.cjs +1 -1
  88. package/build/cjs/components/message/Message.cjs.map +1 -1
  89. package/build/cjs/components/modal/stories/ModalCloseButton.stories.d.cts +1 -1
  90. package/build/cjs/components/modal/stories/ModalOverlay.stories.cjs +1 -1
  91. package/build/cjs/components/modal/stories/ModalOverlay.stories.cjs.map +1 -1
  92. package/build/cjs/components/popover/Popover.cjs +1 -1
  93. package/build/cjs/components/popover/Popover.cjs.map +1 -1
  94. package/build/cjs/components/radio-panel/RadioPanel.cjs +1 -1
  95. package/build/cjs/components/radio-panel/RadioPanel.cjs.map +1 -1
  96. package/build/cjs/components/screen-reader-only/ScreenReaderOnly.cjs.map +1 -0
  97. package/build/cjs/components/screen-reader-only/ScreenReaderOnly.d.cts +3 -0
  98. package/build/cjs/components/screen-reader-only/index.cjs +2 -0
  99. package/build/cjs/components/screen-reader-only/index.d.cts +2 -0
  100. package/build/cjs/components/screen-reader-only/types.d.cts +4 -0
  101. package/build/cjs/components/select/Select.cjs +1 -1
  102. package/build/cjs/components/select/Select.cjs.map +1 -1
  103. package/build/cjs/components/select/select-utils.cjs +1 -1
  104. package/build/cjs/components/select/select-utils.cjs.map +1 -1
  105. package/build/cjs/components/system-message/SystemMessage.cjs +1 -1
  106. package/build/cjs/components/system-message/SystemMessage.cjs.map +1 -1
  107. package/build/cjs/components/table/TableHeader.cjs +1 -1
  108. package/build/cjs/components/table/TableHeader.cjs.map +1 -1
  109. package/build/cjs/components/table/TableRow.cjs +1 -1
  110. package/build/cjs/components/table/TableRow.cjs.map +1 -1
  111. package/build/cjs/components/table/stories/data.cjs +2 -0
  112. package/build/cjs/components/table/stories/data.cjs.map +1 -0
  113. package/build/cjs/components/table/stories/data.d.cts +8 -0
  114. package/build/cjs/components/table/stories/table.stories.cjs +1 -1
  115. package/build/cjs/components/table/stories/table.stories.cjs.map +1 -1
  116. package/build/cjs/components/table/stories/table.stories.d.cts +10 -1
  117. package/build/cjs/components/table/stories/tableCollapsing.stories.cjs +2 -0
  118. package/build/cjs/components/table/stories/tableCollapsing.stories.cjs.map +1 -0
  119. package/build/cjs/components/table/stories/tableCollapsing.stories.d.cts +16 -0
  120. package/build/cjs/components/table/stories/tableComplex.stories.cjs +2 -0
  121. package/build/cjs/components/table/stories/tableComplex.stories.cjs.map +1 -0
  122. package/build/cjs/components/table/stories/tableComplex.stories.d.cts +21 -0
  123. package/build/cjs/components/table/stories/tableFiltering.stories.cjs +2 -0
  124. package/build/cjs/components/table/stories/tableFiltering.stories.cjs.map +1 -0
  125. package/build/cjs/components/table/stories/tableFiltering.stories.d.cts +21 -0
  126. package/build/cjs/components/table/stories/tablePagination.stories.cjs +2 -0
  127. package/build/cjs/components/table/stories/tablePagination.stories.cjs.map +1 -0
  128. package/build/cjs/components/{accordion/stories/Accordion.stories.d.cts → table/stories/tablePagination.stories.d.cts} +2 -2
  129. package/build/cjs/components/tabs/NavTab.cjs +1 -1
  130. package/build/cjs/components/tabs/NavTab.cjs.map +1 -1
  131. package/build/cjs/components/tabs/NavTabs.cjs +1 -1
  132. package/build/cjs/components/tabs/NavTabs.cjs.map +1 -1
  133. package/build/cjs/components/tabs/TabList.cjs +1 -1
  134. package/build/cjs/components/tabs/TabList.cjs.map +1 -1
  135. package/build/cjs/components/text-area/BaseTextArea.cjs +1 -1
  136. package/build/cjs/components/text-area/BaseTextArea.cjs.map +1 -1
  137. package/build/cjs/components/toast/Toast.cjs +1 -1
  138. package/build/cjs/components/toast/Toast.cjs.map +1 -1
  139. package/build/cjs/components/toast/toastContext.cjs +1 -1
  140. package/build/cjs/components/toast/toastContext.cjs.map +1 -1
  141. package/build/cjs/components/toggle-switch/ToggleSwitch.cjs +1 -1
  142. package/build/cjs/components/toggle-switch/ToggleSwitch.cjs.map +1 -1
  143. package/build/cjs/components/toggle-switch/usePillStyles.cjs +1 -1
  144. package/build/cjs/components/toggle-switch/usePillStyles.cjs.map +1 -1
  145. package/build/cjs/components/tooltip/PopupTip.cjs +1 -1
  146. package/build/cjs/components/tooltip/PopupTip.cjs.map +1 -1
  147. package/build/cjs/components/tooltip/Tooltip.cjs +1 -1
  148. package/build/cjs/components/tooltip/Tooltip.cjs.map +1 -1
  149. package/build/cjs/components/tooltip/TooltipTrigger.cjs +1 -1
  150. package/build/cjs/components/tooltip/TooltipTrigger.cjs.map +1 -1
  151. package/build/cjs/hooks/useAnimatedHeight/useAnimatedHeight.cjs +1 -1
  152. package/build/cjs/hooks/useAnimatedHeight/useAnimatedHeight.cjs.map +1 -1
  153. package/build/cjs/hooks/useAnimatedHeight/useAnimatedHeightBetween.cjs +1 -1
  154. package/build/cjs/hooks/useAnimatedHeight/useAnimatedHeightBetween.cjs.map +1 -1
  155. package/build/cjs/hooks/useAnimatedHeight/useAutoAnimateHeight.cjs +1 -1
  156. package/build/cjs/hooks/useAnimatedHeight/useAutoAnimateHeight.cjs.map +1 -1
  157. package/build/cjs/hooks/useAriaLiveRegion/useAriaLiveRegion.cjs +1 -1
  158. package/build/cjs/hooks/useAriaLiveRegion/useAriaLiveRegion.cjs.map +1 -1
  159. package/build/cjs/hooks/useAriaLiveRegion/useAriaLiveRegion.d.cts +1 -1
  160. package/build/cjs/hooks/useClickOutside/useClickOutside.cjs +1 -1
  161. package/build/cjs/hooks/useClickOutside/useClickOutside.cjs.map +1 -1
  162. package/build/cjs/hooks/useElementDimensions/useElementDimensions.cjs +1 -1
  163. package/build/cjs/hooks/useElementDimensions/useElementDimensions.cjs.map +1 -1
  164. package/build/cjs/hooks/useFocusOutside/useFocusOutside.cjs +1 -1
  165. package/build/cjs/hooks/useFocusOutside/useFocusOutside.cjs.map +1 -1
  166. package/build/cjs/hooks/useIntersectionObserver/useIntersectionObserver.cjs +1 -1
  167. package/build/cjs/hooks/useIntersectionObserver/useIntersectionObserver.cjs.map +1 -1
  168. package/build/cjs/hooks/useKeyListener/useKeyListener.cjs +1 -1
  169. package/build/cjs/hooks/useKeyListener/useKeyListener.cjs.map +1 -1
  170. package/build/cjs/hooks/useScrollIntoView/useScrollIntoView.cjs +1 -1
  171. package/build/cjs/hooks/useScrollIntoView/useScrollIntoView.cjs.map +1 -1
  172. package/build/cjs/hooks/useSwipeGesture/useSwipeGesture.cjs +1 -1
  173. package/build/cjs/hooks/useSwipeGesture/useSwipeGesture.cjs.map +1 -1
  174. package/build/cjs/index.cjs +1 -1
  175. package/build/cjs/index.d.cts +0 -1
  176. package/build/cjs/utilities/formatters/date/formatDate.cjs +1 -1
  177. package/build/cjs/utilities/formatters/date/formatDate.cjs.map +1 -1
  178. package/build/cjs/utilities/formatters/fodselsnummer/formatFodselsnummer.cjs +1 -1
  179. package/build/cjs/utilities/formatters/fodselsnummer/formatFodselsnummer.cjs.map +1 -1
  180. package/build/cjs/utilities/formatters/kontonummer/formatKontonummer.cjs +1 -1
  181. package/build/cjs/utilities/formatters/kontonummer/formatKontonummer.cjs.map +1 -1
  182. package/build/cjs/utilities/formatters/kortnummer/formatKortnummer.cjs +1 -1
  183. package/build/cjs/utilities/formatters/kortnummer/formatKortnummer.cjs.map +1 -1
  184. package/build/cjs/utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.cjs +1 -1
  185. package/build/cjs/utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.cjs.map +1 -1
  186. package/build/cjs/utilities/formatters/telefonnummer/formatTelefonnummer.cjs +1 -1
  187. package/build/cjs/utilities/formatters/telefonnummer/formatTelefonnummer.cjs.map +1 -1
  188. package/build/cjs/utilities/formatters/util/registerWithMask.cjs +1 -1
  189. package/build/cjs/utilities/formatters/util/registerWithMask.cjs.map +1 -1
  190. package/build/cjs/utilities/formatters/valuta/formatValuta.cjs +1 -1
  191. package/build/cjs/utilities/formatters/valuta/formatValuta.cjs.map +1 -1
  192. package/build/cjs/utilities/tabListener.cjs +1 -1
  193. package/build/cjs/utilities/tabListener.cjs.map +1 -1
  194. package/build/cjs/utilities/validators/hasMinimumWords/hasMinimumWords.cjs +1 -1
  195. package/build/cjs/utilities/validators/hasMinimumWords/hasMinimumWords.cjs.map +1 -1
  196. package/build/es/components/autosuggest/BaseAutosuggest.js +2 -2
  197. package/build/es/components/autosuggest/BaseAutosuggest.js.map +1 -1
  198. package/build/es/components/autosuggest/Menu.js +1 -1
  199. package/build/es/components/autosuggest/Menu.js.map +1 -1
  200. package/build/es/components/button/Button.js +1 -1
  201. package/build/es/components/button/Button.js.map +1 -1
  202. package/build/es/components/card/index.d.ts +1 -4
  203. package/build/es/components/card/index.js +1 -1
  204. package/build/es/components/card/types.d.ts +0 -51
  205. package/build/es/components/card/types.js +1 -1
  206. package/build/es/components/card/types.js.map +1 -1
  207. package/build/es/components/checkbox-panel/CheckboxPanel.js +1 -1
  208. package/build/es/components/checkbox-panel/CheckboxPanel.js.map +1 -1
  209. package/build/es/components/combobox/Combobox.js +1 -1
  210. package/build/es/components/combobox/Combobox.js.map +1 -1
  211. package/build/es/components/combobox/stories/Combobox.stories.d.ts +1 -0
  212. package/build/es/components/combobox/stories/Combobox.stories.js +1 -1
  213. package/build/es/components/combobox/stories/Combobox.stories.js.map +1 -1
  214. package/build/es/components/cookie-consent/CookieConsent.js +1 -1
  215. package/build/es/components/cookie-consent/CookieConsent.js.map +1 -1
  216. package/build/es/components/datepicker/DatePicker.js +1 -1
  217. package/build/es/components/datepicker/DatePicker.js.map +1 -1
  218. package/build/es/components/datepicker/internal/Calendar.js +1 -1
  219. package/build/es/components/datepicker/internal/Calendar.js.map +1 -1
  220. package/build/es/components/datepicker/internal/utils.js +1 -1
  221. package/build/es/components/datepicker/internal/utils.js.map +1 -1
  222. package/build/es/components/datepicker/stories/Datepicker.stories.d.ts +13 -0
  223. package/build/es/components/datepicker/stories/Datepicker.stories.js +1 -1
  224. package/build/es/components/datepicker/stories/Datepicker.stories.js.map +1 -1
  225. package/build/es/components/description-list/stories/DescriptionList.stories.js +1 -1
  226. package/build/es/components/description-list/stories/DescriptionList.stories.js.map +1 -1
  227. package/build/es/components/expander/ExpandablePanel.js +1 -1
  228. package/build/es/components/expander/ExpandablePanel.js.map +1 -1
  229. package/build/es/components/expander/ExpandablePanelContent.js +1 -1
  230. package/build/es/components/expander/ExpandablePanelContent.js.map +1 -1
  231. package/build/es/components/expander/Expander.js +1 -1
  232. package/build/es/components/expander/Expander.js.map +1 -1
  233. package/build/es/components/expander/index.d.ts +0 -1
  234. package/build/es/components/expander/index.js +1 -1
  235. package/build/es/components/expander/stories/{ExpanderPanel.stories.js → ExpandablePanel.stories.js} +1 -1
  236. package/build/es/components/expander/stories/ExpandablePanel.stories.js.map +1 -0
  237. package/build/es/components/feedback/followup/Followup.js +1 -1
  238. package/build/es/components/feedback/followup/Followup.js.map +1 -1
  239. package/build/es/components/feedback/followup/useFollowup.js +1 -1
  240. package/build/es/components/feedback/followup/useFollowup.js.map +1 -1
  241. package/build/es/components/feedback/main-question/MainQuestion.js +1 -1
  242. package/build/es/components/feedback/main-question/MainQuestion.js.map +1 -1
  243. package/build/es/components/feedback/main-question/useMainQuestion.js +1 -1
  244. package/build/es/components/feedback/main-question/useMainQuestion.js.map +1 -1
  245. package/build/es/components/feedback/questions/AddonQuestion.js +1 -1
  246. package/build/es/components/feedback/questions/AddonQuestion.js.map +1 -1
  247. package/build/es/components/feedback/questions/CheckboxQuestion.js +1 -1
  248. package/build/es/components/feedback/questions/CheckboxQuestion.js.map +1 -1
  249. package/build/es/components/feedback/questions/ContactQuestion.js +1 -1
  250. package/build/es/components/feedback/questions/ContactQuestion.js.map +1 -1
  251. package/build/es/components/feedback/questions/RadioQuestion.js +1 -1
  252. package/build/es/components/feedback/questions/RadioQuestion.js.map +1 -1
  253. package/build/es/components/feedback/questions/SmileyQuestion.js +1 -1
  254. package/build/es/components/feedback/questions/SmileyQuestion.js.map +1 -1
  255. package/build/es/components/feedback/questions/TextQuestion.js +1 -1
  256. package/build/es/components/feedback/questions/TextQuestion.js.map +1 -1
  257. package/build/es/components/file/File.js.map +1 -1
  258. package/build/es/components/file/stories/File.stories.d.ts +1 -1
  259. package/build/es/components/file/stories/File.stories.js.map +1 -1
  260. package/build/es/components/file-input/FileInput.js.map +1 -1
  261. package/build/es/components/file-input/index.d.ts +1 -1
  262. package/build/es/components/file-input/internal/Dropzone.js.map +1 -1
  263. package/build/es/components/file-input/internal/Input.js.map +1 -1
  264. package/build/es/components/file-input/internal/fileInputContext.js.map +1 -1
  265. package/build/es/components/file-input/internal/validateFileInputFiles.js +1 -1
  266. package/build/es/components/file-input/internal/validateFileInputFiles.js.map +1 -1
  267. package/build/es/components/file-input/stories/FileInput.stories.js.map +1 -1
  268. package/build/es/components/icon/stories/Icons.stories.js +1 -1
  269. package/build/es/components/image/useImageLoadingStatus.js +1 -1
  270. package/build/es/components/image/useImageLoadingStatus.js.map +1 -1
  271. package/build/es/components/input-group/InputGroup.js +1 -1
  272. package/build/es/components/input-group/InputGroup.js.map +1 -1
  273. package/build/es/components/link/stories/Link.stories.js +1 -1
  274. package/build/es/components/link/stories/Link.stories.js.map +1 -1
  275. package/build/es/components/loader/stories/Skeleton.stories.js +1 -1
  276. package/build/es/components/menu/Menu.js +1 -1
  277. package/build/es/components/menu/Menu.js.map +1 -1
  278. package/build/es/components/menu/MenuItemCheckbox.js +1 -1
  279. package/build/es/components/menu/MenuItemCheckbox.js.map +1 -1
  280. package/build/es/components/message/Message.js +1 -1
  281. package/build/es/components/message/Message.js.map +1 -1
  282. package/build/es/components/modal/stories/ModalCloseButton.stories.d.ts +1 -1
  283. package/build/es/components/modal/stories/ModalOverlay.stories.js +1 -1
  284. package/build/es/components/modal/stories/ModalOverlay.stories.js.map +1 -1
  285. package/build/es/components/popover/Popover.js +1 -1
  286. package/build/es/components/popover/Popover.js.map +1 -1
  287. package/build/es/components/radio-panel/RadioPanel.js +1 -1
  288. package/build/es/components/radio-panel/RadioPanel.js.map +1 -1
  289. package/build/es/components/screen-reader-only/ScreenReaderOnly.d.ts +3 -0
  290. package/build/es/components/screen-reader-only/ScreenReaderOnly.js.map +1 -0
  291. package/build/es/components/screen-reader-only/index.d.ts +2 -0
  292. package/build/es/components/screen-reader-only/index.js +2 -0
  293. package/build/es/components/screen-reader-only/types.d.ts +4 -0
  294. package/build/es/components/select/Select.js +1 -1
  295. package/build/es/components/select/Select.js.map +1 -1
  296. package/build/es/components/select/select-utils.js +1 -1
  297. package/build/es/components/select/select-utils.js.map +1 -1
  298. package/build/es/components/system-message/SystemMessage.js +1 -1
  299. package/build/es/components/system-message/SystemMessage.js.map +1 -1
  300. package/build/es/components/table/TableHeader.js +1 -1
  301. package/build/es/components/table/TableHeader.js.map +1 -1
  302. package/build/es/components/table/TableRow.js +1 -1
  303. package/build/es/components/table/TableRow.js.map +1 -1
  304. package/build/es/components/table/stories/data.d.ts +8 -0
  305. package/build/es/components/table/stories/data.js +2 -0
  306. package/build/es/components/table/stories/data.js.map +1 -0
  307. package/build/es/components/table/stories/table.stories.d.ts +10 -1
  308. package/build/es/components/table/stories/table.stories.js +1 -1
  309. package/build/es/components/table/stories/table.stories.js.map +1 -1
  310. package/build/es/components/table/stories/tableCollapsing.stories.d.ts +16 -0
  311. package/build/es/components/table/stories/tableCollapsing.stories.js +2 -0
  312. package/build/es/components/table/stories/tableCollapsing.stories.js.map +1 -0
  313. package/build/es/components/table/stories/tableComplex.stories.d.ts +21 -0
  314. package/build/es/components/table/stories/tableComplex.stories.js +2 -0
  315. package/build/es/components/table/stories/tableComplex.stories.js.map +1 -0
  316. package/build/es/components/table/stories/tableFiltering.stories.d.ts +21 -0
  317. package/build/es/components/table/stories/tableFiltering.stories.js +2 -0
  318. package/build/es/components/table/stories/tableFiltering.stories.js.map +1 -0
  319. package/build/{cjs/components/accordion/stories/AccordionItem.stories.d.cts → es/components/table/stories/tablePagination.stories.d.ts} +2 -2
  320. package/build/es/components/table/stories/tablePagination.stories.js +2 -0
  321. package/build/es/components/table/stories/tablePagination.stories.js.map +1 -0
  322. package/build/es/components/tabs/NavTab.js +1 -1
  323. package/build/es/components/tabs/NavTab.js.map +1 -1
  324. package/build/es/components/tabs/NavTabs.js +1 -1
  325. package/build/es/components/tabs/NavTabs.js.map +1 -1
  326. package/build/es/components/tabs/TabList.js +1 -1
  327. package/build/es/components/tabs/TabList.js.map +1 -1
  328. package/build/es/components/text-area/BaseTextArea.js +1 -1
  329. package/build/es/components/text-area/BaseTextArea.js.map +1 -1
  330. package/build/es/components/toast/Toast.js +1 -1
  331. package/build/es/components/toast/Toast.js.map +1 -1
  332. package/build/es/components/toast/toastContext.js +1 -1
  333. package/build/es/components/toast/toastContext.js.map +1 -1
  334. package/build/es/components/toggle-switch/ToggleSwitch.js +1 -1
  335. package/build/es/components/toggle-switch/ToggleSwitch.js.map +1 -1
  336. package/build/es/components/toggle-switch/usePillStyles.js +1 -1
  337. package/build/es/components/toggle-switch/usePillStyles.js.map +1 -1
  338. package/build/es/components/tooltip/PopupTip.js +1 -1
  339. package/build/es/components/tooltip/PopupTip.js.map +1 -1
  340. package/build/es/components/tooltip/Tooltip.js +1 -1
  341. package/build/es/components/tooltip/Tooltip.js.map +1 -1
  342. package/build/es/components/tooltip/TooltipTrigger.js +1 -1
  343. package/build/es/components/tooltip/TooltipTrigger.js.map +1 -1
  344. package/build/es/hooks/useAnimatedHeight/useAnimatedHeight.js +1 -1
  345. package/build/es/hooks/useAnimatedHeight/useAnimatedHeight.js.map +1 -1
  346. package/build/es/hooks/useAnimatedHeight/useAnimatedHeightBetween.js +1 -1
  347. package/build/es/hooks/useAnimatedHeight/useAnimatedHeightBetween.js.map +1 -1
  348. package/build/es/hooks/useAnimatedHeight/useAutoAnimateHeight.js +1 -1
  349. package/build/es/hooks/useAnimatedHeight/useAutoAnimateHeight.js.map +1 -1
  350. package/build/es/hooks/useAriaLiveRegion/useAriaLiveRegion.d.ts +1 -1
  351. package/build/es/hooks/useAriaLiveRegion/useAriaLiveRegion.js +1 -1
  352. package/build/es/hooks/useAriaLiveRegion/useAriaLiveRegion.js.map +1 -1
  353. package/build/es/hooks/useClickOutside/useClickOutside.js +1 -1
  354. package/build/es/hooks/useClickOutside/useClickOutside.js.map +1 -1
  355. package/build/es/hooks/useElementDimensions/useElementDimensions.js +1 -1
  356. package/build/es/hooks/useElementDimensions/useElementDimensions.js.map +1 -1
  357. package/build/es/hooks/useFocusOutside/useFocusOutside.js +1 -1
  358. package/build/es/hooks/useFocusOutside/useFocusOutside.js.map +1 -1
  359. package/build/es/hooks/useIntersectionObserver/useIntersectionObserver.js +1 -1
  360. package/build/es/hooks/useIntersectionObserver/useIntersectionObserver.js.map +1 -1
  361. package/build/es/hooks/useKeyListener/useKeyListener.js +1 -1
  362. package/build/es/hooks/useKeyListener/useKeyListener.js.map +1 -1
  363. package/build/es/hooks/useScrollIntoView/useScrollIntoView.js +1 -1
  364. package/build/es/hooks/useScrollIntoView/useScrollIntoView.js.map +1 -1
  365. package/build/es/hooks/useSwipeGesture/useSwipeGesture.js +1 -1
  366. package/build/es/hooks/useSwipeGesture/useSwipeGesture.js.map +1 -1
  367. package/build/es/index.d.ts +0 -1
  368. package/build/es/index.js +1 -1
  369. package/build/es/utilities/formatters/date/formatDate.js +1 -1
  370. package/build/es/utilities/formatters/date/formatDate.js.map +1 -1
  371. package/build/es/utilities/formatters/fodselsnummer/formatFodselsnummer.js +1 -1
  372. package/build/es/utilities/formatters/fodselsnummer/formatFodselsnummer.js.map +1 -1
  373. package/build/es/utilities/formatters/kontonummer/formatKontonummer.js +1 -1
  374. package/build/es/utilities/formatters/kontonummer/formatKontonummer.js.map +1 -1
  375. package/build/es/utilities/formatters/kortnummer/formatKortnummer.js +1 -1
  376. package/build/es/utilities/formatters/kortnummer/formatKortnummer.js.map +1 -1
  377. package/build/es/utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.js +1 -1
  378. package/build/es/utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.js.map +1 -1
  379. package/build/es/utilities/formatters/telefonnummer/formatTelefonnummer.js +1 -1
  380. package/build/es/utilities/formatters/telefonnummer/formatTelefonnummer.js.map +1 -1
  381. package/build/es/utilities/formatters/util/registerWithMask.js +1 -1
  382. package/build/es/utilities/formatters/util/registerWithMask.js.map +1 -1
  383. package/build/es/utilities/formatters/valuta/formatValuta.js +1 -1
  384. package/build/es/utilities/formatters/valuta/formatValuta.js.map +1 -1
  385. package/build/es/utilities/tabListener.js +1 -1
  386. package/build/es/utilities/tabListener.js.map +1 -1
  387. package/build/es/utilities/validators/hasMinimumWords/hasMinimumWords.js +1 -1
  388. package/build/es/utilities/validators/hasMinimumWords/hasMinimumWords.js.map +1 -1
  389. package/build/jokul.css +1 -1
  390. package/build/paginated-table-data-VQZB3_Aj.cjs +2 -0
  391. package/build/paginated-table-data-VQZB3_Aj.cjs.map +1 -0
  392. package/build/paginated-table-data-ZMeh4d0Y.js +2 -0
  393. package/build/paginated-table-data-ZMeh4d0Y.js.map +1 -0
  394. package/package.json +61 -81
  395. package/styles/components/autosuggest/autosuggest.scss +4 -4
  396. package/styles/components/card/card.css +0 -248
  397. package/styles/components/card/card.min.css +1 -1
  398. package/styles/components/card/card.scss +0 -3
  399. package/styles/components/checkbox/checkbox.css +4 -4
  400. package/styles/components/checkbox/checkbox.min.css +1 -1
  401. package/styles/components/checkbox-panel/checkbox-panel.css +2 -2
  402. package/styles/components/checkbox-panel/checkbox-panel.min.css +1 -1
  403. package/styles/components/chip/chip.css +9 -1
  404. package/styles/components/chip/chip.min.css +1 -1
  405. package/styles/components/chip/chip.scss +8 -1
  406. package/styles/components/combobox/combobox.css +17 -19
  407. package/styles/components/combobox/combobox.min.css +1 -1
  408. package/styles/components/combobox/combobox.scss +18 -18
  409. package/styles/components/countdown/countdown.css +2 -2
  410. package/styles/components/countdown/countdown.min.css +1 -1
  411. package/styles/components/datepicker/_index.scss +1 -0
  412. package/styles/components/description-list/description-list.scss +7 -7
  413. package/styles/components/expander/_index.scss +0 -1
  414. package/styles/components/feedback/feedback.css +2 -2
  415. package/styles/components/feedback/feedback.min.css +1 -1
  416. package/styles/components/feedback/feedback.scss +4 -3
  417. package/styles/components/file-input/file-input.css +13 -14
  418. package/styles/components/file-input/file-input.min.css +1 -1
  419. package/styles/components/input-group/_labels.scss +21 -21
  420. package/styles/components/input-group/input-group.css +2 -2
  421. package/styles/components/input-group/input-group.min.css +1 -1
  422. package/styles/components/link/link.css +2 -3
  423. package/styles/components/link/link.min.css +1 -1
  424. package/styles/components/link/link.scss +3 -2
  425. package/styles/components/loader/loader.css +6 -6
  426. package/styles/components/loader/loader.min.css +1 -1
  427. package/styles/components/loader/skeleton-loader.css +5 -5
  428. package/styles/components/loader/skeleton-loader.min.css +1 -1
  429. package/styles/components/loader/skeleton-loader.scss +10 -10
  430. package/styles/components/menu/menu.css +5 -5
  431. package/styles/components/menu/menu.min.css +1 -1
  432. package/styles/components/menu/menu.scss +3 -3
  433. package/styles/components/message/message.css +2 -2
  434. package/styles/components/message/message.min.css +1 -1
  435. package/styles/components/progress-bar/progress-bar.css +1 -1
  436. package/styles/components/progress-bar/progress-bar.min.css +1 -1
  437. package/styles/components/radio-button/radio-button.css +4 -3
  438. package/styles/components/radio-button/radio-button.min.css +1 -1
  439. package/styles/components/radio-button/radio-button.scss +18 -19
  440. package/styles/components/radio-panel/radio-panel.css +2 -2
  441. package/styles/components/radio-panel/radio-panel.min.css +1 -1
  442. package/styles/components/summary-table/summary-table.scss +3 -3
  443. package/styles/components/system-message/system-message.css +2 -2
  444. package/styles/components/system-message/system-message.min.css +1 -1
  445. package/styles/components/system-message/system-message.scss +8 -8
  446. package/styles/components/table/_table-cell.scss +4 -4
  447. package/styles/components/table/_table-header.scss +4 -2
  448. package/styles/components/table/_table-row.scss +13 -12
  449. package/styles/components/table/table.css +13 -11
  450. package/styles/components/text-area/text-area.css +6 -4
  451. package/styles/components/text-area/text-area.min.css +5 -1
  452. package/styles/components/text-input/text-input.css +6 -4
  453. package/styles/components/text-input/text-input.min.css +5 -1
  454. package/styles/components/toast/toast.css +4 -4
  455. package/styles/components/toast/toast.min.css +1 -1
  456. package/styles/components/toggle-switch/_toggle-slider.scss +2 -2
  457. package/styles/core/core.css +0 -160
  458. package/styles/core/core.min.css +1 -1
  459. package/styles/core/jkl/_spacing.scss +1 -62
  460. package/styles/core/jkl/_typography.scss +21 -91
  461. package/styles/shared/input/shared-input-styles.css +6 -4
  462. package/styles/shared/input/shared-input-styles.min.css +5 -1
  463. package/styles/shared/input/shared-input-styles.scss +15 -11
  464. package/styles/styles.css +265 -766
  465. package/styles/styles.min.css +5 -7
  466. package/styles/styles.scss +0 -1
  467. package/build/cjs/components/ScreenReaderOnly.cjs.map +0 -1
  468. package/build/cjs/components/ScreenReaderOnly.d.cts +0 -6
  469. package/build/cjs/components/accordion/Accordion.cjs +0 -2
  470. package/build/cjs/components/accordion/Accordion.cjs.map +0 -1
  471. package/build/cjs/components/accordion/Accordion.d.cts +0 -7
  472. package/build/cjs/components/accordion/AccordionItem.cjs +0 -2
  473. package/build/cjs/components/accordion/AccordionItem.cjs.map +0 -1
  474. package/build/cjs/components/accordion/AccordionItem.d.cts +0 -7
  475. package/build/cjs/components/accordion/documentation/AccordionDocs.cjs +0 -2
  476. package/build/cjs/components/accordion/documentation/AccordionDocs.cjs.map +0 -1
  477. package/build/cjs/components/accordion/documentation/AccordionDocs.d.cts +0 -2
  478. package/build/cjs/components/accordion/index.cjs +0 -2
  479. package/build/cjs/components/accordion/index.d.cts +0 -3
  480. package/build/cjs/components/accordion/stories/Accordion.stories.cjs +0 -2
  481. package/build/cjs/components/accordion/stories/Accordion.stories.cjs.map +0 -1
  482. package/build/cjs/components/accordion/stories/AccordionItem.stories.cjs +0 -2
  483. package/build/cjs/components/accordion/stories/AccordionItem.stories.cjs.map +0 -1
  484. package/build/cjs/components/accordion/types.d.cts +0 -13
  485. package/build/cjs/components/accordion/vite-env.d.cjs +0 -2
  486. package/build/cjs/components/accordion/vite-env.d.cjs.map +0 -1
  487. package/build/cjs/components/card/InfoCard.cjs +0 -2
  488. package/build/cjs/components/card/InfoCard.cjs.map +0 -1
  489. package/build/cjs/components/card/InfoCard.d.cts +0 -13
  490. package/build/cjs/components/card/NavCard.cjs +0 -2
  491. package/build/cjs/components/card/NavCard.cjs.map +0 -1
  492. package/build/cjs/components/card/NavCard.d.cts +0 -26
  493. package/build/cjs/components/card/TaskCard.cjs +0 -2
  494. package/build/cjs/components/card/TaskCard.cjs.map +0 -1
  495. package/build/cjs/components/card/TaskCard.d.cts +0 -23
  496. package/build/cjs/components/card/development/examples/InfoCardExample.d.cts +0 -3
  497. package/build/cjs/components/card/development/examples/NavCardExample.d.cts +0 -3
  498. package/build/cjs/components/card/development/examples/TaskCardExample.d.cts +0 -3
  499. package/build/cjs/components/card/development/examples/TopExample.d.cts +0 -3
  500. package/build/cjs/components/card/development/examples/cardExampleProps.d.cts +0 -13
  501. package/build/cjs/components/card/utils.cjs +0 -2
  502. package/build/cjs/components/card/utils.cjs.map +0 -1
  503. package/build/cjs/components/card/utils.d.cts +0 -3
  504. package/build/cjs/components/expander/deprecated/ExpandSection.cjs +0 -2
  505. package/build/cjs/components/expander/deprecated/ExpandSection.cjs.map +0 -1
  506. package/build/cjs/components/expander/deprecated/ExpandSection.d.cts +0 -26
  507. package/build/cjs/components/expander/deprecated/Expander.cjs +0 -2
  508. package/build/cjs/components/expander/deprecated/Expander.cjs.map +0 -1
  509. package/build/cjs/components/expander/deprecated/Expander.d.cts +0 -27
  510. package/build/cjs/components/expander/stories/ExpanderPanel.stories.cjs.map +0 -1
  511. package/build/cjs/components/index.cjs +0 -2
  512. package/build/cjs/components/index.cjs.map +0 -1
  513. package/build/cjs/components/index.d.cts +0 -47
  514. package/build/es/components/ScreenReaderOnly.d.ts +0 -6
  515. package/build/es/components/ScreenReaderOnly.js.map +0 -1
  516. package/build/es/components/accordion/Accordion.d.ts +0 -7
  517. package/build/es/components/accordion/Accordion.js +0 -2
  518. package/build/es/components/accordion/Accordion.js.map +0 -1
  519. package/build/es/components/accordion/AccordionItem.d.ts +0 -7
  520. package/build/es/components/accordion/AccordionItem.js +0 -2
  521. package/build/es/components/accordion/AccordionItem.js.map +0 -1
  522. package/build/es/components/accordion/documentation/AccordionDocs.d.ts +0 -2
  523. package/build/es/components/accordion/documentation/AccordionDocs.js +0 -2
  524. package/build/es/components/accordion/documentation/AccordionDocs.js.map +0 -1
  525. package/build/es/components/accordion/index.d.ts +0 -3
  526. package/build/es/components/accordion/index.js +0 -2
  527. package/build/es/components/accordion/stories/Accordion.stories.d.ts +0 -13
  528. package/build/es/components/accordion/stories/Accordion.stories.js +0 -2
  529. package/build/es/components/accordion/stories/Accordion.stories.js.map +0 -1
  530. package/build/es/components/accordion/stories/AccordionItem.stories.d.ts +0 -13
  531. package/build/es/components/accordion/stories/AccordionItem.stories.js +0 -2
  532. package/build/es/components/accordion/stories/AccordionItem.stories.js.map +0 -1
  533. package/build/es/components/accordion/types.d.ts +0 -13
  534. package/build/es/components/accordion/vite-env.d.js +0 -2
  535. package/build/es/components/accordion/vite-env.d.js.map +0 -1
  536. package/build/es/components/card/InfoCard.d.ts +0 -13
  537. package/build/es/components/card/InfoCard.js +0 -2
  538. package/build/es/components/card/InfoCard.js.map +0 -1
  539. package/build/es/components/card/NavCard.d.ts +0 -26
  540. package/build/es/components/card/NavCard.js +0 -2
  541. package/build/es/components/card/NavCard.js.map +0 -1
  542. package/build/es/components/card/TaskCard.d.ts +0 -23
  543. package/build/es/components/card/TaskCard.js +0 -2
  544. package/build/es/components/card/TaskCard.js.map +0 -1
  545. package/build/es/components/card/development/examples/InfoCardExample.d.ts +0 -3
  546. package/build/es/components/card/development/examples/NavCardExample.d.ts +0 -3
  547. package/build/es/components/card/development/examples/TaskCardExample.d.ts +0 -3
  548. package/build/es/components/card/development/examples/TopExample.d.ts +0 -3
  549. package/build/es/components/card/development/examples/cardExampleProps.d.ts +0 -13
  550. package/build/es/components/card/utils.d.ts +0 -3
  551. package/build/es/components/card/utils.js +0 -2
  552. package/build/es/components/card/utils.js.map +0 -1
  553. package/build/es/components/expander/deprecated/ExpandSection.d.ts +0 -26
  554. package/build/es/components/expander/deprecated/ExpandSection.js +0 -2
  555. package/build/es/components/expander/deprecated/ExpandSection.js.map +0 -1
  556. package/build/es/components/expander/deprecated/Expander.d.ts +0 -27
  557. package/build/es/components/expander/deprecated/Expander.js +0 -2
  558. package/build/es/components/expander/deprecated/Expander.js.map +0 -1
  559. package/build/es/components/expander/stories/ExpanderPanel.stories.js.map +0 -1
  560. package/build/es/components/index.d.ts +0 -47
  561. package/build/es/components/index.js +0 -2
  562. package/build/es/components/index.js.map +0 -1
  563. package/styles/components/accordion/_index.scss +0 -2
  564. package/styles/components/accordion/accordion.css +0 -189
  565. package/styles/components/accordion/accordion.min.css +0 -7
  566. package/styles/components/accordion/accordion.scss +0 -168
  567. package/styles/components/card/_info-card.scss +0 -42
  568. package/styles/components/card/_nav-card.scss +0 -119
  569. package/styles/components/card/_task-card.scss +0 -55
  570. package/styles/components/card/development/info-card-example.css +0 -26
  571. package/styles/components/card/development/info-card-example.min.css +0 -1
  572. package/styles/components/card/development/info-card-example.scss +0 -14
  573. package/styles/components/card/development/task-card-example.css +0 -9
  574. package/styles/components/card/development/task-card-example.min.css +0 -1
  575. package/styles/components/card/development/task-card-example.scss +0 -8
  576. package/styles/components/expander/deprecated/expander.css +0 -82
  577. package/styles/components/expander/deprecated/expander.min.css +0 -1
  578. package/styles/components/expander/deprecated/expander.scss +0 -87
  579. /package/build/cjs/components/expander/stories/{ExpanderPanel.stories.d.cts → ExpandablePanel.stories.d.cts} +0 -0
  580. /package/build/cjs/components/{ScreenReaderOnly.cjs → screen-reader-only/ScreenReaderOnly.cjs} +0 -0
  581. /package/build/cjs/components/{accordion → screen-reader-only}/index.cjs.map +0 -0
  582. /package/build/cjs/components/{accordion → screen-reader-only}/types.cjs +0 -0
  583. /package/build/cjs/components/{accordion → screen-reader-only}/types.cjs.map +0 -0
  584. /package/build/es/components/expander/stories/{ExpanderPanel.stories.d.ts → ExpandablePanel.stories.d.ts} +0 -0
  585. /package/build/es/components/{ScreenReaderOnly.js → screen-reader-only/ScreenReaderOnly.js} +0 -0
  586. /package/build/es/components/{accordion → screen-reader-only}/index.js.map +0 -0
  587. /package/build/es/components/{accordion → screen-reader-only}/types.js +0 -0
  588. /package/build/es/components/{accordion → screen-reader-only}/types.js.map +0 -0
@@ -1,4 +1,3 @@
1
- @use "components/accordion" as accordion;
2
1
  @use "components/autosuggest" as autosuggest;
3
2
  @use "components/breadcrumb" as breadcrumb;
4
3
  @use "components/button" as button;
@@ -1 +0,0 @@
1
- {"version":3,"file":"ScreenReaderOnly.cjs","sources":["../../../src/components/ScreenReaderOnly.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport type { WithChildren } from \"../core/types.js\";\n\nexport interface ScreenReaderOnlyProps extends WithChildren {\n showOnFocus?: boolean;\n}\n\nexport const ScreenReaderOnly: FC<ScreenReaderOnlyProps> = ({\n children,\n showOnFocus,\n ...rest\n}) => (\n <span\n {...rest}\n className={`jkl-sr-only${showOnFocus ? \" jkl-sr-only--focusable\" : \"\"}`}\n >\n {children}\n </span>\n);\n"],"names":["children","showOnFocus","rest","jsx","className"],"mappings":"+JAO2D,EACvDA,SAAAA,EACAC,YAAAA,KACGC,KAEHC,EAAAA,IAAC,OAAA,IACOD,EACJE,UAAW,eAAcH,EAAc,0BAA4B,IAElED,SAAAA"}
@@ -1,6 +0,0 @@
1
- import { FC } from 'react';
2
- import { WithChildren } from '../core/types.cjs';
3
- export interface ScreenReaderOnlyProps extends WithChildren {
4
- showOnFocus?: boolean;
5
- }
6
- export declare const ScreenReaderOnly: FC<ScreenReaderOnlyProps>;
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../clsx-E3yX_9sL.cjs");require("react");exports.Accordion=({className:t,density:s,id:c,...i})=>e.jsx("section",{role:"group","data-testid":"jkl-accordion",className:r.clsx("jkl-accordion",t),"data-density":s,id:c,...i});
2
- //# sourceMappingURL=Accordion.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Accordion.cjs","sources":["../../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport type { AccordionProps } from \"./types.js\";\n\n/**\n * @deprecated Denne komponenten bør ikke brukes lenger, og vil ikke bli oppdatert.\n * Bruk heller komponenten `Expandable`.\n */\nexport const Accordion: FC<AccordionProps> = ({\n className,\n density,\n id,\n ...rest\n}) => {\n return (\n <section\n role=\"group\"\n data-testid=\"jkl-accordion\"\n className={clsx(\"jkl-accordion\", className)}\n data-density={density}\n id={id}\n {...rest}\n />\n );\n};\n"],"names":["className","density","id","rest","jsx","role","clsx"],"mappings":"gMAQ6C,EACzCA,UAAAA,EACAC,QAAAA,EACAC,GAAAA,KACGC,KAGCC,EAAAA,IAAC,UAAA,CACGC,KAAK,QACL,cAAY,gBACZL,UAAWM,EAAAA,KAAK,gBAAiBN,GACjC,eAAcC,EACdC,GAAAA,KACIC"}
@@ -1,7 +0,0 @@
1
- import { FC } from 'react';
2
- import { AccordionProps } from './types.cjs';
3
- /**
4
- * @deprecated Denne komponenten bør ikke brukes lenger, og vil ikke bli oppdatert.
5
- * Bruk heller komponenten `Expandable`.
6
- */
7
- export declare const Accordion: FC<AccordionProps>;
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../clsx-E3yX_9sL.cjs"),i=require("react"),a=require("../../hooks/useAnimatedDetails/useAnimatedDetails.cjs"),r=require("../icon/icons/animated/ArrowVerticalAnimated.cjs");exports.AccordionItem=({children:c,title:s,className:n,startExpanded:o=!1,onClick:d,id:l,...m})=>{const[j,u]=i.useState(o),[k]=i.useState((()=>o)),{detailsRef:x,summaryRef:_,contentRef:p,onSummaryClick:A}=a.useAnimatedDetails({onOpenChange:(e,t)=>{u(e),d&&d(t,e)},isExpanded:k});return e.jsxs("details",{"data-testid":"jkl-accordion-item",...m,className:t.clsx("jkl-accordion-item",n),ref:x,id:l,children:[e.jsxs("summary",{"data-testid":"jkl-accordion-item__title",className:"jkl-accordion-item__title",onClick:A,ref:_,children:[s,e.jsx(r.ArrowVerticalAnimated,{className:"jkl-accordion-item__arrow",pointingDown:!j,bold:j})]}),e.jsx("div",{"data-testid":"jkl-accordion-item__content-wrapper",className:"jkl-accordion-item__content-wrapper",ref:p,children:e.jsx("div",{className:"jkl-accordion-item__content",children:c})})]})};
2
- //# sourceMappingURL=AccordionItem.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AccordionItem.cjs","sources":["../../../../src/components/accordion/AccordionItem.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC, useState } from \"react\";\nimport { useAnimatedDetails } from \"../../hooks/useAnimatedDetails/useAnimatedDetails.js\";\nimport { ArrowVerticalAnimated } from \"../icon/icons/animated/ArrowVerticalAnimated.js\";\nimport type { AccordionItemProps } from \"./types.js\";\n\n/**\n * @deprecated Denne komponenten bør ikke brukes lenger, og vil ikke bli oppdatert.\n * Bruk heller komponenten `Expandable.Content`.\n */\nexport const AccordionItem: FC<AccordionItemProps> = ({\n children,\n title,\n className,\n startExpanded = false,\n onClick,\n id,\n ...rest\n}) => {\n const [isOpen, setIsOpen] = useState(startExpanded);\n const [expandOnMount] = useState(() => startExpanded);\n\n const { detailsRef, summaryRef, contentRef, onSummaryClick } =\n useAnimatedDetails({\n onOpenChange: (open, e) => {\n setIsOpen(open);\n if (onClick) {\n onClick(e, open);\n }\n },\n isExpanded: expandOnMount,\n });\n\n return (\n <details\n data-testid=\"jkl-accordion-item\"\n {...rest}\n className={clsx(\"jkl-accordion-item\", className)}\n ref={detailsRef}\n id={id}\n >\n {/* biome-ignore lint/a11y/useKeyWithClickEvents: Fungerer som forventet */}\n <summary\n data-testid=\"jkl-accordion-item__title\"\n className=\"jkl-accordion-item__title\"\n onClick={onSummaryClick}\n ref={summaryRef}\n >\n {title}\n <ArrowVerticalAnimated\n className=\"jkl-accordion-item__arrow\"\n pointingDown={!isOpen}\n bold={isOpen}\n />\n </summary>\n <div\n data-testid=\"jkl-accordion-item__content-wrapper\"\n className=\"jkl-accordion-item__content-wrapper\"\n ref={contentRef}\n >\n <div className=\"jkl-accordion-item__content\">{children}</div>\n </div>\n </details>\n );\n};\n"],"names":["children","title","className","startExpanded","onClick","id","rest","isOpen","setIsOpen","useState","expandOnMount","detailsRef","summaryRef","contentRef","onSummaryClick","useAnimatedDetails","onOpenChange","open","e","isExpanded","jsxs","clsx","ref","jsx","ArrowVerticalAnimated","pointingDown","bold"],"mappings":"uUAUqD,EACjDA,SAAAA,EACAC,MAAAA,EACAC,UAAAA,EACAC,cAAAA,GAAgB,EAChBC,QAAAA,EACAC,GAAAA,KACGC,MAEH,MAAOC,EAAQC,GAAaC,EAAAA,SAASN,IAC9BO,GAAiBD,EAAAA,UAAS,IAAMN,KAE/BQ,WAAAA,EAAYC,WAAAA,EAAYC,WAAAA,EAAYC,eAAAA,GACxCC,EAAAA,mBAAmB,CACfC,aAAc,CAACC,EAAMC,KACjBV,EAAUS,GACNb,GACAA,EAAQc,EAAGD,EAAI,EAGvBE,WAAYT,IAIhB,OAAAU,EAAAA,KAAC,UAAA,CACG,cAAY,wBACRd,EACJJ,UAAWmB,EAAAA,KAAK,qBAAsBnB,GACtCoB,IAAKX,EACLN,GAAAA,EAGAL,SAAA,CAAAoB,EAAAA,KAAC,UAAA,CACG,cAAY,4BACZlB,UAAU,4BACVE,QAASU,EACTQ,IAAKV,EAEJZ,SAAA,CAAAC,EACDsB,EAAAA,IAACC,EAAAA,sBAAA,CACGtB,UAAU,4BACVuB,cAAelB,EACfmB,KAAMnB,OAGdgB,EAAAA,IAAC,MAAA,CACG,cAAY,sCACZrB,UAAU,sCACVoB,IAAKT,EAELb,SAACuB,EAAAA,IAAA,MAAA,CAAIrB,UAAU,8BAA+BF,SAAAA,QAEtD"}
@@ -1,7 +0,0 @@
1
- import { FC } from 'react';
2
- import { AccordionItemProps } from './types.cjs';
3
- /**
4
- * @deprecated Denne komponenten bør ikke brukes lenger, og vil ikke bli oppdatert.
5
- * Bruk heller komponenten `Expandable.Content`.
6
- */
7
- export declare const AccordionItem: FC<AccordionItemProps>;
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),n=require("../../list/List.cjs"),s=require("../../list/ListItem.cjs"),i=require("../Accordion.cjs"),t=require("../AccordionItem.cjs");exports.AccordionExample=()=>{const o=r.useId();return e.jsxs(e.Fragment,{children:[e.jsx("h2",{className:"jkl-portal-heading-medium",id:o,style:{textAlign:"center",marginBottom:24,width:"100%"},children:"Noen spørsmål"}),e.jsxs(i.Accordion,{"aria-labelledby":o,children:[e.jsxs(t.AccordionItem,{title:"Hvem kan kjøpe livsforsikring?",onClick:(e,r)=>{console.log(r?"Opening first accordion item":"Closing first accordion item")},children:[e.jsxs(n.UnorderedList,{style:{margin:"var(--jkl-spacing-16) 0"},children:[e.jsx(s.ListItem,{children:"Personer med et norsk fødselsnummer."}),e.jsx(s.ListItem,{children:"Personer som har vært bosatt i Norge i minst de fem siste årene før avtalen inngås."}),e.jsx(s.ListItem,{children:"Livsforsikring kan kjøpes på nett av personer mellom 18 og 79 år."})]}),"Ønsker du en forsikringssum på mer enn 3 millioner trenger vi ekstra økonomiske opplysninger. Da må du ta kontakt med banken din."]}),e.jsx(t.AccordionItem,{title:"Hvem kan kjøpe kritisk sykdom?",children:"Personer med et norsk fødselsnummer. Personer som har vært bosatt i Norge i minst de fem siste årene før avtalen inngås. Kritisk sykdom kan kjøpes på nett av personer mellom 18 og 58 år. Ønsker du en forsikringssum på mer enn 1,1 millioner trenger vi ekstra økonomiske opplysninger. Da må du ta kontakt med banken din."}),e.jsx(t.AccordionItem,{title:"Hvem kan kjøpe uførepensjon?",children:"Personer med et norsk fødselsnummer. Personer som har vært bosatt i Norge i minst de fem siste årene før avtalen inngås. Uførepensjon kan kjøpes på nett av personer mellom 18 og 60 år. Ønsker du en forsikringssum på mer enn 96 000 trenger vi ekstra økonomiske opplysninger. Da må du ta kontakt med banken din."})]})]})};
2
- //# sourceMappingURL=AccordionDocs.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AccordionDocs.cjs","sources":["../../../../../src/components/accordion/documentation/AccordionDocs.tsx"],"sourcesContent":["import React, { useId } from \"react\";\nimport { UnorderedList } from \"../../list/List.js\";\nimport { ListItem } from \"../../list/ListItem.js\";\nimport { Accordion } from \"../Accordion.js\";\nimport { AccordionItem } from \"../AccordionItem.js\";\n\nexport const AccordionExample = () => {\n /* -- EXAMPLE CODE START -- */\n const id = useId();\n return (\n <>\n <h2\n className=\"jkl-portal-heading-medium\"\n id={id}\n style={{ textAlign: \"center\", marginBottom: 24, width: \"100%\" }}\n >\n Noen spørsmål\n </h2>\n <Accordion aria-labelledby={id}>\n <AccordionItem\n title=\"Hvem kan kjøpe livsforsikring?\"\n onClick={(e, isOpen) => {\n isOpen\n ? console.log(\"Opening first accordion item\")\n : console.log(\"Closing first accordion item\");\n }}\n >\n <UnorderedList\n style={{ margin: \"var(--jkl-spacing-16) 0\" }}\n >\n <ListItem>\n Personer med et norsk fødselsnummer.\n </ListItem>\n <ListItem>\n Personer som har vært bosatt i Norge i minst de fem\n siste årene før avtalen inngås.\n </ListItem>\n <ListItem>\n Livsforsikring kan kjøpes på nett av personer mellom\n 18 og 79 år.\n </ListItem>\n </UnorderedList>\n Ønsker du en forsikringssum på mer enn 3 millioner trenger\n vi ekstra økonomiske opplysninger. Da må du ta kontakt med\n banken din.\n </AccordionItem>\n <AccordionItem title=\"Hvem kan kjøpe kritisk sykdom?\">\n Personer med et norsk fødselsnummer. Personer som har vært\n bosatt i Norge i minst de fem siste årene før avtalen\n inngås. Kritisk sykdom kan kjøpes på nett av personer mellom\n 18 og 58 år. Ønsker du en forsikringssum på mer enn 1,1\n millioner trenger vi ekstra økonomiske opplysninger. Da må\n du ta kontakt med banken din.\n </AccordionItem>\n <AccordionItem title=\"Hvem kan kjøpe uførepensjon?\">\n Personer med et norsk fødselsnummer. Personer som har vært\n bosatt i Norge i minst de fem siste årene før avtalen\n inngås. Uførepensjon kan kjøpes på nett av personer mellom\n 18 og 60 år. Ønsker du en forsikringssum på mer enn 96 000\n trenger vi ekstra økonomiske opplysninger. Da må du ta\n kontakt med banken din.\n </AccordionItem>\n </Accordion>\n </>\n );\n /* -- EXAMPLE CODE END -- */\n};\n"],"names":["id","useId","jsxs","Fragment","children","jsx","className","style","textAlign","marginBottom","width","Accordion","AccordionItem","title","onClick","e","isOpen","console","log","UnorderedList","margin","ListItem"],"mappings":"uSAMgC,KAE5B,MAAMA,EAAKC,EAAAA,QACX,OAEQC,EAAAA,KAAAC,WAAA,CAAAC,SAAA,CAAAC,EAAAA,IAAC,KAAA,CACGC,UAAU,4BACVN,GAAAA,EACAO,MAAO,CAAEC,UAAW,SAAUC,aAAc,GAAIC,MAAO,QAC1DN,SAAA,kBAGDF,EAAAA,KAACS,EAAAA,UAAU,CAAA,kBAAiBX,EACxBI,SAAA,CAAAF,EAAAA,KAACU,EAAAA,cAAA,CACGC,MAAM,iCACNC,QAAS,CAACC,EAAGC,KAEHC,QAAQC,IADdF,EACkB,+BACA,+BAD8B,EAIpDZ,SAAA,CAAAF,EAAAA,KAACiB,EAAAA,cAAA,CACGZ,MAAO,CAAEa,OAAQ,2BAEjBhB,SAAA,CAAAC,EAAAA,IAACgB,YAASjB,SAEV,yCACAC,EAAAA,IAACgB,YAASjB,SAGV,wFACAC,EAAAA,IAACgB,YAASjB,SAGV,yEACY,uIAKnBC,EAAAA,IAAAO,EAAAA,cAAA,CAAcC,MAAM,iCAAiCT,SAOtD,mUACCC,EAAAA,IAAAO,EAAAA,cAAA,CAAcC,MAAM,+BAA+BT,SAOpD,+TAER"}
@@ -1,2 +0,0 @@
1
- import { default as React } from 'react';
2
- export declare const AccordionExample: () => React.JSX.Element;
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./Accordion.cjs"),c=require("./AccordionItem.cjs");exports.Accordion=o.Accordion,exports.AccordionItem=c.AccordionItem;
2
- //# sourceMappingURL=index.cjs.map
@@ -1,3 +0,0 @@
1
- export { Accordion } from './Accordion.cjs';
2
- export { AccordionItem } from './AccordionItem.cjs';
3
- export type { AccordionProps, AccordionItemProps } from './types.cjs';
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");require("react");const r=require("../../list/List.cjs"),n=require("../../list/ListItem.cjs"),s=require("../Accordion.cjs"),i=require("../AccordionItem.cjs");;/* empty css */const t={title:"Komponenter/Accordion/Accordion",component:s.Accordion,parameters:{layout:"padded"},tags:["autodocs"]},o={args:{children:[e.jsxs(i.AccordionItem,{title:"Hvem kan kjøpe livsforsikring?",children:[e.jsxs(r.UnorderedList,{style:{margin:"var(--jkl-spacing-16) 0"},children:[e.jsx(n.ListItem,{children:"Personer med et norsk fødselsnummer."}),e.jsx(n.ListItem,{children:"Personer som har vært bosatt i Norge i minst de fem siste årene før avtalen inngås."}),e.jsx(n.ListItem,{children:"Livsforsikring kan kjøpes på nett av personer mellom 18 og 79 år."})]}),"Ønsker du en forsikringssum på mer enn 3 millioner trenger vi ekstra økonomiske opplysninger. Da må du ta kontakt med banken din."]},0),e.jsx(i.AccordionItem,{title:"Hvem kan kjøpe kritisk sykdom?",children:"Personer med et norsk fødselsnummer. Personer som har vært bosatt i Norge i minst de fem siste årene før avtalen inngås. Kritisk sykdom kan kjøpes på nett av personer mellom 18 og 58 år. Ønsker du en forsikringssum på mer enn 1,1 millioner trenger vi ekstra økonomiske opplysninger. Da må du ta kontakt med banken din."},1),e.jsx(i.AccordionItem,{title:"Hvem kan kjøpe uførepensjon?",children:"Personer med et norsk fødselsnummer. Personer som har vært bosatt i Norge i minst de fem siste årene før avtalen inngås. Uførepensjon kan kjøpes på nett av personer mellom 18 og 60 år. Ønsker du en forsikringssum på mer enn 96 000 trenger vi ekstra økonomiske opplysninger. Da må du ta kontakt med banken din."},2)]}};exports.Accordion=o,exports.default=t;
2
- //# sourceMappingURL=Accordion.stories.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Accordion.stories.cjs","sources":["../../../../../src/components/accordion/stories/Accordion.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { UnorderedList } from \"../../list/List.js\";\nimport { ListItem } from \"../../list/ListItem.js\";\nimport { Accordion as AccordionComponent } from \"../Accordion.js\";\nimport { AccordionItem } from \"../AccordionItem.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n title: \"Komponenter/Accordion/Accordion\",\n component: AccordionComponent,\n parameters: {\n layout: \"padded\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof AccordionComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Accordion: Story = {\n args: {\n children: [\n <AccordionItem title=\"Hvem kan kjøpe livsforsikring?\" key={0}>\n <UnorderedList style={{ margin: \"var(--jkl-spacing-16) 0\" }}>\n <ListItem>Personer med et norsk fødselsnummer.</ListItem>\n <ListItem>\n Personer som har vært bosatt i Norge i minst de fem\n siste årene før avtalen inngås.\n </ListItem>\n <ListItem>\n Livsforsikring kan kjøpes på nett av personer mellom 18\n og 79 år.\n </ListItem>\n </UnorderedList>\n Ønsker du en forsikringssum på mer enn 3 millioner trenger vi\n ekstra økonomiske opplysninger. Da må du ta kontakt med banken\n din.\n </AccordionItem>,\n <AccordionItem title=\"Hvem kan kjøpe kritisk sykdom?\" key={1}>\n Personer med et norsk fødselsnummer. Personer som har vært\n bosatt i Norge i minst de fem siste årene før avtalen inngås.\n Kritisk sykdom kan kjøpes på nett av personer mellom 18 og 58\n år. Ønsker du en forsikringssum på mer enn 1,1 millioner trenger\n vi ekstra økonomiske opplysninger. Da må du ta kontakt med\n banken din.\n </AccordionItem>,\n <AccordionItem title=\"Hvem kan kjøpe uførepensjon?\" key={2}>\n Personer med et norsk fødselsnummer. Personer som har vært\n bosatt i Norge i minst de fem siste årene før avtalen inngås.\n Uførepensjon kan kjøpes på nett av personer mellom 18 og 60 år.\n Ønsker du en forsikringssum på mer enn 96 000 trenger vi ekstra\n økonomiske opplysninger. Da må du ta kontakt med banken din.\n </AccordionItem>,\n ],\n },\n};\n"],"names":["meta","title","component","AccordionComponent","Accordion","parameters","layout","tags","args","children","jsxs","AccordionItem","UnorderedList","style","margin","jsx","ListItem"],"mappings":"yVAQA,MAAMA,EAAO,CACTC,MAAO,kCACPC,UAAWC,EAAAC,UACXC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,aAMEH,EAAmB,CAC5BI,KAAM,CACFC,SAAU,CACNC,EAAAA,KAACC,EAAAA,cAAc,CAAAV,MAAM,iCACjBQ,SAAA,CAAAC,EAAAA,KAACE,EAAcA,cAAA,CAAAC,MAAO,CAAEC,OAAQ,2BAC5BL,SAAA,CAAAM,EAAAA,IAACC,YAASP,SAAoC,yCAC9CM,EAAAA,IAACC,YAASP,SAGV,wFACAM,EAAAA,IAACC,YAASP,SAGV,yEACY,sIAXuC,GAgB1DM,EAAAA,IAAAJ,EAAAA,cAAA,CAAcV,MAAM,iCAAyCQ,2UAAH,GAQ1DM,EAAAA,IAAAJ,EAAAA,cAAA,CAAcV,MAAM,+BAAuCQ,kUAAH"}
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");require("react");const r=require("../AccordionItem.cjs");;/* empty css */const t={title:"Komponenter/Accordion/AccordionItem",component:r.AccordionItem,parameters:{layout:"padded"},tags:["autodocs"]},n={args:{title:"Hvem kan kjøpe kritisk sykdom?",children:e.jsx("p",{children:"Personer med et norsk fødselsnummer. Personer som har vært bosatt i Norge i minst de fem siste årene før avtalen inngås. Kritisk sykdom kan kjøpes på nett av personer mellom 18 og 58 år. Ønsker du en forsikringssum på mer enn 1,1 millioner trenger vi ekstra økonomiske opplysninger. Da må du ta kontakt med banken din."})}};exports.AccordionItem=n,exports.default=t;
2
- //# sourceMappingURL=AccordionItem.stories.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AccordionItem.stories.cjs","sources":["../../../../../src/components/accordion/stories/AccordionItem.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { AccordionItem as AccordionItemComponent } from \"../AccordionItem.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n title: \"Komponenter/Accordion/AccordionItem\",\n component: AccordionItemComponent,\n parameters: {\n layout: \"padded\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof AccordionItemComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const AccordionItem: Story = {\n args: {\n title: \"Hvem kan kjøpe kritisk sykdom?\",\n children: (\n <p>\n Personer med et norsk fødselsnummer. Personer som har vært\n bosatt i Norge i minst de fem siste årene før avtalen inngås.\n Kritisk sykdom kan kjøpes på nett av personer mellom 18 og 58\n år. Ønsker du en forsikringssum på mer enn 1,1 millioner trenger\n vi ekstra økonomiske opplysninger. Da må du ta kontakt med\n banken din.\n </p>\n ),\n },\n};\n"],"names":["meta","title","component","AccordionItemComponent","AccordionItem","parameters","layout","tags","args","children","jsx"],"mappings":"qPAKA,MAAMA,EAAO,CACTC,MAAO,sCACPC,UAAWC,EAAAC,cACXC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,aAMEH,EAAuB,CAChCI,KAAM,CACFP,MAAO,iCACPQ,SACKC,EAAAA,IAAA,IAAA,CAAED,SAOH"}
@@ -1,13 +0,0 @@
1
- import { Density, WithChildren } from '../../core/types.cjs';
2
- export interface AccordionProps extends WithChildren {
3
- className?: string;
4
- density?: Density;
5
- id?: string;
6
- }
7
- export interface AccordionItemProps extends WithChildren {
8
- title: string;
9
- startExpanded?: boolean;
10
- className?: string;
11
- onClick?: (e: React.MouseEvent, isOpen: boolean) => void;
12
- id?: string;
13
- }
@@ -1,2 +0,0 @@
1
- "use strict";
2
- //# sourceMappingURL=vite-env.d.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"vite-env.d.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../../clsx-E3yX_9sL.cjs");require("react");const r=require("./utils.cjs");exports.InfoCard=({title:t,children:i,density:c,className:l,padding:a="l",...d})=>e.jsx("div",{...d,className:s.clsx("jkl-info-card",l),"data-density":c,children:e.jsxs("div",{className:s.clsx("jkl-info-card__content-wrapper"),style:r.getPaddingStyles(a),children:[t&&e.jsx("p",{className:"jkl-info-card__title",children:t}),i]})});
2
- //# sourceMappingURL=InfoCard.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"InfoCard.cjs","sources":["../../../../src/components/card/InfoCard.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport type { Density, WithChildren } from \"../../core/types.js\";\nimport type { PaddingOptions, SpacingStep } from \"./types.js\";\nimport { getPaddingStyles } from \"./utils.js\";\n\nexport interface InfoCardProps extends PaddingOptions, WithChildren {\n className?: string;\n title?: string;\n /**\n * Legger til ekstra rom i bunnen av kortet, fra spacing-skalaen til Jøkul.\n */\n bottomPadding?: SpacingStep;\n density?: Density;\n}\n\nexport const InfoCard: FC<InfoCardProps> = ({\n title,\n children,\n density,\n className,\n padding = \"l\",\n ...rest\n}) => (\n <div\n {...rest}\n className={clsx(\"jkl-info-card\", className)}\n data-density={density}\n >\n <div\n className={clsx(\"jkl-info-card__content-wrapper\")}\n style={getPaddingStyles(padding)}\n >\n {title && <p className=\"jkl-info-card__title\">{title}</p>}\n {children}\n </div>\n </div>\n);\n"],"names":["title","children","density","className","padding","rest","jsx","clsx","jsxs","style","getPaddingStyles"],"mappings":"8NAgB2C,EACvCA,MAAAA,EACAC,SAAAA,EACAC,QAAAA,EACAC,UAAAA,EACAC,QAAAA,EAAU,OACPC,KAEHC,EAAAA,IAAC,MAAA,IACOD,EACJF,UAAWI,EAAAA,KAAK,gBAAiBJ,GACjC,eAAcD,EAEdD,SAAAO,EAAAA,KAAC,MAAA,CACGL,UAAWI,OAAK,kCAChBE,MAAOC,mBAAiBN,GAEvBH,SAAA,CAAAD,GAAUM,EAAAA,IAAA,IAAA,CAAEH,UAAU,uBAAwBF,SAAMD,IACpDC"}
@@ -1,13 +0,0 @@
1
- import { FC } from 'react';
2
- import { Density, WithChildren } from '../../core/types.cjs';
3
- import { PaddingOptions, SpacingStep } from './types.cjs';
4
- export interface InfoCardProps extends PaddingOptions, WithChildren {
5
- className?: string;
6
- title?: string;
7
- /**
8
- * Legger til ekstra rom i bunnen av kortet, fra spacing-skalaen til Jøkul.
9
- */
10
- bottomPadding?: SpacingStep;
11
- density?: Density;
12
- }
13
- export declare const InfoCard: FC<InfoCardProps>;
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../../clsx-E3yX_9sL.cjs"),r=require("react"),s=require("../image/Image.cjs"),n=require("../tag/Tag.cjs"),c=require("./utils.cjs"),t=({text:a,type:r,density:s})=>{const c=(e=>{switch(e){case"info":return n.InfoTag;case"success":return n.SuccessTag;case"warning":return n.WarningTag;case"error":return n.ErrorTag;default:return n.Tag}})(r);return e.jsx(c,{density:s,children:a})},i=r.forwardRef(((r,n)=>{const{component:i="a",padding:l="l",image:d,tag:j,title:o,external:x,description:g,children:u,className:p,density:m,...v}=r,y=i,_=j?Array.isArray(j)?j:[j]:void 0;return e.jsxs(y,{ref:n,"aria-label":o,className:a.clsx("jkl-nav-card",p),"data-density":m,...v,children:[d&&e.jsx(s.Image,{className:"jkl-nav-card__image",...d}),e.jsxs("div",{className:"jkl-nav-card__content",style:c.getPaddingStyles(l),children:[_&&e.jsx("div",{className:"jkl-nav-card__tag-wrapper",children:_.map(((a,r)=>e.jsx(t,{type:a.type,text:a.text},r)))}),e.jsxs("div",{children:[e.jsx("p",{className:a.clsx("jkl-nav-card__link",x?"jkl-nav-card__link--external":""),children:o}),g&&e.jsx("p",{className:"jkl-nav-card__description jkl-spacing-xs--top",children:g})]}),u]})]})}));i.displayName="NavCard",exports.InfoBlock=({children:a})=>e.jsx("div",{className:"jkl-nav-card__info",children:a}),exports.NavCard=i;
2
- //# sourceMappingURL=NavCard.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NavCard.cjs","sources":["../../../../src/components/card/NavCard.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, {\n type AnchorHTMLAttributes,\n type ElementType,\n type FC,\n} from \"react\";\nimport type { Density, WithChildren } from \"../../core/types.js\";\nimport { Image } from \"../image/Image.js\";\nimport type { ImageProps } from \"../image/types.js\";\nimport { ErrorTag, InfoTag, SuccessTag, Tag, WarningTag } from \"../tag/Tag.js\";\nimport type { TagProps } from \"../tag/types.js\";\nimport type { CardTag, PaddingOptions, TagType } from \"./types.js\";\nimport { getPaddingStyles } from \"./utils.js\";\n\n/**\n * Bruk denne komponenten for å legge til ekstra informasjon i NavCard.\n * Innholdet blir rendret med skillelinje, og tekststil \"small\"\n */\nexport const InfoBlock: FC<WithChildren> = ({ children }) => (\n <div className=\"jkl-nav-card__info\">{children}</div>\n);\n\nexport interface NavCardProps\n extends PaddingOptions,\n AnchorHTMLAttributes<HTMLAnchorElement> {\n tag?: CardTag | Array<CardTag>;\n title: string;\n href?: string;\n to?: string;\n external?: boolean;\n description?: string;\n image?: Omit<ImageProps, \"className\">;\n className?: string;\n /**\n * Overstyr hvilken komponent som skal brukes, for eksempel hvis du har en Link-komponent fra en router.\n * @default \"a\"\n */\n component?: ElementType;\n density?: Density;\n}\n\nconst getTag = (type?: TagType) => {\n switch (type) {\n case \"info\":\n return InfoTag;\n case \"success\":\n return SuccessTag;\n case \"warning\":\n return WarningTag;\n case \"error\":\n return ErrorTag;\n default:\n return Tag;\n }\n};\nconst NavCardTag = ({\n text,\n type,\n density,\n}: CardTag & Pick<TagProps, \"density\">) => {\n const CardTag = getTag(type);\n return <CardTag density={density}>{text}</CardTag>;\n};\n\nexport const NavCard: FC<NavCardProps> = React.forwardRef<\n HTMLAnchorElement,\n NavCardProps\n>((props, ref) => {\n const {\n component = \"a\",\n padding = \"l\",\n image,\n tag,\n title,\n external,\n description,\n children,\n className,\n density,\n ...rest\n } = props;\n\n const Component = component;\n\n const tagArr = !tag ? undefined : Array.isArray(tag) ? tag : [tag];\n\n return (\n <Component\n ref={ref}\n aria-label={title}\n className={clsx(\"jkl-nav-card\", className)}\n data-density={density}\n {...rest}\n >\n {image && <Image className=\"jkl-nav-card__image\" {...image} />}\n <div\n className=\"jkl-nav-card__content\"\n style={getPaddingStyles(padding)}\n >\n {tagArr && (\n <div className=\"jkl-nav-card__tag-wrapper\">\n {tagArr.map((t, index) => (\n <NavCardTag\n type={t.type}\n text={t.text}\n key={index}\n />\n ))}\n </div>\n )}\n <div>\n <p\n className={clsx(\n \"jkl-nav-card__link\",\n external ? \"jkl-nav-card__link--external\" : \"\",\n )}\n >\n {title}\n </p>\n {description && (\n <p className=\"jkl-nav-card__description jkl-spacing-xs--top\">\n {description}\n </p>\n )}\n </div>\n {children}\n </div>\n </Component>\n );\n});\n\nNavCard.displayName = \"NavCard\";\n"],"names":["NavCardTag","text","type","density","CardTag","InfoTag","SuccessTag","WarningTag","ErrorTag","Tag","getTag","jsx","children","NavCard","React","forwardRef","props","ref","component","padding","image","tag","title","external","description","className","rest","Component","tagArr","Array","isArray","jsxs","clsx","Image","style","getPaddingStyles","map","t","index","displayName"],"mappings":"qQAuDMA,EAAa,EACfC,KAAAA,EACAC,KAAAA,EACAC,QAAAA,MAEM,MAAAC,EAnBMF,KACZ,OAAQA,GACJ,IAAK,OACM,OAAAG,EAAAA,QACX,IAAK,UACM,OAAAC,EAAAA,WACX,IAAK,UACM,OAAAC,EAAAA,WACX,IAAK,QACM,OAAAC,EAAAA,SACX,QACW,OAAAC,EAAAA,IAAA,EAQCC,CAAOR,GAChB,OAAAS,EAAAA,IAACP,EAAQ,CAAAD,QAAAA,EAAmBS,SAAKX,GAAA,EAG/BY,EAA4BC,EAAMC,YAG7C,CAACC,EAAOC,KACA,MACFC,UAAAA,EAAY,IACZC,QAAAA,EAAU,IACVC,MAAAA,EACAC,IAAAA,EACAC,MAAAA,EACAC,SAAAA,EACAC,YAAAA,EACAZ,SAAAA,EACAa,UAAAA,EACAtB,QAAAA,KACGuB,GACHV,EAEEW,EAAYT,EAEZU,EAAUP,EAAkBQ,MAAMC,QAAQT,GAAOA,EAAM,CAACA,QAAxC,EAGlB,OAAAU,EAAAA,KAACJ,EAAA,CACGV,IAAAA,EACA,aAAYK,EACZG,UAAWO,EAAAA,KAAK,eAAgBP,GAChC,eAActB,KACVuB,EAEHd,SAAA,CAAAQ,GAAUT,EAAAA,IAAAsB,QAAA,CAAMR,UAAU,yBAA0BL,IACrDW,EAAAA,KAAC,MAAA,CACGN,UAAU,wBACVS,MAAOC,mBAAiBhB,GAEvBP,SAAA,CACGgB,GAAAjB,EAAAA,IAAC,OAAIc,UAAU,4BACVb,WAAOwB,KAAI,CAACC,EAAGC,IACZ3B,EAAAA,IAACX,EAAA,CACGE,KAAMmC,EAAEnC,KACRD,KAAMoC,EAAEpC,MACHqC,cAKpB,MACG,CAAA1B,SAAA,CAAAD,EAAAA,IAAC,IAAA,CACGc,UAAWO,EAAAA,KACP,qBACAT,EAAW,+BAAiC,IAG/CX,SAAAU,IAEJE,GACGb,EAAAA,IAAC,IAAE,CAAAc,UAAU,gDACRb,SACLY,OAGPZ,OAET,IAIRC,EAAQ0B,YAAc,4BAjHqB,EAAG3B,SAAAA,KACzCD,EAAAA,IAAA,MAAA,CAAIc,UAAU,qBAAsBb,SAAAA"}
@@ -1,26 +0,0 @@
1
- import { AnchorHTMLAttributes, ElementType, FC } from 'react';
2
- import { Density, WithChildren } from '../../core/types.cjs';
3
- import { ImageProps } from '../image/types.cjs';
4
- import { CardTag, PaddingOptions } from './types.cjs';
5
- /**
6
- * Bruk denne komponenten for å legge til ekstra informasjon i NavCard.
7
- * Innholdet blir rendret med skillelinje, og tekststil "small"
8
- */
9
- export declare const InfoBlock: FC<WithChildren>;
10
- export interface NavCardProps extends PaddingOptions, AnchorHTMLAttributes<HTMLAnchorElement> {
11
- tag?: CardTag | Array<CardTag>;
12
- title: string;
13
- href?: string;
14
- to?: string;
15
- external?: boolean;
16
- description?: string;
17
- image?: Omit<ImageProps, "className">;
18
- className?: string;
19
- /**
20
- * Overstyr hvilken komponent som skal brukes, for eksempel hvis du har en Link-komponent fra en router.
21
- * @default "a"
22
- */
23
- component?: ElementType;
24
- density?: Density;
25
- }
26
- export declare const NavCard: FC<NavCardProps>;
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../../clsx-E3yX_9sL.cjs");require("react");const a=require("./utils.cjs");exports.TaskCard=({bgColor:r,background:t="highlighted",withShadow:d=!1,padding:c="l",className:i,children:l,density:n,...o})=>e.jsx("div",{className:s.clsx("jkl-task-card",i,{[`jkl-task-card--${t}`]:!r,[`jkl-task-card--${r}`]:!!r,"jkl-task-card--with-shadow":d}),"data-density":n,...o,children:e.jsx("div",{className:"jkl-task-card__content-wrapper",style:a.getPaddingStyles(c),children:l})});
2
- //# sourceMappingURL=TaskCard.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TaskCard.cjs","sources":["../../../../src/components/card/TaskCard.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport type { Density, WithChildren } from \"../../core/types.js\";\nimport type { PaddingOptions } from \"./types.js\";\nimport { getPaddingStyles } from \"./utils.js\";\n\nexport interface TaskCardProps extends PaddingOptions, WithChildren {\n /**\n * Bakgrunnsfargen til kortet\n * @deprecated Bruk `background` i stedet\n */\n bgColor?: \"hvit\" | \"snohvit\" | \"sand\" | \"dis\";\n /**\n * Bestemmer bakgrunnsfargen til kortet, på tvers av mørkt eller lyst tema\n * @default \"highlighted\"\n */\n background?: \"highlighted\" | \"normal\" | \"subdued\";\n /**\n * Skal kortet ha skygge?\n * @default false\n */\n withShadow?: boolean;\n className?: string;\n density?: Density;\n}\n\nexport const TaskCard: FC<TaskCardProps> = ({\n bgColor,\n background = \"highlighted\",\n withShadow = false,\n padding = \"l\",\n className,\n children,\n density,\n ...rest\n}) => (\n <div\n className={clsx(\"jkl-task-card\", className, {\n // Vi bruker kun background hvis bgColor ikke er satt, for å ikke bryte eksisterende kode\n [`jkl-task-card--${background}`]: !bgColor,\n [`jkl-task-card--${bgColor}`]: !!bgColor,\n \"jkl-task-card--with-shadow\": withShadow,\n })}\n data-density={density}\n {...rest}\n >\n <div\n className=\"jkl-task-card__content-wrapper\"\n style={getPaddingStyles(padding)}\n >\n {children}\n </div>\n </div>\n);\n"],"names":["bgColor","background","withShadow","padding","className","children","density","rest","jsx","clsx","style","getPaddingStyles"],"mappings":"8NA0B2C,EACvCA,QAAAA,EACAC,WAAAA,EAAa,cACbC,WAAAA,GAAa,EACbC,QAAAA,EAAU,IACVC,UAAAA,EACAC,SAAAA,EACAC,QAAAA,KACGC,KAEHC,EAAAA,IAAC,MAAA,CACGJ,UAAWK,EAAAA,KAAK,gBAAiBL,EAAW,CAExC,CAAC,kBAAkBH,MAAgBD,EACnC,CAAC,kBAAkBA,OAAcA,EACjC,6BAA8BE,IAElC,eAAcI,KACVC,EAEJF,SAAAG,EAAAA,IAAC,MAAA,CACGJ,UAAU,iCACVM,MAAOC,mBAAiBR,GAEvBE,SAAAA"}
@@ -1,23 +0,0 @@
1
- import { FC } from 'react';
2
- import { Density, WithChildren } from '../../core/types.cjs';
3
- import { PaddingOptions } from './types.cjs';
4
- export interface TaskCardProps extends PaddingOptions, WithChildren {
5
- /**
6
- * Bakgrunnsfargen til kortet
7
- * @deprecated Bruk `background` i stedet
8
- */
9
- bgColor?: "hvit" | "snohvit" | "sand" | "dis";
10
- /**
11
- * Bestemmer bakgrunnsfargen til kortet, på tvers av mørkt eller lyst tema
12
- * @default "highlighted"
13
- */
14
- background?: "highlighted" | "normal" | "subdued";
15
- /**
16
- * Skal kortet ha skygge?
17
- * @default false
18
- */
19
- withShadow?: boolean;
20
- className?: string;
21
- density?: Density;
22
- }
23
- export declare const TaskCard: FC<TaskCardProps>;
@@ -1,3 +0,0 @@
1
- import { default as React } from 'react';
2
- import { ExampleComponentProps } from 'utils/dev-example/index.cjs';
3
- export declare const InfoCardExample: React.FC<ExampleComponentProps>;
@@ -1,3 +0,0 @@
1
- import { default as React } from 'react';
2
- import { ExampleComponentProps } from 'utils/dev-example/index.cjs';
3
- export declare const NavCardExample: React.FC<ExampleComponentProps>;
@@ -1,3 +0,0 @@
1
- import { default as React } from 'react';
2
- import { ExampleComponentProps } from 'utils/dev-example/index.cjs';
3
- export declare const TaskCardExample: React.FC<ExampleComponentProps>;
@@ -1,3 +0,0 @@
1
- import { FC } from 'react';
2
- import { ExampleComponentProps } from 'utils/dev-example/index.cjs';
3
- export declare const TopExample: FC<ExampleComponentProps>;
@@ -1,13 +0,0 @@
1
- import { ExampleKnobsProps } from 'utils/dev-example/index.cjs';
2
- import { PaddingShorthand } from '../../types.cjs';
3
- export declare const baseCardExampleProps: {
4
- choiceProps: {
5
- name: string;
6
- values: string[];
7
- defaultValue: number;
8
- }[];
9
- };
10
- export declare const navCardExampleProps: ExampleKnobsProps;
11
- export declare const taskCardExampleProps: ExampleKnobsProps;
12
- export declare const infoCardExampleProps: ExampleKnobsProps;
13
- export declare const mixedPadding: PaddingShorthand;
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./types.cjs");function n(n,S="24"){const a=n||S;return t.isOldSpacingStep(a)?t.SPACING_STEPS.indexOf(a):t.NEW_SPACING_STEPS.indexOf(a)}exports.getPaddingStyles=function(S){if("string"==typeof S)return{padding:`var(--jkl-spacing-${t.NEW_SPACING_STEPS[n(S)]})`};const a=Math.max(n(S.left),n(S.right)),e=t.NEW_SPACING_STEPS[a];return{padding:`${`var(--jkl-spacing-${t.NEW_SPACING_STEPS[Math.max(a,n(S.top,e))]})`} ${`var(--jkl-spacing-${e})`} ${`var(--jkl-spacing-${t.NEW_SPACING_STEPS[Math.max(a,n(S.bottom,e))]})`} ${`var(--jkl-spacing-${e})`}`}};
2
- //# sourceMappingURL=utils.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.cjs","sources":["../../../../src/components/card/utils.ts"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport { NEW_SPACING_STEPS, SPACING_STEPS, isOldSpacingStep } from \"./types.js\";\nimport type { BasePadding, PaddingShorthand, SpacingStep } from \"./types.js\";\n\nfunction getSpacingIndex(\n spacingStep?: SpacingStep,\n fallback: SpacingStep = \"24\",\n): number {\n const value = spacingStep || fallback;\n if (isOldSpacingStep(value)) {\n return SPACING_STEPS.indexOf(value);\n }\n\n return NEW_SPACING_STEPS.indexOf(value);\n}\n\nexport function getPaddingStyles(\n padding: BasePadding | PaddingShorthand,\n): CSSProperties {\n if (typeof padding === \"string\") {\n return {\n padding: `var(--jkl-spacing-${\n NEW_SPACING_STEPS[getSpacingIndex(padding)]\n })`,\n };\n }\n\n // Sett sidepadding til den største av de to innsendte verdiene (eller \"24\")\n const sideSpacingIndex = Math.max(\n getSpacingIndex(padding.left),\n getSpacingIndex(padding.right),\n );\n const sidePadding = NEW_SPACING_STEPS[sideSpacingIndex];\n\n // Sett topp-/bunnpadding til det største av innsendt verdi og sidepadding\n const topPadding =\n NEW_SPACING_STEPS[\n Math.max(\n sideSpacingIndex,\n getSpacingIndex(padding.top, sidePadding),\n )\n ];\n const bottomPadding =\n NEW_SPACING_STEPS[\n Math.max(\n sideSpacingIndex,\n getSpacingIndex(padding.bottom, sidePadding),\n )\n ];\n\n const top = `var(--jkl-spacing-${topPadding})`;\n const right = `var(--jkl-spacing-${sidePadding})`;\n const bottom = `var(--jkl-spacing-${bottomPadding})`;\n const left = `var(--jkl-spacing-${sidePadding})`;\n\n return { padding: `${top} ${right} ${bottom} ${left}` };\n}\n"],"names":["getSpacingIndex","spacingStep","fallback","value","isOldSpacingStep","SPACING_STEPS","indexOf","NEW_SPACING_STEPS","padding","sideSpacingIndex","Math","max","left","right","sidePadding","top","bottom"],"mappings":"+GAIA,SAASA,EACLC,EACAC,EAAwB,MAExB,MAAMC,EAAQF,GAAeC,EACzB,OAAAE,EAAAA,iBAAiBD,GACVE,EAAAA,cAAcC,QAAQH,GAG1BI,EAAAA,kBAAkBD,QAAQH,EACrC,0BAEO,SACHK,GAEI,GAAmB,iBAAZA,EACA,MAAA,CACHA,QAAS,qBACLD,EAAAA,kBAAkBP,EAAgBQ,QAM9C,MAAMC,EAAmBC,KAAKC,IAC1BX,EAAgBQ,EAAQI,MACxBZ,EAAgBQ,EAAQK,QAEtBC,EAAcP,oBAAkBE,GAuB/B,MAAA,CAAED,QAAS,GALN,qBAdRD,oBACIG,KAAKC,IACDF,EACAT,EAAgBQ,EAAQO,IAAKD,WAY3B,qBAAqBA,QACpB,qBATXP,oBACIG,KAAKC,IACDF,EACAT,EAAgBQ,EAAQQ,OAAQF,WAO/B,qBAAqBA,OAGtC"}
@@ -1,3 +0,0 @@
1
- import { CSSProperties } from 'react';
2
- import { BasePadding, PaddingShorthand } from './types.cjs';
3
- export declare function getPaddingStyles(padding: BasePadding | PaddingShorthand): CSSProperties;
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../../../clsx-E3yX_9sL.cjs"),t=require("react"),n=require("../../../hooks/useAnimatedDetails/useAnimatedDetails.cjs"),a=require("./Expander.cjs");exports.ExpandSection=({children:i,className:r,expandButtonProps:d,isExpanded:c=!1,density:l,onClick:o,title:p,useAnimatedHeightOptions:x,...u})=>{const[m,j]=t.useState(c);t.useEffect((()=>{j(c)}),[c]);const{detailsRef:f,summaryRef:k,contentRef:h,onSummaryClick:y}=n.useAnimatedDetails({onOpenChange:(e,s)=>{j(e),o&&o(s,e)},isExpanded:c});return e.jsxs("details",{"data-testid":"jkl-expand-section",className:s.clsx("jkl-expand-section",r),...u,ref:f,children:[e.jsx(a.Expander,{as:"summary",...d,density:l,isExpanded:m,onClick:y,ref:k,children:p}),e.jsx("div",{"data-testid":"jkl-expand-section__content-wrapper",className:"jkl-expand-section__content-wrapper",ref:h,children:e.jsx("div",{className:"jkl-expand-section__content",children:i})})]})};
2
- //# sourceMappingURL=ExpandSection.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ExpandSection.cjs","sources":["../../../../../src/components/expander/deprecated/ExpandSection.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type ReactNode, useEffect, useState } from \"react\";\nimport type { Density } from \"../../../core/types.js\";\nimport { useAnimatedDetails } from \"../../../hooks/useAnimatedDetails/useAnimatedDetails.js\";\nimport type { UseAnimatedHeightOptions } from \"../../../hooks/useAnimatedHeight/types.js\";\nimport { Expander, type ExpanderProps } from \"./Expander.js\";\n\nexport interface ExpandSectionProps {\n /**\n * Innholdet som skal kunne ekspanderes og skjules.\n * Om du ikke trenger at komponenten tar seg av visning og skjuling av\n * innholdet skal du bruke `ExpandButton` direkte. Det sparer deg for\n * å laste inn unødvendige avhengigheter.\n */\n children: ReactNode;\n title: string;\n className?: string;\n density?: Density;\n onClick?: (e: React.MouseEvent<HTMLElement>, isExpanded: boolean) => void;\n expandButtonProps?: Omit<\n ExpanderProps,\n \"id\" | \"isExpanded\" | \"onClick\" | \"hideLabel\"\n >;\n useAnimatedHeightOptions?: UseAnimatedHeightOptions;\n /** Om du ønsker å styre komponenten utenfra */\n isExpanded?: boolean;\n}\n\n/**\n * @deprecated Denne komponenten bør ikke brukes lenger, og vil ikke bli oppdatert.\n * Bruk heller komponenten `Expandable`.\n */\nexport const ExpandSection = ({\n children,\n className,\n expandButtonProps,\n isExpanded = false,\n density,\n onClick,\n title,\n useAnimatedHeightOptions,\n ...rest\n}: ExpandSectionProps): JSX.Element => {\n const [expanded, setIsExpanded] = useState(isExpanded);\n\n useEffect(() => {\n setIsExpanded(isExpanded);\n }, [isExpanded]);\n\n const { detailsRef, summaryRef, contentRef, onSummaryClick } =\n useAnimatedDetails({\n onOpenChange: (open, e) => {\n setIsExpanded(open);\n if (onClick) {\n onClick(e, open);\n }\n },\n isExpanded,\n });\n\n return (\n <details\n data-testid={\"jkl-expand-section\"}\n className={clsx(\"jkl-expand-section\", className)}\n {...rest}\n ref={detailsRef}\n >\n <Expander\n as={\"summary\"}\n {...expandButtonProps}\n density={density}\n isExpanded={expanded}\n onClick={onSummaryClick}\n ref={summaryRef}\n >\n {title}\n </Expander>\n <div\n data-testid=\"jkl-expand-section__content-wrapper\"\n className=\"jkl-expand-section__content-wrapper\"\n ref={contentRef}\n >\n <div className=\"jkl-expand-section__content\">{children}</div>\n </div>\n </details>\n );\n};\n"],"names":["children","className","expandButtonProps","isExpanded","density","onClick","title","useAnimatedHeightOptions","rest","expanded","setIsExpanded","useState","useEffect","detailsRef","summaryRef","contentRef","onSummaryClick","useAnimatedDetails","onOpenChange","open","e","jsxs","clsx","ref","jsx","Expander","as"],"mappings":"2SAgC6B,EACzBA,SAAAA,EACAC,UAAAA,EACAC,kBAAAA,EACAC,WAAAA,GAAa,EACbC,QAAAA,EACAC,QAAAA,EACAC,MAAAA,EACAC,yBAAAA,KACGC,MAEH,MAAOC,EAAUC,GAAiBC,EAAAA,SAASR,GAE3CS,EAAAA,WAAU,KACNF,EAAcP,EAAU,GACzB,CAACA,IAEJ,MAAQU,WAAAA,EAAYC,WAAAA,EAAYC,WAAAA,EAAYC,eAAAA,GACxCC,EAAAA,mBAAmB,CACfC,aAAc,CAACC,EAAMC,KACjBV,EAAcS,GACVd,GACAA,EAAQe,EAAGD,EAAI,EAGvBhB,WAAAA,IAIJ,OAAAkB,EAAAA,KAAC,UAAA,CACG,cAAa,qBACbpB,UAAWqB,EAAAA,KAAK,qBAAsBrB,MAClCO,EACJe,IAAKV,EAELb,SAAA,CAAAwB,EAAAA,IAACC,EAAAA,SAAA,CACGC,GAAI,aACAxB,EACJE,QAAAA,EACAD,WAAYM,EACZJ,QAASW,EACTO,IAAKT,EAEJd,SAAAM,IAELkB,EAAAA,IAAC,MAAA,CACG,cAAY,sCACZvB,UAAU,sCACVsB,IAAKR,EAELf,SAACwB,EAAAA,IAAA,MAAA,CAAIvB,UAAU,8BAA+BD,SAAAA,QAEtD"}
@@ -1,26 +0,0 @@
1
- import { default as React, ReactNode } from 'react';
2
- import { Density } from '../../../core/types.cjs';
3
- import { UseAnimatedHeightOptions } from '../../../hooks/useAnimatedHeight/types.cjs';
4
- import { ExpanderProps } from './Expander.cjs';
5
- export interface ExpandSectionProps {
6
- /**
7
- * Innholdet som skal kunne ekspanderes og skjules.
8
- * Om du ikke trenger at komponenten tar seg av visning og skjuling av
9
- * innholdet skal du bruke `ExpandButton` direkte. Det sparer deg for
10
- * å laste inn unødvendige avhengigheter.
11
- */
12
- children: ReactNode;
13
- title: string;
14
- className?: string;
15
- density?: Density;
16
- onClick?: (e: React.MouseEvent<HTMLElement>, isExpanded: boolean) => void;
17
- expandButtonProps?: Omit<ExpanderProps, "id" | "isExpanded" | "onClick" | "hideLabel">;
18
- useAnimatedHeightOptions?: UseAnimatedHeightOptions;
19
- /** Om du ønsker å styre komponenten utenfra */
20
- isExpanded?: boolean;
21
- }
22
- /**
23
- * @deprecated Denne komponenten bør ikke brukes lenger, og vil ikke bli oppdatert.
24
- * Bruk heller komponenten `Expandable`.
25
- */
26
- export declare const ExpandSection: ({ children, className, expandButtonProps, isExpanded, density, onClick, title, useAnimatedHeightOptions, ...rest }: ExpandSectionProps) => JSX.Element;
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../../clsx-E3yX_9sL.cjs"),a=require("react"),n=require("../../ScreenReaderOnly.cjs"),d=require("../../icon/icons/animated/ArrowVerticalAnimated.cjs"),t=a.forwardRef((({as:t="button",className:i,children:l,density:s,expandDirection:o="down",isExpanded:c=!1,hideLabel:x=!1,...p},j)=>{const u=x?n.ScreenReaderOnly:a.Fragment,m="down"===o?!c:c,y=t,b="button"===y?"button":void 0;return e.jsxs(y,{"aria-expanded":c,"data-testid":"jkl-old-expander",type:b,className:r.clsx("jkl-old-expander",i,{"jkl-old-expander--expanded":c,"jkl-old-expander--icon-only":!l}),...p,"data-density":s,ref:j,children:[l&&e.jsx(u,{children:e.jsx("span",{className:"jkl-old-expander__text",children:l})}),e.jsx(d.ArrowVerticalAnimated,{className:"jkl-old-expander__arrow",pointingDown:m,bold:c})]})}));t.displayName="Expander",exports.Expander=t;
2
- //# sourceMappingURL=Expander.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Expander.cjs","sources":["../../../../../src/components/expander/deprecated/Expander.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type ForwardedRef } from \"react\";\nimport type { Density, WithChildren } from \"../../../core/types.js\";\nimport { ScreenReaderOnly } from \"../../ScreenReaderOnly.js\";\nimport { ArrowVerticalAnimated } from \"../../icon/icons/animated/ArrowVerticalAnimated.js\";\n\nexport interface ExpanderProps extends WithChildren {\n as?: \"summary\" | \"button\";\n /** Må settes dersom du ikke bruker CoreToggle. Verdien skal være IDen til innholdet du ekspanderer. */\n \"aria-controls\"?: string;\n /** Må settes dersom du ikke bruker CoreToggle. IDen her skal brukes som verdien til aria-labelledby på innholdet du ekspanderer. */\n id?: string;\n className?: string;\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;\n /**\n * Styrer retningen til pila, som animeres ved endring. Styrer også aria-expanded.\n * @default false\n */\n isExpanded?: boolean;\n /** @default \"down\" */\n expandDirection?: \"up\" | \"down\";\n density?: Density;\n /**\n * Skjul knappeteksten visuelt.\n *\n * @default false\n */\n hideLabel?: boolean;\n}\n\nexport const Expander = React.forwardRef(\n (\n {\n as = \"button\",\n className,\n children,\n density,\n expandDirection = \"down\",\n isExpanded = false,\n hideLabel = false,\n ...rest\n }: ExpanderProps,\n ref: ForwardedRef<HTMLButtonElement>,\n ): JSX.Element => {\n const ContentWrapper = hideLabel ? ScreenReaderOnly : React.Fragment;\n const pointingDown =\n expandDirection === \"down\" ? !isExpanded : isExpanded;\n\n const El = as;\n const type = El === \"button\" ? \"button\" : undefined;\n\n return (\n <El\n aria-expanded={isExpanded}\n data-testid=\"jkl-old-expander\"\n type={type}\n className={clsx(\"jkl-old-expander\", className, {\n \"jkl-old-expander--expanded\": isExpanded,\n \"jkl-old-expander--icon-only\": !children,\n })}\n {...rest}\n data-density={density}\n ref={ref}\n >\n {children && (\n <ContentWrapper>\n <span className=\"jkl-old-expander__text\">\n {children}\n </span>\n </ContentWrapper>\n )}\n <ArrowVerticalAnimated\n className=\"jkl-old-expander__arrow\"\n pointingDown={pointingDown}\n bold={isExpanded}\n />\n </El>\n );\n },\n);\n\nExpander.displayName = \"Expander\";\n"],"names":["Expander","React","forwardRef","as","className","children","density","expandDirection","isExpanded","hideLabel","rest","ref","ContentWrapper","ScreenReaderOnly","Fragment","pointingDown","El","type","jsxs","clsx","jsx","ArrowVerticalAnimated","bold","displayName"],"mappings":"4RA+BaA,EAAWC,EAAMC,YAC1B,EAEQC,GAAAA,EAAK,SACLC,UAAAA,EACAC,SAAAA,EACAC,QAAAA,EACAC,gBAAAA,EAAkB,OAClBC,WAAAA,GAAa,EACbC,UAAAA,GAAY,KACTC,GAEPC,KAEM,MAAAC,EAAiBH,EAAYI,EAAAA,iBAAmBZ,EAAMa,SACtDC,EACkB,SAApBR,GAA8BC,EAAaA,EAEzCQ,EAAKb,EACLc,EAAc,WAAPD,EAAkB,cAAW,EAGtC,OAAAE,EAAAA,KAACF,EAAA,CACG,gBAAeR,EACf,cAAY,mBACZS,KAAAA,EACAb,UAAWe,EAAAA,KAAK,mBAAoBf,EAAW,CAC3C,6BAA8BI,EAC9B,+BAAgCH,OAEhCK,EACJ,eAAcJ,EACdK,IAAAA,EAECN,SAAA,CAAAA,SACIO,EACG,CAAAP,SAAAe,EAAAA,IAAC,QAAKhB,UAAU,yBACXC,SAAAA,MAIbe,EAAAA,IAACC,EAAAA,sBAAA,CACGjB,UAAU,0BACVW,aAAAA,EACAO,KAAMd,MAEd,IAKZR,EAASuB,YAAc"}
@@ -1,27 +0,0 @@
1
- import { default as React } from 'react';
2
- import { Density, WithChildren } from '../../../core/types.cjs';
3
- export interface ExpanderProps extends WithChildren {
4
- as?: "summary" | "button";
5
- /** Må settes dersom du ikke bruker CoreToggle. Verdien skal være IDen til innholdet du ekspanderer. */
6
- "aria-controls"?: string;
7
- /** Må settes dersom du ikke bruker CoreToggle. IDen her skal brukes som verdien til aria-labelledby på innholdet du ekspanderer. */
8
- id?: string;
9
- className?: string;
10
- onClick?: React.MouseEventHandler<HTMLButtonElement>;
11
- onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;
12
- /**
13
- * Styrer retningen til pila, som animeres ved endring. Styrer også aria-expanded.
14
- * @default false
15
- */
16
- isExpanded?: boolean;
17
- /** @default "down" */
18
- expandDirection?: "up" | "down";
19
- density?: Density;
20
- /**
21
- * Skjul knappeteksten visuelt.
22
- *
23
- * @default false
24
- */
25
- hideLabel?: boolean;
26
- }
27
- export declare const Expander: React.ForwardRefExoticComponent<ExpanderProps & React.RefAttributes<HTMLButtonElement>>;
@@ -1 +0,0 @@
1
- {"version":3,"file":"ExpanderPanel.stories.cjs","sources":["../../../../../src/components/expander/stories/ExpanderPanel.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Flex } from \"../../flex/Flex.js\";\nimport { GreenCheckIcon } from \"../../icon/index.js\";\nimport { ExpandablePanel } from \"../ExpandablePanel.js\";\nimport { ExpandablePanelContent } from \"../ExpandablePanelContent.js\";\nimport { Expander } from \"../Expander.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n title: \"Komponenter/ExpandablePanel\",\n component: ExpandablePanel,\n subcomponents: { Expander, ExpandablePanelContent },\n parameters: {\n layout: \"padded\",\n },\n tags: [\"autodocs\"],\n argTypes: {\n variant: { control: \"select\", options: [\"stroke\", \"fill\"] },\n },\n};\n\nexport default meta;\n\ntype StoryExpanderPanel = StoryObj<{\n icon?: boolean;\n flipDirection?: boolean;\n variant: \"stroke\" | \"fill\";\n}>;\n\nexport const ExpandablePanelStory: StoryExpanderPanel = {\n name: \"ExpandablePanel\",\n args: {\n variant: \"fill\",\n icon: true,\n flipDirection: false,\n },\n render: ({ icon, flipDirection, ...props }) => (\n <Flex style={{ width: \"100%\" }} direction=\"column\" gap={4}>\n {[...Array(3)].map((_, index) => (\n <ExpandablePanel key={index} {...props}>\n <Expander\n icon={icon ? <GreenCheckIcon /> : undefined}\n expandDirection={flipDirection ? \"up\" : undefined}\n >\n Når er det vi faktisk er åpne?\n </Expander>\n <ExpandablePanel.Content>\n Velkommen innom når vi faktisk har kaffe! Vi er åpne\n mandag til fredag fra kl. 09:00 til 18:00. Lørdag kan du\n besøke oss fra 10:00 til 16:00 (vi liker en rolig start\n på lørdagen). Søndager hviler vi – og det burde du også!\n </ExpandablePanel.Content>\n </ExpandablePanel>\n ))}\n </Flex>\n ),\n};\n"],"names":["meta","title","component","ExpandablePanel","subcomponents","Expander","ExpandablePanelContent","parameters","layout","tags","argTypes","variant","control","options","ExpandablePanelStory","name","args","icon","flipDirection","render","props","jsx","Flex","style","width","direction","gap","children","Array","map","_","index","jsxs","GreenCheckIcon","expandDirection","Content"],"mappings":"o9DASA,MAAMA,EAAa,CACfC,MAAO,8BACPC,UAAWC,EAAAA,gBACXC,cAAe,CAAAC,SAAEA,EAAAA,SAAAC,uBAAUA,0BAC3BC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,QAAS,CAAEC,QAAS,SAAUC,QAAS,CAAC,SAAU,WAY7CC,EAA2C,CACpDC,KAAM,kBACNC,KAAM,CACFL,QAAS,OACTM,MAAM,EACNC,eAAe,GAEnBC,OAAQ,EAAGF,KAAAA,EAAMC,cAAAA,KAAkBE,KAC/BC,EAAAA,IAACC,EAAAA,KAAK,CAAAC,MAAO,CAAEC,MAAO,QAAUC,UAAU,SAASC,IAAK,EACnDC,SAAA,IAAIC,MAAM,IAAIC,KAAI,CAACC,EAAGC,IAClBC,EAAAA,KAAA7B,EAAAA,gBAAA,IAAgCiB,EAC7BO,SAAA,CAAAN,EAAAA,IAAChB,EAAAA,SAAA,CACGY,KAAMA,EAAQI,EAAAA,IAAAY,EAAAA,eAAA,CAAA,QAAoB,EAClCC,gBAAiBhB,EAAgB,UAAO,EAC3CS,SAAA,mCAGAN,EAAAA,IAAAlB,EAAAA,gBAAgBgC,QAAhB,CAAwBR,SAKzB,qOAZkBI"}
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./accordion/Accordion.cjs"),o=require("./accordion/AccordionItem.cjs"),r=require("./autosuggest/Autosuggest.cjs"),t=require("./breadcrumb/Breadcrumb.cjs"),s=require("./breadcrumb/BreadcrumbItem.cjs"),n=require("./button/Button.cjs"),i=require("./card/Card.cjs"),a=require("./card/CardImage.cjs"),c=require("./card/NavCard.cjs"),p=require("./card/TaskCard.cjs"),u=require("./card/InfoCard.cjs"),l=require("./checkbox-panel/CheckboxPanel.cjs"),x=require("./checkbox/Checkbox.cjs"),d=require("./chip/Chip.cjs"),b=require("./combobox/Combobox.cjs"),I=require("./cookie-consent/CookieConsent.cjs"),T=require("./cookie-consent/CookieConsentContext.cjs"),j=require("./countdown/Countdown.cjs"),q=require("./datepicker/DatePicker.cjs"),g=require("./datepicker/validation.cjs"),m=require("./datepicker/utils.cjs"),C=require("./description-list/DescriptionList.cjs"),k=require("./expander/ExpandablePanel.cjs"),S=require("./expander/Expander.cjs"),h=require("./expander/deprecated/ExpandSection.cjs"),B=require("./feedback/Feedback.cjs"),L=require("./feedback/presets.cjs"),v=require("./file-input/FileInput.cjs"),w=require("./file-input/utils.cjs"),M=require("./flex/Flex.cjs"),P=require("./icon-button/IconButton.cjs"),A=require("./icon/Icon.cjs"),R=require("./icon/icons/animated/ArrowVerticalAnimated.cjs"),F=require("./icon/icons/animated/ArrowHorizontalAnimated.cjs"),E=require("./icon/icons/animated/PlusRemoveAnimated.cjs"),y=require("./icon/icons/ArrowDownIcon.cjs"),D=require("./icon/icons/ArrowLeftIcon.cjs"),f=require("./icon/icons/ArrowNorthEastIcon.cjs"),G=require("./icon/icons/ArrowRightIcon.cjs"),N=require("./icon/icons/ArrowUpIcon.cjs"),H=require("./icon/icons/CalendarIcon.cjs"),O=require("./icon/icons/CheckIcon.cjs"),U=require("./icon/icons/ChevronDownIcon.cjs"),W=require("./icon/icons/ChevronLeftIcon.cjs"),V=require("./icon/icons/ChevronRightIcon.cjs"),z=require("./icon/icons/ChevronUpIcon.cjs"),Q=require("./icon/icons/CloseIcon.cjs"),J=require("./icon/icons/CopyIcon.cjs"),K=require("./icon/icons/DotsIcon.cjs"),X=require("./icon/icons/DragIcon.cjs"),Y=require("./icon/icons/ErrorIcon.cjs"),Z=require("./icon/icons/GreenCheckIcon.cjs"),$=require("./icon/icons/HamburgerIcon.cjs"),_=require("./icon/icons/InfoIcon.cjs"),ee=require("./icon/icons/LinkIcon.cjs"),oe=require("./icon/icons/MinusIcon.cjs"),re=require("./icon/icons/OpenInNewIcon.cjs"),te=require("./icon/icons/PenIcon.cjs"),se=require("./icon/icons/PlusIcon.cjs"),ne=require("./icon/icons/QuestionIcon.cjs"),ie=require("./icon/icons/RedCrossIcon.cjs"),ae=require("./icon/icons/SearchIcon.cjs"),ce=require("./icon/icons/SuccessIcon.cjs"),pe=require("./icon/icons/ThumbDownIcon.cjs"),ue=require("./icon/icons/ThumbUpIcon.cjs"),le=require("./icon/icons/TrashCanIcon.cjs"),xe=require("./icon/icons/WarningIcon.cjs"),de=require("./image/Image.cjs"),be=require("./input-group/FieldGroup.cjs"),Ie=require("./input-group/InputGroup.cjs"),Te=require("./input-group/Label.cjs"),je=require("./input-group/SupportLabel.cjs"),qe=require("./link-list/LinkList.cjs"),ge=require("./link/Link.cjs"),me=require("./list/List.cjs"),Ce=require("./list/ListItem.cjs"),ke=require("./loader/Loader.cjs"),Se=require("./loader/skeletons/SkeletonAnimation.cjs"),he=require("./loader/skeletons/SkeletonButton.cjs"),Be=require("./loader/skeletons/SkeletonCheckboxGroup.cjs"),Le=require("./loader/skeletons/SkeletonElement.cjs"),ve=require("./loader/skeletons/SkeletonInput.cjs"),we=require("./loader/skeletons/SkeletonRadioButtonGroup.cjs"),Me=require("./loader/skeletons/SkeletonTable.cjs"),Pe=require("./loader/skeletons/SkeletonTextArea.cjs"),Ae=require("./logo/Logo.cjs"),Re=require("./logo/LogoStamp.cjs"),Fe=require("./logo/text-paths/ForsikringLevertAvFremtind.cjs"),Ee=require("./logo/text-paths/FraSB1ogDNB.cjs"),ye=require("./logo/text-paths/InnovasjonFraFremtind.cjs"),De=require("./logo/text-paths/TeknologiFraFremtind.cjs"),fe=require("./logo/text-paths/VartEgetForsikringsselskap.cjs"),Ge=require("./logo/text-paths/VartForsikringsselskap.cjs"),Ne=require("./menu/Menu.cjs"),He=require("./menu/MenuItem.cjs"),Oe=require("./menu/MenuItemCheckbox.cjs"),Ue=require("./menu/MenuDivider.cjs"),We=require("./message/Message.cjs"),Ve=require("./message/FormErrorMessage.cjs"),ze=require("./modal/Modal.cjs"),Qe=require("./modal/useModal.cjs"),Je=require("./nav-link/NavLink.cjs"),Ke=require("./pagination/Pagination.cjs"),Xe=require("./popover/Popover.cjs"),Ye=require("./progress-bar/ProgressBar.cjs"),Ze=require("./radio-button/RadioButton.cjs"),$e=require("./radio-button/RadioButtonGroup.cjs"),_e=require("./radio-button/BaseRadioButton.cjs"),eo=require("./radio-panel/RadioPanel.cjs"),oo=require("./radio-panel/RadioPanelGroup.cjs"),ro=require("./select/Select.cjs"),to=require("./select/NativeSelect.cjs"),so=require("./summary-table/SummaryTable.cjs"),no=require("./summary-table/SummaryTableRow.cjs"),io=require("./system-message/SystemMessage.cjs"),ao=require("./table/DataTable.cjs"),co=require("./table/Table.cjs"),po=require("./table/TableBody.cjs"),uo=require("./table/TableCaption.cjs"),lo=require("./table/TableCell.cjs"),xo=require("./table/TableColumn.cjs"),bo=require("./table/TableColumnGroup.cjs"),Io=require("./table/tableContext.cjs"),To=require("./table/tableSectionContext.cjs"),jo=require("./table/TableFooter.cjs"),qo=require("./table/TableHead.cjs"),go=require("./table/TableHeader.cjs"),mo=require("./table/TablePagination.cjs"),Co=require("./table/TableRow.cjs"),ko=require("./table/ExpandableTableRow.cjs"),So=require("./table/ExpandableTableRowController.cjs"),ho=require("./table/utils.cjs"),Bo=require("./tabs/NavTab.cjs"),Lo=require("./tabs/NavTabs.cjs"),vo=require("./tabs/Tabs.cjs"),wo=require("./tabs/TabList.cjs"),Mo=require("./tabs/Tab.cjs"),Po=require("./tabs/TabPanel.cjs"),Ao=require("./tag/Tag.cjs"),Ro=require("./text-area/BaseTextArea.cjs"),Fo=require("./text-area/TextArea.cjs"),Eo=require("./text-input/BaseTextInput.cjs"),yo=require("./text-input/TextInput.cjs"),Do=require("./toast/toastContext.cjs"),fo=require("./toggle-switch/ToggleSwitch.cjs"),Go=require("./toggle-switch/ToggleSlider.cjs"),No=require("./tooltip/Tooltip.cjs"),Ho=require("./tooltip/TooltipContent.cjs"),Oo=require("./tooltip/TooltipTrigger.cjs"),Uo=require("./tooltip/PopupTip.cjs"),Wo=require("./ScreenReaderOnly.cjs");exports.Accordion=e.Accordion,exports.AccordionItem=o.AccordionItem,exports.Autosuggest=r.Autosuggest,exports.Breadcrumb=t.Breadcrumb,exports.BreadcrumbItem=s.BreadcrumbItem,exports.Button=n.Button,exports.PrimaryButton=n.PrimaryButton,exports.SecondaryButton=n.SecondaryButton,exports.TertiaryButton=n.TertiaryButton,exports.Card=i.Card,exports.CardImage=a.CardImage,exports.InfoBlock=c.InfoBlock,exports.NavCard=c.NavCard,exports.TaskCard=p.TaskCard,exports.InfoCard=u.InfoCard,exports.CheckboxPanel=l.CheckboxPanel,exports.Checkbox=x.Checkbox,exports.Chip=d.Chip,exports.Combobox=b.Combobox,exports.getComboboxValuePair=b.getComboboxValuePair,exports.CookieConsent=I.CookieConsent,exports.CookieConsentProvider=T.CookieConsentProvider,exports.useCookieConsent=T.useCookieConsent,exports.Countdown=j.Countdown,exports.DatePicker=q.DatePicker,exports.isCorrectFormat=g.isCorrectFormat,exports.isWithinLowerBound=g.isWithinLowerBound,exports.isWithinUpperBound=g.isWithinUpperBound,exports.formatInput=m.formatInput,exports.isBlurTargetOutside=m.isBlurTargetOutside,exports.parseDateString=m.parseDateString,exports.DescriptionDetail=C.DescriptionDetail,exports.DescriptionList=C.DescriptionList,exports.DescriptionTerm=C.DescriptionTerm,exports.ExpandablePanel=k.ExpandablePanel,exports.Expander=S.Expander,exports.ExpandSection=h.ExpandSection,exports.Feedback=B.Feedback,exports.PRESETS=L.PRESETS,exports.FileInput=v.FileInput,exports.upload=w.upload,exports.Flex=M.Flex,exports.IconButton=P.IconButton,exports.Icon=A.Icon,exports.ArrowVerticalAnimated=R.ArrowVerticalAnimated,exports.ArrowHorizontalAnimated=F.ArrowHorizontalAnimated,exports.PlusRemoveAnimated=E.PlusRemoveAnimated,exports.ArrowDownIcon=y.ArrowDownIcon,exports.ArrowLeftIcon=D.ArrowLeftIcon,exports.ArrowNorthEastIcon=f.ArrowNorthEastIcon,exports.ArrowRightIcon=G.ArrowRightIcon,exports.ArrowUpIcon=N.ArrowUpIcon,exports.CalendarIcon=H.CalendarIcon,exports.CheckIcon=O.CheckIcon,exports.ChevronDownIcon=U.ChevronDownIcon,exports.ChevronLeftIcon=W.ChevronLeftIcon,exports.ChevronRightIcon=V.ChevronRightIcon,exports.ChevronUpIcon=z.ChevronUpIcon,exports.CloseIcon=Q.CloseIcon,exports.CopyIcon=J.CopyIcon,exports.DotsIcon=K.DotsIcon,exports.DragIcon=X.DragIcon,exports.ErrorIcon=Y.ErrorIcon,exports.GreenCheckIcon=Z.GreenCheckIcon,exports.HamburgerIcon=$.HamburgerIcon,exports.InfoIcon=_.InfoIcon,exports.LinkIcon=ee.LinkIcon,exports.MinusIcon=oe.MinusIcon,exports.OpenInNewIcon=re.OpenInNewIcon,exports.PenIcon=te.PenIcon,exports.PlusIcon=se.PlusIcon,exports.QuestionIcon=ne.QuestionIcon,exports.RedCrossIcon=ie.RedCrossIcon,exports.SearchIcon=ae.SearchIcon,exports.SuccessIcon=ce.SuccessIcon,exports.ThumbDownIcon=pe.ThumbDownIcon,exports.ThumbUpIcon=ue.ThumbUpIcon,exports.TrashCanIcon=le.TrashCanIcon,exports.WarningIcon=xe.WarningIcon,exports.Image=de.Image,exports.FieldGroup=be.FieldGroup,exports.InputGroup=Ie.InputGroup,exports.Label=Te.Label,exports.SupportLabel=je.SupportLabel,exports.LinkList=qe.LinkList,exports.Link=ge.Link,exports.List=me.List,exports.OrderedList=me.OrderedList,exports.UnorderedList=me.UnorderedList,exports.CheckListItem=Ce.CheckListItem,exports.CrossListItem=Ce.CrossListItem,exports.ListItem=Ce.ListItem,exports.Loader=ke.Loader,exports.SkeletonAnimation=Se.SkeletonAnimation,exports.SkeletonButton=he.SkeletonButton,exports.SkeletonCheckboxGroup=Be.SkeletonCheckboxGroup,exports.SkeletonElement=Le.SkeletonElement,exports.SkeletonInput=ve.SkeletonInput,exports.SkeletonRadioButtonGroup=we.SkeletonRadioButtonGroup,exports.SkeletonTable=Me.SkeletonTable,exports.SkeletonTableHeader=Me.SkeletonTableHeader,exports.SkeletonTableRow=Me.SkeletonTableRow,exports.SkeletonTextArea=Pe.SkeletonTextArea,exports.Logo=Ae.Logo,exports.LogoStamp=Re.LogoStamp,exports.ForsikringLevertAvFremtind=Fe.ForsikringLevertAvFremtind,exports.FraSB1ogDNB=Ee.FraSB1ogDNB,exports.InnovasjonFraFremtind=ye.InnovasjonFraFremtind,exports.TeknologiFraFremtind=De.TeknologiFraFremtind,exports.VartEgetForsikringsselskap=fe.VartEgetForsikringsselskap,exports.VartForsikringsselskap=Ge.VartForsikringsselskap,exports.Menu=Ne.Menu,exports.MenuItem=He.MenuItem,exports.MenuItemCheckbox=Oe.MenuItemCheckbox,exports.MenuDivider=Ue.MenuDivider,exports.ErrorMessage=We.ErrorMessage,exports.InfoMessage=We.InfoMessage,exports.SuccessMessage=We.SuccessMessage,exports.WarningMessage=We.WarningMessage,exports.FormErrorMessage=Ve.FormErrorMessage,exports.Modal=ze.Modal,exports.ModalActions=ze.ModalActions,exports.ModalBody=ze.ModalBody,exports.ModalCloseButton=ze.ModalCloseButton,exports.ModalContainer=ze.ModalContainer,exports.ModalHeader=ze.ModalHeader,exports.ModalOverlay=ze.ModalOverlay,exports.ModalTitle=ze.ModalTitle,exports.useModal=Qe.useModal,exports.NavLink=Je.NavLink,exports.Pagination=Ke.Pagination,exports.Popover=Xe.Popover,exports.ProgressBar=Ye.ProgressBar,exports.RadioButton=Ze.RadioButton,exports.RadioButtonGroup=$e.RadioButtonGroup,exports.BaseRadioButton=_e.BaseRadioButton,exports.RadioPanel=eo.RadioPanel,exports.RadioPanelGroup=oo.RadioPanelGroup,exports.Select=ro.Select,exports.NativeSelect=to.NativeSelect,exports.SummaryTable=so.SummaryTable,exports.SummaryTableRow=no.SummaryTableRow,exports.ErrorSystemMessage=io.ErrorSystemMessage,exports.InfoSystemMessage=io.InfoSystemMessage,exports.SuccessSystemMessage=io.SuccessSystemMessage,exports.WarningSystemMessage=io.WarningSystemMessage,exports.DataTable=ao.DataTable,exports.Table=co.Table,exports.TableBody=po.TableBody,exports.TableCaption=uo.TableCaption,exports.TableCell=lo.TableCell,exports.TableColumn=xo.TableColumn,exports.TableColumnGroup=bo.TableColumnGroup,exports.TableContextProvider=Io.TableContextProvider,exports.useTableContext=Io.useTableContext,exports.TableSectionContextProvider=To.TableSectionContextProvider,exports.useTableSectionContext=To.useTableSectionContext,exports.TableFooter=jo.TableFooter,exports.TableHead=qo.TableHead,exports.TableHeader=go.TableHeader,exports.TablePagination=mo.TablePagination,exports.TableRow=Co.TableRow,exports.ExpandableTableRow=ko.ExpandableTableRow,exports.ExpandableTableRowController=So.ExpandableTableRowController,exports.useSortableTableHeader=ho.useSortableTableHeader,exports.NavTab=Bo.NavTab,exports.NavTabs=Lo.NavTabs,exports.Tabs=vo.Tabs,exports.TabList=wo.TabList,exports.Tab=Mo.Tab,exports.TabPanel=Po.TabPanel,exports.ErrorTag=Ao.ErrorTag,exports.InfoTag=Ao.InfoTag,exports.SuccessTag=Ao.SuccessTag,exports.Tag=Ao.Tag,exports.WarningTag=Ao.WarningTag,exports.BaseTextArea=Ro.BaseTextArea,exports.TextArea=Fo.TextArea,exports.BaseTextInput=Eo.BaseTextInput,exports.TextInput=yo.TextInput,exports.ToastProvider=Do.ToastProvider,exports.useToast=Do.useToast,exports.ToggleSwitch=fo.ToggleSwitch,exports.ToggleSlider=Go.ToggleSlider,exports.Tooltip=No.Tooltip,exports.TooltipContent=Ho.TooltipContent,exports.TooltipTrigger=Oo.TooltipTrigger,exports.PopupTip=Uo.PopupTip,exports.ScreenReaderOnly=Wo.ScreenReaderOnly;
2
- //# sourceMappingURL=index.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,47 +0,0 @@
1
- export * from './accordion/index.cjs';
2
- export * from './autosuggest/index.cjs';
3
- export * from './breadcrumb/index.cjs';
4
- export * from './button/index.cjs';
5
- export * from './card/index.cjs';
6
- export * from './checkbox-panel/index.cjs';
7
- export * from './checkbox/index.cjs';
8
- export * from './chip/index.cjs';
9
- export * from './combobox/index.cjs';
10
- export * from './cookie-consent/index.cjs';
11
- export * from './countdown/index.cjs';
12
- export * from './datepicker/index.cjs';
13
- export * from './description-list/index.cjs';
14
- export * from './expander/index.cjs';
15
- export * from './feedback/index.cjs';
16
- export * from './file-input/index.cjs';
17
- export * from './flex/index.cjs';
18
- export * from './icon-button/index.cjs';
19
- export * from './icon/index.cjs';
20
- export * from './image/index.cjs';
21
- export * from './input-group/index.cjs';
22
- export * from './link-list/index.cjs';
23
- export * from './link/index.cjs';
24
- export * from './list/index.cjs';
25
- export * from './loader/index.cjs';
26
- export * from './logo/index.cjs';
27
- export * from './menu/index.cjs';
28
- export * from './message/index.cjs';
29
- export * from './modal/index.cjs';
30
- export * from './nav-link/index.cjs';
31
- export * from './pagination/index.cjs';
32
- export * from './popover/index.cjs';
33
- export * from './progress-bar/index.cjs';
34
- export * from './radio-button/index.cjs';
35
- export * from './radio-panel/index.cjs';
36
- export * from './select/index.cjs';
37
- export * from './summary-table/index.cjs';
38
- export * from './system-message/index.cjs';
39
- export * from './table/index.cjs';
40
- export * from './tabs/index.cjs';
41
- export * from './tag/index.cjs';
42
- export * from './text-area/index.cjs';
43
- export * from './text-input/index.cjs';
44
- export * from './toast/index.cjs';
45
- export * from './toggle-switch/index.cjs';
46
- export * from './tooltip/index.cjs';
47
- export { ScreenReaderOnly, type ScreenReaderOnlyProps, } from './ScreenReaderOnly.cjs';
@@ -1,6 +0,0 @@
1
- import { FC } from 'react';
2
- import { WithChildren } from '../core/types.js';
3
- export interface ScreenReaderOnlyProps extends WithChildren {
4
- showOnFocus?: boolean;
5
- }
6
- export declare const ScreenReaderOnly: FC<ScreenReaderOnlyProps>;
@@ -1 +0,0 @@
1
- {"version":3,"file":"ScreenReaderOnly.js","sources":["../../../src/components/ScreenReaderOnly.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport type { WithChildren } from \"../core/types.js\";\n\nexport interface ScreenReaderOnlyProps extends WithChildren {\n showOnFocus?: boolean;\n}\n\nexport const ScreenReaderOnly: FC<ScreenReaderOnlyProps> = ({\n children,\n showOnFocus,\n ...rest\n}) => (\n <span\n {...rest}\n className={`jkl-sr-only${showOnFocus ? \" jkl-sr-only--focusable\" : \"\"}`}\n >\n {children}\n </span>\n);\n"],"names":["ScreenReaderOnly","children","showOnFocus","rest","jsx","className"],"mappings":"sDAOO,MAAMA,EAA8C,EACvDC,SAAAA,EACAC,YAAAA,KACGC,KAEHC,EAAC,OAAA,IACOD,EACJE,UAAW,eAAcH,EAAc,0BAA4B,IAElED,SAAAA"}
@@ -1,7 +0,0 @@
1
- import { FC } from 'react';
2
- import { AccordionProps } from './types.js';
3
- /**
4
- * @deprecated Denne komponenten bør ikke brukes lenger, og vil ikke bli oppdatert.
5
- * Bruk heller komponenten `Expandable`.
6
- */
7
- export declare const Accordion: FC<AccordionProps>;
@@ -1,2 +0,0 @@
1
- import{jsx as o}from"react/jsx-runtime";import{c as s}from"../../../clsx-BeLtu-UY.js";import"react";const a=({className:a,density:t,id:c,...r})=>o("section",{role:"group","data-testid":"jkl-accordion",className:s("jkl-accordion",a),"data-density":t,id:c,...r});export{a as Accordion};
2
- //# sourceMappingURL=Accordion.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Accordion.js","sources":["../../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport type { AccordionProps } from \"./types.js\";\n\n/**\n * @deprecated Denne komponenten bør ikke brukes lenger, og vil ikke bli oppdatert.\n * Bruk heller komponenten `Expandable`.\n */\nexport const Accordion: FC<AccordionProps> = ({\n className,\n density,\n id,\n ...rest\n}) => {\n return (\n <section\n role=\"group\"\n data-testid=\"jkl-accordion\"\n className={clsx(\"jkl-accordion\", className)}\n data-density={density}\n id={id}\n {...rest}\n />\n );\n};\n"],"names":["Accordion","className","density","id","rest","jsx","role","clsx"],"mappings":"oGAQO,MAAMA,EAAgC,EACzCC,UAAAA,EACAC,QAAAA,EACAC,GAAAA,KACGC,KAGCC,EAAC,UAAA,CACGC,KAAK,QACL,cAAY,gBACZL,UAAWM,EAAK,gBAAiBN,GACjC,eAAcC,EACdC,GAAAA,KACIC"}
@@ -1,7 +0,0 @@
1
- import { FC } from 'react';
2
- import { AccordionItemProps } from './types.js';
3
- /**
4
- * @deprecated Denne komponenten bør ikke brukes lenger, og vil ikke bli oppdatert.
5
- * Bruk heller komponenten `Expandable.Content`.
6
- */
7
- export declare const AccordionItem: FC<AccordionItemProps>;
@@ -1,2 +0,0 @@
1
- import{jsxs as e,jsx as t}from"react/jsx-runtime";import{c as a}from"../../../clsx-BeLtu-UY.js";import{useState as i}from"react";import{useAnimatedDetails as o}from"../../hooks/useAnimatedDetails/useAnimatedDetails.js";import{ArrowVerticalAnimated as r}from"../icon/icons/animated/ArrowVerticalAnimated.js";const s=({children:s,title:c,className:n,startExpanded:m=!1,onClick:d,id:l,...j})=>{const[p,k]=i(m),[_]=i((()=>m)),{detailsRef:f,summaryRef:u,contentRef:A,onSummaryClick:h}=o({onOpenChange:(e,t)=>{k(e),d&&d(t,e)},isExpanded:_});return e("details",{"data-testid":"jkl-accordion-item",...j,className:a("jkl-accordion-item",n),ref:f,id:l,children:[e("summary",{"data-testid":"jkl-accordion-item__title",className:"jkl-accordion-item__title",onClick:h,ref:u,children:[c,t(r,{className:"jkl-accordion-item__arrow",pointingDown:!p,bold:p})]}),t("div",{"data-testid":"jkl-accordion-item__content-wrapper",className:"jkl-accordion-item__content-wrapper",ref:A,children:t("div",{className:"jkl-accordion-item__content",children:s})})]})};export{s as AccordionItem};
2
- //# sourceMappingURL=AccordionItem.js.map