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

@fremtind/jokul 0.19.2 → 0.20.0

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

Files changed (181) hide show

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),o=require("../../../../formatCode-BWsrUMWq.cjs");require("react"),require("../../icon/Icon.js"),require("../../icon/icons/animated/ArrowVerticalAnimated.js"),require("../../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../../icon/icons/animated/PlusRemoveAnimated.js"),require("../../icon/icons/ArrowDownIcon.js"),require("../../icon/icons/ArrowLeftIcon.js"),require("../../icon/icons/ArrowNorthEastIcon.js"),require("../../icon/icons/ArrowRightIcon.js"),require("../../icon/icons/ArrowUpIcon.js"),require("../../icon/icons/CalendarIcon.js"),require("../../icon/icons/CheckIcon.js"),require("../../icon/icons/ChevronDownIcon.js"),require("../../icon/icons/ChevronLeftIcon.js"),require("../../icon/icons/ChevronRightIcon.js"),require("../../icon/icons/ChevronUpIcon.js"),require("../../icon/icons/CloseIcon.js"),require("../../icon/icons/CopyIcon.js"),require("../../icon/icons/DotsIcon.js"),require("../../icon/icons/DragIcon.js"),require("../../icon/icons/ErrorIcon.js"),require("../../icon/icons/GreenCheckIcon.js"),require("../../icon/icons/HamburgerIcon.js"),require("../../icon/icons/InfoIcon.js"),require("../../icon/icons/LinkIcon.js"),require("../../icon/icons/PlusIcon.js"),require("../../icon/icons/QuestionIcon.js"),require("../../icon/icons/RedCrossIcon.js"),require("../../icon/icons/SearchIcon.js"),require("../../icon/icons/SuccessIcon.js"),require("../../icon/icons/WarningIcon.js"),require("../../icon/icons/MinusIcon.js"),require("../../icon/icons/ThumbDownIcon.js"),require("../../icon/icons/ThumbUpIcon.js"),require("../../icon/icons/TrashCanIcon.js"),require("../../icon/icons/PenIcon.js"),require("../Button.js");const e=[{type:"bool",label:"label",boolOptions:{trueValue:!0,falseValue:!1},defaultValue:!0},{type:"bool",label:"icon",boolOptions:{trueValue:!0,falseValue:!1}},{type:"choice",label:"iconPlacement",choiceOptions:[{label:"left",value:"left"},{label:"right",value:"right"}],defaultValue:0}],r=o.formatCode('import React, { useCallback, useState } from "react";\nimport { CheckIcon, ChevronDownIcon, CloseIcon } from "../../icon";\nimport { Button } from "../Button";\n\nexport const knobs = [\n    {\n        type: "bool",\n        label: "label",\n        boolOptions: {\n            trueValue: true,\n            falseValue: false,\n        },\n        defaultValue: true,\n    },\n    {\n        type: "bool",\n        label: "icon",\n        boolOptions: {\n            trueValue: true,\n            falseValue: false,\n        },\n    },\n    {\n        type: "choice",\n        label: "iconPlacement",\n        choiceOptions: [\n            { label: "left", value: "left" },\n            { label: "right", value: "right" },\n        ],\n        defaultValue: 0,\n    },\n];\n\nexport const ButtonExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    const [showLoader, setShowLoader] = useState(false);\n\n    const simulateLoading = useCallback(() => {\n        setShowLoader(true);\n        setTimeout(() => {\n            setShowLoader(false);\n        }, 2200);\n    }, []);\n\n    return (\n        <div className="flex flex-column gap-32 justify-between items-center">\n            <Button\n                variant="primary"\n                loader={{\n                    showLoader,\n                    textDescription: "Laster innhold",\n                }}\n                onClick={simulateLoading}\n                icon={boolKnob("icon") && <CheckIcon />}\n                iconPosition={choiceKnob("iconPlacement")}\n            >\n                {boolKnob("label") ? "Lagre og send inn" : null}\n            </Button>\n            <Button\n                variant="secondary"\n                loader={{\n                    showLoader,\n                    textDescription: "Laster innhold",\n                }}\n                onClick={simulateLoading}\n                icon={boolKnob("icon") && <CheckIcon />}\n                iconPosition={choiceKnob("iconPlacement")}\n            >\n                {boolKnob("label") ? "Lagre" : null}\n            </Button>\n            <Button\n                variant="tertiary"\n                loader={{\n                    showLoader,\n                    textDescription: "Laster innhold",\n                }}\n                onClick={simulateLoading}\n                icon={boolKnob("icon") && <CloseIcon />}\n                iconPosition={choiceKnob("iconPlacement")}\n            >\n                {boolKnob("label") ? "Avbryt" : null}\n            </Button>\n            <Button\n                variant="ghost"\n                icon={boolKnob("icon") && <ChevronDownIcon />}\n                iconPosition={choiceKnob("iconPlacement")}\n            >\n                {boolKnob("label") ? "Ola Nordmann" : null}\n            </Button>\n        </div>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n'),i=o.formatCode('import React from "react";\nimport { Button } from "../Button";\nimport "./style.scss";\n\nexport const AnchorsExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    return (\n        <div className="flex flex-column gap-32 justify-between items-center">\n            <Button as="a" variant="primary" href="/komponenter/buttons#knapper-rendret-som-andre-elementer">\n                Send inn\n            </Button>\n            <Button variant="secondary" as="a" href="/komponenter/buttons#knapper-rendret-som-andre-elementer">\n                Lagre\n            </Button>\n            <Button variant="tertiary" as="a" href="/komponenter/buttons#knapper-rendret-som-andre-elementer">\n                Avbryt\n            </Button>\n            <Button variant="ghost" as="a" href="/komponenter/buttons#knapper-rendret-som-andre-elementer">\n                Vis mer\n            </Button>\n        </div>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n');module.exports=function(){const t=o.useInteractiveCodeControls(r,e),c=o.useInteractiveCodeControls(i,[]);return n.jsxs("div",{className:"jkl",children:[n.jsx(o.InteractiveCode,{title:"Button",defaultCode:r,defaultShowEditor:!0,noInline:!0,controls:t}),n.jsx(o.InteractiveCode,{title:"Button som lenke",defaultCode:i,defaultShowEditor:!0,noInline:!0,controls:c})]})};
+"use strict";const n=require("react/jsx-runtime"),o=require("../../../../formatCode-B1ZAd2W_.cjs");require("react"),require("../../icon/Icon.js"),require("../../icon/icons/animated/ArrowVerticalAnimated.js"),require("../../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../../icon/icons/animated/PlusRemoveAnimated.js"),require("../../icon/icons/ArrowDownIcon.js"),require("../../icon/icons/ArrowLeftIcon.js"),require("../../icon/icons/ArrowNorthEastIcon.js"),require("../../icon/icons/ArrowRightIcon.js"),require("../../icon/icons/ArrowUpIcon.js"),require("../../icon/icons/CalendarIcon.js"),require("../../icon/icons/CheckIcon.js"),require("../../icon/icons/ChevronDownIcon.js"),require("../../icon/icons/ChevronLeftIcon.js"),require("../../icon/icons/ChevronRightIcon.js"),require("../../icon/icons/ChevronUpIcon.js"),require("../../icon/icons/CloseIcon.js"),require("../../icon/icons/CopyIcon.js"),require("../../icon/icons/DotsIcon.js"),require("../../icon/icons/DragIcon.js"),require("../../icon/icons/ErrorIcon.js"),require("../../icon/icons/GreenCheckIcon.js"),require("../../icon/icons/HamburgerIcon.js"),require("../../icon/icons/InfoIcon.js"),require("../../icon/icons/LinkIcon.js"),require("../../icon/icons/PlusIcon.js"),require("../../icon/icons/QuestionIcon.js"),require("../../icon/icons/RedCrossIcon.js"),require("../../icon/icons/SearchIcon.js"),require("../../icon/icons/SuccessIcon.js"),require("../../icon/icons/WarningIcon.js"),require("../../icon/icons/MinusIcon.js"),require("../../icon/icons/ThumbDownIcon.js"),require("../../icon/icons/ThumbUpIcon.js"),require("../../icon/icons/TrashCanIcon.js"),require("../../icon/icons/PenIcon.js"),require("../Button.js");const e=[{type:"bool",label:"label",boolOptions:{trueValue:!0,falseValue:!1},defaultValue:!0},{type:"bool",label:"icon",boolOptions:{trueValue:!0,falseValue:!1}},{type:"choice",label:"iconPlacement",choiceOptions:[{label:"left",value:"left"},{label:"right",value:"right"}],defaultValue:0}],r=o.formatCode('import React, { useCallback, useState } from "react";\nimport { CheckIcon, ChevronDownIcon, CloseIcon } from "../../icon";\nimport { Button } from "../Button";\n\nexport const knobs = [\n    {\n        type: "bool",\n        label: "label",\n        boolOptions: {\n            trueValue: true,\n            falseValue: false,\n        },\n        defaultValue: true,\n    },\n    {\n        type: "bool",\n        label: "icon",\n        boolOptions: {\n            trueValue: true,\n            falseValue: false,\n        },\n    },\n    {\n        type: "choice",\n        label: "iconPlacement",\n        choiceOptions: [\n            { label: "left", value: "left" },\n            { label: "right", value: "right" },\n        ],\n        defaultValue: 0,\n    },\n];\n\nexport const ButtonExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    const [showLoader, setShowLoader] = useState(false);\n\n    const simulateLoading = useCallback(() => {\n        setShowLoader(true);\n        setTimeout(() => {\n            setShowLoader(false);\n        }, 2200);\n    }, []);\n\n    return (\n        <div className="flex flex-column gap-32 justify-between items-center">\n            <Button\n                variant="primary"\n                loader={{\n                    showLoader,\n                    textDescription: "Laster innhold",\n                }}\n                onClick={simulateLoading}\n                icon={boolKnob("icon") && <CheckIcon />}\n                iconPosition={choiceKnob("iconPlacement")}\n            >\n                {boolKnob("label") ? "Lagre og send inn" : null}\n            </Button>\n            <Button\n                variant="secondary"\n                loader={{\n                    showLoader,\n                    textDescription: "Laster innhold",\n                }}\n                onClick={simulateLoading}\n                icon={boolKnob("icon") && <CheckIcon />}\n                iconPosition={choiceKnob("iconPlacement")}\n            >\n                {boolKnob("label") ? "Lagre" : null}\n            </Button>\n            <Button\n                variant="tertiary"\n                loader={{\n                    showLoader,\n                    textDescription: "Laster innhold",\n                }}\n                onClick={simulateLoading}\n                icon={boolKnob("icon") && <CloseIcon />}\n                iconPosition={choiceKnob("iconPlacement")}\n            >\n                {boolKnob("label") ? "Avbryt" : null}\n            </Button>\n            <Button\n                variant="ghost"\n                icon={boolKnob("icon") && <ChevronDownIcon />}\n                iconPosition={choiceKnob("iconPlacement")}\n            >\n                {boolKnob("label") ? "Ola Nordmann" : null}\n            </Button>\n        </div>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n'),i=o.formatCode('import React from "react";\nimport { Button } from "../Button";\nimport "./style.scss";\n\nexport const AnchorsExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    return (\n        <div className="flex flex-column gap-32 justify-between items-center">\n            <Button as="a" variant="primary" href="/komponenter/buttons#knapper-rendret-som-andre-elementer">\n                Send inn\n            </Button>\n            <Button variant="secondary" as="a" href="/komponenter/buttons#knapper-rendret-som-andre-elementer">\n                Lagre\n            </Button>\n            <Button variant="tertiary" as="a" href="/komponenter/buttons#knapper-rendret-som-andre-elementer">\n                Avbryt\n            </Button>\n            <Button variant="ghost" as="a" href="/komponenter/buttons#knapper-rendret-som-andre-elementer">\n                Vis mer\n            </Button>\n        </div>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n');module.exports=function(){const t=o.useInteractiveCodeControls(r,e),c=o.useInteractiveCodeControls(i,[]);return n.jsxs("div",{className:"jkl",children:[n.jsx(o.InteractiveCode,{title:"Button",defaultCode:r,defaultShowEditor:!0,noInline:!0,controls:t}),n.jsx(o.InteractiveCode,{title:"Button som lenke",defaultCode:i,defaultShowEditor:!0,noInline:!0,controls:c})]})};
 //# sourceMappingURL=Example.js.map

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

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

