@coinbase/cds-web 8.13.1 → 8.13.5

package/dts/banner/Banner.d.ts

@@ -1,55 +1,63 @@
 import React from 'react';
 import type { ThemeVars } from '@coinbase/cds-common/core/theme';
-import type { BannerStyleVariant, BannerVariant, IconName, SharedProps } from '@coinbase/cds-common/types';
+import type {
+  BannerStyleVariant,
+  BannerVariant,
+  IconName,
+  SharedProps,
+} from '@coinbase/cds-common/types';
 import { type HStackDefaultElement, type HStackProps } from '../layout';
 import type { ResponsiveProps, StaticStyleProps } from '../styles/styleProps';
 export declare const contentResponsiveConfig: ResponsiveProps<StaticStyleProps>['flexDirection'];
 export type BannerBaseProps = SharedProps & {
-    /** Sets the variant of the banner - which is responsible for foreground and background color assignment */
-    variant: BannerVariant;
-    /** Name of icon to be shown in the banner */
-    startIcon: IconName;
-    /** Whether the start icon is active */
-    startIconActive?: boolean;
-    /** Provide a CDS Link component to be used as a primary action. It will inherit colors depending on the provided variant */
-    primaryAction?: React.ReactNode;
-    /** Provide a CDS Link component to be used as a secondary action. It will inherit colors depending on the provided tone */
-    secondaryAction?: React.ReactNode;
-    /** Title of banner. Indicates the intent of this banner */
-    title?: React.ReactNode;
-    /** Message of banner */
-    children?: React.ReactNode;
-    /**
-     * Determines whether banner can be dismissed or not. Banner is not dismisable when styleVariant is set to global.
-     * @default true
-     * */
-    showDismiss?: boolean;
-    /** A callback fired when banner is dismissed */
-    onClose?: () => void;
-    /** Indicates the max number of lines after which body text will be truncated */
-    numberOfLines?: number;
-    /** Use for supplemental data */
-    label?: React.ReactNode;
-    /**
-     * Determines the banner style and indicates the suggested positioning for the banner
-     * @default 'contextual'
-     * */
-    styleVariant?: BannerStyleVariant;
-    /** Accessibility label for start icon on the banner */
-    startIconAccessibilityLabel?: string;
-    /** Accessibility label for close button on the banner */
-    closeAccessibilityLabel?: string;
-    /**
-     * Determines whether banner has a border or not
-     * @default true
-     * */
-    bordered?: boolean;
-    /**
-     * Determines banner's border radius
-     * @default 400
-     * */
-    borderRadius?: ThemeVars.BorderRadius;
+  /** Sets the variant of the banner - which is responsible for foreground and background color assignment */
+  variant: BannerVariant;
+  /** Name of icon to be shown in the banner */
+  startIcon: IconName;
+  /** Whether the start icon is active */
+  startIconActive?: boolean;
+  /** Provide a CDS Link component to be used as a primary action. It will inherit colors depending on the provided variant */
+  primaryAction?: React.ReactNode;
+  /** Provide a CDS Link component to be used as a secondary action. It will inherit colors depending on the provided tone */
+  secondaryAction?: React.ReactNode;
+  /** Title of banner. Indicates the intent of this banner */
+  title?: React.ReactNode;
+  /** Message of banner */
+  children?: React.ReactNode;
+  /**
+   * Determines whether banner can be dismissed or not. Banner is not dismisable when styleVariant is set to global.
+   * @default true
+   * */
+  showDismiss?: boolean;
+  /** A callback fired when banner is dismissed */
+  onClose?: () => void;
+  /** Indicates the max number of lines after which body text will be truncated */
+  numberOfLines?: number;
+  /** Use for supplemental data */
+  label?: React.ReactNode;
+  /**
+   * Determines the banner style and indicates the suggested positioning for the banner
+   * @default 'contextual'
+   * */
+  styleVariant?: BannerStyleVariant;
+  /** Accessibility label for start icon on the banner */
+  startIconAccessibilityLabel?: string;
+  /** Accessibility label for close button on the banner */
+  closeAccessibilityLabel?: string;
+  /**
+   * Determines whether banner has a border or not
+   * @default true
+   * */
+  bordered?: boolean;
+  /**
+   * Determines banner's border radius
+   * @default 400
+   * */
+  borderRadius?: ThemeVars.BorderRadius;
 };
