@coinbase/cds-mobile 0.0.0 → 8.13.2

package/dts/buttons/DefaultSlideButtonHandle.d.ts

@@ -0,0 +1,74 @@
+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;
+};
+export type SlideButtonHandleCheckedProps = Pick<ButtonProps, 'variant'> & {
+  label?: React.ReactNode;
+  end?: React.ReactNode;
+  disabled?: boolean;
+};
+export type SlideButtonHandleCheckedComponent = (
+  props: SlideButtonHandleCheckedProps,
+) => React.ReactElement | null;
+export type SlideButtonHandleUncheckedProps = Pick<ButtonProps, 'variant'> & {
+  disabled?: boolean;
+  start?: React.ReactNode;
+};
+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;
+  };
+};
+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/DefaultSlideButtonHandle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultSlideButtonHandle.d.ts","sourceRoot":"","sources":["../../src/buttons/DefaultSlideButtonHandle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAiBzC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,eAAO,MAAM,eAAe;;;CAAgE,CAAC;AAE7F,MAAM,MAAM,6BAA6B,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG;IACzE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,iCAAiC,GAAG,CAC9C,KAAK,EAAE,6BAA6B,KACjC,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;AAE/B,MAAM,MAAM,+BAA+B,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,mCAAmC,GAAG,CAChD,KAAK,EAAE,+BAA+B,KACnC,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;AAE/B,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;CAgBjB,CAAC;AAEH,eAAO,MAAM,wBAAwB,6CAAyB,6BAA6B,6CAWzF,CAAC;AAEH,eAAO,MAAM,0BAA0B,wCAAoB,+BAA+B,6CAMxF,CAAC;AAEH,eAAO,MAAM,wBAAwB;;;;;;;;;;;+BA4EpC,CAAC"}

package/dts/buttons/IconButton.d.ts

@@ -0,0 +1,20 @@
+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'> & {
+    /** Name of the icon, as defined in Figma. */
+    name: IconName;
+    /** Whether the icon is active */
+    active?: boolean;
+    /**
+     * Toggle design and visual variants.
+     * @default primary
+     */
+    variant?: IconButtonVariant;
+  };
+export type IconButtonProps = IconButtonBaseProps;
+export declare const IconButton: React.NamedExoticComponent<IconButtonBaseProps>;
+//# sourceMappingURL=IconButton.d.ts.map

package/dts/buttons/IconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../src/buttons/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAI1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAK3F,OAAO,EAAa,KAAK,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEzE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAC3C,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,GACpC,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC,GAAG;IACpF,6CAA6C;IAC7C,IAAI,EAAE,QAAQ,CAAC;IACf,iCAAiC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B,CAAC;AAEJ,MAAM,MAAM,eAAe,GAAG,mBAAmB,CAAC;AAElD,eAAO,MAAM,UAAU,iDAiFrB,CAAC"}

package/dts/buttons/IconCounterButton.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+import type { View } from 'react-native';
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+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;
+};
+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

package/dts/buttons/IconCounterButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconCounterButton.d.ts","sourceRoot":"","sources":["../../src/buttons/IconCounterButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,QAAQ,EAAiB,MAAM,4BAA4B,CAAC;AAE1E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAIpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAIhD,MAAM,MAAM,0BAA0B,GAAG;IACvC,sCAAsC;IACtC,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC;IACpD,sCAAsC;IACtC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,iCAAiC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IACxB,wFAAwF;IACxF,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,GAAG,cAAc,CAAC;AAEjF,eAAO,MAAM,iBAAiB;;;;;;;;uEA4C7B,CAAC"}

package/dts/buttons/SlideButton.d.ts

