@fremtind/jokul 0.26.0 → 0.27.1

package/build/es/components/popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sources":["../../../../src/components/popover/Popover.tsx"],"sourcesContent":["import {\n    useFloating,\n    useFocus,\n    useHover,\n    useClick,\n    useDismiss,\n    autoUpdate,\n    useRole,\n    useMergeRefs,\n    offset,\n    flip,\n    shift,\n    useInteractions,\n    FloatingPortal,\n    FloatingFocusManager,\n    UseFloatingOptions,\n    VirtualElement,\n    ReferenceElement,\n    ReferenceType,\n} from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport * as React from \"react\";\nimport { getThemeAndDensity } from \"../../utilities/getThemeAndDensity.js\";\n\ntype ClickOptions = Parameters<typeof useClick>[1];\ntype DismissOptions = Parameters<typeof useDismiss>[1];\ntype FocusOptions = Parameters<typeof useFocus>[1];\ntype HoverOptions = Parameters<typeof useHover>[1];\ntype RoleOptions = Parameters<typeof useRole>[1];\n\ninterface PopoverOptions {\n    /**\n     * Angir om popoveren er åpen eller lukket.\n     *\n     * @see https://floating-ui.com/docs/usefloating#open\n     */\n    open?: boolean;\n    /**\n     * Callback som trigges når popoveren åpnes eller lukkes.\n     *\n     * @see https://floating-ui.com/docs/usefloating#onopenchange\n     */\n    onOpenChange?: UseFloatingOptions[\"onOpenChange\"];\n    /**\n     * Bestemmer plasseringen av popoveren.\n     *\n     * @see https://floating-ui.com/docs/usefloating#placement\n     *\n     * @default \"bottom-start\"\n     */\n    placement?: UseFloatingOptions[\"placement\"];\n    /**\n     * Definerer strategien for posisjonering av popoveren.\n     *\n     * @see https://floating-ui.com/docs/usefloating#strategy\n     *\n     * @default \"absolute\"\n     */\n    strategy?: UseFloatingOptions[\"strategy\"];\n    /**\n     * Angir om popoveren skal fungere som en modal, der fokus er låst til det flytende elementet\n     * og innhold utenfor ikke kan interageres med.\n     *\n     * @see https://floating-ui.com/docs/usefloating#modal\n     *\n     * @default true\n     */\n    modal?: boolean;\n    /**\n     * Justerer avstanden mellom referanse-elementet og popoveren.\n     *\n     * @see https://floating-ui.com/docs/offset\n     *\n     * @default 4\n     */\n    offset?: number;\n    /**\n     * Referanse til elementet som popoveren skal posisjoneres i forhold til.\n     *\n     * @see https://floating-ui.com/docs/usefloating#setpositionreference\n     *\n     * @default Popover.Trigger\n     */\n    positionReference?: React.RefObject<ReferenceType>;\n    /**\n     * Options for hover-interaksjoner.\n     *\n     * @see https://floating-ui.com/docs/usehover\n     *\n     * @default { enabled: false }\n     */\n    hoverOptions?: HoverOptions;\n    /**\n     * Options for fokus-interaksjoner.\n     *\n     * @see https://floating-ui.com/docs/usefocus\n     *\n     * @default { enabled: false }\n     */\n    focusOptions?: FocusOptions;\n    /**\n     * Options for klikk-interaksjoner.\n     *\n     * @see https://floating-ui.com/docs/useclick\n     *\n     * @default { enabled: false }\n     */\n    clickOptions?: ClickOptions;\n    /**\n     * Konfigurerer rollen for popoveren.\n     *\n     * @see https://floating-ui.com/docs/userole\n     *\n     * @default { enabled: true, role: \"dialog\" }\n     */\n    roleOptions?: RoleOptions;\n    /**\n     * Options for å lukke popoveren når en dismissal skjer,\n     * som ved å klikke utenfor eller trykke på \"Escape\"-tasten.\n     *\n     * @see https://floating-ui.com/docs/usedismiss\n     *\n     * @default { enabled: true }\n     */\n    dismissOptions?: DismissOptions;\n}\n\nconst usePopover = ({\n    open: _open,\n    onOpenChange: _onOpenChange,\n    placement = \"bottom-start\",\n    strategy = \"absolute\",\n    modal = true,\n    offset: _offset = 4,\n    positionReference,\n    hoverOptions,\n    focusOptions,\n    clickOptions,\n    roleOptions,\n    dismissOptions,\n}: PopoverOptions) => {\n    const [uncontrolledOpen, setUncontrolledOpen] = React.useState(_open);\n\n    const open = _open ?? uncontrolledOpen;\n    const onOpenChange = _onOpenChange ?? setUncontrolledOpen;\n\n    const data = useFloating({\n        open,\n        onOpenChange,\n        placement,\n        strategy,\n        middleware: [\n            offset(_offset),\n            flip({ padding: 5, fallbackPlacements: [\"bottom\", \"top\"] }),\n            shift({ padding: 12 }),\n        ],\n        whileElementsMounted: autoUpdate,\n    });\n\n    const context = data.context;\n\n    const click = useClick(context, {\n        enabled: false,\n        ...clickOptions,\n    });\n    const hover = useHover(context, { enabled: false, ...hoverOptions });\n    const focus = useFocus(context, { enabled: false, ...focusOptions });\n    const dismiss = useDismiss(context, dismissOptions);\n    const role = useRole(context, roleOptions);\n\n    const interactions = useInteractions([click, dismiss, focus, hover, role]);\n\n    React.useLayoutEffect(() => {\n        if (positionReference) {\n            data.refs.setPositionReference(positionReference?.current);\n        }\n    }, [positionReference, data.refs]);\n\n    return React.useMemo(\n        () => ({\n            open,\n            onOpenChange,\n            modal,\n            ...interactions,\n            ...data,\n        }),\n        [open, onOpenChange, modal, interactions, data],\n    );\n};\n\ntype PopoverContextType = ReturnType<typeof usePopover> | null;\n\nconst PopoverContext = React.createContext<PopoverContextType>(null);\n\nconst usePopoverContext = () => {\n    const context = React.useContext(PopoverContext);\n\n    if (context == null) {\n        throw new Error(\"Popover komponenter må brukes innenfor en <Popover /> komponent\");\n    }\n\n    return context;\n};\n\nexport const Popover = ({\n    children,\n    ...restOptions\n}: {\n    children: React.ReactNode;\n} & PopoverOptions) => {\n    const popover = usePopover({ ...restOptions });\n    return <PopoverContext.Provider value={popover}>{children}</PopoverContext.Provider>;\n};\n\ninterface PopoverTriggerProps {\n    children: React.ReactNode;\n    /**\n     * Rendrer komponenten som child-elementet sitt, og slår sammen egenskaper og props.\n     *\n     * Default er `false`.\n     *\n     * @example\n     * ```tsx\n     * <Component asChild foo=\"bar\">\n     *    <Child baz=\"qux\" />\n     * </Component>\n     *\n     * // Rendrer følgende:\n     * <Child foo=\"bar\" baz=\"qux\" />\n     * ```\n     */\n    asChild?: boolean;\n}\n\nconst PopoverTrigger = React.forwardRef<HTMLElement, React.HTMLProps<HTMLElement> & PopoverTriggerProps>(\n    function PopoverTrigger({ children, asChild = false, ...props }, propRef) {\n        const { refs, getReferenceProps, open, onOpenChange } = usePopoverContext();\n        const childrenRef = (children as any).ref;\n        const ref = useMergeRefs([refs.setReference, propRef, childrenRef]);\n\n        if (asChild && React.isValidElement(children)) {\n            return React.cloneElement(\n                children,\n                getReferenceProps({\n                    ref,\n                    ...props,\n                    ...children.props,\n                }),\n            );\n        }\n\n        return (\n            <button ref={ref} onClick={() => onOpenChange?.(!open)} aria-expanded={open} {...getReferenceProps(props)}>\n                {children}\n            </button>\n        );\n    },\n);\n\ninterface PopoverContentProps {\n    /**\n     * Padding rundt innholdet i popoveren.\n     *\n     * Default er `0`.\n     */\n    padding?: 0 | 8 | 16 | 24;\n    /**\n     *\n     * Angir hvilket element som skal motta fokus ved åpning.\n     * Kan være en tabbar index eller en referanse til et element.\"\n     *\n     * Default er `0`, som betyr at det første fokuserbare elementet i popoveren får fokus.\n     * @see https://floating-ui.com/docs/FloatingFocusManager#initialfocus\n     */\n    initialFocus?: number | React.RefObject<HTMLElement>;\n    /**\n     * Angir om fokus skal returneres til triggeren når popoveren lukkes.\n     *\n     * Default er `true`.\n     * @see https://floating-ui.com/docs/FloatingFocusManager#returnfocus\n     */\n    returnFocus?: boolean;\n}\n\n// Er popover-elementet posisjonert i forhold til et annet element enn triggeren?\nconst isCustomPositioned = (referenceElement: ReferenceElement): referenceElement is VirtualElement => {\n    if (!referenceElement) return false;\n\n    return \"contextElement\" in referenceElement;\n};\n\nconst PopoverContent = React.forwardRef<HTMLDivElement, React.HTMLProps<HTMLDivElement> & PopoverContentProps>(\n    function PopoverContent(\n        { style, className, padding = 0, initialFocus = 0, returnFocus = true, ...props },\n        propRef,\n    ) {\n        const { context, modal, refs, open, floatingStyles, getFloatingProps } = usePopoverContext();\n        const ref = useMergeRefs([refs.setFloating, propRef]);\n\n        const referenceElement = refs.reference.current as ReferenceElement;\n\n        const { theme, density } = isCustomPositioned(referenceElement)\n            ? getThemeAndDensity(referenceElement.contextElement)\n            : getThemeAndDensity(referenceElement);\n\n        if (!open) return null;\n\n        return (\n            <FloatingPortal>\n                <FloatingFocusManager\n                    context={context}\n                    modal={modal}\n                    initialFocus={initialFocus}\n                    returnFocus={returnFocus}\n                >\n                    <div\n                        data-theme={theme}\n                        data-layout-density={density}\n                        className={clsx(\"jkl jkl-popover\", className)}\n                        ref={ref}\n                        style={\n                            {\n                                ...style,\n                                ...floatingStyles,\n                                \"--popover-padding\": `var(--jkl-spacing-${padding})`,\n                            } as React.CSSProperties\n                        }\n                        {...getFloatingProps(props)}\n                    >\n                        {props.children}\n                    </div>\n                </FloatingFocusManager>\n            </FloatingPortal>\n        );\n    },\n);\n\nPopover.Trigger = PopoverTrigger;\nPopover.Content = PopoverContent;\n\nexport default Popover;\n"],"names":["PopoverContext","React","createContext","usePopoverContext","context","useContext","Error","Popover","children","restOptions","popover","open","_open","onOpenChange","_onOpenChange","placement","strategy","modal","offset","_offset","positionReference","hoverOptions","focusOptions","clickOptions","roleOptions","dismissOptions","uncontrolledOpen","setUncontrolledOpen","useState","data","useFloating","middleware","flip","padding","fallbackPlacements","shift","whileElementsMounted","autoUpdate","click","useClick","enabled","hover","useHover","focus","useFocus","dismiss","useDismiss","role","useRole","interactions","useInteractions","useLayoutEffect","refs","setPositionReference","current","useMemo","usePopover","Provider","value","PopoverTrigger","forwardRef","asChild","props","propRef","getReferenceProps","childrenRef","ref","useMergeRefs","setReference","isValidElement","cloneElement","jsx","onClick","PopoverContent","style","className","initialFocus","returnFocus","floatingStyles","getFloatingProps","setFloating","referenceElement","reference","theme","density","getThemeAndDensity","contextElement","FloatingPortal","FloatingFocusManager","clsx","Trigger","Content"],"mappings":"ubA+HA,MAiEMA,EAAiBC,EAAMC,cAAkC,MAEzDC,EAAoB,KAChBC,MAAAA,EAAUH,EAAMI,WAAWL,GAEjC,GAAe,MAAXI,EACM,MAAA,IAAIE,MAAM,mEAGbF,OAAAA,CAAAA,EAGEG,EAAU,EACnBC,SAAAA,KACGC,MAIH,MAAMC,EAnFS,GACfC,KAAMC,EACNC,aAAcC,EACdC,UAAAA,EAAY,eACZC,SAAAA,EAAW,WACXC,MAAAA,GAAQ,EACRC,OAAQC,EAAU,EAClBC,kBAAAA,EACAC,aAAAA,EACAC,aAAAA,EACAC,aAAAA,EACAC,YAAAA,EACAC,eAAAA,MAEA,MAAOC,EAAkBC,GAAuB1B,EAAM2B,SAAShB,GAEzDD,EAAOC,GAASc,EAChBb,EAAeC,GAAiBa,EAEhCE,EAAOC,EAAY,CACrBnB,KAAAA,EACAE,aAAAA,EACAE,UAAAA,EACAC,SAAAA,EACAe,WAAY,CACRb,EAAOC,GACPa,EAAK,CAAEC,QAAS,EAAGC,mBAAoB,CAAC,SAAU,SAClDC,EAAM,CAAEF,QAAS,MAErBG,qBAAsBC,IAGpBjC,EAAUyB,EAAKzB,QAEfkC,EAAQC,EAASnC,EAAS,CAC5BoC,SAAS,KACNjB,IAEDkB,EAAQC,EAAStC,EAAS,CAAEoC,SAAS,KAAUnB,IAC/CsB,EAAQC,EAASxC,EAAS,CAAEoC,SAAS,KAAUlB,IAC/CuB,EAAUC,EAAW1C,EAASqB,GAC9BsB,EAAOC,EAAQ5C,EAASoB,GAExByB,EAAeC,EAAgB,CAACZ,EAAOO,EAASF,EAAOF,EAAOM,IAEpE9C,OAAAA,EAAMkD,iBAAgB,KACd/B,GACKS,EAAAuB,KAAKC,qBAAqB,MAAAjC,OAAA,EAAAA,EAAmBkC,QAAO,GAE9D,CAAClC,EAAmBS,EAAKuB,OAErBnD,EAAMsD,SACT,KAAO,CACH5C,KAAAA,EACAE,aAAAA,EACAI,MAAAA,KACGgC,KACApB,KAEP,CAAClB,EAAME,EAAcI,EAAOgC,EAAcpB,GAAI,EAwBlC2B,CAAW,IAAK/C,aACxBT,EAAeyD,SAAf,CAAwBC,MAAOhD,EAAUF,SAAAA,GAAS,EAuBxDmD,EAAiB1D,EAAM2D,YACzB,UAA0BpD,SAAAA,EAAUqD,QAAAA,GAAU,KAAUC,GAASC,GACvD,MAAEX,KAAAA,EAAMY,kBAAAA,EAAmBrD,KAAAA,EAAME,aAAAA,GAAiBV,IAClD8D,EAAezD,EAAiB0D,IAChCA,EAAMC,EAAa,CAACf,EAAKgB,aAAcL,EAASE,IAEtD,OAAIJ,GAAW5D,EAAMoE,eAAe7D,GACzBP,EAAMqE,aACT9D,EACAwD,EAAkB,CACdE,IAAAA,KACGJ,KACAtD,EAASsD,SAMnBS,EAAA,SAAA,CAAOL,IAAAA,EAAUM,QAAS,IAAM,MAAA3D,OAAA,EAAAA,GAAgBF,GAAO,gBAAeA,KAAUqD,EAAkBF,GAC9FtD,SAAAA,GAGb,IAmCEiE,EAAiBxE,EAAM2D,YACzB,UACMc,MAAAA,EAAOC,UAAAA,EAAW1C,QAAAA,EAAU,EAAG2C,aAAAA,EAAe,EAAGC,YAAAA,GAAc,KAASf,GAC1EC,GAEM,MAAE3D,QAAAA,EAASa,MAAAA,EAAOmC,KAAAA,EAAMzC,KAAAA,EAAMmE,eAAAA,EAAgBC,iBAAAA,GAAqB5E,IACnE+D,EAAMC,EAAa,CAACf,EAAK4B,YAAajB,IAEtCkB,EAAmB7B,EAAK8B,UAAU5B,SAEhC6B,MAAAA,EAAOC,QAAAA,GACTC,GAjBcJ,EAgB0BA,IAb3C,mBAAoBA,EAcEA,EAAiBK,eACjBL,GAlBN,IAACA,EAoBhB,OAACtE,IAGA4E,EACG,CAAA/E,SAAA+D,EAACiB,EAAA,CACGpF,QAAAA,EACAa,MAAAA,EACA2D,aAAAA,EACAC,YAAAA,EAEArE,SAAA+D,EAAC,MAAA,CACG,aAAYY,EACZ,sBAAqBC,EACrBT,UAAWc,EAAK,kBAAmBd,GACnCT,IAAAA,EACAQ,MACI,IACOA,KACAI,EACH,oBAAqB,qBAAqB7C,SAG9C8C,EAAiBjB,GAEpBtD,SAAMsD,EAAAtD,eAxBL,IA6BtB,IAGJD,EAAQmF,QAAU/B,EAClBpD,EAAQoF,QAAUlB"}
+{"version":3,"file":"Popover.js","sources":["../../../../src/components/popover/Popover.tsx"],"sourcesContent":["import {\n    useFloating,\n    useFocus,\n    useHover,\n    useClick,\n    useDismiss,\n    autoUpdate,\n    useRole,\n    useMergeRefs,\n    offset,\n    flip,\n    shift,\n    useInteractions,\n    FloatingPortal,\n    FloatingFocusManager,\n    UseFloatingOptions,\n    VirtualElement,\n    ReferenceElement,\n    ReferenceType,\n} from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport * as React from \"react\";\nimport { getThemeAndDensity } from \"../../utilities/getThemeAndDensity.js\";\n\ntype ClickOptions = Parameters<typeof useClick>[1];\ntype DismissOptions = Parameters<typeof useDismiss>[1];\ntype FocusOptions = Parameters<typeof useFocus>[1];\ntype HoverOptions = Parameters<typeof useHover>[1];\ntype RoleOptions = Parameters<typeof useRole>[1];\n\ninterface PopoverOptions {\n    /**\n     * Angir om popoveren er åpen eller lukket.\n     *\n     * @see https://floating-ui.com/docs/usefloating#open\n     */\n    open?: boolean;\n    /**\n     * Callback som trigges når popoveren åpnes eller lukkes.\n     *\n     * @see https://floating-ui.com/docs/usefloating#onopenchange\n     */\n    onOpenChange?: UseFloatingOptions[\"onOpenChange\"];\n    /**\n     * Bestemmer plasseringen av popoveren.\n     *\n     * @see https://floating-ui.com/docs/usefloating#placement\n     *\n     * @default \"bottom-start\"\n     */\n    placement?: UseFloatingOptions[\"placement\"];\n    /**\n     * Definerer strategien for posisjonering av popoveren.\n     *\n     * @see https://floating-ui.com/docs/usefloating#strategy\n     *\n     * @default \"absolute\"\n     */\n    strategy?: UseFloatingOptions[\"strategy\"];\n    /**\n     * Angir om popoveren skal fungere som en modal, der fokus er låst til det flytende elementet\n     * og innhold utenfor ikke kan interageres med.\n     *\n     * @see https://floating-ui.com/docs/usefloating#modal\n     *\n     * @default true\n     */\n    modal?: boolean;\n    /**\n     * Justerer avstanden mellom referanse-elementet og popoveren.\n     *\n     * @see https://floating-ui.com/docs/offset\n     *\n     * @default 4\n     */\n    offset?: number;\n    /**\n     * Referanse til elementet som popoveren skal posisjoneres i forhold til.\n     *\n     * @see https://floating-ui.com/docs/usefloating#setpositionreference\n     *\n     * @default Popover.Trigger\n     */\n    positionReference?: React.RefObject<ReferenceType>;\n    /**\n     * Options for hover-interaksjoner.\n     *\n     * @see https://floating-ui.com/docs/usehover\n     *\n     * @default { enabled: false }\n     */\n    hoverOptions?: HoverOptions;\n    /**\n     * Options for fokus-interaksjoner.\n     *\n     * @see https://floating-ui.com/docs/usefocus\n     *\n     * @default { enabled: false }\n     */\n    focusOptions?: FocusOptions;\n    /**\n     * Options for klikk-interaksjoner.\n     *\n     * @see https://floating-ui.com/docs/useclick\n     *\n     * @default { enabled: false }\n     */\n    clickOptions?: ClickOptions;\n    /**\n     * Konfigurerer rollen for popoveren.\n     *\n     * @see https://floating-ui.com/docs/userole\n     *\n     * @default { enabled: true, role: \"dialog\" }\n     */\n    roleOptions?: RoleOptions;\n    /**\n     * Options for å lukke popoveren når en dismissal skjer,\n     * som ved å klikke utenfor eller trykke på \"Escape\"-tasten.\n     *\n     * @see https://floating-ui.com/docs/usedismiss\n     *\n     * @default { enabled: true }\n     */\n    dismissOptions?: DismissOptions;\n}\n\nconst usePopover = ({\n    open: _open,\n    onOpenChange: _onOpenChange,\n    placement = \"bottom-start\",\n    strategy = \"absolute\",\n    modal = true,\n    offset: _offset = 4,\n    positionReference,\n    hoverOptions,\n    focusOptions,\n    clickOptions,\n    roleOptions,\n    dismissOptions,\n}: PopoverOptions) => {\n    const [uncontrolledOpen, setUncontrolledOpen] = React.useState(_open);\n\n    const open = _open ?? uncontrolledOpen;\n    const onOpenChange = _onOpenChange ?? setUncontrolledOpen;\n\n    const data = useFloating({\n        open,\n        onOpenChange,\n        placement,\n        strategy,\n        middleware: [\n            offset(_offset),\n            flip({ padding: 5, fallbackPlacements: [\"bottom\", \"top\"] }),\n            shift({ padding: 12 }),\n        ],\n        whileElementsMounted: autoUpdate,\n    });\n\n    const context = data.context;\n\n    const click = useClick(context, {\n        enabled: false,\n        ...clickOptions,\n    });\n    const hover = useHover(context, { enabled: false, ...hoverOptions });\n    const focus = useFocus(context, { enabled: false, ...focusOptions });\n    const dismiss = useDismiss(context, dismissOptions);\n    const role = useRole(context, roleOptions);\n\n    const interactions = useInteractions([click, dismiss, focus, hover, role]);\n\n    React.useLayoutEffect(() => {\n        if (positionReference) {\n            data.refs.setPositionReference(positionReference?.current);\n        }\n    }, [positionReference, data.refs]);\n\n    return React.useMemo(\n        () => ({\n            open,\n            onOpenChange,\n            modal,\n            ...interactions,\n            ...data,\n        }),\n        [open, onOpenChange, modal, interactions, data],\n    );\n};\n\ntype PopoverContextType = ReturnType<typeof usePopover> | null;\n\nconst PopoverContext = React.createContext<PopoverContextType>(null);\n\nconst usePopoverContext = () => {\n    const context = React.useContext(PopoverContext);\n\n    if (context == null) {\n        throw new Error(\"Popover komponenter må brukes innenfor en <Popover /> komponent\");\n    }\n\n    return context;\n};\n\nexport const Popover = ({\n    children,\n    ...restOptions\n}: {\n    children: React.ReactNode;\n} & PopoverOptions) => {\n    const popover = usePopover({ ...restOptions });\n    return <PopoverContext.Provider value={popover}>{children}</PopoverContext.Provider>;\n};\n\ninterface PopoverTriggerProps {\n    children: React.ReactNode;\n    /**\n     * Rendrer komponenten som child-elementet sitt, og slår sammen egenskaper og props.\n     *\n     * Default er `false`.\n     *\n     * @example\n     * ```tsx\n     * <Component asChild foo=\"bar\">\n     *    <Child baz=\"qux\" />\n     * </Component>\n     *\n     * // Rendrer følgende:\n     * <Child foo=\"bar\" baz=\"qux\" />\n     * ```\n     */\n    asChild?: boolean;\n}\n\nconst PopoverTrigger = React.forwardRef<HTMLElement, React.HTMLProps<HTMLElement> & PopoverTriggerProps>(\n    function PopoverTrigger({ children, asChild = false, ...props }, propRef) {\n        const { refs, getReferenceProps, open, onOpenChange } = usePopoverContext();\n        const childrenRef = (children as any).ref;\n        const ref = useMergeRefs([refs.setReference, propRef, childrenRef]);\n\n        if (asChild && React.isValidElement(children)) {\n            return React.cloneElement(\n                children,\n                getReferenceProps({\n                    ref,\n                    ...props,\n                    ...children.props,\n                }),\n            );\n        }\n\n        return (\n            <button ref={ref} onClick={() => onOpenChange?.(!open)} aria-expanded={open} {...getReferenceProps(props)}>\n                {children}\n            </button>\n        );\n    },\n);\n\ninterface PopoverContentProps {\n    /**\n     * Padding rundt innholdet i popoveren.\n     *\n     * Default er `0`.\n     */\n    padding?: 0 | 8 | 16 | 24;\n    /**\n     *\n     * Angir hvilket element som skal motta fokus ved åpning.\n     * Kan være en tabbar index eller en referanse til et element.\"\n     *\n     * Default er `0`, som betyr at det første fokuserbare elementet i popoveren får fokus.\n     * @see https://floating-ui.com/docs/FloatingFocusManager#initialfocus\n     */\n    initialFocus?: number | React.RefObject<HTMLElement>;\n    /**\n     * Angir om fokus skal returneres til triggeren når popoveren lukkes.\n     *\n     * Default er `true`.\n     * @see https://floating-ui.com/docs/FloatingFocusManager#returnfocus\n     */\n    returnFocus?: boolean;\n}\n\n// Er popover-elementet posisjonert i forhold til et annet element enn triggeren?\nconst isCustomPositioned = (referenceElement: ReferenceElement): referenceElement is VirtualElement => {\n    if (!referenceElement) return false;\n\n    return \"contextElement\" in referenceElement;\n};\n\nconst PopoverContent = React.forwardRef<HTMLDivElement, React.HTMLProps<HTMLDivElement> & PopoverContentProps>(\n    function PopoverContent(\n        { style, className, padding = 0, initialFocus = 0, returnFocus = true, ...props },\n        propRef,\n    ) {\n        const { context, modal, refs, open, floatingStyles, getFloatingProps } = usePopoverContext();\n        const ref = useMergeRefs([refs.setFloating, propRef]);\n\n        const referenceElement = refs.reference.current as ReferenceElement;\n\n        const { theme, density } = isCustomPositioned(referenceElement)\n            ? getThemeAndDensity(referenceElement.contextElement)\n            : getThemeAndDensity(referenceElement);\n\n        const floatingPortalRef = React.useRef<HTMLElement | null>(null);\n\n        // TODO: Løser et problem hvor nestede portaler ikke \"fester\" seg til det nærmeste portal-elementet. Fjernes når alle komponenter som rendres i en portal tar i bruk popover komponenten da den håndterer dette internt.\n        React.useEffect(() => {\n            floatingPortalRef.current = context.elements.domReference?.closest<HTMLElement>(\"[data-portal]\") || null;\n        }, [context.elements.domReference]);\n\n        if (!open) return null;\n\n        return (\n            <FloatingPortal root={floatingPortalRef.current}>\n                <FloatingFocusManager\n                    context={context}\n                    modal={modal}\n                    initialFocus={initialFocus}\n                    returnFocus={returnFocus}\n                >\n                    <div\n                        data-theme={theme}\n                        data-layout-density={density}\n                        className={clsx(\"jkl jkl-popover\", className)}\n                        ref={ref}\n                        style={\n                            {\n                                ...style,\n                                ...floatingStyles,\n                                \"--popover-padding\": `var(--jkl-spacing-${padding})`,\n                            } as React.CSSProperties\n                        }\n                        {...getFloatingProps(props)}\n                    >\n                        {props.children}\n                    </div>\n                </FloatingFocusManager>\n            </FloatingPortal>\n        );\n    },\n);\n\nPopover.Trigger = PopoverTrigger;\nPopover.Content = PopoverContent;\n\nexport default Popover;\n"],"names":["PopoverContext","React","createContext","usePopoverContext","context","useContext","Error","Popover","children","restOptions","popover","open","_open","onOpenChange","_onOpenChange","placement","strategy","modal","offset","_offset","positionReference","hoverOptions","focusOptions","clickOptions","roleOptions","dismissOptions","uncontrolledOpen","setUncontrolledOpen","useState","data","useFloating","middleware","flip","padding","fallbackPlacements","shift","whileElementsMounted","autoUpdate","click","useClick","enabled","hover","useHover","focus","useFocus","dismiss","useDismiss","role","useRole","interactions","useInteractions","useLayoutEffect","refs","setPositionReference","current","useMemo","usePopover","Provider","value","PopoverTrigger","forwardRef","asChild","props","propRef","getReferenceProps","childrenRef","ref","useMergeRefs","setReference","isValidElement","cloneElement","jsx","onClick","PopoverContent","style","className","initialFocus","returnFocus","floatingStyles","getFloatingProps","setFloating","referenceElement","reference","theme","density","getThemeAndDensity","contextElement","floatingPortalRef","useRef","useEffect","_a","elements","domReference","closest","FloatingPortal","root","FloatingFocusManager","clsx","Trigger","Content"],"mappings":"ubA+HA,MAiEMA,EAAiBC,EAAMC,cAAkC,MAEzDC,EAAoB,KAChBC,MAAAA,EAAUH,EAAMI,WAAWL,GAEjC,GAAe,MAAXI,EACM,MAAA,IAAIE,MAAM,mEAGbF,OAAAA,CAAAA,EAGEG,EAAU,EACnBC,SAAAA,KACGC,MAIH,MAAMC,EAnFS,GACfC,KAAMC,EACNC,aAAcC,EACdC,UAAAA,EAAY,eACZC,SAAAA,EAAW,WACXC,MAAAA,GAAQ,EACRC,OAAQC,EAAU,EAClBC,kBAAAA,EACAC,aAAAA,EACAC,aAAAA,EACAC,aAAAA,EACAC,YAAAA,EACAC,eAAAA,MAEA,MAAOC,EAAkBC,GAAuB1B,EAAM2B,SAAShB,GAEzDD,EAAOC,GAASc,EAChBb,EAAeC,GAAiBa,EAEhCE,EAAOC,EAAY,CACrBnB,KAAAA,EACAE,aAAAA,EACAE,UAAAA,EACAC,SAAAA,EACAe,WAAY,CACRb,EAAOC,GACPa,EAAK,CAAEC,QAAS,EAAGC,mBAAoB,CAAC,SAAU,SAClDC,EAAM,CAAEF,QAAS,MAErBG,qBAAsBC,IAGpBjC,EAAUyB,EAAKzB,QAEfkC,EAAQC,EAASnC,EAAS,CAC5BoC,SAAS,KACNjB,IAEDkB,EAAQC,EAAStC,EAAS,CAAEoC,SAAS,KAAUnB,IAC/CsB,EAAQC,EAASxC,EAAS,CAAEoC,SAAS,KAAUlB,IAC/CuB,EAAUC,EAAW1C,EAASqB,GAC9BsB,EAAOC,EAAQ5C,EAASoB,GAExByB,EAAeC,EAAgB,CAACZ,EAAOO,EAASF,EAAOF,EAAOM,IAEpE9C,OAAAA,EAAMkD,iBAAgB,KACd/B,GACKS,EAAAuB,KAAKC,qBAAqB,MAAAjC,OAAA,EAAAA,EAAmBkC,QAAO,GAE9D,CAAClC,EAAmBS,EAAKuB,OAErBnD,EAAMsD,SACT,KAAO,CACH5C,KAAAA,EACAE,aAAAA,EACAI,MAAAA,KACGgC,KACApB,KAEP,CAAClB,EAAME,EAAcI,EAAOgC,EAAcpB,GAAI,EAwBlC2B,CAAW,IAAK/C,aACxBT,EAAeyD,SAAf,CAAwBC,MAAOhD,EAAUF,SAAAA,GAAS,EAuBxDmD,EAAiB1D,EAAM2D,YACzB,UAA0BpD,SAAAA,EAAUqD,QAAAA,GAAU,KAAUC,GAASC,GACvD,MAAEX,KAAAA,EAAMY,kBAAAA,EAAmBrD,KAAAA,EAAME,aAAAA,GAAiBV,IAClD8D,EAAezD,EAAiB0D,IAChCA,EAAMC,EAAa,CAACf,EAAKgB,aAAcL,EAASE,IAEtD,OAAIJ,GAAW5D,EAAMoE,eAAe7D,GACzBP,EAAMqE,aACT9D,EACAwD,EAAkB,CACdE,IAAAA,KACGJ,KACAtD,EAASsD,SAMnBS,EAAA,SAAA,CAAOL,IAAAA,EAAUM,QAAS,IAAM,MAAA3D,OAAA,EAAAA,GAAgBF,GAAO,gBAAeA,KAAUqD,EAAkBF,GAC9FtD,SAAAA,GAGb,IAmCEiE,EAAiBxE,EAAM2D,YACzB,UACMc,MAAAA,EAAOC,UAAAA,EAAW1C,QAAAA,EAAU,EAAG2C,aAAAA,EAAe,EAAGC,YAAAA,GAAc,KAASf,GAC1EC,GAEM,MAAE3D,QAAAA,EAASa,MAAAA,EAAOmC,KAAAA,EAAMzC,KAAAA,EAAMmE,eAAAA,EAAgBC,iBAAAA,GAAqB5E,IACnE+D,EAAMC,EAAa,CAACf,EAAK4B,YAAajB,IAEtCkB,EAAmB7B,EAAK8B,UAAU5B,SAEhC6B,MAAAA,EAAOC,QAAAA,GACTC,GAjBcJ,EAgB0BA,IAb3C,mBAAoBA,EAcEA,EAAiBK,eACjBL,GAEnBM,EAAoBtF,EAAMuF,OAA2B,MApBxC,IAACP,EAuBpBhF,OAAAA,EAAMwF,WAAU,WACZF,EAAkBjC,SAAU,OAAAoC,EAAAtF,EAAQuF,SAASC,mBAAjB,EAAAF,EAA+BG,QAAqB,mBAAoB,IAAA,GACrG,CAACzF,EAAQuF,SAASC,eAEhBjF,EAGA4D,EAAAuB,EAAA,CAAeC,KAAMR,EAAkBjC,QACpC9C,SAAA+D,EAACyB,EAAA,CACG5F,QAAAA,EACAa,MAAAA,EACA2D,aAAAA,EACAC,YAAAA,EAEArE,SAAA+D,EAAC,MAAA,CACG,aAAYY,EACZ,sBAAqBC,EACrBT,UAAWsB,EAAK,kBAAmBtB,GACnCT,IAAAA,EACAQ,MACI,IACOA,KACAI,EACH,oBAAqB,qBAAqB7C,SAG9C8C,EAAiBjB,GAEpBtD,SAAMsD,EAAAtD,eAxBL,IA6BtB,IAGJD,EAAQ2F,QAAUvC,EAClBpD,EAAQ4F,QAAU1B"}

