@arc-ui/community-components 3.2.0 → 3.3.0

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @arc-ui/community-components@3.2.0 build /builds/enterprise/frontend/arc-community/packages/components
+> @arc-ui/community-components@3.3.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 7 months old. Please run:
@@ -7,15 +7,15 @@ Browserslist: browsers data (caniuse-lite) is 7 months old. Please run:
   Why you should do it regularly: https://github.com/browserslist/update-db#readme
 
 src/index.ts → lib/index.cjs, lib/index.mjs...
-created lib/index.cjs, lib/index.mjs in 8.5s
+created lib/index.cjs, lib/index.mjs in 7.6s
 
 ./lib/types/index.d.ts → lib/index.d.mts, lib/index.d.cts...
 (!) Unresolved dependencies
 https://rollupjs.org/troubleshooting/#warning-treating-module-as-external-dependency
 @arc-ui/components/Avatar (imported by "lib/types/components/Author/Author.d.ts")
-@arc-ui/components/Download (imported by "lib/types/components/DownloadList/DownloadList.d.ts")
-@arc-ui/components/Heading (imported by "lib/types/components/CopyLead/CopyLead.d.ts", "lib/types/components/FeaturePost/FeaturePost.d.ts", "lib/types/components/PromoListing/PromoListing.d.ts", "lib/types/components/Summary/Summary.d.ts", "lib/types/components/SectionHeading/SectionHeading.d.ts", "lib/types/components/Accordion/components/AccordionHeading/AccordionHeading.d.ts", "lib/types/components/ArticleSidebar/types/text-section.d.ts", "lib/types/components/ArticleSidebar/types/link-section.d.ts", "lib/types/components/ArticleSidebar/types/topic.d.ts" and "lib/types/components/ArticleSidebar/types/share.d.ts")
+@arc-ui/components/Heading (imported by "lib/types/components/CopyLead/CopyLead.d.ts", "lib/types/components/FeaturePost/FeaturePost.d.ts", "lib/types/components/PromoListing/PromoListing.d.ts", "lib/types/components/Summary/Summary.d.ts", "lib/types/components/SectionHeading/SectionHeading.d.ts", "lib/types/components/Accordion/components/AccordionHeading/AccordionHeading.d.ts", "lib/types/components/ArticleSidebar/types/text-section.d.ts", "lib/types/components/ArticleSidebar/types/link-section.d.ts", "lib/types/components/ArticleSidebar/types/share.d.ts" and "lib/types/components/ArticleSidebar/types/topic.d.ts")
 @arc-ui/components/VideoPlayer (imported by "lib/types/components/CopyLead/CopyLead.d.ts" and "lib/types/components/FeaturePost/FeaturePost.d.ts")
+@arc-ui/components/Download (imported by "lib/types/components/DownloadList/DownloadList.d.ts")
 @arc-ui/components/ButtonV2 (imported by "lib/types/components/Highlights/Highlights.d.ts" and "lib/types/components/PromoListing/PromoListing.d.ts")
 @arc-ui/components/MediaCard (imported by "lib/types/components/PromoListing/PromoListing.d.ts")
 @arc-ui/components/ImpactCard (imported by "lib/types/components/PromoListing/PromoListing.d.ts")
@@ -27,17 +27,17 @@ Browserslist: browsers data (caniuse-lite) is 7 months old. Please run:
 @arc-ui/components/Tag (imported by "lib/types/components/ArticleSidebar/types/topic.d.ts")
 @arc-ui/components/Button (imported by "lib/types/components/CopyLead/types/copy-lead-button.d.ts" and "lib/types/components/FeaturePost/types/feature-post-cta-footer.d.ts")
 @arc-ui/components/AppButton (imported by "lib/types/components/FeaturePost/types/feature-post-app-button-footer.d.ts")
-created lib/index.d.mts, lib/index.d.cts in 186ms
+created lib/index.d.mts, lib/index.d.cts in 183ms
 
-./src/components/Accordion/index.ts, ./src/components/ActionTile/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/HeroLink/index.ts, ./src/components/Highlights/index.ts, ./src/components/LinkTile/index.ts, ./src/components/ProductNavigation/index.ts, ./src/components/PromoListing/index.ts, ./src/components/PromoListingThumbnailSignpost/index.ts, ./src/components/Quote/index.ts, ./src/components/SectionHeading/index.ts, ./src/components/Statistics/index.ts, ./src/components/Summary/index.ts, ./src/components/ThumbnailSignpost/index.ts → lib...
-created lib in 5.6s
+./src/components/Accordion/index.ts, ./src/components/ActionTile/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/InlineLinkGroup/index.ts, ./src/components/LinkTile/index.ts, ./src/components/ProductNavigation/index.ts, ./src/components/PromoListing/index.ts, ./src/components/PromoListingThumbnailSignpost/index.ts, ./src/components/Quote/index.ts, ./src/components/SectionHeading/index.ts, ./src/components/Statistics/index.ts, ./src/components/Summary/index.ts, ./src/components/ThumbnailSignpost/index.ts → lib...
+created lib in 5.3s
 
-./src/components/Accordion/index.ts, ./src/components/ActionTile/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/HeroLink/index.ts, ./src/components/Highlights/index.ts, ./src/components/LinkTile/index.ts, ./src/components/ProductNavigation/index.ts, ./src/components/PromoListing/index.ts, ./src/components/PromoListingThumbnailSignpost/index.ts, ./src/components/Quote/index.ts, ./src/components/SectionHeading/index.ts, ./src/components/Statistics/index.ts, ./src/components/Summary/index.ts, ./src/components/ThumbnailSignpost/index.ts → lib...
-created lib in 5.6s
+./src/components/Accordion/index.ts, ./src/components/ActionTile/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/InlineLinkGroup/index.ts, ./src/components/LinkTile/index.ts, ./src/components/ProductNavigation/index.ts, ./src/components/PromoListing/index.ts, ./src/components/PromoListingThumbnailSignpost/index.ts, ./src/components/Quote/index.ts, ./src/components/SectionHeading/index.ts, ./src/components/Statistics/index.ts, ./src/components/Summary/index.ts, ./src/components/ThumbnailSignpost/index.ts → lib...
+created lib in 4.9s
 Browserslist: browsers data (caniuse-lite) is 7 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.2.0 build:clean /builds/enterprise/frontend/arc-community/packages/components
