@fremtind/jokul 0.19.2 → 0.20.1

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

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

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"vite.dev.config.js","sources":["../../../../../src/components/card/documentation/vite.dev.config.ts"],"sourcesContent":["import { resolve } from \"path\";\nimport react from \"@vitejs/plugin-react-swc\";\nimport { defineConfig } from \"vite\";\nimport { copyJklFonts } from \"../../../../../../utils/vite\";\n\nexport default defineConfig({\n    plugins: [react(), copyJklFonts(resolve(__dirname, \"public\", \"fonts\"))],\n});\n"],"names":["vite_dev_config","defineConfig","plugins","react","copyJklFonts","resolve","__dirname"],"mappings":"2KAKA,MAAAA,EAAeC,EAAa,CACxBC,QAAS,CAACC,IAASC,EAAaC,EAAQC,UAAW,SAAU"}

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

@@ -1,2 +0,0 @@
-import{jsx as n}from"react/jsx-runtime";import{f as t,u as o,I as r}from"../../../../formatCode-DzuWIQfw.js";import"react";import"../Link.js";import"../NavLink.js";const e=[],i=t('import React, { FC } from "react";\nimport { Link } from "..";\n\nexport const knobs = [];\n\nexport const LinkExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    return (\n        <div>\n            <Link href="#">Lenke</Link>\n        </div>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n');function s(){const t=o(i,e);return n("div",{className:"jkl",children:n(r,{title:"Link",defaultCode:i,defaultShowEditor:!0,noInline:!0,controls:t})})}export{s as default};
-//# sourceMappingURL=Example.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Example.js","sources":["../../../../../src/components/link/documentation/LinkExample.jsx","../../../../../src/components/link/documentation/Example.tsx","../../../../../src/components/link/documentation/LinkExample.jsx?raw"],"sourcesContent":["import React, { FC } from \"react\";\nimport { Link } from \"..\";\n\nexport const knobs = [];\n\nexport const LinkExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    return (\n        <div>\n            <Link href=\"#\">Lenke</Link>\n        </div>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n","import React from \"react\";\nimport { formatCode, InteractiveCode, useInteractiveCodeControls } from \"../../../../../../utils/interactive-code\";\n// @ts-ignore\nimport { knobs } from \"./LinkExample\";\n// @ts-ignore\nimport LinkExample from \"./LinkExample?raw\";\n\nimport \"../styles/link.scss\";\n\nconst code = formatCode(LinkExample);\n\nexport default function Example() {\n    const controls = useInteractiveCodeControls(code, knobs);\n\n    return (\n        <div className={\"jkl\"}>\n            <InteractiveCode\n                title={\"Link\"}\n                defaultCode={code}\n                defaultShowEditor={true}\n                noInline={true}\n                controls={controls}\n            />\n        </div>\n    );\n}\n","export default \"import React, { FC } from \\\"react\\\";\\nimport { Link } from \\\"..\\\";\\n\\nexport const knobs = [];\\n\\nexport const LinkExample = () => {\\n    /* -- EXAMPLE CODE START -- */\\n    return (\\n        <div>\\n            <Link href=\\\"#\\\">Lenke</Link>\\n        </div>\\n    );\\n    /* -- EXAMPLE CODE END -- */\\n};\\n\""],"names":["knobs","code","formatCode","Example","controls","useInteractiveCodeControls","jsx","className","children","InteractiveCode","title","defaultCode","defaultShowEditor","noInline"],"mappings":"oKAGO,MAAMA,EAAQ,GCMfC,EAAOC,ECTE,8SDWf,SAAwBC,IACdC,MAAAA,EAAWC,EAA2BJ,EAAMD,GAG9C,OAAAM,EAAC,MAAI,CAAAC,UAAW,MACZC,SAAAF,EAACG,EAAA,CACGC,MAAO,OACPC,YAAaV,EACbW,mBAAmB,EACnBC,UAAU,EACVT,SAAAA,KAIhB"}

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"vite.dev.config.js","sources":["../../../../../src/components/link/documentation/vite.dev.config.ts"],"sourcesContent":["import { resolve } from \"path\";\nimport react from \"@vitejs/plugin-react-swc\";\nimport { defineConfig } from \"vite\";\nimport { copyJklFonts } from \"../../../../../../utils/vite\";\n\nexport default defineConfig({\n    plugins: [react(), copyJklFonts(resolve(__dirname, \"public\", \"fonts\"))],\n});\n"],"names":["vite_dev_config","defineConfig","plugins","react","copyJklFonts","resolve","__dirname"],"mappings":"2KAKA,MAAAA,EAAeC,EAAa,CACxBC,QAAS,CAACC,IAASC,EAAaC,EAAQC,UAAW,SAAU"}

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

