@arc-ui/community-components 3.7.1 → 3.8.1

package/.turbo/turbo-build.log

@@ -1,45 +1,46 @@
 
-> @arc-ui/community-components@3.7.1 build /builds/enterprise/frontend/arc-community/packages/components
+> @arc-ui/community-components@3.8.1 build /builds/enterprise/frontend/arc-community/packages/components
 > rimraf lib dist && rollup -c && generate-subpath-css && pnpm run build:clean
 
-Browserslist: browsers data (caniuse-lite) is 8 months old. Please run:
+Browserslist: browsers data (caniuse-lite) is 9 months old. Please run:
   npx update-browserslist-db@latest
   Why you should do it regularly: https://github.com/browserslist/update-db#readme
 
 src/index.ts → lib/index.cjs, lib/index.mjs...
-created lib/index.cjs, lib/index.mjs in 7.6s
+created lib/index.cjs, lib/index.mjs in 5.6s
 
 ./lib/types/index.d.ts → lib/index.d.mts, lib/index.d.cts...
 (!) Unresolved dependencies
 https://rollupjs.org/troubleshooting/#warning-treating-module-as-external-dependency
-@arc-ui/components/Avatar (imported by "lib/types/components/Author/Author.d.ts")
-@arc-ui/components/MediaCard (imported by "lib/types/components/ArticleCarousel/ArticleCarousel.d.ts", "lib/types/components/PromoListing/PromoListing.d.ts" and "lib/types/components/BusinessSegmentSwitcher/types/types.d.ts")
-@arc-ui/components/Download (imported by "lib/types/components/DownloadList/DownloadList.d.ts")
-@arc-ui/components/Heading (imported by "lib/types/components/CopyLead/CopyLead.d.ts", "lib/types/components/FeaturePost/FeaturePost.d.ts", "lib/types/components/PromoListing/PromoListing.d.ts", "lib/types/components/Summary/Summary.d.ts", "lib/types/components/BannerWithTabs/BannerWithTabs.d.ts", "lib/types/components/SectionHeading/SectionHeading.d.ts", "lib/types/components/Accordion/components/AccordionHeading/AccordionHeading.d.ts", "lib/types/components/ArticleSidebar/types/text-section.d.ts", "lib/types/components/ArticleSidebar/types/share.d.ts", "lib/types/components/ArticleSidebar/types/link-section.d.ts" and "lib/types/components/ArticleSidebar/types/topic.d.ts")
+@arc-ui/components/Heading (imported by "lib/types/components/CopyLead/CopyLead.d.ts", "lib/types/components/FeaturePost/FeaturePost.d.ts", "lib/types/components/PromoListing/PromoListing.d.ts", "lib/types/components/Summary/Summary.d.ts", "lib/types/components/BannerWithTabs/BannerWithTabs.d.ts", "lib/types/components/SectionHeading/SectionHeading.d.ts", "lib/types/components/PartnerBrandLogos/PartnerBrandLogos.d.ts", "lib/types/components/Accordion/components/AccordionHeading/AccordionHeading.d.ts", "lib/types/components/ArticleSidebar/types/text-section.d.ts", "lib/types/components/ArticleSidebar/types/link-section.d.ts", "lib/types/components/ArticleSidebar/types/topic.d.ts", "lib/types/components/ArticleSidebar/types/share.d.ts" and "lib/types/components/PartnerBrandLogos/components/PartnerLogoSubgroup/PartnerLogoSubgroup.d.ts")
 @arc-ui/components/VideoPlayer (imported by "lib/types/components/CopyLead/CopyLead.d.ts" and "lib/types/components/FeaturePost/FeaturePost.d.ts")
-@arc-ui/components/ButtonV2 (imported by "lib/types/components/Highlights/Highlights.d.ts" and "lib/types/components/PromoListing/PromoListing.d.ts")
+@arc-ui/components/MediaCard (imported by "lib/types/components/ArticleCarousel/ArticleCarousel.d.ts", "lib/types/components/PromoListing/PromoListing.d.ts" and "lib/types/components/BusinessSegmentSwitcher/types/types.d.ts")
+@arc-ui/components/Avatar (imported by "lib/types/components/Author/Author.d.ts")
 @arc-ui/components/ImpactCard (imported by "lib/types/components/PromoListing/PromoListing.d.ts")
 @arc-ui/components/InformationCard (imported by "lib/types/components/PromoListing/PromoListing.d.ts", "lib/types/components/BusinessSegmentSwitcher/types/types.d.ts" and "lib/types/components/ProductNavigation/types/product-list.d.ts")
 @arc-ui/components/TypographyCard (imported by "lib/types/components/PromoListing/PromoListing.d.ts" and "lib/types/components/BusinessSegmentSwitcher/types/types.d.ts")
+@arc-ui/components/ButtonV2 (imported by "lib/types/components/PromoListing/PromoListing.d.ts" and "lib/types/components/Highlights/Highlights.d.ts")
+@arc-ui/components/Download (imported by "lib/types/components/DownloadList/DownloadList.d.ts")
 @arc-ui/components/TemplateBanner (imported by "lib/types/components/BannerWithTabs/BannerWithTabs.d.ts")
-@arc-ui/components/Image (imported by "lib/types/components/SectionHeading/SectionHeading.d.ts", "lib/types/components/ThumbnailSignpost/ThumbnailSignpost.d.ts", "lib/types/components/Accordion/components/AccordionHeading/AccordionHeading.d.ts", "lib/types/components/CopyLead/types/copy-lead-image.d.ts" and "lib/types/components/FeaturePost/types/feature-post-image.d.ts")
+@arc-ui/components/Image (imported by "lib/types/components/SectionHeading/SectionHeading.d.ts", "lib/types/components/ThumbnailSignpost/ThumbnailSignpost.d.ts", "lib/types/components/Accordion/components/AccordionHeading/AccordionHeading.d.ts", "lib/types/components/FeaturePost/types/feature-post-image.d.ts" and "lib/types/components/CopyLead/types/copy-lead-image.d.ts")
+@arc-ui/components/VerticalSpace (imported by "lib/types/components/PartnerBrandLogos/PartnerBrandLogos.d.ts")
 @arc-ui/components/Disclosure (imported by "lib/types/components/Accordion/components/AccordionDisclosureList/AccordionDisclosureList.d.ts")
 @arc-ui/components/Tag (imported by "lib/types/components/ArticleSidebar/types/topic.d.ts")
