@coinbase/cds-mobile-visualization 3.3.0 → 3.4.0-beta.10

package/dts/sparkline/sparkline-interactive/SparklineInteractive.d.ts

@@ -2,114 +2,129 @@ import React from 'react';
 import { type StyleProp, type ViewStyle } from 'react-native';
 import type { ThemeVars } from '@coinbase/cds-common/core/theme';
 import type { Placement } from '@coinbase/cds-common/types';
-import type { ChartData, ChartFormatAmount, ChartFormatDate, ChartScrubParams, ChartTimeseries } from '@coinbase/cds-common/types/Chart';
+import type {
+  ChartData,
+  ChartFormatAmount,
+  ChartFormatDate,
+  ChartScrubParams,
+  ChartTimeseries,
+} from '@coinbase/cds-common/types/Chart';
 export * from '@coinbase/cds-common/types/Chart';
 export type SparklineInteractiveBaseProps<Period extends string> = {
-    /**
-     * Chart data bucketed by Period. Period is a string key
-     */
-    data?: Record<Period, ChartData>;
-    /**
-     * A list of periods that the chart will use. label is what is shown in the bottom of the chart and the value is the key.
-     */
-    periods: {
-        label: string;
-        value: Period;
-    }[];
-    /**
-     * default period value that the chart will use
-     */
-    defaultPeriod: Period;
-    /**
-     * Callback when the user selects a new period.
-     */
-    onPeriodChanged?: (period: Period) => void;
-    /**
-     * Callback when the user starts scrubbing
-     */
-    onScrubStart?: () => void;
-    /**
-     * Callback when a user finishes scrubbing
-     */
-    onScrubEnd?: () => void;
-    /**
-     * Callback used when the user is scrubbing. This will be called for every data point change.
-     */
-    onScrub?: (params: ChartScrubParams<Period>) => void;
-    /**
-     * Disables the scrub user interaction from the chart
-     *
-     * @default false
-     */
-    disableScrubbing?: boolean;
-    /**
-     * function used to format the date that is shown in the bottom of the chart as the user scrubs
-     */
-    formatDate: ChartFormatDate<Period>;
-    /**
-     * Color of the line*
-     */
-    strokeColor: string;
-    /**
-     * Fallback shown in the chart when data is not available. This is usually a loading state.
-     */
-    fallback?: React.ReactNode;
-    /**
-     * If you use the default fallback then this specifies if the fallback line is decreasing or increasing
-     */
-    fallbackType?: 'positive' | 'negative';
-    /**
-     * Show the chart in compact height
-     *
-     * @default false
-     */
-    compact?: boolean;
-    /**
-     * Hides the period selector at the bottom of the chart
-     *
-     * @default false
-     */
-    hidePeriodSelector?: boolean;
-    /**
-     * Adds an area fill to the Sparkline
-     *
-     * @default true
-     */
-    fill?: boolean;
-    /**
+  /**
+   * Type of fill to use for the area
+   * @default 'gradient'
+   */
+  fillType?: 'dotted' | 'gradient';
+  /**
+   * Chart data bucketed by Period. Period is a string key
+   */
+  data?: Record<Period, ChartData>;
+  /**
+   * A list of periods that the chart will use. label is what is shown in the bottom of the chart and the value is the key.
+   */
+  periods: {
+    label: string;
+    value: Period;
+  }[];
+  /**
+   * default period value that the chart will use
+   */
+  defaultPeriod: Period;
+  /**
+   * Callback when the user selects a new period.
+   */
+  onPeriodChanged?: (period: Period) => void;
+  /**
+   * Callback when the user starts scrubbing
+   */
+  onScrubStart?: () => void;
+  /**
+   * Callback when a user finishes scrubbing
+   */
+  onScrubEnd?: () => void;
+  /**
+   * Callback used when the user is scrubbing. This will be called for every data point change.
+   */
+  onScrub?: (params: ChartScrubParams<Period>) => void;
+  /**
+   * Disables the scrub user interaction from the chart
+   *
+   * @default false
+   */
+  disableScrubbing?: boolean;
+  /**
+   * function used to format the date that is shown in the bottom of the chart as the user scrubs
+   */
+  formatDate: ChartFormatDate<Period>;
+  /**
+   * Color of the line*
+   */
+  strokeColor: string;
+  /**
+   * Fallback shown in the chart when data is not available. This is usually a loading state.
+   */
+  fallback?: React.ReactNode;
+  /**
+   * If you use the default fallback then this specifies if the fallback line is decreasing or increasing
+   */
+  fallbackType?: 'positive' | 'negative';
+  /**
+   * Show the chart in compact height
+   *
+   * @default false
+   */
+  compact?: boolean;
+  /**
+   * Hides the period selector at the bottom of the chart
+   *
+   * @default false
+   */
+  hidePeriodSelector?: boolean;
+  /**
+   * Adds an area fill to the Sparkline
+   *
+   * @default true
+   */
+  fill?: boolean;
+  /**
      Formats the date above the chart as you scrub. Omit this if you don't want to show the date as the user scrubs
      */
-    formatHoverDate?: (date: Date, period: Period) => string;
-    /**
+  formatHoverDate?: (date: Date, period: Period) => string;
+  /**
      Formats the price above the chart as you scrub. Omit this if you don't want to show the price as the user scrubs
      */
-    formatHoverPrice?: (price: number) => string;
-    /**
-     * Adds a header node above the chart. It will be placed next to the period selector on web.
-     */
-    headerNode?: React.ReactNode;
-    /**
-     *  Optional data to show on hover/scrub instead of the original sparkline. This allows multiple timeseries lines.
-     *
-     *  Period => timeseries list
-     */
-    hoverData?: Record<Period, ChartTimeseries[]>;
-    /**
-     * Optional gutter to add to the Period selector. This is useful if you choose to use the full screen width for the chart
-     */
-    timePeriodGutter?: ThemeVars.Space;
-    /**
-     * Optional placement prop that position the period selector component above or below the chart
-     */
-    periodSelectorPlacement?: Extract<Placement, 'above' | 'below'>;
-    /** Scales the sparkline to show more or less variance. Use a number less than 1 for less variance and a number greater than 1 for more variance. If you use a number greater than 1 it may clip the boundaries of the sparkline. */
-    yAxisScalingFactor?: number;
+  formatHoverPrice?: (price: number) => string;
+  /**
+   * Adds a header node above the chart. It will be placed next to the period selector on web.
+   */
+  headerNode?: React.ReactNode;
+  /**
+   *  Optional data to show on hover/scrub instead of the original sparkline. This allows multiple timeseries lines.
+   *
+   *  Period => timeseries list
+   */
+  hoverData?: Record<Period, ChartTimeseries[]>;
+  /**
+   * Optional gutter to add to the Period selector. This is useful if you choose to use the full screen width for the chart
+   */
+  timePeriodGutter?: ThemeVars.Space;
+  /**
+   * Optional placement prop that position the period selector component above or below the chart
+   */
+  periodSelectorPlacement?: Extract<Placement, 'above' | 'below'>;
+  /** Scales the sparkline to show more or less variance. Use a number less than 1 for less variance and a number greater than 1 for more variance. If you use a number greater than 1 it may clip the boundaries of the sparkline. */
+  yAxisScalingFactor?: number;
 };
