@arc-ui/community-components 3.8.0 → 3.9.0

package/lib/PromoListing/PromoListing.cjs

@@ -3,11 +3,11 @@
 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-B73RVhhj.cjs');
 var Carousel = require('@arc-ui/components/Carousel');
 var Heading = require('@arc-ui/components/Heading');
 var useMediaQuery = require('@arc-ui/components/use-media-query');
-var SectionHeading = require('../_shared/cjs/SectionHeading-DtYzFetD.cjs');
+var SectionHeading = require('../_shared/cjs/SectionHeading-XCMdv8eZ.cjs');
 var MediaCard = require('@arc-ui/components/MediaCard');
 var filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
 var ImpactCard = require('@arc-ui/components/ImpactCard');
@@ -18,8 +18,9 @@ var VerticalSpace = require('@arc-ui/components/VerticalSpace');
 var BtIconArrowRightFill = require('../_shared/cjs/BtIconArrowRightFill-BVCZv7Lm.cjs');
 require('@arc-ui/components/Text');
 require('@arc-ui/components/Image');
+require('@arc-ui/components/Columns');
 
-var styles = {"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 = {"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"};
 
 /**
  * Use `PromoListing` to give supporting information about a page or proposition in the form of the card components (`ImpactCard`, `InformationCard`, `MediaCard` and `TypographyCard`).
@@ -65,7 +66,7 @@ var PromoListing = function (_a) {
         button.label && (React.createElement(React.Fragment, null,
             React.createElement(ButtonV2.ButtonV2, tslib_es6.__assign({}, button, { icon: button.buttonStyle == "compact" ? BtIconArrowRightFill.BtIconArrowRightFill : undefined, size: "m" })),
             React.createElement(VerticalSpace.VerticalSpace, { size: "40" }))),
-        isCarousel && !isMinWidthArcBreakpointL ? (React.createElement("div", { className: styles.promolistingCarouselWrapper },
+        isCarousel && !isMinWidthArcBreakpointL ? (React.createElement("div", { className: styles.CarouselWrapper },
             React.createElement(Carousel.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.cardWrapperCarousel) }, getCard(card))); })))) : (React.createElement("ul", { className: index.classNames(styles.cardGrid, styles["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.cardWrapper }, getCard(card)))); })))));
 };

package/lib/PromoListing/PromoListing.mjs

@@ -1,11 +1,11 @@
 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-DNGykRl2.mjs';
 import { Carousel } from '@arc-ui/components/Carousel';
 import { Heading } from '@arc-ui/components/Heading';
 import { useMediaQuery } from '@arc-ui/components/use-media-query';
-import { S as SectionHeading } from '../_shared/esm/SectionHeading-RLfs7ete.mjs';
+import { S as SectionHeading } from '../_shared/esm/SectionHeading-lyXLUtdr.mjs';
 import { MediaCard } from '@arc-ui/components/MediaCard';
 import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
 import { ImpactCard } from '@arc-ui/components/ImpactCard';
@@ -16,8 +16,9 @@ import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
 import { B as BtIconArrowRightFill } from '../_shared/esm/BtIconArrowRightFill-D0zKgk3B.mjs';
 import '@arc-ui/components/Text';
 import '@arc-ui/components/Image';
+import '@arc-ui/components/Columns';
 
-var styles = {"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 = {"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"};
 
 /**
  * Use `PromoListing` to give supporting information about a page or proposition in the form of the card components (`ImpactCard`, `InformationCard`, `MediaCard` and `TypographyCard`).
@@ -63,7 +64,7 @@ var PromoListing = function (_a) {
         button.label && (React__default.createElement(React__default.Fragment, null,
             React__default.createElement(ButtonV2, __assign({}, button, { icon: button.buttonStyle == "compact" ? BtIconArrowRightFill : undefined, size: "m" })),
             React__default.createElement(VerticalSpace, { size: "40" }))),
-        isCarousel && !isMinWidthArcBreakpointL ? (React__default.createElement("div", { className: styles.promolistingCarouselWrapper },
+        isCarousel && !isMinWidthArcBreakpointL ? (React__default.createElement("div", { className: styles.CarouselWrapper },
             React__default.createElement(Carousel, { overflow: "visible", itemsPerSlide: 1, behavior: "adaptive", withGutter: false }, cards === null || cards === void 0 ? void 0 : cards.map(function (card, i) { return (React__default.createElement("div", { key: "promolist-carousel-card-".concat(componentId, "-").concat(i), className: (styles.cardWrapperCarousel) }, getCard(card))); })))) : (React__default.createElement("ul", { className: classNames(styles.cardGrid, styles["columns-".concat(columns)]) }, cards === null || cards === void 0 ? void 0 : cards.map(function (card, index) { return (React__default.createElement("li", { key: "promolist-card--".concat(componentId, "-").concat(index) },
             React__default.createElement("div", { "data-testid": "promoList-card".concat(index), className: styles.cardWrapper }, getCard(card)))); })))));
 };

package/lib/PromoListing/styles.css

@@ -1 +1 @@
-.PromoListing-module_PromoListing__6ensv{max-width:1280px}.PromoListing-module_carouselSlide__AMTPF{height:100%;padding:6px}.PromoListing-module_cardGrid__llf73{display:grid;grid-template-columns:repeat(1,1fr);grid-auto-rows:1fr;grid-gap:16px;gap:16px;list-style:none;margin:0;padding:0}.PromoListing-module_cardWrapper__I4iwh{height:100%}.PromoListing-module_cardWrapper__I4iwh>*{height:100%}.PromoListing-module_cardWrapperCarousel__t-2qM{width:288px;height:100%;margin-right:16px}.PromoListing-module_cardWrapperCarousel__t-2qM>*{height:100%}@media (min-width:636px){.PromoListing-module_cardWrapperCarousel__t-2qM{margin-right:24px}.PromoListing-module_cardGrid__llf73{gap:24px}.PromoListing-module_cardGrid__llf73.PromoListing-module_columns-3__y6jWS{grid-template-columns:repeat(2,1fr)}.PromoListing-module_cardGrid__llf73.PromoListing-module_columns-2__GRFxb{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.PromoListing-module_cardWrapperCarousel__t-2qM{width:348px}}@media (min-width:1024px){.PromoListing-module_cardGrid__llf73.PromoListing-module_columns-3__y6jWS{grid-template-columns:repeat(3,1fr)}.PromoListing-module_cardGrid__llf73.PromoListing-module_columns-2__GRFxb{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.PromoListing-module_cardGrid__llf73{gap:32px}}
+.PromoListing-module_PromoListing__6ensv{max-width:1280px}.PromoListing-module_CarouselWrapper__iYwWp{overflow:hidden;margin:0 calc(-1 * var(--arc-size-section-margin-16));padding:6px var(--arc-size-section-margin-16)}@media (min-width:636px){.PromoListing-module_CarouselWrapper__iYwWp{margin:0 calc(-1 * var(--arc-size-section-margin-24));padding:6px var(--arc-size-section-margin-24)}}.PromoListing-module_carouselSlide__AMTPF{height:100%;padding:6px}.PromoListing-module_cardGrid__llf73{display:grid;grid-template-columns:repeat(1,1fr);grid-auto-rows:1fr;grid-gap:16px;gap:16px;list-style:none;margin:0;padding:0}.PromoListing-module_cardWrapper__I4iwh{height:100%}.PromoListing-module_cardWrapper__I4iwh>*{height:100%}.PromoListing-module_cardWrapperCarousel__t-2qM{width:288px;height:100%;margin-right:16px}.PromoListing-module_cardWrapperCarousel__t-2qM>*{height:100%}@media (min-width:636px){.PromoListing-module_cardWrapperCarousel__t-2qM{margin-right:24px}.PromoListing-module_cardGrid__llf73{gap:24px}.PromoListing-module_cardGrid__llf73.PromoListing-module_columns-3__y6jWS{grid-template-columns:repeat(2,1fr)}.PromoListing-module_cardGrid__llf73.PromoListing-module_columns-2__GRFxb{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.PromoListing-module_cardWrapperCarousel__t-2qM{width:348px}}@media (min-width:1024px){.PromoListing-module_cardGrid__llf73.PromoListing-module_columns-3__y6jWS{grid-template-columns:repeat(3,1fr)}.PromoListing-module_cardGrid__llf73.PromoListing-module_columns-2__GRFxb{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.PromoListing-module_cardGrid__llf73{gap:32px}}

package/lib/PromoListingThumbnailSignpost/PromoListingThumbnailSignpost.cjs

@@ -2,15 +2,17 @@
 
 var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
 var React = require('react');
-var SectionHeading = require('../_shared/cjs/SectionHeading-DtYzFetD.cjs');
+var SectionHeading = require('../_shared/cjs/SectionHeading-XCMdv8eZ.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('@arc-ui/components/Columns');
 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

@@ -1,14 +1,16 @@
 import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.mjs';
 import React__default from 'react';
-import { S as SectionHeading } from '../_shared/esm/SectionHeading-RLfs7ete.mjs';
+import { S as SectionHeading } from '../_shared/esm/SectionHeading-lyXLUtdr.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 '@arc-ui/components/Columns';
 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/SectionHeading/SectionHeading.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var SectionHeading = require('../_shared/cjs/SectionHeading-DtYzFetD.cjs');
+var SectionHeading = require('../_shared/cjs/SectionHeading-XCMdv8eZ.cjs');
 require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
 require('react');
 require('../_shared/cjs/index-B7Z7sgRq.cjs');
@@ -9,6 +9,7 @@ require('@arc-ui/components/Text');
 require('@arc-ui/components/VerticalSpace');
 require('@arc-ui/components/Image');
 require('@arc-ui/components/Heading');
+require('@arc-ui/components/Columns');
 
 
 

package/lib/SectionHeading/SectionHeading.mjs

@@ -1,4 +1,4 @@
-export { S as SectionHeading } from '../_shared/esm/SectionHeading-RLfs7ete.mjs';
+export { S as SectionHeading } from '../_shared/esm/SectionHeading-lyXLUtdr.mjs';
 import '../_shared/esm/tslib.es6-BVXMhEem.mjs';
 import 'react';
 import '../_shared/esm/index-BSO2EFem.mjs';
@@ -7,3 +7,4 @@ import '@arc-ui/components/Text';
 import '@arc-ui/components/VerticalSpace';
 import '@arc-ui/components/Image';
 import '@arc-ui/components/Heading';
+import '@arc-ui/components/Columns';

package/lib/SectionHeading/styles.css

@@ -1 +1 @@
-.SectionHeading-module_section-header__iB07I{padding-bottom:40px;width:auto}.SectionHeading-module_section-header--hasImage__Ka3T7{display:flex;flex-direction:column;gap:16px}.SectionHeading-module_section-header--isCentered__pz0V9{text-align:center}@media (min-width:636px){.SectionHeading-module_section-header--padded__0FXP2{min-width:588px;width:auto}.SectionHeading-module_section-header--hasImage__Ka3T7{align-items:center;flex-direction:row;gap:32px}}@media (min-width:768px){.SectionHeading-module_section-header--padded__0FXP2{min-width:720px;padding:0 186px 40px 0}}@media (min-width:1024px){.SectionHeading-module_section-header--padded__0FXP2{min-width:960px;padding:0 246px 40px 0}}@media (min-width:1280px){.SectionHeading-module_section-header--padded__0FXP2{min-width:1216px;padding:0 312px 40px 0}}
+.SectionHeading-module_sectionHeading--hasImage__qaz6n{display:flex;flex-direction:column;gap:16px}.SectionHeading-module_sectionHeading--isCentered__i0fR8{text-align:center}@media (min-width:636px){.SectionHeading-module_sectionHeading--hasImage__qaz6n{align-items:center;flex-direction:row;gap:32px}}@media (min-width:768px){.SectionHeading-module_sectionHeading-content__ufB6w{padding-right:10px}}@media (min-width:1280px){.SectionHeading-module_sectionHeading-content__ufB6w{padding-right:0;padding-right:initial}}

package/lib/Statistics/Statistics.cjs

@@ -10,7 +10,7 @@ var Align = require('@arc-ui/components/Align');
 var Heading = require('@arc-ui/components/Heading');
 var VerticalSpace = require('@arc-ui/components/VerticalSpace');
 var Hidden = require('@arc-ui/components/Hidden');
-var SectionHeading = require('../_shared/cjs/SectionHeading-DtYzFetD.cjs');
+var SectionHeading = require('../_shared/cjs/SectionHeading-XCMdv8eZ.cjs');
 require('../_shared/cjs/index-B7Z7sgRq.cjs');
 require('@arc-ui/components/Image');
 

package/lib/Statistics/Statistics.mjs

@@ -8,7 +8,7 @@ import { Align } from '@arc-ui/components/Align';
 import { Heading } from '@arc-ui/components/Heading';
 import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
 import { Hidden } from '@arc-ui/components/Hidden';
-import { S as SectionHeading } from '../_shared/esm/SectionHeading-RLfs7ete.mjs';
+import { S as SectionHeading } from '../_shared/esm/SectionHeading-lyXLUtdr.mjs';
 import '../_shared/esm/index-BSO2EFem.mjs';
 import '@arc-ui/components/Image';
 

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-B73RVhhj.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-DNGykRl2.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/SectionHeading-XCMdv8eZ.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-BxB9I209.cjs');
+var React = require('react');
+var index = require('./index-B7Z7sgRq.cjs');
+var filterAttrs = require('./filter-attrs-BizjMsy0.cjs');
+var Text = require('@arc-ui/components/Text');
+var VerticalSpace = require('@arc-ui/components/VerticalSpace');
+var Image = require('@arc-ui/components/Image');
+var Heading = require('@arc-ui/components/Heading');
+var Columns = require('@arc-ui/components/Columns');
+
+var styles = {"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 = tslib_es6.__rest(_a, ["heading", "content", "id", "image", "isHeadingWordWrap", "isPadded", "headingLevel", "isCentered"]);
+    return (React.createElement(Columns.Columns, null,
+        React.createElement(Columns.ColumnsCol, { spanM: isPadded ? 9 : 12 },
+            React.createElement("div", tslib_es6.__assign({ className: index.classNames((_b = {},
+                    _b[styles["sectionHeading--isCentered"]] = isCentered,
+                    _b)) }, filterAttrs.filterAttrs(props)),
+                React.createElement("div", { className: index.classNames((_c = {},
+                        _c[styles["sectionHeading--hasImage"]] = image,
+                        _c)) },
+                    image && React.createElement(Image.Image, tslib_es6.__assign({}, image, { width: 68, fit: "cover" })),
+                    React.createElement(Heading.Heading, { level: headingLevel, id: id, size: "xl", isWordWrap: isHeadingWordWrap }, heading)),
+                content && (React.createElement("div", { className: styles["sectionHeading-content"] },
+                    React.createElement(VerticalSpace.VerticalSpace, { size: "24" }),
+                    React.createElement(Text.Text, { size: "l", elementType: "p" }, content))),
+                React.createElement(VerticalSpace.VerticalSpace, { size: "40" })))));
+};
+
+exports.SectionHeading = SectionHeading;

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-B73RVhhj.cjs}

@@ -2,7 +2,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 21 Apr 2026 10:23:52 GMT
+ * Generated on Thu, 21 May 2026 15:46:02 GMT
  */
 var ArcSizeBreakpointsXs = "320px";
 var ArcSizeBreakpointsS = "636px";

package/lib/_shared/esm/SectionHeading-lyXLUtdr.mjs

@@ -0,0 +1,32 @@
+import { _ as __rest, a as __assign } from './tslib.es6-BVXMhEem.mjs';
+import React__default from 'react';
+import { c as classNames } from './index-BSO2EFem.mjs';
+import { f as filterAttrs } from './filter-attrs-DZ7RCEZm.mjs';
+import { Text } from '@arc-ui/components/Text';
+import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
+import { Image } from '@arc-ui/components/Image';
+import { Heading } from '@arc-ui/components/Heading';
+import { Columns, ColumnsCol } from '@arc-ui/components/Columns';
+
+var styles = {"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__default.createElement(Columns, null,
+        React__default.createElement(ColumnsCol, { spanM: isPadded ? 9 : 12 },
+            React__default.createElement("div", __assign({ className: classNames((_b = {},
+                    _b[styles["sectionHeading--isCentered"]] = isCentered,
+                    _b)) }, filterAttrs(props)),
+                React__default.createElement("div", { className: classNames((_c = {},
+                        _c[styles["sectionHeading--hasImage"]] = image,
+                        _c)) },
+                    image && React__default.createElement(Image, __assign({}, image, { width: 68, fit: "cover" })),
+                    React__default.createElement(Heading, { level: headingLevel, id: id, size: "xl", isWordWrap: isHeadingWordWrap }, heading)),
+                content && (React__default.createElement("div", { className: styles["sectionHeading-content"] },
+                    React__default.createElement(VerticalSpace, { size: "24" }),
+                    React__default.createElement(Text, { size: "l", elementType: "p" }, content))),
+                React__default.createElement(VerticalSpace, { size: "40" })))));
+};
+
+export { SectionHeading as S };

