@fremtind/jokul 0.19.1 → 0.20.0

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

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),n=require("../../../../formatCode-BWsrUMWq.cjs");require("react"),require("../Tooltip.js"),require("../TooltipContent.js"),require("../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");const o=[{type:"choice",label:"Plassering",choiceOptions:[{label:"Top",value:"top"},{label:"Top start",value:"top-start"},{label:"Top end",value:"top-end"},{label:"Left",value:"left"},{label:"Right",value:"right"}],defaultValue:0},{type:"choice",label:"Forsinkelse (ms)",choiceOptions:[{label:"0",value:"0"},{label:"150",value:"150"},{label:"250",value:"250"},{label:"500",value:"500"},{label:"1000",value:"1000"}],defaultValue:0}],i=[{type:"choice",label:"Plassering",choiceOptions:[{label:"Top",value:"top"},{label:"Top start",value:"top-start"},{label:"Top end",value:"top-end"},{label:"Left",value:"left"},{label:"Right",value:"right"}],defaultValue:0},{type:"choice",label:"Forsinkelse (ms)",choiceOptions:[{label:"0",value:"0"},{label:"150",value:"150"},{label:"250",value:"250"},{label:"500",value:"500"},{label:"1000",value:"1000"}],defaultValue:0}],l=n.formatCode('import React, { useState } from "react";\nimport { Tooltip, TooltipContent, TooltipTrigger } from "..";\nimport { formatKontonummer } from "../../../utilities/formatters";\n\nexport const knobs = [\n    {\n        type: "choice",\n        label: "Plassering",\n        choiceOptions: [\n            { label: "Top", value: "top" },\n            { label: "Top start", value: "top-start" },\n            { label: "Top end", value: "top-end" },\n            { label: "Left", value: "left" },\n            { label: "Right", value: "right" },\n        ],\n        defaultValue: 0,\n    },\n    {\n        type: "choice",\n        label: "Forsinkelse (ms)",\n        choiceOptions: [\n            { label: "0", value: "0" },\n            { label: "150", value: "150" },\n            { label: "250", value: "250" },\n            { label: "500", value: "500" },\n            { label: "1000", value: "1000" },\n        ],\n        defaultValue: 0,\n    },\n];\n\nexport const TooltipExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    const [copied, setCopied] = useState(false);\n    const kontonummer = "16024454979";\n\n    function copyToClipboard() {\n        navigator.clipboard.writeText(kontonummer);\n        setCopied(true);\n        setTimeout(() => setCopied(false), 2000);\n    }\n\n    return (\n        <p>\n            Kontonummer:{" "}\n            <Tooltip placement={choiceKnob("Plassering")} delay={choiceKnob("Forsinkelse (ms)")}>\n                <TooltipTrigger onClick={copyToClipboard}>{formatKontonummer(kontonummer)}</TooltipTrigger>\n                <TooltipContent>\n                    {copied ? <span aria-live="assertive">Kopiert</span> : "Klikk for å kopiere til utklippstavlen"}\n                </TooltipContent>\n            </Tooltip>\n        </p>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n'),r=n.formatCode('import React from "react";\nimport { PopupTip } from "..";\nimport { formatValuta } from "../../../utilities/formatters";\n\nexport const knobs = [\n    {\n        type: "choice",\n        label: "Plassering",\n        choiceOptions: [\n            { label: "Top", value: "top" },\n            { label: "Top start", value: "top-start" },\n            { label: "Top end", value: "top-end" },\n            { label: "Left", value: "left" },\n            { label: "Right", value: "right" },\n        ],\n        defaultValue: 0,\n    },\n    {\n        type: "choice",\n        label: "Forsinkelse (ms)",\n        choiceOptions: [\n            { label: "0", value: "0" },\n            { label: "150", value: "150" },\n            { label: "250", value: "250" },\n            { label: "500", value: "500" },\n            { label: "1000", value: "1000" },\n        ],\n        defaultValue: 0,\n    },\n];\n\nexport const PopupTipExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    return (\n        <p>\n            Du betaler 348 kr/mnd{" "}\n            <PopupTip\n                placement={choiceKnob("Plassering")}\n                delay={choiceKnob("Forsinkelse (ms)")}\n                content={`Månedsprisen vil variere på fakturaen din gjennom året. Årsprisen er ${formatValuta(4176)}.`}\n                triggerProps={{\n                    onClick: () => console.log("PopupTip clicked"),\n                }}\n            />\n        </p>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n');module.exports=function(){const t=n.useInteractiveCodeControls(l,i),a=n.useInteractiveCodeControls(r,o);return e.jsxs("div",{className:"jkl",children:[e.jsx(n.InteractiveCode,{title:"Tooltip",defaultCode:l,defaultShowEditor:!0,noInline:!0,controls:t}),e.jsx(n.InteractiveCode,{title:"PopupTip",defaultCode:r,defaultShowEditor:!0,noInline:!0,controls:a})]})};
+"use strict";const e=require("react/jsx-runtime"),n=require("../../../../formatCode-B1ZAd2W_.cjs");require("react"),require("../Tooltip.js"),require("../TooltipContent.js"),require("../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");const o=[{type:"choice",label:"Plassering",choiceOptions:[{label:"Top",value:"top"},{label:"Top start",value:"top-start"},{label:"Top end",value:"top-end"},{label:"Left",value:"left"},{label:"Right",value:"right"}],defaultValue:0},{type:"choice",label:"Forsinkelse (ms)",choiceOptions:[{label:"0",value:"0"},{label:"150",value:"150"},{label:"250",value:"250"},{label:"500",value:"500"},{label:"1000",value:"1000"}],defaultValue:0}],i=[{type:"choice",label:"Plassering",choiceOptions:[{label:"Top",value:"top"},{label:"Top start",value:"top-start"},{label:"Top end",value:"top-end"},{label:"Left",value:"left"},{label:"Right",value:"right"}],defaultValue:0},{type:"choice",label:"Forsinkelse (ms)",choiceOptions:[{label:"0",value:"0"},{label:"150",value:"150"},{label:"250",value:"250"},{label:"500",value:"500"},{label:"1000",value:"1000"}],defaultValue:0}],l=n.formatCode('import React, { useState } from "react";\nimport { Tooltip, TooltipContent, TooltipTrigger } from "..";\nimport { formatKontonummer } from "../../../utilities/formatters";\n\nexport const knobs = [\n    {\n        type: "choice",\n        label: "Plassering",\n        choiceOptions: [\n            { label: "Top", value: "top" },\n            { label: "Top start", value: "top-start" },\n            { label: "Top end", value: "top-end" },\n            { label: "Left", value: "left" },\n            { label: "Right", value: "right" },\n        ],\n        defaultValue: 0,\n    },\n    {\n        type: "choice",\n        label: "Forsinkelse (ms)",\n        choiceOptions: [\n            { label: "0", value: "0" },\n            { label: "150", value: "150" },\n            { label: "250", value: "250" },\n            { label: "500", value: "500" },\n            { label: "1000", value: "1000" },\n        ],\n        defaultValue: 0,\n    },\n];\n\nexport const TooltipExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    const [copied, setCopied] = useState(false);\n    const kontonummer = "16024454979";\n\n    function copyToClipboard() {\n        navigator.clipboard.writeText(kontonummer);\n        setCopied(true);\n        setTimeout(() => setCopied(false), 2000);\n    }\n\n    return (\n        <p>\n            Kontonummer:{" "}\n            <Tooltip placement={choiceKnob("Plassering")} delay={choiceKnob("Forsinkelse (ms)")}>\n                <TooltipTrigger onClick={copyToClipboard}>{formatKontonummer(kontonummer)}</TooltipTrigger>\n                <TooltipContent>\n                    {copied ? <span aria-live="assertive">Kopiert</span> : "Klikk for å kopiere til utklippstavlen"}\n                </TooltipContent>\n            </Tooltip>\n        </p>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n'),r=n.formatCode('import React from "react";\nimport { PopupTip } from "..";\nimport { formatValuta } from "../../../utilities/formatters";\n\nexport const knobs = [\n    {\n        type: "choice",\n        label: "Plassering",\n        choiceOptions: [\n            { label: "Top", value: "top" },\n            { label: "Top start", value: "top-start" },\n            { label: "Top end", value: "top-end" },\n            { label: "Left", value: "left" },\n            { label: "Right", value: "right" },\n        ],\n        defaultValue: 0,\n    },\n    {\n        type: "choice",\n        label: "Forsinkelse (ms)",\n        choiceOptions: [\n            { label: "0", value: "0" },\n            { label: "150", value: "150" },\n            { label: "250", value: "250" },\n            { label: "500", value: "500" },\n            { label: "1000", value: "1000" },\n        ],\n        defaultValue: 0,\n    },\n];\n\nexport const PopupTipExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    return (\n        <p>\n            Du betaler 348 kr/mnd{" "}\n            <PopupTip\n                placement={choiceKnob("Plassering")}\n                delay={choiceKnob("Forsinkelse (ms)")}\n                content={`Månedsprisen vil variere på fakturaen din gjennom året. Årsprisen er ${formatValuta(4176)}.`}\n                triggerProps={{\n                    onClick: () => console.log("PopupTip clicked"),\n                }}\n            />\n        </p>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n');module.exports=function(){const t=n.useInteractiveCodeControls(l,i),a=n.useInteractiveCodeControls(r,o);return e.jsxs("div",{className:"jkl",children:[e.jsx(n.InteractiveCode,{title:"Tooltip",defaultCode:l,defaultShowEditor:!0,noInline:!0,controls:t}),e.jsx(n.InteractiveCode,{title:"PopupTip",defaultCode:r,defaultShowEditor:!0,noInline:!0,controls:a})]})};
 //# sourceMappingURL=Example.js.map

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

@@ -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.js"),require("../TooltipContent.js"),require("../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.js"),require("../TooltipContent.js"),require("../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/tooltip/documentation/main.js.map

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

