@coinbase/cds-web 8.17.0 → 8.17.1

package/CHANGELOG.md

@@ -8,6 +8,12 @@ All notable changes to this project will be documented in this file.
 
 <!-- template-start -->
 
+## 8.17.1 (10/16/2025 PST)
+
+#### 🐞 Fixes
+
+- Remove console.error() call on action props for Banner. [[#113](https://github.com/coinbase/cds/pull/113)]
+
 ## 8.17.0 ((10/16/2025, 07:14 AM PST))
 
 This is an artificial version bump with no new change.

package/dts/banner/Banner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../src/banner/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAGjE,OAAO,KAAK,EACV,kBAAkB,EAClB,aAAa,EACb,QAAQ,EACR,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAOpC,OAAO,EAAe,KAAK,oBAAoB,EAAE,KAAK,WAAW,EAAU,MAAM,WAAW,CAAC;AAC7F,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAc9E,eAAO,MAAM,uBAAuB,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAC,eAAe,CAI7E,CAAC;AAiBX,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC1C,2GAA2G;IAC3G,OAAO,EAAE,aAAa,CAAC;IACvB,6CAA6C;IAC7C,SAAS,EAAE,QAAQ,CAAC;IACpB,uCAAuC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4HAA4H;IAC5H,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,2HAA2H;IAC3H,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,2DAA2D;IAC3D,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;SAGK;IACL,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gFAAgF;IAChF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gCAAgC;IAChC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;SAGK;IACL,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,uDAAuD;IACvD,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,yDAAyD;IACzD,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC;;;SAGK;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;SAGK;IACL,YAAY,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,eAAe,GACvC,IAAI,CAAC,WAAW,CAAC,oBAAoB,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC;AAEhE,eAAO,MAAM,MAAM,4HAgOlB,CAAC"}
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../src/banner/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAGjE,OAAO,KAAK,EACV,kBAAkB,EAClB,aAAa,EACb,QAAQ,EACR,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAOpC,OAAO,EAAe,KAAK,oBAAoB,EAAE,KAAK,WAAW,EAAU,MAAM,WAAW,CAAC;AAC7F,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAc9E,eAAO,MAAM,uBAAuB,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAC,eAAe,CAI7E,CAAC;AAiBX,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC1C,2GAA2G;IAC3G,OAAO,EAAE,aAAa,CAAC;IACvB,6CAA6C;IAC7C,SAAS,EAAE,QAAQ,CAAC;IACpB,uCAAuC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4HAA4H;IAC5H,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,2HAA2H;IAC3H,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,2DAA2D;IAC3D,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;SAGK;IACL,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gFAAgF;IAChF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gCAAgC;IAChC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;SAGK;IACL,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,uDAAuD;IACvD,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,yDAAyD;IACzD,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC;;;SAGK;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;SAGK;IACL,YAAY,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,eAAe,GACvC,IAAI,CAAC,WAAW,CAAC,oBAAoB,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC;AAEhE,eAAO,MAAM,MAAM,4HA2NlB,CAAC"}

package/esm/banner/Banner.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, { forwardRef, isValidElement, memo, useCallback, useId, useMemo, useState } from 'react';
 import { bannerMinWidth, variants } from '@coinbase/cds-common/tokens/banner';
-import { isDevelopment } from '@coinbase/cds-utils';
 import { Collapsible } from '../collapsible';
 import { Icon } from '../icons/Icon';
 import { Box, HStack, VStack } from '../layout';
@@ -86,33 +85,33 @@ export const Banner = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref, ref) => {
     setIsCollapsed(true);
     onClose === null || onClose === void 0 || onClose();
   }, [onClose]);
-
-  // Ensure primaryActions are themed to match the variant
   const clonedPrimaryAction = useMemo(() => {
-    if (/*#__PURE__*/isValidElement(primaryAction) && primaryAction.type === Link) {
+    if (! /*#__PURE__*/isValidElement(primaryAction)) return null;
+    if (primaryAction.type === Link) {
       return /*#__PURE__*/React.cloneElement(primaryAction, _objectSpread({
         font: 'label1',
         color: primaryActionColor,
         testID: "".concat(testID, "-action--primary")
       }, primaryAction.props));
+    } else {
+      return /*#__PURE__*/React.cloneElement(primaryAction, _objectSpread({
+        testID: "".concat(testID, "-action--primary")
+      }, primaryAction.props));
     }
-    if (/*#__PURE__*/isValidElement(primaryAction) && isDevelopment()) {
-      console.error('Banner primaryAction needs to be a CDS Link component');
-    }
-    return primaryAction;
   }, [primaryAction, primaryActionColor, testID]);
   const clonedSecondaryAction = useMemo(() => {
-    if (/*#__PURE__*/isValidElement(secondaryAction) && secondaryAction.type === Link) {
+    if (! /*#__PURE__*/isValidElement(secondaryAction)) return null;
+    if (secondaryAction.type === Link) {
       return /*#__PURE__*/React.cloneElement(secondaryAction, _objectSpread({
         font: 'label1',
         color: secondaryActionColor,
         testID: "".concat(testID, "-action--secondary")
       }, secondaryAction.props));
+    } else {
+      return /*#__PURE__*/React.cloneElement(secondaryAction, _objectSpread({
+        testID: "".concat(testID, "-action--secondary")
+      }, secondaryAction.props));
     }
-    if (/*#__PURE__*/isValidElement(secondaryAction) && isDevelopment()) {
-      console.error('Banner secondaryAction needs to be a CDS Link component');
-    }
-    return secondaryAction;
   }, [secondaryAction, secondaryActionColor, testID]);
   const marginStyles = useMemo(() => ({
     margin,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cds-web",
-  "version": "8.17.0",
+  "version": "8.17.1",
   "description": "Coinbase Design System - Web",
   "repository": {
     "type": "git",
@@ -147,7 +147,7 @@
     "react-dom": "^18.3.1"
   },
   "dependencies": {
-    "@coinbase/cds-common": "^8.17.0",
+    "@coinbase/cds-common": "^8.17.1",
     "@coinbase/cds-icons": "^5.4.2",
     "@coinbase/cds-illustrations": "^4.24.0",
     "@coinbase/cds-lottie-files": "^3.3.2",