npm - @fremtind/jokul - Versions diffs - 0.19.1 → 0.20.0 - Mend

@fremtind/jokul 0.19.1 → 0.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (200) hide show

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

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),e=require("../../../../formatCode-BWsrUMWq.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})})};
+"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/main.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),r=require("react-dom/client");require("react"),require("../../../hooks/useScreen/useScreen.js"),require("../../../hooks/useId/useId.js"),require("../../icon/Icon.js"),require("../../icon/icons/animated/ArrowVerticalAnimated.js"),require("../../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../../icon/icons/animated/PlusRemoveAnimated.js"),require("../../icon/icons/ArrowDownIcon.js"),require("../../icon/icons/ArrowLeftIcon.js"),require("../../icon/icons/ArrowNorthEastIcon.js"),require("../../icon/icons/ArrowRightIcon.js"),require("../../icon/icons/ArrowUpIcon.js"),require("../../icon/icons/CalendarIcon.js"),require("../../icon/icons/CheckIcon.js"),require("../../icon/icons/ChevronDownIcon.js"),require("../../icon/icons/ChevronLeftIcon.js"),require("../../icon/icons/ChevronRightIcon.js"),require("../../icon/icons/ChevronUpIcon.js"),require("../../icon/icons/CloseIcon.js"),require("../../icon/icons/CopyIcon.js"),require("../../icon/icons/DotsIcon.js"),require("../../icon/icons/DragIcon.js"),require("../../icon/icons/ErrorIcon.js"),require("../../icon/icons/GreenCheckIcon.js"),require("../../icon/icons/HamburgerIcon.js"),require("../../icon/icons/InfoIcon.js"),require("../../icon/icons/LinkIcon.js"),require("../../icon/icons/PlusIcon.js"),require("../../icon/icons/QuestionIcon.js"),require("../../icon/icons/RedCrossIcon.js"),require("../../icon/icons/SearchIcon.js"),require("../../icon/icons/SuccessIcon.js"),require("../../icon/icons/WarningIcon.js"),require("../../icon/icons/MinusIcon.js"),require("../../icon/icons/ThumbDownIcon.js"),require("../../icon/icons/ThumbUpIcon.js"),require("../../icon/icons/TrashCanIcon.js"),require("../../icon/icons/PenIcon.js"),require("../../button/Button.js"),require("../../card/Card.js"),require("../../card/CardImage.js"),require("../../card/NavCard.js"),require("../../checkbox/Checkbox.js"),require("../../combobox/Combobox.js"),require("../../cookie-consent/CookieConsentContext.js"),require("react-dom"),require("../../modal/Modal.js"),require("react-a11y-dialog"),require("../../list/List.js"),require("../../list/ListItem.js"),require("../../datepicker/DatePicker.js"),require("../../feedback/feedbackContext.js"),require("../../message/Message.js"),require("../../message/FormErrorMessage.js"),require("../../tooltip/Tooltip.js"),require("../../tooltip/TooltipContent.js"),require("../../tooltip/TooltipTrigger.js"),require("../../input-group/InputGroup.js"),require("../../feedback/followup/followupContext.js"),require("../../feedback/main-question/mainQuestionContext.js"),require("../../radio-button/RadioButton.js"),require("../../radio-button/radioGroupContext.js"),require("../../radio-button/BaseRadioButton.js"),require("../../text-input/BaseTextArea.js"),require("../../text-input/BaseTextInput.js"),require("../../text-input/TextArea.js"),require("../../text-input/TextInput.js"),require("../../../utilities/polymorphism/SlotComponent.js");const i=require("../../../utilities/tabListener.js");require("../../../../ExpandableTableRow-Bkqt-qP5.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,{}));
+"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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"main.js","sources":["../../../../../src/components/accordion/documentation/main.tsx"],"sourcesContent":["import React from \"react\";\nimport ReactDOM from \"react-dom/client\";\nimport { initTabListener } from \"../../..\";\nimport Example from \"./Example\";\n\ninitTabListener();\n\nReactDOM.createRoot(document.getElementById(\"root\")!).render(<Example />);\n"],"names":["initTabListener","ReactDOM","createRoot","document","getElementById","render","jsx","Example"],"mappings":"~~63IAKAA~~,EAAAA,kBAEAC,EAASC,WAAWC,SAASC,eAAe,SAAUC,OAAQC,EAAAA,IAAAC,EAAA,CAAA"}
1	+ {"version":3,"file":"main.js","sources":["../../../../../src/components/accordion/documentation/main.tsx"],"sourcesContent":["import React from \"react\";\nimport ReactDOM from \"react-dom/client\";\nimport { initTabListener } from \"../../..\";\nimport Example from \"./Example\";\n\ninitTabListener();\n\nReactDOM.createRoot(document.getElementById(\"root\")!).render(<Example />);\n"],"names":["initTabListener","ReactDOM","createRoot","document","getElementById","render","jsx","Example"],"mappings":"25IAKAA,EAAAA,kBAEAC,EAASC,WAAWC,SAASC,eAAe,SAAUC,OAAQC,EAAAA,IAAAC,EAAA,CAAA"}

