@arc-ui/community-components 1.0.0 → 1.0.2

package/dist/Summary/Summary.esm.js

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

package/dist/Summary/styles.css

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

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

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

package/dist/_shared/cjs/{SectionHeading-7IxNz67p.js → SectionHeading-gjCR1F6E.js}

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

package/dist/_shared/cjs/filter-data-attrs-ajtUvDAC.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var dataAttrRe = /^(data-.*)$/;
+var filterDataAttrs = function (props) {
+    var filteredProps = {};
+    for (var prop in props) {
+        if (Object.prototype.hasOwnProperty.call(props, prop) &&
+            dataAttrRe.test(prop)) {
+            filteredProps[prop] = props[prop];
+        }
+    }
+    return filteredProps;
+};
+
+exports.filterDataAttrs = filterDataAttrs;

package/dist/_shared/cjs/{index.es-HAMLJhPd.js → index.es-BNY6zQSi.js}

@@ -2,7 +2,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 06 Mar 2025 14:17:53 GMT
+ * Generated on Fri, 15 Aug 2025 18:14:58 GMT
  */
 var ArcSizeBreakpointsS = "636px";
 var ArcSizeBreakpointsM = "768px";

package/dist/_shared/cjs/{filter-data-attrs-DlS_Fyr9.js → tslib.es6-BxB9I209.js}

@@ -93,20 +93,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var dataAttrRe = /^(data-.*)$/;
-var filterDataAttrs = function (props) {
-    var filteredProps = {};
-    for (var prop in props) {
-        if (Object.prototype.hasOwnProperty.call(props, prop) &&
-            dataAttrRe.test(prop)) {
-            filteredProps[prop] = props[prop];
-        }
-    }
-    return filteredProps;
-};
-
 exports.__awaiter = __awaiter;
 exports.__generator = __generator;
 exports.__rest = __rest;
 exports.__spreadArray = __spreadArray;
-exports.filterDataAttrs = filterDataAttrs;

package/dist/_shared/esm/{Author-B8tJxqB8.js → Author-son1Cgke.js}

@@ -1,5 +1,6 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-DAx-HNG5.js';
+import { _ as __rest, a as __assign } from './tslib.es6-BVXMhEem.js';
 import React from 'react';
+import { f as filterDataAttrs } from './filter-data-attrs-V7cbJuwS.js';
 import { Grid, GridRow, GridCol } from '@arc-ui/components/Grid';
 import { Avatar } from '@arc-ui/components/Avatar';
 import { Heading } from '@arc-ui/components/Heading';

package/dist/_shared/esm/{SectionHeading-Dz0GfXsP.js → SectionHeading-BwbuyrYn.js}

@@ -1,6 +1,7 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-DAx-HNG5.js';
+import { _ as __rest, a as __assign } from './tslib.es6-BVXMhEem.js';
 import React from 'react';
 import { c as classNames } from './index-BfTCfPZ1.js';
+import { f as filterDataAttrs } from './filter-data-attrs-V7cbJuwS.js';
 import { Heading } from '@arc-ui/components/Heading';
 import { Text } from '@arc-ui/components/Text';
 import { VerticalSpace } from '@arc-ui/components/VerticalSpace';

package/dist/_shared/esm/filter-data-attrs-V7cbJuwS.js

@@ -0,0 +1,13 @@
+var dataAttrRe = /^(data-.*)$/;
+var filterDataAttrs = function (props) {
+    var filteredProps = {};
+    for (var prop in props) {
+        if (Object.prototype.hasOwnProperty.call(props, prop) &&
+            dataAttrRe.test(prop)) {
+            filteredProps[prop] = props[prop];
+        }
+    }
+    return filteredProps;
+};
+
+export { filterDataAttrs as f };

package/dist/_shared/esm/{index.es-BI7la-9v.js → index.es-BraCgI9m.js}

@@ -1,10 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Thu, 06 Mar 2025 14:17:53 GMT
+ * Generated on Fri, 15 Aug 2025 18:14:58 GMT
  */
 var ArcSizeBreakpointsS = "636px";
 var ArcSizeBreakpointsM = "768px";
 var ArcSizeBreakpointsL = "1024px";
 var ArcSizeBreakpointsXl = "1280px";
 
-export { ArcSizeBreakpointsS as A, ArcSizeBreakpointsL as a, ArcSizeBreakpointsXl as b, ArcSizeBreakpointsM as c };
+export { ArcSizeBreakpointsS as A, ArcSizeBreakpointsL as a, ArcSizeBreakpointsM as b, ArcSizeBreakpointsXl as c };

package/dist/_shared/esm/{filter-data-attrs-DAx-HNG5.js → tslib.es6-BVXMhEem.js}

