@coinbase/cds-mobile 8.13.1 → 8.13.5

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

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

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

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

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

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

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

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

package/dts/cards/index.d.ts

@@ -8,4 +8,4 @@ export * from './AnnouncementCard';
 export * from './FeatureEntryCard';
 export * from './FeedCard';
 export * from './ContentCard';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/dts/carousel/Carousel.d.ts

@@ -3,9 +3,10 @@ import { type StyleProp, type TextStyle, type ViewStyle } from 'react-native';
 import type { Rect, SharedAccessibilityProps, SharedProps } from '@coinbase/cds-common/types';
 import { type BoxBaseProps, type BoxProps } from '../layout/Box';
 export type CarouselItemRenderChildren = React.FC<{
-    isVisible: boolean;
+  isVisible: boolean;
 }>;
-export type CarouselItemBaseProps = Omit<BoxBaseProps, 'children'> & SharedAccessibilityProps & {
+export type CarouselItemBaseProps = Omit<BoxBaseProps, 'children'> &
+  SharedAccessibilityProps & {
     /**
      * Unique identifier for this carousel item.
      */
@@ -15,93 +16,95 @@ export type CarouselItemBaseProps = Omit<BoxBaseProps, 'children'> & SharedAcces
      * Can be a React node or a function that receives the visibility state.
      */
     children?: CarouselItemRenderChildren | React.ReactNode;
-};
+  };
 export type CarouselItemProps = Omit<BoxProps, 'children'> & CarouselItemBaseProps;
 export type CarouselItemComponent = React.FC<CarouselItemProps>;
 export type CarouselItemElement = React.ReactElement<CarouselItemProps, CarouselItemComponent>;
 export type CarouselContextValue = {
-    registerItem: (id: string, state: Rect) => void;
-    unregisterItem: (id: string) => void;
-    /**
-     * Set of item IDs that are currently visible in the carousel viewport.
-     */
-    visibleCarouselItems: Set<string>;
+  registerItem: (id: string, state: Rect) => void;
+  unregisterItem: (id: string) => void;
+  /**
+   * 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 styles for the component.
-     */
-    style?: StyleProp<ViewStyle>;
+  /**
+   * Custom styles for the component.
+   */
+  style?: StyleProp<ViewStyle>;
 };
 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.
