@coinbase/cds-web 9.6.7 → 9.6.9

package/CHANGELOG.md

@@ -8,6 +8,18 @@ All notable changes to this project will be documented in this file.
 
 <!-- template-start -->
 
+## 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 PST)
+
+#### 🐞 Fixes
+
+- Make Coachmark close button transparent. [[#798](https://github.com/coinbase/cds/pull/798)]
+
 ## 9.6.7 ((7/20/2026, 09:01 AM PST))
 
 This is an artificial version bump with no new change.

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

@@ -0,0 +1,28 @@
+import React from 'react';
+import type { Polymorphic } from '../../core/polymorphism';
+import { type CardRootBaseProps } from '../CardRoot';
+import { type MediaCardLayoutProps } from './MediaCardLayout';
+export type MediaCardBaseProps = Polymorphic.ExtendableProps<
+  Omit<CardRootBaseProps, 'children'>,
+  MediaCardLayoutProps & {
+    classNames?: {
+      /** Root element */
+      root?: string;
+    };
+    styles?: {
+      /** Root element */
+      root?: React.CSSProperties;
+    };
+  }
+>;
+export type MediaCardProps<AsComponent extends React.ElementType = 'article'> = Polymorphic.Props<
+  AsComponent,
+  MediaCardBaseProps
+>;
+type MediaCardComponent = (<AsComponent extends React.ElementType = 'article'>(
+  props: MediaCardProps<AsComponent>,
+) => Polymorphic.ReactReturn) &
+  Polymorphic.ReactNamed;
+export declare const MediaCard: MediaCardComponent;
+export {};
+//# 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":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAGhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAE/D,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE/E,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAC,eAAe,CAC1D,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC,EACnC,oBAAoB,GAAG;IACrB,UAAU,CAAC,EAAE;QACX,mBAAmB;QACnB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,MAAM,CAAC,EAAE;QACP,mBAAmB;QACnB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KAC5B,CAAC;CACH,CACF,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,SAAS,IAAI,WAAW,CAAC,KAAK,CAC/F,WAAW,EACX,kBAAkB,CACnB,CAAC;AASF,KAAK,kBAAkB,GAAG,CAAC,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,SAAS,EAC3E,KAAK,EAAE,cAAc,CAAC,WAAW,CAAC,KAC/B,WAAW,CAAC,WAAW,CAAC,GAC3B,WAAW,CAAC,UAAU,CAAC;AAEzB,eAAO,MAAM,SAAS,EAAE,kBAyCvB,CAAC"}

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

@@ -1,28 +1,3 @@
-import React from 'react';
-import type { Polymorphic } from '../../core/polymorphism';
-import { type CardRootBaseProps } from '../CardRoot';
-import { type MediaCardLayoutProps } from './MediaCardLayout';
-export type MediaCardBaseProps = Polymorphic.ExtendableProps<
-  Omit<CardRootBaseProps, 'children'>,
-  MediaCardLayoutProps & {
-    classNames?: {
-      /** Root element */
-      root?: string;
-    };
-    styles?: {
-      /** Root element */
-      root?: React.CSSProperties;
-    };
-  }
->;
-export type MediaCardProps<AsComponent extends React.ElementType = 'article'> = Polymorphic.Props<
-  AsComponent,
-  MediaCardBaseProps
->;
-type MediaCardComponent = (<AsComponent extends React.ElementType = 'article'>(
-  props: MediaCardProps<AsComponent>,
-) => Polymorphic.ReactReturn) &
-  Polymorphic.ReactNamed;
-export declare const MediaCard: MediaCardComponent;
-export {};
+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":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAGhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAE/D,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE/E,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAC,eAAe,CAC1D,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC,EACnC,oBAAoB,GAAG;IACrB,UAAU,CAAC,EAAE;QACX,mBAAmB;QACnB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,MAAM,CAAC,EAAE;QACP,mBAAmB;QACnB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KAC5B,CAAC;CACH,CACF,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,SAAS,IAAI,WAAW,CAAC,KAAK,CAC/F,WAAW,EACX,kBAAkB,CACnB,CAAC;AASF,KAAK,kBAAkB,GAAG,CAAC,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,SAAS,EAC3E,KAAK,EAAE,cAAc,CAAC,WAAW,CAAC,KAC/B,WAAW,CAAC,WAAW,CAAC,GAC3B,WAAW,CAAC,UAAU,CAAC;AAEzB,eAAO,MAAM,SAAS,EAAE,kBAyCvB,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,25 @@
+import type { Polymorphic } from '../../core/polymorphism';
+import { type CardRootBaseProps } from '../CardRoot';
+import { type MessagingCardLayoutProps } from './MessagingCardLayout';
+export type MessagingCardBaseProps = Polymorphic.ExtendableProps<
+  Omit<CardRootBaseProps, 'children'>,
+  MessagingCardLayoutProps & {
+    classNames?: {
+      /** Root element */
+      root?: string;
+    };
+    styles?: {
+      /** Root element */
+      root?: React.CSSProperties;
+    };
+  }
+>;
+export type MessagingCardProps<AsComponent extends React.ElementType = 'article'> =
+  Polymorphic.Props<AsComponent, MessagingCardBaseProps>;
+type MessagingCardComponent = (<AsComponent extends React.ElementType = 'article'>(
+  props: MessagingCardProps<AsComponent>,
+) => Polymorphic.ReactReturn) &
+  Polymorphic.ReactNamed;
+export declare const MessagingCard: MessagingCardComponent;
+export {};
+//# 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":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAE/D,OAAO,EAAuB,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAE3F,MAAM,MAAM,sBAAsB,GAAG,WAAW,CAAC,eAAe,CAC9D,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC,EACnC,wBAAwB,GAAG;IACzB,UAAU,CAAC,EAAE;QACX,mBAAmB;QACnB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,MAAM,CAAC,EAAE;QACP,mBAAmB;QACnB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KAC5B,CAAC;CACH,CACF,CAAC;AAEF,MAAM,MAAM,kBAAkB,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,SAAS,IAC9E,WAAW,CAAC,KAAK,CAAC,WAAW,EAAE,sBAAsB,CAAC,CAAC;AAEzD,KAAK,sBAAsB,GAAG,CAAC,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,SAAS,EAC/E,KAAK,EAAE,kBAAkB,CAAC,WAAW,CAAC,KACnC,WAAW,CAAC,WAAW,CAAC,GAC3B,WAAW,CAAC,UAAU,CAAC;AAEzB,eAAO,MAAM,aAAa,EAAE,sBAuD3B,CAAC"}

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

@@ -1,25 +1,3 @@
-import type { Polymorphic } from '../../core/polymorphism';
-import { type CardRootBaseProps } from '../CardRoot';
-import { type MessagingCardLayoutProps } from './MessagingCardLayout';
-export type MessagingCardBaseProps = Polymorphic.ExtendableProps<
-  Omit<CardRootBaseProps, 'children'>,
-  MessagingCardLayoutProps & {
-    classNames?: {
-      /** Root element */
-      root?: string;
-    };
-    styles?: {
-      /** Root element */
-      root?: React.CSSProperties;
-    };
-  }
->;
-export type MessagingCardProps<AsComponent extends React.ElementType = 'article'> =
-  Polymorphic.Props<AsComponent, MessagingCardBaseProps>;
-type MessagingCardComponent = (<AsComponent extends React.ElementType = 'article'>(
-  props: MessagingCardProps<AsComponent>,
-) => Polymorphic.ReactReturn) &
-  Polymorphic.ReactNamed;
-export declare const MessagingCard: MessagingCardComponent;
-export {};
+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":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAE/D,OAAO,EAAuB,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAE3F,MAAM,MAAM,sBAAsB,GAAG,WAAW,CAAC,eAAe,CAC9D,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC,EACnC,wBAAwB,GAAG;IACzB,UAAU,CAAC,EAAE;QACX,mBAAmB;QACnB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,MAAM,CAAC,EAAE;QACP,mBAAmB;QACnB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KAC5B,CAAC;CACH,CACF,CAAC;AAEF,MAAM,MAAM,kBAAkB,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,SAAS,IAC9E,WAAW,CAAC,KAAK,CAAC,WAAW,EAAE,sBAAsB,CAAC,CAAC;AAEzD,KAAK,sBAAsB,GAAG,CAAC,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,SAAS,EAC/E,KAAK,EAAE,kBAAkB,CAAC,WAAW,CAAC,KACnC,WAAW,CAAC,WAAW,CAAC,GAC3B,WAAW,CAAC,UAAU,CAAC;AAEzB,eAAO,MAAM,aAAa,EAAE,sBAuD3B,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/dts/coachmark/Coachmark.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Coachmark.d.ts","sourceRoot":"","sources":["../../src/coachmark/Coachmark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAI1E,OAAO,EAAO,KAAK,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAM9F,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAC1C,YAAY,GAAG;IACb;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACrC;;OAEG;IACH,6BAA6B,CAAC,EAAE,MAAM,CAAC;CACxC,CAAC;AAEJ,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAC7C,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC,CAAC;AAEzD,eAAO,MAAM,SAAS,+FAiErB,CAAC"}
+{"version":3,"file":"Coachmark.d.ts","sourceRoot":"","sources":["../../src/coachmark/Coachmark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAI1E,OAAO,EAAO,KAAK,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAM9F,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAC1C,YAAY,GAAG;IACb;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACrC;;OAEG;IACH,6BAA6B,CAAC,EAAE,MAAM,CAAC;CACxC,CAAC;AAEJ,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAC7C,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC,CAAC;AAEzD,eAAO,MAAM,SAAS,+FAkErB,CAAC"}

package/esm/cards/MediaCard/MediaCard.js

@@ -0,0 +1,61 @@
+const _excluded = ["root"],
+  _excluded2 = ["root"],
+  _excluded3 = ["title", "subtitle", "description", "thumbnail", "media", "children", "mediaPlacement", "as", "classNames", "styles", "className", "style"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return 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, memo } from 'react';
+import { cx } from '../../cx';
+import { CardRoot } from '../CardRoot';
+import { MediaCardLayout } from './MediaCardLayout';
+import { jsx as _jsx } from "react/jsx-runtime";
+const mediaCardContainerProps = {
+  borderRadius: 500,
+  flexDirection: 'row',
+  background: 'bgAlternate',
+  overflow: 'hidden'
+};
+export const MediaCard = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+      title,
+      subtitle,
+      description,
+      thumbnail,
+      media,
+      children,
+      mediaPlacement = 'end',
+      as,
+      classNames: {
+        root: rootClassName
+      } = {},
+      styles: {
+        root: rootStyle
+      } = {},
+      className,
+      style
+    } = _ref,
+    layoutClassNames = _objectWithoutProperties(_ref.classNames, _excluded),
+    layoutStyles = _objectWithoutProperties(_ref.styles, _excluded2),
+    props = _objectWithoutProperties(_ref, _excluded3);
+  return /*#__PURE__*/_jsx(CardRoot, _objectSpread(_objectSpread(_objectSpread({
+    ref: ref,
+    as: as,
+    className: cx(rootClassName, className),
+    style: _objectSpread(_objectSpread({}, rootStyle), style)
+  }, mediaCardContainerProps), props), {}, {
+    children: /*#__PURE__*/_jsx(MediaCardLayout, {
+      classNames: layoutClassNames,
+      description: description,
+      media: media,
+      mediaPlacement: mediaPlacement,
+      styles: layoutStyles,
+      subtitle: subtitle,
+      thumbnail: thumbnail,
+      title: title
+    })
+  }));
+}));

