@fremtind/jokul 0.14.0 → 0.15.0

package/build/cjs/components/accordion/documentation/Example.js

@@ -0,0 +1,2 @@
+"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})})};
+//# sourceMappingURL=Example.js.map

package/build/cjs/components/accordion/documentation/Example.js.map

@@ -0,0 +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"}

package/build/cjs/components/accordion/documentation/main.js

@@ -0,0 +1,2 @@
+"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,{}));
+//# sourceMappingURL=main.js.map

package/build/cjs/components/accordion/documentation/main.js.map

@@ -0,0 +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"}

package/build/cjs/components/accordion/documentation/vite.dev.config.js

@@ -0,0 +1,2 @@
+"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;
+//# sourceMappingURL=vite.dev.config.js.map

package/build/cjs/components/accordion/documentation/vite.dev.config.js.map

@@ -0,0 +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"}

package/build/cjs/components/button/Button.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("../../../clsx-E3yX_9sL.cjs"),o=require("react");require("../../hooks/useScreen/useScreen.js");const r=require("../../hooks/useAriaLiveRegion/useAriaLiveRegion.js");require("../../hooks/useId/useId.js");const s=require("../loader/Loader.js"),n=o.forwardRef((function(n,i){const{as:c="button",children:a,className:l,density:u,onTouchStart:d,loader:j,iconLeft:h,iconRight:x,variant:y="secondary",...k}=n,p=c,b=o.useCallback((t=>{d&&d(t);const e=t.target;if(e&&t.targetTouches.length){const o=t.targetTouches[0].clientX-e.getBoundingClientRect().x,r=t.targetTouches[0].clientY-e.getBoundingClientRect().y;e.style.setProperty("--jkl-touch-xcoord",o.toPrecision(4)+"px"),e.style.setProperty("--jkl-touch-ycoord",r.toPrecision(4)+"px"),e.classList.add("jkl-button--pressed"),setTimeout((()=>{e.classList.remove("jkl-button--pressed"),e.style.removeProperty("--jkl-touch-xcoord"),e.style.removeProperty("--jkl-touch-ycoord")}),400)}}),[d]),v=r.useAriaLiveRegion(null==j?void 0:j.showLoader);return t.jsx(p,{...v,"data-density":u,className:e.clsx("jkl-button","jkl-button--"+y,l,{"jkl-button--icon-left":h,"jkl-button--icon-right":x}),disabled:"button"===c?null==j?void 0:j.showLoader:void 0,onTouchStart:b,...k,ref:i,children:t.jsx("div",{className:"jkl-button__content",children:t.jsxs("div",{className:e.clsx("jkl-button__slider",{"jkl-button__slider--show-loader":!(null==j||!j.showLoader)}),children:[h&&t.jsx("span",{className:"jkl-button__icon",children:h}),t.jsx("span",{className:"jkl-button__children",children:a}),x&&t.jsx("span",{className:"jkl-button__icon",children:x}),j&&t.jsx("div",{className:"jkl-button__loader",children:t.jsx(s.Loader,{textDescription:j.textDescription,"aria-hidden":!j.showLoader})})]})})})}));exports.Button=n,exports.GhostButton=function(e){const o={...e,variant:"ghost"};return t.jsx(n,{...o})},exports.PrimaryButton=function(e){const o={...e,variant:"primary"};return t.jsx(n,{...o})},exports.SecondaryButton=function(e){const o={...e,variant:"secondary"};return t.jsx(n,{...o})},exports.TertiaryButton=function(e){const o={...e,variant:"tertiary"};return t.jsx(n,{...o})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../clsx-E3yX_9sL.cjs"),o=require("react");require("../../hooks/useScreen/useScreen.js");const r=require("../../hooks/useAriaLiveRegion/useAriaLiveRegion.js");require("../../hooks/useId/useId.js");const s=require("../loader/Loader.js"),n=o.forwardRef((function(n,i){const{as:a="button",children:c,className:u,density:l,onTouchStart:d,loader:h,icon:j,iconPosition:x="left",iconLeft:y,iconRight:g,variant:p="secondary",...v}=n,b=a,k=o.useCallback((e=>{d&&d(e);const t=e.target;if(t&&!t.disabled&&e.targetTouches.length){const o=e.targetTouches[0].clientX-t.getBoundingClientRect().x,r=e.targetTouches[0].clientY-t.getBoundingClientRect().y;t.style.setProperty("--jkl-touch-xcoord",o.toPrecision(4)+"px"),t.style.setProperty("--jkl-touch-ycoord",r.toPrecision(4)+"px"),t.classList.add("jkl-button--pressed"),setTimeout((()=>{t.classList.remove("jkl-button--pressed"),t.style.removeProperty("--jkl-touch-xcoord"),t.style.removeProperty("--jkl-touch-ycoord")}),400)}}),[d]),m=r.useAriaLiveRegion(null==h?void 0:h.showLoader),f=!!c&&!(null==h||!h.showLoader);return e.jsxs(b,{...m,"data-loading":f,"data-density":l,className:t.clsx("jkl-button","jkl-button--"+p,u),disabled:"button"===a?null==h?void 0:h.showLoader:void 0,onTouchStart:k,...v,ref:i,children:[e.jsxs("div",{className:"jkl-button__label",children:[y&&y,j&&"left"===x&&j,c&&e.jsx("span",{className:"jkl-button__text",children:c}),g&&g,j&&"right"===x&&j]}),c&&e.jsx(s.Loader,{className:"jkl-button__loader",variant:"medium",textDescription:(null==h?void 0:h.textDescription)||"Vennligst vent","aria-hidden":!(null!=h&&h.showLoader)})]})}));exports.Button=n,exports.GhostButton=function(t){const o={...t,variant:"ghost"};return e.jsx(n,{...o})},exports.PrimaryButton=function(t){const o={...t,variant:"primary"};return e.jsx(n,{...o})},exports.SecondaryButton=function(t){const o={...t,variant:"secondary"};return e.jsx(n,{...o})},exports.TertiaryButton=function(t){const o={...t,variant:"tertiary"};return e.jsx(n,{...o})};
 //# sourceMappingURL=Button.js.map

package/build/cjs/components/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { ButtonHTMLAttributes, type TouchEvent, useCallback } from \"react\";\nimport type { PolymorphicRef } from \"../..\";\nimport { useAriaLiveRegion } from \"../../hooks\";\nimport { Loader } from \"../loader\";\nimport type { ButtonComponent, ButtonProps } from \"./types\";\n\nexport const Button = React.forwardRef(function Button<ElementType extends React.ElementType = \"button\">(\n    props: ButtonProps<ElementType>,\n    ref?: PolymorphicRef<ElementType>,\n) {\n    const {\n        as = \"button\",\n        children,\n        className,\n        density,\n        onTouchStart,\n        loader,\n        iconLeft,\n        iconRight,\n        variant = \"secondary\",\n        ...rest\n    } = props;\n\n    const Component = as;\n\n    const handleTouch = useCallback(\n        (event: TouchEvent<HTMLButtonElement>) => {\n            onTouchStart && onTouchStart(event);\n\n            const target = event.target as HTMLButtonElement;\n            if (target && event.targetTouches.length) {\n                const Xcoord = event.targetTouches[0].clientX - target.getBoundingClientRect().x;\n                const Ycoord = event.targetTouches[0].clientY - target.getBoundingClientRect().y;\n                target.style.setProperty(\"--jkl-touch-xcoord\", Xcoord.toPrecision(4) + \"px\");\n                target.style.setProperty(\"--jkl-touch-ycoord\", Ycoord.toPrecision(4) + \"px\");\n                target.classList.add(\"jkl-button--pressed\");\n\n                setTimeout(() => {\n                    target.classList.remove(\"jkl-button--pressed\");\n                    target.style.removeProperty(\"--jkl-touch-xcoord\");\n                    target.style.removeProperty(\"--jkl-touch-ycoord\");\n                }, 400);\n            }\n        },\n        [onTouchStart],\n    );\n\n    const ariaLive = useAriaLiveRegion(loader?.showLoader);\n\n    return (\n        <Component\n            {...ariaLive}\n            data-density={density}\n            className={clsx(\"jkl-button\", \"jkl-button--\" + variant, className, {\n                \"jkl-button--icon-left\": iconLeft,\n                \"jkl-button--icon-right\": iconRight,\n            })}\n            disabled={as === \"button\" ? loader?.showLoader : undefined}\n            onTouchStart={handleTouch}\n            {...rest}\n            ref={ref}\n        >\n            <div className=\"jkl-button__content\">\n                <div\n                    className={clsx(\"jkl-button__slider\", {\n                        \"jkl-button__slider--show-loader\": !!loader?.showLoader,\n                    })}\n                >\n                    {iconLeft && <span className=\"jkl-button__icon\">{iconLeft}</span>}\n                    <span className=\"jkl-button__children\">{children}</span>\n                    {iconRight && <span className=\"jkl-button__icon\">{iconRight}</span>}\n\n                    {loader && (\n                        <div className=\"jkl-button__loader\">\n                            <Loader textDescription={loader.textDescription} aria-hidden={!loader.showLoader} />\n                        </div>\n                    )}\n                </div>\n            </div>\n        </Component>\n    );\n}) as ButtonComponent;\n\nexport function PrimaryButton<ElementType extends React.ElementType = \"button\">(\n    props: Omit<ButtonProps<ElementType>, \"variant\" | \"onClick\" | \"as\"> &\n        Pick<ButtonHTMLAttributes<HTMLButtonElement>, \"onClick\">,\n) {\n    const buttonProps = { ...props, variant: \"primary\" } as ButtonProps<ElementType>;\n    return <Button {...buttonProps} />;\n}\n\nexport function SecondaryButton<ElementType extends React.ElementType = \"button\">(\n    props: Omit<ButtonProps<ElementType>, \"variant\" | \"onClick\" | \"as\"> &\n        Pick<ButtonHTMLAttributes<HTMLButtonElement>, \"onClick\">,\n) {\n    const buttonProps = { ...props, variant: \"secondary\" } as ButtonProps<ElementType>;\n    return <Button {...buttonProps} />;\n}\n\nexport function TertiaryButton<ElementType extends React.ElementType = \"button\">(\n    props: Omit<ButtonProps<ElementType>, \"variant\" | \"onClick\" | \"as\"> &\n        Pick<ButtonHTMLAttributes<HTMLButtonElement>, \"onClick\">,\n) {\n    const buttonProps = { ...props, variant: \"tertiary\" } as ButtonProps<ElementType>;\n    return <Button {...buttonProps} />;\n}\n\nexport function GhostButton<ElementType extends React.ElementType = \"button\">(\n    props: Omit<ButtonProps<ElementType>, \"variant\" | \"loader\">,\n) {\n    const buttonProps = { ...props, variant: \"ghost\" } as ButtonProps<ElementType>;\n    return <Button {...buttonProps} />;\n}\n"],"names":["Button","React","forwardRef","props","ref","as","children","className","density","onTouchStart","loader","iconLeft","iconRight","variant","rest","Component","handleTouch","useCallback","event","target","targetTouches","length","Xcoord","clientX","getBoundingClientRect","x","Ycoord","clientY","y","style","setProperty","toPrecision","classList","add","setTimeout","remove","removeProperty","ariaLive","useAriaLiveRegion","showLoader","jsx","clsx","disabled","jsxs","Loader","textDescription","buttonProps"],"mappings":"iXAOaA,EAASC,EAAMC,YAAW,SACnCC,EACAC,GAEM,MACFC,GAAAA,EAAK,SACLC,SAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,aAAAA,EACAC,OAAAA,EACAC,SAAAA,EACAC,UAAAA,EACAC,QAAAA,EAAU,eACPC,GACHX,EAEEY,EAAYV,EAEZW,EAAcC,EAAAA,aACfC,IACGT,GAAgBA,EAAaS,GAE7B,MAAMC,EAASD,EAAMC,OACjB,GAAAA,GAAUD,EAAME,cAAcC,OAAQ,CAChC,MAAAC,EAASJ,EAAME,cAAc,GAAGG,QAAUJ,EAAOK,wBAAwBC,EACzEC,EAASR,EAAME,cAAc,GAAGO,QAAUR,EAAOK,wBAAwBI,EAC/ET,EAAOU,MAAMC,YAAY,qBAAsBR,EAAOS,YAAY,GAAK,MACvEZ,EAAOU,MAAMC,YAAY,qBAAsBJ,EAAOK,YAAY,GAAK,MAChEZ,EAAAa,UAAUC,IAAI,uBAErBC,YAAW,KACAf,EAAAa,UAAUG,OAAO,uBACjBhB,EAAAU,MAAMO,eAAe,sBACrBjB,EAAAU,MAAMO,eAAe,qBAAoB,GACjD,IACP,IAEJ,CAAC3B,IAGC4B,EAAWC,EAAAA,kBAAkB,MAAA5B,SAAAA,EAAQ6B,YAGvC,OAAAC,EAAAA,IAACzB,EAAA,IACOsB,EACJ,eAAc7B,EACdD,UAAWkC,EAAAA,KAAK,aAAc,eAAiB5B,EAASN,EAAW,CAC/D,wBAAyBI,EACzB,yBAA0BC,IAE9B8B,SAAiB,WAAPrC,EAAkB,MAAAK,OAAAA,EAAAA,EAAQ6B,gBAAa,EACjD9B,aAAcO,KACVF,EACJV,IAAAA,EAEAE,SAAAkC,EAAAA,IAAC,MAAI,CAAAjC,UAAU,sBACXD,SAAAqC,EAAAA,KAAC,MAAA,CACGpC,UAAWkC,OAAK,qBAAsB,CAClC,oCAAqC,MAAA/B,IAAAA,EAAQ6B,cAGhDjC,SAAA,CAAAK,GAAa6B,EAAAA,IAAA,OAAA,CAAKjC,UAAU,mBAAoBD,SAASK,IACzD6B,EAAAA,IAAA,OAAA,CAAKjC,UAAU,uBAAwBD,SAAAA,IACvCM,GAAa4B,EAAAA,IAAC,OAAK,CAAAjC,UAAU,mBAAoBD,SAAUM,IAE3DF,GACG8B,EAAAA,IAAC,MAAI,CAAAjC,UAAU,qBACXD,SAACkC,MAAAI,EAAAA,OAAA,CAAOC,gBAAiBnC,EAAOmC,gBAAiB,eAAcnC,EAAO6B,qBAOlG,yCA0BO,SACHpC,GAEA,MAAM2C,EAAc,IAAK3C,EAAOU,QAAS,SAClC,OAAA2B,EAAAA,IAACxC,EAAQ,IAAG8C,GACvB,wBA7BO,SACH3C,GAGA,MAAM2C,EAAc,IAAK3C,EAAOU,QAAS,WAClC,OAAA2B,EAAAA,IAACxC,EAAQ,IAAG8C,GACvB,0BAEO,SACH3C,GAGA,MAAM2C,EAAc,IAAK3C,EAAOU,QAAS,aAClC,OAAA2B,EAAAA,IAACxC,EAAQ,IAAG8C,GACvB,yBAEO,SACH3C,GAGA,MAAM2C,EAAc,IAAK3C,EAAOU,QAAS,YAClC,OAAA2B,EAAAA,IAACxC,EAAQ,IAAG8C,GACvB"}
+{"version":3,"file":"Button.js","sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["import cn from \"clsx\";\nimport React, { ButtonHTMLAttributes, type TouchEvent, useCallback } from \"react\";\nimport { useAriaLiveRegion } from \"../../hooks\";\nimport type { PolymorphicRef } from \"../../utilities\";\nimport { Loader } from \"../loader\";\nimport type { ButtonComponent, ButtonProps } from \"./types\";\n\nexport const Button = React.forwardRef(function Button<ElementType extends React.ElementType = \"button\">(\n    props: ButtonProps<ElementType>,\n    ref?: PolymorphicRef<ElementType>,\n) {\n    const {\n        as = \"button\",\n        children,\n        className,\n        density,\n        onTouchStart,\n        loader,\n        icon,\n        iconPosition = \"left\",\n        iconLeft,\n        iconRight,\n        variant = \"secondary\",\n        ...rest\n    } = props;\n\n    const Component = as;\n\n    const handleTouch = useCallback(\n        (event: TouchEvent<HTMLButtonElement>) => {\n            onTouchStart && onTouchStart(event);\n\n            const target = event.target as HTMLButtonElement;\n            if (target && !target.disabled && event.targetTouches.length) {\n                const Xcoord = event.targetTouches[0].clientX - target.getBoundingClientRect().x;\n                const Ycoord = event.targetTouches[0].clientY - target.getBoundingClientRect().y;\n                target.style.setProperty(\"--jkl-touch-xcoord\", Xcoord.toPrecision(4) + \"px\");\n                target.style.setProperty(\"--jkl-touch-ycoord\", Ycoord.toPrecision(4) + \"px\");\n                target.classList.add(\"jkl-button--pressed\");\n\n                setTimeout(() => {\n                    target.classList.remove(\"jkl-button--pressed\");\n                    target.style.removeProperty(\"--jkl-touch-xcoord\");\n                    target.style.removeProperty(\"--jkl-touch-ycoord\");\n                }, 400);\n            }\n        },\n        [onTouchStart],\n    );\n\n    const ariaLive = useAriaLiveRegion(loader?.showLoader);\n    const showLoader = Boolean(children) && Boolean(loader?.showLoader);\n\n    return (\n        <Component\n            {...ariaLive}\n            data-loading={showLoader}\n            data-density={density}\n            className={cn(\"jkl-button\", \"jkl-button--\" + variant, className)}\n            disabled={as === \"button\" ? loader?.showLoader : undefined}\n            onTouchStart={handleTouch}\n            {...rest}\n            ref={ref}\n        >\n            <div className=\"jkl-button__label\">\n                {iconLeft && iconLeft}\n                {icon && iconPosition === \"left\" && icon}\n                {children && <span className=\"jkl-button__text\">{children}</span>}\n                {iconRight && iconRight}\n                {icon && iconPosition === \"right\" && icon}\n            </div>\n\n            {children && (\n                <Loader\n                    className=\"jkl-button__loader\"\n                    variant=\"medium\"\n                    textDescription={loader?.textDescription || \"Vennligst vent\"}\n                    aria-hidden={!loader?.showLoader}\n                />\n            )}\n        </Component>\n    );\n}) as ButtonComponent;\n\nexport function PrimaryButton<ElementType extends React.ElementType = \"button\">(\n    props: Omit<ButtonProps<ElementType>, \"variant\" | \"onClick\" | \"as\"> &\n        Pick<ButtonHTMLAttributes<HTMLButtonElement>, \"onClick\">,\n) {\n    const buttonProps = { ...props, variant: \"primary\" } as ButtonProps<ElementType>;\n    return <Button {...buttonProps} />;\n}\n\nexport function SecondaryButton<ElementType extends React.ElementType = \"button\">(\n    props: Omit<ButtonProps<ElementType>, \"variant\" | \"onClick\" | \"as\"> &\n        Pick<ButtonHTMLAttributes<HTMLButtonElement>, \"onClick\">,\n) {\n    const buttonProps = { ...props, variant: \"secondary\" } as ButtonProps<ElementType>;\n    return <Button {...buttonProps} />;\n}\n\nexport function TertiaryButton<ElementType extends React.ElementType = \"button\">(\n    props: Omit<ButtonProps<ElementType>, \"variant\" | \"onClick\" | \"as\"> &\n        Pick<ButtonHTMLAttributes<HTMLButtonElement>, \"onClick\">,\n) {\n    const buttonProps = { ...props, variant: \"tertiary\" } as ButtonProps<ElementType>;\n    return <Button {...buttonProps} />;\n}\n\nexport function GhostButton<ElementType extends React.ElementType = \"button\">(\n    props: Omit<ButtonProps<ElementType>, \"variant\" | \"loader\">,\n) {\n    const buttonProps = { ...props, variant: \"ghost\" } as ButtonProps<ElementType>;\n    return <Button {...buttonProps} />;\n}\n"],"names":["Button","React","forwardRef","props","ref","as","children","className","density","onTouchStart","loader","icon","iconPosition","iconLeft","iconRight","variant","rest","Component","handleTouch","useCallback","event","target","disabled","targetTouches","length","Xcoord","clientX","getBoundingClientRect","x","Ycoord","clientY","y","style","setProperty","toPrecision","classList","add","setTimeout","remove","removeProperty","ariaLive","useAriaLiveRegion","showLoader","jsxs","cn","jsx","Loader","textDescription","buttonProps"],"mappings":"iXAOaA,EAASC,EAAMC,YAAW,SACnCC,EACAC,GAEM,MACFC,GAAAA,EAAK,SACLC,SAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,aAAAA,EACAC,OAAAA,EACAC,KAAAA,EACAC,aAAAA,EAAe,OACfC,SAAAA,EACAC,UAAAA,EACAC,QAAAA,EAAU,eACPC,GACHb,EAEEc,EAAYZ,EAEZa,EAAcC,EAAAA,aACfC,IACGX,GAAgBA,EAAaW,GAE7B,MAAMC,EAASD,EAAMC,OACrB,GAAIA,IAAWA,EAAOC,UAAYF,EAAMG,cAAcC,OAAQ,CACpD,MAAAC,EAASL,EAAMG,cAAc,GAAGG,QAAUL,EAAOM,wBAAwBC,EACzEC,EAAST,EAAMG,cAAc,GAAGO,QAAUT,EAAOM,wBAAwBI,EAC/EV,EAAOW,MAAMC,YAAY,qBAAsBR,EAAOS,YAAY,GAAK,MACvEb,EAAOW,MAAMC,YAAY,qBAAsBJ,EAAOK,YAAY,GAAK,MAChEb,EAAAc,UAAUC,IAAI,uBAErBC,YAAW,KACAhB,EAAAc,UAAUG,OAAO,uBACjBjB,EAAAW,MAAMO,eAAe,sBACrBlB,EAAAW,MAAMO,eAAe,qBAAoB,GACjD,IACP,IAEJ,CAAC9B,IAGC+B,EAAWC,EAAAA,kBAAkB,MAAA/B,OAAA,EAAAA,EAAQgC,YACrCA,IAAqBpC,KAAqB,MAAAI,IAAAA,EAAQgC,YAGpD,OAAAC,EAAAA,KAAC1B,EAAA,IACOuB,EACJ,eAAcE,EACd,eAAclC,EACdD,UAAWqC,EAAAA,KAAG,aAAc,eAAiB7B,EAASR,GACtDe,SAAiB,WAAPjB,EAAkB,MAAAK,SAAAA,EAAQgC,gBAAa,EACjDjC,aAAcS,KACVF,EACJZ,IAAAA,EAEAE,SAAA,CAACqC,EAAAA,KAAA,MAAA,CAAIpC,UAAU,oBACVD,SAAA,CAAYO,GAAAA,EACZF,GAAyB,SAAjBC,GAA2BD,EACnCL,GAAYuC,EAAAA,IAAC,OAAK,CAAAtC,UAAU,mBAAoBD,SAAAA,IAChDQ,GAAaA,EACbH,GAAyB,UAAjBC,GAA4BD,KAGxCL,GACGuC,EAAAA,IAACC,EAAAA,OAAA,CACGvC,UAAU,qBACVQ,QAAQ,SACRgC,iBAAiB,MAAArC,SAAAA,EAAQqC,kBAAmB,iBAC5C,gBAAc,MAAArC,GAAAA,EAAQgC,gBAK1C,yCA0BO,SACHvC,GAEA,MAAM6C,EAAc,IAAK7C,EAAOY,QAAS,SAClC,OAAA8B,EAAAA,IAAC7C,EAAQ,IAAGgD,GACvB,wBA7BO,SACH7C,GAGA,MAAM6C,EAAc,IAAK7C,EAAOY,QAAS,WAClC,OAAA8B,EAAAA,IAAC7C,EAAQ,IAAGgD,GACvB,0BAEO,SACH7C,GAGA,MAAM6C,EAAc,IAAK7C,EAAOY,QAAS,aAClC,OAAA8B,EAAAA,IAAC7C,EAAQ,IAAGgD,GACvB,yBAEO,SACH7C,GAGA,MAAM6C,EAAc,IAAK7C,EAAOY,QAAS,YAClC,OAAA8B,EAAAA,IAAC7C,EAAQ,IAAGgD,GACvB"}

