@coinbase/cds-mobile 8.13.1 → 8.13.5

package/dts/buttons/AvatarButton.d.ts

@@ -3,6 +3,9 @@ import type { SharedProps } from '@coinbase/cds-common/types';
 import { type AvatarBaseProps } from '../media';
 import { type PressableBaseProps } from '../system/Pressable';
 import type { ButtonBaseProps } from './Button';
-export type AvatarButtonProps = PressableBaseProps & SharedProps & Pick<ButtonBaseProps, 'accessibilityLabel' | 'compact'> & Pick<AvatarBaseProps, 'src' | 'shape' | 'colorScheme' | 'borderColor' | 'name'>;
+export type AvatarButtonProps = PressableBaseProps &
+  SharedProps &
+  Pick<ButtonBaseProps, 'accessibilityLabel' | 'compact'> &
+  Pick<AvatarBaseProps, 'src' | 'shape' | 'colorScheme' | 'borderColor' | 'name'>;
 export declare const AvatarButton: React.NamedExoticComponent<AvatarButtonProps>;
-//# sourceMappingURL=AvatarButton.d.ts.map
+//# sourceMappingURL=AvatarButton.d.ts.map

package/dts/buttons/Button.d.ts

@@ -1,24 +1,31 @@
 import React from 'react';
 import { type View } from 'react-native';
-import type { ButtonVariant, IconName, SharedAccessibilityProps, SharedProps } from '@coinbase/cds-common/types';
+import type {
+  ButtonVariant,
+  IconName,
+  SharedAccessibilityProps,
+  SharedProps,
+} from '@coinbase/cds-common/types';
 import { type PressableBaseProps } from '../system/Pressable';
 export declare const styles: {
-    inline: {
-        width: "auto";
-        minWidth: number;
-    };
-    block: {
-        width: "100%";
-        maxWidth: "100%";
-    };
-    text: {
-        flexShrink: number;
-    };
-    icon: {
-        flexShrink: number;
-    };
+  inline: {
+    width: 'auto';
+    minWidth: number;
+  };
+  block: {
+    width: '100%';
+    maxWidth: '100%';
+  };
+  text: {
+    flexShrink: number;
+  };
+  icon: {
+    flexShrink: number;
+  };
 };
-export type ButtonBaseProps = SharedProps & Pick<SharedAccessibilityProps, 'accessibilityLabel'> & PressableBaseProps & {
+export type ButtonBaseProps = SharedProps &
+  Pick<SharedAccessibilityProps, 'accessibilityLabel'> &
+  PressableBaseProps & {
     /**
      * Toggle design and visual variants.
      * @default primary
@@ -62,59 +69,68 @@ export type ButtonBaseProps = SharedProps & Pick<SharedAccessibilityProps, 'acce
      * @default 1
      */
     numberOfLines?: number;
-};
+  };
 export type ButtonProps = ButtonBaseProps;
