@coinbase/cds-web 8.38.2 → 8.38.4

package/CHANGELOG.md

@@ -8,6 +8,18 @@ All notable changes to this project will be documented in this file.
 
 <!-- template-start -->
 
+## 8.38.4 (1/22/2026 PST)
+
+#### 🐞 Fixes
+
+- Fixed spacing props not working on web Button.
+
+## 8.38.3 (1/22/2026 PST)
+
+#### 🐞 Fixes
+
+- Fix: destructure unused props from default horizontal stepper components to prevent dev mode React warnings. [[#324](https://github.com/coinbase/cds/pull/324)]
+
 ## 8.38.2 (1/22/2026 PST)
 
 #### 🐞 Fixes

package/dts/buttons/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/buttons/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAEhD,OAAO,KAAK,EACV,aAAa,EACb,QAAQ,EACR,wBAAwB,EACxB,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAGpC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAIxD,OAAO,EAAa,KAAK,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAKzE,eAAO,MAAM,aAAa,MAAM,CAAC;AAwGjC,eAAO,MAAM,oBAAoB,WAAW,CAAC;AAE7C,MAAM,MAAM,oBAAoB,GAAG,OAAO,oBAAoB,CAAC;AAE/D,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC,eAAe,CACvD,kBAAkB,EAClB,WAAW,GACT,IAAI,CAAC,wBAAwB,EAAE,oBAAoB,CAAC,GAAG;IACrD;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4CAA4C;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yBAAyB;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,iDAAiD;IACjD,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,uCAAuC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,uBAAuB;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,qCAAqC;IACrC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CACJ,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,IAAI,WAAW,CAAC,KAAK,CAChF,WAAW,EACX,eAAe,CAChB,CAAC;AAEF,KAAK,eAAe,GAAG,CAAC,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,oBAAoB,EACnF,KAAK,EAAE,WAAW,CAAC,WAAW,CAAC,KAC5B,WAAW,CAAC,WAAW,CAAC,GAC3B,WAAW,CAAC,UAAU,CAAC;AAEzB,eAAO,MAAM,MAAM,EAAE,eAqHpB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/buttons/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAEhD,OAAO,KAAK,EACV,aAAa,EACb,QAAQ,EACR,wBAAwB,EACxB,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAGpC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAIxD,OAAO,EAAa,KAAK,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAOzE,eAAO,MAAM,aAAa,MAAM,CAAC;AA8FjC,eAAO,MAAM,oBAAoB,WAAW,CAAC;AAE7C,MAAM,MAAM,oBAAoB,GAAG,OAAO,oBAAoB,CAAC;AAE/D,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC,eAAe,CACvD,kBAAkB,EAClB,WAAW,GACT,IAAI,CAAC,wBAAwB,EAAE,oBAAoB,CAAC,GAAG;IACrD;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4CAA4C;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yBAAyB;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,iDAAiD;IACjD,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,uCAAuC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,uBAAuB;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,qCAAqC;IACrC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CACJ,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,IAAI,WAAW,CAAC,KAAK,CAChF,WAAW,EACX,eAAe,CAChB,CAAC;AAEF,KAAK,eAAe,GAAG,CAAC,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,oBAAoB,EACnF,KAAK,EAAE,WAAW,CAAC,WAAW,CAAC,KAC5B,WAAW,CAAC,WAAW,CAAC,GAC3B,WAAW,CAAC,UAAU,CAAC;AAEzB,eAAO,MAAM,MAAM,EAAE,eA4HpB,CAAC"}

package/dts/stepper/DefaultStepperLabelHorizontal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultStepperLabelHorizontal.d.ts","sourceRoot":"","sources":["../../src/stepper/DefaultStepperLabelHorizontal.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAUvD,eAAO,MAAM,6BAA6B,EAAE,qBA4H3C,CAAC"}
+{"version":3,"file":"DefaultStepperLabelHorizontal.d.ts","sourceRoot":"","sources":["../../src/stepper/DefaultStepperLabelHorizontal.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAUvD,eAAO,MAAM,6BAA6B,EAAE,qBA6H3C,CAAC"}

package/dts/stepper/DefaultStepperProgressHorizontal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultStepperProgressHorizontal.d.ts","sourceRoot":"","sources":["../../src/stepper/DefaultStepperProgressHorizontal.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AAE1D,eAAO,MAAM,gCAAgC,EAAE,wBAmE9C,CAAC"}
+{"version":3,"file":"DefaultStepperProgressHorizontal.d.ts","sourceRoot":"","sources":["../../src/stepper/DefaultStepperProgressHorizontal.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AAE1D,eAAO,MAAM,gCAAgC,EAAE,wBAsE9C,CAAC"}

package/esm/buttons/Button.css

@@ -1,13 +1,12 @@
-@layer cds{.baseCss-b99zquh{min-width:100px;padding-inline-start:var(--space-4);padding-inline-end:var(--space-4);-webkit-text-decoration:none;text-decoration:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;text-align:center;vertical-align:middle;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-weight:600;margin:0;position:relative;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;overflow:visible;text-transform:none;}
+@layer cds{.baseCss-b99zquh{-webkit-text-decoration:none;text-decoration:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;text-align:center;vertical-align:middle;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-weight:600;position:relative;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;overflow:visible;text-transform:none;}
 .blockCss-b9yox33{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;max-width:100%;white-space:normal;}
-.compactCss-c1bhvbb9{min-width:auto;padding-inline-start:var(--space-2);padding-inline-end:var(--space-2);}
-.spinnerContainerCss-s2x7iw5{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.startNodeCss-sukb6jc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;margin-inline-end:var(--space-1);}
-.endNodeCss-exznik7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;margin-inline-start:var(--space-1);}
-.iconCss-i148mgtl{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
-.unsetNoWrapCss-u1pxicn8{white-space:unset;}
-.hiddenCss-h1avpq52{visibility:hidden;}
-.middleNodeCss-m69rtgb{position:relative;}
-.flushSpaceCss-f1aod6bi{min-width:unset;margin-inline-start:var(--space-2);margin-inline-end:var(--space-2);}
-.flushStartCss-fz9snbo{margin-inline-start:calc(var(--space-2) * -1);}
-.flushEndCss-f1y0pij6{margin-inline-end:calc(var(--space-2) * -1);}}
+.spinnerContainerCss-s1bhvbb9{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.startNodeCss-s2x7iw5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;margin-inline-end:var(--space-1);}
+.endNodeCss-eukb6jc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;margin-inline-start:var(--space-1);}
+.iconCss-ixznik7{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
+.unsetNoWrapCss-u148mgtl{white-space:unset;}
+.hiddenCss-h1pxicn8{visibility:hidden;}
+.middleNodeCss-m1avpq52{position:relative;}
+.flushSpaceCss-f69rtgb{min-width:unset;margin-inline-start:var(--space-2);margin-inline-end:var(--space-2);}
+.flushStartCss-f1aod6bi{margin-inline-start:calc(var(--space-2) * -1);}
+.flushEndCss-fz9snbo{margin-inline-end:calc(var(--space-2) * -1);}}

package/esm/buttons/Button.js

@@ -1,4 +1,4 @@
-const _excluded = ["as", "variant", "loading", "transparent", "block", "compact", "children", "start", "startIcon", "startIconActive", "end", "endIcon", "endIconActive", "flush", "noScaleOnPress", "numberOfLines", "background", "color", "className", "height", "borderColor", "borderWidth", "borderRadius", "accessibilityLabel"];
+const _excluded = ["as", "variant", "loading", "transparent", "block", "compact", "children", "start", "startIcon", "startIconActive", "end", "endIcon", "endIconActive", "flush", "noScaleOnPress", "numberOfLines", "background", "color", "className", "height", "borderColor", "borderWidth", "borderRadius", "accessibilityLabel", "padding", "paddingX", "margin", "minWidth"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -15,20 +15,20 @@ import { Pressable } from '../system/Pressable';
 import { Text } from '../typography/Text';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const COMPONENT_STATIC_CLASSNAME = 'cds-Button';
+const DEFAULT_MIN_WIDTH = 100;
 export const spinnerHeight = 2.5;
 const baseCss = "baseCss-b99zquh";
 const blockCss = "blockCss-b9yox33";
-const compactCss = "compactCss-c1bhvbb9";
-const spinnerContainerCss = "spinnerContainerCss-s2x7iw5";
-const startNodeCss = "startNodeCss-sukb6jc";
-const endNodeCss = "endNodeCss-exznik7";
-const iconCss = "iconCss-i148mgtl";
-const unsetNoWrapCss = "unsetNoWrapCss-u1pxicn8";
-const hiddenCss = "hiddenCss-h1avpq52";
-const middleNodeCss = "middleNodeCss-m69rtgb";
-const flushSpaceCss = "flushSpaceCss-f1aod6bi";
-const flushStartCss = "flushStartCss-fz9snbo";
-const flushEndCss = "flushEndCss-f1y0pij6";
+const spinnerContainerCss = "spinnerContainerCss-s1bhvbb9";
+const startNodeCss = "startNodeCss-s2x7iw5";
+const endNodeCss = "endNodeCss-eukb6jc";
+const iconCss = "iconCss-ixznik7";
+const unsetNoWrapCss = "unsetNoWrapCss-u148mgtl";
+const hiddenCss = "hiddenCss-h1pxicn8";
+const middleNodeCss = "middleNodeCss-m1avpq52";
+const flushSpaceCss = "flushSpaceCss-f69rtgb";
+const flushStartCss = "flushStartCss-f1aod6bi";
+const flushEndCss = "flushEndCss-fz9snbo";
 const spinnerStyle = {
   width: '24px',
   height: '24px',
@@ -64,7 +64,11 @@ export const Button = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref, ref) => {
       borderColor,
       borderWidth = 100,
       borderRadius = compact ? 700 : 900,
-      accessibilityLabel
+      accessibilityLabel,
+      padding,
+      paddingX = padding !== null && padding !== void 0 ? padding : compact ? 2 : 4,
+      margin = 0,
+      minWidth = compact ? 'auto' : DEFAULT_MIN_WIDTH
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   const Component = as !== null && as !== void 0 ? as : buttonDefaultElement;
@@ -83,7 +87,7 @@ export const Button = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref, ref) => {
     borderColor: borderColorValue,
     borderRadius: borderRadius,
     borderWidth: borderWidth,
-    className: cx(COMPONENT_STATIC_CLASSNAME, baseCss, compact && compactCss, numberOfLines && unsetNoWrapCss, hasIcon && iconCss, block && blockCss, flush && flushSpaceCss, flush === 'start' && flushStartCss, flush === 'end' && flushEndCss, className),
+    className: cx(COMPONENT_STATIC_CLASSNAME, baseCss, numberOfLines && unsetNoWrapCss, hasIcon && iconCss, block && blockCss, flush && flushSpaceCss, flush === 'start' && flushStartCss, flush === 'end' && flushEndCss, className),
     color: colorValue,
     "data-block": block,
     "data-compact": compact,
@@ -92,7 +96,11 @@ export const Button = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref, ref) => {
     "data-variant": variant,
     height: height,
     loading: loading,
+    margin: margin,
+    minWidth: minWidth,
     noScaleOnPress: noScaleOnPress,
+    padding: padding,
+    paddingX: paddingX,
     transparentWhileInactive: transparent
   }, props), {}, {
     children: [start ? /*#__PURE__*/_jsx("span", {

package/esm/stepper/DefaultStepperLabelHorizontal.js

@@ -1,4 +1,4 @@
-const _excluded = ["step", "parentStep", "activeStepId", "depth", "active", "visited", "flatStepIds", "complete", "isDescendentActive", "className", "style", "completedStepAccessibilityLabel", "defaultColor", "activeColor", "descendentActiveColor", "visitedColor", "completeColor", "display", "alignItems", "width", "font", "fontFamily", "fontSize", "fontWeight", "lineHeight", "textTransform"];
+const _excluded = ["step", "parentStep", "activeStepId", "depth", "active", "visited", "flatStepIds", "complete", "isDescendentActive", "className", "style", "completedStepAccessibilityLabel", "setActiveStepLabelElement", "defaultColor", "activeColor", "descendentActiveColor", "visitedColor", "completeColor", "display", "alignItems", "width", "font", "fontFamily", "fontSize", "fontWeight", "lineHeight", "textTransform"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -33,6 +33,7 @@ export const DefaultStepperLabelHorizontal = /*#__PURE__*/memo(function DefaultS
       className,
       style,
       completedStepAccessibilityLabel,
+      setActiveStepLabelElement,
       defaultColor = 'fgMuted',
       activeColor = 'fg',
       descendentActiveColor = 'fg',

package/esm/stepper/DefaultStepperProgressHorizontal.js

@@ -1,4 +1,4 @@
-const _excluded = ["step", "parentStep", "progress", "activeStepId", "depth", "active", "visited", "flatStepIds", "complete", "isDescendentActive", "progressSpringConfig", "className", "style", "background", "defaultFill", "activeFill", "descendentActiveFill", "visitedFill", "completeFill", "width", "borderRadius", "height"];
+const _excluded = ["step", "parentStep", "progress", "activeStepId", "depth", "active", "visited", "flatStepIds", "complete", "isDescendentActive", "progressSpringConfig", "activeStepLabelElement", "animate", "disableAnimateOnMount", "className", "style", "background", "defaultFill", "activeFill", "descendentActiveFill", "visitedFill", "completeFill", "width", "borderRadius", "height"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -23,6 +23,9 @@ export const DefaultStepperProgressHorizontal = /*#__PURE__*/memo(function Defau
       complete,
       isDescendentActive,
       progressSpringConfig,
+      activeStepLabelElement,
+      animate,
+      disableAnimateOnMount,
       className,
       style,
       background = 'bgLine',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cds-web",
-  "version": "8.38.2",
+  "version": "8.38.4",
   "description": "Coinbase Design System - Web",
   "repository": {
     "type": "git",
@@ -203,7 +203,7 @@
     "react-dom": "^18.3.1"
   },
   "dependencies": {
-    "@coinbase/cds-common": "^8.38.2",
+    "@coinbase/cds-common": "^8.38.4",
     "@coinbase/cds-icons": "^5.9.0",
     "@coinbase/cds-illustrations": "^4.29.0",
     "@coinbase/cds-lottie-files": "^3.3.4",