-export type BannerProps = BannerBaseProps & Omit<HStackProps<HStackDefaultElement>, 'children' | 'title'>;
-export declare const Banner: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<BannerProps, "ref"> & React.RefAttributes<HTMLDivElement>>>;
-//# sourceMappingURL=Banner.d.ts.map
+export type BannerProps = BannerBaseProps &
+  Omit<HStackProps<HStackDefaultElement>, 'children' | 'title'>;
+export declare const Banner: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<Omit<BannerProps, 'ref'> & React.RefAttributes<HTMLDivElement>>
+>;
+//# sourceMappingURL=Banner.d.ts.map

package/dts/buttons/AvatarButton.d.ts

@@ -3,11 +3,24 @@ import type { Polymorphic } from '../core/polymorphism';
 import { type AvatarBaseProps } from '../media';
 import { type PressableBaseProps } from '../system';
 import type { ButtonBaseProps } from './Button';
-export declare const avatarButtonDefaultElement = "button";
+export declare const avatarButtonDefaultElement = 'button';
 export type AvatarButtonDefaultElement = typeof avatarButtonDefaultElement;
-export type AvatarButtonBaseProps = Polymorphic.ExtendableProps<Omit<PressableBaseProps, 'children'>, Pick<ButtonBaseProps, 'compact'> & Pick<AvatarBaseProps, 'alt' | 'src' | 'colorScheme' | 'shape' | 'borderColor' | 'name' | 'selected'>>;
-export type AvatarButtonProps<AsComponent extends React.ElementType> = Polymorphic.Props<AsComponent, AvatarButtonBaseProps>;
-type AvatarButtonComponent = (<AsComponent extends React.ElementType = AvatarButtonDefaultElement>(props: AvatarButtonProps<AsComponent>) => Polymorphic.ReactReturn) & Polymorphic.ReactNamed;
+export type AvatarButtonBaseProps = Polymorphic.ExtendableProps<
+  Omit<PressableBaseProps, 'children'>,
+  Pick<ButtonBaseProps, 'compact'> &
+    Pick<
+      AvatarBaseProps,
+      'alt' | 'src' | 'colorScheme' | 'shape' | 'borderColor' | 'name' | 'selected'
+    >
+>;
+export type AvatarButtonProps<AsComponent extends React.ElementType> = Polymorphic.Props<
+  AsComponent,
+  AvatarButtonBaseProps
+>;
+type AvatarButtonComponent = (<AsComponent extends React.ElementType = AvatarButtonDefaultElement>(
+  props: AvatarButtonProps<AsComponent>,
+) => Polymorphic.ReactReturn) &
+  Polymorphic.ReactNamed;
 export declare const AvatarButton: AvatarButtonComponent;
 export {};
-//# sourceMappingURL=AvatarButton.d.ts.map
+//# sourceMappingURL=AvatarButton.d.ts.map

package/dts/buttons/Button.d.ts

@@ -1,57 +1,72 @@
 import React from 'react';
-import type { ButtonVariant, IconName, SharedAccessibilityProps, SharedProps } from '@coinbase/cds-common/types';
+import type {
+  ButtonVariant,
+  IconName,
+  SharedAccessibilityProps,
+  SharedProps,
+} from '@coinbase/cds-common/types';
 import type { Polymorphic } from '../core/polymorphism';
 import { type PressableBaseProps } from '../system/Pressable';
 export declare const spinnerHeight = 2.5;
-export declare const buttonDefaultElement = "button";
+export declare const buttonDefaultElement = 'button';
 export type ButtonDefaultElement = typeof buttonDefaultElement;
