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

package/dist/components/SideBySide/SideBySide.js

@@ -0,0 +1,81 @@
+import { __rest, __assign } from '../../_virtual/_tslib.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { useTheme } from 'styled-components';
+import { SideBySideContainer, MediaContainer, DynamicImage, StaticImage, Video, TextContainer, CategoryContainer, Category, Logo, Title, Description } from './SideBySide.styles.js';
+import { parseHtmlContent } from '../utils.js';
+import Button from '../Button/Button.js';
+var SideBySide = forwardRef(function (_a, ref) {
+  var _b, _c, _d, _e, _f, _g;
+
+  var button = _a.button,
+      category = _a.category,
+      logo = _a.logo,
+      title = _a.title,
+      description = _a.description,
+      media = _a.media,
+      mediaPosition = _a.mediaPosition,
+      anchor = _a.anchor,
+      rest = __rest(_a, ["button", "category", "logo", "title", "description", "media", "mediaPosition", "anchor"]);
+
+  var theme = useTheme();
+  var separator = theme.components.sideBySide.separator;
+  var renderCategorySeparator = !!((category || (logo === null || logo === void 0 ? void 0 : logo.mediaItemUrl)) && separator);
+  return jsxs(SideBySideContainer, __assign({}, rest, {
+    ref: ref,
+    id: anchor
+  }, {
+    children: [jsxs(MediaContainer, __assign({
+      mediaPosition: mediaPosition
+    }, {
+      children: [((_b = media === null || media === void 0 ? void 0 : media.mimeType) === null || _b === void 0 ? void 0 : _b.includes('image')) && ((_c = media === null || media === void 0 ? void 0 : media.localFile) === null || _c === void 0 ? void 0 : _c.childImageSharp) && jsx(DynamicImage, {
+        image: (_d = media.localFile.childImageSharp) === null || _d === void 0 ? void 0 : _d.gatsbyImageData,
+        alt: ""
+      }, void 0), ((_e = media === null || media === void 0 ? void 0 : media.mimeType) === null || _e === void 0 ? void 0 : _e.includes('image')) && !((_f = media === null || media === void 0 ? void 0 : media.localFile) === null || _f === void 0 ? void 0 : _f.childImageSharp) && jsx(StaticImage, {
+        src: media.mediaItemUrl || '',
+        alt: ""
+      }, void 0), (media === null || media === void 0 ? void 0 : media.mediaItemUrl) && ((_g = media === null || media === void 0 ? void 0 : media.mimeType) === null || _g === void 0 ? void 0 : _g.includes('video')) && jsx(Video, __assign({
+        muted: true,
+        loop: true,
+        playsInline: true,
+        autoPlay: true
+      }, {
+        children: jsx("source", {
+          type: media.mimeType,
+          src: media.mediaItemUrl
+        }, void 0)
+      }), void 0)]
+    }), void 0), jsxs(TextContainer, __assign({
+      mediaPosition: mediaPosition,
+      renderCategorySeparator: renderCategorySeparator
+    }, {
+      children: [jsxs(CategoryContainer, __assign({
+        renderCategorySeparator: renderCategorySeparator
+      }, {
+        children: [jsx(Category, __assign({
+          renderCategorySeparator: renderCategorySeparator
+        }, {
+          children: category
+        }), void 0), logo && jsx(Logo, {
+          src: logo.mediaItemUrl || ''
+        }, void 0)]
+      }), void 0), jsx(Title, {
+        dangerouslySetInnerHTML: {
+          __html: title || ''
+        }
+      }, void 0), jsx(Description, {
+        dangerouslySetInnerHTML: {
+          __html: parseHtmlContent(description || '')
+        }
+      }, void 0), jsx(Button, {
+        linkToPage: button === null || button === void 0 ? void 0 : button.linkToPage,
+        fill: theme.components.sideBySide.buttonfill,
+        externalLink: button === null || button === void 0 ? void 0 : button.externalLink,
+        openWithNewTab: button === null || button === void 0 ? void 0 : button.openWithNewTab,
+        buttonText: button === null || button === void 0 ? void 0 : button.buttonText,
+        htmlAnchorTarget: button === null || button === void 0 ? void 0 : button.htmlAnchorTarget
+      }, void 0)]
+    }), void 0)]
+  }), void 0);
+});
+export { SideBySide, SideBySide as default };

