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

package/dist/_shared/esm/{ButtonV2-49cd0615.js → ButtonV2-4dc8830e.js}

@@ -1,13 +1,18 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './index-288c66b5.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from './index.es-4921e8dd.js';
 import React__default, { forwardRef, useContext } from 'react';
 import { c as classNames } from './index-2e73c2e9.js';
-import { I as Icon } from './Icon-512f834f.js';
-import { C as Context } from './Surface-71d21a9e.js';
-import { A as ArcIconEclipse } from './ArcIconEclipse.esm-bb48b82a.js';
+import { I as Icon } from './Icon-3e813b34.js';
+import { C as Context } from './Surface-56d329b0.js';
+import { S as Spinner } from './Spinner-9d28043d.js';
 
 var ButtonV2 = 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 = __rest(_a, ["label", "buttonStyle", "icon", "iconPosition", "size", "ariaLabel", "isFullWidth", "isLoading", "onClick", "href", "id", "rel", "target", "type", "form"]);
     var surface = useContext(Context).surface;
+    var iconSizes = {
+        s: 16,
+        m: 32,
+        l: 40
+    };
     var ButtonV2Classes = classNames("arc-ButtonV2", ["arc-ButtonV2--".concat(buttonStyle)], ["arc-ButtonV2--".concat(size)], {
         "arc-ButtonV2--onDarkSurface": surface === "dark",
         "arc-ButtonV2--emptyLabel": !label,
@@ -24,9 +29,9 @@ var ButtonV2 = forwardRef(function (_a, ref) {
                 }) },
                 label && React__default.createElement("span", { className: "arc-ButtonV2-label" }, label),
                 isLoading && (React__default.createElement("span", { className: "arc-ButtonV2-icon" },
-                    React__default.createElement(Icon, { size: size === "s" ? 16 : 32, icon: ArcIconEclipse }))),
+                    React__default.createElement(Spinner, { size: size }))),
                 icon && !isLoading && (React__default.createElement("span", { className: "arc-ButtonV2-icon" },
-                    React__default.createElement(Icon, { size: size === "s" ? 16 : 32, icon: icon }))))));
+                    React__default.createElement(Icon, { size: iconSizes[size], icon: icon }))))));
     }
     return (React__default.createElement("button", __assign({}, commonProps, { className: ButtonV2Classes, "aria-label": ariaLabel, disabled: isLoading, type: type, form: form }),
         React__default.createElement("span", { className: classNames("arc-ButtonV2-inner", {
@@ -34,9 +39,9 @@ var ButtonV2 = forwardRef(function (_a, ref) {
             }) },
             label && React__default.createElement("span", { className: "arc-ButtonV2-label" }, label),
             icon && !isLoading && (React__default.createElement("span", { className: "arc-ButtonV2-icon" },
-                React__default.createElement(Icon, { size: size === "s" ? 16 : 32, icon: icon }))),
+                React__default.createElement(Icon, { size: iconSizes[size], icon: icon }))),
             isLoading && (React__default.createElement("span", { className: "arc-ButtonV2-icon" },
-                React__default.createElement(Icon, { size: size === "s" ? 16 : 32, icon: ArcIconEclipse }))))));
+                React__default.createElement(Spinner, { size: size }))))));
 });
 
 export { ButtonV2 as B };