@arc-ui/components 10.6.0 → 10.7.0

package/dist/Base/index.js

@@ -1,12 +1,15 @@
 import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/index-e3c83626.js';
-import React from 'react';
+import React, { createContext } from 'react';
 
+var ArcRootElementContext = createContext(null);
 /**
  * Use `Base` as the root component of the arc system.
  */
 var Base = function (_a) {
     var _b = _a.brand, brand = _b === void 0 ? "bt" : _b, children = _a.children, props = __rest(_a, ["brand", "children"]);
-    return (React.createElement("div", __assign({ className: "arc".concat(brand ? " arc-".concat(brand) : "") }, filterDataAttrs(props)), children));
+    var _c = React.useState(null), arcRoot = _c[0], setArcRoot = _c[1];
+    return (React.createElement("div", __assign({ id: "arc-root", ref: setArcRoot, className: "arc".concat(brand ? " arc-".concat(brand) : "") }, filterDataAttrs(props)),
+        React.createElement(ArcRootElementContext.Provider, { value: arcRoot }, children)));
 };
 
 export { Base };

package/dist/Breadcrumbs/index.js

@@ -1,9 +1,9 @@
 import React, { useRef, useState, useEffect } from 'react';
-import { I as Icon } from '../_shared/Icon-cef09451.js';
+import { I as Icon } from '../_shared/Icon-b053f03d.js';
 import { a as __assign } from '../_shared/index-e3c83626.js';
 import { c as classNames } from '../_shared/index-56d9df62.js';
 import { h as handleLinkClick } from '../_shared/handle-link-click-35e09d0c.js';
-import '../_shared/index.es-793935a1.js';
+import '../_shared/index.es-ff960629.js';
 import '../_shared/suffix-modifier-2a93822c.js';
 import '../_shared/Surface-3fe44a2a.js';
 
@@ -551,7 +551,7 @@ var debounce_1 = debounce;
 var BreadcrumbsItem = function (_a) {
     var spacerIconAfter = _a.spacerIconAfter, spacerIconBefore = _a.spacerIconBefore, children = _a.children;
     return (React.createElement("li", { className: "arc-Breadcrumbs-item" },
-        spacerIconBefore && (React.createElement("div", { className: "arc-Breadcrumbs-spacerIcon" },
+        spacerIconBefore && (React.createElement("div", { className: "arc-Breadcrumbs-spacerIcon", "data-testid": "arc-chevron-left-2px" },
             React.createElement(Icon, { icon: "btChevronLeft2px" }))),
         children,
         spacerIconAfter && (React.createElement("div", { className: "arc-Breadcrumbs-spacerIcon" },
@@ -589,6 +589,9 @@ var Breadcrumbs = function (_a) {
             if (window.innerWidth < 426) {
                 setShowBackTrail(true);
             }
+            /**
+             * TODO! Revise this if statement
+             */
             if (children != null &&
                 React.Children.count(children) > 2 &&
                 breadcrumbsList.current != null &&
@@ -613,19 +616,23 @@ var Breadcrumbs = function (_a) {
         React.createElement("ul", { className: "arc-Breadcrumbs-list", ref: breadcrumbsList }, showBackTrail ? (React.createElement(React.Fragment, null, items.length < 3 ? (React.createElement(Breadcrumbs.Item, { spacerIconBefore: true }, items[0].props.children)) : (React.createElement(Breadcrumbs.Item, { spacerIconBefore: true }, items[items.length - 2].props.children)))) : (React.createElement(React.Fragment, null, isCompressed ? (React.createElement(React.Fragment, null,
             React.createElement(Breadcrumbs.Item, { spacerIconAfter: true }, items[0].props.children),
             React.createElement(Breadcrumbs.Item, { spacerIconAfter: true },
-                React.createElement("button", { className: "arc-Breadcrumbs-expand arc-Breadcrumbs-text", onClick: function () { return setIsCompressed(false); }, "aria-label": "Expand Breadcrumbs", type: "button" }, "...")),
-            React.createElement(Breadcrumbs.Item, null, React.cloneElement(items[items.length - 1].props.children, {
-                isActive: true
-            })))) : (React.createElement(React.Fragment, null,
+                React.createElement("button", { className: "arc-Breadcrumbs-expand arc-Breadcrumbs-text", onClick: function () { return setIsCompressed(false); }, "aria-label": "Expand Breadcrumbs", type: "button", "data-testid": "expand-ellipsis" }, "...")),
+            React.createElement(Breadcrumbs.Item, null, items[items.length - 1].props &&
+                items[items.length - 1].props.children &&
+                React.cloneElement(items[items.length - 1].props.children, {
+                    isActive: true
+                })))) : (React.createElement(React.Fragment, null,
             items
                 .slice(0, items.length - 1)
                 .map(function (item, index) {
                 return (React.createElement(React.Fragment, { key: "listItem-".concat(index) },
                     React.createElement(Breadcrumbs.Item, { spacerIconAfter: true }, item.props.children)));
             }),
-            React.createElement(Breadcrumbs.Item, null, React.cloneElement(items[items.length - 1].props.children, {
-                isActive: items.length > 1
-            })))))))));
+            React.createElement(Breadcrumbs.Item, null, items[items.length - 1].props &&
+                items[items.length - 1].props.children &&
+                React.cloneElement(items[items.length - 1].props.children, {
+                    isActive: items.length > 1
+                })))))))));
 };
 BreadcrumbsItem.displayName = "Breadcrumbs.Item";
 BreadcrumbsLink.displayName = "Breadcrumbs.Link";

