@coinbase/cds-web 8.48.0 → 8.48.2

package/CHANGELOG.md

@@ -8,6 +8,16 @@ All notable changes to this project will be documented in this file.
 
 <!-- template-start -->
 
+## 8.48.2 ((2/25/2026, 04:21 PM PST))
+
+This is an artificial version bump with no new change.
+
+## 8.48.1 (2/25/2026 PST)
+
+#### 🐞 Fixes
+
+- Truncate text mid-word in multi-select chips. [[#412](https://github.com/coinbase/cds/pull/412)]
+
 ## 8.48.0 (2/24/2026 PST)
 
 #### 🚀 Updates

package/dts/alpha/select/DefaultSelectControl.d.ts.map

@@ -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"}
+{"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

@@ -1 +1,2 @@
-@layer cds{.noFocusOutlineCss-n1gl6kcn:focus,.noFocusOutlineCss-n1gl6kcn:focus-visible,.noFocusOutlineCss-n1gl6kcn:focus-within{outline:none;}}
+@layer cds{.noFocusOutlineCss-n1gl6kcn:focus,.noFocusOutlineCss-n1gl6kcn:focus-visible,.noFocusOutlineCss-n1gl6kcn:focus-within{outline:none;}
+.selectedOptionChipContentCss-s1kle8pq{min-width:0;}.selectedOptionChipContentCss-s1kle8pq > :not(:last-child){min-width:0;max-width:100%;}}

package/esm/alpha/select/DefaultSelectControl.js

@@ -27,6 +27,7 @@ const LABEL_VARIANT_INSIDE_HEIGHT = 32;
 const COMPACT_HEIGHT = 40;
 const DEFAULT_HEIGHT = 56;
 const noFocusOutlineCss = "noFocusOutlineCss-n1gl6kcn";
+const selectedOptionChipContentCss = "selectedOptionChipContentCss-s1kle8pq";
 const variantColor = {
   foreground: 'fg',
   positive: 'fgPositive',
@@ -190,11 +191,20 @@ const DefaultSelectControlComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(
             "data-selected-value": true,
             accessibilityLabel: "".concat(removeSelectedOptionAccessibilityLabel, " ").concat(accessibilityLabel),
             borderWidth: 0,
+            classNames: {
+              content: selectedOptionChipContentCss
+            },
             disabled: option.disabled,
             invertColorScheme: false,
             maxWidth: 200,
             onClick: event => handleUnselectValue(event, index),
-            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 : ''
+            children: /*#__PURE__*/_jsx(Text, {
+              color: "fg",
+              flexShrink: 1,
+              font: "label1",
+              overflow: "truncate",
+              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 : ''
+            })
           }, option.value);
         }), value.length - maxSelectedOptionsToShow > 0 && /*#__PURE__*/_jsx(InputChip, {
           compact: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cds-web",
-  "version": "8.48.0",
+  "version": "8.48.2",
   "description": "Coinbase Design System - Web",
   "repository": {
     "type": "git",
@@ -207,7 +207,7 @@
     "react-dom": "^18.3.1"
   },
   "dependencies": {
-    "@coinbase/cds-common": "^8.48.0",
+    "@coinbase/cds-common": "^8.48.2",
     "@coinbase/cds-icons": "^5.11.0",
     "@coinbase/cds-illustrations": "^4.31.0",
     "@coinbase/cds-lottie-files": "^3.3.4",