-export declare const Button: React.MemoExoticComponent<React.ForwardRefExoticComponent<SharedProps & Pick<SharedAccessibilityProps, "accessibilityLabel"> & import("react-native").AccessibilityProps & import("@coinbase/cds-common").ComponentEventHandlerProps & Pick<import("react-native").PressableProps, "style" | "hitSlop" | "onPress"> & Omit<import("../system").InteractableBaseProps, "style" | "pressed"> & {
-    noScaleOnPress?: boolean;
-    onPressIn?: (event: import("react-native").GestureResponderEvent) => void;
-    onPressOut?: (event: import("react-native").GestureResponderEvent) => void;
-    feedback?: import("../system").HapticFeedbackType;
-    loading?: boolean;
-    debounceTime?: number;
-    disableDebounce?: boolean;
-} & {
-    /**
-     * 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;
-} & React.RefAttributes<View>>>;
-//# sourceMappingURL=Button.d.ts.map
+export declare const Button: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    SharedProps &
+      Pick<SharedAccessibilityProps, 'accessibilityLabel'> &
+      import('react-native').AccessibilityProps &
+      import('@coinbase/cds-common').ComponentEventHandlerProps &
+      Pick<import('react-native').PressableProps, 'style' | 'hitSlop' | 'onPress'> &
+      Omit<import('../system').InteractableBaseProps, 'style' | 'pressed'> & {
+        noScaleOnPress?: boolean;
+        onPressIn?: (event: import('react-native').GestureResponderEvent) => void;
+        onPressOut?: (event: import('react-native').GestureResponderEvent) => void;
+        feedback?: import('../system').HapticFeedbackType;
+        loading?: boolean;
+        debounceTime?: number;
+        disableDebounce?: boolean;
+      } & {
+        /**
+         * 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;
+      } & React.RefAttributes<View>
+  >
+>;
+//# 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/DefaultSlideButtonBackground.d.ts

@@ -1,15 +1,22 @@
 import React from 'react';
 import { View } from 'react-native';
 export declare const styles: {
-    base: {
-        width: "100%";
-        height: "100%";
-        alignItems: "center";
-        justifyContent: "center";
-    };
+  base: {
+    width: '100%';
+    height: '100%';
+    alignItems: 'center';
+    justifyContent: 'center';
+  };
 };
-export declare const DefaultSlideButtonBackground: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<import("./SlideButton").SlideButtonBaseProps, "borderRadius" | "disabled" | "checked" | "variant" | "uncheckedLabel"> & {
-    progress: import("@react-spring/core").SpringValue<number>;
-    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
-} & React.RefAttributes<View>>>;
-//# sourceMappingURL=DefaultSlideButtonBackground.d.ts.map
+export declare const DefaultSlideButtonBackground: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    Pick<
+      import('./SlideButton').SlideButtonBaseProps,
+      'borderRadius' | 'disabled' | 'checked' | 'variant' | 'uncheckedLabel'
+    > & {
+      progress: import('@react-spring/core').SpringValue<number>;
+      style?: import('react-native').StyleProp<import('react-native').ViewStyle>;
+    } & React.RefAttributes<View>
+  >
+>;
+//# sourceMappingURL=DefaultSlideButtonBackground.d.ts.map

package/dts/buttons/DefaultSlideButtonHandle.d.ts

@@ -2,49 +2,73 @@ import React from 'react';
 import type { View } from 'react-native';
 import type { ButtonProps } from './Button';
 export declare const animationConfig: {
-    readonly tension: 300;
-    readonly clamp: true;
+  readonly tension: 300;
+  readonly clamp: true;
 };
 export type SlideButtonHandleCheckedProps = Pick<ButtonProps, 'variant'> & {
-    label?: React.ReactNode;
-    end?: React.ReactNode;
-    disabled?: boolean;
+  label?: React.ReactNode;
+  end?: React.ReactNode;
+  disabled?: boolean;
 };
-export type SlideButtonHandleCheckedComponent = (props: SlideButtonHandleCheckedProps) => React.ReactElement | null;
+export type SlideButtonHandleCheckedComponent = (
+  props: SlideButtonHandleCheckedProps,
+) => React.ReactElement | null;
 export type SlideButtonHandleUncheckedProps = Pick<ButtonProps, 'variant'> & {
-    disabled?: boolean;
-    start?: React.ReactNode;
+  disabled?: boolean;
+  start?: React.ReactNode;
 };
-export type SlideButtonHandleUncheckedComponent = (props: SlideButtonHandleUncheckedProps) => React.ReactElement | null;
+export type SlideButtonHandleUncheckedComponent = (
+  props: SlideButtonHandleUncheckedProps,
+) => React.ReactElement | null;
 export declare const styles: {
-    base: {
-        width: "100%";
-        height: "100%";
-    };
-    absoluteContainer: {
-        position: "absolute";
-        width: "100%";
-        height: "100%";
-        display: "flex";
-        alignItems: "center";
-        justifyContent: "center";
-    };
-    icon: {
-        flexShrink: number;
-    };
+  base: {
+    width: '100%';
+    height: '100%';
+  };
+  absoluteContainer: {
+    position: 'absolute';
+    width: '100%';
+    height: '100%';
+    display: 'flex';
+    alignItems: 'center';
+    justifyContent: 'center';
+  };
+  icon: {
+    flexShrink: number;
+  };
 };
-export declare const SlideButtonHandleChecked: React.MemoExoticComponent<({ label, end }: SlideButtonHandleCheckedProps) => import("react/jsx-runtime").JSX.Element>;
-export declare const SlideButtonHandleUnchecked: React.MemoExoticComponent<({ start }: SlideButtonHandleUncheckedProps) => import("react/jsx-runtime").JSX.Element>;
-export declare const DefaultSlideButtonHandle: React.MemoExoticComponent<React.ForwardRefExoticComponent<import("react-native").AccessibilityProps & import("@coinbase/cds-common").ComponentEventHandlerProps & Pick<import("react-native").PressableProps, "style" | "hitSlop" | "onPress"> & Omit<import("../system").InteractableBaseProps, "style" | "pressed"> & {
-    noScaleOnPress?: boolean;
-    onPressIn?: (event: import("react-native").GestureResponderEvent) => void;
-    onPressOut?: (event: import("react-native").GestureResponderEvent) => void;
-    feedback?: import("../system").HapticFeedbackType;
-    loading?: boolean;
-    debounceTime?: number;
-    disableDebounce?: boolean;
-} & import("react-native").PressableProps & Pick<import("./SlideButton").SlideButtonBaseProps, "disabled" | "checked" | "variant" | "checkedLabel" | "startUncheckedNode" | "endCheckedNode"> & {
-    progress: import("@react-spring/core").SpringValue<number>;
-    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
-} & React.RefAttributes<View>>>;
-//# sourceMappingURL=DefaultSlideButtonHandle.d.ts.map
+export declare const SlideButtonHandleChecked: React.MemoExoticComponent<
+  ({ label, end }: SlideButtonHandleCheckedProps) => import('react/jsx-runtime').JSX.Element
+>;
+export declare const SlideButtonHandleUnchecked: React.MemoExoticComponent<
+  ({ start }: SlideButtonHandleUncheckedProps) => import('react/jsx-runtime').JSX.Element
+>;
+export declare const DefaultSlideButtonHandle: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    import('react-native').AccessibilityProps &
+      import('@coinbase/cds-common').ComponentEventHandlerProps &
+      Pick<import('react-native').PressableProps, 'style' | 'hitSlop' | 'onPress'> &
+      Omit<import('../system').InteractableBaseProps, 'style' | 'pressed'> & {
+        noScaleOnPress?: boolean;
+        onPressIn?: (event: import('react-native').GestureResponderEvent) => void;
+        onPressOut?: (event: import('react-native').GestureResponderEvent) => void;
+        feedback?: import('../system').HapticFeedbackType;
+        loading?: boolean;
+        debounceTime?: number;
+        disableDebounce?: boolean;
+      } & import('react-native').PressableProps &
+      Pick<
+        import('./SlideButton').SlideButtonBaseProps,
+        | 'disabled'
+        | 'checked'
+        | 'variant'
+        | 'checkedLabel'
+        | 'startUncheckedNode'
+        | 'endCheckedNode'
+      > & {
+        progress: import('@react-spring/core').SpringValue<number>;
+        style?: import('react-native').StyleProp<import('react-native').ViewStyle>;
+      } & React.RefAttributes<View>
+  >
+>;
+//# sourceMappingURL=DefaultSlideButtonHandle.d.ts.map

package/dts/buttons/IconButton.d.ts

@@ -2,7 +2,9 @@ import React from 'react';
 import type { IconButtonVariant, IconName, SharedProps } from '@coinbase/cds-common/types';
 import { type PressableBaseProps } from '../system/Pressable';
 import type { ButtonBaseProps } from './Button';
-export type IconButtonBaseProps = SharedProps & Omit<PressableBaseProps, 'children'> & Pick<ButtonBaseProps, 'disabled' | 'transparent' | 'compact' | 'flush' | 'loading'> & {
+export type IconButtonBaseProps = SharedProps &
+  Omit<PressableBaseProps, 'children'> &
+  Pick<ButtonBaseProps, 'disabled' | 'transparent' | 'compact' | 'flush' | 'loading'> & {
     /** Name of the icon, as defined in Figma. */
     name: IconName;
     /** Whether the icon is active */
@@ -12,7 +14,7 @@ export type IconButtonBaseProps = SharedProps & Omit<PressableBaseProps, 'childr
      * @default primary
      */
     variant?: IconButtonVariant;
-};
+  };
 export type IconButtonProps = IconButtonBaseProps;
 export declare const IconButton: React.NamedExoticComponent<IconButtonBaseProps>;
