@fremtind/jokul 0.6.0 → 0.7.0

package/build/{CardImage-CRhZdMQc.js → CardImage-DJa-zPsv.js}

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import{c as n}from"./clsx-BeLtu-UY.js";import s from"react";import"./es/components/card/NavCard.js";import"./es/components/icon/Icon.js";import"./es/components/icon/icons/animated/ArrowVerticalAnimated.js";import"./es/components/icon/icons/animated/ArrowHorizontalAnimated.js";import"./es/components/icon/icons/animated/PlusRemoveAnimated.js";import"./es/components/icon/icons/ArrowDownIcon.js";import"./es/components/icon/icons/ArrowLeftIcon.js";import"./es/components/icon/icons/ArrowNorthEastIcon.js";import"./es/components/icon/icons/ArrowRightIcon.js";import"./es/components/icon/icons/ArrowUpIcon.js";import"./es/components/icon/icons/CalendarIcon.js";import"./es/components/icon/icons/CheckIcon.js";import"./es/components/icon/icons/ChevronDownIcon.js";import"./es/components/icon/icons/ChevronLeftIcon.js";import"./es/components/icon/icons/ChevronRightIcon.js";import"./es/components/icon/icons/ChevronUpIcon.js";import"./es/components/icon/icons/CloseIcon.js";import"./es/components/icon/icons/CopyIcon.js";import"./es/components/icon/icons/DotsIcon.js";import"./es/components/icon/icons/DragIcon.js";import"./es/components/icon/icons/ErrorIcon.js";import"./es/components/icon/icons/GreenCheckIcon.js";import"./es/components/icon/icons/HamburgerIcon.js";import"./es/components/icon/icons/InfoIcon.js";import"./es/components/icon/icons/LinkIcon.js";import"./es/components/icon/icons/PlusIcon.js";import"./es/components/icon/icons/QuestionIcon.js";import"./es/components/icon/icons/RedCrossIcon.js";import"./es/components/icon/icons/SearchIcon.js";import"./es/components/icon/icons/SuccessIcon.js";import"./es/components/icon/icons/WarningIcon.js";import"./es/components/icon/icons/MinusIcon.js";import"./es/components/icon/icons/ThumbDownIcon.js";import"./es/components/icon/icons/ThumbUpIcon.js";import"./es/components/icon/icons/TrashCanIcon.js";import"./es/components/icon/icons/PenIcon.js";import"./es/components/icon-button/IconButton.js";import"./es/components/link/Link.js";import"./es/components/link/NavLink.js";import"./es/components/link-list/LinkList.js";import"./es/components/tag/Tag.js";import{SlotComponent as c}from"./es/components/SlotComponent.js";const i=["s","m","l","xl"],e=["outlined","high","low"],t=s.forwardRef((function(s,i){const{className:e,clickable:t=!1,padding:m="s",variant:r="high",asChild:p,as:a="div",...j}=s;return o(p?c:a,{"data-testid":"jkl-card","data-clickable":t,"data-padding":m,className:n("jkl-card",`jkl-card--${r}`,e),...j,ref:i})})),m=s.forwardRef((function({as:s,asChild:i,className:e,placement:t="top",...m},r){return o(i?c:s||"img",{ref:r,className:n("jkl-card-image",`jkl-card-image--${t}`,e),...m})}));export{t as C,m as a,i as b,e as c};
-//# sourceMappingURL=CardImage-CRhZdMQc.js.map
+import{jsx as o}from"react/jsx-runtime";import{c as n}from"./clsx-BeLtu-UY.js";import s from"react";import"./es/components/card/NavCard.js";import"./es/components/icon/Icon.js";import"./es/components/icon/icons/animated/ArrowVerticalAnimated.js";import"./es/components/icon/icons/animated/ArrowHorizontalAnimated.js";import"./es/components/icon/icons/animated/PlusRemoveAnimated.js";import"./es/components/icon/icons/ArrowDownIcon.js";import"./es/components/icon/icons/ArrowLeftIcon.js";import"./es/components/icon/icons/ArrowNorthEastIcon.js";import"./es/components/icon/icons/ArrowRightIcon.js";import"./es/components/icon/icons/ArrowUpIcon.js";import"./es/components/icon/icons/CalendarIcon.js";import"./es/components/icon/icons/CheckIcon.js";import"./es/components/icon/icons/ChevronDownIcon.js";import"./es/components/icon/icons/ChevronLeftIcon.js";import"./es/components/icon/icons/ChevronRightIcon.js";import"./es/components/icon/icons/ChevronUpIcon.js";import"./es/components/icon/icons/CloseIcon.js";import"./es/components/icon/icons/CopyIcon.js";import"./es/components/icon/icons/DotsIcon.js";import"./es/components/icon/icons/DragIcon.js";import"./es/components/icon/icons/ErrorIcon.js";import"./es/components/icon/icons/GreenCheckIcon.js";import"./es/components/icon/icons/HamburgerIcon.js";import"./es/components/icon/icons/InfoIcon.js";import"./es/components/icon/icons/LinkIcon.js";import"./es/components/icon/icons/PlusIcon.js";import"./es/components/icon/icons/QuestionIcon.js";import"./es/components/icon/icons/RedCrossIcon.js";import"./es/components/icon/icons/SearchIcon.js";import"./es/components/icon/icons/SuccessIcon.js";import"./es/components/icon/icons/WarningIcon.js";import"./es/components/icon/icons/MinusIcon.js";import"./es/components/icon/icons/ThumbDownIcon.js";import"./es/components/icon/icons/ThumbUpIcon.js";import"./es/components/icon/icons/TrashCanIcon.js";import"./es/components/icon/icons/PenIcon.js";import"./es/components/icon-button/IconButton.js";import"classnames";import"./es/hooks/useScreen/useScreen.js";import"./es/hooks/useId/useId.js";import"./es/components/tooltip/Tooltip.js";import"./es/components/tooltip/TooltipContent.js";import"./es/components/tooltip/TooltipTrigger.js";import"./es/components/input-group/InputGroup.js";import"./es/components/link/Link.js";import"./es/components/link/NavLink.js";import"./es/components/link-list/LinkList.js";import"./es/components/tag/Tag.js";import{SlotComponent as c}from"./es/components/SlotComponent.js";const i=["s","m","l","xl"],t=["outlined","high","low"],e=s.forwardRef((function(s,i){const{className:t,clickable:e=!1,padding:m="s",variant:p="high",asChild:r,as:a="div",...j}=s;return o(r?c:a,{"data-testid":"jkl-card","data-clickable":e,"data-padding":m,className:n("jkl-card",`jkl-card--${p}`,t),...j,ref:i})})),m=s.forwardRef((function({as:s,asChild:i,className:t,placement:e="top",...m},p){return o(i?c:s||"img",{ref:p,className:n("jkl-card-image",`jkl-card-image--${e}`,t),...m})}));export{e as C,m as a,i as b,t as c};
+//# sourceMappingURL=CardImage-DJa-zPsv.js.map