@@ -91,16 +91,4 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var dataAttrRe = /^(data-.*)$/;
-var filterDataAttrs = function (props) {
-    var filteredProps = {};
-    for (var prop in props) {
-        if (Object.prototype.hasOwnProperty.call(props, prop) &&
-            dataAttrRe.test(prop)) {
-            filteredProps[prop] = props[prop];
-        }
-    }
-    return filteredProps;
-};
-
-export { __rest as _, __assign as a, __spreadArray as b, __awaiter as c, __generator as d, filterDataAttrs as f };
+export { __rest as _, __assign as a, __spreadArray as b, __awaiter as c, __generator as d };

package/dist/index.es.js

@@ -21,9 +21,10 @@ import { TypographyCard } from '@arc-ui/components/TypographyCard';
 import { Box } from '@arc-ui/components/Box';
 import { Rule } from '@arc-ui/components/Rule';
 import { Align } from '@arc-ui/components/Align';
-import { TabbedBanner, InformationCard as InformationCard$1, VerticalSpace as VerticalSpace$1, ButtonV2 as ButtonV2$1, VisuallyHidden } from '@arc-ui/components';
+import { TabbedBanner } from '@arc-ui/components/TabbedBanner';
 import { Tag } from '@arc-ui/components/Tag';
 import { Toast, ToastNotification } from '@arc-ui/components/Toast';
+import { VisuallyHidden } from '@arc-ui/components/VisuallyHidden';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -278,7 +279,7 @@ var Author = function (_a) {
 
 /**
  * Do not edit directly
- * Generated on Thu, 06 Mar 2025 14:17:53 GMT
+ * Generated on Fri, 15 Aug 2025 18:14:58 GMT
  */
 var ArcSizeBreakpointsS = "636px";
 var ArcSizeBreakpointsM = "768px";
@@ -2752,9 +2753,9 @@ var Quote = function (_a) {
 var styles$4 = {"ruleContainer":"Summary-module_ruleContainer__ydWlG","row":"Summary-module_row__SKV--"};
 
 var Summary = function (_a) {
-    var content = _a.content, _b = _a.headingLevel, headingLevel = _b === void 0 ? "3" : _b;
-    var isMinWidthArcBreakpointS = useMediaQuery("(min-width: ".concat(ArcSizeBreakpointsS, ")"));
-    return (React.createElement(Box, { isBorderRadius: true, borderWidth: "thin", padding: "24" },
+    var content = _a.content, _b = _a.noBorder, noBorder = _b === void 0 ? false : _b, _c = _a.headingLevel, headingLevel = _c === void 0 ? "3" : _c;
+    var isMinWidthArcBreakpointM = useMediaQuery("(min-width: ".concat(ArcSizeBreakpointsM, ")"));
+    return (React.createElement(Box, __assign({ isBorderRadius: true }, (!noBorder ? { borderWidth: "thin" } : { elevationLevel: "1" }), { padding: "24" }),
         React.createElement("div", { className: styles$4.row }, content.map(function (_a, i) {
             var heading = _a.heading, text = _a.text;
             return (React.createElement(React.Fragment, null,
@@ -2763,7 +2764,7 @@ var Summary = function (_a) {
                     React.createElement(VerticalSpace, { size: "8" }),
                     React.createElement(Text, { size: "s" }, text)),
                 i !== content.length - 1 && (React.createElement("div", { className: styles$4.ruleContainer },
-                    React.createElement(Rule, { orientation: isMinWidthArcBreakpointS ? "vertical" : "horizontal" })))));
+                    React.createElement(Rule, { orientation: isMinWidthArcBreakpointM ? "vertical" : "horizontal" })))));
         }))));
 };
 
@@ -2825,75 +2826,37 @@ var BannerWithTabs = function (_a) {
         React.createElement(TabbedBanner, { minHeight: minHeight, minHeightM: minHeightM, tabs: tabs, defaultValue: defaultValue })));
 };
 
