@coinbase/cds-web 8.48.0 → 8.48.1

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 (5) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dts/alpha/select/DefaultSelectControl.d.ts.map +1 -1
  3. package/esm/alpha/select/DefaultSelectControl.css +2 -1
  4. package/esm/alpha/select/DefaultSelectControl.js +11 -1
  5. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -8,6 +8,12 @@ All notable changes to this project will be documented in this file.
8
8
 
9
9
  <!-- template-start -->
10
10
 
11
+ ## 8.48.1 (2/25/2026 PST)
12
+
13
+ #### 🐞 Fixes
14
+
15
+ - Truncate text mid-word in multi-select chips. [[#412](https://github.com/coinbase/cds/pull/412)]
16
+
11
17
  ## 8.48.0 (2/24/2026 PST)
12
18
 
13
19
  #### 🚀 Updates
package/dts/alpha/select/DefaultSelectControl.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DefaultSelectControl.d.ts","sourceRoot":"","sources":["../../../src/alpha/select/DefaultSelectControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAgB9E,OAAO,EAEL,KAAK,kBAAkB,EAEvB,KAAK,UAAU,EAChB,MAAM,UAAU,CAAC;AAyBlB,KAAK,wBAAwB,GAAG,CAC9B,IAAI,SAAS,UAAU,EACvB,iBAAiB,SAAS,MAAM,GAAG,MAAM,EAEzC,KAAK,EAAE,kBAAkB,CAAC,IAAI,EAAE,iBAAiB,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;CAAE,KAClF,KAAK,CAAC,YAAY,CAAC;AAmbxB,eAAO,MAAM,oBAAoB,EAAoC,wBAAwB,CAAC"}
1
+ {"version":3,"file":"DefaultSelectControl.d.ts","sourceRoot":"","sources":["../../../src/alpha/select/DefaultSelectControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAgB9E,OAAO,EAEL,KAAK,kBAAkB,EAEvB,KAAK,UAAU,EAChB,MAAM,UAAU,CAAC;AAkClB,KAAK,wBAAwB,GAAG,CAC9B,IAAI,SAAS,UAAU,EACvB,iBAAiB,SAAS,MAAM,GAAG,MAAM,EAEzC,KAAK,EAAE,kBAAkB,CAAC,IAAI,EAAE,iBAAiB,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;CAAE,KAClF,KAAK,CAAC,YAAY,CAAC;AAsbxB,eAAO,MAAM,oBAAoB,EAAoC,wBAAwB,CAAC"}
package/esm/alpha/select/DefaultSelectControl.css CHANGED
@@ -1 +1,2 @@
1
- @layer cds{.noFocusOutlineCss-n1gl6kcn:focus,.noFocusOutlineCss-n1gl6kcn:focus-visible,.noFocusOutlineCss-n1gl6kcn:focus-within{outline:none;}}
1
+ @layer cds{.noFocusOutlineCss-n1gl6kcn:focus,.noFocusOutlineCss-n1gl6kcn:focus-visible,.noFocusOutlineCss-n1gl6kcn:focus-within{outline:none;}
2
+ .selectedOptionChipContentCss-s1kle8pq{min-width:0;}.selectedOptionChipContentCss-s1kle8pq > :not(:last-child){min-width:0;max-width:100%;}}
package/esm/alpha/select/DefaultSelectControl.js CHANGED
@@ -27,6 +27,7 @@ const LABEL_VARIANT_INSIDE_HEIGHT = 32;
27
27
  const COMPACT_HEIGHT = 40;
28
28
  const DEFAULT_HEIGHT = 56;
29
29
  const noFocusOutlineCss = "noFocusOutlineCss-n1gl6kcn";
30
+ const selectedOptionChipContentCss = "selectedOptionChipContentCss-s1kle8pq";
30
31
  const variantColor = {
31
32
  foreground: 'fg',
32
33
  positive: 'fgPositive',
@@ -190,11 +191,20 @@ const DefaultSelectControlComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(
190
191
  "data-selected-value": true,
191
192
  accessibilityLabel: "".concat(removeSelectedOptionAccessibilityLabel, " ").concat(accessibilityLabel),
192
193
  borderWidth: 0,
194
+ classNames: {
195
+ content: selectedOptionChipContentCss
196
+ },
193
197
  disabled: option.disabled,
194
198
  invertColorScheme: false,
195
199
  maxWidth: 200,
196
200
  onClick: event => handleUnselectValue(event, index),
197
- children: (_ref7 = (_ref8 = (_option$label3 = option.label) !== null && _option$label3 !== void 0 ? _option$label3 : option.description) !== null && _ref8 !== void 0 ? _ref8 : option.value) !== null && _ref7 !== void 0 ? _ref7 : ''
201
+ children: /*#__PURE__*/_jsx(Text, {
202
+ color: "fg",
203
+ flexShrink: 1,
204
+ font: "label1",
205
+ overflow: "truncate",
206
+ children: (_ref7 = (_ref8 = (_option$label3 = option.label) !== null && _option$label3 !== void 0 ? _option$label3 : option.description) !== null && _ref8 !== void 0 ? _ref8 : option.value) !== null && _ref7 !== void 0 ? _ref7 : ''
207
+ })
198
208
  }, option.value);
199
209
  }), value.length - maxSelectedOptionsToShow > 0 && /*#__PURE__*/_jsx(InputChip, {
200
210
  compact: true,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coinbase/cds-web",
3
- "version": "8.48.0",
3
+ "version": "8.48.1",
4
4
  "description": "Coinbase Design System - Web",
5
5
  "repository": {
6
6
  "type": "git",
@@ -207,7 +207,7 @@
207
207
  "react-dom": "^18.3.1"
208
208
  },
209
209
  "dependencies": {
210
- "@coinbase/cds-common": "^8.48.0",
210
+ "@coinbase/cds-common": "^8.48.1",
211
211
  "@coinbase/cds-icons": "^5.11.0",
212
212
  "@coinbase/cds-illustrations": "^4.31.0",
213
213
  "@coinbase/cds-lottie-files": "^3.3.4",