@coinbase/cds-mcp-server 8.43.2 → 8.44.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.
Files changed (83) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/mcp-docs/mobile/components/Carousel.txt +23 -17
  3. package/mcp-docs/mobile/components/CheckboxCell.txt +5 -5
  4. package/mcp-docs/mobile/components/Chip.txt +3 -3
  5. package/mcp-docs/mobile/components/Combobox.txt +20 -20
  6. package/mcp-docs/mobile/components/ContentCell.txt +12 -12
  7. package/mcp-docs/mobile/components/DataCard.txt +5 -5
  8. package/mcp-docs/mobile/components/DotCount.txt +5 -5
  9. package/mcp-docs/mobile/components/Icon.txt +3 -3
  10. package/mcp-docs/mobile/components/InputChip.txt +1 -1
  11. package/mcp-docs/mobile/components/ListCell.txt +18 -18
  12. package/mcp-docs/mobile/components/MediaCard.txt +6 -6
  13. package/mcp-docs/mobile/components/MediaChip.txt +1 -1
  14. package/mcp-docs/mobile/components/MessagingCard.txt +6 -6
  15. package/mcp-docs/mobile/components/PageHeader.txt +5 -5
  16. package/mcp-docs/mobile/components/ProgressBar.txt +4 -4
  17. package/mcp-docs/mobile/components/ProgressBarWithFixedLabels.txt +6 -6
  18. package/mcp-docs/mobile/components/ProgressBarWithFloatLabel.txt +5 -5
  19. package/mcp-docs/mobile/components/ProgressCircle.txt +8 -8
  20. package/mcp-docs/mobile/components/RadioCell.txt +5 -5
  21. package/mcp-docs/mobile/components/RollingNumber.txt +11 -11
  22. package/mcp-docs/mobile/components/SelectAlpha.txt +20 -20
  23. package/mcp-docs/mobile/components/SelectChip.txt +8 -6
  24. package/mcp-docs/mobile/components/SelectChipAlpha.txt +20 -20
  25. package/mcp-docs/mobile/components/SelectOption.txt +1 -1
  26. package/mcp-docs/mobile/components/SlideButton.txt +4 -4
  27. package/mcp-docs/mobile/components/Stepper.txt +8 -8
  28. package/mcp-docs/mobile/components/TabbedChipsAlpha.txt +2 -2
  29. package/mcp-docs/mobile/components/Tray.txt +717 -133
  30. package/mcp-docs/mobile/routes.txt +1 -1
  31. package/mcp-docs/web/components/AvatarButton.txt +7 -7
  32. package/mcp-docs/web/components/Banner.txt +22 -0
  33. package/mcp-docs/web/components/Box.txt +6 -6
  34. package/mcp-docs/web/components/Button.txt +7 -7
  35. package/mcp-docs/web/components/Carousel.txt +36 -36
  36. package/mcp-docs/web/components/CheckboxCell.txt +5 -5
  37. package/mcp-docs/web/components/Chip.txt +4 -4
  38. package/mcp-docs/web/components/Combobox.txt +21 -21
  39. package/mcp-docs/web/components/ContentCard.txt +6 -6
  40. package/mcp-docs/web/components/ContentCardBody.txt +6 -6
  41. package/mcp-docs/web/components/ContentCardFooter.txt +6 -6
  42. package/mcp-docs/web/components/ContentCardHeader.txt +6 -6
  43. package/mcp-docs/web/components/ContentCell.txt +20 -20
  44. package/mcp-docs/web/components/DataCard.txt +5 -5
  45. package/mcp-docs/web/components/DotCount.txt +7 -7
  46. package/mcp-docs/web/components/Fallback.txt +6 -6
  47. package/mcp-docs/web/components/Grid.txt +6 -6
  48. package/mcp-docs/web/components/GridColumn.txt +6 -6
  49. package/mcp-docs/web/components/HStack.txt +6 -6
  50. package/mcp-docs/web/components/Icon.txt +4 -4
  51. package/mcp-docs/web/components/IconButton.txt +7 -7
  52. package/mcp-docs/web/components/InputChip.txt +2 -2
  53. package/mcp-docs/web/components/Interactable.txt +7 -7
  54. package/mcp-docs/web/components/Link.txt +6 -6
  55. package/mcp-docs/web/components/ListCell.txt +22 -22
  56. package/mcp-docs/web/components/MediaCard.txt +6 -6
  57. package/mcp-docs/web/components/MediaChip.txt +2 -2
  58. package/mcp-docs/web/components/MessagingCard.txt +6 -6
  59. package/mcp-docs/web/components/MultiContentModule.txt +6 -6
  60. package/mcp-docs/web/components/PageHeader.txt +6 -6
  61. package/mcp-docs/web/components/Pressable.txt +7 -7
  62. package/mcp-docs/web/components/ProgressBar.txt +6 -6
  63. package/mcp-docs/web/components/ProgressBarWithFixedLabels.txt +8 -8
  64. package/mcp-docs/web/components/ProgressBarWithFloatLabel.txt +7 -7
  65. package/mcp-docs/web/components/ProgressCircle.txt +8 -8
  66. package/mcp-docs/web/components/RadioCell.txt +5 -5
  67. package/mcp-docs/web/components/ReferenceLine.txt +2 -2
  68. package/mcp-docs/web/components/RollingNumber.txt +18 -18
  69. package/mcp-docs/web/components/Scrubber.txt +6 -6
  70. package/mcp-docs/web/components/SelectAlpha.txt +21 -21
  71. package/mcp-docs/web/components/SelectChip.txt +2 -2
  72. package/mcp-docs/web/components/SelectChipAlpha.txt +21 -21
  73. package/mcp-docs/web/components/SelectOption.txt +2 -2
  74. package/mcp-docs/web/components/Sidebar.txt +6 -6
  75. package/mcp-docs/web/components/Spacer.txt +6 -6
  76. package/mcp-docs/web/components/Stepper.txt +9 -9
  77. package/mcp-docs/web/components/TabbedChipsAlpha.txt +4 -4
  78. package/mcp-docs/web/components/Text.txt +6 -6
  79. package/mcp-docs/web/components/TileButton.txt +7 -7
  80. package/mcp-docs/web/components/Tray.txt +1032 -155
  81. package/mcp-docs/web/components/VStack.txt +6 -6
  82. package/mcp-docs/web/routes.txt +1 -1
  83. package/package.json +1 -1
@@ -122,7 +122,7 @@ By default GridColumn is not accessibility aware as it renders a standard `div`.
122
122
  | `alignSelf` | `ResponsiveProp<center \| normal \| auto \| start \| end \| flex-start \| flex-end \| self-start \| self-end \| stretch \| baseline \| first baseline \| last baseline>` | No | `-` | - |
123
123
  | `aria-activedescendant` | `string \| undefined` | No | `-` | Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application. |
124
124
  | `aria-atomic` | `Booleanish \| undefined` | No | `-` | Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute. |
125
- | `aria-autocomplete` | `none \| list \| inline \| both \| undefined` | No | `-` | Indicates whether inputting text could trigger display of one or more predictions of the users intended value for an input and specifies how predictions would be presented if they are made. |
125
+ | `aria-autocomplete` | `none \| inline \| list \| both \| undefined` | No | `-` | Indicates whether inputting text could trigger display of one or more predictions of the users intended value for an input and specifies how predictions would be presented if they are made. |
126
126
  | `aria-braillelabel` | `string \| undefined` | No | `-` | Defines a string value that labels the current element, which is intended to be converted into Braille. |
127
127
  | `aria-brailleroledescription` | `string \| undefined` | No | `-` | Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille. |
128
128
  | `aria-busy` | `Booleanish \| undefined` | No | `-` | - |
@@ -132,7 +132,7 @@ By default GridColumn is not accessibility aware as it renders a standard `div`.
132
132
  | `aria-colindextext` | `string \| undefined` | No | `-` | Defines a human readable text alternative of aria-colindex. |
133
133
  | `aria-colspan` | `number \| undefined` | No | `-` | Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid. |
134
134
  | `aria-controls` | `string \| undefined` | No | `-` | Identifies the element (or elements) whose contents or presence are controlled by the current element. |