package/dist/components/SideBySide/SideBySide.styles.js

@@ -0,0 +1,179 @@
+import { __makeTemplateObject } from '../../_virtual/_tslib.js';
+import styled, { css } from 'styled-components';
+import { GatsbyImage } from 'gatsby-plugin-image';
+import media from '../../styles/media.js';
+var SideBySideContainer = styled.div.withConfig({
+  displayName: "SideBySidestyles__SideBySideContainer",
+  componentId: "sc-1yv76ux-0"
+})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 100%;\n  position: relative;\n  background-color: ", ";\n\n  display: flex;\n  flex-direction: column;\n  row-gap: ", ";\n\n  ", "\n"], ["\n  width: 100%;\n  position: relative;\n  background-color: ", ";\n\n  display: flex;\n  flex-direction: column;\n  row-gap: ", ";\n\n  ", "\n"])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.sideBySide.backgroundColor;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.sideBySide.backgroundColor === 'transparent' && theme.spacings.spacing32;
+}, media.desktop(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    flex-direction:row;\n    column-gap: ", ";\n  "], ["\n    flex-direction:row;\n    column-gap: ", ";\n  "])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.sideBySide.backgroundColor === 'transparent' && theme.spacings.spacing32;
+}));
+var MediaContainer = styled.div.withConfig({
+  displayName: "SideBySidestyles__MediaContainer",
+  componentId: "sc-1yv76ux-1"
+})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), media.desktop(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    width: 100%;\n    position: relative;\n    order: ", ";\n  "], ["\n    width: 100%;\n    position: relative;\n    order: ", ";\n  "])), function (_a) {
+  var mediaPosition = _a.mediaPosition;
+  return mediaPosition === 'left' ? 0 : 1;
+}));
+var Video = styled.video.withConfig({
+  displayName: "SideBySidestyles__Video",
+  componentId: "sc-1yv76ux-2"
+})(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  width: 100%;\n  object-fit: cover;\n\n  ", "\n"], ["\n  width: 100%;\n  object-fit: cover;\n\n  ", "\n"])), media.desktop(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    height: 100%;\n  "], ["\n    height: 100%;\n  "]))));
+var ImageCSS = css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  width: 100%;\n  object-fit: cover;\n  max-height: 22rem;\n\n  ", "\n\n  ", "\n"], ["\n  width: 100%;\n  object-fit: cover;\n  max-height: 22rem;\n\n  ", "\n\n  ", "\n"])), media.tablet(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    height: 100%;\n    max-height: 36rem;\n  "], ["\n    height: 100%;\n    max-height: 36rem;\n  "]))), media.desktop(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    height: 100%;\n    width: 100%;\n    max-height: unset;\n    position: absolute !important;\n  "], ["\n    height: 100%;\n    width: 100%;\n    max-height: unset;\n    position: absolute !important;\n  "]))));
+var DynamicImage = styled(GatsbyImage).withConfig({
+  displayName: "SideBySidestyles__DynamicImage",
+  componentId: "sc-1yv76ux-3"
+})(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), ImageCSS);
+var StaticImage = styled.img.withConfig({
+  displayName: "SideBySidestyles__StaticImage",
+  componentId: "sc-1yv76ux-4"
+})(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), ImageCSS);
+var ColoredContainerPadding = css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  padding: ", ";\n\n  ", "\n"], ["\n  padding: ", ";\n\n  ", "\n"])), function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing32;
+}, media.tablet(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n   padding: ", ";\n  "], ["\n   padding: ", ";\n  "])), function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing48;
+}));
+var TextContainer = styled.div.withConfig({
+  displayName: "SideBySidestyles__TextContainer",
+  componentId: "sc-1yv76ux-5"
+})(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  box-sizing: border-box;\n  width: 100%;\n  ", "\n\n  ", "\n\n  padding-top: ", ";\n\n  ", "\n"], ["\n  box-sizing: border-box;\n  width: 100%;\n  ", "\n\n  ", "\n\n  padding-top: ", ";\n\n  ", "\n"])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.sideBySide.backgroundColor !== 'transparent' && ColoredContainerPadding;
+}, media.desktop(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n    padding-top: ", ";\n    padding-bottom: ", ";\n  "], ["\n    padding-top: ", ";\n    padding-bottom: ", ";\n  "])), function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing96;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing96;
+}), function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing20 + " !important";
+}, function (_a) {
+  var renderCategorySeparator = _a.renderCategorySeparator;
+  return renderCategorySeparator && css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n      padding-top: ", ";\n    "], ["\n      padding-top: ", ";\n    "])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacings.spacing20 + " !important";
+  });
+});
+var Category = styled.div.withConfig({
+  displayName: "SideBySidestyles__Category",
+  componentId: "sc-1yv76ux-6"
+})(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n  font-family: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  color: ", ";\n  text-transform: ", ";\n  word-wrap: break-word;\n\n  ", "\n\n  ", "\n\n"], ["\n  font-family: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  color: ", ";\n  text-transform: ", ";\n  word-wrap: break-word;\n\n  ", "\n\n  ", "\n\n"])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.sideBySide.category.fontFamily;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.sideBySide.category.fontWeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.sideBySide.category.fontSizes.mobile.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.sideBySide.category.fontSizes.mobile.lineHeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.sideBySide.category.color;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.sideBySide.category.textTransform;
+}, media.tablet(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n    font-size: ", ";\n    line-height: ", ";\n  "], ["\n    font-size: ", ";\n    line-height: ", ";\n  "])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.sideBySide.category.fontSizes.tablet.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.sideBySide.category.fontSizes.tablet.lineHeight;
+}), media.desktop(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n    font-size: ", ";\n    line-height: ", ";\n  "], ["\n    font-size: ", ";\n    line-height: ", ";\n  "])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.sideBySide.category.fontSizes.desktop.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.sideBySide.category.fontSizes.desktop.lineHeight;
+}));
+var CategoryContainer = styled.div.withConfig({
+  displayName: "SideBySidestyles__CategoryContainer",
+  componentId: "sc-1yv76ux-7"
+})(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: flex-end;\n  justify-content: space-between;\n  width: 100%;\n  border-bottom:  ", ";\n  margin-bottom: ", ";\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: flex-end;\n  justify-content: space-between;\n  width: 100%;\n  border-bottom:  ", ";\n  margin-bottom: ", ";\n"])), function (_a) {
+  var theme = _a.theme,
+      renderCategorySeparator = _a.renderCategorySeparator;
+  return renderCategorySeparator ? "2px solid " + theme.components.sideBySide.category.color : 'none';
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing48;
+});
+var Logo = styled.img.withConfig({
+  displayName: "SideBySidestyles__Logo",
+  componentId: "sc-1yv76ux-8"
+})(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n  max-width: ", ";\n  max-height: ", ";\n  margin-left: ", ";\n  margin-bottom: 6px; //to align with category text\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  max-width: ", ";\n  max-height: ", ";\n  margin-left: ", ";\n  margin-bottom: 6px; //to align with category text\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.sideBySide.logoSize + " !important";
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.sideBySide.logoSize + " !important";
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing4;
+});
+var Title = styled.div.withConfig({
+  displayName: "SideBySidestyles__Title",
+  componentId: "sc-1yv76ux-9"
+})(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n  font-family: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  color: ", ";\n  text-transform: ", ";\n  margin-bottom: ", ";\n  word-wrap: break-word;\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: ", ";\n  color: ", ";\n  text-transform: ", ";\n  margin-bottom: ", ";\n  word-wrap: break-word;\n\n  b {\n    color: ", ";\n    font-weight: inherit;\n  }\n\n  ", "\n\n  ", "\n"])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.sideBySide.title.fontFamily;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.sideBySide.title.fontWeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.sideBySide.title.fontSizes.mobile.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.sideBySide.title.fontSizes.mobile.lineHeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.sideBySide.title.color.primary;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.sideBySide.title.textTransform;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing24;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.sideBySide.title.color.secondary;
+}, media.tablet(templateObject_22 || (templateObject_22 = __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.sideBySide.title.fontSizes.tablet.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.sideBySide.title.fontSizes.tablet.lineHeight;
+}), media.desktop(templateObject_23 || (templateObject_23 = __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.sideBySide.title.fontSizes.desktop.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.sideBySide.title.fontSizes.desktop.lineHeight;
+}));
+var Description = styled.div.withConfig({
+  displayName: "SideBySidestyles__Description",
+  componentId: "sc-1yv76ux-10"
+})(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n  margin-bottom: ", ";\n  word-wrap: break-word;\n\n  p,\n  ul,\n  ol {\n    margin: revert;\n  }\n"], ["\n  margin-bottom: ", ";\n  word-wrap: break-word;\n\n  p,\n  ul,\n  ol {\n    margin: revert;\n  }\n"])), function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing32;
+});
+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;
+export { Category, CategoryContainer, Description, DynamicImage, Logo, MediaContainer, SideBySideContainer, StaticImage, TextContainer, Title, Video };