@@ -0,0 +1,237 @@
+import React from 'react';
+import { type StyleProp, View, type ViewStyle } from 'react-native';
+import type { ButtonVariant } from '@coinbase/cds-common/types';
+import type { SpringValue } from '@react-spring/native';
+import type { PressableProps } from '../system/Pressable';
+export declare const slideButtonTestID = 'slide-button';
+export type SlideButtonBackgroundProps = Pick<
+  SlideButtonBaseProps,
+  'borderRadius' | 'checked' | 'disabled' | 'uncheckedLabel' | 'variant'
+> & {
+  progress: SpringValue<number>;
+  style?: StyleProp<ViewStyle>;
+};
+export type SlideButtonHandleProps = PressableProps &
+  Pick<
+    SlideButtonBaseProps,
+    'checked' | 'checkedLabel' | 'disabled' | 'startUncheckedNode' | 'endCheckedNode' | 'variant'
+  > & {
+    progress: SpringValue<number>;
+    style?: StyleProp<ViewStyle>;
+  };
+export type SlideButtonHandleComponent = React.FC<SlideButtonHandleProps>;
+export type SlideButtonBackgroundComponent = React.FC<SlideButtonBackgroundProps>;
+export type SlideButtonBaseProps = Omit<PressableProps, 'loading'> & {
+  /**
+   * Control whether the button is in a checked state.
+   */
+  checked: boolean;
+  /**
+   * Callback function fired when slide button state changes.
+   * Will always be called after `onSlideComplete` and before `onSlideEnd`.
+   */
+  onChange?: (checked: boolean) => void;
+  /**
+   * Label or content shown when button is in unchecked state.
+   */
+  uncheckedLabel?: React.ReactNode;
+  /**
+   * Label or content shown when button is in checked state.
+   */
+  checkedLabel?: React.ReactNode;
+  /**
+   * Callback function fired when the slide gesture begins.
+   */
+  onSlideStart?: () => void;
+  /**
+   * Callback function fired when the slide gesture is cancelled.
+   * This occurs when a user slides less than the threshold required to complete the action.
+   * Will always be called before `onSlideEnd`.
+   */
+  onSlideCancel?: () => void;
+  /**
+   * Callback function fired when the slide gesture ends.
+   * Will always be called last in the slide sequence.
+   */
+  onSlideEnd?: () => void;
+  /**
+   * Callback function fired when the slide gesture ends successfully.
+   * This is called when the user has slid past the threshold to complete the action.
+   * Will always be called before `onSlideEnd` and after `onChange`.
+   */
+  onSlideComplete?: () => void;
+  /**
+   * Disables user interaction with the slide button.
+   * When true, prevents gesture events from firing.
+   */
+  disabled?: boolean;
+  /**
+   * Height of the entire button component (background and handle).
+   * If you pass a custom SlideButtonBackgroundComponent or SlideButtonHandleComponent,
+   * this property will be applied to both.
+   */
+  height?: number;
+  /**
+   * Toggle design and visual variants of the slide button.
+   * @default 'primary'
+   */
+  variant?: Extract<ButtonVariant, 'primary' | 'positive' | 'negative'>;
+  /**
+   * Custom component to render as the sliding handle.
+   * @default DefaultSlideButtonHandle
+   */
+  SlideButtonHandleComponent?: SlideButtonHandleComponent;
+  /**
+   * Custom component to render as the container behind the sliding handle.
+   * @default DefaultSlideButtonBackground
+   */
+  SlideButtonBackgroundComponent?: SlideButtonBackgroundComponent;
+  /**
+   * Threshold (as a percentage from 0 to 1) at which a slide gesture will complete.
+   * A value of 0.7 means the user must slide 70% of the way across to trigger completion.
+   * @default 0.7
+   */
+  checkThreshold?: number;
+  /**
+   * If true, the slide button will automatically complete the slide when the threshold is met.
+   * If false, the user must release to complete the action.
+   */
+  autoCompleteSlideOnThresholdMet?: boolean;
+  /**
+   * Custom styles for the slide button.
+   */
+  styles?: {
+    /**
+     * Custom style for the slide button container.
+     */
+    container?: StyleProp<ViewStyle>;
+    /**
+     * Custom style for the background area of the slide button.
+     */
+    background?: StyleProp<ViewStyle>;
+    /**
+     * Custom style for the handle area of the slide button.
+     */
+    handle?: StyleProp<ViewStyle>;
+  };
+  /**
+   * Custom start node to render for the unchecked state of
+   * the handle, to replace the default arrow icon.
+   */
+  startUncheckedNode?: React.ReactNode;
+  /**
+   * Custom end node to render for the checked state of
+   * the handle, to replace the default loading indicator.
+   */
+  endCheckedNode?: React.ReactNode;
+};
+export type SlideButtonProps = SlideButtonBaseProps;
+export declare const SlideButton: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    Omit<PressableProps, 'loading'> & {
+      /**
+       * Control whether the button is in a checked state.
+       */
+      checked: boolean;
+      /**
+       * Callback function fired when slide button state changes.
+       * Will always be called after `onSlideComplete` and before `onSlideEnd`.
+       */
+      onChange?: (checked: boolean) => void;
+      /**
+       * Label or content shown when button is in unchecked state.
+       */
+      uncheckedLabel?: React.ReactNode;
+      /**
+       * Label or content shown when button is in checked state.
+       */
+      checkedLabel?: React.ReactNode;
+      /**
+       * Callback function fired when the slide gesture begins.
+       */
+      onSlideStart?: () => void;
+      /**
+       * Callback function fired when the slide gesture is cancelled.
+       * This occurs when a user slides less than the threshold required to complete the action.
+       * Will always be called before `onSlideEnd`.
+       */
+      onSlideCancel?: () => void;
+      /**
+       * Callback function fired when the slide gesture ends.
+       * Will always be called last in the slide sequence.
+       */
+      onSlideEnd?: () => void;
+      /**
+       * Callback function fired when the slide gesture ends successfully.
+       * This is called when the user has slid past the threshold to complete the action.
+       * Will always be called before `onSlideEnd` and after `onChange`.
+       */
+      onSlideComplete?: () => void;
+      /**
+       * Disables user interaction with the slide button.
+       * When true, prevents gesture events from firing.
+       */
+      disabled?: boolean;
+      /**
+       * Height of the entire button component (background and handle).
+       * If you pass a custom SlideButtonBackgroundComponent or SlideButtonHandleComponent,
+       * this property will be applied to both.
+       */
+      height?: number;
+      /**
+       * Toggle design and visual variants of the slide button.
+       * @default 'primary'
+       */
+      variant?: Extract<ButtonVariant, 'primary' | 'positive' | 'negative'>;
+      /**
+       * Custom component to render as the sliding handle.
+       * @default DefaultSlideButtonHandle
+       */
+      SlideButtonHandleComponent?: SlideButtonHandleComponent;
+      /**
+       * Custom component to render as the container behind the sliding handle.
+       * @default DefaultSlideButtonBackground
+       */
+      SlideButtonBackgroundComponent?: SlideButtonBackgroundComponent;
+      /**
+       * Threshold (as a percentage from 0 to 1) at which a slide gesture will complete.
+       * A value of 0.7 means the user must slide 70% of the way across to trigger completion.
+       * @default 0.7
+       */
+      checkThreshold?: number;
+      /**
+       * If true, the slide button will automatically complete the slide when the threshold is met.
+       * If false, the user must release to complete the action.
+       */
+      autoCompleteSlideOnThresholdMet?: boolean;
+      /**
+       * Custom styles for the slide button.
+       */
+      styles?: {
+        /**
+         * Custom style for the slide button container.
+         */
+        container?: StyleProp<ViewStyle>;
+        /**
+         * Custom style for the background area of the slide button.
+         */
+        background?: StyleProp<ViewStyle>;
+        /**
+         * Custom style for the handle area of the slide button.
+         */
+        handle?: StyleProp<ViewStyle>;
+      };
+      /**
+       * Custom start node to render for the unchecked state of
+       * the handle, to replace the default arrow icon.
+       */
+      startUncheckedNode?: React.ReactNode;
+      /**
+       * Custom end node to render for the checked state of
+       * the handle, to replace the default loading indicator.
+       */
+      endCheckedNode?: React.ReactNode;
+    } & React.RefAttributes<View>
+  >
+>;
+//# sourceMappingURL=SlideButton.d.ts.map

