@coinbase/cds-mcp-server 8.17.5 → 8.17.6

package/CHANGELOG.md

@@ -8,6 +8,10 @@ All notable changes to this project will be documented in this file.
 
 <!-- template-start -->
 
+## 8.17.6 ((10/28/2025, 02:28 PM PST))
+
+This is an artificial version bump with no new change.
+
 ## 8.17.5 ((10/27/2025, 04:19 PM PST))
 
 This is an artificial version bump with no new change.

package/mcp-docs/mobile/components/ListCell.txt

@@ -184,6 +184,98 @@ The accessibility props are only applied when the `<ListCell>` has a value for t
 />
 ```
 
+### Priority
+
+The priority prop controls which parts of the cell are protected from shrinking and truncation when horizontal space is limited. It accepts start, middle, and end as a string or an array of strings.
+
+```tsx
+function PriorityContent() {
+  const dimensions = { width: 62, height: 18 };
+  const sparklineData = prices
+    .map((price) => parseFloat(price))
+    .filter((price, index) => index % 10 === 0);
+  const referenceY = sparklineData[Math.floor(sparklineData.length / 3)];
+
+  const CompactChart = memo(({ data, color, showArea = false, referenceY }) => (
+    <Box style={{ padding: 1 }}>
+      <LineChart
+        {...dimensions}
+        enableScrubbing={false}
+        overflow="visible"
+        inset={0}
+        showArea={showArea}
+        series={[
+          {
+            id: 'series',
+            data,
+            color,
+          },
+        ]}
+      >
+        <ReferenceLine dataY={referenceY} />
+      </LineChart>
+    </Box>
+  ));
+
+  return (
+    <VStack gap={3} style={{ width: '100%', maxWidth: 320, overflow: 'hidden' }}>
+      <ListCell
+        spacingVariant="condensed"
+        title="Asset with a really long name"
+        description="Some description of the asset"
+        intermediary={
+          <CompactChart data={sparklineData} color={assets.btc.color} referenceY={referenceY} />
+        }
+        detail="$334,239.03"
+        subdetail="+4.06%"
+        priority="start"
+        variant="positive"
+        onPress={() => {}}
+      />
+      <ListCell
+        spacingVariant="condensed"
+        title="Asset with a really long name"
+        description="Some description of the asset"
+        intermediary={
+          <CompactChart data={sparklineData} color={assets.btc.color} referenceY={referenceY} />
+        }
+        detail="$334,239.03"
+        subdetail="+4.06%"
+        priority="middle"
+        variant="positive"
+        onPress={() => {}}
+      />
+      <ListCell
+        spacingVariant="condensed"
+        title="Asset with a really long name"
+        description="Some description of the asset"
+        intermediary={
+          <CompactChart data={sparklineData} color={assets.btc.color} referenceY={referenceY} />
+        }
+        detail="$334,239.03"
+        subdetail="+4.06%"
+        priority="end"
+        variant="positive"
+        onPress={() => {}}
+      />
+      <ListCell
+        spacingVariant="condensed"
+        title="Asset with a really long name"
+        description="Some description of the asset"
+        intermediary={
+          <CompactChart data={sparklineData} color={assets.btc.color} referenceY={referenceY} />
+        }
+        detail="$334,239.03"
+        subdetail="+4.06%"
+        priority={['start', 'middle', 'end']}
+        variant="warning"
+        onPress={() => {}}
+      />
+    </VStack>
+  );
+}
+```
+
 ### Loading States
 
 The ListCellFallback component provides loading state representations of ListCell. It uses placeholder rectangles to indicate where content will appear, creating a smooth loading experience. The mobile version leverages the theme system for consistent line heights and reuses the ListCell component structure for layout consistency.

package/mcp-docs/web/components/ListCell.txt

@@ -216,6 +216,88 @@ The ListCellFallback component provides loading state representations of ListCel
 </VStack>
 ```
 
+### Priority
+
+The priority prop controls which parts of the cell are protected from shrinking and truncation when horizontal space is limited. It accepts start, middle, and end as a string or an array of strings.
+
+```tsx live
+function PriorityCOntent() {
+  const dimensions = { width: 62, height: 18 };
+  const sparklineData = prices
+    .map((price) => parseFloat(price))
+    .filter((price, index) => index % 10 === 0);
+  const referenceY = sparklineData[Math.floor(sparklineData.length / 3)];
+
+  const CompactChart = memo(
+    ({ data, color = 'var(--color-fgPositive)', showArea = false, referenceY }) => (
+      <Box style={{ padding: 1 }}>
+        <LineChart
+          {...dimensions}
+          enableScrubbing={false}
+          overflow="visible"
+          inset={0}
+          showArea={showArea}
+          series={[
+            {
+              id: 'series',
+              data,
+              color,
+            },
+          ]}
+        >
+          <ReferenceLine dataY={referenceY} />
+        </LineChart>
+      </Box>
+    ),
+  );
+
+  return (
+    <VStack gap={3} style={{ width: '100%', maxWidth: 320, overflow: 'hidden' }}>
+      <ListCell
+        spacingVariant="condensed"
+        title="Asset with a really long name"
+        description="Some description of the asset"
+        intermediary={<CompactChart data={sparklineData} referenceY={referenceY} />}
+        detail="$334,239.03"
+        subdetail="+4.06%"
+        priority="start"
+        variant="positive"
+      />
+      <ListCell
+        spacingVariant="condensed"
+        title="Asset with a really long name"
+        description="Some description of the asset"
+        intermediary={<CompactChart data={sparklineData} referenceY={referenceY} />}
+        detail="$334,239.03"
+        subdetail="+4.06%"
+        priority="middle"
+        variant="positive"
+      />
+      <ListCell
+        spacingVariant="condensed"
+        title="Asset with a really long name"
+        description="Some description of the asset"
+        intermediary={<CompactChart data={sparklineData} referenceY={referenceY} />}
+        detail="$334,239.03"
+        subdetail="+4.06%"
+        priority="end"
+        variant="positive"
+      />
+      <ListCell
+        spacingVariant="condensed"
+        title="Asset with a really long name"
+        description="Some description of the asset"
+        intermediary={<CompactChart data={sparklineData} referenceY={referenceY} />}
+        detail="$334,239.03"
+        subdetail="+4.06%"
+        priority={['start', 'middle', 'end']}
+        variant="warning"
+      />
+    </VStack>
+  );
+}
+```
+
 ### Anatomy
 
 Without helper text (top-only layout):

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cds-mcp-server",
-  "version": "8.17.5",
+  "version": "8.17.6",
   "description": "Coinbase Design System - MCP Server",
   "repository": {
     "type": "git",