@fremtind/jokul 0.2.0 → 0.3.0

package/build/es/components/icon/icons/ArrowRightIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowRightIcon.js","sources":["../../../../../src/components/icon/icons/ArrowRightIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const ArrowRightIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue5c8\"}</Icon>;\nArrowRightIcon.displayName = \"ArrowRightIcon\";\n"],"names":["ArrowRightIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAAiCC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MAC9FH,EAAeI,YAAc"}

package/build/es/components/icon/icons/ArrowUpIcon.js

@@ -0,0 +1,2 @@
+import{jsx as o}from"react/jsx-runtime";import{Icon as r}from"../Icon.js";const s=s=>o(r,{...s,children:""});s.displayName="ArrowUpIcon";export{s as ArrowUpIcon};
+//# sourceMappingURL=ArrowUpIcon.js.map

package/build/es/components/icon/icons/ArrowUpIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowUpIcon.js","sources":["../../../../../src/components/icon/icons/ArrowUpIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const ArrowUpIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue5d8\"}</Icon>;\nArrowUpIcon.displayName = \"ArrowUpIcon\";\n"],"names":["ArrowUpIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAA8BC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MAC3FH,EAAYI,YAAc"}

package/build/es/components/icon/icons/CalendarIcon.js

@@ -0,0 +1,2 @@
+import{jsx as a}from"react/jsx-runtime";import{Icon as o}from"../Icon.js";const r=r=>a(o,{...r,children:""});r.displayName="CalendarIcon";export{r as CalendarIcon};
+//# sourceMappingURL=CalendarIcon.js.map

package/build/es/components/icon/icons/CalendarIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarIcon.js","sources":["../../../../../src/components/icon/icons/CalendarIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const CalendarIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\uebcc\"}</Icon>;\nCalendarIcon.displayName = \"CalendarIcon\";\n"],"names":["CalendarIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAA+BC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MAC5FH,EAAaI,YAAc"}

package/build/es/components/icon/icons/CheckIcon.js

@@ -0,0 +1,2 @@
+import{jsx as o}from"react/jsx-runtime";import{Icon as c}from"../Icon.js";const r=r=>o(c,{...r,children:""});r.displayName="CheckIcon";export{r as CheckIcon};
+//# sourceMappingURL=CheckIcon.js.map

package/build/es/components/icon/icons/CheckIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckIcon.js","sources":["../../../../../src/components/icon/icons/CheckIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const CheckIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue5ca\"}</Icon>;\nCheckIcon.displayName = \"CheckIcon\";\n"],"names":["CheckIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAA4BC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MACzFH,EAAUI,YAAc"}

package/build/es/components/icon/icons/ChevronDownIcon.js

@@ -0,0 +1,2 @@
+import{jsx as o}from"react/jsx-runtime";import{Icon as n}from"../Icon.js";const r=r=>o(n,{...r,children:""});r.displayName="ChevronDownIcon";export{r as ChevronDownIcon};
+//# sourceMappingURL=ChevronDownIcon.js.map

package/build/es/components/icon/icons/ChevronDownIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronDownIcon.js","sources":["../../../../../src/components/icon/icons/ChevronDownIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const ChevronDownIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue313\"}</Icon>;\nChevronDownIcon.displayName = \"ChevronDownIcon\";\n"],"names":["ChevronDownIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAAkCC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MAC/FH,EAAgBI,YAAc"}

package/build/es/components/icon/icons/ChevronLeftIcon.js

@@ -0,0 +1,2 @@
+import{jsx as o}from"react/jsx-runtime";import{Icon as r}from"../Icon.js";const e=e=>o(r,{...e,children:""});e.displayName="ChevronLeftIcon";export{e as ChevronLeftIcon};
+//# sourceMappingURL=ChevronLeftIcon.js.map

package/build/es/components/icon/icons/ChevronLeftIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronLeftIcon.js","sources":["../../../../../src/components/icon/icons/ChevronLeftIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const ChevronLeftIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue314\"}</Icon>;\nChevronLeftIcon.displayName = \"ChevronLeftIcon\";\n"],"names":["ChevronLeftIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAAkCC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MAC/FH,EAAgBI,YAAc"}

package/build/es/components/icon/icons/ChevronRightIcon.js

@@ -0,0 +1,2 @@
+import{jsx as o}from"react/jsx-runtime";import{Icon as r}from"../Icon.js";const n=n=>o(r,{...n,children:""});n.displayName="ChevronRightIcon";export{n as ChevronRightIcon};
+//# sourceMappingURL=ChevronRightIcon.js.map

package/build/es/components/icon/icons/ChevronRightIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronRightIcon.js","sources":["../../../../../src/components/icon/icons/ChevronRightIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const ChevronRightIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue315\"}</Icon>;\nChevronRightIcon.displayName = \"ChevronRightIcon\";\n"],"names":["ChevronRightIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAAmCC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MAChGH,EAAiBI,YAAc"}

package/build/es/components/icon/icons/ChevronUpIcon.js

@@ -0,0 +1,2 @@
+import{jsx as o}from"react/jsx-runtime";import{Icon as r}from"../Icon.js";const n=n=>o(r,{...n,children:""});n.displayName="ChevronUpIcon";export{n as ChevronUpIcon};
+//# sourceMappingURL=ChevronUpIcon.js.map

package/build/es/components/icon/icons/ChevronUpIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronUpIcon.js","sources":["../../../../../src/components/icon/icons/ChevronUpIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const ChevronUpIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue316\"}</Icon>;\nChevronUpIcon.displayName = \"ChevronUpIcon\";\n"],"names":["ChevronUpIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAAgCC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MAC7FH,EAAcI,YAAc"}

package/build/es/components/icon/icons/CloseIcon.js

@@ -0,0 +1,2 @@
+import{jsx as o}from"react/jsx-runtime";import{Icon as s}from"../Icon.js";const r=r=>o(s,{...r,children:""});r.displayName="CloseIcon";export{r as CloseIcon};
+//# sourceMappingURL=CloseIcon.js.map

package/build/es/components/icon/icons/CloseIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloseIcon.js","sources":["../../../../../src/components/icon/icons/CloseIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const CloseIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue5cd\"}</Icon>;\nCloseIcon.displayName = \"CloseIcon\";\n"],"names":["CloseIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAA4BC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MACzFH,EAAUI,YAAc"}

package/build/es/components/icon/icons/CopyIcon.js

@@ -0,0 +1,2 @@
+import{jsx as o}from"react/jsx-runtime";import{Icon as r}from"../Icon.js";const s=s=>o(r,{...s,children:""});s.displayName="CopyIcon";export{s as CopyIcon};
+//# sourceMappingURL=CopyIcon.js.map

