@blateral/b.kit 2.5.2 → 2.6.0

package/esm/sections.js

@@ -12,9 +12,9 @@ import { g as gridSettings, G as Grid, a as getGridWidth } from './Grid-5eec127f
 import { L as Link } from './Link-3fd9c9b8.js';
 import { S as StatusFormatter } from './statusFormatter-9be0fbff.js';
 import { u as useEqualSheetHeight } from './useEqualSheetHeight-97420d63.js';
-import { T as Title$5, a as TableBlock } from './TableBlock-cc49e089.js';
+import { T as Title$5, a as TableBlock } from './TableBlock-67fe2385.js';
 import { A as Actions } from './Actions-21372b3a.js';
-import { I as IntroBlock, V as VideoBlock } from './VideoBlock-5fe94711.js';
+import { I as IntroBlock, V as VideoBlock } from './VideoBlock-b227ae6e.js';
 import { I as Image } from './Image-dc2b33c1.js';
 import { u as useIE } from './useIE-a9c56989.js';
 import ReactDOMServer from 'react-dom/server';
@@ -45,7 +45,7 @@ var AccordionContainer = styled.div.withConfig({
 var View$9 = styled.details.withConfig({
   displayName: "Accordion__View",
   componentId: "sc-1el5cmc-1"
-})(templateObject_2$r || (templateObject_2$r = __makeTemplateObject([""], [""])));
+})(templateObject_2$s || (templateObject_2$s = __makeTemplateObject([""], [""])));
 var AccordionHead = styled.summary.withConfig({
   displayName: "Accordion__AccordionHead",
   componentId: "sc-1el5cmc-2"
@@ -177,7 +177,7 @@ var Accordion = function (_a) {
   }))))));
 };
 var Accordion$1 = withLibTheme(Accordion);
-var templateObject_1$w, templateObject_2$r, templateObject_3$n, templateObject_4$k, templateObject_5$i;
+var templateObject_1$w, templateObject_2$s, templateObject_3$n, templateObject_4$k, templateObject_5$i;
 
 var View$8 = styled.div.withConfig({
   displayName: "Alert__View",
@@ -205,7 +205,7 @@ var View$8 = styled.div.withConfig({
 var Icon$4 = styled.div.withConfig({
   displayName: "Alert__Icon",
   componentId: "sc-1d5c0fb-1"
-})(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n\n    & > * {\n        height: 48px;\n        width: 48px;\n    }\n"], ["\n    display: flex;\n    align-items: center;\n\n    & > * {\n        height: 48px;\n        width: 48px;\n    }\n"])));
+})(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n\n    & > * {\n        height: 48px;\n        width: 48px;\n    }\n"], ["\n    display: flex;\n    align-items: center;\n\n    & > * {\n        height: 48px;\n        width: 48px;\n    }\n"])));
 var MainLabel$1 = styled.div.withConfig({
   displayName: "Alert__MainLabel",
   componentId: "sc-1d5c0fb-2"
@@ -263,7 +263,7 @@ var Alert = function (_a) {
     ariaLabel: (link === null || link === void 0 ? void 0 : link.href) ? title : undefined
   })));
 };
-var templateObject_1$v, templateObject_2$q, templateObject_3$m, templateObject_4$j, templateObject_5$h, templateObject_6$d;
+var templateObject_1$v, templateObject_2$r, templateObject_3$m, templateObject_4$j, templateObject_5$h, templateObject_6$d;
 
 var List$3 = styled.ul.withConfig({
   displayName: "AlertList__List",
@@ -272,7 +272,7 @@ var List$3 = styled.ul.withConfig({
 var ListItem$2 = styled.li.withConfig({
   displayName: "AlertList__ListItem",
   componentId: "sc-bfdeyu-1"
-})(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n    padding-top: ", "px;\n    padding-left: ", "px;\n    flex: 1 1 100%;\n\n    @media ", " {\n        flex: 0 1 50%;\n        max-width: 50%;\n\n        padding-top: ", "px;\n        padding-left: ", "px;\n    }\n\n    @media ", " {\n        flex: 0 1 ", "%;\n        max-width: 600px;\n\n        padding-top: ", "px;\n        padding-left: ", "px;\n    }\n"], ["\n    padding-top: ", "px;\n    padding-left: ", "px;\n    flex: 1 1 100%;\n\n    @media ", " {\n        flex: 0 1 50%;\n        max-width: 50%;\n\n        padding-top: ", "px;\n        padding-left: ", "px;\n    }\n\n    @media ", " {\n        flex: 0 1 ", "%;\n        max-width: 600px;\n\n        padding-top: ", "px;\n        padding-left: ", "px;\n    }\n"])), spacings.nudge * 2, spacings.nudge * 2, mq.medium, spacings.spacer, spacings.spacer, mq.large, function (_a) {
+})(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n    padding-top: ", "px;\n    padding-left: ", "px;\n    flex: 1 1 100%;\n\n    @media ", " {\n        flex: 0 1 50%;\n        max-width: 50%;\n\n        padding-top: ", "px;\n        padding-left: ", "px;\n    }\n\n    @media ", " {\n        flex: 0 1 ", "%;\n        max-width: 600px;\n\n        padding-top: ", "px;\n        padding-left: ", "px;\n    }\n"], ["\n    padding-top: ", "px;\n    padding-left: ", "px;\n    flex: 1 1 100%;\n\n    @media ", " {\n        flex: 0 1 50%;\n        max-width: 50%;\n\n        padding-top: ", "px;\n        padding-left: ", "px;\n    }\n\n    @media ", " {\n        flex: 0 1 ", "%;\n        max-width: 600px;\n\n        padding-top: ", "px;\n        padding-left: ", "px;\n    }\n"])), spacings.nudge * 2, spacings.nudge * 2, mq.medium, spacings.spacer, spacings.spacer, mq.large, function (_a) {
   var itemsPerRow = _a.itemsPerRow;
   return 1 / itemsPerRow * 100;
 }, spacings.spacer, spacings.spacer);
@@ -317,7 +317,7 @@ var AlertList = function (_a) {
   }))));
 };
 var AlertList$1 = withLibTheme(AlertList);