-@arc-ui/components/Button (imported by "lib/types/components/CopyLead/types/copy-lead-button.d.ts" and "lib/types/components/FeaturePost/types/feature-post-cta-footer.d.ts")
 @arc-ui/components/AppButton (imported by "lib/types/components/FeaturePost/types/feature-post-app-button-footer.d.ts")
+@arc-ui/components/Button (imported by "lib/types/components/FeaturePost/types/feature-post-cta-footer.d.ts" and "lib/types/components/CopyLead/types/copy-lead-button.d.ts")
 react-player/types (imported by "lib/types/internal/VideoCardPlayer/VideoCardPlayer.d.ts" and "lib/types/internal/VideoCardPlayer/types/player-props.d.ts")
 @arc-ui/components/Visible (imported by "lib/types/internal/VideoCardPlayer/components/VideoCardThumbnail/VideoCardThumbnail.d.ts")
-created lib/index.d.mts, lib/index.d.cts in 193ms
+created lib/index.d.mts, lib/index.d.cts in 167ms
 
-./src/components/Accordion/index.ts, ./src/components/ActionTile/index.ts, ./src/components/ArticleCarousel/index.ts, ./src/components/ArticleSidebar/index.ts, ./src/components/Author/index.ts, ./src/components/BannerWithTabs/index.ts, ./src/components/BusinessSegmentSwitcher/index.ts, ./src/components/ContentInfoWidget/index.ts, ./src/components/CopyLead/index.ts, ./src/components/DownloadList/index.ts, ./src/components/FAQs/index.ts, ./src/components/FeaturePost/index.ts, ./src/components/Highlights/index.ts, ./src/components/InlineLinkGroup/index.ts, ./src/components/LinkTile/index.ts, ./src/components/ProductNavigation/index.ts, ./src/components/PromoListing/index.ts, ./src/components/PromoListingThumbnailSignpost/index.ts, ./src/components/Quote/index.ts, ./src/components/SectionHeading/index.ts, ./src/components/Statistics/index.ts, ./src/components/Summary/index.ts, ./src/components/ThumbnailSignpost/index.ts, ./src/components/VideoHeroCard/index.ts, ./src/components/VideoPortraitCard/index.ts → lib...
-created lib in 10.1s
+./src/components/Accordion/index.ts, ./src/components/ActionTile/index.ts, ./src/components/ArticleCarousel/index.ts, ./src/components/ArticleSidebar/index.ts, ./src/components/Author/index.ts, ./src/components/BannerWithTabs/index.ts, ./src/components/BusinessSegmentSwitcher/index.ts, ./src/components/ContentInfoWidget/index.ts, ./src/components/CopyLead/index.ts, ./src/components/DownloadList/index.ts, ./src/components/FAQs/index.ts, ./src/components/FeaturePost/index.ts, ./src/components/Highlights/index.ts, ./src/components/InlineLinkGroup/index.ts, ./src/components/LinkTile/index.ts, ./src/components/PartnerBrandLogos/index.ts, ./src/components/ProductNavigation/index.ts, ./src/components/PromoListing/index.ts, ./src/components/PromoListingThumbnailSignpost/index.ts, ./src/components/Quote/index.ts, ./src/components/SectionHeading/index.ts, ./src/components/Statistics/index.ts, ./src/components/Summary/index.ts, ./src/components/ThumbnailSignpost/index.ts, ./src/components/VideoHeroCard/index.ts, ./src/components/VideoPortraitCard/index.ts → lib...
+created lib in 7.3s
 
-./src/components/Accordion/index.ts, ./src/components/ActionTile/index.ts, ./src/components/ArticleCarousel/index.ts, ./src/components/ArticleSidebar/index.ts, ./src/components/Author/index.ts, ./src/components/BannerWithTabs/index.ts, ./src/components/BusinessSegmentSwitcher/index.ts, ./src/components/ContentInfoWidget/index.ts, ./src/components/CopyLead/index.ts, ./src/components/DownloadList/index.ts, ./src/components/FAQs/index.ts, ./src/components/FeaturePost/index.ts, ./src/components/Highlights/index.ts, ./src/components/InlineLinkGroup/index.ts, ./src/components/LinkTile/index.ts, ./src/components/ProductNavigation/index.ts, ./src/components/PromoListing/index.ts, ./src/components/PromoListingThumbnailSignpost/index.ts, ./src/components/Quote/index.ts, ./src/components/SectionHeading/index.ts, ./src/components/Statistics/index.ts, ./src/components/Summary/index.ts, ./src/components/ThumbnailSignpost/index.ts, ./src/components/VideoHeroCard/index.ts, ./src/components/VideoPortraitCard/index.ts → lib...
-created lib in 9s
-Browserslist: browsers data (caniuse-lite) is 8 months old. Please run:
+./src/components/Accordion/index.ts, ./src/components/ActionTile/index.ts, ./src/components/ArticleCarousel/index.ts, ./src/components/ArticleSidebar/index.ts, ./src/components/Author/index.ts, ./src/components/BannerWithTabs/index.ts, ./src/components/BusinessSegmentSwitcher/index.ts, ./src/components/ContentInfoWidget/index.ts, ./src/components/CopyLead/index.ts, ./src/components/DownloadList/index.ts, ./src/components/FAQs/index.ts, ./src/components/FeaturePost/index.ts, ./src/components/Highlights/index.ts, ./src/components/InlineLinkGroup/index.ts, ./src/components/LinkTile/index.ts, ./src/components/PartnerBrandLogos/index.ts, ./src/components/ProductNavigation/index.ts, ./src/components/PromoListing/index.ts, ./src/components/PromoListingThumbnailSignpost/index.ts, ./src/components/Quote/index.ts, ./src/components/SectionHeading/index.ts, ./src/components/Statistics/index.ts, ./src/components/Summary/index.ts, ./src/components/ThumbnailSignpost/index.ts, ./src/components/VideoHeroCard/index.ts, ./src/components/VideoPortraitCard/index.ts → lib...
+created lib in 6.4s
+Browserslist: browsers data (caniuse-lite) is 9 months old. Please run:
   npx update-browserslist-db@latest
   Why you should do it regularly: https://github.com/browserslist/update-db#readme
 
