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

package/dist/_shared/cjs/Badge-1f86304b.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var index_es = require('./index.es-c26e8978.js');
+var React = require('react');
+var index = require('./index-9947ac13.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+/** Use `Badge` as a static, non-interactive way to provide short updates. */
+var Badge = function (_a) {
+    var children = _a.children, _b = _a.state, state = _b === void 0 ? "default" : _b, ariaLabel = _a.ariaLabel, ariaRole = _a.ariaRole, props = index_es.__rest(_a, ["children", "state", "ariaLabel", "ariaRole"]);
+    return (React__default["default"].createElement("div", index_es.__assign({ className: index.classNames("arc-Badge", index_es.suffixModifier("arc-Badge--state", state)) }, (ariaLabel && { "aria-label": ariaLabel }), (ariaRole && { role: ariaRole }), index_es.filterDataAttrs(props)), children));
+};
+
+exports.Badge = Badge;

package/dist/_shared/cjs/Box-d177ee32.js

@@ -0,0 +1,29 @@
+'use strict';
+
+var index_es = require('./index.es-c26e8978.js');
+var React = require('react');
+var index = require('./index-9947ac13.js');
+var Surface = require('./Surface-1b5c2ac8.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+/**
+ * Use `Box` as a simple way to group bespoke content and interactive elements together.
+ */
+var Box = function (_a) {
+    var _b;
+    var children = _a.children, borderWidth = _a.borderWidth, elevationLevel = _a.elevationLevel, padding = _a.padding, _c = _a.isFullHeight, isFullHeight = _c === void 0 ? false : _c, _d = _a.isBorderRadius, isBorderRadius = _d === void 0 ? false : _d, _e = _a.surface, surface = _e === void 0 ? "light-white" : _e, isSurfaceTransparent = _a.isSurfaceTransparent, props = index_es.__rest(_a, ["children", "borderWidth", "elevationLevel", "padding", "isFullHeight", "isBorderRadius", "surface", "isSurfaceTransparent"]);
+    return (React__default["default"].createElement("div", index_es.__assign({ className: index.classNames("arc-Box", (_b = {},
+            _b["arc-Box--fullHeight"] = isFullHeight,
+            _b["arc-Box--borderRadius"] = isBorderRadius,
+            _b["arc-Box--borderThin"] = borderWidth === "thin",
+            _b["arc-Box--borderMedium"] = borderWidth === "medium",
+            _b["arc-Box--elevation1"] = elevationLevel === "1",
+            _b["arc-Box--elevation2"] = elevationLevel === "2",
+            _b)) }, index_es.filterDataAttrs(props)),
+        React__default["default"].createElement(Surface.Surface, { padding: padding, background: surface, isTransparent: isSurfaceTransparent }, children)));
+};
+
+exports.Box = Box;

package/dist/_shared/cjs/{BrandLogo-ce65cd74.js → BrandLogo-d4a6fd05.js}

@@ -3,7 +3,7 @@
 var index_es = require('./index.es-c26e8978.js');
 var index = require('./index-9947ac13.js');
 var React = require('react');
-var Surface = require('./Surface-7500f314.js');
+var Surface = require('./Surface-1b5c2ac8.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/_shared/cjs/{Breadcrumbs-c7821aa9.js → Breadcrumbs-ca30086e.js}

@@ -3,7 +3,7 @@
 var index_es = require('./index.es-c26e8978.js');
 var React = require('react');
 var debounce = require('./debounce-a74c28cf.js');
-var ThemeIcon = require('./ThemeIcon-c3dc056d.js');
+var ThemeIcon = require('./ThemeIcon-7f537bd2.js');
 var index = require('./index-9947ac13.js');
 var handleLinkClick = require('./handle-link-click-17a44cf4.js');
 

package/dist/_shared/cjs/{Button-ea665c9c.js → Button-a2150286.js}

@@ -3,9 +3,9 @@
 var index_es = require('./index.es-c26e8978.js');
 var index = require('./index-9947ac13.js');
 var React = require('react');
-var Icon = require('./Icon-7f1e8a19.js');
-var Surface = require('./Surface-7500f314.js');
-var ThemeIcon = require('./ThemeIcon-c3dc056d.js');
+var Icon = require('./Icon-08447959.js');
+var Surface = require('./Surface-1b5c2ac8.js');
+var ThemeIcon = require('./ThemeIcon-7f537bd2.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/_shared/cjs/{ButtonV2-373877da.js → ButtonV2-7c437d1a.js}

@@ -3,9 +3,9 @@
 var index_es = require('./index.es-c26e8978.js');
 var React = require('react');
 var index = require('./index-9947ac13.js');
-var Icon = require('./Icon-7f1e8a19.js');
-var Surface = require('./Surface-7500f314.js');
-var ArcIconEclipse_esm = require('./ArcIconEclipse.esm-ac777a76.js');
+var Icon = require('./Icon-08447959.js');
+var Surface = require('./Surface-1b5c2ac8.js');
+var Spinner = require('./Spinner-56122c43.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -14,6 +14,11 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var ButtonV2 = React.forwardRef(function (_a, ref) {
     var label = _a.label, _b = _a.buttonStyle, buttonStyle = _b === void 0 ? "primary" : _b, icon = _a.icon, _c = _a.iconPosition, iconPosition = _c === void 0 ? "beforeText" : _c, _d = _a.size, size = _d === void 0 ? "m" : _d, ariaLabel = _a.ariaLabel, _e = _a.isFullWidth, isFullWidth = _e === void 0 ? false : _e, _f = _a.isLoading, isLoading = _f === void 0 ? false : _f, onClick = _a.onClick, href = _a.href, id = _a.id, rel = _a.rel, target = _a.target, type = _a.type, form = _a.form, props = index_es.__rest(_a, ["label", "buttonStyle", "icon", "iconPosition", "size", "ariaLabel", "isFullWidth", "isLoading", "onClick", "href", "id", "rel", "target", "type", "form"]);
     var surface = React.useContext(Surface.Context).surface;
+    var iconSizes = {
+        s: 16,
+        m: 32,
+        l: 40
+    };
     var ButtonV2Classes = index.classNames("arc-ButtonV2", ["arc-ButtonV2--".concat(buttonStyle)], ["arc-ButtonV2--".concat(size)], {
         "arc-ButtonV2--onDarkSurface": surface === "dark",
         "arc-ButtonV2--emptyLabel": !label,
@@ -30,9 +35,9 @@ var ButtonV2 = React.forwardRef(function (_a, ref) {
                 }) },
                 label && React__default["default"].createElement("span", { className: "arc-ButtonV2-label" }, label),
                 isLoading && (React__default["default"].createElement("span", { className: "arc-ButtonV2-icon" },
-                    React__default["default"].createElement(Icon.Icon, { size: size === "s" ? 16 : 32, icon: ArcIconEclipse_esm.ArcIconEclipse }))),
+                    React__default["default"].createElement(Spinner.Spinner, { size: size }))),
                 icon && !isLoading && (React__default["default"].createElement("span", { className: "arc-ButtonV2-icon" },
-                    React__default["default"].createElement(Icon.Icon, { size: size === "s" ? 16 : 32, icon: icon }))))));
+                    React__default["default"].createElement(Icon.Icon, { size: iconSizes[size], icon: icon }))))));
     }
     return (React__default["default"].createElement("button", index_es.__assign({}, commonProps, { className: ButtonV2Classes, "aria-label": ariaLabel, disabled: isLoading, type: type, form: form }),
         React__default["default"].createElement("span", { className: index.classNames("arc-ButtonV2-inner", {
@@ -40,9 +45,9 @@ var ButtonV2 = React.forwardRef(function (_a, ref) {
             }) },
             label && React__default["default"].createElement("span", { className: "arc-ButtonV2-label" }, label),
             icon && !isLoading && (React__default["default"].createElement("span", { className: "arc-ButtonV2-icon" },
-                React__default["default"].createElement(Icon.Icon, { size: size === "s" ? 16 : 32, icon: icon }))),
+                React__default["default"].createElement(Icon.Icon, { size: iconSizes[size], icon: icon }))),
             isLoading && (React__default["default"].createElement("span", { className: "arc-ButtonV2-icon" },
-                React__default["default"].createElement(Icon.Icon, { size: size === "s" ? 16 : 32, icon: ArcIconEclipse_esm.ArcIconEclipse }))))));
+                React__default["default"].createElement(Spinner.Spinner, { size: size }))))));
 });
 
 exports.ButtonV2 = ButtonV2;

