@blateral/b.kit 2.7.5 → 2.8.0

package/cjs/Actions-c52a14e4.js

@@ -0,0 +1,2 @@
+"use strict";var n=require("./Filter-89286db9.js"),e=require("react"),i=require("styled-components"),r=require("./styles-13e5d9ac.js");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var a,l,s,d=t(e),o=t(i),c=o.default.div.withConfig({displayName:"Actions__View",componentId:"sc-1j3kti1-0"})(a||(a=n.__makeTemplateObject(["\n    display: block;\n\n    @media "," {\n        display: ",";\n    }\n"],["\n    display: block;\n\n    @media "," {\n        display: ",";\n    }\n"])),r.mq.medium,(function(n){return n.isCovered?"block":"inline-block"})),m=o.default.div.withConfig({displayName:"Actions__Content",componentId:"sc-1j3kti1-1"})(l||(l=n.__makeTemplateObject(["\n    display: flex;\n    flex-wrap: wrap;\n    flex-direction: ",";\n\n    margin-top: -","px;\n    margin-left: -","px;\n\n    &&& > * {\n        /* flex: 1 1 ","; */\n        margin-top: ","px;\n        margin-left: ","px;\n\n        /* min-width: ","; */\n    }\n\n    @media "," {\n        display: ",";\n        flex-direction: ",";\n        align-items: stretch;\n        width: auto;\n    }\n"],["\n    display: flex;\n    flex-wrap: wrap;\n    flex-direction: ",";\n\n    margin-top: -","px;\n    margin-left: -","px;\n\n    &&& > * {\n        /* flex: 1 1 ","; */\n        margin-top: ","px;\n        margin-left: ","px;\n\n        /* min-width: ","; */\n    }\n\n    @media "," {\n        display: ",";\n        flex-direction: ",";\n        align-items: stretch;\n        width: auto;\n    }\n"])),(function(n){return n.isMirrored?"column-reverse":"column"}),2*r.spacings.nudge,r.spacings.spacer,(function(n){return n.isCovered?"100%":"0px"}),2*r.spacings.nudge,r.spacings.spacer,(function(n){return n.isCovered&&"0px"}),r.mq.medium,(function(n){return n.isCovered?"flex":"inline-flex"}),(function(n){return n.isMirrored?"row-reverse":"row"})),p=o.default.div.withConfig({displayName:"Actions__TertiaryWrapper",componentId:"sc-1j3kti1-2"})(s||(s=n.__makeTemplateObject(["\n    align-self: flex-start;\n\n    @media "," {\n        align-self: center;\n    }\n"],["\n    align-self: flex-start;\n\n    @media "," {\n        align-self: center;\n    }\n"])),r.mq.medium);exports.Actions=function(n){var e=n.mode,i=void 0===e?"wrap":e,r=n.isMirrored,t=void 0!==r&&r,a=n.primary,l=n.secondary,s=n.tertiary,o=n.className;return d.default.createElement(c,{isCovered:"cover"===i,className:o},d.default.createElement(m,{isCovered:"cover"===i,isMirrored:t},a&&a,l&&l,s&&d.default.createElement(p,null,s)))};
+//# sourceMappingURL=Actions-c52a14e4.js.map