-export type SparklineInteractiveDefaultFallback = Pick<SparklineInteractiveBaseProps<string>, 'fallbackType' | 'compact'>;
+export type SparklineInteractiveDefaultFallback = Pick<
+  SparklineInteractiveBaseProps<string>,
+  'fallbackType' | 'compact'
+>;
 export type SparklineInteractiveHoverDateRefProps<Period extends string> = {
-    update: (params: ChartScrubParams<Period>) => void;
+  update: (params: ChartScrubParams<Period>) => void;
 };
-export type SparklineInteractiveProps<Period extends string> = SparklineInteractiveBaseProps<Period> & {
+export type SparklineInteractiveProps<Period extends string> =
+  SparklineInteractiveBaseProps<Period> & {
     /**
      * Hides the min and max label
      *
@@ -145,18 +160,25 @@ export type SparklineInteractiveProps<Period extends string> = SparklineInteract
      * Custom styles for the component.
      */
     styles?: {
-        /**
-         * Custom style for the header node.
-         */
-        header?: StyleProp<ViewStyle>;
-        /**
-         * Custom style for the root element.
-         */
-        root?: StyleProp<ViewStyle>;
+      /**
+       * Custom style for the header node.
+       */
+      header?: StyleProp<ViewStyle>;
+      /**
+       * Custom style for the root element.
+       */
+      root?: StyleProp<ViewStyle>;
     };
     /** Test ID for the header */
     headerTestID?: string;
-};
-declare function SparklineInteractiveWithGeneric<Period extends string>({ compact, gutter, ...props }: SparklineInteractiveProps<Period>): import("react/jsx-runtime").JSX.Element;
+  };
+declare function SparklineInteractiveWithGeneric<Period extends string>({
+  compact,
+  gutter,
+  ...props
+}: SparklineInteractiveProps<Period>): import('react/jsx-runtime').JSX.Element;
+/**
+ * @deprecated Use LineChart instead.
+ */
 export declare const SparklineInteractive: typeof SparklineInteractiveWithGeneric;