package/lib/_shared/esm/{ThumbnailSignpost-Cc21FjUJ.mjs → ThumbnailSignpost-D6uye3mm.mjs}

@@ -1,20 +1,24 @@
 import { _ as __rest, a as __assign } from './tslib.es6-BVXMhEem.mjs';
-import React__default from 'react';
+import React__default, { useContext } from 'react';
 import { c as classNames } from './index-BSO2EFem.mjs';
 import { f as filterAttrs } from './filter-attrs-DZ7RCEZm.mjs';
 import { B as BtIconArrowRightFill } from './BtIconArrowRightFill-D0zKgk3B.mjs';
 import { Image } from '@arc-ui/components/Image';
 import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
 import { Heading } from '@arc-ui/components/Heading';
+import { SurfaceContext } from '@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 = __rest(_a, ["text", "title", "img", "onClick", "buttonLabel"]);
+    var surface = useContext(SurfaceContext).surface;
+    var isDarkSurface = surface === "dark";
     return (React__default.createElement("div", __assign({ className: 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(props)),
         img && (React__default.createElement("div", { className: styles.image },
             React__default.createElement(Image, __assign({}, img)))),
@@ -23,7 +27,7 @@ var ThumbnailSignpost = function (_a) {
             React__default.createElement(VerticalSpace, { size: "8" }),
             text,
             buttonLabel && onClick && (React__default.createElement(React__default.Fragment, null,
-                React__default.createElement(VerticalSpace, { size: "8" }),
+                React__default.createElement(VerticalSpace, { size: "32" }),
                 React__default.createElement("div", { className: styles.thumbnailButton },
                     React__default.createElement("span", { className: styles.buttonIcon, role: "img", style: {
                             height: 24,

package/lib/_shared/esm/{index.es-DtCgfyRV.mjs → index.es-DNGykRl2.mjs}

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 21 Apr 2026 10:23:52 GMT
+ * Generated on Thu, 21 May 2026 15:46:02 GMT
  */
 var ArcSizeBreakpointsXs = "320px";
 var ArcSizeBreakpointsS = "636px";