135
- | `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. |
135
+ | `aria-current` | `boolean \| time \| location \| true \| false \| page \| step \| date \| undefined` | No | `-` | Indicates the element that represents the current item within a container or set of related elements. |
136
136
  | `aria-describedby` | `string \| undefined` | No | `-` | Identifies the element (or elements) that describes the object. |
137
137
  | `aria-description` | `string \| undefined` | No | `-` | Defines a string value that describes or annotates the current element. |
138
138
  | `aria-details` | `string \| undefined` | No | `-` | Identifies the element that provides a detailed, extended description for the object. |
@@ -159,7 +159,7 @@ By default GridColumn is not accessibility aware as it renders a standard `div`.
159
159
  | `aria-posinset` | `number \| undefined` | No | `-` | Defines an elements number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM. |
160
160
  | `aria-pressed` | `boolean \| true \| false \| mixed \| undefined` | No | `-` | Indicates the current pressed state of toggle buttons. |
161
161
  | `aria-readonly` | `Booleanish \| undefined` | No | `-` | Indicates that the element is not editable, but is otherwise operable. |
162
- | `aria-relevant` | `text \| additions \| additions removals \| additions text \| all \| removals \| removals additions \| removals text \| text additions \| text removals \| undefined` | No | `-` | Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified. |
162
+ | `aria-relevant` | `text \| all \| additions \| additions removals \| additions text \| removals \| removals additions \| removals text \| text additions \| text removals \| undefined` | No | `-` | Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified. |
163
163
  | `aria-required` | `Booleanish \| undefined` | No | `-` | Indicates that user input is required on the element before a form may be submitted. |
164
164
  | `aria-roledescription` | `string \| undefined` | No | `-` | Defines a human-readable, author-localized description for the role of an element. |
165
165
  | `aria-rowcount` | `number \| undefined` | No | `-` | Defines the total number of rows in a table, grid, or treegrid. |
@@ -175,7 +175,7 @@ By default GridColumn is not accessibility aware as it renders a standard `div`.
175
175
  | `aria-valuetext` | `string \| undefined` | No | `-` | Defines the human readable text alternative of aria-valuenow for a range widget. |
176
176
  | `as` | `symbol \| object \| style \| div \| a \| abbr \| address \| area \| article \| aside \| audio \| b \| base \| bdi \| bdo \| big \| blockquote \| body \| br \| button \| canvas \| caption \| center \| cite \| code \| col \| colgroup \| data \| datalist \| dd \| del \| details \| dfn \| dialog \| dl \| dt \| em \| embed \| fieldset \| figcaption \| figure \| footer \| form \| h1 \| h2 \| h3 \| h4 \| h5 \| h6 \| head \| header \| hgroup \| hr \| html \| i \| iframe \| img \| input \| ins \| kbd \| keygen \| label \| legend \| li \| link \| main \| map \| mark \| menu \| menuitem \| meta \| meter \| nav \| noindex \| noscript \| ol \| optgroup \| option \| output \| p \| param \| picture \| pre \| progress \| q \| rp \| rt \| ruby \| s \| samp \| search \| slot \| script \| section \| select \| small \| source \| span \| strong \| sub \| summary \| sup \| table \| template \| tbody \| td \| textarea \| tfoot \| th \| thead \| time \| title \| tr \| track \| u \| ul \| var \| video \| wbr \| webview \| svg \| animate \| animateMotion \| animateTransform \| circle \| clipPath \| defs \| desc \| ellipse \| feBlend \| feColorMatrix \| feComponentTransfer \| feComposite \| feConvolveMatrix \| feDiffuseLighting \| feDisplacementMap \| feDistantLight \| feDropShadow \| feFlood \| feFuncA \| feFuncB \| feFuncG \| feFuncR \| feGaussianBlur \| feImage \| feMerge \| feMergeNode \| feMorphology \| feOffset \| fePointLight \| feSpecularLighting \| feSpotLight \| feTile \| feTurbulence \| filter \| foreignObject \| g \| image \| line \| linearGradient \| marker \| mask \| metadata \| mpath \| path \| pattern \| polygon \| polyline \| radialGradient \| rect \| set \| stop \| switch \| text \| textPath \| tspan \| use \| view \| ComponentClass<any, any> \| FunctionComponent<any>` | No | `div` | The underlying element or component the polymorphic component will render. Changing as also changes the inherited native props (e.g. href for as=a) and the expected ref type. |
177
177
  | `aspectRatio` | `inherit \| auto \| revert \| -moz-initial \| initial \| revert-layer \| unset` | No | `-` | - |
178
- | `autoCapitalize` | `off \| none \| on \| sentences \| words \| characters \| (string & {}) \| undefined` | No | `-` | - |
178
+ | `autoCapitalize` | `(string & {}) \| none \| off \| on \| sentences \| words \| characters \| undefined` | No | `-` | - |
179
179
  | `autoCorrect` | `string \| undefined` | No | `-` | - |
180
180
  | `autoFocus` | `boolean \| undefined` | No | `-` | - |
181
181
  | `autoSave` | `string \| undefined` | No | `-` | - |
@@ -207,7 +207,7 @@ By default GridColumn is not accessibility aware as it renders a standard `div`.
207
207
  | `color` | `currentColor \| fg \| fgMuted \| fgInverse \| fgPrimary \| fgWarning \| fgPositive \| fgNegative \| bg \| bgAlternate \| bgInverse \| bgOverlay \| bgElevation1 \| bgElevation2 \| bgPrimary \| bgPrimaryWash \| bgSecondary \| bgTertiary \| bgSecondaryWash \| bgNegative \| bgNegativeWash \| bgPositive \| bgPositiveWash \| bgWarning \| bgWarningWash \| bgLine \| bgLineHeavy \| bgLineInverse \| bgLinePrimary \| bgLinePrimarySubtle \| accentSubtleRed \| accentBoldRed \| accentSubtleGreen \| accentBoldGreen \| accentSubtleBlue \| accentBoldBlue \| accentSubtlePurple \| accentBoldPurple \| accentSubtleYellow \| accentBoldYellow \| accentSubtleGray \| accentBoldGray \| transparent` | No | `-` | - |
208
208
  | `columnGap` | `0 \| 1 \| 2 \| 0.25 \| 0.5 \| 0.75 \| 1.5 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10` | No | `-` | - |
209
209
  | `content` | `string \| undefined` | No | `-` | - |
210
- | `contentEditable` | `Booleanish \| inherit \| plaintext-only \| undefined` | No | `-` | - |
210
+ | `contentEditable` | `inherit \| Booleanish \| plaintext-only \| undefined` | No | `-` | - |
211
211
  | `contextMenu` | `string \| undefined` | No | `-` | - |
212
212
  | `dangerouslySetBackground` | `string` | No | `-` | - |
213
213
  | `dangerouslySetInnerHTML` | `{ __html: string \| TrustedHTML; } \| undefined` | No | `-` | - |
@@ -248,7 +248,7 @@ By default GridColumn is not accessibility aware as it renders a standard `div`.
248
248
  | `hidden` | `boolean \| undefined` | No | `-` | - |
249
249
  | `id` | `string \| undefined` | No | `-` | - |
250
250
  | `inlist` | `any` | No | `-` | - |
251
- | `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 |
251
+ | `inputMode` | `search \| text \| none \| email \| tel \| url \| numeric \| decimal \| undefined` | No | `-` | Hints at the type of data that might be entered by the user while editing the element or its contents |
252
252
  | `is` | `string \| undefined` | No | `-` | Specify that a standard HTML element should behave like a defined custom built-in element |
253
253
  | `itemID` | `string \| undefined` | No | `-` | - |
254
254
  | `itemProp` | `string \| undefined` | No | `-` | - |
