@fremtind/jokul 0.4.0 → 0.5.0

package/build/cjs/components/card/CardImage.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime"),require("../../../clsx-E3yX_9sL.cjs"),require("react");const o=require("../../../CardImage-w-I6OXKE.cjs");require("./NavCard.js"),require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js"),require("../icon-button/IconButton.js"),require("../link-list/LinkList.js"),require("../tag/Tag.js"),require("../SlotComponent.js"),exports.CardImage=o.CardImage;
+//# sourceMappingURL=CardImage.js.map

package/build/cjs/components/card/CardImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardImage.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/cjs/components/card/InfoCard.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../../clsx-E3yX_9sL.cjs"),r=require("./utils.js");exports.InfoCard=({title:t,children:i,density:l,className:a,padding:c="l",...d})=>e.jsx("div",{...d,className:s.clsx("jkl-info-card",a),"data-density":l,children:e.jsxs("div",{className:s.clsx("jkl-info-card__content-wrapper"),style:r.getPaddingStyles(c),children:[t&&e.jsx("p",{className:"jkl-info-card__title",children:t}),i]})});
+//# sourceMappingURL=InfoCard.js.map

package/build/cjs/components/card/InfoCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoCard.js","sources":["../../../../src/components/card/InfoCard.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { FC } from \"react\";\nimport { Density, WithChildren } from \"../../core\";\nimport { PaddingOptions, SpacingStep } from \"./types\";\nimport { getPaddingStyles } from \"./utils\";\n\nexport interface InfoCardProps extends PaddingOptions, WithChildren {\n    className?: string;\n    title?: string;\n    /**\n     * Legger til ekstra rom i bunnen av kortet, fra spacing-skalaen til Jøkul.\n     */\n    bottomPadding?: SpacingStep;\n    density?: Density;\n}\n\nexport const InfoCard: FC<InfoCardProps> = ({ title, children, density, className, padding = \"l\", ...rest }) => (\n    <div {...rest} className={clsx(\"jkl-info-card\", className)} data-density={density}>\n        <div className={clsx(\"jkl-info-card__content-wrapper\")} style={getPaddingStyles(padding)}>\n            {title && <p className=\"jkl-info-card__title\">{title}</p>}\n            {children}\n        </div>\n    </div>\n);\n"],"names":["title","children","density","className","padding","rest","jsx","clsx","jsxs","style","getPaddingStyles"],"mappings":"sMAgB2C,EAAGA,MAAAA,EAAOC,SAAAA,EAAUC,QAAAA,EAASC,UAAAA,EAAWC,QAAAA,EAAU,OAAQC,KACjGC,EAAAA,IAAC,UAAQD,EAAMF,UAAWI,EAAAA,KAAK,gBAAiBJ,GAAY,eAAcD,EACtED,SAACO,EAAAA,KAAA,MAAA,CAAIL,UAAWI,EAAAA,KAAK,kCAAmCE,MAAOC,EAAAA,iBAAiBN,GAC3EH,SAAA,CAAAD,GAAUM,EAAAA,IAAA,IAAA,CAAEH,UAAU,uBAAwBF,SAAMD,IACpDC"}

package/build/cjs/components/card/NavCard.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../../clsx-E3yX_9sL.cjs"),r=require("react"),s=require("../image/Image.js"),n=require("../tag/Tag.js"),t=require("./utils.js"),c=({text:a,type:r,density:s})=>{const t=(e=>{switch(e){case"info":return n.InfoTag;case"success":return n.SuccessTag;case"warning":return n.WarningTag;case"error":return n.ErrorTag;default:return n.Tag}})(r);return e.jsx(t,{density:s,children:a})},i=r.forwardRef(((r,n)=>{const{component:i="a",padding:l="l",image:d,tag:j,title:o,external:x,description:g,children:u,className:p,density:m,...v}=r,y=i,_=j?Array.isArray(j)?j:[j]:void 0;return e.jsxs(y,{ref:n,"aria-label":o,className:a.clsx("jkl-nav-card",p),"data-density":m,...v,children:[d&&e.jsx(s.Image,{className:"jkl-nav-card__image",...d}),e.jsxs("div",{className:"jkl-nav-card__content",style:t.getPaddingStyles(l),children:[_&&e.jsx("div",{className:"jkl-nav-card__tag-wrapper",children:_.map(((a,r)=>e.jsx(c,{type:a.type,text:a.text},r)))}),e.jsxs("div",{children:[e.jsx("p",{className:a.clsx("jkl-nav-card__link",x?"jkl-nav-card__link--external":""),children:o}),g&&e.jsx("p",{className:"jkl-nav-card__description jkl-spacing-xs--top",children:g})]}),u]})]})}));i.displayName="NavCard",exports.InfoBlock=({children:a})=>e.jsx("div",{className:"jkl-nav-card__info",children:a}),exports.NavCard=i;
+//# sourceMappingURL=NavCard.js.map

package/build/cjs/components/card/NavCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavCard.js","sources":["../../../../src/components/card/NavCard.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { ElementType, FC, AnchorHTMLAttributes } from \"react\";\nimport { WithChildren, Density } from \"../../core\";\nimport { Image, ImageProps } from \"../image\";\nimport { ErrorTag, InfoTag, SuccessTag, Tag, TagProps, WarningTag } from \"../tag\";\nimport { PaddingOptions } from \"./types\";\nimport { getPaddingStyles } from \"./utils\";\n\nexport type TagType = \"success\" | \"warning\" | \"info\" | \"error\";\n\n/**\n * Bruk denne komponenten for å legge til ekstra informasjon i NavCard.\n * Innholdet blir rendret med skillelinje, og tekststil \"small\"\n */\nexport const InfoBlock: FC<WithChildren> = ({ children }) => <div className=\"jkl-nav-card__info\">{children}</div>;\n\ninterface CardTag {\n    /**\n     * @default <none> Rendres som nøytral tag\n     */\n    type?: TagType;\n    text: string;\n}\n\nexport interface NavCardProps extends PaddingOptions, AnchorHTMLAttributes<HTMLAnchorElement> {\n    tag?: CardTag | Array<CardTag>;\n    title: string;\n    href?: string;\n    to?: string;\n    external?: boolean;\n    description?: string;\n    image?: Omit<ImageProps, \"className\">;\n    className?: string;\n    /**\n     * Overstyr hvilken komponent som skal brukes, for eksempel hvis du har en Link-komponent fra en router.\n     * @default \"a\"\n     */\n    component?: ElementType;\n    density?: Density;\n}\n\nconst getTag = (type?: TagType) => {\n    switch (type) {\n        case \"info\":\n            return InfoTag;\n        case \"success\":\n            return SuccessTag;\n        case \"warning\":\n            return WarningTag;\n        case \"error\":\n            return ErrorTag;\n        default:\n            return Tag;\n    }\n};\nconst NavCardTag = ({ text, type, density }: CardTag & Pick<TagProps, \"density\">) => {\n    const CardTag = getTag(type);\n    return <CardTag density={density}>{text}</CardTag>;\n};\n\nexport const NavCard: FC<NavCardProps> = React.forwardRef<HTMLAnchorElement, NavCardProps>((props, ref) => {\n    const {\n        component = \"a\",\n        padding = \"l\",\n        image,\n        tag,\n        title,\n        external,\n        description,\n        children,\n        className,\n        density,\n        ...rest\n    } = props;\n\n    const Component = component;\n\n    const tagArr = !tag ? undefined : Array.isArray(tag) ? tag : [tag];\n\n    return (\n        <Component\n            ref={ref}\n            aria-label={title}\n            className={clsx(\"jkl-nav-card\", className)}\n            data-density={density}\n            {...rest}\n        >\n            {image && <Image className=\"jkl-nav-card__image\" {...image} />}\n            <div className=\"jkl-nav-card__content\" style={getPaddingStyles(padding)}>\n                {tagArr && (\n                    <div className=\"jkl-nav-card__tag-wrapper\">\n                        {tagArr.map((t, index) => (\n                            <NavCardTag type={t.type} text={t.text} key={index} />\n                        ))}\n                    </div>\n                )}\n                <div>\n                    <p className={clsx(\"jkl-nav-card__link\", external ? \"jkl-nav-card__link--external\" : \"\")}>\n                        {title}\n                    </p>\n                    {description && <p className=\"jkl-nav-card__description jkl-spacing-xs--top\">{description}</p>}\n                </div>\n                {children}\n            </div>\n        </Component>\n    );\n});\n\nNavCard.displayName = \"NavCard\";\n"],"names":["NavCardTag","text","type","density","CardTag","InfoTag","SuccessTag","WarningTag","ErrorTag","Tag","getTag","jsx","children","NavCard","React","forwardRef","props","ref","component","padding","image","tag","title","external","description","className","rest","Component","tagArr","Array","isArray","jsxs","clsx","Image","style","getPaddingStyles","map","t","index","displayName"],"mappings":"kQAuDMA,EAAa,EAAGC,KAAAA,EAAMC,KAAAA,EAAMC,QAAAA,MACxB,MAAAC,EAfMF,KACZ,OAAQA,GACJ,IAAK,OACM,OAAAG,UACX,IAAK,UACM,OAAAC,aACX,IAAK,UACM,OAAAC,aACX,IAAK,QACM,OAAAC,WACX,QACW,OAAAC,MACf,EAGgBC,CAAOR,GAChB,OAAAS,EAAAA,IAACP,EAAQ,CAAAD,QAAAA,EAAmBS,SAAKX,GAAA,EAG/BY,EAA4BC,EAAMC,YAA4C,CAACC,EAAOC,KACzF,MACFC,UAAAA,EAAY,IACZC,QAAAA,EAAU,IACVC,MAAAA,EACAC,IAAAA,EACAC,MAAAA,EACAC,SAAAA,EACAC,YAAAA,EACAZ,SAAAA,EACAa,UAAAA,EACAtB,QAAAA,KACGuB,GACHV,EAEEW,EAAYT,EAEZU,EAAUP,EAAkBQ,MAAMC,QAAQT,GAAOA,EAAM,CAACA,QAAxC,EAGlB,OAAAU,EAAAA,KAACJ,EAAA,CACGV,IAAAA,EACA,aAAYK,EACZG,UAAWO,EAAAA,KAAK,eAAgBP,GAChC,eAActB,KACVuB,EAEHd,SAAA,CAAAQ,GAAUT,EAAAA,IAAAsB,QAAA,CAAMR,UAAU,yBAA0BL,WACpD,MAAI,CAAAK,UAAU,wBAAwBS,MAAOC,EAAAA,iBAAiBhB,GAC1DP,SAAA,CAAAgB,SACI,MAAI,CAAAH,UAAU,4BACVb,SAAOgB,EAAAQ,KAAI,CAACC,EAAGC,UACXtC,EAAW,CAAAE,KAAMmC,EAAEnC,KAAMD,KAAMoC,EAAEpC,MAAWqC,cAIxD,MACG,CAAA1B,SAAA,CAACD,EAAAA,IAAA,IAAA,CAAEc,UAAWO,EAAKA,KAAA,qBAAsBT,EAAW,+BAAiC,IAChFX,SACLU,IACCE,GAAeb,EAAAA,IAAC,IAAE,CAAAc,UAAU,gDAAiDb,SAAYY,OAE7FZ,OACL,IAKZC,EAAQ0B,YAAc,4BA9FqB,EAAG3B,SAAAA,KAAgBD,EAAAA,IAAA,MAAA,CAAIc,UAAU,qBAAsBb,SAAAA"}

package/build/cjs/components/card/TaskCard.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../../clsx-E3yX_9sL.cjs"),a=require("./utils.js");exports.TaskCard=({bgColor:t,background:r="highlighted",withShadow:d=!1,padding:l="l",className:i,children:c,density:n,...o})=>e.jsx("div",{className:s.clsx("jkl-task-card",i,{[`jkl-task-card--${r}`]:!t,[`jkl-task-card--${t}`]:!!t,"jkl-task-card--with-shadow":d}),"data-density":n,...o,children:e.jsx("div",{className:"jkl-task-card__content-wrapper",style:a.getPaddingStyles(l),children:c})});
+//# sourceMappingURL=TaskCard.js.map

package/build/cjs/components/card/TaskCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskCard.js","sources":["../../../../src/components/card/TaskCard.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { FC } from \"react\";\nimport { Density, WithChildren } from \"../../core\";\nimport { PaddingOptions } from \"./types\";\nimport { getPaddingStyles } from \"./utils\";\n\nexport interface TaskCardProps extends PaddingOptions, WithChildren {\n    /**\n     * Bakgrunnsfargen til kortet\n     * @deprecated Bruk `background` i stedet\n     */\n    bgColor?: \"hvit\" | \"snohvit\" | \"sand\" | \"dis\";\n    /**\n     * Bestemmer bakgrunnsfargen til kortet, på tvers av mørkt eller lyst tema\n     * @default \"highlighted\"\n     */\n    background?: \"highlighted\" | \"normal\" | \"subdued\";\n    /**\n     * Skal kortet ha skygge?\n     * @default false\n     */\n    withShadow?: boolean;\n    className?: string;\n    density?: Density;\n}\n\nexport const TaskCard: FC<TaskCardProps> = ({\n    bgColor,\n    background = \"highlighted\",\n    withShadow = false,\n    padding = \"l\",\n    className,\n    children,\n    density,\n    ...rest\n}) => (\n    <div\n        className={clsx(\"jkl-task-card\", className, {\n            // Vi bruker kun background hvis bgColor ikke er satt, for å ikke bryte eksisterende kode\n            [`jkl-task-card--${background}`]: !bgColor,\n            [`jkl-task-card--${bgColor}`]: !!bgColor,\n            \"jkl-task-card--with-shadow\": withShadow,\n        })}\n        data-density={density}\n        {...rest}\n    >\n        <div className=\"jkl-task-card__content-wrapper\" style={getPaddingStyles(padding)}>\n            {children}\n        </div>\n    </div>\n);\n"],"names":["bgColor","background","withShadow","padding","className","children","density","rest","jsx","clsx","style","getPaddingStyles"],"mappings":"sMA0B2C,EACvCA,QAAAA,EACAC,WAAAA,EAAa,cACbC,WAAAA,GAAa,EACbC,QAAAA,EAAU,IACVC,UAAAA,EACAC,SAAAA,EACAC,QAAAA,KACGC,KAEHC,EAAAA,IAAC,MAAA,CACGJ,UAAWK,EAAAA,KAAK,gBAAiBL,EAAW,CAExC,CAAC,kBAAkBH,MAAgBD,EACnC,CAAC,kBAAkBA,OAAcA,EACjC,6BAA8BE,IAElC,eAAcI,KACVC,EAEJF,SAAAG,EAAAA,IAAC,OAAIJ,UAAU,iCAAiCM,MAAOC,mBAAiBR,GACnEE,SAAAA"}

