@arc-ui/components 11.9.0 → 11.10.0

package/dist/_shared/cjs/{Icon-e1dd45eb.js → Icon-cf30e736.js}

@@ -1,18 +1,17 @@
 'use strict';
 
-var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
-var React$1 = require('react');
-var index = require('./index-45bfb67b.js');
-var suffixModifier = require('./suffix-modifier-1ee2da04.js');
-var Surface = require('./Surface-b7c51b2b.js');
+var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
+var React = require('react');
+var index = require('./index-9947ac13.js');
+var suffixModifier = require('./suffix-modifier-64dcd338.js');
+var Surface = require('./Surface-80c0909a.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React$1);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const React = React__default["default"];
 const ArcIconArc = props =>
-  /*#__PURE__*/ React.createElement(
+  /*#__PURE__*/ React__default["default"].createElement(
     "svg",
     Object.assign(
       {
@@ -21,21 +20,20 @@ const ArcIconArc = props =>
       },
       props
     ),
-    /*#__PURE__*/ React.createElement("path", {
+    /*#__PURE__*/ React__default["default"].createElement("path", {
       fill: "none",
       d: "M3.472 11.69a6.5 6.5 0 012.321-6.839A6.5 6.5 0 0113 4.38",
       stroke: "currentColor"
     })
   );
-var ArcIconArc_2 = ArcIconArc;
 
 /**
  * Use `Icon` to display brand iconography.
  */
 var Icon = function (_a) {
     var _b;
-    var testId = _a.testId, _c = _a.color, color = _c === void 0 ? "auto" : _c, _d = _a.icon, icon = _d === void 0 ? ArcIconArc_2 : _d, _e = _a.isInline, isInline = _e === void 0 ? false : _e, label = _a.label, size = _a.size, props = filterDataAttrs.__rest(_a, ["testId", "color", "icon", "isInline", "label", "size"]);
-    var surface = React$1.useContext(Surface.Context).surface;
+    var testId = _a.testId, _c = _a.color, color = _c === void 0 ? "auto" : _c, _d = _a.icon, icon = _d === void 0 ? ArcIconArc : _d, _e = _a.isInline, isInline = _e === void 0 ? false : _e, label = _a.label, size = _a.size, props = filterDataAttrs.__rest(_a, ["testId", "color", "icon", "isInline", "label", "size"]);
+    var surface = React.useContext(Surface.Context).surface;
     var Icon = icon;
     return (React__default["default"].createElement("span", filterDataAttrs.__assign({ "data-testid": testId, "aria-label": label, className: index.classNames((_b = {},
             _b["arc-Icon"] = true,

package/dist/_shared/cjs/{Image-0e393cbf.js → Image-e873b8fc.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
-var index = require('./index-45bfb67b.js');
+var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
+var index = require('./index-9947ac13.js');
 var React = require('react');
-var suffixModifier = require('./suffix-modifier-1ee2da04.js');
+var suffixModifier = require('./suffix-modifier-64dcd338.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -39,7 +39,6 @@ var ImageSource = function (_a) {
     var height = _a.height, media = _a.media, srcSet = _a.srcSet, sizes = _a.sizes, type = _a.type; _a.width; var props = filterDataAttrs.__rest(_a, ["height", "media", "srcSet", "sizes", "type", "width"]);
     return (React__default["default"].createElement("source", filterDataAttrs.__assign({ height: height, media: media, sizes: sizes, srcSet: srcSet, type: type }, filterDataAttrs.filterDataAttrs(props))));
 };
-ImageSource.displayName = "Image.Source";
 Image.Source = ImageSource;
 var loadingOptions = ["eager", "lazy"];
 

package/dist/_shared/cjs/{Poster-faea1ad3.js → Poster-62e2ba67.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
-var index = require('./index-45bfb67b.js');
+var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
+var index = require('./index-9947ac13.js');
 var React = require('react');
-var Surface = require('./Surface-b7c51b2b.js');
-var Image = require('./Image-0e393cbf.js');
-var suffixModifier = require('./suffix-modifier-1ee2da04.js');
+var Surface = require('./Surface-80c0909a.js');
+var Image = require('./Image-e873b8fc.js');
+var suffixModifier = require('./suffix-modifier-64dcd338.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -15,7 +15,6 @@ var PosterImage = function (_a) {
     var alt = _a.alt, _b = _a.anchor, anchor = _b === void 0 ? "C" : _b, loading = _a.loading, sizes = _a.sizes, src = _a.src, srcSet = _a.srcSet, props = filterDataAttrs.__rest(_a, ["alt", "anchor", "loading", "sizes", "src", "srcSet"]);
     return (React__default["default"].createElement(Image.Image, filterDataAttrs.__assign({ alt: alt, anchor: anchor, fit: "cover", loading: loading, sizes: sizes, src: src, srcSet: srcSet }, props)));
 };
-PosterImage.displayName = "Poster.Image";
 
 var PosterVideo = function (_a) {
     var _b;
@@ -26,7 +25,6 @@ var PosterVideo = function (_a) {
             _b[suffixModifier.suffixModifier("arc-PosterVideo--anchor", anchor)] = anchor,
             _b)), autoPlay: autoPlay, muted: true, loop: loop }, filterDataAttrs.filterDataAttrs(props)), children));
 };
-PosterVideo.displayName = "Poster.Video";
 
 /**
  * Use `Poster` to compose content on an image or video background.
@@ -42,9 +40,7 @@ var Poster = function (_a) {
             React__default["default"].createElement("div", { className: "arc-Poster-backgroundWrapper" }, background),
             React__default["default"].createElement("div", { className: "arc-Poster-body" }, children))));
 };
-PosterImage.displayName = "Poster.Image";
 Poster.Image = PosterImage;
-PosterVideo.displayName = "Poster.Video";
 Poster.Video = PosterVideo;
 
 exports.Poster = Poster;

package/dist/_shared/cjs/{ProgressStepper-f740d7bb.js → ProgressStepper-92668367.js}

@@ -1,21 +1,20 @@
 'use strict';
 
-var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
-var React$3 = require('react');
-var index = require('./index-45bfb67b.js');
-var BtIconAlert = require('./BtIconAlert-637db790.js');
-var Icon = require('./Icon-e1dd45eb.js');
-var Surface = require('./Surface-b7c51b2b.js');
-var VerticalSpace = require('./VerticalSpace-86f697e7.js');
+var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
+var React = require('react');
+var index = require('./index-9947ac13.js');
+var BtIconAlert_esm = require('./BtIconAlert.esm-e62a75b7.js');
+var Icon = require('./Icon-cf30e736.js');
+var Surface = require('./Surface-80c0909a.js');
+var VerticalSpace = require('./VerticalSpace-dc53bb70.js');
 var VisuallyHidden = require('./VisuallyHidden-e2c8b291.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React$3);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const React$2 = React__default["default"];
 const BtIconTickVariant = props =>
-  /*#__PURE__*/ React$2.createElement(
+  /*#__PURE__*/ React__default["default"].createElement(
     "svg",
     Object.assign(
       {
@@ -24,18 +23,16 @@ const BtIconTickVariant = props =>
       },
       props
     ),
-    /*#__PURE__*/ React$2.createElement("defs", null),
-    /*#__PURE__*/ React$2.createElement("path", {
+    /*#__PURE__*/ React__default["default"].createElement("defs", null),
+    /*#__PURE__*/ React__default["default"].createElement("path", {
       d:
         "M13.5,21.207,9.14648,16.85352a.5.5,0,0,1,.707-.707L13.5,19.793l8.64648-8.64649a.5.5,0,0,1,.707.707Z",
       fill: "currentColor"
     })
   );
-var BtIconTickVariant_2 = BtIconTickVariant;
 
-const React$1 = React__default["default"];
 const BtIconCrossAlt = props =>
-  /*#__PURE__*/ React$1.createElement(
+  /*#__PURE__*/ React__default["default"].createElement(
     "svg",
     Object.assign(
       {
@@ -44,18 +41,16 @@ const BtIconCrossAlt = props =>
       },
       props
     ),
-    /*#__PURE__*/ React$1.createElement("defs", null),
-    /*#__PURE__*/ React$1.createElement("path", {
+    /*#__PURE__*/ React__default["default"].createElement("defs", null),
+    /*#__PURE__*/ React__default["default"].createElement("path", {
       d:
         "M16.70709,16.02l4.48236-4.49365a.4996.4996,0,1,0-.707-.70606l-4.481,4.49225-4.481-4.49225a.4996.4996,0,1,0-.707.70606L15.29584,16.02l-4.48236,4.49365a.4996.4996,0,1,0,.707.70606l4.481-4.49225,4.481,4.49225a.4996.4996,0,1,0,.707-.70606Z",
       fill: "currentColor"
     })
   );
-var BtIconCrossAlt_2 = BtIconCrossAlt;
 
-const React = React__default["default"];
 const BtIconCircle = props =>
-  /*#__PURE__*/ React.createElement(
+  /*#__PURE__*/ React__default["default"].createElement(
     "svg",
     Object.assign(
       {
@@ -65,7 +60,7 @@ const BtIconCircle = props =>
       },
       props
     ),
-    /*#__PURE__*/ React.createElement("path", {
+    /*#__PURE__*/ React__default["default"].createElement("path", {
       fillRule: "evenodd",
       clipRule: "evenodd",
       d:
@@ -73,17 +68,16 @@ const BtIconCircle = props =>
       fill: "currentColor"
     })
   );
-var BtIconCircle_2 = BtIconCircle;
 
 var ProgressStepperItem = function (_a) {
-    var _b, _c;
-    var title = _a.title, titleHref = _a.titleHref, subTitle = _a.subTitle, _d = _a.direction, direction = _d === void 0 ? "horizontal" : _d, _e = _a.status, status = _e === void 0 ? "todo" : _e, _f = _a.size, size = _f === void 0 ? "large" : _f, _g = _a.position, position = _g === void 0 ? "middle" : _g, isFluid = _a.isFluid, ariaLabel = _a.ariaLabel, onClick = _a.onClick, previousStep = _a.previousStep, isExpandable = _a.isExpandable, stepContent = _a.stepContent, isStepContentHidden = _a.isStepContentHidden, props = filterDataAttrs.__rest(_a, ["title", "titleHref", "subTitle", "direction", "status", "size", "position", "isFluid", "ariaLabel", "onClick", "previousStep", "isExpandable", "stepContent", "isStepContentHidden"]);
-    var surface = React$3.useContext(Surface.Context).surface;
+    var _b, _c, _d;
+    var title = _a.title, titleHref = _a.titleHref, subTitle = _a.subTitle, _e = _a.direction, direction = _e === void 0 ? "horizontal" : _e, _f = _a.status, status = _f === void 0 ? "todo" : _f, _g = _a.size, size = _g === void 0 ? "large" : _g, _h = _a.position, position = _h === void 0 ? "middle" : _h, isFluid = _a.isFluid, ariaLabel = _a.ariaLabel, onClick = _a.onClick, previousStep = _a.previousStep, isExpandable = _a.isExpandable, stepContent = _a.stepContent, isStepContentHidden = _a.isStepContentHidden, props = filterDataAttrs.__rest(_a, ["title", "titleHref", "subTitle", "direction", "status", "size", "position", "isFluid", "ariaLabel", "onClick", "previousStep", "isExpandable", "stepContent", "isStepContentHidden"]);
+    var surface = React.useContext(Surface.Context).surface;
     var statusIcons = {
-        completed: BtIconTickVariant_2,
-        current: BtIconCircle_2,
-        warning: BtIconAlert.BtIconAlert_2,
-        error: BtIconCrossAlt_2
+        completed: BtIconTickVariant,
+        current: BtIconCircle,
+        warning: BtIconAlert_esm.BtIconAlert,
+        error: BtIconCrossAlt
     };
     var onClickHandler = function (event) {
         event.preventDefault();
@@ -98,14 +92,15 @@ var ProgressStepperItem = function (_a) {
                 "arc-ProgressStepperItem--onDarkSurface": surface === "dark",
                 "arc-ProgressStepperItem--previousStepCompleted": previousStep === "completed"
             },
-            _b["arc-ProgressStepperItem--".concat(status)] = status !== "todo",
             _b["arc-ProgressStepperItem--".concat(size)] = size === "small",
             _b)) }, filterDataAttrs.filterDataAttrs(props)),
         React__default["default"].createElement("div", { className: index.classNames("arc-ProgressStepperItem-iconSection", (_c = {},
                 _c["arc-ProgressStepperItem-iconSection--".concat(position)] = position !== "middle",
                 _c)) },
             React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-iconSectionTrailBefore" }),
-            React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-iconWrapper" }, statusIcons[status] === undefined ? (React__default["default"].createElement("div", { style: {
+            React__default["default"].createElement("div", { className: index.classNames("arc-ProgressStepperItem-iconWrapper", (_d = {},
+                    _d["arc-ProgressStepperItem-iconWrapper--".concat(status)] = status !== "todo",
+                    _d)), "data-testid": "arc-ProgressStepperItem-iconWrapper" }, statusIcons[status] === undefined ? (React__default["default"].createElement("div", { style: {
                     width: size === "small" ? "16px" : "32px",
                     height: size === "small" ? "16px" : "32px"
                 } })) : (React__default["default"].createElement(Icon.Icon, { size: size === "small" ? 16 : 32, icon: statusIcons[status] }))),

package/dist/_shared/cjs/{RadioGroup-d7664b0c.js → RadioGroup-66c1e882.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
+var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
 var React = require('react');
-var FormControl = require('./FormControl-1e1bf2bf.js');
-var index = require('./index-45bfb67b.js');
-var Surface = require('./Surface-b7c51b2b.js');
+var FormControl = require('./FormControl-5541ac3a.js');
+var index = require('./index-9947ac13.js');
+var Surface = require('./Surface-80c0909a.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -64,7 +64,6 @@ var RadioGroup = function (_a) {
         React__default["default"].createElement("div", filterDataAttrs.__assign({ className: "arc-RadioGroup" }, filterDataAttrs.filterDataAttrs(props)),
             React__default["default"].createElement(FormControl.FormControl, { elementType: "fieldset", label: label, labelSize: labelSize, helper: helper, id: id, requirementStatus: "not-applicable", helperUnderLabel: true }, children))));
 };
-RadioButton.displayName = "RadioGroup.RadioButton";
 RadioGroup.RadioButton = RadioButton;
 
 exports.RadioGroup = RadioGroup;

package/dist/_shared/cjs/{Section-48aca5f5.js → Section-59804166.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
-var index = require('./index-45bfb67b.js');
+var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
+var index = require('./index-9947ac13.js');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/_shared/cjs/{SiteFooter-5da774e1.js → SiteFooter-d3babe07.js}

@@ -1,13 +1,13 @@
 'use strict';
 
-var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
+var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
 var index_es = require('./index.es-77def0c9.js');
-var BtIconChevronDown2Px = require('./BtIconChevronDown2Px-8fb4e2eb.js');
+var BtIconChevronDown2Px_esm = require('./BtIconChevronDown2Px.esm-c6f8ced2.js');
 var React = require('react');
-var BrandLogo = require('./BrandLogo-8107d59f.js');
-var Curve = require('./Curve-781ef633.js');
-var Section = require('./Section-48aca5f5.js');
-var Surface = require('./Surface-b7c51b2b.js');
+var BrandLogo = require('./BrandLogo-f001e0c0.js');
+var Curve = require('./Curve-d038052b.js');
+var Section = require('./Section-59804166.js');
+var Surface = require('./Surface-80c0909a.js');
 var handleLinkClick = require('./handle-link-click-17a44cf4.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -56,7 +56,7 @@ var SiteFooterItemGroup = function (_a) {
     return (React__default["default"].createElement("details", { className: "arc-SiteFooter-disclosure", open: isMinWidthArcBreakpointM },
         React__default["default"].createElement("summary", { className: "arc-SiteFooter-summary", tabIndex: isMinWidthArcBreakpointM ? -1 : 0 },
             React__default["default"].createElement("span", { className: "arc-SiteFooter-icon" },
-                React__default["default"].createElement(BtIconChevronDown2Px.BtIconChevronDown2Px_2, null)),
+                React__default["default"].createElement(BtIconChevronDown2Px_esm.BtIconChevronDown2Px, null)),
             React__default["default"].createElement("h2", { className: "arc-SiteFooter-title" }, title)),
         React__default["default"].createElement("ul", { className: "arc-SiteFooter-mainItems" }, children)));
 };
@@ -65,9 +65,7 @@ var SiteFooterItem = function (_a) {
     return (React__default["default"].createElement("li", filterDataAttrs.__assign({ className: "arc-SiteFooter-item" }, filterDataAttrs.filterDataAttrs(props)),
         React__default["default"].createElement("a", { onClick: handleLinkClick.handleLinkClick({ handler: onClick }), className: "arc-SiteFooter-link", href: href }, children)));
 };
-SiteFooterItem.displayName = "SiteFooter.Item";
 SiteFooter.Item = SiteFooterItem;
-SiteFooterItemGroup.displayName = "SiteFooter.ItemGroup";
 SiteFooter.ItemGroup = SiteFooterItemGroup;
 
 exports.SiteFooter = SiteFooter;

package/dist/_shared/cjs/{SiteHeader.rehydrator-acc9d8c4.js → SiteHeader.rehydrator-b7284004.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
+var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
 var React = require('react');
-var index = require('./index-45bfb67b.js');
+var index = require('./index-9947ac13.js');
 var index_es = require('./index.es-77def0c9.js');
-var BtIconChevronDown2Px = require('./BtIconChevronDown2Px-8fb4e2eb.js');
+var BtIconChevronDown2Px_esm = require('./BtIconChevronDown2Px.esm-c6f8ced2.js');
 var handleLinkClick = require('./handle-link-click-17a44cf4.js');
-var BtIconChevronRight2Px = require('./BtIconChevronRight2Px-a8e40136.js');
-var Surface = require('./Surface-b7c51b2b.js');
-var BrandLogo = require('./BrandLogo-8107d59f.js');
-var Button = require('./Button-5aaa6776.js');
-var suffixModifier = require('./suffix-modifier-1ee2da04.js');
-var Text = require('./Text-fa447e2d.js');
+var BtIconChevronRight2Px_esm = require('./BtIconChevronRight2Px.esm-3c438341.js');
+var Surface = require('./Surface-80c0909a.js');
+var BrandLogo = require('./BrandLogo-f001e0c0.js');
+var Button = require('./Button-c22c9787.js');
+var suffixModifier = require('./suffix-modifier-64dcd338.js');
+var Text = require('./Text-76b7fea1.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -26,7 +26,7 @@ var Item = function (_a) {
             _b)) }, filterDataAttrs.filterDataAttrs(props)),
         React__default["default"].createElement("a", { onClick: handleLinkClick.handleLinkClick({ handler: onClick }), className: "arc-SiteHeaderItem-link", href: href },
             isEmphasised && (React__default["default"].createElement("span", { className: "arc-SiteHeaderItem-linkIcon" },
-                React__default["default"].createElement(BtIconChevronRight2Px.BtIconChevronRight2Px_2, null))),
+                React__default["default"].createElement(BtIconChevronRight2Px_esm.BtIconChevronRight2Px, null))),
             children)));
 };
 
@@ -56,7 +56,7 @@ var ItemGroup = function (_a) {
                 }), className: "arc-SiteHeaderItemGroup-title", href: href, tabIndex: !hasClientSideJavaScript || isMinWidthArcBreakpointL ? 0 : -1 },
                 title,
                 React__default["default"].createElement("span", { className: "arc-SiteHeaderItemGroup-titleIcon" },
-                    React__default["default"].createElement(BtIconChevronDown2Px.BtIconChevronDown2Px_2, null)))) : (React__default["default"].createElement("div", { className: "arc-SiteHeaderItemGroup-title" }, title)))) : null,
+                    React__default["default"].createElement(BtIconChevronDown2Px_esm.BtIconChevronDown2Px, null)))) : (React__default["default"].createElement("div", { className: "arc-SiteHeaderItemGroup-title" }, title)))) : null,
             React__default["default"].createElement("ul", { className: "arc-SiteHeaderItemGroup-items" },
                 children,
                 href && title ? (React__default["default"].createElement("li", { className: "arc-SiteHeaderItem arc-SiteHeaderItem--viewAll" },
@@ -114,7 +114,7 @@ var BackButton = function (_a) {
             setOpen(false);
         } },
         React__default["default"].createElement("span", { className: "arc-SiteHeaderBackButton-icon" },
-            React__default["default"].createElement(BtIconChevronRight2Px.BtIconChevronLeft2Px_2, null)),
+            React__default["default"].createElement(BtIconChevronRight2Px_esm.BtIconChevronLeft2Px, null)),
         React__default["default"].createElement("span", { className: "arc-SiteHeaderBackButton-text" }, "Back")));
 };
 
