@arc-ui/components 11.18.0 → 11.20.0

package/dist/TextArea/TextArea.cjs.js

@@ -8,30 +8,30 @@ var index = require('../_shared/cjs/index-9947ac13.js');
 var Surface = require('../_shared/cjs/Surface-038db6e1.js');
 require('../_shared/cjs/Heading-27cba320.js');
 var Text = require('../_shared/cjs/Text-606ca3a2.js');
+require('../_shared/cjs/Image-e873b8fc.js');
 require('../_shared/cjs/Base-f5a86eed.js');
-require('../_shared/cjs/Breadcrumbs-ef659d2b.js');
-require('../_shared/cjs/Button-4fed080a.js');
-require('../_shared/cjs/Card-17dcc171.js');
-require('../_shared/cjs/Checkbox-4d4b432f.js');
+require('../_shared/cjs/Breadcrumbs-c6eaf5c4.js');
+require('../_shared/cjs/Button-84533dc8.js');
+require('../_shared/cjs/Card-5b19cabc.js');
+require('../_shared/cjs/Checkbox-8915fcd9.js');
 require('../_shared/cjs/Columns-ae4f8cef.js');
 require('../_shared/cjs/Filter-1bde635c.js');
-var FormControl = require('../_shared/cjs/FormControl-b26ad353.js');
+var FormControl = require('../_shared/cjs/FormControl-5f3b6ce4.js');
 require('../_shared/cjs/Group-0429741a.js');
-require('../_shared/cjs/Image-e873b8fc.js');
 require('../_shared/cjs/Poster-9b48fd61.js');
-require('../_shared/cjs/ProgressStepper-9cdc0afe.js');
-require('../_shared/cjs/RadioGroup-23c964ae.js');
+require('../_shared/cjs/ProgressStepper-3af8a210.js');
+require('../_shared/cjs/RadioGroup-07bb155e.js');
 require('../_shared/cjs/debounce-123468fb.js');
 require('../_shared/cjs/SiteFooter-65b6360c.js');