package/build/cjs/components/breadcrumb/documentation/Example.js ADDED Viewed

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

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

@@ -0,0 +1 @@

+ {"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 ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const e=require("react/jsx-runtime"),r=require("react-dom/client");require("react"),require("../../../hooks/useScreen/useScreen.js"),require("../../../hooks/useId/useId.js"),require("../../icon/Icon.js"),require("../../icon/icons/animated/ArrowVerticalAnimated.js"),require("../../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../../icon/icons/animated/PlusRemoveAnimated.js"),require("../../icon/icons/ArrowDownIcon.js"),require("../../icon/icons/ArrowLeftIcon.js"),require("../../icon/icons/ArrowNorthEastIcon.js"),require("../../icon/icons/ArrowRightIcon.js"),require("../../icon/icons/ArrowUpIcon.js"),require("../../icon/icons/CalendarIcon.js"),require("../../icon/icons/CheckIcon.js"),require("../../icon/icons/ChevronDownIcon.js"),require("../../icon/icons/ChevronLeftIcon.js"),require("../../icon/icons/ChevronRightIcon.js"),require("../../icon/icons/ChevronUpIcon.js"),require("../../icon/icons/CloseIcon.js"),require("../../icon/icons/CopyIcon.js"),require("../../icon/icons/DotsIcon.js"),require("../../icon/icons/DragIcon.js"),require("../../icon/icons/ErrorIcon.js"),require("../../icon/icons/GreenCheckIcon.js"),require("../../icon/icons/HamburgerIcon.js"),require("../../icon/icons/InfoIcon.js"),require("../../icon/icons/LinkIcon.js"),require("../../icon/icons/PlusIcon.js"),require("../../icon/icons/QuestionIcon.js"),require("../../icon/icons/RedCrossIcon.js"),require("../../icon/icons/SearchIcon.js"),require("../../icon/icons/SuccessIcon.js"),require("../../icon/icons/WarningIcon.js"),require("../../icon/icons/MinusIcon.js"),require("../../icon/icons/ThumbDownIcon.js"),require("../../icon/icons/ThumbUpIcon.js"),require("../../icon/icons/TrashCanIcon.js"),require("../../icon/icons/PenIcon.js"),require("../../button/Button.js"),require("../../card/Card.js"),require("../../card/CardImage.js"),require("../../card/NavCard.js"),require("../../checkbox/Checkbox.js"),require("../../combobox/Combobox.js"),require("../../cookie-consent/CookieConsentContext.js"),require("react-dom"),require("../../modal/Modal.js"),require("react-a11y-dialog"),require("../../list/List.js"),require("../../list/ListItem.js"),require("../../datepicker/DatePicker.js"),require("../../feedback/feedbackContext.js"),require("../../message/Message.js"),require("../../message/FormErrorMessage.js"),require("../../tooltip/Tooltip.js"),require("../../tooltip/TooltipContent.js"),require("../../tooltip/TooltipTrigger.js"),require("../../input-group/InputGroup.js"),require("../../feedback/followup/followupContext.js"),require("../../feedback/main-question/mainQuestionContext.js"),require("../../radio-button/RadioButton.js"),require("../../radio-button/radioGroupContext.js"),require("../../radio-button/BaseRadioButton.js"),require("../../text-input/BaseTextArea.js"),require("../../text-input/BaseTextInput.js"),require("../../text-input/TextArea.js"),require("../../text-input/TextInput.js"),require("../../../utilities/polymorphism/SlotComponent.js");const i=require("../../../utilities/tabListener.js");require("../../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,{}));
2	+ //# sourceMappingURL=main.js.map