-var templateObject_1$u, templateObject_2$p;
+var templateObject_1$u, templateObject_2$q;
 
 var StyledTitle$1 = styled(Title$5).withConfig({
   displayName: "Article__StyledTitle",
@@ -326,7 +326,7 @@ var StyledTitle$1 = styled(Title$5).withConfig({
 var ContentText = styled(Copy).withConfig({
   displayName: "Article__ContentText",
   componentId: "sc-1lrfo1r-1"
-})(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n    text-align: left;\n"], ["\n    text-align: left;\n"])));
+})(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n    text-align: left;\n"], ["\n    text-align: left;\n"])));
 var StyledActions$5 = styled(Actions).withConfig({
   displayName: "Article__StyledActions",
   componentId: "sc-1lrfo1r-2"
@@ -394,7 +394,7 @@ var Article = function (_a) {
   })));
 };
 var Article$1 = withLibTheme(Article);
-var templateObject_1$t, templateObject_2$o, templateObject_3$l;
+var templateObject_1$t, templateObject_2$p, templateObject_3$l;
 
 var ContactView = styled.div.withConfig({
   displayName: "CallToAction__ContactView",
@@ -403,7 +403,7 @@ var ContactView = styled.div.withConfig({
 var Avatar = styled.img.withConfig({
   displayName: "CallToAction__Avatar",
   componentId: "sc-1wdvzex-1"
-})(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n    align-self: center;\n    display: block;\n    border: solid 1px transparent;\n    border-radius: 50%;\n    width: 180px;\n    height: 180px;\n\n    background: ", ";\n\n    @media ", " {\n        display: block;\n        width: 190px;\n        height: 190px;\n    }\n"], ["\n    align-self: center;\n    display: block;\n    border: solid 1px transparent;\n    border-radius: 50%;\n    width: 180px;\n    height: 180px;\n\n    background: ", ";\n\n    @media ", " {\n        display: block;\n        width: 190px;\n        height: 190px;\n    }\n"])), function (_a) {
+})(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n    align-self: center;\n    display: block;\n    border: solid 1px transparent;\n    border-radius: 50%;\n    width: 180px;\n    height: 180px;\n\n    background: ", ";\n\n    @media ", " {\n        display: block;\n        width: 190px;\n        height: 190px;\n    }\n"], ["\n    align-self: center;\n    display: block;\n    border: solid 1px transparent;\n    border-radius: 50%;\n    width: 180px;\n    height: 180px;\n\n    background: ", ";\n\n    @media ", " {\n        display: block;\n        width: 190px;\n        height: 190px;\n    }\n"])), function (_a) {
   var theme = _a.theme,
       isInverted = _a.isInverted;
   return isInverted ? getGlobals(theme).sections.imagePlaceholderBg.inverted : getGlobals(theme).sections.imagePlaceholderBg.default;
@@ -508,7 +508,7 @@ var CallToAction = function (_a) {
   })));
 };
 var CallToAction$1 = withLibTheme(CallToAction);
-var templateObject_1$s, templateObject_2$n, templateObject_3$k, templateObject_4$i, templateObject_5$g, templateObject_6$c, templateObject_7$9, templateObject_8$3;
+var templateObject_1$s, templateObject_2$o, templateObject_3$k, templateObject_4$i, templateObject_5$g, templateObject_6$c, templateObject_7$9, templateObject_8$3;
 
 var View$7 = styled.div.withConfig({
   displayName: "CardList__View",
@@ -530,7 +530,7 @@ var SolidView = styled(View$7).withConfig({
   return cardColor ? cardColor : isInverted ? getColors(theme).primary.inverted : getColors(theme).primary.default;
 }, function (_a) {
   var hasLink = _a.hasLink;
-  return hasLink && css(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n            cursor: pointer;\n\n            @media (hover: hover) and (pointer: fine) {\n                &:hover {\n                    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.35);\n                }\n            }\n        "], ["\n            cursor: pointer;\n\n            @media (hover: hover) and (pointer: fine) {\n                &:hover {\n                    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.35);\n                }\n            }\n        "])));
+  return hasLink && css(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n            cursor: pointer;\n\n            @media (hover: hover) and (pointer: fine) {\n                &:hover {\n                    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.35);\n                }\n            }\n        "], ["\n            cursor: pointer;\n\n            @media (hover: hover) and (pointer: fine) {\n                &:hover {\n                    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.35);\n                }\n            }\n        "])));
 });
 var ImageView = styled(View$7).withConfig({
   displayName: "CardList__ImageView",
@@ -679,7 +679,7 @@ var CardList$1 = function (_a) {
   }))));
 };
 var CardList$2 = withLibTheme(CardList$1);