-//# sourceMappingURL=SparklineInteractive.d.ts.map
+//# sourceMappingURL=SparklineInteractive.d.ts.map

package/dts/sparkline/sparkline-interactive/SparklineInteractive.d.ts.map

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

package/dts/sparkline/sparkline-interactive/SparklineInteractiveAnimatedPath.d.ts

@@ -1,12 +1,25 @@
 import React from 'react';
+import { type SparklineFillType } from '../Sparkline';
 export type SparklineInteractiveAnimatedPathProps = {
-    d: string;
-    color: string;
-    area?: string;
-    selectedPeriod: string;
-    yAxisScalingFactor?: number;
-    initialPath?: string;
-    initialArea?: string;
+  d: string;
+  color: string;
+  area?: string;
+  selectedPeriod: string;
+  fillType?: SparklineFillType;
+  yAxisScalingFactor?: number;
+  initialPath?: string;
+  initialArea?: string;
 };
-export declare const SparklineInteractiveAnimatedPath: React.MemoExoticComponent<({ d, color, selectedPeriod, area, yAxisScalingFactor, initialPath, initialArea, }: SparklineInteractiveAnimatedPathProps) => import("react/jsx-runtime").JSX.Element>;
-//# sourceMappingURL=SparklineInteractiveAnimatedPath.d.ts.map
+export declare const SparklineInteractiveAnimatedPath: React.MemoExoticComponent<
+  ({
+    d,
+    color,
+    selectedPeriod,
+    area,
+    fillType,
+    yAxisScalingFactor,
+    initialPath,
+    initialArea,
+  }: SparklineInteractiveAnimatedPathProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=SparklineInteractiveAnimatedPath.d.ts.map

package/dts/sparkline/sparkline-interactive/SparklineInteractiveAnimatedPath.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SparklineInteractiveAnimatedPath.d.ts","sourceRoot":"","sources":["../../../src/sparkline/sparkline-interactive/SparklineInteractiveAnimatedPath.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwD,MAAM,OAAO,CAAC;AAY7E,MAAM,MAAM,qCAAqC,GAAG;IAClD,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,gCAAgC,gHASxC,qCAAqC,6CAgHzC,CAAC"}
+{"version":3,"file":"SparklineInteractiveAnimatedPath.d.ts","sourceRoot":"","sources":["../../../src/sparkline/sparkline-interactive/SparklineInteractiveAnimatedPath.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwD,MAAM,OAAO,CAAC;AAK7E,OAAO,EAAa,KAAK,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAOjE,MAAM,MAAM,qCAAqC,GAAG;IAClD,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,gCAAgC,0HAUxC,qCAAqC,6CAkHzC,CAAC"}

package/dts/sparkline/sparkline-interactive/SparklineInteractiveHoverDate.d.ts

@@ -2,16 +2,27 @@ import React from 'react';
 import { Animated } from 'react-native';
 import type { ChartScrubParams } from '@coinbase/cds-common/types/Chart';
 import type { SparklineInteractiveBaseProps } from './SparklineInteractive';
-type Props<Period extends string> = Pick<SparklineInteractiveBaseProps<Period>, 'formatHoverDate'> & {
-    shouldTakeUpHeight: boolean;
+type Props<Period extends string> = Pick<
+  SparklineInteractiveBaseProps<Period>,
+  'formatHoverDate'
+> & {
+  shouldTakeUpHeight: boolean;
 };
-export declare function setTransform(x: number, elWidth: number, containerWidth: number, transform: Animated.ValueXY, gutter: number): void;
+export declare function setTransform(
+  x: number,
+  elWidth: number,
+  containerWidth: number,
+  transform: Animated.ValueXY,
+  gutter: number,
+): void;
 export type SparklineInteractiveHoverDateRefProps<Period extends string> = {
-    update: (params: ChartScrubParams<Period>) => void;
+  update: (params: ChartScrubParams<Period>) => void;
 };
-type ForwardRefWithPeriod<Period extends string> = React.ForwardRefExoticComponent<Props<Period> & {
+type ForwardRefWithPeriod<Period extends string> = React.ForwardRefExoticComponent<
+  Props<Period> & {
     ref?: React.Ref<SparklineInteractiveHoverDateRefProps<Period>>;
-}>;
+  }
+>;
 export declare const SparklineInteractiveHoverDate: ForwardRefWithPeriod<any>;
 export {};
-//# sourceMappingURL=SparklineInteractiveHoverDate.d.ts.map
+//# sourceMappingURL=SparklineInteractiveHoverDate.d.ts.map

package/dts/sparkline/sparkline-interactive/SparklineInteractiveLineVertical.d.ts

@@ -1,8 +1,13 @@
 import React from 'react';
 type SparklineInteractiveLineVerticalMobileProps = {
-    color: string;
-    showHoverDate: boolean;
+  color: string;
+  showHoverDate: boolean;
 };
-export declare const SparklineInteractiveLineVertical: React.MemoExoticComponent<({ color, showHoverDate }: SparklineInteractiveLineVerticalMobileProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const SparklineInteractiveLineVertical: React.MemoExoticComponent<
+  ({
+    color,
+    showHoverDate,
+  }: SparklineInteractiveLineVerticalMobileProps) => import('react/jsx-runtime').JSX.Element
+>;
 export {};
-//# sourceMappingURL=SparklineInteractiveLineVertical.d.ts.map
+//# sourceMappingURL=SparklineInteractiveLineVertical.d.ts.map

package/dts/sparkline/sparkline-interactive/SparklineInteractiveMarkerDates.d.ts

@@ -1,12 +1,17 @@
 import type { ThemeVars } from '@coinbase/cds-common/core/theme';
 import type { ChartFormatDate, ChartGetMarker } from './SparklineInteractive';
 export type SparklineInteractiveMarkerDatesProps<Period extends string> = {
-    getMarker: ChartGetMarker;
-    formatDate: ChartFormatDate<Period>;
-    selectedPeriod: Period;
-    timePeriodGutter?: ThemeVars.Space;
+  getMarker: ChartGetMarker;
+  formatDate: ChartFormatDate<Period>;
+  selectedPeriod: Period;
+  timePeriodGutter?: ThemeVars.Space;
 };
-declare function SparklineInteractiveMarkerDatesWithGeneric<Period extends string>({ formatDate, selectedPeriod, getMarker, timePeriodGutter, }: SparklineInteractiveMarkerDatesProps<Period>): import("react/jsx-runtime").JSX.Element;
+declare function SparklineInteractiveMarkerDatesWithGeneric<Period extends string>({
+  formatDate,
+  selectedPeriod,
+  getMarker,
+  timePeriodGutter,
+}: SparklineInteractiveMarkerDatesProps<Period>): import('react/jsx-runtime').JSX.Element;
 export declare const SparklineInteractiveMarkerDates: typeof SparklineInteractiveMarkerDatesWithGeneric;
 export {};
-//# sourceMappingURL=SparklineInteractiveMarkerDates.d.ts.map
+//# sourceMappingURL=SparklineInteractiveMarkerDates.d.ts.map

package/dts/sparkline/sparkline-interactive/SparklineInteractiveMinMax.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
 import type { ChartDataPoint, ChartFormatAmount, ChartXFunction } from '@coinbase/cds-common/types';
 export type SparklineInteractiveMinMaxProps = {
-    dataPoint: ChartDataPoint | undefined;
-    formatMinMaxLabel: ChartFormatAmount;
-    xFunction: ChartXFunction;
+  dataPoint: ChartDataPoint | undefined;
+  formatMinMaxLabel: ChartFormatAmount;
+  xFunction: ChartXFunction;
 };
-export declare const SparklineInteractiveMinMax: React.FunctionComponent<React.PropsWithChildren<SparklineInteractiveMinMaxProps>>;
-//# sourceMappingURL=SparklineInteractiveMinMax.d.ts.map
+export declare const SparklineInteractiveMinMax: React.FunctionComponent<
+  React.PropsWithChildren<SparklineInteractiveMinMaxProps>
+>;
+//# sourceMappingURL=SparklineInteractiveMinMax.d.ts.map

package/dts/sparkline/sparkline-interactive/SparklineInteractivePanGestureHandler.d.ts

@@ -1,14 +1,26 @@
 import React from 'react';
 import type { ChartGetMarker, ChartScrubParams } from '@coinbase/cds-common/types/Chart';
 import { type SparklineInteractiveProps } from './SparklineInteractive';
-export type SparklineInteractivePanGestureHandlerProps<Period extends string> = Pick<SparklineInteractiveProps<Period>, 'allowOverflowGestures'> & {
-    onScrub?: (params: ChartScrubParams<Period>) => void;
-    getMarker: ChartGetMarker;
-    selectedPeriod: Period;
-    onScrubEnd?: () => void;
-    onScrubStart?: () => void;
-    disabled?: boolean;
-    children: React.ReactNode;
+export type SparklineInteractivePanGestureHandlerProps<Period extends string> = Pick<
+  SparklineInteractiveProps<Period>,
+  'allowOverflowGestures'
+> & {
+  onScrub?: (params: ChartScrubParams<Period>) => void;
+  getMarker: ChartGetMarker;
+  selectedPeriod: Period;
+  onScrubEnd?: () => void;
+  onScrubStart?: () => void;
+  disabled?: boolean;
+  children: React.ReactNode;
 };
-export declare const SparklineInteractivePanGestureHandler: <Period extends string>({ onScrubEnd, onScrubStart, onScrub, getMarker, selectedPeriod, children, disabled, allowOverflowGestures, }: SparklineInteractivePanGestureHandlerProps<Period>) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=SparklineInteractivePanGestureHandler.d.ts.map
+export declare const SparklineInteractivePanGestureHandler: <Period extends string>({
+  onScrubEnd,
+  onScrubStart,
+  onScrub,
+  getMarker,
+  selectedPeriod,
+  children,
+  disabled,
+  allowOverflowGestures,
+}: SparklineInteractivePanGestureHandlerProps<Period>) => import('react/jsx-runtime').JSX.Element;
+//# sourceMappingURL=SparklineInteractivePanGestureHandler.d.ts.map

package/dts/sparkline/sparkline-interactive/SparklineInteractivePaths.d.ts

@@ -1,11 +1,25 @@
 import type { SparklineInteractiveBaseProps } from './SparklineInteractive';
-export type SparklineInteractivePathsProps<Period extends string> = Pick<SparklineInteractiveBaseProps<Period>, 'fill' | 'yAxisScalingFactor' | 'strokeColor' | 'hoverData' | 'compact'> & {
-    showHoverData: boolean;
-    path: string;
-    area: string;
-    selectedPeriod: Period;
+export type SparklineInteractivePathsProps<Period extends string> = Pick<
+  SparklineInteractiveBaseProps<Period>,
+  'fill' | 'fillType' | 'yAxisScalingFactor' | 'strokeColor' | 'hoverData' | 'compact'
+> & {
+  showHoverData: boolean;
+  path: string;
+  area: string;
+  selectedPeriod: Period;
 };
-declare function SparklineInteractivePathsWithGeneric<Period extends string>({ showHoverData, fill, path, area, selectedPeriod, yAxisScalingFactor, strokeColor, hoverData, compact, }: SparklineInteractivePathsProps<Period>): import("react/jsx-runtime").JSX.Element;
+declare function SparklineInteractivePathsWithGeneric<Period extends string>({
+  showHoverData,
+  fill,
+  fillType,
+  path,
+  area,
+  selectedPeriod,
+  yAxisScalingFactor,
+  strokeColor,
+  hoverData,
+  compact,
+}: SparklineInteractivePathsProps<Period>): import('react/jsx-runtime').JSX.Element;
 export declare const SparklineInteractivePaths: typeof SparklineInteractivePathsWithGeneric;
 export {};
-//# sourceMappingURL=SparklineInteractivePaths.d.ts.map
+//# sourceMappingURL=SparklineInteractivePaths.d.ts.map

package/dts/sparkline/sparkline-interactive/SparklineInteractivePaths.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SparklineInteractivePaths.d.ts","sourceRoot":"","sources":["../../../src/sparkline/sparkline-interactive/SparklineInteractivePaths.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,wBAAwB,CAAC;AAQ5E,MAAM,MAAM,8BAA8B,CAAC,MAAM,SAAS,MAAM,IAAI,IAAI,CACtE,6BAA6B,CAAC,MAAM,CAAC,EACrC,MAAM,GAAG,oBAAoB,GAAG,aAAa,GAAG,WAAW,GAAG,SAAS,CACxE,GAAG;IACF,aAAa,EAAE,OAAO,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,iBAAS,oCAAoC,CAAC,MAAM,SAAS,MAAM,EAAE,EACnE,aAAa,EACb,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,kBAAkB,EAClB,WAAW,EACX,SAAS,EACT,OAAO,GACR,EAAE,8BAA8B,CAAC,MAAM,CAAC,2CAuCxC;AAED,eAAO,MAAM,yBAAyB,EAEjC,OAAO,oCAAoC,CAAC"}
+{"version":3,"file":"SparklineInteractivePaths.d.ts","sourceRoot":"","sources":["../../../src/sparkline/sparkline-interactive/SparklineInteractivePaths.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,wBAAwB,CAAC;AAQ5E,MAAM,MAAM,8BAA8B,CAAC,MAAM,SAAS,MAAM,IAAI,IAAI,CACtE,6BAA6B,CAAC,MAAM,CAAC,EACrC,MAAM,GAAG,UAAU,GAAG,oBAAoB,GAAG,aAAa,GAAG,WAAW,GAAG,SAAS,CACrF,GAAG;IACF,aAAa,EAAE,OAAO,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,iBAAS,oCAAoC,CAAC,MAAM,SAAS,MAAM,EAAE,EACnE,aAAa,EACb,IAAI,EACJ,QAAqB,EACrB,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,kBAAkB,EAClB,WAAW,EACX,SAAS,EACT,OAAO,GACR,EAAE,8BAA8B,CAAC,MAAM,CAAC,2CA0CxC;AAED,eAAO,MAAM,yBAAyB,EAEjC,OAAO,oCAAoC,CAAC"}

package/dts/sparkline/sparkline-interactive/SparklineInteractivePeriodSelector.d.ts

@@ -1,20 +1,25 @@
 export type SparklineInteractivePeriodSelectorProps<Period extends string> = {
-    selectedPeriod: Period;
-    setSelectedPeriod: (period: Period) => void;
-    periods: {
-        label: string;
-        value: Period;
-    }[];
-    color: string;
+  selectedPeriod: Period;
+  setSelectedPeriod: (period: Period) => void;
+  periods: {
+    label: string;
+    value: Period;
+  }[];
+  color: string;
 };
 export type SparklineInteractivePeriodProps<Period extends string> = {
-    period: {
-        label: string;
-        value: Period;
-    };
-    selectedPeriod: Period;
-    setSelectedPeriod: SparklineInteractivePeriodSelectorProps<Period>['setSelectedPeriod'];
-    color: string;
+  period: {
+    label: string;
+    value: Period;
+  };
+  selectedPeriod: Period;
+  setSelectedPeriod: SparklineInteractivePeriodSelectorProps<Period>['setSelectedPeriod'];
+  color: string;
 };
-export declare const SparklineInteractivePeriodSelector: <Period extends string>({ selectedPeriod, setSelectedPeriod, periods, color, }: SparklineInteractivePeriodSelectorProps<Period>) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=SparklineInteractivePeriodSelector.d.ts.map
+export declare const SparklineInteractivePeriodSelector: <Period extends string>({
+  selectedPeriod,
+  setSelectedPeriod,
+  periods,
+  color,
+}: SparklineInteractivePeriodSelectorProps<Period>) => import('react/jsx-runtime').JSX.Element;
+//# sourceMappingURL=SparklineInteractivePeriodSelector.d.ts.map

package/dts/sparkline/sparkline-interactive/SparklineInteractiveProvider.d.ts

@@ -3,31 +3,37 @@ import { Animated } from 'react-native';
 import type { SharedValue } from 'react-native-reanimated';
 import type { ThemeVars } from '@coinbase/cds-common/core/theme';
 type SparklineInteractiveProviderProps = {
-    children: React.ReactNode;
-    compact?: boolean;
-    gutter?: ThemeVars.Space;
+  children: React.ReactNode;
+  compact?: boolean;
+  gutter?: ThemeVars.Space;
 };
 type SparklineInteractiveContextInterface = {
-    isFallbackVisible: boolean;
-    markerXPosition: SharedValue<number>;
-    markerGestureState: SharedValue<0 | 1>;
-    showFallback: () => void;
-    hideFallback: () => void;
-    chartOpacity: Animated.Value;
-    animateChartIn: Animated.CompositeAnimation;
-    markerOpacity: Animated.Value;
-    animateMarkerIn: Animated.CompositeAnimation;
-    animateMarkerOut: Animated.CompositeAnimation;
-    minMaxOpacity: Animated.Value;
-    animateMinMaxIn: Animated.CompositeAnimation;
-    animateMinxMaxOut: Animated.CompositeAnimation;
-    hoverDateOpacity: Animated.Value;
-    animateHoverDateIn: Animated.CompositeAnimation;
-    animateHoverDateOut: Animated.CompositeAnimation;
-    compact: boolean;
-    gutter: ThemeVars.Space;
+  isFallbackVisible: boolean;
+  markerXPosition: SharedValue<number>;
+  markerGestureState: SharedValue<0 | 1>;
+  showFallback: () => void;
+  hideFallback: () => void;
+  chartOpacity: Animated.Value;
+  animateChartIn: Animated.CompositeAnimation;
+  markerOpacity: Animated.Value;
+  animateMarkerIn: Animated.CompositeAnimation;
+  animateMarkerOut: Animated.CompositeAnimation;
+  minMaxOpacity: Animated.Value;
+  animateMinMaxIn: Animated.CompositeAnimation;
+  animateMinxMaxOut: Animated.CompositeAnimation;
+  hoverDateOpacity: Animated.Value;
+  animateHoverDateIn: Animated.CompositeAnimation;
+  animateHoverDateOut: Animated.CompositeAnimation;
+  compact: boolean;
+  gutter: ThemeVars.Space;
 };
-export declare const SparklineInteractiveProvider: React.MemoExoticComponent<({ children, compact, gutter: propGutter }: SparklineInteractiveProviderProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const SparklineInteractiveProvider: React.MemoExoticComponent<
+  ({
+    children,
+    compact,
+    gutter: propGutter,
+  }: SparklineInteractiveProviderProps) => import('react/jsx-runtime').JSX.Element
+>;
 export declare function useSparklineInteractiveContext(): SparklineInteractiveContextInterface;
 export {};
-//# sourceMappingURL=SparklineInteractiveProvider.d.ts.map
+//# sourceMappingURL=SparklineInteractiveProvider.d.ts.map