package/build/cjs/components/card/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../CardImage-w-I6OXKE.cjs"),a=require("./NavCard.js"),e=require("./TaskCard.js"),o=require("./InfoCard.js");exports.Card=r.Card,exports.CardImage=r.CardImage,exports.InfoBlock=a.InfoBlock,exports.NavCard=a.NavCard,exports.TaskCard=e.TaskCard,exports.InfoCard=o.InfoCard;
+//# sourceMappingURL=index.js.map

package/build/cjs/components/card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/cjs/components/card/types.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["0","m","l","xl","2xl","3xl","4xl"];exports.NEW_SPACING_STEPS=["0","16","24","40","64","104","168"],exports.SPACING_STEPS=e,exports.isOldSpacingStep=function(t){return e.includes(t)};
+//# sourceMappingURL=types.js.map

package/build/cjs/components/card/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../src/components/card/types.ts"],"sourcesContent":["export const SPACING_STEPS = [\"0\", \"m\", \"l\", \"xl\", \"2xl\", \"3xl\", \"4xl\"] as const;\ntype SpacingSteps = typeof SPACING_STEPS;\nexport const NEW_SPACING_STEPS = [\"0\", \"16\", \"24\", \"40\", \"64\", \"104\", \"168\"] as const;\ntype NewSpacingSteps = typeof NEW_SPACING_STEPS;\nexport type BasePadding = SpacingSteps[0 | 1 | 2 | 3] | NewSpacingSteps[0 | 1 | 2 | 3];\nexport type OldSpacingStep = SpacingSteps[number];\nexport type NewSpacingStep = NewSpacingSteps[number];\nexport type SpacingStep = SpacingSteps[number] | NewSpacingSteps[number];\n\nexport function isOldSpacingStep(value: SpacingStep): value is OldSpacingStep {\n    return SPACING_STEPS.includes(value as OldSpacingStep);\n}\n\nexport interface PaddingShorthand {\n    /**\n     * Legger til ekstra rom i toppen av kortet, fra spacing-skalaen til Jøkul.\n     * Ikke bruk ekstra topPadding sammen med tag. Verdier lavere enn for venstre og høyre padding\n     * blir ignorert.\n     * @default \"24\"\n     */\n    top?: SpacingStep;\n    /**\n     * Bruk stegene fra spacing-skalaen til Jøkul.\n     * Hvis left og right har forskjellige verdier brukes den største for begge.\n     * @default \"24\"\n     */\n    right?: BasePadding;\n    /**\n     * Legger til ekstra rom i bunnen av kortet, fra spacing-skalaen til Jøkul.\n     * Verdier lavere enn for venstre og høyre padding blir ignorert.\n     * @default \"24\"\n     */\n    bottom?: SpacingStep;\n    /**\n     * Bruk stegene fra spacing-skalaen til Jøkul.\n     * Hvis left og right har forskjellige verdier brukes den største for begge.\n     * @default \"24\"\n     */\n    left?: BasePadding;\n}\n\nexport interface PaddingOptions {\n    /**\n     * Hvor mye rom skal det være rundt innholdet i kortet?\n     * @default \"24\"\n     */\n    padding?: BasePadding | PaddingShorthand;\n}\n"],"names":["SPACING_STEPS","value","includes"],"mappings":"gFAAa,MAAAA,EAAgB,CAAC,IAAK,IAAK,IAAK,KAAM,MAAO,MAAO,iCAEhC,CAAC,IAAK,KAAM,KAAM,KAAM,KAAM,MAAO,wDAO/D,SAA0BC,GACtB,OAAAD,EAAcE,SAASD,EAClC"}

package/build/cjs/components/card/utils.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./types.js");function n(n,S="24"){const a=n||S;return t.isOldSpacingStep(a)?t.SPACING_STEPS.indexOf(a):t.NEW_SPACING_STEPS.indexOf(a)}exports.getPaddingStyles=function(S){if("string"==typeof S)return{padding:`var(--jkl-spacing-${t.NEW_SPACING_STEPS[n(S)]})`};const a=Math.max(n(S.left),n(S.right)),e=t.NEW_SPACING_STEPS[a];return{padding:`${`var(--jkl-spacing-${t.NEW_SPACING_STEPS[Math.max(a,n(S.top,e))]})`} ${`var(--jkl-spacing-${e})`} ${`var(--jkl-spacing-${t.NEW_SPACING_STEPS[Math.max(a,n(S.bottom,e))]})`} ${`var(--jkl-spacing-${e})`}`}};
+//# sourceMappingURL=utils.js.map

package/build/cjs/components/card/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/card/utils.ts"],"sourcesContent":["import { CSSProperties } from \"react\";\nimport { NEW_SPACING_STEPS, SPACING_STEPS, isOldSpacingStep } from \"./types\";\nimport type { BasePadding, PaddingShorthand, SpacingStep } from \"./types\";\n\nfunction getSpacingIndex(spacingStep?: SpacingStep, fallback: SpacingStep = \"24\"): number {\n    const value = spacingStep || fallback;\n    if (isOldSpacingStep(value)) {\n        return SPACING_STEPS.indexOf(value);\n    } else {\n        return NEW_SPACING_STEPS.indexOf(value);\n    }\n}\n\nexport function getPaddingStyles(padding: BasePadding | PaddingShorthand): CSSProperties {\n    if (typeof padding === \"string\") {\n        return { padding: `var(--jkl-spacing-${NEW_SPACING_STEPS[getSpacingIndex(padding)]})` };\n    }\n\n    // Sett sidepadding til den største av de to innsendte verdiene (eller \"24\")\n    const sideSpacingIndex = Math.max(getSpacingIndex(padding.left), getSpacingIndex(padding.right));\n    const sidePadding = NEW_SPACING_STEPS[sideSpacingIndex];\n\n    // Sett topp-/bunnpadding til det største av innsendt verdi og sidepadding\n    const topPadding = NEW_SPACING_STEPS[Math.max(sideSpacingIndex, getSpacingIndex(padding.top, sidePadding))];\n    const bottomPadding = NEW_SPACING_STEPS[Math.max(sideSpacingIndex, getSpacingIndex(padding.bottom, sidePadding))];\n\n    const top = `var(--jkl-spacing-${topPadding})`;\n    const right = `var(--jkl-spacing-${sidePadding})`;\n    const bottom = `var(--jkl-spacing-${bottomPadding})`;\n    const left = `var(--jkl-spacing-${sidePadding})`;\n\n    return { padding: `${top} ${right} ${bottom} ${left}` };\n}\n"],"names":["getSpacingIndex","spacingStep","fallback","value","isOldSpacingStep","SPACING_STEPS","indexOf","NEW_SPACING_STEPS","padding","sideSpacingIndex","Math","max","left","right","sidePadding","top","bottom"],"mappings":"8GAIA,SAASA,EAAgBC,EAA2BC,EAAwB,MACxE,MAAMC,EAAQF,GAAeC,EACzB,OAAAE,EAAAA,iBAAiBD,GACVE,EAAAA,cAAcC,QAAQH,GAEtBI,EAAAA,kBAAkBD,QAAQH,EAEzC,0BAEO,SAA0BK,GACzB,GAAmB,iBAAZA,EACA,MAAA,CAAEA,QAAS,qBAAqBD,EAAAA,kBAAkBP,EAAgBQ,QAIvE,MAAAC,EAAmBC,KAAKC,IAAIX,EAAgBQ,EAAQI,MAAOZ,EAAgBQ,EAAQK,QACnFC,EAAcP,oBAAkBE,GAW/B,MAAA,CAAED,QAAS,GALN,qBAHOD,EAAAA,kBAAkBG,KAAKC,IAAIF,EAAkBT,EAAgBQ,EAAQO,IAAKD,WAI/E,qBAAqBA,QACpB,qBAJOP,EAAAA,kBAAkBG,KAAKC,IAAIF,EAAkBT,EAAgBQ,EAAQQ,OAAQF,WAKtF,qBAAqBA,OAGtC"}

package/build/cjs/components/icon/Icon.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("classnames"),i=require("react").forwardRef((function(i,n){const{bold:l,children:c,className:o,filled:a,variant:s,...t}=i;return e.jsx("span",{"aria-hidden":!0,ref:n,className:r("jkl-icon",o,{"jkl-icon--filled":a,"jkl-icon--bold":l,[`jkl-icon--${s}`]:!!s}),...t,children:c})}));exports.Icon=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../clsx-E3yX_9sL.cjs"),c=require("react").forwardRef((function(c,i){const{bold:l,children:n,className:o,filled:s,variant:t,...a}=c;return e.jsx("span",{"aria-hidden":!0,ref:i,className:r.clsx("jkl-icon",o,{"jkl-icon--filled":s,"jkl-icon--bold":l,[`jkl-icon--${t}`]:!!t}),...a,children:n})}));exports.Icon=c;
 //# sourceMappingURL=Icon.js.map

package/build/cjs/components/icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../../../../src/components/icon/Icon.tsx"],"sourcesContent":["import cn from \"classnames\";\nimport React from \"react\";\nimport { PolymorphicPropsWithRef, PolymorphicRef } from \"../../core\";\nimport { IconVariant } from \"./types\";\n\ntype IconComponentProps<ElementType extends Extract<React.ElementType, \"span\" | \"div\">> = PolymorphicPropsWithRef<\n    ElementType,\n    {\n        \"data-testid\"?: string;\n        /**\n         * Størrelsesvarianten til ikonet. `\"small\"` er 16px med 20px bounding box, og `\"medium\"` er 20px med 24px bounding box.\n         * `\"inherit\"` setter størrelsen til ikonet (ikke bounding box) lik skriftstørrelsen (1em).\n         */\n        variant?: IconVariant;\n        /**\n         * Angir om ikonet skal vises i fet versjon\n         * @default false\n         */\n        bold?: boolean;\n        filled?: boolean;\n        className?: string;\n        style?: React.CSSProperties;\n    }\n>;\n\nexport type IconComponent = (<ElementType extends Extract<React.ElementType, \"span\" | \"div\"> = \"span\">(\n    props: IconComponentProps<ElementType>,\n) => React.ReactElement | null) & { displayName?: string };\n\nexport const Icon: IconComponent = React.forwardRef(function Icon<\n    ElementType extends Extract<React.ElementType, \"span\" | \"div\"> = \"span\",\n>(props: IconComponentProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n    const { bold, children, className, filled, variant, ...iconProps } = props;\n\n    return (\n        <span\n            aria-hidden\n            ref={ref}\n            className={cn(\"jkl-icon\", className, {\n                \"jkl-icon--filled\": filled,\n                \"jkl-icon--bold\": bold,\n                [`jkl-icon--${variant}`]: !!variant,\n            })}\n            {...iconProps}\n        >\n            {children}\n        </span>\n    );\n}) as IconComponent;\n"],"names":["Icon","forwardRef","props","ref","bold","children","className","filled","variant","iconProps","jsx","cn"],"mappings":"6IA6BaA,mBAA4BC,YAAW,SAElDC,EAAwCC,GAChC,MAAEC,KAAAA,EAAMC,SAAAA,EAAUC,UAAAA,EAAWC,OAAAA,EAAQC,QAAAA,KAAYC,GAAcP,EAGjE,OAAAQ,EAAAA,IAAC,OAAA,CACG,eAAW,EACXP,IAAAA,EACAG,UAAWK,EAAG,WAAYL,EAAW,CACjC,mBAAoBC,EACpB,iBAAkBH,EAClB,CAAC,aAAaI,OAAcA,OAE5BC,EAEHJ,SAAAA,GAGb"}
+{"version":3,"file":"Icon.js","sources":["../../../../src/components/icon/Icon.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { PolymorphicPropsWithRef, PolymorphicRef } from \"../../core\";\nimport { IconVariant } from \"./types\";\n\ntype IconComponentProps<ElementType extends Extract<React.ElementType, \"span\" | \"div\">> = PolymorphicPropsWithRef<\n    ElementType,\n    {\n        \"data-testid\"?: string;\n        /**\n         * Størrelsesvarianten til ikonet. `\"small\"` er 16px med 20px bounding box, og `\"medium\"` er 20px med 24px bounding box.\n         * `\"inherit\"` setter størrelsen til ikonet (ikke bounding box) lik skriftstørrelsen (1em).\n         */\n        variant?: IconVariant;\n        /**\n         * Angir om ikonet skal vises i fet versjon\n         * @default false\n         */\n        bold?: boolean;\n        filled?: boolean;\n        className?: string;\n        style?: React.CSSProperties;\n    }\n>;\n\nexport type IconComponent = (<ElementType extends Extract<React.ElementType, \"span\" | \"div\"> = \"span\">(\n    props: IconComponentProps<ElementType>,\n) => React.ReactElement | null) & { displayName?: string };\n\nexport const Icon: IconComponent = React.forwardRef(function Icon<\n    ElementType extends Extract<React.ElementType, \"span\" | \"div\"> = \"span\",\n>(props: IconComponentProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n    const { bold, children, className, filled, variant, ...iconProps } = props;\n\n    return (\n        <span\n            aria-hidden\n            ref={ref}\n            className={clsx(\"jkl-icon\", className, {\n                \"jkl-icon--filled\": filled,\n                \"jkl-icon--bold\": bold,\n                [`jkl-icon--${variant}`]: !!variant,\n            })}\n            {...iconProps}\n        >\n            {children}\n        </span>\n    );\n}) as IconComponent;\n"],"names":["Icon","forwardRef","props","ref","bold","children","className","filled","variant","iconProps","jsx","clsx"],"mappings":"6JA6BaA,mBAA4BC,YAAW,SAElDC,EAAwCC,GAChC,MAAEC,KAAAA,EAAMC,SAAAA,EAAUC,UAAAA,EAAWC,OAAAA,EAAQC,QAAAA,KAAYC,GAAcP,EAGjE,OAAAQ,EAAAA,IAAC,OAAA,CACG,eAAW,EACXP,IAAAA,EACAG,UAAWK,EAAAA,KAAK,WAAYL,EAAW,CACnC,mBAAoBC,EACpB,iBAAkBH,EAClB,CAAC,aAAaI,OAAcA,OAE5BC,EAEHJ,SAAAA,GAGb"}

