@thecb/components 9.6.0-beta.1 → 9.6.0-beta.2

package/dist/index.cjs.js

@@ -12884,7 +12884,7 @@ var SpinnerIcon = function SpinnerIcon(_ref3) {
   }))))));
 };
 
-var _excluded$h = ["action", "variant", "text", "textWrap", "isLoading", "loadingColor", "dataQa", "textExtraStyles", "contentOverride", "extraStyles", "tabIndex", "children", "extraDisabledStyles"];
+var _excluded$h = ["action", "variant", "text", "textWrap", "isLoading", "loadingColor", "dataQa", "textExtraStyles", "contentOverride", "extraStyles", "tabIndex", "children", "extraDisabledStyles", "as", "innerAs"];
 var rotate$1 = posed.div({
   fixed: {
     rotate: "0deg"
@@ -12959,6 +12959,10 @@ var ButtonWithAction = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
       tabIndex = _ref2.tabIndex,
       children = _ref2.children,
       extraDisabledStyles = _ref2.extraDisabledStyles,
+      _ref2$as = _ref2.as,
+      as = _ref2$as === void 0 ? "button" : _ref2$as,
+      _ref2$innerAs = _ref2.innerAs,
+      innerAs = _ref2$innerAs === void 0 ? "div" : _ref2$innerAs,
       rest = _objectWithoutProperties(_ref2, _excluded$h);
 
   var themeContext = React.useContext(styled.ThemeContext);
@@ -12978,7 +12982,7 @@ var ButtonWithAction = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
     hoverStyles: hoverStyles,
     activeStyles: activeStyles,
     disabledStyles: disabledStyles,
-    as: "button",
+    as: as,
     onClick: isLoading ? undefined : action,
     borderRadius: "2px",
     theme: themeContext,
@@ -12986,7 +12990,7 @@ var ButtonWithAction = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
     dataQa: dataQa,
     tabIndex: tabIndex
   }, rest), contentOverride ? children : /*#__PURE__*/React__default.createElement(Center, {
-    as: "span",
+    as: innerAs,
     intrinsic: true
   }, isLoading ? /*#__PURE__*/React__default.createElement(Spinner, {
     color: loadingColor,