-var templateObject_1$r, templateObject_2$m, templateObject_3$j, templateObject_4$h, templateObject_5$f, templateObject_6$b, templateObject_7$8, templateObject_8$2, templateObject_9$2, templateObject_10$2, templateObject_11$2, templateObject_12$2, templateObject_13$1, templateObject_14$1, templateObject_15;
+var templateObject_1$r, templateObject_2$n, templateObject_3$j, templateObject_4$h, templateObject_5$f, templateObject_6$b, templateObject_7$8, templateObject_8$2, templateObject_9$2, templateObject_10$2, templateObject_11$2, templateObject_12$2, templateObject_13$1, templateObject_14$1, templateObject_15;
 
 var clamp = function (num, min, max) {
   return Math.min(Math.max(num, min), max);
@@ -692,7 +692,7 @@ var Images = styled.div.withConfig({
 var BackgroundImg = styled(Image).withConfig({
   displayName: "ComparisonSlider__BackgroundImg",
   componentId: "sc-4f3ic1-1"
-})(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n    position: relative;\n    display: block;\n    width: 100%;\n"], ["\n    position: relative;\n    display: block;\n    width: 100%;\n"])));
+})(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n    position: relative;\n    display: block;\n    width: 100%;\n"], ["\n    position: relative;\n    display: block;\n    width: 100%;\n"])));
 var ForegroundContainer = styled.div.withConfig({
   displayName: "ComparisonSlider__ForegroundContainer",
   componentId: "sc-4f3ic1-2"
@@ -922,12 +922,12 @@ var ComparisonSlider = function (_a) {
   }))))));
 };
 var ComparisonSlider$1 = withLibTheme(ComparisonSlider);
-var templateObject_1$q, templateObject_2$l, templateObject_3$i, templateObject_4$g, templateObject_5$e, templateObject_6$a, templateObject_7$7, templateObject_8$1, templateObject_9$1, templateObject_10$1, templateObject_11$1, templateObject_12$1;
+var templateObject_1$q, templateObject_2$m, templateObject_3$i, templateObject_4$g, templateObject_5$e, templateObject_6$a, templateObject_7$7, templateObject_8$1, templateObject_9$1, templateObject_10$1, templateObject_11$1, templateObject_12$1;
 
 var View$6 = styled(Link).withConfig({
   displayName: "PromotionCard__View",
   componentId: "sc-1p1egy3-0"
-})(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n    display: block;\n    position: relative;\n    width: 100%;\n    border-radius: ", ";\n    overflow: hidden;\n    outline: none;\n\n    &:after {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        background: ", ";\n        pointer-events: none;\n    }\n\n    ", "\n"], ["\n    display: block;\n    position: relative;\n    width: 100%;\n    border-radius: ", ";\n    overflow: hidden;\n    outline: none;\n\n    &:after {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        background: ", ";\n        pointer-events: none;\n    }\n\n    ", "\n"])), function (_a) {
+})(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n    display: block;\n    position: relative;\n    width: 100%;\n    border-radius: ", ";\n    overflow: hidden;\n    outline: none;\n\n    &:after {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        background: ", ";\n        pointer-events: none;\n    }\n\n    ", "\n"], ["\n    display: block;\n    position: relative;\n    width: 100%;\n    border-radius: ", ";\n    overflow: hidden;\n    outline: none;\n\n    &:after {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        background: ", ";\n        pointer-events: none;\n    }\n\n    ", "\n"])), function (_a) {
   var theme = _a.theme;
   return getGlobals(theme).sections.edgeRadius;
 }, function (_a) {
@@ -1008,7 +1008,7 @@ var PromotionCard = forwardRef(function (_a, ref) {
   })));
 });
 PromotionCard.displayName = 'PromotionCard';