+> @arc-ui/community-components@3.3.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,24 @@
 # @arc-ui/community-components
 
+## 3.3.0
+
+### Minor Changes
+
+- eb463d2: Statictics storybook updated and minor styling fix
+- e4e244d: feature post heading and description padding margin fix
+
+### Patch Changes
+
+- 268ee7f: updated actionTile stories and fixed css, interface decription added
+- 1a0c61a: remove index signatures and subcomponent filterAttrs"
+- 268ee7f: add JSDoc descriptions, remove className prop from InlineLinkGroup and update tokens in CSS
+- 268ee7f: updated css for actionTile,linkTile and added QuickLink component and removed heroLink
+- 1a0c61a: fix: remove index signatures from component interfaces
+- 268ee7f: rename Quickhelp to InlineLinkGroup and add ActionTile toggle in stories
+- 1a0c61a: fix: enable data-_ and aria-_ attributes passthrough for Author, Quote, FeaturePost, and HeroLink components to support analytics and accessibility tracking
+- 268ee7f: Added ActionTile, LinkTile, and HeroLink components for Help & Support page (ARC-1490)
+- 268ee7f: quicklik renamed to quickhelp, updated css and stories
+
 ## 3.2.0
 
 ### Minor Changes

package/lib/Accordion/Accordion.cjs

@@ -1,9 +1,8 @@
 'use strict';
 
-var Accordion = require('../_shared/cjs/Accordion-DfNGOjTm.cjs');
-require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
+var Accordion = require('../_shared/cjs/Accordion-QqDoB3pY.cjs');
+require('../_shared/cjs/filter-attrs-C26zOt4_.cjs');
 require('react');
-require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
 require('../_shared/cjs/index-Bp6Dd2i1.cjs');
 require('@arc-ui/components/Heading');
 require('@arc-ui/components/Text');

package/lib/Accordion/Accordion.mjs

@@ -1,7 +1,6 @@
-export { A as Accordion } from '../_shared/esm/Accordion-cd1oYvBv.mjs';
-import '../_shared/esm/tslib.es6-D6Wu-xwB.mjs';
+export { A as Accordion } from '../_shared/esm/Accordion-DrOTh90S.mjs';
+import '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
 import 'react';
-import '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
 import '../_shared/esm/index-BfTCfPZ1.mjs';
 import '@arc-ui/components/Heading';
 import '@arc-ui/components/Text';

package/lib/ActionTile/ActionTile.cjs

@@ -1,9 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
+var filterAttrs = require('../_shared/cjs/filter-attrs-C26zOt4_.cjs');
 var React = require('react');
 var index = require('../_shared/cjs/index-Bp6Dd2i1.cjs');
-var filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
 var Icon = require('@arc-ui/components/Icon');
 
 var styles = {"action-tile":"ActionTile-module_action-tile__JPwGb","action-tile-content":"ActionTile-module_action-tile-content__ZkgHc","action-tile-icon":"ActionTile-module_action-tile-icon__PY1EN","action-tile-heading":"ActionTile-module_action-tile-heading__Uxdu9","action-tile--active":"ActionTile-module_action-tile--active__-aWze","action-tile-tick":"ActionTile-module_action-tile-tick__vhsJE"};
@@ -18,7 +17,7 @@ const BtIconTickAlt2Px =
 
 var ActionTile = function (_a) {
     var _b;
-    var icon = _a.icon, heading = _a.heading, _c = _a.isActive, isActive = _c === void 0 ? false : _c, onClick = _a.onClick, className = _a.className, props = tslib_es6.__rest(_a, ["icon", "heading", "isActive", "onClick", "className"]);
+    var icon = _a.icon, heading = _a.heading, _c = _a.isActive, isActive = _c === void 0 ? false : _c, onClick = _a.onClick, className = _a.className, props = filterAttrs.__rest(_a, ["icon", "heading", "isActive", "onClick", "className"]);
     var tileClasses = index.classNames(styles["action-tile"], (_b = {},
         _b[styles["action-tile--active"]] = isActive,
         _b), className);
@@ -28,8 +27,8 @@ var ActionTile = function (_a) {
                 React.createElement(Icon.Icon, { icon: icon, size: 48 }))),
             React.createElement("h3", { className: styles["action-tile-heading"] }, heading)),
         isActive && (React.createElement("div", { className: styles["action-tile-tick"] },
-            React.createElement(Icon.Icon, { icon: BtIconTickAlt2Px, size: 20 })))));
-    return (React.createElement("div", tslib_es6.__assign({ className: tileClasses, onClick: onClick }, filterAttrs.filterAttrs(props)), content));
+            React.createElement(Icon.Icon, { icon: BtIconTickAlt2Px, size: 28 })))));
+    return (React.createElement("div", filterAttrs.__assign({ className: tileClasses, onClick: onClick }, filterAttrs.filterAttrs(props)), content));
 };
 
 exports.ActionTile = ActionTile;

package/lib/ActionTile/ActionTile.mjs

@@ -1,7 +1,6 @@
-import { a as __rest, _ as __assign } from '../_shared/esm/tslib.es6-D6Wu-xwB.mjs';
+import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
 import React from 'react';
 import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.mjs';
-import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
 import { Icon } from '@arc-ui/components/Icon';
 
 var styles = {"action-tile":"ActionTile-module_action-tile__JPwGb","action-tile-content":"ActionTile-module_action-tile-content__ZkgHc","action-tile-icon":"ActionTile-module_action-tile-icon__PY1EN","action-tile-heading":"ActionTile-module_action-tile-heading__Uxdu9","action-tile--active":"ActionTile-module_action-tile--active__-aWze","action-tile-tick":"ActionTile-module_action-tile-tick__vhsJE"};