package/cjs/{Actions-c7b16449.js.map → Actions-c52a14e4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Actions-c7b16449.js","sources":["../src/components/blocks/Actions.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled from 'styled-components';\n\nimport { mq, spacings } from 'utils/styles';\n\nconst View = styled.div<{ isCovered?: boolean }>`\n    display: block;\n\n    @media ${mq.medium} {\n        display: ${({ isCovered }) => (isCovered ? 'block' : 'inline-block')};\n    }\n`;\n\nconst Content = styled.div<{\n    isMirrored?: boolean;\n    isCovered?: boolean;\n}>`\n    display: flex;\n    flex-wrap: wrap;\n    flex-direction: ${({ isMirrored }) =>\n        isMirrored ? 'column-reverse' : 'column'};\n\n    margin-top: -${spacings.nudge * 2}px;\n    margin-left: -${spacings.spacer}px;\n\n    &&& > * {\n        /* flex: 1 1 ${({ isCovered }) => (isCovered ? '100%' : '0px')}; */\n        margin-top: ${spacings.nudge * 2}px;\n        margin-left: ${spacings.spacer}px;\n\n        /* min-width: ${({ isCovered }) => isCovered && '0px'}; */\n    }\n\n    @media ${mq.medium} {\n        display: ${({ isCovered }) => (isCovered ? 'flex' : 'inline-flex')};\n        flex-direction: ${({ isMirrored }) =>\n            isMirrored ? 'row-reverse' : 'row'};\n        align-items: stretch;\n        width: auto;\n    }\n`;\n\nconst TertiaryWrapper = styled.div`\n    align-self: flex-start;\n\n    @media ${mq.medium} {\n        align-self: center;\n    }\n`;\n\nexport type ActionMode = 'wrap' | 'cover';\n\nconst Actions: FC<{\n    /** Behaviour of content wrapping. If set to cover the action container always tries to fill full width */\n    mode?: ActionMode;\n    /** Switch order of primary and secondary action */\n    isMirrored?: boolean;\n    /** React node of primary action */\n    primary?: React.ReactNode;\n    /** React node of secondary action */\n    secondary?: React.ReactNode;\n    /** React node of tertiary action */\n    tertiary?: React.ReactNode;\n    className?: string;\n}> = ({\n    mode = 'wrap',\n    isMirrored = false,\n    primary,\n    secondary,\n    tertiary,\n    className,\n}) => {\n    return (\n        <View isCovered={mode === 'cover'} className={className}>\n            <Content isCovered={mode === 'cover'} isMirrored={isMirrored}>\n                {primary && primary}\n                {secondary && secondary}\n                {tertiary && <TertiaryWrapper>{tertiary}</TertiaryWrapper>}\n            </Content>\n        </View>\n    );\n};\n\nexport default Actions;\n"],"names":["View","styled","div","withConfig","displayName","componentId","mq","medium","_a","isCovered","Content","templateObject_2","__makeTemplateObject","isMirrored","spacings","nudge","spacer","TertiaryWrapper","templateObject_3","_b","mode","_c","primary","secondary","tertiary","className","React","createElement"],"mappings":"4OAKMA,EAAOC,EAAAA,QAAOC,IAAVC,WAAA,CAAAC,YAAA,gBAAAC,YAAA,gBAAGJ,6GAAmC,uCAG1B,wBACsD,gBAD/DK,EAAAA,GAAGC,QACG,SAACC,GAAkB,OAAPA,EAAAC,UAAoB,QAAU,kBAIvDC,EAAUT,EAAAA,QAAOC,IAAVC,WAAA,CAAAC,YAAA,mBAAAC,YAAA,gBAAGJ,CAAUU,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,mEAAA,yBAAA,0BAAA,8CAAA,6BAAA,6BAAA,gCAAA,6BAAA,wBAAA,8BAAA,mEAAA,CAGxB,mEAI8C,yBAEX,0BACF,8CAGmC,6BAC9B,6BACF,gCAEuB,6BAGvC,wBACoD,8BAE5B,sEAjBxB,SAACJ,GACf,OAD2BA,EAAAK,WACd,iBAAmB,WAEJ,EAAjBC,EAAAA,SAASC,MACRD,EAAAA,SAASE,QAGN,SAACR,GAAkB,OAAPA,EAAAC,UAAoB,OAAS,QACzB,EAAjBK,EAAAA,SAASC,MACRD,EAAAA,SAASE,QAER,SAACR,GAAkBC,OAAPD,EAAAC,WAAoB,QAG3CH,EAAEA,GAACC,QACG,SAACC,GAAkB,OAAPA,EAAAC,UAAoB,OAAS,iBAClC,SAACD,GACf,OAD2BA,EAAAK,WACd,cAAgB,SAMnCI,EAAkBhB,EAAAA,QAAOC,IAAVC,WAAA,CAAAC,YAAA,2BAAAC,YAAA,gBAAGJ,CAAUiB,IAAAA,EAAAN,EAAAA,qBAAA,CAAA,+CAAA,4CAAA,CAAA,+CAGZ,8CAATN,EAAEA,GAACC,wBAmBX,SAACC,OACFW,EAAaX,EAAAY,KAAbA,OAAO,IAAAD,EAAA,SACPE,EAAAb,EAAAK,WAAAA,OAAa,IAAAQ,KACbC,EAAOd,EAAAc,QACPC,EAASf,EAAAe,UACTC,EAAQhB,EAAAgB,SACRC,EAASjB,EAAAiB,UAET,OACIC,EAAA,QAAAC,cAAC3B,EAAI,CAACS,UAAoB,UAATW,EAAkBK,UAAWA,GAC1CC,EAAC,QAAAC,cAAAjB,EAAQ,CAAAD,UAAoB,UAATW,EAAkBP,WAAYA,GAC7CS,GAAWA,EACXC,GAAaA,EACbC,GAAYE,wBAACT,EAAe,KAAEO"}
+{"version":3,"file":"Actions-c52a14e4.js","sources":["../src/components/blocks/Actions.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled from 'styled-components';\n\nimport { mq, spacings } from 'utils/styles';\n\nconst View = styled.div<{ isCovered?: boolean }>`\n    display: block;\n\n    @media ${mq.medium} {\n        display: ${({ isCovered }) => (isCovered ? 'block' : 'inline-block')};\n    }\n`;\n\nconst Content = styled.div<{\n    isMirrored?: boolean;\n    isCovered?: boolean;\n}>`\n    display: flex;\n    flex-wrap: wrap;\n    flex-direction: ${({ isMirrored }) =>\n        isMirrored ? 'column-reverse' : 'column'};\n\n    margin-top: -${spacings.nudge * 2}px;\n    margin-left: -${spacings.spacer}px;\n\n    &&& > * {\n        /* flex: 1 1 ${({ isCovered }) => (isCovered ? '100%' : '0px')}; */\n        margin-top: ${spacings.nudge * 2}px;\n        margin-left: ${spacings.spacer}px;\n\n        /* min-width: ${({ isCovered }) => isCovered && '0px'}; */\n    }\n\n    @media ${mq.medium} {\n        display: ${({ isCovered }) => (isCovered ? 'flex' : 'inline-flex')};\n        flex-direction: ${({ isMirrored }) =>\n            isMirrored ? 'row-reverse' : 'row'};\n        align-items: stretch;\n        width: auto;\n    }\n`;\n\nconst TertiaryWrapper = styled.div`\n    align-self: flex-start;\n\n    @media ${mq.medium} {\n        align-self: center;\n    }\n`;\n\nexport type ActionMode = 'wrap' | 'cover';\n\nconst Actions: FC<{\n    /** Behaviour of content wrapping. If set to cover the action container always tries to fill full width */\n    mode?: ActionMode;\n    /** Switch order of primary and secondary action */\n    isMirrored?: boolean;\n    /** React node of primary action */\n    primary?: React.ReactNode;\n    /** React node of secondary action */\n    secondary?: React.ReactNode;\n    /** React node of tertiary action */\n    tertiary?: React.ReactNode;\n    className?: string;\n}> = ({\n    mode = 'wrap',\n    isMirrored = false,\n    primary,\n    secondary,\n    tertiary,\n    className,\n}) => {\n    return (\n        <View isCovered={mode === 'cover'} className={className}>\n            <Content isCovered={mode === 'cover'} isMirrored={isMirrored}>\n                {primary && primary}\n                {secondary && secondary}\n                {tertiary && <TertiaryWrapper>{tertiary}</TertiaryWrapper>}\n            </Content>\n        </View>\n    );\n};\n\nexport default Actions;\n"],"names":["View","styled","div","withConfig","displayName","componentId","mq","medium","_a","isCovered","Content","templateObject_2","__makeTemplateObject","isMirrored","spacings","nudge","spacer","TertiaryWrapper","templateObject_3","_b","mode","_c","primary","secondary","tertiary","className","React","createElement"],"mappings":"uOAKMA,EAAOC,EAAAA,QAAOC,IAAVC,WAAA,CAAAC,YAAA,gBAAAC,YAAA,gBAAGJ,6GAAmC,uCAG1B,wBACsD,gBAD/DK,EAAAA,GAAGC,QACG,SAACC,GAAkB,OAAPA,EAAAC,UAAoB,QAAU,kBAIvDC,EAAUT,EAAAA,QAAOC,IAAVC,WAAA,CAAAC,YAAA,mBAAAC,YAAA,gBAAGJ,CAAUU,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,mEAAA,yBAAA,0BAAA,8CAAA,6BAAA,6BAAA,gCAAA,6BAAA,wBAAA,8BAAA,mEAAA,CAGxB,mEAI8C,yBAEX,0BACF,8CAGmC,6BAC9B,6BACF,gCAEuB,6BAGvC,wBACoD,8BAE5B,sEAjBxB,SAACJ,GACf,OAD2BA,EAAAK,WACd,iBAAmB,WAEJ,EAAjBC,EAAAA,SAASC,MACRD,EAAAA,SAASE,QAGN,SAACR,GAAkB,OAAPA,EAAAC,UAAoB,OAAS,QACzB,EAAjBK,EAAAA,SAASC,MACRD,EAAAA,SAASE,QAER,SAACR,GAAkBC,OAAPD,EAAAC,WAAoB,QAG3CH,EAAEA,GAACC,QACG,SAACC,GAAkB,OAAPA,EAAAC,UAAoB,OAAS,iBAClC,SAACD,GACf,OAD2BA,EAAAK,WACd,cAAgB,SAMnCI,EAAkBhB,EAAAA,QAAOC,IAAVC,WAAA,CAAAC,YAAA,2BAAAC,YAAA,gBAAGJ,CAAUiB,IAAAA,EAAAN,EAAAA,qBAAA,CAAA,+CAAA,4CAAA,CAAA,+CAGZ,8CAATN,EAAEA,GAACC,wBAmBX,SAACC,OACFW,EAAaX,EAAAY,KAAbA,OAAO,IAAAD,EAAA,SACPE,EAAAb,EAAAK,WAAAA,OAAa,IAAAQ,KACbC,EAAOd,EAAAc,QACPC,EAASf,EAAAe,UACTC,EAAQhB,EAAAgB,SACRC,EAASjB,EAAAiB,UAET,OACIC,EAAA,QAAAC,cAAC3B,EAAI,CAACS,UAAoB,UAATW,EAAkBK,UAAWA,GAC1CC,EAAC,QAAAC,cAAAjB,EAAQ,CAAAD,UAAoB,UAATW,EAAkBP,WAAYA,GAC7CS,GAAWA,EACXC,GAAaA,EACbC,GAAYE,wBAACT,EAAe,KAAEO"}

package/cjs/Bdot-62c8e349.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./Filter-89286db9.js"),n=require("react"),t=require("styled-components"),r=require("./Link-8951180c.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var l,c=a(n),o=i(t).default(r.Link).withConfig({displayName:"Bdot__Dot",componentId:"sc-itin1p-0"})(l||(l=e.__makeTemplateObject(["\n    width: 14px;\n    height: 14px;\n\n    display: inline-block;\n    vertical-align: middle;\n    border-radius: 50%;\n\n    background: ",";\n    color: ",";\n    text-decoration: none;\n\n    span {\n        visibility: hidden;\n        font-size: 0;\n        color: transparent;\n    }\n"],["\n    width: 14px;\n    height: 14px;\n\n    display: inline-block;\n    vertical-align: middle;\n    border-radius: 50%;\n\n    background: ",";\n    color: ",";\n    text-decoration: none;\n\n    span {\n        visibility: hidden;\n        font-size: 0;\n        color: transparent;\n    }\n"])),"#1fc2f4","#1fc2f4");exports.Bdot=function(e){var n=e.className;return c.createElement(o,{ariaLabel:"b.lateral - creative agency",className:n,href:"https://blateral.com",isExternal:!0},c.createElement("span",null,"b.lateral - creative agency"))};
+//# sourceMappingURL=Bdot-62c8e349.js.map

package/cjs/{Bdot-5f8e0450.js.map → Bdot-62c8e349.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Bdot-5f8e0450.js","sources":["../src/components/blocks/Bdot.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport Link from 'components/typography/Link';\n\nconst bdotColor = '#1fc2f4';\n\nconst Dot = styled(Link)`\n    width: 14px;\n    height: 14px;\n\n    display: inline-block;\n    vertical-align: middle;\n    border-radius: 50%;\n\n    background: ${bdotColor};\n    color: ${bdotColor};\n    text-decoration: none;\n\n    span {\n        visibility: hidden;\n        font-size: 0;\n        color: transparent;\n    }\n`;\n\nconst Bdot: React.FC<{ className?: string }> = ({ className }) => {\n    return (\n        <Dot\n            ariaLabel=\"b.lateral - creative agency\"\n            className={className}\n            href=\"https://blateral.com\"\n            isExternal\n        >\n            <span>b.lateral - creative agency</span>\n        </Dot>\n    );\n};\n\nexport default Bdot;\n"],"names":["Dot","Link","withConfig","displayName","componentId","styled","templateObject_1","__makeTemplateObject","_a","className","React","createElement","ariaLabel","href","isExternal"],"mappings":"8fAMMA,OAAY,QAACC,QAAVC,WAAA,CAAAC,YAAA,YAAAC,YAAA,eAAGC,CAAYC,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,gJAAA,iBAAA,yIAAA,CAAA,gJAQG,iBACL,2IAXJ,UAAA,wBAqB6B,SAACC,GAAE,IAAAC,EAASD,EAAAC,UACvD,OACIC,EAACC,cAAAX,EACG,CAAAY,UAAU,8BACVH,UAAWA,EACXI,KAAK,uBACLC,YAAU,GAEVJ,EAAwCC,cAAA,OAAA,KAAA"}
+{"version":3,"file":"Bdot-62c8e349.js","sources":["../src/components/blocks/Bdot.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport Link from 'components/typography/Link';\n\nconst bdotColor = '#1fc2f4';\n\nconst Dot = styled(Link)`\n    width: 14px;\n    height: 14px;\n\n    display: inline-block;\n    vertical-align: middle;\n    border-radius: 50%;\n\n    background: ${bdotColor};\n    color: ${bdotColor};\n    text-decoration: none;\n\n    span {\n        visibility: hidden;\n        font-size: 0;\n        color: transparent;\n    }\n`;\n\nconst Bdot: React.FC<{ className?: string }> = ({ className }) => {\n    return (\n        <Dot\n            ariaLabel=\"b.lateral - creative agency\"\n            className={className}\n            href=\"https://blateral.com\"\n            isExternal\n        >\n            <span>b.lateral - creative agency</span>\n        </Dot>\n    );\n};\n\nexport default Bdot;\n"],"names":["Dot","Link","withConfig","displayName","componentId","styled","templateObject_1","__makeTemplateObject","_a","className","React","createElement","ariaLabel","href","isExternal"],"mappings":"yfAMMA,OAAY,QAACC,QAAVC,WAAA,CAAAC,YAAA,YAAAC,YAAA,eAAGC,CAAYC,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,gJAAA,iBAAA,yIAAA,CAAA,gJAQG,iBACL,2IAXJ,UAAA,wBAqB6B,SAACC,GAAE,IAAAC,EAASD,EAAAC,UACvD,OACIC,EAACC,cAAAX,EACG,CAAAY,UAAU,8BACVH,UAAWA,EACXI,KAAK,uBACLC,YAAU,GAEVJ,EAAwCC,cAAA,OAAA,KAAA"}

package/cjs/Button-1adf99b8.js

@@ -0,0 +1,2 @@
+"use strict";var n=require("./Filter-89286db9.js"),e=require("react"),t=require("styled-components"),i=require("./hexRgbConverter-91b28aea.js"),a=require("./styles-13e5d9ac.js");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r=o(e),s=o(t),l=s.default.a.withConfig({displayName:"Button__View",componentId:"sc-2gssup-0"})(u||(u=n.__makeTemplateObject(["\n    min-height: 3em;\n    height: ",";\n    min-width: ",";\n    padding: 0.1em 1.2em;\n\n    max-width: calc(100% - ","px);\n\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: center;\n    align-items: center;\n\n    vertical-align: middle;\n\n    font-family: ",";\n    ","\n    font-weight: ",";\n    line-height: 1;\n    letter-spacing: ",";\n    text-decoration: none;\n\n    outline: none;\n    border: 1px solid transparent;\n    border-radius: ",";\n    user-select: none;\n    cursor: pointer;\n\n    pointer-events: ",";\n\n    background-color: ",";\n    color: ",";\n    text-align: left;\n\n    transition: all ease-in-out 0.2s;\n\n    & > * {\n        color: ",";\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n    & > *[data-btn-desktop] + *[data-btn-mobile] {\n        margin-left: 0;\n    }\n    & > *[data-btn-mobile] + *[data-btn-desktop] {\n        margin-left: 0;\n    }\n    & > *[data-btn-desktop] {\n        display: none;\n    }\n    & > *:not([data-btn-desktop]) + * {\n        margin-left: 0;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        ","\n    }\n\n    ","\n\n    @media "," {\n        & > *[data-btn-desktop='true'] {\n            display: inherit;\n        }\n        & > *[data-btn-mobile='true'] {\n            display: none;\n        }\n        & > *:not([data-btn-mobile='true']) + * {\n            margin-left: 0;\n        }\n    }\n"],["\n    min-height: 3em;\n    height: ",";\n    min-width: ",";\n    padding: 0.1em 1.2em;\n\n    max-width: calc(100% - ","px);\n\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: center;\n    align-items: center;\n\n    vertical-align: middle;\n\n    font-family: ",";\n    ","\n    font-weight: ",";\n    line-height: 1;\n    letter-spacing: ",";\n    text-decoration: none;\n\n    outline: none;\n    border: 1px solid transparent;\n    border-radius: ",";\n    user-select: none;\n    cursor: pointer;\n\n    pointer-events: ",";\n\n    background-color: ",";\n    color: ",";\n    text-align: left;\n\n    transition: all ease-in-out 0.2s;\n\n    & > * {\n        color: ",";\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n    & > *[data-btn-desktop] + *[data-btn-mobile] {\n        margin-left: 0;\n    }\n    & > *[data-btn-mobile] + *[data-btn-desktop] {\n        margin-left: 0;\n    }\n    & > *[data-btn-desktop] {\n        display: none;\n    }\n    & > *:not([data-btn-desktop]) + * {\n        margin-left: 0;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        ","\n    }\n\n    ","\n\n    @media "," {\n        & > *[data-btn-desktop='true'] {\n            display: inherit;\n        }\n        & > *[data-btn-mobile='true'] {\n            display: none;\n        }\n        & > *:not([data-btn-mobile='true']) + * {\n            margin-left: 0;\n        }\n    }\n"])),(function(n){return"default"===n.size?"3.5em":"3em"}),(function(n){return"default"===n.size?"200px":"120px"}),a.spacings.spacer,(function(n){var e=n.theme;return a.getFonts(e).copy.medium.family}),(function(n){var e=n.theme;return a.withRange(a.getFonts(e).copy.medium.size,"font-size")}),(function(n){var e=n.theme;return a.getFonts(e).copy.medium.weight}),(function(n){var e=n.theme;return a.getFonts(e).copy.medium.letterSpacing}),(function(n){var e=n.theme;return a.getGlobals(e).sections.edgeRadius}),(function(n){return n.disable?"none":"all"}),(function(n){var e=n.theme,t=n.inverted;return n.disable?a.getColors(e).elementBg.medium:t?a.getColors(e).primary.inverted:a.getColors(e).primary.default}),(function(n){var e=n.theme,t=n.inverted;return n.disable?i.hexToRgba(a.getColors(e).text.default,.4):t?a.getColors(e).text.default:a.getColors(e).text.inverted}),(function(n){var e=n.theme,t=n.inverted;return n.disable?i.hexToRgba(a.getColors(e).text.default,.4):t?a.getColors(e).text.default:a.getColors(e).text.inverted}),a.spacings.nudge,(function(e){var i=e.disable,a=e.inverted;return!i&&t.css(c||(c=n.__makeTemplateObject(["\n                &:hover {\n                    box-shadow: 0px 8px 16px\n                        ",";\n                }\n            "],["\n                &:hover {\n                    box-shadow: 0px 8px 16px\n                        ",";\n                }\n            "])),a?"rgba(255, 255, 255, 0.25)":"rgba(0, 0, 0, 0.25)")}),(function(e){var i=e.disable,a=e.inverted;return!i&&t.css(p||(p=n.__makeTemplateObject(["\n            &:focus {\n                text-decoration: underline;\n                box-shadow: 0px 8px 16px\n                    ",";\n            }\n\n            &:focus:not(:focus-visible) {\n                text-decoration: none;\n                outline: none;\n                box-shadow: none;\n            }\n\n            &:active {\n                box-shadow: 0px 2px 6px\n                    ",";\n            }\n        "],["\n            &:focus {\n                text-decoration: underline;\n                box-shadow: 0px 8px 16px\n                    ",";\n            }\n\n            &:focus:not(:focus-visible) {\n                text-decoration: none;\n                outline: none;\n                box-shadow: none;\n            }\n\n            &:active {\n                box-shadow: 0px 2px 6px\n                    ",";\n            }\n        "])),a?"rgba(255, 255, 255, 0.25)":"rgba(0, 0, 0, 0.25)",a?"rgba(255, 255, 255, 0.25)":"rgba(0, 0, 0, 0.3)")}),a.mq.semilarge),d=r.default.forwardRef((function(e,t){var i=e.as,a=e.size,o=void 0===a?"default":a,s=e.isInverted,d=e.isDisabled,c=e.onClick,p=e.className,u=e.children,m=n.__rest(e,["as","size","isInverted","isDisabled","onClick","className","children"]);return"button"===i?r.default.createElement(l,n.__assign({ref:t,as:i,size:o,inverted:s,disable:d,onClick:c,className:p},m),u):r.default.createElement(l,n.__assign({ref:t,as:i,"aria-disabled":d,size:o,href:m.href,target:m.isExternal?"_blank":void 0,rel:m.isExternal?"noopener noreferrer":void 0,inverted:s,disable:d,onClick:c,className:p},m),u)}));d.displayName="Button";var c,p,u,m,f,b=s.default.div.withConfig({displayName:"Button__Icon",componentId:"sc-2gssup-1"})(m||(m=n.__makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    width: 35px;\n    height: 35px;\n\n    color: ",";\n\n    transition: transform 0.2s ease-in-out;\n\n    ",":hover > & {\n        transform: translateX(3px);\n    }\n"],["\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    width: 35px;\n    height: 35px;\n\n    color: ",";\n\n    transition: transform 0.2s ease-in-out;\n\n    ",":hover > & {\n        transform: translateX(3px);\n    }\n"])),(function(n){return n.iconColor||"inherit"}),l),x={View:d,Label:s.default.span.withConfig({displayName:"Button__Label",componentId:"sc-2gssup-2"})(f||(f=n.__makeTemplateObject(["\n    display: inline-block;\n\n    max-width: 100%;\n\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n"],["\n    display: inline-block;\n\n    max-width: 100%;\n\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n"]))),Icon:b};exports.Button=x;
+//# sourceMappingURL=Button-1adf99b8.js.map

package/cjs/{Button-51ea72b7.js.map → Button-1adf99b8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Button-51ea72b7.js","sources":["../src/components/buttons/Button.tsx"],"sourcesContent":["import React from 'react';\nimport styled, { css } from 'styled-components';\nimport { hexToRgba } from 'utils/hexRgbConverter';\n\nimport {\n    getColors as color,\n    getFonts as font,\n    getGlobals as global,\n    mq,\n    spacings,\n    withRange,\n} from 'utils/styles';\n\nconst View = styled.a<{\n    inverted?: boolean;\n    disable?: boolean;\n    size?: 'default' | 'small';\n}>`\n    min-height: 3em;\n    height: ${({ size }) => (size === 'default' ? '3.5em' : '3em')};\n    min-width: ${({ size }) => (size === 'default' ? '200px' : '120px')};\n    padding: 0.1em 1.2em;\n\n    max-width: calc(100% - ${spacings.spacer}px);\n\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: center;\n    align-items: center;\n\n    vertical-align: middle;\n\n    font-family: ${({ theme }) => font(theme).copy.medium.family};\n    ${({ theme }) => withRange(font(theme).copy.medium.size, 'font-size')}\n    font-weight: ${({ theme }) => font(theme).copy.medium.weight};\n    line-height: 1;\n    letter-spacing: ${({ theme }) => font(theme).copy.medium.letterSpacing};\n    text-decoration: none;\n\n    outline: none;\n    border: 1px solid transparent;\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n    user-select: none;\n    cursor: pointer;\n\n    pointer-events: ${({ disable }) => (disable ? 'none' : 'all')};\n\n    background-color: ${({ theme, inverted, disable }) =>\n        disable\n            ? color(theme).elementBg.medium\n            : inverted\n            ? color(theme).primary.inverted\n            : color(theme).primary.default};\n    color: ${({ theme, inverted, disable }) =>\n        disable\n            ? hexToRgba(color(theme).text.default, 0.4)\n            : !inverted\n            ? color(theme).text.inverted\n            : color(theme).text.default};\n    text-align: left;\n\n    transition: all ease-in-out 0.2s;\n\n    & > * {\n        color: ${({ theme, inverted, disable }) =>\n            disable\n                ? hexToRgba(color(theme).text.default, 0.4)\n                : !inverted\n                ? color(theme).text.inverted\n                : color(theme).text.default};\n    }\n\n    & > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n    & > *[data-btn-desktop] + *[data-btn-mobile] {\n        margin-left: 0;\n    }\n    & > *[data-btn-mobile] + *[data-btn-desktop] {\n        margin-left: 0;\n    }\n    & > *[data-btn-desktop] {\n        display: none;\n    }\n    & > *:not([data-btn-desktop]) + * {\n        margin-left: 0;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        ${({ disable, inverted }) =>\n            !disable &&\n            css`\n                &:hover {\n                    box-shadow: 0px 8px 16px\n                        ${inverted\n                            ? 'rgba(255, 255, 255, 0.25)'\n                            : 'rgba(0, 0, 0, 0.25)'};\n                }\n            `}\n    }\n\n    ${({ disable, inverted }) =>\n        !disable &&\n        css`\n            &:focus {\n                text-decoration: underline;\n                box-shadow: 0px 8px 16px\n                    ${inverted\n                        ? 'rgba(255, 255, 255, 0.25)'\n                        : 'rgba(0, 0, 0, 0.25)'};\n            }\n\n            &:focus:not(:focus-visible) {\n                text-decoration: none;\n                outline: none;\n                box-shadow: none;\n            }\n\n            &:active {\n                box-shadow: 0px 2px 6px\n                    ${inverted\n                        ? 'rgba(255, 255, 255, 0.25)'\n                        : 'rgba(0, 0, 0, 0.3)'};\n            }\n        `}\n\n    @media ${mq.semilarge} {\n        & > *[data-btn-desktop='true'] {\n            display: inherit;\n        }\n        & > *[data-btn-mobile='true'] {\n            display: none;\n        }\n        & > *:not([data-btn-mobile='true']) + * {\n            margin-left: 0;\n        }\n    }\n`;\n\ninterface Props {\n    size?: 'default' | 'small';\n    isInverted?: boolean;\n    isDisabled?: boolean;\n    className?: string;\n    children?: React.ReactNode;\n}\n\nexport type BtnProps = Props & {\n    as?: 'button';\n    onClick?: (ev: React.SyntheticEvent<HTMLButtonElement>) => void;\n};\n\nexport type LinkProps = Props & {\n    as?: 'a';\n    href?: string;\n    onClick?: (ev: React.SyntheticEvent<HTMLAnchorElement>) => void;\n    isExternal?: boolean;\n};\n\nconst Button: React.FC<BtnProps | LinkProps> = React.forwardRef(\n    (\n        {\n            as,\n            size = 'default',\n            isInverted,\n            isDisabled,\n            onClick,\n            className,\n            children,\n            ...rest\n        },\n        ref\n    ) => {\n        if (as === 'button') {\n            return (\n                <View\n                    ref={ref}\n                    as={as as any}\n                    size={size}\n                    inverted={isInverted}\n                    disable={isDisabled}\n                    onClick={onClick}\n                    className={className}\n                    {...rest}\n                >\n                    {children}\n                </View>\n            );\n        } else {\n            return (\n                <View\n                    ref={ref}\n                    as={as as any}\n                    aria-disabled={isDisabled}\n                    size={size}\n                    href={(rest as LinkProps).href}\n                    target={\n                        (rest as LinkProps).isExternal ? '_blank' : undefined\n                    }\n                    rel={\n                        (rest as LinkProps).isExternal\n                            ? 'noopener noreferrer'\n                            : undefined\n                    }\n                    inverted={isInverted}\n                    disable={isDisabled}\n                    onClick={onClick}\n                    className={className}\n                    {...rest}\n                >\n                    {children}\n                </View>\n            );\n        }\n    }\n);\n\nButton.displayName = 'Button';\n\nconst Icon = styled.div<{ iconColor?: string }>`\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    width: 35px;\n    height: 35px;\n\n    color: ${({ iconColor }) => iconColor || 'inherit'};\n\n    transition: transform 0.2s ease-in-out;\n\n    ${View}:hover > & {\n        transform: translateX(3px);\n    }\n`;\n\nconst Label = styled.span`\n    display: inline-block;\n\n    max-width: 100%;\n\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n`;\n\nexport default { View: Button, Label: Label, Icon: Icon };\n"],"names":["View","styled","a","withConfig","displayName","componentId","templateObject_3","__makeTemplateObject","_a","size","spacings","spacer","theme","font","getFonts","copy","medium","family","withRange","weight","letterSpacing","global","sections","edgeRadius","disable","inverted","color","elementBg","primary","default","hexToRgba","text","nudge","css","templateObject_2","mq","semilarge","Button","React","forwardRef","ref","as","_b","isInverted","isDisabled","onClick","className","children","rest","__rest","createElement","__assign","href","target","isExternal","undefined","rel","Icon","div","templateObject_4","iconColor","Button$1","Label","span","templateObject_5"],"mappings":"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"}
+{"version":3,"file":"Button-1adf99b8.js","sources":["../src/components/buttons/Button.tsx"],"sourcesContent":["import React from 'react';\nimport styled, { css } from 'styled-components';\nimport { hexToRgba } from 'utils/hexRgbConverter';\n\nimport {\n    getColors as color,\n    getFonts as font,\n    getGlobals as global,\n    mq,\n    spacings,\n    withRange,\n} from 'utils/styles';\n\nconst View = styled.a<{\n    inverted?: boolean;\n    disable?: boolean;\n    size?: 'default' | 'small';\n}>`\n    min-height: 3em;\n    height: ${({ size }) => (size === 'default' ? '3.5em' : '3em')};\n    min-width: ${({ size }) => (size === 'default' ? '200px' : '120px')};\n    padding: 0.1em 1.2em;\n\n    max-width: calc(100% - ${spacings.spacer}px);\n\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: center;\n    align-items: center;\n\n    vertical-align: middle;\n\n    font-family: ${({ theme }) => font(theme).copy.medium.family};\n    ${({ theme }) => withRange(font(theme).copy.medium.size, 'font-size')}\n    font-weight: ${({ theme }) => font(theme).copy.medium.weight};\n    line-height: 1;\n    letter-spacing: ${({ theme }) => font(theme).copy.medium.letterSpacing};\n    text-decoration: none;\n\n    outline: none;\n    border: 1px solid transparent;\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n    user-select: none;\n    cursor: pointer;\n\n    pointer-events: ${({ disable }) => (disable ? 'none' : 'all')};\n\n    background-color: ${({ theme, inverted, disable }) =>\n        disable\n            ? color(theme).elementBg.medium\n            : inverted\n            ? color(theme).primary.inverted\n            : color(theme).primary.default};\n    color: ${({ theme, inverted, disable }) =>\n        disable\n            ? hexToRgba(color(theme).text.default, 0.4)\n            : !inverted\n            ? color(theme).text.inverted\n            : color(theme).text.default};\n    text-align: left;\n\n    transition: all ease-in-out 0.2s;\n\n    & > * {\n        color: ${({ theme, inverted, disable }) =>\n            disable\n                ? hexToRgba(color(theme).text.default, 0.4)\n                : !inverted\n                ? color(theme).text.inverted\n                : color(theme).text.default};\n    }\n\n    & > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n    & > *[data-btn-desktop] + *[data-btn-mobile] {\n        margin-left: 0;\n    }\n    & > *[data-btn-mobile] + *[data-btn-desktop] {\n        margin-left: 0;\n    }\n    & > *[data-btn-desktop] {\n        display: none;\n    }\n    & > *:not([data-btn-desktop]) + * {\n        margin-left: 0;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        ${({ disable, inverted }) =>\n            !disable &&\n            css`\n                &:hover {\n                    box-shadow: 0px 8px 16px\n                        ${inverted\n                            ? 'rgba(255, 255, 255, 0.25)'\n                            : 'rgba(0, 0, 0, 0.25)'};\n                }\n            `}\n    }\n\n    ${({ disable, inverted }) =>\n        !disable &&\n        css`\n            &:focus {\n                text-decoration: underline;\n                box-shadow: 0px 8px 16px\n                    ${inverted\n                        ? 'rgba(255, 255, 255, 0.25)'\n                        : 'rgba(0, 0, 0, 0.25)'};\n            }\n\n            &:focus:not(:focus-visible) {\n                text-decoration: none;\n                outline: none;\n                box-shadow: none;\n            }\n\n            &:active {\n                box-shadow: 0px 2px 6px\n                    ${inverted\n                        ? 'rgba(255, 255, 255, 0.25)'\n                        : 'rgba(0, 0, 0, 0.3)'};\n            }\n        `}\n\n    @media ${mq.semilarge} {\n        & > *[data-btn-desktop='true'] {\n            display: inherit;\n        }\n        & > *[data-btn-mobile='true'] {\n            display: none;\n        }\n        & > *:not([data-btn-mobile='true']) + * {\n            margin-left: 0;\n        }\n    }\n`;\n\ninterface Props {\n    size?: 'default' | 'small';\n    isInverted?: boolean;\n    isDisabled?: boolean;\n    className?: string;\n    children?: React.ReactNode;\n}\n\nexport type BtnProps = Props & {\n    as?: 'button';\n    onClick?: (ev: React.SyntheticEvent<HTMLButtonElement>) => void;\n};\n\nexport type LinkProps = Props & {\n    as?: 'a';\n    href?: string;\n    onClick?: (ev: React.SyntheticEvent<HTMLAnchorElement>) => void;\n    isExternal?: boolean;\n};\n\nconst Button: React.FC<BtnProps | LinkProps> = React.forwardRef(\n    (\n        {\n            as,\n            size = 'default',\n            isInverted,\n            isDisabled,\n            onClick,\n            className,\n            children,\n            ...rest\n        },\n        ref\n    ) => {\n        if (as === 'button') {\n            return (\n                <View\n                    ref={ref}\n                    as={as as any}\n                    size={size}\n                    inverted={isInverted}\n                    disable={isDisabled}\n                    onClick={onClick}\n                    className={className}\n                    {...rest}\n                >\n                    {children}\n                </View>\n            );\n        } else {\n            return (\n                <View\n                    ref={ref}\n                    as={as as any}\n                    aria-disabled={isDisabled}\n                    size={size}\n                    href={(rest as LinkProps).href}\n                    target={\n                        (rest as LinkProps).isExternal ? '_blank' : undefined\n                    }\n                    rel={\n                        (rest as LinkProps).isExternal\n                            ? 'noopener noreferrer'\n                            : undefined\n                    }\n                    inverted={isInverted}\n                    disable={isDisabled}\n                    onClick={onClick}\n                    className={className}\n                    {...rest}\n                >\n                    {children}\n                </View>\n            );\n        }\n    }\n);\n\nButton.displayName = 'Button';\n\nconst Icon = styled.div<{ iconColor?: string }>`\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    width: 35px;\n    height: 35px;\n\n    color: ${({ iconColor }) => iconColor || 'inherit'};\n\n    transition: transform 0.2s ease-in-out;\n\n    ${View}:hover > & {\n        transform: translateX(3px);\n    }\n`;\n\nconst Label = styled.span`\n    display: inline-block;\n\n    max-width: 100%;\n\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n`;\n\nexport default { View: Button, Label: Label, Icon: Icon };\n"],"names":["View","styled","a","withConfig","displayName","componentId","templateObject_3","__makeTemplateObject","_a","size","spacings","spacer","theme","font","getFonts","copy","medium","family","withRange","weight","letterSpacing","global","sections","edgeRadius","disable","inverted","color","elementBg","primary","default","hexToRgba","text","nudge","css","templateObject_2","mq","semilarge","Button","React","forwardRef","ref","as","_b","isInverted","isDisabled","onClick","className","children","rest","__rest","createElement","__assign","href","target","isExternal","undefined","rel","Icon","div","templateObject_4","iconColor","Button$1","Label","span","templateObject_5"],"mappings":"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"}

package/cjs/ButtonGhost-fbab8769.js

@@ -0,0 +1,2 @@
+"use strict";var n=require("./Filter-89286db9.js"),e=require("react"),t=require("styled-components"),o=require("./hexRgbConverter-91b28aea.js"),i=require("./styles-13e5d9ac.js");function r(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 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=a(e),l=r(t),d=l.default.a.withConfig({displayName:"ButtonGhost__View",componentId:"sc-y4lhy8-0"})(f||(f=n.__makeTemplateObject(["\n    min-height: 3em;\n    height: ",";\n    min-width: ",";\n    padding: 0.1em 1.2em;\n\n    max-width: calc(100% - ","px);\n\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: center;\n    align-items: center;\n\n    vertical-align: middle;\n\n    font-family: ",";\n    ","\n    font-weight: ",";\n    line-height: 1;\n    letter-spacing: ",";\n\n    text-align: center;\n    text-decoration: none;\n\n    outline: none;\n    box-shadow: none;\n    border: solid 1px\n        ",";\n    border-radius: ",";\n    user-select: none;\n    cursor: pointer;\n\n    pointer-events: ",";\n\n    background-color: transparent;\n    color: ",";\n\n    transition: all ease-in-out 0.2s;\n\n    & > * {\n        color: ",";\n    }\n\n    & > :not(:last-child) {\n        padding-right: ","px;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        ","\n    }\n"],["\n    min-height: 3em;\n    height: ",";\n    min-width: ",";\n    padding: 0.1em 1.2em;\n\n    max-width: calc(100% - ","px);\n\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: center;\n    align-items: center;\n\n    vertical-align: middle;\n\n    font-family: ",";\n    ","\n    font-weight: ",";\n    line-height: 1;\n    letter-spacing: ",";\n\n    text-align: center;\n    text-decoration: none;\n\n    outline: none;\n    box-shadow: none;\n    border: solid 1px\n        ",";\n    border-radius: ",";\n    user-select: none;\n    cursor: pointer;\n\n    pointer-events: ",";\n\n    background-color: transparent;\n    color: ",";\n\n    transition: all ease-in-out 0.2s;\n\n    & > * {\n        color: ",";\n    }\n\n    & > :not(:last-child) {\n        padding-right: ","px;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        ","\n    }\n"])),(function(n){return"default"===n.size?"3.5em":"3em"}),(function(n){return"default"===n.size?"200px":"120px"}),i.spacings.spacer,(function(n){var e=n.theme;return i.getFonts(e).copy.medium.family}),(function(n){var e=n.theme;return i.withRange(i.getFonts(e).copy.medium.size,"font-size")}),(function(n){var e=n.theme;return i.getFonts(e).copy.medium.weight}),(function(n){var e=n.theme;return i.getFonts(e).copy.medium.letterSpacing}),(function(n){var e=n.inverted,t=n.disable,o=n.theme;return t?i.getColors(o).elementBg.medium:e?i.getColors(o).elementBg.light:i.getColors(o).elementBg.dark}),(function(n){var e=n.theme;return i.getGlobals(e).sections.edgeRadius}),(function(n){return n.disable?"none":"all"}),(function(n){var e=n.theme,t=n.inverted;return n.disable?t?o.hexToRgba(i.getColors(e).text.inverted,.6):o.hexToRgba(i.getColors(e).text.default,.6):t?i.getColors(e).text.inverted:i.getColors(e).text.default}),(function(n){var e=n.theme,t=n.inverted;return n.disable?t?o.hexToRgba(i.getColors(e).text.inverted,.6):o.hexToRgba(i.getColors(e).text.default,.6):t?i.getColors(e).text.inverted:i.getColors(e).text.default}),i.spacings.nudge,(function(e){var o=e.disable,r=e.inverted,a=e.theme;return!o&&t.css(u||(u=n.__makeTemplateObject(["\n                &:hover {\n                    box-shadow: 0px 8px 16px\n                        ",";\n                }\n\n                &:focus {\n                    outline: 1px solid\n                        ",";\n                    outline-offset: 0;\n                    box-shadow: 0px 2px 6px\n                        ",";\n                }\n\n                &:focus:not(:focus-visible) {\n                    outline: none;\n                    box-shadow: none;\n                }\n\n                &:active {\n                    box-shadow: 0px 2px 6px\n                        ",";\n                }\n            "],["\n                &:hover {\n                    box-shadow: 0px 8px 16px\n                        ",";\n                }\n\n                &:focus {\n                    outline: 1px solid\n                        ",";\n                    outline-offset: 0;\n                    box-shadow: 0px 2px 6px\n                        ",";\n                }\n\n                &:focus:not(:focus-visible) {\n                    outline: none;\n                    box-shadow: none;\n                }\n\n                &:active {\n                    box-shadow: 0px 2px 6px\n                        ",";\n                }\n            "])),r?"rgba(255, 255, 255, 0.25)":"rgba(0, 0, 0, 0.25)",r?i.getColors(a).primary.inverted:i.getColors(a).primary.default,r?"rgba(255, 255, 255, 0.25)":"rgba(0, 0, 0, 0.3)",r?"rgba(255, 255, 255, 0.25)":"rgba(0, 0, 0, 0.3)")})),c=s.forwardRef((function(e,t){var o=e.as,i=e.size,r=void 0===i?"default":i,a=e.isInverted,l=e.isDisabled,c=e.onClick,u=e.className,f=e.children,p=n.__rest(e,["as","size","isInverted","isDisabled","onClick","className","children"]);return"button"===o?s.createElement(d,n.__assign({ref:t,as:o,size:r,inverted:a,disable:l,onClick:c,className:u},p),f):s.createElement(d,n.__assign({ref:t,as:o,"aria-disabled":l,size:r,href:p.href,target:p.isExternal?"_blank":void 0,rel:p.isExternal?"noopener noreferrer":void 0,inverted:a,disable:l,onClick:c,className:u},p),f)}));c.displayName="Button Ghost";var u,f,p,h,x=l.default.div.withConfig({displayName:"ButtonGhost__Icon",componentId:"sc-y4lhy8-1"})(p||(p=n.__makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-end;\n    align-items: center;\n    width: 35px;\n    height: 35px;\n\n    color: ",";\n\n    transition: transform 0.2s ease-in-out;\n\n    ",":hover > & {\n        transform: translateX(3px);\n    }\n"],["\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-end;\n    align-items: center;\n    width: 35px;\n    height: 35px;\n\n    color: ",";\n\n    transition: transform 0.2s ease-in-out;\n\n    ",":hover > & {\n        transform: translateX(3px);\n    }\n"])),(function(n){return n.iconColor||"inherit"}),d),m={View:c,Label:l.default.span.withConfig({displayName:"ButtonGhost__Label",componentId:"sc-y4lhy8-2"})(h||(h=n.__makeTemplateObject(["\n    display: inline-block;\n\n    max-width: 100%;\n\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n"],["\n    display: inline-block;\n\n    max-width: 100%;\n\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n"]))),Icon:x};exports.ButtonGhost=m;
+//# sourceMappingURL=ButtonGhost-fbab8769.js.map

package/cjs/{ButtonGhost-628bbd60.js.map → ButtonGhost-fbab8769.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ButtonGhost-628bbd60.js","sources":["../src/components/buttons/ButtonGhost.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled, { css } from 'styled-components';\nimport { hexToRgba } from 'utils/hexRgbConverter';\n\nimport {\n    getColors as color,\n    getFonts as font,\n    getGlobals as global,\n    spacings,\n    withRange,\n} from 'utils/styles';\n\nconst View = styled.a<{\n    inverted?: boolean;\n    disable?: boolean;\n    size?: 'default' | 'small';\n}>`\n    min-height: 3em;\n    height: ${({ size }) => (size === 'default' ? '3.5em' : '3em')};\n    min-width: ${({ size }) => (size === 'default' ? '200px' : '120px')};\n    padding: 0.1em 1.2em;\n\n    max-width: calc(100% - ${spacings.spacer}px);\n\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: center;\n    align-items: center;\n\n    vertical-align: middle;\n\n    font-family: ${({ theme }) => font(theme).copy.medium.family};\n    ${({ theme }) => withRange(font(theme).copy.medium.size, 'font-size')}\n    font-weight: ${({ theme }) => font(theme).copy.medium.weight};\n    line-height: 1;\n    letter-spacing: ${({ theme }) => font(theme).copy.medium.letterSpacing};\n\n    text-align: center;\n    text-decoration: none;\n\n    outline: none;\n    box-shadow: none;\n    border: solid 1px\n        ${({ inverted, disable, theme }) =>\n            disable\n                ? color(theme).elementBg.medium\n                : inverted\n                ? color(theme).elementBg.light\n                : color(theme).elementBg.dark};\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n    user-select: none;\n    cursor: pointer;\n\n    pointer-events: ${({ disable }) => (disable ? 'none' : 'all')};\n\n    background-color: transparent;\n    color: ${({ theme, inverted, disable }) =>\n        disable\n            ? inverted\n                ? hexToRgba(color(theme).text.inverted, 0.6)\n                : hexToRgba(color(theme).text.default, 0.6)\n            : inverted\n            ? color(theme).text.inverted\n            : color(theme).text.default};\n\n    transition: all ease-in-out 0.2s;\n\n    & > * {\n        color: ${({ theme, inverted, disable }) =>\n            disable\n                ? inverted\n                    ? hexToRgba(color(theme).text.inverted, 0.6)\n                    : hexToRgba(color(theme).text.default, 0.6)\n                : inverted\n                ? color(theme).text.inverted\n                : color(theme).text.default};\n    }\n\n    & > :not(:last-child) {\n        padding-right: ${spacings.nudge}px;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        ${({ disable, inverted, theme }) =>\n            !disable &&\n            css`\n                &:hover {\n                    box-shadow: 0px 8px 16px\n                        ${inverted\n                            ? 'rgba(255, 255, 255, 0.25)'\n                            : 'rgba(0, 0, 0, 0.25)'};\n                }\n\n                &:focus {\n                    outline: 1px solid\n                        ${inverted\n                            ? color(theme).primary.inverted\n                            : color(theme).primary.default};\n                    outline-offset: 0;\n                    box-shadow: 0px 2px 6px\n                        ${inverted\n                            ? 'rgba(255, 255, 255, 0.25)'\n                            : 'rgba(0, 0, 0, 0.3)'};\n                }\n\n                &:focus:not(:focus-visible) {\n                    outline: none;\n                    box-shadow: none;\n                }\n\n                &:active {\n                    box-shadow: 0px 2px 6px\n                        ${inverted\n                            ? 'rgba(255, 255, 255, 0.25)'\n                            : 'rgba(0, 0, 0, 0.3)'};\n                }\n            `}\n    }\n`;\n\ninterface Props {\n    size?: 'default' | 'small';\n    isInverted?: boolean;\n    isDisabled?: boolean;\n    className?: string;\n    children?: React.ReactNode;\n}\n\nexport type BtnProps = Props & {\n    as?: 'button';\n    onClick?: (ev: React.SyntheticEvent<HTMLButtonElement>) => void;\n};\n\nexport type LinkProps = Props & {\n    as?: 'a';\n    href?: string;\n    onClick?: (ev: React.SyntheticEvent<HTMLAnchorElement>) => void;\n    isExternal?: boolean;\n};\n\nconst ButtonGhost: React.FC<BtnProps | LinkProps> = React.forwardRef(\n    (\n        {\n            as,\n            size = 'default',\n            isInverted,\n            isDisabled,\n            onClick,\n            className,\n            children,\n            ...rest\n        },\n        ref\n    ) => {\n        if (as === 'button') {\n            return (\n                <View\n                    ref={ref}\n                    as={as as any}\n                    size={size}\n                    inverted={isInverted}\n                    disable={isDisabled}\n                    onClick={onClick}\n                    className={className}\n                    {...rest}\n                >\n                    {children}\n                </View>\n            );\n        } else {\n            return (\n                <View\n                    ref={ref}\n                    as={as as any}\n                    aria-disabled={isDisabled}\n                    size={size}\n                    href={(rest as LinkProps).href}\n                    target={\n                        (rest as LinkProps).isExternal ? '_blank' : undefined\n                    }\n                    rel={\n                        (rest as LinkProps).isExternal\n                            ? 'noopener noreferrer'\n                            : undefined\n                    }\n                    inverted={isInverted}\n                    disable={isDisabled}\n                    onClick={onClick}\n                    className={className}\n                    {...rest}\n                >\n                    {children}\n                </View>\n            );\n        }\n    }\n);\n\nButtonGhost.displayName = 'Button Ghost';\n\nconst Icon = styled.div<{ iconColor?: string }>`\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-end;\n    align-items: center;\n    width: 35px;\n    height: 35px;\n\n    color: ${({ iconColor }) => iconColor || 'inherit'};\n\n    transition: transform 0.2s ease-in-out;\n\n    ${View}:hover > & {\n        transform: translateX(3px);\n    }\n`;\n\nconst Label = styled.span`\n    display: inline-block;\n\n    max-width: 100%;\n\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n`;\n\nexport default { View: ButtonGhost, Label: Label, Icon: Icon };\n"],"names":["View","styled","a","withConfig","displayName","componentId","_a","size","spacings","spacer","theme","font","getFonts","copy","medium","family","withRange","weight","letterSpacing","inverted","disable","color","elementBg","light","dark","global","sections","edgeRadius","hexToRgba","text","default","nudge","css","getColors","primary","ButtonGhost","React","forwardRef","ref","as","_b","isInverted","isDisabled","onClick","className","children","rest","__rest","createElement","__assign","href","target","isExternal","undefined","rel","Icon","div","templateObject_3","__makeTemplateObject","iconColor","ButtonGhost$1","Label","span","templateObject_4"],"mappings":"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"}
+{"version":3,"file":"ButtonGhost-fbab8769.js","sources":["../src/components/buttons/ButtonGhost.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled, { css } from 'styled-components';\nimport { hexToRgba } from 'utils/hexRgbConverter';\n\nimport {\n    getColors as color,\n    getFonts as font,\n    getGlobals as global,\n    spacings,\n    withRange,\n} from 'utils/styles';\n\nconst View = styled.a<{\n    inverted?: boolean;\n    disable?: boolean;\n    size?: 'default' | 'small';\n}>`\n    min-height: 3em;\n    height: ${({ size }) => (size === 'default' ? '3.5em' : '3em')};\n    min-width: ${({ size }) => (size === 'default' ? '200px' : '120px')};\n    padding: 0.1em 1.2em;\n\n    max-width: calc(100% - ${spacings.spacer}px);\n\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: center;\n    align-items: center;\n\n    vertical-align: middle;\n\n    font-family: ${({ theme }) => font(theme).copy.medium.family};\n    ${({ theme }) => withRange(font(theme).copy.medium.size, 'font-size')}\n    font-weight: ${({ theme }) => font(theme).copy.medium.weight};\n    line-height: 1;\n    letter-spacing: ${({ theme }) => font(theme).copy.medium.letterSpacing};\n\n    text-align: center;\n    text-decoration: none;\n\n    outline: none;\n    box-shadow: none;\n    border: solid 1px\n        ${({ inverted, disable, theme }) =>\n            disable\n                ? color(theme).elementBg.medium\n                : inverted\n                ? color(theme).elementBg.light\n                : color(theme).elementBg.dark};\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n    user-select: none;\n    cursor: pointer;\n\n    pointer-events: ${({ disable }) => (disable ? 'none' : 'all')};\n\n    background-color: transparent;\n    color: ${({ theme, inverted, disable }) =>\n        disable\n            ? inverted\n                ? hexToRgba(color(theme).text.inverted, 0.6)\n                : hexToRgba(color(theme).text.default, 0.6)\n            : inverted\n            ? color(theme).text.inverted\n            : color(theme).text.default};\n\n    transition: all ease-in-out 0.2s;\n\n    & > * {\n        color: ${({ theme, inverted, disable }) =>\n            disable\n                ? inverted\n                    ? hexToRgba(color(theme).text.inverted, 0.6)\n                    : hexToRgba(color(theme).text.default, 0.6)\n                : inverted\n                ? color(theme).text.inverted\n                : color(theme).text.default};\n    }\n\n    & > :not(:last-child) {\n        padding-right: ${spacings.nudge}px;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        ${({ disable, inverted, theme }) =>\n            !disable &&\n            css`\n                &:hover {\n                    box-shadow: 0px 8px 16px\n                        ${inverted\n                            ? 'rgba(255, 255, 255, 0.25)'\n                            : 'rgba(0, 0, 0, 0.25)'};\n                }\n\n                &:focus {\n                    outline: 1px solid\n                        ${inverted\n                            ? color(theme).primary.inverted\n                            : color(theme).primary.default};\n                    outline-offset: 0;\n                    box-shadow: 0px 2px 6px\n                        ${inverted\n                            ? 'rgba(255, 255, 255, 0.25)'\n                            : 'rgba(0, 0, 0, 0.3)'};\n                }\n\n                &:focus:not(:focus-visible) {\n                    outline: none;\n                    box-shadow: none;\n                }\n\n                &:active {\n                    box-shadow: 0px 2px 6px\n                        ${inverted\n                            ? 'rgba(255, 255, 255, 0.25)'\n                            : 'rgba(0, 0, 0, 0.3)'};\n                }\n            `}\n    }\n`;\n\ninterface Props {\n    size?: 'default' | 'small';\n    isInverted?: boolean;\n    isDisabled?: boolean;\n    className?: string;\n    children?: React.ReactNode;\n}\n\nexport type BtnProps = Props & {\n    as?: 'button';\n    onClick?: (ev: React.SyntheticEvent<HTMLButtonElement>) => void;\n};\n\nexport type LinkProps = Props & {\n    as?: 'a';\n    href?: string;\n    onClick?: (ev: React.SyntheticEvent<HTMLAnchorElement>) => void;\n    isExternal?: boolean;\n};\n\nconst ButtonGhost: React.FC<BtnProps | LinkProps> = React.forwardRef(\n    (\n        {\n            as,\n            size = 'default',\n            isInverted,\n            isDisabled,\n            onClick,\n            className,\n            children,\n            ...rest\n        },\n        ref\n    ) => {\n        if (as === 'button') {\n            return (\n                <View\n                    ref={ref}\n                    as={as as any}\n                    size={size}\n                    inverted={isInverted}\n                    disable={isDisabled}\n                    onClick={onClick}\n                    className={className}\n                    {...rest}\n                >\n                    {children}\n                </View>\n            );\n        } else {\n            return (\n                <View\n                    ref={ref}\n                    as={as as any}\n                    aria-disabled={isDisabled}\n                    size={size}\n                    href={(rest as LinkProps).href}\n                    target={\n                        (rest as LinkProps).isExternal ? '_blank' : undefined\n                    }\n                    rel={\n                        (rest as LinkProps).isExternal\n                            ? 'noopener noreferrer'\n                            : undefined\n                    }\n                    inverted={isInverted}\n                    disable={isDisabled}\n                    onClick={onClick}\n                    className={className}\n                    {...rest}\n                >\n                    {children}\n                </View>\n            );\n        }\n    }\n);\n\nButtonGhost.displayName = 'Button Ghost';\n\nconst Icon = styled.div<{ iconColor?: string }>`\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-end;\n    align-items: center;\n    width: 35px;\n    height: 35px;\n\n    color: ${({ iconColor }) => iconColor || 'inherit'};\n\n    transition: transform 0.2s ease-in-out;\n\n    ${View}:hover > & {\n        transform: translateX(3px);\n    }\n`;\n\nconst Label = styled.span`\n    display: inline-block;\n\n    max-width: 100%;\n\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n`;\n\nexport default { View: ButtonGhost, Label: Label, Icon: Icon };\n"],"names":["View","styled","a","withConfig","displayName","componentId","_a","size","spacings","spacer","theme","font","getFonts","copy","medium","family","withRange","weight","letterSpacing","inverted","disable","color","elementBg","light","dark","global","sections","edgeRadius","hexToRgba","text","default","nudge","css","getColors","primary","ButtonGhost","React","forwardRef","ref","as","_b","isInverted","isDisabled","onClick","className","children","rest","__rest","createElement","__assign","href","target","isExternal","undefined","rel","Icon","div","templateObject_3","__makeTemplateObject","iconColor","ButtonGhost$1","Label","span","templateObject_4"],"mappings":"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"}

package/cjs/Callout-d84ca60b.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./Filter-89286db9.js"),n=require("react"),t=require("styled-components"),r=require("./LibThemeProvider-69109901.js"),i=require("./styles-13e5d9ac.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var l,s,h,u=a(n),c=o(t),d=c.default.h1.withConfig({displayName:"Callout__BaseStyles",componentId:"sc-1rvhtfe-0"})(s||(s=e.__makeTemplateObject(["\n    margin: 0;\n    padding: 0;\n    ","\n\n    hyphens: auto;\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    margin: 0;\n    padding: 0;\n    ","\n\n    hyphens: auto;\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(e){var n=e.textColor,t=e.textGradient;return i.styleTextColor(n,t)}),(function(n){return!n.hyphens&&t.css(l||(l=e.__makeTemplateObject(["\n            @media "," {\n                hyphens: none;\n            }\n        "],["\n            @media "," {\n                hyphens: none;\n            }\n        "])),i.mq.large)}),(function(e){return e.hasShadow&&"1px 2px 8px rgba(0, 0, 0, 0.25)"})),f=c.default(d).withConfig({displayName:"Callout__View",componentId:"sc-1rvhtfe-1"})(h||(h=e.__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(e){var n=e.theme,t=e.size;return i.getFonts(n).callout[t].family}),(function(e){var n=e.theme,t=e.size;return i.getFonts(n).callout[t].weight}),(function(e){var n=e.theme,t=e.size;return i.getFonts(n).callout[t].style}),(function(e){var n=e.theme,t=e.size;return i.withRange(i.getFonts(n).callout[t].size,"font-size")}),(function(e){var n=e.theme,t=e.size;return i.getFonts(n).callout[t].lineHeight}),(function(e){var n=e.theme,t=e.size;return i.getFonts(n).callout[t].letterSpacing}),(function(e){var n=e.theme,t=e.size;return i.getFonts(n).callout[t].textTransform}),(function(e){var n=e.theme,t=e.size;return i.getFonts(n).callout[t].textDecoration})),m=function(n){var t,i=n.isInverted,o=n.renderAs,a=void 0===o?"h2":o,l=n.className,s=n.size,h=void 0===s?"medium":s,c=n.textColor,d=n.textGradient,m=n.hyphens,g=void 0!==m&&m,p=n.hasShadow,v=void 0!==p&&p,y=n.innerHTML,x=n.children,b=e.__rest(n,["isInverted","renderAs","className","size","textColor","textGradient","hyphens","hasShadow","innerHTML","children"]),_=r.useLibTheme().fonts,z=null===(t=null==_?void 0:_.callout)||void 0===t?void 0:t[h];return u.createElement(f,e.__assign({as:a,size:h,textColor:c||(i?z.colorInverted:z.color),textGradient:d||(c?void 0:i?z.colorGradientInverted:z.colorGradient),hyphens:g,hasShadow:v,dangerouslySetInnerHTML:y&&!x?{__html:y}:void 0,className:l},b),x)};m.defaultProps={renderAs:"h1",size:"medium"},exports.Callout=m;
+//# sourceMappingURL=Callout-d84ca60b.js.map

package/cjs/{Callout-5dd16679.js.map → Callout-d84ca60b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Callout-5dd16679.js","sources":["../src/components/typography/Callout.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled, { css } from 'styled-components';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport {\n    CalloutFontOptionType,\n    getFonts as font,\n    mq,\n    styleTextColor,\n    withRange,\n} from 'utils/styles';\n\n// Styles\nconst BaseStyles = styled.h1<{\n    size: CalloutFontOptionType;\n    hyphens?: boolean;\n    hasShadow?: boolean;\n    textColor?: string;\n    textGradient?: string;\n}>`\n    margin: 0;\n    padding: 0;\n    ${({ textColor, textGradient }) => styleTextColor(textColor, textGradient)}\n\n    hyphens: auto;\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\nconst View = styled(BaseStyles)`\n    font-family: ${({ theme, size }) => font(theme).callout[size].family};\n    font-weight: ${({ theme, size }) => font(theme).callout[size].weight};\n    font-style: ${({ theme, size }) => font(theme).callout[size].style};\n    ${({ theme, size }) =>\n        withRange(font(theme).callout[size].size, 'font-size')}\n    line-height: ${({ theme, size }) => font(theme).callout[size].lineHeight};\n    letter-spacing: ${({ theme, size }) =>\n        font(theme).callout[size].letterSpacing};\n    text-transform: ${({ theme, size }) =>\n        font(theme).callout[size].textTransform};\n    text-decoration: ${({ theme, size }) =>\n        font(theme).callout[size].textDecoration};\n`;\n\nexport type CalloutTag =\n    | 'h1'\n    | 'h2'\n    | 'h3'\n    | 'h4'\n    | 'h5'\n    | 'h6'\n    | 'span'\n    | 'div'\n    | 'blockquote';\n\nconst Callout: React.FC<{\n    isInverted?: boolean;\n    renderAs?: CalloutTag;\n    size?: CalloutFontOptionType;\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    isInverted,\n    renderAs = 'h2',\n    className,\n    size = 'medium',\n    textColor,\n    textGradient,\n    hyphens = false,\n    hasShadow = false,\n    innerHTML,\n    children,\n    ...rest\n}) => {\n    const { fonts } = useLibTheme();\n    const fontSettings = fonts?.callout?.[size];\n\n    return (\n        <View\n            as={renderAs}\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            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\nCallout.defaultProps = {\n    renderAs: 'h1',\n    size: 'medium',\n};\n\nexport default Callout;\n"],"names":["BaseStyles","styled","h1","withConfig","displayName","componentId","templateObject_2","__makeTemplateObject","_a","textColor","textGradient","styleTextColor","props","hyphens","css","templateObject_1","mq","large","hasShadow","View","templateObject_3","theme","size","font","callout","family","weight","style","withRange","getFonts","lineHeight","letterSpacing","textTransform","textDecoration","Callout","isInverted","_c","renderAs","className","_d","_e","_f","innerHTML","children","rest","__rest","fonts","useLibTheme","fontSettings","_b","React","createElement","__assign","as","colorInverted","color","undefined","colorGradientInverted","colorGradient","dangerouslySetInnerHTML","__html","defaultProps"],"mappings":"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"}
+{"version":3,"file":"Callout-d84ca60b.js","sources":["../src/components/typography/Callout.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled, { css } from 'styled-components';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport {\n    CalloutFontOptionType,\n    getFonts as font,\n    mq,\n    styleTextColor,\n    withRange,\n} from 'utils/styles';\n\n// Styles\nconst BaseStyles = styled.h1<{\n    size: CalloutFontOptionType;\n    hyphens?: boolean;\n    hasShadow?: boolean;\n    textColor?: string;\n    textGradient?: string;\n}>`\n    margin: 0;\n    padding: 0;\n    ${({ textColor, textGradient }) => styleTextColor(textColor, textGradient)}\n\n    hyphens: auto;\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\nconst View = styled(BaseStyles)`\n    font-family: ${({ theme, size }) => font(theme).callout[size].family};\n    font-weight: ${({ theme, size }) => font(theme).callout[size].weight};\n    font-style: ${({ theme, size }) => font(theme).callout[size].style};\n    ${({ theme, size }) =>\n        withRange(font(theme).callout[size].size, 'font-size')}\n    line-height: ${({ theme, size }) => font(theme).callout[size].lineHeight};\n    letter-spacing: ${({ theme, size }) =>\n        font(theme).callout[size].letterSpacing};\n    text-transform: ${({ theme, size }) =>\n        font(theme).callout[size].textTransform};\n    text-decoration: ${({ theme, size }) =>\n        font(theme).callout[size].textDecoration};\n`;\n\nexport type CalloutTag =\n    | 'h1'\n    | 'h2'\n    | 'h3'\n    | 'h4'\n    | 'h5'\n    | 'h6'\n    | 'span'\n    | 'div'\n    | 'blockquote';\n\nconst Callout: React.FC<{\n    isInverted?: boolean;\n    renderAs?: CalloutTag;\n    size?: CalloutFontOptionType;\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    isInverted,\n    renderAs = 'h2',\n    className,\n    size = 'medium',\n    textColor,\n    textGradient,\n    hyphens = false,\n    hasShadow = false,\n    innerHTML,\n    children,\n    ...rest\n}) => {\n    const { fonts } = useLibTheme();\n    const fontSettings = fonts?.callout?.[size];\n\n    return (\n        <View\n            as={renderAs}\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            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\nCallout.defaultProps = {\n    renderAs: 'h1',\n    size: 'medium',\n};\n\nexport default Callout;\n"],"names":["BaseStyles","styled","h1","withConfig","displayName","componentId","templateObject_2","__makeTemplateObject","_a","textColor","textGradient","styleTextColor","props","hyphens","css","templateObject_1","mq","large","hasShadow","View","templateObject_3","theme","size","font","callout","family","weight","style","withRange","getFonts","lineHeight","letterSpacing","textTransform","textDecoration","Callout","isInverted","_c","renderAs","className","_d","_e","_f","innerHTML","children","rest","__rest","fonts","useLibTheme","fontSettings","_b","React","createElement","__assign","as","colorInverted","color","undefined","colorGradientInverted","colorGradient","dangerouslySetInnerHTML","__html","defaultProps"],"mappings":"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"}

package/cjs/Checkbox-8dccd42f.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./Filter-89286db9.js"),n=require("./Copy-a0bc570d.js"),t=require("react"),i=require("styled-components"),o=require("./LibThemeProvider-69109901.js"),l=require("./styles-13e5d9ac.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),b=r(i),f=b.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"])),l.spacings.nudge),g=b.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=b.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 l.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?l.getColors(n).primary.inverted:l.getColors(n).primary.default})),x=b.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=b.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,o=e.theme;return t?i?l.getColors(o).text.subtileInverted:l.getColors(o).text.subtile:n?i?l.getColors(o).primary.inverted:l.getColors(o).primary.default:i?l.getColors(o).elementBg.light:l.getColors(o).elementBg.medium}),(function(e){var n=e.isSelected,t=e.isDisabled,i=e.isInverted,o=e.theme;return t?i?l.getColors(o).text.subtileInverted:l.getColors(o).text.subtile:n?i?l.getColors(o).primary.inverted:l.getColors(o).primary.default:"transparent"})),C=b.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,l=e.isInverted,r=e.onChange,a=e.onBlur,s=e.onClick,d=e.name,c=e.value,p=e.isRequired,u=e.className,b=o.useLibTheme().colors;return m.default.createElement(f,{className:u},m.default.createElement(h,{isDisabled:t,isInverted:l,onClick:s},m.default.createElement(v,{isSelected:i,isInverted:l,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:l,textColor:t?l?b.text.subtileInverted:b.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-8dccd42f.js.map

package/cjs/Checkbox-8dccd42f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox-8dccd42f.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}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 & { className?: string }> = ({\n    label,\n    isDisabled,\n    isSelected,\n    isInverted,\n    onChange,\n    onBlur,\n    onClick,\n    name,\n    value,\n    isRequired,\n    className,\n}) => {\n    const { colors } = useLibTheme();\n\n    return (\n        <View className={className}>\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","templateObject_1","__makeTemplateObject","spacings","nudge","Label","Copy","templateObject_2","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","className","colors","useLibTheme","createElement","type","concat","checked","required","renderAs","size","textColor","undefined","innerHTML","prev","next","enableMemo"],"mappings":"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"}

package/cjs/Control-e15e1572.js

@@ -0,0 +1,2 @@
+"use strict";var n=require("./Filter-89286db9.js"),e=require("react"),o=require("styled-components"),t=require("./styles-13e5d9ac.js");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,a=r(e),l=r(o).default.button.withConfig({displayName:"Control__View",componentId:"sc-mj9u2f-0"})(i||(i=n.__makeTemplateObject(["\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    background: none;\n    outline: none;\n    padding: 0;\n    margin: 0;\n    border: none;\n\n    color: ",";\n    opacity: ",";\n    cursor: ",";\n\n    transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ",";\n        }\n    }\n\n    &:focus {\n        outline: dotted 2px\n            ",";\n        outline-offset: 4px;\n\n        color: ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"],["\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    background: none;\n    outline: none;\n    padding: 0;\n    margin: 0;\n    border: none;\n\n    color: ",";\n    opacity: ",";\n    cursor: ",";\n\n    transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ",";\n        }\n    }\n\n    &:focus {\n        outline: dotted 2px\n            ",";\n        outline-offset: 4px;\n\n        color: ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"])),(function(n){var e=n.theme;return n.isInverted?t.getColors(e).text.inverted:t.getColors(e).text.default}),(function(n){return n.disabled?.4:1}),(function(n){return n.disabled?"default":"pointer"}),(function(n){var e=n.theme;return n.isInverted?t.getColors(e).primary.invertedHover:t.getColors(e).primary.hover}),(function(n){var e=n.theme;return n.isInverted?t.getColors(e).primary.inverted:t.getColors(e).primary.default}),(function(n){var e=n.theme;return n.isInverted?t.getColors(e).primary.invertedHover:t.getColors(e).primary.hover}));exports.Control=function(n){var e=n.isInverted,o=n.isDisabled,t=n.ariaLabel,r=void 0===t?"control":t,i=n.onClick,s=n.className,u=n.children;return a.default.createElement(l,{isInverted:e,disabled:o,"aria-label":r,onClick:i,className:s},u)};
+//# sourceMappingURL=Control-e15e1572.js.map

package/cjs/{Control-08d09950.js.map → Control-e15e1572.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Control-08d09950.js","sources":["../src/components/buttons/Control.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled from 'styled-components';\n\nimport { getColors as color } from 'utils/styles';\n\nconst View = styled.button<{ isInverted?: boolean; disabled?: boolean }>`\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    background: none;\n    outline: none;\n    padding: 0;\n    margin: 0;\n    border: none;\n\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n    opacity: ${({ disabled }) => (disabled ? 0.4 : 1)};\n    cursor: ${({ disabled }) => (disabled ? 'default' : 'pointer')};\n\n    transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ${({ theme, isInverted }) =>\n                isInverted\n                    ? color(theme).primary.invertedHover\n                    : color(theme).primary.hover};\n        }\n    }\n\n    &:focus {\n        outline: dotted 2px\n            ${({ theme, isInverted }) =>\n                isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default};\n        outline-offset: 4px;\n\n        color: ${({ theme, isInverted }) =>\n            isInverted\n                ? color(theme).primary.invertedHover\n                : color(theme).primary.hover};\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n`;\n\nconst Control: FC<{\n    isInverted?: boolean;\n    isDisabled?: boolean;\n    ariaLabel?: string;\n    className?: string;\n    children?: React.ReactNode;\n    onClick?: (ev: React.SyntheticEvent<HTMLButtonElement>) => void;\n}> = ({\n    isInverted,\n    isDisabled,\n    ariaLabel = 'control',\n    onClick,\n    className,\n    children,\n}) => {\n    return (\n        <View\n            isInverted={isInverted}\n            disabled={isDisabled}\n            aria-label={ariaLabel}\n            onClick={onClick}\n            className={className}\n        >\n            {children}\n        </View>\n    );\n};\n\nexport default Control;\n"],"names":["View","styled","button","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","theme","isInverted","color","text","inverted","default","disabled","primary","invertedHover","hover","isDisabled","_b","ariaLabel","onClick","className","children","React","createElement"],"mappings":"iOAKMA,OAAOC,QAAOC,OAAVC,WAAA,CAAAC,YAAA,gBAAAC,YAAA,eAAGJ,CAA2DK,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,sMAAA,mBAAA,kBAAA,oKAAA,kFAAA,qDAAA,kFAAA,CAAA,sMAYG,mBACtB,kBACa,oKASlB,kFASE,qDAMN,qFA3B/B,SAACC,OAAEC,EAAKD,EAAAC,MACb,OADyBD,EAAAE,WACZC,EAAAA,UAAMF,GAAOG,KAAKC,SAAWF,EAAAA,UAAMF,GAAOG,KAAKE,WACrD,SAACN,GAAiB,OAAPA,EAAAO,SAAmB,GAAM,KACrC,SAACP,GAAiB,OAAPA,EAAAO,SAAmB,UAAY,aAMnC,SAACP,OAAEC,EAAKD,EAAAC,MACb,OADyBD,EAAAE,WAEnBC,EAAAA,UAAMF,GAAOO,QAAQC,cACrBN,EAAAA,UAAMF,GAAOO,QAAQE,SAM7B,SAACV,OAAEC,EAAKD,EAAAC,MACN,OADkBD,EAAAE,WAEZC,EAAAA,UAAMF,GAAOO,QAAQH,SACrBF,EAAAA,UAAMF,GAAOO,QAAQF,WAG1B,SAACN,OAAEC,EAAKD,EAAAC,MACb,OADyBD,EAAAE,WAEnBC,EAAAA,UAAMF,GAAOO,QAAQC,cACrBN,EAAAA,UAAMF,GAAOO,QAAQE,yBAelC,SAACV,GACF,IAAAE,eACAS,eACAC,EAAAZ,EAAAa,UAAAA,OAAS,IAAAD,EAAG,UAASA,EACrBE,EAAOd,EAAAc,QACPC,EAASf,EAAAe,UACTC,EAAQhB,EAAAgB,SAER,OACIC,EAAC,QAAAC,cAAA1B,EACG,CAAAU,WAAYA,EACZK,SAAUI,EAAU,aACRE,EACZC,QAASA,EACTC,UAAWA,GAEVC"}
+{"version":3,"file":"Control-e15e1572.js","sources":["../src/components/buttons/Control.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled from 'styled-components';\n\nimport { getColors as color } from 'utils/styles';\n\nconst View = styled.button<{ isInverted?: boolean; disabled?: boolean }>`\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    background: none;\n    outline: none;\n    padding: 0;\n    margin: 0;\n    border: none;\n\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n    opacity: ${({ disabled }) => (disabled ? 0.4 : 1)};\n    cursor: ${({ disabled }) => (disabled ? 'default' : 'pointer')};\n\n    transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ${({ theme, isInverted }) =>\n                isInverted\n                    ? color(theme).primary.invertedHover\n                    : color(theme).primary.hover};\n        }\n    }\n\n    &:focus {\n        outline: dotted 2px\n            ${({ theme, isInverted }) =>\n                isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default};\n        outline-offset: 4px;\n\n        color: ${({ theme, isInverted }) =>\n            isInverted\n                ? color(theme).primary.invertedHover\n                : color(theme).primary.hover};\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n`;\n\nconst Control: FC<{\n    isInverted?: boolean;\n    isDisabled?: boolean;\n    ariaLabel?: string;\n    className?: string;\n    children?: React.ReactNode;\n    onClick?: (ev: React.SyntheticEvent<HTMLButtonElement>) => void;\n}> = ({\n    isInverted,\n    isDisabled,\n    ariaLabel = 'control',\n    onClick,\n    className,\n    children,\n}) => {\n    return (\n        <View\n            isInverted={isInverted}\n            disabled={isDisabled}\n            aria-label={ariaLabel}\n            onClick={onClick}\n            className={className}\n        >\n            {children}\n        </View>\n    );\n};\n\nexport default Control;\n"],"names":["View","styled","button","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","theme","isInverted","color","text","inverted","default","disabled","primary","invertedHover","hover","isDisabled","_b","ariaLabel","onClick","className","children","React","createElement"],"mappings":"4NAKMA,OAAOC,QAAOC,OAAVC,WAAA,CAAAC,YAAA,gBAAAC,YAAA,eAAGJ,CAA2DK,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,sMAAA,mBAAA,kBAAA,oKAAA,kFAAA,qDAAA,kFAAA,CAAA,sMAYG,mBACtB,kBACa,oKASlB,kFASE,qDAMN,qFA3B/B,SAACC,OAAEC,EAAKD,EAAAC,MACb,OADyBD,EAAAE,WACZC,EAAAA,UAAMF,GAAOG,KAAKC,SAAWF,EAAAA,UAAMF,GAAOG,KAAKE,WACrD,SAACN,GAAiB,OAAPA,EAAAO,SAAmB,GAAM,KACrC,SAACP,GAAiB,OAAPA,EAAAO,SAAmB,UAAY,aAMnC,SAACP,OAAEC,EAAKD,EAAAC,MACb,OADyBD,EAAAE,WAEnBC,EAAAA,UAAMF,GAAOO,QAAQC,cACrBN,EAAAA,UAAMF,GAAOO,QAAQE,SAM7B,SAACV,OAAEC,EAAKD,EAAAC,MACN,OADkBD,EAAAE,WAEZC,EAAAA,UAAMF,GAAOO,QAAQH,SACrBF,EAAAA,UAAMF,GAAOO,QAAQF,WAG1B,SAACN,OAAEC,EAAKD,EAAAC,MACb,OADyBD,EAAAE,WAEnBC,EAAAA,UAAMF,GAAOO,QAAQC,cACrBN,EAAAA,UAAMF,GAAOO,QAAQE,yBAelC,SAACV,GACF,IAAAE,eACAS,eACAC,EAAAZ,EAAAa,UAAAA,OAAS,IAAAD,EAAG,UAASA,EACrBE,EAAOd,EAAAc,QACPC,EAASf,EAAAe,UACTC,EAAQhB,EAAAgB,SAER,OACIC,EAAC,QAAAC,cAAA1B,EACG,CAAAU,WAAYA,EACZK,SAAUI,EAAU,aACRE,EACZC,QAASA,EACTC,UAAWA,GAEVC"}

package/cjs/Copy-a0bc570d.js

@@ -0,0 +1,2 @@
+"use strict";var n=require("./Filter-89286db9.js"),e=require("react"),t=require("styled-components"),i=require("./clamp-bd21d587.js"),o=require("./LibThemeProvider-69109901.js"),r=require("./styles-13e5d9ac.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-a0bc570d.js.map

package/cjs/{Copy-ea6ab025.js.map → Copy-a0bc570d.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-a0bc570d.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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"}

package/cjs/EventBlock-4e406696.js

@@ -0,0 +1,2 @@
+"use strict";var n=require("./Filter-89286db9.js"),e=require("react"),t=require("styled-components"),i=require("./Tag-937849ad.js"),a=require("./Copy-a0bc570d.js"),l=require("./styles-13e5d9ac.js"),o=require("./statusFormatter-0393122b.js"),d=require("./LibThemeProvider-69109901.js"),r=require("./Image-94820dfd.js"),c=require("./Link-8951180c.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-4e406696.js.map