-> @arc-ui/community-components@3.7.1 build:clean /builds/enterprise/frontend/arc-community/packages/components
+> @arc-ui/community-components@3.8.1 build:clean /builds/enterprise/frontend/arc-community/packages/components
 > rimraf ./lib/types ./lib/styles.js ./lib/index.js ./lib/index.js.map
 

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @arc-ui/community-components
 
+## 3.8.1
+
+### Patch Changes
+
+- b85f7b6: Hide a11y "move to first new button" button when hideButton is true also hide before first "show more" click
+- e1f83bf: added outline color in darkpathway
+- 55b4c25: fixed accessibility issue
+- 9e5d967: Fix spacing in ThumbnailSignpost
+- e1f83bf: fix: improve ThumbnailSignpost button visibility on dark surfaces
+- a583147: chore: updated arc version
+
+## 3.8.0
+
+### Minor Changes
+
+- 9f20f3f: Partner Logo Section component created to list out partners
+
 ## 3.7.1
 
 ### Patch Changes

package/lib/ActionTile/ActionTile.cjs

@@ -27,10 +27,10 @@ var ActionTile = function (_a) {
         React.createElement("div", { className: styles["action-tile-content"] },
             displayIcon && (React.createElement("div", { className: styles["action-tile-icon"] },
                 React.createElement(Icon.Icon, { icon: displayIcon, size: 48 }))),
-            React.createElement("h3", { className: styles["action-tile-heading"] }, heading)),
+            React.createElement("span", { className: styles["action-tile-heading"] }, heading)),
         isActive && (React.createElement("div", { className: styles["action-tile-tick"] },
             React.createElement(Icon.Icon, { icon: BtIconTickAlt2Px, size: 28 })))));
-    return (React.createElement("div", tslib_es6.__assign({ className: tileClasses, onClick: onClick }, filterAttrs.filterAttrs(props)), content));
+    return (React.createElement("button", tslib_es6.__assign({ type: "button", className: tileClasses, onClick: onClick, "aria-pressed": isActive }, filterAttrs.filterAttrs(props)), content));
 };
 
 exports.ActionTile = ActionTile;

package/lib/ActionTile/ActionTile.mjs

@@ -25,10 +25,10 @@ var ActionTile = function (_a) {
         React__default.createElement("div", { className: styles["action-tile-content"] },
             displayIcon && (React__default.createElement("div", { className: styles["action-tile-icon"] },
                 React__default.createElement(Icon, { icon: displayIcon, size: 48 }))),
-            React__default.createElement("h3", { className: styles["action-tile-heading"] }, heading)),
+            React__default.createElement("span", { className: styles["action-tile-heading"] }, heading)),
         isActive && (React__default.createElement("div", { className: styles["action-tile-tick"] },
             React__default.createElement(Icon, { icon: BtIconTickAlt2Px, size: 28 })))));
-    return (React__default.createElement("div", __assign({ className: tileClasses, onClick: onClick }, filterAttrs(props)), content));
+    return (React__default.createElement("button", __assign({ type: "button", className: tileClasses, onClick: onClick, "aria-pressed": isActive }, filterAttrs(props)), content));
 };
 
 export { ActionTile };

package/lib/ArticleCarousel/ArticleCarousel.cjs

@@ -6,7 +6,7 @@ var index = require('../_shared/cjs/index-B7Z7sgRq.cjs');
 var Carousel = require('@arc-ui/components/Carousel');
 var SectionHeading = require('../_shared/cjs/SectionHeading-DtYzFetD.cjs');
 var filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
-var index_es = require('../_shared/cjs/index.es-Dg_lyAyh.cjs');
+var index_es = require('../_shared/cjs/index.es-B6sSN_JJ.cjs');
 var MediaCard = require('@arc-ui/components/MediaCard');
 var useMediaQuery = require('@arc-ui/components/use-media-query');
 require('@arc-ui/components/Text');

package/lib/ArticleCarousel/ArticleCarousel.mjs

@@ -4,7 +4,7 @@ import { a as commonjsGlobal, g as getDefaultExportFromCjs, c as classNames } fr
 import { Carousel } from '@arc-ui/components/Carousel';
 import { S as SectionHeading } from '../_shared/esm/SectionHeading-RLfs7ete.mjs';
 import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
-import { d as ArcSizeBreakpointsXs, A as ArcSizeBreakpointsS, b as ArcSizeBreakpointsM, a as ArcSizeBreakpointsL, c as ArcSizeBreakpointsXl, e as ArcSizeBreakpointsXxl } from '../_shared/esm/index.es-DtCgfyRV.mjs';
+import { d as ArcSizeBreakpointsXs, A as ArcSizeBreakpointsS, b as ArcSizeBreakpointsM, a as ArcSizeBreakpointsL, c as ArcSizeBreakpointsXl, e as ArcSizeBreakpointsXxl } from '../_shared/esm/index.es-CYN3fovv.mjs';
 import { MediaCard } from '@arc-ui/components/MediaCard';
 import { useMediaQuery } from '@arc-ui/components/use-media-query';
 import '@arc-ui/components/Text';

package/lib/CopyLead/CopyLead.cjs

@@ -3,7 +3,7 @@
 var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
 var React = require('react');
 var filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
-var index_es = require('../_shared/cjs/index.es-Dg_lyAyh.cjs');
+var index_es = require('../_shared/cjs/index.es-B6sSN_JJ.cjs');
 var Columns = require('@arc-ui/components/Columns');
 var useMediaQuery = require('@arc-ui/components/use-media-query');
 var Heading = require('@arc-ui/components/Heading');

package/lib/CopyLead/CopyLead.mjs

@@ -1,7 +1,7 @@
 import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.mjs';
 import React__default, { useState, useEffect, Suspense } from 'react';
 import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