@@ -1,2 +0,0 @@
-import{jsxs as e,jsx as n}from"react/jsx-runtime";import{f as t,u as o,I as l}from"../../../../formatCode-DzuWIQfw.js";import"react";const a=[{type:"choice",label:"Variant",choiceOptions:[{label:"Large",value:"large"},{label:"Medium",value:"medium"},{label:"Small",value:"small"}],defaultValue:0}],i=[],r=t('import React, { FC } from "react";\nimport { Loader } from "..";\nimport "./styles.scss";\n\nexport const knobs = [\n    {\n        type: "choice",\n        label: "Variant",\n        choiceOptions: [\n            { label: "Large", value: "large" },\n            { label: "Medium", value: "medium" },\n            { label: "Small", value: "small" },\n        ],\n        defaultValue: 0,\n    },\n];\n\nexport const LoaderExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    return (\n        <div className="jkl-loader-example">\n            <div>\n                <Loader variant={choiceKnob("Variant")} textDescription="Laster innhold" />\n            </div>\n        </div>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n'),d=t('import React, { FC } from "react";\nimport {\n    SkeletonAnimation,\n    SkeletonButton,\n    SkeletonCheckboxGroup,\n    SkeletonElement,\n    SkeletonInput,\n    SkeletonRadioButtonGroup,\n    SkeletonTable,\n    SkeletonTableHeader,\n    SkeletonTableRow,\n    SkeletonTextArea,\n} from "..";\n\nexport const knobs = [];\n\nexport const SkeletonLoaderExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    return (\n        <SkeletonAnimation role="none presentation">\n            <div style={{ display: "flex", flexDirection: "column", gap: 40 }}>\n                <SkeletonElement width={350} height={32} />\n                <SkeletonInput />\n                <SkeletonTextArea />\n                <SkeletonCheckboxGroup checkboxes={3} />\n                <SkeletonRadioButtonGroup radioButtons={3} />\n                <SkeletonButton width={225} />\n                <SkeletonTable>\n                    <SkeletonTableHeader>\n                        <div style={{ width: 215 }}>\n                            <SkeletonElement width={115} height={16} />\n                        </div>\n                        <div style={{ width: 115 }}>\n                            <SkeletonElement width={115} height={16} />\n                        </div>\n                    </SkeletonTableHeader>\n                    {Array.from(Array(5)).map((_, index) => (\n                        <SkeletonTableRow key={index}>\n                            <div style={{ width: 215 }}>\n                                <SkeletonElement width={index % 2 ? 115 : 185} height={19} />\n                            </div>\n                            <div style={{ width: 115 }}>\n                                <SkeletonElement width={24} height={24} shape="circle" />\n                            </div>\n                        </SkeletonTableRow>\n                    ))}\n                </SkeletonTable>\n            </div>\n        </SkeletonAnimation>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n');function s(){const t=o(r,a),s=o(d,i);return e("div",{className:"jkl",children:[n(l,{title:"Loader",defaultCode:r,defaultShowEditor:!0,noInline:!0,controls:t}),n(l,{title:"SkeletonLoader",defaultCode:d,defaultShowEditor:!0,noInline:!0,controls:s})]})}export{s as default};
-//# sourceMappingURL=Example.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Example.js","sources":["../../../../../src/components/loader/documentation/LoaderExample.jsx","../../../../../src/components/loader/documentation/SkeletonLoaderExample.jsx","../../../../../src/components/loader/documentation/Example.tsx","../../../../../src/components/loader/documentation/LoaderExample.jsx?raw","../../../../../src/components/loader/documentation/SkeletonLoaderExample.jsx?raw"],"sourcesContent":["import React, { FC } from \"react\";\nimport { Loader } from \"..\";\nimport \"./styles.scss\";\n\nexport const knobs = [\n    {\n        type: \"choice\",\n        label: \"Variant\",\n        choiceOptions: [\n            { label: \"Large\", value: \"large\" },\n            { label: \"Medium\", value: \"medium\" },\n            { label: \"Small\", value: \"small\" },\n        ],\n        defaultValue: 0,\n    },\n];\n\nexport const LoaderExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    return (\n        <div className=\"jkl-loader-example\">\n            <div>\n                <Loader variant={choiceKnob(\"Variant\")} textDescription=\"Laster innhold\" />\n            </div>\n        </div>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n","import React, { FC } from \"react\";\nimport {\n    SkeletonAnimation,\n    SkeletonButton,\n    SkeletonCheckboxGroup,\n    SkeletonElement,\n    SkeletonInput,\n    SkeletonRadioButtonGroup,\n    SkeletonTable,\n    SkeletonTableHeader,\n    SkeletonTableRow,\n    SkeletonTextArea,\n} from \"..\";\n\nexport const knobs = [];\n\nexport const SkeletonLoaderExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    return (\n        <SkeletonAnimation role=\"none presentation\">\n            <div style={{ display: \"flex\", flexDirection: \"column\", gap: 40 }}>\n                <SkeletonElement width={350} height={32} />\n                <SkeletonInput />\n                <SkeletonTextArea />\n                <SkeletonCheckboxGroup checkboxes={3} />\n                <SkeletonRadioButtonGroup radioButtons={3} />\n                <SkeletonButton width={225} />\n                <SkeletonTable>\n                    <SkeletonTableHeader>\n                        <div style={{ width: 215 }}>\n                            <SkeletonElement width={115} height={16} />\n                        </div>\n                        <div style={{ width: 115 }}>\n                            <SkeletonElement width={115} height={16} />\n                        </div>\n                    </SkeletonTableHeader>\n                    {Array.from(Array(5)).map((_, index) => (\n                        <SkeletonTableRow key={index}>\n                            <div style={{ width: 215 }}>\n                                <SkeletonElement width={index % 2 ? 115 : 185} height={19} />\n                            </div>\n                            <div style={{ width: 115 }}>\n                                <SkeletonElement width={24} height={24} shape=\"circle\" />\n                            </div>\n                        </SkeletonTableRow>\n                    ))}\n                </SkeletonTable>\n            </div>\n        </SkeletonAnimation>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n","import React from \"react\";\nimport { formatCode, InteractiveCode, useInteractiveCodeControls } from \"../../../../../../utils/interactive-code\";\n// @ts-ignore\nimport { knobs as loaderKnobs } from \"./LoaderExample\";\n// @ts-ignore\nimport LoaderExample from \"./LoaderExample?raw\";\n// @ts-ignore\nimport { knobs as skeletonKnobs } from \"./SkeletonLoaderExample\";\n// @ts-ignore\nimport SkeletonLoaderExample from \"./SkeletonLoaderExample?raw\";\n\nimport \"../styles/loader.scss\";\nimport \"../styles/skeleton-loader.scss\";\n\nconst loaderCode = formatCode(LoaderExample);\nconst skeletonLoaderCode = formatCode(SkeletonLoaderExample);\n\nexport default function Example() {\n    const loaderControls = useInteractiveCodeControls(loaderCode, loaderKnobs);\n    const skeletonControls = useInteractiveCodeControls(skeletonLoaderCode, skeletonKnobs);\n\n    return (\n        <div className={\"jkl\"}>\n            <InteractiveCode\n                title={\"Loader\"}\n                defaultCode={loaderCode}\n                defaultShowEditor={true}\n                noInline={true}\n                controls={loaderControls}\n            />\n            <InteractiveCode\n                title={\"SkeletonLoader\"}\n                defaultCode={skeletonLoaderCode}\n                defaultShowEditor={true}\n                noInline={true}\n                controls={skeletonControls}\n            />\n        </div>\n    );\n}\n","export default \"import React, { FC } from \\\"react\\\";\\nimport { Loader } from \\\"..\\\";\\nimport \\\"./styles.scss\\\";\\n\\nexport const knobs = [\\n    {\\n        type: \\\"choice\\\",\\n        label: \\\"Variant\\\",\\n        choiceOptions: [\\n            { label: \\\"Large\\\", value: \\\"large\\\" },\\n            { label: \\\"Medium\\\", value: \\\"medium\\\" },\\n            { label: \\\"Small\\\", value: \\\"small\\\" },\\n        ],\\n        defaultValue: 0,\\n    },\\n];\\n\\nexport const LoaderExample = () => {\\n    /* -- EXAMPLE CODE START -- */\\n    return (\\n        <div className=\\\"jkl-loader-example\\\">\\n            <div>\\n                <Loader variant={choiceKnob(\\\"Variant\\\")} textDescription=\\\"Laster innhold\\\" />\\n            </div>\\n        </div>\\n    );\\n    /* -- EXAMPLE CODE END -- */\\n};\\n\"","export default \"import React, { FC } from \\\"react\\\";\\nimport {\\n    SkeletonAnimation,\\n    SkeletonButton,\\n    SkeletonCheckboxGroup,\\n    SkeletonElement,\\n    SkeletonInput,\\n    SkeletonRadioButtonGroup,\\n    SkeletonTable,\\n    SkeletonTableHeader,\\n    SkeletonTableRow,\\n    SkeletonTextArea,\\n} from \\\"..\\\";\\n\\nexport const knobs = [];\\n\\nexport const SkeletonLoaderExample = () => {\\n    /* -- EXAMPLE CODE START -- */\\n    return (\\n        <SkeletonAnimation role=\\\"none presentation\\\">\\n            <div style={{ display: \\\"flex\\\", flexDirection: \\\"column\\\", gap: 40 }}>\\n                <SkeletonElement width={350} height={32} />\\n                <SkeletonInput />\\n                <SkeletonTextArea />\\n                <SkeletonCheckboxGroup checkboxes={3} />\\n                <SkeletonRadioButtonGroup radioButtons={3} />\\n                <SkeletonButton width={225} />\\n                <SkeletonTable>\\n                    <SkeletonTableHeader>\\n                        <div style={{ width: 215 }}>\\n                            <SkeletonElement width={115} height={16} />\\n                        </div>\\n                        <div style={{ width: 115 }}>\\n                            <SkeletonElement width={115} height={16} />\\n                        </div>\\n                    </SkeletonTableHeader>\\n                    {Array.from(Array(5)).map((_, index) => (\\n                        <SkeletonTableRow key={index}>\\n                            <div style={{ width: 215 }}>\\n                                <SkeletonElement width={index % 2 ? 115 : 185} height={19} />\\n                            </div>\\n                            <div style={{ width: 115 }}>\\n                                <SkeletonElement width={24} height={24} shape=\\\"circle\\\" />\\n                            </div>\\n                        </SkeletonTableRow>\\n                    ))}\\n                </SkeletonTable>\\n            </div>\\n        </SkeletonAnimation>\\n    );\\n    /* -- EXAMPLE CODE END -- */\\n};\\n\""],"names":["knobs","type","label","choiceOptions","value","defaultValue","loaderCode","formatCode","skeletonLoaderCode","Example","loaderControls","useInteractiveCodeControls","loaderKnobs","skeletonControls","skeletonKnobs","jsxs","className","children","jsx","InteractiveCode","title","defaultCode","defaultShowEditor","noInline","controls"],"mappings":"qIAIO,MAAMA,EAAQ,CACjB,CACIC,KAAM,SACNC,MAAO,UACPC,cAAe,CACX,CAAED,MAAO,QAASE,MAAO,SACzB,CAAEF,MAAO,SAAUE,MAAO,UAC1B,CAAEF,MAAO,QAASE,MAAO,UAE7BC,aAAc,ICCTL,EAAQ,GCAfM,EAAaC,ECdJ,+tBDeTC,EAAqBD,EEfZ,68DFiBf,SAAwBE,IACdC,MAAAA,EAAiBC,EAA2BL,EAAYM,GACxDC,EAAmBF,EAA2BH,EAAoBM,GAGpE,OAAAC,EAAC,MAAI,CAAAC,UAAW,MACZC,SAAA,CAAAC,EAACC,EAAA,CACGC,MAAO,SACPC,YAAaf,EACbgB,mBAAmB,EACnBC,UAAU,EACVC,SAAUd,IAEdQ,EAACC,EAAA,CACGC,MAAO,iBACPC,YAAab,EACbc,mBAAmB,EACnBC,UAAU,EACVC,SAAUX,MAI1B"}

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"vite.dev.config.js","sources":["../../../../../src/components/loader/documentation/vite.dev.config.ts"],"sourcesContent":["import { resolve } from \"path\";\nimport react from \"@vitejs/plugin-react-swc\";\nimport { defineConfig } from \"vite\";\nimport { copyJklFonts } from \"../../../../../../utils/vite\";\n\nexport default defineConfig({\n    plugins: [react(), copyJklFonts(resolve(__dirname, \"public\", \"fonts\"))],\n});\n"],"names":["vite_dev_config","defineConfig","plugins","react","copyJklFonts","resolve","__dirname"],"mappings":"2KAKA,MAAAA,EAAeC,EAAa,CACxBC,QAAS,CAACC,IAASC,EAAaC,EAAQC,UAAW,SAAU"}