@@ -198,9 +198,8 @@ var ViewAll = function (_a) {
     return (React__default["default"].createElement("a", { onClick: handleLinkClick.handleLinkClick({ handler: onClick }), className: "arc-SiteHeaderPanel-viewAll", href: href },
         title,
         React__default["default"].createElement("span", { className: "arc-SiteHeaderPanel-viewAllIcon" },
-            React__default["default"].createElement(BtIconChevronRight2Px.BtIconChevronRight2Px_2, null))));
+            React__default["default"].createElement(BtIconChevronRight2Px_esm.BtIconChevronRight2Px, null))));
 };
-ViewAll.displayName = "Panel.ViewAll";
 Panel.ViewAll = ViewAll;
 
 var NavItem = function (_a) {
@@ -233,7 +232,7 @@ var NavItem = function (_a) {
                 setPanelOpen(!panelOpen);
             } },
             React__default["default"].createElement("span", null, title),
-            React__default["default"].createElement("span", { className: "arc-SiteHeaderNavItem-linkIcon" }, isMinWidthArcBreakpointL ? (React__default["default"].createElement(BtIconChevronDown2Px.BtIconChevronDown2Px_2, null)) : (React__default["default"].createElement(BtIconChevronRight2Px.BtIconChevronRight2Px_2, null)))),
+            React__default["default"].createElement("span", { className: "arc-SiteHeaderNavItem-linkIcon" }, isMinWidthArcBreakpointL ? (React__default["default"].createElement(BtIconChevronDown2Px_esm.BtIconChevronDown2Px, null)) : (React__default["default"].createElement(BtIconChevronRight2Px_esm.BtIconChevronRight2Px, null)))),
         React__default["default"].createElement(Panel, { navItemRef: navItem, open: panelOpen, promo: promo, setOpen: setPanelOpen, viewAll: href ? (React__default["default"].createElement(Panel.ViewAll, { href: href, onClick: onClick, title: viewAllTitle || "View all ".concat(title.toLowerCase()) })) : (undefined) }, children)))));
 };
 
