@coinbase/cds-mcp-server 8.28.2 → 8.30.0

package/mcp-docs/web/hooks/useOverlayContentContext.txt

@@ -83,7 +83,7 @@ function ExampleComponent() {
 
   return (
     <VStack gap={2}>
-      <TextHeadline>Overlay Context Information</TextHeadline>
+      <Text font="headline">Overlay Context Information</Text>
       <Text>Is inside any overlay: {isOverlay ? 'Yes' : 'No'}</Text>
       <Text>Is inside modal: {isModal ? 'Yes' : 'No'}</Text>
       <Text>Is inside drawer/tray: {isDrawer ? 'Yes' : 'No'}</Text>
@@ -106,7 +106,7 @@ function ModalExample() {
 
     return (
       <VStack gap={2}>
-        <TextHeadline>Overlay Context Information</TextHeadline>
+        <Text font="headline">Overlay Context Information</Text>
         <Text>Is inside any overlay: {isOverlay ? 'Yes' : 'No'}</Text>
         <Text>Is inside modal: {isModal ? 'Yes' : 'No'}</Text>
         <Text>Is inside drawer/tray: {isDrawer ? 'Yes' : 'No'}</Text>
@@ -118,7 +118,7 @@ function ModalExample() {
   return (
     <VStack gap={3}>
       <VStack gap={2} padding={3} background="bgSecondary" borderRadius={400}>
-        <TextHeadline>Outside Modal</TextHeadline>
+        <Text font="headline">Outside Modal</Text>
         <ExampleComponent />
       </VStack>
 
@@ -156,7 +156,7 @@ function ContextProviderExample() {
 
     return (
       <VStack gap={2}>
-        <TextHeadline>Overlay Context Information</TextHeadline>
+        <Text font="headline">Overlay Context Information</Text>
         <Text>Is inside any overlay: {isOverlay ? 'Yes' : 'No'}</Text>
         <Text>Is inside modal: {isModal ? 'Yes' : 'No'}</Text>
         <Text>Is inside drawer/tray: {isDrawer ? 'Yes' : 'No'}</Text>
@@ -174,7 +174,7 @@ function ContextProviderExample() {
   return (
     <OverlayContentContext.Provider value={contextValue}>
       <VStack gap={2} padding={3} background="bgSecondary" borderRadius={400}>
-        <TextHeadline>Inside Context Provider</TextHeadline>
+        <Text font="headline">Inside Context Provider</Text>
         <ExampleComponent />
       </VStack>
     </OverlayContentContext.Provider>
@@ -195,7 +195,7 @@ function ConditionalRenderingExample() {
 
     return (
       <VStack gap={2}>
-        <TextHeadline>Conditional Content</TextHeadline>
+        <Text font="headline">Conditional Content</Text>
         {isOverlay ? (
           <VStack gap={1}>
             <Text color="fgPositive">✓ This content shows when inside an overlay</Text>
@@ -211,7 +211,7 @@ function ConditionalRenderingExample() {
   return (
     <VStack gap={3}>
       <VStack gap={2} padding={3} background="bgSecondary" borderRadius={400}>
-        <TextHeadline>Outside Modal</TextHeadline>
+        <Text font="headline">Outside Modal</Text>
         <ConditionalContent />
       </VStack>
 
@@ -251,7 +251,7 @@ function StylingExample() {
 
     return (
       <VStack padding={3} background={getBackgroundColor()} borderRadius={400} gap={2}>
-        <TextHeadline>Dynamic Styling</TextHeadline>
+        <Text font="headline">Dynamic Styling</Text>
         <Text>{getStatusText()}</Text>
         <Text color="fgMuted" font="caption">
           Background color: {getBackgroundColor()}

package/mcp-docs/web/hooks/usePreviousValue.txt

@@ -39,8 +39,8 @@ function Example() {
   return (
     <VStack gap={3} alignItems="start">
       <VStack gap={1}>
-        <TextHeadline>Current count: {count}</TextHeadline>
-        <TextHeadline>Previous count: {previousCount ?? 'None'}</TextHeadline>
+        <Text font="headline">Current count: {count}</Text>
+        <Text font="headline">Previous count: {previousCount ?? 'None'}</Text>
       </VStack>
       <Button onClick={() => setCount(count + 1)}>Increment</Button>
     </VStack>
@@ -62,9 +62,9 @@ function Example() {
   return (
     <VStack gap={3} alignItems="start">
       <VStack gap={1}>
-        <TextHeadline>Name: {user.name}</TextHeadline>
-        <TextHeadline>Age: {user.age}</TextHeadline>
-        <TextHeadline>Previous age: {previousUser?.age ?? 'None'}</TextHeadline>
+        <Text font="headline">Name: {user.name}</Text>
+        <Text font="headline">Age: {user.age}</Text>
+        <Text font="headline">Previous age: {previousUser?.age ?? 'None'}</Text>
       </VStack>
       <Button onClick={updateAge}>Add Year</Button>
     </VStack>

package/mcp-docs/web/hooks/useRefMap.txt

@@ -56,7 +56,7 @@ function Example() {
         background="bgAlternate"
         borderRadius={300}
       >
-        <TextBody>This box is registered with ID 'box1'</TextBody>
+        <Text font="body">This box is registered with ID 'box1'</Text>
       </Box>
       <Button onClick={handleClick}>Get Box Dimensions</Button>
     </VStack>
@@ -103,7 +103,7 @@ function Example() {
           background="bgAlternate"
           borderRadius={300}
         >
-          <TextBody>Box 1</TextBody>
+          <Text font="body">Box 1</Text>
         </Box>
 
         <Box
@@ -112,7 +112,7 @@ function Example() {
           background="bgAlternate"
           borderRadius={300}
         >
-          <TextBody>Box 2</TextBody>
+          <Text font="body">Box 2</Text>
         </Box>
 
         <Box
@@ -121,7 +121,7 @@ function Example() {
           background="bgAlternate"
           borderRadius={300}
         >
-          <TextBody>Box 3</TextBody>
+          <Text font="body">Box 3</Text>
         </Box>
       </VStack>
     </VStack>
@@ -158,7 +158,7 @@ function Example() {
         background="bgAlternate"
         borderRadius={300}
       >
-        <TextBody>Box 1</TextBody>
+        <Text font="body">Box 1</Text>
       </Box>
 
       <Box
@@ -167,7 +167,7 @@ function Example() {
         background="bgAlternate"
         borderRadius={300}
       >
-        <TextBody>Box 2</TextBody>
+        <Text font="body">Box 2</Text>
       </Box>
 
       <Button onClick={logRefs}>Log Refs</Button>

package/mcp-docs/web/hooks/useScrollBlocker.txt

@@ -44,7 +44,7 @@ function Example() {
 
   return (
     <VStack gap={3} alignItems="start">
-      <TextHeadline>Scroll is currently {isBlocked ? 'blocked' : 'enabled'}</TextHeadline>
+      <Text font="headline">Scroll is currently {isBlocked ? 'blocked' : 'enabled'}</Text>
       <Button onClick={toggleScroll}>{isBlocked ? 'Enable Scroll' : 'Block Scroll'}</Button>
     </VStack>
   );

package/mcp-docs/web/hooks/useTheme.txt

@@ -300,7 +300,7 @@ function Example() {
   return (
     <VStack gap={2}>
       <Box padding={3} background="bgAlternate" borderRadius={300}>
-        <TextHeadline>Current Color Scheme: {theme.activeColorScheme}</TextHeadline>
+        <Text font="headline">Current Color Scheme: {theme.activeColorScheme}</Text>
       </Box>
 
       <VStack padding={3} background="bgAlternate" borderRadius={300}>
@@ -354,9 +354,9 @@ function Example() {
   return (
     <Box gap={0.5} borderRadius={300} alignItems="baseline">
       <Text as="span">This box adapts to {isDarkMode ? 'dark' : 'light'} mode</Text>
-      <TextHeadline as="span" color={isDarkMode ? 'fgMuted' : 'fgPrimary'}>
+      <Text as="span" font="headline" color={isDarkMode ? 'fgMuted' : 'fgPrimary'}>
         with adaptive text colors
-      </TextHeadline>
+      </Text>
     </Box>
   );
 }

package/mcp-docs/web/routes.txt

@@ -103,6 +103,7 @@
 - [InputChip](web/components/InputChip.txt): A Chip used for removable selections.
 - [IconButton](web/components/IconButton.txt): A Button with an Icon for content.
 - [ControlGroup](web/components/ControlGroup.txt): A layout component that arranges and manages a group of related controls, such as radio buttons, switches, or checkboxes.
+- [Combobox](web/components/Combobox.txt): A flexible combobox component for both single and multi-selection, built for web applications with comprehensive accessibility support.
 - [Chip](web/components/Chip.txt): A compact, interactive content element.
 - [CheckboxGroup](web/components/CheckboxGroup.txt): CheckboxGroup is a control component that allows users to select multiple options from a set of choices. It manages the state and layout of multiple checkbox inputs as a cohesive group.
 - [CheckboxCell](web/components/CheckboxCell.txt): A selectable cell that pairs a checkbox with a title and description for multi-choice selections.

package/package.json

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