package/build/cjs/components/button/documentation/main.js.map CHANGED Viewed

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@

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

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

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

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

@@ -0,0 +1 @@

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

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

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

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

@@ -0,0 +1 @@

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

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

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

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

@@ -0,0 +1 @@

+ {"version":3,"file":"vite.dev.config.js","sources":["../../../../../src/components/combobox/documentation/vite.dev.config.ts"],"sourcesContent":["import { resolve } from \"path\";\nimport react from \"@vitejs/plugin-react-swc\";\nimport { defineConfig } from \"vite\";\nimport { copyJklFonts } from \"../../../../../../utils/vite\";\n\nexport default defineConfig({\n plugins: [react(), copyJklFonts(resolve(__dirname, \"public\", \"fonts\"))],\n});\n"],"names":["vite_dev_config","defineConfig","plugins","react","copyJklFonts","resolve","__dirname"],"mappings":"uJAKAA,EAAeC,eAAa,CACxBC,QAAS,CAACC,IAASC,EAAAA,aAAaC,UAAQC,UAAW,SAAU"}

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react");require("../../../hooks/useScreen/useScreen.js"),require("../../../hooks/useId/useId.js"),require("../../icon/Icon.js"),require("../../icon/icons/animated/ArrowVerticalAnimated.js"),require("../../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../../icon/icons/animated/PlusRemoveAnimated.js"),require("../../icon/icons/ArrowDownIcon.js"),require("../../icon/icons/ArrowLeftIcon.js"),require("../../icon/icons/ArrowNorthEastIcon.js"),require("../../icon/icons/ArrowRightIcon.js"),require("../../icon/icons/ArrowUpIcon.js"),require("../../icon/icons/CalendarIcon.js"),require("../../icon/icons/CheckIcon.js"),require("../../icon/icons/ChevronDownIcon.js"),require("../../icon/icons/ChevronLeftIcon.js"),require("../../icon/icons/ChevronRightIcon.js"),require("../../icon/icons/ChevronUpIcon.js"),require("../../icon/icons/CloseIcon.js"),require("../../icon/icons/CopyIcon.js"),require("../../icon/icons/DotsIcon.js"),require("../../icon/icons/DragIcon.js"),require("../../icon/icons/ErrorIcon.js"),require("../../icon/icons/GreenCheckIcon.js"),require("../../icon/icons/HamburgerIcon.js"),require("../../icon/icons/InfoIcon.js"),require("../../icon/icons/LinkIcon.js"),require("../../icon/icons/PlusIcon.js"),require("../../icon/icons/QuestionIcon.js"),require("../../icon/icons/RedCrossIcon.js"),require("../../icon/icons/SearchIcon.js"),require("../../icon/icons/SuccessIcon.js"),require("../../icon/icons/WarningIcon.js"),require("../../icon/icons/MinusIcon.js"),require("../../icon/icons/ThumbDownIcon.js"),require("../../icon/icons/ThumbUpIcon.js"),require("../../icon/icons/TrashCanIcon.js"),require("../../icon/icons/PenIcon.js");const i=require("../../button/Button.js");require("../../card/Card.js"),require("../../card/CardImage.js"),require("../../card/NavCard.js"),require("../../checkbox/Checkbox.js"),require("../../combobox/Combobox.js"),require("../../cookie-consent/CookieConsentContext.js"),require("react-dom"),require("../../modal/Modal.js"),require("react-a11y-dialog"),require("../../list/List.js"),require("../../list/ListItem.js"),require("../../datepicker/DatePicker.js");const s=require("../feedbackContext.js"),o=require("../FeedbackSuccess.js");require("../../tooltip/Tooltip.js"),require("../../tooltip/TooltipContent.js"),require("../../tooltip/TooltipTrigger.js"),require("../../input-group/InputGroup.js");const t=require("./followupContext.js");require("../main-question/mainQuestionContext.js"),require("../../radio-button/RadioButton.js"),require("../../radio-button/radioGroupContext.js"),require("../../radio-button/BaseRadioButton.js"),require("../../text-input/BaseTextArea.js"),require("../../text-input/BaseTextInput.js"),require("../../text-input/TextArea.js"),require("../../text-input/TextInput.js"),require("../../../utilities/polymorphism/SlotComponent.js");const n=require("../utils.js");require("../../../../ExpandableTableRow-Bkqt-qP5.cjs"),require("../../icon-button/IconButton.js"),require("../../link/Link.js"),require("../../link/NavLink.js"),require("../../link-list/LinkList.js"),require("../../logo/text-paths/ForsikringLevertAvFremtind.js"),require("../../logo/text-paths/FraSB1ogDNB.js"),require("../../logo/text-paths/InnovasjonFraFremtind.js"),require("../../logo/text-paths/TeknologiFraFremtind.js"),require("../../logo/text-paths/VartEgetForsikringsselskap.js"),require("../../logo/text-paths/VartForsikringsselskap.js"),require("../../menu/MenuItem.js"),require("../../menu/MenuItemCheckbox.js"),require("../../message/Message.js"),require("../../message/FormErrorMessage.js"),require("../../popover/Popover.js"),require("../../system-message/SystemMessage.js"),require("../../table/DataTable.js"),require("../../table/Table.js"),require("../../table/TableBody.js"),require("../../table/TableCaption.js"),require("../../table/TableCell.js"),require("../../table/TableColumn.js"),require("../../table/TableColumnGroup.js"),require("../../table/tableContext.js"),require("../../table/tableSectionContext.js"),require("../../table/TableFooter.js"),require("../../table/TableHead.js"),require("../../table/TableHeader.js"),require("../../table/TableRow.js"),require("../../tabs/NavTab.js"),require("../../tabs/tabsContext.js"),require("../../tabs/Tab.js"),require("../../tag/Tag.js"),require("../../toast/toastContext.js"),require("../../toggle-switch/ToggleSwitch.js");const u=require("./useFollowup.js"),c={title:"Takk, igjen!",children:"Vi setter pris på at du tok deg tid til å svare på flere spørsmål. Det hjelper oss med å gjøre nettsidene bedre for deg og alle andre som bruker dem."};exports.Followup=({questions:a,successMessage:l=c,onSubmit:j})=>{const[q,d]=r.useState(!1),b=r.useRef(null),p=u.useFollowup(a,j),{handleAbort:m,handleNext:g,step:k,submitted:x}=p,{followupStarted:h,setFollowupStarted:I,setFollowupSubmitted:C,contactSubmitted:T,landmarkLabel:f}=s.useFeedbackContext();r.useEffect((()=>{0!==k.number&&b.current&&b.current.focus()}),[k]),r.useEffect((()=>{C(x)}),[x,C]);const v=n.getQuestionFromType(a[k.number].type),S=k.isLast?i.PrimaryButton:i.SecondaryButton;return q?null:e.jsx("div",{"aria-live":"polite",children:e.jsxs(t.FollowUpProvider,{state:p,children:[!h&&e.jsxs("div",{className:"jkl-feedback__fade-in",children:[e.jsx("p",{className:"jkl-heading-4 jkl-spacing-xl--top jkl-spacing-xs--bottom",children:"Har du tid til å svare på noen flere spørsmål?"}),e.jsx("p",{className:"jkl-body jkl-spacing-xl--bottom",children:"Det tar kun et minutt, og hjelper oss å lage bedre løsninger for deg."}),e.jsx(i.PrimaryButton,{onClick:()=>I(!0),className:"jkl-spacing-xl--right",children:"Jeg har tid!"}),e.jsx(i.TertiaryButton,{onClick:()=>d(!0),children:"Nei takk"})]}),!x&&h&&e.jsxs("form",{onSubmit:g,className:"jkl-feedback__fade-in","aria-label":f,children:[e.jsxs("p",{className:"jkl-feedback__step-counter",ref:b,children:["Steg ",k.number+1," av ",a.length]}),r.createElement(v,{...a[k.number],autoFocus:!0,key:k.number}),e.jsxs("div",{className:"jkl-spacing-xl--top","aria-live":"off",children:[e.jsx(S,{type:"submit",children:k.isLast?"Send inn":"Neste"}),e.jsx(i.TertiaryButton,{onClick:m,className:"jkl-spacing-xl--left",children:"Avbryt"})]})]}),x&&!T&&e.jsx(o.FeedbackSuccess,{...l})]})})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react");require("../../../hooks/useScreen/useScreen.js"),require("../../../hooks/useId/useId.js"),require("../../icon/Icon.js"),require("../../icon/icons/animated/ArrowVerticalAnimated.js"),require("../../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../../icon/icons/animated/PlusRemoveAnimated.js"),require("../../icon/icons/ArrowDownIcon.js"),require("../../icon/icons/ArrowLeftIcon.js"),require("../../icon/icons/ArrowNorthEastIcon.js"),require("../../icon/icons/ArrowRightIcon.js"),require("../../icon/icons/ArrowUpIcon.js"),require("../../icon/icons/CalendarIcon.js"),require("../../icon/icons/CheckIcon.js"),require("../../icon/icons/ChevronDownIcon.js"),require("../../icon/icons/ChevronLeftIcon.js"),require("../../icon/icons/ChevronRightIcon.js"),require("../../icon/icons/ChevronUpIcon.js"),require("../../icon/icons/CloseIcon.js"),require("../../icon/icons/CopyIcon.js"),require("../../icon/icons/DotsIcon.js"),require("../../icon/icons/DragIcon.js"),require("../../icon/icons/ErrorIcon.js"),require("../../icon/icons/GreenCheckIcon.js"),require("../../icon/icons/HamburgerIcon.js"),require("../../icon/icons/InfoIcon.js"),require("../../icon/icons/LinkIcon.js"),require("../../icon/icons/PlusIcon.js"),require("../../icon/icons/QuestionIcon.js"),require("../../icon/icons/RedCrossIcon.js"),require("../../icon/icons/SearchIcon.js"),require("../../icon/icons/SuccessIcon.js"),require("../../icon/icons/WarningIcon.js"),require("../../icon/icons/MinusIcon.js"),require("../../icon/icons/ThumbDownIcon.js"),require("../../icon/icons/ThumbUpIcon.js"),require("../../icon/icons/TrashCanIcon.js"),require("../../icon/icons/PenIcon.js");const i=require("../../button/Button.js");require("../../card/Card.js"),require("../../card/CardImage.js"),require("../../card/NavCard.js"),require("../../checkbox/Checkbox.js"),require("../../combobox/Combobox.js"),require("../../cookie-consent/CookieConsentContext.js"),require("react-dom"),require("../../modal/Modal.js"),require("react-a11y-dialog"),require("../../list/List.js"),require("../../list/ListItem.js"),require("../../datepicker/DatePicker.js");const s=require("../feedbackContext.js"),o=require("../FeedbackSuccess.js");require("../../tooltip/Tooltip.js"),require("../../tooltip/TooltipContent.js"),require("../../tooltip/TooltipTrigger.js"),require("../../input-group/InputGroup.js");const t=require("./followupContext.js");require("../main-question/mainQuestionContext.js"),require("../../radio-button/RadioButton.js"),require("../../radio-button/radioGroupContext.js"),require("../../radio-button/BaseRadioButton.js"),require("../../text-input/BaseTextArea.js"),require("../../text-input/BaseTextInput.js"),require("../../text-input/TextArea.js"),require("../../text-input/TextInput.js"),require("../../../utilities/polymorphism/SlotComponent.js");const n=require("../utils.js");require("../../flex/Flex.js"),require("../../../../ExpandableTableRow-BGglv7mF.cjs"),require("../../icon-button/IconButton.js"),require("../../link/Link.js"),require("../../link/NavLink.js"),require("../../link-list/LinkList.js"),require("../../logo/text-paths/ForsikringLevertAvFremtind.js"),require("../../logo/text-paths/FraSB1ogDNB.js"),require("../../logo/text-paths/InnovasjonFraFremtind.js"),require("../../logo/text-paths/TeknologiFraFremtind.js"),require("../../logo/text-paths/VartEgetForsikringsselskap.js"),require("../../logo/text-paths/VartForsikringsselskap.js"),require("../../menu/MenuItem.js"),require("../../menu/MenuItemCheckbox.js"),require("../../message/Message.js"),require("../../message/FormErrorMessage.js"),require("../../popover/Popover.js"),require("../../system-message/SystemMessage.js"),require("../../table/DataTable.js"),require("../../table/Table.js"),require("../../table/TableBody.js"),require("../../table/TableCaption.js"),require("../../table/TableCell.js"),require("../../table/TableColumn.js"),require("../../table/TableColumnGroup.js"),require("../../table/tableContext.js"),require("../../table/tableSectionContext.js"),require("../../table/TableFooter.js"),require("../../table/TableHead.js"),require("../../table/TableHeader.js"),require("../../table/TableRow.js"),require("../../tabs/NavTab.js"),require("../../tabs/tabsContext.js"),require("../../tabs/Tab.js"),require("../../tag/Tag.js"),require("../../toast/toastContext.js"),require("../../toggle-switch/ToggleSwitch.js");const u=require("./useFollowup.js"),c={title:"Takk, igjen!",children:"Vi setter pris på at du tok deg tid til å svare på flere spørsmål. Det hjelper oss med å gjøre nettsidene bedre for deg og alle andre som bruker dem."};exports.Followup=({questions:a,successMessage:l=c,onSubmit:j})=>{const[q,d]=r.useState(!1),b=r.useRef(null),p=u.useFollowup(a,j),{handleAbort:m,handleNext:g,step:x,submitted:k}=p,{followupStarted:h,setFollowupStarted:I,setFollowupSubmitted:C,contactSubmitted:T,landmarkLabel:f}=s.useFeedbackContext();r.useEffect((()=>{0!==x.number&&b.current&&b.current.focus()}),[x]),r.useEffect((()=>{C(k)}),[k,C]);const v=n.getQuestionFromType(a[x.number].type),F=x.isLast?i.PrimaryButton:i.SecondaryButton;return q?null:e.jsx("div",{"aria-live":"polite",children:e.jsxs(t.FollowUpProvider,{state:p,children:[!h&&e.jsxs("div",{className:"jkl-feedback__fade-in",children:[e.jsx("p",{className:"jkl-heading-4 jkl-spacing-xl--top jkl-spacing-xs--bottom",children:"Har du tid til å svare på noen flere spørsmål?"}),e.jsx("p",{className:"jkl-body jkl-spacing-xl--bottom",children:"Det tar kun et minutt, og hjelper oss å lage bedre løsninger for deg."}),e.jsx(i.PrimaryButton,{onClick:()=>I(!0),className:"jkl-spacing-xl--right",children:"Jeg har tid!"}),e.jsx(i.TertiaryButton,{onClick:()=>d(!0),children:"Nei takk"})]}),!k&&h&&e.jsxs("form",{onSubmit:g,className:"jkl-feedback__fade-in","aria-label":f,children:[e.jsxs("p",{className:"jkl-feedback__step-counter",ref:b,children:["Steg ",x.number+1," av ",a.length]}),r.createElement(v,{...a[x.number],autoFocus:!0,key:x.number}),e.jsxs("div",{className:"jkl-spacing-xl--top","aria-live":"off",children:[e.jsx(F,{type:"submit",children:x.isLast?"Send inn":"Neste"}),e.jsx(i.TertiaryButton,{onClick:m,className:"jkl-spacing-xl--left",children:"Avbryt"})]})]}),k&&!T&&e.jsx(o.FeedbackSuccess,{...l})]})})};
 //# sourceMappingURL=Followup.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Followup.js","sources":["../../../../../src/components/feedback/followup/Followup.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useRef, useState, FC } from \"react\";\nimport { PrimaryButton, SecondaryButton, TertiaryButton } from \"../..\";\nimport { useFeedbackContext } from \"../feedbackContext\";\nimport { FeedbackSuccess } from \"../FeedbackSuccess\";\nimport { FeedbackAnswer, FollowupQuestion } from \"../types\";\nimport { getQuestionFromType } from \"../utils\";\nimport { FollowUpProvider } from \"./followupContext\";\nimport { useFollowup } from \"./useFollowup\";\n\nconst defaultSuccessMessage = {\n title: \"Takk, igjen!\",\n children:\n \"Vi setter pris på at du tok deg tid til å svare på flere spørsmål. Det hjelper oss med å gjøre nettsidene bedre for deg og alle andre som bruker dem.\",\n};\n\ninterface Props {\n /** Spørsmålet/ene som skal stilles. Kan være av typen radio, checkbox eller text /\n questions: FollowupQuestion[];\n /* Lar deg tilpasse meldingen som kommer når brukeren har svart på spørsmålene. /\n successMessage?: {\n title: string;\n children: ReactNode;\n };\n onSubmit: (values: FeedbackAnswer[]) => void;\n}\n\nexport const Followup: FC<Props> = ({ questions, successMessage = defaultSuccessMessage, onSubmit }) => {\n const [noThanks, setNoThanks] = useState(false);\n const focusRef = useRef<HTMLParagraphElement>(null);\n const followupState = useFollowup(questions, onSubmit);\n const { handleAbort, handleNext, step, submitted } = followupState;\n const { followupStarted, setFollowupStarted, setFollowupSubmitted, contactSubmitted, landmarkLabel } =\n useFeedbackContext();\n\n useEffect(() => {\n if (step.number === 0) {\n return;\n }\n focusRef.current && focusRef.current.focus();\n }, [step]);\n\n useEffect(() => {\n setFollowupSubmitted(submitted);\n }, [submitted, setFollowupSubmitted]);\n\n const QuestionComponent = getQuestionFromType(questions[step.number].type);\n const Button = step.isLast ? PrimaryButton : SecondaryButton;\n\n if (noThanks) {\n return null;\n }\n\n return (\n <div aria-live=\"polite\">\n <FollowUpProvider state={followupState}>\n {!followupStarted && (\n <div className=\"jkl-feedback__fade-in\">\n <p className=\"jkl-heading-4 jkl-spacing-xl--top jkl-spacing-xs--bottom\">\n Har du tid til å svare på noen flere spørsmål?\n </p>\n <p className=\"jkl-body jkl-spacing-xl--bottom\">\n Det tar kun et minutt, og hjelper oss å lage bedre løsninger for deg.\n </p>\n <PrimaryButton onClick={() => setFollowupStarted(true)} className=\"jkl-spacing-xl--right\">\n Jeg har tid!\n </PrimaryButton>\n <TertiaryButton onClick={() => setNoThanks(true)}>Nei takk</TertiaryButton>\n </div>\n )}\n {!submitted && followupStarted && (\n <form onSubmit={handleNext} className=\"jkl-feedback__fade-in\" aria-label={landmarkLabel}>\n <p className=\"jkl-feedback__step-counter\" ref={focusRef}>\n Steg {step.number + 1} av {questions.length}\n </p>\n {/ eslint-disable-next-line jsx-a11y/no-autofocus */}\n <QuestionComponent {...questions[step.number]} autoFocus key={step.number} />\n <div className=\"jkl-spacing-xl--top\" aria-live=\"off\">\n <Button type=\"submit\">{step.isLast ? \"Send inn\" : \"Neste\"}</Button>\n <TertiaryButton onClick={handleAbort} className=\"jkl-spacing-xl--left\">\n Avbryt\n </TertiaryButton>\n </div>\n </form>\n )}\n {submitted && !contactSubmitted && <FeedbackSuccess {...successMessage} />}\n </FollowUpProvider>\n </div>\n );\n};\n"],"names":["defaultSuccessMessage","title","children","questions","successMessage","onSubmit","noThanks","setNoThanks","useState","focusRef","useRef","followupState","useFollowup","handleAbort","handleNext","step","submitted","followupStarted","setFollowupStarted","setFollowupSubmitted","contactSubmitted","landmarkLabel","useFeedbackContext","useEffect","number","current","focus","QuestionComponent","getQuestionFromType","type","Button","isLast","PrimaryButton","SecondaryButton","jsxs","FollowUpProvider","state","className","jsx","onClick","TertiaryButton","ref","length","createElement","autoFocus","key","FeedbackSuccess"],"mappings":"~~+5IASMA~~,EAAwB,CAC1BC,MAAO,eACPC,SACI,0KAc2B,EAAGC,UAAAA,EAAWC,eAAAA,EAAiBJ,EAAuBK,SAAAA,MACrF,MAAOC,EAAUC,GAAeC,YAAS,GACnCC,EAAWC,SAA6B,MACxCC,EAAgBC,EAAAA,YAAYT,EAAWE,IACrCQ,YAAAA,EAAaC,WAAAA,EAAYC,KAAAA,EAAMC,UAAAA,GAAcL,GAC7CM,gBAAAA,EAAiBC,mBAAAA,EAAoBC,qBAAAA,EAAsBC,iBAAAA,EAAkBC,cAAAA,GACjFC,EAAAA,qBAEJC,EAAAA,WAAU,KACc,IAAhBR,EAAKS,QAGAf,EAAAgB,SAAWhB,EAASgB,QAAQC,OAAM,GAC5C,CAACX,IAEJQ,EAAAA,WAAU,KACNJ,EAAqBH,EAAS,GAC/B,CAACA,EAAWG,IAEf,MAAMQ,EAAoBC,EAAAA,oBAAoBzB,EAAUY,EAAKS,QAAQK,MAC/DC,EAASf,EAAKgB,OAASC,EAAAA,cAAgBC,EAAAA,gBAE7C,OAAI3B,EACO,WAIN,MAAI,CAAA,YAAU,SACXJ,SAACgC,EAAAA,KAAAC,mBAAA,CAAiBC,MAAOzB,EACpBT,SAAA,EAACe,GACEiB,EAAAA,KAAC,MAAI,CAAAG,UAAU,wBACXnC,SAAA,CAACoC,EAAAA,IAAA,IAAA,CAAED,UAAU,2DAA2DnC,SAExE,mDACCoC,EAAAA,IAAA,IAAA,CAAED,UAAU,kCAAkCnC,SAE/C,0EACAoC,EAAAA,IAACN,iBAAcO,QAAS,IAAMrB,GAAmB,GAAOmB,UAAU,wBAAwBnC,SAE1F,uBACCsC,EAAAA,eAAe,CAAAD,QAAS,IAAMhC,GAAY,GAAOL,SAAQ,iBAGhEc,GAAaC,GACViB,EAAAA,KAAA,OAAA,CAAK7B,SAAUS,EAAYuB,UAAU,wBAAwB,aAAYhB,EACtEnB,SAAA,CAAAgC,EAAAA,KAAC,IAAE,CAAAG,UAAU,6BAA6BI,IAAKhC,EAAUP,SAAA,CAAA,QAC/Ca,EAAKS,OAAS,EAAE,OAAKrB,EAAUuC,UAGzCC,EAAAA,cAAChB,EAAmB,IAAGxB,EAAUY,EAAKS,QAASoB,WAAS,EAACC,IAAK9B,EAAKS,SAClEU,EAAAA,KAAA,MAAA,CAAIG,UAAU,sBAAsB,YAAU,MAC3CnC,SAAA,CAAAoC,MAACR,GAAOD,KAAK,SAAU3B,SAAKa,EAAAgB,OAAS,WAAa,gBACjDS,EAAAA,eAAe,CAAAD,QAAS1B,EAAawB,UAAU,uBAAuBnC,SAEvE,iBAIXc,IAAcI,GAAqBkB,EAAAA,IAAAQ,EAAAA,gBAAA,IAAoB1C,QAEhE"}
