@coinbase/cds-mobile-visualization 3.4.0-beta.24 → 3.4.0-beta.26

package/esm/chart/utils/chart.js

@@ -240,7 +240,8 @@ export const defaultHorizontalLayoutChartInset = {
 };
 
 /**
- * @deprecated Use `defaultVerticalLayoutChartInset` for vertical layout charts or
+ * @deprecated Use `defaultVerticalLayoutChartInset` for vertical layout charts or. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v4
  * `defaultHorizontalLayoutChartInset` for horizontal layout charts.
  */
 export const defaultChartInset = defaultVerticalLayoutChartInset;

package/esm/chart/utils/path.js

@@ -236,20 +236,13 @@ export const getBarPath = function (x, y, width, height, radius, roundTop, round
   if (layout === void 0) {
     layout = 'vertical';
   }
-  const barsGrowVertically = layout !== 'horizontal';
+  const isVerticalLayout = layout === 'vertical';
   const roundBothSides = roundTop && roundBottom;
   const r = Math.min(radius, width / 2, roundBothSides ? height / 2 : height);
-
-  // In vertical layout (bars grow up/down):
-  // - roundTop rounds the top face (min Y)
-  // - roundBottom rounds the bottom face (max Y)
-  // In horizontal layout (bars grow left/right):
-  // - roundTop rounds the right face (max X)
-  // - roundBottom rounds the left face (min X)
-  const rTL = barsGrowVertically ? roundTop ? r : 0 : roundBottom ? r : 0;
-  const rTR = barsGrowVertically ? roundTop ? r : 0 : roundTop ? r : 0;
-  const rBR = barsGrowVertically ? roundBottom ? r : 0 : roundTop ? r : 0;
-  const rBL = barsGrowVertically ? roundBottom ? r : 0 : roundBottom ? r : 0;
+  const rTL = isVerticalLayout ? roundTop ? r : 0 : roundBottom ? r : 0;
+  const rTR = isVerticalLayout ? roundTop ? r : 0 : roundTop ? r : 0;
+  const rBR = isVerticalLayout ? roundBottom ? r : 0 : roundTop ? r : 0;
+  const rBL = isVerticalLayout ? roundBottom ? r : 0 : roundBottom ? r : 0;
 
   // Build path with selective rounding
   let path = "M " + (x + rTL) + " " + y;

package/esm/sparkline/Sparkline.js

@@ -12,7 +12,8 @@ import { generateSparklineAreaWithId } from './generateSparklineWithId';
 import { SparklineAreaPattern } from './SparklineAreaPattern';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /**
- * @deprecated Use LineChart instead.
+ * @deprecated Use LineChart instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v4
  */
 export const Sparkline = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref, ref) => {
   let {

package/esm/sparkline/SparklineArea.js

@@ -2,7 +2,8 @@ import React, { forwardRef, memo } from 'react';
 import { Path } from 'react-native-svg';
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
- * @deprecated Use AreaChart instead.
+ * @deprecated Use AreaChart instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v4
  */
 export const SparklineArea = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref, ref) => {
   let {

package/esm/sparkline/SparklineGradient.js

@@ -11,7 +11,8 @@ import { generateSparklineAreaWithId } from './generateSparklineWithId';
 import { SparklineAreaPattern } from './SparklineAreaPattern';
 
 /**
- * @deprecated Use LineChart instead.
+ * @deprecated Use LineChart instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v4
  */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const SparklineGradient = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref, ref) => {

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

@@ -302,6 +302,7 @@ function SparklineInteractiveWithGeneric(_ref4) {
 }
 
 /**
- * @deprecated Use LineChart instead.
+ * @deprecated Use LineChart instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v4
  */
 export const SparklineInteractive = /*#__PURE__*/memo(SparklineInteractiveWithGeneric);

package/esm/sparkline/sparkline-interactive-header/__stories__/SparklineInteractiveHeader.stories.js

@@ -453,11 +453,13 @@ const SparklineInteractiveHeaderScreen = () => {
       gap: 1,
       children: [/*#__PURE__*/_jsx(IconButton, {
         active: true,
+        accessibilityLabel: "Star",
         feedback: "heavy",
         name: "star",
         onPress: handlePress,
         variant: "secondary"
       }), /*#__PURE__*/_jsx(IconButton, {
+        accessibilityLabel: "Share",
         feedback: "heavy",
         name: "share",
         onPress: handlePress,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cds-mobile-visualization",
-  "version": "3.4.0-beta.24",
+  "version": "3.4.0-beta.26",
   "description": "Coinbase Design System - Mobile Visualization Native",
   "repository": {
     "type": "git",
@@ -36,9 +36,9 @@
     "CHANGELOG"
   ],
   "peerDependencies": {
-    "@coinbase/cds-common": "^8.52.2",
+    "@coinbase/cds-common": "^8.62.0",
     "@coinbase/cds-lottie-files": "^3.3.4",
-    "@coinbase/cds-mobile": "^8.52.2",
+    "@coinbase/cds-mobile": "^8.62.0",
     "@coinbase/cds-utils": "^2.3.5",
     "@shopify/react-native-skia": "^1.12.4 || ^2.0.0",
     "react": "^18.3.1",
@@ -57,9 +57,9 @@
     "@babel/preset-env": "^7.28.0",
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
-    "@coinbase/cds-common": "^8.52.2",
+    "@coinbase/cds-common": "^8.62.0",
     "@coinbase/cds-lottie-files": "^3.3.4",
-    "@coinbase/cds-mobile": "^8.52.2",
+    "@coinbase/cds-mobile": "^8.62.0",
     "@coinbase/cds-utils": "^2.3.5",
     "@shopify/react-native-skia": "1.12.4",
     "@types/react": "^18.3.12",