package/build/es/components/icon/icons/CopyIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyIcon.js","sources":["../../../../../src/components/icon/icons/CopyIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const CopyIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue14d\"}</Icon>;\nCopyIcon.displayName = \"CopyIcon\";\n"],"names":["CopyIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAA2BC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MACxFH,EAASI,YAAc"}

package/build/es/components/icon/icons/DotsIcon.js

@@ -0,0 +1,2 @@
+import{jsx as o}from"react/jsx-runtime";import{Icon as s}from"../Icon.js";const r=r=>o(s,{...r,children:""});r.displayName="DotsIcon";export{r as DotsIcon};
+//# sourceMappingURL=DotsIcon.js.map

package/build/es/components/icon/icons/DotsIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotsIcon.js","sources":["../../../../../src/components/icon/icons/DotsIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const DotsIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue5d3\"}</Icon>;\nDotsIcon.displayName = \"DotsIcon\";\n"],"names":["DotsIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAA2BC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MACxFH,EAASI,YAAc"}

package/build/es/components/icon/icons/DragIcon.js

@@ -0,0 +1,2 @@
+import{jsx as o}from"react/jsx-runtime";import{Icon as r}from"../Icon.js";const a=a=>o(r,{...a,children:""});a.displayName="DragIcon";export{a as DragIcon};
+//# sourceMappingURL=DragIcon.js.map

package/build/es/components/icon/icons/DragIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragIcon.js","sources":["../../../../../src/components/icon/icons/DragIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const DragIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue945\"}</Icon>;\nDragIcon.displayName = \"DragIcon\";\n"],"names":["DragIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAA2BC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MACxFH,EAASI,YAAc"}

package/build/es/components/icon/icons/ErrorIcon.js

@@ -0,0 +1,2 @@
+import{jsx as r}from"react/jsx-runtime";import{Icon as o}from"../Icon.js";const s=s=>r(o,{bold:!0,filled:!0,...s,children:""});s.displayName="ErrorIcon";export{s as ErrorIcon};
+//# sourceMappingURL=ErrorIcon.js.map

package/build/es/components/icon/icons/ErrorIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorIcon.js","sources":["../../../../../src/components/icon/icons/ErrorIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const ErrorIcon: IconComponent = (props: IconProps) => (\n    <Icon bold filled {...props}>\n        {\"\\uf8b6\"}\n    </Icon>\n);\nErrorIcon.displayName = \"ErrorIcon\";\n"],"names":["ErrorIcon","props","jsx","Icon","bold","filled","children","displayName"],"mappings":"0EAIa,MAAAA,EAA4BC,GACpCC,EAAAC,EAAA,CAAKC,MAAI,EAACC,QAAM,KAAKJ,EACjBK,SACL,MAEJN,EAAUO,YAAc"}

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

@@ -0,0 +1,2 @@
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import s from"classnames";const a=({as:a="div",bold:c=!1,className:l,variant:t="inherit","data-testid":n,style:r,...d})=>e(a,{className:s(l,"jkl-icon","jkl-icon-green-check",`jkl-icon--${t}`,{"jkl-icon--bold":c}),"aria-hidden":"true",style:r,"data-testid":n,...d,children:i("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24px",height:"24px",children:[e("circle",{cx:"12",cy:"12",r:"10"}),e("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"})]})});a.displayName="GreenCheckIcon";export{a as GreenCheckIcon};
+//# sourceMappingURL=GreenCheckIcon.js.map

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

@@ -0,0 +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","jsx","cn","children","jsxs","xmlns","viewBox","width","height","cx","cy","r","fillRule","d","clipRule","displayName"],"mappings":"4EASO,MAAMA,EAAgC,EACzCC,GAAAA,EAAK,MACLC,KAAAA,GAAO,EACPC,UAAAA,EACAC,QAAAA,EAAU,UACV,cAAeC,EACfC,MAAAA,KACGC,KAKCC,EAHOP,EAGN,CACGE,UAAWM,EAAGN,EAAW,WAAY,uBAAwB,aAAaC,IAAW,CACjF,iBAAkBF,IAEtB,cAAY,OACZI,MAAAA,EACA,cAAaD,KACTE,EAEJG,SAAAC,EAAC,OAAIC,MAAM,6BAA6BC,QAAQ,YAAYC,MAAM,OAAOC,OAAO,OAC5EL,SAAA,CAAAF,EAAC,UAAOQ,GAAG,KAAKC,GAAG,KAAKC,EAAE,OAC1BV,EAAC,OAAA,CACGW,SAAS,UACTC,EAAE,2EACFC,SAAS,iBAM7BrB,EAAesB,YAAc"}

package/build/es/components/icon/icons/HamburgerIcon.js

@@ -0,0 +1,2 @@
+import{jsx as r}from"react/jsx-runtime";import{Icon as o}from"../Icon.js";const a=a=>r(o,{...a,children:""});a.displayName="HamburgerIcon";export{a as HamburgerIcon};
+//# sourceMappingURL=HamburgerIcon.js.map

package/build/es/components/icon/icons/HamburgerIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HamburgerIcon.js","sources":["../../../../../src/components/icon/icons/HamburgerIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const HamburgerIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue5d2\"}</Icon>;\nHamburgerIcon.displayName = \"HamburgerIcon\";\n"],"names":["HamburgerIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAAgCC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MAC7FH,EAAcI,YAAc"}

package/build/es/components/icon/icons/InfoIcon.js

@@ -0,0 +1,2 @@
+import{jsx as o}from"react/jsx-runtime";import{Icon as n}from"../Icon.js";const r=r=>o(n,{bold:!0,filled:!0,...r,children:""});r.displayName="InfoIcon";export{r as InfoIcon};
+//# sourceMappingURL=InfoIcon.js.map

package/build/es/components/icon/icons/InfoIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoIcon.js","sources":["../../../../../src/components/icon/icons/InfoIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const InfoIcon: IconComponent = (props: IconProps) => (\n    <Icon bold filled {...props}>\n        {\"\\ue88e\"}\n    </Icon>\n);\nInfoIcon.displayName = \"InfoIcon\";\n"],"names":["InfoIcon","props","jsx","Icon","bold","filled","children","displayName"],"mappings":"0EAIa,MAAAA,EAA2BC,GACnCC,EAAAC,EAAA,CAAKC,MAAI,EAACC,QAAM,KAAKJ,EACjBK,SACL,MAEJN,EAASO,YAAc"}

package/build/es/components/icon/icons/LinkIcon.js

@@ -0,0 +1,2 @@
+import{jsx as o}from"react/jsx-runtime";import{Icon as n}from"../Icon.js";const r=r=>o(n,{...r,children:""});r.displayName="LinkIcon";export{r as LinkIcon};
+//# sourceMappingURL=LinkIcon.js.map