package/dist/_shared/cjs/{Calendar-e5184158.js → Calendar-9b4b01c8.js}

@@ -3,15 +3,15 @@
 var index_es = require('./index.es-c26e8978.js');
 var React = require('react');
 var index = require('./index-28fbfd5b.js');
-var index_es$1 = require('./index.es-ba095ee5.js');
+var index_es$1 = require('./index.es-f23456fa.js');
 var useMediaQuery = require('./use-media-query-d34c83b9.js');
 var index$1 = require('./index-9947ac13.js');
-var Text = require('./Text-284a7314.js');
+var Text = require('./Text-c187d9ef.js');
 var VisuallyHidden = require('./VisuallyHidden-25393f58.js');
-var Surface = require('./Surface-7500f314.js');
-var Heading = require('./Heading-14378b72.js');
+var Surface = require('./Surface-1b5c2ac8.js');
+var Heading = require('./Heading-25d11688.js');
 var BtIconChevronRightMid_esm = require('./BtIconChevronRightMid.esm-3e8d18a9.js');
-var Icon = require('./Icon-7f1e8a19.js');
+var Icon = require('./Icon-08447959.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -1123,7 +1123,7 @@ var CalendarDayNumber = React.forwardRef(function (_a, autoFocusRef) {
         onClick: onDayNumberClick(date),
         onMouseEnter: onDayNumberHover(date)
     };