package/build/cjs/components/breadcrumb/documentation/main.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"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 ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const e=require("node:path"),i=require("@vitejs/plugin-react-swc"),r=require("vite"),s=require("../../../../copy-jkl-fonts-BEH11kbT.cjs"),o=r.defineConfig({plugins:[i(),s.copyJklFonts(e.resolve(__dirname,"public","fonts"))]});module.exports=o;
2	+ //# sourceMappingURL=vite.dev.config.js.map

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

@@ -0,0 +1 @@

+ {"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 CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),o=require("../../../../formatCode-BWsrUMWq.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})]})};
+"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/main.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),r=require("react-dom/client");require("react"),require("../../../hooks/useScreen/useScreen.js"),require("../../../hooks/useId/useId.js"),require("../../icon/Icon.js"),require("../../icon/icons/animated/ArrowVerticalAnimated.js"),require("../../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../../icon/icons/animated/PlusRemoveAnimated.js"),require("../../icon/icons/ArrowDownIcon.js"),require("../../icon/icons/ArrowLeftIcon.js"),require("../../icon/icons/ArrowNorthEastIcon.js"),require("../../icon/icons/ArrowRightIcon.js"),require("../../icon/icons/ArrowUpIcon.js"),require("../../icon/icons/CalendarIcon.js"),require("../../icon/icons/CheckIcon.js"),require("../../icon/icons/ChevronDownIcon.js"),require("../../icon/icons/ChevronLeftIcon.js"),require("../../icon/icons/ChevronRightIcon.js"),require("../../icon/icons/ChevronUpIcon.js"),require("../../icon/icons/CloseIcon.js"),require("../../icon/icons/CopyIcon.js"),require("../../icon/icons/DotsIcon.js"),require("../../icon/icons/DragIcon.js"),require("../../icon/icons/ErrorIcon.js"),require("../../icon/icons/GreenCheckIcon.js"),require("../../icon/icons/HamburgerIcon.js"),require("../../icon/icons/InfoIcon.js"),require("../../icon/icons/LinkIcon.js"),require("../../icon/icons/PlusIcon.js"),require("../../icon/icons/QuestionIcon.js"),require("../../icon/icons/RedCrossIcon.js"),require("../../icon/icons/SearchIcon.js"),require("../../icon/icons/SuccessIcon.js"),require("../../icon/icons/WarningIcon.js"),require("../../icon/icons/MinusIcon.js"),require("../../icon/icons/ThumbDownIcon.js"),require("../../icon/icons/ThumbUpIcon.js"),require("../../icon/icons/TrashCanIcon.js"),require("../../icon/icons/PenIcon.js"),require("../Button.js"),require("../../card/Card.js"),require("../../card/CardImage.js"),require("../../card/NavCard.js"),require("../../checkbox/Checkbox.js"),require("../../combobox/Combobox.js"),require("../../cookie-consent/CookieConsentContext.js"),require("react-dom"),require("../../modal/Modal.js"),require("react-a11y-dialog"),require("../../list/List.js"),require("../../list/ListItem.js"),require("../../datepicker/DatePicker.js"),require("../../feedback/feedbackContext.js"),require("../../message/Message.js"),require("../../message/FormErrorMessage.js"),require("../../tooltip/Tooltip.js"),require("../../tooltip/TooltipContent.js"),require("../../tooltip/TooltipTrigger.js"),require("../../input-group/InputGroup.js"),require("../../feedback/followup/followupContext.js"),require("../../feedback/main-question/mainQuestionContext.js"),require("../../radio-button/RadioButton.js"),require("../../radio-button/radioGroupContext.js"),require("../../radio-button/BaseRadioButton.js"),require("../../text-input/BaseTextArea.js"),require("../../text-input/BaseTextInput.js"),require("../../text-input/TextArea.js"),require("../../text-input/TextInput.js"),require("../../../utilities/polymorphism/SlotComponent.js");const i=require("../../../utilities/tabListener.js");require("../../../../ExpandableTableRow-Bkqt-qP5.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,{}));
+"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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"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":"~~m3IAKAA~~,EAAAA,kBAEAC,EAASC,WAAWC,SAASC,eAAe,SAAUC,OAAQC,EAAAA,IAAAC,EAAA,CAAA"}
1	+ {"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/card/documentation/Example.js ADDED Viewed

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

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

@@ -0,0 +1 @@

+ {"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 ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const e=require("react/jsx-runtime"),r=require("react-dom/client");require("react"),require("../../../hooks/useScreen/useScreen.js"),require("../../../hooks/useId/useId.js"),require("../../icon/Icon.js"),require("../../icon/icons/animated/ArrowVerticalAnimated.js"),require("../../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../../icon/icons/animated/PlusRemoveAnimated.js"),require("../../icon/icons/ArrowDownIcon.js"),require("../../icon/icons/ArrowLeftIcon.js"),require("../../icon/icons/ArrowNorthEastIcon.js"),require("../../icon/icons/ArrowRightIcon.js"),require("../../icon/icons/ArrowUpIcon.js"),require("../../icon/icons/CalendarIcon.js"),require("../../icon/icons/CheckIcon.js"),require("../../icon/icons/ChevronDownIcon.js"),require("../../icon/icons/ChevronLeftIcon.js"),require("../../icon/icons/ChevronRightIcon.js"),require("../../icon/icons/ChevronUpIcon.js"),require("../../icon/icons/CloseIcon.js"),require("../../icon/icons/CopyIcon.js"),require("../../icon/icons/DotsIcon.js"),require("../../icon/icons/DragIcon.js"),require("../../icon/icons/ErrorIcon.js"),require("../../icon/icons/GreenCheckIcon.js"),require("../../icon/icons/HamburgerIcon.js"),require("../../icon/icons/InfoIcon.js"),require("../../icon/icons/LinkIcon.js"),require("../../icon/icons/PlusIcon.js"),require("../../icon/icons/QuestionIcon.js"),require("../../icon/icons/RedCrossIcon.js"),require("../../icon/icons/SearchIcon.js"),require("../../icon/icons/SuccessIcon.js"),require("../../icon/icons/WarningIcon.js"),require("../../icon/icons/MinusIcon.js"),require("../../icon/icons/ThumbDownIcon.js"),require("../../icon/icons/ThumbUpIcon.js"),require("../../icon/icons/TrashCanIcon.js"),require("../../icon/icons/PenIcon.js"),require("../../button/Button.js"),require("../Card.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,{}));
2	+ //# sourceMappingURL=main.js.map