package/dist/components/SocialMediaLinks/SocialMediaLinks.js

@@ -0,0 +1,28 @@
+import { jsx } from 'react/jsx-runtime';
+import { SocialLinksContainer, SocialLink } from './SocialMediaLinks.styles.js';
+import { getTheme, getCurrentThemeName } from '../utils.js';
+
+var SocialMediaLinks = function SocialMediaLinks(_a) {
+  var socialMediaLinks = _a.socialMediaLinks,
+      defaultColors = _a.defaultColors;
+  var theme = getTheme(getCurrentThemeName());
+  var validLinks = Object.values(socialMediaLinks).filter(function (value) {
+    return value !== null;
+  });
+
+  if (validLinks.length === 0) {
+    return null;
+  }
+
+  return jsx(SocialLinksContainer, {
+    children: validLinks.map(function (link, i) {
+      return link && jsx(SocialLink, {
+        url: link,
+        fgColor: defaultColors ? undefined : theme.components.socialMediaLinks.foregroundColor,
+        bgColor: defaultColors ? undefined : theme.components.socialMediaLinks.backgroundColor
+      }, i);
+    })
+  }, void 0);
+};
+
+export { SocialMediaLinks, SocialMediaLinks as default };

package/dist/components/SocialMediaLinks/SocialMediaLinks.styles.js