-//# sourceMappingURL=IconButton.d.ts.map
+//# sourceMappingURL=IconButton.d.ts.map

package/dts/buttons/IconCounterButton.d.ts

@@ -5,29 +5,38 @@ import type { IconSize } from '@coinbase/cds-common/types';
 import type { IconName } from '@coinbase/cds-icons';
 import type { PressableProps } from '../system';
 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;
+  /** 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;
 };
 export type IconCounterButtonProps = IconCounterButtonBaseProps & PressableProps;
-export declare const IconCounterButton: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconCounterButtonBaseProps & import("react-native").AccessibilityProps & import("@coinbase/cds-common").ComponentEventHandlerProps & Pick<import("react-native").PressableProps, "style" | "hitSlop" | "onPress"> & Omit<import("../system").InteractableBaseProps, "style" | "pressed"> & {
-    noScaleOnPress?: boolean;
-    onPressIn?: (event: import("react-native").GestureResponderEvent) => void;
-    onPressOut?: (event: import("react-native").GestureResponderEvent) => void;
-    feedback?: import("../system").HapticFeedbackType;
-    loading?: boolean;
-    debounceTime?: number;
-    disableDebounce?: boolean;
-} & import("react-native").PressableProps & React.RefAttributes<View>>>;
-//# sourceMappingURL=IconCounterButton.d.ts.map
+export declare const IconCounterButton: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    IconCounterButtonBaseProps &
+      import('react-native').AccessibilityProps &
+      import('@coinbase/cds-common').ComponentEventHandlerProps &
+      Pick<import('react-native').PressableProps, 'style' | 'hitSlop' | 'onPress'> &
+      Omit<import('../system').InteractableBaseProps, 'style' | 'pressed'> & {
+        noScaleOnPress?: boolean;
+        onPressIn?: (event: import('react-native').GestureResponderEvent) => void;
+        onPressOut?: (event: import('react-native').GestureResponderEvent) => void;
+        feedback?: import('../system').HapticFeedbackType;
+        loading?: boolean;
+        debounceTime?: number;
+        disableDebounce?: boolean;
+      } & import('react-native').PressableProps &
+      React.RefAttributes<View>
+  >
+>;
+//# sourceMappingURL=IconCounterButton.d.ts.map