package/build/{CardImage-CRhZdMQc.js.map → CardImage-DJa-zPsv.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CardImage-CRhZdMQc.js","sources":["../src/components/card/Card.tsx","../src/components/card/CardImage.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { SlotComponent } from \"../\";\nimport { type AsChildProps, type PolymorphicPropsWithRef, type PolymorphicRef } from \"../../core\";\n\nexport const CARD_PADDINGS = [\"s\", \"m\", \"l\", \"xl\"] as const;\nexport type CardPadding = (typeof CARD_PADDINGS)[number];\nexport const CARD_VARIANTS = [\"outlined\", \"high\", \"low\"] as const;\nexport type CardVariant = (typeof CARD_VARIANTS)[number];\n\nexport type CardProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<\n    ElementType,\n    {\n        className?: string;\n        /**\n         * Setter padding på kortet. Tilsvarer samme property i Figma.\n         * @default \"s\"\n         */\n        padding?: CardPadding;\n        /**\n         * Angir hvilken kortvariant du vil bruke. Velg en variant som gir god kontrast\n         * til bakgrunnen på siden, slik at det er enkelt å skille innholdet fra hverandre.\n         * @default \"high\"\n         */\n        variant?: CardVariant;\n        /**\n         * Angir om kortet visuelt skal fremstå som klikkbart. Du må selv rendre\n         * kortet som et klikkbart element (f.eks. `<a>` eller en `<Link>` fra\n         * et ruting-bibliotek) og gi det en `href` eller `onClick`-handler.\n         * HUSK: Sett aria-label for at støtteverktøy, som skjermlesere, ikke\n         * skal lese alt innholdet i kortet.\n         */\n        clickable?: boolean;\n    }\n>;\n\ntype CardComponent = <ElementType extends React.ElementType = \"div\">(\n    props: CardProps<ElementType> & AsChildProps,\n) => React.ReactElement | null;\n\n/**\n * En allsidig kortkomponent som brukes for å gruppere innhold på en side.\n * Komponenten rendres til vanlig som en `<div>`, men du kan velge å rendre\n * den som andre elementer eller komponenter der du trenger annen semantikk\n * eller funksjonalitet.\n */\nexport const Card = React.forwardRef(function Card<ElementType extends React.ElementType = \"div\">(\n    props: CardProps<ElementType>,\n    ref?: PolymorphicRef<ElementType>,\n) {\n    const {\n        className,\n        clickable = false,\n        padding = \"s\",\n        variant = \"high\",\n        asChild,\n        as = \"div\",\n        ...componentProps\n    } = props;\n\n    const Component = asChild ? SlotComponent : as;\n\n    return (\n        <Component\n            data-testid=\"jkl-card\"\n            data-clickable={clickable}\n            data-padding={padding}\n            className={clsx(\"jkl-card\", `jkl-card--${variant}`, className)}\n            {...componentProps}\n            ref={ref}\n        />\n    );\n}) as CardComponent;\n","import clsx from \"clsx\";\nimport React from \"react\";\nimport { SlotComponent } from \"../\";\nimport { AsChildProps, PolymorphicPropsWithRef, PolymorphicRef } from \"../../core\";\n\nexport type CardImageProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<\n    ElementType,\n    {\n        /**\n         * Legger til riktig negativ margin avhengig av hvor i kortet bildet\n         * skal plasseres. Margin justeres automatisk etter padding i kortet.\n         * @default \"top\"\n         */\n        placement?: \"top\" | \"middle\" | \"bottom\";\n    }\n>;\n\ntype CardImageComponent = <ElementType extends React.ElementType = \"img\">(\n    props: CardImageProps<ElementType>,\n) => React.ReactElement | null;\n\n/**\n * Bildekomponent som kan brukes i `Card` for å sørge for at bildet\n * blør helt ut i kantene av kortet. Rendres normalt som et `<img>`-\n * element, men du kan overstyre dette med `as` dersom du f.eks. har\n * en egen komponent for å håndtere responsive bilder.\n */\nexport const CardImage = React.forwardRef(function CardImage<ElementType extends React.ElementType = \"img\">(\n    { as, asChild, className, placement = \"top\", ...imageProps }: CardImageProps<ElementType> & AsChildProps,\n    ref?: PolymorphicRef<ElementType>,\n) {\n    const Component = asChild ? SlotComponent : as || \"img\";\n\n    return (\n        <Component\n            ref={ref}\n            className={clsx(\"jkl-card-image\", `jkl-card-image--${placement}`, className)}\n            {...imageProps}\n        />\n    );\n}) as CardImageComponent;\n"],"names":["CARD_PADDINGS","CARD_VARIANTS","Card","React","forwardRef","props","ref","className","clickable","padding","variant","asChild","as","componentProps","jsx","SlotComponent","clsx","CardImage","placement","imageProps"],"mappings":"uqEAKO,MAAMA,EAAgB,CAAC,IAAK,IAAK,IAAK,MAEhCC,EAAgB,CAAC,WAAY,OAAQ,OAuCrCC,EAAOC,EAAMC,YAAW,SACjCC,EACAC,GAEM,MACFC,UAAAA,EACAC,UAAAA,GAAY,EACZC,QAAAA,EAAU,IACVC,QAAAA,EAAU,OACVC,QAAAA,EACAC,GAAAA,EAAK,SACFC,GACHR,EAKA,OAAAS,EAHcH,EAAUI,EAAgBH,EAGvC,CACG,cAAY,WACZ,iBAAgBJ,EAChB,eAAcC,EACdF,UAAWS,EAAK,WAAY,aAAaN,IAAWH,MAChDM,EACJP,IAAAA,GAGZ,IC7CaW,EAAYd,EAAMC,YAAW,UACpCQ,GAAAA,EAAID,QAAAA,EAASJ,UAAAA,EAAWW,UAAAA,EAAY,SAAUC,GAChDb,GAKI,OAAAQ,EAHcH,EAAUI,EAAgBH,GAAM,MAG7C,CACGN,IAAAA,EACAC,UAAWS,EAAK,iBAAkB,mBAAmBE,IAAaX,MAC9DY,GAGhB"}
+{"version":3,"file":"CardImage-DJa-zPsv.js","sources":["../src/components/card/Card.tsx","../src/components/card/CardImage.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { SlotComponent } from \"../\";\nimport { type AsChildProps, type PolymorphicPropsWithRef, type PolymorphicRef } from \"../../core\";\n\nexport const CARD_PADDINGS = [\"s\", \"m\", \"l\", \"xl\"] as const;\nexport type CardPadding = (typeof CARD_PADDINGS)[number];\nexport const CARD_VARIANTS = [\"outlined\", \"high\", \"low\"] as const;\nexport type CardVariant = (typeof CARD_VARIANTS)[number];\n\nexport type CardProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<\n    ElementType,\n    {\n        className?: string;\n        /**\n         * Setter padding på kortet. Tilsvarer samme property i Figma.\n         * @default \"s\"\n         */\n        padding?: CardPadding;\n        /**\n         * Angir hvilken kortvariant du vil bruke. Velg en variant som gir god kontrast\n         * til bakgrunnen på siden, slik at det er enkelt å skille innholdet fra hverandre.\n         * @default \"high\"\n         */\n        variant?: CardVariant;\n        /**\n         * Angir om kortet visuelt skal fremstå som klikkbart. Du må selv rendre\n         * kortet som et klikkbart element (f.eks. `<a>` eller en `<Link>` fra\n         * et ruting-bibliotek) og gi det en `href` eller `onClick`-handler.\n         * HUSK: Sett aria-label for at støtteverktøy, som skjermlesere, ikke\n         * skal lese alt innholdet i kortet.\n         */\n        clickable?: boolean;\n    }\n>;\n\ntype CardComponent = <ElementType extends React.ElementType = \"div\">(\n    props: CardProps<ElementType> & AsChildProps,\n) => React.ReactElement | null;\n\n/**\n * En allsidig kortkomponent som brukes for å gruppere innhold på en side.\n * Komponenten rendres til vanlig som en `<div>`, men du kan velge å rendre\n * den som andre elementer eller komponenter der du trenger annen semantikk\n * eller funksjonalitet.\n */\nexport const Card = React.forwardRef(function Card<ElementType extends React.ElementType = \"div\">(\n    props: CardProps<ElementType>,\n    ref?: PolymorphicRef<ElementType>,\n) {\n    const {\n        className,\n        clickable = false,\n        padding = \"s\",\n        variant = \"high\",\n        asChild,\n        as = \"div\",\n        ...componentProps\n    } = props;\n\n    const Component = asChild ? SlotComponent : as;\n\n    return (\n        <Component\n            data-testid=\"jkl-card\"\n            data-clickable={clickable}\n            data-padding={padding}\n            className={clsx(\"jkl-card\", `jkl-card--${variant}`, className)}\n            {...componentProps}\n            ref={ref}\n        />\n    );\n}) as CardComponent;\n","import clsx from \"clsx\";\nimport React from \"react\";\nimport { SlotComponent } from \"../\";\nimport { AsChildProps, PolymorphicPropsWithRef, PolymorphicRef } from \"../../core\";\n\nexport type CardImageProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<\n    ElementType,\n    {\n        /**\n         * Legger til riktig negativ margin avhengig av hvor i kortet bildet\n         * skal plasseres. Margin justeres automatisk etter padding i kortet.\n         * @default \"top\"\n         */\n        placement?: \"top\" | \"middle\" | \"bottom\";\n    }\n>;\n\ntype CardImageComponent = <ElementType extends React.ElementType = \"img\">(\n    props: CardImageProps<ElementType>,\n) => React.ReactElement | null;\n\n/**\n * Bildekomponent som kan brukes i `Card` for å sørge for at bildet\n * blør helt ut i kantene av kortet. Rendres normalt som et `<img>`-\n * element, men du kan overstyre dette med `as` dersom du f.eks. har\n * en egen komponent for å håndtere responsive bilder.\n */\nexport const CardImage = React.forwardRef(function CardImage<ElementType extends React.ElementType = \"img\">(\n    { as, asChild, className, placement = \"top\", ...imageProps }: CardImageProps<ElementType> & AsChildProps,\n    ref?: PolymorphicRef<ElementType>,\n) {\n    const Component = asChild ? SlotComponent : as || \"img\";\n\n    return (\n        <Component\n            ref={ref}\n            className={clsx(\"jkl-card-image\", `jkl-card-image--${placement}`, className)}\n            {...imageProps}\n        />\n    );\n}) as CardImageComponent;\n"],"names":["CARD_PADDINGS","CARD_VARIANTS","Card","React","forwardRef","props","ref","className","clickable","padding","variant","asChild","as","componentProps","jsx","SlotComponent","clsx","CardImage","placement","imageProps"],"mappings":"u8EAKO,MAAMA,EAAgB,CAAC,IAAK,IAAK,IAAK,MAEhCC,EAAgB,CAAC,WAAY,OAAQ,OAuCrCC,EAAOC,EAAMC,YAAW,SACjCC,EACAC,GAEM,MACFC,UAAAA,EACAC,UAAAA,GAAY,EACZC,QAAAA,EAAU,IACVC,QAAAA,EAAU,OACVC,QAAAA,EACAC,GAAAA,EAAK,SACFC,GACHR,EAKA,OAAAS,EAHcH,EAAUI,EAAgBH,EAGvC,CACG,cAAY,WACZ,iBAAgBJ,EAChB,eAAcC,EACdF,UAAWS,EAAK,WAAY,aAAaN,IAAWH,MAChDM,EACJP,IAAAA,GAGZ,IC7CaW,EAAYd,EAAMC,YAAW,UACpCQ,GAAAA,EAAID,QAAAA,EAASJ,UAAAA,EAAWW,UAAAA,EAAY,SAAUC,GAChDb,GAKI,OAAAQ,EAHcH,EAAUI,EAAgBH,GAAM,MAG7C,CACGN,IAAAA,EACAC,UAAWS,EAAK,iBAAkB,mBAAmBE,IAAaX,MAC9DY,GAGhB"}

