@coinbase/cds-mobile 9.6.8 → 9.6.10

package/CHANGELOG.md

@@ -8,6 +8,16 @@ All notable changes to this project will be documented in this file.
 
 <!-- template-start -->
 
+## 9.6.10 ((7/22/2026, 08:37 AM PST))
+
+This is an artificial version bump with no new change.
+
+## 9.6.9 (7/22/2026 PST)
+
+#### 🐞 Fixes
+
+- Fix: adjust messaging card imports. [[#800](https://github.com/coinbase/cds/pull/800)]
+
 ## 9.6.8 ((7/22/2026, 06:23 AM PST))
 
 This is an artificial version bump with no new change.

package/dts/cards/MediaCard/MediaCard.d.ts

@@ -0,0 +1,28 @@
+import type { StyleProp, View, ViewStyle } from 'react-native';
+import { type CardRootProps } from '../CardRoot';
+import { type MediaCardLayoutProps } from './MediaCardLayout';
+export type MediaCardBaseProps = MediaCardLayoutProps;
+export type MediaCardProps = MediaCardBaseProps &
+  Omit<CardRootProps, 'children'> & {
+    styles?: {
+      /** Root element */
+      root?: StyleProp<ViewStyle>;
+    };
+  };
+export declare const MediaCard: import('react').MemoExoticComponent<
+  ({
+    ref,
+    title,
+    subtitle,
+    description,
+    thumbnail,
+    media,
+    mediaPlacement,
+    style,
+    styles: { root: rootStyle, ...layoutStyles },
+    ...props
+  }: MediaCardProps & {
+    ref?: React.Ref<View>;
+  }) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=MediaCard.d.ts.map

package/dts/cards/MediaCard/MediaCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaCard.d.ts","sourceRoot":"","sources":["../../../src/cards/MediaCard/MediaCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAA8B,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG3F,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAE3D,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE/E,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,CAAC;AAEtD,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAC7C,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,GAAG;IAChC,MAAM,CAAC,EAAE;QACP,mBAAmB;QACnB,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KAC7B,CAAC;CACH,CAAC;AAQJ,eAAO,MAAM,SAAS,+KAYjB,cAAc,GAAG;IAClB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;CACvB,6CAeF,CAAC"}

package/dts/cards/MediaCard/index.d.ts

@@ -1,28 +1,3 @@
-import type { StyleProp, View, ViewStyle } from 'react-native';
-import { type CardRootProps } from '../CardRoot';
-import { type MediaCardLayoutProps } from './MediaCardLayout';
-export type MediaCardBaseProps = MediaCardLayoutProps;
-export type MediaCardProps = MediaCardBaseProps &
-  Omit<CardRootProps, 'children'> & {
-    styles?: {
-      /** Root element */
-      root?: StyleProp<ViewStyle>;
-    };
-  };
-export declare const MediaCard: import('react').MemoExoticComponent<
-  ({
-    ref,
-    title,
-    subtitle,
-    description,
-    thumbnail,
-    media,
-    mediaPlacement,
-    style,
-    styles: { root: rootStyle, ...layoutStyles },
-    ...props
-  }: MediaCardProps & {
-    ref?: React.Ref<View>;
-  }) => import('react/jsx-runtime').JSX.Element
->;
+export * from './MediaCard';
+export * from './MediaCardLayout';
 //# sourceMappingURL=index.d.ts.map

package/dts/cards/MediaCard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/cards/MediaCard/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAA8B,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG3F,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAE3D,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE/E,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,CAAC;AAEtD,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAC7C,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,GAAG;IAChC,MAAM,CAAC,EAAE;QACP,mBAAmB;QACnB,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KAC7B,CAAC;CACH,CAAC;AAQJ,eAAO,MAAM,SAAS,+KAYjB,cAAc,GAAG;IAClB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;CACvB,6CAeF,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/cards/MediaCard/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC"}

package/dts/cards/MessagingCard/MessagingCard.d.ts

@@ -0,0 +1,34 @@
+import type { StyleProp, View, ViewStyle } from 'react-native';
+import { type CardRootProps } from '../CardRoot';
+import { type MessagingCardLayoutProps } from './MessagingCardLayout';
+export type MessagingCardBaseProps = MessagingCardLayoutProps;
+export type MessagingCardProps = MessagingCardBaseProps &
+  Omit<CardRootProps, 'children'> & {
+    styles?: {
+      /** Root element */
+      root?: StyleProp<ViewStyle>;
+    };
+  };
+export declare const MessagingCard: import('react').MemoExoticComponent<
+  ({
+    ref,
+    type,
+    title,
+    description,
+    tag,
+    action,
+    onActionButtonPress,
+    actionButtonAccessibilityLabel,
+    dismissButton,
+    onDismissButtonPress,
+    dismissButtonAccessibilityLabel,
+    mediaPlacement,
+    media,
+    style,
+    styles: { root: rootStyle, ...layoutStyles },
+    ...props
+  }: MessagingCardProps & {
+    ref?: React.Ref<View>;
+  }) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=MessagingCard.d.ts.map

package/dts/cards/MessagingCard/MessagingCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessagingCard.d.ts","sourceRoot":"","sources":["../../../src/cards/MessagingCard/MessagingCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG/D,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAE3D,OAAO,EAAuB,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAE3F,MAAM,MAAM,sBAAsB,GAAG,wBAAwB,CAAC;AAE9D,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,GACrD,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,GAAG;IAChC,MAAM,CAAC,EAAE;QACP,mBAAmB;QACnB,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KAC7B,CAAC;CACH,CAAC;AAOJ,eAAO,MAAM,aAAa,wSAkBrB,kBAAkB,GAAG;IACtB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;CACvB,6CA6BF,CAAC"}

package/dts/cards/MessagingCard/index.d.ts

@@ -1,34 +1,3 @@
-import type { StyleProp, View, ViewStyle } from 'react-native';
-import { type CardRootProps } from '../CardRoot';
-import { type MessagingCardLayoutProps } from './MessagingCardLayout';
-export type MessagingCardBaseProps = MessagingCardLayoutProps;
-export type MessagingCardProps = MessagingCardBaseProps &
-  Omit<CardRootProps, 'children'> & {
-    styles?: {
-      /** Root element */
-      root?: StyleProp<ViewStyle>;
-    };
-  };
-export declare const MessagingCard: import('react').MemoExoticComponent<
-  ({
-    ref,
-    type,
-    title,
-    description,
-    tag,
-    action,
-    onActionButtonPress,
-    actionButtonAccessibilityLabel,
-    dismissButton,
-    onDismissButtonPress,
-    dismissButtonAccessibilityLabel,
-    mediaPlacement,
-    media,
-    style,
-    styles: { root: rootStyle, ...layoutStyles },
-    ...props
-  }: MessagingCardProps & {
-    ref?: React.Ref<View>;
-  }) => import('react/jsx-runtime').JSX.Element
->;
+export * from './MessagingCard';
+export * from './MessagingCardLayout';
 //# sourceMappingURL=index.d.ts.map

package/dts/cards/MessagingCard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/cards/MessagingCard/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG/D,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAE3D,OAAO,EAAuB,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAE3F,MAAM,MAAM,sBAAsB,GAAG,wBAAwB,CAAC;AAE9D,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,GACrD,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,GAAG;IAChC,MAAM,CAAC,EAAE;QACP,mBAAmB;QACnB,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KAC7B,CAAC;CACH,CAAC;AAOJ,eAAO,MAAM,aAAa,wSAkBrB,kBAAkB,GAAG;IACtB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;CACvB,6CA6BF,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/cards/MessagingCard/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC"}

package/esm/cards/MediaCard/MediaCard.js

@@ -0,0 +1,46 @@
+const _excluded = ["root"],
+  _excluded2 = ["ref", "title", "subtitle", "description", "thumbnail", "media", "mediaPlacement", "style", "styles"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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 { memo } from 'react';
+import { CardRoot } from '../CardRoot';
+import { MediaCardLayout } from './MediaCardLayout';
+import { jsx as _jsx } from "react/jsx-runtime";
+const mediaCardContainerProps = {
+  borderRadius: 500,
+  background: 'bgAlternate',
+  overflow: 'hidden'
+};
+export const MediaCard = /*#__PURE__*/memo(_ref => {
+  let {
+      ref,
+      title,
+      subtitle,
+      description,
+      thumbnail,
+      media,
+      mediaPlacement = 'end',
+      style,
+      styles: {
+        root: rootStyle
+      } = {}
+    } = _ref,
+    layoutStyles = _objectWithoutPropertiesLoose(_ref.styles, _excluded),
+    props = _objectWithoutPropertiesLoose(_ref, _excluded2);
+  return /*#__PURE__*/_jsx(CardRoot, _extends({
+    ref: ref
+  }, mediaCardContainerProps, {
+    style: [style, rootStyle]
+  }, props, {
+    children: /*#__PURE__*/_jsx(MediaCardLayout, {
+      description: description,
+      media: media,
+      mediaPlacement: mediaPlacement,
+      styles: layoutStyles,
+      subtitle: subtitle,
+      thumbnail: thumbnail,
+      title: title
+    })
+  }));
+});
+MediaCard.displayName = 'MediaCard';

package/esm/cards/MediaCard/index.js

@@ -1,46 +1,2 @@
-const _excluded = ["root"],
-  _excluded2 = ["ref", "title", "subtitle", "description", "thumbnail", "media", "mediaPlacement", "style", "styles"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-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 { memo } from 'react';
-import { CardRoot } from '../CardRoot';
-import { MediaCardLayout } from './MediaCardLayout';
-import { jsx as _jsx } from "react/jsx-runtime";
-const mediaCardContainerProps = {
-  borderRadius: 500,
-  background: 'bgAlternate',
-  overflow: 'hidden'
-};
-export const MediaCard = /*#__PURE__*/memo(_ref => {
-  let {
-      ref,
-      title,
-      subtitle,
-      description,
-      thumbnail,
-      media,
-      mediaPlacement = 'end',
-      style,
-      styles: {
-        root: rootStyle
-      } = {}
-    } = _ref,
-    layoutStyles = _objectWithoutPropertiesLoose(_ref.styles, _excluded),
-    props = _objectWithoutPropertiesLoose(_ref, _excluded2);
-  return /*#__PURE__*/_jsx(CardRoot, _extends({
-    ref: ref
-  }, mediaCardContainerProps, {
-    style: [style, rootStyle]
-  }, props, {
-    children: /*#__PURE__*/_jsx(MediaCardLayout, {
-      description: description,
-      media: media,
-      mediaPlacement: mediaPlacement,
-      styles: layoutStyles,
-      subtitle: subtitle,
-      thumbnail: thumbnail,
-      title: title
-    })
-  }));
-});
-MediaCard.displayName = 'MediaCard';
+export * from './MediaCard';
+export * from './MediaCardLayout';

package/esm/cards/MessagingCard/MessagingCard.js

@@ -0,0 +1,59 @@
+const _excluded = ["root"],
+  _excluded2 = ["ref", "type", "title", "description", "tag", "action", "onActionButtonPress", "actionButtonAccessibilityLabel", "dismissButton", "onDismissButtonPress", "dismissButtonAccessibilityLabel", "mediaPlacement", "media", "style", "styles"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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 { memo } from 'react';
+import { CardRoot } from '../CardRoot';
+import { MessagingCardLayout } from './MessagingCardLayout';
+import { jsx as _jsx } from "react/jsx-runtime";
+const messagingCardContainerProps = {
+  borderRadius: 500,
+  overflow: 'hidden'
+};
+export const MessagingCard = /*#__PURE__*/memo(_ref => {
+  let {
+      ref,
+      type,
+      title,
+      description,
+      tag,
+      action,
+      onActionButtonPress,
+      actionButtonAccessibilityLabel,
+      dismissButton,
+      onDismissButtonPress,
+      dismissButtonAccessibilityLabel,
+      mediaPlacement,
+      media,
+      style,
+      styles: {
+        root: rootStyle
+      } = {}
+    } = _ref,
+    layoutStyles = _objectWithoutPropertiesLoose(_ref.styles, _excluded),
+    props = _objectWithoutPropertiesLoose(_ref, _excluded2);
+  const background = type === 'upsell' ? 'bgPrimary' : 'bgAlternate';
+  return /*#__PURE__*/_jsx(CardRoot, _extends({
+    ref: ref,
+    background: background,
+    borderWidth: 0,
+    style: [style, rootStyle]
+  }, messagingCardContainerProps, props, {
+    children: /*#__PURE__*/_jsx(MessagingCardLayout, {
+      action: action,
+      actionButtonAccessibilityLabel: actionButtonAccessibilityLabel,
+      description: description,
+      dismissButton: dismissButton,
+      dismissButtonAccessibilityLabel: dismissButtonAccessibilityLabel,
+      media: media,
+      mediaPlacement: mediaPlacement,
+      onActionButtonPress: onActionButtonPress,
+      onDismissButtonPress: onDismissButtonPress,
+      styles: layoutStyles,
+      tag: tag,
+      title: title,
+      type: type
+    })
+  }));
+});
+MessagingCard.displayName = 'MessagingCard';

package/esm/cards/MessagingCard/index.js

@@ -1,59 +1,2 @@
-const _excluded = ["root"],
-  _excluded2 = ["ref", "type", "title", "description", "tag", "action", "onActionButtonPress", "actionButtonAccessibilityLabel", "dismissButton", "onDismissButtonPress", "dismissButtonAccessibilityLabel", "mediaPlacement", "media", "style", "styles"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-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 { memo } from 'react';
-import { CardRoot } from '../CardRoot';
-import { MessagingCardLayout } from './MessagingCardLayout';
-import { jsx as _jsx } from "react/jsx-runtime";
-const messagingCardContainerProps = {
-  borderRadius: 500,
-  overflow: 'hidden'
-};
-export const MessagingCard = /*#__PURE__*/memo(_ref => {
-  let {
-      ref,
-      type,
-      title,
-      description,
-      tag,
-      action,
-      onActionButtonPress,
-      actionButtonAccessibilityLabel,
-      dismissButton,
-      onDismissButtonPress,
-      dismissButtonAccessibilityLabel,
-      mediaPlacement,
-      media,
-      style,
-      styles: {
-        root: rootStyle
-      } = {}
-    } = _ref,
-    layoutStyles = _objectWithoutPropertiesLoose(_ref.styles, _excluded),
-    props = _objectWithoutPropertiesLoose(_ref, _excluded2);
-  const background = type === 'upsell' ? 'bgPrimary' : 'bgAlternate';
-  return /*#__PURE__*/_jsx(CardRoot, _extends({
-    ref: ref,
-    background: background,
-    borderWidth: 0,
-    style: [style, rootStyle]
-  }, messagingCardContainerProps, props, {
-    children: /*#__PURE__*/_jsx(MessagingCardLayout, {
-      action: action,
-      actionButtonAccessibilityLabel: actionButtonAccessibilityLabel,
-      description: description,
-      dismissButton: dismissButton,
-      dismissButtonAccessibilityLabel: dismissButtonAccessibilityLabel,
-      media: media,
-      mediaPlacement: mediaPlacement,
-      onActionButtonPress: onActionButtonPress,
-      onDismissButtonPress: onDismissButtonPress,
-      styles: layoutStyles,
-      tag: tag,
-      title: title,
-      type: type
-    })
-  }));
-});
-MessagingCard.displayName = 'MessagingCard';
+export * from './MessagingCard';
+export * from './MessagingCardLayout';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cds-mobile",
-  "version": "9.6.8",
+  "version": "9.6.10",
   "description": "Coinbase Design System - Mobile",
   "repository": {
     "type": "git",
@@ -29,6 +29,10 @@
       "types": "./dts/alpha/combobox/index.d.ts",
       "default": "./esm/alpha/combobox/index.js"
     },
+    "./alpha/data-card": {
+      "types": "./dts/alpha/data-card/index.d.ts",
+      "default": "./esm/alpha/data-card/index.js"
+    },
     "./alpha/select": {
       "types": "./dts/alpha/select/index.d.ts",
       "default": "./esm/alpha/select/index.js"
@@ -61,6 +65,14 @@
       "types": "./dts/cards/ContentCard/index.d.ts",
       "default": "./esm/cards/ContentCard/index.js"
     },
+    "./cards/MediaCard": {
+      "types": "./dts/cards/MediaCard/index.d.ts",
+      "default": "./esm/cards/MediaCard/index.js"
+    },
+    "./cards/MessagingCard": {
+      "types": "./dts/cards/MessagingCard/index.d.ts",
+      "default": "./esm/cards/MessagingCard/index.js"
+    },
     "./carousel": {
       "types": "./dts/carousel/index.d.ts",
       "default": "./esm/carousel/index.js"
@@ -206,7 +218,7 @@
     "react-native-worklets": "0.5.2"
   },
   "dependencies": {
-    "@coinbase/cds-common": "^9.6.8",
+    "@coinbase/cds-common": "^9.6.10",
     "@coinbase/cds-icons": "^5.21.0",
     "@coinbase/cds-illustrations": "^4.44.0",
     "@coinbase/cds-lottie-files": "^3.3.4",