package/build/cjs/components/button/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../src/components/button/types.ts"],"sourcesContent":["import { Density, PolymorphicPropsWithRef } from \"../..\";\n\nexport const buttonVariants = [\"primary\", \"secondary\", \"tertiary\", \"ghost\"] as const;\nexport type ButtonVariant = (typeof buttonVariants)[number];\n\nexport type ButtonProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<\n    ElementType,\n    {\n        density?: Density;\n        /**\n         * Hvilken variant av knappen skal vises\n         * @default \"secondary\"\n         */\n        variant?: ButtonVariant;\n        className?: string;\n        loader?: {\n            showLoader: boolean;\n            textDescription: string;\n        };\n        iconLeft?: React.ReactNode;\n        iconRight?: React.ReactNode;\n    }\n>;\n\nexport type ButtonComponent = <ElementType extends React.ElementType = \"button\">(\n    props: ButtonProps<ElementType>,\n) => React.ReactElement | null;\n"],"names":[],"mappings":"uGAE8B,CAAC,UAAW,YAAa,WAAY"}
+{"version":3,"file":"types.js","sources":["../../../../src/components/button/types.ts"],"sourcesContent":["import { Density } from \"../../core\";\nimport { PolymorphicPropsWithRef } from \"../../utilities\";\n\nexport const buttonVariants = [\"primary\", \"secondary\", \"tertiary\", \"ghost\"] as const;\nexport type ButtonVariant = (typeof buttonVariants)[number];\nexport type IconPosition = \"left\" | \"right\";\n\ntype IconOptions<T extends React.ElementType> =\n    // Hvis ikke knappen har ikon, MÅ den ha children:\n    | {\n          iconPosition?: never;\n          icon?: never;\n          children: React.ComponentPropsWithoutRef<T>[\"children\"];\n      }\n    | {\n          /**\n           * Plasseringen av ikonet\n           * @default \"left\"\n           */\n          iconPosition?: IconPosition;\n          /**\n           * Hvilket ikon som skal vises i knappen\n           */\n          icon: React.ReactElement;\n      };\n\nexport type ButtonProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<\n    ElementType,\n    {\n        density?: Density;\n        /**\n         * Hvilken variant av knappen skal vises\n         * @default \"secondary\"\n         */\n        variant?: ButtonVariant;\n        className?: string;\n        loader?: {\n            showLoader: boolean;\n            textDescription: string;\n        };\n        /**\n         * @deprecated Bruk `icon` i kombinasjon med `iconPosition=\"left\"`\n         */\n        iconLeft?: React.ReactNode;\n        /**\n         * @deprecated Bruk `icon` i kombinasjon med `iconPosition=\"right\"`\n         */\n        iconRight?: React.ReactNode;\n    } & IconOptions<ElementType>\n>;\n\nexport type ButtonComponent = <ElementType extends React.ElementType = \"button\">(\n    props: ButtonProps<ElementType>,\n) => React.ReactElement | null;\n"],"names":[],"mappings":"uGAG8B,CAAC,UAAW,YAAa,WAAY"}