-     */
-    onPressPage: (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.
+   */
+  onPressPage: (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 styles for the component.
-     */
-    style?: StyleProp<ViewStyle>;
+  /**
+   * Custom styles for the component.
+   */
+  style?: StyleProp<ViewStyle>;
 };
 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.
@@ -177,167 +180,173 @@ export type CarouselBaseProps = SharedProps & SharedAccessibilityProps & BoxBase
      * Callback fired when the user ends dragging the carousel.
      */
     onDragEnd?: () => void;
-};
+  };
 export type CarouselProps = CarouselBaseProps & {
+  /**
+   * Custom styles for the root element.
+   */
+  style?: StyleProp<ViewStyle>;
+  /**
+   * Custom styles for the component.
+   */
+  styles?: {
     /**
      * Custom styles for the root element.
      */
-    style?: StyleProp<ViewStyle>;
+    root?: StyleProp<ViewStyle>;
+    /**
+     * Custom styles for the title element.
+     */
+    title?: StyleProp<TextStyle>;
+    /**
+     * Custom styles for the navigation element.
+     */
+    navigation?: StyleProp<ViewStyle>;
+    /**
+     * Custom styles for the pagination element.
+     */
+    pagination?: StyleProp<ViewStyle>;
+    /**
+     * Custom styles for the main carousel element.
+     */
+    carousel?: StyleProp<ViewStyle>;
     /**
-     * Custom styles for the component.
+     * Custom styles for the outer carousel container element.
      */
-    styles?: {
+    carouselContainer?: StyleProp<ViewStyle>;
+  };
+};
+export declare const Carousel: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    SharedProps &
+      SharedAccessibilityProps &
+      import('../styles/styleProps').StyleProps & {
+        children?: React.ReactNode;
+        style?: import('react-native').Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
+        animated?: boolean;
+        elevation?: import('@coinbase/cds-common').ElevationLevels;
+        font?: import('@coinbase/cds-common').ThemeVars.FontFamily | 'inherit';
+        pin?: import('@coinbase/cds-common').PinningDirection;
+        bordered?: boolean;
+        borderedTop?: boolean;
+        borderedBottom?: boolean;
+        borderedStart?: boolean;
+        borderedEnd?: boolean;
+        borderedHorizontal?: boolean;
+        borderedVertical?: boolean;
+        dangerouslySetBackground?: string;
+        testID?: string;
+      } & {
         /**
-         * Custom styles for the root element.
+         * Children are required to be CarouselItems because we calculate
+         * their offset relative to the parent container.
          */
-        root?: StyleProp<ViewStyle>;
+        children?: CarouselItemElement | CarouselItemElement[];
         /**
-         * Custom styles for the title element.
+         * Defines the drag interaction behavior for the carousel.
+         * 'none' disables dragging completely.
+         * 'free' enables free-form dragging with natural deceleration when released.
+         * 'snap' enables dragging with automatic snapping to targets when released,
+         * defined by snapMode.
+         * @default 'snap'
          */
-        title?: StyleProp<TextStyle>;
+        drag?: 'none' | 'free' | 'snap';
         /**
-         * Custom styles for the navigation element.
+         * Specifies the pagination and navigation strategy for the carousel.
+         * 'item' treats each item as a separate page for navigation, pagination, and snapping.
+         * 'page' groups items into pages based on visible area for navigation, pagination, and snapping.
+         * This affects page calculation, navigation button behavior, and snap targets when dragging.
+         * @default 'page'
          */
-        navigation?: StyleProp<ViewStyle>;
+        snapMode?: 'item' | 'page';
         /**
-         * Custom styles for the pagination element.
+         * Hides the navigation arrows (previous/next buttons).
          */
-        pagination?: StyleProp<ViewStyle>;
+        hideNavigation?: boolean;
         /**
-         * Custom styles for the main carousel element.
+         * Hides the pagination indicators (dots/bars showing current page).
          */
-        carousel?: StyleProp<ViewStyle>;
+        hidePagination?: boolean;
         /**
-         * Custom styles for the outer carousel container element.
+         * Custom component to render navigation arrows.
+         * @default DefaultCarouselNavigation
          */
-        carouselContainer?: StyleProp<ViewStyle>;
-    };
-};
-export declare const Carousel: React.MemoExoticComponent<React.ForwardRefExoticComponent<SharedProps & SharedAccessibilityProps & import("../styles/styleProps").StyleProps & {
-    children?: React.ReactNode;
-    style?: import("react-native").Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
-    animated?: boolean;
-    elevation?: import("@coinbase/cds-common").ElevationLevels;
-    font?: import("@coinbase/cds-common").ThemeVars.FontFamily | "inherit";
-    pin?: import("@coinbase/cds-common").PinningDirection;
-    bordered?: boolean;
-    borderedTop?: boolean;
-    borderedBottom?: boolean;
-    borderedStart?: boolean;
-    borderedEnd?: boolean;
-    borderedHorizontal?: boolean;
-    borderedVertical?: boolean;
-    dangerouslySetBackground?: string;
-    testID?: string;
-} & {
-    /**
-     * Children are required to be CarouselItems because we calculate
-     * their offset relative to the parent container.
-     */
-    children?: CarouselItemElement | CarouselItemElement[];
-    /**
-     * Defines the drag interaction behavior for the carousel.
-     * 'none' disables dragging completely.
-     * 'free' enables free-form dragging with natural deceleration when released.
-     * 'snap' enables dragging with automatic snapping to targets when released,
-     * defined by snapMode.
-     * @default 'snap'
-     */
-    drag?: "none" | "free" | "snap";
-    /**
-     * Specifies the pagination and navigation strategy for the carousel.
-     * 'item' treats each item as a separate page for navigation, pagination, and snapping.
-     * 'page' groups items into pages based on visible area for navigation, pagination, and snapping.
-     * This affects page calculation, navigation button behavior, and snap targets when dragging.
-     * @default 'page'
-     */
-    snapMode?: "item" | "page";
-    /**
-     * Hides the navigation arrows (previous/next buttons).
-     */
-    hideNavigation?: boolean;
-    /**
-     * Hides the pagination indicators (dots/bars showing current page).
-     */
-    hidePagination?: boolean;
-    /**
-     * Custom component to render navigation arrows.
-     * @default DefaultCarouselNavigation
-     */
-    NavigationComponent?: CarouselNavigationComponent;
-    /**
-     * Custom component to render pagination indicators.
-     * @default DefaultCarouselPagination
-     */
-    PaginationComponent?: CarouselPaginationComponent;
-    /**
-     * Title to display above the carousel.
-     * When a string is provided, it will be rendered with default title styling.
-     * When a React element is provided, it completely replaces the default title component
-     * and styling.
-     */
-    title?: React.ReactNode;
-    /**
-     * Accessibility label for the next page button.
-     */
-    nextPageAccessibilityLabel?: string;
-    /**
-     * Accessibility label for the previous page button.
-     */
-    previousPageAccessibilityLabel?: string;
-    /**
-     * Accessibility label for the go to page button.
-     */
-    goToPageAccessibilityLabel?: string;
-    /**
-     * Accessibility label for the go to page button.
-     */
-    paginationAccessibilityLabel?: string | ((pageIndex: number) => string);
-    /**
-     * Callback fired when the page changes.
-     */
-    onChangePage?: (activePageIndex: number) => void;
-    /**
-     * Callback fired when the user starts dragging the carousel.
-     */
-    onDragStart?: () => void;
-    /**
-     * Callback fired when the user ends dragging the carousel.
-     */
-    onDragEnd?: () => void;
-} & {
-    /**
-     * Custom styles for the root element.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Custom styles for the component.
-     */
-    styles?: {
+        NavigationComponent?: CarouselNavigationComponent;
         /**
-         * Custom styles for the root element.
+         * Custom component to render pagination indicators.
+         * @default DefaultCarouselPagination
+         */
+        PaginationComponent?: CarouselPaginationComponent;
+        /**
+         * Title to display above the carousel.
+         * When a string is provided, it will be rendered with default title styling.
+         * When a React element is provided, it completely replaces the default title component
+         * and styling.
          */
-        root?: StyleProp<ViewStyle>;
+        title?: React.ReactNode;
         /**
-         * Custom styles for the title element.
+         * Accessibility label for the next page button.
          */
-        title?: StyleProp<TextStyle>;
+        nextPageAccessibilityLabel?: string;
         /**
-         * Custom styles for the navigation element.
+         * Accessibility label for the previous page button.
          */
-        navigation?: StyleProp<ViewStyle>;
+        previousPageAccessibilityLabel?: string;
         /**
-         * Custom styles for the pagination element.
+         * Accessibility label for the go to page button.
          */
-        pagination?: StyleProp<ViewStyle>;
+        goToPageAccessibilityLabel?: string;
         /**
-         * Custom styles for the main carousel element.
+         * Accessibility label for the go to page button.
+         */
+        paginationAccessibilityLabel?: string | ((pageIndex: number) => string);
+        /**
+         * Callback fired when the page changes.
+         */
+        onChangePage?: (activePageIndex: number) => void;
+        /**
+         * Callback fired when the user starts dragging the carousel.
+         */
+        onDragStart?: () => void;
+        /**
+         * Callback fired when the user ends dragging the carousel.
+         */
+        onDragEnd?: () => void;
+      } & {
+        /**
+         * Custom styles for the root element.
          */
-        carousel?: StyleProp<ViewStyle>;
+        style?: StyleProp<ViewStyle>;
         /**
-         * Custom styles for the outer carousel container element.
+         * Custom styles for the component.
          */
-        carouselContainer?: StyleProp<ViewStyle>;
-    };
-} & React.RefAttributes<CarouselImperativeHandle>>>;
-//# sourceMappingURL=Carousel.d.ts.map
+        styles?: {
+          /**
+           * Custom styles for the root element.
+           */
+          root?: StyleProp<ViewStyle>;
+          /**
+           * Custom styles for the title element.
+           */
+          title?: StyleProp<TextStyle>;
+          /**
+           * Custom styles for the navigation element.
+           */
+          navigation?: StyleProp<ViewStyle>;
+          /**
+           * Custom styles for the pagination element.
+           */
+          pagination?: StyleProp<ViewStyle>;
+          /**
+           * Custom styles for the main carousel element.
+           */
+          carousel?: StyleProp<ViewStyle>;
+          /**
+           * Custom styles for the outer carousel container element.
+           */
+          carouselContainer?: StyleProp<ViewStyle>;
+        };
+      } & React.RefAttributes<CarouselImperativeHandle>
+  >
+>;
+//# sourceMappingURL=Carousel.d.ts.map