-export type ButtonBaseProps = Polymorphic.ExtendableProps<PressableBaseProps, SharedProps & Pick<SharedAccessibilityProps, 'accessibilityLabel'> & {
-    /**
-     * Toggle design and visual variants.
-     * @default primary
-     */
-    variant?: ButtonVariant;
-    /** Mark the button as disabled. */
-    disabled?: boolean;
-    /** Mark the button as loading and display a spinner. */
-    loading?: boolean;
-    /** Mark the background and border as transparent until interacted with. */
-    transparent?: boolean;
-    /** Change to block and expand to 100% of parent width. */
-    block?: boolean;
-    /** Reduce the inner padding within the button itself. */
-    compact?: boolean;
-    /** Children to render within the button. */
-    children: React.ReactNode;
-    /** Set the start node */
-    start?: React.ReactNode;
-    /** Icon to render at the start of the button. */
-    startIcon?: IconName;
-    /** Whether the start icon is active */
-    startIconActive?: boolean;
-    /** Set the end node */
-    end?: React.ReactNode;
-    /** Icon to render at the end of the button. */
-    endIcon?: IconName;
-    /** Whether the end icon is active */
-    endIconActive?: boolean;
-    /** Ensure the button aligns flush on the left or right.
-     * This prop will translate the entire button left/right,
-     * so take care to ensure it is not overflowing awkwardly
-     */
-    flush?: 'start' | 'end';
-    /** Uniquely identify the button within a form. */
-    name?: string;
-    /** Don't scale element on press. */
-    noScaleOnPress?: boolean;
-    /**
-     * Truncates text after wrapping to a defined number of lines.
-     * @default 1
-     */
-    numberOfLines?: number;
-}>;
-export type ButtonProps<AsComponent extends React.ElementType> = Polymorphic.Props<AsComponent, ButtonBaseProps>;
-type ButtonComponent = (<AsComponent extends React.ElementType = ButtonDefaultElement>(props: ButtonProps<AsComponent>) => Polymorphic.ReactReturn) & Polymorphic.ReactNamed;
+export type ButtonBaseProps = Polymorphic.ExtendableProps<
+  PressableBaseProps,
+  SharedProps &
+    Pick<SharedAccessibilityProps, 'accessibilityLabel'> & {
+      /**
+       * Toggle design and visual variants.
+       * @default primary
+       */
+      variant?: ButtonVariant;
+      /** Mark the button as disabled. */
+      disabled?: boolean;
+      /** Mark the button as loading and display a spinner. */
+      loading?: boolean;
+      /** Mark the background and border as transparent until interacted with. */
+      transparent?: boolean;
+      /** Change to block and expand to 100% of parent width. */
+      block?: boolean;
+      /** Reduce the inner padding within the button itself. */
+      compact?: boolean;
+      /** Children to render within the button. */
+      children: React.ReactNode;
+      /** Set the start node */
+      start?: React.ReactNode;
+      /** Icon to render at the start of the button. */
+      startIcon?: IconName;
+      /** Whether the start icon is active */
+      startIconActive?: boolean;
+      /** Set the end node */
+      end?: React.ReactNode;
+      /** Icon to render at the end of the button. */
+      endIcon?: IconName;
+      /** Whether the end icon is active */
+      endIconActive?: boolean;
+      /** Ensure the button aligns flush on the left or right.
+       * This prop will translate the entire button left/right,
+       * so take care to ensure it is not overflowing awkwardly
+       */
+      flush?: 'start' | 'end';
+      /** Uniquely identify the button within a form. */
+      name?: string;
+      /** Don't scale element on press. */
+      noScaleOnPress?: boolean;
+      /**
+       * Truncates text after wrapping to a defined number of lines.
+       * @default 1
+       */
+      numberOfLines?: number;
+    }
+>;
+export type ButtonProps<AsComponent extends React.ElementType> = Polymorphic.Props<
+  AsComponent,
+  ButtonBaseProps
+>;
+type ButtonComponent = (<AsComponent extends React.ElementType = ButtonDefaultElement>(
+  props: ButtonProps<AsComponent>,
+) => Polymorphic.ReactReturn) &
+  Polymorphic.ReactNamed;
 export declare const Button: ButtonComponent;
 export {};
-//# sourceMappingURL=Button.d.ts.map
+//# sourceMappingURL=Button.d.ts.map

package/dts/buttons/ButtonGroup.d.ts

@@ -1,8 +1,13 @@
 import React from 'react';
-import type { ElementChildren, SharedAccessibilityProps, SharedProps } from '@coinbase/cds-common/types';
+import type {
+  ElementChildren,
+  SharedAccessibilityProps,
+  SharedProps,
+} from '@coinbase/cds-common/types';
 import { type GroupDirection } from '../layout';
 import type { ButtonBaseProps } from './Button';
-export type ButtonGroupBaseProps = SharedProps & Pick<SharedAccessibilityProps, 'accessibilityLabel'> & {
+export type ButtonGroupBaseProps = SharedProps &
+  Pick<SharedAccessibilityProps, 'accessibilityLabel'> & {
     /** Expand buttons to fill available space within the group. */
     block?: boolean;
     /** Buttons to render as a group. */
@@ -12,7 +17,7 @@ export type ButtonGroupBaseProps = SharedProps & Pick<SharedAccessibilityProps,
      * Stack buttons vertically or horizontally.
      */
     direction?: GroupDirection;
-};
+  };
 export type ButtonGroupProps = ButtonGroupBaseProps;
 export declare const ButtonGroup: React.NamedExoticComponent<ButtonGroupBaseProps>;