package/build/cjs/components/link/documentation/Example.js

@@ -0,0 +1,2 @@
+"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})})};
+//# sourceMappingURL=Example.js.map

package/build/cjs/components/link/documentation/Example.js.map

@@ -0,0 +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"}

package/build/cjs/components/link/documentation/main.js

@@ -0,0 +1,2 @@
+"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,{}));
+//# sourceMappingURL=main.js.map

package/build/cjs/components/link/documentation/main.js.map

@@ -0,0 +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"}

package/build/cjs/components/link/documentation/vite.dev.config.js

@@ -0,0 +1,2 @@
+"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;
+//# sourceMappingURL=vite.dev.config.js.map

package/build/cjs/components/link/documentation/vite.dev.config.js.map

@@ -0,0 +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"}

package/build/cjs/components/loader/documentation/Example.js

@@ -0,0 +1,2 @@
+"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})]})};
+//# sourceMappingURL=Example.js.map

package/build/cjs/components/loader/documentation/Example.js.map

@@ -0,0 +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"}

package/build/cjs/components/loader/documentation/main.js

@@ -0,0 +1,2 @@
+"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,{}));
+//# sourceMappingURL=main.js.map

package/build/cjs/components/loader/documentation/main.js.map

@@ -0,0 +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"}

package/build/cjs/components/loader/documentation/vite.dev.config.js