@@ -26,7 +25,7 @@ var ActionTile = function (_a) {
                 React.createElement(Icon, { icon: icon, size: 48 }))),
             React.createElement("h3", { className: styles["action-tile-heading"] }, heading)),
         isActive && (React.createElement("div", { className: styles["action-tile-tick"] },
-            React.createElement(Icon, { icon: BtIconTickAlt2Px, size: 20 })))));
+            React.createElement(Icon, { icon: BtIconTickAlt2Px, size: 28 })))));
     return (React.createElement("div", __assign({ className: tileClasses, onClick: onClick }, filterAttrs(props)), content));
 };
 

package/lib/ActionTile/styles.css

@@ -1 +1 @@
-.ActionTile-module_action-tile__JPwGb{display:flex;flex-direction:horizontal;align-items:center;justify-content:space-between;width:230px;height:164px;padding:24px;gap:16px;border-radius:16px;border:1px solid #c8c8c8;background:transparent;text-decoration:none;cursor:pointer;transition:all 0.2s ease;position:relative}.ActionTile-module_action-tile-content__ZkgHc{display:flex;flex-direction:column;gap:12px;flex:1;align-items:flex-start}.ActionTile-module_action-tile-icon__PY1EN{display:flex;align-items:center;justify-content:flex-start;width:48px;height:48px;color:#2a2a2a;transition:color 0.2s ease}.ActionTile-module_action-tile-heading__Uxdu9{font-family:"BT Curve",sans-serif;font-size:20px;font-weight:500;line-height:28px;letter-spacing:0;color:#2a2a2a;margin:0;transition:color 0.2s ease;width:100%;word-wrap:break-word;word-wrap:break-word;margin-left:-12px}.ActionTile-module_action-tile--active__-aWze{background:#efe5f7;border-color:#2a1c4a}.ActionTile-module_action-tile--active__-aWze .ActionTile-module_action-tile-heading__Uxdu9,.ActionTile-module_action-tile--active__-aWze .ActionTile-module_action-tile-icon__PY1EN{color:#2a1c4a}.ActionTile-module_action-tile--active__-aWze:hover{background:#efe5f7;border-color:#2a1c4a}.ActionTile-module_action-tile__JPwGb:hover{border-color:#3f187f}.ActionTile-module_action-tile__JPwGb:hover .ActionTile-module_action-tile-heading__Uxdu9,.ActionTile-module_action-tile__JPwGb:hover .ActionTile-module_action-tile-icon__PY1EN{color:#3f187f}.ActionTile-module_action-tile-tick__vhsJE{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:24px;background:#2a1c4a;color:#ffffff;flex-shrink:0;position:absolute;top:-8px;right:-8px}
+.ActionTile-module_action-tile__JPwGb{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;width:230px;height:164px;padding:var(--sem-space-padding-110);gap:var(--sem-space-padding-70);border-radius:var(--sem-border-radius-xl);border:var(--sem-border-width-xxs) solid var(--sem-color-border-secondary-light-minimal);background:var(--sem-color-bg-secondary-light-default);text-decoration:none;cursor:pointer;transition:border-color 0.2s ease,box-shadow 0.2s ease;position:relative;isolation:isolate;overflow:visible}.ActionTile-module_action-tile-content__ZkgHc{display:flex;flex-direction:column;gap:var(--sem-space-padding-60);flex:1;align-items:flex-start;align-self:stretch}.ActionTile-module_action-tile-icon__PY1EN{display:flex;align-items:center;justify-content:flex-start;width:48px;height:48px;color:var(--sem-color-fg-secondary-light-default);transition:color 0.2s ease}.ActionTile-module_action-tile-heading__Uxdu9{font-family:var(--sem-font-family-heading);font-size:var(--sem-font-size-125);font-weight:var(--sem-font-weight-semi);line-height:var(--sem-line-height-base-scale-m);letter-spacing:0;color:var(--sem-color-fg-secondary-light-default);margin:0;transition:color 0.2s ease;width:100%;word-wrap:break-word;word-wrap:break-word;align-self:stretch;flex-grow:1}.ActionTile-module_action-tile--active__-aWze{background:var(--sem-color-bg-primary-light-subtle-alt);border-color:var(--sem-color-fg-primary-light-minimal);box-shadow:none}.ActionTile-module_action-tile--active__-aWze .ActionTile-module_action-tile-heading__Uxdu9,.ActionTile-module_action-tile--active__-aWze .ActionTile-module_action-tile-icon__PY1EN{color:var(--sem-color-fg-primary-light-minimal)}.ActionTile-module_action-tile-tick__vhsJE{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--sem-border-radius-l);background:var(--sem-color-fg-primary-light-minimal);color:var(--sem-color-fg-secondary-light-alt);flex-shrink:0;position:absolute;top:-4px;right:-4px;z-index:1}.ActionTile-module_action-tile__JPwGb:hover{border-color:var(--button-v2-colors-light-text-hover);box-shadow:0 0 0 1px var(--button-v2-colors-light-text-hover)}.ActionTile-module_action-tile__JPwGb:hover .ActionTile-module_action-tile-heading__Uxdu9,.ActionTile-module_action-tile__JPwGb:hover .ActionTile-module_action-tile-icon__PY1EN{color:var(--button-v2-colors-light-text-hover)}.ActionTile-module_action-tile--active__-aWze:hover{background:var(--sem-color-bg-primary-light-subtle-alt);border-color:var(--sem-color-fg-primary-light-minimal);box-shadow:0 0 0 1px var(--sem-color-fg-primary-light-minimal)}.ActionTile-module_action-tile--active__-aWze:hover .ActionTile-module_action-tile-heading__Uxdu9,.ActionTile-module_action-tile--active__-aWze:hover .ActionTile-module_action-tile-icon__PY1EN{color:var(--sem-color-fg-primary-light-minimal)}

