@coinbase/cds-mobile 8.13.1 → 8.13.2

package/dts/sticky-footer/StickyFooter.d.ts

@@ -2,33 +2,39 @@ import React from 'react';
 import { View } from 'react-native';
 import { type BoxProps } from '../layout';
 export type StickyFooterProps = BoxProps & {
-    /**
-     * Whether to apply a box shadow to the StickyFooter element.
-     * @deprecated Use elevation instead.
-     */
-    elevated?: boolean;
+  /**
+   * Whether to apply a box shadow to the StickyFooter element.
+   * @deprecated Use elevation instead.
+   */
+  elevated?: boolean;
 };
-export declare const StickyFooter: React.MemoExoticComponent<React.ForwardRefExoticComponent<import("../styles/styleProps").StyleProps & {
-    children?: React.ReactNode;
-    style?: import("react-native").Animated.WithAnimatedValue<import("react-native").StyleProp<import("react-native").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;
-} & Omit<import("react-native").ViewProps, "style"> & {
-    /**
-     * Whether to apply a box shadow to the StickyFooter element.
-     * @deprecated Use elevation instead.
-     */
-    elevated?: boolean;
-} & React.RefAttributes<View>>>;
-//# sourceMappingURL=StickyFooter.d.ts.map
+export declare const StickyFooter: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    import('../styles/styleProps').StyleProps & {
+      children?: React.ReactNode;
+      style?: import('react-native').Animated.WithAnimatedValue<
+        import('react-native').StyleProp<import('react-native').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;
+    } & Omit<import('react-native').ViewProps, 'style'> & {
+        /**
+         * Whether to apply a box shadow to the StickyFooter element.
+         * @deprecated Use elevation instead.
+         */
+        elevated?: boolean;
+      } & React.RefAttributes<View>
+  >
+>;
+//# sourceMappingURL=StickyFooter.d.ts.map

package/dts/sticky-footer/__figma__/StickyFooter.figma.d.ts

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

package/dts/styles/fallbackShimmer.d.ts

@@ -1,5 +1,5 @@
 export declare const fallbackShimmer: {
-    light: string[];
-    dark: string[];
+  light: string[];
+  dark: string[];
 };
-//# sourceMappingURL=fallbackShimmer.d.ts.map
+//# sourceMappingURL=fallbackShimmer.d.ts.map

package/dts/styles/getBorderStyles.d.ts

@@ -4,30 +4,43 @@ import type { ThemeVars } from '@coinbase/cds-common/core/theme';
 import type { Theme } from '../core/theme';
 export type BorderStyles = ViewStyle;
 export type GetBorderStyleParams = {
-    /** Add a border around all sides of the box. */
-    bordered?: boolean;
-    /** Add a border to the top side of the box. */
-    borderedTop?: boolean;
-    /** Add a border to the bottom side of the box. */
-    borderedBottom?: boolean;
-    /** Add a border to the leading side of the box. */
-    borderedStart?: boolean;
-    /** Add a border to the trailing side of the box. */
-    borderedEnd?: boolean;
-    /** Add a border to the leading and trailing sides of the box. */
-    borderedHorizontal?: boolean;
-    /** Add a border to the top and bottom sides of the box. */
-    borderedVertical?: boolean;
-    /** Leverage one of the borderRadius styles we offer to round the corners of the box. */
-    borderRadius?: ThemeVars.BorderRadius;
-    /** Adds a custom border color from the palette */
-    borderColor?: ThemeVars.Color;
-    /** Adds a custom border width from the palette */
-    borderWidth?: ThemeVars.BorderWidth;
-    /** Adds an elevation to the box */
-    elevation?: ElevationLevels;
-    /** Theme object */
-    theme: Theme;
+  /** Add a border around all sides of the box. */
+  bordered?: boolean;
+  /** Add a border to the top side of the box. */
+  borderedTop?: boolean;
+  /** Add a border to the bottom side of the box. */
+  borderedBottom?: boolean;
+  /** Add a border to the leading side of the box. */
+  borderedStart?: boolean;
+  /** Add a border to the trailing side of the box. */
+  borderedEnd?: boolean;
+  /** Add a border to the leading and trailing sides of the box. */
+  borderedHorizontal?: boolean;
+  /** Add a border to the top and bottom sides of the box. */
+  borderedVertical?: boolean;
+  /** Leverage one of the borderRadius styles we offer to round the corners of the box. */
+  borderRadius?: ThemeVars.BorderRadius;
+  /** Adds a custom border color from the palette */
+  borderColor?: ThemeVars.Color;
+  /** Adds a custom border width from the palette */
+  borderWidth?: ThemeVars.BorderWidth;
+  /** Adds an elevation to the box */
+  elevation?: ElevationLevels;
+  /** Theme object */
+  theme: Theme;
 };