package/build/es/components/toggle-switch/documentation/Example.js

@@ -1,2 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{f as o,u as t,I as n}from"../../../../formatCode-DzuWIQfw.js";import"react";import"../ToggleSwitch.js";import"../../../hooks/useScreen/useScreen.js";import"../../../hooks/useId/useId.js";import"../../button/Button.js";const s=[{type:"bool",label:"Deaktivert",boolOptions:{trueValue:!0,falseValue:!1}}],r=o('import React from "react";\nimport { ToggleSwitch } from "..";\nimport { PrimaryButton } from "../../button";\n\nexport const knobs = [\n    {\n        type: "bool",\n        label: "Deaktivert",\n        boolOptions: {\n            trueValue: true,\n            falseValue: false,\n        },\n    },\n];\n\nexport const ToggleSwitchExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    const isDisabled = boolKnob("Deaktivert");\n\n    const handleToggle = (event, pressed) => console.log("Mørk modus satt til: ", pressed, event);\n\n    return (\n        <ToggleSwitch disabled={isDisabled} onChange={handleToggle}>\n            Mørk modus\n        </ToggleSwitch>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n');function l(){const o=t(r,s);return e("div",{className:"jkl",children:e(n,{title:"Loader",defaultCode:r,defaultShowEditor:!0,noInline:!0,controls:o})})}export{l as default};
-//# sourceMappingURL=Example.js.map