package/build/es/components/radio-panel/RadioPanel.d.ts

@@ -0,0 +1,10 @@
+import { default as React, ComponentPropsWithRef } from 'react';
+type Props = ComponentPropsWithRef<"input"> & {
+    name: string;
+    value: string;
+    label: string;
+    extraLabel?: React.ReactNode;
+    alwaysOpen?: boolean;
+};
+export declare const RadioPanel: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/build/es/components/radio-panel/RadioPanel.js

@@ -0,0 +1,2 @@
+import{jsxs as e,jsx as a}from"react/jsx-runtime";import{c as s}from"../../../clsx-BeLtu-UY.js";import{forwardRef as l,useState as n,useCallback as r,useEffect as t,Children as i}from"react";import{useAutoAnimatedHeight as o}from"../../hooks/useAnimatedHeight/useAutoAnimateHeight.js";import"../../hooks/useScreen/useScreen.js";import"../../hooks/useId/useId.js";const d=l((function({children:l,alwaysOpen:d=!1,label:c,extraLabel:m,name:p,checked:u,...h},j){const[_,f]=n(!0),k=o(_),x=r((()=>d?-1:(f(!1),window.setTimeout((()=>{f(!0)}),200))),[f,d]);t((()=>{if(!u)return;const e=x();return()=>window.clearTimeout(e)}),[u,x]);const b=i.count(l)>0;return e("div",{className:"jkl-radio-panel",ref:j,children:[e("label",{className:"jkl-radio-panel__label",children:[a("input",{onChange:x,className:"jkl-radio-panel__input",type:"radio",name:p,...h}),a("span",{"aria-hidden":"true",className:"jkl-radio-panel__dot"}),a("span",{className:"jkl-radio-panel__main-label",children:c}),a("span",{className:s("jkl-radio-panel__extra-label",{"jkl-radio-panel__extra-label--text":"string"==typeof m}),children:m})]}),a("div",{"data-open":_&&b,"data-alwaysOpen":d&&b,ref:k,className:"jkl-radio-panel__content","aria-live":!d&&b?"polite":void 0,children:_&&l})]})}));export{d as RadioPanel};
+//# sourceMappingURL=RadioPanel.js.map

