@arc-ui/community-components 3.8.1 → 3.10.0

package/lib/index.d.cts

@@ -1,4 +1,5 @@
 import React$1, { ReactNode, FC } from 'react';
+import { NavigationHeaderActionProps } from '@arc-ui/components/NavigationHeader';
 import { HeadingLevel, HeadingProps } from '@arc-ui/components/Heading';
 import { ImageProps, ImageSourceProps } from '@arc-ui/components/Image';
 import { DisclosureProps } from '@arc-ui/components/Disclosure';
@@ -17,6 +18,49 @@ import { TagProps } from '@arc-ui/components/Tag';
 import { ReactPlayerProps } from 'react-player/types';
 import { VerticalSpaceProps } from '@arc-ui/components/VerticalSpace';
 
+declare const HeaderBarNotification: React$1.FC<HeaderBarNotificationProps>;
+interface HeaderBarNotificationProps {
+    /**
+     * Header Element to attach the notifcation too.
+     */
+    headerActionProps: NavigationHeaderActionProps;
+    /**
+     * Nofication ID used to store dismissal in users session
+     */
+    notificationId: string;
+    /**
+     * Always show on every reload, ignore saving dismissal to users session
+     */
+    isPersistant?: boolean;
+    /**
+     * Notification Icon
+     */
+    icon?: string;
+    /**
+     * Notification Image
+     */
+    image?: string;
+    /**
+     * Notification Heading
+     */
+    heading: string;
+    /**
+     * Notification tagline
+     */
+    tagline?: string;
+    /**
+     * Notification content
+     */
+    children?: React$1.ReactNode;
+    /**
+     * Data for the button, click events and text
+     */
+    button?: {
+        handleClick: () => void;
+        text: string;
+    };
+}
+
 interface AccordionHeadingProps {
     /**
      * heading for `AccordionHeading`.
@@ -203,7 +247,14 @@ interface CopyLeadProps {
 
 declare const DownloadList: React$1.FC<DownloadListProps>;
 interface DownloadListProps extends Omit<SectionHeadingProps, "isPadded"> {
+    /**
+     * Set the list of `Download` components.
+     */
     downloads: DownloadProps[];
+    /**
+     * Align the `Download` list below or to the right of the `SectionHeading`.
+     */
+    alignment?: "below" | "right";
 }
 
 declare const FAQs: React$1.FC<FAQsProps>;
@@ -605,7 +656,7 @@ interface ContentInfoWidgetProps {
 }
 
 declare const ActionTile: React$1.FC<ActionTileProps>;
