@arc-ui/community-components 1.1.0 → 2.0.0

package/.turbo/turbo-build.log

@@ -1,16 +1,16 @@
 
-> @arc-ui/community-components@1.1.0 build /builds/enterprise/frontend/arc-community/packages/components
+> @arc-ui/community-components@2.0.0 build /builds/enterprise/frontend/arc-community/packages/components
 > rimraf dist && rollup -c && generate-subpath-css
 
 
 src/index.ts → dist...
-created dist in 3.8s
+created dist in 7.1s
 
 src/index.ts → dist/index.es.js...
-created dist/index.es.js in 2.5s
+created dist/index.es.js in 4.8s
 
-./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 → dist...
+created dist in 4.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/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 → dist...
+created dist in 3.9s

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @arc-ui/community-components
 
+## 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/dist/Accordion/Accordion.cjs.js

@@ -1,32 +1,16 @@
 'use strict';
 
-var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.js');
-var React = require('react');
-var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-ajtUvDAC.js');
-var SectionHeading = require('../_shared/cjs/SectionHeading-gjCR1F6E.js');
-var Disclosure = require('@arc-ui/components/Disclosure');
+var Accordion = require('../_shared/cjs/Accordion-Bme0aSPi.js');
+require('../_shared/cjs/tslib.es6-BxB9I209.js');
+require('react');
+require('../_shared/cjs/filter-data-attrs-ajtUvDAC.js');
 require('../_shared/cjs/index-Bp6Dd2i1.js');
 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');
 
-var AccordionDisclosureList = function (_a) {
-    var disclosureList = _a.disclosureList;
-    return (React.createElement(React.Fragment, null, disclosureList.map(function (_a, index) {
-        var children = _a.children, summary = _a.summary, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, _c = _a.indentDetails, indentDetails = _c === void 0 ? false : _c, headingLevel = _a.headingLevel;
-        return (React.createElement(Disclosure.Disclosure, { key: index, summary: summary, isOpen: isOpen, indentDetails: indentDetails, headingLevel: headingLevel }, children));
-    })));
-};
 
-/**
- * Use the `Accordion` component to package together a title, content and a number of disclosure components into one section (maximum 10).
- */
-var Accordion = function (_a) {
-    var heading = _a.heading, headingLevel = _a.headingLevel, content = _a.content, disclosureList = _a.disclosureList, props = tslib_es6.__rest(_a, ["heading", "headingLevel", "content", "disclosureList"]);
-    return (React.createElement("div", tslib_es6.__assign({}, filterDataAttrs.filterDataAttrs(props)),
-        React.createElement(SectionHeading.SectionHeading, { isPadded: true, "data-testid": "Accordion-header", heading: heading, headingLevel: headingLevel, content: content }),
-        React.createElement(AccordionDisclosureList, { disclosureList: disclosureList })));
-};
 
-exports.Accordion = Accordion;
+exports.Accordion = Accordion.Accordion;

package/dist/Accordion/Accordion.esm.js

