@thecb/components 4.2.7-beta.1 → 4.2.7-beta.3

package/dist/index.cjs.js

@@ -12684,14 +12684,16 @@ var ButtonWithAction = function ButtonWithAction(_ref2) {
       _ref2$extraStyles = _ref2.extraStyles,
       extraStyles = _ref2$extraStyles === void 0 ? "" : _ref2$extraStyles,
       tabIndex = _ref2.tabIndex,
-      children = _ref2.children;
+      children = _ref2.children,
+      rest = _objectWithoutProperties(_ref2, ["action", "variant", "text", "isLoading", "dataQa", "textExtraStyles", "contentOverride", "extraStyles", "tabIndex", "children"]);
+
   var themeContext = React.useContext(styled.ThemeContext);
   var themeValues = createThemeValues(themeContext, fallbackValues$1, "Button", variant);
   var isMobile = themeContext.isMobile;
   var hoverStyles = "\n    outline: none;\n    background-color: ".concat(themeValues.hoverBackgroundColor, ";\n    border-color: ").concat(themeValues.hoverBorderColor, ";\n    color: ").concat(themeValues.hoverColor, ";\n    text-decoration: ").concat(variant === "ghost" || variant === "smallGhost" ? "underline" : "none", ";\n    cursor: pointer;\n  ");
   var activeStyles = "\n    outline: none;\n    background-color: ".concat(themeValues.activeBackgroundColor, ";\n    border-color: ").concat(themeValues.activeBorderColor, ";\n    color: ").concat(themeValues.activeColor, ";\n    text-decoration: ").concat(variant === "ghost" || variant === "smallGhost" ? "underline" : "none", ";\n  ");
-  var disabledStyles = "\n    background-clor: #6D717E;\n    border-color: #6D717E;\n    color: #FFFFFF;\n    &:focus {\n      box-shadow: 0 0 10px #6D717E;\n      outline: none;\n    }\n  ";
-  return /*#__PURE__*/React__default.createElement(Box, {
+  var disabledStyles = "\n    background-color: #6D717E;\n    border-color: #6D717E;\n    color: #FFFFFF;\n    &:focus {\n      box-shadow: 0 0 10px #6D717E;\n      outline: none;\n    }\n  ";
+  return /*#__PURE__*/React__default.createElement(Box, _extends({
     variant: variant,
     padding: themeValues.padding,
     minHeight: themeValues.height,
@@ -12708,7 +12710,7 @@ var ButtonWithAction = function ButtonWithAction(_ref2) {
     extraStyles: "margin: 0.5rem; ".concat(extraStyles),
     dataQa: dataQa,
     tabIndex: tabIndex
-  }, contentOverride ? children : /*#__PURE__*/React__default.createElement(Center, {
+  }, rest), contentOverride ? children : /*#__PURE__*/React__default.createElement(Center, {
     intrinsic: true
   }, isLoading ? /*#__PURE__*/React__default.createElement(Spinner, {
     isMobile: isMobile

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "4.2.7-beta.1",
+  "version": "4.2.7-beta.3",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",

package/src/components/atoms/button-with-action/ButtonWithAction.js

@@ -70,7 +70,8 @@ const ButtonWithAction = ({
   contentOverride = false,
   extraStyles = "",
   tabIndex,
-  children
+  children,
+  ...rest
 }) => {
   const themeContext = useContext(ThemeContext);
   const themeValues = createThemeValues(
@@ -101,7 +102,7 @@ const ButtonWithAction = ({
     };
   `;
   const disabledStyles = `
-    background-clor: #6D717E;
+    background-color: #6D717E;
     border-color: #6D717E;
     color: #FFFFFF;
     &:focus {
@@ -128,6 +129,7 @@ const ButtonWithAction = ({
       extraStyles={`margin: 0.5rem; ${extraStyles}`}
       dataQa={dataQa}
       tabIndex={tabIndex}
+      {...rest}
     >
       {contentOverride ? (
         children