-    return (React__default["default"].createElement("td", index_es.__assign({ ref: handleRefs, "data-date": date.getTime() }, (shouldRender ? tableCellProps : {})), shouldRender && (React__default["default"].createElement(React__default["default"].Fragment, null,
+    return (React__default["default"].createElement("td", index_es.__assign({ ref: handleRefs, "data-date": date.getTime() }, (shouldRender ? tableCellProps : {}), { role: "gridcell" }), shouldRender && (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement(VisuallyHidden.VisuallyHidden, null, index.format(date, "MMMM do, yyyy")),
         React__default["default"].createElement("div", { className: "arc-CalendarDayNumber-buttonOuter" },
             React__default["default"].createElement("div", { className: "arc-CalendarDayNumber-buttonInner" },

package/dist/_shared/cjs/{CardFooter-a1bb3ded.js → CardFooter-68235081.js}

@@ -4,7 +4,7 @@ var React = require('react');
 var index = require('./index-9947ac13.js');
 var BtIconArrowRight_esm = require('./BtIconArrowRight.esm-6053bb79.js');
 var BtIconPlayFill_esm = require('./BtIconPlayFill.esm-b8997cfc.js');
-var Icon = require('./Icon-7f1e8a19.js');
+var Icon = require('./Icon-08447959.js');
 var index$1 = require('./index-28fbfd5b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -71,9 +71,9 @@ var CardFooter = function (_a) {
                     React__default["default"].createElement("div", { className: index.classNames("arc-CardFooter-buttonIconRight", {
                             "arc-CardFooter-buttonIconRight--isHovered": isHovered
                         }) },
-                        React__default["default"].createElement(Icon.Icon, { icon: icons[buttonIcon].regular, size: 40 })),
+                        React__default["default"].createElement(Icon.Icon, { icon: icons[buttonIcon].regular })),
                     React__default["default"].createElement("div", { className: "arc-CardFooter-buttonIconLeft" },
-                        React__default["default"].createElement(Icon.Icon, { icon: icons[buttonIcon].regular, size: 40 }))))))));
+                        React__default["default"].createElement(Icon.Icon, { icon: icons[buttonIcon].regular }))))))));
 };
 
 exports.CardFooter = CardFooter;

package/dist/_shared/cjs/{CardHeading-3ddcf774.js → CardHeading-88edadd4.js}

@@ -2,7 +2,7 @@
 
 var index_es = require('./index.es-c26e8978.js');
 var React = require('react');