-//# sourceMappingURL=ButtonGroup.d.ts.map
+//# sourceMappingURL=ButtonGroup.d.ts.map

package/dts/buttons/IconButton.d.ts

@@ -3,9 +3,11 @@ import type { IconButtonVariant, IconName } from '@coinbase/cds-common/types';
 import type { Polymorphic } from '../core/polymorphism';
 import { type PressableBaseProps } from '../system/Pressable';
 import { type ButtonBaseProps } from './Button';
-export declare const iconButtonDefaultElement = "button";
+export declare const iconButtonDefaultElement = 'button';
 export type IconButtonDefaultElement = typeof iconButtonDefaultElement;
-export type IconButtonBaseProps = Polymorphic.ExtendableProps<Omit<PressableBaseProps, 'children'>, Pick<ButtonBaseProps, 'disabled' | 'transparent' | 'compact' | 'flush'> & {
+export type IconButtonBaseProps = Polymorphic.ExtendableProps<
+  Omit<PressableBaseProps, 'children'>,
+  Pick<ButtonBaseProps, 'disabled' | 'transparent' | 'compact' | 'flush'> & {
     /** Name of the icon, as defined in Figma. */
     name: IconName;
     /** Whether the icon is active */
@@ -15,9 +17,16 @@ export type IconButtonBaseProps = Polymorphic.ExtendableProps<Omit<PressableBase
      * @default primary
      */
     variant?: IconButtonVariant;
-}>;
-export type IconButtonProps<AsComponent extends React.ElementType> = Polymorphic.Props<AsComponent, IconButtonBaseProps>;
-type IconButtonComponent = (<AsComponent extends React.ElementType = IconButtonDefaultElement>(props: IconButtonProps<AsComponent>) => Polymorphic.ReactReturn) & Polymorphic.ReactNamed;
+  }
+>;
+export type IconButtonProps<AsComponent extends React.ElementType> = Polymorphic.Props<
+  AsComponent,
+  IconButtonBaseProps
+>;
+type IconButtonComponent = (<AsComponent extends React.ElementType = IconButtonDefaultElement>(
+  props: IconButtonProps<AsComponent>,
+) => Polymorphic.ReactReturn) &
+  Polymorphic.ReactNamed;
 export declare const IconButton: IconButtonComponent;
 export {};
-//# sourceMappingURL=IconButton.d.ts.map
+//# sourceMappingURL=IconButton.d.ts.map

package/dts/buttons/IconCounterButton.d.ts

@@ -4,23 +4,28 @@ import type { IconSize } from '@coinbase/cds-common/types';
 import type { IconName } from '@coinbase/cds-icons';
 import { type PressableDefaultElement, type PressableProps } from '../system/Pressable';
 export type IconCounterButtonBaseProps = {
-    /** Name of the icon or a ReactNode */
-    icon: Exclude<React.ReactNode, 'string'> | IconName;
-    /** @deprecated Use `size` instead. */
-    iconSize?: IconSize;
-    /** Size for given icon. */
-    size?: IconSize;
-    /** Whether the icon is active */
-    active?: boolean;
-    /** Number to display */
-    count?: number;
-    /** Color of the icon */
-    color?: ThemeVars.Color;
-    /** @danger This is a migration escape hatch. It is not intended to be used normally. */
-    dangerouslySetColor?: string;
-    /** Background color of the overlay (element being interacted with). */
-    background?: ThemeVars.Color;
+  /** Name of the icon or a ReactNode */
+  icon: Exclude<React.ReactNode, 'string'> | IconName;
+  /** @deprecated Use `size` instead. */
+  iconSize?: IconSize;
+  /** Size for given icon. */
+  size?: IconSize;
+  /** Whether the icon is active */
+  active?: boolean;
+  /** Number to display */
+  count?: number;
+  /** Color of the icon */
+  color?: ThemeVars.Color;
+  /** @danger This is a migration escape hatch. It is not intended to be used normally. */
+  dangerouslySetColor?: string;
+  /** Background color of the overlay (element being interacted with). */
+  background?: ThemeVars.Color;
 };
