@thecb/components 9.6.0-beta.0 → 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,8 +12990,8 @@ var ButtonWithAction = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
     dataQa: dataQa,
     tabIndex: tabIndex
   }, rest), contentOverride ? children : /*#__PURE__*/React__default.createElement(Center, {
-    intrinsic: true,
-    as: "span"
+    as: innerAs,
+    intrinsic: true
   }, isLoading ? /*#__PURE__*/React__default.createElement(Spinner, {
     color: loadingColor,
     isMobile: isMobile
@@ -40272,9 +40276,7 @@ var EditableList = function EditableList(_ref) {
       _ref$listPadding = _ref.listPadding,
       listPadding = _ref$listPadding === void 0 ? "0rem 0rem 1.5rem 0rem" : _ref$listPadding,
       qaPrefix = _ref.qaPrefix,
-      ariaLabel = _ref.ariaLabel,
-      _ref$editItemAriaRole = _ref.editItemAriaRole,
-      editItemAriaRole = _ref$editItemAriaRole === void 0 ? "" : _ref$editItemAriaRole;
+      ariaLabel = _ref.ariaLabel;
   var addText = "Add a".concat(itemName[0].match(/[aieouAIEOU]/) ? "n" : "", " ").concat(itemName);
   return /*#__PURE__*/React__default.createElement(Box, {
     padding: listPadding,
@@ -40350,8 +40352,7 @@ var EditableList = function EditableList(_ref) {
         return editItem(item.id);
       },
       extraStyles: "min-width: 0;",
-      "aria-label": "Edit ".concat(ariaLabel || itemName),
-      role: editItemAriaRole
+      "aria-label": "Edit ".concat(ariaLabel || itemName)
     }))));
   })), canAdd && (!maxItems || items.length < maxItems) && /*#__PURE__*/React__default.createElement(Box, {
     padding: items.length === 0 ? "0" : "1rem 0 0"