@coinbase/cds-web 9.19.0 → 9.21.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 (8) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dts/controls/SelectTrigger.d.ts.map +1 -1
  3. package/esm/alpha/select/DefaultSelectControl.js +2 -2
  4. package/esm/controls/InputLabel.js +2 -2
  5. package/esm/controls/SelectStack.js +1 -0
  6. package/esm/controls/SelectTrigger.js +2 -0
  7. package/esm/controls/TextInput.js +2 -2
  8. package/package.json +2 -2
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
+ ## 9.21.0 ((8/21/2026, 09:28 AM PST))
12
+
13
+ This is an artificial version bump with no new change.
14
+
15
+ ## 9.20.0 (8/20/2026 PST)
16
+
17
+ #### 🚀 Updates
18
+
19
+ - Feat: update default label style for input components: TextInput, Select, Combobox, DateInput, etc. Font: label1 -=> label2; color: fg => fgMuted.
20
+
11
21
  ## 9.19.0 (8/20/2026 PST)
12
22
 
13
23
  #### 🚀 Updates
package/dts/controls/SelectTrigger.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SelectTrigger.d.ts","sourceRoot":"","sources":["../../src/controls/SelectTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAchD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAOhD,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,eAAe,EACf,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,CAC1D,GAAG;IACF,eAAe,EAAE,OAAO,CAAC;IACzB,qCAAqC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAeF,eAAO,MAAM,aAAa;qBApBP,OAAO;IACxB,qCAAqC;cAC3B,OAAO;IACjB,iEAAiE;cACvD,MAAM,IAAI;qCAyIrB,CAAC"}
1
+ {"version":3,"file":"SelectTrigger.d.ts","sourceRoot":"","sources":["../../src/controls/SelectTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAchD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAOhD,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,eAAe,EACf,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,CAC1D,GAAG;IACF,eAAe,EAAE,OAAO,CAAC;IACzB,qCAAqC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAeF,eAAO,MAAM,aAAa;qBApBP,OAAO;IACxB,qCAAqC;cAC3B,OAAO;IACjB,iEAAiE;cACvD,MAAM,IAAI;qCA+IrB,CAAC"}
package/esm/alpha/select/DefaultSelectControl.js CHANGED
@@ -82,8 +82,8 @@ const DefaultSelectControlComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(
82
82
  blendStyles,
83
83
  align = 'start',
84
84
  font = 'body',
85
- labelColor = 'fg',
86
- labelFont = 'label1',
85
+ labelColor = 'fgMuted',
86
+ labelFont = 'label2',
87
87
  bordered = true,
88
88
  borderWidth = bordered ? 100 : 0,
89
89
  focusedBorderWidth = bordered ? undefined : 200,
package/esm/controls/InputLabel.js CHANGED
@@ -11,9 +11,9 @@ import { Text } from '../typography/Text';
11
11
  import { jsx as _jsx } from "react/jsx-runtime";
12
12
  export const InputLabel = /*#__PURE__*/memo(function InputLabel(_ref) {
13
13
  let {
14
- color = 'fg',
14
+ color = 'fgMuted',
15
15
  disabled = false,
16
- font = 'label1'
16
+ font = 'label2'
17
17
  } = _ref,
18
18
  props = _objectWithoutProperties(_ref, _excluded);
19
19
  return /*#__PURE__*/_jsx(Text, _objectSpread({
package/esm/controls/SelectStack.js CHANGED
@@ -52,6 +52,7 @@ export const SelectStack = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function Se
52
52
  onClick: handlePreventPropagation,
53
53
  children: /*#__PURE__*/_jsx(InputLabel, {
54
54
  color: "fg",
55
+ font: "label1",
55
56
  id: accessibilityLabelId,
56
57
  overflow: "truncate",
57
58
  children: label
package/esm/controls/SelectTrigger.js CHANGED
@@ -89,6 +89,7 @@ export const SelectTrigger = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function
89
89
  paddingEnd: 1,
90
90
  children: /*#__PURE__*/_jsx(InputLabel, {
91
91
  color: "fg",
92
+ font: "label1",
92
93
  id: accessibilityLabelId,
93
94
  overflow: "truncate",
94
95
  children: label
@@ -111,6 +112,7 @@ export const SelectTrigger = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function
111
112
  width: "100%",
112
113
  children: [/*#__PURE__*/_jsx(InputLabel, {
113
114
  color: "fg",
115
+ font: "label1",
114
116
  id: accessibilityLabelId,
115
117
  overflow: "truncate",
116
118
  paddingY: 0,
package/esm/controls/TextInput.js CHANGED
@@ -48,8 +48,8 @@ export const TextInput = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function Text
48
48
  const mergedProps = useComponentConfig('TextInput', _props);
49
49
  const {
50
50
  label,
51
- labelFont = 'label1',
52
- labelColor = 'fg',
51
+ labelFont = 'label2',
52
+ labelColor = 'fgMuted',
53
53
  accessibilityLabel,
54
54
  helperText = '',
55
55
  variant = 'foregroundMuted',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coinbase/cds-web",
3
- "version": "9.19.0",
3
+ "version": "9.21.0",
4
4
  "description": "Coinbase Design System - Web",
5
5
  "repository": {
6
6
  "type": "git",
@@ -227,7 +227,7 @@
227
227
  "react-dom": "^18.0.0 || ~19.1.2"
228
228
  },
229
229
  "dependencies": {
230
- "@coinbase/cds-common": "^9.19.0",
230
+ "@coinbase/cds-common": "^9.21.0",
231
231
  "@coinbase/cds-icons": "^5.22.0",
232
232
  "@coinbase/cds-illustrations": "^4.48.0",
233
233
  "@coinbase/cds-lottie-files": "^3.3.4",