@coinbase/cds-mcp-server 8.43.0 → 8.43.2
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 +8 -0
- package/dts/analytics.d.ts +6 -9
- package/dts/index.d.ts +1 -1
- package/dts/server.d.ts +1 -1
- package/dts/setup.d.ts +1 -1
- package/mcp-docs/mobile/components/Carousel.txt +12 -0
- package/mcp-docs/mobile/components/CheckboxCell.txt +11 -0
- package/mcp-docs/mobile/components/Chip.txt +8 -0
- package/mcp-docs/mobile/components/Combobox.txt +26 -0
- package/mcp-docs/mobile/components/ContentCell.txt +17 -0
- package/mcp-docs/mobile/components/DataCard.txt +11 -0
- package/mcp-docs/mobile/components/DotCount.txt +9 -0
- package/mcp-docs/mobile/components/Icon.txt +8 -0
- package/mcp-docs/mobile/components/ListCell.txt +23 -0
- package/mcp-docs/mobile/components/MediaCard.txt +12 -0
- package/mcp-docs/mobile/components/MessagingCard.txt +12 -0
- package/mcp-docs/mobile/components/PageHeader.txt +10 -0
- package/mcp-docs/mobile/components/ProgressBar.txt +8 -0
- package/mcp-docs/mobile/components/ProgressBarWithFixedLabels.txt +10 -0
- package/mcp-docs/mobile/components/ProgressBarWithFloatLabel.txt +9 -0
- package/mcp-docs/mobile/components/ProgressCircle.txt +12 -0
- package/mcp-docs/mobile/components/RadioCell.txt +11 -0
- package/mcp-docs/mobile/components/RollingNumber.txt +16 -0
- package/mcp-docs/mobile/components/SelectAlpha.txt +26 -0
- package/mcp-docs/mobile/components/SelectChipAlpha.txt +26 -0
- package/mcp-docs/mobile/components/SlideButton.txt +9 -0
- package/mcp-docs/mobile/components/Stepper.txt +13 -0
- package/mcp-docs/mobile/components/TabbedChipsAlpha.txt +8 -0
- package/mcp-docs/mobile/getting-started/styling.txt +6 -2
- package/mcp-docs/web/components/AvatarButton.txt +5 -5
- package/mcp-docs/web/components/Box.txt +5 -5
- package/mcp-docs/web/components/Button.txt +5 -5
- package/mcp-docs/web/components/Carousel.txt +12 -0
- package/mcp-docs/web/components/CheckboxCell.txt +11 -0
- package/mcp-docs/web/components/Chip.txt +8 -0
- package/mcp-docs/web/components/Combobox.txt +26 -0
- package/mcp-docs/web/components/ContentCard.txt +5 -5
- package/mcp-docs/web/components/ContentCardBody.txt +5 -5
- package/mcp-docs/web/components/ContentCardFooter.txt +5 -5
- package/mcp-docs/web/components/ContentCardHeader.txt +5 -5
- package/mcp-docs/web/components/ContentCell.txt +23 -5
- package/mcp-docs/web/components/DataCard.txt +11 -0
- package/mcp-docs/web/components/DotCount.txt +9 -0
- package/mcp-docs/web/components/Fallback.txt +5 -5
- package/mcp-docs/web/components/Grid.txt +5 -5
- package/mcp-docs/web/components/GridColumn.txt +5 -5
- package/mcp-docs/web/components/HStack.txt +5 -5
- package/mcp-docs/web/components/Icon.txt +8 -0
- package/mcp-docs/web/components/IconButton.txt +5 -5
- package/mcp-docs/web/components/Interactable.txt +5 -5
- package/mcp-docs/web/components/Link.txt +5 -5
- package/mcp-docs/web/components/ListCell.txt +25 -5
- package/mcp-docs/web/components/MediaCard.txt +12 -0
- package/mcp-docs/web/components/MessagingCard.txt +12 -0
- package/mcp-docs/web/components/MultiContentModule.txt +5 -5
- package/mcp-docs/web/components/NavigationBar.txt +271 -45
- package/mcp-docs/web/components/PageHeader.txt +10 -0
- package/mcp-docs/web/components/Pressable.txt +5 -5
- package/mcp-docs/web/components/ProgressBar.txt +8 -0
- package/mcp-docs/web/components/ProgressBarWithFixedLabels.txt +10 -0
- package/mcp-docs/web/components/ProgressBarWithFloatLabel.txt +9 -0
- package/mcp-docs/web/components/ProgressCircle.txt +10 -0
- package/mcp-docs/web/components/RadioCell.txt +11 -0
- package/mcp-docs/web/components/RollingNumber.txt +21 -5
- package/mcp-docs/web/components/Scrubber.txt +10 -0
- package/mcp-docs/web/components/SelectAlpha.txt +26 -0
- package/mcp-docs/web/components/SelectChipAlpha.txt +26 -0
- package/mcp-docs/web/components/Sidebar.txt +10 -0
- package/mcp-docs/web/components/Spacer.txt +5 -5
- package/mcp-docs/web/components/Stepper.txt +13 -0
- package/mcp-docs/web/components/TabbedChipsAlpha.txt +10 -0
- package/mcp-docs/web/components/Text.txt +5 -5
- package/mcp-docs/web/components/TileButton.txt +5 -5
- package/mcp-docs/web/components/VStack.txt +5 -5
- package/mcp-docs/web/getting-started/styling.txt +35 -12
- package/package.json +1 -1
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.43.2 ((2/9/2026, 09:05 AM PST))
|
|
12
|
+
|
|
13
|
+
This is an artificial version bump with no new change.
|
|
14
|
+
|
|
15
|
+
## 8.43.1 ((2/6/2026, 02:15 PM PST))
|
|
16
|
+
|
|
17
|
+
This is an artificial version bump with no new change.
|
|
18
|
+
|
|
11
19
|
## 8.43.0 ((2/6/2026, 9:00 AM PST))
|
|
12
20
|
|
|
13
21
|
This is an artificial version bump with no new change.
|
package/dts/analytics.d.ts
CHANGED
|
@@ -4,14 +4,11 @@
|
|
|
4
4
|
*/
|
|
5
5
|
type CdsEventType = 'cdsCli' | 'cdsMcp' | 'cdsDocs';
|
|
6
6
|
type CdsEventData = {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
7
|
+
version: string;
|
|
8
|
+
command: string;
|
|
9
|
+
arguments?: string;
|
|
10
|
+
context?: string;
|
|
11
11
|
};
|
|
12
|
-
export declare function postMetric(
|
|
13
|
-
eventType: CdsEventType,
|
|
14
|
-
data: Omit<CdsEventData, 'version'>,
|
|
15
|
-
): void;
|
|
12
|
+
export declare function postMetric(eventType: CdsEventType, data: Omit<CdsEventData, 'version'>): void;
|
|
16
13
|
export {};
|
|
17
|
-
//# sourceMappingURL=analytics.d.ts.map
|
|
14
|
+
//# sourceMappingURL=analytics.d.ts.map
|
package/dts/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=index.d.ts.map
|
|
2
|
+
//# sourceMappingURL=index.d.ts.map
|
package/dts/server.d.ts
CHANGED
package/dts/setup.d.ts
CHANGED
|
@@ -1463,3 +1463,15 @@ You can use the `onChangePage`, `onDragStart`, and `onDragEnd` callbacks to list
|
|
|
1463
1463
|
| `zIndex` | `number` | No | `-` | - |
|
|
1464
1464
|
|
|
1465
1465
|
|
|
1466
|
+
## Styles
|
|
1467
|
+
|
|
1468
|
+
| Selector | Static class name | Description |
|
|
1469
|
+
| --- | --- | --- |
|
|
1470
|
+
| `root` | `-` | root element. |
|
|
1471
|
+
| `title` | `-` | title element. |
|
|
1472
|
+
| `navigation` | `-` | navigation element. |
|
|
1473
|
+
| `pagination` | `-` | pagination element. |
|
|
1474
|
+
| `carousel` | `-` | main carousel element. |
|
|
1475
|
+
| `carouselContainer` | `-` | outer carousel container element. |
|
|
1476
|
+
|
|
1477
|
+
|
|
@@ -199,3 +199,14 @@ function CustomCheckboxCellExample() {
|
|
|
199
199
|
| `zIndex` | `number` | No | `-` | - |
|
|
200
200
|
|
|
201
201
|
|
|
202
|
+
## Styles
|
|
203
|
+
|
|
204
|
+
| Selector | Static class name | Description |
|
|
205
|
+
| --- | --- | --- |
|
|
206
|
+
| `root` | `-` | - |
|
|
207
|
+
| `checkboxContainer` | `-` | - |
|
|
208
|
+
| `contentContainer` | `-` | - |
|
|
209
|
+
| `title` | `-` | - |
|
|
210
|
+
| `description` | `-` | - |
|
|
211
|
+
|
|
212
|
+
|
|
@@ -282,3 +282,29 @@ function BorderlessExample() {
|
|
|
282
282
|
| `variant` | `primary \| secondary \| positive \| negative \| foregroundMuted \| foreground` | No | `-` | Determines the sentiment of the input. Because we allow startContent and endContent to be custom ReactNode, the content placed inside these slots will not change colors according to the variant. You will have to add that yourself |
|
|
283
283
|
|
|
284
284
|
|
|
285
|
+
## Styles
|
|
286
|
+
|
|
287
|
+
| Selector | Static class name | Description |
|
|
288
|
+
| --- | --- | --- |
|
|
289
|
+
| `root` | `-` | root element |
|
|
290
|
+
| `control` | `-` | control element |
|
|
291
|
+
| `controlStartNode` | `-` | start node element |
|
|
292
|
+
| `controlInputNode` | `-` | input node element |
|
|
293
|
+
| `controlValueNode` | `-` | value node element |
|
|
294
|
+
| `controlLabelNode` | `-` | label node element |
|
|
295
|
+
| `controlHelperTextNode` | `-` | helper text node element |
|
|
296
|
+
| `controlEndNode` | `-` | end node element |
|
|
297
|
+
| `controlBlendStyles` | `-` | Blend styles for control interactivity |
|
|
298
|
+
| `dropdown` | `-` | dropdown container |
|
|
299
|
+
| `option` | `-` | individual options |
|
|
300
|
+
| `optionCell` | `-` | option cell element |
|
|
301
|
+
| `optionContent` | `-` | option content wrapper |
|
|
302
|
+
| `optionLabel` | `-` | option label element |
|
|
303
|
+
| `optionDescription` | `-` | option description element |
|
|
304
|
+
| `optionBlendStyles` | `-` | Blend styles for option interactivity |
|
|
305
|
+
| `selectAllDivider` | `-` | select all divider element |
|
|
306
|
+
| `emptyContentsContainer` | `-` | empty contents container element |
|
|
307
|
+
| `emptyContentsText` | `-` | empty contents text element |
|
|
308
|
+
| `optionGroup` | `-` | option group element |
|
|
309
|
+
|
|
310
|
+
|
|
@@ -284,3 +284,20 @@ The `ContentCellFallback` component provides loading state representations of `C
|
|
|
284
284
|
| `zIndex` | `number` | No | `-` | - |
|
|
285
285
|
|
|
286
286
|
|
|
287
|
+
## Styles
|
|
288
|
+
|
|
289
|
+
| Selector | Static class name | Description |
|
|
290
|
+
| --- | --- | --- |
|
|
291
|
+
| `root` | `-` | - |
|
|
292
|
+
| `media` | `-` | - |
|
|
293
|
+
| `accessory` | `-` | - |
|
|
294
|
+
| `contentContainer` | `-` | - |
|
|
295
|
+
| `pressable` | `-` | - |
|
|
296
|
+
| `mainContent` | `-` | - |
|
|
297
|
+
| `title` | `-` | - |
|
|
298
|
+
| `subtitle` | `-` | - |
|
|
299
|
+
| `metaContainer` | `-` | - |
|
|
300
|
+
| `meta` | `-` | - |
|
|
301
|
+
| `description` | `-` | - |
|
|
302
|
+
|
|
303
|
+
|
|
@@ -721,3 +721,14 @@ import { DataCard } from '@coinbase/cds-mobile/alpha/data-card';
|
|
|
721
721
|
| `zIndex` | `number` | No | `-` | - |
|
|
722
722
|
|
|
723
723
|
|
|
724
|
+
## Styles
|
|
725
|
+
|
|
726
|
+
| Selector | Static class name | Description |
|
|
727
|
+
| --- | --- | --- |
|
|
728
|
+
| `layoutContainer` | `-` | - |
|
|
729
|
+
| `headerContainer` | `-` | - |
|
|
730
|
+
| `textContainer` | `-` | - |
|
|
731
|
+
| `titleContainer` | `-` | - |
|
|
732
|
+
| `root` | `-` | - |
|
|
733
|
+
|
|
734
|
+
|
|
@@ -143,3 +143,12 @@ function CustomizeStyle() {
|
|
|
143
143
|
| `variant` | `negative` | No | `negative` | Background color of dot |
|
|
144
144
|
|
|
145
145
|
|
|
146
|
+
## Styles
|
|
147
|
+
|
|
148
|
+
| Selector | Static class name | Description |
|
|
149
|
+
| --- | --- | --- |
|
|
150
|
+
| `root` | `-` | root element. |
|
|
151
|
+
| `container` | `-` | container element. |
|
|
152
|
+
| `text` | `-` | text element. |
|
|
153
|
+
|
|
154
|
+
|
|
@@ -55,3 +55,11 @@ Mobile apps cache font files in the native build, so you must rebuild your app a
|
|
|
55
55
|
| `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 |
|
|
56
56
|
|
|
57
57
|
|
|
58
|
+
## Styles
|
|
59
|
+
|
|
60
|
+
| Selector | Static class name | Description |
|
|
61
|
+
| --- | --- | --- |
|
|
62
|
+
| `root` | `-` | - |
|
|
63
|
+
| `icon` | `-` | - |
|
|
64
|
+
|
|
65
|
+
|
|
@@ -776,3 +776,26 @@ Mapping to `styles` keys:
|
|
|
776
776
|
| `zIndex` | `number` | No | `-` | - |
|
|
777
777
|
|
|
778
778
|
|
|
779
|
+
## Styles
|
|
780
|
+
|
|
781
|
+
| Selector | Static class name | Description |
|
|
782
|
+
| --- | --- | --- |
|
|
783
|
+
| `root` | `-` | - |
|
|
784
|
+
| `contentContainer` | `-` | - |
|
|
785
|
+
| `topContent` | `-` | - |
|
|
786
|
+
| `bottomContent` | `-` | - |
|
|
787
|
+
| `pressable` | `-` | - |
|
|
788
|
+
| `media` | `-` | - |
|
|
789
|
+
| `childrenContainer` | `-` | Wrapper around children inside the top content row (controls flex behavior). |
|
|
790
|
+
| `intermediary` | `-` | - |
|
|
791
|
+
| `end` | `-` | Applied to the container of detail or action |
|
|
792
|
+
| `accessory` | `-` | - |
|
|
793
|
+
| `mainContent` | `-` | - |
|
|
794
|
+
| `titleStack` | `-` | Applied to the VStack of title/subtitle/description. |
|
|
795
|
+
| `titleStackContainer` | `-` | Applied to the Box that wraps around titleStack (controls flex behavior). |
|
|
796
|
+
| `helperText` | `-` | - |
|
|
797
|
+
| `title` | `-` | - |
|
|
798
|
+
| `subtitle` | `-` | - |
|
|
799
|
+
| `description` | `-` | - |
|
|
800
|
+
|
|
801
|
+
|
|
@@ -524,3 +524,15 @@ Replace `FloatingAssetCard` with `MediaCard`. Note that the floating variation (
|
|
|
524
524
|
| `zIndex` | `number` | No | `-` | - |
|
|
525
525
|
|
|
526
526
|
|
|
527
|
+
## Styles
|
|
528
|
+
|
|
529
|
+
| Selector | Static class name | Description |
|
|
530
|
+
| --- | --- | --- |
|
|
531
|
+
| `layoutContainer` | `-` | - |
|
|
532
|
+
| `contentContainer` | `-` | - |
|
|
533
|
+
| `textContainer` | `-` | - |
|
|
534
|
+
| `headerContainer` | `-` | - |
|
|
535
|
+
| `mediaContainer` | `-` | - |
|
|
536
|
+
| `root` | `-` | - |
|
|
537
|
+
|
|
538
|
+
|
|
@@ -1023,3 +1023,15 @@ Replace `UpsellCard` with `MessagingCard` using `type="upsell"`.
|
|
|
1023
1023
|
| `zIndex` | `number` | No | `-` | - |
|
|
1024
1024
|
|
|
1025
1025
|
|
|
1026
|
+
## Styles
|
|
1027
|
+
|
|
1028
|
+
| Selector | Static class name | Description |
|
|
1029
|
+
| --- | --- | --- |
|
|
1030
|
+
| `layoutContainer` | `-` | - |
|
|
1031
|
+
| `contentContainer` | `-` | - |
|
|
1032
|
+
| `textContainer` | `-` | - |
|
|
1033
|
+
| `mediaContainer` | `-` | - |
|
|
1034
|
+
| `dismissButtonContainer` | `-` | - |
|
|
1035
|
+
| `root` | `-` | - |
|
|
1036
|
+
|
|
1037
|
+
|
|
@@ -185,3 +185,13 @@ function Example() {
|
|
|
185
185
|
| `width` | `string \| number` | No | `-` | - |
|
|
186
186
|
|
|
187
187
|
|
|
188
|
+
## Styles
|
|
189
|
+
|
|
190
|
+
| Selector | Static class name | Description |
|
|
191
|
+
| --- | --- | --- |
|
|
192
|
+
| `root` | `-` | root element. |
|
|
193
|
+
| `start` | `-` | start element. |
|
|
194
|
+
| `end` | `-` | end element. |
|
|
195
|
+
| `title` | `-` | title element. |
|
|
196
|
+
|
|
197
|
+
|
|
@@ -141,3 +141,11 @@ function Example() {
|
|
|
141
141
|
| `weight` | `normal \| heavy \| thin \| semiheavy` | No | `normal` | Toggle used to change thickness of progress visualization |
|
|
142
142
|
|
|
143
143
|
|
|
144
|
+
## Styles
|
|
145
|
+
|
|
146
|
+
| Selector | Static class name | Description |
|
|
147
|
+
| --- | --- | --- |
|
|
148
|
+
| `root` | `-` | progress bar root. |
|
|
149
|
+
| `progress` | `-` | progress bar. |
|
|
150
|
+
|
|
151
|
+
|
|
@@ -213,3 +213,13 @@ function Example() {
|
|
|
213
213
|
| `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 |
|
|
214
214
|
|
|
215
215
|
|
|
216
|
+
## Styles
|
|
217
|
+
|
|
218
|
+
| Selector | Static class name | Description |
|
|
219
|
+
| --- | --- | --- |
|
|
220
|
+
| `root` | `-` | progress bar with fixed labels root. |
|
|
221
|
+
| `labelContainer` | `-` | label container. |
|
|
222
|
+
| `startLabel` | `-` | start label. |
|
|
223
|
+
| `endLabel` | `-` | end label. |
|
|
224
|
+
|
|
225
|
+
|
|
@@ -185,3 +185,12 @@ function Example() {
|
|
|
185
185
|
| `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 |
|
|
186
186
|
|
|
187
187
|
|
|
188
|
+
## Styles
|
|
189
|
+
|
|
190
|
+
| Selector | Static class name | Description |
|
|
191
|
+
| --- | --- | --- |
|
|
192
|
+
| `root` | `-` | progress bar with float label root. |
|
|
193
|
+
| `labelContainer` | `-` | label container. |
|
|
194
|
+
| `label` | `-` | label. |
|
|
195
|
+
|
|
196
|
+
|
|
@@ -256,3 +256,15 @@ function Example() {
|
|
|
256
256
|
| `weight` | `normal \| heavy \| thin \| semiheavy` | No | `normal` | Toggle used to change thickness of progress visualization |
|
|
257
257
|
|
|
258
258
|
|
|
259
|
+
## Styles
|
|
260
|
+
|
|
261
|
+
| Selector | Static class name | Description |
|
|
262
|
+
| --- | --- | --- |
|
|
263
|
+
| `root` | `-` | progress circle root. |
|
|
264
|
+
| `svgContainer` | `-` | progress circle svg container. |
|
|
265
|
+
| `svg` | `-` | progress circle svg. |
|
|
266
|
+
| `textContainer` | `-` | text container. |
|
|
267
|
+
| `progress` | `-` | progress circle inner. |
|
|
268
|
+
| `circle` | `-` | progress circle inner. |
|
|
269
|
+
|
|
270
|
+
|
|
@@ -199,3 +199,14 @@ function CustomRadioCellExample() {
|
|
|
199
199
|
| `zIndex` | `number` | No | `-` | - |
|
|
200
200
|
|
|
201
201
|
|
|
202
|
+
## Styles
|
|
203
|
+
|
|
204
|
+
| Selector | Static class name | Description |
|
|
205
|
+
| --- | --- | --- |
|
|
206
|
+
| `root` | `-` | - |
|
|
207
|
+
| `radioContainer` | `-` | - |
|
|
208
|
+
| `contentContainer` | `-` | - |
|
|
209
|
+
| `title` | `-` | - |
|
|
210
|
+
| `description` | `-` | - |
|
|
211
|
+
|
|
212
|
+
|
|
@@ -824,3 +824,19 @@ ValueSection
|
|
|
824
824
|
| `zIndex` | `number` | No | `-` | - |
|
|
825
825
|
|
|
826
826
|
|
|
827
|
+
## Styles
|
|
828
|
+
|
|
829
|
+
| Selector | Static class name | Description |
|
|
830
|
+
| --- | --- | --- |
|
|
831
|
+
| `root` | `-` | Style override applied to the outer container view. |
|
|
832
|
+
| `visibleContent` | `-` | Style override applied to the visible animated content wrapper. |
|
|
833
|
+
| `formattedValueSection` | `-` | Style override applied to the Intl formatted section wrapper. |
|
|
834
|
+
| `prefix` | `-` | Style override applied to the prefix section rendered from props. |
|
|
835
|
+
| `suffix` | `-` | Style override applied to the suffix section rendered from props. |
|
|
836
|
+
| `i18nPrefix` | `-` | The prefix generated by Intl.NumberFormat, for example, the $ in $1,000. |
|
|
837
|
+
| `i18nSuffix` | `-` | The suffix generated by Intl.NumberFormat, for example, the K in 100K. |
|
|
838
|
+
| `integer` | `-` | Style override applied to the integer portion of the formatted value. |
|
|
839
|
+
| `fraction` | `-` | Style override applied to the fractional portion of the formatted value. |
|
|
840
|
+
| `text` | `-` | Style override applied to Text rendered within the component. |
|
|
841
|
+
|
|
842
|
+
|
|
@@ -1531,3 +1531,29 @@ function CustomComponentExamples() {
|
|
|
1531
1531
|
| `variant` | `primary \| secondary \| positive \| negative \| foregroundMuted \| foreground` | No | `-` | Determines the sentiment of the input. Because we allow startContent and endContent to be custom ReactNode, the content placed inside these slots will not change colors according to the variant. You will have to add that yourself |
|
|
1532
1532
|
|
|
1533
1533
|
|
|
1534
|
+
## Styles
|
|
1535
|
+
|
|
1536
|
+
| Selector | Static class name | Description |
|
|
1537
|
+
| --- | --- | --- |
|
|
1538
|
+
| `root` | `-` | root element |
|
|
1539
|
+
| `control` | `-` | control element |
|
|
1540
|
+
| `controlStartNode` | `-` | start node element |
|
|
1541
|
+
| `controlInputNode` | `-` | input node element |
|
|
1542
|
+
| `controlValueNode` | `-` | value node element |
|
|
1543
|
+
| `controlLabelNode` | `-` | label node element |
|
|
1544
|
+
| `controlHelperTextNode` | `-` | helper text node element |
|
|
1545
|
+
| `controlEndNode` | `-` | end node element |
|
|
1546
|
+
| `controlBlendStyles` | `-` | Blend styles for control interactivity |
|
|
1547
|
+
| `dropdown` | `-` | dropdown container |
|
|
1548
|
+
| `option` | `-` | individual options |
|
|
1549
|
+
| `optionCell` | `-` | option cell element |
|
|
1550
|
+
| `optionContent` | `-` | option content wrapper |
|
|
1551
|
+
| `optionLabel` | `-` | option label element |
|
|
1552
|
+
| `optionDescription` | `-` | option description element |
|
|
1553
|
+
| `optionBlendStyles` | `-` | Blend styles for option interactivity |
|
|
1554
|
+
| `selectAllDivider` | `-` | select all divider element |
|
|
1555
|
+
| `emptyContentsContainer` | `-` | empty contents container element |
|
|
1556
|
+
| `emptyContentsText` | `-` | empty contents text element |
|
|
1557
|
+
| `optionGroup` | `-` | option group element |
|
|
1558
|
+
|
|
1559
|
+
|
|
@@ -507,3 +507,29 @@ function ExampleDisabled() {
|
|
|
507
507
|
| `type` | `multi \| single` | No | `-` | Whether the select allows single or multiple selections |
|
|
508
508
|
|
|
509
509
|
|
|
510
|
+
## Styles
|
|
511
|
+
|
|
512
|
+
| Selector | Static class name | Description |
|
|
513
|
+
| --- | --- | --- |
|
|
514
|
+
| `root` | `-` | root element |
|
|
515
|
+
| `control` | `-` | control element |
|
|
516
|
+
| `controlStartNode` | `-` | start node element |
|
|
517
|
+
| `controlInputNode` | `-` | input node element |
|
|
518
|
+
| `controlValueNode` | `-` | value node element |
|
|
519
|
+
| `controlLabelNode` | `-` | label node element |
|
|
520
|
+
| `controlHelperTextNode` | `-` | helper text node element |
|
|
521
|
+
| `controlEndNode` | `-` | end node element |
|
|
522
|
+
| `controlBlendStyles` | `-` | Blend styles for control interactivity |
|
|
523
|
+
| `dropdown` | `-` | dropdown container |
|
|
524
|
+
| `option` | `-` | individual options |
|
|
525
|
+
| `optionCell` | `-` | option cell element |
|
|
526
|
+
| `optionContent` | `-` | option content wrapper |
|
|
527
|
+
| `optionLabel` | `-` | option label element |
|
|
528
|
+
| `optionDescription` | `-` | option description element |
|
|
529
|
+
| `optionBlendStyles` | `-` | Blend styles for option interactivity |
|
|
530
|
+
| `selectAllDivider` | `-` | select all divider element |
|
|
531
|
+
| `emptyContentsContainer` | `-` | empty contents container element |
|
|
532
|
+
| `emptyContentsText` | `-` | empty contents text element |
|
|
533
|
+
| `optionGroup` | `-` | option group element |
|
|
534
|
+
|
|
535
|
+
|
|
@@ -350,3 +350,12 @@ function Example() {
|
|
|
350
350
|
| `zIndex` | `number` | No | `-` | - |
|
|
351
351
|
|
|
352
352
|
|
|
353
|
+
## Styles
|
|
354
|
+
|
|
355
|
+
| Selector | Static class name | Description |
|
|
356
|
+
| --- | --- | --- |
|
|
357
|
+
| `container` | `-` | slide button container. |
|
|
358
|
+
| `background` | `-` | background area of the slide button. |
|
|
359
|
+
| `handle` | `-` | handle area of the slide button. |
|
|
360
|
+
|
|
361
|
+
|
|
@@ -619,3 +619,16 @@ It accepts an object with the following optional keys:
|
|
|
619
619
|
| `zIndex` | `number` | No | `-` | - |
|
|
620
620
|
|
|
621
621
|
|
|
622
|
+
## Styles
|
|
623
|
+
|
|
624
|
+
| Selector | Static class name | Description |
|
|
625
|
+
| --- | --- | --- |
|
|
626
|
+
| `root` | `-` | root Stepper container element |
|
|
627
|
+
| `step` | `-` | Step subcomponent |
|
|
628
|
+
| `substepContainer` | `-` | SubstepContainer subcomponent |
|
|
629
|
+
| `label` | `-` | Label subcomponent |
|
|
630
|
+
| `progress` | `-` | Progress subcomponent |
|
|
631
|
+
| `icon` | `-` | Icon subcomponent |
|
|
632
|
+
| `header` | `-` | Header subcomponent |
|
|
633
|
+
|
|
634
|
+
|
|
@@ -202,3 +202,11 @@ render(<Example />);
|
|
|
202
202
|
| `width` | `string \| number` | No | `-` | The width of the scroll container, defaults to 100% of the parent container If the tabs are wider than the width of the container, paddles will be shown to scroll the tabs. |
|
|
203
203
|
|
|
204
204
|
|
|
205
|
+
## Styles
|
|
206
|
+
|
|
207
|
+
| Selector | Static class name | Description |
|
|
208
|
+
| --- | --- | --- |
|
|
209
|
+
| `root` | `-` | Style applied to the root container. |
|
|
210
|
+
| `tabs` | `-` | Style applied to the root of the Tabs component. |
|
|
211
|
+
|
|
212
|
+
|
|
@@ -24,7 +24,11 @@ The docs page of every component has a props table listing all the available pro
|
|
|
24
24
|
The StyleProps API uses the ThemeProvider Context under the hood to enable dynamic theming.
|
|
25
25
|
:::
|
|
26
26
|
|
|
27
|
-
###
|
|
27
|
+
### Selectors
|
|
28
|
+
|
|
29
|
+
Some complex components have multiple internal elements that can be styled individually. CDS provides the `styles` prop to target these elements using **selectors**. The same selector keys (like `root`, `content`, etc.) are consistent across components that support them.
|
|
30
|
+
|
|
31
|
+
#### `style` and `styles` props
|
|
28
32
|
|
|
29
33
|
Most components support the native `style` prop for inline styles.
|
|
30
34
|
|
|
@@ -32,7 +36,7 @@ Most components support the native `style` prop for inline styles.
|
|
|
32
36
|
<Box style={{ backgroundColor: '#0000ff' }} />
|
|
33
37
|
```
|
|
34
38
|
|
|
35
|
-
Some complex components support passing inline styles to subcomponents with the `styles` prop.
|
|
39
|
+
Some complex components support passing inline styles to subcomponents with the `styles` prop. The keys correspond to the component's internal selectors.
|
|
36
40
|
|
|
37
41
|
```jsx
|
|
38
42
|
<ProgressCircle
|
|
@@ -142,17 +142,17 @@ AvatarButton can use fallback colors with names when no image source is provided
|
|
|
142
142
|
| `aria-colindextext` | `string \| undefined` | No | `-` | Defines a human readable text alternative of aria-colindex. |
|
|
143
143
|
| `aria-colspan` | `number \| undefined` | No | `-` | Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid. |
|
|
144
144
|
| `aria-controls` | `string \| undefined` | No | `-` | Identifies the element (or elements) whose contents or presence are controlled by the current element. |
|
|
145
|
-
| `aria-current` | `boolean \| true \| false \| page \| step \| location \| date \|
|
|
145
|
+
| `aria-current` | `boolean \| time \| true \| false \| page \| step \| location \| date \| undefined` | No | `-` | Indicates the element that represents the current item within a container or set of related elements. |
|
|
146
146
|
| `aria-describedby` | `string \| undefined` | No | `-` | Identifies the element (or elements) that describes the object. |
|
|
147
147
|
| `aria-description` | `string \| undefined` | No | `-` | Defines a string value that describes or annotates the current element. |
|
|
148
148
|
| `aria-details` | `string \| undefined` | No | `-` | Identifies the element that provides a detailed, extended description for the object. |
|
|
149
149
|
| `aria-disabled` | `Booleanish \| undefined` | No | `-` | Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable. |
|
|
150
|
-
| `aria-dropeffect` | `
|
|
150
|
+
| `aria-dropeffect` | `link \| none \| copy \| execute \| move \| popup \| undefined` | No | `-` | Indicates what functions can be performed when a dragged object is released on the drop target. |
|
|
151
151
|
| `aria-errormessage` | `string \| undefined` | No | `-` | Identifies the element that provides an error message for the object. |
|
|
152
152
|
| `aria-expanded` | `Booleanish \| undefined` | No | `-` | Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed. |
|
|
153
153
|
| `aria-flowto` | `string \| undefined` | No | `-` | Identifies the next element (or elements) in an alternate reading order of content which, at the users discretion, allows assistive technology to override the general default of reading in document source order. |
|
|
154
154
|
| `aria-grabbed` | `Booleanish \| undefined` | No | `-` | Indicates an elements grabbed state in a drag-and-drop operation. |
|
|
155
|
-
| `aria-haspopup` | `boolean \|
|
|
155
|
+
| `aria-haspopup` | `boolean \| grid \| dialog \| menu \| true \| false \| listbox \| tree \| undefined` | No | `-` | Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element. |
|
|
156
156
|
| `aria-hidden` | `Booleanish \| undefined` | No | `-` | Indicates whether the element is exposed to an accessibility API. |
|
|
157
157
|
| `aria-invalid` | `boolean \| true \| false \| grammar \| spelling \| undefined` | No | `-` | Indicates the entered value does not conform to the format expected by the application. |
|
|
158
158
|
| `aria-keyshortcuts` | `string \| undefined` | No | `-` | Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element. |
|
|
@@ -230,7 +230,7 @@ AvatarButton can use fallback colors with names when no image source is provided
|
|
|
230
230
|
| `display` | `ResponsiveProp<grid \| revert \| none \| block \| inline \| inline-block \| flex \| inline-flex \| inline-grid \| contents \| flow-root \| list-item>` | No | `-` | - |
|
|
231
231
|
| `draggable` | `Booleanish \| undefined` | No | `-` | - |
|
|
232
232
|
| `elevation` | `0 \| 1 \| 2` | No | `-` | - |
|
|
233
|
-
| `enterKeyHint` | `enter \| done \| go \| next \| previous \|
|
|
233
|
+
| `enterKeyHint` | `search \| enter \| done \| go \| next \| previous \| send \| undefined` | No | `-` | - |
|
|
234
234
|
| `flexBasis` | `ResponsiveProp<FlexBasis<string \| number>>` | No | `-` | - |
|
|
235
235
|
| `flexDirection` | `ResponsiveProp<column \| row \| row-reverse \| column-reverse>` | No | `-` | - |
|
|
236
236
|
| `flexGrow` | `inherit \| revert \| -moz-initial \| initial \| revert-layer \| unset` | No | `-` | - |
|
|
@@ -267,7 +267,7 @@ AvatarButton can use fallback colors with names when no image source is provided
|
|
|
267
267
|
| `hidden` | `boolean \| undefined` | No | `-` | - |
|
|
268
268
|
| `id` | `string \| undefined` | No | `-` | - |
|
|
269
269
|
| `inlist` | `any` | No | `-` | - |
|
|
270
|
-
| `inputMode` | `
|
|
270
|
+
| `inputMode` | `search \| text \| none \| tel \| url \| email \| numeric \| decimal \| undefined` | No | `-` | Hints at the type of data that might be entered by the user while editing the element or its contents |
|
|
271
271
|
| `is` | `string \| undefined` | No | `-` | Specify that a standard HTML element should behave like a defined custom built-in element |
|
|
272
272
|
| `itemID` | `string \| undefined` | No | `-` | - |
|
|
273
273
|
| `itemProp` | `string \| undefined` | No | `-` | - |
|
|
@@ -93,17 +93,17 @@ function ResponsiveBox() {
|
|
|
93
93
|
| `aria-colindextext` | `string \| undefined` | No | `-` | Defines a human readable text alternative of aria-colindex. |
|
|
94
94
|
| `aria-colspan` | `number \| undefined` | No | `-` | Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid. |
|
|
95
95
|
| `aria-controls` | `string \| undefined` | No | `-` | Identifies the element (or elements) whose contents or presence are controlled by the current element. |
|
|
96
|
-
| `aria-current` | `boolean \| true \| false \| page \| step \| location \| date \|
|
|
96
|
+
| `aria-current` | `boolean \| time \| true \| false \| page \| step \| location \| date \| undefined` | No | `-` | Indicates the element that represents the current item within a container or set of related elements. |
|
|
97
97
|
| `aria-describedby` | `string \| undefined` | No | `-` | Identifies the element (or elements) that describes the object. |
|
|
98
98
|
| `aria-description` | `string \| undefined` | No | `-` | Defines a string value that describes or annotates the current element. |
|
|
99
99
|
| `aria-details` | `string \| undefined` | No | `-` | Identifies the element that provides a detailed, extended description for the object. |
|
|
100
100
|
| `aria-disabled` | `Booleanish \| undefined` | No | `-` | Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable. |
|
|
101
|
-
| `aria-dropeffect` | `
|
|
101
|
+
| `aria-dropeffect` | `link \| none \| copy \| execute \| move \| popup \| undefined` | No | `-` | Indicates what functions can be performed when a dragged object is released on the drop target. |
|
|
102
102
|
| `aria-errormessage` | `string \| undefined` | No | `-` | Identifies the element that provides an error message for the object. |
|
|
103
103
|
| `aria-expanded` | `Booleanish \| undefined` | No | `-` | Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed. |
|
|
104
104
|
| `aria-flowto` | `string \| undefined` | No | `-` | Identifies the next element (or elements) in an alternate reading order of content which, at the users discretion, allows assistive technology to override the general default of reading in document source order. |
|
|
105
105
|
| `aria-grabbed` | `Booleanish \| undefined` | No | `-` | Indicates an elements grabbed state in a drag-and-drop operation. |
|
|
106
|
-
| `aria-haspopup` | `boolean \|
|
|
106
|
+
| `aria-haspopup` | `boolean \| grid \| dialog \| menu \| true \| false \| listbox \| tree \| undefined` | No | `-` | Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element. |
|
|
107
107
|
| `aria-hidden` | `Booleanish \| undefined` | No | `-` | Indicates whether the element is exposed to an accessibility API. |
|
|
108
108
|
| `aria-invalid` | `boolean \| true \| false \| grammar \| spelling \| undefined` | No | `-` | Indicates the entered value does not conform to the format expected by the application. |
|
|
109
109
|
| `aria-keyshortcuts` | `string \| undefined` | No | `-` | Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element. |
|
|
@@ -176,7 +176,7 @@ function ResponsiveBox() {
|
|
|
176
176
|
| `display` | `ResponsiveProp<grid \| revert \| none \| block \| inline \| inline-block \| flex \| inline-flex \| inline-grid \| contents \| flow-root \| list-item>` | No | `-` | - |
|
|
177
177
|
| `draggable` | `Booleanish \| undefined` | No | `-` | - |
|
|
178
178
|
| `elevation` | `0 \| 1 \| 2` | No | `-` | - |
|
|
179
|
-
| `enterKeyHint` | `enter \| done \| go \| next \| previous \|
|
|
179
|
+
| `enterKeyHint` | `search \| enter \| done \| go \| next \| previous \| send \| undefined` | No | `-` | - |
|
|
180
180
|
| `flexBasis` | `ResponsiveProp<FlexBasis<string \| number>>` | No | `-` | - |
|
|
181
181
|
| `flexDirection` | `ResponsiveProp<column \| row \| row-reverse \| column-reverse>` | No | `-` | - |
|
|
182
182
|
| `flexGrow` | `inherit \| revert \| -moz-initial \| initial \| revert-layer \| unset` | No | `-` | - |
|
|
@@ -206,7 +206,7 @@ function ResponsiveBox() {
|
|
|
206
206
|
| `hidden` | `boolean \| undefined` | No | `-` | - |
|
|
207
207
|
| `id` | `string \| undefined` | No | `-` | - |
|
|
208
208
|
| `inlist` | `any` | No | `-` | - |
|
|
209
|
-
| `inputMode` | `
|
|
209
|
+
| `inputMode` | `search \| text \| none \| tel \| url \| email \| numeric \| decimal \| undefined` | No | `-` | Hints at the type of data that might be entered by the user while editing the element or its contents |
|
|
210
210
|
| `is` | `string \| undefined` | No | `-` | Specify that a standard HTML element should behave like a defined custom built-in element |
|
|
211
211
|
| `itemID` | `string \| undefined` | No | `-` | - |
|
|
212
212
|
| `itemProp` | `string \| undefined` | No | `-` | - |
|
|
@@ -262,17 +262,17 @@ A full-width primary action with a compact secondary option.
|
|
|
262
262
|
| `aria-colindextext` | `string \| undefined` | No | `-` | Defines a human readable text alternative of aria-colindex. |
|
|
263
263
|
| `aria-colspan` | `number \| undefined` | No | `-` | Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid. |
|
|
264
264
|
| `aria-controls` | `string \| undefined` | No | `-` | Identifies the element (or elements) whose contents or presence are controlled by the current element. |
|
|
265
|
-
| `aria-current` | `boolean \| true \| false \| page \| step \| location \| date \|
|
|
265
|
+
| `aria-current` | `boolean \| time \| true \| false \| page \| step \| location \| date \| undefined` | No | `-` | Indicates the element that represents the current item within a container or set of related elements. |
|
|
266
266
|
| `aria-describedby` | `string \| undefined` | No | `-` | Identifies the element (or elements) that describes the object. |
|
|
267
267
|
| `aria-description` | `string \| undefined` | No | `-` | Defines a string value that describes or annotates the current element. |
|
|
268
268
|
| `aria-details` | `string \| undefined` | No | `-` | Identifies the element that provides a detailed, extended description for the object. |
|
|
269
269
|
| `aria-disabled` | `Booleanish \| undefined` | No | `-` | Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable. |
|
|
270
|
-
| `aria-dropeffect` | `
|
|
270
|
+
| `aria-dropeffect` | `link \| none \| copy \| execute \| move \| popup \| undefined` | No | `-` | Indicates what functions can be performed when a dragged object is released on the drop target. |
|
|
271
271
|
| `aria-errormessage` | `string \| undefined` | No | `-` | Identifies the element that provides an error message for the object. |
|
|
272
272
|
| `aria-expanded` | `Booleanish \| undefined` | No | `-` | Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed. |
|
|
273
273
|
| `aria-flowto` | `string \| undefined` | No | `-` | Identifies the next element (or elements) in an alternate reading order of content which, at the users discretion, allows assistive technology to override the general default of reading in document source order. |
|
|
274
274
|
| `aria-grabbed` | `Booleanish \| undefined` | No | `-` | Indicates an elements grabbed state in a drag-and-drop operation. |
|
|
275
|
-
| `aria-haspopup` | `boolean \|
|
|
275
|
+
| `aria-haspopup` | `boolean \| grid \| dialog \| menu \| true \| false \| listbox \| tree \| undefined` | No | `-` | Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element. |
|
|
276
276
|
| `aria-hidden` | `Booleanish \| undefined` | No | `-` | Indicates whether the element is exposed to an accessibility API. |
|
|
277
277
|
| `aria-invalid` | `boolean \| true \| false \| grammar \| spelling \| undefined` | No | `-` | Indicates the entered value does not conform to the format expected by the application. |
|
|
278
278
|
| `aria-keyshortcuts` | `string \| undefined` | No | `-` | Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element. |
|
|
@@ -351,7 +351,7 @@ A full-width primary action with a compact secondary option.
|
|
|
351
351
|
| `end` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | Set the end node |
|
|
352
352
|
| `endIcon` | `key \| search \| pin \| filter \| visible \| continuous \| auto \| loop \| warning \| error \| account \| activity \| add \| addPeople \| advancedMarketSelector \| advancedTradeProduct \| affiliates \| airdrop \| airdropAlt \| airdropCoins \| airdropParachute \| alien \| allTimeHigh \| allocation \| annotation \| api \| apiPlug \| apothecary \| appSwitcher \| apple \| appleLogo \| application \| arrowDown \| arrowLeft \| arrowRight \| arrowUp \| arrowsHorizontal \| arrowsUpDown \| arrowsVertical \| artwork \| assetHubProduct \| assetManagementProduct \| astronautHelmet \| atSign \| atomScience \| autoCar \| avatar \| average \| backArrow \| ballot \| ballotbox \| bandage \| bank \| barChartSimple \| barChartWindow \| base \| baseApps \| baseFeed \| baseNotification \| baseQuickBuy \| baseSquare \| baseTransact \| baseVerification \| baseWallet \| baseball \| basketball \| beaker \| beginningArrow \| bell \| bellCheck \| bellPlus \| birthcertificate \| block \| blockchain \| blog \| book \| bookmark \| borrowProduct \| boxing \| bridging \| briefcase \| briefcaseAlt \| browser \| bug \| building \| calculator \| calendar \| calendarBlank \| calendarDates \| calendarEmpty \| calendarHeart \| calendarMoney \| calendarStar \| camera \| candlesticks \| car \| card \| caret \| caretDown \| caretLeft \| caretRight \| caretUp \| cash \| cashAustralianDollar \| cashBrazilianReal \| cashBrazillianReal \| cashCanadianDollar \| cashCoins \| cashEUR \| cashGBP \| cashIndonesianRupiah \| cashJPY \| cashPhilippinePeso \| cashPolishZloty \| cashRupee \| cashSingaporeDollar \| cashSwissFranc \| cashThaiBaht \| cashTurkishLira \| cashUSD \| cashUaeDirham \| cashVietnameseDong \| chainLink \| chartBar \| chartCandles \| chartLine \| chartPie \| chartPieCircle \| chartVolume \| chatBotAgent \| chatBubble \| chatRequests \| checkboxChecked \| checkboxEmpty \| checkmark \| chess \| circleCheckmark \| circleCross \| circulatingSupply \| city \| clipboard \| clock \| clockOutline \| close \| closeCaption \| clothing \| cloud \| cloudPartial \| cloudProduct \| cluster \| coinbase \| coinbaseCardProduct \| coinbaseOne \| coinbaseOneCard \| coinbaseOneLogo \| coinbaseRewards \| coinsCrypto \| collapse \| collectibles \| collection \| comment \| commentPlus \| commerceProduct \| compass \| complianceProduct \| compose \| computerChip \| concierge \| conciergeBell \| config \| convert \| copy \| corporation \| creatorCoin \| cricket \| cross \| crossTrade \| crypto \| cryptobasics \| crystalBall \| crystalBallInsight \| currencies \| custodyProduct \| dashboard \| dataMarketplaceProduct \| dataStack \| defi \| delegateProduct \| deposit \| derivatives \| derivativesProduct \| derivativesProductNew \| developerAPIProduct \| developerPlatformProduct \| dex \| diagonalDownArrow \| diagonalRightArrow \| diagonalUpArrow \| diamond \| diamondIncentives \| dinnerPlate \| directDeposit \| directDepositIcon \| disabledPhone \| discordLogo \| distribution \| document \| documentation \| dot \| doubleChevronRight \| downArrow \| download \| drag \| drops \| earn \| earnProduct \| earnRewards \| earthquake \| educationBook \| educationPencil \| email \| endArrow \| entertainment \| ethereum \| eventContracts \| exchangeProduct \| exclamationMark \| expand \| expandAddress \| expandAll \| externalLink \| eye \| faceScan \| faces \| factory \| faucet \| fib \| filmStrip \| fingerprint \| flame \| folder \| folderArrow \| folderOpen \| followAdd \| following \| football \| fork \| forwardArrow \| fscsProtection \| gab \| games \| gaming \| gasFees \| gasFeesAlt \| gauge \| gaugeEmpty \| gaugeHigh \| gaugeHighLow \| gaugeHighMid \| gaugeLow \| gaugeLowHigh \| gaugeLowMid \| gaugeMedium \| gavel \| gear \| generalCharacter \| ghost \| gif \| giftBox \| giftCard \| gitHubLogo \| globe \| golf \| googleLogo \| greenEnergy \| grid \| group \| hamburger \| hammer \| heart \| helpCenterProduct \| helpCenterQuestionMark \| hiddenEye \| hockey \| home \| horizontalLine \| hospital \| hospitalCross \| hurricane \| ideal \| identityCard \| image \| info \| initiator \| instagramLogo \| instantUnstakingClock \| institute \| institutionalProduct \| interest \| invisible \| invoice \| keyboard \| laptop \| leadChart \| leadCoin \| learningRewardsProduct \| light \| lightbulb \| lightning \| lightningBolt \| lineChartCrypto \| list \| location \| lock \| login \| logout \| magnifyingGlass \| marketCap \| medal \| megaphone \| menu \| metaverse \| microphone \| microphoneCordless \| microscope \| mint \| minus \| mma \| moneyCardCoin \| moon \| more \| moreVertical \| motorsport \| music \| musicArticles \| needle \| newsFeed \| newsletter \| nft \| nftBuy \| nftOffer \| nftProduct \| nftSale \| noRocket \| noWifi \| nodeProduct \| oil \| options \| orderBook \| orderHistory \| outline \| pFPS \| paperAirplane \| paperclip \| participate \| participateProduct \| passKey \| passport \| pause \| pay \| payProduct \| paymentCard \| payments \| payouts \| paypal \| pencil \| peopleGroup \| peopleStar \| percentage \| perpetualSwap \| phone \| pieChartData \| pillBottle \| pillCapsule \| plane \| planet \| play \| playbutton \| plusMinus \| podiumStar \| politicsBuilding \| politicsCandidate \| politicsFlag \| politicsGavel \| politicsPodium \| politicsStar \| powerTool \| priceAlerts \| priceAlertsCheck \| primePoduct \| privateClientProduct \| proProduct \| profile \| protection \| pulse \| pyramid \| qrCode \| qrCodeAlt \| queryTransact \| questionMark \| quotation \| rain \| ratingsCheck \| ratingsChecks \| ratingsStar \| reCenter \| rectangle \| recurring \| refresh \| regulated \| regulatedFutures \| report \| rewardsProduct \| ribbon \| robot \| rocket \| rocketShip \| rollingSpot \| rosettaProduct \| rottenTomato \| royalty \| safe \| save \| savingsBank \| scanQrCode \| scienceAtom \| scienceBeaker \| scienceMoon \| securityKey \| securityShield \| seen \| sendReceive \| setPinCode \| settings \| share \| shield \| shieldOutline \| shoe \| shoppingCart \| signinProduct \| singleCoin \| singleNote \| singlecloud \| smartContract \| snow \| soccer \| socialChat \| socialReshare \| socialShare \| sofort \| sortDoubleArrow \| sortDown \| sortDownCenter \| sortUp \| sortUpCenter \| soundOff \| soundOn \| sparkle \| speaker \| speechBubble \| stableCoin \| stablecoinStack \| staggeredList \| stake \| staking \| star \| starAward \| starBubble \| starTrophy \| statusDot \| step0 \| step1 \| step2 \| step3 \| step4 \| step5 \| step6 \| step7 \| step8 \| step9 \| strategy \| sun \| support \| tag \| taxes \| taxesReceipt \| telephone \| tennis \| test \| thermometer \| thumbsDown \| thumbsDownOutline \| thumbsUp \| thumbsUpOutline \| tokenLaunchCoin \| tokenLaunchRocket \| tokenSales \| tornado \| trading \| transactions \| trashCan \| trophy \| trophyCup \| tshirt \| tv \| tvStand \| twitterLogo \| ultility \| umbrella \| undo \| unfollowPeople \| unknown \| unlock \| upArrow \| upload \| venturesProduct \| verifiedBadge \| verifiedPools \| verticalLine \| virus \| waasProduct \| wallet \| walletLogo \| walletProduct \| webhooks \| wellness \| wifi \| wind \| wireTransfer \| withdraw \| wrapToken \| xLogo` | No | `-` | Icon to render at the end of the button. |
|
|
353
353
|
| `endIconActive` | `boolean` | No | `-` | Whether the end icon is active |
|
|
354
|
-
| `enterKeyHint` | `enter \| done \| go \| next \| previous \|
|
|
354
|
+
| `enterKeyHint` | `search \| enter \| done \| go \| next \| previous \| send \| undefined` | No | `-` | - |
|
|
355
355
|
| `flexBasis` | `ResponsiveProp<FlexBasis<string \| number>>` | No | `-` | - |
|
|
356
356
|
| `flexDirection` | `ResponsiveProp<column \| row \| row-reverse \| column-reverse>` | No | `-` | - |
|
|
357
357
|
| `flexGrow` | `inherit \| revert \| -moz-initial \| initial \| revert-layer \| unset` | No | `-` | - |
|
|
@@ -389,7 +389,7 @@ A full-width primary action with a compact secondary option.
|
|
|
389
389
|
| `hidden` | `boolean \| undefined` | No | `-` | - |
|
|
390
390
|
| `id` | `string \| undefined` | No | `-` | - |
|
|
391
391
|
| `inlist` | `any` | No | `-` | - |
|
|
392
|
-
| `inputMode` | `
|
|
392
|
+
| `inputMode` | `search \| text \| none \| tel \| url \| email \| numeric \| decimal \| undefined` | No | `-` | Hints at the type of data that might be entered by the user while editing the element or its contents |
|
|
393
393
|
| `is` | `string \| undefined` | No | `-` | Specify that a standard HTML element should behave like a defined custom built-in element |
|
|
394
394
|
| `itemID` | `string \| undefined` | No | `-` | - |
|
|
395
395
|
| `itemProp` | `string \| undefined` | No | `-` | - |
|