-var Heading = require('./Heading-14378b72.js');
+var Heading = require('./Heading-25d11688.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/_shared/cjs/{Checkbox-850dcf99.js → Checkbox-f6712cc5.js}

@@ -3,9 +3,9 @@
 var index_es = require('./index.es-c26e8978.js');
 var React = require('react');
 var index = require('./index-9947ac13.js');
-var FormControl = require('./FormControl-5c963e6e.js');
-var Surface = require('./Surface-7500f314.js');
-var ThemeIcon = require('./ThemeIcon-c3dc056d.js');
+var FormControl = require('./FormControl-0fba93b8.js');
+var Surface = require('./Surface-1b5c2ac8.js');
+var ThemeIcon = require('./ThemeIcon-7f537bd2.js');
 var VisuallyHidden = require('./VisuallyHidden-25393f58.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -16,13 +16,17 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  *  Use `Checkbox` to allow users to select individual options.
  */
 var Checkbox = React.forwardRef(function (_a, ref) {
-    var _b = _a.checked, checked = _b === void 0 ? false : _b, errorMessage = _a.errorMessage, helper = _a.helper, id = _a.id, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isRequired, isRequired = _d === void 0 ? false : _d, label = _a.label, _e = _a.hideLabel, hideLabel = _e === void 0 ? false : _e, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, _f = _a.size, size = _f === void 0 ? "l" : _f, value = _a.value, _g = _a.checkboxAlignment, checkboxAlignment = _g === void 0 ? "center" : _g, props = index_es.__rest(_a, ["checked", "errorMessage", "helper", "id", "isDisabled", "isRequired", "label", "hideLabel", "name", "onBlur", "onChange", "size", "value", "checkboxAlignment"]);
+    var _b = _a.checked, checked = _b === void 0 ? false : _b, errorMessage = _a.errorMessage, helper = _a.helper, id = _a.id, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isRequired, isRequired = _d === void 0 ? false : _d, label = _a.label, _e = _a.hideLabel, hideLabel = _e === void 0 ? false : _e, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, _f = _a.size, size = _f === void 0 ? "m" : _f, value = _a.value, _g = _a.checkboxAlignment, checkboxAlignment = _g === void 0 ? "center" : _g, props = index_es.__rest(_a, ["checked", "errorMessage", "helper", "id", "isDisabled", "isRequired", "label", "hideLabel", "name", "onBlur", "onChange", "size", "value", "checkboxAlignment"]);
     var requirementStatus = React.useContext(FormControl.Context).requirementStatus;
     var surface = React.useContext(Surface.Context).surface;
     var _h = FormControl.useAriaDescribedby({
         id: id,
         errorMessage: errorMessage
     }), ariaDescribedby = _h.ariaDescribedby, idError = _h.idError;
+    var tickSize = {
+        s: { width: 14, height: 11 },
+        m: { width: 18, height: 14 }
+    };
     var idLabel = "".concat(id, "-label");
     var checkedProps = {};
     if (typeof onChange === "function") {
@@ -46,7 +50,8 @@ var Checkbox = React.forwardRef(function (_a, ref) {
             }) },
             React__default["default"].createElement("input", index_es.__assign({ "aria-describedby": ariaDescribedby, "aria-invalid": errorMessage ? "true" : "false", "aria-checked": checked ? "true" : "false", className: "arc-Checkbox-input" }, checkedProps, { disabled: isDisabled, id: id, name: name, onBlur: onBlur, onChange: onChange, ref: ref, required: isRequired, type: "checkbox", value: value }, index_es.filterDataAttrs(props))),
             React__default["default"].createElement("span", { className: "arc-Checkbox-box" },
-                React__default["default"].createElement(ThemeIcon.ThemeIcon, { icon: "checkboxChecked" })),
+                React__default["default"].createElement("svg", { style: tickSize[size], viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                    React__default["default"].createElement("path", { d: "M5.99459 14L0.350576 8.23277C0.126079 8.00285 0 7.69132 0 7.36653C0 7.04173 0.126079 6.7302 0.350576 6.50028C0.578979 6.27752 0.88258 6.15324 1.19832 6.15324C1.51405 6.15324 1.81765 6.27752 2.04606 6.50028L5.99459 10.535L15.9385 0.374054C16.0491 0.25703 16.1814 0.163688 16.3277 0.0994738C16.474 0.0352599 16.6313 0.00145997 16.7905 4.626e-05C16.9497 -0.00136745 17.1076 0.0296342 17.255 0.0912406C17.4023 0.152847 17.5362 0.243825 17.6488 0.358867C17.7614 0.473908 17.8504 0.610709 17.9107 0.761287C17.971 0.911865 18.0013 1.0732 18 1.23589C17.9986 1.39858 17.9655 1.55936 17.9026 1.70884C17.8398 1.85833 17.7485 1.99352 17.6339 2.10655L5.99459 14Z", fill: "currentColor" }))),
             React__default["default"].createElement("span", index_es.__assign({}, (checkboxAlignment === "top" && {
                 className: "arc-Checkbox-content--marginTop"
             })), hideLabel ? (React__default["default"].createElement(VisuallyHidden.VisuallyHidden, null,

package/dist/_shared/cjs/ContentSwitcher-88b00e11.js

@@ -0,0 +1,98 @@
+'use strict';
+
+var index_es = require('./index.es-c26e8978.js');
+var React = require('react');
+var index = require('./index-1e7a1fce.js');
+var Text = require('./Text-c187d9ef.js');
+var index$1 = require('./index-9947ac13.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ContentSwitcherTab = React.forwardRef(function (_a, ref) {
+    var label = _a.label, value = _a.value, onClick = _a.onClick, props = index_es.__rest(_a, ["label", "value", "onClick"]);
+    return (React__default["default"].createElement(index.$69cb30bb0017df05$export$41fb9f06171c75f4, index_es.__assign({ className: "arc-ContentSwitcherTab", value: value, ref: ref, onClick: onClick }, index_es.filterDataAttrs(props)),
+        React__default["default"].createElement(Text.Text, { size: "m" }, label)));
+});
+
+var ContentSwitcherContent = function (_a) {
+    var children = _a.children, value = _a.value;
+    return (React__default["default"].createElement(index.$69cb30bb0017df05$export$7c6e2c02157bb7d2, { className: "arc-ContentSwitcherContent", value: value }, children));
+};
+
+var ContentSwitcherList = function (_a) {
+    var children = _a.children, type = _a.type, isJustified = _a.isJustified, ariaLabel = _a.ariaLabel, isInset = _a.isInset, props = index_es.__rest(_a, ["children", "type", "isJustified", "ariaLabel", "isInset"]);
+    var _b = React.useState(false), rightOverflow = _b[0], setRightOverflow = _b[1];
+    var _c = React.useState(false), leftOverflow = _c[0], setLeftOverflow = _c[1];
+    var tabRefs = React.useRef([]);
+    var listRef = React.useRef(null);
+    var checkOverflow = function () {
+        if (listRef.current) {
+            setRightOverflow(listRef.current.scrollLeft + listRef.current.clientWidth <
+                listRef.current.scrollWidth);
+            setLeftOverflow(listRef.current.scrollLeft > 0);
+        }
+    };
+    var scrollTabIntoView = function (tabRef) {
+        if (tabRef.current && listRef.current) {
+            var scrollLeft = tabRef.current.offsetLeft -
+                listRef.current.clientWidth / 2 +
+                tabRef.current.clientWidth / 2;
+            listRef.current.scrollTo({
+                left: scrollLeft,
+                behavior: "smooth"
+            });
+        }
+    };
+    var handleScroll = function () {
+        checkOverflow();
+    };
+    React.useEffect(function () {
+        var list = listRef.current;
+        checkOverflow();
+        if (list) {
+            list.addEventListener("scroll", handleScroll);
+        }
+        return function () {
+            if (list) {
+                list.removeEventListener("scroll", handleScroll);
+            }
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    return (React__default["default"].createElement("span", { className: "arc-ContentSwitcherList-wrapper" },
+        React__default["default"].createElement(index.$69cb30bb0017df05$export$54c2e3dc7acea9f5, index_es.__assign({ className: index$1.classNames("arc-ContentSwitcherList", {
+                "arc-ContentSwitcherList--contained": type === "contained",
+                "arc-ContentSwitcherList--isJustified": isJustified,
+                "arc-ContentSwitcherList--isInset": isInset
+            }), ref: listRef, "aria-label": ariaLabel }, index_es.filterDataAttrs(props)),
+            React__default["default"].createElement("div", { className: "arc-ContentSwitcherList-inner" }, React__default["default"].Children.map(children, function (child, index) {
+                if (tabRefs) {
+                    return React__default["default"].cloneElement(child, {
+                        ref: function (el) { return (tabRefs.current[index] = el); },
+                        onClick: function () {
+                            return scrollTabIntoView({ current: tabRefs.current[index] });
+                        }
+                    });
+                }
+                else {
+                    return null;
+                }
+            }))),
+        React__default["default"].createElement("span", { className: "arc-ContentSwitcherList-overflowWrapper" },
+            leftOverflow && (React__default["default"].createElement("div", { className: "arc-ContentSwitcherList--leftOverflow", "data-testid": "arc-ContentSwitcherList--leftOverflow" })),
+            rightOverflow && (React__default["default"].createElement("div", { className: "arc-ContentSwitcherList--rightOverflow", "data-testid": "arc-ContentSwitcherList--rightOverflow" })))));
+};
+
+/** Use `ContentSwitcher` to allow users to navigate between different sections of relevant content. */
+var ContentSwitcher = function (_a) {
+    var children = _a.children, defaultValue = _a.defaultValue, onValueChange = _a.onValueChange, activationMode = _a.activationMode, props = index_es.__rest(_a, ["children", "defaultValue", "onValueChange", "activationMode"]);
+    return (React__default["default"].createElement("span", { className: "arc-ContentSwitcher" },
+        React__default["default"].createElement(index.$69cb30bb0017df05$export$be92b6f5f03c0fe9, index_es.__assign({ className: "arc-ContentSwitcher-root", defaultValue: defaultValue, onValueChange: onValueChange, activationMode: activationMode }, index_es.filterDataAttrs(props)), children)));
+};
+ContentSwitcher.Tab = ContentSwitcherTab;
+ContentSwitcher.List = ContentSwitcherList;
+ContentSwitcher.Content = ContentSwitcherContent;
+
+exports.ContentSwitcher = ContentSwitcher;

package/dist/_shared/cjs/ContentSwitcherDropdown-ba5330ed.js

@@ -0,0 +1,47 @@
+'use strict';
+
+var index_es = require('./index.es-c26e8978.js');
+var React = require('react');
+var index = require('./index-89c323a4.js');
+var ThemeIcon = require('./ThemeIcon-7f537bd2.js');
+var component = require('./component-4e71e3d3.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ContentSwitcherDropdown = function (_a) {
+    var defaultValue = _a.defaultValue, tabs = _a.tabs, onValueChange = _a.onValueChange, children = _a.children, props = index_es.__rest(_a, ["defaultValue", "tabs", "onValueChange", "children"]);
+    var initialValue = defaultValue || tabs[0].value;
+    var _b = component.useThemeElement(), themeElement = _b[0], setThemeElement = _b[1];
+    var _c = React.useState(initialValue), selectedValue = _c[0], setSelectedValue = _c[1];
+    return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        React__default["default"].createElement(index.$cc7e05a45900e73f$export$be92b6f5f03c0fe9, { defaultValue: initialValue, onValueChange: children ? function (value) { return setSelectedValue(value); } : onValueChange },
+            React__default["default"].createElement("span", index_es.__assign({ className: "arc-ContentSwitcherDropdown-selectTriggerWrapper", ref: setThemeElement }, index_es.filterDataAttrs(props)),
+                React__default["default"].createElement(index.$cc7e05a45900e73f$export$41fb9f06171c75f4, { className: "arc-ContentSwitcherDropdown-selectTrigger" },
+                    React__default["default"].createElement(index.$cc7e05a45900e73f$export$4c8d1a57a761ef94, null),
+                    React__default["default"].createElement(index.$cc7e05a45900e73f$export$f04a61298a47a40f, { className: "arc-ContentSwitcherDropdown-selectTriggerIcon" },
+                        React__default["default"].createElement(ThemeIcon.ThemeIcon, { size: 24, icon: "selectTrigger" })))),
+            React__default["default"].createElement(index.$cc7e05a45900e73f$export$602eac185826482c, { container: themeElement },
+                React__default["default"].createElement(index.$cc7e05a45900e73f$export$7c6e2c02157bb7d2, { className: "arc-ContentSwitcherDropdown-selectContent", sideOffset: 8, position: "popper" },
+                    React__default["default"].createElement(index.$cc7e05a45900e73f$export$2f60d3ec9ad468f2, null),
+                    React__default["default"].createElement(index.$cc7e05a45900e73f$export$d5c6c08dc2d3ca7, null, tabs.map(function (item, index$1) { return (React__default["default"].createElement(index.$cc7e05a45900e73f$export$6d08773d2e66f8f2, { value: item.value, key: index$1, className: "arc-ContentSwitcherDropdown-selectItem", id: "arc-content-switcher-dropdown-trigger-".concat(item.value) },
+                        React__default["default"].createElement(index.$cc7e05a45900e73f$export$d6e5bf9c43ea9319, null, item.label),
+                        React__default["default"].createElement(index.$cc7e05a45900e73f$export$c3468e2714d175fa, null,
+                            React__default["default"].createElement(ThemeIcon.ThemeIcon, { size: 24, icon: "selectIndicator" })))); })),
+                    React__default["default"].createElement(index.$cc7e05a45900e73f$export$bf1aedc3039c8d63, null)))),
+        React__default["default"].Children.map(children, function (child) {
+            if (!React.isValidElement(child)) {
+                return null;
+            }
+            var isActive = child.props.value === selectedValue;
+            return (React__default["default"].createElement("div", index_es.__assign({ role: "tabpanel", className: "arc-ContentSwitcherDropdown-content", id: "arc-content-switcher-dropdown-content-".concat(child.props.value), "aria-labelledby": "arc-content-switcher-dropdown-trigger-".concat(child.props.value), "data-state": isActive ? "active" : "inactive", tabIndex: 0, hidden: !isActive }, index_es.filterDataAttrs(child.props)), child));
+        })));
+};
+var ContentSwitcherDropdownContent = function (_a) {
+    var children = _a.children;
+    return React__default["default"].createElement(React__default["default"].Fragment, null, children);
+};
+ContentSwitcherDropdown.Content = ContentSwitcherDropdownContent;
+
+exports.ContentSwitcherDropdown = ContentSwitcherDropdown;

package/dist/_shared/cjs/{DatePicker-2bf10a10.js → DatePicker-61d66a55.js}

@@ -7,9 +7,9 @@ var Combination = require('./Combination-854a36ce.js');
 var floatingUi_reactDom = require('./floating-ui.react-dom-08b8b87c.js');
 var jsxRuntime = require('react/jsx-runtime');
 var component = require('./component-4e71e3d3.js');
-var Calendar = require('./Calendar-e5184158.js');
+var Calendar = require('./Calendar-9b4b01c8.js');
 var index = require('./index-28fbfd5b.js');
-var TextInput = require('./TextInput-bcc3f86c.js');
+var TextInput = require('./TextInput-d39f5a80.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/_shared/cjs/{DisclosureMini-c730c24d.js → DisclosureMini-a46a4838.js}

@@ -3,9 +3,9 @@
 var index_es = require('./index.es-c26e8978.js');
 var index = require('./index-9947ac13.js');
 var React = require('react');
-var Text = require('./Text-284a7314.js');
-var Surface = require('./Surface-7500f314.js');
-var ThemeIcon = require('./ThemeIcon-c3dc056d.js');
+var Text = require('./Text-c187d9ef.js');
+var Surface = require('./Surface-1b5c2ac8.js');
+var ThemeIcon = require('./ThemeIcon-7f537bd2.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/_shared/cjs/{Filter-c42eee70.js → Filter-b6ca2a39.js}

@@ -2,7 +2,7 @@
 
 var index_es = require('./index.es-c26e8978.js');
 var React = require('react');
-var Surface = require('./Surface-7500f314.js');
+var Surface = require('./Surface-1b5c2ac8.js');
 var index = require('./index-9947ac13.js');
 var VisuallyHidden = require('./VisuallyHidden-25393f58.js');
 

package/dist/_shared/cjs/{FormControl-5c963e6e.js → FormControl-0fba93b8.js}

@@ -3,10 +3,10 @@
 var index_es = require('./index.es-c26e8978.js');
 var index = require('./index-9947ac13.js');
 var React = require('react');
-var Surface = require('./Surface-7500f314.js');
-var DisclosureMini = require('./DisclosureMini-c730c24d.js');
+var Surface = require('./Surface-1b5c2ac8.js');
+var DisclosureMini = require('./DisclosureMini-a46a4838.js');
 var VisuallyHidden = require('./VisuallyHidden-25393f58.js');
-var ThemeIcon = require('./ThemeIcon-c3dc056d.js');
+var ThemeIcon = require('./ThemeIcon-7f537bd2.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/_shared/cjs/{Group-5233a907.js → Group-7e6b78c9.js}

@@ -3,7 +3,7 @@
 var index_es = require('./index.es-c26e8978.js');
 var index = require('./index-9947ac13.js');
 var React = require('react');
-var Surface = require('./Surface-7500f314.js');
+var Surface = require('./Surface-1b5c2ac8.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/_shared/cjs/{Heading-14378b72.js → Heading-25d11688.js}

@@ -3,7 +3,7 @@
 var index_es = require('./index.es-c26e8978.js');
 var index = require('./index-9947ac13.js');
 var React = require('react');
-var Surface = require('./Surface-7500f314.js');
+var Surface = require('./Surface-1b5c2ac8.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/_shared/cjs/{HeroButton-db7d03d6.js → HeroButton-19814c26.js}

@@ -3,9 +3,9 @@
 var index_es = require('./index.es-c26e8978.js');
 var React = require('react');
 var index = require('./index-9947ac13.js');
-var Surface = require('./Surface-7500f314.js');
-var Icon = require('./Icon-7f1e8a19.js');
-var ArcIconEclipse_esm = require('./ArcIconEclipse.esm-ac777a76.js');
+var Surface = require('./Surface-1b5c2ac8.js');
+var Icon = require('./Icon-08447959.js');
+var Spinner = require('./Spinner-56122c43.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -106,7 +106,7 @@ var HeroButton = React.forwardRef(function (_a, ref) {
             React__default["default"].createElement("span", { className: index.classNames("arc-HeroButton-inner") },
                 label && React__default["default"].createElement("span", { className: "arc-HeroButton-label" }, label),
                 isLoading && (React__default["default"].createElement("span", { className: "arc-HeroButton-icon" },
-                    React__default["default"].createElement(Icon.Icon, { size: 48, icon: ArcIconEclipse_esm.ArcIconEclipse }))),
+                    React__default["default"].createElement(Spinner.Spinner, { size: "xxl" }))),
                 icon && !isLoading && (React__default["default"].createElement("span", { className: "arc-HeroButton-icon" },
                     React__default["default"].createElement(Icon.Icon, { size: 48, icon: buttonStyle === "warning"
                             ? HeroButtonIcons["warning"]
@@ -120,7 +120,7 @@ var HeroButton = React.forwardRef(function (_a, ref) {
                         ? HeroButtonIcons["warning"]
                         : HeroButtonIcons[icon] }))),
             isLoading && (React__default["default"].createElement("span", { className: "arc-HeroButton-icon" },
-                React__default["default"].createElement(Icon.Icon, { size: 48, icon: ArcIconEclipse_esm.ArcIconEclipse }))))));
+                React__default["default"].createElement(Spinner.Spinner, { size: "xxl" }))))));
 });
 
 exports.HeroButton = HeroButton;

package/dist/_shared/cjs/{Icon-7f1e8a19.js → Icon-08447959.js}

@@ -3,7 +3,7 @@
 var index_es = require('./index.es-c26e8978.js');
 var index = require('./index-9947ac13.js');
 var React = require('react');
-var Surface = require('./Surface-7500f314.js');
+var Surface = require('./Surface-1b5c2ac8.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -16,11 +16,23 @@ var Icon = function (_a) {
     var _b;
     var testId = _a.testId, icon = _a.icon, _c = _a.color, color = _c === void 0 ? "auto" : _c, _d = _a.isInline, isInline = _d === void 0 ? false : _d, _e = _a.isPresentationIcon, isPresentationIcon = _e === void 0 ? false : _e, label = _a.label, size = _a.size, props = index_es.__rest(_a, ["testId", "icon", "color", "isInline", "isPresentationIcon", "label", "size"]);
     var surface = React.useContext(Surface.Context).surface;
-    var Icon = icon || (function () { return React__default["default"].createElement(React__default["default"].Fragment, null); });
     var presentationIconProps = {
         role: "presentation",
         "aria-hidden": true
     };
+    var renderIcon = function () {
+        if (!icon)
+            return null;
+        var accessibleProps = isPresentationIcon ? presentationIconProps : {};
+        if (typeof icon === "function") {
+            var IconComponent = icon || (function () { return React__default["default"].createElement(React__default["default"].Fragment, null); });
+            return React__default["default"].createElement(IconComponent, index_es.__assign({}, accessibleProps));
+        }
+        if (React__default["default"].isValidElement(icon) && icon.type === "svg") {
+            return React__default["default"].cloneElement(icon, accessibleProps);
+        }
+        return null;
+    };
     return (React__default["default"].createElement("span", index_es.__assign({ "data-testid": testId, "aria-label": label, className: index.classNames((_b = {},
             _b["arc-Icon"] = true,
             _b[index_es.suffixModifier("arc-Icon--color", color)] = color !== "auto",
@@ -29,8 +41,7 @@ var Icon = function (_a) {
             _b)), role: label ? "img" : undefined, style: {
             height: size,
             width: size
-        } }, index_es.filterDataAttrs(props)),
-        React__default["default"].createElement(Icon, index_es.__assign({}, (isPresentationIcon ? presentationIconProps : {})))));
+        } }, index_es.filterDataAttrs(props)), renderIcon()));
 };
 
 exports.Icon = Icon;