-import { a as ArcSizeBreakpointsL, c as ArcSizeBreakpointsXl, b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-DtCgfyRV.mjs';
+import { a as ArcSizeBreakpointsL, c as ArcSizeBreakpointsXl, b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-CYN3fovv.mjs';
 import { Columns, ColumnsCol } from '@arc-ui/components/Columns';
 import { useMediaQuery } from '@arc-ui/components/use-media-query';
 import { Heading } from '@arc-ui/components/Heading';

package/lib/FeaturePost/FeaturePost.cjs

@@ -4,7 +4,7 @@ var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
 var React = require('react');
 var index = require('../_shared/cjs/index-B7Z7sgRq.cjs');
 var filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
-var index_es = require('../_shared/cjs/index.es-Dg_lyAyh.cjs');
+var index_es = require('../_shared/cjs/index.es-B6sSN_JJ.cjs');
 var AppButton = require('@arc-ui/components/AppButton');
 var Grid = require('@arc-ui/components/Grid');
 var ButtonV2 = require('@arc-ui/components/ButtonV2');

package/lib/FeaturePost/FeaturePost.mjs

@@ -2,7 +2,7 @@ import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.mj
 import React__default, { useState, useEffect, Suspense } from 'react';
 import { c as classNames } from '../_shared/esm/index-BSO2EFem.mjs';
 import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
-import { b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-DtCgfyRV.mjs';
+import { b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-CYN3fovv.mjs';
 import { AppButton } from '@arc-ui/components/AppButton';
 import { Grid, GridRow, GridCol } from '@arc-ui/components/Grid';
 import { ButtonV2 } from '@arc-ui/components/ButtonV2';

package/lib/InlineLinkGroup/InlineLinkGroup.cjs

@@ -11,10 +11,10 @@ var filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
 var styles = {"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 = tslib_es6.__rest(_a, ["label", "links"]);
+    var label = _a.label, _b = _a.headingLevel, headingLevel = _b === void 0 ? "2" : _b, links = _a.links, props = tslib_es6.__rest(_a, ["label", "headingLevel", "links"]);
     return (React.createElement("div", tslib_es6.__assign({ className: styles["quick-help"] }, filterAttrs.filterAttrs(props)),
         label && (React.createElement("div", { className: styles["quick-help-label"] },
-            React.createElement(Heading.Heading, { size: "xxs", fontStyle: "overline" }, label))),
+            React.createElement(Heading.Heading, { level: headingLevel, size: "xxs", fontStyle: "overline" }, label))),
         React.createElement("ul", { className: styles["quick-help-container"] }, links.map(function (link, index) { return (React.createElement(React.Fragment, { key: index },
             React.createElement("li", { className: styles["quick-help-item"] },
                 React.createElement(Link.Link, { href: link.href, onClick: link.onClick, "aria-label": link.ariaLabel }, link.label),

package/lib/InlineLinkGroup/InlineLinkGroup.mjs

@@ -9,10 +9,10 @@ import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
 var styles = {"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"]);
+    var label = _a.label, _b = _a.headingLevel, headingLevel = _b === void 0 ? "2" : _b, links = _a.links, props = __rest(_a, ["label", "headingLevel", "links"]);
     return (React__default.createElement("div", __assign({ className: styles["quick-help"] }, filterAttrs(props)),
         label && (React__default.createElement("div", { className: styles["quick-help-label"] },
-            React__default.createElement(Heading, { size: "xxs", fontStyle: "overline" }, label))),
+            React__default.createElement(Heading, { level: headingLevel, size: "xxs", fontStyle: "overline" }, label))),
         React__default.createElement("ul", { className: styles["quick-help-container"] }, links.map(function (link, index) { return (React__default.createElement(React__default.Fragment, { key: index },
             React__default.createElement("li", { className: styles["quick-help-item"] },
                 React__default.createElement(Link, { href: link.href, onClick: link.onClick, "aria-label": link.ariaLabel }, link.label),

package/lib/PartnerBrandLogos/PartnerBrandLogos.cjs

@@ -0,0 +1,57 @@
+'use strict';
+
+var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
+var React = require('react');
+var filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
+var Heading = require('@arc-ui/components/Heading');
+var Text = require('@arc-ui/components/Text');
+var Rule = require('@arc-ui/components/Rule');
+var VerticalSpace = require('@arc-ui/components/VerticalSpace');
+var Columns = require('@arc-ui/components/Columns');
+
+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 = React.useId();
+    return (React.createElement(React.Fragment, null,
+        hasHeader && (React.createElement("div", { className: styles$1.subgroupHeader },
+            React.createElement(Columns.Columns, { isGutterless: true },
+                React.createElement(Columns.ColumnsCol, { spanL: 9, spanXL: 8 },
+                    subheading && (React.createElement(Heading.Heading, { level: headingLevel, size: "s", isResponsive: false }, subheading)),
+                    subheading && text && React.createElement(VerticalSpace.VerticalSpace, { size: "8" }),
+                    text && (React.createElement(Text.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 = tslib_es6.__rest(_a, ["heading", "headingProps", "headingLevel", "content", "id", "rulerTopPadding", "rulerBottomPadding", "subgroups"]);
+    var componentId = React.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 = tslib_es6.__rest(_e, ["size", "isResponsive"]);
+    return (React.createElement("div", tslib_es6.__assign({}, filterAttrs.filterAttrs(props)),
+        React.createElement(Columns.Columns, { isGutterless: true },
+            React.createElement(Columns.ColumnsCol, { spanL: 9, spanXL: 8 },
+                React.createElement(Heading.Heading, tslib_es6.__assign({ level: headingLevel, id: id, size: headingSize, isResponsive: headingIsResponsive }, restHeadingProps), heading),
+                content && (React.createElement(React.Fragment, null,
+                    React.createElement(VerticalSpace.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.VerticalSpace, { size: "8" }),
+                        React.createElement(Text.Text, { size: "m", elementType: "p" }, paragraph))); }))))),
+        React.createElement(VerticalSpace.VerticalSpace, tslib_es6.__assign({}, rulerTopPadding)),
+        React.createElement(Rule.Rule, null),
+        React.createElement(VerticalSpace.VerticalSpace, tslib_es6.__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 }))); }))));
+};
+
+exports.PartnerBrandLogos = PartnerBrandLogos;

package/lib/PartnerBrandLogos/PartnerBrandLogos.mjs

@@ -0,0 +1,55 @@
+import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.mjs';
+import React__default, { useId } from 'react';
+import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
+import { Heading } from '@arc-ui/components/Heading';
+import { Text } from '@arc-ui/components/Text';
+import { Rule } from '@arc-ui/components/Rule';
+import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
+import { Columns, ColumnsCol } from '@arc-ui/components/Columns';
+
+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__default.createElement(React__default.Fragment, null,
+        hasHeader && (React__default.createElement("div", { className: styles$1.subgroupHeader },
+            React__default.createElement(Columns, { isGutterless: true },
+                React__default.createElement(ColumnsCol, { spanL: 9, spanXL: 8 },
+                    subheading && (React__default.createElement(Heading, { level: headingLevel, size: "s", isResponsive: false }, subheading)),
+                    subheading && text && React__default.createElement(VerticalSpace, { size: "8" }),
+                    text && (React__default.createElement(Text, { size: "m", tone: "supporting" }, text)))))),
+        React__default.createElement("div", { className: styles$1.logoGroup }, logos.map(function (logo, j) { return (React__default.createElement("div", { key: "".concat(id, "-logo-").concat(j), className: styles$1.logoWrapper, style: { height: tileHeight } },
+            React__default.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__default.createElement("div", __assign({}, filterAttrs(props)),
+        React__default.createElement(Columns, { isGutterless: true },
+            React__default.createElement(ColumnsCol, { spanL: 9, spanXL: 8 },
+                React__default.createElement(Heading, __assign({ level: headingLevel, id: id, size: headingSize, isResponsive: headingIsResponsive }, restHeadingProps), heading),
+                content && (React__default.createElement(React__default.Fragment, null,
+                    React__default.createElement(VerticalSpace, { size: "16" }),
+                    content
+                        .split(/\\n|\n/)
+                        .filter(function (p) { return p.trim(); })
+                        .map(function (paragraph, i) { return (React__default.createElement(React__default.Fragment, { key: "content-".concat(componentId, "-").concat(i) },
+                        i > 0 && React__default.createElement(VerticalSpace, { size: "8" }),
+                        React__default.createElement(Text, { size: "m", elementType: "p" }, paragraph))); }))))),
+        React__default.createElement(VerticalSpace, __assign({}, rulerTopPadding)),
+        React__default.createElement(Rule, null),
+        React__default.createElement(VerticalSpace, __assign({}, rulerBottomPadding)),
+        React__default.createElement("ul", { className: styles.subgroupList }, subgroups.map(function (subgroup, i) { return (React__default.createElement("li", { key: "subgroup-".concat(componentId, "-").concat(i) },
+            React__default.createElement(PartnerLogoSubgroup, { subheading: subgroup.subheading, text: subgroup.text, headingLevel: getSubheadingLevel(headingLevel, subgroup.subheadingLevel), logos: subgroup.logos, tileHeight: subgroup.tileHeight }))); }))));
+};
+
+export { PartnerBrandLogos };

package/lib/PartnerBrandLogos/styles.css

@@ -0,0 +1 @@
+.PartnerBrandLogos-module_subgroupList__4e1kv{display:flex;flex-direction:column;gap:32px;list-style:none;margin:0;padding:0}

package/lib/ProductNavigation/ProductNavigation.cjs

@@ -5,7 +5,7 @@ var React = require('react');
 var index = require('../_shared/cjs/index-B7Z7sgRq.cjs');
 var filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
 var useMediaQuery = require('@arc-ui/components/use-media-query');
-var index_es = require('../_shared/cjs/index.es-Dg_lyAyh.cjs');
+var index_es = require('../_shared/cjs/index.es-B6sSN_JJ.cjs');
 var SectionHeading = require('../_shared/cjs/SectionHeading-DtYzFetD.cjs');
 var ButtonV2 = require('@arc-ui/components/ButtonV2');
 var InformationCard = require('@arc-ui/components/InformationCard');
@@ -25,6 +25,7 @@ var ProductNavigation = function (_a) {
     var _g = React.useState(false), hideLessButton = _g[0], setHideLessButton = _g[1];
     var _h = React.useState(cardsToDisplay), skipLinkCard = _h[0], setSkipLinkCard = _h[1];
     var _j = React.useState(productList.slice(0, cardsToDisplay)), displayList = _j[0], setDisplayList = _j[1];
+    var _k = React.useState(false), displaySkipButton = _k[0], setDisplaySkipButton = _k[1];
     var cardRef = React.useRef(null);
     React.useEffect(function () {
         if (defaultExpanded) {
@@ -36,6 +37,7 @@ var ProductNavigation = function (_a) {
         (_a = cardRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     };
     var clickController = function () {
+        setDisplaySkipButton(true);
         // show more / current list length + increment
         if (displayList.length < productList.length) {
             if (onClickMore)
@@ -69,8 +71,8 @@ var ProductNavigation = function (_a) {
             !hideButton && !hideLessButton && (React.createElement(ButtonV2.ButtonV2, { label: displayList.length < productList.length
                     ? "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: index.classNames(styles["productNavigation-skipLink"]), tabIndex: -1 },
+            hideButton ||
+                (displaySkipButton && displayList.length > cardsToDisplay && (React.createElement("div", { id: "skip-link", className: index.classNames(styles["productNavigation-skipLink"]), tabIndex: -1 },
                     React.createElement(ButtonV2.ButtonV2, { label: "Move to first new card", buttonStyle: "primary", onClick: moveFocus, isFullWidth: isMinWidthArcBreakpointS ? false : true })))),
             React.createElement(VisuallyHidden.VisuallyHidden, null,
                 React.createElement("div", { "aria-live": "polite", id: "aria-live-region", "aria-atomic": true },

package/lib/ProductNavigation/ProductNavigation.mjs

@@ -3,7 +3,7 @@ import React__default, { useState, useRef, useEffect } from 'react';
 import { c as classNames } from '../_shared/esm/index-BSO2EFem.mjs';
 import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
 import { useMediaQuery } from '@arc-ui/components/use-media-query';
-import { A as ArcSizeBreakpointsS } from '../_shared/esm/index.es-DtCgfyRV.mjs';
+import { A as ArcSizeBreakpointsS } from '../_shared/esm/index.es-CYN3fovv.mjs';
 import { S as SectionHeading } from '../_shared/esm/SectionHeading-RLfs7ete.mjs';
 import { ButtonV2 } from '@arc-ui/components/ButtonV2';
 import { InformationCard } from '@arc-ui/components/InformationCard';
@@ -23,6 +23,7 @@ var ProductNavigation = function (_a) {
     var _g = useState(false), hideLessButton = _g[0], setHideLessButton = _g[1];
     var _h = useState(cardsToDisplay), skipLinkCard = _h[0], setSkipLinkCard = _h[1];
     var _j = useState(productList.slice(0, cardsToDisplay)), displayList = _j[0], setDisplayList = _j[1];
+    var _k = useState(false), displaySkipButton = _k[0], setDisplaySkipButton = _k[1];
     var cardRef = useRef(null);
     useEffect(function () {
         if (defaultExpanded) {
@@ -34,6 +35,7 @@ var ProductNavigation = function (_a) {
         (_a = cardRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     };
     var clickController = function () {
+        setDisplaySkipButton(true);
         // show more / current list length + increment
         if (displayList.length < productList.length) {
             if (onClickMore)
@@ -67,8 +69,8 @@ var ProductNavigation = function (_a) {
             !hideButton && !hideLessButton && (React__default.createElement(ButtonV2, { label: displayList.length < productList.length
                     ? "Show more"
                     : "Show less", buttonStyle: "secondary", onClick: clickController, isFullWidth: isMinWidthArcBreakpointS ? false : true, isLoading: isLoading })),
-            displayList.length > cardsToDisplay && (React__default.createElement(React__default.Fragment, null,
-                React__default.createElement("div", { id: "skip-link", className: classNames(styles["productNavigation-skipLink"]), tabIndex: -1 },
+            hideButton ||
+                (displaySkipButton && displayList.length > cardsToDisplay && (React__default.createElement("div", { id: "skip-link", className: classNames(styles["productNavigation-skipLink"]), tabIndex: -1 },
                     React__default.createElement(ButtonV2, { label: "Move to first new card", buttonStyle: "primary", onClick: moveFocus, isFullWidth: isMinWidthArcBreakpointS ? false : true })))),
             React__default.createElement(VisuallyHidden, null,
                 React__default.createElement("div", { "aria-live": "polite", id: "aria-live-region", "aria-atomic": true },

package/lib/PromoListing/PromoListing.cjs

@@ -3,7 +3,7 @@
 var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
 var React = require('react');
 var index = require('../_shared/cjs/index-B7Z7sgRq.cjs');
-var index_es = require('../_shared/cjs/index.es-Dg_lyAyh.cjs');
+var index_es = require('../_shared/cjs/index.es-B6sSN_JJ.cjs');
 var Carousel = require('@arc-ui/components/Carousel');
 var Heading = require('@arc-ui/components/Heading');
 var useMediaQuery = require('@arc-ui/components/use-media-query');

package/lib/PromoListing/PromoListing.mjs

@@ -1,7 +1,7 @@
 import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.mjs';
 import React__default, { useId } from 'react';
 import { c as classNames } from '../_shared/esm/index-BSO2EFem.mjs';
-import { a as ArcSizeBreakpointsL, b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-DtCgfyRV.mjs';
+import { a as ArcSizeBreakpointsL, b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-CYN3fovv.mjs';
 import { Carousel } from '@arc-ui/components/Carousel';
 import { Heading } from '@arc-ui/components/Heading';
 import { useMediaQuery } from '@arc-ui/components/use-media-query';

package/lib/PromoListingThumbnailSignpost/PromoListingThumbnailSignpost.cjs

@@ -4,13 +4,14 @@ var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
 var React = require('react');
 var SectionHeading = require('../_shared/cjs/SectionHeading-DtYzFetD.cjs');
 var filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
-var ThumbnailSignpost = require('../_shared/cjs/ThumbnailSignpost-ja1yxriK.cjs');
+var ThumbnailSignpost = require('../_shared/cjs/ThumbnailSignpost-DymZmLlB.cjs');
 require('../_shared/cjs/index-B7Z7sgRq.cjs');
 require('@arc-ui/components/Text');
 require('@arc-ui/components/VerticalSpace');
 require('@arc-ui/components/Image');
 require('@arc-ui/components/Heading');
 require('../_shared/cjs/BtIconArrowRightFill-BVCZv7Lm.cjs');
+require('@arc-ui/components/Surface');
 
 var styles = {"PromoListingThumbnailSignpost":"PromoListingThumbnailSignpost-module_PromoListingThumbnailSignpost__0HTPV","list":"PromoListingThumbnailSignpost-module_list__E9l0E"};
 

package/lib/PromoListingThumbnailSignpost/PromoListingThumbnailSignpost.mjs

@@ -2,13 +2,14 @@ import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.mj
 import React__default from 'react';
 import { S as SectionHeading } from '../_shared/esm/SectionHeading-RLfs7ete.mjs';
 import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
-import { T as ThumbnailSignpost } from '../_shared/esm/ThumbnailSignpost-Cc21FjUJ.mjs';
+import { T as ThumbnailSignpost } from '../_shared/esm/ThumbnailSignpost-D6uye3mm.mjs';
 import '../_shared/esm/index-BSO2EFem.mjs';
 import '@arc-ui/components/Text';
 import '@arc-ui/components/VerticalSpace';
 import '@arc-ui/components/Image';
 import '@arc-ui/components/Heading';
 import '../_shared/esm/BtIconArrowRightFill-D0zKgk3B.mjs';
+import '@arc-ui/components/Surface';
 
 var styles = {"PromoListingThumbnailSignpost":"PromoListingThumbnailSignpost-module_PromoListingThumbnailSignpost__0HTPV","list":"PromoListingThumbnailSignpost-module_list__E9l0E"};
 

package/lib/Summary/Summary.cjs

@@ -2,7 +2,7 @@
 
 var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
 var React = require('react');
-var index_es = require('../_shared/cjs/index.es-Dg_lyAyh.cjs');
+var index_es = require('../_shared/cjs/index.es-B6sSN_JJ.cjs');
 var Heading = require('@arc-ui/components/Heading');
 var Text = require('@arc-ui/components/Text');
 var Box = require('@arc-ui/components/Box');

package/lib/Summary/Summary.mjs

@@ -1,6 +1,6 @@
 import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.mjs';
 import React__default from 'react';
-import { b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-DtCgfyRV.mjs';
+import { b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-CYN3fovv.mjs';
 import { Heading } from '@arc-ui/components/Heading';
 import { Text } from '@arc-ui/components/Text';
 import { Box } from '@arc-ui/components/Box';

package/lib/ThumbnailSignpost/ThumbnailSignpost.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var ThumbnailSignpost = require('../_shared/cjs/ThumbnailSignpost-ja1yxriK.cjs');
+var ThumbnailSignpost = require('../_shared/cjs/ThumbnailSignpost-DymZmLlB.cjs');
 require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
 require('react');
 require('../_shared/cjs/index-B7Z7sgRq.cjs');
@@ -9,6 +9,7 @@ require('../_shared/cjs/BtIconArrowRightFill-BVCZv7Lm.cjs');
 require('@arc-ui/components/Image');
 require('@arc-ui/components/VerticalSpace');
 require('@arc-ui/components/Heading');
+require('@arc-ui/components/Surface');
 
 
 

package/lib/ThumbnailSignpost/ThumbnailSignpost.mjs

@@ -1,4 +1,4 @@
-export { T as ThumbnailSignpost } from '../_shared/esm/ThumbnailSignpost-Cc21FjUJ.mjs';
+export { T as ThumbnailSignpost } from '../_shared/esm/ThumbnailSignpost-D6uye3mm.mjs';
 import '../_shared/esm/tslib.es6-BVXMhEem.mjs';
 import 'react';
 import '../_shared/esm/index-BSO2EFem.mjs';
@@ -7,3 +7,4 @@ import '../_shared/esm/BtIconArrowRightFill-D0zKgk3B.mjs';
 import '@arc-ui/components/Image';
 import '@arc-ui/components/VerticalSpace';
 import '@arc-ui/components/Heading';
+import '@arc-ui/components/Surface';

package/lib/ThumbnailSignpost/styles.css

@@ -1 +1 @@
-.ThumbnailSignpost-module_thumbnailSignpost__Yf26b button{all:unset;cursor:pointer}.ThumbnailSignpost-module_thumbnailSignpost__Yf26b{display:inline-flex;flex-direction:row;gap:var(--arc-size-grid-gutter-s);max-width:720px}.ThumbnailSignpost-module_isLink__FucdG:focus{cursor:pointer;outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px;border-radius:calc(var(--thumbnail-signpost-border-radius-s) + 2px)}.ThumbnailSignpost-module_isLink__FucdG:hover{cursor:pointer}.ThumbnailSignpost-module_content__XG9oj{width:100%;font:var(--sem-type-body-reg-s)}.ThumbnailSignpost-module_heading__mTrpJ{display:block;font:var(--sem-type-mobile-semi-xxs);font-family:var(--sem-font-family-heading);font-size:1em;font-weight:var(--sem-font-weight-semi-bold);margin:0}.ThumbnailSignpost-module_isLink__FucdG:hover .ThumbnailSignpost-module_heading__mTrpJ,.ThumbnailSignpost-module_isLink__FucdG:focus .ThumbnailSignpost-module_heading__mTrpJ{color:var(--button-v2-colors-light-text-hover);text-decoration:underline}.ThumbnailSignpost-module_image__syGZj{width:calc((((100% + var(--arc-size-grid-gutter-s))/12) * 6) - var(--arc-size-grid-gutter-s))}.ThumbnailSignpost-module_image__syGZj img{border-radius:var(--thumbnail-signpost-border-radius-s);width:100%}@media (min-width:636px){.ThumbnailSignpost-module_image__syGZj{width:calc((((100% + var(--arc-size-grid-gutter-s))/12) * 6) - var(--arc-size-grid-gutter-m))}.ThumbnailSignpost-module_thumbnailSignpost__Yf26b{gap:var(--arc-size-grid-gutter-m)}.ThumbnailSignpost-module_heading__mTrpJ{font:var(--sem-type-mobile-semi-xs)}}@media (min-width:1280px){.ThumbnailSignpost-module_thumbnailSignpost__Yf26b{gap:var(--arc-size-grid-gutter-l)}}.ThumbnailSignpost-module_thumbnailButton__Nn-NR{display:flex;align-items:center;gap:var(--button-v2-gap-xs);color:var(--button-v2-colors-light-text-default);font:var(--sem-type-interface-button-s);height:var(--button-v2-size-s)}.ThumbnailSignpost-module_buttonIcon__ydmza{background:var(--icon-color-brand-alt-light);display:block;height:100%;line-height:0;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;width:100%}.ThumbnailSignpost-module_isLink__FucdG:focus .ThumbnailSignpost-module_buttonIcon__ydmza,.ThumbnailSignpost-module_isLink__FucdG:hover .ThumbnailSignpost-module_buttonIcon__ydmza{background:var(--button-v2-colors-light-text-hover)}.ThumbnailSignpost-module_isLink__FucdG:hover .ThumbnailSignpost-module_thumbnailButton__Nn-NR,.ThumbnailSignpost-module_isLink__FucdG:focus .ThumbnailSignpost-module_thumbnailButton__Nn-NR{background:none;color:var(--button-v2-colors-light-text-hover);-webkit-text-decoration:var(--sem-underline);text-decoration:var(--sem-underline)}
+.ThumbnailSignpost-module_thumbnailSignpost__Yf26b button{all:unset;cursor:pointer}.ThumbnailSignpost-module_thumbnailSignpost__Yf26b{display:inline-flex;flex-direction:row;gap:var(--arc-size-grid-gutter-m);max-width:720px}.ThumbnailSignpost-module_isLink__FucdG:focus{cursor:pointer;outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px;border-radius:calc(var(--thumbnail-signpost-border-radius-s) + 2px)}.ThumbnailSignpost-module_onDarkSurface__F2jUk.ThumbnailSignpost-module_isLink__FucdG:focus{outline-color:var(--focus-colors-dark-border-subtle)}.ThumbnailSignpost-module_isLink__FucdG:hover{cursor:pointer}.ThumbnailSignpost-module_content__XG9oj{width:100%;font:var(--sem-type-body-reg-s)}.ThumbnailSignpost-module_heading__mTrpJ{display:block;font:var(--sem-type-mobile-semi-xxs);font-family:var(--sem-font-family-heading);font-size:1em;font-weight:var(--sem-font-weight-semi-bold);margin:0}.ThumbnailSignpost-module_isLink__FucdG:hover .ThumbnailSignpost-module_heading__mTrpJ,.ThumbnailSignpost-module_isLink__FucdG:focus .ThumbnailSignpost-module_heading__mTrpJ{color:var(--button-v2-colors-light-text-hover);text-decoration:underline}.ThumbnailSignpost-module_onDarkSurface__F2jUk.ThumbnailSignpost-module_isLink__FucdG:hover .ThumbnailSignpost-module_heading__mTrpJ,.ThumbnailSignpost-module_onDarkSurface__F2jUk.ThumbnailSignpost-module_isLink__FucdG:focus .ThumbnailSignpost-module_heading__mTrpJ{color:var(--surface-colors-bg-light-white);text-decoration:underline}.ThumbnailSignpost-module_image__syGZj{width:calc((((100% + var(--arc-size-grid-gutter-s))/12) * 6) - var(--arc-size-grid-gutter-s))}.ThumbnailSignpost-module_image__syGZj img{border-radius:var(--thumbnail-signpost-border-radius-s);width:100%}@media (min-width:636px){.ThumbnailSignpost-module_image__syGZj{width:calc((((100% + var(--arc-size-grid-gutter-s))/12) * 6) - var(--arc-size-grid-gutter-m))}.ThumbnailSignpost-module_thumbnailSignpost__Yf26b{gap:var(--arc-size-grid-gutter-m)}.ThumbnailSignpost-module_heading__mTrpJ{font:var(--sem-type-mobile-semi-xs)}}@media (min-width:1280px){.ThumbnailSignpost-module_thumbnailSignpost__Yf26b{gap:var(--arc-size-grid-gutter-l)}}.ThumbnailSignpost-module_thumbnailButton__Nn-NR{display:flex;align-items:center;gap:var(--button-v2-gap-xs);color:var(--button-v2-colors-light-text-default);font:var(--sem-type-interface-button-s);height:var(--button-v2-size-s)}.ThumbnailSignpost-module_buttonIcon__ydmza{background:var(--icon-color-brand-alt-light);display:block;height:100%;line-height:0;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;width:100%}.ThumbnailSignpost-module_onDarkSurface__F2jUk .ThumbnailSignpost-module_buttonIcon__ydmza{background:var(--surface-colors-bg-light-white)}.ThumbnailSignpost-module_onDarkSurface__F2jUk .ThumbnailSignpost-module_thumbnailButton__Nn-NR{color:var(--surface-colors-bg-light-white)}.ThumbnailSignpost-module_isLink__FucdG:focus .ThumbnailSignpost-module_buttonIcon__ydmza,.ThumbnailSignpost-module_isLink__FucdG:hover .ThumbnailSignpost-module_buttonIcon__ydmza{background:var(--button-v2-colors-light-text-hover)}.ThumbnailSignpost-module_onDarkSurface__F2jUk.ThumbnailSignpost-module_isLink__FucdG:focus .ThumbnailSignpost-module_buttonIcon__ydmza,.ThumbnailSignpost-module_onDarkSurface__F2jUk.ThumbnailSignpost-module_isLink__FucdG:hover .ThumbnailSignpost-module_buttonIcon__ydmza{background:var(--button-v2-colors-dark-text-hover)}.ThumbnailSignpost-module_isLink__FucdG:hover .ThumbnailSignpost-module_thumbnailButton__Nn-NR,.ThumbnailSignpost-module_isLink__FucdG:focus .ThumbnailSignpost-module_thumbnailButton__Nn-NR{background:none;color:var(--button-v2-colors-light-text-hover);-webkit-text-decoration:var(--sem-underline);text-decoration:var(--sem-underline)}.ThumbnailSignpost-module_onDarkSurface__F2jUk.ThumbnailSignpost-module_isLink__FucdG:hover .ThumbnailSignpost-module_thumbnailButton__Nn-NR,.ThumbnailSignpost-module_onDarkSurface__F2jUk.ThumbnailSignpost-module_isLink__FucdG:focus .ThumbnailSignpost-module_thumbnailButton__Nn-NR{background:none;color:var(--button-v2-colors-dark-text-hover);-webkit-text-decoration:var(--sem-underline);text-decoration:var(--sem-underline)}

package/lib/_shared/cjs/{ThumbnailSignpost-ja1yxriK.cjs → ThumbnailSignpost-DymZmLlB.cjs}

@@ -8,15 +8,19 @@ var BtIconArrowRightFill = require('./BtIconArrowRightFill-BVCZv7Lm.cjs');
 var Image = require('@arc-ui/components/Image');
 var VerticalSpace = require('@arc-ui/components/VerticalSpace');
 var Heading = require('@arc-ui/components/Heading');
+var Surface = require('@arc-ui/components/Surface');
 
-var styles = {"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 = {"thumbnailSignpost":"ThumbnailSignpost-module_thumbnailSignpost__Yf26b","isLink":"ThumbnailSignpost-module_isLink__FucdG","onDarkSurface":"ThumbnailSignpost-module_onDarkSurface__F2jUk","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 = tslib_es6.__rest(_a, ["text", "title", "img", "onClick", "buttonLabel"]);
+    var surface = React.useContext(Surface.SurfaceContext).surface;
+    var isDarkSurface = surface === "dark";
     return (React.createElement("div", tslib_es6.__assign({ className: index.classNames(styles.thumbnailSignpost, (_b = {},
             _b[styles.isLink] = onClick,
+            _b[styles.onDarkSurface] = isDarkSurface,
             _b)), onClick: onClick, "aria-label": title, tabIndex: onClick ? 0 : -1 }, (onClick && { role: "button" }), filterAttrs.filterAttrs(props)),
         img && (React.createElement("div", { className: styles.image },
             React.createElement(Image.Image, tslib_es6.__assign({}, img)))),
@@ -25,7 +29,7 @@ var ThumbnailSignpost = function (_a) {
             React.createElement(VerticalSpace.VerticalSpace, { size: "8" }),
             text,
             buttonLabel && onClick && (React.createElement(React.Fragment, null,
-                React.createElement(VerticalSpace.VerticalSpace, { size: "8" }),
+                React.createElement(VerticalSpace.VerticalSpace, { size: "32" }),
                 React.createElement("div", { className: styles.thumbnailButton },
                     React.createElement("span", { className: styles.buttonIcon, role: "img", style: {
                             height: 24,

package/lib/_shared/cjs/{index.es-Dg_lyAyh.cjs → index.es-B6sSN_JJ.cjs}

@@ -2,7 +2,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 21 Apr 2026 10:23:52 GMT
+ * Generated on Wed, 13 May 2026 07:47:26 GMT
  */
 var ArcSizeBreakpointsXs = "320px";
 var ArcSizeBreakpointsS = "636px";