@asante-org/atlascopco-vt-litesitegenerator 3.8.5 → 3.8.8

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import React, { useId, useState, useRef, useEffect, useCallback, useMemo, forwardRef, useImperativeHandle } from 'react';
+import React, { useState, useRef, useEffect, useId, useCallback, useMemo, forwardRef, useImperativeHandle } from 'react';
 
 function _extends() {
   return _extends = Object.assign ? Object.assign.bind() : function (n) {
@@ -46,87 +46,12 @@ var LsgButton = function (_a) {
   }, children);
 };
 
-// ─────────────────────────────────────────────────────────────────────────────
-// AEM markup helpers
-//
-// The banner's content region is a parsys in AEM, filled by _cq_template with
-// Group > Title / Text / Button components. These helpers reproduce the HTML
-// those components (and their Sling decoration divs) emit on publish, so the
-// theme CSS written here applies to AEM unchanged. Reference page:
-// /content/vtba/varovac/en (wcmmode=disabled).
-// ─────────────────────────────────────────────────────────────────────────────
-var GRID_COLUMN = "aem-GridColumn aem-GridColumn--default--12";
-/** vtba/components/lsg/structure/group — a responsivegrid with two wrappers. */
-var AemGroup = function (_a) {
-  var styleClasses = _a.styleClasses,
-    children = _a.children;
-  return /*#__PURE__*/React.createElement("div", {
-    className: ["lsg-group", styleClasses].filter(Boolean).join(" ")
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "layout-container-color-wrapper"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "layout-container-spacing-wrapper aem-Grid aem-Grid--12 aem-Grid--default--12 "
-  }, children)));
-};
-/**
- * AEM decoration class for a grid column: the component's own class, then either
- * its authored style classes or — when none are set — the component name.
- */
-function columnClassName(componentClass, name, styleClass) {
-  return "".concat(componentClass, " ").concat(styleClass !== null && styleClass !== void 0 ? styleClass : name, " ").concat(GRID_COLUMN);
-}
-/** vtba/components/lsg/content/title — type "p" is the pre-title. */
-var AemTitle = function (_a) {
-  var Tag = _a.tag,
-    colour = _a.colour,
-    children = _a.children;
-  return /*#__PURE__*/React.createElement("div", {
-    className: columnClassName("cmp-lsg-title", "title", colour && "cmp-title__colour-".concat(colour))
-  }, /*#__PURE__*/React.createElement(Tag, {
-    className: "cmp-title__element".concat(Tag === "p" ? " cmp-title__element--pretitle" : "")
-  }, children));
-};
-/** vtba/components/lsg/content/text — core text v2 inside the decoration div. */
-var AemText = function (_a) {
-  var id = _a.id,
-    colour = _a.colour,
-    children = _a.children;
-  return /*#__PURE__*/React.createElement("div", {
-    className: columnClassName("cmp-lsg-text", "text", colour && "cmp-text__colour-".concat(colour))
-  }, /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: "cmp-text"
-  }, /*#__PURE__*/React.createElement("p", null, children)));
-};
-/** vtba/components/lsg/content/button — the variant is a style class on the decoration div. */
-var AemButton = function (_a) {
-  var _b, _c;
-  var cta = _a.cta;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "cmp-lsg-button button--".concat((_b = cta.variant) !== null && _b !== void 0 ? _b : "primary", " ").concat(GRID_COLUMN)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "lsg-button-container"
-  }, /*#__PURE__*/React.createElement("a", {
-    className: "lsg-button",
-    href: (_c = cta.href) !== null && _c !== void 0 ? _c : "#",
-    target: cta.external ? "_blank" : undefined,
-    rel: cta.external ? "noopener noreferrer" : undefined,
-    onClick: cta.onClick
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "lsg-button__text"
-  }, cta.label))));
-};
-/** Same extension mapping as BannerModel.getVideoMimeType. */
-function videoMimeType(url) {
-  var path = url.split(/[?#]/)[0].toLowerCase();
-  if (path.endsWith(".mp4")) return "video/mp4";
-  if (path.endsWith(".webm")) return "video/webm";
-  if (path.endsWith(".ogg") || path.endsWith(".ogv")) return "video/ogg";
-  return undefined;
+function bannerClassName(layout, mobileMediaPosition, background, className) {
+  return ["lsg-banner", "lsg-banner--".concat(layout), "lsg-banner--mobile-media-".concat(mobileMediaPosition),
+  // In AEM this class arrives on the decoration div instead; the SCSS only
+  // sets inherited custom properties, so either position works.
+  background ? "lsg-banner--bg-".concat(background) : "", className].filter(Boolean).join(" ");
 }
-// ─────────────────────────────────────────────────────────────────────────────
-// LsgBanner
-// ─────────────────────────────────────────────────────────────────────────────
 var LsgBanner = function (_a) {
   var heading = _a.heading,
     preTitle = _a.preTitle,
@@ -135,15 +60,10 @@ var LsgBanner = function (_a) {
     copy = _a.copy,
     ctas = _a.ctas,
     cta = _a.cta,
-    preTitleColour = _a.preTitleColour,
-    headingColour = _a.headingColour,
-    bodyColour = _a.bodyColour,
     mediaType = _a.mediaType,
     imageUrl = _a.imageUrl,
     _b = _a.imageAlt,
     imageAlt = _b === void 0 ? "" : _b,
-    mediaHref = _a.mediaHref,
-    mediaTarget = _a.mediaTarget,
     videoUrl = _a.videoUrl,
     videoPoster = _a.videoPoster,
     _c = _a.videoControls,
@@ -159,78 +79,65 @@ var LsgBanner = function (_a) {
     _h = _a.mobileMediaPosition,
     mobileMediaPosition = _h === void 0 ? "top" : _h,
     background = _a.background,
-    accent = _a.accent,
     _j = _a.headingTag,
-    headingTag = _j === void 0 ? "h2" : _j,
+    headingTag = _j === void 0 ? "h1" : _j,
     className = _a.className;
-  var textId = "text-".concat(useId().replace(/[^a-zA-Z0-9]/g, ""));
   var resolvedPreTitle = preTitle !== null && preTitle !== void 0 ? preTitle : eyebrow;
   var resolvedBody = body !== null && body !== void 0 ? body : copy;
   var actions = ((ctas === null || ctas === void 0 ? void 0 : ctas.length) ? ctas : cta ? [cta] : []).slice(0, 3);
   var resolvedMediaType = mediaType !== null && mediaType !== void 0 ? mediaType : videoUrl ? "video" : "image";
   var hasMedia = layout !== "text-only" && (resolvedMediaType === "video" ? Boolean(videoUrl) : Boolean(imageUrl));
-  var picture = /*#__PURE__*/React.createElement("picture", {
-    className: "lsg-banner__image"
-  }, /*#__PURE__*/React.createElement("img", {
+  var HeadingTag = headingTag;
+  return /*#__PURE__*/React.createElement("section", {
+    className: bannerClassName(layout, mobileMediaPosition, background, className),
+    "data-lsg-is": "banner",
+    "data-lsg-banner-layout": layout,
+    "data-lsg-banner-mobile-media": mobileMediaPosition,
+    "data-lsg-banner-media": hasMedia ? resolvedMediaType : "none"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "lsg-banner__shell"
+  }, hasMedia && /*#__PURE__*/React.createElement("div", {
+    className: "lsg-banner__media"
+  }, resolvedMediaType === "video" && videoUrl ? /*#__PURE__*/React.createElement("video", {
+    className: "lsg-banner__video",
+    src: videoUrl,
+    poster: videoPoster,
+    controls: videoControls,
+    autoPlay: videoAutoPlay,
+    muted: videoMuted,
+    loop: videoLoop,
+    playsInline: true,
+    "aria-label": imageAlt || heading
+  }) : imageUrl ? /*#__PURE__*/React.createElement("img", {
+    className: "lsg-banner__image",
     src: imageUrl,
-    alt: imageAlt,
-    loading: "lazy"
-  }));
-  return (
-    /*#__PURE__*/
-    // The Sling decoration div. Background / accent style-system classes land
-    // here in AEM, not on the section.
-    React.createElement("div", {
-      className: ["banner teaser", background && "lsg-banner--bg-".concat(background), accent && "lsg-banner--accent-".concat(accent), GRID_COLUMN, className].filter(Boolean).join(" ")
-    }, /*#__PURE__*/React.createElement("section", {
-      className: "lsg-banner lsg-banner--".concat(layout, " lsg-banner--mobile-media-").concat(mobileMediaPosition),
-      "data-lsg-is": "banner",
-      "data-lsg-banner-layout": layout,
-      "data-lsg-banner-mobile-media": mobileMediaPosition,
-      "data-lsg-banner-media": hasMedia ? resolvedMediaType : "none"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "lsg-banner__shell"
-    }, hasMedia && /*#__PURE__*/React.createElement("div", {
-      className: "lsg-banner__media"
-    }, resolvedMediaType === "video" && videoUrl ? /*#__PURE__*/React.createElement("video", {
-      className: "lsg-banner__video",
-      poster: videoPoster,
-      autoPlay: videoAutoPlay,
-      muted: videoMuted,
-      loop: videoLoop,
-      controls: videoControls,
-      playsInline: true,
-      "aria-label": imageAlt
-    }, /*#__PURE__*/React.createElement("source", {
-      src: videoUrl,
-      type: videoMimeType(videoUrl)
-    })) : mediaHref ? /*#__PURE__*/React.createElement("a", {
-      className: "lsg-banner__media-link",
-      href: mediaHref,
-      target: mediaTarget
-    }, picture) : picture), /*#__PURE__*/React.createElement("div", {
-      className: "lsg-banner__content"
-    }, /*#__PURE__*/React.createElement(AemGroup, {
-      styleClasses: "lsg-group-display--flex lsg-group-direction--column lsg-group-gap--16"
-    }, resolvedPreTitle && /*#__PURE__*/React.createElement(AemTitle, {
-      tag: "p",
-      colour: preTitleColour
-    }, resolvedPreTitle), /*#__PURE__*/React.createElement(AemTitle, {
-      tag: headingTag,
-      colour: headingColour
-    }, heading)), resolvedBody && /*#__PURE__*/React.createElement(AemGroup, null, /*#__PURE__*/React.createElement(AemText, {
-      id: textId,
-      colour: bodyColour
-    }, resolvedBody)), actions.length > 0 && /*#__PURE__*/React.createElement(AemGroup, {
-      styleClasses: "lsg-group-display--flex lsg-group-gap--16"
-    }, actions.map(function (action, index) {
-      var _a;
-      return /*#__PURE__*/React.createElement(AemButton, {
-        key: "".concat(action.label, "-").concat((_a = action.href) !== null && _a !== void 0 ? _a : "button", "-").concat(index),
-        cta: action
-      });
-    }))))))
-  );
+    alt: imageAlt
+  }) : null), /*#__PURE__*/React.createElement("div", {
+    className: "lsg-banner__content"
+  }, resolvedPreTitle && /*#__PURE__*/React.createElement("div", {
+    className: "lsg-banner__pre-title"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "lsg-banner__pre-title-marker",
+    "aria-hidden": "true"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "lsg-banner__pre-title-text"
+  }, resolvedPreTitle)), /*#__PURE__*/React.createElement(HeadingTag, {
+    className: "lsg-banner__heading"
+  }, heading), resolvedBody && /*#__PURE__*/React.createElement("div", {
+    className: "lsg-banner__body"
+  }, /*#__PURE__*/React.createElement("p", null, resolvedBody)), actions.length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: "lsg-banner__actions"
+  }, actions.map(function (action, index) {
+    var _a, _b;
+    return /*#__PURE__*/React.createElement(LsgButton, {
+      key: "".concat(action.label, "-").concat((_a = action.href) !== null && _a !== void 0 ? _a : "button", "-").concat(index),
+      href: action.href,
+      external: action.external,
+      variant: (_b = action.variant) !== null && _b !== void 0 ? _b : "primary",
+      onClick: action.onClick,
+      className: "lsg-banner__cta"
+    }, action.label);
+  })))));
 };
 
 function isSafeUrl$1(url) {
@@ -3474,12 +3381,12 @@ var PhoneIcon = function () {
   return /*#__PURE__*/React.createElement("svg", {
     width: "20",
     height: "20",
-    viewBox: "0 0 640 640",
+    viewBox: "0 0 20 20",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-hidden": "true"
   }, /*#__PURE__*/React.createElement("path", {
-    d: "M252.6 259L304.4 208L208.4 48L64.4 128L64.4 144C64.4 382.6 257.8 576 496.4 576L512.4 576L592.4 432L432.4 336L381.4 387.8C322.2 365 275.4 318.2 252.6 259zM440.1 396.6L527.9 449.3L484.3 527.8C281.9 521.5 118.9 358.6 112.6 156.1L191.1 112.5L243.8 200.3C226.8 217.1 211 232.6 196.5 246.9L207.8 276.3C235.5 348.2 292.3 404.9 364.1 432.6L393.5 443.9C407.8 429.4 423.3 413.6 440.1 396.6z",
+    d: "M15.833 13.483c-.417-.416-1.25-.833-1.875-1.083-.625-.25-1.042-.167-1.458.208l-.834.833c-.208.209-.5.209-.708.042-.625-.5-1.833-1.583-2.583-2.333-.75-.75-1.75-1.875-2.25-2.583-.167-.208-.125-.5.083-.709l.834-.833c.416-.417.5-.833.25-1.458-.25-.625-.667-1.458-1.084-1.875C8.791 3.25 8.208 3 7.583 3c-.416 0-.833.167-1.125.458L5.625 4.292C4.5 5.417 4.708 7.125 5.333 8.833c.625 1.708 2 3.833 3.625 5.458 1.625 1.625 3.75 3 5.458 3.625 1.709.625 3.417.833 4.542-.292l.833-.833c.292-.292.458-.708.458-1.125 0-.625-.25-1.208-.416-1.583z",
     fill: "currentColor"
   }));
 };
@@ -3500,12 +3407,12 @@ var MailIcon = function () {
   return /*#__PURE__*/React.createElement("svg", {
     width: "24",
     height: "20",
-    viewBox: "0 0 640 640",
+    viewBox: "0 0 24 20",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-hidden": "true"
   }, /*#__PURE__*/React.createElement("path", {
-    d: "M88 128L64 128L64 512L576 512L576 128L88 128zM528 192L528 196.1L320 353.9L112 196.1L112 176L528 176L528 192zM528 256.3L528 464L112 464L112 256.3L305.5 403.1L320 414.1L334.5 403.1L528 256.3z",
+    d: "M20 0H4C2.9 0 2 .9 2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V2l8 5 8-5v2z",
     fill: "currentColor"
   }));
 };
@@ -3551,12 +3458,12 @@ var SocialIcon = function (_a) {
     facebook: /*#__PURE__*/React.createElement("svg", {
       width: "20",
       height: "20",
-      viewBox: "0 0 640 640",
+      viewBox: "0 0 24 24",
       fill: "currentColor",
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, /*#__PURE__*/React.createElement("path", {
-      d: "M240 363.3L240 576L356 576L356 363.3L442.5 363.3L460.5 265.5L356 265.5L356 230.9C356 179.2 376.3 159.4 428.7 159.4C445 159.4 458.1 159.8 465.7 160.6L465.7 71.9C451.4 68 416.4 64 396.2 64C289.3 64 240 114.5 240 223.4L240 265.5L174 265.5L174 363.3L240 363.3z"
+      d: "M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"
     })),
     twitter: /*#__PURE__*/React.createElement("svg", {
       width: "20",
@@ -3571,32 +3478,52 @@ var SocialIcon = function (_a) {
     linkedin: /*#__PURE__*/React.createElement("svg", {
       width: "20",
       height: "20",
-      viewBox: "0 0 640 640",
+      viewBox: "0 0 24 24",
       fill: "currentColor",
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, /*#__PURE__*/React.createElement("path", {
-      d: "M196.3 512L103.4 512L103.4 212.9L196.3 212.9L196.3 512zM149.8 172.1C120.1 172.1 96 147.5 96 117.8C96 103.5 101.7 89.9 111.8 79.8C121.9 69.7 135.6 64 149.8 64C164 64 177.7 69.7 187.8 79.8C197.9 89.9 203.6 103.6 203.6 117.8C203.6 147.5 179.5 172.1 149.8 172.1zM543.9 512L451.2 512L451.2 366.4C451.2 331.7 450.5 287.2 402.9 287.2C354.6 287.2 347.2 324.9 347.2 363.9L347.2 512L254.4 512L254.4 212.9L343.5 212.9L343.5 253.7L344.8 253.7C357.2 230.2 387.5 205.4 432.7 205.4C526.7 205.4 544 267.3 544 347.7L544 512L543.9 512z"
+      d: "M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6zM2 9h4v12H2z"
+    }), /*#__PURE__*/React.createElement("circle", {
+      cx: "4",
+      cy: "4",
+      r: "2"
     })),
     youtube: /*#__PURE__*/React.createElement("svg", {
       width: "20",
       height: "20",
-      viewBox: "0 0 640 640",
+      viewBox: "0 0 24 24",
       fill: "currentColor",
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, /*#__PURE__*/React.createElement("path", {
-      d: "M581.7 188.1C575.5 164.4 556.9 145.8 533.4 139.5C490.9 128 320.1 128 320.1 128C320.1 128 149.3 128 106.7 139.5C83.2 145.8 64.7 164.4 58.4 188.1C47 231 47 320.4 47 320.4C47 320.4 47 409.8 58.4 452.7C64.7 476.3 83.2 494.2 106.7 500.5C149.3 512 320.1 512 320.1 512C320.1 512 490.9 512 533.5 500.5C557 494.2 575.5 476.3 581.8 452.7C593.2 409.8 593.2 320.4 593.2 320.4C593.2 320.4 593.2 231 581.8 188.1zM264.2 401.6L264.2 239.2L406.9 320.4L264.2 401.6z"
+      d: "M22.54 6.42a2.78 2.78 0 0 0-1.95-1.96C18.88 4 12 4 12 4s-6.88 0-8.59.46a2.78 2.78 0 0 0-1.95 1.96A29 29 0 0 0 1 12a29 29 0 0 0 .46 5.58A2.78 2.78 0 0 0 3.41 19.6C5.12 20 12 20 12 20s6.88 0 8.59-.4a2.78 2.78 0 0 0 1.95-1.95A29 29 0 0 0 23 12a29 29 0 0 0-.46-5.58zM9.75 15.02V8.98L15.5 12l-5.75 3.02z"
     })),
     instagram: /*#__PURE__*/React.createElement("svg", {
       width: "20",
       height: "20",
-      viewBox: "0 0 640 640",
-      fill: "currentColor",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
-    }, /*#__PURE__*/React.createElement("path", {
-      d: "M320.3 205C256.8 204.8 205.2 256.2 205 319.7C204.8 383.2 256.2 434.8 319.7 435C383.2 435.2 434.8 383.8 435 320.3C435.2 256.8 383.8 205.2 320.3 205zM319.7 245.4C360.9 245.2 394.4 278.5 394.6 319.7C394.8 360.9 361.5 394.4 320.3 394.6C279.1 394.8 245.6 361.5 245.4 320.3C245.2 279.1 278.5 245.6 319.7 245.4zM413.1 200.3C413.1 185.5 425.1 173.5 439.9 173.5C454.7 173.5 466.7 185.5 466.7 200.3C466.7 215.1 454.7 227.1 439.9 227.1C425.1 227.1 413.1 215.1 413.1 200.3zM542.8 227.5C541.1 191.6 532.9 159.8 506.6 133.6C480.4 107.4 448.6 99.2 412.7 97.4C375.7 95.3 264.8 95.3 227.8 97.4C192 99.1 160.2 107.3 133.9 133.5C107.6 159.7 99.5 191.5 97.7 227.4C95.6 264.4 95.6 375.3 97.7 412.3C99.4 448.2 107.6 480 133.9 506.2C160.2 532.4 191.9 540.6 227.8 542.4C264.8 544.5 375.7 544.5 412.7 542.4C448.6 540.7 480.4 532.5 506.6 506.2C532.8 480 541 448.2 542.8 412.3C544.9 375.3 544.9 264.5 542.8 227.5zM495 452C487.2 471.6 472.1 486.7 452.4 494.6C422.9 506.3 352.9 503.6 320.3 503.6C287.7 503.6 217.6 506.2 188.2 494.6C168.6 486.8 153.5 471.7 145.6 452C133.9 422.5 136.6 352.5 136.6 319.9C136.6 287.3 134 217.2 145.6 187.8C153.4 168.2 168.5 153.1 188.2 145.2C217.7 133.5 287.7 136.2 320.3 136.2C352.9 136.2 423 133.6 452.4 145.2C472 153 487.1 168.1 495 187.8C506.7 217.3 504 287.3 504 319.9C504 352.5 506.7 422.6 495 452z"
+    }, /*#__PURE__*/React.createElement("rect", {
+      x: "2",
+      y: "2",
+      width: "20",
+      height: "20",
+      rx: "5",
+      ry: "5"
+    }), /*#__PURE__*/React.createElement("circle", {
+      cx: "12",
+      cy: "12",
+      r: "4"
+    }), /*#__PURE__*/React.createElement("circle", {
+      cx: "17.5",
+      cy: "6.5",
+      r: "0.5",
+      fill: "currentColor"
     }))
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, (_b = icons[platform]) !== null && _b !== void 0 ? _b : null);
@@ -3656,9 +3583,9 @@ var LsgFooter = function (_a) {
         className: "lsg-footer lsg-footer--simple lsg-footer--simple-tworow".concat(className ? " ".concat(className) : "")
       }, /*#__PURE__*/React.createElement("div", {
         className: "lsg-footer__simple-top"
-      }, /*#__PURE__*/React.createElement("div", {
+      }, /*#__PURE__*/React.createElement("span", {
         className: "lsg-footer__brand-line"
-      }, /*#__PURE__*/React.createElement("span", null, brandLine)), navItems.length > 0 && /*#__PURE__*/React.createElement("nav", {
+      }, brandLine), navItems.length > 0 && /*#__PURE__*/React.createElement("nav", {
         className: "lsg-footer__simple-nav",
         "aria-label": "Footer navigation"
       }, navItems.map(function (item, i) {
@@ -3675,13 +3602,12 @@ var LsgFooter = function (_a) {
         className: "lsg-footer__simple-bottom"
       }, /*#__PURE__*/React.createElement("div", {
         className: "lsg-footer__simple-bottom-left"
-      }, /*#__PURE__*/React.createElement("p", {
+      }, cookieSetting && /*#__PURE__*/React.createElement("a", {
+        href: "#",
+        className: "lsg-footer__cookie-link"
+      }, cookieSetting), /*#__PURE__*/React.createElement("p", {
         className: "lsg-footer__copyright"
-      }, copyrightText),
-      // This renders a One Trust cookie settings button in AEM. The class "lsg-footer__cookie-button" is used for styling and is unrelated to the functionality of the button itself.
-      cookieSetting && /*#__PURE__*/React.createElement("button", {
-        className: "lsg-footer__cookie-button"
-      }, cookieSetting)), showAiBadge && /*#__PURE__*/React.createElement(AiBadge, null)));
+      }, copyrightText)), showAiBadge && /*#__PURE__*/React.createElement(AiBadge, null)));
     }
     return /*#__PURE__*/React.createElement("footer", {
       className: "lsg-footer lsg-footer--simple".concat(className ? " ".concat(className) : "")
@@ -3689,9 +3615,7 @@ var LsgFooter = function (_a) {
       className: "lsg-footer__simple-inner"
     }, /*#__PURE__*/React.createElement("p", {
       className: "lsg-footer__copyright"
-    }, copyrightText), /*#__PURE__*/React.createElement("div", {
-      className: "lsg-footer__brand-line"
-    }, /*#__PURE__*/React.createElement("span", null, brandLine)), navItems.length > 0 && /*#__PURE__*/React.createElement("nav", {
+    }, copyrightText), navItems.length > 0 && /*#__PURE__*/React.createElement("nav", {
       className: "lsg-footer__simple-nav",
       "aria-label": "Footer navigation"
     }, navItems.map(function (item, i) {
@@ -3707,11 +3631,7 @@ var LsgFooter = function (_a) {
         href: item.href,
         className: "lsg-footer__simple-nav-item"
       }, item.label));
-    })),
-    // This renders a One Trust cookie settings button in AEM. The class "lsg-footer__cookie-button" is used for styling and is unrelated to the functionality of the button itself.
-    cookieSetting && /*#__PURE__*/React.createElement("button", {
-      className: "lsg-footer__cookie-button"
-    }, cookieSetting)));
+    }))));
   }
   // ── Complex footer ─────────────────────────────────────────────────────────
   var is3col = complexColumns === "3col";
