@fremtind/jokul 0.10.1 → 0.11.0

package/build/es/components/select/Select.js

@@ -1,2 +1,2 @@
-import"react/jsx-runtime";import"../../../clsx-BeLtu-UY.js";import"react";import"../../hooks/useAnimatedHeight/useAnimatedHeight.js";import"../../hooks/usePreviousValue/usePreviousValue.js";import"../../hooks/useScreen/useScreen.js";import"../../hooks/useId/useId.js";import"../../hooks/useListNavigation/useListNavigation.js";import"../icon/Icon.js";import"../icon/icons/animated/ArrowVerticalAnimated.js";import"../icon/icons/animated/ArrowHorizontalAnimated.js";import"../icon/icons/animated/PlusRemoveAnimated.js";import"../icon/icons/ArrowDownIcon.js";import"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.js";import"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import"../icon/icons/CalendarIcon.js";import"../icon/icons/CheckIcon.js";import"../icon/icons/ChevronDownIcon.js";import"../icon/icons/ChevronLeftIcon.js";import"../icon/icons/ChevronRightIcon.js";import"../icon/icons/ChevronUpIcon.js";import"../icon/icons/CloseIcon.js";import"../icon/icons/CopyIcon.js";import"../icon/icons/DotsIcon.js";import"../icon/icons/DragIcon.js";import"../icon/icons/ErrorIcon.js";import"../icon/icons/GreenCheckIcon.js";import"../icon/icons/HamburgerIcon.js";import"../icon/icons/InfoIcon.js";import"../icon/icons/LinkIcon.js";import"../icon/icons/PlusIcon.js";import"../icon/icons/QuestionIcon.js";import"../icon/icons/RedCrossIcon.js";import"../icon/icons/SearchIcon.js";import"../icon/icons/SuccessIcon.js";import"../icon/icons/WarningIcon.js";import"../icon/icons/MinusIcon.js";import"../icon/icons/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/PenIcon.js";import"../button/Button.js";import"../card/Card.js";import"../card/CardImage.js";import"../card/NavCard.js";import"../checkbox/Checkbox.js";import"../combobox/Combobox.js";import"../cookie-consent/CookieConsentContext.js";import"react-dom";import"../modal/Modal.js";import"react-a11y-dialog";import"../list/List.js";import"../list/ListItem.js";import"../datepicker/DatePicker.js";import"../icon-button/IconButton.js";import"../tooltip/Tooltip.js";import"../tooltip/TooltipContent.js";import"../tooltip/TooltipTrigger.js";import"../input-group/InputGroup.js";import"../link/Link.js";import"../link/NavLink.js";import"../link-list/LinkList.js";import"../radio-button/RadioButton.js";import"../radio-button/radioGroupContext.js";import"../radio-button/BaseRadioButton.js";import{S as o}from"../../../NativeSelect-EidDABsT.js";import"../tag/Tag.js";import"../text-input/BaseTextArea.js";import"../text-input/BaseTextInput.js";import"../text-input/TextArea.js";import"../text-input/TextInput.js";import"../../utilities/polymorphism/SlotComponent.js";import"../../utilities/valuePair.js";import"./select-utils.js";export{o as Select};
+import"react/jsx-runtime";import"../../../clsx-BeLtu-UY.js";import"react";import"../../hooks/useAnimatedHeight/useAnimatedHeight.js";import"../../hooks/usePreviousValue/usePreviousValue.js";import"../../hooks/useScreen/useScreen.js";import"../../hooks/useId/useId.js";import"../../hooks/useListNavigation/useListNavigation.js";import"../icon/Icon.js";import"../icon/icons/animated/ArrowVerticalAnimated.js";import"../icon/icons/animated/ArrowHorizontalAnimated.js";import"../icon/icons/animated/PlusRemoveAnimated.js";import"../icon/icons/ArrowDownIcon.js";import"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.js";import"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import"../icon/icons/CalendarIcon.js";import"../icon/icons/CheckIcon.js";import"../icon/icons/ChevronDownIcon.js";import"../icon/icons/ChevronLeftIcon.js";import"../icon/icons/ChevronRightIcon.js";import"../icon/icons/ChevronUpIcon.js";import"../icon/icons/CloseIcon.js";import"../icon/icons/CopyIcon.js";import"../icon/icons/DotsIcon.js";import"../icon/icons/DragIcon.js";import"../icon/icons/ErrorIcon.js";import"../icon/icons/GreenCheckIcon.js";import"../icon/icons/HamburgerIcon.js";import"../icon/icons/InfoIcon.js";import"../icon/icons/LinkIcon.js";import"../icon/icons/PlusIcon.js";import"../icon/icons/QuestionIcon.js";import"../icon/icons/RedCrossIcon.js";import"../icon/icons/SearchIcon.js";import"../icon/icons/SuccessIcon.js";import"../icon/icons/WarningIcon.js";import"../icon/icons/MinusIcon.js";import"../icon/icons/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/PenIcon.js";import"../button/Button.js";import"../card/Card.js";import"../card/CardImage.js";import"../card/NavCard.js";import"../checkbox/Checkbox.js";import"../combobox/Combobox.js";import"../cookie-consent/CookieConsentContext.js";import"react-dom";import"../modal/Modal.js";import"react-a11y-dialog";import"../list/List.js";import"../list/ListItem.js";import"../datepicker/DatePicker.js";import"../icon-button/IconButton.js";import"../tooltip/Tooltip.js";import"../tooltip/TooltipContent.js";import"../tooltip/TooltipTrigger.js";import"../input-group/InputGroup.js";import"../link/Link.js";import"../link/NavLink.js";import"../link-list/LinkList.js";import"../popover/Popover.js";import"../radio-button/RadioButton.js";import"../radio-button/radioGroupContext.js";import"../radio-button/BaseRadioButton.js";import{S as o}from"../../../NativeSelect-DwtOOfyt.js";import"../tag/Tag.js";import"../text-input/BaseTextArea.js";import"../text-input/BaseTextInput.js";import"../text-input/TextArea.js";import"../text-input/TextInput.js";import"../../utilities/polymorphism/SlotComponent.js";import"../../utilities/valuePair.js";import"./select-utils.js";export{o as Select};
 //# sourceMappingURL=Select.js.map

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

@@ -1,2 +1,2 @@
-import{N as e,S as t}from"../../../NativeSelect-EidDABsT.js";export{e as NativeSelect,t as Select};
+import{N as e,S as t}from"../../../NativeSelect-DwtOOfyt.js";export{e as NativeSelect,t as Select};
 //# sourceMappingURL=index.js.map

package/build/es/components/tooltip/TooltipContent.js

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useMergeRefs as r,FloatingPortal as o}from"@floating-ui/react";import{c as a}from"../../../clsx-BeLtu-UY.js";import{AnimatePresence as s,motion as i}from"framer-motion";import{forwardRef as n}from"react";import"../../hooks/useScreen/useScreen.js";import{useId as l}from"../../hooks/useId/useId.js";import{useTooltipContext as c}from"./Tooltip.js";function p(t,e=8){switch(!0){case t.startsWith("top"):return{top:e};case t.startsWith("left"):return{left:e,right:-e};case t.startsWith("bottom"):return{top:-e};case t.startsWith("right"):return{left:-e,right:e};default:return{top:e}}}const m=n((function({className:n,children:m,...d},u){const{triggerOn:f,arrowElement:h,isOpen:g,getFloatingProps:j,placement:k,isPositioned:x,middlewareData:{arrow:y},floatingStyles:w,refs:v}=c(),I=r([u,v.setFloating]),P=l("jkl-tooltip-content");let N;if(v.reference.current){const t=getComputedStyle(v.reference.current).getPropertyValue("--jkl-background-color");N=parseInt(t.replace("#",""),16)<8388607.5?"dark":"light"}return t(o,{children:e(s,{children:["hover"===f&&t("span",{ref:v.setDescription,hidden:!0,children:m},`${P}-trigger`),g&&t("span",{className:"jkl",children:e(i.span,{ref:I,initial:{opacity:0,...p(k,5)},animate:{opacity:1,...p(k,0)},exit:{opacity:0,...p(k,-5),transition:{ease:"easeIn",duration:.15}},transition:{ease:"easeOut",duration:.25},"data-placement":k,"aria-live":"click"===f?"assertive":void 0,className:a("jkl-tooltip-content",n),...j({...d,id:P}),style:{...w},"data-theme":N,children:[m,t("span",{"aria-hidden":!0,className:"jkl-tooltip-content__arrow",ref:h,style:{left:x?`${null==y?void 0:y.x}px`:"",top:x?`${null==y?void 0:y.y}px`:""}})]},P)},`${P}-wrapper`)]})})}));export{m as TooltipContent};
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useMergeRefs as r,FloatingPortal as a}from"@floating-ui/react";import{c as o}from"../../../clsx-BeLtu-UY.js";import{LazyMotion as s,domAnimation as i,AnimatePresence as n,m as l}from"framer-motion";import{forwardRef as c}from"react";import"../../hooks/useScreen/useScreen.js";import{useId as p}from"../../hooks/useId/useId.js";import{useTooltipContext as m}from"./Tooltip.js";function d(t,e=8){switch(!0){case t.startsWith("top"):return{top:e};case t.startsWith("left"):return{left:e,right:-e};case t.startsWith("bottom"):return{top:-e};case t.startsWith("right"):return{left:-e,right:e};default:return{top:e}}}const u=c((function({className:c,children:u,...f},h){const{triggerOn:g,arrowElement:j,isOpen:k,getFloatingProps:x,placement:y,isPositioned:w,middlewareData:{arrow:v},floatingStyles:I,refs:P}=m(),N=r([h,P.setFloating]),S=p("jkl-tooltip-content");let W;if(P.reference.current){const t=getComputedStyle(P.reference.current).getPropertyValue("--jkl-background-color");W=parseInt(t.replace("#",""),16)<8388607.5?"dark":"light"}return t(a,{children:t(s,{features:i,children:e(n,{children:["hover"===g&&t("span",{ref:P.setDescription,hidden:!0,children:u},`${S}-trigger`),k&&t("span",{className:"jkl",children:e(l.span,{ref:N,initial:{opacity:0,...d(y,5)},animate:{opacity:1,...d(y,0)},exit:{opacity:0,...d(y,-5),transition:{ease:"easeIn",duration:.15}},transition:{ease:"easeOut",duration:.25},"data-placement":y,"aria-live":"click"===g?"assertive":void 0,className:o("jkl-tooltip-content",c),...x({...f,id:S}),style:{...I},"data-theme":W,children:[u,t("span",{"aria-hidden":!0,className:"jkl-tooltip-content__arrow",ref:j,style:{left:w?`${null==v?void 0:v.x}px`:"",top:w?`${null==v?void 0:v.y}px`:""}})]},S)},`${S}-wrapper`)]})})})}));export{u as TooltipContent};
 //# sourceMappingURL=TooltipContent.js.map

package/build/es/components/tooltip/TooltipContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipContent.js","sources":["../../../../src/components/tooltip/TooltipContent.tsx"],"sourcesContent":["import { type Placement, useMergeRefs, FloatingPortal } from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport React, { HTMLProps, forwardRef } from \"react\";\nimport { useId } from \"../../hooks\";\nimport { useTooltipContext } from \"./Tooltip\";\n\nfunction getPositionAnimation(placement: Placement, value: number = 8) {\n    switch (true) {\n        case placement.startsWith(\"top\"):\n            return {\n                top: value,\n            };\n        case placement.startsWith(\"left\"):\n            return {\n                left: value,\n                right: -value,\n            };\n        case placement.startsWith(\"bottom\"):\n            return {\n                top: -value,\n            };\n        case placement.startsWith(\"right\"):\n            return {\n                left: -value,\n                right: value,\n            };\n\n        default:\n            return {\n                top: value,\n            };\n    }\n}\n\nexport const TooltipContent = forwardRef<HTMLDivElement, HTMLProps<HTMLDivElement>>(function TooltipContent(\n    { className, children, ...props },\n    forwardedRef,\n) {\n    const {\n        triggerOn,\n        arrowElement,\n        isOpen,\n        getFloatingProps,\n        placement,\n        isPositioned,\n        middlewareData: { arrow },\n        floatingStyles,\n        refs,\n    } = useTooltipContext();\n    const ref = useMergeRefs([forwardedRef, refs.setFloating]);\n    const contentId = useId(\"jkl-tooltip-content\");\n\n    // Siden tooltipet rendres på rot må vi hente lokal dark/light-verdi fra triggeren\n    // Vi må gjøre dette for å ta hensyn til at tema kan styres lokalt for deler av UIet\n    let theme: string | undefined;\n    if (refs.reference.current) {\n        const backgroundColor = getComputedStyle(refs.reference.current as HTMLElement).getPropertyValue(\n            \"--jkl-background-color\",\n        );\n        // Sett theme til dark hvis bakgrunnsfargen er mørkere enn 50% av hvit\n        // dette gir oss slingringsmonn i tilfelle verdien av Jøkuls bakgrunnsfarge endres\n        theme = parseInt(backgroundColor.replace(\"#\", \"\"), 16) < 0xffffff / 2 ? \"dark\" : \"light\";\n    }\n\n    return (\n        <FloatingPortal>\n            <AnimatePresence>\n                {/* For å kunne bruke tekstinnholdet i tooltip som beskrivende tekst, selv når ikke\n            tooltip er synlig, må vi rendre et skjult element å referere til for å hente innholdet. */}\n                {triggerOn === \"hover\" && (\n                    <span ref={refs.setDescription} hidden key={`${contentId}-trigger`}>\n                        {children}\n                    </span>\n                )}\n                {isOpen && (\n                    <span className=\"jkl\" key={`${contentId}-wrapper`}>\n                        <motion.span\n                            key={contentId}\n                            ref={ref}\n                            initial={{ opacity: 0, ...getPositionAnimation(placement, 5) }}\n                            animate={{ opacity: 1, ...getPositionAnimation(placement, 0) }}\n                            exit={{\n                                opacity: 0,\n                                ...getPositionAnimation(placement, -5),\n                                transition: { ease: \"easeIn\", duration: 0.15 },\n                            }}\n                            transition={{ ease: \"easeOut\", duration: 0.25 }}\n                            data-placement={placement}\n                            aria-live={triggerOn === \"click\" ? \"assertive\" : undefined}\n                            className={clsx(\"jkl-tooltip-content\", className)}\n                            {...getFloatingProps({ ...props, id: contentId })}\n                            style={{ ...floatingStyles }}\n                            data-theme={theme}\n                        >\n                            {children}\n                            <span\n                                aria-hidden\n                                className=\"jkl-tooltip-content__arrow\"\n                                ref={arrowElement}\n                                style={{\n                                    left: isPositioned ? `${arrow?.x}px` : \"\",\n                                    top: isPositioned ? `${arrow?.y}px` : \"\",\n                                }}\n                            />\n                        </motion.span>\n                    </span>\n                )}\n            </AnimatePresence>\n        </FloatingPortal>\n    );\n});\n"],"names":["getPositionAnimation","placement","value","startsWith","top","left","right","TooltipContent","forwardRef","className","children","props","forwardedRef","triggerOn","arrowElement","isOpen","getFloatingProps","isPositioned","middlewareData","arrow","floatingStyles","refs","useTooltipContext","ref","useMergeRefs","setFloating","contentId","useId","theme","reference","current","backgroundColor","getComputedStyle","getPropertyValue","parseInt","replace","jsx","FloatingPortal","jsxs","AnimatePresence","setDescription","hidden","motion","span","initial","opacity","animate","exit","transition","ease","duration","clsx","id","style","x","y"],"mappings":"oZAOA,SAASA,EAAqBC,EAAsBC,EAAgB,GAChE,QAAQ,GACJ,KAAKD,EAAUE,WAAW,OACf,MAAA,CACHC,IAAKF,GAEb,KAAKD,EAAUE,WAAW,QACf,MAAA,CACHE,KAAMH,EACNI,OAAQJ,GAEhB,KAAKD,EAAUE,WAAW,UACf,MAAA,CACHC,KAAMF,GAEd,KAAKD,EAAUE,WAAW,SACf,MAAA,CACHE,MAAOH,EACPI,MAAOJ,GAGf,QACW,MAAA,CACHE,IAAKF,GAGrB,CAEa,MAAAK,EAAiBC,GAAsD,UAC9EC,UAAAA,EAAWC,SAAAA,KAAaC,GAC1BC,GAEM,MACFC,UAAAA,EACAC,aAAAA,EACAC,OAAAA,EACAC,iBAAAA,EACAf,UAAAA,EACAgB,aAAAA,EACAC,gBAAkBC,MAAAA,GAClBC,eAAAA,EACAC,KAAAA,GACAC,IACEC,EAAMC,EAAa,CAACZ,EAAcS,EAAKI,cACvCC,EAAYC,EAAM,uBAIpBC,IAAAA,EACAP,GAAAA,EAAKQ,UAAUC,QAAS,CACxB,MAAMC,EAAkBC,iBAAiBX,EAAKQ,UAAUC,SAAwBG,iBAC5E,0BAIIL,EAAAM,SAASH,EAAgBI,QAAQ,IAAK,IAAK,IAAM,UAAe,OAAS,OACrF,CAGI,OAAAC,EAACC,EACG,CAAA3B,SAAA4B,EAACC,EAGI,CAAA7B,SAAA,CAAc,UAAAG,GACVuB,EAAA,OAAA,CAAKb,IAAKF,EAAKmB,eAAgBC,QAAM,EACjC/B,SAAAA,GADuC,GAAGgB,aAIlDX,GACGqB,EAAC,OAAK,CAAA3B,UAAU,MACZC,SAAA4B,EAACI,EAAOC,KAAP,CAEGpB,IAAAA,EACAqB,QAAS,CAAEC,QAAS,KAAM7C,EAAqBC,EAAW,IAC1D6C,QAAS,CAAED,QAAS,KAAM7C,EAAqBC,EAAW,IAC1D8C,KAAM,CACFF,QAAS,KACN7C,EAAqBC,GAAa,GACrC+C,WAAY,CAAEC,KAAM,SAAUC,SAAU,MAE5CF,WAAY,CAAEC,KAAM,UAAWC,SAAU,KACzC,iBAAgBjD,EAChB,YAAyB,UAAdY,EAAwB,iBAAc,EACjDJ,UAAW0C,EAAK,sBAAuB1C,MACnCO,EAAiB,IAAKL,EAAOyC,GAAI1B,IACrC2B,MAAO,IAAKjC,GACZ,aAAYQ,EAEXlB,SAAA,CAAAA,EACD0B,EAAC,OAAA,CACG,eAAW,EACX3B,UAAU,6BACVc,IAAKT,EACLuC,MAAO,CACHhD,KAAMY,EAAe,GAAG,MAAAE,OAAAA,EAAAA,EAAOmC,MAAQ,GACvClD,IAAKa,EAAe,GAAG,MAAAE,OAAAA,EAAAA,EAAOoC,MAAQ,QAxBzC7B,IAFc,GAAGA,iBAmClD"}
+{"version":3,"file":"TooltipContent.js","sources":["../../../../src/components/tooltip/TooltipContent.tsx"],"sourcesContent":["import { type Placement, useMergeRefs, FloatingPortal } from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport { AnimatePresence, LazyMotion, domAnimation, m } from \"framer-motion\";\nimport React, { HTMLProps, forwardRef } from \"react\";\nimport { useId } from \"../../hooks\";\nimport { useTooltipContext } from \"./Tooltip\";\n\nfunction getPositionAnimation(placement: Placement, value: number = 8) {\n    switch (true) {\n        case placement.startsWith(\"top\"):\n            return {\n                top: value,\n            };\n        case placement.startsWith(\"left\"):\n            return {\n                left: value,\n                right: -value,\n            };\n        case placement.startsWith(\"bottom\"):\n            return {\n                top: -value,\n            };\n        case placement.startsWith(\"right\"):\n            return {\n                left: -value,\n                right: value,\n            };\n\n        default:\n            return {\n                top: value,\n            };\n    }\n}\n\nexport const TooltipContent = forwardRef<HTMLDivElement, HTMLProps<HTMLDivElement>>(function TooltipContent(\n    { className, children, ...props },\n    forwardedRef,\n) {\n    const {\n        triggerOn,\n        arrowElement,\n        isOpen,\n        getFloatingProps,\n        placement,\n        isPositioned,\n        middlewareData: { arrow },\n        floatingStyles,\n        refs,\n    } = useTooltipContext();\n    const ref = useMergeRefs([forwardedRef, refs.setFloating]);\n    const contentId = useId(\"jkl-tooltip-content\");\n\n    // Siden tooltipet rendres på rot må vi hente lokal dark/light-verdi fra triggeren\n    // Vi må gjøre dette for å ta hensyn til at tema kan styres lokalt for deler av UIet\n    let theme: string | undefined;\n    if (refs.reference.current) {\n        const backgroundColor = getComputedStyle(refs.reference.current as HTMLElement).getPropertyValue(\n            \"--jkl-background-color\",\n        );\n        // Sett theme til dark hvis bakgrunnsfargen er mørkere enn 50% av hvit\n        // dette gir oss slingringsmonn i tilfelle verdien av Jøkuls bakgrunnsfarge endres\n        theme = parseInt(backgroundColor.replace(\"#\", \"\"), 16) < 0xffffff / 2 ? \"dark\" : \"light\";\n    }\n\n    return (\n        <FloatingPortal>\n            <LazyMotion features={domAnimation}>\n                <AnimatePresence>\n                    {/* For å kunne bruke tekstinnholdet i tooltip som beskrivende tekst, selv når ikke\n            tooltip er synlig, må vi rendre et skjult element å referere til for å hente innholdet. */}\n                    {triggerOn === \"hover\" && (\n                        <span ref={refs.setDescription} hidden key={`${contentId}-trigger`}>\n                            {children}\n                        </span>\n                    )}\n                    {isOpen && (\n                        <span className=\"jkl\" key={`${contentId}-wrapper`}>\n                            <m.span\n                                key={contentId}\n                                ref={ref}\n                                initial={{ opacity: 0, ...getPositionAnimation(placement, 5) }}\n                                animate={{ opacity: 1, ...getPositionAnimation(placement, 0) }}\n                                exit={{\n                                    opacity: 0,\n                                    ...getPositionAnimation(placement, -5),\n                                    transition: { ease: \"easeIn\", duration: 0.15 },\n                                }}\n                                transition={{ ease: \"easeOut\", duration: 0.25 }}\n                                data-placement={placement}\n                                aria-live={triggerOn === \"click\" ? \"assertive\" : undefined}\n                                className={clsx(\"jkl-tooltip-content\", className)}\n                                {...getFloatingProps({ ...props, id: contentId })}\n                                style={{ ...floatingStyles }}\n                                data-theme={theme}\n                            >\n                                {children}\n                                <span\n                                    aria-hidden\n                                    className=\"jkl-tooltip-content__arrow\"\n                                    ref={arrowElement}\n                                    style={{\n                                        left: isPositioned ? `${arrow?.x}px` : \"\",\n                                        top: isPositioned ? `${arrow?.y}px` : \"\",\n                                    }}\n                                />\n                            </m.span>\n                        </span>\n                    )}\n                </AnimatePresence>\n            </LazyMotion>\n        </FloatingPortal>\n    );\n});\n"],"names":["getPositionAnimation","placement","value","startsWith","top","left","right","TooltipContent","forwardRef","className","children","props","forwardedRef","triggerOn","arrowElement","isOpen","getFloatingProps","isPositioned","middlewareData","arrow","floatingStyles","refs","useTooltipContext","ref","useMergeRefs","setFloating","contentId","useId","theme","reference","current","backgroundColor","getComputedStyle","getPropertyValue","parseInt","replace","FloatingPortal","jsx","LazyMotion","features","domAnimation","AnimatePresence","setDescription","hidden","jsxs","m","span","initial","opacity","animate","exit","transition","ease","duration","clsx","id","style","x","y"],"mappings":"ibAOA,SAASA,EAAqBC,EAAsBC,EAAgB,GAChE,QAAQ,GACJ,KAAKD,EAAUE,WAAW,OACf,MAAA,CACHC,IAAKF,GAEb,KAAKD,EAAUE,WAAW,QACf,MAAA,CACHE,KAAMH,EACNI,OAAQJ,GAEhB,KAAKD,EAAUE,WAAW,UACf,MAAA,CACHC,KAAMF,GAEd,KAAKD,EAAUE,WAAW,SACf,MAAA,CACHE,MAAOH,EACPI,MAAOJ,GAGf,QACW,MAAA,CACHE,IAAKF,GAGrB,CAEa,MAAAK,EAAiBC,GAAsD,UAC9EC,UAAAA,EAAWC,SAAAA,KAAaC,GAC1BC,GAEM,MACFC,UAAAA,EACAC,aAAAA,EACAC,OAAAA,EACAC,iBAAAA,EACAf,UAAAA,EACAgB,aAAAA,EACAC,gBAAkBC,MAAAA,GAClBC,eAAAA,EACAC,KAAAA,GACAC,IACEC,EAAMC,EAAa,CAACZ,EAAcS,EAAKI,cACvCC,EAAYC,EAAM,uBAIpBC,IAAAA,EACAP,GAAAA,EAAKQ,UAAUC,QAAS,CACxB,MAAMC,EAAkBC,iBAAiBX,EAAKQ,UAAUC,SAAwBG,iBAC5E,0BAIIL,EAAAM,SAASH,EAAgBI,QAAQ,IAAK,IAAK,IAAM,UAAe,OAAS,OACrF,CAEA,SACKC,EACG,CAAA1B,SAAA2B,EAACC,GAAWC,SAAUC,EAClB9B,WAAC+B,EAGI,CAAA/B,SAAA,CAAc,UAAAG,GACVwB,EAAA,OAAA,CAAKd,IAAKF,EAAKqB,eAAgBC,QAAM,EACjCjC,SAAAA,GADuC,GAAGgB,aAIlDX,GACGsB,EAAC,OAAK,CAAA5B,UAAU,MACZC,SAAAkC,EAACC,EAAEC,KAAF,CAEGvB,IAAAA,EACAwB,QAAS,CAAEC,QAAS,KAAMhD,EAAqBC,EAAW,IAC1DgD,QAAS,CAAED,QAAS,KAAMhD,EAAqBC,EAAW,IAC1DiD,KAAM,CACFF,QAAS,KACNhD,EAAqBC,GAAa,GACrCkD,WAAY,CAAEC,KAAM,SAAUC,SAAU,MAE5CF,WAAY,CAAEC,KAAM,UAAWC,SAAU,KACzC,iBAAgBpD,EAChB,YAAyB,UAAdY,EAAwB,iBAAc,EACjDJ,UAAW6C,EAAK,sBAAuB7C,MACnCO,EAAiB,IAAKL,EAAO4C,GAAI7B,IACrC8B,MAAO,IAAKpC,GACZ,aAAYQ,EAEXlB,SAAA,CAAAA,EACD2B,EAAC,OAAA,CACG,eAAW,EACX5B,UAAU,6BACVc,IAAKT,EACL0C,MAAO,CACHnD,KAAMY,EAAe,GAAG,MAAAE,OAAAA,EAAAA,EAAOsC,MAAQ,GACvCrD,IAAKa,EAAe,GAAG,MAAAE,OAAAA,EAAAA,EAAOuC,MAAQ,QAxBzChC,IAFc,GAAGA,mBAoCtD"}