package/build/es/components/radio-panel/RadioPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioPanel.js","sources":["../../../../src/components/radio-panel/RadioPanel.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, {\n    Children,\n    ComponentPropsWithRef,\n    ForwardedRef,\n    forwardRef,\n    useCallback,\n    useEffect,\n    useState,\n} from \"react\";\nimport { useAutoAnimatedHeight } from \"../../hooks/index.js\";\n\ntype Props = ComponentPropsWithRef<\"input\"> & {\n    name: string;\n    value: string;\n    label: string;\n    extraLabel?: React.ReactNode;\n    alwaysOpen?: boolean;\n};\n\nexport const RadioPanel = forwardRef(function RadioPanel(\n    { children, alwaysOpen = false, label, extraLabel, name, checked, ...rest }: Props,\n    ref: ForwardedRef<HTMLDivElement>,\n) {\n    const [renderChildren, setRenderChildren] = useState(true);\n    const animationRef = useAutoAnimatedHeight<HTMLDivElement>(renderChildren);\n\n    const handleChange = useCallback(() => {\n        if (alwaysOpen) {\n            return -1;\n        }\n\n        // Hvis går fra lukket til åpen, trigge endring i live-region men\n        // vent \"lenge nok\" til at skjermleseren får det med seg,\n        // radio-knapper får bare en change event når de velges. Det at\n        // en annen radio i gruppen blir valgt trigger bare et event på den.\n        setRenderChildren(false);\n        return window.setTimeout(() => {\n            setRenderChildren(true);\n        }, 200);\n    }, [setRenderChildren, alwaysOpen]);\n\n    useEffect(() => {\n        if (!checked) {\n            return;\n        }\n        const timeoutId = handleChange();\n        return () => window.clearTimeout(timeoutId);\n    }, [checked, handleChange]);\n\n    const hasChildren = Children.count(children) > 0;\n\n    return (\n        <div className=\"jkl-radio-panel\" ref={ref}>\n            <label className=\"jkl-radio-panel__label\">\n                <input onChange={handleChange} className=\"jkl-radio-panel__input\" type=\"radio\" name={name} {...rest} />\n                <span aria-hidden=\"true\" className=\"jkl-radio-panel__dot\"></span>\n                <span className=\"jkl-radio-panel__main-label\">{label}</span>\n                <span\n                    className={clsx(\"jkl-radio-panel__extra-label\", {\n                        \"jkl-radio-panel__extra-label--text\": typeof extraLabel === \"string\",\n                    })}\n                >\n                    {extraLabel}\n                </span>\n            </label>\n            <div\n                data-open={renderChildren && hasChildren}\n                data-alwaysOpen={alwaysOpen && hasChildren}\n                ref={animationRef}\n                className=\"jkl-radio-panel__content\"\n                aria-live={!alwaysOpen && hasChildren ? \"polite\" : undefined}\n            >\n                {renderChildren && children}\n            </div>\n        </div>\n    );\n});\n"],"names":["RadioPanel","forwardRef","children","alwaysOpen","label","extraLabel","name","checked","rest","ref","renderChildren","setRenderChildren","useState","animationRef","useAutoAnimatedHeight","handleChange","useCallback","window","setTimeout","useEffect","timeoutId","clearTimeout","hasChildren","Children","count","jsxs","className","jsx","onChange","type","clsx"],"mappings":"2WAoBO,MAAMA,EAAaC,GAAW,UAC/BC,SAAAA,EAAUC,WAAAA,GAAa,EAAOC,MAAAA,EAAOC,WAAAA,EAAYC,KAAAA,EAAMC,QAAAA,KAAYC,GACrEC,GAEM,MAACC,EAAgBC,GAAqBC,GAAS,GAC/CC,EAAeC,EAAsCJ,GAErDK,EAAeC,GAAY,IACzBb,GACO,GAOXQ,GAAkB,GACXM,OAAOC,YAAW,KACrBP,GAAkB,EAAI,GACvB,OACJ,CAACA,EAAmBR,IAEvBgB,GAAU,KACN,IAAKZ,EACD,OAEJ,MAAMa,EAAYL,IACX,MAAA,IAAME,OAAOI,aAAaD,EAAS,GAC3C,CAACb,EAASQ,IAEb,MAAMO,EAAcC,EAASC,MAAMtB,GAAY,EAG1C,OAAAuB,EAAA,MAAA,CAAIC,UAAU,kBAAkBjB,IAAAA,EAC7BP,SAAA,CAACuB,EAAA,QAAA,CAAMC,UAAU,yBACbxB,SAAA,CAACyB,EAAA,QAAA,CAAMC,SAAUb,EAAcW,UAAU,yBAAyBG,KAAK,QAAQvB,KAAAA,KAAgBE,IAC9FmB,EAAA,OAAA,CAAK,cAAY,OAAOD,UAAU,yBAClCC,EAAA,OAAA,CAAKD,UAAU,8BAA+BxB,SAAME,IACrDuB,EAAC,OAAA,CACGD,UAAWI,EAAK,+BAAgC,CAC5C,qCAA4D,iBAAfzB,IAGhDH,SAAAG,OAGTsB,EAAC,MAAA,CACG,YAAWjB,GAAkBY,EAC7B,kBAAiBnB,GAAcmB,EAC/Bb,IAAKI,EACLa,UAAU,2BACV,aAAYvB,GAAcmB,EAAc,cAAW,EAElDpB,SAAkBQ,GAAAR,MAInC"}

package/build/es/components/radio-panel/index.d.ts

@@ -0,0 +1 @@
+export * from './RadioPanel.js';

package/build/es/components/radio-panel/index.js

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

package/build/es/components/radio-panel/index.js.map

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

package/build/es/index.js

