@coinbase/cds-mobile 8.13.1 → 8.13.5

package/dts/icons/Icon.d.ts

@@ -1,8 +1,17 @@
 import React from 'react';
 import { Animated, type StyleProp, type TextStyle, type ViewStyle } from 'react-native';
 import type { ThemeVars } from '@coinbase/cds-common/core/theme';
-import type { IconName, IconSize, IconSourcePixelSize, PaddingProps, SharedAccessibilityProps, SharedProps } from '@coinbase/cds-common/types';
-export type IconBaseProps = SharedProps & PaddingProps & Pick<SharedAccessibilityProps, 'accessibilityLabel' | 'accessibilityHint'> & {
+import type {
+  IconName,
+  IconSize,
+  IconSourcePixelSize,
+  PaddingProps,
+  SharedAccessibilityProps,
+  SharedProps,
+} from '@coinbase/cds-common/types';
+export type IconBaseProps = SharedProps &
+  PaddingProps &
+  Pick<SharedAccessibilityProps, 'accessibilityLabel' | 'accessibilityHint'> & {
     /**
      * Size for a given icon.
      * @default m
@@ -28,14 +37,14 @@ export type IconBaseProps = SharedProps & PaddingProps & Pick<SharedAccessibilit
     dangerouslySetColor?: string | Animated.AnimatedInterpolation<string>;
     animated?: boolean;
     style?: Animated.WithAnimatedValue<StyleProp<TextStyle>>;
-};
+  };
 export type IconProps = IconBaseProps & {
-    styles?: {
-        root?: StyleProp<ViewStyle>;
-        icon?: StyleProp<TextStyle>;
-    };
+  styles?: {
+    root?: StyleProp<ViewStyle>;
+    icon?: StyleProp<TextStyle>;
+  };
 };
 declare const getIconSourceSize: (iconSize: number) => IconSourcePixelSize;
 export declare const Icon: React.NamedExoticComponent<IconProps>;
 export { getIconSourceSize };
-//# sourceMappingURL=Icon.d.ts.map
+//# sourceMappingURL=Icon.d.ts.map

package/dts/icons/LogoMark.d.ts

@@ -1,4 +1,9 @@
 import React from 'react';
 import type { LogoMarkParams } from '@coinbase/cds-common/hooks/useLogo';
-export declare const LogoMark: React.MemoExoticComponent<({ size, foreground }: Omit<LogoMarkParams, "colorScheme">) => import("react/jsx-runtime").JSX.Element>;
-//# sourceMappingURL=LogoMark.d.ts.map
+export declare const LogoMark: React.MemoExoticComponent<
+  ({
+    size,
+    foreground,
+  }: Omit<LogoMarkParams, 'colorScheme'>) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=LogoMark.d.ts.map

package/dts/icons/LogoWordmark.d.ts

@@ -1,4 +1,8 @@
 import React from 'react';
 import type { LogoWordmarkParams } from '@coinbase/cds-common/hooks/useLogo';
-export declare const LogoWordmark: React.MemoExoticComponent<({ foreground }: Omit<LogoWordmarkParams, "colorScheme">) => import("react/jsx-runtime").JSX.Element>;
-//# sourceMappingURL=LogoWordmark.d.ts.map
+export declare const LogoWordmark: React.MemoExoticComponent<
+  ({
+    foreground,
+  }: Omit<LogoWordmarkParams, 'colorScheme'>) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=LogoWordmark.d.ts.map

package/dts/icons/SubBrandLogoMark.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
 import type { SubBrandLogoMarkParams } from '@coinbase/cds-common/hooks/useSubBrandLogo';
 export type SubBrandLogoMarkProps = SubBrandLogoMarkParams;
-export declare const SubBrandLogoMark: React.MemoExoticComponent<(props: Omit<SubBrandLogoMarkProps, "colorScheme">) => import("react/jsx-runtime").JSX.Element>;
-//# sourceMappingURL=SubBrandLogoMark.d.ts.map
+export declare const SubBrandLogoMark: React.MemoExoticComponent<
+  (props: Omit<SubBrandLogoMarkProps, 'colorScheme'>) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=SubBrandLogoMark.d.ts.map

package/dts/icons/SubBrandLogoWordmark.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
 import type { SubBrandLogoWordmarkParams } from '@coinbase/cds-common/hooks/useSubBrandLogo';
 export type SubBrandLogoWordmarkProps = SubBrandLogoWordmarkParams;
-export declare const SubBrandLogoWordmark: React.MemoExoticComponent<(props: Omit<SubBrandLogoWordmarkProps, "colorScheme">) => import("react/jsx-runtime").JSX.Element>;
-//# sourceMappingURL=SubBrandLogoWordmark.d.ts.map
+export declare const SubBrandLogoWordmark: React.MemoExoticComponent<
+  (props: Omit<SubBrandLogoWordmarkProps, 'colorScheme'>) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=SubBrandLogoWordmark.d.ts.map

package/dts/icons/TextIcon.d.ts

@@ -4,15 +4,18 @@ import type { StyleProp, TextStyle } from 'react-native';
 import type { IconName } from '@coinbase/cds-common';
 import type { IconProps } from './Icon';
 export type TextIconProps = Pick<IconProps, 'color' | 'size' | 'testID'> & {
-    name: IconName;
-    active?: boolean;
-} & ({
-    animated: true;
-    style: Animated.WithAnimatedValue<StyleProp<TextStyle>>;
-} | {
-    animated?: false | undefined;
-    style?: StyleProp<TextStyle>;
-});
+  name: IconName;
+  active?: boolean;
+} & (
+    | {
+        animated: true;
+        style: Animated.WithAnimatedValue<StyleProp<TextStyle>>;
+      }
+    | {
+        animated?: false | undefined;
+        style?: StyleProp<TextStyle>;
+      }
+  );
 /**
  *
  * This is a simplified, text-only version of the Icon component.
@@ -20,4 +23,4 @@ export type TextIconProps = Pick<IconProps, 'color' | 'size' | 'testID'> & {
  * Adheres to all the requirements for Nested Text on react native. https://reactnative.dev/docs/text#nested-text
  */
 export declare const TextIcon: React.NamedExoticComponent<TextIconProps>;
-//# sourceMappingURL=TextIcon.d.ts.map
+//# sourceMappingURL=TextIcon.d.ts.map

package/dts/icons/__figma__/Icon.figma.d.ts

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

package/dts/icons/__figma__/LogoMark.figma.d.ts

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

package/dts/icons/__figma__/LogoWordmark.figma.d.ts

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

package/dts/icons/__figma__/SubBrandLogoMark.figma.d.ts

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

package/dts/icons/__figma__/SubBrandLogoWordmark.figma.d.ts

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

package/dts/icons/index.d.ts

@@ -4,4 +4,4 @@ export * from './LogoWordmark';
 export * from './SubBrandLogoMark';
 export * from './SubBrandLogoWordmark';
 export * from './TextIcon';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/dts/illustrations/HeroSquare.d.ts

@@ -1,12 +1,19 @@
-import { type IllustrationA11yProps, type IllustrationBaseProps, type IllustrationDimensionsMap } from './createIllustration';
-export type HeroSquareBaseProps = IllustrationBaseProps<'heroSquare'> & IllustrationA11yProps & {
+import {
+  type IllustrationA11yProps,
+  type IllustrationBaseProps,
+  type IllustrationDimensionsMap,
+} from './createIllustration';
+export type HeroSquareBaseProps = IllustrationBaseProps<'heroSquare'> &
+  IllustrationA11yProps & {
     /**
      * HeroSquare dimensions.
      * @default  240x240
      * */
     dimension?: IllustrationDimensionsMap['heroSquare'];
-};
+  };
 export type HeroSquareProps = HeroSquareBaseProps;
-export declare const HeroSquare: import("react").NamedExoticComponent<import("./createIllustration").IllustrationBasePropsWithA11y<"heroSquare">>;
+export declare const HeroSquare: import('react').NamedExoticComponent<
+  import('./createIllustration').IllustrationBasePropsWithA11y<'heroSquare'>
+>;
 export type { HeroSquareName } from '@coinbase/cds-illustrations';
-//# sourceMappingURL=HeroSquare.d.ts.map
+//# sourceMappingURL=HeroSquare.d.ts.map

package/dts/illustrations/Pictogram.d.ts

@@ -1,11 +1,18 @@
-import { type IllustrationA11yProps, type IllustrationBaseProps, type IllustrationDimensionsMap } from './createIllustration';
-export type PictogramBaseProps = IllustrationBaseProps<'pictogram'> & IllustrationA11yProps & {
+import {
+  type IllustrationA11yProps,
+  type IllustrationBaseProps,
+  type IllustrationDimensionsMap,
+} from './createIllustration';
+export type PictogramBaseProps = IllustrationBaseProps<'pictogram'> &
+  IllustrationA11yProps & {
     /**
      * @default 48x48
      * */
     dimension?: IllustrationDimensionsMap['pictogram'];
-};
+  };
 export type PictogramProps = PictogramBaseProps;
-export declare const Pictogram: import("react").NamedExoticComponent<import("./createIllustration").IllustrationBasePropsWithA11y<"pictogram">>;
+export declare const Pictogram: import('react').NamedExoticComponent<
+  import('./createIllustration').IllustrationBasePropsWithA11y<'pictogram'>
+>;
 export type { PictogramName } from '@coinbase/cds-illustrations';
-//# sourceMappingURL=Pictogram.d.ts.map
+//# sourceMappingURL=Pictogram.d.ts.map

package/dts/illustrations/SpotIcon.d.ts

@@ -1,11 +1,18 @@
-import { type IllustrationA11yProps, type IllustrationBaseProps, type IllustrationDimensionsMap } from './createIllustration';
-export declare const SpotIcon: import("react").NamedExoticComponent<import("./createIllustration").IllustrationBasePropsWithA11y<"spotIcon">>;
-export type SpotIconBaseProps = IllustrationBaseProps<'spotIcon'> & IllustrationA11yProps & {
+import {
+  type IllustrationA11yProps,
+  type IllustrationBaseProps,
+  type IllustrationDimensionsMap,
+} from './createIllustration';
+export declare const SpotIcon: import('react').NamedExoticComponent<
+  import('./createIllustration').IllustrationBasePropsWithA11y<'spotIcon'>
+>;
+export type SpotIconBaseProps = IllustrationBaseProps<'spotIcon'> &
+  IllustrationA11yProps & {
     /**
      * @default 32x32
      * */
     dimension?: IllustrationDimensionsMap['spotSquare'];
-};
+  };
 export type SpotIconProps = SpotIconBaseProps;
 export type { SpotIconName } from '@coinbase/cds-illustrations';
-//# sourceMappingURL=SpotIcon.d.ts.map
+//# sourceMappingURL=SpotIcon.d.ts.map

package/dts/illustrations/SpotRectangle.d.ts

@@ -1,12 +1,19 @@
-import { type IllustrationA11yProps, type IllustrationBaseProps, type IllustrationDimensionsMap } from './createIllustration';
-export type SpotRectangleBaseProps = IllustrationBaseProps<'spotRectangle'> & IllustrationA11yProps & {
+import {
+  type IllustrationA11yProps,
+  type IllustrationBaseProps,
+  type IllustrationDimensionsMap,
+} from './createIllustration';
+export type SpotRectangleBaseProps = IllustrationBaseProps<'spotRectangle'> &
+  IllustrationA11yProps & {
     /**
      * SpotRectangle dimensions
      * @default 240x120
      * */
     dimension?: IllustrationDimensionsMap['spotRectangle'];
-};
+  };
 export type SpotRectangleProps = SpotRectangleBaseProps;
-export declare const SpotRectangle: import("react").NamedExoticComponent<import("./createIllustration").IllustrationBasePropsWithA11y<"spotRectangle">>;
+export declare const SpotRectangle: import('react').NamedExoticComponent<
+  import('./createIllustration').IllustrationBasePropsWithA11y<'spotRectangle'>
+>;
 export type { SpotRectangleName } from '@coinbase/cds-illustrations';
-//# sourceMappingURL=SpotRectangle.d.ts.map
+//# sourceMappingURL=SpotRectangle.d.ts.map

package/dts/illustrations/SpotSquare.d.ts

@@ -1,11 +1,18 @@
-import { type IllustrationA11yProps, type IllustrationBaseProps, type IllustrationDimensionsMap } from './createIllustration';
-export declare const SpotSquare: import("react").NamedExoticComponent<import("./createIllustration").IllustrationBasePropsWithA11y<"spotSquare">>;
-export type SpotSquareBaseProps = IllustrationBaseProps<'spotSquare'> & IllustrationA11yProps & {
+import {
+  type IllustrationA11yProps,
+  type IllustrationBaseProps,
+  type IllustrationDimensionsMap,
+} from './createIllustration';
+export declare const SpotSquare: import('react').NamedExoticComponent<
+  import('./createIllustration').IllustrationBasePropsWithA11y<'spotSquare'>
+>;
+export type SpotSquareBaseProps = IllustrationBaseProps<'spotSquare'> &
+  IllustrationA11yProps & {
     /**
      * @default 96x96
      * */
     dimension?: IllustrationDimensionsMap['spotSquare'];
-};
+  };
 export type SpotSquareProps = SpotSquareBaseProps;
 export type { SpotSquareName } from '@coinbase/cds-illustrations';
-//# sourceMappingURL=SpotSquare.d.ts.map
+//# sourceMappingURL=SpotSquare.d.ts.map

package/dts/illustrations/__figma__/HeroSquare.figma.d.ts

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

package/dts/illustrations/__figma__/Pictogram.figma.d.ts

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

package/dts/illustrations/__figma__/SpotIcon.figma.d.ts

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

package/dts/illustrations/__figma__/SpotRectangle.figma.d.ts

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

package/dts/illustrations/__figma__/SpotSquare.figma.d.ts

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

package/dts/illustrations/createIllustration.d.ts

@@ -1,48 +1,73 @@
 import React from 'react';
 import type { AccessibilityProps } from 'react-native';
 import type { IllustrationVariant } from '@coinbase/cds-common/types/IllustrationNames';
-import type { HeroSquareDimension, PictogramDimension, SpotIconDimension, SpotRectangleDimension, SpotSquareDimension } from '@coinbase/cds-common/types/IllustrationProps';
+import type {
+  HeroSquareDimension,
+  PictogramDimension,
+  SpotIconDimension,
+  SpotRectangleDimension,
+  SpotSquareDimension,
+} from '@coinbase/cds-common/types/IllustrationProps';
 import type { SharedProps } from '@coinbase/cds-common/types/SharedProps';
-import type { HeroSquareName, PictogramName, SpotIconName, SpotRectangleName, SpotSquareName } from '@coinbase/cds-illustrations';
+import type {
+  HeroSquareName,
+  PictogramName,
+  SpotIconName,
+  SpotRectangleName,
+  SpotSquareName,
+} from '@coinbase/cds-illustrations';
 export type IllustrationNamesMap = {
-    heroSquare: HeroSquareName;
-    spotRectangle: SpotRectangleName;
-    pictogram: PictogramName;
-    spotSquare: SpotSquareName;
-    spotIcon: SpotIconName;
+  heroSquare: HeroSquareName;
+  spotRectangle: SpotRectangleName;
+  pictogram: PictogramName;
+  spotSquare: SpotSquareName;
+  spotIcon: SpotIconName;
 };
 export type IllustrationDimensionsMap = {
-    heroSquare: HeroSquareDimension;
-    spotSquare: SpotSquareDimension;
-    spotRectangle: SpotRectangleDimension;
-    pictogram: PictogramDimension;
-    spotIcon: SpotIconDimension;
+  heroSquare: HeroSquareDimension;
+  spotSquare: SpotSquareDimension;
+  spotRectangle: SpotRectangleDimension;
+  pictogram: PictogramDimension;
+  spotIcon: SpotIconDimension;
 };
 export type IllustrationBaseProps<T extends keyof IllustrationNamesMap> = SharedProps & {
-    /** Name of illustration as defined in Figma */
-    name: IllustrationNamesMap[T];
-    /**
-     * HeroSquare Default:  240x240
-     * SpotSquare Default: 96x96
-     * Pictogram Default: 48x48
-     * SpotRectangle Default: 240x120
-     *
-     */
-    dimension?: IllustrationDimensionsMap[T];
-    /** Multiply the width & height while maintaining aspect ratio */
-    scaleMultiplier?: number;
-    /**
-     * Fallback element to render if unable to find an illustration with the matching name
-     * @default null
-     * */
-    fallback?: null | React.ReactElement;
+  /** Name of illustration as defined in Figma */
+  name: IllustrationNamesMap[T];
+  /**
+   * HeroSquare Default:  240x240
+   * SpotSquare Default: 96x96
+   * Pictogram Default: 48x48
+   * SpotRectangle Default: 240x120
+   *
+   */
+  dimension?: IllustrationDimensionsMap[T];
+  /** Multiply the width & height while maintaining aspect ratio */
+  scaleMultiplier?: number;
+  /**
+   * Fallback element to render if unable to find an illustration with the matching name
+   * @default null
+   * */
+  fallback?: null | React.ReactElement;
 };
-type IllustrationConfigShape = Record<string, {
+type IllustrationConfigShape = Record<
+  string,
+  {
     light: () => string;
     dark: () => string;
-}>;
-export type IllustrationA11yProps = Pick<AccessibilityProps, 'accessibilityLabel' | 'accessibilityHint'>;
-export type IllustrationBasePropsWithA11y<Type extends IllustrationVariant> = IllustrationBaseProps<Type> & IllustrationA11yProps;
-export declare function createIllustration<Variant extends IllustrationVariant, Config extends IllustrationConfigShape>(variant: Variant, config: Config): React.NamedExoticComponent<IllustrationBasePropsWithA11y<Variant>>;
+  }
+>;
+export type IllustrationA11yProps = Pick<
+  AccessibilityProps,
+  'accessibilityLabel' | 'accessibilityHint'
+>;
+export type IllustrationBasePropsWithA11y<Type extends IllustrationVariant> =
+  IllustrationBaseProps<Type> & IllustrationA11yProps;
+export declare function createIllustration<
+  Variant extends IllustrationVariant,
+  Config extends IllustrationConfigShape,
+>(
+  variant: Variant,
+  config: Config,
+): React.NamedExoticComponent<IllustrationBasePropsWithA11y<Variant>>;
 export {};
-//# sourceMappingURL=createIllustration.d.ts.map
+//# sourceMappingURL=createIllustration.d.ts.map

package/dts/illustrations/index.d.ts

@@ -3,4 +3,4 @@ export * from './Pictogram';
 export * from './SpotIcon';
 export * from './SpotRectangle';
 export * from './SpotSquare';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/dts/index.d.ts

@@ -1,4 +1,4 @@
 export * from './core/theme';
 export * from './hooks/useTheme';
 export * from './system/ThemeProvider';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/dts/layout/Box.d.ts

@@ -6,61 +6,70 @@ import type { ElevationLevels } from '@coinbase/cds-common/types/ElevationLevels
 import type { Theme } from '../core/theme';
 import { type StyleProps } from '../styles/styleProps';
 export type BoxBaseProps = StyleProps & {
-    children?: React.ReactNode;
-    style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
-    animated?: boolean;
-    /** Determines box shadow styles. Parent should have overflow set to visible to ensure styles are not clipped. */
-    elevation?: ElevationLevels;
-    font?: ThemeVars.FontFamily | 'inherit';
-    /** Direction in which to absolutely pin the box. */
-    pin?: PinningDirection;
-    /** 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;
-    /** @danger This is a migration escape hatch. It is not intended to be used normally. */
-    dangerouslySetBackground?: string;
-    /** Used to locate this element in unit and end-to-end tests. */
-    testID?: string;
+  children?: React.ReactNode;
+  style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
+  animated?: boolean;
+  /** Determines box shadow styles. Parent should have overflow set to visible to ensure styles are not clipped. */
+  elevation?: ElevationLevels;
+  font?: ThemeVars.FontFamily | 'inherit';
+  /** Direction in which to absolutely pin the box. */
+  pin?: PinningDirection;
+  /** 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;
+  /** @danger This is a migration escape hatch. It is not intended to be used normally. */
+  dangerouslySetBackground?: string;
+  /** Used to locate this element in unit and end-to-end tests. */
+  testID?: string;
 };
 export type BoxProps = BoxBaseProps & Omit<ViewProps, 'style'>;
-export declare const getElevationStyles: (elevation: ElevationLevels, theme: Theme, background?: ThemeVars.Color) => ViewStyle;
-export declare const Box: React.MemoExoticComponent<React.ForwardRefExoticComponent<StyleProps & {
-    children?: React.ReactNode;
-    style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
-    animated?: boolean;
-    /** Determines box shadow styles. Parent should have overflow set to visible to ensure styles are not clipped. */
-    elevation?: ElevationLevels;
-    font?: ThemeVars.FontFamily | "inherit";
-    /** Direction in which to absolutely pin the box. */
-    pin?: PinningDirection;
-    /** 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;
-    /** @danger This is a migration escape hatch. It is not intended to be used normally. */
-    dangerouslySetBackground?: string;
-    /** Used to locate this element in unit and end-to-end tests. */
-    testID?: string;
-} & Omit<ViewProps, "style"> & React.RefAttributes<View>>>;
-//# sourceMappingURL=Box.d.ts.map
+export declare const getElevationStyles: (
+  elevation: ElevationLevels,
+  theme: Theme,
+  background?: ThemeVars.Color,
+) => ViewStyle;
+export declare const Box: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    StyleProps & {
+      children?: React.ReactNode;
+      style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
+      animated?: boolean;
+      /** Determines box shadow styles. Parent should have overflow set to visible to ensure styles are not clipped. */
+      elevation?: ElevationLevels;
+      font?: ThemeVars.FontFamily | 'inherit';
+      /** Direction in which to absolutely pin the box. */
+      pin?: PinningDirection;
+      /** 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;
+      /** @danger This is a migration escape hatch. It is not intended to be used normally. */
+      dangerouslySetBackground?: string;
+      /** Used to locate this element in unit and end-to-end tests. */
+      testID?: string;
+    } & Omit<ViewProps, 'style'> &
+      React.RefAttributes<View>
+  >
+>;
+//# sourceMappingURL=Box.d.ts.map

package/dts/layout/Divider.d.ts

@@ -2,17 +2,17 @@ import React from 'react';
 import type { ThemeVars } from '@coinbase/cds-common/core/theme';
 import type { BoxProps } from './Box';
 export type DividerBaseProps = {
-    /**
-     * Color of the divider line.
-     * @default line
-     */
-    color?: ThemeVars.Color;
-    /**
-     * The direction to render the divider line.
-     * @default horizontal
-     */
-    direction?: 'horizontal' | 'vertical';
+  /**
+   * Color of the divider line.
+   * @default line
+   */
+  color?: ThemeVars.Color;
+  /**
+   * The direction to render the divider line.
+   * @default horizontal
+   */
+  direction?: 'horizontal' | 'vertical';
 };
 export type DividerProps = DividerBaseProps & BoxProps;
 export declare const Divider: React.NamedExoticComponent<DividerProps>;
-//# sourceMappingURL=Divider.d.ts.map
+//# sourceMappingURL=Divider.d.ts.map

package/dts/layout/Fallback.d.ts

@@ -2,20 +2,20 @@ import React from 'react';
 import type { Shape } from '@coinbase/cds-common/types/Shape';
 import type { BoxProps } from './Box';
 export type FallbackBaseProps = {
-    height: number | string;
-    /**
-     * @default rectangle
-     */
-    shape?: Shape;
-    width: number | string;
-    /** Disables randomization of rectangle shape width. */
-    disableRandomRectWidth?: boolean;
-    /**
-     * When shape is a rectangle, creates a variant with deterministic width.
-     * Variants map to a predetermined set of width values, which are cycled through repeatedly when the set is exhausted.
-     */
-    rectWidthVariant?: number;
+  height: number | string;
+  /**
+   * @default rectangle
+   */
+  shape?: Shape;
+  width: number | string;
+  /** Disables randomization of rectangle shape width. */
+  disableRandomRectWidth?: boolean;
+  /**
+   * When shape is a rectangle, creates a variant with deterministic width.
+   * Variants map to a predetermined set of width values, which are cycled through repeatedly when the set is exhausted.
+   */
+  rectWidthVariant?: number;
 };
 export type FallbackProps = Omit<BoxProps, 'borderRadius' | 'height' | 'width'> & FallbackBaseProps;
 export declare const Fallback: React.NamedExoticComponent<FallbackProps>;
-//# sourceMappingURL=Fallback.d.ts.map
+//# sourceMappingURL=Fallback.d.ts.map