package/build/es/index.js

@@ -1,2 +1,2 @@
-import{AccordionItem as o}from"./components/accordion/AccordionItem.js";import{Accordion as s}from"./components/accordion/Accordion.js";import{Breadcrumb as e}from"./components/breadcrumb/Breadcrumb.js";import{BreadcrumbItem as t}from"./components/breadcrumb/BreadcrumbItem.js";import{Button as r,PrimaryButton as n,SecondaryButton as a,TertiaryButton as i}from"./components/button/Button.js";import{Card as m}from"./components/card/Card.js";import{CardImage as c}from"./components/card/CardImage.js";import{InfoBlock as p,NavCard as u}from"./components/card/NavCard.js";import{TaskCard as l}from"./components/card/TaskCard.js";import{InfoCard as f}from"./components/card/InfoCard.js";import{Checkbox as d}from"./components/checkbox/Checkbox.js";import{Combobox as I,getComboboxValuePair as j}from"./components/combobox/Combobox.js";import{CookieConsent as k}from"./components/cookie-consent/CookieConsent.js";import{CookieConsentProvider as g,useCookieConsent as h}from"./components/cookie-consent/CookieConsentContext.js";import{isCorrectFormat as C,isWithinLowerBound as A,isWithinUpperBound as S}from"./components/datepicker/validation.js";import{dayMonthYearRegex as T,formatInput as b,isBlurTargetOutside as L,parseDateString as B}from"./components/datepicker/utils.js";import{DatePicker as R}from"./components/datepicker/DatePicker.js";import{Icon as M}from"./components/icon/Icon.js";import{ArrowVerticalAnimated as v}from"./components/icon/icons/animated/ArrowVerticalAnimated.js";import{ArrowHorizontalAnimated as E}from"./components/icon/icons/animated/ArrowHorizontalAnimated.js";import{PlusRemoveAnimated as w}from"./components/icon/icons/animated/PlusRemoveAnimated.js";import{ArrowDownIcon as O}from"./components/icon/icons/ArrowDownIcon.js";import{ArrowLeftIcon as N}from"./components/icon/icons/ArrowLeftIcon.js";import{ArrowNorthEastIcon as P}from"./components/icon/icons/ArrowNorthEastIcon.js";import{ArrowRightIcon as x}from"./components/icon/icons/ArrowRightIcon.js";import{ArrowUpIcon as G}from"./components/icon/icons/ArrowUpIcon.js";import{CalendarIcon as D}from"./components/icon/icons/CalendarIcon.js";import{CheckIcon as y}from"./components/icon/icons/CheckIcon.js";import{ChevronDownIcon as U}from"./components/icon/icons/ChevronDownIcon.js";import{ChevronLeftIcon as H}from"./components/icon/icons/ChevronLeftIcon.js";import{ChevronRightIcon as W}from"./components/icon/icons/ChevronRightIcon.js";import{ChevronUpIcon as F}from"./components/icon/icons/ChevronUpIcon.js";import{CloseIcon as K}from"./components/icon/icons/CloseIcon.js";import{CopyIcon as V}from"./components/icon/icons/CopyIcon.js";import{DotsIcon as X}from"./components/icon/icons/DotsIcon.js";import{DragIcon as _}from"./components/icon/icons/DragIcon.js";import{ErrorIcon as z}from"./components/icon/icons/ErrorIcon.js";import{GreenCheckIcon as Q}from"./components/icon/icons/GreenCheckIcon.js";import{HamburgerIcon as J}from"./components/icon/icons/HamburgerIcon.js";import{InfoIcon as Y}from"./components/icon/icons/InfoIcon.js";import{LinkIcon as q}from"./components/icon/icons/LinkIcon.js";import{PlusIcon as Z}from"./components/icon/icons/PlusIcon.js";import{QuestionIcon as $}from"./components/icon/icons/QuestionIcon.js";import{RedCrossIcon as oo}from"./components/icon/icons/RedCrossIcon.js";import{SearchIcon as so}from"./components/icon/icons/SearchIcon.js";import{SuccessIcon as eo}from"./components/icon/icons/SuccessIcon.js";import{WarningIcon as to}from"./components/icon/icons/WarningIcon.js";import{MinusIcon as ro}from"./components/icon/icons/MinusIcon.js";import{ThumbDownIcon as no}from"./components/icon/icons/ThumbDownIcon.js";import{ThumbUpIcon as ao}from"./components/icon/icons/ThumbUpIcon.js";import{TrashCanIcon as io}from"./components/icon/icons/TrashCanIcon.js";import{PenIcon as mo}from"./components/icon/icons/PenIcon.js";import{IconButton as co}from"./components/icon-button/IconButton.js";import{Image as po}from"./components/image/Image.js";import{FieldGroup as uo}from"./components/input-group/FieldGroup.js";import{InputGroup as lo}from"./components/input-group/InputGroup.js";import{Label as fo}from"./components/input-group/Label.js";import{SupportLabel as Io}from"./components/input-group/SupportLabel.js";import{Link as jo}from"./components/link/Link.js";import{NavLink as ko}from"./components/link/NavLink.js";import{LinkList as go}from"./components/link-list/LinkList.js";import{List as ho,OrderedList as Co,UnorderedList as Ao}from"./components/list/List.js";import{CheckListItem as So,CrossListItem as To,ListItem as bo}from"./components/list/ListItem.js";import{Loader as Lo}from"./components/loader/Loader.js";import{SkeletonAnimation as Bo}from"./components/loader/skeletons/SkeletonAnimation.js";import{SkeletonButton as Ro}from"./components/loader/skeletons/SkeletonButton.js";import{SkeletonCheckboxGroup as Mo}from"./components/loader/skeletons/SkeletonCheckboxGroup.js";import{SkeletonElement as vo}from"./components/loader/skeletons/SkeletonElement.js";import{SkeletonInput as Eo}from"./components/loader/skeletons/SkeletonInput.js";import{SkeletonRadioButtonGroup as wo}from"./components/loader/skeletons/SkeletonRadioButtonGroup.js";import{SkeletonTable as Oo,SkeletonTableHeader as No,SkeletonTableRow as Po}from"./components/loader/skeletons/SkeletonTable.js";import{SkeletonTextArea as xo}from"./components/loader/skeletons/SkeletonTextArea.js";import{Modal as Go,ModalActions as Do,ModalBody as yo,ModalCloseButton as Uo,ModalContainer as Ho,ModalHeader as Wo,ModalOverlay as Fo,ModalTitle as Ko}from"./components/modal/Modal.js";import{useModal as Vo}from"./components/modal/useModal.js";import{RadioButton as Xo}from"./components/radio-button/RadioButton.js";import{RadioButtonGroup as _o}from"./components/radio-button/RadioButtonGroup.js";import{BaseRadioButton as zo}from"./components/radio-button/BaseRadioButton.js";import{N as Qo,S as Jo}from"../NativeSelect-EidDABsT.js";import{ErrorTag as Yo,InfoTag as qo,SuccessTag as Zo,Tag as $o,WarningTag as os}from"./components/tag/Tag.js";import{BaseTextArea as ss}from"./components/text-input/BaseTextArea.js";import{BaseTextInput as es}from"./components/text-input/BaseTextInput.js";import{TextArea as ts}from"./components/text-input/TextArea.js";import{TextInput as rs}from"./components/text-input/TextInput.js";import{Tooltip as ns}from"./components/tooltip/Tooltip.js";import{TooltipContent as as}from"./components/tooltip/TooltipContent.js";import{TooltipTrigger as is}from"./components/tooltip/TooltipTrigger.js";import{PopupTip as ms}from"./components/tooltip/PopupTip.js";import{ScreenReaderOnly as cs}from"./components/ScreenReaderOnly.js";import{default as ps}from"./core/tokens.js";import{useAnimatedDetails as us}from"./hooks/useAnimatedDetails/useAnimatedDetails.js";import{useAnimatedHeight as ls}from"./hooks/useAnimatedHeight/useAnimatedHeight.js";import{useAnimatedHeightBetween as fs}from"./hooks/useAnimatedHeight/useAnimatedHeightBetween.js";import{useAutoAnimatedHeight as ds}from"./hooks/useAnimatedHeight/useAutoAnimateHeight.js";import{useBrowserPreferences as Is}from"./hooks/useBrowserPreferences/useBrowserPreferences.js";import{useIntersectionObserver as js}from"./hooks/useIntersectionObserver/useIntersectionObserver.js";import{useLocalStorage as ks}from"./hooks/useLocalStorage/useLocalStorage.js";import{useMutationObserver as gs}from"./hooks/useMutationObserver/useMutationObserver.js";import{usePreviousValue as hs}from"./hooks/usePreviousValue/usePreviousValue.js";import{useProgressiveImg as Cs}from"./hooks/useProgressiveImg/useProgressiveImg.js";import{useScreen as As}from"./hooks/useScreen/useScreen.js";import{useScrollIntoView as Ss}from"./hooks/useScrollIntoView/useScrollIntoView.js";import{useAriaLiveRegion as Ts}from"./hooks/useAriaLiveRegion/useAriaLiveRegion.js";import{useClickOutside as bs}from"./hooks/useClickOutside/useClickOutside.js";import{useFocusOutside as Ls}from"./hooks/useFocusOutside/useFocusOutside.js";import{useElementDimensions as Bs}from"./hooks/useElementDimensions/useElementDimensions.js";import{useId as Rs}from"./hooks/useId/useId.js";import{useKeyListener as Ms}from"./hooks/useKeyListener/useKeyListener.js";import{useListNavigation as vs}from"./hooks/useListNavigation/useListNavigation.js";import{useSwipeGesture as Es}from"./hooks/useSwipeGesture/useSwipeGesture.js";import{u as ws}from"../index-DfvUcA5T.js";import{formatNumber as Os}from"./utilities/formatters/util/formatNumber.js";import{parseNumber as Ns}from"./utilities/formatters/util/parseNumber.js";import{registerWithFodselsnummerMask as Ps,registerWithKontonummerMask as xs,registerWithKortnummerMask as Gs,registerWithMasks as Ds,registerWithTelefonnummerMask as ys}from"./utilities/formatters/util/registerWithMask.js";import{formatAvstand as Us}from"./utilities/formatters/avstand/formatAvstand.js";import{formatBytes as Hs}from"./utilities/formatters/bytes/formatBytes.js";import{formatDate as Ws}from"./utilities/formatters/date/formatDate.js";import{FODSELSNUMMER_REGEX as Fs,formatFodselsnummer as Ks}from"./utilities/formatters/fodselsnummer/formatFodselsnummer.js";import{ORGANISASJONSNUMMER_REGEX as Vs,formatOrganisasjonsnummer as Xs}from"./utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.js";import{KONTONUMMER_REGEX as _s,formatKontonummer as zs}from"./utilities/formatters/kontonummer/formatKontonummer.js";import{KORTNUMMER_REGEX as Qs,formatKortnummer as Js}from"./utilities/formatters/kortnummer/formatKortnummer.js";import{TELEFONNUMMER_REGEX as Ys,formatTelefonnummer as qs}from"./utilities/formatters/telefonnummer/formatTelefonnummer.js";import{formatValuta as Zs}from"./utilities/formatters/valuta/formatValuta.js";import{mergeProps as $s}from"./utilities/polymorphism/mergeProps.js";import{mergeRefs as oe}from"./utilities/polymorphism/mergeRefs.js";import{SlotComponent as se}from"./utilities/polymorphism/SlotComponent.js";import{initTabListener as ee}from"./utilities/tabListener.js";import{getValuePair as te}from"./utilities/valuePair.js";export{s as Accordion,o as AccordionItem,O as ArrowDownIcon,E as ArrowHorizontalAnimated,N as ArrowLeftIcon,P as ArrowNorthEastIcon,x as ArrowRightIcon,G as ArrowUpIcon,v as ArrowVerticalAnimated,zo as BaseRadioButton,ss as BaseTextArea,es as BaseTextInput,e as Breadcrumb,t as BreadcrumbItem,r as Button,D as CalendarIcon,m as Card,c as CardImage,y as CheckIcon,So as CheckListItem,d as Checkbox,U as ChevronDownIcon,H as ChevronLeftIcon,W as ChevronRightIcon,F as ChevronUpIcon,K as CloseIcon,I as Combobox,k as CookieConsent,g as CookieConsentProvider,V as CopyIcon,To as CrossListItem,R as DatePicker,X as DotsIcon,_ as DragIcon,z as ErrorIcon,Yo as ErrorTag,Fs as FODSELSNUMMER_REGEX,uo as FieldGroup,Q as GreenCheckIcon,J as HamburgerIcon,M as Icon,co as IconButton,po as Image,p as InfoBlock,f as InfoCard,Y as InfoIcon,qo as InfoTag,lo as InputGroup,_s as KONTONUMMER_REGEX,Qs as KORTNUMMER_REGEX,fo as Label,jo as Link,q as LinkIcon,go as LinkList,ho as List,bo as ListItem,Lo as Loader,ro as MinusIcon,Go as Modal,Do as ModalActions,yo as ModalBody,Uo as ModalCloseButton,Ho as ModalContainer,Wo as ModalHeader,Fo as ModalOverlay,Ko as ModalTitle,Qo as NativeSelect,u as NavCard,ko as NavLink,Vs as ORGANISASJONSNUMMER_REGEX,Co as OrderedList,mo as PenIcon,Z as PlusIcon,w as PlusRemoveAnimated,ms as PopupTip,n as PrimaryButton,$ as QuestionIcon,Xo as RadioButton,_o as RadioButtonGroup,oo as RedCrossIcon,cs as ScreenReaderOnly,so as SearchIcon,a as SecondaryButton,Jo as Select,Bo as SkeletonAnimation,Ro as SkeletonButton,Mo as SkeletonCheckboxGroup,vo as SkeletonElement,Eo as SkeletonInput,wo as SkeletonRadioButtonGroup,Oo as SkeletonTable,No as SkeletonTableHeader,Po as SkeletonTableRow,xo as SkeletonTextArea,se as SlotComponent,eo as SuccessIcon,Zo as SuccessTag,Io as SupportLabel,Ys as TELEFONNUMMER_REGEX,$o as Tag,l as TaskCard,i as TertiaryButton,ts as TextArea,rs as TextInput,no as ThumbDownIcon,ao as ThumbUpIcon,ns as Tooltip,as as TooltipContent,is as TooltipTrigger,io as TrashCanIcon,Ao as UnorderedList,to as WarningIcon,os as WarningTag,T as dayMonthYearRegex,Us as formatAvstand,Hs as formatBytes,Ws as formatDate,Ks as formatFodselsnummer,b as formatInput,zs as formatKontonummer,Js as formatKortnummer,Os as formatNumber,Xs as formatOrganisasjonsnummer,qs as formatTelefonnummer,Zs as formatValuta,j as getComboboxValuePair,te as getValuePair,ee as initTabListener,L as isBlurTargetOutside,C as isCorrectFormat,A as isWithinLowerBound,S as isWithinUpperBound,$s as mergeProps,oe as mergeRefs,B as parseDateString,Ns as parseNumber,Ps as registerWithFodselsnummerMask,xs as registerWithKontonummerMask,Gs as registerWithKortnummerMask,Ds as registerWithMasks,ys as registerWithTelefonnummerMask,ps as tokens,ws as unicode,us as useAnimatedDetails,ls as useAnimatedHeight,fs as useAnimatedHeightBetween,Ts as useAriaLiveRegion,ds as useAutoAnimatedHeight,Is as useBrowserPreferences,bs as useClickOutside,h as useCookieConsent,Bs as useElementDimensions,Ls as useFocusOutside,Rs as useId,js as useIntersectionObserver,Ms as useKeyListener,vs as useListNavigation,ks as useLocalStorage,Vo as useModal,gs as useMutationObserver,hs as usePreviousValue,Cs as useProgressiveImg,As as useScreen,Ss as useScrollIntoView,Es as useSwipeGesture};
+import{AccordionItem as o}from"./components/accordion/AccordionItem.js";import{Accordion as s}from"./components/accordion/Accordion.js";import{Breadcrumb as e}from"./components/breadcrumb/Breadcrumb.js";import{BreadcrumbItem as t}from"./components/breadcrumb/BreadcrumbItem.js";import{Button as r,PrimaryButton as n,SecondaryButton as a,TertiaryButton as i}from"./components/button/Button.js";import{Card as m}from"./components/card/Card.js";import{CardImage as c}from"./components/card/CardImage.js";import{InfoBlock as p,NavCard as u}from"./components/card/NavCard.js";import{TaskCard as l}from"./components/card/TaskCard.js";import{InfoCard as f}from"./components/card/InfoCard.js";import{Checkbox as d}from"./components/checkbox/Checkbox.js";import{Combobox as I,getComboboxValuePair as j}from"./components/combobox/Combobox.js";import{CookieConsent as k}from"./components/cookie-consent/CookieConsent.js";import{CookieConsentProvider as g,useCookieConsent as h}from"./components/cookie-consent/CookieConsentContext.js";import{isCorrectFormat as C,isWithinLowerBound as A,isWithinUpperBound as S}from"./components/datepicker/validation.js";import{dayMonthYearRegex as T,formatInput as b,isBlurTargetOutside as L,parseDateString as B}from"./components/datepicker/utils.js";import{DatePicker as R}from"./components/datepicker/DatePicker.js";import{Icon as v}from"./components/icon/Icon.js";import{ArrowVerticalAnimated as M}from"./components/icon/icons/animated/ArrowVerticalAnimated.js";import{ArrowHorizontalAnimated as E}from"./components/icon/icons/animated/ArrowHorizontalAnimated.js";import{PlusRemoveAnimated as w}from"./components/icon/icons/animated/PlusRemoveAnimated.js";import{ArrowDownIcon as O}from"./components/icon/icons/ArrowDownIcon.js";import{ArrowLeftIcon as P}from"./components/icon/icons/ArrowLeftIcon.js";import{ArrowNorthEastIcon as N}from"./components/icon/icons/ArrowNorthEastIcon.js";import{ArrowRightIcon as x}from"./components/icon/icons/ArrowRightIcon.js";import{ArrowUpIcon as G}from"./components/icon/icons/ArrowUpIcon.js";import{CalendarIcon as D}from"./components/icon/icons/CalendarIcon.js";import{CheckIcon as y}from"./components/icon/icons/CheckIcon.js";import{ChevronDownIcon as U}from"./components/icon/icons/ChevronDownIcon.js";import{ChevronLeftIcon as H}from"./components/icon/icons/ChevronLeftIcon.js";import{ChevronRightIcon as W}from"./components/icon/icons/ChevronRightIcon.js";import{ChevronUpIcon as F}from"./components/icon/icons/ChevronUpIcon.js";import{CloseIcon as K}from"./components/icon/icons/CloseIcon.js";import{CopyIcon as V}from"./components/icon/icons/CopyIcon.js";import{DotsIcon as X}from"./components/icon/icons/DotsIcon.js";import{DragIcon as _}from"./components/icon/icons/DragIcon.js";import{ErrorIcon as z}from"./components/icon/icons/ErrorIcon.js";import{GreenCheckIcon as Q}from"./components/icon/icons/GreenCheckIcon.js";import{HamburgerIcon as J}from"./components/icon/icons/HamburgerIcon.js";import{InfoIcon as Y}from"./components/icon/icons/InfoIcon.js";import{LinkIcon as q}from"./components/icon/icons/LinkIcon.js";import{PlusIcon as Z}from"./components/icon/icons/PlusIcon.js";import{QuestionIcon as $}from"./components/icon/icons/QuestionIcon.js";import{RedCrossIcon as oo}from"./components/icon/icons/RedCrossIcon.js";import{SearchIcon as so}from"./components/icon/icons/SearchIcon.js";import{SuccessIcon as eo}from"./components/icon/icons/SuccessIcon.js";import{WarningIcon as to}from"./components/icon/icons/WarningIcon.js";import{MinusIcon as ro}from"./components/icon/icons/MinusIcon.js";import{ThumbDownIcon as no}from"./components/icon/icons/ThumbDownIcon.js";import{ThumbUpIcon as ao}from"./components/icon/icons/ThumbUpIcon.js";import{TrashCanIcon as io}from"./components/icon/icons/TrashCanIcon.js";import{PenIcon as mo}from"./components/icon/icons/PenIcon.js";import{IconButton as co}from"./components/icon-button/IconButton.js";import{Image as po}from"./components/image/Image.js";import{FieldGroup as uo}from"./components/input-group/FieldGroup.js";import{InputGroup as lo}from"./components/input-group/InputGroup.js";import{Label as fo}from"./components/input-group/Label.js";import{SupportLabel as Io}from"./components/input-group/SupportLabel.js";import{Link as jo}from"./components/link/Link.js";import{NavLink as ko}from"./components/link/NavLink.js";import{LinkList as go}from"./components/link-list/LinkList.js";import{List as ho,OrderedList as Co,UnorderedList as Ao}from"./components/list/List.js";import{CheckListItem as So,CrossListItem as To,ListItem as bo}from"./components/list/ListItem.js";import{Loader as Lo}from"./components/loader/Loader.js";import{SkeletonAnimation as Bo}from"./components/loader/skeletons/SkeletonAnimation.js";import{SkeletonButton as Ro}from"./components/loader/skeletons/SkeletonButton.js";import{SkeletonCheckboxGroup as vo}from"./components/loader/skeletons/SkeletonCheckboxGroup.js";import{SkeletonElement as Mo}from"./components/loader/skeletons/SkeletonElement.js";import{SkeletonInput as Eo}from"./components/loader/skeletons/SkeletonInput.js";import{SkeletonRadioButtonGroup as wo}from"./components/loader/skeletons/SkeletonRadioButtonGroup.js";import{SkeletonTable as Oo,SkeletonTableHeader as Po,SkeletonTableRow as No}from"./components/loader/skeletons/SkeletonTable.js";import{SkeletonTextArea as xo}from"./components/loader/skeletons/SkeletonTextArea.js";import{Modal as Go,ModalActions as Do,ModalBody as yo,ModalCloseButton as Uo,ModalContainer as Ho,ModalHeader as Wo,ModalOverlay as Fo,ModalTitle as Ko}from"./components/modal/Modal.js";import{useModal as Vo}from"./components/modal/useModal.js";import{default as Xo}from"./components/popover/Popover.js";import{RadioButton as _o}from"./components/radio-button/RadioButton.js";import{RadioButtonGroup as zo}from"./components/radio-button/RadioButtonGroup.js";import{BaseRadioButton as Qo}from"./components/radio-button/BaseRadioButton.js";import{N as Jo,S as Yo}from"../NativeSelect-DwtOOfyt.js";import{ErrorTag as qo,InfoTag as Zo,SuccessTag as $o,Tag as os,WarningTag as ss}from"./components/tag/Tag.js";import{BaseTextArea as es}from"./components/text-input/BaseTextArea.js";import{BaseTextInput as ts}from"./components/text-input/BaseTextInput.js";import{TextArea as rs}from"./components/text-input/TextArea.js";import{TextInput as ns}from"./components/text-input/TextInput.js";import{Tooltip as as}from"./components/tooltip/Tooltip.js";import{TooltipContent as is}from"./components/tooltip/TooltipContent.js";import{TooltipTrigger as ms}from"./components/tooltip/TooltipTrigger.js";import{PopupTip as cs}from"./components/tooltip/PopupTip.js";import{ScreenReaderOnly as ps}from"./components/ScreenReaderOnly.js";import{default as us}from"./core/tokens.js";import{useAnimatedDetails as ls}from"./hooks/useAnimatedDetails/useAnimatedDetails.js";import{useAnimatedHeight as fs}from"./hooks/useAnimatedHeight/useAnimatedHeight.js";import{useAnimatedHeightBetween as ds}from"./hooks/useAnimatedHeight/useAnimatedHeightBetween.js";import{useAutoAnimatedHeight as Is}from"./hooks/useAnimatedHeight/useAutoAnimateHeight.js";import{useBrowserPreferences as js}from"./hooks/useBrowserPreferences/useBrowserPreferences.js";import{useIntersectionObserver as ks}from"./hooks/useIntersectionObserver/useIntersectionObserver.js";import{useLocalStorage as gs}from"./hooks/useLocalStorage/useLocalStorage.js";import{useMutationObserver as hs}from"./hooks/useMutationObserver/useMutationObserver.js";import{usePreviousValue as Cs}from"./hooks/usePreviousValue/usePreviousValue.js";import{useProgressiveImg as As}from"./hooks/useProgressiveImg/useProgressiveImg.js";import{useScreen as Ss}from"./hooks/useScreen/useScreen.js";import{useScrollIntoView as Ts}from"./hooks/useScrollIntoView/useScrollIntoView.js";import{useAriaLiveRegion as bs}from"./hooks/useAriaLiveRegion/useAriaLiveRegion.js";import{useClickOutside as Ls}from"./hooks/useClickOutside/useClickOutside.js";import{useFocusOutside as Bs}from"./hooks/useFocusOutside/useFocusOutside.js";import{useElementDimensions as Rs}from"./hooks/useElementDimensions/useElementDimensions.js";import{useId as vs}from"./hooks/useId/useId.js";import{useKeyListener as Ms}from"./hooks/useKeyListener/useKeyListener.js";import{useListNavigation as Es}from"./hooks/useListNavigation/useListNavigation.js";import{useSwipeGesture as ws}from"./hooks/useSwipeGesture/useSwipeGesture.js";import{u as Os}from"../index-DfvUcA5T.js";import{formatNumber as Ps}from"./utilities/formatters/util/formatNumber.js";import{parseNumber as Ns}from"./utilities/formatters/util/parseNumber.js";import{registerWithFodselsnummerMask as xs,registerWithKontonummerMask as Gs,registerWithKortnummerMask as Ds,registerWithMasks as ys,registerWithTelefonnummerMask as Us}from"./utilities/formatters/util/registerWithMask.js";import{formatAvstand as Hs}from"./utilities/formatters/avstand/formatAvstand.js";import{formatBytes as Ws}from"./utilities/formatters/bytes/formatBytes.js";import{formatDate as Fs}from"./utilities/formatters/date/formatDate.js";import{FODSELSNUMMER_REGEX as Ks,formatFodselsnummer as Vs}from"./utilities/formatters/fodselsnummer/formatFodselsnummer.js";import{ORGANISASJONSNUMMER_REGEX as Xs,formatOrganisasjonsnummer as _s}from"./utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.js";import{KONTONUMMER_REGEX as zs,formatKontonummer as Qs}from"./utilities/formatters/kontonummer/formatKontonummer.js";import{KORTNUMMER_REGEX as Js,formatKortnummer as Ys}from"./utilities/formatters/kortnummer/formatKortnummer.js";import{TELEFONNUMMER_REGEX as qs,formatTelefonnummer as Zs}from"./utilities/formatters/telefonnummer/formatTelefonnummer.js";import{formatValuta as $s}from"./utilities/formatters/valuta/formatValuta.js";import{mergeProps as oe}from"./utilities/polymorphism/mergeProps.js";import{mergeRefs as se}from"./utilities/polymorphism/mergeRefs.js";import{SlotComponent as ee}from"./utilities/polymorphism/SlotComponent.js";import{initTabListener as te}from"./utilities/tabListener.js";import{getValuePair as re}from"./utilities/valuePair.js";export{s as Accordion,o as AccordionItem,O as ArrowDownIcon,E as ArrowHorizontalAnimated,P as ArrowLeftIcon,N as ArrowNorthEastIcon,x as ArrowRightIcon,G as ArrowUpIcon,M as ArrowVerticalAnimated,Qo as BaseRadioButton,es as BaseTextArea,ts as BaseTextInput,e as Breadcrumb,t as BreadcrumbItem,r as Button,D as CalendarIcon,m as Card,c as CardImage,y as CheckIcon,So as CheckListItem,d as Checkbox,U as ChevronDownIcon,H as ChevronLeftIcon,W as ChevronRightIcon,F as ChevronUpIcon,K as CloseIcon,I as Combobox,k as CookieConsent,g as CookieConsentProvider,V as CopyIcon,To as CrossListItem,R as DatePicker,X as DotsIcon,_ as DragIcon,z as ErrorIcon,qo as ErrorTag,Ks as FODSELSNUMMER_REGEX,uo as FieldGroup,Q as GreenCheckIcon,J as HamburgerIcon,v as Icon,co as IconButton,po as Image,p as InfoBlock,f as InfoCard,Y as InfoIcon,Zo as InfoTag,lo as InputGroup,zs as KONTONUMMER_REGEX,Js as KORTNUMMER_REGEX,fo as Label,jo as Link,q as LinkIcon,go as LinkList,ho as List,bo as ListItem,Lo as Loader,ro as MinusIcon,Go as Modal,Do as ModalActions,yo as ModalBody,Uo as ModalCloseButton,Ho as ModalContainer,Wo as ModalHeader,Fo as ModalOverlay,Ko as ModalTitle,Jo as NativeSelect,u as NavCard,ko as NavLink,Xs as ORGANISASJONSNUMMER_REGEX,Co as OrderedList,mo as PenIcon,Z as PlusIcon,w as PlusRemoveAnimated,Xo as Popover,cs as PopupTip,n as PrimaryButton,$ as QuestionIcon,_o as RadioButton,zo as RadioButtonGroup,oo as RedCrossIcon,ps as ScreenReaderOnly,so as SearchIcon,a as SecondaryButton,Yo as Select,Bo as SkeletonAnimation,Ro as SkeletonButton,vo as SkeletonCheckboxGroup,Mo as SkeletonElement,Eo as SkeletonInput,wo as SkeletonRadioButtonGroup,Oo as SkeletonTable,Po as SkeletonTableHeader,No as SkeletonTableRow,xo as SkeletonTextArea,ee as SlotComponent,eo as SuccessIcon,$o as SuccessTag,Io as SupportLabel,qs as TELEFONNUMMER_REGEX,os as Tag,l as TaskCard,i as TertiaryButton,rs as TextArea,ns as TextInput,no as ThumbDownIcon,ao as ThumbUpIcon,as as Tooltip,is as TooltipContent,ms as TooltipTrigger,io as TrashCanIcon,Ao as UnorderedList,to as WarningIcon,ss as WarningTag,T as dayMonthYearRegex,Hs as formatAvstand,Ws as formatBytes,Fs as formatDate,Vs as formatFodselsnummer,b as formatInput,Qs as formatKontonummer,Ys as formatKortnummer,Ps as formatNumber,_s as formatOrganisasjonsnummer,Zs as formatTelefonnummer,$s as formatValuta,j as getComboboxValuePair,re as getValuePair,te as initTabListener,L as isBlurTargetOutside,C as isCorrectFormat,A as isWithinLowerBound,S as isWithinUpperBound,oe as mergeProps,se as mergeRefs,B as parseDateString,Ns as parseNumber,xs as registerWithFodselsnummerMask,Gs as registerWithKontonummerMask,Ds as registerWithKortnummerMask,ys as registerWithMasks,Us as registerWithTelefonnummerMask,us as tokens,Os as unicode,ls as useAnimatedDetails,fs as useAnimatedHeight,ds as useAnimatedHeightBetween,bs as useAriaLiveRegion,Is as useAutoAnimatedHeight,js as useBrowserPreferences,Ls as useClickOutside,h as useCookieConsent,Rs as useElementDimensions,Bs as useFocusOutside,vs as useId,ks as useIntersectionObserver,Ms as useKeyListener,Es as useListNavigation,gs as useLocalStorage,Vo as useModal,hs as useMutationObserver,Cs as usePreviousValue,As as useProgressiveImg,Ss as useScreen,Ts as useScrollIntoView,ws as useSwipeGesture};
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fremtind/jokul",
-    "version": "0.10.1",
+    "version": "0.11.0",
     "type": "module",
     "publishConfig": {
         "access": "public"
@@ -34,6 +34,7 @@
         "./src/components/list/styles",
         "./src/components/loader/styles",
         "./src/components/modal/styles",
+        "./src/components/popover/styles",
         "./src/components/radio-button/styles",
         "./src/components/select/styles",
         "./src/components/tag/styles",
@@ -86,6 +87,7 @@
         "./styles/list/*": "./src/components/list/styles/*",
         "./styles/loader/*": "./src/components/loader/styles/*",
         "./styles/modal/*": "./src/components/modal/styles/*",
+        "./styles/popover/*": "./src/components/popover/styles/*",
         "./styles/radio-button/*": "./src/components/radio-button/styles/*",
         "./styles/select/*": "./src/components/select/styles/*",
         "./styles/tag/*": "./src/components/tag/styles/*",
@@ -102,9 +104,9 @@
         "react": "^18.0.0"
     },
     "optionalDependencies": {
-        "@floating-ui/react": "^0.24.2",
+        "@floating-ui/react": ">0.24.1 <0.27",
         "date-fns": "^2.30.0",
-        "framer-motion": "^7.10.3",
+        "framer-motion": ">7.10.2 <12",
         "react-a11y-dialog": "^6.2.0"
     },
     "devDependencies": {
@@ -113,8 +115,8 @@
         "autoprefixer": "^10.4.14",
         "change-case": "^4.1.2",
         "clsx": "^2.1.1",
-        "cssnano": "^6.0.1",
-        "cssnano-preset-lite": "^3.0.0",
+        "cssnano": "^7.0.6",
+        "cssnano-preset-lite": "^4.0.3",
         "glob": "^11.0.0",
         "postcss": "^8.4.24",
         "react-hook-form": "^7.44.3",
@@ -132,5 +134,5 @@
     "bugs": {
         "url": "https://github.com/fremtind/jokul/issues"
     },
-    "gitHead": "68c1a048579f405337b81e893be7980e027bd8db"
+    "gitHead": "f8733bc85a9ebf066845b90168857fdf210f7bbe"
 }