package/dist/_shared/cjs/{MediaCard-4ff9f5c0.js → MediaCard-7bbe8aa0.js}

@@ -3,15 +3,15 @@
 var index_es = require('./index.es-c26e8978.js');
 var React = require('react');
 var index = require('./index-9947ac13.js');
-var index_es$1 = require('./index.es-ba095ee5.js');
+var index_es$1 = require('./index.es-f23456fa.js');
 var useMediaQuery = require('./use-media-query-d34c83b9.js');
 var Image = require('./Image-c8969ad9.js');
-var Heading = require('./Heading-14378b72.js');
-var Surface = require('./Surface-7500f314.js');
-var Text = require('./Text-284a7314.js');
+var Heading = require('./Heading-25d11688.js');
+var Surface = require('./Surface-1b5c2ac8.js');
+var Text = require('./Text-c187d9ef.js');
 var VerticalSpace = require('./VerticalSpace-973deefe.js');
-var CardHeading = require('./CardHeading-3ddcf774.js');
-var CardFooter = require('./CardFooter-a1bb3ded.js');
+var CardHeading = require('./CardHeading-88edadd4.js');
+var CardFooter = require('./CardFooter-68235081.js');
 var ConditionalWrapper = require('./ConditionalWrapper-bf944594.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

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

@@ -3,7 +3,7 @@
 var index_es = require('./index.es-c26e8978.js');
 var index = require('./index-9947ac13.js');
 var React = require('react');
-var Surface = require('./Surface-7500f314.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 }; }