@coinbase/cds-web-visualization 3.4.0-beta.24 → 3.4.0-beta.25

package/esm/chart/utils/chart.js

@@ -239,7 +239,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

@@ -231,21 +231,13 @@ export const lineToPath = (x1, y1, x2, y2) => {
  */
 export const getBarPath = function (x, y, width, height, radius, roundTop, roundBottom) {
   let layout = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 'vertical';
+  const isVerticalLayout = layout === 'vertical';
   const roundBothSides = roundTop && roundBottom;
-  const barsGrowVertically = layout !== 'horizontal';
   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 ".concat(x + rTL, " ").concat(y);

package/esm/sparkline/Sparkline.js

@@ -15,7 +15,8 @@ import { SparklineAreaPattern } from './SparklineAreaPattern';
 import { SparklinePath } from './SparklinePath';
 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

@@ -1,7 +1,8 @@
 import React, { forwardRef, memo } from 'react';
 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

@@ -2,7 +2,8 @@ import React, { forwardRef, memo } from 'react';
 import { Sparkline } from './Sparkline';
 import { jsx as _jsx } 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 SparklineGradient = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref, ref) => {
   let {

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

@@ -312,6 +312,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cds-web-visualization",
-  "version": "3.4.0-beta.24",
+  "version": "3.4.0-beta.25",
   "description": "Coinbase Design System - Web Sparkline",
   "repository": {
     "type": "git",
@@ -38,10 +38,10 @@
     "CHANGELOG"
   ],
   "peerDependencies": {
-    "@coinbase/cds-common": "^8.52.2",
+    "@coinbase/cds-common": "^8.57.0",
     "@coinbase/cds-lottie-files": "^3.3.4",
     "@coinbase/cds-utils": "^2.3.5",
-    "@coinbase/cds-web": "^8.52.2",
+    "@coinbase/cds-web": "^8.57.0",
     "framer-motion": "^10.18.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
@@ -59,10 +59,10 @@
     "@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.57.0",
     "@coinbase/cds-lottie-files": "^3.3.4",
     "@coinbase/cds-utils": "^2.3.5",
-    "@coinbase/cds-web": "^8.52.2",
+    "@coinbase/cds-web": "^8.57.0",
     "@linaria/core": "^3.0.0-beta.22",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",