-var templateObject_1$p, templateObject_2$k, templateObject_3$h, templateObject_4$f, templateObject_5$d, templateObject_6$9, templateObject_7$6;
+var templateObject_1$p, templateObject_2$l, templateObject_3$h, templateObject_4$f, templateObject_5$d, templateObject_6$9, templateObject_7$6;
 
 var Card$1 = styled(PromotionCard).withConfig({
   displayName: "CrossPromotion__Card",
@@ -1105,7 +1105,7 @@ var View$5 = styled.div.withConfig({
 var ImageContainer$2 = styled.div.withConfig({
   displayName: "Fact__ImageContainer",
   componentId: "sc-elpxk2-1"
-})(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n    display: flex;\n    justify-content: ", ";\n    margin-bottom: ", "px;\n    max-width: 100%;\n"], ["\n    display: flex;\n    justify-content: ", ";\n    margin-bottom: ", "px;\n    max-width: 100%;\n"])), function (_a) {
+})(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n    display: flex;\n    justify-content: ", ";\n    margin-bottom: ", "px;\n    max-width: 100%;\n"], ["\n    display: flex;\n    justify-content: ", ";\n    margin-bottom: ", "px;\n    max-width: 100%;\n"])), function (_a) {
   var isCentered = _a.isCentered;
   return isCentered ? 'center' : 'flex-start';
 }, spacings.nudge * 3);
@@ -1180,7 +1180,7 @@ var Fact = forwardRef(function (_a, ref) {
   })));
 });
 Fact.displayName = 'Fact';
-var templateObject_1$n, templateObject_2$j, templateObject_3$g, templateObject_4$e, templateObject_5$c, templateObject_6$8, templateObject_7$5;
+var templateObject_1$n, templateObject_2$k, templateObject_3$g, templateObject_4$e, templateObject_5$c, templateObject_6$8, templateObject_7$5;
 
 var FactFill = styled.div.withConfig({
   displayName: "FactGrid__FactFill",
@@ -1269,7 +1269,7 @@ var FactsContainer = styled.ul.withConfig({
 var FactItem = styled.li.withConfig({
   displayName: "FactList__FactItem",
   componentId: "sc-elh0vj-1"
-})(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n    padding: ", "px;\n\n    background: ", ";\n\n    display: flex;\n    flex-direction: row;\n    align-items: ", ";\n\n    @media ", " {\n        padding: ", "px;\n    }\n"], ["\n    padding: ", "px;\n\n    background: ", ";\n\n    display: flex;\n    flex-direction: row;\n    align-items: ", ";\n\n    @media ", " {\n        padding: ", "px;\n    }\n"])), spacings.nudge * 2, function (_a) {
+})(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n    padding: ", "px;\n\n    background: ", ";\n\n    display: flex;\n    flex-direction: row;\n    align-items: ", ";\n\n    @media ", " {\n        padding: ", "px;\n    }\n"], ["\n    padding: ", "px;\n\n    background: ", ";\n\n    display: flex;\n    flex-direction: row;\n    align-items: ", ";\n\n    @media ", " {\n        padding: ", "px;\n    }\n"])), spacings.nudge * 2, function (_a) {
   var theme = _a.theme,
       hasBack = _a.hasBack;
   return hasBack ? getColors(theme).elementBg.light : getColors(theme).elementBg.medium;
@@ -1325,7 +1325,7 @@ var FactList = function (_a) {
   }))));
 };
 var FactList$1 = withLibTheme(FactList);