package/esm/cards/MediaCard/index.js

@@ -1,61 +1,2 @@
-const _excluded = ["root"],
-  _excluded2 = ["root"],
-  _excluded3 = ["title", "subtitle", "description", "thumbnail", "media", "children", "mediaPlacement", "as", "classNames", "styles", "className", "style"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return 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, memo } from 'react';
-import { cx } from '../../cx';
-import { CardRoot } from '../CardRoot';
-import { MediaCardLayout } from './MediaCardLayout';
-import { jsx as _jsx } from "react/jsx-runtime";
-const mediaCardContainerProps = {
-  borderRadius: 500,
-  flexDirection: 'row',
-  background: 'bgAlternate',
-  overflow: 'hidden'
-};
-export const MediaCard = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      title,
-      subtitle,
-      description,
-      thumbnail,
-      media,
-      children,
-      mediaPlacement = 'end',
-      as,
-      classNames: {
-        root: rootClassName
-      } = {},
-      styles: {
-        root: rootStyle
-      } = {},
-      className,
-      style
-    } = _ref,
-    layoutClassNames = _objectWithoutProperties(_ref.classNames, _excluded),
-    layoutStyles = _objectWithoutProperties(_ref.styles, _excluded2),
-    props = _objectWithoutProperties(_ref, _excluded3);
-  return /*#__PURE__*/_jsx(CardRoot, _objectSpread(_objectSpread(_objectSpread({
-    ref: ref,
-    as: as,
-    className: cx(rootClassName, className),
-    style: _objectSpread(_objectSpread({}, rootStyle), style)
-  }, mediaCardContainerProps), props), {}, {
-    children: /*#__PURE__*/_jsx(MediaCardLayout, {
-      classNames: layoutClassNames,
-      description: description,
-      media: media,
-      mediaPlacement: mediaPlacement,
-      styles: layoutStyles,
-      subtitle: subtitle,
-      thumbnail: thumbnail,
-      title: title
-    })
-  }));
-}));
+export * from './MediaCard';
+export * from './MediaCardLayout';