package/build/cjs/components/icon/icons/GreenCheckIcon.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("classnames"),s=({as:s="div",bold:i=!1,className:r,variant:c="inherit","data-testid":l,style:n,...a})=>{const d=s;return e.jsx(d,{className:t(r,"jkl-icon","jkl-icon-green-check",`jkl-icon--${c}`,{"jkl-icon--bold":i}),"aria-hidden":"true",style:n,"data-testid":l,...a,children:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24px",height:"24px",children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("path",{fillRule:"evenodd",d:"M17.52 9.54 10.7 16.2l-4.21-4.1 1.04-1.08 3.17 3.09 5.79-5.65 1.04 1.08Z",clipRule:"evenodd"})]})})};s.displayName="GreenCheckIcon",exports.GreenCheckIcon=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../clsx-E3yX_9sL.cjs"),s=({as:s="div",bold:c=!1,className:i,variant:l="inherit","data-testid":r,style:n,...d})=>{const o=s;return e.jsx(o,{className:t.clsx(i,"jkl-icon","jkl-icon-green-check",`jkl-icon--${l}`,{"jkl-icon--bold":c}),"aria-hidden":"true",style:n,"data-testid":r,...d,children:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24px",height:"24px",children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("path",{fillRule:"evenodd",d:"M17.52 9.54 10.7 16.2l-4.21-4.1 1.04-1.08 3.17 3.09 5.79-5.65 1.04 1.08Z",clipRule:"evenodd"})]})})};s.displayName="GreenCheckIcon",exports.GreenCheckIcon=s;
 //# sourceMappingURL=GreenCheckIcon.js.map

package/build/cjs/components/icon/icons/GreenCheckIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"GreenCheckIcon.js","sources":["../../../../../src/components/icon/icons/GreenCheckIcon.tsx"],"sourcesContent":["import cn from \"classnames\";\nimport React, { FC } from \"react\";\nimport { IconProps } from \"../types\";\n\n/*\n * NOTE: The green-check and red-cross icons also exists as a copy in the jkl-list package.\n *       If you're here to change them, consider changing them there as well, or\n *       finding a technical solution to sharing the SVG markup\n */\nexport const GreenCheckIcon: FC<IconProps> = ({\n    as = \"div\",\n    bold = false,\n    className,\n    variant = \"inherit\",\n    \"data-testid\": testId,\n    style,\n    ...rest\n}) => {\n    const El = as;\n\n    return (\n        <El\n            className={cn(className, \"jkl-icon\", \"jkl-icon-green-check\", `jkl-icon--${variant}`, {\n                \"jkl-icon--bold\": bold,\n            })}\n            aria-hidden=\"true\"\n            style={style}\n            data-testid={testId}\n            {...rest}\n        >\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24px\" height=\"24px\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\" />\n                <path\n                    fillRule=\"evenodd\"\n                    d=\"M17.52 9.54 10.7 16.2l-4.21-4.1 1.04-1.08 3.17 3.09 5.79-5.65 1.04 1.08Z\"\n                    clipRule=\"evenodd\"\n                />\n            </svg>\n        </El>\n    );\n};\nGreenCheckIcon.displayName = \"GreenCheckIcon\";\n"],"names":["GreenCheckIcon","as","bold","className","variant","testId","style","rest","El","jsx","cn","children","jsxs","xmlns","viewBox","width","height","cx","cy","r","fillRule","d","clipRule","displayName"],"mappings":"6IASaA,EAAgC,EACzCC,GAAAA,EAAK,MACLC,KAAAA,GAAO,EACPC,UAAAA,EACAC,QAAAA,EAAU,UACV,cAAeC,EACfC,MAAAA,KACGC,MAEH,MAAMC,EAAKP,EAGP,OAAAQ,EAAAA,IAACD,EAAA,CACGL,UAAWO,EAAGP,EAAW,WAAY,uBAAwB,aAAaC,IAAW,CACjF,iBAAkBF,IAEtB,cAAY,OACZI,MAAAA,EACA,cAAaD,KACTE,EAEJI,SAAAC,EAAAA,KAAC,OAAIC,MAAM,6BAA6BC,QAAQ,YAAYC,MAAM,OAAOC,OAAO,OAC5EL,SAAA,CAAAF,MAAC,UAAOQ,GAAG,KAAKC,GAAG,KAAKC,EAAE,OAC1BV,EAAAA,IAAC,OAAA,CACGW,SAAS,UACTC,EAAE,2EACFC,SAAS,gBAEjB,EAIZtB,EAAeuB,YAAc"}
+{"version":3,"file":"GreenCheckIcon.js","sources":["../../../../../src/components/icon/icons/GreenCheckIcon.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { FC } from \"react\";\nimport { IconProps } from \"../types\";\n\n/*\n * NOTE: The green-check and red-cross icons also exists as a copy in the jkl-list package.\n *       If you're here to change them, consider changing them there as well, or\n *       finding a technical solution to sharing the SVG markup\n */\nexport const GreenCheckIcon: FC<IconProps> = ({\n    as = \"div\",\n    bold = false,\n    className,\n    variant = \"inherit\",\n    \"data-testid\": testId,\n    style,\n    ...rest\n}) => {\n    const El = as;\n\n    return (\n        <El\n            className={clsx(className, \"jkl-icon\", \"jkl-icon-green-check\", `jkl-icon--${variant}`, {\n                \"jkl-icon--bold\": bold,\n            })}\n            aria-hidden=\"true\"\n            style={style}\n            data-testid={testId}\n            {...rest}\n        >\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24px\" height=\"24px\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\" />\n                <path\n                    fillRule=\"evenodd\"\n                    d=\"M17.52 9.54 10.7 16.2l-4.21-4.1 1.04-1.08 3.17 3.09 5.79-5.65 1.04 1.08Z\"\n                    clipRule=\"evenodd\"\n                />\n            </svg>\n        </El>\n    );\n};\nGreenCheckIcon.displayName = \"GreenCheckIcon\";\n"],"names":["GreenCheckIcon","as","bold","className","variant","testId","style","rest","El","jsx","clsx","children","jsxs","xmlns","viewBox","width","height","cx","cy","r","fillRule","d","clipRule","displayName"],"mappings":"gKASaA,EAAgC,EACzCC,GAAAA,EAAK,MACLC,KAAAA,GAAO,EACPC,UAAAA,EACAC,QAAAA,EAAU,UACV,cAAeC,EACfC,MAAAA,KACGC,MAEH,MAAMC,EAAKP,EAGP,OAAAQ,EAAAA,IAACD,EAAA,CACGL,UAAWO,EAAAA,KAAKP,EAAW,WAAY,uBAAwB,aAAaC,IAAW,CACnF,iBAAkBF,IAEtB,cAAY,OACZI,MAAAA,EACA,cAAaD,KACTE,EAEJI,SAAAC,EAAAA,KAAC,OAAIC,MAAM,6BAA6BC,QAAQ,YAAYC,MAAM,OAAOC,OAAO,OAC5EL,SAAA,CAAAF,MAAC,UAAOQ,GAAG,KAAKC,GAAG,KAAKC,EAAE,OAC1BV,EAAAA,IAAC,OAAA,CACGW,SAAS,UACTC,EAAE,2EACFC,SAAS,gBAEjB,EAIZtB,EAAeuB,YAAc"}

package/build/cjs/components/icon/icons/RedCrossIcon.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("classnames"),t=({as:t="div",bold:r=!1,className:i,variant:a="inherit","data-testid":c,style:o,...d})=>{const l=t;return e.jsx(l,{className:s(i,"jkl-icon","jkl-icon-red-cross",`jkl-icon--${a}`,{"jkl-icon--bold":r}),"aria-hidden":"true",style:o,"data-testid":c,...d,children:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24px",height:"24px",children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("path",{d:"m15.71 7.23 1.06 1.06-8.48 8.48-1.06-1.06 8.48-8.48Z"}),e.jsx("path",{d:"m8.29 7.23 8.48 8.48-1.06 1.06L7.23 8.3l1.06-1.06Z"})]})})};t.displayName="RedCrossIcon",exports.RedCrossIcon=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),e=require("../../../../clsx-E3yX_9sL.cjs"),t=({as:t="div",bold:r=!1,className:i,variant:c="inherit","data-testid":l,style:o,...a})=>{const d=t;return s.jsx(d,{className:e.clsx(i,"jkl-icon","jkl-icon-red-cross",`jkl-icon--${c}`,{"jkl-icon--bold":r}),"aria-hidden":"true",style:o,"data-testid":l,...a,children:s.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24px",height:"24px",children:[s.jsx("circle",{cx:"12",cy:"12",r:"10"}),s.jsx("path",{d:"m15.71 7.23 1.06 1.06-8.48 8.48-1.06-1.06 8.48-8.48Z"}),s.jsx("path",{d:"m8.29 7.23 8.48 8.48-1.06 1.06L7.23 8.3l1.06-1.06Z"})]})})};t.displayName="RedCrossIcon",exports.RedCrossIcon=t;
 //# sourceMappingURL=RedCrossIcon.js.map

package/build/cjs/components/icon/icons/RedCrossIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"RedCrossIcon.js","sources":["../../../../../src/components/icon/icons/RedCrossIcon.tsx"],"sourcesContent":["import cn from \"classnames\";\nimport React, { FC } from \"react\";\nimport { IconProps } from \"../types\";\n\n/*\n * NOTE: The green-check and red-cross icons also exists as a copy in the jkl-list package.\n *       If you're here to change them, consider changing them there as well, or\n *       finding a technical solution to sharing the SVG markup\n */\nexport const RedCrossIcon: FC<IconProps> = ({\n    as = \"div\",\n    bold = false,\n    className,\n    variant = \"inherit\",\n    \"data-testid\": testId,\n    style,\n    ...rest\n}) => {\n    const El = as;\n\n    return (\n        <El\n            className={cn(className, \"jkl-icon\", \"jkl-icon-red-cross\", `jkl-icon--${variant}`, {\n                \"jkl-icon--bold\": bold,\n            })}\n            aria-hidden=\"true\"\n            style={style}\n            data-testid={testId}\n            {...rest}\n        >\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24px\" height=\"24px\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\" />\n                <path d=\"m15.71 7.23 1.06 1.06-8.48 8.48-1.06-1.06 8.48-8.48Z\" />\n                <path d=\"m8.29 7.23 8.48 8.48-1.06 1.06L7.23 8.3l1.06-1.06Z\" />\n            </svg>\n        </El>\n    );\n};\nRedCrossIcon.displayName = \"RedCrossIcon\";\n"],"names":["RedCrossIcon","as","bold","className","variant","testId","style","rest","El","jsx","cn","children","jsxs","xmlns","viewBox","width","height","cx","cy","r","d","displayName"],"mappings":"6IASaA,EAA8B,EACvCC,GAAAA,EAAK,MACLC,KAAAA,GAAO,EACPC,UAAAA,EACAC,QAAAA,EAAU,UACV,cAAeC,EACfC,MAAAA,KACGC,MAEH,MAAMC,EAAKP,EAGP,OAAAQ,EAAAA,IAACD,EAAA,CACGL,UAAWO,EAAGP,EAAW,WAAY,qBAAsB,aAAaC,IAAW,CAC/E,iBAAkBF,IAEtB,cAAY,OACZI,MAAAA,EACA,cAAaD,KACTE,EAEJI,SAAAC,EAAAA,KAAC,OAAIC,MAAM,6BAA6BC,QAAQ,YAAYC,MAAM,OAAOC,OAAO,OAC5EL,SAAA,CAAAF,MAAC,UAAOQ,GAAG,KAAKC,GAAG,KAAKC,EAAE,OAC1BV,EAAAA,IAAC,OAAK,CAAAW,EAAE,yDACRX,EAAAA,IAAC,OAAK,CAAAW,EAAE,2DACZ,EAIZpB,EAAaqB,YAAc"}
+{"version":3,"file":"RedCrossIcon.js","sources":["../../../../../src/components/icon/icons/RedCrossIcon.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { FC } from \"react\";\nimport { IconProps } from \"../types\";\n\n/*\n * NOTE: The green-check and red-cross icons also exists as a copy in the jkl-list package.\n *       If you're here to change them, consider changing them there as well, or\n *       finding a technical solution to sharing the SVG markup\n */\nexport const RedCrossIcon: FC<IconProps> = ({\n    as = \"div\",\n    bold = false,\n    className,\n    variant = \"inherit\",\n    \"data-testid\": testId,\n    style,\n    ...rest\n}) => {\n    const El = as;\n\n    return (\n        <El\n            className={clsx(className, \"jkl-icon\", \"jkl-icon-red-cross\", `jkl-icon--${variant}`, {\n                \"jkl-icon--bold\": bold,\n            })}\n            aria-hidden=\"true\"\n            style={style}\n            data-testid={testId}\n            {...rest}\n        >\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24px\" height=\"24px\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\" />\n                <path d=\"m15.71 7.23 1.06 1.06-8.48 8.48-1.06-1.06 8.48-8.48Z\" />\n                <path d=\"m8.29 7.23 8.48 8.48-1.06 1.06L7.23 8.3l1.06-1.06Z\" />\n            </svg>\n        </El>\n    );\n};\nRedCrossIcon.displayName = \"RedCrossIcon\";\n"],"names":["RedCrossIcon","as","bold","className","variant","testId","style","rest","El","jsx","clsx","children","jsxs","xmlns","viewBox","width","height","cx","cy","r","d","displayName"],"mappings":"gKASaA,EAA8B,EACvCC,GAAAA,EAAK,MACLC,KAAAA,GAAO,EACPC,UAAAA,EACAC,QAAAA,EAAU,UACV,cAAeC,EACfC,MAAAA,KACGC,MAEH,MAAMC,EAAKP,EAGP,OAAAQ,EAAAA,IAACD,EAAA,CACGL,UAAWO,EAAAA,KAAKP,EAAW,WAAY,qBAAsB,aAAaC,IAAW,CACjF,iBAAkBF,IAEtB,cAAY,OACZI,MAAAA,EACA,cAAaD,KACTE,EAEJI,SAAAC,EAAAA,KAAC,OAAIC,MAAM,6BAA6BC,QAAQ,YAAYC,MAAM,OAAOC,OAAO,OAC5EL,SAAA,CAAAF,MAAC,UAAOQ,GAAG,KAAKC,GAAG,KAAKC,EAAE,OAC1BV,EAAAA,IAAC,OAAK,CAAAW,EAAE,yDACRX,EAAAA,IAAC,OAAK,CAAAW,EAAE,2DACZ,EAIZpB,EAAaqB,YAAc"}

package/build/cjs/components/icon/icons/animated/ArrowHorizontalAnimated.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("classnames"),o=require("../ArrowLeftIcon.js"),i=require("../ArrowRightIcon.js"),e=({className:e,pointingRight:t,variant:n="inherit",bold:s=!1,...l})=>r.jsx("div",{...l,className:a("jkl-icon","jkl-icon--animated",`jkl-icon--${n}`,{"jkl-icon--bold":s},"jkl-animated-horizontal-arrows",e),children:r.jsxs("div",{className:"jkl-animated-horizontal-arrows__slider","data-show":t?"right":"left",children:[r.jsx(o.ArrowLeftIcon,{className:"jkl-animated-horizontal-arrows__arrow",variant:n,bold:s}),r.jsx(i.ArrowRightIcon,{className:"jkl-animated-horizontal-arrows__arrow",variant:n,bold:s})]})});e.displayName="ArrowHorizontalAnimated",exports.ArrowHorizontalAnimated=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("../../../../../clsx-E3yX_9sL.cjs"),o=require("../ArrowLeftIcon.js"),i=require("../ArrowRightIcon.js"),e=({className:e,pointingRight:t,variant:l="inherit",bold:n=!1,...s})=>r.jsx("div",{...s,className:a.clsx("jkl-icon","jkl-icon--animated",`jkl-icon--${l}`,{"jkl-icon--bold":n},"jkl-animated-horizontal-arrows",e),children:r.jsxs("div",{className:"jkl-animated-horizontal-arrows__slider","data-show":t?"right":"left",children:[r.jsx(o.ArrowLeftIcon,{className:"jkl-animated-horizontal-arrows__arrow",variant:l,bold:n}),r.jsx(i.ArrowRightIcon,{className:"jkl-animated-horizontal-arrows__arrow",variant:l,bold:n})]})});e.displayName="ArrowHorizontalAnimated",exports.ArrowHorizontalAnimated=e;
 //# sourceMappingURL=ArrowHorizontalAnimated.js.map

package/build/cjs/components/icon/icons/animated/ArrowHorizontalAnimated.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowHorizontalAnimated.js","sources":["../../../../../../src/components/icon/icons/animated/ArrowHorizontalAnimated.tsx"],"sourcesContent":["import cn from \"classnames\";\nimport React, { type FC } from \"react\";\nimport { type IconVariant } from \"../../types\";\nimport { ArrowLeftIcon } from \"../ArrowLeftIcon\";\nimport { ArrowRightIcon } from \"../ArrowRightIcon\";\n\nexport interface ArrowHorizontalAnimatedProps {\n    className?: string;\n    pointingRight: boolean;\n    variant?: IconVariant;\n    bold?: boolean;\n}\n\nexport const ArrowHorizontalAnimated: FC<ArrowHorizontalAnimatedProps> = ({\n    className,\n    pointingRight,\n    variant = \"inherit\",\n    bold = false,\n    ...rest\n}) => (\n    <div\n        {...rest}\n        className={cn(\n            \"jkl-icon\",\n            \"jkl-icon--animated\",\n            `jkl-icon--${variant}`,\n            { \"jkl-icon--bold\": bold },\n            \"jkl-animated-horizontal-arrows\",\n            className,\n        )}\n    >\n        <div className=\"jkl-animated-horizontal-arrows__slider\" data-show={pointingRight ? \"right\" : \"left\"}>\n            <ArrowLeftIcon className=\"jkl-animated-horizontal-arrows__arrow\" variant={variant} bold={bold} />\n            <ArrowRightIcon className=\"jkl-animated-horizontal-arrows__arrow\" variant={variant} bold={bold} />\n        </div>\n    </div>\n);\n\nArrowHorizontalAnimated.displayName = \"ArrowHorizontalAnimated\";\n"],"names":["ArrowHorizontalAnimated","className","pointingRight","variant","bold","rest","jsx","cn","children","ArrowLeftIcon","ArrowRightIcon","displayName"],"mappings":"gNAaaA,EAA4D,EACrEC,UAAAA,EACAC,cAAAA,EACAC,QAAAA,EAAU,UACVC,KAAAA,GAAO,KACJC,KAEHC,EAAAA,IAAC,MAAA,IACOD,EACJJ,UAAWM,EACP,WACA,qBACA,aAAaJ,IACb,CAAE,iBAAkBC,GACpB,iCACAH,GAGJO,gBAAC,MAAI,CAAAP,UAAU,yCAAyC,YAAWC,EAAgB,QAAU,OACzFM,SAAA,CAAAF,EAAAA,IAACG,EAAcA,cAAA,CAAAR,UAAU,wCAAwCE,QAAAA,EAAkBC,KAAAA,IAClFE,EAAAA,IAAAI,EAAAA,eAAA,CAAeT,UAAU,wCAAwCE,QAAAA,EAAkBC,KAAAA,SAKhGJ,EAAwBW,YAAc"}
+{"version":3,"file":"ArrowHorizontalAnimated.js","sources":["../../../../../../src/components/icon/icons/animated/ArrowHorizontalAnimated.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport { type IconVariant } from \"../../types\";\nimport { ArrowLeftIcon } from \"../ArrowLeftIcon\";\nimport { ArrowRightIcon } from \"../ArrowRightIcon\";\n\nexport interface ArrowHorizontalAnimatedProps {\n    className?: string;\n    pointingRight: boolean;\n    variant?: IconVariant;\n    bold?: boolean;\n}\n\nexport const ArrowHorizontalAnimated: FC<ArrowHorizontalAnimatedProps> = ({\n    className,\n    pointingRight,\n    variant = \"inherit\",\n    bold = false,\n    ...rest\n}) => (\n    <div\n        {...rest}\n        className={clsx(\n            \"jkl-icon\",\n            \"jkl-icon--animated\",\n            `jkl-icon--${variant}`,\n            { \"jkl-icon--bold\": bold },\n            \"jkl-animated-horizontal-arrows\",\n            className,\n        )}\n    >\n        <div className=\"jkl-animated-horizontal-arrows__slider\" data-show={pointingRight ? \"right\" : \"left\"}>\n            <ArrowLeftIcon className=\"jkl-animated-horizontal-arrows__arrow\" variant={variant} bold={bold} />\n            <ArrowRightIcon className=\"jkl-animated-horizontal-arrows__arrow\" variant={variant} bold={bold} />\n        </div>\n    </div>\n);\n\nArrowHorizontalAnimated.displayName = \"ArrowHorizontalAnimated\";\n"],"names":["ArrowHorizontalAnimated","className","pointingRight","variant","bold","rest","jsx","clsx","children","ArrowLeftIcon","ArrowRightIcon","displayName"],"mappings":"sOAaaA,EAA4D,EACrEC,UAAAA,EACAC,cAAAA,EACAC,QAAAA,EAAU,UACVC,KAAAA,GAAO,KACJC,KAEHC,EAAAA,IAAC,MAAA,IACOD,EACJJ,UAAWM,EAAAA,KACP,WACA,qBACA,aAAaJ,IACb,CAAE,iBAAkBC,GACpB,iCACAH,GAGJO,gBAAC,MAAI,CAAAP,UAAU,yCAAyC,YAAWC,EAAgB,QAAU,OACzFM,SAAA,CAAAF,EAAAA,IAACG,EAAcA,cAAA,CAAAR,UAAU,wCAAwCE,QAAAA,EAAkBC,KAAAA,IAClFE,EAAAA,IAAAI,EAAAA,eAAA,CAAeT,UAAU,wCAAwCE,QAAAA,EAAkBC,KAAAA,SAKhGJ,EAAwBW,YAAc"}