package/build/es/components/icon/icons/LinkIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkIcon.js","sources":["../../../../../src/components/icon/icons/LinkIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const LinkIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue250\"}</Icon>;\nLinkIcon.displayName = \"LinkIcon\";\n"],"names":["LinkIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAA2BC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MACxFH,EAASI,YAAc"}

package/build/es/components/icon/icons/MinusIcon.js

@@ -0,0 +1,2 @@
+import{jsx as o}from"react/jsx-runtime";import{Icon as s}from"../Icon.js";const n=n=>o(s,{...n,children:""});n.displayName="MinusIcon";export{n as MinusIcon};
+//# sourceMappingURL=MinusIcon.js.map

package/build/es/components/icon/icons/MinusIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MinusIcon.js","sources":["../../../../../src/components/icon/icons/MinusIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const MinusIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue15b\"}</Icon>;\nMinusIcon.displayName = \"MinusIcon\";\n"],"names":["MinusIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAA4BC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MACzFH,EAAUI,YAAc"}

package/build/es/components/icon/icons/PenIcon.js

@@ -0,0 +1,2 @@
+import{jsx as o}from"react/jsx-runtime";import{Icon as n}from"../Icon.js";const r=r=>o(n,{...r,children:""});r.displayName="PenIcon";export{r as PenIcon};
+//# sourceMappingURL=PenIcon.js.map

package/build/es/components/icon/icons/PenIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PenIcon.js","sources":["../../../../../src/components/icon/icons/PenIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const PenIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\uf097\"}</Icon>;\nPenIcon.displayName = \"PenIcon\";\n"],"names":["PenIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAA0BC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MACvFH,EAAQI,YAAc"}

package/build/es/components/icon/icons/PlusIcon.js

@@ -0,0 +1,2 @@
+import{jsx as o}from"react/jsx-runtime";import{Icon as s}from"../Icon.js";const r=r=>o(s,{...r,children:""});r.displayName="PlusIcon";export{r as PlusIcon};
+//# sourceMappingURL=PlusIcon.js.map

package/build/es/components/icon/icons/PlusIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlusIcon.js","sources":["../../../../../src/components/icon/icons/PlusIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const PlusIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue145\"}</Icon>;\nPlusIcon.displayName = \"PlusIcon\";\n"],"names":["PlusIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAA2BC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MACxFH,EAASI,YAAc"}

package/build/es/components/icon/icons/QuestionIcon.js

@@ -0,0 +1,2 @@
+import{jsx as o}from"react/jsx-runtime";import{Icon as s}from"../Icon.js";const n=n=>o(s,{...n,children:""});n.displayName="QuestionIcon";export{n as QuestionIcon};
+//# sourceMappingURL=QuestionIcon.js.map

package/build/es/components/icon/icons/QuestionIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionIcon.js","sources":["../../../../../src/components/icon/icons/QuestionIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const QuestionIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue8fd\"}</Icon>;\nQuestionIcon.displayName = \"QuestionIcon\";\n"],"names":["QuestionIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAA+BC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MAC5FH,EAAaI,YAAc"}

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

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

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

@@ -0,0 +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","jsx","cn","children","jsxs","xmlns","viewBox","width","height","cx","cy","r","d","displayName"],"mappings":"4EASO,MAAMA,EAA8B,EACvCC,GAAAA,EAAK,MACLC,KAAAA,GAAO,EACPC,UAAAA,EACAC,QAAAA,EAAU,UACV,cAAeC,EACfC,MAAAA,KACGC,KAKCC,EAHOP,EAGN,CACGE,UAAWM,EAAGN,EAAW,WAAY,qBAAsB,aAAaC,IAAW,CAC/E,iBAAkBF,IAEtB,cAAY,OACZI,MAAAA,EACA,cAAaD,KACTE,EAEJG,SAAAC,EAAC,OAAIC,MAAM,6BAA6BC,QAAQ,YAAYC,MAAM,OAAOC,OAAO,OAC5EL,SAAA,CAAAF,EAAC,UAAOQ,GAAG,KAAKC,GAAG,KAAKC,EAAE,OAC1BV,EAAC,OAAK,CAAAW,EAAE,yDACRX,EAAC,OAAK,CAAAW,EAAE,4DAKxBnB,EAAaoB,YAAc"}

package/build/es/components/icon/icons/SearchIcon.js

@@ -0,0 +1,2 @@
+import{jsx as o}from"react/jsx-runtime";import{Icon as r}from"../Icon.js";const c=c=>o(r,{...c,children:""});c.displayName="SearchIcon";export{c as SearchIcon};
+//# sourceMappingURL=SearchIcon.js.map

package/build/es/components/icon/icons/SearchIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchIcon.js","sources":["../../../../../src/components/icon/icons/SearchIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const SearchIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue8b6\"}</Icon>;\nSearchIcon.displayName = \"SearchIcon\";\n"],"names":["SearchIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAA6BC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MAC1FH,EAAWI,YAAc"}

package/build/es/components/icon/icons/SuccessIcon.js

@@ -0,0 +1,2 @@
+import{jsx as s}from"react/jsx-runtime";import{Icon as c}from"../Icon.js";const o=o=>s(c,{bold:!0,filled:!0,...o,children:""});o.displayName="SuccessIcon";export{o as SuccessIcon};
+//# sourceMappingURL=SuccessIcon.js.map

package/build/es/components/icon/icons/SuccessIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuccessIcon.js","sources":["../../../../../src/components/icon/icons/SuccessIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const SuccessIcon: IconComponent = (props: IconProps) => (\n    <Icon bold filled {...props}>\n        {\"\\uf0be\"}\n    </Icon>\n);\nSuccessIcon.displayName = \"SuccessIcon\";\n"],"names":["SuccessIcon","props","jsx","Icon","bold","filled","children","displayName"],"mappings":"0EAIa,MAAAA,EAA8BC,GACtCC,EAAAC,EAAA,CAAKC,MAAI,EAACC,QAAM,KAAKJ,EACjBK,SACL,MAEJN,EAAYO,YAAc"}

package/build/es/components/icon/icons/ThumbDownIcon.js

@@ -0,0 +1,2 @@
+import{jsx as o}from"react/jsx-runtime";import{Icon as n}from"../Icon.js";const m=m=>o(n,{...m,children:""});m.displayName="ThumbDownIcon";export{m as ThumbDownIcon};
+//# sourceMappingURL=ThumbDownIcon.js.map

package/build/es/components/icon/icons/ThumbDownIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbDownIcon.js","sources":["../../../../../src/components/icon/icons/ThumbDownIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const ThumbDownIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue8db\"}</Icon>;\nThumbDownIcon.displayName = \"ThumbDownIcon\";\n"],"names":["ThumbDownIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAAgCC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MAC7FH,EAAcI,YAAc"}

package/build/es/components/icon/icons/ThumbUpIcon.js

