@sok-brand-sites/common-frontend-components 0.0.1-security → 1.643.1

package/dist/components/CarouselNarrow/CarouselNarrow.styles.js

@@ -0,0 +1,281 @@
+import { __makeTemplateObject } from '../../_virtual/_tslib.js';
+import MultiCarousel from 'react-multi-carousel';
+import styled, { css } from 'styled-components';
+import { GatsbyImage } from 'gatsby-plugin-image';
+import media from '../../styles/media.js';
+var CarouselContainer = styled.div.withConfig({
+  displayName: "CarouselNarrowstyles__CarouselContainer",
+  componentId: "sc-1e5qnfw-0"
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  overflow-x: hidden;\n"], ["\n  overflow-x: hidden;\n"])));
+var StyledCarousel = styled(MultiCarousel).withConfig({
+  displayName: "CarouselNarrowstyles__StyledCarousel",
+  componentId: "sc-1e5qnfw-1"
+})(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  --maxWidth: ", ";\n  --restrictedWidthContainerDesktopMarginLeft: ", ";\n\n  width: 100%;\n  align-items: stretch;\n  padding-bottom: ", ";\n  justify-content: ", ";\n\n  ", "\n\n  ", "\n\n  ", "\n\n  .react-multiple-carousel__arrow {\n    top: 40%;\n    z-index: 99;\n    margin-right: ", ";\n    overflow: overlay;\n    filter: brightness(1);\n    ", ";\n\n    :hover {\n      filter: brightness(0.8);\n    }\n\n    :before {\n      color: ", ";\n    }\n  }\n\n  .react-multi-carousel-dot > button {\n    background-color: ", ";\n    border: none;\n  }\n\n  .react-multi-carousel-dot--active > button {\n    background-color: ", ";\n    border: none;\n  }\n"], ["\n  --maxWidth: ", ";\n  --restrictedWidthContainerDesktopMarginLeft: ", ";\n\n  width: 100%;\n  align-items: stretch;\n  padding-bottom: ", ";\n  justify-content: ", ";\n\n  ", "\n\n  ", "\n\n  ", "\n\n  .react-multiple-carousel__arrow {\n    top: 40%;\n    z-index: 99;\n    margin-right: ", ";\n    overflow: overlay;\n    filter: brightness(1);\n    ", ";\n\n    :hover {\n      filter: brightness(0.8);\n    }\n\n    :before {\n      color: ", ";\n    }\n  }\n\n  .react-multi-carousel-dot > button {\n    background-color: ", ";\n    border: none;\n  }\n\n  .react-multi-carousel-dot--active > button {\n    background-color: ", ";\n    border: none;\n  }\n"])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.restrictedWidthContainer.maxWidth;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.restrictedWidthContainer.desktop.margin.left;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing32;
+}, function (_a) {
+  var linkCount = _a.linkCount,
+      itemsToShow = _a.itemsToShow;
+  return linkCount <= itemsToShow.mobile ? 'center' : 'normal';
+}, media.tablet(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    justify-content: ", ";\n  "], ["\n    justify-content: ", ";\n  "])), function (_a) {
+  var linkCount = _a.linkCount,
+      itemsToShow = _a.itemsToShow;
+  return linkCount <= itemsToShow.tablet ? 'center' : 'normal';
+}), media.desktop(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    justify-content: ", ";\n  "], ["\n    justify-content: ", ";\n  "])), function (_a) {
+  var linkCount = _a.linkCount,
+      itemsToShow = _a.itemsToShow;
+  return linkCount <= itemsToShow.desktop ? 'center' : 'normal';
+}), media.widerThanRestrictedWidthContainer(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n     justify-content: ", ";\n  "], ["\n     justify-content: ", ";\n  "])), function (_a) {
+  var linkCount = _a.linkCount,
+      itemsToShow = _a.itemsToShow;
+  return linkCount <= itemsToShow.ultraWide ? 'center' : 'normal';
+}), function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing4;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.arrowBackgroundColor ? "background-color:" + theme.components.carouselNarrow.arrowBackgroundColor + ";" : 'unset';
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.arrowColor;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.dotColor.default;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.dotColor.active;
+});
+var CarouselItem = styled.div.withConfig({
+  displayName: "CarouselNarrowstyles__CarouselItem",
+  componentId: "sc-1e5qnfw-2"
+})(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  min-height: 20rem;\n  height: 100%;\n  background: ", ";\n  margin: 0 ", ";\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n  box-sizing: border-box;\n  background-color: ", ";\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  min-height: 20rem;\n  height: 100%;\n  background: ", ";\n  margin: 0 ", ";\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n  box-sizing: border-box;\n  background-color: ", ";\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.carouselItem.backgroundColor;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing8;
+}, function (_a) {
+  var color = _a.color;
+  return color ? color : 'white';
+}, function (_a) {
+  var color = _a.color;
+  return !color && css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);\n    "], ["\n      box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);\n    "])));
+}, media.tablet(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    flex-wrap: unset;\n    min-height: 30rem;\n    margin: 0 ", ";\n  "], ["\n    flex-wrap: unset;\n    min-height: 30rem;\n    margin: 0 ", ";\n  "])), function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing8;
+}), media.desktop(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    flex-wrap: unset;\n    height: 100%;\n    min-height: 30rem;\n    margin: 0 ", ";\n  "], ["\n    flex-wrap: unset;\n    height: 100%;\n    min-height: 30rem;\n    margin: 0 ", ";\n  "])), function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing16;
+}));
+var ImageContainer = styled.div.withConfig({
+  displayName: "CarouselNarrowstyles__ImageContainer",
+  componentId: "sc-1e5qnfw-3"
+})(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  display: ", ";\n  width: 100%;\n  height: ", ";\n\n  ", "\n\n  ", "\n"], ["\n  display: ", ";\n  width: 100%;\n  height: ", ";\n\n  ", "\n\n  ", "\n"])), function (_a) {
+  var hasImage = _a.hasImage;
+  return hasImage ? 'block' : 'none';
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.mediaHeight.mobile;
+}, media.tablet(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n    width: ", ";\n    height: ", ";\n    max-height: unset;\n    position: relative;\n  "], ["\n    width: ", ";\n    height: ", ";\n    max-height: unset;\n    position: relative;\n  "])), function (_a) {
+  var hasMainContent = _a.hasMainContent;
+  return hasMainContent ? '100%' : '100%';
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.mediaHeight.tablet;
+}), media.desktop(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n    width: ", ";\n    height: ", ";\n    max-height: unset;\n    position: relative;\n  "], ["\n    width: ", ";\n    height: ", ";\n    max-height: unset;\n    position: relative;\n  "])), function (_a) {
+  var hasMainContent = _a.hasMainContent;
+  return hasMainContent ? '100%' : '100%';
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.mediaHeight.desktop;
+}));
+var ImageCSS = css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  pointer-events: none;\n  user-select: none;\n"], ["\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  pointer-events: none;\n  user-select: none;\n"])));
+var ResponsiveImageCSS = css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), media.tablet(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n    max-height: ", ";\n    position: ", ";\n  "], ["\n    max-height: ", ";\n    position: ", ";\n  "])), function (_a) {
+  var hasMainContent = _a.hasMainContent;
+  return !hasMainContent ? '70vh' : 'unset';
+}, function (_a) {
+  var hasMainContent = _a.hasMainContent;
+  return !hasMainContent ? 'unset' : 'absolute !important';
+}), media.desktop(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n    max-height: ", ";\n    position: ", ";\n  "], ["\n    max-height: ", ";\n    position: ", ";\n  "])), function (_a) {
+  var hasMainContent = _a.hasMainContent;
+  return !hasMainContent ? '70vh' : 'unset';
+}, function (_a) {
+  var hasMainContent = _a.hasMainContent;
+  return !hasMainContent ? 'unset' : 'unset';
+}));
+var StaticImage = styled.img.withConfig({
+  displayName: "CarouselNarrowstyles__StaticImage",
+  componentId: "sc-1e5qnfw-4"
+})(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  ", ";\n  ", ";\n"], ["\n  ", ";\n  ", ";\n"])), ImageCSS, ResponsiveImageCSS);
+var DynamicImage = styled(GatsbyImage).withConfig({
+  displayName: "CarouselNarrowstyles__DynamicImage",
+  componentId: "sc-1e5qnfw-5"
+})(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  ", ";\n  ", ";\n"], ["\n  ", ";\n  ", ";\n"])), ImageCSS, ResponsiveImageCSS);
+styled.div.withConfig({
+  displayName: "CarouselNarrowstyles__ImageInTextContainer",
+  componentId: "sc-1e5qnfw-6"
+})(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n  width: 100%;\n"], ["\n  width: 100%;\n"])));
+styled(GatsbyImage).withConfig({
+  displayName: "CarouselNarrowstyles__DynamicImageInText",
+  componentId: "sc-1e5qnfw-7"
+})(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), ImageCSS);
+styled.img.withConfig({
+  displayName: "CarouselNarrowstyles__StaticImageInText",
+  componentId: "sc-1e5qnfw-8"
+})(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), ImageCSS);
+var StyledSVG = styled.img.withConfig({
+  displayName: "CarouselNarrowstyles__StyledSVG",
+  componentId: "sc-1e5qnfw-9"
+})(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n  ", ";\n  object-fit: unset;\n"], ["\n  ", ";\n  object-fit: unset;\n"])), ImageCSS);
+var ContentContainer = styled.div.withConfig({
+  displayName: "CarouselNarrowstyles__ContentContainer",
+  componentId: "sc-1e5qnfw-10"
+})(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n  display: block;\n  width: 100%;\n  height: unset;\n  box-sizing: border-box;\n  padding: ", ";\n\n  ", "\n\n  ", "\n"], ["\n  display: block;\n  width: 100%;\n  height: unset;\n  box-sizing: border-box;\n  padding: ", ";\n\n  ", "\n\n  ", "\n"])), function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing32 + " " + theme.spacings.spacing16;
+}, media.tablet(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n     padding: ", ";\n  "], ["\n     padding: ", ";\n  "])), function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing32;
+}), media.desktop(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n    padding: ", ";\n  "], ["\n    padding: ", ";\n  "])), function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing32;
+}));
+styled.div.withConfig({
+  displayName: "CarouselNarrowstyles__Category",
+  componentId: "sc-1e5qnfw-11"
+})(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n  font-family: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  color: ", ";\n  text-transform: ", ";\n\n  ", "\n\n  ", "\n"], ["\n  font-family: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  color: ", ";\n  text-transform: ", ";\n\n  ", "\n\n  ", "\n"])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.category.fontFamily;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.category.fontWeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.category.fontSizes.mobile.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.category.fontSizes.mobile.lineHeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.category.color;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.category.textTransform;
+}, media.tablet(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n    font-size: ", ";\n    line-height: ", ";\n  "], ["\n    font-size: ", ";\n    line-height: ", ";\n  "])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.category.fontSizes.tablet.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.category.fontSizes.tablet.lineHeight;
+}), media.desktop(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n    font-size: ", ";\n    line-height: ", ";\n  "], ["\n    font-size: ", ";\n    line-height: ", ";\n  "])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.category.fontSizes.desktop.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.category.fontSizes.desktop.lineHeight;
+}));
+var Title = styled.div.withConfig({
+  displayName: "CarouselNarrowstyles__Title",
+  componentId: "sc-1e5qnfw-12"
+})(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n  font-family: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: initial;\n  color: ", ";\n  text-transform: ", ";\n  word-wrap: break-word;\n\n  margin-bottom: ", ";\n\n  b {\n    color: ", ";\n    font-weight: inherit;\n  }\n\n  ", "\n\n  ", "\n"], ["\n  font-family: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: initial;\n  color: ", ";\n  text-transform: ", ";\n  word-wrap: break-word;\n\n  margin-bottom: ", ";\n\n  b {\n    color: ", ";\n    font-weight: inherit;\n  }\n\n  ", "\n\n  ", "\n"])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.title.fontFamily;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.title.fontWeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.title.fontSizes.mobile.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.title.color;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.title.textTransform;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing16;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.colors.primary900;
+}, media.tablet(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n    margin-bottom: ", ";\n    font-size: ", ";\n    line-height: ", ";\n  "], ["\n    margin-bottom: ", ";\n    font-size: ", ";\n    line-height: ", ";\n  "])), function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing32;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.title.fontSizes.tablet.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.title.fontSizes.tablet.lineHeight;
+}), media.desktop(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n    margin-bottom: ", ";\n    font-size: ", ";\n    line-height: ", ";\n  "], ["\n    margin-bottom: ", ";\n    font-size: ", ";\n    line-height: ", ";\n  "])), function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing32;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.title.fontSizes.desktop.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.title.fontSizes.desktop.lineHeight;
+}));
+var Description = styled.div.withConfig({
+  displayName: "CarouselNarrowstyles__Description",
+  componentId: "sc-1e5qnfw-13"
+})(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n  font-family: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  color: ", ";\n  margin-bottom: ", ";\n  word-wrap: break-word;\n"], ["\n  font-family: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  color: ", ";\n  margin-bottom: ", ";\n  word-wrap: break-word;\n"])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.description.fontFamily;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.description.fontWeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.description.fontSizes.mobile.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.description.fontSizes.mobile.lineHeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.description.color;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing32;
+});
+styled.div.withConfig({
+  displayName: "CarouselNarrowstyles__ButtonContainer",
+  componentId: "sc-1e5qnfw-14"
+})(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n  margin-bottom: ", ";\n"], ["\n  margin-bottom: ", ";\n"])), function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing32;
+});
+var StyledLink = styled.a.withConfig({
+  displayName: "CarouselNarrowstyles__StyledLink",
+  componentId: "sc-1e5qnfw-15"
+})(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n  margin: 0px ", ";\n  font-family: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  color: ", ";\n  border-bottom: 2px solid ", ";\n\n  cursor: pointer;\n\n  :hover {\n    filter: opacity(0.5);\n  }\n"], ["\n  margin: 0px ", ";\n  font-family: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  color: ", ";\n  border-bottom: 2px solid ", ";\n\n  cursor: pointer;\n\n  :hover {\n    filter: opacity(0.5);\n  }\n"])), function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing4;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.link.fontFamily;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.link.fontWeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.link.fontSizes.mobile.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.link.fontSizes.mobile.lineHeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.link.color;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.carouselNarrow.link.color;
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34;
+export { CarouselContainer, CarouselItem, ContentContainer, Description, DynamicImage, ImageContainer, StaticImage, StyledCarousel, StyledLink, StyledSVG, Title };

package/dist/components/Column/Column.js

@@ -0,0 +1,31 @@
+import { __assign } from '../../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+import BlockContent from '../BlockGenerator/BlockContent.js';
+import { ColumnContainer, ColumnItem } from './Column.styles.js';
+
+var Column = function Column(_a) {
+  var innerBlocks = _a.innerBlocks,
+      width = _a.width,
+      anchor = _a.anchor,
+      blockBackgroundColor = _a.blockBackgroundColor,
+      numberOfColumns = _a.numberOfColumns,
+      databaseId = _a.databaseId;
+  return jsx(ColumnContainer, __assign({
+    id: anchor,
+    width: width
+  }, {
+    children: innerBlocks.map(function (innerBlock, i) {
+      return jsx(ColumnItem, __assign({
+        width: numberOfColumns === 1 ? width : ''
+      }, {
+        children: jsx(BlockContent, {
+          block: innerBlock,
+          blockBackgroundColor: blockBackgroundColor,
+          databaseId: databaseId
+        }, void 0)
+      }), i);
+    })
+  }), void 0);
+};
+
+export { Column, Column as default };

package/dist/components/Column/Column.styles.js

@@ -0,0 +1,34 @@
+import { __makeTemplateObject } from '../../_virtual/_tslib.js';
+import styled from 'styled-components';
+import media from '../../styles/media.js';
+var ColumnContainer = styled.div.withConfig({
+  displayName: "Columnstyles__ColumnContainer",
+  componentId: "sc-1a0qy7c-0"
+})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex-grow: 1;\n  min-width: 0;\n  word-break: break-word;\n  overflow-wrap: break-word;\n\n  width: 100%;\n  flex-basis: 100%;\n  display: flex;\n  flex-direction: column;\n\n  ", "\n\n  ", "\n\n  > *:last-child {\n    flex: 1;\n  }\n"], ["\n  flex-grow: 1;\n  min-width: 0;\n  word-break: break-word;\n  overflow-wrap: break-word;\n\n  width: 100%;\n  flex-basis: 100%;\n  display: flex;\n  flex-direction: column;\n\n  ", "\n\n  ", "\n\n  > *:last-child {\n    flex: 1;\n  }\n"])), media.tablet(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    margin-bottom: ", " !important;\n  "], ["\n    margin-bottom: ", " !important;\n  "])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.column.tablet.margin.bottom;
+}), media.desktop(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    flex-basis: ", ";\n    margin-bottom: ", " !important;\n  "], ["\n    flex-basis: ", ";\n    margin-bottom: ", " !important;\n  "])), function (_a) {
+  var width = _a.width;
+  return width;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.column.desktop.margin.bottom;
+}));
+var ColumnItem = styled.div.withConfig({
+  displayName: "Columnstyles__ColumnItem",
+  componentId: "sc-1a0qy7c-1"
+})(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  margin-bottom: ", ";\n\n  ", "\n\n  ", "\n"], ["\n  margin-bottom: ", ";\n\n  ", "\n\n  ", "\n"])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.column.columnItem.mobile.margin.bottom;
+}, media.tablet(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    margin-bottom: ", ";\n  "], ["\n    margin-bottom: ", ";\n  "])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.column.columnItem.tablet.margin.bottom;
+}), media.desktop(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    margin-bottom: ", ";\n\n    // For Columns block with 1 col\n    // with a width less than 100%\n    ", "\n  "], ["\n    margin-bottom: ", ";\n\n    // For Columns block with 1 col\n    // with a width less than 100%\n    ", "\n  "])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.column.columnItem.desktop.margin.bottom;
+}, function (_a) {
+  var width = _a.width;
+  return width && "\n      width: " + width + ";\n      margin-left: auto;\n      margin-right: auto;\n    ";
+}));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+export { ColumnContainer, ColumnItem };