@@ -0,0 +1,22 @@
+import { __makeTemplateObject } from '../../_virtual/_tslib.js';
+import styled from 'styled-components';
+import { SocialIcon } from 'react-social-icons';
+var SocialLinksContainer = styled.div.withConfig({
+  displayName: "SocialMediaLinksstyles__SocialLinksContainer",
+  componentId: "sc-10ntq03-0"
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  column-gap: ", ";\n"], ["\n  display: flex;\n  column-gap: ", ";\n"])), function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing8;
+});
+var SocialLink = styled(SocialIcon).withConfig({
+  displayName: "SocialMediaLinksstyles__SocialLink",
+  componentId: "sc-10ntq03-1"
+})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: ", " !important;\n  width: ", " !important;\n"], ["\n  height: ", " !important;\n  width: ", " !important;\n"])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.socialMediaLinks.size;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.socialMediaLinks.size;
+});
+var templateObject_1, templateObject_2;
+export { SocialLink, SocialLinksContainer };

package/dist/components/SubHero/SubHero.js

@@ -0,0 +1,22 @@
+import { __rest, __assign } from '../../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { SubHeroContainer, Title } from './SubHero.styles.js';
+var SubHero = forwardRef(function (_a, ref) {
+  var title = _a.title,
+      anchor = _a.anchor,
+      rest = __rest(_a, ["title", "anchor"]);
+
+  return jsx(SubHeroContainer, __assign({
+    id: anchor
+  }, rest, {
+    ref: ref
+  }, {
+    children: jsx(Title, {
+      dangerouslySetInnerHTML: {
+        __html: title
+      }
+    }, void 0)
+  }), void 0);
+});
+export { SubHero, SubHero as default };