@@ -0,0 +1,2 @@
+import{jsx as o}from"react/jsx-runtime";import{Icon as m}from"../Icon.js";const r=r=>o(m,{...r,children:""});r.displayName="ThumbUpIcon";export{r as ThumbUpIcon};
+//# sourceMappingURL=ThumbUpIcon.js.map

package/build/es/components/icon/icons/ThumbUpIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbUpIcon.js","sources":["../../../../../src/components/icon/icons/ThumbUpIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const ThumbUpIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue8dc\"}</Icon>;\nThumbUpIcon.displayName = \"ThumbUpIcon\";\n"],"names":["ThumbUpIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAA8BC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MAC3FH,EAAYI,YAAc"}

package/build/es/components/icon/icons/TrashCanIcon.js

@@ -0,0 +1,2 @@
+import{jsx as a}from"react/jsx-runtime";import{Icon as o}from"../Icon.js";const r=r=>a(o,{...r,children:""});r.displayName="TrashCanIcon";export{r as TrashCanIcon};
+//# sourceMappingURL=TrashCanIcon.js.map

package/build/es/components/icon/icons/TrashCanIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrashCanIcon.js","sources":["../../../../../src/components/icon/icons/TrashCanIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const TrashCanIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue92e\"}</Icon>;\nTrashCanIcon.displayName = \"TrashCanIcon\";\n"],"names":["TrashCanIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAA+BC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MAC5FH,EAAaI,YAAc"}

package/build/es/components/icon/icons/WarningIcon.js

@@ -0,0 +1,2 @@
+import{jsx as n}from"react/jsx-runtime";import{Icon as o}from"../Icon.js";const r=r=>n(o,{bold:!0,filled:!0,...r,children:""});r.displayName="WarningIcon";export{r as WarningIcon};
+//# sourceMappingURL=WarningIcon.js.map

package/build/es/components/icon/icons/WarningIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WarningIcon.js","sources":["../../../../../src/components/icon/icons/WarningIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const WarningIcon: IconComponent = (props: IconProps) => (\n    <Icon bold filled {...props}>\n        {\"\\uf083\"}\n    </Icon>\n);\nWarningIcon.displayName = \"WarningIcon\";\n"],"names":["WarningIcon","props","jsx","Icon","bold","filled","children","displayName"],"mappings":"0EAIa,MAAAA,EAA8BC,GACtCC,EAAAC,EAAA,CAAKC,MAAI,EAACC,QAAM,KAAKJ,EACjBK,SACL,MAEJN,EAAYO,YAAc"}

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

@@ -0,0 +1,2 @@
+import{jsx as a,jsxs as r}from"react/jsx-runtime";import o from"classnames";import{ArrowLeftIcon as i}from"../ArrowLeftIcon.js";import{ArrowRightIcon as t}from"../ArrowRightIcon.js";const n=({className:n,pointingRight:s,variant:l="inherit",bold:e=!1,...m})=>a("div",{...m,className:o("jkl-icon","jkl-icon--animated",`jkl-icon--${l}`,{"jkl-icon--bold":e},"jkl-animated-horizontal-arrows",n),children:r("div",{className:"jkl-animated-horizontal-arrows__slider","data-show":s?"right":"left",children:[a(i,{className:"jkl-animated-horizontal-arrows__arrow",variant:l,bold:e}),a(t,{className:"jkl-animated-horizontal-arrows__arrow",variant:l,bold:e})]})});n.displayName="ArrowHorizontalAnimated";export{n as ArrowHorizontalAnimated};
+//# sourceMappingURL=ArrowHorizontalAnimated.js.map

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

@@ -0,0 +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":"sLAaO,MAAMA,EAA4D,EACrEC,UAAAA,EACAC,cAAAA,EACAC,QAAAA,EAAU,UACVC,KAAAA,GAAO,KACJC,KAEHC,EAAC,MAAA,IACOD,EACJJ,UAAWM,EACP,WACA,qBACA,aAAaJ,IACb,CAAE,iBAAkBC,GACpB,iCACAH,GAGJO,WAAC,MAAI,CAAAP,UAAU,yCAAyC,YAAWC,EAAgB,QAAU,OACzFM,SAAA,CAAAF,EAACG,EAAc,CAAAR,UAAU,wCAAwCE,QAAAA,EAAkBC,KAAAA,IAClFE,EAAAI,EAAA,CAAeT,UAAU,wCAAwCE,QAAAA,EAAkBC,KAAAA,SAKhGJ,EAAwBW,YAAc"}

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

@@ -0,0 +1,2 @@
+import{jsx as a,jsxs as r}from"react/jsx-runtime";import o from"classnames";import{ArrowDownIcon as i}from"../ArrowDownIcon.js";import{ArrowUpIcon as s}from"../ArrowUpIcon.js";const n=({className:n,pointingDown:l,variant:e="inherit",bold:t=!1,...c})=>a("div",{...c,className:o("jkl-icon","jkl-icon--animated",`jkl-icon--${e}`,{"jkl-icon--bold":t},"jkl-animated-vertical-arrows",n),children:r("div",{className:"jkl-animated-vertical-arrows__slider","data-show":l?"down":"up",children:[a(s,{className:"jkl-animated-vertical-arrows__arrow",variant:e,bold:t}),a(i,{className:"jkl-animated-vertical-arrows__arrow",variant:e,bold:t})]})});n.displayName="ArrowVerticalAnimated";export{n as ArrowVerticalAnimated};
+//# sourceMappingURL=ArrowVerticalAnimated.js.map

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

@@ -0,0 +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":"gLAaO,MAAMA,EAAwD,EACjEC,UAAAA,EACAC,aAAAA,EACAC,QAAAA,EAAU,UACVC,KAAAA,GAAO,KACJC,KAEHC,EAAC,MAAA,IACOD,EACJJ,UAAWM,EACP,WACA,qBACA,aAAaJ,IACb,CAAE,iBAAkBC,GACpB,+BACAH,GAGJO,WAAC,MAAI,CAAAP,UAAU,uCAAuC,YAAWC,EAAe,OAAS,KACrFM,SAAA,CAAAF,EAACG,EAAY,CAAAR,UAAU,sCAAsCE,QAAAA,EAAkBC,KAAAA,IAC9EE,EAAAI,EAAA,CAAcT,UAAU,sCAAsCE,QAAAA,EAAkBC,KAAAA,SAK7FJ,EAAsBW,YAAc"}

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

@@ -0,0 +1,2 @@
+import{jsx as s}from"react/jsx-runtime";import a from"classnames";import{PlusIcon as l}from"../PlusIcon.js";const i=({className:i,isPlus:o,variant:e="inherit",bold:n=!1,...m})=>s("div",{...m,className:a("jkl-icon","jkl-icon--animated",`jkl-icon--${e}`,{"jkl-icon--bold":n},i),children:s(l,{variant:e,bold:n,className:a("jkl-icons-animated__plus","jkl-icons-animated__plus--"+(o?"plus":"close"))})});i.displayName="PlusRemoveAnimated";export{i as PlusRemoveAnimated};
+//# sourceMappingURL=PlusRemoveAnimated.js.map

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