-const ArcIconSocialLinkedin = (props) =>
-  /*#__PURE__*/ React.createElement(
-    "svg",
-    Object.assign(
-      {
-        viewBox: "0 0 32 32",
-        xmlns: "http://www.w3.org/2000/svg",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React.createElement("path", {
-      d: "M25.856 25.86H21.71v-6.496c0-1.55-.032-3.544-2.161-3.544-2.162 0-2.492 1.686-2.492 3.43v6.61H12.91V12.5h3.983v1.821h.053c.557-1.05 1.91-2.158 3.932-2.158 4.201 0 4.978 2.765 4.978 6.364v7.334zM8.226 10.673a2.406 2.406 0 01-2.406-2.41 2.408 2.408 0 112.407 2.41zm2.08 15.189H6.148V12.5h4.158v13.36zM27.929 2H4.066C2.924 2 2 2.903 2 4.017v23.966C2 29.098 2.924 30 4.066 30h23.86c1.14 0 2.074-.902 2.074-2.017V4.017C30 2.903 29.067 2 27.926 2h.003z",
-      fill: "currentColor",
-    }),
-  );
-
-const ArcIconSocialX = (props) =>
-  /*#__PURE__*/ React.createElement(
-    "svg",
-    Object.assign(
-      {
-        viewBox: "0 0 32 32",
-        xmlns: "http://www.w3.org/2000/svg",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React.createElement("path", {
-      d: "M24.0342 3H28.3116L18.9688 13.6389L30 28.1034H21.3608L14.5789 19.3354L6.8402 28.1034H2.56281L12.5809 16.7385L2 3H10.8643L16.9709 11.0141L24.0342 3ZM22.5427 25.5624H24.9065L9.56985 5.40144H7.00905L22.5427 25.5624Z",
-      fill: "currentColor",
-    }),
-  );
-
-const BtIconLink = (props) =>
-  /*#__PURE__*/ React.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React.createElement("defs", null),
-    /*#__PURE__*/ React.createElement("path", {
-      d: "M9.959,10.0127h2.417a5.99044,5.99044,0,0,1,5.22558,8.91552.5.5,0,1,0,.87207.48926A6.99034,6.99034,0,0,0,12.376,9.0127H9.959a6.98853,6.98853,0,0,0,0,13.97705h1.54a.5.5,0,1,0,0-1H9.959a5.98853,5.98853,0,0,1,0-11.977Z",
-      fill: "currentColor",
-    }),
-    /*#__PURE__*/ React.createElement("path", {
-      d: "M22.0625,9.0127h-1.54a.5.5,0,0,0,0,1h1.54a5.98853,5.98853,0,0,1,0,11.97705h-2.417a5.99145,5.99145,0,0,1-5.22656-8.915.49955.49955,0,1,0-.8711-.48926,6.99,6.99,0,0,0,6.09766,10.4043h2.417a6.98853,6.98853,0,0,0,0-13.977Z",
-      fill: "currentColor",
-    }),
-  );
-
-const BtIconEmailUnread = (props) =>
-  /*#__PURE__*/ React.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React.createElement("defs", null),
-    /*#__PURE__*/ React.createElement("path", {
-      d: "M29,6H3A1,1,0,0,0,2,7V25a1,1,0,0,0,1,1H29a1,1,0,0,0,1-1V7A1,1,0,0,0,29,6Zm0,1V8.71649L18.00049,16.33154a3.5158,3.5158,0,0,1-3.98438,0L3,8.70532V7Zm0,2.93292V22.08368l-8.77545-6.07544Zm-17.20819,6.0752L3,22.09485V9.92175ZM3,25V23.31128l9.67035-6.695.77643.53754a4.52223,4.52223,0,0,0,5.123,0l.77619-.53735L29,23.30011V25Z",
-      fill: "currentColor",
-    }),
-  );
+/**
+ * Do not edit directly
+ * Generated file
+ */
+
+const ArcIconSocialLinkedin =
+  "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='currentColor' d='M25.856 25.86H21.71v-6.496c0-1.55-.032-3.544-2.161-3.544-2.162 0-2.492 1.686-2.492 3.43v6.61H12.91V12.5h3.983v1.821h.053c.557-1.05 1.91-2.158 3.932-2.158 4.201 0 4.978 2.765 4.978 6.364v7.334zM8.226 10.673a2.406 2.406 0 0 1-2.406-2.41 2.408 2.408 0 1 1 2.407 2.41zm2.08 15.189H6.148V12.5h4.158v13.36zM27.929 2H4.066C2.924 2 2 2.903 2 4.017v23.966C2 29.098 2.924 30 4.066 30h23.86c1.14 0 2.074-.902 2.074-2.017V4.017C30 2.903 29.067 2 27.926 2z'/%3e%3c/svg%3e";
+
+/**
+ * Do not edit directly
+ * Generated file
+ */
+
+const ArcIconSocialX =
+  "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='currentColor' d='M24.034 3h4.278l-9.343 10.639L30 28.103h-8.64l-6.781-8.768-7.739 8.768H2.563L12.58 16.738 2 3h8.864l6.107 8.014zm-1.491 22.562h2.364L9.57 5.402H7.009z'/%3e%3c/svg%3e";
+
+/**
+ * Do not edit directly
+ * Generated file
+ */
+
+const BtIconLink =
+  "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath d='M9.959 10.013h2.417a5.99 5.99 0 0 1 5.226 8.915.5.5 0 1 0 .872.49 6.99 6.99 0 0 0-6.098-10.405H9.959a6.989 6.989 0 0 0 0 13.977h1.54a.5.5 0 1 0 0-1h-1.54a5.989 5.989 0 0 1 0-11.977'/%3e%3cpath d='M22.063 9.013h-1.54a.5.5 0 0 0 0 1h1.54a5.989 5.989 0 0 1 0 11.977h-2.417a5.99 5.99 0 0 1-5.227-8.915.5.5 0 1 0-.871-.49 6.99 6.99 0 0 0 6.097 10.405h2.417a6.989 6.989 0 0 0 0-13.977'/%3e%3c/svg%3e";
+
+/**
+ * Do not edit directly
+ * Generated file
+ */
+
+const BtIconEmailUnread =
+  "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='currentColor' d='M29 6H3a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1m0 1v1.716l-11 7.616a3.52 3.52 0 0 1-3.984 0L3 8.705V7Zm0 2.933v12.15l-8.775-6.075Zm-17.208 6.075L3 22.095V9.922ZM3 25v-1.689l9.67-6.695.777.538a4.52 4.52 0 0 0 5.123 0l.776-.538L29 23.3V25Z'/%3e%3c/svg%3e";
 
 var styles$1 = {"tagGroup":"ArticleSidebar-module_tagGroup__rIPQc","textContent":"ArticleSidebar-module_textContent__3nCfG","shareButtonContainer":"ArticleSidebar-module_shareButtonContainer__iAfHL","shareButton":"ArticleSidebar-module_shareButton__rb-1E"};
 
@@ -2986,7 +2949,7 @@ var ArticleSidebar = function (_a) {
         React.createElement(VerticalSpace, { size: "16" }),
         React.createElement("div", { className: styles$1.shareButtonContainer }, shareButtons.map(function (_a) {
             var isButton = _a.isButton, label = _a.label, href = _a.href, icon = _a.icon, onClick = _a.onClick;
-            return (React.createElement("a", { key: "".concat(id, "-").concat(label), role: isButton ? "button" : undefined, target: "_blank", rel: "noreferrer", className: styles$1.shareButton, "aria-label": label, href: href, onClick: onClick },
+            return (React.createElement("a", { key: "".concat(id, "-").concat(label), role: isButton ? "button" : undefined, target: "_blank", rel: "noreferrer", className: styles$1.shareButton, "aria-label": label, href: href, onClick: isButton ? onClick : undefined },
                 React.createElement(Icon, { icon: icon, size: 24 })));
         })),
         React.createElement(Toast, null,
@@ -3040,19 +3003,19 @@ var ProductNavigation = function (_a) {
         React.createElement("ul", { className: classNames(styles["product-navigation-grid"]) }, displayList === null || displayList === void 0 ? void 0 : displayList.map(function (_a, i) {
             var label = _a.label, href = _a.href, heading = _a.heading, text = _a.text;
             return (React.createElement("li", { key: "displayList-".concat(i), tabIndex: -1, ref: i === skipLinkCard ? cardRef : undefined, "data-cy": "list-item-".concat(i) },
-                React.createElement(InformationCard$1, { button: {
+                React.createElement(InformationCard, { button: {
                         label: label,
                         href: href,
                     }, minHeight: minHeight, heading: heading, headingLevel: "2", text: text })));
         })),
-        React.createElement(VerticalSpace$1, { size: "40" }),
+        React.createElement(VerticalSpace, { size: "40" }),
         React.createElement("div", { style: { display: "flex" } },
-            !hideButton && !hideLessButton && (React.createElement(ButtonV2$1, { label: displayList.length < productList.length
+            !hideButton && !hideLessButton && (React.createElement(ButtonV2, { label: displayList.length < productList.length
                     ? "Show more"
                     : "Show less", buttonStyle: "secondary", onClick: clickController, isFullWidth: isMinWidthArcBreakpointS ? false : true, isLoading: isLoading })),
             displayList.length > cardsToDisplay && (React.createElement(React.Fragment, null,
                 React.createElement("div", { id: "skip-link", className: classNames(styles["productNavigation-skipLink"]), tabIndex: -1 },
-                    React.createElement(ButtonV2$1, { label: "Move to first new card", buttonStyle: "primary", onClick: moveFocus, isFullWidth: isMinWidthArcBreakpointS ? false : true })))),
+                    React.createElement(ButtonV2, { label: "Move to first new card", buttonStyle: "primary", onClick: moveFocus, isFullWidth: isMinWidthArcBreakpointS ? false : true })))),
             React.createElement(VisuallyHidden, null,
                 React.createElement("div", { "aria-live": "polite", id: "aria-live-region", "aria-atomic": true },
                     React.createElement("p", null,