package/dist/components/SubHero/SubHero.styles.js

@@ -0,0 +1,52 @@
+import { __makeTemplateObject } from '../../_virtual/_tslib.js';
+import styled from 'styled-components';
+import media from '../../styles/media.js';
+var SubHeroContainer = styled.div.withConfig({
+  displayName: "SubHerostyles__SubHeroContainer",
+  componentId: "sc-17uboxn-0"
+})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding-top: ", ";\n  padding-bottom: ", ";\n\n  ", "\n\n  ", "\n"], ["\n  padding-top: ", ";\n  padding-bottom: ", ";\n\n  ", "\n\n  ", "\n"])), function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing64;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing28;
+}, media.tablet(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n     padding-bottom: unset;\n  "], ["\n     padding-bottom: unset;\n  "]))), media.desktop(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    padding-bottom: unset;\n  "], ["\n    padding-bottom: unset;\n  "]))));
+var Title = styled.div.withConfig({
+  displayName: "SubHerostyles__Title",
+  componentId: "sc-17uboxn-1"
+})(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  font-family: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  color: ", ";\n  text-transform: ", ";\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: ", ";\n  color: ", ";\n  text-transform: ", ";\n\n  b {\n    color: ", ";\n    font-weight: inherit;\n  }\n\n  ", "\n\n  ", "\n"])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.subHero.title.fontFamily;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.subHero.title.fontWeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.subHero.title.fontSizes.mobile.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.subHero.title.fontSizes.mobile.lineHeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.subHero.title.color.primary;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.subHero.title.textTransform;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.subHero.title.color.secondary;
+}, media.tablet(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    font-size: ", ";\n    line-height: ", ";\n  "], ["\n    font-size: ", ";\n    line-height: ", ";\n  "])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.subHero.title.fontSizes.tablet.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.subHero.title.fontSizes.tablet.lineHeight;
+}), media.desktop(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    font-size: ", ";\n    line-height: ", ";\n  "], ["\n    font-size: ", ";\n    line-height: ", ";\n  "])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.subHero.title.fontSizes.desktop.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.subHero.title.fontSizes.desktop.lineHeight;
+}));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+export { SubHeroContainer, Title };

package/dist/components/Table/Table.js

@@ -0,0 +1,23 @@
+import { __rest, __assign } from '../../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { MainContainer } from './Table.styles.js';
+import { parseHtmlContent } from '../utils.js';
+var Table = forwardRef(function (_a, ref) {
+  var block = _a.block,
+      anchor = _a.anchor,
+      rest = __rest(_a, ["block", "anchor"]);
+
+  return jsx(MainContainer, __assign({
+    id: anchor
+  }, rest, {
+    ref: ref
+  }, {
+    children: jsx("div", {
+      dangerouslySetInnerHTML: {
+        __html: parseHtmlContent(block === null || block === void 0 ? void 0 : block.saveContent)
+      }
+    }, void 0)
+  }), void 0);
+});
+export { Table, Table as default };

package/dist/components/Table/Table.styles.js