package/dts/buttons/SlideButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlideButton.d.ts","sourceRoot":"","sources":["../../src/buttons/SlideButton.tsx"],"names":[],"mappings":"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"}

package/dts/buttons/__figma__/AvatarButton.figma.d.ts

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

package/dts/buttons/__figma__/AvatarButton.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarButton.figma.d.ts","sourceRoot":"","sources":["../../../src/buttons/__figma__/AvatarButton.figma.tsx"],"names":[],"mappings":""}

package/dts/buttons/__figma__/Button.figma.d.ts

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

package/dts/buttons/__figma__/Button.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.figma.d.ts","sourceRoot":"","sources":["../../../src/buttons/__figma__/Button.figma.tsx"],"names":[],"mappings":""}

package/dts/buttons/__figma__/ButtonGroup.figma.d.ts

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

package/dts/buttons/__figma__/ButtonGroup.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.figma.d.ts","sourceRoot":"","sources":["../../../src/buttons/__figma__/ButtonGroup.figma.tsx"],"names":[],"mappings":""}

package/dts/buttons/__figma__/IconButton.figma.d.ts

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

package/dts/buttons/__figma__/IconButton.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.figma.d.ts","sourceRoot":"","sources":["../../../src/buttons/__figma__/IconButton.figma.tsx"],"names":[],"mappings":""}

