@fremtind/jokul 0.20.0 → 0.20.1

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

@@ -1,2 +0,0 @@
-"use strict";const n=require("react/jsx-runtime"),e=require("../../../../formatCode-B1ZAd2W_.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

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

@@ -1,2 +0,0 @@
-"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("../../flex/Flex.js"),require("../../../../ExpandableTableRow-BGglv7mF.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("../../menu/MenuItem.js"),require("../../menu/MenuItemCheckbox.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

@@ -1 +0,0 @@
-{"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":"25IAKAA,EAAAA,kBAEAC,EAASC,WAAWC,SAASC,eAAe,SAAUC,OAAQC,EAAAA,IAAAC,EAAA,CAAA"}

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

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

@@ -1 +0,0 @@
-{"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/breadcrumb/documentation/Example.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),r=require("../../../../formatCode-B1ZAd2W_.cjs");require("react");const n=[],t=r.formatCode('import React from "react";\nimport { Breadcrumb, BreadcrumbItem } from "..";\n\nexport const knobs = [];\n\nexport const BreadcrumbExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    return (\n        <Breadcrumb>\n            <BreadcrumbItem>\n                <a href="/">Hjem</a>\n            </BreadcrumbItem>\n            <BreadcrumbItem>\n                <a href="/komponenter/accordion">Komponenter</a>\n            </BreadcrumbItem>\n            <BreadcrumbItem>\n                <a href="/komponenter/breadcrumb">Breadcrumb</a>\n            </BreadcrumbItem>\n        </Breadcrumb>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n');module.exports=function(){const o=r.useInteractiveCodeControls(t,n);return e.jsx("div",{className:"jkl",children:e.jsx(r.InteractiveCode,{title:"Breadcrumb",defaultCode:t,defaultShowEditor:!0,noInline:!0,controls:o})})};
-//# sourceMappingURL=Example.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Example.js","sources":["../../../../../src/components/breadcrumb/documentation/BreadcrumbExample.jsx","../../../../../src/components/breadcrumb/documentation/Example.tsx","../../../../../src/components/breadcrumb/documentation/BreadcrumbExample.jsx?raw"],"sourcesContent":["import React from \"react\";\nimport { Breadcrumb, BreadcrumbItem } from \"..\";\n\nexport const knobs = [];\n\nexport const BreadcrumbExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    return (\n        <Breadcrumb>\n            <BreadcrumbItem>\n                <a href=\"/\">Hjem</a>\n            </BreadcrumbItem>\n            <BreadcrumbItem>\n                <a href=\"/komponenter/accordion\">Komponenter</a>\n            </BreadcrumbItem>\n            <BreadcrumbItem>\n                <a href=\"/komponenter/breadcrumb\">Breadcrumb</a>\n            </BreadcrumbItem>\n        </Breadcrumb>\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 \"./BreadcrumbExample\";\n// @ts-ignore\nimport BreadcrumbExample from \"./BreadcrumbExample?raw\";\n\nimport \"../styles/_index.scss\";\n\nconst code = formatCode(BreadcrumbExample);\n\nexport default function Example() {\n    const controls = useInteractiveCodeControls(code, knobs);\n\n    return (\n        <div className={\"jkl\"}>\n            <InteractiveCode\n                title={\"Breadcrumb\"}\n                defaultCode={code}\n                defaultShowEditor={true}\n                noInline={true}\n                controls={controls}\n            />\n        </div>\n    );\n}\n","export default \"import React from \\\"react\\\";\\nimport { Breadcrumb, BreadcrumbItem } from \\\"..\\\";\\n\\nexport const knobs = [];\\n\\nexport const BreadcrumbExample = () => {\\n    /* -- EXAMPLE CODE START -- */\\n    return (\\n        <Breadcrumb>\\n            <BreadcrumbItem>\\n                <a href=\\\"/\\\">Hjem</a>\\n            </BreadcrumbItem>\\n            <BreadcrumbItem>\\n                <a href=\\\"/komponenter/accordion\\\">Komponenter</a>\\n            </BreadcrumbItem>\\n            <BreadcrumbItem>\\n                <a href=\\\"/komponenter/breadcrumb\\\">Breadcrumb</a>\\n            </BreadcrumbItem>\\n        </Breadcrumb>\\n    );\\n    /* -- EXAMPLE CODE END -- */\\n};\\n\""],"names":["knobs","code","formatCode","controls","useInteractiveCodeControls","jsx","className","children","InteractiveCode","title","defaultCode","defaultShowEditor","noInline"],"mappings":"oHAGO,MAAMA,EAAQ,GCMfC,EAAOC,EAAAA,WCTE,upBDWf,WACU,MAAAC,EAAWC,EAAAA,2BAA2BH,EAAMD,GAG9C,OAAAK,EAAAA,IAAC,MAAI,CAAAC,UAAW,MACZC,SAAAF,EAAAA,IAACG,EAAAA,gBAAA,CACGC,MAAO,aACPC,YAAaT,EACbU,mBAAmB,EACnBC,UAAU,EACVT,SAAAA,KAIhB"}

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

@@ -1,2 +0,0 @@
-"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("../../flex/Flex.js"),require("../../../../ExpandableTableRow-BGglv7mF.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("../../menu/MenuItem.js"),require("../../menu/MenuItemCheckbox.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/breadcrumb/documentation/main.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"main.js","sources":["../../../../../src/components/breadcrumb/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":"25IAKAA,EAAAA,kBAEAC,EAASC,WAAWC,SAASC,eAAe,SAAUC,OAAQC,EAAAA,IAAAC,EAAA,CAAA"}

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

@@ -1,2 +0,0 @@
-"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/breadcrumb/documentation/vite.dev.config.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"vite.dev.config.js","sources":["../../../../../src/components/breadcrumb/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/documentation/Example.js

@@ -1,2 +0,0 @@
-"use strict";const n=require("react/jsx-runtime"),o=require("../../../../formatCode-B1ZAd2W_.cjs");require("react"),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.js");const e=[{type:"bool",label:"label",boolOptions:{trueValue:!0,falseValue:!1},defaultValue:!0},{type:"bool",label:"icon",boolOptions:{trueValue:!0,falseValue:!1}},{type:"choice",label:"iconPlacement",choiceOptions:[{label:"left",value:"left"},{label:"right",value:"right"}],defaultValue:0}],r=o.formatCode('import React, { useCallback, useState } from "react";\nimport { CheckIcon, ChevronDownIcon, CloseIcon } from "../../icon";\nimport { Button } from "../Button";\n\nexport const knobs = [\n    {\n        type: "bool",\n        label: "label",\n        boolOptions: {\n            trueValue: true,\n            falseValue: false,\n        },\n        defaultValue: true,\n    },\n    {\n        type: "bool",\n        label: "icon",\n        boolOptions: {\n            trueValue: true,\n            falseValue: false,\n        },\n    },\n    {\n        type: "choice",\n        label: "iconPlacement",\n        choiceOptions: [\n            { label: "left", value: "left" },\n            { label: "right", value: "right" },\n        ],\n        defaultValue: 0,\n    },\n];\n\nexport const ButtonExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    const [showLoader, setShowLoader] = useState(false);\n\n    const simulateLoading = useCallback(() => {\n        setShowLoader(true);\n        setTimeout(() => {\n            setShowLoader(false);\n        }, 2200);\n    }, []);\n\n    return (\n        <div className="flex flex-column gap-32 justify-between items-center">\n            <Button\n                variant="primary"\n                loader={{\n                    showLoader,\n                    textDescription: "Laster innhold",\n                }}\n                onClick={simulateLoading}\n                icon={boolKnob("icon") && <CheckIcon />}\n                iconPosition={choiceKnob("iconPlacement")}\n            >\n                {boolKnob("label") ? "Lagre og send inn" : null}\n            </Button>\n            <Button\n                variant="secondary"\n                loader={{\n                    showLoader,\n                    textDescription: "Laster innhold",\n                }}\n                onClick={simulateLoading}\n                icon={boolKnob("icon") && <CheckIcon />}\n                iconPosition={choiceKnob("iconPlacement")}\n            >\n                {boolKnob("label") ? "Lagre" : null}\n            </Button>\n            <Button\n                variant="tertiary"\n                loader={{\n                    showLoader,\n                    textDescription: "Laster innhold",\n                }}\n                onClick={simulateLoading}\n                icon={boolKnob("icon") && <CloseIcon />}\n                iconPosition={choiceKnob("iconPlacement")}\n            >\n                {boolKnob("label") ? "Avbryt" : null}\n            </Button>\n            <Button\n                variant="ghost"\n                icon={boolKnob("icon") && <ChevronDownIcon />}\n                iconPosition={choiceKnob("iconPlacement")}\n            >\n                {boolKnob("label") ? "Ola Nordmann" : null}\n            </Button>\n        </div>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n'),i=o.formatCode('import React from "react";\nimport { Button } from "../Button";\nimport "./style.scss";\n\nexport const AnchorsExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    return (\n        <div className="flex flex-column gap-32 justify-between items-center">\n            <Button as="a" variant="primary" href="/komponenter/buttons#knapper-rendret-som-andre-elementer">\n                Send inn\n            </Button>\n            <Button variant="secondary" as="a" href="/komponenter/buttons#knapper-rendret-som-andre-elementer">\n                Lagre\n            </Button>\n            <Button variant="tertiary" as="a" href="/komponenter/buttons#knapper-rendret-som-andre-elementer">\n                Avbryt\n            </Button>\n            <Button variant="ghost" as="a" href="/komponenter/buttons#knapper-rendret-som-andre-elementer">\n                Vis mer\n            </Button>\n        </div>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n');module.exports=function(){const t=o.useInteractiveCodeControls(r,e),c=o.useInteractiveCodeControls(i,[]);return n.jsxs("div",{className:"jkl",children:[n.jsx(o.InteractiveCode,{title:"Button",defaultCode:r,defaultShowEditor:!0,noInline:!0,controls:t}),n.jsx(o.InteractiveCode,{title:"Button som lenke",defaultCode:i,defaultShowEditor:!0,noInline:!0,controls:c})]})};
-//# sourceMappingURL=Example.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Example.js","sources":["../../../../../src/components/button/documentation/AnchorsExample.jsx?raw","../../../../../src/components/button/documentation/ButtonExample.jsx","../../../../../src/components/button/documentation/Example.tsx","../../../../../src/components/button/documentation/ButtonExample.jsx?raw"],"sourcesContent":["export default \"import React from \\\"react\\\";\\nimport { Button } from \\\"../Button\\\";\\nimport \\\"./style.scss\\\";\\n\\nexport const AnchorsExample = () => {\\n    /* -- EXAMPLE CODE START -- */\\n    return (\\n        <div className=\\\"flex flex-column gap-32 justify-between items-center\\\">\\n            <Button as=\\\"a\\\" variant=\\\"primary\\\" href=\\\"/komponenter/buttons#knapper-rendret-som-andre-elementer\\\">\\n                Send inn\\n            </Button>\\n            <Button variant=\\\"secondary\\\" as=\\\"a\\\" href=\\\"/komponenter/buttons#knapper-rendret-som-andre-elementer\\\">\\n                Lagre\\n            </Button>\\n            <Button variant=\\\"tertiary\\\" as=\\\"a\\\" href=\\\"/komponenter/buttons#knapper-rendret-som-andre-elementer\\\">\\n                Avbryt\\n            </Button>\\n            <Button variant=\\\"ghost\\\" as=\\\"a\\\" href=\\\"/komponenter/buttons#knapper-rendret-som-andre-elementer\\\">\\n                Vis mer\\n            </Button>\\n        </div>\\n    );\\n    /* -- EXAMPLE CODE END -- */\\n};\\n\"","import React, { useCallback, useState } from \"react\";\nimport { CheckIcon, ChevronDownIcon, CloseIcon } from \"../../icon\";\nimport { Button } from \"../Button\";\n\nexport const knobs = [\n    {\n        type: \"bool\",\n        label: \"label\",\n        boolOptions: {\n            trueValue: true,\n            falseValue: false,\n        },\n        defaultValue: true,\n    },\n    {\n        type: \"bool\",\n        label: \"icon\",\n        boolOptions: {\n            trueValue: true,\n            falseValue: false,\n        },\n    },\n    {\n        type: \"choice\",\n        label: \"iconPlacement\",\n        choiceOptions: [\n            { label: \"left\", value: \"left\" },\n            { label: \"right\", value: \"right\" },\n        ],\n        defaultValue: 0,\n    },\n];\n\nexport const ButtonExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    const [showLoader, setShowLoader] = useState(false);\n\n    const simulateLoading = useCallback(() => {\n        setShowLoader(true);\n        setTimeout(() => {\n            setShowLoader(false);\n        }, 2200);\n    }, []);\n\n    return (\n        <div className=\"flex flex-column gap-32 justify-between items-center\">\n            <Button\n                variant=\"primary\"\n                loader={{\n                    showLoader,\n                    textDescription: \"Laster innhold\",\n                }}\n                onClick={simulateLoading}\n                icon={boolKnob(\"icon\") && <CheckIcon />}\n                iconPosition={choiceKnob(\"iconPlacement\")}\n            >\n                {boolKnob(\"label\") ? \"Lagre og send inn\" : null}\n            </Button>\n            <Button\n                variant=\"secondary\"\n                loader={{\n                    showLoader,\n                    textDescription: \"Laster innhold\",\n                }}\n                onClick={simulateLoading}\n                icon={boolKnob(\"icon\") && <CheckIcon />}\n                iconPosition={choiceKnob(\"iconPlacement\")}\n            >\n                {boolKnob(\"label\") ? \"Lagre\" : null}\n            </Button>\n            <Button\n                variant=\"tertiary\"\n                loader={{\n                    showLoader,\n                    textDescription: \"Laster innhold\",\n                }}\n                onClick={simulateLoading}\n                icon={boolKnob(\"icon\") && <CloseIcon />}\n                iconPosition={choiceKnob(\"iconPlacement\")}\n            >\n                {boolKnob(\"label\") ? \"Avbryt\" : null}\n            </Button>\n            <Button\n                variant=\"ghost\"\n                icon={boolKnob(\"icon\") && <ChevronDownIcon />}\n                iconPosition={choiceKnob(\"iconPlacement\")}\n            >\n                {boolKnob(\"label\") ? \"Ola Nordmann\" : null}\n            </Button>\n        </div>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n","import React from \"react\";\nimport { formatCode, InteractiveCode, useInteractiveCodeControls } from \"../../../../../../utils/interactive-code\";\nimport AnchorsExample from \"./AnchorsExample?raw\";\n// @ts-ignore\nimport { knobs } from \"./ButtonExample\";\nimport ButtonExample from \"./ButtonExample?raw\";\n\nimport \"../styles/_index.scss\";\n\nconst code = formatCode(ButtonExample);\nconst anchorsCode = formatCode(AnchorsExample);\n\nexport default function Example() {\n    const controls = useInteractiveCodeControls(code, knobs);\n    const anchorsControls = useInteractiveCodeControls(anchorsCode, []);\n    return (\n        <div className={\"jkl\"}>\n            <InteractiveCode\n                title={\"Button\"}\n                defaultCode={code}\n                defaultShowEditor={true}\n                noInline={true}\n                controls={controls}\n            />\n            <InteractiveCode\n                title={\"Button som lenke\"}\n                defaultCode={anchorsCode}\n                defaultShowEditor={true}\n                noInline={true}\n                controls={anchorsControls}\n            />\n        </div>\n    );\n}\n","export default \"import React, { useCallback, useState } from \\\"react\\\";\\nimport { CheckIcon, ChevronDownIcon, CloseIcon } from \\\"../../icon\\\";\\nimport { Button } from \\\"../Button\\\";\\n\\nexport const knobs = [\\n    {\\n        type: \\\"bool\\\",\\n        label: \\\"label\\\",\\n        boolOptions: {\\n            trueValue: true,\\n            falseValue: false,\\n        },\\n        defaultValue: true,\\n    },\\n    {\\n        type: \\\"bool\\\",\\n        label: \\\"icon\\\",\\n        boolOptions: {\\n            trueValue: true,\\n            falseValue: false,\\n        },\\n    },\\n    {\\n        type: \\\"choice\\\",\\n        label: \\\"iconPlacement\\\",\\n        choiceOptions: [\\n            { label: \\\"left\\\", value: \\\"left\\\" },\\n            { label: \\\"right\\\", value: \\\"right\\\" },\\n        ],\\n        defaultValue: 0,\\n    },\\n];\\n\\nexport const ButtonExample = () => {\\n    /* -- EXAMPLE CODE START -- */\\n    const [showLoader, setShowLoader] = useState(false);\\n\\n    const simulateLoading = useCallback(() => {\\n        setShowLoader(true);\\n        setTimeout(() => {\\n            setShowLoader(false);\\n        }, 2200);\\n    }, []);\\n\\n    return (\\n        <div className=\\\"flex flex-column gap-32 justify-between items-center\\\">\\n            <Button\\n                variant=\\\"primary\\\"\\n                loader={{\\n                    showLoader,\\n                    textDescription: \\\"Laster innhold\\\",\\n                }}\\n                onClick={simulateLoading}\\n                icon={boolKnob(\\\"icon\\\") && <CheckIcon />}\\n                iconPosition={choiceKnob(\\\"iconPlacement\\\")}\\n            >\\n                {boolKnob(\\\"label\\\") ? \\\"Lagre og send inn\\\" : null}\\n            </Button>\\n            <Button\\n                variant=\\\"secondary\\\"\\n                loader={{\\n                    showLoader,\\n                    textDescription: \\\"Laster innhold\\\",\\n                }}\\n                onClick={simulateLoading}\\n                icon={boolKnob(\\\"icon\\\") && <CheckIcon />}\\n                iconPosition={choiceKnob(\\\"iconPlacement\\\")}\\n            >\\n                {boolKnob(\\\"label\\\") ? \\\"Lagre\\\" : null}\\n            </Button>\\n            <Button\\n                variant=\\\"tertiary\\\"\\n                loader={{\\n                    showLoader,\\n                    textDescription: \\\"Laster innhold\\\",\\n                }}\\n                onClick={simulateLoading}\\n                icon={boolKnob(\\\"icon\\\") && <CloseIcon />}\\n                iconPosition={choiceKnob(\\\"iconPlacement\\\")}\\n            >\\n                {boolKnob(\\\"label\\\") ? \\\"Avbryt\\\" : null}\\n            </Button>\\n            <Button\\n                variant=\\\"ghost\\\"\\n                icon={boolKnob(\\\"icon\\\") && <ChevronDownIcon />}\\n                iconPosition={choiceKnob(\\\"iconPlacement\\\")}\\n            >\\n                {boolKnob(\\\"label\\\") ? \\\"Ola Nordmann\\\" : null}\\n            </Button>\\n        </div>\\n    );\\n    /* -- EXAMPLE CODE END -- */\\n};\\n\""],"names":["knobs","type","label","boolOptions","trueValue","falseValue","defaultValue","choiceOptions","value","code","formatCode","anchorsCode","controls","useInteractiveCodeControls","anchorsControls","jsxs","className","children","jsx","InteractiveCode","title","defaultCode","defaultShowEditor","noInline"],"mappings":"iqDAAA,MCIaA,EAAQ,CACjB,CACIC,KAAM,OACNC,MAAO,QACPC,YAAa,CACTC,WAAW,EACXC,YAAY,GAEhBC,cAAc,GAElB,CACIL,KAAM,OACNC,MAAO,OACPC,YAAa,CACTC,WAAW,EACXC,YAAY,IAGpB,CACIJ,KAAM,SACNC,MAAO,gBACPK,cAAe,CACX,CAAEL,MAAO,OAAQM,MAAO,QACxB,CAAEN,MAAO,QAASM,MAAO,UAE7BF,aAAc,ICpBhBG,EAAOC,EAAAA,WCTE,0zFDUTC,EAAcD,EAAAA,WFVL,g9BEYf,WACU,MAAAE,EAAWC,EAAAA,2BAA2BJ,EAAMT,GAC5Cc,EAAkBD,EAAAA,2BAA2BF,EAAa,IAE5D,OAAAI,EAAAA,KAAC,MAAI,CAAAC,UAAW,MACZC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,gBAAA,CACGC,MAAO,SACPC,YAAaZ,EACba,mBAAmB,EACnBC,UAAU,EACVX,SAAAA,IAEJM,EAAAA,IAACC,EAAAA,gBAAA,CACGC,MAAO,mBACPC,YAAaV,EACbW,mBAAmB,EACnBC,UAAU,EACVX,SAAUE,MAI1B"}

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

@@ -1,2 +0,0 @@
-"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.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("../../flex/Flex.js"),require("../../../../ExpandableTableRow-BGglv7mF.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("../../menu/MenuItem.js"),require("../../menu/MenuItemCheckbox.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/button/documentation/main.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"main.js","sources":["../../../../../src/components/button/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":"i5IAKAA,EAAAA,kBAEAC,EAASC,WAAWC,SAASC,eAAe,SAAUC,OAAQC,EAAAA,IAAAC,EAAA,CAAA"}

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

@@ -1,2 +0,0 @@
-"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/button/documentation/vite.dev.config.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"vite.dev.config.js","sources":["../../../../../src/components/button/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/card/documentation/Example.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),n=require("../../../../formatCode-B1ZAd2W_.cjs");require("react"),require("../../tag/Tag.js");const o=require("../Card.js");require("../../../utilities/polymorphism/SlotComponent.js"),require("../NavCard.js"),require("../../../hooks/useScreen/useScreen.js"),require("../../../hooks/useId/useId.js"),require("../CardImage.js"),require("../../checkbox/Checkbox.js"),require("../../tooltip/Tooltip.js"),require("../../tooltip/TooltipContent.js"),require("../../tooltip/TooltipTrigger.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("../../input-group/InputGroup.js"),require("../../../../ExpandableTableRow-BGglv7mF.cjs");const a=[{type:"bool",label:"Clickable",boolOptions:{trueValue:!0,falseValue:!1}},{type:"choice",label:"Padding",choiceOptions:o.CARD_PADDINGS.map((e=>({label:e,value:e}))),defaultValue:0},{type:"choice",label:"Type",choiceOptions:o.CARD_VARIANTS.map((e=>({label:e,value:e}))),defaultValue:0}],i=[{type:"bool",label:"Title",boolOptions:{trueValue:!0,falseValue:!1}},{type:"choice",label:"Padding",choiceOptions:["0","16","24","40","blandet"],defaultValue:2}],r=[{type:"bool",label:"Image",boolOptions:{trueValue:!0,falseValue:!1}},{type:"bool",label:"Tag",boolOptions:{trueValue:!0,falseValue:!1}},{type:"bool",label:"Description",boolOptions:{trueValue:!0,falseValue:!1}},{type:"bool",label:"Ekstra info",boolOptions:{trueValue:!0,falseValue:!1}},{type:"bool",label:"Ekstra lenke",boolOptions:{trueValue:!0,falseValue:!1}},{type:"choice",label:"Padding",choiceOptions:["0","16","24","40","blandet"],defaultValue:2}],t=[{type:"bool",label:"Clickable",boolOptions:{trueValue:!0,falseValue:!1}},{type:"choice",label:"Padding",choiceOptions:o.CARD_PADDINGS.map((e=>({label:e,value:e}))),defaultValue:0},{type:"choice",label:"Type",choiceOptions:o.CARD_VARIANTS.map((e=>({label:e,value:e}))),defaultValue:0}],l=[{type:"choice",label:"Padding",choiceOptions:["0","16","24","40","blandet"],defaultValue:2}],s=n.formatCode('import React from "react";\nimport { formatValuta } from "../../../../utilities/formatters";\nimport { ErrorTag } from "../../../tag";\nimport { Card, CARD_PADDINGS, CARD_VARIANTS } from "../../Card";\n\nexport const knobs = [\n    {\n        type: "bool",\n        label: "Clickable",\n        boolOptions: {\n            trueValue: true,\n            falseValue: false,\n        },\n    },\n    {\n        type: "choice",\n        label: "Padding",\n        choiceOptions: CARD_PADDINGS.map((p) => ({ label: p, value: p })),\n        defaultValue: 0,\n    },\n    {\n        type: "choice",\n        label: "Type",\n        choiceOptions: CARD_VARIANTS.map((v) => ({ label: v, value: v })),\n        defaultValue: 0,\n    },\n];\n\nexport const FakturainfoExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    const padding = choiceKnob("Padding");\n    const type = choiceKnob("Type");\n\n    return (\n        <div className="flex">\n            <Card asChild clickable={!!boolKnob("Clickable")} padding={padding} variant={type}>\n                <a href="#test" className="flex gap-x-40">\n                    <div className="flex flex-column gap-4">\n                        <p className="jkl-heading-2">\n                            {formatValuta(18856)}\n                            <span aria-hidden> →</span>\n                        </p>\n                        <p className="jkl-body">Frist 20.03.2023</p>\n                    </div>\n                    <div className="flex flex-column gap-12">\n                        <ErrorTag>Ubetalt</ErrorTag>\n                        <p className="jkl-body">Purring</p>\n                    </div>\n                </a>\n            </Card>\n        </div>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n'),c=n.formatCode('import React from "react";\nimport { Image } from "../../../image";\nimport { SuccessTag } from "../../../tag";\nimport { Card, CARD_PADDINGS, CARD_VARIANTS } from "../../Card";\nimport { CardImage } from "../../CardImage";\n\nexport const knobs = [\n    {\n        type: "bool",\n        label: "Clickable",\n        boolOptions: {\n            trueValue: true,\n            falseValue: false,\n        },\n    },\n    {\n        type: "choice",\n        label: "Padding",\n        choiceOptions: CARD_PADDINGS.map((p) => ({ label: p, value: p })),\n        defaultValue: 0,\n    },\n    {\n        type: "choice",\n        label: "Type",\n        choiceOptions: CARD_VARIANTS.map((v) => ({ label: v, value: v })),\n        defaultValue: 0,\n    },\n];\n\nexport const StatuskortExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    const imageProps = {\n        src: "/img/grass-400.jpg",\n        srcSet: `/img/grass-400.jpg 400w, /img/grass-800.jpg 800w`,\n        placeholder: "/img/grass-thumbnail.jpg",\n        alt: "Nærbilde av strå, med en åker i bakgrunnen",\n    };\n\n    const padding = choiceKnob("Padding");\n    const type = choiceKnob("Type");\n\n    return (\n        <Card\n            as="a"\n            href="#"\n            clickable={boolKnob("Clickable")}\n            padding={padding}\n            variant={type}\n            style={{ maxWidth: "350px" }}\n            className="flex flex-column gap-24 items-start"\n        >\n            <CardImage as={Image} placement="top" {...imageProps} />\n            <SuccessTag>Behandles</SuccessTag>\n            <div className="flex flex-column gap-4">\n                <p className="jkl-heading-2">\n                    Behandlings- og veterinærutgifter\n                    <span aria-hidden> →</span>\n                </p>\n                <p className="jkl-body">Balder</p>\n            </div>\n            <hr\n                style={{\n                    margin: 0,\n                    width: "100%",\n                    border: 0,\n                    borderBottom: "1px solid var(--jkl-color-border-separator)",\n                }}\n            />\n            <p className="jkl-small">\n                Skadedato\n                <br />\n                24.01.2024\n            </p>\n        </Card>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n'),d=n.formatCode('import React from "react";\nimport { NavCard, InfoBlock } from "../../NavCard";\n\nexport const knobs = [\n    {\n        type: "bool",\n        label: "Image",\n        boolOptions: {\n            trueValue: true,\n            falseValue: false,\n        },\n    },\n    {\n        type: "bool",\n        label: "Tag",\n        boolOptions: {\n            trueValue: true,\n            falseValue: false,\n        },\n    },\n    {\n        type: "bool",\n        label: "Description",\n        boolOptions: {\n            trueValue: true,\n            falseValue: false,\n        },\n    },\n    {\n        type: "bool",\n        label: "Ekstra info",\n        boolOptions: {\n            trueValue: true,\n            falseValue: false,\n        },\n    },\n    {\n        type: "bool",\n        label: "Ekstra lenke",\n        boolOptions: {\n            trueValue: true,\n            falseValue: false,\n        },\n    },\n    {\n        type: "choice",\n        label: "Padding",\n        choiceOptions: ["0", "16", "24", "40", "blandet"],\n        defaultValue: 2,\n    },\n];\n\nexport const NavCardExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    const imageProps = {\n        src: "/img/grass-400.jpg",\n        srcSet: `/img/grass-400.jpg 400w, /img/grass-800.jpg 800w`,\n        placeholder: "/img/grass-thumbnail.jpg",\n        alt: "Nærbilde av strå, med en åker i bakgrunnen",\n    };\n\n    const image = boolKnob("Image") ? imageProps : undefined;\n    const tag = boolKnob("Tag") ? { type: "success", text: "Behandles" } : undefined;\n    const description = boolKnob("Description") ? "Balder" : undefined;\n    const paddingChoice = choiceKnob("Padding");\n    const external = boolKnob("Ekstra lenke") ? true : undefined;\n    const padding =\n        paddingChoice === "blandet"\n            ? {\n                  top: "64",\n                  right: "40",\n                  bottom: "16",\n                  left: "24",\n              }\n            : paddingChoice;\n\n    return (\n        <div className="flex">\n            <NavCard\n                padding={padding}\n                id="nav-card"\n                href="#nav-card"\n                image={image}\n                title="Behandlings- og Veterinærutgifter"\n                description={description}\n                tag={tag}\n                external={external}\n            >\n                {boolKnob("Ekstra info") && (\n                    <InfoBlock>\n                        Skadedato\n                        <br />\n                        01.12.2021\n                    </InfoBlock>\n                )}\n            </NavCard>\n        </div>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n'),p=n.formatCode('import React from "react";\nimport { unicode } from "../../../../utilities";\nimport { InfoCard } from "../../InfoCard";\n\n//import "./info-card-example.scss";\n\nexport const knobs = [\n    {\n        type: "bool",\n        label: "Title",\n        boolOptions: {\n            trueValue: true,\n            falseValue: false,\n        },\n    },\n    {\n        type: "choice",\n        label: "Padding",\n        choiceOptions: ["0", "16", "24", "40", "blandet"],\n        defaultValue: 2,\n    },\n];\n\nexport const InfoCardExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    const title = boolKnob("Title") ? `Samle forsikringer –${unicode.nbsp}få${unicode.nbsp}rabatt` : undefined;\n    const paddingChoice = choiceKnob("Padding") || "24";\n    const padding =\n        paddingChoice === "blandet"\n            ? {\n                  top: "64",\n                  right: "40",\n                  bottom: "16",\n                  left: "24",\n              }\n            : paddingChoice;\n\n    return (\n        <div className="flex">\n            <InfoCard title={title} padding={padding} className="example-info-card">\n                <p className="jkl-body">Har du tre eller flere forsikringer får du samlerabatt</p>\n            </InfoCard>\n        </div>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n'),u=n.formatCode('import React, { useState } from "react";\nimport { useAnimatedHeight } from "../../../../hooks";\nimport { Checkbox } from "../../../checkbox";\nimport { FieldGroup } from "../../../input-group";\nimport { Select } from "../../../select";\nimport { TaskCard } from "../../TaskCard";\n\nexport const knobs = [\n    {\n        type: "choice",\n        label: "Padding",\n        choiceOptions: ["0", "16", "24", "40", "blandet"],\n        defaultValue: 2,\n    },\n];\n\nexport const TaskCardExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    const [selected, setSelected] = useState(false);\n    const [contentRef] = useAnimatedHeight(selected);\n\n    const paddingChoice = choiceKnob("Padding") || "24";\n    const padding =\n        paddingChoice === "blandet"\n            ? {\n                  top: "64",\n                  right: "40",\n                  bottom: "16",\n                  left: "24",\n              }\n            : paddingChoice;\n\n    return (\n        <TaskCard background={selected ? "highlighted" : "subdued"} withShadow={selected} padding={padding}>\n            <Checkbox\n                id="veterinar-checkbox"\n                aria-controls="expanded-content"\n                aria-expanded={selected}\n                name="veterinar"\n                value="veterinar"\n                onChange={() => setSelected((selected) => !selected)}\n            >\n                Veterinærutgifter\n            </Checkbox>\n            <p className="jkl-body jkl-spacing-12--top">\n                Dekker veterinærutgifter og medisiner på resept, som ofte kan bli dyrt.\n            </p>\n            <div\n                id="expanded-content"\n                aria-labelledby="veterinar-checkbox"\n                role="group"\n                className="jkl-task-card-example__content"\n                hidden={!selected}\n                ref={contentRef}\n            >\n                <Select\n                    label="Forsikringssum"\n                    name="forsikringssum"\n                    className="jkl-spacing-40--top"\n                    items={["10 000 kr", "20 000 kr", "30 000 kr"]}\n                />\n                <Select\n                    label="Velg egenandel"\n                    name="egenandel"\n                    className="jkl-spacing-24--top"\n                    items={["1 500 kr", "2 500 kr", "3 000 kr"]}\n                />\n                <FieldGroup className="jkl-spacing-24--top" legend="Tilleggsforsikring">\n                    <Checkbox name="tilleggsforsikring" value="rehab">\n                        Dekning av rehabilitering\n                    </Checkbox>\n                </FieldGroup>\n                <p className="jkl-body jkl-spacing-40--top">\n                    Dersom du ønsker ekstra forsikring av valpekull, må du ta kontakt med en rådgiver.\n                </p>\n            </div>\n        </TaskCard>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n');module.exports=function(){const o=n.useInteractiveCodeControls(s,a),m=n.useInteractiveCodeControls(c,t),b=n.useInteractiveCodeControls(d,r),g=n.useInteractiveCodeControls(p,i),f=n.useInteractiveCodeControls(u,l);return e.jsxs("div",{className:"jkl",children:[e.jsx(n.InteractiveCode,{title:"Informasjon om forfalt faktura",defaultCode:s,defaultShowEditor:!0,noInline:!0,controls:o}),e.jsx(n.InteractiveCode,{title:"Statuskort for skadesak",defaultCode:c,defaultShowEditor:!0,noInline:!0,controls:m}),e.jsx(n.InteractiveCode,{title:"NavCard",defaultCode:d,defaultShowEditor:!0,noInline:!0,controls:b}),e.jsx(n.InteractiveCode,{title:"InfoCard",defaultCode:p,defaultShowEditor:!0,noInline:!0,controls:g}),e.jsx(n.InteractiveCode,{title:"TaskCard",defaultCode:u,defaultShowEditor:!0,noInline:!0,controls:f})]})};
-//# sourceMappingURL=Example.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Example.js","sources":["../../../../../src/components/card/documentation/examples/FakturainfoExample.jsx","../../../../../src/components/card/documentation/examples/InfoCardExample.jsx","../../../../../src/components/card/documentation/examples/NavCardExample.jsx","../../../../../src/components/card/documentation/examples/StatuskortExample.jsx","../../../../../src/components/card/documentation/examples/TaskCardExample.jsx","../../../../../src/components/card/documentation/Example.tsx","../../../../../src/components/card/documentation/examples/FakturainfoExample.jsx?raw","../../../../../src/components/card/documentation/examples/StatuskortExample.jsx?raw","../../../../../src/components/card/documentation/examples/NavCardExample.jsx?raw","../../../../../src/components/card/documentation/examples/InfoCardExample.jsx?raw","../../../../../src/components/card/documentation/examples/TaskCardExample.jsx?raw"],"sourcesContent":["import React from \"react\";\nimport { formatValuta } from \"../../../../utilities/formatters\";\nimport { ErrorTag } from \"../../../tag\";\nimport { Card, CARD_PADDINGS, CARD_VARIANTS } from \"../../Card\";\n\nexport const knobs = [\n    {\n        type: \"bool\",\n        label: \"Clickable\",\n        boolOptions: {\n            trueValue: true,\n            falseValue: false,\n        },\n    },\n    {\n        type: \"choice\",\n        label: \"Padding\",\n        choiceOptions: CARD_PADDINGS.map((p) => ({ label: p, value: p })),\n        defaultValue: 0,\n    },\n    {\n        type: \"choice\",\n        label: \"Type\",\n        choiceOptions: CARD_VARIANTS.map((v) => ({ label: v, value: v })),\n        defaultValue: 0,\n    },\n];\n\nexport const FakturainfoExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    const padding = choiceKnob(\"Padding\");\n    const type = choiceKnob(\"Type\");\n\n    return (\n        <div className=\"flex\">\n            <Card asChild clickable={!!boolKnob(\"Clickable\")} padding={padding} variant={type}>\n                <a href=\"#test\" className=\"flex gap-x-40\">\n                    <div className=\"flex flex-column gap-4\">\n                        <p className=\"jkl-heading-2\">\n                            {formatValuta(18856)}\n                            <span aria-hidden> →</span>\n                        </p>\n                        <p className=\"jkl-body\">Frist 20.03.2023</p>\n                    </div>\n                    <div className=\"flex flex-column gap-12\">\n                        <ErrorTag>Ubetalt</ErrorTag>\n                        <p className=\"jkl-body\">Purring</p>\n                    </div>\n                </a>\n            </Card>\n        </div>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n","import React from \"react\";\nimport { unicode } from \"../../../../utilities\";\nimport { InfoCard } from \"../../InfoCard\";\n\n//import \"./info-card-example.scss\";\n\nexport const knobs = [\n    {\n        type: \"bool\",\n        label: \"Title\",\n        boolOptions: {\n            trueValue: true,\n            falseValue: false,\n        },\n    },\n    {\n        type: \"choice\",\n        label: \"Padding\",\n        choiceOptions: [\"0\", \"16\", \"24\", \"40\", \"blandet\"],\n        defaultValue: 2,\n    },\n];\n\nexport const InfoCardExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    const title = boolKnob(\"Title\") ? `Samle forsikringer –${unicode.nbsp}få${unicode.nbsp}rabatt` : undefined;\n    const paddingChoice = choiceKnob(\"Padding\") || \"24\";\n    const padding =\n        paddingChoice === \"blandet\"\n            ? {\n                  top: \"64\",\n                  right: \"40\",\n                  bottom: \"16\",\n                  left: \"24\",\n              }\n            : paddingChoice;\n\n    return (\n        <div className=\"flex\">\n            <InfoCard title={title} padding={padding} className=\"example-info-card\">\n                <p className=\"jkl-body\">Har du tre eller flere forsikringer får du samlerabatt</p>\n            </InfoCard>\n        </div>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n","import React from \"react\";\nimport { NavCard, InfoBlock } from \"../../NavCard\";\n\nexport const knobs = [\n    {\n        type: \"bool\",\n        label: \"Image\",\n        boolOptions: {\n            trueValue: true,\n            falseValue: false,\n        },\n    },\n    {\n        type: \"bool\",\n        label: \"Tag\",\n        boolOptions: {\n            trueValue: true,\n            falseValue: false,\n        },\n    },\n    {\n        type: \"bool\",\n        label: \"Description\",\n        boolOptions: {\n            trueValue: true,\n            falseValue: false,\n        },\n    },\n    {\n        type: \"bool\",\n        label: \"Ekstra info\",\n        boolOptions: {\n            trueValue: true,\n            falseValue: false,\n        },\n    },\n    {\n        type: \"bool\",\n        label: \"Ekstra lenke\",\n        boolOptions: {\n            trueValue: true,\n            falseValue: false,\n        },\n    },\n    {\n        type: \"choice\",\n        label: \"Padding\",\n        choiceOptions: [\"0\", \"16\", \"24\", \"40\", \"blandet\"],\n        defaultValue: 2,\n    },\n];\n\nexport const NavCardExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    const imageProps = {\n        src: \"/img/grass-400.jpg\",\n        srcSet: `/img/grass-400.jpg 400w, /img/grass-800.jpg 800w`,\n        placeholder: \"/img/grass-thumbnail.jpg\",\n        alt: \"Nærbilde av strå, med en åker i bakgrunnen\",\n    };\n\n    const image = boolKnob(\"Image\") ? imageProps : undefined;\n    const tag = boolKnob(\"Tag\") ? { type: \"success\", text: \"Behandles\" } : undefined;\n    const description = boolKnob(\"Description\") ? \"Balder\" : undefined;\n    const paddingChoice = choiceKnob(\"Padding\");\n    const external = boolKnob(\"Ekstra lenke\") ? true : undefined;\n    const padding =\n        paddingChoice === \"blandet\"\n            ? {\n                  top: \"64\",\n                  right: \"40\",\n                  bottom: \"16\",\n                  left: \"24\",\n              }\n            : paddingChoice;\n\n    return (\n        <div className=\"flex\">\n            <NavCard\n                padding={padding}\n                id=\"nav-card\"\n                href=\"#nav-card\"\n                image={image}\n                title=\"Behandlings- og Veterinærutgifter\"\n                description={description}\n                tag={tag}\n                external={external}\n            >\n                {boolKnob(\"Ekstra info\") && (\n                    <InfoBlock>\n                        Skadedato\n                        <br />\n                        01.12.2021\n                    </InfoBlock>\n                )}\n            </NavCard>\n        </div>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n","import React from \"react\";\nimport { Image } from \"../../../image\";\nimport { SuccessTag } from \"../../../tag\";\nimport { Card, CARD_PADDINGS, CARD_VARIANTS } from \"../../Card\";\nimport { CardImage } from \"../../CardImage\";\n\nexport const knobs = [\n    {\n        type: \"bool\",\n        label: \"Clickable\",\n        boolOptions: {\n            trueValue: true,\n            falseValue: false,\n        },\n    },\n    {\n        type: \"choice\",\n        label: \"Padding\",\n        choiceOptions: CARD_PADDINGS.map((p) => ({ label: p, value: p })),\n        defaultValue: 0,\n    },\n    {\n        type: \"choice\",\n        label: \"Type\",\n        choiceOptions: CARD_VARIANTS.map((v) => ({ label: v, value: v })),\n        defaultValue: 0,\n    },\n];\n\nexport const StatuskortExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    const imageProps = {\n        src: \"/img/grass-400.jpg\",\n        srcSet: `/img/grass-400.jpg 400w, /img/grass-800.jpg 800w`,\n        placeholder: \"/img/grass-thumbnail.jpg\",\n        alt: \"Nærbilde av strå, med en åker i bakgrunnen\",\n    };\n\n    const padding = choiceKnob(\"Padding\");\n    const type = choiceKnob(\"Type\");\n\n    return (\n        <Card\n            as=\"a\"\n            href=\"#\"\n            clickable={boolKnob(\"Clickable\")}\n            padding={padding}\n            variant={type}\n            style={{ maxWidth: \"350px\" }}\n            className=\"flex flex-column gap-24 items-start\"\n        >\n            <CardImage as={Image} placement=\"top\" {...imageProps} />\n            <SuccessTag>Behandles</SuccessTag>\n            <div className=\"flex flex-column gap-4\">\n                <p className=\"jkl-heading-2\">\n                    Behandlings- og veterinærutgifter\n                    <span aria-hidden> →</span>\n                </p>\n                <p className=\"jkl-body\">Balder</p>\n            </div>\n            <hr\n                style={{\n                    margin: 0,\n                    width: \"100%\",\n                    border: 0,\n                    borderBottom: \"1px solid var(--jkl-color-border-separator)\",\n                }}\n            />\n            <p className=\"jkl-small\">\n                Skadedato\n                <br />\n                24.01.2024\n            </p>\n        </Card>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n","import React, { useState } from \"react\";\nimport { useAnimatedHeight } from \"../../../../hooks\";\nimport { Checkbox } from \"../../../checkbox\";\nimport { FieldGroup } from \"../../../input-group\";\nimport { Select } from \"../../../select\";\nimport { TaskCard } from \"../../TaskCard\";\n\nexport const knobs = [\n    {\n        type: \"choice\",\n        label: \"Padding\",\n        choiceOptions: [\"0\", \"16\", \"24\", \"40\", \"blandet\"],\n        defaultValue: 2,\n    },\n];\n\nexport const TaskCardExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    const [selected, setSelected] = useState(false);\n    const [contentRef] = useAnimatedHeight(selected);\n\n    const paddingChoice = choiceKnob(\"Padding\") || \"24\";\n    const padding =\n        paddingChoice === \"blandet\"\n            ? {\n                  top: \"64\",\n                  right: \"40\",\n                  bottom: \"16\",\n                  left: \"24\",\n              }\n            : paddingChoice;\n\n    return (\n        <TaskCard background={selected ? \"highlighted\" : \"subdued\"} withShadow={selected} padding={padding}>\n            <Checkbox\n                id=\"veterinar-checkbox\"\n                aria-controls=\"expanded-content\"\n                aria-expanded={selected}\n                name=\"veterinar\"\n                value=\"veterinar\"\n                onChange={() => setSelected((selected) => !selected)}\n            >\n                Veterinærutgifter\n            </Checkbox>\n            <p className=\"jkl-body jkl-spacing-12--top\">\n                Dekker veterinærutgifter og medisiner på resept, som ofte kan bli dyrt.\n            </p>\n            <div\n                id=\"expanded-content\"\n                aria-labelledby=\"veterinar-checkbox\"\n                role=\"group\"\n                className=\"jkl-task-card-example__content\"\n                hidden={!selected}\n                ref={contentRef}\n            >\n                <Select\n                    label=\"Forsikringssum\"\n                    name=\"forsikringssum\"\n                    className=\"jkl-spacing-40--top\"\n                    items={[\"10 000 kr\", \"20 000 kr\", \"30 000 kr\"]}\n                />\n                <Select\n                    label=\"Velg egenandel\"\n                    name=\"egenandel\"\n                    className=\"jkl-spacing-24--top\"\n                    items={[\"1 500 kr\", \"2 500 kr\", \"3 000 kr\"]}\n                />\n                <FieldGroup className=\"jkl-spacing-24--top\" legend=\"Tilleggsforsikring\">\n                    <Checkbox name=\"tilleggsforsikring\" value=\"rehab\">\n                        Dekning av rehabilitering\n                    </Checkbox>\n                </FieldGroup>\n                <p className=\"jkl-body jkl-spacing-40--top\">\n                    Dersom du ønsker ekstra forsikring av valpekull, må du ta kontakt med en rådgiver.\n                </p>\n            </div>\n        </TaskCard>\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 fakturaInfoKnobs } from \"./examples/FakturainfoExample\";\nimport FakturainfoExample from \"./examples/FakturainfoExample?raw\";\n// @ts-ignore\nimport { knobs as infoCardKnobs } from \"./examples/InfoCardExample\";\nimport InfoCardExample from \"./examples/InfoCardExample?raw\";\n// @ts-ignore\nimport { knobs as navCardKnobs } from \"./examples/NavCardExample\";\nimport NavCardExample from \"./examples/NavCardExample?raw\";\n// @ts-ignore\nimport { knobs as statuskortKnobs } from \"./examples/StatuskortExample\";\nimport StatuskortExample from \"./examples/StatuskortExample?raw\";\n// @ts-ignore\nimport { knobs as taskCardKnobs } from \"./examples/TaskCardExample\";\nimport TaskCardExample from \"./examples/TaskCardExample?raw\";\n\nimport \"../styles/_index.scss\";\nimport \"./info-card-example.scss\";\nimport \"./task-card-example.scss\";\n\nconst fakturaInfoCode = formatCode(FakturainfoExample);\nconst statuskortCode = formatCode(StatuskortExample);\nconst navCardCode = formatCode(NavCardExample);\nconst infoCardCode = formatCode(InfoCardExample);\nconst taskCardCode = formatCode(TaskCardExample);\n\nexport default function Example() {\n    const fakturaInfoControls = useInteractiveCodeControls(fakturaInfoCode, fakturaInfoKnobs);\n    const statuskortControls = useInteractiveCodeControls(statuskortCode, statuskortKnobs);\n    const navCardControls = useInteractiveCodeControls(navCardCode, navCardKnobs);\n    const infoCardControls = useInteractiveCodeControls(infoCardCode, infoCardKnobs);\n    const taskCardControls = useInteractiveCodeControls(taskCardCode, taskCardKnobs);\n\n    return (\n        <div className={\"jkl\"}>\n            <InteractiveCode\n                title={\"Informasjon om forfalt faktura\"}\n                defaultCode={fakturaInfoCode}\n                defaultShowEditor={true}\n                noInline={true}\n                controls={fakturaInfoControls}\n            />\n            <InteractiveCode\n                title={\"Statuskort for skadesak\"}\n                defaultCode={statuskortCode}\n                defaultShowEditor={true}\n                noInline={true}\n                controls={statuskortControls}\n            />\n            <InteractiveCode\n                title={\"NavCard\"}\n                defaultCode={navCardCode}\n                defaultShowEditor={true}\n                noInline={true}\n                controls={navCardControls}\n            />\n            <InteractiveCode\n                title={\"InfoCard\"}\n                defaultCode={infoCardCode}\n                defaultShowEditor={true}\n                noInline={true}\n                controls={infoCardControls}\n            />\n            <InteractiveCode\n                title={\"TaskCard\"}\n                defaultCode={taskCardCode}\n                defaultShowEditor={true}\n                noInline={true}\n                controls={taskCardControls}\n            />\n            {/*\n\n            <DevExample\n                title=\"TaskCard\"\n                knobs={taskCardExampleProps}\n                component={TaskCardExample}\n                codeExample={taskCardExampleCode}\n            />\n            */}\n        </div>\n    );\n}\n","export default \"import React from \\\"react\\\";\\nimport { formatValuta } from \\\"../../../../utilities/formatters\\\";\\nimport { ErrorTag } from \\\"../../../tag\\\";\\nimport { Card, CARD_PADDINGS, CARD_VARIANTS } from \\\"../../Card\\\";\\n\\nexport const knobs = [\\n    {\\n        type: \\\"bool\\\",\\n        label: \\\"Clickable\\\",\\n        boolOptions: {\\n            trueValue: true,\\n            falseValue: false,\\n        },\\n    },\\n    {\\n        type: \\\"choice\\\",\\n        label: \\\"Padding\\\",\\n        choiceOptions: CARD_PADDINGS.map((p) => ({ label: p, value: p })),\\n        defaultValue: 0,\\n    },\\n    {\\n        type: \\\"choice\\\",\\n        label: \\\"Type\\\",\\n        choiceOptions: CARD_VARIANTS.map((v) => ({ label: v, value: v })),\\n        defaultValue: 0,\\n    },\\n];\\n\\nexport const FakturainfoExample = () => {\\n    /* -- EXAMPLE CODE START -- */\\n    const padding = choiceKnob(\\\"Padding\\\");\\n    const type = choiceKnob(\\\"Type\\\");\\n\\n    return (\\n        <div className=\\\"flex\\\">\\n            <Card asChild clickable={!!boolKnob(\\\"Clickable\\\")} padding={padding} variant={type}>\\n                <a href=\\\"#test\\\" className=\\\"flex gap-x-40\\\">\\n                    <div className=\\\"flex flex-column gap-4\\\">\\n                        <p className=\\\"jkl-heading-2\\\">\\n                            {formatValuta(18856)}\\n                            <span aria-hidden> →</span>\\n                        </p>\\n                        <p className=\\\"jkl-body\\\">Frist 20.03.2023</p>\\n                    </div>\\n                    <div className=\\\"flex flex-column gap-12\\\">\\n                        <ErrorTag>Ubetalt</ErrorTag>\\n                        <p className=\\\"jkl-body\\\">Purring</p>\\n                    </div>\\n                </a>\\n            </Card>\\n        </div>\\n    );\\n    /* -- EXAMPLE CODE END -- */\\n};\\n\"","export default \"import React from \\\"react\\\";\\nimport { Image } from \\\"../../../image\\\";\\nimport { SuccessTag } from \\\"../../../tag\\\";\\nimport { Card, CARD_PADDINGS, CARD_VARIANTS } from \\\"../../Card\\\";\\nimport { CardImage } from \\\"../../CardImage\\\";\\n\\nexport const knobs = [\\n    {\\n        type: \\\"bool\\\",\\n        label: \\\"Clickable\\\",\\n        boolOptions: {\\n            trueValue: true,\\n            falseValue: false,\\n        },\\n    },\\n    {\\n        type: \\\"choice\\\",\\n        label: \\\"Padding\\\",\\n        choiceOptions: CARD_PADDINGS.map((p) => ({ label: p, value: p })),\\n        defaultValue: 0,\\n    },\\n    {\\n        type: \\\"choice\\\",\\n        label: \\\"Type\\\",\\n        choiceOptions: CARD_VARIANTS.map((v) => ({ label: v, value: v })),\\n        defaultValue: 0,\\n    },\\n];\\n\\nexport const StatuskortExample = () => {\\n    /* -- EXAMPLE CODE START -- */\\n    const imageProps = {\\n        src: \\\"/img/grass-400.jpg\\\",\\n        srcSet: `/img/grass-400.jpg 400w, /img/grass-800.jpg 800w`,\\n        placeholder: \\\"/img/grass-thumbnail.jpg\\\",\\n        alt: \\\"Nærbilde av strå, med en åker i bakgrunnen\\\",\\n    };\\n\\n    const padding = choiceKnob(\\\"Padding\\\");\\n    const type = choiceKnob(\\\"Type\\\");\\n\\n    return (\\n        <Card\\n            as=\\\"a\\\"\\n            href=\\\"#\\\"\\n            clickable={boolKnob(\\\"Clickable\\\")}\\n            padding={padding}\\n            variant={type}\\n            style={{ maxWidth: \\\"350px\\\" }}\\n            className=\\\"flex flex-column gap-24 items-start\\\"\\n        >\\n            <CardImage as={Image} placement=\\\"top\\\" {...imageProps} />\\n            <SuccessTag>Behandles</SuccessTag>\\n            <div className=\\\"flex flex-column gap-4\\\">\\n                <p className=\\\"jkl-heading-2\\\">\\n                    Behandlings- og veterinærutgifter\\n                    <span aria-hidden> →</span>\\n                </p>\\n                <p className=\\\"jkl-body\\\">Balder</p>\\n            </div>\\n            <hr\\n                style={{\\n                    margin: 0,\\n                    width: \\\"100%\\\",\\n                    border: 0,\\n                    borderBottom: \\\"1px solid var(--jkl-color-border-separator)\\\",\\n                }}\\n            />\\n            <p className=\\\"jkl-small\\\">\\n                Skadedato\\n                <br />\\n                24.01.2024\\n            </p>\\n        </Card>\\n    );\\n    /* -- EXAMPLE CODE END -- */\\n};\\n\"","export default \"import React from \\\"react\\\";\\nimport { NavCard, InfoBlock } from \\\"../../NavCard\\\";\\n\\nexport const knobs = [\\n    {\\n        type: \\\"bool\\\",\\n        label: \\\"Image\\\",\\n        boolOptions: {\\n            trueValue: true,\\n            falseValue: false,\\n        },\\n    },\\n    {\\n        type: \\\"bool\\\",\\n        label: \\\"Tag\\\",\\n        boolOptions: {\\n            trueValue: true,\\n            falseValue: false,\\n        },\\n    },\\n    {\\n        type: \\\"bool\\\",\\n        label: \\\"Description\\\",\\n        boolOptions: {\\n            trueValue: true,\\n            falseValue: false,\\n        },\\n    },\\n    {\\n        type: \\\"bool\\\",\\n        label: \\\"Ekstra info\\\",\\n        boolOptions: {\\n            trueValue: true,\\n            falseValue: false,\\n        },\\n    },\\n    {\\n        type: \\\"bool\\\",\\n        label: \\\"Ekstra lenke\\\",\\n        boolOptions: {\\n            trueValue: true,\\n            falseValue: false,\\n        },\\n    },\\n    {\\n        type: \\\"choice\\\",\\n        label: \\\"Padding\\\",\\n        choiceOptions: [\\\"0\\\", \\\"16\\\", \\\"24\\\", \\\"40\\\", \\\"blandet\\\"],\\n        defaultValue: 2,\\n    },\\n];\\n\\nexport const NavCardExample = () => {\\n    /* -- EXAMPLE CODE START -- */\\n    const imageProps = {\\n        src: \\\"/img/grass-400.jpg\\\",\\n        srcSet: `/img/grass-400.jpg 400w, /img/grass-800.jpg 800w`,\\n        placeholder: \\\"/img/grass-thumbnail.jpg\\\",\\n        alt: \\\"Nærbilde av strå, med en åker i bakgrunnen\\\",\\n    };\\n\\n    const image = boolKnob(\\\"Image\\\") ? imageProps : undefined;\\n    const tag = boolKnob(\\\"Tag\\\") ? { type: \\\"success\\\", text: \\\"Behandles\\\" } : undefined;\\n    const description = boolKnob(\\\"Description\\\") ? \\\"Balder\\\" : undefined;\\n    const paddingChoice = choiceKnob(\\\"Padding\\\");\\n    const external = boolKnob(\\\"Ekstra lenke\\\") ? true : undefined;\\n    const padding =\\n        paddingChoice === \\\"blandet\\\"\\n            ? {\\n                  top: \\\"64\\\",\\n                  right: \\\"40\\\",\\n                  bottom: \\\"16\\\",\\n                  left: \\\"24\\\",\\n              }\\n            : paddingChoice;\\n\\n    return (\\n        <div className=\\\"flex\\\">\\n            <NavCard\\n                padding={padding}\\n                id=\\\"nav-card\\\"\\n                href=\\\"#nav-card\\\"\\n                image={image}\\n                title=\\\"Behandlings- og Veterinærutgifter\\\"\\n                description={description}\\n                tag={tag}\\n                external={external}\\n            >\\n                {boolKnob(\\\"Ekstra info\\\") && (\\n                    <InfoBlock>\\n                        Skadedato\\n                        <br />\\n                        01.12.2021\\n                    </InfoBlock>\\n                )}\\n            </NavCard>\\n        </div>\\n    );\\n    /* -- EXAMPLE CODE END -- */\\n};\\n\"","export default \"import React from \\\"react\\\";\\nimport { unicode } from \\\"../../../../utilities\\\";\\nimport { InfoCard } from \\\"../../InfoCard\\\";\\n\\n//import \\\"./info-card-example.scss\\\";\\n\\nexport const knobs = [\\n    {\\n        type: \\\"bool\\\",\\n        label: \\\"Title\\\",\\n        boolOptions: {\\n            trueValue: true,\\n            falseValue: false,\\n        },\\n    },\\n    {\\n        type: \\\"choice\\\",\\n        label: \\\"Padding\\\",\\n        choiceOptions: [\\\"0\\\", \\\"16\\\", \\\"24\\\", \\\"40\\\", \\\"blandet\\\"],\\n        defaultValue: 2,\\n    },\\n];\\n\\nexport const InfoCardExample = () => {\\n    /* -- EXAMPLE CODE START -- */\\n    const title = boolKnob(\\\"Title\\\") ? `Samle forsikringer –${unicode.nbsp}få${unicode.nbsp}rabatt` : undefined;\\n    const paddingChoice = choiceKnob(\\\"Padding\\\") || \\\"24\\\";\\n    const padding =\\n        paddingChoice === \\\"blandet\\\"\\n            ? {\\n                  top: \\\"64\\\",\\n                  right: \\\"40\\\",\\n                  bottom: \\\"16\\\",\\n                  left: \\\"24\\\",\\n              }\\n            : paddingChoice;\\n\\n    return (\\n        <div className=\\\"flex\\\">\\n            <InfoCard title={title} padding={padding} className=\\\"example-info-card\\\">\\n                <p className=\\\"jkl-body\\\">Har du tre eller flere forsikringer får du samlerabatt</p>\\n            </InfoCard>\\n        </div>\\n    );\\n    /* -- EXAMPLE CODE END -- */\\n};\\n\"","export default \"import React, { useState } from \\\"react\\\";\\nimport { useAnimatedHeight } from \\\"../../../../hooks\\\";\\nimport { Checkbox } from \\\"../../../checkbox\\\";\\nimport { FieldGroup } from \\\"../../../input-group\\\";\\nimport { Select } from \\\"../../../select\\\";\\nimport { TaskCard } from \\\"../../TaskCard\\\";\\n\\nexport const knobs = [\\n    {\\n        type: \\\"choice\\\",\\n        label: \\\"Padding\\\",\\n        choiceOptions: [\\\"0\\\", \\\"16\\\", \\\"24\\\", \\\"40\\\", \\\"blandet\\\"],\\n        defaultValue: 2,\\n    },\\n];\\n\\nexport const TaskCardExample = () => {\\n    /* -- EXAMPLE CODE START -- */\\n    const [selected, setSelected] = useState(false);\\n    const [contentRef] = useAnimatedHeight(selected);\\n\\n    const paddingChoice = choiceKnob(\\\"Padding\\\") || \\\"24\\\";\\n    const padding =\\n        paddingChoice === \\\"blandet\\\"\\n            ? {\\n                  top: \\\"64\\\",\\n                  right: \\\"40\\\",\\n                  bottom: \\\"16\\\",\\n                  left: \\\"24\\\",\\n              }\\n            : paddingChoice;\\n\\n    return (\\n        <TaskCard background={selected ? \\\"highlighted\\\" : \\\"subdued\\\"} withShadow={selected} padding={padding}>\\n            <Checkbox\\n                id=\\\"veterinar-checkbox\\\"\\n                aria-controls=\\\"expanded-content\\\"\\n                aria-expanded={selected}\\n                name=\\\"veterinar\\\"\\n                value=\\\"veterinar\\\"\\n                onChange={() => setSelected((selected) => !selected)}\\n            >\\n                Veterinærutgifter\\n            </Checkbox>\\n            <p className=\\\"jkl-body jkl-spacing-12--top\\\">\\n                Dekker veterinærutgifter og medisiner på resept, som ofte kan bli dyrt.\\n            </p>\\n            <div\\n                id=\\\"expanded-content\\\"\\n                aria-labelledby=\\\"veterinar-checkbox\\\"\\n                role=\\\"group\\\"\\n                className=\\\"jkl-task-card-example__content\\\"\\n                hidden={!selected}\\n                ref={contentRef}\\n            >\\n                <Select\\n                    label=\\\"Forsikringssum\\\"\\n                    name=\\\"forsikringssum\\\"\\n                    className=\\\"jkl-spacing-40--top\\\"\\n                    items={[\\\"10 000 kr\\\", \\\"20 000 kr\\\", \\\"30 000 kr\\\"]}\\n                />\\n                <Select\\n                    label=\\\"Velg egenandel\\\"\\n                    name=\\\"egenandel\\\"\\n                    className=\\\"jkl-spacing-24--top\\\"\\n                    items={[\\\"1 500 kr\\\", \\\"2 500 kr\\\", \\\"3 000 kr\\\"]}\\n                />\\n                <FieldGroup className=\\\"jkl-spacing-24--top\\\" legend=\\\"Tilleggsforsikring\\\">\\n                    <Checkbox name=\\\"tilleggsforsikring\\\" value=\\\"rehab\\\">\\n                        Dekning av rehabilitering\\n                    </Checkbox>\\n                </FieldGroup>\\n                <p className=\\\"jkl-body jkl-spacing-40--top\\\">\\n                    Dersom du ønsker ekstra forsikring av valpekull, må du ta kontakt med en rådgiver.\\n                </p>\\n            </div>\\n        </TaskCard>\\n    );\\n    /* -- EXAMPLE CODE END -- */\\n};\\n\""],"names":["knobs","type","label","boolOptions","trueValue","falseValue","choiceOptions","CARD_PADDINGS","map","p","value","defaultValue","CARD_VARIANTS","v","fakturaInfoCode","formatCode","statuskortCode","navCardCode","infoCardCode","taskCardCode","fakturaInfoControls","useInteractiveCodeControls","fakturaInfoKnobs","statuskortControls","statuskortKnobs","navCardControls","navCardKnobs","infoCardControls","infoCardKnobs","taskCardControls","taskCardKnobs","jsxs","className","children","jsx","InteractiveCode","title","defaultCode","defaultShowEditor","noInline","controls"],"mappings":"+oEAKO,MAAMA,EAAQ,CACjB,CACIC,KAAM,OACNC,MAAO,YACPC,YAAa,CACTC,WAAW,EACXC,YAAY,IAGpB,CACIJ,KAAM,SACNC,MAAO,UACPI,cAAeC,EAAAA,cAAcC,KAAKC,IAAO,CAAEP,MAAOO,EAAGC,MAAOD,MAC5DE,aAAc,GAElB,CACIV,KAAM,SACNC,MAAO,OACPI,cAAeM,EAAAA,cAAcJ,KAAKK,KAASX,MAAOW,EAAGH,MAAOG,MAC5DF,aAAc,IClBTX,EAAQ,CACjB,CACIC,KAAM,OACNC,MAAO,QACPC,YAAa,CACTC,WAAW,EACXC,YAAY,IAGpB,CACIJ,KAAM,SACNC,MAAO,UACPI,cAAe,CAAC,IAAK,KAAM,KAAM,KAAM,WACvCK,aAAc,IChBTX,EAAQ,CACjB,CACIC,KAAM,OACNC,MAAO,QACPC,YAAa,CACTC,WAAW,EACXC,YAAY,IAGpB,CACIJ,KAAM,OACNC,MAAO,MACPC,YAAa,CACTC,WAAW,EACXC,YAAY,IAGpB,CACIJ,KAAM,OACNC,MAAO,cACPC,YAAa,CACTC,WAAW,EACXC,YAAY,IAGpB,CACIJ,KAAM,OACNC,MAAO,cACPC,YAAa,CACTC,WAAW,EACXC,YAAY,IAGpB,CACIJ,KAAM,OACNC,MAAO,eACPC,YAAa,CACTC,WAAW,EACXC,YAAY,IAGpB,CACIJ,KAAM,SACNC,MAAO,UACPI,cAAe,CAAC,IAAK,KAAM,KAAM,KAAM,WACvCK,aAAc,IC1CTX,EAAQ,CACjB,CACIC,KAAM,OACNC,MAAO,YACPC,YAAa,CACTC,WAAW,EACXC,YAAY,IAGpB,CACIJ,KAAM,SACNC,MAAO,UACPI,cAAeC,EAAAA,cAAcC,KAAKC,IAAO,CAAEP,MAAOO,EAAGC,MAAOD,MAC5DE,aAAc,GAElB,CACIV,KAAM,SACNC,MAAO,OACPI,cAAeM,EAAAA,cAAcJ,KAAKK,IAAO,CAAEX,MAAOW,EAAGH,MAAOG,MAC5DF,aAAc,IClBTX,EAAQ,CACjB,CACIC,KAAM,SACNC,MAAO,UACPI,cAAe,CAAC,IAAK,KAAM,KAAM,KAAM,WACvCK,aAAc,ICUhBG,EAAkBC,EAAAA,WCtBT,wuDDuBTC,EAAiBD,EAAAA,WEvBR,uyEFwBTE,EAAcF,EAAAA,WGxBL,upFHyBTG,EAAeH,EAAAA,WIzBN,gzCJ0BTI,EAAeJ,EAAAA,WK1BN,q6FL4Bf,WACU,MAAAK,EAAsBC,EAAAA,2BAA2BP,EAAiBQ,GAClEC,EAAqBF,EAAAA,2BAA2BL,EAAgBQ,GAChEC,EAAkBJ,EAAAA,2BAA2BJ,EAAaS,GAC1DC,EAAmBN,EAAAA,2BAA2BH,EAAcU,GAC5DC,EAAmBR,EAAAA,2BAA2BF,EAAcW,GAG9D,OAAAC,EAAAA,KAAC,MAAI,CAAAC,UAAW,MACZC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,gBAAA,CACGC,MAAO,iCACPC,YAAavB,EACbwB,mBAAmB,EACnBC,UAAU,EACVC,SAAUpB,IAEdc,EAAAA,IAACC,EAAAA,gBAAA,CACGC,MAAO,0BACPC,YAAarB,EACbsB,mBAAmB,EACnBC,UAAU,EACVC,SAAUjB,IAEdW,EAAAA,IAACC,EAAAA,gBAAA,CACGC,MAAO,UACPC,YAAapB,EACbqB,mBAAmB,EACnBC,UAAU,EACVC,SAAUf,IAEdS,EAAAA,IAACC,EAAAA,gBAAA,CACGC,MAAO,WACPC,YAAanB,EACboB,mBAAmB,EACnBC,UAAU,EACVC,SAAUb,IAEdO,EAAAA,IAACC,EAAAA,gBAAA,CACGC,MAAO,WACPC,YAAalB,EACbmB,mBAAmB,EACnBC,UAAU,EACVC,SAAUX,MAa1B"}

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

@@ -1,2 +0,0 @@
-"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.js"),require("../CardImage.js"),require("../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("../../flex/Flex.js"),require("../../../../ExpandableTableRow-BGglv7mF.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("../../menu/MenuItem.js"),require("../../menu/MenuItemCheckbox.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/card/documentation/main.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"main.js","sources":["../../../../../src/components/card/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":"m4IAKAA,EAAAA,kBAEAC,EAASC,WAAWC,SAASC,eAAe,SAAUC,OAAQC,EAAAA,IAAAC,EAAA,CAAA"}

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

@@ -1,2 +0,0 @@
-"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/card/documentation/vite.dev.config.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"vite.dev.config.js","sources":["../../../../../src/components/card/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/combobox/documentation/ComboboxExample.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("react"),t=require("../Combobox.js"),l=({choiceValues:l,boolValues:r})=>{const o=l&&l.Variant,[s,i]=a.useState([]),n=r&&r["Med feil"]?"Du må velge sykdommer, for eksempel A090 og A150.":void 0,u=r&&r["Med hjelpetekst"]?"Med sykdommer mener vi for eksempel A090 og A150.":void 0,b=r&&r["Med empty state"]?"Ingen valg matcher søket":void 0,m=!(!r||!r["Med tagHover"])||void 0;return e.jsx(t.Combobox,{id:"produsent",name:"produsent",placeholder:"Søk",width:"220px",labelProps:{variant:o},helpLabel:u,errorLabel:n,label:"Velg sykdommer",noMatchingOption:b,hasTagHover:m,items:[{value:"a080",label:"A080 - Rotavirusenteritt",tagLabel:"A080"},{value:"a081",label:"A081 - Akutt gastroenteritt som skyldes norovirus",tagLabel:"A081"},{value:"a082",label:"A082 - Adenovirusenteritt",tagLabel:"A082"},{value:"a083",label:"A083 - Annen virusenteritt",tagLabel:"A083"},{value:"a084",label:"A084 - Uspesifisert virusinfeksjon i mage-tarmkanalen",tagLabel:"A084"},{value:"a085",label:"A085 - Annen spesifisert mage-tarminfeksjon",tagLabel:"A085"},{value:"a090",label:"A090 - Annen eller uspesifisert gastroenteritt eller kolitt av infeksiøs årsak",tagLabel:"A090"},{value:"a099",label:"A099 - Gastroenteritt eller kolitt av uspesifisert årsak",tagLabel:"A099"},{value:"a150",label:"A150 - Lungetuberkulose bekreftet ved mikroskopi av sputum med eller uten kultur",tagLabel:"A150"}],value:s,onChange:e=>{i(e.target.selectedOptions),console.log("Change: ",e)}})};exports.ComboboxExample=l,exports.comboboxExampleKnobs={boolProps:["Med hjelpetekst","Med feil","Med empty state","Med tagHover"],choiceProps:[{name:"Variant",values:["small","medium","large"],defaultValue:0}]},exports.default=l;
-//# sourceMappingURL=ComboboxExample.js.map

package/build/cjs/components/combobox/documentation/ComboboxExample.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboboxExample.js","sources":["../../../../../src/components/combobox/documentation/ComboboxExample.tsx"],"sourcesContent":["import React, { FC, useState } from \"react\";\nimport { Combobox, type ComboboxValuePair } from \"..\";\nimport { ExampleComponentProps, ExampleKnobsProps } from \"../../../../../../doc-utils\";\nimport type { LabelVariant } from \"../../input-group\";\n\nexport const comboboxExampleKnobs: ExampleKnobsProps = {\n    boolProps: [\"Med hjelpetekst\", \"Med feil\", \"Med empty state\", \"Med tagHover\"],\n    choiceProps: [\n        {\n            name: \"Variant\",\n            values: [\"small\", \"medium\", \"large\"],\n            defaultValue: 0,\n        },\n    ],\n};\n\nexport const ComboboxExample: FC<ExampleComponentProps> = ({ choiceValues, boolValues }) => {\n    const variant = choiceValues && (choiceValues[\"Variant\"] as LabelVariant);\n\n    const items: ComboboxValuePair[] = [\n        { value: \"a080\", label: \"A080 - Rotavirusenteritt\", tagLabel: \"A080\" },\n        { value: \"a081\", label: \"A081 - Akutt gastroenteritt som skyldes norovirus\", tagLabel: \"A081\" },\n        { value: \"a082\", label: \"A082 - Adenovirusenteritt\", tagLabel: \"A082\" },\n        { value: \"a083\", label: \"A083 - Annen virusenteritt\", tagLabel: \"A083\" },\n        { value: \"a084\", label: \"A084 - Uspesifisert virusinfeksjon i mage-tarmkanalen\", tagLabel: \"A084\" },\n        { value: \"a085\", label: \"A085 - Annen spesifisert mage-tarminfeksjon\", tagLabel: \"A085\" },\n        {\n            value: \"a090\",\n            label: \"A090 - Annen eller uspesifisert gastroenteritt eller kolitt av infeksiøs årsak\",\n            tagLabel: \"A090\",\n        },\n        { value: \"a099\", label: \"A099 - Gastroenteritt eller kolitt av uspesifisert årsak\", tagLabel: \"A099\" },\n        {\n            value: \"a150\",\n            label: \"A150 - Lungetuberkulose bekreftet ved mikroskopi av sputum med eller uten kultur\",\n            tagLabel: \"A150\",\n        },\n    ];\n\n    const [selectedValues, setSelectedValues] = useState<Array<ComboboxValuePair>>([]);\n\n    const errorLabel =\n        boolValues && boolValues[\"Med feil\"] ? \"Du må velge sykdommer, for eksempel A090 og A150.\" : undefined;\n    const helpLabel =\n        boolValues && boolValues[\"Med hjelpetekst\"] ? \"Med sykdommer mener vi for eksempel A090 og A150.\" : undefined;\n    const noMatchingOption = boolValues && boolValues[\"Med empty state\"] ? \"Ingen valg matcher søket\" : undefined;\n    const hasTagHover = boolValues && boolValues[\"Med tagHover\"] ? true : undefined;\n\n    return (\n        <Combobox\n            id=\"produsent\"\n            name=\"produsent\"\n            placeholder=\"Søk\"\n            width=\"220px\"\n            labelProps={{ variant }}\n            helpLabel={helpLabel}\n            errorLabel={errorLabel}\n            label=\"Velg sykdommer\"\n            noMatchingOption={noMatchingOption}\n            hasTagHover={hasTagHover}\n            items={items}\n            value={selectedValues}\n            onChange={(event) => {\n                setSelectedValues(event.target.selectedOptions);\n                console.log(\"Change: \", event);\n            }}\n        />\n    );\n};\n\nexport default ComboboxExample;\n"],"names":["ComboboxExample","choiceValues","boolValues","variant","Variant","selectedValues","setSelectedValues","useState","errorLabel","helpLabel","noMatchingOption","hasTagHover","jsx","Combobox","id","name","placeholder","width","labelProps","label","items","value","tagLabel","onChange","event","target","selectedOptions","console","log","boolProps","choiceProps","values","defaultValue"],"mappings":"gMAgBaA,EAA6C,EAAGC,aAAAA,EAAcC,WAAAA,MACjE,MAAAC,EAAUF,GAAiBA,EAAaG,SAsBvCC,EAAgBC,GAAqBC,EAAAA,SAAmC,IAEzEC,EACFN,GAAcA,EAAW,YAAc,yDAAsD,EAC3FO,EACFP,GAAcA,EAAW,mBAAqB,yDAAsD,EAClGQ,EAAmBR,GAAcA,EAAW,mBAAqB,gCAA6B,EAC9FS,KAAcT,IAAcA,EAAW,uBAAyB,EAGlE,OAAAU,EAAAA,IAACC,EAAAA,SAAA,CACGC,GAAG,YACHC,KAAK,YACLC,YAAY,MACZC,MAAM,QACNC,WAAY,CAAEf,QAAAA,GACdM,UAAAA,EACAD,WAAAA,EACAW,MAAM,iBACNT,iBAAAA,EACAC,YAAAA,EACAS,MAzC2B,CAC/B,CAAEC,MAAO,OAAQF,MAAO,2BAA4BG,SAAU,QAC9D,CAAED,MAAO,OAAQF,MAAO,oDAAqDG,SAAU,QACvF,CAAED,MAAO,OAAQF,MAAO,4BAA6BG,SAAU,QAC/D,CAAED,MAAO,OAAQF,MAAO,6BAA8BG,SAAU,QAChE,CAAED,MAAO,OAAQF,MAAO,wDAAyDG,SAAU,QAC3F,CAAED,MAAO,OAAQF,MAAO,8CAA+CG,SAAU,QACjF,CACID,MAAO,OACPF,MAAO,iFACPG,SAAU,QAEd,CAAED,MAAO,OAAQF,MAAO,2DAA4DG,SAAU,QAC9F,CACID,MAAO,OACPF,MAAO,mFACPG,SAAU,SA0BVD,MAAOhB,EACPkB,SAAWC,IACWlB,EAAAkB,EAAMC,OAAOC,iBACvBC,QAAAC,IAAI,WAAYJ,EAAK,GACjC,yDA5D2C,CACnDK,UAAW,CAAC,kBAAmB,WAAY,kBAAmB,gBAC9DC,YAAa,CACT,CACIf,KAAM,UACNgB,OAAQ,CAAC,QAAS,SAAU,SAC5BC,aAAc"}

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

@@ -1,2 +0,0 @@
-"use strict";const e=require("react/jsx-runtime");require("react");const o=require("../../../../styles-Dd1xoGpc.cjs"),r=require("./ComboboxExample.js");,/* empty css                          */module.exports=function(){return e.jsx(o.DevExample,{component:r.ComboboxExample,knobs:r.comboboxExampleKnobs})};
-//# sourceMappingURL=Example.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Example.js","sources":["../../../../../src/components/combobox/documentation/Example.tsx"],"sourcesContent":["import React from \"react\";\nimport { DevExample } from \"../../../../../../doc-utils\";\nimport { ComboboxExample, comboboxExampleKnobs } from \"./ComboboxExample\";\n\nimport \"../../../../../../packages/webfonts/webfonts.scss\";\nimport \"../../../core/styles/core.scss\";\nimport \"../../../styles/styles.scss\";\nimport \"../styles/_index.scss\";\n\nexport default function Example() {\n    return <DevExample component={ComboboxExample} knobs={comboboxExampleKnobs} />;\n}\n"],"names":["jsx","DevExample","component","ComboboxExample","knobs","comboboxExampleKnobs"],"mappings":"gNASA,WACI,OAAQA,EAAAA,IAAAC,EAAAA,WAAA,CAAWC,UAAWC,EAAAA,gBAAiBC,MAAOC,EAAsBA,sBAChF"}

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

@@ -1,2 +0,0 @@
-"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.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("../../flex/Flex.js"),require("../../../../ExpandableTableRow-BGglv7mF.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("../../menu/MenuItem.js"),require("../../menu/MenuItemCheckbox.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/combobox/documentation/main.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"main.js","sources":["../../../../../src/components/combobox/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":"+4IAKAA,EAAAA,kBAEAC,EAASC,WAAWC,SAASC,eAAe,SAAUC,OAAQC,EAAAA,IAAAC,EAAA,CAAA"}

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

@@ -1,2 +0,0 @@
-"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/combobox/documentation/vite.dev.config.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"vite.dev.config.js","sources":["../../../../../src/components/combobox/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/flex/documentation/Example.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("react/jsx-runtime");require("react");const r=require("../../../../styles-Dd1xoGpc.cjs"),s=require("./FlexExample.js");,/* empty css                          */module.exports=function(){return e.jsx(r.DevExample,{component:s.FlexExample,knobs:s.flexExampleKnobs})};
-//# sourceMappingURL=Example.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Example.js","sources":["../../../../../src/components/flex/documentation/Example.tsx"],"sourcesContent":["import React from \"react\";\nimport { DevExample } from \"../../../../../../doc-utils\";\nimport { FlexExample, flexExampleKnobs } from \"./FlexExample\";\n\nimport \"../../../../../../packages/webfonts/webfonts.scss\";\nimport \"../../../core/styles/core.scss\";\nimport \"../../../styles/styles.scss\";\n\nexport default function Example() {\n    return <DevExample component={FlexExample} knobs={flexExampleKnobs} />;\n}\n"],"names":["jsx","DevExample","component","FlexExample","knobs","flexExampleKnobs"],"mappings":"4MAQA,WACI,OAAQA,EAAAA,IAAAC,EAAAA,WAAA,CAAWC,UAAWC,EAAAA,YAAaC,MAAOC,EAAkBA,kBACxE"}

package/build/cjs/components/flex/documentation/FlexExample.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../../../core/tokens.js"),l=require("../../card/Card.js");require("../../card/CardImage.js"),require("../../card/NavCard.js");const a=require("../Flex.js"),s={boolProps:["wrap"],choiceProps:[{name:"direction",values:["row","row-reverse","column","column-reverse"],defaultValue:0},{name:"gap",values:Object.keys(r.spacing).sort(((e,r)=>parseInt(e)-parseInt(r))),defaultValue:0},{name:"rowGap",values:Object.keys(r.spacing).sort(((e,r)=>parseInt(e)-parseInt(r))),defaultValue:0},{name:"colGap",values:Object.keys(r.spacing).sort(((e,r)=>parseInt(e)-parseInt(r))),defaultValue:0}]},o={width:"250px",height:"150px",backgroundColor:"var(--jkl-color-background-container-low)",border:"1px solid var(--jkl-color-border-subdued)",borderRadius:"4px",display:"grid",placeContent:"center",flexGrow:1},d=({boolValues:r,choiceValues:s})=>{const d="0"===(null==s?void 0:s.gap)?void 0:parseInt((null==s?void 0:s.gap)||"0"),i="0"===(null==s?void 0:s.colGap)?void 0:parseInt((null==s?void 0:s.colGap)||"0"),n="0"===(null==s?void 0:s.rowGap)?void 0:parseInt((null==s?void 0:s.rowGap)||"0");return e.jsx(a.Flex,{asChild:!0,direction:null==s?void 0:s.direction,wrap:null==r?void 0:r.wrap,gap:d,colGap:i,rowGap:n,style:{maxWidth:"80vw"},children:e.jsxs(l.Card,{variant:"outlined",padding:"l",children:[e.jsx("div",{style:o,children:"1"}),e.jsx("div",{style:o,children:"2"}),e.jsx("div",{style:o,children:"3"}),e.jsx("div",{style:o,children:"4"}),e.jsx("div",{style:o,children:"5"}),e.jsx("div",{style:o,children:"6"}),e.jsx("div",{style:o,children:"7"}),e.jsx("div",{style:o,children:"8"}),e.jsx("div",{style:o,children:"9"})]})})};exports.FlexExample=d,exports.default=d,exports.flexExampleKnobs=s;
-//# sourceMappingURL=FlexExample.js.map

package/build/cjs/components/flex/documentation/FlexExample.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FlexExample.js","sources":["../../../../../src/components/flex/documentation/FlexExample.tsx"],"sourcesContent":["import React, { CSSProperties, FC } from \"react\";\nimport { ExampleComponentProps, ExampleKnobsProps } from \"../../../../../../doc-utils\";\nimport { tokens } from \"../../../core\";\nimport { Card } from \"../../card\";\nimport { Flex, FlexDirection, GapValue } from \"../Flex\";\n\nexport const flexExampleKnobs: ExampleKnobsProps = {\n    boolProps: [\"wrap\"],\n    choiceProps: [\n        {\n            name: \"direction\",\n            values: [\"row\", \"row-reverse\", \"column\", \"column-reverse\"],\n            defaultValue: 0,\n        },\n        {\n            name: \"gap\",\n            values: Object.keys(tokens.spacing).sort((a, b) => parseInt(a) - parseInt(b)),\n            defaultValue: 0,\n        },\n        {\n            name: \"rowGap\",\n            values: Object.keys(tokens.spacing).sort((a, b) => parseInt(a) - parseInt(b)),\n            defaultValue: 0,\n        },\n        {\n            name: \"colGap\",\n            values: Object.keys(tokens.spacing).sort((a, b) => parseInt(a) - parseInt(b)),\n            defaultValue: 0,\n        },\n    ],\n};\n\nconst boxStyle: CSSProperties = {\n    width: \"250px\",\n    height: \"150px\",\n    backgroundColor: \"var(--jkl-color-background-container-low)\",\n    border: \"1px solid var(--jkl-color-border-subdued)\",\n    borderRadius: \"4px\",\n    display: \"grid\",\n    placeContent: \"center\",\n    flexGrow: 1,\n};\n\nexport const FlexExample: FC<ExampleComponentProps> = ({ boolValues, choiceValues }) => {\n    const gap = choiceValues?.[\"gap\"] === \"0\" ? undefined : (parseInt(choiceValues?.[\"gap\"] || \"0\") as GapValue);\n    const colGap =\n        choiceValues?.[\"colGap\"] === \"0\" ? undefined : (parseInt(choiceValues?.[\"colGap\"] || \"0\") as GapValue);\n    const rowGap =\n        choiceValues?.[\"rowGap\"] === \"0\" ? undefined : (parseInt(choiceValues?.[\"rowGap\"] || \"0\") as GapValue);\n\n    return (\n        <Flex\n            asChild\n            direction={choiceValues?.[\"direction\"] as FlexDirection}\n            wrap={boolValues?.[\"wrap\"]}\n            gap={gap}\n            colGap={colGap}\n            rowGap={rowGap}\n            style={{ maxWidth: \"80vw\" }}\n        >\n            <Card variant=\"outlined\" padding=\"l\">\n                <div style={boxStyle}>1</div>\n                <div style={boxStyle}>2</div>\n                <div style={boxStyle}>3</div>\n                <div style={boxStyle}>4</div>\n                <div style={boxStyle}>5</div>\n                <div style={boxStyle}>6</div>\n                <div style={boxStyle}>7</div>\n                <div style={boxStyle}>8</div>\n                <div style={boxStyle}>9</div>\n            </Card>\n        </Flex>\n    );\n};\n\nexport default FlexExample;\n"],"names":["flexExampleKnobs","boolProps","choiceProps","name","values","defaultValue","Object","keys","tokens","spacing","sort","a","b","parseInt","boxStyle","width","height","backgroundColor","border","borderRadius","display","placeContent","flexGrow","FlexExample","boolValues","choiceValues","gap","colGap","rowGap","jsx","Flex","asChild","direction","wrap","style","maxWidth","children","jsxs","Card","variant","padding"],"mappings":"wTAMaA,EAAsC,CAC/CC,UAAW,CAAC,QACZC,YAAa,CACT,CACIC,KAAM,YACNC,OAAQ,CAAC,MAAO,cAAe,SAAU,kBACzCC,aAAc,GAElB,CACIF,KAAM,MACNC,OAAQE,OAAOC,KAAKC,EAAOC,SAASC,MAAK,CAACC,EAAGC,IAAMC,SAASF,GAAKE,SAASD,KAC1EP,aAAc,GAElB,CACIF,KAAM,SACNC,OAAQE,OAAOC,KAAKC,EAAOC,SAASC,MAAK,CAACC,EAAGC,IAAMC,SAASF,GAAKE,SAASD,KAC1EP,aAAc,GAElB,CACIF,KAAM,SACNC,OAAQE,OAAOC,KAAKC,EAAOC,SAASC,MAAK,CAACC,EAAGC,IAAMC,SAASF,GAAKE,SAASD,KAC1EP,aAAc,KAKpBS,EAA0B,CAC5BC,MAAO,QACPC,OAAQ,QACRC,gBAAiB,4CACjBC,OAAQ,4CACRC,aAAc,MACdC,QAAS,OACTC,aAAc,SACdC,SAAU,GAGDC,EAAyC,EAAGC,WAAAA,EAAYC,aAAAA,MAC3D,MAAAC,EAAgC,OAA1B,MAAAD,SAAAA,EAAeC,UAAiB,EAAab,UAAS,MAAAY,OAAAA,EAAAA,EAAeC,MAAU,KACrFC,EAC2B,OAA7B,MAAAF,SAAAA,EAAeE,aAAoB,EAAad,UAAS,MAAAY,OAAA,EAAAA,EAAeE,SAAa,KACnFC,EAC2B,OAA7B,MAAAH,SAAAA,EAAeG,aAAoB,EAAaf,UAAS,MAAAY,OAAA,EAAAA,EAAeG,SAAa,KAGrF,OAAAC,EAAAA,IAACC,EAAAA,KAAA,CACGC,SAAO,EACPC,UAAW,MAAAP,SAAAA,EAAeO,UAC1BC,KAAM,MAAAT,SAAAA,EAAaS,KACnBP,IAAAA,EACAC,OAAAA,EACAC,OAAAA,EACAM,MAAO,CAAEC,SAAU,QAEnBC,SAACC,EAAAA,KAAAC,EAAAA,KAAA,CAAKC,QAAQ,WAAWC,QAAQ,IAC7BJ,SAAA,CAACP,EAAAA,IAAA,MAAA,CAAIK,MAAOpB,EAAUsB,SAAC,MACtBP,EAAAA,IAAA,MAAA,CAAIK,MAAOpB,EAAUsB,SAAC,MACtBP,EAAAA,IAAA,MAAA,CAAIK,MAAOpB,EAAUsB,SAAC,MACtBP,EAAAA,IAAA,MAAA,CAAIK,MAAOpB,EAAUsB,SAAC,MACtBP,EAAAA,IAAA,MAAA,CAAIK,MAAOpB,EAAUsB,SAAC,MACtBP,EAAAA,IAAA,MAAA,CAAIK,MAAOpB,EAAUsB,SAAC,MACtBP,EAAAA,IAAA,MAAA,CAAIK,MAAOpB,EAAUsB,SAAC,MACtBP,EAAAA,IAAA,MAAA,CAAIK,MAAOpB,EAAUsB,SAAC,MACtBP,EAAAA,IAAA,MAAA,CAAIK,MAAOpB,EAAUsB,SAAC,UAC3B"}

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

@@ -1,2 +0,0 @@
-"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("../Flex.js"),require("../../../../ExpandableTableRow-BGglv7mF.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("../../menu/MenuItem.js"),require("../../menu/MenuItemCheckbox.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/flex/documentation/main.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"main.js","sources":["../../../../../src/components/flex/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":"m5IAKAA,EAAAA,kBAEAC,EAASC,WAAWC,SAASC,eAAe,SAAUC,OAAQC,EAAAA,IAAAC,EAAA,CAAA"}

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

@@ -1,2 +0,0 @@
-"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/flex/documentation/vite.dev.config.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"vite.dev.config.js","sources":["../../../../../src/components/flex/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/link/documentation/Example.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),n=require("../../../../formatCode-B1ZAd2W_.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

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

@@ -1,2 +0,0 @@
-"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("../../flex/Flex.js"),require("../../../../ExpandableTableRow-BGglv7mF.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("../../menu/MenuItem.js"),require("../../menu/MenuItemCheckbox.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