@@ -0,0 +1,121 @@
+import { __makeTemplateObject } from '../../_virtual/_tslib.js';
+import styled from 'styled-components';
+import media from '../../styles/media.js';
+import { WpTableCSS } from './WpTable.styles.js';
+var MainContainer = styled.div.withConfig({
+  displayName: "Tablestyles__MainContainer",
+  componentId: "sc-oawr6n-0"
+})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n  figcaption {\n    font-family: ", ";\n    margin-top: ", ";\n    margin-left: ", ";\n    padding-bottom: ", ";\n  }\n\n  th {\n    font-family: ", ";\n    font-weight: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    text-transform: ", ";\n    padding: ", " ", ";\n    color: ", ";\n    background-color: ", ";\n    min-width: ", ";\n  }\n\n  td {\n    padding: ", " ", ";\n    font-family: ", ";\n    font-weight: ", ";\n    font-size: ", ";\n    text-transform: ", ";\n    line-height: ", ";\n    background-color: ", ";\n  }\n\n  tr:nth-child(even) {\n    td {\n      background-color: ", ";\n    }\n  }\n\n  ", "\n\n  ", "\n"], ["\n  ", "\n  figcaption {\n    font-family: ", ";\n    margin-top: ", ";\n    margin-left: ", ";\n    padding-bottom: ", ";\n  }\n\n  th {\n    font-family: ", ";\n    font-weight: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    text-transform: ", ";\n    padding: ", " ", ";\n    color: ", ";\n    background-color: ", ";\n    min-width: ", ";\n  }\n\n  td {\n    padding: ", " ", ";\n    font-family: ", ";\n    font-weight: ", ";\n    font-size: ", ";\n    text-transform: ", ";\n    line-height: ", ";\n    background-color: ", ";\n  }\n\n  tr:nth-child(even) {\n    td {\n      background-color: ", ";\n    }\n  }\n\n  ", "\n\n  ", "\n"])), WpTableCSS, function (_a) {
+  var theme = _a.theme;
+  return theme.components.table.figcaption.fontFamily;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing32;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing16;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing16;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.table.th.fontFamily;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.table.th.fontWeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.table.th.fontSizes.mobile.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.table.th.fontSizes.mobile.lineHeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.table.th.textTransform;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing16;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing16;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.table.th.color;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.table.th.backgroundColor;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing48;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing16;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing16;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.table.td.fontFamily;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.table.td.fontWeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.table.td.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.table.td.textTransform;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.table.td.fontSize.lineHeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.table.td.backgroundColor;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.table.td.evenBackgroundColor;
+}, media.tablet(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    th {\n      padding: ", " ", ";\n      font-size: ", ";\n      line-height: ", ";\n      min-width: ", ";\n    }\n\n    td {\n      padding: ", " ", ";\n    }\n  "], ["\n    th {\n      padding: ", " ", ";\n      font-size: ", ";\n      line-height: ", ";\n      min-width: ", ";\n    }\n\n    td {\n      padding: ", " ", ";\n    }\n  "])), function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing16;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing16;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.table.th.fontSizes.tablet.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.table.th.fontSizes.tablet.lineHeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing64;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing32;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing16;
+}), media.desktop(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    th {\n      padding: ", " ", ";\n      font-size: ", ";\n      line-height: ", ";\n      min-width: ", ";\n    }\n\n    td {\n      padding: ", " ", ";\n    }\n  "], ["\n    th {\n      padding: ", " ", ";\n      font-size: ", ";\n      line-height: ", ";\n      min-width: ", ";\n    }\n\n    td {\n      padding: ", " ", ";\n    }\n  "])), function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing32;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing16;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.table.th.fontSizes.desktop.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.table.th.fontSizes.desktop.lineHeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing80;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing32;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing16;
+}));
+var templateObject_1, templateObject_2, templateObject_3;
+export { MainContainer };

package/dist/components/Table/WpTable.styles.js