@@ -144,7 +144,7 @@ function ResponsiveBox() {
144
144
  | `alignSelf` | `ResponsiveProp<center \| normal \| auto \| start \| end \| flex-start \| flex-end \| self-start \| self-end \| stretch \| baseline \| first baseline \| last baseline>` | No | `-` | - |
145
145
  | `aria-activedescendant` | `string \| undefined` | No | `-` | Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application. |
146
146
  | `aria-atomic` | `Booleanish \| undefined` | No | `-` | Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute. |
147
- | `aria-autocomplete` | `none \| list \| inline \| both \| undefined` | No | `-` | Indicates whether inputting text could trigger display of one or more predictions of the users intended value for an input and specifies how predictions would be presented if they are made. |
147
+ | `aria-autocomplete` | `none \| inline \| list \| both \| undefined` | No | `-` | Indicates whether inputting text could trigger display of one or more predictions of the users intended value for an input and specifies how predictions would be presented if they are made. |
148
148
  | `aria-braillelabel` | `string \| undefined` | No | `-` | Defines a string value that labels the current element, which is intended to be converted into Braille. |
149
149
  | `aria-brailleroledescription` | `string \| undefined` | No | `-` | Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille. |
150
150
  | `aria-busy` | `Booleanish \| undefined` | No | `-` | - |
@@ -154,7 +154,7 @@ function ResponsiveBox() {
154
154
  | `aria-colindextext` | `string \| undefined` | No | `-` | Defines a human readable text alternative of aria-colindex. |
155
155
  | `aria-colspan` | `number \| undefined` | No | `-` | Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid. |
156
156
  | `aria-controls` | `string \| undefined` | No | `-` | Identifies the element (or elements) whose contents or presence are controlled by the current element. |
157
- | `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. |
157
+ | `aria-current` | `boolean \| time \| location \| true \| false \| page \| step \| date \| undefined` | No | `-` | Indicates the element that represents the current item within a container or set of related elements. |
158
158
  | `aria-describedby` | `string \| undefined` | No | `-` | Identifies the element (or elements) that describes the object. |
159
159
  | `aria-description` | `string \| undefined` | No | `-` | Defines a string value that describes or annotates the current element. |
160
160
  | `aria-details` | `string \| undefined` | No | `-` | Identifies the element that provides a detailed, extended description for the object. |
@@ -181,7 +181,7 @@ function ResponsiveBox() {
181
181
  | `aria-posinset` | `number \| undefined` | No | `-` | Defines an elements number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM. |
182
182
  | `aria-pressed` | `boolean \| true \| false \| mixed \| undefined` | No | `-` | Indicates the current pressed state of toggle buttons. |
183
183
  | `aria-readonly` | `Booleanish \| undefined` | No | `-` | Indicates that the element is not editable, but is otherwise operable. |
184
- | `aria-relevant` | `text \| additions \| additions removals \| additions text \| all \| removals \| removals additions \| removals text \| text additions \| text removals \| undefined` | No | `-` | Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified. |
184
+ | `aria-relevant` | `text \| all \| additions \| additions removals \| additions text \| removals \| removals additions \| removals text \| text additions \| text removals \| undefined` | No | `-` | Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified. |
185
185
  | `aria-required` | `Booleanish \| undefined` | No | `-` | Indicates that user input is required on the element before a form may be submitted. |
186
186
  | `aria-roledescription` | `string \| undefined` | No | `-` | Defines a human-readable, author-localized description for the role of an element. |
187
187
  | `aria-rowcount` | `number \| undefined` | No | `-` | Defines the total number of rows in a table, grid, or treegrid. |
@@ -197,7 +197,7 @@ function ResponsiveBox() {
197
197
  | `aria-valuetext` | `string \| undefined` | No | `-` | Defines the human readable text alternative of aria-valuenow for a range widget. |
198
198
  | `as` | `symbol \| object \| style \| div \| a \| abbr \| address \| area \| article \| aside \| audio \| b \| base \| bdi \| bdo \| big \| blockquote \| body \| br \| button \| canvas \| caption \| center \| cite \| code \| col \| colgroup \| data \| datalist \| dd \| del \| details \| dfn \| dialog \| dl \| dt \| em \| embed \| fieldset \| figcaption \| figure \| footer \| form \| h1 \| h2 \| h3 \| h4 \| h5 \| h6 \| head \| header \| hgroup \| hr \| html \| i \| iframe \| img \| input \| ins \| kbd \| keygen \| label \| legend \| li \| link \| main \| map \| mark \| menu \| menuitem \| meta \| meter \| nav \| noindex \| noscript \| ol \| optgroup \| option \| output \| p \| param \| picture \| pre \| progress \| q \| rp \| rt \| ruby \| s \| samp \| search \| slot \| script \| section \| select \| small \| source \| span \| strong \| sub \| summary \| sup \| table \| template \| tbody \| td \| textarea \| tfoot \| th \| thead \| time \| title \| tr \| track \| u \| ul \| var \| video \| wbr \| webview \| svg \| animate \| animateMotion \| animateTransform \| circle \| clipPath \| defs \| desc \| ellipse \| feBlend \| feColorMatrix \| feComponentTransfer \| feComposite \| feConvolveMatrix \| feDiffuseLighting \| feDisplacementMap \| feDistantLight \| feDropShadow \| feFlood \| feFuncA \| feFuncB \| feFuncG \| feFuncR \| feGaussianBlur \| feImage \| feMerge \| feMergeNode \| feMorphology \| feOffset \| fePointLight \| feSpecularLighting \| feSpotLight \| feTile \| feTurbulence \| filter \| foreignObject \| g \| image \| line \| linearGradient \| marker \| mask \| metadata \| mpath \| path \| pattern \| polygon \| polyline \| radialGradient \| rect \| set \| stop \| switch \| text \| textPath \| tspan \| use \| view \| ComponentClass<any, any> \| FunctionComponent<any>` | No | `div` | The underlying element or component the polymorphic component will render. Changing as also changes the inherited native props (e.g. href for as=a) and the expected ref type. |
199
199
  | `aspectRatio` | `inherit \| auto \| revert \| -moz-initial \| initial \| revert-layer \| unset` | No | `-` | - |
200
- | `autoCapitalize` | `off \| none \| on \| sentences \| words \| characters \| (string & {}) \| undefined` | No | `-` | - |
200
+ | `autoCapitalize` | `(string & {}) \| none \| off \| on \| sentences \| words \| characters \| undefined` | No | `-` | - |
201
201
  | `autoCorrect` | `string \| undefined` | No | `-` | - |
202
202
  | `autoFocus` | `boolean \| undefined` | No | `-` | - |
203
203
  | `autoSave` | `string \| undefined` | No | `-` | - |
@@ -226,7 +226,7 @@ function ResponsiveBox() {
226
226
  | `color` | `currentColor \| fg \| fgMuted \| fgInverse \| fgPrimary \| fgWarning \| fgPositive \| fgNegative \| bg \| bgAlternate \| bgInverse \| bgOverlay \| bgElevation1 \| bgElevation2 \| bgPrimary \| bgPrimaryWash \| bgSecondary \| bgTertiary \| bgSecondaryWash \| bgNegative \| bgNegativeWash \| bgPositive \| bgPositiveWash \| bgWarning \| bgWarningWash \| bgLine \| bgLineHeavy \| bgLineInverse \| bgLinePrimary \| bgLinePrimarySubtle \| accentSubtleRed \| accentBoldRed \| accentSubtleGreen \| accentBoldGreen \| accentSubtleBlue \| accentBoldBlue \| accentSubtlePurple \| accentBoldPurple \| accentSubtleYellow \| accentBoldYellow \| accentSubtleGray \| accentBoldGray \| transparent` | No | `-` | - |
227
227
  | `columnGap` | `0 \| 1 \| 2 \| 0.25 \| 0.5 \| 0.75 \| 1.5 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10` | No | `-` | - |
228
228
  | `content` | `string \| undefined` | No | `-` | - |
229
- | `contentEditable` | `Booleanish \| inherit \| plaintext-only \| undefined` | No | `-` | - |
229
+ | `contentEditable` | `inherit \| Booleanish \| plaintext-only \| undefined` | No | `-` | - |
230
230
  | `contextMenu` | `string \| undefined` | No | `-` | - |
231
231
  | `dangerouslySetBackground` | `string` | No | `-` | - |
232
232
  | `dangerouslySetInnerHTML` | `{ __html: string \| TrustedHTML; } \| undefined` | No | `-` | - |
@@ -267,7 +267,7 @@ function ResponsiveBox() {
267
267
  | `hidden` | `boolean \| undefined` | No | `-` | - |
268
268
  | `id` | `string \| undefined` | No | `-` | - |
269
269
  | `inlist` | `any` | No | `-` | - |
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 |
270
+ | `inputMode` | `search \| text \| none \| email \| tel \| url \| 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 | `-` | - |
@@ -64,7 +64,7 @@ import { Icon } from '@coinbase/cds-web/icons/Icon'
64
64
  | `borderedTop` | `boolean` | No | `-` | Add a border to the top side of the box. |
65
65
  | `borderedVertical` | `boolean` | No | `-` | Add a border to the top and bottom sides of the box. |
66
66
  | `bottom` | `ResponsiveProp<Bottom<string \| number>>` | No | `-` | - |
67
- | `classNames` | `{ root?: string; icon?: string \| undefined; } \| undefined` | No | `-` | - |
67
+ | `classNames` | `{ root?: string; icon?: string \| undefined; } \| undefined` | No | `-` | Custom class names for individual elements of the Icon component |
68
68
  | `color` | `currentColor \| fg \| fgMuted \| fgInverse \| fgPrimary \| fgWarning \| fgPositive \| fgNegative \| bg \| bgAlternate \| bgInverse \| bgOverlay \| bgElevation1 \| bgElevation2 \| bgPrimary \| bgPrimaryWash \| bgSecondary \| bgTertiary \| bgSecondaryWash \| bgNegative \| bgNegativeWash \| bgPositive \| bgPositiveWash \| bgWarning \| bgWarningWash \| bgLine \| bgLineHeavy \| bgLineInverse \| bgLinePrimary \| bgLinePrimarySubtle \| accentSubtleRed \| accentBoldRed \| accentSubtleGreen \| accentBoldGreen \| accentSubtleBlue \| accentBoldBlue \| accentSubtlePurple \| accentBoldPurple \| accentSubtleYellow \| accentBoldYellow \| accentSubtleGray \| accentBoldGray \| transparent` | No | `-` | - |
69
69
  | `columnGap` | `0 \| 1 \| 2 \| 0.25 \| 0.5 \| 0.75 \| 1.5 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10` | No | `-` | - |
70
70
  | `dangerouslySetBackground` | `string` | No | `-` | - |
@@ -130,7 +130,7 @@ import { Icon } from '@coinbase/cds-web/icons/Icon'
130
130
  | `rowGap` | `0 \| 1 \| 2 \| 0.25 \| 0.5 \| 0.75 \| 1.5 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10` | No | `-` | - |
131
131
  | `size` | `s \| l \| xs \| m` | No | `m` | Size for a given icon. |
132
132
  | `style` | `CSSProperties` | No | `-` | - |
133
- | `styles` | `{ root?: CSSProperties; icon?: CSSProperties \| undefined; } \| undefined` | No | `-` | - |
133
+ | `styles` | `{ root?: CSSProperties; icon?: CSSProperties \| undefined; } \| undefined` | No | `-` | Custom inline styles for individual elements of the Icon component |
134
134
  | `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 |
135
135
  | `textAlign` | `ResponsiveProp<center \| start \| end \| justify>` | No | `-` | - |
136
136
  | `textDecoration` | `ResponsiveProp<none \| underline \| overline \| line-through \| underline overline \| underline double>` | No | `-` | - |
@@ -147,7 +147,7 @@ import { Icon } from '@coinbase/cds-web/icons/Icon'
147
147
 
148
148
  | Selector | Static class name | Description |
149
149
  | --- | --- | --- |
150
- | `root` | `-` | TO DO: Document this prop |
151
- | `icon` | `-` | TO DO: Document this prop |
150
+ | `root` | `-` | Outer Box wrapper element |
151
+ | `icon` | `-` | Inner icon glyph element |
152
152
 
153
153
 
@@ -259,7 +259,7 @@ An icon button with a badge showing the notification count. Uses `DotCount` to d
259
259
  | `alignSelf` | `ResponsiveProp<center \| normal \| auto \| start \| end \| flex-start \| flex-end \| self-start \| self-end \| stretch \| baseline \| first baseline \| last baseline>` | No | `-` | - |
260
260
  | `aria-activedescendant` | `string \| undefined` | No | `-` | Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application. |
261
261
  | `aria-atomic` | `Booleanish \| undefined` | No | `-` | Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute. |
262
- | `aria-autocomplete` | `none \| list \| inline \| both \| undefined` | No | `-` | Indicates whether inputting text could trigger display of one or more predictions of the users intended value for an input and specifies how predictions would be presented if they are made. |
262
+ | `aria-autocomplete` | `none \| inline \| list \| both \| undefined` | No | `-` | Indicates whether inputting text could trigger display of one or more predictions of the users intended value for an input and specifies how predictions would be presented if they are made. |
263
263
  | `aria-braillelabel` | `string \| undefined` | No | `-` | Defines a string value that labels the current element, which is intended to be converted into Braille. |
264
264
  | `aria-brailleroledescription` | `string \| undefined` | No | `-` | Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille. |
265
265
  | `aria-busy` | `Booleanish \| undefined` | No | `-` | - |
@@ -269,7 +269,7 @@ An icon button with a badge showing the notification count. Uses `DotCount` to d
269
269
  | `aria-colindextext` | `string \| undefined` | No | `-` | Defines a human readable text alternative of aria-colindex. |
270
270
  | `aria-colspan` | `number \| undefined` | No | `-` | Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid. |
271
271
  | `aria-controls` | `string \| undefined` | No | `-` | Identifies the element (or elements) whose contents or presence are controlled by the current element. |
272
- | `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. |
272
+ | `aria-current` | `boolean \| time \| location \| true \| false \| page \| step \| date \| undefined` | No | `-` | Indicates the element that represents the current item within a container or set of related elements. |
273
273
  | `aria-describedby` | `string \| undefined` | No | `-` | Identifies the element (or elements) that describes the object. |
274
274
  | `aria-description` | `string \| undefined` | No | `-` | Defines a string value that describes or annotates the current element. |
275
275
  | `aria-details` | `string \| undefined` | No | `-` | Identifies the element that provides a detailed, extended description for the object. |
@@ -296,7 +296,7 @@ An icon button with a badge showing the notification count. Uses `DotCount` to d
296
296
  | `aria-posinset` | `number \| undefined` | No | `-` | Defines an elements number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM. |
297
297
  | `aria-pressed` | `boolean \| true \| false \| mixed \| undefined` | No | `-` | Indicates the current pressed state of toggle buttons. |
298
298
  | `aria-readonly` | `Booleanish \| undefined` | No | `-` | Indicates that the element is not editable, but is otherwise operable. |
299
- | `aria-relevant` | `text \| additions \| additions removals \| additions text \| all \| removals \| removals additions \| removals text \| text additions \| text removals \| undefined` | No | `-` | Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified. |
299
+ | `aria-relevant` | `text \| all \| additions \| additions removals \| additions text \| removals \| removals additions \| removals text \| text additions \| text removals \| undefined` | No | `-` | Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified. |
300
300
  | `aria-required` | `Booleanish \| undefined` | No | `-` | Indicates that user input is required on the element before a form may be submitted. |
301
301
  | `aria-roledescription` | `string \| undefined` | No | `-` | Defines a human-readable, author-localized description for the role of an element. |
302
302
  | `aria-rowcount` | `number \| undefined` | No | `-` | Defines the total number of rows in a table, grid, or treegrid. |
@@ -312,7 +312,7 @@ An icon button with a badge showing the notification count. Uses `DotCount` to d
312
312
  | `aria-valuetext` | `string \| undefined` | No | `-` | Defines the human readable text alternative of aria-valuenow for a range widget. |
313
313
  | `as` | `symbol \| object \| style \| div \| a \| abbr \| address \| area \| article \| aside \| audio \| b \| base \| bdi \| bdo \| big \| blockquote \| body \| br \| button \| canvas \| caption \| center \| cite \| code \| col \| colgroup \| data \| datalist \| dd \| del \| details \| dfn \| dialog \| dl \| dt \| em \| embed \| fieldset \| figcaption \| figure \| footer \| form \| h1 \| h2 \| h3 \| h4 \| h5 \| h6 \| head \| header \| hgroup \| hr \| html \| i \| iframe \| img \| input \| ins \| kbd \| keygen \| label \| legend \| li \| link \| main \| map \| mark \| menu \| menuitem \| meta \| meter \| nav \| noindex \| noscript \| ol \| optgroup \| option \| output \| p \| param \| picture \| pre \| progress \| q \| rp \| rt \| ruby \| s \| samp \| search \| slot \| script \| section \| select \| small \| source \| span \| strong \| sub \| summary \| sup \| table \| template \| tbody \| td \| textarea \| tfoot \| th \| thead \| time \| title \| tr \| track \| u \| ul \| var \| video \| wbr \| webview \| svg \| animate \| animateMotion \| animateTransform \| circle \| clipPath \| defs \| desc \| ellipse \| feBlend \| feColorMatrix \| feComponentTransfer \| feComposite \| feConvolveMatrix \| feDiffuseLighting \| feDisplacementMap \| feDistantLight \| feDropShadow \| feFlood \| feFuncA \| feFuncB \| feFuncG \| feFuncR \| feGaussianBlur \| feImage \| feMerge \| feMergeNode \| feMorphology \| feOffset \| fePointLight \| feSpecularLighting \| feSpotLight \| feTile \| feTurbulence \| filter \| foreignObject \| g \| image \| line \| linearGradient \| marker \| mask \| metadata \| mpath \| path \| pattern \| polygon \| polyline \| radialGradient \| rect \| set \| stop \| switch \| text \| textPath \| tspan \| use \| view \| ComponentClass<any, any> \| FunctionComponent<any>` | No | `button` | The underlying element or component the polymorphic component will render. Changing as also changes the inherited native props (e.g. href for as=a) and the expected ref type. |
314
314
  | `aspectRatio` | `inherit \| auto \| revert \| -moz-initial \| initial \| revert-layer \| unset` | No | `-` | - |
315
- | `autoCapitalize` | `off \| none \| on \| sentences \| words \| characters \| (string & {}) \| undefined` | No | `-` | - |
315
+ | `autoCapitalize` | `(string & {}) \| none \| off \| on \| sentences \| words \| characters \| undefined` | No | `-` | - |
316
316
  | `autoCorrect` | `string \| undefined` | No | `-` | - |
317
317
  | `autoFocus` | `boolean \| undefined` | No | `-` | - |
318
318
  | `autoSave` | `string \| undefined` | No | `-` | - |
@@ -344,7 +344,7 @@ An icon button with a badge showing the notification count. Uses `DotCount` to d
344
344
  | `columnGap` | `0 \| 1 \| 2 \| 0.25 \| 0.5 \| 0.75 \| 1.5 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10` | No | `-` | - |
345
345
  | `compact` | `boolean` | No | `-` | Reduce the inner padding within the button itself. |
346
346
  | `content` | `string \| undefined` | No | `-` | - |
347
- | `contentEditable` | `Booleanish \| inherit \| plaintext-only \| undefined` | No | `-` | - |
347
+ | `contentEditable` | `inherit \| Booleanish \| plaintext-only \| undefined` | No | `-` | - |
348
348
  | `contextMenu` | `string \| undefined` | No | `-` | - |
349
349
  | `dangerouslySetBackground` | `string` | No | `-` | - |
350
350
  | `dangerouslySetInnerHTML` | `{ __html: string \| TrustedHTML; } \| undefined` | No | `-` | - |
@@ -394,7 +394,7 @@ An icon button with a badge showing the notification count. Uses `DotCount` to d
394
394
  | `hidden` | `boolean \| undefined` | No | `-` | - |
395
395
  | `id` | `string \| undefined` | No | `-` | - |
396
396
  | `inlist` | `any` | No | `-` | - |
397
- | `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 |
397
+ | `inputMode` | `search \| text \| none \| email \| tel \| url \| numeric \| decimal \| undefined` | No | `-` | Hints at the type of data that might be entered by the user while editing the element or its contents |
398
398
  | `is` | `string \| undefined` | No | `-` | Specify that a standard HTML element should behave like a defined custom built-in element |
399
399
  | `itemID` | `string \| undefined` | No | `-` | - |
400
400
  | `itemProp` | `string \| undefined` | No | `-` | - |
@@ -621,7 +621,7 @@ An icon button with a badge showing the notification count. Uses `DotCount` to d
621
621
  | `transparent` | `boolean` | No | `-` | Mark the background and border as transparent until interacted with. |
622
622
  | `transparentWhileInactive` | `boolean` | No | `-` | Mark the background and border as transparent until the element is interacted with (hovered, pressed, etc). Must be used in conjunction with the pressed prop |
623
623
  | `transparentWhilePressed` | `boolean` | No | `-` | Mark the background and border as transparent even while element is interacted with (elevation underlay issue). Must be used in conjunction with the pressed prop |
624
- | `type` | `button \| submit \| reset \| undefined` | No | `-` | - |
624
+ | `type` | `button \| reset \| submit \| undefined` | No | `-` | - |
625
625
  | `typeof` | `string \| undefined` | No | `-` | - |
626
626
  | `unselectable` | `off \| on \| undefined` | No | `-` | - |
627
627
  | `userSelect` | `ResponsiveProp<text \| none \| auto \| all>` | No | `-` | - |
@@ -102,7 +102,7 @@ function Example() {
102
102
  | `bottom` | `ResponsiveProp<Bottom<string \| number>>` | No | `-` | - |
103
103
  | `children` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | ReactNode placed in the center of the Chip |
104
104
  | `className` | `string` | No | `-` | Apply class names to the outer container. |
105
- | `classNames` | `{ root?: string; content?: string \| undefined; } \| undefined` | No | `-` | Class names for the components |
105
+ | `classNames` | `{ root?: string; content?: string \| undefined; } \| undefined` | No | `-` | Custom class names for individual elements of the Chip component |
106
106
  | `color` | `currentColor \| fg \| fgMuted \| fgInverse \| fgPrimary \| fgWarning \| fgPositive \| fgNegative \| bg \| bgAlternate \| bgInverse \| bgOverlay \| bgElevation1 \| bgElevation2 \| bgPrimary \| bgPrimaryWash \| bgSecondary \| bgTertiary \| bgSecondaryWash \| bgNegative \| bgNegativeWash \| bgPositive \| bgPositiveWash \| bgWarning \| bgWarningWash \| bgLine \| bgLineHeavy \| bgLineInverse \| bgLinePrimary \| bgLinePrimarySubtle \| accentSubtleRed \| accentBoldRed \| accentSubtleGreen \| accentBoldGreen \| accentSubtleBlue \| accentBoldBlue \| accentSubtlePurple \| accentBoldPurple \| accentSubtleYellow \| accentBoldYellow \| accentSubtleGray \| accentBoldGray \| transparent` | No | `-` | - |
107
107
  | `columnGap` | `0 \| 1 \| 2 \| 0.25 \| 0.5 \| 0.75 \| 1.5 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10` | No | `-` | - |
108
108
  | `compact` | `boolean` | No | `-` | Reduces spacing around Chip content |
@@ -175,7 +175,7 @@ function Example() {
175
175
  | `rowGap` | `0 \| 1 \| 2 \| 0.25 \| 0.5 \| 0.75 \| 1.5 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10` | No | `-` | - |
176
176
  | `start` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | ReactNode placed before the value |
177
177
  | `style` | `CSSProperties` | No | `-` | - |
178
- | `styles` | `{ root?: CSSProperties; content?: CSSProperties \| undefined; } \| undefined` | No | `-` | Apply styles to the container and content. |
178
+ | `styles` | `{ root?: CSSProperties; content?: CSSProperties \| undefined; } \| undefined` | No | `-` | Custom styles for individual elements of the Chip component |
179
179
  | `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 |
180
180
  | `textAlign` | `ResponsiveProp<center \| start \| end \| justify>` | No | `-` | - |
181
181
  | `textDecoration` | `ResponsiveProp<none \| underline \| overline \| line-through \| underline overline \| underline double>` | No | `-` | - |
@@ -93,7 +93,7 @@ Since this component is low-level, it doesn't require much accessibility out of
93
93
  | `alignSelf` | `ResponsiveProp<center \| normal \| auto \| start \| end \| flex-start \| flex-end \| self-start \| self-end \| stretch \| baseline \| first baseline \| last baseline>` | No | `-` | - |
94
94
  | `aria-activedescendant` | `string \| undefined` | No | `-` | Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application. |
95
95
  | `aria-atomic` | `Booleanish \| undefined` | No | `-` | Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute. |
96
- | `aria-autocomplete` | `none \| list \| inline \| both \| undefined` | No | `-` | Indicates whether inputting text could trigger display of one or more predictions of the users intended value for an input and specifies how predictions would be presented if they are made. |
96
+ | `aria-autocomplete` | `none \| inline \| list \| both \| undefined` | No | `-` | Indicates whether inputting text could trigger display of one or more predictions of the users intended value for an input and specifies how predictions would be presented if they are made. |
97
97
  | `aria-braillelabel` | `string \| undefined` | No | `-` | Defines a string value that labels the current element, which is intended to be converted into Braille. |
98
98
  | `aria-brailleroledescription` | `string \| undefined` | No | `-` | Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille. |
99
99
  | `aria-busy` | `Booleanish \| undefined` | No | `-` | - |
@@ -103,7 +103,7 @@ Since this component is low-level, it doesn't require much accessibility out of
103
103
  | `aria-colindextext` | `string \| undefined` | No | `-` | Defines a human readable text alternative of aria-colindex. |
104
104
  | `aria-colspan` | `number \| undefined` | No | `-` | Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid. |
105
105
  | `aria-controls` | `string \| undefined` | No | `-` | Identifies the element (or elements) whose contents or presence are controlled by the current element. |
106
- | `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. |
106
+ | `aria-current` | `boolean \| time \| location \| true \| false \| page \| step \| date \| undefined` | No | `-` | Indicates the element that represents the current item within a container or set of related elements. |
107
107
  | `aria-describedby` | `string \| undefined` | No | `-` | Identifies the element (or elements) that describes the object. |
108
108
  | `aria-description` | `string \| undefined` | No | `-` | Defines a string value that describes or annotates the current element. |
109
109
  | `aria-details` | `string \| undefined` | No | `-` | Identifies the element that provides a detailed, extended description for the object. |
@@ -130,7 +130,7 @@ Since this component is low-level, it doesn't require much accessibility out of
130
130
  | `aria-posinset` | `number \| undefined` | No | `-` | Defines an elements number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM. |
131
131
  | `aria-pressed` | `boolean \| true \| false \| mixed \| undefined` | No | `-` | Indicates the current pressed state of toggle buttons. |
132
132
  | `aria-readonly` | `Booleanish \| undefined` | No | `-` | Indicates that the element is not editable, but is otherwise operable. |
133
- | `aria-relevant` | `text \| additions \| additions removals \| additions text \| all \| removals \| removals additions \| removals text \| text additions \| text removals \| undefined` | No | `-` | Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified. |
133
+ | `aria-relevant` | `text \| all \| additions \| additions removals \| additions text \| removals \| removals additions \| removals text \| text additions \| text removals \| undefined` | No | `-` | Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified. |
134
134
  | `aria-required` | `Booleanish \| undefined` | No | `-` | Indicates that user input is required on the element before a form may be submitted. |
135
135
  | `aria-roledescription` | `string \| undefined` | No | `-` | Defines a human-readable, author-localized description for the role of an element. |
136
136
  | `aria-rowcount` | `number \| undefined` | No | `-` | Defines the total number of rows in a table, grid, or treegrid. |
@@ -146,7 +146,7 @@ Since this component is low-level, it doesn't require much accessibility out of
146
146
  | `aria-valuetext` | `string \| undefined` | No | `-` | Defines the human readable text alternative of aria-valuenow for a range widget. |
147
147
  | `as` | `symbol \| object \| style \| div \| a \| abbr \| address \| area \| article \| aside \| audio \| b \| base \| bdi \| bdo \| big \| blockquote \| body \| br \| button \| canvas \| caption \| center \| cite \| code \| col \| colgroup \| data \| datalist \| dd \| del \| details \| dfn \| dialog \| dl \| dt \| em \| embed \| fieldset \| figcaption \| figure \| footer \| form \| h1 \| h2 \| h3 \| h4 \| h5 \| h6 \| head \| header \| hgroup \| hr \| html \| i \| iframe \| img \| input \| ins \| kbd \| keygen \| label \| legend \| li \| link \| main \| map \| mark \| menu \| menuitem \| meta \| meter \| nav \| noindex \| noscript \| ol \| optgroup \| option \| output \| p \| param \| picture \| pre \| progress \| q \| rp \| rt \| ruby \| s \| samp \| search \| slot \| script \| section \| select \| small \| source \| span \| strong \| sub \| summary \| sup \| table \| template \| tbody \| td \| textarea \| tfoot \| th \| thead \| time \| title \| tr \| track \| u \| ul \| var \| video \| wbr \| webview \| svg \| animate \| animateMotion \| animateTransform \| circle \| clipPath \| defs \| desc \| ellipse \| feBlend \| feColorMatrix \| feComponentTransfer \| feComposite \| feConvolveMatrix \| feDiffuseLighting \| feDisplacementMap \| feDistantLight \| feDropShadow \| feFlood \| feFuncA \| feFuncB \| feFuncG \| feFuncR \| feGaussianBlur \| feImage \| feMerge \| feMergeNode \| feMorphology \| feOffset \| fePointLight \| feSpecularLighting \| feSpotLight \| feTile \| feTurbulence \| filter \| foreignObject \| g \| image \| line \| linearGradient \| marker \| mask \| metadata \| mpath \| path \| pattern \| polygon \| polyline \| radialGradient \| rect \| set \| stop \| switch \| text \| textPath \| tspan \| use \| view \| ComponentClass<any, any> \| FunctionComponent<any>` | No | `button` | The underlying element or component the polymorphic component will render. Changing as also changes the inherited native props (e.g. href for as=a) and the expected ref type. |
148
148
  | `aspectRatio` | `inherit \| auto \| revert \| -moz-initial \| initial \| revert-layer \| unset` | No | `-` | - |
149
- | `autoCapitalize` | `off \| none \| on \| sentences \| words \| characters \| (string & {}) \| undefined` | No | `-` | - |
149
+ | `autoCapitalize` | `(string & {}) \| none \| off \| on \| sentences \| words \| characters \| undefined` | No | `-` | - |
150
150
  | `autoCorrect` | `string \| undefined` | No | `-` | - |
151
151
  | `autoFocus` | `boolean \| undefined` | No | `-` | - |
152
152
  | `autoSave` | `string \| undefined` | No | `-` | - |
@@ -177,7 +177,7 @@ Since this component is low-level, it doesn't require much accessibility out of
177
177
  | `color` | `currentColor \| fg \| fgMuted \| fgInverse \| fgPrimary \| fgWarning \| fgPositive \| fgNegative \| bg \| bgAlternate \| bgInverse \| bgOverlay \| bgElevation1 \| bgElevation2 \| bgPrimary \| bgPrimaryWash \| bgSecondary \| bgTertiary \| bgSecondaryWash \| bgNegative \| bgNegativeWash \| bgPositive \| bgPositiveWash \| bgWarning \| bgWarningWash \| bgLine \| bgLineHeavy \| bgLineInverse \| bgLinePrimary \| bgLinePrimarySubtle \| accentSubtleRed \| accentBoldRed \| accentSubtleGreen \| accentBoldGreen \| accentSubtleBlue \| accentBoldBlue \| accentSubtlePurple \| accentBoldPurple \| accentSubtleYellow \| accentBoldYellow \| accentSubtleGray \| accentBoldGray \| transparent` | No | `-` | - |
178
178
  | `columnGap` | `0 \| 1 \| 2 \| 0.25 \| 0.5 \| 0.75 \| 1.5 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10` | No | `-` | - |
179
179
  | `content` | `string \| undefined` | No | `-` | - |
180
- | `contentEditable` | `Booleanish \| inherit \| plaintext-only \| undefined` | No | `-` | - |
180
+ | `contentEditable` | `inherit \| Booleanish \| plaintext-only \| undefined` | No | `-` | - |
181
181
  | `contextMenu` | `string \| undefined` | No | `-` | - |
182
182
  | `dangerouslySetBackground` | `string` | No | `-` | - |
183
183
  | `dangerouslySetInnerHTML` | `{ __html: string \| TrustedHTML; } \| undefined` | No | `-` | - |
@@ -225,7 +225,7 @@ Since this component is low-level, it doesn't require much accessibility out of
225
225
  | `hidden` | `boolean \| undefined` | No | `-` | - |
226
226
  | `id` | `string \| undefined` | No | `-` | - |
227
227
  | `inlist` | `any` | No | `-` | - |
228
- | `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 |
228
+ | `inputMode` | `search \| text \| none \| email \| tel \| url \| numeric \| decimal \| undefined` | No | `-` | Hints at the type of data that might be entered by the user while editing the element or its contents |
229
229
  | `is` | `string \| undefined` | No | `-` | Specify that a standard HTML element should behave like a defined custom built-in element |
230
230
  | `itemID` | `string \| undefined` | No | `-` | - |
231
231
  | `itemProp` | `string \| undefined` | No | `-` | - |
@@ -451,7 +451,7 @@ Since this component is low-level, it doesn't require much accessibility out of
451
451
  | `translate` | `yes \| no \| undefined` | No | `-` | - |
452
452
  | `transparentWhileInactive` | `boolean` | No | `-` | Mark the background and border as transparent until the element is interacted with (hovered, pressed, etc). Must be used in conjunction with the pressed prop |
453
453
  | `transparentWhilePressed` | `boolean` | No | `-` | Mark the background and border as transparent even while element is interacted with (elevation underlay issue). Must be used in conjunction with the pressed prop |
454
- | `type` | `button \| submit \| reset \| undefined` | No | `-` | - |
454
+ | `type` | `button \| reset \| submit \| undefined` | No | `-` | - |
455
455
  | `typeof` | `string \| undefined` | No | `-` | - |
456
456
  | `unselectable` | `off \| on \| undefined` | No | `-` | - |
457
457
  | `userSelect` | `ResponsiveProp<text \| none \| auto \| all>` | No | `-` | - |
@@ -138,7 +138,7 @@ _The link text must have a 3:1 contrast ratio from the surrounding non-link text
138
138
  | `alignSelf` | `ResponsiveProp<center \| normal \| auto \| start \| end \| flex-start \| flex-end \| self-start \| self-end \| stretch \| baseline \| first baseline \| last baseline>` | No | `-` | - |
139
139
  | `aria-activedescendant` | `string \| undefined` | No | `-` | Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application. |
140
140
  | `aria-atomic` | `Booleanish \| undefined` | No | `-` | Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute. |
141
- | `aria-autocomplete` | `none \| list \| inline \| both \| undefined` | No | `-` | Indicates whether inputting text could trigger display of one or more predictions of the users intended value for an input and specifies how predictions would be presented if they are made. |
141
+ | `aria-autocomplete` | `none \| inline \| list \| both \| undefined` | No | `-` | Indicates whether inputting text could trigger display of one or more predictions of the users intended value for an input and specifies how predictions would be presented if they are made. |
142
142
  | `aria-braillelabel` | `string \| undefined` | No | `-` | Defines a string value that labels the current element, which is intended to be converted into Braille. |
143
143
  | `aria-brailleroledescription` | `string \| undefined` | No | `-` | Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille. |
144
144
  | `aria-busy` | `Booleanish \| undefined` | No | `-` | - |
@@ -148,7 +148,7 @@ _The link text must have a 3:1 contrast ratio from the surrounding non-link text
148
148
  | `aria-colindextext` | `string \| undefined` | No | `-` | Defines a human readable text alternative of aria-colindex. |
149
149
  | `aria-colspan` | `number \| undefined` | No | `-` | Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid. |
150
150
  | `aria-controls` | `string \| undefined` | No | `-` | Identifies the element (or elements) whose contents or presence are controlled by the current element. |
151
- | `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. |
151
+ | `aria-current` | `boolean \| time \| location \| true \| false \| page \| step \| date \| undefined` | No | `-` | Indicates the element that represents the current item within a container or set of related elements. |
152
152
  | `aria-describedby` | `string \| undefined` | No | `-` | Identifies the element (or elements) that describes the object. |
153
153
  | `aria-description` | `string \| undefined` | No | `-` | Defines a string value that describes or annotates the current element. |
154
154
  | `aria-details` | `string \| undefined` | No | `-` | Identifies the element that provides a detailed, extended description for the object. |
@@ -175,7 +175,7 @@ _The link text must have a 3:1 contrast ratio from the surrounding non-link text
175
175
  | `aria-posinset` | `number \| undefined` | No | `-` | Defines an elements number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM. |
176
176
  | `aria-pressed` | `boolean \| true \| false \| mixed \| undefined` | No | `-` | Indicates the current pressed state of toggle buttons. |
177
177
  | `aria-readonly` | `Booleanish \| undefined` | No | `-` | Indicates that the element is not editable, but is otherwise operable. |
178
- | `aria-relevant` | `text \| additions \| additions removals \| additions text \| all \| removals \| removals additions \| removals text \| text additions \| text removals \| undefined` | No | `-` | Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified. |
178
+ | `aria-relevant` | `text \| all \| additions \| additions removals \| additions text \| removals \| removals additions \| removals text \| text additions \| text removals \| undefined` | No | `-` | Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified. |
179
179
  | `aria-required` | `Booleanish \| undefined` | No | `-` | Indicates that user input is required on the element before a form may be submitted. |
180
180
  | `aria-roledescription` | `string \| undefined` | No | `-` | Defines a human-readable, author-localized description for the role of an element. |
181
181
  | `aria-rowcount` | `number \| undefined` | No | `-` | Defines the total number of rows in a table, grid, or treegrid. |
@@ -191,7 +191,7 @@ _The link text must have a 3:1 contrast ratio from the surrounding non-link text
191
191
  | `aria-valuetext` | `string \| undefined` | No | `-` | Defines the human readable text alternative of aria-valuenow for a range widget. |
192
192
  | `as` | `symbol \| object \| style \| div \| a \| abbr \| address \| area \| article \| aside \| audio \| b \| base \| bdi \| bdo \| big \| blockquote \| body \| br \| button \| canvas \| caption \| center \| cite \| code \| col \| colgroup \| data \| datalist \| dd \| del \| details \| dfn \| dialog \| dl \| dt \| em \| embed \| fieldset \| figcaption \| figure \| footer \| form \| h1 \| h2 \| h3 \| h4 \| h5 \| h6 \| head \| header \| hgroup \| hr \| html \| i \| iframe \| img \| input \| ins \| kbd \| keygen \| label \| legend \| li \| link \| main \| map \| mark \| menu \| menuitem \| meta \| meter \| nav \| noindex \| noscript \| ol \| optgroup \| option \| output \| p \| param \| picture \| pre \| progress \| q \| rp \| rt \| ruby \| s \| samp \| search \| slot \| script \| section \| select \| small \| source \| span \| strong \| sub \| summary \| sup \| table \| template \| tbody \| td \| textarea \| tfoot \| th \| thead \| time \| title \| tr \| track \| u \| ul \| var \| video \| wbr \| webview \| svg \| animate \| animateMotion \| animateTransform \| circle \| clipPath \| defs \| desc \| ellipse \| feBlend \| feColorMatrix \| feComponentTransfer \| feComposite \| feConvolveMatrix \| feDiffuseLighting \| feDisplacementMap \| feDistantLight \| feDropShadow \| feFlood \| feFuncA \| feFuncB \| feFuncG \| feFuncR \| feGaussianBlur \| feImage \| feMerge \| feMergeNode \| feMorphology \| feOffset \| fePointLight \| feSpecularLighting \| feSpotLight \| feTile \| feTurbulence \| filter \| foreignObject \| g \| image \| line \| linearGradient \| marker \| mask \| metadata \| mpath \| path \| pattern \| polygon \| polyline \| radialGradient \| rect \| set \| stop \| switch \| text \| textPath \| tspan \| use \| view \| ComponentClass<any, any> \| FunctionComponent<any>` | No | `a` | The underlying element or component the polymorphic component will render. Changing as also changes the inherited native props (e.g. href for as=a) and the expected ref type. |
193
193
  | `aspectRatio` | `inherit \| auto \| revert \| -moz-initial \| initial \| revert-layer \| unset` | No | `-` | - |
194
- | `autoCapitalize` | `off \| none \| on \| sentences \| words \| characters \| (string & {}) \| undefined` | No | `-` | - |
194
+ | `autoCapitalize` | `(string & {}) \| none \| off \| on \| sentences \| words \| characters \| undefined` | No | `-` | - |
195
195
  | `autoCorrect` | `string \| undefined` | No | `-` | - |
196
196
  | `autoFocus` | `boolean \| undefined` | No | `-` | - |
197
197
  | `autoSave` | `string \| undefined` | No | `-` | - |
@@ -222,7 +222,7 @@ _The link text must have a 3:1 contrast ratio from the surrounding non-link text
222
222
  | `color` | `currentColor \| fg \| fgMuted \| fgInverse \| fgPrimary \| fgWarning \| fgPositive \| fgNegative \| bg \| bgAlternate \| bgInverse \| bgOverlay \| bgElevation1 \| bgElevation2 \| bgPrimary \| bgPrimaryWash \| bgSecondary \| bgTertiary \| bgSecondaryWash \| bgNegative \| bgNegativeWash \| bgPositive \| bgPositiveWash \| bgWarning \| bgWarningWash \| bgLine \| bgLineHeavy \| bgLineInverse \| bgLinePrimary \| bgLinePrimarySubtle \| accentSubtleRed \| accentBoldRed \| accentSubtleGreen \| accentBoldGreen \| accentSubtleBlue \| accentBoldBlue \| accentSubtlePurple \| accentBoldPurple \| accentSubtleYellow \| accentBoldYellow \| accentSubtleGray \| accentBoldGray \| transparent` | No | `-` | - |
223
223
  | `columnGap` | `0 \| 1 \| 2 \| 0.25 \| 0.5 \| 0.75 \| 1.5 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10` | No | `-` | - |
224
224
  | `content` | `string \| undefined` | No | `-` | - |
225
- | `contentEditable` | `Booleanish \| inherit \| plaintext-only \| undefined` | No | `-` | - |
225
+ | `contentEditable` | `inherit \| Booleanish \| plaintext-only \| undefined` | No | `-` | - |
226
226
  | `contextMenu` | `string \| undefined` | No | `-` | - |
227
227
  | `dangerouslySetBackground` | `string` | No | `-` | - |
228
228
  | `dangerouslySetInnerHTML` | `{ __html: string \| TrustedHTML; } \| undefined` | No | `-` | - |
@@ -268,7 +268,7 @@ _The link text must have a 3:1 contrast ratio from the surrounding non-link text
268
268
  | `hrefLang` | `string \| undefined` | No | `-` | - |
269
269
  | `id` | `string \| undefined` | No | `-` | - |
270
270
  | `inlist` | `any` | No | `-` | - |
271
- | `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
+ | `inputMode` | `search \| text \| none \| email \| tel \| url \| numeric \| decimal \| undefined` | No | `-` | Hints at the type of data that might be entered by the user while editing the element or its contents |
272
272
  | `is` | `string \| undefined` | No | `-` | Specify that a standard HTML element should behave like a defined custom built-in element |
273
273
  | `itemID` | `string \| undefined` | No | `-` | - |
274
274
  | `itemProp` | `string \| undefined` | No | `-` | - |
@@ -657,7 +657,7 @@ Mapping to `styles` / `classNames` keys:
657
657
  | `alignSelf` | `ResponsiveProp<center \| normal \| auto \| start \| end \| flex-start \| flex-end \| self-start \| self-end \| stretch \| baseline \| first baseline \| last baseline>` | No | `-` | - |
658
658
  | `aria-activedescendant` | `string \| undefined` | No | `-` | Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application. |
659
659
  | `aria-atomic` | `Booleanish \| undefined` | No | `-` | Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute. |
660
- | `aria-autocomplete` | `none \| list \| inline \| both \| undefined` | No | `-` | Indicates whether inputting text could trigger display of one or more predictions of the users intended value for an input and specifies how predictions would be presented if they are made. |
660
+ | `aria-autocomplete` | `none \| inline \| list \| both \| undefined` | No | `-` | Indicates whether inputting text could trigger display of one or more predictions of the users intended value for an input and specifies how predictions would be presented if they are made. |
661
661
  | `aria-braillelabel` | `string \| undefined` | No | `-` | Defines a string value that labels the current element, which is intended to be converted into Braille. |
662
662
  | `aria-brailleroledescription` | `string \| undefined` | No | `-` | Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille. |
663
663
  | `aria-busy` | `Booleanish \| undefined` | No | `-` | - |
@@ -667,7 +667,7 @@ Mapping to `styles` / `classNames` keys:
667
667
  | `aria-colindextext` | `string \| undefined` | No | `-` | Defines a human readable text alternative of aria-colindex. |
668
668
  | `aria-colspan` | `number \| undefined` | No | `-` | Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid. |
669
669
  | `aria-controls` | `string \| undefined` | No | `-` | Identifies the element (or elements) whose contents or presence are controlled by the current element. |
670
- | `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. |
670
+ | `aria-current` | `boolean \| time \| location \| true \| false \| page \| step \| date \| undefined` | No | `-` | Indicates the element that represents the current item within a container or set of related elements. |
671
671
  | `aria-describedby` | `string \| undefined` | No | `-` | Identifies the element (or elements) that describes the object. |
672
672
  | `aria-description` | `string \| undefined` | No | `-` | Defines a string value that describes or annotates the current element. |
673
673
  | `aria-details` | `string \| undefined` | No | `-` | Identifies the element that provides a detailed, extended description for the object. |
@@ -694,7 +694,7 @@ Mapping to `styles` / `classNames` keys:
694
694
  | `aria-posinset` | `number \| undefined` | No | `-` | Defines an elements number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM. |
695
695
  | `aria-pressed` | `boolean \| true \| false \| mixed \| undefined` | No | `-` | Indicates the current pressed state of toggle buttons. |
696
696
  | `aria-readonly` | `Booleanish \| undefined` | No | `-` | Indicates that the element is not editable, but is otherwise operable. |
697
- | `aria-relevant` | `text \| additions \| additions removals \| additions text \| all \| removals \| removals additions \| removals text \| text additions \| text removals \| undefined` | No | `-` | Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified. |
697
+ | `aria-relevant` | `text \| all \| additions \| additions removals \| additions text \| removals \| removals additions \| removals text \| text additions \| text removals \| undefined` | No | `-` | Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified. |
698
698
  | `aria-required` | `Booleanish \| undefined` | No | `-` | Indicates that user input is required on the element before a form may be submitted. |
699
699
  | `aria-roledescription` | `string \| undefined` | No | `-` | Defines a human-readable, author-localized description for the role of an element. |
700
700
  | `aria-rowcount` | `number \| undefined` | No | `-` | Defines the total number of rows in a table, grid, or treegrid. |
@@ -710,7 +710,7 @@ Mapping to `styles` / `classNames` keys:
710
710
  | `aria-valuetext` | `string \| undefined` | No | `-` | Defines the human readable text alternative of aria-valuenow for a range widget. |
711
711
  | `as` | `symbol \| object \| style \| div \| a \| abbr \| address \| area \| article \| aside \| audio \| b \| base \| bdi \| bdo \| big \| blockquote \| body \| br \| button \| canvas \| caption \| center \| cite \| code \| col \| colgroup \| data \| datalist \| dd \| del \| details \| dfn \| dialog \| dl \| dt \| em \| embed \| fieldset \| figcaption \| figure \| footer \| form \| h1 \| h2 \| h3 \| h4 \| h5 \| h6 \| head \| header \| hgroup \| hr \| html \| i \| iframe \| img \| input \| ins \| kbd \| keygen \| label \| legend \| li \| link \| main \| map \| mark \| menu \| menuitem \| meta \| meter \| nav \| noindex \| noscript \| ol \| optgroup \| option \| output \| p \| param \| picture \| pre \| progress \| q \| rp \| rt \| ruby \| s \| samp \| search \| slot \| script \| section \| select \| small \| source \| span \| strong \| sub \| summary \| sup \| table \| template \| tbody \| td \| textarea \| tfoot \| th \| thead \| time \| title \| tr \| track \| u \| ul \| var \| video \| wbr \| webview \| svg \| animate \| animateMotion \| animateTransform \| circle \| clipPath \| defs \| desc \| ellipse \| feBlend \| feColorMatrix \| feComponentTransfer \| feComposite \| feConvolveMatrix \| feDiffuseLighting \| feDisplacementMap \| feDistantLight \| feDropShadow \| feFlood \| feFuncA \| feFuncB \| feFuncG \| feFuncR \| feGaussianBlur \| feImage \| feMerge \| feMergeNode \| feMorphology \| feOffset \| fePointLight \| feSpecularLighting \| feSpotLight \| feTile \| feTurbulence \| filter \| foreignObject \| g \| image \| line \| linearGradient \| marker \| mask \| metadata \| mpath \| path \| pattern \| polygon \| polyline \| radialGradient \| rect \| set \| stop \| switch \| text \| textPath \| tspan \| use \| view \| ComponentClass<any, any> \| FunctionComponent<any>` | No | `div` | The underlying element or component the polymorphic component will render. Changing as also changes the inherited native props (e.g. href for as=a) and the expected ref type. |
712
712
  | `aspectRatio` | `inherit \| auto \| revert \| -moz-initial \| initial \| revert-layer \| unset` | No | `-` | - |
713
- | `autoCapitalize` | `off \| none \| on \| sentences \| words \| characters \| (string & {}) \| undefined` | No | `-` | - |
713
+ | `autoCapitalize` | `(string & {}) \| none \| off \| on \| sentences \| words \| characters \| undefined` | No | `-` | - |
714
714
  | `autoCorrect` | `string \| undefined` | No | `-` | - |
715
715
  | `autoFocus` | `boolean \| undefined` | No | `-` | - |
716
716
  | `autoSave` | `string \| undefined` | No | `-` | - |
@@ -737,13 +737,13 @@ Mapping to `styles` / `classNames` keys:
737
737
  | `bottomContent` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | The content to display below the main cell content |
738
738
  | `children` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | - |
739
739
  | `className` | `string \| undefined` | No | `-` | - |
740
- | `classNames` | `{ root?: string; media?: string \| undefined; intermediary?: string \| undefined; end?: string \| undefined; accessory?: string \| undefined; contentContainer?: string \| undefined; pressable?: string \| undefined; titleStack?: string \| undefined; titleStackContainer?: string \| undefined; mainContent?: string \| undefined; helperText?: string \| undefined; title?: string \| undefined; subtitle?: string \| undefined; description?: string \| undefined; } \| undefined` | No | `-` | Class names for default subcomponents. Ignored when the corresponding xxNode prop is used. |
740
+ | `classNames` | `{ root?: string; media?: string \| undefined; intermediary?: string \| undefined; end?: string \| undefined; accessory?: string \| undefined; contentContainer?: string \| undefined; pressable?: string \| undefined; titleStack?: string \| undefined; titleStackContainer?: string \| undefined; mainContent?: string \| undefined; helperText?: string \| undefined; title?: string \| undefined; subtitle?: string \| undefined; description?: string \| undefined; } \| undefined` | No | `-` | Class names for subcomponents, ignored when the corresponding xxNode prop is used |
741
741
  | `color` | `currentColor \| fg \| fgMuted \| fgInverse \| fgPrimary \| fgWarning \| fgPositive \| fgNegative \| bg \| bgAlternate \| bgInverse \| bgOverlay \| bgElevation1 \| bgElevation2 \| bgPrimary \| bgPrimaryWash \| bgSecondary \| bgTertiary \| bgSecondaryWash \| bgNegative \| bgNegativeWash \| bgPositive \| bgPositiveWash \| bgWarning \| bgWarningWash \| bgLine \| bgLineHeavy \| bgLineInverse \| bgLinePrimary \| bgLinePrimarySubtle \| accentSubtleRed \| accentBoldRed \| accentSubtleGreen \| accentBoldGreen \| accentSubtleBlue \| accentBoldBlue \| accentSubtlePurple \| accentBoldPurple \| accentSubtleYellow \| accentBoldYellow \| accentSubtleGray \| accentBoldGray \| transparent` | No | `-` | - |
742
742
  | `columnGap` | `0 \| 1 \| 2 \| 0.25 \| 0.5 \| 0.75 \| 1.5 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10` | No | `-` | - |
743
743
  | `compact` | `boolean` | No | `-` | - |
744
744
  | `content` | `string \| undefined` | No | `-` | - |
745
745
  | `contentClassName` | `string` | No | `-` | - |
746
- | `contentEditable` | `Booleanish \| inherit \| plaintext-only \| undefined` | No | `-` | - |
746
+ | `contentEditable` | `inherit \| Booleanish \| plaintext-only \| undefined` | No | `-` | - |
747
747
  | `contextMenu` | `string \| undefined` | No | `-` | - |
748
748
  | `dangerouslySetBackground` | `string` | No | `-` | - |
749
749
  | `dangerouslySetInnerHTML` | `{ __html: string \| TrustedHTML; } \| undefined` | No | `-` | - |
@@ -795,7 +795,7 @@ Mapping to `styles` / `classNames` keys:
795
795
  | `id` | `string \| undefined` | No | `-` | - |
796
796
  | `inlist` | `any` | No | `-` | - |
797
797
  | `innerSpacing` | `CellSpacing` | No | `-` | The spacing to use on the inner content of Cell |
798
- | `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 |
798
+ | `inputMode` | `search \| text \| none \| email \| tel \| url \| numeric \| decimal \| undefined` | No | `-` | Hints at the type of data that might be entered by the user while editing the element or its contents |
799
799
  | `intermediary` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | For internal use only. |
800
800
  | `is` | `string \| undefined` | No | `-` | Specify that a standard HTML element should behave like a defined custom built-in element |
801
801
  | `itemID` | `string \| undefined` | No | `-` | - |
@@ -1014,7 +1014,7 @@ Mapping to `styles` / `classNames` keys:
1014
1014
  | `spacingVariant` | `normal \| compact \| condensed` | No | `'normal'` | Spacing variant configuration. Deprecated value: compact. Prefer condensed. When spacingVariant=normal: 1. min-height is 80px 2. padding is var(--space-2) var(--space-3) 3. border-radius is var(--borderRadius-200) 4. when there is a description, titles numberOfLines={1} otherwise titles numberOfLines={2} 5. description and subdetail have font body When spacingVariant=compact: 1. same as spacingVariant=normal, except min-height is 40px When spacingVariant=condensed: 1. min-height is undefined 2. padding is var(--space-1) var(--space-2) 3. border-radius is --borderRadius-0 4. titles numberOfLines={2} 5. description and subdetail have font label2 |
1015
1015
  | `spellCheck` | `Booleanish \| undefined` | No | `-` | - |
1016
1016
  | `style` | `CSSProperties` | No | `-` | - |
1017
- | `styles` | `{ root?: CSSProperties; media?: CSSProperties \| undefined; intermediary?: CSSProperties \| undefined; end?: CSSProperties \| undefined; accessory?: CSSProperties \| undefined; contentContainer?: CSSProperties \| undefined; pressable?: CSSProperties \| undefined; titleStack?: CSSProperties \| undefined; titleStackContainer?: CSSProperties \| undefined; mainContent?: CSSProperties \| undefined; helperText?: CSSProperties \| undefined; title?: CSSProperties \| undefined; subtitle?: CSSProperties \| undefined; description?: CSSProperties \| undefined; } \| undefined` | No | `-` | Styles for default subcomponents. Ignored when the corresponding xxNode prop is used. |
1017
+ | `styles` | `{ root?: CSSProperties; media?: CSSProperties \| undefined; intermediary?: CSSProperties \| undefined; end?: CSSProperties \| undefined; accessory?: CSSProperties \| undefined; contentContainer?: CSSProperties \| undefined; pressable?: CSSProperties \| undefined; titleStack?: CSSProperties \| undefined; titleStackContainer?: CSSProperties \| undefined; mainContent?: CSSProperties \| undefined; helperText?: CSSProperties \| undefined; title?: CSSProperties \| undefined; subtitle?: CSSProperties \| undefined; description?: CSSProperties \| undefined; } \| undefined` | No | `-` | Styles for subcomponents, ignored when the corresponding xxNode prop is used |
1018
1018
  | `subdetail` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | Subdetail providing more information. This prop is only intended to accept a string or Text component; other use cases, while allowed, are not supported and may result in unexpected behavior. For arbitrary content, use subdetailNode. |
1019
1019
  | `subdetailFont` | `ResponsiveProp<FontFamily \| inherit>` | No | `-` | Font to apply to the subdetail text. |
1020
1020
  | `subdetailNode` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | React node to render subdetail. Takes precedence over subdetail. |
@@ -1046,19 +1046,19 @@ Mapping to `styles` / `classNames` keys:
1046
1046
 
1047
1047
  | Selector | Static class name | Description |
1048
1048
  | --- | --- | --- |
1049
- | `root` | `-` | - |
1050
- | `media` | `-` | - |
1051
- | `intermediary` | `-` | - |
1052
- | `end` | `-` | - |
1053
- | `accessory` | `-` | - |
1054
- | `contentContainer` | `-` | - |
1055
- | `pressable` | `-` | - |
1056
- | `titleStack` | `-` | Applied to the VStack of title/subtitle/description. |
1057
- | `titleStackContainer` | `-` | Applied to the Box that Wrapped around titleStack (controls flex behavior). |
1058
- | `mainContent` | `-` | - |
1059
- | `helperText` | `-` | - |
1060
- | `title` | `-` | - |
1061
- | `subtitle` | `-` | - |
1062
- | `description` | `-` | - |
1049
+ | `root` | `-` | Root element |
1050
+ | `media` | `-` | Media element |
1051
+ | `intermediary` | `-` | Intermediary element |
1052
+ | `end` | `-` | End element |
1053
+ | `accessory` | `-` | Accessory element |
1054
+ | `contentContainer` | `-` | Content container element |
1055
+ | `pressable` | `-` | Pressable wrapper element |
1056
+ | `titleStack` | `-` | Title stack element (title/subtitle/description VStack) |
1057
+ | `titleStackContainer` | `-` | Title stack container wrapper, controls flex behavior |
1058
+ | `mainContent` | `-` | Main content element |
1059
+ | `helperText` | `-` | Helper text element |
1060
+ | `title` | `-` | Title text element |
1061
+ | `subtitle` | `-` | Subtitle text element |
1062
+ | `description` | `-` | Description text element |
1063
1063
 
1064
1064
 
@@ -561,11 +561,11 @@ Replace `FloatingAssetCard` with `MediaCard`. Note that the floating variation (
561
561
 
562
562
  | Selector | Static class name | Description |
563
563
  | --- | --- | --- |
564
- | `layoutContainer` | `-` | - |
565
- | `contentContainer` | `-` | - |
566
- | `textContainer` | `-` | - |
567
- | `headerContainer` | `-` | - |
568
- | `mediaContainer` | `-` | - |
569
- | `root` | `-` | - |
564
+ | `layoutContainer` | `-` | Layout container element |
565
+ | `contentContainer` | `-` | Content container element |
566
+ | `textContainer` | `-` | Text container element |
567
+ | `headerContainer` | `-` | Header container element |
568
+ | `mediaContainer` | `-` | Media container element |
569
+ | `root` | `-` | Root element |
570
570
 
571
571
 
@@ -183,7 +183,7 @@ You can override the automatic spacing with custom values if needed.
183
183
  | `bottom` | `ResponsiveProp<Bottom<string \| number>>` | No | `-` | - |
184
184
  | `children` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | ReactNode placed in the center of the Chip |
185
185
  | `className` | `string` | No | `-` | Apply class names to the outer container. |
186
- | `classNames` | `{ root?: string; content?: string \| undefined; } \| undefined` | No | `-` | Class names for the components |
186
+ | `classNames` | `{ root?: string; content?: string \| undefined; } \| undefined` | No | `-` | Custom class names for individual elements of the Chip component |
187
187
  | `color` | `currentColor \| fg \| fgMuted \| fgInverse \| fgPrimary \| fgWarning \| fgPositive \| fgNegative \| bg \| bgAlternate \| bgInverse \| bgOverlay \| bgElevation1 \| bgElevation2 \| bgPrimary \| bgPrimaryWash \| bgSecondary \| bgTertiary \| bgSecondaryWash \| bgNegative \| bgNegativeWash \| bgPositive \| bgPositiveWash \| bgWarning \| bgWarningWash \| bgLine \| bgLineHeavy \| bgLineInverse \| bgLinePrimary \| bgLinePrimarySubtle \| accentSubtleRed \| accentBoldRed \| accentSubtleGreen \| accentBoldGreen \| accentSubtleBlue \| accentBoldBlue \| accentSubtlePurple \| accentBoldPurple \| accentSubtleYellow \| accentBoldYellow \| accentSubtleGray \| accentBoldGray \| transparent` | No | `-` | - |
188
188
  | `columnGap` | `0 \| 1 \| 2 \| 0.25 \| 0.5 \| 0.75 \| 1.5 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10` | No | `-` | - |
189
189
  | `compact` | `boolean` | No | `-` | Reduces spacing around Chip content |
@@ -256,7 +256,7 @@ You can override the automatic spacing with custom values if needed.
256
256
  | `rowGap` | `0 \| 1 \| 2 \| 0.25 \| 0.5 \| 0.75 \| 1.5 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10` | No | `-` | - |
257
257
  | `start` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | ReactNode placed before the value |
258
258
  | `style` | `CSSProperties` | No | `-` | - |
259
- | `styles` | `{ root?: CSSProperties; content?: CSSProperties \| undefined; } \| undefined` | No | `-` | Apply styles to the container and content. |
259
+ | `styles` | `{ root?: CSSProperties; content?: CSSProperties \| undefined; } \| undefined` | No | `-` | Custom styles for individual elements of the Chip component |
260
260
  | `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 |
261
261
  | `textAlign` | `ResponsiveProp<center \| start \| end \| justify>` | No | `-` | - |
262
262
  | `textDecoration` | `ResponsiveProp<none \| underline \| overline \| line-through \| underline overline \| underline double>` | No | `-` | - |
@@ -1056,11 +1056,11 @@ Replace `UpsellCard` with `MessagingCard` using `type="upsell"`.
1056
1056
 
1057
1057
  | Selector | Static class name | Description |
1058
1058
  | --- | --- | --- |
1059
- | `layoutContainer` | `-` | - |
1060
- | `contentContainer` | `-` | - |
1061
- | `textContainer` | `-` | - |
1062
- | `mediaContainer` | `-` | - |
1063
- | `dismissButtonContainer` | `-` | - |
1064
- | `root` | `-` | - |
1059
+ | `layoutContainer` | `-` | Layout container element |
1060
+ | `contentContainer` | `-` | Content container element |
1061
+ | `textContainer` | `-` | Text container element |
1062
+ | `mediaContainer` | `-` | Media container element |
1063
+ | `dismissButtonContainer` | `-` | Dismiss button container element |
1064
+ | `root` | `-` | Root element |
1065
1065
 
1066
1066