package/build/cjs/components/icon/icons/animated/ArrowVerticalAnimated.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("classnames"),e=require("../ArrowDownIcon.js"),i=require("../ArrowUpIcon.js"),o=({className:o,pointingDown:s,variant:n="inherit",bold:l=!1,...t})=>r.jsx("div",{...t,className:a("jkl-icon","jkl-icon--animated",`jkl-icon--${n}`,{"jkl-icon--bold":l},"jkl-animated-vertical-arrows",o),children:r.jsxs("div",{className:"jkl-animated-vertical-arrows__slider","data-show":s?"down":"up",children:[r.jsx(i.ArrowUpIcon,{className:"jkl-animated-vertical-arrows__arrow",variant:n,bold:l}),r.jsx(e.ArrowDownIcon,{className:"jkl-animated-vertical-arrows__arrow",variant:n,bold:l})]})});o.displayName="ArrowVerticalAnimated",exports.ArrowVerticalAnimated=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("../../../../../clsx-E3yX_9sL.cjs"),e=require("../ArrowDownIcon.js"),i=require("../ArrowUpIcon.js"),o=({className:o,pointingDown:s,variant:l="inherit",bold:n=!1,...t})=>r.jsx("div",{...t,className:a.clsx("jkl-icon","jkl-icon--animated",`jkl-icon--${l}`,{"jkl-icon--bold":n},"jkl-animated-vertical-arrows",o),children:r.jsxs("div",{className:"jkl-animated-vertical-arrows__slider","data-show":s?"down":"up",children:[r.jsx(i.ArrowUpIcon,{className:"jkl-animated-vertical-arrows__arrow",variant:l,bold:n}),r.jsx(e.ArrowDownIcon,{className:"jkl-animated-vertical-arrows__arrow",variant:l,bold:n})]})});o.displayName="ArrowVerticalAnimated",exports.ArrowVerticalAnimated=o;
 //# sourceMappingURL=ArrowVerticalAnimated.js.map

package/build/cjs/components/icon/icons/animated/ArrowVerticalAnimated.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowVerticalAnimated.js","sources":["../../../../../../src/components/icon/icons/animated/ArrowVerticalAnimated.tsx"],"sourcesContent":["import cn from \"classnames\";\nimport React, { type FC } from \"react\";\nimport { type IconVariant } from \"../../types\";\nimport { ArrowDownIcon } from \"../ArrowDownIcon\";\nimport { ArrowUpIcon } from \"../ArrowUpIcon\";\n\nexport interface ArrowVerticalAnimatedProps {\n    className?: string;\n    pointingDown: boolean;\n    variant?: IconVariant;\n    bold?: boolean;\n}\n\nexport const ArrowVerticalAnimated: FC<ArrowVerticalAnimatedProps> = ({\n    className,\n    pointingDown,\n    variant = \"inherit\",\n    bold = false,\n    ...rest\n}) => (\n    <div\n        {...rest}\n        className={cn(\n            \"jkl-icon\",\n            \"jkl-icon--animated\",\n            `jkl-icon--${variant}`,\n            { \"jkl-icon--bold\": bold },\n            \"jkl-animated-vertical-arrows\",\n            className,\n        )}\n    >\n        <div className=\"jkl-animated-vertical-arrows__slider\" data-show={pointingDown ? \"down\" : \"up\"}>\n            <ArrowUpIcon className=\"jkl-animated-vertical-arrows__arrow\" variant={variant} bold={bold} />\n            <ArrowDownIcon className=\"jkl-animated-vertical-arrows__arrow\" variant={variant} bold={bold} />\n        </div>\n    </div>\n);\n\nArrowVerticalAnimated.displayName = \"ArrowVerticalAnimated\";\n"],"names":["ArrowVerticalAnimated","className","pointingDown","variant","bold","rest","jsx","cn","children","ArrowUpIcon","ArrowDownIcon","displayName"],"mappings":"6MAaaA,EAAwD,EACjEC,UAAAA,EACAC,aAAAA,EACAC,QAAAA,EAAU,UACVC,KAAAA,GAAO,KACJC,KAEHC,EAAAA,IAAC,MAAA,IACOD,EACJJ,UAAWM,EACP,WACA,qBACA,aAAaJ,IACb,CAAE,iBAAkBC,GACpB,+BACAH,GAGJO,gBAAC,MAAI,CAAAP,UAAU,uCAAuC,YAAWC,EAAe,OAAS,KACrFM,SAAA,CAAAF,EAAAA,IAACG,EAAYA,YAAA,CAAAR,UAAU,sCAAsCE,QAAAA,EAAkBC,KAAAA,IAC9EE,EAAAA,IAAAI,EAAAA,cAAA,CAAcT,UAAU,sCAAsCE,QAAAA,EAAkBC,KAAAA,SAK7FJ,EAAsBW,YAAc"}
+{"version":3,"file":"ArrowVerticalAnimated.js","sources":["../../../../../../src/components/icon/icons/animated/ArrowVerticalAnimated.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport { type IconVariant } from \"../../types\";\nimport { ArrowDownIcon } from \"../ArrowDownIcon\";\nimport { ArrowUpIcon } from \"../ArrowUpIcon\";\n\nexport interface ArrowVerticalAnimatedProps {\n    className?: string;\n    pointingDown: boolean;\n    variant?: IconVariant;\n    bold?: boolean;\n}\n\nexport const ArrowVerticalAnimated: FC<ArrowVerticalAnimatedProps> = ({\n    className,\n    pointingDown,\n    variant = \"inherit\",\n    bold = false,\n    ...rest\n}) => (\n    <div\n        {...rest}\n        className={clsx(\n            \"jkl-icon\",\n            \"jkl-icon--animated\",\n            `jkl-icon--${variant}`,\n            { \"jkl-icon--bold\": bold },\n            \"jkl-animated-vertical-arrows\",\n            className,\n        )}\n    >\n        <div className=\"jkl-animated-vertical-arrows__slider\" data-show={pointingDown ? \"down\" : \"up\"}>\n            <ArrowUpIcon className=\"jkl-animated-vertical-arrows__arrow\" variant={variant} bold={bold} />\n            <ArrowDownIcon className=\"jkl-animated-vertical-arrows__arrow\" variant={variant} bold={bold} />\n        </div>\n    </div>\n);\n\nArrowVerticalAnimated.displayName = \"ArrowVerticalAnimated\";\n"],"names":["ArrowVerticalAnimated","className","pointingDown","variant","bold","rest","jsx","clsx","children","ArrowUpIcon","ArrowDownIcon","displayName"],"mappings":"mOAaaA,EAAwD,EACjEC,UAAAA,EACAC,aAAAA,EACAC,QAAAA,EAAU,UACVC,KAAAA,GAAO,KACJC,KAEHC,EAAAA,IAAC,MAAA,IACOD,EACJJ,UAAWM,EAAAA,KACP,WACA,qBACA,aAAaJ,IACb,CAAE,iBAAkBC,GACpB,+BACAH,GAGJO,gBAAC,MAAI,CAAAP,UAAU,uCAAuC,YAAWC,EAAe,OAAS,KACrFM,SAAA,CAAAF,EAAAA,IAACG,EAAYA,YAAA,CAAAR,UAAU,sCAAsCE,QAAAA,EAAkBC,KAAAA,IAC9EE,EAAAA,IAAAI,EAAAA,cAAA,CAAcT,UAAU,sCAAsCE,QAAAA,EAAkBC,KAAAA,SAK7FJ,EAAsBW,YAAc"}