package/build/es/components/toggle-switch/documentation/Example.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Example.js","sources":["../../../../../src/components/toggle-switch/documentation/ToggleSwitchExample.jsx","../../../../../src/components/toggle-switch/documentation/Example.tsx","../../../../../src/components/toggle-switch/documentation/ToggleSwitchExample.jsx?raw"],"sourcesContent":["import React from \"react\";\nimport { ToggleSwitch } from \"..\";\nimport { PrimaryButton } from \"../../button\";\n\nexport const knobs = [\n    {\n        type: \"bool\",\n        label: \"Deaktivert\",\n        boolOptions: {\n            trueValue: true,\n            falseValue: false,\n        },\n    },\n];\n\nexport const ToggleSwitchExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    const isDisabled = boolKnob(\"Deaktivert\");\n\n    const handleToggle = (event, pressed) => console.log(\"Mørk modus satt til: \", pressed, event);\n\n    return (\n        <ToggleSwitch disabled={isDisabled} onChange={handleToggle}>\n            Mørk modus\n        </ToggleSwitch>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n","import React from \"react\";\nimport { formatCode, InteractiveCode, useInteractiveCodeControls } from \"../../../../../../utils/interactive-code\";\n// @ts-ignore\nimport { knobs } from \"./ToggleSwitchExample\";\n// @ts-ignore\nimport ToggleSwitchExample from \"./ToggleSwitchExample?raw\";\n\nimport \"../styles/toggle-switch.scss\";\n\nconst code = formatCode(ToggleSwitchExample);\n\nexport default function Example() {\n    const controls = useInteractiveCodeControls(code, knobs);\n\n    return (\n        <div className={\"jkl\"}>\n            <InteractiveCode\n                title={\"Loader\"}\n                defaultCode={code}\n                defaultShowEditor={true}\n                noInline={true}\n                controls={controls}\n            />\n        </div>\n    );\n}\n","export default \"import React from \\\"react\\\";\\nimport { ToggleSwitch } from \\\"..\\\";\\nimport { PrimaryButton } from \\\"../../button\\\";\\n\\nexport const knobs = [\\n    {\\n        type: \\\"bool\\\",\\n        label: \\\"Deaktivert\\\",\\n        boolOptions: {\\n            trueValue: true,\\n            falseValue: false,\\n        },\\n    },\\n];\\n\\nexport const ToggleSwitchExample = () => {\\n    /* -- EXAMPLE CODE START -- */\\n    const isDisabled = boolKnob(\\\"Deaktivert\\\");\\n\\n    const handleToggle = (event, pressed) => console.log(\\\"Mørk modus satt til: \\\", pressed, event);\\n\\n    return (\\n        <ToggleSwitch disabled={isDisabled} onChange={handleToggle}>\\n            Mørk modus\\n        </ToggleSwitch>\\n    );\\n    /* -- EXAMPLE CODE END -- */\\n};\\n\""],"names":["knobs","type","label","boolOptions","trueValue","falseValue","code","formatCode","Example","controls","useInteractiveCodeControls","jsx","className","children","InteractiveCode","title","defaultCode","defaultShowEditor","noInline"],"mappings":"yQAIO,MAAMA,EAAQ,CACjB,CACIC,KAAM,OACNC,MAAO,aACPC,YAAa,CACTC,WAAW,EACXC,YAAY,KCDlBC,EAAOC,ECTE,otBDWf,SAAwBC,IACdC,MAAAA,EAAWC,EAA2BJ,EAAMN,GAG9C,OAAAW,EAAC,MAAI,CAAAC,UAAW,MACZC,SAAAF,EAACG,EAAA,CACGC,MAAO,SACPC,YAAaV,EACbW,mBAAmB,EACnBC,UAAU,EACVT,SAAAA,KAIhB"}