-require('../_shared/cjs/SiteHeader.rehydrator-df053a52.js');
-require('../_shared/cjs/SiteHeaderV2-79930632.js');
-require('../_shared/cjs/Tabs-34db6bc1.js');
-require('../_shared/cjs/TextInput-d0370fa8.js');
-require('../_shared/cjs/Toast-392b1d60.js');
+require('../_shared/cjs/SiteHeader.rehydrator-ea49f8d5.js');
+require('../_shared/cjs/SiteHeaderV2-301c765c.js');
+require('../_shared/cjs/Tabs-24e6f45b.js');
+require('../_shared/cjs/TextInput-5da70ec2.js');
+require('../_shared/cjs/Toast-7a20d1b9.js');
 require('../_shared/cjs/UniversalHeader-b8389447.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
 require('../_shared/cjs/BtIconChevronRight2Px.esm-dbf8cbee.js');
-require('../_shared/cjs/Icon-a9801f05.js');
+require('../_shared/cjs/Icon-b46897a3.js');
 require('../_shared/cjs/handle-link-click-17a44cf4.js');
 require('../_shared/cjs/BtIconChevronLeftMid.esm-0aaa6770.js');
 require('../_shared/cjs/BtIconChevronRightMid.esm-d01ebbd4.js');

package/dist/TextArea/TextArea.esm.js

@@ -4,30 +4,30 @@ import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
 import { C as Context } from '../_shared/esm/Surface-0ca6817d.js';
 import '../_shared/esm/Heading-d16e0e53.js';
 import { T as Text } from '../_shared/esm/Text-14f586ac.js';
+import '../_shared/esm/Image-12fbd327.js';
 import '../_shared/esm/Base-f200653c.js';
-import '../_shared/esm/Breadcrumbs-36edfb3d.js';
-import '../_shared/esm/Button-a453e8e4.js';
-import '../_shared/esm/Card-201e9f28.js';
-import '../_shared/esm/Checkbox-720b074d.js';
+import '../_shared/esm/Breadcrumbs-7d55e1a6.js';
+import '../_shared/esm/Button-3f294e64.js';
+import '../_shared/esm/Card-7fc6c9b4.js';
+import '../_shared/esm/Checkbox-0e051546.js';
 import '../_shared/esm/Columns-d96b7425.js';
 import '../_shared/esm/Filter-58a42358.js';
-import { F as FormControl } from '../_shared/esm/FormControl-f0b8fe91.js';
+import { F as FormControl } from '../_shared/esm/FormControl-cc99cde0.js';
 import '../_shared/esm/Group-73fdb896.js';
-import '../_shared/esm/Image-12fbd327.js';
 import '../_shared/esm/Poster-4ec2f679.js';
-import '../_shared/esm/ProgressStepper-f51f86c3.js';
-import '../_shared/esm/RadioGroup-37fdb06b.js';
+import '../_shared/esm/ProgressStepper-d4c5b6d9.js';
+import '../_shared/esm/RadioGroup-362be63f.js';
 import '../_shared/esm/debounce-6fed6b84.js';
 import '../_shared/esm/SiteFooter-38ee1536.js';
-import '../_shared/esm/SiteHeader.rehydrator-32bdcd88.js';
-import '../_shared/esm/SiteHeaderV2-9e7e7d3b.js';
-import '../_shared/esm/Tabs-df9965dd.js';
-import '../_shared/esm/TextInput-abbab56b.js';
-import '../_shared/esm/Toast-5d66e13f.js';
+import '../_shared/esm/SiteHeader.rehydrator-65c8cf71.js';
+import '../_shared/esm/SiteHeaderV2-0096e25b.js';
+import '../_shared/esm/Tabs-a85af483.js';
+import '../_shared/esm/TextInput-1d1c5fd6.js';
+import '../_shared/esm/Toast-7a232e15.js';
 import '../_shared/esm/UniversalHeader-80c7313f.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
 import '../_shared/esm/BtIconChevronRight2Px.esm-75e92636.js';
-import '../_shared/esm/Icon-abd0d990.js';
+import '../_shared/esm/Icon-15799695.js';
 import '../_shared/esm/handle-link-click-f64f55a2.js';
 import '../_shared/esm/BtIconChevronLeftMid.esm-1ed8330b.js';
 import '../_shared/esm/BtIconChevronRightMid.esm-32268f1a.js';

package/dist/TextInput/TextInput.cjs.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var TextInput = require('../_shared/cjs/TextInput-d0370fa8.js');
+var TextInput = require('../_shared/cjs/TextInput-5da70ec2.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('react');
-require('../_shared/cjs/FormControl-b26ad353.js');
+require('../_shared/cjs/FormControl-5f3b6ce4.js');
 require('../_shared/cjs/BtIconAlert.esm-1a0ff9f0.js');
 require('../_shared/cjs/Surface-038db6e1.js');
 require('../_shared/cjs/DisclosureMini-d0eeb6bb.js');
@@ -14,7 +14,7 @@ require('../_shared/cjs/BtIconChevronDown2Px.esm-39030ee0.js');
 require('../_shared/cjs/Text-606ca3a2.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
 require('../_shared/cjs/VisuallyHidden-e2c8b291.js');
-require('../_shared/cjs/Icon-a9801f05.js');
+require('../_shared/cjs/Icon-b46897a3.js');
 
 
 

package/dist/TextInput/TextInput.esm.js

@@ -1,8 +1,8 @@
-export { T as TextInput } from '../_shared/esm/TextInput-abbab56b.js';
+export { a as TextInput } from '../_shared/esm/TextInput-1d1c5fd6.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import 'react';
-import '../_shared/esm/FormControl-f0b8fe91.js';
+import '../_shared/esm/FormControl-cc99cde0.js';
 import '../_shared/esm/BtIconAlert.esm-a4608d47.js';
 import '../_shared/esm/Surface-0ca6817d.js';
 import '../_shared/esm/DisclosureMini-ec17b008.js';
@@ -10,4 +10,4 @@ import '../_shared/esm/BtIconChevronDown2Px.esm-217276c2.js';
 import '../_shared/esm/Text-14f586ac.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
 import '../_shared/esm/VisuallyHidden-b9eebf71.js';
-import '../_shared/esm/Icon-abd0d990.js';
+import '../_shared/esm/Icon-15799695.js';

package/dist/Toast/Toast.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Toast = require('../_shared/cjs/Toast-392b1d60.js');
+var Toast = require('../_shared/cjs/Toast-7a20d1b9.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('react');
 require('../_shared/cjs/extends-8c5e4b48.js');
@@ -16,7 +16,7 @@ require('../_shared/cjs/index-9947ac13.js');
 require('../_shared/cjs/BtIconCrossAlt2Px.esm-1452b14b.js');
 require('../_shared/cjs/BtIconTick.esm-844eac6c.js');
 require('../_shared/cjs/BtIconAlert.esm-1a0ff9f0.js');
-require('../_shared/cjs/Icon-a9801f05.js');
+require('../_shared/cjs/Icon-b46897a3.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
 require('../_shared/cjs/Surface-038db6e1.js');
 

package/dist/Toast/Toast.esm.js

@@ -1,4 +1,4 @@
-export { T as Toast } from '../_shared/esm/Toast-5d66e13f.js';
+export { T as Toast } from '../_shared/esm/Toast-7a232e15.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import 'react';
 import '../_shared/esm/extends-8cc61aad.js';
@@ -12,6 +12,6 @@ import '../_shared/esm/index-2e73c2e9.js';
 import '../_shared/esm/BtIconCrossAlt2Px.esm-7165ab1a.js';
 import '../_shared/esm/BtIconTick.esm-e265098f.js';
 import '../_shared/esm/BtIconAlert.esm-a4608d47.js';
-import '../_shared/esm/Icon-abd0d990.js';
+import '../_shared/esm/Icon-15799695.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
 import '../_shared/esm/Surface-0ca6817d.js';

package/dist/TypographyCard/TypographyCard.cjs.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 var React = require('react');
 var index = require('../_shared/cjs/index-9947ac13.js');
-var CardLabel = require('../_shared/cjs/CardLabel-768abf20.js');
-var CardFooter = require('../_shared/cjs/CardFooter-43c32239.js');
+var BtIconArrowRight_esm = require('../_shared/cjs/BtIconArrowRight.esm-50d96943.js');
+var CardFooter = require('../_shared/cjs/CardFooter-4a68a862.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
 require('../_shared/cjs/BtIconArrowRightFill.esm-435cf4bd.js');
-require('../_shared/cjs/Icon-a9801f05.js');
+require('../_shared/cjs/Icon-b46897a3.js');
 require('../_shared/cjs/Surface-038db6e1.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -28,8 +28,8 @@ var TypographyCard = function (_a) {
         }) }, filterDataAttrs.filterDataAttrs(props)),
         React__default["default"].createElement("div", { className: "arc-TypographyCard-contentContainer" },
             label && (React__default["default"].createElement("div", { className: "arc-TypographyCard-labelContainer" },
-                React__default["default"].createElement(CardLabel.CardLabel, { isDarkPathway: isDarkPathway, isBold: false, text: label }))),
-            React__default["default"].createElement(CardLabel.CardHeading, { size: "m", linkData: linkData, heading: heading, headingLevel: headingLevel, href: url, onClick: onClick, isDarkPathway: isDarkPathway, onMouseEnter: handleShowHoverState(true), onMouseLeave: handleShowHoverState(false), onFocus: handleShowHoverState(true), onBlur: handleShowHoverState(false) })),
+                React__default["default"].createElement(BtIconArrowRight_esm.CardLabel, { isDarkPathway: isDarkPathway, isBold: false, text: label }))),
+            React__default["default"].createElement(BtIconArrowRight_esm.CardHeading, { size: "m", linkData: linkData, heading: heading, headingLevel: headingLevel, href: url, onClick: onClick, isDarkPathway: isDarkPathway, onMouseEnter: handleShowHoverState(true), onMouseLeave: handleShowHoverState(false), onFocus: handleShowHoverState(true), onBlur: handleShowHoverState(false) })),
         React__default["default"].createElement(CardFooter.CardFooter, { showButton: true, isDarkPathway: isDarkPathway, showFilledIcon: showHoverState, buttonIcon: buttonIcon, metaText: metaText })));
 };
 