package/dts/buttons/__figma__/SlideButton.figma.d.ts

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

package/dts/buttons/__figma__/SlideButton.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlideButton.figma.d.ts","sourceRoot":"","sources":["../../../src/buttons/__figma__/SlideButton.figma.tsx"],"names":[],"mappings":""}

package/dts/buttons/index.d.ts

@@ -0,0 +1,7 @@
+export * from './AvatarButton';
+export * from './Button';
+export * from './ButtonGroup';
+export * from './IconButton';
+export * from './IconCounterButton';
+export * from './SlideButton';
+//# sourceMappingURL=index.d.ts.map

package/dts/buttons/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/buttons/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC"}

package/dts/cards/AnnouncementCard.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { type CardBaseProps } from './Card';
+import { type CardBodyBaseProps } from './CardBody';
+export type AnnouncementCardBaseProps = CardBaseProps & CardBodyBaseProps;
+/** @deprecated will be removed in v7.0.0 use NudgeCard or UpsellCard instead */
+export type AnnouncementCardProps = AnnouncementCardBaseProps;
+/** @deprecated This component will be removed in a future version. Use NudgeCard or UpsellCard instead. */
+export declare const AnnouncementCard: React.NamedExoticComponent<AnnouncementCardBaseProps>;
+//# sourceMappingURL=AnnouncementCard.d.ts.map

package/dts/cards/AnnouncementCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnnouncementCard.d.ts","sourceRoot":"","sources":["../../src/cards/AnnouncementCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAY,KAAK,iBAAiB,EAAsB,MAAM,YAAY,CAAC;AAElF,MAAM,MAAM,yBAAyB,GAAG,aAAa,GAAG,iBAAiB,CAAC;AAC1E,gFAAgF;AAChF,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,CAAC;AAE9D,2GAA2G;AAC3G,eAAO,MAAM,gBAAgB,uDAyC3B,CAAC"}

package/dts/cards/Card.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { SharedAccessibilityProps } from '@coinbase/cds-common';
+import type { BoxBaseProps, BoxProps } from '../layout/Box';
+import { type PressableProps } from '../system/Pressable';
+export type CardBaseProps = Pick<
+  SharedAccessibilityProps,
+  'accessibilityLabel' | 'accessibilityLabelledBy' | 'accessibilityHint'
+> &
+  Pick<PressableProps, 'noScaleOnPress' | 'onPress'> &
+  BoxBaseProps & {
+    /** Size of the card. Small and medium have fixed widths and large grows with its children. */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * If onPress is present the Card will be wrapped with a Pressable component.
+     * pressableProps allows customization of that Pressable wrapper.
+     */
+    pressableProps?: Omit<PressableProps, 'onPress'>;
+  };
+export type CardProps = CardBaseProps & BoxProps;
+export declare const Card: React.NamedExoticComponent<CardProps>;
+//# sourceMappingURL=Card.d.ts.map