package/esm/cards/MessagingCard/MessagingCard.js

@@ -0,0 +1,70 @@
+const _excluded = ["root"],
+  _excluded2 = ["root"],
+  _excluded3 = ["as", "type", "title", "description", "tag", "action", "onActionButtonClick", "actionButtonAccessibilityLabel", "onDismissButtonClick", "dismissButtonAccessibilityLabel", "mediaPlacement", "media", "dismissButton", "styles", "classNames", "className", "style"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return 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 { forwardRef, memo } from 'react';
+import { cx } from '../../cx';
+import { CardRoot } from '../CardRoot';
+import { MessagingCardLayout } from './MessagingCardLayout';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const MessagingCard = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+      as,
+      type,
+      title,
+      description,
+      tag,
+      action,
+      onActionButtonClick,
+      actionButtonAccessibilityLabel,
+      onDismissButtonClick,
+      dismissButtonAccessibilityLabel,
+      mediaPlacement,
+      media,
+      dismissButton,
+      styles: {
+        root: rootStyle
+      } = {},
+      classNames: {
+        root: rootClassName
+      } = {},
+      className,
+      style
+    } = _ref,
+    layoutStyles = _objectWithoutProperties(_ref.styles, _excluded),
+    layoutClassNames = _objectWithoutProperties(_ref.classNames, _excluded2),
+    props = _objectWithoutProperties(_ref, _excluded3);
+  return /*#__PURE__*/_jsx(CardRoot, _objectSpread(_objectSpread({
+    ref: ref,
+    as: as,
+    background: type === 'upsell' ? 'bgPrimary' : 'bgAlternate',
+    borderRadius: 500,
+    borderWidth: 0,
+    className: cx(rootClassName, className),
+    overflow: "hidden",
+    style: _objectSpread(_objectSpread({}, rootStyle), style)
+  }, props), {}, {
+    children: /*#__PURE__*/_jsx(MessagingCardLayout, {
+      action: action,
+      actionButtonAccessibilityLabel: actionButtonAccessibilityLabel,
+      classNames: layoutClassNames,
+      description: description,
+      dismissButton: dismissButton,
+      dismissButtonAccessibilityLabel: dismissButtonAccessibilityLabel,
+      media: media,
+      mediaPlacement: mediaPlacement,
+      onActionButtonClick: onActionButtonClick,
+      onDismissButtonClick: onDismissButtonClick,
+      styles: layoutStyles,
+      tag: tag,
+      title: title,
+      type: type
+    })
+  }));
+}));

