@coinbase/cds-web 8.52.2 → 8.53.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dts/controls/SegmentedControl.d.ts +3 -0
  3. package/dts/controls/SegmentedControl.d.ts.map +1 -1
  4. package/esm/controls/Checkbox.js +1 -1
  5. package/esm/controls/SegmentedControl.js +4 -0
  6. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -8,6 +8,16 @@ All notable changes to this project will be documented in this file.
8
8
 
9
9
  <!-- template-start -->
10
10
 
11
+ ## 8.53.0 (3/16/2026 PST)
12
+
13
+ #### 🚀 Updates
14
+
15
+ - Feat: update Checkbox borderRadius to match design. [[#509](https://github.com/coinbase/cds/pull/509)]
16
+
17
+ #### 📘 Misc
18
+
19
+ - Deprecate SegmentedControl. [[#493](https://github.com/coinbase/cds/pull/493)]
20
+
11
21
  ## 8.52.2 (3/11/2026 PST)
12
22
 
13
23
  #### 🐞 Fixes
package/dts/controls/SegmentedControl.d.ts CHANGED
@@ -42,6 +42,9 @@ type IconOptionProps = {
42
42
  /** The options to render as an array of values and IconNames */
43
43
  options: IconOptions;
44
44
  };
45
+ /**
46
+ * @deprecated SegmentedControl is deprecated and will be removed in a future version. Please use Tabs or SegmentedTabs instead.
47
+ */
45
48
  export declare const SegmentedControl: React.MemoExoticComponent<
46
49
  React.ForwardRefExoticComponent<SegmentedControlProps & React.RefAttributes<HTMLInputElement>>
47
50
  >;
package/dts/controls/SegmentedControl.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../src/controls/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmE,MAAM,OAAO,CAAC;AAGxF,OAAO,KAAK,EACV,QAAQ,EACR,QAAQ,EACR,wBAAwB,EACxB,WAAW,EACZ,MAAM,4BAA4B,CAAC;AA2IpC,MAAM,MAAM,qBAAqB,GAAG;IAClC,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,CAAC,eAAe,GAAG,eAAe,CAAC,GACrC,WAAW,CAAC;AAEd,MAAM,MAAM,WAAW,GAAG,SAAS,UAAU,EAAE,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,SAAS,UAAU,EAAE,CAAC;AAEhD,KAAK,UAAU,GAAG;IAChB,uBAAuB;IACvB,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,wBAAwB,EAAE,oBAAoB,CAAC,CAAC;AAEzD,KAAK,UAAU,GAAG;IAChB,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,UAAU,CAAC;AAEf,KAAK,eAAe,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,KAAK,UAAU,GAAG;IAChB,gDAAgD;IAChD,KAAK,EAAE,QAAQ,CAAC;IAChB,iCAAiC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,GAAG,UAAU,CAAC;AAEf,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,QAAQ,CAAC;IACnB,iEAAiE;IACjE,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AAyDF,eAAO,MAAM,gBAAgB,2HAA6C,CAAC"}
1
+ {"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../src/controls/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmE,MAAM,OAAO,CAAC;AAGxF,OAAO,KAAK,EACV,QAAQ,EACR,QAAQ,EACR,wBAAwB,EACxB,WAAW,EACZ,MAAM,4BAA4B,CAAC;AA2IpC,MAAM,MAAM,qBAAqB,GAAG;IAClC,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,CAAC,eAAe,GAAG,eAAe,CAAC,GACrC,WAAW,CAAC;AAEd,MAAM,MAAM,WAAW,GAAG,SAAS,UAAU,EAAE,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,SAAS,UAAU,EAAE,CAAC;AAEhD,KAAK,UAAU,GAAG;IAChB,uBAAuB;IACvB,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,wBAAwB,EAAE,oBAAoB,CAAC,CAAC;AAEzD,KAAK,UAAU,GAAG;IAChB,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,UAAU,CAAC;AAEf,KAAK,eAAe,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,KAAK,UAAU,GAAG;IAChB,gDAAgD;IAChD,KAAK,EAAE,QAAQ,CAAC;IAChB,iCAAiC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,GAAG,UAAU,CAAC;AAEf,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,QAAQ,CAAC;IACnB,iEAAiE;IACjE,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AAyDF;;GAEG;AACH,eAAO,MAAM,gBAAgB,2HAA6C,CAAC"}
package/esm/controls/Checkbox.js CHANGED
@@ -24,7 +24,7 @@ const CheckboxWithRef = /*#__PURE__*/forwardRef(function CheckboxWithRef(_ref, r
24
24
  controlColor = 'fgInverse',
25
25
  background = checked || indeterminate ? 'bgPrimary' : 'bg',
26
26
  borderColor = checked || indeterminate ? 'bgPrimary' : 'bgLineHeavy',
27
- borderRadius,
27
+ borderRadius = 100,
28
28
  borderWidth = 100,
29
29
  elevation
30
30
  } = _ref,
package/esm/controls/SegmentedControl.js CHANGED
@@ -104,6 +104,10 @@ function SegmentedControlInternal(props, ref) {
104
104
  })
105
105
  });
106
106
  }
107
+
108
+ /**
109
+ * @deprecated SegmentedControl is deprecated and will be removed in a future version. Please use Tabs or SegmentedTabs instead.
110
+ */
107
111
  export const SegmentedControl = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(SegmentedControlInternal));
108
112
  SegmentedControl.displayName = 'SegmentedControl';
109
113
  import "./SegmentedControl.css";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coinbase/cds-web",
3
- "version": "8.52.2",
3
+ "version": "8.53.0",
4
4
  "description": "Coinbase Design System - Web",
5
5
  "repository": {
6
6
  "type": "git",
@@ -207,9 +207,9 @@
207
207
  "react-dom": "^18.3.1"
208
208
  },
209
209
  "dependencies": {
210
- "@coinbase/cds-common": "^8.52.2",
211
- "@coinbase/cds-icons": "^5.12.0",
212
- "@coinbase/cds-illustrations": "^4.32.0",
210
+ "@coinbase/cds-common": "^8.53.0",
211
+ "@coinbase/cds-icons": "^5.13.0",
212
+ "@coinbase/cds-illustrations": "^4.33.0",
213
213
  "@coinbase/cds-lottie-files": "^3.3.4",
214
214
  "@coinbase/cds-utils": "^2.3.5",
215
215
  "@floating-ui/react-dom": "^2.1.1",