package/build/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/accordion/AccordionItem.js"),o=require("./components/accordion/Accordion.js"),r=require("./components/breadcrumb/Breadcrumb.js"),s=require("./components/breadcrumb/BreadcrumbItem.js"),t=require("./components/button/Button.js"),n=require("./components/card/Card.js"),i=require("./components/card/CardImage.js"),a=require("./components/card/NavCard.js"),u=require("./components/card/TaskCard.js"),p=require("./components/card/InfoCard.js"),c=require("./components/checkbox/Checkbox.js"),m=require("./components/combobox/Combobox.js"),l=require("./components/cookie-consent/CookieConsent.js"),x=require("./components/cookie-consent/CookieConsentContext.js"),d=require("./components/datepicker/validation.js"),g=require("./components/datepicker/utils.js"),j=require("./components/datepicker/DatePicker.js"),b=require("./components/feedback/Feedback.js"),q=require("./components/feedback/presets.js"),I=require("./components/description-list/DescriptionList.js"),T=require("../ExpandableTableRow-Bkqt-qP5.cjs"),k=require("./components/expander/ExpandSection.js"),h=require("./components/icon/Icon.js"),C=require("./components/icon/icons/animated/ArrowVerticalAnimated.js"),S=require("./components/icon/icons/animated/ArrowHorizontalAnimated.js"),v=require("./components/icon/icons/animated/PlusRemoveAnimated.js"),M=require("./components/icon/icons/ArrowDownIcon.js"),L=require("./components/icon/icons/ArrowLeftIcon.js"),A=require("./components/icon/icons/ArrowNorthEastIcon.js"),f=require("./components/icon/icons/ArrowRightIcon.js"),E=require("./components/icon/icons/ArrowUpIcon.js"),R=require("./components/icon/icons/CalendarIcon.js"),B=require("./components/icon/icons/CheckIcon.js"),w=require("./components/icon/icons/ChevronDownIcon.js"),D=require("./components/icon/icons/ChevronLeftIcon.js"),F=require("./components/icon/icons/ChevronRightIcon.js"),P=require("./components/icon/icons/ChevronUpIcon.js"),N=require("./components/icon/icons/CloseIcon.js"),V=require("./components/icon/icons/CopyIcon.js"),y=require("./components/icon/icons/DotsIcon.js"),O=require("./components/icon/icons/DragIcon.js"),G=require("./components/icon/icons/ErrorIcon.js"),H=require("./components/icon/icons/GreenCheckIcon.js"),W=require("./components/icon/icons/HamburgerIcon.js"),U=require("./components/icon/icons/InfoIcon.js"),K=require("./components/icon/icons/LinkIcon.js"),X=require("./components/icon/icons/PlusIcon.js"),_=require("./components/icon/icons/QuestionIcon.js"),z=require("./components/icon/icons/RedCrossIcon.js"),Q=require("./components/icon/icons/SearchIcon.js"),J=require("./components/icon/icons/SuccessIcon.js"),Y=require("./components/icon/icons/WarningIcon.js"),Z=require("./components/icon/icons/MinusIcon.js"),$=require("./components/icon/icons/ThumbDownIcon.js"),ee=require("./components/icon/icons/ThumbUpIcon.js"),oe=require("./components/icon/icons/TrashCanIcon.js"),re=require("./components/icon/icons/PenIcon.js"),se=require("./components/icon-button/IconButton.js"),te=require("./components/image/Image.js"),ne=require("./components/input-group/FieldGroup.js"),ie=require("./components/input-group/InputGroup.js"),ae=require("./components/input-group/Label.js"),ue=require("./components/input-group/SupportLabel.js"),pe=require("./components/link/Link.js"),ce=require("./components/link/NavLink.js"),me=require("./components/link-list/LinkList.js"),le=require("./components/list/List.js"),xe=require("./components/list/ListItem.js"),de=require("./components/loader/Loader.js"),ge=require("./components/loader/skeletons/SkeletonAnimation.js"),je=require("./components/loader/skeletons/SkeletonButton.js"),be=require("./components/loader/skeletons/SkeletonCheckboxGroup.js"),qe=require("./components/loader/skeletons/SkeletonElement.js"),Ie=require("./components/loader/skeletons/SkeletonInput.js"),Te=require("./components/loader/skeletons/SkeletonRadioButtonGroup.js"),ke=require("./components/loader/skeletons/SkeletonTable.js"),he=require("./components/loader/skeletons/SkeletonTextArea.js"),Ce=require("./components/logo/Logo.js"),Se=require("./components/logo/LogoStamp.js"),ve=require("./components/logo/text-paths/ForsikringLevertAvFremtind.js"),Me=require("./components/logo/text-paths/FraSB1ogDNB.js"),Le=require("./components/logo/text-paths/InnovasjonFraFremtind.js"),Ae=require("./components/logo/text-paths/TeknologiFraFremtind.js"),fe=require("./components/logo/text-paths/VartEgetForsikringsselskap.js"),Ee=require("./components/logo/text-paths/VartForsikringsselskap.js"),Re=require("./components/menu/MenuItem.js"),Be=require("./components/menu/MenuItemCheckbox.js"),we=require("./components/menu/MenuDivider.js"),De=require("./components/message/Message.js"),Fe=require("./components/message/FormErrorMessage.js"),Pe=require("./components/modal/Modal.js"),Ne=require("./components/modal/useModal.js"),Ve=require("./components/popover/Popover.js"),ye=require("./components/progress-bar/Countdown.js"),Oe=require("./components/progress-bar/ProgressBar.js"),Ge=require("./components/radio-button/RadioButton.js"),He=require("./components/radio-button/RadioButtonGroup.js"),We=require("./components/radio-button/BaseRadioButton.js"),Ue=require("./components/summary-table/SummaryTable.js"),Ke=require("./components/summary-table/SummaryTableRow.js"),Xe=require("./components/system-message/SystemMessage.js"),_e=require("./components/table/DataTable.js"),ze=require("./components/table/Table.js"),Qe=require("./components/table/TableBody.js"),Je=require("./components/table/TableCaption.js"),Ye=require("./components/table/TableCell.js"),Ze=require("./components/table/TableColumn.js"),$e=require("./components/table/TableColumnGroup.js"),eo=require("./components/table/tableContext.js"),oo=require("./components/table/tableSectionContext.js"),ro=require("./components/table/TableFooter.js"),so=require("./components/table/TableHead.js"),to=require("./components/table/TableHeader.js"),no=require("./components/table/TableRow.js"),io=require("./components/table/utils.js"),ao=require("./components/tabs/NavTab.js"),uo=require("./components/tabs/NavTabs.js"),po=require("./components/tabs/Tabs.js"),co=require("./components/tabs/TabList.js"),mo=require("./components/tabs/Tab.js"),lo=require("./components/tabs/TabPanel.js"),xo=require("./components/tag/Tag.js"),go=require("./components/text-input/BaseTextArea.js"),jo=require("./components/text-input/BaseTextInput.js"),bo=require("./components/text-input/TextArea.js"),qo=require("./components/text-input/TextInput.js"),Io=require("./components/toast/toastContext.js"),To=require("./components/toggle-switch/ToggleSwitch.js"),ko=require("./components/toggle-switch/ToggleSlider.js"),ho=require("./components/tooltip/Tooltip.js"),Co=require("./components/tooltip/TooltipContent.js"),So=require("./components/tooltip/TooltipTrigger.js"),vo=require("./components/tooltip/PopupTip.js"),Mo=require("./components/ScreenReaderOnly.js"),Lo=require("./core/tokens.js"),Ao=require("./hooks/useAnimatedDetails/useAnimatedDetails.js"),fo=require("./hooks/useAnimatedHeight/useAnimatedHeight.js"),Eo=require("./hooks/useAnimatedHeight/useAnimatedHeightBetween.js"),Ro=require("./hooks/useAnimatedHeight/useAutoAnimateHeight.js"),Bo=require("./hooks/useBrowserPreferences/useBrowserPreferences.js"),wo=require("./hooks/useIntersectionObserver/useIntersectionObserver.js"),Do=require("./hooks/useLocalStorage/useLocalStorage.js"),Fo=require("./hooks/useMutationObserver/useMutationObserver.js"),Po=require("./hooks/usePreviousValue/usePreviousValue.js"),No=require("./hooks/useProgressiveImg/useProgressiveImg.js"),Vo=require("./hooks/useScreen/useScreen.js"),yo=require("./hooks/useScrollIntoView/useScrollIntoView.js"),Oo=require("./hooks/useAriaLiveRegion/useAriaLiveRegion.js"),Go=require("./hooks/useClickOutside/useClickOutside.js"),Ho=require("./hooks/useFocusOutside/useFocusOutside.js"),Wo=require("./hooks/useElementDimensions/useElementDimensions.js"),Uo=require("./hooks/useId/useId.js"),Ko=require("./hooks/useKeyListener/useKeyListener.js"),Xo=require("./hooks/useListNavigation/useListNavigation.js"),_o=require("./hooks/useSwipeGesture/useSwipeGesture.js"),zo=require("../index-hKyqa1PH.cjs"),Qo=require("./utilities/formatters/util/formatNumber.js"),Jo=require("./utilities/formatters/util/parseNumber.js"),Yo=require("./utilities/formatters/util/registerWithMask.js"),Zo=require("./utilities/formatters/avstand/formatAvstand.js"),$o=require("./utilities/formatters/bytes/formatBytes.js"),er=require("./utilities/formatters/date/formatDate.js"),or=require("./utilities/formatters/fodselsnummer/formatFodselsnummer.js"),rr=require("./utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.js"),sr=require("./utilities/formatters/kontonummer/formatKontonummer.js"),tr=require("./utilities/formatters/kortnummer/formatKortnummer.js"),nr=require("./utilities/formatters/telefonnummer/formatTelefonnummer.js"),ir=require("./utilities/formatters/valuta/formatValuta.js"),ar=require("./utilities/getThemeAndDensity.js"),ur=require("./utilities/polymorphism/mergeProps.js"),pr=require("./utilities/polymorphism/mergeRefs.js"),cr=require("./utilities/polymorphism/SlotComponent.js"),mr=require("./utilities/validators/isValidEpost/isValidEpost.js"),lr=require("./utilities/validators/isValidTelefonnummer/isValidTelefonnummer.js"),xr=require("./utilities/validators/isValidRegistreringsnummer/isValidRegistreringsnummer.js"),dr=require("./utilities/validators/isValidChassisnummer/isValidChassisnummer.js"),gr=require("./utilities/validators/isValidDogId/isValidDogId.js"),jr=require("./utilities/validators/isExactLength/isExactLength.js"),br=require("./utilities/validators/isInteger/isInteger.js"),qr=require("./utilities/validators/isValidFodselsnummer/isValidFodselsnummer.js"),Ir=require("./utilities/validators/isValidOrganisasjonsnummer/isValidOrganisasjonsnummer.js"),Tr=require("./utilities/validators/isValidName/isValidName.js"),kr=require("./utilities/validators/hasMinimumWords/hasMinimumWords.js"),hr=require("./utilities/validators/hasNoIllegalCharacters/hasNoIllegalCharacters.js"),Cr=require("./utilities/tabListener.js"),Sr=require("./utilities/valuePair.js");exports.AccordionItem=e.AccordionItem,exports.Accordion=o.Accordion,exports.Breadcrumb=r.Breadcrumb,exports.BreadcrumbItem=s.BreadcrumbItem,exports.Button=t.Button,exports.PrimaryButton=t.PrimaryButton,exports.SecondaryButton=t.SecondaryButton,exports.TertiaryButton=t.TertiaryButton,exports.Card=n.Card,exports.CardImage=i.CardImage,exports.InfoBlock=a.InfoBlock,exports.NavCard=a.NavCard,exports.TaskCard=u.TaskCard,exports.InfoCard=p.InfoCard,exports.Checkbox=c.Checkbox,exports.Combobox=m.Combobox,exports.getComboboxValuePair=m.getComboboxValuePair,exports.CookieConsent=l.CookieConsent,exports.CookieConsentProvider=x.CookieConsentProvider,exports.useCookieConsent=x.useCookieConsent,exports.isCorrectFormat=d.isCorrectFormat,exports.isWithinLowerBound=d.isWithinLowerBound,exports.isWithinUpperBound=d.isWithinUpperBound,exports.dayMonthYearRegex=g.dayMonthYearRegex,exports.formatInput=g.formatInput,exports.isBlurTargetOutside=g.isBlurTargetOutside,exports.parseDateString=g.parseDateString,exports.DatePicker=j.DatePicker,exports.Feedback=b.Feedback,exports.PRESETS=q.PRESETS,exports.DescriptionDetail=I.DescriptionDetail,exports.DescriptionList=I.DescriptionList,exports.DescriptionTerm=I.DescriptionTerm,exports.ExpandableTableRow=T.ExpandableTableRow,exports.ExpandableTableRowController=T.ExpandableTableRowController,exports.Expander=T.Expander,exports.Menu=T.Menu,exports.NativeSelect=T.NativeSelect,exports.Select=T.Select,exports.TablePagination=T.TablePagination,exports.ExpandSection=k.ExpandSection,exports.Icon=h.Icon,exports.ArrowVerticalAnimated=C.ArrowVerticalAnimated,exports.ArrowHorizontalAnimated=S.ArrowHorizontalAnimated,exports.PlusRemoveAnimated=v.PlusRemoveAnimated,exports.ArrowDownIcon=M.ArrowDownIcon,exports.ArrowLeftIcon=L.ArrowLeftIcon,exports.ArrowNorthEastIcon=A.ArrowNorthEastIcon,exports.ArrowRightIcon=f.ArrowRightIcon,exports.ArrowUpIcon=E.ArrowUpIcon,exports.CalendarIcon=R.CalendarIcon,exports.CheckIcon=B.CheckIcon,exports.ChevronDownIcon=w.ChevronDownIcon,exports.ChevronLeftIcon=D.ChevronLeftIcon,exports.ChevronRightIcon=F.ChevronRightIcon,exports.ChevronUpIcon=P.ChevronUpIcon,exports.CloseIcon=N.CloseIcon,exports.CopyIcon=V.CopyIcon,exports.DotsIcon=y.DotsIcon,exports.DragIcon=O.DragIcon,exports.ErrorIcon=G.ErrorIcon,exports.GreenCheckIcon=H.GreenCheckIcon,exports.HamburgerIcon=W.HamburgerIcon,exports.InfoIcon=U.InfoIcon,exports.LinkIcon=K.LinkIcon,exports.PlusIcon=X.PlusIcon,exports.QuestionIcon=_.QuestionIcon,exports.RedCrossIcon=z.RedCrossIcon,exports.SearchIcon=Q.SearchIcon,exports.SuccessIcon=J.SuccessIcon,exports.WarningIcon=Y.WarningIcon,exports.MinusIcon=Z.MinusIcon,exports.ThumbDownIcon=$.ThumbDownIcon,exports.ThumbUpIcon=ee.ThumbUpIcon,exports.TrashCanIcon=oe.TrashCanIcon,exports.PenIcon=re.PenIcon,exports.IconButton=se.IconButton,exports.Image=te.Image,exports.FieldGroup=ne.FieldGroup,exports.InputGroup=ie.InputGroup,exports.Label=ae.Label,exports.SupportLabel=ue.SupportLabel,exports.Link=pe.Link,exports.NavLink=ce.NavLink,exports.LinkList=me.LinkList,exports.List=le.List,exports.OrderedList=le.OrderedList,exports.UnorderedList=le.UnorderedList,exports.CheckListItem=xe.CheckListItem,exports.CrossListItem=xe.CrossListItem,exports.ListItem=xe.ListItem,exports.Loader=de.Loader,exports.SkeletonAnimation=ge.SkeletonAnimation,exports.SkeletonButton=je.SkeletonButton,exports.SkeletonCheckboxGroup=be.SkeletonCheckboxGroup,exports.SkeletonElement=qe.SkeletonElement,exports.SkeletonInput=Ie.SkeletonInput,exports.SkeletonRadioButtonGroup=Te.SkeletonRadioButtonGroup,exports.SkeletonTable=ke.SkeletonTable,exports.SkeletonTableHeader=ke.SkeletonTableHeader,exports.SkeletonTableRow=ke.SkeletonTableRow,exports.SkeletonTextArea=he.SkeletonTextArea,exports.Logo=Ce.Logo,exports.LogoStamp=Se.LogoStamp,exports.ForsikringLevertAvFremtind=ve.ForsikringLevertAvFremtind,exports.FraSB1ogDNB=Me.FraSB1ogDNB,exports.InnovasjonFraFremtind=Le.InnovasjonFraFremtind,exports.TeknologiFraFremtind=Ae.TeknologiFraFremtind,exports.VartEgetForsikringsselskap=fe.VartEgetForsikringsselskap,exports.VartForsikringsselskap=Ee.VartForsikringsselskap,exports.MenuItem=Re.MenuItem,exports.MenuItemCheckbox=Be.MenuItemCheckbox,exports.MenuDivider=we.MenuDivider,exports.ErrorMessage=De.ErrorMessage,exports.InfoMessage=De.InfoMessage,exports.SuccessMessage=De.SuccessMessage,exports.WarningMessage=De.WarningMessage,exports.FormErrorMessage=Fe.FormErrorMessage,exports.Modal=Pe.Modal,exports.ModalActions=Pe.ModalActions,exports.ModalBody=Pe.ModalBody,exports.ModalCloseButton=Pe.ModalCloseButton,exports.ModalContainer=Pe.ModalContainer,exports.ModalHeader=Pe.ModalHeader,exports.ModalOverlay=Pe.ModalOverlay,exports.ModalTitle=Pe.ModalTitle,exports.useModal=Ne.useModal,exports.Popover=Ve,exports.Countdown=ye.Countdown,exports.ProgressBar=Oe.ProgressBar,exports.RadioButton=Ge.RadioButton,exports.RadioButtonGroup=He.RadioButtonGroup,exports.BaseRadioButton=We.BaseRadioButton,exports.SummaryTable=Ue.SummaryTable,exports.SummaryTableRow=Ke.SummaryTableRow,exports.ErrorSystemMessage=Xe.ErrorSystemMessage,exports.InfoSystemMessage=Xe.InfoSystemMessage,exports.SuccessSystemMessage=Xe.SuccessSystemMessage,exports.WarningSystemMessage=Xe.WarningSystemMessage,exports.DataTable=_e.DataTable,exports.Table=ze.Table,exports.TableBody=Qe.TableBody,exports.TableCaption=Je.TableCaption,exports.TableCell=Ye.TableCell,exports.TableColumn=Ze.TableColumn,exports.TableColumnGroup=$e.TableColumnGroup,exports.TableContextProvider=eo.TableContextProvider,exports.useTableContext=eo.useTableContext,exports.TableSectionContextProvider=oo.TableSectionContextProvider,exports.useTableSectionContext=oo.useTableSectionContext,exports.TableFooter=ro.TableFooter,exports.TableHead=so.TableHead,exports.TableHeader=to.TableHeader,exports.TableRow=no.TableRow,exports.useSortableTableHeader=io.useSortableTableHeader,exports.NavTab=ao.NavTab,exports.NavTabs=uo.NavTabs,exports.Tabs=po.Tabs,exports.TabList=co.TabList,exports.Tab=mo.Tab,exports.TabPanel=lo.TabPanel,exports.ErrorTag=xo.ErrorTag,exports.InfoTag=xo.InfoTag,exports.SuccessTag=xo.SuccessTag,exports.Tag=xo.Tag,exports.WarningTag=xo.WarningTag,exports.BaseTextArea=go.BaseTextArea,exports.BaseTextInput=jo.BaseTextInput,exports.TextArea=bo.TextArea,exports.TextInput=qo.TextInput,exports.ToastProvider=Io.ToastProvider,exports.useToast=Io.useToast,exports.ToggleSwitch=To.ToggleSwitch,exports.ToggleSlider=ko.ToggleSlider,exports.Tooltip=ho.Tooltip,exports.TooltipContent=Co.TooltipContent,exports.TooltipTrigger=So.TooltipTrigger,exports.PopupTip=vo.PopupTip,exports.ScreenReaderOnly=Mo.ScreenReaderOnly,exports.tokens=Lo,exports.useAnimatedDetails=Ao.useAnimatedDetails,exports.useAnimatedHeight=fo.useAnimatedHeight,exports.useAnimatedHeightBetween=Eo.useAnimatedHeightBetween,exports.useAutoAnimatedHeight=Ro.useAutoAnimatedHeight,exports.useBrowserPreferences=Bo.useBrowserPreferences,exports.useIntersectionObserver=wo.useIntersectionObserver,exports.useLocalStorage=Do.useLocalStorage,exports.useMutationObserver=Fo.useMutationObserver,exports.usePreviousValue=Po.usePreviousValue,exports.useProgressiveImg=No.useProgressiveImg,exports.useScreen=Vo.useScreen,exports.useScrollIntoView=yo.useScrollIntoView,exports.useAriaLiveRegion=Oo.useAriaLiveRegion,exports.useClickOutside=Go.useClickOutside,exports.useFocusOutside=Ho.useFocusOutside,exports.useElementDimensions=Wo.useElementDimensions,exports.useId=Uo.useId,exports.useKeyListener=Ko.useKeyListener,exports.useListNavigation=Xo.useListNavigation,exports.useSwipeGesture=_o.useSwipeGesture,exports.unicode=zo.unicode,exports.formatNumber=Qo.formatNumber,exports.parseNumber=Jo.parseNumber,exports.registerWithFodselsnummerMask=Yo.registerWithFodselsnummerMask,exports.registerWithKontonummerMask=Yo.registerWithKontonummerMask,exports.registerWithKortnummerMask=Yo.registerWithKortnummerMask,exports.registerWithMasks=Yo.registerWithMasks,exports.registerWithTelefonnummerMask=Yo.registerWithTelefonnummerMask,exports.formatAvstand=Zo.formatAvstand,exports.formatBytes=$o.formatBytes,exports.formatDate=er.formatDate,exports.FODSELSNUMMER_REGEX=or.FODSELSNUMMER_REGEX,exports.formatFodselsnummer=or.formatFodselsnummer,exports.ORGANISASJONSNUMMER_REGEX=rr.ORGANISASJONSNUMMER_REGEX,exports.formatOrganisasjonsnummer=rr.formatOrganisasjonsnummer,exports.KONTONUMMER_REGEX=sr.KONTONUMMER_REGEX,exports.formatKontonummer=sr.formatKontonummer,exports.KORTNUMMER_REGEX=tr.KORTNUMMER_REGEX,exports.formatKortnummer=tr.formatKortnummer,exports.TELEFONNUMMER_REGEX=nr.TELEFONNUMMER_REGEX,exports.formatTelefonnummer=nr.formatTelefonnummer,exports.formatValuta=ir.formatValuta,exports.getThemeAndDensity=ar.getThemeAndDensity,exports.mergeProps=ur.mergeProps,exports.mergeRefs=pr.mergeRefs,exports.SlotComponent=cr.SlotComponent,exports.isValidEpost=mr.isValidEpost,exports.isValidTelefonnummer=lr.isValidTelefonnummer,exports.isValidRegistreringsnummer=xr.isValidRegistreringsnummer,exports.isValidChassisnummer=dr.isValidChassisnummer,exports.isValidDogId=gr.isValidDogId,exports.isExactLength=jr.isExactLength,exports.isInteger=br.isInteger,exports.isValidFodselsnummer=qr.isValidFodselsnummer,exports.isValidOrganisasjonsnummer=Ir.isValidOrganisasjonsnummer,exports.isValidName=Tr.isValidName,exports.hasMinimumWords=kr.hasMinimumWords,exports.hasNoIllegalCharacters=hr.hasNoIllegalCharacters,exports.initTabListener=Cr.initTabListener,exports.getValuePair=Sr.getValuePair;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/accordion/AccordionItem.js"),o=require("./components/accordion/Accordion.js"),r=require("./components/breadcrumb/Breadcrumb.js"),s=require("./components/breadcrumb/BreadcrumbItem.js"),t=require("./components/button/Button.js"),n=require("./components/card/Card.js"),i=require("./components/card/CardImage.js"),a=require("./components/card/NavCard.js"),u=require("./components/card/TaskCard.js"),p=require("./components/card/InfoCard.js"),c=require("./components/checkbox/Checkbox.js"),m=require("./components/combobox/Combobox.js"),l=require("./components/cookie-consent/CookieConsent.js"),x=require("./components/cookie-consent/CookieConsentContext.js"),d=require("./components/datepicker/validation.js"),g=require("./components/datepicker/utils.js"),j=require("./components/datepicker/DatePicker.js"),b=require("./components/feedback/Feedback.js"),q=require("./components/feedback/presets.js"),I=require("./components/flex/Flex.js"),T=require("./components/description-list/DescriptionList.js"),k=require("../ExpandableTableRow-BGglv7mF.cjs"),h=require("./components/expander/ExpandSection.js"),C=require("./components/icon/Icon.js"),S=require("./components/icon/icons/animated/ArrowVerticalAnimated.js"),v=require("./components/icon/icons/animated/ArrowHorizontalAnimated.js"),M=require("./components/icon/icons/animated/PlusRemoveAnimated.js"),L=require("./components/icon/icons/ArrowDownIcon.js"),f=require("./components/icon/icons/ArrowLeftIcon.js"),A=require("./components/icon/icons/ArrowNorthEastIcon.js"),E=require("./components/icon/icons/ArrowRightIcon.js"),R=require("./components/icon/icons/ArrowUpIcon.js"),B=require("./components/icon/icons/CalendarIcon.js"),w=require("./components/icon/icons/CheckIcon.js"),F=require("./components/icon/icons/ChevronDownIcon.js"),D=require("./components/icon/icons/ChevronLeftIcon.js"),P=require("./components/icon/icons/ChevronRightIcon.js"),N=require("./components/icon/icons/ChevronUpIcon.js"),V=require("./components/icon/icons/CloseIcon.js"),y=require("./components/icon/icons/CopyIcon.js"),O=require("./components/icon/icons/DotsIcon.js"),G=require("./components/icon/icons/DragIcon.js"),H=require("./components/icon/icons/ErrorIcon.js"),W=require("./components/icon/icons/GreenCheckIcon.js"),U=require("./components/icon/icons/HamburgerIcon.js"),K=require("./components/icon/icons/InfoIcon.js"),X=require("./components/icon/icons/LinkIcon.js"),_=require("./components/icon/icons/PlusIcon.js"),z=require("./components/icon/icons/QuestionIcon.js"),Q=require("./components/icon/icons/RedCrossIcon.js"),J=require("./components/icon/icons/SearchIcon.js"),Y=require("./components/icon/icons/SuccessIcon.js"),Z=require("./components/icon/icons/WarningIcon.js"),$=require("./components/icon/icons/MinusIcon.js"),ee=require("./components/icon/icons/ThumbDownIcon.js"),oe=require("./components/icon/icons/ThumbUpIcon.js"),re=require("./components/icon/icons/TrashCanIcon.js"),se=require("./components/icon/icons/PenIcon.js"),te=require("./components/icon-button/IconButton.js"),ne=require("./components/image/Image.js"),ie=require("./components/input-group/FieldGroup.js"),ae=require("./components/input-group/InputGroup.js"),ue=require("./components/input-group/Label.js"),pe=require("./components/input-group/SupportLabel.js"),ce=require("./components/link/Link.js"),me=require("./components/link/NavLink.js"),le=require("./components/link-list/LinkList.js"),xe=require("./components/list/List.js"),de=require("./components/list/ListItem.js"),ge=require("./components/loader/Loader.js"),je=require("./components/loader/skeletons/SkeletonAnimation.js"),be=require("./components/loader/skeletons/SkeletonButton.js"),qe=require("./components/loader/skeletons/SkeletonCheckboxGroup.js"),Ie=require("./components/loader/skeletons/SkeletonElement.js"),Te=require("./components/loader/skeletons/SkeletonInput.js"),ke=require("./components/loader/skeletons/SkeletonRadioButtonGroup.js"),he=require("./components/loader/skeletons/SkeletonTable.js"),Ce=require("./components/loader/skeletons/SkeletonTextArea.js"),Se=require("./components/logo/Logo.js"),ve=require("./components/logo/LogoStamp.js"),Me=require("./components/logo/text-paths/ForsikringLevertAvFremtind.js"),Le=require("./components/logo/text-paths/FraSB1ogDNB.js"),fe=require("./components/logo/text-paths/InnovasjonFraFremtind.js"),Ae=require("./components/logo/text-paths/TeknologiFraFremtind.js"),Ee=require("./components/logo/text-paths/VartEgetForsikringsselskap.js"),Re=require("./components/logo/text-paths/VartForsikringsselskap.js"),Be=require("./components/menu/MenuItem.js"),we=require("./components/menu/MenuItemCheckbox.js"),Fe=require("./components/menu/MenuDivider.js"),De=require("./components/message/Message.js"),Pe=require("./components/message/FormErrorMessage.js"),Ne=require("./components/modal/Modal.js"),Ve=require("./components/modal/useModal.js"),ye=require("./components/popover/Popover.js"),Oe=require("./components/progress-bar/Countdown.js"),Ge=require("./components/progress-bar/ProgressBar.js"),He=require("./components/radio-button/RadioButton.js"),We=require("./components/radio-button/RadioButtonGroup.js"),Ue=require("./components/radio-button/BaseRadioButton.js"),Ke=require("./components/summary-table/SummaryTable.js"),Xe=require("./components/summary-table/SummaryTableRow.js"),_e=require("./components/system-message/SystemMessage.js"),ze=require("./components/table/DataTable.js"),Qe=require("./components/table/Table.js"),Je=require("./components/table/TableBody.js"),Ye=require("./components/table/TableCaption.js"),Ze=require("./components/table/TableCell.js"),$e=require("./components/table/TableColumn.js"),eo=require("./components/table/TableColumnGroup.js"),oo=require("./components/table/tableContext.js"),ro=require("./components/table/tableSectionContext.js"),so=require("./components/table/TableFooter.js"),to=require("./components/table/TableHead.js"),no=require("./components/table/TableHeader.js"),io=require("./components/table/TableRow.js"),ao=require("./components/table/utils.js"),uo=require("./components/tabs/NavTab.js"),po=require("./components/tabs/NavTabs.js"),co=require("./components/tabs/Tabs.js"),mo=require("./components/tabs/TabList.js"),lo=require("./components/tabs/Tab.js"),xo=require("./components/tabs/TabPanel.js"),go=require("./components/tag/Tag.js"),jo=require("./components/text-input/BaseTextArea.js"),bo=require("./components/text-input/BaseTextInput.js"),qo=require("./components/text-input/TextArea.js"),Io=require("./components/text-input/TextInput.js"),To=require("./components/toast/toastContext.js"),ko=require("./components/toggle-switch/ToggleSwitch.js"),ho=require("./components/toggle-switch/ToggleSlider.js"),Co=require("./components/tooltip/Tooltip.js"),So=require("./components/tooltip/TooltipContent.js"),vo=require("./components/tooltip/TooltipTrigger.js"),Mo=require("./components/tooltip/PopupTip.js"),Lo=require("./components/ScreenReaderOnly.js"),fo=require("./core/tokens.js"),Ao=require("./hooks/useAnimatedDetails/useAnimatedDetails.js"),Eo=require("./hooks/useAnimatedHeight/useAnimatedHeight.js"),Ro=require("./hooks/useAnimatedHeight/useAnimatedHeightBetween.js"),Bo=require("./hooks/useAnimatedHeight/useAutoAnimateHeight.js"),wo=require("./hooks/useBrowserPreferences/useBrowserPreferences.js"),Fo=require("./hooks/useIntersectionObserver/useIntersectionObserver.js"),Do=require("./hooks/useLocalStorage/useLocalStorage.js"),Po=require("./hooks/useMutationObserver/useMutationObserver.js"),No=require("./hooks/usePreviousValue/usePreviousValue.js"),Vo=require("./hooks/useProgressiveImg/useProgressiveImg.js"),yo=require("./hooks/useScreen/useScreen.js"),Oo=require("./hooks/useScrollIntoView/useScrollIntoView.js"),Go=require("./hooks/useAriaLiveRegion/useAriaLiveRegion.js"),Ho=require("./hooks/useClickOutside/useClickOutside.js"),Wo=require("./hooks/useFocusOutside/useFocusOutside.js"),Uo=require("./hooks/useElementDimensions/useElementDimensions.js"),Ko=require("./hooks/useId/useId.js"),Xo=require("./hooks/useKeyListener/useKeyListener.js"),_o=require("./hooks/useListNavigation/useListNavigation.js"),zo=require("./hooks/useSwipeGesture/useSwipeGesture.js"),Qo=require("../index-hKyqa1PH.cjs"),Jo=require("./utilities/formatters/util/formatNumber.js"),Yo=require("./utilities/formatters/util/parseNumber.js"),Zo=require("./utilities/formatters/util/registerWithMask.js"),$o=require("./utilities/formatters/avstand/formatAvstand.js"),er=require("./utilities/formatters/bytes/formatBytes.js"),or=require("./utilities/formatters/date/formatDate.js"),rr=require("./utilities/formatters/fodselsnummer/formatFodselsnummer.js"),sr=require("./utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.js"),tr=require("./utilities/formatters/kontonummer/formatKontonummer.js"),nr=require("./utilities/formatters/kortnummer/formatKortnummer.js"),ir=require("./utilities/formatters/telefonnummer/formatTelefonnummer.js"),ar=require("./utilities/formatters/valuta/formatValuta.js"),ur=require("./utilities/getThemeAndDensity.js"),pr=require("./utilities/polymorphism/mergeProps.js"),cr=require("./utilities/polymorphism/mergeRefs.js"),mr=require("./utilities/polymorphism/SlotComponent.js"),lr=require("./utilities/validators/isValidEpost/isValidEpost.js"),xr=require("./utilities/validators/isValidTelefonnummer/isValidTelefonnummer.js"),dr=require("./utilities/validators/isValidRegistreringsnummer/isValidRegistreringsnummer.js"),gr=require("./utilities/validators/isValidChassisnummer/isValidChassisnummer.js"),jr=require("./utilities/validators/isValidDogId/isValidDogId.js"),br=require("./utilities/validators/isExactLength/isExactLength.js"),qr=require("./utilities/validators/isInteger/isInteger.js"),Ir=require("./utilities/validators/isValidFodselsnummer/isValidFodselsnummer.js"),Tr=require("./utilities/validators/isValidOrganisasjonsnummer/isValidOrganisasjonsnummer.js"),kr=require("./utilities/validators/isValidName/isValidName.js"),hr=require("./utilities/validators/hasMinimumWords/hasMinimumWords.js"),Cr=require("./utilities/validators/hasNoIllegalCharacters/hasNoIllegalCharacters.js"),Sr=require("./utilities/tabListener.js"),vr=require("./utilities/valuePair.js");exports.AccordionItem=e.AccordionItem,exports.Accordion=o.Accordion,exports.Breadcrumb=r.Breadcrumb,exports.BreadcrumbItem=s.BreadcrumbItem,exports.Button=t.Button,exports.PrimaryButton=t.PrimaryButton,exports.SecondaryButton=t.SecondaryButton,exports.TertiaryButton=t.TertiaryButton,exports.Card=n.Card,exports.CardImage=i.CardImage,exports.InfoBlock=a.InfoBlock,exports.NavCard=a.NavCard,exports.TaskCard=u.TaskCard,exports.InfoCard=p.InfoCard,exports.Checkbox=c.Checkbox,exports.Combobox=m.Combobox,exports.getComboboxValuePair=m.getComboboxValuePair,exports.CookieConsent=l.CookieConsent,exports.CookieConsentProvider=x.CookieConsentProvider,exports.useCookieConsent=x.useCookieConsent,exports.isCorrectFormat=d.isCorrectFormat,exports.isWithinLowerBound=d.isWithinLowerBound,exports.isWithinUpperBound=d.isWithinUpperBound,exports.dayMonthYearRegex=g.dayMonthYearRegex,exports.formatInput=g.formatInput,exports.isBlurTargetOutside=g.isBlurTargetOutside,exports.parseDateString=g.parseDateString,exports.DatePicker=j.DatePicker,exports.Feedback=b.Feedback,exports.PRESETS=q.PRESETS,exports.Flex=I.Flex,exports.DescriptionDetail=T.DescriptionDetail,exports.DescriptionList=T.DescriptionList,exports.DescriptionTerm=T.DescriptionTerm,exports.ExpandableTableRow=k.ExpandableTableRow,exports.ExpandableTableRowController=k.ExpandableTableRowController,exports.Expander=k.Expander,exports.Menu=k.Menu,exports.NativeSelect=k.NativeSelect,exports.Select=k.Select,exports.TablePagination=k.TablePagination,exports.ExpandSection=h.ExpandSection,exports.Icon=C.Icon,exports.ArrowVerticalAnimated=S.ArrowVerticalAnimated,exports.ArrowHorizontalAnimated=v.ArrowHorizontalAnimated,exports.PlusRemoveAnimated=M.PlusRemoveAnimated,exports.ArrowDownIcon=L.ArrowDownIcon,exports.ArrowLeftIcon=f.ArrowLeftIcon,exports.ArrowNorthEastIcon=A.ArrowNorthEastIcon,exports.ArrowRightIcon=E.ArrowRightIcon,exports.ArrowUpIcon=R.ArrowUpIcon,exports.CalendarIcon=B.CalendarIcon,exports.CheckIcon=w.CheckIcon,exports.ChevronDownIcon=F.ChevronDownIcon,exports.ChevronLeftIcon=D.ChevronLeftIcon,exports.ChevronRightIcon=P.ChevronRightIcon,exports.ChevronUpIcon=N.ChevronUpIcon,exports.CloseIcon=V.CloseIcon,exports.CopyIcon=y.CopyIcon,exports.DotsIcon=O.DotsIcon,exports.DragIcon=G.DragIcon,exports.ErrorIcon=H.ErrorIcon,exports.GreenCheckIcon=W.GreenCheckIcon,exports.HamburgerIcon=U.HamburgerIcon,exports.InfoIcon=K.InfoIcon,exports.LinkIcon=X.LinkIcon,exports.PlusIcon=_.PlusIcon,exports.QuestionIcon=z.QuestionIcon,exports.RedCrossIcon=Q.RedCrossIcon,exports.SearchIcon=J.SearchIcon,exports.SuccessIcon=Y.SuccessIcon,exports.WarningIcon=Z.WarningIcon,exports.MinusIcon=$.MinusIcon,exports.ThumbDownIcon=ee.ThumbDownIcon,exports.ThumbUpIcon=oe.ThumbUpIcon,exports.TrashCanIcon=re.TrashCanIcon,exports.PenIcon=se.PenIcon,exports.IconButton=te.IconButton,exports.Image=ne.Image,exports.FieldGroup=ie.FieldGroup,exports.InputGroup=ae.InputGroup,exports.Label=ue.Label,exports.SupportLabel=pe.SupportLabel,exports.Link=ce.Link,exports.NavLink=me.NavLink,exports.LinkList=le.LinkList,exports.List=xe.List,exports.OrderedList=xe.OrderedList,exports.UnorderedList=xe.UnorderedList,exports.CheckListItem=de.CheckListItem,exports.CrossListItem=de.CrossListItem,exports.ListItem=de.ListItem,exports.Loader=ge.Loader,exports.SkeletonAnimation=je.SkeletonAnimation,exports.SkeletonButton=be.SkeletonButton,exports.SkeletonCheckboxGroup=qe.SkeletonCheckboxGroup,exports.SkeletonElement=Ie.SkeletonElement,exports.SkeletonInput=Te.SkeletonInput,exports.SkeletonRadioButtonGroup=ke.SkeletonRadioButtonGroup,exports.SkeletonTable=he.SkeletonTable,exports.SkeletonTableHeader=he.SkeletonTableHeader,exports.SkeletonTableRow=he.SkeletonTableRow,exports.SkeletonTextArea=Ce.SkeletonTextArea,exports.Logo=Se.Logo,exports.LogoStamp=ve.LogoStamp,exports.ForsikringLevertAvFremtind=Me.ForsikringLevertAvFremtind,exports.FraSB1ogDNB=Le.FraSB1ogDNB,exports.InnovasjonFraFremtind=fe.InnovasjonFraFremtind,exports.TeknologiFraFremtind=Ae.TeknologiFraFremtind,exports.VartEgetForsikringsselskap=Ee.VartEgetForsikringsselskap,exports.VartForsikringsselskap=Re.VartForsikringsselskap,exports.MenuItem=Be.MenuItem,exports.MenuItemCheckbox=we.MenuItemCheckbox,exports.MenuDivider=Fe.MenuDivider,exports.ErrorMessage=De.ErrorMessage,exports.InfoMessage=De.InfoMessage,exports.SuccessMessage=De.SuccessMessage,exports.WarningMessage=De.WarningMessage,exports.FormErrorMessage=Pe.FormErrorMessage,exports.Modal=Ne.Modal,exports.ModalActions=Ne.ModalActions,exports.ModalBody=Ne.ModalBody,exports.ModalCloseButton=Ne.ModalCloseButton,exports.ModalContainer=Ne.ModalContainer,exports.ModalHeader=Ne.ModalHeader,exports.ModalOverlay=Ne.ModalOverlay,exports.ModalTitle=Ne.ModalTitle,exports.useModal=Ve.useModal,exports.Popover=ye,exports.Countdown=Oe.Countdown,exports.ProgressBar=Ge.ProgressBar,exports.RadioButton=He.RadioButton,exports.RadioButtonGroup=We.RadioButtonGroup,exports.BaseRadioButton=Ue.BaseRadioButton,exports.SummaryTable=Ke.SummaryTable,exports.SummaryTableRow=Xe.SummaryTableRow,exports.ErrorSystemMessage=_e.ErrorSystemMessage,exports.InfoSystemMessage=_e.InfoSystemMessage,exports.SuccessSystemMessage=_e.SuccessSystemMessage,exports.WarningSystemMessage=_e.WarningSystemMessage,exports.DataTable=ze.DataTable,exports.Table=Qe.Table,exports.TableBody=Je.TableBody,exports.TableCaption=Ye.TableCaption,exports.TableCell=Ze.TableCell,exports.TableColumn=$e.TableColumn,exports.TableColumnGroup=eo.TableColumnGroup,exports.TableContextProvider=oo.TableContextProvider,exports.useTableContext=oo.useTableContext,exports.TableSectionContextProvider=ro.TableSectionContextProvider,exports.useTableSectionContext=ro.useTableSectionContext,exports.TableFooter=so.TableFooter,exports.TableHead=to.TableHead,exports.TableHeader=no.TableHeader,exports.TableRow=io.TableRow,exports.useSortableTableHeader=ao.useSortableTableHeader,exports.NavTab=uo.NavTab,exports.NavTabs=po.NavTabs,exports.Tabs=co.Tabs,exports.TabList=mo.TabList,exports.Tab=lo.Tab,exports.TabPanel=xo.TabPanel,exports.ErrorTag=go.ErrorTag,exports.InfoTag=go.InfoTag,exports.SuccessTag=go.SuccessTag,exports.Tag=go.Tag,exports.WarningTag=go.WarningTag,exports.BaseTextArea=jo.BaseTextArea,exports.BaseTextInput=bo.BaseTextInput,exports.TextArea=qo.TextArea,exports.TextInput=Io.TextInput,exports.ToastProvider=To.ToastProvider,exports.useToast=To.useToast,exports.ToggleSwitch=ko.ToggleSwitch,exports.ToggleSlider=ho.ToggleSlider,exports.Tooltip=Co.Tooltip,exports.TooltipContent=So.TooltipContent,exports.TooltipTrigger=vo.TooltipTrigger,exports.PopupTip=Mo.PopupTip,exports.ScreenReaderOnly=Lo.ScreenReaderOnly,exports.tokens=fo,exports.useAnimatedDetails=Ao.useAnimatedDetails,exports.useAnimatedHeight=Eo.useAnimatedHeight,exports.useAnimatedHeightBetween=Ro.useAnimatedHeightBetween,exports.useAutoAnimatedHeight=Bo.useAutoAnimatedHeight,exports.useBrowserPreferences=wo.useBrowserPreferences,exports.useIntersectionObserver=Fo.useIntersectionObserver,exports.useLocalStorage=Do.useLocalStorage,exports.useMutationObserver=Po.useMutationObserver,exports.usePreviousValue=No.usePreviousValue,exports.useProgressiveImg=Vo.useProgressiveImg,exports.useScreen=yo.useScreen,exports.useScrollIntoView=Oo.useScrollIntoView,exports.useAriaLiveRegion=Go.useAriaLiveRegion,exports.useClickOutside=Ho.useClickOutside,exports.useFocusOutside=Wo.useFocusOutside,exports.useElementDimensions=Uo.useElementDimensions,exports.useId=Ko.useId,exports.useKeyListener=Xo.useKeyListener,exports.useListNavigation=_o.useListNavigation,exports.useSwipeGesture=zo.useSwipeGesture,exports.unicode=Qo.unicode,exports.formatNumber=Jo.formatNumber,exports.parseNumber=Yo.parseNumber,exports.registerWithFodselsnummerMask=Zo.registerWithFodselsnummerMask,exports.registerWithKontonummerMask=Zo.registerWithKontonummerMask,exports.registerWithKortnummerMask=Zo.registerWithKortnummerMask,exports.registerWithMasks=Zo.registerWithMasks,exports.registerWithTelefonnummerMask=Zo.registerWithTelefonnummerMask,exports.formatAvstand=$o.formatAvstand,exports.formatBytes=er.formatBytes,exports.formatDate=or.formatDate,exports.FODSELSNUMMER_REGEX=rr.FODSELSNUMMER_REGEX,exports.formatFodselsnummer=rr.formatFodselsnummer,exports.ORGANISASJONSNUMMER_REGEX=sr.ORGANISASJONSNUMMER_REGEX,exports.formatOrganisasjonsnummer=sr.formatOrganisasjonsnummer,exports.KONTONUMMER_REGEX=tr.KONTONUMMER_REGEX,exports.formatKontonummer=tr.formatKontonummer,exports.KORTNUMMER_REGEX=nr.KORTNUMMER_REGEX,exports.formatKortnummer=nr.formatKortnummer,exports.TELEFONNUMMER_REGEX=ir.TELEFONNUMMER_REGEX,exports.formatTelefonnummer=ir.formatTelefonnummer,exports.formatValuta=ar.formatValuta,exports.getThemeAndDensity=ur.getThemeAndDensity,exports.mergeProps=pr.mergeProps,exports.mergeRefs=cr.mergeRefs,exports.SlotComponent=mr.SlotComponent,exports.isValidEpost=lr.isValidEpost,exports.isValidTelefonnummer=xr.isValidTelefonnummer,exports.isValidRegistreringsnummer=dr.isValidRegistreringsnummer,exports.isValidChassisnummer=gr.isValidChassisnummer,exports.isValidDogId=jr.isValidDogId,exports.isExactLength=br.isExactLength,exports.isInteger=qr.isInteger,exports.isValidFodselsnummer=Ir.isValidFodselsnummer,exports.isValidOrganisasjonsnummer=Tr.isValidOrganisasjonsnummer,exports.isValidName=kr.isValidName,exports.hasMinimumWords=hr.hasMinimumWords,exports.hasNoIllegalCharacters=Cr.hasNoIllegalCharacters,exports.initTabListener=Sr.initTabListener,exports.getValuePair=vr.getValuePair;
 //# sourceMappingURL=index.js.map

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