package/src/components/button/styles/button.css

@@ -127,7 +127,7 @@ html[data-touchnavigation] .jkl-button--pressed {
   inset: 0;
 }
 html[data-touchnavigation] .jkl-button--primary.jkl-button--pressed::before, html[data-touchnavigation] .jkl-button--secondary.jkl-button--pressed::before, html[data-touchnavigation] .jkl-button--ghost.jkl-button--pressed::before {
-  animation: cubic-bezier(0, 0, 0.375, 1.17) 400ms jkl-flash-u7ypeoj;
+  animation: cubic-bezier(0, 0, 0.375, 1.17) 400ms jkl-flash-ufu0ibb;
 }
 .jkl-button--ghost {
   --border-color: transparent;
@@ -175,7 +175,7 @@ html[data-touchnavigation] .jkl-button--primary.jkl-button--pressed::before, htm
   background-color: transparent;
 }
 html[data-touchnavigation] .jkl-button--tertiary.jkl-button--pressed::before {
-  animation: cubic-bezier(0, 0, 0.375, 1.17) 400ms jkl-tertiary-flash-u7ypeov;
+  animation: cubic-bezier(0, 0, 0.375, 1.17) 400ms jkl-tertiary-flash-ufu0ibz;
 }
 .jkl-button--tertiary:focus-visible {
   border: none;
@@ -227,7 +227,7 @@ html[data-touchnavigation] .jkl-button--tertiary.jkl-button--pressed::before {
   }
 }
 