package/dist/components/Columns/Columns.js

@@ -0,0 +1,38 @@
+import { __assign } from '../../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+import Column from '../Column/Column.js';
+import { ColumnsContainer } from './Columns.styles.js';
+
+var Columns = function Columns(_a) {
+  var _b, _c;
+
+  var block = _a.block,
+      databaseId = _a.databaseId; // Restructure the data into easier format to handle
+  // Information needed: all blocks inside a column and column width
+
+  var columns = (_b = block === null || block === void 0 ? void 0 : block.innerBlocks) === null || _b === void 0 ? void 0 : _b.map(function (innerBlock) {
+    return {
+      innerBlocks: innerBlock.innerBlocks,
+      width: innerBlock.attributes.width,
+      anchor: innerBlock.attributes.anchor
+    };
+  }); // WP returns empty width if they're equal
+
+  var defaultWidth = (100 / (columns === null || columns === void 0 ? void 0 : columns.length)).toFixed(2) + "%";
+  return jsx(ColumnsContainer, __assign({
+    id: (_c = block.attributes) === null || _c === void 0 ? void 0 : _c.anchor
+  }, {
+    children: columns === null || columns === void 0 ? void 0 : columns.map(function (column, i) {
+      return jsx(Column, {
+        innerBlocks: column.innerBlocks,
+        width: column.width || defaultWidth,
+        anchor: column.anchor,
+        numberOfColumns: columns.length,
+        blockBackgroundColor: block.attributes.backgroundColor,
+        databaseId: databaseId
+      }, i);
+    })
+  }), void 0);
+};
+
+export { Columns, Columns as default };