-var templateObject_1$l, templateObject_2$i, templateObject_3$f, templateObject_4$d, templateObject_5$b;
+var templateObject_1$l, templateObject_2$j, templateObject_3$f, templateObject_4$d, templateObject_5$b;
 
 var View$4 = styled.div.withConfig({
   displayName: "Feature__View",
@@ -1345,7 +1345,7 @@ var TitleLink = styled(Link).withConfig({
   var href = _a.href,
       isInverted = _a.isInverted,
       theme = _a.theme;
-  return !href && css(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n            &:hover {\n                color: ", ";\n            }\n        "], ["\n            &:hover {\n                color: ", ";\n            }\n        "])), isInverted ? getFonts(theme)['copy-b'].big.colorInverted : getFonts(theme)['copy-b'].big.color);
+  return !href && css(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n            &:hover {\n                color: ", ";\n            }\n        "], ["\n            &:hover {\n                color: ", ";\n            }\n        "])), isInverted ? getFonts(theme)['copy-b'].big.colorInverted : getFonts(theme)['copy-b'].big.color);
 });
 var ImageContainer$1 = styled(Link).withConfig({
   displayName: "Feature__ImageContainer",
@@ -1435,7 +1435,7 @@ var Feature = forwardRef(function (_a, ref) {
   })));
 });
 Feature.displayName = 'Feature';
-var templateObject_1$k, templateObject_2$h, templateObject_3$e, templateObject_4$c, templateObject_5$a, templateObject_6$7, templateObject_7$4;
+var templateObject_1$k, templateObject_2$i, templateObject_3$e, templateObject_4$c, templateObject_5$a, templateObject_6$7, templateObject_7$4;
 
 var FeatureList = function (_a) {
   var anchorId = _a.anchorId,
@@ -1544,7 +1544,7 @@ var StyledSection = styled(Section).withConfig({
 var ItemContainer = styled.div.withConfig({
   displayName: "IconList__ItemContainer",
   componentId: "sc-10wpi8n-1"
-})(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    text-align: center;\n\n    &:not(:last-child) {\n        margin-bottom: ", "px;\n    }\n\n    @media ", " {\n        justify-content: ", ";\n    }\n"], ["\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    text-align: center;\n\n    &:not(:last-child) {\n        margin-bottom: ", "px;\n    }\n\n    @media ", " {\n        justify-content: ", ";\n    }\n"])), spacings.spacer, mq.semilarge, function (_a) {
+})(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    text-align: center;\n\n    &:not(:last-child) {\n        margin-bottom: ", "px;\n    }\n\n    @media ", " {\n        justify-content: ", ";\n    }\n"], ["\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    text-align: center;\n\n    &:not(:last-child) {\n        margin-bottom: ", "px;\n    }\n\n    @media ", " {\n        justify-content: ", ";\n    }\n"])), spacings.spacer, mq.semilarge, function (_a) {
   var isCentered = _a.isCentered;
   return isCentered ? 'center' : 'flex-start';
 });
@@ -1696,7 +1696,7 @@ var IconList = function (_a) {
   })));
 };
 var IconList$1 = withLibTheme(IconList);
-var templateObject_1$i, templateObject_2$g, templateObject_3$d, templateObject_4$b, templateObject_5$9, templateObject_6$6, templateObject_7$3;
+var templateObject_1$i, templateObject_2$h, templateObject_3$d, templateObject_4$b, templateObject_5$9, templateObject_6$6, templateObject_7$3;
 
 var List$1 = styled.ul.withConfig({
   displayName: "IndexList__List",
@@ -1720,7 +1720,7 @@ var List$1 = styled.ul.withConfig({
 var ListItem$1 = styled.li.withConfig({
   displayName: "IndexList__ListItem",
   componentId: "sc-9my0y5-1"
-})(templateObject_2$f || (templateObject_2$f = __makeTemplateObject([""], [""])));
+})(templateObject_2$g || (templateObject_2$g = __makeTemplateObject([""], [""])));
 var IndexLink = styled(Link).withConfig({
   displayName: "IndexList__IndexLink",
   componentId: "sc-9my0y5-2"
@@ -1809,7 +1809,7 @@ var IndexList = function (_a) {
   }))));
 };
 var IndexList$1 = withLibTheme(IndexList);
-var templateObject_1$h, templateObject_2$f, templateObject_3$c, templateObject_4$a, templateObject_5$8;
+var templateObject_1$h, templateObject_2$g, templateObject_3$c, templateObject_4$a, templateObject_5$8;
 
 var Intro$1 = function (_a) {
   var anchorId = _a.anchorId,
@@ -1895,7 +1895,7 @@ var View$3 = styled(Link).withConfig({
 var MainLabel = styled.div.withConfig({
   displayName: "NavBlock__MainLabel",
   componentId: "sc-7v33be-1"
-})(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    margin-left: ", ";\n"], ["\n    display: flex;\n    align-items: center;\n    margin-left: ", ";\n"])), function (_a) {
+})(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    margin-left: ", ";\n"], ["\n    display: flex;\n    align-items: center;\n    margin-left: ", ";\n"])), function (_a) {
   var hasIcon = _a.hasIcon;
   return hasIcon && "".concat(spacings.nudge * 3, "px");
 });
@@ -1950,7 +1950,7 @@ var NavBlock = function (_a) {
     hasIcon: !!customIcon
   })));
 };