@@ -320,7 +319,7 @@ var SubNavItem = function (_a) {
             } },
             linkTitle,
             children && (React__default["default"].createElement("span", { className: "arc-SiteHeaderSubNavItem-linkIcon" },
-                React__default["default"].createElement(BtIconChevronRight2Px.BtIconChevronRight2Px_2, null)))),
+                React__default["default"].createElement(BtIconChevronRight2Px_esm.BtIconChevronRight2Px, null)))),
         React__default["default"].createElement(Panel, { navItemRef: navItem, open: panelOpen, setOpen: setPanelOpen, subNavItemRef: subNavItem, subNavLink: "arc-SiteHeaderSubNavItem-link", promo: promo, title: React__default["default"].createElement("span", null,
                 title,
                 subTitle && (React__default["default"].createElement(Text.Text, { size: "xs", tone: "supporting" }, subTitle))), viewAll: href ? (React__default["default"].createElement(Panel.ViewAll, { href: href, onClick: onClick, title: viewAllTitle || "View all ".concat(title.toLowerCase()) })) : (undefined) }, children)))));
@@ -431,7 +430,7 @@ var NavItemWithSubNav = function (_a) {
                     setPanelOpen(!panelOpen);
                 } },
                 title,
-                React__default["default"].createElement("span", { className: "arc-SiteHeaderNavItem-linkIcon" }, isMinWidthArcBreakpointL ? (React__default["default"].createElement(BtIconChevronDown2Px.BtIconChevronDown2Px_2, null)) : (React__default["default"].createElement(BtIconChevronRight2Px.BtIconChevronRight2Px_2, null)))),
+                React__default["default"].createElement("span", { className: "arc-SiteHeaderNavItem-linkIcon" }, isMinWidthArcBreakpointL ? (React__default["default"].createElement(BtIconChevronDown2Px_esm.BtIconChevronDown2Px, null)) : (React__default["default"].createElement(BtIconChevronRight2Px_esm.BtIconChevronRight2Px, null)))),
             React__default["default"].createElement(Panel, { navItemRef: navItem, open: panelOpen, setOpen: setPanelOpen, title: subTitle, viewAll: href ? (React__default["default"].createElement(Panel.ViewAll, { href: href, onClick: onViewAllClick, title: viewAllTitle || "View all ".concat(title.toLowerCase()) })) : (undefined), withSubNav: true },
                 defaultItem
                     ? React__default["default"].cloneElement(slot1, { isDefaultItem: defaultItem })
@@ -601,13 +600,6 @@ var SiteHeader = function (_a) {
                         basket ? (React__default["default"].createElement("div", { className: "arc-SiteHeader-basket" }, basket)) : null,
                         hasLogin && (React__default["default"].createElement(React__default["default"].Fragment, null, loginOnClick ? (React__default["default"].createElement("div", { className: "arc-SiteHeader-loginLink arc-SiteHeader-loginLink--function", onClick: loginOnClick }, loginTitle)) : (React__default["default"].createElement("a", { className: "arc-SiteHeader-loginLink", href: loginHref }, loginTitle)))))))))));
 };
-Column.displayName = "SiteHeader.Column";
-Item.displayName = "SiteHeader.Item";
-ItemGroup.displayName = "SiteHeader.ItemGroup";
-NavItem.displayName = "SiteHeader.NavItem";
-NodeItem.displayName = "SiteHeader.NodeItem";
-NavItemWithSubNav.displayName = "SiteHeader.NavItemWithSubNav";
-SubNavItem.displayName = "SiteHeader.SubNavItem";
 SiteHeader.Column = Column;
 SiteHeader.Item = Item;
 SiteHeader.ItemGroup = ItemGroup;

package/dist/_shared/cjs/{Surface-b7c51b2b.js → Surface-80c0909a.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
-var index = require('./index-45bfb67b.js');
+var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
+var index = require('./index-9947ac13.js');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }