@coinbase/cds-web 8.20.0 → 8.20.2

package/CHANGELOG.md

@@ -8,6 +8,18 @@ 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
+
+- Add deprecation decorator to old Select. [[#148](https://github.com/coinbase/cds/pull/148)]
+
 ## 8.20.0 (11/7/2025 PST)
 
 #### 🚀 Updates

package/dts/controls/Select.d.ts

@@ -27,6 +27,9 @@ export type SelectBaseProps = SharedProps &
     onChange?: ((newValue: string) => void) | React.Dispatch<React.SetStateAction<string>>;
   };
 export type SelectProps = SelectBaseProps;
+/**
+ * @deprecated Please use the new Select alpha component instead.
+ */
 export declare const Select: React.MemoExoticComponent<
   React.ForwardRefExoticComponent<
     SharedProps &

package/dts/controls/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/controls/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAIhF,OAAO,KAAK,EACV,wBAAwB,EACxB,gBAAgB,EAChB,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAGpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAM/D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAIxD,MAAM,MAAM,eAAe,GAAG,WAAW,GACvC,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,GAC/B,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,cAAc,CAAC,GAC5F,IAAI,CACF,wBAAwB,EACxB,oBAAoB,GAAG,yBAAyB,GAAG,mBAAmB,CACvE,GACD,IAAI,CAAC,aAAa,EAAE,eAAe,GAAG,OAAO,CAAC,GAAG;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mGAAmG;IACnG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8EAA8E;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gHAAgH;IAChH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kEAAkE;IAClE,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CACxF,CAAC;AAEJ,MAAM,MAAM,WAAW,GAAG,eAAe,CAAC;AAE1C,eAAO,MAAM,MAAM;eAfJ,KAAK,CAAC,SAAS;IAC1B,iEAAiE;cACvD,MAAM,IAAI;IACpB,mGAAmG;YAC3F,MAAM;IACd,8EAA8E;iBACjE,MAAM;IACnB,gHAAgH;YACxG,MAAM;IACd,kEAAkE;eACvD,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;4CAoHzF,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/controls/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAIhF,OAAO,KAAK,EACV,wBAAwB,EACxB,gBAAgB,EAChB,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAGpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAM/D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAIxD,MAAM,MAAM,eAAe,GAAG,WAAW,GACvC,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,GAC/B,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,cAAc,CAAC,GAC5F,IAAI,CACF,wBAAwB,EACxB,oBAAoB,GAAG,yBAAyB,GAAG,mBAAmB,CACvE,GACD,IAAI,CAAC,aAAa,EAAE,eAAe,GAAG,OAAO,CAAC,GAAG;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mGAAmG;IACnG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8EAA8E;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gHAAgH;IAChH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kEAAkE;IAClE,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CACxF,CAAC;AAEJ,MAAM,MAAM,WAAW,GAAG,eAAe,CAAC;AAE1C;;GAEG;AACH,eAAO,MAAM,MAAM;eAlBJ,KAAK,CAAC,SAAS;IAC1B,iEAAiE;cACvD,MAAM,IAAI;IACpB,mGAAmG;YAC3F,MAAM;IACd,8EAA8E;iBACjE,MAAM;IACnB,gHAAgH;YACxG,MAAM;IACd,kEAAkE;eACvD,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;4CAuHzF,CAAC"}

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/controls/Select.js

@@ -17,6 +17,9 @@ import { TextInputFocusVariantContext } from './context';
 import { SelectTrigger } from './SelectTrigger';
 import { useRefocusTrigger } from './useRefocusTrigger';
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @deprecated Please use the new Select alpha component instead.
+ */
 export const Select = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function Select(_ref, ref) {
   let {
       children,

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.0",
+  "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.0",
+    "@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",