@@ -0,0 +1,2 @@
+"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;
+//# sourceMappingURL=vite.dev.config.js.map

package/build/cjs/components/loader/documentation/vite.dev.config.js.map

@@ -0,0 +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"}

package/build/copy-jkl-fonts-BEH11kbT.cjs

@@ -0,0 +1,2 @@
+"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}"`)}}};
+//# sourceMappingURL=copy-jkl-fonts-BEH11kbT.cjs.map

package/build/copy-jkl-fonts-BEH11kbT.cjs.map

@@ -0,0 +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"}

package/build/copy-jkl-fonts-Yd-mZnP9.js

@@ -0,0 +1,2 @@
+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};
+//# sourceMappingURL=copy-jkl-fonts-Yd-mZnP9.js.map

package/build/copy-jkl-fonts-Yd-mZnP9.js.map

@@ -0,0 +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"}

package/build/es/components/accordion/documentation/Example.js

@@ -0,0 +1,2 @@
+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};
+//# sourceMappingURL=Example.js.map

package/build/es/components/accordion/documentation/Example.js.map

@@ -0,0 +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"}

package/build/es/components/accordion/documentation/main.js

@@ -0,0 +1,2 @@
+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,{}));
+//# sourceMappingURL=main.js.map

package/build/es/components/accordion/documentation/main.js.map

@@ -0,0 +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"}

package/build/es/components/accordion/documentation/vite.dev.config.js

@@ -0,0 +1,2 @@
+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};
+//# sourceMappingURL=vite.dev.config.js.map

package/build/es/components/accordion/documentation/vite.dev.config.js.map

@@ -0,0 +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"}

package/build/es/components/button/Button.js

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as o}from"react/jsx-runtime";import{c as e}from"../../../clsx-BeLtu-UY.js";import r,{useCallback as n}from"react";import"../../hooks/useScreen/useScreen.js";import{useAriaLiveRegion as s}from"../../hooks/useAriaLiveRegion/useAriaLiveRegion.js";import"../../hooks/useId/useId.js";import{Loader as a}from"../loader/Loader.js";const i=r.forwardRef((function(r,i){const{as:c="button",children:l,className:u,density:d,onTouchStart:h,loader:m,iconLeft:j,iconRight:p,variant:k="secondary",...y}=r,b=c,v=n((t=>{h&&h(t);const o=t.target;if(o&&t.targetTouches.length){const e=t.targetTouches[0].clientX-o.getBoundingClientRect().x,r=t.targetTouches[0].clientY-o.getBoundingClientRect().y;o.style.setProperty("--jkl-touch-xcoord",e.toPrecision(4)+"px"),o.style.setProperty("--jkl-touch-ycoord",r.toPrecision(4)+"px"),o.classList.add("jkl-button--pressed"),setTimeout((()=>{o.classList.remove("jkl-button--pressed"),o.style.removeProperty("--jkl-touch-xcoord"),o.style.removeProperty("--jkl-touch-ycoord")}),400)}}),[h]),f=s(null==m?void 0:m.showLoader);return t(b,{...f,"data-density":d,className:e("jkl-button","jkl-button--"+k,u,{"jkl-button--icon-left":j,"jkl-button--icon-right":p}),disabled:"button"===c?null==m?void 0:m.showLoader:void 0,onTouchStart:v,...y,ref:i,children:t("div",{className:"jkl-button__content",children:o("div",{className:e("jkl-button__slider",{"jkl-button__slider--show-loader":!(null==m||!m.showLoader)}),children:[j&&t("span",{className:"jkl-button__icon",children:j}),t("span",{className:"jkl-button__children",children:l}),p&&t("span",{className:"jkl-button__icon",children:p}),m&&t("div",{className:"jkl-button__loader",children:t(a,{textDescription:m.textDescription,"aria-hidden":!m.showLoader})})]})})})}));function c(o){const e={...o,variant:"primary"};return t(i,{...e})}function l(o){const e={...o,variant:"secondary"};return t(i,{...e})}function u(o){const e={...o,variant:"tertiary"};return t(i,{...e})}function d(o){const e={...o,variant:"ghost"};return t(i,{...e})}export{i as Button,d as GhostButton,c as PrimaryButton,l as SecondaryButton,u as TertiaryButton};
+import{jsxs as t,jsx as o}from"react/jsx-runtime";import{c as e}from"../../../clsx-BeLtu-UY.js";import r,{useCallback as s}from"react";import"../../hooks/useScreen/useScreen.js";import{useAriaLiveRegion as n}from"../../hooks/useAriaLiveRegion/useAriaLiveRegion.js";import"../../hooks/useId/useId.js";import{Loader as a}from"../loader/Loader.js";const i=r.forwardRef((function(r,i){const{as:c="button",children:l,className:u,density:d,onTouchStart:h,loader:m,icon:p,iconPosition:y="left",iconLeft:j,iconRight:v,variant:f="secondary",...g}=r,k=c,b=s((t=>{h&&h(t);const o=t.target;if(o&&!o.disabled&&t.targetTouches.length){const e=t.targetTouches[0].clientX-o.getBoundingClientRect().x,r=t.targetTouches[0].clientY-o.getBoundingClientRect().y;o.style.setProperty("--jkl-touch-xcoord",e.toPrecision(4)+"px"),o.style.setProperty("--jkl-touch-ycoord",r.toPrecision(4)+"px"),o.classList.add("jkl-button--pressed"),setTimeout((()=>{o.classList.remove("jkl-button--pressed"),o.style.removeProperty("--jkl-touch-xcoord"),o.style.removeProperty("--jkl-touch-ycoord")}),400)}}),[h]),x=n(null==m?void 0:m.showLoader),L=!!l&&!(null==m||!m.showLoader);return t(k,{...x,"data-loading":L,"data-density":d,className:e("jkl-button","jkl-button--"+f,u),disabled:"button"===c?null==m?void 0:m.showLoader:void 0,onTouchStart:b,...g,ref:i,children:[t("div",{className:"jkl-button__label",children:[j&&j,p&&"left"===y&&p,l&&o("span",{className:"jkl-button__text",children:l}),v&&v,p&&"right"===y&&p]}),l&&o(a,{className:"jkl-button__loader",variant:"medium",textDescription:(null==m?void 0:m.textDescription)||"Vennligst vent","aria-hidden":!(null!=m&&m.showLoader)})]})}));function c(t){const e={...t,variant:"primary"};return o(i,{...e})}function l(t){const e={...t,variant:"secondary"};return o(i,{...e})}function u(t){const e={...t,variant:"tertiary"};return o(i,{...e})}function d(t){const e={...t,variant:"ghost"};return o(i,{...e})}export{i as Button,d as GhostButton,c as PrimaryButton,l as SecondaryButton,u as TertiaryButton};
 //# sourceMappingURL=Button.js.map

package/build/es/components/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { ButtonHTMLAttributes, type TouchEvent, useCallback } from \"react\";\nimport type { PolymorphicRef } from \"../..\";\nimport { useAriaLiveRegion } from \"../../hooks\";\nimport { Loader } from \"../loader\";\nimport type { ButtonComponent, ButtonProps } from \"./types\";\n\nexport const Button = React.forwardRef(function Button<ElementType extends React.ElementType = \"button\">(\n    props: ButtonProps<ElementType>,\n    ref?: PolymorphicRef<ElementType>,\n) {\n    const {\n        as = \"button\",\n        children,\n        className,\n        density,\n        onTouchStart,\n        loader,\n        iconLeft,\n        iconRight,\n        variant = \"secondary\",\n        ...rest\n    } = props;\n\n    const Component = as;\n\n    const handleTouch = useCallback(\n        (event: TouchEvent<HTMLButtonElement>) => {\n            onTouchStart && onTouchStart(event);\n\n            const target = event.target as HTMLButtonElement;\n            if (target && event.targetTouches.length) {\n                const Xcoord = event.targetTouches[0].clientX - target.getBoundingClientRect().x;\n                const Ycoord = event.targetTouches[0].clientY - target.getBoundingClientRect().y;\n                target.style.setProperty(\"--jkl-touch-xcoord\", Xcoord.toPrecision(4) + \"px\");\n                target.style.setProperty(\"--jkl-touch-ycoord\", Ycoord.toPrecision(4) + \"px\");\n                target.classList.add(\"jkl-button--pressed\");\n\n                setTimeout(() => {\n                    target.classList.remove(\"jkl-button--pressed\");\n                    target.style.removeProperty(\"--jkl-touch-xcoord\");\n                    target.style.removeProperty(\"--jkl-touch-ycoord\");\n                }, 400);\n            }\n        },\n        [onTouchStart],\n    );\n\n    const ariaLive = useAriaLiveRegion(loader?.showLoader);\n\n    return (\n        <Component\n            {...ariaLive}\n            data-density={density}\n            className={clsx(\"jkl-button\", \"jkl-button--\" + variant, className, {\n                \"jkl-button--icon-left\": iconLeft,\n                \"jkl-button--icon-right\": iconRight,\n            })}\n            disabled={as === \"button\" ? loader?.showLoader : undefined}\n            onTouchStart={handleTouch}\n            {...rest}\n            ref={ref}\n        >\n            <div className=\"jkl-button__content\">\n                <div\n                    className={clsx(\"jkl-button__slider\", {\n                        \"jkl-button__slider--show-loader\": !!loader?.showLoader,\n                    })}\n                >\n                    {iconLeft && <span className=\"jkl-button__icon\">{iconLeft}</span>}\n                    <span className=\"jkl-button__children\">{children}</span>\n                    {iconRight && <span className=\"jkl-button__icon\">{iconRight}</span>}\n\n                    {loader && (\n                        <div className=\"jkl-button__loader\">\n                            <Loader textDescription={loader.textDescription} aria-hidden={!loader.showLoader} />\n                        </div>\n                    )}\n                </div>\n            </div>\n        </Component>\n    );\n}) as ButtonComponent;\n\nexport function PrimaryButton<ElementType extends React.ElementType = \"button\">(\n    props: Omit<ButtonProps<ElementType>, \"variant\" | \"onClick\" | \"as\"> &\n        Pick<ButtonHTMLAttributes<HTMLButtonElement>, \"onClick\">,\n) {\n    const buttonProps = { ...props, variant: \"primary\" } as ButtonProps<ElementType>;\n    return <Button {...buttonProps} />;\n}\n\nexport function SecondaryButton<ElementType extends React.ElementType = \"button\">(\n    props: Omit<ButtonProps<ElementType>, \"variant\" | \"onClick\" | \"as\"> &\n        Pick<ButtonHTMLAttributes<HTMLButtonElement>, \"onClick\">,\n) {\n    const buttonProps = { ...props, variant: \"secondary\" } as ButtonProps<ElementType>;\n    return <Button {...buttonProps} />;\n}\n\nexport function TertiaryButton<ElementType extends React.ElementType = \"button\">(\n    props: Omit<ButtonProps<ElementType>, \"variant\" | \"onClick\" | \"as\"> &\n        Pick<ButtonHTMLAttributes<HTMLButtonElement>, \"onClick\">,\n) {\n    const buttonProps = { ...props, variant: \"tertiary\" } as ButtonProps<ElementType>;\n    return <Button {...buttonProps} />;\n}\n\nexport function GhostButton<ElementType extends React.ElementType = \"button\">(\n    props: Omit<ButtonProps<ElementType>, \"variant\" | \"loader\">,\n) {\n    const buttonProps = { ...props, variant: \"ghost\" } as ButtonProps<ElementType>;\n    return <Button {...buttonProps} />;\n}\n"],"names":["Button","React","forwardRef","props","ref","as","children","className","density","onTouchStart","loader","iconLeft","iconRight","variant","rest","Component","handleTouch","useCallback","event","target","targetTouches","length","Xcoord","clientX","getBoundingClientRect","x","Ycoord","clientY","y","style","setProperty","toPrecision","classList","add","setTimeout","remove","removeProperty","ariaLive","useAriaLiveRegion","showLoader","jsx","clsx","disabled","jsxs","Loader","textDescription","PrimaryButton","buttonProps","SecondaryButton","TertiaryButton","GhostButton"],"mappings":"yVAOO,MAAMA,EAASC,EAAMC,YAAW,SACnCC,EACAC,GAEM,MACFC,GAAAA,EAAK,SACLC,SAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,aAAAA,EACAC,OAAAA,EACAC,SAAAA,EACAC,UAAAA,EACAC,QAAAA,EAAU,eACPC,GACHX,EAEEY,EAAYV,EAEZW,EAAcC,GACfC,IACGT,GAAgBA,EAAaS,GAE7B,MAAMC,EAASD,EAAMC,OACjBA,GAAAA,GAAUD,EAAME,cAAcC,OAAQ,CAChC,MAAAC,EAASJ,EAAME,cAAc,GAAGG,QAAUJ,EAAOK,wBAAwBC,EACzEC,EAASR,EAAME,cAAc,GAAGO,QAAUR,EAAOK,wBAAwBI,EAC/ET,EAAOU,MAAMC,YAAY,qBAAsBR,EAAOS,YAAY,GAAK,MACvEZ,EAAOU,MAAMC,YAAY,qBAAsBJ,EAAOK,YAAY,GAAK,MAChEZ,EAAAa,UAAUC,IAAI,uBAErBC,YAAW,KACAf,EAAAa,UAAUG,OAAO,uBACjBhB,EAAAU,MAAMO,eAAe,sBACrBjB,EAAAU,MAAMO,eAAe,qBAAoB,GACjD,IACP,IAEJ,CAAC3B,IAGC4B,EAAWC,EAAkB,MAAA5B,OAAA,EAAAA,EAAQ6B,YAGvC,OAAAC,EAACzB,EAAA,IACOsB,EACJ,eAAc7B,EACdD,UAAWkC,EAAK,aAAc,eAAiB5B,EAASN,EAAW,CAC/D,wBAAyBI,EACzB,yBAA0BC,IAE9B8B,SAAiB,WAAPrC,EAAkB,MAAAK,OAAA,EAAAA,EAAQ6B,gBAAa,EACjD9B,aAAcO,KACVF,EACJV,IAAAA,EAEAE,SAAAkC,EAAC,MAAI,CAAAjC,UAAU,sBACXD,SAAAqC,EAAC,MAAA,CACGpC,UAAWkC,EAAK,qBAAsB,CAClC,oCAAqC,MAAA/B,IAAAA,EAAQ6B,cAGhDjC,SAAA,CAAAK,GAAa6B,EAAA,OAAA,CAAKjC,UAAU,mBAAoBD,SAASK,IACzD6B,EAAA,OAAA,CAAKjC,UAAU,uBAAwBD,SAAAA,IACvCM,GAAa4B,EAAC,OAAK,CAAAjC,UAAU,mBAAoBD,SAAUM,IAE3DF,GACG8B,EAAC,MAAI,CAAAjC,UAAU,qBACXD,SAACkC,EAAAI,EAAA,CAAOC,gBAAiBnC,EAAOmC,gBAAiB,eAAcnC,EAAO6B,qBAOlG,IAEO,SAASO,EACZ3C,GAGA,MAAM4C,EAAc,IAAK5C,EAAOU,QAAS,WAClC,OAAA2B,EAACxC,EAAQ,IAAG+C,GACvB,CAEO,SAASC,EACZ7C,GAGA,MAAM4C,EAAc,IAAK5C,EAAOU,QAAS,aAClC,OAAA2B,EAACxC,EAAQ,IAAG+C,GACvB,CAEO,SAASE,EACZ9C,GAGA,MAAM4C,EAAc,IAAK5C,EAAOU,QAAS,YAClC,OAAA2B,EAACxC,EAAQ,IAAG+C,GACvB,CAEO,SAASG,EACZ/C,GAEA,MAAM4C,EAAc,IAAK5C,EAAOU,QAAS,SAClC,OAAA2B,EAACxC,EAAQ,IAAG+C,GACvB"}
+{"version":3,"file":"Button.js","sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["import cn from \"clsx\";\nimport React, { ButtonHTMLAttributes, type TouchEvent, useCallback } from \"react\";\nimport { useAriaLiveRegion } from \"../../hooks\";\nimport type { PolymorphicRef } from \"../../utilities\";\nimport { Loader } from \"../loader\";\nimport type { ButtonComponent, ButtonProps } from \"./types\";\n\nexport const Button = React.forwardRef(function Button<ElementType extends React.ElementType = \"button\">(\n    props: ButtonProps<ElementType>,\n    ref?: PolymorphicRef<ElementType>,\n) {\n    const {\n        as = \"button\",\n        children,\n        className,\n        density,\n        onTouchStart,\n        loader,\n        icon,\n        iconPosition = \"left\",\n        iconLeft,\n        iconRight,\n        variant = \"secondary\",\n        ...rest\n    } = props;\n\n    const Component = as;\n\n    const handleTouch = useCallback(\n        (event: TouchEvent<HTMLButtonElement>) => {\n            onTouchStart && onTouchStart(event);\n\n            const target = event.target as HTMLButtonElement;\n            if (target && !target.disabled && event.targetTouches.length) {\n                const Xcoord = event.targetTouches[0].clientX - target.getBoundingClientRect().x;\n                const Ycoord = event.targetTouches[0].clientY - target.getBoundingClientRect().y;\n                target.style.setProperty(\"--jkl-touch-xcoord\", Xcoord.toPrecision(4) + \"px\");\n                target.style.setProperty(\"--jkl-touch-ycoord\", Ycoord.toPrecision(4) + \"px\");\n                target.classList.add(\"jkl-button--pressed\");\n\n                setTimeout(() => {\n                    target.classList.remove(\"jkl-button--pressed\");\n                    target.style.removeProperty(\"--jkl-touch-xcoord\");\n                    target.style.removeProperty(\"--jkl-touch-ycoord\");\n                }, 400);\n            }\n        },\n        [onTouchStart],\n    );\n\n    const ariaLive = useAriaLiveRegion(loader?.showLoader);\n    const showLoader = Boolean(children) && Boolean(loader?.showLoader);\n\n    return (\n        <Component\n            {...ariaLive}\n            data-loading={showLoader}\n            data-density={density}\n            className={cn(\"jkl-button\", \"jkl-button--\" + variant, className)}\n            disabled={as === \"button\" ? loader?.showLoader : undefined}\n            onTouchStart={handleTouch}\n            {...rest}\n            ref={ref}\n        >\n            <div className=\"jkl-button__label\">\n                {iconLeft && iconLeft}\n                {icon && iconPosition === \"left\" && icon}\n                {children && <span className=\"jkl-button__text\">{children}</span>}\n                {iconRight && iconRight}\n                {icon && iconPosition === \"right\" && icon}\n            </div>\n\n            {children && (\n                <Loader\n                    className=\"jkl-button__loader\"\n                    variant=\"medium\"\n                    textDescription={loader?.textDescription || \"Vennligst vent\"}\n                    aria-hidden={!loader?.showLoader}\n                />\n            )}\n        </Component>\n    );\n}) as ButtonComponent;\n\nexport function PrimaryButton<ElementType extends React.ElementType = \"button\">(\n    props: Omit<ButtonProps<ElementType>, \"variant\" | \"onClick\" | \"as\"> &\n        Pick<ButtonHTMLAttributes<HTMLButtonElement>, \"onClick\">,\n) {\n    const buttonProps = { ...props, variant: \"primary\" } as ButtonProps<ElementType>;\n    return <Button {...buttonProps} />;\n}\n\nexport function SecondaryButton<ElementType extends React.ElementType = \"button\">(\n    props: Omit<ButtonProps<ElementType>, \"variant\" | \"onClick\" | \"as\"> &\n        Pick<ButtonHTMLAttributes<HTMLButtonElement>, \"onClick\">,\n) {\n    const buttonProps = { ...props, variant: \"secondary\" } as ButtonProps<ElementType>;\n    return <Button {...buttonProps} />;\n}\n\nexport function TertiaryButton<ElementType extends React.ElementType = \"button\">(\n    props: Omit<ButtonProps<ElementType>, \"variant\" | \"onClick\" | \"as\"> &\n        Pick<ButtonHTMLAttributes<HTMLButtonElement>, \"onClick\">,\n) {\n    const buttonProps = { ...props, variant: \"tertiary\" } as ButtonProps<ElementType>;\n    return <Button {...buttonProps} />;\n}\n\nexport function GhostButton<ElementType extends React.ElementType = \"button\">(\n    props: Omit<ButtonProps<ElementType>, \"variant\" | \"loader\">,\n) {\n    const buttonProps = { ...props, variant: \"ghost\" } as ButtonProps<ElementType>;\n    return <Button {...buttonProps} />;\n}\n"],"names":["Button","React","forwardRef","props","ref","as","children","className","density","onTouchStart","loader","icon","iconPosition","iconLeft","iconRight","variant","rest","Component","handleTouch","useCallback","event","target","disabled","targetTouches","length","Xcoord","clientX","getBoundingClientRect","x","Ycoord","clientY","y","style","setProperty","toPrecision","classList","add","setTimeout","remove","removeProperty","ariaLive","useAriaLiveRegion","showLoader","jsxs","cn","jsx","Loader","textDescription","PrimaryButton","buttonProps","SecondaryButton","TertiaryButton","GhostButton"],"mappings":"yVAOO,MAAMA,EAASC,EAAMC,YAAW,SACnCC,EACAC,GAEM,MACFC,GAAAA,EAAK,SACLC,SAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,aAAAA,EACAC,OAAAA,EACAC,KAAAA,EACAC,aAAAA,EAAe,OACfC,SAAAA,EACAC,UAAAA,EACAC,QAAAA,EAAU,eACPC,GACHb,EAEEc,EAAYZ,EAEZa,EAAcC,GACfC,IACGX,GAAgBA,EAAaW,GAE7B,MAAMC,EAASD,EAAMC,OACrB,GAAIA,IAAWA,EAAOC,UAAYF,EAAMG,cAAcC,OAAQ,CACpD,MAAAC,EAASL,EAAMG,cAAc,GAAGG,QAAUL,EAAOM,wBAAwBC,EACzEC,EAAST,EAAMG,cAAc,GAAGO,QAAUT,EAAOM,wBAAwBI,EAC/EV,EAAOW,MAAMC,YAAY,qBAAsBR,EAAOS,YAAY,GAAK,MACvEb,EAAOW,MAAMC,YAAY,qBAAsBJ,EAAOK,YAAY,GAAK,MAChEb,EAAAc,UAAUC,IAAI,uBAErBC,YAAW,KACAhB,EAAAc,UAAUG,OAAO,uBACjBjB,EAAAW,MAAMO,eAAe,sBACrBlB,EAAAW,MAAMO,eAAe,qBAAoB,GACjD,IACP,IAEJ,CAAC9B,IAGC+B,EAAWC,EAAkB,MAAA/B,SAAAA,EAAQgC,YACrCA,IAAqBpC,KAAqB,MAAAI,IAAAA,EAAQgC,YAGpD,OAAAC,EAAC1B,EAAA,IACOuB,EACJ,eAAcE,EACd,eAAclC,EACdD,UAAWqC,EAAG,aAAc,eAAiB7B,EAASR,GACtDe,SAAiB,WAAPjB,EAAkB,MAAAK,OAAA,EAAAA,EAAQgC,gBAAa,EACjDjC,aAAcS,KACVF,EACJZ,IAAAA,EAEAE,SAAA,CAACqC,EAAA,MAAA,CAAIpC,UAAU,oBACVD,SAAA,CAAYO,GAAAA,EACZF,GAAyB,SAAjBC,GAA2BD,EACnCL,GAAYuC,EAAC,OAAK,CAAAtC,UAAU,mBAAoBD,SAAAA,IAChDQ,GAAaA,EACbH,GAAyB,UAAjBC,GAA4BD,KAGxCL,GACGuC,EAACC,EAAA,CACGvC,UAAU,qBACVQ,QAAQ,SACRgC,iBAAiB,MAAArC,OAAAA,EAAAA,EAAQqC,kBAAmB,iBAC5C,gBAAc,MAAArC,GAAAA,EAAQgC,gBAK1C,IAEO,SAASM,EACZ7C,GAGA,MAAM8C,EAAc,IAAK9C,EAAOY,QAAS,WAClC,OAAA8B,EAAC7C,EAAQ,IAAGiD,GACvB,CAEO,SAASC,EACZ/C,GAGA,MAAM8C,EAAc,IAAK9C,EAAOY,QAAS,aAClC,OAAA8B,EAAC7C,EAAQ,IAAGiD,GACvB,CAEO,SAASE,EACZhD,GAGA,MAAM8C,EAAc,IAAK9C,EAAOY,QAAS,YAClC,OAAA8B,EAAC7C,EAAQ,IAAGiD,GACvB,CAEO,SAASG,EACZjD,GAEA,MAAM8C,EAAc,IAAK9C,EAAOY,QAAS,SAClC,OAAA8B,EAAC7C,EAAQ,IAAGiD,GACvB"}

package/build/es/components/button/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../src/components/button/types.ts"],"sourcesContent":["import { Density, PolymorphicPropsWithRef } from \"../..\";\n\nexport const buttonVariants = [\"primary\", \"secondary\", \"tertiary\", \"ghost\"] as const;\nexport type ButtonVariant = (typeof buttonVariants)[number];\n\nexport type ButtonProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<\n    ElementType,\n    {\n        density?: Density;\n        /**\n         * Hvilken variant av knappen skal vises\n         * @default \"secondary\"\n         */\n        variant?: ButtonVariant;\n        className?: string;\n        loader?: {\n            showLoader: boolean;\n            textDescription: string;\n        };\n        iconLeft?: React.ReactNode;\n        iconRight?: React.ReactNode;\n    }\n>;\n\nexport type ButtonComponent = <ElementType extends React.ElementType = \"button\">(\n    props: ButtonProps<ElementType>,\n) => React.ReactElement | null;\n"],"names":["buttonVariants"],"mappings":"AAEO,MAAMA,EAAiB,CAAC,UAAW,YAAa,WAAY"}
+{"version":3,"file":"types.js","sources":["../../../../src/components/button/types.ts"],"sourcesContent":["import { Density } from \"../../core\";\nimport { PolymorphicPropsWithRef } from \"../../utilities\";\n\nexport const buttonVariants = [\"primary\", \"secondary\", \"tertiary\", \"ghost\"] as const;\nexport type ButtonVariant = (typeof buttonVariants)[number];\nexport type IconPosition = \"left\" | \"right\";\n\ntype IconOptions<T extends React.ElementType> =\n    // Hvis ikke knappen har ikon, MÅ den ha children:\n    | {\n          iconPosition?: never;\n          icon?: never;\n          children: React.ComponentPropsWithoutRef<T>[\"children\"];\n      }\n    | {\n          /**\n           * Plasseringen av ikonet\n           * @default \"left\"\n           */\n          iconPosition?: IconPosition;\n          /**\n           * Hvilket ikon som skal vises i knappen\n           */\n          icon: React.ReactElement;\n      };\n\nexport type ButtonProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<\n    ElementType,\n    {\n        density?: Density;\n        /**\n         * Hvilken variant av knappen skal vises\n         * @default \"secondary\"\n         */\n        variant?: ButtonVariant;\n        className?: string;\n        loader?: {\n            showLoader: boolean;\n            textDescription: string;\n        };\n        /**\n         * @deprecated Bruk `icon` i kombinasjon med `iconPosition=\"left\"`\n         */\n        iconLeft?: React.ReactNode;\n        /**\n         * @deprecated Bruk `icon` i kombinasjon med `iconPosition=\"right\"`\n         */\n        iconRight?: React.ReactNode;\n    } & IconOptions<ElementType>\n>;\n\nexport type ButtonComponent = <ElementType extends React.ElementType = \"button\">(\n    props: ButtonProps<ElementType>,\n) => React.ReactElement | null;\n"],"names":["buttonVariants"],"mappings":"AAGO,MAAMA,EAAiB,CAAC,UAAW,YAAa,WAAY"}

package/build/es/components/link/documentation/Example.js

@@ -0,0 +1,2 @@
+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};
+//# sourceMappingURL=Example.js.map

package/build/es/components/link/documentation/Example.js.map

@@ -0,0 +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"}

package/build/es/components/link/documentation/main.js

@@ -0,0 +1,2 @@
+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,{}));
+//# sourceMappingURL=main.js.map

package/build/es/components/link/documentation/main.js.map

@@ -0,0 +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"}

package/build/es/components/link/documentation/vite.dev.config.js

@@ -0,0 +1,2 @@
+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};
+//# sourceMappingURL=vite.dev.config.js.map

package/build/es/components/link/documentation/vite.dev.config.js.map

@@ -0,0 +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"}

package/build/es/components/loader/documentation/Example.js

@@ -0,0 +1,2 @@
+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};
+//# sourceMappingURL=Example.js.map

package/build/es/components/loader/documentation/Example.js.map

@@ -0,0 +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"}

package/build/es/components/loader/documentation/main.js

@@ -0,0 +1,2 @@
+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,{}));
+//# sourceMappingURL=main.js.map