@blateral/b.kit 2.8.4 → 3.0.1

package/esm/Control-84268468.js

@@ -0,0 +1,44 @@
+import { a as __makeTemplateObject } from './ButtonLeft-a9a132f5.js';
+import React__default from 'react';
+import styled, { css } from 'styled-components';
+import { g as getColors } from './styles-f3ba5bae.js';
+
+var View = styled.button.withConfig({
+  displayName: "Control__View",
+  componentId: "sc-mj9u2f-0"
+})(templateObject_2 || (templateObject_2 = __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    ", "\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    ", "\n"])), function (_a) {
+  var theme = _a.theme,
+      isInverted = _a.isInverted;
+  return isInverted ? getColors(theme).text.inverted : getColors(theme).text.default;
+}, function (_a) {
+  var disabled = _a.disabled;
+  return disabled ? 0.4 : 1;
+}, function (_a) {
+  var disabled = _a.disabled;
+  return disabled ? 'default' : 'pointer';
+}, function (_a) {
+  var isInverted = _a.isInverted,
+      disabled = _a.disabled,
+      theme = _a.theme;
+  return !disabled && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n            @media (hover: hover) and (pointer: fine) {\n                &:hover {\n                    color: ", ";\n                }\n            }\n\n            &:focus-visible {\n                outline: solid 2px\n                    ", ";\n                outline-offset: 2px;\n            }\n\n            &:active:not(:focus-visible) {\n                @media (hover: none) {\n                    outline: none;\n                    color: ", ";\n                }\n            }\n        "], ["\n            @media (hover: hover) and (pointer: fine) {\n                &:hover {\n                    color: ", ";\n                }\n            }\n\n            &:focus-visible {\n                outline: solid 2px\n                    ", ";\n                outline-offset: 2px;\n            }\n\n            &:active:not(:focus-visible) {\n                @media (hover: none) {\n                    outline: none;\n                    color: ", ";\n                }\n            }\n        "])), isInverted ? getColors(theme).primary.invertedHover : getColors(theme).primary.hover, isInverted ? getColors(theme).primary.inverted : getColors(theme).primary.default, isInverted ? getColors(theme).primary.invertedHover : getColors(theme).primary.hover);
+});
+
+var Control = function (_a) {
+  var isInverted = _a.isInverted,
+      isDisabled = _a.isDisabled,
+      ariaLabel = _a.ariaLabel,
+      onClick = _a.onClick,
+      className = _a.className,
+      children = _a.children;
+  return React__default.createElement(View, {
+    isInverted: isInverted,
+    disabled: isDisabled,
+    "aria-label": ariaLabel,
+    onClick: onClick,
+    className: className
+  }, children);
+};
+var templateObject_1, templateObject_2;
+
+export { Control as C };
+//# sourceMappingURL=Control-84268468.js.map