package/dist/TypographyCard/TypographyCard.esm.js

@@ -1,11 +1,11 @@
 import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import React__default, { useState } from 'react';
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
-import { C as CardLabel, a as CardHeading } from '../_shared/esm/CardLabel-d6d71407.js';
-import { C as CardFooter } from '../_shared/esm/CardFooter-dd8d4000.js';
+import { C as CardLabel, a as CardHeading } from '../_shared/esm/BtIconArrowRight.esm-9b181878.js';
+import { C as CardFooter } from '../_shared/esm/CardFooter-a08b70ee.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
 import '../_shared/esm/BtIconArrowRightFill.esm-99019d1a.js';
-import '../_shared/esm/Icon-abd0d990.js';
+import '../_shared/esm/Icon-15799695.js';
 import '../_shared/esm/Surface-0ca6817d.js';
 
 var TypographyCard = function (_a) {

package/dist/_shared/cjs/Avatar-12ece0dd.js

@@ -0,0 +1,65 @@
+'use strict';
+
+var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
+var React = require('react');
+var index = require('./index-9947ac13.js');
+require('./Surface-038db6e1.js');
+var ConditionalWrapper = require('./ConditionalWrapper-be3b2625.js');
+var Icon = require('./Icon-b46897a3.js');
+var Image = require('./Image-e873b8fc.js');
+var Heading = require('./Heading-27cba320.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const BtIconUser = (props) =>
+  /*#__PURE__*/ React__default["default"].createElement(
+    "svg",
+    Object.assign(
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 32 32",
+      },
+      props,
+    ),
+    /*#__PURE__*/ React__default["default"].createElement("defs", null),
+    /*#__PURE__*/ React__default["default"].createElement("path", {
+      d: "M20.87579,16.014a6.99843,6.99843,0,1,0-9.75378.00091C6.725,17.77887,4,21.452,4,25.66113V27a1.001,1.001,0,0,0,1,1H27a1.001,1.001,0,0,0,1-1V25.66113C28,21.45129,25.27423,17.77765,20.87579,16.014ZM10,11a5.998,5.998,0,1,1,6,6A6.0068,6.0068,0,0,1,10,11ZM27,27H5V25.66113c0-4.61181,3.46484-7.57324,6.707-8.80761l.29492-.11206a6.97581,6.97581,0,0,0,7.99457-.00062l.29645.11268C23.53516,18.08789,27,21.04932,27,25.66113Z",
+      fill: "currentColor",
+    }),
+  );
+
+var AvatarContent = function (_a) {
+    var img = _a.img, initials = _a.initials, _b = _a.size, size = _b === void 0 ? "xl" : _b;
+    var textSize = {
+        s: "xxxs",
+        m: "xxs",
+        l: "xs",
+        xl: "s"
+    };
+    var iconSize = {
+        s: 16,
+        m: 24,
+        l: 32,
+        xl: 40
+    };
+    if (img) {
+        return React__default["default"].createElement(Image.Image, filterDataAttrs.__assign({ fit: "cover" }, img));
+    }
+    if (initials) {
+        return (React__default["default"].createElement(Heading.Heading, { size: textSize[size] }, initials.substring(0, 3).toUpperCase()));
+    }
+    return React__default["default"].createElement(Icon.Icon, { size: iconSize[size], icon: BtIconUser });
+};
+
+var Avatar = function (_a) {
+    var img = _a.img, initials = _a.initials, href = _a.href, title = _a.title, ariaLabel = _a.ariaLabel, onClick = _a.onClick, _b = _a.size, size = _b === void 0 ? "xl" : _b, props = filterDataAttrs.__rest(_a, ["img", "initials", "href", "title", "ariaLabel", "onClick", "size"]);
+    var wrapperAttrs = filterDataAttrs.__assign({ className: index.classNames("arc-Avatar", "arc-Avatar--".concat(size), {
+            "arc-Avatar--img": Boolean(img)
+        }) }, filterDataAttrs.filterDataAttrs(props));
+    return (React__default["default"].createElement(ConditionalWrapper.ConditionalWrapper, { condition: Boolean(href), wrapper: function (children) { return (React__default["default"].createElement("a", filterDataAttrs.__assign({ href: href, "aria-label": ariaLabel, onClick: onClick, title: title }, wrapperAttrs), children)); }, fallback: function (children) { return React__default["default"].createElement("div", filterDataAttrs.__assign({}, wrapperAttrs), children); } },
+        React__default["default"].createElement(AvatarContent, { size: size, img: img, initials: initials })));
+};
+
+exports.Avatar = Avatar;

package/dist/_shared/cjs/{Breadcrumbs-ef659d2b.js → Breadcrumbs-c6eaf5c4.js}

@@ -4,7 +4,7 @@ var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
 var React = require('react');
 var debounce = require('./debounce-123468fb.js');
 var BtIconChevronRight2Px_esm = require('./BtIconChevronRight2Px.esm-dbf8cbee.js');
-var Icon = require('./Icon-a9801f05.js');
+var Icon = require('./Icon-b46897a3.js');
 var index = require('./index-9947ac13.js');
 var handleLinkClick = require('./handle-link-click-17a44cf4.js');
 

package/dist/_shared/cjs/{Button-4fed080a.js → Button-84533dc8.js}

@@ -6,7 +6,7 @@ var BtIconChevronRightMid_esm = require('./BtIconChevronRightMid.esm-d01ebbd4.js
 var index = require('./index-9947ac13.js');
 var React = require('react');
 var suffixModifier = require('./suffix-modifier-64dcd338.js');
-var Icon = require('./Icon-a9801f05.js');
+var Icon = require('./Icon-b46897a3.js');
 var Surface = require('./Surface-038db6e1.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/_shared/cjs/{Calendar-18e255f8.js → Calendar-c6ed5f2c.js}

@@ -10,7 +10,7 @@ var Surface = require('./Surface-038db6e1.js');
 var Heading = require('./Heading-27cba320.js');
 var BtIconChevronLeftMid_esm = require('./BtIconChevronLeftMid.esm-0aaa6770.js');
 var BtIconChevronRightMid_esm = require('./BtIconChevronRightMid.esm-d01ebbd4.js');
-var Icon = require('./Icon-a9801f05.js');
+var Icon = require('./Icon-b46897a3.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/_shared/cjs/{Card-17dcc171.js → Card-5b19cabc.js}

@@ -4,7 +4,7 @@ var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
 var index = require('./index-9947ac13.js');
 var React = require('react');
 var BtIconChevronRightMid_esm = require('./BtIconChevronRightMid.esm-d01ebbd4.js');
-var Icon = require('./Icon-a9801f05.js');
+var Icon = require('./Icon-b46897a3.js');
 var Image = require('./Image-e873b8fc.js');
 var Heading = require('./Heading-27cba320.js');
 var suffixModifier = require('./suffix-modifier-64dcd338.js');

package/dist/_shared/cjs/{CardFooter-43c32239.js → CardFooter-4a68a862.js}

@@ -2,9 +2,9 @@
 
 var React = require('react');
 var index = require('./index-9947ac13.js');
-var CardLabel = require('./CardLabel-768abf20.js');
+var BtIconArrowRight_esm = require('./BtIconArrowRight.esm-50d96943.js');
 var BtIconArrowRightFill_esm = require('./BtIconArrowRightFill.esm-435cf4bd.js');
-var Icon = require('./Icon-a9801f05.js');
+var Icon = require('./Icon-b46897a3.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -56,7 +56,7 @@ var CardFooter = function (_a) {
     var metaText = _a.metaText, _b = _a.buttonIcon, buttonIcon = _b === void 0 ? "arrow" : _b, _c = _a.isDarkPathway, isDarkPathway = _c === void 0 ? false : _c, _d = _a.showButton, showButton = _d === void 0 ? true : _d, _e = _a.showFilledIcon, showFilledIcon = _e === void 0 ? false : _e;
     var icons = {
         arrow: {
-            regular: CardLabel.BtIconArrowRight,
+            regular: BtIconArrowRight_esm.BtIconArrowRight,
             filled: BtIconArrowRightFill_esm.BtIconArrowRightFill
         },
         play: {

package/dist/_shared/cjs/{Checkbox-4d4b432f.js → Checkbox-8915fcd9.js}

@@ -5,7 +5,7 @@ var React = require('react');
 var BtIconTickAlt2Px_esm = require('./BtIconTickAlt2Px.esm-57c89acc.js');
 var BtIconAlert_esm = require('./BtIconAlert.esm-1a0ff9f0.js');
 var index = require('./index-9947ac13.js');
-var FormControl = require('./FormControl-b26ad353.js');
+var FormControl = require('./FormControl-5f3b6ce4.js');
 var Surface = require('./Surface-038db6e1.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/_shared/cjs/ConditionalWrapper-be3b2625.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ConditionalWrapper = function (_a) {
+    var condition = _a.condition, wrapper = _a.wrapper, fallback = _a.fallback, children = _a.children;
+    return (React__default["default"].createElement(React__default["default"].Fragment, null, condition ? wrapper(children) : fallback ? fallback(children) : children));
+};
+
+exports.ConditionalWrapper = ConditionalWrapper;

package/dist/_shared/cjs/{FormControl-b26ad353.js → FormControl-5f3b6ce4.js}

@@ -80,11 +80,16 @@ var FormControl = function (_a) {
                 "arc-FormControl--smallLabel": labelSize === "s",
                 "arc-FormControl--onDarkSurface": surface === "dark"
             }), id: id }, elementProps, filterDataAttrs.filterDataAttrs(props)),
-            React__default["default"].createElement(LabelType, filterDataAttrs.__assign({ className: "arc-FormControl-label" }, labelProps), hideLabel === true ? (React__default["default"].createElement(VisuallyHidden.VisuallyHidden, null,
+            hideLabel === true ? (React__default["default"].createElement(VisuallyHidden.VisuallyHidden, null,
+                React__default["default"].createElement(LabelType, filterDataAttrs.__assign({ className: index.classNames("arc-FormControl-label", {
+                        "arc-FormControl-label--withHelperUnderLabel": helperUnderLabel && helper
+                    }) }, labelProps),
+                    label,
+                    requirementStatus === "optional" && (React__default["default"].createElement("span", { className: "arc-FormControl-labelOptional" }, "(optional)"))))) : (React__default["default"].createElement(LabelType, filterDataAttrs.__assign({ className: index.classNames("arc-FormControl-label", {
+                    "arc-FormControl-label--withHelperUnderLabel": helperUnderLabel && helper
+                }) }, labelProps),
                 label,
-                requirementStatus === "optional" && (React__default["default"].createElement("span", { className: "arc-FormControl-labelOptional" }, "(optional)")))) : (React__default["default"].createElement(React__default["default"].Fragment, null,
-                label,
-                requirementStatus === "optional" && (React__default["default"].createElement("span", { className: "arc-FormControl-labelOptional" }, "(optional)"))))),
+                requirementStatus === "optional" && (React__default["default"].createElement("span", { className: "arc-FormControl-labelOptional" }, "(optional)")))),
             helperUnderLabel && (React__default["default"].createElement(React__default["default"].Fragment, null, helper && (React__default["default"].createElement("div", { className: "arc-FormControl-helper arc-FormControl-helper--underLabel", id: idHelper }, helper)))),
             children,
             React__default["default"].createElement("div", { className: index.classNames("arc-FormControl-info", {

package/dist/_shared/cjs/{Icon-a9801f05.js → Icon-b46897a3.js}

@@ -32,9 +32,13 @@ const ArcIconArc = (props) =>
  */
 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 : _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 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, _f = _a.isPresentationIcon, isPresentationIcon = _f === void 0 ? false : _f, label = _a.label, size = _a.size, props = filterDataAttrs.__rest(_a, ["testId", "color", "icon", "isInline", "isPresentationIcon", "label", "size"]);
     var surface = React.useContext(Surface.Context).surface;
     var Icon = icon;
+    var presentationIconProps = {
+        role: "presentation",
+        "aria-hidden": true
+    };
     return (React__default["default"].createElement("span", filterDataAttrs.__assign({ "data-testid": testId, "aria-label": label, className: index.classNames((_b = {},
             _b["arc-Icon"] = true,
             _b[suffixModifier.suffixModifier("arc-Icon--color", color)] = color !== "auto",
@@ -44,7 +48,7 @@ var Icon = function (_a) {
             height: size,
             width: size
         } }, filterDataAttrs.filterDataAttrs(props)),
-        React__default["default"].createElement(Icon, null)));
+        React__default["default"].createElement(Icon, filterDataAttrs.__assign({}, (isPresentationIcon ? presentationIconProps : {})))));
 };
 
 exports.Icon = Icon;

package/dist/_shared/cjs/{ProgressStepper-9cdc0afe.js → ProgressStepper-3af8a210.js}

@@ -4,7 +4,7 @@ var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
 var React = require('react');
 var index = require('./index-9947ac13.js');
 var BtIconAlert_esm = require('./BtIconAlert.esm-1a0ff9f0.js');
-var Icon = require('./Icon-a9801f05.js');
+var Icon = require('./Icon-b46897a3.js');
 var Surface = require('./Surface-038db6e1.js');
 var VerticalSpace = require('./VerticalSpace-dc53bb70.js');
 var VisuallyHidden = require('./VisuallyHidden-e2c8b291.js');

package/dist/_shared/cjs/{RadioGroup-23c964ae.js → RadioGroup-07bb155e.js}

@@ -2,7 +2,7 @@
 
 var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
 var React = require('react');
-var FormControl = require('./FormControl-b26ad353.js');
+var FormControl = require('./FormControl-5f3b6ce4.js');
 var index = require('./index-9947ac13.js');
 var Surface = require('./Surface-038db6e1.js');
 
@@ -21,8 +21,8 @@ var useRadioContext = function () {
  * Radio Button component.
  */
 var RadioButton = React.forwardRef(function (_a, ref) {
-    var helper = _a.helper, id = _a.id, isDisabled = _a.isDisabled, label = _a.label, value = _a.value, props = filterDataAttrs.__rest(_a, ["helper", "id", "isDisabled", "label", "value"]);
-    var _b = useRadioContext(), blurEvent = _b.blurEvent, changeEvent = _b.changeEvent, groupDisabled = _b.groupDisabled, checkedValue = _b.checkedValue, labelSize = _b.labelSize, name = _b.name, size = _b.size;
+    var helper = _a.helper, id = _a.id, isDisabled = _a.isDisabled, label = _a.label, _b = _a.radioButtonAlignment, radioButtonAlignment = _b === void 0 ? "center" : _b, value = _a.value, props = filterDataAttrs.__rest(_a, ["helper", "id", "isDisabled", "label", "radioButtonAlignment", "value"]);
+    var _c = useRadioContext(), blurEvent = _c.blurEvent, changeEvent = _c.changeEvent, groupDisabled = _c.groupDisabled, checkedValue = _c.checkedValue, labelSize = _c.labelSize, name = _c.name, size = _c.size;
     var surface = React.useContext(Surface.Context).surface;
     var idLabel = "".concat(id, "-label");
     var checked = checkedValue === value ? true : false;
@@ -33,9 +33,13 @@ var RadioButton = React.forwardRef(function (_a, ref) {
             "arc-RadioButton--smallLabel": labelSize === "s",
             "arc-RadioButton--onDarkSurface": surface === "dark"
         }) }, filterDataAttrs.filterDataAttrs(props)),
-        React__default["default"].createElement("label", { className: "arc-RadioButton-label", htmlFor: id, id: idLabel },
+        React__default["default"].createElement("label", { className: index.classNames("arc-RadioButton-label", {
+                "arc-RadioButton-label--alignTop": radioButtonAlignment === "top"
+            }), htmlFor: id, id: idLabel },
             React__default["default"].createElement("input", { className: "arc-RadioButton-input", checked: typeof changeEvent !== "function" ? undefined : checked, defaultChecked: typeof changeEvent !== "function" ? checked : undefined, disabled: isDisabled || groupDisabled, id: id, name: name, onBlur: blurEvent, onChange: changeEvent, ref: ref, type: "radio", value: value }),
-            React__default["default"].createElement("span", null,
+            React__default["default"].createElement("span", { className: index.classNames({
+                    "arc-RadioButton-label--marginTop": radioButtonAlignment === "top"
+                }) },
                 label,
                 helper && React__default["default"].createElement("span", { className: "arc-RadioButton-helper" }, helper)))));
 });
@@ -62,7 +66,8 @@ var RadioGroup = function (_a) {
             size: size
         } },
         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))));
+            React__default["default"].createElement(FormControl.FormControl, { elementType: "fieldset", label: label, labelSize: labelSize, helper: helper, id: id, requirementStatus: "not-applicable", helperUnderLabel: true },
+                React__default["default"].createElement("span", { className: "arc-RadioGroup-radioButtonContainer" }, children)))));
 };
 RadioGroup.RadioButton = RadioButton;
 