@@ -1,2 +1,2 @@
-import{jsx as n}from"react/jsx-runtime";import{f as o,u as i,I as s}from"../../../../formatCode-DzuWIQfw.js";import"react";import"../../../hooks/useScreen/useScreen.js";import"../../../hooks/useId/useId.js";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/WarningIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/PenIcon.js";import"../../list/List.js";import"../../list/ListItem.js";const e=[],r=o('import React, { useId } from "react";\nimport { Accordion, AccordionItem } from "..";\nimport { UnorderedList, ListItem } from "../../list";\n\nexport const knobs = [];\n\nexport const AccordionExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    const id = useId();\n    return (\n        <>\n            <h2\n                className="jkl-portal-heading-medium"\n                id={id}\n                style={{ textAlign: "center", marginBottom: 24, width: "100%" }}\n            >\n                Noen spørsmål\n            </h2>\n            <Accordion aria-labelledby={id}>\n                <AccordionItem\n                    title="Hvem kan kjøpe livsforsikring?"\n                    onClick={(e, isOpen) => {\n                        isOpen\n                            ? console.log("Opening first accordion item")\n                            : console.log("Closing first accordion item");\n                    }}\n                >\n                    <UnorderedList>\n                        <ListItem>Personer med et norsk fødselsnummer.</ListItem>\n                        <ListItem>\n                            Personer som har vært bosatt i Norge i minst de fem siste årene før avtalen inngås.\n                        </ListItem>\n                        <ListItem>Livsforsikring kan kjøpes på nett av personer mellom 18 og 79 år.</ListItem>\n                    </UnorderedList>\n                    Ønsker du en forsikringssum på mer enn 3 millioner trenger vi ekstra økonomiske opplysninger. Da må\n                    du ta kontakt med banken din.\n                </AccordionItem>\n                <AccordionItem title="Hvem kan kjøpe kritisk sykdom?">\n                    Personer med et norsk fødselsnummer. Personer som har vært bosatt i Norge i minst de fem siste årene\n                    før avtalen inngås. Kritisk sykdom kan kjøpes på nett av personer mellom 18 og 58 år. Ønsker du en\n                    forsikringssum på mer enn 1,1 millioner trenger vi ekstra økonomiske opplysninger. Da må du ta\n                    kontakt med banken din.\n                </AccordionItem>\n                <AccordionItem title="Hvem kan kjøpe uførepensjon?">\n                    Personer med et norsk fødselsnummer. Personer som har vært bosatt i Norge i minst de fem siste årene\n                    før avtalen inngås. Uførepensjon kan kjøpes på nett av personer mellom 18 og 60 år. Ønsker du en\n                    forsikringssum på mer enn 96 000 trenger vi ekstra økonomiske opplysninger. Da må du ta kontakt med\n                    banken din.\n                </AccordionItem>\n            </Accordion>\n        </>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n');function t(){const o=i(r,e);return n("div",{className:"jkl",children:n(s,{title:"Accordion",defaultCode:r,defaultShowEditor:!0,noInline:!0,controls:o})})}export{t as default};
+import{jsx as n}from"react/jsx-runtime";import{f as o,u as i,I as s}from"../../../../formatCode-BmwUqfvZ.js";import"react";import"../../../hooks/useScreen/useScreen.js";import"../../../hooks/useId/useId.js";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/WarningIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/PenIcon.js";import"../../list/List.js";import"../../list/ListItem.js";const e=[],r=o('import React, { useId } from "react";\nimport { Accordion, AccordionItem } from "..";\nimport { UnorderedList, ListItem } from "../../list";\n\nexport const knobs = [];\n\nexport const AccordionExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    const id = useId();\n    return (\n        <>\n            <h2\n                className="jkl-portal-heading-medium"\n                id={id}\n                style={{ textAlign: "center", marginBottom: 24, width: "100%" }}\n            >\n                Noen spørsmål\n            </h2>\n            <Accordion aria-labelledby={id}>\n                <AccordionItem\n                    title="Hvem kan kjøpe livsforsikring?"\n                    onClick={(e, isOpen) => {\n                        isOpen\n                            ? console.log("Opening first accordion item")\n                            : console.log("Closing first accordion item");\n                    }}\n                >\n                    <UnorderedList>\n                        <ListItem>Personer med et norsk fødselsnummer.</ListItem>\n                        <ListItem>\n                            Personer som har vært bosatt i Norge i minst de fem siste årene før avtalen inngås.\n                        </ListItem>\n                        <ListItem>Livsforsikring kan kjøpes på nett av personer mellom 18 og 79 år.</ListItem>\n                    </UnorderedList>\n                    Ønsker du en forsikringssum på mer enn 3 millioner trenger vi ekstra økonomiske opplysninger. Da må\n                    du ta kontakt med banken din.\n                </AccordionItem>\n                <AccordionItem title="Hvem kan kjøpe kritisk sykdom?">\n                    Personer med et norsk fødselsnummer. Personer som har vært bosatt i Norge i minst de fem siste årene\n                    før avtalen inngås. Kritisk sykdom kan kjøpes på nett av personer mellom 18 og 58 år. Ønsker du en\n                    forsikringssum på mer enn 1,1 millioner trenger vi ekstra økonomiske opplysninger. Da må du ta\n                    kontakt med banken din.\n                </AccordionItem>\n                <AccordionItem title="Hvem kan kjøpe uførepensjon?">\n                    Personer med et norsk fødselsnummer. Personer som har vært bosatt i Norge i minst de fem siste årene\n                    før avtalen inngås. Uførepensjon kan kjøpes på nett av personer mellom 18 og 60 år. Ønsker du en\n                    forsikringssum på mer enn 96 000 trenger vi ekstra økonomiske opplysninger. Da må du ta kontakt med\n                    banken din.\n                </AccordionItem>\n            </Accordion>\n        </>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n');function t(){const o=i(r,e);return n("div",{className:"jkl",children:n(s,{title:"Accordion",defaultCode:r,defaultShowEditor:!0,noInline:!0,controls:o})})}export{t as default};
 //# sourceMappingURL=Example.js.map

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

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import t from"react-dom/client";import"react";import"../../../hooks/useScreen/useScreen.js";import"../../../hooks/useId/useId.js";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/WarningIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/PenIcon.js";import"../../button/Button.js";import"../../card/Card.js";import"../../card/CardImage.js";import"../../card/NavCard.js";import"../../checkbox/Checkbox.js";import"../../combobox/Combobox.js";import"../../cookie-consent/CookieConsentContext.js";import"react-dom";import"../../modal/Modal.js";import"react-a11y-dialog";import"../../list/List.js";import"../../list/ListItem.js";import"../../datepicker/DatePicker.js";import"../../feedback/feedbackContext.js";import"../../message/Message.js";import"../../message/FormErrorMessage.js";import"../../tooltip/Tooltip.js";import"../../tooltip/TooltipContent.js";import"../../tooltip/TooltipTrigger.js";import"../../input-group/InputGroup.js";import"../../feedback/followup/followupContext.js";import"../../feedback/main-question/mainQuestionContext.js";import"../../radio-button/RadioButton.js";import"../../radio-button/radioGroupContext.js";import"../../radio-button/BaseRadioButton.js";import"../../text-input/BaseTextArea.js";import"../../text-input/BaseTextInput.js";import"../../text-input/TextArea.js";import"../../text-input/TextInput.js";import"../../../utilities/polymorphism/SlotComponent.js";import{initTabListener as i}from"../../../utilities/tabListener.js";import"../../../../ExpandableTableRow-vzoCcN_v.js";import"../../icon-button/IconButton.js";import"../../link/Link.js";import"../../link/NavLink.js";import"../../link-list/LinkList.js";import"../../logo/text-paths/ForsikringLevertAvFremtind.js";import"../../logo/text-paths/FraSB1ogDNB.js";import"../../logo/text-paths/InnovasjonFraFremtind.js";import"../../logo/text-paths/TeknologiFraFremtind.js";import"../../logo/text-paths/VartEgetForsikringsselskap.js";import"../../logo/text-paths/VartForsikringsselskap.js";import"../../menu/MenuItem.js";import"../../menu/MenuItemCheckbox.js";import"../../popover/Popover.js";import"../../system-message/SystemMessage.js";import"../../table/DataTable.js";import"../../table/Table.js";import"../../table/TableBody.js";import"../../table/TableCaption.js";import"../../table/TableCell.js";import"../../table/TableColumn.js";import"../../table/TableColumnGroup.js";import"../../table/tableContext.js";import"../../table/tableSectionContext.js";import"../../table/TableFooter.js";import"../../table/TableHead.js";import"../../table/TableHeader.js";import"../../table/TableRow.js";import"../../tabs/NavTab.js";import"../../tabs/tabsContext.js";import"../../tabs/Tab.js";import"../../tag/Tag.js";import"../../toast/toastContext.js";import"../../toggle-switch/ToggleSwitch.js";import s from"./Example.js";i(),t.createRoot(document.getElementById("root")).render(o(s,{}));
+import{jsx as o}from"react/jsx-runtime";import t from"react-dom/client";import"react";import"../../../hooks/useScreen/useScreen.js";import"../../../hooks/useId/useId.js";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/WarningIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/PenIcon.js";import"../../button/Button.js";import"../../card/Card.js";import"../../card/CardImage.js";import"../../card/NavCard.js";import"../../checkbox/Checkbox.js";import"../../combobox/Combobox.js";import"../../cookie-consent/CookieConsentContext.js";import"react-dom";import"../../modal/Modal.js";import"react-a11y-dialog";import"../../list/List.js";import"../../list/ListItem.js";import"../../datepicker/DatePicker.js";import"../../feedback/feedbackContext.js";import"../../message/Message.js";import"../../message/FormErrorMessage.js";import"../../tooltip/Tooltip.js";import"../../tooltip/TooltipContent.js";import"../../tooltip/TooltipTrigger.js";import"../../input-group/InputGroup.js";import"../../feedback/followup/followupContext.js";import"../../feedback/main-question/mainQuestionContext.js";import"../../radio-button/RadioButton.js";import"../../radio-button/radioGroupContext.js";import"../../radio-button/BaseRadioButton.js";import"../../text-input/BaseTextArea.js";import"../../text-input/BaseTextInput.js";import"../../text-input/TextArea.js";import"../../text-input/TextInput.js";import"../../../utilities/polymorphism/SlotComponent.js";import{initTabListener as i}from"../../../utilities/tabListener.js";import"../../flex/Flex.js";import"../../../../ExpandableTableRow-BfmOT4wb.js";import"../../icon-button/IconButton.js";import"../../link/Link.js";import"../../link/NavLink.js";import"../../link-list/LinkList.js";import"../../logo/text-paths/ForsikringLevertAvFremtind.js";import"../../logo/text-paths/FraSB1ogDNB.js";import"../../logo/text-paths/InnovasjonFraFremtind.js";import"../../logo/text-paths/TeknologiFraFremtind.js";import"../../logo/text-paths/VartEgetForsikringsselskap.js";import"../../logo/text-paths/VartForsikringsselskap.js";import"../../menu/MenuItem.js";import"../../menu/MenuItemCheckbox.js";import"../../popover/Popover.js";import"../../system-message/SystemMessage.js";import"../../table/DataTable.js";import"../../table/Table.js";import"../../table/TableBody.js";import"../../table/TableCaption.js";import"../../table/TableCell.js";import"../../table/TableColumn.js";import"../../table/TableColumnGroup.js";import"../../table/tableContext.js";import"../../table/tableSectionContext.js";import"../../table/TableFooter.js";import"../../table/TableHead.js";import"../../table/TableHeader.js";import"../../table/TableRow.js";import"../../tabs/NavTab.js";import"../../tabs/tabsContext.js";import"../../tabs/Tab.js";import"../../tag/Tag.js";import"../../toast/toastContext.js";import"../../toggle-switch/ToggleSwitch.js";import s from"./Example.js";i(),t.createRoot(document.getElementById("root")).render(o(s,{}));
 //# sourceMappingURL=main.js.map

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

