@coinbase/cds-mcp-server 8.45.0 → 8.46.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.
package/CHANGELOG.md
CHANGED
|
@@ -8,6 +8,14 @@ All notable changes to this project will be documented in this file.
|
|
|
8
8
|
|
|
9
9
|
<!-- template-start -->
|
|
10
10
|
|
|
11
|
+
## 8.46.1 ((2/12/2026, 01:01 PM PST))
|
|
12
|
+
|
|
13
|
+
This is an artificial version bump with no new change.
|
|
14
|
+
|
|
15
|
+
## 8.46.0 ((2/12/2026, 11:34 AM PST))
|
|
16
|
+
|
|
17
|
+
This is an artificial version bump with no new change.
|
|
18
|
+
|
|
11
19
|
## 8.45.0 ((2/12/2026, 07:33 AM PST))
|
|
12
20
|
|
|
13
21
|
This is an artificial version bump with no new change.
|
|
@@ -53,6 +53,28 @@ function TooltipColorSchemeOptOut() {
|
|
|
53
53
|
}
|
|
54
54
|
```
|
|
55
55
|
|
|
56
|
+
### Visibility delay (press)
|
|
57
|
+
|
|
58
|
+
Use `openDelay` and `closeDelay` to slow down activation/dismissal when users tap through dense surfaces.
|
|
59
|
+
|
|
60
|
+
```jsx
|
|
61
|
+
function TooltipVisibilityDelay() {
|
|
62
|
+
return (
|
|
63
|
+
<HStack spacingHorizontal={2} gap={2} justifyContent="space-around">
|
|
64
|
+
<Tooltip content="Opens after 400ms" openDelay={400}>
|
|
65
|
+
<Button>Open delay 400ms</Button>
|
|
66
|
+
</Tooltip>
|
|
67
|
+
<Tooltip content="Closes after 150ms" closeDelay={150}>
|
|
68
|
+
<Button>Close delay 150ms</Button>
|
|
69
|
+
</Tooltip>
|
|
70
|
+
<Tooltip content="Open 400 / Close 150" openDelay={400} closeDelay={150}>
|
|
71
|
+
<Button>Open 400 / Close 150</Button>
|
|
72
|
+
</Tooltip>
|
|
73
|
+
</HStack>
|
|
74
|
+
);
|
|
75
|
+
}
|
|
76
|
+
```
|
|
77
|
+
|
|
56
78
|
## Props
|
|
57
79
|
|
|
58
80
|
| Prop | Type | Required | Default | Description |
|
|
@@ -62,11 +84,13 @@ function TooltipColorSchemeOptOut() {
|
|
|
62
84
|
| `accessibilityHintForContent` | `string` | No | `-` | The accessibilityHint for the content of the tooltip. If content is a string, this is not required as accessibilityHint would be set to the content. Otherwise, this is required |
|
|
63
85
|
| `accessibilityLabel` | `string` | No | `-` | If the children of the trigger is not a string, then you have to set your own accessibilityLabel to ensure that the tooltip is read correctly for voice-overs. |
|
|
64
86
|
| `accessibilityLabelForContent` | `string` | No | `-` | The accessibilityLabel for the content of the tooltip. If content is a string, this is not required as accessibilityHint would be set to the content. Otherwise, this is required |
|
|
87
|
+
| `closeDelay` | `number` | No | `-` | Delay (in ms) before hiding the tooltip after dismiss. |
|
|
65
88
|
| `elevation` | `0 \| 1 \| 2` | No | `-` | Determines a components shadow styles. Parent should have overflow set to visible to ensure styles are not clipped. |
|
|
66
89
|
| `gap` | `0 \| 1 \| 2 \| 0.25 \| 0.5 \| 0.75 \| 1.5 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10` | No | `1` | This value corresponds to how big the gap between the subject and the tooltip is. We do not encourage usage of this prop. But it is enabled for special cases as an escape hatch. |
|
|
67
90
|
| `invertColorScheme` | `boolean` | No | `true` | Invert the themes activeColorScheme for this component |
|
|
68
91
|
| `onCloseTooltip` | `(() => void)` | No | `-` | This callback executes when the tooltip is closed; either by press outside the toolip or on back button press for android. |
|
|
69
92
|
| `onOpenTooltip` | `(() => void)` | No | `-` | This callback executes when the tooltip is opened |
|
|
93
|
+
| `openDelay` | `number` | No | `-` | Delay (in ms) before showing the tooltip after press. |
|
|
70
94
|
| `placement` | `top \| bottom` | No | `-` | Position of tooltip in relation to the subject. |
|
|
71
95
|
| `testID` | `string` | No | `-` | Used to locate this element in unit and end-to-end tests. Under the hood, testID translates to data-testid on Web. On Mobile, testID stays the same - testID |
|
|
72
96
|
| `visible` | `boolean` | No | `true` | Control whether the tooltip is shown or hidden. |
|
|
@@ -102,12 +102,35 @@ You can use tooltips within `TextInput` to provide more context.
|
|
|
102
102
|
/>
|
|
103
103
|
```
|
|
104
104
|
|
|
105
|
+
### Visibility delay (hover)
|
|
106
|
+
|
|
107
|
+
Use `openDelay` and `closeDelay` to slow down hover activation and reduce accidental opens on dense UI. Keyboard focus still opens immediately.
|
|
108
|
+
|
|
109
|
+
```jsx live
|
|
110
|
+
function TooltipVisibilityDelay() {
|
|
111
|
+
return (
|
|
112
|
+
<HStack spacingHorizontal={2} gap={2} justifyContent="space-around">
|
|
113
|
+
<Tooltip content="Opens after 400ms" openDelay={400}>
|
|
114
|
+
<Button>Open delay 400ms</Button>
|
|
115
|
+
</Tooltip>
|
|
116
|
+
<Tooltip content="Closes after 150ms" closeDelay={150}>
|
|
117
|
+
<Button>Close delay 150ms</Button>
|
|
118
|
+
</Tooltip>
|
|
119
|
+
<Tooltip content="Open 400 / Close 150" openDelay={400} closeDelay={150}>
|
|
120
|
+
<Button>Open 400 / Close 150</Button>
|
|
121
|
+
</Tooltip>
|
|
122
|
+
</HStack>
|
|
123
|
+
);
|
|
124
|
+
}
|
|
125
|
+
```
|
|
126
|
+
|
|
105
127
|
## Props
|
|
106
128
|
|
|
107
129
|
| Prop | Type | Required | Default | Description |
|
|
108
130
|
| --- | --- | --- | --- | --- |
|
|
109
131
|
| `content` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | Yes | `-` | The content to render within the tooltip. |
|
|
110
132
|
| `autoFocusDelay` | `number` | No | `undefined` | The amount of time in milliseconds to wait before auto-focusing the first focusable element. |
|
|
133
|
+
| `closeDelay` | `number` | No | `-` | Delay (in ms) before hiding the tooltip after pointer leave. Keyboard blur still closes immediately. |
|
|
111
134
|
| `disableAutoFocus` | `boolean` | No | `false` | If true, the focus trap will not automatically shift focus to itself when it opens, and replace it to the last focused element when it closes. |
|
|
112
135
|
| `disableFocusTrap` | `boolean` | No | `-` | Disables the focus trap to allow normal keyboard navigation. |
|
|
113
136
|
| `disablePortal` | `boolean` | No | `false` | - |
|
|
@@ -116,6 +139,7 @@ You can use tooltips within `TextInput` to provide more context.
|
|
|
116
139
|
| `focusTabIndexElements` | `boolean` | No | `false` | If true, the focus trap will include all elements with tabIndex values in the list of focusable elements. |
|
|
117
140
|
| `gap` | `0 \| 1 \| 2 \| 0.25 \| 0.5 \| 0.75 \| 1.5 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10` | No | `1` | This value corresponds to how big the gap between the subject and the tooltip is. We do not encourage usage of this prop. But it is enabled for special cases as an escape hatch. |
|
|
118
141
|
| `invertColorScheme` | `boolean` | No | `true` | Invert the themes activeColorScheme for this component |
|
|
142
|
+
| `openDelay` | `number` | No | `-` | Delay (in ms) before showing the tooltip on pointer hover. Keyboard focus still opens immediately for accessibility. |
|
|
119
143
|
| `placement` | `top \| bottom \| left \| right` | No | `top` | Position of tooltip in relation to the subject. |
|
|
120
144
|
| `respectNegativeTabIndex` | `boolean` | No | `false` | If true, the focus trap will respect negative tabIndex values, removing them from the list of focusable elements. |
|
|
121
145
|
| `testID` | `string` | No | `-` | Used to locate this element in unit and end-to-end tests. Under the hood, testID translates to data-testid on Web. On Mobile, testID stays the same - testID |
|