@coinbase/cds-mcp-server 8.28.1 → 8.29.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 (82) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/mcp-docs/mobile/components/Accordion.txt +3 -1
  3. package/mcp-docs/mobile/components/Alert.txt +3 -1
  4. package/mcp-docs/mobile/components/Banner.txt +14 -14
  5. package/mcp-docs/mobile/components/Button.txt +173 -30
  6. package/mcp-docs/mobile/components/Carousel.txt +24 -24
  7. package/mcp-docs/mobile/components/Combobox.txt +187 -0
  8. package/mcp-docs/mobile/components/ContainedAssetCard.txt +4 -4
  9. package/mcp-docs/mobile/components/ContentCard.txt +29 -27
  10. package/mcp-docs/mobile/components/ContentCardBody.txt +4 -4
  11. package/mcp-docs/mobile/components/ContentCardHeader.txt +2 -2
  12. package/mcp-docs/mobile/components/FloatingAssetCard.txt +6 -6
  13. package/mcp-docs/mobile/components/IconButton.txt +126 -51
  14. package/mcp-docs/mobile/components/LineChart.txt +3 -2
  15. package/mcp-docs/mobile/components/MultiContentModule.txt +6 -6
  16. package/mcp-docs/mobile/components/Numpad.txt +2 -2
  17. package/mcp-docs/mobile/components/PageHeader.txt +3 -1
  18. package/mcp-docs/mobile/components/PeriodSelector.txt +4 -4
  19. package/mcp-docs/mobile/components/Pressable.txt +6 -2
  20. package/mcp-docs/mobile/components/ProgressBarWithFixedLabels.txt +4 -4
  21. package/mcp-docs/mobile/components/ProgressBarWithFloatLabel.txt +2 -2
  22. package/mcp-docs/mobile/components/ProgressCircle.txt +5 -1
  23. package/mcp-docs/mobile/components/SelectChip.txt +2 -0
  24. package/mcp-docs/mobile/components/SelectChipAlpha.txt +1 -1
  25. package/mcp-docs/mobile/components/SlideButton.txt +2 -2
  26. package/mcp-docs/mobile/components/Sparkline.txt +3 -1
  27. package/mcp-docs/mobile/components/SparklineGradient.txt +3 -1
  28. package/mcp-docs/mobile/components/SparklineInteractiveHeader.txt +3 -1
  29. package/mcp-docs/mobile/components/TabbedChips.txt +3 -1
  30. package/mcp-docs/mobile/components/Tag.txt +19 -9
  31. package/mcp-docs/mobile/components/TextInput.txt +9 -3
  32. package/mcp-docs/mobile/components/Tray.txt +2 -0
  33. package/mcp-docs/mobile/components/UpsellCard.txt +16 -16
  34. package/mcp-docs/mobile/hooks/useDimensions.txt +4 -4
  35. package/mcp-docs/mobile/hooks/useMergeRefs.txt +4 -4
  36. package/mcp-docs/mobile/hooks/usePreviousValue.txt +5 -5
  37. package/mcp-docs/mobile/hooks/useRefMap.txt +6 -6
  38. package/mcp-docs/mobile/routes.txt +1 -0
  39. package/mcp-docs/web/components/Accordion.txt +3 -1
  40. package/mcp-docs/web/components/Alert.txt +3 -1
  41. package/mcp-docs/web/components/Banner.txt +14 -14
  42. package/mcp-docs/web/components/Button.txt +188 -34
  43. package/mcp-docs/web/components/Carousel.txt +71 -65
  44. package/mcp-docs/web/components/Combobox.txt +176 -0
  45. package/mcp-docs/web/components/ContainedAssetCard.txt +4 -4
  46. package/mcp-docs/web/components/ContentCard.txt +29 -27
  47. package/mcp-docs/web/components/ContentCardBody.txt +4 -4
  48. package/mcp-docs/web/components/ContentCardHeader.txt +2 -2
  49. package/mcp-docs/web/components/FloatingAssetCard.txt +6 -6
  50. package/mcp-docs/web/components/FullscreenModal.txt +12 -4
  51. package/mcp-docs/web/components/GridColumn.txt +12 -4
  52. package/mcp-docs/web/components/IconButton.txt +164 -189
  53. package/mcp-docs/web/components/LineChart.txt +3 -2
  54. package/mcp-docs/web/components/MultiContentModule.txt +6 -6
  55. package/mcp-docs/web/components/PageHeader.txt +11 -9
  56. package/mcp-docs/web/components/ProgressBarWithFixedLabels.txt +4 -4
  57. package/mcp-docs/web/components/ProgressBarWithFloatLabel.txt +2 -2
  58. package/mcp-docs/web/components/ProgressCircle.txt +5 -1
  59. package/mcp-docs/web/components/SelectChipAlpha.txt +1 -1
  60. package/mcp-docs/web/components/Sidebar.txt +2 -2
  61. package/mcp-docs/web/components/Sparkline.txt +3 -1
  62. package/mcp-docs/web/components/SparklineGradient.txt +3 -1
  63. package/mcp-docs/web/components/SparklineInteractiveHeader.txt +3 -1
  64. package/mcp-docs/web/components/TabbedChips.txt +3 -1
  65. package/mcp-docs/web/components/TableBody.txt +2 -2
  66. package/mcp-docs/web/components/TableCaption.txt +2 -2
  67. package/mcp-docs/web/components/TableCell.txt +6 -6
  68. package/mcp-docs/web/components/Tag.txt +19 -9
  69. package/mcp-docs/web/components/TextInput.txt +9 -3
  70. package/mcp-docs/web/components/Tray.txt +2 -1
  71. package/mcp-docs/web/components/UpsellCard.txt +16 -16
  72. package/mcp-docs/web/hooks/useDimensions.txt +4 -4
  73. package/mcp-docs/web/hooks/useHasMounted.txt +7 -3
  74. package/mcp-docs/web/hooks/useIsoEffect.txt +1 -1
  75. package/mcp-docs/web/hooks/useMergeRefs.txt +4 -4
  76. package/mcp-docs/web/hooks/useOverlayContentContext.txt +8 -8
  77. package/mcp-docs/web/hooks/usePreviousValue.txt +5 -5
  78. package/mcp-docs/web/hooks/useRefMap.txt +6 -6
  79. package/mcp-docs/web/hooks/useScrollBlocker.txt +1 -1
  80. package/mcp-docs/web/hooks/useTheme.txt +3 -3
  81. package/mcp-docs/web/routes.txt +1 -0
  82. package/package.json +1 -1
