@arc-ui/components 12.0.0-beta.5 → 12.0.0-beta7

package/dist/_shared/cjs/{Poster-b7242b37.js → Poster-96aa286e.js}

@@ -1,42 +1,41 @@
 'use strict';
 
-var index = require('./index-df60851b.js');
-var index$1 = require('./index-9947ac13.js');
+var index_es = require('./index.es-c26e8978.js');
+var index = require('./index-9947ac13.js');
 var React = require('react');
-var Surface = require('./Surface-8599dbe4.js');
-var Image = require('./Image-e9a5a326.js');
-var suffixModifier = require('./suffix-modifier-c8a34402.js');
+var Surface = require('./Surface-1b5c2ac8.js');
+var Image = require('./Image-c8969ad9.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 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 = index.__rest(_a, ["alt", "anchor", "loading", "sizes", "src", "srcSet"]);
-    return (React__default["default"].createElement(Image.Image, index.__assign({ alt: alt, anchor: anchor, fit: "cover", loading: loading, sizes: sizes, src: src, srcSet: srcSet }, props)));
+    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 = index_es.__rest(_a, ["alt", "anchor", "loading", "sizes", "src", "srcSet"]);
+    return (React__default["default"].createElement(Image.Image, index_es.__assign({ alt: alt, anchor: anchor, fit: "cover", loading: loading, sizes: sizes, src: src, srcSet: srcSet }, index_es.filterDataAttrs(props))));
 };
 
 var PosterVideo = function (_a) {
     var _b;
-    var _c = _a.anchor, anchor = _c === void 0 ? "C" : _c, _d = _a.autoPlay, autoPlay = _d === void 0 ? true : _d, children = _a.children, _e = _a.loop, loop = _e === void 0 ? true : _e, props = index.__rest(_a, ["anchor", "autoPlay", "children", "loop"]);
-    return (React__default["default"].createElement("video", index.__assign({ className: index$1.classNames((_b = {
+    var _c = _a.anchor, anchor = _c === void 0 ? "C" : _c, _d = _a.autoPlay, autoPlay = _d === void 0 ? true : _d, children = _a.children, _e = _a.loop, loop = _e === void 0 ? true : _e, props = index_es.__rest(_a, ["anchor", "autoPlay", "children", "loop"]);
+    return (React__default["default"].createElement("video", index_es.__assign({ className: index.classNames((_b = {
                 "arc-PosterVideo": true
             },
-            _b[suffixModifier.suffixModifier("arc-PosterVideo--anchor", anchor)] = anchor,
-            _b)), autoPlay: autoPlay, muted: true, loop: loop }, index.filterDataAttrs(props)), children));
+            _b[index_es.suffixModifier("arc-PosterVideo--anchor", anchor)] = anchor,
+            _b)), autoPlay: autoPlay, muted: true, loop: loop }, index_es.filterDataAttrs(props)), children));
 };
 
 /**
  * Use `Poster` to compose content on an image or video background. BT Brand Only.
  */
 var Poster = function (_a) {
-    var background = _a.background, children = _a.children, _b = _a.overlay, overlay = _b === void 0 ? true : _b, _c = _a.surface, surface = _c === void 0 ? "dark-neutral-02" : _c, props = index.__rest(_a, ["background", "children", "overlay", "surface"]);
+    var background = _a.background, children = _a.children, _b = _a.overlay, overlay = _b === void 0 ? true : _b, _c = _a.surface, surface = _c === void 0 ? "dark-neutral-02" : _c, props = index_es.__rest(_a, ["background", "children", "overlay", "surface"]);
     return (React__default["default"].createElement(Surface.Surface, { background: surface },
-        React__default["default"].createElement("div", index.__assign({ className: index$1.classNames({
+        React__default["default"].createElement("div", index_es.__assign({ className: index.classNames({
                 "arc-Poster": true,
                 "arc-Poster--overlay": overlay,
                 "arc-Poster--overlayLight": surface === "light-neutral-01"
-            }) }, index.filterDataAttrs(props)),
+            }) }, index_es.filterDataAttrs(props)),
             React__default["default"].createElement("div", { className: "arc-Poster-backgroundWrapper" }, background),
             React__default["default"].createElement("div", { className: "arc-Poster-body" }, children))));
 };

package/dist/_shared/cjs/{ProgressStepper-fb8405c2.js → ProgressStepper-c59ec56c.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-df60851b.js');
+var index_es = require('./index.es-c26e8978.js');
 var React = require('react');
-var index$1 = require('./index-9947ac13.js');
-var VisuallyHidden = require('./VisuallyHidden-b0de4c7b.js');
-var Icon = require('./Icon-0ec0c1fb.js');
+var index = require('./index-9947ac13.js');
+var VisuallyHidden = require('./VisuallyHidden-25393f58.js');
+var Icon = require('./Icon-08447959.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -13,56 +13,33 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Error = function () { return (React__default["default"].createElement("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
     React__default["default"].createElement("g", { clipPath: "url(#a)" },
         React__default["default"].createElement("path", { d: "m13.06 12 2.845-2.845a.75.75 0 0 0-1.06-1.06L12 10.94 9.155 8.095a.75.75 0 0 0-1.06 1.06L10.939 12l-2.844 2.845a.75.75 0 1 0 1.06 1.06L12 13.061l2.845 2.844a.75.75 0 0 0 1.06-1.06L13.06 12Z", fill: "currentColor" })),
-    React__default["default"].createElement("rect", { x: ".667", y: ".667", width: "22.667", height: "22.667", rx: "11.333", stroke: "currentColor", strokeWidth: "1.333" }),
     React__default["default"].createElement("defs", null,
         React__default["default"].createElement("clipPath", { id: "a" },
             React__default["default"].createElement("rect", { width: "24", height: "24", rx: "12" }))))); };
 
 var Warning = function () { return (React__default["default"].createElement("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
-    React__default["default"].createElement("rect", { x: ".667", y: ".667", width: "22.667", height: "22.667", rx: "11.333", stroke: "currentColor", strokeWidth: "1.333" }),
     React__default["default"].createElement("path", { d: "M12 15.747a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm.004-1.487a.375.375 0 0 0 .375-.375l.001-6.757a.375.375 0 1 0-.75 0l-.001 6.757a.375.375 0 0 0 .375.375Z", fill: "currentColor", stroke: "currentColor", strokeWidth: ".3" }))); };
 
 var Complete = function () { return (React__default["default"].createElement("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
     React__default["default"].createElement("g", { clipPath: "url(#a)" },
         React__default["default"].createElement("path", { d: "m10.125 16.435-3.53-3.53a.75.75 0 0 1 0-1.06.768.768 0 0 1 1.06 0l2.47 2.47 6.22-6.22a.75.75 0 1 1 1.06 1.06l-7.28 7.28Z", fill: "currentColor" })),
-    React__default["default"].createElement("rect", { x: ".667", y: ".667", width: "22.667", height: "22.667", rx: "11.333", stroke: "currentColor", strokeWidth: "1.333" }),
     React__default["default"].createElement("defs", null,
-        React__default["default"].createElement("clipPath", { id: "a" },
+        React__default["default"].createElement("clipPath", null,
             React__default["default"].createElement("rect", { width: "24", height: "24", rx: "12" }))))); };
 
 var Current = function () { return (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    React__default["default"].createElement("rect", { x: "0.666667", y: "0.666667", width: "22.6667", height: "22.6667", rx: "11.3333", stroke: "url(#paint0_linear_1_1050)", strokeWidth: "1.33333" }),
     React__default["default"].createElement("circle", { cx: "12", cy: "12", r: "7", fill: "currentColor" }),
     React__default["default"].createElement("defs", null,
         React__default["default"].createElement("linearGradient", { id: "paint0_linear_1_1050", x1: "36.6036", y1: "-4.31391e-07", x2: "-12.6036", y2: "24", gradientUnits: "userSpaceOnUse" },
             React__default["default"].createElement("stop", { stopColor: "#F200F5" }),
             React__default["default"].createElement("stop", { offset: "1", stopColor: "#1EC8E6" }))))); };
 
-var Todo = function () { return (React__default["default"].createElement("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
-    React__default["default"].createElement("rect", { x: ".667", y: ".667", width: "22.667", height: "22.667", rx: "11.333", stroke: "currentColor", strokeWidth: "1.333" }))); };
-
 // export current step as an icon
 var ProgressStepperItem = function (_a) {
-    // TODO: Revise icons missing in BT theme
-    // const statusIcons: Record<
-    //   Exclude<ProgressStatus, "todo">,
-    //   Extract<
-    //     ThemeIconNames,
-    //     | "progressStepperComplete"
-    //     | "progressStepperCurrent"
-    //     | "progressStepperWarning"
-    //     | "progressStepperError"
-    //   >
-    // > = {
-    //   completed: "progressStepperComplete",
-    //   current: "progressStepperCurrent",
-    //   warning: "progressStepperWarning",
-    //   error: "progressStepperError",
-    // };
     var _b;
-    var title = _a.title, titleHref = _a.titleHref, subTitle = _a.subTitle, _c = _a.direction, direction = _c === void 0 ? "horizontal" : _c, _d = _a.status, status = _d === void 0 ? "todo" : _d, _e = _a.size, size = _e === void 0 ? "large" : _e, isFluid = _a.isFluid, ariaLabel = _a.ariaLabel, onClick = _a.onClick, previousStep = _a.previousStep, stepContent = _a.stepContent, isStepContentHidden = _a.isStepContentHidden, props = index.__rest(_a, ["title", "titleHref", "subTitle", "direction", "status", "size", "isFluid", "ariaLabel", "onClick", "previousStep", "stepContent", "isStepContentHidden"]);
+    var title = _a.title, titleHref = _a.titleHref, subTitle = _a.subTitle, _c = _a.direction, direction = _c === void 0 ? "horizontal" : _c, _d = _a.status, status = _d === void 0 ? "todo" : _d, _e = _a.size, size = _e === void 0 ? "large" : _e, isFluid = _a.isFluid, ariaLabel = _a.ariaLabel, onClick = _a.onClick, previousStep = _a.previousStep, stepContent = _a.stepContent, isStepContentHidden = _a.isStepContentHidden, props = index_es.__rest(_a, ["title", "titleHref", "subTitle", "direction", "status", "size", "isFluid", "ariaLabel", "onClick", "previousStep", "stepContent", "isStepContentHidden"]);
     var statusIcons = {
-        todo: Todo,
+        todo: undefined,
         completed: Complete,
         current: Current,
         warning: Warning,
@@ -75,21 +52,20 @@ var ProgressStepperItem = function (_a) {
     var capitaliseFirstLetter = function (word) {
         return word.charAt(0).toUpperCase() + word.slice(1);
     };
-    return (React__default["default"].createElement("div", index.__assign({ className: index$1.classNames("arc-ProgressStepperItem", "arc-ProgressStepperItem--".concat(status), "arc-ProgressStepperItem--".concat(size), (_b = {
+    return (React__default["default"].createElement("div", index_es.__assign({ className: index.classNames("arc-ProgressStepperItem", "arc-ProgressStepperItem--".concat(status), "arc-ProgressStepperItem--".concat(size), (_b = {
                 "arc-ProgressStepperItem--vertical": direction === "vertical",
                 "arc-ProgressStepperItem--isFluid": isFluid && direction !== "vertical",
                 "arc-ProgressStepperItem--previousStepCompleted": previousStep === "completed"
             },
             _b["arc-ProgressStepperItem--hasInteractiveStatus"] = status !== "todo",
-            _b)) }, index.filterDataAttrs(props)),
+            _b)) }, index_es.filterDataAttrs(props)),
         React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-iconSection" },
-            React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-iconWrapper", "data-testid": "arc-ProgressStepperItem-iconWrapper" }, statusIcons[status] === undefined ? (React__default["default"].createElement("div", { style: {
-                    width: size === "small" ? "16px" : "24px",
-                    height: size === "small" ? "16px" : "24px"
-                } })) : (React__default["default"].createElement("span", { className: "arc-ProgressStepperItem-statusIcon" },
-                React__default["default"].createElement(Icon.Icon, { size: size === "small" ? 16 : 24, icon: statusIcons[status] }))))),
+            React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-iconWrapper", "data-testid": "arc-ProgressStepperItem-iconWrapper" },
+                React__default["default"].createElement("span", { className: index.classNames("arc-ProgressStepperItem-statusIcon", {
+                        "arc-ProgressStepperItem-statusIcon--small": size === "small"
+                    }) }, status === "todo" ? null : status === "current" ? (React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-statusIconInner" })) : (React__default["default"].createElement(Icon.Icon, { icon: statusIcons[status] }))))),
         React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-textSection" },
-            titleHref || onClick ? (React__default["default"].createElement("a", { role: !titleHref && onClick ? "button" : undefined, href: titleHref, "aria-label": ariaLabel, className: index$1.classNames("arc-ProgressStepperItem-title", "arc-ProgressStepperItem-title--link"), onClick: onClickHandler },
+            titleHref || onClick ? (React__default["default"].createElement("a", { role: !titleHref && onClick ? "button" : undefined, href: titleHref, "aria-label": ariaLabel, className: index.classNames("arc-ProgressStepperItem-title", "arc-ProgressStepperItem-title--link"), onClick: onClickHandler },
                 title,
                 status !== "todo" ? (React__default["default"].createElement(VisuallyHidden.VisuallyHidden, null,
                     ":",
@@ -105,16 +81,16 @@ var ProgressStepperItem = function (_a) {
 
 /** Use `ProgressStepper` to provide an overview of a series of steps in a digital journey. */
 var ProgressStepper = function (_a) {
-    var children = _a.children, size = _a.size, isFluid = _a.isFluid, direction = _a.direction, isExpandable = _a.isExpandable, props = index.__rest(_a, ["children", "size", "isFluid", "direction", "isExpandable"]);
+    var children = _a.children, size = _a.size, isFluid = _a.isFluid, direction = _a.direction, isExpandable = _a.isExpandable, props = index_es.__rest(_a, ["children", "size", "isFluid", "direction", "isExpandable"]);
     var items = React__default["default"].Children.toArray(children);
     var getStepStatus = function (item) {
         var _a;
         return (_a = item === null || item === void 0 ? void 0 : item.props) === null || _a === void 0 ? void 0 : _a.status;
     };
-    return (React__default["default"].createElement("div", index.__assign({ className: index$1.classNames("arc-ProgressStepper", {
+    return (React__default["default"].createElement("div", index_es.__assign({ className: index.classNames("arc-ProgressStepper", {
             "arc-ProgressStepper--vertical": direction === "vertical"
-        }) }, index.filterDataAttrs(props)), items.map(function (item, index$1) { return (React__default["default"].createElement(React__default["default"].Fragment, { key: "StepperItem-".concat(index$1) },
-        React__default["default"].createElement(ProgressStepperItem, index.__assign({ title: item.props.title, titleHref: item.props.titleHref, subTitle: item.props.subTitle, status: item.props.status, stepContent: item.props.stepContent, isStepContentHidden: item.props.isStepContentHidden, onClick: item.props.onClick, isFluid: isFluid, direction: direction, isExpandable: isExpandable, size: size, previousStep: getStepStatus(items[index$1 - 1]) }, index.filterDataAttrs(item.props))))); })));
+        }) }, index_es.filterDataAttrs(props)), items.map(function (item, index) { return (React__default["default"].createElement(React__default["default"].Fragment, { key: "StepperItem-".concat(index) },
+        React__default["default"].createElement(ProgressStepperItem, index_es.__assign({ title: item.props.title, titleHref: item.props.titleHref, subTitle: item.props.subTitle, status: item.props.status, stepContent: item.props.stepContent, isStepContentHidden: item.props.isStepContentHidden, onClick: item.props.onClick, isFluid: isFluid, direction: direction, isExpandable: isExpandable, size: size, previousStep: getStepStatus(items[index - 1]) }, index_es.filterDataAttrs(item.props))))); })));
 };
 ProgressStepper.Item = ProgressStepperItem;
 

package/dist/_shared/cjs/{RadioGroup-a4186267.js → RadioGroup-11f4b232.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-df60851b.js');
+var index_es = require('./index.es-c26e8978.js');
 var React = require('react');
-var FormControl = require('./FormControl-88d48f42.js');
-var index$1 = require('./index-9947ac13.js');
-var Surface = require('./Surface-8599dbe4.js');
-var VisuallyHidden = require('./VisuallyHidden-b0de4c7b.js');
+var FormControl = require('./FormControl-0fba93b8.js');
+var index = require('./index-9947ac13.js');
+var Surface = require('./Surface-1b5c2ac8.js');
+var VisuallyHidden = require('./VisuallyHidden-25393f58.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -19,10 +19,10 @@ var useRadioContext = function () {
 };
 
 var RadioButton = React.forwardRef(function (_a, ref) {
-    var id = _a.id, changeEvent = _a.changeEvent, isDisabled = _a.isDisabled, size = _a.size, labelSize = _a.labelSize, checked = _a.checked, defaultChecked = _a.defaultChecked, radioButtonAlignment = _a.radioButtonAlignment, name = _a.name, blurEvent = _a.blurEvent, value = _a.value, label = _a.label, helper = _a.helper, hideLabel = _a.hideLabel, withMargin = _a.withMargin, props = index.__rest(_a, ["id", "changeEvent", "isDisabled", "size", "labelSize", "checked", "defaultChecked", "radioButtonAlignment", "name", "blurEvent", "value", "label", "helper", "hideLabel", "withMargin"]);
+    var id = _a.id, changeEvent = _a.changeEvent, isDisabled = _a.isDisabled, size = _a.size, labelSize = _a.labelSize, checked = _a.checked, defaultChecked = _a.defaultChecked, radioButtonAlignment = _a.radioButtonAlignment, name = _a.name, blurEvent = _a.blurEvent, value = _a.value, label = _a.label, helper = _a.helper, hideLabel = _a.hideLabel, withMargin = _a.withMargin;
     var surface = React.useContext(Surface.Context).surface;
     var idLabel = "".concat(id, "-label");
-    return (React__default["default"].createElement("div", index.__assign({ className: index$1.classNames({
+    return (React__default["default"].createElement("div", { className: index.classNames({
             "arc-RadioButton": true,
             "arc-RadioButton--withMargin": withMargin,
             "arc-RadioButton--withMarginSmall": withMargin && size === "s",
@@ -30,12 +30,12 @@ var RadioButton = React.forwardRef(function (_a, ref) {
             "arc-RadioButton--small": size === "s",
             "arc-RadioButton--smallLabel": labelSize === "s",
             "arc-RadioButton--onDarkSurface": surface === "dark"
-        }) }, index.filterDataAttrs(props)),
-        React__default["default"].createElement("label", { className: index$1.classNames("arc-RadioButton-label", {
+        }) },
+        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: checked, defaultChecked: defaultChecked, disabled: isDisabled, id: id, name: name, onBlur: blurEvent, onChange: changeEvent, ref: ref, type: "radio", value: value, "aria-checked": checked }),
-            React__default["default"].createElement("span", { className: index$1.classNames({
+            React__default["default"].createElement("span", { className: index.classNames({
                     "arc-RadioButton-label--marginTop": radioButtonAlignment === "top"
                 }) },
                 hideLabel ? React__default["default"].createElement(VisuallyHidden.VisuallyHidden, null, label) : label,
@@ -46,19 +46,19 @@ var RadioButton = React.forwardRef(function (_a, ref) {
  * Radio Button component.
  */
 var RadioButtonGroupInput = React.forwardRef(function (_a, ref) {
-    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 = index.__rest(_a, ["helper", "id", "isDisabled", "label", "radioButtonAlignment", "value"]);
+    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 = index_es.__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 isChecked = checkedValue === value ? true : false;
     var checked = typeof changeEvent !== "function" ? undefined : isChecked;
     var defaultChecked = typeof changeEvent !== "function" ? isChecked : undefined;
-    return (React__default["default"].createElement(RadioButton, index.__assign({ withMargin: true, ref: ref, id: id, name: name, helper: helper, isDisabled: isDisabled || groupDisabled, labelSize: labelSize, size: size, radioButtonAlignment: radioButtonAlignment, label: label, defaultChecked: defaultChecked, checked: checked, changeEvent: changeEvent, blurEvent: blurEvent, value: value }, props)));
+    return (React__default["default"].createElement(RadioButton, index_es.__assign({ withMargin: true, ref: ref, id: id, name: name, helper: helper, isDisabled: isDisabled || groupDisabled, labelSize: labelSize, size: size, radioButtonAlignment: radioButtonAlignment, label: label, defaultChecked: defaultChecked, checked: checked, changeEvent: changeEvent, blurEvent: blurEvent, value: value }, props)));
 });
 
 /**
  * Use `RadioGroup` to wrap and control radio buttons and apply default values
  */
 var RadioGroup = function (_a) {
-    var children = _a.children, checkedValue = _a.checkedValue, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, id = _a.id, errorMessage = _a.errorMessage, _c = _a.isRequired, isRequired = _c === void 0 ? true : _c, helper = _a.helper, label = _a.label, _d = _a.labelSize, labelSize = _d === void 0 ? "l" : _d, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, _e = _a.size, size = _e === void 0 ? "l" : _e, props = index.__rest(_a, ["children", "checkedValue", "isDisabled", "id", "errorMessage", "isRequired", "helper", "label", "labelSize", "name", "onBlur", "onChange", "size"]);
+    var children = _a.children, checkedValue = _a.checkedValue, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, id = _a.id, errorMessage = _a.errorMessage, _c = _a.isRequired, isRequired = _c === void 0 ? true : _c, helper = _a.helper, label = _a.label, _d = _a.labelSize, labelSize = _d === void 0 ? "l" : _d, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, _e = _a.size, size = _e === void 0 ? "l" : _e, props = index_es.__rest(_a, ["children", "checkedValue", "isDisabled", "id", "errorMessage", "isRequired", "helper", "label", "labelSize", "name", "onBlur", "onChange", "size"]);
     React.useEffect(function () {
         React__default["default"].Children.map(children, function (item) {
             if (item && item.type !== RadioButtonGroupInput) {
@@ -75,7 +75,7 @@ var RadioGroup = function (_a) {
             name: name,
             size: size
         } },
-        React__default["default"].createElement("div", index.__assign({ className: "arc-RadioGroup" }, index.filterDataAttrs(props)),
+        React__default["default"].createElement("div", index_es.__assign({ className: "arc-RadioGroup" }, index_es.filterDataAttrs(props)),
             React__default["default"].createElement(FormControl.FormControl, { elementType: "fieldset", label: label, labelSize: labelSize, helper: helper, id: id, requirementStatus: isRequired ? "required" : "optional", helperUnderLabel: true, errorMessage: isRequired && checkedValue === "" ? errorMessage : "" },
                 React__default["default"].createElement("span", { className: "arc-RadioGroup-radioButtonContainer" }, children)))));
 };

package/dist/_shared/cjs/{Section-ecfc659b.js → Section-46646353.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-df60851b.js');
-var index$1 = require('./index-9947ac13.js');
+var index_es = require('./index.es-c26e8978.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 }; }
@@ -12,12 +12,12 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  * Use `Section` to compose content into vertical page layouts.
  */
 var Section = function (_a) {
-    var children = _a.children, _b = _a.isFullWidth, isFullWidth = _b === void 0 ? false : _b, _c = _a.isDebugVisible, isDebugVisible = _c === void 0 ? false : _c, props = index.__rest(_a, ["children", "isFullWidth", "isDebugVisible"]);
-    return (React__default["default"].createElement("div", index.__assign({ className: index$1.classNames({
+    var children = _a.children, _b = _a.isFullWidth, isFullWidth = _b === void 0 ? false : _b, _c = _a.isDebugVisible, isDebugVisible = _c === void 0 ? false : _c, props = index_es.__rest(_a, ["children", "isFullWidth", "isDebugVisible"]);
+    return (React__default["default"].createElement("div", index_es.__assign({ className: index.classNames({
             "arc-Section": true,
             "arc-Section--fullWidth": isFullWidth,
             "arc-Section--debugVisible": isDebugVisible
-        }) }, index.filterDataAttrs(props)), children));
+        }) }, index_es.filterDataAttrs(props)), children));
 };
 
 exports.Section = Section;

package/dist/_shared/cjs/{SiteFooter-7c4072b5.js → SiteFooter-d839f66a.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-df60851b.js');
-var index_es = require('./index.es-16759329.js');
+var index_es = require('./index.es-c26e8978.js');
+var index_es$1 = require('./index.es-f23456fa.js');
 var React = require('react');
-var BrandLogo = require('./BrandLogo-1d2ca2c7.js');
+var BrandLogo = require('./BrandLogo-d4a6fd05.js');
 var useMediaQuery = require('./use-media-query-d34c83b9.js');
-var Section = require('./Section-ecfc659b.js');
-var Surface = require('./Surface-8599dbe4.js');
+var Section = require('./Section-46646353.js');
+var Surface = require('./Surface-1b5c2ac8.js');
 var handleLinkClick = require('./handle-link-click-17a44cf4.js');
-var ThemeIcon = require('./ThemeIcon-ee814862.js');
+var ThemeIcon = require('./ThemeIcon-7f537bd2.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -18,7 +18,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  * Use `SiteFooter` to display information at the bottom of a page.
  */
 var SiteFooter = function (_a) {
-    var children = _a.children, currentYear = _a.currentYear, logoLabel = _a.logoLabel, main = _a.main, siteName = _a.siteName, props = index.__rest(_a, ["children", "currentYear", "logoLabel", "main", "siteName"]);
+    var children = _a.children, currentYear = _a.currentYear, logoLabel = _a.logoLabel, main = _a.main, siteName = _a.siteName, props = index_es.__rest(_a, ["children", "currentYear", "logoLabel", "main", "siteName"]);
     React.useEffect(function () {
         React__default["default"].Children.map(children, function (item) {
             if (item && item.type !== SiteFooterItem) {
@@ -27,7 +27,7 @@ var SiteFooter = function (_a) {
         });
     }, [children]);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement("footer", index.__assign({ className: "arc-SiteFooter" }, index.filterDataAttrs(props)),
+        React__default["default"].createElement("footer", index_es.__assign({ className: "arc-SiteFooter" }, index_es.filterDataAttrs(props)),
             React__default["default"].createElement(Surface.Surface, { background: "dark-brand-01", paddingVertical: "24" },
                 (siteName || main) && (React__default["default"].createElement(React__default["default"].Fragment, null,
                     React__default["default"].createElement(Section.Section, null,
@@ -44,7 +44,7 @@ var SiteFooter = function (_a) {
 };
 var SiteFooterItemGroup = function (_a) {
     var children = _a.children, title = _a.title;
-    var isMinWidthArcBreakpointM = useMediaQuery.useMediaQuery("(min-width: ".concat(index_es.SemSizeBreakpointsM, ")"));
+    var isMinWidthArcBreakpointM = useMediaQuery.useMediaQuery("(min-width: ".concat(index_es$1.SemSizeBreakpointsM, ")"));
     React.useEffect(function () {
         React__default["default"].Children.map(children, function (item) {
             if (item && item.type !== SiteFooterItem && item.type !== React.Fragment) {
@@ -60,8 +60,8 @@ var SiteFooterItemGroup = function (_a) {
         React__default["default"].createElement("ul", { className: "arc-SiteFooter-mainItems" }, children)));
 };
 var SiteFooterItem = function (_a) {
-    var children = _a.children, href = _a.href, onClick = _a.onClick, props = index.__rest(_a, ["children", "href", "onClick"]);
-    return (React__default["default"].createElement("li", index.__assign({ className: "arc-SiteFooter-item" }, index.filterDataAttrs(props)),
+    var children = _a.children, href = _a.href, onClick = _a.onClick, props = index_es.__rest(_a, ["children", "href", "onClick"]);
+    return (React__default["default"].createElement("li", index_es.__assign({ className: "arc-SiteFooter-item" }, index_es.filterDataAttrs(props)),
         React__default["default"].createElement("a", { onClick: handleLinkClick.handleLinkClick({ handler: onClick }), className: "arc-SiteFooter-link", href: href }, children)));
 };
 SiteFooter.Item = SiteFooterItem;