@@ -0,0 +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":"4GAYO,MAAMA,EAAkD,EAC3DC,UAAAA,EACAC,OAAAA,EACAC,QAAAA,EAAU,UACVC,KAAAA,GAAO,KACJC,KAEHC,EAAC,MAAA,IACOD,EACJJ,UAAWM,EAAG,WAAY,qBAAsB,aAAaJ,IAAW,CAAE,iBAAkBC,GAAQH,GAEpGO,SAAAF,EAACG,EAAA,CACGN,QAAAA,EACAC,KAAAA,EACAH,UAAWM,EAAG,2BAA4B,8BAA6BL,EAAS,OAAS,cAKrGF,EAAmBU,YAAc"}

package/build/es/components/icon/index.js

@@ -0,0 +1,2 @@
+import{Icon as o}from"./Icon.js";import{ArrowVerticalAnimated as n}from"./icons/animated/ArrowVerticalAnimated.js";import{ArrowHorizontalAnimated as s}from"./icons/animated/ArrowHorizontalAnimated.js";import{PlusRemoveAnimated as r}from"./icons/animated/PlusRemoveAnimated.js";import{ArrowDownIcon as c}from"./icons/ArrowDownIcon.js";import{ArrowLeftIcon as a}from"./icons/ArrowLeftIcon.js";import{ArrowNorthEastIcon as i}from"./icons/ArrowNorthEastIcon.js";import{ArrowRightIcon as I}from"./icons/ArrowRightIcon.js";import{ArrowUpIcon as m}from"./icons/ArrowUpIcon.js";import{CalendarIcon as t}from"./icons/CalendarIcon.js";import{CheckIcon as e}from"./icons/CheckIcon.js";import{ChevronDownIcon as p}from"./icons/ChevronDownIcon.js";import{ChevronLeftIcon as f}from"./icons/ChevronLeftIcon.js";import{ChevronRightIcon as h}from"./icons/ChevronRightIcon.js";import{ChevronUpIcon as j}from"./icons/ChevronUpIcon.js";import{CloseIcon as C}from"./icons/CloseIcon.js";import{CopyIcon as w}from"./icons/CopyIcon.js";import{DotsIcon as A}from"./icons/DotsIcon.js";import{DragIcon as u}from"./icons/DragIcon.js";import{ErrorIcon as d}from"./icons/ErrorIcon.js";import{GreenCheckIcon as l}from"./icons/GreenCheckIcon.js";import{HamburgerIcon as g}from"./icons/HamburgerIcon.js";import{InfoIcon as v}from"./icons/InfoIcon.js";import{LinkIcon as D}from"./icons/LinkIcon.js";import{PlusIcon as R}from"./icons/PlusIcon.js";import{QuestionIcon as b}from"./icons/QuestionIcon.js";import{RedCrossIcon as k}from"./icons/RedCrossIcon.js";import{SearchIcon as L}from"./icons/SearchIcon.js";import{SuccessIcon as P}from"./icons/SuccessIcon.js";import{WarningIcon as T}from"./icons/WarningIcon.js";import{MinusIcon as U}from"./icons/MinusIcon.js";import{ThumbDownIcon as E}from"./icons/ThumbDownIcon.js";import{ThumbUpIcon as H}from"./icons/ThumbUpIcon.js";import{TrashCanIcon as S}from"./icons/TrashCanIcon.js";import{PenIcon as y}from"./icons/PenIcon.js";export{c as ArrowDownIcon,s as ArrowHorizontalAnimated,a as ArrowLeftIcon,i as ArrowNorthEastIcon,I as ArrowRightIcon,m as ArrowUpIcon,n as ArrowVerticalAnimated,t as CalendarIcon,e as CheckIcon,p as ChevronDownIcon,f as ChevronLeftIcon,h as ChevronRightIcon,j as ChevronUpIcon,C as CloseIcon,w as CopyIcon,A as DotsIcon,u as DragIcon,d as ErrorIcon,l as GreenCheckIcon,g as HamburgerIcon,o as Icon,v as InfoIcon,D as LinkIcon,U as MinusIcon,y as PenIcon,R as PlusIcon,r as PlusRemoveAnimated,b as QuestionIcon,k as RedCrossIcon,L as SearchIcon,P as SuccessIcon,E as ThumbDownIcon,H as ThumbUpIcon,S as TrashCanIcon,T as WarningIcon};
+//# sourceMappingURL=index.js.map

package/build/es/components/icon/index.js.map

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

package/build/es/components/icon/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/build/es/components/icon/types.js.map

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

package/build/es/components/index.js

