@coinbase/cds-web 8.13.1 → 8.13.5

package/dts/carousel/Carousel.d.ts

@@ -2,111 +2,114 @@ import React from 'react';
 import type { SharedAccessibilityProps, SharedProps } from '@coinbase/cds-common/types';
 import { type BoxBaseProps, type BoxDefaultElement, type BoxProps } from '../layout/Box';
 export type CarouselItemRenderChildren = React.FC<{
-    isVisible: boolean;
+  isVisible: boolean;
 }>;
 export type CarouselItemBaseProps = Omit<BoxBaseProps, 'children'> & {
-    /**
-     * Unique identifier for this carousel item.
-     */
-    id: string;
-    /**
-     * Component to render as the carousel item content.
-     * Can be a React node or a function that receives the visibility state.
-     */
-    children?: CarouselItemRenderChildren | React.ReactNode;
+  /**
+   * Unique identifier for this carousel item.
+   */
+  id: string;
+  /**
+   * Component to render as the carousel item content.
+   * Can be a React node or a function that receives the visibility state.
+   */
+  children?: CarouselItemRenderChildren | React.ReactNode;
 };
-export type CarouselItemProps = Omit<BoxProps<BoxDefaultElement>, 'children'> & CarouselItemBaseProps;
+export type CarouselItemProps = Omit<BoxProps<BoxDefaultElement>, 'children'> &
+  CarouselItemBaseProps;
 export type CarouselItemComponent = React.FC<CarouselItemProps>;
 export type CarouselItemElement = React.ReactElement<CarouselItemProps, CarouselItemComponent>;
 export type CarouselContextValue = {
-    /**
-     * Set of item IDs that are currently visible in the carousel viewport.
-     */
-    visibleCarouselItems: Set<string>;
+  /**
+   * Set of item IDs that are currently visible in the carousel viewport.
+   */
+  visibleCarouselItems: Set<string>;
 };
 export declare const CarouselContext: React.Context<CarouselContextValue | undefined>;
 export declare const useCarouselContext: () => CarouselContextValue;
 export type CarouselNavigationComponentBaseProps = {
-    /**
-     * Callback for when the previous button is pressed.
-     */
-    onGoPrevious?: () => void;
-    /**
-     * Callback for when the next button is pressed.
-     */
-    onGoNext?: () => void;
-    /**
-     * Whether the previous button is disabled.
-     */
-    disableGoPrevious?: boolean;
-    /**
-     * Whether the next button is disabled.
-     */
-    disableGoNext?: boolean;
-    /**
-     * Accessibility label for the next page button.
-     */
-    nextPageAccessibilityLabel?: string;
-    /**
-     * Accessibility label for the previous page button.
-     */
-    previousPageAccessibilityLabel?: string;
+  /**
+   * Callback for when the previous button is pressed.
+   */
+  onGoPrevious?: () => void;
+  /**
+   * Callback for when the next button is pressed.
+   */
+  onGoNext?: () => void;
+  /**
+   * Whether the previous button is disabled.
+   */
+  disableGoPrevious?: boolean;
+  /**
+   * Whether the next button is disabled.
+   */
+  disableGoNext?: boolean;
+  /**
+   * Accessibility label for the next page button.
+   */
+  nextPageAccessibilityLabel?: string;
+  /**
+   * Accessibility label for the previous page button.
+   */
+  previousPageAccessibilityLabel?: string;
 };
 export type CarouselNavigationComponentProps = CarouselNavigationComponentBaseProps & {
-    /**
-     * Custom class name for the component.
-     */
-    className?: string;
-    /**
-     * Custom styles for the component.
-     */
-    style?: React.CSSProperties;
+  /**
+   * Custom class name for the component.
+   */
+  className?: string;
+  /**
+   * Custom styles for the component.
+   */
+  style?: React.CSSProperties;
 };
 export type CarouselNavigationComponent = React.FC<CarouselNavigationComponentProps>;
 export type CarouselPaginationComponentBaseProps = {
-    /**
-     * Total number of pages.
-     */
-    totalPages: number;
-    /**
-     * Index of the active page.
-     */
-    activePageIndex: number;
-    /**
-     * Callback for when a page is clicked.
-     */
-    onClickPage?: (index: number) => void;
-    /**
-     * Accessibility label for the go to page button. You can optionally pass a function that will receive the pageIndex as an argument, and return an accessibility label string.
-     */
-    paginationAccessibilityLabel?: string | ((pageIndex: number) => string);
+  /**
+   * Total number of pages.
+   */
+  totalPages: number;
+  /**
+   * Index of the active page.
+   */
+  activePageIndex: number;
+  /**
+   * Callback for when a page is clicked.
+   */
+  onClickPage?: (index: number) => void;
+  /**
+   * Accessibility label for the go to page button. You can optionally pass a function that will receive the pageIndex as an argument, and return an accessibility label string.
+   */
+  paginationAccessibilityLabel?: string | ((pageIndex: number) => string);
 };
 export type CarouselPaginationComponentProps = CarouselPaginationComponentBaseProps & {
-    /**
-     * Custom class name for the root element.
-     */
-    className?: string;
-    /**
-     * Custom styles for the component.
-     */
-    style?: React.CSSProperties;
+  /**
+   * Custom class name for the root element.
+   */
+  className?: string;
+  /**
+   * Custom styles for the component.
+   */
+  style?: React.CSSProperties;
 };
 export type CarouselPaginationComponent = React.FC<CarouselPaginationComponentProps>;
 export type CarouselImperativeHandle = {
-    /**
-     * The currently active page index.
-     */
-    activePageIndex: number;
-    /**
-     * The total number of pages.
-     */
-    totalPages: number;
-    /**
-     * Navigate to a specific page by index.
-     */
-    goToPage: (pageIndex: number) => void;
+  /**
+   * The currently active page index.
+   */
+  activePageIndex: number;
+  /**
+   * The total number of pages.
+   */
+  totalPages: number;
+  /**
+   * Navigate to a specific page by index.
+   */
+  goToPage: (pageIndex: number) => void;
 };
