@blateral/b.kit 2.7.2 → 2.7.3-patch1.0

package/cjs/{Checkbox-1c34c7e6.js → Checkbox-367283ac.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./ClockFilled-2483aa4a.js"),n=require("./Copy-ea6ab025.js"),t=require("react"),i=require("styled-components"),l=require("./LibThemeProvider-4823de57.js"),o=require("./styles-3a495a2d.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a,s,d,c,p,u,m=r(t),f=r(i),b=f.default.label.withConfig({displayName:"Checkbox__View",componentId:"sc-ve3szk-0"})(a||(a=e.__makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),2*o.spacings.nudge),g=f.default(n.Copy).withConfig({displayName:"Checkbox__Label",componentId:"sc-ve3szk-1"})(s||(s=e.__makeTemplateObject(["\n    padding-top: 2px;\n    text-align: left;\n    user-select: none;\n\n    & > * {\n        margin: 0;\n    }\n"],["\n    padding-top: 2px;\n    text-align: left;\n    user-select: none;\n\n    & > * {\n        margin: 0;\n    }\n"]))),h=f.default.div.withConfig({displayName:"Checkbox__CheckboxContainer",componentId:"sc-ve3szk-2"})(d||(d=e.__makeTemplateObject(["\n    color: ",";\n    cursor: ",";\n    pointer-events: ",";\n\n    border: 2px solid transparent;\n\n    &:focus-within {\n        outline: 1px solid\n            ",";\n        outline-offset: 0;\n    }\n"],["\n    color: ",";\n    cursor: ",";\n    pointer-events: ",";\n\n    border: 2px solid transparent;\n\n    &:focus-within {\n        outline: 1px solid\n            ",";\n        outline-offset: 0;\n    }\n"])),(function(e){var n=e.theme;return o.getColors(n).text.inverted}),(function(e){return e.isDisabled?"default":"pointer"}),(function(e){return e.isDisabled?"none":"all"}),(function(e){var n=e.theme,t=e.isInverted;return e.isDisabled?"transparent":t?o.getColors(n).primary.inverted:o.getColors(n).primary.default})),x=f.default.input.withConfig({displayName:"Checkbox__Original",componentId:"sc-ve3szk-3"})(c||(c=e.__makeTemplateObject(["\n    position: absolute;\n    left: -9999px;\n    opacity: 0;\n"],["\n    position: absolute;\n    left: -9999px;\n    opacity: 0;\n"]))),v=f.default.span.withConfig({displayName:"Checkbox__Box",componentId:"sc-ve3szk-4"})(p||(p=e.__makeTemplateObject(["\n    width: 20px;\n    min-width: 20px;\n    height: 20px;\n    display: block;\n    position: relative;\n\n    border: 2px solid\n        ",";\n\n    background-color: ",";\n"],["\n    width: 20px;\n    min-width: 20px;\n    height: 20px;\n    display: block;\n    position: relative;\n\n    border: 2px solid\n        ",";\n\n    background-color: ",";\n"])),(function(e){var n=e.isSelected,t=e.isDisabled,i=e.isInverted,l=e.theme;return t?i?o.getColors(l).text.subtileInverted:o.getColors(l).text.subtile:n?i?o.getColors(l).primary.inverted:o.getColors(l).primary.default:i?o.getColors(l).elementBg.light:o.getColors(l).elementBg.medium}),(function(e){var n=e.isSelected,t=e.isDisabled,i=e.isInverted,l=e.theme;return t?i?o.getColors(l).text.subtileInverted:o.getColors(l).text.subtile:n?i?o.getColors(l).primary.inverted:o.getColors(l).primary.default:"transparent"})),C=f.default(e.Check).withConfig({displayName:"Checkbox__StyledCheck",componentId:"sc-ve3szk-5"})(u||(u=e.__makeTemplateObject(["\n    width: 80%;\n    height: 80%;\n    display: block;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n"],["\n    width: 80%;\n    height: 80%;\n    display: block;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n"]))),k=m.default.memo((function(e){var n=e.label,t=e.isDisabled,i=e.isSelected,o=e.isInverted,r=e.onChange,a=e.onBlur,s=e.onClick,d=e.name,c=e.value,p=e.isRequired,u=l.useLibTheme().colors;return m.default.createElement(b,null,m.default.createElement(h,{isDisabled:t,isInverted:o,onClick:s},m.default.createElement(v,{isSelected:i,isInverted:o,isDisabled:t},i&&m.default.createElement(C,null)),m.default.createElement(x,{type:"checkbox",name:"".concat(d,"[]"),value:c,checked:i,required:p,onChange:r,onBlur:a})),n&&m.default.createElement(g,{renderAs:"span",size:"small",type:"copy-b",isInverted:o,textColor:t?o?u.text.subtileInverted:u.text.subtile:void 0,innerHTML:"".concat(n).concat(p?"<span> *</span>":"")}))}),(function(e,n){return!!e.enableMemo&&(e.label===n.label&&(e.isSelected===n.isSelected&&e.value===n.value))}));exports.Checkbox=k;
-//# sourceMappingURL=Checkbox-1c34c7e6.js.map
+"use strict";var e=require("./ClockFilled-2483aa4a.js"),n=require("./Copy-b579f268.js"),t=require("react"),i=require("styled-components"),l=require("./LibThemeProvider-4823de57.js"),o=require("./styles-3a495a2d.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a,s,d,c,p,u,m=r(t),f=r(i),b=f.default.label.withConfig({displayName:"Checkbox__View",componentId:"sc-ve3szk-0"})(a||(a=e.__makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),2*o.spacings.nudge),g=f.default(n.Copy).withConfig({displayName:"Checkbox__Label",componentId:"sc-ve3szk-1"})(s||(s=e.__makeTemplateObject(["\n    padding-top: 2px;\n    text-align: left;\n    user-select: none;\n\n    & > * {\n        margin: 0;\n    }\n"],["\n    padding-top: 2px;\n    text-align: left;\n    user-select: none;\n\n    & > * {\n        margin: 0;\n    }\n"]))),h=f.default.div.withConfig({displayName:"Checkbox__CheckboxContainer",componentId:"sc-ve3szk-2"})(d||(d=e.__makeTemplateObject(["\n    color: ",";\n    cursor: ",";\n    pointer-events: ",";\n\n    border: 2px solid transparent;\n\n    &:focus-within {\n        outline: 1px solid\n            ",";\n        outline-offset: 0;\n    }\n"],["\n    color: ",";\n    cursor: ",";\n    pointer-events: ",";\n\n    border: 2px solid transparent;\n\n    &:focus-within {\n        outline: 1px solid\n            ",";\n        outline-offset: 0;\n    }\n"])),(function(e){var n=e.theme;return o.getColors(n).text.inverted}),(function(e){return e.isDisabled?"default":"pointer"}),(function(e){return e.isDisabled?"none":"all"}),(function(e){var n=e.theme,t=e.isInverted;return e.isDisabled?"transparent":t?o.getColors(n).primary.inverted:o.getColors(n).primary.default})),x=f.default.input.withConfig({displayName:"Checkbox__Original",componentId:"sc-ve3szk-3"})(c||(c=e.__makeTemplateObject(["\n    position: absolute;\n    left: -9999px;\n    opacity: 0;\n"],["\n    position: absolute;\n    left: -9999px;\n    opacity: 0;\n"]))),v=f.default.span.withConfig({displayName:"Checkbox__Box",componentId:"sc-ve3szk-4"})(p||(p=e.__makeTemplateObject(["\n    width: 20px;\n    min-width: 20px;\n    height: 20px;\n    display: block;\n    position: relative;\n\n    border: 2px solid\n        ",";\n\n    background-color: ",";\n"],["\n    width: 20px;\n    min-width: 20px;\n    height: 20px;\n    display: block;\n    position: relative;\n\n    border: 2px solid\n        ",";\n\n    background-color: ",";\n"])),(function(e){var n=e.isSelected,t=e.isDisabled,i=e.isInverted,l=e.theme;return t?i?o.getColors(l).text.subtileInverted:o.getColors(l).text.subtile:n?i?o.getColors(l).primary.inverted:o.getColors(l).primary.default:i?o.getColors(l).elementBg.light:o.getColors(l).elementBg.medium}),(function(e){var n=e.isSelected,t=e.isDisabled,i=e.isInverted,l=e.theme;return t?i?o.getColors(l).text.subtileInverted:o.getColors(l).text.subtile:n?i?o.getColors(l).primary.inverted:o.getColors(l).primary.default:"transparent"})),C=f.default(e.Check).withConfig({displayName:"Checkbox__StyledCheck",componentId:"sc-ve3szk-5"})(u||(u=e.__makeTemplateObject(["\n    width: 80%;\n    height: 80%;\n    display: block;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n"],["\n    width: 80%;\n    height: 80%;\n    display: block;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n"]))),k=m.default.memo((function(e){var n=e.label,t=e.isDisabled,i=e.isSelected,o=e.isInverted,r=e.onChange,a=e.onBlur,s=e.onClick,d=e.name,c=e.value,p=e.isRequired,u=l.useLibTheme().colors;return m.default.createElement(b,null,m.default.createElement(h,{isDisabled:t,isInverted:o,onClick:s},m.default.createElement(v,{isSelected:i,isInverted:o,isDisabled:t},i&&m.default.createElement(C,null)),m.default.createElement(x,{type:"checkbox",name:"".concat(d,"[]"),value:c,checked:i,required:p,onChange:r,onBlur:a})),n&&m.default.createElement(g,{renderAs:"span",size:"small",type:"copy-b",isInverted:o,textColor:t?o?u.text.subtileInverted:u.text.subtile:void 0,innerHTML:"".concat(n).concat(p?"<span> *</span>":"")}))}),(function(e,n){return!!e.enableMemo&&(e.label===n.label&&(e.isSelected===n.isSelected&&e.value===n.value))}));exports.Checkbox=k;
+//# sourceMappingURL=Checkbox-367283ac.js.map

package/cjs/{Checkbox-1c34c7e6.js.map → Checkbox-367283ac.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Checkbox-1c34c7e6.js","sources":["../src/components/fields/Checkbox.tsx"],"sourcesContent":["import Check from 'components/base/icons/Check';\nimport Copy from 'components/typography/Copy';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport { getColors as color, spacings } from 'utils/styles';\n\nconst View = styled.label`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ${spacings.nudge * 2}px;\n    }\n`;\n\nconst Label = styled(Copy)`\n    padding-top: 2px;\n    text-align: left;\n    user-select: none;\n\n    & > * {\n        margin: 0;\n    }\n`;\n\nconst CheckboxContainer = styled.div<{\n    isDisabled?: boolean;\n    isInverted?: boolean;\n}>`\n    color: ${({ theme }) => color(theme).text.inverted};\n    cursor: ${({ isDisabled }) => (isDisabled ? 'default' : 'pointer')};\n    pointer-events: ${({ isDisabled }) => (isDisabled ? 'none' : 'all')};\n\n    border: 2px solid transparent;\n\n    &:focus-within {\n        outline: 1px solid\n            ${({ theme, isInverted, isDisabled }) =>\n                isDisabled\n                    ? 'transparent'\n                    : isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default};\n        outline-offset: 0;\n    }\n`;\n\nconst Original = styled.input`\n    position: absolute;\n    left: -9999px;\n    opacity: 0;\n`;\n\nconst Box = styled.span<{\n    isSelected?: boolean;\n    isInverted?: boolean;\n    isDisabled?: boolean;\n}>`\n    width: 20px;\n    min-width: 20px;\n    height: 20px;\n    display: block;\n    position: relative;\n\n    border: 2px solid\n        ${({ isSelected, isDisabled, isInverted, theme }) => {\n            if (isDisabled) {\n                return isInverted\n                    ? color(theme).text.subtileInverted\n                    : color(theme).text.subtile;\n            }\n            if (isSelected) {\n                return isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default;\n            }\n            return isInverted\n                ? color(theme).elementBg.light\n                : color(theme).elementBg.medium;\n        }};\n\n    background-color: ${({ isSelected, isDisabled, isInverted, theme }) => {\n        if (isDisabled) {\n            return isInverted\n                ? color(theme).text.subtileInverted\n                : color(theme).text.subtile;\n        }\n        if (isSelected) {\n            return isInverted\n                ? color(theme).primary.inverted\n                : color(theme).primary.default;\n        }\n        return 'transparent';\n    }};\n`;\n\nconst StyledCheck = styled(Check)`\n    width: 80%;\n    height: 80%;\n    display: block;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n`;\n\nexport interface CheckboxProps {\n    enableMemo?: boolean;\n    label?: string;\n\n    onChange?: (e: React.SyntheticEvent<HTMLInputElement>) => void;\n    onBlur?: (e: React.SyntheticEvent<HTMLInputElement>) => void;\n    onClick?: () => void;\n\n    name?: string;\n    value?: string;\n\n    isDisabled?: boolean;\n    isSelected?: boolean;\n    isInverted?: boolean;\n    isRequired?: boolean;\n}\n\nconst Checkbox: React.FC<CheckboxProps> = ({\n    label,\n    isDisabled,\n    isSelected,\n    isInverted,\n    onChange,\n    onBlur,\n    onClick,\n    name,\n    value,\n    isRequired,\n}) => {\n    const { colors } = useLibTheme();\n\n    return (\n        <View>\n            <CheckboxContainer\n                isDisabled={isDisabled}\n                isInverted={isInverted}\n                onClick={onClick}\n            >\n                <Box\n                    isSelected={isSelected}\n                    isInverted={isInverted}\n                    isDisabled={isDisabled}\n                >\n                    {isSelected && <StyledCheck />}\n                </Box>\n                <Original\n                    type=\"checkbox\"\n                    name={`${name}[]`}\n                    value={value}\n                    checked={isSelected}\n                    required={isRequired}\n                    onChange={onChange}\n                    onBlur={onBlur}\n                />\n            </CheckboxContainer>\n            {label && (\n                <Label\n                    renderAs=\"span\"\n                    size=\"small\"\n                    type=\"copy-b\"\n                    isInverted={isInverted}\n                    textColor={\n                        isDisabled\n                            ? isInverted\n                                ? colors.text.subtileInverted\n                                : colors.text.subtile\n                            : undefined\n                    }\n                    innerHTML={`${label}${isRequired ? '<span> *</span>' : ''}`}\n                />\n            )}\n        </View>\n    );\n};\n\n/**\n * Function to compare both field prop states\n * @param prev Previous props\n * @param next Next props\n * @returns\n */\nconst areEqual = (prev: CheckboxProps, next: CheckboxProps) => {\n    // only apply logic if memo functionality is enabled\n    if (!prev.enableMemo) return false;\n\n    if (prev.label !== next.label) return false;\n    if (prev.isSelected !== next.isSelected) return false;\n    if (prev.value !== next.value) return false;\n\n    return true;\n};\n\nexport default React.memo(Checkbox, areEqual);\n"],"names":["View","styled","label","withConfig","displayName","componentId","spacings","nudge","Label","Copy","templateObject_2","__makeTemplateObject","CheckboxContainer","div","_a","theme","color","text","inverted","isDisabled","isInverted","primary","default","Original","input","templateObject_4","Box","span","templateObject_5","isSelected","subtileInverted","subtile","elementBg","light","medium","StyledCheck","Check","templateObject_6","React","memo","onChange","onBlur","onClick","name","value","isRequired","colors","useLibTheme","createElement","type","concat","checked","required","renderAs","size","textColor","undefined","innerHTML","prev","next","enableMemo"],"mappings":"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"}
+{"version":3,"file":"Checkbox-367283ac.js","sources":["../src/components/fields/Checkbox.tsx"],"sourcesContent":["import Check from 'components/base/icons/Check';\nimport Copy from 'components/typography/Copy';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport { getColors as color, spacings } from 'utils/styles';\n\nconst View = styled.label`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ${spacings.nudge * 2}px;\n    }\n`;\n\nconst Label = styled(Copy)`\n    padding-top: 2px;\n    text-align: left;\n    user-select: none;\n\n    & > * {\n        margin: 0;\n    }\n`;\n\nconst CheckboxContainer = styled.div<{\n    isDisabled?: boolean;\n    isInverted?: boolean;\n}>`\n    color: ${({ theme }) => color(theme).text.inverted};\n    cursor: ${({ isDisabled }) => (isDisabled ? 'default' : 'pointer')};\n    pointer-events: ${({ isDisabled }) => (isDisabled ? 'none' : 'all')};\n\n    border: 2px solid transparent;\n\n    &:focus-within {\n        outline: 1px solid\n            ${({ theme, isInverted, isDisabled }) =>\n                isDisabled\n                    ? 'transparent'\n                    : isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default};\n        outline-offset: 0;\n    }\n`;\n\nconst Original = styled.input`\n    position: absolute;\n    left: -9999px;\n    opacity: 0;\n`;\n\nconst Box = styled.span<{\n    isSelected?: boolean;\n    isInverted?: boolean;\n    isDisabled?: boolean;\n}>`\n    width: 20px;\n    min-width: 20px;\n    height: 20px;\n    display: block;\n    position: relative;\n\n    border: 2px solid\n        ${({ isSelected, isDisabled, isInverted, theme }) => {\n            if (isDisabled) {\n                return isInverted\n                    ? color(theme).text.subtileInverted\n                    : color(theme).text.subtile;\n            }\n            if (isSelected) {\n                return isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default;\n            }\n            return isInverted\n                ? color(theme).elementBg.light\n                : color(theme).elementBg.medium;\n        }};\n\n    background-color: ${({ isSelected, isDisabled, isInverted, theme }) => {\n        if (isDisabled) {\n            return isInverted\n                ? color(theme).text.subtileInverted\n                : color(theme).text.subtile;\n        }\n        if (isSelected) {\n            return isInverted\n                ? color(theme).primary.inverted\n                : color(theme).primary.default;\n        }\n        return 'transparent';\n    }};\n`;\n\nconst StyledCheck = styled(Check)`\n    width: 80%;\n    height: 80%;\n    display: block;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n`;\n\nexport interface CheckboxProps {\n    enableMemo?: boolean;\n    label?: string;\n\n    onChange?: (e: React.SyntheticEvent<HTMLInputElement>) => void;\n    onBlur?: (e: React.SyntheticEvent<HTMLInputElement>) => void;\n    onClick?: () => void;\n\n    name?: string;\n    value?: string;\n\n    isDisabled?: boolean;\n    isSelected?: boolean;\n    isInverted?: boolean;\n    isRequired?: boolean;\n}\n\nconst Checkbox: React.FC<CheckboxProps> = ({\n    label,\n    isDisabled,\n    isSelected,\n    isInverted,\n    onChange,\n    onBlur,\n    onClick,\n    name,\n    value,\n    isRequired,\n}) => {\n    const { colors } = useLibTheme();\n\n    return (\n        <View>\n            <CheckboxContainer\n                isDisabled={isDisabled}\n                isInverted={isInverted}\n                onClick={onClick}\n            >\n                <Box\n                    isSelected={isSelected}\n                    isInverted={isInverted}\n                    isDisabled={isDisabled}\n                >\n                    {isSelected && <StyledCheck />}\n                </Box>\n                <Original\n                    type=\"checkbox\"\n                    name={`${name}[]`}\n                    value={value}\n                    checked={isSelected}\n                    required={isRequired}\n                    onChange={onChange}\n                    onBlur={onBlur}\n                />\n            </CheckboxContainer>\n            {label && (\n                <Label\n                    renderAs=\"span\"\n                    size=\"small\"\n                    type=\"copy-b\"\n                    isInverted={isInverted}\n                    textColor={\n                        isDisabled\n                            ? isInverted\n                                ? colors.text.subtileInverted\n                                : colors.text.subtile\n                            : undefined\n                    }\n                    innerHTML={`${label}${isRequired ? '<span> *</span>' : ''}`}\n                />\n            )}\n        </View>\n    );\n};\n\n/**\n * Function to compare both field prop states\n * @param prev Previous props\n * @param next Next props\n * @returns\n */\nconst areEqual = (prev: CheckboxProps, next: CheckboxProps) => {\n    // only apply logic if memo functionality is enabled\n    if (!prev.enableMemo) return false;\n\n    if (prev.label !== next.label) return false;\n    if (prev.isSelected !== next.isSelected) return false;\n    if (prev.value !== next.value) return false;\n\n    return true;\n};\n\nexport default React.memo(Checkbox, areEqual);\n"],"names":["View","styled","label","withConfig","displayName","componentId","spacings","nudge","Label","Copy","templateObject_2","__makeTemplateObject","CheckboxContainer","div","_a","theme","color","text","inverted","isDisabled","isInverted","primary","default","Original","input","templateObject_4","Box","span","templateObject_5","isSelected","subtileInverted","subtile","elementBg","light","medium","StyledCheck","Check","templateObject_6","React","memo","onChange","onBlur","onClick","name","value","isRequired","colors","useLibTheme","createElement","type","concat","checked","required","renderAs","size","textColor","undefined","innerHTML","prev","next","enableMemo"],"mappings":"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"}

package/cjs/{Copy-ea6ab025.js → Copy-b579f268.js}

@@ -1,2 +1,2 @@
-"use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),t=require("styled-components"),i=require("./clamp-bd21d587.js"),o=require("./LibThemeProvider-4823de57.js"),r=require("./styles-3a495a2d.js");function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function l(n){if(n&&n.__esModule)return n;var e=Object.create(null);return n&&Object.keys(n).forEach((function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,i.get?i:{enumerable:!0,get:function(){return n[t]}})}})),e.default=n,Object.freeze(e)}var s,c,h,d,m=l(e),g=a(t),p=t.css(c||(c=n.__makeTemplateObject(["\n    display: block;\n    margin: 0;\n    padding: 0;\n    ","\n\n    hyphens: auto;\n    /* overflow-wrap: break-word; */\n    width: 100%;\n\n    ","\n\n    text-shadow: ",";\n\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        outline: 0;\n        font-weight: inherit;\n        font-style: inherit;\n        font-size: 100%;\n        font-family: inherit;\n        vertical-align: baseline;\n    }\n"],["\n    display: block;\n    margin: 0;\n    padding: 0;\n    ","\n\n    hyphens: auto;\n    /* overflow-wrap: break-word; */\n    width: 100%;\n\n    ","\n\n    text-shadow: ",";\n\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        outline: 0;\n        font-weight: inherit;\n        font-style: inherit;\n        font-size: 100%;\n        font-family: inherit;\n        vertical-align: baseline;\n    }\n"])),(function(n){var e=n.textColor,t=n.textGradient;return r.styleTextColor(e,t)}),(function(e){return!e.hyphens&&t.css(s||(s=n.__makeTemplateObject(["\n            @media "," {\n                hyphens: none;\n            }\n        "],["\n            @media "," {\n                hyphens: none;\n            }\n        "])),r.mq.large)}),(function(n){return n.hasShadow&&"1px 2px 8px rgba(0, 0, 0, 0.25)"})),u=function(e){return t.css(h||(h=n.__makeTemplateObject(["\n    ",";\n    font-family: ",";\n    font-weight: ",";\n    font-style: ",";\n    ","\n    line-height: ",";\n    letter-spacing: ",";\n    text-transform: ",";\n    text-decoration: ",";\n"],["\n    ",";\n    font-family: ",";\n    font-weight: ",";\n    font-style: ",";\n    ","\n    line-height: ",";\n    letter-spacing: ",";\n    text-transform: ",";\n    text-decoration: ",";\n"])),p,(function(n){var t=n.theme;return r.getFonts(t)[e].family}),(function(n){var t=n.theme;return r.getFonts(t)[e].weight}),(function(n){var t=n.theme;return r.getFonts(t)[e].style}),(function(n){var t=n.theme;return r.withRange(r.getFonts(t)[e].size,"font-size")}),(function(n){var t=n.theme;return r.getFonts(t)[e].lineHeight}),(function(n){var t=n.theme;return r.getFonts(t)[e].letterSpacing}),(function(n){var t=n.theme;return r.getFonts(t)[e].textTransform}),(function(n){var t=n.theme;return r.getFonts(t)[e].textDecoration}))},f=g.default.h1.withConfig({displayName:"Heading__View",componentId:"sc-11qy171-0"})(d||(d=n.__makeTemplateObject(["\n    ","\n"],["\n    ","\n"])),(function(n){var e=n.headingType;return u(e)})),v=function(e){var t=e.renderAs,i=e.isInverted,r=e.className,a=e.size,l=void 0===a?"heading-2":a,s=e.textColor,c=e.textGradient,h=e.hyphens,d=void 0!==h&&h,g=e.hasShadow,p=void 0!==g&&g,u=e.innerHTML,v=e.children,x=n.__rest(e,["renderAs","isInverted","className","size","textColor","textGradient","hyphens","hasShadow","innerHTML","children"]),y=o.useLibTheme().fonts,b="h2";switch(l){default:case"heading-1":b="h1";break;case"heading-2":b="h2";break;case"heading-3":b="h3";break;case"heading-4":b="h4";break;case"super":b="div"}var k=null==y?void 0:y[l];return m.createElement(f,n.__assign({as:t||b,headingType:l,textColor:s||(i?k.colorInverted:k.color),textGradient:c||(s?void 0:i?k.colorGradientInverted:k.colorGradient),hyphens:d,hasShadow:p,dangerouslySetInnerHTML:u&&!v?{__html:u}:void 0,className:r},x),v)};v.defaultProps={renderAs:"h2",size:"heading-2"};var x,y,b,k,w,_=function(e,i){return void 0===i&&(i="medium"),t.css(x||(x=n.__makeTemplateObject(["\n    font-family: ",";\n    font-weight: ",";\n    font-style: ",";\n    ","\n    line-height: ",";\n    letter-spacing: ",";\n    text-transform: ",";\n    text-decoration: ",";\n"],["\n    font-family: ",";\n    font-weight: ",";\n    font-style: ",";\n    ","\n    line-height: ",";\n    letter-spacing: ",";\n    text-transform: ",";\n    text-decoration: ",";\n"])),(function(n){var t=n.theme;return r.getFonts(t)[e][i].family}),(function(n){var t=n.theme;return r.getFonts(t)[e][i].weight}),(function(n){var t=n.theme;return r.getFonts(t)[e][i].style}),(function(n){var t=n.theme;return r.withRange(r.getFonts(t)[e][i].size,"font-size")}),(function(n){var t=n.theme;return r.getFonts(t)[e][i].lineHeight}),(function(n){var t=n.theme;return r.getFonts(t)[e][i].letterSpacing}),(function(n){var t=n.theme;return r.getFonts(t)[e][i].textTransform}),(function(n){var t=n.theme;return r.getFonts(t)[e][i].textDecoration}))},T=t.css(k||(k=n.__makeTemplateObject(["\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        outline: 0;\n        font-weight: inherit;\n        font-style: inherit;\n        font-size: 100%;\n        font-family: inherit;\n        vertical-align: baseline;\n    }\n\n    hyphens: auto;\n    ","\n\n    /* @media "," {\n        hyphens: none;\n    } */\n\n    a {\n        color: ",";\n        text-transform: ",";\n        text-decoration: ",";\n\n        transition: color 0.2s ease-in-out;\n        outline: none;\n\n        @media (hover: hover) and (pointer: fine) {\n            &:hover {\n                color: ",";\n            }\n        }\n\n        &:focus {\n            outline: 1px dashed\n                ",";\n            outline-offset: 1px;\n        }\n\n        &:focus:not(:focus-visible) {\n            outline: none;\n        }\n    }\n\n    & > p {\n        margin-right: 0;\n        margin-left: 0;\n        padding: 0;\n    }\n\n    ",";\n\n    h2 {\n        ","\n    }\n\n    h3 {\n        ","\n    }\n\n    h4 {\n        ","\n    }\n\n    h5 {\n        ","\n    }\n\n    h2,\n    h3,\n    h4,\n    h5 {\n        margin-top: ","px;\n        margin-bottom: ","px;\n    }\n\n    h2 {\n        margin-bottom: ","px;\n    }\n\n    *:not(h2, h3, h4, h5) + h2,\n    *:not(h2, h3, h4, h5) + h3,\n    *:not(h2, h3, h4, h5) + h4,\n    *:not(h2, h3, h4, h5) + h5 {\n        margin-top: ","px;\n    }\n\n    *:is(h3, h4, h5) + h2 {\n        margin-top: -","px;\n    }\n\n    p,\n    blockquote,\n    ol,\n    ul {\n        margin-top: ","px;\n        margin-bottom: ","px;\n    }\n\n    ol,\n    ul {\n        padding-left: ","px;\n    }\n\n    li {\n        & > * {\n            vertical-align: top;\n        }\n    }\n\n    ul ul li {\n        list-style-type: disc;\n    }\n\n    ol ol li {\n        list-style-type: lower-latin;\n    }\n\n    ol ol ol li {\n        list-style-type: lower-roman;\n    }\n\n    // classes for richtext\n    a {\n        display: inline-block;\n    }\n\n    a[href] + br + a[href] {\n        margin-top: ","px;\n    }\n\n    /** add icons to anchor tags with matching href value */\n    ","\n\n    /** DOM element with icon and/or label */\n    .icon-label {\n        display: inline-flex;\n        align-items: center;\n        margin: 0;\n        ","\n        vertical-align: middle;\n\n        & > a:after {\n            content: none;\n        }\n\n        & > * + * {\n            margin-left: ","px;\n        }\n\n        svg {\n            max-width: 30px;\n            fill: currentColor;\n        }\n    }\n\n    .icon-label--big {\n        ","\n    }\n\n    .icon-label--list {\n        display: flex;\n        align-items: center;\n        margin: 0;\n        padding: 0;\n    }\n\n    .icon-label--list + .icon-label--list {\n        margin-top: ","px;\n    }\n\n    *:first-child {\n        margin-top: 0;\n    }\n\n    *:last-child {\n        margin-bottom: 0;\n    }\n"],["\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        outline: 0;\n        font-weight: inherit;\n        font-style: inherit;\n        font-size: 100%;\n        font-family: inherit;\n        vertical-align: baseline;\n    }\n\n    hyphens: auto;\n    ","\n\n    /* @media "," {\n        hyphens: none;\n    } */\n\n    a {\n        color: ",";\n        text-transform: ",";\n        text-decoration: ",";\n\n        transition: color 0.2s ease-in-out;\n        outline: none;\n\n        @media (hover: hover) and (pointer: fine) {\n            &:hover {\n                color: ",";\n            }\n        }\n\n        &:focus {\n            outline: 1px dashed\n                ",";\n            outline-offset: 1px;\n        }\n\n        &:focus:not(:focus-visible) {\n            outline: none;\n        }\n    }\n\n    & > p {\n        margin-right: 0;\n        margin-left: 0;\n        padding: 0;\n    }\n\n    ",";\n\n    h2 {\n        ","\n    }\n\n    h3 {\n        ","\n    }\n\n    h4 {\n        ","\n    }\n\n    h5 {\n        ","\n    }\n\n    h2,\n    h3,\n    h4,\n    h5 {\n        margin-top: ","px;\n        margin-bottom: ","px;\n    }\n\n    h2 {\n        margin-bottom: ","px;\n    }\n\n    *:not(h2, h3, h4, h5) + h2,\n    *:not(h2, h3, h4, h5) + h3,\n    *:not(h2, h3, h4, h5) + h4,\n    *:not(h2, h3, h4, h5) + h5 {\n        margin-top: ","px;\n    }\n\n    *:is(h3, h4, h5) + h2 {\n        margin-top: -","px;\n    }\n\n    p,\n    blockquote,\n    ol,\n    ul {\n        margin-top: ","px;\n        margin-bottom: ","px;\n    }\n\n    ol,\n    ul {\n        padding-left: ","px;\n    }\n\n    li {\n        & > * {\n            vertical-align: top;\n        }\n    }\n\n    ul ul li {\n        list-style-type: disc;\n    }\n\n    ol ol li {\n        list-style-type: lower-latin;\n    }\n\n    ol ol ol li {\n        list-style-type: lower-roman;\n    }\n\n    // classes for richtext\n    a {\n        display: inline-block;\n    }\n\n    a[href] + br + a[href] {\n        margin-top: ","px;\n    }\n\n    /** add icons to anchor tags with matching href value */\n    ","\n\n    /** DOM element with icon and/or label */\n    .icon-label {\n        display: inline-flex;\n        align-items: center;\n        margin: 0;\n        ","\n        vertical-align: middle;\n\n        & > a:after {\n            content: none;\n        }\n\n        & > * + * {\n            margin-left: ","px;\n        }\n\n        svg {\n            max-width: 30px;\n            fill: currentColor;\n        }\n    }\n\n    .icon-label--big {\n        ","\n    }\n\n    .icon-label--list {\n        display: flex;\n        align-items: center;\n        margin: 0;\n        padding: 0;\n    }\n\n    .icon-label--list + .icon-label--list {\n        margin-top: ","px;\n    }\n\n    *:first-child {\n        margin-top: 0;\n    }\n\n    *:last-child {\n        margin-bottom: 0;\n    }\n"])),(function(n){var e=n.textColor,t=n.textGradient;return r.styleTextColor(e,t)}),r.mq.medium,(function(n){var e=n.theme;return n.isInverted?r.getFonts(e).link.colorInverted:r.getFonts(e).link.color}),(function(n){var e=n.theme;return r.getFonts(e).link.textTransform}),(function(n){var e=n.theme;return r.getFonts(e).link.textDecoration}),(function(n){var e=n.theme;return n.isInverted?r.getFonts(e).link.colorHoverInverted:r.getFonts(e).link.colorHover}),(function(n){var e=n.theme;return n.isInverted?r.getFonts(e).link.colorInverted:r.getFonts(e).link.color}),(function(e){return e.columns&&t.css(y||(y=n.__makeTemplateObject(["\n            columns: 350px 2;\n            column-gap: ","px;\n\n            li {\n                break-inside: avoid;\n            }\n\n            blockquote {\n                break-inside: avoid;\n            }\n        "],["\n            columns: 350px 2;\n            column-gap: ","px;\n\n            li {\n                break-inside: avoid;\n            }\n\n            blockquote {\n                break-inside: avoid;\n            }\n        "])),r.spacings.spacer)}),u("heading-2"),u("heading-3"),u("heading-4"),u("super"),3*r.spacings.nudge,3*r.spacings.nudge,r.spacings.spacer,5*r.spacings.nudge,1.5*r.spacings.nudge,3*r.spacings.nudge,3*r.spacings.nudge,3*r.spacings.nudge,2*r.spacings.nudge,(function(e){var o=e.theme,a=e.isInverted,l=e.copyType,s=e.size;return e.allowLinkIcons?r.getGlobals(o).icons.linkIcons.map((function(e){var o,r,c,h=parseInt(e.iconChar),d=e.iconFont,m=null===(r=(o=e).iconUrl)||void 0===r?void 0:r.call(o,a),g=i.clampValue((null===(c=e.scale)||void 0===c?void 0:c.call(e,{type:l,size:s}))||1,0),p=e.patterns,u=!!h&&!!d,f=!(!h||isNaN(h)),v=e.vAlign||(u?"text-top":"top"),x=e.isExternal?'[target="_blank"]':"",y=p.filter((function(n){return n})).map((function(n){return"a[href*='".concat(n,"']").concat(x)})).join(", ")||"a".concat(x),k=p.filter((function(n){return n})).map((function(n){return"a[href*='".concat(n,"']").concat(x,":after")})).join(", ")||"a".concat(x,":after"),w="";return(h||m)&&(w=f?'"'.concat(String.fromCharCode(h),'"'):'url("'.concat(m,'")')),y&&k?t.css(b||(b=n.__makeTemplateObject(["\n                      "," {\n                          display: inline-block;\n                          position: relative;\n                      }\n\n                      "," {\n                          content: ",";\n\n                          display: inline-block;\n                          font-family: "," !important;\n                          font-size: ",";\n                          font-style: normal;\n                          font-weight: normal !important;\n                          font-variant: normal;\n                          text-transform: none;\n                          text-decoration: none;\n                          vertical-align: ",";\n                          line-height: 1;\n                          -webkit-font-smoothing: antialiased;\n                          -moz-osx-font-smoothing: grayscale;\n\n                          transform: ",";\n\n                          max-height: ",";\n                          margin-left: 0.3em;\n                          margin-right: 0.1em;\n                      }\n                  "],["\n                      "," {\n                          display: inline-block;\n                          position: relative;\n                      }\n\n                      "," {\n                          content: ",";\n\n                          display: inline-block;\n                          font-family: "," !important;\n                          font-size: ",";\n                          font-style: normal;\n                          font-weight: normal !important;\n                          font-variant: normal;\n                          text-transform: none;\n                          text-decoration: none;\n                          vertical-align: ",";\n                          line-height: 1;\n                          -webkit-font-smoothing: antialiased;\n                          -moz-osx-font-smoothing: grayscale;\n\n                          transform: ",";\n\n                          max-height: ",";\n                          margin-left: 0.3em;\n                          margin-right: 0.1em;\n                      }\n                  "])),y,k,w||void 0,d||"inherit",u&&"".concat(g,"em"),v,!d&&m?"scale(".concat(g,")"):void 0,!u&&"1em"):""})):""}),_("copy","medium"),2*r.spacings.nudge,_("copy","big"),3*r.spacings.nudge),F=g.default.div.withConfig({displayName:"Copy__View",componentId:"sc-15rk6xr-0"})(w||(w=n.__makeTemplateObject(["\n    ","\n    ","\n"],["\n    ","\n    ","\n"])),T,(function(n){var e=n.copyType,t=n.size;return _(e,t)})),I=function(e){var t,i=e.renderAs,r=e.isInverted,a=e.type,l=void 0===a?"copy":a,s=e.size,c=void 0===s?"medium":s,h=e.textColor,d=e.textGradient,g=e.columns,p=void 0!==g&&g,u=e.innerHTML,f=e.allowLinkIcons,v=void 0===f||f,x=e.onClick,y=e.className,b=e.children,k=n.__rest(e,["renderAs","isInverted","type","size","textColor","textGradient","columns","innerHTML","allowLinkIcons","onClick","className","children"]),w=o.useLibTheme().fonts,_=null===(t=null==w?void 0:w[l])||void 0===t?void 0:t[c];return m.createElement(F,n.__assign({as:i,copyType:l,size:c,textColor:h||(r?_.colorInverted:_.color),textGradient:d||(h?void 0:r?_.colorGradientInverted:_.colorGradient),isInverted:r,columns:p,allowLinkIcons:v,dangerouslySetInnerHTML:u&&!b?{__html:u}:void 0,onClick:x,className:y},k),b)};I.defaultProps={type:"copy",size:"medium"},exports.Copy=I,exports.Heading=v,exports.copyStyle=_;
-//# sourceMappingURL=Copy-ea6ab025.js.map
+"use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),t=require("styled-components"),i=require("./clamp-bd21d587.js"),o=require("./LibThemeProvider-4823de57.js"),r=require("./styles-3a495a2d.js");function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function l(n){if(n&&n.__esModule)return n;var e=Object.create(null);return n&&Object.keys(n).forEach((function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,i.get?i:{enumerable:!0,get:function(){return n[t]}})}})),e.default=n,Object.freeze(e)}var s,c,h,d,m=l(e),g=a(t),p=t.css(c||(c=n.__makeTemplateObject(["\n    display: block;\n    margin: 0;\n    padding: 0;\n    ","\n\n    hyphens: auto;\n    /* overflow-wrap: break-word; */\n    width: 100%;\n\n    ","\n\n    text-shadow: ",";\n\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        outline: 0;\n        font-weight: inherit;\n        font-style: inherit;\n        font-size: 100%;\n        font-family: inherit;\n        vertical-align: baseline;\n    }\n"],["\n    display: block;\n    margin: 0;\n    padding: 0;\n    ","\n\n    hyphens: auto;\n    /* overflow-wrap: break-word; */\n    width: 100%;\n\n    ","\n\n    text-shadow: ",";\n\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        outline: 0;\n        font-weight: inherit;\n        font-style: inherit;\n        font-size: 100%;\n        font-family: inherit;\n        vertical-align: baseline;\n    }\n"])),(function(n){var e=n.textColor,t=n.textGradient;return r.styleTextColor(e,t)}),(function(e){return!e.hyphens&&t.css(s||(s=n.__makeTemplateObject(["\n            @media "," {\n                hyphens: none;\n            }\n        "],["\n            @media "," {\n                hyphens: none;\n            }\n        "])),r.mq.large)}),(function(n){return n.hasShadow&&"1px 2px 8px rgba(0, 0, 0, 0.25)"})),u=function(e){return t.css(h||(h=n.__makeTemplateObject(["\n    ",";\n    font-family: ",";\n    font-weight: ",";\n    font-style: ",";\n    ","\n    line-height: ",";\n    letter-spacing: ",";\n    text-transform: ",";\n    text-decoration: ",";\n"],["\n    ",";\n    font-family: ",";\n    font-weight: ",";\n    font-style: ",";\n    ","\n    line-height: ",";\n    letter-spacing: ",";\n    text-transform: ",";\n    text-decoration: ",";\n"])),p,(function(n){var t=n.theme;return r.getFonts(t)[e].family}),(function(n){var t=n.theme;return r.getFonts(t)[e].weight}),(function(n){var t=n.theme;return r.getFonts(t)[e].style}),(function(n){var t=n.theme;return r.withRange(r.getFonts(t)[e].size,"font-size")}),(function(n){var t=n.theme;return r.getFonts(t)[e].lineHeight}),(function(n){var t=n.theme;return r.getFonts(t)[e].letterSpacing}),(function(n){var t=n.theme;return r.getFonts(t)[e].textTransform}),(function(n){var t=n.theme;return r.getFonts(t)[e].textDecoration}))},f=g.default.h1.withConfig({displayName:"Heading__View",componentId:"sc-11qy171-0"})(d||(d=n.__makeTemplateObject(["\n    ","\n"],["\n    ","\n"])),(function(n){var e=n.headingType;return u(e)})),v=function(e){var t=e.renderAs,i=e.isInverted,r=e.className,a=e.size,l=void 0===a?"heading-2":a,s=e.textColor,c=e.textGradient,h=e.hyphens,d=void 0!==h&&h,g=e.hasShadow,p=void 0!==g&&g,u=e.innerHTML,v=e.children,x=n.__rest(e,["renderAs","isInverted","className","size","textColor","textGradient","hyphens","hasShadow","innerHTML","children"]),y=o.useLibTheme().fonts,b="h2";switch(l){default:case"heading-1":b="h1";break;case"heading-2":b="h2";break;case"heading-3":b="h3";break;case"heading-4":b="h4";break;case"super":b="div"}var k=null==y?void 0:y[l];return m.createElement(f,n.__assign({as:t||b,headingType:l,textColor:s||(i?k.colorInverted:k.color),textGradient:c||(s?void 0:i?k.colorGradientInverted:k.colorGradient),hyphens:d,hasShadow:p,dangerouslySetInnerHTML:u&&!v?{__html:u}:void 0,className:r},x),v)};v.defaultProps={renderAs:"h2",size:"heading-2"};var x,y,b,k,w,_=function(e,i){return void 0===i&&(i="medium"),t.css(x||(x=n.__makeTemplateObject(["\n    font-family: ",";\n    font-weight: ",";\n    font-style: ",";\n    ","\n    line-height: ",";\n    letter-spacing: ",";\n    text-transform: ",";\n    text-decoration: ",";\n"],["\n    font-family: ",";\n    font-weight: ",";\n    font-style: ",";\n    ","\n    line-height: ",";\n    letter-spacing: ",";\n    text-transform: ",";\n    text-decoration: ",";\n"])),(function(n){var t=n.theme;return r.getFonts(t)[e][i].family}),(function(n){var t=n.theme;return r.getFonts(t)[e][i].weight}),(function(n){var t=n.theme;return r.getFonts(t)[e][i].style}),(function(n){var t=n.theme;return r.withRange(r.getFonts(t)[e][i].size,"font-size")}),(function(n){var t=n.theme;return r.getFonts(t)[e][i].lineHeight}),(function(n){var t=n.theme;return r.getFonts(t)[e][i].letterSpacing}),(function(n){var t=n.theme;return r.getFonts(t)[e][i].textTransform}),(function(n){var t=n.theme;return r.getFonts(t)[e][i].textDecoration}))},T=t.css(k||(k=n.__makeTemplateObject(["\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        outline: 0;\n        font-weight: inherit;\n        font-style: inherit;\n        font-size: 100%;\n        font-family: inherit;\n        vertical-align: baseline;\n    }\n\n    hyphens: auto;\n    ","\n\n    /* @media "," {\n        hyphens: none;\n    } */\n\n    a {\n        color: ",";\n        text-transform: ",";\n        text-decoration: ",";\n\n        transition: color 0.2s ease-in-out;\n        outline: none;\n\n        @media (hover: hover) and (pointer: fine) {\n            &:hover {\n                color: ",";\n            }\n        }\n\n        &:focus {\n            outline: 1px dashed\n                ",";\n            outline-offset: 1px;\n        }\n\n        &:focus:not(:focus-visible) {\n            outline: none;\n        }\n    }\n\n    & > p {\n        margin-right: 0;\n        margin-left: 0;\n        padding: 0;\n    }\n\n    ",";\n\n    h2 {\n        ","\n    }\n\n    h3 {\n        ","\n    }\n\n    h4 {\n        ","\n    }\n\n    h5 {\n        ","\n    }\n\n    h2,\n    h3,\n    h4,\n    h5 {\n        margin-top: ","px;\n        margin-bottom: ","px;\n    }\n\n    h2 {\n        margin-bottom: ","px;\n    }\n\n    *:not(h2, h3, h4, h5) + h2,\n    *:not(h2, h3, h4, h5) + h3,\n    *:not(h2, h3, h4, h5) + h4,\n    *:not(h2, h3, h4, h5) + h5 {\n        margin-top: ","px;\n    }\n\n    *:is(h3, h4, h5) + h2 {\n        margin-top: -","px;\n    }\n\n    p,\n    blockquote,\n    ol,\n    ul {\n        margin-top: ","px;\n        margin-bottom: ","px;\n    }\n\n    ol,\n    ul {\n        padding-left: ","px;\n    }\n\n    li {\n        & > * {\n            vertical-align: top;\n        }\n    }\n\n    ul ul li {\n        list-style-type: disc;\n    }\n\n    ol ol li {\n        list-style-type: lower-latin;\n    }\n\n    ol ol ol li {\n        list-style-type: lower-roman;\n    }\n\n    // classes for richtext\n    a {\n        display: inline-block;\n    }\n\n    a[href] + br + a[href] {\n        margin-top: ","px;\n    }\n\n    /** add icons to anchor tags with matching href value */\n    ","\n\n    /** DOM element with icon and/or label */\n    .icon-label {\n        display: inline-flex;\n        align-items: center;\n        margin: 0;\n        ","\n        vertical-align: middle;\n\n        & > a:after {\n            content: none;\n        }\n\n        & > * + * {\n            margin-left: ","px;\n        }\n\n        svg {\n            max-width: 30px;\n            fill: currentColor;\n        }\n    }\n\n    .icon-label--big {\n        ","\n    }\n\n    .icon-label--list {\n        display: flex;\n        align-items: center;\n        margin: 0;\n        padding: 0;\n    }\n\n    .icon-label--list + .icon-label--list {\n        margin-top: ","px;\n    }\n\n    *:first-child {\n        margin-top: 0;\n    }\n\n    *:last-child {\n        margin-bottom: 0;\n    }\n"],["\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        outline: 0;\n        font-weight: inherit;\n        font-style: inherit;\n        font-size: 100%;\n        font-family: inherit;\n        vertical-align: baseline;\n    }\n\n    hyphens: auto;\n    ","\n\n    /* @media "," {\n        hyphens: none;\n    } */\n\n    a {\n        color: ",";\n        text-transform: ",";\n        text-decoration: ",";\n\n        transition: color 0.2s ease-in-out;\n        outline: none;\n\n        @media (hover: hover) and (pointer: fine) {\n            &:hover {\n                color: ",";\n            }\n        }\n\n        &:focus {\n            outline: 1px dashed\n                ",";\n            outline-offset: 1px;\n        }\n\n        &:focus:not(:focus-visible) {\n            outline: none;\n        }\n    }\n\n    & > p {\n        margin-right: 0;\n        margin-left: 0;\n        padding: 0;\n    }\n\n    ",";\n\n    h2 {\n        ","\n    }\n\n    h3 {\n        ","\n    }\n\n    h4 {\n        ","\n    }\n\n    h5 {\n        ","\n    }\n\n    h2,\n    h3,\n    h4,\n    h5 {\n        margin-top: ","px;\n        margin-bottom: ","px;\n    }\n\n    h2 {\n        margin-bottom: ","px;\n    }\n\n    *:not(h2, h3, h4, h5) + h2,\n    *:not(h2, h3, h4, h5) + h3,\n    *:not(h2, h3, h4, h5) + h4,\n    *:not(h2, h3, h4, h5) + h5 {\n        margin-top: ","px;\n    }\n\n    *:is(h3, h4, h5) + h2 {\n        margin-top: -","px;\n    }\n\n    p,\n    blockquote,\n    ol,\n    ul {\n        margin-top: ","px;\n        margin-bottom: ","px;\n    }\n\n    ol,\n    ul {\n        padding-left: ","px;\n    }\n\n    li {\n        & > * {\n            vertical-align: top;\n        }\n    }\n\n    ul ul li {\n        list-style-type: disc;\n    }\n\n    ol ol li {\n        list-style-type: lower-latin;\n    }\n\n    ol ol ol li {\n        list-style-type: lower-roman;\n    }\n\n    // classes for richtext\n    a {\n        display: inline-block;\n    }\n\n    a[href] + br + a[href] {\n        margin-top: ","px;\n    }\n\n    /** add icons to anchor tags with matching href value */\n    ","\n\n    /** DOM element with icon and/or label */\n    .icon-label {\n        display: inline-flex;\n        align-items: center;\n        margin: 0;\n        ","\n        vertical-align: middle;\n\n        & > a:after {\n            content: none;\n        }\n\n        & > * + * {\n            margin-left: ","px;\n        }\n\n        svg {\n            max-width: 30px;\n            fill: currentColor;\n        }\n    }\n\n    .icon-label--big {\n        ","\n    }\n\n    .icon-label--list {\n        display: flex;\n        align-items: center;\n        margin: 0;\n        padding: 0;\n    }\n\n    .icon-label--list + .icon-label--list {\n        margin-top: ","px;\n    }\n\n    *:first-child {\n        margin-top: 0;\n    }\n\n    *:last-child {\n        margin-bottom: 0;\n    }\n"])),(function(n){var e=n.textColor,t=n.textGradient;return r.styleTextColor(e,t)}),r.mq.medium,(function(n){var e=n.theme;return n.isInverted?r.getFonts(e).link.colorInverted:r.getFonts(e).link.color}),(function(n){var e=n.theme;return r.getFonts(e).link.textTransform}),(function(n){var e=n.theme;return r.getFonts(e).link.textDecoration}),(function(n){var e=n.theme;return n.isInverted?r.getFonts(e).link.colorHoverInverted:r.getFonts(e).link.colorHover}),(function(n){var e=n.theme;return n.isInverted?r.getFonts(e).link.colorInverted:r.getFonts(e).link.color}),(function(e){return e.columns&&t.css(y||(y=n.__makeTemplateObject(["\n            columns: 350px 2;\n            column-gap: ","px;\n\n            li {\n                break-inside: avoid;\n            }\n\n            blockquote {\n                break-inside: avoid;\n            }\n        "],["\n            columns: 350px 2;\n            column-gap: ","px;\n\n            li {\n                break-inside: avoid;\n            }\n\n            blockquote {\n                break-inside: avoid;\n            }\n        "])),r.spacings.spacer)}),u("heading-2"),u("heading-3"),u("heading-4"),u("super"),3*r.spacings.nudge,3*r.spacings.nudge,r.spacings.spacer,5*r.spacings.nudge,1.5*r.spacings.nudge,3*r.spacings.nudge,3*r.spacings.nudge,3*r.spacings.nudge,2*r.spacings.nudge,(function(e){var o=e.theme,a=e.isInverted,l=e.copyType,s=e.size;return e.allowLinkIcons?r.getGlobals(o).icons.linkIcons.map((function(e){var o,r,c,h=parseInt(e.iconChar),d=e.iconFont,m=null===(r=(o=e).iconUrl)||void 0===r?void 0:r.call(o,a),g=i.clampValue((null===(c=e.scale)||void 0===c?void 0:c.call(e,{type:l,size:s}))||1,0),p=e.patterns,u=!!h&&!!d,f=!(!h||isNaN(h)),v=e.vAlign||(u?"text-top":"top"),x=e.isExternal?'[target="_blank"]':"",y=p.filter((function(n){return n})).map((function(n){return"a[href*='".concat(n,"']").concat(x)})).join(", ")||"a".concat(x),k=p.filter((function(n){return n})).map((function(n){return"a[href*='".concat(n,"']").concat(x,":after")})).join(", ")||"a".concat(x,":after"),w="";return(h||m)&&(w=f?'"'.concat(String.fromCharCode(h),'"'):'url("'.concat(m,'")')),y&&k?t.css(b||(b=n.__makeTemplateObject(["\n                      "," {\n                          display: inline-block;\n                          position: relative;\n                      }\n\n                      "," {\n                          content: ",";\n\n                          display: inline-block;\n                          font-family: "," !important;\n                          font-size: ",";\n                          font-style: normal;\n                          font-weight: normal !important;\n                          font-variant: normal;\n                          text-transform: none;\n                          text-decoration: none;\n                          vertical-align: ",";\n                          line-height: 1;\n                          -webkit-font-smoothing: antialiased;\n                          -moz-osx-font-smoothing: grayscale;\n\n                          transform: ",";\n\n                          max-height: ",";\n                          margin-left: 0.3em;\n                          margin-right: 0.1em;\n                      }\n                  "],["\n                      "," {\n                          display: inline-block;\n                          position: relative;\n                      }\n\n                      "," {\n                          content: ",";\n\n                          display: inline-block;\n                          font-family: "," !important;\n                          font-size: ",";\n                          font-style: normal;\n                          font-weight: normal !important;\n                          font-variant: normal;\n                          text-transform: none;\n                          text-decoration: none;\n                          vertical-align: ",";\n                          line-height: 1;\n                          -webkit-font-smoothing: antialiased;\n                          -moz-osx-font-smoothing: grayscale;\n\n                          transform: ",";\n\n                          max-height: ",";\n                          margin-left: 0.3em;\n                          margin-right: 0.1em;\n                      }\n                  "])),y,k,w||void 0,d||"inherit",u&&"".concat(g,"em"),v,!d&&m?"scale(".concat(g,")"):void 0,!u&&"1em"):""})):""}),_("copy","medium"),2*r.spacings.nudge,_("copy","big"),2*r.spacings.nudge),F=g.default.div.withConfig({displayName:"Copy__View",componentId:"sc-15rk6xr-0"})(w||(w=n.__makeTemplateObject(["\n    ","\n    ","\n"],["\n    ","\n    ","\n"])),T,(function(n){var e=n.copyType,t=n.size;return _(e,t)})),I=function(e){var t,i=e.renderAs,r=e.isInverted,a=e.type,l=void 0===a?"copy":a,s=e.size,c=void 0===s?"medium":s,h=e.textColor,d=e.textGradient,g=e.columns,p=void 0!==g&&g,u=e.innerHTML,f=e.allowLinkIcons,v=void 0===f||f,x=e.onClick,y=e.className,b=e.children,k=n.__rest(e,["renderAs","isInverted","type","size","textColor","textGradient","columns","innerHTML","allowLinkIcons","onClick","className","children"]),w=o.useLibTheme().fonts,_=null===(t=null==w?void 0:w[l])||void 0===t?void 0:t[c];return m.createElement(F,n.__assign({as:i,copyType:l,size:c,textColor:h||(r?_.colorInverted:_.color),textGradient:d||(h?void 0:r?_.colorGradientInverted:_.colorGradient),isInverted:r,columns:p,allowLinkIcons:v,dangerouslySetInnerHTML:u&&!b?{__html:u}:void 0,onClick:x,className:y},k),b)};I.defaultProps={type:"copy",size:"medium"},exports.Copy=I,exports.Heading=v,exports.copyStyle=_;
+//# sourceMappingURL=Copy-b579f268.js.map

