@fremtind/jokul 0.14.0 → 0.14.1

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 (388) hide show
  1. package/build/build-stats.html +1 -1
  2. package/build/cjs/components/accordion/documentation/Example.js +2 -0
  3. package/build/cjs/components/accordion/documentation/Example.js.map +1 -0
  4. package/build/cjs/components/accordion/documentation/main.js +2 -0
  5. package/build/cjs/components/accordion/documentation/main.js.map +1 -0
  6. package/build/cjs/components/accordion/documentation/vite.dev.config.js +2 -0
  7. package/build/cjs/components/accordion/documentation/vite.dev.config.js.map +1 -0
  8. package/build/cjs/components/link/documentation/Example.js +2 -0
  9. package/build/cjs/components/link/documentation/Example.js.map +1 -0
  10. package/build/cjs/components/link/documentation/main.js +2 -0
  11. package/build/cjs/components/link/documentation/main.js.map +1 -0
  12. package/build/cjs/components/link/documentation/vite.dev.config.js +2 -0
  13. package/build/cjs/components/link/documentation/vite.dev.config.js.map +1 -0
  14. package/build/cjs/components/loader/documentation/Example.js +2 -0
  15. package/build/cjs/components/loader/documentation/Example.js.map +1 -0
  16. package/build/cjs/components/loader/documentation/main.js +2 -0
  17. package/build/cjs/components/loader/documentation/main.js.map +1 -0
  18. package/build/cjs/components/loader/documentation/vite.dev.config.js +2 -0
  19. package/build/cjs/components/loader/documentation/vite.dev.config.js.map +1 -0
  20. package/build/copy-jkl-fonts-BEH11kbT.cjs +2 -0
  21. package/build/copy-jkl-fonts-BEH11kbT.cjs.map +1 -0
  22. package/build/copy-jkl-fonts-Yd-mZnP9.js +2 -0
  23. package/build/copy-jkl-fonts-Yd-mZnP9.js.map +1 -0
  24. package/build/es/components/accordion/documentation/Example.js +2 -0
  25. package/build/es/components/accordion/documentation/Example.js.map +1 -0
  26. package/build/es/components/accordion/documentation/main.js +2 -0
  27. package/build/es/components/accordion/documentation/main.js.map +1 -0
  28. package/build/es/components/accordion/documentation/vite.dev.config.js +2 -0
  29. package/build/es/components/accordion/documentation/vite.dev.config.js.map +1 -0
  30. package/build/es/components/link/documentation/Example.js +2 -0
  31. package/build/es/components/link/documentation/Example.js.map +1 -0
  32. package/build/es/components/link/documentation/main.js +2 -0
  33. package/build/es/components/link/documentation/main.js.map +1 -0
  34. package/build/es/components/link/documentation/vite.dev.config.js +2 -0
  35. package/build/es/components/link/documentation/vite.dev.config.js.map +1 -0
  36. package/build/es/components/loader/documentation/Example.js +2 -0
  37. package/build/es/components/loader/documentation/Example.js.map +1 -0
  38. package/build/es/components/loader/documentation/main.js +2 -0
  39. package/build/es/components/loader/documentation/main.js.map +1 -0
  40. package/build/es/components/loader/documentation/vite.dev.config.js +2 -0
  41. package/build/es/components/loader/documentation/vite.dev.config.js.map +1 -0
  42. package/build/formatCode-BE8lQWf_.js +2 -0
  43. package/build/formatCode-BE8lQWf_.js.map +1 -0
  44. package/build/formatCode-C0vvPbYm.cjs +2 -0
  45. package/build/formatCode-C0vvPbYm.cjs.map +1 -0
  46. package/build/index-BeDzjUCb.cjs +2 -0
  47. package/build/index-BeDzjUCb.cjs.map +1 -0
  48. package/build/index-CWVFjuWM.js +2 -0
  49. package/build/index-CWVFjuWM.js.map +1 -0
  50. package/build/packages/jokul/src/components/accordion/documentation/Example.d.ts +2 -0
  51. package/build/packages/jokul/src/components/accordion/documentation/main.d.ts +1 -0
  52. package/build/packages/jokul/src/components/accordion/documentation/vite.dev.config.d.ts +2 -0
  53. package/build/packages/jokul/src/components/link/documentation/Example.d.ts +2 -0
  54. package/build/packages/jokul/src/components/link/documentation/main.d.ts +1 -0
  55. package/build/packages/jokul/src/components/link/documentation/vite.dev.config.d.ts +2 -0
  56. package/build/packages/jokul/src/components/loader/documentation/Example.d.ts +2 -0
  57. package/build/packages/jokul/src/components/loader/documentation/main.d.ts +1 -0
  58. package/build/packages/jokul/src/components/loader/documentation/vite.dev.config.d.ts +2 -0
  59. package/build/style.css +1 -0
  60. package/package.json +12 -2
  61. package/src/components/button/styles/button.css +4 -4
  62. package/src/components/button/styles/button.min.css +1 -1
  63. package/src/components/checkbox/styles/checkbox.css +4 -4
  64. package/src/components/checkbox/styles/checkbox.min.css +1 -1
  65. package/src/components/feedback/styles/feedback.css +2 -2
  66. package/src/components/feedback/styles/feedback.min.css +1 -1
  67. package/src/components/input-group/styles/input-group.css +2 -2
  68. package/src/components/input-group/styles/input-group.min.css +1 -1
  69. package/src/components/loader/styles/loader.css +6 -6
  70. package/src/components/loader/styles/loader.min.css +1 -1
  71. package/src/components/loader/styles/skeleton-loader.css +5 -5
  72. package/src/components/loader/styles/skeleton-loader.min.css +1 -1
  73. package/src/components/message/styles/message.css +2 -2
  74. package/src/components/message/styles/message.min.css +1 -1
  75. package/src/components/progress-bar/styles/progress-bar.css +2 -2
  76. package/src/components/progress-bar/styles/progress-bar.min.css +1 -1
  77. package/src/components/radio-button/styles/radio-button.css +2 -2
  78. package/src/components/radio-button/styles/radio-button.min.css +1 -1
  79. package/src/components/system-message/styles/system-message.css +2 -2
  80. package/src/components/system-message/styles/system-message.min.css +1 -1
  81. package/src/components/toast/styles/toast.css +4 -4
  82. package/src/components/toast/styles/toast.min.css +1 -1
  83. /package/build/{components → packages/jokul/src/components}/ScreenReaderOnly.d.ts +0 -0
  84. /package/build/{components → packages/jokul/src/components}/accordion/Accordion.d.ts +0 -0
  85. /package/build/{components → packages/jokul/src/components}/accordion/AccordionItem.d.ts +0 -0
  86. /package/build/{components → packages/jokul/src/components}/accordion/index.d.ts +0 -0
  87. /package/build/{components → packages/jokul/src/components}/breadcrumb/Breadcrumb.d.ts +0 -0
  88. /package/build/{components → packages/jokul/src/components}/breadcrumb/BreadcrumbItem.d.ts +0 -0
  89. /package/build/{components → packages/jokul/src/components}/breadcrumb/index.d.ts +0 -0
  90. /package/build/{components → packages/jokul/src/components}/button/Button.d.ts +0 -0
  91. /package/build/{components → packages/jokul/src/components}/button/index.d.ts +0 -0
  92. /package/build/{components → packages/jokul/src/components}/button/types.d.ts +0 -0
  93. /package/build/{components → packages/jokul/src/components}/card/Card.d.ts +0 -0
  94. /package/build/{components → packages/jokul/src/components}/card/CardImage.d.ts +0 -0
  95. /package/build/{components → packages/jokul/src/components}/card/InfoCard.d.ts +0 -0
  96. /package/build/{components → packages/jokul/src/components}/card/NavCard.d.ts +0 -0
  97. /package/build/{components → packages/jokul/src/components}/card/TaskCard.d.ts +0 -0
  98. /package/build/{components → packages/jokul/src/components}/card/index.d.ts +0 -0
  99. /package/build/{components → packages/jokul/src/components}/card/types.d.ts +0 -0
  100. /package/build/{components → packages/jokul/src/components}/card/utils.d.ts +0 -0
  101. /package/build/{components → packages/jokul/src/components}/checkbox/Checkbox.d.ts +0 -0
  102. /package/build/{components → packages/jokul/src/components}/checkbox/index.d.ts +0 -0
  103. /package/build/{components → packages/jokul/src/components}/combobox/Combobox.d.ts +0 -0
  104. /package/build/{components → packages/jokul/src/components}/combobox/index.d.ts +0 -0
  105. /package/build/{components → packages/jokul/src/components}/cookie-consent/CookieConsent.d.ts +0 -0
  106. /package/build/{components → packages/jokul/src/components}/cookie-consent/CookieConsentContext.d.ts +0 -0
  107. /package/build/{components → packages/jokul/src/components}/cookie-consent/CookieConsentModal.d.ts +0 -0
  108. /package/build/{components → packages/jokul/src/components}/cookie-consent/consents/CustomConsents.d.ts +0 -0
  109. /package/build/{components → packages/jokul/src/components}/cookie-consent/consents/DefaultConsents.d.ts +0 -0
  110. /package/build/{components → packages/jokul/src/components}/cookie-consent/consents/RequirementCheckbox.d.ts +0 -0
  111. /package/build/{components → packages/jokul/src/components}/cookie-consent/cookieConsentUtils.d.ts +0 -0
  112. /package/build/{components → packages/jokul/src/components}/cookie-consent/index.d.ts +0 -0
  113. /package/build/{components → packages/jokul/src/components}/cookie-consent/types.d.ts +0 -0
  114. /package/build/{components → packages/jokul/src/components}/datepicker/DatePicker.d.ts +0 -0
  115. /package/build/{components → packages/jokul/src/components}/datepicker/index.d.ts +0 -0
  116. /package/build/{components → packages/jokul/src/components}/datepicker/internal/Calendar.d.ts +0 -0
  117. /package/build/{components → packages/jokul/src/components}/datepicker/internal/calendarReducer.d.ts +0 -0
  118. /package/build/{components → packages/jokul/src/components}/datepicker/internal/useCalendar.d.ts +0 -0
  119. /package/build/{components → packages/jokul/src/components}/datepicker/internal/utils.d.ts +0 -0
  120. /package/build/{components → packages/jokul/src/components}/datepicker/types.d.ts +0 -0
  121. /package/build/{components → packages/jokul/src/components}/datepicker/utils.d.ts +0 -0
  122. /package/build/{components → packages/jokul/src/components}/datepicker/validation.d.ts +0 -0
  123. /package/build/{components → packages/jokul/src/components}/description-list/DescriptionList.d.ts +0 -0
  124. /package/build/{components → packages/jokul/src/components}/description-list/index.d.ts +0 -0
  125. /package/build/{components → packages/jokul/src/components}/expander/ExpandSection.d.ts +0 -0
  126. /package/build/{components → packages/jokul/src/components}/expander/Expander.d.ts +0 -0
  127. /package/build/{components → packages/jokul/src/components}/expander/index.d.ts +0 -0
  128. /package/build/{components → packages/jokul/src/components}/feedback/Feedback.d.ts +0 -0
  129. /package/build/{components → packages/jokul/src/components}/feedback/FeedbackSuccess.d.ts +0 -0
  130. /package/build/{components → packages/jokul/src/components}/feedback/FeedbackValues.d.ts +0 -0
  131. /package/build/{components → packages/jokul/src/components}/feedback/feedbackContext.d.ts +0 -0
  132. /package/build/{components → packages/jokul/src/components}/feedback/followup/Followup.d.ts +0 -0
  133. /package/build/{components → packages/jokul/src/components}/feedback/followup/followupContext.d.ts +0 -0
  134. /package/build/{components → packages/jokul/src/components}/feedback/followup/useFollowup.d.ts +0 -0
  135. /package/build/{components → packages/jokul/src/components}/feedback/index.d.ts +0 -0
  136. /package/build/{components → packages/jokul/src/components}/feedback/main-question/MainQuestion.d.ts +0 -0
  137. /package/build/{components → packages/jokul/src/components}/feedback/main-question/mainQuestionContext.d.ts +0 -0
  138. /package/build/{components → packages/jokul/src/components}/feedback/main-question/useMainQuestion.d.ts +0 -0
  139. /package/build/{components → packages/jokul/src/components}/feedback/presets.d.ts +0 -0
  140. /package/build/{components → packages/jokul/src/components}/feedback/questions/AddonQuestion.d.ts +0 -0
  141. /package/build/{components → packages/jokul/src/components}/feedback/questions/CheckboxQuestion.d.ts +0 -0
  142. /package/build/{components → packages/jokul/src/components}/feedback/questions/ContactQuestion.d.ts +0 -0
  143. /package/build/{components → packages/jokul/src/components}/feedback/questions/RadioQuestion.d.ts +0 -0
  144. /package/build/{components → packages/jokul/src/components}/feedback/questions/SmileyQuestion.d.ts +0 -0
  145. /package/build/{components → packages/jokul/src/components}/feedback/questions/TextQuestion.d.ts +0 -0
  146. /package/build/{components → packages/jokul/src/components}/feedback/questions/index.d.ts +0 -0
  147. /package/build/{components → packages/jokul/src/components}/feedback/questions/smileyUtils.d.ts +0 -0
  148. /package/build/{components → packages/jokul/src/components}/feedback/types.d.ts +0 -0
  149. /package/build/{components → packages/jokul/src/components}/feedback/utils.d.ts +0 -0
  150. /package/build/{components → packages/jokul/src/components}/icon/Icon.d.ts +0 -0
  151. /package/build/{components → packages/jokul/src/components}/icon/icons/ArrowDownIcon.d.ts +0 -0
  152. /package/build/{components → packages/jokul/src/components}/icon/icons/ArrowLeftIcon.d.ts +0 -0
  153. /package/build/{components → packages/jokul/src/components}/icon/icons/ArrowNorthEastIcon.d.ts +0 -0
  154. /package/build/{components → packages/jokul/src/components}/icon/icons/ArrowRightIcon.d.ts +0 -0
  155. /package/build/{components → packages/jokul/src/components}/icon/icons/ArrowUpIcon.d.ts +0 -0
  156. /package/build/{components → packages/jokul/src/components}/icon/icons/CalendarIcon.d.ts +0 -0
  157. /package/build/{components → packages/jokul/src/components}/icon/icons/CheckIcon.d.ts +0 -0
  158. /package/build/{components → packages/jokul/src/components}/icon/icons/ChevronDownIcon.d.ts +0 -0
  159. /package/build/{components → packages/jokul/src/components}/icon/icons/ChevronLeftIcon.d.ts +0 -0
  160. /package/build/{components → packages/jokul/src/components}/icon/icons/ChevronRightIcon.d.ts +0 -0
  161. /package/build/{components → packages/jokul/src/components}/icon/icons/ChevronUpIcon.d.ts +0 -0
  162. /package/build/{components → packages/jokul/src/components}/icon/icons/CloseIcon.d.ts +0 -0
  163. /package/build/{components → packages/jokul/src/components}/icon/icons/CopyIcon.d.ts +0 -0
  164. /package/build/{components → packages/jokul/src/components}/icon/icons/DotsIcon.d.ts +0 -0
  165. /package/build/{components → packages/jokul/src/components}/icon/icons/DragIcon.d.ts +0 -0
  166. /package/build/{components → packages/jokul/src/components}/icon/icons/ErrorIcon.d.ts +0 -0
  167. /package/build/{components → packages/jokul/src/components}/icon/icons/GreenCheckIcon.d.ts +0 -0
  168. /package/build/{components → packages/jokul/src/components}/icon/icons/HamburgerIcon.d.ts +0 -0
  169. /package/build/{components → packages/jokul/src/components}/icon/icons/InfoIcon.d.ts +0 -0
  170. /package/build/{components → packages/jokul/src/components}/icon/icons/LinkIcon.d.ts +0 -0
  171. /package/build/{components → packages/jokul/src/components}/icon/icons/MinusIcon.d.ts +0 -0
  172. /package/build/{components → packages/jokul/src/components}/icon/icons/PenIcon.d.ts +0 -0
  173. /package/build/{components → packages/jokul/src/components}/icon/icons/PlusIcon.d.ts +0 -0
  174. /package/build/{components → packages/jokul/src/components}/icon/icons/QuestionIcon.d.ts +0 -0
  175. /package/build/{components → packages/jokul/src/components}/icon/icons/RedCrossIcon.d.ts +0 -0
  176. /package/build/{components → packages/jokul/src/components}/icon/icons/SearchIcon.d.ts +0 -0
  177. /package/build/{components → packages/jokul/src/components}/icon/icons/SuccessIcon.d.ts +0 -0
  178. /package/build/{components → packages/jokul/src/components}/icon/icons/ThumbDownIcon.d.ts +0 -0
  179. /package/build/{components → packages/jokul/src/components}/icon/icons/ThumbUpIcon.d.ts +0 -0
  180. /package/build/{components → packages/jokul/src/components}/icon/icons/TrashCanIcon.d.ts +0 -0
  181. /package/build/{components → packages/jokul/src/components}/icon/icons/WarningIcon.d.ts +0 -0
  182. /package/build/{components → packages/jokul/src/components}/icon/icons/animated/ArrowHorizontalAnimated.d.ts +0 -0
  183. /package/build/{components → packages/jokul/src/components}/icon/icons/animated/ArrowVerticalAnimated.d.ts +0 -0
  184. /package/build/{components → packages/jokul/src/components}/icon/icons/animated/PlusRemoveAnimated.d.ts +0 -0
  185. /package/build/{components → packages/jokul/src/components}/icon/index.d.ts +0 -0
  186. /package/build/{components → packages/jokul/src/components}/icon/types.d.ts +0 -0
  187. /package/build/{components → packages/jokul/src/components}/icon-button/IconButton.d.ts +0 -0
  188. /package/build/{components → packages/jokul/src/components}/icon-button/index.d.ts +0 -0
  189. /package/build/{components → packages/jokul/src/components}/image/Image.d.ts +0 -0
  190. /package/build/{components → packages/jokul/src/components}/image/index.d.ts +0 -0
  191. /package/build/{components → packages/jokul/src/components}/image/useImageLoadingStatus.d.ts +0 -0
  192. /package/build/{components → packages/jokul/src/components}/index.d.ts +0 -0
  193. /package/build/{components → packages/jokul/src/components}/input-group/FieldGroup.d.ts +0 -0
  194. /package/build/{components → packages/jokul/src/components}/input-group/InputGroup.d.ts +0 -0
  195. /package/build/{components → packages/jokul/src/components}/input-group/Label.d.ts +0 -0
  196. /package/build/{components → packages/jokul/src/components}/input-group/SupportLabel.d.ts +0 -0
  197. /package/build/{components → packages/jokul/src/components}/input-group/index.d.ts +0 -0
  198. /package/build/{components → packages/jokul/src/components}/link/Link.d.ts +0 -0
  199. /package/build/{components → packages/jokul/src/components}/link/NavLink.d.ts +0 -0
  200. /package/build/{components → packages/jokul/src/components}/link/index.d.ts +0 -0
  201. /package/build/{components → packages/jokul/src/components}/link-list/LinkList.d.ts +0 -0
  202. /package/build/{components → packages/jokul/src/components}/link-list/index.d.ts +0 -0
  203. /package/build/{components → packages/jokul/src/components}/list/List.d.ts +0 -0
  204. /package/build/{components → packages/jokul/src/components}/list/ListItem.d.ts +0 -0
  205. /package/build/{components → packages/jokul/src/components}/list/index.d.ts +0 -0
  206. /package/build/{components → packages/jokul/src/components}/loader/Loader.d.ts +0 -0
  207. /package/build/{components → packages/jokul/src/components}/loader/index.d.ts +0 -0
  208. /package/build/{components → packages/jokul/src/components}/loader/skeletons/SkeletonAnimation.d.ts +0 -0
  209. /package/build/{components → packages/jokul/src/components}/loader/skeletons/SkeletonButton.d.ts +0 -0
  210. /package/build/{components → packages/jokul/src/components}/loader/skeletons/SkeletonCheckboxGroup.d.ts +0 -0
  211. /package/build/{components → packages/jokul/src/components}/loader/skeletons/SkeletonElement.d.ts +0 -0
  212. /package/build/{components → packages/jokul/src/components}/loader/skeletons/SkeletonInput.d.ts +0 -0
  213. /package/build/{components → packages/jokul/src/components}/loader/skeletons/SkeletonLabel.d.ts +0 -0
  214. /package/build/{components → packages/jokul/src/components}/loader/skeletons/SkeletonRadioButtonGroup.d.ts +0 -0
  215. /package/build/{components → packages/jokul/src/components}/loader/skeletons/SkeletonTable.d.ts +0 -0
  216. /package/build/{components → packages/jokul/src/components}/loader/skeletons/SkeletonTextArea.d.ts +0 -0
  217. /package/build/{components → packages/jokul/src/components}/loader/useDelayedRender.d.ts +0 -0
  218. /package/build/{components → packages/jokul/src/components}/logo/Logo.d.ts +0 -0
  219. /package/build/{components → packages/jokul/src/components}/logo/LogoStamp.d.ts +0 -0
  220. /package/build/{components → packages/jokul/src/components}/logo/index.d.ts +0 -0
  221. /package/build/{components → packages/jokul/src/components}/logo/text-paths/ForsikringLevertAvFremtind.d.ts +0 -0
  222. /package/build/{components → packages/jokul/src/components}/logo/text-paths/FraSB1ogDNB.d.ts +0 -0
  223. /package/build/{components → packages/jokul/src/components}/logo/text-paths/InnovasjonFraFremtind.d.ts +0 -0
  224. /package/build/{components → packages/jokul/src/components}/logo/text-paths/TeknologiFraFremtind.d.ts +0 -0
  225. /package/build/{components → packages/jokul/src/components}/logo/text-paths/VartEgetForsikringsselskap.d.ts +0 -0
  226. /package/build/{components → packages/jokul/src/components}/logo/text-paths/VartForsikringsselskap.d.ts +0 -0
  227. /package/build/{components → packages/jokul/src/components}/logo/text-paths/index.d.ts +0 -0
  228. /package/build/{components → packages/jokul/src/components}/logo/useTextSpinner.d.ts +0 -0
  229. /package/build/{components → packages/jokul/src/components}/message/DismissButton.d.ts +0 -0
  230. /package/build/{components → packages/jokul/src/components}/message/FormErrorMessage.d.ts +0 -0
  231. /package/build/{components → packages/jokul/src/components}/message/Message.d.ts +0 -0
  232. /package/build/{components → packages/jokul/src/components}/message/index.d.ts +0 -0
  233. /package/build/{components → packages/jokul/src/components}/modal/Modal.d.ts +0 -0
  234. /package/build/{components → packages/jokul/src/components}/modal/index.d.ts +0 -0
  235. /package/build/{components → packages/jokul/src/components}/modal/useModal.d.ts +0 -0
  236. /package/build/{components → packages/jokul/src/components}/popover/Popover.d.ts +0 -0
  237. /package/build/{components → packages/jokul/src/components}/popover/index.d.ts +0 -0
  238. /package/build/{components → packages/jokul/src/components}/popover/utils.d.ts +0 -0
  239. /package/build/{components → packages/jokul/src/components}/progress-bar/Countdown.d.ts +0 -0
  240. /package/build/{components → packages/jokul/src/components}/progress-bar/ProgressBar.d.ts +0 -0
  241. /package/build/{components → packages/jokul/src/components}/progress-bar/index.d.ts +0 -0
  242. /package/build/{components → packages/jokul/src/components}/radio-button/BaseRadioButton.d.ts +0 -0
  243. /package/build/{components → packages/jokul/src/components}/radio-button/RadioButton.d.ts +0 -0
  244. /package/build/{components → packages/jokul/src/components}/radio-button/RadioButtonGroup.d.ts +0 -0
  245. /package/build/{components → packages/jokul/src/components}/radio-button/index.d.ts +0 -0
  246. /package/build/{components → packages/jokul/src/components}/radio-button/radioGroupContext.d.ts +0 -0
  247. /package/build/{components → packages/jokul/src/components}/select/NativeSelect.d.ts +0 -0
  248. /package/build/{components → packages/jokul/src/components}/select/Select.d.ts +0 -0
  249. /package/build/{components → packages/jokul/src/components}/select/index.d.ts +0 -0
  250. /package/build/{components → packages/jokul/src/components}/select/select-utils.d.ts +0 -0
  251. /package/build/{components → packages/jokul/src/components}/summary-table/SummaryTable.d.ts +0 -0
  252. /package/build/{components → packages/jokul/src/components}/summary-table/SummaryTableRow.d.ts +0 -0
  253. /package/build/{components → packages/jokul/src/components}/summary-table/index.d.ts +0 -0
  254. /package/build/{components → packages/jokul/src/components}/summary-table/mocks/index.d.ts +0 -0
  255. /package/build/{components → packages/jokul/src/components}/system-message/SystemMessage.d.ts +0 -0
  256. /package/build/{components → packages/jokul/src/components}/system-message/common/DismissButton.d.ts +0 -0
  257. /package/build/{components → packages/jokul/src/components}/system-message/common/MessageIcon.d.ts +0 -0
  258. /package/build/{components → packages/jokul/src/components}/system-message/index.d.ts +0 -0
  259. /package/build/{components → packages/jokul/src/components}/table/DataTable.d.ts +0 -0
  260. /package/build/{components → packages/jokul/src/components}/table/ExpandableTableRow.d.ts +0 -0
  261. /package/build/{components → packages/jokul/src/components}/table/ExpandableTableRowController.d.ts +0 -0
  262. /package/build/{components → packages/jokul/src/components}/table/Table.d.ts +0 -0
  263. /package/build/{components → packages/jokul/src/components}/table/TableBody.d.ts +0 -0
  264. /package/build/{components → packages/jokul/src/components}/table/TableCaption.d.ts +0 -0
  265. /package/build/{components → packages/jokul/src/components}/table/TableCell.d.ts +0 -0
  266. /package/build/{components → packages/jokul/src/components}/table/TableColumn.d.ts +0 -0
  267. /package/build/{components → packages/jokul/src/components}/table/TableColumnGroup.d.ts +0 -0
  268. /package/build/{components → packages/jokul/src/components}/table/TableFooter.d.ts +0 -0
  269. /package/build/{components → packages/jokul/src/components}/table/TableHead.d.ts +0 -0
  270. /package/build/{components → packages/jokul/src/components}/table/TableHeader.d.ts +0 -0
  271. /package/build/{components → packages/jokul/src/components}/table/TablePagination.d.ts +0 -0
  272. /package/build/{components → packages/jokul/src/components}/table/TableRow.d.ts +0 -0
  273. /package/build/{components → packages/jokul/src/components}/table/index.d.ts +0 -0
  274. /package/build/{components → packages/jokul/src/components}/table/tableContext.d.ts +0 -0
  275. /package/build/{components → packages/jokul/src/components}/table/tableSectionContext.d.ts +0 -0
  276. /package/build/{components → packages/jokul/src/components}/table/utils.d.ts +0 -0
  277. /package/build/{components → packages/jokul/src/components}/tabs/NavTab.d.ts +0 -0
  278. /package/build/{components → packages/jokul/src/components}/tabs/NavTabs.d.ts +0 -0
  279. /package/build/{components → packages/jokul/src/components}/tabs/Tab.d.ts +0 -0
  280. /package/build/{components → packages/jokul/src/components}/tabs/TabList.d.ts +0 -0
  281. /package/build/{components → packages/jokul/src/components}/tabs/TabPanel.d.ts +0 -0
  282. /package/build/{components → packages/jokul/src/components}/tabs/Tabs.d.ts +0 -0
  283. /package/build/{components → packages/jokul/src/components}/tabs/index.d.ts +0 -0
  284. /package/build/{components → packages/jokul/src/components}/tabs/tabsContext.d.ts +0 -0
  285. /package/build/{components → packages/jokul/src/components}/tag/Tag.d.ts +0 -0
  286. /package/build/{components → packages/jokul/src/components}/tag/index.d.ts +0 -0
  287. /package/build/{components → packages/jokul/src/components}/text-input/BaseTextArea.d.ts +0 -0
  288. /package/build/{components → packages/jokul/src/components}/text-input/BaseTextInput.d.ts +0 -0
  289. /package/build/{components → packages/jokul/src/components}/text-input/TextArea.d.ts +0 -0
  290. /package/build/{components → packages/jokul/src/components}/text-input/TextInput.d.ts +0 -0
  291. /package/build/{components → packages/jokul/src/components}/text-input/index.d.ts +0 -0
  292. /package/build/{components → packages/jokul/src/components}/toast/Toast.d.ts +0 -0
  293. /package/build/{components → packages/jokul/src/components}/toast/ToastRegion.d.ts +0 -0
  294. /package/build/{components → packages/jokul/src/components}/toast/index.d.ts +0 -0
  295. /package/build/{components → packages/jokul/src/components}/toast/toastContext.d.ts +0 -0
  296. /package/build/{components → packages/jokul/src/components}/toast/types.d.ts +0 -0
  297. /package/build/{components → packages/jokul/src/components}/toggle-switch/ToggleSlider.d.ts +0 -0
  298. /package/build/{components → packages/jokul/src/components}/toggle-switch/ToggleSwitch.d.ts +0 -0
  299. /package/build/{components → packages/jokul/src/components}/toggle-switch/index.d.ts +0 -0
  300. /package/build/{components → packages/jokul/src/components}/toggle-switch/usePillStyles.d.ts +0 -0
  301. /package/build/{components → packages/jokul/src/components}/tooltip/PopupTip.d.ts +0 -0
  302. /package/build/{components → packages/jokul/src/components}/tooltip/TooltipContent.d.ts +0 -0
  303. /package/build/{components → packages/jokul/src/components}/tooltip/TooltipTrigger.d.ts +0 -0
  304. /package/build/{components → packages/jokul/src/components}/tooltip/index.d.ts +0 -0
  305. /package/build/{core → packages/jokul/src/core}/index.d.ts +0 -0
  306. /package/build/{core → packages/jokul/src/core}/tokens.d.ts +0 -0
  307. /package/build/{core → packages/jokul/src/core}/types.d.ts +0 -0
  308. /package/build/{hooks → packages/jokul/src/hooks}/index.d.ts +0 -0
  309. /package/build/{hooks → packages/jokul/src/hooks}/mediaQueryUtils.d.ts +0 -0
  310. /package/build/{hooks → packages/jokul/src/hooks}/useAnimatedDetails/index.d.ts +0 -0
  311. /package/build/{hooks → packages/jokul/src/hooks}/useAnimatedDetails/useAnimatedDetails.d.ts +0 -0
  312. /package/build/{hooks → packages/jokul/src/hooks}/useAnimatedHeight/index.d.ts +0 -0
  313. /package/build/{hooks → packages/jokul/src/hooks}/useAnimatedHeight/types.d.ts +0 -0
  314. /package/build/{hooks → packages/jokul/src/hooks}/useAnimatedHeight/useAnimatedHeight.d.ts +0 -0
  315. /package/build/{hooks → packages/jokul/src/hooks}/useAnimatedHeight/useAnimatedHeightBetween.d.ts +0 -0
  316. /package/build/{hooks → packages/jokul/src/hooks}/useAnimatedHeight/useAutoAnimateHeight.d.ts +0 -0
  317. /package/build/{hooks → packages/jokul/src/hooks}/useAriaLiveRegion/index.d.ts +0 -0
  318. /package/build/{hooks → packages/jokul/src/hooks}/useAriaLiveRegion/useAriaLiveRegion.d.ts +0 -0
  319. /package/build/{hooks → packages/jokul/src/hooks}/useBrowserPreferences/index.d.ts +0 -0
  320. /package/build/{hooks → packages/jokul/src/hooks}/useBrowserPreferences/useBrowserPreferences.d.ts +0 -0
  321. /package/build/{hooks → packages/jokul/src/hooks}/useClickOutside/index.d.ts +0 -0
  322. /package/build/{hooks → packages/jokul/src/hooks}/useClickOutside/useClickOutside.d.ts +0 -0
  323. /package/build/{hooks → packages/jokul/src/hooks}/useElementDimensions/index.d.ts +0 -0
  324. /package/build/{hooks → packages/jokul/src/hooks}/useElementDimensions/useElementDimensions.d.ts +0 -0
  325. /package/build/{hooks → packages/jokul/src/hooks}/useFocusOutside/index.d.ts +0 -0
  326. /package/build/{hooks → packages/jokul/src/hooks}/useFocusOutside/useFocusOutside.d.ts +0 -0
  327. /package/build/{hooks → packages/jokul/src/hooks}/useId/index.d.ts +0 -0
  328. /package/build/{hooks → packages/jokul/src/hooks}/useId/useId.d.ts +0 -0
  329. /package/build/{hooks → packages/jokul/src/hooks}/useIntersectionObserver/index.d.ts +0 -0
  330. /package/build/{hooks → packages/jokul/src/hooks}/useIntersectionObserver/useIntersectionObserver.d.ts +0 -0
  331. /package/build/{hooks → packages/jokul/src/hooks}/useKeyListener/index.d.ts +0 -0
  332. /package/build/{hooks → packages/jokul/src/hooks}/useKeyListener/useKeyListener.d.ts +0 -0
  333. /package/build/{hooks → packages/jokul/src/hooks}/useListNavigation/index.d.ts +0 -0
  334. /package/build/{hooks → packages/jokul/src/hooks}/useListNavigation/useListNavigation.d.ts +0 -0
  335. /package/build/{hooks → packages/jokul/src/hooks}/useLocalStorage/index.d.ts +0 -0
  336. /package/build/{hooks → packages/jokul/src/hooks}/useLocalStorage/useLocalStorage.d.ts +0 -0
  337. /package/build/{hooks → packages/jokul/src/hooks}/useMutationObserver/index.d.ts +0 -0
  338. /package/build/{hooks → packages/jokul/src/hooks}/useMutationObserver/useMutationObserver.d.ts +0 -0
  339. /package/build/{hooks → packages/jokul/src/hooks}/usePreviousValue/index.d.ts +0 -0
  340. /package/build/{hooks → packages/jokul/src/hooks}/usePreviousValue/usePreviousValue.d.ts +0 -0
  341. /package/build/{hooks → packages/jokul/src/hooks}/useProgressiveImg/index.d.ts +0 -0
  342. /package/build/{hooks → packages/jokul/src/hooks}/useProgressiveImg/useProgressiveImg.d.ts +0 -0
  343. /package/build/{hooks → packages/jokul/src/hooks}/useScreen/index.d.ts +0 -0
  344. /package/build/{hooks → packages/jokul/src/hooks}/useScreen/state.d.ts +0 -0
  345. /package/build/{hooks → packages/jokul/src/hooks}/useScreen/useScreen.d.ts +0 -0
  346. /package/build/{hooks → packages/jokul/src/hooks}/useScrollIntoView/index.d.ts +0 -0
  347. /package/build/{hooks → packages/jokul/src/hooks}/useScrollIntoView/useScrollIntoView.d.ts +0 -0
  348. /package/build/{hooks → packages/jokul/src/hooks}/useSwipeGesture/index.d.ts +0 -0
  349. /package/build/{hooks → packages/jokul/src/hooks}/useSwipeGesture/useSwipeGesture.d.ts +0 -0
  350. /package/build/{index.d.ts → packages/jokul/src/index.d.ts} +0 -0
  351. /package/build/{utilities → packages/jokul/src/utilities}/constants/index.d.ts +0 -0
  352. /package/build/{utilities → packages/jokul/src/utilities}/constants/unicode.d.ts +0 -0
  353. /package/build/{utilities → packages/jokul/src/utilities}/formatters/avstand/formatAvstand.d.ts +0 -0
  354. /package/build/{utilities → packages/jokul/src/utilities}/formatters/bytes/formatBytes.d.ts +0 -0
  355. /package/build/{utilities → packages/jokul/src/utilities}/formatters/date/formatDate.d.ts +0 -0
  356. /package/build/{utilities → packages/jokul/src/utilities}/formatters/fodselsnummer/formatFodselsnummer.d.ts +0 -0
  357. /package/build/{utilities → packages/jokul/src/utilities}/formatters/index.d.ts +0 -0
  358. /package/build/{utilities → packages/jokul/src/utilities}/formatters/kontonummer/formatKontonummer.d.ts +0 -0
  359. /package/build/{utilities → packages/jokul/src/utilities}/formatters/kortnummer/formatKortnummer.d.ts +0 -0
  360. /package/build/{utilities → packages/jokul/src/utilities}/formatters/organisasjonsnummer/formatOrganisasjonsnummer.d.ts +0 -0
  361. /package/build/{utilities → packages/jokul/src/utilities}/formatters/telefonnummer/formatTelefonnummer.d.ts +0 -0
  362. /package/build/{utilities → packages/jokul/src/utilities}/formatters/util/formatNumber.d.ts +0 -0
  363. /package/build/{utilities → packages/jokul/src/utilities}/formatters/util/parseNumber.d.ts +0 -0
  364. /package/build/{utilities → packages/jokul/src/utilities}/formatters/util/registerWithMask.d.ts +0 -0
  365. /package/build/{utilities → packages/jokul/src/utilities}/formatters/valuta/formatValuta.d.ts +0 -0
  366. /package/build/{utilities → packages/jokul/src/utilities}/index.d.ts +0 -0
  367. /package/build/{utilities → packages/jokul/src/utilities}/polymorphism/SlotComponent.d.ts +0 -0
  368. /package/build/{utilities → packages/jokul/src/utilities}/polymorphism/as-child.d.ts +0 -0
  369. /package/build/{utilities → packages/jokul/src/utilities}/polymorphism/index.d.ts +0 -0
  370. /package/build/{utilities → packages/jokul/src/utilities}/polymorphism/mergeProps.d.ts +0 -0
  371. /package/build/{utilities → packages/jokul/src/utilities}/polymorphism/mergeRefs.d.ts +0 -0
  372. /package/build/{utilities → packages/jokul/src/utilities}/polymorphism/polymorphism.d.ts +0 -0
  373. /package/build/{utilities → packages/jokul/src/utilities}/tabListener.d.ts +0 -0
  374. /package/build/{utilities → packages/jokul/src/utilities}/validators/hasMinimumWords/hasMinimumWords.d.ts +0 -0
  375. /package/build/{utilities → packages/jokul/src/utilities}/validators/hasNoIllegalCharacters/hasNoIllegalCharacters.d.ts +0 -0
  376. /package/build/{utilities → packages/jokul/src/utilities}/validators/index.d.ts +0 -0
  377. /package/build/{utilities → packages/jokul/src/utilities}/validators/isExactLength/isExactLength.d.ts +0 -0
  378. /package/build/{utilities → packages/jokul/src/utilities}/validators/isInteger/isInteger.d.ts +0 -0
  379. /package/build/{utilities → packages/jokul/src/utilities}/validators/isValidChassisnummer/isValidChassisnummer.d.ts +0 -0
  380. /package/build/{utilities → packages/jokul/src/utilities}/validators/isValidDogId/isValidDogId.d.ts +0 -0
  381. /package/build/{utilities → packages/jokul/src/utilities}/validators/isValidEpost/isValidEpost.d.ts +0 -0
  382. /package/build/{utilities → packages/jokul/src/utilities}/validators/isValidFodselsnummer/isValidFodselsnummer.d.ts +0 -0
  383. /package/build/{utilities → packages/jokul/src/utilities}/validators/isValidKortnummer/isValidKortnummer.d.ts +0 -0
  384. /package/build/{utilities → packages/jokul/src/utilities}/validators/isValidName/isValidName.d.ts +0 -0
  385. /package/build/{utilities → packages/jokul/src/utilities}/validators/isValidOrganisasjonsnummer/isValidOrganisasjonsnummer.d.ts +0 -0
  386. /package/build/{utilities → packages/jokul/src/utilities}/validators/isValidRegistreringsnummer/isValidRegistreringsnummer.d.ts +0 -0
  387. /package/build/{utilities → packages/jokul/src/utilities}/validators/isValidTelefonnummer/isValidTelefonnummer.d.ts +0 -0
  388. /package/build/{utilities → packages/jokul/src/utilities}/valuePair.d.ts +0 -0