package/build/cjs/components/icon/icons/animated/PlusRemoveAnimated.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("classnames"),l=require("../PlusIcon.js"),i=({className:i,isPlus:a,variant:n="inherit",bold:o=!1,...t})=>e.jsx("div",{...t,className:s("jkl-icon","jkl-icon--animated",`jkl-icon--${n}`,{"jkl-icon--bold":o},i),children:e.jsx(l.PlusIcon,{variant:n,bold:o,className:s("jkl-icons-animated__plus","jkl-icons-animated__plus--"+(a?"plus":"close"))})});i.displayName="PlusRemoveAnimated",exports.PlusRemoveAnimated=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../../../../clsx-E3yX_9sL.cjs"),l=require("../PlusIcon.js"),i=({className:i,isPlus:a,variant:c="inherit",bold:n=!1,...o})=>e.jsx("div",{...o,className:s.clsx("jkl-icon","jkl-icon--animated",`jkl-icon--${c}`,{"jkl-icon--bold":n},i),children:e.jsx(l.PlusIcon,{variant:c,bold:n,className:s.clsx("jkl-icons-animated__plus","jkl-icons-animated__plus--"+(a?"plus":"close"))})});i.displayName="PlusRemoveAnimated",exports.PlusRemoveAnimated=i;
 //# sourceMappingURL=PlusRemoveAnimated.js.map

package/build/cjs/components/icon/icons/animated/PlusRemoveAnimated.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlusRemoveAnimated.js","sources":["../../../../../../src/components/icon/icons/animated/PlusRemoveAnimated.tsx"],"sourcesContent":["import cn from \"classnames\";\nimport React, { type FC } from \"react\";\nimport { type IconVariant } from \"../../types\";\nimport { PlusIcon } from \"../PlusIcon\";\n\nexport interface PlusRemoveAnimatedProps {\n    className?: string;\n    isPlus: boolean;\n    variant?: IconVariant;\n    bold?: boolean;\n}\n\nexport const PlusRemoveAnimated: FC<PlusRemoveAnimatedProps> = ({\n    className,\n    isPlus,\n    variant = \"inherit\",\n    bold = false,\n    ...rest\n}) => (\n    <div\n        {...rest}\n        className={cn(\"jkl-icon\", \"jkl-icon--animated\", `jkl-icon--${variant}`, { \"jkl-icon--bold\": bold }, className)}\n    >\n        <PlusIcon\n            variant={variant}\n            bold={bold}\n            className={cn(\"jkl-icons-animated__plus\", `jkl-icons-animated__plus--${isPlus ? \"plus\" : \"close\"}`)}\n        />\n    </div>\n);\n\nPlusRemoveAnimated.displayName = \"PlusRemoveAnimated\";\n"],"names":["PlusRemoveAnimated","className","isPlus","variant","bold","rest","jsx","cn","children","PlusIcon","displayName"],"mappings":"yKAYaA,EAAkD,EAC3DC,UAAAA,EACAC,OAAAA,EACAC,QAAAA,EAAU,UACVC,KAAAA,GAAO,KACJC,KAEHC,EAAAA,IAAC,MAAA,IACOD,EACJJ,UAAWM,EAAG,WAAY,qBAAsB,aAAaJ,IAAW,CAAE,iBAAkBC,GAAQH,GAEpGO,SAAAF,EAAAA,IAACG,EAAAA,SAAA,CACGN,QAAAA,EACAC,KAAAA,EACAH,UAAWM,EAAG,2BAA4B,8BAA6BL,EAAS,OAAS,cAKrGF,EAAmBU,YAAc"}
+{"version":3,"file":"PlusRemoveAnimated.js","sources":["../../../../../../src/components/icon/icons/animated/PlusRemoveAnimated.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport { type IconVariant } from \"../../types\";\nimport { PlusIcon } from \"../PlusIcon\";\n\nexport interface PlusRemoveAnimatedProps {\n    className?: string;\n    isPlus: boolean;\n    variant?: IconVariant;\n    bold?: boolean;\n}\n\nexport const PlusRemoveAnimated: FC<PlusRemoveAnimatedProps> = ({\n    className,\n    isPlus,\n    variant = \"inherit\",\n    bold = false,\n    ...rest\n}) => (\n    <div\n        {...rest}\n        className={clsx(\n            \"jkl-icon\",\n            \"jkl-icon--animated\",\n            `jkl-icon--${variant}`,\n            { \"jkl-icon--bold\": bold },\n            className,\n        )}\n    >\n        <PlusIcon\n            variant={variant}\n            bold={bold}\n            className={clsx(\"jkl-icons-animated__plus\", `jkl-icons-animated__plus--${isPlus ? \"plus\" : \"close\"}`)}\n        />\n    </div>\n);\n\nPlusRemoveAnimated.displayName = \"PlusRemoveAnimated\";\n"],"names":["PlusRemoveAnimated","className","isPlus","variant","bold","rest","jsx","clsx","children","PlusIcon","displayName"],"mappings":"+LAYaA,EAAkD,EAC3DC,UAAAA,EACAC,OAAAA,EACAC,QAAAA,EAAU,UACVC,KAAAA,GAAO,KACJC,KAEHC,EAAAA,IAAC,MAAA,IACOD,EACJJ,UAAWM,EAAAA,KACP,WACA,qBACA,aAAaJ,IACb,CAAE,iBAAkBC,GACpBH,GAGJO,SAAAF,EAAAA,IAACG,EAAAA,SAAA,CACGN,QAAAA,EACAC,KAAAA,EACAH,UAAWM,EAAAA,KAAK,2BAA4B,8BAA6BL,EAAS,OAAS,cAKvGF,EAAmBU,YAAc"}

package/build/cjs/components/icon-button/IconButton.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("../../../clsx-E3yX_9sL.cjs"),r=require("react").forwardRef(((r,n)=>{const{className:o,children:s,density:c,...a}=r;return t.jsx("button",{ref:n,type:"button",className:e.clsx("jkl-icon-button",o),"data-testid":"jkl-icon-button","data-density":c,...a,children:s})}));r.displayName="IconButton",exports.IconButton=r;
+//# sourceMappingURL=IconButton.js.map

package/build/cjs/components/icon-button/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sources":["../../../../src/components/icon-button/IconButton.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { ButtonHTMLAttributes, forwardRef } from \"react\";\nimport { Density } from \"../../core\";\n\nexport interface IconButtonProps extends Exclude<ButtonHTMLAttributes<HTMLButtonElement>, \"disabled\"> {\n    density?: Density;\n}\n\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>((props, ref) => {\n    const { className, children, density, ...rest } = props;\n    return (\n        <button\n            ref={ref}\n            type=\"button\"\n            className={clsx(\"jkl-icon-button\", className)}\n            data-testid=\"jkl-icon-button\"\n            data-density={density}\n            {...rest}\n        >\n            {children}\n        </button>\n    );\n});\n\nIconButton.displayName = \"IconButton\";\n"],"names":["IconButton","forwardRef","props","ref","className","children","density","rest","jsx","type","clsx","displayName"],"mappings":"6JAQaA,mBAAaC,YAA+C,CAACC,EAAOC,KAC7E,MAAQC,UAAAA,EAAWC,SAAAA,EAAUC,QAAAA,KAAYC,GAASL,EAE9C,OAAAM,EAAAA,IAAC,SAAA,CACGL,IAAAA,EACAM,KAAK,SACLL,UAAWM,EAAAA,KAAK,kBAAmBN,GACnC,cAAY,kBACZ,eAAcE,KACVC,EAEHF,SAAAA,GAAA,IAKbL,EAAWW,YAAc"}

package/build/cjs/components/icon-button/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./IconButton.js");exports.IconButton=t.IconButton;
+//# sourceMappingURL=index.js.map

package/build/cjs/components/icon-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/cjs/components/image/Image.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../../clsx-E3yX_9sL.cjs");require("react"),require("../../hooks/useScreen/useScreen.js");const a=require("../../hooks/useElementDimensions/useElementDimensions.js");require("../../hooks/useId/useId.js");const i=require("./useImageLoadingStatus.js");exports.Image=({className:r,placeholder:t,alt:l,...n})=>{const[o,c]=i.useImageLoadingStatus(),[m,u]=a.useElementDimensions(400);return e.jsxs("div",{ref:m,className:s.clsx("jkl-image",r,{"jkl-image--loading":!c}),children:[e.jsx("img",{className:"jkl-image__placeholder",alt:l,src:t||n.src}),e.jsx("img",{alt:l,className:"jkl-image__image","data-testid":"jkl-image__image",ref:o,sizes:`${u.width}px`,loading:"lazy",decoding:"async",...n})]})};
+//# sourceMappingURL=Image.js.map

package/build/cjs/components/image/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sources":["../../../../src/components/image/Image.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { FC } from \"react\";\nimport { useElementDimensions } from \"../../hooks\";\nimport { useImageLoadingStatus } from \"./useImageLoadingStatus\";\n\nexport interface ImageProps {\n    src: string;\n    srcSet?: string;\n    placeholder?: string;\n    /**\n     * Send inn en tom streng hvis bildet kun er dekorativt. Sannsynligvis bør du beskrive innholdet i bildet så en person med nedsatt syn får en fullgod opplevelse av siden.\n     * Les mer på https://jokul.fremtind.no/universell-utforming/guide#uu/dekorativt-innhold\n     */\n    alt: string;\n    className?: string;\n}\n\nexport const Image: FC<ImageProps> = ({ className, placeholder, alt, ...imageProperties }) => {\n    const [imageRef, imageLoaded] = useImageLoadingStatus();\n    const [containerRef, dimensions] = useElementDimensions<HTMLDivElement>(400);\n\n    return (\n        <div\n            ref={containerRef}\n            className={clsx(\"jkl-image\", className, {\n                \"jkl-image--loading\": !imageLoaded,\n            })}\n        >\n            {/* Placeholder er bevisst uten loading og decoding for å vises umiddelbart */}\n            <img className=\"jkl-image__placeholder\" alt={alt} src={placeholder || imageProperties.src} />\n            <img\n                alt={alt}\n                className=\"jkl-image__image\"\n                data-testid=\"jkl-image__image\"\n                ref={imageRef}\n                sizes={`${dimensions.width}px`}\n                loading=\"lazy\"\n                decoding=\"async\"\n                {...imageProperties}\n            />\n        </div>\n    );\n};\n"],"names":["className","placeholder","alt","imageProperties","imageRef","imageLoaded","useImageLoadingStatus","containerRef","dimensions","useElementDimensions","jsxs","ref","clsx","children","jsx","src","sizes","width","loading","decoding"],"mappings":"0YAiBqC,EAAGA,UAAAA,EAAWC,YAAAA,EAAaC,IAAAA,KAAQC,MACpE,MAAOC,EAAUC,GAAeC,EAAsBA,yBAC/CC,EAAcC,GAAcC,uBAAqC,KAGpE,OAAAC,EAAAA,KAAC,MAAA,CACGC,IAAKJ,EACLP,UAAWY,EAAAA,KAAK,YAAaZ,EAAW,CACpC,sBAAuBK,IAI3BQ,SAAA,CAAAC,MAAC,OAAId,UAAU,yBAAyBE,IAAAA,EAAUa,IAAKd,GAAeE,EAAgBY,MACtFD,EAAAA,IAAC,MAAA,CACGZ,IAAAA,EACAF,UAAU,mBACV,cAAY,mBACZW,IAAKP,EACLY,MAAO,GAAGR,EAAWS,UACrBC,QAAQ,OACRC,SAAS,WACLhB,MACR"}

package/build/cjs/components/image/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Image.js");exports.Image=e.Image;
+//# sourceMappingURL=index.js.map

package/build/cjs/components/image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/cjs/components/image/useImageLoadingStatus.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useImageLoadingStatus=t=>{const u=e.useRef(null),[r,n]=e.useState(!1);return e.useEffect((()=>{u.current&&((e,t)=>{let u;!function r(){if(e.complete)return clearTimeout(u),void(null==t||t());u=window.setTimeout(r,50)}()})(u.current,(()=>{n(!0),null==t||t()}))}),[t]),[u,r]};
+//# sourceMappingURL=useImageLoadingStatus.js.map

package/build/cjs/components/image/useImageLoadingStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useImageLoadingStatus.js","sources":["../../../../src/components/image/useImageLoadingStatus.ts"],"sourcesContent":["import { RefObject, useEffect, useRef, useState } from \"react\";\n\nconst doWhenImageLoaded = (image: HTMLImageElement, callback?: () => void) => {\n    let timeout: number | undefined;\n\n    function checkLoaded() {\n        if (image.complete) {\n            clearTimeout(timeout);\n            callback?.();\n            return;\n        }\n        timeout = window.setTimeout(checkLoaded, 50);\n    }\n\n    checkLoaded();\n};\n\nexport const useImageLoadingStatus = (callback?: () => void): [RefObject<HTMLImageElement>, boolean] => {\n    const imageRef = useRef<HTMLImageElement>(null);\n    const [imageLoaded, setImageLoaded] = useState(false);\n\n    useEffect(() => {\n        imageRef.current &&\n            doWhenImageLoaded(imageRef.current, () => {\n                setImageLoaded(true);\n                callback?.();\n            });\n    }, [callback]);\n\n    return [imageRef, imageLoaded];\n};\n"],"names":["callback","imageRef","useRef","imageLoaded","setImageLoaded","useState","useEffect","current","image","timeout","checkLoaded","complete","clearTimeout","window","setTimeout","doWhenImageLoaded"],"mappings":"uIAiBsCA,IAC5B,MAAAC,EAAWC,SAAyB,OACnCC,EAAaC,GAAkBC,YAAS,GAE/CC,OAAAA,EAAAA,WAAU,KACNL,EAASM,SApBS,EAACC,EAAyBR,KAC5C,IAAAS,GAEJ,SAASC,IACL,GAAIF,EAAMG,SAGN,OAFAC,aAAaH,QACF,MAAAT,GAAAA,KAGLS,EAAAI,OAAOC,WAAWJ,EAAa,GAC7C,CAEYA,IASJK,CAAkBd,EAASM,SAAS,KAChCH,GAAe,GACJ,MAAAJ,GAAAA,MACd,GACN,CAACA,IAEG,CAACC,EAAUE,EAAW"}

