@blateral/b.kit 2.3.0-beta.1.3 → 2.3.0-beta.1.4

package/esm/{Image-82417953.js.map → Image-b538f659.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Image-82417953.js","sources":["../src/components/blocks/Image.tsx"],"sourcesContent":["import Copy from 'components/typography/Copy';\nimport * as React from 'react';\nimport { useEffect, useRef, useState } from 'react';\nimport styled, { css } from 'styled-components';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport {\n    mq,\n    getColors as color,\n    getGlobals as global,\n    spacings,\n} from 'utils/styles';\n\nexport interface ImageAspectRatios {\n    small: { w: number; h: number };\n    medium?: { w: number; h: number };\n    semilarge?: { w: number; h: number };\n    large?: { w: number; h: number };\n    xlarge?: { w: number; h: number };\n}\n\nexport interface ImageProps {\n    /** Alternative text if image cannot be loaded */\n    alt?: string;\n\n    /** Image URL for small breakpoint */\n    small: string;\n    /** Image URL for medium breakpoint */\n    medium?: string;\n    /** Image URL for semilarge breakpoint */\n    semilarge?: string;\n    /** Image URL for large breakpoint */\n    large?: string;\n    /** Image URL for xlarge breakpoint */\n    xlarge?: string;\n\n    /** Cover full width of parent container */\n    coverSpace?: boolean;\n\n    /**\n     * Image ratios for each breakpoint to avoid layout shifting.\n     * Only works if coverSpace = true!\n     * */\n    ratios?: ImageAspectRatios;\n\n    /** Show image placeholder background */\n    showPlaceholder?: boolean;\n\n    /** Image copyright text (richtext)  */\n    copyright?: string;\n}\n\nconst getAspectRatio = (width?: number, height?: number) => {\n    if (!width || !height) return undefined;\n    if (isNaN(width) || isNaN(height)) return undefined;\n\n    return width / height;\n};\n\nconst isValid = (ratio?: { w?: number; h?: number }) => {\n    return ratio && ratio?.w && ratio?.h ? true : false;\n};\n\nconst aspectFallback = (ratio?: { w?: number; h?: number }) => css`\n    @supports not (aspect-ratio: auto) {\n        height: 0;\n        padding-top: ${isValid(ratio) &&\n        `calc(100% / ${getAspectRatio(ratio?.w, ratio?.h)})`};\n    }\n`;\n\nconst AspectContainer = styled.div<{\n    ratios?: ImageAspectRatios;\n    coverSpace?: boolean;\n    allowEdgeRadius?: boolean;\n}>`\n    display: inline-block;\n    position: relative;\n    border-radius: ${({ theme, allowEdgeRadius }) =>\n        allowEdgeRadius && global(theme).sections.edgeRadius};\n    overflow: hidden;\n\n    aspect-ratio: ${({ ratios }) =>\n        getAspectRatio(ratios?.small?.w, ratios?.small?.h)};\n\n    width: ${({ ratios, coverSpace }) =>\n        !coverSpace && ratios?.small?.w ? `${ratios?.small?.w}px` : ''};\n\n    max-width: 100%;\n\n    object-position: center;\n\n    img {\n        width: 100%;\n    }\n\n    ${({ coverSpace }) =>\n        coverSpace &&\n        css`\n            width: 100%;\n\n            img {\n                object-fit: cover;\n            }\n        `}\n\n    // fallback if browsers do not support aspect-ratio\n    ${({ ratios, coverSpace }) => coverSpace && aspectFallback(ratios?.small)}\n\n    @media ${mq.medium} {\n        aspect-ratio: ${({ ratios }) =>\n            getAspectRatio(ratios?.medium?.w, ratios?.medium?.h)};\n\n        // fallback if browsers do not support aspect-ratio. (Only works with width = 100%)\n        ${({ ratios, coverSpace }) =>\n            coverSpace && aspectFallback(ratios?.medium)}\n    }\n\n    @media ${mq.semilarge} {\n        aspect-ratio: ${({ ratios }) =>\n            getAspectRatio(ratios?.semilarge?.w, ratios?.semilarge?.h)};\n\n        // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n        ${({ ratios, coverSpace }) =>\n            coverSpace && aspectFallback(ratios?.semilarge)}\n    }\n\n    @media ${mq.large} {\n        aspect-ratio: ${({ ratios }) =>\n            getAspectRatio(ratios?.large?.w, ratios?.large?.h)};\n\n        // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n        ${({ ratios, coverSpace }) =>\n            coverSpace && aspectFallback(ratios?.large)}\n    }\n\n    @media ${mq.xlarge} {\n        aspect-ratio: ${({ ratios }) =>\n            getAspectRatio(ratios?.xlarge?.w, ratios?.xlarge?.h)};\n\n        // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n        ${({ ratios, coverSpace }) =>\n            coverSpace && aspectFallback(ratios?.xlarge)}\n    }\n\n    ${({ ratios, coverSpace }) =>\n        ratios &&\n        css`\n            img {\n                height: 100%;\n                width: 100%;\n                object-fit: ${coverSpace ? 'cover' : 'contain'};\n\n                @supports not (aspect-ratio: auto) {\n                    position: ${coverSpace && 'absolute'};\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                }\n            }\n        `}\n`;\n\nconst Img = styled.img<{ isInverted?: boolean; showPlaceholder?: boolean }>`\n    display: block;\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n\n    &[data-img-loaded='false'] {\n        background: ${({ theme, isInverted, showPlaceholder }) =>\n            showPlaceholder\n                ? isInverted\n                    ? global(theme).sections.imagePlaceholderBg.inverted\n                    : global(theme).sections.imagePlaceholderBg.default\n                : undefined};\n    }\n`;\n\nconst Copyright = styled(Copy)`\n    display: inline-block;\n    position: absolute;\n    max-height: 100%;\n    bottom: 0;\n    right: 0;\n\n    padding: ${spacings.nudge * 2}px ${spacings.nudge}px;\n\n    pointer-events: none;\n\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    -ms-writing-mode: tb-rl;\n    writing-mode: vertical-rl;\n    text-orientation: sideways-right;\n    transform: rotate(180deg);\n`;\n\nconst Image: React.FC<\n    {\n        className?: string;\n\n        /** Click handler */\n        onClick?: () => void;\n\n        /** Show inverted image placeholder background */\n        isInverted?: boolean;\n\n        /** Allow edge radius defined by theme settings */\n        allowEdgeRadius?: boolean;\n    } & ImageProps\n> = ({\n    className,\n    small,\n    medium,\n    semilarge,\n    large,\n    xlarge,\n    alt,\n    ratios,\n    coverSpace,\n    onClick,\n    isInverted,\n    showPlaceholder = true,\n    allowEdgeRadius,\n    copyright,\n}) => {\n    const { colors } = useLibTheme();\n    const imgRef = useRef<HTMLImageElement>(null);\n    const [isLoaded, setIsLoaded] = useState<boolean>(false);\n\n    useEffect(() => {\n        if (!imgRef.current) return;\n        const ref = imgRef.current;\n\n        const handleLoad = () => {\n            setIsLoaded(true);\n        };\n\n        const handleError = () => {\n            setIsLoaded(false);\n        };\n\n        if (!ref.complete) {\n            ref.addEventListener('load', handleLoad);\n            ref.addEventListener('error', handleError);\n        } else {\n            ref.removeEventListener('load', handleLoad);\n            ref.removeEventListener('error', handleError);\n            handleLoad();\n        }\n\n        return () => {\n            ref.removeEventListener('load', handleLoad);\n            ref.removeEventListener('error', handleError);\n        };\n    }, []);\n\n    return (\n        <AspectContainer\n            ratios={ratios}\n            coverSpace={coverSpace}\n            allowEdgeRadius={allowEdgeRadius}\n            className={className}\n        >\n            <picture onClick={onClick}>\n                {xlarge && <source srcSet={xlarge} media={mq.xlarge} />}\n                {large && <source srcSet={large} media={mq.large} />}\n                {semilarge && (\n                    <source srcSet={semilarge} media={mq.semilarge} />\n                )}\n                {medium && <source srcSet={medium} media={mq.medium} />}\n                <Img\n                    ref={imgRef}\n                    data-img-loaded={isLoaded}\n                    showPlaceholder={showPlaceholder}\n                    isInverted={isInverted}\n                    srcSet={small}\n                    alt={alt || ''}\n                    loading=\"lazy\"\n                />\n            </picture>\n            {copyright && (\n                <Copyright\n                    size=\"small\"\n                    textColor={colors.text.inverted}\n                    innerHTML={`&copy; ${copyright}`}\n                    renderAs=\"span\"\n                />\n            )}\n        </AspectContainer>\n    );\n};\n\nexport default Image;\n"],"names":["getAspectRatio","width","height","undefined","isNaN","isValid","ratio","w","h","aspectFallback","css","templateObject_1","__makeTemplateObject","concat","AspectContainer","styled","div","templateObject_4","_a","theme","allowEdgeRadius","global","sections","edgeRadius","ratios","_b","small","_c","coverSpace","templateObject_2","mq","medium","semilarge","large","xlarge","templateObject_3","Img","img","templateObject_5","isInverted","color","text","inverted","default","showPlaceholder","imagePlaceholderBg","Copyright","Copy","templateObject_6","spacings","nudge","Image","className","alt","onClick","copyright","colors","useLibTheme","imgRef","useRef","useState","isLoaded","setIsLoaded","useEffect","current","ref","handleLoad","handleError","complete","addEventListener","removeEventListener","React","createElement","srcSet","media","loading","size","textColor","innerHTML","renderAs"],"mappings":"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"}
+{"version":3,"file":"Image-b538f659.js","sources":["../src/components/blocks/Image.tsx"],"sourcesContent":["import Copy from 'components/typography/Copy';\nimport * as React from 'react';\nimport { useEffect, useRef, useState } from 'react';\nimport styled, { css } from 'styled-components';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport {\n    mq,\n    getColors as color,\n    getGlobals as global,\n    spacings,\n} from 'utils/styles';\n\nexport interface ImageAspectRatios {\n    small: { w: number; h: number };\n    medium?: { w: number; h: number };\n    semilarge?: { w: number; h: number };\n    large?: { w: number; h: number };\n    xlarge?: { w: number; h: number };\n}\n\nexport interface ImageProps {\n    /** Alternative text if image cannot be loaded */\n    alt?: string;\n\n    /** Image URL for small breakpoint */\n    small: string;\n    /** Image URL for medium breakpoint */\n    medium?: string;\n    /** Image URL for semilarge breakpoint */\n    semilarge?: string;\n    /** Image URL for large breakpoint */\n    large?: string;\n    /** Image URL for xlarge breakpoint */\n    xlarge?: string;\n\n    /** Cover full width of parent container */\n    coverSpace?: boolean;\n\n    /**\n     * Image ratios for each breakpoint to avoid layout shifting.\n     * Only works if coverSpace = true!\n     * */\n    ratios?: ImageAspectRatios;\n\n    /** Show image placeholder background */\n    showPlaceholder?: boolean;\n\n    /** Image copyright text (richtext)  */\n    copyright?: string;\n}\n\nconst getAspectRatio = (width?: number, height?: number) => {\n    if (!width || !height) return undefined;\n    if (isNaN(width) || isNaN(height)) return undefined;\n\n    return width / height;\n};\n\nconst isValid = (ratio?: { w?: number; h?: number }) => {\n    return ratio && ratio?.w && ratio?.h ? true : false;\n};\n\nconst aspectFallback = (ratio?: { w?: number; h?: number }) => css`\n    @supports not (aspect-ratio: auto) {\n        height: 0;\n        padding-top: ${isValid(ratio) &&\n        `calc(100% / ${getAspectRatio(ratio?.w, ratio?.h)})`};\n    }\n`;\n\nconst AspectContainer = styled.div<{\n    ratios?: ImageAspectRatios;\n    coverSpace?: boolean;\n    allowEdgeRadius?: boolean;\n}>`\n    display: inline-block;\n    position: relative;\n    border-radius: ${({ theme, allowEdgeRadius }) =>\n        allowEdgeRadius && global(theme).sections.edgeRadius};\n    overflow: hidden;\n\n    aspect-ratio: ${({ ratios }) =>\n        getAspectRatio(ratios?.small?.w, ratios?.small?.h)};\n\n    width: ${({ ratios, coverSpace }) =>\n        !coverSpace && ratios?.small?.w ? `${ratios?.small?.w}px` : ''};\n\n    max-width: 100%;\n\n    object-position: center;\n\n    img {\n        width: 100%;\n    }\n\n    ${({ coverSpace }) =>\n        coverSpace &&\n        css`\n            width: 100%;\n\n            img {\n                object-fit: cover;\n            }\n        `}\n\n    // fallback if browsers do not support aspect-ratio\n    ${({ ratios, coverSpace }) => coverSpace && aspectFallback(ratios?.small)}\n\n    @media ${mq.medium} {\n        aspect-ratio: ${({ ratios }) =>\n            getAspectRatio(ratios?.medium?.w, ratios?.medium?.h)};\n\n        // fallback if browsers do not support aspect-ratio. (Only works with width = 100%)\n        ${({ ratios, coverSpace }) =>\n            coverSpace && aspectFallback(ratios?.medium)}\n    }\n\n    @media ${mq.semilarge} {\n        aspect-ratio: ${({ ratios }) =>\n            getAspectRatio(ratios?.semilarge?.w, ratios?.semilarge?.h)};\n\n        // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n        ${({ ratios, coverSpace }) =>\n            coverSpace && aspectFallback(ratios?.semilarge)}\n    }\n\n    @media ${mq.large} {\n        aspect-ratio: ${({ ratios }) =>\n            getAspectRatio(ratios?.large?.w, ratios?.large?.h)};\n\n        // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n        ${({ ratios, coverSpace }) =>\n            coverSpace && aspectFallback(ratios?.large)}\n    }\n\n    @media ${mq.xlarge} {\n        aspect-ratio: ${({ ratios }) =>\n            getAspectRatio(ratios?.xlarge?.w, ratios?.xlarge?.h)};\n\n        // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n        ${({ ratios, coverSpace }) =>\n            coverSpace && aspectFallback(ratios?.xlarge)}\n    }\n\n    ${({ ratios, coverSpace }) =>\n        ratios &&\n        css`\n            img {\n                height: 100%;\n                width: 100%;\n                object-fit: ${coverSpace ? 'cover' : 'contain'};\n\n                @supports not (aspect-ratio: auto) {\n                    position: ${coverSpace && 'absolute'};\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                }\n            }\n        `}\n`;\n\nconst Img = styled.img<{ isInverted?: boolean; showPlaceholder?: boolean }>`\n    display: block;\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n\n    &[data-img-loaded='false'] {\n        background: ${({ theme, isInverted, showPlaceholder }) =>\n            showPlaceholder\n                ? isInverted\n                    ? global(theme).sections.imagePlaceholderBg.inverted\n                    : global(theme).sections.imagePlaceholderBg.default\n                : undefined};\n    }\n`;\n\nconst Copyright = styled(Copy)`\n    display: inline-block;\n    position: absolute;\n    max-height: 100%;\n    bottom: 0;\n    right: 0;\n\n    padding: ${spacings.nudge * 2}px ${spacings.nudge}px;\n\n    pointer-events: none;\n\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    -ms-writing-mode: tb-rl;\n    writing-mode: vertical-rl;\n    text-orientation: sideways-right;\n    transform: rotate(180deg);\n`;\n\nconst Image: React.FC<\n    {\n        className?: string;\n\n        /** Click handler */\n        onClick?: () => void;\n\n        /** Show inverted image placeholder background */\n        isInverted?: boolean;\n\n        /** Allow edge radius defined by theme settings */\n        allowEdgeRadius?: boolean;\n    } & ImageProps\n> = ({\n    className,\n    small,\n    medium,\n    semilarge,\n    large,\n    xlarge,\n    alt,\n    ratios,\n    coverSpace,\n    onClick,\n    isInverted,\n    showPlaceholder = true,\n    allowEdgeRadius,\n    copyright,\n}) => {\n    const { colors } = useLibTheme();\n    const imgRef = useRef<HTMLImageElement>(null);\n    const [isLoaded, setIsLoaded] = useState<boolean>(false);\n\n    useEffect(() => {\n        if (!imgRef.current) return;\n        const ref = imgRef.current;\n\n        const handleLoad = () => {\n            setIsLoaded(true);\n        };\n\n        const handleError = () => {\n            setIsLoaded(false);\n        };\n\n        if (!ref.complete) {\n            ref.addEventListener('load', handleLoad);\n            ref.addEventListener('error', handleError);\n        } else {\n            ref.removeEventListener('load', handleLoad);\n            ref.removeEventListener('error', handleError);\n            handleLoad();\n        }\n\n        return () => {\n            ref.removeEventListener('load', handleLoad);\n            ref.removeEventListener('error', handleError);\n        };\n    }, []);\n\n    return (\n        <AspectContainer\n            ratios={ratios}\n            coverSpace={coverSpace}\n            allowEdgeRadius={allowEdgeRadius}\n            className={className}\n        >\n            <picture onClick={onClick}>\n                {xlarge && <source srcSet={xlarge} media={mq.xlarge} />}\n                {large && <source srcSet={large} media={mq.large} />}\n                {semilarge && (\n                    <source srcSet={semilarge} media={mq.semilarge} />\n                )}\n                {medium && <source srcSet={medium} media={mq.medium} />}\n                <Img\n                    ref={imgRef}\n                    data-img-loaded={isLoaded}\n                    showPlaceholder={showPlaceholder}\n                    isInverted={isInverted}\n                    srcSet={small}\n                    alt={alt || ''}\n                    loading=\"lazy\"\n                />\n            </picture>\n            {copyright && (\n                <Copyright\n                    size=\"small\"\n                    textColor={colors.text.inverted}\n                    innerHTML={`&copy; ${copyright}`}\n                    renderAs=\"span\"\n                />\n            )}\n        </AspectContainer>\n    );\n};\n\nexport default Image;\n"],"names":["getAspectRatio","width","height","undefined","isNaN","isValid","ratio","w","h","aspectFallback","css","templateObject_1","__makeTemplateObject","concat","AspectContainer","styled","div","templateObject_4","_a","theme","allowEdgeRadius","global","sections","edgeRadius","ratios","_b","small","_c","coverSpace","templateObject_2","mq","medium","semilarge","large","xlarge","templateObject_3","Img","img","templateObject_5","isInverted","color","text","inverted","default","showPlaceholder","imagePlaceholderBg","Copyright","Copy","templateObject_6","spacings","nudge","Image","className","alt","onClick","copyright","colors","useLibTheme","imgRef","useRef","useState","isLoaded","setIsLoaded","useEffect","current","ref","handleLoad","handleError","complete","addEventListener","removeEventListener","React","createElement","srcSet","media","loading","size","textColor","innerHTML","renderAs"],"mappings":";;;;;;;;AAmDA,IAAMA,cAAc,GAAG,UAACC,KAAD,EAAiBC,MAAjB,EAAgC;AACnD,EAAA,IAAI,CAACD,KAAD,IAAU,CAACC,MAAf,EAAuB,OAAOC,SAAP,CAAA;AACvB,EAAIC,IAAAA,KAAK,CAACH,KAAD,CAAL,IAAgBG,KAAK,CAACF,MAAD,CAAzB,EAAmC,OAAOC,SAAP,CAAA;AAEnC,EAAOF,OAAAA,KAAK,GAAGC,MAAf,CAAA;AACH,CALD,CAAA;;AAOA,IAAMG,OAAO,GAAG,UAACC,KAAD,EAAmC;AAC/C,EAAA,OAAOA,KAAK,KAAIA,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEC,CAAX,CAAL,KAAqBD,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEE,CAA5B,CAAgC,GAAA,IAAhC,GAAuC,KAA9C,CAAA;AACH,CAFD,CAAA;;AAIA,IAAMC,cAAc,GAAG,UAACH,KAAD;AAAwC,EAAA,OAAAI,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAC,oBAAA,CAAA,CAAA,uFAAA,EAAA,YAAA,CAAA,EAAA,CAAA,uFAAA,EAIN,YAJM,CAAA,CAAA,CAAA,EAG3CP,OAAO,CAACC,KAAD,CAAP,IACf,cAAA,CAAeO,MAAf,CAAeb,cAAc,CAACM,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEC,CAAR,EAAWD,KAAK,KAAL,IAAA,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEE,CAAlB,CAA7B,EAAiD,GAAjD,CAJ0D,CAAH,CAAA;AAM9D,CAND,CAAA;;AAQA,IAAMM,eAAe,GAAGC,MAAM,CAACC,GAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,wBAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAInBC,gBAAA,KAAAA,gBAAA,GAAAL,oBAAA,CAAA,CAAA,4EAAA,EAAA,gDAAA,EAAA,kBAAA,EAAA,6GAAA,EAAA,mEAAA,EAAA,iBAAA,EAAA,4BAAA,EAAA,4GAAA,EAAA,wBAAA,EAAA,4BAAA,EAAA,2GAAA,EAAA,wBAAA,EAAA,4BAAA,EAAA,2GAAA,EAAA,wBAAA,EAAA,4BAAA,EAAA,2GAAA,EAAA,iBAAA,EAAA,IAAA,CAAA,EAAA,CAAA,4EAAA,EAI0D,gDAJ1D,EAQwD,kBARxD,EAWoE,6GAXpE,EA6BO,mEA7BP,EAgC2E,iBAhC3E,EAkCoB,4BAlCpB,EAoC8D,4GApC9D,EAwCsD,wBAxCtD,EA2CuB,4BA3CvB,EA6CoE,2GA7CpE,EAiDyD,wBAjDzD,EAoDmB,4BApDnB,EAsD4D,2GAtD5D,EA0DqD,wBA1DrD,EA6DoB,4BA7DpB,EA+D8D,2GA/D9D,EAmEsD,iBAnEtD,EAqFO,IArFP,CAAA,CAAA,CAJmB,EAOA,UAACM,EAAD,EAA2B;MAAxBC,KAAK,GAAAD,EAAA,CAAAC;MAAEC,eAAe,GAAAF,EAAA,CAAAE;AACtC,EAAAA,OAAAA,eAAe,IAAIC,UAAM,CAACF,KAAD,CAAN,CAAcG,QAAd,CAAuBC,UAA1C,CAAA;AAAoD,CARvC,EAWD,UAACL,EAAD,EAAW;;;AAAR,EAAA,IAAAM,MAAM,GAAAN,EAAA,CAAAM,MAAN,CAAA;AACf,EAAA,OAAAxB,cAAc,CAAC,CAAAyB,EAAA,GAAAD,MAAM,KAAA,IAAN,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAEE,KAAR,MAAe,IAAf,IAAeD,EAAA,KAAA,KAAA,CAAf,GAAe,KAAA,CAAf,GAAeA,EAAA,CAAAlB,CAAhB,EAAmB,CAAAoB,EAAA,GAAAH,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAEE,KAAR,MAAa,IAAb,IAAaC,EAAA,KAAA,KAAA,CAAb,GAAa,KAAA,CAAb,GAAaA,EAAA,CAAEnB,CAAlC,CAAd,CAAA;AAAkD,CAZrC,EAcR,UAACU,EAAD,EAAuB;;;MAApBM,MAAM,GAAAN,EAAA,CAAAM;MAAEI,UAAU,GAAAV,EAAA,CAAAU;AAC1B,EAAA,OAAA,CAACA,UAAD,KAAe,CAAAH,EAAA,GAAAD,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAEE,KAAR,MAAe,IAAf,IAAeD,EAAA,KAAA,KAAA,CAAf,GAAe,KAAA,CAAf,GAAeA,EAAA,CAAAlB,CAA9B,CAAkC,GAAA,EAAA,CAAAM,MAAA,CAAG,CAAAc,EAAA,GAAAH,MAAM,KAAN,IAAA,IAAAA,MAAM,WAAN,SAAA,GAAAA,MAAM,CAAEE,KAAR,MAAa,IAAb,IAAaC,EAAA,KAAA,KAAA,CAAb,GAAa,KAAA,CAAb,GAAaA,EAAA,CAAEpB,CAAlB,EAAuB,IAAvB,CAAlC,GAA4D,EAA5D,CAAA;AAA8D,CAfjD,EAyBf,UAACW,EAAD,EAAe;AAAZ,EAAA,IAAAU,UAAU,GAAAV,EAAA,CAAAU,UAAV,CAAA;AACD,EAAA,OAAAA,UAAU,IACVlB,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAjB,oBAAA,CAAA,CAAA,8GAAA,CAAA,EAAA,CAAA,8GAAA,CAAA,CAAA,CAAA,CADH,CAAA;AAOC,CAjCY,EAoCf,UAACM,EAAD,EAAuB;MAApBM,MAAM,GAAAN,EAAA,CAAAM;MAAEI,UAAU,GAAAV,EAAA,CAAAU;AAAO,EAAA,OAAAA,UAAU,IAAInB,cAAc,CAACe,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAEE,KAAT,CAA5B,CAAA;AAA2C,CApCxD,EAsCRI,EAAE,CAACC,MAtCK,EAuCG,UAACb,EAAD,EAAW;;;AAAR,EAAA,IAAAM,MAAM,GAAAN,EAAA,CAAAM,MAAN,CAAA;AACf,EAAA,OAAAxB,cAAc,CAAC,CAAAyB,EAAA,GAAAD,MAAM,KAAA,IAAN,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAEO,MAAR,MAAgB,IAAhB,IAAgBN,EAAA,KAAA,KAAA,CAAhB,GAAgB,KAAA,CAAhB,GAAgBA,EAAA,CAAAlB,CAAjB,EAAoB,CAAAoB,EAAA,GAAAH,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAEO,MAAR,MAAc,IAAd,IAAcJ,EAAA,KAAA,KAAA,CAAd,GAAc,KAAA,CAAd,GAAcA,EAAA,CAAEnB,CAApC,CAAd,CAAA;AAAoD,CAxC3C,EA2CX,UAACU,EAAD,EAAuB;MAApBM,MAAM,GAAAN,EAAA,CAAAM;MAAEI,UAAU,GAAAV,EAAA,CAAAU;AACnB,EAAA,OAAAA,UAAU,IAAInB,cAAc,CAACe,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAEO,MAAT,CAA5B,CAAA;AAA4C,CA5CnC,EA+CRD,EAAE,CAACE,SA/CK,EAgDG,UAACd,EAAD,EAAW;;;AAAR,EAAA,IAAAM,MAAM,GAAAN,EAAA,CAAAM,MAAN,CAAA;AACf,EAAA,OAAAxB,cAAc,CAAC,CAAAyB,EAAA,GAAAD,MAAM,KAAA,IAAN,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAEQ,SAAR,MAAmB,IAAnB,IAAmBP,EAAA,KAAA,KAAA,CAAnB,GAAmB,KAAA,CAAnB,GAAmBA,EAAA,CAAAlB,CAApB,EAAuB,CAAAoB,EAAA,GAAAH,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAEQ,SAAR,MAAiB,IAAjB,IAAiBL,EAAA,KAAA,KAAA,CAAjB,GAAiB,KAAA,CAAjB,GAAiBA,EAAA,CAAEnB,CAA1C,CAAd,CAAA;AAA0D,CAjDjD,EAoDX,UAACU,EAAD,EAAuB;MAApBM,MAAM,GAAAN,EAAA,CAAAM;MAAEI,UAAU,GAAAV,EAAA,CAAAU;AACnB,EAAA,OAAAA,UAAU,IAAInB,cAAc,CAACe,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAEQ,SAAT,CAA5B,CAAA;AAA+C,CArDtC,EAwDRF,EAAE,CAACG,KAxDK,EAyDG,UAACf,EAAD,EAAW;;;AAAR,EAAA,IAAAM,MAAM,GAAAN,EAAA,CAAAM,MAAN,CAAA;AACf,EAAA,OAAAxB,cAAc,CAAC,CAAAyB,EAAA,GAAAD,MAAM,KAAA,IAAN,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAES,KAAR,MAAe,IAAf,IAAeR,EAAA,KAAA,KAAA,CAAf,GAAe,KAAA,CAAf,GAAeA,EAAA,CAAAlB,CAAhB,EAAmB,CAAAoB,EAAA,GAAAH,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAES,KAAR,MAAa,IAAb,IAAaN,EAAA,KAAA,KAAA,CAAb,GAAa,KAAA,CAAb,GAAaA,EAAA,CAAEnB,CAAlC,CAAd,CAAA;AAAkD,CA1DzC,EA6DX,UAACU,EAAD,EAAuB;MAApBM,MAAM,GAAAN,EAAA,CAAAM;MAAEI,UAAU,GAAAV,EAAA,CAAAU;AACnB,EAAA,OAAAA,UAAU,IAAInB,cAAc,CAACe,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAES,KAAT,CAA5B,CAAA;AAA2C,CA9DlC,EAiERH,EAAE,CAACI,MAjEK,EAkEG,UAAChB,EAAD,EAAW;;;AAAR,EAAA,IAAAM,MAAM,GAAAN,EAAA,CAAAM,MAAN,CAAA;AACf,EAAA,OAAAxB,cAAc,CAAC,CAAAyB,EAAA,GAAAD,MAAM,KAAA,IAAN,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAEU,MAAR,MAAgB,IAAhB,IAAgBT,EAAA,KAAA,KAAA,CAAhB,GAAgB,KAAA,CAAhB,GAAgBA,EAAA,CAAAlB,CAAjB,EAAoB,CAAAoB,EAAA,GAAAH,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAEU,MAAR,MAAc,IAAd,IAAcP,EAAA,KAAA,KAAA,CAAd,GAAc,KAAA,CAAd,GAAcA,EAAA,CAAEnB,CAApC,CAAd,CAAA;AAAoD,CAnE3C,EAsEX,UAACU,EAAD,EAAuB;MAApBM,MAAM,GAAAN,EAAA,CAAAM;MAAEI,UAAU,GAAAV,EAAA,CAAAU;AACnB,EAAA,OAAAA,UAAU,IAAInB,cAAc,CAACe,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAEU,MAAT,CAA5B,CAAA;AAA4C,CAvEnC,EA0Ef,UAAChB,EAAD,EAAuB;MAApBM,MAAM,GAAAN,EAAA,CAAAM;MAAEI,UAAU,GAAAV,EAAA,CAAAU;AACnB,EAAA,OAAAJ,MAAM,IACNd,GAAG,CAAAyB,gBAAA,KAAAA,gBAAA,GAAAvB,oBAAA,CAAA,CAAA,gHAAA,EAAA,2FAAA,EAAA,yIAAA,CAAA,EAAA,CAAA,gHAAA,EAImD,2FAJnD,EAO6C,yIAP7C,CAAA,CAAA,CAAA,EAImBgB,UAAU,GAAG,OAAH,GAAa,SAJ1C,EAOqBA,UAAU,IAAI,UAPnC,CADH,CAAA;AAcC,CAzFY,CAArB,CAAA;AA4FA,IAAMQ,GAAG,GAAGrB,MAAM,CAACsB,GAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,YAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAaC,CAAAA,CAAAA,gBAAA,KAAAA,gBAAA,GAAA1B,oBAAA,CAAA,CAAA,oCAAA,EAAA,6DAAA,EAAA,YAAA,CAAA,EAAA,CAAqD,oCAArD,EAGqD,6DAHrD,EAWK,YAXL,CAAA,CAAA,CAAb,EAEI,UAACM,EAAD,EAAsB;MAAnBC,KAAK,GAAAD,EAAA,CAAAC;MAAEoB,UAAU,GAAArB,EAAA,CAAAqB;AACzB,EAAA,OAAAA,UAAU,GAAGC,SAAK,CAACrB,KAAD,CAAL,CAAasB,IAAb,CAAkBC,QAArB,GAAgCF,SAAK,CAACrB,KAAD,CAAL,CAAasB,IAAb,CAAkBE,OAA5D,CAAA;AAAmE,CAHlE,EAMa,UAACzB,EAAD,EAAuC;AAApC,EAAA,IAAAC,KAAK,WAAL;AAAA,MAAOoB,UAAU,GAAArB,EAAA,CAAAqB,UAAjB;AAAA,MAAmBK,eAAe,GAAA1B,EAAA,CAAA0B,eAAlC,CAAA;AACb,EAAAA,OAAAA,eAAe,GACTL,UAAU,GACNlB,UAAM,CAACF,KAAD,CAAN,CAAcG,QAAd,CAAuBuB,kBAAvB,CAA0CH,QADpC,GAENrB,UAAM,CAACF,KAAD,CAAN,CAAcG,QAAd,CAAuBuB,kBAAvB,CAA0CF,OAHrC,GAITxC,SAJN,CAAA;AAIe,CAXlB,CAAT,CAAA;AAeA,IAAM2C,SAAS,GAAG/B,MAAM,CAACgC,IAAD,CAAT,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,kBAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAeC,gBAAA,KAAAA,gBAAA,GAAApC,oBAAA,CAAA,CAAA,8HAAA,EAAA,KAAA,EAAA,0PAAA,CAAA,EAAA,CAAA,8HAAA,EAOG,KAPH,EAOuB,0PAPvB,CAAA,CAAA,CAAf,EAOAqC,QAAQ,CAACC,KAAT,GAAiB,CAPjB,EAOwBD,QAAQ,CAACC,KAPjC,CAAf,CAAA;;AAoBA,IAAMC,KAAK,GAaP,UAACjC,EAAD,EAeH;AAdG,EAAA,IAAAkC,SAAS,eAAT;AAAA,MACA1B,KAAK,WADL;AAAA,MAEAK,MAAM,YAFN;AAAA,MAGAC,SAAS,eAHT;AAAA,MAIAC,KAAK,WAJL;AAAA,MAKAC,MAAM,YALN;AAAA,MAMAmB,GAAG,SANH;AAAA,MAOA7B,MAAM,YAPN;AAAA,MAQAI,UAAU,gBARV;AAAA,MASA0B,OAAO,aATP;AAAA,MAUAf,UAAU,gBAVV;AAAA,MAWAd,EAAA,GAAAP,EAAA,CAAA0B,eAXA;AAAA,MAWAA,eAAe,GAAAnB,EAAA,KAAA,KAAA,CAAA,GAAG,IAAH,GAAOA,EAXtB;AAAA,MAYAL,eAAe,GAAAF,EAAA,CAAAE,eAZf;AAAA,MAaAmC,SAAS,GAAArC,EAAA,CAAAqC,SAbT,CAAA;AAeQ,EAAA,IAAAC,MAAM,GAAKC,WAAW,EAAA,OAAtB,CAAA;AACR,EAAA,IAAMC,MAAM,GAAGC,MAAM,CAAmB,IAAnB,CAArB,CAAA;;AACM,EAAA,IAAAhC,EAAA,GAA0BiC,QAAQ,CAAU,KAAV,CAAlC;AAAA,MAACC,QAAQ,GAAAlC,EAAA,CAAA,CAAA,CAAT;AAAA,MAAWmC,WAAW,GAAAnC,EAAA,CAAA,CAAA,CAAtB,CAAA;;AAENoC,EAAAA,SAAS,CAAC,YAAA;AACN,IAAA,IAAI,CAACL,MAAM,CAACM,OAAZ,EAAqB,OAAA;AACrB,IAAA,IAAMC,GAAG,GAAGP,MAAM,CAACM,OAAnB,CAAA;;AAEA,IAAME,IAAAA,UAAU,GAAG,YAAA;AACfJ,MAAAA,WAAW,CAAC,IAAD,CAAX,CAAA;AACH,KAFD,CAAA;;AAIA,IAAMK,IAAAA,WAAW,GAAG,YAAA;AAChBL,MAAAA,WAAW,CAAC,KAAD,CAAX,CAAA;AACH,KAFD,CAAA;;AAIA,IAAA,IAAI,CAACG,GAAG,CAACG,QAAT,EAAmB;AACfH,MAAAA,GAAG,CAACI,gBAAJ,CAAqB,MAArB,EAA6BH,UAA7B,CAAA,CAAA;AACAD,MAAAA,GAAG,CAACI,gBAAJ,CAAqB,OAArB,EAA8BF,WAA9B,CAAA,CAAA;AACH,KAHD,MAGO;AACHF,MAAAA,GAAG,CAACK,mBAAJ,CAAwB,MAAxB,EAAgCJ,UAAhC,CAAA,CAAA;AACAD,MAAAA,GAAG,CAACK,mBAAJ,CAAwB,OAAxB,EAAiCH,WAAjC,CAAA,CAAA;AACAD,MAAAA,UAAU,EAAA,CAAA;AACb,KAAA;;AAED,IAAA,OAAO,YAAA;AACHD,MAAAA,GAAG,CAACK,mBAAJ,CAAwB,MAAxB,EAAgCJ,UAAhC,CAAA,CAAA;AACAD,MAAAA,GAAG,CAACK,mBAAJ,CAAwB,OAAxB,EAAiCH,WAAjC,CAAA,CAAA;AACH,KAHD,CAAA;AAIH,GAzBQ,EAyBN,EAzBM,CAAT,CAAA;AA2BA,EAAA,OACII,KAAC,CAAAC,aAAD,CAAC1D,eAAD;AACIU,IAAAA,MAAM,EAAEA;AACRI,IAAAA,UAAU,EAAEA;AACZR,IAAAA,eAAe,EAAEA;AACjBgC,IAAAA,SAAS,EAAEA,SAAAA;GAJf,EAMImB,KAAS,CAAAC,aAAT,CAAS,SAAT,EAAS;AAAAlB,IAAAA,OAAO,EAAEA,OAAAA;AAAT,GAAT,EACKpB,MAAM,IAAIqC,KAAQ,CAAAC,aAAR,CAAQ,QAAR,EAAQ;AAAAC,IAAAA,MAAM,EAAEvC,MAAR;AAAgBwC,IAAAA,KAAK,EAAE5C,EAAE,CAACI,MAAAA;AAA1B,GAAR,CADf,EAEKD,KAAK,IAAIsC,KAAQ,CAAAC,aAAR,CAAQ,QAAR,EAAQ;AAAAC,IAAAA,MAAM,EAAExC,KAAR;AAAeyC,IAAAA,KAAK,EAAE5C,EAAE,CAACG,KAAAA;AAAzB,GAAR,CAFd,EAGKD,SAAS,IACNuC,KAAQ,CAAAC,aAAR,CAAQ,QAAR,EAAQ;AAAAC,IAAAA,MAAM,EAAEzC,SAAR;AAAmB0C,IAAAA,KAAK,EAAE5C,EAAE,CAACE,SAAAA;AAA7B,GAAR,CAJR,EAMKD,MAAM,IAAIwC,KAAQ,CAAAC,aAAR,CAAQ,QAAR,EAAQ;AAAAC,IAAAA,MAAM,EAAE1C,MAAR;AAAgB2C,IAAAA,KAAK,EAAE5C,EAAE,CAACC,MAAAA;AAA1B,GAAR,CANf,EAOIwC,KAAA,CAAAC,aAAA,CAACpC,GAAD,EAAI;AACA6B,IAAAA,GAAG,EAAEP,MADL;AACW,IAAA,iBAAA,EACMG,QAFjB;AAGAjB,IAAAA,eAAe,EAAEA,eAHjB;AAIAL,IAAAA,UAAU,EAAEA,UAJZ;AAKAkC,IAAAA,MAAM,EAAE/C,KALR;AAMA2B,IAAAA,GAAG,EAAEA,GAAG,IAAI,EANZ;AAOAsB,IAAAA,OAAO,EAAC,MAAA;AAPR,GAAJ,CAPJ,CANJ,EAuBKpB,SAAS,IACNgB,KAAC,CAAAC,aAAD,CAAC1B,SAAD,EACI;AAAA8B,IAAAA,IAAI,EAAC,OAAL;AACAC,IAAAA,SAAS,EAAErB,MAAM,CAACf,IAAP,CAAYC,QADvB;AAEAoC,IAAAA,SAAS,EAAE,SAAA,CAAUjE,MAAV,CAAU0C,SAAV,CAFX;AAGAwB,IAAAA,QAAQ,EAAC,MAAA;AAHT,GADJ,CAxBR,CADJ,CAAA;AAkCH,EA9FD;;;;;"}

package/esm/InfoList-616d17fd.js

@@ -0,0 +1,74 @@
+import { a as __makeTemplateObject } from './ClockFilled-6bae80dc.js';
+import { C as Copy } from './Copy-fb124972.js';
+import React__default from 'react';
+import styled from 'styled-components';
+import { i as isValidArray } from './arrays-65b644ef.js';
+import { s as spacings, m as mq } from './styles-f6c54818.js';
+
+var View = styled.div.withConfig({
+  displayName: "InfoList__View",
+  componentId: "sc-1bggeo0-0"
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
+var Container = styled.ul.withConfig({
+  displayName: "InfoList__Container",
+  componentId: "sc-1bggeo0-1"
+})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    margin: 0;\n    padding: 0;\n    margin-left: -", "px;\n    margin-top: -", "px;\n    list-style: none;\n"], ["\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    margin: 0;\n    padding: 0;\n    margin-left: -", "px;\n    margin-top: -", "px;\n    list-style: none;\n"])), spacings.spacer, spacings.nudge * 5);
+var Item = styled.li.withConfig({
+  displayName: "InfoList__Item",
+  componentId: "sc-1bggeo0-2"
+})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    flex: 1 1 100%;\n    padding-left: ", "px;\n    padding-top: ", "px;\n\n    @media ", " {\n        flex: 1 1 300px;\n    }\n"], ["\n    flex: 1 1 100%;\n    padding-left: ", "px;\n    padding-top: ", "px;\n\n    @media ", " {\n        flex: 1 1 300px;\n    }\n"])), spacings.spacer, spacings.nudge * 5, mq.medium);
+var Title = styled(Copy).withConfig({
+  displayName: "InfoList__Title",
+  componentId: "sc-1bggeo0-3"
+})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    display: block;\n    margin-bottom: ", "px;\n"], ["\n    display: block;\n    margin-bottom: ", "px;\n"])), spacings.nudge * 3);
+var Infos = styled.ul.withConfig({
+  displayName: "InfoList__Infos",
+  componentId: "sc-1bggeo0-4"
+})(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    list-style: none;\n    margin: 0;\n    padding: 0;\n"], ["\n    list-style: none;\n    margin: 0;\n    padding: 0;\n"])));
+var Content = styled.li.withConfig({
+  displayName: "InfoList__Content",
+  componentId: "sc-1bggeo0-5"
+})(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    display: -ms-grid;\n    display: grid;\n    margin: 0;\n\n    -ms-grid-columns: min-content 1fr;\n    grid-template-columns: min-content 1fr;\n    -ms-grid-rows: min-content 1fr;\n    grid-auto-rows: min-content 1fr;\n\n    & + & {\n        margin-top: ", "px;\n    }\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"], ["\n    display: -ms-grid;\n    display: grid;\n    margin: 0;\n\n    -ms-grid-columns: min-content 1fr;\n    grid-template-columns: min-content 1fr;\n    -ms-grid-rows: min-content 1fr;\n    grid-auto-rows: min-content 1fr;\n\n    & + & {\n        margin-top: ", "px;\n    }\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"])), spacings.nudge * 2, spacings.nudge * 2);
+var Icon = styled(Copy).withConfig({
+  displayName: "InfoList__Icon",
+  componentId: "sc-1bggeo0-6"
+})(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    height: 20px;\n    width: 20px;\n\n    & > * {\n        height: 20px;\n        width: 20px;\n    }\n"], ["\n    height: 20px;\n    width: 20px;\n\n    & > * {\n        height: 20px;\n        width: 20px;\n    }\n"])));
+
+var InfoList = function (_a) {
+  var isInverted = _a.isInverted,
+      items = _a.items,
+      className = _a.className;
+  return React__default.createElement(View, {
+    className: className
+  }, React__default.createElement(Container, null, items === null || items === void 0 ? void 0 : items.map(function (group, i) {
+    var _a;
+
+    var groupItems = ((_a = group === null || group === void 0 ? void 0 : group.items) === null || _a === void 0 ? void 0 : _a.filter(function (item) {
+      return item.text;
+    })) || [];
+    var hasItems = isValidArray(groupItems, false);
+    return React__default.createElement(Item, {
+      key: i
+    }, group.title && React__default.createElement(Title, {
+      size: "small",
+      type: "copy-b",
+      renderAs: "span",
+      isInverted: isInverted
+    }, group.title), hasItems && React__default.createElement(Infos, null, groupItems.map(function (info, ii) {
+      return React__default.createElement(Content, {
+        key: ii
+      }, React__default.createElement(Icon, {
+        isInverted: isInverted
+      }, info.icon && info.icon(isInverted)), info.text && React__default.createElement(Copy, {
+        size: "small",
+        isInverted: isInverted,
+        innerHTML: info.text,
+        allowLinkIcons: false
+      }));
+    })));
+  })));
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+
+export { InfoList as I };
+//# sourceMappingURL=InfoList-616d17fd.js.map

package/esm/InfoList-616d17fd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoList-616d17fd.js","sources":["../src/components/blocks/InfoList.tsx"],"sourcesContent":["import Copy from 'components/typography/Copy';\nimport React, { FC } from 'react';\nimport styled from 'styled-components';\nimport { isValidArray } from 'utils/arrays';\n\nimport { mq, spacings } from 'utils/styles';\n\nconst View = styled.div``;\n\nconst Container = styled.ul`\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    margin: 0;\n    padding: 0;\n    margin-left: -${spacings.spacer}px;\n    margin-top: -${spacings.nudge * 5}px;\n    list-style: none;\n`;\n\nconst Item = styled.li`\n    flex: 1 1 100%;\n    padding-left: ${spacings.spacer}px;\n    padding-top: ${spacings.nudge * 5}px;\n\n    @media ${mq.medium} {\n        flex: 1 1 300px;\n    }\n`;\n\nconst Title = styled(Copy)`\n    display: block;\n    margin-bottom: ${spacings.nudge * 3}px;\n`;\n\nconst Infos = styled.ul`\n    list-style: none;\n    margin: 0;\n    padding: 0;\n`;\n\nconst Content = styled.li`\n    display: -ms-grid;\n    display: grid;\n    margin: 0;\n\n    -ms-grid-columns: min-content 1fr;\n    grid-template-columns: min-content 1fr;\n    -ms-grid-rows: min-content 1fr;\n    grid-auto-rows: min-content 1fr;\n\n    & + & {\n        margin-top: ${spacings.nudge * 2}px;\n    }\n\n    & > * + * {\n        margin-left: ${spacings.nudge * 2}px;\n    }\n`;\n\nconst Icon = styled(Copy)`\n    height: 20px;\n    width: 20px;\n\n    & > * {\n        height: 20px;\n        width: 20px;\n    }\n`;\n\nexport interface InfoGroup {\n    title?: string;\n    items: Info[];\n}\n\nexport interface Info {\n    /** icon injection function */\n    icon?: (isInverted?: boolean) => React.ReactNode;\n    /** info text (richtText) */\n    text?: string;\n}\n\nconst InfoList: FC<{\n    /** Invert text and icon color for dark backgrounds */\n    isInverted?: boolean;\n\n    /** Array of info groups */\n    items?: InfoGroup[];\n\n    className?: string;\n}> = ({ isInverted, items, className }) => {\n    return (\n        <View className={className}>\n            <Container>\n                {items?.map((group, i) => {\n                    const groupItems =\n                        group?.items?.filter((item) => item.text) || [];\n                    const hasItems = isValidArray(groupItems, false);\n\n                    return (\n                        <Item key={i}>\n                            {group.title && (\n                                <Title\n                                    size=\"small\"\n                                    type=\"copy-b\"\n                                    renderAs=\"span\"\n                                    isInverted={isInverted}\n                                >\n                                    {group.title}\n                                </Title>\n                            )}\n                            {hasItems && (\n                                <Infos>\n                                    {groupItems.map((info, ii) => (\n                                        <Content key={ii}>\n                                            <Icon isInverted={isInverted}>\n                                                {info.icon &&\n                                                    info.icon(isInverted)}\n                                            </Icon>\n                                            {info.text && (\n                                                <Copy\n                                                    size=\"small\"\n                                                    isInverted={isInverted}\n                                                    innerHTML={info.text}\n                                                    allowLinkIcons={false}\n                                                />\n                                            )}\n                                        </Content>\n                                    ))}\n                                </Infos>\n                            )}\n                        </Item>\n                    );\n                })}\n            </Container>\n        </View>\n    );\n};\n\nexport default InfoList;\n"],"names":["View","styled","div","templateObject_1","__makeTemplateObject","Container","ul","templateObject_2","spacings","spacer","nudge","Item","li","templateObject_3","mq","medium","Title","Copy","templateObject_4","Infos","templateObject_5","Content","Icon","templateObject_7","InfoList","_a","isInverted","items","className","React","createElement","map","group","i","groupItems","filter","item","text","hasItems","isValidArray","key","title","size","type","renderAs","info","ii","icon","innerHTML","allowLinkIcons"],"mappings":"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"}

package/esm/{LanguageSwitcher-a53094d3.js → LanguageSwitcher-058e0145.js}

@@ -1,9 +1,9 @@
-import { a as __makeTemplateObject, _ as __assign } from './ClockFilled-8784ddac.js';
+import { a as __makeTemplateObject, _ as __assign } from './ClockFilled-6bae80dc.js';
 import React__default from 'react';
 import styled from 'styled-components';
-import { L as Link } from './Link-ee8a48ed.js';
-import { s as spacings, g as getColors } from './styles-5f78e59d.js';
-import { c as copyStyle } from './Copy-3444d005.js';
+import { L as Link } from './Link-0a1e35d6.js';
+import { s as spacings, g as getColors } from './styles-f6c54818.js';
+import { c as copyStyle } from './Copy-fb124972.js';
 
 var View = styled.div.withConfig({
   displayName: "LanguageSwitcher__View",
@@ -67,4 +67,4 @@ var LanguageSwitcher = function (_a) {
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 
 export { LanguageSwitcher as L };
-//# sourceMappingURL=LanguageSwitcher-a53094d3.js.map
+//# sourceMappingURL=LanguageSwitcher-058e0145.js.map

package/esm/{LanguageSwitcher-a53094d3.js.map → LanguageSwitcher-058e0145.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LanguageSwitcher-a53094d3.js","sources":["../src/components/blocks/LanguageSwitcher.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled from 'styled-components';\n\nimport Link, { LinkProps } from 'components/typography/Link';\nimport { spacings, getColors as color, FontOptions } from 'utils/styles';\nimport { copyStyle } from 'components/typography/Copy';\n\nconst View = styled.div`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ${spacings.nudge / 2}px;\n    }\n`;\n\nconst Icon = styled.div<{ isInverted?: boolean }>`\n    color: ${({ isInverted, theme }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n\n    & > * {\n        margin-right: ${spacings.nudge}px;\n    }\n`;\n\nconst SelectView = styled.div<{ isInverted?: boolean }>`\n    display: inline-flex;\n    align-items: center;\n    margin: 0 -${spacings.nudge}px;\n\n    & > * + * {\n        &:before {\n            content: '';\n            display: block;\n            position: absolute;\n            top: 3px;\n            left: 0;\n            height: 1em;\n            width: 2px;\n            background-color: ${({ isInverted, theme }) =>\n                isInverted\n                    ? color(theme).text.inverted\n                    : color(theme).text.default};\n\n            transition: background-color 0.2s ease-in-out;\n        }\n    }\n`;\n\nconst LanguageLink = styled(Link)<{\n    isInverted?: boolean;\n    isActive?: boolean;\n    size?: keyof FontOptions;\n}>`\n    display: inline-block;\n    position: relative;\n    padding: 0 ${spacings.nudge}px;\n\n    ${({ size }) => copyStyle('copy', size || 'medium')}\n    font-weight: ${({ isActive }) => isActive && '700'};\n\n    color: ${({ isInverted, theme }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n    text-decoration: none;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ${({ isInverted, theme }) =>\n                isInverted\n                    ? color(theme).text.inverted\n                    : color(theme).text.default};\n            text-decoration: underline;\n        }\n    }\n`;\n\nexport interface Language {\n    isActive?: boolean;\n    label: string;\n    link: LinkProps;\n}\n\nconst LanguageSwitcher: FC<{\n    langs?: Language[];\n    isInverted?: boolean;\n    languageIcon?: (isInverted?: boolean) => React.ReactNode;\n    textSize?: keyof FontOptions;\n}> = ({ langs, isInverted, languageIcon, textSize = 'medium' }) => {\n    return (\n        <View>\n            {languageIcon && (\n                <Icon isInverted={isInverted}>{languageIcon(isInverted)}</Icon>\n            )}\n            <SelectView isInverted={isInverted}>\n                {langs?.map((lang, i) => (\n                    <LanguageLink\n                        key={i}\n                        {...lang.link}\n                        isInverted={isInverted}\n                        isActive={lang.isActive}\n                        size={textSize}\n                    >\n                        {lang.label}\n                    </LanguageLink>\n                ))}\n            </SelectView>\n        </View>\n    );\n};\n\nexport default LanguageSwitcher;\n"],"names":["View","styled","div","spacings","nudge","Icon","templateObject_2","__makeTemplateObject","_a","isInverted","theme","color","text","inverted","default","SelectView","LanguageLink","Link","templateObject_4","size","copyStyle","isActive","LanguageSwitcher","langs","languageIcon","_b","textSize","React","createElement","map","lang","i","__assign","key","link","label"],"mappings":"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"}
+{"version":3,"file":"LanguageSwitcher-058e0145.js","sources":["../src/components/blocks/LanguageSwitcher.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled from 'styled-components';\n\nimport Link, { LinkProps } from 'components/typography/Link';\nimport { spacings, getColors as color, FontOptions } from 'utils/styles';\nimport { copyStyle } from 'components/typography/Copy';\n\nconst View = styled.div`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ${spacings.nudge / 2}px;\n    }\n`;\n\nconst Icon = styled.div<{ isInverted?: boolean }>`\n    color: ${({ isInverted, theme }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n\n    & > * {\n        margin-right: ${spacings.nudge}px;\n    }\n`;\n\nconst SelectView = styled.div<{ isInverted?: boolean }>`\n    display: inline-flex;\n    align-items: center;\n    margin: 0 -${spacings.nudge}px;\n\n    & > * + * {\n        &:before {\n            content: '';\n            display: block;\n            position: absolute;\n            top: 3px;\n            left: 0;\n            height: 1em;\n            width: 2px;\n            background-color: ${({ isInverted, theme }) =>\n                isInverted\n                    ? color(theme).text.inverted\n                    : color(theme).text.default};\n\n            transition: background-color 0.2s ease-in-out;\n        }\n    }\n`;\n\nconst LanguageLink = styled(Link)<{\n    isInverted?: boolean;\n    isActive?: boolean;\n    size?: keyof FontOptions;\n}>`\n    display: inline-block;\n    position: relative;\n    padding: 0 ${spacings.nudge}px;\n\n    ${({ size }) => copyStyle('copy', size || 'medium')}\n    font-weight: ${({ isActive }) => isActive && '700'};\n\n    color: ${({ isInverted, theme }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n    text-decoration: none;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ${({ isInverted, theme }) =>\n                isInverted\n                    ? color(theme).text.inverted\n                    : color(theme).text.default};\n            text-decoration: underline;\n        }\n    }\n`;\n\nexport interface Language {\n    isActive?: boolean;\n    label: string;\n    link: LinkProps;\n}\n\nconst LanguageSwitcher: FC<{\n    langs?: Language[];\n    isInverted?: boolean;\n    languageIcon?: (isInverted?: boolean) => React.ReactNode;\n    textSize?: keyof FontOptions;\n}> = ({ langs, isInverted, languageIcon, textSize = 'medium' }) => {\n    return (\n        <View>\n            {languageIcon && (\n                <Icon isInverted={isInverted}>{languageIcon(isInverted)}</Icon>\n            )}\n            <SelectView isInverted={isInverted}>\n                {langs?.map((lang, i) => (\n                    <LanguageLink\n                        key={i}\n                        {...lang.link}\n                        isInverted={isInverted}\n                        isActive={lang.isActive}\n                        size={textSize}\n                    >\n                        {lang.label}\n                    </LanguageLink>\n                ))}\n            </SelectView>\n        </View>\n    );\n};\n\nexport default LanguageSwitcher;\n"],"names":["View","styled","div","spacings","nudge","Icon","templateObject_2","__makeTemplateObject","_a","isInverted","theme","color","text","inverted","default","SelectView","LanguageLink","Link","templateObject_4","size","copyStyle","isActive","LanguageSwitcher","langs","languageIcon","_b","textSize","React","createElement","map","lang","i","__assign","key","link","label"],"mappings":"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"}

package/esm/{LibThemeProvider-90a5375f.js → LibThemeProvider-a38c5bf1.js}

@@ -1,7 +1,7 @@
-import { d as __rest, _ as __assign, e as __spreadArray } from './ClockFilled-8784ddac.js';
+import { d as __rest, _ as __assign, e as __spreadArray } from './ClockFilled-6bae80dc.js';
 import React__default from 'react';
 import { useTheme, ThemeProvider } from 'styled-components';
-import { g as getColors, a as getFonts, c as getGlobals, d as getTheme, b as baseTheme } from './styles-5f78e59d.js';
+import { g as getColors, a as getFonts, c as getGlobals, d as getTheme, b as baseTheme } from './styles-f6c54818.js';
 
 /**
  * Assigning font base key values to theme. Searches for each font base object key inside target theme object and replacing the values
@@ -112,4 +112,4 @@ var withLibTheme = function (Component) {
 };
 
 export { LibThemeProvider as L, assignTo as a, modifyTheme as m, useLibTheme as u, withLibTheme as w };
-//# sourceMappingURL=LibThemeProvider-90a5375f.js.map
+//# sourceMappingURL=LibThemeProvider-a38c5bf1.js.map

package/esm/{LibThemeProvider-90a5375f.js.map → LibThemeProvider-a38c5bf1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LibThemeProvider-90a5375f.js","sources":["../src/utils/LibThemeProvider.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport React, { FC } from 'react';\nimport { DefaultTheme, ThemeProvider, useTheme } from 'styled-components';\nimport {\n    FontBase,\n    baseTheme,\n    getColors,\n    getFonts,\n    getGlobals,\n    getTheme,\n} from 'utils/styles';\nimport { RecursivePartial } from './types';\n\nexport type ThemeMods = RecursivePartial<DefaultTheme>;\n\n/**\n * Assigning font base key values to theme. Searches for each font base object key inside target theme object and replacing the values\n * @param target Combined result object\n * @param source FontBase object with properties that should by overritten.\n */\nconst assignFontBase = (\n    target: DefaultTheme,\n    source?: RecursivePartial<FontBase>\n) => {\n    if (!source) return target;\n\n    // deep iterate through target and search matching key\n    const assign = (target: any, key: string, value: string) => {\n        Object.keys(target).forEach((tKey) => {\n            // check if target value is an object and no array\n            if (\n                target[tKey] &&\n                typeof target[tKey] === 'object' &&\n                !Array.isArray(target[tKey])\n            ) {\n                target[tKey] = assign(target[tKey], key, value);\n            } else if (key === tKey) {\n                target[tKey] = value;\n            }\n        });\n        return target;\n    };\n\n    // search each base key and replace values\n    Object.keys(source).forEach((sKey) => {\n        if (source[sKey])\n            target.fonts.types = assign(target.fonts.types, sKey, source[sKey]);\n    });\n    return target;\n};\n\n/**\n * Combining Theme objects\n * @param target Result theme object\n * @param source Theme object that should be assigned to target\n */\nexport const assignTo = <T extends ThemeMods | DefaultTheme>(\n    target: T,\n    source?: ThemeMods\n) => {\n    const output = { ...target };\n    if (!source) return output as T;\n\n    Object.keys(source).forEach((key) => {\n        const sourceVal = source[key];\n        const targetVal = target[key];\n\n        if (\n            targetVal &&\n            sourceVal &&\n            typeof targetVal === 'object' &&\n            typeof sourceVal === 'object'\n        ) {\n            // console.log(key, sourceVal, targetVal);\n            if (Array.isArray(sourceVal)) {\n                output[key] = [...sourceVal];\n            } else {\n                output[key] = assignTo(targetVal, sourceVal);\n            }\n        } else if (sourceVal) {\n            output[key] = sourceVal;\n        }\n    });\n    return output as T;\n};\n\nexport const LibThemeProvider: FC<{\n    theme?: ThemeMods;\n    children?: React.ReactNode;\n}> = ({ theme, children }) => {\n    const ctx = useTheme();\n\n    if (theme) {\n        const newTheme = modifyTheme(ctx, theme);\n\n        return <ThemeProvider theme={newTheme}>{children}</ThemeProvider>;\n    } else {\n        return <React.Fragment>{children}</React.Fragment>;\n    }\n};\n\ninterface WithLibThemeProps {\n    theme?: ThemeMods;\n}\n\nexport const modifyTheme = (\n    activeTheme?: DefaultTheme,\n    modifications?: ThemeMods\n) => {\n    // asigning base font to all settings on top of base theme. If base fonts are undefined return base theme\n    const combinedBaseTheme = assignFontBase(\n        baseTheme,\n        activeTheme?.fonts?.base\n    );\n\n    // adding base theme to active theme context if possible\n    const combinedTheme = activeTheme\n        ? assignTo(combinedBaseTheme, activeTheme)\n        : combinedBaseTheme;\n\n    // adding additional base font styles and other settings to theme\n    let newTheme = combinedTheme;\n    if (modifications) {\n        newTheme = assignFontBase(combinedTheme, modifications?.fonts?.base);\n        newTheme = assignTo(newTheme, modifications);\n    }\n\n    return newTheme;\n};\n\nexport const useLibTheme = () => {\n    const theme = useTheme();\n\n    return {\n        colors: getColors(theme),\n        fonts: getFonts(theme),\n        globals: getGlobals(theme),\n        theme: getTheme(theme),\n    };\n};\n\nexport const withLibTheme =\n    <P extends Record<string, unknown>>(\n        Component: React.ComponentType<P>\n    ): React.FC<\n        P & {\n            /** Component specific theme properties that overrides global theme settings */\n            theme?: ThemeMods;\n        }\n    > =>\n    ({ theme, ...props }: WithLibThemeProps) => {\n        const ctx = useTheme();\n        const newTheme = modifyTheme(ctx, theme);\n\n        return (\n            <ThemeProvider theme={newTheme}>\n                <Component {...(props as P)} />\n            </ThemeProvider>\n        );\n    };\n"],"names":["assignFontBase","target","source","assign","key","value","Object","keys","forEach","tKey","Array","isArray","sKey","fonts","types","assignTo","output","__assign","sourceVal","targetVal","__spreadArray","LibThemeProvider","_a","theme","children","ctx","useTheme","newTheme","modifyTheme","React","createElement","ThemeProvider","Fragment","activeTheme","modifications","combinedBaseTheme","baseTheme","base","combinedTheme","_b","useLibTheme","colors","getColors","getFonts","globals","getGlobals","getTheme","withLibTheme","Component","props","__rest"],"mappings":"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"}
+{"version":3,"file":"LibThemeProvider-a38c5bf1.js","sources":["../src/utils/LibThemeProvider.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport React, { FC } from 'react';\nimport { DefaultTheme, ThemeProvider, useTheme } from 'styled-components';\nimport {\n    FontBase,\n    baseTheme,\n    getColors,\n    getFonts,\n    getGlobals,\n    getTheme,\n} from 'utils/styles';\nimport { RecursivePartial } from './types';\n\nexport type ThemeMods = RecursivePartial<DefaultTheme>;\n\n/**\n * Assigning font base key values to theme. Searches for each font base object key inside target theme object and replacing the values\n * @param target Combined result object\n * @param source FontBase object with properties that should by overritten.\n */\nconst assignFontBase = (\n    target: DefaultTheme,\n    source?: RecursivePartial<FontBase>\n) => {\n    if (!source) return target;\n\n    // deep iterate through target and search matching key\n    const assign = (target: any, key: string, value: string) => {\n        Object.keys(target).forEach((tKey) => {\n            // check if target value is an object and no array\n            if (\n                target[tKey] &&\n                typeof target[tKey] === 'object' &&\n                !Array.isArray(target[tKey])\n            ) {\n                target[tKey] = assign(target[tKey], key, value);\n            } else if (key === tKey) {\n                target[tKey] = value;\n            }\n        });\n        return target;\n    };\n\n    // search each base key and replace values\n    Object.keys(source).forEach((sKey) => {\n        if (source[sKey])\n            target.fonts.types = assign(target.fonts.types, sKey, source[sKey]);\n    });\n    return target;\n};\n\n/**\n * Combining Theme objects\n * @param target Result theme object\n * @param source Theme object that should be assigned to target\n */\nexport const assignTo = <T extends ThemeMods | DefaultTheme>(\n    target: T,\n    source?: ThemeMods\n) => {\n    const output = { ...target };\n    if (!source) return output as T;\n\n    Object.keys(source).forEach((key) => {\n        const sourceVal = source[key];\n        const targetVal = target[key];\n\n        if (\n            targetVal &&\n            sourceVal &&\n            typeof targetVal === 'object' &&\n            typeof sourceVal === 'object'\n        ) {\n            // console.log(key, sourceVal, targetVal);\n            if (Array.isArray(sourceVal)) {\n                output[key] = [...sourceVal];\n            } else {\n                output[key] = assignTo(targetVal, sourceVal);\n            }\n        } else if (sourceVal) {\n            output[key] = sourceVal;\n        }\n    });\n    return output as T;\n};\n\nexport const LibThemeProvider: FC<{\n    theme?: ThemeMods;\n    children?: React.ReactNode;\n}> = ({ theme, children }) => {\n    const ctx = useTheme();\n\n    if (theme) {\n        const newTheme = modifyTheme(ctx, theme);\n\n        return <ThemeProvider theme={newTheme}>{children}</ThemeProvider>;\n    } else {\n        return <React.Fragment>{children}</React.Fragment>;\n    }\n};\n\ninterface WithLibThemeProps {\n    theme?: ThemeMods;\n}\n\nexport const modifyTheme = (\n    activeTheme?: DefaultTheme,\n    modifications?: ThemeMods\n) => {\n    // asigning base font to all settings on top of base theme. If base fonts are undefined return base theme\n    const combinedBaseTheme = assignFontBase(\n        baseTheme,\n        activeTheme?.fonts?.base\n    );\n\n    // adding base theme to active theme context if possible\n    const combinedTheme = activeTheme\n        ? assignTo(combinedBaseTheme, activeTheme)\n        : combinedBaseTheme;\n\n    // adding additional base font styles and other settings to theme\n    let newTheme = combinedTheme;\n    if (modifications) {\n        newTheme = assignFontBase(combinedTheme, modifications?.fonts?.base);\n        newTheme = assignTo(newTheme, modifications);\n    }\n\n    return newTheme;\n};\n\nexport const useLibTheme = () => {\n    const theme = useTheme();\n\n    return {\n        colors: getColors(theme),\n        fonts: getFonts(theme),\n        globals: getGlobals(theme),\n        theme: getTheme(theme),\n    };\n};\n\nexport const withLibTheme =\n    <P extends Record<string, unknown>>(\n        Component: React.ComponentType<P>\n    ): React.FC<\n        P & {\n            /** Component specific theme properties that overrides global theme settings */\n            theme?: ThemeMods;\n        }\n    > =>\n    ({ theme, ...props }: WithLibThemeProps) => {\n        const ctx = useTheme();\n        const newTheme = modifyTheme(ctx, theme);\n\n        return (\n            <ThemeProvider theme={newTheme}>\n                <Component {...(props as P)} />\n            </ThemeProvider>\n        );\n    };\n"],"names":["assignFontBase","target","source","assign","key","value","Object","keys","forEach","tKey","Array","isArray","sKey","fonts","types","assignTo","output","__assign","sourceVal","targetVal","__spreadArray","LibThemeProvider","_a","theme","children","ctx","useTheme","newTheme","modifyTheme","React","createElement","ThemeProvider","Fragment","activeTheme","modifications","combinedBaseTheme","baseTheme","base","combinedTheme","_b","useLibTheme","colors","getColors","getFonts","globals","getGlobals","getTheme","withLibTheme","Component","props","__rest"],"mappings":"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"}

package/esm/{Link-ee8a48ed.js → Link-0a1e35d6.js}

@@ -1,7 +1,7 @@
-import { a as __makeTemplateObject } from './ClockFilled-8784ddac.js';
+import { a as __makeTemplateObject } from './ClockFilled-6bae80dc.js';
 import React__default, { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
-import { a as getFonts } from './styles-5f78e59d.js';
+import { a as getFonts } from './styles-f6c54818.js';
 
 var linkStyles = function (isInverted) {
   return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    color: ", ";\n    text-transform: ", ";\n    text-decoration: ", ";\n\n    transition: color 0.2s ease-in-out;\n\n    outline: none;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ", ";\n        }\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:focus {\n        outline: 1px dashed\n            ", ";\n        outline-offset: 1px;\n    }\n"], ["\n    color: ", ";\n    text-transform: ", ";\n    text-decoration: ", ";\n\n    transition: color 0.2s ease-in-out;\n\n    outline: none;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ", ";\n        }\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:focus {\n        outline: 1px dashed\n            ", ";\n        outline-offset: 1px;\n    }\n"])), function (_a) {
@@ -57,4 +57,4 @@ Link.displayName = 'Link';
 var templateObject_1, templateObject_2;
 
 export { Link as L };
-//# sourceMappingURL=Link-ee8a48ed.js.map
+//# sourceMappingURL=Link-0a1e35d6.js.map

package/esm/{Link-ee8a48ed.js.map → Link-0a1e35d6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Link-ee8a48ed.js","sources":["../src/components/typography/Link.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-target-blank */\nimport React, { forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { getFonts as font } from 'utils/styles';\n\nexport interface LinkProps {\n    isExternal?: boolean;\n    href?: string;\n}\n\nexport const linkStyles = (isInverted?: boolean) => css`\n    color: ${({ theme }) =>\n        isInverted ? font(theme).link.colorInverted : font(theme).link.color};\n    text-transform: ${({ theme }) => font(theme).link.textTransform};\n    text-decoration: ${({ theme }) => font(theme).link.textDecoration};\n\n    transition: color 0.2s ease-in-out;\n\n    outline: none;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ${({ theme }) =>\n                isInverted\n                    ? font(theme).link.colorHoverInverted\n                    : font(theme).link.colorHover};\n        }\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:focus {\n        outline: 1px dashed\n            ${({ theme }) =>\n                isInverted\n                    ? font(theme).link.colorInverted\n                    : font(theme).link.color};\n        outline-offset: 1px;\n    }\n`;\n\nconst View = styled.a<{ isInverted?: boolean }>`\n    ${({ isInverted }) => linkStyles(isInverted)};\n`;\n\nconst Link = forwardRef<\n    HTMLAnchorElement,\n    LinkProps & {\n        ariaLabel?: string;\n        tabIndex?: number;\n        dataSheet?: string;\n        isInverted?: boolean;\n        onClick?: (ev?: React.SyntheticEvent<HTMLAnchorElement>) => void;\n        className?: string;\n        children?: React.ReactNode;\n    }\n>(\n    (\n        {\n            isInverted = false,\n            isExternal = false,\n            onClick,\n            href,\n            ariaLabel,\n            tabIndex,\n            dataSheet,\n            children,\n            className,\n        },\n        ref\n    ) => {\n        return (\n            <View\n                ref={ref}\n                href={href}\n                target={isExternal ? '_blank' : undefined}\n                rel={isExternal ? 'noopener noreferrer' : undefined}\n                isInverted={isInverted}\n                aria-label={ariaLabel}\n                tabIndex={tabIndex}\n                data-sheet={dataSheet}\n                onClick={onClick}\n                className={className}\n            >\n                {children}\n            </View>\n        );\n    }\n);\n\nLink.displayName = 'Link';\n\nexport default Link;\n"],"names":["linkStyles","isInverted","css","templateObject_1","__makeTemplateObject","_a","theme","font","link","colorInverted","color","textTransform","textDecoration","colorHoverInverted","colorHover","View","styled","a","templateObject_2","Link","forwardRef","ref","_b","_c","isExternal","onClick","href","ariaLabel","tabIndex","dataSheet","children","className","React","createElement","target","undefined","rel","displayName"],"mappings":"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"}
+{"version":3,"file":"Link-0a1e35d6.js","sources":["../src/components/typography/Link.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-target-blank */\nimport React, { forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { getFonts as font } from 'utils/styles';\n\nexport interface LinkProps {\n    isExternal?: boolean;\n    href?: string;\n}\n\nexport const linkStyles = (isInverted?: boolean) => css`\n    color: ${({ theme }) =>\n        isInverted ? font(theme).link.colorInverted : font(theme).link.color};\n    text-transform: ${({ theme }) => font(theme).link.textTransform};\n    text-decoration: ${({ theme }) => font(theme).link.textDecoration};\n\n    transition: color 0.2s ease-in-out;\n\n    outline: none;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ${({ theme }) =>\n                isInverted\n                    ? font(theme).link.colorHoverInverted\n                    : font(theme).link.colorHover};\n        }\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:focus {\n        outline: 1px dashed\n            ${({ theme }) =>\n                isInverted\n                    ? font(theme).link.colorInverted\n                    : font(theme).link.color};\n        outline-offset: 1px;\n    }\n`;\n\nconst View = styled.a<{ isInverted?: boolean }>`\n    ${({ isInverted }) => linkStyles(isInverted)};\n`;\n\nconst Link = forwardRef<\n    HTMLAnchorElement,\n    LinkProps & {\n        ariaLabel?: string;\n        tabIndex?: number;\n        dataSheet?: string;\n        isInverted?: boolean;\n        onClick?: (ev?: React.SyntheticEvent<HTMLAnchorElement>) => void;\n        className?: string;\n        children?: React.ReactNode;\n    }\n>(\n    (\n        {\n            isInverted = false,\n            isExternal = false,\n            onClick,\n            href,\n            ariaLabel,\n            tabIndex,\n            dataSheet,\n            children,\n            className,\n        },\n        ref\n    ) => {\n        return (\n            <View\n                ref={ref}\n                href={href}\n                target={isExternal ? '_blank' : undefined}\n                rel={isExternal ? 'noopener noreferrer' : undefined}\n                isInverted={isInverted}\n                aria-label={ariaLabel}\n                tabIndex={tabIndex}\n                data-sheet={dataSheet}\n                onClick={onClick}\n                className={className}\n            >\n                {children}\n            </View>\n        );\n    }\n);\n\nLink.displayName = 'Link';\n\nexport default Link;\n"],"names":["linkStyles","isInverted","css","templateObject_1","__makeTemplateObject","_a","theme","font","link","colorInverted","color","textTransform","textDecoration","colorHoverInverted","colorHover","View","styled","a","templateObject_2","Link","forwardRef","ref","_b","_c","isExternal","onClick","href","ariaLabel","tabIndex","dataSheet","children","className","React","createElement","target","undefined","rel","displayName"],"mappings":";;;;;AAWO,IAAMA,UAAU,GAAG,UAACC,UAAD,EAAqB;AAAK,EAAA,OAAAC,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAC,oBAAA,CAAA,CAAA,eAAA,EAAA,yBAAA,EAAA,0BAAA,EAAA,+JAAA,EAAA,qJAAA,EAAA,0CAAA,CAAA,EAAA,CAAA,eAAA,EAEqB,yBAFrB,EAGY,0BAHZ,EAIc,+JAJd,EAeN,qJAfM,EA4BX,0CA5BW,CAAA,CAAA,CAAA,EAC1C,UAACC,EAAD,EAAU;AAAP,IAAA,IAAAC,KAAK,GAAAD,EAAA,CAAAC,KAAL,CAAA;AACR,IAAA,OAAAL,UAAU,GAAGM,QAAI,CAACD,KAAD,CAAJ,CAAYE,IAAZ,CAAiBC,aAApB,GAAoCF,QAAI,CAACD,KAAD,CAAJ,CAAYE,IAAZ,CAAiBE,KAA/D,CAAA;AAAoE,GAFrB,EAGjC,UAACL,EAAD,EAAU;AAAP,IAAA,IAAAC,KAAK,GAAAD,EAAA,CAAAC,KAAL,CAAA;AAAY,IAAA,OAAAC,QAAI,CAACD,KAAD,CAAJ,CAAYE,IAAZ,CAAiBG,aAAjB,CAAA;AAA8B,GAHZ,EAIhC,UAACN,EAAD,EAAU;AAAP,IAAA,IAAAC,KAAK,GAAAD,EAAA,CAAAC,KAAL,CAAA;AAAY,IAAA,OAAAC,QAAI,CAACD,KAAD,CAAJ,CAAYE,IAAZ,CAAiBI,cAAjB,CAAA;AAA+B,GAJd,EAYlC,UAACP,EAAD,EAAU;AAAP,IAAA,IAAAC,KAAK,GAAAD,EAAA,CAAAC,KAAL,CAAA;AACR,IAAA,OAAAL,UAAU,GACJM,QAAI,CAACD,KAAD,CAAJ,CAAYE,IAAZ,CAAiBK,kBADb,GAEJN,QAAI,CAACD,KAAD,CAAJ,CAAYE,IAAZ,CAAiBM,UAFvB,CAAA;AAEiC,GAfM,EAyBzC,UAACT,EAAD,EAAU;AAAP,IAAA,IAAAC,KAAK,GAAAD,EAAA,CAAAC,KAAL,CAAA;AACD,IAAA,OAAAL,UAAU,GACJM,QAAI,CAACD,KAAD,CAAJ,CAAYE,IAAZ,CAAiBC,aADb,GAEJF,QAAI,CAACD,KAAD,CAAJ,CAAYE,IAAZ,CAAiBE,KAFvB,CAAA;AAE4B,GA5BW,CAAH,CAAA;AA+BnD,CA/BM,CAAA;AAiCP,IAAMK,IAAI,GAAGC,MAAM,CAACC,CAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,YAAA;AAAA,EAAA,WAAA,EAAA,aAAA;AAAA,CAAqCC,CAAAA,CAAAA,gBAAA,KAAAA,gBAAA,GAAAd,oBAAA,CAAA,CAAA,QAAA,EAAA,KAAA,CAAA,EAAA,CAAA,QAAA,EACC,KADD,CAAA,CAAA,CAArC,EACJ,UAACC,EAAD,EAAe;AAAZ,EAAA,IAAAJ,UAAU,GAAAI,EAAA,CAAAJ,UAAV,CAAA;AAAiB,EAAAD,OAAAA,UAAU,CAACC,UAAD,CAAV,CAAA;AAAsB,CADtC,CAAV,CAAA;AAIMkB,IAAAA,IAAI,GAAGC,UAAU,CAYnB,UACIf,EADJ,EAYIgB,GAZJ,EAYO;AAVC,EAAA,IAAAC,EAAA,GAAAjB,EAAA,CAAAJ,UAAA;AAAA,MAAAA,UAAU,GAAGqB,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,KAAb;AAAA,MACAC,EAAA,GAAAlB,EAAA,CAAAmB,UADA;AAAA,MACAA,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,GAAKA,EADlB;AAAA,MAEAE,OAAO,GAAApB,EAAA,CAAAoB,OAFP;AAAA,MAGAC,IAAI,GAAArB,EAAA,CAAAqB,IAHJ;AAAA,MAIAC,SAAS,GAAAtB,EAAA,CAAAsB,SAJT;AAAA,MAKAC,QAAQ,GAAAvB,EAAA,CAAAuB,QALR;AAAA,MAMAC,SAAS,GAAAxB,EAAA,CAAAwB,SANT;AAAA,MAOAC,QAAQ,GAAAzB,EAAA,CAAAyB,QAPR;AAAA,MAQAC,SAAS,GAAA1B,EAAA,CAAA0B,SART,CAAA;AAYJ,EAAA,OACIC,cAAC,CAAAC,aAAD,CAAClB,IAAD,EACI;AAAAM,IAAAA,GAAG,EAAEA,GAAL;AACAK,IAAAA,IAAI,EAAEA,IADN;AAEAQ,IAAAA,MAAM,EAAEV,UAAU,GAAG,QAAH,GAAcW,SAFhC;AAGAC,IAAAA,GAAG,EAAEZ,UAAU,GAAG,qBAAH,GAA2BW,SAH1C;AAIAlC,IAAAA,UAAU,EAAEA,UAJZ;AAKY,IAAA,YAAA,EAAA0B,SALZ;AAMAC,IAAAA,QAAQ,EAAEA,QANV;AAOY,IAAA,YAAA,EAAAC,SAPZ;AAQAJ,IAAAA,OAAO,EAAEA,OART;AASAM,IAAAA,SAAS,EAAEA,SAAAA;AATX,GADJ,EAYKD,QAZL,CADJ,CAAA;AAgBH,CA1CkB,EAAvB;AA6CAX,IAAI,CAACkB,WAAL,GAAmB,MAAnB,CAAA;;;;;"}

package/esm/{Navigation-ece0ff0d.js → Navigation-13dce48c.js}

@@ -1,16 +1,16 @@
-import { _ as __assign, a as __makeTemplateObject, F as AngleLeft, s as Cross, G as AngleRight, e as __spreadArray } from './ClockFilled-8784ddac.js';
+import { _ as __assign, a as __makeTemplateObject, q as AngleLeft, C as Cross, r as AngleRight, e as __spreadArray } from './ClockFilled-6bae80dc.js';
 import React__default, { useState, useRef, useEffect, useMemo, forwardRef } from 'react';
-import { u as useLibTheme, L as LibThemeProvider } from './LibThemeProvider-90a5375f.js';
-import { a as useMediaQueries } from './useMediaQuery-43629cbb.js';
-import { u as useScrollThrottle, a as getCurrentNavPath, g as getCurrentNavItem } from './navigation-49280321.js';
-import { L as Link } from './Link-ee8a48ed.js';
+import { u as useLibTheme, L as LibThemeProvider } from './LibThemeProvider-a38c5bf1.js';
+import { a as useMediaQueries } from './useMediaQuery-0d473a9c.js';
+import { u as useScrollThrottle, a as getCurrentNavPath, g as getCurrentNavItem } from './navigation-a2998143.js';
+import { L as Link } from './Link-0a1e35d6.js';
 import styled, { css } from 'styled-components';
 import { i as isValidArray } from './arrays-65b644ef.js';
 import { c as clampValue } from './clamp-12d37b65.js';
-import { m as mq, s as spacings, g as getColors, a as getFonts, w as withRange, c as getGlobals } from './styles-5f78e59d.js';
-import { c as copyStyle, C as Copy } from './Copy-3444d005.js';
-import { I as Image } from './Image-82417953.js';
-import { L as LanguageSwitcher } from './LanguageSwitcher-a53094d3.js';
+import { m as mq, s as spacings, g as getColors, a as getFonts, w as withRange, c as getGlobals } from './styles-f6c54818.js';
+import { c as copyStyle, C as Copy } from './Copy-fb124972.js';
+import { I as Image } from './Image-b538f659.js';
+import { L as LanguageSwitcher } from './LanguageSwitcher-058e0145.js';
 
 /**
  * Hooks in to menu state to control it with keyboard inputs
@@ -1661,4 +1661,4 @@ var Navigation = function (_a) {
 };
 
 export { BarBreadcrumbs as B, Column as C, MenuHeader as M, Navigation as N, getFullNavbarHeights as a, getNavbarState as b, BarLogo as c, BarMenuToggle as d, BarNavList as e, generateNavbarIdent as g };
-//# sourceMappingURL=Navigation-ece0ff0d.js.map
+//# sourceMappingURL=Navigation-13dce48c.js.map