@coinbase/cds-common 8.50.0 → 8.52.0

package/CHANGELOG.md

@@ -8,6 +8,18 @@ All notable changes to this project will be documented in this file.
 
 <!-- template-start -->
 
+## 8.52.0 (3/10/2026 PST)
+
+#### 🚀 Updates
+
+- Deprecated all exports from LottieStatusAnimationProps file in common. [[#388](https://github.com/coinbase/cds/pull/388)]
+- Added lottieStatusToAccessibilityLabel constant. [[#388](https://github.com/coinbase/cds/pull/388)]
+- Deprecated LottieStatusAnimationType and renamed it to LottieStatus. [[#388](https://github.com/coinbase/cds/pull/388)]
+
+## 8.51.0 ((3/9/2026, 06:39 AM PST))
+
+This is an artificial version bump with no new change.
+
 ## 8.50.0 ((3/6/2026, 09:36 AM PST))
 
 This is an artificial version bump with no new change.

package/dts/index.d.ts

@@ -2,6 +2,7 @@ export * from './carousel';
 export * from './core/theme';
 export * from './hooks/useToggler';
 export * from './lottie/lottieUtils';
+export * from './lottie/statusToAccessibilityLabel';
 export * from './lottie/useStatusAnimationPoller';
 export * from './types';
 export * from './utils/getWidthInEm';

package/dts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mCAAmC,CAAC;AAClD,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC"}

package/dts/lottie/statusToAccessibilityLabel.d.ts

@@ -0,0 +1,3 @@
+import type { LottieStatus } from '../types/LottieStatus';
+export declare const lottieStatusToAccessibilityLabel: Record<LottieStatus, string>;
+//# sourceMappingURL=statusToAccessibilityLabel.d.ts.map

package/dts/lottie/statusToAccessibilityLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"statusToAccessibilityLabel.d.ts","sourceRoot":"","sources":["../../src/lottie/statusToAccessibilityLabel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D,eAAO,MAAM,gCAAgC,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAMzE,CAAC"}

package/dts/types/LottieStatus.d.ts

@@ -0,0 +1,2 @@
+export type LottieStatus = 'loading' | 'success' | 'cardSuccess' | 'failure' | 'pending';
+//# sourceMappingURL=LottieStatus.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LottieStatus.d.ts","sourceRoot":"","sources":["../../src/types/LottieStatus.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC"}

package/dts/types/LottieStatusAnimationProps.d.ts

@@ -1,30 +1,43 @@
 import type { DimensionValue } from './DimensionStyles';
+import type { LottieStatus } from './LottieStatus';
 import type { SharedProps } from './SharedProps';
-export type LottieStatusAnimationType =
-  | 'loading'
-  | 'success'
-  | 'cardSuccess'
-  | 'failure'
-  | 'pending';
+/**
+ * @deprecated Use LottieStatus directly from @coinbase/cds-common/types/LottieStatus instead
+ */
+export type { LottieStatus as LottieStatusAnimationType };
+/**
+ * @deprecated Use LottieStatusAnimationBaseProps from cds-web or cds-mobile instead
+ */
 type BaseStatusAnimationProps = {
-  status?: LottieStatusAnimationType;
+  status?: LottieStatus;
   onFinish?: () => void;
 };
-type StatusAnimationWithWidth = {
+/**
+ * @deprecated Use LottieStatusAnimationPropsWithWidth from cds-web or cds-mobile instead
+ */
+type LottieStatusAnimationPropsWithWidth = {
   /**
    * We use aspect ratio to calculate the unset dimension based on the set dimension and a given aspect ratio.
    * Only width or height is allowed, but not both.
    */
   width: DimensionValue;
 } & BaseStatusAnimationProps;
-type StatusAnimationWithHeight = {
+/**
+ * @deprecated Use LottieStatusAnimationPropsWithHeight from cds-web or cds-mobile instead
+ */
+type LottieStatusAnimationPropsWithHeight = {
   /**
    * We use aspect ratio to calculate the unset dimension based on the set dimension and a given aspect ratio.
    * Only width or height is allowed, but not both.
    */
   height: DimensionValue;
 } & BaseStatusAnimationProps;
-export type LottieStatusAnimationProps = (StatusAnimationWithWidth | StatusAnimationWithHeight) &
+/**
+ * @deprecated Use LottieStatusAnimationProps from cds-web or cds-mobile instead
+ */
+export type LottieStatusAnimationProps = (
+  | LottieStatusAnimationPropsWithWidth
+  | LottieStatusAnimationPropsWithHeight
+) &
   SharedProps;
-export {};
 //# sourceMappingURL=LottieStatusAnimationProps.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LottieStatusAnimationProps.d.ts","sourceRoot":"","sources":["../../src/types/LottieStatusAnimationProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,MAAM,MAAM,yBAAyB,GACjC,SAAS,GACT,SAAS,GACT,aAAa,GACb,SAAS,GACT,SAAS,CAAC;AAEd,KAAK,wBAAwB,GAAG;IAC9B,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC9B;;;OAGG;IACH,KAAK,EAAE,cAAc,CAAC;CACvB,GAAG,wBAAwB,CAAC;AAE7B,KAAK,yBAAyB,GAAG;IAC/B;;;OAGG;IACH,MAAM,EAAE,cAAc,CAAC;CACxB,GAAG,wBAAwB,CAAC;AAE7B,MAAM,MAAM,0BAA0B,GAAG,CAAC,wBAAwB,GAAG,yBAAyB,CAAC,GAC7F,WAAW,CAAC"}
+{"version":3,"file":"LottieStatusAnimationProps.d.ts","sourceRoot":"","sources":["../../src/types/LottieStatusAnimationProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD;;GAEG;AACH,YAAY,EAAE,YAAY,IAAI,yBAAyB,EAAE,CAAC;AAE1D;;GAEG;AACH,KAAK,wBAAwB,GAAG;IAC9B,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF;;GAEG;AACH,KAAK,mCAAmC,GAAG;IACzC;;;OAGG;IACH,KAAK,EAAE,cAAc,CAAC;CACvB,GAAG,wBAAwB,CAAC;AAE7B;;GAEG;AACH,KAAK,oCAAoC,GAAG;IAC1C;;;OAGG;IACH,MAAM,EAAE,cAAc,CAAC;CACxB,GAAG,wBAAwB,CAAC;AAE7B;;GAEG;AACH,MAAM,MAAM,0BAA0B,GAAG,CACrC,mCAAmC,GACnC,oCAAoC,CACvC,GACC,WAAW,CAAC"}

package/dts/types/index.d.ts

@@ -28,6 +28,7 @@ export * from './IllustrationProps';
 export * from './InputBaseProps';
 export * from './LottiePlayer';
 export * from './LottieSource';
+export * from './LottieStatus';
 export * from './LottieStatusAnimationProps';
 export * from './Motion';
 export * from './OverlayLifecycleProps';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AACA,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,wBAAwB,CAAC;AACvC,cAAc,SAAS,CAAC;AACxB,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,UAAU,CAAC;AACzB,cAAc,yBAAyB,CAAC;AACxC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,qCAAqC,CAAC;AACpD,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,SAAS,CAAC;AACxB,cAAc,4BAA4B,CAAC;AAC3C,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uCAAuC,CAAC;AACtD,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AACA,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,wBAAwB,CAAC;AACvC,cAAc,SAAS,CAAC;AACxB,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,UAAU,CAAC;AACzB,cAAc,yBAAyB,CAAC;AACxC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,qCAAqC,CAAC;AACpD,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,SAAS,CAAC;AACxB,cAAc,4BAA4B,CAAC;AAC3C,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uCAAuC,CAAC;AACtD,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC"}

package/esm/index.js

@@ -2,6 +2,7 @@ export * from './carousel';
 export * from './core/theme';
 export * from './hooks/useToggler';
 export * from './lottie/lottieUtils';
+export * from './lottie/statusToAccessibilityLabel';
 export * from './lottie/useStatusAnimationPoller';
 export * from './types';
 export * from './utils/getWidthInEm';

package/esm/lottie/statusToAccessibilityLabel.js

@@ -0,0 +1,7 @@
+export const lottieStatusToAccessibilityLabel = {
+  loading: 'Loading',
+  success: 'Success',
+  cardSuccess: 'Success',
+  failure: 'Failed',
+  pending: 'Pending'
+};

package/esm/types/LottieStatus.js

@@ -0,0 +1 @@
+export {};

package/esm/types/index.js

@@ -29,6 +29,7 @@ export * from './IllustrationProps';
 export * from './InputBaseProps';
 export * from './LottiePlayer';
 export * from './LottieSource';
+export * from './LottieStatus';
 export * from './LottieStatusAnimationProps';
 export * from './Motion';
 export * from './OverlayLifecycleProps';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cds-common",
-  "version": "8.50.0",
+  "version": "8.52.0",
   "description": "Coinbase Design System - Common",
   "repository": {
     "type": "git",
@@ -40,7 +40,7 @@
   "dependencies": {
     "@coinbase/cds-icons": "^5.12.0",
     "@coinbase/cds-illustrations": "^4.32.0",
-    "@coinbase/cds-mcp-server": "^8.50.0",
+    "@coinbase/cds-mcp-server": "^8.52.0",
     "@coinbase/cds-utils": "^2.3.5",
     "@modelcontextprotocol/sdk": "^1.13.1",
     "d3-array": "^3.2.4",