@@ -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":"6kIAKAA,IAEAC,EAASC,WAAWC,SAASC,eAAe,SAAUC,OAAQC,EAAAC,EAAA,CAAA"}
+{"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":"wmIAKAA,IAEAC,EAASC,WAAWC,SAASC,eAAe,SAAUC,OAAQC,EAAAC,EAAA,CAAA"}

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

@@ -0,0 +1,2 @@
+import{jsx as r}from"react/jsx-runtime";import{f as e,u as n,I as m}from"../../../../formatCode-BmwUqfvZ.js";import"react";const t=[],a=e('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');function o(){const e=n(a,t);return r("div",{className:"jkl",children:r(m,{title:"Breadcrumb",defaultCode:a,defaultShowEditor:!0,noInline:!0,controls:e})})}export{o as default};
+//# sourceMappingURL=Example.js.map

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

@@ -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","Example","controls","useInteractiveCodeControls","jsx","className","children","InteractiveCode","title","defaultCode","defaultShowEditor","noInline"],"mappings":"2HAGO,MAAMA,EAAQ,GCMfC,EAAOC,ECTE,woBDWf,SAAwBC,IACdC,MAAAA,EAAWC,EAA2BJ,EAAMD,GAG9C,OAAAM,EAAC,MAAI,CAAAC,UAAW,MACZC,SAAAF,EAACG,EAAA,CACGC,MAAO,aACPC,YAAaV,EACbW,mBAAmB,EACnBC,UAAU,EACVT,SAAAA,KAIhB"}

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