package/build/es/components/toggle-switch/documentation/main.js

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

package/build/es/components/toggle-switch/documentation/main.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"main.js","sources":["../../../../../src/components/toggle-switch/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":"4jIAKAA,IAEAC,EAASC,WAAWC,SAASC,eAAe,SAAUC,OAAQC,EAAAC,EAAA,CAAA"}

package/build/es/components/toggle-switch/documentation/vite.dev.config.js

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

package/build/es/components/toggle-switch/documentation/vite.dev.config.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"vite.dev.config.js","sources":["../../../../../src/components/toggle-switch/documentation/vite.dev.config.ts"],"sourcesContent":["import { resolve } from \"path\";\nimport react from \"@vitejs/plugin-react-swc\";\nimport { defineConfig } from \"vite\";\nimport { copyJklFonts } from \"../../../../../../utils/vite\";\n\nexport default defineConfig({\n    plugins: [react(), copyJklFonts(resolve(__dirname, \"public\", \"fonts\"))],\n});\n"],"names":["vite_dev_config","defineConfig","plugins","react","copyJklFonts","resolve","__dirname"],"mappings":"2KAKA,MAAAA,EAAeC,EAAa,CACxBC,QAAS,CAACC,IAASC,EAAaC,EAAQC,UAAW,SAAU"}

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

