@coinbase/cds-mobile 8.13.1 → 8.13.5

package/dts/visualizations/Counter.d.ts

@@ -1,10 +1,15 @@
 import React from 'react';
 export type CounterBaseProps = {
-    startNum: number;
-    endNum: number;
-    durationInMillis: number;
-    renderNum?: (num: number) => string | React.ReactNode;
+  startNum: number;
+  endNum: number;
+  durationInMillis: number;
+  renderNum?: (num: number) => string | React.ReactNode;
 };
 export type CounterProps = CounterBaseProps;
-export declare const Counter: ({ startNum, endNum, renderNum, durationInMillis }: CounterProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Counter.d.ts.map
+export declare const Counter: ({
+  startNum,
+  endNum,
+  renderNum,
+  durationInMillis,
+}: CounterProps) => import('react/jsx-runtime').JSX.Element;
+//# sourceMappingURL=Counter.d.ts.map

package/dts/visualizations/DefaultProgressCircleContent.d.ts

@@ -1,3 +1,9 @@
 import type { ProgressCircleContentProps } from './ProgressCircle';
-export declare const DefaultProgressCircleContent: import("react").MemoExoticComponent<({ progress, disabled, color }: ProgressCircleContentProps) => import("react/jsx-runtime").JSX.Element>;
-//# sourceMappingURL=DefaultProgressCircleContent.d.ts.map
+export declare const DefaultProgressCircleContent: import('react').MemoExoticComponent<
+  ({
+    progress,
+    disabled,
+    color,
+  }: ProgressCircleContentProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=DefaultProgressCircleContent.d.ts.map

package/dts/visualizations/ProgressBar.d.ts

@@ -3,7 +3,9 @@ import { type StyleProp, type View, type ViewStyle } from 'react-native';
 import type { ThemeVars } from '@coinbase/cds-common/core/theme';
 import type { SharedAccessibilityProps, SharedProps, Weight } from '@coinbase/cds-common/types';
 import type { HintMotionBaseProps } from '../motion/types';
-export type ProgressBaseProps = SharedProps & Pick<HintMotionBaseProps, 'disableAnimateOnMount'> & Pick<SharedAccessibilityProps, 'accessibilityLabel'> & {
+export type ProgressBaseProps = SharedProps &
+  Pick<HintMotionBaseProps, 'disableAnimateOnMount'> &
+  Pick<SharedAccessibilityProps, 'accessibilityLabel'> & {
     /** Number between 0-1 representing the progress percentage */
     progress: number;
     /** Toggle used to change thickness of progress visualization
@@ -28,68 +30,74 @@ export type ProgressBaseProps = SharedProps & Pick<HintMotionBaseProps, 'disable
      * Callback fired when the progress animation starts.
      */
     onAnimationStart?: () => void;
-};
+  };
 export type ProgressBarProps = ProgressBaseProps & {
+  /**
+   * Custom styles for the progress bar root.
+   */
+  style?: StyleProp<ViewStyle>;
+  /**
+   * Custom styles for the progress bar.
+   */
+  styles?: {
     /**
      * Custom styles for the progress bar root.
      */
-    style?: StyleProp<ViewStyle>;
+    root?: StyleProp<ViewStyle>;
     /**
      * Custom styles for the progress bar.
      */
-    styles?: {
+    progress?: StyleProp<ViewStyle>;
+  };
+};
+export declare const ProgressBar: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    SharedProps &
+      Pick<HintMotionBaseProps, 'disableAnimateOnMount'> &
+      Pick<SharedAccessibilityProps, 'accessibilityLabel'> & {
+        /** Number between 0-1 representing the progress percentage */
+        progress: number;
+        /** Toggle used to change thickness of progress visualization
+         * @default normal
+         * */
+        weight?: Weight;
         /**
-         * Custom styles for the progress bar root.
+         * Toggle used to show a disabled progress visualization
+         * @default false
          */
-        root?: StyleProp<ViewStyle>;
+        disabled?: boolean;
         /**
-         * Custom styles for the progress bar.
+         * Custom progress color.
+         * @default primary
          */
-        progress?: StyleProp<ViewStyle>;
-    };
-};
-export declare const ProgressBar: React.MemoExoticComponent<React.ForwardRefExoticComponent<SharedProps & Pick<HintMotionBaseProps, "disableAnimateOnMount"> & Pick<SharedAccessibilityProps, "accessibilityLabel"> & {
-    /** Number between 0-1 representing the progress percentage */
-    progress: number;
-    /** Toggle used to change thickness of progress visualization
-     * @default normal
-     * */
-    weight?: Weight;
-    /**
-     * Toggle used to show a disabled progress visualization
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Custom progress color.
-     * @default primary
-     */
-    color?: ThemeVars.Color;
-    /**
-     * Callback fired when the progress animation ends.
-     */
-    onAnimationEnd?: () => void;
-    /**
-     * Callback fired when the progress animation starts.
-     */
-    onAnimationStart?: () => void;
-} & {
-    /**
-     * Custom styles for the progress bar root.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Custom styles for the progress bar.
-     */
-    styles?: {
+        color?: ThemeVars.Color;
+        /**
+         * Callback fired when the progress animation ends.
+         */
+        onAnimationEnd?: () => void;
+        /**
+         * Callback fired when the progress animation starts.
+         */
+        onAnimationStart?: () => void;
+      } & {
         /**
          * Custom styles for the progress bar root.
          */
-        root?: StyleProp<ViewStyle>;
+        style?: StyleProp<ViewStyle>;
         /**
          * Custom styles for the progress bar.
          */
-        progress?: StyleProp<ViewStyle>;
-    };
-} & React.RefAttributes<View>>>;
-//# sourceMappingURL=ProgressBar.d.ts.map
+        styles?: {
+          /**
+           * Custom styles for the progress bar root.
+           */
+          root?: StyleProp<ViewStyle>;
+          /**
+           * Custom styles for the progress bar.
+           */
+          progress?: StyleProp<ViewStyle>;
+        };
+      } & React.RefAttributes<View>
+  >
+>;
+//# sourceMappingURL=ProgressBar.d.ts.map

package/dts/visualizations/ProgressBarWithFixedLabels.d.ts

@@ -4,54 +4,60 @@ import type { PaddingProps, Placement } from '@coinbase/cds-common/types';
 import { type ProgressBarLabel } from './getProgressBarLabelParts';
 import { type ProgressBaseProps } from './ProgressBar';
 export type ProgressBarWithFixedLabelsProps = Pick<ProgressBaseProps, 'disabled' | 'testID'> & {
-    /** Label that is pinned to the start of the container. If a number is used then it will format it as a percentage. */
-    startLabel?: ProgressBarLabel;
-    /** Label that is pinned to the end of the container. If a number is used then it will format it as a percentage. */
-    endLabel?: ProgressBarLabel;
-    /**
-     * Position of label relative to the bar
-     * @default beside
-     * */
-    labelPlacement?: Extract<Placement, 'above' | 'below' | 'beside'>;
+  /** Label that is pinned to the start of the container. If a number is used then it will format it as a percentage. */
+  startLabel?: ProgressBarLabel;
+  /** Label that is pinned to the end of the container. If a number is used then it will format it as a percentage. */
+  endLabel?: ProgressBarLabel;
+  /**
+   * Position of label relative to the bar
+   * @default beside
+   * */
+  labelPlacement?: Extract<Placement, 'above' | 'below' | 'beside'>;
+  /**
+   * Custom styles for the progress bar with fixed labels root.
+   */
+  style?: StyleProp<ViewStyle>;
+  /**
+   * Custom styles for the progress bar with fixed labels.
+   */
+  styles?: {
     /**
      * Custom styles for the progress bar with fixed labels root.
      */
-    style?: StyleProp<ViewStyle>;
+    root?: StyleProp<ViewStyle>;
+    /**
+     * Custom styles for the label container.
+     */
+    labelContainer?: StyleProp<ViewStyle>;
+    /**
+     * Custom styles for the start label.
+     */
+    startLabel?: StyleProp<TextStyle>;
     /**
-     * Custom styles for the progress bar with fixed labels.
+     * Custom styles for the end label.
      */
-    styles?: {
-        /**
-         * Custom styles for the progress bar with fixed labels root.
-         */
-        root?: StyleProp<ViewStyle>;
-        /**
-         * Custom styles for the label container.
-         */
-        labelContainer?: StyleProp<ViewStyle>;
-        /**
-         * Custom styles for the start label.
-         */
-        startLabel?: StyleProp<TextStyle>;
-        /**
-         * Custom styles for the end label.
-         */
-        endLabel?: StyleProp<TextStyle>;
-    };
+    endLabel?: StyleProp<TextStyle>;
+  };
 };
 export type ProgressBarFixedLabelBesideProps = {
-    label: ProgressBarLabel;
-    visuallyDisabled: boolean;
-    style?: StyleProp<ViewStyle>;
+  label: ProgressBarLabel;
+  visuallyDisabled: boolean;
+  style?: StyleProp<ViewStyle>;
 };
-export type ProgressBarFixedLabelContainerProps = Omit<ProgressBarWithFixedLabelsProps, 'labelPlacement' | 'progress' | 'disabled' | 'style'> & Pick<PaddingProps, 'paddingBottom' | 'paddingTop'> & {
+export type ProgressBarFixedLabelContainerProps = Omit<
+  ProgressBarWithFixedLabelsProps,
+  'labelPlacement' | 'progress' | 'disabled' | 'style'
+> &
+  Pick<PaddingProps, 'paddingBottom' | 'paddingTop'> & {
     visuallyDisabled: boolean;
-};
+  };
 export type ProgressBarFixedLabelProps = {
-    position: 'start' | 'end';
-    label: ProgressBarLabel;
-    visuallyDisabled: boolean;
-    style?: StyleProp<ViewStyle>;
+  position: 'start' | 'end';
+  label: ProgressBarLabel;
+  visuallyDisabled: boolean;
+  style?: StyleProp<ViewStyle>;
 };
-export declare const ProgressBarWithFixedLabels: React.FC<React.PropsWithChildren<ProgressBarWithFixedLabelsProps>>;
-//# sourceMappingURL=ProgressBarWithFixedLabels.d.ts.map
+export declare const ProgressBarWithFixedLabels: React.FC<
+  React.PropsWithChildren<ProgressBarWithFixedLabelsProps>
+>;
+//# sourceMappingURL=ProgressBarWithFixedLabels.d.ts.map

package/dts/visualizations/ProgressBarWithFloatLabel.d.ts

@@ -3,36 +3,44 @@ import { type StyleProp, type TextStyle, type ViewStyle } from 'react-native';
 import type { Placement } from '@coinbase/cds-common/types';
 import { type ProgressBarLabel } from './getProgressBarLabelParts';
 import { type ProgressBaseProps } from './ProgressBar';
-export type ProgressBarFloatLabelProps = Pick<ProgressBarWithFloatLabelProps, 'label' | 'progress' | 'disabled' | 'labelPlacement' | 'styles'>;
-export type ProgressBarWithFloatLabelProps = Pick<ProgressBaseProps, 'progress' | 'disabled' | 'testID'> & {
-    /** Label that is floated at the end of the filled in bar. If a number is used then it will format it as a percentage. */
-    label: ProgressBarLabel;
-    /**
-     * Position of label relative to the bar
-     * @default above
-     * */
-    labelPlacement?: Extract<Placement, 'above' | 'below'>;
+export type ProgressBarFloatLabelProps = Pick<
+  ProgressBarWithFloatLabelProps,
+  'label' | 'progress' | 'disabled' | 'labelPlacement' | 'styles'
+>;
+export type ProgressBarWithFloatLabelProps = Pick<
+  ProgressBaseProps,
+  'progress' | 'disabled' | 'testID'
+> & {
+  /** Label that is floated at the end of the filled in bar. If a number is used then it will format it as a percentage. */
+  label: ProgressBarLabel;
+  /**
+   * Position of label relative to the bar
+   * @default above
+   * */
+  labelPlacement?: Extract<Placement, 'above' | 'below'>;
+  /**
+   * Custom styles for the progress bar with float label root.
+   */
+  style?: StyleProp<ViewStyle>;
+  /**
+   * Custom styles for the progress bar with float label.
+   */
+  styles?: {
     /**
      * Custom styles for the progress bar with float label root.
      */
-    style?: StyleProp<ViewStyle>;
+    root?: StyleProp<ViewStyle>;
+    /**
+     * Custom styles for the label container.
+     */
+    labelContainer?: StyleProp<ViewStyle>;
     /**
-     * Custom styles for the progress bar with float label.
+     * Custom styles for the label.
      */
-    styles?: {
-        /**
-         * Custom styles for the progress bar with float label root.
-         */
-        root?: StyleProp<ViewStyle>;
-        /**
-         * Custom styles for the label container.
-         */
-        labelContainer?: StyleProp<ViewStyle>;
-        /**
-         * Custom styles for the label.
-         */
-        label?: StyleProp<TextStyle>;
-    };
+    label?: StyleProp<TextStyle>;
+  };
 };
-export declare const ProgressBarWithFloatLabel: React.FC<React.PropsWithChildren<ProgressBarWithFloatLabelProps>>;
-//# sourceMappingURL=ProgressBarWithFloatLabel.d.ts.map
+export declare const ProgressBarWithFloatLabel: React.FC<
+  React.PropsWithChildren<ProgressBarWithFloatLabelProps>
+>;
+//# sourceMappingURL=ProgressBarWithFloatLabel.d.ts.map

package/dts/visualizations/ProgressCircle.d.ts

@@ -5,130 +5,137 @@ import type { SharedProps, ThemeVars } from '@coinbase/cds-common';
 import { type BoxProps } from '../layout';
 import type { ProgressBaseProps } from './ProgressBar';
 export type ProgressCircleBaseProps = ProgressBaseProps & {
+  /**
+   * Toggle used to hide the content node rendered inside the circle.
+   */
+  hideContent?: boolean;
+  /**
+   * @deprecated Use hideContent instead
+   * Toggle used to hide the text rendered inside the circle.
+   */
+  hideText?: boolean;
+  /**
+   * Optional size in px for the visualization.
+   * This is useful if the visualization is used in an HStack.
+   * If this is omitted the visualization will fill the parent width or height.
+   * Since it's a circular visualization it will fill the smaller of the parent width or height
+   */
+  size?: number;
+  /**
+   * Optional component to override the default content rendered inside the circle.
+   */
+  contentNode?: React.ReactNode;
+};
+export type ProgressCircleProps = ProgressCircleBaseProps & {
+  /**
+   * Custom styles for the progress circle root.
+   */
+  style?: StyleProp<ViewStyle>;
+  /**
+   * Custom styles for the progress circle.
+   */
+  styles?: {
     /**
-     * Toggle used to hide the content node rendered inside the circle.
+     * Custom styles for the progress circle root.
      */
-    hideContent?: boolean;
+    root?: StyleProp<ViewStyle>;
     /**
-     * @deprecated Use hideContent instead
-     * Toggle used to hide the text rendered inside the circle.
+     * Custom styles for the progress circle svg container.
      */
-    hideText?: boolean;
+    svgContainer?: StyleProp<ViewStyle>;
     /**
-     * Optional size in px for the visualization.
-     * This is useful if the visualization is used in an HStack.
-     * If this is omitted the visualization will fill the parent width or height.
-     * Since it's a circular visualization it will fill the smaller of the parent width or height
+     * Custom styles for the progress circle svg.
      */
-    size?: number;
+    svg?: StyleProp<ViewStyle>;
     /**
-     * Optional component to override the default content rendered inside the circle.
+     * Custom styles for the text container.
      */
-    contentNode?: React.ReactNode;
-};
-export type ProgressCircleProps = ProgressCircleBaseProps & {
+    textContainer?: StyleProp<ViewStyle>;
     /**
-     * Custom styles for the progress circle root.
+     * Custom styles for the progress circle inner.
      */
-    style?: StyleProp<ViewStyle>;
+    progress?: Partial<CircleProps>;
     /**
-     * Custom styles for the progress circle.
+     * Custom styles for the progress circle inner.
      */
-    styles?: {
-        /**
-         * Custom styles for the progress circle root.
-         */
-        root?: StyleProp<ViewStyle>;
-        /**
-         * Custom styles for the progress circle svg container.
-         */
-        svgContainer?: StyleProp<ViewStyle>;
-        /**
-         * Custom styles for the progress circle svg.
-         */
-        svg?: StyleProp<ViewStyle>;
-        /**
-         * Custom styles for the text container.
-         */
-        textContainer?: StyleProp<ViewStyle>;
-        /**
-         * Custom styles for the progress circle inner.
-         */
-        progress?: Partial<CircleProps>;
-        /**
-         * Custom styles for the progress circle inner.
-         */
-        circle?: Partial<CircleProps>;
-    };
+    circle?: Partial<CircleProps>;
+  };
 };
-export type ProgressCircleContentProps = Pick<ProgressCircleBaseProps, 'progress' | 'disabled'> & BoxProps & {
+export type ProgressCircleContentProps = Pick<ProgressCircleBaseProps, 'progress' | 'disabled'> &
+  BoxProps & {
     /**
      * Custom text color.
      * @default fgMuted
      */
     color?: ThemeVars.Color;
-};
-export declare const ProgressCircle: React.MemoExoticComponent<React.ForwardRefExoticComponent<SharedProps & Pick<import("../motion/types").HintMotionBaseProps, "disableAnimateOnMount"> & Pick<import("@coinbase/cds-common").SharedAccessibilityProps, "accessibilityLabel"> & {
-    progress: number;
-    weight?: import("@coinbase/cds-common").Weight;
-    disabled?: boolean;
-    color?: ThemeVars.Color;
-    onAnimationEnd?: () => void;
-    onAnimationStart?: () => void;
-} & {
-    /**
-     * Toggle used to hide the content node rendered inside the circle.
-     */
-    hideContent?: boolean;
-    /**
-     * @deprecated Use hideContent instead
-     * Toggle used to hide the text rendered inside the circle.
-     */
-    hideText?: boolean;
-    /**
-     * Optional size in px for the visualization.
-     * This is useful if the visualization is used in an HStack.
-     * If this is omitted the visualization will fill the parent width or height.
-     * Since it's a circular visualization it will fill the smaller of the parent width or height
-     */
-    size?: number;
-    /**
-     * Optional component to override the default content rendered inside the circle.
-     */
-    contentNode?: React.ReactNode;
-} & {
-    /**
-     * Custom styles for the progress circle root.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Custom styles for the progress circle.
-     */
-    styles?: {
+  };
+export declare const ProgressCircle: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    SharedProps &
+      Pick<import('../motion/types').HintMotionBaseProps, 'disableAnimateOnMount'> &
+      Pick<import('@coinbase/cds-common').SharedAccessibilityProps, 'accessibilityLabel'> & {
+        progress: number;
+        weight?: import('@coinbase/cds-common').Weight;
+        disabled?: boolean;
+        color?: ThemeVars.Color;
+        onAnimationEnd?: () => void;
+        onAnimationStart?: () => void;
+      } & {
         /**
-         * Custom styles for the progress circle root.
+         * Toggle used to hide the content node rendered inside the circle.
          */
-        root?: StyleProp<ViewStyle>;
+        hideContent?: boolean;
         /**
-         * Custom styles for the progress circle svg container.
+         * @deprecated Use hideContent instead
+         * Toggle used to hide the text rendered inside the circle.
          */
-        svgContainer?: StyleProp<ViewStyle>;
+        hideText?: boolean;
         /**
-         * Custom styles for the progress circle svg.
+         * Optional size in px for the visualization.
+         * This is useful if the visualization is used in an HStack.
+         * If this is omitted the visualization will fill the parent width or height.
+         * Since it's a circular visualization it will fill the smaller of the parent width or height
          */
-        svg?: StyleProp<ViewStyle>;
+        size?: number;
         /**
-         * Custom styles for the text container.
+         * Optional component to override the default content rendered inside the circle.
          */
-        textContainer?: StyleProp<ViewStyle>;
+        contentNode?: React.ReactNode;
+      } & {
         /**
-         * Custom styles for the progress circle inner.
+         * Custom styles for the progress circle root.
          */
-        progress?: Partial<CircleProps>;
+        style?: StyleProp<ViewStyle>;
         /**
-         * Custom styles for the progress circle inner.
+         * Custom styles for the progress circle.
          */
-        circle?: Partial<CircleProps>;
-    };
-} & React.RefAttributes<View>>>;
-//# sourceMappingURL=ProgressCircle.d.ts.map
+        styles?: {
+          /**
+           * Custom styles for the progress circle root.
+           */
+          root?: StyleProp<ViewStyle>;
+          /**
+           * Custom styles for the progress circle svg container.
+           */
+          svgContainer?: StyleProp<ViewStyle>;
+          /**
+           * Custom styles for the progress circle svg.
+           */
+          svg?: StyleProp<ViewStyle>;
+          /**
+           * Custom styles for the text container.
+           */
+          textContainer?: StyleProp<ViewStyle>;
+          /**
+           * Custom styles for the progress circle inner.
+           */
+          progress?: Partial<CircleProps>;
+          /**
+           * Custom styles for the progress circle inner.
+           */
+          circle?: Partial<CircleProps>;
+        };
+      } & React.RefAttributes<View>
+  >
+>;
+//# sourceMappingURL=ProgressCircle.d.ts.map

package/dts/visualizations/ProgressContainerWithButtons.d.ts

@@ -1,3 +1,6 @@
 import type { ProgressContainerWithButtonsProps } from '@coinbase/cds-common/types/ProgressContainerWithButtonsProps';
-export declare const ProgressContainerWithButtons: ({ children, hideIncrease, }: ProgressContainerWithButtonsProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ProgressContainerWithButtons.d.ts.map
+export declare const ProgressContainerWithButtons: ({
+  children,
+  hideIncrease,
+}: ProgressContainerWithButtonsProps) => import('react/jsx-runtime').JSX.Element;
+//# sourceMappingURL=ProgressContainerWithButtons.d.ts.map