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

package/esm/sparkline/Sparkline.js

@@ -1,15 +1,20 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { memo, useRef } from 'react';
-import { Defs, G, Path, Svg } from 'react-native-svg';
+import React, { forwardRef, memo, useMemo, useRef } from 'react';
+import { Defs, G, LinearGradient, Mask, Path, Rect, Stop, Svg } from 'react-native-svg';
+import { getAccessibleForegroundGradient } from '@coinbase/cds-common/color/getAccessibleForegroundGradient';
 import { borderWidth } from '@coinbase/cds-common/tokens/sparkline';
 import { getAccessibleColor } from '@coinbase/cds-common/utils/getAccessibleColor';
+import { getSparklineRange } from '@coinbase/cds-common/visualizations/getSparklineRange';
 import { getSparklineTransform } from '@coinbase/cds-common/visualizations/getSparklineTransform';
 import { useTheme } from '@coinbase/cds-mobile/hooks/useTheme';
 import { generateRandomId } from '@coinbase/cds-utils';
 import { generateSparklineAreaWithId } from './generateSparklineWithId';
 import { SparklineAreaPattern } from './SparklineAreaPattern';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const Sparkline = /*#__PURE__*/memo(_ref => {
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * @deprecated Use LineChart instead.
+ */
+export const Sparkline = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     background,
     color,
@@ -17,35 +22,143 @@ export const Sparkline = /*#__PURE__*/memo(_ref => {
     path,
     width,
     yAxisScalingFactor,
-    children
+    children,
+    strokeType = 'solid',
+    fillType = 'dotted'
   } = _ref;
   const theme = useTheme();
   const patternId = useRef(generateRandomId());
-  const stroke = color !== 'auto' ? color : getAccessibleColor({
+  const strokeColor = color !== 'auto' ? color : getAccessibleColor({
     background: background != null ? background : theme.color.bg,
     foreground: 'auto',
     usage: 'graphic'
   });
   const translateProps = getSparklineTransform(width, height, yAxisScalingFactor);
-  const defs = children ? /*#__PURE__*/_jsx(Defs, {
-    children: /*#__PURE__*/_jsx(SparklineAreaPattern, {
-      color: stroke,
-      id: patternId.current
-    })
-  }) : null;
+  const hasChildren = !!children;
+  const useModernFill = fillType === 'gradient' || fillType === 'gradientDotted';
+
+  // Stroke gradient (for strokeType='gradient')
+  const strokeGradient = useMemo(() => {
+    if (strokeType !== 'gradient') return null;
+    return getAccessibleForegroundGradient({
+      background: background != null ? background : theme.color.bg,
+      color,
+      colorScheme: theme.activeColorScheme,
+      usage: 'graphic'
+    });
+  }, [strokeType, background, color, theme]);
+
+  // Calculate gradient coordinates for modern fills
+  const {
+    gradientY1,
+    gradientY2
+  } = useMemo(() => {
+    if (!useModernFill) return {
+      gradientY1: 0,
+      gradientY2: 0
+    };
+    if (!Number.isFinite(yAxisScalingFactor)) {
+      return {
+        gradientY1: 2,
+        gradientY2: height - 2
+      };
+    }
+    const {
+      yRange
+    } = getSparklineRange({
+      height,
+      width,
+      yAxisScalingFactor
+    });
+    const pathHeight = Math.abs(yRange[0] - yRange[1]);
+    const yTranslate = height / 2 - pathHeight / 2;
+    return {
+      gradientY1: yRange[1],
+      gradientY2: height - yTranslate
+    };
+  }, [useModernFill, height, width, yAxisScalingFactor]);
+  const maskGradientId = patternId.current + "-mask-gradient";
+  const maskId = patternId.current + "-mask";
+  const defs = useMemo(() => {
+    if (!strokeGradient && !hasChildren) return null;
+    return /*#__PURE__*/_jsxs(Defs, {
+      children: [strokeGradient && /*#__PURE__*/_jsx(LinearGradient, {
+        id: "gradient",
+        x1: "0%",
+        x2: "100%",
+        y1: "0%",
+        y2: "0%",
+        children: strokeGradient.map((item, i) => /*#__PURE__*/_jsx(Stop, {
+          offset: item.offset,
+          stopColor: item.color
+        }, i + "_" + item))
+      }), hasChildren && fillType === 'dotted' && /*#__PURE__*/_jsx(SparklineAreaPattern, {
+        color: strokeColor,
+        id: patternId.current
+      }), hasChildren && fillType === 'gradient' && /*#__PURE__*/_jsxs(LinearGradient, {
+        gradientUnits: "userSpaceOnUse",
+        id: patternId.current,
+        x1: "0",
+        x2: "0",
+        y1: gradientY1,
+        y2: gradientY2,
+        children: [/*#__PURE__*/_jsx(Stop, {
+          offset: "0%",
+          stopColor: strokeColor,
+          stopOpacity: 0.3
+        }), /*#__PURE__*/_jsx(Stop, {
+          offset: "100%",
+          stopColor: strokeColor,
+          stopOpacity: 0
+        })]
+      }), hasChildren && fillType === 'gradientDotted' && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(SparklineAreaPattern, {
+          color: strokeColor,
+          id: patternId.current,
+          opacity: 1
+        }), /*#__PURE__*/_jsxs(LinearGradient, {
+          gradientUnits: "userSpaceOnUse",
+          id: maskGradientId,
+          x1: "0",
+          x2: "0",
+          y1: gradientY1,
+          y2: gradientY2,
+          children: [/*#__PURE__*/_jsx(Stop, {
+            offset: "0%",
+            stopColor: "white",
+            stopOpacity: 1
+          }), /*#__PURE__*/_jsx(Stop, {
+            offset: "100%",
+            stopColor: "white",
+            stopOpacity: 0
+          })]
+        }), /*#__PURE__*/_jsx(Mask, {
+          id: maskId,
+          children: /*#__PURE__*/_jsx(Rect, {
+            fill: "url(#" + maskGradientId + ")",
+            height: height,
+            width: width
+          })
+        })]
+      })]
+    });
+  }, [strokeGradient, hasChildren, fillType, strokeColor, gradientY1, gradientY2, height, width, maskGradientId, maskId]);
+  const stroke = strokeType === 'gradient' ? 'url(#gradient)' : strokeColor;
+  const shouldPlaceDefsInside = useModernFill;
   return /*#__PURE__*/_jsxs(Svg, {
     fill: "none",
     height: height,
     width: width,
-    children: [defs, /*#__PURE__*/_jsxs(G, _extends({}, translateProps, {
-      children: [/*#__PURE__*/_jsx(Path, {
+    children: [!shouldPlaceDefsInside && defs, /*#__PURE__*/_jsxs(G, _extends({}, translateProps, {
+      children: [shouldPlaceDefsInside && defs, /*#__PURE__*/_jsx(Path, {
+        ref: ref,
         d: path,
         stroke: stroke,
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: borderWidth
-      }), generateSparklineAreaWithId(patternId.current, children)]
+      }), generateSparklineAreaWithId(patternId.current, children, fillType === 'gradientDotted' ? maskId : undefined)]
     }))]
   });
-});
+}));
 Sparkline.displayName = 'Sparkline';

package/esm/sparkline/SparklineArea.js

@@ -1,14 +1,19 @@
 import React, { forwardRef, memo } from 'react';
 import { Path } from 'react-native-svg';
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @deprecated Use AreaChart instead.
+ */
 export const SparklineArea = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     area,
-    patternId
+    patternId,
+    maskId
   } = _ref;
   return /*#__PURE__*/_jsx(Path, {
     ref: ref,
     d: area,
-    fill: "url(#" + patternId + ")"
+    fill: "url(#" + patternId + ")",
+    mask: maskId ? "url(#" + maskId + ")" : undefined
   });
 }));

package/esm/sparkline/SparklineAreaPattern.js

@@ -6,12 +6,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const SparklineAreaPattern = _ref => {
   let {
     color,
-    id
+    id,
+    opacity
   } = _ref;
   const {
     activeColorScheme
   } = useTheme();
-  const fillOpacity = useSparklineAreaOpacity(activeColorScheme);
+  const themeOpacity = useSparklineAreaOpacity(activeColorScheme);
+  const fillOpacity = opacity != null ? opacity : themeOpacity;
   return /*#__PURE__*/_jsx(Pattern, {
     height: "4",
     id: id,

package/esm/sparkline/SparklineGradient.js

@@ -9,6 +9,10 @@ import { useTheme } from '@coinbase/cds-mobile/hooks/useTheme';
 import { generateRandomId } from '@coinbase/cds-utils';
 import { generateSparklineAreaWithId } from './generateSparklineWithId';
 import { SparklineAreaPattern } from './SparklineAreaPattern';
+
+/**
+ * @deprecated Use LineChart instead.
+ */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const SparklineGradient = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref, ref) => {
   let {

package/esm/sparkline/generateSparklineWithId.js

@@ -1,6 +1,7 @@
 import { cloneElement } from 'react';
-export function generateSparklineAreaWithId(id, children) {
+export function generateSparklineAreaWithId(id, children, maskId) {
   return children ? /*#__PURE__*/cloneElement(children, {
-    patternId: id
+    patternId: id,
+    maskId
   }) : undefined;
 }

package/esm/sparkline/sparkline-interactive/SparklineInteractive.js

@@ -97,6 +97,7 @@ function SparklineInteractiveContentWithGeneric(_ref3) {
     hidePeriodSelector = false,
     disableScrubbing = false,
     fill = true,
+    fillType = 'gradient',
     yAxisScalingFactor = 1.0,
     formatHoverDate,
     headerNode,
@@ -260,6 +261,7 @@ function SparklineInteractiveContentWithGeneric(_ref3) {
               area: area,
               compact: compact,
               fill: fill,
+              fillType: fillType,
               hoverData: hoverData,
               path: path,
               selectedPeriod: selectedPeriod,
@@ -299,5 +301,7 @@ function SparklineInteractiveWithGeneric(_ref4) {
   });
 }
 
-// typescript doesn't understand the memo with the generic so it gets casted to a base react component
+/**
+ * @deprecated Use LineChart instead.
+ */
 export const SparklineInteractive = /*#__PURE__*/memo(SparklineInteractiveWithGeneric);

package/esm/sparkline/sparkline-interactive/SparklineInteractiveAnimatedPath.js

@@ -1,8 +1,8 @@
 import React, { memo, useCallback, useEffect, useMemo, useRef } from 'react';
 import { useValueChanges } from '@coinbase/cds-common/hooks/useValueChanges';
 import * as interpolate from 'd3-interpolate-path';
+import { Sparkline } from '../Sparkline';
 import { SparklineArea } from '../SparklineArea';
-import { SparklineGradient } from '../SparklineGradient';
 import { useSparklineInteractiveContext } from './SparklineInteractiveProvider';
 import { useInterruptiblePathAnimation } from './useInterruptiblePathAnimation';
 import { useSparklineInteractiveConstants } from './useSparklineInteractiveConstants';
@@ -13,6 +13,7 @@ export const SparklineInteractiveAnimatedPath = /*#__PURE__*/memo(_ref => {
     color,
     selectedPeriod,
     area,
+    fillType = 'gradient',
     yAxisScalingFactor,
     initialPath,
     initialArea
@@ -98,11 +99,13 @@ export const SparklineInteractiveAnimatedPath = /*#__PURE__*/memo(_ref => {
   } = useSparklineInteractiveConstants({
     compact
   });
-  return /*#__PURE__*/_jsx(SparklineGradient, {
+  return /*#__PURE__*/_jsx(Sparkline, {
     ref: pathRef,
     color: color,
+    fillType: fillType,
     height: chartHeight,
     path: initialPath,
+    strokeType: "solid",
     width: chartWidth,
     yAxisScalingFactor: yAxisScalingFactor,
     children: !!area && /*#__PURE__*/_jsx(SparklineArea, {

package/esm/sparkline/sparkline-interactive/SparklineInteractivePaths.js

@@ -7,6 +7,7 @@ function SparklineInteractivePathsWithGeneric(_ref) {
   let {
     showHoverData,
     fill,
+    fillType = 'gradient',
     path,
     area,
     selectedPeriod,
@@ -15,6 +16,8 @@ function SparklineInteractivePathsWithGeneric(_ref) {
     hoverData,
     compact
   } = _ref;
+  // Map 'dotted' to 'gradientDotted' for Sparkline
+  const sparklineFillType = fillType === 'dotted' ? 'gradientDotted' : 'gradient';
   const hoverPathRef = useRef(undefined);
   const hoverAreaRef = useRef(undefined);
   const shouldShowFill = !!fill;
@@ -37,6 +40,7 @@ function SparklineInteractivePathsWithGeneric(_ref) {
       area: shouldShowFill ? area : undefined,
       color: strokeColor,
       d: path,
+      fillType: sparklineFillType,
       initialArea: hoverAreaRef.current,
       initialPath: hoverPathRef.current,
       selectedPeriod: selectedPeriod,

package/esm/sparkline/sparkline-interactive/__stories__/SparklineInteractive.stories.js

@@ -468,6 +468,33 @@ const SparklineInteractiveScreen = () => {
           }
         })]
       })
+    }), /*#__PURE__*/_jsx(Example, {
+      padding: 0,
+      children: /*#__PURE__*/_jsxs(Box, {
+        children: [/*#__PURE__*/_jsx(TextTitle3, {
+          paddingX: 3,
+          paddingY: 3,
+          children: "Dotted Fill Type"
+        }), /*#__PURE__*/_jsx(SparklineInteractiveBuild, {
+          data: sparklineInteractiveData,
+          fillType: "dotted",
+          strokeColor: strokeColor
+        })]
+      })
+    }), /*#__PURE__*/_jsx(Example, {
+      padding: 0,
+      children: /*#__PURE__*/_jsxs(Box, {
+        children: [/*#__PURE__*/_jsx(TextTitle3, {
+          paddingX: 3,
+          paddingY: 3,
+          children: "Y Scale Custom"
+        }), /*#__PURE__*/_jsx(SparklineInteractiveBuild, {
+          data: sparklineInteractiveData,
+          fillType: "dotted",
+          strokeColor: strokeColor,
+          yAxisScalingFactor: 0.1
+        })]
+      })
     })]
   });
 };

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@coinbase/cds-mobile-visualization",
-  "version": "3.3.0",
+  "version": "3.4.0-beta.2",
   "description": "Coinbase Design System - Mobile Visualization Native",
   "repository": {
     "type": "git",
-    "url": "git@github.com:coinbase/cds-staging.git",
+    "url": "git@github.com:coinbase/cds.git",
     "directory": "packages/mobile-visualization"
   },
   "type": "module",
@@ -32,10 +32,10 @@
     "CHANGELOG"
   ],
   "peerDependencies": {
-    "@coinbase/cds-common": "workspace:^",
-    "@coinbase/cds-lottie-files": "workspace:^",
-    "@coinbase/cds-mobile": "workspace:^",
-    "@coinbase/cds-utils": "workspace:^",
+    "@coinbase/cds-common": "^8.14.0",
+    "@coinbase/cds-lottie-files": "^3.3.2",
+    "@coinbase/cds-mobile": "^8.14.0",
+    "@coinbase/cds-utils": "^2.3.3",
     "react": "^18.3.1",
     "react-native": "^0.74.5",
     "react-native-gesture-handler": "^2.16.2",
@@ -52,10 +52,10 @@
     "@babel/preset-env": "^7.28.0",
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
-    "@coinbase/cds-common": "workspace:^",
-    "@coinbase/cds-lottie-files": "workspace:^",
-    "@coinbase/cds-mobile": "workspace:^",
-    "@coinbase/cds-utils": "workspace:^",
+    "@coinbase/cds-common": "^8.14.0",
+    "@coinbase/cds-lottie-files": "^3.3.2",
+    "@coinbase/cds-mobile": "^8.14.0",
+    "@coinbase/cds-utils": "^2.3.3",
     "@figma/code-connect": "^1.3.4",
     "@types/react": "^18.3.12",
     "react-native-gesture-handler": "2.16.2",
@@ -64,4 +64,4 @@
     "react-native-svg": "14.1.0",
     "react-test-renderer": "^18.3.1"
   }
-}
+}

package/dts/sparkline/__stories__/Sparkline.stories.d.ts

@@ -1,3 +0,0 @@
-declare const PressableOpacityScreen: () => import("react/jsx-runtime").JSX.Element;
-export default PressableOpacityScreen;
-//# sourceMappingURL=Sparkline.stories.d.ts.map

package/dts/sparkline/__stories__/Sparkline.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Sparkline.stories.d.ts","sourceRoot":"","sources":["../../../src/sparkline/__stories__/Sparkline.stories.tsx"],"names":[],"mappings":"AAgGA,QAAA,MAAM,sBAAsB,+CAwB3B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dts/sparkline/__stories__/SparklineGradient.stories.d.ts

@@ -1,3 +0,0 @@
-declare const PressableOpacityScreen: () => import("react/jsx-runtime").JSX.Element;
-export default PressableOpacityScreen;
-//# sourceMappingURL=SparklineGradient.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SparklineGradient.stories.d.ts","sourceRoot":"","sources":["../../../src/sparkline/__stories__/SparklineGradient.stories.tsx"],"names":[],"mappings":"AA6FA,QAAA,MAAM,sBAAsB,+CA+B3B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

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

@@ -1,3 +0,0 @@
-declare const SparklineInteractiveScreen: () => import("react/jsx-runtime").JSX.Element;
-export default SparklineInteractiveScreen;
-//# sourceMappingURL=SparklineInteractive.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SparklineInteractive.stories.d.ts","sourceRoot":"","sources":["../../../../src/sparkline/sparkline-interactive/__stories__/SparklineInteractive.stories.tsx"],"names":[],"mappings":"AAsPA,QAAA,MAAM,0BAA0B,+CAqQ/B,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"SparklineInteractive.test.d.ts","sourceRoot":"","sources":["../../../../src/sparkline/sparkline-interactive/__tests__/SparklineInteractive.test.tsx"],"names":[],"mappings":""}

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

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

package/dts/sparkline/sparkline-interactive/__tests__/SparklineInteractiveHoverDate.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SparklineInteractiveHoverDate.test.d.ts","sourceRoot":"","sources":["../../../../src/sparkline/sparkline-interactive/__tests__/SparklineInteractiveHoverDate.test.tsx"],"names":[],"mappings":""}

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

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

package/dts/sparkline/sparkline-interactive/__tests__/SparklineInteractivePanGestureHandler.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SparklineInteractivePanGestureHandler.test.d.ts","sourceRoot":"","sources":["../../../../src/sparkline/sparkline-interactive/__tests__/SparklineInteractivePanGestureHandler.test.tsx"],"names":[],"mappings":""}

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

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

package/dts/sparkline/sparkline-interactive/__tests__/SparklineInteractivePeriodSelector.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SparklineInteractivePeriodSelector.test.d.ts","sourceRoot":"","sources":["../../../../src/sparkline/sparkline-interactive/__tests__/SparklineInteractivePeriodSelector.test.tsx"],"names":[],"mappings":""}

package/dts/sparkline/sparkline-interactive/__tests__/SparklineInteractiveTimeseriesPaths.test.d.ts

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

package/dts/sparkline/sparkline-interactive/__tests__/SparklineInteractiveTimeseriesPaths.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SparklineInteractiveTimeseriesPaths.test.d.ts","sourceRoot":"","sources":["../../../../src/sparkline/sparkline-interactive/__tests__/SparklineInteractiveTimeseriesPaths.test.tsx"],"names":[],"mappings":""}

package/dts/sparkline/sparkline-interactive/__tests__/useMinMaxTransform.test.d.ts

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

package/dts/sparkline/sparkline-interactive/__tests__/useMinMaxTransform.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMinMaxTransform.test.d.ts","sourceRoot":"","sources":["../../../../src/sparkline/sparkline-interactive/__tests__/useMinMaxTransform.test.ts"],"names":[],"mappings":""}

package/dts/sparkline/sparkline-interactive/useInterruptiblePathAnimation.test.disable.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=useInterruptiblePathAnimation.test.disable.d.ts.map

package/dts/sparkline/sparkline-interactive/useInterruptiblePathAnimation.test.disable.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useInterruptiblePathAnimation.test.disable.d.ts","sourceRoot":"","sources":["../../../src/sparkline/sparkline-interactive/useInterruptiblePathAnimation.test.disable.ts"],"names":[],"mappings":""}

package/dts/sparkline/sparkline-interactive-header/__stories__/SparklineInteractiveHeader.stories.d.ts

@@ -1,4 +0,0 @@
-export declare const SparklineInteractiveHeaderWithCustomTitle: () => import("react/jsx-runtime").JSX.Element;
-declare const SparklineInteractiveHeaderScreen: () => import("react/jsx-runtime").JSX.Element;
-export default SparklineInteractiveHeaderScreen;
-//# sourceMappingURL=SparklineInteractiveHeader.stories.d.ts.map

package/dts/sparkline/sparkline-interactive-header/__stories__/SparklineInteractiveHeader.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SparklineInteractiveHeader.stories.d.ts","sourceRoot":"","sources":["../../../../src/sparkline/sparkline-interactive-header/__stories__/SparklineInteractiveHeader.stories.tsx"],"names":[],"mappings":"AA8aA,eAAO,MAAM,yCAAyC,+CAuFrD,CAAC;AAEF,QAAA,MAAM,gCAAgC,+CA2FrC,CAAC;AAEF,eAAe,gCAAgC,CAAC"}

package/dts/sparkline/sparkline-interactive-header/__tests__/SparklineInteractiveHeader.test.d.ts

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

package/dts/sparkline/sparkline-interactive-header/__tests__/SparklineInteractiveHeader.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SparklineInteractiveHeader.test.d.ts","sourceRoot":"","sources":["../../../../src/sparkline/sparkline-interactive-header/__tests__/SparklineInteractiveHeader.test.tsx"],"names":[],"mappings":""}

package/dts/sparkline/sparkline-interactive-header/__tests__/useSparklineInteractiveHeaderStyles.test.d.ts

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

package/dts/sparkline/sparkline-interactive-header/__tests__/useSparklineInteractiveHeaderStyles.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSparklineInteractiveHeaderStyles.test.d.ts","sourceRoot":"","sources":["../../../../src/sparkline/sparkline-interactive-header/__tests__/useSparklineInteractiveHeaderStyles.test.ts"],"names":[],"mappings":""}