@arc-ui/community-components 0.1.0 → 1.0.1

package/dist/ProductNavigation/ProductNavigation.esm.js

@@ -0,0 +1,85 @@
+import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.js';
+import React, { useState, useRef, useEffect } from 'react';
+import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.js';
+import { f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-V7cbJuwS.js';
+import { useMediaQuery } from '@arc-ui/components/use-media-query';
+import { A as ArcSizeBreakpointsS } from '../_shared/esm/index.es-B89aR7nq.js';
+import { S as SectionHeading } from '../_shared/esm/SectionHeading-BwbuyrYn.js';
+import { InformationCard, VerticalSpace, ButtonV2, VisuallyHidden } from '@arc-ui/components';
+import '@arc-ui/components/Heading';
+import '@arc-ui/components/Text';
+import '@arc-ui/components/VerticalSpace';
+import '@arc-ui/components/Image';
+
+var styles = {"product-navigation-grid":"ProductNavigation-module_product-navigation-grid__RzFq8","productNavigation-skipLink":"ProductNavigation-module_productNavigation-skipLink__fy8ZJ"};
+
+/**
+ * Use `ProductNavigation` to give a collection of product information cards collected within a grid that has optional show/hide capability
+ */
+var ProductNavigation = function (_a) {
+    var heading = _a.heading, headingLevel = _a.headingLevel, content = _a.content, _b = _a.hideButton, hideButton = _b === void 0 ? false : _b, productList = _a.productList, _c = _a.defaultExpanded, defaultExpanded = _c === void 0 ? false : _c, minHeight = _a.minHeight, _d = _a.cardsToDisplay, cardsToDisplay = _d === void 0 ? 3 : _d, _e = _a.listIncrement, listIncrement = _e === void 0 ? 6 : _e, onClickMore = _a.onClickMore, onClickLess = _a.onClickLess, _f = _a.hideShowLess, hideShowLess = _f === void 0 ? false : _f, isLoading = _a.isLoading, image = _a.image, props = __rest(_a, ["heading", "headingLevel", "content", "hideButton", "productList", "defaultExpanded", "minHeight", "cardsToDisplay", "listIncrement", "onClickMore", "onClickLess", "hideShowLess", "isLoading", "image"]);
+    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 cardRef = useRef(null);
+    useEffect(function () {
+        if (defaultExpanded) {
+            setDisplayList(productList);
+        }
+    }, []);
+    var moveFocus = function () {
+        var _a;
+        (_a = cardRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    };
+    var clickController = function () {
+        // show more / current list length + increment
+        if (displayList.length < productList.length) {
+            if (onClickMore)
+                onClickMore();
+            setSkipLinkCard(displayList.length);
+            setDisplayList(productList.slice(0, displayList.length + listIncrement));
+        }
+        // show less / reset to original list length
+        else {
+            if (onClickLess)
+                onClickLess();
+            setSkipLinkCard(cardsToDisplay);
+            setDisplayList(productList.slice(0, cardsToDisplay));
+        }
+        // hide "show less" button option when fully expanded
+        if (hideShowLess &&
+            displayList.length + listIncrement >= productList.length) {
+            setHideLessButton(true);
+        }
+    };
+    var isMinWidthArcBreakpointS = useMediaQuery("(min-width: ".concat(ArcSizeBreakpointsS, ")"));
+    return (React.createElement("div", __assign({}, filterDataAttrs(props)),
+        React.createElement(SectionHeading, { isPadded: true, "data-testid": "ProductNavigation-header", heading: heading, headingLevel: headingLevel, content: content, image: image }),
+        React.createElement("ul", { className: classNames(styles["product-navigation-grid"]) }, displayList === null || displayList === void 0 ? void 0 : displayList.map(function (_a, i) {
+            var label = _a.label, href = _a.href, heading = _a.heading, text = _a.text;
+            return (React.createElement("li", { key: "displayList-".concat(i), tabIndex: -1, ref: i === skipLinkCard ? cardRef : undefined, "data-cy": "list-item-".concat(i) },
+                React.createElement(InformationCard, { button: {
+                        label: label,
+                        href: href,
+                    }, minHeight: minHeight, heading: heading, headingLevel: "2", text: text })));
+        })),
+        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 })),
+            displayList.length > cardsToDisplay && (React.createElement(React.Fragment, null,
+                React.createElement("div", { id: "skip-link", className: classNames(styles["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,
+                        "."))))));
+};
+
+export { ProductNavigation };

package/dist/ProductNavigation/styles.css

@@ -0,0 +1 @@
+.ProductNavigation-module_product-navigation-grid__RzFq8{display:grid;grid-auto-rows:1fr;grid-template-columns:repeat(1,1fr);grid-gap:24px;list-style:none;margin:0;max-width:1216px;padding:0}@media (min-width:636px){.ProductNavigation-module_product-navigation-grid__RzFq8{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.ProductNavigation-module_product-navigation-grid__RzFq8{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.ProductNavigation-module_product-navigation-grid__RzFq8{grid-gap:32px}}.ProductNavigation-module_productNavigation-skipLink__fy8ZJ{position:absolute;margin-top:56px;width:calc(100% - 32px);scale:0}@media (min-width:768px){.ProductNavigation-module_productNavigation-skipLink__fy8ZJ{position:static;position:initial;margin-top:0;width:auto;margin-left:12px;scale:0}}.ProductNavigation-module_productNavigation-skipLink__fy8ZJ[focus-within]{scale:1}.ProductNavigation-module_productNavigation-skipLink__fy8ZJ:focus-within{scale:1}

package/dist/PromoListing/PromoListing.cjs.js

@@ -1,20 +1,21 @@
 'use strict';
 
-var tslib_es6 = require('../_shared/cjs/tslib.es6-DBA0GFPJ.js');
+var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.js');
 var React = require('react');
 var index = require('../_shared/cjs/index-Bp6Dd2i1.js');
-var index_es = require('../_shared/cjs/index.es-X428Cm3N.js');
-var Carousel = require('@arc-ui/components/dist/Carousel');
-var useMediaQuery = require('@arc-ui/components/dist/use-media-query');
-var SectionHeading = require('../_shared/cjs/SectionHeading-L2EpTQ79.js');
-var MediaCard = require('@arc-ui/components/dist/MediaCard');
-var ImpactCard = require('@arc-ui/components/dist/ImpactCard');
-var InformationCard = require('@arc-ui/components/dist/InformationCard');
-var TypographyCard = require('@arc-ui/components/dist/TypographyCard');
+var index_es = require('../_shared/cjs/index.es-b6s9A4Ft.js');
+var Carousel = require('@arc-ui/components/Carousel');
+var useMediaQuery = require('@arc-ui/components/use-media-query');
+var SectionHeading = require('../_shared/cjs/SectionHeading-gjCR1F6E.js');
+var MediaCard = require('@arc-ui/components/MediaCard');
+var ImpactCard = require('@arc-ui/components/ImpactCard');
+var InformationCard = require('@arc-ui/components/InformationCard');
+var TypographyCard = require('@arc-ui/components/TypographyCard');
 require('../_shared/cjs/filter-data-attrs-ajtUvDAC.js');
-require('@arc-ui/components/dist/Heading');
-require('@arc-ui/components/dist/Text');
-require('@arc-ui/components/dist/VerticalSpace');
+require('@arc-ui/components/Heading');
+require('@arc-ui/components/Text');
+require('@arc-ui/components/VerticalSpace');
+require('@arc-ui/components/Image');
 
 var styles = {"PromoListing":"PromoListing-module_PromoListing__6ensv","promoListingContainer":"PromoListing-module_promoListingContainer__vwez-","cardGrid":"PromoListing-module_cardGrid__llf73","carouselSlide":"PromoListing-module_carouselSlide__AMTPF","cardGrid2Columns":"PromoListing-module_cardGrid2Columns__qPLQk","cardGrid3Cards":"PromoListing-module_cardGrid3Cards__VKWMs","cardGrid5Cards":"PromoListing-module_cardGrid5Cards__ywl5k","cardGrid3Columns":"PromoListing-module_cardGrid3Columns__g0Xru","cardGrid4Cards":"PromoListing-module_cardGrid4Cards__5Bv5u","cardGrid2Cards":"PromoListing-module_cardGrid2Cards__wDc4S"};
 

package/dist/PromoListing/PromoListing.esm.js

@@ -1,18 +1,19 @@
-import { a as __assign } from '../_shared/esm/tslib.es6-Cv15O4Nx.js';
+import { a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.js';
 import React, { useId } from 'react';
 import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.js';
-import { A as ArcSizeBreakpointsL } from '../_shared/esm/index.es-BzmvPxje.js';
-import { Carousel } from '@arc-ui/components/dist/Carousel';
-import { useMediaQuery } from '@arc-ui/components/dist/use-media-query';
-import { S as SectionHeading } from '../_shared/esm/SectionHeading-C70XNhqJ.js';
-import { MediaCard } from '@arc-ui/components/dist/MediaCard';
-import { ImpactCard } from '@arc-ui/components/dist/ImpactCard';
-import { InformationCard } from '@arc-ui/components/dist/InformationCard';
-import { TypographyCard } from '@arc-ui/components/dist/TypographyCard';
+import { a as ArcSizeBreakpointsL } from '../_shared/esm/index.es-B89aR7nq.js';
+import { Carousel } from '@arc-ui/components/Carousel';
+import { useMediaQuery } from '@arc-ui/components/use-media-query';
+import { S as SectionHeading } from '../_shared/esm/SectionHeading-BwbuyrYn.js';
+import { MediaCard } from '@arc-ui/components/MediaCard';
+import { ImpactCard } from '@arc-ui/components/ImpactCard';
+import { InformationCard } from '@arc-ui/components/InformationCard';
+import { TypographyCard } from '@arc-ui/components/TypographyCard';
 import '../_shared/esm/filter-data-attrs-V7cbJuwS.js';
-import '@arc-ui/components/dist/Heading';
-import '@arc-ui/components/dist/Text';
-import '@arc-ui/components/dist/VerticalSpace';
+import '@arc-ui/components/Heading';
+import '@arc-ui/components/Text';
+import '@arc-ui/components/VerticalSpace';
+import '@arc-ui/components/Image';
 
 var styles = {"PromoListing":"PromoListing-module_PromoListing__6ensv","promoListingContainer":"PromoListing-module_promoListingContainer__vwez-","cardGrid":"PromoListing-module_cardGrid__llf73","carouselSlide":"PromoListing-module_carouselSlide__AMTPF","cardGrid2Columns":"PromoListing-module_cardGrid2Columns__qPLQk","cardGrid3Cards":"PromoListing-module_cardGrid3Cards__VKWMs","cardGrid5Cards":"PromoListing-module_cardGrid5Cards__ywl5k","cardGrid3Columns":"PromoListing-module_cardGrid3Columns__g0Xru","cardGrid4Cards":"PromoListing-module_cardGrid4Cards__5Bv5u","cardGrid2Cards":"PromoListing-module_cardGrid2Cards__wDc4S"};
 

package/dist/Quote/Quote.cjs.js

@@ -1,14 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('../_shared/cjs/tslib.es6-DBA0GFPJ.js');
+var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.js');
 var React = require('react');
 var index = require('../_shared/cjs/index-Bp6Dd2i1.js');
 var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-ajtUvDAC.js');
-var Author = require('../_shared/cjs/Author-CAo-qryZ.js');
-require('@arc-ui/components/dist/Grid');
-require('@arc-ui/components/dist/Avatar');
-require('@arc-ui/components/dist/Heading');
-require('@arc-ui/components/dist/Text');
+var Author = require('../_shared/cjs/Author-DltMey-3.js');
+require('@arc-ui/components/Grid');
+require('@arc-ui/components/Avatar');
+require('@arc-ui/components/Heading');
+require('@arc-ui/components/Text');
 
 var styles = {"blockQuote":"Quote-module_blockQuote__STj-z","quoteContent":"Quote-module_quoteContent__kWc51","quoteDefault":"Quote-module_quoteDefault__tU5db","quoteSecondary":"Quote-module_quoteSecondary__3Rk3f","quoteIcon":"Quote-module_quoteIcon__HK1TV"};
 

package/dist/Quote/Quote.esm.js

@@ -1,12 +1,12 @@
-import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-Cv15O4Nx.js';
+import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.js';
 import React from 'react';
 import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.js';
 import { f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-V7cbJuwS.js';
-import { A as Author } from '../_shared/esm/Author-Bx-cE9Pz.js';
-import '@arc-ui/components/dist/Grid';
-import '@arc-ui/components/dist/Avatar';
-import '@arc-ui/components/dist/Heading';
-import '@arc-ui/components/dist/Text';
+import { A as Author } from '../_shared/esm/Author-son1Cgke.js';
+import '@arc-ui/components/Grid';
+import '@arc-ui/components/Avatar';
+import '@arc-ui/components/Heading';
+import '@arc-ui/components/Text';
 
 var styles = {"blockQuote":"Quote-module_blockQuote__STj-z","quoteContent":"Quote-module_quoteContent__kWc51","quoteDefault":"Quote-module_quoteDefault__tU5db","quoteSecondary":"Quote-module_quoteSecondary__3Rk3f","quoteIcon":"Quote-module_quoteIcon__HK1TV"};
 

package/dist/SectionHeading/SectionHeading.cjs.js

@@ -1,13 +1,14 @@
 'use strict';
 
-var SectionHeading = require('../_shared/cjs/SectionHeading-L2EpTQ79.js');
-require('../_shared/cjs/tslib.es6-DBA0GFPJ.js');
+var SectionHeading = require('../_shared/cjs/SectionHeading-gjCR1F6E.js');
+require('../_shared/cjs/tslib.es6-BxB9I209.js');
 require('react');
 require('../_shared/cjs/index-Bp6Dd2i1.js');
 require('../_shared/cjs/filter-data-attrs-ajtUvDAC.js');
-require('@arc-ui/components/dist/Heading');
-require('@arc-ui/components/dist/Text');
-require('@arc-ui/components/dist/VerticalSpace');
+require('@arc-ui/components/Heading');
+require('@arc-ui/components/Text');
+require('@arc-ui/components/VerticalSpace');
+require('@arc-ui/components/Image');
 
 
 

package/dist/SectionHeading/SectionHeading.esm.js

@@ -1,8 +1,9 @@
-export { S as SectionHeading } from '../_shared/esm/SectionHeading-C70XNhqJ.js';
-import '../_shared/esm/tslib.es6-Cv15O4Nx.js';
+export { S as SectionHeading } from '../_shared/esm/SectionHeading-BwbuyrYn.js';
+import '../_shared/esm/tslib.es6-BVXMhEem.js';
 import 'react';
 import '../_shared/esm/index-BfTCfPZ1.js';
 import '../_shared/esm/filter-data-attrs-V7cbJuwS.js';
-import '@arc-ui/components/dist/Heading';
-import '@arc-ui/components/dist/Text';
-import '@arc-ui/components/dist/VerticalSpace';
+import '@arc-ui/components/Heading';
+import '@arc-ui/components/Text';
+import '@arc-ui/components/VerticalSpace';
+import '@arc-ui/components/Image';

package/dist/SectionHeading/styles.css

@@ -1 +1 @@
-.SectionHeading-module_section-header--padded__0FXP2{padding-bottom:40px;width:auto}@media (min-width:636px){.SectionHeading-module_section-header--padded__0FXP2{min-width:588px;width:auto}}@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_section-header__iB07I{padding-bottom:40px;width:auto}.SectionHeading-module_section-header--hasImage__Ka3T7{display:flex;flex-direction:column;gap:16px}@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}}

package/dist/Statistics/Statistics.cjs.js

@@ -1,16 +1,17 @@
 'use strict';
 
-var tslib_es6 = require('../_shared/cjs/tslib.es6-DBA0GFPJ.js');
+var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.js');
 var React = require('react');
-var Columns = require('@arc-ui/components/dist/Columns');
-var Rule = require('@arc-ui/components/dist/Rule');
-var Text = require('@arc-ui/components/dist/Text');
-var Align = require('@arc-ui/components/dist/Align');
-var Heading = require('@arc-ui/components/dist/Heading');
-var VerticalSpace = require('@arc-ui/components/dist/VerticalSpace');
-var SectionHeading = require('../_shared/cjs/SectionHeading-L2EpTQ79.js');
+var Columns = require('@arc-ui/components/Columns');
+var Rule = require('@arc-ui/components/Rule');
+var Text = require('@arc-ui/components/Text');
+var Align = require('@arc-ui/components/Align');
+var Heading = require('@arc-ui/components/Heading');
+var VerticalSpace = require('@arc-ui/components/VerticalSpace');
+var SectionHeading = require('../_shared/cjs/SectionHeading-gjCR1F6E.js');
 require('../_shared/cjs/index-Bp6Dd2i1.js');
 require('../_shared/cjs/filter-data-attrs-ajtUvDAC.js');
+require('@arc-ui/components/Image');
 
 var styles = {"list":"Statistics-module_list__BI-eQ","mutedText":"Statistics-module_mutedText__MR1JM","statWrapper":"Statistics-module_statWrapper__83OnM"};
 
@@ -27,10 +28,10 @@ var Statistics = function (_a) {
     var headingLevel = _a.headingLevel, heading = _a.heading, content = _a.content, statistics = _a.statistics;
     var id = React.useId();
     return (React.createElement(Columns.Columns, null,
-        React.createElement(Columns.Columns.Col, { spanM: 9 },
+        React.createElement(Columns.ColumnsCol, { spanM: 9 },
             React.createElement(SectionHeading.SectionHeading, { heading: heading, headingLevel: headingLevel, content: content }),
             React.createElement(VerticalSpace.VerticalSpace, { size: "16" })),
-        React.createElement(Columns.Columns.Col, { spanL: 9 },
+        React.createElement(Columns.ColumnsCol, { spanL: 9 },
             React.createElement("ul", { className: styles.list }, statistics.map(function (_a, i) {
                 var stat = _a.stat, copy = _a.copy, link = _a.link, source = _a.source, sourceUrl = _a.sourceUrl;
                 return (React.createElement("li", { key: "statistic-".concat(id, "-").concat(i) },
@@ -39,11 +40,11 @@ var Statistics = function (_a) {
                         React.createElement(Rule.Rule, null),
                         React.createElement(VerticalSpace.VerticalSpace, { size: "24", sizeS: "32", sizeXL: "40" }))),
                     React.createElement(Columns.Columns, null,
-                        React.createElement(Columns.Columns.Col, { spanS: 6, spanM: 8 },
+                        React.createElement(Columns.ColumnsCol, { spanS: 6, spanM: 8 },
                             React.createElement(Align.Align, { vertical: "center" },
                                 React.createElement("div", { className: styles.statWrapper },
                                     React.createElement(Heading.Heading, { color: "brand", size: "xxl" }, stat)))),
-                        React.createElement(Columns.Columns.Col, { spanS: 6, spanM: 4 },
+                        React.createElement(Columns.ColumnsCol, { spanS: 6, spanM: 4 },
                             React.createElement(Text.Text, null, copy),
                             link && (React.createElement(React.Fragment, null,
                                 React.createElement(VerticalSpace.VerticalSpace, { size: "12" }),

package/dist/Statistics/Statistics.esm.js

@@ -1,14 +1,15 @@
-import { a as __assign } from '../_shared/esm/tslib.es6-Cv15O4Nx.js';
+import { a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.js';
 import React, { useId } from 'react';
-import { Columns } from '@arc-ui/components/dist/Columns';
-import { Rule } from '@arc-ui/components/dist/Rule';
-import { Text } from '@arc-ui/components/dist/Text';
-import { Align } from '@arc-ui/components/dist/Align';
-import { Heading } from '@arc-ui/components/dist/Heading';
-import { VerticalSpace } from '@arc-ui/components/dist/VerticalSpace';
-import { S as SectionHeading } from '../_shared/esm/SectionHeading-C70XNhqJ.js';
+import { Columns, ColumnsCol } from '@arc-ui/components/Columns';
+import { Rule } from '@arc-ui/components/Rule';
+import { Text } from '@arc-ui/components/Text';
+import { Align } from '@arc-ui/components/Align';
+import { Heading } from '@arc-ui/components/Heading';
+import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
+import { S as SectionHeading } from '../_shared/esm/SectionHeading-BwbuyrYn.js';
 import '../_shared/esm/index-BfTCfPZ1.js';
 import '../_shared/esm/filter-data-attrs-V7cbJuwS.js';
+import '@arc-ui/components/Image';
 
 var styles = {"list":"Statistics-module_list__BI-eQ","mutedText":"Statistics-module_mutedText__MR1JM","statWrapper":"Statistics-module_statWrapper__83OnM"};
 
@@ -25,10 +26,10 @@ var Statistics = function (_a) {
     var headingLevel = _a.headingLevel, heading = _a.heading, content = _a.content, statistics = _a.statistics;
     var id = useId();
     return (React.createElement(Columns, null,
-        React.createElement(Columns.Col, { spanM: 9 },
+        React.createElement(ColumnsCol, { spanM: 9 },
             React.createElement(SectionHeading, { heading: heading, headingLevel: headingLevel, content: content }),
             React.createElement(VerticalSpace, { size: "16" })),
-        React.createElement(Columns.Col, { spanL: 9 },
+        React.createElement(ColumnsCol, { spanL: 9 },
             React.createElement("ul", { className: styles.list }, statistics.map(function (_a, i) {
                 var stat = _a.stat, copy = _a.copy, link = _a.link, source = _a.source, sourceUrl = _a.sourceUrl;
                 return (React.createElement("li", { key: "statistic-".concat(id, "-").concat(i) },
@@ -37,11 +38,11 @@ var Statistics = function (_a) {
                         React.createElement(Rule, null),
                         React.createElement(VerticalSpace, { size: "24", sizeS: "32", sizeXL: "40" }))),
                     React.createElement(Columns, null,
-                        React.createElement(Columns.Col, { spanS: 6, spanM: 8 },
+                        React.createElement(ColumnsCol, { spanS: 6, spanM: 8 },
                             React.createElement(Align, { vertical: "center" },
                                 React.createElement("div", { className: styles.statWrapper },
                                     React.createElement(Heading, { color: "brand", size: "xxl" }, stat)))),
-                        React.createElement(Columns.Col, { spanS: 6, spanM: 4 },
+                        React.createElement(ColumnsCol, { spanS: 6, spanM: 4 },
                             React.createElement(Text, null, copy),
                             link && (React.createElement(React.Fragment, null,
                                 React.createElement(VerticalSpace, { size: "12" }),

package/dist/Summary/Summary.cjs.js

@@ -1,20 +1,21 @@
 'use strict';
 
+var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.js');
 var React = require('react');
-var index_es = require('../_shared/cjs/index.es-X428Cm3N.js');
-var Heading = require('@arc-ui/components/dist/Heading');
-var Text = require('@arc-ui/components/dist/Text');
-var Box = require('@arc-ui/components/dist/Box');
-var Rule = require('@arc-ui/components/dist/Rule');
-var VerticalSpace = require('@arc-ui/components/dist/VerticalSpace');
-var useMediaQuery = require('@arc-ui/components/dist/use-media-query');
+var index_es = require('../_shared/cjs/index.es-b6s9A4Ft.js');
+var Heading = require('@arc-ui/components/Heading');
+var Text = require('@arc-ui/components/Text');
+var Box = require('@arc-ui/components/Box');
+var Rule = require('@arc-ui/components/Rule');
+var VerticalSpace = require('@arc-ui/components/VerticalSpace');
+var useMediaQuery = require('@arc-ui/components/use-media-query');
 
 var styles = {"ruleContainer":"Summary-module_ruleContainer__ydWlG","row":"Summary-module_row__SKV--"};
 
 var Summary = function (_a) {
-    var content = _a.content, _b = _a.headingLevel, headingLevel = _b === void 0 ? "3" : _b;
-    var isMinWidthArcBreakpointS = useMediaQuery.useMediaQuery("(min-width: ".concat(index_es.ArcSizeBreakpointsS, ")"));
-    return (React.createElement(Box.Box, { isBorderRadius: true, borderWidth: "thin", padding: "24" },
+    var content = _a.content, _b = _a.noBorder, noBorder = _b === void 0 ? false : _b, _c = _a.headingLevel, headingLevel = _c === void 0 ? "3" : _c;
+    var isMinWidthArcBreakpointM = useMediaQuery.useMediaQuery("(min-width: ".concat(index_es.ArcSizeBreakpointsM, ")"));
+    return (React.createElement(Box.Box, tslib_es6.__assign({ isBorderRadius: true }, (!noBorder ? { borderWidth: "thin" } : { elevationLevel: "1" }), { padding: "24" }),
         React.createElement("div", { className: styles.row }, content.map(function (_a, i) {
             var heading = _a.heading, text = _a.text;
             return (React.createElement(React.Fragment, null,
@@ -23,7 +24,7 @@ var Summary = function (_a) {
                     React.createElement(VerticalSpace.VerticalSpace, { size: "8" }),
                     React.createElement(Text.Text, { size: "s" }, text)),
                 i !== content.length - 1 && (React.createElement("div", { className: styles.ruleContainer },
-                    React.createElement(Rule.Rule, { orientation: isMinWidthArcBreakpointS ? "vertical" : "horizontal" })))));
+                    React.createElement(Rule.Rule, { orientation: isMinWidthArcBreakpointM ? "vertical" : "horizontal" })))));
         }))));
 };
 

package/dist/Summary/Summary.esm.js

@@ -1,18 +1,19 @@
+import { a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.js';
 import React from 'react';
-import { a as ArcSizeBreakpointsS } from '../_shared/esm/index.es-BzmvPxje.js';
-import { Heading } from '@arc-ui/components/dist/Heading';
-import { Text } from '@arc-ui/components/dist/Text';
-import { Box } from '@arc-ui/components/dist/Box';
-import { Rule } from '@arc-ui/components/dist/Rule';
-import { VerticalSpace } from '@arc-ui/components/dist/VerticalSpace';
-import { useMediaQuery } from '@arc-ui/components/dist/use-media-query';
+import { b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-B89aR7nq.js';
+import { Heading } from '@arc-ui/components/Heading';
+import { Text } from '@arc-ui/components/Text';
+import { Box } from '@arc-ui/components/Box';
+import { Rule } from '@arc-ui/components/Rule';
+import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
+import { useMediaQuery } from '@arc-ui/components/use-media-query';
 
 var styles = {"ruleContainer":"Summary-module_ruleContainer__ydWlG","row":"Summary-module_row__SKV--"};
 
 var Summary = function (_a) {
-    var content = _a.content, _b = _a.headingLevel, headingLevel = _b === void 0 ? "3" : _b;
-    var isMinWidthArcBreakpointS = useMediaQuery("(min-width: ".concat(ArcSizeBreakpointsS, ")"));
-    return (React.createElement(Box, { isBorderRadius: true, borderWidth: "thin", padding: "24" },
+    var content = _a.content, _b = _a.noBorder, noBorder = _b === void 0 ? false : _b, _c = _a.headingLevel, headingLevel = _c === void 0 ? "3" : _c;
+    var isMinWidthArcBreakpointM = useMediaQuery("(min-width: ".concat(ArcSizeBreakpointsM, ")"));
+    return (React.createElement(Box, __assign({ isBorderRadius: true }, (!noBorder ? { borderWidth: "thin" } : { elevationLevel: "1" }), { padding: "24" }),
         React.createElement("div", { className: styles.row }, content.map(function (_a, i) {
             var heading = _a.heading, text = _a.text;
             return (React.createElement(React.Fragment, null,
@@ -21,7 +22,7 @@ var Summary = function (_a) {
                     React.createElement(VerticalSpace, { size: "8" }),
                     React.createElement(Text, { size: "s" }, text)),
                 i !== content.length - 1 && (React.createElement("div", { className: styles.ruleContainer },
-                    React.createElement(Rule, { orientation: isMinWidthArcBreakpointS ? "vertical" : "horizontal" })))));
+                    React.createElement(Rule, { orientation: isMinWidthArcBreakpointM ? "vertical" : "horizontal" })))));
         }))));
 };
 

package/dist/Summary/styles.css

@@ -1 +1 @@
-.Summary-module_ruleContainer__ydWlG{flex:0 1 auto;padding:24px}.Summary-module_ruleContainer__ydWlG .arc-Rule{margin:0}@media (min-width:636px){.Summary-module_row__SKV--{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr)}}@media (min-width:1024px){.Summary-module_ruleContainer__ydWlG{padding:12px 48px}.Summary-module_row__SKV--{padding:0 24px}}
+.Summary-module_ruleContainer__ydWlG{flex:0 1 auto;padding:24px}.Summary-module_ruleContainer__ydWlG .arc-Rule{margin:0}@media (min-width:768px){.Summary-module_row__SKV--{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr)}}@media (min-width:1024px){.Summary-module_ruleContainer__ydWlG{padding:12px 48px}.Summary-module_row__SKV--{padding:0 24px}}

package/dist/_shared/cjs/{Author-CAo-qryZ.js → Author-DltMey-3.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-DBA0GFPJ.js');
+var tslib_es6 = require('./tslib.es6-BxB9I209.js');
 var React = require('react');
 var filterDataAttrs = require('./filter-data-attrs-ajtUvDAC.js');
-var Grid = require('@arc-ui/components/dist/Grid');
-var Avatar = require('@arc-ui/components/dist/Avatar');
-var Heading = require('@arc-ui/components/dist/Heading');
-var Text = require('@arc-ui/components/dist/Text');
+var Grid = require('@arc-ui/components/Grid');
+var Avatar = require('@arc-ui/components/Avatar');
+var Heading = require('@arc-ui/components/Heading');
+var Text = require('@arc-ui/components/Text');
 
 var styles = {"authorContent":"Author-module_authorContent__TBY7b","largeAvatar":"Author-module_largeAvatar__Vco03"};
 
@@ -17,11 +17,11 @@ var Author = function (_a) {
     var isLargeAvatar = avatar.size === "l" || avatar.size === "xl";
     return (React.createElement("div", tslib_es6.__assign({}, filterDataAttrs.filterDataAttrs(props)),
         React.createElement(Grid.Grid, { isFluid: true, isGutterless: true },
-            React.createElement(Grid.Grid.Row, { align: "center" },
-                React.createElement(Grid.Grid.Col, { xs: isLargeAvatar ? 12 : "auto" },
+            React.createElement(Grid.GridRow, { align: "center" },
+                React.createElement(Grid.GridCol, { xs: isLargeAvatar ? 12 : "auto" },
                     React.createElement("div", { className: isLargeAvatar ? styles.largeAvatar : undefined },
                         React.createElement(Avatar.Avatar, tslib_es6.__assign({}, avatar)))),
-                React.createElement(Grid.Grid.Col, null,
+                React.createElement(Grid.GridCol, null,
                     React.createElement("div", { className: "".concat(!isLargeAvatar && styles.authorContent), "data-testid": "authorContent" },
                         React.createElement(Heading.Heading, { size: "xs" }, name),
                         React.createElement(Text.Text, { size: "s" }, title)))))));

package/dist/_shared/cjs/SectionHeading-gjCR1F6E.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-BxB9I209.js');
+var React = require('react');
+var index = require('./index-Bp6Dd2i1.js');
+var filterDataAttrs = require('./filter-data-attrs-ajtUvDAC.js');
+var Heading = require('@arc-ui/components/Heading');
+var Text = require('@arc-ui/components/Text');
+var VerticalSpace = require('@arc-ui/components/VerticalSpace');
+var Image = require('@arc-ui/components/Image');
+
+var styles = {"section-header":"SectionHeading-module_section-header__iB07I","section-header--hasImage":"SectionHeading-module_section-header--hasImage__Ka3T7","section-header--padded":"SectionHeading-module_section-header--padded__0FXP2"};
+
+var SectionHeading = function (_a) {
+    var _b, _c;
+    var heading = _a.heading, content = _a.content, id = _a.id, _d = _a.isPadded, isPadded = _d === void 0 ? false : _d, _e = _a.headingLevel, headingLevel = _e === void 0 ? "2" : _e, image = _a.image, props = tslib_es6.__rest(_a, ["heading", "content", "id", "isPadded", "headingLevel", "image"]);
+    return (React.createElement("div", tslib_es6.__assign({ className: index.classNames((_b = {},
+            _b[styles["section-header"]] = true,
+            _b[styles["section-header--padded"]] = isPadded,
+            _b)) }, filterDataAttrs.filterDataAttrs(props)),
+        React.createElement("div", { className: index.classNames((_c = {}, _c[styles["section-header--hasImage"]] = image, _c)) },
+            image && (React.createElement("div", null,
+                React.createElement(Image.Image, tslib_es6.__assign({}, image, { width: 68, fit: "cover" })))),
+            React.createElement(Heading.Heading, { level: headingLevel, id: id, size: "xl" }, heading)),
+        content && (React.createElement(React.Fragment, null,
+            React.createElement(VerticalSpace.VerticalSpace, { size: "24" }),
+            React.createElement(Text.Text, { size: "l", elementType: "p" }, content)))));
+};
+
+exports.SectionHeading = SectionHeading;

package/dist/_shared/cjs/{index.es-X428Cm3N.js → index.es-b6s9A4Ft.js}

@@ -2,7 +2,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 29 Nov 2024 12:01:05 GMT
+ * Generated on Fri, 25 Jul 2025 07:43:07 GMT
  */
 var ArcSizeBreakpointsS = "636px";
 var ArcSizeBreakpointsM = "768px";

package/dist/_shared/cjs/tslib.es6-BxB9I209.js

@@ -0,0 +1,99 @@
+'use strict';
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
+
+exports.__assign = function() {
+    exports.__assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return exports.__assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+function __generator(thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+}
+
+function __spreadArray(to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+exports.__awaiter = __awaiter;
+exports.__generator = __generator;
+exports.__rest = __rest;
+exports.__spreadArray = __spreadArray;