-var templateObject_1$g, templateObject_2$e, templateObject_3$b, templateObject_4$9, templateObject_5$7, templateObject_6$5;
+var templateObject_1$g, templateObject_2$f, templateObject_3$b, templateObject_4$9, templateObject_5$7, templateObject_6$5;
 
 var List = styled.ul.withConfig({
   displayName: "NavList__List",
@@ -1959,7 +1959,7 @@ var List = styled.ul.withConfig({
 var ListItem = styled.li.withConfig({
   displayName: "NavList__ListItem",
   componentId: "sc-1lrkz0q-1"
-})(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n    padding-top: ", "px;\n    padding-left: ", "px;\n    flex: 1 0 100%;\n\n    @media ", " {\n        flex: 0 0 50%;\n        max-width: 50%;\n        padding-top: ", "px;\n    }\n\n    @media ", " {\n        flex: 0 0 33.33%;\n        max-width: 33.33%;\n    }\n\n    // print version\n    @media print {\n        flex: 0 0 50%;\n        max-width: 50%;\n        padding-top: ", "px;\n    }\n"], ["\n    padding-top: ", "px;\n    padding-left: ", "px;\n    flex: 1 0 100%;\n\n    @media ", " {\n        flex: 0 0 50%;\n        max-width: 50%;\n        padding-top: ", "px;\n    }\n\n    @media ", " {\n        flex: 0 0 33.33%;\n        max-width: 33.33%;\n    }\n\n    // print version\n    @media print {\n        flex: 0 0 50%;\n        max-width: 50%;\n        padding-top: ", "px;\n    }\n"])), spacings.spacer, spacings.spacer, mq.medium, spacings.spacer * 2, mq.large, spacings.spacer * 2);
+})(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n    padding-top: ", "px;\n    padding-left: ", "px;\n    flex: 1 0 100%;\n\n    @media ", " {\n        flex: 0 0 50%;\n        max-width: 50%;\n        padding-top: ", "px;\n    }\n\n    @media ", " {\n        flex: 0 0 33.33%;\n        max-width: 33.33%;\n    }\n\n    // print version\n    @media print {\n        flex: 0 0 50%;\n        max-width: 50%;\n        padding-top: ", "px;\n    }\n"], ["\n    padding-top: ", "px;\n    padding-left: ", "px;\n    flex: 1 0 100%;\n\n    @media ", " {\n        flex: 0 0 50%;\n        max-width: 50%;\n        padding-top: ", "px;\n    }\n\n    @media ", " {\n        flex: 0 0 33.33%;\n        max-width: 33.33%;\n    }\n\n    // print version\n    @media print {\n        flex: 0 0 50%;\n        max-width: 50%;\n        padding-top: ", "px;\n    }\n"])), spacings.spacer, spacings.spacer, mq.medium, spacings.spacer * 2, mq.large, spacings.spacer * 2);
 
 var NavList = function (_a) {
   var anchorId = _a.anchorId,
@@ -1986,7 +1986,7 @@ var NavList = function (_a) {
   }))));
 };
 var NavList$1 = withLibTheme(NavList);
-var templateObject_1$f, templateObject_2$d;
+var templateObject_1$f, templateObject_2$e;
 
 var CARD_MIN_WIDTH = 240;
 var CARD_MAX_WIDTH = 440;
@@ -2009,7 +2009,7 @@ var View$2 = styled.li.withConfig({
 var ImageContainer = styled.div.withConfig({
   displayName: "NumberList__ImageContainer",
   componentId: "sc-ehx754-1"
-})(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n    display: flex;\n    justify-content: ", ";\n    margin-bottom: ", "px;\n    max-width: 100%;\n"], ["\n    display: flex;\n    justify-content: ", ";\n    margin-bottom: ", "px;\n    max-width: 100%;\n"])), function (_a) {
+})(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n    display: flex;\n    justify-content: ", ";\n    margin-bottom: ", "px;\n    max-width: 100%;\n"], ["\n    display: flex;\n    justify-content: ", ";\n    margin-bottom: ", "px;\n    max-width: 100%;\n"])), function (_a) {
   var isCentered = _a.isCentered;
   return isCentered ? 'center' : 'flex-start';
 }, spacings.nudge * 3);
@@ -2117,7 +2117,7 @@ var NumberList = function (_a) {
   }))));
 };
 var NumberList$1 = withLibTheme(NumberList);
-var templateObject_1$e, templateObject_2$c, templateObject_3$a, templateObject_4$8, templateObject_5$6, templateObject_6$4;
+var templateObject_1$e, templateObject_2$d, templateObject_3$a, templateObject_4$8, templateObject_5$6, templateObject_6$4;
 
 var View$1 = styled.section.withConfig({
   displayName: "ParallaxBackground__View",
@@ -2126,7 +2126,7 @@ var View$1 = styled.section.withConfig({
 var Parallax = styled.div.withConfig({
   displayName: "ParallaxBackground__Parallax",
   componentId: "sc-g8idp4-1"
-})(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    left: 0;\n    margin-left: 0;\n    width: 100%;\n"], ["\n    position: absolute;\n    top: 0;\n    left: 0;\n    margin-left: 0;\n    width: 100%;\n"])));
+})(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    left: 0;\n    margin-left: 0;\n    width: 100%;\n"], ["\n    position: absolute;\n    top: 0;\n    left: 0;\n    margin-left: 0;\n    width: 100%;\n"])));
 var Content$2 = styled.div.withConfig({
   displayName: "ParallaxBackground__Content",
   componentId: "sc-g8idp4-2"
@@ -2276,7 +2276,7 @@ var ParallaxBackground = function (_a) {
     coverSpace: width !== -1
   }, image))))));
 };
