@coinbase/cds-web-visualization 3.3.0 → 3.4.0-beta.1

package/dts/sparkline/SparklineGradient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SparklineGradient.d.ts","sourceRoot":"","sources":["../../src/sparkline/SparklineGradient.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAUxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGxD,eAAO,MAAM,iBAAiB;;;;;;;;2CA+C7B,CAAC"}
+{"version":3,"file":"SparklineGradient.d.ts","sourceRoot":"","sources":["../../src/sparkline/SparklineGradient.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAIhD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAExD;;GAEG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;2CAoB7B,CAAC"}

package/dts/sparkline/SparklinePath.d.ts

@@ -1,10 +1,12 @@
 import React from 'react';
 export type SparklinePathRef = SVGPathElement | null;
 export type SparklinePathBaseProps = {
-    /** The svg string path that is generate via useSparklinePath */
-    path?: string;
-    /** Color of the stroke for the path. */
-    stroke: string;
+  /** The svg string path that is generate via useSparklinePath */
+  path?: string;
+  /** Color of the stroke for the path. */
+  stroke: string;
 };
-export declare const SparklinePath: React.MemoExoticComponent<React.ForwardRefExoticComponent<SparklinePathBaseProps & React.RefAttributes<SparklinePathRef>>>;
-//# sourceMappingURL=SparklinePath.d.ts.map
+export declare const SparklinePath: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<SparklinePathBaseProps & React.RefAttributes<SparklinePathRef>>
+>;
+//# sourceMappingURL=SparklinePath.d.ts.map

package/dts/sparkline/__figma__/Sparkline.figma.d.ts

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

package/dts/sparkline/generateSparklineWithId.d.ts

@@ -1,5 +1,11 @@
 import type React from 'react';
 import type { ElementChildren } from '@coinbase/cds-common/types';
 import type { SparklineAreaBaseProps } from './SparklineArea';
-export declare function generateSparklineAreaWithId(id: string, children: ElementChildren<SparklineAreaBaseProps>): React.ReactElement<SparklineAreaBaseProps, string | React.JSXElementConstructor<any>> | undefined;
-//# sourceMappingURL=generateSparklineWithId.d.ts.map
+export declare function generateSparklineAreaWithId(
+  id: string,
+  children: ElementChildren<SparklineAreaBaseProps>,
+  maskId?: string,
+):
+  | React.ReactElement<SparklineAreaBaseProps, string | React.JSXElementConstructor<any>>
+  | undefined;
+//# sourceMappingURL=generateSparklineWithId.d.ts.map

package/dts/sparkline/generateSparklineWithId.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generateSparklineWithId.d.ts","sourceRoot":"","sources":["../../src/sparkline/generateSparklineWithId.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAElE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAE9D,wBAAgB,2BAA2B,CACzC,EAAE,EAAE,MAAM,EACV,QAAQ,EAAE,eAAe,CAAC,sBAAsB,CAAC,qGAOlD"}
+{"version":3,"file":"generateSparklineWithId.d.ts","sourceRoot":"","sources":["../../src/sparkline/generateSparklineWithId.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAElE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAE9D,wBAAgB,2BAA2B,CACzC,EAAE,EAAE,MAAM,EACV,QAAQ,EAAE,eAAe,CAAC,sBAAsB,CAAC,EACjD,MAAM,CAAC,EAAE,MAAM,qGAQhB"}

package/dts/sparkline/index.d.ts

@@ -3,4 +3,4 @@ export * from './sparkline-interactive/SparklineInteractive';
 export * from './sparkline-interactive-header/SparklineInteractiveHeader';
 export * from './SparklineArea';
 export * from './SparklineGradient';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

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

@@ -1,9 +1,13 @@
 import React from 'react';
 type InnerSparklineInteractiveProviderProps = {
-    width: number;
-    height: number;
-    children: React.ReactNode;
+  width: number;
+  height: number;
+  children: React.ReactNode;
 };
-export declare const InnerSparklineInteractiveProvider: ({ width, height, children, }: InnerSparklineInteractiveProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InnerSparklineInteractiveProvider: ({
+  width,
+  height,
+  children,
+}: InnerSparklineInteractiveProviderProps) => import('react/jsx-runtime').JSX.Element;
 export {};
-//# sourceMappingURL=InnerSparklineInteractiveProvider.d.ts.map
+//# sourceMappingURL=InnerSparklineInteractiveProvider.d.ts.map

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

@@ -1,110 +1,125 @@
 import React from 'react';
 import type { ThemeVars } from '@coinbase/cds-common/core/theme';
-import type { ChartData, ChartFormatDate, ChartScrubParams, ChartTimeseries, Placement } from '@coinbase/cds-common/types';
+import type {
+  ChartData,
+  ChartFormatDate,
+  ChartScrubParams,
+  ChartTimeseries,
+  Placement,
+} from '@coinbase/cds-common/types';
 export * from '@coinbase/cds-common/types/Chart';
-export type SparklineInteractiveDefaultFallback = Pick<SparklineInteractiveBaseProps<string>, 'fallbackType' | 'compact'>;
+export type SparklineInteractiveDefaultFallback = Pick<
+  SparklineInteractiveBaseProps<string>,
+  'fallbackType' | 'compact'
+>;
 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;
-    /**
+  /**
+   * 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';
+  /**
      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 SparklineInteractiveProps<Period extends string> = SparklineInteractiveBaseProps<Period> & {
+export type SparklineInteractiveProps<Period extends string> =
+  SparklineInteractiveBaseProps<Period> & {
     /**
      * Custom class name for the root element.
      */
@@ -113,14 +128,14 @@ export type SparklineInteractiveProps<Period extends string> = SparklineInteract
      * Custom class names for the component.
      */
     classNames?: {
-        /**
-         * Custom class name for the header node.
-         */
-        header?: string;
-        /**
-         * Custom class name for the root element.
-         */
-        root?: string;
+      /**
+       * Custom class name for the header node.
+       */
+      header?: string;
+      /**
+       * Custom class name for the root element.
+       */
+      root?: string;
     };
     /**
      * Custom styles for the root element.
@@ -130,20 +145,55 @@ export type SparklineInteractiveProps<Period extends string> = SparklineInteract
      * Custom styles for the component.
      */
     styles?: {
-        /**
-         * Custom style for the header node.
-         */
-        header?: React.CSSProperties;
-        /**
-         * Custom style for the root element.
-         */
-        root?: React.CSSProperties;
+      /**
+       * Custom style for the header node.
+       */
+      header?: React.CSSProperties;
+      /**
+       * Custom style for the root element.
+       */
+      root?: React.CSSProperties;
     };
     /** Test ID for the header */
     headerTestID?: string;
-};
-declare function SparklineInteractiveContentWithGeneric<Period extends string>({ data, periods, defaultPeriod, onPeriodChanged, strokeColor, onScrub, onScrubStart, onScrubEnd, formatDate, fallback, hidePeriodSelector, disableScrubbing, fill, yAxisScalingFactor, compact, formatHoverDate, formatHoverPrice, headerNode, fallbackType, timePeriodGutter, hoverData, periodSelectorPlacement, className, classNames, style, styles, headerTestID, }: SparklineInteractiveProps<Period>): import("react/jsx-runtime").JSX.Element;
+  };
+declare function SparklineInteractiveContentWithGeneric<Period extends string>({
+  data,
+  periods,
+  defaultPeriod,
+  onPeriodChanged,
+  strokeColor,
+  onScrub,
+  onScrubStart,
+  onScrubEnd,
+  formatDate,
+  fallback,
+  hidePeriodSelector,
+  disableScrubbing,
+  fill,
+  fillType,
+  yAxisScalingFactor,
+  compact,
+  formatHoverDate,
+  formatHoverPrice,
+  headerNode,
+  fallbackType,
+  timePeriodGutter,
+  hoverData,
+  periodSelectorPlacement,
+  className,
+  classNames,
+  style,
+  styles,
+  headerTestID,
+}: SparklineInteractiveProps<Period>): import('react/jsx-runtime').JSX.Element;
 export declare const SparklineInteractiveContent: typeof SparklineInteractiveContentWithGeneric;
-declare function SparklineInteractiveWithGeneric<Period extends string>({ compact, ...props }: SparklineInteractiveProps<Period>): import("react/jsx-runtime").JSX.Element;
+declare function SparklineInteractiveWithGeneric<Period extends string>({
+  compact,
+  ...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,13 +1,26 @@
 import 'd3-transition';
 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,eAAe,CAAC;AAEvB,OAAO,KAAwD,MAAM,OAAO,CAAC;AAc7E,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,6CA+GzC,CAAC"}
+{"version":3,"file":"SparklineInteractiveAnimatedPath.d.ts","sourceRoot":"","sources":["../../../src/sparkline/sparkline-interactive/SparklineInteractiveAnimatedPath.tsx"],"names":[],"mappings":"AAAA,OAAO,eAAe,CAAC;AAEvB,OAAO,KAAwD,MAAM,OAAO,CAAC;AAM7E,OAAO,EAAa,KAAK,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAQjE,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,6CAiHzC,CAAC"}

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

@@ -1,3 +1,5 @@
 import React from 'react';
-export declare const SparklineInteractiveHoverDate: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
-//# sourceMappingURL=SparklineInteractiveHoverDate.d.ts.map
+export declare const SparklineInteractiveHoverDate: React.MemoExoticComponent<
+  () => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=SparklineInteractiveHoverDate.d.ts.map

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

@@ -1,3 +1,5 @@
 import React from 'react';
-export declare const SparklineInteractiveHoverPrice: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
-//# sourceMappingURL=SparklineInteractiveHoverPrice.d.ts.map
+export declare const SparklineInteractiveHoverPrice: React.MemoExoticComponent<
+  () => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=SparklineInteractiveHoverPrice.d.ts.map

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

@@ -1,6 +1,8 @@
 import React from 'react';
 export type SparklineInteractiveLineVerticalProps = {
-    color: string;
+  color: string;
 };
-export declare const SparklineInteractiveLineVertical: React.MemoExoticComponent<({ color }: SparklineInteractiveLineVerticalProps) => import("react/jsx-runtime").JSX.Element>;
-//# sourceMappingURL=SparklineInteractiveLineVertical.d.ts.map
+export declare const SparklineInteractiveLineVertical: React.MemoExoticComponent<
+  ({ color }: SparklineInteractiveLineVerticalProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# 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/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":"AAIA,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,2CAwCxC;AAED,eAAO,MAAM,yBAAyB,EAEjC,OAAO,oCAAoC,CAAC"}
+{"version":3,"file":"SparklineInteractivePaths.d.ts","sourceRoot":"","sources":["../../../src/sparkline/sparkline-interactive/SparklineInteractivePaths.tsx"],"names":[],"mappings":"AAIA,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,2CA2CxC;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

@@ -1,20 +1,25 @@
 import React from 'react';
 import type { Dispatch, SetStateAction } from 'react';
 type SparklineInteractiveProviderProps = {
-    children: React.ReactNode;
-    compact?: boolean;
+  children: React.ReactNode;
+  compact?: boolean;
 };
 type SparklineInteractiveContextInterface = {
-    isFallbackVisible: boolean;
-    compact: boolean;
-    width: number;
-    height: number;
-    showFallback: () => void;
-    hideFallback: () => void;
-    setWidth: Dispatch<SetStateAction<number>>;
-    setHeight: Dispatch<SetStateAction<number>>;
+  isFallbackVisible: boolean;
+  compact: boolean;
+  width: number;
+  height: number;
+  showFallback: () => void;
+  hideFallback: () => void;
+  setWidth: Dispatch<SetStateAction<number>>;
+  setHeight: Dispatch<SetStateAction<number>>;
 };
-export declare const SparklineInteractiveProvider: React.MemoExoticComponent<({ children, compact }: SparklineInteractiveProviderProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const SparklineInteractiveProvider: React.MemoExoticComponent<
+  ({
+    children,
+    compact,
+  }: SparklineInteractiveProviderProps) => import('react/jsx-runtime').JSX.Element
+>;
 export declare function useSparklineInteractiveContext(): SparklineInteractiveContextInterface;
 export {};
-//# sourceMappingURL=SparklineInteractiveProvider.d.ts.map
+//# sourceMappingURL=SparklineInteractiveProvider.d.ts.map