@@ -0,0 +1,2 @@
+import{jsx as o}from"react/jsx-runtime";import t from"react-dom/client";import"react";import"../../../hooks/useScreen/useScreen.js";import"../../../hooks/useId/useId.js";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/WarningIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/PenIcon.js";import"../../button/Button.js";import"../../card/Card.js";import"../../card/CardImage.js";import"../../card/NavCard.js";import"../../checkbox/Checkbox.js";import"../../combobox/Combobox.js";import"../../cookie-consent/CookieConsentContext.js";import"react-dom";import"../../modal/Modal.js";import"react-a11y-dialog";import"../../list/List.js";import"../../list/ListItem.js";import"../../datepicker/DatePicker.js";import"../../feedback/feedbackContext.js";import"../../message/Message.js";import"../../message/FormErrorMessage.js";import"../../tooltip/Tooltip.js";import"../../tooltip/TooltipContent.js";import"../../tooltip/TooltipTrigger.js";import"../../input-group/InputGroup.js";import"../../feedback/followup/followupContext.js";import"../../feedback/main-question/mainQuestionContext.js";import"../../radio-button/RadioButton.js";import"../../radio-button/radioGroupContext.js";import"../../radio-button/BaseRadioButton.js";import"../../text-input/BaseTextArea.js";import"../../text-input/BaseTextInput.js";import"../../text-input/TextArea.js";import"../../text-input/TextInput.js";import"../../../utilities/polymorphism/SlotComponent.js";import{initTabListener as i}from"../../../utilities/tabListener.js";import"../../flex/Flex.js";import"../../../../ExpandableTableRow-BfmOT4wb.js";import"../../icon-button/IconButton.js";import"../../link/Link.js";import"../../link/NavLink.js";import"../../link-list/LinkList.js";import"../../logo/text-paths/ForsikringLevertAvFremtind.js";import"../../logo/text-paths/FraSB1ogDNB.js";import"../../logo/text-paths/InnovasjonFraFremtind.js";import"../../logo/text-paths/TeknologiFraFremtind.js";import"../../logo/text-paths/VartEgetForsikringsselskap.js";import"../../logo/text-paths/VartForsikringsselskap.js";import"../../menu/MenuItem.js";import"../../menu/MenuItemCheckbox.js";import"../../popover/Popover.js";import"../../system-message/SystemMessage.js";import"../../table/DataTable.js";import"../../table/Table.js";import"../../table/TableBody.js";import"../../table/TableCaption.js";import"../../table/TableCell.js";import"../../table/TableColumn.js";import"../../table/TableColumnGroup.js";import"../../table/tableContext.js";import"../../table/tableSectionContext.js";import"../../table/TableFooter.js";import"../../table/TableHead.js";import"../../table/TableHeader.js";import"../../table/TableRow.js";import"../../tabs/NavTab.js";import"../../tabs/tabsContext.js";import"../../tabs/Tab.js";import"../../tag/Tag.js";import"../../toast/toastContext.js";import"../../toggle-switch/ToggleSwitch.js";import s from"./Example.js";i(),t.createRoot(document.getElementById("root")).render(o(s,{}));
+//# sourceMappingURL=main.js.map

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