package/build/cjs/components/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./icon/Icon.js"),e=require("./icon/icons/animated/ArrowVerticalAnimated.js"),n=require("./icon/icons/animated/ArrowHorizontalAnimated.js"),r=require("./icon/icons/animated/PlusRemoveAnimated.js"),s=require("./icon/icons/ArrowDownIcon.js"),c=require("./icon/icons/ArrowLeftIcon.js"),i=require("./icon/icons/ArrowNorthEastIcon.js"),t=require("./icon/icons/ArrowRightIcon.js"),I=require("./icon/icons/ArrowUpIcon.js"),u=require("./icon/icons/CalendarIcon.js"),a=require("./icon/icons/CheckIcon.js"),l=require("./icon/icons/ChevronDownIcon.js"),p=require("./icon/icons/ChevronLeftIcon.js"),k=require("./icon/icons/ChevronRightIcon.js"),x=require("./icon/icons/ChevronUpIcon.js"),j=require("./icon/icons/CloseIcon.js"),q=require("./icon/icons/CopyIcon.js"),h=require("./icon/icons/DotsIcon.js"),S=require("./icon/icons/DragIcon.js"),d=require("./icon/icons/ErrorIcon.js"),C=require("./icon/icons/GreenCheckIcon.js"),A=require("./icon/icons/HamburgerIcon.js"),m=require("./icon/icons/InfoIcon.js"),w=require("./icon/icons/LinkIcon.js"),L=require("./icon/icons/PlusIcon.js"),b=require("./icon/icons/QuestionIcon.js"),R=require("./icon/icons/RedCrossIcon.js"),T=require("./icon/icons/SearchIcon.js"),v=require("./icon/icons/SuccessIcon.js"),g=require("./icon/icons/WarningIcon.js"),D=require("./icon/icons/MinusIcon.js"),f=require("./icon/icons/ThumbDownIcon.js"),P=require("./icon/icons/ThumbUpIcon.js"),E=require("./icon/icons/TrashCanIcon.js"),G=require("./icon/icons/PenIcon.js"),U=require("./link/Link.js"),y=require("./link/NavLink.js"),H=require("./link-list/LinkList.js"),B=require("./loader/Loader.js"),N=require("./loader/skeletons/SkeletonAnimation.js"),M=require("./loader/skeletons/SkeletonButton.js"),O=require("./loader/skeletons/SkeletonCheckboxGroup.js"),z=require("./loader/skeletons/SkeletonElement.js"),Q=require("./loader/skeletons/SkeletonInput.js"),V=require("./loader/skeletons/SkeletonRadioButtonGroup.js"),W=require("./loader/skeletons/SkeletonTable.js"),F=require("./loader/skeletons/SkeletonTextArea.js"),J=require("./ScreenReaderOnly.js"),K=require("./SlotComponent.js");exports.Icon=o.Icon,exports.ArrowVerticalAnimated=e.ArrowVerticalAnimated,exports.ArrowHorizontalAnimated=n.ArrowHorizontalAnimated,exports.PlusRemoveAnimated=r.PlusRemoveAnimated,exports.ArrowDownIcon=s.ArrowDownIcon,exports.ArrowLeftIcon=c.ArrowLeftIcon,exports.ArrowNorthEastIcon=i.ArrowNorthEastIcon,exports.ArrowRightIcon=t.ArrowRightIcon,exports.ArrowUpIcon=I.ArrowUpIcon,exports.CalendarIcon=u.CalendarIcon,exports.CheckIcon=a.CheckIcon,exports.ChevronDownIcon=l.ChevronDownIcon,exports.ChevronLeftIcon=p.ChevronLeftIcon,exports.ChevronRightIcon=k.ChevronRightIcon,exports.ChevronUpIcon=x.ChevronUpIcon,exports.CloseIcon=j.CloseIcon,exports.CopyIcon=q.CopyIcon,exports.DotsIcon=h.DotsIcon,exports.DragIcon=S.DragIcon,exports.ErrorIcon=d.ErrorIcon,exports.GreenCheckIcon=C.GreenCheckIcon,exports.HamburgerIcon=A.HamburgerIcon,exports.InfoIcon=m.InfoIcon,exports.LinkIcon=w.LinkIcon,exports.PlusIcon=L.PlusIcon,exports.QuestionIcon=b.QuestionIcon,exports.RedCrossIcon=R.RedCrossIcon,exports.SearchIcon=T.SearchIcon,exports.SuccessIcon=v.SuccessIcon,exports.WarningIcon=g.WarningIcon,exports.MinusIcon=D.MinusIcon,exports.ThumbDownIcon=f.ThumbDownIcon,exports.ThumbUpIcon=P.ThumbUpIcon,exports.TrashCanIcon=E.TrashCanIcon,exports.PenIcon=G.PenIcon,exports.Link=U.Link,exports.NavLink=y.NavLink,exports.LinkList=H.LinkList,exports.Loader=B.Loader,exports.SkeletonAnimation=N.SkeletonAnimation,exports.SkeletonButton=M.SkeletonButton,exports.SkeletonCheckboxGroup=O.SkeletonCheckboxGroup,exports.SkeletonElement=z.SkeletonElement,exports.SkeletonInput=Q.SkeletonInput,exports.SkeletonRadioButtonGroup=V.SkeletonRadioButtonGroup,exports.SkeletonTable=W.SkeletonTable,exports.SkeletonTableHeader=W.SkeletonTableHeader,exports.SkeletonTableRow=W.SkeletonTableRow,exports.SkeletonTextArea=F.SkeletonTextArea,exports.ScreenReaderOnly=J.ScreenReaderOnly,exports.SlotComponent=K.SlotComponent;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../CardImage-w-I6OXKE.cjs"),e=require("./card/NavCard.js"),n=require("./card/TaskCard.js"),r=require("./card/InfoCard.js"),s=require("./icon/Icon.js"),c=require("./icon/icons/animated/ArrowVerticalAnimated.js"),t=require("./icon/icons/animated/ArrowHorizontalAnimated.js"),i=require("./icon/icons/animated/PlusRemoveAnimated.js"),a=require("./icon/icons/ArrowDownIcon.js"),I=require("./icon/icons/ArrowLeftIcon.js"),u=require("./icon/icons/ArrowNorthEastIcon.js"),p=require("./icon/icons/ArrowRightIcon.js"),l=require("./icon/icons/ArrowUpIcon.js"),x=require("./icon/icons/CalendarIcon.js"),k=require("./icon/icons/CheckIcon.js"),d=require("./icon/icons/ChevronDownIcon.js"),j=require("./icon/icons/ChevronLeftIcon.js"),q=require("./icon/icons/ChevronRightIcon.js"),C=require("./icon/icons/ChevronUpIcon.js"),S=require("./icon/icons/CloseIcon.js"),h=require("./icon/icons/CopyIcon.js"),m=require("./icon/icons/DotsIcon.js"),A=require("./icon/icons/DragIcon.js"),g=require("./icon/icons/ErrorIcon.js"),T=require("./icon/icons/GreenCheckIcon.js"),w=require("./icon/icons/HamburgerIcon.js"),L=require("./icon/icons/InfoIcon.js"),b=require("./icon/icons/LinkIcon.js"),v=require("./icon/icons/PlusIcon.js"),R=require("./icon/icons/QuestionIcon.js"),f=require("./icon/icons/RedCrossIcon.js"),D=require("./icon/icons/SearchIcon.js"),B=require("./icon/icons/SuccessIcon.js"),E=require("./icon/icons/WarningIcon.js"),P=require("./icon/icons/MinusIcon.js"),G=require("./icon/icons/ThumbDownIcon.js"),N=require("./icon/icons/ThumbUpIcon.js"),U=require("./icon/icons/TrashCanIcon.js"),y=require("./icon/icons/PenIcon.js"),H=require("./icon-button/IconButton.js"),W=require("./link/Link.js"),M=require("./link/NavLink.js"),O=require("./link-list/LinkList.js"),z=require("./loader/Loader.js"),Q=require("./loader/skeletons/SkeletonAnimation.js"),V=require("./loader/skeletons/SkeletonButton.js"),F=require("./loader/skeletons/SkeletonCheckboxGroup.js"),J=require("./loader/skeletons/SkeletonElement.js"),K=require("./loader/skeletons/SkeletonInput.js"),X=require("./loader/skeletons/SkeletonRadioButtonGroup.js"),Y=require("./loader/skeletons/SkeletonTable.js"),Z=require("./loader/skeletons/SkeletonTextArea.js"),$=require("./tag/Tag.js"),_=require("./ScreenReaderOnly.js"),oo=require("./SlotComponent.js");exports.Card=o.Card,exports.CardImage=o.CardImage,exports.InfoBlock=e.InfoBlock,exports.NavCard=e.NavCard,exports.TaskCard=n.TaskCard,exports.InfoCard=r.InfoCard,exports.Icon=s.Icon,exports.ArrowVerticalAnimated=c.ArrowVerticalAnimated,exports.ArrowHorizontalAnimated=t.ArrowHorizontalAnimated,exports.PlusRemoveAnimated=i.PlusRemoveAnimated,exports.ArrowDownIcon=a.ArrowDownIcon,exports.ArrowLeftIcon=I.ArrowLeftIcon,exports.ArrowNorthEastIcon=u.ArrowNorthEastIcon,exports.ArrowRightIcon=p.ArrowRightIcon,exports.ArrowUpIcon=l.ArrowUpIcon,exports.CalendarIcon=x.CalendarIcon,exports.CheckIcon=k.CheckIcon,exports.ChevronDownIcon=d.ChevronDownIcon,exports.ChevronLeftIcon=j.ChevronLeftIcon,exports.ChevronRightIcon=q.ChevronRightIcon,exports.ChevronUpIcon=C.ChevronUpIcon,exports.CloseIcon=S.CloseIcon,exports.CopyIcon=h.CopyIcon,exports.DotsIcon=m.DotsIcon,exports.DragIcon=A.DragIcon,exports.ErrorIcon=g.ErrorIcon,exports.GreenCheckIcon=T.GreenCheckIcon,exports.HamburgerIcon=w.HamburgerIcon,exports.InfoIcon=L.InfoIcon,exports.LinkIcon=b.LinkIcon,exports.PlusIcon=v.PlusIcon,exports.QuestionIcon=R.QuestionIcon,exports.RedCrossIcon=f.RedCrossIcon,exports.SearchIcon=D.SearchIcon,exports.SuccessIcon=B.SuccessIcon,exports.WarningIcon=E.WarningIcon,exports.MinusIcon=P.MinusIcon,exports.ThumbDownIcon=G.ThumbDownIcon,exports.ThumbUpIcon=N.ThumbUpIcon,exports.TrashCanIcon=U.TrashCanIcon,exports.PenIcon=y.PenIcon,exports.IconButton=H.IconButton,exports.Link=W.Link,exports.NavLink=M.NavLink,exports.LinkList=O.LinkList,exports.Loader=z.Loader,exports.SkeletonAnimation=Q.SkeletonAnimation,exports.SkeletonButton=V.SkeletonButton,exports.SkeletonCheckboxGroup=F.SkeletonCheckboxGroup,exports.SkeletonElement=J.SkeletonElement,exports.SkeletonInput=K.SkeletonInput,exports.SkeletonRadioButtonGroup=X.SkeletonRadioButtonGroup,exports.SkeletonTable=Y.SkeletonTable,exports.SkeletonTableHeader=Y.SkeletonTableHeader,exports.SkeletonTableRow=Y.SkeletonTableRow,exports.SkeletonTextArea=Z.SkeletonTextArea,exports.ErrorTag=$.ErrorTag,exports.InfoTag=$.InfoTag,exports.SuccessTag=$.SuccessTag,exports.Tag=$.Tag,exports.WarningTag=$.WarningTag,exports.ScreenReaderOnly=_.ScreenReaderOnly,exports.SlotComponent=oo.SlotComponent;
 //# sourceMappingURL=index.js.map

package/build/cjs/components/tag/Tag.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("classnames");require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js");const r=require("../icon/icons/CloseIcon.js");require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js");const i=require("../icon-button/IconButton.js");function e(e){const c=({className:c,density:s,dismissAction:u,children:a,...t})=>n.jsxs("span",{className:o("jkl-tag",{"jkl-tag--info":"info"===e,"jkl-tag--error":"error"===e,"jkl-tag--warning":"warning"===e,"jkl-tag--success":"success"===e},c),"data-density":s,...t,children:[a,u&&n.jsx(i.IconButton,{className:"jkl-tag__dismiss-action",density:s,title:u.label,onClick:u.onClick,onFocus:u.onFocus,onBlur:u.onBlur,children:n.jsx(r.CloseIcon,{variant:"small",bold:!0})})]});return c.displayName=function(n){switch(n){case"info":return"InfoTag";case"error":return"ErrorTag";case"warning":return"WarningTag";case"success":return"SuccessTag";default:return"Tag"}}(e),c}const c=e(),s=e("info"),u=e("error"),a=e("warning"),t=e("success");exports.ErrorTag=u,exports.InfoTag=s,exports.SuccessTag=t,exports.Tag=c,exports.WarningTag=a;
+//# sourceMappingURL=Tag.js.map