1	+ {"version":3,"file":"Followup.js","sources":["../../../../../src/components/feedback/followup/Followup.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useRef, useState, FC } from \"react\";\nimport { PrimaryButton, SecondaryButton, TertiaryButton } from \"../..\";\nimport { useFeedbackContext } from \"../feedbackContext\";\nimport { FeedbackSuccess } from \"../FeedbackSuccess\";\nimport { FeedbackAnswer, FollowupQuestion } from \"../types\";\nimport { getQuestionFromType } from \"../utils\";\nimport { FollowUpProvider } from \"./followupContext\";\nimport { useFollowup } from \"./useFollowup\";\n\nconst defaultSuccessMessage = {\n title: \"Takk, igjen!\",\n children:\n \"Vi setter pris på at du tok deg tid til å svare på flere spørsmål. Det hjelper oss med å gjøre nettsidene bedre for deg og alle andre som bruker dem.\",\n};\n\ninterface Props {\n /** Spørsmålet/ene som skal stilles. Kan være av typen radio, checkbox eller text /\n questions: FollowupQuestion[];\n /* Lar deg tilpasse meldingen som kommer når brukeren har svart på spørsmålene. /\n successMessage?: {\n title: string;\n children: ReactNode;\n };\n onSubmit: (values: FeedbackAnswer[]) => void;\n}\n\nexport const Followup: FC<Props> = ({ questions, successMessage = defaultSuccessMessage, onSubmit }) => {\n const [noThanks, setNoThanks] = useState(false);\n const focusRef = useRef<HTMLParagraphElement>(null);\n const followupState = useFollowup(questions, onSubmit);\n const { handleAbort, handleNext, step, submitted } = followupState;\n const { followupStarted, setFollowupStarted, setFollowupSubmitted, contactSubmitted, landmarkLabel } =\n useFeedbackContext();\n\n useEffect(() => {\n if (step.number === 0) {\n return;\n }\n focusRef.current && focusRef.current.focus();\n }, [step]);\n\n useEffect(() => {\n setFollowupSubmitted(submitted);\n }, [submitted, setFollowupSubmitted]);\n\n const QuestionComponent = getQuestionFromType(questions[step.number].type);\n const Button = step.isLast ? PrimaryButton : SecondaryButton;\n\n if (noThanks) {\n return null;\n }\n\n return (\n <div aria-live=\"polite\">\n <FollowUpProvider state={followupState}>\n {!followupStarted && (\n <div className=\"jkl-feedback__fade-in\">\n <p className=\"jkl-heading-4 jkl-spacing-xl--top jkl-spacing-xs--bottom\">\n Har du tid til å svare på noen flere spørsmål?\n </p>\n <p className=\"jkl-body jkl-spacing-xl--bottom\">\n Det tar kun et minutt, og hjelper oss å lage bedre løsninger for deg.\n </p>\n <PrimaryButton onClick={() => setFollowupStarted(true)} className=\"jkl-spacing-xl--right\">\n Jeg har tid!\n </PrimaryButton>\n <TertiaryButton onClick={() => setNoThanks(true)}>Nei takk</TertiaryButton>\n </div>\n )}\n {!submitted && followupStarted && (\n <form onSubmit={handleNext} className=\"jkl-feedback__fade-in\" aria-label={landmarkLabel}>\n <p className=\"jkl-feedback__step-counter\" ref={focusRef}>\n Steg {step.number + 1} av {questions.length}\n </p>\n {/ eslint-disable-next-line jsx-a11y/no-autofocus */}\n <QuestionComponent {...questions[step.number]} autoFocus key={step.number} />\n <div className=\"jkl-spacing-xl--top\" aria-live=\"off\">\n <Button type=\"submit\">{step.isLast ? \"Send inn\" : \"Neste\"}</Button>\n <TertiaryButton onClick={handleAbort} className=\"jkl-spacing-xl--left\">\n Avbryt\n </TertiaryButton>\n </div>\n </form>\n )}\n {submitted && !contactSubmitted && <FeedbackSuccess {...successMessage} />}\n </FollowUpProvider>\n </div>\n );\n};\n"],"names":["defaultSuccessMessage","title","children","questions","successMessage","onSubmit","noThanks","setNoThanks","useState","focusRef","useRef","followupState","useFollowup","handleAbort","handleNext","step","submitted","followupStarted","setFollowupStarted","setFollowupSubmitted","contactSubmitted","landmarkLabel","useFeedbackContext","useEffect","number","current","focus","QuestionComponent","getQuestionFromType","type","Button","isLast","PrimaryButton","SecondaryButton","jsxs","FollowUpProvider","state","className","jsx","onClick","TertiaryButton","ref","length","createElement","autoFocus","key","FeedbackSuccess"],"mappings":"67IASMA,EAAwB,CAC1BC,MAAO,eACPC,SACI,0KAc2B,EAAGC,UAAAA,EAAWC,eAAAA,EAAiBJ,EAAuBK,SAAAA,MACrF,MAAOC,EAAUC,GAAeC,YAAS,GACnCC,EAAWC,SAA6B,MACxCC,EAAgBC,EAAAA,YAAYT,EAAWE,IACrCQ,YAAAA,EAAaC,WAAAA,EAAYC,KAAAA,EAAMC,UAAAA,GAAcL,GAC7CM,gBAAAA,EAAiBC,mBAAAA,EAAoBC,qBAAAA,EAAsBC,iBAAAA,EAAkBC,cAAAA,GACjFC,EAAAA,qBAEJC,EAAAA,WAAU,KACc,IAAhBR,EAAKS,QAGAf,EAAAgB,SAAWhB,EAASgB,QAAQC,OAAM,GAC5C,CAACX,IAEJQ,EAAAA,WAAU,KACNJ,EAAqBH,EAAS,GAC/B,CAACA,EAAWG,IAEf,MAAMQ,EAAoBC,EAAAA,oBAAoBzB,EAAUY,EAAKS,QAAQK,MAC/DC,EAASf,EAAKgB,OAASC,EAAAA,cAAgBC,EAAAA,gBAE7C,OAAI3B,EACO,WAIN,MAAI,CAAA,YAAU,SACXJ,SAACgC,EAAAA,KAAAC,mBAAA,CAAiBC,MAAOzB,EACpBT,SAAA,EAACe,GACEiB,EAAAA,KAAC,MAAI,CAAAG,UAAU,wBACXnC,SAAA,CAACoC,EAAAA,IAAA,IAAA,CAAED,UAAU,2DAA2DnC,SAExE,mDACCoC,EAAAA,IAAA,IAAA,CAAED,UAAU,kCAAkCnC,SAE/C,0EACAoC,EAAAA,IAACN,iBAAcO,QAAS,IAAMrB,GAAmB,GAAOmB,UAAU,wBAAwBnC,SAE1F,uBACCsC,EAAAA,eAAe,CAAAD,QAAS,IAAMhC,GAAY,GAAOL,SAAQ,iBAGhEc,GAAaC,GACViB,EAAAA,KAAA,OAAA,CAAK7B,SAAUS,EAAYuB,UAAU,wBAAwB,aAAYhB,EACtEnB,SAAA,CAAAgC,EAAAA,KAAC,IAAE,CAAAG,UAAU,6BAA6BI,IAAKhC,EAAUP,SAAA,CAAA,QAC/Ca,EAAKS,OAAS,EAAE,OAAKrB,EAAUuC,UAGzCC,EAAAA,cAAChB,EAAmB,IAAGxB,EAAUY,EAAKS,QAASoB,WAAS,EAACC,IAAK9B,EAAKS,SAClEU,EAAAA,KAAA,MAAA,CAAIG,UAAU,sBAAsB,YAAU,MAC3CnC,SAAA,CAAAoC,MAACR,GAAOD,KAAK,SAAU3B,SAAKa,EAAAgB,OAAS,WAAa,gBACjDS,EAAAA,eAAe,CAAAD,QAAS1B,EAAawB,UAAU,uBAAuBnC,SAEvE,iBAIXc,IAAcI,GAAqBkB,EAAAA,IAAAQ,EAAAA,gBAAA,IAAoB1C,QAEhE"}