@@ -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":"wmIAKAA,IAEAC,EAASC,WAAWC,SAASC,eAAe,SAAUC,OAAQC,EAAAC,EAAA,CAAA"}

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

@@ -0,0 +1,2 @@
+import{resolve as o}from"node:path";import t from"@vitejs/plugin-react-swc";import{defineConfig as i}from"vite";import{c as r}from"../../../../copy-jkl-fonts-Yd-mZnP9.js";const s=i({plugins:[t(),r(o(__dirname,"public","fonts"))]});export{s as default};
+//# sourceMappingURL=vite.dev.config.js.map

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

@@ -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":"2KAKA,MAAAA,EAAeC,EAAa,CACxBC,QAAS,CAACC,IAASC,EAAaC,EAAQC,UAAW,SAAU"}

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

@@ -1,2 +1,2 @@
-import{jsxs as n,jsx as o}from"react/jsx-runtime";import{f as t,u as e,I as i}from"../../../../formatCode-DzuWIQfw.js";import"react";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/WarningIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/PenIcon.js";import"../Button.js";const c=[{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=t('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'),s=t('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');function a(){const t=e(r,c),a=e(s,[]);return n("div",{className:"jkl",children:[o(i,{title:"Button",defaultCode:r,defaultShowEditor:!0,noInline:!0,controls:t}),o(i,{title:"Button som lenke",defaultCode:s,defaultShowEditor:!0,noInline:!0,controls:a})]})}export{a as default};
+import{jsxs as n,jsx as o}from"react/jsx-runtime";import{f as t,u as e,I as i}from"../../../../formatCode-BmwUqfvZ.js";import"react";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/WarningIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/PenIcon.js";import"../Button.js";const c=[{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=t('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'),s=t('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');function a(){const t=e(r,c),a=e(s,[]);return n("div",{className:"jkl",children:[o(i,{title:"Button",defaultCode:r,defaultShowEditor:!0,noInline:!0,controls:t}),o(i,{title:"Button som lenke",defaultCode:s,defaultShowEditor:!0,noInline:!0,controls:a})]})}export{a as default};
 //# sourceMappingURL=Example.js.map

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

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import t from"react-dom/client";import"react";import"../../../hooks/useScreen/useScreen.js";import"../../../hooks/useId/useId.js";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/WarningIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/PenIcon.js";import"../Button.js";import"../../card/Card.js";import"../../card/CardImage.js";import"../../card/NavCard.js";import"../../checkbox/Checkbox.js";import"../../combobox/Combobox.js";import"../../cookie-consent/CookieConsentContext.js";import"react-dom";import"../../modal/Modal.js";import"react-a11y-dialog";import"../../list/List.js";import"../../list/ListItem.js";import"../../datepicker/DatePicker.js";import"../../feedback/feedbackContext.js";import"../../message/Message.js";import"../../message/FormErrorMessage.js";import"../../tooltip/Tooltip.js";import"../../tooltip/TooltipContent.js";import"../../tooltip/TooltipTrigger.js";import"../../input-group/InputGroup.js";import"../../feedback/followup/followupContext.js";import"../../feedback/main-question/mainQuestionContext.js";import"../../radio-button/RadioButton.js";import"../../radio-button/radioGroupContext.js";import"../../radio-button/BaseRadioButton.js";import"../../text-input/BaseTextArea.js";import"../../text-input/BaseTextInput.js";import"../../text-input/TextArea.js";import"../../text-input/TextInput.js";import"../../../utilities/polymorphism/SlotComponent.js";import{initTabListener as i}from"../../../utilities/tabListener.js";import"../../../../ExpandableTableRow-vzoCcN_v.js";import"../../icon-button/IconButton.js";import"../../link/Link.js";import"../../link/NavLink.js";import"../../link-list/LinkList.js";import"../../logo/text-paths/ForsikringLevertAvFremtind.js";import"../../logo/text-paths/FraSB1ogDNB.js";import"../../logo/text-paths/InnovasjonFraFremtind.js";import"../../logo/text-paths/TeknologiFraFremtind.js";import"../../logo/text-paths/VartEgetForsikringsselskap.js";import"../../logo/text-paths/VartForsikringsselskap.js";import"../../menu/MenuItem.js";import"../../menu/MenuItemCheckbox.js";import"../../popover/Popover.js";import"../../system-message/SystemMessage.js";import"../../table/DataTable.js";import"../../table/Table.js";import"../../table/TableBody.js";import"../../table/TableCaption.js";import"../../table/TableCell.js";import"../../table/TableColumn.js";import"../../table/TableColumnGroup.js";import"../../table/tableContext.js";import"../../table/tableSectionContext.js";import"../../table/TableFooter.js";import"../../table/TableHead.js";import"../../table/TableHeader.js";import"../../table/TableRow.js";import"../../tabs/NavTab.js";import"../../tabs/tabsContext.js";import"../../tabs/Tab.js";import"../../tag/Tag.js";import"../../toast/toastContext.js";import"../../toggle-switch/ToggleSwitch.js";import s from"./Example.js";i(),t.createRoot(document.getElementById("root")).render(o(s,{}));
+import{jsx as o}from"react/jsx-runtime";import t from"react-dom/client";import"react";import"../../../hooks/useScreen/useScreen.js";import"../../../hooks/useId/useId.js";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/WarningIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/PenIcon.js";import"../Button.js";import"../../card/Card.js";import"../../card/CardImage.js";import"../../card/NavCard.js";import"../../checkbox/Checkbox.js";import"../../combobox/Combobox.js";import"../../cookie-consent/CookieConsentContext.js";import"react-dom";import"../../modal/Modal.js";import"react-a11y-dialog";import"../../list/List.js";import"../../list/ListItem.js";import"../../datepicker/DatePicker.js";import"../../feedback/feedbackContext.js";import"../../message/Message.js";import"../../message/FormErrorMessage.js";import"../../tooltip/Tooltip.js";import"../../tooltip/TooltipContent.js";import"../../tooltip/TooltipTrigger.js";import"../../input-group/InputGroup.js";import"../../feedback/followup/followupContext.js";import"../../feedback/main-question/mainQuestionContext.js";import"../../radio-button/RadioButton.js";import"../../radio-button/radioGroupContext.js";import"../../radio-button/BaseRadioButton.js";import"../../text-input/BaseTextArea.js";import"../../text-input/BaseTextInput.js";import"../../text-input/TextArea.js";import"../../text-input/TextInput.js";import"../../../utilities/polymorphism/SlotComponent.js";import{initTabListener as i}from"../../../utilities/tabListener.js";import"../../flex/Flex.js";import"../../../../ExpandableTableRow-BfmOT4wb.js";import"../../icon-button/IconButton.js";import"../../link/Link.js";import"../../link/NavLink.js";import"../../link-list/LinkList.js";import"../../logo/text-paths/ForsikringLevertAvFremtind.js";import"../../logo/text-paths/FraSB1ogDNB.js";import"../../logo/text-paths/InnovasjonFraFremtind.js";import"../../logo/text-paths/TeknologiFraFremtind.js";import"../../logo/text-paths/VartEgetForsikringsselskap.js";import"../../logo/text-paths/VartForsikringsselskap.js";import"../../menu/MenuItem.js";import"../../menu/MenuItemCheckbox.js";import"../../popover/Popover.js";import"../../system-message/SystemMessage.js";import"../../table/DataTable.js";import"../../table/Table.js";import"../../table/TableBody.js";import"../../table/TableCaption.js";import"../../table/TableCell.js";import"../../table/TableColumn.js";import"../../table/TableColumnGroup.js";import"../../table/tableContext.js";import"../../table/tableSectionContext.js";import"../../table/TableFooter.js";import"../../table/TableHead.js";import"../../table/TableHeader.js";import"../../table/TableRow.js";import"../../tabs/NavTab.js";import"../../tabs/tabsContext.js";import"../../tabs/Tab.js";import"../../tag/Tag.js";import"../../toast/toastContext.js";import"../../toggle-switch/ToggleSwitch.js";import s from"./Example.js";i(),t.createRoot(document.getElementById("root")).render(o(s,{}));
 //# sourceMappingURL=main.js.map

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