package/build/cjs/components/tag/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sources":["../../../../src/components/tag/Tag.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { ButtonHTMLAttributes, FC, HTMLAttributes, MouseEventHandler } from \"react\";\nimport { Density } from \"../../core\";\nimport { CloseIcon } from \"../icon\";\nimport { IconButton } from \"../icon-button\";\n\nexport interface DismissAction extends Exclude<ButtonHTMLAttributes<HTMLButtonElement>, \"disabled\"> {\n    label: string;\n    onClick: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport interface TagProps extends HTMLAttributes<HTMLSpanElement> {\n    density?: Density;\n    dismissAction?: DismissAction;\n}\n\ntype Variant = \"info\" | \"error\" | \"warning\" | \"success\";\n\nfunction getDisplayName(variant?: Variant) {\n    switch (variant) {\n        case \"info\":\n            return \"InfoTag\";\n        case \"error\":\n            return \"ErrorTag\";\n        case \"warning\":\n            return \"WarningTag\";\n        case \"success\":\n            return \"SuccessTag\";\n        default:\n            return \"Tag\";\n    }\n}\n\nfunction tagFactory(variant?: Variant) {\n    const Tag: FC<TagProps> = ({ className, density, dismissAction, children, ...rest }) => (\n        <span\n            className={cx(\n                \"jkl-tag\",\n                {\n                    \"jkl-tag--info\": variant === \"info\",\n                    \"jkl-tag--error\": variant === \"error\",\n                    \"jkl-tag--warning\": variant === \"warning\",\n                    \"jkl-tag--success\": variant === \"success\",\n                },\n                className,\n            )}\n            data-density={density}\n            {...rest}\n        >\n            {children}\n            {dismissAction && (\n                <IconButton\n                    className=\"jkl-tag__dismiss-action\"\n                    density={density}\n                    title={dismissAction.label}\n                    onClick={dismissAction.onClick}\n                    onFocus={dismissAction.onFocus}\n                    onBlur={dismissAction.onBlur}\n                >\n                    <CloseIcon variant=\"small\" bold />\n                </IconButton>\n            )}\n        </span>\n    );\n    Tag.displayName = getDisplayName(variant);\n    return Tag;\n}\n\nexport const Tag = tagFactory();\nexport const InfoTag = tagFactory(\"info\");\nexport const ErrorTag = tagFactory(\"error\");\nexport const WarningTag = tagFactory(\"warning\");\nexport const SuccessTag = tagFactory(\"success\");\n"],"names":["tagFactory","variant","Tag","className","density","dismissAction","children","rest","jsxs","cx","jsx","IconButton","title","label","onClick","onFocus","onBlur","CloseIcon","bold","displayName","getDisplayName","InfoTag","ErrorTag","WarningTag","SuccessTag"],"mappings":"inDAiCA,SAASA,EAAWC,GACVC,MAAAA,EAAoB,EAAGC,UAAAA,EAAWC,QAAAA,EAASC,cAAAA,EAAeC,SAAAA,KAAaC,KACzEC,EAAAA,KAAC,OAAA,CACGL,UAAWM,EACP,UACA,CACI,gBAA6B,SAAZR,EACjB,iBAA8B,UAAZA,EAClB,mBAAgC,YAAZA,EACpB,mBAAgC,YAAZA,GAExBE,GAEJ,eAAcC,KACVG,EAEHD,SAAA,CAAAA,EACAD,GACGK,EAAAA,IAACC,EAAAA,WAAA,CACGR,UAAU,0BACVC,QAAAA,EACAQ,MAAOP,EAAcQ,MACrBC,QAAST,EAAcS,QACvBC,QAASV,EAAcU,QACvBC,OAAQX,EAAcW,OAEtBV,SAACI,EAAAA,IAAAO,YAAA,CAAUhB,QAAQ,QAAQiB,MAAI,SAK/ChB,OAAAA,EAAIiB,YA9CR,SAAwBlB,GACpB,OAAQA,GACJ,IAAK,OACM,MAAA,UACX,IAAK,QACM,MAAA,WACX,IAAK,UACM,MAAA,aACX,IAAK,UACM,MAAA,aACX,QACW,MAAA,MAEnB,CAiCsBmB,CAAenB,GAC1BC,CACX,CAEO,MAAMA,EAAMF,IACNqB,EAAUrB,EAAW,QACrBsB,EAAWtB,EAAW,SACtBuB,EAAavB,EAAW,WACxBwB,EAAaxB,EAAW"}

package/build/cjs/components/tag/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./Tag.js");exports.ErrorTag=r.ErrorTag,exports.InfoTag=r.InfoTag,exports.SuccessTag=r.SuccessTag,exports.Tag=r.Tag,exports.WarningTag=r.WarningTag;
+//# sourceMappingURL=index.js.map

package/build/cjs/components/tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/icon/Icon.js"),o=require("./components/icon/icons/animated/ArrowVerticalAnimated.js"),n=require("./components/icon/icons/animated/ArrowHorizontalAnimated.js"),s=require("./components/icon/icons/animated/PlusRemoveAnimated.js"),r=require("./components/icon/icons/ArrowDownIcon.js"),t=require("./components/icon/icons/ArrowLeftIcon.js"),i=require("./components/icon/icons/ArrowNorthEastIcon.js"),c=require("./components/icon/icons/ArrowRightIcon.js"),u=require("./components/icon/icons/ArrowUpIcon.js"),p=require("./components/icon/icons/CalendarIcon.js"),a=require("./components/icon/icons/CheckIcon.js"),l=require("./components/icon/icons/ChevronDownIcon.js"),m=require("./components/icon/icons/ChevronLeftIcon.js"),I=require("./components/icon/icons/ChevronRightIcon.js"),k=require("./components/icon/icons/ChevronUpIcon.js"),x=require("./components/icon/icons/CloseIcon.js"),j=require("./components/icon/icons/CopyIcon.js"),q=require("./components/icon/icons/DotsIcon.js"),h=require("./components/icon/icons/DragIcon.js"),d=require("./components/icon/icons/ErrorIcon.js"),g=require("./components/icon/icons/GreenCheckIcon.js"),A=require("./components/icon/icons/HamburgerIcon.js"),S=require("./components/icon/icons/InfoIcon.js"),w=require("./components/icon/icons/LinkIcon.js"),v=require("./components/icon/icons/PlusIcon.js"),C=require("./components/icon/icons/QuestionIcon.js"),L=require("./components/icon/icons/RedCrossIcon.js"),b=require("./components/icon/icons/SearchIcon.js"),P=require("./components/icon/icons/SuccessIcon.js"),R=require("./components/icon/icons/WarningIcon.js"),D=require("./components/icon/icons/MinusIcon.js"),T=require("./components/icon/icons/ThumbDownIcon.js"),H=require("./components/icon/icons/ThumbUpIcon.js"),O=require("./components/icon/icons/TrashCanIcon.js"),f=require("./components/icon/icons/PenIcon.js"),V=require("./components/link/Link.js"),B=require("./components/link/NavLink.js"),E=require("./components/link-list/LinkList.js"),G=require("./components/loader/Loader.js"),y=require("./components/loader/skeletons/SkeletonAnimation.js"),N=require("./components/loader/skeletons/SkeletonButton.js"),U=require("./components/loader/skeletons/SkeletonCheckboxGroup.js"),M=require("./components/loader/skeletons/SkeletonElement.js"),F=require("./components/loader/skeletons/SkeletonInput.js"),K=require("./components/loader/skeletons/SkeletonRadioButtonGroup.js"),z=require("./components/loader/skeletons/SkeletonTable.js"),Q=require("./components/loader/skeletons/SkeletonTextArea.js"),W=require("./components/ScreenReaderOnly.js"),J=require("./components/SlotComponent.js"),X=require("./core/utils/tabListener.js"),Y=require("./core/utils/getValuePair.js"),Z=require("./core/utils/breakpoints.js"),$=require("./core/utils/motion.js"),_=require("./core/utils/mergeRefs.js"),ee=require("./core/utils/mergeProps.js"),oe=require("./core/tokens.js"),ne=require("./hooks/useAnimatedDetails/useAnimatedDetails.js"),se=require("./hooks/useAnimatedHeight/useAnimatedHeight.js"),re=require("./hooks/useAnimatedHeight/useAnimatedHeightBetween.js"),te=require("./hooks/useAnimatedHeight/useAutoAnimateHeight.js"),ie=require("./hooks/useBrowserPreferences/useBrowserPreferences.js"),ce=require("./hooks/useIntersectionObserver/useIntersectionObserver.js"),ue=require("./hooks/useLocalStorage/useLocalStorage.js"),pe=require("./hooks/useMutationObserver/useMutationObserver.js"),ae=require("./hooks/usePreviousValue/usePreviousValue.js"),le=require("./hooks/useProgressiveImg/useProgressiveImg.js"),me=require("./hooks/useScreen/useScreen.js"),Ie=require("./hooks/useScrollIntoView/useScrollIntoView.js"),ke=require("./hooks/useAriaLiveRegion/useAriaLiveRegion.js"),xe=require("./hooks/useClickOutside/useClickOutside.js"),je=require("./hooks/useFocusOutside/useFocusOutside.js"),qe=require("./hooks/useElementDimensions/useElementDimensions.js"),he=require("./hooks/useId/useId.js"),de=require("./hooks/useKeyListener/useKeyListener.js"),ge=require("./hooks/useListNavigation/useListNavigation.js"),Ae=require("./hooks/useSwipeGesture/useSwipeGesture.js");exports.Icon=e.Icon,exports.ArrowVerticalAnimated=o.ArrowVerticalAnimated,exports.ArrowHorizontalAnimated=n.ArrowHorizontalAnimated,exports.PlusRemoveAnimated=s.PlusRemoveAnimated,exports.ArrowDownIcon=r.ArrowDownIcon,exports.ArrowLeftIcon=t.ArrowLeftIcon,exports.ArrowNorthEastIcon=i.ArrowNorthEastIcon,exports.ArrowRightIcon=c.ArrowRightIcon,exports.ArrowUpIcon=u.ArrowUpIcon,exports.CalendarIcon=p.CalendarIcon,exports.CheckIcon=a.CheckIcon,exports.ChevronDownIcon=l.ChevronDownIcon,exports.ChevronLeftIcon=m.ChevronLeftIcon,exports.ChevronRightIcon=I.ChevronRightIcon,exports.ChevronUpIcon=k.ChevronUpIcon,exports.CloseIcon=x.CloseIcon,exports.CopyIcon=j.CopyIcon,exports.DotsIcon=q.DotsIcon,exports.DragIcon=h.DragIcon,exports.ErrorIcon=d.ErrorIcon,exports.GreenCheckIcon=g.GreenCheckIcon,exports.HamburgerIcon=A.HamburgerIcon,exports.InfoIcon=S.InfoIcon,exports.LinkIcon=w.LinkIcon,exports.PlusIcon=v.PlusIcon,exports.QuestionIcon=C.QuestionIcon,exports.RedCrossIcon=L.RedCrossIcon,exports.SearchIcon=b.SearchIcon,exports.SuccessIcon=P.SuccessIcon,exports.WarningIcon=R.WarningIcon,exports.MinusIcon=D.MinusIcon,exports.ThumbDownIcon=T.ThumbDownIcon,exports.ThumbUpIcon=H.ThumbUpIcon,exports.TrashCanIcon=O.TrashCanIcon,exports.PenIcon=f.PenIcon,exports.Link=V.Link,exports.NavLink=B.NavLink,exports.LinkList=E.LinkList,exports.Loader=G.Loader,exports.SkeletonAnimation=y.SkeletonAnimation,exports.SkeletonButton=N.SkeletonButton,exports.SkeletonCheckboxGroup=U.SkeletonCheckboxGroup,exports.SkeletonElement=M.SkeletonElement,exports.SkeletonInput=F.SkeletonInput,exports.SkeletonRadioButtonGroup=K.SkeletonRadioButtonGroup,exports.SkeletonTable=z.SkeletonTable,exports.SkeletonTableHeader=z.SkeletonTableHeader,exports.SkeletonTableRow=z.SkeletonTableRow,exports.SkeletonTextArea=Q.SkeletonTextArea,exports.ScreenReaderOnly=W.ScreenReaderOnly,exports.SlotComponent=J.SlotComponent,exports.initTabListener=X.initTabListener,exports.getValuePair=Y.getValuePair,exports.breakpoints=Z.breakpoints,exports.easings=$.easings,exports.timings=$.timings,exports.mergeRefs=_.mergeRefs,exports.mergeProps=ee.mergeProps,exports.tokens=oe,exports.useAnimatedDetails=ne.useAnimatedDetails,exports.useAnimatedHeight=se.useAnimatedHeight,exports.useAnimatedHeightBetween=re.useAnimatedHeightBetween,exports.useAutoAnimatedHeight=te.useAutoAnimatedHeight,exports.useBrowserPreferences=ie.useBrowserPreferences,exports.useIntersectionObserver=ce.useIntersectionObserver,exports.useLocalStorage=ue.useLocalStorage,exports.useMutationObserver=pe.useMutationObserver,exports.usePreviousValue=ae.usePreviousValue,exports.useProgressiveImg=le.useProgressiveImg,exports.useScreen=me.useScreen,exports.useScrollIntoView=Ie.useScrollIntoView,exports.useAriaLiveRegion=ke.useAriaLiveRegion,exports.useClickOutside=xe.useClickOutside,exports.useFocusOutside=je.useFocusOutside,exports.useElementDimensions=qe.useElementDimensions,exports.useId=he.useId,exports.useKeyListener=de.useKeyListener,exports.useListNavigation=ge.useListNavigation,exports.useSwipeGesture=Ae.useSwipeGesture;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../CardImage-w-I6OXKE.cjs"),o=require("./components/card/NavCard.js"),s=require("./components/card/TaskCard.js"),n=require("./components/card/InfoCard.js"),r=require("./components/icon/Icon.js"),t=require("./components/icon/icons/animated/ArrowVerticalAnimated.js"),i=require("./components/icon/icons/animated/ArrowHorizontalAnimated.js"),c=require("./components/icon/icons/animated/PlusRemoveAnimated.js"),u=require("./components/icon/icons/ArrowDownIcon.js"),a=require("./components/icon/icons/ArrowLeftIcon.js"),p=require("./components/icon/icons/ArrowNorthEastIcon.js"),I=require("./components/icon/icons/ArrowRightIcon.js"),m=require("./components/icon/icons/ArrowUpIcon.js"),l=require("./components/icon/icons/CalendarIcon.js"),x=require("./components/icon/icons/CheckIcon.js"),k=require("./components/icon/icons/ChevronDownIcon.js"),d=require("./components/icon/icons/ChevronLeftIcon.js"),j=require("./components/icon/icons/ChevronRightIcon.js"),q=require("./components/icon/icons/ChevronUpIcon.js"),g=require("./components/icon/icons/CloseIcon.js"),h=require("./components/icon/icons/CopyIcon.js"),S=require("./components/icon/icons/DotsIcon.js"),A=require("./components/icon/icons/DragIcon.js"),C=require("./components/icon/icons/ErrorIcon.js"),w=require("./components/icon/icons/GreenCheckIcon.js"),v=require("./components/icon/icons/HamburgerIcon.js"),L=require("./components/icon/icons/InfoIcon.js"),b=require("./components/icon/icons/LinkIcon.js"),T=require("./components/icon/icons/PlusIcon.js"),P=require("./components/icon/icons/QuestionIcon.js"),R=require("./components/icon/icons/RedCrossIcon.js"),f=require("./components/icon/icons/SearchIcon.js"),D=require("./components/icon/icons/SuccessIcon.js"),H=require("./components/icon/icons/WarningIcon.js"),O=require("./components/icon/icons/MinusIcon.js"),B=require("./components/icon/icons/ThumbDownIcon.js"),E=require("./components/icon/icons/ThumbUpIcon.js"),V=require("./components/icon/icons/TrashCanIcon.js"),G=require("./components/icon/icons/PenIcon.js"),N=require("./components/icon-button/IconButton.js"),y=require("./components/link/Link.js"),U=require("./components/link/NavLink.js"),M=require("./components/link-list/LinkList.js"),W=require("./components/loader/Loader.js"),F=require("./components/loader/skeletons/SkeletonAnimation.js"),K=require("./components/loader/skeletons/SkeletonButton.js"),z=require("./components/loader/skeletons/SkeletonCheckboxGroup.js"),Q=require("./components/loader/skeletons/SkeletonElement.js"),J=require("./components/loader/skeletons/SkeletonInput.js"),X=require("./components/loader/skeletons/SkeletonRadioButtonGroup.js"),Y=require("./components/loader/skeletons/SkeletonTable.js"),Z=require("./components/loader/skeletons/SkeletonTextArea.js"),$=require("./components/tag/Tag.js"),_=require("./components/ScreenReaderOnly.js"),ee=require("./components/SlotComponent.js"),oe=require("./core/utils/tabListener.js"),se=require("./core/utils/getValuePair.js"),ne=require("./core/utils/breakpoints.js"),re=require("./core/utils/motion.js"),te=require("./core/utils/mergeRefs.js"),ie=require("./core/utils/mergeProps.js"),ce=require("./core/tokens.js"),ue=require("./hooks/useAnimatedDetails/useAnimatedDetails.js"),ae=require("./hooks/useAnimatedHeight/useAnimatedHeight.js"),pe=require("./hooks/useAnimatedHeight/useAnimatedHeightBetween.js"),Ie=require("./hooks/useAnimatedHeight/useAutoAnimateHeight.js"),me=require("./hooks/useBrowserPreferences/useBrowserPreferences.js"),le=require("./hooks/useIntersectionObserver/useIntersectionObserver.js"),xe=require("./hooks/useLocalStorage/useLocalStorage.js"),ke=require("./hooks/useMutationObserver/useMutationObserver.js"),de=require("./hooks/usePreviousValue/usePreviousValue.js"),je=require("./hooks/useProgressiveImg/useProgressiveImg.js"),qe=require("./hooks/useScreen/useScreen.js"),ge=require("./hooks/useScrollIntoView/useScrollIntoView.js"),he=require("./hooks/useAriaLiveRegion/useAriaLiveRegion.js"),Se=require("./hooks/useClickOutside/useClickOutside.js"),Ae=require("./hooks/useFocusOutside/useFocusOutside.js"),Ce=require("./hooks/useElementDimensions/useElementDimensions.js"),we=require("./hooks/useId/useId.js"),ve=require("./hooks/useKeyListener/useKeyListener.js"),Le=require("./hooks/useListNavigation/useListNavigation.js"),be=require("./hooks/useSwipeGesture/useSwipeGesture.js");exports.Card=e.Card,exports.CardImage=e.CardImage,exports.InfoBlock=o.InfoBlock,exports.NavCard=o.NavCard,exports.TaskCard=s.TaskCard,exports.InfoCard=n.InfoCard,exports.Icon=r.Icon,exports.ArrowVerticalAnimated=t.ArrowVerticalAnimated,exports.ArrowHorizontalAnimated=i.ArrowHorizontalAnimated,exports.PlusRemoveAnimated=c.PlusRemoveAnimated,exports.ArrowDownIcon=u.ArrowDownIcon,exports.ArrowLeftIcon=a.ArrowLeftIcon,exports.ArrowNorthEastIcon=p.ArrowNorthEastIcon,exports.ArrowRightIcon=I.ArrowRightIcon,exports.ArrowUpIcon=m.ArrowUpIcon,exports.CalendarIcon=l.CalendarIcon,exports.CheckIcon=x.CheckIcon,exports.ChevronDownIcon=k.ChevronDownIcon,exports.ChevronLeftIcon=d.ChevronLeftIcon,exports.ChevronRightIcon=j.ChevronRightIcon,exports.ChevronUpIcon=q.ChevronUpIcon,exports.CloseIcon=g.CloseIcon,exports.CopyIcon=h.CopyIcon,exports.DotsIcon=S.DotsIcon,exports.DragIcon=A.DragIcon,exports.ErrorIcon=C.ErrorIcon,exports.GreenCheckIcon=w.GreenCheckIcon,exports.HamburgerIcon=v.HamburgerIcon,exports.InfoIcon=L.InfoIcon,exports.LinkIcon=b.LinkIcon,exports.PlusIcon=T.PlusIcon,exports.QuestionIcon=P.QuestionIcon,exports.RedCrossIcon=R.RedCrossIcon,exports.SearchIcon=f.SearchIcon,exports.SuccessIcon=D.SuccessIcon,exports.WarningIcon=H.WarningIcon,exports.MinusIcon=O.MinusIcon,exports.ThumbDownIcon=B.ThumbDownIcon,exports.ThumbUpIcon=E.ThumbUpIcon,exports.TrashCanIcon=V.TrashCanIcon,exports.PenIcon=G.PenIcon,exports.IconButton=N.IconButton,exports.Link=y.Link,exports.NavLink=U.NavLink,exports.LinkList=M.LinkList,exports.Loader=W.Loader,exports.SkeletonAnimation=F.SkeletonAnimation,exports.SkeletonButton=K.SkeletonButton,exports.SkeletonCheckboxGroup=z.SkeletonCheckboxGroup,exports.SkeletonElement=Q.SkeletonElement,exports.SkeletonInput=J.SkeletonInput,exports.SkeletonRadioButtonGroup=X.SkeletonRadioButtonGroup,exports.SkeletonTable=Y.SkeletonTable,exports.SkeletonTableHeader=Y.SkeletonTableHeader,exports.SkeletonTableRow=Y.SkeletonTableRow,exports.SkeletonTextArea=Z.SkeletonTextArea,exports.ErrorTag=$.ErrorTag,exports.InfoTag=$.InfoTag,exports.SuccessTag=$.SuccessTag,exports.Tag=$.Tag,exports.WarningTag=$.WarningTag,exports.ScreenReaderOnly=_.ScreenReaderOnly,exports.SlotComponent=ee.SlotComponent,exports.initTabListener=oe.initTabListener,exports.getValuePair=se.getValuePair,exports.breakpoints=ne.breakpoints,exports.easings=re.easings,exports.timings=re.timings,exports.mergeRefs=te.mergeRefs,exports.mergeProps=ie.mergeProps,exports.tokens=ce,exports.useAnimatedDetails=ue.useAnimatedDetails,exports.useAnimatedHeight=ae.useAnimatedHeight,exports.useAnimatedHeightBetween=pe.useAnimatedHeightBetween,exports.useAutoAnimatedHeight=Ie.useAutoAnimatedHeight,exports.useBrowserPreferences=me.useBrowserPreferences,exports.useIntersectionObserver=le.useIntersectionObserver,exports.useLocalStorage=xe.useLocalStorage,exports.useMutationObserver=ke.useMutationObserver,exports.usePreviousValue=de.usePreviousValue,exports.useProgressiveImg=je.useProgressiveImg,exports.useScreen=qe.useScreen,exports.useScrollIntoView=ge.useScrollIntoView,exports.useAriaLiveRegion=he.useAriaLiveRegion,exports.useClickOutside=Se.useClickOutside,exports.useFocusOutside=Ae.useFocusOutside,exports.useElementDimensions=Ce.useElementDimensions,exports.useId=we.useId,exports.useKeyListener=ve.useKeyListener,exports.useListNavigation=Le.useListNavigation,exports.useSwipeGesture=be.useSwipeGesture;
 //# sourceMappingURL=index.js.map