package/build/{CardImage-CW7cnY5T.cjs → CardImage-DsKh2g4S.cjs}

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),o=require("./clsx-E3yX_9sL.cjs"),c=require("react");require("./cjs/components/card/NavCard.js"),require("./cjs/components/icon/Icon.js"),require("./cjs/components/icon/icons/animated/ArrowVerticalAnimated.js"),require("./cjs/components/icon/icons/animated/ArrowHorizontalAnimated.js"),require("./cjs/components/icon/icons/animated/PlusRemoveAnimated.js"),require("./cjs/components/icon/icons/ArrowDownIcon.js"),require("./cjs/components/icon/icons/ArrowLeftIcon.js"),require("./cjs/components/icon/icons/ArrowNorthEastIcon.js"),require("./cjs/components/icon/icons/ArrowRightIcon.js"),require("./cjs/components/icon/icons/ArrowUpIcon.js"),require("./cjs/components/icon/icons/CalendarIcon.js"),require("./cjs/components/icon/icons/CheckIcon.js"),require("./cjs/components/icon/icons/ChevronDownIcon.js"),require("./cjs/components/icon/icons/ChevronLeftIcon.js"),require("./cjs/components/icon/icons/ChevronRightIcon.js"),require("./cjs/components/icon/icons/ChevronUpIcon.js"),require("./cjs/components/icon/icons/CloseIcon.js"),require("./cjs/components/icon/icons/CopyIcon.js"),require("./cjs/components/icon/icons/DotsIcon.js"),require("./cjs/components/icon/icons/DragIcon.js"),require("./cjs/components/icon/icons/ErrorIcon.js"),require("./cjs/components/icon/icons/GreenCheckIcon.js"),require("./cjs/components/icon/icons/HamburgerIcon.js"),require("./cjs/components/icon/icons/InfoIcon.js"),require("./cjs/components/icon/icons/LinkIcon.js"),require("./cjs/components/icon/icons/PlusIcon.js"),require("./cjs/components/icon/icons/QuestionIcon.js"),require("./cjs/components/icon/icons/RedCrossIcon.js"),require("./cjs/components/icon/icons/SearchIcon.js"),require("./cjs/components/icon/icons/SuccessIcon.js"),require("./cjs/components/icon/icons/WarningIcon.js"),require("./cjs/components/icon/icons/MinusIcon.js"),require("./cjs/components/icon/icons/ThumbDownIcon.js"),require("./cjs/components/icon/icons/ThumbUpIcon.js"),require("./cjs/components/icon/icons/TrashCanIcon.js"),require("./cjs/components/icon/icons/PenIcon.js"),require("./cjs/components/icon-button/IconButton.js"),require("./cjs/components/link/Link.js"),require("./cjs/components/link/NavLink.js"),require("./cjs/components/link-list/LinkList.js"),require("./cjs/components/tag/Tag.js");const s=require("./cjs/components/SlotComponent.js"),e=c.forwardRef((function(c,e){const{className:i,clickable:r=!1,padding:t="s",variant:j="high",asChild:m,as:a="div",...u}=c,p=m?s.SlotComponent:a;return n.jsx(p,{"data-testid":"jkl-card","data-clickable":r,"data-padding":t,className:o.clsx("jkl-card",`jkl-card--${j}`,i),...u,ref:e})})),i=c.forwardRef((function({as:c,asChild:e,className:i,placement:r="top",...t},j){const m=e?s.SlotComponent:c||"img";return n.jsx(m,{ref:j,className:o.clsx("jkl-card-image",`jkl-card-image--${r}`,i),...t})}));exports.CARD_PADDINGS=["s","m","l","xl"],exports.CARD_VARIANTS=["outlined","high","low"],exports.Card=e,exports.CardImage=i;
-//# sourceMappingURL=CardImage-CW7cnY5T.cjs.map
+"use strict";const o=require("react/jsx-runtime"),n=require("./clsx-E3yX_9sL.cjs"),c=require("react");require("./cjs/components/card/NavCard.js"),require("./cjs/components/icon/Icon.js"),require("./cjs/components/icon/icons/animated/ArrowVerticalAnimated.js"),require("./cjs/components/icon/icons/animated/ArrowHorizontalAnimated.js"),require("./cjs/components/icon/icons/animated/PlusRemoveAnimated.js"),require("./cjs/components/icon/icons/ArrowDownIcon.js"),require("./cjs/components/icon/icons/ArrowLeftIcon.js"),require("./cjs/components/icon/icons/ArrowNorthEastIcon.js"),require("./cjs/components/icon/icons/ArrowRightIcon.js"),require("./cjs/components/icon/icons/ArrowUpIcon.js"),require("./cjs/components/icon/icons/CalendarIcon.js"),require("./cjs/components/icon/icons/CheckIcon.js"),require("./cjs/components/icon/icons/ChevronDownIcon.js"),require("./cjs/components/icon/icons/ChevronLeftIcon.js"),require("./cjs/components/icon/icons/ChevronRightIcon.js"),require("./cjs/components/icon/icons/ChevronUpIcon.js"),require("./cjs/components/icon/icons/CloseIcon.js"),require("./cjs/components/icon/icons/CopyIcon.js"),require("./cjs/components/icon/icons/DotsIcon.js"),require("./cjs/components/icon/icons/DragIcon.js"),require("./cjs/components/icon/icons/ErrorIcon.js"),require("./cjs/components/icon/icons/GreenCheckIcon.js"),require("./cjs/components/icon/icons/HamburgerIcon.js"),require("./cjs/components/icon/icons/InfoIcon.js"),require("./cjs/components/icon/icons/LinkIcon.js"),require("./cjs/components/icon/icons/PlusIcon.js"),require("./cjs/components/icon/icons/QuestionIcon.js"),require("./cjs/components/icon/icons/RedCrossIcon.js"),require("./cjs/components/icon/icons/SearchIcon.js"),require("./cjs/components/icon/icons/SuccessIcon.js"),require("./cjs/components/icon/icons/WarningIcon.js"),require("./cjs/components/icon/icons/MinusIcon.js"),require("./cjs/components/icon/icons/ThumbDownIcon.js"),require("./cjs/components/icon/icons/ThumbUpIcon.js"),require("./cjs/components/icon/icons/TrashCanIcon.js"),require("./cjs/components/icon/icons/PenIcon.js"),require("./cjs/components/icon-button/IconButton.js"),require("classnames"),require("./cjs/hooks/useScreen/useScreen.js"),require("./cjs/hooks/useId/useId.js"),require("./cjs/components/tooltip/Tooltip.js"),require("./cjs/components/tooltip/TooltipContent.js"),require("./cjs/components/tooltip/TooltipTrigger.js"),require("./cjs/components/input-group/InputGroup.js"),require("./cjs/components/link/Link.js"),require("./cjs/components/link/NavLink.js"),require("./cjs/components/link-list/LinkList.js"),require("./cjs/components/tag/Tag.js");const s=require("./cjs/components/SlotComponent.js"),e=c.forwardRef((function(c,e){const{className:i,clickable:r=!1,padding:t="s",variant:j="high",asChild:u,as:m="div",...p}=c,a=u?s.SlotComponent:m;return o.jsx(a,{"data-testid":"jkl-card","data-clickable":r,"data-padding":t,className:n.clsx("jkl-card",`jkl-card--${j}`,i),...p,ref:e})})),i=c.forwardRef((function({as:c,asChild:e,className:i,placement:r="top",...t},j){const u=e?s.SlotComponent:c||"img";return o.jsx(u,{ref:j,className:n.clsx("jkl-card-image",`jkl-card-image--${r}`,i),...t})}));exports.CARD_PADDINGS=["s","m","l","xl"],exports.CARD_VARIANTS=["outlined","high","low"],exports.Card=e,exports.CardImage=i;
+//# sourceMappingURL=CardImage-DsKh2g4S.cjs.map