package/build/cjs/components/card/documentation/main.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"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 ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const e=require("node:path"),i=require("@vitejs/plugin-react-swc"),r=require("vite"),s=require("../../../../copy-jkl-fonts-BEH11kbT.cjs"),o=r.defineConfig({plugins:[i(),s.copyJklFonts(e.resolve(__dirname,"public","fonts"))]});module.exports=o;
2	+ //# sourceMappingURL=vite.dev.config.js.map

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

@@ -0,0 +1 @@

+ {"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 ADDED Viewed

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

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

@@ -0,0 +1 @@

+ {"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 ADDED Viewed

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

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

@@ -0,0 +1 @@

+ {"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 ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const e=require("react/jsx-runtime"),r=require("react-dom/client");require("react"),require("../../../hooks/useScreen/useScreen.js"),require("../../../hooks/useId/useId.js"),require("../../icon/Icon.js"),require("../../icon/icons/animated/ArrowVerticalAnimated.js"),require("../../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../../icon/icons/animated/PlusRemoveAnimated.js"),require("../../icon/icons/ArrowDownIcon.js"),require("../../icon/icons/ArrowLeftIcon.js"),require("../../icon/icons/ArrowNorthEastIcon.js"),require("../../icon/icons/ArrowRightIcon.js"),require("../../icon/icons/ArrowUpIcon.js"),require("../../icon/icons/CalendarIcon.js"),require("../../icon/icons/CheckIcon.js"),require("../../icon/icons/ChevronDownIcon.js"),require("../../icon/icons/ChevronLeftIcon.js"),require("../../icon/icons/ChevronRightIcon.js"),require("../../icon/icons/ChevronUpIcon.js"),require("../../icon/icons/CloseIcon.js"),require("../../icon/icons/CopyIcon.js"),require("../../icon/icons/DotsIcon.js"),require("../../icon/icons/DragIcon.js"),require("../../icon/icons/ErrorIcon.js"),require("../../icon/icons/GreenCheckIcon.js"),require("../../icon/icons/HamburgerIcon.js"),require("../../icon/icons/InfoIcon.js"),require("../../icon/icons/LinkIcon.js"),require("../../icon/icons/PlusIcon.js"),require("../../icon/icons/QuestionIcon.js"),require("../../icon/icons/RedCrossIcon.js"),require("../../icon/icons/SearchIcon.js"),require("../../icon/icons/SuccessIcon.js"),require("../../icon/icons/WarningIcon.js"),require("../../icon/icons/MinusIcon.js"),require("../../icon/icons/ThumbDownIcon.js"),require("../../icon/icons/ThumbUpIcon.js"),require("../../icon/icons/TrashCanIcon.js"),require("../../icon/icons/PenIcon.js"),require("../../button/Button.js"),require("../../card/Card.js"),require("../../card/CardImage.js"),require("../../card/NavCard.js"),require("../../checkbox/Checkbox.js"),require("../Combobox.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,{}));
2	+ //# sourceMappingURL=main.js.map

package/build/cjs/components/combobox/documentation/main.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"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 ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const e=require("node:path"),i=require("@vitejs/plugin-react-swc"),r=require("vite"),s=require("../../../../copy-jkl-fonts-BEH11kbT.cjs"),o=r.defineConfig({plugins:[i(),s.copyJklFonts(e.resolve(__dirname,"public","fonts"))]});module.exports=o;
2	+ //# sourceMappingURL=vite.dev.config.js.map

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

@@ -0,0 +1 @@

+ {"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/expander/ExpandSection.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../../clsx-E3yX_9sL.cjs"),t=require("react"),n=require("../../hooks/useAnimatedDetails/useAnimatedDetails.js");require("../../hooks/useScreen/useScreen.js"),require("../../hooks/useId/useId.js");const a=require("../../../ExpandableTableRow-Bkqt-qP5.cjs");exports.ExpandSection=({children:i,className:r,expandButtonProps:d,isExpanded:c=!1,density:o,onClick:l,title:u,useAnimatedHeightOptions:p,...x})=>{const[j,m]=t.useState(c);t.useEffect((()=>{m(c)}),[c]);const{detailsRef:k,summaryRef:h,contentRef:f,onSummaryClick:q}=n.useAnimatedDetails({onOpenChange:(e,s)=>{m(e),l&&l(s,e)},isExpanded:c});return e.jsxs("details",{"data-testid":"jkl-expand-section",className:s.clsx("jkl-expand-section",r),...x,ref:k,children:[e.jsx(a.Expander,{as:"summary",...d,density:o,isExpanded:j,onClick:q,ref:h,children:u}),e.jsx("div",{"data-testid":"jkl-expand-section__content-wrapper",className:"jkl-expand-section__content-wrapper",ref:f,children:e.jsx("div",{className:"jkl-expand-section__content",children:i})})]})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../../clsx-E3yX_9sL.cjs"),t=require("react"),n=require("../../hooks/useAnimatedDetails/useAnimatedDetails.js");require("../../hooks/useScreen/useScreen.js"),require("../../hooks/useId/useId.js");const a=require("../../../ExpandableTableRow-BGglv7mF.cjs");exports.ExpandSection=({children:i,className:r,expandButtonProps:d,isExpanded:c=!1,density:o,onClick:l,title:u,useAnimatedHeightOptions:p,...x})=>{const[j,m]=t.useState(c);t.useEffect((()=>{m(c)}),[c]);const{detailsRef:k,summaryRef:h,contentRef:f,onSummaryClick:q}=n.useAnimatedDetails({onOpenChange:(e,s)=>{m(e),l&&l(s,e)},isExpanded:c});return e.jsxs("details",{"data-testid":"jkl-expand-section",className:s.clsx("jkl-expand-section",r),...x,ref:k,children:[e.jsx(a.Expander,{as:"summary",...d,density:o,isExpanded:j,onClick:q,ref:h,children:u}),e.jsx("div",{"data-testid":"jkl-expand-section__content-wrapper",className:"jkl-expand-section__content-wrapper",ref:f,children:e.jsx("div",{className:"jkl-expand-section__content",children:i})})]})};
 //# sourceMappingURL=ExpandSection.js.map

package/build/cjs/components/expander/Expander.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime"),require("../../../clsx-E3yX_9sL.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("../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 e=require("../../../ExpandableTableRow-Bkqt-qP5.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"),require("../ScreenReaderOnly.js"),exports.Expander=e.Expander;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime"),require("../../../clsx-E3yX_9sL.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("../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"),require("../flex/Flex.js");const e=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"),require("../ScreenReaderOnly.js"),exports.Expander=e.Expander;
 //# sourceMappingURL=Expander.js.map

package/build/cjs/components/expander/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../ExpandableTableRow-Bkqt-qP5.cjs"),r=require("./ExpandSection.js");exports.Expander=e.Expander,exports.ExpandSection=r.ExpandSection;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../ExpandableTableRow-BGglv7mF.cjs"),r=require("./ExpandSection.js");exports.Expander=e.Expander,exports.ExpandSection=r.ExpandSection;
 //# sourceMappingURL=index.js.map

package/build/cjs/components/feedback/followup/Followup.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=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");const i=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");const s=require("../feedbackContext.js"),o=require("../FeedbackSuccess.js");require("../../tooltip/Tooltip.js"),require("../../tooltip/TooltipContent.js"),require("../../tooltip/TooltipTrigger.js"),require("../../input-group/InputGroup.js");const t=require("./followupContext.js");require("../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 n=require("../utils.js");require("../../../../ExpandableTableRow-Bkqt-qP5.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("../../message/Message.js"),require("../../message/FormErrorMessage.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 u=require("./useFollowup.js"),c={title:"Takk, igjen!",children:"Vi setter pris på at du tok deg tid til å svare på flere spørsmål. Det hjelper oss med å gjøre nettsidene bedre for deg og alle andre som bruker dem."};exports.Followup=({questions:a,successMessage:l=c,onSubmit:j})=>{const[q,d]=r.useState(!1),b=r.useRef(null),p=u.useFollowup(a,j),{handleAbort:m,handleNext:g,step:k,submitted:x}=p,{followupStarted:h,setFollowupStarted:I,setFollowupSubmitted:C,contactSubmitted:T,landmarkLabel:f}=s.useFeedbackContext();r.useEffect((()=>{0!==k.number&&b.current&&b.current.focus()}),[k]),r.useEffect((()=>{C(x)}),[x,C]);const v=n.getQuestionFromType(a[k.number].type),S=k.isLast?i.PrimaryButton:i.SecondaryButton;return q?null:e.jsx("div",{"aria-live":"polite",children:e.jsxs(t.FollowUpProvider,{state:p,children:[!h&&e.jsxs("div",{className:"jkl-feedback__fade-in",children:[e.jsx("p",{className:"jkl-heading-4 jkl-spacing-xl--top jkl-spacing-xs--bottom",children:"Har du tid til å svare på noen flere spørsmål?"}),e.jsx("p",{className:"jkl-body jkl-spacing-xl--bottom",children:"Det tar kun et minutt, og hjelper oss å lage bedre løsninger for deg."}),e.jsx(i.PrimaryButton,{onClick:()=>I(!0),className:"jkl-spacing-xl--right",children:"Jeg har tid!"}),e.jsx(i.TertiaryButton,{onClick:()=>d(!0),children:"Nei takk"})]}),!x&&h&&e.jsxs("form",{onSubmit:g,className:"jkl-feedback__fade-in","aria-label":f,children:[e.jsxs("p",{className:"jkl-feedback__step-counter",ref:b,children:["Steg ",k.number+1," av ",a.length]}),r.createElement(v,{...a[k.number],autoFocus:!0,key:k.number}),e.jsxs("div",{className:"jkl-spacing-xl--top","aria-live":"off",children:[e.jsx(S,{type:"submit",children:k.isLast?"Send inn":"Neste"}),e.jsx(i.TertiaryButton,{onClick:m,className:"jkl-spacing-xl--left",children:"Avbryt"})]})]}),x&&!T&&e.jsx(o.FeedbackSuccess,{...l})]})})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=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");const i=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");const s=require("../feedbackContext.js"),o=require("../FeedbackSuccess.js");require("../../tooltip/Tooltip.js"),require("../../tooltip/TooltipContent.js"),require("../../tooltip/TooltipTrigger.js"),require("../../input-group/InputGroup.js");const t=require("./followupContext.js");require("../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 n=require("../utils.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("../../message/Message.js"),require("../../message/FormErrorMessage.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 u=require("./useFollowup.js"),c={title:"Takk, igjen!",children:"Vi setter pris på at du tok deg tid til å svare på flere spørsmål. Det hjelper oss med å gjøre nettsidene bedre for deg og alle andre som bruker dem."};exports.Followup=({questions:a,successMessage:l=c,onSubmit:j})=>{const[q,d]=r.useState(!1),b=r.useRef(null),p=u.useFollowup(a,j),{handleAbort:m,handleNext:g,step:x,submitted:k}=p,{followupStarted:h,setFollowupStarted:I,setFollowupSubmitted:C,contactSubmitted:T,landmarkLabel:f}=s.useFeedbackContext();r.useEffect((()=>{0!==x.number&&b.current&&b.current.focus()}),[x]),r.useEffect((()=>{C(k)}),[k,C]);const v=n.getQuestionFromType(a[x.number].type),F=x.isLast?i.PrimaryButton:i.SecondaryButton;return q?null:e.jsx("div",{"aria-live":"polite",children:e.jsxs(t.FollowUpProvider,{state:p,children:[!h&&e.jsxs("div",{className:"jkl-feedback__fade-in",children:[e.jsx("p",{className:"jkl-heading-4 jkl-spacing-xl--top jkl-spacing-xs--bottom",children:"Har du tid til å svare på noen flere spørsmål?"}),e.jsx("p",{className:"jkl-body jkl-spacing-xl--bottom",children:"Det tar kun et minutt, og hjelper oss å lage bedre løsninger for deg."}),e.jsx(i.PrimaryButton,{onClick:()=>I(!0),className:"jkl-spacing-xl--right",children:"Jeg har tid!"}),e.jsx(i.TertiaryButton,{onClick:()=>d(!0),children:"Nei takk"})]}),!k&&h&&e.jsxs("form",{onSubmit:g,className:"jkl-feedback__fade-in","aria-label":f,children:[e.jsxs("p",{className:"jkl-feedback__step-counter",ref:b,children:["Steg ",x.number+1," av ",a.length]}),r.createElement(v,{...a[x.number],autoFocus:!0,key:x.number}),e.jsxs("div",{className:"jkl-spacing-xl--top","aria-live":"off",children:[e.jsx(F,{type:"submit",children:x.isLast?"Send inn":"Neste"}),e.jsx(i.TertiaryButton,{onClick:m,className:"jkl-spacing-xl--left",children:"Avbryt"})]})]}),k&&!T&&e.jsx(o.FeedbackSuccess,{...l})]})})};
 //# sourceMappingURL=Followup.js.map