package/cjs/{Copy-ea6ab025.js.map → Copy-b579f268.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Copy-ea6ab025.js","sources":["../src/components/typography/Heading.tsx","../src/components/typography/Copy.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled, { css } from 'styled-components';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport {\n    styleTextColor,\n    FontType,\n    getFonts as font,\n    mq,\n    withRange,\n    FontProps,\n} from 'utils/styles';\n\ntype HeadingType = Extract<\n    FontType,\n    'heading-1' | 'heading-2' | 'heading-3' | 'heading-4' | 'super'\n>;\n\nconst base = css<{\n    hyphens?: boolean;\n    hasShadow?: boolean;\n    textColor?: string;\n    textGradient?: string;\n}>`\n    display: block;\n    margin: 0;\n    padding: 0;\n    ${({ textColor, textGradient }) => styleTextColor(textColor, textGradient)}\n\n    hyphens: auto;\n    /* overflow-wrap: break-word; */\n    width: 100%;\n\n    ${(props: { hyphens?: boolean }) =>\n        !props.hyphens &&\n        css`\n            @media ${mq.large} {\n                hyphens: none;\n            }\n        `}\n\n    text-shadow: ${({ hasShadow }) =>\n        hasShadow && '1px 2px 8px rgba(0, 0, 0, 0.25)'};\n\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        outline: 0;\n        font-weight: inherit;\n        font-style: inherit;\n        font-size: 100%;\n        font-family: inherit;\n        vertical-align: baseline;\n    }\n`;\n\nexport const headingStyle = (type: HeadingType) => css`\n    ${base};\n    font-family: ${({ theme }) => (font(theme)[type] as FontProps).family};\n    font-weight: ${({ theme }) => (font(theme)[type] as FontProps).weight};\n    font-style: ${({ theme }) => (font(theme)[type] as FontProps).style};\n    ${({ theme }) =>\n        withRange((font(theme)[type] as FontProps).size, 'font-size')}\n    line-height: ${({ theme }) => (font(theme)[type] as FontProps).lineHeight};\n    letter-spacing: ${({ theme }) =>\n        (font(theme)[type] as FontProps).letterSpacing};\n    text-transform: ${({ theme }) =>\n        (font(theme)[type] as FontProps).textTransform};\n    text-decoration: ${({ theme }) =>\n        (font(theme)[type] as FontProps).textDecoration};\n`;\n\nconst View = styled.h1<{\n    hyphens?: boolean;\n    hasShadow?: boolean;\n    textColor?: string;\n    textGradient?: string;\n    headingType: HeadingType;\n}>`\n    ${({ headingType }) => headingStyle(headingType)}\n`;\n\nexport type HeadlineTag =\n    | 'h1'\n    | 'h2'\n    | 'h3'\n    | 'h4'\n    | 'h5'\n    | 'h6'\n    | 'span'\n    | 'div'\n    | 'blockquote';\n\nconst Heading: React.FC<{\n    renderAs?: HeadlineTag;\n    isInverted?: boolean;\n    size?: HeadingType;\n    textColor?: string;\n    textGradient?: string;\n    hyphens?: boolean;\n    hasShadow?: boolean;\n    innerHTML?: string;\n\n    className?: string;\n    children?: React.ReactNode;\n}> = ({\n    renderAs,\n    isInverted,\n    className,\n    size = 'heading-2',\n    textColor,\n    textGradient,\n    hyphens = false,\n    hasShadow = false,\n    innerHTML,\n    children,\n    ...rest\n}) => {\n    const { fonts } = useLibTheme();\n    let tag: HeadlineTag = 'h2';\n\n    switch (size) {\n        default:\n        case 'heading-1':\n            tag = 'h1';\n            break;\n        case 'heading-2':\n            tag = 'h2';\n            break;\n        case 'heading-3':\n            tag = 'h3';\n            break;\n        case 'heading-4':\n            tag = 'h4';\n            break;\n        case 'super':\n            tag = 'div';\n            break;\n    }\n\n    // get font settings from global context\n    const fontSettings = fonts?.[size] as FontProps;\n\n    return (\n        <View\n            as={renderAs || tag}\n            headingType={size}\n            textColor={\n                textColor ||\n                (isInverted ? fontSettings.colorInverted : fontSettings.color)\n            }\n            textGradient={\n                textGradient ||\n                (!textColor\n                    ? isInverted\n                        ? fontSettings.colorGradientInverted\n                        : fontSettings.colorGradient\n                    : undefined)\n            }\n            hyphens={hyphens}\n            hasShadow={hasShadow}\n            dangerouslySetInnerHTML={\n                innerHTML && !children ? { __html: innerHTML } : undefined\n            }\n            className={className}\n            {...rest}\n        >\n            {children}\n        </View>\n    );\n};\n\nHeading.defaultProps = {\n    renderAs: 'h2',\n    size: 'heading-2',\n};\n\nexport default Heading;\n","import * as React from 'react';\nimport styled, { css } from 'styled-components';\nimport { clampValue } from 'utils/clamp';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport {\n    FontType,\n    mq,\n    spacings,\n    withRange,\n    FontOptionType,\n    getFonts as font,\n    getGlobals as global,\n    styleTextColor,\n    FontOptions,\n    LinkUrlIcon,\n    LinkFontIcon,\n} from 'utils/styles';\nimport { headingStyle } from './Heading';\n\nexport type CopyType = Extract<FontType, 'copy-b' | 'copy-i' | 'copy'>;\n\nexport const copyStyle = (\n    type: CopyType,\n    size: keyof FontOptions = 'medium'\n) => css`\n    font-family: ${({ theme }) => font(theme)[type][size].family};\n    font-weight: ${({ theme }) => font(theme)[type][size].weight};\n    font-style: ${({ theme }) => font(theme)[type][size].style};\n    ${({ theme }) => withRange(font(theme)[type][size].size, 'font-size')}\n    line-height: ${({ theme }) => font(theme)[type][size].lineHeight};\n    letter-spacing: ${({ theme }) => font(theme)[type][size].letterSpacing};\n    text-transform: ${({ theme }) => font(theme)[type][size].textTransform};\n    text-decoration: ${({ theme }) => font(theme)[type][size].textDecoration};\n`;\n\nconst base = css<{\n    textColor?: string;\n    textGradient?: string;\n    columns?: boolean;\n    isInverted?: boolean;\n    copyType: CopyType;\n    size: FontOptionType;\n    allowLinkIcons?: boolean;\n}>`\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        outline: 0;\n        font-weight: inherit;\n        font-style: inherit;\n        font-size: 100%;\n        font-family: inherit;\n        vertical-align: baseline;\n    }\n\n    hyphens: auto;\n    ${({ textColor, textGradient }) => styleTextColor(textColor, textGradient)}\n\n    /* @media ${mq.medium} {\n        hyphens: none;\n    } */\n\n    a {\n        color: ${({ theme, isInverted }) =>\n            isInverted\n                ? font(theme).link.colorInverted\n                : 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        outline: none;\n\n        @media (hover: hover) and (pointer: fine) {\n            &:hover {\n                color: ${({ theme, isInverted }) =>\n                    isInverted\n                        ? font(theme).link.colorHoverInverted\n                        : font(theme).link.colorHover};\n            }\n        }\n\n        &:focus {\n            outline: 1px dashed\n                ${({ theme, isInverted }) =>\n                    isInverted\n                        ? font(theme).link.colorInverted\n                        : font(theme).link.color};\n            outline-offset: 1px;\n        }\n\n        &:focus:not(:focus-visible) {\n            outline: none;\n        }\n    }\n\n    & > p {\n        margin-right: 0;\n        margin-left: 0;\n        padding: 0;\n    }\n\n    ${({ columns }) =>\n        columns &&\n        css`\n            columns: 350px 2;\n            column-gap: ${spacings.spacer}px;\n\n            li {\n                break-inside: avoid;\n            }\n\n            blockquote {\n                break-inside: avoid;\n            }\n        `};\n\n    h2 {\n        ${headingStyle('heading-2')}\n    }\n\n    h3 {\n        ${headingStyle('heading-3')}\n    }\n\n    h4 {\n        ${headingStyle('heading-4')}\n    }\n\n    h5 {\n        ${headingStyle('super')}\n    }\n\n    h2,\n    h3,\n    h4,\n    h5 {\n        margin-top: ${spacings.nudge * 3}px;\n        margin-bottom: ${spacings.nudge * 3}px;\n    }\n\n    h2 {\n        margin-bottom: ${spacings.spacer}px;\n    }\n\n    *:not(h2, h3, h4, h5) + h2,\n    *:not(h2, h3, h4, h5) + h3,\n    *:not(h2, h3, h4, h5) + h4,\n    *:not(h2, h3, h4, h5) + h5 {\n        margin-top: ${spacings.nudge * 5}px;\n    }\n\n    *:is(h3, h4, h5) + h2 {\n        margin-top: -${spacings.nudge * 1.5}px;\n    }\n\n    p,\n    blockquote,\n    ol,\n    ul {\n        margin-top: ${spacings.nudge * 3}px;\n        margin-bottom: ${spacings.nudge * 3}px;\n    }\n\n    ol,\n    ul {\n        padding-left: ${spacings.nudge * 3}px;\n    }\n\n    li {\n        & > * {\n            vertical-align: top;\n        }\n    }\n\n    ul ul li {\n        list-style-type: disc;\n    }\n\n    ol ol li {\n        list-style-type: lower-latin;\n    }\n\n    ol ol ol li {\n        list-style-type: lower-roman;\n    }\n\n    // classes for richtext\n    a {\n        display: inline-block;\n    }\n\n    a[href] + br + a[href] {\n        margin-top: ${spacings.nudge * 2}px;\n    }\n\n    /** add icons to anchor tags with matching href value */\n    ${({ theme, isInverted, copyType, size, allowLinkIcons }) => {\n        if (!allowLinkIcons) return '';\n        return global(theme).icons.linkIcons.map((item) => {\n            const iconChar = parseInt((item as LinkFontIcon).iconChar);\n            const iconFont = (item as LinkFontIcon).iconFont;\n            const iconUrl = (item as LinkUrlIcon).iconUrl?.(isInverted);\n            const iconScale = clampValue(\n                item.scale?.({ type: copyType, size }) || 1,\n                0\n            );\n            const patterns = item.patterns;\n            const isFontIcon = !!iconChar && !!iconFont;\n            const isValidIconChar = iconChar && !isNaN(iconChar) ? true : false;\n            const vAlign = item.vAlign || (isFontIcon ? 'text-top' : 'top');\n\n            const externalFilter = item.isExternal ? '[target=\"_blank\"]' : '';\n\n            const selectors =\n                patterns\n                    .filter((p) => p)\n                    .map((p) => `a[href*='${p}']${externalFilter}`)\n                    .join(', ') || `a${externalFilter}`;\n            const pseudoSelectors =\n                patterns\n                    .filter((p) => p)\n                    .map((p) => `a[href*='${p}']${externalFilter}:after`)\n                    .join(', ') || `a${externalFilter}:after`;\n\n            let content = '';\n            if (iconChar || iconUrl) {\n                content = isValidIconChar\n                    ? `\"${String.fromCharCode(iconChar)}\"`\n                    : `url(\"${iconUrl}\")`;\n            }\n\n            return selectors && pseudoSelectors\n                ? css`\n                      ${selectors} {\n                          display: inline-block;\n                          position: relative;\n                      }\n\n                      ${pseudoSelectors} {\n                          content: ${content || undefined};\n\n                          display: inline-block;\n                          font-family: ${iconFont || 'inherit'} !important;\n                          font-size: ${isFontIcon && `${iconScale}em`};\n                          font-style: normal;\n                          font-weight: normal !important;\n                          font-variant: normal;\n                          text-transform: none;\n                          text-decoration: none;\n                          vertical-align: ${vAlign};\n                          line-height: 1;\n                          -webkit-font-smoothing: antialiased;\n                          -moz-osx-font-smoothing: grayscale;\n\n                          transform: ${!iconFont && iconUrl\n                              ? `scale(${iconScale})`\n                              : undefined};\n\n                          max-height: ${!isFontIcon && '1em'};\n                          margin-left: 0.3em;\n                          margin-right: 0.1em;\n                      }\n                  `\n                : '';\n        });\n    }}\n\n    /** DOM element with icon and/or label */\n    .icon-label {\n        display: inline-flex;\n        align-items: center;\n        margin: 0;\n        ${copyStyle('copy', 'medium')}\n        vertical-align: middle;\n\n        & > a:after {\n            content: none;\n        }\n\n        & > * + * {\n            margin-left: ${spacings.nudge * 2}px;\n        }\n\n        svg {\n            max-width: 30px;\n            fill: currentColor;\n        }\n    }\n\n    .icon-label--big {\n        ${copyStyle('copy', 'big')}\n    }\n\n    .icon-label--list {\n        display: flex;\n        align-items: center;\n        margin: 0;\n        padding: 0;\n    }\n\n    .icon-label--list + .icon-label--list {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n\n    *:first-child {\n        margin-top: 0;\n    }\n\n    *:last-child {\n        margin-bottom: 0;\n    }\n`;\n\nconst View = styled.div<{\n    copyType: CopyType;\n    size: FontOptionType;\n    textColor?: string;\n    textGradient?: string;\n    isInverted?: boolean;\n    columns?: boolean;\n    allowLinkIcons?: boolean;\n}>`\n    ${base}\n    ${({ copyType, size }) => copyStyle(copyType, size)}\n`;\n\nexport type CopyTag =\n    | 'label'\n    | 'span'\n    | 'div'\n    | 'legend'\n    | 'th'\n    | 'td'\n    | 'li'\n    | 'p'\n    | 'caption'\n    | 'figcaption';\n\nconst Copy: React.FC<{\n    renderAs?: CopyTag;\n    isInverted?: boolean;\n    textColor?: string;\n    textGradient?: string;\n    type?: CopyType;\n    size?: FontOptionType;\n    columns?: boolean;\n    innerHTML?: string;\n    allowLinkIcons?: boolean;\n    onClick?: (ev: React.SyntheticEvent<HTMLElement>) => void;\n    className?: string;\n    children?: React.ReactNode;\n}> = ({\n    renderAs,\n    isInverted,\n    type = 'copy',\n    size = 'medium',\n    textColor,\n    textGradient,\n    columns = false,\n    innerHTML,\n    allowLinkIcons = true,\n    onClick,\n    className,\n    children,\n    ...rest\n}) => {\n    const { fonts } = useLibTheme();\n    const fontSettings = fonts?.[type]?.[size];\n\n    return (\n        <View\n            as={renderAs}\n            copyType={type}\n            size={size}\n            textColor={\n                textColor ||\n                (isInverted ? fontSettings.colorInverted : fontSettings.color)\n            }\n            textGradient={\n                textGradient ||\n                (!textColor\n                    ? isInverted\n                        ? fontSettings.colorGradientInverted\n                        : fontSettings.colorGradient\n                    : undefined)\n            }\n            isInverted={isInverted}\n            columns={columns}\n            allowLinkIcons={allowLinkIcons}\n            dangerouslySetInnerHTML={\n                innerHTML && !children ? { __html: innerHTML } : undefined\n            }\n            onClick={onClick}\n            className={className}\n            {...rest}\n        >\n            {children}\n        </View>\n    );\n};\n\nCopy.defaultProps = { type: 'copy', size: 'medium' };\n\nexport default Copy;\n"],"names":["base","css","templateObject_2","__makeTemplateObject","_a","textColor","textGradient","styleTextColor","props","hyphens","templateObject_1","mq","large","hasShadow","headingStyle","type","templateObject_3","theme","font","getFonts","family","weight","style","withRange","size","lineHeight","letterSpacing","textTransform","textDecoration","View","styled","h1","withConfig","displayName","componentId","templateObject_4","headingType","Heading","renderAs","isInverted","className","_b","_c","_d","innerHTML","children","rest","__rest","fonts","useLibTheme","tag","fontSettings","React","createElement","__assign","as","colorInverted","color","undefined","colorGradientInverted","colorGradient","dangerouslySetInnerHTML","__html","defaultProps","copyStyle","medium","link","colorHoverInverted","colorHover","columns","spacings","spacer","nudge","copyType","allowLinkIcons","global","icons","linkIcons","map","item","iconChar","parseInt","iconFont","iconUrl","call","iconScale","clampValue","scale","patterns","isFontIcon","isValidIconChar","isNaN","vAlign","externalFilter","isExternal","selectors","filter","p","concat","join","pseudoSelectors","content","String","fromCharCode","div","templateObject_5","Copy","_e","_f","onClick"],"mappings":"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"}
+{"version":3,"file":"Copy-b579f268.js","sources":["../src/components/typography/Heading.tsx","../src/components/typography/Copy.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled, { css } from 'styled-components';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport {\n    styleTextColor,\n    FontType,\n    getFonts as font,\n    mq,\n    withRange,\n    FontProps,\n} from 'utils/styles';\n\ntype HeadingType = Extract<\n    FontType,\n    'heading-1' | 'heading-2' | 'heading-3' | 'heading-4' | 'super'\n>;\n\nconst base = css<{\n    hyphens?: boolean;\n    hasShadow?: boolean;\n    textColor?: string;\n    textGradient?: string;\n}>`\n    display: block;\n    margin: 0;\n    padding: 0;\n    ${({ textColor, textGradient }) => styleTextColor(textColor, textGradient)}\n\n    hyphens: auto;\n    /* overflow-wrap: break-word; */\n    width: 100%;\n\n    ${(props: { hyphens?: boolean }) =>\n        !props.hyphens &&\n        css`\n            @media ${mq.large} {\n                hyphens: none;\n            }\n        `}\n\n    text-shadow: ${({ hasShadow }) =>\n        hasShadow && '1px 2px 8px rgba(0, 0, 0, 0.25)'};\n\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        outline: 0;\n        font-weight: inherit;\n        font-style: inherit;\n        font-size: 100%;\n        font-family: inherit;\n        vertical-align: baseline;\n    }\n`;\n\nexport const headingStyle = (type: HeadingType) => css`\n    ${base};\n    font-family: ${({ theme }) => (font(theme)[type] as FontProps).family};\n    font-weight: ${({ theme }) => (font(theme)[type] as FontProps).weight};\n    font-style: ${({ theme }) => (font(theme)[type] as FontProps).style};\n    ${({ theme }) =>\n        withRange((font(theme)[type] as FontProps).size, 'font-size')}\n    line-height: ${({ theme }) => (font(theme)[type] as FontProps).lineHeight};\n    letter-spacing: ${({ theme }) =>\n        (font(theme)[type] as FontProps).letterSpacing};\n    text-transform: ${({ theme }) =>\n        (font(theme)[type] as FontProps).textTransform};\n    text-decoration: ${({ theme }) =>\n        (font(theme)[type] as FontProps).textDecoration};\n`;\n\nconst View = styled.h1<{\n    hyphens?: boolean;\n    hasShadow?: boolean;\n    textColor?: string;\n    textGradient?: string;\n    headingType: HeadingType;\n}>`\n    ${({ headingType }) => headingStyle(headingType)}\n`;\n\nexport type HeadlineTag =\n    | 'h1'\n    | 'h2'\n    | 'h3'\n    | 'h4'\n    | 'h5'\n    | 'h6'\n    | 'span'\n    | 'div'\n    | 'blockquote';\n\nconst Heading: React.FC<{\n    renderAs?: HeadlineTag;\n    isInverted?: boolean;\n    size?: HeadingType;\n    textColor?: string;\n    textGradient?: string;\n    hyphens?: boolean;\n    hasShadow?: boolean;\n    innerHTML?: string;\n\n    className?: string;\n    children?: React.ReactNode;\n}> = ({\n    renderAs,\n    isInverted,\n    className,\n    size = 'heading-2',\n    textColor,\n    textGradient,\n    hyphens = false,\n    hasShadow = false,\n    innerHTML,\n    children,\n    ...rest\n}) => {\n    const { fonts } = useLibTheme();\n    let tag: HeadlineTag = 'h2';\n\n    switch (size) {\n        default:\n        case 'heading-1':\n            tag = 'h1';\n            break;\n        case 'heading-2':\n            tag = 'h2';\n            break;\n        case 'heading-3':\n            tag = 'h3';\n            break;\n        case 'heading-4':\n            tag = 'h4';\n            break;\n        case 'super':\n            tag = 'div';\n            break;\n    }\n\n    // get font settings from global context\n    const fontSettings = fonts?.[size] as FontProps;\n\n    return (\n        <View\n            as={renderAs || tag}\n            headingType={size}\n            textColor={\n                textColor ||\n                (isInverted ? fontSettings.colorInverted : fontSettings.color)\n            }\n            textGradient={\n                textGradient ||\n                (!textColor\n                    ? isInverted\n                        ? fontSettings.colorGradientInverted\n                        : fontSettings.colorGradient\n                    : undefined)\n            }\n            hyphens={hyphens}\n            hasShadow={hasShadow}\n            dangerouslySetInnerHTML={\n                innerHTML && !children ? { __html: innerHTML } : undefined\n            }\n            className={className}\n            {...rest}\n        >\n            {children}\n        </View>\n    );\n};\n\nHeading.defaultProps = {\n    renderAs: 'h2',\n    size: 'heading-2',\n};\n\nexport default Heading;\n","import * as React from 'react';\nimport styled, { css } from 'styled-components';\nimport { clampValue } from 'utils/clamp';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport {\n    FontType,\n    mq,\n    spacings,\n    withRange,\n    FontOptionType,\n    getFonts as font,\n    getGlobals as global,\n    styleTextColor,\n    FontOptions,\n    LinkUrlIcon,\n    LinkFontIcon,\n} from 'utils/styles';\nimport { headingStyle } from './Heading';\n\nexport type CopyType = Extract<FontType, 'copy-b' | 'copy-i' | 'copy'>;\n\nexport const copyStyle = (\n    type: CopyType,\n    size: keyof FontOptions = 'medium'\n) => css`\n    font-family: ${({ theme }) => font(theme)[type][size].family};\n    font-weight: ${({ theme }) => font(theme)[type][size].weight};\n    font-style: ${({ theme }) => font(theme)[type][size].style};\n    ${({ theme }) => withRange(font(theme)[type][size].size, 'font-size')}\n    line-height: ${({ theme }) => font(theme)[type][size].lineHeight};\n    letter-spacing: ${({ theme }) => font(theme)[type][size].letterSpacing};\n    text-transform: ${({ theme }) => font(theme)[type][size].textTransform};\n    text-decoration: ${({ theme }) => font(theme)[type][size].textDecoration};\n`;\n\nconst base = css<{\n    textColor?: string;\n    textGradient?: string;\n    columns?: boolean;\n    isInverted?: boolean;\n    copyType: CopyType;\n    size: FontOptionType;\n    allowLinkIcons?: boolean;\n}>`\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        outline: 0;\n        font-weight: inherit;\n        font-style: inherit;\n        font-size: 100%;\n        font-family: inherit;\n        vertical-align: baseline;\n    }\n\n    hyphens: auto;\n    ${({ textColor, textGradient }) => styleTextColor(textColor, textGradient)}\n\n    /* @media ${mq.medium} {\n        hyphens: none;\n    } */\n\n    a {\n        color: ${({ theme, isInverted }) =>\n            isInverted\n                ? font(theme).link.colorInverted\n                : 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        outline: none;\n\n        @media (hover: hover) and (pointer: fine) {\n            &:hover {\n                color: ${({ theme, isInverted }) =>\n                    isInverted\n                        ? font(theme).link.colorHoverInverted\n                        : font(theme).link.colorHover};\n            }\n        }\n\n        &:focus {\n            outline: 1px dashed\n                ${({ theme, isInverted }) =>\n                    isInverted\n                        ? font(theme).link.colorInverted\n                        : font(theme).link.color};\n            outline-offset: 1px;\n        }\n\n        &:focus:not(:focus-visible) {\n            outline: none;\n        }\n    }\n\n    & > p {\n        margin-right: 0;\n        margin-left: 0;\n        padding: 0;\n    }\n\n    ${({ columns }) =>\n        columns &&\n        css`\n            columns: 350px 2;\n            column-gap: ${spacings.spacer}px;\n\n            li {\n                break-inside: avoid;\n            }\n\n            blockquote {\n                break-inside: avoid;\n            }\n        `};\n\n    h2 {\n        ${headingStyle('heading-2')}\n    }\n\n    h3 {\n        ${headingStyle('heading-3')}\n    }\n\n    h4 {\n        ${headingStyle('heading-4')}\n    }\n\n    h5 {\n        ${headingStyle('super')}\n    }\n\n    h2,\n    h3,\n    h4,\n    h5 {\n        margin-top: ${spacings.nudge * 3}px;\n        margin-bottom: ${spacings.nudge * 3}px;\n    }\n\n    h2 {\n        margin-bottom: ${spacings.spacer}px;\n    }\n\n    *:not(h2, h3, h4, h5) + h2,\n    *:not(h2, h3, h4, h5) + h3,\n    *:not(h2, h3, h4, h5) + h4,\n    *:not(h2, h3, h4, h5) + h5 {\n        margin-top: ${spacings.nudge * 5}px;\n    }\n\n    *:is(h3, h4, h5) + h2 {\n        margin-top: -${spacings.nudge * 1.5}px;\n    }\n\n    p,\n    blockquote,\n    ol,\n    ul {\n        margin-top: ${spacings.nudge * 3}px;\n        margin-bottom: ${spacings.nudge * 3}px;\n    }\n\n    ol,\n    ul {\n        padding-left: ${spacings.nudge * 3}px;\n    }\n\n    li {\n        & > * {\n            vertical-align: top;\n        }\n    }\n\n    ul ul li {\n        list-style-type: disc;\n    }\n\n    ol ol li {\n        list-style-type: lower-latin;\n    }\n\n    ol ol ol li {\n        list-style-type: lower-roman;\n    }\n\n    // classes for richtext\n    a {\n        display: inline-block;\n    }\n\n    a[href] + br + a[href] {\n        margin-top: ${spacings.nudge * 2}px;\n    }\n\n    /** add icons to anchor tags with matching href value */\n    ${({ theme, isInverted, copyType, size, allowLinkIcons }) => {\n        if (!allowLinkIcons) return '';\n        return global(theme).icons.linkIcons.map((item) => {\n            const iconChar = parseInt((item as LinkFontIcon).iconChar);\n            const iconFont = (item as LinkFontIcon).iconFont;\n            const iconUrl = (item as LinkUrlIcon).iconUrl?.(isInverted);\n            const iconScale = clampValue(\n                item.scale?.({ type: copyType, size }) || 1,\n                0\n            );\n            const patterns = item.patterns;\n            const isFontIcon = !!iconChar && !!iconFont;\n            const isValidIconChar = iconChar && !isNaN(iconChar) ? true : false;\n            const vAlign = item.vAlign || (isFontIcon ? 'text-top' : 'top');\n\n            const externalFilter = item.isExternal ? '[target=\"_blank\"]' : '';\n\n            const selectors =\n                patterns\n                    .filter((p) => p)\n                    .map((p) => `a[href*='${p}']${externalFilter}`)\n                    .join(', ') || `a${externalFilter}`;\n            const pseudoSelectors =\n                patterns\n                    .filter((p) => p)\n                    .map((p) => `a[href*='${p}']${externalFilter}:after`)\n                    .join(', ') || `a${externalFilter}:after`;\n\n            let content = '';\n            if (iconChar || iconUrl) {\n                content = isValidIconChar\n                    ? `\"${String.fromCharCode(iconChar)}\"`\n                    : `url(\"${iconUrl}\")`;\n            }\n\n            return selectors && pseudoSelectors\n                ? css`\n                      ${selectors} {\n                          display: inline-block;\n                          position: relative;\n                      }\n\n                      ${pseudoSelectors} {\n                          content: ${content || undefined};\n\n                          display: inline-block;\n                          font-family: ${iconFont || 'inherit'} !important;\n                          font-size: ${isFontIcon && `${iconScale}em`};\n                          font-style: normal;\n                          font-weight: normal !important;\n                          font-variant: normal;\n                          text-transform: none;\n                          text-decoration: none;\n                          vertical-align: ${vAlign};\n                          line-height: 1;\n                          -webkit-font-smoothing: antialiased;\n                          -moz-osx-font-smoothing: grayscale;\n\n                          transform: ${!iconFont && iconUrl\n                              ? `scale(${iconScale})`\n                              : undefined};\n\n                          max-height: ${!isFontIcon && '1em'};\n                          margin-left: 0.3em;\n                          margin-right: 0.1em;\n                      }\n                  `\n                : '';\n        });\n    }}\n\n    /** DOM element with icon and/or label */\n    .icon-label {\n        display: inline-flex;\n        align-items: center;\n        margin: 0;\n        ${copyStyle('copy', 'medium')}\n        vertical-align: middle;\n\n        & > a:after {\n            content: none;\n        }\n\n        & > * + * {\n            margin-left: ${spacings.nudge * 2}px;\n        }\n\n        svg {\n            max-width: 30px;\n            fill: currentColor;\n        }\n    }\n\n    .icon-label--big {\n        ${copyStyle('copy', 'big')}\n    }\n\n    .icon-label--list {\n        display: flex;\n        align-items: center;\n        margin: 0;\n        padding: 0;\n    }\n\n    .icon-label--list + .icon-label--list {\n        margin-top: ${spacings.nudge * 2}px;\n    }\n\n    *:first-child {\n        margin-top: 0;\n    }\n\n    *:last-child {\n        margin-bottom: 0;\n    }\n`;\n\nconst View = styled.div<{\n    copyType: CopyType;\n    size: FontOptionType;\n    textColor?: string;\n    textGradient?: string;\n    isInverted?: boolean;\n    columns?: boolean;\n    allowLinkIcons?: boolean;\n}>`\n    ${base}\n    ${({ copyType, size }) => copyStyle(copyType, size)}\n`;\n\nexport type CopyTag =\n    | 'label'\n    | 'span'\n    | 'div'\n    | 'legend'\n    | 'th'\n    | 'td'\n    | 'li'\n    | 'p'\n    | 'caption'\n    | 'figcaption';\n\nconst Copy: React.FC<{\n    renderAs?: CopyTag;\n    isInverted?: boolean;\n    textColor?: string;\n    textGradient?: string;\n    type?: CopyType;\n    size?: FontOptionType;\n    columns?: boolean;\n    innerHTML?: string;\n    allowLinkIcons?: boolean;\n    onClick?: (ev: React.SyntheticEvent<HTMLElement>) => void;\n    className?: string;\n    children?: React.ReactNode;\n}> = ({\n    renderAs,\n    isInverted,\n    type = 'copy',\n    size = 'medium',\n    textColor,\n    textGradient,\n    columns = false,\n    innerHTML,\n    allowLinkIcons = true,\n    onClick,\n    className,\n    children,\n    ...rest\n}) => {\n    const { fonts } = useLibTheme();\n    const fontSettings = fonts?.[type]?.[size];\n\n    return (\n        <View\n            as={renderAs}\n            copyType={type}\n            size={size}\n            textColor={\n                textColor ||\n                (isInverted ? fontSettings.colorInverted : fontSettings.color)\n            }\n            textGradient={\n                textGradient ||\n                (!textColor\n                    ? isInverted\n                        ? fontSettings.colorGradientInverted\n                        : fontSettings.colorGradient\n                    : undefined)\n            }\n            isInverted={isInverted}\n            columns={columns}\n            allowLinkIcons={allowLinkIcons}\n            dangerouslySetInnerHTML={\n                innerHTML && !children ? { __html: innerHTML } : undefined\n            }\n            onClick={onClick}\n            className={className}\n            {...rest}\n        >\n            {children}\n        </View>\n    );\n};\n\nCopy.defaultProps = { type: 'copy', size: 'medium' };\n\nexport default Copy;\n"],"names":["base","css","templateObject_2","__makeTemplateObject","_a","textColor","textGradient","styleTextColor","props","hyphens","templateObject_1","mq","large","hasShadow","headingStyle","type","templateObject_3","theme","font","getFonts","family","weight","style","withRange","size","lineHeight","letterSpacing","textTransform","textDecoration","View","styled","h1","withConfig","displayName","componentId","templateObject_4","headingType","Heading","renderAs","isInverted","className","_b","_c","_d","innerHTML","children","rest","__rest","fonts","useLibTheme","tag","fontSettings","React","createElement","__assign","as","colorInverted","color","undefined","colorGradientInverted","colorGradient","dangerouslySetInnerHTML","__html","defaultProps","copyStyle","medium","link","colorHoverInverted","colorHover","columns","spacings","spacer","nudge","copyType","allowLinkIcons","global","icons","linkIcons","map","item","iconChar","parseInt","iconFont","iconUrl","call","iconScale","clampValue","scale","patterns","isFontIcon","isValidIconChar","isNaN","vAlign","externalFilter","isExternal","selectors","filter","p","concat","join","pseudoSelectors","content","String","fromCharCode","div","templateObject_5","Copy","_e","_f","onClick"],"mappings":"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"}

package/cjs/{EventBlock-04e719a7.js → EventBlock-701e70fa.js}

@@ -1,2 +1,2 @@
-"use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),t=require("styled-components"),i=require("./Tag-9238cf0c.js"),a=require("./Copy-ea6ab025.js"),l=require("./styles-3a495a2d.js"),o=require("./statusFormatter-0393122b.js"),d=require("./LibThemeProvider-4823de57.js"),r=require("./Image-c72f7a80.js"),c=require("./Link-5a6f1633.js"),m=require("./arrays-c272ed59.js");function p(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var s,g,f,u,x,k,b,y,h,v=p(e),w=p(t),_=w.default.div.withConfig({displayName:"EventBlock__View",componentId:"sc-1nnq189-0"})(s||(s=n.__makeTemplateObject(["\n    text-decoration: none;\n    color: inherit;\n\n    background-color: ",";\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        display: flex;\n        justify-content: flex-end;\n        flex-direction: row-reverse;\n\n        & > * + * {\n            margin-top: 0;\n            padding-right: ","px;\n        }\n    }\n"],["\n    text-decoration: none;\n    color: inherit;\n\n    background-color: ",";\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        display: flex;\n        justify-content: flex-end;\n        flex-direction: row-reverse;\n\n        & > * + * {\n            margin-top: 0;\n            padding-right: ","px;\n        }\n    }\n"])),(function(n){var e=n.theme;return n.hasBg?l.getColors(e).elementBg.light:l.getColors(e).elementBg.medium}),l.spacings.nudge,l.mq.large,l.spacings.spacer),q=w.default(c.Link).withConfig({displayName:"EventBlock__ImageLink",componentId:"sc-1nnq189-1"})(g||(g=n.__makeTemplateObject(["\n    display: block;\n    margin-left: auto;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n\n    & > *:not(:first-child) {\n        display: none;\n    }\n\n    @media "," {\n        display: flex;\n        flex-direction: row;\n        align-items: flex-start;\n\n        flex: 0 0 50%;\n\n        & > *:not(:first-child),\n        & > *:not(:nth-child(2)) {\n            display: inline-block;\n        }\n    }\n\n    @media "," {\n        flex: 0 1 45%;\n        max-width: 430px;\n\n        & > *:not(:first-child) {\n            display: none;\n        }\n    }\n\n    @media "," {\n        flex: 0 1 30%;\n    }\n"],["\n    display: block;\n    margin-left: auto;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n\n    & > *:not(:first-child) {\n        display: none;\n    }\n\n    @media "," {\n        display: flex;\n        flex-direction: row;\n        align-items: flex-start;\n\n        flex: 0 0 50%;\n\n        & > *:not(:first-child),\n        & > *:not(:nth-child(2)) {\n            display: inline-block;\n        }\n    }\n\n    @media "," {\n        flex: 0 1 45%;\n        max-width: 430px;\n\n        & > *:not(:first-child) {\n            display: none;\n        }\n    }\n\n    @media "," {\n        flex: 0 1 30%;\n    }\n"])),l.spacings.nudge,l.mq.medium,l.mq.large,l.mq.xlarge),E=w.default(r.Image).withConfig({displayName:"EventBlock__CardImage",componentId:"sc-1nnq189-2"})(f||(f=n.__makeTemplateObject(["\n    height: 100%;\n\n    img {\n        width: calc(100% + 1px);\n    }\n\n    @media "," {\n        max-width: 50%;\n    }\n\n    @media "," {\n        max-width: 100%;\n    }\n"],["\n    height: 100%;\n\n    img {\n        width: calc(100% + 1px);\n    }\n\n    @media "," {\n        max-width: 50%;\n    }\n\n    @media "," {\n        max-width: 100%;\n    }\n"])),l.mq.medium,l.mq.large),T=w.default.div.withConfig({displayName:"EventBlock__MainContent",componentId:"sc-1nnq189-3"})(u||(u=n.__makeTemplateObject(["\n    flex: 0 1 70%;\n    padding: ","px;\n    padding-bottom: ","px;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        max-width: 830px;\n        padding: ","px;\n    }\n"],["\n    flex: 0 1 70%;\n    padding: ","px;\n    padding-bottom: ","px;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        max-width: 830px;\n        padding: ","px;\n    }\n"])),2*l.spacings.nudge,3*l.spacings.nudge,3*l.spacings.nudge,l.mq.large,3*l.spacings.nudge),j=w.default.div.withConfig({displayName:"EventBlock__TagContainer",componentId:"sc-1nnq189-4"})(x||(x=n.__makeTemplateObject(["\n    margin-top: -","px;\n    margin-left: -","px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n"],["\n    margin-top: -","px;\n    margin-left: -","px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n"])),l.spacings.nudge,l.spacings.nudge),C=w.default.div.withConfig({displayName:"EventBlock__TextWrapper",componentId:"sc-1nnq189-5"})(k||(k=n.__makeTemplateObject(["\n    & > * + * {\n        margin-top: ","px;\n    }\n"],["\n    & > * + * {\n        margin-top: ","px;\n    }\n"])),l.spacings.nudge),I=w.default.div.withConfig({displayName:"EventBlock__TagWrapper",componentId:"sc-1nnq189-6"})(b||(b=n.__makeTemplateObject(["\n    padding-top: ","px;\n    padding-left: ","px;\n"],["\n    padding-top: ","px;\n    padding-left: ","px;\n"])),l.spacings.nudge,l.spacings.nudge),B=w.default(c.Link).withConfig({displayName:"EventBlock__TitleLink",componentId:"sc-1nnq189-7"})(y||(y=n.__makeTemplateObject(["\n    display: inline-block;\n    ","\n\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n\n    color: ",";\n    text-decoration: none;\n"],["\n    display: inline-block;\n    ","\n\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n\n    color: ",";\n    text-decoration: none;\n"])),a.copyStyle("copy-b","big"),(function(n){var e=n.theme;return n.isInverted?l.getFonts(e)["copy-b"].big.colorInverted:l.getFonts(e)["copy-b"].big.color})),L=w.default(a.Copy).withConfig({displayName:"EventBlock__Text",componentId:"sc-1nnq189-8"})(h||(h=n.__makeTemplateObject(["\n    display: -webkit-box;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n"],["\n    display: -webkit-box;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n"])));exports.EventBlock=function(t){var l=t.customTag,r=t.onTagClick,c=t.title,p=t.images,s=t.date,g=t.text,f=t.link,u=t.tags,x=t.isInverted,k=t.action,b=t.hasBg,y=d.useLibTheme().globals,h="";s&&(h=new o.StatusFormatter(s.getTime(),"",y.sections.eventDateFormat(s),y.sections.eventTimeFormat(s),y.sections.eventLocaleKey).getFormattedDate());var w=function(n){return r?function(e){null==e||e.preventDefault(),r(n)}:void 0},N=e.useMemo((function(){return null==u?void 0:u.filter((function(n){return n.name}))}),[u]),O=e.useMemo((function(){var n;return null===(n=null==p?void 0:p.slice(0,2))||void 0===n?void 0:n.filter((function(n){return n.small}))}),[p]);return v.default.createElement(_,{hasBg:b},m.isValidArray(O,!1)&&v.default.createElement(q,n.__assign({},f),O.map((function(e,t){return v.default.createElement(E,n.__assign({},e,{key:t,coverSpace:!0,allowEdgeRadius:!0,isInverted:x,ratios:{small:{w:4,h:3}}}))}))),v.default.createElement(T,null,m.isValidArray(N,!1)&&v.default.createElement(j,null,N.map((function(n,e){return n&&v.default.createElement(I,{key:"tag_"+e},l?l({key:"tag_"+e,name:n.name||"",isActive:!1,link:n.link||{},clickHandler:w(n)}):v.default.createElement(i.Tag,{name:n.name,link:n.link,onClick:w(n)}))}))),c&&v.default.createElement(B,n.__assign({},f),c),v.default.createElement(C,null,s&&v.default.createElement(a.Copy,{size:"medium",type:"copy-b"},h),g&&v.default.createElement(L,{size:"small",innerHTML:g})),k&&v.default.createElement("div",null," ",k({isInverted:!1})," ")))};
-//# sourceMappingURL=EventBlock-04e719a7.js.map
+"use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),t=require("styled-components"),i=require("./Tag-d70327a2.js"),a=require("./Copy-b579f268.js"),l=require("./styles-3a495a2d.js"),o=require("./statusFormatter-0393122b.js"),d=require("./LibThemeProvider-4823de57.js"),r=require("./Image-b47c0c2d.js"),c=require("./Link-5a6f1633.js"),m=require("./arrays-c272ed59.js");function p(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var s,g,f,u,x,k,b,y,h,v=p(e),w=p(t),_=w.default.div.withConfig({displayName:"EventBlock__View",componentId:"sc-1nnq189-0"})(s||(s=n.__makeTemplateObject(["\n    text-decoration: none;\n    color: inherit;\n\n    background-color: ",";\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        display: flex;\n        justify-content: flex-end;\n        flex-direction: row-reverse;\n\n        & > * + * {\n            margin-top: 0;\n            padding-right: ","px;\n        }\n    }\n"],["\n    text-decoration: none;\n    color: inherit;\n\n    background-color: ",";\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        display: flex;\n        justify-content: flex-end;\n        flex-direction: row-reverse;\n\n        & > * + * {\n            margin-top: 0;\n            padding-right: ","px;\n        }\n    }\n"])),(function(n){var e=n.theme;return n.hasBg?l.getColors(e).elementBg.light:l.getColors(e).elementBg.medium}),l.spacings.nudge,l.mq.large,l.spacings.spacer),q=w.default(c.Link).withConfig({displayName:"EventBlock__ImageLink",componentId:"sc-1nnq189-1"})(g||(g=n.__makeTemplateObject(["\n    display: block;\n    margin-left: auto;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n\n    & > *:not(:first-child) {\n        display: none;\n    }\n\n    @media "," {\n        display: flex;\n        flex-direction: row;\n        align-items: flex-start;\n\n        flex: 0 0 50%;\n\n        & > *:not(:first-child),\n        & > *:not(:nth-child(2)) {\n            display: inline-block;\n        }\n    }\n\n    @media "," {\n        flex: 0 1 45%;\n        max-width: 430px;\n\n        & > *:not(:first-child) {\n            display: none;\n        }\n    }\n\n    @media "," {\n        flex: 0 1 30%;\n    }\n"],["\n    display: block;\n    margin-left: auto;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n\n    & > *:not(:first-child) {\n        display: none;\n    }\n\n    @media "," {\n        display: flex;\n        flex-direction: row;\n        align-items: flex-start;\n\n        flex: 0 0 50%;\n\n        & > *:not(:first-child),\n        & > *:not(:nth-child(2)) {\n            display: inline-block;\n        }\n    }\n\n    @media "," {\n        flex: 0 1 45%;\n        max-width: 430px;\n\n        & > *:not(:first-child) {\n            display: none;\n        }\n    }\n\n    @media "," {\n        flex: 0 1 30%;\n    }\n"])),l.spacings.nudge,l.mq.medium,l.mq.large,l.mq.xlarge),E=w.default(r.Image).withConfig({displayName:"EventBlock__CardImage",componentId:"sc-1nnq189-2"})(f||(f=n.__makeTemplateObject(["\n    height: 100%;\n\n    img {\n        width: calc(100% + 1px);\n    }\n\n    @media "," {\n        max-width: 50%;\n    }\n\n    @media "," {\n        max-width: 100%;\n    }\n"],["\n    height: 100%;\n\n    img {\n        width: calc(100% + 1px);\n    }\n\n    @media "," {\n        max-width: 50%;\n    }\n\n    @media "," {\n        max-width: 100%;\n    }\n"])),l.mq.medium,l.mq.large),T=w.default.div.withConfig({displayName:"EventBlock__MainContent",componentId:"sc-1nnq189-3"})(u||(u=n.__makeTemplateObject(["\n    flex: 0 1 70%;\n    padding: ","px;\n    padding-bottom: ","px;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        max-width: 830px;\n        padding: ","px;\n    }\n"],["\n    flex: 0 1 70%;\n    padding: ","px;\n    padding-bottom: ","px;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        max-width: 830px;\n        padding: ","px;\n    }\n"])),2*l.spacings.nudge,3*l.spacings.nudge,3*l.spacings.nudge,l.mq.large,3*l.spacings.nudge),j=w.default.div.withConfig({displayName:"EventBlock__TagContainer",componentId:"sc-1nnq189-4"})(x||(x=n.__makeTemplateObject(["\n    margin-top: -","px;\n    margin-left: -","px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n"],["\n    margin-top: -","px;\n    margin-left: -","px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n"])),l.spacings.nudge,l.spacings.nudge),C=w.default.div.withConfig({displayName:"EventBlock__TextWrapper",componentId:"sc-1nnq189-5"})(k||(k=n.__makeTemplateObject(["\n    & > * + * {\n        margin-top: ","px;\n    }\n"],["\n    & > * + * {\n        margin-top: ","px;\n    }\n"])),l.spacings.nudge),I=w.default.div.withConfig({displayName:"EventBlock__TagWrapper",componentId:"sc-1nnq189-6"})(b||(b=n.__makeTemplateObject(["\n    padding-top: ","px;\n    padding-left: ","px;\n"],["\n    padding-top: ","px;\n    padding-left: ","px;\n"])),l.spacings.nudge,l.spacings.nudge),B=w.default(c.Link).withConfig({displayName:"EventBlock__TitleLink",componentId:"sc-1nnq189-7"})(y||(y=n.__makeTemplateObject(["\n    display: inline-block;\n    ","\n\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n\n    color: ",";\n    text-decoration: none;\n"],["\n    display: inline-block;\n    ","\n\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n\n    color: ",";\n    text-decoration: none;\n"])),a.copyStyle("copy-b","big"),(function(n){var e=n.theme;return n.isInverted?l.getFonts(e)["copy-b"].big.colorInverted:l.getFonts(e)["copy-b"].big.color})),L=w.default(a.Copy).withConfig({displayName:"EventBlock__Text",componentId:"sc-1nnq189-8"})(h||(h=n.__makeTemplateObject(["\n    display: -webkit-box;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n"],["\n    display: -webkit-box;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n"])));exports.EventBlock=function(t){var l=t.customTag,r=t.onTagClick,c=t.title,p=t.images,s=t.date,g=t.text,f=t.link,u=t.tags,x=t.isInverted,k=t.action,b=t.hasBg,y=d.useLibTheme().globals,h="";s&&(h=new o.StatusFormatter(s.getTime(),"",y.sections.eventDateFormat(s),y.sections.eventTimeFormat(s),y.sections.eventLocaleKey).getFormattedDate());var w=function(n){return r?function(e){null==e||e.preventDefault(),r(n)}:void 0},N=e.useMemo((function(){return null==u?void 0:u.filter((function(n){return n.name}))}),[u]),O=e.useMemo((function(){var n;return null===(n=null==p?void 0:p.slice(0,2))||void 0===n?void 0:n.filter((function(n){return n.small}))}),[p]);return v.default.createElement(_,{hasBg:b},m.isValidArray(O,!1)&&v.default.createElement(q,n.__assign({},f),O.map((function(e,t){return v.default.createElement(E,n.__assign({},e,{key:t,coverSpace:!0,allowEdgeRadius:!0,isInverted:x,ratios:{small:{w:4,h:3}}}))}))),v.default.createElement(T,null,m.isValidArray(N,!1)&&v.default.createElement(j,null,N.map((function(n,e){return n&&v.default.createElement(I,{key:"tag_"+e},l?l({key:"tag_"+e,name:n.name||"",isActive:!1,link:n.link||{},clickHandler:w(n)}):v.default.createElement(i.Tag,{name:n.name,link:n.link,onClick:w(n)}))}))),c&&v.default.createElement(B,n.__assign({},f),c),v.default.createElement(C,null,s&&v.default.createElement(a.Copy,{size:"medium",type:"copy-b"},h),g&&v.default.createElement(L,{size:"small",innerHTML:g})),k&&v.default.createElement("div",null," ",k({isInverted:!1})," ")))};
+//# sourceMappingURL=EventBlock-701e70fa.js.map