-interface ActionTileProps extends React$1.HTMLAttributes<HTMLDivElement> {
+interface ActionTileProps {
     /**
      * Icon to display in default state
      */
@@ -625,7 +676,7 @@ interface ActionTileProps extends React$1.HTMLAttributes<HTMLDivElement> {
     /**
      * Click handler
      */
-    onClick?: () => void;
+    onClick?: React$1.MouseEventHandler<HTMLButtonElement>;
 }
 
 declare const LinkTile: React$1.FC<LinkTileProps>;
@@ -764,16 +815,19 @@ interface BentoMediaCard extends Omit<MediaCardProps, "isContained" | "buttonIco
  * Content structure for the bento grid layout within each tab.
  * - card1 & card2: Can be either information or media cards
  * - card3: Optional information card
- * - card4: Typography card with label and url
+ * - card4: Typography card with label, heading and url
  */
 type BentoGridContent = {
     card1: BentoInformationCard | BentoMediaCard;
     card2: BentoInformationCard | BentoMediaCard;
     card3?: BentoInformationCard;
     card4: {
-        url: string;
-        label?: string;
+        url: TypographyCardProps["url"];
+        label?: TypographyCardProps["label"];
+        /** Overrides the default heading if provided and is not falsey. */
+        heading?: string;
         text?: TypographyCardProps["text"];
+        onClick?: TypographyCardProps["onClick"];
     };
 };
 
@@ -865,5 +919,5 @@ interface PartnerBrandLogosProps {
     subgroups: PartnerLogosSubgroup[];
 }
 
-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 };
-export type { AccordionProps, ActionTileProps, ArticleCarouselProps, ArticleSidebarProps, AuthorProps, BannerWithTabsProps, BentoGridContent, BentoInformationCard, BentoMediaCard, BusinessSegmentSwitcherProps, ContentInfoWidgetProps, CopyLeadProps, DownloadListProps, FAQsProps, FeaturePostProps, HighlightsProps, InlineLinkGroupItem, InlineLinkGroupProps, LinkTileProps, ListProps, LogoTileItem, PartnerBrandLogosProps, PartnerLogosSubgroup, ProductNavigationProps, PromoListingProps, PromoListingThumbnailSignpostProps, QuoteProps, SectionHeadingProps, StatisticsProps, SummaryProps, ThumbnailSignpostProps, VideoHeroCardProps, VideoPortraitCardProps };
+export { Accordion, ActionTile, ArticleCarousel, ArticleSidebar, Author, BannerWithTabs, BusinessSegmentSwitcher, ContentInfoWidget, CopyLead, DownloadList, FAQs, FeaturePost, HeaderBarNotification, Highlights, InlineLinkGroup, LinkTile, PartnerBrandLogos, ProductNavigation, PromoListing, PromoListingThumbnailSignpost, Quote, SectionHeading, Statistics, Summary, ThumbnailSignpost, VideoHeroCard, VideoPortraitCard };
+export type { AccordionProps, ActionTileProps, ArticleCarouselProps, ArticleSidebarProps, AuthorProps, BannerWithTabsProps, BentoGridContent, BentoInformationCard, BentoMediaCard, BusinessSegmentSwitcherProps, ContentInfoWidgetProps, CopyLeadProps, DownloadListProps, FAQsProps, FeaturePostProps, HeaderBarNotificationProps, HighlightsProps, InlineLinkGroupItem, InlineLinkGroupProps, LinkTileProps, ListProps, LogoTileItem, PartnerBrandLogosProps, PartnerLogosSubgroup, ProductNavigationProps, PromoListingProps, PromoListingThumbnailSignpostProps, QuoteProps, SectionHeadingProps, StatisticsProps, SummaryProps, ThumbnailSignpostProps, VideoHeroCardProps, VideoPortraitCardProps };

package/lib/index.d.mts

@@ -1,4 +1,5 @@
 import React$1, { ReactNode, FC } from 'react';
+import { NavigationHeaderActionProps } from '@arc-ui/components/NavigationHeader';
 import { HeadingLevel, HeadingProps } from '@arc-ui/components/Heading';
 import { ImageProps, ImageSourceProps } from '@arc-ui/components/Image';
 import { DisclosureProps } from '@arc-ui/components/Disclosure';
@@ -17,6 +18,49 @@ import { TagProps } from '@arc-ui/components/Tag';
 import { ReactPlayerProps } from 'react-player/types';
 import { VerticalSpaceProps } from '@arc-ui/components/VerticalSpace';
 
+declare const HeaderBarNotification: React$1.FC<HeaderBarNotificationProps>;
+interface HeaderBarNotificationProps {
+    /**
+     * Header Element to attach the notifcation too.
+     */
+    headerActionProps: NavigationHeaderActionProps;
+    /**
+     * Nofication ID used to store dismissal in users session
+     */
+    notificationId: string;
+    /**
+     * Always show on every reload, ignore saving dismissal to users session
+     */
+    isPersistant?: boolean;
+    /**
+     * Notification Icon
+     */
+    icon?: string;
+    /**
+     * Notification Image
+     */
+    image?: string;
+    /**
+     * Notification Heading
+     */
+    heading: string;
+    /**
+     * Notification tagline
+     */
+    tagline?: string;
+    /**
+     * Notification content
+     */
+    children?: React$1.ReactNode;
+    /**
+     * Data for the button, click events and text
+     */
+    button?: {
+        handleClick: () => void;
+        text: string;
+    };
+}
+
 interface AccordionHeadingProps {
     /**
      * heading for `AccordionHeading`.
@@ -203,7 +247,14 @@ interface CopyLeadProps {
 
 declare const DownloadList: React$1.FC<DownloadListProps>;
 interface DownloadListProps extends Omit<SectionHeadingProps, "isPadded"> {
+    /**
+     * Set the list of `Download` components.
+     */
     downloads: DownloadProps[];
+    /**
+     * Align the `Download` list below or to the right of the `SectionHeading`.
+     */
+    alignment?: "below" | "right";
 }
 
 declare const FAQs: React$1.FC<FAQsProps>;
@@ -605,7 +656,7 @@ interface ContentInfoWidgetProps {
 }
 
 declare const ActionTile: React$1.FC<ActionTileProps>;
-interface ActionTileProps extends React$1.HTMLAttributes<HTMLDivElement> {
+interface ActionTileProps {
     /**
      * Icon to display in default state
      */
@@ -625,7 +676,7 @@ interface ActionTileProps extends React$1.HTMLAttributes<HTMLDivElement> {
     /**
      * Click handler
      */
-    onClick?: () => void;
+    onClick?: React$1.MouseEventHandler<HTMLButtonElement>;
 }
 
 declare const LinkTile: React$1.FC<LinkTileProps>;
@@ -764,16 +815,19 @@ interface BentoMediaCard extends Omit<MediaCardProps, "isContained" | "buttonIco
  * Content structure for the bento grid layout within each tab.
  * - card1 & card2: Can be either information or media cards
  * - card3: Optional information card
- * - card4: Typography card with label and url
+ * - card4: Typography card with label, heading and url
  */
 type BentoGridContent = {
     card1: BentoInformationCard | BentoMediaCard;
     card2: BentoInformationCard | BentoMediaCard;
     card3?: BentoInformationCard;
     card4: {
-        url: string;
-        label?: string;
+        url: TypographyCardProps["url"];
+        label?: TypographyCardProps["label"];
+        /** Overrides the default heading if provided and is not falsey. */
+        heading?: string;
         text?: TypographyCardProps["text"];
+        onClick?: TypographyCardProps["onClick"];
     };
 };
 
@@ -865,5 +919,5 @@ interface PartnerBrandLogosProps {
     subgroups: PartnerLogosSubgroup[];
 }
 
-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 };
-export type { AccordionProps, ActionTileProps, ArticleCarouselProps, ArticleSidebarProps, AuthorProps, BannerWithTabsProps, BentoGridContent, BentoInformationCard, BentoMediaCard, BusinessSegmentSwitcherProps, ContentInfoWidgetProps, CopyLeadProps, DownloadListProps, FAQsProps, FeaturePostProps, HighlightsProps, InlineLinkGroupItem, InlineLinkGroupProps, LinkTileProps, ListProps, LogoTileItem, PartnerBrandLogosProps, PartnerLogosSubgroup, ProductNavigationProps, PromoListingProps, PromoListingThumbnailSignpostProps, QuoteProps, SectionHeadingProps, StatisticsProps, SummaryProps, ThumbnailSignpostProps, VideoHeroCardProps, VideoPortraitCardProps };
+export { Accordion, ActionTile, ArticleCarousel, ArticleSidebar, Author, BannerWithTabs, BusinessSegmentSwitcher, ContentInfoWidget, CopyLead, DownloadList, FAQs, FeaturePost, HeaderBarNotification, Highlights, InlineLinkGroup, LinkTile, PartnerBrandLogos, ProductNavigation, PromoListing, PromoListingThumbnailSignpost, Quote, SectionHeading, Statistics, Summary, ThumbnailSignpost, VideoHeroCard, VideoPortraitCard };
+export type { AccordionProps, ActionTileProps, ArticleCarouselProps, ArticleSidebarProps, AuthorProps, BannerWithTabsProps, BentoGridContent, BentoInformationCard, BentoMediaCard, BusinessSegmentSwitcherProps, ContentInfoWidgetProps, CopyLeadProps, DownloadListProps, FAQsProps, FeaturePostProps, HeaderBarNotificationProps, HighlightsProps, InlineLinkGroupItem, InlineLinkGroupProps, LinkTileProps, ListProps, LogoTileItem, PartnerBrandLogosProps, PartnerLogosSubgroup, ProductNavigationProps, PromoListingProps, PromoListingThumbnailSignpostProps, QuoteProps, SectionHeadingProps, StatisticsProps, SummaryProps, ThumbnailSignpostProps, VideoHeroCardProps, VideoPortraitCardProps };

package/lib/index.mjs

@@ -1,17 +1,20 @@
-import React, { useId, useState, useEffect, Suspense, useRef, useContext } from 'react';
+import React, { useState, useEffect, useId, Suspense, useRef, useContext } from 'react';
+import { NavigationHeaderAction } from '@arc-ui/components/NavigationHeader';
+import { Popover } from '@arc-ui/components/Popover';
+import { Icon } from '@arc-ui/components/Icon';
+import { Image as Image$2 } from '@arc-ui/components/Image';
 import { Heading } from '@arc-ui/components/Heading';
 import { Text } from '@arc-ui/components/Text';
+import { Tooltip } from '@arc-ui/components/Tooltip';
+import { ButtonV2 } from '@arc-ui/components/ButtonV2';
 import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
-import { Image as Image$2 } from '@arc-ui/components/Image';
 import { Disclosure } from '@arc-ui/components/Disclosure';
 import { Carousel } from '@arc-ui/components/Carousel';
+import { Columns, ColumnsCol } from '@arc-ui/components/Columns';
 import { MediaCard } from '@arc-ui/components/MediaCard';
 import { useMediaQuery } from '@arc-ui/components/use-media-query';
 import { Grid, GridRow, GridCol } from '@arc-ui/components/Grid';
 import { Avatar } from '@arc-ui/components/Avatar';
-import { Columns, ColumnsCol } from '@arc-ui/components/Columns';
-import { Icon } from '@arc-ui/components/Icon';
-import { ButtonV2 } from '@arc-ui/components/ButtonV2';
 import { Download } from '@arc-ui/components/Download';
 import { Link } from '@arc-ui/components/Link';
 import { Tabs, TabsList, TabsItem, TabsContent } from '@arc-ui/components/Tabs';
@@ -151,6 +154,48 @@ var filterAttrs = function (props) {
     return filteredProps;
 };
 
+/**
+ * Do not edit directly
+ * Generated file
+ */
+
+const BtIconCrossAlt =
+  "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='currentColor' d='m16.707 16.02 4.482-4.494a.5.5 0 1 0-.707-.706l-4.48 4.493-4.482-4.493a.5.5 0 1 0-.707.706l4.483 4.494-4.483 4.494a.5.5 0 1 0 .707.706l4.481-4.493 4.481 4.493a.5.5 0 1 0 .707-.706Z'/%3e%3c/svg%3e";
+
+var styles$v = {"container":"HeaderBarNotification-module_container__18nau","content":"HeaderBarNotification-module_content__SUo-l","image":"HeaderBarNotification-module_image__uV-nD","details":"HeaderBarNotification-module_details__S5Rrx","closeButtonContainer":"HeaderBarNotification-module_closeButtonContainer__b1UDI"};
+
+var HeaderBarNotification = function (_a) {
+    var headerActionProps = _a.headerActionProps, notificationId = _a.notificationId, _b = _a.isPersistant, isPersistant = _b === void 0 ? false : _b, icon = _a.icon, image = _a.image, heading = _a.heading, tagline = _a.tagline, children = _a.children, button = _a.button, props = __rest(_a, ["headerActionProps", "notificationId", "isPersistant", "icon", "image", "heading", "tagline", "children", "button"]);
+    var _c = useState(isPersistant), showNotification = _c[0], setShowNotification = _c[1];
+    var localStorageId = "hide".concat(notificationId.replace(/[^a-zA-Z0-9\-_]/g, ""));
+    // Check to see if the notication has been hidden or not and show it if so
+    useEffect(function () {
+        if (typeof window !== "undefined" && !isPersistant) {
+            setShowNotification(!localStorage.getItem(localStorageId));
+        }
+    }, []);
+    // Handle the closure of the notification, store it in the session so we don't keep showing it.
+    var handleClosePopup = function () {
+        if (!isPersistant)
+            localStorage.setItem(localStorageId, "true");
+        setShowNotification(false);
+    };
+    return (React.createElement(Popover, __assign({ open: showNotification, side: "bottom", sideOffset: 12, maxWidth: 900, arrow: true, content: React.createElement("div", { className: styles$v.container },
+            React.createElement("div", { className: styles$v.content },
+                (image || icon) && (React.createElement("div", { className: styles$v.image },
+                    image && (React.createElement(Image$2, { src: image, alt: heading, fit: "cover", width: 55 })),
+                    icon && React.createElement(Icon, { icon: icon, size: 35 }))),
+                React.createElement("div", { className: styles$v.details },
+                    tagline && (React.createElement(Text, { size: "m", tone: "muted" }, tagline)),
+                    React.createElement(Heading, { size: "s", level: "3" }, heading),
+                    children)),
+            button && (React.createElement(ButtonV2, { onClick: button.handleClick, label: button.text, buttonStyle: "secondary", isFullWidth: true })),
+            React.createElement("div", { className: styles$v.closeButtonContainer },
+                React.createElement(Tooltip, { side: "bottom", title: "Dismiss Notification", asChild: true },
+                    React.createElement(ButtonV2, { "data-testid": localStorageId, buttonStyle: "tertiary", "aria-label": "Close ".concat(notificationId, " popup"), onClick: handleClosePopup, icon: BtIconCrossAlt })))) }, filterAttrs(props)),
+        React.createElement(NavigationHeaderAction, __assign({ isAttention: true }, headerActionProps))));
+};
+
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 function getDefaultExportFromCjs (x) {
@@ -940,28 +985,30 @@ function requireDebounce () {
 var debounceExports = requireDebounce();
 var debounce = /*@__PURE__*/getDefaultExportFromCjs(debounceExports);
 
-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 styles$r = {"sectionHeading--hasImage":"SectionHeading-module_sectionHeading--hasImage__qaz6n","sectionHeading--isCentered":"SectionHeading-module_sectionHeading--isCentered__i0fR8","sectionHeading-content":"SectionHeading-module_sectionHeading-content__ufB6w"};
 
 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$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$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)),
-        content && (React.createElement(React.Fragment, null,
-            React.createElement(VerticalSpace, { size: "24" }),
-            React.createElement(Text, { size: "l", elementType: "p" }, content)))));
+    return (React.createElement(Columns, null,
+        React.createElement(ColumnsCol, { spanM: isPadded ? 9 : 12 },
+            React.createElement("div", __assign({ className: classNames((_b = {},
+                    _b[styles$r["sectionHeading--isCentered"]] = isCentered,
+                    _b)) }, filterAttrs(props)),
+                React.createElement("div", { className: classNames((_c = {},
+                        _c[styles$r["sectionHeading--hasImage"]] = image,
+                        _c)) },
+                    image && React.createElement(Image$2, __assign({}, image, { width: 68, fit: "cover" })),
+                    React.createElement(Heading, { level: headingLevel, id: id, size: "xl", isWordWrap: isHeadingWordWrap }, heading)),
+                content && (React.createElement("div", { className: styles$r["sectionHeading-content"] },
+                    React.createElement(VerticalSpace, { size: "24" }),
+                    React.createElement(Text, { size: "l", elementType: "p" }, content))),
+                React.createElement(VerticalSpace, { size: "40" })))));
 };
 
 /**
  * Do not edit directly
- * Generated on Wed, 13 May 2026 07:47:26 GMT
+ * Generated on Thu, 21 May 2026 15:46:02 GMT
  */
 var ArcSizeBreakpointsXs = "320px";
 var ArcSizeBreakpointsS = "636px";