@@ -3721,28 +3641,18 @@ var LsgFooter = function (_a) {
     about: (_d = colHeadings === null || colHeadings === void 0 ? void 0 : colHeadings.about) !== null && _d !== void 0 ? _d : "About brand",
     contactAlt: (_e = colHeadings === null || colHeadings === void 0 ? void 0 : colHeadings.contactAlt) !== null && _e !== void 0 ? _e : "Contact"
   };
-  var bottomTopBar = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "lsg-footer__bottom-top"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "lsg-footer__brand-line"
-  }, /*#__PURE__*/React.createElement("span", null, "Discover how the Atlas Copco Group enables technology that transforms the future.")), /*#__PURE__*/React.createElement("div", {
-    className: "lsg-footer__body-social"
-  }, socialPosition === "body" && socialLinks && socialLinks.length > 0 && /*#__PURE__*/React.createElement(SocialIconsRow, {
-    links: socialLinks
-  }))));
   var bottomBar = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("hr", {
     className: "lsg-footer__bottom-divider"
   }), /*#__PURE__*/React.createElement("div", {
     className: "lsg-footer__bottom"
   }, /*#__PURE__*/React.createElement("div", {
     className: "lsg-footer__bottom-left"
-  }, /*#__PURE__*/React.createElement("p", {
+  }, cookieSetting && /*#__PURE__*/React.createElement("a", {
+    href: "#",
+    className: "lsg-footer__cookie-link"
+  }, cookieSetting), /*#__PURE__*/React.createElement("p", {
     className: "lsg-footer__copyright"
-  }, copyrightText),
-  // This renders a One Trust cookie settings button in AEM. The class "lsg-footer__cookie-button" is used for styling and is unrelated to the functionality of the button itself.
-  cookieSetting && /*#__PURE__*/React.createElement("button", {
-    className: "lsg-footer__cookie-button"
-  }, cookieSetting), is3col && showAiBadge && /*#__PURE__*/React.createElement(AiBadge, null)), !is3col && showAiBadge && /*#__PURE__*/React.createElement(AiBadge, null), socialPosition === "bottom-bar" && socialLinks && socialLinks.length > 0 && /*#__PURE__*/React.createElement(SocialIconsRow, {
+  }, copyrightText), is3col && showAiBadge && /*#__PURE__*/React.createElement(AiBadge, null)), !is3col && showAiBadge && /*#__PURE__*/React.createElement(AiBadge, null), socialPosition === "bottom-bar" && socialLinks && socialLinks.length > 0 && /*#__PURE__*/React.createElement(SocialIconsRow, {
     links: socialLinks
   })));
   if (is3col) {
@@ -3793,7 +3703,11 @@ var LsgFooter = function (_a) {
       }, link.label), /*#__PURE__*/React.createElement("hr", {
         className: "lsg-footer__divider"
       }));