@@ -30,9 +30,9 @@ function Example() {
30
30
  }
31
31
  meta={
32
32
  <Box marginLeft={-1}>
33
- <TextLabel2 as="span" color="fgMuted" marginLeft={-1} numberOfLines={1}>
33
+ <Text as="span" font="label2" color="fgMuted" marginLeft={-1} numberOfLines={1}>
34
34
  ・News・5 hrs
35
- </TextLabel2>
35
+ </Text>
36
36
  </Box>
37
37
  }
38
38
  title="Description"
@@ -41,12 +41,12 @@ function Example() {
41
41
  body="Bitcoin Network Shatters Records With Hashrate Climbing to 464 EH/s"
42
42
  label={
43
43
  <HStack alignItems="flex-end" flexWrap="wrap" gap={0.5}>
44
- <TextLabel2 as="p" color="fgMuted" numberOfLines={1}>
44
+ <Text as="p" font="label2" color="fgMuted" numberOfLines={1}>
45
45
  BTC
46
- </TextLabel2>
47
- <TextLabel2 accessibilityLabel="Up 5.12%" as="p" color="fgPositive">
46
+ </Text>
47
+ <Text font="label2" accessibilityLabel="Up 5.12%" as="p" color="fgPositive">
48
48
  ↗ 5.12%
49
- </TextLabel2>
49
+ </Text>
50
50
  </HStack>
51
51
  }
52
52
  />
@@ -55,9 +55,9 @@ function Example() {
55
55
  <ContentCardHeader
56
56
  meta={
57
57
  <Box marginLeft={-1}>
58
- <TextLabel2 as="span" color="fgMuted" numberOfLines={1}>
58
+ <Text as="span" font="label2" color="fgMuted" numberOfLines={1}>
59
59
  ・News・5 hrs
60
- </TextLabel2>
60
+ </Text>
61
61
  </Box>
62
62
  }
63
63
  title="Brian Armstrong"
@@ -66,12 +66,12 @@ function Example() {
66
66
  body="Bitcoin Network Shatters Records With Hashrate Climbing to 464 EH/s"
67
67
  label={
68
68
  <HStack alignItems="flex-end" flexWrap="wrap" gap={0.5}>
69
- <TextLabel2 as="p" color="fgMuted" numberOfLines={1}>
69
+ <Text as="p" font="label2" color="fgMuted" numberOfLines={1}>
70
70
  BTC
71
- </TextLabel2>
72
- <TextLabel2 accessibilityLabel="Up 5.12%" as="p" color="fgPositive">
71
+ </Text>
72
+ <Text font="label2" accessibilityLabel="Up 5.12%" as="p" color="fgPositive">
73
73
  ↗ 5.12%
74
- </TextLabel2>
74
+ </Text>
75
75
  </HStack>
76
76
  }
77
77
  media={
@@ -130,18 +130,18 @@ function Example() {
130
130
  <ContentCard gap={3}>
131
131
  <ContentCardBody
132
132
  body={
133
- <TextBody as="p" paddingTop={0.5}>
133
+ <Text as="p" font="body" paddingTop={0.5}>
134
134
  Bitcoin Network Shatters Records With Hashrate Climbing to 464 EH/s
135
- </TextBody>
135
+ </Text>
136
136
  }
137
137
  label={
138
138
  <HStack alignItems="flex-end" flexWrap="wrap" gap={0.5}>
139
- <TextLabel2 as="p" color="fgMuted" numberOfLines={1}>
139
+ <Text as="p" font="label2" color="fgMuted" numberOfLines={1}>
140
140
  BTC
141
- </TextLabel2>
142
- <TextLabel2 accessibilityLabel="Up 5.12%" as="p" color="fgPositive">
141
+ </Text>
142
+ <Text font="label2" accessibilityLabel="Up 5.12%" as="p" color="fgPositive">
143
143
  ↗ 5.12%
144
- </TextLabel2>
144
+ </Text>
145
145
  </HStack>
146
146
  }
147
147
  media={
@@ -165,7 +165,9 @@ function Example() {
165
165
  <TextLegal as="span" color="fgMuted">
166
166
  Reward
167
167
  </TextLegal>
168
- <TextHeadline as="span">+$15 ACS</TextHeadline>
168
+ <Text as="span" font="headline">
169
+ +$15 ACS
170
+ </Text>
169
171
  </VStack>
170
172
  </HStack>
171
173
  <Button compact accessibilityLabel="Claim now" variant="secondary">
@@ -203,9 +205,9 @@ function Example() {
203
205
  }
204
206
  meta={
205
207
  <Box marginLeft={-1}>
206
- <TextLabel2 as="span" color="fgMuted" numberOfLines={1}>
208
+ <Text as="span" font="label2" color="fgMuted" numberOfLines={1}>
207
209
  @matdryhurst・7 mo
208
- </TextLabel2>
210
+ </Text>
209
211
  </Box>
210
212
  }
211
213
  title="Mat Dryhurst"
@@ -220,9 +222,9 @@ function Example() {
220
222
  avatar="/img/card/content_card_custom_avatar_1.png"
221
223
  meta={
222
224
  <Box marginLeft={-1}>
223
- <TextLabel2 as="span" color="fgMuted" numberOfLines={1}>
225
+ <Text as="span" font="label2" color="fgMuted" numberOfLines={1}>
224
226
  ・News・5 hrs
225
- </TextLabel2>
227
+ </Text>
226
228
  </Box>
227
229
  }
228
230
  title="Description"
@@ -240,12 +242,12 @@ function Example() {
240
242
  gap={1.5}
241
243
  label={
242
244
  <HStack alignItems="flex-end" flexWrap="wrap" gap={0.5}>
243
- <TextLabel2 as="p" color="fgMuted" numberOfLines={1}>
245
+ <Text as="p" font="label2" color="fgMuted" numberOfLines={1}>
244
246
  BTC
245
- </TextLabel2>
246
- <TextLabel2 accessibilityLabel="Up 5.12%" as="p" color="fgPositive">
247
+ </Text>
248
+ <Text font="label2" accessibilityLabel="Up 5.12%" as="p" color="fgPositive">
247
249
  ↗ 5.12%
248
- </TextLabel2>
250
+ </Text>
249
251
  </HStack>
250
252
  }
251
253
  paddingBottom={3}
@@ -18,12 +18,12 @@ import { ContentCardBody } from '@coinbase/cds-web/cards/ContentCard'
18
18
  body="Bitcoin Network Shatters Records With Hashrate Climbing to 464 EH/s"
19
19
  label={
20
20
  <HStack alignItems="flex-end" flexWrap="wrap" gap={0.5}>
21
- <TextLabel2 as="p" color="fgMuted" numberOfLines={1}>
21
+ <Text as="p" font="label2" color="fgMuted" numberOfLines={1}>
22
22
  BTC
23
- </TextLabel2>
24
- <TextLabel2 accessibilityLabel="Up 5.12%" as="p" color="fgPositive">
23
+ </Text>
24
+ <Text font="label2" accessibilityLabel="Up 5.12%" as="p" color="fgPositive">
25
25
  ↗ 5.12%
26
- </TextLabel2>
26
+ </Text>
27
27
  </HStack>
28
28
  }
29
29
  />
@@ -20,9 +20,9 @@ function Example() {
20
20
  avatar="/img/card/content_card_custom_avatar_1.png"
21
21
  meta={
22
22
  <Box marginLeft={-1}>
23
- <TextLabel2 as="span" color="fgMuted" numberOfLines={1}>
23
+ <Text as="span" font="label2" color="fgMuted" numberOfLines={1}>
24
24
  ・News・5 hrs
25
- </TextLabel2>
25
+ </Text>
26
26
  </Box>
27
27
  }
28
28
  title="Description"
@@ -58,9 +58,9 @@ function Example() {
58
58
  {
59
59
  title: '#7560',
60
60
  description: (
61
- <TextLabel2 as="p" color="fgPositive" numberOfLines={2}>
61
+ <Text as="p" font="label2" color="fgPositive" numberOfLines={2}>
62
62
  &#x2197;6.37%
63
- </TextLabel2>
63
+ </Text>
64
64
  ),
65
65
  subtitle: 'Bored Ape',
66
66
  onClick: NoopFn,
@@ -76,9 +76,9 @@ function Example() {
76
76
  {
77
77
  title: '#2015',
78
78
  description: (
79
- <TextLabel2 as="p" color="fgNegative" numberOfLines={2}>
79
+ <Text as="p" font="label2" color="fgNegative" numberOfLines={2}>
80
80
  &#x2198;6.37%
81
- </TextLabel2>
81
+ </Text>
82
82
  ),
83
83
  subtitle: 'Pudgy Penguins',
84
84
  onClick: NoopFn,
@@ -115,9 +115,9 @@ function Example() {
115
115
  {
116
116
  title: 'Parallel',
117
117
  description: (
118
- <TextLabel2 as="p" color="fgMuted" numberOfLines={2}>
118
+ <Text as="p" font="label2" color="fgMuted" numberOfLines={2}>
119
119
  &#9733;4.5
120
- </TextLabel2>
120
+ </Text>
121
121
  ),
122
122
  onClick: NoopFn,
123
123
  media: (
@@ -73,8 +73,12 @@ function DefaultModal() {
73
73
 
74
74
  const primaryContent = (
75
75
  <VStack>
76
- <TextTitle1 as="h1">Fullscreen Modal</TextTitle1>
77
- <TextBody as="p">This is a test Fullscreen Modal with components composition.</TextBody>
76
+ <Text as="h1" font="title1">
77
+ Fullscreen Modal
78
+ </Text>
79
+ <Text as="p" font="body">
80
+ This is a test Fullscreen Modal with components composition.
81
+ </Text>
78
82
  <ListCell
79
83
  title="Bitcoin"
80
84
  description="BTC"
@@ -96,10 +100,14 @@ function DefaultModal() {
96
100
  <VStack borderRadius={300} elevation={1}>
97
101
  <Accordion defaultActiveKey="2">
98
102
  <AccordionItem itemKey="1" title="Accordion #1" subtitle="subtitle1">
99
- <TextBody as="p">{loremIpsum}</TextBody>
103
+ <Text as="p" font="body">
104
+ {loremIpsum}
105
+ </Text>
100
106
  </AccordionItem>
101
107
  <AccordionItem itemKey="2" title="Accordion #2" subtitle="subtitle2">
102
- <TextBody as="p">{loremIpsum}</TextBody>
108
+ <Text as="p" font="body">
109
+ {loremIpsum}
110
+ </Text>
103
111
  </AccordionItem>
104
112
  </Accordion>
105
113
  </VStack>
@@ -64,13 +64,19 @@ function FullBleedExample() {
64
64
  return (
65
65
  <Grid gap={0.5} templateColumns="100px 1fr 100px">
66
66
  <Item background="bg">
67
- <TextBody as="p">Gutter</TextBody>
67
+ <Text as="p" font="body">
68
+ Gutter
69
+ </Text>
68
70
  </Item>
69
71
  <Item>
70
- <TextBody as="p">Body</TextBody>
72
+ <Text as="p" font="body">
73
+ Body
74
+ </Text>
71
75
  </Item>
72
76
  <Item background="bg">
73
- <TextBody as="p">Gutter</TextBody>
77
+ <Text as="p" font="body">
78
+ Gutter
79
+ </Text>
74
80
  </Item>
75
81
  <GridColumn
76
82
  // this is shorthand for first grid line to the last
@@ -81,7 +87,9 @@ function FullBleedExample() {
81
87
  background="bgAlternate"
82
88
  padding={2}
83
89
  >
84
- <TextBody as="p">Full Bleed</TextBody>
90
+ <Text as="p" font="body">
91
+ Full Bleed
92
+ </Text>
85
93
  </GridColumn>
86
94
  </Grid>
87
95
  );