@@ -1,30 +1,10 @@
-import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.js';
-import React from 'react';
-import { f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-V7cbJuwS.js';
-import { S as SectionHeading } from '../_shared/esm/SectionHeading-BwbuyrYn.js';
-import { Disclosure } from '@arc-ui/components/Disclosure';
+export { A as Accordion } from '../_shared/esm/Accordion-Brmx6oxT.js';
+import '../_shared/esm/tslib.es6-D6Wu-xwB.js';
+import 'react';
+import '../_shared/esm/filter-data-attrs-V7cbJuwS.js';
 import '../_shared/esm/index-BfTCfPZ1.js';
 import '@arc-ui/components/Heading';
 import '@arc-ui/components/Text';
 import '@arc-ui/components/VerticalSpace';
 import '@arc-ui/components/Image';
-
-var AccordionDisclosureList = function (_a) {
-    var disclosureList = _a.disclosureList;
-    return (React.createElement(React.Fragment, null, disclosureList.map(function (_a, index) {
-        var children = _a.children, summary = _a.summary, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, _c = _a.indentDetails, indentDetails = _c === void 0 ? false : _c, headingLevel = _a.headingLevel;
-        return (React.createElement(Disclosure, { key: index, summary: summary, isOpen: isOpen, indentDetails: indentDetails, headingLevel: headingLevel }, children));
-    })));
-};
-
-/**
- * Use the `Accordion` component to package together a title, content and a number of disclosure components into one section (maximum 10).
- */
-var Accordion = function (_a) {
-    var heading = _a.heading, headingLevel = _a.headingLevel, content = _a.content, disclosureList = _a.disclosureList, props = __rest(_a, ["heading", "headingLevel", "content", "disclosureList"]);
-    return (React.createElement("div", __assign({}, filterDataAttrs(props)),
-        React.createElement(SectionHeading, { isPadded: true, "data-testid": "Accordion-header", heading: heading, headingLevel: headingLevel, content: content }),
-        React.createElement(AccordionDisclosureList, { disclosureList: disclosureList })));
-};
-
-export { Accordion };
+import '@arc-ui/components/Disclosure';

package/dist/ArticleSidebar/ArticleSidebar.esm.js

@@ -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.js';
 import React, { useId, useState } from 'react';
 import { Heading } from '@arc-ui/components/Heading';
 import { Icon } from '@arc-ui/components/Icon';
@@ -8,7 +8,7 @@ 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 { A as Author } from '../_shared/esm/Author-DpT2Pcq_.js';
 import '../_shared/esm/filter-data-attrs-V7cbJuwS.js';
 import '@arc-ui/components/Grid';
 import '@arc-ui/components/Avatar';

package/dist/Author/Author.esm.js

@@ -1,5 +1,5 @@
-export { A as Author } from '../_shared/esm/Author-son1Cgke.js';
-import '../_shared/esm/tslib.es6-BVXMhEem.js';
+export { A as Author } from '../_shared/esm/Author-DpT2Pcq_.js';
+import '../_shared/esm/tslib.es6-D6Wu-xwB.js';
 import 'react';
 import '../_shared/esm/filter-data-attrs-V7cbJuwS.js';
 import '@arc-ui/components/Grid';

package/dist/BannerWithTabs/BannerWithTabs.cjs.js

@@ -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

@@ -1,8 +1,8 @@
 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 { S as SectionHeading } from '../_shared/esm/SectionHeading-DVLKN_jI.js';
 import { TabbedBanner } from '@arc-ui/components/TabbedBanner';
-import '../_shared/esm/tslib.es6-BVXMhEem.js';
+import '../_shared/esm/tslib.es6-D6Wu-xwB.js';
 import '../_shared/esm/filter-data-attrs-V7cbJuwS.js';
 import '@arc-ui/components/Heading';
 import '@arc-ui/components/Text';
@@ -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

@@ -3,7 +3,7 @@
 var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.js');
 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 index_es = require('../_shared/cjs/index.es-BVxxpECB.js');
 var Columns = require('@arc-ui/components/Columns');
 var useMediaQuery = require('@arc-ui/components/use-media-query');
 var Heading = require('@arc-ui/components/Heading');

package/dist/CopyLead/CopyLead.esm.js

@@ -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.js';
 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 { a as ArcSizeBreakpointsL, c as ArcSizeBreakpointsXl, b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-CbCdNYwG.js';
 import { Columns, ColumnsCol } from '@arc-ui/components/Columns';
 import { useMediaQuery } from '@arc-ui/components/use-media-query';
 import { Heading } from '@arc-ui/components/Heading';
@@ -11,7 +11,7 @@ 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 { ButtonV2 } from '@arc-ui/components/ButtonV2';
-import { S as SectionHeading } from '../_shared/esm/SectionHeading-BwbuyrYn.js';
+import { S as SectionHeading } from '../_shared/esm/SectionHeading-DVLKN_jI.js';
 
 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"};
 

package/dist/DownloadList/DownloadList.esm.js

@@ -1,7 +1,7 @@
-import { a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.js';
+import { _ as __assign } from '../_shared/esm/tslib.es6-D6Wu-xwB.js';
 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-DVLKN_jI.js';
 import { Download } from '@arc-ui/components/Download';
 import '../_shared/esm/index-BfTCfPZ1.js';
 import '../_shared/esm/filter-data-attrs-V7cbJuwS.js';

package/dist/FAQs/FAQs.cjs.js

@@ -0,0 +1,50 @@
+'use strict';
+
+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 Accordion = require('../_shared/cjs/Accordion-Bme0aSPi.js');
+var SectionHeading = require('../_shared/cjs/SectionHeading-gjCR1F6E.js');
+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 = {"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({}, 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 () {
+                            var _a;
+                            (_a = document.getElementById("#".concat(item.id))) === null || _a === void 0 ? void 0 : _a.focus();
+                        } }, (_a = item.altLinkTitle) !== null && _a !== void 0 ? _a : item.heading)));
+            })))),
+        type !== "tabs" && accordionData && (React.createElement("ul", null, accordionData.map(function (item) { return (React.createElement("li", { 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/dist/FAQs/FAQs.esm.js

@@ -0,0 +1,48 @@
+import { a as __rest, _ as __assign } from '../_shared/esm/tslib.es6-D6Wu-xwB.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 Accordion } from '../_shared/esm/Accordion-Brmx6oxT.js';
+import { S as SectionHeading } from '../_shared/esm/SectionHeading-DVLKN_jI.js';
+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 = {"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({}, 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 () {
+                            var _a;
+                            (_a = document.getElementById("#".concat(item.id))) === null || _a === void 0 ? void 0 : _a.focus();
+                        } }, (_a = item.altLinkTitle) !== null && _a !== void 0 ? _a : item.heading)));
+            })))),
+        type !== "tabs" && accordionData && (React.createElement("ul", null, accordionData.map(function (item) { return (React.createElement("li", { 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/dist/FAQs/styles.css

@@ -0,0 +1 @@
+html{scroll-behavior:smooth}ul,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_linkListItem__S83CL::after{content:"|";padding:0 8px;color:#d9d9d9}.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}}

package/dist/FeaturePost/FeaturePost.cjs.js

@@ -4,7 +4,7 @@ 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 index_es = require('../_shared/cjs/index.es-Cf6wAvkf.js');
+var index_es = require('../_shared/cjs/index.es-BVxxpECB.js');
 var AppButton = require('@arc-ui/components/AppButton');
 var Grid = require('@arc-ui/components/Grid');
 var ButtonV2 = require('@arc-ui/components/ButtonV2');
@@ -2245,10 +2245,10 @@ var FeaturePost = function (_a) {
                 label && (React.createElement(Grid.Grid, { isGutterless: true, isFluid: true },
                     React.createElement(Grid.GridRow, { align: "baseline" },
                         React.createElement(Grid.GridCol, { xs: 12, m: "auto" },
-                            React.createElement(Heading.Heading, { size: "xxs" }, label.text.toUpperCase())),
+                            React.createElement(Heading.Heading, { size: "xxs", fontStyle: "overline" }, label.text)),
                         React.createElement(Grid.GridCol, { xs: 12, m: "auto" },
                             React.createElement("div", { className: styles.labelDate },
-                                React.createElement(Text.Text, { size: "xs", tone: "muted" }, isDate(label.date) ? (React.createElement("time", { dateTime: format(label.date, "yyyy-MM-dd") }, format(label.date, "LLLL d, yyyy"))) : (React.createElement("span", null, label.date)))))),
+                                React.createElement(Text.Text, { size: "xs", tone: "muted" }, isDate(label.date) ? (React.createElement("time", { dateTime: format(label.date, "yyyy-MM-dd") }, format(label.date, "d MMMM yyyy"))) : (React.createElement("span", null, label.date)))))),
                     React.createElement(VerticalSpace.VerticalSpace, { size: "24" }))),
                 React.createElement(Heading.Heading, { level: headingLevel, size: "xl" }, heading),
                 !isMinWidthArcBreakpointM && (React.createElement("div", { "data-testid": "mobile-img" },

package/dist/FeaturePost/FeaturePost.esm.js

@@ -1,8 +1,8 @@
-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.js';
 import React, { useState, useEffect, Suspense } 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 { b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-DWVPneQL.js';
+import { b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-CbCdNYwG.js';
 import { AppButton } from '@arc-ui/components/AppButton';
 import { Grid, GridRow, GridCol } from '@arc-ui/components/Grid';
 import { ButtonV2 } from '@arc-ui/components/ButtonV2';
@@ -10,7 +10,7 @@ import { Heading } from '@arc-ui/components/Heading';
 import { Text } from '@arc-ui/components/Text';
 import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
 import { useMediaQuery } from '@arc-ui/components/use-media-query';
-import { A as Author } from '../_shared/esm/Author-son1Cgke.js';
+import { A as Author } from '../_shared/esm/Author-DpT2Pcq_.js';
 import { Image as Image$1 } from '@arc-ui/components/Image';
 import '@arc-ui/components/Avatar';
 
@@ -2243,10 +2243,10 @@ var FeaturePost = function (_a) {
                 label && (React.createElement(Grid, { isGutterless: true, isFluid: true },
                     React.createElement(GridRow, { align: "baseline" },
                         React.createElement(GridCol, { xs: 12, m: "auto" },
-                            React.createElement(Heading, { size: "xxs" }, label.text.toUpperCase())),
+                            React.createElement(Heading, { size: "xxs", fontStyle: "overline" }, label.text)),
                         React.createElement(GridCol, { xs: 12, m: "auto" },
                             React.createElement("div", { className: styles.labelDate },
-                                React.createElement(Text, { size: "xs", tone: "muted" }, isDate(label.date) ? (React.createElement("time", { dateTime: format(label.date, "yyyy-MM-dd") }, format(label.date, "LLLL d, yyyy"))) : (React.createElement("span", null, label.date)))))),
+                                React.createElement(Text, { size: "xs", tone: "muted" }, isDate(label.date) ? (React.createElement("time", { dateTime: format(label.date, "yyyy-MM-dd") }, format(label.date, "d MMMM yyyy"))) : (React.createElement("span", null, label.date)))))),
                     React.createElement(VerticalSpace, { size: "24" }))),
                 React.createElement(Heading, { level: headingLevel, size: "xl" }, heading),
                 !isMinWidthArcBreakpointM && (React.createElement("div", { "data-testid": "mobile-img" },

package/dist/FeaturePost/styles.css

@@ -1 +1 @@
-.FeaturePost-module_labelDate__NXOgY{padding-top:var(--sem-space-padding-20)}.FeaturePost-module_authorContent__FEuRO{padding-left:var(--sem-space-padding-70)}.FeaturePost-module_googlePlayButtonWrapper__GI-ag{padding:var(--sem-space-padding-70) 0 0}.FeaturePost-module_imgWrapper__r6omd{border-radius:var(--sem-border-radius-s);overflow:hidden}@media (min-width:636px){.FeaturePost-module_googlePlayButtonWrapper__GI-ag{padding:0 0 0 var(--sem-space-padding-70)}}@media (min-width:768px){.FeaturePost-module_featurePost__9jY21{display:flex;gap:24px}.FeaturePost-module_featurePostReversed__WQRXm{flex-direction:row-reverse}.FeaturePost-module_contentContainer__kdus7{padding:0 var(--sem-space-padding-110) 0 0}.FeaturePost-module_col__eW8gY{flex:0 1 auto;width:50%}.FeaturePost-module_labelDate__NXOgY{padding-left:var(--sem-space-padding-70)}}@media (min-width:1280px){.FeaturePost-module_featurePost__9jY21{gap:32px}.FeaturePost-module_contentContainer__kdus7{padding:0 var(--sem-space-padding-130) 0 0}}
+.FeaturePost-module_labelDate__NXOgY{padding-top:var(--sem-space-padding-20);text-transform:uppercase}.FeaturePost-module_authorContent__FEuRO{padding-left:var(--sem-space-padding-70)}.FeaturePost-module_googlePlayButtonWrapper__GI-ag{padding:var(--sem-space-padding-70) 0 0}.FeaturePost-module_imgWrapper__r6omd{border-radius:var(--sem-border-radius-s);overflow:hidden}@media (min-width:636px){.FeaturePost-module_googlePlayButtonWrapper__GI-ag{padding:0 0 0 var(--sem-space-padding-70)}}@media (min-width:768px){.FeaturePost-module_featurePost__9jY21{display:flex;gap:24px}.FeaturePost-module_featurePostReversed__WQRXm{flex-direction:row-reverse}.FeaturePost-module_contentContainer__kdus7{padding:0 var(--sem-space-padding-110) 0 0}.FeaturePost-module_col__eW8gY{flex:0 1 auto;width:50%}.FeaturePost-module_labelDate__NXOgY{padding-left:var(--sem-space-padding-70)}}@media (min-width:1280px){.FeaturePost-module_featurePost__9jY21{gap:32px}.FeaturePost-module_contentContainer__kdus7{padding:0 var(--sem-space-padding-130) 0 0}}

package/dist/Highlights/Highlights.esm.js

@@ -1,13 +1,13 @@
 import React, { useId } from 'react';
 import { useMediaQuery } from '@arc-ui/components/use-media-query';
-import { S as SectionHeading } from '../_shared/esm/SectionHeading-BwbuyrYn.js';
+import { S as SectionHeading } from '../_shared/esm/SectionHeading-DVLKN_jI.js';
 import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.js';
 import { Heading } from '@arc-ui/components/Heading';
 import { Icon } from '@arc-ui/components/Icon';
 import { Text } from '@arc-ui/components/Text';
 import { Link } from '@arc-ui/components/Link';
 import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
-import '../_shared/esm/tslib.es6-BVXMhEem.js';
+import '../_shared/esm/tslib.es6-D6Wu-xwB.js';
 import '../_shared/esm/filter-data-attrs-V7cbJuwS.js';
 import '@arc-ui/components/Image';
 

package/dist/ProductNavigation/ProductNavigation.cjs.js

@@ -5,7 +5,7 @@ var React = require('react');
 var index = require('../_shared/cjs/index-Bp6Dd2i1.js');
 var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-ajtUvDAC.js');
 var useMediaQuery = require('@arc-ui/components/use-media-query');
-var index_es = require('../_shared/cjs/index.es-Cf6wAvkf.js');
+var index_es = require('../_shared/cjs/index.es-BVxxpECB.js');
 var SectionHeading = require('../_shared/cjs/SectionHeading-gjCR1F6E.js');
 var ButtonV2 = require('@arc-ui/components/ButtonV2');
 var InformationCard = require('@arc-ui/components/InformationCard');

package/dist/ProductNavigation/ProductNavigation.esm.js

@@ -1,10 +1,10 @@
-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.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-DWVPneQL.js';
-import { S as SectionHeading } from '../_shared/esm/SectionHeading-BwbuyrYn.js';
+import { A as ArcSizeBreakpointsS } from '../_shared/esm/index.es-CbCdNYwG.js';
+import { S as SectionHeading } from '../_shared/esm/SectionHeading-DVLKN_jI.js';
 import { ButtonV2 } from '@arc-ui/components/ButtonV2';
 import { InformationCard } from '@arc-ui/components/InformationCard';
 import { VerticalSpace } from '@arc-ui/components/VerticalSpace';

package/dist/PromoListing/PromoListing.cjs.js

@@ -3,7 +3,7 @@
 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-Cf6wAvkf.js');
+var index_es = require('../_shared/cjs/index.es-BVxxpECB.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');

package/dist/PromoListing/PromoListing.esm.js

@@ -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.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-DWVPneQL.js';
+import { a as ArcSizeBreakpointsL } from '../_shared/esm/index.es-CbCdNYwG.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 { S as SectionHeading } from '../_shared/esm/SectionHeading-DVLKN_jI.js';
 import { MediaCard } from '@arc-ui/components/MediaCard';
 import { ImpactCard } from '@arc-ui/components/ImpactCard';
 import { InformationCard } from '@arc-ui/components/InformationCard';

package/dist/Quote/Quote.esm.js

@@ -1,8 +1,8 @@
-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.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-son1Cgke.js';
+import { A as Author } from '../_shared/esm/Author-DpT2Pcq_.js';
 import '@arc-ui/components/Grid';
 import '@arc-ui/components/Avatar';
 import '@arc-ui/components/Heading';

package/dist/SectionHeading/SectionHeading.esm.js

@@ -1,5 +1,5 @@
-export { S as SectionHeading } from '../_shared/esm/SectionHeading-BwbuyrYn.js';
-import '../_shared/esm/tslib.es6-BVXMhEem.js';
+export { S as SectionHeading } from '../_shared/esm/SectionHeading-DVLKN_jI.js';
+import '../_shared/esm/tslib.es6-D6Wu-xwB.js';
 import 'react';
 import '../_shared/esm/index-BfTCfPZ1.js';
 import '../_shared/esm/filter-data-attrs-V7cbJuwS.js';

package/dist/Statistics/Statistics.esm.js

@@ -1,4 +1,4 @@
-import { a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.js';
+import { _ as __assign } from '../_shared/esm/tslib.es6-D6Wu-xwB.js';
 import React, { useId } from 'react';
 import { Columns, ColumnsCol } from '@arc-ui/components/Columns';
 import { Rule } from '@arc-ui/components/Rule';
@@ -6,7 +6,7 @@ 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 { S as SectionHeading } from '../_shared/esm/SectionHeading-DVLKN_jI.js';
 import '../_shared/esm/index-BfTCfPZ1.js';
 import '../_shared/esm/filter-data-attrs-V7cbJuwS.js';
 import '@arc-ui/components/Image';

package/dist/Summary/Summary.cjs.js

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

package/dist/Summary/Summary.esm.js

@@ -1,6 +1,6 @@
-import { a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.js';
+import { _ as __assign } from '../_shared/esm/tslib.es6-D6Wu-xwB.js';
 import React from 'react';
-import { b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-DWVPneQL.js';
+import { b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-CbCdNYwG.js';
 import { Heading } from '@arc-ui/components/Heading';
 import { Text } from '@arc-ui/components/Text';
 import { Box } from '@arc-ui/components/Box';

package/dist/_shared/cjs/Accordion-Bme0aSPi.js

@@ -0,0 +1,53 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-BxB9I209.js');
+var React = require('react');
+var filterDataAttrs = require('./filter-data-attrs-ajtUvDAC.js');
+var index = require('./index-Bp6Dd2i1.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 Disclosure = require('@arc-ui/components/Disclosure');
+
+var styles$1 = {"accordion-header":"AccordionHeading-module_accordion-header__8s12f","accordion-header--hasImage":"AccordionHeading-module_accordion-header--hasImage__wbDjW","accordion-header--padded":"AccordionHeading-module_accordion-header--padded__me1JY","accordion-header--headingSizeM":"AccordionHeading-module_accordion-header--headingSizeM__amLfy"};
+
+var AccordionHeading = 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, _f = _a.headingSize, headingSize = _f === void 0 ? "xl" : _f, image = _a.image, props = tslib_es6.__rest(_a, ["heading", "content", "id", "isPadded", "headingLevel", "headingSize", "image"]);
+    return (React.createElement("div", tslib_es6.__assign({ className: index.classNames((_b = {},
+            _b[styles$1["accordion-header"]] = true,
+            _b[styles$1["accordion-header--padded"]] = isPadded,
+            _b[styles$1["accordion-header--headingSizeM"]] = headingSize === "m",
+            _b)) }, filterDataAttrs.filterDataAttrs(props)),
+        React.createElement("div", { className: index.classNames((_c = {}, _c[styles$1["accordion-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: headingSize }, heading)),
+        content && (React.createElement(React.Fragment, null,
+            headingSize === "xl" ? (React.createElement(VerticalSpace.VerticalSpace, { size: "24" })) : (React.createElement(VerticalSpace.VerticalSpace, { size: "8", sizeL: "12", sizeXL: "16" })),
+            React.createElement(Text.Text, { size: "l", elementType: "p" }, content)))));
+};
+
+var styles = {"AccordionDisclosureListItem":"AccordionDisclosureList-module_AccordionDisclosureListItem__p8LIT"};
+
+var AccordionDisclosureList = function (_a) {
+    var disclosureList = _a.disclosureList;
+    return (React.createElement("ul", null, disclosureList.map(function (_a) {
+        var children = _a.children, summary = _a.summary, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, _c = _a.indentDetails, indentDetails = _c === void 0 ? false : _c, headingLevel = _a.headingLevel, id = _a.id;
+        return (React.createElement("li", { key: id, className: styles.AccordionDisclosureListItem },
+            React.createElement(Disclosure.Disclosure, { summary: summary, isOpen: isOpen, indentDetails: indentDetails, headingLevel: headingLevel }, children)));
+    })));
+};
+
+/**
+ * Use the `Accordion` component to package together a title, content and a number of disclosure components into one section (maximum 10).
+ */
+var Accordion = function (_a) {
+    var heading = _a.heading, headingLevel = _a.headingLevel, headingSize = _a.headingSize, content = _a.content, id = _a.id, disclosureList = _a.disclosureList, props = tslib_es6.__rest(_a, ["heading", "headingLevel", "headingSize", "content", "id", "disclosureList"]);
+    return (React.createElement("div", tslib_es6.__assign({}, filterDataAttrs.filterDataAttrs(props)),
+        React.createElement(AccordionHeading, { isPadded: true, id: id, "data-testid": "Accordion-header", heading: heading, headingLevel: headingLevel, headingSize: headingSize, content: content }),
+        React.createElement(AccordionDisclosureList, { disclosureList: disclosureList })));
+};
+
+exports.Accordion = Accordion;