-@keyframes jkl-flash-u7ypeoj {
+@keyframes jkl-flash-ufu0ibb {
   0% {
     box-shadow: 0 0 0 0 var(--focus-color);
     opacity: 0.5;
@@ -237,7 +237,7 @@ html[data-touchnavigation] .jkl-button--tertiary.jkl-button--pressed::before {
     opacity: 0;
   }
 }
-@keyframes jkl-tertiary-flash-u7ypeov {
+@keyframes jkl-tertiary-flash-ufu0ibz {
   0% {
     box-shadow: 0 0 0 0 var(--focus-color);
     background-color: var(--focus-color);

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

@@ -1 +1 @@
-:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-button-font-size:var(--jkl-body-font-size);--jkl-button-line-height:3rem;--jkl-button-font-weight:700;--jkl-button-min-width:6.5rem;--jkl-button-padding:0 1.5rem;--jkl-button-tertiary-padding:0 0.125rem;--jkl-button-children-padding-with-icon:0.125rem;--jkl-button-tertiary-padding-with-icon:0;--jkl-button-focus-ring-placement:-0.3125rem}@media (width >= 0) and (max-width:679px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-button-line-height:2.75rem}}[data-density=compact],[data-layout-density=compact]{--jkl-button-font-size:var(--jkl-small-font-size);--jkl-button-line-height:2rem;--jkl-button-font-weight:700;--jkl-button-min-width:4.75rem;--jkl-button-padding:0 0.75rem;--jkl-button-tertiary-padding:0 0.125rem;--jkl-button-children-padding-with-icon:0.125rem;--jkl-button-tertiary-padding-with-icon:0.125rem;--jkl-button-focus-ring-placement:-0.1875rem}a.jkl-button{text-decoration:none}.jkl-button{--border-color:var(--jkl-color-background-action);--text-color:var(--jkl-color-background-action);--focus-color:var(--jkl-color-background-action);--background-color:#0000;background-color:var(--background-color);border-style:none;box-sizing:border-box;color:var(--text-color);cursor:pointer;display:inline-flex;font-size:var(--jkl-button-font-size);font-weight:var(--jkl-button-font-weight);height:var(--jkl-button-line-height);justify-content:center;line-height:var(--jkl-button-line-height);min-width:var(--jkl-button-min-width);overflow:visible;position:relative;transform-origin:50% 90%;transition-duration:.15s;transition-property:transform,background-color;transition-timing-function:ease;-webkit-user-select:none;user-select:none}.jkl-button,.jkl-button:active,.jkl-button:focus,.jkl-button:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-button{border-style:revert}.jkl-button,.jkl-button:active,.jkl-button:focus,.jkl-button:hover{outline:revert;outline-style:revert}}.jkl-button:focus-visible,html:not([data-touchnavigation]) .jkl-button:hover{transform:scale(1.05)}.jkl-button:active,html:not([data-mousenavigation]) .jkl-button:active,html:not([data-touchnavigation]) .jkl-button:active{transform:scale(1)}.jkl-button:focus-visible{outline:2px solid var(--jkl-color-border-action);outline-offset:2px}html[data-touchnavigation] .jkl-button--pressed{-webkit-tap-highlight-color:rgba(0,0,0,0);transform:scale(.95)}.jkl-button__content{height:var(--jkl-button-line-height);overflow:hidden}.jkl-button__slider{transition-duration:.15s;transition-property:transform;transition-timing-function:ease}.jkl-button__slider--show-loader{transform:translateY(-51%)}.jkl-button__loader{align-items:center;display:flex;height:var(--jkl-button-line-height);justify-content:center;padding:0}.jkl-button--ghost,.jkl-button--primary,.jkl-button--secondary{border:.0625rem solid var(--border-color);border-radius:999px;padding:var(--jkl-button-padding)}.jkl-button--ghost:before,.jkl-button--primary:before,.jkl-button--secondary:before{border-radius:999px;content:"";inset:0;position:absolute}html[data-touchnavigation] .jkl-button--ghost.jkl-button--pressed:before,html[data-touchnavigation] .jkl-button--primary.jkl-button--pressed:before,html[data-touchnavigation] .jkl-button--secondary.jkl-button--pressed:before{animation:jkl-flash-u7ypeoj .4s cubic-bezier(0,0,.375,1.17)}.jkl-button--ghost{--border-color:#0000;border-radius:.25rem;padding:0 .25rem}.jkl-button--ghost:focus-visible,html:not([data-touchnavigation]) .jkl-button--ghost:hover{--background-color:var(--jkl-color-background-interactive-hover);transform:scale(1)}.jkl-button--ghost.jkl-button--icon-left .jkl-button__children{padding-left:var(--jkl-button-children-padding-with-icon)}.jkl-button--ghost.jkl-button--icon-right .jkl-button__children{padding-right:var(--jkl-button-children-padding-with-icon)}.jkl-button--primary{--background-color:var(--jkl-color-background-action);--text-color:var(--jkl-color-text-on-action)}.jkl-button--secondary{transition-property:box-shadow,transform,background-color}.jkl-button--secondary:focus-visible,.jkl-button--secondary:hover,html[data-touchnavigation] .jkl-button--secondary.jkl-button--pressed{box-shadow:inset 0 0 0 1px var(--border-color),inset 0 0 0 1px var(--border-color)}.jkl-button--tertiary{border-bottom:.0625rem solid var(--border-color);border-top:.0625rem solid #0000;min-width:unset;padding:var(--jkl-button-tertiary-padding);transition:transform .1s cubic-bezier(.6,.2,.35,1),border .1s cubic-bezier(.6,.2,.35,1)}.jkl-button--tertiary:before{background-color:initial;border-radius:100%;content:"";display:block;height:1rem;left:var(--jkl-touch-xcoord,50%);pointer-events:none;position:absolute;top:var(--jkl-touch-ycoord,50%);transform:translate3d(-50%,-50%,0);width:1rem}html[data-touchnavigation] .jkl-button--tertiary.jkl-button--pressed:before{animation:jkl-tertiary-flash-u7ypeov .4s cubic-bezier(0,0,.375,1.17)}.jkl-button--tertiary:focus-visible{border:none}@media screen and (forced-colors:active){.jkl-button--tertiary:focus-visible{border:revert}}.jkl-button--tertiary:focus-visible,.jkl-button--tertiary:hover,html[data-touchnavigation] .jkl-button--tertiary.jkl-button--pressed{border-bottom-color:var(--focus-color);border-bottom-width:.125rem;color:var(--focus-color)}.jkl-button--icon-left .jkl-button__icon,.jkl-button--icon-right .jkl-button__icon{display:inline-block;vertical-align:sub}.jkl-button--icon-left{padding-left:.5rem}.jkl-button--icon-left .jkl-button__children{padding-left:var(--jkl-button-children-padding-with-icon)}.jkl-button--icon-left.jkl-button--tertiary{padding-left:var(--jkl-button-tertiary-padding-with-icon)}.jkl-button--icon-right{padding-right:.5rem}.jkl-button--icon-right .jkl-button__children{padding-right:var(--jkl-button-children-padding-with-icon)}.jkl-button--icon-right.jkl-button--tertiary{padding-right:var(--jkl-button-tertiary-padding-with-icon)}@media screen and (forced-colors:active){.jkl-button.jkl-button--primary:focus:not(a),.jkl-button.jkl-button--primary:hover:not(a),.jkl-button.jkl-button--primary:not(a),.jkl-button.jkl-button--secondary:focus:not(a),.jkl-button.jkl-button--secondary:hover:not(a),.jkl-button.jkl-button--secondary:not(a){border-color:ButtonText}.jkl-button .jkl-loader__dot{background-color:ButtonText}.jkl-button.jkl-button--tertiary{border-left-style:none;border-right-style:none;border-top-style:none;outline-offset:.125rem}}@keyframes jkl-flash-u7ypeoj{0%{box-shadow:0 0 0 0 var(--focus-color);opacity:.5}to{box-shadow:0 0 0 1rem var(--focus-color);opacity:0}}@keyframes jkl-tertiary-flash-u7ypeov{0%{background-color:var(--focus-color);box-shadow:0 0 0 0 var(--focus-color);opacity:.5}to{background-color:var(--focus-color);box-shadow:0 0 0 2.5rem var(--focus-color);opacity:0}}
+:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-button-font-size:var(--jkl-body-font-size);--jkl-button-line-height:3rem;--jkl-button-font-weight:700;--jkl-button-min-width:6.5rem;--jkl-button-padding:0 1.5rem;--jkl-button-tertiary-padding:0 0.125rem;--jkl-button-children-padding-with-icon:0.125rem;--jkl-button-tertiary-padding-with-icon:0;--jkl-button-focus-ring-placement:-0.3125rem}@media (width >= 0) and (max-width:679px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-button-line-height:2.75rem}}[data-density=compact],[data-layout-density=compact]{--jkl-button-font-size:var(--jkl-small-font-size);--jkl-button-line-height:2rem;--jkl-button-font-weight:700;--jkl-button-min-width:4.75rem;--jkl-button-padding:0 0.75rem;--jkl-button-tertiary-padding:0 0.125rem;--jkl-button-children-padding-with-icon:0.125rem;--jkl-button-tertiary-padding-with-icon:0.125rem;--jkl-button-focus-ring-placement:-0.1875rem}a.jkl-button{text-decoration:none}.jkl-button{--border-color:var(--jkl-color-background-action);--text-color:var(--jkl-color-background-action);--focus-color:var(--jkl-color-background-action);--background-color:#0000;background-color:var(--background-color);border-style:none;box-sizing:border-box;color:var(--text-color);cursor:pointer;display:inline-flex;font-size:var(--jkl-button-font-size);font-weight:var(--jkl-button-font-weight);height:var(--jkl-button-line-height);justify-content:center;line-height:var(--jkl-button-line-height);min-width:var(--jkl-button-min-width);overflow:visible;position:relative;transform-origin:50% 90%;transition-duration:.15s;transition-property:transform,background-color;transition-timing-function:ease;-webkit-user-select:none;user-select:none}.jkl-button,.jkl-button:active,.jkl-button:focus,.jkl-button:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-button{border-style:revert}.jkl-button,.jkl-button:active,.jkl-button:focus,.jkl-button:hover{outline:revert;outline-style:revert}}.jkl-button:focus-visible,html:not([data-touchnavigation]) .jkl-button:hover{transform:scale(1.05)}.jkl-button:active,html:not([data-mousenavigation]) .jkl-button:active,html:not([data-touchnavigation]) .jkl-button:active{transform:scale(1)}.jkl-button:focus-visible{outline:2px solid var(--jkl-color-border-action);outline-offset:2px}html[data-touchnavigation] .jkl-button--pressed{transform:scale(.95);-webkit-tap-highlight-color:rgba(0,0,0,0)}.jkl-button__content{height:var(--jkl-button-line-height);overflow:hidden}.jkl-button__slider{transition-duration:.15s;transition-property:transform;transition-timing-function:ease}.jkl-button__slider--show-loader{transform:translateY(-51%)}.jkl-button__loader{align-items:center;display:flex;height:var(--jkl-button-line-height);justify-content:center;padding:0}.jkl-button--ghost,.jkl-button--primary,.jkl-button--secondary{border:.0625rem solid var(--border-color);border-radius:999px;padding:var(--jkl-button-padding)}.jkl-button--ghost:before,.jkl-button--primary:before,.jkl-button--secondary:before{border-radius:999px;content:"";inset:0;position:absolute}html[data-touchnavigation] .jkl-button--ghost.jkl-button--pressed:before,html[data-touchnavigation] .jkl-button--primary.jkl-button--pressed:before,html[data-touchnavigation] .jkl-button--secondary.jkl-button--pressed:before{animation:jkl-flash-ufu0ibb .4s cubic-bezier(0,0,.375,1.17)}.jkl-button--ghost{--border-color:#0000;border-radius:.25rem;padding:0 .25rem}.jkl-button--ghost:focus-visible,html:not([data-touchnavigation]) .jkl-button--ghost:hover{--background-color:var(--jkl-color-background-interactive-hover);transform:scale(1)}.jkl-button--ghost.jkl-button--icon-left .jkl-button__children{padding-left:var(--jkl-button-children-padding-with-icon)}.jkl-button--ghost.jkl-button--icon-right .jkl-button__children{padding-right:var(--jkl-button-children-padding-with-icon)}.jkl-button--primary{--background-color:var(--jkl-color-background-action);--text-color:var(--jkl-color-text-on-action)}.jkl-button--secondary{transition-property:box-shadow,transform,background-color}.jkl-button--secondary:focus-visible,.jkl-button--secondary:hover,html[data-touchnavigation] .jkl-button--secondary.jkl-button--pressed{box-shadow:inset 0 0 0 1px var(--border-color),inset 0 0 0 1px var(--border-color)}.jkl-button--tertiary{border-bottom:.0625rem solid var(--border-color);border-top:.0625rem solid #0000;min-width:unset;padding:var(--jkl-button-tertiary-padding);transition:transform .1s cubic-bezier(.6,.2,.35,1),border .1s cubic-bezier(.6,.2,.35,1)}.jkl-button--tertiary:before{background-color:initial;border-radius:100%;content:"";display:block;height:1rem;left:var(--jkl-touch-xcoord,50%);pointer-events:none;position:absolute;top:var(--jkl-touch-ycoord,50%);transform:translate3d(-50%,-50%,0);width:1rem}html[data-touchnavigation] .jkl-button--tertiary.jkl-button--pressed:before{animation:jkl-tertiary-flash-ufu0ibz .4s cubic-bezier(0,0,.375,1.17)}.jkl-button--tertiary:focus-visible{border:none}@media screen and (forced-colors:active){.jkl-button--tertiary:focus-visible{border:revert}}.jkl-button--tertiary:focus-visible,.jkl-button--tertiary:hover,html[data-touchnavigation] .jkl-button--tertiary.jkl-button--pressed{border-bottom-color:var(--focus-color);border-bottom-width:.125rem;color:var(--focus-color)}.jkl-button--icon-left .jkl-button__icon,.jkl-button--icon-right .jkl-button__icon{display:inline-block;vertical-align:sub}.jkl-button--icon-left{padding-left:.5rem}.jkl-button--icon-left .jkl-button__children{padding-left:var(--jkl-button-children-padding-with-icon)}.jkl-button--icon-left.jkl-button--tertiary{padding-left:var(--jkl-button-tertiary-padding-with-icon)}.jkl-button--icon-right{padding-right:.5rem}.jkl-button--icon-right .jkl-button__children{padding-right:var(--jkl-button-children-padding-with-icon)}.jkl-button--icon-right.jkl-button--tertiary{padding-right:var(--jkl-button-tertiary-padding-with-icon)}@media screen and (forced-colors:active){.jkl-button.jkl-button--primary:focus:not(a),.jkl-button.jkl-button--primary:hover:not(a),.jkl-button.jkl-button--primary:not(a),.jkl-button.jkl-button--secondary:focus:not(a),.jkl-button.jkl-button--secondary:hover:not(a),.jkl-button.jkl-button--secondary:not(a){border-color:ButtonText}.jkl-button .jkl-loader__dot{background-color:ButtonText}.jkl-button.jkl-button--tertiary{border-left-style:none;border-right-style:none;border-top-style:none;outline-offset:.125rem}}@keyframes jkl-flash-ufu0ibb{0%{box-shadow:0 0 0 0 var(--focus-color);opacity:.5}to{box-shadow:0 0 0 1rem var(--focus-color);opacity:0}}@keyframes jkl-tertiary-flash-ufu0ibz{0%{background-color:var(--focus-color);box-shadow:0 0 0 0 var(--focus-color);opacity:.5}to{background-color:var(--focus-color);box-shadow:0 0 0 2.5rem var(--focus-color);opacity:0}}

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

@@ -1 +1 @@
-@charset "UTF-8";:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-info-card-content-wrapper-gap:1rem;--jkl-info-card-title-font-size:var(--jkl-heading-2-font-size);--jkl-info-card-title-line-height:var(--jkl-heading-2-line-height);--jkl-info-card-title-font-weight:var(--jkl-heading-2-font-weight);--jkl-info-card-content-font-size:var(--jkl-body-font-size);--jkl-info-card-content-line-height:var(--jkl-body-line-height);--jkl-info-card-content-font-weight:var(--jkl-body-font-weight)}[data-density=compact],[data-layout-density=compact]{--jkl-info-card-content-wrapper-gap:0.75rem;--jkl-info-card-title-font-size:var(--jkl-heading-4-font-size);--jkl-info-card-title-line-height:var(--jkl-heading-4-line-height);--jkl-info-card-title-font-weight:400;--jkl-info-card-content-font-size:var(--jkl-small-font-size);--jkl-info-card-content-line-height:var(--jkl-small-line-height);--jkl-info-card-content-font-weight:var(--jkl-small-font-weight)}.jkl-info-card{box-sizing:border-box}.jkl-info-card__image{aspect-ratio:3/2;width:100%}.jkl-info-card__title{font-size:var(--jkl-info-card-title-font-size);font-weight:var(--jkl-info-card-title-font-weight);line-height:var(--jkl-info-card-title-line-height)}.jkl-info-card__content-wrapper{align-items:flex-start;display:flex;flex-direction:column;font-size:var(--jkl-info-card-content-font-size);font-weight:var(--jkl-info-card-content-font-weight);gap:var(--jkl-info-card-content-wrapper-gap);line-height:var(--jkl-info-card-content-line-height)}@media screen and (forced-colors:active){.jkl-info-card{border:.125rem solid CanvasText}}@media screen and (prefers-color-scheme:light){:root{--jkl-nav-card-background:#fff;--jkl-nav-card-shadow:0 0.25rem 0.9375rem #252a311a;--jkl-nav-card-shadow--hover:0 0.375rem 1.5625rem #252a311f;--jkl-nav-card-info-border-color:#c8c5c3}}[data-theme=light]{--jkl-nav-card-background:#fff;--jkl-nav-card-shadow:0 0.25rem 0.9375rem #252a311a;--jkl-nav-card-shadow--hover:0 0.375rem 1.5625rem #252a311f;--jkl-nav-card-info-border-color:#c8c5c3}@media screen and (prefers-color-scheme:dark){:root{--jkl-nav-card-background:#313030;--jkl-nav-card-shadow:none;--jkl-nav-card-shadow--hover:none;--jkl-nav-card-info-border-color:#636060}}[data-theme=dark]{--jkl-nav-card-background:#313030;--jkl-nav-card-shadow:none;--jkl-nav-card-shadow--hover:none;--jkl-nav-card-info-border-color:#636060}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-nav-card-content-wrapper-gap:1rem;--jkl-nav-card-info-padding:1.5rem 0 0 0;--jkl-nav-card-link-font-size:var(--jkl-heading-2-font-size);--jkl-nav-card-link-line-height:var(--jkl-heading-2-line-height);--jkl-nav-card-link-font-weight:var(--jkl-heading-2-font-weight);--jkl-nav-card-content-font-size:var(--jkl-body-font-size);--jkl-nav-card-content-line-height:var(--jkl-body-line-height);--jkl-nav-card-content-font-weight:var(--jkl-body-font-weight)}[data-density=compact],[data-layout-density=compact]{--jkl-nav-card-info-padding:0.75rem 0 0 0;--jkl-nav-card-content-font-size:var(--jkl-small-font-size);--jkl-nav-card-content-line-height:var(--jkl-small-line-height);--jkl-nav-card-content-font-weight:var(--jkl-small-font-weight)}.jkl-nav-card{background-color:var(--jkl-nav-card-background);border-radius:.25rem;box-shadow:var(--jkl-nav-card-shadow);box-sizing:border-box;color:var(--jkl-color);display:block;outline:0;overflow:hidden;text-decoration:none;transform:translateZ(0);transition-duration:.15s;transition-property:box-shadow,transform;transition-timing-function:ease}.jkl-nav-card__image{aspect-ratio:3/2;width:100%}.jkl-nav-card__content{align-items:flex-start;display:flex;flex-direction:column;font-size:var(--jkl-nav-card-content-font-size);font-weight:var(--jkl-nav-card-content-font-weight);gap:var(--jkl-nav-card-content-wrapper-gap);line-height:var(--jkl-nav-card-content-line-height)}.jkl-nav-card__link{box-sizing:border-box;font-size:var(--jkl-nav-card-link-font-size);font-weight:var(--jkl-nav-card-link-font-weight);line-height:var(--jkl-nav-card-link-line-height);position:relative}.jkl-nav-card__link:after{alt:" ";content:"→";content:"→"/"";display:inline;margin-left:-.2em;padding-left:.35em;padding-right:.35em}.jkl-nav-card__link--external:after,.jkl-nav-card__link[target=_blank]:after{alt:" ";content:"↗";content:"↗"/""}.jkl-nav-card__description{font-size:var(--jkl-nav-card-content-font-size);font-weight:var(--jkl-nav-card-content-font-weight);line-height:var(--jkl-nav-card-content-line-height)}.jkl-nav-card__info{--jkl-icon-weight:300;border-top:.0625rem solid var(--jkl-nav-card-info-border-color);font-size:1rem;font-weight:400;line-height:1.5rem;padding:var(--jkl-nav-card-info-padding);width:100%}.jkl-nav-card__tag-wrapper{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem}.jkl-nav-card:hover{box-shadow:var(--jkl-nav-card-shadow--hover);transform:translate3d(0,-.25rem,0)}html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus{outline:.125rem solid var(--jkl-color)}@media screen and (forced-colors:active){.jkl-nav-card{border:.125rem solid LinkText;outline:revert}}@media screen and (prefers-color-scheme:light){:root{--jkl-task-card-background--highlighted:#fff;--jkl-task-card-background--normal:#f9f9f9;--jkl-task-card-background--subdued:#ece9e5;--jkl-task-card-shadow:0 0.25rem 0.75rem #252a3108}}[data-theme=light]{--jkl-task-card-background--highlighted:#fff;--jkl-task-card-background--normal:#f9f9f9;--jkl-task-card-background--subdued:#ece9e5;--jkl-task-card-shadow:0 0.25rem 0.75rem #252a3108}@media screen and (prefers-color-scheme:dark){:root{--jkl-task-card-background--highlighted:#313030;--jkl-task-card-background--normal:#313030;--jkl-task-card-background--subdued:#000;--jkl-task-card-shadow:none}}[data-theme=dark]{--jkl-task-card-background--highlighted:#313030;--jkl-task-card-background--normal:#313030;--jkl-task-card-background--subdued:#000;--jkl-task-card-shadow:none}.jkl-task-card{border-radius:.25rem;box-sizing:border-box;transition-duration:.15s;transition-property:background-color;transition-timing-function:ease}.jkl-task-card__content-wrapper{display:block}.jkl-task-card--highlighted,.jkl-task-card--hvit{background-color:var(--jkl-task-card-background--highlighted)}.jkl-task-card--normal,.jkl-task-card--snohvit{background-color:var(--jkl-task-card-background--normal)}.jkl-task-card--sand,.jkl-task-card--subdued{background-color:var(--jkl-task-card-background--subdued)}.jkl-task-card--dis,.jkl-task-card--very-subdued{background-color:var(--jkl-task-card-background--very-subdued)}.jkl-task-card--with-shadow{box-shadow:var(--jkl-task-card-shadow)}@media screen and (forced-colors:active){.jkl-task-card{border:.125rem solid CanvasText}}.jkl-card{--padding-s:var(--jkl-spacing-4);--padding-m:var(--jkl-spacing-12);--padding-l:var(--jkl-spacing-16);--padding-xl:var(--jkl-spacing-24);--border-radius:0.25rem;--border-color:#0000;--border-width:0.0625rem;--background-color:#0000;background-color:var(--background-color);box-sizing:border-box;color:var(--jkl-color-text-default);display:block;overflow:hidden;padding:var(--padding,var(--padding-s));position:relative;text-decoration:none}.jkl-card,.jkl-card:after{border-radius:var(--border-radius)}.jkl-card:after{border:var(--border-width) solid var(--border-color);content:"";inset:0;position:absolute;transition-duration:.1s;transition-property:border-color,border-size;transition-timing-function:ease}@media (min-width:680px){.jkl-card{--padding-s:var(--jkl-spacing-8);--padding-m:var(--jkl-spacing-16);--padding-l:var(--jkl-spacing-24);--padding-xl:var(--jkl-spacing-32)}}.jkl-card[data-padding=s]{--padding:var(--padding-s)}.jkl-card[data-padding=m]{--padding:var(--padding-m)}.jkl-card[data-padding=l]{--padding:var(--padding-l)}.jkl-card[data-padding=xl]{--padding:var(--padding-xl)}.jkl-card--high{--background-color:var(--jkl-color-background-container-high)}.jkl-card--low{--background-color:var(--jkl-color-background-container-low)}.jkl-card--outlined{--border-color:var(--jkl-color-border-separator)}.jkl-card[data-clickable=true]{cursor:pointer}.jkl-card[data-clickable=true]:hover{--border-color:var(--jkl-color-border-separator-hover);--border-width:0.125rem}.jkl-card[data-clickable=true]:focus-visible{outline:2px solid var(--jkl-color-border-action);outline-offset:2px}.jkl-card-image{--margin:calc(var(--padding, 0)*-1);aspect-ratio:var(--image-aspect-ratio,3/2);margin-inline:var(--margin,0);width:calc(100% + var(--padding, 0)*2)}.jkl-card-image--top{margin-top:var(--margin,0)}.jkl-card-image--bottom{margin-bottom:var(--margin,0)}
+@charset "UTF-8";:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-info-card-content-wrapper-gap:1rem;--jkl-info-card-title-font-size:var(--jkl-heading-2-font-size);--jkl-info-card-title-line-height:var(--jkl-heading-2-line-height);--jkl-info-card-title-font-weight:var(--jkl-heading-2-font-weight);--jkl-info-card-content-font-size:var(--jkl-body-font-size);--jkl-info-card-content-line-height:var(--jkl-body-line-height);--jkl-info-card-content-font-weight:var(--jkl-body-font-weight)}[data-density=compact],[data-layout-density=compact]{--jkl-info-card-content-wrapper-gap:0.75rem;--jkl-info-card-title-font-size:var(--jkl-heading-4-font-size);--jkl-info-card-title-line-height:var(--jkl-heading-4-line-height);--jkl-info-card-title-font-weight:400;--jkl-info-card-content-font-size:var(--jkl-small-font-size);--jkl-info-card-content-line-height:var(--jkl-small-line-height);--jkl-info-card-content-font-weight:var(--jkl-small-font-weight)}.jkl-info-card{box-sizing:border-box}.jkl-info-card__image{aspect-ratio:3/2;width:100%}.jkl-info-card__title{font-size:var(--jkl-info-card-title-font-size);font-weight:var(--jkl-info-card-title-font-weight);line-height:var(--jkl-info-card-title-line-height)}.jkl-info-card__content-wrapper{align-items:flex-start;display:flex;flex-direction:column;font-size:var(--jkl-info-card-content-font-size);font-weight:var(--jkl-info-card-content-font-weight);gap:var(--jkl-info-card-content-wrapper-gap);line-height:var(--jkl-info-card-content-line-height)}@media screen and (forced-colors:active){.jkl-info-card{border:.125rem solid CanvasText}}@media screen and (prefers-color-scheme:light){:root{--jkl-nav-card-background:#fff;--jkl-nav-card-shadow:0 0.25rem 0.9375rem #252a311a;--jkl-nav-card-shadow--hover:0 0.375rem 1.5625rem #252a311f;--jkl-nav-card-info-border-color:#c8c5c3}}[data-theme=light]{--jkl-nav-card-background:#fff;--jkl-nav-card-shadow:0 0.25rem 0.9375rem #252a311a;--jkl-nav-card-shadow--hover:0 0.375rem 1.5625rem #252a311f;--jkl-nav-card-info-border-color:#c8c5c3}@media screen and (prefers-color-scheme:dark){:root{--jkl-nav-card-background:#313030;--jkl-nav-card-shadow:none;--jkl-nav-card-shadow--hover:none;--jkl-nav-card-info-border-color:#636060}}[data-theme=dark]{--jkl-nav-card-background:#313030;--jkl-nav-card-shadow:none;--jkl-nav-card-shadow--hover:none;--jkl-nav-card-info-border-color:#636060}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-nav-card-content-wrapper-gap:1rem;--jkl-nav-card-info-padding:1.5rem 0 0 0;--jkl-nav-card-link-font-size:var(--jkl-heading-2-font-size);--jkl-nav-card-link-line-height:var(--jkl-heading-2-line-height);--jkl-nav-card-link-font-weight:var(--jkl-heading-2-font-weight);--jkl-nav-card-content-font-size:var(--jkl-body-font-size);--jkl-nav-card-content-line-height:var(--jkl-body-line-height);--jkl-nav-card-content-font-weight:var(--jkl-body-font-weight)}[data-density=compact],[data-layout-density=compact]{--jkl-nav-card-info-padding:0.75rem 0 0 0;--jkl-nav-card-content-font-size:var(--jkl-small-font-size);--jkl-nav-card-content-line-height:var(--jkl-small-line-height);--jkl-nav-card-content-font-weight:var(--jkl-small-font-weight)}.jkl-nav-card{background-color:var(--jkl-nav-card-background);border-radius:.25rem;box-shadow:var(--jkl-nav-card-shadow);box-sizing:border-box;color:var(--jkl-color);display:block;outline:0;overflow:hidden;text-decoration:none;transform:translateZ(0);transition-duration:.15s;transition-property:box-shadow,transform;transition-timing-function:ease}.jkl-nav-card__image{aspect-ratio:3/2;width:100%}.jkl-nav-card__content{align-items:flex-start;display:flex;flex-direction:column;font-size:var(--jkl-nav-card-content-font-size);font-weight:var(--jkl-nav-card-content-font-weight);gap:var(--jkl-nav-card-content-wrapper-gap);line-height:var(--jkl-nav-card-content-line-height)}.jkl-nav-card__link{box-sizing:border-box;font-size:var(--jkl-nav-card-link-font-size);font-weight:var(--jkl-nav-card-link-font-weight);line-height:var(--jkl-nav-card-link-line-height);position:relative}.jkl-nav-card__link:after{content:"→";content:"→"/"";alt:" ";display:inline;margin-left:-.2em;padding-left:.35em;padding-right:.35em}.jkl-nav-card__link--external:after,.jkl-nav-card__link[target=_blank]:after{content:"↗";content:"↗"/"";alt:" "}.jkl-nav-card__description{font-size:var(--jkl-nav-card-content-font-size);font-weight:var(--jkl-nav-card-content-font-weight);line-height:var(--jkl-nav-card-content-line-height)}.jkl-nav-card__info{border-top:.0625rem solid var(--jkl-nav-card-info-border-color);font-size:1rem;font-weight:400;line-height:1.5rem;padding:var(--jkl-nav-card-info-padding);--jkl-icon-weight:300;width:100%}.jkl-nav-card__tag-wrapper{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem}.jkl-nav-card:hover{box-shadow:var(--jkl-nav-card-shadow--hover);transform:translate3d(0,-.25rem,0)}html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus{outline:.125rem solid var(--jkl-color)}@media screen and (forced-colors:active){.jkl-nav-card{border:.125rem solid LinkText;outline:revert}}@media screen and (prefers-color-scheme:light){:root{--jkl-task-card-background--highlighted:#fff;--jkl-task-card-background--normal:#f9f9f9;--jkl-task-card-background--subdued:#ece9e5;--jkl-task-card-shadow:0 0.25rem 0.75rem #252a3108}}[data-theme=light]{--jkl-task-card-background--highlighted:#fff;--jkl-task-card-background--normal:#f9f9f9;--jkl-task-card-background--subdued:#ece9e5;--jkl-task-card-shadow:0 0.25rem 0.75rem #252a3108}@media screen and (prefers-color-scheme:dark){:root{--jkl-task-card-background--highlighted:#313030;--jkl-task-card-background--normal:#313030;--jkl-task-card-background--subdued:#000;--jkl-task-card-shadow:none}}[data-theme=dark]{--jkl-task-card-background--highlighted:#313030;--jkl-task-card-background--normal:#313030;--jkl-task-card-background--subdued:#000;--jkl-task-card-shadow:none}.jkl-task-card{border-radius:.25rem;box-sizing:border-box;transition-duration:.15s;transition-property:background-color;transition-timing-function:ease}.jkl-task-card__content-wrapper{display:block}.jkl-task-card--highlighted,.jkl-task-card--hvit{background-color:var(--jkl-task-card-background--highlighted)}.jkl-task-card--normal,.jkl-task-card--snohvit{background-color:var(--jkl-task-card-background--normal)}.jkl-task-card--sand,.jkl-task-card--subdued{background-color:var(--jkl-task-card-background--subdued)}.jkl-task-card--dis,.jkl-task-card--very-subdued{background-color:var(--jkl-task-card-background--very-subdued)}.jkl-task-card--with-shadow{box-shadow:var(--jkl-task-card-shadow)}@media screen and (forced-colors:active){.jkl-task-card{border:.125rem solid CanvasText}}.jkl-card{--padding-s:var(--jkl-spacing-4);--padding-m:var(--jkl-spacing-12);--padding-l:var(--jkl-spacing-16);--padding-xl:var(--jkl-spacing-24);--border-radius:0.25rem;--border-color:#0000;--border-width:0.0625rem;--background-color:#0000;background-color:var(--background-color);box-sizing:border-box;color:var(--jkl-color-text-default);display:block;overflow:hidden;padding:var(--padding,var(--padding-s));position:relative;text-decoration:none}.jkl-card,.jkl-card:after{border-radius:var(--border-radius)}.jkl-card:after{border:var(--border-width) solid var(--border-color);content:"";inset:0;position:absolute;transition-duration:.1s;transition-property:border-color,border-size;transition-timing-function:ease}@media (min-width:680px){.jkl-card{--padding-s:var(--jkl-spacing-8);--padding-m:var(--jkl-spacing-16);--padding-l:var(--jkl-spacing-24);--padding-xl:var(--jkl-spacing-32)}}.jkl-card[data-padding=s]{--padding:var(--padding-s)}.jkl-card[data-padding=m]{--padding:var(--padding-m)}.jkl-card[data-padding=l]{--padding:var(--padding-l)}.jkl-card[data-padding=xl]{--padding:var(--padding-xl)}.jkl-card--high{--background-color:var(--jkl-color-background-container-high)}.jkl-card--low{--background-color:var(--jkl-color-background-container-low)}.jkl-card--outlined{--border-color:var(--jkl-color-border-separator)}.jkl-card[data-clickable=true]{cursor:pointer}.jkl-card[data-clickable=true]:hover{--border-color:var(--jkl-color-border-separator-hover);--border-width:0.125rem}.jkl-card[data-clickable=true]:focus-visible{outline:2px solid var(--jkl-color-border-action);outline-offset:2px}.jkl-card-image{--margin:calc(var(--padding, 0)*-1);aspect-ratio:var(--image-aspect-ratio,3/2);margin-inline:var(--margin,0);width:calc(100% + var(--padding, 0)*2)}.jkl-card-image--top{margin-top:var(--margin,0)}.jkl-card-image--bottom{margin-bottom:var(--margin,0)}

package/src/components/checkbox/styles/checkbox.css

@@ -32,7 +32,7 @@
   --jkl-checkbox-line-height: 1.5rem;
 }
 
-@keyframes jkl-checkbox-checked-uj4c9re {
+@keyframes jkl-checkbox-checked-u4fxjlc {
   0% {
     width: 0;
     height: 0;
@@ -46,7 +46,7 @@
     height: 58%;
   }
 }
-@keyframes jkl-checkbox-indeterminate-uj4c9s8 {
+@keyframes jkl-checkbox-indeterminate-u4fxjm2 {
   0% {
     width: 0;
   }
@@ -74,11 +74,11 @@
   top: -6px;
 }
 .jkl-checkbox__input:checked + .jkl-checkbox__label .jkl-checkbox__check-mark::after {
-  animation: jkl-checkbox-checked-uj4c9re 150ms ease-in-out forwards;
+  animation: jkl-checkbox-checked-u4fxjlc 150ms ease-in-out forwards;
   opacity: 1;
 }
 .jkl-checkbox__input:indeterminate:not(:checked) + .jkl-checkbox__label .jkl-checkbox__indeterminate-mark::after {
-  animation: jkl-checkbox-indeterminate-uj4c9s8 150ms ease-in-out forwards;
+  animation: jkl-checkbox-indeterminate-u4fxjm2 150ms ease-in-out forwards;
   opacity: 1;
 }
 .jkl-checkbox__input:focus-visible + .jkl-checkbox__label {

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

@@ -1 +1 @@
-:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-checkbox-font-size:var(--jkl-body-font-size);--jkl-checkbox-line-height:var(--jkl-body-line-height);--jkl-checkbox-font-weight:var(--jkl-body-font-weight);--jkl-checkbox-height:3rem;--jkl-checkbox-box-size:1.5rem;--jkl-checkbox-line-height:2rem}@media (width >= 0) and (max-width:679px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-checkbox-height:2.5rem;--jkl-checkbox-box-size:1.5rem;--jkl-checkbox-line-height:1.75rem}}[data-density=compact],[data-layout-density=compact]{--jkl-checkbox-font-size:var(--jkl-small-font-size);--jkl-checkbox-line-height:var(--jkl-small-line-height);--jkl-checkbox-font-weight:var(--jkl-small-font-weight);--jkl-checkbox-height:1.75rem;--jkl-checkbox-box-size:1.125rem;--jkl-checkbox-line-height:1.5rem}@keyframes jkl-checkbox-checked-uj4c9re{0%{height:0;width:0}40%{height:0;width:18%}to{height:58%;width:18%}}@keyframes jkl-checkbox-indeterminate-uj4c9s8{0%{width:0}to{width:66%}}.jkl-checkbox{--box-color:var(--jkl-color-border-action);--check-color:var(--jkl-color-border-action);--text-color:var(--jkl-color-text-default);--background-color:#0000;color:var(--text-color);display:flex;flex-wrap:wrap;font-size:var(--jkl-checkbox-font-size);font-weight:var(--jkl-checkbox-font-weight);line-height:var(--jkl-checkbox-line-height);min-height:var(--jkl-checkbox-height);position:relative}.jkl-checkbox__input{opacity:0;position:absolute;top:-6px}.jkl-checkbox__input:checked+.jkl-checkbox__label .jkl-checkbox__check-mark:after{animation:jkl-checkbox-checked-uj4c9re .15s ease-in-out forwards;opacity:1}.jkl-checkbox__input:indeterminate:not(:checked)+.jkl-checkbox__label .jkl-checkbox__indeterminate-mark:after{animation:jkl-checkbox-indeterminate-uj4c9s8 .15s ease-in-out forwards;opacity:1}.jkl-checkbox__input:focus-visible+.jkl-checkbox__label{color:var(--jkl-checkbox-focus-color)}.jkl-checkbox__input:focus-visible+.jkl-checkbox__label>.jkl-checkbox__mark{--background-color:var(--jkl-color-background-input-focus);outline:2px solid var(--jkl-color-border-action);outline-offset:2px}.jkl-checkbox__input:disabled+.jkl-checkbox__label{color:var(--jkl-checkbox-disabled-color)}.jkl-checkbox__label{cursor:pointer;display:flex;flex-shrink:0;max-width:100%;min-width:0}.jkl-checkbox__label:active .jkl-checkbox__mark,.jkl-checkbox__label:hover .jkl-checkbox__mark{outline:1px solid var(--box-color)}.jkl-checkbox__label:active{--background-color:var(--jkl-color-background-input-focus)}.jkl-checkbox__text{margin:calc((var(--jkl-checkbox-height) - var(--jkl-checkbox-line-height))*.5) 0;transition-duration:.15s;transition-property:color;transition-timing-function:ease;translate:0 .0625rem}.jkl-checkbox__mark{align-self:flex-start;background-color:var(--background-color);border:1px solid;border-color:var(--box-color);border-radius:0;box-sizing:border-box;flex-shrink:0;height:var(--jkl-checkbox-box-size);margin-block:calc((var(--jkl-checkbox-height) - var(--jkl-checkbox-box-size))*.5);margin-inline-end:var(--jkl-spacing-8);outline:none;position:relative;transition-duration:.15s;transition-property:background-color;transition-timing-function:ease;width:var(--jkl-checkbox-box-size)}@media screen and (forced-colors:active){.jkl-checkbox__mark{border:1px solid ButtonText;outline:revert}}.jkl-checkbox__check-mark:after{border-bottom:.125rem solid var(--check-color);border-left-width:.125rem;border-left:0 solid var(--check-color);border-right:.125rem solid var(--check-color);border-top-width:.125rem;border-top:0 solid var(--check-color);bottom:42%;content:"";display:block;height:58%;left:18%;opacity:0;position:absolute;transform:rotate(45deg);transform-origin:bottom left;transition-duration:.15s;transition-property:opacity,border-color;transition-timing-function:ease;width:18%}@media screen and (forced-colors:active){.jkl-checkbox__check-mark:after{border-color:ButtonText}}.jkl-checkbox__indeterminate-mark:after{--width:66%;--thickness:0.125rem;border-bottom:solid var(--thickness) var(--check-color);bottom:calc(50% - var(--thickness)/2);content:"";display:block;left:calc((100% - var(--width))/2);opacity:0;position:absolute;transition-duration:.15s;transition-property:opacity,border-color;transition-timing-function:ease;width:var(--width)}@media screen and (forced-colors:active){.jkl-checkbox__indeterminate-mark:after{border-color:ButtonText}}.jkl-checkbox--inline{display:inline-flex}.jkl-checkbox--inline:not(:last-of-type){margin-right:1.5rem}.jkl-checkbox--error{--background-color:var(--jkl-color-background-alert-error);--check-color:var(--jkl-color-text-on-alert)}
+:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-checkbox-font-size:var(--jkl-body-font-size);--jkl-checkbox-line-height:var(--jkl-body-line-height);--jkl-checkbox-font-weight:var(--jkl-body-font-weight);--jkl-checkbox-height:3rem;--jkl-checkbox-box-size:1.5rem;--jkl-checkbox-line-height:2rem}@media (width >= 0) and (max-width:679px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-checkbox-height:2.5rem;--jkl-checkbox-box-size:1.5rem;--jkl-checkbox-line-height:1.75rem}}[data-density=compact],[data-layout-density=compact]{--jkl-checkbox-font-size:var(--jkl-small-font-size);--jkl-checkbox-line-height:var(--jkl-small-line-height);--jkl-checkbox-font-weight:var(--jkl-small-font-weight);--jkl-checkbox-height:1.75rem;--jkl-checkbox-box-size:1.125rem;--jkl-checkbox-line-height:1.5rem}@keyframes jkl-checkbox-checked-u4fxjlc{0%{height:0;width:0}40%{height:0;width:18%}to{height:58%;width:18%}}@keyframes jkl-checkbox-indeterminate-u4fxjm2{0%{width:0}to{width:66%}}.jkl-checkbox{--box-color:var(--jkl-color-border-action);--check-color:var(--jkl-color-border-action);--text-color:var(--jkl-color-text-default);--background-color:#0000;color:var(--text-color);display:flex;flex-wrap:wrap;font-size:var(--jkl-checkbox-font-size);font-weight:var(--jkl-checkbox-font-weight);line-height:var(--jkl-checkbox-line-height);min-height:var(--jkl-checkbox-height);position:relative}.jkl-checkbox__input{opacity:0;position:absolute;top:-6px}.jkl-checkbox__input:checked+.jkl-checkbox__label .jkl-checkbox__check-mark:after{animation:jkl-checkbox-checked-u4fxjlc .15s ease-in-out forwards;opacity:1}.jkl-checkbox__input:indeterminate:not(:checked)+.jkl-checkbox__label .jkl-checkbox__indeterminate-mark:after{animation:jkl-checkbox-indeterminate-u4fxjm2 .15s ease-in-out forwards;opacity:1}.jkl-checkbox__input:focus-visible+.jkl-checkbox__label{color:var(--jkl-checkbox-focus-color)}.jkl-checkbox__input:focus-visible+.jkl-checkbox__label>.jkl-checkbox__mark{--background-color:var(--jkl-color-background-input-focus);outline:2px solid var(--jkl-color-border-action);outline-offset:2px}.jkl-checkbox__input:disabled+.jkl-checkbox__label{color:var(--jkl-checkbox-disabled-color)}.jkl-checkbox__label{cursor:pointer;display:flex;flex-shrink:0;max-width:100%;min-width:0}.jkl-checkbox__label:active .jkl-checkbox__mark,.jkl-checkbox__label:hover .jkl-checkbox__mark{outline:1px solid var(--box-color)}.jkl-checkbox__label:active{--background-color:var(--jkl-color-background-input-focus)}.jkl-checkbox__text{margin:calc((var(--jkl-checkbox-height) - var(--jkl-checkbox-line-height))*.5) 0;transition-duration:.15s;transition-property:color;transition-timing-function:ease;translate:0 .0625rem}.jkl-checkbox__mark{align-self:flex-start;background-color:var(--background-color);border:1px solid;border-color:var(--box-color);border-radius:0;box-sizing:border-box;flex-shrink:0;height:var(--jkl-checkbox-box-size);margin-block:calc((var(--jkl-checkbox-height) - var(--jkl-checkbox-box-size))*.5);margin-inline-end:var(--jkl-spacing-8);outline:none;position:relative;transition-duration:.15s;transition-property:background-color;transition-timing-function:ease;width:var(--jkl-checkbox-box-size)}@media screen and (forced-colors:active){.jkl-checkbox__mark{border:1px solid ButtonText;outline:revert}}.jkl-checkbox__check-mark:after{border-bottom:.125rem solid var(--check-color);border-left-width:.125rem;border-left:0 solid var(--check-color);border-right:.125rem solid var(--check-color);border-top-width:.125rem;border-top:0 solid var(--check-color);bottom:42%;content:"";display:block;height:58%;left:18%;opacity:0;position:absolute;transform:rotate(45deg);transform-origin:bottom left;transition-duration:.15s;transition-property:opacity,border-color;transition-timing-function:ease;width:18%}@media screen and (forced-colors:active){.jkl-checkbox__check-mark:after{border-color:ButtonText}}.jkl-checkbox__indeterminate-mark:after{--width:66%;--thickness:0.125rem;border-bottom:solid var(--thickness) var(--check-color);bottom:calc(50% - var(--thickness)/2);content:"";display:block;left:calc((100% - var(--width))/2);opacity:0;position:absolute;transition-duration:.15s;transition-property:opacity,border-color;transition-timing-function:ease;width:var(--width)}@media screen and (forced-colors:active){.jkl-checkbox__indeterminate-mark:after{border-color:ButtonText}}.jkl-checkbox--inline{display:inline-flex}.jkl-checkbox--inline:not(:last-of-type){margin-right:1.5rem}.jkl-checkbox--error{--background-color:var(--jkl-color-background-alert-error);--check-color:var(--jkl-color-text-on-alert)}

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

@@ -1 +1 @@
-@media screen and (prefers-color-scheme:light){:root{--jkl-combobox-border-color:#636060;--jkl-combobox-text-color:#636060;--jkl-combobox-background-color:#0000;--jkl-combobox-open-color:#1b1917;--jkl-combobox-open-background-color:#fff;--jkl-combobox-focus-color:#1b1917;--jkl-combobox-error-background-color:#f6b3b3;--jkl-combobox-error-text-color:#636060;--jkl-combobox-hover-option-color:#1b1917;--jkl-combobox-hover-option-background-color:#f4f2ef;--jkl-combobox-option-description-color:#636060;--jkl-combobox-search-input-selection-color:#1b191733;--jkl-combobox-search-input-error-selection-color:#1b191733;--jkl-combobox-marked-value-border:#1b1917;--jkl-combobox-marked-value-shadow:#f9f9f9}}[data-theme=light]{--jkl-combobox-border-color:#636060;--jkl-combobox-text-color:#636060;--jkl-combobox-background-color:#0000;--jkl-combobox-open-color:#1b1917;--jkl-combobox-open-background-color:#fff;--jkl-combobox-focus-color:#1b1917;--jkl-combobox-error-background-color:#f6b3b3;--jkl-combobox-error-text-color:#636060;--jkl-combobox-hover-option-color:#1b1917;--jkl-combobox-hover-option-background-color:#f4f2ef;--jkl-combobox-option-description-color:#636060;--jkl-combobox-search-input-selection-color:#1b191733;--jkl-combobox-search-input-error-selection-color:#1b191733;--jkl-combobox-marked-value-border:#1b1917;--jkl-combobox-marked-value-shadow:#f9f9f9}@media screen and (prefers-color-scheme:dark){:root{--jkl-combobox-border-color:#c8c5c3;--jkl-combobox-text-color:#c8c5c3;--jkl-combobox-background-color:#0000;--jkl-combobox-open-color:#f9f9f9;--jkl-combobox-open-background-color:#313030;--jkl-combobox-focus-color:#f9f9f9;--jkl-combobox-error-background-color:#f6b3b3;--jkl-combobox-error-text-color:#636060;--jkl-combobox-hover-option-color:#f9f9f9;--jkl-combobox-hover-option-background-color:#444141;--jkl-combobox-option-description-color:#ece9e5;--jkl-combobox-search-input-selection-color:#f9f9f940;--jkl-combobox-search-input-error-selection-color:#1b191733;--jkl-combobox-marked-value-border:#f9f9f9;--jkl-combobox-marked-value-shadow:#1b1917}}[data-theme=dark]{--jkl-combobox-border-color:#c8c5c3;--jkl-combobox-text-color:#c8c5c3;--jkl-combobox-background-color:#0000;--jkl-combobox-open-color:#f9f9f9;--jkl-combobox-open-background-color:#313030;--jkl-combobox-focus-color:#f9f9f9;--jkl-combobox-error-background-color:#f6b3b3;--jkl-combobox-error-text-color:#636060;--jkl-combobox-hover-option-color:#f9f9f9;--jkl-combobox-hover-option-background-color:#444141;--jkl-combobox-option-description-color:#ece9e5;--jkl-combobox-search-input-selection-color:#f9f9f940;--jkl-combobox-search-input-error-selection-color:#1b191733;--jkl-combobox-marked-value-border:#f9f9f9;--jkl-combobox-marked-value-shadow:#1b1917}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-combobox-font-size:var(--jkl-body-font-size);--jkl-combobox-line-height:var(--jkl-body-line-height);--jkl-combobox-font-weight:var(--jkl-body-font-weight);--jkl-combobox-button-padding:0.5rem 0.375rem 0.5rem 0.75rem;--jkl-combobox-button-active-value-padding:0.5rem 0.375rem 0.5rem 0.5rem;--jkl-combobox-input-height:3rem;--jkl-combobox-actions-right:0.5rem;--jkl-combobox-actions-top:0.75rem;--jkl-combobox-search-input-padding:var(--jkl-combobox-button-padding);--jkl-combobox-native-padding:0 2.5rem 0 0.5rem;--jkl-combobox-option-padding:0.5rem 0.75rem;--jkl-combobox-option-line-height:2rem;--jkl-combobox-input-padding:3.75rem;--jkl-combobox-search-input-height:1.75rem;--jkl-combobox-tag-padding:0.125rem;--jkl-combobox-tag-height:1.5rem}@media (width >= 0) and (max-width:679px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-combobox-input-height:2.75rem}}[data-density=compact],[data-layout-density=compact]{--jkl-combobox-font-size:var(--jkl-small-font-size);--jkl-combobox-line-height:var(--jkl-small-line-height);--jkl-combobox-font-weight:var(--jkl-small-font-weight);--jkl-combobox-button-padding:0.25rem 1.875rem 0.25rem 0.5rem;--jkl-combobox-button-active-value-padding:0.25rem 1.875rem 0.25rem 0.5rem;--jkl-combobox-input-height:2rem;--jkl-combobox-actions-right:0;--jkl-combobox-actions-top:0.375rem;--jkl-combobox-search-input-padding:0.25rem 0.5rem;--jkl-combobox-native-padding:1.5rem 0.25rem 0.25rem;--jkl-combobox-option-padding:0.25rem 0.5rem;--jkl-combobox-option-line-height:1.5rem;--jkl-combobox-input-padding:0.75rem;--jkl-combobox-search-input-height:1.25rem;--jkl-combobox-tag-padding:0 0.25rem;--jkl-combobox-tag-height:1.25rem}.jkl-combobox{border-style:none;position:relative}.jkl-combobox,.jkl-combobox:active,.jkl-combobox:focus,.jkl-combobox:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-combobox{border-style:revert}.jkl-combobox,.jkl-combobox:active,.jkl-combobox:focus,.jkl-combobox:hover{outline:revert;outline-style:revert}}.jkl-combobox :focus{outline:none}.jkl-combobox__wrapper{border:.0625rem solid var(--jkl-combobox-border-color);border-radius:.1875rem;box-shadow:0 0 0 .0625rem #0000;display:flex;max-width:100%;min-width:7rem;padding:var(--jkl-combobox-button-padding);position:relative;transition-duration:.15s;transition-property:color,border-color,box-shadow;transition-timing-function:ease}.jkl-combobox__wrapper--active-value{padding:var(--jkl-combobox-button-active-value-padding)}.jkl-combobox__wrapper:focus{background-color:var(--jkl-combobox-open-background-color);color:var(--jkl-combobox-focus-color)}.jkl-combobox__wrapper:focus,.jkl-combobox__wrapper:hover{border-color:var(--jkl-combobox-focus-color);box-shadow:0 0 0 .0625rem var(--jkl-combobox-focus-color)}.jkl-combobox__wrapper:hover~.jkl-combobox__arrow{transform:translateY(calc(-50% + .1875rem))}.jkl-combobox__button{padding:0}.jkl-combobox__button,.jkl-combobox__search-input{background-color:var(--jkl-combobox-background-color);color:var(--jkl-combobox-text-color);cursor:pointer;display:flex;font-size:var(--jkl-combobox-font-size);font-weight:var(--jkl-combobox-font-weight);line-height:var(--jkl-combobox-line-height);overflow:hidden;text-align:left;text-overflow:ellipsis;transition-duration:.15s;transition-property:color,border-color,box-shadow;transition-timing-function:ease;width:100%}.jkl-combobox__search-input{align-self:end;border:none;flex:1 1 1ch;max-height:var(--jkl-combobox-search-input-height);outline:none;padding-right:var(--jkl-combobox-input-padding)}.jkl-combobox__arrow{pointer-events:none;transform:translateY(-50%);transition-duration:.15s;transition-property:transform,color;transition-timing-function:ease}@media screen and (forced-colors:active){.jkl-combobox__arrow,.jkl-combobox__arrow path,.jkl-combobox__arrow svg{stroke:CanvasText;fill:CanvasText}}.jkl-combobox__menu{border:.125rem solid var(--jkl-combobox-focus-color);border-radius:0 0 .1875rem .1875rem;border-top:none;box-sizing:border-box;color:var(--jkl-combobox-text-color);left:-.0625rem;max-height:calc((var(--jkl-combobox-max-shown-options, 5) + .5)*var(--jkl-combobox-input-height));overflow-y:auto;position:absolute;right:-.0625rem;top:100%;transition-duration:.15s;transition-property:height;transition-timing-function:ease;z-index:7000}.jkl-combobox__menu,.jkl-combobox__option{background-color:var(--jkl-combobox-open-background-color)}.jkl-combobox__option{align-items:center;border:0;color:var(--jkl-combobox-open-color);cursor:pointer;display:flex;font-size:var(--jkl-combobox-text-font-size);font-weight:var(--jkl-combobox-text-font-weight);line-height:var(--jkl-combobox-text-line-height);line-height:var(--jkl-combobox-option-line-height);padding:var(--jkl-combobox-option-padding);text-align:left;transition-duration:.15s;transition-property:color,background-color;transition-timing-function:ease;width:100%}.jkl-combobox__option:focus,.jkl-combobox__option:hover{background-color:var(--jkl-combobox-hover-option-background-color);color:var(--jkl-combobox-hover-option-color)}.jkl-combobox__option-description{--jkl-icon-weight:300;color:var(--jkl-combobox-option-description-color);display:block;font-size:1rem;font-weight:400;line-height:1.5rem;width:100%}.jkl-combobox__option--selected{justify-content:space-between}.jkl-combobox__option--selected:hover{background-color:var(--jkl-combobox-hover-option-background-color)}.jkl-combobox__no-option{padding:var(--jkl-combobox-option-padding)}.jkl-combobox__actions{display:flex;gap:.25rem;position:absolute;right:var(--jkl-combobox-actions-right);top:var(--jkl-combobox-actions-top)}.jkl-combobox__tags{align-items:center;display:flex;flex-wrap:wrap;margin-left:-4px}.jkl-combobox__tags .jkl-tag{height:var(--jkl-combobox-tag-height);margin:1px 4px;padding:var(--jkl-combobox-tag-padding);z-index:1}.jkl-combobox__tags .jkl-tag__marked{border:1px solid var(--jkl-combobox-marked-value-border);border-radius:6px;box-shadow:0 0 0 2px var(--jkl-combobox-marked-value-shadow) inset;box-sizing:border-box;margin:0 4px}.jkl-combobox__tags .jkl-tag .jkl-tooltip-trigger{font-weight:700}.jkl-combobox--invalid .jkl-combobox__search-input,.jkl-combobox--invalid .jkl-combobox__wrapper{background-color:var(--jkl-combobox-error-background-color)}.jkl-combobox--invalid .jkl-combobox__button,.jkl-combobox--invalid .jkl-combobox__search-input,.jkl-combobox--invalid .jkl-combobox__wrapper{color:var(--jkl-combobox-error-text-color)}.jkl-combobox--invalid .jkl-combobox__search-input::selection{background-color:var(--jkl-combobox-search-input-selection-color)}.jkl-combobox--menu-open .jkl-combobox__wrapper{border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:var(--jkl-combobox-focus-color);box-shadow:0 0 0 .0625rem var(--jkl-combobox-focus-color) inset}.jkl-combobox--menu-open .jkl-combobox__wrapper:hover~.jkl-combobox__arrow{transform:translateY(calc(-50% - .1875rem))}.jkl-combobox--menu-closed .jkl-combobox__search-input{background-color:initial;padding-right:0;position:absolute;width:94%}
+@media screen and (prefers-color-scheme:light){:root{--jkl-combobox-border-color:#636060;--jkl-combobox-text-color:#636060;--jkl-combobox-background-color:#0000;--jkl-combobox-open-color:#1b1917;--jkl-combobox-open-background-color:#fff;--jkl-combobox-focus-color:#1b1917;--jkl-combobox-error-background-color:#f6b3b3;--jkl-combobox-error-text-color:#636060;--jkl-combobox-hover-option-color:#1b1917;--jkl-combobox-hover-option-background-color:#f4f2ef;--jkl-combobox-option-description-color:#636060;--jkl-combobox-search-input-selection-color:#1b191733;--jkl-combobox-search-input-error-selection-color:#1b191733;--jkl-combobox-marked-value-border:#1b1917;--jkl-combobox-marked-value-shadow:#f9f9f9}}[data-theme=light]{--jkl-combobox-border-color:#636060;--jkl-combobox-text-color:#636060;--jkl-combobox-background-color:#0000;--jkl-combobox-open-color:#1b1917;--jkl-combobox-open-background-color:#fff;--jkl-combobox-focus-color:#1b1917;--jkl-combobox-error-background-color:#f6b3b3;--jkl-combobox-error-text-color:#636060;--jkl-combobox-hover-option-color:#1b1917;--jkl-combobox-hover-option-background-color:#f4f2ef;--jkl-combobox-option-description-color:#636060;--jkl-combobox-search-input-selection-color:#1b191733;--jkl-combobox-search-input-error-selection-color:#1b191733;--jkl-combobox-marked-value-border:#1b1917;--jkl-combobox-marked-value-shadow:#f9f9f9}@media screen and (prefers-color-scheme:dark){:root{--jkl-combobox-border-color:#c8c5c3;--jkl-combobox-text-color:#c8c5c3;--jkl-combobox-background-color:#0000;--jkl-combobox-open-color:#f9f9f9;--jkl-combobox-open-background-color:#313030;--jkl-combobox-focus-color:#f9f9f9;--jkl-combobox-error-background-color:#f6b3b3;--jkl-combobox-error-text-color:#636060;--jkl-combobox-hover-option-color:#f9f9f9;--jkl-combobox-hover-option-background-color:#444141;--jkl-combobox-option-description-color:#ece9e5;--jkl-combobox-search-input-selection-color:#f9f9f940;--jkl-combobox-search-input-error-selection-color:#1b191733;--jkl-combobox-marked-value-border:#f9f9f9;--jkl-combobox-marked-value-shadow:#1b1917}}[data-theme=dark]{--jkl-combobox-border-color:#c8c5c3;--jkl-combobox-text-color:#c8c5c3;--jkl-combobox-background-color:#0000;--jkl-combobox-open-color:#f9f9f9;--jkl-combobox-open-background-color:#313030;--jkl-combobox-focus-color:#f9f9f9;--jkl-combobox-error-background-color:#f6b3b3;--jkl-combobox-error-text-color:#636060;--jkl-combobox-hover-option-color:#f9f9f9;--jkl-combobox-hover-option-background-color:#444141;--jkl-combobox-option-description-color:#ece9e5;--jkl-combobox-search-input-selection-color:#f9f9f940;--jkl-combobox-search-input-error-selection-color:#1b191733;--jkl-combobox-marked-value-border:#f9f9f9;--jkl-combobox-marked-value-shadow:#1b1917}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-combobox-font-size:var(--jkl-body-font-size);--jkl-combobox-line-height:var(--jkl-body-line-height);--jkl-combobox-font-weight:var(--jkl-body-font-weight);--jkl-combobox-button-padding:0.5rem 0.375rem 0.5rem 0.75rem;--jkl-combobox-button-active-value-padding:0.5rem 0.375rem 0.5rem 0.5rem;--jkl-combobox-input-height:3rem;--jkl-combobox-actions-right:0.5rem;--jkl-combobox-actions-top:0.75rem;--jkl-combobox-search-input-padding:var(--jkl-combobox-button-padding);--jkl-combobox-native-padding:0 2.5rem 0 0.5rem;--jkl-combobox-option-padding:0.5rem 0.75rem;--jkl-combobox-option-line-height:2rem;--jkl-combobox-input-padding:3.75rem;--jkl-combobox-search-input-height:1.75rem;--jkl-combobox-tag-padding:0.125rem;--jkl-combobox-tag-height:1.5rem}@media (width >= 0) and (max-width:679px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-combobox-input-height:2.75rem}}[data-density=compact],[data-layout-density=compact]{--jkl-combobox-font-size:var(--jkl-small-font-size);--jkl-combobox-line-height:var(--jkl-small-line-height);--jkl-combobox-font-weight:var(--jkl-small-font-weight);--jkl-combobox-button-padding:0.25rem 1.875rem 0.25rem 0.5rem;--jkl-combobox-button-active-value-padding:0.25rem 1.875rem 0.25rem 0.5rem;--jkl-combobox-input-height:2rem;--jkl-combobox-actions-right:0;--jkl-combobox-actions-top:0.375rem;--jkl-combobox-search-input-padding:0.25rem 0.5rem;--jkl-combobox-native-padding:1.5rem 0.25rem 0.25rem;--jkl-combobox-option-padding:0.25rem 0.5rem;--jkl-combobox-option-line-height:1.5rem;--jkl-combobox-input-padding:0.75rem;--jkl-combobox-search-input-height:1.25rem;--jkl-combobox-tag-padding:0 0.25rem;--jkl-combobox-tag-height:1.25rem}.jkl-combobox{border-style:none;position:relative}.jkl-combobox,.jkl-combobox:active,.jkl-combobox:focus,.jkl-combobox:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-combobox{border-style:revert}.jkl-combobox,.jkl-combobox:active,.jkl-combobox:focus,.jkl-combobox:hover{outline:revert;outline-style:revert}}.jkl-combobox :focus{outline:none}.jkl-combobox__wrapper{border:.0625rem solid var(--jkl-combobox-border-color);border-radius:.1875rem;box-shadow:0 0 0 .0625rem #0000;display:flex;max-width:100%;min-width:7rem;padding:var(--jkl-combobox-button-padding);position:relative;transition-duration:.15s;transition-property:color,border-color,box-shadow;transition-timing-function:ease}.jkl-combobox__wrapper--active-value{padding:var(--jkl-combobox-button-active-value-padding)}.jkl-combobox__wrapper:focus{background-color:var(--jkl-combobox-open-background-color);color:var(--jkl-combobox-focus-color)}.jkl-combobox__wrapper:focus,.jkl-combobox__wrapper:hover{border-color:var(--jkl-combobox-focus-color);box-shadow:0 0 0 .0625rem var(--jkl-combobox-focus-color)}.jkl-combobox__wrapper:hover~.jkl-combobox__arrow{transform:translateY(calc(-50% + .1875rem))}.jkl-combobox__button{padding:0}.jkl-combobox__button,.jkl-combobox__search-input{background-color:var(--jkl-combobox-background-color);color:var(--jkl-combobox-text-color);cursor:pointer;display:flex;font-size:var(--jkl-combobox-font-size);font-weight:var(--jkl-combobox-font-weight);line-height:var(--jkl-combobox-line-height);overflow:hidden;text-align:left;text-overflow:ellipsis;transition-duration:.15s;transition-property:color,border-color,box-shadow;transition-timing-function:ease;width:100%}.jkl-combobox__search-input{align-self:end;border:none;flex:1 1 1ch;max-height:var(--jkl-combobox-search-input-height);outline:none;padding-right:var(--jkl-combobox-input-padding)}.jkl-combobox__arrow{pointer-events:none;transform:translateY(-50%);transition-duration:.15s;transition-property:transform,color;transition-timing-function:ease}@media screen and (forced-colors:active){.jkl-combobox__arrow,.jkl-combobox__arrow path,.jkl-combobox__arrow svg{stroke:CanvasText;fill:CanvasText}}.jkl-combobox__menu{border:.125rem solid var(--jkl-combobox-focus-color);border-radius:0 0 .1875rem .1875rem;border-top:none;box-sizing:border-box;color:var(--jkl-combobox-text-color);left:-.0625rem;max-height:calc((var(--jkl-combobox-max-shown-options, 5) + .5)*var(--jkl-combobox-input-height));overflow-y:auto;position:absolute;right:-.0625rem;top:100%;transition-duration:.15s;transition-property:height;transition-timing-function:ease;z-index:7000}.jkl-combobox__menu,.jkl-combobox__option{background-color:var(--jkl-combobox-open-background-color)}.jkl-combobox__option{align-items:center;border:0;color:var(--jkl-combobox-open-color);cursor:pointer;display:flex;font-size:var(--jkl-combobox-text-font-size);font-weight:var(--jkl-combobox-text-font-weight);line-height:var(--jkl-combobox-text-line-height);line-height:var(--jkl-combobox-option-line-height);padding:var(--jkl-combobox-option-padding);text-align:left;transition-duration:.15s;transition-property:color,background-color;transition-timing-function:ease;width:100%}.jkl-combobox__option:focus,.jkl-combobox__option:hover{background-color:var(--jkl-combobox-hover-option-background-color);color:var(--jkl-combobox-hover-option-color)}.jkl-combobox__option-description{font-size:1rem;font-weight:400;line-height:1.5rem;--jkl-icon-weight:300;color:var(--jkl-combobox-option-description-color);display:block;width:100%}.jkl-combobox__option--selected{justify-content:space-between}.jkl-combobox__option--selected:hover{background-color:var(--jkl-combobox-hover-option-background-color)}.jkl-combobox__no-option{padding:var(--jkl-combobox-option-padding)}.jkl-combobox__actions{display:flex;gap:.25rem;position:absolute;right:var(--jkl-combobox-actions-right);top:var(--jkl-combobox-actions-top)}.jkl-combobox__tags{align-items:center;display:flex;flex-wrap:wrap;margin-left:-4px}.jkl-combobox__tags .jkl-tag{height:var(--jkl-combobox-tag-height);margin:1px 4px;padding:var(--jkl-combobox-tag-padding);z-index:1}.jkl-combobox__tags .jkl-tag__marked{border:1px solid var(--jkl-combobox-marked-value-border);border-radius:6px;box-shadow:0 0 0 2px var(--jkl-combobox-marked-value-shadow) inset;box-sizing:border-box;margin:0 4px}.jkl-combobox__tags .jkl-tag .jkl-tooltip-trigger{font-weight:700}.jkl-combobox--invalid .jkl-combobox__search-input,.jkl-combobox--invalid .jkl-combobox__wrapper{background-color:var(--jkl-combobox-error-background-color)}.jkl-combobox--invalid .jkl-combobox__button,.jkl-combobox--invalid .jkl-combobox__search-input,.jkl-combobox--invalid .jkl-combobox__wrapper{color:var(--jkl-combobox-error-text-color)}.jkl-combobox--invalid .jkl-combobox__search-input::selection{background-color:var(--jkl-combobox-search-input-selection-color)}.jkl-combobox--menu-open .jkl-combobox__wrapper{border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:var(--jkl-combobox-focus-color);box-shadow:0 0 0 .0625rem var(--jkl-combobox-focus-color) inset}.jkl-combobox--menu-open .jkl-combobox__wrapper:hover~.jkl-combobox__arrow{transform:translateY(calc(-50% - .1875rem))}.jkl-combobox--menu-closed .jkl-combobox__search-input{background-color:initial;padding-right:0;position:absolute;width:94%}

package/src/components/cookie-consent/styles/cookie-consent.min.css

@@ -1 +1 @@
-.jkl-cookie-consent-modal{position:fixed;z-index:9000!important}.jkl-cookie-consent-modal[aria-hidden=true]{display:none}.jkl-cookie-consent-modal>.jkl-cookie-consent-modal__overlay{background:#0000004d;inset:0;position:fixed;transition:.2s}.jkl-cookie-consent-modal__content{--jkl-icon-weight:300;background-color:var(--jkl-background-color);box-shadow:.25rem .375rem 1rem #00000026;box-sizing:border-box;font-size:1.125rem;font-weight:400;left:0;line-height:1.75rem;margin:auto;max-height:80vh;max-width:41.25rem;min-width:20rem;overflow-y:auto;padding:2.5rem 2.5rem 1.875rem;position:fixed;right:0;top:10%;transition:.2s;width:100%;z-index:10000!important}@media (min-width:680px){.jkl-cookie-consent-modal__content{--jkl-icon-weight:300;font-size:1.25rem;font-weight:400;line-height:2rem}}@media (width >= 0) and (max-width:679px){.jkl-cookie-consent-modal__content{margin:1.5rem;max-width:calc(100% - 3rem);padding:1.5rem;top:2.5rem}}@media screen and (forced-colors:active){.jkl-cookie-consent-modal__content{border:2px solid CanvasText}}.jkl-cookie-consent-modal__checklist{margin-bottom:1rem}.jkl-cookie-consent-modal__info-text{--jkl-icon-weight:300;font-size:1rem;font-weight:400;line-height:1.5rem}.jkl-cookie-consent-modal__header{--jkl-icon-weight:500;font-size:1.3125rem;font-weight:700;line-height:1.75rem;margin-bottom:1.5rem}@media (min-width:680px){.jkl-cookie-consent-modal__header{--jkl-icon-weight:500;font-size:1.5625rem;font-weight:700;line-height:2rem}}.jkl-cookie-consent-modal__checkbox{margin-bottom:.5rem;margin-top:1.5rem}.jkl-cookie-consent-modal__button-group{margin-top:2.5rem}.jkl-cookie-consent-modal__button-group>:not(:first-child){margin-left:1.5rem}
+.jkl-cookie-consent-modal{position:fixed;z-index:9000!important}.jkl-cookie-consent-modal[aria-hidden=true]{display:none}.jkl-cookie-consent-modal>.jkl-cookie-consent-modal__overlay{background:#0000004d;inset:0;position:fixed;transition:.2s}.jkl-cookie-consent-modal__content{background-color:var(--jkl-background-color);box-shadow:.25rem .375rem 1rem #00000026;box-sizing:border-box;font-size:1.125rem;font-weight:400;left:0;line-height:1.75rem;margin:auto;max-height:80vh;max-width:41.25rem;min-width:20rem;overflow-y:auto;padding:2.5rem 2.5rem 1.875rem;position:fixed;right:0;top:10%;transition:.2s;width:100%;z-index:10000!important;--jkl-icon-weight:300}@media (min-width:680px){.jkl-cookie-consent-modal__content{font-size:1.25rem;font-weight:400;line-height:2rem;--jkl-icon-weight:300}}@media (width >= 0) and (max-width:679px){.jkl-cookie-consent-modal__content{margin:1.5rem;max-width:calc(100% - 3rem);padding:1.5rem;top:2.5rem}}@media screen and (forced-colors:active){.jkl-cookie-consent-modal__content{border:2px solid CanvasText}}.jkl-cookie-consent-modal__checklist{margin-bottom:1rem}.jkl-cookie-consent-modal__info-text{font-size:1rem;font-weight:400;line-height:1.5rem;--jkl-icon-weight:300}.jkl-cookie-consent-modal__header{font-size:1.3125rem;font-weight:700;line-height:1.75rem;margin-bottom:1.5rem;--jkl-icon-weight:500}@media (min-width:680px){.jkl-cookie-consent-modal__header{font-size:1.5625rem;font-weight:700;line-height:2rem;--jkl-icon-weight:500}}.jkl-cookie-consent-modal__checkbox{margin-bottom:.5rem;margin-top:1.5rem}.jkl-cookie-consent-modal__button-group{margin-top:2.5rem}.jkl-cookie-consent-modal__button-group>:not(:first-child){margin-left:1.5rem}

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

@@ -1 +1 @@
-@media screen and (prefers-color-scheme:light){:root{--jkl-calendar-text-color:#1b1917;--jkl-calendar-background-color:#fff;--jkl-calendar-border-color:#1b1917;--jkl-calendar-focus-color:#1b1917}}[data-theme=light]{--jkl-calendar-text-color:#1b1917;--jkl-calendar-background-color:#fff;--jkl-calendar-border-color:#1b1917;--jkl-calendar-focus-color:#1b1917}@media screen and (prefers-color-scheme:dark){:root{--jkl-calendar-text-color:#f9f9f9;--jkl-calendar-background-color:#313030;--jkl-calendar-border-color:#f9f9f9;--jkl-calendar-focus-color:#f9f9f9}}[data-theme=dark]{--jkl-calendar-text-color:#f9f9f9;--jkl-calendar-background-color:#313030;--jkl-calendar-border-color:#f9f9f9;--jkl-calendar-focus-color:#f9f9f9}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-calendar-padding:var(--jkl-spacing-12) var(--jkl-spacing-16) var(--jkl-spacing-16);--jkl-calendar-gap:var(--jkl-spacing-12)}@media (width >= 0) and (max-width:374px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-calendar-padding:var(--jkl-spacing-4) var(--jkl-spacing-8) var(--jkl-spacing-16)}}[data-density=compact],[data-layout-density=compact]{--jkl-calendar-padding:var(--jkl-spacing-4) var(--jkl-spacing-8) var(--jkl-spacing-16);--jkl-calendar-gap:0}.jkl-calendar{background-color:var(--jkl-calendar-background-color);border-radius:3px;box-shadow:inset 0 0 0 .0625rem var(--jkl-calendar-border-color),0 0 0 .0625rem var(--jkl-calendar-border-color),.125rem .25rem 1rem #0000003d;color:var(--jkl-calendar-text-color);display:block}.jkl-calendar--hidden{display:none}.jkl-calendar:before{background-color:var(--jkl-calendar-background-color);border-right:.125rem solid var(--jkl-calendar-border-color);border-top:.125rem solid var(--jkl-calendar-border-color);content:"";height:.75rem;left:5.75rem;position:absolute;top:0;transform:translate(-50%,-50%) rotate(-45deg);width:.75rem}.jkl-calendar__padding{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--jkl-calendar-gap);padding:var(--jkl-calendar-padding)}@media screen and (forced-colors:active){.jkl-calendar__padding{border:1px solid CanvasText}}@media screen and (prefers-color-scheme:light){:root{--jkl-calendar-disabled-day-color:#c8c5c3;--jkl-calendar-navigation-arrow-focus-color:#636060}}[data-theme=light]{--jkl-calendar-navigation-arrow-focus-color:#636060}@media screen and (prefers-color-scheme:dark){:root{--jkl-calendar-disabled-day-color:#636060;--jkl-calendar-navigation-arrow-focus-color:#c8c5c3}}[data-theme=dark]{--jkl-calendar-navigation-arrow-focus-color:#c8c5c3}.jkl-calendar-navigation{align-items:center;border:0;box-sizing:border-box;display:flex;justify-content:space-between;margin:0;padding:0;width:100%}.jkl-calendar-navigation__arrow{align-items:center;background-color:initial;border-style:none;color:var(--jkl-calendar-text-color);cursor:pointer;display:inline-flex;height:2.5rem;justify-content:center;margin:0 0 0 -.5rem;outline:0;outline-style:none;padding:0;position:relative;width:2.5rem}.jkl-calendar-navigation__arrow:active,.jkl-calendar-navigation__arrow:focus,.jkl-calendar-navigation__arrow:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-calendar-navigation__arrow{border-style:revert}.jkl-calendar-navigation__arrow,.jkl-calendar-navigation__arrow:active,.jkl-calendar-navigation__arrow:focus,.jkl-calendar-navigation__arrow:hover{outline:revert;outline-style:revert}}.jkl-calendar-navigation__arrow:hover{color:var(--jkl-calendar-navigation-arrow-focus-color)}html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-calendar-navigation__arrow:focus{outline:.125rem solid var(--jkl-calendar-focus-color);outline-offset:-.125rem}.jkl-calendar-navigation__arrow:disabled{color:var(--jkl-calendar-disabled-day-color)}.jkl-calendar-navigation-dropdown{--chevron-size:1.5rem;align-items:center;display:inline-flex}.jkl-calendar-navigation-dropdown>*{cursor:pointer}.jkl-calendar-navigation-dropdown__select{--jkl-icon-weight:300;-webkit-appearance:none;appearance:none;background-color:initial;border:none;border-radius:0;color:inherit;font-size:1rem;font-weight:400;font-weight:700;height:2.5rem;line-height:1.5rem;margin:0;outline:0;outline-style:none;padding:0;padding-inline-end:var(--chevron-size);text-align:end;text-align-last:end}.jkl-calendar-navigation-dropdown__select:active,.jkl-calendar-navigation-dropdown__select:focus,.jkl-calendar-navigation-dropdown__select:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-calendar-navigation-dropdown__select{border-style:revert;outline:revert;outline-style:revert}.jkl-calendar-navigation-dropdown__select:active,.jkl-calendar-navigation-dropdown__select:focus,.jkl-calendar-navigation-dropdown__select:hover{outline:revert;outline-style:revert}}.jkl-calendar-navigation-dropdown__select option{background-color:var(--jkl-select-open-background-color);color:var(--jkl-select-text-color)}html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-calendar-navigation-dropdown__select:focus{outline:.125rem solid var(--jkl-calendar-focus-color);outline-offset:1px}.jkl-calendar-navigation-dropdown__chevron{margin-left:calc(var(--chevron-size)*-1);pointer-events:none}.jkl-calendar-navigation-dropdown+.jkl-calendar-navigation-dropdown{margin-inline-start:var(--jkl-spacing-8)}.jkl-calendar-table th{--jkl-icon-weight:300;font-size:1rem;font-weight:400;line-height:1.5rem;padding-bottom:var(--jkl-spacing-8)}.jkl-calendar-table td{text-align:center}.jkl-calendar-table td+td,.jkl-calendar-table th+th{padding-left:.25rem}.jkl-calendar-table tr+tr>td{padding-top:.25rem}@media screen and (prefers-color-scheme:light){:root{--jkl-calendar-adjacent-month-color:#636060;--jkl-calendar-disabled-day-color:#c8c5c3;--jkl-calendar-active-day-color:#fff;--jkl-calendar-hover-date-background-color:#ece9e5;--jkl-calendar-selected-date-background-color:#1b1917}}[data-theme=light]{--jkl-calendar-adjacent-month-color:#636060;--jkl-calendar-disabled-day-color:#c8c5c3;--jkl-calendar-active-day-color:#fff;--jkl-calendar-hover-date-background-color:#ece9e5;--jkl-calendar-selected-date-background-color:#1b1917}@media screen and (prefers-color-scheme:dark){:root{--jkl-calendar-adjacent-month-color:#c8c5c3;--jkl-calendar-disabled-day-color:#636060;--jkl-calendar-active-day-color:#000;--jkl-calendar-hover-date-background-color:#636060;--jkl-calendar-selected-date-background-color:#f9f9f9}}[data-theme=dark]{--jkl-calendar-adjacent-month-color:#c8c5c3;--jkl-calendar-disabled-day-color:#636060;--jkl-calendar-active-day-color:#000;--jkl-calendar-hover-date-background-color:#636060;--jkl-calendar-selected-date-background-color:#f9f9f9}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-calendar-date-size:2.375rem;--jkl-calendar-date-font-size:var(--jkl-body-font-size);--jkl-calendar-date-line-height:var(--jkl-body-line-height);--jkl-calendar-date-font-weight:var(--jkl-body-font-weight)}@media (width >= 0) and (max-width:679px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-calendar-date-size:2.25rem;--jkl-calendar-date-font-size:var(--jkl-small-font-size);--jkl-calendar-date-line-height:var(--jkl-small-line-height);--jkl-calendar-date-font-weight:var(--jkl-small-font-weight)}}@media (width >= 0) and (max-width:374px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-calendar-date-size:2rem}}[data-density=compact],[data-layout-density=compact]{--jkl-calendar-date-size:2rem;--jkl-calendar-date-font-size:var(--jkl-small-font-size);--jkl-calendar-date-line-height:var(--jkl-small-line-height);--jkl-calendar-date-font-weight:var(--jkl-small-font-weight)}.jkl-calendar-date-button{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border-radius:50%;border-style:none;box-sizing:border-box;color:var(--jkl-calendar-text-color);display:inline-flex;font-size:var(--jkl-calendar-date-font-size);font-weight:var(--jkl-calendar-date-font-weight);height:var(--jkl-calendar-date-size);justify-content:center;line-height:var(--jkl-calendar-date-line-height);margin:var(--jkl-calendar-date-margin);padding:.125rem 0 0;position:relative;transition-duration:75ms;transition-property:color,background-color,box-shadow;transition-timing-function:ease-out;width:var(--jkl-calendar-date-size)}.jkl-calendar-date-button,.jkl-calendar-date-button:active,.jkl-calendar-date-button:focus,.jkl-calendar-date-button:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-calendar-date-button{border-style:revert}.jkl-calendar-date-button,.jkl-calendar-date-button:active,.jkl-calendar-date-button:focus,.jkl-calendar-date-button:hover{outline:revert;outline-style:revert}}.jkl-calendar-date-button[data-adjacent=true]{--jkl-icon-weight:300;color:var(--jkl-calendar-adjacent-month-color);font-size:1rem;font-weight:400;line-height:1.5rem;padding:0}.jkl-calendar-date-button[aria-current=date]{font-weight:700}.jkl-calendar-date-button:hover:not(:disabled){background-color:var(--jkl-calendar-hover-date-background-color);cursor:pointer}.jkl-calendar-date-button[aria-pressed=true]{background-color:var(--jkl-calendar-selected-date-background-color);color:var(--jkl-calendar-active-day-color);cursor:pointer}.jkl-calendar-date-button[aria-pressed=true]:hover{color:var(--jkl-calendar-text-color)}.jkl-calendar-date-button:disabled{color:var(--jkl-calendar-disabled-day-color)}html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-calendar-date-button:focus{outline:.125rem solid var(--jkl-calendar-focus-color);outline-offset:.125rem}@media screen and (prefers-color-scheme:light){:root{--jkl-datepicker-focus-color:#1b1917}}[data-theme=light]{--jkl-datepicker-focus-color:#1b1917}@media screen and (prefers-color-scheme:dark){:root{--jkl-datepicker-focus-color:#f9f9f9}}[data-theme=dark]{--jkl-datepicker-focus-color:#f9f9f9}.jkl-datepicker{align-items:flex-start;border-style:none;display:flex;flex-direction:column;position:relative}.jkl-datepicker,.jkl-datepicker:active,.jkl-datepicker:focus,.jkl-datepicker:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-datepicker{border-style:revert}.jkl-datepicker,.jkl-datepicker:active,.jkl-datepicker:focus,.jkl-datepicker:hover{outline:revert;outline-style:revert}}.jkl-datepicker__input-wrapper{display:contents;position:relative}.jkl-datepicker .jkl-datepicker__input{padding-bottom:calc(var(--jkl-text-input-vertical-padding) - .08em);padding-top:calc(var(--jkl-text-input-vertical-padding) + .08em)}.jkl-datepicker__calendar-wrapper{left:0;position:absolute;top:calc(100% + .875rem);z-index:7000}.jkl-datepicker--open .jkl-text-input-wrapper{border-color:var(--jkl-text-input-focus-color);box-shadow:inset 0 0 0 .0625rem var(--jkl-text-input-focus-color),0 0 0 .0625rem var(--jkl-text-input-focus-color)}@media (width >= 0) and (max-width:679px){.jkl-datepicker__calendar-wrapper{left:-1.15rem}}@media (width >= 0) and (max-width:374px){.jkl-datepicker__calendar-wrapper{left:-2.5rem}}
+@media screen and (prefers-color-scheme:light){:root{--jkl-calendar-text-color:#1b1917;--jkl-calendar-background-color:#fff;--jkl-calendar-border-color:#1b1917;--jkl-calendar-focus-color:#1b1917}}[data-theme=light]{--jkl-calendar-text-color:#1b1917;--jkl-calendar-background-color:#fff;--jkl-calendar-border-color:#1b1917;--jkl-calendar-focus-color:#1b1917}@media screen and (prefers-color-scheme:dark){:root{--jkl-calendar-text-color:#f9f9f9;--jkl-calendar-background-color:#313030;--jkl-calendar-border-color:#f9f9f9;--jkl-calendar-focus-color:#f9f9f9}}[data-theme=dark]{--jkl-calendar-text-color:#f9f9f9;--jkl-calendar-background-color:#313030;--jkl-calendar-border-color:#f9f9f9;--jkl-calendar-focus-color:#f9f9f9}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-calendar-padding:var(--jkl-spacing-12) var(--jkl-spacing-16) var(--jkl-spacing-16);--jkl-calendar-gap:var(--jkl-spacing-12)}@media (width >= 0) and (max-width:374px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-calendar-padding:var(--jkl-spacing-4) var(--jkl-spacing-8) var(--jkl-spacing-16)}}[data-density=compact],[data-layout-density=compact]{--jkl-calendar-padding:var(--jkl-spacing-4) var(--jkl-spacing-8) var(--jkl-spacing-16);--jkl-calendar-gap:0}.jkl-calendar{background-color:var(--jkl-calendar-background-color);border-radius:3px;box-shadow:inset 0 0 0 .0625rem var(--jkl-calendar-border-color),0 0 0 .0625rem var(--jkl-calendar-border-color),.125rem .25rem 1rem #0000003d;color:var(--jkl-calendar-text-color);display:block}.jkl-calendar--hidden{display:none}.jkl-calendar:before{background-color:var(--jkl-calendar-background-color);border-right:.125rem solid var(--jkl-calendar-border-color);border-top:.125rem solid var(--jkl-calendar-border-color);content:"";height:.75rem;left:5.75rem;position:absolute;top:0;transform:translate(-50%,-50%) rotate(-45deg);width:.75rem}.jkl-calendar__padding{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--jkl-calendar-gap);padding:var(--jkl-calendar-padding)}@media screen and (forced-colors:active){.jkl-calendar__padding{border:1px solid CanvasText}}@media screen and (prefers-color-scheme:light){:root{--jkl-calendar-disabled-day-color:#c8c5c3;--jkl-calendar-navigation-arrow-focus-color:#636060}}[data-theme=light]{--jkl-calendar-navigation-arrow-focus-color:#636060}@media screen and (prefers-color-scheme:dark){:root{--jkl-calendar-disabled-day-color:#636060;--jkl-calendar-navigation-arrow-focus-color:#c8c5c3}}[data-theme=dark]{--jkl-calendar-navigation-arrow-focus-color:#c8c5c3}.jkl-calendar-navigation{align-items:center;border:0;box-sizing:border-box;display:flex;justify-content:space-between;margin:0;padding:0;width:100%}.jkl-calendar-navigation__arrow{align-items:center;background-color:initial;border-style:none;color:var(--jkl-calendar-text-color);cursor:pointer;display:inline-flex;height:2.5rem;justify-content:center;margin:0 0 0 -.5rem;outline:0;outline-style:none;padding:0;position:relative;width:2.5rem}.jkl-calendar-navigation__arrow:active,.jkl-calendar-navigation__arrow:focus,.jkl-calendar-navigation__arrow:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-calendar-navigation__arrow{border-style:revert}.jkl-calendar-navigation__arrow,.jkl-calendar-navigation__arrow:active,.jkl-calendar-navigation__arrow:focus,.jkl-calendar-navigation__arrow:hover{outline:revert;outline-style:revert}}.jkl-calendar-navigation__arrow:hover{color:var(--jkl-calendar-navigation-arrow-focus-color)}html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-calendar-navigation__arrow:focus{outline:.125rem solid var(--jkl-calendar-focus-color);outline-offset:-.125rem}.jkl-calendar-navigation__arrow:disabled{color:var(--jkl-calendar-disabled-day-color)}.jkl-calendar-navigation-dropdown{--chevron-size:1.5rem;align-items:center;display:inline-flex}.jkl-calendar-navigation-dropdown>*{cursor:pointer}.jkl-calendar-navigation-dropdown__select{-webkit-appearance:none;appearance:none;font-size:1rem;font-weight:400;line-height:1.5rem;--jkl-icon-weight:300;background-color:initial;border:none;border-radius:0;color:inherit;font-weight:700;height:2.5rem;margin:0;outline:0;outline-style:none;padding:0;padding-inline-end:var(--chevron-size);text-align:end;text-align-last:end}.jkl-calendar-navigation-dropdown__select:active,.jkl-calendar-navigation-dropdown__select:focus,.jkl-calendar-navigation-dropdown__select:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-calendar-navigation-dropdown__select{border-style:revert;outline:revert;outline-style:revert}.jkl-calendar-navigation-dropdown__select:active,.jkl-calendar-navigation-dropdown__select:focus,.jkl-calendar-navigation-dropdown__select:hover{outline:revert;outline-style:revert}}.jkl-calendar-navigation-dropdown__select option{background-color:var(--jkl-select-open-background-color);color:var(--jkl-select-text-color)}html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-calendar-navigation-dropdown__select:focus{outline:.125rem solid var(--jkl-calendar-focus-color);outline-offset:1px}.jkl-calendar-navigation-dropdown__chevron{margin-left:calc(var(--chevron-size)*-1);pointer-events:none}.jkl-calendar-navigation-dropdown+.jkl-calendar-navigation-dropdown{margin-inline-start:var(--jkl-spacing-8)}.jkl-calendar-table th{font-size:1rem;font-weight:400;line-height:1.5rem;--jkl-icon-weight:300;padding-bottom:var(--jkl-spacing-8)}.jkl-calendar-table td{text-align:center}.jkl-calendar-table td+td,.jkl-calendar-table th+th{padding-left:.25rem}.jkl-calendar-table tr+tr>td{padding-top:.25rem}@media screen and (prefers-color-scheme:light){:root{--jkl-calendar-adjacent-month-color:#636060;--jkl-calendar-disabled-day-color:#c8c5c3;--jkl-calendar-active-day-color:#fff;--jkl-calendar-hover-date-background-color:#ece9e5;--jkl-calendar-selected-date-background-color:#1b1917}}[data-theme=light]{--jkl-calendar-adjacent-month-color:#636060;--jkl-calendar-disabled-day-color:#c8c5c3;--jkl-calendar-active-day-color:#fff;--jkl-calendar-hover-date-background-color:#ece9e5;--jkl-calendar-selected-date-background-color:#1b1917}@media screen and (prefers-color-scheme:dark){:root{--jkl-calendar-adjacent-month-color:#c8c5c3;--jkl-calendar-disabled-day-color:#636060;--jkl-calendar-active-day-color:#000;--jkl-calendar-hover-date-background-color:#636060;--jkl-calendar-selected-date-background-color:#f9f9f9}}[data-theme=dark]{--jkl-calendar-adjacent-month-color:#c8c5c3;--jkl-calendar-disabled-day-color:#636060;--jkl-calendar-active-day-color:#000;--jkl-calendar-hover-date-background-color:#636060;--jkl-calendar-selected-date-background-color:#f9f9f9}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-calendar-date-size:2.375rem;--jkl-calendar-date-font-size:var(--jkl-body-font-size);--jkl-calendar-date-line-height:var(--jkl-body-line-height);--jkl-calendar-date-font-weight:var(--jkl-body-font-weight)}@media (width >= 0) and (max-width:679px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-calendar-date-size:2.25rem;--jkl-calendar-date-font-size:var(--jkl-small-font-size);--jkl-calendar-date-line-height:var(--jkl-small-line-height);--jkl-calendar-date-font-weight:var(--jkl-small-font-weight)}}@media (width >= 0) and (max-width:374px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-calendar-date-size:2rem}}[data-density=compact],[data-layout-density=compact]{--jkl-calendar-date-size:2rem;--jkl-calendar-date-font-size:var(--jkl-small-font-size);--jkl-calendar-date-line-height:var(--jkl-small-line-height);--jkl-calendar-date-font-weight:var(--jkl-small-font-weight)}.jkl-calendar-date-button{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border-radius:50%;border-style:none;box-sizing:border-box;color:var(--jkl-calendar-text-color);display:inline-flex;font-size:var(--jkl-calendar-date-font-size);font-weight:var(--jkl-calendar-date-font-weight);height:var(--jkl-calendar-date-size);justify-content:center;line-height:var(--jkl-calendar-date-line-height);margin:var(--jkl-calendar-date-margin);padding:.125rem 0 0;position:relative;transition-duration:75ms;transition-property:color,background-color,box-shadow;transition-timing-function:ease-out;width:var(--jkl-calendar-date-size)}.jkl-calendar-date-button,.jkl-calendar-date-button:active,.jkl-calendar-date-button:focus,.jkl-calendar-date-button:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-calendar-date-button{border-style:revert}.jkl-calendar-date-button,.jkl-calendar-date-button:active,.jkl-calendar-date-button:focus,.jkl-calendar-date-button:hover{outline:revert;outline-style:revert}}.jkl-calendar-date-button[data-adjacent=true]{font-size:1rem;font-weight:400;line-height:1.5rem;--jkl-icon-weight:300;color:var(--jkl-calendar-adjacent-month-color);padding:0}.jkl-calendar-date-button[aria-current=date]{font-weight:700}.jkl-calendar-date-button:hover:not(:disabled){background-color:var(--jkl-calendar-hover-date-background-color);cursor:pointer}.jkl-calendar-date-button[aria-pressed=true]{background-color:var(--jkl-calendar-selected-date-background-color);color:var(--jkl-calendar-active-day-color);cursor:pointer}.jkl-calendar-date-button[aria-pressed=true]:hover{color:var(--jkl-calendar-text-color)}.jkl-calendar-date-button:disabled{color:var(--jkl-calendar-disabled-day-color)}html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-calendar-date-button:focus{outline:.125rem solid var(--jkl-calendar-focus-color);outline-offset:.125rem}@media screen and (prefers-color-scheme:light){:root{--jkl-datepicker-focus-color:#1b1917}}[data-theme=light]{--jkl-datepicker-focus-color:#1b1917}@media screen and (prefers-color-scheme:dark){:root{--jkl-datepicker-focus-color:#f9f9f9}}[data-theme=dark]{--jkl-datepicker-focus-color:#f9f9f9}.jkl-datepicker{align-items:flex-start;border-style:none;display:flex;flex-direction:column;position:relative}.jkl-datepicker,.jkl-datepicker:active,.jkl-datepicker:focus,.jkl-datepicker:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-datepicker{border-style:revert}.jkl-datepicker,.jkl-datepicker:active,.jkl-datepicker:focus,.jkl-datepicker:hover{outline:revert;outline-style:revert}}.jkl-datepicker__input-wrapper{display:contents;position:relative}.jkl-datepicker .jkl-datepicker__input{padding-bottom:calc(var(--jkl-text-input-vertical-padding) - .08em);padding-top:calc(var(--jkl-text-input-vertical-padding) + .08em)}.jkl-datepicker__calendar-wrapper{left:0;position:absolute;top:calc(100% + .875rem);z-index:7000}.jkl-datepicker--open .jkl-text-input-wrapper{border-color:var(--jkl-text-input-focus-color);box-shadow:inset 0 0 0 .0625rem var(--jkl-text-input-focus-color),0 0 0 .0625rem var(--jkl-text-input-focus-color)}@media (width >= 0) and (max-width:679px){.jkl-datepicker__calendar-wrapper{left:-1.15rem}}@media (width >= 0) and (max-width:374px){.jkl-datepicker__calendar-wrapper{left:-2.5rem}}

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

@@ -1 +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)}
+@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;display:inline-block;font-family:Fremtind Material Symbols,Arial,Helvetica,sans-serif;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";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;-webkit-font-smoothing:antialiased;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)}

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

@@ -1 +1 @@
-@charset "UTF-8";@media screen and (prefers-color-scheme:light){:root{--jkl-link-color:#1b1917;--jkl-link-hover-color:#636060;--jkl-link-active-color:#1b1917}}[data-theme=light]{--jkl-link-color:#1b1917;--jkl-link-hover-color:#636060;--jkl-link-active-color:#1b1917}@media screen and (prefers-color-scheme:dark){:root{--jkl-link-color:#f9f9f9;--jkl-link-hover-color:#c8c5c3;--jkl-link-active-color:#f9f9f9}}[data-theme=dark]{--jkl-link-color:#f9f9f9;--jkl-link-hover-color:#c8c5c3;--jkl-link-active-color:#f9f9f9}.jkl-link{background-image:linear-gradient(to bottom,var(--jkl-link-color) 0,var(--jkl-link-color) 100%);background-position:0 calc(100% - .0625rem);background-repeat:repeat-x;background-size:.0625rem .0625rem;color:var(--jkl-link-color);outline:none;text-decoration:none;transition-duration:75ms;transition-property:color;transition-timing-function:ease}.jkl-link:hover:not(:focus){color:var(--jkl-link-hover-color)}.jkl-link:hover,.jkl-link:hover:not(:focus){background-image:linear-gradient(to bottom,var(--jkl-link-hover-color) 0,var(--jkl-link-hover-color) 100%)}.jkl-link:focus-visible{background:none;outline:2px solid var(--jkl-color-border-action);outline-offset:2px}.jkl-link:active{background-position:0 calc(100% - .0625rem)}.jkl-link--external:after,.jkl-link[target=_blank]:after{alt:" ";content:"↗";content:"↗"/""}@media screen and (forced-colors:active){.jkl-link{outline:revert;-webkit-text-decoration:revert;text-decoration:revert}}.jkl-nav-link{border-style:none;box-sizing:border-box;color:var(--jkl-link-color);font-weight:400;position:relative;text-decoration:none}.jkl-nav-link,.jkl-nav-link:active,.jkl-nav-link:focus,.jkl-nav-link:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-nav-link{border-style:revert}.jkl-nav-link,.jkl-nav-link:active,.jkl-nav-link:focus,.jkl-nav-link:hover{outline:revert;outline-style:revert}}.jkl-nav-link:after{alt:" ";content:"→";content:"→"/"";display:inline;margin-left:-.2em;padding-left:.35em;padding-right:.35em;transition-duration:.15s;transition-property:padding-left,padding-right;transition-timing-function:ease}.jkl-nav-link:hover:not(:focus){color:var(--jkl-link-hover-color)}.jkl-nav-link:hover:not(:focus):after{padding-left:.7em;padding-right:0}.jkl-nav-link:focus-visible{outline:2px solid var(--jkl-color-border-action);outline-offset:2px}.jkl-nav-link:focus-visible:after{padding-left:.7em;padding-right:0}.jkl-nav-link--active{--jkl-icon-weight:500;font-weight:700;letter-spacing:-.014em}.jkl-nav-link--back{margin-left:-.3em;padding-left:.3em;padding-right:0}.jkl-nav-link--back:after{display:none}.jkl-nav-link--back:before{alt:" ";content:"←";content:"←"/"";display:inline-block;padding-right:.25rem;transform:translateX(0);transition-duration:.15s;transition-property:transform;transition-timing-function:ease}.jkl-nav-link--back:focus-visible:before,.jkl-nav-link--back:hover:before{transform:translateX(-33%)}
+@charset "UTF-8";@media screen and (prefers-color-scheme:light){:root{--jkl-link-color:#1b1917;--jkl-link-hover-color:#636060;--jkl-link-active-color:#1b1917}}[data-theme=light]{--jkl-link-color:#1b1917;--jkl-link-hover-color:#636060;--jkl-link-active-color:#1b1917}@media screen and (prefers-color-scheme:dark){:root{--jkl-link-color:#f9f9f9;--jkl-link-hover-color:#c8c5c3;--jkl-link-active-color:#f9f9f9}}[data-theme=dark]{--jkl-link-color:#f9f9f9;--jkl-link-hover-color:#c8c5c3;--jkl-link-active-color:#f9f9f9}.jkl-link{background-image:linear-gradient(to bottom,var(--jkl-link-color) 0,var(--jkl-link-color) 100%);background-position:0 calc(100% - .0625rem);background-repeat:repeat-x;background-size:.0625rem .0625rem;color:var(--jkl-link-color);outline:none;text-decoration:none;transition-duration:75ms;transition-property:color;transition-timing-function:ease}.jkl-link:hover:not(:focus){color:var(--jkl-link-hover-color)}.jkl-link:hover,.jkl-link:hover:not(:focus){background-image:linear-gradient(to bottom,var(--jkl-link-hover-color) 0,var(--jkl-link-hover-color) 100%)}.jkl-link:focus-visible{background:none;outline:2px solid var(--jkl-color-border-action);outline-offset:2px}.jkl-link:active{background-position:0 calc(100% - .0625rem)}.jkl-link--external:after,.jkl-link[target=_blank]:after{content:"↗";content:"↗"/"";alt:" "}@media screen and (forced-colors:active){.jkl-link{outline:revert;-webkit-text-decoration:revert;text-decoration:revert}}.jkl-nav-link{border-style:none;box-sizing:border-box;color:var(--jkl-link-color);font-weight:400;position:relative;text-decoration:none}.jkl-nav-link,.jkl-nav-link:active,.jkl-nav-link:focus,.jkl-nav-link:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-nav-link{border-style:revert}.jkl-nav-link,.jkl-nav-link:active,.jkl-nav-link:focus,.jkl-nav-link:hover{outline:revert;outline-style:revert}}.jkl-nav-link:after{content:"→";content:"→"/"";alt:" ";display:inline;margin-left:-.2em;padding-left:.35em;padding-right:.35em;transition-duration:.15s;transition-property:padding-left,padding-right;transition-timing-function:ease}.jkl-nav-link:hover:not(:focus){color:var(--jkl-link-hover-color)}.jkl-nav-link:hover:not(:focus):after{padding-left:.7em;padding-right:0}.jkl-nav-link:focus-visible{outline:2px solid var(--jkl-color-border-action);outline-offset:2px}.jkl-nav-link:focus-visible:after{padding-left:.7em;padding-right:0}.jkl-nav-link--active{--jkl-icon-weight:500;font-weight:700;letter-spacing:-.014em}.jkl-nav-link--back{margin-left:-.3em;padding-left:.3em;padding-right:0}.jkl-nav-link--back:after{display:none}.jkl-nav-link--back:before{content:"←";content:"←"/"";alt:" ";display:inline-block;padding-right:.25rem;transform:translateX(0);transition-duration:.15s;transition-property:transform;transition-timing-function:ease}.jkl-nav-link--back:focus-visible:before,.jkl-nav-link--back:hover:before{transform:translateX(-33%)}

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

@@ -1 +1 @@
-@charset "UTF-8";@media screen and (prefers-color-scheme:light){:root{--jkl-list-marker-default:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' fill='%231B1917'%3E%3Cpath d='m4.01 0 4.002 4.002L4.01 8.004.008 4.002z'/%3E%3C/svg%3E");--jkl-list-marker-secondary:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' fill='transparent'%3E%3Cpath stroke='%231B1917' d='m4.002.707 3.295 3.295-3.295 3.295L.707 4.002z'/%3E%3C/svg%3E");--jkl-list-marker-cross:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none'%3E%3Ccircle cx='9.5' cy='9.5' r='8.75' fill='%23F6B3B3'/%3E%3Cpath fill='%231B1917' d='m5.54 12.68 7.14-7.1.84.85-7.13 7.09z'/%3E%3Cpath fill='%231B1917' d='m12.67 13.47-7.13-7.1.85-.83 7.13 7.1z'/%3E%3C/svg%3E");--jkl-list-marker-check:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none'%3E%3Ccircle cx='9.5' cy='9.5' r='9.5' fill='%23ACD3B5'/%3E%3Cpath stroke='%231B1917' stroke-width='1.5' d='m4.75 11 2.35 2.36 7.84-7.84'/%3E%3C/svg%3E");--jkl-list-text-color:#1b1917}}[data-theme=light]{--jkl-list-marker-default:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' fill='%231B1917'%3E%3Cpath d='m4.01 0 4.002 4.002L4.01 8.004.008 4.002z'/%3E%3C/svg%3E");--jkl-list-marker-secondary:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' fill='transparent'%3E%3Cpath stroke='%231B1917' d='m4.002.707 3.295 3.295-3.295 3.295L.707 4.002z'/%3E%3C/svg%3E");--jkl-list-marker-cross:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none'%3E%3Ccircle cx='9.5' cy='9.5' r='8.75' fill='%23F6B3B3'/%3E%3Cpath fill='%231B1917' d='m5.54 12.68 7.14-7.1.84.85-7.13 7.09z'/%3E%3Cpath fill='%231B1917' d='m12.67 13.47-7.13-7.1.85-.83 7.13 7.1z'/%3E%3C/svg%3E");--jkl-list-marker-check:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none'%3E%3Ccircle cx='9.5' cy='9.5' r='9.5' fill='%23ACD3B5'/%3E%3Cpath stroke='%231B1917' stroke-width='1.5' d='m4.75 11 2.35 2.36 7.84-7.84'/%3E%3C/svg%3E");--jkl-list-text-color:#1b1917}@media screen and (prefers-color-scheme:dark){:root{--jkl-list-marker-default:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' fill='%23F9F9F9'%3E%3Cpath d='m4.01 0 4.002 4.002L4.01 8.004.008 4.002z'/%3E%3C/svg%3E");--jkl-list-marker-secondary:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' fill='transparent'%3E%3Cpath stroke='%23F9F9F9' d='m4.002.707 3.295 3.295-3.295 3.295L.707 4.002z'/%3E%3C/svg%3E");--jkl-list-marker-cross:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none'%3E%3Ccircle cx='9.5' cy='9.5' r='8.75' fill='%23DE9E9E'/%3E%3Cpath fill='%231B1917' d='m5.54 12.68 7.14-7.1.84.85-7.13 7.09z'/%3E%3Cpath fill='%231B1917' d='m12.67 13.47-7.13-7.1.85-.83 7.13 7.1z'/%3E%3C/svg%3E");--jkl-list-marker-check:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none'%3E%3Ccircle cx='9.5' cy='9.5' r='9.5' fill='%2394B79B'/%3E%3Cpath stroke='%231B1917' stroke-width='1.5' d='m4.75 11 2.35 2.36 7.84-7.84'/%3E%3C/svg%3E");--jkl-list-text-color:#f9f9f9}}[data-theme=dark]{--jkl-list-marker-default:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' fill='%23F9F9F9'%3E%3Cpath d='m4.01 0 4.002 4.002L4.01 8.004.008 4.002z'/%3E%3C/svg%3E");--jkl-list-marker-secondary:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' fill='transparent'%3E%3Cpath stroke='%23F9F9F9' d='m4.002.707 3.295 3.295-3.295 3.295L.707 4.002z'/%3E%3C/svg%3E");--jkl-list-marker-cross:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none'%3E%3Ccircle cx='9.5' cy='9.5' r='8.75' fill='%23DE9E9E'/%3E%3Cpath fill='%231B1917' d='m5.54 12.68 7.14-7.1.84.85-7.13 7.09z'/%3E%3Cpath fill='%231B1917' d='m12.67 13.47-7.13-7.1.85-.83 7.13 7.1z'/%3E%3C/svg%3E");--jkl-list-marker-check:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none'%3E%3Ccircle cx='9.5' cy='9.5' r='9.5' fill='%2394B79B'/%3E%3Cpath stroke='%231B1917' stroke-width='1.5' d='m4.75 11 2.35 2.36 7.84-7.84'/%3E%3C/svg%3E");--jkl-list-text-color:#f9f9f9}.jkl-list{list-style:disc var(--jkl-list-marker-default);padding-left:1.75rem}.jkl-list>.jkl-list__item{margin:.5rem 0}.jkl-list>.jkl-list__item:first-of-type{margin-top:0}.jkl-list>.jkl-list__item:last-of-type,.jkl-list>.jkl-list__item>.jkl-list{margin-bottom:0}.jkl-list .jkl-list>.jkl-list__item{list-style:disc var(--jkl-list-marker-secondary);margin:0}.jkl-list .jkl-list>.jkl-list__item:first-of-type{margin-top:.5rem}.jkl-list .jkl-list>.jkl-list__item:last-of-type{margin-bottom:.5rem}.jkl-list--ordered{padding-left:revert}.jkl-list--ordered>.jkl-list__item{list-style:decimal;padding-left:revert}.jkl-list--ordered .jkl-list--ordered>.jkl-list__item{list-style:lower-alpha}.jkl-list__item{color:var(--jkl-list-text-color);padding-left:.375rem}.jkl-list__item::marker{color:var(--jkl-list-text-color)}.jkl-list__item--iconed{list-style:none;padding-left:1em;position:relative}.jkl-list__item--iconed:before{background-size:contain;display:inline-block;height:1em;left:clamp(-1em,-1rem,-1.4375rem);position:absolute;text-indent:-9999px;top:.25em;width:1em}.jkl-list__item--check:before{alt:" ";background-image:var(--jkl-list-marker-check);content:"✓";content:"✓"/""}.jkl-list__item--cross:before{alt:" ";background-image:var(--jkl-list-marker-cross);content:"❌";content:"❌"/""}@media screen and (forced-colors:active){.jkl-list:not(.jkl-list--ordered)>.jkl-list__item:not(.jkl-list__item--iconed){list-style:disc url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' fill='CanvasText'%3E%3Cpath d='m4.01 0 4.002 4.002L4.01 8.004.008 4.002z'/%3E%3C/svg%3E")}.jkl-list .jkl-list:not(.jkl-list--ordered):not(.jkl-list--iconed)>.jkl-list__item:not(.jkl-list__item--iconed){list-style:disc url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' fill='transparent'%3E%3Cpath stroke='CanvasText' d='m4.002.707 3.295 3.295-3.295 3.295L.707 4.002z'/%3E%3C/svg%3E")}.jkl-list .jkl-list__item--check:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none'%3E%3Ccircle cx='9.5' cy='9.5' r='9.5' fill='CanvasText'/%3E%3Cpath stroke='Canvas' stroke-width='1.5' d='m4.75 11 2.35 2.36 7.84-7.84'/%3E%3C/svg%3E")}.jkl-list .jkl-list__item--cross:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none'%3E%3Ccircle cx='9.5' cy='9.5' r='8.75' fill='CanvasText'/%3E%3Cpath fill='Canvas' d='m5.54 12.68 7.14-7.1.84.85-7.13 7.09z'/%3E%3Cpath fill='Canvas' d='m12.67 13.47-7.13-7.1.85-.83 7.13 7.1z'/%3E%3C/svg%3E")}}
+@charset "UTF-8";@media screen and (prefers-color-scheme:light){:root{--jkl-list-marker-default:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' fill='%231B1917' viewBox='0 0 9 9'%3E%3Cpath d='m4.01 0 4.002 4.002L4.01 8.004.008 4.002z'/%3E%3C/svg%3E");--jkl-list-marker-secondary:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' fill='transparent' viewBox='0 0 9 9'%3E%3Cpath stroke='%231B1917' d='m4.002.707 3.295 3.295-3.295 3.295L.707 4.002z'/%3E%3C/svg%3E");--jkl-list-marker-cross:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none'%3E%3Ccircle cx='9.5' cy='9.5' r='8.75' fill='%23F6B3B3'/%3E%3Cpath fill='%231B1917' d='m5.54 12.68 7.14-7.1.84.85-7.13 7.09z'/%3E%3Cpath fill='%231B1917' d='m12.67 13.47-7.13-7.1.85-.83 7.13 7.1z'/%3E%3C/svg%3E");--jkl-list-marker-check:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none'%3E%3Ccircle cx='9.5' cy='9.5' r='9.5' fill='%23ACD3B5'/%3E%3Cpath stroke='%231B1917' stroke-width='1.5' d='m4.75 11 2.35 2.36 7.84-7.84'/%3E%3C/svg%3E");--jkl-list-text-color:#1b1917}}[data-theme=light]{--jkl-list-marker-default:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' fill='%231B1917' viewBox='0 0 9 9'%3E%3Cpath d='m4.01 0 4.002 4.002L4.01 8.004.008 4.002z'/%3E%3C/svg%3E");--jkl-list-marker-secondary:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' fill='transparent' viewBox='0 0 9 9'%3E%3Cpath stroke='%231B1917' d='m4.002.707 3.295 3.295-3.295 3.295L.707 4.002z'/%3E%3C/svg%3E");--jkl-list-marker-cross:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none'%3E%3Ccircle cx='9.5' cy='9.5' r='8.75' fill='%23F6B3B3'/%3E%3Cpath fill='%231B1917' d='m5.54 12.68 7.14-7.1.84.85-7.13 7.09z'/%3E%3Cpath fill='%231B1917' d='m12.67 13.47-7.13-7.1.85-.83 7.13 7.1z'/%3E%3C/svg%3E");--jkl-list-marker-check:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none'%3E%3Ccircle cx='9.5' cy='9.5' r='9.5' fill='%23ACD3B5'/%3E%3Cpath stroke='%231B1917' stroke-width='1.5' d='m4.75 11 2.35 2.36 7.84-7.84'/%3E%3C/svg%3E");--jkl-list-text-color:#1b1917}@media screen and (prefers-color-scheme:dark){:root{--jkl-list-marker-default:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' fill='%23F9F9F9' viewBox='0 0 9 9'%3E%3Cpath d='m4.01 0 4.002 4.002L4.01 8.004.008 4.002z'/%3E%3C/svg%3E");--jkl-list-marker-secondary:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' fill='transparent' viewBox='0 0 9 9'%3E%3Cpath stroke='%23F9F9F9' d='m4.002.707 3.295 3.295-3.295 3.295L.707 4.002z'/%3E%3C/svg%3E");--jkl-list-marker-cross:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none'%3E%3Ccircle cx='9.5' cy='9.5' r='8.75' fill='%23DE9E9E'/%3E%3Cpath fill='%231B1917' d='m5.54 12.68 7.14-7.1.84.85-7.13 7.09z'/%3E%3Cpath fill='%231B1917' d='m12.67 13.47-7.13-7.1.85-.83 7.13 7.1z'/%3E%3C/svg%3E");--jkl-list-marker-check:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none'%3E%3Ccircle cx='9.5' cy='9.5' r='9.5' fill='%2394B79B'/%3E%3Cpath stroke='%231B1917' stroke-width='1.5' d='m4.75 11 2.35 2.36 7.84-7.84'/%3E%3C/svg%3E");--jkl-list-text-color:#f9f9f9}}[data-theme=dark]{--jkl-list-marker-default:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' fill='%23F9F9F9' viewBox='0 0 9 9'%3E%3Cpath d='m4.01 0 4.002 4.002L4.01 8.004.008 4.002z'/%3E%3C/svg%3E");--jkl-list-marker-secondary:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' fill='transparent' viewBox='0 0 9 9'%3E%3Cpath stroke='%23F9F9F9' d='m4.002.707 3.295 3.295-3.295 3.295L.707 4.002z'/%3E%3C/svg%3E");--jkl-list-marker-cross:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none'%3E%3Ccircle cx='9.5' cy='9.5' r='8.75' fill='%23DE9E9E'/%3E%3Cpath fill='%231B1917' d='m5.54 12.68 7.14-7.1.84.85-7.13 7.09z'/%3E%3Cpath fill='%231B1917' d='m12.67 13.47-7.13-7.1.85-.83 7.13 7.1z'/%3E%3C/svg%3E");--jkl-list-marker-check:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none'%3E%3Ccircle cx='9.5' cy='9.5' r='9.5' fill='%2394B79B'/%3E%3Cpath stroke='%231B1917' stroke-width='1.5' d='m4.75 11 2.35 2.36 7.84-7.84'/%3E%3C/svg%3E");--jkl-list-text-color:#f9f9f9}.jkl-list{list-style:disc var(--jkl-list-marker-default);padding-left:1.75rem}.jkl-list>.jkl-list__item{margin:.5rem 0}.jkl-list>.jkl-list__item:first-of-type{margin-top:0}.jkl-list>.jkl-list__item:last-of-type,.jkl-list>.jkl-list__item>.jkl-list{margin-bottom:0}.jkl-list .jkl-list>.jkl-list__item{list-style:disc var(--jkl-list-marker-secondary);margin:0}.jkl-list .jkl-list>.jkl-list__item:first-of-type{margin-top:.5rem}.jkl-list .jkl-list>.jkl-list__item:last-of-type{margin-bottom:.5rem}.jkl-list--ordered{padding-left:revert}.jkl-list--ordered>.jkl-list__item{list-style:decimal;padding-left:revert}.jkl-list--ordered .jkl-list--ordered>.jkl-list__item{list-style:lower-alpha}.jkl-list__item{color:var(--jkl-list-text-color);padding-left:.375rem}.jkl-list__item::marker{color:var(--jkl-list-text-color)}.jkl-list__item--iconed{list-style:none;padding-left:1em;position:relative}.jkl-list__item--iconed:before{background-size:contain;display:inline-block;height:1em;left:clamp(-1em,-1rem,-1.4375rem);position:absolute;text-indent:-9999px;top:.25em;width:1em}.jkl-list__item--check:before{content:"✓";content:"✓"/"";alt:" ";background-image:var(--jkl-list-marker-check)}.jkl-list__item--cross:before{content:"❌";content:"❌"/"";alt:" ";background-image:var(--jkl-list-marker-cross)}@media screen and (forced-colors:active){.jkl-list:not(.jkl-list--ordered)>.jkl-list__item:not(.jkl-list__item--iconed){list-style:disc url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' fill='CanvasText' viewBox='0 0 9 9'%3E%3Cpath d='m4.01 0 4.002 4.002L4.01 8.004.008 4.002z'/%3E%3C/svg%3E")}.jkl-list .jkl-list:not(.jkl-list--ordered):not(.jkl-list--iconed)>.jkl-list__item:not(.jkl-list__item--iconed){list-style:disc url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' fill='transparent' viewBox='0 0 9 9'%3E%3Cpath stroke='CanvasText' d='m4.002.707 3.295 3.295-3.295 3.295L.707 4.002z'/%3E%3C/svg%3E")}.jkl-list .jkl-list__item--check:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none'%3E%3Ccircle cx='9.5' cy='9.5' r='9.5' fill='CanvasText'/%3E%3Cpath stroke='Canvas' stroke-width='1.5' d='m4.75 11 2.35 2.36 7.84-7.84'/%3E%3C/svg%3E")}.jkl-list .jkl-list__item--cross:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none'%3E%3Ccircle cx='9.5' cy='9.5' r='8.75' fill='CanvasText'/%3E%3Cpath fill='Canvas' d='m5.54 12.68 7.14-7.1.84.85-7.13 7.09z'/%3E%3Cpath fill='Canvas' d='m12.67 13.47-7.13-7.1.85-.83 7.13 7.1z'/%3E%3C/svg%3E")}}