package/build/components/card/Card.d.ts

@@ -0,0 +1,37 @@
+import { default as React } from 'react';
+import { AsChildProps, PolymorphicPropsWithRef } from '../../core';
+export declare const CARD_PADDINGS: readonly ["s", "m", "l", "xl"];
+export type CardPadding = (typeof CARD_PADDINGS)[number];
+export declare const CARD_VARIANTS: readonly ["outlined", "high", "low"];
+export type CardVariant = (typeof CARD_VARIANTS)[number];
+export type CardProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<ElementType, {
+    className?: string;
+    /**
+     * Setter padding på kortet. Tilsvarer samme property i Figma.
+     * @default "s"
+     */
+    padding?: CardPadding;
+    /**
+     * Angir hvilken kortvariant du vil bruke. Velg en variant som gir god kontrast
+     * til bakgrunnen på siden, slik at det er enkelt å skille innholdet fra hverandre.
+     * @default "high"
+     */
+    variant?: CardVariant;
+    /**
+     * Angir om kortet visuelt skal fremstå som klikkbart. Du må selv rendre
+     * kortet som et klikkbart element (f.eks. `<a>` eller en `<Link>` fra
+     * et ruting-bibliotek) og gi det en `href` eller `onClick`-handler.
+     * HUSK: Sett aria-label for at støtteverktøy, som skjermlesere, ikke
+     * skal lese alt innholdet i kortet.
+     */
+    clickable?: boolean;
+}>;
+type CardComponent = <ElementType extends React.ElementType = "div">(props: CardProps<ElementType> & AsChildProps) => React.ReactElement | null;
+/**
+ * En allsidig kortkomponent som brukes for å gruppere innhold på en side.
+ * Komponenten rendres til vanlig som en `<div>`, men du kan velge å rendre
+ * den som andre elementer eller komponenter der du trenger annen semantikk
+ * eller funksjonalitet.
+ */
+export declare const Card: CardComponent;
+export {};

package/build/components/card/CardImage.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { PolymorphicPropsWithRef } from '../../core';
+export type CardImageProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<ElementType, {
+    /**
+     * Legger til riktig negativ margin avhengig av hvor i kortet bildet
+     * skal plasseres. Margin justeres automatisk etter padding i kortet.
+     * @default "top"
+     */
+    placement?: "top" | "middle" | "bottom";
+}>;
+type CardImageComponent = <ElementType extends React.ElementType = "img">(props: CardImageProps<ElementType>) => React.ReactElement | null;
+/**
+ * Bildekomponent som kan brukes i `Card` for å sørge for at bildet
+ * blør helt ut i kantene av kortet. Rendres normalt som et `<img>`-
+ * element, men du kan overstyre dette med `as` dersom du f.eks. har
+ * en egen komponent for å håndtere responsive bilder.
+ */
+export declare const CardImage: CardImageComponent;
+export {};

package/build/components/card/InfoCard.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { Density, WithChildren } from '../../core';
+import { PaddingOptions, SpacingStep } from './types';
+export interface InfoCardProps extends PaddingOptions, WithChildren {
+    className?: string;
+    title?: string;
+    /**
+     * Legger til ekstra rom i bunnen av kortet, fra spacing-skalaen til Jøkul.
+     */
+    bottomPadding?: SpacingStep;
+    density?: Density;
+}
+export declare const InfoCard: FC<InfoCardProps>;

package/build/components/card/NavCard.d.ts

@@ -0,0 +1,35 @@
+import { ElementType, FC, AnchorHTMLAttributes } from 'react';
+import { WithChildren, Density } from '../../core';
+import { ImageProps } from '../image';
+import { PaddingOptions } from './types';
+export type TagType = "success" | "warning" | "info" | "error";
+/**
+ * Bruk denne komponenten for å legge til ekstra informasjon i NavCard.
+ * Innholdet blir rendret med skillelinje, og tekststil "small"
+ */
+export declare const InfoBlock: FC<WithChildren>;
+interface CardTag {
+    /**
+     * @default <none> Rendres som nøytral tag
+     */
+    type?: TagType;
+    text: string;
+}
+export interface NavCardProps extends PaddingOptions, AnchorHTMLAttributes<HTMLAnchorElement> {
+    tag?: CardTag | Array<CardTag>;
+    title: string;
+    href?: string;
+    to?: string;
+    external?: boolean;
+    description?: string;
+    image?: Omit<ImageProps, "className">;
+    className?: string;
+    /**
+     * Overstyr hvilken komponent som skal brukes, for eksempel hvis du har en Link-komponent fra en router.
+     * @default "a"
+     */
+    component?: ElementType;
+    density?: Density;
+}
+export declare const NavCard: FC<NavCardProps>;
+export {};

package/build/components/card/TaskCard.d.ts

@@ -0,0 +1,23 @@
+import { FC } from 'react';
+import { Density, WithChildren } from '../../core';
+import { PaddingOptions } from './types';
+export interface TaskCardProps extends PaddingOptions, WithChildren {
+    /**
+     * Bakgrunnsfargen til kortet
+     * @deprecated Bruk `background` i stedet
+     */
+    bgColor?: "hvit" | "snohvit" | "sand" | "dis";
+    /**
+     * Bestemmer bakgrunnsfargen til kortet, på tvers av mørkt eller lyst tema
+     * @default "highlighted"
+     */
+    background?: "highlighted" | "normal" | "subdued";
+    /**
+     * Skal kortet ha skygge?
+     * @default false
+     */
+    withShadow?: boolean;
+    className?: string;
+    density?: Density;
+}
+export declare const TaskCard: FC<TaskCardProps>;

package/build/components/card/index.d.ts

@@ -0,0 +1,9 @@
+export { Card } from './Card';
+export { CardImage } from './CardImage';
+export { NavCard, InfoBlock } from './NavCard';
+export { TaskCard } from './TaskCard';
+export { InfoCard } from './InfoCard';
+export type { NavCardProps } from './NavCard';
+export type { TaskCardProps } from './TaskCard';
+export type { InfoCardProps } from './InfoCard';
+export type { SpacingStep, PaddingOptions } from './types';