package/dts/carousel/CarouselItem.d.ts

@@ -1,4 +1,6 @@
 import React from 'react';
 import { type CarouselItemProps } from './Carousel';
-export declare const CarouselItem: React.MemoExoticComponent<({ children, id, style, ...props }: CarouselItemProps) => import("react/jsx-runtime").JSX.Element>;
-//# sourceMappingURL=CarouselItem.d.ts.map
+export declare const CarouselItem: React.MemoExoticComponent<
+  ({ children, id, style, ...props }: CarouselItemProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=CarouselItem.d.ts.map

package/dts/carousel/DefaultCarouselNavigation.d.ts

@@ -3,52 +3,52 @@ import type { StyleProp, ViewStyle } from 'react-native';
 import type { IconButtonVariant, IconName } from '@coinbase/cds-common';
 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;
+  /**
+   * Custom styles for the component.
+   */
+  styles?: {
     /**
-     * Icon to use for the next button.
+     * Custom styles for the root element.
      */
-    nextIcon?: IconName;
+    root?: StyleProp<ViewStyle>;
     /**
-     * Variant of the icon button.
+     * Custom styles for the previous button.
      */
-    variant?: IconButtonVariant;
+    previousButton?: StyleProp<ViewStyle>;
     /**
-     * Whether the icon button is compact.
+     * Custom styles for the next button.
      */
-    compact?: boolean;
-    /**
-     * Custom styles for the component.
-     */
-    styles?: {
-        /**
-         * Custom styles for the root element.
-         */
-        root?: StyleProp<ViewStyle>;
-        /**
-         * Custom styles for the previous button.
-         */
-        previousButton?: StyleProp<ViewStyle>;
-        /**
-         * Custom styles for the next button.
-         */
-        nextButton?: StyleProp<ViewStyle>;
-    };
+    nextButton?: StyleProp<ViewStyle>;
+  };
 };
 export declare const DefaultCarouselNavigation: React.NamedExoticComponent<DefaultCarouselNavigationProps>;
-//# sourceMappingURL=DefaultCarouselNavigation.d.ts.map
+//# sourceMappingURL=DefaultCarouselNavigation.d.ts.map

package/dts/carousel/DefaultCarouselPagination.d.ts

@@ -2,19 +2,19 @@ import React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import type { CarouselPaginationComponentProps } from './Carousel';
 export type DefaultCarouselPaginationProps = CarouselPaginationComponentProps & {
+  /**
+   * Custom styles for the component.
+   */
+  styles?: {
     /**
-     * Custom styles for the component.
+     * Custom styles for the root element.
      */
-    styles?: {
-        /**
-         * Custom styles for the root element.
-         */
-        root?: StyleProp<ViewStyle>;
-        /**
-         * Custom styles for the dot element.
-         */
-        dot?: StyleProp<ViewStyle>;
-    };
+    root?: StyleProp<ViewStyle>;
+    /**
+     * Custom styles for the dot element.
+     */
+    dot?: StyleProp<ViewStyle>;
+  };
 };
 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