package/build/{CardImage-CW7cnY5T.cjs.map → CardImage-DsKh2g4S.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"CardImage-CW7cnY5T.cjs","sources":["../src/components/card/Card.tsx","../src/components/card/CardImage.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { SlotComponent } from \"../\";\nimport { type AsChildProps, type PolymorphicPropsWithRef, type PolymorphicRef } from \"../../core\";\n\nexport const CARD_PADDINGS = [\"s\", \"m\", \"l\", \"xl\"] as const;\nexport type CardPadding = (typeof CARD_PADDINGS)[number];\nexport const CARD_VARIANTS = [\"outlined\", \"high\", \"low\"] as const;\nexport type CardVariant = (typeof CARD_VARIANTS)[number];\n\nexport type CardProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<\n    ElementType,\n    {\n        className?: string;\n        /**\n         * Setter padding på kortet. Tilsvarer samme property i Figma.\n         * @default \"s\"\n         */\n        padding?: CardPadding;\n        /**\n         * Angir hvilken kortvariant du vil bruke. Velg en variant som gir god kontrast\n         * til bakgrunnen på siden, slik at det er enkelt å skille innholdet fra hverandre.\n         * @default \"high\"\n         */\n        variant?: CardVariant;\n        /**\n         * Angir om kortet visuelt skal fremstå som klikkbart. Du må selv rendre\n         * kortet som et klikkbart element (f.eks. `<a>` eller en `<Link>` fra\n         * et ruting-bibliotek) og gi det en `href` eller `onClick`-handler.\n         * HUSK: Sett aria-label for at støtteverktøy, som skjermlesere, ikke\n         * skal lese alt innholdet i kortet.\n         */\n        clickable?: boolean;\n    }\n>;\n\ntype CardComponent = <ElementType extends React.ElementType = \"div\">(\n    props: CardProps<ElementType> & AsChildProps,\n) => React.ReactElement | null;\n\n/**\n * En allsidig kortkomponent som brukes for å gruppere innhold på en side.\n * Komponenten rendres til vanlig som en `<div>`, men du kan velge å rendre\n * den som andre elementer eller komponenter der du trenger annen semantikk\n * eller funksjonalitet.\n */\nexport const Card = React.forwardRef(function Card<ElementType extends React.ElementType = \"div\">(\n    props: CardProps<ElementType>,\n    ref?: PolymorphicRef<ElementType>,\n) {\n    const {\n        className,\n        clickable = false,\n        padding = \"s\",\n        variant = \"high\",\n        asChild,\n        as = \"div\",\n        ...componentProps\n    } = props;\n\n    const Component = asChild ? SlotComponent : as;\n\n    return (\n        <Component\n            data-testid=\"jkl-card\"\n            data-clickable={clickable}\n            data-padding={padding}\n            className={clsx(\"jkl-card\", `jkl-card--${variant}`, className)}\n            {...componentProps}\n            ref={ref}\n        />\n    );\n}) as CardComponent;\n","import clsx from \"clsx\";\nimport React from \"react\";\nimport { SlotComponent } from \"../\";\nimport { AsChildProps, PolymorphicPropsWithRef, PolymorphicRef } from \"../../core\";\n\nexport type CardImageProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<\n    ElementType,\n    {\n        /**\n         * Legger til riktig negativ margin avhengig av hvor i kortet bildet\n         * skal plasseres. Margin justeres automatisk etter padding i kortet.\n         * @default \"top\"\n         */\n        placement?: \"top\" | \"middle\" | \"bottom\";\n    }\n>;\n\ntype CardImageComponent = <ElementType extends React.ElementType = \"img\">(\n    props: CardImageProps<ElementType>,\n) => React.ReactElement | null;\n\n/**\n * Bildekomponent som kan brukes i `Card` for å sørge for at bildet\n * blør helt ut i kantene av kortet. Rendres normalt som et `<img>`-\n * element, men du kan overstyre dette med `as` dersom du f.eks. har\n * en egen komponent for å håndtere responsive bilder.\n */\nexport const CardImage = React.forwardRef(function CardImage<ElementType extends React.ElementType = \"img\">(\n    { as, asChild, className, placement = \"top\", ...imageProps }: CardImageProps<ElementType> & AsChildProps,\n    ref?: PolymorphicRef<ElementType>,\n) {\n    const Component = asChild ? SlotComponent : as || \"img\";\n\n    return (\n        <Component\n            ref={ref}\n            className={clsx(\"jkl-card-image\", `jkl-card-image--${placement}`, className)}\n            {...imageProps}\n        />\n    );\n}) as CardImageComponent;\n"],"names":["Card","React","forwardRef","props","ref","className","clickable","padding","variant","asChild","as","componentProps","Component","SlotComponent","jsx","clsx","CardImage","placement","imageProps"],"mappings":"i0EA8CaA,EAAOC,EAAMC,YAAW,SACjCC,EACAC,GAEM,MACFC,UAAAA,EACAC,UAAAA,GAAY,EACZC,QAAAA,EAAU,IACVC,QAAAA,EAAU,OACVC,QAAAA,EACAC,GAAAA,EAAK,SACFC,GACHR,EAEES,EAAYH,EAAUI,EAAgBA,cAAAH,EAGxC,OAAAI,EAAAA,IAACF,EAAA,CACG,cAAY,WACZ,iBAAgBN,EAChB,eAAcC,EACdF,UAAWU,EAAKA,KAAA,WAAY,aAAaP,IAAWH,MAChDM,EACJP,IAAAA,GAGZ,IC7CaY,EAAYf,EAAMC,YAAW,UACpCQ,GAAAA,EAAID,QAAAA,EAASJ,UAAAA,EAAWY,UAAAA,EAAY,SAAUC,GAChDd,GAEM,MAAAQ,EAAYH,EAAUI,gBAAgBH,GAAM,MAG9C,OAAAI,EAAAA,IAACF,EAAA,CACGR,IAAAA,EACAC,UAAWU,EAAKA,KAAA,iBAAkB,mBAAmBE,IAAaZ,MAC9Da,GAGhB,0BDnC6B,CAAC,IAAK,IAAK,IAAK,4BAEhB,CAAC,WAAY,OAAQ"}
+{"version":3,"file":"CardImage-DsKh2g4S.cjs","sources":["../src/components/card/Card.tsx","../src/components/card/CardImage.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { SlotComponent } from \"../\";\nimport { type AsChildProps, type PolymorphicPropsWithRef, type PolymorphicRef } from \"../../core\";\n\nexport const CARD_PADDINGS = [\"s\", \"m\", \"l\", \"xl\"] as const;\nexport type CardPadding = (typeof CARD_PADDINGS)[number];\nexport const CARD_VARIANTS = [\"outlined\", \"high\", \"low\"] as const;\nexport type CardVariant = (typeof CARD_VARIANTS)[number];\n\nexport type CardProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<\n    ElementType,\n    {\n        className?: string;\n        /**\n         * Setter padding på kortet. Tilsvarer samme property i Figma.\n         * @default \"s\"\n         */\n        padding?: CardPadding;\n        /**\n         * Angir hvilken kortvariant du vil bruke. Velg en variant som gir god kontrast\n         * til bakgrunnen på siden, slik at det er enkelt å skille innholdet fra hverandre.\n         * @default \"high\"\n         */\n        variant?: CardVariant;\n        /**\n         * Angir om kortet visuelt skal fremstå som klikkbart. Du må selv rendre\n         * kortet som et klikkbart element (f.eks. `<a>` eller en `<Link>` fra\n         * et ruting-bibliotek) og gi det en `href` eller `onClick`-handler.\n         * HUSK: Sett aria-label for at støtteverktøy, som skjermlesere, ikke\n         * skal lese alt innholdet i kortet.\n         */\n        clickable?: boolean;\n    }\n>;\n\ntype CardComponent = <ElementType extends React.ElementType = \"div\">(\n    props: CardProps<ElementType> & AsChildProps,\n) => React.ReactElement | null;\n\n/**\n * En allsidig kortkomponent som brukes for å gruppere innhold på en side.\n * Komponenten rendres til vanlig som en `<div>`, men du kan velge å rendre\n * den som andre elementer eller komponenter der du trenger annen semantikk\n * eller funksjonalitet.\n */\nexport const Card = React.forwardRef(function Card<ElementType extends React.ElementType = \"div\">(\n    props: CardProps<ElementType>,\n    ref?: PolymorphicRef<ElementType>,\n) {\n    const {\n        className,\n        clickable = false,\n        padding = \"s\",\n        variant = \"high\",\n        asChild,\n        as = \"div\",\n        ...componentProps\n    } = props;\n\n    const Component = asChild ? SlotComponent : as;\n\n    return (\n        <Component\n            data-testid=\"jkl-card\"\n            data-clickable={clickable}\n            data-padding={padding}\n            className={clsx(\"jkl-card\", `jkl-card--${variant}`, className)}\n            {...componentProps}\n            ref={ref}\n        />\n    );\n}) as CardComponent;\n","import clsx from \"clsx\";\nimport React from \"react\";\nimport { SlotComponent } from \"../\";\nimport { AsChildProps, PolymorphicPropsWithRef, PolymorphicRef } from \"../../core\";\n\nexport type CardImageProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<\n    ElementType,\n    {\n        /**\n         * Legger til riktig negativ margin avhengig av hvor i kortet bildet\n         * skal plasseres. Margin justeres automatisk etter padding i kortet.\n         * @default \"top\"\n         */\n        placement?: \"top\" | \"middle\" | \"bottom\";\n    }\n>;\n\ntype CardImageComponent = <ElementType extends React.ElementType = \"img\">(\n    props: CardImageProps<ElementType>,\n) => React.ReactElement | null;\n\n/**\n * Bildekomponent som kan brukes i `Card` for å sørge for at bildet\n * blør helt ut i kantene av kortet. Rendres normalt som et `<img>`-\n * element, men du kan overstyre dette med `as` dersom du f.eks. har\n * en egen komponent for å håndtere responsive bilder.\n */\nexport const CardImage = React.forwardRef(function CardImage<ElementType extends React.ElementType = \"img\">(\n    { as, asChild, className, placement = \"top\", ...imageProps }: CardImageProps<ElementType> & AsChildProps,\n    ref?: PolymorphicRef<ElementType>,\n) {\n    const Component = asChild ? SlotComponent : as || \"img\";\n\n    return (\n        <Component\n            ref={ref}\n            className={clsx(\"jkl-card-image\", `jkl-card-image--${placement}`, className)}\n            {...imageProps}\n        />\n    );\n}) as CardImageComponent;\n"],"names":["Card","React","forwardRef","props","ref","className","clickable","padding","variant","asChild","as","componentProps","Component","SlotComponent","jsx","clsx","CardImage","placement","imageProps"],"mappings":"4nFA8CaA,EAAOC,EAAMC,YAAW,SACjCC,EACAC,GAEM,MACFC,UAAAA,EACAC,UAAAA,GAAY,EACZC,QAAAA,EAAU,IACVC,QAAAA,EAAU,OACVC,QAAAA,EACAC,GAAAA,EAAK,SACFC,GACHR,EAEES,EAAYH,EAAUI,EAAgBA,cAAAH,EAGxC,OAAAI,EAAAA,IAACF,EAAA,CACG,cAAY,WACZ,iBAAgBN,EAChB,eAAcC,EACdF,UAAWU,EAAKA,KAAA,WAAY,aAAaP,IAAWH,MAChDM,EACJP,IAAAA,GAGZ,IC7CaY,EAAYf,EAAMC,YAAW,UACpCQ,GAAAA,EAAID,QAAAA,EAASJ,UAAAA,EAAWY,UAAAA,EAAY,SAAUC,GAChDd,GAEM,MAAAQ,EAAYH,EAAUI,gBAAgBH,GAAM,MAG9C,OAAAI,EAAAA,IAACF,EAAA,CACGR,IAAAA,EACAC,UAAWU,EAAKA,KAAA,iBAAkB,mBAAmBE,IAAaZ,MAC9Da,GAGhB,0BDnC6B,CAAC,IAAK,IAAK,IAAK,4BAEhB,CAAC,WAAY,OAAQ"}