-export type IconCounterButtonProps = IconCounterButtonBaseProps & Omit<PressableProps<PressableDefaultElement>, 'background'>;
-export declare const IconCounterButton: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<IconCounterButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>>;
-//# sourceMappingURL=IconCounterButton.d.ts.map
+export type IconCounterButtonProps = IconCounterButtonBaseProps &
+  Omit<PressableProps<PressableDefaultElement>, 'background'>;
+export declare const IconCounterButton: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    Omit<IconCounterButtonProps, 'ref'> & React.RefAttributes<HTMLButtonElement>
+  >
+>;
+//# sourceMappingURL=IconCounterButton.d.ts.map

package/dts/buttons/Tile.d.ts

@@ -1,15 +1,17 @@
 import React from 'react';
 export type TileBaseProps = {
-    title: string;
-    /** Surfaces a DotCount around the content */
-    count?: number;
-    /** Reveals truncated title text */
-    showOverflow?: boolean;
-    children?: JSX.Element;
+  title: string;
+  /** Surfaces a DotCount around the content */
+  count?: number;
+  /** Reveals truncated title text */
+  showOverflow?: boolean;
+  children?: JSX.Element;
 };
 export type TileProps = TileBaseProps;
 /**
  * @danger this component is for internal use only
  */
-export declare const Tile: React.MemoExoticComponent<({ title, count, showOverflow, children }: TileProps) => import("react/jsx-runtime").JSX.Element>;
-//# sourceMappingURL=Tile.d.ts.map
+export declare const Tile: React.MemoExoticComponent<
+  ({ title, count, showOverflow, children }: TileProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=Tile.d.ts.map

package/dts/buttons/TileButton.d.ts

@@ -3,14 +3,23 @@ import type { IllustrationPictogramNames } from '@coinbase/cds-common/types';
 import type { Polymorphic } from '../core/polymorphism';
 import { type PressableBaseProps } from '../system/Pressable';
 import { type TileBaseProps } from './Tile';
-export declare const tileButtonDefaultElement = "button";
+export declare const tileButtonDefaultElement = 'button';
 export type TileButtonDefaultElement = typeof tileButtonDefaultElement;
-export type TileButtonBaseProps = Polymorphic.ExtendableProps<Omit<PressableBaseProps, 'noScaleOnPress' | 'loading' | 'children'>, TileBaseProps & {
+export type TileButtonBaseProps = Polymorphic.ExtendableProps<
+  Omit<PressableBaseProps, 'noScaleOnPress' | 'loading' | 'children'>,
+  TileBaseProps & {
     /** Name of illustration as defined in Figma */
     pictogram?: IllustrationPictogramNames;
-}>;
-export type TileButtonProps<AsComponent extends React.ElementType> = Polymorphic.Props<AsComponent, TileButtonBaseProps>;
-type TileButtonComponent = (<AsComponent extends React.ElementType = TileButtonDefaultElement>(props: TileButtonProps<AsComponent>) => Polymorphic.ReactReturn) & Polymorphic.ReactNamed;
+  }
+>;
+export type TileButtonProps<AsComponent extends React.ElementType> = Polymorphic.Props<
+  AsComponent,
+  TileButtonBaseProps
+>;
+type TileButtonComponent = (<AsComponent extends React.ElementType = TileButtonDefaultElement>(
+  props: TileButtonProps<AsComponent>,
+) => Polymorphic.ReactReturn) &
+  Polymorphic.ReactNamed;
 export declare const TileButton: TileButtonComponent;
 export {};
-//# sourceMappingURL=TileButton.d.ts.map
+//# sourceMappingURL=TileButton.d.ts.map

package/dts/buttons/__figma__/AvatarButton.figma.d.ts

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

package/dts/buttons/__figma__/Button.figma.d.ts

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

package/dts/buttons/__figma__/ButtonGroup.figma.d.ts

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

package/dts/buttons/__figma__/IconButton.figma.d.ts

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

package/dts/buttons/__figma__/TileButton.figma.d.ts

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

package/dts/buttons/index.d.ts

@@ -4,4 +4,4 @@ export * from './ButtonGroup';
 export * from './IconButton';
 export * from './IconCounterButton';
 export * from './TileButton';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/dts/cards/AnnouncementCard.d.ts

@@ -5,4 +5,4 @@ export type AnnouncementCardBaseProps = CardBaseProps & CardBodyBaseProps;
 export type AnnouncementCardProps = AnnouncementCardBaseProps;
 /** @deprecated will be removed in v7.0.0 use NudgeCard or UpsellCard instead */
 export declare const AnnouncementCard: React.NamedExoticComponent<AnnouncementCardBaseProps>;
-//# sourceMappingURL=AnnouncementCard.d.ts.map
+//# sourceMappingURL=AnnouncementCard.d.ts.map

package/dts/cards/Card.d.ts

@@ -2,14 +2,17 @@ import React, { type HTMLAttributes, type MouseEventHandler } from 'react';
 import type { SharedAccessibilityProps } from '@coinbase/cds-common/types';
 import type { BoxBaseProps, BoxDefaultElement, BoxProps } from '../layout/Box';
 import { type PressableProps } from '../system/Pressable';
-export type CardBaseProps = Pick<SharedAccessibilityProps, 'id'> & Pick<PressableProps<'a'>, 'href' | 'target' | 'background' | 'noScaleOnPress'> & Omit<BoxBaseProps, 'background'> & {
+export type CardBaseProps = Pick<SharedAccessibilityProps, 'id'> &
+  Pick<PressableProps<'a'>, 'href' | 'target' | 'background' | 'noScaleOnPress'> &
+  Omit<BoxBaseProps, 'background'> & {
     /** Size of the card. Small and medium have fixed widths and large grows with its children. */
     size?: 'small' | 'medium' | 'large';
     children?: React.ReactNode;
     onKeyDown?: HTMLAttributes<HTMLElement>['onKeyDown'];
     onKeyUp?: HTMLAttributes<HTMLElement>['onKeyUp'];
     onClick?: MouseEventHandler;
-};
-export type CardProps = CardBaseProps & Omit<BoxProps<BoxDefaultElement>, 'onClick' | 'onKeyDown' | 'onKeyUp' | 'background'>;
+  };
+export type CardProps = CardBaseProps &
+  Omit<BoxProps<BoxDefaultElement>, 'onClick' | 'onKeyDown' | 'onKeyUp' | 'background'>;
 export declare const Card: React.NamedExoticComponent<CardProps>;
-//# sourceMappingURL=Card.d.ts.map
+//# sourceMappingURL=Card.d.ts.map

package/dts/cards/CardBody.d.ts

@@ -3,7 +3,8 @@ import type { SharedAccessibilityProps } from '@coinbase/cds-common/types';
 import type { PictogramName, SpotSquareName } from '@coinbase/cds-illustrations';
 import type { BoxBaseProps, BoxDefaultElement, BoxProps } from '../layout/Box';
 export type CardMediaPlacement = 'start' | 'above' | 'end';
-export type CardBodyBaseProps = Pick<SharedAccessibilityProps, 'id'> & BoxBaseProps & {
+export type CardBodyBaseProps = Pick<SharedAccessibilityProps, 'id'> &
+  BoxBaseProps & {
     onActionPress?: React.MouseEventHandler;
     /** Text to be displayed in TextHeadline when it's a string, unless you pass a ReactNode */
     title?: React.ReactNode;
@@ -45,10 +46,10 @@ export type CardBodyBaseProps = Pick<SharedAccessibilityProps, 'id'> & BoxBasePr
      * Internally CardBodyAction is a normal CDS Button, but with some default props designed specifically for this layout.
      */
     action?: React.ReactNode;
-};
+  };
 export type CardBodyProps = CardBodyBaseProps & Omit<BoxProps<BoxDefaultElement>, 'title'>;
 /**
  * Provides an opinionated layout for the typical content of a Card: a title, description, media, and action
  */
 export declare const CardBody: React.NamedExoticComponent<CardBodyProps>;
-//# sourceMappingURL=CardBody.d.ts.map
+//# sourceMappingURL=CardBody.d.ts.map

package/dts/cards/CardFooter.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
 import type { SharedAccessibilityProps } from '@coinbase/cds-common/types';
 import type { BoxBaseProps, BoxDefaultElement, BoxProps } from '../layout';
-export type CardFooterBaseProps = Pick<SharedAccessibilityProps, 'id'> & BoxBaseProps & {
+export type CardFooterBaseProps = Pick<SharedAccessibilityProps, 'id'> &
+  BoxBaseProps & {
     /** CardFooter takes one or many actions as children */
     children: React.ReactNode;
-};
+  };
 export type CardFooterProps = CardFooterBaseProps & Omit<BoxProps<BoxDefaultElement>, 'children'>;
 export declare const CardFooter: React.FC<React.PropsWithChildren<CardFooterProps>>;
-//# sourceMappingURL=CardFooter.d.ts.map
+//# sourceMappingURL=CardFooter.d.ts.map

package/dts/cards/CardGroup.d.ts

@@ -3,5 +3,9 @@ import type { GroupProps, RenderGroupItem } from '../layout/Group';
 export type CardGroupBaseProps = Omit<GroupProps, 'horizontal'>;
 export type CardGroupProps = CardGroupBaseProps;
 export type CardGroupRenderItem = RenderGroupItem;
-export declare const CardGroup: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<CardGroupBaseProps, "ref"> & React.RefAttributes<HTMLDivElement>>>;
-//# sourceMappingURL=CardGroup.d.ts.map
+export declare const CardGroup: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    Omit<CardGroupBaseProps, 'ref'> & React.RefAttributes<HTMLDivElement>
+  >
+>;
+//# sourceMappingURL=CardGroup.d.ts.map

package/dts/cards/CardHeader.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { CardHeaderProps } from '@coinbase/cds-common/types';
 export declare const CardHeader: React.NamedExoticComponent<CardHeaderProps>;
-//# sourceMappingURL=CardHeader.d.ts.map
+//# sourceMappingURL=CardHeader.d.ts.map

package/dts/cards/CardMedia.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { CardMediaProps } from '@coinbase/cds-common/types';
 export declare const CardMedia: React.NamedExoticComponent<CardMediaProps>;
-//# sourceMappingURL=CardMedia.d.ts.map
+//# sourceMappingURL=CardMedia.d.ts.map

package/dts/cards/CardRemoteImage.d.ts

@@ -5,4 +5,4 @@ export type { CardRemoteImageProps };
  * @deprecated render a <RemoteImage resizeMode="cover" {...props} /> instead
  */
 export declare const CardRemoteImage: React.NamedExoticComponent<CardRemoteImageProps>;
-//# sourceMappingURL=CardRemoteImage.d.ts.map
+//# sourceMappingURL=CardRemoteImage.d.ts.map

package/dts/cards/ContainedAssetCard.d.ts

@@ -2,18 +2,37 @@ import React from 'react';
 import type { SharedProps } from '@coinbase/cds-common/types';
 import { type BoxDefaultElement, type BoxProps } from '../layout/Box';
 export type ContainedAssetCardBaseProps = SharedProps & {
-    header: React.ReactNode;
-    title: React.ReactNode;
-    subtitle?: React.ReactNode;
-    description?: React.ReactNode;
-    size?: 's' | 'l';
-    children?: React.ReactNode;
+  header: React.ReactNode;
+  title: React.ReactNode;
+  subtitle?: React.ReactNode;
+  description?: React.ReactNode;
+  size?: 's' | 'l';
+  children?: React.ReactNode;
 };
-export type ContainedAssetCardProps = ContainedAssetCardBaseProps & Omit<BoxProps<BoxDefaultElement>, 'title'>;
+export type ContainedAssetCardProps = ContainedAssetCardBaseProps &
+  Omit<BoxProps<BoxDefaultElement>, 'title'>;
 export declare const containedAssetCardHeight = 156;
 export declare const containedAssetCardSmallWidth = 156;
 export declare const containedAssetCardSmallMinWidth = 156;
 export declare const containedAssetCardLargeWidth = 359;
 export declare const containedAssetCardLargeMinWidth = 327;
-export declare const ContainedAssetCard: ({ header, title, subtitle, description, size, children, className, flexDirection, background, borderRadius, height, width, minWidth, overflow, onClick, testID, ...props }: ContainedAssetCardProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ContainedAssetCard.d.ts.map
+export declare const ContainedAssetCard: ({
+  header,
+  title,
+  subtitle,
+  description,
+  size,
+  children,
+  className,
+  flexDirection,
+  background,
+  borderRadius,
+  height,
+  width,
+  minWidth,
+  overflow,
+  onClick,
+  testID,
+  ...props
+}: ContainedAssetCardProps) => import('react/jsx-runtime').JSX.Element;
+//# sourceMappingURL=ContainedAssetCard.d.ts.map