@@ -1174,17 +1221,19 @@ var CopyLead = function (_a) {
     return null;
 };
 
-var styles$n = {"headingContainer":"DownloadList-module_headingContainer__PNio8"};
+var styles$n = {"downloadList-below":"DownloadList-module_downloadList-below__21q6i","downloadList-right":"DownloadList-module_downloadList-right__mHYHL"};
 
 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"]);
+    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, _c = _a.alignment, alignment = _c === void 0 ? "below" : _c, props = __rest(_a, ["heading", "id", "headingLevel", "isHeadingWordWrap", "content", "downloads", "alignment"]);
     return (React.createElement("div", __assign({}, filterAttrs(props)),
-        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) },
-            React.createElement(Download, __assign({}, downloadProps)),
-            i !== downloads.length - 1 && React.createElement(VerticalSpace, { size: "16" }))); })));
+        React.createElement(Columns, null,
+            React.createElement(ColumnsCol, { spanL: alignment === "right" ? 6 : 9, spanM: 9, span: 12 },
+                " ",
+                React.createElement(SectionHeading, { id: id, heading: heading, isHeadingWordWrap: isHeadingWordWrap, headingLevel: headingLevel, content: content })),
+            React.createElement(ColumnsCol, { spanL: alignment === "right" ? 6 : 8, spanM: 9, spanS: 12 },
+                React.createElement("div", { className: styles$n["downloadList-".concat(alignment)] }, downloads.map(function (downloadProps, i) { return (React.createElement(React.Fragment, { key: "download-".concat(i, "-").concat(downloadProps.name) },
+                    React.createElement(Download, __assign({}, downloadProps)),
+                    i !== downloads.length - 1 && React.createElement(VerticalSpace, { size: "16" }))); }))))));
 };
 
 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"};
