@blateral/b.kit 2.4.1 → 2.5.0-beta.1.0

package/esm/Copy-a28aeb61.js

@@ -0,0 +1,270 @@
+import { a as __makeTemplateObject, d as __rest, _ as __assign } from './ClockFilled-62515a8f.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-52555ac9.js';
+import { e as styleTextColor, m as mq, a as getFonts, w as withRange, s as spacings, c as getGlobals } from './styles-da982973.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,
+      textGradient = _a.textGradient;
+  return styleTextColor(textColor, textGradient);
+}, function (props) {
+  return !props.hyphens && css(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n            @media ", " {\n                hyphens: none;\n            }\n        "], ["\n            @media ", " {\n                hyphens: none;\n            }\n        "])), mq.large);
+}, function (_a) {
+  var hasShadow = _a.hasShadow;
+  return hasShadow && '1px 2px 8px rgba(0, 0, 0, 0.25)';
+});
+var headingStyle = function (type) {
+  return css(templateObject_3$1 || (templateObject_3$1 = __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"])), base$1, function (_a) {
+    var theme = _a.theme;
+    return getFonts(theme)[type].family;
+  }, function (_a) {
+    var theme = _a.theme;
+    return getFonts(theme)[type].weight;
+  }, function (_a) {
+    var theme = _a.theme;
+    return getFonts(theme)[type].style;
+  }, function (_a) {
+    var theme = _a.theme;
+    return withRange(getFonts(theme)[type].size, 'font-size');
+  }, function (_a) {
+    var theme = _a.theme;
+    return getFonts(theme)[type].lineHeight;
+  }, function (_a) {
+    var theme = _a.theme;
+    return getFonts(theme)[type].letterSpacing;
+  }, function (_a) {
+    var theme = _a.theme;
+    return getFonts(theme)[type].textTransform;
+  }, function (_a) {
+    var theme = _a.theme;
+    return getFonts(theme)[type].textDecoration;
+  });
+};
+var View$1 = styled.h1.withConfig({
+  displayName: "Heading__View",
+  componentId: "sc-11qy171-0"
+})(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n    ", "\n"], ["\n    ", "\n"])), function (_a) {
+  var headingType = _a.headingType;
+  return headingStyle(headingType);
+});
+
+var Heading = function (_a) {
+  var renderAs = _a.renderAs,
+      isInverted = _a.isInverted,
+      className = _a.className,
+      _b = _a.size,
+      size = _b === void 0 ? 'heading-2' : _b,
+      textColor = _a.textColor,
+      textGradient = _a.textGradient,
+      _c = _a.hyphens,
+      hyphens = _c === void 0 ? false : _c,
+      _d = _a.hasShadow,
+      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"]);
+
+  var fonts = useLibTheme().fonts;
+  var tag = 'h2';
+
+  switch (size) {
+    default:
+    case 'heading-1':
+      tag = 'h1';
+      break;
+
+    case 'heading-2':
+      tag = 'h2';
+      break;
+
+    case 'heading-3':
+      tag = 'h3';
+      break;
+
+    case 'heading-4':
+      tag = 'h4';
+      break;
+
+    case 'super':
+      tag = 'div';
+      break;
+  } // get font settings from global context
+
+
+  var fontSettings = fonts === null || fonts === void 0 ? void 0 : fonts[size];
+  return React.createElement(View$1, __assign({
+    as: renderAs || tag,
+    headingType: size,
+    textColor: textColor || (isInverted ? fontSettings.colorInverted : fontSettings.color),
+    textGradient: textGradient || (!textColor ? isInverted ? fontSettings.colorGradientInverted : fontSettings.colorGradient : undefined),
+    hyphens: hyphens,
+    hasShadow: hasShadow,
+    dangerouslySetInnerHTML: innerHTML && !children ? {
+      __html: innerHTML
+    } : undefined,
+    className: className
+  }, rest), children);
+};
+
+Heading.defaultProps = {
+  renderAs: 'h2',
+  size: 'heading-2'
+};
+var templateObject_1$1, templateObject_2$1, templateObject_3$1, templateObject_4$1;
+
+var copyStyle = function (type, size) {
+  if (size === void 0) {
+    size = 'medium';
+  }
+
+  return css(templateObject_1 || (templateObject_1 = __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 (_a) {
+    var theme = _a.theme;
+    return getFonts(theme)[type][size].family;
+  }, function (_a) {
+    var theme = _a.theme;
+    return getFonts(theme)[type][size].weight;
+  }, function (_a) {
+    var theme = _a.theme;
+    return getFonts(theme)[type][size].style;
+  }, function (_a) {
+    var theme = _a.theme;
+    return withRange(getFonts(theme)[type][size].size, 'font-size');
+  }, function (_a) {
+    var theme = _a.theme;
+    return getFonts(theme)[type][size].lineHeight;
+  }, function (_a) {
+    var theme = _a.theme;
+    return getFonts(theme)[type][size].letterSpacing;
+  }, function (_a) {
+    var theme = _a.theme;
+    return getFonts(theme)[type][size].textTransform;
+  }, function (_a) {
+    var theme = _a.theme;
+    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    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 (_a) {
+  var textColor = _a.textColor,
+      textGradient = _a.textGradient;
+  return styleTextColor(textColor, textGradient);
+}, mq.medium, function (_a) {
+  var theme = _a.theme,
+      isInverted = _a.isInverted;
+  return isInverted ? getFonts(theme).link.colorInverted : getFonts(theme).link.color;
+}, function (_a) {
+  var theme = _a.theme;
+  return getFonts(theme).link.textTransform;
+}, function (_a) {
+  var theme = _a.theme;
+  return getFonts(theme).link.textDecoration;
+}, function (_a) {
+  var theme = _a.theme,
+      isInverted = _a.isInverted;
+  return isInverted ? getFonts(theme).link.colorHoverInverted : getFonts(theme).link.colorHover;
+}, function (_a) {
+  var theme = _a.theme,
+      isInverted = _a.isInverted;
+  return isInverted ? getFonts(theme).link.colorInverted : getFonts(theme).link.color;
+}, 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);
+}, headingStyle('heading-2'), headingStyle('heading-3'), headingStyle('heading-4'), headingStyle('super'), spacings.nudge * 3, spacings.nudge * 3, spacings.spacer, spacings.nudge * 5, spacings.nudge * 1.5, spacings.nudge * 3, spacings.nudge * 3, spacings.nudge * 3, spacings.nudge * 2, function (_a) {
+  var theme = _a.theme,
+      isInverted = _a.isInverted,
+      copyType = _a.copyType,
+      size = _a.size,
+      allowLinkIcons = _a.allowLinkIcons;
+  if (!allowLinkIcons) return '';
+  return getGlobals(theme).icons.linkIcons.map(function (item) {
+    var _a, _b, _c;
+
+    var iconChar = parseInt(item.iconChar);
+    var iconFont = item.iconFont;
+    var iconUrl = (_b = (_a = item).iconUrl) === null || _b === void 0 ? void 0 : _b.call(_a, isInverted);
+    var iconScale = clampValue(((_c = item.scale) === null || _c === void 0 ? void 0 : _c.call(item, {
+      type: copyType,
+      size: size
+    })) || 1, 0);
+    var patterns = item.patterns;
+    var isFontIcon = !!iconChar && !!iconFont;
+    var isValidIconChar = iconChar && !isNaN(iconChar) ? true : false;
+    var vAlign = item.vAlign || (isFontIcon ? 'text-top' : 'top');
+    var externalFilter = item.isExternal ? '[target="_blank"]' : '';
+    var selectors = patterns.filter(function (p) {
+      return p;
+    }).map(function (p) {
+      return "a[href*='".concat(p, "']").concat(externalFilter);
+    }).join(', ') || "a".concat(externalFilter);
+    var pseudoSelectors = patterns.filter(function (p) {
+      return p;
+    }).map(function (p) {
+      return "a[href*='".concat(p, "']").concat(externalFilter, ":after");
+    }).join(', ') || "a".concat(externalFilter, ":after");
+    var content = '';
+
+    if (iconChar || iconUrl) {
+      content = isValidIconChar ? "\"".concat(String.fromCharCode(iconChar), "\"") : "url(\"".concat(iconUrl, "\")");
+    }
+
+    return selectors && pseudoSelectors ? css(templateObject_3 || (templateObject_3 = __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                  "])), selectors, pseudoSelectors, content || undefined, iconFont || 'inherit', isFontIcon && "".concat(iconScale, "em"), vAlign, !iconFont && iconUrl ? "scale(".concat(iconScale, ")") : undefined, !isFontIcon && '1em') : '';
+  });
+}, copyStyle('copy', 'medium'), spacings.nudge * 2, copyStyle('copy', 'big'), spacings.nudge * 3);
+var View = styled.div.withConfig({
+  displayName: "Copy__View",
+  componentId: "sc-15rk6xr-0"
+})(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n"])), base, function (_a) {
+  var copyType = _a.copyType,
+      size = _a.size;
+  return copyStyle(copyType, size);
+});
+
+var Copy = function (_a) {
+  var _b;
+
+  var renderAs = _a.renderAs,
+      isInverted = _a.isInverted,
+      _c = _a.type,
+      type = _c === void 0 ? 'copy' : _c,
+      _d = _a.size,
+      size = _d === void 0 ? 'medium' : _d,
+      textColor = _a.textColor,
+      textGradient = _a.textGradient,
+      _e = _a.columns,
+      columns = _e === void 0 ? false : _e,
+      innerHTML = _a.innerHTML,
+      _f = _a.allowLinkIcons,
+      allowLinkIcons = _f === void 0 ? true : _f,
+      onClick = _a.onClick,
+      className = _a.className,
+      children = _a.children,
+      rest = __rest(_a, ["renderAs", "isInverted", "type", "size", "textColor", "textGradient", "columns", "innerHTML", "allowLinkIcons", "onClick", "className", "children"]);
+
+  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({
+    as: renderAs,
+    copyType: type,
+    size: size,
+    textColor: textColor || (isInverted ? fontSettings.colorInverted : fontSettings.color),
+    textGradient: textGradient || (!textColor ? isInverted ? fontSettings.colorGradientInverted : fontSettings.colorGradient : undefined),
+    isInverted: isInverted,
+    columns: columns,
+    allowLinkIcons: allowLinkIcons,
+    dangerouslySetInnerHTML: innerHTML && !children ? {
+      __html: innerHTML
+    } : undefined,
+    onClick: onClick,
+    className: className
+  }, rest), children);
+};
+
+Copy.defaultProps = {
+  type: 'copy',
+  size: 'medium'
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+
+export { Copy as C, Heading as H, copyStyle as c };
+//# sourceMappingURL=Copy-a28aeb61.js.map

package/esm/Copy-a28aeb61.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Copy-a28aeb61.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","family","weight","style","withRange","size","lineHeight","letterSpacing","textTransform","textDecoration","View","styled","h1","templateObject_4","headingType","Heading","renderAs","isInverted","className","_b","_c","_d","innerHTML","children","rest","__rest","fonts","useLibTheme","tag","fontSettings","React","createElement","__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"],"mappings":"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"}

package/esm/EventBlock-41d68d0a.js

@@ -0,0 +1,136 @@
+import { a as __makeTemplateObject, _ as __assign } from './ClockFilled-62515a8f.js';
+import React__default, { useMemo } from 'react';
+import styled from 'styled-components';
+import { T as Tag } from './Tag-ac51e916.js';
+import { c as copyStyle, C as Copy } from './Copy-a28aeb61.js';
+import { g as getColors, s as spacings, m as mq, a as getFonts } from './styles-da982973.js';
+import { S as StatusFormatter } from './statusFormatter-9be0fbff.js';
+import { u as useLibTheme } from './LibThemeProvider-52555ac9.js';
+import { I as Image } from './Image-dc2b33c1.js';
+import { L as Link } from './Link-3fd9c9b8.js';
+import { i as isValidArray } from './arrays-65b644ef.js';
+
+var View = styled.div.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) {
+  var theme = _a.theme,
+      hasBg = _a.hasBg;
+  return hasBg ? getColors(theme).elementBg.light : getColors(theme).elementBg.medium;
+}, spacings.nudge, mq.large, spacings.spacer);
+var ImageFlex = styled.div.withConfig({
+  displayName: "EventBlock__ImageFlex",
+  componentId: "sc-1nnq189-1"
+})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\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            display: inline-block;\n        }\n    }\n\n    @media ", " {\n        flex: 0 1 30%;\n\n        & > *:not(:first-child) {\n            display: none;\n        }\n    }\n"], ["\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            display: inline-block;\n        }\n    }\n\n    @media ", " {\n        flex: 0 1 30%;\n\n        & > *:not(:first-child) {\n            display: none;\n        }\n    }\n"])), spacings.nudge, mq.medium, mq.large);
+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);
+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);
+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);
+var TextWrapper = styled.div.withConfig({
+  displayName: "EventBlock__TextWrapper",
+  componentId: "sc-1nnq189-5"
+})(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge);
+var TagWrapper = styled.div.withConfig({
+  displayName: "EventBlock__TagWrapper",
+  componentId: "sc-1nnq189-6"
+})(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    padding-top: ", "px;\n    padding-left: ", "px;\n"], ["\n    padding-top: ", "px;\n    padding-left: ", "px;\n"])), spacings.nudge, spacings.nudge);
+var TitleLink = styled(Link).withConfig({
+  displayName: "EventBlock__TitleLink",
+  componentId: "sc-1nnq189-7"
+})(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    display: inline-block;\n    ", "\n\n    color: ", ";\n    text-decoration: none;\n"], ["\n    display: inline-block;\n    ", "\n\n    color: ", ";\n    text-decoration: none;\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;
+});
+var Text = styled(Copy).withConfig({
+  displayName: "EventBlock__Text",
+  componentId: "sc-1nnq189-8"
+})(templateObject_9 || (templateObject_9 = __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"])));
+
+var EventBlock = function (_a) {
+  var customTag = _a.customTag,
+      onTagClick = _a.onTagClick,
+      title = _a.title,
+      images = _a.images,
+      date = _a.date,
+      text = _a.text,
+      link = _a.link,
+      tags = _a.tags,
+      isInverted = _a.isInverted,
+      action = _a.action,
+      hasBg = _a.hasBg;
+  var globals = useLibTheme().globals;
+  var publishedAt = '';
+
+  if (date) {
+    var formatter = new StatusFormatter(date.getTime(), '', globals.sections.eventDateFormat(date), globals.sections.eventTimeFormat(date), globals.sections.eventLocaleKey);
+    publishedAt = formatter.getFormattedDate();
+  }
+
+  var handleTagClick = function (tag) {
+    return onTagClick ? function (ev) {
+      ev === null || ev === void 0 ? void 0 : ev.preventDefault();
+      onTagClick(tag);
+    } : undefined;
+  };
+
+  var filteredTags = useMemo(function () {
+    return tags === null || tags === void 0 ? void 0 : tags.filter(function (tag) {
+      return tag.name;
+    });
+  }, [tags]);
+  var cardImages = useMemo(function () {
+    return images === null || images === void 0 ? void 0 : images.slice(0, 2);
+  }, [images]);
+  return React__default.createElement(View, {
+    hasBg: hasBg
+  }, isValidArray(cardImages, false) && cardImages.length > 1 && React__default.createElement(ImageFlex, null, cardImages.map(function (img, i) {
+    if (!img.small) return null;
+    return React__default.createElement(CardImage, __assign({}, img, {
+      key: i,
+      coverSpace: true,
+      allowEdgeRadius: true,
+      isInverted: isInverted,
+      ratios: {
+        small: {
+          w: 4,
+          h: 3
+        }
+      }
+    }));
+  })), React__default.createElement(MainContent, null, isValidArray(filteredTags, false) && React__default.createElement(TagContainer, null, filteredTags.map(function (tag, i) {
+    return tag && React__default.createElement(TagWrapper, {
+      key: 'tag_' + i
+    }, customTag ? customTag({
+      key: 'tag_' + i,
+      name: tag.name || '',
+      isActive: false,
+      link: tag.link || {},
+      clickHandler: handleTagClick(tag)
+    }) : React__default.createElement(Tag, {
+      name: tag.name,
+      link: tag.link,
+      onClick: handleTagClick(tag)
+    }));
+  })), title && React__default.createElement(TitleLink, __assign({}, link), title), 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
+  }), " ")));
+};
+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-41d68d0a.js.map

