@arc-ui/community-components 3.7.1 → 3.8.0

package/lib/index.mjs

@@ -244,17 +244,17 @@ function requireClassnames () {
 var classnamesExports = requireClassnames();
 var classNames = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
 
-var styles$s = {"accordion-header":"AccordionHeading-module_accordion-header__8s12f","accordion-header--hasImage":"AccordionHeading-module_accordion-header--hasImage__wbDjW","accordion-header--padded":"AccordionHeading-module_accordion-header--padded__me1JY","accordion-header--headingSizeM":"AccordionHeading-module_accordion-header--headingSizeM__amLfy"};
+var styles$u = {"accordion-header":"AccordionHeading-module_accordion-header__8s12f","accordion-header--hasImage":"AccordionHeading-module_accordion-header--hasImage__wbDjW","accordion-header--padded":"AccordionHeading-module_accordion-header--padded__me1JY","accordion-header--headingSizeM":"AccordionHeading-module_accordion-header--headingSizeM__amLfy"};
 
 var AccordionHeading = function (_a) {
     var _b, _c;
     var heading = _a.heading, content = _a.content, id = _a.id, _d = _a.isPadded, isPadded = _d === void 0 ? false : _d, _e = _a.headingLevel, headingLevel = _e === void 0 ? "2" : _e, _f = _a.headingSize, headingSize = _f === void 0 ? "xl" : _f, image = _a.image, props = __rest(_a, ["heading", "content", "id", "isPadded", "headingLevel", "headingSize", "image"]);
     return (React.createElement("div", __assign({ className: classNames((_b = {},
-            _b[styles$s["accordion-header"]] = true,
-            _b[styles$s["accordion-header--padded"]] = isPadded,
-            _b[styles$s["accordion-header--headingSizeM"]] = headingSize === "m",
+            _b[styles$u["accordion-header"]] = true,
+            _b[styles$u["accordion-header--padded"]] = isPadded,
+            _b[styles$u["accordion-header--headingSizeM"]] = headingSize === "m",
             _b)) }, filterAttrs(props)),
-        React.createElement("div", { className: classNames((_c = {}, _c[styles$s["accordion-header--hasImage"]] = image, _c)) },
+        React.createElement("div", { className: classNames((_c = {}, _c[styles$u["accordion-header--hasImage"]] = image, _c)) },
             image && (React.createElement("div", null,
                 React.createElement(Image$2, __assign({}, image, { width: 68, fit: "cover" })))),
             React.createElement(Heading, { level: headingLevel, id: id, size: headingSize }, heading)),
@@ -263,25 +263,25 @@ var AccordionHeading = function (_a) {
             React.createElement(Text, { size: "l", elementType: "p" }, content)))));
 };
 
-var styles$r = {"AccordionDisclosureListItem":"AccordionDisclosureList-module_AccordionDisclosureListItem__p8LIT"};
+var styles$t = {"AccordionDisclosureListItem":"AccordionDisclosureList-module_AccordionDisclosureListItem__p8LIT"};
 
 var AccordionDisclosureList = function (_a) {
     var disclosureList = _a.disclosureList;
     return (React.createElement("ul", null, disclosureList.map(function (_a) {
         var children = _a.children, summary = _a.summary, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, _c = _a.indentDetails, indentDetails = _c === void 0 ? false : _c, headingLevel = _a.headingLevel, id = _a.id, props = __rest(_a, ["children", "summary", "isOpen", "indentDetails", "headingLevel", "id"]);
-        return (React.createElement("li", { key: id, className: styles$r.AccordionDisclosureListItem, id: id },
+        return (React.createElement("li", { key: id, className: styles$t.AccordionDisclosureListItem, id: id },
             React.createElement(Disclosure, __assign({ summary: summary, isOpen: isOpen, indentDetails: indentDetails, headingLevel: headingLevel }, filterAttrs(props)), children)));
     })));
 };
 
-var styles$q = {"Accordion":"Accordion-module_Accordion__LsXTU"};
+var styles$s = {"Accordion":"Accordion-module_Accordion__LsXTU"};
 
 /**
  * Use the `Accordion` component to package together a title, content and a number of disclosure components into one section (maximum 10).
  */
 var Accordion = function (_a) {
     var heading = _a.heading, headingLevel = _a.headingLevel, headingSize = _a.headingSize, content = _a.content, id = _a.id, disclosureList = _a.disclosureList, props = __rest(_a, ["heading", "headingLevel", "headingSize", "content", "id", "disclosureList"]);
-    return (React.createElement("div", __assign({ className: styles$q.Accordion }, filterAttrs(props)),
+    return (React.createElement("div", __assign({ className: styles$s.Accordion }, filterAttrs(props)),
         React.createElement(AccordionHeading, { isPadded: true, id: id, "data-testid": "Accordion-header", heading: heading, headingLevel: headingLevel, headingSize: headingSize, content: content }),
         React.createElement(AccordionDisclosureList, { disclosureList: disclosureList })));
 };
@@ -940,17 +940,17 @@ function requireDebounce () {
 var debounceExports = requireDebounce();
 var debounce = /*@__PURE__*/getDefaultExportFromCjs(debounceExports);
 
-var styles$p = {"section-header":"SectionHeading-module_section-header__iB07I","section-header--hasImage":"SectionHeading-module_section-header--hasImage__Ka3T7","section-header--isCentered":"SectionHeading-module_section-header--isCentered__pz0V9","section-header--padded":"SectionHeading-module_section-header--padded__0FXP2"};
+var styles$r = {"section-header":"SectionHeading-module_section-header__iB07I","section-header--hasImage":"SectionHeading-module_section-header--hasImage__Ka3T7","section-header--isCentered":"SectionHeading-module_section-header--isCentered__pz0V9","section-header--padded":"SectionHeading-module_section-header--padded__0FXP2"};
 
 var SectionHeading = function (_a) {
     var _b, _c;
     var heading = _a.heading, content = _a.content, id = _a.id, image = _a.image, isHeadingWordWrap = _a.isHeadingWordWrap, _d = _a.isPadded, isPadded = _d === void 0 ? false : _d, _e = _a.headingLevel, headingLevel = _e === void 0 ? "2" : _e, _f = _a.isCentered, isCentered = _f === void 0 ? false : _f, props = __rest(_a, ["heading", "content", "id", "image", "isHeadingWordWrap", "isPadded", "headingLevel", "isCentered"]);
     return (React.createElement("div", __assign({ className: classNames((_b = {},
-            _b[styles$p["section-header"]] = true,
-            _b[styles$p["section-header--padded"]] = isPadded,
-            _b[styles$p["section-header--isCentered"]] = isCentered,
+            _b[styles$r["section-header"]] = true,
+            _b[styles$r["section-header--padded"]] = isPadded,
+            _b[styles$r["section-header--isCentered"]] = isCentered,
             _b)) }, filterAttrs(props)),
-        React.createElement("div", { className: classNames((_c = {}, _c[styles$p["section-header--hasImage"]] = image, _c)) },
+        React.createElement("div", { className: classNames((_c = {}, _c[styles$r["section-header--hasImage"]] = image, _c)) },
             image && (React.createElement("div", null,
                 React.createElement(Image$2, __assign({}, image, { width: 68, fit: "cover" })))),
             React.createElement(Heading, { level: headingLevel, id: id, size: "xl", isWordWrap: isHeadingWordWrap }, heading)),
@@ -988,7 +988,7 @@ var ArcBreakpoints = {
     xs: parseInt(ArcSizeBreakpointsXs, 10),
 };
 
-var styles$o = {"carouselWrapper":"ArticleCarousel-module_carouselWrapper__3mmGu","cardWrapperCarousel":"ArticleCarousel-module_cardWrapperCarousel__v3jv1","lastCard":"ArticleCarousel-module_lastCard__my93x"};
+var styles$q = {"carouselWrapper":"ArticleCarousel-module_carouselWrapper__3mmGu","cardWrapperCarousel":"ArticleCarousel-module_cardWrapperCarousel__v3jv1","lastCard":"ArticleCarousel-module_lastCard__my93x"};
 
 /**
  * Use `ArticleCarousel` to give supporting information about a page or proposition in the form of the `Carousel` containing only `MediaCard` components.
@@ -1018,17 +1018,17 @@ var ArticleCarousel = function (_a) {
     }, [minHeights, checkMinHeight]);
     return (React.createElement("div", __assign({}, filterAttrs(props)),
         React.createElement(SectionHeading, { isPadded: isPadded, id: id, "data-testid": "ArticleCarousel-header", heading: heading, isHeadingWordWrap: isHeadingWordWrap, headingLevel: headingLevel, content: content, isCentered: isCentered }),
-        React.createElement("div", { className: styles$o.carouselWrapper },
+        React.createElement("div", { className: styles$q.carouselWrapper },
             React.createElement(Carousel, { overflow: isMinWidthArcBreakpointL ? "hidden" : "visible", itemsPerSlide: isMinWidthArcBreakpointL ? 3 : 1, itemsToScroll: isMinWidthArcBreakpointL ? 3 : 1, behavior: isMinWidthArcBreakpointL ? "default" : "adaptive", withGutter: isMinWidthArcBreakpointL ? true : false }, cards.map(function (card, i) {
                 var _a;
-                return (React.createElement("div", { key: "".concat(componentId), className: classNames(styles$o.carouselSlide, styles$o.cardWrapperCarousel, (_a = {},
-                        _a[styles$o.lastCard] = i === cards.length - 1,
+                return (React.createElement("div", { key: "".concat(componentId), className: classNames(styles$q.carouselSlide, styles$q.cardWrapperCarousel, (_a = {},
+                        _a[styles$q.lastCard] = i === cards.length - 1,
                         _a)) },
                     React.createElement(MediaCard, __assign({ isContained: cardsContained, minHeight: minimumHeight }, card))));
             })))));
 };
 
-var styles$n = {"authorContent":"Author-module_authorContent__TBY7b","largeAvatar":"Author-module_largeAvatar__Vco03"};
+var styles$p = {"authorContent":"Author-module_authorContent__TBY7b","largeAvatar":"Author-module_largeAvatar__Vco03"};
 
 var Author = function (_a) {
     var name = _a.name, title = _a.title, _b = _a.avatar, avatar = _b === void 0 ? {} : _b, props = __rest(_a, ["name", "title", "avatar"]);
@@ -1039,10 +1039,10 @@ var Author = function (_a) {
         React.createElement(Grid, { isFluid: true, isGutterless: true },
             React.createElement(GridRow, { align: "center" },
                 React.createElement(GridCol, { xs: isLargeAvatar ? 12 : "auto" },
-                    React.createElement("div", { className: isLargeAvatar ? styles$n.largeAvatar : undefined },
+                    React.createElement("div", { className: isLargeAvatar ? styles$p.largeAvatar : undefined },
                         React.createElement(Avatar, __assign({}, avatar)))),
                 React.createElement(GridCol, null,
-                    React.createElement("div", { className: "".concat(!isLargeAvatar && styles$n.authorContent), "data-testid": "authorContent" },
+                    React.createElement("div", { className: "".concat(!isLargeAvatar && styles$p.authorContent), "data-testid": "authorContent" },
                         React.createElement(Heading, { size: "xs" }, name),
                         React.createElement(Text, { size: "s" }, title)))))));
 };
@@ -1057,35 +1057,35 @@ var MultiLineText = function (_a) {
         React.createElement(Text, __assign({}, textProps), paragraph))); })));
 };
 
-var styles$m = {"buttonContainer":"CopyLead-module_buttonContainer__3OaRG","col":"CopyLead-module_col__0Da5H","container":"CopyLead-module_container__I91ym","container--content":"CopyLead-module_container--content__e8LxG","container--media":"CopyLead-module_container--media__QcMWi","container--align-center":"CopyLead-module_container--align-center__Fh1Sd","container--align-top":"CopyLead-module_container--align-top__UIXOZ","list":"CopyLead-module_list__arnJd","listItem":"CopyLead-module_listItem__NscHE","listItemCentered":"CopyLead-module_listItemCentered__Kwdab","listItemIconContainer":"CopyLead-module_listItemIconContainer__dgnhJ","listItemTextContainer":"CopyLead-module_listItemTextContainer__Dl9lw","imgWrapper":"CopyLead-module_imgWrapper__HYP3w","mediaContainer":"CopyLead-module_mediaContainer__PxTnm","content":"CopyLead-module_content__Bja1D","container--reverse":"CopyLead-module_container--reverse__Gq9u8"};
+var styles$o = {"buttonContainer":"CopyLead-module_buttonContainer__3OaRG","col":"CopyLead-module_col__0Da5H","container":"CopyLead-module_container__I91ym","container--content":"CopyLead-module_container--content__e8LxG","container--media":"CopyLead-module_container--media__QcMWi","container--align-center":"CopyLead-module_container--align-center__Fh1Sd","container--align-top":"CopyLead-module_container--align-top__UIXOZ","list":"CopyLead-module_list__arnJd","listItem":"CopyLead-module_listItem__NscHE","listItemCentered":"CopyLead-module_listItemCentered__Kwdab","listItemIconContainer":"CopyLead-module_listItemIconContainer__dgnhJ","listItemTextContainer":"CopyLead-module_listItemTextContainer__Dl9lw","imgWrapper":"CopyLead-module_imgWrapper__HYP3w","mediaContainer":"CopyLead-module_mediaContainer__PxTnm","content":"CopyLead-module_content__Bja1D","container--reverse":"CopyLead-module_container--reverse__Gq9u8"};
 
 var MediaContent$1 = function (_a) {
     var heading = _a.heading, id = _a.id, headingLevel = _a.headingLevel, isHeadingWordWrap = _a.isHeadingWordWrap, content = _a.content;
-    return (React.createElement("div", { className: styles$m.mediaContainer },
+    return (React.createElement("div", { className: styles$o.mediaContainer },
         React.createElement(Heading, { id: id, level: headingLevel, isWordWrap: isHeadingWordWrap, size: "xl" }, heading),
-        content && (React.createElement("div", { className: styles$m.content },
+        content && (React.createElement("div", { className: styles$o.content },
             React.createElement(VerticalSpace, { size: "24" }),
             React.createElement(MultiLineText, { text: content, size: "l" })))));
 };
 
 var Image$1 = function (_a) {
     var sources = _a.sources, props = __rest(_a, ["sources"]);
-    return (React.createElement("div", { className: styles$m.imgWrapper },
+    return (React.createElement("div", { className: styles$o.imgWrapper },
         React.createElement(Image$2, __assign({ fadeOnLoad: true }, props), sources &&
             sources.map(function (source) { return React.createElement("source", __assign({ key: source.srcSet }, source)); }))));
 };
 
 var IconList = function (_a) {
     var listItems = _a.listItems, isLgScreen = _a.isLgScreen, _b = _a.headingLevel, headingLevel = _b === void 0 ? "3" : _b;
-    return (React.createElement("ul", { className: styles$m.list }, listItems.map(function (_a) {
+    return (React.createElement("ul", { className: styles$o.list }, listItems.map(function (_a) {
         var _b;
         var icon = _a.icon, heading = _a.heading, text = _a.text;
-        return (React.createElement("li", { key: heading, className: classNames(styles$m.listItem, (_b = {},
-                _b[styles$m.listItemCentered] = !text,
+        return (React.createElement("li", { key: heading, className: classNames(styles$o.listItem, (_b = {},
+                _b[styles$o.listItemCentered] = !text,
                 _b)) },
-            React.createElement("div", { className: styles$m.listItemIconContainer },
+            React.createElement("div", { className: styles$o.listItemIconContainer },
                 React.createElement(Icon, { color: "brand", icon: icon, size: isLgScreen ? 64 : 48 })),
-            React.createElement("div", { className: styles$m.listItemTextContainer },
+            React.createElement("div", { className: styles$o.listItemTextContainer },
                 React.createElement(Heading, { level: headingLevel, size: "s" }, heading),
                 text && (React.createElement(React.Fragment, null,
                     React.createElement(VerticalSpace, { size: "8", sizeL: "16" }),
@@ -1093,20 +1093,20 @@ var IconList = function (_a) {
     })));
 };
 
-var Button = function (props) { return (React.createElement("div", { className: styles$m.buttonContainer },
+var Button = function (props) { return (React.createElement("div", { className: styles$o.buttonContainer },
     React.createElement(ButtonV2, __assign({ isFullWidth: true, buttonStyle: "secondary" }, props)))); };
 
 var Container = function (_a) {
     var _b;
     var children = _a.children, isReverseOrder = _a.isReverseOrder, type = _a.type, alignment = _a.alignment;
-    return (React.createElement("div", { "data-testid": "copy-lead-container", className: classNames(styles$m.container, styles$m["container--".concat(type)], styles$m["container--align-".concat(alignment)], (_b = {},
-            _b[styles$m["container--reverse"]] = isReverseOrder,
+    return (React.createElement("div", { "data-testid": "copy-lead-container", className: classNames(styles$o.container, styles$o["container--".concat(type)], styles$o["container--align-".concat(alignment)], (_b = {},
+            _b[styles$o["container--reverse"]] = isReverseOrder,
             _b)) }, children));
 };
 
 var Column = function (_a) {
     var children = _a.children;
-    return (React.createElement("div", { className: styles$m.col }, children));
+    return (React.createElement("div", { className: styles$o.col }, children));
 };
 
 var getListHeadingLevel$1 = function (level) {
@@ -1174,12 +1174,12 @@ var CopyLead = function (_a) {
     return null;
 };
 
-var styles$l = {"headingContainer":"DownloadList-module_headingContainer__PNio8"};
+var styles$n = {"headingContainer":"DownloadList-module_headingContainer__PNio8"};
 
 var DownloadList = function (_a) {
     var heading = _a.heading, id = _a.id, _b = _a.headingLevel, headingLevel = _b === void 0 ? "2" : _b, isHeadingWordWrap = _a.isHeadingWordWrap, content = _a.content, downloads = _a.downloads, props = __rest(_a, ["heading", "id", "headingLevel", "isHeadingWordWrap", "content", "downloads"]);
     return (React.createElement("div", __assign({}, filterAttrs(props)),
-        React.createElement("div", { className: styles$l.headingContainer },
+        React.createElement("div", { className: styles$n.headingContainer },
             React.createElement(SectionHeading, { id: id, heading: heading, isHeadingWordWrap: isHeadingWordWrap, headingLevel: headingLevel, content: content })),
         React.createElement(VerticalSpace, { size: "40" }),
         downloads.map(function (downloadProps, i) { return (React.createElement(React.Fragment, { key: "download-".concat(i) },
@@ -1187,7 +1187,7 @@ var DownloadList = function (_a) {
             i !== downloads.length - 1 && React.createElement(VerticalSpace, { size: "16" }))); })));
 };
 
-var styles$k = {"FAQs":"FAQs-module_FAQs__FtQr4","linkListSection":"FAQs-module_linkListSection__RdQkU","linkListTitle":"FAQs-module_linkListTitle__RVni3","linkList":"FAQs-module_linkList__dPyXj","linkListItem":"FAQs-module_linkListItem__S83CL","linkList--padded":"FAQs-module_linkList--padded__8Paxc"};
+var styles$m = {"FAQs":"FAQs-module_FAQs__FtQr4","linkListSection":"FAQs-module_linkListSection__RdQkU","linkListTitle":"FAQs-module_linkListTitle__RVni3","linkList":"FAQs-module_linkList__dPyXj","linkListItem":"FAQs-module_linkListItem__S83CL","linkList--padded":"FAQs-module_linkList--padded__8Paxc"};
 
 var scrollToSectionFocusFirstElement = function (item) {
     var _a, _b, _c, _d, _e;
@@ -1201,23 +1201,23 @@ var scrollToSectionFocusFirstElement = function (item) {
 var FAQs = function (_a) {
     var _b;
     var heading = _a.heading, isHeadingWordWrap = _a.isHeadingWordWrap, content = _a.content, id = _a.id, _c = _a.isPadded, isPadded = _c === void 0 ? false : _c, _d = _a.headingLevel, headingLevel = _d === void 0 ? "2" : _d, image = _a.image, type = _a.type, _e = _a.linkListHeading, linkListHeading = _e === void 0 ? "Skip to section" : _e, accordionData = _a.accordionData, props = __rest(_a, ["heading", "isHeadingWordWrap", "content", "id", "isPadded", "headingLevel", "image", "type", "linkListHeading", "accordionData"]);
-    return (React.createElement("div", __assign({ className: styles$k.FAQs }, filterAttrs(props)),
+    return (React.createElement("div", __assign({ className: styles$m.FAQs }, filterAttrs(props)),
         React.createElement(SectionHeading, { id: id, isHeadingWordWrap: isHeadingWordWrap, heading: heading, content: content, image: image, headingLevel: headingLevel, isPadded: isPadded }),
-        type === "listWithLinks" && (React.createElement("div", { className: styles$k.linkListSection },
-            React.createElement("div", { className: styles$k.linkListTitle },
+        type === "listWithLinks" && (React.createElement("div", { className: styles$m.linkListSection },
+            React.createElement("div", { className: styles$m.linkListTitle },
                 React.createElement(Heading, { size: "xs" }, linkListHeading)),
             React.createElement("ul", { className: classNames((_b = {},
-                    _b[styles$k.linkList] = true,
-                    _b[styles$k["linkList--padded"]] = isPadded,
+                    _b[styles$m.linkList] = true,
+                    _b[styles$m["linkList--padded"]] = isPadded,
                     _b)) }, accordionData.map(function (item) {
                 var _a;
-                return (React.createElement("li", { className: styles$k.linkListItem, key: item.heading },
+                return (React.createElement("li", { className: styles$m.linkListItem, key: item.heading },
                     React.createElement(Link, { title: item.heading, href: "#".concat(item.id), onClick: function (e) {
                             e.preventDefault();
                             scrollToSectionFocusFirstElement(item);
                         } }, (_a = item.altLinkTitle) !== null && _a !== void 0 ? _a : item.heading)));
             })))),
-        type !== "tabs" && accordionData && (React.createElement("ul", { className: styles$k.accordionList }, accordionData.map(function (item) { return (React.createElement("li", { className: styles$k.accordionListItem, key: item.id },
+        type !== "tabs" && accordionData && (React.createElement("ul", { className: styles$m.accordionList }, accordionData.map(function (item) { return (React.createElement("li", { className: styles$m.accordionListItem, key: item.id },
             React.createElement(Accordion, { id: item.id, heading: item.heading, headingLevel: item.headingLevel, content: item.content, disclosureList: item.disclosureList, headingSize: "m" }),
             React.createElement(VerticalSpace, { size: "48", sizeL: "64" }))); }))),
         type === "tabs" && (React.createElement(Tabs, { defaultValue: accordionData[0].heading },
@@ -3414,12 +3414,12 @@ function cleanEscapedString(input) {
   return matched[1].replace(doubleQuoteRegExp, "'");
 }
 
-var styles$j = {"labelDate":"FeaturePost-module_labelDate__NXOgY","googlePlayButtonWrapper":"FeaturePost-module_googlePlayButtonWrapper__GI-ag","imgWrapper":"FeaturePost-module_imgWrapper__r6omd","featurePost":"FeaturePost-module_featurePost__9jY21","featurePostReversed":"FeaturePost-module_featurePostReversed__WQRXm","contentContainer":"FeaturePost-module_contentContainer__kdus7","col":"FeaturePost-module_col__eW8gY"};
+var styles$l = {"labelDate":"FeaturePost-module_labelDate__NXOgY","googlePlayButtonWrapper":"FeaturePost-module_googlePlayButtonWrapper__GI-ag","imgWrapper":"FeaturePost-module_imgWrapper__r6omd","featurePost":"FeaturePost-module_featurePost__9jY21","featurePostReversed":"FeaturePost-module_featurePostReversed__WQRXm","contentContainer":"FeaturePost-module_contentContainer__kdus7","col":"FeaturePost-module_col__eW8gY"};
 
 var Image = function (_a) {
     var sources = _a.sources, title = _a.title, description = _a.description, props = __rest(_a, ["sources", "title", "description"]);
     return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: styles$j.imgWrapper },
+        React.createElement("div", { className: styles$l.imgWrapper },
             React.createElement(Image$2, __assign({ fadeOnLoad: true }, props), sources &&
                 sources.map(function (source) { return React.createElement("source", __assign({ key: source.srcSet }, source)); }))),
         title && (React.createElement(React.Fragment, null,
@@ -3457,17 +3457,17 @@ var FeaturePost = function (_a) {
     var _b;
     var heading = _a.heading, id = _a.id, _c = _a.headingLevel, headingLevel = _c === void 0 ? "2" : _c, label = _a.label, image = _a.image, content = _a.content, footer = _a.footer, video = _a.video, isHeadingWordWrap = _a.isHeadingWordWrap, _d = _a.isReverseOrder, isReverseOrder = _d === void 0 ? false : _d, props = __rest(_a, ["heading", "id", "headingLevel", "label", "image", "content", "footer", "video", "isHeadingWordWrap", "isReverseOrder"]);
     var isMinWidthArcBreakpointM = useMediaQuery("(min-width: ".concat(ArcSizeBreakpointsM, ")"));
-    return (React.createElement("div", __assign({ "data-testid": "feature-post", className: classNames(styles$j.featurePost, (_b = {},
-            _b[styles$j.featurePostReversed] = isReverseOrder,
+    return (React.createElement("div", __assign({ "data-testid": "feature-post", className: classNames(styles$l.featurePost, (_b = {},
+            _b[styles$l.featurePostReversed] = isReverseOrder,
             _b)) }, filterAttrs(props)),
-        React.createElement("div", { className: styles$j.col },
-            React.createElement("div", { className: styles$j.contentContainer },
+        React.createElement("div", { className: styles$l.col },
+            React.createElement("div", { className: styles$l.contentContainer },
                 label && (React.createElement(Grid, { isGutterless: true, isFluid: true },
                     React.createElement(GridRow, { align: "baseline" },
                         React.createElement(GridCol, { xs: 12, m: "auto" },
                             React.createElement(Heading, { size: "xxs", fontStyle: "overline" }, label.text)),
                         React.createElement(GridCol, { xs: 12, m: "auto" },
-                            React.createElement("div", { className: styles$j.labelDate },
+                            React.createElement("div", { className: styles$l.labelDate },
                                 React.createElement(Text, { size: "xs", tone: "muted" }, isDate(label.date) ? (React.createElement("time", { dateTime: format(label.date, "yyyy-MM-dd") }, format(label.date, "d MMMM yyyy"))) : (React.createElement("span", null, label.date)))))),
                     React.createElement(VerticalSpace, { size: "24" }))),
                 React.createElement(Heading, { id: id, level: headingLevel, isWordWrap: isHeadingWordWrap, size: "xl" }, heading),
@@ -3489,10 +3489,10 @@ var FeaturePost = function (_a) {
                             footer.appStore && (React.createElement(GridCol, { xs: 12, s: "auto" },
                                 React.createElement(AppButton, { type: "apple-app-store", screenReaderText: footer.appStore.screenReaderText, url: footer.appStore.url }))),
                             footer.googlePlay && (React.createElement(GridCol, { xs: 12, s: "auto" },
-                                React.createElement("div", { className: styles$j.googlePlayButtonWrapper },
+                                React.createElement("div", { className: styles$l.googlePlayButtonWrapper },
                                     React.createElement(AppButton, { type: "google-play", screenReaderText: footer.googlePlay.screenReaderText, url: footer.googlePlay.url })))))))))),
-        isMinWidthArcBreakpointM && (React.createElement("div", { className: styles$j.col },
-            React.createElement("div", { "data-testid": "desktop-img", className: styles$j.imgContainer },
+        isMinWidthArcBreakpointM && (React.createElement("div", { className: styles$l.col },
+            React.createElement("div", { "data-testid": "desktop-img", className: styles$l.imgContainer },
                 React.createElement(MediaContent, { image: image, video: video }))))));
 };
 
@@ -3504,7 +3504,7 @@ var FeaturePost = function (_a) {
 const BtIconArrowRightFill =
   "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='currentColor' d='M2 16A14 14 0 1 0 16 2 14 14 0 0 0 2 16m16.854-4.354L23.207 16l-4.354 4.354a.5.5 0 0 1-.707-.707l3.147-3.147H9.5a.5.5 0 0 1 0-1h11.793l-3.146-3.146a.5.5 0 0 1 .707-.707'/%3e%3c/svg%3e";
 
-var styles$i = {"highlights":"Highlights-module_highlights__Hf7Zq","highlightItem":"Highlights-module_highlightItem__-N6le","highlights2Column":"Highlights-module_highlights2Column__6qIuI","highlights3Column":"Highlights-module_highlights3Column__qsCMP"};
+var styles$k = {"highlights":"Highlights-module_highlights__Hf7Zq","highlightItem":"Highlights-module_highlightItem__-N6le","highlights2Column":"Highlights-module_highlights2Column__6qIuI","highlights3Column":"Highlights-module_highlights3Column__qsCMP"};
 
 var getListHeadingLevel = function (level) {
     var nextLevel = Math.min(parseInt(level) + 1, 6);
@@ -3514,8 +3514,8 @@ var getListHeadingLevel = function (level) {
 var HighlightItem = function (_a) {
     var icon = _a.icon, heading = _a.heading, text = _a.text, link = _a.link, isSmallIcon = _a.isSmallIcon, headingLevel = _a.headingLevel, props = __rest(_a, ["icon", "heading", "text", "link", "isSmallIcon", "headingLevel"]);
     var listHeadingLevel = getListHeadingLevel(headingLevel || "2");
-    return (React.createElement("div", __assign({ "data-testid": "highlight-item-container", className: styles$i.highlightItem }, filterAttrs(props)),
-        icon && (React.createElement("div", { className: styles$i.Icon },
+    return (React.createElement("div", __assign({ "data-testid": "highlight-item-container", className: styles$k.highlightItem }, filterAttrs(props)),
+        icon && (React.createElement("div", { className: styles$k.Icon },
             React.createElement(Icon, { "data-testid": "highlight-icon", color: "brand", icon: icon, size: isSmallIcon ? 64 : 76 }))),
         React.createElement(VerticalSpace, { size: "16" }),
         React.createElement(Heading, { level: listHeadingLevel, size: "m" }, heading),
@@ -3528,7 +3528,7 @@ var HighlightItem = function (_a) {
 var HighlightList = function (_a) {
     var listItems = _a.listItems, columns = _a.columns, isSmallIcon = _a.isSmallIcon, headingLevel = _a.headingLevel, props = __rest(_a, ["listItems", "columns", "isSmallIcon", "headingLevel"]);
     var id = useId();
-    return (React.createElement("div", __assign({ "data-testid": "highlights-list", className: classNames(styles$i.highlights, styles$i["highlights".concat(columns, "Column")]) }, filterAttrs(props)), listItems.map(function (_a, i) {
+    return (React.createElement("div", __assign({ "data-testid": "highlights-list", className: classNames(styles$k.highlights, styles$k["highlights".concat(columns, "Column")]) }, filterAttrs(props)), listItems.map(function (_a, i) {
         var icon = _a.icon, heading = _a.heading, text = _a.text, link = _a.link, itemProps = __rest(_a, ["icon", "heading", "text", "link"]);
         return (React.createElement(HighlightItem, __assign({ key: "highlight-".concat(id, "-").concat(i), icon: icon, heading: heading, text: text, link: link, isSmallIcon: isSmallIcon, headingLevel: headingLevel }, itemProps)));
     })));
@@ -3555,7 +3555,7 @@ var Highlights = function (_a) {
                     : undefined, iconPosition: (_d = cta.iconPosition) !== null && _d !== void 0 ? _d : "beforeText" })))));
 };
 
-var styles$h = {"PromoListing":"PromoListing-module_PromoListing__6ensv","carouselSlide":"PromoListing-module_carouselSlide__AMTPF","cardGrid":"PromoListing-module_cardGrid__llf73","cardWrapper":"PromoListing-module_cardWrapper__I4iwh","cardWrapperCarousel":"PromoListing-module_cardWrapperCarousel__t-2qM","columns-3":"PromoListing-module_columns-3__y6jWS","columns-2":"PromoListing-module_columns-2__GRFxb"};
+var styles$j = {"PromoListing":"PromoListing-module_PromoListing__6ensv","carouselSlide":"PromoListing-module_carouselSlide__AMTPF","cardGrid":"PromoListing-module_cardGrid__llf73","cardWrapper":"PromoListing-module_cardWrapper__I4iwh","cardWrapperCarousel":"PromoListing-module_cardWrapperCarousel__t-2qM","columns-3":"PromoListing-module_columns-3__y6jWS","columns-2":"PromoListing-module_columns-2__GRFxb"};
 
 /**
  * Do not edit directly
@@ -3673,7 +3673,7 @@ var PromoListing = function (_a) {
         var CardComponent = CARD_COMPONENTS[card.type];
         return React.createElement(CardComponent, __assign({}, card, commonProps));
     };
-    return (React.createElement("div", __assign({ className: styles$h.PromoListing }, filterAttrs(props)),
+    return (React.createElement("div", __assign({ className: styles$j.PromoListing }, filterAttrs(props)),
         overlineLabel && (React.createElement(React.Fragment, null,
             React.createElement(Heading, { level: overlineHeadingLevel, fontStyle: "overline" }, overlineLabel),
             React.createElement(VerticalSpace, { size: "12" }))),
@@ -3681,44 +3681,44 @@ var PromoListing = function (_a) {
         button.label && (React.createElement(React.Fragment, null,
             React.createElement(ButtonV2, __assign({}, button, { icon: button.buttonStyle == "compact" ? BtIconArrowRightFill : undefined, size: "m" })),
             React.createElement(VerticalSpace, { size: "40" }))),
-        isCarousel && !isMinWidthArcBreakpointL ? (React.createElement("div", { className: styles$h.promolistingCarouselWrapper },
-            React.createElement(Carousel, { overflow: "visible", itemsPerSlide: 1, behavior: "adaptive", withGutter: false }, cards === null || cards === void 0 ? void 0 : cards.map(function (card, i) { return (React.createElement("div", { key: "promolist-carousel-card-".concat(componentId, "-").concat(i), className: (styles$h.cardWrapperCarousel) }, getCard(card))); })))) : (React.createElement("ul", { className: classNames(styles$h.cardGrid, styles$h["columns-".concat(columns)]) }, cards === null || cards === void 0 ? void 0 : cards.map(function (card, index) { return (React.createElement("li", { key: "promolist-card--".concat(componentId, "-").concat(index) },
-            React.createElement("div", { "data-testid": "promoList-card".concat(index), className: styles$h.cardWrapper }, getCard(card)))); })))));
+        isCarousel && !isMinWidthArcBreakpointL ? (React.createElement("div", { className: styles$j.promolistingCarouselWrapper },
+            React.createElement(Carousel, { overflow: "visible", itemsPerSlide: 1, behavior: "adaptive", withGutter: false }, cards === null || cards === void 0 ? void 0 : cards.map(function (card, i) { return (React.createElement("div", { key: "promolist-carousel-card-".concat(componentId, "-").concat(i), className: (styles$j.cardWrapperCarousel) }, getCard(card))); })))) : (React.createElement("ul", { className: classNames(styles$j.cardGrid, styles$j["columns-".concat(columns)]) }, cards === null || cards === void 0 ? void 0 : cards.map(function (card, index) { return (React.createElement("li", { key: "promolist-card--".concat(componentId, "-").concat(index) },
+            React.createElement("div", { "data-testid": "promoList-card".concat(index), className: styles$j.cardWrapper }, getCard(card)))); })))));
 };
 
-var styles$g = {"blockQuote":"Quote-module_blockQuote__STj-z","quoteContent":"Quote-module_quoteContent__kWc51","quoteDefault":"Quote-module_quoteDefault__tU5db","quoteSecondary":"Quote-module_quoteSecondary__3Rk3f","quoteIcon":"Quote-module_quoteIcon__HK1TV"};
+var styles$i = {"blockQuote":"Quote-module_blockQuote__STj-z","quoteContent":"Quote-module_quoteContent__kWc51","quoteDefault":"Quote-module_quoteDefault__tU5db","quoteSecondary":"Quote-module_quoteSecondary__3Rk3f","quoteIcon":"Quote-module_quoteIcon__HK1TV"};
 
 /**
  * Use `Quote` where a quote or testimonial from an existing customer or stakeholder would help build trust and credibility with potential new customers. It's commonly used on product pages where customers would learn about a product or service that we offer.*/
 var Quote = function (_a) {
     var author = _a.author, _b = _a.styling, styling = _b === void 0 ? "Default" : _b, content = _a.content, citeUrl = _a.citeUrl, props = __rest(_a, ["author", "styling", "content", "citeUrl"]);
     return (React.createElement("div", __assign({ className: "community-component--quote", "data-testid": "quote-test" }, filterAttrs(props)),
-        React.createElement("blockquote", { "data-testid": "style-test", className: classNames(styles$g.blockQuote, styles$g["quote".concat(styling)]), cite: citeUrl },
-            React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 100 77", className: styles$g.quoteIcon, "aria-hidden": "true" },
+        React.createElement("blockquote", { "data-testid": "style-test", className: classNames(styles$i.blockQuote, styles$i["quote".concat(styling)]), cite: citeUrl },
+            React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 100 77", className: styles$i.quoteIcon, "aria-hidden": "true" },
                 React.createElement("path", { d: "M21.8085 76.4706C15.9574 76.4706 10.8156 74.2732 6.38298 69.8783C2.12766 65.4834 0 58.979 0 50.3651C0 40.5206 3.10284 31.1156 9.30851 22.1501C15.6915 13.1846 25.3546 5.80122 38.2979 0L44.1489 11.3387C37.4113 14.3272 31.7376 18.0189 27.1277 22.4138C22.5177 26.6329 19.6809 31.4672 18.617 36.9168C19.8582 36.741 21.0106 36.6531 22.0745 36.6531C27.7482 36.6531 32.4468 38.499 36.1702 42.1907C40.0709 45.8824 42.0213 50.7167 42.0213 56.6937C42.0213 62.4949 39.9823 67.2414 35.9043 70.9331C32.0035 74.6247 27.305 76.4706 21.8085 76.4706ZM77.6596 76.4706C71.8085 76.4706 66.6667 74.2732 62.234 69.8783C57.9787 65.4834 55.8511 58.979 55.8511 50.3651C55.8511 40.5206 58.9539 31.1156 65.1596 22.1501C71.5425 13.1846 81.2057 5.80122 94.1489 0L100 11.3387C93.2624 14.3272 87.5886 18.0189 82.9787 22.4138C78.3688 26.6329 75.5319 31.4672 74.4681 36.9168C75.7092 36.741 76.8617 36.6531 77.9255 36.6531C83.5993 36.6531 88.2979 38.499 92.0213 42.1907C95.922 45.8824 97.8723 50.7167 97.8723 56.6937C97.8723 62.4949 95.8333 67.2414 91.7553 70.9331C87.8546 74.6247 83.156 76.4706 77.6596 76.4706Z" })),
-            React.createElement("p", { className: styles$g.quoteContent }, content)),
+            React.createElement("p", { className: styles$i.quoteContent }, content)),
         author && React.createElement(Author, __assign({}, author))));
 };
 
-var styles$f = {"ruleContainer":"Summary-module_ruleContainer__ydWlG","row":"Summary-module_row__SKV--"};
+var styles$h = {"ruleContainer":"Summary-module_ruleContainer__ydWlG","row":"Summary-module_row__SKV--"};
 
 var Summary = function (_a) {
     var content = _a.content, _b = _a.noBorder, noBorder = _b === void 0 ? false : _b, _c = _a.headingLevel, headingLevel = _c === void 0 ? "3" : _c, props = __rest(_a, ["content", "noBorder", "headingLevel"]);
     var isMinWidthArcBreakpointM = useMediaQuery("(min-width: ".concat(ArcSizeBreakpointsM, ")"));
     return (React.createElement(Box, __assign({ isBorderRadius: true }, (!noBorder ? { borderWidth: "thin" } : { elevationLevel: "1" }), { padding: "24" }, filterAttrs(props)),
-        React.createElement("div", { className: styles$f.row }, content.map(function (_a, i) {
+        React.createElement("div", { className: styles$h.row }, content.map(function (_a, i) {
             var heading = _a.heading, text = _a.text;
             return (React.createElement(React.Fragment, null,
-                React.createElement("div", { className: styles$f.col },
+                React.createElement("div", { className: styles$h.col },
                     React.createElement(Heading, { size: "s", level: headingLevel }, heading),
                     React.createElement(VerticalSpace, { size: "8" }),
                     React.createElement(Text, { size: "s" }, text)),
-                i !== content.length - 1 && (React.createElement("div", { className: styles$f.ruleContainer },
+                i !== content.length - 1 && (React.createElement("div", { className: styles$h.ruleContainer },
                     React.createElement(Rule, { orientation: isMinWidthArcBreakpointM ? "vertical" : "horizontal" })))));
         }))));
 };
 
-var styles$e = {"list":"Statistics-module_list__BI-eQ","mutedText":"Statistics-module_mutedText__MR1JM"};
+var styles$g = {"list":"Statistics-module_list__BI-eQ","mutedText":"Statistics-module_mutedText__MR1JM"};
 
 var getLinkProps = function (link) {
     return link.openInNewTab
@@ -3736,7 +3736,7 @@ var Statistics = function (_a) {
         React.createElement(ColumnsCol, { spanM: 9 },
             React.createElement(SectionHeading, { id: id, heading: heading, isHeadingWordWrap: isHeadingWordWrap, headingLevel: headingLevel, content: content })),
         React.createElement(ColumnsCol, { spanL: 9 },
-            React.createElement("ul", { className: styles$e.list }, statistics.map(function (_a, i) {
+            React.createElement("ul", { className: styles$g.list }, statistics.map(function (_a, i) {
                 var stat = _a.stat, copy = _a.copy, link = _a.link, source = _a.source, sourceUrl = _a.sourceUrl;
                 return (React.createElement("li", { key: "statistic-".concat(componentId, "-").concat(i) },
                     i !== 0 && (React.createElement(React.Fragment, null,
@@ -3746,7 +3746,7 @@ var Statistics = function (_a) {
                     React.createElement(Columns, null,
                         React.createElement(ColumnsCol, { spanS: 6, spanM: 8 },
                             React.createElement(Align, { vertical: "center" },
-                                React.createElement("div", { className: styles$e.statWrapper },
+                                React.createElement("div", { className: styles$g.statWrapper },
                                     React.createElement(Heading, { color: "brand", size: "xxl" }, stat),
                                     React.createElement(Hidden, { s: true, m: true, l: true, xl: true, xxl: true },
                                         React.createElement(VerticalSpace, { size: "12" }))))),
@@ -3759,26 +3759,26 @@ var Statistics = function (_a) {
                                 source && (React.createElement(React.Fragment, null,
                                     React.createElement(VerticalSpace, { size: "12" }),
                                     React.createElement(Text, { size: "xs" },
-                                        React.createElement("span", { className: styles$e.mutedText }, source)))),
+                                        React.createElement("span", { className: styles$g.mutedText }, source)))),
                                 sourceUrl && (React.createElement(Text, { size: "xs" },
-                                    React.createElement("a", { className: styles$e.mutedText, href: sourceUrl }, sourceUrl))))))));
+                                    React.createElement("a", { className: styles$g.mutedText, href: sourceUrl }, sourceUrl))))))));
             })))));
 };
 
-var styles$d = {"bannerWithTabsHeadingCentered":"BannerWithTabs-module_bannerWithTabsHeadingCentered__upqEO"};
+var styles$f = {"bannerWithTabsHeadingCentered":"BannerWithTabs-module_bannerWithTabsHeadingCentered__upqEO"};
 
 var BannerWithTabs = function (_a) {
     var _b;
     var tabs = _a.tabs, defaultValue = _a.defaultValue, heading = _a.heading, headingLevel = _a.headingLevel, content = _a.content, id = _a.id, isHeadingWordWrap = _a.isHeadingWordWrap, _c = _a.alignTypography, alignTypography = _c === void 0 ? "left" : _c, minHeight = _a.minHeight, minHeightM = _a.minHeightM, props = __rest(_a, ["tabs", "defaultValue", "heading", "headingLevel", "content", "id", "isHeadingWordWrap", "alignTypography", "minHeight", "minHeightM"]);
     return (React.createElement("div", __assign({}, filterAttrs(props)),
         React.createElement("div", { className: classNames((_b = {},
-                _b[styles$d.bannerWithTabsHeadingCentered] = alignTypography === "center",
+                _b[styles$f.bannerWithTabsHeadingCentered] = alignTypography === "center",
                 _b)) },
             React.createElement(SectionHeading, { id: id, isHeadingWordWrap: isHeadingWordWrap, heading: heading, headingLevel: headingLevel, content: content, isPadded: alignTypography === "left" ? true : false })),
         React.createElement(TabbedBanner, { minHeight: minHeight, minHeightM: minHeightM, tabs: tabs, defaultValue: defaultValue })));
 };
 
-var styles$c = {"tagGroup":"ArticleSidebar-module_tagGroup__rIPQc","textContent":"ArticleSidebar-module_textContent__3nCfG","additionalContentContainer":"ArticleSidebar-module_additionalContentContainer__91L4n","shareButtonContainer":"ArticleSidebar-module_shareButtonContainer__iAfHL","shareButton":"ArticleSidebar-module_shareButton__rb-1E"};
+var styles$e = {"tagGroup":"ArticleSidebar-module_tagGroup__rIPQc","textContent":"ArticleSidebar-module_textContent__3nCfG","additionalContentContainer":"ArticleSidebar-module_additionalContentContainer__91L4n","shareButtonContainer":"ArticleSidebar-module_shareButtonContainer__iAfHL","shareButton":"ArticleSidebar-module_shareButton__rb-1E"};
 
 /**
  * Use `ArticleSidebar` to provide additional information about the article.
@@ -3834,7 +3834,7 @@ var ArticleSidebar = function (_a) {
     var hasBottomContent = Boolean(linkSection || topics || share);
     return (React.createElement("div", __assign({}, filterAttrs(props)),
         React.createElement("div", { className: classNames((_b = {},
-                _b[styles$c.textContent] = hasTopContent,
+                _b[styles$e.textContent] = hasTopContent,
                 _b)) },
             author && (React.createElement(React.Fragment, null,
                 React.createElement(Author, __assign({}, author, { avatar: __assign(__assign({}, author.avatar), { size: "xl" }) })))),
@@ -3845,7 +3845,7 @@ var ArticleSidebar = function (_a) {
                 React.createElement(Text, { size: "s" }, aboutSection.content))),
             additionalContent && (React.createElement(React.Fragment, null,
                 (author || aboutSection) && React.createElement(VerticalSpace, { size: "16" }),
-                React.createElement("div", { className: styles$c.additionalContentContainer }, additionalContent.map(function (_a) {
+                React.createElement("div", { className: styles$e.additionalContentContainer }, additionalContent.map(function (_a) {
                     var heading = _a.heading, headingLevel = _a.headingLevel, content = _a.content;
                     return (React.createElement("div", { key: "".concat(id, "-").concat(heading) },
                         React.createElement(Heading, { level: headingLevel, size: "xxs" }, heading),
@@ -3868,7 +3868,7 @@ var ArticleSidebar = function (_a) {
             linkSection && React.createElement(VerticalSpace, { size: "32" }),
             React.createElement(Heading, { level: topics.headingLevel }, topics.heading),
             React.createElement(VerticalSpace, { size: "16" }),
-            React.createElement("div", { className: styles$c.tagGroup }, topics.tags.map(function (tag) { return (React.createElement(Tag, __assign({ key: "".concat(id, "-").concat(tag.title) }, tag))); })))),
+            React.createElement("div", { className: styles$e.tagGroup }, topics.tags.map(function (tag) { return (React.createElement(Tag, __assign({ key: "".concat(id, "-").concat(tag.title) }, tag))); })))),
         share && (React.createElement(React.Fragment, null,
             (linkSection || topics) && (React.createElement("div", { "data-testid": "links-topics-content-rule" },
                 React.createElement(VerticalSpace, { size: "32" }),
@@ -3876,16 +3876,16 @@ var ArticleSidebar = function (_a) {
                 React.createElement(VerticalSpace, { size: "32" }))),
             React.createElement(Heading, { level: share.headingLevel }, share.heading),
             React.createElement(VerticalSpace, { size: "16" }),
-            React.createElement("div", { className: styles$c.shareButtonContainer }, shareButtons.map(function (_a) {
+            React.createElement("div", { className: styles$e.shareButtonContainer }, shareButtons.map(function (_a) {
                 var isButton = _a.isButton, ariaLabel = _a.ariaLabel, href = _a.href, icon = _a.icon, onClick = _a.onClick;
-                return (React.createElement("a", { key: "".concat(id, "-").concat(ariaLabel), role: isButton ? "button" : undefined, target: "_blank", rel: "noreferrer", className: styles$c.shareButton, "aria-label": ariaLabel, href: href, onClick: isButton ? onClick : undefined },
+                return (React.createElement("a", { key: "".concat(id, "-").concat(ariaLabel), role: isButton ? "button" : undefined, target: "_blank", rel: "noreferrer", className: styles$e.shareButton, "aria-label": ariaLabel, href: href, onClick: isButton ? onClick : undefined },
                     React.createElement(Icon, { icon: icon, size: 24 })));
             })))),
         React.createElement(Toast, null,
             React.createElement(ToastNotification, { status: "success", title: "Copied to clipboard", isOpen: showToast, onOpenChange: function () { return setShowToast(false); } }))));
 };
 
-var styles$b = {"product-navigation-grid":"ProductNavigation-module_product-navigation-grid__RzFq8","productNavigation-skipLink":"ProductNavigation-module_productNavigation-skipLink__fy8ZJ"};
+var styles$d = {"product-navigation-grid":"ProductNavigation-module_product-navigation-grid__RzFq8","productNavigation-skipLink":"ProductNavigation-module_productNavigation-skipLink__fy8ZJ"};
 
 /**
  * Use `ProductNavigation` to give a collection of product information cards collected within a grid that has optional show/hide capability
@@ -3929,7 +3929,7 @@ var ProductNavigation = function (_a) {
     var isMinWidthArcBreakpointS = useMediaQuery("(min-width: ".concat(ArcSizeBreakpointsS, ")"));
     return (React.createElement("div", __assign({}, filterAttrs(props)),
         React.createElement(SectionHeading, { isPadded: true, id: id, "data-testid": "ProductNavigation-header", heading: heading, headingLevel: headingLevel, isHeadingWordWrap: isHeadingWordWrap, content: content, image: image }),
-        React.createElement("ul", { className: classNames(styles$b["product-navigation-grid"]) }, displayList === null || displayList === void 0 ? void 0 : displayList.map(function (cardProps, i) {
+        React.createElement("ul", { className: classNames(styles$d["product-navigation-grid"]) }, displayList === null || displayList === void 0 ? void 0 : displayList.map(function (cardProps, i) {
             var _a;
             return (React.createElement("li", { key: "displayList-".concat(i), tabIndex: -1, ref: i === skipLinkCard ? cardRef : undefined, "data-cy": "list-item-".concat(i) },
                 React.createElement(InformationCard, __assign({}, cardProps, { minHeight: minHeight !== null && minHeight !== void 0 ? minHeight : cardProps.minHeight, headingLevel: (_a = cardProps.headingLevel) !== null && _a !== void 0 ? _a : "2" }))));
@@ -3940,7 +3940,7 @@ var ProductNavigation = function (_a) {
                     ? "Show more"
                     : "Show less", buttonStyle: "secondary", onClick: clickController, isFullWidth: isMinWidthArcBreakpointS ? false : true, isLoading: isLoading })),
             displayList.length > cardsToDisplay && (React.createElement(React.Fragment, null,
-                React.createElement("div", { id: "skip-link", className: classNames(styles$b["productNavigation-skipLink"]), tabIndex: -1 },
+                React.createElement("div", { id: "skip-link", className: classNames(styles$d["productNavigation-skipLink"]), tabIndex: -1 },
                     React.createElement(ButtonV2, { label: "Move to first new card", buttonStyle: "primary", onClick: moveFocus, isFullWidth: isMinWidthArcBreakpointS ? false : true })))),
             React.createElement(VisuallyHidden, null,
                 React.createElement("div", { "aria-live": "polite", id: "aria-live-region", "aria-atomic": true },
@@ -3953,82 +3953,82 @@ var ProductNavigation = function (_a) {
                         "."))))));
 };
 
-var styles$a = {"container":"ContentInfoWidget-module_container__yaS-8","text":"ContentInfoWidget-module_text__O1BdZ","icon":"ContentInfoWidget-module_icon__LEww1"};
+var styles$c = {"container":"ContentInfoWidget-module_container__yaS-8","text":"ContentInfoWidget-module_text__O1BdZ","icon":"ContentInfoWidget-module_icon__LEww1"};
 
 var ContentInfoWidget = function (_a) {
     var text = _a.text, icon = _a.icon, props = __rest(_a, ["text", "icon"]);
-    return (React.createElement("div", __assign({ className: styles$a.container }, filterAttrs(props)),
-        React.createElement("div", { className: styles$a.icon },
+    return (React.createElement("div", __assign({ className: styles$c.container }, filterAttrs(props)),
+        React.createElement("div", { className: styles$c.icon },
             React.createElement(Icon, { size: 20, icon: icon })),
-        React.createElement("div", { className: styles$a.text },
+        React.createElement("div", { className: styles$c.text },
             React.createElement(Text, { size: "xs", tone: "muted" }, text))));
 };
 
-var styles$9 = {"action-tile":"ActionTile-module_action-tile__JPwGb","action-tile-content":"ActionTile-module_action-tile-content__ZkgHc","action-tile-icon":"ActionTile-module_action-tile-icon__PY1EN","action-tile-heading":"ActionTile-module_action-tile-heading__Uxdu9","action-tile--active":"ActionTile-module_action-tile--active__-aWze","action-tile-tick":"ActionTile-module_action-tile-tick__vhsJE"};
+var styles$b = {"action-tile":"ActionTile-module_action-tile__JPwGb","action-tile-content":"ActionTile-module_action-tile-content__ZkgHc","action-tile-icon":"ActionTile-module_action-tile-icon__PY1EN","action-tile-heading":"ActionTile-module_action-tile-heading__Uxdu9","action-tile--active":"ActionTile-module_action-tile--active__-aWze","action-tile-tick":"ActionTile-module_action-tile-tick__vhsJE"};
 
 var ActionTile = function (_a) {
     var _b;
     var icon = _a.icon, activeIcon = _a.activeIcon, heading = _a.heading, _c = _a.isActive, isActive = _c === void 0 ? false : _c, onClick = _a.onClick, className = _a.className, props = __rest(_a, ["icon", "activeIcon", "heading", "isActive", "onClick", "className"]);
-    var tileClasses = classNames(styles$9["action-tile"], (_b = {},
-        _b[styles$9["action-tile--active"]] = isActive,
+    var tileClasses = classNames(styles$b["action-tile"], (_b = {},
+        _b[styles$b["action-tile--active"]] = isActive,
         _b), className);
     var displayIcon = isActive && activeIcon ? activeIcon : icon;
     var content = (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: styles$9["action-tile-content"] },
-            displayIcon && (React.createElement("div", { className: styles$9["action-tile-icon"] },
+        React.createElement("div", { className: styles$b["action-tile-content"] },
+            displayIcon && (React.createElement("div", { className: styles$b["action-tile-icon"] },
                 React.createElement(Icon, { icon: displayIcon, size: 48 }))),
-            React.createElement("h3", { className: styles$9["action-tile-heading"] }, heading)),
-        isActive && (React.createElement("div", { className: styles$9["action-tile-tick"] },
+            React.createElement("h3", { className: styles$b["action-tile-heading"] }, heading)),
+        isActive && (React.createElement("div", { className: styles$b["action-tile-tick"] },
             React.createElement(Icon, { icon: BtIconTickAlt2Px, size: 28 })))));
     return (React.createElement("div", __assign({ className: tileClasses, onClick: onClick }, filterAttrs(props)), content));
 };
 
-var styles$8 = {"link-tile":"LinkTile-module_link-tile__xVUP3","link-tile-content":"LinkTile-module_link-tile-content__H-QN8","link-tile-icon":"LinkTile-module_link-tile-icon__kTMfH","link-tile-text":"LinkTile-module_link-tile-text__0K6zf"};
+var styles$a = {"link-tile":"LinkTile-module_link-tile__xVUP3","link-tile-content":"LinkTile-module_link-tile-content__H-QN8","link-tile-icon":"LinkTile-module_link-tile-icon__kTMfH","link-tile-text":"LinkTile-module_link-tile-text__0K6zf"};
 
 var LinkTile = function (_a) {
     var text = _a.text, href = _a.href, _b = _a.showIcon, showIcon = _b === void 0 ? true : _b, className = _a.className, props = __rest(_a, ["text", "href", "showIcon", "className"]);
     var Component = href ? "a" : "div";
     var linkProps = href ? { href: href } : {};
-    return (React.createElement(Component, __assign({ className: classNames(styles$8["link-tile"], className) }, linkProps, props), text && (React.createElement("div", { className: styles$8["link-tile-content"] },
-        React.createElement("span", { className: styles$8["link-tile-text"] }, text),
-        showIcon && (React.createElement("span", { className: styles$8["link-tile-icon"] },
+    return (React.createElement(Component, __assign({ className: classNames(styles$a["link-tile"], className) }, linkProps, props), text && (React.createElement("div", { className: styles$a["link-tile-content"] },
+        React.createElement("span", { className: styles$a["link-tile-text"] }, text),
+        showIcon && (React.createElement("span", { className: styles$a["link-tile-icon"] },
             React.createElement(Icon, { icon: BtIconArrowAltRight, size: 32 })))))));
 };
 
-var styles$7 = {"quick-help":"InlineLinkGroup-module_quick-help__cMTpB","quick-help-label":"InlineLinkGroup-module_quick-help-label__VLKen","quick-help-container":"InlineLinkGroup-module_quick-help-container__IStTk","quick-help-item":"InlineLinkGroup-module_quick-help-item__QTIMl","quick-help-separator":"InlineLinkGroup-module_quick-help-separator__qJE0q","quick-help-separator-line":"InlineLinkGroup-module_quick-help-separator-line__VbCVI"};
+var styles$9 = {"quick-help":"InlineLinkGroup-module_quick-help__cMTpB","quick-help-label":"InlineLinkGroup-module_quick-help-label__VLKen","quick-help-container":"InlineLinkGroup-module_quick-help-container__IStTk","quick-help-item":"InlineLinkGroup-module_quick-help-item__QTIMl","quick-help-separator":"InlineLinkGroup-module_quick-help-separator__qJE0q","quick-help-separator-line":"InlineLinkGroup-module_quick-help-separator-line__VbCVI"};
 
 var InlineLinkGroup = function (_a) {
     var label = _a.label, links = _a.links, props = __rest(_a, ["label", "links"]);
-    return (React.createElement("div", __assign({ className: styles$7["quick-help"] }, filterAttrs(props)),
-        label && (React.createElement("div", { className: styles$7["quick-help-label"] },
+    return (React.createElement("div", __assign({ className: styles$9["quick-help"] }, filterAttrs(props)),
+        label && (React.createElement("div", { className: styles$9["quick-help-label"] },
             React.createElement(Heading, { size: "xxs", fontStyle: "overline" }, label))),
-        React.createElement("ul", { className: styles$7["quick-help-container"] }, links.map(function (link, index) { return (React.createElement(React.Fragment, { key: index },
-            React.createElement("li", { className: styles$7["quick-help-item"] },
+        React.createElement("ul", { className: styles$9["quick-help-container"] }, links.map(function (link, index) { return (React.createElement(React.Fragment, { key: index },
+            React.createElement("li", { className: styles$9["quick-help-item"] },
                 React.createElement(Link, { href: link.href, onClick: link.onClick, "aria-label": link.ariaLabel }, link.label),
                 React.createElement(Icon, { icon: BtIconArrowAltRight, size: 24, color: "brand" })),
-            index < links.length - 1 && (React.createElement("li", { className: styles$7["quick-help-separator"], "aria-hidden": "true" },
-                React.createElement("div", { className: styles$7["quick-help-separator-line"] }))))); }))));
+            index < links.length - 1 && (React.createElement("li", { className: styles$9["quick-help-separator"], "aria-hidden": "true" },
+                React.createElement("div", { className: styles$9["quick-help-separator-line"] }))))); }))));
 };
 
-var styles$6 = {"thumbnailSignpost":"ThumbnailSignpost-module_thumbnailSignpost__Yf26b","isLink":"ThumbnailSignpost-module_isLink__FucdG","content":"ThumbnailSignpost-module_content__XG9oj","heading":"ThumbnailSignpost-module_heading__mTrpJ","image":"ThumbnailSignpost-module_image__syGZj","thumbnailButton":"ThumbnailSignpost-module_thumbnailButton__Nn-NR","buttonIcon":"ThumbnailSignpost-module_buttonIcon__ydmza"};
+var styles$8 = {"thumbnailSignpost":"ThumbnailSignpost-module_thumbnailSignpost__Yf26b","isLink":"ThumbnailSignpost-module_isLink__FucdG","content":"ThumbnailSignpost-module_content__XG9oj","heading":"ThumbnailSignpost-module_heading__mTrpJ","image":"ThumbnailSignpost-module_image__syGZj","thumbnailButton":"ThumbnailSignpost-module_thumbnailButton__Nn-NR","buttonIcon":"ThumbnailSignpost-module_buttonIcon__ydmza"};
 
 /** Use `ThumbnailSignpost` to highlight key information or navigation points with an accompanying thumbnail image or icon. */
 var ThumbnailSignpost = function (_a) {
     var _b;
     var text = _a.text, title = _a.title, img = _a.img, onClick = _a.onClick, buttonLabel = _a.buttonLabel, props = __rest(_a, ["text", "title", "img", "onClick", "buttonLabel"]);
-    return (React.createElement("div", __assign({ className: classNames(styles$6.thumbnailSignpost, (_b = {},
-            _b[styles$6.isLink] = onClick,
+    return (React.createElement("div", __assign({ className: classNames(styles$8.thumbnailSignpost, (_b = {},
+            _b[styles$8.isLink] = onClick,
             _b)), onClick: onClick, "aria-label": title, tabIndex: onClick ? 0 : -1 }, (onClick && { role: "button" }), filterAttrs(props)),
-        img && (React.createElement("div", { className: styles$6.image },
+        img && (React.createElement("div", { className: styles$8.image },
             React.createElement(Image$2, __assign({}, img)))),
-        React.createElement("div", { className: styles$6.content },
-            React.createElement("span", { className: styles$6.heading }, title),
+        React.createElement("div", { className: styles$8.content },
+            React.createElement("span", { className: styles$8.heading }, title),
             React.createElement(VerticalSpace, { size: "8" }),
             text,
             buttonLabel && onClick && (React.createElement(React.Fragment, null,
                 React.createElement(VerticalSpace, { size: "8" }),
-                React.createElement("div", { className: styles$6.thumbnailButton },
-                    React.createElement("span", { className: styles$6.buttonIcon, role: "img", style: {
+                React.createElement("div", { className: styles$8.thumbnailButton },
+                    React.createElement("span", { className: styles$8.buttonIcon, role: "img", style: {
                             height: 24,
                             width: 24,
                             maskImage: "url(\"".concat(BtIconArrowRightFill, "\")"),
@@ -4037,29 +4037,29 @@ var ThumbnailSignpost = function (_a) {
                     React.createElement(Heading, { size: "xxs" }, buttonLabel)))))));
 };
 
-var styles$5 = {"PromoListingThumbnailSignpost":"PromoListingThumbnailSignpost-module_PromoListingThumbnailSignpost__0HTPV","list":"PromoListingThumbnailSignpost-module_list__E9l0E"};
+var styles$7 = {"PromoListingThumbnailSignpost":"PromoListingThumbnailSignpost-module_PromoListingThumbnailSignpost__0HTPV","list":"PromoListingThumbnailSignpost-module_list__E9l0E"};
 
 /**
  * Use `PromoListingThumbnailSignpost` to give supporting information about a page or proposition in the form of the ThumbnailSignposts components.
  */
 var PromoListingThumbnailSignpost = function (_a) {
     var _b = _a.isPadded, isPadded = _b === void 0 ? true : _b, heading = _a.heading, content = _a.content, headingLevel = _a.headingLevel, thumbnailList = _a.thumbnailList, isHeadingWordWrap = _a.isHeadingWordWrap, props = __rest(_a, ["isPadded", "heading", "content", "headingLevel", "thumbnailList", "isHeadingWordWrap"]);
-    return (React.createElement("div", __assign({ className: styles$5.PromoListingThumbnailSignpost }, filterAttrs(props)),
+    return (React.createElement("div", __assign({ className: styles$7.PromoListingThumbnailSignpost }, filterAttrs(props)),
         React.createElement(SectionHeading, { isPadded: isPadded, "data-testid": "PromoListingThumbnailSignpost-header", heading: heading, headingLevel: headingLevel, content: content, isHeadingWordWrap: isHeadingWordWrap }),
-        React.createElement("ul", { className: styles$5.list }, thumbnailList.map(function (thumbnail, index) { return (React.createElement("li", { key: index },
+        React.createElement("ul", { className: styles$7.list }, thumbnailList.map(function (thumbnail, index) { return (React.createElement("li", { key: index },
             React.createElement(ThumbnailSignpost, __assign({}, thumbnail)))); }))));
 };
 
-var styles$4 = {"playIconContainer":"VideoCardPlayIcon-module_playIconContainer__ZqZP3","playIconContainer--s":"VideoCardPlayIcon-module_playIconContainer--s__ETbOZ","playIconContainer--l":"VideoCardPlayIcon-module_playIconContainer--l__OGccg","playIcon":"VideoCardPlayIcon-module_playIcon__kzito"};
+var styles$6 = {"playIconContainer":"VideoCardPlayIcon-module_playIconContainer__ZqZP3","playIconContainer--s":"VideoCardPlayIcon-module_playIconContainer--s__ETbOZ","playIconContainer--l":"VideoCardPlayIcon-module_playIconContainer--l__OGccg","playIcon":"VideoCardPlayIcon-module_playIcon__kzito"};
 
 var VideoCardPlayIcon = function (_a) {
     var _b = _a.size, size = _b === void 0 ? "l" : _b;
-    return (React.createElement("div", { className: classNames(styles$4.playIconContainer, styles$4["playIconContainer--".concat(size)]) },
-        React.createElement("div", { className: styles$4.playIcon },
+    return (React.createElement("div", { className: classNames(styles$6.playIconContainer, styles$6["playIconContainer--".concat(size)]) },
+        React.createElement("div", { className: styles$6.playIcon },
             React.createElement(Icon, { icon: ArcIconPlay }))));
 };
 
-var styles$3 = {"container":"VideoCardPlayer-module_container__G-Uta","player":"VideoCardPlayer-module_player__BgueT","playerWrapper":"VideoCardPlayer-module_playerWrapper__UcH1q","playerWrapper--landscape":"VideoCardPlayer-module_playerWrapper--landscape__shKv-","playerWrapper--portrait":"VideoCardPlayer-module_playerWrapper--portrait__7bKAr"};
+var styles$5 = {"container":"VideoCardPlayer-module_container__G-Uta","player":"VideoCardPlayer-module_player__BgueT","playerWrapper":"VideoCardPlayer-module_playerWrapper__UcH1q","playerWrapper--landscape":"VideoCardPlayer-module_playerWrapper--landscape__shKv-","playerWrapper--portrait":"VideoCardPlayer-module_playerWrapper--portrait__7bKAr"};
 
 var VideoCardPlayer = function (_a) {
     var thumbnail = _a.thumbnail, playIconSize = _a.playIconSize, orientation = _a.orientation, children = _a.children, player = _a.player, props = __rest(_a, ["thumbnail", "playIconSize", "orientation", "children", "player"]);
@@ -4067,21 +4067,21 @@ var VideoCardPlayer = function (_a) {
     useEffect(function () {
         setIsClient(true);
     }, []);
-    var playerProps = __assign(__assign({}, player), { light: thumbnail, playIcon: React.createElement(VideoCardPlayIcon, { size: playIconSize }), muted: !thumbnail, playing: true, controls: true, className: styles$3.player, width: "100%", height: "100%" });
-    return (React.createElement("div", __assign({ className: styles$3.container }, filterAttrs(props)),
-        React.createElement("div", { "data-testid": "arc-video-card", className: classNames(styles$3.playerWrapper, styles$3["playerWrapper--".concat(orientation)]) }, isClient && React.createElement(ReactPlayer, __assign({}, playerProps))),
+    var playerProps = __assign(__assign({}, player), { light: thumbnail, playIcon: React.createElement(VideoCardPlayIcon, { size: playIconSize }), muted: !thumbnail, playing: true, controls: true, className: styles$5.player, width: "100%", height: "100%" });
+    return (React.createElement("div", __assign({ className: styles$5.container }, filterAttrs(props)),
+        React.createElement("div", { "data-testid": "arc-video-card", className: classNames(styles$5.playerWrapper, styles$5["playerWrapper--".concat(orientation)]) }, isClient && React.createElement(ReactPlayer, __assign({}, playerProps))),
         children));
 };
 
-var styles$2 = {"thumbnail":"VideoCardThumbnail-module_thumbnail__Yamk0","thumbnail--landscape":"VideoCardThumbnail-module_thumbnail--landscape__FmnLk","thumbnail--portrait":"VideoCardThumbnail-module_thumbnail--portrait__FZS93","thumbnailContent":"VideoCardThumbnail-module_thumbnailContent__cHham"};
+var styles$4 = {"thumbnail":"VideoCardThumbnail-module_thumbnail__Yamk0","thumbnail--landscape":"VideoCardThumbnail-module_thumbnail--landscape__FmnLk","thumbnail--portrait":"VideoCardThumbnail-module_thumbnail--portrait__FZS93","thumbnailContent":"VideoCardThumbnail-module_thumbnailContent__cHham"};
 
 var VideoCardThumbnail = function (_a) {
     var orientation = _a.orientation, contentVisibility = _a.contentVisibility, src = _a.src, children = _a.children;
-    var content = React.createElement("div", { className: styles$2.thumbnailContent }, children);
-    return (React.createElement("div", { className: classNames(styles$2.thumbnail, styles$2["thumbnail--".concat(orientation)]), style: { backgroundImage: "url(".concat(src, ")") } }, contentVisibility ? (React.createElement(Visible, __assign({}, contentVisibility), content)) : (content)));
+    var content = React.createElement("div", { className: styles$4.thumbnailContent }, children);
+    return (React.createElement("div", { className: classNames(styles$4.thumbnail, styles$4["thumbnail--".concat(orientation)]), style: { backgroundImage: "url(".concat(src, ")") } }, contentVisibility ? (React.createElement(Visible, __assign({}, contentVisibility), content)) : (content)));
 };
 
-var styles$1 = {"mainText--lightBackground":"VideoHeroCardContent-module_mainText--lightBackground__nGl6W","statContainer--lightBackground":"VideoHeroCardContent-module_statContainer--lightBackground__7hXAf","statContainer--darkBackground":"VideoHeroCardContent-module_statContainer--darkBackground__X3-r2","mainText--darkBackground":"VideoHeroCardContent-module_mainText--darkBackground__Pfizt","statContainer":"VideoHeroCardContent-module_statContainer__q21g9","stat":"VideoHeroCardContent-module_stat__iIcoq"};
+var styles$3 = {"mainText--lightBackground":"VideoHeroCardContent-module_mainText--lightBackground__nGl6W","statContainer--lightBackground":"VideoHeroCardContent-module_statContainer--lightBackground__7hXAf","statContainer--darkBackground":"VideoHeroCardContent-module_statContainer--darkBackground__X3-r2","mainText--darkBackground":"VideoHeroCardContent-module_mainText--darkBackground__Pfizt","statContainer":"VideoHeroCardContent-module_statContainer__q21g9","stat":"VideoHeroCardContent-module_stat__iIcoq"};
 
 var VideoHeroCardContent = function (_a) {
     var title = _a.title, label = _a.label, description = _a.description, videoDate = _a.videoDate, duration = _a.duration, background = _a.background, subtitleAvailabilityText = _a.subtitleAvailabilityText;
@@ -4095,8 +4095,8 @@ var VideoHeroCardContent = function (_a) {
         },
     ];
     var hasMeta = metaItems.some(function (meta) { return Boolean(meta.text); });
-    return (React.createElement("div", { className: styles$1["".concat(background, "Background")] },
-        React.createElement("div", { className: classNames(styles$1.mainText, styles$1["mainText--".concat(background, "Background")]) },
+    return (React.createElement("div", { className: styles$3["".concat(background, "Background")] },
+        React.createElement("div", { className: classNames(styles$3.mainText, styles$3["mainText--".concat(background, "Background")]) },
             React.createElement(Heading, { fontStyle: "overline" }, label),
             React.createElement(VerticalSpace, { size: "8", sizeM: "4" }),
             React.createElement(Heading, { level: "3", isWordWrap: false, size: "xl" }, title),
@@ -4104,8 +4104,8 @@ var VideoHeroCardContent = function (_a) {
             React.createElement(Text, null, description)),
         hasMeta && (React.createElement(React.Fragment, null,
             React.createElement(VerticalSpace, { size: "32", sizeS: "16" }),
-            React.createElement("div", { className: classNames(styles$1.statContainer, styles$1["statContainer--".concat(background, "Background")]) }, metaItems.map(function (meta, i) {
-                return meta.text && (React.createElement("div", { key: "".concat(id, "-stat-").concat(i), className: styles$1.stat },
+            React.createElement("div", { className: classNames(styles$3.statContainer, styles$3["statContainer--".concat(background, "Background")]) }, metaItems.map(function (meta, i) {
+                return meta.text && (React.createElement("div", { key: "".concat(id, "-stat-").concat(i), className: styles$3.stat },
                     React.createElement(Icon, { icon: meta.icon, size: 20 }),
                     React.createElement(Text, { size: "xs" }, meta.text)));
             }))))));
@@ -4128,7 +4128,7 @@ var VideoPortraitCard = function (_a) {
                 React.createElement(Heading, { level: "3", isWordWrap: false, size: "xs" }, thumbnail.title)))), orientation: "portrait", player: player, playIconSize: "s" }, props)));
 };
 
-var styles = {"contentWrapper":"BusinessSegmentSwitcher-module_contentWrapper__YKEjS","cardWrapper":"BusinessSegmentSwitcher-module_cardWrapper__eGDJ-","cardCol":"BusinessSegmentSwitcher-module_cardCol__jsySH","businessSegmentSwitcherDesktop":"BusinessSegmentSwitcher-module_businessSegmentSwitcherDesktop__oBvzS","businessSegmentSwitcher":"BusinessSegmentSwitcher-module_businessSegmentSwitcher__Sae5K","desktopCarousel":"BusinessSegmentSwitcher-module_desktopCarousel__xW3HN","businessSegmentSwitcherMobile":"BusinessSegmentSwitcher-module_businessSegmentSwitcherMobile__PSFyi"};
+var styles$2 = {"contentWrapper":"BusinessSegmentSwitcher-module_contentWrapper__YKEjS","cardWrapper":"BusinessSegmentSwitcher-module_cardWrapper__eGDJ-","cardCol":"BusinessSegmentSwitcher-module_cardCol__jsySH","businessSegmentSwitcherDesktop":"BusinessSegmentSwitcher-module_businessSegmentSwitcherDesktop__oBvzS","businessSegmentSwitcher":"BusinessSegmentSwitcher-module_businessSegmentSwitcher__Sae5K","desktopCarousel":"BusinessSegmentSwitcher-module_desktopCarousel__xW3HN","businessSegmentSwitcherMobile":"BusinessSegmentSwitcher-module_businessSegmentSwitcherMobile__PSFyi"};
 
 /**
  * Renders either an InformationCard or a contained MediaCard based on the card type.
@@ -4152,11 +4152,11 @@ var renderBusinessSegmentSwitcherCarousel = function (_a) {
             xs: { itemsPerSlide: 1 },
             s: { itemsPerSlide: 2 },
         } },
-        React.createElement("div", { className: styles.cardWrapper }, renderCard(content.card1)),
-        React.createElement("div", { className: styles.cardWrapper }, renderCard(content.card2)),
-        content.card3 && (React.createElement("div", { className: styles.cardWrapper },
+        React.createElement("div", { className: styles$2.cardWrapper }, renderCard(content.card1)),
+        React.createElement("div", { className: styles$2.cardWrapper }, renderCard(content.card2)),
+        content.card3 && (React.createElement("div", { className: styles$2.cardWrapper },
             React.createElement(InformationCard, __assign({}, content.card3)))),
-        React.createElement("div", { className: styles.cardWrapper },
+        React.createElement("div", { className: styles$2.cardWrapper },
             React.createElement(TypographyCard, { heading: "All ".concat(label, " solutions"), label: content.card4.label, url: content.card4.url }))));
 };
 
@@ -4169,8 +4169,8 @@ var BusinessSegmentSwitcher = function (_a) {
     var tabs = _a.tabs, defaultValue = _a.defaultValue, props = __rest(_a, ["tabs", "defaultValue"]);
     var initialTab = (_c = defaultValue !== null && defaultValue !== void 0 ? defaultValue : (_b = tabs[0]) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : "";
     var _d = useState(initialTab), selectedTab = _d[0], setSelectedTab = _d[1];
-    return (React.createElement("div", __assign({ className: styles.businessSegmentSwitcher }, filterAttrs(props)),
-        React.createElement("div", { className: styles.businessSegmentSwitcherDesktop },
+    return (React.createElement("div", __assign({ className: styles$2.businessSegmentSwitcher }, filterAttrs(props)),
+        React.createElement("div", { className: styles$2.businessSegmentSwitcherDesktop },
             React.createElement(ContentSwitcher, { value: selectedTab, onValueChange: function (value) { return setSelectedTab(value); } },
                 React.createElement(ContentSwitcherList, { isInset: true }, tabs.map(function (_a, index) {
                     var label = _a.label, value = _a.value;
@@ -4179,22 +4179,67 @@ var BusinessSegmentSwitcher = function (_a) {
                 tabs.map(function (_a, index) {
                     var value = _a.value, content = _a.content, label = _a.label;
                     return (React.createElement(ContentSwitcherContent, { value: value, key: "".concat(index, "-").concat(value), hidden: value !== selectedTab },
-                        React.createElement("div", { className: styles.contentWrapper },
-                            React.createElement("div", { className: styles.desktopCarousel }, renderBusinessSegmentSwitcherCarousel({ content: content, label: label })),
+                        React.createElement("div", { className: styles$2.contentWrapper },
+                            React.createElement("div", { className: styles$2.desktopCarousel }, renderBusinessSegmentSwitcherCarousel({ content: content, label: label })),
                             renderCard(content.card1),
                             renderCard(content.card2),
-                            React.createElement("div", { className: styles.cardCol },
+                            React.createElement("div", { className: styles$2.cardCol },
                                 content.card3 && React.createElement(InformationCard, __assign({}, content.card3)),
                                 React.createElement("div", null,
                                     React.createElement(TypographyCard, { heading: "All ".concat(label.toLowerCase(), " solutions"), text: content.card4.text, label: content.card4.label, url: content.card4.url }))))));
                 }))),
-        React.createElement("div", { className: styles.businessSegmentSwitcherMobile },
+        React.createElement("div", { className: styles$2.businessSegmentSwitcherMobile },
             React.createElement(ContentSwitcherDropdown, { isInset: true, value: selectedTab, tabs: tabs, isFluid: true, onValueChange: function (value) { return setSelectedTab(value); } }, tabs.map(function (_a, index) {
                 var value = _a.value, content = _a.content, label = _a.label;
                 return (React.createElement(ContentSwitcherDropdownContent, { value: value, key: "".concat(index, "-").concat(value) },
-                    React.createElement("div", { className: styles.contentWrapper }, renderBusinessSegmentSwitcherCarousel({ content: content, label: label }))));
+                    React.createElement("div", { className: styles$2.contentWrapper }, renderBusinessSegmentSwitcherCarousel({ content: content, label: label }))));
             })))));
 };
 
-export { Accordion, ActionTile, ArticleCarousel, ArticleSidebar, Author, BannerWithTabs, BusinessSegmentSwitcher, ContentInfoWidget, CopyLead, DownloadList, FAQs, FeaturePost, Highlights, InlineLinkGroup, LinkTile, ProductNavigation, PromoListing, PromoListingThumbnailSignpost, Quote, SectionHeading, Statistics, Summary, ThumbnailSignpost, VideoHeroCard, VideoPortraitCard };
+var styles$1 = {"subgroupHeader":"PartnerLogoSubgroup-module_subgroupHeader__rXAai","logoGroup":"PartnerLogoSubgroup-module_logoGroup__RYsTN","logoWrapper":"PartnerLogoSubgroup-module_logoWrapper__tyxVI","logoImage":"PartnerLogoSubgroup-module_logoImage__h7DJd"};
+
+var PartnerLogoSubgroup = function (_a) {
+    var subheading = _a.subheading, text = _a.text, headingLevel = _a.headingLevel, logos = _a.logos, _b = _a.tileHeight, tileHeight = _b === void 0 ? 72 : _b;
+    var hasHeader = subheading || text;
+    var id = useId();
+    return (React.createElement(React.Fragment, null,
+        hasHeader && (React.createElement("div", { className: styles$1.subgroupHeader },
+            React.createElement(Columns, { isGutterless: true },
+                React.createElement(ColumnsCol, { spanL: 9, spanXL: 8 },
+                    subheading && (React.createElement(Heading, { level: headingLevel, size: "s", isResponsive: false }, subheading)),
+                    subheading && text && React.createElement(VerticalSpace, { size: "8" }),
+                    text && (React.createElement(Text, { size: "m", tone: "supporting" }, text)))))),
+        React.createElement("div", { className: styles$1.logoGroup }, logos.map(function (logo, j) { return (React.createElement("div", { key: "".concat(id, "-logo-").concat(j), className: styles$1.logoWrapper, style: { height: tileHeight } },
+            React.createElement("img", { src: logo.src, alt: logo.alt, className: styles$1.logoImage }))); }))));
+};
+
+var styles = {"subgroupList":"PartnerBrandLogos-module_subgroupList__4e1kv"};
+
+var getSubheadingLevel = function (parentLevel, subLevel) {
+    return subLevel !== null && subLevel !== void 0 ? subLevel : String(Math.min(Number(parentLevel) + 1, 6));
+};
+var PartnerBrandLogos = function (_a) {
+    var heading = _a.heading, headingProps = _a.headingProps, _b = _a.headingLevel, headingLevel = _b === void 0 ? "2" : _b, content = _a.content, id = _a.id, _c = _a.rulerTopPadding, rulerTopPadding = _c === void 0 ? { size: "32" } : _c, _d = _a.rulerBottomPadding, rulerBottomPadding = _d === void 0 ? { size: "32" } : _d, subgroups = _a.subgroups, props = __rest(_a, ["heading", "headingProps", "headingLevel", "content", "id", "rulerTopPadding", "rulerBottomPadding", "subgroups"]);
+    var componentId = useId();
+    var _e = headingProps !== null && headingProps !== void 0 ? headingProps : {}, _f = _e.size, headingSize = _f === void 0 ? "l" : _f, _g = _e.isResponsive, headingIsResponsive = _g === void 0 ? true : _g, restHeadingProps = __rest(_e, ["size", "isResponsive"]);
+    return (React.createElement("div", __assign({}, filterAttrs(props)),
+        React.createElement(Columns, { isGutterless: true },
+            React.createElement(ColumnsCol, { spanL: 9, spanXL: 8 },
+                React.createElement(Heading, __assign({ level: headingLevel, id: id, size: headingSize, isResponsive: headingIsResponsive }, restHeadingProps), heading),
+                content && (React.createElement(React.Fragment, null,
+                    React.createElement(VerticalSpace, { size: "16" }),
+                    content
+                        .split(/\\n|\n/)
+                        .filter(function (p) { return p.trim(); })
+                        .map(function (paragraph, i) { return (React.createElement(React.Fragment, { key: "content-".concat(componentId, "-").concat(i) },
+                        i > 0 && React.createElement(VerticalSpace, { size: "8" }),
+                        React.createElement(Text, { size: "m", elementType: "p" }, paragraph))); }))))),
+        React.createElement(VerticalSpace, __assign({}, rulerTopPadding)),
+        React.createElement(Rule, null),
+        React.createElement(VerticalSpace, __assign({}, rulerBottomPadding)),
+        React.createElement("ul", { className: styles.subgroupList }, subgroups.map(function (subgroup, i) { return (React.createElement("li", { key: "subgroup-".concat(componentId, "-").concat(i) },
+            React.createElement(PartnerLogoSubgroup, { subheading: subgroup.subheading, text: subgroup.text, headingLevel: getSubheadingLevel(headingLevel, subgroup.subheadingLevel), logos: subgroup.logos, tileHeight: subgroup.tileHeight }))); }))));
+};
+
+export { Accordion, ActionTile, ArticleCarousel, ArticleSidebar, Author, BannerWithTabs, BusinessSegmentSwitcher, ContentInfoWidget, CopyLead, DownloadList, FAQs, FeaturePost, Highlights, InlineLinkGroup, LinkTile, PartnerBrandLogos, ProductNavigation, PromoListing, PromoListingThumbnailSignpost, Quote, SectionHeading, Statistics, Summary, ThumbnailSignpost, VideoHeroCard, VideoPortraitCard };
 //# sourceMappingURL=index.mjs.map