package/dist/components/Columns/Columns.styles.js

@@ -0,0 +1,21 @@
+import { __makeTemplateObject } from '../../_virtual/_tslib.js';
+import styled from 'styled-components';
+import media from '../../styles/media.js';
+var ColumnsContainer = styled.div.withConfig({
+  displayName: "Columnsstyles__ColumnsContainer",
+  componentId: "sc-lbdd0-0"
+})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  box-sizing: border-box;\n  flex-wrap: wrap;\n  column-gap: ", ";\n\n  /* ts-styled-plugin complains about syntax errors but the code is actually valid\n     red underlines dissapear when calc(...) is put completely to 1 line\n  */\n\n  margin-bottom: calc(", " * -1px);\n\n  ", "\n\n  ", "\n"], ["\n  display: flex;\n  box-sizing: border-box;\n  flex-wrap: wrap;\n  column-gap: ", ";\n\n  /* ts-styled-plugin complains about syntax errors but the code is actually valid\n     red underlines dissapear when calc(...) is put completely to 1 line\n  */\n\n  margin-bottom: calc(", " * -1px);\n\n  ", "\n\n  ", "\n"])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.columns.columnGap;
+}, function (_a) {
+  var theme = _a.theme;
+  return parseFloat(theme.components.column.columnItem.mobile.margin.bottom);
+}, media.tablet(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    margin-bottom: calc(\n      ", " * -1px\n    );\n  "], ["\n    margin-bottom: calc(\n      ", " * -1px\n    );\n  "])), function (_a) {
+  var theme = _a.theme;
+  return parseFloat(theme.components.column.tablet.margin.bottom) + parseFloat(theme.components.column.columnItem.tablet.margin.bottom);
+}), media.desktop(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n     flex-wrap: nowrap;\n    margin-bottom: calc(\n      ", " * -1px\n    );\n  "], ["\n     flex-wrap: nowrap;\n    margin-bottom: calc(\n      ", " * -1px\n    );\n  "])), function (_a) {
+  var theme = _a.theme;
+  return parseFloat(theme.components.column.desktop.margin.bottom) + parseFloat(theme.components.column.columnItem.desktop.margin.bottom);
+}));
+var templateObject_1, templateObject_2, templateObject_3;
+export { ColumnsContainer };

