@arc-ui/community-components 1.1.0 → 3.0.0

package/.turbo/turbo-build.log

@@ -1,16 +1,46 @@
 
-> @arc-ui/community-components@1.1.0 build /builds/enterprise/frontend/arc-community/packages/components
-> rimraf dist && rollup -c && generate-subpath-css
+> @arc-ui/community-components@3.0.0 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 6 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 → dist...
-created dist in 3.8s
+src/index.ts → lib/index.cjs, lib/index.mjs...
+created lib/index.cjs, lib/index.mjs in 10.7s
 
-src/index.ts → dist/index.es.js...
-created dist/index.es.js in 2.5s
+./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/dist/Heading (imported by "lib/types/components/CopyLead/CopyLead.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" and "lib/types/components/ArticleSidebar/types/share.d.ts")
+@arc-ui/components/dist/VideoPlayer (imported by "lib/types/components/CopyLead/CopyLead.d.ts")
+@arc-ui/components/Avatar (imported by "lib/types/components/Author/Author.d.ts")
+@arc-ui/components/Download (imported by "lib/types/components/DownloadList/DownloadList.d.ts")
+@arc-ui/components/Heading (imported by "lib/types/components/FeaturePost/FeaturePost.d.ts", "lib/types/components/Summary/Summary.d.ts", "lib/types/components/SectionHeading/SectionHeading.d.ts" and "lib/types/components/Accordion/components/AccordionHeading/AccordionHeading.d.ts")
+@arc-ui/components/VideoPlayer (imported by "lib/types/components/FeaturePost/FeaturePost.d.ts")
+@arc-ui/components/MediaCard (imported by "lib/types/components/PromoListing/PromoListing.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" and "lib/types/components/ProductNavigation/types/product-list.d.ts")
+@arc-ui/components/TypographyCard (imported by "lib/types/components/PromoListing/PromoListing.d.ts")
+@arc-ui/components/ButtonV2 (imported by "lib/types/components/Highlights/Highlights.d.ts")
+@arc-ui/components/dist/types/components/TemplateBanner/TemplateBanner (imported by "lib/types/components/BannerWithTabs/BannerWithTabs.d.ts")
+@arc-ui/components/dist/types/components/Image/Image (imported by "lib/types/components/SectionHeading/SectionHeading.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/Disclosure (imported by "lib/types/components/Accordion/components/AccordionDisclosureList/AccordionDisclosureList.d.ts")
+@arc-ui/components/dist/types/components/Tag/Tag (imported by "lib/types/components/ArticleSidebar/types/topic.d.ts")
+@arc-ui/components/types/components/ButtonV2/ButtonV2 (imported by "lib/types/components/ProductNavigation/types/product-list.d.ts")
+@arc-ui/components/dist/types/components/Button/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/dist/types/components/AppButton (imported by "lib/types/components/FeaturePost/types/feature-post-app-button-footer.d.ts")
+created lib/index.d.mts, lib/index.d.cts in 266ms
 
-./src/components/Accordion/index.ts, ./src/components/ArticleSidebar/index.ts, ./src/components/Author/index.ts, ./src/components/BannerWithTabs/index.ts, ./src/components/ContentInfoWidget/index.ts, ./src/components/CopyLead/index.ts, ./src/components/DownloadList/index.ts, ./src/components/FeaturePost/index.ts, ./src/components/Highlights/index.ts, ./src/components/ProductNavigation/index.ts, ./src/components/PromoListing/index.ts, ./src/components/Quote/index.ts, ./src/components/SectionHeading/index.ts, ./src/components/Statistics/index.ts, ./src/components/Summary/index.ts → dist...
-created dist in 2.2s
+./src/components/Accordion/index.ts, ./src/components/ArticleSidebar/index.ts, ./src/components/Author/index.ts, ./src/components/BannerWithTabs/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/ProductNavigation/index.ts, ./src/components/PromoListing/index.ts, ./src/components/Quote/index.ts, ./src/components/SectionHeading/index.ts, ./src/components/Statistics/index.ts, ./src/components/Summary/index.ts → lib...
+created lib in 7.3s
 
-./src/components/Accordion/index.ts, ./src/components/ArticleSidebar/index.ts, ./src/components/Author/index.ts, ./src/components/BannerWithTabs/index.ts, ./src/components/ContentInfoWidget/index.ts, ./src/components/CopyLead/index.ts, ./src/components/DownloadList/index.ts, ./src/components/FeaturePost/index.ts, ./src/components/Highlights/index.ts, ./src/components/ProductNavigation/index.ts, ./src/components/PromoListing/index.ts, ./src/components/Quote/index.ts, ./src/components/SectionHeading/index.ts, ./src/components/Statistics/index.ts, ./src/components/Summary/index.ts → dist...
-created dist in 2.1s
+./src/components/Accordion/index.ts, ./src/components/ArticleSidebar/index.ts, ./src/components/Author/index.ts, ./src/components/BannerWithTabs/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/ProductNavigation/index.ts, ./src/components/PromoListing/index.ts, ./src/components/Quote/index.ts, ./src/components/SectionHeading/index.ts, ./src/components/Statistics/index.ts, ./src/components/Summary/index.ts → lib...
+created lib in 6.5s
+Browserslist: browsers data (caniuse-lite) is 6 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.0.0 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,38 @@
 # @arc-ui/community-components
 
+## 3.0.0
+
+### Major Changes
+
+- f97837c: Fixed build process and package exports for node esm
+
+### Minor Changes
+
+- 48b1392: Update the PromoListing component to utilise the Card and Carousel updates
+- Add auto calculated heading levels for sub headings in Highlights and Copylead
+- Add support for single optional CTA button in Highlights
+
+### Patch Changes
+
+- 9cdd4b7: fix scope styling on FAQs list elements
+- 9cdd4b7: add filter data attributes to disclosure list in accordion
+- 029c378: Update arc components package to 13.3.0
+- 9cdd4b7: fix onclick effect from FAQs skip links
+
+## 2.0.0
+
+### Major Changes
+
+- upgrade arc version to 13.0.0 and react version to 19.2.3
+
+### Minor Changes
+
+- feat: add new FAQs section pattern with adaptions to the Accordion component
+- Fix: remove isInverted prop from BannerWithTabs and add option to change surface via storybook
+- feat: adjust Accordion component to suit new FAQs pattern and design intent
+- fix: update FeaturePost label text to be overline and update date format
+- feat: open SectionHeading and HighlightItem content type to reactnode
+
 ## 1.1.0
 
 ### Minor Changes

package/lib/Accordion/Accordion.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var Accordion = require('../_shared/cjs/Accordion-C4XdbGCu.cjs');
+require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
+require('react');
+require('../_shared/cjs/filter-data-attrs-ajtUvDAC.cjs');
+require('../_shared/cjs/index-Bp6Dd2i1.cjs');
+require('@arc-ui/components/Heading');
+require('@arc-ui/components/Text');
+require('@arc-ui/components/VerticalSpace');
+require('@arc-ui/components/Image');
+require('@arc-ui/components/Disclosure');
+
+
+
+exports.Accordion = Accordion.Accordion;

package/lib/Accordion/Accordion.mjs

@@ -0,0 +1,10 @@
+export { A as Accordion } from '../_shared/esm/Accordion-Ct7RuUbx.mjs';
+import '../_shared/esm/tslib.es6-D6Wu-xwB.mjs';
+import 'react';
+import '../_shared/esm/filter-data-attrs-V7cbJuwS.mjs';
+import '../_shared/esm/index-BfTCfPZ1.mjs';
+import '@arc-ui/components/Heading';
+import '@arc-ui/components/Text';
+import '@arc-ui/components/VerticalSpace';
+import '@arc-ui/components/Image';
+import '@arc-ui/components/Disclosure';

package/{dist/ArticleSidebar/ArticleSidebar.cjs.js → lib/ArticleSidebar/ArticleSidebar.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.js');
+var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
 var React = require('react');
 var Heading = require('@arc-ui/components/Heading');
 var Icon = require('@arc-ui/components/Icon');
@@ -10,8 +10,8 @@ var Link = require('@arc-ui/components/Link');
 var Tag = require('@arc-ui/components/Tag');
 var Toast = require('@arc-ui/components/Toast');
 var VerticalSpace = require('@arc-ui/components/VerticalSpace');
-var Author = require('../_shared/cjs/Author-DltMey-3.js');
-require('../_shared/cjs/filter-data-attrs-ajtUvDAC.js');
+var Author = require('../_shared/cjs/Author-X47pv31V.cjs');
+require('../_shared/cjs/filter-data-attrs-ajtUvDAC.cjs');
 require('@arc-ui/components/Grid');
 require('@arc-ui/components/Avatar');
 

package/{dist/ArticleSidebar/ArticleSidebar.esm.js → lib/ArticleSidebar/ArticleSidebar.mjs}

@@ -1,4 +1,4 @@
-import { b as __spreadArray, a as __assign, c as __awaiter, d as __generator } from '../_shared/esm/tslib.es6-BVXMhEem.js';
+import { b as __spreadArray, _ as __assign, c as __awaiter, d as __generator } from '../_shared/esm/tslib.es6-D6Wu-xwB.mjs';
 import React, { useId, useState } from 'react';
 import { Heading } from '@arc-ui/components/Heading';
 import { Icon } from '@arc-ui/components/Icon';
@@ -8,8 +8,8 @@ import { Link } from '@arc-ui/components/Link';
 import { Tag } from '@arc-ui/components/Tag';
 import { Toast, ToastNotification } from '@arc-ui/components/Toast';
 import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
-import { A as Author } from '../_shared/esm/Author-son1Cgke.js';
-import '../_shared/esm/filter-data-attrs-V7cbJuwS.js';
+import { A as Author } from '../_shared/esm/Author-CydDYCma.mjs';
+import '../_shared/esm/filter-data-attrs-V7cbJuwS.mjs';
 import '@arc-ui/components/Grid';
 import '@arc-ui/components/Avatar';
 

package/{dist/Author/Author.cjs.js → lib/Author/Author.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
-var Author = require('../_shared/cjs/Author-DltMey-3.js');
-require('../_shared/cjs/tslib.es6-BxB9I209.js');
+var Author = require('../_shared/cjs/Author-X47pv31V.cjs');
+require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
 require('react');
-require('../_shared/cjs/filter-data-attrs-ajtUvDAC.js');
+require('../_shared/cjs/filter-data-attrs-ajtUvDAC.cjs');
 require('@arc-ui/components/Grid');
 require('@arc-ui/components/Avatar');
 require('@arc-ui/components/Heading');

package/lib/Author/Author.mjs

@@ -0,0 +1,8 @@
+export { A as Author } from '../_shared/esm/Author-CydDYCma.mjs';
+import '../_shared/esm/tslib.es6-D6Wu-xwB.mjs';
+import 'react';
+import '../_shared/esm/filter-data-attrs-V7cbJuwS.mjs';
+import '@arc-ui/components/Grid';
+import '@arc-ui/components/Avatar';
+import '@arc-ui/components/Heading';
+import '@arc-ui/components/Text';

package/{dist/BannerWithTabs/BannerWithTabs.cjs.js → lib/BannerWithTabs/BannerWithTabs.cjs}

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var index = require('../_shared/cjs/index-Bp6Dd2i1.js');
-var SectionHeading = require('../_shared/cjs/SectionHeading-gjCR1F6E.js');
+var index = require('../_shared/cjs/index-Bp6Dd2i1.cjs');
+var SectionHeading = require('../_shared/cjs/SectionHeading-DepTV4JA.cjs');
 var TabbedBanner = require('@arc-ui/components/TabbedBanner');
-require('../_shared/cjs/tslib.es6-BxB9I209.js');
-require('../_shared/cjs/filter-data-attrs-ajtUvDAC.js');
+require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
+require('../_shared/cjs/filter-data-attrs-ajtUvDAC.cjs');
 require('@arc-ui/components/Heading');
 require('@arc-ui/components/Text');
 require('@arc-ui/components/VerticalSpace');
@@ -15,11 +15,11 @@ var styles = {"bannerWithTabsHeadingCentered":"BannerWithTabs-module_bannerWithT
 
 var BannerWithTabs = function (_a) {
     var _b;
-    var tabs = _a.tabs, defaultValue = _a.defaultValue, heading = _a.heading, content = _a.content, _c = _a.alignTypography, alignTypography = _c === void 0 ? "left" : _c, _d = _a.isInverted, isInverted = _d === void 0 ? false : _d, minHeight = _a.minHeight, minHeightM = _a.minHeightM;
+    var tabs = _a.tabs, defaultValue = _a.defaultValue, heading = _a.heading, content = _a.content, _c = _a.alignTypography, alignTypography = _c === void 0 ? "left" : _c, minHeight = _a.minHeight, minHeightM = _a.minHeightM;
     return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: index.classNames(styles.bannerWithTabsHeading, (_b = {},
+        React.createElement("div", { className: index.classNames((_b = {},
                 _b[styles.bannerWithTabsHeadingCentered] = alignTypography === "center",
-                _b)), style: { color: isInverted ? "white" : "black" } },
+                _b)) },
             React.createElement(SectionHeading.SectionHeading, { heading: heading, content: content, isPadded: alignTypography === "left" ? true : false })),
         React.createElement(TabbedBanner.TabbedBanner, { minHeight: minHeight, minHeightM: minHeightM, tabs: tabs, defaultValue: defaultValue })));
 };

package/{dist/BannerWithTabs/BannerWithTabs.esm.js → lib/BannerWithTabs/BannerWithTabs.mjs}

@@ -1,9 +1,9 @@
 import React from 'react';
-import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.js';
-import { S as SectionHeading } from '../_shared/esm/SectionHeading-BwbuyrYn.js';
+import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.mjs';
+import { S as SectionHeading } from '../_shared/esm/SectionHeading-BayinGP_.mjs';
 import { TabbedBanner } from '@arc-ui/components/TabbedBanner';
-import '../_shared/esm/tslib.es6-BVXMhEem.js';
-import '../_shared/esm/filter-data-attrs-V7cbJuwS.js';
+import '../_shared/esm/tslib.es6-D6Wu-xwB.mjs';
+import '../_shared/esm/filter-data-attrs-V7cbJuwS.mjs';
 import '@arc-ui/components/Heading';
 import '@arc-ui/components/Text';
 import '@arc-ui/components/VerticalSpace';
@@ -13,11 +13,11 @@ var styles = {"bannerWithTabsHeadingCentered":"BannerWithTabs-module_bannerWithT
 
 var BannerWithTabs = function (_a) {
     var _b;
-    var tabs = _a.tabs, defaultValue = _a.defaultValue, heading = _a.heading, content = _a.content, _c = _a.alignTypography, alignTypography = _c === void 0 ? "left" : _c, _d = _a.isInverted, isInverted = _d === void 0 ? false : _d, minHeight = _a.minHeight, minHeightM = _a.minHeightM;
+    var tabs = _a.tabs, defaultValue = _a.defaultValue, heading = _a.heading, content = _a.content, _c = _a.alignTypography, alignTypography = _c === void 0 ? "left" : _c, minHeight = _a.minHeight, minHeightM = _a.minHeightM;
     return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: classNames(styles.bannerWithTabsHeading, (_b = {},
+        React.createElement("div", { className: classNames((_b = {},
                 _b[styles.bannerWithTabsHeadingCentered] = alignTypography === "center",
-                _b)), style: { color: isInverted ? "white" : "black" } },
+                _b)) },
             React.createElement(SectionHeading, { heading: heading, content: content, isPadded: alignTypography === "left" ? true : false })),
         React.createElement(TabbedBanner, { minHeight: minHeight, minHeightM: minHeightM, tabs: tabs, defaultValue: defaultValue })));
 };

