@coinbase/cds-common 9.9.0 → 9.10.0

package/CHANGELOG.md

@@ -8,6 +8,12 @@ All notable changes to this project will be documented in this file.
 
 <!-- template-start -->
 
+## 9.10.0 (7/30/2026 PST)
+
+#### 🚀 Updates
+
+- Feat: add new prop, size to input & control components, deprecating compact. [[#809](https://github.com/coinbase/cds/pull/809)]
+
 ## 9.9.0 ((7/27/2026, 12:00 PM PST))
 
 This is an artificial version bump with no new change.

package/dts/chips/getMediaChipSpacingProps.d.ts

@@ -1,12 +1,20 @@
 import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+export type ChipSizeCommon = 'xs' | 's';
 type GetMediaChipSpacingPropsParams = {
   start?: boolean;
   end?: boolean;
   children?: boolean;
+  /**
+   * Retained for backward compatibility; when `size` is omitted it is derived from `compact`.
+   * @deprecated Pass `size` instead. This will be removed in a future major release.
+   * @deprecationExpectedRemoval v10
+   */
   compact?: boolean;
+  size?: ChipSizeCommon;
 };
 export declare const getMediaChipSpacingProps: ({
   compact,
+  size,
   start,
   end,
   children,

package/dts/chips/getMediaChipSpacingProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getMediaChipSpacingProps.d.ts","sourceRoot":"","sources":["../../src/chips/getMediaChipSpacingProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAEjE,KAAK,8BAA8B,GAAG;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,oCAKtC,8BAA8B,KAAG;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC/B,UAAU,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC7B,UAAU,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC7B,aAAa,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAChC,GAAG,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;CA4EvB,CAAC"}
+{"version":3,"file":"getMediaChipSpacingProps.d.ts","sourceRoot":"","sources":["../../src/chips/getMediaChipSpacingProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAEjE,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,GAAG,CAAC;AAExC,KAAK,8BAA8B,GAAG;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,0CAMtC,8BAA8B,KAAG;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC/B,UAAU,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC7B,UAAU,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC7B,aAAa,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAChC,GAAG,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;CA+EvB,CAAC"}

package/dts/types/InputBaseProps.d.ts

@@ -10,6 +10,8 @@ export type SharedInputProps = {
   /**
    * Enables compact variation
    * @default false
+   * @deprecated This will be removed in a future major release.
+   * @deprecationExpectedRemoval v10
    */
   compact?: boolean;
   /** Short messageArea indicating purpose of input */

package/dts/types/InputBaseProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputBaseProps.d.ts","sourceRoot":"","sources":["../../src/types/InputBaseProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,MAAM,YAAY,GACpB,UAAU,GACV,UAAU,GACV,YAAY,GACZ,SAAS,GACT,iBAAiB,GACjB,WAAW,CAAC;AAEhB,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,SAAS,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAC3B,uCAAuC;IACvC,UAAU,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC7B,4FAA4F;IAC5F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACtC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}
+{"version":3,"file":"InputBaseProps.d.ts","sourceRoot":"","sources":["../../src/types/InputBaseProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,MAAM,YAAY,GACpB,UAAU,GACV,UAAU,GACV,YAAY,GACZ,SAAS,GACT,iBAAiB,GACjB,WAAW,CAAC;AAEhB,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,SAAS,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAC3B,uCAAuC;IACvC,UAAU,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC7B,4FAA4F;IAC5F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACtC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}

package/esm/chips/getMediaChipSpacingProps.js

@@ -1,13 +1,16 @@
 export const getMediaChipSpacingProps = _ref => {
   let {
     compact,
+    size,
     start,
     end,
     children
   } = _ref;
+  const resolvedSize = size !== null && size !== void 0 ? size : compact ? 'xs' : 's'; // size wins; compact is the fallback
+  const isXs = resolvedSize === 'xs';
   if (!start && children && !end) {
     // children (label) only
-    return compact ? {
+    return isXs ? {
       paddingX: 1.5,
       paddingY: 0.75
     } : {
@@ -33,7 +36,7 @@ export const getMediaChipSpacingProps = _ref => {
   }
   if (start && children && !end) {
     // start (media) and children (label) only
-    return compact ? {
+    return isXs ? {
       paddingStart: 1,
       paddingY: 0.75,
       paddingEnd: 1.5,
@@ -47,7 +50,7 @@ export const getMediaChipSpacingProps = _ref => {
   }
   if (!start && children && end) {
     // children (label) and end (icon) only
-    return compact ? {
+    return isXs ? {
       paddingStart: 1.5,
       paddingY: 0.75,
       paddingEnd: 1.5,
@@ -61,7 +64,7 @@ export const getMediaChipSpacingProps = _ref => {
   }
   if (start && children && end) {
     // start (media) and children (label) and end (icon) only
-    return compact ? {
+    return isXs ? {
       paddingStart: 1,
       paddingY: 0.75,
       paddingEnd: 1.5,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cds-common",
-  "version": "9.9.0",
+  "version": "9.10.0",
   "description": "Coinbase Design System - Common",
   "repository": {
     "type": "git",
@@ -39,7 +39,7 @@
   "dependencies": {
     "@coinbase/cds-icons": "^5.21.0",
     "@coinbase/cds-illustrations": "^4.45.0",
-    "@coinbase/cds-mcp-server": "^9.9.0",
+    "@coinbase/cds-mcp-server": "^9.10.0",
     "@coinbase/cds-utils": "^2.3.5",
     "@modelcontextprotocol/sdk": "^1.13.1",
     "d3-array": "^3.2.4",