package/dist/components/Embed/Embed.js

@@ -0,0 +1,54 @@
+import { __assign } from '../../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { EmbedContainer, ResponsiveIFrame } from './Embed.styles.js';
+
+var verifyMediaUrl = function verifyMediaUrl(url) {
+  var dreambrokerSiteKey = 'dreambroker.com';
+  var dreambrokerIFrameKey = 'iframe';
+  var youtubeSiteKey = 'youtu';
+  var watchKey = 'watch?v=';
+  var embedKey = 'embed';
+  var delimeter = '/';
+  var verifiedUrl = url;
+
+  var trimLastSlash = function trimLastSlash() {
+    verifiedUrl = verifiedUrl.replace(/\/$/, ''); // trim the last slash
+  };
+
+  if (verifiedUrl.includes(dreambrokerSiteKey) && !verifiedUrl.includes(dreambrokerIFrameKey)) {
+    trimLastSlash();
+    var index = verifiedUrl.lastIndexOf(delimeter);
+    verifiedUrl = verifiedUrl.slice(0, index) + "/" + dreambrokerIFrameKey + verifiedUrl.slice(index);
+  }
+
+  if (verifiedUrl.includes(youtubeSiteKey)) {
+    trimLastSlash();
+    verifiedUrl = verifiedUrl.replace(watchKey, "" + embedKey + delimeter);
+
+    if (!verifiedUrl.includes(embedKey)) {
+      var parsedUrl = verifiedUrl.split(delimeter);
+
+      if (parsedUrl.length > 3) {
+        verifiedUrl = "https://www.youtube.com/" + embedKey + "/" + parsedUrl[parsedUrl.length - 1];
+      }
+    }
+  }
+
+  return verifiedUrl;
+};
+
+var Embed = forwardRef(function (_a, ref) {
+  var url = _a.url,
+      anchor = _a.anchor;
+  var verifiedUrl = verifyMediaUrl(url);
+  return jsx(EmbedContainer, __assign({
+    id: anchor,
+    ref: ref
+  }, {
+    children: jsx(ResponsiveIFrame, {
+      src: verifiedUrl
+    }, void 0)
+  }), void 0);
+});
+export { Embed, Embed as default, verifyMediaUrl };