-export type CarouselBaseProps = SharedProps & SharedAccessibilityProps & BoxBaseProps & {
+export type CarouselBaseProps = SharedProps &
+  SharedAccessibilityProps &
+  BoxBaseProps & {
     /**
      * Children are required to be CarouselItems because we calculate
      * their offset relative to the parent container.
@@ -178,8 +181,9 @@ export type CarouselBaseProps = SharedProps & SharedAccessibilityProps & BoxBase
      * Callback fired when the user ends dragging the carousel.
      */
     onDragEnd?: () => void;
-};
-export type CarouselProps = Omit<BoxProps<BoxDefaultElement>, 'title'> & CarouselBaseProps & {
+  };
+export type CarouselProps = Omit<BoxProps<BoxDefaultElement>, 'title'> &
+  CarouselBaseProps & {
     /**
      * Custom class name for the root element.
      */
@@ -188,30 +192,30 @@ export type CarouselProps = Omit<BoxProps<BoxDefaultElement>, 'title'> & Carouse
      * Custom class names for the component.
      */
     classNames?: {
-        /**
-         * Custom class name for the root element.
-         */
-        root?: string;
-        /**
-         * Custom class name for the title element.
-         */
-        title?: string;
-        /**
-         * Custom class name for the navigation element.
-         */
-        navigation?: string;
-        /**
-         * Custom class name for the pagination element.
-         */
-        pagination?: string;
-        /**
-         * Custom class name for the main carousel element.
-         */
-        carousel?: string;
-        /**
-         * Custom class name for the outer carousel container element.
-         */
-        carouselContainer?: string;
+      /**
+       * Custom class name for the root element.
+       */
+      root?: string;
+      /**
+       * Custom class name for the title element.
+       */
+      title?: string;
+      /**
+       * Custom class name for the navigation element.
+       */
+      navigation?: string;
+      /**
+       * Custom class name for the pagination element.
+       */
+      pagination?: string;
+      /**
+       * Custom class name for the main carousel element.
+       */
+      carousel?: string;
+      /**
+       * Custom class name for the outer carousel container element.
+       */
+      carouselContainer?: string;
     };
     /**
      * Custom styles for the root element.
@@ -221,31 +225,35 @@ export type CarouselProps = Omit<BoxProps<BoxDefaultElement>, 'title'> & Carouse
      * Custom styles for the component.
      */
     styles?: {
-        /**
-         * Custom styles for the root element.
-         */
-        root?: React.CSSProperties;
-        /**
-         * Custom styles for the title element.
-         */
-        title?: React.CSSProperties;
-        /**
-         * Custom styles for the navigation element.
-         */
-        navigation?: React.CSSProperties;
-        /**
-         * Custom styles for the pagination element.
-         */
-        pagination?: React.CSSProperties;
-        /**
-         * Custom styles for the main carousel element.
-         */
-        carousel?: React.CSSProperties;
-        /**
-         * Custom styles for the outer carousel container element.
-         */
-        carouselContainer?: React.CSSProperties;
+      /**
+       * Custom styles for the root element.
+       */
+      root?: React.CSSProperties;
+      /**
+       * Custom styles for the title element.
+       */
+      title?: React.CSSProperties;
+      /**
+       * Custom styles for the navigation element.
+       */
+      navigation?: React.CSSProperties;
+      /**
+       * Custom styles for the pagination element.
+       */
+      pagination?: React.CSSProperties;
+      /**
+       * Custom styles for the main carousel element.
+       */
+      carousel?: React.CSSProperties;
+      /**
+       * Custom styles for the outer carousel container element.
+       */
+      carouselContainer?: React.CSSProperties;
     };
-};
-export declare const Carousel: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<CarouselProps, "ref"> & React.RefAttributes<CarouselImperativeHandle>>>;
-//# sourceMappingURL=Carousel.d.ts.map
+  };
+export declare const Carousel: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    Omit<CarouselProps, 'ref'> & React.RefAttributes<CarouselImperativeHandle>
+  >
+>;
+//# sourceMappingURL=Carousel.d.ts.map