@@ -1,2 +1,2 @@
-import{SlotComponent as e}from"./SlotComponent.js";import{ScreenReaderOnly as o}from"./ScreenReaderOnly.js";import{Link as t}from"./link/Link.js";import{NavLink as n}from"./link/NavLink.js";import{Loader as a}from"./loader/Loader.js";import{SkeletonAnimation as l}from"./loader/skeletons/SkeletonAnimation.js";import{SkeletonButton as s}from"./loader/skeletons/SkeletonButton.js";import{SkeletonCheckboxGroup as r}from"./loader/skeletons/SkeletonCheckboxGroup.js";import{SkeletonElement as k}from"./loader/skeletons/SkeletonElement.js";import{SkeletonInput as m}from"./loader/skeletons/SkeletonInput.js";import{SkeletonRadioButtonGroup as S}from"./loader/skeletons/SkeletonRadioButtonGroup.js";import{SkeletonTable as i,SkeletonTableHeader as p,SkeletonTableRow as d}from"./loader/skeletons/SkeletonTable.js";import{SkeletonTextArea as u}from"./loader/skeletons/SkeletonTextArea.js";export{t as Link,a as Loader,n as NavLink,o as ScreenReaderOnly,l as SkeletonAnimation,s as SkeletonButton,r as SkeletonCheckboxGroup,k as SkeletonElement,m as SkeletonInput,S as SkeletonRadioButtonGroup,i as SkeletonTable,p as SkeletonTableHeader,d as SkeletonTableRow,u as SkeletonTextArea,e as SlotComponent};
+import{Icon as o}from"./icon/Icon.js";import{ArrowVerticalAnimated as n}from"./icon/icons/animated/ArrowVerticalAnimated.js";import{ArrowHorizontalAnimated as s}from"./icon/icons/animated/ArrowHorizontalAnimated.js";import{PlusRemoveAnimated as r}from"./icon/icons/animated/PlusRemoveAnimated.js";import{ArrowDownIcon as e}from"./icon/icons/ArrowDownIcon.js";import{ArrowLeftIcon as c}from"./icon/icons/ArrowLeftIcon.js";import{ArrowNorthEastIcon as a}from"./icon/icons/ArrowNorthEastIcon.js";import{ArrowRightIcon as i}from"./icon/icons/ArrowRightIcon.js";import{ArrowUpIcon as t}from"./icon/icons/ArrowUpIcon.js";import{CalendarIcon as m}from"./icon/icons/CalendarIcon.js";import{CheckIcon as I}from"./icon/icons/CheckIcon.js";import{ChevronDownIcon as l}from"./icon/icons/ChevronDownIcon.js";import{ChevronLeftIcon as p}from"./icon/icons/ChevronLeftIcon.js";import{ChevronRightIcon as k}from"./icon/icons/ChevronRightIcon.js";import{ChevronUpIcon as f}from"./icon/icons/ChevronUpIcon.js";import{CloseIcon as j}from"./icon/icons/CloseIcon.js";import{CopyIcon as h}from"./icon/icons/CopyIcon.js";import{DotsIcon as S}from"./icon/icons/DotsIcon.js";import{DragIcon as u}from"./icon/icons/DragIcon.js";import{ErrorIcon as C}from"./icon/icons/ErrorIcon.js";import{GreenCheckIcon as d}from"./icon/icons/GreenCheckIcon.js";import{HamburgerIcon as A}from"./icon/icons/HamburgerIcon.js";import{InfoIcon as w}from"./icon/icons/InfoIcon.js";import{LinkIcon as L}from"./icon/icons/LinkIcon.js";import{PlusIcon as R}from"./icon/icons/PlusIcon.js";import{QuestionIcon as b}from"./icon/icons/QuestionIcon.js";import{RedCrossIcon as T}from"./icon/icons/RedCrossIcon.js";import{SearchIcon as v}from"./icon/icons/SearchIcon.js";import{SuccessIcon as g}from"./icon/icons/SuccessIcon.js";import{WarningIcon as D}from"./icon/icons/WarningIcon.js";import{MinusIcon as E}from"./icon/icons/MinusIcon.js";import{ThumbDownIcon as G}from"./icon/icons/ThumbDownIcon.js";import{ThumbUpIcon as P}from"./icon/icons/ThumbUpIcon.js";import{TrashCanIcon as U}from"./icon/icons/TrashCanIcon.js";import{PenIcon as H}from"./icon/icons/PenIcon.js";import{Link as x}from"./link/Link.js";import{NavLink as y}from"./link/NavLink.js";import{LinkList as B}from"./link-list/LinkList.js";import{Loader as N}from"./loader/Loader.js";import{SkeletonAnimation as z}from"./loader/skeletons/SkeletonAnimation.js";import{SkeletonButton as M}from"./loader/skeletons/SkeletonButton.js";import{SkeletonCheckboxGroup as O}from"./loader/skeletons/SkeletonCheckboxGroup.js";import{SkeletonElement as Q}from"./loader/skeletons/SkeletonElement.js";import{SkeletonInput as V}from"./loader/skeletons/SkeletonInput.js";import{SkeletonRadioButtonGroup as W}from"./loader/skeletons/SkeletonRadioButtonGroup.js";import{SkeletonTable as q,SkeletonTableHeader as F,SkeletonTableRow as J}from"./loader/skeletons/SkeletonTable.js";import{SkeletonTextArea as K}from"./loader/skeletons/SkeletonTextArea.js";import{ScreenReaderOnly as X}from"./ScreenReaderOnly.js";import{SlotComponent as Y}from"./SlotComponent.js";export{e as ArrowDownIcon,s as ArrowHorizontalAnimated,c as ArrowLeftIcon,a as ArrowNorthEastIcon,i as ArrowRightIcon,t as ArrowUpIcon,n as ArrowVerticalAnimated,m as CalendarIcon,I as CheckIcon,l as ChevronDownIcon,p as ChevronLeftIcon,k as ChevronRightIcon,f as ChevronUpIcon,j as CloseIcon,h as CopyIcon,S as DotsIcon,u as DragIcon,C as ErrorIcon,d as GreenCheckIcon,A as HamburgerIcon,o as Icon,w as InfoIcon,x as Link,L as LinkIcon,B as LinkList,N as Loader,E as MinusIcon,y as NavLink,H as PenIcon,R as PlusIcon,r as PlusRemoveAnimated,b as QuestionIcon,T as RedCrossIcon,X as ScreenReaderOnly,v as SearchIcon,z as SkeletonAnimation,M as SkeletonButton,O as SkeletonCheckboxGroup,Q as SkeletonElement,V as SkeletonInput,W as SkeletonRadioButtonGroup,q as SkeletonTable,F as SkeletonTableHeader,J as SkeletonTableRow,K as SkeletonTextArea,Y as SlotComponent,g as SuccessIcon,G as ThumbDownIcon,P as ThumbUpIcon,U as TrashCanIcon,D as WarningIcon};
 //# sourceMappingURL=index.js.map

package/build/es/components/link-list/LinkList.js

@@ -0,0 +1,2 @@
+import{jsxs as o,jsx as n}from"react/jsx-runtime";import{c as i}from"../../../clsx-BeLtu-UY.js";import c from"react";import"../icon/Icon.js";import"../icon/icons/animated/ArrowVerticalAnimated.js";import"../icon/icons/animated/ArrowHorizontalAnimated.js";import"../icon/icons/animated/PlusRemoveAnimated.js";import"../icon/icons/ArrowDownIcon.js";import"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.js";import{ArrowRightIcon as s}from"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import"../icon/icons/CalendarIcon.js";import"../icon/icons/CheckIcon.js";import"../icon/icons/ChevronDownIcon.js";import"../icon/icons/ChevronLeftIcon.js";import"../icon/icons/ChevronRightIcon.js";import"../icon/icons/ChevronUpIcon.js";import"../icon/icons/CloseIcon.js";import"../icon/icons/CopyIcon.js";import"../icon/icons/DotsIcon.js";import"../icon/icons/DragIcon.js";import"../icon/icons/ErrorIcon.js";import"../icon/icons/GreenCheckIcon.js";import"../icon/icons/HamburgerIcon.js";import"../icon/icons/InfoIcon.js";import"../icon/icons/LinkIcon.js";import"../icon/icons/PlusIcon.js";import"../icon/icons/QuestionIcon.js";import"../icon/icons/RedCrossIcon.js";import"../icon/icons/SearchIcon.js";import"../icon/icons/SuccessIcon.js";import"../icon/icons/WarningIcon.js";import"../icon/icons/MinusIcon.js";import"../icon/icons/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/PenIcon.js";const r=c.forwardRef((function(c,r){const{as:t="a",children:m,className:e,...a}=c;return o(t,{className:i("jkl-link-list-link",e),ref:r,...a,children:[m,n(s,{className:"jkl-link-list-link__arrow"})]})})),t=({variant:o,className:c,...s})=>n("ordered"===o?"ol":"ul",{className:i("jkl-link-list",c,{"jkl-link-list--ordered":"ordered"===o,"jkl-link-list--unordered":"unordered"===o}),...s});t.Link=r,t.Item=({className:o,...c})=>n("li",{className:i("jkl-link-list-item",o),...c});export{t as LinkList};
+//# sourceMappingURL=LinkList.js.map

