@coinbase/cds-web 8.41.0 → 8.43.0

package/CHANGELOG.md

@@ -8,6 +8,19 @@ All notable changes to this project will be documented in this file.
 
 <!-- template-start -->
 
+## 8.43.0 (2/6/2026 PST)
+
+#### 🚀 Updates
+
+- Carousel autoplay. [[#361](https://github.com/coinbase/cds/pull/361)]
+
+## 8.42.0 (2/4/2026 PST)
+
+#### 🚀 Updates
+
+- Added MediaCard, MessagingCard, and alpha DataCard. [[#329](https://github.com/coinbase/cds/pull/329)]
+- Updated ContentCard. [[#329](https://github.com/coinbase/cds/pull/329)]
+
 ## 8.41.0 (2/4/2026 PST)
 
 #### 🚀 Updates

package/dts/alpha/data-card/DataCard.d.ts

@@ -0,0 +1,25 @@
+import { type CardRootBaseProps } from '../../cards/CardRoot';
+import type { Polymorphic } from '../../core/polymorphism';
+import { type DataCardLayoutProps } from './DataCardLayout';
+export type DataCardBaseProps = Polymorphic.ExtendableProps<
+  Omit<CardRootBaseProps, 'children'>,
+  DataCardLayoutProps & {
+    classNames?: {
+      root?: string;
+    };
+    styles?: {
+      root?: React.CSSProperties;
+    };
+  }
+>;
+export type DataCardProps<AsComponent extends React.ElementType = 'article'> = Polymorphic.Props<
+  AsComponent,
+  DataCardBaseProps
+>;
+type DataCardComponent = (<AsComponent extends React.ElementType = 'article'>(
+  props: DataCardProps<AsComponent>,
+) => Polymorphic.ReactReturn) &
+  Polymorphic.ReactNamed;
+export declare const DataCard: DataCardComponent;
+export {};
+//# sourceMappingURL=DataCard.d.ts.map

package/dts/alpha/data-card/DataCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataCard.d.ts","sourceRoot":"","sources":["../../../src/alpha/data-card/DataCard.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAG3D,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5E,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC,eAAe,CACzD,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC,EACnC,mBAAmB,GAAG;IACpB,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KAC5B,CAAC;CACH,CACF,CAAC;AAEF,MAAM,MAAM,aAAa,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,SAAS,IAAI,WAAW,CAAC,KAAK,CAC9F,WAAW,EACX,iBAAiB,CAClB,CAAC;AAEF,KAAK,iBAAiB,GAAG,CAAC,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,SAAS,EAC1E,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,KAC9B,WAAW,CAAC,WAAW,CAAC,GAC3B,WAAW,CAAC,UAAU,CAAC;AASzB,eAAO,MAAM,QAAQ,EAAE,iBA2CtB,CAAC"}

package/dts/alpha/data-card/DataCardLayout.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+export type DataCardLayoutBaseProps = {
+  /** Text or React node to display as the card title. Use a Text component to override default color and font. */
+  title: React.ReactNode;
+  /** Text or React node to display as the card subtitle. Use a Text component to override default color and font. */
+  subtitle?: React.ReactNode;
+  /** React node to display as a title accessory. */
+  titleAccessory?: React.ReactNode;
+  /** React node to display as a thumbnail in the header area. */
+  thumbnail?: React.ReactNode;
+  /** Layout orientation of the card. Horizontal places header and visualization side by side, vertical stacks them.
+   * @default 'vertical'
+   */
+  layout: 'horizontal' | 'vertical';
+  /** Child node to display as the visualization (e.g., ProgressBar or ProgressCircle). */
+  children?: React.ReactNode;
+};
+export type DataCardLayoutProps = DataCardLayoutBaseProps & {
+  classNames?: {
+    layoutContainer?: string;
+    headerContainer?: string;
+    textContainer?: string;
+    titleContainer?: string;
+  };
+  styles?: {
+    layoutContainer?: React.CSSProperties;
+    headerContainer?: React.CSSProperties;
+    textContainer?: React.CSSProperties;
+    titleContainer?: React.CSSProperties;
+  };
+};
+export declare const DataCardLayout: React.MemoExoticComponent<
+  ({
+    title,
+    subtitle,
+    titleAccessory,
+    thumbnail,
+    layout,
+    classNames,
+    styles,
+    children,
+  }: DataCardLayoutProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=DataCardLayout.d.ts.map

package/dts/alpha/data-card/DataCardLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataCardLayout.d.ts","sourceRoot":"","sources":["../../../src/alpha/data-card/DataCardLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAM7C,MAAM,MAAM,uBAAuB,GAAG;IACpC,gHAAgH;IAChH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,mHAAmH;IACnH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kDAAkD;IAClD,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,+DAA+D;IAC/D,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;OAEG;IACH,MAAM,EAAE,YAAY,GAAG,UAAU,CAAC;IAClC,wFAAwF;IACxF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,uBAAuB,GAAG;IAC1D,UAAU,CAAC,EAAE;QACX,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,cAAc,CAAC,EAAE,MAAM,CAAC;KACzB,CAAC;IACF,MAAM,CAAC,EAAE;QACP,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QACtC,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QACtC,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QACpC,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KACtC,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,cAAc,oHAUtB,mBAAmB,6CAwEvB,CAAC"}

package/dts/alpha/data-card/__figma__/DataCard.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=DataCard.figma.d.ts.map

package/dts/alpha/data-card/__figma__/DataCard.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataCard.figma.d.ts","sourceRoot":"","sources":["../../../../src/alpha/data-card/__figma__/DataCard.figma.tsx"],"names":[],"mappings":""}

package/dts/alpha/data-card/index.d.ts

@@ -0,0 +1,3 @@
+export type { DataCardBaseProps, DataCardProps } from './DataCard';
+export { DataCard } from './DataCard';
+//# sourceMappingURL=index.d.ts.map

package/dts/alpha/data-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/alpha/data-card/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dts/alpha/index.d.ts

@@ -1,4 +1,5 @@
 export * from './combobox';
+export * from './data-card';
 export * from './select';
 export * from './select-chip';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/alpha/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/alpha/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC"}

package/dts/cards/AnnouncementCard.d.ts

@@ -3,6 +3,6 @@ import { type CardBaseProps } from './Card';
 import { type CardBodyBaseProps } from './CardBody';
 export type AnnouncementCardBaseProps = CardBaseProps & CardBodyBaseProps;
 export type AnnouncementCardProps = AnnouncementCardBaseProps;
-/** @deprecated will be removed in v7.0.0 use NudgeCard or UpsellCard instead */
+/** @deprecated Use MessagingCard instead. AnnouncementCard will be removed in a future major release. */
 export declare const AnnouncementCard: React.NamedExoticComponent<AnnouncementCardBaseProps>;
 //# sourceMappingURL=AnnouncementCard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AnnouncementCard.d.ts","sourceRoot":"","sources":["../../src/cards/AnnouncementCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAE9D,MAAM,MAAM,yBAAyB,GAAG,aAAa,GAAG,iBAAiB,CAAC;AAC1E,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,CAAC;AAC9D,gFAAgF;AAChF,eAAO,MAAM,gBAAgB,uDAmC3B,CAAC"}
+{"version":3,"file":"AnnouncementCard.d.ts","sourceRoot":"","sources":["../../src/cards/AnnouncementCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAE9D,MAAM,MAAM,yBAAyB,GAAG,aAAa,GAAG,iBAAiB,CAAC;AAC1E,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,CAAC;AAC9D,yGAAyG;AACzG,eAAO,MAAM,gBAAgB,uDAmC3B,CAAC"}

package/dts/cards/CardRoot.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import type { Polymorphic } from '../core/polymorphism';
+import { type PressableBaseProps } from '../system/Pressable';
+export type CardRootBaseProps = Polymorphic.ExtendableProps<
+  PressableBaseProps,
+  {
+    /** Content to render inside the card. */
+    children?: React.ReactNode;
+    /**
+     * If true, the CardRoot will be rendered as a Pressable component.
+     * When false, renders as an HStack for layout purposes.
+     * @default true if `as` is 'button' or 'a', otherwise false
+     */
+    renderAsPressable?: boolean;
+  }
+>;
+export type CardRootProps<AsComponent extends React.ElementType = 'div'> = Polymorphic.Props<
+  AsComponent,
+  CardRootBaseProps
+>;
+type CardRootComponent = (<AsComponent extends React.ElementType = 'div'>(
+  props: Polymorphic.Props<AsComponent, CardRootBaseProps>,
+) => Polymorphic.ReactReturn) &
+  Polymorphic.ReactNamed;
+/**
+ * CardRoot is the foundational wrapper component for card layouts.
+ *
+ * By default, it renders as a `<div>` element using HStack for horizontal layout.
+ * When `renderAsPressable` is true, it renders as a Pressable component (defaults to `<button>`).
+ *
+ * Supports polymorphism via the `as` prop to change the underlying HTML element.
+ */
+export declare const CardRoot: CardRootComponent;
+export {};
+//# sourceMappingURL=CardRoot.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardRoot.d.ts","sourceRoot":"","sources":["../../src/cards/CardRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAEhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAExD,OAAO,EAAa,KAAK,kBAAkB,EAAuB,MAAM,qBAAqB,CAAC;AAE9F,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC,eAAe,CACzD,kBAAkB,EAClB;IACE,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CACF,CAAC;AAEF,MAAM,MAAM,aAAa,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,WAAW,CAAC,KAAK,CAC1F,WAAW,EACX,iBAAiB,CAClB,CAAC;AAEF,KAAK,iBAAiB,GAAG,CAAC,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EACtE,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,WAAW,EAAE,iBAAiB,CAAC,KACrD,WAAW,CAAC,WAAW,CAAC,GAC3B,WAAW,CAAC,UAAU,CAAC;AAEzB;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,EAAE,iBA0BtB,CAAC"}

package/dts/cards/ContainedAssetCard.d.ts

@@ -16,6 +16,33 @@ export declare const containedAssetCardSmallWidth = 156;
 export declare const containedAssetCardSmallMinWidth = 156;
 export declare const containedAssetCardLargeWidth = 359;
 export declare const containedAssetCardLargeMinWidth = 327;
+/**
+ * @deprecated Use `MediaCard` instead. ContainedAssetCard will be removed in a future major release.
+ *
+ * Migration guide:
+ * ```tsx
+ * // Before
+ * <ContainedAssetCard
+ *   header={<Avatar ... />}
+ *   title="Asset Title"
+ *   subtitle="Subtitle"
+ *   description="Description"
+ *   size="l"
+ * >
+ *   <RemoteImage ... />
+ * </ContainedAssetCard>
+ *
+ * // After
+ * <MediaCard
+ *   thumbnail={<Avatar ... />}
+ *   title="Asset Title"
+ *   subtitle="Subtitle"
+ *   description="Description"
+ *   media={<RemoteImage ... />}
+ *   mediaPlacement="end"
+ * />
+ * ```
+ */
 export declare const ContainedAssetCard: ({
   header,
   title,

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

@@ -1 +1 @@
-{"version":3,"file":"ContainedAssetCard.d.ts","sourceRoot":"","sources":["../../src/cards/ContainedAssetCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,4BAA4B,CAAC;AAI7E,OAAO,EAAO,KAAK,iBAAiB,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAK3E,MAAM,MAAM,2BAA2B,GAAG,WAAW,GAAG;IACtD,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,2BAA2B,GAC/D,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,CAAC;AAE7C,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAC5C,eAAO,MAAM,4BAA4B,MAAM,CAAC;AAChD,eAAO,MAAM,+BAA+B,MAAM,CAAC;AACnD,eAAO,MAAM,4BAA4B,MAAM,CAAC;AAChD,eAAO,MAAM,+BAA+B,MAAM,CAAC;AAwCnD,eAAO,MAAM,kBAAkB,GAAI,4KAkBhC,uBAAuB,4CAuDzB,CAAC"}
+{"version":3,"file":"ContainedAssetCard.d.ts","sourceRoot":"","sources":["../../src/cards/ContainedAssetCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,4BAA4B,CAAC;AAI7E,OAAO,EAAO,KAAK,iBAAiB,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAK3E,MAAM,MAAM,2BAA2B,GAAG,WAAW,GAAG;IACtD,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,2BAA2B,GAC/D,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,CAAC;AAE7C,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAC5C,eAAO,MAAM,4BAA4B,MAAM,CAAC;AAChD,eAAO,MAAM,+BAA+B,MAAM,CAAC;AACnD,eAAO,MAAM,4BAA4B,MAAM,CAAC;AAChD,eAAO,MAAM,+BAA+B,MAAM,CAAC;AAwCnD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,kBAAkB,GAAI,4KAkBhC,uBAAuB,4CAuDzB,CAAC"}

package/dts/cards/ContentCard/ContentCard.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import type { Polymorphic } from '../../core/polymorphism';
-import { type BoxBaseProps } from '../../layout';
-export declare const contentCardDefaultElement = 'div';
+import { type VStackBaseProps } from '../../layout';
+export declare const contentCardDefaultElement = 'article';
 export type ContentCardDefaultElement = typeof contentCardDefaultElement;
-export type ContentCardBaseProps = BoxBaseProps;
+export type ContentCardBaseProps = Polymorphic.ExtendableProps<VStackBaseProps, object>;
 export type ContentCardProps<AsComponent extends React.ElementType> = Polymorphic.Props<
   AsComponent,
   ContentCardBaseProps

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

@@ -1 +1 @@
-{"version":3,"file":"ContentCard.d.ts","sourceRoot":"","sources":["../../../src/cards/ContentCard/ContentCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAGhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,KAAK,YAAY,EAAU,MAAM,cAAc,CAAC;AAEzD,eAAO,MAAM,yBAAyB,QAAQ,CAAC;AAC/C,MAAM,MAAM,yBAAyB,GAAG,OAAO,yBAAyB,CAAC;AAEzE,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC;AAEhD,MAAM,MAAM,gBAAgB,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,IAAI,WAAW,CAAC,KAAK,CACrF,WAAW,EACX,oBAAoB,CACrB,CAAC;AAEF,KAAK,oBAAoB,GAAG,CAAC,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,yBAAyB,EAC7F,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,KACjC,WAAW,CAAC,WAAW,CAAC,GAC3B,WAAW,CAAC,UAAU,CAAC;AAEzB,eAAO,MAAM,WAAW,EAAE,oBAiCzB,CAAC"}
+{"version":3,"file":"ContentCard.d.ts","sourceRoot":"","sources":["../../../src/cards/ContentCard/ContentCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAGhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAU,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAE5D,eAAO,MAAM,yBAAyB,YAAY,CAAC;AACnD,MAAM,MAAM,yBAAyB,GAAG,OAAO,yBAAyB,CAAC;AAEzE,MAAM,MAAM,oBAAoB,GAAG,WAAW,CAAC,eAAe,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;AAExF,MAAM,MAAM,gBAAgB,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,IAAI,WAAW,CAAC,KAAK,CACrF,WAAW,EACX,oBAAoB,CACrB,CAAC;AAEF,KAAK,oBAAoB,GAAG,CAAC,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,yBAAyB,EAC7F,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,KACjC,WAAW,CAAC,WAAW,CAAC,GAC3B,WAAW,CAAC,UAAU,CAAC;AAEzB,eAAO,MAAM,WAAW,EAAE,oBAkCzB,CAAC"}

package/dts/cards/ContentCard/ContentCardBody.d.ts

@@ -7,18 +7,73 @@ export type ContentCardBodyDefaultElement = typeof contentCardBodyDefaultElement
 export type ContentCardBodyBaseProps = Polymorphic.ExtendableProps<
   BoxBaseProps,
   SharedProps & {
-    /** Main body copy */
+    /** Text or React node to display as the card title. Use a Text component to override default color and font. */
+    title?: React.ReactNode;
+    /**
+     * @deprecated Use description instead
+     * Main body copy
+     */
     body?: React.ReactNode;
-    /** Use for supplemental data */
+    /** Text or React node to display as the card description. Use a Text component to override default color and font. */
+    description?: React.ReactNode;
+    /**
+     * @deprecated Use a ReactNode as `description` instead if you need to display content below the description.
+     * Use for supplemental data.
+     */
     label?: React.ReactNode;
-    /** Media, image or video to show */
+    /** React node to display as media content (e.g., Image or RemoteImage). */
     media?: React.ReactNode;
     /**
+     * @deprecated Use mediaPlacement instead
      * The position of the media within the card.
      * Can be one of: 'top', 'bottom', 'right' or 'left'.
      */
     mediaPosition?: 'top' | 'bottom' | 'right' | 'left';
+    /** Placement of the media content relative to the text content.
+     * @default 'top'
+     */
+    mediaPlacement?: 'top' | 'bottom' | 'start' | 'end';
+    /**
+     * Custom content to display below the main content box (title/description/media).
+     * Use this when you need to render custom content that doesn't fit the standard media/title/description layout.
+     */
     children?: React.ReactNode;
+    styles?: {
+      /**
+       * Root container style (content container + children)
+       */
+      root?: React.CSSProperties;
+      /**
+       * Container for the content (media + text content)
+       */
+      contentContainer?: React.CSSProperties;
+      /**
+       * Container for the text content (title + description + label)
+       */
+      textContainer?: React.CSSProperties;
+      /**
+       * Container for the media
+       */
+      mediaContainer?: React.CSSProperties;
+    };
+    classNames?: {
+      /**
+       * Root container class name
+       */
+      root?: string;
+      /**
+       * Container for the content (media + text content)
+       */
+      contentContainer?: string;
+      /**
+       * Container for the text content (title + description + label)
+       */
+      textContainer?: string;
+      /**
+       * Container for the media
+       */
+      mediaContainer?: string;
+    };
   }
 >;
 export type ContentCardBodyProps<AsComponent extends React.ElementType> = Polymorphic.Props<

package/dts/cards/ContentCard/ContentCardBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentCardBody.d.ts","sourceRoot":"","sources":["../../../src/cards/ContentCard/ContentCardBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAO,KAAK,YAAY,EAAkB,MAAM,cAAc,CAAC;AAGtE,eAAO,MAAM,6BAA6B,QAAQ,CAAC;AACnD,MAAM,MAAM,6BAA6B,GAAG,OAAO,6BAA6B,CAAC;AAEjF,MAAM,MAAM,wBAAwB,GAAG,WAAW,CAAC,eAAe,CAChE,YAAY,EACZ,WAAW,GAAG;IACZ,qBAAqB;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,gCAAgC;IAChC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,oCAAoC;IACpC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CACF,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,IAAI,WAAW,CAAC,KAAK,CACzF,WAAW,EACX,wBAAwB,CACzB,CAAC;AAEF,KAAK,wBAAwB,GAAG,CAAC,CAC/B,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,6BAA6B,EAErE,KAAK,EAAE,oBAAoB,CAAC,WAAW,CAAC,KACrC,WAAW,CAAC,WAAW,CAAC,GAC3B,WAAW,CAAC,UAAU,CAAC;AAEzB,eAAO,MAAM,eAAe,EAAE,wBAkD7B,CAAC"}
+{"version":3,"file":"ContentCardBody.d.ts","sourceRoot":"","sources":["../../../src/cards/ContentCard/ContentCardBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,OAAO,EAAO,KAAK,YAAY,EAAkB,MAAM,cAAc,CAAC;AAGtE,eAAO,MAAM,6BAA6B,QAAQ,CAAC;AACnD,MAAM,MAAM,6BAA6B,GAAG,OAAO,6BAA6B,CAAC;AAEjF,MAAM,MAAM,wBAAwB,GAAG,WAAW,CAAC,eAAe,CAChE,YAAY,EACZ,WAAW,GAAG;IACZ,gHAAgH;IAChH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,sHAAsH;IACtH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;;OAIG;IACH,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IACpD;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IACpD;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE;QACP;;WAEG;QACH,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC3B;;WAEG;QACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QACvC;;WAEG;QACH,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QACpC;;WAEG;QACH,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KACtC,CAAC;IACF,UAAU,CAAC,EAAE;QACX;;WAEG;QACH,IAAI,CAAC,EAAE,MAAM,CAAC;QACd;;WAEG;QACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B;;WAEG;QACH,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB;;WAEG;QACH,cAAc,CAAC,EAAE,MAAM,CAAC;KACzB,CAAC;CACH,CACF,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,IAAI,WAAW,CAAC,KAAK,CACzF,WAAW,EACX,wBAAwB,CACzB,CAAC;AAEF,KAAK,wBAAwB,GAAG,CAAC,CAC/B,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,6BAA6B,EAErE,KAAK,EAAE,oBAAoB,CAAC,WAAW,CAAC,KACrC,WAAW,CAAC,WAAW,CAAC,GAC3B,WAAW,CAAC,UAAU,CAAC;AAYzB,eAAO,MAAM,eAAe,EAAE,wBA0H7B,CAAC"}

package/dts/cards/ContentCard/ContentCardFooter.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { Polymorphic } from '../../core/polymorphism';
 import { type BoxBaseProps } from '../../layout';
-export declare const contentCardFooterDefaultElement = 'div';
+export declare const contentCardFooterDefaultElement = 'footer';
 export type ContentCardFooterDefaultElement = typeof contentCardFooterDefaultElement;
 export type ContentCardFooterBaseProps = BoxBaseProps;
 export type ContentCardFooterProps<AsComponent extends React.ElementType> = Polymorphic.Props<

package/dts/cards/ContentCard/ContentCardFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentCardFooter.d.ts","sourceRoot":"","sources":["../../../src/cards/ContentCard/ContentCardFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAEhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,KAAK,YAAY,EAAU,MAAM,cAAc,CAAC;AAEzD,eAAO,MAAM,+BAA+B,QAAQ,CAAC;AACrD,MAAM,MAAM,+BAA+B,GAAG,OAAO,+BAA+B,CAAC;AAErF,MAAM,MAAM,0BAA0B,GAAG,YAAY,CAAC;AAEtD,MAAM,MAAM,sBAAsB,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,IAAI,WAAW,CAAC,KAAK,CAC3F,WAAW,EACX,0BAA0B,CAC3B,CAAC;AAEF,KAAK,0BAA0B,GAAG,CAAC,CACjC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,+BAA+B,EAEvE,KAAK,EAAE,sBAAsB,CAAC,WAAW,CAAC,KACvC,WAAW,CAAC,WAAW,CAAC,GAC3B,WAAW,CAAC,UAAU,CAAC;AAEzB,eAAO,MAAM,iBAAiB,EAAE,0BAc/B,CAAC"}
+{"version":3,"file":"ContentCardFooter.d.ts","sourceRoot":"","sources":["../../../src/cards/ContentCard/ContentCardFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAEhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,KAAK,YAAY,EAAU,MAAM,cAAc,CAAC;AAEzD,eAAO,MAAM,+BAA+B,WAAW,CAAC;AACxD,MAAM,MAAM,+BAA+B,GAAG,OAAO,+BAA+B,CAAC;AAErF,MAAM,MAAM,0BAA0B,GAAG,YAAY,CAAC;AAEtD,MAAM,MAAM,sBAAsB,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,IAAI,WAAW,CAAC,KAAK,CAC3F,WAAW,EACX,0BAA0B,CAC3B,CAAC;AAEF,KAAK,0BAA0B,GAAG,CAAC,CACjC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,+BAA+B,EAEvE,KAAK,EAAE,sBAAsB,CAAC,WAAW,CAAC,KACvC,WAAW,CAAC,WAAW,CAAC,GAC3B,WAAW,CAAC,UAAU,CAAC;AAEzB,eAAO,MAAM,iBAAiB,EAAE,0BAmB/B,CAAC"}

package/dts/cards/ContentCard/ContentCardHeader.d.ts

@@ -2,19 +2,53 @@ import React from 'react';
 import type { SharedProps } from '@coinbase/cds-common/types';
 import type { Polymorphic } from '../../core/polymorphism';
 import { type BoxBaseProps } from '../../layout';
-export declare const contentCardHeaderDefaultElement = 'div';
+export declare const contentCardHeaderDefaultElement = 'header';
 export type ContentCardHeaderDefaultElement = typeof contentCardHeaderDefaultElement;
 export type ContentCardHeaderBaseProps = Polymorphic.ExtendableProps<
   BoxBaseProps,
   SharedProps & {
-    /** A media object like an image, avatar, illustration, or cryptocurrency asset. */
+    /** @deprecated Use `thumbnail` instead. `avatar` will be removed in a future major release. */
     avatar?: React.ReactNode;
-    /** Name of the publisher */
+    /** A media object like an image, avatar, illustration, or cryptocurrency asset. */
+    thumbnail?: React.ReactNode;
+    /** Text or React node to display as the header title. Use a Text component to override default color and font. */
     title: React.ReactNode;
-    /** Includes data like content category type and time */
+    /** @deprecated Use `subtitle` instead. `meta` will be removed in a future major release. */
     meta?: React.ReactNode;
-    /** Typically an Icon Button or Tag */
+    /** Text or React node to display as the header subtitle. Use a Text component to override default color and font. */
+    subtitle?: React.ReactNode;
+    /** @deprecated Use `actions` instead. `end` will be removed in a future major release. */
     end?: React.ReactNode;
+    /** Slot for action buttons. */
+    actions?: React.ReactNode;
+    styles?: {
+      /**
+       * Root container style
+       */
+      root?: React.CSSProperties;
+      /**
+       * Container for the text content (title + subtitle)
+       */
+      textContainer?: React.CSSProperties;
+      /**
+       * Container for the content (thumbnail + text content)
+       */
+      contentContainer?: React.CSSProperties;
+    };
+    classNames?: {
+      /**
+       * Root container class name
+       */
+      root?: string;
+      /**
+       * Container for the text content (title + subtitle)
+       */
+      textContainer?: string;
+      /**
+       * Container for the content (thumbnail + text content)
+       */
+      contentContainer?: string;
+    };
   }
 >;
 export type ContentCardHeaderProps<AsComponent extends React.ElementType> = Polymorphic.Props<

package/dts/cards/ContentCard/ContentCardHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentCardHeader.d.ts","sourceRoot":"","sources":["../../../src/cards/ContentCard/ContentCardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,KAAK,YAAY,EAAU,MAAM,cAAc,CAAC;AAIzD,eAAO,MAAM,+BAA+B,QAAQ,CAAC;AACrD,MAAM,MAAM,+BAA+B,GAAG,OAAO,+BAA+B,CAAC;AAErF,MAAM,MAAM,0BAA0B,GAAG,WAAW,CAAC,eAAe,CAClE,YAAY,EACZ,WAAW,GAAG;IACZ,mFAAmF;IACnF,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,4BAA4B;IAC5B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,wDAAwD;IACxD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,sCAAsC;IACtC,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB,CACF,CAAC;AAEF,MAAM,MAAM,sBAAsB,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,IAAI,WAAW,CAAC,KAAK,CAC3F,WAAW,EACX,0BAA0B,CAC3B,CAAC;AAEF,KAAK,0BAA0B,GAAG,CAAC,CACjC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,+BAA+B,EAEvE,KAAK,EAAE,sBAAsB,CAAC,WAAW,CAAC,KACvC,WAAW,CAAC,WAAW,CAAC,GAC3B,WAAW,CAAC,UAAU,CAAC;AAEzB,eAAO,MAAM,iBAAiB,EAAE,0BAiD/B,CAAC"}
+{"version":3,"file":"ContentCardHeader.d.ts","sourceRoot":"","sources":["../../../src/cards/ContentCard/ContentCardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,OAAO,EAAE,KAAK,YAAY,EAAkB,MAAM,cAAc,CAAC;AAIjE,eAAO,MAAM,+BAA+B,WAAW,CAAC;AACxD,MAAM,MAAM,+BAA+B,GAAG,OAAO,+BAA+B,CAAC;AAErF,MAAM,MAAM,0BAA0B,GAAG,WAAW,CAAC,eAAe,CAClE,YAAY,EACZ,WAAW,GAAG;IACZ,+FAA+F;IAC/F,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,mFAAmF;IACnF,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,kHAAkH;IAClH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4FAA4F;IAC5F,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,qHAAqH;IACrH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0FAA0F;IAC1F,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE;QACP;;WAEG;QACH,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC3B;;WAEG;QACH,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QACpC;;WAEG;QACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KACxC,CAAC;IACF,UAAU,CAAC,EAAE;QACX;;WAEG;QACH,IAAI,CAAC,EAAE,MAAM,CAAC;QACd;;WAEG;QACH,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB;;WAEG;QACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;KAC3B,CAAC;CACH,CACF,CAAC;AAEF,MAAM,MAAM,sBAAsB,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,IAAI,WAAW,CAAC,KAAK,CAC3F,WAAW,EACX,0BAA0B,CAC3B,CAAC;AAEF,KAAK,0BAA0B,GAAG,CAAC,CACjC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,+BAA+B,EAEvE,KAAK,EAAE,sBAAsB,CAAC,WAAW,CAAC,KACvC,WAAW,CAAC,WAAW,CAAC,GAC3B,WAAW,CAAC,UAAU,CAAC;AAEzB,eAAO,MAAM,iBAAiB,EAAE,0BA+F/B,CAAC"}

package/dts/cards/DataCard.d.ts

@@ -1,3 +1,38 @@
+/**
+ * @deprecated This component is deprecated. Please use the alpha `DataCard` from `@coinbase/cds-web/alpha/data-card` instead.
+ *
+ * ### Migration Guide
+ *
+ * The new `DataCard` provides more flexibility with custom layouts and visualization components.
+ *
+ * **Before:**
+ * ```jsx
+ * <DataCard
+ *   title="Progress"
+ *   description="45% complete"
+ *   progress={0.45}
+ *   progressVariant="bar"
+ *   startLabel="0"
+ *   endLabel="45"
+ * />
+ * ```
+ *
+ * **After:**
+ * ```jsx
+ * import { DataCard } from '@coinbase/cds-web/alpha/data-card';
+ *
+ * <DataCard
+ *   title="Progress"
+ *   subtitle="45% complete"
+ *   layout="vertical"
+ *   thumbnail={<RemoteImage src={assetUrl} shape="circle" size="l" />}
+ * >
+ *   <ProgressBarWithFixedLabels startLabel={0} endLabel={45} labelPlacement="below">
+ *     <ProgressBar accessibilityLabel="45% complete" progress={0.45} weight="semiheavy" />
+ *   </ProgressBarWithFixedLabels>
+ * </DataCard>
+ * ```
+ */
 import React from 'react';
 import type { ThemeVars } from '@coinbase/cds-common/core/theme';
 import type { SharedProps } from '@coinbase/cds-common/types';

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

@@ -1 +1 @@
-{"version":3,"file":"DataCard.d.ts","sourceRoot":"","sources":["../../src/cards/DataCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAGjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAO9D,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAGlD,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAC3C,WAAW,GAAG;IACZ,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;CACjC,CAAC;AAEJ,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC;AAE9C,eAAO,MAAM,QAAQ,+CAmEnB,CAAC"}
+{"version":3,"file":"DataCard.d.ts","sourceRoot":"","sources":["../../src/cards/DataCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAGjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAO9D,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAGlD,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAC3C,WAAW,GAAG;IACZ,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;CACjC,CAAC;AAEJ,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC;AAE9C,eAAO,MAAM,QAAQ,+CAmEnB,CAAC"}

package/dts/cards/FeatureEntryCard.d.ts

@@ -2,8 +2,8 @@ import React from 'react';
 import { type CardBaseProps } from './Card';
 import { type CardBodyBaseProps } from './CardBody';
 export type FeatureEntryCardBaseProps = CardBaseProps & CardBodyBaseProps;
-/** @deprecated will be removed in v7.0.0 use NudgeCard or UpsellCard instead */
+/** @deprecated Use MessagingCard instead. FeatureEntryCard will be removed in a future major release. */
 export type FeatureEntryCardProps = FeatureEntryCardBaseProps;
-/** @deprecated This component will be removed in a future version. Use NudgeCard or UpsellCard instead. */
+/** @deprecated Use MessagingCard instead. FeatureEntryCard will be removed in a future major release. */
 export declare const FeatureEntryCard: React.NamedExoticComponent<FeatureEntryCardBaseProps>;
 //# sourceMappingURL=FeatureEntryCard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FeatureEntryCard.d.ts","sourceRoot":"","sources":["../../src/cards/FeatureEntryCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAE9D,MAAM,MAAM,yBAAyB,GAAG,aAAa,GAAG,iBAAiB,CAAC;AAE1E,gFAAgF;AAChF,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,CAAC;AAE9D,2GAA2G;AAC3G,eAAO,MAAM,gBAAgB,uDA0B3B,CAAC"}
+{"version":3,"file":"FeatureEntryCard.d.ts","sourceRoot":"","sources":["../../src/cards/FeatureEntryCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAE9D,MAAM,MAAM,yBAAyB,GAAG,aAAa,GAAG,iBAAiB,CAAC;AAE1E,yGAAyG;AACzG,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,CAAC;AAE9D,yGAAyG;AACzG,eAAO,MAAM,gBAAgB,uDA0B3B,CAAC"}

package/dts/cards/FloatingAssetCard.d.ts

@@ -22,6 +22,31 @@ export type FloatingAssetCardBaseProps = SharedProps & {
 };
 export type FloatingAssetCardProps = FloatingAssetCardBaseProps &
   Omit<BoxProps<BoxDefaultElement>, 'title'>;
+/**
+ * @deprecated Use `MediaCard` instead. FloatingAssetCard will be removed in a future major release.
+ *
+ * Migration guide:
+ * ```tsx
+ * // Before
+ * <FloatingAssetCard
+ *   title="Asset Title"
+ *   subtitle="Subtitle"
+ *   description="Description"
+ *   media={<RemoteImage ... />}
+ * />
+ *
+ * // After
+ * <MediaCard
+ *   title="Asset Title"
+ *   subtitle="Subtitle"
+ *   description="Description"
+ *   thumbnail={<RemoteImage ... />}
+ * />
+ * ```
+ *
+ * Note: The floating variation (media outside the card container) is no longer supported.
+ * MediaCard provides a contained layout with media placement options (start/end).
+ */
 export declare const FloatingAssetCard: ({
   className,
   title,

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

@@ -1 +1 @@
-{"version":3,"file":"FloatingAssetCard.d.ts","sourceRoot":"","sources":["../../src/cards/FloatingAssetCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,4BAA4B,CAAC;AAI7E,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAKtE,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAC/C,eAAO,MAAM,+BAA+B,MAAM,CAAC;AAEnD,MAAM,MAAM,0BAA0B,GAAG,WAAW,GAAG;IACrD,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wDAAwD;IACxD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,GAC7D,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,CAAC;AA0C7C,eAAO,MAAM,iBAAiB,GAAI,4FAW/B,sBAAsB,4CAkDxB,CAAC"}
+{"version":3,"file":"FloatingAssetCard.d.ts","sourceRoot":"","sources":["../../src/cards/FloatingAssetCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,4BAA4B,CAAC;AAI7E,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAKtE,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAC/C,eAAO,MAAM,+BAA+B,MAAM,CAAC;AAEnD,MAAM,MAAM,0BAA0B,GAAG,WAAW,GAAG;IACrD,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wDAAwD;IACxD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,GAC7D,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,CAAC;AA0C7C;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,iBAAiB,GAAI,4FAW/B,sBAAsB,4CAkDxB,CAAC"}

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

@@ -0,0 +1,46 @@
+import React from 'react';
+export type MediaCardLayoutBaseProps = {
+  /** Text or React node to display as the card title. Use a Text component to override default color and font. */
+  title?: React.ReactNode;
+  /** Text or React node to display as the card subtitle. Use a Text component to override default color and font. */
+  subtitle?: React.ReactNode;
+  /** Text or React node to display as the card description. Use a Text component to override default color and font. */
+  description?: React.ReactNode;
+  /** React node to display as a thumbnail in the content area. */
+  thumbnail: React.ReactNode;
+  /** React node to display as the main media content. When provided, it will be rendered in a Box container taking up 50% of the card width. */
+  media?: React.ReactNode;
+  /** The position of the media within the card.
+   * @default 'end'
+   */
+  mediaPlacement?: 'start' | 'end';
+};
+export type MediaCardLayoutProps = MediaCardLayoutBaseProps & {
+  classNames?: {
+    layoutContainer?: string;
+    contentContainer?: string;
+    textContainer?: string;
+    headerContainer?: string;
+    mediaContainer?: string;
+  };
+  styles?: {
+    layoutContainer?: React.CSSProperties;
+    contentContainer?: React.CSSProperties;
+    textContainer?: React.CSSProperties;
+    headerContainer?: React.CSSProperties;
+    mediaContainer?: React.CSSProperties;
+  };
+};
+export declare const MediaCardLayout: React.MemoExoticComponent<
+  ({
+    title,
+    subtitle,
+    description,
+    thumbnail,
+    media,
+    mediaPlacement,
+    classNames,
+    styles,
+  }: MediaCardLayoutProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=MediaCardLayout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MediaCardLayout.d.ts","sourceRoot":"","sources":["../../../src/cards/MediaCard/MediaCardLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAO7C,MAAM,MAAM,wBAAwB,GAAG;IACrC,gHAAgH;IAChH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,mHAAmH;IACnH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,sHAAsH;IACtH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,gEAAgE;IAChE,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8IAA8I;IAC9I,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,wBAAwB,GAAG;IAC5D,UAAU,CAAC,EAAE;QACX,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,cAAc,CAAC,EAAE,MAAM,CAAC;KACzB,CAAC;IACF,MAAM,CAAC,EAAE;QACP,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QACtC,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QACvC,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QACpC,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QACtC,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KACtC,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,eAAe,sHAUvB,oBAAoB,6CA+FxB,CAAC"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=MediaCard.figma.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MediaCard.figma.d.ts","sourceRoot":"","sources":["../../../../src/cards/MediaCard/__figma__/MediaCard.figma.tsx"],"names":[],"mappings":""}

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

@@ -0,0 +1,26 @@
+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?: string;
+    };
+    styles?: {
+      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=index.d.ts.map

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

@@ -0,0 +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,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,MAAM,CAAC,EAAE;QACP,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"}