-export declare const getBorderStyles: ({ bordered, borderedTop, borderedBottom, borderedStart, borderedEnd, borderedHorizontal, borderedVertical, borderRadius, borderColor, borderWidth, theme, elevation, }: GetBorderStyleParams) => ViewStyle;
-//# sourceMappingURL=getBorderStyles.d.ts.map
+export declare const getBorderStyles: ({
+  bordered,
+  borderedTop,
+  borderedBottom,
+  borderedStart,
+  borderedEnd,
+  borderedHorizontal,
+  borderedVertical,
+  borderRadius,
+  borderColor,
+  borderWidth,
+  theme,
+  elevation,
+}: GetBorderStyleParams) => ViewStyle;
+//# sourceMappingURL=getBorderStyles.d.ts.map

package/dts/styles/getFlushStyles.d.ts

@@ -1,9 +1,9 @@
 import { type ViewStyle } from 'react-native';
 import type { ButtonBaseProps } from '../buttons/Button';
 type GetFlushStylesProps = {
-    flush: ButtonBaseProps['flush'];
-    spacing: ViewStyle;
+  flush: ButtonBaseProps['flush'];
+  spacing: ViewStyle;
 };
 export declare const getFlushStyles: ({ flush, spacing }: GetFlushStylesProps) => ViewStyle;
 export {};
-//# sourceMappingURL=getFlushStyles.d.ts.map
+//# sourceMappingURL=getFlushStyles.d.ts.map

package/dts/styles/getInteractableStyles.d.ts

@@ -2,46 +2,54 @@ import type { ViewStyle } from 'react-native';
 import type { ElevationLevels } from '@coinbase/cds-common/types/ElevationLevels';
 import { type Theme } from '../core/theme';
 export type InteractableStyles = {
-    staticStyles: ViewStyle;
-    pressedStyles: ViewStyle;
-    disabledStyles: ViewStyle;
-    contentStyles: {
-        pressed: ViewStyle;
-        disabled: ViewStyle;
-    };
+  staticStyles: ViewStyle;
+  pressedStyles: ViewStyle;
+  disabledStyles: ViewStyle;
+  contentStyles: {
+    pressed: ViewStyle;
+    disabled: ViewStyle;
+  };
 };
 export type GetInteractableStylesParams = {
-    theme: Theme;
-    background: string;
-    pressedBackground?: string;
-    disabledBackground?: string;
-    borderColor: string;
-    pressedBorderColor?: string;
-    disabledBorderColor?: string;
-    elevation?: ElevationLevels;
+  theme: Theme;
+  background: string;
+  pressedBackground?: string;
+  disabledBackground?: string;
+  borderColor: string;
+  pressedBorderColor?: string;
+  disabledBorderColor?: string;
+  elevation?: ElevationLevels;
 };
