@arc-ui/community-components 1.0.1 → 1.0.2

package/.turbo/turbo-build.log

@@ -1,16 +1,16 @@
 
-> @arc-ui/community-components@1.0.1 build /builds/enterprise/frontend/arc-community/packages/components
+> @arc-ui/community-components@1.0.2 build /builds/enterprise/frontend/arc-community/packages/components
 > rimraf dist && rollup -c && generate-subpath-css
 
 
 src/index.ts → dist...
-created dist in 7.7s
+created dist in 5.8s
 
 src/index.ts → dist/index.es.js...
-created dist/index.es.js in 4.7s
+created dist/index.es.js in 3.9s
 
 ./src/components/Accordion/index.ts, ./src/components/ArticleSidebar/index.ts, ./src/components/Author/index.ts, ./src/components/BannerWithTabs/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 3.7s
+created dist in 3.5s
 
 ./src/components/Accordion/index.ts, ./src/components/ArticleSidebar/index.ts, ./src/components/Author/index.ts, ./src/components/BannerWithTabs/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 3.8s
+created dist in 3.5s

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @arc-ui/community-components
 
+## 1.0.2
+
+### Patch Changes
+
+- a7b0cac: Update Arc dependancies to v12.0.0-beta.22
+- 362b160: Updating arc component import paths to improve bundling
+
 ## 1.0.1
 
 ### Patch Changes

package/dist/BannerWithTabs/BannerWithTabs.cjs.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var index = require('../_shared/cjs/index-Bp6Dd2i1.js');
 var SectionHeading = require('../_shared/cjs/SectionHeading-gjCR1F6E.js');
-var components = require('@arc-ui/components');
+var TabbedBanner = require('@arc-ui/components/TabbedBanner');
 require('../_shared/cjs/tslib.es6-BxB9I209.js');
 require('../_shared/cjs/filter-data-attrs-ajtUvDAC.js');
 require('@arc-ui/components/Heading');
@@ -21,7 +21,7 @@ var BannerWithTabs = function (_a) {
                 _b[styles.bannerWithTabsHeadingCentered] = alignTypography === "center",
                 _b)), style: { color: isInverted ? "white" : "black" } },
             React.createElement(SectionHeading.SectionHeading, { heading: heading, content: content, isPadded: alignTypography === "left" ? true : false })),
-        React.createElement(components.TabbedBanner, { minHeight: minHeight, minHeightM: minHeightM, tabs: tabs, defaultValue: defaultValue })));
+        React.createElement(TabbedBanner.TabbedBanner, { minHeight: minHeight, minHeightM: minHeightM, tabs: tabs, defaultValue: defaultValue })));
 };
 
 exports.BannerWithTabs = BannerWithTabs;

package/dist/BannerWithTabs/BannerWithTabs.esm.js

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

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-b6s9A4Ft.js');
+var index_es = require('../_shared/cjs/index.es-BNY6zQSi.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 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-B89aR7nq.js';
+import { a as ArcSizeBreakpointsL, c as ArcSizeBreakpointsXl, b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-BraCgI9m.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';

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-b6s9A4Ft.js');
+var index_es = require('../_shared/cjs/index.es-BNY6zQSi.js');
 var AppButton = require('@arc-ui/components/AppButton');
 var Grid = require('@arc-ui/components/Grid');
 var ButtonV2 = require('@arc-ui/components/ButtonV2');

package/dist/FeaturePost/FeaturePost.esm.js

@@ -2,7 +2,7 @@ import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.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-B89aR7nq.js';
+import { b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-BraCgI9m.js';
 import { AppButton } from '@arc-ui/components/AppButton';
 import { Grid, GridRow, GridCol } from '@arc-ui/components/Grid';
 import { ButtonV2 } from '@arc-ui/components/ButtonV2';

package/dist/ProductNavigation/ProductNavigation.cjs.js

@@ -5,12 +5,14 @@ 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-b6s9A4Ft.js');
+var index_es = require('../_shared/cjs/index.es-BNY6zQSi.js');
 var SectionHeading = require('../_shared/cjs/SectionHeading-gjCR1F6E.js');
-var components = require('@arc-ui/components');
+var ButtonV2 = require('@arc-ui/components/ButtonV2');
+var InformationCard = require('@arc-ui/components/InformationCard');
+var VerticalSpace = require('@arc-ui/components/VerticalSpace');
+var VisuallyHidden = require('@arc-ui/components/VisuallyHidden');
 require('@arc-ui/components/Heading');
 require('@arc-ui/components/Text');
-require('@arc-ui/components/VerticalSpace');
 require('@arc-ui/components/Image');
 
 var styles = {"product-navigation-grid":"ProductNavigation-module_product-navigation-grid__RzFq8","productNavigation-skipLink":"ProductNavigation-module_productNavigation-skipLink__fy8ZJ"};
@@ -60,20 +62,20 @@ var ProductNavigation = function (_a) {
         React.createElement("ul", { className: index.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: index.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 ",

package/dist/ProductNavigation/ProductNavigation.esm.js

@@ -3,12 +3,14 @@ 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-B89aR7nq.js';
+import { A as ArcSizeBreakpointsS } from '../_shared/esm/index.es-BraCgI9m.js';
 import { S as SectionHeading } from '../_shared/esm/SectionHeading-BwbuyrYn.js';
-import { InformationCard, VerticalSpace, ButtonV2, VisuallyHidden } from '@arc-ui/components';
+import { ButtonV2 } from '@arc-ui/components/ButtonV2';
+import { InformationCard } from '@arc-ui/components/InformationCard';
+import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
+import { VisuallyHidden } from '@arc-ui/components/VisuallyHidden';
 import '@arc-ui/components/Heading';
 import '@arc-ui/components/Text';
-import '@arc-ui/components/VerticalSpace';
 import '@arc-ui/components/Image';
 
 var styles = {"product-navigation-grid":"ProductNavigation-module_product-navigation-grid__RzFq8","productNavigation-skipLink":"ProductNavigation-module_productNavigation-skipLink__fy8ZJ"};

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-b6s9A4Ft.js');
+var index_es = require('../_shared/cjs/index.es-BNY6zQSi.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,7 +1,7 @@
 import { a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.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-B89aR7nq.js';
+import { a as ArcSizeBreakpointsL } from '../_shared/esm/index.es-BraCgI9m.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';

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-b6s9A4Ft.js');
+var index_es = require('../_shared/cjs/index.es-BNY6zQSi.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 React from 'react';
-import { b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-B89aR7nq.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';

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

@@ -2,7 +2,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 07:43:07 GMT
+ * Generated on Fri, 15 Aug 2025 18:14:58 GMT
  */
 var ArcSizeBreakpointsS = "636px";
 var ArcSizeBreakpointsM = "768px";

package/dist/_shared/esm/{index.es-B89aR7nq.js → index.es-BraCgI9m.js}

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 07:43:07 GMT
+ * Generated on Fri, 15 Aug 2025 18:14:58 GMT
  */
 var ArcSizeBreakpointsS = "636px";
 var ArcSizeBreakpointsM = "768px";

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 Fri, 25 Jul 2025 07:43:07 GMT
+ * Generated on Fri, 15 Aug 2025 18:14:58 GMT
  */
 var ArcSizeBreakpointsS = "636px";
 var ArcSizeBreakpointsM = "768px";
@@ -3002,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,