package/dts/cards/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/cards/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAIrE,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAG5D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErE,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,wBAAwB,EACxB,oBAAoB,GAAG,yBAAyB,GAAG,mBAAmB,CACvE,GACC,IAAI,CAAC,cAAc,EAAE,gBAAgB,GAAG,SAAS,CAAC,GAClD,YAAY,GAAG;IACb,8FAA8F;IAC9F,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;;OAGG;IACH,cAAc,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;CAClD,CAAC;AAEJ,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG,QAAQ,CAAC;AAkCjD,eAAO,MAAM,IAAI,uCAsFf,CAAC"}

package/dts/cards/CardBody.d.ts

@@ -0,0 +1,56 @@
+import React from 'react';
+import type { PressableProps } from 'react-native';
+import type { SharedAccessibilityProps } from '@coinbase/cds-common/types';
+import type { PictogramName, SpotSquareName } from '@coinbase/cds-illustrations';
+import type { BoxBaseProps, BoxProps } from '../layout/Box';
+export type CardMediaPlacement = 'start' | 'above' | 'end';
+export type CardBodyBaseProps = Pick<
+  SharedAccessibilityProps,
+  'accessibilityLabel' | 'accessibilityLabelledBy' | 'accessibilityHint'
+> &
+  BoxBaseProps & {
+    onActionPress?: PressableProps['onPress'];
+    /** Text to be displayed in TextHeadline when it's a string, unless you pass a ReactNode */
+    title?: React.ReactNode;
+    /** Text to be displayed in TextBody when it's a string, unless you pass a ReactNode */
+    description?: React.ReactNode;
+    /**
+     * Maximum number of lines shown. Text that exceeds will be truncated.
+     * Only applies to description
+     * @default 3
+     */
+    numberOfLines?: number;
+    /** Enables compact spacing around CardBody content */
+    compact?: boolean;
+    children?: React.ReactNode;
+    /** Above places media above text content, start or end places media to the side of text content
+     * @default end
+     */
+    mediaPlacement?: CardMediaPlacement;
+    /** The name of the SpotSquare Illustration to use in CardMedia. */
+    spotSquare?: SpotSquareName;
+    /** The name of the Pictogram Illustration to use in CardMedia. */
+    pictogram?: PictogramName;
+    /** The image url to use in the CardMedia. Will not be used if illustration is present. */
+    image?: string;
+    /**
+     * Remote Image or other node with media content.
+     * If illustration prop is present this will default to <CardMedia type="illustration" name={illustration} variant={variant} />.
+     * If image prop is present this will default to <CardMedia type="image" src={image} variant={variant} />.
+     */
+    media?: React.ReactNode;
+    /**
+     * Call to action to display underneath title and description.
+     * When present this will set action prop to be CardBodyAction with some defaults.
+     */
+    actionLabel?: string;
+    /**
+     * Call to action to display underneath title and description.
+     * When actionLabel and onActionPress are present this will assign action to <CardBodyAction onPress={onActionPress} endIcon="forwardArrow">{actionLabel}</CardBodyAction>.
+     * Internally CardBodyAction is a normal CDS Button, but with some default props designed specifically for this layout.
+     */
+    action?: React.ReactNode;
+  };
+export type CardBodyProps = CardBodyBaseProps & BoxProps;
+export declare const CardBody: React.NamedExoticComponent<CardBodyProps>;
+//# sourceMappingURL=CardBody.d.ts.map

package/dts/cards/CardBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardBody.d.ts","sourceRoot":"","sources":["../../src/cards/CardBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAGjF,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAO5D,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,CAAC;AAE3D,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,wBAAwB,EACxB,oBAAoB,GAAG,yBAAyB,GAAG,mBAAmB,CACvE,GACC,YAAY,GAAG;IACb,aAAa,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IAC1C,2FAA2F;IAC3F,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,uFAAuF;IACvF,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,mEAAmE;IACnE,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,kEAAkE;IAClE,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,0FAA0F;IAC1F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEJ,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAAG,QAAQ,CAAC;AA8BzD,eAAO,MAAM,QAAQ,2CA0InB,CAAC"}