@@ -0,0 +1,5 @@
+import { __makeTemplateObject } from '../../_virtual/_tslib.js';
+import { css } from 'styled-components';
+var WpTableCSS = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .wp-block-table {\n    margin: 0 0 1em 0;\n    overflow-x: auto;\n  }\n  .wp-block-table table {\n    border-collapse: collapse;\n    width: 100%;\n  }\n  .wp-block-table .has-fixed-layout {\n    table-layout: fixed;\n    width: 100%;\n  }\n  .wp-block-table .has-fixed-layout td,\n  .wp-block-table .has-fixed-layout th {\n    word-break: break-word;\n  }\n  .wp-block-table.alignleft,\n  .wp-block-table.aligncenter,\n  .wp-block-table.alignright {\n    display: table;\n    width: auto;\n  }\n  .wp-block-table.alignleft td,\n  .wp-block-table.alignleft th,\n  .wp-block-table.aligncenter td,\n  .wp-block-table.aligncenter th,\n  .wp-block-table.alignright td,\n  .wp-block-table.alignright th {\n    word-break: break-word;\n  }\n  .wp-block-table .has-subtle-light-gray-background-color {\n    background-color: #f3f4f5;\n  }\n  .wp-block-table .has-subtle-pale-green-background-color {\n    background-color: #e9fbe5;\n  }\n  .wp-block-table .has-subtle-pale-blue-background-color {\n    background-color: #e7f5fe;\n  }\n  .wp-block-table .has-subtle-pale-pink-background-color {\n    background-color: #fcf0ef;\n  }\n  .wp-block-table.is-style-stripes {\n    border-spacing: 0;\n    border-collapse: inherit;\n    background-color: transparent;\n    border-bottom: 1px solid #f0f0f0;\n  }\n  .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {\n    background-color: #f0f0f0;\n  }\n  .wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {\n    background-color: #f3f4f5;\n  }\n  .wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {\n    background-color: #e9fbe5;\n  }\n  .wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {\n    background-color: #e7f5fe;\n  }\n  .wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {\n    background-color: #fcf0ef;\n  }\n  .wp-block-table.is-style-stripes th,\n  .wp-block-table.is-style-stripes td {\n    border-color: transparent;\n  }\n  .wp-block-table .has-border-color > *,\n  .wp-block-table .has-border-color tr,\n  .wp-block-table .has-border-color th,\n  .wp-block-table .has-border-color td {\n    border-color: inherit;\n  }\n  .wp-block-table table[style*='border-style'] > *,\n  .wp-block-table table[style*='border-style'] tr,\n  .wp-block-table table[style*='border-style'] th,\n  .wp-block-table table[style*='border-style'] td {\n    border-style: inherit;\n  }\n  .wp-block-table table[style*='border-width'] > *,\n  .wp-block-table table[style*='border-width'] tr,\n  .wp-block-table table[style*='border-width'] th,\n  .wp-block-table table[style*='border-width'] td {\n    border-width: inherit;\n  }\n\n  .has-text-align-center {\n    text-align: center;\n  }\n\n  .has-text-align-left {\n    /*rtl:ignore*/\n    text-align: left;\n  }\n\n  .has-text-align-right {\n    /*rtl:ignore*/\n    text-align: right;\n  }\n"], ["\n  .wp-block-table {\n    margin: 0 0 1em 0;\n    overflow-x: auto;\n  }\n  .wp-block-table table {\n    border-collapse: collapse;\n    width: 100%;\n  }\n  .wp-block-table .has-fixed-layout {\n    table-layout: fixed;\n    width: 100%;\n  }\n  .wp-block-table .has-fixed-layout td,\n  .wp-block-table .has-fixed-layout th {\n    word-break: break-word;\n  }\n  .wp-block-table.alignleft,\n  .wp-block-table.aligncenter,\n  .wp-block-table.alignright {\n    display: table;\n    width: auto;\n  }\n  .wp-block-table.alignleft td,\n  .wp-block-table.alignleft th,\n  .wp-block-table.aligncenter td,\n  .wp-block-table.aligncenter th,\n  .wp-block-table.alignright td,\n  .wp-block-table.alignright th {\n    word-break: break-word;\n  }\n  .wp-block-table .has-subtle-light-gray-background-color {\n    background-color: #f3f4f5;\n  }\n  .wp-block-table .has-subtle-pale-green-background-color {\n    background-color: #e9fbe5;\n  }\n  .wp-block-table .has-subtle-pale-blue-background-color {\n    background-color: #e7f5fe;\n  }\n  .wp-block-table .has-subtle-pale-pink-background-color {\n    background-color: #fcf0ef;\n  }\n  .wp-block-table.is-style-stripes {\n    border-spacing: 0;\n    border-collapse: inherit;\n    background-color: transparent;\n    border-bottom: 1px solid #f0f0f0;\n  }\n  .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {\n    background-color: #f0f0f0;\n  }\n  .wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {\n    background-color: #f3f4f5;\n  }\n  .wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {\n    background-color: #e9fbe5;\n  }\n  .wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {\n    background-color: #e7f5fe;\n  }\n  .wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {\n    background-color: #fcf0ef;\n  }\n  .wp-block-table.is-style-stripes th,\n  .wp-block-table.is-style-stripes td {\n    border-color: transparent;\n  }\n  .wp-block-table .has-border-color > *,\n  .wp-block-table .has-border-color tr,\n  .wp-block-table .has-border-color th,\n  .wp-block-table .has-border-color td {\n    border-color: inherit;\n  }\n  .wp-block-table table[style*='border-style'] > *,\n  .wp-block-table table[style*='border-style'] tr,\n  .wp-block-table table[style*='border-style'] th,\n  .wp-block-table table[style*='border-style'] td {\n    border-style: inherit;\n  }\n  .wp-block-table table[style*='border-width'] > *,\n  .wp-block-table table[style*='border-width'] tr,\n  .wp-block-table table[style*='border-width'] th,\n  .wp-block-table table[style*='border-width'] td {\n    border-width: inherit;\n  }\n\n  .has-text-align-center {\n    text-align: center;\n  }\n\n  .has-text-align-left {\n    /*rtl:ignore*/\n    text-align: left;\n  }\n\n  .has-text-align-right {\n    /*rtl:ignore*/\n    text-align: right;\n  }\n"])));
+var templateObject_1;
+export { WpTableCSS };

package/dist/components/constants.js

@@ -0,0 +1,34 @@
+import { __spreadArray, __read } from '../_virtual/_tslib.js';
+var components = {
+  COLUMNS: 'core/columns',
+  PARAGRAPH: 'core/paragraph',
+  HEADING: 'core/heading',
+  TABLE: 'core/table',
+  LIST: 'core/list',
+  EMBED: 'core/embed',
+  BUTTON: 'acf/button',
+  HERO: 'acf/hero',
+  FULL_BG_HERO: 'acf/full-bg-hero',
+  SUB_HERO: 'acf/sub-hero',
+  CARD: 'acf/card',
+  SIDE_BY_SIDE: 'acf/side-by-side',
+  ACCORDION: 'acf/accordion',
+  PROMOTION: 'acf/promotion',
+  CAROUSEL: 'acf/carousel',
+  CAROUSEL_NARROW: 'acf/carousel-narrow',
+  FORM_BUILDER: 'acf/form-builder',
+  ICON_LINKS: 'acf/icon-links',
+  IMAGE_CAROUSEL: 'acf/image-carousel',
+  PLACE_OF_BUSINESS_SEARCH: 'acf/place-of-business-search',
+  OVERLAY_CARDS: 'acf/overlay-cards'
+};
+var fullWidthComponents = [components.PROMOTION, components.FULL_BG_HERO, components.PROMOTION, components.CAROUSEL, components.IMAGE_CAROUSEL]; // To fix RestrictedWidthContainer left and right margins when used with CarouselNarrow
+
+var hideOverflowComponents = [components.CAROUSEL_NARROW]; // Margin is not applied when these components are subsequent to each other
+
+var conditionallyNoMarginComponents = [components.PROMOTION, components.HERO, components.FULL_BG_HERO];
+var textComponents = [components.PARAGRAPH, components.LIST, components.BUTTON]; // Columns are not animated to avoid flickering since their contents are also animated
+
+var noAnimationComponents = __spreadArray(__spreadArray([], __read(textComponents), false), [components.COLUMNS]);
+
+export { components, conditionallyNoMarginComponents, fullWidthComponents, hideOverflowComponents, noAnimationComponents, textComponents };