package/esm/cards/MessagingCard/index.js

@@ -1,70 +1,2 @@
-const _excluded = ["root"],
-  _excluded2 = ["root"],
-  _excluded3 = ["as", "type", "title", "description", "tag", "action", "onActionButtonClick", "actionButtonAccessibilityLabel", "onDismissButtonClick", "dismissButtonAccessibilityLabel", "mediaPlacement", "media", "dismissButton", "styles", "classNames", "className", "style"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return 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 { forwardRef, memo } from 'react';
-import { cx } from '../../cx';
-import { CardRoot } from '../CardRoot';
-import { MessagingCardLayout } from './MessagingCardLayout';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const MessagingCard = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      as,
-      type,
-      title,
-      description,
-      tag,
-      action,
-      onActionButtonClick,
-      actionButtonAccessibilityLabel,
-      onDismissButtonClick,
-      dismissButtonAccessibilityLabel,
-      mediaPlacement,
-      media,
-      dismissButton,
-      styles: {
-        root: rootStyle
-      } = {},
-      classNames: {
-        root: rootClassName
-      } = {},
-      className,
-      style
-    } = _ref,
-    layoutStyles = _objectWithoutProperties(_ref.styles, _excluded),
-    layoutClassNames = _objectWithoutProperties(_ref.classNames, _excluded2),
-    props = _objectWithoutProperties(_ref, _excluded3);
-  return /*#__PURE__*/_jsx(CardRoot, _objectSpread(_objectSpread({
-    ref: ref,
-    as: as,
-    background: type === 'upsell' ? 'bgPrimary' : 'bgAlternate',
-    borderRadius: 500,
-    borderWidth: 0,
-    className: cx(rootClassName, className),
-    overflow: "hidden",
-    style: _objectSpread(_objectSpread({}, rootStyle), style)
-  }, props), {}, {
-    children: /*#__PURE__*/_jsx(MessagingCardLayout, {
-      action: action,
-      actionButtonAccessibilityLabel: actionButtonAccessibilityLabel,
-      classNames: layoutClassNames,
-      description: description,
-      dismissButton: dismissButton,
-      dismissButtonAccessibilityLabel: dismissButtonAccessibilityLabel,
-      media: media,
-      mediaPlacement: mediaPlacement,
-      onActionButtonClick: onActionButtonClick,
-      onDismissButtonClick: onDismissButtonClick,
-      styles: layoutStyles,
-      tag: tag,
-      title: title,
-      type: type
-    })
-  }));
-}));
+export * from './MessagingCard';
+export * from './MessagingCardLayout';

package/esm/coachmark/Coachmark.js

@@ -44,6 +44,7 @@ export const Coachmark = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_props, ref)
         padding: 1,
         pin: "right",
         children: /*#__PURE__*/_jsx(IconButton, {
+          transparent: true,
           accessibilityLabel: closeButtonAccessibilityLabel,
           name: "close",
           onClick: onClose

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cds-web",
-  "version": "9.6.7",
+  "version": "9.6.9",
   "description": "Coinbase Design System - Web",
   "repository": {
     "type": "git",
@@ -68,6 +68,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"
@@ -219,7 +227,7 @@
     "react-dom": "^18.0.0 || ~19.1.2"
   },
   "dependencies": {
-    "@coinbase/cds-common": "^9.6.7",
+    "@coinbase/cds-common": "^9.6.9",
     "@coinbase/cds-icons": "^5.21.0",
     "@coinbase/cds-illustrations": "^4.44.0",
     "@coinbase/cds-lottie-files": "^3.3.4",