-var templateObject_1$d, templateObject_2$b, templateObject_3$9, templateObject_4$7, templateObject_5$5;
+var templateObject_1$d, templateObject_2$c, templateObject_3$9, templateObject_4$7, templateObject_5$5;
 
 var Container = styled.figure.withConfig({
   displayName: "Poster__Container",
@@ -2292,7 +2292,7 @@ var Container = styled.figure.withConfig({
 var StyledImage$2 = styled(Image).withConfig({
   displayName: "Poster__StyledImage",
   componentId: "sc-k1cv7v-1"
-})(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n    img {\n        height: 550px;\n    }\n"], ["\n    img {\n        height: 550px;\n    }\n"])));
+})(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n    img {\n        height: 550px;\n    }\n"], ["\n    img {\n        height: 550px;\n    }\n"])));
 var Intro = styled(IntroBlock).withConfig({
   displayName: "Poster__Intro",
   componentId: "sc-k1cv7v-2"
@@ -2354,7 +2354,7 @@ var Poster = function (_a) {
   }))));
 };
 var Poster$1 = withLibTheme(Poster);
-var templateObject_1$c, templateObject_2$a, templateObject_3$8;
+var templateObject_1$c, templateObject_2$b, templateObject_3$8;
 
 var ItemList = styled.ul.withConfig({
   displayName: "PriceList__ItemList",
@@ -2363,7 +2363,7 @@ var ItemList = styled.ul.withConfig({
 var ItemBlock = styled.li.withConfig({
   displayName: "PriceList__ItemBlock",
   componentId: "sc-to452u-1"
-})(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n    max-width: 100%;\n    padding: ", "px;\n\n    background: ", ";\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        padding: ", "px;\n    }\n"], ["\n    max-width: 100%;\n    padding: ", "px;\n\n    background: ", ";\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        padding: ", "px;\n    }\n"])), spacings.nudge * 2, function (_a) {
+})(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n    max-width: 100%;\n    padding: ", "px;\n\n    background: ", ";\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        padding: ", "px;\n    }\n"], ["\n    max-width: 100%;\n    padding: ", "px;\n\n    background: ", ";\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        padding: ", "px;\n    }\n"])), spacings.nudge * 2, function (_a) {
   var theme = _a.theme,
       hasBg = _a.hasBg;
   return hasBg ? getColors(theme).elementBg.light : getColors(theme).elementBg.medium;
@@ -2425,7 +2425,7 @@ var PriceList = function (_a) {
   }))));
 };
 var PriceList$1 = withLibTheme(PriceList);