package/lib/ArticleSidebar/ArticleSidebar.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
+var filterAttrs = require('../_shared/cjs/filter-attrs-C26zOt4_.cjs');
 var React = require('react');
 var index = require('../_shared/cjs/index-Bp6Dd2i1.cjs');
 var Heading = require('@arc-ui/components/Heading');
@@ -11,8 +11,7 @@ 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-D4dKNQem.cjs');
-require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
+var Author = require('../_shared/cjs/Author-aL8YXi7C.cjs');
 require('@arc-ui/components/Grid');
 require('@arc-ui/components/Avatar');
 
@@ -55,12 +54,12 @@ var styles = {"tagGroup":"ArticleSidebar-module_tagGroup__rIPQc","textContent":"
  */
 var ArticleSidebar = function (_a) {
     var _b;
-    var author = _a.author, aboutSection = _a.aboutSection, topics = _a.topics, share = _a.share, additionalContent = _a.additionalContent, linkSection = _a.linkSection;
+    var author = _a.author, aboutSection = _a.aboutSection, topics = _a.topics, share = _a.share, additionalContent = _a.additionalContent, linkSection = _a.linkSection, props = filterAttrs.__rest(_a, ["author", "aboutSection", "topics", "share", "additionalContent", "linkSection"]);
     var id = React.useId();
     var _c = React.useState(false), showToast = _c[0], setShowToast = _c[1];
     var url = location.href;
-    var copyTextToClipBoard = function () { return tslib_es6.__awaiter(void 0, void 0, void 0, function () {
-        return tslib_es6.__generator(this, function (_a) {
+    var copyTextToClipBoard = function () { return filterAttrs.__awaiter(void 0, void 0, void 0, function () {
+        return filterAttrs.__generator(this, function (_a) {
             switch (_a.label) {
                 case 0: return [4 /*yield*/, navigator.clipboard.writeText(url)];
                 case 1:
@@ -71,7 +70,7 @@ var ArticleSidebar = function (_a) {
         });
     }); };
     var shareButtons = share
-        ? tslib_es6.__spreadArray(tslib_es6.__spreadArray([
+        ? filterAttrs.__spreadArray(filterAttrs.__spreadArray([
             {
                 isButton: true,
                 onClick: copyTextToClipBoard,
@@ -102,12 +101,12 @@ var ArticleSidebar = function (_a) {
             : []), true) : [];
     var hasTopContent = Boolean(author || aboutSection || additionalContent);
     var hasBottomContent = Boolean(linkSection || topics || share);
-    return (React.createElement(React.Fragment, null,
+    return (React.createElement("div", filterAttrs.__assign({}, filterAttrs.filterAttrs(props)),
         React.createElement("div", { className: index.classNames((_b = {},
                 _b[styles.textContent] = hasTopContent,
                 _b)) },
             author && (React.createElement(React.Fragment, null,
-                React.createElement(Author.Author, tslib_es6.__assign({}, author, { avatar: tslib_es6.__assign(tslib_es6.__assign({}, author.avatar), { size: "xl" }) })))),
+                React.createElement(Author.Author, filterAttrs.__assign({}, author, { avatar: filterAttrs.__assign(filterAttrs.__assign({}, author.avatar), { size: "xl" }) })))),
             aboutSection && (React.createElement(React.Fragment, null,
                 author && React.createElement(VerticalSpace.VerticalSpace, { size: "32" }),
                 React.createElement(Heading.Heading, { level: aboutSection.headingLevel }, aboutSection.heading),
@@ -138,7 +137,7 @@ var ArticleSidebar = function (_a) {
             linkSection && React.createElement(VerticalSpace.VerticalSpace, { size: "32" }),
             React.createElement(Heading.Heading, { level: topics.headingLevel }, topics.heading),
             React.createElement(VerticalSpace.VerticalSpace, { size: "16" }),
-            React.createElement("div", { className: styles.tagGroup }, topics.tags.map(function (tag) { return (React.createElement(Tag.Tag, tslib_es6.__assign({ key: "".concat(id, "-").concat(tag.title) }, tag))); })))),
+            React.createElement("div", { className: styles.tagGroup }, topics.tags.map(function (tag) { return (React.createElement(Tag.Tag, filterAttrs.__assign({ key: "".concat(id, "-").concat(tag.title) }, tag))); })))),
         share && (React.createElement(React.Fragment, null,
             (linkSection || topics) && (React.createElement("div", { "data-testid": "links-topics-content-rule" },
                 React.createElement(VerticalSpace.VerticalSpace, { size: "32" }),

package/lib/ArticleSidebar/ArticleSidebar.mjs

@@ -1,4 +1,4 @@
-import { b as __spreadArray, _ as __assign, c as __awaiter, d as __generator } from '../_shared/esm/tslib.es6-D6Wu-xwB.mjs';
+import { _ as __rest, b as __spreadArray, a as __assign, f as filterAttrs, c as __awaiter, d as __generator } from '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
 import React, { useId, useState } from 'react';
 import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.mjs';
 import { Heading } from '@arc-ui/components/Heading';
@@ -9,8 +9,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-HnYsFTPT.mjs';
-import '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
+import { A as Author } from '../_shared/esm/Author-BVCRPgkl.mjs';
 import '@arc-ui/components/Grid';
 import '@arc-ui/components/Avatar';
 
@@ -53,7 +52,7 @@ var styles = {"tagGroup":"ArticleSidebar-module_tagGroup__rIPQc","textContent":"
  */
 var ArticleSidebar = function (_a) {
     var _b;
-    var author = _a.author, aboutSection = _a.aboutSection, topics = _a.topics, share = _a.share, additionalContent = _a.additionalContent, linkSection = _a.linkSection;
+    var author = _a.author, aboutSection = _a.aboutSection, topics = _a.topics, share = _a.share, additionalContent = _a.additionalContent, linkSection = _a.linkSection, props = __rest(_a, ["author", "aboutSection", "topics", "share", "additionalContent", "linkSection"]);
     var id = useId();
     var _c = useState(false), showToast = _c[0], setShowToast = _c[1];
     var url = location.href;
@@ -100,7 +99,7 @@ var ArticleSidebar = function (_a) {
             : []), true) : [];
     var hasTopContent = Boolean(author || aboutSection || additionalContent);
     var hasBottomContent = Boolean(linkSection || topics || share);
-    return (React.createElement(React.Fragment, null,
+    return (React.createElement("div", __assign({}, filterAttrs(props)),
         React.createElement("div", { className: classNames((_b = {},
                 _b[styles.textContent] = hasTopContent,
                 _b)) },

package/lib/Author/Author.cjs

@@ -1,9 +1,8 @@
 'use strict';
 
-var Author = require('../_shared/cjs/Author-D4dKNQem.cjs');
-require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
+var Author = require('../_shared/cjs/Author-aL8YXi7C.cjs');
+require('../_shared/cjs/filter-attrs-C26zOt4_.cjs');
 require('react');
-require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
 require('@arc-ui/components/Grid');
 require('@arc-ui/components/Avatar');
 require('@arc-ui/components/Heading');

package/lib/Author/Author.mjs

@@ -1,7 +1,6 @@
-export { A as Author } from '../_shared/esm/Author-HnYsFTPT.mjs';
-import '../_shared/esm/tslib.es6-D6Wu-xwB.mjs';
+export { A as Author } from '../_shared/esm/Author-BVCRPgkl.mjs';
+import '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
 import 'react';
-import '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
 import '@arc-ui/components/Grid';
 import '@arc-ui/components/Avatar';
 import '@arc-ui/components/Heading';

package/lib/BannerWithTabs/BannerWithTabs.cjs

@@ -1,11 +1,10 @@
 'use strict';
 
+var filterAttrs = require('../_shared/cjs/filter-attrs-C26zOt4_.cjs');
 var React = require('react');
 var index = require('../_shared/cjs/index-Bp6Dd2i1.cjs');
 var TabbedBanner = require('@arc-ui/components/TabbedBanner');
-var SectionHeading = require('../_shared/cjs/SectionHeading-DeSFM0HV.cjs');
-require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
-require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
+var SectionHeading = require('../_shared/cjs/SectionHeading-Dj-dJfv3.cjs');
 require('@arc-ui/components/Text');
 require('@arc-ui/components/VerticalSpace');
 require('@arc-ui/components/Image');
@@ -15,8 +14,8 @@ 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, id = _a.id, isHeadingWordWrap = _a.isHeadingWordWrap, _c = _a.alignTypography, alignTypography = _c === void 0 ? "left" : _c, minHeight = _a.minHeight, minHeightM = _a.minHeightM;
-    return (React.createElement(React.Fragment, null,
+    var tabs = _a.tabs, defaultValue = _a.defaultValue, heading = _a.heading, content = _a.content, id = _a.id, isHeadingWordWrap = _a.isHeadingWordWrap, _c = _a.alignTypography, alignTypography = _c === void 0 ? "left" : _c, minHeight = _a.minHeight, minHeightM = _a.minHeightM, props = filterAttrs.__rest(_a, ["tabs", "defaultValue", "heading", "content", "id", "isHeadingWordWrap", "alignTypography", "minHeight", "minHeightM"]);
+    return (React.createElement("div", filterAttrs.__assign({}, filterAttrs.filterAttrs(props)),
         React.createElement("div", { className: index.classNames((_b = {},
                 _b[styles.bannerWithTabsHeadingCentered] = alignTypography === "center",
                 _b)) },

package/lib/BannerWithTabs/BannerWithTabs.mjs

@@ -1,9 +1,8 @@
+import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
 import React from 'react';
 import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.mjs';
 import { TabbedBanner } from '@arc-ui/components/TabbedBanner';
-import { S as SectionHeading } from '../_shared/esm/SectionHeading-CpDLCndw.mjs';
-import '../_shared/esm/tslib.es6-D6Wu-xwB.mjs';
-import '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
+import { S as SectionHeading } from '../_shared/esm/SectionHeading-DZOg_gYi.mjs';
 import '@arc-ui/components/Text';
 import '@arc-ui/components/VerticalSpace';
 import '@arc-ui/components/Image';
@@ -13,8 +12,8 @@ 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, id = _a.id, isHeadingWordWrap = _a.isHeadingWordWrap, _c = _a.alignTypography, alignTypography = _c === void 0 ? "left" : _c, minHeight = _a.minHeight, minHeightM = _a.minHeightM;
-    return (React.createElement(React.Fragment, null,
+    var tabs = _a.tabs, defaultValue = _a.defaultValue, heading = _a.heading, content = _a.content, id = _a.id, isHeadingWordWrap = _a.isHeadingWordWrap, _c = _a.alignTypography, alignTypography = _c === void 0 ? "left" : _c, minHeight = _a.minHeight, minHeightM = _a.minHeightM, props = __rest(_a, ["tabs", "defaultValue", "heading", "content", "id", "isHeadingWordWrap", "alignTypography", "minHeight", "minHeightM"]);
+    return (React.createElement("div", __assign({}, filterAttrs(props)),
         React.createElement("div", { className: classNames((_b = {},
                 _b[styles.bannerWithTabsHeadingCentered] = alignTypography === "center",
                 _b)) },

package/lib/ContentInfoWidget/ContentInfoWidget.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+var filterAttrs = require('../_shared/cjs/filter-attrs-C26zOt4_.cjs');
 var React = require('react');
 var Text = require('@arc-ui/components/Text');
 var Icon = require('@arc-ui/components/Icon');
@@ -7,8 +8,8 @@ var Icon = require('@arc-ui/components/Icon');
 var styles = {"container":"ContentInfoWidget-module_container__yaS-8","text":"ContentInfoWidget-module_text__O1BdZ","icon":"ContentInfoWidget-module_icon__LEww1"};
 
 var ContentInfoWidget = function (_a) {
-    var text = _a.text, icon = _a.icon;
-    return (React.createElement("div", { className: styles.container },
+    var text = _a.text, icon = _a.icon, props = filterAttrs.__rest(_a, ["text", "icon"]);
+    return (React.createElement("div", filterAttrs.__assign({ className: styles.container }, filterAttrs.filterAttrs(props)),
         React.createElement("div", { className: styles.icon },
             React.createElement(Icon.Icon, { size: 20, icon: icon })),
         React.createElement("div", { className: styles.text },

package/lib/ContentInfoWidget/ContentInfoWidget.mjs

@@ -1,3 +1,4 @@
+import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
 import React from 'react';
 import { Text } from '@arc-ui/components/Text';
 import { Icon } from '@arc-ui/components/Icon';
@@ -5,8 +6,8 @@ import { Icon } from '@arc-ui/components/Icon';
 var styles = {"container":"ContentInfoWidget-module_container__yaS-8","text":"ContentInfoWidget-module_text__O1BdZ","icon":"ContentInfoWidget-module_icon__LEww1"};
 
 var ContentInfoWidget = function (_a) {
-    var text = _a.text, icon = _a.icon;
-    return (React.createElement("div", { className: styles.container },
+    var text = _a.text, icon = _a.icon, props = __rest(_a, ["text", "icon"]);
+    return (React.createElement("div", __assign({ className: styles.container }, filterAttrs(props)),
         React.createElement("div", { className: styles.icon },
             React.createElement(Icon, { size: 20, icon: icon })),
         React.createElement("div", { className: styles.text },

package/lib/CopyLead/CopyLead.cjs

@@ -1,8 +1,7 @@
 'use strict';
 
-var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
+var filterAttrs = require('../_shared/cjs/filter-attrs-C26zOt4_.cjs');
 var React = require('react');
-var filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
 var index_es = require('../_shared/cjs/index.es-Dq8bYrbW.cjs');
 var Columns = require('@arc-ui/components/Columns');
 var useMediaQuery = require('@arc-ui/components/use-media-query');
@@ -13,7 +12,7 @@ var Image$1 = require('@arc-ui/components/Image');
 var Icon = require('@arc-ui/components/Icon');
 var index = require('../_shared/cjs/index-Bp6Dd2i1.cjs');
 var ButtonV2 = require('@arc-ui/components/ButtonV2');
-var SectionHeading = require('../_shared/cjs/SectionHeading-DeSFM0HV.cjs');
+var SectionHeading = require('../_shared/cjs/SectionHeading-Dj-dJfv3.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"};
 
@@ -27,10 +26,10 @@ var MediaContent = function (_a) {
 };
 
 var Image = function (_a) {
-    var sources = _a.sources, props = tslib_es6.__rest(_a, ["sources"]);
+    var sources = _a.sources, props = filterAttrs.__rest(_a, ["sources"]);
     return (React.createElement("div", { className: styles.imgWrapper },
-        React.createElement(Image$1.Image, tslib_es6.__assign({ fadeOnLoad: true }, props), sources &&
-            sources.map(function (source) { return React.createElement("source", tslib_es6.__assign({ key: source.srcSet }, source)); }))));
+        React.createElement(Image$1.Image, filterAttrs.__assign({ fadeOnLoad: true }, props), sources &&
+            sources.map(function (source) { return React.createElement("source", filterAttrs.__assign({ key: source.srcSet }, source)); }))));
 };
 
 var IconList = function (_a) {
@@ -52,7 +51,7 @@ var IconList = function (_a) {
 };
 
 var Button = function (props) { return (React.createElement("div", { className: styles.buttonContainer },
-    React.createElement(ButtonV2.ButtonV2, tslib_es6.__assign({ isFullWidth: true, buttonStyle: "secondary" }, props)))); };
+    React.createElement(ButtonV2.ButtonV2, filterAttrs.__assign({ isFullWidth: true, buttonStyle: "secondary" }, props)))); };
 
 var Container = function (_a) {
     var _b;
@@ -97,11 +96,11 @@ var MediaTemplate = function (_a) {
             React.createElement(Column, null,
                 isMinWidthArcBreakpointXl && (React.createElement(MediaContent, { heading: heading }, content)),
                 React.createElement(IconList, { listItems: listItems, isLgScreen: isMinWidthArcBreakpointL, headingLevel: listHeadingLevel }),
-                button && React.createElement(Button, tslib_es6.__assign({}, button))),
+                button && React.createElement(Button, filterAttrs.__assign({}, button))),
             React.createElement(Column, null,
                 video && isClient && (React.createElement(React.Suspense, { fallback: null },
-                    React.createElement(VideoPlayer, tslib_es6.__assign({}, video)))),
-                image && !video && React.createElement(Image, tslib_es6.__assign({}, image))))));
+                    React.createElement(VideoPlayer, filterAttrs.__assign({}, video)))),
+                image && !video && React.createElement(Image, filterAttrs.__assign({}, image))))));
 };
 
 var ContentTemplate = function (_a) {
@@ -112,22 +111,22 @@ var ContentTemplate = function (_a) {
     return (React.createElement(Container, { type: "content", alignment: "top" },
         React.createElement(Column, null,
             React.createElement(SectionHeading.SectionHeading, { id: id, heading: heading, headingLevel: headingLevel, isHeadingWordWrap: isHeadingWordWrap, content: content }),
-            button && isMinWidthArcBreakpointM && React.createElement(Button, tslib_es6.__assign({}, button))),
+            button && isMinWidthArcBreakpointM && React.createElement(Button, filterAttrs.__assign({}, button))),
         React.createElement(Column, null,
             React.createElement(IconList, { listItems: listItems, isLgScreen: isMinWidthArcBreakpointL, headingLevel: listHeadingLevel }),
-            button && !isMinWidthArcBreakpointM && React.createElement(Button, tslib_es6.__assign({}, button)))));
+            button && !isMinWidthArcBreakpointM && React.createElement(Button, filterAttrs.__assign({}, button)))));
 };
 
 /**
  * Use `CopyLead` to give supporting information about a page or proposition. It can be used to call out key benefits in bullet points, or link to a supporting explanatory video. An optional CTA can be used to link to further information or trigger a sales or enquiry journey.
  */
 var CopyLead = function (_a) {
-    var button = _a.button, heading = _a.heading, id = _a.id, _b = _a.headingLevel, headingLevel = _b === void 0 ? "2" : _b, listItems = _a.listItems, video = _a.video, image = _a.image, content = _a.content, isHeadingWordWrap = _a.isHeadingWordWrap, _c = _a.isReverseOrder, isReverseOrder = _c === void 0 ? false : _c, props = tslib_es6.__rest(_a, ["button", "heading", "id", "headingLevel", "listItems", "video", "image", "content", "isHeadingWordWrap", "isReverseOrder"]);
+    var button = _a.button, heading = _a.heading, id = _a.id, _b = _a.headingLevel, headingLevel = _b === void 0 ? "2" : _b, listItems = _a.listItems, video = _a.video, image = _a.image, content = _a.content, isHeadingWordWrap = _a.isHeadingWordWrap, _c = _a.isReverseOrder, isReverseOrder = _c === void 0 ? false : _c, props = filterAttrs.__rest(_a, ["button", "heading", "id", "headingLevel", "listItems", "video", "image", "content", "isHeadingWordWrap", "isReverseOrder"]);
     if (video || image) {
-        return (React.createElement(MediaTemplate, tslib_es6.__assign({ id: id, content: content, video: video, image: image, listItems: listItems, heading: heading, headingLevel: headingLevel, isHeadingWordWrap: isHeadingWordWrap, button: button, isReverseOrder: isReverseOrder }, filterAttrs.filterAttrs(props))));
+        return (React.createElement(MediaTemplate, filterAttrs.__assign({ id: id, content: content, video: video, image: image, listItems: listItems, heading: heading, headingLevel: headingLevel, isHeadingWordWrap: isHeadingWordWrap, button: button, isReverseOrder: isReverseOrder }, filterAttrs.filterAttrs(props))));
     }
     if (content) {
-        return (React.createElement(ContentTemplate, tslib_es6.__assign({ id: id, listItems: listItems, heading: heading, headingLevel: headingLevel, isHeadingWordWrap: isHeadingWordWrap, button: button, content: content }, filterAttrs.filterAttrs(props))));
+        return (React.createElement(ContentTemplate, filterAttrs.__assign({ id: id, listItems: listItems, heading: heading, headingLevel: headingLevel, isHeadingWordWrap: isHeadingWordWrap, button: button, content: content }, filterAttrs.filterAttrs(props))));
     }
     return null;
 };

package/lib/CopyLead/CopyLead.mjs

@@ -1,6 +1,5 @@
-import { a as __rest, _ as __assign } from '../_shared/esm/tslib.es6-D6Wu-xwB.mjs';
+import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
 import React, { useState, useEffect, Suspense } from 'react';
-import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
 import { a as ArcSizeBreakpointsL, c as ArcSizeBreakpointsXl, b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-Bfdys5__.mjs';
 import { Columns, ColumnsCol } from '@arc-ui/components/Columns';
 import { useMediaQuery } from '@arc-ui/components/use-media-query';
@@ -11,7 +10,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.mjs';
 import { ButtonV2 } from '@arc-ui/components/ButtonV2';
-import { S as SectionHeading } from '../_shared/esm/SectionHeading-CpDLCndw.mjs';
+import { S as SectionHeading } from '../_shared/esm/SectionHeading-DZOg_gYi.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"};
 

package/lib/DownloadList/DownloadList.cjs

@@ -1,12 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
+var filterAttrs = require('../_shared/cjs/filter-attrs-C26zOt4_.cjs');
 var React = require('react');
 var VerticalSpace = require('@arc-ui/components/VerticalSpace');
-var SectionHeading = require('../_shared/cjs/SectionHeading-DeSFM0HV.cjs');
+var SectionHeading = require('../_shared/cjs/SectionHeading-Dj-dJfv3.cjs');
 var Download = require('@arc-ui/components/Download');
 require('../_shared/cjs/index-Bp6Dd2i1.cjs');
-require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
 require('@arc-ui/components/Text');
 require('@arc-ui/components/Image');
 require('@arc-ui/components/Heading');
@@ -14,14 +13,13 @@ require('@arc-ui/components/Heading');
 var styles = {"headingContainer":"DownloadList-module_headingContainer__PNio8"};
 
 var DownloadList = function (_a) {
-    var heading = _a.heading, id = _a.id, _b = _a.headingLevel, headingLevel = _b === void 0 ? "2" : _b, isHeadingWordWrap = _a.isHeadingWordWrap, content = _a.content, downloads = _a.downloads;
-    return (React.createElement(React.Fragment, null,
+    var heading = _a.heading, id = _a.id, _b = _a.headingLevel, headingLevel = _b === void 0 ? "2" : _b, isHeadingWordWrap = _a.isHeadingWordWrap, content = _a.content, downloads = _a.downloads, props = filterAttrs.__rest(_a, ["heading", "id", "headingLevel", "isHeadingWordWrap", "content", "downloads"]);
+    return (React.createElement("div", filterAttrs.__assign({}, filterAttrs.filterAttrs(props)),
         React.createElement("div", { className: styles.headingContainer },
             React.createElement(SectionHeading.SectionHeading, { id: id, heading: heading, isHeadingWordWrap: isHeadingWordWrap, headingLevel: headingLevel, content: content })),
         React.createElement(VerticalSpace.VerticalSpace, { size: "40" }),
-        downloads.map(function (props, i) { return (React.createElement(React.Fragment, null,
-            React.createElement(Download.Download, tslib_es6.__assign({}, props)),
-            " ",
+        downloads.map(function (downloadProps, i) { return (React.createElement(React.Fragment, { key: "download-".concat(i) },
+            React.createElement(Download.Download, filterAttrs.__assign({}, downloadProps)),
             i !== downloads.length - 1 && React.createElement(VerticalSpace.VerticalSpace, { size: "16" }))); })));
 };
 

package/lib/DownloadList/DownloadList.mjs

@@ -1,10 +1,9 @@
-import { _ as __assign } from '../_shared/esm/tslib.es6-D6Wu-xwB.mjs';
+import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
 import React from 'react';
 import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
-import { S as SectionHeading } from '../_shared/esm/SectionHeading-CpDLCndw.mjs';
+import { S as SectionHeading } from '../_shared/esm/SectionHeading-DZOg_gYi.mjs';
 import { Download } from '@arc-ui/components/Download';
 import '../_shared/esm/index-BfTCfPZ1.mjs';
-import '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
 import '@arc-ui/components/Text';
 import '@arc-ui/components/Image';
 import '@arc-ui/components/Heading';
@@ -12,14 +11,13 @@ import '@arc-ui/components/Heading';
 var styles = {"headingContainer":"DownloadList-module_headingContainer__PNio8"};
 
 var DownloadList = function (_a) {
-    var heading = _a.heading, id = _a.id, _b = _a.headingLevel, headingLevel = _b === void 0 ? "2" : _b, isHeadingWordWrap = _a.isHeadingWordWrap, content = _a.content, downloads = _a.downloads;
-    return (React.createElement(React.Fragment, null,
+    var heading = _a.heading, id = _a.id, _b = _a.headingLevel, headingLevel = _b === void 0 ? "2" : _b, isHeadingWordWrap = _a.isHeadingWordWrap, content = _a.content, downloads = _a.downloads, props = __rest(_a, ["heading", "id", "headingLevel", "isHeadingWordWrap", "content", "downloads"]);
+    return (React.createElement("div", __assign({}, filterAttrs(props)),
         React.createElement("div", { className: styles.headingContainer },
             React.createElement(SectionHeading, { id: id, heading: heading, isHeadingWordWrap: isHeadingWordWrap, headingLevel: headingLevel, content: content })),
         React.createElement(VerticalSpace, { size: "40" }),
-        downloads.map(function (props, i) { return (React.createElement(React.Fragment, null,
-            React.createElement(Download, __assign({}, props)),
-            " ",
+        downloads.map(function (downloadProps, i) { return (React.createElement(React.Fragment, { key: "download-".concat(i) },
+            React.createElement(Download, __assign({}, downloadProps)),
             i !== downloads.length - 1 && React.createElement(VerticalSpace, { size: "16" }))); })));
 };
 

package/lib/FAQs/FAQs.cjs

@@ -1,11 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
+var filterAttrs = require('../_shared/cjs/filter-attrs-C26zOt4_.cjs');
 var React = require('react');
 var index = require('../_shared/cjs/index-Bp6Dd2i1.cjs');
-var filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
-var Accordion = require('../_shared/cjs/Accordion-DfNGOjTm.cjs');
-var SectionHeading = require('../_shared/cjs/SectionHeading-DeSFM0HV.cjs');
+var Accordion = require('../_shared/cjs/Accordion-QqDoB3pY.cjs');
+var SectionHeading = require('../_shared/cjs/SectionHeading-Dj-dJfv3.cjs');
 var Link = require('@arc-ui/components/Link');
 var Heading = require('@arc-ui/components/Heading');
 var VerticalSpace = require('@arc-ui/components/VerticalSpace');
@@ -27,8 +26,8 @@ var scrollToSectionFocusFirstElement = function (item) {
 };
 var FAQs = function (_a) {
     var _b;
-    var heading = _a.heading, isHeadingWordWrap = _a.isHeadingWordWrap, content = _a.content, id = _a.id, _c = _a.isPadded, isPadded = _c === void 0 ? false : _c, _d = _a.headingLevel, headingLevel = _d === void 0 ? "2" : _d, image = _a.image, type = _a.type, _e = _a.linkListHeading, linkListHeading = _e === void 0 ? "Skip to section" : _e, accordionData = _a.accordionData, props = tslib_es6.__rest(_a, ["heading", "isHeadingWordWrap", "content", "id", "isPadded", "headingLevel", "image", "type", "linkListHeading", "accordionData"]);
-    return (React.createElement("div", tslib_es6.__assign({ className: styles.FAQs }, filterAttrs.filterAttrs(props)),
+    var heading = _a.heading, isHeadingWordWrap = _a.isHeadingWordWrap, content = _a.content, id = _a.id, _c = _a.isPadded, isPadded = _c === void 0 ? false : _c, _d = _a.headingLevel, headingLevel = _d === void 0 ? "2" : _d, image = _a.image, type = _a.type, _e = _a.linkListHeading, linkListHeading = _e === void 0 ? "Skip to section" : _e, accordionData = _a.accordionData, props = filterAttrs.__rest(_a, ["heading", "isHeadingWordWrap", "content", "id", "isPadded", "headingLevel", "image", "type", "linkListHeading", "accordionData"]);
+    return (React.createElement("div", filterAttrs.__assign({ className: styles.FAQs }, filterAttrs.filterAttrs(props)),
         React.createElement(SectionHeading.SectionHeading, { id: id, isHeadingWordWrap: isHeadingWordWrap, heading: heading, content: content, image: image, headingLevel: headingLevel, isPadded: isPadded }),
         type === "listWithLinks" && (React.createElement("div", { className: styles.linkListSection },
             React.createElement("div", { className: styles.linkListTitle },