@coinbase/cds-web 8.20.1 → 8.20.2

package/CHANGELOG.md

@@ -8,6 +8,12 @@ All notable changes to this project will be documented in this file.
 
 <!-- template-start -->
 
+## 8.20.2 (11/12/2025 PST)
+
+#### 🐞 Fixes
+
+- Support custom buttons in ModalFooter. [[#155](https://github.com/coinbase/cds/pull/155)]
+
 ## 8.20.1 (11/7/2025 PST)
 
 #### 🐞 Fixes

package/dts/overlays/modal/ModalFooter.d.ts

@@ -27,6 +27,6 @@ export declare const ModalFooter: ({
   primaryAction,
   secondaryAction,
   ...props
-}: ModalFooterProps) => import('react/jsx-runtime').JSX.Element | null;
+}: ModalFooterProps) => import('react/jsx-runtime').JSX.Element;
 export {};
 //# sourceMappingURL=ModalFooter.d.ts.map

package/dts/overlays/modal/ModalFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalFooter.d.ts","sourceRoot":"","sources":["../../../src/overlays/modal/ModalFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D,OAAO,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AA4BpE,KAAK,oBAAoB,GAAG;IAC1B,4BAA4B;IAC5B,aAAa,EAAE,WAAW,CACxB,KAAK,CAAC,YAAY,CAAC,eAAe,GAAG;QAAE,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;KAAE,CAAC,CAC5E,CAAC;IACF,8BAA8B;IAC9B,eAAe,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,eAAe,GAAG;QAAE,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;KAAE,CAAC,CAAC;CAC/F,CAAC;AACF,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;AAElF,eAAO,MAAM,WAAW,GAAI,8FASzB,gBAAgB,mDAwBlB,CAAC"}
+{"version":3,"file":"ModalFooter.d.ts","sourceRoot":"","sources":["../../../src/overlays/modal/ModalFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D,OAAO,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AA4BpE,KAAK,oBAAoB,GAAG;IAC1B,4BAA4B;IAC5B,aAAa,EAAE,WAAW,CACxB,KAAK,CAAC,YAAY,CAAC,eAAe,GAAG;QAAE,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;KAAE,CAAC,CAC5E,CAAC;IACF,8BAA8B;IAC9B,eAAe,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,eAAe,GAAG;QAAE,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;KAAE,CAAC,CAAC;CAC/F,CAAC;AACF,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;AAElF,eAAO,MAAM,WAAW,GAAI,8FASzB,gBAAgB,4CAkBlB,CAAC"}

package/esm/overlays/modal/ModalFooter.js

@@ -8,7 +8,6 @@ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React from 'react';
 import { useModalContext } from '@coinbase/cds-common/overlays/ModalContext';
-import { Button } from '../../buttons/Button';
 import { HStack } from '../../layout/HStack';
 import { breakpoints } from '../../styles/media';
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -27,10 +26,6 @@ export const ModalFooter = _ref => {
   const {
     hideDividers
   } = useModalContext();
-  if (primaryAction.type !== Button || secondaryAction && primaryAction.type !== Button) {
-    console.error('Modal footer actions need to be CDS Button component');
-    return null;
-  }
   return /*#__PURE__*/_jsxs(HStack, _objectSpread(_objectSpread({
     borderedTop: !hideDividers,
     className: baseCss,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cds-web",
-  "version": "8.20.1",
+  "version": "8.20.2",
   "description": "Coinbase Design System - Web",
   "repository": {
     "type": "git",
@@ -147,7 +147,7 @@
     "react-dom": "^18.3.1"
   },
   "dependencies": {
-    "@coinbase/cds-common": "^8.20.1",
+    "@coinbase/cds-common": "^8.20.2",
     "@coinbase/cds-icons": "^5.5.1",
     "@coinbase/cds-illustrations": "^4.26.1",
     "@coinbase/cds-lottie-files": "^3.3.3",