-var templateObject_1$b, templateObject_2$9, templateObject_3$7, templateObject_4$6, templateObject_5$4, templateObject_6$3;
+var templateObject_1$b, templateObject_2$a, templateObject_3$7, templateObject_4$6, templateObject_5$4, templateObject_6$3;
 
 var View = styled.div.withConfig({
   displayName: "PriceTag__View",
@@ -2446,7 +2446,7 @@ var View = styled.div.withConfig({
 var StyledActions$2 = styled(Actions).withConfig({
   displayName: "PriceTag__StyledActions",
   componentId: "sc-wnisbz-1"
-})(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n    display: block;\n    margin-top: auto;\n    padding-top: ", "px;\n    text-align: center;\n"], ["\n    display: block;\n    margin-top: auto;\n    padding-top: ", "px;\n    text-align: center;\n"])), spacings.spacer);
+})(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n    display: block;\n    margin-top: auto;\n    padding-top: ", "px;\n    text-align: center;\n"], ["\n    display: block;\n    margin-top: auto;\n    padding-top: ", "px;\n    text-align: center;\n"])), spacings.spacer);
 var PriceTag = forwardRef(function (_a, ref) {
   var superTitle = _a.superTitle,
       title = _a.title,
@@ -2491,7 +2491,7 @@ var PriceTag = forwardRef(function (_a, ref) {
   }));
 });
 PriceTag.displayName = 'PriceTag';
-var templateObject_1$a, templateObject_2$8;
+var templateObject_1$a, templateObject_2$9;
 
 var Tag = styled(PriceTag).withConfig({
   displayName: "PriceTable__Tag",
@@ -2500,7 +2500,7 @@ var Tag = styled(PriceTag).withConfig({
 var Items = styled.div.withConfig({
   displayName: "PriceTable__Items",
   componentId: "sc-1n6x4b3-1"
-})(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    & > * {\n        flex: 1 1 25%;\n        min-width: 286px;\n        max-width: 320px;\n        margin-top: ", "px;\n        margin-left: ", "px;\n    }\n\n    @media ", " {\n        & > * {\n            max-width: 286px;\n        }\n    }\n"], ["\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    & > * {\n        flex: 1 1 25%;\n        min-width: 286px;\n        max-width: 320px;\n        margin-top: ", "px;\n        margin-left: ", "px;\n    }\n\n    @media ", " {\n        & > * {\n            max-width: 286px;\n        }\n    }\n"])), gridSettings.gutter, gridSettings.gutter, gridSettings.gutter, gridSettings.gutter, mq.large);
+})(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    & > * {\n        flex: 1 1 25%;\n        min-width: 286px;\n        max-width: 320px;\n        margin-top: ", "px;\n        margin-left: ", "px;\n    }\n\n    @media ", " {\n        & > * {\n            max-width: 286px;\n        }\n    }\n"], ["\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    & > * {\n        flex: 1 1 25%;\n        min-width: 286px;\n        max-width: 320px;\n        margin-top: ", "px;\n        margin-left: ", "px;\n    }\n\n    @media ", " {\n        & > * {\n            max-width: 286px;\n        }\n    }\n"])), gridSettings.gutter, gridSettings.gutter, gridSettings.gutter, gridSettings.gutter, mq.large);
 
 var PriceTable = function (_a) {
   var anchorId = _a.anchorId,
@@ -2541,7 +2541,7 @@ var PriceTable = function (_a) {
   }))));
 };
 var PriceTable$1 = withLibTheme(PriceTable);
-var templateObject_1$9, templateObject_2$7;
+var templateObject_1$9, templateObject_2$8;
 
 var Content$1 = styled.figure.withConfig({
   displayName: "Quote__Content",
@@ -2550,7 +2550,7 @@ var Content$1 = styled.figure.withConfig({
 var Text = styled(Callout).withConfig({
   displayName: "Quote__Text",
   componentId: "sc-135tfv0-1"
-})(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n    text-align: center;\n    margin-left: 0;\n    margin-right: 0;\n    padding: 0;\n"], ["\n    text-align: center;\n    margin-left: 0;\n    margin-right: 0;\n    padding: 0;\n"])));
+})(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n    text-align: center;\n    margin-left: 0;\n    margin-right: 0;\n    padding: 0;\n"], ["\n    text-align: center;\n    margin-left: 0;\n    margin-right: 0;\n    padding: 0;\n"])));
 var Source = styled(Copy).withConfig({
   displayName: "Quote__Source",
   componentId: "sc-135tfv0-2"
@@ -2586,7 +2586,7 @@ var Quote = function (_a) {
   }))));
 };
 var Quote$1 = withLibTheme(Quote);
-var templateObject_1$8, templateObject_2$6, templateObject_3$6;
+var templateObject_1$8, templateObject_2$7, templateObject_3$6;
 
 var ImageWrapper = styled(Wrapper).withConfig({
   displayName: "SimpleImage__ImageWrapper",
@@ -2636,7 +2636,7 @@ var Cards = styled.ul.withConfig({
 var Item = styled.li.withConfig({
   displayName: "SocialWall__Item",
   componentId: "sc-ggztu7-1"
-})(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n    display: block;\n    position: relative;\n    padding: 0;\n"], ["\n    display: block;\n    position: relative;\n    padding: 0;\n"])));
+})(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n    display: block;\n    position: relative;\n    padding: 0;\n"], ["\n    display: block;\n    position: relative;\n    padding: 0;\n"])));
 var Card = styled(Link).withConfig({
   displayName: "SocialWall__Card",
   componentId: "sc-ggztu7-2"
@@ -2721,12 +2721,16 @@ var SocialWall = function (_a) {
   }))));
 };
 var SocialWall$1 = withLibTheme(SocialWall);
-var templateObject_1$6, templateObject_2$5, templateObject_3$5, templateObject_4$5, templateObject_5$3, templateObject_6$2, templateObject_7$2;
+var templateObject_1$6, templateObject_2$6, templateObject_3$5, templateObject_4$5, templateObject_5$3, templateObject_6$2, templateObject_7$2;
 
+var TableSection = styled(Section).withConfig({
+  displayName: "Table__TableSection",
+  componentId: "sc-16ge7gg-0"
+})(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n    overflow: unset;\n"], ["\n    overflow: unset;\n"])));
 var TableWrapper = styled(Wrapper).withConfig({
   displayName: "Table__TableWrapper",
-  componentId: "sc-16ge7gg-0"
-})(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), spacings.spacer);
+  componentId: "sc-16ge7gg-1"
+})(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), spacings.spacer);
 
 var Table = function (_a) {
   var anchorId = _a.anchorId,
@@ -2735,7 +2739,7 @@ var Table = function (_a) {
   var colors = useLibTheme().colors;
   var isInverted = bgMode === 'inverted';
   var hasBg = bgMode === 'full' || isInverted;
-  return React__default.createElement(Section, {
+  return React__default.createElement(TableSection, {
     addSeperation: true,
     anchorId: anchorId,
     bgColor: isInverted ? colors.sectionBg.dark : hasBg ? colors.sectionBg.medium : colors.sectionBg.light,
@@ -2750,7 +2754,7 @@ var Table = function (_a) {
   })));
 };
 var Table$1 = withLibTheme(Table);
-var templateObject_1$5;
+var templateObject_1$5, templateObject_2$5;
 
 var Figure = styled.figure.withConfig({
   displayName: "Teaser__Figure",