@coinbase/cds-web 8.61.0 → 8.62.0

package/esm/visualizations/ProgressCircle.js

@@ -9,6 +9,7 @@ import { getProgressCircleParams } from '@coinbase/cds-common/visualizations/get
 import { getProgressSize } from '@coinbase/cds-common/visualizations/getProgressSize';
 import { m as motion } from 'framer-motion';
 import { cx } from '../cx';
+import { useComponentConfig } from '../hooks/useComponentConfig';
 import { Box } from '../layout/Box';
 import { useMotionProps } from '../motion/useMotionProps';
 import { DefaultProgressCircleContent } from './DefaultProgressCircleContent';
@@ -59,8 +60,9 @@ const ProgressCircleInner = /*#__PURE__*/memo(_ref => {
     onAnimationStart: onAnimationStart
   }));
 });
-export const ProgressCircle = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref2, forwardedRef) => {
-  let {
+export const ProgressCircle = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_props, forwardedRef) => {
+  const mergedProps = useComponentConfig('ProgressCircle', _props);
+  const {
     indeterminate,
     weight = 'normal',
     progress = indeterminate ? 0.75 : 0,
@@ -79,18 +81,18 @@ export const ProgressCircle = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref2,
     classNames,
     onAnimationEnd,
     onAnimationStart
-  } = _ref2;
+  } = mergedProps;
   const visSize = size !== null && size !== void 0 ? size : '100%';
   const strokeWidth = getProgressSize(weight);
   return /*#__PURE__*/_jsx(VisualizationContainer, {
     height: visSize,
     width: visSize,
-    children: _ref3 => {
+    children: _ref2 => {
       let {
         width,
         height,
         circleSize
-      } = _ref3;
+      } = _ref2;
       return /*#__PURE__*/_jsxs(Box, _objectSpread(_objectSpread({
         ref: forwardedRef,
         accessibilityLabel: accessibilityLabel,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cds-web",
-  "version": "8.61.0",
+  "version": "8.62.0",
   "description": "Coinbase Design System - Web",
   "repository": {
     "type": "git",
@@ -207,7 +207,7 @@
     "react-dom": "^18.3.1"
   },
   "dependencies": {
-    "@coinbase/cds-common": "^8.61.0",
+    "@coinbase/cds-common": "^8.62.0",
     "@coinbase/cds-icons": "^5.13.0",
     "@coinbase/cds-illustrations": "^4.36.0",
     "@coinbase/cds-lottie-files": "^3.3.4",
@@ -222,7 +222,8 @@
     "lodash": "^4.17.21",
     "lottie-web": "^5.13.0",
     "react-popper": "^2.2.4",
-    "react-use-measure": "^2"
+    "react-use-measure": "^2",
+    "zustand": "^5.0.12"
   },
   "devDependencies": {
     "@babel/core": "^7.28.0",