@@ -3555,7 +3604,7 @@ var Highlights = function (_a) {
                     : undefined, iconPosition: (_d = cta.iconPosition) !== null && _d !== void 0 ? _d : "beforeText" })))));
 };
 
-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"};
+var styles$j = {"PromoListing":"PromoListing-module_PromoListing__6ensv","CarouselWrapper":"PromoListing-module_CarouselWrapper__iYwWp","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
@@ -3681,7 +3730,7 @@ 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$j.promolistingCarouselWrapper },
+        isCarousel && !isMinWidthArcBreakpointL ? (React.createElement("div", { className: styles$j.CarouselWrapper },
             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)))); })))));
 };
@@ -3936,23 +3985,23 @@ var ProductNavigation = function (_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" }))));
         })),
-        React.createElement(VerticalSpace, { size: "40" }),
-        React.createElement("div", { style: { display: "flex" } },
-            !hideButton && !hideLessButton && (React.createElement(ButtonV2, { label: displayList.length < productList.length
-                    ? "Show more"
-                    : "Show less", buttonStyle: "secondary", onClick: clickController, isFullWidth: isMinWidthArcBreakpointS ? false : true, isLoading: isLoading })),
-            hideButton ||
-                (displaySkipButton && displayList.length > cardsToDisplay && (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 },
-                    React.createElement("p", null,
-                        "Total products listed ",
-                        displayList.length,
-                        ". Total products hidden",
-                        " ",
-                        productList.length - displayList.length,
-                        "."))))));
+        !hideButton &&
+            !(defaultExpanded && displayList.length === productList.length) && (React.createElement(React.Fragment, null,
+            React.createElement(VerticalSpace, { size: "40" }),
+            React.createElement("div", { style: { display: "flex" } },
+                !hideLessButton && (React.createElement(ButtonV2, { label: displayList.length < productList.length
+                        ? "Show more"
+                        : "Show less", buttonStyle: "secondary", onClick: clickController, isFullWidth: isMinWidthArcBreakpointS ? false : true, isLoading: isLoading })),
+                displaySkipButton && displayList.length > cardsToDisplay && (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 },
+                        React.createElement("p", null,
+                            "Total products listed ",
+                            displayList.length,
+                            ". Total products hidden ",
+                            productList.length - displayList.length,
+                            "."))))))));
 };
 
 var styles$c = {"container":"ContentInfoWidget-module_container__yaS-8","text":"ContentInfoWidget-module_text__O1BdZ","icon":"ContentInfoWidget-module_icon__LEww1"};