package/{dist/CopyLead/CopyLead.cjs.js → lib/CopyLead/CopyLead.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.js');
+var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
 var React = require('react');
-var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-ajtUvDAC.js');
-var index_es = require('../_shared/cjs/index.es-Cf6wAvkf.js');
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-ajtUvDAC.cjs');
+var index_es = require('../_shared/cjs/index.es-D11PdokQ.cjs');
 var Columns = require('@arc-ui/components/Columns');
 var useMediaQuery = require('@arc-ui/components/use-media-query');
 var Heading = require('@arc-ui/components/Heading');
@@ -11,9 +11,9 @@ var Text = require('@arc-ui/components/Text');
 var VerticalSpace = require('@arc-ui/components/VerticalSpace');
 var Image$1 = require('@arc-ui/components/Image');
 var Icon = require('@arc-ui/components/Icon');
-var index = require('../_shared/cjs/index-Bp6Dd2i1.js');
+var index = require('../_shared/cjs/index-Bp6Dd2i1.cjs');
 var ButtonV2 = require('@arc-ui/components/ButtonV2');
-var SectionHeading = require('../_shared/cjs/SectionHeading-gjCR1F6E.js');
+var SectionHeading = require('../_shared/cjs/SectionHeading-DepTV4JA.cjs');
 
 var styles = {"buttonContainer":"CopyLead-module_buttonContainer__3OaRG","col":"CopyLead-module_col__0Da5H","container":"CopyLead-module_container__I91ym","container--content":"CopyLead-module_container--content__e8LxG","container--media":"CopyLead-module_container--media__QcMWi","container--align-center":"CopyLead-module_container--align-center__Fh1Sd","container--align-top":"CopyLead-module_container--align-top__UIXOZ","list":"CopyLead-module_list__arnJd","listItem":"CopyLead-module_listItem__NscHE","listItemCentered":"CopyLead-module_listItemCentered__Kwdab","listItemIconContainer":"CopyLead-module_listItemIconContainer__dgnhJ","listItemTextContainer":"CopyLead-module_listItemTextContainer__Dl9lw","imgWrapper":"CopyLead-module_imgWrapper__HYP3w","mediaContainer":"CopyLead-module_mediaContainer__PxTnm","content":"CopyLead-module_content__Bja1D","container--reverse":"CopyLead-module_container--reverse__Gq9u8"};
 
@@ -34,7 +34,7 @@ var Image = function (_a) {
 };
 
 var IconList = function (_a) {
-    var listItems = _a.listItems, isLgScreen = _a.isLgScreen;
+    var listItems = _a.listItems, isLgScreen = _a.isLgScreen, _b = _a.headingLevel, headingLevel = _b === void 0 ? "3" : _b;
     return (React.createElement("ul", { className: styles.list }, listItems.map(function (_a) {
         var _b;
         var icon = _a.icon, heading = _a.heading, text = _a.text;
@@ -44,7 +44,7 @@ var IconList = function (_a) {
             React.createElement("div", { className: styles.listItemIconContainer },
                 React.createElement(Icon.Icon, { color: "brand", icon: icon, size: isLgScreen ? 64 : 48 })),
             React.createElement("div", { className: styles.listItemTextContainer },
-                React.createElement(Heading.Heading, { level: "3", size: "s" }, heading),
+                React.createElement(Heading.Heading, { level: headingLevel, size: "s" }, heading),
                 text && (React.createElement(React.Fragment, null,
                     React.createElement(VerticalSpace.VerticalSpace, { size: "8", sizeL: "16" }),
                     React.createElement(Text.Text, null, text))))));
@@ -67,6 +67,11 @@ var Column = function (_a) {
     return (React.createElement("div", { className: styles.col }, children));
 };
 
+var getListHeadingLevel = function (level) {
+    var nextLevel = Math.min(parseInt(level) + 1, 6);
+    return nextLevel.toString();
+};
+
 var VideoPlayer = React.lazy(function () {
     return import('@arc-ui/components/VideoPlayer').then(function (_a) {
         var VideoPlayer = _a.VideoPlayer;
@@ -80,6 +85,7 @@ var MediaTemplate = function (_a) {
     var _c = React.useState(false), isClient = _c[0], setIsClient = _c[1];
     var isMinWidthArcBreakpointL = useMediaQuery.useMediaQuery("(min-width: ".concat(index_es.ArcSizeBreakpointsL, ")"));
     var isMinWidthArcBreakpointXl = useMediaQuery.useMediaQuery("(min-width: ".concat(index_es.ArcSizeBreakpointsXl, ")"));
+    var listHeadingLevel = getListHeadingLevel(headingLevel);
     React.useEffect(function () {
         setIsClient(true);
     }, []);
@@ -90,7 +96,7 @@ var MediaTemplate = function (_a) {
         React.createElement(Container, { type: "media", isReverseOrder: isReverseOrder, alignment: !isMinWidthArcBreakpointXl ? "top" : "center" },
             React.createElement(Column, null,
                 isMinWidthArcBreakpointXl && (React.createElement(MediaContent, { heading: heading }, content)),
-                React.createElement(IconList, { listItems: listItems, isLgScreen: isMinWidthArcBreakpointL }),
+                React.createElement(IconList, { listItems: listItems, isLgScreen: isMinWidthArcBreakpointL, headingLevel: listHeadingLevel }),
                 button && React.createElement(Button, tslib_es6.__assign({}, button))),
             React.createElement(Column, null,
                 video && isClient && (React.createElement(React.Suspense, { fallback: null },
@@ -102,12 +108,13 @@ var ContentTemplate = function (_a) {
     var button = _a.button, heading = _a.heading, headingLevel = _a.headingLevel, listItems = _a.listItems, content = _a.content;
     var isMinWidthArcBreakpointM = useMediaQuery.useMediaQuery("(min-width: ".concat(index_es.ArcSizeBreakpointsM, ")"));
     var isMinWidthArcBreakpointL = useMediaQuery.useMediaQuery("(min-width: ".concat(index_es.ArcSizeBreakpointsL, ")"));
+    var listHeadingLevel = getListHeadingLevel(headingLevel);
     return (React.createElement(Container, { type: "content", alignment: "top" },
         React.createElement(Column, null,
             React.createElement(SectionHeading.SectionHeading, { heading: heading, headingLevel: headingLevel, content: content }),
             button && isMinWidthArcBreakpointM && React.createElement(Button, tslib_es6.__assign({}, button))),
         React.createElement(Column, null,
-            React.createElement(IconList, { listItems: listItems, isLgScreen: isMinWidthArcBreakpointL }),
+            React.createElement(IconList, { listItems: listItems, isLgScreen: isMinWidthArcBreakpointL, headingLevel: listHeadingLevel }),
             button && !isMinWidthArcBreakpointM && React.createElement(Button, tslib_es6.__assign({}, button)))));
 };
 

package/{dist/CopyLead/CopyLead.esm.js → lib/CopyLead/CopyLead.mjs}

@@ -1,7 +1,7 @@
-import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.js';
+import { a as __rest, _ as __assign } from '../_shared/esm/tslib.es6-D6Wu-xwB.mjs';
 import React, { useState, useEffect, Suspense } from 'react';
-import { f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-V7cbJuwS.js';
-import { a as ArcSizeBreakpointsL, c as ArcSizeBreakpointsXl, b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-DWVPneQL.js';
+import { f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-V7cbJuwS.mjs';
+import { a as ArcSizeBreakpointsL, c as ArcSizeBreakpointsXl, b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-C4PyYMjI.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';
@@ -9,9 +9,9 @@ import { Text } from '@arc-ui/components/Text';
 import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
 import { Image as Image$1 } from '@arc-ui/components/Image';
 import { Icon } from '@arc-ui/components/Icon';
-import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.js';
+import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.mjs';
 import { ButtonV2 } from '@arc-ui/components/ButtonV2';
-import { S as SectionHeading } from '../_shared/esm/SectionHeading-BwbuyrYn.js';
+import { S as SectionHeading } from '../_shared/esm/SectionHeading-BayinGP_.mjs';
 
 var styles = {"buttonContainer":"CopyLead-module_buttonContainer__3OaRG","col":"CopyLead-module_col__0Da5H","container":"CopyLead-module_container__I91ym","container--content":"CopyLead-module_container--content__e8LxG","container--media":"CopyLead-module_container--media__QcMWi","container--align-center":"CopyLead-module_container--align-center__Fh1Sd","container--align-top":"CopyLead-module_container--align-top__UIXOZ","list":"CopyLead-module_list__arnJd","listItem":"CopyLead-module_listItem__NscHE","listItemCentered":"CopyLead-module_listItemCentered__Kwdab","listItemIconContainer":"CopyLead-module_listItemIconContainer__dgnhJ","listItemTextContainer":"CopyLead-module_listItemTextContainer__Dl9lw","imgWrapper":"CopyLead-module_imgWrapper__HYP3w","mediaContainer":"CopyLead-module_mediaContainer__PxTnm","content":"CopyLead-module_content__Bja1D","container--reverse":"CopyLead-module_container--reverse__Gq9u8"};
 
@@ -32,7 +32,7 @@ var Image = function (_a) {
 };
 
 var IconList = function (_a) {
-    var listItems = _a.listItems, isLgScreen = _a.isLgScreen;
+    var listItems = _a.listItems, isLgScreen = _a.isLgScreen, _b = _a.headingLevel, headingLevel = _b === void 0 ? "3" : _b;
     return (React.createElement("ul", { className: styles.list }, listItems.map(function (_a) {
         var _b;
         var icon = _a.icon, heading = _a.heading, text = _a.text;
@@ -42,7 +42,7 @@ var IconList = function (_a) {
             React.createElement("div", { className: styles.listItemIconContainer },
                 React.createElement(Icon, { color: "brand", icon: icon, size: isLgScreen ? 64 : 48 })),
             React.createElement("div", { className: styles.listItemTextContainer },
-                React.createElement(Heading, { level: "3", size: "s" }, heading),
+                React.createElement(Heading, { level: headingLevel, size: "s" }, heading),
                 text && (React.createElement(React.Fragment, null,
                     React.createElement(VerticalSpace, { size: "8", sizeL: "16" }),
                     React.createElement(Text, null, text))))));
@@ -65,6 +65,11 @@ var Column = function (_a) {
     return (React.createElement("div", { className: styles.col }, children));
 };
 
+var getListHeadingLevel = function (level) {
+    var nextLevel = Math.min(parseInt(level) + 1, 6);
+    return nextLevel.toString();
+};
+
 var VideoPlayer = React.lazy(function () {
     return import('@arc-ui/components/VideoPlayer').then(function (_a) {
         var VideoPlayer = _a.VideoPlayer;
@@ -78,6 +83,7 @@ var MediaTemplate = function (_a) {
     var _c = useState(false), isClient = _c[0], setIsClient = _c[1];
     var isMinWidthArcBreakpointL = useMediaQuery("(min-width: ".concat(ArcSizeBreakpointsL, ")"));
     var isMinWidthArcBreakpointXl = useMediaQuery("(min-width: ".concat(ArcSizeBreakpointsXl, ")"));
+    var listHeadingLevel = getListHeadingLevel(headingLevel);
     useEffect(function () {
         setIsClient(true);
     }, []);
@@ -88,7 +94,7 @@ var MediaTemplate = function (_a) {
         React.createElement(Container, { type: "media", isReverseOrder: isReverseOrder, alignment: !isMinWidthArcBreakpointXl ? "top" : "center" },
             React.createElement(Column, null,
                 isMinWidthArcBreakpointXl && (React.createElement(MediaContent, { heading: heading }, content)),
-                React.createElement(IconList, { listItems: listItems, isLgScreen: isMinWidthArcBreakpointL }),
+                React.createElement(IconList, { listItems: listItems, isLgScreen: isMinWidthArcBreakpointL, headingLevel: listHeadingLevel }),
                 button && React.createElement(Button, __assign({}, button))),
             React.createElement(Column, null,
                 video && isClient && (React.createElement(Suspense, { fallback: null },
@@ -100,12 +106,13 @@ var ContentTemplate = function (_a) {
     var button = _a.button, heading = _a.heading, headingLevel = _a.headingLevel, listItems = _a.listItems, content = _a.content;
     var isMinWidthArcBreakpointM = useMediaQuery("(min-width: ".concat(ArcSizeBreakpointsM, ")"));
     var isMinWidthArcBreakpointL = useMediaQuery("(min-width: ".concat(ArcSizeBreakpointsL, ")"));
+    var listHeadingLevel = getListHeadingLevel(headingLevel);
     return (React.createElement(Container, { type: "content", alignment: "top" },
         React.createElement(Column, null,
             React.createElement(SectionHeading, { heading: heading, headingLevel: headingLevel, content: content }),
             button && isMinWidthArcBreakpointM && React.createElement(Button, __assign({}, button))),
         React.createElement(Column, null,
-            React.createElement(IconList, { listItems: listItems, isLgScreen: isMinWidthArcBreakpointL }),
+            React.createElement(IconList, { listItems: listItems, isLgScreen: isMinWidthArcBreakpointL, headingLevel: listHeadingLevel }),
             button && !isMinWidthArcBreakpointM && React.createElement(Button, __assign({}, button)))));
 };
 

package/{dist/DownloadList/DownloadList.cjs.js → lib/DownloadList/DownloadList.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.js');
+var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
 var React = require('react');
 var VerticalSpace = require('@arc-ui/components/VerticalSpace');
-var SectionHeading = require('../_shared/cjs/SectionHeading-gjCR1F6E.js');
+var SectionHeading = require('../_shared/cjs/SectionHeading-DepTV4JA.cjs');
 var Download = require('@arc-ui/components/Download');
-require('../_shared/cjs/index-Bp6Dd2i1.js');
-require('../_shared/cjs/filter-data-attrs-ajtUvDAC.js');
+require('../_shared/cjs/index-Bp6Dd2i1.cjs');
+require('../_shared/cjs/filter-data-attrs-ajtUvDAC.cjs');
 require('@arc-ui/components/Heading');
 require('@arc-ui/components/Text');
 require('@arc-ui/components/Image');

package/{dist/DownloadList/DownloadList.esm.js → lib/DownloadList/DownloadList.mjs}

@@ -1,10 +1,10 @@
-import { a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.js';
+import { _ as __assign } from '../_shared/esm/tslib.es6-D6Wu-xwB.mjs';
 import React from 'react';
 import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
-import { S as SectionHeading } from '../_shared/esm/SectionHeading-BwbuyrYn.js';
+import { S as SectionHeading } from '../_shared/esm/SectionHeading-BayinGP_.mjs';
 import { Download } from '@arc-ui/components/Download';
-import '../_shared/esm/index-BfTCfPZ1.js';
-import '../_shared/esm/filter-data-attrs-V7cbJuwS.js';
+import '../_shared/esm/index-BfTCfPZ1.mjs';
+import '../_shared/esm/filter-data-attrs-V7cbJuwS.mjs';
 import '@arc-ui/components/Heading';
 import '@arc-ui/components/Text';
 import '@arc-ui/components/Image';

package/lib/FAQs/FAQs.cjs

@@ -0,0 +1,55 @@
+'use strict';
+
+var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
+var React = require('react');
+var index = require('../_shared/cjs/index-Bp6Dd2i1.cjs');
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-ajtUvDAC.cjs');
+var Accordion = require('../_shared/cjs/Accordion-C4XdbGCu.cjs');
+var SectionHeading = require('../_shared/cjs/SectionHeading-DepTV4JA.cjs');
+var Link = require('@arc-ui/components/Link');
+var Heading = require('@arc-ui/components/Heading');
+var VerticalSpace = require('@arc-ui/components/VerticalSpace');
+var Tabs = require('@arc-ui/components/Tabs');
+require('@arc-ui/components/Text');
+require('@arc-ui/components/Image');
+require('@arc-ui/components/Disclosure');
+
+var styles = {"FAQs":"FAQs-module_FAQs__FtQr4","linkListSection":"FAQs-module_linkListSection__RdQkU","linkListTitle":"FAQs-module_linkListTitle__RVni3","linkList":"FAQs-module_linkList__dPyXj","linkListItem":"FAQs-module_linkListItem__S83CL","linkList--padded":"FAQs-module_linkList--padded__8Paxc"};
+
+var FAQs = function (_a) {
+    var _b;
+    var heading = _a.heading, content = _a.content, _c = _a.isPadded, isPadded = _c === void 0 ? false : _c, _d = _a.headingLevel, headingLevel = _d === void 0 ? "2" : _d, image = _a.image, _e = _a.type, type = _e === void 0 ? "list" : _e, _f = _a.linkListHeading, linkListHeading = _f === void 0 ? "Skip to section" : _f, accordionData = _a.accordionData, props = tslib_es6.__rest(_a, ["heading", "content", "isPadded", "headingLevel", "image", "type", "linkListHeading", "accordionData"]);
+    return (React.createElement("div", tslib_es6.__assign({ className: styles.FAQs }, filterDataAttrs.filterDataAttrs(props)),
+        React.createElement(SectionHeading.SectionHeading, { heading: heading, content: content, image: image, headingLevel: headingLevel, isPadded: isPadded }),
+        type === "listWithLinks" && (React.createElement("div", { className: styles.linkListSection },
+            React.createElement("div", { className: styles.linkListTitle },
+                React.createElement(Heading.Heading, { size: "xs" }, linkListHeading)),
+            React.createElement("ul", { className: index.classNames((_b = {},
+                    _b[styles.linkList] = true,
+                    _b[styles["linkList--padded"]] = isPadded,
+                    _b)) }, accordionData.map(function (item) {
+                var _a;
+                return (React.createElement("li", { className: styles.linkListItem, key: item.heading },
+                    React.createElement(Link.Link, { title: item.heading, href: "#".concat(item.id), onClick: function (e) {
+                            e.preventDefault();
+                            if (item.id) {
+                                var element = document.getElementById(item.id);
+                                if (element) {
+                                    element.scrollIntoView({ behavior: "smooth" });
+                                }
+                            }
+                        } }, (_a = item.altLinkTitle) !== null && _a !== void 0 ? _a : item.heading)));
+            })))),
+        type !== "tabs" && accordionData && (React.createElement("ul", { className: styles.accordionList }, accordionData.map(function (item) { return (React.createElement("li", { className: styles.accordionListItem, key: item.id },
+            React.createElement(Accordion.Accordion, { id: item.id, heading: item.heading, headingLevel: item.headingLevel, content: item.content, disclosureList: item.disclosureList, headingSize: "m" }),
+            React.createElement(VerticalSpace.VerticalSpace, { size: "48", sizeL: "64" }))); }))),
+        type === "tabs" && (React.createElement(Tabs.Tabs, { defaultValue: accordionData[0].heading },
+            React.createElement(Tabs.TabsList, { type: "standard" }, accordionData.map(function (item, index) { return (React.createElement("div", { key: index },
+                React.createElement(Tabs.TabsItem, { label: item.heading, value: item.heading }))); })),
+            React.createElement(VerticalSpace.VerticalSpace, { size: "40" }),
+            accordionData.map(function (item, index) { return (React.createElement("div", { key: item.heading },
+                React.createElement(Tabs.TabsContent, { value: item.heading },
+                    React.createElement(Accordion.Accordion, { key: index, heading: item.heading, headingLevel: item.headingLevel, content: item.content, disclosureList: item.disclosureList, headingSize: "m" })))); })))));
+};
+
+exports.FAQs = FAQs;

package/lib/FAQs/FAQs.mjs

@@ -0,0 +1,53 @@
+import { a as __rest, _ as __assign } from '../_shared/esm/tslib.es6-D6Wu-xwB.mjs';
+import React from 'react';
+import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.mjs';
+import { f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-V7cbJuwS.mjs';
+import { A as Accordion } from '../_shared/esm/Accordion-Ct7RuUbx.mjs';
+import { S as SectionHeading } from '../_shared/esm/SectionHeading-BayinGP_.mjs';
+import { Link } from '@arc-ui/components/Link';
+import { Heading } from '@arc-ui/components/Heading';
+import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
+import { Tabs, TabsList, TabsItem, TabsContent } from '@arc-ui/components/Tabs';
+import '@arc-ui/components/Text';
+import '@arc-ui/components/Image';
+import '@arc-ui/components/Disclosure';
+
+var styles = {"FAQs":"FAQs-module_FAQs__FtQr4","linkListSection":"FAQs-module_linkListSection__RdQkU","linkListTitle":"FAQs-module_linkListTitle__RVni3","linkList":"FAQs-module_linkList__dPyXj","linkListItem":"FAQs-module_linkListItem__S83CL","linkList--padded":"FAQs-module_linkList--padded__8Paxc"};
+
+var FAQs = function (_a) {
+    var _b;
+    var heading = _a.heading, content = _a.content, _c = _a.isPadded, isPadded = _c === void 0 ? false : _c, _d = _a.headingLevel, headingLevel = _d === void 0 ? "2" : _d, image = _a.image, _e = _a.type, type = _e === void 0 ? "list" : _e, _f = _a.linkListHeading, linkListHeading = _f === void 0 ? "Skip to section" : _f, accordionData = _a.accordionData, props = __rest(_a, ["heading", "content", "isPadded", "headingLevel", "image", "type", "linkListHeading", "accordionData"]);
+    return (React.createElement("div", __assign({ className: styles.FAQs }, filterDataAttrs(props)),
+        React.createElement(SectionHeading, { heading: heading, content: content, image: image, headingLevel: headingLevel, isPadded: isPadded }),
+        type === "listWithLinks" && (React.createElement("div", { className: styles.linkListSection },
+            React.createElement("div", { className: styles.linkListTitle },
+                React.createElement(Heading, { size: "xs" }, linkListHeading)),
+            React.createElement("ul", { className: classNames((_b = {},
+                    _b[styles.linkList] = true,
+                    _b[styles["linkList--padded"]] = isPadded,
+                    _b)) }, accordionData.map(function (item) {
+                var _a;
+                return (React.createElement("li", { className: styles.linkListItem, key: item.heading },
+                    React.createElement(Link, { title: item.heading, href: "#".concat(item.id), onClick: function (e) {
+                            e.preventDefault();
+                            if (item.id) {
+                                var element = document.getElementById(item.id);
+                                if (element) {
+                                    element.scrollIntoView({ behavior: "smooth" });
+                                }
+                            }
+                        } }, (_a = item.altLinkTitle) !== null && _a !== void 0 ? _a : item.heading)));
+            })))),
+        type !== "tabs" && accordionData && (React.createElement("ul", { className: styles.accordionList }, accordionData.map(function (item) { return (React.createElement("li", { className: styles.accordionListItem, key: item.id },
+            React.createElement(Accordion, { id: item.id, heading: item.heading, headingLevel: item.headingLevel, content: item.content, disclosureList: item.disclosureList, headingSize: "m" }),
+            React.createElement(VerticalSpace, { size: "48", sizeL: "64" }))); }))),
+        type === "tabs" && (React.createElement(Tabs, { defaultValue: accordionData[0].heading },
+            React.createElement(TabsList, { type: "standard" }, accordionData.map(function (item, index) { return (React.createElement("div", { key: index },
+                React.createElement(TabsItem, { label: item.heading, value: item.heading }))); })),
+            React.createElement(VerticalSpace, { size: "40" }),
+            accordionData.map(function (item, index) { return (React.createElement("div", { key: item.heading },
+                React.createElement(TabsContent, { value: item.heading },
+                    React.createElement(Accordion, { key: index, heading: item.heading, headingLevel: item.headingLevel, content: item.content, disclosureList: item.disclosureList, headingSize: "m" })))); })))));
+};
+
+export { FAQs };

package/lib/FAQs/styles.css

@@ -0,0 +1 @@
+html{scroll-behavior:smooth}.FAQs-module_FAQs__FtQr4 ul,.FAQs-module_FAQs__FtQr4 li{list-style:none;margin:0;padding:0}.FAQs-module_linkListSection__RdQkU{display:flex;flex-direction:column;margin-bottom:40px}.FAQs-module_linkListTitle__RVni3{margin-bottom:8px}.FAQs-module_linkList__dPyXj{display:flex;flex-wrap:wrap;row-gap:8px}.FAQs-module_linkListSection__RdQkU .FAQs-module_linkListItem__S83CL::after{content:"|";padding:0 8px;color:#d9d9d9}.FAQs-module_linkListSection__RdQkU .FAQs-module_linkListItem__S83CL:last-child::after{content:""}@media (--arc-custom-media-min-width-s-px){.FAQs-module_linkList--padded__8Paxc{min-width:588px;width:auto}}@media (--arc-custom-media-min-width-m-px){.FAQs-module_linkList--padded__8Paxc{min-width:720px;padding-right:186px}}@media (--arc-custom-media-min-width-l-px){.FAQs-module_linkList--padded__8Paxc{min-width:960px;padding-right:246px}}@media (--arc-custom-media-min-width-xl-px){.FAQs-module_linkList--padded__8Paxc{min-width:1216px;padding-right:312px}}