package/cjs/{EventBlock-04e719a7.js.map → EventBlock-701e70fa.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EventBlock-04e719a7.js","sources":["../src/components/blocks/EventBlock.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport styled from 'styled-components';\n\nimport Tag, { TagProps } from './Tag';\nimport Copy, { copyStyle } from 'components/typography/Copy';\nimport { spacings, mq, getFonts as font, getColors } from 'utils/styles';\nimport StatusFormatter from 'utils/statusFormatter';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport Image, { ImageProps } from './Image';\nimport Link, { LinkProps } from 'components/typography/Link';\nimport { isValidArray } from 'utils/arrays';\n\nconst View = styled.div<{ hasBg?: boolean }>`\n    text-decoration: none;\n    color: inherit;\n\n    background-color: ${({ theme, hasBg }) =>\n        hasBg\n            ? getColors(theme).elementBg.light\n            : getColors(theme).elementBg.medium};\n\n    & > * + * {\n        margin-top: ${spacings.nudge}px;\n    }\n\n    @media ${mq.large} {\n        display: flex;\n        justify-content: flex-end;\n        flex-direction: row-reverse;\n\n        & > * + * {\n            margin-top: 0;\n            padding-right: ${spacings.spacer}px;\n        }\n    }\n`;\n\nconst ImageLink = styled(Link)`\n    display: block;\n    margin-left: auto;\n\n    & > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n\n    & > *:not(:first-child) {\n        display: none;\n    }\n\n    @media ${mq.medium} {\n        display: flex;\n        flex-direction: row;\n        align-items: flex-start;\n\n        flex: 0 0 50%;\n\n        & > *:not(:first-child),\n        & > *:not(:nth-child(2)) {\n            display: inline-block;\n        }\n    }\n\n    @media ${mq.large} {\n        flex: 0 1 45%;\n        max-width: 430px;\n\n        & > *:not(:first-child) {\n            display: none;\n        }\n    }\n\n    @media ${mq.xlarge} {\n        flex: 0 1 30%;\n    }\n`;\n\nconst CardImage = styled(Image)`\n    height: 100%;\n\n    img {\n        width: calc(100% + 1px);\n    }\n\n    @media ${mq.medium} {\n        max-width: 50%;\n    }\n\n    @media ${mq.large} {\n        max-width: 100%;\n    }\n`;\n\nconst MainContent = styled.div`\n    flex: 0 1 70%;\n    padding: ${spacings.nudge * 2}px;\n    padding-bottom: ${spacings.nudge * 3}px;\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n\n    @media ${mq.large} {\n        max-width: 830px;\n        padding: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst TagContainer = styled.div`\n    margin-top: -${spacings.nudge}px;\n    margin-left: -${spacings.nudge}px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n`;\n\nconst TextWrapper = styled.div`\n    & > * + * {\n        margin-top: ${spacings.nudge}px;\n    }\n`;\n\nconst TagWrapper = styled.div`\n    padding-top: ${spacings.nudge}px;\n    padding-left: ${spacings.nudge}px;\n`;\n\nconst TitleLink = styled(Link)`\n    display: inline-block;\n    ${copyStyle('copy-b', 'big')}\n\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n\n    color: ${({ theme, isInverted }) =>\n        isInverted\n            ? font(theme)['copy-b'].big.colorInverted\n            : font(theme)['copy-b'].big.color};\n    text-decoration: none;\n`;\n\nconst Text = styled(Copy)`\n    display: -webkit-box;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n`;\n\nexport interface EventProps {\n    /** Array of tag item settings */\n    tags?: TagProps[];\n\n    /** Active tags that are highlighted in this event */\n    activeTags?: string[];\n\n    /** Event image */\n    images?: Array<Omit<ImageProps, 'coverSpace' | 'ratios'>>;\n\n    /** Event title */\n    title?: string;\n\n    /** Event publish date */\n    date?: Date;\n\n    /** Event duration in seconds  */\n    duration?: number;\n\n    /** Event text (richtext) */\n    text?: string;\n\n    /** Invert color and background for darker themes */\n    isInverted?: boolean;\n\n    /** Event link settings */\n    link?: LinkProps;\n\n    /** Function to inject action elements */\n    action?: (props: { isInverted?: boolean }) => React.ReactNode;\n\n    /** Function to inject custom tag node */\n    customTag?: (props: {\n        key: React.Key;\n        name: string;\n        isInverted?: boolean;\n        isActive?: boolean;\n        link: LinkProps;\n        clickHandler?: (ev?: React.SyntheticEvent<HTMLElement>) => void;\n    }) => React.ReactNode;\n\n    /** Callback function if tag in news iten has been clicked */\n    onTagClick?: (tag: TagProps) => void;\n}\n\nconst EventBlock: React.FC<EventProps & { hasBg?: boolean }> = ({\n    customTag,\n    onTagClick,\n    title,\n    images,\n    date,\n    text,\n    link,\n    tags,\n    isInverted,\n    action,\n    hasBg,\n}) => {\n    const { globals } = useLibTheme();\n\n    let publishedAt = '';\n    if (date) {\n        const formatter = new StatusFormatter(\n            date.getTime(),\n            '',\n            globals.sections.eventDateFormat(date),\n            globals.sections.eventTimeFormat(date),\n            globals.sections.eventLocaleKey\n        );\n        publishedAt = formatter.getFormattedDate();\n    }\n\n    const handleTagClick = (tag: TagProps) =>\n        onTagClick\n            ? (ev?: React.SyntheticEvent<HTMLElement>) => {\n                  ev?.preventDefault();\n                  onTagClick(tag);\n              }\n            : undefined;\n\n    const filteredTags = useMemo(() => {\n        return tags?.filter((tag) => tag.name);\n    }, [tags]);\n\n    const cardImages = useMemo(\n        () => images?.slice(0, 2)?.filter((img) => img.small),\n        [images]\n    );\n\n    return (\n        <View hasBg={hasBg}>\n            {isValidArray(cardImages, false) && (\n                <ImageLink {...link}>\n                    {cardImages.map((img, i) => (\n                        <CardImage\n                            {...img}\n                            key={i}\n                            coverSpace\n                            allowEdgeRadius\n                            isInverted={isInverted}\n                            ratios={{\n                                small: { w: 4, h: 3 },\n                            }}\n                        />\n                    ))}\n                </ImageLink>\n            )}\n            <MainContent>\n                {isValidArray(filteredTags, false) && (\n                    <TagContainer>\n                        {filteredTags.map(\n                            (tag, i) =>\n                                tag && (\n                                    <TagWrapper key={'tag_' + i}>\n                                        {customTag ? (\n                                            customTag({\n                                                key: 'tag_' + i,\n                                                name: tag.name || '',\n                                                isActive: false,\n                                                link: tag.link || {},\n                                                clickHandler:\n                                                    handleTagClick(tag),\n                                            })\n                                        ) : (\n                                            <Tag\n                                                name={tag.name}\n                                                link={tag.link}\n                                                onClick={handleTagClick(tag)}\n                                            />\n                                        )}\n                                    </TagWrapper>\n                                )\n                        )}\n                    </TagContainer>\n                )}\n                {title && <TitleLink {...link}>{title}</TitleLink>}\n                <TextWrapper>\n                    {date && (\n                        <Copy size=\"medium\" type=\"copy-b\">\n                            {publishedAt}\n                        </Copy>\n                    )}\n                    {text && <Text size=\"small\" innerHTML={text} />}\n                </TextWrapper>\n                {action && <div> {action({ isInverted: false })} </div>}\n            </MainContent>\n        </View>\n    );\n};\n\nexport default EventBlock;\n"],"names":["View","styled","div","withConfig","displayName","componentId","_a","theme","hasBg","getColors","elementBg","light","medium","spacings","nudge","mq","large","spacer","ImageLink","Link","templateObject_2","__makeTemplateObject","xlarge","CardImage","Image","templateObject_3","MainContent","templateObject_4","TagContainer","templateObject_5","TextWrapper","templateObject_6","TagWrapper","templateObject_7","TitleLink","templateObject_8","copyStyle","isInverted","font","getFonts","big","colorInverted","color","Text","Copy","templateObject_9","customTag","onTagClick","title","images","date","text","link","tags","action","globals","useLibTheme","publishedAt","StatusFormatter","getTime","sections","eventDateFormat","eventTimeFormat","eventLocaleKey","getFormattedDate","handleTagClick","tag","ev","preventDefault","undefined","filteredTags","useMemo","filter","name","cardImages","slice","img","small","React","createElement","isValidArray","__assign","map","i","key","coverSpace","allowEdgeRadius","ratios","w","h","isActive","clickHandler","Tag","onClick","size","type","innerHTML"],"mappings":"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"}
+{"version":3,"file":"EventBlock-701e70fa.js","sources":["../src/components/blocks/EventBlock.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport styled from 'styled-components';\n\nimport Tag, { TagProps } from './Tag';\nimport Copy, { copyStyle } from 'components/typography/Copy';\nimport { spacings, mq, getFonts as font, getColors } from 'utils/styles';\nimport StatusFormatter from 'utils/statusFormatter';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport Image, { ImageProps } from './Image';\nimport Link, { LinkProps } from 'components/typography/Link';\nimport { isValidArray } from 'utils/arrays';\n\nconst View = styled.div<{ hasBg?: boolean }>`\n    text-decoration: none;\n    color: inherit;\n\n    background-color: ${({ theme, hasBg }) =>\n        hasBg\n            ? getColors(theme).elementBg.light\n            : getColors(theme).elementBg.medium};\n\n    & > * + * {\n        margin-top: ${spacings.nudge}px;\n    }\n\n    @media ${mq.large} {\n        display: flex;\n        justify-content: flex-end;\n        flex-direction: row-reverse;\n\n        & > * + * {\n            margin-top: 0;\n            padding-right: ${spacings.spacer}px;\n        }\n    }\n`;\n\nconst ImageLink = styled(Link)`\n    display: block;\n    margin-left: auto;\n\n    & > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n\n    & > *:not(:first-child) {\n        display: none;\n    }\n\n    @media ${mq.medium} {\n        display: flex;\n        flex-direction: row;\n        align-items: flex-start;\n\n        flex: 0 0 50%;\n\n        & > *:not(:first-child),\n        & > *:not(:nth-child(2)) {\n            display: inline-block;\n        }\n    }\n\n    @media ${mq.large} {\n        flex: 0 1 45%;\n        max-width: 430px;\n\n        & > *:not(:first-child) {\n            display: none;\n        }\n    }\n\n    @media ${mq.xlarge} {\n        flex: 0 1 30%;\n    }\n`;\n\nconst CardImage = styled(Image)`\n    height: 100%;\n\n    img {\n        width: calc(100% + 1px);\n    }\n\n    @media ${mq.medium} {\n        max-width: 50%;\n    }\n\n    @media ${mq.large} {\n        max-width: 100%;\n    }\n`;\n\nconst MainContent = styled.div`\n    flex: 0 1 70%;\n    padding: ${spacings.nudge * 2}px;\n    padding-bottom: ${spacings.nudge * 3}px;\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n\n    @media ${mq.large} {\n        max-width: 830px;\n        padding: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst TagContainer = styled.div`\n    margin-top: -${spacings.nudge}px;\n    margin-left: -${spacings.nudge}px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n`;\n\nconst TextWrapper = styled.div`\n    & > * + * {\n        margin-top: ${spacings.nudge}px;\n    }\n`;\n\nconst TagWrapper = styled.div`\n    padding-top: ${spacings.nudge}px;\n    padding-left: ${spacings.nudge}px;\n`;\n\nconst TitleLink = styled(Link)`\n    display: inline-block;\n    ${copyStyle('copy-b', 'big')}\n\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n\n    color: ${({ theme, isInverted }) =>\n        isInverted\n            ? font(theme)['copy-b'].big.colorInverted\n            : font(theme)['copy-b'].big.color};\n    text-decoration: none;\n`;\n\nconst Text = styled(Copy)`\n    display: -webkit-box;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n`;\n\nexport interface EventProps {\n    /** Array of tag item settings */\n    tags?: TagProps[];\n\n    /** Active tags that are highlighted in this event */\n    activeTags?: string[];\n\n    /** Event image */\n    images?: Array<Omit<ImageProps, 'coverSpace' | 'ratios'>>;\n\n    /** Event title */\n    title?: string;\n\n    /** Event publish date */\n    date?: Date;\n\n    /** Event duration in seconds  */\n    duration?: number;\n\n    /** Event text (richtext) */\n    text?: string;\n\n    /** Invert color and background for darker themes */\n    isInverted?: boolean;\n\n    /** Event link settings */\n    link?: LinkProps;\n\n    /** Function to inject action elements */\n    action?: (props: { isInverted?: boolean }) => React.ReactNode;\n\n    /** Function to inject custom tag node */\n    customTag?: (props: {\n        key: React.Key;\n        name: string;\n        isInverted?: boolean;\n        isActive?: boolean;\n        link: LinkProps;\n        clickHandler?: (ev?: React.SyntheticEvent<HTMLElement>) => void;\n    }) => React.ReactNode;\n\n    /** Callback function if tag in news iten has been clicked */\n    onTagClick?: (tag: TagProps) => void;\n}\n\nconst EventBlock: React.FC<EventProps & { hasBg?: boolean }> = ({\n    customTag,\n    onTagClick,\n    title,\n    images,\n    date,\n    text,\n    link,\n    tags,\n    isInverted,\n    action,\n    hasBg,\n}) => {\n    const { globals } = useLibTheme();\n\n    let publishedAt = '';\n    if (date) {\n        const formatter = new StatusFormatter(\n            date.getTime(),\n            '',\n            globals.sections.eventDateFormat(date),\n            globals.sections.eventTimeFormat(date),\n            globals.sections.eventLocaleKey\n        );\n        publishedAt = formatter.getFormattedDate();\n    }\n\n    const handleTagClick = (tag: TagProps) =>\n        onTagClick\n            ? (ev?: React.SyntheticEvent<HTMLElement>) => {\n                  ev?.preventDefault();\n                  onTagClick(tag);\n              }\n            : undefined;\n\n    const filteredTags = useMemo(() => {\n        return tags?.filter((tag) => tag.name);\n    }, [tags]);\n\n    const cardImages = useMemo(\n        () => images?.slice(0, 2)?.filter((img) => img.small),\n        [images]\n    );\n\n    return (\n        <View hasBg={hasBg}>\n            {isValidArray(cardImages, false) && (\n                <ImageLink {...link}>\n                    {cardImages.map((img, i) => (\n                        <CardImage\n                            {...img}\n                            key={i}\n                            coverSpace\n                            allowEdgeRadius\n                            isInverted={isInverted}\n                            ratios={{\n                                small: { w: 4, h: 3 },\n                            }}\n                        />\n                    ))}\n                </ImageLink>\n            )}\n            <MainContent>\n                {isValidArray(filteredTags, false) && (\n                    <TagContainer>\n                        {filteredTags.map(\n                            (tag, i) =>\n                                tag && (\n                                    <TagWrapper key={'tag_' + i}>\n                                        {customTag ? (\n                                            customTag({\n                                                key: 'tag_' + i,\n                                                name: tag.name || '',\n                                                isActive: false,\n                                                link: tag.link || {},\n                                                clickHandler:\n                                                    handleTagClick(tag),\n                                            })\n                                        ) : (\n                                            <Tag\n                                                name={tag.name}\n                                                link={tag.link}\n                                                onClick={handleTagClick(tag)}\n                                            />\n                                        )}\n                                    </TagWrapper>\n                                )\n                        )}\n                    </TagContainer>\n                )}\n                {title && <TitleLink {...link}>{title}</TitleLink>}\n                <TextWrapper>\n                    {date && (\n                        <Copy size=\"medium\" type=\"copy-b\">\n                            {publishedAt}\n                        </Copy>\n                    )}\n                    {text && <Text size=\"small\" innerHTML={text} />}\n                </TextWrapper>\n                {action && <div> {action({ isInverted: false })} </div>}\n            </MainContent>\n        </View>\n    );\n};\n\nexport default EventBlock;\n"],"names":["View","styled","div","withConfig","displayName","componentId","_a","theme","hasBg","getColors","elementBg","light","medium","spacings","nudge","mq","large","spacer","ImageLink","Link","templateObject_2","__makeTemplateObject","xlarge","CardImage","Image","templateObject_3","MainContent","templateObject_4","TagContainer","templateObject_5","TextWrapper","templateObject_6","TagWrapper","templateObject_7","TitleLink","templateObject_8","copyStyle","isInverted","font","getFonts","big","colorInverted","color","Text","Copy","templateObject_9","customTag","onTagClick","title","images","date","text","link","tags","action","globals","useLibTheme","publishedAt","StatusFormatter","getTime","sections","eventDateFormat","eventTimeFormat","eventLocaleKey","getFormattedDate","handleTagClick","tag","ev","preventDefault","undefined","filteredTags","useMemo","filter","name","cardImages","slice","img","small","React","createElement","isValidArray","__assign","map","i","key","coverSpace","allowEdgeRadius","ratios","w","h","isActive","clickHandler","Tag","onClick","size","type","innerHTML"],"mappings":"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"}

package/cjs/{FilterField-cce38ffb.js → FilterField-82610ee9.js}

@@ -1,2 +1,2 @@
-"use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),t=require("styled-components"),i=require("./Copy-ea6ab025.js"),o=require("./styles-3a495a2d.js"),r=require("./useLazyInput-f71c221b.js");function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function l(n){if(n&&n.__esModule)return n;var e=Object.create(null);return n&&Object.keys(n).forEach((function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,i.get?i:{enumerable:!0,get:function(){return n[t]}})}})),e.default=n,Object.freeze(e)}var d,s,c,u,p,f=l(e),m=a(e),g=a(t),h=g.default.svg.withConfig({displayName:"Magnifier__SVG",componentId:"sc-1i44xjf-0"})(d||(d=n.__makeTemplateObject(["\n    display: block;\n"],["\n    display: block;\n"]))),x=function(n){var e=n.iconColor,t=void 0===e?"currentColor":e,i=n.className,o=n.ariaHidden,r=void 0===o||o;return f.createElement(h,{viewBox:"0 0 18 18",width:"18",height:"18",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":r,className:i},f.createElement("path",{d:"M12.5 11h-.79l-.28-.27A6.471 6.471 0 0 0 13 6.5 6.5 6.5 0 1 0 6.5 13c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L17.49 16l-4.99-5Zm-6 0C4.01 11 2 8.99 2 6.5S4.01 2 6.5 2 11 4.01 11 6.5 8.99 11 6.5 11Z",fill:t}))},b=g.default.div.withConfig({displayName:"FilterField__View",componentId:"sc-1reb7yx-0"})(s||(s=n.__makeTemplateObject(["\n    display: flex;\n    min-height: 50px;\n    border: solid 1px\n        ",";\n\n    color: ",";\n\n    &:focus-within {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus-within & > input:not(:focus-visible) {\n        outline: none;\n    }\n\n    @media "," {\n        max-width: 400px;\n    }\n"],["\n    display: flex;\n    min-height: 50px;\n    border: solid 1px\n        ",";\n\n    color: ",";\n\n    &:focus-within {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus-within & > input:not(:focus-visible) {\n        outline: none;\n    }\n\n    @media "," {\n        max-width: 400px;\n    }\n"])),(function(n){var e=n.theme;return n.isInverted?o.getColors(e).elementBg.light:o.getColors(e).elementBg.dark}),(function(n){var e=n.theme;return n.isInverted?o.getFonts(e).copy.medium.colorInverted:o.getFonts(e).copy.medium.color}),(function(n){var e=n.theme,t=n.isInverted;return"1px solid ".concat(t?o.getColors(e).primary.inverted:o.getColors(e).primary.default)}),o.mq.medium),v=g.default.input.withConfig({displayName:"FilterField__Field",componentId:"sc-1reb7yx-1"})(c||(c=n.__makeTemplateObject(["\n    flex: 1 1 auto;\n    background-color: transparent;\n    box-shadow: none;\n    border: none;\n    border-right: none;\n    border-radius: 0px;\n    outline: none;\n    -webkit-appearance: none;\n    color: inherit;\n    ","\n    line-height: 1;\n\n    padding: ","px;\n    padding-right: ","px;\n\n    &::placeholder {\n        color: ",";\n    }\n"],["\n    flex: 1 1 auto;\n    background-color: transparent;\n    box-shadow: none;\n    border: none;\n    border-right: none;\n    border-radius: 0px;\n    outline: none;\n    -webkit-appearance: none;\n    color: inherit;\n    ","\n    line-height: 1;\n\n    padding: ","px;\n    padding-right: ","px;\n\n    &::placeholder {\n        color: ",";\n    }\n"])),i.copyStyle("copy","medium"),2*o.spacings.nudge,o.spacings.nudge,(function(n){var e=n.theme;return n.isInverted?o.getColors(e).text.subtileInverted:o.getColors(e).text.subtile})),y=g.default.div.withConfig({displayName:"FilterField__SearchIcon",componentId:"sc-1reb7yx-2"})(u||(u=n.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    padding-right: ","px;\n    padding-left: ","px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n"],["\n    display: flex;\n    align-items: center;\n    padding-right: ","px;\n    padding-left: ","px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n"])),2*o.spacings.nudge,2*o.spacings.nudge),w=g.default.button.withConfig({displayName:"FilterField__ClearBtn",componentId:"sc-1reb7yx-3"})(p||(p=n.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    background: none;\n    border: none;\n    cursor: pointer;\n\n    padding-right: ","px;\n    padding-left: ","px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n\n        outline: ",";\n        outline-offset: -4px;\n        outline-style: dashed;\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n        outline: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n\n    & > * {\n        height: 20px;\n        width: 20px;\n    }\n"],["\n    display: flex;\n    align-items: center;\n    background: none;\n    border: none;\n    cursor: pointer;\n\n    padding-right: ","px;\n    padding-left: ","px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n\n        outline: ",";\n        outline-offset: -4px;\n        outline-style: dashed;\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n        outline: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n\n    & > * {\n        height: 20px;\n        width: 20px;\n    }\n"])),2*o.spacings.nudge,2*o.spacings.nudge,(function(n){var e=n.theme,t=n.isInverted;return"2px solid ".concat(t?o.getColors(e).primary.inverted:o.getColors(e).primary.default)}));exports.FilterField=function(t){var i=t.isInverted,o=t.value,a=t.initialValue,l=t.placeholder,d=t.onSubmit,s=t.onBlur,c=t.submitIcon,u=t.clearIcon,p=t.className,f=r.useLazyInput((function(n){null==d||d(n)}),a||""),g=f.update,h=f.value,C=f.forceUpdate;return e.useEffect((function(){void 0!==o&&g(o)}),[g,o]),m.default.createElement(b,{isInverted:i,className:p},m.default.createElement(v,{type:"text",isInverted:i,value:h,placeholder:l,onChange:function(n){var e,t=null===(e=null==n?void 0:n.currentTarget)||void 0===e?void 0:e.value;void 0!==t&&g(t,""===t)},onBlur:s,onKeyDown:function(n){"Enter"===n.key&&C()}}),""===h&&m.default.createElement(y,null,c?c(i):m.default.createElement(x,null)),""!==h&&m.default.createElement(w,{isInverted:i,"aria-label":"clear filter",onClick:function(){g("",!0)}},u?u(i):m.default.createElement(n.Cross,null)))};
-//# sourceMappingURL=FilterField-cce38ffb.js.map
+"use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),t=require("styled-components"),i=require("./Copy-b579f268.js"),o=require("./styles-3a495a2d.js"),r=require("./useLazyInput-f71c221b.js");function l(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function a(n){if(n&&n.__esModule)return n;var e=Object.create(null);return n&&Object.keys(n).forEach((function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,i.get?i:{enumerable:!0,get:function(){return n[t]}})}})),e.default=n,Object.freeze(e)}var d,s,c,u,p,f=a(e),m=l(e),g=l(t),h=g.default.svg.withConfig({displayName:"Magnifier__SVG",componentId:"sc-1i44xjf-0"})(d||(d=n.__makeTemplateObject(["\n    display: block;\n"],["\n    display: block;\n"]))),x=function(n){var e=n.iconColor,t=void 0===e?"currentColor":e,i=n.className,o=n.ariaHidden,r=void 0===o||o;return f.createElement(h,{viewBox:"0 0 18 18",width:"18",height:"18",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":r,className:i},f.createElement("path",{d:"M12.5 11h-.79l-.28-.27A6.471 6.471 0 0 0 13 6.5 6.5 6.5 0 1 0 6.5 13c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L17.49 16l-4.99-5Zm-6 0C4.01 11 2 8.99 2 6.5S4.01 2 6.5 2 11 4.01 11 6.5 8.99 11 6.5 11Z",fill:t}))},b=g.default.div.withConfig({displayName:"FilterField__View",componentId:"sc-1reb7yx-0"})(s||(s=n.__makeTemplateObject(["\n    display: flex;\n    min-height: 50px;\n    border: solid 1px\n        ",";\n\n    color: ",";\n\n    &:focus-within {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus-within & > input:not(:focus-visible) {\n        outline: none;\n    }\n\n    @media "," {\n        max-width: 400px;\n    }\n"],["\n    display: flex;\n    min-height: 50px;\n    border: solid 1px\n        ",";\n\n    color: ",";\n\n    &:focus-within {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus-within & > input:not(:focus-visible) {\n        outline: none;\n    }\n\n    @media "," {\n        max-width: 400px;\n    }\n"])),(function(n){var e=n.theme;return n.isInverted?o.getColors(e).elementBg.light:o.getColors(e).elementBg.dark}),(function(n){var e=n.theme;return n.isInverted?o.getFonts(e).copy.medium.colorInverted:o.getFonts(e).copy.medium.color}),(function(n){var e=n.theme,t=n.isInverted;return"1px solid ".concat(t?o.getColors(e).primary.inverted:o.getColors(e).primary.default)}),o.mq.medium),v=g.default.input.withConfig({displayName:"FilterField__Field",componentId:"sc-1reb7yx-1"})(c||(c=n.__makeTemplateObject(["\n    flex: 1 1 auto;\n    background-color: transparent;\n    box-shadow: none;\n    border: none;\n    border-right: none;\n    border-radius: 0px;\n    outline: none;\n    -webkit-appearance: none;\n    color: inherit;\n    ","\n    line-height: 1;\n\n    padding: ","px;\n    padding-right: ","px;\n\n    &::placeholder {\n        color: ",";\n    }\n"],["\n    flex: 1 1 auto;\n    background-color: transparent;\n    box-shadow: none;\n    border: none;\n    border-right: none;\n    border-radius: 0px;\n    outline: none;\n    -webkit-appearance: none;\n    color: inherit;\n    ","\n    line-height: 1;\n\n    padding: ","px;\n    padding-right: ","px;\n\n    &::placeholder {\n        color: ",";\n    }\n"])),i.copyStyle("copy","medium"),2*o.spacings.nudge,o.spacings.nudge,(function(n){var e=n.theme;return n.isInverted?o.getColors(e).text.subtileInverted:o.getColors(e).text.subtile})),y=g.default.div.withConfig({displayName:"FilterField__SearchIcon",componentId:"sc-1reb7yx-2"})(u||(u=n.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    padding-right: ","px;\n    padding-left: ","px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n"],["\n    display: flex;\n    align-items: center;\n    padding-right: ","px;\n    padding-left: ","px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n"])),2*o.spacings.nudge,2*o.spacings.nudge),w=g.default.button.withConfig({displayName:"FilterField__ClearBtn",componentId:"sc-1reb7yx-3"})(p||(p=n.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    background: none;\n    border: none;\n    cursor: pointer;\n\n    padding-right: ","px;\n    padding-left: ","px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n\n        outline: ",";\n        outline-offset: -4px;\n        outline-style: dashed;\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n        outline: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n\n    & > * {\n        height: 20px;\n        width: 20px;\n    }\n"],["\n    display: flex;\n    align-items: center;\n    background: none;\n    border: none;\n    cursor: pointer;\n\n    padding-right: ","px;\n    padding-left: ","px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n\n        outline: ",";\n        outline-offset: -4px;\n        outline-style: dashed;\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n        outline: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n\n    & > * {\n        height: 20px;\n        width: 20px;\n    }\n"])),2*o.spacings.nudge,2*o.spacings.nudge,(function(n){var e=n.theme,t=n.isInverted;return"2px solid ".concat(t?o.getColors(e).primary.inverted:o.getColors(e).primary.default)}));exports.FilterField=function(t){var i=t.isInverted,o=t.value,l=t.initialValue,a=t.placeholder,d=t.onSubmit,s=t.onBlur,c=t.submitIcon,u=t.clearIcon,p=t.className,f=r.useLazyInput((function(n){null==d||d(n)}),l||""),g=f.update,h=f.value,C=f.forceUpdate;return e.useEffect((function(){void 0!==o&&g(o)}),[g,o]),m.default.createElement(b,{isInverted:i,className:p},m.default.createElement(v,{type:"text",isInverted:i,value:h,placeholder:a,onChange:function(n){var e,t=null===(e=null==n?void 0:n.currentTarget)||void 0===e?void 0:e.value;void 0!==t&&g(t,""===t)},onBlur:s,onKeyDown:function(n){"Enter"===n.key&&C()}}),""===h&&m.default.createElement(y,null,c?c(i):m.default.createElement(x,null)),""!==h&&m.default.createElement(w,{isInverted:i,"aria-label":"clear filter",onClick:function(){g("",!0)}},u?u(i):m.default.createElement(n.Cross,null)))};
+//# sourceMappingURL=FilterField-82610ee9.js.map