package/esm/EventBlock-41d68d0a.js.map

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

package/esm/Filter-2b5f5e53.js

@@ -0,0 +1,32 @@
+import { a as __makeTemplateObject } from './ClockFilled-62515a8f.js';
+import * as React from 'react';
+import styled from 'styled-components';
+
+var SVG = styled.svg.withConfig({
+  displayName: "Filter__SVG",
+  componentId: "sc-noawe1-0"
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: block;\n"], ["\n    display: block;\n"])));
+
+var Filter = function (_a) {
+  var _b = _a.iconColor,
+      iconColor = _b === void 0 ? 'currentColor' : _b,
+      className = _a.className,
+      _c = _a.ariaHidden,
+      ariaHidden = _c === void 0 ? true : _c;
+  return React.createElement(SVG, {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    className: className,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": ariaHidden
+  }, React.createElement("path", {
+    d: "M10 18h4v-2h-4v2ZM3 6v2h18V6H3Zm3 7h12v-2H6v2Z",
+    fill: iconColor
+  }));
+};
+var templateObject_1;
+
+export { Filter as F };
+//# sourceMappingURL=Filter-2b5f5e53.js.map

package/esm/Filter-2b5f5e53.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filter-2b5f5e53.js","sources":["../src/components/base/icons/Filter.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nconst SVG = styled.svg`\n    display: block;\n`;\n\nconst Filter: React.FC<{\n    iconColor?: string;\n    className?: string;\n    ariaHidden?: boolean;\n}> = ({ iconColor = 'currentColor', className, ariaHidden = true }) => (\n    <SVG\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        className={className}\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        aria-hidden={ariaHidden}\n    >\n        <path\n            d=\"M10 18h4v-2h-4v2ZM3 6v2h18V6H3Zm3 7h12v-2H6v2Z\"\n            fill={iconColor}\n        />\n    </SVG>\n);\n\nexport default Filter;\n"],"names":["SVG","styled","svg","templateObject_1","__makeTemplateObject","Filter","_a","_b","iconColor","className","_c","ariaHidden","React","createElement","width","height","viewBox","fill","xmlns","d"],"mappings":";;;;AAGA,IAAMA,GAAG,GAAGC,MAAM,CAACC,GAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,aAAA;AAAA,EAAA,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAaC,gBAAA,KAAAA,gBAAA,GAAAC,oBAAA,CAAA,CAAA,yBAAA,CAAA,EAAA,CAAA,yBAAA,CAAA,CAAA,CAAb,CAAT,CAAA;;AAIA,IAAMC,MAAM,GAIP,UAACC,EAAD,EAA6D;AAA1D,EAAA,IAAAC,EAAA,GAAAD,EAAA,CAAAE,SAAA;AAAA,MAAAA,SAAS,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,cAAA,KAAZ;AAAA,MAA4BE,SAAS,GAAAH,EAAA,CAAAG,SAArC;AAAA,MAAuCC,EAAiB,GAAAJ,EAAA,CAAAK,UAAxD;AAAA,MAAuCA,UAAU,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,IAAH,GAAOA,EAAxD,CAAA;AAA+D,EAAA,OACnEE,KAAA,CAAAC,aAAA,CAACb,GAAD,EAAI;AACAc,IAAAA,KAAK,EAAC,IADN;AAEAC,IAAAA,MAAM,EAAC,IAFP;AAGAC,IAAAA,OAAO,EAAC,WAHR;AAIAP,IAAAA,SAAS,EAAEA,SAJX;AAKAQ,IAAAA,IAAI,EAAC,MALL;AAMAC,IAAAA,KAAK,EAAC,4BANN;AAMkC,IACrBP,aAAAA,EAAAA,UAAAA;AAPb,GAAJ,EASIC,KACI,CAAAC,aADJ,CACI,MADJ,EACI;AAAAM,IAAAA,CAAC,EAAC,gDAAF;AACAF,IAAAA,IAAI,EAAET,SAAAA;AADN,GADJ,CATJ,CADmE,CAAA;AAetE,EAnBD;;;;;"}