-    }))))), bottomTopBar, bottomBar);
+    })), socialPosition === "body" && socialLinks && socialLinks.length > 0 && /*#__PURE__*/React.createElement("div", {
+      className: "lsg-footer__body-social"
+    }, /*#__PURE__*/React.createElement(SocialIconsRow, {
+      links: socialLinks
+    }))))), bottomBar);
   }
   return /*#__PURE__*/React.createElement("footer", {
     className: "lsg-footer lsg-footer--complex".concat(className ? " ".concat(className) : "")
@@ -3840,7 +3754,11 @@ var LsgFooter = function (_a) {
     }, link.label), /*#__PURE__*/React.createElement("hr", {
       className: "lsg-footer__divider"
     }));
-  }))))), bottomTopBar, bottomBar);
+  })), socialPosition === "body" && socialLinks && socialLinks.length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: "lsg-footer__body-social"
+  }, /*#__PURE__*/React.createElement(SocialIconsRow, {
+    links: socialLinks
+  }))))), bottomBar);
 };
 
 function clampNumber(number, min, max) {
@@ -4643,10 +4561,18 @@ var LsgTable = function (_a) {
     id = _a.id,
     className = _a.className;
   var wrapperClassName = ["table-focus", "background-color-".concat(headerBackground), "accent-color-".concat(accentColors), "no-alternating-rows-".concat(noAlternatingRows), className].filter(Boolean).join(" ");
+  // Keep the normal 3-column Figma layout untouched. Wider tables get a
+  // 120px-per-column minimum so the existing overflow-x wrapper can be tested
+  // and used naturally on mobile instead of squeezing every column.
+  var tableStyle = headers.length > 3 ? {
+    minWidth: "".concat(headers.length * 120, "px")
+  } : undefined;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     id: id,
     className: wrapperClassName
-  }, /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, headers.map(function (cell, index) {
+  }, /*#__PURE__*/React.createElement("table", {
+    style: tableStyle
+  }, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, headers.map(function (cell, index) {
     return /*#__PURE__*/React.createElement("td", {
       key: "header-".concat(index)
     }, cell);