@@ -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":"mkIAKAA,IAEAC,EAASC,WAAWC,SAASC,eAAe,SAAUC,OAAQC,EAAAC,EAAA,CAAA"}
+{"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":"8lIAKAA,IAEAC,EAASC,WAAWC,SAASC,eAAe,SAAUC,OAAQC,EAAAC,EAAA,CAAA"}

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

@@ -0,0 +1,2 @@
+import{jsxs as n,jsx as e}from"react/jsx-runtime";import{f as o,u as a,I as t}from"../../../../formatCode-BmwUqfvZ.js";import"react";import"../../tag/Tag.js";import{CARD_PADDINGS as i,CARD_VARIANTS as l}from"../Card.js";import"../../../utilities/polymorphism/SlotComponent.js";import"../NavCard.js";import"../../../hooks/useScreen/useScreen.js";import"../../../hooks/useId/useId.js";import"../CardImage.js";import"../../checkbox/Checkbox.js";import"../../tooltip/Tooltip.js";import"../../tooltip/TooltipContent.js";import"../../tooltip/TooltipTrigger.js";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/WarningIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/PenIcon.js";import"../../input-group/InputGroup.js";import"../../../../ExpandableTableRow-BfmOT4wb.js";const r=[{type:"bool",label:"Clickable",boolOptions:{trueValue:!0,falseValue:!1}},{type:"choice",label:"Padding",choiceOptions:i.map((n=>({label:n,value:n}))),defaultValue:0},{type:"choice",label:"Type",choiceOptions:l.map((n=>({label:n,value:n}))),defaultValue:0}],s=[{type:"bool",label:"Title",boolOptions:{trueValue:!0,falseValue:!1}},{type:"choice",label:"Padding",choiceOptions:["0","16","24","40","blandet"],defaultValue:2}],c=[{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}],p=[{type:"bool",label:"Clickable",boolOptions:{trueValue:!0,falseValue:!1}},{type:"choice",label:"Padding",choiceOptions:i.map((n=>({label:n,value:n}))),defaultValue:0},{type:"choice",label:"Type",choiceOptions:l.map((n=>({label:n,value:n}))),defaultValue:0}],d=[{type:"choice",label:"Padding",choiceOptions:["0","16","24","40","blandet"],defaultValue:2}],m=o('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'),u=o('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'),b=o('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'),g=o('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'),f=o('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');function h(){const o=a(m,r),i=a(u,p),l=a(b,c),h=a(g,s),k=a(f,d);return n("div",{className:"jkl",children:[e(t,{title:"Informasjon om forfalt faktura",defaultCode:m,defaultShowEditor:!0,noInline:!0,controls:o}),e(t,{title:"Statuskort for skadesak",defaultCode:u,defaultShowEditor:!0,noInline:!0,controls:i}),e(t,{title:"NavCard",defaultCode:b,defaultShowEditor:!0,noInline:!0,controls:l}),e(t,{title:"InfoCard",defaultCode:g,defaultShowEditor:!0,noInline:!0,controls:h}),e(t,{title:"TaskCard",defaultCode:f,defaultShowEditor:!0,noInline:!0,controls:k})]})}export{h as default};
+//# sourceMappingURL=Example.js.map

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