@@ -1,2 +0,0 @@
-import{jsxs as o,jsx as n}from"react/jsx-runtime";import{f as e,u as i,I as t}from"../../../../formatCode-DzuWIQfw.js";import"react";import"../Tooltip.js";import"../TooltipContent.js";import"../TooltipTrigger.js";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/WarningIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/PenIcon.js";const l=[{type:"choice",label:"Plassering",choiceOptions:[{label:"Top",value:"top"},{label:"Top start",value:"top-start"},{label:"Top end",value:"top-end"},{label:"Left",value:"left"},{label:"Right",value:"right"}],defaultValue:0},{type:"choice",label:"Forsinkelse (ms)",choiceOptions:[{label:"0",value:"0"},{label:"150",value:"150"},{label:"250",value:"250"},{label:"500",value:"500"},{label:"1000",value:"1000"}],defaultValue:0}],a=[{type:"choice",label:"Plassering",choiceOptions:[{label:"Top",value:"top"},{label:"Top start",value:"top-start"},{label:"Top end",value:"top-end"},{label:"Left",value:"left"},{label:"Right",value:"right"}],defaultValue:0},{type:"choice",label:"Forsinkelse (ms)",choiceOptions:[{label:"0",value:"0"},{label:"150",value:"150"},{label:"250",value:"250"},{label:"500",value:"500"},{label:"1000",value:"1000"}],defaultValue:0}],c=e('import React, { useState } from "react";\nimport { Tooltip, TooltipContent, TooltipTrigger } from "..";\nimport { formatKontonummer } from "../../../utilities/formatters";\n\nexport const knobs = [\n    {\n        type: "choice",\n        label: "Plassering",\n        choiceOptions: [\n            { label: "Top", value: "top" },\n            { label: "Top start", value: "top-start" },\n            { label: "Top end", value: "top-end" },\n            { label: "Left", value: "left" },\n            { label: "Right", value: "right" },\n        ],\n        defaultValue: 0,\n    },\n    {\n        type: "choice",\n        label: "Forsinkelse (ms)",\n        choiceOptions: [\n            { label: "0", value: "0" },\n            { label: "150", value: "150" },\n            { label: "250", value: "250" },\n            { label: "500", value: "500" },\n            { label: "1000", value: "1000" },\n        ],\n        defaultValue: 0,\n    },\n];\n\nexport const TooltipExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    const [copied, setCopied] = useState(false);\n    const kontonummer = "16024454979";\n\n    function copyToClipboard() {\n        navigator.clipboard.writeText(kontonummer);\n        setCopied(true);\n        setTimeout(() => setCopied(false), 2000);\n    }\n\n    return (\n        <p>\n            Kontonummer:{" "}\n            <Tooltip placement={choiceKnob("Plassering")} delay={choiceKnob("Forsinkelse (ms)")}>\n                <TooltipTrigger onClick={copyToClipboard}>{formatKontonummer(kontonummer)}</TooltipTrigger>\n                <TooltipContent>\n                    {copied ? <span aria-live="assertive">Kopiert</span> : "Klikk for å kopiere til utklippstavlen"}\n                </TooltipContent>\n            </Tooltip>\n        </p>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n'),r=e('import React from "react";\nimport { PopupTip } from "..";\nimport { formatValuta } from "../../../utilities/formatters";\n\nexport const knobs = [\n    {\n        type: "choice",\n        label: "Plassering",\n        choiceOptions: [\n            { label: "Top", value: "top" },\n            { label: "Top start", value: "top-start" },\n            { label: "Top end", value: "top-end" },\n            { label: "Left", value: "left" },\n            { label: "Right", value: "right" },\n        ],\n        defaultValue: 0,\n    },\n    {\n        type: "choice",\n        label: "Forsinkelse (ms)",\n        choiceOptions: [\n            { label: "0", value: "0" },\n            { label: "150", value: "150" },\n            { label: "250", value: "250" },\n            { label: "500", value: "500" },\n            { label: "1000", value: "1000" },\n        ],\n        defaultValue: 0,\n    },\n];\n\nexport const PopupTipExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    return (\n        <p>\n            Du betaler 348 kr/mnd{" "}\n            <PopupTip\n                placement={choiceKnob("Plassering")}\n                delay={choiceKnob("Forsinkelse (ms)")}\n                content={`Månedsprisen vil variere på fakturaen din gjennom året. Årsprisen er ${formatValuta(4176)}.`}\n                triggerProps={{\n                    onClick: () => console.log("PopupTip clicked"),\n                }}\n            />\n        </p>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n');function s(){const e=i(c,a),s=i(r,l);return o("div",{className:"jkl",children:[n(t,{title:"Tooltip",defaultCode:c,defaultShowEditor:!0,noInline:!0,controls:e}),n(t,{title:"PopupTip",defaultCode:r,defaultShowEditor:!0,noInline:!0,controls:s})]})}export{s as default};
-//# sourceMappingURL=Example.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Example.js","sources":["../../../../../src/components/tooltip/documentation/PopupTipExample.jsx","../../../../../src/components/tooltip/documentation/TooltipExample.jsx","../../../../../src/components/tooltip/documentation/Example.tsx","../../../../../src/components/tooltip/documentation/TooltipExample.jsx?raw","../../../../../src/components/tooltip/documentation/PopupTipExample.jsx?raw"],"sourcesContent":["import React from \"react\";\nimport { PopupTip } from \"..\";\nimport { formatValuta } from \"../../../utilities/formatters\";\n\nexport const knobs = [\n    {\n        type: \"choice\",\n        label: \"Plassering\",\n        choiceOptions: [\n            { label: \"Top\", value: \"top\" },\n            { label: \"Top start\", value: \"top-start\" },\n            { label: \"Top end\", value: \"top-end\" },\n            { label: \"Left\", value: \"left\" },\n            { label: \"Right\", value: \"right\" },\n        ],\n        defaultValue: 0,\n    },\n    {\n        type: \"choice\",\n        label: \"Forsinkelse (ms)\",\n        choiceOptions: [\n            { label: \"0\", value: \"0\" },\n            { label: \"150\", value: \"150\" },\n            { label: \"250\", value: \"250\" },\n            { label: \"500\", value: \"500\" },\n            { label: \"1000\", value: \"1000\" },\n        ],\n        defaultValue: 0,\n    },\n];\n\nexport const PopupTipExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    return (\n        <p>\n            Du betaler 348 kr/mnd{\" \"}\n            <PopupTip\n                placement={choiceKnob(\"Plassering\")}\n                delay={choiceKnob(\"Forsinkelse (ms)\")}\n                content={`Månedsprisen vil variere på fakturaen din gjennom året. Årsprisen er ${formatValuta(4176)}.`}\n                triggerProps={{\n                    onClick: () => console.log(\"PopupTip clicked\"),\n                }}\n            />\n        </p>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n","import React, { useState } from \"react\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"..\";\nimport { formatKontonummer } from \"../../../utilities/formatters\";\n\nexport const knobs = [\n    {\n        type: \"choice\",\n        label: \"Plassering\",\n        choiceOptions: [\n            { label: \"Top\", value: \"top\" },\n            { label: \"Top start\", value: \"top-start\" },\n            { label: \"Top end\", value: \"top-end\" },\n            { label: \"Left\", value: \"left\" },\n            { label: \"Right\", value: \"right\" },\n        ],\n        defaultValue: 0,\n    },\n    {\n        type: \"choice\",\n        label: \"Forsinkelse (ms)\",\n        choiceOptions: [\n            { label: \"0\", value: \"0\" },\n            { label: \"150\", value: \"150\" },\n            { label: \"250\", value: \"250\" },\n            { label: \"500\", value: \"500\" },\n            { label: \"1000\", value: \"1000\" },\n        ],\n        defaultValue: 0,\n    },\n];\n\nexport const TooltipExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    const [copied, setCopied] = useState(false);\n    const kontonummer = \"16024454979\";\n\n    function copyToClipboard() {\n        navigator.clipboard.writeText(kontonummer);\n        setCopied(true);\n        setTimeout(() => setCopied(false), 2000);\n    }\n\n    return (\n        <p>\n            Kontonummer:{\" \"}\n            <Tooltip placement={choiceKnob(\"Plassering\")} delay={choiceKnob(\"Forsinkelse (ms)\")}>\n                <TooltipTrigger onClick={copyToClipboard}>{formatKontonummer(kontonummer)}</TooltipTrigger>\n                <TooltipContent>\n                    {copied ? <span aria-live=\"assertive\">Kopiert</span> : \"Klikk for å kopiere til utklippstavlen\"}\n                </TooltipContent>\n            </Tooltip>\n        </p>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n","import React from \"react\";\nimport { formatCode, InteractiveCode, useInteractiveCodeControls } from \"../../../../../../utils/interactive-code\";\n// @ts-ignore\nimport { knobs as popupTipKnobs } from \"./PopupTipExample\";\n// @ts-ignore\nimport PopupTipExample from \"./PopupTipExample?raw\";\n// @ts-ignore\nimport { knobs as tooltipKnobs } from \"./TooltipExample\";\n// @ts-ignore\nimport TooltipExample from \"./TooltipExample?raw\";\n\nimport \"../styles/tooltip.scss\";\n\nconst tooltipCode = formatCode(TooltipExample);\nconst popupTipCode = formatCode(PopupTipExample);\n\nexport default function Example() {\n    const tooltipControls = useInteractiveCodeControls(tooltipCode, tooltipKnobs);\n    const popupTipControls = useInteractiveCodeControls(popupTipCode, popupTipKnobs);\n\n    return (\n        <div className={\"jkl\"}>\n            <InteractiveCode\n                title={\"Tooltip\"}\n                defaultCode={tooltipCode}\n                defaultShowEditor={true}\n                noInline={true}\n                controls={tooltipControls}\n            />\n            <InteractiveCode\n                title={\"PopupTip\"}\n                defaultCode={popupTipCode}\n                defaultShowEditor={true}\n                noInline={true}\n                controls={popupTipControls}\n            />\n        </div>\n    );\n}\n","export default \"import React, { useState } from \\\"react\\\";\\nimport { Tooltip, TooltipContent, TooltipTrigger } from \\\"..\\\";\\nimport { formatKontonummer } from \\\"../../../utilities/formatters\\\";\\n\\nexport const knobs = [\\n    {\\n        type: \\\"choice\\\",\\n        label: \\\"Plassering\\\",\\n        choiceOptions: [\\n            { label: \\\"Top\\\", value: \\\"top\\\" },\\n            { label: \\\"Top start\\\", value: \\\"top-start\\\" },\\n            { label: \\\"Top end\\\", value: \\\"top-end\\\" },\\n            { label: \\\"Left\\\", value: \\\"left\\\" },\\n            { label: \\\"Right\\\", value: \\\"right\\\" },\\n        ],\\n        defaultValue: 0,\\n    },\\n    {\\n        type: \\\"choice\\\",\\n        label: \\\"Forsinkelse (ms)\\\",\\n        choiceOptions: [\\n            { label: \\\"0\\\", value: \\\"0\\\" },\\n            { label: \\\"150\\\", value: \\\"150\\\" },\\n            { label: \\\"250\\\", value: \\\"250\\\" },\\n            { label: \\\"500\\\", value: \\\"500\\\" },\\n            { label: \\\"1000\\\", value: \\\"1000\\\" },\\n        ],\\n        defaultValue: 0,\\n    },\\n];\\n\\nexport const TooltipExample = () => {\\n    /* -- EXAMPLE CODE START -- */\\n    const [copied, setCopied] = useState(false);\\n    const kontonummer = \\\"16024454979\\\";\\n\\n    function copyToClipboard() {\\n        navigator.clipboard.writeText(kontonummer);\\n        setCopied(true);\\n        setTimeout(() => setCopied(false), 2000);\\n    }\\n\\n    return (\\n        <p>\\n            Kontonummer:{\\\" \\\"}\\n            <Tooltip placement={choiceKnob(\\\"Plassering\\\")} delay={choiceKnob(\\\"Forsinkelse (ms)\\\")}>\\n                <TooltipTrigger onClick={copyToClipboard}>{formatKontonummer(kontonummer)}</TooltipTrigger>\\n                <TooltipContent>\\n                    {copied ? <span aria-live=\\\"assertive\\\">Kopiert</span> : \\\"Klikk for å kopiere til utklippstavlen\\\"}\\n                </TooltipContent>\\n            </Tooltip>\\n        </p>\\n    );\\n    /* -- EXAMPLE CODE END -- */\\n};\\n\"","export default \"import React from \\\"react\\\";\\nimport { PopupTip } from \\\"..\\\";\\nimport { formatValuta } from \\\"../../../utilities/formatters\\\";\\n\\nexport const knobs = [\\n    {\\n        type: \\\"choice\\\",\\n        label: \\\"Plassering\\\",\\n        choiceOptions: [\\n            { label: \\\"Top\\\", value: \\\"top\\\" },\\n            { label: \\\"Top start\\\", value: \\\"top-start\\\" },\\n            { label: \\\"Top end\\\", value: \\\"top-end\\\" },\\n            { label: \\\"Left\\\", value: \\\"left\\\" },\\n            { label: \\\"Right\\\", value: \\\"right\\\" },\\n        ],\\n        defaultValue: 0,\\n    },\\n    {\\n        type: \\\"choice\\\",\\n        label: \\\"Forsinkelse (ms)\\\",\\n        choiceOptions: [\\n            { label: \\\"0\\\", value: \\\"0\\\" },\\n            { label: \\\"150\\\", value: \\\"150\\\" },\\n            { label: \\\"250\\\", value: \\\"250\\\" },\\n            { label: \\\"500\\\", value: \\\"500\\\" },\\n            { label: \\\"1000\\\", value: \\\"1000\\\" },\\n        ],\\n        defaultValue: 0,\\n    },\\n];\\n\\nexport const PopupTipExample = () => {\\n    /* -- EXAMPLE CODE START -- */\\n    return (\\n        <p>\\n            Du betaler 348 kr/mnd{\\\" \\\"}\\n            <PopupTip\\n                placement={choiceKnob(\\\"Plassering\\\")}\\n                delay={choiceKnob(\\\"Forsinkelse (ms)\\\")}\\n                content={`Månedsprisen vil variere på fakturaen din gjennom året. Årsprisen er ${formatValuta(4176)}.`}\\n                triggerProps={{\\n                    onClick: () => console.log(\\\"PopupTip clicked\\\"),\\n                }}\\n            />\\n        </p>\\n    );\\n    /* -- EXAMPLE CODE END -- */\\n};\\n\""],"names":["knobs","type","label","choiceOptions","value","defaultValue","tooltipCode","formatCode","popupTipCode","Example","tooltipControls","useInteractiveCodeControls","tooltipKnobs","popupTipControls","popupTipKnobs","jsxs","className","children","jsx","InteractiveCode","title","defaultCode","defaultShowEditor","noInline","controls"],"mappings":"ioDAIO,MAAMA,EAAQ,CACjB,CACIC,KAAM,SACNC,MAAO,aACPC,cAAe,CACX,CAAED,MAAO,MAAOE,MAAO,OACvB,CAAEF,MAAO,YAAaE,MAAO,aAC7B,CAAEF,MAAO,UAAWE,MAAO,WAC3B,CAAEF,MAAO,OAAQE,MAAO,QACxB,CAAEF,MAAO,QAASE,MAAO,UAE7BC,aAAc,GAElB,CACIJ,KAAM,SACNC,MAAO,mBACPC,cAAe,CACX,CAAED,MAAO,IAAKE,MAAO,KACrB,CAAEF,MAAO,MAAOE,MAAO,OACvB,CAAEF,MAAO,MAAOE,MAAO,OACvB,CAAEF,MAAO,MAAOE,MAAO,OACvB,CAAEF,MAAO,OAAQE,MAAO,SAE5BC,aAAc,ICvBTL,EAAQ,CACjB,CACIC,KAAM,SACNC,MAAO,aACPC,cAAe,CACX,CAAED,MAAO,MAAOE,MAAO,OACvB,CAAEF,MAAO,YAAaE,MAAO,aAC7B,CAAEF,MAAO,UAAWE,MAAO,WAC3B,CAAEF,MAAO,OAAQE,MAAO,QACxB,CAAEF,MAAO,QAASE,MAAO,UAE7BC,aAAc,GAElB,CACIJ,KAAM,SACNC,MAAO,mBACPC,cAAe,CACX,CAAED,MAAO,IAAKE,MAAO,KACrB,CAAEF,MAAO,MAAOE,MAAO,OACvB,CAAEF,MAAO,MAAOE,MAAO,OACvB,CAAEF,MAAO,MAAOE,MAAO,OACvB,CAAEF,MAAO,OAAQE,MAAO,SAE5BC,aAAc,ICdhBC,EAAcC,ECbL,0yDDcTC,EAAeD,EEdN,89CFgBf,SAAwBE,IACdC,MAAAA,EAAkBC,EAA2BL,EAAaM,GAC1DC,EAAmBF,EAA2BH,EAAcM,GAG9D,OAAAC,EAAC,MAAI,CAAAC,UAAW,MACZC,SAAA,CAAAC,EAACC,EAAA,CACGC,MAAO,UACPC,YAAaf,EACbgB,mBAAmB,EACnBC,UAAU,EACVC,SAAUd,IAEdQ,EAACC,EAAA,CACGC,MAAO,WACPC,YAAab,EACbc,mBAAmB,EACnBC,UAAU,EACVC,SAAUX,MAI1B"}

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"vite.dev.config.js","sources":["../../../../../src/components/tooltip/documentation/vite.dev.config.ts"],"sourcesContent":["import { resolve } from \"path\";\nimport react from \"@vitejs/plugin-react-swc\";\nimport { defineConfig } from \"vite\";\nimport { copyJklFonts } from \"../../../../../../utils/vite\";\n\nexport default defineConfig({\n    plugins: [react(), copyJklFonts(resolve(__dirname, \"public\", \"fonts\"))],\n});\n"],"names":["vite_dev_config","defineConfig","plugins","react","copyJklFonts","resolve","__dirname"],"mappings":"2KAKA,MAAAA,EAAeC,EAAa,CACxBC,QAAS,CAACC,IAASC,EAAaC,EAAQC,UAAW,SAAU"}