package/cjs/{FilterField-cce38ffb.js.map → FilterField-82610ee9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FilterField-cce38ffb.js","sources":["../src/components/base/icons/Magnifier.tsx","../src/components/fields/FilterField.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nconst SVG = styled.svg`\n    display: block;\n`;\n\nconst Magnifier: React.FC<{\n    iconColor?: string;\n    className?: string;\n    ariaHidden?: boolean;\n}> = ({ iconColor = 'currentColor', className, ariaHidden = true }) => (\n    <SVG\n        viewBox=\"0 0 18 18\"\n        width=\"18\"\n        height=\"18\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        aria-hidden={ariaHidden}\n        className={className}\n    >\n        <path\n            d=\"M12.5 11h-.79l-.28-.27A6.471 6.471 0 0 0 13 6.5 6.5 6.5 0 1 0 6.5 13c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L17.49 16l-4.99-5Zm-6 0C4.01 11 2 8.99 2 6.5S4.01 2 6.5 2 11 4.01 11 6.5 8.99 11 6.5 11Z\"\n            fill={iconColor}\n        />\n    </SVG>\n);\n\nexport default Magnifier;\n","import React, { FC, useEffect } from 'react';\nimport styled from 'styled-components';\n\nimport { copyStyle } from 'components/typography/Copy';\nimport {\n    spacings,\n    getColors as color,\n    getFonts as font,\n    mq,\n} from 'utils/styles';\nimport Magnifier from 'components/base/icons/Magnifier';\nimport useLazyInput from 'utils/useLazyInput';\nimport Cross from 'components/base/icons/Cross';\n\nconst View = styled.div<{ isInverted?: boolean }>`\n    display: flex;\n    min-height: 50px;\n    border: solid 1px\n        ${({ theme, isInverted }) =>\n            isInverted\n                ? color(theme).elementBg.light\n                : color(theme).elementBg.dark};\n\n    color: ${({ theme, isInverted }) =>\n        isInverted\n            ? font(theme).copy.medium.colorInverted\n            : font(theme).copy.medium.color};\n\n    &:focus-within {\n        outline: ${({ theme, isInverted }) =>\n            `1px solid ${\n                isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default\n            }`};\n        outline-offset: 0;\n    }\n\n    &:focus-within & > input:not(:focus-visible) {\n        outline: none;\n    }\n\n    @media ${mq.medium} {\n        max-width: 400px;\n    }\n`;\n\nconst Field = styled.input<{ isInverted?: boolean }>`\n    flex: 1 1 auto;\n    background-color: transparent;\n    box-shadow: none;\n    border: none;\n    border-right: none;\n    border-radius: 0px;\n    outline: none;\n    -webkit-appearance: none;\n    color: inherit;\n    ${copyStyle('copy', 'medium')}\n    line-height: 1;\n\n    padding: ${spacings.nudge * 2}px;\n    padding-right: ${spacings.nudge}px;\n\n    &::placeholder {\n        color: ${({ theme, isInverted }) =>\n            isInverted\n                ? color(theme).text.subtileInverted\n                : color(theme).text.subtile};\n    }\n`;\n\nconst SearchIcon = styled.div`\n    display: flex;\n    align-items: center;\n    padding-right: ${spacings.nudge * 2}px;\n    padding-left: ${spacings.nudge * 2}px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n`;\n\nconst ClearBtn = styled.button<{ isInverted?: boolean }>`\n    display: flex;\n    align-items: center;\n    background: none;\n    border: none;\n    cursor: pointer;\n\n    padding-right: ${spacings.nudge * 2}px;\n    padding-left: ${spacings.nudge * 2}px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n\n        outline: ${({ theme, isInverted }) =>\n            `2px solid ${\n                isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default\n            }`};\n        outline-offset: -4px;\n        outline-style: dashed;\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n        outline: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n\n    & > * {\n        height: 20px;\n        width: 20px;\n    }\n`;\n\nconst FilterField: FC<{\n    isInverted?: boolean;\n    value?: string;\n    initialValue?: string;\n    placeholder?: string;\n    onSubmit?: (value: string) => void;\n    onBlur?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n    submitIcon?: (isInverted?: boolean) => React.ReactNode;\n    clearIcon?: (isInverted?: boolean) => React.ReactNode;\n    className?: string;\n}> = ({\n    isInverted,\n    value,\n    initialValue,\n    placeholder,\n    onSubmit,\n    onBlur,\n    submitIcon,\n    clearIcon,\n    className,\n}) => {\n    const {\n        update,\n        value: getValue,\n        forceUpdate,\n    } = useLazyInput((value) => {\n        onSubmit?.(value);\n    }, initialValue || '');\n\n    useEffect(() => {\n        if (value !== undefined) {\n            update(value);\n        }\n    }, [update, value]);\n\n    return (\n        <View isInverted={isInverted} className={className}>\n            <Field\n                type=\"text\"\n                isInverted={isInverted}\n                value={getValue}\n                placeholder={placeholder}\n                onChange={(ev) => {\n                    const newValue = ev?.currentTarget?.value;\n                    if (newValue !== undefined) {\n                        update(newValue, newValue === '');\n                    }\n                }}\n                onBlur={onBlur}\n                onKeyDown={(ev) => {\n                    if (ev.key === 'Enter') {\n                        forceUpdate();\n                    }\n                }}\n            />\n            {getValue === '' && (\n                <SearchIcon>\n                    {submitIcon ? submitIcon(isInverted) : <Magnifier />}\n                </SearchIcon>\n            )}\n            {getValue !== '' && (\n                <ClearBtn\n                    isInverted={isInverted}\n                    aria-label=\"clear filter\"\n                    onClick={() => {\n                        update('', true);\n                    }}\n                >\n                    {clearIcon ? clearIcon(isInverted) : <Cross />}\n                </ClearBtn>\n            )}\n        </View>\n    );\n};\n\nexport default FilterField;\n"],"names":["SVG","styled","svg","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","Magnifier","_a","_b","iconColor","className","_c","ariaHidden","React","createElement","viewBox","width","height","fill","xmlns","d","View","div","theme","isInverted","color","elementBg","light","dark","font","getFonts","copy","medium","colorInverted","primary","inverted","default","mq","Field","input","templateObject_2","copyStyle","spacings","nudge","text","subtileInverted","subtile","SearchIcon","ClearBtn","button","templateObject_4","value","initialValue","placeholder","onSubmit","onBlur","submitIcon","clearIcon","useLazyInput","update","getValue","forceUpdate","useEffect","undefined","type","onChange","ev","newValue","currentTarget","onKeyDown","key","onClick","Cross"],"mappings":"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"}
+{"version":3,"file":"FilterField-82610ee9.js","sources":["../src/components/base/icons/Magnifier.tsx","../src/components/fields/FilterField.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nconst SVG = styled.svg`\n    display: block;\n`;\n\nconst Magnifier: React.FC<{\n    iconColor?: string;\n    className?: string;\n    ariaHidden?: boolean;\n}> = ({ iconColor = 'currentColor', className, ariaHidden = true }) => (\n    <SVG\n        viewBox=\"0 0 18 18\"\n        width=\"18\"\n        height=\"18\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        aria-hidden={ariaHidden}\n        className={className}\n    >\n        <path\n            d=\"M12.5 11h-.79l-.28-.27A6.471 6.471 0 0 0 13 6.5 6.5 6.5 0 1 0 6.5 13c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L17.49 16l-4.99-5Zm-6 0C4.01 11 2 8.99 2 6.5S4.01 2 6.5 2 11 4.01 11 6.5 8.99 11 6.5 11Z\"\n            fill={iconColor}\n        />\n    </SVG>\n);\n\nexport default Magnifier;\n","import React, { FC, useEffect } from 'react';\nimport styled from 'styled-components';\n\nimport { copyStyle } from 'components/typography/Copy';\nimport {\n    spacings,\n    getColors as color,\n    getFonts as font,\n    mq,\n} from 'utils/styles';\nimport Magnifier from 'components/base/icons/Magnifier';\nimport useLazyInput from 'utils/useLazyInput';\nimport Cross from 'components/base/icons/Cross';\n\nconst View = styled.div<{ isInverted?: boolean }>`\n    display: flex;\n    min-height: 50px;\n    border: solid 1px\n        ${({ theme, isInverted }) =>\n            isInverted\n                ? color(theme).elementBg.light\n                : color(theme).elementBg.dark};\n\n    color: ${({ theme, isInverted }) =>\n        isInverted\n            ? font(theme).copy.medium.colorInverted\n            : font(theme).copy.medium.color};\n\n    &:focus-within {\n        outline: ${({ theme, isInverted }) =>\n            `1px solid ${\n                isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default\n            }`};\n        outline-offset: 0;\n    }\n\n    &:focus-within & > input:not(:focus-visible) {\n        outline: none;\n    }\n\n    @media ${mq.medium} {\n        max-width: 400px;\n    }\n`;\n\nconst Field = styled.input<{ isInverted?: boolean }>`\n    flex: 1 1 auto;\n    background-color: transparent;\n    box-shadow: none;\n    border: none;\n    border-right: none;\n    border-radius: 0px;\n    outline: none;\n    -webkit-appearance: none;\n    color: inherit;\n    ${copyStyle('copy', 'medium')}\n    line-height: 1;\n\n    padding: ${spacings.nudge * 2}px;\n    padding-right: ${spacings.nudge}px;\n\n    &::placeholder {\n        color: ${({ theme, isInverted }) =>\n            isInverted\n                ? color(theme).text.subtileInverted\n                : color(theme).text.subtile};\n    }\n`;\n\nconst SearchIcon = styled.div`\n    display: flex;\n    align-items: center;\n    padding-right: ${spacings.nudge * 2}px;\n    padding-left: ${spacings.nudge * 2}px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n`;\n\nconst ClearBtn = styled.button<{ isInverted?: boolean }>`\n    display: flex;\n    align-items: center;\n    background: none;\n    border: none;\n    cursor: pointer;\n\n    padding-right: ${spacings.nudge * 2}px;\n    padding-left: ${spacings.nudge * 2}px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n\n        outline: ${({ theme, isInverted }) =>\n            `2px solid ${\n                isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default\n            }`};\n        outline-offset: -4px;\n        outline-style: dashed;\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n        outline: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n\n    & > * {\n        height: 20px;\n        width: 20px;\n    }\n`;\n\nconst FilterField: FC<{\n    isInverted?: boolean;\n    value?: string;\n    initialValue?: string;\n    placeholder?: string;\n    onSubmit?: (value: string) => void;\n    onBlur?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n    submitIcon?: (isInverted?: boolean) => React.ReactNode;\n    clearIcon?: (isInverted?: boolean) => React.ReactNode;\n    className?: string;\n}> = ({\n    isInverted,\n    value,\n    initialValue,\n    placeholder,\n    onSubmit,\n    onBlur,\n    submitIcon,\n    clearIcon,\n    className,\n}) => {\n    const {\n        update,\n        value: getValue,\n        forceUpdate,\n    } = useLazyInput((value) => {\n        onSubmit?.(value);\n    }, initialValue || '');\n\n    useEffect(() => {\n        if (value !== undefined) {\n            update(value);\n        }\n    }, [update, value]);\n\n    return (\n        <View isInverted={isInverted} className={className}>\n            <Field\n                type=\"text\"\n                isInverted={isInverted}\n                value={getValue}\n                placeholder={placeholder}\n                onChange={(ev) => {\n                    const newValue = ev?.currentTarget?.value;\n                    if (newValue !== undefined) {\n                        update(newValue, newValue === '');\n                    }\n                }}\n                onBlur={onBlur}\n                onKeyDown={(ev) => {\n                    if (ev.key === 'Enter') {\n                        forceUpdate();\n                    }\n                }}\n            />\n            {getValue === '' && (\n                <SearchIcon>\n                    {submitIcon ? submitIcon(isInverted) : <Magnifier />}\n                </SearchIcon>\n            )}\n            {getValue !== '' && (\n                <ClearBtn\n                    isInverted={isInverted}\n                    aria-label=\"clear filter\"\n                    onClick={() => {\n                        update('', true);\n                    }}\n                >\n                    {clearIcon ? clearIcon(isInverted) : <Cross />}\n                </ClearBtn>\n            )}\n        </View>\n    );\n};\n\nexport default FilterField;\n"],"names":["SVG","styled","svg","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","Magnifier","_a","_b","iconColor","className","_c","ariaHidden","React","createElement","viewBox","width","height","fill","xmlns","d","View","div","theme","isInverted","color","elementBg","light","dark","font","getFonts","copy","medium","colorInverted","primary","inverted","default","mq","Field","input","templateObject_2","copyStyle","spacings","nudge","text","subtileInverted","subtile","SearchIcon","ClearBtn","button","templateObject_4","value","initialValue","placeholder","onSubmit","onBlur","submitIcon","clearIcon","useLazyInput","update","getValue","forceUpdate","useEffect","undefined","type","onChange","ev","newValue","currentTarget","onKeyDown","key","onClick","Cross"],"mappings":"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"}