package/esm/Control-84268468.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Control-84268468.js","sources":["../src/components/buttons/Control.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled, { css } 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    ${({ isInverted, disabled, theme }) =>\n        !disabled &&\n        css`\n            @media (hover: hover) and (pointer: fine) {\n                &:hover {\n                    color: ${isInverted\n                        ? color(theme).primary.invertedHover\n                        : color(theme).primary.hover};\n                }\n            }\n\n            &:focus-visible {\n                outline: solid 2px\n                    ${isInverted\n                        ? color(theme).primary.inverted\n                        : color(theme).primary.default};\n                outline-offset: 2px;\n            }\n\n            &:active:not(:focus-visible) {\n                @media (hover: none) {\n                    outline: none;\n                    color: ${isInverted\n                        ? color(theme).primary.invertedHover\n                        : color(theme).primary.hover};\n                }\n            }\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}> = ({ isInverted, isDisabled, ariaLabel, onClick, className, children }) => {\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","_a","theme","isInverted","color","text","inverted","default","disabled","css","templateObject_1","__makeTemplateObject","primary","invertedHover","hover","Control","isDisabled","ariaLabel","onClick","className","children","React","createElement"],"mappings":";;;;;AAKA,IAAMA,IAAI,GAAGC,MAAM,CAACC,MAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,eAAA;AAAA,EAAA,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,uYAA8D,uMAYG,oBACtB,mBACa,kFA+BzD,OA7CC,EAWG,UAACC,EAAD,EAAsB;MAAnBC,KAAK,GAAAD,EAAA,CAAAC;MAAEC,UAAU,GAAAF,EAAA,CAAAE;AACzB,EAAA,OAAAA,UAAU,GAAGC,SAAK,CAACF,KAAD,CAAL,CAAaG,IAAb,CAAkBC,QAArB,GAAgCF,SAAK,CAACF,KAAD,CAAL,CAAaG,IAAb,CAAkBE,OAA5D,CAAA;AAAmE,CAZjE,EAaK,UAACN,EAAD,EAAa;AAAV,EAAA,IAAAO,QAAQ,GAAAP,EAAA,CAAAO,QAAR,CAAA;AAAe,EAAA,OAACA,QAAQ,GAAG,GAAH,GAAS,CAAlB,CAAA;AAAoB,CAb3C,EAcI,UAACP,EAAD,EAAa;AAAV,EAAA,IAAAO,QAAQ,GAAAP,EAAA,CAAAO,QAAR,CAAA;AAAe,EAAA,OAACA,QAAQ,GAAG,SAAH,GAAe,SAAxB,CAAA;AAAkC,CAdxD,EAkBJ,UAACP,EAAD,EAAgC;AAA7B,EAAA,IAAAE,UAAU,gBAAV;AAAA,MAAYK,QAAQ,GAAAP,EAAA,CAAAO,QAApB;AAAA,MAAsBN,KAAK,GAAAD,EAAA,CAAAC,KAA3B,CAAA;AACD,EAAA,OAAA,CAACM,QAAD,IACAC,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAC,oBAAA,CAAA,CAAA,mHAAA,EAAA,gIAAA,EAAA,+MAAA,EAAA,+CAAA,CAAA,EAAA,CAAA,mHAAA,EAKyC,gIALzC,EAa2C,+MAb3C,EAsByC,+CAtBzC,CAAA,CAAA,CAAA,EAGkBR,UAAU,GACbC,SAAK,CAACF,KAAD,CAAL,CAAaU,OAAb,CAAqBC,aADR,GAEbT,SAAK,CAACF,KAAD,CAAL,CAAaU,OAAb,CAAqBE,KALpC,EAWWX,UAAU,GACNC,SAAK,CAACF,KAAD,CAAL,CAAaU,OAAb,CAAqBN,QADf,GAENF,SAAK,CAACF,KAAD,CAAL,CAAaU,OAAb,CAAqBL,OAbpC,EAoBkBJ,UAAU,GACbC,SAAK,CAACF,KAAD,CAAL,CAAaU,OAAb,CAAqBC,aADR,GAEbT,SAAK,CAACF,KAAD,CAAL,CAAaU,OAAb,CAAqBE,KAtBpC,CADH,CAAA;AA0BC,CA7CC,CAAV,CAAA;;AAgDA,IAAMC,OAAO,GAOR,UAACd,EAAD,EAAoE;AAAjE,EAAA,IAAAE,UAAU,GAAAF,EAAA,CAAAE,UAAV;AAAA,MAAYa,UAAU,GAAAf,EAAA,CAAAe,UAAtB;AAAA,MAAwBC,SAAS,GAAAhB,EAAA,CAAAgB,SAAjC;AAAA,MAAmCC,OAAO,aAA1C;AAAA,MAA4CC,SAAS,GAAAlB,EAAA,CAAAkB,SAArD;AAAA,MAAuDC,QAAQ,GAAAnB,EAAA,CAAAmB,QAA/D,CAAA;AACJ,EAAA,OACIC,cAAC,CAAAC,aAAD,CAACxB,IAAD,EACI;AAAAK,IAAAA,UAAU,EAAEA,UAAZ;AACAK,IAAAA,QAAQ,EAAEQ,UADV;AACoB,IAAA,YAAA,EACRC,SAFZ;AAGAC,IAAAA,OAAO,EAAEA,OAHT;AAIAC,IAAAA,SAAS,EAAEA,SAAAA;AAJX,GADJ,EAOKC,QAPL,CADJ,CAAA;AAWH,EAnBD;;;;;"}

package/esm/{Copy-fd9e25c0.js → Copy-5a18e01f.js}

@@ -1,9 +1,9 @@
-import { a as __makeTemplateObject, d as __rest, _ as __assign } from './Filter-19220970.js';
+import { a as __makeTemplateObject, d as __rest, _ as __assign } from './ButtonLeft-a9a132f5.js';
 import * as React from 'react';
 import styled, { css } from 'styled-components';
 import { c as clampValue } from './clamp-12d37b65.js';
-import { u as useLibTheme } from './LibThemeProvider-fb1d35ac.js';
-import { e as styleTextColor, m as mq, a as getFonts, w as withRange, s as spacings, c as getGlobals } from './styles-1f1841ef.js';
+import { u as useLibTheme } from './LibThemeProvider-48cad3e8.js';
+import { e as styleTextColor, m as mq, a as getFonts, w as withRange, s as spacings, c as getGlobals } from './styles-f3ba5bae.js';
 
 var base$1 = css(templateObject_2$1 || (templateObject_2$1 = __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 (_a) {
   var textColor = _a.textColor,
@@ -64,7 +64,8 @@ var Heading = function (_a) {
       hasShadow = _d === void 0 ? false : _d,
       innerHTML = _a.innerHTML,
       children = _a.children,
-      rest = __rest(_a, ["renderAs", "isInverted", "className", "size", "textColor", "textGradient", "hyphens", "hasShadow", "innerHTML", "children"]);
+      id = _a.id,
+      rest = __rest(_a, ["renderAs", "isInverted", "className", "size", "textColor", "textGradient", "hyphens", "hasShadow", "innerHTML", "children", "id"]);
 
   var fonts = useLibTheme().fonts;
   var tag = 'h2';
@@ -95,6 +96,7 @@ var Heading = function (_a) {
 
   var fontSettings = fonts === null || fonts === void 0 ? void 0 : fonts[size];
   return React.createElement(View$1, __assign({
+    id: id,
     as: renderAs || tag,
     headingType: size,
     textColor: textColor || (isInverted ? fontSettings.colorInverted : fontSettings.color),
@@ -145,7 +147,7 @@ var copyStyle = function (type, size) {
     return getFonts(theme)[type][size].textDecoration;
   });
 };
-var base = css(templateObject_4 || (templateObject_4 = __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    b,\n    strong {\n        font-weight: bold;\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    b,\n    strong {\n        font-weight: bold;\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 (_a) {
+var base = css(templateObject_4 || (templateObject_4 = __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: 2px dotted\n                ", ";\n        }\n\n        &:focus:not(:focus-visible) {\n            outline: none;\n        }\n\n        &:active:not(:focus-visible) {\n            @media (hover: none) {\n                color: ", ";\n            }\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    b,\n    strong {\n        font-weight: bold;\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: 2px dotted\n                ", ";\n        }\n\n        &:focus:not(:focus-visible) {\n            outline: none;\n        }\n\n        &:active:not(:focus-visible) {\n            @media (hover: none) {\n                color: ", ";\n            }\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    b,\n    strong {\n        font-weight: bold;\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 (_a) {
   var textColor = _a.textColor,
       textGradient = _a.textGradient;
   return styleTextColor(textColor, textGradient);
@@ -167,6 +169,10 @@ var base = css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n
   var theme = _a.theme,
       isInverted = _a.isInverted;
   return isInverted ? getFonts(theme).link.colorInverted : getFonts(theme).link.color;
+}, function (_a) {
+  var theme = _a.theme,
+      isInverted = _a.isInverted;
+  return isInverted ? getFonts(theme).link.colorHoverInverted : getFonts(theme).link.colorHover;
 }, function (_a) {
   var columns = _a.columns;
   return columns && css(templateObject_2 || (templateObject_2 = __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        "])), spacings.spacer);
@@ -223,7 +229,8 @@ var View = styled.div.withConfig({
 var Copy = function (_a) {
   var _b;
 
-  var renderAs = _a.renderAs,
+  var id = _a.id,
+      renderAs = _a.renderAs,
       isInverted = _a.isInverted,
       _c = _a.type,
       type = _c === void 0 ? 'copy' : _c,
@@ -239,11 +246,17 @@ var Copy = function (_a) {
       onClick = _a.onClick,
       className = _a.className,
       children = _a.children,
-      rest = __rest(_a, ["renderAs", "isInverted", "type", "size", "textColor", "textGradient", "columns", "innerHTML", "allowLinkIcons", "onClick", "className", "children"]);
+      ariaLabel = _a.ariaLabel,
+      ariaLevel = _a.ariaLevel,
+      ariaRole = _a.ariaRole,
+      htmlFor = _a.htmlFor,
+      scope = _a.scope,
+      rest = __rest(_a, ["id", "renderAs", "isInverted", "type", "size", "textColor", "textGradient", "columns", "innerHTML", "allowLinkIcons", "onClick", "className", "children", "ariaLabel", "ariaLevel", "ariaRole", "htmlFor", "scope"]);
 
   var fonts = useLibTheme().fonts;
   var fontSettings = (_b = fonts === null || fonts === void 0 ? void 0 : fonts[type]) === null || _b === void 0 ? void 0 : _b[size];
   return React.createElement(View, __assign({
+    id: id,
     as: renderAs,
     copyType: type,
     size: size,
@@ -256,7 +269,12 @@ var Copy = function (_a) {
       __html: innerHTML
     } : undefined,
     onClick: onClick,
-    className: className
+    className: className,
+    "aria-label": ariaLabel,
+    role: ariaRole,
+    "aria-level": ariaLevel,
+    scope: scope,
+    htmlFor: htmlFor
   }, rest), children);
 };
 
@@ -267,4 +285,4 @@ Copy.defaultProps = {
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
 
 export { Copy as C, Heading as H, copyStyle as c };
-//# sourceMappingURL=Copy-fd9e25c0.js.map
+//# sourceMappingURL=Copy-5a18e01f.js.map

package/esm/Copy-5a18e01f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Copy-5a18e01f.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    id?: string;\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    id,\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            id={id}\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: 2px dotted\n                ${({ theme, isInverted }) =>\n                    isInverted\n                        ? font(theme).link.colorInverted\n                        : font(theme).link.color};\n        }\n\n        &:focus:not(:focus-visible) {\n            outline: none;\n        }\n\n        &:active:not(:focus-visible) {\n            @media (hover: none) {\n                color: ${({ theme, isInverted }) =>\n                    isInverted\n                        ? font(theme).link.colorHoverInverted\n                        : font(theme).link.colorHover};\n            }\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    b,\n    strong {\n        font-weight: bold;\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    | 'h3';\n\nconst Copy: React.FC<{\n    id?: string;\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    ariaLabel?: string;\n    ariaLevel?: number;\n    ariaRole?: string;\n    htmlFor?: string;\n    scope?: 'row' | 'col' | 'rowgroup' | 'colgroup';\n}> = ({\n    id,\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    ariaLabel,\n    ariaLevel,\n    ariaRole,\n    htmlFor,\n    scope,\n    ...rest\n}) => {\n    const { fonts } = useLibTheme();\n    const fontSettings = fonts?.[type]?.[size];\n\n    return (\n        <View\n            id={id}\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            aria-label={ariaLabel}\n            role={ariaRole}\n            aria-level={ariaLevel}\n            scope={scope}\n            htmlFor={htmlFor}\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","family","weight","style","withRange","size","lineHeight","letterSpacing","textTransform","textDecoration","View","styled","h1","templateObject_4","headingType","Heading","renderAs","isInverted","className","_b","_c","_d","innerHTML","children","id","rest","__rest","fonts","useLibTheme","tag","fontSettings","React","__assign","as","colorInverted","color","colorGradientInverted","colorGradient","undefined","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","ariaLabel","ariaLevel","ariaRole","htmlFor","scope","role"],"mappings":"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"}

package/esm/{EventBlock-12361860.js → EventBlock-0d010725.js}

@@ -1,39 +1,46 @@
-import { a as __makeTemplateObject, _ as __assign } from './Filter-19220970.js';
-import React__default, { useMemo } from 'react';
+import { a as __makeTemplateObject, _ as __assign } from './ButtonLeft-a9a132f5.js';
+import React__default, { useId, useMemo } from 'react';
 import styled from 'styled-components';
-import { T as Tag } from './Tag-217cd89b.js';
-import { c as copyStyle, C as Copy } from './Copy-fd9e25c0.js';
-import { g as getColors, s as spacings, m as mq, a as getFonts } from './styles-1f1841ef.js';
+import { T as Tag } from './Tag-f3f23d9b.js';
+import { c as copyStyle, C as Copy } from './Copy-5a18e01f.js';
+import { g as getColors, s as spacings, m as mq, a as getFonts } from './styles-f3ba5bae.js';
 import { S as StatusFormatter } from './statusFormatter-9be0fbff.js';
-import { u as useLibTheme } from './LibThemeProvider-fb1d35ac.js';
-import { I as Image } from './Image-c67870d4.js';
-import { L as Link } from './Link-6067a27f.js';
+import { u as useLibTheme } from './LibThemeProvider-48cad3e8.js';
+import { I as Image } from './Image-e2018d39.js';
+import { L as Link } from './Link-d4a291af.js';
 import { i as isValidArray } from './arrays-65b644ef.js';
 
-var View = styled.div.withConfig({
+var View = styled.article.withConfig({
   displayName: "EventBlock__View",
   componentId: "sc-1nnq189-0"
-})(templateObject_1 || (templateObject_1 = __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 (_a) {
+})(templateObject_1 || (templateObject_1 = __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    &:has(a[data-ident='event-block-title']:focus-visible) {\n        outline: 2px solid\n            ", ";\n        outline-offset: 2px;\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\n    &:has(a[data-ident='event-block-title']:focus-visible) {\n        outline: 2px solid\n            ", ";\n        outline-offset: 2px;\n    }\n"])), function (_a) {
   var theme = _a.theme,
       hasBg = _a.hasBg;
   return hasBg ? getColors(theme).elementBg.light : getColors(theme).elementBg.medium;
-}, spacings.nudge, mq.large, spacings.spacer);
-var ImageLink = styled(Link).withConfig({
-  displayName: "EventBlock__ImageLink",
+}, spacings.nudge, mq.large, spacings.spacer, function (_a) {
+  var theme = _a.theme,
+      isInverted = _a.isInverted;
+  return isInverted ? getColors(theme).primary.inverted : getColors(theme).primary.default;
+});
+var ImageContainer = styled.div.withConfig({
+  displayName: "EventBlock__ImageContainer",
   componentId: "sc-1nnq189-1"
 })(templateObject_2 || (templateObject_2 = __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"])), spacings.nudge, mq.medium, mq.large, mq.xlarge);
 var CardImage = styled(Image).withConfig({
   displayName: "EventBlock__CardImage",
   componentId: "sc-1nnq189-2"
-})(templateObject_3 || (templateObject_3 = __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"])), mq.medium, mq.large);
+})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    height: 100%;\n    cursor: ", ";\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    cursor: ", ";\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"])), function (_a) {
+  var onClick = _a.onClick;
+  return onClick && 'pointer';
+}, mq.medium, mq.large);
 var MainContent = styled.div.withConfig({
   displayName: "EventBlock__MainContent",
   componentId: "sc-1nnq189-3"
-})(templateObject_4 || (templateObject_4 = __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"])), spacings.nudge * 2, spacings.nudge * 3, spacings.nudge * 3, mq.large, spacings.nudge * 3);
+})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    flex: 0 1 70%;\n\n    display: flex;\n    flex-direction: column;\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\n    display: flex;\n    flex-direction: column;\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"])), spacings.nudge * 2, spacings.nudge * 3, spacings.nudge * 3, mq.large, spacings.nudge * 3);
 var TagContainer = styled.div.withConfig({
   displayName: "EventBlock__TagContainer",
   componentId: "sc-1nnq189-4"
-})(templateObject_5 || (templateObject_5 = __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"])), spacings.nudge, spacings.nudge);
+})(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    order: -1;\n\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n"], ["\n    order: -1;\n\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n"])), spacings.nudge, spacings.nudge);
 var TextWrapper = styled.div.withConfig({
   displayName: "EventBlock__TextWrapper",
   componentId: "sc-1nnq189-5"
@@ -45,11 +52,14 @@ var TagWrapper = styled.div.withConfig({
 var TitleLink = styled(Link).withConfig({
   displayName: "EventBlock__TitleLink",
   componentId: "sc-1nnq189-7"
-})(templateObject_8 || (templateObject_8 = __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"])), copyStyle('copy-b', 'big'), function (_a) {
+})(templateObject_8 || (templateObject_8 = __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    width: fit-content;\n\n    color: ", ";\n    text-decoration: none;\n    outline: none !important;\n\n    ", "\n\n    * {\n        margin: 0;\n        padding: 0;\n        ", "\n    }\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    width: fit-content;\n\n    color: ", ";\n    text-decoration: none;\n    outline: none !important;\n\n    ", "\n\n    * {\n        margin: 0;\n        padding: 0;\n        ", "\n    }\n"])), copyStyle('copy-b', 'big'), function (_a) {
   var theme = _a.theme,
       isInverted = _a.isInverted;
   return isInverted ? getFonts(theme)['copy-b'].big.colorInverted : getFonts(theme)['copy-b'].big.color;
-});
+}, function (_a) {
+  var hasTags = _a.hasTags;
+  return hasTags && "margin-top: ".concat(spacings.nudge, "px;");
+}, copyStyle('copy-b', 'big'));
 var Text = styled(Copy).withConfig({
   displayName: "EventBlock__Text",
   componentId: "sc-1nnq189-8"
@@ -68,6 +78,7 @@ var EventBlock = function (_a) {
       action = _a.action,
       hasBg = _a.hasBg;
   var globals = useLibTheme().globals;
+  var uniqueId = useId();
   var publishedAt = '';
 
   if (date) {
@@ -94,9 +105,24 @@ var EventBlock = function (_a) {
       return img.small;
     });
   }, [images]);
+
+  var handleClick = function () {
+    if (!(link === null || link === void 0 ? void 0 : link.href)) return;
+
+    if (link.isExternal) {
+      window.open(link.href, '_blank', 'noopener');
+    } else {
+      window.location.href = link.href;
+    }
+  };
+
+  var hasTags = isValidArray(filteredTags, false);
   return React__default.createElement(View, {
-    hasBg: hasBg
-  }, isValidArray(cardImages, false) && React__default.createElement(ImageLink, __assign({}, link), cardImages.map(function (img, i) {
+    hasBg: hasBg,
+    role: "group",
+    "aria-labelledby": uniqueId,
+    isInverted: isInverted
+  }, isValidArray(cardImages, false) && React__default.createElement(ImageContainer, null, cardImages.map(function (img, i) {
     return React__default.createElement(CardImage, __assign({}, img, {
       key: i,
       coverSpace: true,
@@ -107,9 +133,15 @@ var EventBlock = function (_a) {
           w: 4,
           h: 3
         }
-      }
+      },
+      onClick: (link === null || link === void 0 ? void 0 : link.href) ? handleClick : undefined
     }));
-  })), React__default.createElement(MainContent, null, isValidArray(filteredTags, false) && React__default.createElement(TagContainer, null, filteredTags.map(function (tag, i) {
+  })), React__default.createElement(MainContent, null, title && React__default.createElement(TitleLink, __assign({
+    dataIdent: "event-block-title",
+    hasTags: hasTags
+  }, link), React__default.createElement("h3", {
+    id: uniqueId
+  }, title)), hasTags && React__default.createElement(TagContainer, null, filteredTags.map(function (tag, i) {
     return tag && React__default.createElement(TagWrapper, {
       key: 'tag_' + i
     }, customTag ? customTag({
@@ -123,17 +155,20 @@ var EventBlock = function (_a) {
       link: tag.link,
       onClick: handleTagClick(tag)
     }));
-  })), title && React__default.createElement(TitleLink, __assign({}, link), title), React__default.createElement(TextWrapper, null, date && React__default.createElement(Copy, {
+  })), React__default.createElement(TextWrapper, null, date && React__default.createElement(Copy, {
     size: "medium",
     type: "copy-b"
   }, publishedAt), text && React__default.createElement(Text, {
     size: "small",
     innerHTML: text
-  })), action && React__default.createElement("div", null, " ", action({
-    isInverted: false
-  }), " ")));
+  })), action && React__default.createElement("div", null, action({
+    isInverted: false,
+    title: title,
+    link: link,
+    clickHandler: handleClick
+  }))));
 };
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
 
 export { EventBlock as E };
-//# sourceMappingURL=EventBlock-12361860.js.map
+//# sourceMappingURL=EventBlock-0d010725.js.map

package/esm/EventBlock-0d010725.js.map

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