@@ -1,2 +1,2 @@
-import{Accordion as o}from"./components/accordion/Accordion.js";import{AccordionItem as s}from"./components/accordion/AccordionItem.js";import{Breadcrumb as e}from"./components/breadcrumb/Breadcrumb.js";import{BreadcrumbItem as a}from"./components/breadcrumb/BreadcrumbItem.js";import{Button as t,PrimaryButton as r,SecondaryButton as n,TertiaryButton as i}from"./components/button/Button.js";import{Card as m}from"./components/card/Card.js";import{CardImage as p}from"./components/card/CardImage.js";import{InfoBlock as c,NavCard as l}from"./components/card/NavCard.js";import{TaskCard as u}from"./components/card/TaskCard.js";import{InfoCard as d}from"./components/card/InfoCard.js";import{Checkbox as f}from"./components/checkbox/Checkbox.js";import{Combobox as g,getComboboxValuePair as j}from"./components/combobox/Combobox.js";import{CookieConsent as b}from"./components/cookie-consent/CookieConsent.js";import{CookieConsentProvider as I,useCookieConsent as T}from"./components/cookie-consent/CookieConsentContext.js";import{isCorrectFormat as k,isWithinLowerBound as h,isWithinUpperBound as C}from"./components/datepicker/validation.js";import{dayMonthYearRegex as S,formatInput as v,isBlurTargetOutside as M,parseDateString as L}from"./components/datepicker/utils.js";import{DatePicker as A}from"./components/datepicker/DatePicker.js";import{Feedback as E}from"./components/feedback/Feedback.js";import{PRESETS as R}from"./components/feedback/presets.js";import{Flex as x}from"./components/flex/Flex.js";import{DescriptionDetail as B,DescriptionList as w,DescriptionTerm as P}from"./components/description-list/DescriptionList.js";import{Expander as F}from"./components/expander/Expander.js";import{ExpandSection as D}from"./components/expander/ExpandSection.js";import{Icon as N}from"./components/icon/Icon.js";import{ArrowVerticalAnimated as V}from"./components/icon/icons/animated/ArrowVerticalAnimated.js";import{ArrowHorizontalAnimated as y}from"./components/icon/icons/animated/ArrowHorizontalAnimated.js";import{PlusRemoveAnimated as O}from"./components/icon/icons/animated/PlusRemoveAnimated.js";import{ArrowDownIcon as G}from"./components/icon/icons/ArrowDownIcon.js";import{ArrowLeftIcon as H}from"./components/icon/icons/ArrowLeftIcon.js";import{ArrowNorthEastIcon as W}from"./components/icon/icons/ArrowNorthEastIcon.js";import{ArrowRightIcon as U}from"./components/icon/icons/ArrowRightIcon.js";import{ArrowUpIcon as K}from"./components/icon/icons/ArrowUpIcon.js";import{CalendarIcon as X}from"./components/icon/icons/CalendarIcon.js";import{CheckIcon as _}from"./components/icon/icons/CheckIcon.js";import{ChevronDownIcon as z}from"./components/icon/icons/ChevronDownIcon.js";import{ChevronLeftIcon as Q}from"./components/icon/icons/ChevronLeftIcon.js";import{ChevronRightIcon as J}from"./components/icon/icons/ChevronRightIcon.js";import{ChevronUpIcon as Y}from"./components/icon/icons/ChevronUpIcon.js";import{CloseIcon as q}from"./components/icon/icons/CloseIcon.js";import{CopyIcon as Z}from"./components/icon/icons/CopyIcon.js";import{DotsIcon as $}from"./components/icon/icons/DotsIcon.js";import{DragIcon as oo}from"./components/icon/icons/DragIcon.js";import{ErrorIcon as so}from"./components/icon/icons/ErrorIcon.js";import{GreenCheckIcon as eo}from"./components/icon/icons/GreenCheckIcon.js";import{HamburgerIcon as ao}from"./components/icon/icons/HamburgerIcon.js";import{InfoIcon as to}from"./components/icon/icons/InfoIcon.js";import{LinkIcon as ro}from"./components/icon/icons/LinkIcon.js";import{PlusIcon as no}from"./components/icon/icons/PlusIcon.js";import{QuestionIcon as io}from"./components/icon/icons/QuestionIcon.js";import{RedCrossIcon as mo}from"./components/icon/icons/RedCrossIcon.js";import{SearchIcon as po}from"./components/icon/icons/SearchIcon.js";import{SuccessIcon as co}from"./components/icon/icons/SuccessIcon.js";import{WarningIcon as lo}from"./components/icon/icons/WarningIcon.js";import{MinusIcon as uo}from"./components/icon/icons/MinusIcon.js";import{ThumbDownIcon as fo}from"./components/icon/icons/ThumbDownIcon.js";import{ThumbUpIcon as go}from"./components/icon/icons/ThumbUpIcon.js";import{TrashCanIcon as jo}from"./components/icon/icons/TrashCanIcon.js";import{PenIcon as bo}from"./components/icon/icons/PenIcon.js";import{IconButton as Io}from"./components/icon-button/IconButton.js";import{Image as To}from"./components/image/Image.js";import{FieldGroup as ko}from"./components/input-group/FieldGroup.js";import{InputGroup as ho}from"./components/input-group/InputGroup.js";import{Label as Co}from"./components/input-group/Label.js";import{SupportLabel as So}from"./components/input-group/SupportLabel.js";import{Link as vo}from"./components/link/Link.js";import{NavLink as Mo}from"./components/link/NavLink.js";import{LinkList as Lo}from"./components/link-list/LinkList.js";import{List as Ao,OrderedList as Eo,UnorderedList as Ro}from"./components/list/List.js";import{CheckListItem as xo,CrossListItem as Bo,ListItem as wo}from"./components/list/ListItem.js";import{Loader as Po}from"./components/loader/Loader.js";import{SkeletonAnimation as Fo}from"./components/loader/skeletons/SkeletonAnimation.js";import{SkeletonButton as Do}from"./components/loader/skeletons/SkeletonButton.js";import{SkeletonCheckboxGroup as No}from"./components/loader/skeletons/SkeletonCheckboxGroup.js";import{SkeletonElement as Vo}from"./components/loader/skeletons/SkeletonElement.js";import{SkeletonInput as yo}from"./components/loader/skeletons/SkeletonInput.js";import{SkeletonRadioButtonGroup as Oo}from"./components/loader/skeletons/SkeletonRadioButtonGroup.js";import{SkeletonTable as Go,SkeletonTableHeader as Ho,SkeletonTableRow as Wo}from"./components/loader/skeletons/SkeletonTable.js";import{SkeletonTextArea as Uo}from"./components/loader/skeletons/SkeletonTextArea.js";import{Logo as Ko}from"./components/logo/Logo.js";import{LogoStamp as Xo}from"./components/logo/LogoStamp.js";import{ForsikringLevertAvFremtind as _o}from"./components/logo/text-paths/ForsikringLevertAvFremtind.js";import{FraSB1ogDNB as zo}from"./components/logo/text-paths/FraSB1ogDNB.js";import{InnovasjonFraFremtind as Qo}from"./components/logo/text-paths/InnovasjonFraFremtind.js";import{TeknologiFraFremtind as Jo}from"./components/logo/text-paths/TeknologiFraFremtind.js";import{VartEgetForsikringsselskap as Yo}from"./components/logo/text-paths/VartEgetForsikringsselskap.js";import{VartForsikringsselskap as qo}from"./components/logo/text-paths/VartForsikringsselskap.js";import{Menu as Zo}from"./components/menu/Menu.js";import{MenuItem as $o}from"./components/menu/MenuItem.js";import{MenuItemCheckbox as os}from"./components/menu/MenuItemCheckbox.js";import{MenuDivider as ss}from"./components/menu/MenuDivider.js";import{ErrorMessage as es,InfoMessage as as,SuccessMessage as ts,WarningMessage as rs}from"./components/message/Message.js";import{FormErrorMessage as ns}from"./components/message/FormErrorMessage.js";import{Modal as is,ModalActions as ms,ModalBody as ps,ModalCloseButton as cs,ModalContainer as ls,ModalHeader as us,ModalOverlay as ds,ModalTitle as fs}from"./components/modal/Modal.js";import{useModal as gs}from"./components/modal/useModal.js";import{Pagination as js}from"./components/pagination/Pagination.js";import{Popover as bs}from"./components/popover/Popover.js";import{Countdown as Is}from"./components/progress-bar/Countdown.js";import{ProgressBar as Ts}from"./components/progress-bar/ProgressBar.js";import{RadioButton as ks}from"./components/radio-button/RadioButton.js";import{RadioButtonGroup as hs}from"./components/radio-button/RadioButtonGroup.js";import{BaseRadioButton as Cs}from"./components/radio-button/BaseRadioButton.js";import{Select as Ss}from"./components/select/Select.js";import{NativeSelect as vs}from"./components/select/NativeSelect.js";import{SummaryTable as Ms}from"./components/summary-table/SummaryTable.js";import{SummaryTableRow as Ls}from"./components/summary-table/SummaryTableRow.js";import{ErrorSystemMessage as As,InfoSystemMessage as Es,SuccessSystemMessage as Rs,WarningSystemMessage as xs}from"./components/system-message/SystemMessage.js";import{DataTable as Bs}from"./components/table/DataTable.js";import{Table as ws}from"./components/table/Table.js";import{TableBody as Ps}from"./components/table/TableBody.js";import{TableCaption as Fs}from"./components/table/TableCaption.js";import{TableCell as Ds}from"./components/table/TableCell.js";import{TableColumn as Ns}from"./components/table/TableColumn.js";import{TableColumnGroup as Vs}from"./components/table/TableColumnGroup.js";import{TableContextProvider as ys,useTableContext as Os}from"./components/table/tableContext.js";import{TableSectionContextProvider as Gs,useTableSectionContext as Hs}from"./components/table/tableSectionContext.js";import{TableFooter as Ws}from"./components/table/TableFooter.js";import{TableHead as Us}from"./components/table/TableHead.js";import{TableHeader as Ks}from"./components/table/TableHeader.js";import{TablePagination as Xs}from"./components/table/TablePagination.js";import{TableRow as _s}from"./components/table/TableRow.js";import{ExpandableTableRow as zs}from"./components/table/ExpandableTableRow.js";import{ExpandableTableRowController as Qs}from"./components/table/ExpandableTableRowController.js";import{useSortableTableHeader as Js}from"./components/table/utils.js";import{NavTab as Ys}from"./components/tabs/NavTab.js";import{NavTabs as qs}from"./components/tabs/NavTabs.js";import{Tabs as Zs}from"./components/tabs/Tabs.js";import{TabList as $s}from"./components/tabs/TabList.js";import{Tab as oe}from"./components/tabs/Tab.js";import{TabPanel as se}from"./components/tabs/TabPanel.js";import{ErrorTag as ee,InfoTag as ae,SuccessTag as te,Tag as re,WarningTag as ne}from"./components/tag/Tag.js";import{BaseTextArea as ie}from"./components/text-input/BaseTextArea.js";import{BaseTextInput as me}from"./components/text-input/BaseTextInput.js";import{TextArea as pe}from"./components/text-input/TextArea.js";import{TextInput as ce}from"./components/text-input/TextInput.js";import{ToastProvider as le,useToast as ue}from"./components/toast/toastContext.js";import{ToggleSwitch as de}from"./components/toggle-switch/ToggleSwitch.js";import{ToggleSlider as fe}from"./components/toggle-switch/ToggleSlider.js";import{Tooltip as ge}from"./components/tooltip/Tooltip.js";import{TooltipContent as je}from"./components/tooltip/TooltipContent.js";import{TooltipTrigger as be}from"./components/tooltip/TooltipTrigger.js";import{PopupTip as Ie}from"./components/tooltip/PopupTip.js";import{ScreenReaderOnly as Te}from"./components/ScreenReaderOnly.js";import{default as ke}from"./core/tokens.js";import{useAnimatedDetails as he}from"./hooks/useAnimatedDetails/useAnimatedDetails.js";import{useAnimatedHeight as Ce}from"./hooks/useAnimatedHeight/useAnimatedHeight.js";import{useAnimatedHeightBetween as Se}from"./hooks/useAnimatedHeight/useAnimatedHeightBetween.js";import{useAutoAnimatedHeight as ve}from"./hooks/useAnimatedHeight/useAutoAnimateHeight.js";import{useBrowserPreferences as Me}from"./hooks/useBrowserPreferences/useBrowserPreferences.js";import{useIntersectionObserver as Le}from"./hooks/useIntersectionObserver/useIntersectionObserver.js";import{useLocalStorage as Ae}from"./hooks/useLocalStorage/useLocalStorage.js";import{useMutationObserver as Ee}from"./hooks/useMutationObserver/useMutationObserver.js";import{usePreviousValue as Re}from"./hooks/usePreviousValue/usePreviousValue.js";import{useProgressiveImg as xe}from"./hooks/useProgressiveImg/useProgressiveImg.js";import{useScreen as Be}from"./hooks/useScreen/useScreen.js";import{useScrollIntoView as we}from"./hooks/useScrollIntoView/useScrollIntoView.js";import{useAriaLiveRegion as Pe}from"./hooks/useAriaLiveRegion/useAriaLiveRegion.js";import{useClickOutside as Fe}from"./hooks/useClickOutside/useClickOutside.js";import{useFocusOutside as De}from"./hooks/useFocusOutside/useFocusOutside.js";import{useElementDimensions as Ne}from"./hooks/useElementDimensions/useElementDimensions.js";import{useId as Ve}from"./hooks/useId/useId.js";import{useKeyListener as ye}from"./hooks/useKeyListener/useKeyListener.js";import{useListNavigation as Oe}from"./hooks/useListNavigation/useListNavigation.js";import{useSwipeGesture as Ge}from"./hooks/useSwipeGesture/useSwipeGesture.js";import{u as He}from"../index-DfvUcA5T.js";import{formatNumber as We}from"./utilities/formatters/util/formatNumber.js";import{parseNumber as Ue}from"./utilities/formatters/util/parseNumber.js";import{registerWithFodselsnummerMask as Ke,registerWithKontonummerMask as Xe,registerWithKortnummerMask as _e,registerWithMasks as ze,registerWithTelefonnummerMask as Qe}from"./utilities/formatters/util/registerWithMask.js";import{formatAvstand as Je}from"./utilities/formatters/avstand/formatAvstand.js";import{formatBytes as Ye}from"./utilities/formatters/bytes/formatBytes.js";import{formatDate as qe}from"./utilities/formatters/date/formatDate.js";import{FODSELSNUMMER_REGEX as Ze,formatFodselsnummer as $e}from"./utilities/formatters/fodselsnummer/formatFodselsnummer.js";import{ORGANISASJONSNUMMER_REGEX as oa,formatOrganisasjonsnummer as sa}from"./utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.js";import{KONTONUMMER_REGEX as ea,formatKontonummer as aa}from"./utilities/formatters/kontonummer/formatKontonummer.js";import{KORTNUMMER_REGEX as ta,formatKortnummer as ra}from"./utilities/formatters/kortnummer/formatKortnummer.js";import{TELEFONNUMMER_REGEX as na,formatTelefonnummer as ia}from"./utilities/formatters/telefonnummer/formatTelefonnummer.js";import{formatValuta as ma}from"./utilities/formatters/valuta/formatValuta.js";import{getThemeAndDensity as pa}from"./utilities/getThemeAndDensity.js";import{mergeProps as ca}from"./utilities/polymorphism/mergeProps.js";import{mergeRefs as la}from"./utilities/polymorphism/mergeRefs.js";import{SlotComponent as ua}from"./utilities/polymorphism/SlotComponent.js";import{isValidEpost as da}from"./utilities/validators/isValidEpost/isValidEpost.js";import{isValidTelefonnummer as fa}from"./utilities/validators/isValidTelefonnummer/isValidTelefonnummer.js";import{isValidRegistreringsnummer as ga}from"./utilities/validators/isValidRegistreringsnummer/isValidRegistreringsnummer.js";import{isValidChassisnummer as ja}from"./utilities/validators/isValidChassisnummer/isValidChassisnummer.js";import{isValidDogId as ba}from"./utilities/validators/isValidDogId/isValidDogId.js";import{isExactLength as Ia}from"./utilities/validators/isExactLength/isExactLength.js";import{isInteger as Ta}from"./utilities/validators/isInteger/isInteger.js";import{isValidFodselsnummer as ka}from"./utilities/validators/isValidFodselsnummer/isValidFodselsnummer.js";import{isValidOrganisasjonsnummer as ha}from"./utilities/validators/isValidOrganisasjonsnummer/isValidOrganisasjonsnummer.js";import{isValidName as Ca}from"./utilities/validators/isValidName/isValidName.js";import{hasMinimumWords as Sa}from"./utilities/validators/hasMinimumWords/hasMinimumWords.js";import{hasNoIllegalCharacters as va}from"./utilities/validators/hasNoIllegalCharacters/hasNoIllegalCharacters.js";import{initTabListener as Ma}from"./utilities/tabListener.js";import{getValuePair as La}from"./utilities/valuePair.js";export{o as Accordion,s as AccordionItem,G as ArrowDownIcon,y as ArrowHorizontalAnimated,H as ArrowLeftIcon,W as ArrowNorthEastIcon,U as ArrowRightIcon,K as ArrowUpIcon,V as ArrowVerticalAnimated,Cs as BaseRadioButton,ie as BaseTextArea,me as BaseTextInput,e as Breadcrumb,a as BreadcrumbItem,t as Button,X as CalendarIcon,m as Card,p as CardImage,_ as CheckIcon,xo as CheckListItem,f as Checkbox,z as ChevronDownIcon,Q as ChevronLeftIcon,J as ChevronRightIcon,Y as ChevronUpIcon,q as CloseIcon,g as Combobox,b as CookieConsent,I as CookieConsentProvider,Z as CopyIcon,Is as Countdown,Bo as CrossListItem,Bs as DataTable,A as DatePicker,B as DescriptionDetail,w as DescriptionList,P as DescriptionTerm,$ as DotsIcon,oo as DragIcon,so as ErrorIcon,es as ErrorMessage,As as ErrorSystemMessage,ee as ErrorTag,D as ExpandSection,zs as ExpandableTableRow,Qs as ExpandableTableRowController,F as Expander,Ze as FODSELSNUMMER_REGEX,E as Feedback,ko as FieldGroup,x as Flex,ns as FormErrorMessage,_o as ForsikringLevertAvFremtind,zo as FraSB1ogDNB,eo as GreenCheckIcon,ao as HamburgerIcon,N as Icon,Io as IconButton,To as Image,c as InfoBlock,d as InfoCard,to as InfoIcon,as as InfoMessage,Es as InfoSystemMessage,ae as InfoTag,Qo as InnovasjonFraFremtind,ho as InputGroup,ea as KONTONUMMER_REGEX,ta as KORTNUMMER_REGEX,Co as Label,vo as Link,ro as LinkIcon,Lo as LinkList,Ao as List,wo as ListItem,Po as Loader,Ko as Logo,Xo as LogoStamp,Zo as Menu,ss as MenuDivider,$o as MenuItem,os as MenuItemCheckbox,uo as MinusIcon,is as Modal,ms as ModalActions,ps as ModalBody,cs as ModalCloseButton,ls as ModalContainer,us as ModalHeader,ds as ModalOverlay,fs as ModalTitle,vs as NativeSelect,l as NavCard,Mo as NavLink,Ys as NavTab,qs as NavTabs,oa as ORGANISASJONSNUMMER_REGEX,Eo as OrderedList,R as PRESETS,js as Pagination,bo as PenIcon,no as PlusIcon,O as PlusRemoveAnimated,bs as Popover,Ie as PopupTip,r as PrimaryButton,Ts as ProgressBar,io as QuestionIcon,ks as RadioButton,hs as RadioButtonGroup,mo as RedCrossIcon,Te as ScreenReaderOnly,po as SearchIcon,n as SecondaryButton,Ss as Select,Fo as SkeletonAnimation,Do as SkeletonButton,No as SkeletonCheckboxGroup,Vo as SkeletonElement,yo as SkeletonInput,Oo as SkeletonRadioButtonGroup,Go as SkeletonTable,Ho as SkeletonTableHeader,Wo as SkeletonTableRow,Uo as SkeletonTextArea,ua as SlotComponent,co as SuccessIcon,ts as SuccessMessage,Rs as SuccessSystemMessage,te as SuccessTag,Ms as SummaryTable,Ls as SummaryTableRow,So as SupportLabel,na as TELEFONNUMMER_REGEX,oe as Tab,$s as TabList,se as TabPanel,ws as Table,Ps as TableBody,Fs as TableCaption,Ds as TableCell,Ns as TableColumn,Vs as TableColumnGroup,ys as TableContextProvider,Ws as TableFooter,Us as TableHead,Ks as TableHeader,Xs as TablePagination,_s as TableRow,Gs as TableSectionContextProvider,Zs as Tabs,re as Tag,u as TaskCard,Jo as TeknologiFraFremtind,i as TertiaryButton,pe as TextArea,ce as TextInput,fo as ThumbDownIcon,go as ThumbUpIcon,le as ToastProvider,fe as ToggleSlider,de as ToggleSwitch,ge as Tooltip,je as TooltipContent,be as TooltipTrigger,jo as TrashCanIcon,Ro as UnorderedList,Yo as VartEgetForsikringsselskap,qo as VartForsikringsselskap,lo as WarningIcon,rs as WarningMessage,xs as WarningSystemMessage,ne as WarningTag,S as dayMonthYearRegex,Je as formatAvstand,Ye as formatBytes,qe as formatDate,$e as formatFodselsnummer,v as formatInput,aa as formatKontonummer,ra as formatKortnummer,We as formatNumber,sa as formatOrganisasjonsnummer,ia as formatTelefonnummer,ma as formatValuta,j as getComboboxValuePair,pa as getThemeAndDensity,La as getValuePair,Sa as hasMinimumWords,va as hasNoIllegalCharacters,Ma as initTabListener,M as isBlurTargetOutside,k as isCorrectFormat,Ia as isExactLength,Ta as isInteger,ja as isValidChassisnummer,ba as isValidDogId,da as isValidEpost,ka as isValidFodselsnummer,Ca as isValidName,ha as isValidOrganisasjonsnummer,ga as isValidRegistreringsnummer,fa as isValidTelefonnummer,h as isWithinLowerBound,C as isWithinUpperBound,ca as mergeProps,la as mergeRefs,L as parseDateString,Ue as parseNumber,Ke as registerWithFodselsnummerMask,Xe as registerWithKontonummerMask,_e as registerWithKortnummerMask,ze as registerWithMasks,Qe as registerWithTelefonnummerMask,ke as tokens,He as unicode,he as useAnimatedDetails,Ce as useAnimatedHeight,Se as useAnimatedHeightBetween,Pe as useAriaLiveRegion,ve as useAutoAnimatedHeight,Me as useBrowserPreferences,Fe as useClickOutside,T as useCookieConsent,Ne as useElementDimensions,De as useFocusOutside,Ve as useId,Le as useIntersectionObserver,ye as useKeyListener,Oe as useListNavigation,Ae as useLocalStorage,gs as useModal,Ee as useMutationObserver,Re as usePreviousValue,xe as useProgressiveImg,Be as useScreen,we as useScrollIntoView,Js as useSortableTableHeader,Ge as useSwipeGesture,Os as useTableContext,Hs as useTableSectionContext,ue as useToast};
+import{Accordion as o}from"./components/accordion/Accordion.js";import{AccordionItem as s}from"./components/accordion/AccordionItem.js";import{Breadcrumb as e}from"./components/breadcrumb/Breadcrumb.js";import{BreadcrumbItem as a}from"./components/breadcrumb/BreadcrumbItem.js";import{Button as t,PrimaryButton as r,SecondaryButton as n,TertiaryButton as i}from"./components/button/Button.js";import{Card as m}from"./components/card/Card.js";import{CardImage as p}from"./components/card/CardImage.js";import{InfoBlock as c,NavCard as l}from"./components/card/NavCard.js";import{TaskCard as u}from"./components/card/TaskCard.js";import{InfoCard as d}from"./components/card/InfoCard.js";import{Checkbox as f}from"./components/checkbox/Checkbox.js";import{Combobox as g,getComboboxValuePair as j}from"./components/combobox/Combobox.js";import{CookieConsent as b}from"./components/cookie-consent/CookieConsent.js";import{CookieConsentProvider as I,useCookieConsent as T}from"./components/cookie-consent/CookieConsentContext.js";import{isCorrectFormat as k,isWithinLowerBound as h,isWithinUpperBound as C}from"./components/datepicker/validation.js";import{dayMonthYearRegex as S,formatInput as v,isBlurTargetOutside as M,parseDateString as L}from"./components/datepicker/utils.js";import{DatePicker as A}from"./components/datepicker/DatePicker.js";import{Feedback as E}from"./components/feedback/Feedback.js";import{PRESETS as R}from"./components/feedback/presets.js";import{Flex as x}from"./components/flex/Flex.js";import{DescriptionDetail as B,DescriptionList as w,DescriptionTerm as P}from"./components/description-list/DescriptionList.js";import{Expander as F}from"./components/expander/Expander.js";import{ExpandSection as D}from"./components/expander/ExpandSection.js";import{Icon as N}from"./components/icon/Icon.js";import{ArrowVerticalAnimated as V}from"./components/icon/icons/animated/ArrowVerticalAnimated.js";import{ArrowHorizontalAnimated as y}from"./components/icon/icons/animated/ArrowHorizontalAnimated.js";import{PlusRemoveAnimated as O}from"./components/icon/icons/animated/PlusRemoveAnimated.js";import{ArrowDownIcon as G}from"./components/icon/icons/ArrowDownIcon.js";import{ArrowLeftIcon as H}from"./components/icon/icons/ArrowLeftIcon.js";import{ArrowNorthEastIcon as W}from"./components/icon/icons/ArrowNorthEastIcon.js";import{ArrowRightIcon as U}from"./components/icon/icons/ArrowRightIcon.js";import{ArrowUpIcon as K}from"./components/icon/icons/ArrowUpIcon.js";import{CalendarIcon as X}from"./components/icon/icons/CalendarIcon.js";import{CheckIcon as _}from"./components/icon/icons/CheckIcon.js";import{ChevronDownIcon as z}from"./components/icon/icons/ChevronDownIcon.js";import{ChevronLeftIcon as Q}from"./components/icon/icons/ChevronLeftIcon.js";import{ChevronRightIcon as J}from"./components/icon/icons/ChevronRightIcon.js";import{ChevronUpIcon as Y}from"./components/icon/icons/ChevronUpIcon.js";import{CloseIcon as q}from"./components/icon/icons/CloseIcon.js";import{CopyIcon as Z}from"./components/icon/icons/CopyIcon.js";import{DotsIcon as $}from"./components/icon/icons/DotsIcon.js";import{DragIcon as oo}from"./components/icon/icons/DragIcon.js";import{ErrorIcon as so}from"./components/icon/icons/ErrorIcon.js";import{GreenCheckIcon as eo}from"./components/icon/icons/GreenCheckIcon.js";import{HamburgerIcon as ao}from"./components/icon/icons/HamburgerIcon.js";import{InfoIcon as to}from"./components/icon/icons/InfoIcon.js";import{LinkIcon as ro}from"./components/icon/icons/LinkIcon.js";import{PlusIcon as no}from"./components/icon/icons/PlusIcon.js";import{QuestionIcon as io}from"./components/icon/icons/QuestionIcon.js";import{RedCrossIcon as mo}from"./components/icon/icons/RedCrossIcon.js";import{SearchIcon as po}from"./components/icon/icons/SearchIcon.js";import{SuccessIcon as co}from"./components/icon/icons/SuccessIcon.js";import{WarningIcon as lo}from"./components/icon/icons/WarningIcon.js";import{MinusIcon as uo}from"./components/icon/icons/MinusIcon.js";import{ThumbDownIcon as fo}from"./components/icon/icons/ThumbDownIcon.js";import{ThumbUpIcon as go}from"./components/icon/icons/ThumbUpIcon.js";import{TrashCanIcon as jo}from"./components/icon/icons/TrashCanIcon.js";import{PenIcon as bo}from"./components/icon/icons/PenIcon.js";import{IconButton as Io}from"./components/icon-button/IconButton.js";import{Image as To}from"./components/image/Image.js";import{FieldGroup as ko}from"./components/input-group/FieldGroup.js";import{InputGroup as ho}from"./components/input-group/InputGroup.js";import{Label as Co}from"./components/input-group/Label.js";import{SupportLabel as So}from"./components/input-group/SupportLabel.js";import{Link as vo}from"./components/link/Link.js";import{NavLink as Mo}from"./components/link/NavLink.js";import{LinkList as Lo}from"./components/link-list/LinkList.js";import{List as Ao,OrderedList as Eo,UnorderedList as Ro}from"./components/list/List.js";import{CheckListItem as xo,CrossListItem as Bo,ListItem as wo}from"./components/list/ListItem.js";import{Loader as Po}from"./components/loader/Loader.js";import{SkeletonAnimation as Fo}from"./components/loader/skeletons/SkeletonAnimation.js";import{SkeletonButton as Do}from"./components/loader/skeletons/SkeletonButton.js";import{SkeletonCheckboxGroup as No}from"./components/loader/skeletons/SkeletonCheckboxGroup.js";import{SkeletonElement as Vo}from"./components/loader/skeletons/SkeletonElement.js";import{SkeletonInput as yo}from"./components/loader/skeletons/SkeletonInput.js";import{SkeletonRadioButtonGroup as Oo}from"./components/loader/skeletons/SkeletonRadioButtonGroup.js";import{SkeletonTable as Go,SkeletonTableHeader as Ho,SkeletonTableRow as Wo}from"./components/loader/skeletons/SkeletonTable.js";import{SkeletonTextArea as Uo}from"./components/loader/skeletons/SkeletonTextArea.js";import{Logo as Ko}from"./components/logo/Logo.js";import{LogoStamp as Xo}from"./components/logo/LogoStamp.js";import{ForsikringLevertAvFremtind as _o}from"./components/logo/text-paths/ForsikringLevertAvFremtind.js";import{FraSB1ogDNB as zo}from"./components/logo/text-paths/FraSB1ogDNB.js";import{InnovasjonFraFremtind as Qo}from"./components/logo/text-paths/InnovasjonFraFremtind.js";import{TeknologiFraFremtind as Jo}from"./components/logo/text-paths/TeknologiFraFremtind.js";import{VartEgetForsikringsselskap as Yo}from"./components/logo/text-paths/VartEgetForsikringsselskap.js";import{VartForsikringsselskap as qo}from"./components/logo/text-paths/VartForsikringsselskap.js";import{Menu as Zo}from"./components/menu/Menu.js";import{MenuItem as $o}from"./components/menu/MenuItem.js";import{MenuItemCheckbox as os}from"./components/menu/MenuItemCheckbox.js";import{MenuDivider as ss}from"./components/menu/MenuDivider.js";import{ErrorMessage as es,InfoMessage as as,SuccessMessage as ts,WarningMessage as rs}from"./components/message/Message.js";import{FormErrorMessage as ns}from"./components/message/FormErrorMessage.js";import{Modal as is,ModalActions as ms,ModalBody as ps,ModalCloseButton as cs,ModalContainer as ls,ModalHeader as us,ModalOverlay as ds,ModalTitle as fs}from"./components/modal/Modal.js";import{useModal as gs}from"./components/modal/useModal.js";import{Pagination as js}from"./components/pagination/Pagination.js";import{Popover as bs}from"./components/popover/Popover.js";import{Countdown as Is}from"./components/progress-bar/Countdown.js";import{ProgressBar as Ts}from"./components/progress-bar/ProgressBar.js";import{RadioButton as ks}from"./components/radio-button/RadioButton.js";import{RadioButtonGroup as hs}from"./components/radio-button/RadioButtonGroup.js";import{BaseRadioButton as Cs}from"./components/radio-button/BaseRadioButton.js";import{RadioPanel as Ss}from"./components/radio-panel/RadioPanel.js";import{Select as vs}from"./components/select/Select.js";import{NativeSelect as Ms}from"./components/select/NativeSelect.js";import{SummaryTable as Ls}from"./components/summary-table/SummaryTable.js";import{SummaryTableRow as As}from"./components/summary-table/SummaryTableRow.js";import{ErrorSystemMessage as Es,InfoSystemMessage as Rs,SuccessSystemMessage as xs,WarningSystemMessage as Bs}from"./components/system-message/SystemMessage.js";import{DataTable as ws}from"./components/table/DataTable.js";import{Table as Ps}from"./components/table/Table.js";import{TableBody as Fs}from"./components/table/TableBody.js";import{TableCaption as Ds}from"./components/table/TableCaption.js";import{TableCell as Ns}from"./components/table/TableCell.js";import{TableColumn as Vs}from"./components/table/TableColumn.js";import{TableColumnGroup as ys}from"./components/table/TableColumnGroup.js";import{TableContextProvider as Os,useTableContext as Gs}from"./components/table/tableContext.js";import{TableSectionContextProvider as Hs,useTableSectionContext as Ws}from"./components/table/tableSectionContext.js";import{TableFooter as Us}from"./components/table/TableFooter.js";import{TableHead as Ks}from"./components/table/TableHead.js";import{TableHeader as Xs}from"./components/table/TableHeader.js";import{TablePagination as _s}from"./components/table/TablePagination.js";import{TableRow as zs}from"./components/table/TableRow.js";import{ExpandableTableRow as Qs}from"./components/table/ExpandableTableRow.js";import{ExpandableTableRowController as Js}from"./components/table/ExpandableTableRowController.js";import{useSortableTableHeader as Ys}from"./components/table/utils.js";import{NavTab as qs}from"./components/tabs/NavTab.js";import{NavTabs as Zs}from"./components/tabs/NavTabs.js";import{Tabs as $s}from"./components/tabs/Tabs.js";import{TabList as oe}from"./components/tabs/TabList.js";import{Tab as se}from"./components/tabs/Tab.js";import{TabPanel as ee}from"./components/tabs/TabPanel.js";import{ErrorTag as ae,InfoTag as te,SuccessTag as re,Tag as ne,WarningTag as ie}from"./components/tag/Tag.js";import{BaseTextArea as me}from"./components/text-input/BaseTextArea.js";import{BaseTextInput as pe}from"./components/text-input/BaseTextInput.js";import{TextArea as ce}from"./components/text-input/TextArea.js";import{TextInput as le}from"./components/text-input/TextInput.js";import{ToastProvider as ue,useToast as de}from"./components/toast/toastContext.js";import{ToggleSwitch as fe}from"./components/toggle-switch/ToggleSwitch.js";import{ToggleSlider as ge}from"./components/toggle-switch/ToggleSlider.js";import{Tooltip as je}from"./components/tooltip/Tooltip.js";import{TooltipContent as be}from"./components/tooltip/TooltipContent.js";import{TooltipTrigger as Ie}from"./components/tooltip/TooltipTrigger.js";import{PopupTip as Te}from"./components/tooltip/PopupTip.js";import{ScreenReaderOnly as ke}from"./components/ScreenReaderOnly.js";import{default as he}from"./core/tokens.js";import{useAnimatedDetails as Ce}from"./hooks/useAnimatedDetails/useAnimatedDetails.js";import{useAnimatedHeight as Se}from"./hooks/useAnimatedHeight/useAnimatedHeight.js";import{useAnimatedHeightBetween as ve}from"./hooks/useAnimatedHeight/useAnimatedHeightBetween.js";import{useAutoAnimatedHeight as Me}from"./hooks/useAnimatedHeight/useAutoAnimateHeight.js";import{useBrowserPreferences as Le}from"./hooks/useBrowserPreferences/useBrowserPreferences.js";import{useIntersectionObserver as Ae}from"./hooks/useIntersectionObserver/useIntersectionObserver.js";import{useLocalStorage as Ee}from"./hooks/useLocalStorage/useLocalStorage.js";import{useMutationObserver as Re}from"./hooks/useMutationObserver/useMutationObserver.js";import{usePreviousValue as xe}from"./hooks/usePreviousValue/usePreviousValue.js";import{useProgressiveImg as Be}from"./hooks/useProgressiveImg/useProgressiveImg.js";import{useScreen as we}from"./hooks/useScreen/useScreen.js";import{useScrollIntoView as Pe}from"./hooks/useScrollIntoView/useScrollIntoView.js";import{useAriaLiveRegion as Fe}from"./hooks/useAriaLiveRegion/useAriaLiveRegion.js";import{useClickOutside as De}from"./hooks/useClickOutside/useClickOutside.js";import{useFocusOutside as Ne}from"./hooks/useFocusOutside/useFocusOutside.js";import{useElementDimensions as Ve}from"./hooks/useElementDimensions/useElementDimensions.js";import{useId as ye}from"./hooks/useId/useId.js";import{useKeyListener as Oe}from"./hooks/useKeyListener/useKeyListener.js";import{useListNavigation as Ge}from"./hooks/useListNavigation/useListNavigation.js";import{useSwipeGesture as He}from"./hooks/useSwipeGesture/useSwipeGesture.js";import{u as We}from"../index-DfvUcA5T.js";import{formatNumber as Ue}from"./utilities/formatters/util/formatNumber.js";import{parseNumber as Ke}from"./utilities/formatters/util/parseNumber.js";import{registerWithFodselsnummerMask as Xe,registerWithKontonummerMask as _e,registerWithKortnummerMask as ze,registerWithMasks as Qe,registerWithTelefonnummerMask as Je}from"./utilities/formatters/util/registerWithMask.js";import{formatAvstand as Ye}from"./utilities/formatters/avstand/formatAvstand.js";import{formatBytes as qe}from"./utilities/formatters/bytes/formatBytes.js";import{formatDate as Ze}from"./utilities/formatters/date/formatDate.js";import{FODSELSNUMMER_REGEX as $e,formatFodselsnummer as oa}from"./utilities/formatters/fodselsnummer/formatFodselsnummer.js";import{ORGANISASJONSNUMMER_REGEX as sa,formatOrganisasjonsnummer as ea}from"./utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.js";import{KONTONUMMER_REGEX as aa,formatKontonummer as ta}from"./utilities/formatters/kontonummer/formatKontonummer.js";import{KORTNUMMER_REGEX as ra,formatKortnummer as na}from"./utilities/formatters/kortnummer/formatKortnummer.js";import{TELEFONNUMMER_REGEX as ia,formatTelefonnummer as ma}from"./utilities/formatters/telefonnummer/formatTelefonnummer.js";import{formatValuta as pa}from"./utilities/formatters/valuta/formatValuta.js";import{getThemeAndDensity as ca}from"./utilities/getThemeAndDensity.js";import{mergeProps as la}from"./utilities/polymorphism/mergeProps.js";import{mergeRefs as ua}from"./utilities/polymorphism/mergeRefs.js";import{SlotComponent as da}from"./utilities/polymorphism/SlotComponent.js";import{isValidEpost as fa}from"./utilities/validators/isValidEpost/isValidEpost.js";import{isValidTelefonnummer as ga}from"./utilities/validators/isValidTelefonnummer/isValidTelefonnummer.js";import{isValidRegistreringsnummer as ja}from"./utilities/validators/isValidRegistreringsnummer/isValidRegistreringsnummer.js";import{isValidChassisnummer as ba}from"./utilities/validators/isValidChassisnummer/isValidChassisnummer.js";import{isValidDogId as Ia}from"./utilities/validators/isValidDogId/isValidDogId.js";import{isExactLength as Ta}from"./utilities/validators/isExactLength/isExactLength.js";import{isInteger as ka}from"./utilities/validators/isInteger/isInteger.js";import{isValidFodselsnummer as ha}from"./utilities/validators/isValidFodselsnummer/isValidFodselsnummer.js";import{isValidOrganisasjonsnummer as Ca}from"./utilities/validators/isValidOrganisasjonsnummer/isValidOrganisasjonsnummer.js";import{isValidName as Sa}from"./utilities/validators/isValidName/isValidName.js";import{hasMinimumWords as va}from"./utilities/validators/hasMinimumWords/hasMinimumWords.js";import{hasNoIllegalCharacters as Ma}from"./utilities/validators/hasNoIllegalCharacters/hasNoIllegalCharacters.js";import{initTabListener as La}from"./utilities/tabListener.js";import{getValuePair as Aa}from"./utilities/valuePair.js";export{o as Accordion,s as AccordionItem,G as ArrowDownIcon,y as ArrowHorizontalAnimated,H as ArrowLeftIcon,W as ArrowNorthEastIcon,U as ArrowRightIcon,K as ArrowUpIcon,V as ArrowVerticalAnimated,Cs as BaseRadioButton,me as BaseTextArea,pe as BaseTextInput,e as Breadcrumb,a as BreadcrumbItem,t as Button,X as CalendarIcon,m as Card,p as CardImage,_ as CheckIcon,xo as CheckListItem,f as Checkbox,z as ChevronDownIcon,Q as ChevronLeftIcon,J as ChevronRightIcon,Y as ChevronUpIcon,q as CloseIcon,g as Combobox,b as CookieConsent,I as CookieConsentProvider,Z as CopyIcon,Is as Countdown,Bo as CrossListItem,ws as DataTable,A as DatePicker,B as DescriptionDetail,w as DescriptionList,P as DescriptionTerm,$ as DotsIcon,oo as DragIcon,so as ErrorIcon,es as ErrorMessage,Es as ErrorSystemMessage,ae as ErrorTag,D as ExpandSection,Qs as ExpandableTableRow,Js as ExpandableTableRowController,F as Expander,$e as FODSELSNUMMER_REGEX,E as Feedback,ko as FieldGroup,x as Flex,ns as FormErrorMessage,_o as ForsikringLevertAvFremtind,zo as FraSB1ogDNB,eo as GreenCheckIcon,ao as HamburgerIcon,N as Icon,Io as IconButton,To as Image,c as InfoBlock,d as InfoCard,to as InfoIcon,as as InfoMessage,Rs as InfoSystemMessage,te as InfoTag,Qo as InnovasjonFraFremtind,ho as InputGroup,aa as KONTONUMMER_REGEX,ra as KORTNUMMER_REGEX,Co as Label,vo as Link,ro as LinkIcon,Lo as LinkList,Ao as List,wo as ListItem,Po as Loader,Ko as Logo,Xo as LogoStamp,Zo as Menu,ss as MenuDivider,$o as MenuItem,os as MenuItemCheckbox,uo as MinusIcon,is as Modal,ms as ModalActions,ps as ModalBody,cs as ModalCloseButton,ls as ModalContainer,us as ModalHeader,ds as ModalOverlay,fs as ModalTitle,Ms as NativeSelect,l as NavCard,Mo as NavLink,qs as NavTab,Zs as NavTabs,sa as ORGANISASJONSNUMMER_REGEX,Eo as OrderedList,R as PRESETS,js as Pagination,bo as PenIcon,no as PlusIcon,O as PlusRemoveAnimated,bs as Popover,Te as PopupTip,r as PrimaryButton,Ts as ProgressBar,io as QuestionIcon,ks as RadioButton,hs as RadioButtonGroup,Ss as RadioPanel,mo as RedCrossIcon,ke as ScreenReaderOnly,po as SearchIcon,n as SecondaryButton,vs as Select,Fo as SkeletonAnimation,Do as SkeletonButton,No as SkeletonCheckboxGroup,Vo as SkeletonElement,yo as SkeletonInput,Oo as SkeletonRadioButtonGroup,Go as SkeletonTable,Ho as SkeletonTableHeader,Wo as SkeletonTableRow,Uo as SkeletonTextArea,da as SlotComponent,co as SuccessIcon,ts as SuccessMessage,xs as SuccessSystemMessage,re as SuccessTag,Ls as SummaryTable,As as SummaryTableRow,So as SupportLabel,ia as TELEFONNUMMER_REGEX,se as Tab,oe as TabList,ee as TabPanel,Ps as Table,Fs as TableBody,Ds as TableCaption,Ns as TableCell,Vs as TableColumn,ys as TableColumnGroup,Os as TableContextProvider,Us as TableFooter,Ks as TableHead,Xs as TableHeader,_s as TablePagination,zs as TableRow,Hs as TableSectionContextProvider,$s as Tabs,ne as Tag,u as TaskCard,Jo as TeknologiFraFremtind,i as TertiaryButton,ce as TextArea,le as TextInput,fo as ThumbDownIcon,go as ThumbUpIcon,ue as ToastProvider,ge as ToggleSlider,fe as ToggleSwitch,je as Tooltip,be as TooltipContent,Ie as TooltipTrigger,jo as TrashCanIcon,Ro as UnorderedList,Yo as VartEgetForsikringsselskap,qo as VartForsikringsselskap,lo as WarningIcon,rs as WarningMessage,Bs as WarningSystemMessage,ie as WarningTag,S as dayMonthYearRegex,Ye as formatAvstand,qe as formatBytes,Ze as formatDate,oa as formatFodselsnummer,v as formatInput,ta as formatKontonummer,na as formatKortnummer,Ue as formatNumber,ea as formatOrganisasjonsnummer,ma as formatTelefonnummer,pa as formatValuta,j as getComboboxValuePair,ca as getThemeAndDensity,Aa as getValuePair,va as hasMinimumWords,Ma as hasNoIllegalCharacters,La as initTabListener,M as isBlurTargetOutside,k as isCorrectFormat,Ta as isExactLength,ka as isInteger,ba as isValidChassisnummer,Ia as isValidDogId,fa as isValidEpost,ha as isValidFodselsnummer,Sa as isValidName,Ca as isValidOrganisasjonsnummer,ja as isValidRegistreringsnummer,ga as isValidTelefonnummer,h as isWithinLowerBound,C as isWithinUpperBound,la as mergeProps,ua as mergeRefs,L as parseDateString,Ke as parseNumber,Xe as registerWithFodselsnummerMask,_e as registerWithKontonummerMask,ze as registerWithKortnummerMask,Qe as registerWithMasks,Je as registerWithTelefonnummerMask,he as tokens,We as unicode,Ce as useAnimatedDetails,Se as useAnimatedHeight,ve as useAnimatedHeightBetween,Fe as useAriaLiveRegion,Me as useAutoAnimatedHeight,Le as useBrowserPreferences,De as useClickOutside,T as useCookieConsent,Ve as useElementDimensions,Ne as useFocusOutside,ye as useId,Ae as useIntersectionObserver,Oe as useKeyListener,Ge as useListNavigation,Ee as useLocalStorage,gs as useModal,Re as useMutationObserver,xe as usePreviousValue,Be as useProgressiveImg,we as useScreen,Pe as useScrollIntoView,Ys as useSortableTableHeader,He as useSwipeGesture,Gs as useTableContext,Ws as useTableSectionContext,de as useToast};
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fremtind/jokul",
-    "version": "0.26.0",
+    "version": "0.27.1",
     "type": "module",
     "publishConfig": {
         "access": "public"
@@ -511,5 +511,5 @@
             "@babel/preset-react"
         ]
     },