package/dts/carousel/CarouselItem.d.ts

@@ -3,5 +3,13 @@ import { type CarouselItemProps } from './Carousel';
 /**
  * Individual carousel item component that registers itself with the carousel via RefMapContext.
  */
-export declare const CarouselItem: React.MemoExoticComponent<({ id, children, testID, style, ...props }: CarouselItemProps) => import("react/jsx-runtime").JSX.Element>;
-//# sourceMappingURL=CarouselItem.d.ts.map
+export declare const CarouselItem: React.MemoExoticComponent<
+  ({
+    id,
+    children,
+    testID,
+    style,
+    ...props
+  }: CarouselItemProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=CarouselItem.d.ts.map

package/dts/carousel/DefaultCarouselNavigation.d.ts

@@ -3,73 +3,73 @@ import type { IconButtonVariant } from '@coinbase/cds-common/types/IconButtonBas
 import type { IconName } from '@coinbase/cds-common/types/IconName';
 import type { CarouselNavigationComponentProps } from './Carousel';
 export type DefaultCarouselNavigationProps = CarouselNavigationComponentProps & {
+  /**
+   * Test ID map for the component.
+   */
+  testIDMap?: {
     /**
-     * Test ID map for the component.
+     * Test ID for the previous button.
      */
-    testIDMap?: {
-        /**
-         * Test ID for the previous button.
-         */
-        previousButton?: string;
-        /**
-         * Test ID for the next button.
-         */
-        nextButton?: string;
-    };
+    previousButton?: string;
     /**
-     * Icon to use for the previous button.
+     * Test ID for the next button.
      */
-    previousIcon?: IconName;
+    nextButton?: string;
+  };
+  /**
+   * Icon to use for the previous button.
+   */
+  previousIcon?: IconName;
+  /**
+   * Icon to use for the next button.
+   */
+  nextIcon?: IconName;
+  /**
+   * Variant of the icon button.
+   */
+  variant?: IconButtonVariant;
+  /**
+   * Whether the icon button is compact.
+   */
+  compact?: boolean;
+  /**
+   * Whether the navigation buttons should be hidden unless focused.
+   */
+  hideUnlessFocused?: boolean;
+  /**
+   * Custom class names for the component.
+   */
+  classNames?: {
     /**
-     * Icon to use for the next button.
+     * Custom class name for the root element.
      */
-    nextIcon?: IconName;
+    root?: string;
     /**
-     * Variant of the icon button.
+     * Custom class name for the previous button.
      */
-    variant?: IconButtonVariant;
+    previousButton?: string;
     /**
-     * Whether the icon button is compact.
+     * Custom class name for the next button.
      */
-    compact?: boolean;
+    nextButton?: string;
+  };
+  /**
+   * Custom styles for the component.
+   */
+  styles?: {
     /**
-     * Whether the navigation buttons should be hidden unless focused.
+     * Custom styles for the root element.
      */
-    hideUnlessFocused?: boolean;
+    root?: React.CSSProperties;
     /**
-     * Custom class names for the component.
+     * Custom styles for the previous button.
      */
-    classNames?: {
-        /**
-         * Custom class name for the root element.
-         */
-        root?: string;
-        /**
-         * Custom class name for the previous button.
-         */
-        previousButton?: string;
-        /**
-         * Custom class name for the next button.
-         */
-        nextButton?: string;
-    };
+    previousButton?: React.CSSProperties;
     /**
-     * Custom styles for the component.
+     * Custom styles for the next button.
      */
-    styles?: {
-        /**
-         * Custom styles for the root element.
-         */
-        root?: React.CSSProperties;
-        /**
-         * Custom styles for the previous button.
-         */
-        previousButton?: React.CSSProperties;
-        /**
-         * Custom styles for the next button.
-         */
-        nextButton?: React.CSSProperties;
-    };
+    nextButton?: React.CSSProperties;
+  };
 };
 export declare const DefaultCarouselNavigation: React.NamedExoticComponent<DefaultCarouselNavigationProps>;
-//# sourceMappingURL=DefaultCarouselNavigation.d.ts.map
+//# sourceMappingURL=DefaultCarouselNavigation.d.ts.map

package/dts/carousel/DefaultCarouselPagination.d.ts

@@ -1,33 +1,34 @@
 import React from 'react';
 import type { SharedProps } from '@coinbase/cds-common/types';
 import type { CarouselPaginationComponentProps } from './Carousel';
-export type DefaultCarouselPaginationProps = CarouselPaginationComponentProps & SharedProps & {
+export type DefaultCarouselPaginationProps = CarouselPaginationComponentProps &
+  SharedProps & {
     /**
      * Custom class names for the component.
      */
     classNames?: {
-        /**
-         * Custom class name for the root element.
-         */
-        root?: string;
-        /**
-         * Custom class name for the dot element.
-         */
-        dot?: string;
+      /**
+       * Custom class name for the root element.
+       */
+      root?: string;
+      /**
+       * Custom class name for the dot element.
+       */
+      dot?: string;
     };
     /**
      * Custom styles for the component.
      */
     styles?: {
-        /**
-         * Custom styles for the root element.
-         */
-        root?: React.CSSProperties;
-        /**
-         * Custom styles for the dot element.
-         */
-        dot?: React.CSSProperties;
+      /**
+       * Custom styles for the root element.
+       */
+      root?: React.CSSProperties;
+      /**
+       * Custom styles for the dot element.
+       */
+      dot?: React.CSSProperties;
     };
-};
+  };
 export declare const DefaultCarouselPagination: React.NamedExoticComponent<DefaultCarouselPaginationProps>;
-//# sourceMappingURL=DefaultCarouselPagination.d.ts.map
+//# sourceMappingURL=DefaultCarouselPagination.d.ts.map

package/dts/carousel/index.d.ts

@@ -2,4 +2,4 @@ export * from './Carousel';
 export * from './CarouselItem';
 export * from './DefaultCarouselNavigation';
 export * from './DefaultCarouselPagination';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/dts/cells/Cell.d.ts

@@ -5,10 +5,28 @@ import type { Polymorphic } from '../core/polymorphism';
 import { type BoxBaseProps } from '../layout/Box';
 import { type PressableProps } from '../system/Pressable';
 import type { CellAccessoryProps } from './CellAccessory';
-export declare const cellDefaultElement = "div";
+export declare const cellDefaultElement = 'div';
 export type CellDefaultElement = typeof cellDefaultElement;
-export type CellSpacing = Pick<BoxBaseProps, 'padding' | 'paddingX' | 'paddingY' | 'paddingTop' | 'paddingEnd' | 'paddingBottom' | 'paddingStart' | 'margin' | 'marginX' | 'marginY' | 'marginTop' | 'marginEnd' | 'marginBottom' | 'marginStart'>;
-export type CellBaseProps = Polymorphic.ExtendableProps<BoxBaseProps, Pick<PressableProps<'a'>, 'href' | 'target'> & {
+export type CellSpacing = Pick<
+  BoxBaseProps,
+  | 'padding'
+  | 'paddingX'
+  | 'paddingY'
+  | 'paddingTop'
+  | 'paddingEnd'
+  | 'paddingBottom'
+  | 'paddingStart'
+  | 'margin'
+  | 'marginX'
+  | 'marginY'
+  | 'marginTop'
+  | 'marginEnd'
+  | 'marginBottom'
+  | 'marginStart'
+>;
+export type CellBaseProps = Polymorphic.ExtendableProps<
+  BoxBaseProps,
+  Pick<PressableProps<'a'>, 'href' | 'target'> & {
     contentClassName?: string;
     onKeyDown?: React.KeyboardEventHandler;
     onKeyUp?: React.KeyboardEventHandler;
@@ -34,9 +52,16 @@ export type CellBaseProps = Polymorphic.ExtendableProps<BoxBaseProps, Pick<Press
     innerSpacing?: CellSpacing;
     /** The content to display below the main cell content */
     bottomContent?: React.ReactNode;
-}>;
-export type CellProps<AsComponent extends React.ElementType> = Polymorphic.Props<AsComponent, CellBaseProps>;
-type CellComponent = (<AsComponent extends React.ElementType = CellDefaultElement>(props: CellProps<AsComponent>) => Polymorphic.ReactReturn) & Polymorphic.ReactNamed;
+  }
+>;
+export type CellProps<AsComponent extends React.ElementType> = Polymorphic.Props<
+  AsComponent,
+  CellBaseProps
+>;
+type CellComponent = (<AsComponent extends React.ElementType = CellDefaultElement>(
+  props: CellProps<AsComponent>,
+) => Polymorphic.ReactReturn) &
+  Polymorphic.ReactNamed;
 export declare const Cell: CellComponent;
 export {};
-//# sourceMappingURL=Cell.d.ts.map
+//# sourceMappingURL=Cell.d.ts.map

package/dts/cells/CellAccessory.d.ts

@@ -1,16 +1,20 @@
 import React from 'react';
 import type { PaddingProps } from '@coinbase/cds-common/types';
 import { type BoxDefaultElement, type BoxProps } from '../layout/Box';
-export declare const cellAccessoryTestId = "accessory";
+export declare const cellAccessoryTestId = 'accessory';
 export type CellAccessoryType = 'arrow' | 'more' | 'selected';
 export type CellAccessoryBaseProps = PaddingProps & {
-    /** Type of accessory to display at the end. */
-    type: CellAccessoryType;
-    /**
-     * @danger This is a migration escape hatch. It is not intended to be used normally.
-     */
-    className?: string;
+  /** Type of accessory to display at the end. */
+  type: CellAccessoryType;
+  /**
+   * @danger This is a migration escape hatch. It is not intended to be used normally.
+   */
+  className?: string;
 };
 export type CellAccessoryProps = CellAccessoryBaseProps & BoxProps<BoxDefaultElement>;
-export declare const CellAccessory: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<CellAccessoryProps, "ref"> & React.RefAttributes<HTMLDivElement>>>;
-//# sourceMappingURL=CellAccessory.d.ts.map
+export declare const CellAccessory: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    Omit<CellAccessoryProps, 'ref'> & React.RefAttributes<HTMLDivElement>
+  >
+>;
+//# sourceMappingURL=CellAccessory.d.ts.map

package/dts/cells/CellDetail.d.ts

@@ -1,18 +1,18 @@
 import React from 'react';
 export type CellDetailVariant = 'foregroundMuted' | 'negative' | 'positive' | 'warning';
 export type CellDetailProps = {
-    /**
-     * Label and/or extra detail. This prop is only intended to accept a string or Text component;
-     * other use cases, while allowed, are not supported and may result in unexpected behavior.
-     */
-    detail?: React.ReactNode;
-    /**
-     * Subdetail providing more information. This prop is only intended to accept a string or Text component;
-     * other use cases, while allowed, are not supported and may result in unexpected behavior.
-     */
-    subdetail?: React.ReactNode;
-    /** Variant color to apply to the subdetail text. */
-    variant?: CellDetailVariant;
+  /**
+   * Label and/or extra detail. This prop is only intended to accept a string or Text component;
+   * other use cases, while allowed, are not supported and may result in unexpected behavior.
+   */
+  detail?: React.ReactNode;
+  /**
+   * Subdetail providing more information. This prop is only intended to accept a string or Text component;
+   * other use cases, while allowed, are not supported and may result in unexpected behavior.
+   */
+  subdetail?: React.ReactNode;
+  /** Variant color to apply to the subdetail text. */
+  variant?: CellDetailVariant;
 };
 export declare const CellDetail: React.NamedExoticComponent<CellDetailProps>;
-//# sourceMappingURL=CellDetail.d.ts.map
+//# sourceMappingURL=CellDetail.d.ts.map