package/cjs/{Image-c72f7a80.js → Image-b47c0c2d.js}

@@ -1,2 +1,2 @@
-"use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("./Copy-ea6ab025.js"),t=require("react"),o=require("styled-components"),i=require("./LibThemeProvider-4823de57.js"),r=require("./styles-3a495a2d.js");function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function l(n){if(n&&n.__esModule)return n;var e=Object.create(null);return n&&Object.keys(n).forEach((function(t){if("default"!==t){var o=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,o.get?o:{enumerable:!0,get:function(){return n[t]}})}})),e.default=n,Object.freeze(e)}var s,d,c,u,p,m,v=l(t),f=a(o),g=function(n,e){if(n&&e&&!isNaN(n)&&!isNaN(e))return n/e},w=function(n){return!!(n&&(null==n?void 0:n.w)&&(null==n?void 0:n.h))},h=function(e){return o.css(s||(s=n.__makeTemplateObject(["\n    @supports not (aspect-ratio: auto) {\n        height: ",";\n        padding-top: ",";\n    }\n"],["\n    @supports not (aspect-ratio: auto) {\n        height: ",";\n        padding-top: ",";\n    }\n"])),w(e)&&0,w(e)&&"calc(100% / ".concat(g(null==e?void 0:e.w,null==e?void 0:e.h),")"))},b=f.default.div.withConfig({displayName:"Image__AspectContainer",componentId:"sc-10qjgzr-0"})(u||(u=n.__makeTemplateObject(["\n    display: inline-block;\n    position: relative;\n    border-radius: ",";\n    overflow: hidden;\n\n    aspect-ratio: ",";\n\n    width: ",";\n\n    max-width: 100%;\n\n    object-position: center;\n\n    img {\n        width: 100%;\n    }\n\n    ","\n\n    // fallback if browsers do not support aspect-ratio\n    ","\n\n    @media "," {\n        aspect-ratio: ",";\n\n        // fallback if browsers do not support aspect-ratio. (Only works with width = 100%)\n        ","\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n        ","\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n        ","\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n        ","\n    }\n\n    ","\n"],["\n    display: inline-block;\n    position: relative;\n    border-radius: ",";\n    overflow: hidden;\n\n    aspect-ratio: ",";\n\n    width: ",";\n\n    max-width: 100%;\n\n    object-position: center;\n\n    img {\n        width: 100%;\n    }\n\n    ","\n\n    // fallback if browsers do not support aspect-ratio\n    ","\n\n    @media "," {\n        aspect-ratio: ",";\n\n        // fallback if browsers do not support aspect-ratio. (Only works with width = 100%)\n        ","\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n        ","\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n        ","\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n        ","\n    }\n\n    ","\n"])),(function(n){var e=n.theme;return n.allowEdgeRadius&&r.getGlobals(e).sections.edgeRadius}),(function(n){var e,t,o=n.ratios;return g(null===(e=null==o?void 0:o.small)||void 0===e?void 0:e.w,null===(t=null==o?void 0:o.small)||void 0===t?void 0:t.h)}),(function(n){var e,t,o=n.ratios;return!n.coverSpace&&(null===(e=null==o?void 0:o.small)||void 0===e?void 0:e.w)?"".concat(null===(t=null==o?void 0:o.small)||void 0===t?void 0:t.w,"px"):""}),(function(e){return e.coverSpace&&o.css(d||(d=n.__makeTemplateObject(["\n            width: 100%;\n\n            img {\n                object-fit: cover;\n            }\n        "],["\n            width: 100%;\n\n            img {\n                object-fit: cover;\n            }\n        "])))}),(function(n){var e=n.ratios;return n.coverSpace&&h(null==e?void 0:e.small)}),r.mq.medium,(function(n){var e,t,o=n.ratios;return g(null===(e=null==o?void 0:o.medium)||void 0===e?void 0:e.w,null===(t=null==o?void 0:o.medium)||void 0===t?void 0:t.h)}),(function(n){var e=n.ratios;return n.coverSpace&&h(null==e?void 0:e.medium)}),r.mq.semilarge,(function(n){var e,t,o=n.ratios;return g(null===(e=null==o?void 0:o.semilarge)||void 0===e?void 0:e.w,null===(t=null==o?void 0:o.semilarge)||void 0===t?void 0:t.h)}),(function(n){var e=n.ratios;return n.coverSpace&&h(null==e?void 0:e.semilarge)}),r.mq.large,(function(n){var e,t,o=n.ratios;return g(null===(e=null==o?void 0:o.large)||void 0===e?void 0:e.w,null===(t=null==o?void 0:o.large)||void 0===t?void 0:t.h)}),(function(n){var e=n.ratios;return n.coverSpace&&h(null==e?void 0:e.large)}),r.mq.xlarge,(function(n){var e,t,o=n.ratios;return g(null===(e=null==o?void 0:o.xlarge)||void 0===e?void 0:e.w,null===(t=null==o?void 0:o.xlarge)||void 0===t?void 0:t.h)}),(function(n){var e=n.ratios;return n.coverSpace&&h(null==e?void 0:e.xlarge)}),(function(e){var t=e.ratios,i=e.coverSpace;return t&&o.css(c||(c=n.__makeTemplateObject(["\n            img {\n                height: 100%;\n                width: 100%;\n                object-fit: ",";\n\n                @supports not (aspect-ratio: auto) {\n                    position: ",";\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                }\n            }\n        "],["\n            img {\n                height: 100%;\n                width: 100%;\n                object-fit: ",";\n\n                @supports not (aspect-ratio: auto) {\n                    position: ",";\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                }\n            }\n        "])),i?"cover":"contain",i&&"absolute")})),k=f.default.img.withConfig({displayName:"Image__Img",componentId:"sc-10qjgzr-1"})(p||(p=n.__makeTemplateObject(["\n    display: block;\n    color: ",";\n\n    &[data-img-loaded='false'] {\n        background: ",";\n    }\n"],["\n    display: block;\n    color: ",";\n\n    &[data-img-loaded='false'] {\n        background: ",";\n    }\n"])),(function(n){var e=n.theme;return n.isInverted?r.getColors(e).text.inverted:r.getColors(e).text.default}),(function(n){var e=n.theme,t=n.isInverted;return n.showPlaceholder?t?r.getGlobals(e).sections.imagePlaceholderBg.inverted:r.getGlobals(e).sections.imagePlaceholderBg.default:void 0})),y=f.default(e.Copy).withConfig({displayName:"Image__Copyright",componentId:"sc-10qjgzr-2"})(m||(m=n.__makeTemplateObject(["\n    display: inline-block;\n    position: absolute;\n    max-height: 100%;\n    bottom: 0;\n    right: 0;\n\n    padding: ","px ","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    display: inline-block;\n    position: absolute;\n    max-height: 100%;\n    bottom: 0;\n    right: 0;\n\n    padding: ","px ","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"])),2*r.spacings.nudge,r.spacings.nudge);exports.Image=function(n){var e=n.className,o=n.small,a=n.medium,l=n.semilarge,s=n.large,d=n.xlarge,c=n.alt,u=n.ratios,p=n.coverSpace,m=n.onClick,f=n.isInverted,g=n.showPlaceholder,w=void 0===g||g,h=n.allowEdgeRadius,j=n.copyright,x=i.useLibTheme().colors,O=t.useRef(null),_=t.useState(!1),E=_[0],q=_[1];return t.useEffect((function(){if(O.current){var n=O.current,e=function(){q(!0)},t=function(){q(!1)};return n.complete?(n.removeEventListener("load",e),n.removeEventListener("error",t),e()):(n.addEventListener("load",e),n.addEventListener("error",t)),function(){n.removeEventListener("load",e),n.removeEventListener("error",t)}}}),[]),v.createElement(b,{ratios:u,coverSpace:p,allowEdgeRadius:h,className:e},v.createElement("picture",{onClick:m},d&&v.createElement("source",{srcSet:d,media:r.mq.xlarge}),s&&v.createElement("source",{srcSet:s,media:r.mq.large}),l&&v.createElement("source",{srcSet:l,media:r.mq.semilarge}),a&&v.createElement("source",{srcSet:a,media:r.mq.medium}),v.createElement(k,{ref:O,"data-img-loaded":E,showPlaceholder:w,isInverted:f,srcSet:o,alt:c||"",loading:"lazy"})),j&&v.createElement(y,{size:"small",textColor:x.text.inverted,innerHTML:"© ".concat(j),renderAs:"span"}))};
-//# sourceMappingURL=Image-c72f7a80.js.map
+"use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("./Copy-b579f268.js"),t=require("react"),o=require("styled-components"),i=require("./LibThemeProvider-4823de57.js"),r=require("./styles-3a495a2d.js");function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function l(n){if(n&&n.__esModule)return n;var e=Object.create(null);return n&&Object.keys(n).forEach((function(t){if("default"!==t){var o=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,o.get?o:{enumerable:!0,get:function(){return n[t]}})}})),e.default=n,Object.freeze(e)}var s,d,c,u,p,m,v=l(t),f=a(o),g=function(n,e){if(n&&e&&!isNaN(n)&&!isNaN(e))return n/e},w=function(n){return!!(n&&(null==n?void 0:n.w)&&(null==n?void 0:n.h))},h=function(e){return o.css(s||(s=n.__makeTemplateObject(["\n    @supports not (aspect-ratio: auto) {\n        height: ",";\n        padding-top: ",";\n    }\n"],["\n    @supports not (aspect-ratio: auto) {\n        height: ",";\n        padding-top: ",";\n    }\n"])),w(e)&&0,w(e)&&"calc(100% / ".concat(g(null==e?void 0:e.w,null==e?void 0:e.h),")"))},b=f.default.div.withConfig({displayName:"Image__AspectContainer",componentId:"sc-10qjgzr-0"})(u||(u=n.__makeTemplateObject(["\n    display: inline-block;\n    position: relative;\n    border-radius: ",";\n    overflow: hidden;\n\n    aspect-ratio: ",";\n\n    width: ",";\n\n    max-width: 100%;\n\n    object-position: center;\n\n    img {\n        width: 100%;\n    }\n\n    ","\n\n    // fallback if browsers do not support aspect-ratio\n    ","\n\n    @media "," {\n        aspect-ratio: ",";\n\n        // fallback if browsers do not support aspect-ratio. (Only works with width = 100%)\n        ","\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n        ","\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n        ","\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n        ","\n    }\n\n    ","\n"],["\n    display: inline-block;\n    position: relative;\n    border-radius: ",";\n    overflow: hidden;\n\n    aspect-ratio: ",";\n\n    width: ",";\n\n    max-width: 100%;\n\n    object-position: center;\n\n    img {\n        width: 100%;\n    }\n\n    ","\n\n    // fallback if browsers do not support aspect-ratio\n    ","\n\n    @media "," {\n        aspect-ratio: ",";\n\n        // fallback if browsers do not support aspect-ratio. (Only works with width = 100%)\n        ","\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n        ","\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n        ","\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n        ","\n    }\n\n    ","\n"])),(function(n){var e=n.theme;return n.allowEdgeRadius&&r.getGlobals(e).sections.edgeRadius}),(function(n){var e,t,o=n.ratios;return g(null===(e=null==o?void 0:o.small)||void 0===e?void 0:e.w,null===(t=null==o?void 0:o.small)||void 0===t?void 0:t.h)}),(function(n){var e,t,o=n.ratios;return!n.coverSpace&&(null===(e=null==o?void 0:o.small)||void 0===e?void 0:e.w)?"".concat(null===(t=null==o?void 0:o.small)||void 0===t?void 0:t.w,"px"):""}),(function(e){return e.coverSpace&&o.css(d||(d=n.__makeTemplateObject(["\n            width: 100%;\n\n            img {\n                object-fit: cover;\n            }\n        "],["\n            width: 100%;\n\n            img {\n                object-fit: cover;\n            }\n        "])))}),(function(n){var e=n.ratios;return n.coverSpace&&h(null==e?void 0:e.small)}),r.mq.medium,(function(n){var e,t,o=n.ratios;return g(null===(e=null==o?void 0:o.medium)||void 0===e?void 0:e.w,null===(t=null==o?void 0:o.medium)||void 0===t?void 0:t.h)}),(function(n){var e=n.ratios;return n.coverSpace&&h(null==e?void 0:e.medium)}),r.mq.semilarge,(function(n){var e,t,o=n.ratios;return g(null===(e=null==o?void 0:o.semilarge)||void 0===e?void 0:e.w,null===(t=null==o?void 0:o.semilarge)||void 0===t?void 0:t.h)}),(function(n){var e=n.ratios;return n.coverSpace&&h(null==e?void 0:e.semilarge)}),r.mq.large,(function(n){var e,t,o=n.ratios;return g(null===(e=null==o?void 0:o.large)||void 0===e?void 0:e.w,null===(t=null==o?void 0:o.large)||void 0===t?void 0:t.h)}),(function(n){var e=n.ratios;return n.coverSpace&&h(null==e?void 0:e.large)}),r.mq.xlarge,(function(n){var e,t,o=n.ratios;return g(null===(e=null==o?void 0:o.xlarge)||void 0===e?void 0:e.w,null===(t=null==o?void 0:o.xlarge)||void 0===t?void 0:t.h)}),(function(n){var e=n.ratios;return n.coverSpace&&h(null==e?void 0:e.xlarge)}),(function(e){var t=e.ratios,i=e.coverSpace;return t&&o.css(c||(c=n.__makeTemplateObject(["\n            img {\n                height: 100%;\n                width: 100%;\n                object-fit: ",";\n\n                @supports not (aspect-ratio: auto) {\n                    position: ",";\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                }\n            }\n        "],["\n            img {\n                height: 100%;\n                width: 100%;\n                object-fit: ",";\n\n                @supports not (aspect-ratio: auto) {\n                    position: ",";\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                }\n            }\n        "])),i?"cover":"contain",i&&"absolute")})),k=f.default.img.withConfig({displayName:"Image__Img",componentId:"sc-10qjgzr-1"})(p||(p=n.__makeTemplateObject(["\n    display: block;\n    color: ",";\n\n    &[data-img-loaded='false'] {\n        background: ",";\n    }\n"],["\n    display: block;\n    color: ",";\n\n    &[data-img-loaded='false'] {\n        background: ",";\n    }\n"])),(function(n){var e=n.theme;return n.isInverted?r.getColors(e).text.inverted:r.getColors(e).text.default}),(function(n){var e=n.theme,t=n.isInverted;return n.showPlaceholder?t?r.getGlobals(e).sections.imagePlaceholderBg.inverted:r.getGlobals(e).sections.imagePlaceholderBg.default:void 0})),y=f.default(e.Copy).withConfig({displayName:"Image__Copyright",componentId:"sc-10qjgzr-2"})(m||(m=n.__makeTemplateObject(["\n    display: inline-block;\n    position: absolute;\n    max-height: 100%;\n    bottom: 0;\n    right: 0;\n\n    padding: ","px ","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    display: inline-block;\n    position: absolute;\n    max-height: 100%;\n    bottom: 0;\n    right: 0;\n\n    padding: ","px ","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"])),2*r.spacings.nudge,r.spacings.nudge);exports.Image=function(n){var e=n.className,o=n.small,a=n.medium,l=n.semilarge,s=n.large,d=n.xlarge,c=n.alt,u=n.ratios,p=n.coverSpace,m=n.onClick,f=n.isInverted,g=n.showPlaceholder,w=void 0===g||g,h=n.allowEdgeRadius,j=n.copyright,x=i.useLibTheme().colors,O=t.useRef(null),_=t.useState(!1),E=_[0],q=_[1];return t.useEffect((function(){if(O.current){var n=O.current,e=function(){q(!0)},t=function(){q(!1)};return n.complete?(n.removeEventListener("load",e),n.removeEventListener("error",t),e()):(n.addEventListener("load",e),n.addEventListener("error",t)),function(){n.removeEventListener("load",e),n.removeEventListener("error",t)}}}),[]),v.createElement(b,{ratios:u,coverSpace:p,allowEdgeRadius:h,className:e},v.createElement("picture",{onClick:m},d&&v.createElement("source",{srcSet:d,media:r.mq.xlarge}),s&&v.createElement("source",{srcSet:s,media:r.mq.large}),l&&v.createElement("source",{srcSet:l,media:r.mq.semilarge}),a&&v.createElement("source",{srcSet:a,media:r.mq.medium}),v.createElement(k,{ref:O,"data-img-loaded":E,showPlaceholder:w,isInverted:f,srcSet:o,alt:c||"",loading:"lazy"})),j&&v.createElement(y,{size:"small",textColor:x.text.inverted,innerHTML:"© ".concat(j),renderAs:"span"}))};
+//# sourceMappingURL=Image-b47c0c2d.js.map