-    "gitHead": "3c45b15544beafea78c8e19e76f36ce0e32012db"
+    "gitHead": "1d3628109c8f6eb8f92213a96c118d3c4c90aab2"
 }

package/styles/components/button/button.css

@@ -136,7 +136,7 @@
   height: 1rem;
 }
 html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
-  animation: cubic-bezier(0.6, 0.2, 0.35, 1) 250ms jkl-tertiary-flash-uz4t33t;
+  animation: cubic-bezier(0.6, 0.2, 0.35, 1) 250ms jkl-tertiary-flash-unttcih;
 }
 :not([data-touchnavigation]) .jkl-button--primary:hover, :not([data-touchnavigation]) .jkl-button--secondary:hover, :not([data-touchnavigation]) .jkl-button--tertiary:hover {
   scale: 1.05;
@@ -180,7 +180,7 @@ html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
   --background-color: var(--jkl-color-background-interactive-hover);
 }
 
-@keyframes jkl-tertiary-flash-uz4t33t {
+@keyframes jkl-tertiary-flash-unttcih {
   0% {
     opacity: 0.5;
     scale: 1;

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

@@ -1 +1 @@
-.jkl .jkl-button,.jkl-button[data-density=comfortable],.jkl-button[data-layout-density=comfortable],[data-density=comfortable] .jkl-button,[data-layout-density=comfortable] .jkl-button{--padding-block:0.5rem;--padding-text:1.5rem;--padding-icon:1rem;--padding-icon-button:0.5rem;--padding-tertiary-inline:0.25rem;--padding-ghost-inline:0.5rem}.jkl-button[data-density=compact],.jkl-button[data-layout-density=compact],[data-density=compact] .jkl-button,[data-layout-density=compact] .jkl-button{--padding-block:0.25rem;--padding-text:0.75rem;--padding-icon:0.5rem;--padding-icon-button:0.25rem;--padding-tertiary-inline:0.125rem;--padding-ghost-inline:0.25rem;font-size:1rem;font-weight:400;line-height:1.5rem;--jkl-icon-weight:300;--jkl-icon-size:1.25rem;--jkl-icon-opsz:20;--jkl-icon-weight:500;font-weight:700}.jkl-button{--text-color:var(--jkl-color-text-default);--background-color:transparent;--border-radius:0;--border-width:0.0625rem;background-color:var(--background-color);border:unset;color:var(--text-color);cursor:pointer;text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:var(--border-radius);font-size:1.125rem;font-weight:400;line-height:1.75rem;max-width:100%;overflow:hidden;padding-block:var(--padding-block);padding-inline:var(--padding-text);position:relative;transition-duration:.15s;transition-property:scale;transition-timing-function:ease;--jkl-icon-weight:300;--jkl-icon-weight:500;font-weight:700}@media (min-width:680px){.jkl-button{font-size:1.25rem;font-weight:400;line-height:2rem;--jkl-icon-weight:300;--jkl-icon-weight:500;font-weight:700}}.jkl-button:has(.jkl-icon:first-child){padding-inline-start:var(--padding-icon)}.jkl-button:has(.jkl-icon:last-child){padding-inline-end:var(--padding-icon)}.jkl-button:has(.jkl-icon:first-child):has(.jkl-icon:last-child){padding-inline:var(--padding-icon-button)}.jkl-button__label{align-items:center;display:flex;flex-direction:row;gap:.125rem;pointer-events:none;transition-duration:.25s;transition-property:translate;transition-timing-function:ease}.jkl-button__loader{left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transition-duration:.25s;transition-property:opacity,translate;transition-timing-function:ease;translate:-50% 350%}.jkl-button__text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jkl-button[data-loading=true] .jkl-button__label{translate:0 -120%}.jkl-button[data-loading=true] .jkl-button__loader{opacity:1;translate:-50% -50%}.jkl-button:focus-visible{outline:2px solid var(--jkl-color-border-action);outline-offset:2px}.jkl-button:before{background-color:var(--text-color);border-radius:9999px;content:"";display:block;height:1rem;left:var(--jkl-touch-xcoord,50%);opacity:0;pointer-events:none;position:absolute;top:var(--jkl-touch-ycoord,50%);transform-origin:center;translate:-100%,-100%;width:1rem}html[data-touchnavigation] .jkl-button.jkl-button--pressed:before{animation:jkl-tertiary-flash-uz4t33t .25s cubic-bezier(.6,.2,.35,1)}:not([data-touchnavigation]) .jkl-button--primary:hover,:not([data-touchnavigation]) .jkl-button--secondary:hover,:not([data-touchnavigation]) .jkl-button--tertiary:hover{scale:1.05;transform-origin:center}.jkl-button--primary,.jkl-button--secondary{--border-radius:999px}.jkl-button--primary{--background-color:var(--jkl-color-background-action);--text-color:var(--jkl-color-text-on-action)}.jkl-button--secondary:after{border:var(--border-width) solid var(--text-color);border-radius:var(--border-radius);content:"";inset:0;position:absolute}.jkl-button--tertiary,.jkl-button--tertiary:has(.jkl-icon:first-child),.jkl-button--tertiary:has(.jkl-icon:last-child){padding-inline:var(--padding-tertiary-inline)}.jkl-button--tertiary:after,.jkl-button--tertiary:has(.jkl-icon:first-child):after,.jkl-button--tertiary:has(.jkl-icon:last-child):after{border-bottom:var(--border-width) solid var(--text-color);border-radius:var(--border-radius);content:"";inset:0;position:absolute}.jkl-button--tertiary:focus-visible,.jkl-button--tertiary:has(.jkl-icon:first-child):focus-visible,.jkl-button--tertiary:has(.jkl-icon:first-child):hover,.jkl-button--tertiary:has(.jkl-icon:last-child):focus-visible,.jkl-button--tertiary:has(.jkl-icon:last-child):hover,.jkl-button--tertiary:hover{--border-width:0.125rem}.jkl-button--ghost,.jkl-button--ghost:has(.jkl-icon:first-child),.jkl-button--ghost:has(.jkl-icon:last-child){border-radius:.25rem;padding-inline:var(--padding-ghost-inline);transition-duration:.15s;transition-property:background-color;transition-timing-function:ease}.jkl-button--ghost:has(.jkl-icon:first-child):hover,.jkl-button--ghost:has(.jkl-icon:last-child):hover,.jkl-button--ghost:hover{--background-color:var(--jkl-color-background-interactive-hover)}@keyframes jkl-tertiary-flash-uz4t33t{0%{opacity:.5;scale:1}to{opacity:0;scale:8}}
+.jkl .jkl-button,.jkl-button[data-density=comfortable],.jkl-button[data-layout-density=comfortable],[data-density=comfortable] .jkl-button,[data-layout-density=comfortable] .jkl-button{--padding-block:0.5rem;--padding-text:1.5rem;--padding-icon:1rem;--padding-icon-button:0.5rem;--padding-tertiary-inline:0.25rem;--padding-ghost-inline:0.5rem}.jkl-button[data-density=compact],.jkl-button[data-layout-density=compact],[data-density=compact] .jkl-button,[data-layout-density=compact] .jkl-button{--padding-block:0.25rem;--padding-text:0.75rem;--padding-icon:0.5rem;--padding-icon-button:0.25rem;--padding-tertiary-inline:0.125rem;--padding-ghost-inline:0.25rem;font-size:1rem;font-weight:400;line-height:1.5rem;--jkl-icon-weight:300;--jkl-icon-size:1.25rem;--jkl-icon-opsz:20;--jkl-icon-weight:500;font-weight:700}.jkl-button{--text-color:var(--jkl-color-text-default);--background-color:transparent;--border-radius:0;--border-width:0.0625rem;background-color:var(--background-color);border:unset;color:var(--text-color);cursor:pointer;text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:var(--border-radius);font-size:1.125rem;font-weight:400;line-height:1.75rem;max-width:100%;overflow:hidden;padding-block:var(--padding-block);padding-inline:var(--padding-text);position:relative;transition-duration:.15s;transition-property:scale;transition-timing-function:ease;--jkl-icon-weight:300;--jkl-icon-weight:500;font-weight:700}@media (min-width:680px){.jkl-button{font-size:1.25rem;font-weight:400;line-height:2rem;--jkl-icon-weight:300;--jkl-icon-weight:500;font-weight:700}}.jkl-button:has(.jkl-icon:first-child){padding-inline-start:var(--padding-icon)}.jkl-button:has(.jkl-icon:last-child){padding-inline-end:var(--padding-icon)}.jkl-button:has(.jkl-icon:first-child):has(.jkl-icon:last-child){padding-inline:var(--padding-icon-button)}.jkl-button__label{align-items:center;display:flex;flex-direction:row;gap:.125rem;pointer-events:none;transition-duration:.25s;transition-property:translate;transition-timing-function:ease}.jkl-button__loader{left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transition-duration:.25s;transition-property:opacity,translate;transition-timing-function:ease;translate:-50% 350%}.jkl-button__text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jkl-button[data-loading=true] .jkl-button__label{translate:0 -120%}.jkl-button[data-loading=true] .jkl-button__loader{opacity:1;translate:-50% -50%}.jkl-button:focus-visible{outline:2px solid var(--jkl-color-border-action);outline-offset:2px}.jkl-button:before{background-color:var(--text-color);border-radius:9999px;content:"";display:block;height:1rem;left:var(--jkl-touch-xcoord,50%);opacity:0;pointer-events:none;position:absolute;top:var(--jkl-touch-ycoord,50%);transform-origin:center;translate:-100%,-100%;width:1rem}html[data-touchnavigation] .jkl-button.jkl-button--pressed:before{animation:jkl-tertiary-flash-unttcih .25s cubic-bezier(.6,.2,.35,1)}:not([data-touchnavigation]) .jkl-button--primary:hover,:not([data-touchnavigation]) .jkl-button--secondary:hover,:not([data-touchnavigation]) .jkl-button--tertiary:hover{scale:1.05;transform-origin:center}.jkl-button--primary,.jkl-button--secondary{--border-radius:999px}.jkl-button--primary{--background-color:var(--jkl-color-background-action);--text-color:var(--jkl-color-text-on-action)}.jkl-button--secondary:after{border:var(--border-width) solid var(--text-color);border-radius:var(--border-radius);content:"";inset:0;position:absolute}.jkl-button--tertiary,.jkl-button--tertiary:has(.jkl-icon:first-child),.jkl-button--tertiary:has(.jkl-icon:last-child){padding-inline:var(--padding-tertiary-inline)}.jkl-button--tertiary:after,.jkl-button--tertiary:has(.jkl-icon:first-child):after,.jkl-button--tertiary:has(.jkl-icon:last-child):after{border-bottom:var(--border-width) solid var(--text-color);border-radius:var(--border-radius);content:"";inset:0;position:absolute}.jkl-button--tertiary:focus-visible,.jkl-button--tertiary:has(.jkl-icon:first-child):focus-visible,.jkl-button--tertiary:has(.jkl-icon:first-child):hover,.jkl-button--tertiary:has(.jkl-icon:last-child):focus-visible,.jkl-button--tertiary:has(.jkl-icon:last-child):hover,.jkl-button--tertiary:hover{--border-width:0.125rem}.jkl-button--ghost,.jkl-button--ghost:has(.jkl-icon:first-child),.jkl-button--ghost:has(.jkl-icon:last-child){border-radius:.25rem;padding-inline:var(--padding-ghost-inline);transition-duration:.15s;transition-property:background-color;transition-timing-function:ease}.jkl-button--ghost:has(.jkl-icon:first-child):hover,.jkl-button--ghost:has(.jkl-icon:last-child):hover,.jkl-button--ghost:hover{--background-color:var(--jkl-color-background-interactive-hover)}@keyframes jkl-tertiary-flash-unttcih{0%{opacity:.5;scale:1}to{opacity:0;scale:8}}

package/styles/components/checkbox/checkbox.css

@@ -32,7 +32,7 @@
   --jkl-checkbox-line-height: 1.5rem;
 }
 
-@keyframes jkl-checkbox-checked-ufc4y4b {
+@keyframes jkl-checkbox-checked-u13encw {
   0% {
     width: 0;
     height: 0;
@@ -46,7 +46,7 @@
     height: 58%;
   }
 }
-@keyframes jkl-checkbox-indeterminate-ufc4y4n {
+@keyframes jkl-checkbox-indeterminate-u13encz {
   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-ufc4y4b 150ms ease-in-out forwards;
+  animation: jkl-checkbox-checked-u13encw 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-ufc4y4n 150ms ease-in-out forwards;
+  animation: jkl-checkbox-indeterminate-u13encz 150ms ease-in-out forwards;
   opacity: 1;
 }
 .jkl-checkbox__input:focus-visible + .jkl-checkbox__label {

package/styles/components/checkbox/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-ufc4y4b{0%{height:0;width:0}40%{height:0;width:18%}to{height:58%;width:18%}}@keyframes jkl-checkbox-indeterminate-ufc4y4n{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:transparent;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-ufc4y4b .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-ufc4y4n .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-u13encw{0%{height:0;width:0}40%{height:0;width:18%}to{height:58%;width:18%}}@keyframes jkl-checkbox-indeterminate-u13encz{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:transparent;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-u13encw .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-u13encz .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/styles/components/feedback/feedback.css

@@ -2,7 +2,7 @@
  * Do not edit directly
  * Generated on Mon, 23 Sep 2024 08:51:40 GMT
  */
-@keyframes jkl-show-uhcv955 {
+@keyframes jkl-show-uov8lbo {
   from {
     transform: translate3d(0, 0.5rem, 0);
     opacity: 0;
@@ -37,7 +37,7 @@
   }
 }
 .jkl-feedback__fade-in {
-  animation: jkl-show-uhcv955 0.25s ease-out;
+  animation: jkl-show-uov8lbo 0.25s ease-out;
 }
 
 .jkl-feedback-smileys {

package/styles/components/feedback/feedback.min.css

@@ -1 +1 @@
-@keyframes jkl-show-uhcv955{0%{opacity:0;transform:translate3d(0,.5rem,0)}}.jkl-feedback{max-width:34.375rem}.jkl-feedback__submit-wrapper{transition-duration:.25s;transition-property:height;transition-timing-function:ease;width:100%}.jkl-feedback__submit-wrapper--hidden{display:none}.jkl-feedback__step-counter{color:var(--jkl-color-text-subdued);font-size:1.125rem;font-weight:400;line-height:1.75rem;margin-bottom:1rem;--jkl-icon-weight:300}@media (min-width:680px){.jkl-feedback__step-counter{font-size:1.25rem;font-weight:400;line-height:2rem;--jkl-icon-weight:300}}.jkl-feedback__fade-in{animation:jkl-show-uhcv955 .25s ease-out}.jkl-feedback-smileys{display:flex;flex-wrap:nowrap;gap:.75rem;justify-content:space-between;margin-top:.5rem;max-width:22.5rem;width:100%}.jkl-feedback-smiley-option{color:var(--jkl-color-text-subdued);cursor:pointer;display:inline-block;height:2.5rem;position:relative;transform:translateZ(0);transition-duration:.15s;transition-property:transform,color;transition-timing-function:ease;width:2.5rem}@media screen and (forced-colors:active){.jkl-feedback-smiley-option,.jkl-feedback-smiley-option path,.jkl-feedback-smiley-option svg{stroke:ButtonFace;fill:ButtonText}}.jkl-feedback-smiley-option:after,.jkl-feedback-smiley-option:before{border-radius:50%;content:"";opacity:0;position:absolute;transition-duration:.15s;transition-property:opacity;transition-timing-function:ease}.jkl-feedback-smiley-option:after{box-shadow:0 0 0 .125rem currentColor;inset:-.125rem -.125rem -.125rem -.125rem}.jkl-feedback-smiley-option:before{box-shadow:0 .125rem 1.875rem rgba(0,0,0,.1);inset:0}.jkl-feedback-smiley-option:hover{color:var(--jkl-color-text-default)}input:checked+.jkl-feedback-smiley-option{color:var(--jkl-color-text-default);transform:translate3d(0,-20%,0)}input:checked+.jkl-feedback-smiley-option:before{opacity:1}html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus+.jkl-feedback-smiley-option:after{opacity:1}
+@keyframes jkl-show-uov8lbo{0%{opacity:0;transform:translate3d(0,.5rem,0)}}.jkl-feedback{max-width:34.375rem}.jkl-feedback__submit-wrapper{transition-duration:.25s;transition-property:height;transition-timing-function:ease;width:100%}.jkl-feedback__submit-wrapper--hidden{display:none}.jkl-feedback__step-counter{color:var(--jkl-color-text-subdued);font-size:1.125rem;font-weight:400;line-height:1.75rem;margin-bottom:1rem;--jkl-icon-weight:300}@media (min-width:680px){.jkl-feedback__step-counter{font-size:1.25rem;font-weight:400;line-height:2rem;--jkl-icon-weight:300}}.jkl-feedback__fade-in{animation:jkl-show-uov8lbo .25s ease-out}.jkl-feedback-smileys{display:flex;flex-wrap:nowrap;gap:.75rem;justify-content:space-between;margin-top:.5rem;max-width:22.5rem;width:100%}.jkl-feedback-smiley-option{color:var(--jkl-color-text-subdued);cursor:pointer;display:inline-block;height:2.5rem;position:relative;transform:translateZ(0);transition-duration:.15s;transition-property:transform,color;transition-timing-function:ease;width:2.5rem}@media screen and (forced-colors:active){.jkl-feedback-smiley-option,.jkl-feedback-smiley-option path,.jkl-feedback-smiley-option svg{stroke:ButtonFace;fill:ButtonText}}.jkl-feedback-smiley-option:after,.jkl-feedback-smiley-option:before{border-radius:50%;content:"";opacity:0;position:absolute;transition-duration:.15s;transition-property:opacity;transition-timing-function:ease}.jkl-feedback-smiley-option:after{box-shadow:0 0 0 .125rem currentColor;inset:-.125rem -.125rem -.125rem -.125rem}.jkl-feedback-smiley-option:before{box-shadow:0 .125rem 1.875rem rgba(0,0,0,.1);inset:0}.jkl-feedback-smiley-option:hover{color:var(--jkl-color-text-default)}input:checked+.jkl-feedback-smiley-option{color:var(--jkl-color-text-default);transform:translate3d(0,-20%,0)}input:checked+.jkl-feedback-smiley-option:before{opacity:1}html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus+.jkl-feedback-smiley-option:after{opacity:1}

package/styles/components/input-group/input-group.css

@@ -78,7 +78,7 @@
   --color: var(--jkl-color-text-default);
 }
 .jkl-form-support-label--error .jkl-form-support-label__icon, .jkl-form-support-label--warning .jkl-form-support-label__icon, .jkl-form-support-label--success .jkl-form-support-label__icon {
-  animation: 400ms cubic-bezier(0, 0, 0.3, 1) 250ms jkl-support-icon-entrance-uajvz28 forwards;
+  animation: 400ms cubic-bezier(0, 0, 0.3, 1) 250ms jkl-support-icon-entrance-uo9qrtx forwards;
 }
 .jkl-form-support-label--sr-only {
   border: 0 !important;
@@ -153,7 +153,7 @@
   white-space: nowrap !important; /* 3 */
 }
 
-@keyframes jkl-support-icon-entrance-uajvz28 {
+@keyframes jkl-support-icon-entrance-uo9qrtx {
   0% {
     margin-right: 0;
     opacity: 0;

package/styles/components/input-group/input-group.min.css

@@ -1 +1 @@
-.jkl-field-group{border-style:none;outline:0;outline-style:none}.jkl-field-group:active,.jkl-field-group:focus,.jkl-field-group:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-field-group{border-style:revert;outline:revert;outline-style:revert}.jkl-field-group:active,.jkl-field-group:focus,.jkl-field-group:hover{outline:revert;outline-style:revert}}.jkl-dormant-form-support-label{display:none;opacity:0;pointer-events:none}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-form-support-label-font-size:var(--jkl-small-font-size);--jkl-form-support-label-line-height:var(--jkl-small-line-height);--jkl-form-support-label-font-weight:var(--jkl-small-font-weight);--jkl-form-support-label-margin:0.5rem 0 0;--jkl-form-support-label-icon-size:1.25rem;--jkl-form-support-label-icon-margin:0 -1.25rem -0.375rem 0}[data-density=compact],[data-layout-density=compact]{--jkl-form-support-label-icon-size:1.375rem;--jkl-form-support-label-icon-margin:0 -1.375rem -0.3125rem 0}.jkl-form-support-label{--color:var(--jkl-color-text-subdued);color:var(--color);display:flex;font-size:var(--jkl-form-support-label-font-size);font-weight:var(--jkl-form-support-label-font-weight);line-height:var(--jkl-form-support-label-line-height);margin:var(--jkl-form-support-label-margin);transition-delay:.15s;transition-duration:.4s;transition-property:color;transition-timing-function:ease}.jkl-form-support-label__icon,.jkl-form-support-label__icon.jkl-icon{height:var(--jkl-form-support-label-icon-size);margin:var(--jkl-form-support-label-icon-margin);opacity:0}@media screen and (forced-colors:active){.jkl-form-support-label__icon,.jkl-form-support-label__icon path,.jkl-form-support-label__icon svg,.jkl-form-support-label__icon.jkl-icon,.jkl-form-support-label__icon.jkl-icon path,.jkl-form-support-label__icon.jkl-icon svg{stroke:CanvasText;fill:Canvas}}.jkl-form-support-label--error,.jkl-form-support-label--success,.jkl-form-support-label--warning{--color:var(--jkl-color-text-default)}.jkl-form-support-label--error .jkl-form-support-label__icon,.jkl-form-support-label--success .jkl-form-support-label__icon,.jkl-form-support-label--warning .jkl-form-support-label__icon{animation:jkl-support-icon-entrance-uajvz28 .4s cubic-bezier(0,0,.3,1) .25s forwards}.jkl-form-support-label--sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-label-small-margin:0 0 0.25rem 0;--jkl-label-medium-margin:0 0 0.5rem 0;--jkl-label-large-margin:0 0 1rem -0.0625rem;--jkl-label-small-font-size:var(--jkl-small-font-size);--jkl-label-small-line-height:var(--jkl-small-line-height);--jkl-label-small-font-weight:var(--jkl-small-font-weight);--jkl-label-medium-font-size:var(--jkl-body-font-size);--jkl-label-medium-line-height:var(--jkl-body-line-height);--jkl-label-medium-font-weight:var(--jkl-body-font-weight);--jkl-label-large-font-size:var(--jkl-heading-2-font-size);--jkl-label-large-line-height:var(--jkl-heading-2-line-height);--jkl-label-large-font-weight:var(--jkl-heading-2-font-weight)}[data-density=compact],[data-layout-density=compact]{--jkl-label-small-margin:0 0 0.25rem 0;--jkl-label-medium-margin:0 0 0.5rem 0;--jkl-label-large-margin:0 0 0.75rem -0.0625rem}.jkl-label{color:var(--jkl-color-text-default);display:block;margin-left:0}.jkl-label--small{font-size:var(--jkl-label-small-font-size);font-weight:var(--jkl-label-small-font-weight);line-height:var(--jkl-label-small-line-height);margin:var(--jkl-label-small-margin)}.jkl-label--medium{font-size:var(--jkl-label-medium-font-size);font-weight:var(--jkl-label-medium-font-weight);line-height:var(--jkl-label-medium-line-height);margin:var(--jkl-label-medium-margin)}.jkl-label--large{font-size:var(--jkl-label-large-font-size);font-weight:var(--jkl-label-large-font-weight);line-height:var(--jkl-label-large-line-height);margin:var(--jkl-label-large-margin)}.jkl-label--sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}@keyframes jkl-support-icon-entrance-uajvz28{0%{margin-right:0;opacity:0;transform:scale(1)}30%{margin-right:.5rem}50%{opacity:1}70%{transform:scale(1.1)}85%{transform:scale(.9)}to{margin-right:.5rem;opacity:1;transform:scale(1)}}@media screen and (forced-colors:active){.jkl-text-input-action-button,.jkl-text-input-action-button path,.jkl-text-input-action-button svg{stroke:ButtonText;fill:ButtonFace}}
+.jkl-field-group{border-style:none;outline:0;outline-style:none}.jkl-field-group:active,.jkl-field-group:focus,.jkl-field-group:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-field-group{border-style:revert;outline:revert;outline-style:revert}.jkl-field-group:active,.jkl-field-group:focus,.jkl-field-group:hover{outline:revert;outline-style:revert}}.jkl-dormant-form-support-label{display:none;opacity:0;pointer-events:none}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-form-support-label-font-size:var(--jkl-small-font-size);--jkl-form-support-label-line-height:var(--jkl-small-line-height);--jkl-form-support-label-font-weight:var(--jkl-small-font-weight);--jkl-form-support-label-margin:0.5rem 0 0;--jkl-form-support-label-icon-size:1.25rem;--jkl-form-support-label-icon-margin:0 -1.25rem -0.375rem 0}[data-density=compact],[data-layout-density=compact]{--jkl-form-support-label-icon-size:1.375rem;--jkl-form-support-label-icon-margin:0 -1.375rem -0.3125rem 0}.jkl-form-support-label{--color:var(--jkl-color-text-subdued);color:var(--color);display:flex;font-size:var(--jkl-form-support-label-font-size);font-weight:var(--jkl-form-support-label-font-weight);line-height:var(--jkl-form-support-label-line-height);margin:var(--jkl-form-support-label-margin);transition-delay:.15s;transition-duration:.4s;transition-property:color;transition-timing-function:ease}.jkl-form-support-label__icon,.jkl-form-support-label__icon.jkl-icon{height:var(--jkl-form-support-label-icon-size);margin:var(--jkl-form-support-label-icon-margin);opacity:0}@media screen and (forced-colors:active){.jkl-form-support-label__icon,.jkl-form-support-label__icon path,.jkl-form-support-label__icon svg,.jkl-form-support-label__icon.jkl-icon,.jkl-form-support-label__icon.jkl-icon path,.jkl-form-support-label__icon.jkl-icon svg{stroke:CanvasText;fill:Canvas}}.jkl-form-support-label--error,.jkl-form-support-label--success,.jkl-form-support-label--warning{--color:var(--jkl-color-text-default)}.jkl-form-support-label--error .jkl-form-support-label__icon,.jkl-form-support-label--success .jkl-form-support-label__icon,.jkl-form-support-label--warning .jkl-form-support-label__icon{animation:jkl-support-icon-entrance-uo9qrtx .4s cubic-bezier(0,0,.3,1) .25s forwards}.jkl-form-support-label--sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-label-small-margin:0 0 0.25rem 0;--jkl-label-medium-margin:0 0 0.5rem 0;--jkl-label-large-margin:0 0 1rem -0.0625rem;--jkl-label-small-font-size:var(--jkl-small-font-size);--jkl-label-small-line-height:var(--jkl-small-line-height);--jkl-label-small-font-weight:var(--jkl-small-font-weight);--jkl-label-medium-font-size:var(--jkl-body-font-size);--jkl-label-medium-line-height:var(--jkl-body-line-height);--jkl-label-medium-font-weight:var(--jkl-body-font-weight);--jkl-label-large-font-size:var(--jkl-heading-2-font-size);--jkl-label-large-line-height:var(--jkl-heading-2-line-height);--jkl-label-large-font-weight:var(--jkl-heading-2-font-weight)}[data-density=compact],[data-layout-density=compact]{--jkl-label-small-margin:0 0 0.25rem 0;--jkl-label-medium-margin:0 0 0.5rem 0;--jkl-label-large-margin:0 0 0.75rem -0.0625rem}.jkl-label{color:var(--jkl-color-text-default);display:block;margin-left:0}.jkl-label--small{font-size:var(--jkl-label-small-font-size);font-weight:var(--jkl-label-small-font-weight);line-height:var(--jkl-label-small-line-height);margin:var(--jkl-label-small-margin)}.jkl-label--medium{font-size:var(--jkl-label-medium-font-size);font-weight:var(--jkl-label-medium-font-weight);line-height:var(--jkl-label-medium-line-height);margin:var(--jkl-label-medium-margin)}.jkl-label--large{font-size:var(--jkl-label-large-font-size);font-weight:var(--jkl-label-large-font-weight);line-height:var(--jkl-label-large-line-height);margin:var(--jkl-label-large-margin)}.jkl-label--sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}@keyframes jkl-support-icon-entrance-uo9qrtx{0%{margin-right:0;opacity:0;transform:scale(1)}30%{margin-right:.5rem}50%{opacity:1}70%{transform:scale(1.1)}85%{transform:scale(.9)}to{margin-right:.5rem;opacity:1;transform:scale(1)}}@media screen and (forced-colors:active){.jkl-text-input-action-button,.jkl-text-input-action-button path,.jkl-text-input-action-button svg{stroke:ButtonText;fill:ButtonFace}}

package/styles/components/loader/loader.css

@@ -17,15 +17,15 @@
   animation: 2500ms linear infinite;
 }
 .jkl-loader__dot--left {
-  animation-name: jkl-loader-left-spin-umwgngc;
+  animation-name: jkl-loader-left-spin-ul4yr9f;
   margin-right: 1.71em;
 }
 .jkl-loader__dot--middle {
-  animation-name: jkl-loader-middle-spin-umwgngf;
+  animation-name: jkl-loader-middle-spin-ul4yr9o;
   margin-right: 1.9em;
 }
 .jkl-loader__dot--right {
-  animation-name: jkl-loader-right-spin-umwgngu;
+  animation-name: jkl-loader-right-spin-ul4yra1;
 }
 @media screen and (forced-colors: active) {
   .jkl-loader__dot {
@@ -53,7 +53,7 @@
   margin-right: 0.3em;
 }
 
-@keyframes jkl-loader-left-spin-umwgngc {
+@keyframes jkl-loader-left-spin-ul4yr9f {
   0% {
     transform: rotate(0) scale(0);
   }
@@ -67,7 +67,7 @@
     transform: rotate(180deg) scale(0);
   }
 }
-@keyframes jkl-loader-middle-spin-umwgngf {
+@keyframes jkl-loader-middle-spin-ul4yr9o {
   0% {
     transform: rotate(20deg) scale(0);
   }
@@ -84,7 +84,7 @@
     transform: rotate(200deg) scale(0);
   }
 }
-@keyframes jkl-loader-right-spin-umwgngu {
+@keyframes jkl-loader-right-spin-ul4yra1 {
   0% {
     transform: rotate(40deg) scale(0);
   }

package/styles/components/loader/loader.min.css

@@ -1 +1 @@
-.jkl-loader{display:flex}.jkl-loader--inline{display:inline-flex}.jkl-loader__dot{animation:2.5s linear infinite;background-color:currentColor;display:block;height:.9em;transform-origin:center;width:.9em}.jkl-loader__dot--left{animation-name:jkl-loader-left-spin-umwgngc;margin-right:1.71em}.jkl-loader__dot--middle{animation-name:jkl-loader-middle-spin-umwgngf;margin-right:1.9em}.jkl-loader__dot--right{animation-name:jkl-loader-right-spin-umwgngu}@media screen and (forced-colors:active){.jkl-loader__dot{background-color:CanvasText}}.jkl-button .jkl-loader>.jkl-loader__dot,.jkl-loader--medium>.jkl-loader__dot{height:.35em;width:.35em}.jkl-button .jkl-loader>.jkl-loader__dot--left,.jkl-loader--medium>.jkl-loader__dot--left{margin-right:.585em}.jkl-button .jkl-loader>.jkl-loader__dot--middle,.jkl-loader--medium>.jkl-loader__dot--middle{margin-right:.65em}.jkl-loader--small>.jkl-loader__dot{height:.25em;width:.25em}.jkl-loader--small>.jkl-loader__dot--left{margin-right:.27em}.jkl-loader--small>.jkl-loader__dot--middle{margin-right:.3em}@keyframes jkl-loader-left-spin-umwgngc{0%{transform:rotate(0) scale(0)}30%{transform:rotate(90deg) scale(1)}70%{transform:rotate(180deg) scale(0)}to{transform:rotate(180deg) scale(0)}}@keyframes jkl-loader-middle-spin-umwgngf{0%{transform:rotate(20deg) scale(0)}10%{transform:rotate(20deg) scale(0)}40%{transform:rotate(110deg) scale(1.4)}85%{transform:rotate(200deg) scale(0)}to{transform:rotate(200deg) scale(0)}}@keyframes jkl-loader-right-spin-umwgngu{0%{transform:rotate(40deg) scale(0)}20%{transform:rotate(40deg) scale(0)}50%{transform:rotate(130deg) scale(1)}to{transform:rotate(220deg) scale(0)}}
+.jkl-loader{display:flex}.jkl-loader--inline{display:inline-flex}.jkl-loader__dot{animation:2.5s linear infinite;background-color:currentColor;display:block;height:.9em;transform-origin:center;width:.9em}.jkl-loader__dot--left{animation-name:jkl-loader-left-spin-ul4yr9f;margin-right:1.71em}.jkl-loader__dot--middle{animation-name:jkl-loader-middle-spin-ul4yr9o;margin-right:1.9em}.jkl-loader__dot--right{animation-name:jkl-loader-right-spin-ul4yra1}@media screen and (forced-colors:active){.jkl-loader__dot{background-color:CanvasText}}.jkl-button .jkl-loader>.jkl-loader__dot,.jkl-loader--medium>.jkl-loader__dot{height:.35em;width:.35em}.jkl-button .jkl-loader>.jkl-loader__dot--left,.jkl-loader--medium>.jkl-loader__dot--left{margin-right:.585em}.jkl-button .jkl-loader>.jkl-loader__dot--middle,.jkl-loader--medium>.jkl-loader__dot--middle{margin-right:.65em}.jkl-loader--small>.jkl-loader__dot{height:.25em;width:.25em}.jkl-loader--small>.jkl-loader__dot--left{margin-right:.27em}.jkl-loader--small>.jkl-loader__dot--middle{margin-right:.3em}@keyframes jkl-loader-left-spin-ul4yr9f{0%{transform:rotate(0) scale(0)}30%{transform:rotate(90deg) scale(1)}70%{transform:rotate(180deg) scale(0)}to{transform:rotate(180deg) scale(0)}}@keyframes jkl-loader-middle-spin-ul4yr9o{0%{transform:rotate(20deg) scale(0)}10%{transform:rotate(20deg) scale(0)}40%{transform:rotate(110deg) scale(1.4)}85%{transform:rotate(200deg) scale(0)}to{transform:rotate(200deg) scale(0)}}@keyframes jkl-loader-right-spin-ul4yra1{0%{transform:rotate(40deg) scale(0)}20%{transform:rotate(40deg) scale(0)}50%{transform:rotate(130deg) scale(1)}to{transform:rotate(220deg) scale(0)}}

package/styles/components/loader/skeleton-loader.css

@@ -36,7 +36,7 @@
   bottom: 0;
   width: 12.5rem;
   background: linear-gradient(89.17deg, rgba(249, 249, 249, 0) 0.8%, var(--jkl-skeleton-sweeper-color) 50.09%, rgba(249, 249, 249, 0) 96.31%);
-  animation: var(--jkl-skeleton-sweep-duration) ease infinite jkl-sweep-uszgvg2;
+  animation: var(--jkl-skeleton-sweep-duration) ease infinite jkl-sweep-uro1zeq;
 }
 @media (width >= 0) and (max-width: 679px) {
   .jkl-skeleton-animation {
@@ -67,7 +67,7 @@
 @media screen and (forced-colors: active) {
   .jkl-skeleton-element {
     border: 1px solid CanvasText;
-    animation: 2s ease infinite jkl-blink-uszgvgu;
+    animation: 2s ease infinite jkl-blink-uro1zf9;
   }
 }
 
@@ -123,11 +123,11 @@
 }
 @media screen and (forced-colors: active) {
   .jkl-skeleton-table {
-    animation: 2s ease-in-out infinite jkl-blink-uszgvgu;
+    animation: 2s ease-in-out infinite jkl-blink-uro1zf9;
   }
 }
 
-@keyframes jkl-sweep-uszgvg2 {
+@keyframes jkl-sweep-uro1zeq {
   0% {
     transform: translateX(calc(0vw - 200px));
   }
@@ -135,7 +135,7 @@
     transform: translateX(calc(100vw + 400px));
   }
 }
-@keyframes jkl-blink-uszgvgu {
+@keyframes jkl-blink-uro1zf9 {
   0% {
     opacity: 1;
   }

package/styles/components/loader/skeleton-loader.min.css

@@ -1 +1 @@
-@media screen and (prefers-color-scheme:light){:root{--jkl-skeleton-element-color:#e0dbd4;--jkl-skeleton-sweeper-color:#f9f9f9}}[data-theme=light]{--jkl-skeleton-element-color:#e0dbd4;--jkl-skeleton-sweeper-color:#f9f9f9}@media screen and (prefers-color-scheme:dark){:root{--jkl-skeleton-element-color:#636060;--jkl-skeleton-sweeper-color:#1b1917}}[data-theme=dark]{--jkl-skeleton-element-color:#636060;--jkl-skeleton-sweeper-color:#1b1917}.jkl-skeleton-animation{--jkl-skeleton-sweep-duration:3s;overflow:hidden;position:relative}.jkl-skeleton-animation:after{animation:var(--jkl-skeleton-sweep-duration) ease infinite jkl-sweep-uszgvg2;background:linear-gradient(89.17deg,hsla(0,0%,98%,0) .8%,var(--jkl-skeleton-sweeper-color) 50.09%,hsla(0,0%,98%,0) 96.31%);bottom:0;content:" ";position:absolute;top:0;width:12.5rem}@media (width >= 0) and (max-width:679px){.jkl-skeleton-animation{width:9.375rem}}@media screen and (prefers-reduced-motion:reduce){.jkl-skeleton-animation:after{background:none}}@media screen and (forced-colors:active){.jkl-skeleton-animation:after{animation:none}}.jkl-skeleton-animation--compact:after{width:9.375rem}.jkl-skeleton-element{background-color:var(--jkl-skeleton-element-color);border-radius:.125rem}.jkl-skeleton-element--circle{border-radius:50%}@media screen and (forced-colors:active){.jkl-skeleton-element{animation:jkl-blink-uszgvgu 2s ease infinite;border:1px solid CanvasText}}.jkl-skeleton-input{display:flex;flex-direction:column;gap:.75rem}.jkl-skeleton-input__checkbox{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem}@media (width >= 0) and (max-width:679px){.jkl-skeleton-input{gap:.5rem}}.jkl-skeleton-input--compact:after{gap:.5rem}.jkl-skeleton-table{display:flex;flex-direction:column}.jkl-skeleton-table__header,.jkl-skeleton-table__row{border-bottom:1px solid var(--jkl-skeleton-element-color);display:flex;flex-direction:row;justify-content:space-between}.jkl-skeleton-table__header{padding:.75rem .5rem}.jkl-skeleton-table__row{padding:1rem .5rem}@media (width >= 0) and (max-width:679px){.jkl-skeleton-table__header{padding:.5rem .25rem}.jkl-skeleton-table__row{padding:.75rem .25rem}}.jkl-skeleton-table--compact::after__header{padding:.5rem .25rem}.jkl-skeleton-table--compact::after__row{padding:.75rem .25rem}@media screen and (forced-colors:active){.jkl-skeleton-table{animation:jkl-blink-uszgvgu 2s ease-in-out infinite}}@keyframes jkl-sweep-uszgvg2{0%{transform:translateX(-200px)}80%,to{transform:translateX(calc(100vw + 400px))}}@keyframes jkl-blink-uszgvgu{0%{opacity:1}40%,50%{opacity:.3}70%,to{opacity:1}}
+@media screen and (prefers-color-scheme:light){:root{--jkl-skeleton-element-color:#e0dbd4;--jkl-skeleton-sweeper-color:#f9f9f9}}[data-theme=light]{--jkl-skeleton-element-color:#e0dbd4;--jkl-skeleton-sweeper-color:#f9f9f9}@media screen and (prefers-color-scheme:dark){:root{--jkl-skeleton-element-color:#636060;--jkl-skeleton-sweeper-color:#1b1917}}[data-theme=dark]{--jkl-skeleton-element-color:#636060;--jkl-skeleton-sweeper-color:#1b1917}.jkl-skeleton-animation{--jkl-skeleton-sweep-duration:3s;overflow:hidden;position:relative}.jkl-skeleton-animation:after{animation:var(--jkl-skeleton-sweep-duration) ease infinite jkl-sweep-uro1zeq;background:linear-gradient(89.17deg,hsla(0,0%,98%,0) .8%,var(--jkl-skeleton-sweeper-color) 50.09%,hsla(0,0%,98%,0) 96.31%);bottom:0;content:" ";position:absolute;top:0;width:12.5rem}@media (width >= 0) and (max-width:679px){.jkl-skeleton-animation{width:9.375rem}}@media screen and (prefers-reduced-motion:reduce){.jkl-skeleton-animation:after{background:none}}@media screen and (forced-colors:active){.jkl-skeleton-animation:after{animation:none}}.jkl-skeleton-animation--compact:after{width:9.375rem}.jkl-skeleton-element{background-color:var(--jkl-skeleton-element-color);border-radius:.125rem}.jkl-skeleton-element--circle{border-radius:50%}@media screen and (forced-colors:active){.jkl-skeleton-element{animation:jkl-blink-uro1zf9 2s ease infinite;border:1px solid CanvasText}}.jkl-skeleton-input{display:flex;flex-direction:column;gap:.75rem}.jkl-skeleton-input__checkbox{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem}@media (width >= 0) and (max-width:679px){.jkl-skeleton-input{gap:.5rem}}.jkl-skeleton-input--compact:after{gap:.5rem}.jkl-skeleton-table{display:flex;flex-direction:column}.jkl-skeleton-table__header,.jkl-skeleton-table__row{border-bottom:1px solid var(--jkl-skeleton-element-color);display:flex;flex-direction:row;justify-content:space-between}.jkl-skeleton-table__header{padding:.75rem .5rem}.jkl-skeleton-table__row{padding:1rem .5rem}@media (width >= 0) and (max-width:679px){.jkl-skeleton-table__header{padding:.5rem .25rem}.jkl-skeleton-table__row{padding:.75rem .25rem}}.jkl-skeleton-table--compact::after__header{padding:.5rem .25rem}.jkl-skeleton-table--compact::after__row{padding:.75rem .25rem}@media screen and (forced-colors:active){.jkl-skeleton-table{animation:jkl-blink-uro1zf9 2s ease-in-out infinite}}@keyframes jkl-sweep-uro1zeq{0%{transform:translateX(-200px)}80%,to{transform:translateX(calc(100vw + 400px))}}@keyframes jkl-blink-uro1zf9{0%{opacity:1}40%,50%{opacity:.3}70%,to{opacity:1}}

package/styles/components/message/message.css

@@ -168,7 +168,7 @@
   --background-color: var(--jkl-color-background-alert-success);
 }
 .jkl-message--dismissed {
-  animation: jkl-dismiss-u9ezn2z 400ms ease-in-out forwards;
+  animation: jkl-dismiss-ul6zrr4 400ms ease-in-out forwards;
   transition: visibility 0ms 400ms;
   visibility: hidden;
 }
@@ -188,7 +188,7 @@
   }
 }
 
-@keyframes jkl-dismiss-u9ezn2z {
+@keyframes jkl-dismiss-ul6zrr4 {
   from {
     opacity: 1;
     transform: translate3d(0, 0, 0);

package/styles/components/message/message.min.css

@@ -1 +1 @@
-:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-message-content-font-size:var(--jkl-body-font-size);--jkl-message-content-line-height:var(--jkl-body-line-height);--jkl-message-content-font-weight:var(--jkl-body-font-weight);--jkl-message-title-font-size:var(--jkl-heading-4-font-size);--jkl-message-title-line-height:var(--jkl-heading-4-line-height);--jkl-message-title-font-weight:var(--jkl-heading-4-font-weight);--jkl-message-icon-size:1.5rem;--jkl-message-icon-left:1rem;--jkl-message-icon-top:1.5rem;--jkl-message-title-margin:0 0 0.25rem 0;--jkl-message-dismiss-button-size:2.75rem;--jkl-message-gap:0.75rem;--jkl-message-padding:1rem 0.75rem}@media (min-width:680px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-message-gap:1rem;--jkl-message-padding:1.5rem 1rem}}[data-density=compact],[data-layout-density=compact]{--jkl-message-content-font-size:var(--jkl-small-font-size);--jkl-message-content-line-height:var(--jkl-small-line-height);--jkl-message-content-font-weight:var(--jkl-small-font-weight);--jkl-message-title-font-size:var(--jkl-heading-5-font-size);--jkl-message-title-line-height:var(--jkl-heading-5-line-height);--jkl-message-title-font-weight:var(--jkl-heading-5-font-weight);--jkl-message-icon-size:1.25rem;--jkl-message-icon-left:0.375rem;--jkl-message-icon-top:0.875rem;--jkl-message-dismiss-button-size:2rem;--jkl-message-gap:0.5rem;--jkl-message-padding:0.75rem 0.5rem}.jkl-message{--background-color:var(--jkl-color-background-alert-neutral);--text-color:var(--jkl-color-text-on-alert);align-items:start;background-color:var(--background-color);border-radius:.25rem;box-sizing:border-box;color:var(--text-color);display:grid;grid-template-areas:"icon content dismiss";grid-template-columns:auto 1fr auto;max-width:35rem;padding:var(--jkl-message-padding);width:100%}.jkl-message__icon{grid-area:icon;margin-right:var(--jkl-message-gap);width:var(--jkl-message-icon-size)}@media screen and (forced-colors:active){.jkl-message__icon,.jkl-message__icon path,.jkl-message__icon svg{stroke:CanvasText}}.jkl-message__content{grid-area:content}.jkl-message__message{font-size:var(--jkl-message-content-font-size);font-weight:var(--jkl-message-content-font-weight);line-height:var(--jkl-message-content-line-height);margin-top:-.125rem}.jkl-message__title{font-size:var(--jkl-message-title-font-size);font-weight:var(--jkl-message-title-font-weight);line-height:var(--jkl-message-title-line-height);margin:var(--jkl-message-title-margin)}.jkl-message__title~.jkl-message__message{margin-top:0}.jkl-message__dismiss-button{background-color:transparent;border-style:none;color:inherit;cursor:pointer;grid-area:dismiss;justify-self:end;margin-left:var(--jkl-message-gap);outline:0;outline-style:none;padding:0;position:relative}.jkl-message__dismiss-button:active,.jkl-message__dismiss-button:focus,.jkl-message__dismiss-button:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-message__dismiss-button{border-style:revert;outline:revert;outline-style:revert}.jkl-message__dismiss-button:active,.jkl-message__dismiss-button:focus,.jkl-message__dismiss-button:hover{outline:revert;outline-style:revert}}@media screen and (forced-colors:active){.jkl-message__dismiss-button,.jkl-message__dismiss-button path,.jkl-message__dismiss-button svg{stroke:ButtonText}.jkl-message__dismiss-button{background-color:ButtonFace}}.jkl-message__dismiss-button:after{--tap-increment:calc((var(--jkl-message-dismiss-button-size) - 1.25rem)/2*-1);content:"";inset:var(--tap-increment) var(--tap-increment) var(--tap-increment) var(--tap-increment);position:absolute}.jkl-message__dismiss-button:hover{color:#636060}@media screen and (forced-colors:active){.jkl-message__dismiss-button:hover{stroke:ButtonText}.jkl-message__dismiss-button:hover path,.jkl-message__dismiss-button:hover svg{stroke:ButtonText}}.jkl-message__dismiss-button:focus-visible{outline:2px solid var(--jkl-color-border-action);outline-offset:0}.jkl-message--full{max-width:100%}.jkl-message--info{--background-color:var(--jkl-color-background-alert-info)}.jkl-message--warning{--background-color:var(--jkl-color-background-alert-warning)}.jkl-message--error{--background-color:var(--jkl-color-background-alert-error)}.jkl-message--success{--background-color:var(--jkl-color-background-alert-success)}.jkl-message--dismissed{animation:jkl-dismiss-u9ezn2z .4s ease-in-out forwards;transition:visibility 0s .4s;visibility:hidden}@media screen and (forced-colors:active){.jkl-message{border:2px solid CanvasText}.jkl-message--info{border-style:dotted}.jkl-message--warning{border-style:dashed}.jkl-message--error{border-style:double;border-width:4px}}@keyframes jkl-dismiss-u9ezn2z{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-50%,0)}}.jkl-form-error-message{padding-bottom:2.5rem}
+:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-message-content-font-size:var(--jkl-body-font-size);--jkl-message-content-line-height:var(--jkl-body-line-height);--jkl-message-content-font-weight:var(--jkl-body-font-weight);--jkl-message-title-font-size:var(--jkl-heading-4-font-size);--jkl-message-title-line-height:var(--jkl-heading-4-line-height);--jkl-message-title-font-weight:var(--jkl-heading-4-font-weight);--jkl-message-icon-size:1.5rem;--jkl-message-icon-left:1rem;--jkl-message-icon-top:1.5rem;--jkl-message-title-margin:0 0 0.25rem 0;--jkl-message-dismiss-button-size:2.75rem;--jkl-message-gap:0.75rem;--jkl-message-padding:1rem 0.75rem}@media (min-width:680px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-message-gap:1rem;--jkl-message-padding:1.5rem 1rem}}[data-density=compact],[data-layout-density=compact]{--jkl-message-content-font-size:var(--jkl-small-font-size);--jkl-message-content-line-height:var(--jkl-small-line-height);--jkl-message-content-font-weight:var(--jkl-small-font-weight);--jkl-message-title-font-size:var(--jkl-heading-5-font-size);--jkl-message-title-line-height:var(--jkl-heading-5-line-height);--jkl-message-title-font-weight:var(--jkl-heading-5-font-weight);--jkl-message-icon-size:1.25rem;--jkl-message-icon-left:0.375rem;--jkl-message-icon-top:0.875rem;--jkl-message-dismiss-button-size:2rem;--jkl-message-gap:0.5rem;--jkl-message-padding:0.75rem 0.5rem}.jkl-message{--background-color:var(--jkl-color-background-alert-neutral);--text-color:var(--jkl-color-text-on-alert);align-items:start;background-color:var(--background-color);border-radius:.25rem;box-sizing:border-box;color:var(--text-color);display:grid;grid-template-areas:"icon content dismiss";grid-template-columns:auto 1fr auto;max-width:35rem;padding:var(--jkl-message-padding);width:100%}.jkl-message__icon{grid-area:icon;margin-right:var(--jkl-message-gap);width:var(--jkl-message-icon-size)}@media screen and (forced-colors:active){.jkl-message__icon,.jkl-message__icon path,.jkl-message__icon svg{stroke:CanvasText}}.jkl-message__content{grid-area:content}.jkl-message__message{font-size:var(--jkl-message-content-font-size);font-weight:var(--jkl-message-content-font-weight);line-height:var(--jkl-message-content-line-height);margin-top:-.125rem}.jkl-message__title{font-size:var(--jkl-message-title-font-size);font-weight:var(--jkl-message-title-font-weight);line-height:var(--jkl-message-title-line-height);margin:var(--jkl-message-title-margin)}.jkl-message__title~.jkl-message__message{margin-top:0}.jkl-message__dismiss-button{background-color:transparent;border-style:none;color:inherit;cursor:pointer;grid-area:dismiss;justify-self:end;margin-left:var(--jkl-message-gap);outline:0;outline-style:none;padding:0;position:relative}.jkl-message__dismiss-button:active,.jkl-message__dismiss-button:focus,.jkl-message__dismiss-button:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-message__dismiss-button{border-style:revert;outline:revert;outline-style:revert}.jkl-message__dismiss-button:active,.jkl-message__dismiss-button:focus,.jkl-message__dismiss-button:hover{outline:revert;outline-style:revert}}@media screen and (forced-colors:active){.jkl-message__dismiss-button,.jkl-message__dismiss-button path,.jkl-message__dismiss-button svg{stroke:ButtonText}.jkl-message__dismiss-button{background-color:ButtonFace}}.jkl-message__dismiss-button:after{--tap-increment:calc((var(--jkl-message-dismiss-button-size) - 1.25rem)/2*-1);content:"";inset:var(--tap-increment) var(--tap-increment) var(--tap-increment) var(--tap-increment);position:absolute}.jkl-message__dismiss-button:hover{color:#636060}@media screen and (forced-colors:active){.jkl-message__dismiss-button:hover{stroke:ButtonText}.jkl-message__dismiss-button:hover path,.jkl-message__dismiss-button:hover svg{stroke:ButtonText}}.jkl-message__dismiss-button:focus-visible{outline:2px solid var(--jkl-color-border-action);outline-offset:0}.jkl-message--full{max-width:100%}.jkl-message--info{--background-color:var(--jkl-color-background-alert-info)}.jkl-message--warning{--background-color:var(--jkl-color-background-alert-warning)}.jkl-message--error{--background-color:var(--jkl-color-background-alert-error)}.jkl-message--success{--background-color:var(--jkl-color-background-alert-success)}.jkl-message--dismissed{animation:jkl-dismiss-ul6zrr4 .4s ease-in-out forwards;transition:visibility 0s .4s;visibility:hidden}@media screen and (forced-colors:active){.jkl-message{border:2px solid CanvasText}.jkl-message--info{border-style:dotted}.jkl-message--warning{border-style:dashed}.jkl-message--error{border-style:double;border-width:4px}}@keyframes jkl-dismiss-ul6zrr4{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-50%,0)}}.jkl-form-error-message{padding-bottom:2.5rem}

package/styles/components/progress-bar/progress-bar.css

@@ -37,11 +37,11 @@
 }
 
 .jkl-countdown__tracker {
-  animation: jkl-downcount-uq8m313 var(--duration) linear forwards;
+  animation: jkl-downcount-uhn0nbp var(--duration) linear forwards;
   animation-play-state: var(--play-state, running);
 }
 
-@keyframes jkl-downcount-uq8m313 {
+@keyframes jkl-downcount-uhn0nbp {
   from {
     width: 100%;
   }