package/dist/components/Embed/Embed.styles.js

@@ -0,0 +1,12 @@
+import { __makeTemplateObject } from '../../_virtual/_tslib.js';
+import styled from 'styled-components';
+var EmbedContainer = styled.div.withConfig({
+  displayName: "Embedstyles__EmbedContainer",
+  componentId: "sc-yc4477-0"
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */\n"], ["\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */\n"])));
+var ResponsiveIFrame = styled.iframe.withConfig({
+  displayName: "Embedstyles__ResponsiveIFrame",
+  componentId: "sc-yc4477-1"
+})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n  border: 0;\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n  border: 0;\n"])));
+var templateObject_1, templateObject_2;
+export { EmbedContainer, ResponsiveIFrame };

package/dist/components/Footer/Footer.js

@@ -0,0 +1,63 @@
+import { __rest, __assign } from '../../_virtual/_tslib.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import React, { forwardRef } from 'react';
+import RestrictedWidthContainer from '../RestrictedWidthContainer/RestrictedWidthContainer.js';
+import { FooterContainer, ContentContainer, LogoContainer, Logo, LinksContainer, CookieLinkButton, StyledLink, FooterLinkDivider } from './Footer.styles.js';
+import { SLogo } from '../../assets/logos/logos.js';
+import { parseLink, parseInternalLink } from '../utils.js';
+var Footer = forwardRef(function (_a, ref) {
+  var links = _a.links,
+      _b = _a.language,
+      language = _b === void 0 ? 'FI' : _b,
+      logo = _a.logo,
+      logoUrl = _a.logoUrl,
+      rest = __rest(_a, ["links", "language", "logo", "logoUrl"]);
+
+  var onCookieLinkButtonClick = function onCookieLinkButtonClick(e, language) {
+    e.preventDefault();
+
+    if (typeof window === 'object' && typeof window.consentComponentApi === 'object') {
+      window.consentComponentApi.changeConsentUiLanguage(language.toLowerCase());
+      window.consentComponentApi.showConsentChooser();
+    } else if (typeof window === 'object' && typeof window.UC_UI === 'object') {
+      window.UC_UI.updateLanguage((language === null || language === void 0 ? void 0 : language.toLowerCase()) || 'fi');
+      window.UC_UI.showSecondLayer();
+    }
+  };
+
+  return jsx(FooterContainer, __assign({}, rest, {
+    ref: ref
+  }, {
+    children: jsx(RestrictedWidthContainer, {
+      children: jsxs(ContentContainer, {
+        children: [jsx(LogoContainer, {
+          children: logo ? logo : logoUrl ? jsx(Logo, {
+            src: logoUrl
+          }, void 0) : jsx(SLogo, {
+            color: "#FFFFFF"
+          }, void 0)
+        }, void 0), links && links.length > 0 && jsx(LinksContainer, {
+          children: links.map(function (link, i) {
+            return jsxs(React.Fragment, {
+              children: [link.path === '#cookies' ? jsx(CookieLinkButton, __assign({
+                onClick: function onClick(e) {
+                  return onCookieLinkButtonClick(e, language);
+                }
+              }, {
+                children: link === null || link === void 0 ? void 0 : link.label
+              }), i) : jsx(StyledLink, __assign({
+                href: parseLink(link.path) ? link.path : parseInternalLink(link.path),
+                target: parseLink(link.path) ? '__blank' : '_self'
+              }, {
+                children: link.label
+              }), void 0), i < links.length - 1 && jsx(FooterLinkDivider, {
+                children: " | "
+              }, void 0)]
+            }, i);
+          })
+        }, void 0)]
+      }, void 0)
+    }, void 0)
+  }), void 0);
+});
+export { Footer, Footer as default };

package/dist/components/Footer/Footer.styles.js

@@ -0,0 +1,67 @@
+import { __makeTemplateObject } from '../../_virtual/_tslib.js';
+import styled, { css } from 'styled-components';
+var LinkCss = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-family: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  color: ", ";\n  word-break: break-word;\n  text-align: center;\n  margin: ", ";\n  padding: 0;\n  &:hover {\n    filter: brightness(0.8);\n  }\n"], ["\n  font-family: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  color: ", ";\n  word-break: break-word;\n  text-align: center;\n  margin: ", ";\n  padding: 0;\n  &:hover {\n    filter: brightness(0.8);\n  }\n"])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.footer.fontFamily;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.footer.fontWeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.footer.fontSizes.mobile.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.footer.linkColor;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing4;
+});
+var FooterContainer = styled.footer.withConfig({
+  displayName: "Footerstyles__FooterContainer",
+  componentId: "sc-hmmovc-0"
+})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-top: auto;\n  padding: ", ";\n  background-color: ", ";\n"], ["\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-top: auto;\n  padding: ", ";\n  background-color: ", ";\n"])), function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing32 + " 0}";
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.footer.backgroundColor;
+});
+var ContentContainer = styled.div.withConfig({
+  displayName: "Footerstyles__ContentContainer",
+  componentId: "sc-hmmovc-1"
+})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  row-gap: ", ";\n"], ["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  row-gap: ", ";\n"])), function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing16;
+});
+var LogoContainer = styled.div.withConfig({
+  displayName: "Footerstyles__LogoContainer",
+  componentId: "sc-hmmovc-2"
+})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
+var Logo = styled.img.withConfig({
+  displayName: "Footerstyles__Logo",
+  componentId: "sc-hmmovc-3"
+})(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  height: 100%;\n"], ["\n  height: 100%;\n"])));
+var LinksContainer = styled.div.withConfig({
+  displayName: "Footerstyles__LinksContainer",
+  componentId: "sc-hmmovc-4"
+})(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n"], ["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n"])));
+var StyledLink = styled.a.withConfig({
+  displayName: "Footerstyles__StyledLink",
+  componentId: "sc-hmmovc-5"
+})(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), LinkCss);
+var FooterLinkDivider = styled.span.withConfig({
+  displayName: "Footerstyles__FooterLinkDivider",
+  componentId: "sc-hmmovc-6"
+})(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  color: ", ";\n  font-weight: ", ";\n"], ["\n  color: ", ";\n  font-weight: ", ";\n"])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.footer.linkColor;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.footer.fontWeight;
+});
+var CookieLinkButton = styled.button.withConfig({
+  displayName: "Footerstyles__CookieLinkButton",
+  componentId: "sc-hmmovc-7"
+})(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  ", ";\n  background: none;\n  border: none;\n  cursor: pointer;\n"], ["\n  ", ";\n  background: none;\n  border: none;\n  cursor: pointer;\n"])), LinkCss);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
+export { ContentContainer, CookieLinkButton, FooterContainer, FooterLinkDivider, LinkCss, LinksContainer, Logo, LogoContainer, StyledLink };