-export declare const getInteractableStyles: ({ theme, background, pressedBackground, disabledBackground, borderColor, pressedBorderColor, disabledBorderColor, }: GetInteractableStylesParams) => {
-    wrapperStyles: {
-        base: {
-            backgroundColor: string;
-            borderColor: string;
-        };
-        pressed: {
-            backgroundColor: string;
-            borderColor: string;
-        };
-        disabled: {
-            backgroundColor: string;
-            borderColor: string;
-        };
+export declare const getInteractableStyles: ({
+  theme,
+  background,
+  pressedBackground,
+  disabledBackground,
+  borderColor,
+  pressedBorderColor,
+  disabledBorderColor,
+}: GetInteractableStylesParams) => {
+  wrapperStyles: {
+    base: {
+      backgroundColor: string;
+      borderColor: string;
+    };
+    pressed: {
+      backgroundColor: string;
+      borderColor: string;
+    };
+    disabled: {
+      backgroundColor: string;
+      borderColor: string;
+    };
+  };
+  contentStyles: {
+    pressed: {
+      opacity: number;
     };
-    contentStyles: {
-        pressed: {
-            opacity: number;
-        };
-        disabled: {
-            opacity: number;
-        };
+    disabled: {
+      opacity: number;
     };
+  };
 };
-//# sourceMappingURL=getInteractableStyles.d.ts.map
+//# sourceMappingURL=getInteractableStyles.d.ts.map

package/dts/styles/pinStyles.d.ts

@@ -1,29 +1,29 @@
 import { StyleSheet } from 'react-native';
 export declare const pinStyles: {
-    top: {
-        position: "absolute";
-        top: number;
-        left: number;
-        right: number;
-    };
-    bottom: {
-        position: "absolute";
-        bottom: number;
-        left: number;
-        right: number;
-    };
-    right: {
-        position: "absolute";
-        top: number;
-        bottom: number;
-        right: number;
-    };
-    left: {
-        position: "absolute";
-        top: number;
-        bottom: number;
-        left: number;
-    };
-    all: StyleSheet.AbsoluteFillStyle;
+  top: {
+    position: 'absolute';
+    top: number;
+    left: number;
+    right: number;
+  };
+  bottom: {
+    position: 'absolute';
+    bottom: number;
+    left: number;
+    right: number;
+  };
+  right: {
+    position: 'absolute';
+    top: number;
+    bottom: number;
+    right: number;
+  };
+  left: {
+    position: 'absolute';
+    top: number;
+    bottom: number;
+    left: number;
+  };
+  all: StyleSheet.AbsoluteFillStyle;
 };
-//# sourceMappingURL=pinStyles.d.ts.map
+//# sourceMappingURL=pinStyles.d.ts.map

package/dts/styles/styleProps.d.ts

@@ -6,112 +6,112 @@ import type { TypeOrNumber } from '@coinbase/cds-common/types/TypeOrNumber';
 import type { Theme } from '../core/theme';
 type NegativeSpace = TypeOrNumber<'0' | `-${Exclude<ThemeVars.Space, 0>}`>;
 export type StyleProps = {
-    color?: ThemeVars.Color;
-    background?: ThemeVars.Color;
-    borderColor?: ThemeVars.Color;
-    borderWidth?: ThemeVars.BorderWidth;
-    borderTopWidth?: ThemeVars.BorderWidth;
-    borderEndWidth?: ThemeVars.BorderWidth;
-    borderBottomWidth?: ThemeVars.BorderWidth;
-    borderStartWidth?: ThemeVars.BorderWidth;
-    borderRadius?: ThemeVars.BorderRadius;
-    borderTopLeftRadius?: ThemeVars.BorderRadius;
-    borderTopRightRadius?: ThemeVars.BorderRadius;
-    borderBottomLeftRadius?: ThemeVars.BorderRadius;
-    borderBottomRightRadius?: ThemeVars.BorderRadius;
-    fontFamily?: ThemeVars.FontFamily | 'inherit';
-    fontSize?: ThemeVars.FontSize | 'inherit';
-    fontWeight?: ThemeVars.FontWeight | 'inherit';
-    lineHeight?: ThemeVars.LineHeight | 'inherit';
-    textDecorationStyle?: TextStyle['textDecorationStyle'];
-    textDecorationLine?: TextStyle['textDecorationLine'];
-    textTransform?: TextStyle['textTransform'];
-    userSelect?: TextStyle['userSelect'];
-    display?: ViewStyle['display'];
-    overflow?: ViewStyle['overflow'];
-    gap?: ThemeVars.Space;
-    columnGap?: ThemeVars.Space;
-    rowGap?: ThemeVars.Space;
-    justifyContent?: ViewStyle['justifyContent'];
-    alignContent?: ViewStyle['alignContent'];
-    alignItems?: ViewStyle['alignItems'];
-    alignSelf?: ViewStyle['alignSelf'];
-    flexDirection?: ViewStyle['flexDirection'];
-    flexWrap?: ViewStyle['flexWrap'];
-    position?: Position;
-    zIndex?: ViewStyle['zIndex'];
-    padding?: ThemeVars.Space;
-    paddingX?: ThemeVars.Space;
-    paddingY?: ThemeVars.Space;
-    paddingTop?: ThemeVars.Space;
-    paddingBottom?: ThemeVars.Space;
-    paddingStart?: ThemeVars.Space;
-    paddingEnd?: ThemeVars.Space;
-    margin?: NegativeSpace;
-    marginX?: NegativeSpace;
-    marginY?: NegativeSpace;
-    marginTop?: NegativeSpace;
-    marginBottom?: NegativeSpace;
-    marginStart?: NegativeSpace;
-    marginEnd?: NegativeSpace;
-    elevation?: ElevationLevels;
-    textAlign?: TextStyle['textAlign'];
-    width?: DimensionValue;
-    height?: DimensionValue;
-    minWidth?: DimensionValue;
-    minHeight?: DimensionValue;
-    maxWidth?: DimensionValue;
-    maxHeight?: DimensionValue;
-    aspectRatio?: ViewStyle['aspectRatio'];
-    top?: DimensionValue;
-    bottom?: DimensionValue;
-    left?: DimensionValue;
-    right?: DimensionValue;
-    transform?: ViewStyle['transform'];
-    flexBasis?: DimensionValue;
-    flexGrow?: ViewStyle['flexGrow'];
-    flexShrink?: ViewStyle['flexShrink'];
-    opacity?: ViewStyle['opacity'];
+  color?: ThemeVars.Color;
+  background?: ThemeVars.Color;
+  borderColor?: ThemeVars.Color;
+  borderWidth?: ThemeVars.BorderWidth;
+  borderTopWidth?: ThemeVars.BorderWidth;
+  borderEndWidth?: ThemeVars.BorderWidth;
+  borderBottomWidth?: ThemeVars.BorderWidth;
+  borderStartWidth?: ThemeVars.BorderWidth;
+  borderRadius?: ThemeVars.BorderRadius;
+  borderTopLeftRadius?: ThemeVars.BorderRadius;
+  borderTopRightRadius?: ThemeVars.BorderRadius;
+  borderBottomLeftRadius?: ThemeVars.BorderRadius;
+  borderBottomRightRadius?: ThemeVars.BorderRadius;
+  fontFamily?: ThemeVars.FontFamily | 'inherit';
+  fontSize?: ThemeVars.FontSize | 'inherit';
+  fontWeight?: ThemeVars.FontWeight | 'inherit';
+  lineHeight?: ThemeVars.LineHeight | 'inherit';
+  textDecorationStyle?: TextStyle['textDecorationStyle'];
+  textDecorationLine?: TextStyle['textDecorationLine'];
+  textTransform?: TextStyle['textTransform'];
+  userSelect?: TextStyle['userSelect'];
+  display?: ViewStyle['display'];
+  overflow?: ViewStyle['overflow'];
+  gap?: ThemeVars.Space;
+  columnGap?: ThemeVars.Space;
+  rowGap?: ThemeVars.Space;
+  justifyContent?: ViewStyle['justifyContent'];
+  alignContent?: ViewStyle['alignContent'];
+  alignItems?: ViewStyle['alignItems'];
+  alignSelf?: ViewStyle['alignSelf'];
+  flexDirection?: ViewStyle['flexDirection'];
+  flexWrap?: ViewStyle['flexWrap'];
+  position?: Position;
+  zIndex?: ViewStyle['zIndex'];
+  padding?: ThemeVars.Space;
+  paddingX?: ThemeVars.Space;
+  paddingY?: ThemeVars.Space;
+  paddingTop?: ThemeVars.Space;
+  paddingBottom?: ThemeVars.Space;
+  paddingStart?: ThemeVars.Space;
+  paddingEnd?: ThemeVars.Space;
+  margin?: NegativeSpace;
+  marginX?: NegativeSpace;
+  marginY?: NegativeSpace;
+  marginTop?: NegativeSpace;
+  marginBottom?: NegativeSpace;
+  marginStart?: NegativeSpace;
+  marginEnd?: NegativeSpace;
+  elevation?: ElevationLevels;
+  textAlign?: TextStyle['textAlign'];
+  width?: DimensionValue;
+  height?: DimensionValue;
+  minWidth?: DimensionValue;
+  minHeight?: DimensionValue;
+  maxWidth?: DimensionValue;
+  maxHeight?: DimensionValue;
+  aspectRatio?: ViewStyle['aspectRatio'];
+  top?: DimensionValue;
+  bottom?: DimensionValue;
+  left?: DimensionValue;
+  right?: DimensionValue;
+  transform?: ViewStyle['transform'];
+  flexBasis?: DimensionValue;
+  flexGrow?: ViewStyle['flexGrow'];
+  flexShrink?: ViewStyle['flexShrink'];
+  opacity?: ViewStyle['opacity'];
 };
 /** StyleProps that get their values from the theme. */
 export declare const themedStyleProps: {
-    readonly color: "color";
-    readonly background: "color";
-    readonly borderColor: "color";
-    readonly borderWidth: "borderWidth";
-    readonly borderTopWidth: "borderWidth";
-    readonly borderEndWidth: "borderWidth";
-    readonly borderBottomWidth: "borderWidth";
-    readonly borderStartWidth: "borderWidth";
-    readonly borderRadius: "borderRadius";
-    readonly borderTopLeftRadius: "borderRadius";
-    readonly borderTopRightRadius: "borderRadius";
-    readonly borderBottomLeftRadius: "borderRadius";
-    readonly borderBottomRightRadius: "borderRadius";
-    readonly fontFamily: "fontFamily";
-    readonly fontSize: "fontSize";
-    readonly fontWeight: "fontWeight";
-    readonly lineHeight: "lineHeight";
-    readonly gap: "space";
-    readonly columnGap: "space";
-    readonly rowGap: "space";
-    readonly padding: "space";
-    readonly paddingX: "space";
-    readonly paddingY: "space";
-    readonly paddingTop: "space";
-    readonly paddingBottom: "space";
-    readonly paddingStart: "space";
-    readonly paddingEnd: "space";
-    readonly margin: "space";
-    readonly marginX: "space";
-    readonly marginY: "space";
-    readonly marginTop: "space";
-    readonly marginBottom: "space";
-    readonly marginStart: "space";
-    readonly marginEnd: "space";
+  readonly color: 'color';
+  readonly background: 'color';
+  readonly borderColor: 'color';
+  readonly borderWidth: 'borderWidth';
+  readonly borderTopWidth: 'borderWidth';
+  readonly borderEndWidth: 'borderWidth';
+  readonly borderBottomWidth: 'borderWidth';
+  readonly borderStartWidth: 'borderWidth';
+  readonly borderRadius: 'borderRadius';
+  readonly borderTopLeftRadius: 'borderRadius';
+  readonly borderTopRightRadius: 'borderRadius';
+  readonly borderBottomLeftRadius: 'borderRadius';
+  readonly borderBottomRightRadius: 'borderRadius';
+  readonly fontFamily: 'fontFamily';
+  readonly fontSize: 'fontSize';
+  readonly fontWeight: 'fontWeight';
+  readonly lineHeight: 'lineHeight';
+  readonly gap: 'space';
+  readonly columnGap: 'space';
+  readonly rowGap: 'space';
+  readonly padding: 'space';
+  readonly paddingX: 'space';
+  readonly paddingY: 'space';
+  readonly paddingTop: 'space';
+  readonly paddingBottom: 'space';
+  readonly paddingStart: 'space';
+  readonly paddingEnd: 'space';
+  readonly margin: 'space';
+  readonly marginX: 'space';
+  readonly marginY: 'space';
+  readonly marginTop: 'space';
+  readonly marginBottom: 'space';
+  readonly marginStart: 'space';
+  readonly marginEnd: 'space';
 };
 export declare const getStyles: (styleProps: StyleProps, theme: Theme) => ViewStyle | TextStyle;
 export declare const getViewStyles: (styleProps: StyleProps, theme: Theme) => ViewStyle;
 export declare const getTextStyles: (styleProps: StyleProps, theme: Theme) => TextStyle;
 export {};
-//# sourceMappingURL=styleProps.d.ts.map
+//# sourceMappingURL=styleProps.d.ts.map

package/dts/system/AndroidNavigationBar.d.ts

@@ -1,7 +1,11 @@
 import type { Theme } from '../core/theme';
 export type AndroidNavigationBarProps = {
-    theme?: Theme;
+  theme?: Theme;
 };
-export declare const useAndroidNavigationBarUpdater: ({ theme, }?: AndroidNavigationBarProps | undefined) => () => void;
-export declare const AndroidNavigationBar: import("react").MemoExoticComponent<(props: AndroidNavigationBarProps) => null>;
-//# sourceMappingURL=AndroidNavigationBar.d.ts.map
+export declare const useAndroidNavigationBarUpdater: ({
+  theme,
+}?: AndroidNavigationBarProps | undefined) => () => void;
+export declare const AndroidNavigationBar: import('react').MemoExoticComponent<
+  (props: AndroidNavigationBarProps) => null
+>;
+//# sourceMappingURL=AndroidNavigationBar.d.ts.map

package/dts/system/EventHandlerProvider.d.ts

@@ -5,4 +5,4 @@
  */
 export type { EventHandlerProviderProps } from '@coinbase/cds-common/system/EventHandlerProvider';
 export { EventHandlerProvider } from '@coinbase/cds-common/system/EventHandlerProvider';
-//# sourceMappingURL=EventHandlerProvider.d.ts.map
+//# sourceMappingURL=EventHandlerProvider.d.ts.map