@@ -0,0 +1,2 @@
1
+ "use strict";const n=require("react/jsx-runtime"),e=require("../../../../formatCode-C0vvPbYm.cjs");require("react"),require("../../../hooks/useScreen/useScreen.js"),require("../../../hooks/useId/useId.js"),require("../../icon/Icon.js"),require("../../icon/icons/animated/ArrowVerticalAnimated.js"),require("../../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../../icon/icons/animated/PlusRemoveAnimated.js"),require("../../icon/icons/ArrowDownIcon.js"),require("../../icon/icons/ArrowLeftIcon.js"),require("../../icon/icons/ArrowNorthEastIcon.js"),require("../../icon/icons/ArrowRightIcon.js"),require("../../icon/icons/ArrowUpIcon.js"),require("../../icon/icons/CalendarIcon.js"),require("../../icon/icons/CheckIcon.js"),require("../../icon/icons/ChevronDownIcon.js"),require("../../icon/icons/ChevronLeftIcon.js"),require("../../icon/icons/ChevronRightIcon.js"),require("../../icon/icons/ChevronUpIcon.js"),require("../../icon/icons/CloseIcon.js"),require("../../icon/icons/CopyIcon.js"),require("../../icon/icons/DotsIcon.js"),require("../../icon/icons/DragIcon.js"),require("../../icon/icons/ErrorIcon.js"),require("../../icon/icons/GreenCheckIcon.js"),require("../../icon/icons/HamburgerIcon.js"),require("../../icon/icons/InfoIcon.js"),require("../../icon/icons/LinkIcon.js"),require("../../icon/icons/PlusIcon.js"),require("../../icon/icons/QuestionIcon.js"),require("../../icon/icons/RedCrossIcon.js"),require("../../icon/icons/SearchIcon.js"),require("../../icon/icons/SuccessIcon.js"),require("../../icon/icons/WarningIcon.js"),require("../../icon/icons/MinusIcon.js"),require("../../icon/icons/ThumbDownIcon.js"),require("../../icon/icons/ThumbUpIcon.js"),require("../../icon/icons/TrashCanIcon.js"),require("../../icon/icons/PenIcon.js"),require("../../list/List.js"),require("../../list/ListItem.js");const o=[],r=e.formatCode('import React, { useId } from "react";\nimport { Accordion, AccordionItem } from "..";\nimport { UnorderedList, ListItem } from "../../list";\n\nexport const knobs = [];\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 <ListItem>Personer med et norsk fødselsnummer.</ListItem>\n <ListItem>\n Personer som har vært bosatt i Norge i minst de fem siste årene før avtalen inngås.\n </ListItem>\n <ListItem>Livsforsikring kan kjøpes på nett av personer mellom 18 og 79 år.</ListItem>\n </UnorderedList>\n Ønsker du en forsikringssum på mer enn 3 millioner trenger vi ekstra økonomiske opplysninger. Da må\n du ta kontakt med 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 bosatt i Norge i minst de fem siste årene\n før avtalen inngås. Kritisk sykdom kan kjøpes på nett av personer mellom 18 og 58 år. Ønsker du en\n forsikringssum på mer enn 1,1 millioner trenger vi ekstra økonomiske opplysninger. Da må du ta\n 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 bosatt i Norge i minst de fem siste årene\n før avtalen inngås. Uførepensjon kan kjøpes på nett av personer mellom 18 og 60 år. Ønsker du en\n forsikringssum på mer enn 96 000 trenger vi ekstra økonomiske opplysninger. Da må du ta kontakt med\n banken din.\n </AccordionItem>\n </Accordion>\n </>\n );\n /* -- EXAMPLE CODE END -- */\n};\n');module.exports=function(){const i=e.useInteractiveCodeControls(r,o);return n.jsx("div",{className:"jkl",children:n.jsx(e.InteractiveCode,{title:"Accordion",defaultCode:r,defaultShowEditor:!0,noInline:!0,controls:i})})};
2
+ //# sourceMappingURL=Example.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Example.js","sources":["../../../../../src/components/accordion/documentation/AccordionExample.jsx","../../../../../src/components/accordion/documentation/Example.tsx","../../../../../src/components/accordion/documentation/AccordionExample.jsx?raw"],"sourcesContent":["import React, { useId } from \"react\";\nimport { Accordion, AccordionItem } from \"..\";\nimport { UnorderedList, ListItem } from \"../../list\";\n\nexport const knobs = [];\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 <ListItem>Personer med et norsk fødselsnummer.</ListItem>\n <ListItem>\n Personer som har vært bosatt i Norge i minst de fem siste årene før avtalen inngås.\n </ListItem>\n <ListItem>Livsforsikring kan kjøpes på nett av personer mellom 18 og 79 år.</ListItem>\n </UnorderedList>\n Ønsker du en forsikringssum på mer enn 3 millioner trenger vi ekstra økonomiske opplysninger. Da må\n du ta kontakt med 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 bosatt i Norge i minst de fem siste årene\n før avtalen inngås. Kritisk sykdom kan kjøpes på nett av personer mellom 18 og 58 år. Ønsker du en\n forsikringssum på mer enn 1,1 millioner trenger vi ekstra økonomiske opplysninger. Da må du ta\n 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 bosatt i Norge i minst de fem siste årene\n før avtalen inngås. Uførepensjon kan kjøpes på nett av personer mellom 18 og 60 år. Ønsker du en\n forsikringssum på mer enn 96 000 trenger vi ekstra økonomiske opplysninger. Da må du ta kontakt med\n banken din.\n </AccordionItem>\n </Accordion>\n </>\n );\n /* -- EXAMPLE CODE END -- */\n};\n","import React from \"react\";\nimport { formatCode, InteractiveCode, useInteractiveCodeControls } from \"../../../../../../utils/interactive-code\";\n// @ts-ignore\nimport { knobs } from \"./AccordionExample\";\n// @ts-ignore\nimport AccordionExample from \"./AccordionExample?raw\";\n\nimport \"../styles/accordion.scss\";\n\nconst code = formatCode(AccordionExample);\n\nexport default function Example() {\n const controls = useInteractiveCodeControls(code, knobs);\n return (\n <div className={\"jkl\"}>\n <InteractiveCode\n title={\"Accordion\"}\n defaultCode={code}\n defaultShowEditor={true}\n noInline={true}\n controls={controls}\n />\n </div>\n );\n}\n","export default \"import React, { useId } from \\\"react\\\";\\nimport { Accordion, AccordionItem } from \\\"..\\\";\\nimport { UnorderedList, ListItem } from \\\"../../list\\\";\\n\\nexport const knobs = [];\\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 <ListItem>Personer med et norsk fødselsnummer.</ListItem>\\n <ListItem>\\n Personer som har vært bosatt i Norge i minst de fem siste årene før avtalen inngås.\\n </ListItem>\\n <ListItem>Livsforsikring kan kjøpes på nett av personer mellom 18 og 79 år.</ListItem>\\n </UnorderedList>\\n Ønsker du en forsikringssum på mer enn 3 millioner trenger vi ekstra økonomiske opplysninger. Da må\\n du ta kontakt med 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 bosatt i Norge i minst de fem siste årene\\n før avtalen inngås. Kritisk sykdom kan kjøpes på nett av personer mellom 18 og 58 år. Ønsker du en\\n forsikringssum på mer enn 1,1 millioner trenger vi ekstra økonomiske opplysninger. Da må du ta\\n 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 bosatt i Norge i minst de fem siste årene\\n før avtalen inngås. Uførepensjon kan kjøpes på nett av personer mellom 18 og 60 år. Ønsker du en\\n forsikringssum på mer enn 96 000 trenger vi ekstra økonomiske opplysninger. Da må du ta kontakt med\\n banken din.\\n </AccordionItem>\\n </Accordion>\\n </>\\n );\\n /* -- EXAMPLE CODE END -- */\\n};\\n\""],"names":["knobs","code","formatCode","controls","useInteractiveCodeControls","jsx","className","children","InteractiveCode","title","defaultCode","defaultShowEditor","noInline"],"mappings":"myDAIO,MAAMA,EAAQ,GCKfC,EAAOC,EAAAA,WCTE,wqFDWf,WACU,MAAAC,EAAWC,EAAAA,2BAA2BH,EAAMD,GAE9C,OAAAK,EAAAA,IAAC,MAAI,CAAAC,UAAW,MACZC,SAAAF,EAAAA,IAACG,EAAAA,gBAAA,CACGC,MAAO,YACPC,YAAaT,EACbU,mBAAmB,EACnBC,UAAU,EACVT,SAAAA,KAIhB"}
@@ -0,0 +1,2 @@
1
+ "use strict";const e=require("react/jsx-runtime"),r=require("react-dom/client");require("react"),require("../../../hooks/useScreen/useScreen.js"),require("../../../hooks/useId/useId.js"),require("../../icon/Icon.js"),require("../../icon/icons/animated/ArrowVerticalAnimated.js"),require("../../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../../icon/icons/animated/PlusRemoveAnimated.js"),require("../../icon/icons/ArrowDownIcon.js"),require("../../icon/icons/ArrowLeftIcon.js"),require("../../icon/icons/ArrowNorthEastIcon.js"),require("../../icon/icons/ArrowRightIcon.js"),require("../../icon/icons/ArrowUpIcon.js"),require("../../icon/icons/CalendarIcon.js"),require("../../icon/icons/CheckIcon.js"),require("../../icon/icons/ChevronDownIcon.js"),require("../../icon/icons/ChevronLeftIcon.js"),require("../../icon/icons/ChevronRightIcon.js"),require("../../icon/icons/ChevronUpIcon.js"),require("../../icon/icons/CloseIcon.js"),require("../../icon/icons/CopyIcon.js"),require("../../icon/icons/DotsIcon.js"),require("../../icon/icons/DragIcon.js"),require("../../icon/icons/ErrorIcon.js"),require("../../icon/icons/GreenCheckIcon.js"),require("../../icon/icons/HamburgerIcon.js"),require("../../icon/icons/InfoIcon.js"),require("../../icon/icons/LinkIcon.js"),require("../../icon/icons/PlusIcon.js"),require("../../icon/icons/QuestionIcon.js"),require("../../icon/icons/RedCrossIcon.js"),require("../../icon/icons/SearchIcon.js"),require("../../icon/icons/SuccessIcon.js"),require("../../icon/icons/WarningIcon.js"),require("../../icon/icons/MinusIcon.js"),require("../../icon/icons/ThumbDownIcon.js"),require("../../icon/icons/ThumbUpIcon.js"),require("../../icon/icons/TrashCanIcon.js"),require("../../icon/icons/PenIcon.js"),require("../../button/Button.js"),require("../../card/Card.js"),require("../../card/CardImage.js"),require("../../card/NavCard.js"),require("../../checkbox/Checkbox.js"),require("../../combobox/Combobox.js"),require("../../cookie-consent/CookieConsentContext.js"),require("react-dom"),require("../../modal/Modal.js"),require("react-a11y-dialog"),require("../../list/List.js"),require("../../list/ListItem.js"),require("../../datepicker/DatePicker.js"),require("../../feedback/feedbackContext.js"),require("../../message/Message.js"),require("../../message/FormErrorMessage.js"),require("../../tooltip/Tooltip.js"),require("../../tooltip/TooltipContent.js"),require("../../tooltip/TooltipTrigger.js"),require("../../input-group/InputGroup.js"),require("../../feedback/followup/followupContext.js"),require("../../feedback/main-question/mainQuestionContext.js"),require("../../radio-button/RadioButton.js"),require("../../radio-button/radioGroupContext.js"),require("../../radio-button/BaseRadioButton.js"),require("../../text-input/BaseTextArea.js"),require("../../text-input/BaseTextInput.js"),require("../../text-input/TextArea.js"),require("../../text-input/TextInput.js"),require("../../../utilities/polymorphism/SlotComponent.js");const i=require("../../../utilities/tabListener.js");require("../../../../ExpandableTableRow-BQjBxKCX.cjs"),require("../../icon-button/IconButton.js"),require("../../link/Link.js"),require("../../link/NavLink.js"),require("../../link-list/LinkList.js"),require("../../logo/text-paths/ForsikringLevertAvFremtind.js"),require("../../logo/text-paths/FraSB1ogDNB.js"),require("../../logo/text-paths/InnovasjonFraFremtind.js"),require("../../logo/text-paths/TeknologiFraFremtind.js"),require("../../logo/text-paths/VartEgetForsikringsselskap.js"),require("../../logo/text-paths/VartForsikringsselskap.js"),require("../../popover/Popover.js"),require("../../system-message/SystemMessage.js"),require("../../table/DataTable.js"),require("../../table/Table.js"),require("../../table/TableBody.js"),require("../../table/TableCaption.js"),require("../../table/TableCell.js"),require("../../table/TableColumn.js"),require("../../table/TableColumnGroup.js"),require("../../table/tableContext.js"),require("../../table/tableSectionContext.js"),require("../../table/TableFooter.js"),require("../../table/TableHead.js"),require("../../table/TableHeader.js"),require("../../table/TableRow.js"),require("../../tabs/NavTab.js"),require("../../tabs/tabsContext.js"),require("../../tabs/Tab.js"),require("../../tag/Tag.js"),require("../../toast/toastContext.js"),require("../../toggle-switch/ToggleSwitch.js");const o=require("./Example.js");i.initTabListener(),r.createRoot(document.getElementById("root")).render(e.jsx(o,{}));
2
+ //# sourceMappingURL=main.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"main.js","sources":["../../../../../src/components/accordion/documentation/main.tsx"],"sourcesContent":["import React from \"react\";\nimport ReactDOM from \"react-dom/client\";\nimport { initTabListener } from \"../../..\";\nimport Example from \"./Example\";\n\ninitTabListener();\n\nReactDOM.createRoot(document.getElementById(\"root\")!).render(<Example />);\n"],"names":["initTabListener","ReactDOM","createRoot","document","getElementById","render","jsx","Example"],"mappings":"izIAKAA,EAAAA,kBAEAC,EAASC,WAAWC,SAASC,eAAe,SAAUC,OAAQC,EAAAA,IAAAC,EAAA,CAAA"}
@@ -0,0 +1,2 @@
1
+ "use strict";const e=require("node:path"),i=require("@vitejs/plugin-react-swc"),r=require("vite"),s=require("../../../../copy-jkl-fonts-BEH11kbT.cjs"),o=r.defineConfig({plugins:[i(),s.copyJklFonts(e.resolve(__dirname,"public","fonts"))]});module.exports=o;
2
+ //# sourceMappingURL=vite.dev.config.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"vite.dev.config.js","sources":["../../../../../src/components/accordion/documentation/vite.dev.config.ts"],"sourcesContent":["import { resolve } from \"path\";\nimport react from \"@vitejs/plugin-react-swc\";\nimport { defineConfig } from \"vite\";\nimport { copyJklFonts } from \"../../../../../../utils/vite\";\n\nexport default defineConfig({\n plugins: [react(), copyJklFonts(resolve(__dirname, \"public\", \"fonts\"))],\n});\n"],"names":["vite_dev_config","defineConfig","plugins","react","copyJklFonts","resolve","__dirname"],"mappings":"uJAKAA,EAAeC,eAAa,CACxBC,QAAS,CAACC,IAASC,EAAAA,aAAaC,UAAQC,UAAW,SAAU"}
@@ -0,0 +1,2 @@
1
+ "use strict";const e=require("react/jsx-runtime"),n=require("../../../../formatCode-C0vvPbYm.cjs");require("react"),require("../Link.js"),require("../NavLink.js");const r=[],t=n.formatCode('import React, { FC } from "react";\nimport { Link } from "..";\n\nexport const knobs = [];\n\nexport const LinkExample = () => {\n /* -- EXAMPLE CODE START -- */\n return (\n <div>\n <Link href="#">Lenke</Link>\n </div>\n );\n /* -- EXAMPLE CODE END -- */\n};\n');module.exports=function(){const o=n.useInteractiveCodeControls(t,r);return e.jsx("div",{className:"jkl",children:e.jsx(n.InteractiveCode,{title:"Link",defaultCode:t,defaultShowEditor:!0,noInline:!0,controls:o})})};
2
+ //# sourceMappingURL=Example.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Example.js","sources":["../../../../../src/components/link/documentation/LinkExample.jsx","../../../../../src/components/link/documentation/Example.tsx","../../../../../src/components/link/documentation/LinkExample.jsx?raw"],"sourcesContent":["import React, { FC } from \"react\";\nimport { Link } from \"..\";\n\nexport const knobs = [];\n\nexport const LinkExample = () => {\n /* -- EXAMPLE CODE START -- */\n return (\n <div>\n <Link href=\"#\">Lenke</Link>\n </div>\n );\n /* -- EXAMPLE CODE END -- */\n};\n","import React from \"react\";\nimport { formatCode, InteractiveCode, useInteractiveCodeControls } from \"../../../../../../utils/interactive-code\";\n// @ts-ignore\nimport { knobs } from \"./LinkExample\";\n// @ts-ignore\nimport LinkExample from \"./LinkExample?raw\";\n\nimport \"../styles/link.scss\";\n\nconst code = formatCode(LinkExample);\n\nexport default function Example() {\n const controls = useInteractiveCodeControls(code, knobs);\n\n return (\n <div className={\"jkl\"}>\n <InteractiveCode\n title={\"Link\"}\n defaultCode={code}\n defaultShowEditor={true}\n noInline={true}\n controls={controls}\n />\n </div>\n );\n}\n","export default \"import React, { FC } from \\\"react\\\";\\nimport { Link } from \\\"..\\\";\\n\\nexport const knobs = [];\\n\\nexport const LinkExample = () => {\\n /* -- EXAMPLE CODE START -- */\\n return (\\n <div>\\n <Link href=\\\"#\\\">Lenke</Link>\\n </div>\\n );\\n /* -- EXAMPLE CODE END -- */\\n};\\n\""],"names":["knobs","code","formatCode","controls","useInteractiveCodeControls","jsx","className","children","InteractiveCode","title","defaultCode","defaultShowEditor","noInline"],"mappings":"mKAGO,MAAMA,EAAQ,GCMfC,EAAOC,EAAAA,WCTE,6TDWf,WACU,MAAAC,EAAWC,EAAAA,2BAA2BH,EAAMD,GAG9C,OAAAK,EAAAA,IAAC,MAAI,CAAAC,UAAW,MACZC,SAAAF,EAAAA,IAACG,EAAAA,gBAAA,CACGC,MAAO,OACPC,YAAaT,EACbU,mBAAmB,EACnBC,UAAU,EACVT,SAAAA,KAIhB"}
@@ -0,0 +1,2 @@
1
+ "use strict";const e=require("react/jsx-runtime"),r=require("react-dom/client");require("react"),require("../../../hooks/useScreen/useScreen.js"),require("../../../hooks/useId/useId.js"),require("../../icon/Icon.js"),require("../../icon/icons/animated/ArrowVerticalAnimated.js"),require("../../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../../icon/icons/animated/PlusRemoveAnimated.js"),require("../../icon/icons/ArrowDownIcon.js"),require("../../icon/icons/ArrowLeftIcon.js"),require("../../icon/icons/ArrowNorthEastIcon.js"),require("../../icon/icons/ArrowRightIcon.js"),require("../../icon/icons/ArrowUpIcon.js"),require("../../icon/icons/CalendarIcon.js"),require("../../icon/icons/CheckIcon.js"),require("../../icon/icons/ChevronDownIcon.js"),require("../../icon/icons/ChevronLeftIcon.js"),require("../../icon/icons/ChevronRightIcon.js"),require("../../icon/icons/ChevronUpIcon.js"),require("../../icon/icons/CloseIcon.js"),require("../../icon/icons/CopyIcon.js"),require("../../icon/icons/DotsIcon.js"),require("../../icon/icons/DragIcon.js"),require("../../icon/icons/ErrorIcon.js"),require("../../icon/icons/GreenCheckIcon.js"),require("../../icon/icons/HamburgerIcon.js"),require("../../icon/icons/InfoIcon.js"),require("../../icon/icons/LinkIcon.js"),require("../../icon/icons/PlusIcon.js"),require("../../icon/icons/QuestionIcon.js"),require("../../icon/icons/RedCrossIcon.js"),require("../../icon/icons/SearchIcon.js"),require("../../icon/icons/SuccessIcon.js"),require("../../icon/icons/WarningIcon.js"),require("../../icon/icons/MinusIcon.js"),require("../../icon/icons/ThumbDownIcon.js"),require("../../icon/icons/ThumbUpIcon.js"),require("../../icon/icons/TrashCanIcon.js"),require("../../icon/icons/PenIcon.js"),require("../../button/Button.js"),require("../../card/Card.js"),require("../../card/CardImage.js"),require("../../card/NavCard.js"),require("../../checkbox/Checkbox.js"),require("../../combobox/Combobox.js"),require("../../cookie-consent/CookieConsentContext.js"),require("react-dom"),require("../../modal/Modal.js"),require("react-a11y-dialog"),require("../../list/List.js"),require("../../list/ListItem.js"),require("../../datepicker/DatePicker.js"),require("../../feedback/feedbackContext.js"),require("../../message/Message.js"),require("../../message/FormErrorMessage.js"),require("../../tooltip/Tooltip.js"),require("../../tooltip/TooltipContent.js"),require("../../tooltip/TooltipTrigger.js"),require("../../input-group/InputGroup.js"),require("../../feedback/followup/followupContext.js"),require("../../feedback/main-question/mainQuestionContext.js"),require("../../radio-button/RadioButton.js"),require("../../radio-button/radioGroupContext.js"),require("../../radio-button/BaseRadioButton.js"),require("../../text-input/BaseTextArea.js"),require("../../text-input/BaseTextInput.js"),require("../../text-input/TextArea.js"),require("../../text-input/TextInput.js"),require("../../../utilities/polymorphism/SlotComponent.js");const i=require("../../../utilities/tabListener.js");require("../../../../ExpandableTableRow-BQjBxKCX.cjs"),require("../../icon-button/IconButton.js"),require("../Link.js"),require("../NavLink.js"),require("../../link-list/LinkList.js"),require("../../logo/text-paths/ForsikringLevertAvFremtind.js"),require("../../logo/text-paths/FraSB1ogDNB.js"),require("../../logo/text-paths/InnovasjonFraFremtind.js"),require("../../logo/text-paths/TeknologiFraFremtind.js"),require("../../logo/text-paths/VartEgetForsikringsselskap.js"),require("../../logo/text-paths/VartForsikringsselskap.js"),require("../../popover/Popover.js"),require("../../system-message/SystemMessage.js"),require("../../table/DataTable.js"),require("../../table/Table.js"),require("../../table/TableBody.js"),require("../../table/TableCaption.js"),require("../../table/TableCell.js"),require("../../table/TableColumn.js"),require("../../table/TableColumnGroup.js"),require("../../table/tableContext.js"),require("../../table/tableSectionContext.js"),require("../../table/TableFooter.js"),require("../../table/TableHead.js"),require("../../table/TableHeader.js"),require("../../table/TableRow.js"),require("../../tabs/NavTab.js"),require("../../tabs/tabsContext.js"),require("../../tabs/Tab.js"),require("../../tag/Tag.js"),require("../../toast/toastContext.js"),require("../../toggle-switch/ToggleSwitch.js");const o=require("./Example.js");i.initTabListener(),r.createRoot(document.getElementById("root")).render(e.jsx(o,{}));
2
+ //# sourceMappingURL=main.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"main.js","sources":["../../../../../src/components/link/documentation/main.tsx"],"sourcesContent":["import React from \"react\";\nimport ReactDOM from \"react-dom/client\";\nimport { initTabListener } from \"../../..\";\nimport Example from \"./Example\";\n\ninitTabListener();\n\nReactDOM.createRoot(document.getElementById(\"root\")!).render(<Example />);\n"],"names":["initTabListener","ReactDOM","createRoot","document","getElementById","render","jsx","Example"],"mappings":"iyIAKAA,EAAAA,kBAEAC,EAASC,WAAWC,SAASC,eAAe,SAAUC,OAAQC,EAAAA,IAAAC,EAAA,CAAA"}
@@ -0,0 +1,2 @@
1
+ "use strict";const e=require("node:path"),i=require("@vitejs/plugin-react-swc"),r=require("vite"),s=require("../../../../copy-jkl-fonts-BEH11kbT.cjs"),o=r.defineConfig({plugins:[i(),s.copyJklFonts(e.resolve(__dirname,"public","fonts"))]});module.exports=o;
2
+ //# sourceMappingURL=vite.dev.config.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"vite.dev.config.js","sources":["../../../../../src/components/link/documentation/vite.dev.config.ts"],"sourcesContent":["import { resolve } from \"path\";\nimport react from \"@vitejs/plugin-react-swc\";\nimport { defineConfig } from \"vite\";\nimport { copyJklFonts } from \"../../../../../../utils/vite\";\n\nexport default defineConfig({\n plugins: [react(), copyJklFonts(resolve(__dirname, \"public\", \"fonts\"))],\n});\n"],"names":["vite_dev_config","defineConfig","plugins","react","copyJklFonts","resolve","__dirname"],"mappings":"uJAKAA,EAAeC,eAAa,CACxBC,QAAS,CAACC,IAASC,EAAAA,aAAaC,UAAQC,UAAW,SAAU"}
@@ -0,0 +1,2 @@
1
+ "use strict";const e=require("react/jsx-runtime"),n=require("../../../../formatCode-C0vvPbYm.cjs");require("react");const t=[{type:"choice",label:"Variant",choiceOptions:[{label:"Large",value:"large"},{label:"Medium",value:"medium"},{label:"Small",value:"small"}],defaultValue:0}],o=[],l=n.formatCode('import React, { FC } from "react";\nimport { Loader } from "..";\nimport "./styles.scss";\n\nexport const knobs = [\n {\n type: "choice",\n label: "Variant",\n choiceOptions: [\n { label: "Large", value: "large" },\n { label: "Medium", value: "medium" },\n { label: "Small", value: "small" },\n ],\n defaultValue: 0,\n },\n];\n\nexport const LoaderExample = () => {\n /* -- EXAMPLE CODE START -- */\n return (\n <div className="jkl-loader-example">\n <div>\n <Loader variant={choiceKnob("Variant")} textDescription="Laster innhold" />\n </div>\n </div>\n );\n /* -- EXAMPLE CODE END -- */\n};\n'),a=n.formatCode('import React, { FC } from "react";\nimport {\n SkeletonAnimation,\n SkeletonButton,\n SkeletonCheckboxGroup,\n SkeletonElement,\n SkeletonInput,\n SkeletonRadioButtonGroup,\n SkeletonTable,\n SkeletonTableHeader,\n SkeletonTableRow,\n SkeletonTextArea,\n} from "..";\n\nexport const knobs = [];\n\nexport const SkeletonLoaderExample = () => {\n /* -- EXAMPLE CODE START -- */\n return (\n <SkeletonAnimation role="none presentation">\n <div style={{ display: "flex", flexDirection: "column", gap: 40 }}>\n <SkeletonElement width={350} height={32} />\n <SkeletonInput />\n <SkeletonTextArea />\n <SkeletonCheckboxGroup checkboxes={3} />\n <SkeletonRadioButtonGroup radioButtons={3} />\n <SkeletonButton width={225} />\n <SkeletonTable>\n <SkeletonTableHeader>\n <div style={{ width: 215 }}>\n <SkeletonElement width={115} height={16} />\n </div>\n <div style={{ width: 115 }}>\n <SkeletonElement width={115} height={16} />\n </div>\n </SkeletonTableHeader>\n {Array.from(Array(5)).map((_, index) => (\n <SkeletonTableRow key={index}>\n <div style={{ width: 215 }}>\n <SkeletonElement width={index % 2 ? 115 : 185} height={19} />\n </div>\n <div style={{ width: 115 }}>\n <SkeletonElement width={24} height={24} shape="circle" />\n </div>\n </SkeletonTableRow>\n ))}\n </SkeletonTable>\n </div>\n </SkeletonAnimation>\n );\n /* -- EXAMPLE CODE END -- */\n};\n');module.exports=function(){const i=n.useInteractiveCodeControls(l,t),r=n.useInteractiveCodeControls(a,o);return e.jsxs("div",{className:"jkl",children:[e.jsx(n.InteractiveCode,{title:"Loader",defaultCode:l,defaultShowEditor:!0,noInline:!0,controls:i}),e.jsx(n.InteractiveCode,{title:"SkeletonLoader",defaultCode:a,defaultShowEditor:!0,noInline:!0,controls:r})]})};
2
+ //# sourceMappingURL=Example.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Example.js","sources":["../../../../../src/components/loader/documentation/LoaderExample.jsx","../../../../../src/components/loader/documentation/SkeletonLoaderExample.jsx","../../../../../src/components/loader/documentation/Example.tsx","../../../../../src/components/loader/documentation/LoaderExample.jsx?raw","../../../../../src/components/loader/documentation/SkeletonLoaderExample.jsx?raw"],"sourcesContent":["import React, { FC } from \"react\";\nimport { Loader } from \"..\";\nimport \"./styles.scss\";\n\nexport const knobs = [\n {\n type: \"choice\",\n label: \"Variant\",\n choiceOptions: [\n { label: \"Large\", value: \"large\" },\n { label: \"Medium\", value: \"medium\" },\n { label: \"Small\", value: \"small\" },\n ],\n defaultValue: 0,\n },\n];\n\nexport const LoaderExample = () => {\n /* -- EXAMPLE CODE START -- */\n return (\n <div className=\"jkl-loader-example\">\n <div>\n <Loader variant={choiceKnob(\"Variant\")} textDescription=\"Laster innhold\" />\n </div>\n </div>\n );\n /* -- EXAMPLE CODE END -- */\n};\n","import React, { FC } from \"react\";\nimport {\n SkeletonAnimation,\n SkeletonButton,\n SkeletonCheckboxGroup,\n SkeletonElement,\n SkeletonInput,\n SkeletonRadioButtonGroup,\n SkeletonTable,\n SkeletonTableHeader,\n SkeletonTableRow,\n SkeletonTextArea,\n} from \"..\";\n\nexport const knobs = [];\n\nexport const SkeletonLoaderExample = () => {\n /* -- EXAMPLE CODE START -- */\n return (\n <SkeletonAnimation role=\"none presentation\">\n <div style={{ display: \"flex\", flexDirection: \"column\", gap: 40 }}>\n <SkeletonElement width={350} height={32} />\n <SkeletonInput />\n <SkeletonTextArea />\n <SkeletonCheckboxGroup checkboxes={3} />\n <SkeletonRadioButtonGroup radioButtons={3} />\n <SkeletonButton width={225} />\n <SkeletonTable>\n <SkeletonTableHeader>\n <div style={{ width: 215 }}>\n <SkeletonElement width={115} height={16} />\n </div>\n <div style={{ width: 115 }}>\n <SkeletonElement width={115} height={16} />\n </div>\n </SkeletonTableHeader>\n {Array.from(Array(5)).map((_, index) => (\n <SkeletonTableRow key={index}>\n <div style={{ width: 215 }}>\n <SkeletonElement width={index % 2 ? 115 : 185} height={19} />\n </div>\n <div style={{ width: 115 }}>\n <SkeletonElement width={24} height={24} shape=\"circle\" />\n </div>\n </SkeletonTableRow>\n ))}\n </SkeletonTable>\n </div>\n </SkeletonAnimation>\n );\n /* -- EXAMPLE CODE END -- */\n};\n","import React from \"react\";\nimport { formatCode, InteractiveCode, useInteractiveCodeControls } from \"../../../../../../utils/interactive-code\";\n// @ts-ignore\nimport { knobs as loaderKnobs } from \"./LoaderExample\";\n// @ts-ignore\nimport LoaderExample from \"./LoaderExample?raw\";\n// @ts-ignore\nimport { knobs as skeletonKnobs } from \"./SkeletonLoaderExample\";\n// @ts-ignore\nimport SkeletonLoaderExample from \"./SkeletonLoaderExample?raw\";\n\nimport \"../styles/loader.scss\";\nimport \"../styles/skeleton-loader.scss\";\n\nconst loaderCode = formatCode(LoaderExample);\nconst skeletonLoaderCode = formatCode(SkeletonLoaderExample);\n\nexport default function Example() {\n const loaderControls = useInteractiveCodeControls(loaderCode, loaderKnobs);\n const skeletonControls = useInteractiveCodeControls(skeletonLoaderCode, skeletonKnobs);\n\n return (\n <div className={\"jkl\"}>\n <InteractiveCode\n title={\"Loader\"}\n defaultCode={loaderCode}\n defaultShowEditor={true}\n noInline={true}\n controls={loaderControls}\n />\n <InteractiveCode\n title={\"SkeletonLoader\"}\n defaultCode={skeletonLoaderCode}\n defaultShowEditor={true}\n noInline={true}\n controls={skeletonControls}\n />\n </div>\n );\n}\n","export default \"import React, { FC } from \\\"react\\\";\\nimport { Loader } from \\\"..\\\";\\nimport \\\"./styles.scss\\\";\\n\\nexport const knobs = [\\n {\\n type: \\\"choice\\\",\\n label: \\\"Variant\\\",\\n choiceOptions: [\\n { label: \\\"Large\\\", value: \\\"large\\\" },\\n { label: \\\"Medium\\\", value: \\\"medium\\\" },\\n { label: \\\"Small\\\", value: \\\"small\\\" },\\n ],\\n defaultValue: 0,\\n },\\n];\\n\\nexport const LoaderExample = () => {\\n /* -- EXAMPLE CODE START -- */\\n return (\\n <div className=\\\"jkl-loader-example\\\">\\n <div>\\n <Loader variant={choiceKnob(\\\"Variant\\\")} textDescription=\\\"Laster innhold\\\" />\\n </div>\\n </div>\\n );\\n /* -- EXAMPLE CODE END -- */\\n};\\n\"","export default \"import React, { FC } from \\\"react\\\";\\nimport {\\n SkeletonAnimation,\\n SkeletonButton,\\n SkeletonCheckboxGroup,\\n SkeletonElement,\\n SkeletonInput,\\n SkeletonRadioButtonGroup,\\n SkeletonTable,\\n SkeletonTableHeader,\\n SkeletonTableRow,\\n SkeletonTextArea,\\n} from \\\"..\\\";\\n\\nexport const knobs = [];\\n\\nexport const SkeletonLoaderExample = () => {\\n /* -- EXAMPLE CODE START -- */\\n return (\\n <SkeletonAnimation role=\\\"none presentation\\\">\\n <div style={{ display: \\\"flex\\\", flexDirection: \\\"column\\\", gap: 40 }}>\\n <SkeletonElement width={350} height={32} />\\n <SkeletonInput />\\n <SkeletonTextArea />\\n <SkeletonCheckboxGroup checkboxes={3} />\\n <SkeletonRadioButtonGroup radioButtons={3} />\\n <SkeletonButton width={225} />\\n <SkeletonTable>\\n <SkeletonTableHeader>\\n <div style={{ width: 215 }}>\\n <SkeletonElement width={115} height={16} />\\n </div>\\n <div style={{ width: 115 }}>\\n <SkeletonElement width={115} height={16} />\\n </div>\\n </SkeletonTableHeader>\\n {Array.from(Array(5)).map((_, index) => (\\n <SkeletonTableRow key={index}>\\n <div style={{ width: 215 }}>\\n <SkeletonElement width={index % 2 ? 115 : 185} height={19} />\\n </div>\\n <div style={{ width: 115 }}>\\n <SkeletonElement width={24} height={24} shape=\\\"circle\\\" />\\n </div>\\n </SkeletonTableRow>\\n ))}\\n </SkeletonTable>\\n </div>\\n </SkeletonAnimation>\\n );\\n /* -- EXAMPLE CODE END -- */\\n};\\n\""],"names":["knobs","type","label","choiceOptions","value","defaultValue","loaderCode","formatCode","skeletonLoaderCode","loaderControls","useInteractiveCodeControls","loaderKnobs","skeletonControls","skeletonKnobs","jsxs","className","children","jsx","InteractiveCode","title","defaultCode","defaultShowEditor","noInline","controls"],"mappings":"oHAIO,MAAMA,EAAQ,CACjB,CACIC,KAAM,SACNC,MAAO,UACPC,cAAe,CACX,CAAED,MAAO,QAASE,MAAO,SACzB,CAAEF,MAAO,SAAUE,MAAO,UAC1B,CAAEF,MAAO,QAASE,MAAO,UAE7BC,aAAc,ICCTL,EAAQ,GCAfM,EAAaC,EAAAA,WCdJ,+tBDeTC,EAAqBD,EAAAA,WEfZ,49DFiBf,WACU,MAAAE,EAAiBC,EAAAA,2BAA2BJ,EAAYK,GACxDC,EAAmBF,EAAAA,2BAA2BF,EAAoBK,GAGpE,OAAAC,EAAAA,KAAC,MAAI,CAAAC,UAAW,MACZC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,gBAAA,CACGC,MAAO,SACPC,YAAad,EACbe,mBAAmB,EACnBC,UAAU,EACVC,SAAUd,IAEdQ,EAAAA,IAACC,EAAAA,gBAAA,CACGC,MAAO,iBACPC,YAAaZ,EACba,mBAAmB,EACnBC,UAAU,EACVC,SAAUX,MAI1B"}
@@ -0,0 +1,2 @@
1
+ "use strict";const e=require("react/jsx-runtime"),r=require("react-dom/client");require("react"),require("../../../hooks/useScreen/useScreen.js"),require("../../../hooks/useId/useId.js"),require("../../icon/Icon.js"),require("../../icon/icons/animated/ArrowVerticalAnimated.js"),require("../../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../../icon/icons/animated/PlusRemoveAnimated.js"),require("../../icon/icons/ArrowDownIcon.js"),require("../../icon/icons/ArrowLeftIcon.js"),require("../../icon/icons/ArrowNorthEastIcon.js"),require("../../icon/icons/ArrowRightIcon.js"),require("../../icon/icons/ArrowUpIcon.js"),require("../../icon/icons/CalendarIcon.js"),require("../../icon/icons/CheckIcon.js"),require("../../icon/icons/ChevronDownIcon.js"),require("../../icon/icons/ChevronLeftIcon.js"),require("../../icon/icons/ChevronRightIcon.js"),require("../../icon/icons/ChevronUpIcon.js"),require("../../icon/icons/CloseIcon.js"),require("../../icon/icons/CopyIcon.js"),require("../../icon/icons/DotsIcon.js"),require("../../icon/icons/DragIcon.js"),require("../../icon/icons/ErrorIcon.js"),require("../../icon/icons/GreenCheckIcon.js"),require("../../icon/icons/HamburgerIcon.js"),require("../../icon/icons/InfoIcon.js"),require("../../icon/icons/LinkIcon.js"),require("../../icon/icons/PlusIcon.js"),require("../../icon/icons/QuestionIcon.js"),require("../../icon/icons/RedCrossIcon.js"),require("../../icon/icons/SearchIcon.js"),require("../../icon/icons/SuccessIcon.js"),require("../../icon/icons/WarningIcon.js"),require("../../icon/icons/MinusIcon.js"),require("../../icon/icons/ThumbDownIcon.js"),require("../../icon/icons/ThumbUpIcon.js"),require("../../icon/icons/TrashCanIcon.js"),require("../../icon/icons/PenIcon.js"),require("../../button/Button.js"),require("../../card/Card.js"),require("../../card/CardImage.js"),require("../../card/NavCard.js"),require("../../checkbox/Checkbox.js"),require("../../combobox/Combobox.js"),require("../../cookie-consent/CookieConsentContext.js"),require("react-dom"),require("../../modal/Modal.js"),require("react-a11y-dialog"),require("../../list/List.js"),require("../../list/ListItem.js"),require("../../datepicker/DatePicker.js"),require("../../feedback/feedbackContext.js"),require("../../message/Message.js"),require("../../message/FormErrorMessage.js"),require("../../tooltip/Tooltip.js"),require("../../tooltip/TooltipContent.js"),require("../../tooltip/TooltipTrigger.js"),require("../../input-group/InputGroup.js"),require("../../feedback/followup/followupContext.js"),require("../../feedback/main-question/mainQuestionContext.js"),require("../../radio-button/RadioButton.js"),require("../../radio-button/radioGroupContext.js"),require("../../radio-button/BaseRadioButton.js"),require("../../text-input/BaseTextArea.js"),require("../../text-input/BaseTextInput.js"),require("../../text-input/TextArea.js"),require("../../text-input/TextInput.js"),require("../../../utilities/polymorphism/SlotComponent.js");const i=require("../../../utilities/tabListener.js");require("../../../../ExpandableTableRow-BQjBxKCX.cjs"),require("../../icon-button/IconButton.js"),require("../../link/Link.js"),require("../../link/NavLink.js"),require("../../link-list/LinkList.js"),require("../../logo/text-paths/ForsikringLevertAvFremtind.js"),require("../../logo/text-paths/FraSB1ogDNB.js"),require("../../logo/text-paths/InnovasjonFraFremtind.js"),require("../../logo/text-paths/TeknologiFraFremtind.js"),require("../../logo/text-paths/VartEgetForsikringsselskap.js"),require("../../logo/text-paths/VartForsikringsselskap.js"),require("../../popover/Popover.js"),require("../../system-message/SystemMessage.js"),require("../../table/DataTable.js"),require("../../table/Table.js"),require("../../table/TableBody.js"),require("../../table/TableCaption.js"),require("../../table/TableCell.js"),require("../../table/TableColumn.js"),require("../../table/TableColumnGroup.js"),require("../../table/tableContext.js"),require("../../table/tableSectionContext.js"),require("../../table/TableFooter.js"),require("../../table/TableHead.js"),require("../../table/TableHeader.js"),require("../../table/TableRow.js"),require("../../tabs/NavTab.js"),require("../../tabs/tabsContext.js"),require("../../tabs/Tab.js"),require("../../tag/Tag.js"),require("../../toast/toastContext.js"),require("../../toggle-switch/ToggleSwitch.js");const o=require("./Example.js");i.initTabListener(),r.createRoot(document.getElementById("root")).render(e.jsx(o,{}));
2
+ //# sourceMappingURL=main.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"main.js","sources":["../../../../../src/components/loader/documentation/main.tsx"],"sourcesContent":["import React from \"react\";\nimport ReactDOM from \"react-dom/client\";\nimport { initTabListener } from \"../../..\";\nimport Example from \"./Example\";\n\ninitTabListener();\n\nReactDOM.createRoot(document.getElementById(\"root\")!).render(<Example />);\n"],"names":["initTabListener","ReactDOM","createRoot","document","getElementById","render","jsx","Example"],"mappings":"izIAKAA,EAAAA,kBAEAC,EAASC,WAAWC,SAASC,eAAe,SAAUC,OAAQC,EAAAA,IAAAC,EAAA,CAAA"}
@@ -0,0 +1,2 @@
1
+ "use strict";const e=require("node:path"),i=require("@vitejs/plugin-react-swc"),r=require("vite"),s=require("../../../../copy-jkl-fonts-BEH11kbT.cjs"),o=r.defineConfig({plugins:[i(),s.copyJklFonts(e.resolve(__dirname,"public","fonts"))]});module.exports=o;
2
+ //# sourceMappingURL=vite.dev.config.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"vite.dev.config.js","sources":["../../../../../src/components/loader/documentation/vite.dev.config.ts"],"sourcesContent":["import { resolve } from \"path\";\nimport react from \"@vitejs/plugin-react-swc\";\nimport { defineConfig } from \"vite\";\nimport { copyJklFonts } from \"../../../../../../utils/vite\";\n\nexport default defineConfig({\n plugins: [react(), copyJklFonts(resolve(__dirname, \"public\", \"fonts\"))],\n});\n"],"names":["vite_dev_config","defineConfig","plugins","react","copyJklFonts","resolve","__dirname"],"mappings":"uJAKAA,EAAeC,eAAa,CACxBC,QAAS,CAACC,IAASC,EAAAA,aAAaC,UAAQC,UAAW,SAAU"}
@@ -0,0 +1,2 @@
1
+ "use strict";const e=require("node:fs"),o=require("node:path");exports.copyJklFonts=function(n){return{name:"copy-jkl-fonts",buildStart(){e.cpSync(o.resolve(__dirname,"..","..","packages","webfonts","fonts"),n,{recursive:!0}),console.log(`Copied font files into "${n}"`)}}};
2
+ //# sourceMappingURL=copy-jkl-fonts-BEH11kbT.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"copy-jkl-fonts-BEH11kbT.cjs","sources":["../../../utils/vite/copy-jkl-fonts.ts"],"sourcesContent":["import { cpSync } from \"fs\";\nimport { resolve } from \"path\";\n\nfunction copyJklFonts(destination: string) {\n return {\n name: \"copy-jkl-fonts\",\n buildStart() {\n cpSync(resolve(__dirname, \"..\", \"..\", \"packages\", \"webfonts\", \"fonts\"), destination, {\n recursive: true,\n });\n console.log(`Copied font files into \"${destination}\"`);\n },\n };\n}\n\nexport { copyJklFonts };\n"],"names":["destination","name","buildStart","cpSync","resolve","__dirname","recursive","console","log"],"mappings":"oFAGA,SAAsBA,GACX,MAAA,CACHC,KAAM,iBACNC,aACWC,SAAAC,EAAAA,QAAQC,UAAW,KAAM,KAAM,WAAY,WAAY,SAAUL,EAAa,CACjFM,WAAW,IAEPC,QAAAC,IAAI,2BAA2BR,KAC3C,EAER"}
@@ -0,0 +1,2 @@
1
+ import{cpSync as o}from"node:fs";import{resolve as e}from"node:path";function n(n){return{name:"copy-jkl-fonts",buildStart(){o(e(__dirname,"..","..","packages","webfonts","fonts"),n,{recursive:!0}),console.log(`Copied font files into "${n}"`)}}}export{n as c};
2
+ //# sourceMappingURL=copy-jkl-fonts-Yd-mZnP9.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"copy-jkl-fonts-Yd-mZnP9.js","sources":["../../../utils/vite/copy-jkl-fonts.ts"],"sourcesContent":["import { cpSync } from \"fs\";\nimport { resolve } from \"path\";\n\nfunction copyJklFonts(destination: string) {\n return {\n name: \"copy-jkl-fonts\",\n buildStart() {\n cpSync(resolve(__dirname, \"..\", \"..\", \"packages\", \"webfonts\", \"fonts\"), destination, {\n recursive: true,\n });\n console.log(`Copied font files into \"${destination}\"`);\n },\n };\n}\n\nexport { copyJklFonts };\n"],"names":["copyJklFonts","destination","name","buildStart","cpSync","resolve","__dirname","recursive","console","log"],"mappings":"qEAGA,SAASA,EAAaC,GACX,MAAA,CACHC,KAAM,iBACNC,aACWC,EAAAC,EAAQC,UAAW,KAAM,KAAM,WAAY,WAAY,SAAUL,EAAa,CACjFM,WAAW,IAEPC,QAAAC,IAAI,2BAA2BR,KAC3C,EAER"}
@@ -0,0 +1,2 @@
1
+ import{jsx as n}from"react/jsx-runtime";import{f as o,u as i,I as s}from"../../../../formatCode-BE8lQWf_.js";import"react";import"../../../hooks/useScreen/useScreen.js";import"../../../hooks/useId/useId.js";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/WarningIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/PenIcon.js";import"../../list/List.js";import"../../list/ListItem.js";const e=[],r=o('import React, { useId } from "react";\nimport { Accordion, AccordionItem } from "..";\nimport { UnorderedList, ListItem } from "../../list";\n\nexport const knobs = [];\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 <ListItem>Personer med et norsk fødselsnummer.</ListItem>\n <ListItem>\n Personer som har vært bosatt i Norge i minst de fem siste årene før avtalen inngås.\n </ListItem>\n <ListItem>Livsforsikring kan kjøpes på nett av personer mellom 18 og 79 år.</ListItem>\n </UnorderedList>\n Ønsker du en forsikringssum på mer enn 3 millioner trenger vi ekstra økonomiske opplysninger. Da må\n du ta kontakt med 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 bosatt i Norge i minst de fem siste årene\n før avtalen inngås. Kritisk sykdom kan kjøpes på nett av personer mellom 18 og 58 år. Ønsker du en\n forsikringssum på mer enn 1,1 millioner trenger vi ekstra økonomiske opplysninger. Da må du ta\n 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 bosatt i Norge i minst de fem siste årene\n før avtalen inngås. Uførepensjon kan kjøpes på nett av personer mellom 18 og 60 år. Ønsker du en\n forsikringssum på mer enn 96 000 trenger vi ekstra økonomiske opplysninger. Da må du ta kontakt med\n banken din.\n </AccordionItem>\n </Accordion>\n </>\n );\n /* -- EXAMPLE CODE END -- */\n};\n');function t(){const o=i(r,e);return n("div",{className:"jkl",children:n(s,{title:"Accordion",defaultCode:r,defaultShowEditor:!0,noInline:!0,controls:o})})}export{t as default};
2
+ //# sourceMappingURL=Example.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Example.js","sources":["../../../../../src/components/accordion/documentation/AccordionExample.jsx","../../../../../src/components/accordion/documentation/Example.tsx","../../../../../src/components/accordion/documentation/AccordionExample.jsx?raw"],"sourcesContent":["import React, { useId } from \"react\";\nimport { Accordion, AccordionItem } from \"..\";\nimport { UnorderedList, ListItem } from \"../../list\";\n\nexport const knobs = [];\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 <ListItem>Personer med et norsk fødselsnummer.</ListItem>\n <ListItem>\n Personer som har vært bosatt i Norge i minst de fem siste årene før avtalen inngås.\n </ListItem>\n <ListItem>Livsforsikring kan kjøpes på nett av personer mellom 18 og 79 år.</ListItem>\n </UnorderedList>\n Ønsker du en forsikringssum på mer enn 3 millioner trenger vi ekstra økonomiske opplysninger. Da må\n du ta kontakt med 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 bosatt i Norge i minst de fem siste årene\n før avtalen inngås. Kritisk sykdom kan kjøpes på nett av personer mellom 18 og 58 år. Ønsker du en\n forsikringssum på mer enn 1,1 millioner trenger vi ekstra økonomiske opplysninger. Da må du ta\n 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 bosatt i Norge i minst de fem siste årene\n før avtalen inngås. Uførepensjon kan kjøpes på nett av personer mellom 18 og 60 år. Ønsker du en\n forsikringssum på mer enn 96 000 trenger vi ekstra økonomiske opplysninger. Da må du ta kontakt med\n banken din.\n </AccordionItem>\n </Accordion>\n </>\n );\n /* -- EXAMPLE CODE END -- */\n};\n","import React from \"react\";\nimport { formatCode, InteractiveCode, useInteractiveCodeControls } from \"../../../../../../utils/interactive-code\";\n// @ts-ignore\nimport { knobs } from \"./AccordionExample\";\n// @ts-ignore\nimport AccordionExample from \"./AccordionExample?raw\";\n\nimport \"../styles/accordion.scss\";\n\nconst code = formatCode(AccordionExample);\n\nexport default function Example() {\n const controls = useInteractiveCodeControls(code, knobs);\n return (\n <div className={\"jkl\"}>\n <InteractiveCode\n title={\"Accordion\"}\n defaultCode={code}\n defaultShowEditor={true}\n noInline={true}\n controls={controls}\n />\n </div>\n );\n}\n","export default \"import React, { useId } from \\\"react\\\";\\nimport { Accordion, AccordionItem } from \\\"..\\\";\\nimport { UnorderedList, ListItem } from \\\"../../list\\\";\\n\\nexport const knobs = [];\\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 <ListItem>Personer med et norsk fødselsnummer.</ListItem>\\n <ListItem>\\n Personer som har vært bosatt i Norge i minst de fem siste årene før avtalen inngås.\\n </ListItem>\\n <ListItem>Livsforsikring kan kjøpes på nett av personer mellom 18 og 79 år.</ListItem>\\n </UnorderedList>\\n Ønsker du en forsikringssum på mer enn 3 millioner trenger vi ekstra økonomiske opplysninger. Da må\\n du ta kontakt med 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 bosatt i Norge i minst de fem siste årene\\n før avtalen inngås. Kritisk sykdom kan kjøpes på nett av personer mellom 18 og 58 år. Ønsker du en\\n forsikringssum på mer enn 1,1 millioner trenger vi ekstra økonomiske opplysninger. Da må du ta\\n 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 bosatt i Norge i minst de fem siste årene\\n før avtalen inngås. Uførepensjon kan kjøpes på nett av personer mellom 18 og 60 år. Ønsker du en\\n forsikringssum på mer enn 96 000 trenger vi ekstra økonomiske opplysninger. Da må du ta kontakt med\\n banken din.\\n </AccordionItem>\\n </Accordion>\\n </>\\n );\\n /* -- EXAMPLE CODE END -- */\\n};\\n\""],"names":["knobs","code","formatCode","Example","controls","useInteractiveCodeControls","jsx","className","children","InteractiveCode","title","defaultCode","defaultShowEditor","noInline"],"mappings":"qrDAIO,MAAMA,EAAQ,GCKfC,EAAOC,ECTE,ypFDWf,SAAwBC,IACdC,MAAAA,EAAWC,EAA2BJ,EAAMD,GAE9C,OAAAM,EAAC,MAAI,CAAAC,UAAW,MACZC,SAAAF,EAACG,EAAA,CACGC,MAAO,YACPC,YAAaV,EACbW,mBAAmB,EACnBC,UAAU,EACVT,SAAAA,KAIhB"}
@@ -0,0 +1,2 @@
1
+ import{jsx as o}from"react/jsx-runtime";import t from"react-dom/client";import"react";import"../../../hooks/useScreen/useScreen.js";import"../../../hooks/useId/useId.js";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/WarningIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/PenIcon.js";import"../../button/Button.js";import"../../card/Card.js";import"../../card/CardImage.js";import"../../card/NavCard.js";import"../../checkbox/Checkbox.js";import"../../combobox/Combobox.js";import"../../cookie-consent/CookieConsentContext.js";import"react-dom";import"../../modal/Modal.js";import"react-a11y-dialog";import"../../list/List.js";import"../../list/ListItem.js";import"../../datepicker/DatePicker.js";import"../../feedback/feedbackContext.js";import"../../message/Message.js";import"../../message/FormErrorMessage.js";import"../../tooltip/Tooltip.js";import"../../tooltip/TooltipContent.js";import"../../tooltip/TooltipTrigger.js";import"../../input-group/InputGroup.js";import"../../feedback/followup/followupContext.js";import"../../feedback/main-question/mainQuestionContext.js";import"../../radio-button/RadioButton.js";import"../../radio-button/radioGroupContext.js";import"../../radio-button/BaseRadioButton.js";import"../../text-input/BaseTextArea.js";import"../../text-input/BaseTextInput.js";import"../../text-input/TextArea.js";import"../../text-input/TextInput.js";import"../../../utilities/polymorphism/SlotComponent.js";import{initTabListener as i}from"../../../utilities/tabListener.js";import"../../../../ExpandableTableRow-BJSqC_Jo.js";import"../../icon-button/IconButton.js";import"../../link/Link.js";import"../../link/NavLink.js";import"../../link-list/LinkList.js";import"../../logo/text-paths/ForsikringLevertAvFremtind.js";import"../../logo/text-paths/FraSB1ogDNB.js";import"../../logo/text-paths/InnovasjonFraFremtind.js";import"../../logo/text-paths/TeknologiFraFremtind.js";import"../../logo/text-paths/VartEgetForsikringsselskap.js";import"../../logo/text-paths/VartForsikringsselskap.js";import"../../popover/Popover.js";import"../../system-message/SystemMessage.js";import"../../table/DataTable.js";import"../../table/Table.js";import"../../table/TableBody.js";import"../../table/TableCaption.js";import"../../table/TableCell.js";import"../../table/TableColumn.js";import"../../table/TableColumnGroup.js";import"../../table/tableContext.js";import"../../table/tableSectionContext.js";import"../../table/TableFooter.js";import"../../table/TableHead.js";import"../../table/TableHeader.js";import"../../table/TableRow.js";import"../../tabs/NavTab.js";import"../../tabs/tabsContext.js";import"../../tabs/Tab.js";import"../../tag/Tag.js";import"../../toast/toastContext.js";import"../../toggle-switch/ToggleSwitch.js";import s from"./Example.js";i(),t.createRoot(document.getElementById("root")).render(o(s,{}));
2
+ //# sourceMappingURL=main.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"main.js","sources":["../../../../../src/components/accordion/documentation/main.tsx"],"sourcesContent":["import React from \"react\";\nimport ReactDOM from \"react-dom/client\";\nimport { initTabListener } from \"../../..\";\nimport Example from \"./Example\";\n\ninitTabListener();\n\nReactDOM.createRoot(document.getElementById(\"root\")!).render(<Example />);\n"],"names":["initTabListener","ReactDOM","createRoot","document","getElementById","render","jsx","Example"],"mappings":"ugIAKAA,IAEAC,EAASC,WAAWC,SAASC,eAAe,SAAUC,OAAQC,EAAAC,EAAA,CAAA"}
@@ -0,0 +1,2 @@
1
+ import{resolve as o}from"node:path";import t from"@vitejs/plugin-react-swc";import{defineConfig as i}from"vite";import{c as r}from"../../../../copy-jkl-fonts-Yd-mZnP9.js";const s=i({plugins:[t(),r(o(__dirname,"public","fonts"))]});export{s as default};
2
+ //# sourceMappingURL=vite.dev.config.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"vite.dev.config.js","sources":["../../../../../src/components/accordion/documentation/vite.dev.config.ts"],"sourcesContent":["import { resolve } from \"path\";\nimport react from \"@vitejs/plugin-react-swc\";\nimport { defineConfig } from \"vite\";\nimport { copyJklFonts } from \"../../../../../../utils/vite\";\n\nexport default defineConfig({\n plugins: [react(), copyJklFonts(resolve(__dirname, \"public\", \"fonts\"))],\n});\n"],"names":["vite_dev_config","defineConfig","plugins","react","copyJklFonts","resolve","__dirname"],"mappings":"2KAKA,MAAAA,EAAeC,EAAa,CACxBC,QAAS,CAACC,IAASC,EAAaC,EAAQC,UAAW,SAAU"}
@@ -0,0 +1,2 @@
1
+ import{jsx as n}from"react/jsx-runtime";import{f as t,u as o,I as r}from"../../../../formatCode-BE8lQWf_.js";import"react";import"../Link.js";import"../NavLink.js";const e=[],i=t('import React, { FC } from "react";\nimport { Link } from "..";\n\nexport const knobs = [];\n\nexport const LinkExample = () => {\n /* -- EXAMPLE CODE START -- */\n return (\n <div>\n <Link href="#">Lenke</Link>\n </div>\n );\n /* -- EXAMPLE CODE END -- */\n};\n');function s(){const t=o(i,e);return n("div",{className:"jkl",children:n(r,{title:"Link",defaultCode:i,defaultShowEditor:!0,noInline:!0,controls:t})})}export{s as default};
2
+ //# sourceMappingURL=Example.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Example.js","sources":["../../../../../src/components/link/documentation/LinkExample.jsx","../../../../../src/components/link/documentation/Example.tsx","../../../../../src/components/link/documentation/LinkExample.jsx?raw"],"sourcesContent":["import React, { FC } from \"react\";\nimport { Link } from \"..\";\n\nexport const knobs = [];\n\nexport const LinkExample = () => {\n /* -- EXAMPLE CODE START -- */\n return (\n <div>\n <Link href=\"#\">Lenke</Link>\n </div>\n );\n /* -- EXAMPLE CODE END -- */\n};\n","import React from \"react\";\nimport { formatCode, InteractiveCode, useInteractiveCodeControls } from \"../../../../../../utils/interactive-code\";\n// @ts-ignore\nimport { knobs } from \"./LinkExample\";\n// @ts-ignore\nimport LinkExample from \"./LinkExample?raw\";\n\nimport \"../styles/link.scss\";\n\nconst code = formatCode(LinkExample);\n\nexport default function Example() {\n const controls = useInteractiveCodeControls(code, knobs);\n\n return (\n <div className={\"jkl\"}>\n <InteractiveCode\n title={\"Link\"}\n defaultCode={code}\n defaultShowEditor={true}\n noInline={true}\n controls={controls}\n />\n </div>\n );\n}\n","export default \"import React, { FC } from \\\"react\\\";\\nimport { Link } from \\\"..\\\";\\n\\nexport const knobs = [];\\n\\nexport const LinkExample = () => {\\n /* -- EXAMPLE CODE START -- */\\n return (\\n <div>\\n <Link href=\\\"#\\\">Lenke</Link>\\n </div>\\n );\\n /* -- EXAMPLE CODE END -- */\\n};\\n\""],"names":["knobs","code","formatCode","Example","controls","useInteractiveCodeControls","jsx","className","children","InteractiveCode","title","defaultCode","defaultShowEditor","noInline"],"mappings":"oKAGO,MAAMA,EAAQ,GCMfC,EAAOC,ECTE,8SDWf,SAAwBC,IACdC,MAAAA,EAAWC,EAA2BJ,EAAMD,GAG9C,OAAAM,EAAC,MAAI,CAAAC,UAAW,MACZC,SAAAF,EAACG,EAAA,CACGC,MAAO,OACPC,YAAaV,EACbW,mBAAmB,EACnBC,UAAU,EACVT,SAAAA,KAIhB"}
@@ -0,0 +1,2 @@
1
+ import{jsx as o}from"react/jsx-runtime";import t from"react-dom/client";import"react";import"../../../hooks/useScreen/useScreen.js";import"../../../hooks/useId/useId.js";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/WarningIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/PenIcon.js";import"../../button/Button.js";import"../../card/Card.js";import"../../card/CardImage.js";import"../../card/NavCard.js";import"../../checkbox/Checkbox.js";import"../../combobox/Combobox.js";import"../../cookie-consent/CookieConsentContext.js";import"react-dom";import"../../modal/Modal.js";import"react-a11y-dialog";import"../../list/List.js";import"../../list/ListItem.js";import"../../datepicker/DatePicker.js";import"../../feedback/feedbackContext.js";import"../../message/Message.js";import"../../message/FormErrorMessage.js";import"../../tooltip/Tooltip.js";import"../../tooltip/TooltipContent.js";import"../../tooltip/TooltipTrigger.js";import"../../input-group/InputGroup.js";import"../../feedback/followup/followupContext.js";import"../../feedback/main-question/mainQuestionContext.js";import"../../radio-button/RadioButton.js";import"../../radio-button/radioGroupContext.js";import"../../radio-button/BaseRadioButton.js";import"../../text-input/BaseTextArea.js";import"../../text-input/BaseTextInput.js";import"../../text-input/TextArea.js";import"../../text-input/TextInput.js";import"../../../utilities/polymorphism/SlotComponent.js";import{initTabListener as i}from"../../../utilities/tabListener.js";import"../../../../ExpandableTableRow-BJSqC_Jo.js";import"../../icon-button/IconButton.js";import"../Link.js";import"../NavLink.js";import"../../link-list/LinkList.js";import"../../logo/text-paths/ForsikringLevertAvFremtind.js";import"../../logo/text-paths/FraSB1ogDNB.js";import"../../logo/text-paths/InnovasjonFraFremtind.js";import"../../logo/text-paths/TeknologiFraFremtind.js";import"../../logo/text-paths/VartEgetForsikringsselskap.js";import"../../logo/text-paths/VartForsikringsselskap.js";import"../../popover/Popover.js";import"../../system-message/SystemMessage.js";import"../../table/DataTable.js";import"../../table/Table.js";import"../../table/TableBody.js";import"../../table/TableCaption.js";import"../../table/TableCell.js";import"../../table/TableColumn.js";import"../../table/TableColumnGroup.js";import"../../table/tableContext.js";import"../../table/tableSectionContext.js";import"../../table/TableFooter.js";import"../../table/TableHead.js";import"../../table/TableHeader.js";import"../../table/TableRow.js";import"../../tabs/NavTab.js";import"../../tabs/tabsContext.js";import"../../tabs/Tab.js";import"../../tag/Tag.js";import"../../toast/toastContext.js";import"../../toggle-switch/ToggleSwitch.js";import s from"./Example.js";i(),t.createRoot(document.getElementById("root")).render(o(s,{}));
2
+ //# sourceMappingURL=main.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"main.js","sources":["../../../../../src/components/link/documentation/main.tsx"],"sourcesContent":["import React from \"react\";\nimport ReactDOM from \"react-dom/client\";\nimport { initTabListener } from \"../../..\";\nimport Example from \"./Example\";\n\ninitTabListener();\n\nReactDOM.createRoot(document.getElementById(\"root\")!).render(<Example />);\n"],"names":["initTabListener","ReactDOM","createRoot","document","getElementById","render","jsx","Example"],"mappings":"u/HAKAA,IAEAC,EAASC,WAAWC,SAASC,eAAe,SAAUC,OAAQC,EAAAC,EAAA,CAAA"}
@@ -0,0 +1,2 @@
1
+ import{resolve as o}from"node:path";import t from"@vitejs/plugin-react-swc";import{defineConfig as i}from"vite";import{c as r}from"../../../../copy-jkl-fonts-Yd-mZnP9.js";const s=i({plugins:[t(),r(o(__dirname,"public","fonts"))]});export{s as default};
2
+ //# sourceMappingURL=vite.dev.config.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"vite.dev.config.js","sources":["../../../../../src/components/link/documentation/vite.dev.config.ts"],"sourcesContent":["import { resolve } from \"path\";\nimport react from \"@vitejs/plugin-react-swc\";\nimport { defineConfig } from \"vite\";\nimport { copyJklFonts } from \"../../../../../../utils/vite\";\n\nexport default defineConfig({\n plugins: [react(), copyJklFonts(resolve(__dirname, \"public\", \"fonts\"))],\n});\n"],"names":["vite_dev_config","defineConfig","plugins","react","copyJklFonts","resolve","__dirname"],"mappings":"2KAKA,MAAAA,EAAeC,EAAa,CACxBC,QAAS,CAACC,IAASC,EAAaC,EAAQC,UAAW,SAAU"}
@@ -0,0 +1,2 @@
1
+ import{jsxs as e,jsx as n}from"react/jsx-runtime";import{f as t,u as o,I as l}from"../../../../formatCode-BE8lQWf_.js";import"react";const a=[{type:"choice",label:"Variant",choiceOptions:[{label:"Large",value:"large"},{label:"Medium",value:"medium"},{label:"Small",value:"small"}],defaultValue:0}],i=[],r=t('import React, { FC } from "react";\nimport { Loader } from "..";\nimport "./styles.scss";\n\nexport const knobs = [\n {\n type: "choice",\n label: "Variant",\n choiceOptions: [\n { label: "Large", value: "large" },\n { label: "Medium", value: "medium" },\n { label: "Small", value: "small" },\n ],\n defaultValue: 0,\n },\n];\n\nexport const LoaderExample = () => {\n /* -- EXAMPLE CODE START -- */\n return (\n <div className="jkl-loader-example">\n <div>\n <Loader variant={choiceKnob("Variant")} textDescription="Laster innhold" />\n </div>\n </div>\n );\n /* -- EXAMPLE CODE END -- */\n};\n'),d=t('import React, { FC } from "react";\nimport {\n SkeletonAnimation,\n SkeletonButton,\n SkeletonCheckboxGroup,\n SkeletonElement,\n SkeletonInput,\n SkeletonRadioButtonGroup,\n SkeletonTable,\n SkeletonTableHeader,\n SkeletonTableRow,\n SkeletonTextArea,\n} from "..";\n\nexport const knobs = [];\n\nexport const SkeletonLoaderExample = () => {\n /* -- EXAMPLE CODE START -- */\n return (\n <SkeletonAnimation role="none presentation">\n <div style={{ display: "flex", flexDirection: "column", gap: 40 }}>\n <SkeletonElement width={350} height={32} />\n <SkeletonInput />\n <SkeletonTextArea />\n <SkeletonCheckboxGroup checkboxes={3} />\n <SkeletonRadioButtonGroup radioButtons={3} />\n <SkeletonButton width={225} />\n <SkeletonTable>\n <SkeletonTableHeader>\n <div style={{ width: 215 }}>\n <SkeletonElement width={115} height={16} />\n </div>\n <div style={{ width: 115 }}>\n <SkeletonElement width={115} height={16} />\n </div>\n </SkeletonTableHeader>\n {Array.from(Array(5)).map((_, index) => (\n <SkeletonTableRow key={index}>\n <div style={{ width: 215 }}>\n <SkeletonElement width={index % 2 ? 115 : 185} height={19} />\n </div>\n <div style={{ width: 115 }}>\n <SkeletonElement width={24} height={24} shape="circle" />\n </div>\n </SkeletonTableRow>\n ))}\n </SkeletonTable>\n </div>\n </SkeletonAnimation>\n );\n /* -- EXAMPLE CODE END -- */\n};\n');function s(){const t=o(r,a),s=o(d,i);return e("div",{className:"jkl",children:[n(l,{title:"Loader",defaultCode:r,defaultShowEditor:!0,noInline:!0,controls:t}),n(l,{title:"SkeletonLoader",defaultCode:d,defaultShowEditor:!0,noInline:!0,controls:s})]})}export{s as default};
2
+ //# sourceMappingURL=Example.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Example.js","sources":["../../../../../src/components/loader/documentation/LoaderExample.jsx","../../../../../src/components/loader/documentation/SkeletonLoaderExample.jsx","../../../../../src/components/loader/documentation/Example.tsx","../../../../../src/components/loader/documentation/LoaderExample.jsx?raw","../../../../../src/components/loader/documentation/SkeletonLoaderExample.jsx?raw"],"sourcesContent":["import React, { FC } from \"react\";\nimport { Loader } from \"..\";\nimport \"./styles.scss\";\n\nexport const knobs = [\n {\n type: \"choice\",\n label: \"Variant\",\n choiceOptions: [\n { label: \"Large\", value: \"large\" },\n { label: \"Medium\", value: \"medium\" },\n { label: \"Small\", value: \"small\" },\n ],\n defaultValue: 0,\n },\n];\n\nexport const LoaderExample = () => {\n /* -- EXAMPLE CODE START -- */\n return (\n <div className=\"jkl-loader-example\">\n <div>\n <Loader variant={choiceKnob(\"Variant\")} textDescription=\"Laster innhold\" />\n </div>\n </div>\n );\n /* -- EXAMPLE CODE END -- */\n};\n","import React, { FC } from \"react\";\nimport {\n SkeletonAnimation,\n SkeletonButton,\n SkeletonCheckboxGroup,\n SkeletonElement,\n SkeletonInput,\n SkeletonRadioButtonGroup,\n SkeletonTable,\n SkeletonTableHeader,\n SkeletonTableRow,\n SkeletonTextArea,\n} from \"..\";\n\nexport const knobs = [];\n\nexport const SkeletonLoaderExample = () => {\n /* -- EXAMPLE CODE START -- */\n return (\n <SkeletonAnimation role=\"none presentation\">\n <div style={{ display: \"flex\", flexDirection: \"column\", gap: 40 }}>\n <SkeletonElement width={350} height={32} />\n <SkeletonInput />\n <SkeletonTextArea />\n <SkeletonCheckboxGroup checkboxes={3} />\n <SkeletonRadioButtonGroup radioButtons={3} />\n <SkeletonButton width={225} />\n <SkeletonTable>\n <SkeletonTableHeader>\n <div style={{ width: 215 }}>\n <SkeletonElement width={115} height={16} />\n </div>\n <div style={{ width: 115 }}>\n <SkeletonElement width={115} height={16} />\n </div>\n </SkeletonTableHeader>\n {Array.from(Array(5)).map((_, index) => (\n <SkeletonTableRow key={index}>\n <div style={{ width: 215 }}>\n <SkeletonElement width={index % 2 ? 115 : 185} height={19} />\n </div>\n <div style={{ width: 115 }}>\n <SkeletonElement width={24} height={24} shape=\"circle\" />\n </div>\n </SkeletonTableRow>\n ))}\n </SkeletonTable>\n </div>\n </SkeletonAnimation>\n );\n /* -- EXAMPLE CODE END -- */\n};\n","import React from \"react\";\nimport { formatCode, InteractiveCode, useInteractiveCodeControls } from \"../../../../../../utils/interactive-code\";\n// @ts-ignore\nimport { knobs as loaderKnobs } from \"./LoaderExample\";\n// @ts-ignore\nimport LoaderExample from \"./LoaderExample?raw\";\n// @ts-ignore\nimport { knobs as skeletonKnobs } from \"./SkeletonLoaderExample\";\n// @ts-ignore\nimport SkeletonLoaderExample from \"./SkeletonLoaderExample?raw\";\n\nimport \"../styles/loader.scss\";\nimport \"../styles/skeleton-loader.scss\";\n\nconst loaderCode = formatCode(LoaderExample);\nconst skeletonLoaderCode = formatCode(SkeletonLoaderExample);\n\nexport default function Example() {\n const loaderControls = useInteractiveCodeControls(loaderCode, loaderKnobs);\n const skeletonControls = useInteractiveCodeControls(skeletonLoaderCode, skeletonKnobs);\n\n return (\n <div className={\"jkl\"}>\n <InteractiveCode\n title={\"Loader\"}\n defaultCode={loaderCode}\n defaultShowEditor={true}\n noInline={true}\n controls={loaderControls}\n />\n <InteractiveCode\n title={\"SkeletonLoader\"}\n defaultCode={skeletonLoaderCode}\n defaultShowEditor={true}\n noInline={true}\n controls={skeletonControls}\n />\n </div>\n );\n}\n","export default \"import React, { FC } from \\\"react\\\";\\nimport { Loader } from \\\"..\\\";\\nimport \\\"./styles.scss\\\";\\n\\nexport const knobs = [\\n {\\n type: \\\"choice\\\",\\n label: \\\"Variant\\\",\\n choiceOptions: [\\n { label: \\\"Large\\\", value: \\\"large\\\" },\\n { label: \\\"Medium\\\", value: \\\"medium\\\" },\\n { label: \\\"Small\\\", value: \\\"small\\\" },\\n ],\\n defaultValue: 0,\\n },\\n];\\n\\nexport const LoaderExample = () => {\\n /* -- EXAMPLE CODE START -- */\\n return (\\n <div className=\\\"jkl-loader-example\\\">\\n <div>\\n <Loader variant={choiceKnob(\\\"Variant\\\")} textDescription=\\\"Laster innhold\\\" />\\n </div>\\n </div>\\n );\\n /* -- EXAMPLE CODE END -- */\\n};\\n\"","export default \"import React, { FC } from \\\"react\\\";\\nimport {\\n SkeletonAnimation,\\n SkeletonButton,\\n SkeletonCheckboxGroup,\\n SkeletonElement,\\n SkeletonInput,\\n SkeletonRadioButtonGroup,\\n SkeletonTable,\\n SkeletonTableHeader,\\n SkeletonTableRow,\\n SkeletonTextArea,\\n} from \\\"..\\\";\\n\\nexport const knobs = [];\\n\\nexport const SkeletonLoaderExample = () => {\\n /* -- EXAMPLE CODE START -- */\\n return (\\n <SkeletonAnimation role=\\\"none presentation\\\">\\n <div style={{ display: \\\"flex\\\", flexDirection: \\\"column\\\", gap: 40 }}>\\n <SkeletonElement width={350} height={32} />\\n <SkeletonInput />\\n <SkeletonTextArea />\\n <SkeletonCheckboxGroup checkboxes={3} />\\n <SkeletonRadioButtonGroup radioButtons={3} />\\n <SkeletonButton width={225} />\\n <SkeletonTable>\\n <SkeletonTableHeader>\\n <div style={{ width: 215 }}>\\n <SkeletonElement width={115} height={16} />\\n </div>\\n <div style={{ width: 115 }}>\\n <SkeletonElement width={115} height={16} />\\n </div>\\n </SkeletonTableHeader>\\n {Array.from(Array(5)).map((_, index) => (\\n <SkeletonTableRow key={index}>\\n <div style={{ width: 215 }}>\\n <SkeletonElement width={index % 2 ? 115 : 185} height={19} />\\n </div>\\n <div style={{ width: 115 }}>\\n <SkeletonElement width={24} height={24} shape=\\\"circle\\\" />\\n </div>\\n </SkeletonTableRow>\\n ))}\\n </SkeletonTable>\\n </div>\\n </SkeletonAnimation>\\n );\\n /* -- EXAMPLE CODE END -- */\\n};\\n\""],"names":["knobs","type","label","choiceOptions","value","defaultValue","loaderCode","formatCode","skeletonLoaderCode","Example","loaderControls","useInteractiveCodeControls","loaderKnobs","skeletonControls","skeletonKnobs","jsxs","className","children","jsx","InteractiveCode","title","defaultCode","defaultShowEditor","noInline","controls"],"mappings":"qIAIO,MAAMA,EAAQ,CACjB,CACIC,KAAM,SACNC,MAAO,UACPC,cAAe,CACX,CAAED,MAAO,QAASE,MAAO,SACzB,CAAEF,MAAO,SAAUE,MAAO,UAC1B,CAAEF,MAAO,QAASE,MAAO,UAE7BC,aAAc,ICCTL,EAAQ,GCAfM,EAAaC,ECdJ,+tBDeTC,EAAqBD,EEfZ,68DFiBf,SAAwBE,IACdC,MAAAA,EAAiBC,EAA2BL,EAAYM,GACxDC,EAAmBF,EAA2BH,EAAoBM,GAGpE,OAAAC,EAAC,MAAI,CAAAC,UAAW,MACZC,SAAA,CAAAC,EAACC,EAAA,CACGC,MAAO,SACPC,YAAaf,EACbgB,mBAAmB,EACnBC,UAAU,EACVC,SAAUd,IAEdQ,EAACC,EAAA,CACGC,MAAO,iBACPC,YAAab,EACbc,mBAAmB,EACnBC,UAAU,EACVC,SAAUX,MAI1B"}
@@ -0,0 +1,2 @@
1
+ import{jsx as o}from"react/jsx-runtime";import t from"react-dom/client";import"react";import"../../../hooks/useScreen/useScreen.js";import"../../../hooks/useId/useId.js";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/WarningIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/PenIcon.js";import"../../button/Button.js";import"../../card/Card.js";import"../../card/CardImage.js";import"../../card/NavCard.js";import"../../checkbox/Checkbox.js";import"../../combobox/Combobox.js";import"../../cookie-consent/CookieConsentContext.js";import"react-dom";import"../../modal/Modal.js";import"react-a11y-dialog";import"../../list/List.js";import"../../list/ListItem.js";import"../../datepicker/DatePicker.js";import"../../feedback/feedbackContext.js";import"../../message/Message.js";import"../../message/FormErrorMessage.js";import"../../tooltip/Tooltip.js";import"../../tooltip/TooltipContent.js";import"../../tooltip/TooltipTrigger.js";import"../../input-group/InputGroup.js";import"../../feedback/followup/followupContext.js";import"../../feedback/main-question/mainQuestionContext.js";import"../../radio-button/RadioButton.js";import"../../radio-button/radioGroupContext.js";import"../../radio-button/BaseRadioButton.js";import"../../text-input/BaseTextArea.js";import"../../text-input/BaseTextInput.js";import"../../text-input/TextArea.js";import"../../text-input/TextInput.js";import"../../../utilities/polymorphism/SlotComponent.js";import{initTabListener as i}from"../../../utilities/tabListener.js";import"../../../../ExpandableTableRow-BJSqC_Jo.js";import"../../icon-button/IconButton.js";import"../../link/Link.js";import"../../link/NavLink.js";import"../../link-list/LinkList.js";import"../../logo/text-paths/ForsikringLevertAvFremtind.js";import"../../logo/text-paths/FraSB1ogDNB.js";import"../../logo/text-paths/InnovasjonFraFremtind.js";import"../../logo/text-paths/TeknologiFraFremtind.js";import"../../logo/text-paths/VartEgetForsikringsselskap.js";import"../../logo/text-paths/VartForsikringsselskap.js";import"../../popover/Popover.js";import"../../system-message/SystemMessage.js";import"../../table/DataTable.js";import"../../table/Table.js";import"../../table/TableBody.js";import"../../table/TableCaption.js";import"../../table/TableCell.js";import"../../table/TableColumn.js";import"../../table/TableColumnGroup.js";import"../../table/tableContext.js";import"../../table/tableSectionContext.js";import"../../table/TableFooter.js";import"../../table/TableHead.js";import"../../table/TableHeader.js";import"../../table/TableRow.js";import"../../tabs/NavTab.js";import"../../tabs/tabsContext.js";import"../../tabs/Tab.js";import"../../tag/Tag.js";import"../../toast/toastContext.js";import"../../toggle-switch/ToggleSwitch.js";import s from"./Example.js";i(),t.createRoot(document.getElementById("root")).render(o(s,{}));
2
+ //# sourceMappingURL=main.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"main.js","sources":["../../../../../src/components/loader/documentation/main.tsx"],"sourcesContent":["import React from \"react\";\nimport ReactDOM from \"react-dom/client\";\nimport { initTabListener } from \"../../..\";\nimport Example from \"./Example\";\n\ninitTabListener();\n\nReactDOM.createRoot(document.getElementById(\"root\")!).render(<Example />);\n"],"names":["initTabListener","ReactDOM","createRoot","document","getElementById","render","jsx","Example"],"mappings":"ugIAKAA,IAEAC,EAASC,WAAWC,SAASC,eAAe,SAAUC,OAAQC,EAAAC,EAAA,CAAA"}
@@ -0,0 +1,2 @@
1
+ import{resolve as o}from"node:path";import t from"@vitejs/plugin-react-swc";import{defineConfig as i}from"vite";import{c as r}from"../../../../copy-jkl-fonts-Yd-mZnP9.js";const s=i({plugins:[t(),r(o(__dirname,"public","fonts"))]});export{s as default};
2
+ //# sourceMappingURL=vite.dev.config.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"vite.dev.config.js","sources":["../../../../../src/components/loader/documentation/vite.dev.config.ts"],"sourcesContent":["import { resolve } from \"path\";\nimport react from \"@vitejs/plugin-react-swc\";\nimport { defineConfig } from \"vite\";\nimport { copyJklFonts } from \"../../../../../../utils/vite\";\n\nexport default defineConfig({\n plugins: [react(), copyJklFonts(resolve(__dirname, \"public\", \"fonts\"))],\n});\n"],"names":["vite_dev_config","defineConfig","plugins","react","copyJklFonts","resolve","__dirname"],"mappings":"2KAKA,MAAAA,EAAeC,EAAa,CACxBC,QAAS,CAACC,IAASC,EAAaC,EAAQC,UAAW,SAAU"}