package/dist/Button/index.d.ts

@@ -1 +1 @@
-export { Button } from "../_shared/Button-39e56303";
+export { Button } from "../_shared/Button-2fcbd4ed";

package/dist/Button/index.js

@@ -1,8 +1,8 @@
-export { B as Button } from '../_shared/Button-39e56303.js';
+export { B as Button } from '../_shared/Button-2fcbd4ed.js';
 import '../_shared/index-e3c83626.js';
 import '../_shared/index-56d9df62.js';
 import 'react';
 import '../_shared/suffix-modifier-2a93822c.js';
-import '../_shared/Icon-cef09451.js';
-import '../_shared/index.es-793935a1.js';
+import '../_shared/Icon-b053f03d.js';
+import '../_shared/index.es-ff960629.js';
 import '../_shared/Surface-3fe44a2a.js';

package/dist/Card/index.d.ts

@@ -12,6 +12,10 @@ declare const Card: FC<CardProps> & {
  * Internal `Card.Block` component to section blocks of content within a Card.
  */
 declare const CardBlock: FC<{
+    /**
+     * Contents of the CardBlock.
+     */
+    children: React.ReactNode;
     /**
      * How should the content of the block be aligned?
      */

package/dist/Card/index.js

@@ -1,13 +1,13 @@
 import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/index-e3c83626.js';
 import { c as classNames } from '../_shared/index-56d9df62.js';
 import React, { useState, useEffect, useContext } from 'react';
-import { I as Icon } from '../_shared/Icon-cef09451.js';
+import { I as Icon } from '../_shared/Icon-b053f03d.js';
 import { I as Image } from '../_shared/Image-a3225049.js';
 import { H as Heading } from '../_shared/Heading-8c640dd1.js';
 import { s as suffixModifier } from '../_shared/suffix-modifier-2a93822c.js';
 import { C as Context, S as Surface } from '../_shared/Surface-3fe44a2a.js';
 import { h as handleLinkClick } from '../_shared/handle-link-click-35e09d0c.js';
-import '../_shared/index.es-793935a1.js';
+import '../_shared/index.es-ff960629.js';
 
 /**
  * Detect interaction mode

package/dist/Icon/index.d.ts

@@ -1 +1 @@
-export { Icon } from "../_shared/Icon-cef09451";
+export { Icon } from "../_shared/Icon-b053f03d";

package/dist/Icon/index.js

@@ -1,6 +1,6 @@
-export { I as Icon } from '../_shared/Icon-cef09451.js';
+export { I as Icon } from '../_shared/Icon-b053f03d.js';
 import '../_shared/index-e3c83626.js';
-import '../_shared/index.es-793935a1.js';
+import '../_shared/index.es-ff960629.js';
 import '../_shared/index-56d9df62.js';
 import 'react';
 import '../_shared/suffix-modifier-2a93822c.js';

package/dist/Poster/index.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { FC, ReactNode } from "react";
 import { anchorPoints } from "../_shared/index-9483ad5f";
 import { loadingOptions } from "../_shared/Image-a3225049";
@@ -27,6 +28,10 @@ interface PosterImageProps {
      * A comma-separated list indicating a set of possible sources for the user agent to use for different screen sizes for the Poster.Image. Same format as [srcSet](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Example_4_Using_the_srcset_and_sizes_attributes), i.e. `my-image-200.png 200w, my-image-200.png 200w`.
      */
     srcSet?: string;
+    /**
+     * Contents of the PosterImage.
+     */
+    children?: React.ReactNode;
 }
 declare const PosterVideo: FC<PosterVideoProps>;
 interface PosterVideoProps {

package/dist/SiteFooter/index.js

@@ -1,5 +1,5 @@
 import { _ as __rest, a as __assign, f as filterDataAttrs, d as __awaiter, e as __generator } from '../_shared/index-e3c83626.js';
-import { A as ArcBreakpointM } from '../_shared/index.es-793935a1.js';
+import { A as ArcBreakpointM } from '../_shared/index.es-ff960629.js';
 import React, { useEffect, Fragment } from 'react';
 import { B as BrandLogo } from '../_shared/BrandLogo-6cc8202e.js';
 import { C as Curve } from '../_shared/Curve-5f476d0b.js';

package/dist/SiteHeader/index.js

@@ -1,15 +1,15 @@
 import { _ as __rest, a as __assign, f as filterDataAttrs, d as __awaiter, e as __generator } from '../_shared/index-e3c83626.js';
-import { a as ArcBreakpointL } from '../_shared/index.es-793935a1.js';
+import { a as ArcBreakpointL } from '../_shared/index.es-ff960629.js';
 import { c as classNames } from '../_shared/index-56d9df62.js';
 import React, { useState, useEffect, Fragment, useContext, useRef, createContext } from 'react';
 import { B as BrandLogo } from '../_shared/BrandLogo-6cc8202e.js';
-import { B as Button } from '../_shared/Button-39e56303.js';
+import { B as Button } from '../_shared/Button-2fcbd4ed.js';
 import { u as useMediaQuery } from '../_shared/use-media-query-f11805d4.js';
 import { S as Surface } from '../_shared/Surface-3fe44a2a.js';
 import { h as handleLinkClick } from '../_shared/handle-link-click-35e09d0c.js';
 import { s as suffixModifier } from '../_shared/suffix-modifier-2a93822c.js';
 import { T as Text } from '../_shared/Text-1c43d82b.js';
-import '../_shared/Icon-cef09451.js';
+import '../_shared/Icon-b053f03d.js';
 
 var Item = function (_a) {
     var _b;

package/dist/VisuallyHidden/index.js

@@ -5,7 +5,7 @@ import React from 'react';
  */
 var VisuallyHidden = function (_a) {
     var children = _a.children;
-    return React.createElement("div", { className: "arc-VisuallyHidden" }, children);
+    return (React.createElement("div", { "data-testid": "visually-hidden", className: "arc-VisuallyHidden" }, children));
 };
 
 export { VisuallyHidden };

package/dist/_shared/{Button-39e56303.js → Button-2fcbd4ed.js}

@@ -2,7 +2,7 @@ import { _ as __rest, a as __assign, f as filterDataAttrs } from './index-e3c836
 import { c as classNames } from './index-56d9df62.js';
 import React, { forwardRef, useContext } from 'react';
 import { s as suffixModifier } from './suffix-modifier-2a93822c.js';
-import { I as Icon } from './Icon-cef09451.js';
+import { I as Icon } from './Icon-b053f03d.js';
 import { C as Context } from './Surface-3fe44a2a.js';
 
 /**

package/dist/_shared/{Icon-cef09451.js → Icon-b053f03d.js}

@@ -1,5 +1,5 @@
 import { _ as __rest, a as __assign, f as filterDataAttrs } from './index-e3c83626.js';
-import { i as iconsSelected } from './index.es-793935a1.js';
+import { i as iconsSelected } from './index.es-ff960629.js';
 import { c as classNames } from './index-56d9df62.js';
 import React, { useContext } from 'react';
 import { s as suffixModifier } from './suffix-modifier-2a93822c.js';

package/dist/_shared/index.es-ff960629.js

@@ -0,0 +1,286 @@
+/**
+ * Do not edit directly
+ * Generated file
+ */
+var ArcBreakpointM = 768;
+var ArcBreakpointL = 1024;
+var iconsSelected = [
+    "bt3GFill",
+    "bt4GFill",
+    "bt5GFill",
+    "btAccessibilityFill",
+    "btAddFill",
+    "btAlertFill",
+    "btAlertTriangleFill",
+    "btAnswerPointFill",
+    "btArchitectureFill",
+    "btArchiveFill",
+    "btArrowAltDownFill",
+    "btArrowAltLeftFill",
+    "btArrowAltLeftRightFill",
+    "btArrowAltRightFill",
+    "btArrowAltUpFill",
+    "btArrowDownFill",
+    "btArrowLeftFill",
+    "btArrowLeftRightFill",
+    "btArrowRightFill",
+    "btArrowUpFill",
+    "btAttachmentAltFill",
+    "btAttachmentFill",
+    "btBagFill",
+    "btBasketFill",
+    "btBinFill",
+    "btBlockedNumberFill",
+    "btBoatFill",
+    "btBroadbandFill",
+    "btBuildingFill",
+    "btBurgerMenuFill",
+    "btCakeFill",
+    "btCalenderAcceptedFill",
+    "btCalenderAddEventFill",
+    "btCalenderFill",
+    "btCalenderPaymentPlanAltFill",
+    "btCalenderPaymentPlanFill",
+    "btCalenderSpecialDateFill",
+    "btCallRoutingFill",
+    "btCallerIdFill",
+    "btChatFill",
+    "btChatMessageFill",
+    "btChatTypingFill",
+    "btClipboardFill",
+    "btClipboardTickFill",
+    "btClockFill",
+    "btCloudAlertFill",
+    "btCloudDesktopFill",
+    "btCloudFill",
+    "btCloudLinkFill",
+    "btCloudMeetingFill",
+    "btCloudPhoneFill",
+    "btCloudSecurityFill",
+    "btCloudUploadFill",
+    "btCloudUserFill",
+    "btCollapseFill",
+    "btCompareFill",
+    "btComputerChipFill",
+    "btConnectedCareFill",
+    "btContactDetailsFill",
+    "btContactNoDetailsFill",
+    "btContactsFill",
+    "btCreditCardFill",
+    "btCrossAlt2pxFill",
+    "btCrossAltFill",
+    "btCrossFill",
+    "btDashboardFill",
+    "btDepositFill",
+    "btDesignFill",
+    "btDeskPhoneFill",
+    "btDetailsFill",
+    "btDetailsGroupFill",
+    "btDexterityFill",
+    "btDialPadFill",
+    "btDialPadWithHandFill",
+    "btDialledNumberDestinationFill",
+    "btDigitalCollaborationFill",
+    "btDisabilityFill",
+    "btDiscountFill",
+    "btDivertOnBusyFill",
+    "btDocumentAndPencilFill",
+    "btDocumentArticleFill",
+    "btDocumentBillsFill",
+    "btDocumentDownloadFill",
+    "btDocumentFill",
+    "btDocumentPdfFill",
+    "btDocumentWithCopyCrossedOutFill",
+    "btDocumentWithCopyFill",
+    "btDynamicCollaborationFill",
+    "btEducationFill",
+    "btEmailReadFill",
+    "btEmailUnreadFill",
+    "btEngagedFill",
+    "btEthernetFill",
+    "btFaceHappyFill",
+    "btFaceNeutralFill",
+    "btFaceSadFill",
+    "btFaceVeryHappyFill",
+    "btFirstAidFill",
+    "btFolderFill",
+    "btGamingFill",
+    "btGenderFemaleAndMaleFill",
+    "btGenderFemaleFill",
+    "btGenderMaleFill",
+    "btGenderNeutralFill",
+    "btGiftFill",
+    "btGlobalConnectivityFill",
+    "btGlobeFill",
+    "btGlossaryFill",
+    "btGondolaFill",
+    "btGraphBarAndPlotFill",
+    "btGraphBarChartFill",
+    "btGraphDownFill",
+    "btGraphUpAndDownFill",
+    "btGraphUpFill",
+    "btHeadsetFill",
+    "btHeartBrokenFill",
+    "btHeartCareFill",
+    "btHeartFill",
+    "btHoldingHeartFill",
+    "btHomeFill",
+    "btHomeTechExpertFill",
+    "btHometownFill",
+    "btHubAndMobileFill",
+    "btHubFill",
+    "btHubOldFill",
+    "btIpFill",
+    "btIPv6Fill",
+    "btIdeaFill",
+    "btInfoFill",
+    "btJsonFill",
+    "btJigsawFill",
+    "btJourneyFill",
+    "btKeyFill",
+    "btKnifeAndForkFill",
+    "btLanFill",
+    "btLaptopAndMobileFill",
+    "btLaptopConnectAndShareFill",
+    "btLaptopDetectionFill",
+    "btLaptopFill",
+    "btLaptopSecureFill",
+    "btLaptopVideoConferenceFill",
+    "btLaptopUsersFill",
+    "btLayoutGridLargeFill",
+    "btLayoutGridMediumFill",
+    "btLayoutGridSmallFill",
+    "btLayoutRowsLargeFill",
+    "btLayoutRowsMediumFill",
+    "btLayoutRowsSmallFill",
+    "btLeadershipFill",
+    "btLinkFill",
+    "btLiteracyNumeracyFill",
+    "btLocationFill",
+    "btLockedFill",
+    "btLogoutFill",
+    "btMedalFill",
+    "btMedalWithStarFill",
+    "btMeetingSpaceFill",
+    "btMegaphoneFill",
+    "btMicrophoneFill",
+    "btMobileFill",
+    "btMobileTransferCallFill",
+    "btMobileWithHandFill",
+    "btMobilityFill",
+    "btMoneyFill",
+    "btMonitorFill",
+    "btMonitorTickFill",
+    "btMoonFill",
+    "btMouseFill",
+    "btNamingFill",
+    "btNewWindowFill",
+    "btNoHearingFill",
+    "btNoHearingOrSpeechFill",
+    "btNoSpeechFill",
+    "btNoViewFill",
+    "btNotificationFill",
+    "btPaperTowelFill",
+    "btPasswordFIll",
+    "btPaymentMethodFill",
+    "btPayphoneFill",
+    "btPhoneBarredFill",
+    "btPhoneFill",
+    "btPictureFill",
+    "btPinAltFill",
+    "btPinFill",
+    "btPlaneFill",
+    "btPlanningFill",
+    "btPlantFill",
+    "btPlayFill",
+    "btPodcastFill",
+    "btPresentationFill",
+    "btPriceFill",
+    "btPrinterFill",
+    "btProcessFill",
+    "btProcessMiningFill",
+    "btProcessRolesFill",
+    "btProportionalCallDistributionFill",
+    "btQuestionFill",
+    "btRecyclingFill",
+    "btRefreshFill",
+    "btRefundFill",
+    "btReleaseFill",
+    "btResolution4KFill",
+    "btResolutionHdFill",
+    "btResolutionSdFill",
+    "btScaleFill",
+    "btSearchFill",
+    "btServerFill",
+    "btSettingsAlt2Fill",
+    "btSettingsAltFill",
+    "btSettingsFill",
+    "btShieldAddFill",
+    "btShieldFill",
+    "btShieldQuestionMarkFIll",
+    "btShieldSecurityFill",
+    "btShieldTickFill",
+    "btShipFill",
+    "btSignalFill",
+    "btSignatureFill",
+    "btSignpostFill",
+    "btSimFill",
+    "btSimpleFill",
+    "btSkiingFill",
+    "btSkisFill",
+    "btSnowboardingFill",
+    "btSpannerFill",
+    "btSpeakerFullVolumeFill",
+    "btSpeakerHalfVolumeFill",
+    "btSpeakerLowVolumeFill",
+    "btSpeakerMuteFill",
+    "btSpeedFasterFill",
+    "btSpeedFastestFill",
+    "btSpeedGuaranteeFill",
+    "btSpeedSlowFill",
+    "btSportFootballFill",
+    "btStarFill",
+    "btStopFill",
+    "btStopAltFill",
+    "btSuitcaseFill",
+    "btSunFill",
+    "btSwitchFill",
+    "btTvArialFill",
+    "btTvFill",
+    "btTvAndHubFill",
+    "btTvAndHubAndPhoneFill",
+    "btTabletFill",
+    "btTabletWithKeyboardFill",
+    "btTagFill",
+    "btTaxonomyFill",
+    "btTechBarFill",
+    "btTelemarkFill",
+    "btThumbsDownFill",
+    "btThumbsUpFill",
+    "btTickAlt2pxFill",
+    "btTickFill",
+    "btTickVariantFill",
+    "btTree1Fill",
+    "btTree2Fill",
+    "btTrophyFill",
+    "btUkFill",
+    "btUkHotspotsFill",
+    "btUsbFill",
+    "btUnlockedFill",
+    "btUserAddFill",
+    "btUserCloudFill",
+    "btUserDuplicateProfileFill",
+    "btUserFill",
+    "btUserGroupsFill",
+    "btUserParentAndChildFill",
+    "btUserWithQuestionmarkFill",
+    "btVanFill",
+    "btViewFill",
+    "btVirusFill",
+    "btWholeHomeWifiFill",
+    "btWiFiFill",
+    "btWizardFill",
+    "btWorkstationFill"
+];
+
+export { ArcBreakpointM as A, ArcBreakpointL as a, iconsSelected as i };