@arc-ui/community-components 1.0.0 → 1.0.2

package/dist/index.js

@@ -23,9 +23,10 @@ var TypographyCard = require('@arc-ui/components/TypographyCard');
 var Box = require('@arc-ui/components/Box');
 var Rule = require('@arc-ui/components/Rule');
 var Align = require('@arc-ui/components/Align');
-var components = require('@arc-ui/components');
+var TabbedBanner = require('@arc-ui/components/TabbedBanner');
 var Tag = require('@arc-ui/components/Tag');
 var Toast = require('@arc-ui/components/Toast');
+var VisuallyHidden = require('@arc-ui/components/VisuallyHidden');
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -280,7 +281,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";
@@ -2754,9 +2755,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.useMediaQuery("(min-width: ".concat(ArcSizeBreakpointsS, ")"));
-    return (React.createElement(Box.Box, { isBorderRadius: true, borderWidth: "thin", padding: "24" },
+    var content = _a.content, _b = _a.noBorder, noBorder = _b === void 0 ? false : _b, _c = _a.headingLevel, headingLevel = _c === void 0 ? "3" : _c;
+    var isMinWidthArcBreakpointM = useMediaQuery.useMediaQuery("(min-width: ".concat(ArcSizeBreakpointsM, ")"));
+    return (React.createElement(Box.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,
@@ -2765,7 +2766,7 @@ var Summary = function (_a) {
                     React.createElement(VerticalSpace.VerticalSpace, { size: "8" }),
                     React.createElement(Text.Text, { size: "s" }, text)),
                 i !== content.length - 1 && (React.createElement("div", { className: styles$4.ruleContainer },
-                    React.createElement(Rule.Rule, { orientation: isMinWidthArcBreakpointS ? "vertical" : "horizontal" })))));
+                    React.createElement(Rule.Rule, { orientation: isMinWidthArcBreakpointM ? "vertical" : "horizontal" })))));
         }))));
 };
 
@@ -2824,78 +2825,40 @@ var BannerWithTabs = function (_a) {
                 _b[styles$2.bannerWithTabsHeadingCentered] = alignTypography === "center",
                 _b)), style: { color: isInverted ? "white" : "black" } },
             React.createElement(SectionHeading, { heading: heading, content: content, isPadded: alignTypography === "left" ? true : false })),
-        React.createElement(components.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",
-    }),
-  );
+        React.createElement(TabbedBanner.TabbedBanner, { minHeight: minHeight, minHeightM: minHeightM, tabs: tabs, defaultValue: defaultValue })));
+};
+
+/**
+ * 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"};
 
@@ -2988,7 +2951,7 @@ var ArticleSidebar = function (_a) {
         React.createElement(VerticalSpace.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: icon, size: 24 })));
         })),
         React.createElement(Toast.Toast, null,
@@ -3042,20 +3005,20 @@ 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(components.InformationCard, { button: {
+                React.createElement(InformationCard.InformationCard, { button: {
                         label: label,
                         href: href,
                     }, minHeight: minHeight, heading: heading, headingLevel: "2", text: text })));
         })),
-        React.createElement(components.VerticalSpace, { size: "40" }),
+        React.createElement(VerticalSpace.VerticalSpace, { size: "40" }),
         React.createElement("div", { style: { display: "flex" } },
-            !hideButton && !hideLessButton && (React.createElement(components.ButtonV2, { label: displayList.length < productList.length
+            !hideButton && !hideLessButton && (React.createElement(ButtonV2.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(components.ButtonV2, { label: "Move to first new card", buttonStyle: "primary", onClick: moveFocus, isFullWidth: isMinWidthArcBreakpointS ? false : true })))),
-            React.createElement(components.VisuallyHidden, null,
+                    React.createElement(ButtonV2.ButtonV2, { label: "Move to first new card", buttonStyle: "primary", onClick: moveFocus, isFullWidth: isMinWidthArcBreakpointS ? false : true })))),
+            React.createElement(VisuallyHidden.VisuallyHidden, null,
                 React.createElement("div", { "aria-live": "polite", id: "aria-live-region", "aria-atomic": true },
                     React.createElement("p", null,
                         "Total products listed ",