package/dist/_shared/cjs/{SiteHeader.rehydrator-df053a52.js → SiteHeader.rehydrator-ea49f8d5.js}

@@ -9,7 +9,7 @@ var handleLinkClick = require('./handle-link-click-17a44cf4.js');
 var BtIconChevronRight2Px_esm = require('./BtIconChevronRight2Px.esm-dbf8cbee.js');
 var Surface = require('./Surface-038db6e1.js');
 var BrandLogo = require('./BrandLogo-aea340c8.js');
-var Button = require('./Button-4fed080a.js');
+var Button = require('./Button-84533dc8.js');
 var suffixModifier = require('./suffix-modifier-64dcd338.js');
 var Text = require('./Text-606ca3a2.js');
 
@@ -586,7 +586,7 @@ var SiteHeader = function (_a) {
                     React__default["default"].createElement("a", { className: "arc-SiteHeader-brand", onClick: handleLinkClick.handleLinkClick({
                             handler: logoOnClick
                         }), href: logoHref },
-                        React__default["default"].createElement(BrandLogo.BrandLogo, { label: logoLabel, subBrand: subBrand, size: 40 })),
+                        React__default["default"].createElement(BrandLogo.BrandLogo, { label: logoLabel, subBrand: subBrand })),
                     children && (React__default["default"].createElement("nav", { className: "arc-SiteHeader-nav" },
                         React__default["default"].createElement("div", { className: "arc-SiteHeader-menuButton" },
                             React__default["default"].createElement(MenuButton, { menuOpen: menuOpen, setMenuOpen: setMenuOpen })),

package/dist/_shared/cjs/{SiteHeaderV2-79930632.js → SiteHeaderV2-301c765c.js}

@@ -9,10 +9,10 @@ var Surface = require('./Surface-038db6e1.js');
 var handleLinkClick = require('./handle-link-click-17a44cf4.js');
 var BtIconChevronRightMid_esm = require('./BtIconChevronRightMid.esm-d01ebbd4.js');
 var BtIconChevronRight2Px_esm = require('./BtIconChevronRight2Px.esm-dbf8cbee.js');
-var Button = require('./Button-4fed080a.js');
+var Button = require('./Button-84533dc8.js');
 var suffixModifier = require('./suffix-modifier-64dcd338.js');
 var Text = require('./Text-606ca3a2.js');
-var Icon = require('./Icon-a9801f05.js');
+var Icon = require('./Icon-b46897a3.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -26,9 +26,9 @@ var Item = function (_a) {
             _b["arc-SiteHeaderV2Item--emphasised"] = true,
             _b)) }, filterDataAttrs.filterDataAttrs(props)),
         React__default["default"].createElement("a", { onClick: handleLinkClick.handleLinkClick({ handler: onClick }), className: "arc-SiteHeaderV2Item-link", href: href },
+            children,
             React__default["default"].createElement("span", { className: "arc-SiteHeaderV2Item-linkIcon" },
-                React__default["default"].createElement(BtIconChevronRightMid_esm.BtIconChevronRightMid, null)),
-            children)));
+                React__default["default"].createElement(BtIconChevronRightMid_esm.BtIconChevronRightMid, null)))));
 };
 
 var ItemGroup = function (_a) {
@@ -130,6 +130,7 @@ var Panel = function (_a) {
             }
             // Close the panel.
             setOpen(false);
+            setOpenPanelOnFirstClick(false);
         };
         document.addEventListener("click", handleClick);
         return function () {
@@ -307,32 +308,15 @@ var HorizontalPanel = function (_a) {
         // Where appropriate, close the Panel when clicking outside of it,
         // by listening to clicks on the entire document and acting accordingly.
         var handleClick = function (e) {
-            var _a, _b;
-            // Don't close the Panel…
+            var _a;
+            // Close the Horizontal Panel…
             if (
-            // The click is inside the current SubNavItem.
-            ((_a = subNavItemRef === null || subNavItemRef === void 0 ? void 0 : subNavItemRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target)) ||
-                // The click is inside the current NavItem
-                // and the Panel is not inside a SubNavItem.
-                // and the target is not a link
-                (((_b = navItemRef === null || navItemRef === void 0 ? void 0 : navItemRef.current) === null || _b === void 0 ? void 0 : _b.contains(e.target)) &&
-                    !subNavItemRef &&
-                    !e.target.getAttribute("href")) ||
-                // The Panel is inside a SubNavItem
-                // and the click is not on a SubNavItem-link.
-                // This ensures that one SubNavItem Panel per NavItem always remains open.
-                (subNavItemRef &&
-                    !e.target.classList.contains(subNavLink) &&
-                    !e.target.classList.contains("".concat(subNavLink, "Title")) &&
-                    !e.target.classList.contains("".concat(subNavLink, "SubTitle"))) ||
-                // Panel is inside a SubNavItem
-                // and the click is not inside the Panel's NavItem parent.
-                // This prevents SubNavItem Panels in sibling NavItems from being closed.
-                (subNavItemRef && !(navItemRef === null || navItemRef === void 0 ? void 0 : navItemRef.current.contains(e.target)))) {
+            // The click is not inside the current NavItem
+            !((_a = navItemRef === null || navItemRef === void 0 ? void 0 : navItemRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target)) ||
+                e.target.classList.contains("arc-SiteHeaderV2HorizontalPanel--open")) {
+                setOpen(false);
                 return;
             }
-            // Close the panel.
-            setOpen(false);
         };
         document.addEventListener("click", handleClick);
         return function () {

package/dist/_shared/cjs/{Tabs-34db6bc1.js → Tabs-24e6f45b.js}

@@ -8,7 +8,7 @@ var index = require('./index-9f99d686.js');
 var index$3 = require('./index-6eb396a3.js');
 var index$2 = require('./index-dcfdd5da.js');
 var index$4 = require('./index-d38f1bd0.js');
-var Icon = require('./Icon-a9801f05.js');
+var Icon = require('./Icon-b46897a3.js');
 var Surface = require('./Surface-038db6e1.js');
 var index$5 = require('./index-9947ac13.js');
 var BtIconArrowRightFill_esm = require('./BtIconArrowRightFill.esm-435cf4bd.js');

package/dist/_shared/cjs/{Tag-42ddca45.js → Tag-8723b324.js}

@@ -4,7 +4,7 @@ var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
 var React = require('react');
 var index = require('./index-9947ac13.js');
 var Surface = require('./Surface-038db6e1.js');
-var Icon = require('./Icon-a9801f05.js');
+var Icon = require('./Icon-b46897a3.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }