@coinbase/cds-mobile 9.3.0 → 9.4.0

package/esm/visualizations/chart/line/DefaultReferenceLineLabel.js

@@ -2,10 +2,10 @@ const _excluded = ["color", "elevated", "borderRadius", "inset", "boundsInset"];
 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); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import { memo, useMemo } from 'react';
-import { useTheme } from '../../../index';
+import { useTheme } from '../../../hooks/useTheme';
 import { useCartesianChartContext } from '../ChartProvider';
-import { ChartText } from '../text';
-import { getChartInset } from '../utils';
+import { ChartText } from '../text/ChartText';
+import { getChartInset } from '../utils/chart';
 import { jsx as _jsx } from "react/jsx-runtime";
 const elevatedInset = {
   top: 8,

package/esm/visualizations/chart/line/DottedLine.js

@@ -4,7 +4,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 import { memo } from 'react';
 import { DashPathEffect } from '@shopify/react-native-skia';
 import { useTheme } from '../../../hooks/useTheme';
-import { Gradient } from '../gradient';
+import { Gradient } from '../gradient/Gradient';
 import { Path } from '../Path';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**

package/esm/visualizations/chart/line/Line.js

@@ -3,12 +3,13 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { memo, useMemo } from 'react';
 import { Group } from '@shopify/react-native-skia';
-import { useTheme } from '../../../index';
+import { useTheme } from '../../../hooks/useTheme';
 import { Area } from '../area/Area';
 import { useCartesianChartContext } from '../ChartProvider';
-import { Point } from '../point';
-import { getLineData, getLinePath } from '../utils';
+import { Point } from '../point/Point';
+import { getLineData } from '../utils/chart';
 import { evaluateGradientAtValue, getGradientStops } from '../utils/gradient';
+import { getLinePath } from '../utils/path';
 import { convertToSerializableScale } from '../utils/scale';
 import { DottedLine } from './DottedLine';
 import { SolidLine } from './SolidLine';

package/esm/visualizations/chart/line/ReferenceLine.js

@@ -2,7 +2,7 @@ import { memo } from 'react';
 import { useDerivedValue } from 'react-native-reanimated';
 import { useTheme } from '../../../hooks/useTheme';
 import { useCartesianChartContext } from '../ChartProvider';
-import { unwrapAnimatedValue } from '../utils';
+import { unwrapAnimatedValue } from '../utils/chart';
 import { getPointOnSerializableScale } from '../utils/point';
 import { DefaultReferenceLineLabel } from './DefaultReferenceLineLabel';
 import { DottedLine } from './DottedLine';

package/esm/visualizations/chart/line/SolidLine.js

@@ -3,7 +3,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import { memo } from 'react';
 import { useTheme } from '../../../hooks/useTheme';
-import { Gradient } from '../gradient';
+import { Gradient } from '../gradient/Gradient';
 import { Path } from '../Path';
 import { jsx as _jsx } from "react/jsx-runtime";
 /**

package/esm/visualizations/chart/point/DefaultPointLabel.js

@@ -2,7 +2,7 @@ const _excluded = ["x", "y", "position", "offset", "children"];
 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); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import { memo, useMemo } from 'react';
-import { ChartText } from '../text';
+import { ChartText } from '../text/ChartText';
 import { getAlignmentFromPosition, getLabelCoordinates } from '../utils/point';
 import { jsx as _jsx } from "react/jsx-runtime";
 /**

package/esm/visualizations/chart/point/Point.js

@@ -4,7 +4,7 @@ import { usePreviousValue } from '@coinbase/cds-common/hooks/usePreviousValue';
 import { Circle, Group, interpolateColors } from '@shopify/react-native-skia';
 import { useTheme } from '../../../hooks/useTheme';
 import { useCartesianChartContext } from '../ChartProvider';
-import { projectPoint } from '../utils';
+import { projectPoint } from '../utils/point';
 import { buildTransition, defaultAccessoryEnterTransition, defaultTransition, getTransition } from '../utils/transition';
 import { DefaultPointLabel } from './DefaultPointLabel';
 

package/esm/visualizations/chart/scrubber/DefaultScrubberBeacon.js

@@ -1,9 +1,9 @@
 import { forwardRef, memo, useEffect, useImperativeHandle, useMemo } from 'react';
 import { cancelAnimation, Easing, useAnimatedReaction, useDerivedValue, useSharedValue, withDelay, withRepeat, withSequence, withTiming } from 'react-native-reanimated';
 import { Circle, Group } from '@shopify/react-native-skia';
-import { useTheme } from '../../../index';
+import { useTheme } from '../../../hooks/useTheme';
 import { useCartesianChartContext } from '../ChartProvider';
-import { unwrapAnimatedValue } from '../utils';
+import { unwrapAnimatedValue } from '../utils/chart';
 import { projectPointWithSerializableScale } from '../utils/point';
 import { buildTransition, defaultTransition, getTransition } from '../utils/transition';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

package/esm/visualizations/chart/scrubber/DefaultScrubberBeaconLabel.js

@@ -2,8 +2,8 @@ const _excluded = ["background", "color", "elevated", "borderRadius", "font", "v
 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); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import { memo } from 'react';
-import { useTheme } from '../../../index';
-import { ChartText } from '../text';
+import { useTheme } from '../../../hooks/useTheme';
+import { ChartText } from '../text/ChartText';
 import { jsx as _jsx } from "react/jsx-runtime";
 const labelVerticalInset = 3.5;
 const labelHorizontalInset = 4;

package/esm/visualizations/chart/scrubber/DefaultScrubberLabel.js

@@ -3,7 +3,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import { memo, useMemo } from 'react';
 import { useCartesianChartContext } from '../ChartProvider';
-import { DefaultReferenceLineLabel } from '../line';
+import { DefaultReferenceLineLabel } from '../line/DefaultReferenceLineLabel';
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * DefaultScrubberLabel is the default label component for the scrubber line.

package/esm/visualizations/chart/scrubber/Scrubber.js

@@ -2,11 +2,12 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 import React, { forwardRef, memo, useCallback, useEffect, useImperativeHandle, useMemo } from 'react';
 import { runOnJS, useAnimatedReaction, useDerivedValue, useSharedValue } from 'react-native-reanimated';
 import { Group, Paint, Rect } from '@shopify/react-native-skia';
-import { useTheme } from '../../../index';
+import { useTheme } from '../../../hooks/useTheme';
 import { useCartesianChartContext } from '../ChartProvider';
-import { ReferenceLine } from '../line';
-import { defaultAccessoryEnterTransition, getPointOnSerializableScale, getTransition, useScrubberContext } from '../utils';
-import { buildTransition } from '../utils/transition';
+import { ReferenceLine } from '../line/ReferenceLine';
+import { useScrubberContext } from '../utils/context';
+import { getPointOnSerializableScale } from '../utils/point';
+import { buildTransition, defaultAccessoryEnterTransition, getTransition } from '../utils/transition';
 import { DefaultScrubberBeacon } from './DefaultScrubberBeacon';
 import { DefaultScrubberLabel } from './DefaultScrubberLabel';
 import { ScrubberBeaconGroup } from './ScrubberBeaconGroup';

package/esm/visualizations/chart/scrubber/ScrubberAccessibilityView.js

@@ -2,7 +2,7 @@ import React, { memo, useCallback, useMemo } from 'react';
 import { Pressable, StyleSheet, View } from 'react-native';
 import { useScreenReaderStatus } from '../../../hooks/useScreenReaderStatus';
 import { useCartesianChartContext } from '../ChartProvider';
-import { useScrubberContext } from '../utils';
+import { useScrubberContext } from '../utils/context';
 import { getPointOnSerializableScale } from '../utils/point';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const normalizeScrubberAccessibilityStep = function (step, defaultStep) {

package/esm/visualizations/chart/scrubber/ScrubberBeaconGroup.js

@@ -1,9 +1,10 @@
 import { forwardRef, memo, useCallback, useImperativeHandle, useMemo } from 'react';
 import { useDerivedValue } from 'react-native-reanimated';
 import { useRefMap } from '@coinbase/cds-common/hooks/useRefMap';
-import { useTheme } from '../../../index';
+import { useTheme } from '../../../hooks/useTheme';
 import { useCartesianChartContext } from '../ChartProvider';
-import { evaluateGradientAtValue, getGradientStops, useScrubberContext } from '../utils';
+import { useScrubberContext } from '../utils/context';
+import { evaluateGradientAtValue, getGradientStops } from '../utils/gradient';
 import { convertToSerializableScale } from '../utils/scale';
 import { DefaultScrubberBeacon } from './DefaultScrubberBeacon';
 import { jsx as _jsx } from "react/jsx-runtime";

package/esm/visualizations/chart/scrubber/ScrubberBeaconLabelGroup.js

@@ -2,7 +2,9 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 import { memo, useCallback, useMemo, useState } from 'react';
 import { useAnimatedReaction, useDerivedValue, useSharedValue } from 'react-native-reanimated';
 import { useCartesianChartContext } from '../ChartProvider';
-import { applySerializableScale, unwrapAnimatedValue, useScrubberContext } from '../utils';
+import { unwrapAnimatedValue } from '../utils/chart';
+import { useScrubberContext } from '../utils/context';
+import { applySerializableScale } from '../utils/scale';
 import { calculateLabelYPositions, getLabelPosition } from '../utils/scrubber';
 import { buildTransition, defaultTransition, getTransition } from '../utils/transition';
 import { DefaultScrubberBeaconLabel } from './DefaultScrubberBeaconLabel';

package/esm/visualizations/chart/scrubber/ScrubberProvider.js

@@ -4,8 +4,9 @@ import { Gesture, GestureDetector } from 'react-native-gesture-handler';
 import { runOnJS, useAnimatedReaction, useSharedValue } from 'react-native-reanimated';
 import { Haptics } from '../../../utils/haptics';
 import { useCartesianChartContext } from '../ChartProvider';
-import { invertSerializableScale, ScrubberContext } from '../utils';
+import { ScrubberContext } from '../utils/context';
 import { getPointOnSerializableScale } from '../utils/point';
+import { invertSerializableScale } from '../utils/scale';
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * A component which encapsulates the ScrubberContext.

package/esm/visualizations/chart/text/ChartText.js

@@ -3,7 +3,8 @@ import { runOnJS, useAnimatedReaction, useDerivedValue } from 'react-native-rean
 import { FontSlant, FontWeight, Group, Paint, Paragraph, RoundedRect, Shadow, Skia, TextAlign } from '@shopify/react-native-skia';
 import { useTheme } from '../../../hooks/useTheme';
 import { useCartesianChartContext } from '../ChartProvider';
-import { getChartInset, getColorWithOpacity, unwrapAnimatedValue } from '../utils';
+import { getChartInset, unwrapAnimatedValue } from '../utils/chart';
+import { getColorWithOpacity } from '../utils/gradient';
 
 /**
  * Converts a fontWeight from Theme to a Skia FontWeight

package/esm/visualizations/sparkline/Counter.js

@@ -1,7 +1,7 @@
 import React, { useMemo } from 'react';
 import { StyleSheet, View } from 'react-native';
 import { useCounter } from '@coinbase/cds-common/visualizations/useCounter';
-import { Box } from '../../layout';
+import { Box } from '../../layout/Box';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const styles = StyleSheet.create({
   hidden: {

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

@@ -6,14 +6,15 @@ import { Animated, StyleSheet, View } from 'react-native';
 import { minMax } from '@coinbase/cds-common/utils/chart';
 import { getAccessibleColor } from '@coinbase/cds-common/utils/getAccessibleColor';
 import { useSparklineCoordinates } from '@coinbase/cds-common/visualizations/useSparklineCoordinates';
+// eslint-disable-next-line internal/no-cds-barrel-imports -- cds-lottie-files subpaths are the deepest available exports
 import { chartFallbackNegative, chartFallbackPositive } from '@coinbase/cds-lottie-files';
 import { emptyArray, noop } from '@coinbase/cds-utils';
 import isEqual from 'lodash/isEqual';
 import isObject from 'lodash/isObject';
-import { Lottie } from '../../../animation';
+import { Lottie } from '../../../animation/Lottie';
 import { useScreenReaderStatus } from '../../../hooks/useScreenReaderStatus';
 import { useTheme } from '../../../hooks/useTheme';
-import { Box } from '../../../layout';
+import { Box } from '../../../layout/Box';
 import { SparklineAccessibleView } from './SparklineAccessibleView';
 import { SparklineInteractiveHoverDate } from './SparklineInteractiveHoverDate';
 import { SparklineInteractiveLineVertical } from './SparklineInteractiveLineVertical';

package/esm/visualizations/sparkline/sparkline-interactive/SparklineInteractiveMarkerDates.js

@@ -5,7 +5,7 @@ import { useDateLookup } from '@coinbase/cds-common/visualizations/useDateLookup
 import times from 'lodash/times';
 import { useLayout } from '../../../hooks/useLayout';
 import { useTheme } from '../../../hooks/useTheme';
-import { Text } from '../../../typography';
+import { Text } from '../../../typography/Text';
 import { useSparklineInteractiveContext } from './SparklineInteractiveProvider';
 import { jsx as _jsx } from "react/jsx-runtime";
 const numberOfLabels = 5;

package/esm/visualizations/sparkline/sparkline-interactive/SparklineInteractiveMinMax.js

@@ -3,7 +3,7 @@ import React, { memo, useCallback, useMemo, useRef } from 'react';
 import { Animated, StyleSheet } from 'react-native';
 import { useLayout } from '../../../hooks/useLayout';
 import { useTheme } from '../../../hooks/useTheme';
-import { Text } from '../../../typography';
+import { Text } from '../../../typography/Text';
 import { useSparklineInteractiveContext } from './SparklineInteractiveProvider';
 import { useMinMaxTransform } from './useMinMaxTransform';
 import { useSparklineInteractiveConstants } from './useSparklineInteractiveConstants';

package/esm/visualizations/sparkline/sparkline-interactive/SparklineInteractivePeriodSelector.js

@@ -8,7 +8,7 @@ import { Box } from '../../../layout/Box';
 import { HStack } from '../../../layout/HStack';
 import { OverflowGradient } from '../../../layout/OverflowGradient';
 import { Pressable } from '../../../system/Pressable';
-import { Text } from '../../../typography';
+import { Text } from '../../../typography/Text';
 import { Haptics } from '../../../utils/haptics';
 import { useSparklineInteractiveContext } from './SparklineInteractiveProvider';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

package/esm/visualizations/sparkline/sparkline-interactive-header/SparklineInteractiveHeader.js

@@ -2,7 +2,8 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 import React, { forwardRef, memo, useCallback, useImperativeHandle, useRef } from 'react';
 import { TextInput, View } from 'react-native';
 import { subheadIconSignMap } from '@coinbase/cds-common/tokens/sparkline';
-import { HStack, VStack } from '../../../layout';
+import { HStack } from '../../../layout/HStack';
+import { VStack } from '../../../layout/VStack';
 import { useSparklineInteractiveHeaderStyles } from './useSparklineInteractiveHeaderStyles';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export * from '@coinbase/cds-common/types/SparklineInteractiveHeaderBaseProps';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cds-mobile",
-  "version": "9.3.0",
+  "version": "9.4.0",
   "description": "Coinbase Design System - Mobile",
   "repository": {
     "type": "git",
@@ -206,9 +206,9 @@
     "react-native-worklets": "0.5.2"
   },
   "dependencies": {
-    "@coinbase/cds-common": "^9.3.0",
+    "@coinbase/cds-common": "^9.4.0",
     "@coinbase/cds-icons": "^5.19.0",
-    "@coinbase/cds-illustrations": "^4.41.0",
+    "@coinbase/cds-illustrations": "^4.42.0",
     "@coinbase/cds-lottie-files": "^3.3.4",
     "@coinbase/cds-utils": "^2.3.5",
     "@floating-ui/react-native": "^0.10.5",