package/dts/cards/CardFooter.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { SharedAccessibilityProps } from '@coinbase/cds-common/types';
+import type { BoxBaseProps, BoxProps } from '../layout';
+export type CardFooterBaseProps = Pick<
+  SharedAccessibilityProps,
+  'accessibilityLabel' | 'accessibilityLabelledBy' | 'accessibilityHint'
+> &
+  Omit<BoxBaseProps, 'children'> & {
+    /** CardFooter takes one or many actions as children */
+    children: React.ReactNode;
+  };
+export type CardFooterProps = CardFooterBaseProps & Omit<BoxProps, 'children'>;
+export declare const CardFooter: React.NamedExoticComponent<CardFooterProps>;
+//# sourceMappingURL=CardFooter.d.ts.map

package/dts/cards/CardFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardFooter.d.ts","sourceRoot":"","sources":["../../src/cards/CardFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAE3E,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAGxD,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,wBAAwB,EACxB,oBAAoB,GAAG,yBAAyB,GAAG,mBAAmB,CACvE,GACC,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,GAAG;IAC/B,uDAAuD;IACvD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEJ,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AAE/E,eAAO,MAAM,UAAU,6CAYrB,CAAC"}

package/dts/cards/CardGroup.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+import type { View } from 'react-native';
+import type { GroupProps, RenderGroupItem } from '../layout/Group';
+export type CardGroupBaseProps = GroupProps;
+export type CardGroupProps = CardGroupBaseProps;
+export type CardGroupRenderItem = RenderGroupItem;
+export declare const CardGroup: 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'> & {
+        accessibilityLabel?: string;
+        children?: React.ReactNode;
+        direction?: import('../layout').GroupDirection;
+        divider?: React.ComponentType<React.PropsWithChildren<unknown>> | null;
+        gap?: import('@coinbase/cds-common').ThemeVars.Space;
+        renderItem?:
+          | ((info: {
+              Wrapper: React.ComponentType<React.PropsWithChildren<import('../layout').BoxProps>>;
+              item: React.ReactChild;
+              index: number;
+              isFirst: boolean;
+              isLast: boolean;
+            }) => React.ReactChild)
+          | undefined;
+      } & React.RefAttributes<View>
+  >
+>;
+//# sourceMappingURL=CardGroup.d.ts.map

package/dts/cards/CardGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardGroup.d.ts","sourceRoot":"","sources":["../../src/cards/CardGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIzC,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAGnE,MAAM,MAAM,kBAAkB,GAAG,UAAU,CAAC;AAC5C,MAAM,MAAM,cAAc,GAAG,kBAAkB,CAAC;AAChD,MAAM,MAAM,mBAAmB,GAAG,eAAe,CAAC;AAElD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BA2BrB,CAAC"}

package/dts/cards/CardHeader.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { CardHeaderProps as CardHeaderBaseProps } from '@coinbase/cds-common/types';
+export type CardHeaderProps = CardHeaderBaseProps;
+export declare const CardHeader: React.MemoExoticComponent<
+  ({
+    avatar,
+    metaData,
+    description,
+    action,
+    testID,
+  }: CardHeaderProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=CardHeader.d.ts.map

package/dts/cards/CardHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardHeader.d.ts","sourceRoot":"","sources":["../../src/cards/CardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,eAAe,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAMzF,MAAM,MAAM,eAAe,GAAG,mBAAmB,CAAC;AAElD,eAAO,MAAM,UAAU,gFAC+B,eAAe,6CAoBpE,CAAC"}

package/dts/cards/CardMedia.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { CardMediaProps as CommonCardMediaProps } from '@coinbase/cds-common/types';
+export type CardMediaProps = CommonCardMediaProps;
+export declare const CardMedia: React.NamedExoticComponent<CommonCardMediaProps>;
+//# sourceMappingURL=CardMedia.d.ts.map