package/build/es/components/link-list/LinkList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkList.js","sources":["../../../../src/components/link-list/LinkList.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { ComponentProps, FC } from \"react\";\nimport { PolymorphicPropsWithRef, PolymorphicRef } from \"../../core\";\nimport { ArrowRightIcon } from \"../icon\";\n\nconst Item: FC<ComponentProps<\"li\">> = ({ className, ...rest }) => {\n    return <li className={clsx(\"jkl-link-list-item\", className)} {...rest}></li>;\n};\n\ntype LinkComponent = <ElementType extends React.ElementType = \"a\">(\n    props: PolymorphicPropsWithRef<ElementType>,\n) => React.ReactElement | null;\n\nconst Link = React.forwardRef(function LinkListLink<ElementType extends React.ElementType = \"a\">(\n    props: PolymorphicPropsWithRef<ElementType>,\n    ref: PolymorphicRef<ElementType>,\n) {\n    const { as: Component = \"a\", children, className, ...rest } = props;\n\n    return (\n        <Component className={clsx(\"jkl-link-list-link\", className)} ref={ref} {...rest}>\n            {children}\n            <ArrowRightIcon className=\"jkl-link-list-link__arrow\" />\n        </Component>\n    );\n}) as LinkComponent;\n\ntype UnorderedLinkListProps = React.HTMLAttributes<HTMLUListElement> & {\n    variant: \"unordered\";\n};\n\ntype OrderedLinkListProps = React.HTMLAttributes<HTMLOListElement> & {\n    variant: \"ordered\";\n};\n\ntype LinkListProps = UnorderedLinkListProps | OrderedLinkListProps;\n\nexport const LinkList = ({ variant, className, ...rest }: LinkListProps): React.JSX.Element => {\n    const Component = variant === \"ordered\" ? \"ol\" : \"ul\";\n\n    return (\n        <Component\n            className={clsx(\"jkl-link-list\", className, {\n                \"jkl-link-list--ordered\": variant === \"ordered\",\n                \"jkl-link-list--unordered\": variant === \"unordered\",\n            })}\n            {...rest}\n        />\n    );\n};\n\nLinkList.Link = Link;\nLinkList.Item = Item;\n"],"names":["Link","React","forwardRef","props","ref","as","Component","children","className","rest","jsxs","clsx","jsx","ArrowRightIcon","LinkList","variant","Item"],"mappings":"i9CAKA,MAQMA,EAAOC,EAAMC,YAAW,SAC1BC,EACAC,GAEM,MAAEC,GAAIC,EAAY,IAAKC,SAAAA,EAAUC,UAAAA,KAAcC,GAASN,EAG1D,OAAAO,EAACJ,GAAUE,UAAWG,EAAK,qBAAsBH,GAAYJ,IAAAA,KAAcK,EACtEF,SAAA,CAAAA,EACDK,EAACC,EAAe,CAAAL,UAAU,gCAGtC,IAYaM,EAAW,EAAGC,QAAAA,EAASP,UAAAA,KAAcC,KAI1CG,EAH0B,YAAZG,EAAwB,KAAO,KAG5C,CACGP,UAAWG,EAAK,gBAAiBH,EAAW,CACxC,yBAAsC,YAAZO,EAC1B,2BAAwC,cAAZA,OAE5BN,IAKhBK,EAASd,KAAOA,EAChBc,EAASE,KA/C8B,EAAGR,UAAAA,KAAcC,KAC7CG,EAAC,MAAGJ,UAAWG,EAAK,qBAAsBH,MAAgBC"}

package/build/es/components/link-list/index.js

@@ -0,0 +1,2 @@
+import{LinkList as i}from"./LinkList.js";export{i as LinkList};
+//# sourceMappingURL=index.js.map

package/build/es/components/link-list/index.js.map

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

package/build/hooks/useAriaLiveRegion/useAriaLiveRegion.d.ts