@@ -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","Example","fakturaInfoControls","useInteractiveCodeControls","fakturaInfoKnobs","statuskortControls","statuskortKnobs","navCardControls","navCardKnobs","infoCardControls","infoCardKnobs","taskCardControls","taskCardKnobs","jsxs","className","children","jsx","InteractiveCode","title","defaultCode","defaultShowEditor","noInline","controls"],"mappings":"kjEAKO,MAAMA,EAAQ,CACjB,CACIC,KAAM,OACNC,MAAO,YACPC,YAAa,CACTC,WAAW,EACXC,YAAY,IAGpB,CACIJ,KAAM,SACNC,MAAO,UACPI,cAAeC,EAAcC,KAAKC,IAAAA,CAASP,MAAOO,EAAGC,MAAOD,MAC5DE,aAAc,GAElB,CACIV,KAAM,SACNC,MAAO,OACPI,cAAeM,EAAcJ,KAAKK,IAAAA,CAASX,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,EAAcC,KAAKC,IAAAA,CAASP,MAAOO,EAAGC,MAAOD,MAC5DE,aAAc,GAElB,CACIV,KAAM,SACNC,MAAO,OACPI,cAAeM,EAAcJ,KAAKK,IAAAA,CAASX,MAAOW,EAAGH,MAAOG,MAC5DF,aAAc,IClBTX,EAAQ,CACjB,CACIC,KAAM,SACNC,MAAO,UACPI,cAAe,CAAC,IAAK,KAAM,KAAM,KAAM,WACvCK,aAAc,ICUhBG,EAAkBC,ECtBT,wuDDuBTC,EAAiBD,EEvBR,uyEFwBTE,EAAcF,EGxBL,upFHyBTG,EAAeH,EIzBN,gzCJ0BTI,EAAeJ,EK1BN,s5FL4Bf,SAAwBK,IACdC,MAAAA,EAAsBC,EAA2BR,EAAiBS,GAClEC,EAAqBF,EAA2BN,EAAgBS,GAChEC,EAAkBJ,EAA2BL,EAAaU,GAC1DC,EAAmBN,EAA2BJ,EAAcW,GAC5DC,EAAmBR,EAA2BH,EAAcY,GAG9D,OAAAC,EAAC,MAAI,CAAAC,UAAW,MACZC,SAAA,CAAAC,EAACC,EAAA,CACGC,MAAO,iCACPC,YAAaxB,EACbyB,mBAAmB,EACnBC,UAAU,EACVC,SAAUpB,IAEdc,EAACC,EAAA,CACGC,MAAO,0BACPC,YAAatB,EACbuB,mBAAmB,EACnBC,UAAU,EACVC,SAAUjB,IAEdW,EAACC,EAAA,CACGC,MAAO,UACPC,YAAarB,EACbsB,mBAAmB,EACnBC,UAAU,EACVC,SAAUf,IAEdS,EAACC,EAAA,CACGC,MAAO,WACPC,YAAapB,EACbqB,mBAAmB,EACnBC,UAAU,EACVC,SAAUb,IAEdO,EAACC,EAAA,CACGC,MAAO,WACPC,YAAanB,EACboB,mBAAmB,EACnBC,UAAU,EACVC,SAAUX,MAa1B"}

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

@@ -0,0 +1,2 @@
+import{jsx as o}from"react/jsx-runtime";import t from"react-dom/client";import"react";import"../../../hooks/useScreen/useScreen.js";import"../../../hooks/useId/useId.js";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/WarningIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/PenIcon.js";import"../../button/Button.js";import"../Card.js";import"../CardImage.js";import"../NavCard.js";import"../../checkbox/Checkbox.js";import"../../combobox/Combobox.js";import"../../cookie-consent/CookieConsentContext.js";import"react-dom";import"../../modal/Modal.js";import"react-a11y-dialog";import"../../list/List.js";import"../../list/ListItem.js";import"../../datepicker/DatePicker.js";import"../../feedback/feedbackContext.js";import"../../message/Message.js";import"../../message/FormErrorMessage.js";import"../../tooltip/Tooltip.js";import"../../tooltip/TooltipContent.js";import"../../tooltip/TooltipTrigger.js";import"../../input-group/InputGroup.js";import"../../feedback/followup/followupContext.js";import"../../feedback/main-question/mainQuestionContext.js";import"../../radio-button/RadioButton.js";import"../../radio-button/radioGroupContext.js";import"../../radio-button/BaseRadioButton.js";import"../../text-input/BaseTextArea.js";import"../../text-input/BaseTextInput.js";import"../../text-input/TextArea.js";import"../../text-input/TextInput.js";import"../../../utilities/polymorphism/SlotComponent.js";import{initTabListener as i}from"../../../utilities/tabListener.js";import"../../flex/Flex.js";import"../../../../ExpandableTableRow-BfmOT4wb.js";import"../../icon-button/IconButton.js";import"../../link/Link.js";import"../../link/NavLink.js";import"../../link-list/LinkList.js";import"../../logo/text-paths/ForsikringLevertAvFremtind.js";import"../../logo/text-paths/FraSB1ogDNB.js";import"../../logo/text-paths/InnovasjonFraFremtind.js";import"../../logo/text-paths/TeknologiFraFremtind.js";import"../../logo/text-paths/VartEgetForsikringsselskap.js";import"../../logo/text-paths/VartForsikringsselskap.js";import"../../menu/MenuItem.js";import"../../menu/MenuItemCheckbox.js";import"../../popover/Popover.js";import"../../system-message/SystemMessage.js";import"../../table/DataTable.js";import"../../table/Table.js";import"../../table/TableBody.js";import"../../table/TableCaption.js";import"../../table/TableCell.js";import"../../table/TableColumn.js";import"../../table/TableColumnGroup.js";import"../../table/tableContext.js";import"../../table/tableSectionContext.js";import"../../table/TableFooter.js";import"../../table/TableHead.js";import"../../table/TableHeader.js";import"../../table/TableRow.js";import"../../tabs/NavTab.js";import"../../tabs/tabsContext.js";import"../../tabs/Tab.js";import"../../tag/Tag.js";import"../../toast/toastContext.js";import"../../toggle-switch/ToggleSwitch.js";import s from"./Example.js";i(),t.createRoot(document.getElementById("root")).render(o(s,{}));
+//# sourceMappingURL=main.js.map