@@ -3966,23 +4015,24 @@ var ContentInfoWidget = function (_a) {
             React.createElement(Text, { size: "xs", tone: "muted" }, text))));
 };
 
-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 styles$b = {"action-tile":"ActionTile-module_action-tile__JPwGb","action-tile-content":"ActionTile-module_action-tile-content__ZkgHc","action-tile-content--without-icon":"ActionTile-module_action-tile-content--without-icon__7F5xj","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$b["action-tile"], (_b = {},
-        _b[styles$b["action-tile--active"]] = isActive,
-        _b), className);
+    var _b, _c;
+    var icon = _a.icon, activeIcon = _a.activeIcon, heading = _a.heading, _d = _a.isActive, isActive = _d === void 0 ? false : _d, onClick = _a.onClick, props = __rest(_a, ["icon", "activeIcon", "heading", "isActive", "onClick"]);
     var displayIcon = isActive && activeIcon ? activeIcon : icon;
     var content = (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: styles$b["action-tile-content"] },
+        React.createElement("div", { className: classNames(styles$b["action-tile-content"], (_b = {},
+                _b[styles$b["action-tile-content--without-icon"]] = !displayIcon,
+                _b)) },
             displayIcon && (React.createElement("div", { className: styles$b["action-tile-icon"] },
                 React.createElement(Icon, { icon: displayIcon, size: 48 }))),
             React.createElement("span", { 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("button", __assign({ type: "button", className: tileClasses, onClick: onClick, "aria-pressed": isActive }, filterAttrs(props)), content));
+    return (React.createElement("button", __assign({ type: "button", className: classNames(styles$b["action-tile"], (_c = {},
+            _c[styles$b["action-tile--active"]] = isActive,
+            _c)), onClick: onClick, "aria-pressed": isActive }, filterAttrs(props)), content));
 };
 
 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"};
@@ -4191,7 +4241,8 @@ var BusinessSegmentSwitcher = function (_a) {
                             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(TypographyCard, { heading: content.card4.heading ||
+                                            "All ".concat(label.toLowerCase(), " solutions"), text: content.card4.text, label: content.card4.label, url: content.card4.url, onClick: content.card4.onClick }))))));
                 }))),
         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) {
@@ -4246,5 +4297,5 @@ var PartnerBrandLogos = function (_a) {
             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 };
+export { Accordion, ActionTile, ArticleCarousel, ArticleSidebar, Author, BannerWithTabs, BusinessSegmentSwitcher, ContentInfoWidget, CopyLead, DownloadList, FAQs, FeaturePost, HeaderBarNotification, Highlights, InlineLinkGroup, LinkTile, PartnerBrandLogos, ProductNavigation, PromoListing, PromoListingThumbnailSignpost, Quote, SectionHeading, Statistics, Summary, ThumbnailSignpost, VideoHeroCard, VideoPortraitCard };
 //# sourceMappingURL=index.mjs.map