@@ -11,5 +11,5 @@ export interface UseAriaLiveRegionOptions {
  * @returns
  */
 export declare function useAriaLiveRegion(watch: unknown | unknown[], options?: UseAriaLiveRegionOptions): {
-    "aria-live": "off" | "polite" | "assertive" | undefined;
+    "aria-live": "off" | "assertive" | "polite" | undefined;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fremtind/jokul",
-    "version": "0.2.0",
+    "version": "0.3.0",
     "type": "module",
     "publishConfig": {
         "access": "public"
@@ -18,7 +18,9 @@
         "./src/core/styles",
         "./src/core/jkl",
         "./src/core/tokens.less",
+        "./src/components/icon/styles",
         "./src/components/link/styles",
+        "./src/components/link-list/styles",
         "./src/components/loader/styles"
     ],
     "exports": {
@@ -45,7 +47,9 @@
             "import": "./build/es/components/index.js"
         },
         "./styles/core/*": "./src/core/styles/*",
+        "./styles/icon/*": "./src/components/icon/styles/*",
         "./styles/link/*": "./src/components/link/styles/*",
+        "./styles/link-list/*": "./src/components/link-list/styles/*",
         "./styles/loader/*": "./src/components/loader/styles/*"
     },
     "scripts": {
@@ -81,5 +85,5 @@
     "bugs": {
         "url": "https://github.com/fremtind/jokul/issues"
     },
-    "gitHead": "25dd36fb074a7ab6f569cfc2b1d02d7b2e57b2f2"
+    "gitHead": "07329011e77bc365be72db42c5838e91b3ffadea"
 }

package/src/components/icon/styles/icon.css

@@ -0,0 +1,138 @@
+/**
+ * Do not edit directly
+ * Generated on Tue, 10 Sep 2024 05:21:22 GMT
+ */
+@media screen and (prefers-color-scheme: light) {
+  :root {
+    --jkl-icon-grade: 0;
+  }
+}
+[data-theme=light] {
+  --jkl-icon-grade: 0;
+}
+
+@media screen and (prefers-color-scheme: dark) {
+  :root {
+    --jkl-icon-grade: -25;
+  }
+}
+[data-theme=dark] {
+  --jkl-icon-grade: -25;
+}
+
+.jkl-icon {
+  --jkl-icon-fill: 0;
+  font-family: "Fremtind Material Symbols", Arial, Helvetica, sans-serif;
+  font-variation-settings: "FILL" var(--jkl-icon-fill, 0), "GRAD" var(--jkl-icon-grade, 0), "opsz" var(--jkl-icon-opsz, 20);
+  font-feature-settings: "liga";
+  -webkit-font-feature-settings: "liga";
+  font-size: 1.5rem;
+  font-weight: var(--jkl-icon-weight, 300);
+  line-height: 1;
+  display: inline-block;
+  -webkit-font-smoothing: antialiased;
+  transition-timing-function: ease;
+  transition-duration: 150ms;
+  transition-property: font-variation-settings;
+}
+.jkl-icon--bold {
+  --jkl-icon-weight: 500;
+}
+.jkl-icon--filled {
+  --jkl-icon-fill: 1;
+}
+.jkl-icon--medium {
+  --jkl-icon-opsz: 24;
+  font-size: 1.5rem;
+}
+.jkl-icon--small {
+  --jkl-icon-opsz: 20;
+  font-size: 1.25rem;
+}
+.jkl-icon--inherit {
+  --jkl-icon-opsz: 20;
+  font-size: 1em;
+}
+.jkl-icon--animated {
+  display: block;
+}
+
+.jkl-icon-red-cross {
+  --red-cross-circle: var(--jkl-color-background-alert-error);
+  --red-cross-path: #1b1917;
+  width: 1.5rem;
+  height: 1.5rem;
+}
+.jkl-icon-red-cross path {
+  fill: var(--red-cross-path);
+}
+.jkl-icon-red-cross circle {
+  fill: var(--red-cross-circle);
+}
+
+.jkl-icon-green-check {
+  --green-check-circle: var(--jkl-color-background-alert-success);
+  --green-check-path: #1b1917;
+  width: 1.5rem;
+  height: 1.5rem;
+}
+.jkl-icon-green-check path {
+  fill: var(--green-check-path);
+}
+.jkl-icon-green-check circle {
+  fill: var(--green-check-circle);
+}
+
+.jkl-animated-horizontal-arrows,
+.jkl-animated-vertical-arrows {
+  overflow: hidden;
+  width: 1em;
+  height: 1em;
+}
+.jkl-animated-horizontal-arrows__slider,
+.jkl-animated-vertical-arrows__slider {
+  display: flex;
+  transition-timing-function: ease;
+  transition-duration: 250ms;
+  transition-delay: calc(250ms * 0.3333333333);
+  transition-property: transform;
+}
+.jkl-animated-horizontal-arrows__arrow,
+.jkl-animated-vertical-arrows__arrow {
+  flex-shrink: 0;
+}
+
+.jkl-animated-vertical-arrows__slider {
+  flex-direction: column;
+  height: 2em;
+}
+.jkl-animated-vertical-arrows__slider[data-show=up] {
+  transform: translate3d(0, 0, 0);
+}
+.jkl-animated-vertical-arrows__slider[data-show=down] {
+  transform: translate3d(0, -50%, 0);
+}
+
+.jkl-animated-horizontal-arrows__slider {
+  flex-direction: row;
+  width: 2em;
+}
+.jkl-animated-horizontal-arrows__slider[data-show=left] {
+  transform: translate3d(0, 0, 0);
+}
+.jkl-animated-horizontal-arrows__slider[data-show=right] {
+  transform: translate3d(-50%, 0, 0);
+}
+
+.jkl-icons-animated__plus {
+  transition-timing-function: cubic-bezier(0, 0, 0.375, 1.17);
+  transition-duration: 250ms;
+  transition-property: transform;
+  transform-origin: 50% 50%;
+}
+.jkl-icons-animated__plus--plus {
+  transform: rotate(0);
+}
+.jkl-icons-animated__plus--close {
+  transform: rotate(135deg);
+}

package/src/components/icon/styles/icon.min.css

@@ -0,0 +1 @@
+@media screen and (prefers-color-scheme:light){:root{--jkl-icon-grade:0}}[data-theme=light]{--jkl-icon-grade:0}@media screen and (prefers-color-scheme:dark){:root{--jkl-icon-grade:-25}}[data-theme=dark]{--jkl-icon-grade:-25}.jkl-icon{--jkl-icon-fill:0;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;display:inline-block;font-family:Fremtind Material Symbols,Arial,Helvetica,sans-serif;font-size:1.5rem;font-variation-settings:"FILL" var(--jkl-icon-fill,0),"GRAD" var(--jkl-icon-grade,0),"opsz" var(--jkl-icon-opsz,20);font-weight:var(--jkl-icon-weight,300);line-height:1;transition-duration:.15s;transition-property:font-variation-settings;transition-timing-function:ease}.jkl-icon--bold{--jkl-icon-weight:500}.jkl-icon--filled{--jkl-icon-fill:1}.jkl-icon--medium{--jkl-icon-opsz:24;font-size:1.5rem}.jkl-icon--small{--jkl-icon-opsz:20;font-size:1.25rem}.jkl-icon--inherit{--jkl-icon-opsz:20;font-size:1em}.jkl-icon--animated{display:block}.jkl-icon-red-cross{--red-cross-circle:var(--jkl-color-background-alert-error);--red-cross-path:#1b1917;height:1.5rem;width:1.5rem}.jkl-icon-red-cross path{fill:var(--red-cross-path)}.jkl-icon-red-cross circle{fill:var(--red-cross-circle)}.jkl-icon-green-check{--green-check-circle:var(--jkl-color-background-alert-success);--green-check-path:#1b1917;height:1.5rem;width:1.5rem}.jkl-icon-green-check path{fill:var(--green-check-path)}.jkl-icon-green-check circle{fill:var(--green-check-circle)}.jkl-animated-horizontal-arrows,.jkl-animated-vertical-arrows{height:1em;overflow:hidden;width:1em}.jkl-animated-horizontal-arrows__slider,.jkl-animated-vertical-arrows__slider{display:flex;transition-delay:83.33333ms;transition-duration:.25s;transition-property:transform;transition-timing-function:ease}.jkl-animated-horizontal-arrows__arrow,.jkl-animated-vertical-arrows__arrow{flex-shrink:0}.jkl-animated-vertical-arrows__slider{flex-direction:column;height:2em}.jkl-animated-vertical-arrows__slider[data-show=up]{transform:translateZ(0)}.jkl-animated-vertical-arrows__slider[data-show=down]{transform:translate3d(0,-50%,0)}.jkl-animated-horizontal-arrows__slider{flex-direction:row;width:2em}.jkl-animated-horizontal-arrows__slider[data-show=left]{transform:translateZ(0)}.jkl-animated-horizontal-arrows__slider[data-show=right]{transform:translate3d(-50%,0,0)}.jkl-icons-animated__plus{transform-origin:50% 50%;transition-duration:.25s;transition-property:transform;transition-timing-function:cubic-bezier(0,0,.375,1.17)}.jkl-icons-animated__plus--plus{transform:rotate(0)}.jkl-icons-animated__plus--close{transform:rotate(135deg)}