@coinbase/cds-mcp-server 9.0.0-rc.1 → 9.0.0-rc.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.
Files changed (96) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/mcp-docs/mobile/components/Alert.txt +1 -1
  3. package/mcp-docs/mobile/components/AreaChart.txt +13 -13
  4. package/mcp-docs/mobile/components/Avatar.txt +13 -13
  5. package/mcp-docs/mobile/components/AvatarButton.txt +14 -14
  6. package/mcp-docs/mobile/components/Banner.txt +14 -14
  7. package/mcp-docs/mobile/components/BarChart.txt +13 -13
  8. package/mcp-docs/mobile/components/Box.txt +13 -13
  9. package/mcp-docs/mobile/components/BrowserBar.txt +13 -13
  10. package/mcp-docs/mobile/components/Button.txt +16 -16
  11. package/mcp-docs/mobile/components/Calendar.txt +13 -13
  12. package/mcp-docs/mobile/components/Carousel.txt +13 -13
  13. package/mcp-docs/mobile/components/CartesianChart.txt +13 -13
  14. package/mcp-docs/mobile/components/CellMedia.txt +2 -2
  15. package/mcp-docs/mobile/components/CheckboxCell.txt +14 -14
  16. package/mcp-docs/mobile/components/Chip.txt +14 -14
  17. package/mcp-docs/mobile/components/Coachmark.txt +13 -13
  18. package/mcp-docs/mobile/components/ContainedAssetCard.txt +2 -2
  19. package/mcp-docs/mobile/components/ContentCard.txt +13 -13
  20. package/mcp-docs/mobile/components/ContentCardBody.txt +13 -13
  21. package/mcp-docs/mobile/components/ContentCardFooter.txt +13 -13
  22. package/mcp-docs/mobile/components/ContentCardHeader.txt +13 -13
  23. package/mcp-docs/mobile/components/ContentCell.txt +14 -14
  24. package/mcp-docs/mobile/components/ControlGroup.txt +13 -13
  25. package/mcp-docs/mobile/components/DataCard.txt +14 -14
  26. package/mcp-docs/mobile/components/DateInput.txt +6 -6
  27. package/mcp-docs/mobile/components/DatePicker.txt +6 -6
  28. package/mcp-docs/mobile/components/Divider.txt +13 -13
  29. package/mcp-docs/mobile/components/DotSymbol.txt +1 -1
  30. package/mcp-docs/mobile/components/Fallback.txt +12 -12
  31. package/mcp-docs/mobile/components/HStack.txt +13 -13
  32. package/mcp-docs/mobile/components/HeroSquare.txt +1 -1
  33. package/mcp-docs/mobile/components/Icon.txt +1 -1
  34. package/mcp-docs/mobile/components/IconButton.txt +15 -15
  35. package/mcp-docs/mobile/components/InputChip.txt +14 -14
  36. package/mcp-docs/mobile/components/Interactable.txt +13 -13
  37. package/mcp-docs/mobile/components/Legend.txt +13 -13
  38. package/mcp-docs/mobile/components/LineChart.txt +13 -13
  39. package/mcp-docs/mobile/components/Link.txt +15 -15
  40. package/mcp-docs/mobile/components/ListCell.txt +14 -14
  41. package/mcp-docs/mobile/components/Lottie.txt +13 -13
  42. package/mcp-docs/mobile/components/LottieStatusAnimation.txt +2 -2
  43. package/mcp-docs/mobile/components/MediaCard.txt +14 -14
  44. package/mcp-docs/mobile/components/MediaChip.txt +14 -14
  45. package/mcp-docs/mobile/components/MessagingCard.txt +14 -14
  46. package/mcp-docs/mobile/components/ModalFooter.txt +13 -13
  47. package/mcp-docs/mobile/components/ModalHeader.txt +13 -13
  48. package/mcp-docs/mobile/components/MultiContentModule.txt +13 -13
  49. package/mcp-docs/mobile/components/NavigationTitle.txt +15 -15
  50. package/mcp-docs/mobile/components/NavigationTitleSelect.txt +15 -15
  51. package/mcp-docs/mobile/components/NudgeCard.txt +3 -3
  52. package/mcp-docs/mobile/components/Numpad.txt +14 -14
  53. package/mcp-docs/mobile/components/Overlay.txt +13 -13
  54. package/mcp-docs/mobile/components/PageFooter.txt +13 -13
  55. package/mcp-docs/mobile/components/PageHeader.txt +13 -13
  56. package/mcp-docs/mobile/components/PercentageBarChart.txt +13 -13
  57. package/mcp-docs/mobile/components/PeriodSelector.txt +13 -13
  58. package/mcp-docs/mobile/components/Pictogram.txt +1 -1
  59. package/mcp-docs/mobile/components/Pressable.txt +14 -14
  60. package/mcp-docs/mobile/components/RadioCell.txt +14 -14
  61. package/mcp-docs/mobile/components/RemoteImage.txt +1 -1
  62. package/mcp-docs/mobile/components/RollingNumber.txt +15 -15
  63. package/mcp-docs/mobile/components/SearchInput.txt +6 -6
  64. package/mcp-docs/mobile/components/SegmentedTabs.txt +13 -13
  65. package/mcp-docs/mobile/components/SelectChip.txt +14 -14
  66. package/mcp-docs/mobile/components/SelectChipAlpha.txt +1 -1
  67. package/mcp-docs/mobile/components/SelectOption.txt +1 -1
  68. package/mcp-docs/mobile/components/SlideButton.txt +13 -13
  69. package/mcp-docs/mobile/components/SpotIcon.txt +1 -1
  70. package/mcp-docs/mobile/components/Stepper.txt +13 -13
  71. package/mcp-docs/mobile/components/TabLabel.txt +15 -15
  72. package/mcp-docs/mobile/components/TabNavigation.txt +13 -13
  73. package/mcp-docs/mobile/components/TabbedChips.txt +13 -13
  74. package/mcp-docs/mobile/components/TabbedChipsAlpha.txt +13 -13
  75. package/mcp-docs/mobile/components/Tabs.txt +13 -13
  76. package/mcp-docs/mobile/components/Tag.txt +17 -17
  77. package/mcp-docs/mobile/components/Text.txt +15 -15
  78. package/mcp-docs/mobile/components/TextInput.txt +6 -6
  79. package/mcp-docs/mobile/components/Toast.txt +13 -13
  80. package/mcp-docs/mobile/components/VStack.txt +13 -13
  81. package/mcp-docs/web/components/Alert.txt +1 -1
  82. package/mcp-docs/web/components/Banner.txt +1 -1
  83. package/mcp-docs/web/components/Button.txt +2 -2
  84. package/mcp-docs/web/components/CellMedia.txt +1 -1
  85. package/mcp-docs/web/components/DotSymbol.txt +1 -1
  86. package/mcp-docs/web/components/FullscreenAlert.txt +1 -1
  87. package/mcp-docs/web/components/HeroSquare.txt +1 -1
  88. package/mcp-docs/web/components/Icon.txt +1 -1
  89. package/mcp-docs/web/components/IconButton.txt +1 -1
  90. package/mcp-docs/web/components/NudgeCard.txt +1 -1
  91. package/mcp-docs/web/components/Pictogram.txt +1 -1
  92. package/mcp-docs/web/components/SpotIcon.txt +1 -1
  93. package/mcp-docs/web/components/TableCellFallback.txt +2 -2
  94. package/mcp-docs/web/components/Tag.txt +2 -2
  95. package/mcp-docs/web/components/TileButton.txt +1 -1
  96. package/package.json +1 -1
@@ -47,20 +47,20 @@ The `NavigationTitle` should be used inside a `TopNavBar` or `BrowserBar` to pro
47
47
  | `borderTopRightRadius` | `0 \| 100 \| 200 \| 300 \| 400 \| 500 \| 600 \| 700 \| 800 \| 900 \| 1000` | No | `-` | - |
48
48
  | `borderTopWidth` | `0 \| 100 \| 200 \| 300 \| 400 \| 500` | No | `-` | - |
49
49
  | `borderWidth` | `0 \| 100 \| 200 \| 300 \| 400 \| 500` | No | `-` | - |
50
- | `bottom` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
50
+ | `bottom` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
51
51
  | `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 | `-` | - |
52
52
  | `columnGap` | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 0.25 \| 0.5 \| 0.75 \| 1.5` | No | `-` | - |
53
53
  | `dangerouslySetBackground` | `string \| OpaqueColorValue` | No | `-` | - |
54
54
  | `dangerouslySetColor` | `string \| OpaqueColorValue` | No | `-` | - |
55
- | `dataDetectorType` | `link \| email \| none \| all \| phoneNumber \| null` | No | `-` | Determines the types of data converted to clickable URLs in the text element. By default no data types are detected. |
55
+ | `dataDetectorType` | `link \| none \| all \| email \| phoneNumber \| null` | No | `-` | Determines the types of data converted to clickable URLs in the text element. By default no data types are detected. |
56
56
  | `disabled` | `boolean` | No | `-` | Add disabled opacity style to text Specifies the disabled state of the text view for testing purposes. |
57
57
  | `display` | `flex \| none \| contents` | No | `-` | - |
58
58
  | `dynamicTypeRamp` | `title1 \| title2 \| title3 \| headline \| body \| caption2 \| caption1 \| footnote \| subheadline \| callout \| largeTitle` | No | `-` | The Dynamic Type scale ramp to apply to this element on iOS. |
59
59
  | `elevation` | `0 \| 1 \| 2` | No | `-` | - |
60
60
  | `ellipsize` | `middle \| clip \| head \| tail` | No | `-` | Choose ellipsize mode. |
61
61
  | `ellipsizeMode` | `middle \| clip \| head \| tail` | No | `-` | This can be one of the following values: - head - The line is displayed so that the end fits in the container and the missing text at the beginning of the line is indicated by an ellipsis glyph. e.g., ...wxyz - middle - The line is displayed so that the beginning and end fit in the container and the missing text in the middle is indicated by an ellipsis glyph. ab...yz - tail - The line is displayed so that the beginning fits in the container and the missing text at the end of the line is indicated by an ellipsis glyph. e.g., abcd... - clip - Lines are not drawn past the edge of the text container. The default is tail. numberOfLines must be set in conjunction with this prop. > clip is working only for iOS |
62
- | `flexBasis` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
63
- | `flexDirection` | `column \| row \| row-reverse \| column-reverse` | No | `-` | - |
62
+ | `flexBasis` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
63
+ | `flexDirection` | `row \| column \| row-reverse \| column-reverse` | No | `-` | - |
64
64
  | `flexGrow` | `number` | No | `-` | - |
65
65
  | `flexShrink` | `number` | No | `-` | - |
66
66
  | `flexWrap` | `wrap \| nowrap \| wrap-reverse` | No | `-` | - |
@@ -69,10 +69,10 @@ The `NavigationTitle` should be used inside a `TopNavBar` or `BrowserBar` to pro
69
69
  | `fontSize` | `inherit \| FontSize` | No | `-` | - |
70
70
  | `fontWeight` | `inherit \| FontWeight` | No | `-` | - |
71
71
  | `gap` | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 0.25 \| 0.5 \| 0.75 \| 1.5` | No | `-` | - |
72
- | `height` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
72
+ | `height` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
73
73
  | `id` | `string` | No | `-` | Used to reference react managed views from native code. |
74
74
  | `justifyContent` | `flex-start \| flex-end \| center \| space-between \| space-around \| space-evenly` | No | `-` | - |
75
- | `left` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
75
+ | `left` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
76
76
  | `lineBreakMode` | `middle \| clip \| head \| tail` | No | `-` | Line Break mode. Works only with numberOfLines. clip is working only for iOS |
77
77
  | `lineBreakStrategyIOS` | `none \| standard \| hangul-word \| push-out` | No | `-` | Set line break strategy on iOS. |
78
78
  | `lineHeight` | `inherit \| LineHeight` | No | `-` | - |
@@ -84,10 +84,10 @@ The `NavigationTitle` should be used inside a `TopNavBar` or `BrowserBar` to pro
84
84
  | `marginX` | `0 \| -1 \| -2 \| -3 \| -4 \| -5 \| -6 \| -7 \| -8 \| -9 \| -10 \| -0.25 \| -0.5 \| -0.75 \| -1.5` | No | `-` | - |
85
85
  | `marginY` | `0 \| -1 \| -2 \| -3 \| -4 \| -5 \| -6 \| -7 \| -8 \| -9 \| -10 \| -0.25 \| -0.5 \| -0.75 \| -1.5` | No | `-` | - |
86
86
  | `maxFontSizeMultiplier` | `number \| null` | No | `-` | Specifies largest possible scale a font can reach when allowFontScaling is enabled. Possible values: - null/undefined (default): inherit from the parent node or the global default (0) - 0: no max, ignore parent/global default - >= 1: sets the maxFontSizeMultiplier of this node to this value |
87
- | `maxHeight` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
88
- | `maxWidth` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
89
- | `minHeight` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
90
- | `minWidth` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
87
+ | `maxHeight` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
88
+ | `maxWidth` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
89
+ | `minHeight` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
90
+ | `minWidth` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
91
91
  | `minimumFontScale` | `number` | No | `-` | Specifies smallest possible scale a font can reach when adjustsFontSizeToFit is enabled. (values 0.01-1.0). |
92
92
  | `mono` | `boolean` | No | `-` | Use monospace font family. |
93
93
  | `nativeID` | `string` | No | `-` | Used to reference react managed views from native code. |
@@ -108,11 +108,11 @@ The `NavigationTitle` should be used inside a `TopNavBar` or `BrowserBar` to pro
108
108
  | `paddingTop` | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 0.25 \| 0.5 \| 0.75 \| 1.5` | No | `-` | - |
109
109
  | `paddingX` | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 0.25 \| 0.5 \| 0.75 \| 1.5` | No | `-` | - |
110
110
  | `paddingY` | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 0.25 \| 0.5 \| 0.75 \| 1.5` | No | `-` | - |
111
- | `pointerEvents` | `auto \| box-none \| none \| box-only` | No | `-` | Controls how touch events are handled. Similar to Views pointerEvents. |
111
+ | `pointerEvents` | `box-none \| none \| box-only \| auto` | No | `-` | Controls how touch events are handled. Similar to Views pointerEvents. |
112
112
  | `position` | `absolute \| relative \| static` | No | `-` | - |
113
113
  | `pressRetentionOffset` | `{ top: number; left: number; bottom: number; right: number; }` | No | `-` | Defines how far your touch may move off of the button, before deactivating the button. |
114
114
  | `renderEmptyNode` | `boolean` | No | `-` | - |
115
- | `right` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
115
+ | `right` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
116
116
  | `rowGap` | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 0.25 \| 0.5 \| 0.75 \| 1.5` | No | `-` | - |
117
117
  | `selectable` | `boolean` | No | `-` | Lets the user select text, to use the native copy and paste functionality. |
118
118
  | `selectionColor` | `string \| OpaqueColorValue` | No | `-` | The highlight color of the text. |
@@ -125,11 +125,11 @@ The `NavigationTitle` should be used inside a `TopNavBar` or `BrowserBar` to pro
125
125
  | `textDecorationLine` | `none \| underline \| line-through \| underline line-through` | No | `-` | - |
126
126
  | `textDecorationStyle` | `solid \| dotted \| dashed \| double` | No | `-` | - |
127
127
  | `textTransform` | `none \| capitalize \| uppercase \| lowercase` | No | `-` | - |
128
- | `top` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
128
+ | `top` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
129
129
  | `transform` | `string \| readonly (({ scaleX: AnimatableNumericValue; } & { scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ scaleY: AnimatableNumericValue; } & { scaleX?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ translateX: AnimatableNumericValue \| ${number}%; } & { scaleX?: undefined; scaleY?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ translateY: AnimatableNumericValue \| ${number}%; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ perspective: AnimatableNumericValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ rotate: AnimatableStringValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ rotateX: AnimatableStringValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ rotateY: AnimatableStringValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ rotateZ: AnimatableStringValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ scale: AnimatableNumericValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ skewX: AnimatableStringValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ skewY: AnimatableStringValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; matrix?: undefined; }) \| ({ matrix: AnimatableNumericValue[]; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; }))[]` | No | `-` | - |
130
130
  | `underline` | `boolean` | No | `false` | Set text decoration to underline. |
131
- | `userSelect` | `auto \| none \| text \| contain \| all` | No | `-` | - |
132
- | `width` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
131
+ | `userSelect` | `none \| auto \| text \| contain \| all` | No | `-` | - |
132
+ | `width` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
133
133
  | `zIndex` | `number` | No | `-` | - |
134
134
 
135
135
 
@@ -134,20 +134,20 @@ The component sets `accessibilityRole="header"` by default. Screen readers will
134
134
  | `borderTopRightRadius` | `0 \| 100 \| 200 \| 300 \| 400 \| 500 \| 600 \| 700 \| 800 \| 900 \| 1000` | No | `-` | - |
135
135
  | `borderTopWidth` | `0 \| 100 \| 200 \| 300 \| 400 \| 500` | No | `-` | - |
136
136
  | `borderWidth` | `0 \| 100 \| 200 \| 300 \| 400 \| 500` | No | `-` | - |
137
- | `bottom` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
137
+ | `bottom` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
138
138
  | `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 | `-` | - |
139
139
  | `columnGap` | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 0.25 \| 0.5 \| 0.75 \| 1.5` | No | `-` | - |
140
140
  | `dangerouslySetBackground` | `string \| OpaqueColorValue` | No | `-` | - |
141
141
  | `dangerouslySetColor` | `string \| OpaqueColorValue` | No | `-` | - |
142
- | `dataDetectorType` | `link \| email \| none \| all \| phoneNumber \| null` | No | `-` | Determines the types of data converted to clickable URLs in the text element. By default no data types are detected. |
142
+ | `dataDetectorType` | `link \| none \| all \| email \| phoneNumber \| null` | No | `-` | Determines the types of data converted to clickable URLs in the text element. By default no data types are detected. |
143
143
  | `disabled` | `boolean` | No | `-` | Add disabled opacity style to text Specifies the disabled state of the text view for testing purposes. |
144
144
  | `display` | `flex \| none \| contents` | No | `-` | - |
145
145
  | `dynamicTypeRamp` | `title1 \| title2 \| title3 \| headline \| body \| caption2 \| caption1 \| footnote \| subheadline \| callout \| largeTitle` | No | `-` | The Dynamic Type scale ramp to apply to this element on iOS. |
146
146
  | `elevation` | `0 \| 1 \| 2` | No | `-` | - |
147
147
  | `ellipsize` | `middle \| clip \| head \| tail` | No | `-` | Choose ellipsize mode. |
148
148
  | `ellipsizeMode` | `middle \| clip \| head \| tail` | No | `-` | This can be one of the following values: - head - The line is displayed so that the end fits in the container and the missing text at the beginning of the line is indicated by an ellipsis glyph. e.g., ...wxyz - middle - The line is displayed so that the beginning and end fit in the container and the missing text in the middle is indicated by an ellipsis glyph. ab...yz - tail - The line is displayed so that the beginning fits in the container and the missing text at the end of the line is indicated by an ellipsis glyph. e.g., abcd... - clip - Lines are not drawn past the edge of the text container. The default is tail. numberOfLines must be set in conjunction with this prop. > clip is working only for iOS |
149
- | `flexBasis` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
150
- | `flexDirection` | `column \| row \| row-reverse \| column-reverse` | No | `-` | - |
149
+ | `flexBasis` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
150
+ | `flexDirection` | `row \| column \| row-reverse \| column-reverse` | No | `-` | - |
151
151
  | `flexGrow` | `number` | No | `-` | - |
152
152
  | `flexShrink` | `number` | No | `-` | - |
153
153
  | `flexWrap` | `wrap \| nowrap \| wrap-reverse` | No | `-` | - |
@@ -156,10 +156,10 @@ The component sets `accessibilityRole="header"` by default. Screen readers will
156
156
  | `fontSize` | `inherit \| FontSize` | No | `-` | - |
157
157
  | `fontWeight` | `inherit \| FontWeight` | No | `-` | - |
158
158
  | `gap` | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 0.25 \| 0.5 \| 0.75 \| 1.5` | No | `-` | - |
159
- | `height` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
159
+ | `height` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
160
160
  | `id` | `string` | No | `-` | Used to reference react managed views from native code. |
161
161
  | `justifyContent` | `flex-start \| flex-end \| center \| space-between \| space-around \| space-evenly` | No | `-` | - |
162
- | `left` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
162
+ | `left` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
163
163
  | `lineBreakMode` | `middle \| clip \| head \| tail` | No | `-` | Line Break mode. Works only with numberOfLines. clip is working only for iOS |
164
164
  | `lineBreakStrategyIOS` | `none \| standard \| hangul-word \| push-out` | No | `-` | Set line break strategy on iOS. |
165
165
  | `lineHeight` | `inherit \| LineHeight` | No | `-` | - |
@@ -171,10 +171,10 @@ The component sets `accessibilityRole="header"` by default. Screen readers will
171
171
  | `marginX` | `0 \| -1 \| -2 \| -3 \| -4 \| -5 \| -6 \| -7 \| -8 \| -9 \| -10 \| -0.25 \| -0.5 \| -0.75 \| -1.5` | No | `-` | - |
172
172
  | `marginY` | `0 \| -1 \| -2 \| -3 \| -4 \| -5 \| -6 \| -7 \| -8 \| -9 \| -10 \| -0.25 \| -0.5 \| -0.75 \| -1.5` | No | `-` | - |
173
173
  | `maxFontSizeMultiplier` | `number \| null` | No | `-` | Specifies largest possible scale a font can reach when allowFontScaling is enabled. Possible values: - null/undefined (default): inherit from the parent node or the global default (0) - 0: no max, ignore parent/global default - >= 1: sets the maxFontSizeMultiplier of this node to this value |
174
- | `maxHeight` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
175
- | `maxWidth` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
176
- | `minHeight` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
177
- | `minWidth` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
174
+ | `maxHeight` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
175
+ | `maxWidth` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
176
+ | `minHeight` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
177
+ | `minWidth` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
178
178
  | `minimumFontScale` | `number` | No | `-` | Specifies smallest possible scale a font can reach when adjustsFontSizeToFit is enabled. (values 0.01-1.0). |
179
179
  | `mono` | `boolean` | No | `-` | Use monospace font family. |
180
180
  | `nativeID` | `string` | No | `-` | Used to reference react managed views from native code. |
@@ -195,11 +195,11 @@ The component sets `accessibilityRole="header"` by default. Screen readers will
195
195
  | `paddingTop` | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 0.25 \| 0.5 \| 0.75 \| 1.5` | No | `-` | - |
196
196
  | `paddingX` | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 0.25 \| 0.5 \| 0.75 \| 1.5` | No | `-` | - |
197
197
  | `paddingY` | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 0.25 \| 0.5 \| 0.75 \| 1.5` | No | `-` | - |
198
- | `pointerEvents` | `auto \| box-none \| none \| box-only` | No | `-` | Controls how touch events are handled. Similar to Views pointerEvents. |
198
+ | `pointerEvents` | `box-none \| none \| box-only \| auto` | No | `-` | Controls how touch events are handled. Similar to Views pointerEvents. |
199
199
  | `position` | `absolute \| relative \| static` | No | `-` | - |
200
200
  | `pressRetentionOffset` | `{ top: number; left: number; bottom: number; right: number; }` | No | `-` | Defines how far your touch may move off of the button, before deactivating the button. |
201
201
  | `renderEmptyNode` | `boolean` | No | `-` | - |
202
- | `right` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
202
+ | `right` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
203
203
  | `rowGap` | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 0.25 \| 0.5 \| 0.75 \| 1.5` | No | `-` | - |
204
204
  | `selectable` | `boolean` | No | `-` | Lets the user select text, to use the native copy and paste functionality. |
205
205
  | `selectionColor` | `string \| OpaqueColorValue` | No | `-` | The highlight color of the text. |
@@ -212,11 +212,11 @@ The component sets `accessibilityRole="header"` by default. Screen readers will
212
212
  | `textDecorationLine` | `none \| underline \| line-through \| underline line-through` | No | `-` | - |
213
213
  | `textDecorationStyle` | `solid \| dotted \| dashed \| double` | No | `-` | - |
214
214
  | `textTransform` | `none \| capitalize \| uppercase \| lowercase` | No | `-` | - |
215
- | `top` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
215
+ | `top` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
216
216
  | `transform` | `string \| readonly (({ scaleX: AnimatableNumericValue; } & { scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ scaleY: AnimatableNumericValue; } & { scaleX?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ translateX: AnimatableNumericValue \| ${number}%; } & { scaleX?: undefined; scaleY?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ translateY: AnimatableNumericValue \| ${number}%; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ perspective: AnimatableNumericValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ rotate: AnimatableStringValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ rotateX: AnimatableStringValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ rotateY: AnimatableStringValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ rotateZ: AnimatableStringValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ scale: AnimatableNumericValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ skewX: AnimatableStringValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ skewY: AnimatableStringValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; matrix?: undefined; }) \| ({ matrix: AnimatableNumericValue[]; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; }))[]` | No | `-` | - |
217
217
  | `underline` | `boolean` | No | `false` | Set text decoration to underline. |
218
- | `userSelect` | `auto \| none \| text \| contain \| all` | No | `-` | - |
219
- | `width` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
218
+ | `userSelect` | `none \| auto \| text \| contain \| all` | No | `-` | - |
219
+ | `width` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
220
220
  | `zIndex` | `number` | No | `-` | - |
221
221
 
222
222
 
@@ -78,14 +78,14 @@ function Example() {
78
78
  | `description` | `null \| string \| number \| bigint \| false \| true \| ReactElement<unknown, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal \| Promise<AwaitedReactNode>` | No | `-` | Text or ReactNode to be displayed below the title in a TextBody |
79
79
  | `media` | `null \| string \| number \| bigint \| false \| true \| ReactElement<unknown, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal \| Promise<AwaitedReactNode>` | No | `-` | Pass any node to be rendered to the right of the text content |
80
80
  | `mediaPosition` | `left \| right` | No | `right` | Set the media position for the pictogram or media. |
81
- | `minHeight` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `160` | - |
81
+ | `minHeight` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `160` | - |
82
82
  | `numberOfLines` | `number` | No | `3` | Maximum number of lines shown for the title and description text. Text that exceeds will be truncated. |
83
83
  | `onActionPress` | `((event: GestureResponderEvent) => void) \| null` | No | `-` | - |
84
84
  | `onDismissPress` | `((event: GestureResponderEvent) => void) \| null` | No | `-` | - |
85
85
  | `onPress` | `((event: GestureResponderEvent) => void) \| null` | No | `-` | - |
86
- | `pictogram` | `key \| warning \| error \| add \| arrowsUpDown \| browser \| calculator \| calendar \| checkmark \| clock \| coinbaseOneLogo \| crystalBallInsight \| derivativesProduct \| download \| email \| gasFees \| identityCard \| instantUnstakingClock \| laptop \| learningRewardsProduct \| lock \| loop \| passport \| paypal \| phone \| pieChartData \| pieChartWithArrow \| planet \| robot \| safe \| securityKey \| settings \| shield \| support \| taxes \| tokenSales \| trading \| verifiedPools \| wallet \| done \| cardSuccess \| 2fa \| accountsNavigation \| accreditedInvestor \| addCard \| addPayment \| addPhone \| addressBook \| addToWatchlist \| addWallet \| advancedTradingDesktop \| advancedTradingNavigation \| advancedTradingRebates \| agent \| alerts \| alertsCoinbaseOne \| analyticsNavigation \| apartOfDropsNft \| applyForHigherLimits \| apyInterest \| assetEncryption \| assetHubNavigation \| assetManagement \| assetManagementNavigation \| assetMeasurements \| assetMovement \| authenticationApp \| authenticator \| authenticatorAlt \| authenticatorProgress \| avatarAa \| avatarAb \| avatarAc \| avatarAd \| avatarAe \| avatarAf \| avatarAg \| avatarAh \| avatarAi \| avatarAj \| avatarBa \| avatarBb \| avatarBc \| avatarBd \| avatarBe \| avatarBf \| avatarBg \| avatarBh \| avatarBi \| avatarBj \| avatarCa \| avatarCb \| avatarCc \| avatarCd \| avatarCe \| avatarCf \| avatarCg \| avatarCh \| avatarCi \| avatarCj \| avatarDa \| avatarDb \| avatarDc \| avatarDd \| avatarDe \| avatarDf \| avatarDg \| avatarDh \| avatarDi \| avatarDj \| avatarEa \| avatarEb \| avatarEc \| avatarEd \| avatarEe \| avatarEf \| avatarEg \| avatarEh \| avatarEi \| avatarEj \| avatarFa \| avatarFb \| avatarFc \| avatarFd \| avatarFe \| avatarFf \| avatarFg \| avatarFh \| avatarFi \| avatarFj \| avatarGa \| avatarGb \| avatarGc \| avatarGd \| avatarGe \| avatarGf \| avatarGg \| avatarGh \| avatarGi \| avatarGj \| avatarHa \| avatarHb \| avatarHc \| avatarHd \| avatarHe \| avatarHf \| avatarHg \| avatarHh \| avatarHi \| avatarHj \| avatarIa \| avatarIb \| avatarIc \| avatarId \| avatarIe \| avatarIf \| avatarIg \| avatarIh \| avatarIi \| avatarIj \| avatarJa \| avatarJb \| avatarJc \| avatarJd \| avatarJe \| avatarJf \| avatarJg \| avatarJh \| avatarJi \| avatarJj \| barChart \| baseAscend \| baseCertificateStar \| baseChartSmall \| baseChatBubbleHeart \| baseCheckSmall \| baseCoinCryptoSmall \| baseCoinNetworkSmall \| baseCoinStack \| baseCoinStar \| baseComet \| baseComputer \| baseConfetti \| baseConnectApps \| baseConnectSmall \| baseCreatorCoin \| baseDecentralizationSmall \| baseDiamondSmall \| baseDiamondTrophy \| baseDoor \| baseEarnedBadge \| baseEmptySmall \| baseErrorButterflySmall \| baseErrorSmall \| baseExchange \| baseFire \| baseGem \| baseGlobe \| baseHandStar \| baseLayout \| baseLightningbolt \| baseLoadingSmall \| baseLocationSmall \| baseLogo \| baseLogoNavigation \| baseMedal \| baseMessaging \| baseMintNftSmall \| baseNetworkSmall \| baseNftSmall \| basePaycoinSmall \| basePeopleSmall \| basePiechartSmall \| basePlant \| basePower \| baseRibbon \| baseRocket \| baseRockon \| baseSaved \| baseSecuritySmall \| baseSendSmall \| baseSignin \| baseSmile \| baseStack \| baseStar \| baseTargetSmall \| baseTile \| bigBtcSend \| bitcoin \| bitcoinPizza \| bitcoinRewards \| bitcoinWhitePaper \| blockchainConnection \| bonusFivePercent \| bonusTwoPercent \| borrowCoins \| borrowingLending \| borrowNavigation \| browserMultiPlatform \| browserTransaction \| btcOneHundred \| bundle \| businessProduct \| calendarCaution \| calendarHighlight \| candleSticksGraph \| cardBlocked \| cardDeclined \| cardNavigation \| cb1BankTransfers \| chart \| chat \| cloudNavigation \| coinbaseLogoAdvancedBrand \| coinbaseLogoNavigation \| coinbaseOneAuthenticator \| coinbaseOneChat \| coinbaseOneEarn \| coinbaseOneEarnCoins \| coinbaseOneEarnCoinsLogo \| coinbaseOneFiat \| coinbaseOneProductIcon \| coinbaseOneProductInvestWeekly \| coinbaseOneRefreshed \| coinbaseOneShield \| coinbaseOneTrade \| coinbaseOneTrusted \| coinbaseOneUnlimitedRewards \| coinbaseUnlockOffers \| coinbaseWalletApp \| coinFocus \| coinShare \| coldStorageCheck \| collectionOfAssets \| commerceCheckout \| commerceInvoice \| commerceNavigation \| commodities \| completeQuiz \| complianceNavigation \| congratulations \| connectNavigation \| contactInfo \| controlWalletStorage \| creative \| creditCard \| crypto101 \| cryptoCard \| cryptoCoins \| cryptoFolder \| custodialJourney \| custodyNavigation \| dataMarketplaceNavigation \| decentralizationEverything \| decentralizedExchange \| decentralizedIdentity \| decentralizedWeb3 \| defiEarnMoment \| delegate \| delegateNavigation \| derivativesNavigation \| developerPlatformNavigation \| developerSDKNavigation \| directDepositNavigation \| dollarShowcase \| driversLicense \| driversLicenseWheel \| earnCoins \| earnGraph \| earnNavigation \| easyToUse \| economyGlobal \| emailAndMessages \| enableVoting \| envelope \| ethereumFocus \| ethRewards \| ethStaking \| ethStakingChart \| ethStakingRewards \| ethToken \| exchangeNavigation \| explore \| fast \| faucetNavigation \| feesRestriction \| fiat \| finance \| findYourSelection \| formDownload \| futures \| futuresCoinbaseOne \| gem \| genericCountryIDCard \| getStarted \| giftbox \| globalConnections \| globalPayments \| globalTransactions \| googleAuthenticator \| governance \| hardwareWallet \| helpCenterNavigation \| higherLimits \| holdingCoin \| idBlock \| idError \| idVerification \| increaseLimits \| inrTrade \| institutionalNavigation \| institutions \| instoAccount \| instoAddressBook \| instoAdvancedTradingRebates \| instoApyInterest \| instoAuthenticatorProgress \| instoBorrowCoins \| instoBorrowingLending \| instoCoinbaseOneShield \| instoCoinFocus \| instoCrypto101 \| instoDecentralizationEverything \| instoDecentralizedExchange \| instoDecentralizedWeb3 \| instoDelegate \| instoEarnCoins \| instoEarnGraph \| instoEasyToUse \| instoEth \| instoEthRewards \| instoEthStakingChart \| instoFiat \| instoGem \| instoGlobalConnections \| instoKey \| instoMonitoringPerformance \| instoNftLibrary \| instoPasswordWalletLocked \| instoprimeMobileApp \| instoRestaking \| instoRiskStaking \| instoSecuredAssets \| instoSelfCustodyWallet \| instoStakingGraph \| instoTrading \| instoWalletWarning \| internationalExchangeNavigation \| internet \| investGraph \| laptopCharts \| laptopVideo \| layerNetworks \| leadGraph \| learn \| learningRewardsNavigation \| lightbulbLearn \| lightningNetworkSend \| linkYourAccount \| listingFees \| locationUsa \| lowFees \| manageWeb3SignersAcct \| miningCoins \| mintedNft \| mobileCharts \| mobileError \| mobileNotifcation \| mobileSuccess \| mobileWarning \| moneyCrypto \| moneyEarn \| moneySwift \| monitoringPerformance \| moreThanBitcoin \| multiAccountsAndCards \| multiPlatform \| multipleAssets \| musicAndSounds \| myNumberCard \| newUserChecklistBuyCrypto \| newUserChecklistCompleteAccount \| newUserChecklistVerifyId \| nftAvatar \| nftLibrary \| nftNavigation \| noAnnualFee \| noNftFound \| notificationHubAnalysis \| notificationHubNews \| notificationHubPortfolio \| notificationHubSocial \| notifications \| noVisibility \| noWiFi \| orders \| outage \| partialCoins \| participateNavigation \| passwordWalletLocked \| payNavigation \| peerToPeer \| pieChart \| pieChartWithArrowBlue \| pizza \| pluginBrowser \| podium \| positiveReviews \| predictionMarkets \| premiumInvestor \| priceTracking \| primeMobileApp \| primeNavigation \| privateClientNavigation \| proNavigation \| protectionPlan \| queryTransactNavigation \| receipt \| recurringPurchases \| restaking \| reviewAndAdd \| rewardsNavigation \| riskStaking \| rosettaNavigation \| securedAssets \| security \| securityCoinShield \| seedPhrase \| selectAddNft \| selfCustodyWallet \| selfServe \| sellSendAnytime \| sendPaymentToOthers \| settled \| sideChainSide \| signInNavigation \| smsAuthenticate \| sparkleCoinbaseOne \| ssnCard \| stableCoinMetaphor \| stacking \| stakingGraph \| standWithCryptoLogoNavigation \| startToday \| strongInfo \| strongWarning \| successPhone \| supportChat \| takeQuiz \| target \| taxBeta \| taxCenterNavigation \| taxesArrangement \| taxSeason \| timingCheck \| tokenBaskets \| transferSend \| transistor \| trendingAssets \| trusted \| tryAgainLater \| twoBonus \| typeScript \| ubiKey \| usaProduct \| usdcEarn \| usdcInterest \| usdcLoan \| usdcLogo \| usdcRewards \| usdcRewardsRibbon \| usdcToken \| venturesNavigation \| videoCalendar \| videoContent \| waiting \| waitingForConsensus \| walletAsServiceNavigation \| walletDeposit \| walletError \| walletExchange \| walletLinkNavigation \| walletLogoNavigation \| walletNavigation \| walletPassword \| walletSuccess \| walletWarning \| winBTC \| worldwide \| wrapEth` | No | `-` | If you pass a Pictogram name it will render a Pictogram to the right of the text content |
86
+ | `pictogram` | `key \| done \| loop \| cardSuccess \| warning \| error \| add \| arrowsUpDown \| browser \| calculator \| calendar \| checkmark \| clock \| coinbaseOneLogo \| crystalBallInsight \| derivativesProduct \| download \| email \| gasFees \| identityCard \| instantUnstakingClock \| laptop \| learningRewardsProduct \| lock \| passport \| paypal \| phone \| pieChartData \| pieChartWithArrow \| planet \| robot \| safe \| securityKey \| settings \| shield \| support \| taxes \| tokenSales \| trading \| verifiedPools \| wallet \| 2fa \| accountsNavigation \| accreditedInvestor \| addCard \| addPayment \| addPhone \| addressBook \| addToWatchlist \| addWallet \| advancedTradingDesktop \| advancedTradingNavigation \| advancedTradingRebates \| agent \| alerts \| alertsCoinbaseOne \| analyticsNavigation \| apartOfDropsNft \| applyForHigherLimits \| apyInterest \| assetEncryption \| assetHubNavigation \| assetManagement \| assetManagementNavigation \| assetMeasurements \| assetMovement \| authenticationApp \| authenticator \| authenticatorAlt \| authenticatorProgress \| avatarAa \| avatarAb \| avatarAc \| avatarAd \| avatarAe \| avatarAf \| avatarAg \| avatarAh \| avatarAi \| avatarAj \| avatarBa \| avatarBb \| avatarBc \| avatarBd \| avatarBe \| avatarBf \| avatarBg \| avatarBh \| avatarBi \| avatarBj \| avatarCa \| avatarCb \| avatarCc \| avatarCd \| avatarCe \| avatarCf \| avatarCg \| avatarCh \| avatarCi \| avatarCj \| avatarDa \| avatarDb \| avatarDc \| avatarDd \| avatarDe \| avatarDf \| avatarDg \| avatarDh \| avatarDi \| avatarDj \| avatarEa \| avatarEb \| avatarEc \| avatarEd \| avatarEe \| avatarEf \| avatarEg \| avatarEh \| avatarEi \| avatarEj \| avatarFa \| avatarFb \| avatarFc \| avatarFd \| avatarFe \| avatarFf \| avatarFg \| avatarFh \| avatarFi \| avatarFj \| avatarGa \| avatarGb \| avatarGc \| avatarGd \| avatarGe \| avatarGf \| avatarGg \| avatarGh \| avatarGi \| avatarGj \| avatarHa \| avatarHb \| avatarHc \| avatarHd \| avatarHe \| avatarHf \| avatarHg \| avatarHh \| avatarHi \| avatarHj \| avatarIa \| avatarIb \| avatarIc \| avatarId \| avatarIe \| avatarIf \| avatarIg \| avatarIh \| avatarIi \| avatarIj \| avatarJa \| avatarJb \| avatarJc \| avatarJd \| avatarJe \| avatarJf \| avatarJg \| avatarJh \| avatarJi \| avatarJj \| barChart \| baseAscend \| baseCertificateStar \| baseChartSmall \| baseChatBubbleHeart \| baseCheckSmall \| baseCoinCryptoSmall \| baseCoinNetworkSmall \| baseCoinStack \| baseCoinStar \| baseComet \| baseComputer \| baseConfetti \| baseConnectApps \| baseConnectSmall \| baseCreatorCoin \| baseDecentralizationSmall \| baseDiamondSmall \| baseDiamondTrophy \| baseDoor \| baseEarnedBadge \| baseEmptySmall \| baseErrorButterflySmall \| baseErrorSmall \| baseExchange \| baseFire \| baseGem \| baseGlobe \| baseHandStar \| baseLayout \| baseLightningbolt \| baseLoadingSmall \| baseLocationSmall \| baseLogo \| baseLogoNavigation \| baseMedal \| baseMessaging \| baseMintNftSmall \| baseNetworkSmall \| baseNftSmall \| basePaycoinSmall \| basePeopleSmall \| basePiechartSmall \| basePlant \| basePower \| baseRibbon \| baseRocket \| baseRockon \| baseSaved \| baseSecuritySmall \| baseSendSmall \| baseSignin \| baseSmile \| baseStack \| baseStar \| baseTargetSmall \| baseTile \| bigBtcSend \| bitcoin \| bitcoinPizza \| bitcoinRewards \| bitcoinWhitePaper \| blockchainConnection \| bonusFivePercent \| bonusTwoPercent \| borrowCoins \| borrowingLending \| borrowNavigation \| browserMultiPlatform \| browserTransaction \| btcOneHundred \| bundle \| businessProduct \| calendarCaution \| calendarHighlight \| candleSticksGraph \| cardBlocked \| cardDeclined \| cardNavigation \| cb1BankTransfers \| chart \| chat \| cloudNavigation \| coinbaseLogoAdvancedBrand \| coinbaseLogoNavigation \| coinbaseOneAuthenticator \| coinbaseOneChat \| coinbaseOneEarn \| coinbaseOneEarnCoins \| coinbaseOneEarnCoinsLogo \| coinbaseOneFiat \| coinbaseOneProductIcon \| coinbaseOneProductInvestWeekly \| coinbaseOneRefreshed \| coinbaseOneShield \| coinbaseOneTrade \| coinbaseOneTrusted \| coinbaseOneUnlimitedRewards \| coinbaseUnlockOffers \| coinbaseWalletApp \| coinFocus \| coinShare \| coldStorageCheck \| collectionOfAssets \| commerceCheckout \| commerceInvoice \| commerceNavigation \| commodities \| completeQuiz \| complianceNavigation \| congratulations \| connectNavigation \| contactInfo \| controlWalletStorage \| creative \| creditCard \| crypto101 \| cryptoCard \| cryptoCoins \| cryptoFolder \| custodialJourney \| custodyNavigation \| dataMarketplaceNavigation \| decentralizationEverything \| decentralizedExchange \| decentralizedIdentity \| decentralizedWeb3 \| defiEarnMoment \| delegate \| delegateNavigation \| derivativesNavigation \| developerPlatformNavigation \| developerSDKNavigation \| directDepositNavigation \| dollarShowcase \| driversLicense \| driversLicenseWheel \| earnCoins \| earnGraph \| earnNavigation \| easyToUse \| economyGlobal \| emailAndMessages \| enableVoting \| envelope \| ethereumFocus \| ethRewards \| ethStaking \| ethStakingChart \| ethStakingRewards \| ethToken \| exchangeNavigation \| explore \| fast \| faucetNavigation \| feesRestriction \| fiat \| finance \| findYourSelection \| formDownload \| futures \| futuresCoinbaseOne \| gem \| genericCountryIDCard \| getStarted \| giftbox \| globalConnections \| globalPayments \| globalTransactions \| googleAuthenticator \| governance \| hardwareWallet \| helpCenterNavigation \| higherLimits \| holdingCoin \| idBlock \| idError \| idVerification \| increaseLimits \| inrTrade \| institutionalNavigation \| institutions \| instoAccount \| instoAddressBook \| instoAdvancedTradingRebates \| instoApyInterest \| instoAuthenticatorProgress \| instoBorrowCoins \| instoBorrowingLending \| instoCoinbaseOneShield \| instoCoinFocus \| instoCrypto101 \| instoDecentralizationEverything \| instoDecentralizedExchange \| instoDecentralizedWeb3 \| instoDelegate \| instoEarnCoins \| instoEarnGraph \| instoEasyToUse \| instoEth \| instoEthRewards \| instoEthStakingChart \| instoFiat \| instoGem \| instoGlobalConnections \| instoKey \| instoMonitoringPerformance \| instoNftLibrary \| instoPasswordWalletLocked \| instoprimeMobileApp \| instoRestaking \| instoRiskStaking \| instoSecuredAssets \| instoSelfCustodyWallet \| instoStakingGraph \| instoTrading \| instoWalletWarning \| internationalExchangeNavigation \| internet \| investGraph \| laptopCharts \| laptopVideo \| layerNetworks \| leadGraph \| learn \| learningRewardsNavigation \| lightbulbLearn \| lightningNetworkSend \| linkYourAccount \| listingFees \| locationUsa \| lowFees \| manageWeb3SignersAcct \| miningCoins \| mintedNft \| mobileCharts \| mobileError \| mobileNotifcation \| mobileSuccess \| mobileWarning \| moneyCrypto \| moneyEarn \| moneySwift \| monitoringPerformance \| moreThanBitcoin \| multiAccountsAndCards \| multiPlatform \| multipleAssets \| musicAndSounds \| myNumberCard \| newUserChecklistBuyCrypto \| newUserChecklistCompleteAccount \| newUserChecklistVerifyId \| nftAvatar \| nftLibrary \| nftNavigation \| noAnnualFee \| noNftFound \| notificationHubAnalysis \| notificationHubNews \| notificationHubPortfolio \| notificationHubSocial \| notifications \| noVisibility \| noWiFi \| orders \| outage \| partialCoins \| participateNavigation \| passwordWalletLocked \| payNavigation \| peerToPeer \| pieChart \| pieChartWithArrowBlue \| pizza \| pluginBrowser \| podium \| positiveReviews \| predictionMarkets \| premiumInvestor \| priceTracking \| primeMobileApp \| primeNavigation \| privateClientNavigation \| proNavigation \| protectionPlan \| queryTransactNavigation \| receipt \| recurringPurchases \| restaking \| reviewAndAdd \| rewardsNavigation \| riskStaking \| rosettaNavigation \| securedAssets \| security \| securityCoinShield \| seedPhrase \| selectAddNft \| selfCustodyWallet \| selfServe \| sellSendAnytime \| sendPaymentToOthers \| settled \| sideChainSide \| signInNavigation \| smsAuthenticate \| sparkleCoinbaseOne \| ssnCard \| stableCoinMetaphor \| stacking \| stakingGraph \| standWithCryptoLogoNavigation \| startToday \| strongInfo \| strongWarning \| successPhone \| supportChat \| takeQuiz \| target \| taxBeta \| taxCenterNavigation \| taxesArrangement \| taxSeason \| timingCheck \| tokenBaskets \| transferSend \| transistor \| trendingAssets \| trusted \| tryAgainLater \| twoBonus \| typeScript \| ubiKey \| usaProduct \| usdcEarn \| usdcInterest \| usdcLoan \| usdcLogo \| usdcRewards \| usdcRewardsRibbon \| usdcToken \| venturesNavigation \| videoCalendar \| videoContent \| waiting \| waitingForConsensus \| walletAsServiceNavigation \| walletDeposit \| walletError \| walletExchange \| walletLinkNavigation \| walletLogoNavigation \| walletNavigation \| walletPassword \| walletSuccess \| walletWarning \| winBTC \| worldwide \| wrapEth` | No | `-` | If you pass a Pictogram name it will render a Pictogram to the right of the text content |
87
87
  | `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 |
88
88
  | `title` | `null \| string \| number \| bigint \| false \| true \| ReactElement<unknown, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal \| Promise<AwaitedReactNode>` | No | `-` | Text or ReactNode to be displayed above the description in a TextHeadline |
89
- | `width` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `327` | - |
89
+ | `width` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `327` | - |
90
90
 
91
91
 
@@ -263,7 +263,7 @@ const TransactionalNumpadExample = () => {
263
263
  | `borderedStart` | `boolean` | No | `-` | Add a border to the leading side of the box. |
264
264
  | `borderedTop` | `boolean` | No | `-` | Add a border to the top side of the box. |
265
265
  | `borderedVertical` | `boolean` | No | `-` | Add a border to the top and bottom sides of the box. |
266
- | `bottom` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
266
+ | `bottom` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
267
267
  | `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 | `-` | - |
268
268
  | `columnGap` | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 0.25 \| 0.5 \| 0.75 \| 1.5` | No | `-` | - |
269
269
  | `dangerouslySetBackground` | `string` | No | `-` | - |
@@ -271,9 +271,9 @@ const TransactionalNumpadExample = () => {
271
271
  | `disabled` | `boolean` | No | `-` | - |
272
272
  | `display` | `flex \| none \| contents` | No | `-` | - |
273
273
  | `elevation` | `0 \| 1 \| 2` | No | `-` | Determines box shadow styles. Parent should have overflow set to visible to ensure styles are not clipped. |
274
- | `feedback` | `light \| none \| normal \| heavy` | No | `none` | Haptic feedback to trigger when being pressed. |
275
- | `flexBasis` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
276
- | `flexDirection` | `column \| row \| row-reverse \| column-reverse` | No | `-` | - |
274
+ | `feedback` | `none \| normal \| light \| heavy` | No | `none` | Haptic feedback to trigger when being pressed. |
275
+ | `flexBasis` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
276
+ | `flexDirection` | `row \| column \| row-reverse \| column-reverse` | No | `-` | - |
277
277
  | `flexGrow` | `number` | No | `-` | - |
278
278
  | `flexShrink` | `number` | No | `-` | - |
279
279
  | `flexWrap` | `wrap \| nowrap \| wrap-reverse` | No | `-` | - |
@@ -282,10 +282,10 @@ const TransactionalNumpadExample = () => {
282
282
  | `fontSize` | `inherit \| FontSize` | No | `-` | - |
283
283
  | `fontWeight` | `inherit \| FontWeight` | No | `-` | - |
284
284
  | `gap` | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 0.25 \| 0.5 \| 0.75 \| 1.5` | No | `-` | - |
285
- | `height` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
285
+ | `height` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
286
286
  | `justifyContent` | `flex-start \| flex-end \| center \| space-between \| space-around \| space-evenly` | No | `-` | - |
287
287
  | `key` | `Key \| null` | No | `-` | - |
288
- | `left` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
288
+ | `left` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
289
289
  | `lineHeight` | `inherit \| LineHeight` | No | `-` | - |
290
290
  | `margin` | `0 \| -1 \| -2 \| -3 \| -4 \| -5 \| -6 \| -7 \| -8 \| -9 \| -10 \| -0.25 \| -0.5 \| -0.75 \| -1.5` | No | `-` | - |
291
291
  | `marginBottom` | `0 \| -1 \| -2 \| -3 \| -4 \| -5 \| -6 \| -7 \| -8 \| -9 \| -10 \| -0.25 \| -0.5 \| -0.75 \| -1.5` | No | `-` | - |
@@ -294,10 +294,10 @@ const TransactionalNumpadExample = () => {
294
294
  | `marginTop` | `0 \| -1 \| -2 \| -3 \| -4 \| -5 \| -6 \| -7 \| -8 \| -9 \| -10 \| -0.25 \| -0.5 \| -0.75 \| -1.5` | No | `-` | - |
295
295
  | `marginX` | `0 \| -1 \| -2 \| -3 \| -4 \| -5 \| -6 \| -7 \| -8 \| -9 \| -10 \| -0.25 \| -0.5 \| -0.75 \| -1.5` | No | `-` | - |
296
296
  | `marginY` | `0 \| -1 \| -2 \| -3 \| -4 \| -5 \| -6 \| -7 \| -8 \| -9 \| -10 \| -0.25 \| -0.5 \| -0.75 \| -1.5` | No | `-` | - |
297
- | `maxHeight` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
298
- | `maxWidth` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
299
- | `minHeight` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
300
- | `minWidth` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
297
+ | `maxHeight` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
298
+ | `maxWidth` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
299
+ | `minHeight` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
300
+ | `minWidth` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
301
301
  | `onLongPress` | `((value: NumpadValue) => void)` | No | `-` | - |
302
302
  | `onPointerCancel` | `((event: PointerEvent) => void)` | No | `-` | - |
303
303
  | `onPointerCancelCapture` | `((event: PointerEvent) => void)` | No | `-` | - |
@@ -323,7 +323,7 @@ const TransactionalNumpadExample = () => {
323
323
  | `pin` | `top \| bottom \| left \| right \| all` | No | `-` | Direction in which to absolutely pin the box. |
324
324
  | `position` | `absolute \| relative \| static` | No | `-` | - |
325
325
  | `ref` | `null \| RefObject<View \| null> \| (instance: View \| null) => void \| (() => VoidOrUndefinedOnly)` | No | `-` | Allows getting a ref to the component instance. Once the component unmounts, React will set ref.current to null (or call the ref with null if you passed a callback ref). |
326
- | `right` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
326
+ | `right` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
327
327
  | `rowGap` | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 0.25 \| 0.5 \| 0.75 \| 1.5` | No | `-` | - |
328
328
  | `separator` | `string` | No | `-` | - |
329
329
  | `separatorAccessibilityLabel` | `string` | No | `-` | - |
@@ -333,10 +333,10 @@ const TransactionalNumpadExample = () => {
333
333
  | `textDecorationLine` | `none \| underline \| line-through \| underline line-through` | No | `-` | - |
334
334
  | `textDecorationStyle` | `solid \| dotted \| dashed \| double` | No | `-` | - |
335
335
  | `textTransform` | `none \| capitalize \| uppercase \| lowercase` | No | `-` | - |
336
- | `top` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
336
+ | `top` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
337
337
  | `transform` | `string \| readonly (({ scaleX: AnimatableNumericValue; } & { scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ scaleY: AnimatableNumericValue; } & { scaleX?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ translateX: AnimatableNumericValue \| ${number}%; } & { scaleX?: undefined; scaleY?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ translateY: AnimatableNumericValue \| ${number}%; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ perspective: AnimatableNumericValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ rotate: AnimatableStringValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ rotateX: AnimatableStringValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ rotateY: AnimatableStringValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ rotateZ: AnimatableStringValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ scale: AnimatableNumericValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ skewX: AnimatableStringValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ skewY: AnimatableStringValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; matrix?: undefined; }) \| ({ matrix: AnimatableNumericValue[]; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; }))[]` | No | `-` | - |
338
- | `userSelect` | `auto \| none \| text \| contain \| all` | No | `-` | - |
339
- | `width` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
338
+ | `userSelect` | `none \| auto \| text \| contain \| all` | No | `-` | - |
339
+ | `width` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
340
340
  | `zIndex` | `number` | No | `-` | - |
341
341
 
342
342
 
@@ -83,14 +83,14 @@ Note: The mobile version of Overlay requires an Animated.Value for opacity trans
83
83
  | `borderedStart` | `boolean` | No | `-` | Add a border to the leading side of the box. |
84
84
  | `borderedTop` | `boolean` | No | `-` | Add a border to the top side of the box. |
85
85
  | `borderedVertical` | `boolean` | No | `-` | Add a border to the top and bottom sides of the box. |
86
- | `bottom` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
86
+ | `bottom` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
87
87
  | `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 | `-` | - |
88
88
  | `columnGap` | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 0.25 \| 0.5 \| 0.75 \| 1.5` | No | `-` | - |
89
89
  | `dangerouslySetBackground` | `string` | No | `-` | - |
90
90
  | `display` | `flex \| none \| contents` | No | `-` | - |
91
91
  | `elevation` | `0 \| 1 \| 2` | No | `-` | Determines box shadow styles. Parent should have overflow set to visible to ensure styles are not clipped. |
92
- | `flexBasis` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
93
- | `flexDirection` | `column \| row \| row-reverse \| column-reverse` | No | `-` | - |
92
+ | `flexBasis` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
93
+ | `flexDirection` | `row \| column \| row-reverse \| column-reverse` | No | `-` | - |
94
94
  | `flexGrow` | `number` | No | `-` | - |
95
95
  | `flexShrink` | `number` | No | `-` | - |
96
96
  | `flexWrap` | `wrap \| nowrap \| wrap-reverse` | No | `-` | - |
@@ -99,9 +99,9 @@ Note: The mobile version of Overlay requires an Animated.Value for opacity trans
99
99
  | `fontSize` | `inherit \| FontSize` | No | `-` | - |
100
100
  | `fontWeight` | `inherit \| FontWeight` | No | `-` | - |
101
101
  | `gap` | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 0.25 \| 0.5 \| 0.75 \| 1.5` | No | `-` | - |
102
- | `height` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
102
+ | `height` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
103
103
  | `justifyContent` | `flex-start \| flex-end \| center \| space-between \| space-around \| space-evenly` | No | `-` | - |
104
- | `left` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
104
+ | `left` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
105
105
  | `lineHeight` | `inherit \| LineHeight` | No | `-` | - |
106
106
  | `margin` | `0 \| -1 \| -2 \| -3 \| -4 \| -5 \| -6 \| -7 \| -8 \| -9 \| -10 \| -0.25 \| -0.5 \| -0.75 \| -1.5` | No | `-` | - |
107
107
  | `marginBottom` | `0 \| -1 \| -2 \| -3 \| -4 \| -5 \| -6 \| -7 \| -8 \| -9 \| -10 \| -0.25 \| -0.5 \| -0.75 \| -1.5` | No | `-` | - |
@@ -110,10 +110,10 @@ Note: The mobile version of Overlay requires an Animated.Value for opacity trans
110
110
  | `marginTop` | `0 \| -1 \| -2 \| -3 \| -4 \| -5 \| -6 \| -7 \| -8 \| -9 \| -10 \| -0.25 \| -0.5 \| -0.75 \| -1.5` | No | `-` | - |
111
111
  | `marginX` | `0 \| -1 \| -2 \| -3 \| -4 \| -5 \| -6 \| -7 \| -8 \| -9 \| -10 \| -0.25 \| -0.5 \| -0.75 \| -1.5` | No | `-` | - |
112
112
  | `marginY` | `0 \| -1 \| -2 \| -3 \| -4 \| -5 \| -6 \| -7 \| -8 \| -9 \| -10 \| -0.25 \| -0.5 \| -0.75 \| -1.5` | No | `-` | - |
113
- | `maxHeight` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
114
- | `maxWidth` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
115
- | `minHeight` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
116
- | `minWidth` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
113
+ | `maxHeight` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
114
+ | `maxWidth` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
115
+ | `minHeight` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
116
+ | `minWidth` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
117
117
  | `onPointerCancel` | `((event: PointerEvent) => void)` | No | `-` | - |
118
118
  | `onPointerCancelCapture` | `((event: PointerEvent) => void)` | No | `-` | - |
119
119
  | `onPointerDown` | `((event: PointerEvent) => void)` | No | `-` | - |
@@ -136,7 +136,7 @@ Note: The mobile version of Overlay requires an Animated.Value for opacity trans
136
136
  | `paddingY` | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 0.25 \| 0.5 \| 0.75 \| 1.5` | No | `-` | - |
137
137
  | `pin` | `top \| bottom \| left \| right \| all` | No | `-` | Direction in which to absolutely pin the box. |
138
138
  | `position` | `absolute \| relative \| static` | No | `-` | - |
139
- | `right` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
139
+ | `right` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
140
140
  | `rowGap` | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 0.25 \| 0.5 \| 0.75 \| 1.5` | No | `-` | - |
141
141
  | `style` | `false \| \| RegisteredStyle<ViewStyle> \| Value \| AnimatedInterpolation<string \| number> \| WithAnimatedObject<ViewStyle> \| WithAnimatedArray<Falsy \| ViewStyle \| RegisteredStyle<ViewStyle> \| RecursiveArray<Falsy \| ViewStyle \| RegisteredStyle<ViewStyle>> \| readonly (Falsy \| ViewStyle \| RegisteredStyle<ViewStyle>)[]> \| null` | No | `-` | - |
142
142
  | `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 Used to locate this view in end-to-end tests. |
@@ -144,10 +144,10 @@ Note: The mobile version of Overlay requires an Animated.Value for opacity trans
144
144
  | `textDecorationLine` | `none \| underline \| line-through \| underline line-through` | No | `-` | - |
145
145
  | `textDecorationStyle` | `solid \| dotted \| dashed \| double` | No | `-` | - |
146
146
  | `textTransform` | `none \| capitalize \| uppercase \| lowercase` | No | `-` | - |
147
- | `top` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
147
+ | `top` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
148
148
  | `transform` | `string \| readonly (({ scaleX: AnimatableNumericValue; } & { scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ scaleY: AnimatableNumericValue; } & { scaleX?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ translateX: AnimatableNumericValue \| ${number}%; } & { scaleX?: undefined; scaleY?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ translateY: AnimatableNumericValue \| ${number}%; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ perspective: AnimatableNumericValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ rotate: AnimatableStringValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ rotateX: AnimatableStringValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ rotateY: AnimatableStringValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ rotateZ: AnimatableStringValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ scale: AnimatableNumericValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ skewX: AnimatableStringValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ skewY: AnimatableStringValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; matrix?: undefined; }) \| ({ matrix: AnimatableNumericValue[]; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; }))[]` | No | `-` | - |
149
- | `userSelect` | `auto \| none \| text \| contain \| all` | No | `-` | - |
150
- | `width` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
149
+ | `userSelect` | `none \| auto \| text \| contain \| all` | No | `-` | - |
150
+ | `width` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
151
151
  | `zIndex` | `number` | No | `-` | - |
152
152
 
153
153
 
@@ -95,14 +95,14 @@ function StyledFooter() {
95
95
  | `borderedStart` | `boolean` | No | `-` | Add a border to the leading side of the box. |
96
96
  | `borderedTop` | `boolean` | No | `-` | Add a border to the top side of the box. |
97
97
  | `borderedVertical` | `boolean` | No | `-` | Add a border to the top and bottom sides of the box. |
98
- | `bottom` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
98
+ | `bottom` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
99
99
  | `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 | `-` | - |
100
100
  | `columnGap` | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 0.25 \| 0.5 \| 0.75 \| 1.5` | No | `-` | - |
101
101
  | `dangerouslySetBackground` | `string` | No | `-` | - |
102
102
  | `display` | `flex \| none \| contents` | No | `-` | - |
103
103
  | `elevation` | `0 \| 1 \| 2` | No | `-` | Determines box shadow styles. Parent should have overflow set to visible to ensure styles are not clipped. |
104
- | `flexBasis` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
105
- | `flexDirection` | `column \| row \| row-reverse \| column-reverse` | No | `-` | - |
104
+ | `flexBasis` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
105
+ | `flexDirection` | `row \| column \| row-reverse \| column-reverse` | No | `-` | - |
106
106
  | `flexGrow` | `number` | No | `-` | - |
107
107
  | `flexShrink` | `number` | No | `-` | - |
108
108
  | `flexWrap` | `wrap \| nowrap \| wrap-reverse` | No | `-` | - |
@@ -111,10 +111,10 @@ function StyledFooter() {
111
111
  | `fontSize` | `inherit \| FontSize` | No | `-` | - |
112
112
  | `fontWeight` | `inherit \| FontWeight` | No | `-` | - |
113
113
  | `gap` | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 0.25 \| 0.5 \| 0.75 \| 1.5` | No | `-` | - |
114
- | `height` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
114
+ | `height` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
115
115
  | `justifyContent` | `flex-start \| flex-end \| center \| space-between \| space-around \| space-evenly` | No | `-` | - |
116
116
  | `key` | `Key \| null` | No | `-` | - |
117
- | `left` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
117
+ | `left` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
118
118
  | `lineHeight` | `inherit \| LineHeight` | No | `-` | - |
119
119
  | `margin` | `0 \| -1 \| -2 \| -3 \| -4 \| -5 \| -6 \| -7 \| -8 \| -9 \| -10 \| -0.25 \| -0.5 \| -0.75 \| -1.5` | No | `-` | - |
120
120
  | `marginBottom` | `0 \| -1 \| -2 \| -3 \| -4 \| -5 \| -6 \| -7 \| -8 \| -9 \| -10 \| -0.25 \| -0.5 \| -0.75 \| -1.5` | No | `-` | - |
@@ -123,10 +123,10 @@ function StyledFooter() {
123
123
  | `marginTop` | `0 \| -1 \| -2 \| -3 \| -4 \| -5 \| -6 \| -7 \| -8 \| -9 \| -10 \| -0.25 \| -0.5 \| -0.75 \| -1.5` | No | `-` | - |
124
124
  | `marginX` | `0 \| -1 \| -2 \| -3 \| -4 \| -5 \| -6 \| -7 \| -8 \| -9 \| -10 \| -0.25 \| -0.5 \| -0.75 \| -1.5` | No | `-` | - |
125
125
  | `marginY` | `0 \| -1 \| -2 \| -3 \| -4 \| -5 \| -6 \| -7 \| -8 \| -9 \| -10 \| -0.25 \| -0.5 \| -0.75 \| -1.5` | No | `-` | - |
126
- | `maxHeight` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
127
- | `maxWidth` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
128
- | `minHeight` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
129
- | `minWidth` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
126
+ | `maxHeight` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
127
+ | `maxWidth` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
128
+ | `minHeight` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
129
+ | `minWidth` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
130
130
  | `onPointerCancel` | `((event: PointerEvent) => void)` | No | `-` | - |
131
131
  | `onPointerCancelCapture` | `((event: PointerEvent) => void)` | No | `-` | - |
132
132
  | `onPointerDown` | `((event: PointerEvent) => void)` | No | `-` | - |
@@ -151,7 +151,7 @@ function StyledFooter() {
151
151
  | `pin` | `top \| bottom \| left \| right \| all` | No | `-` | Direction in which to absolutely pin the box. |
152
152
  | `position` | `absolute \| relative \| static` | No | `-` | - |
153
153
  | `ref` | `null \| RefObject<View \| null> \| (instance: View \| null) => void \| (() => VoidOrUndefinedOnly)` | No | `-` | Allows getting a ref to the component instance. Once the component unmounts, React will set ref.current to null (or call the ref with null if you passed a callback ref). |
154
- | `right` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
154
+ | `right` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
155
155
  | `rowGap` | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 0.25 \| 0.5 \| 0.75 \| 1.5` | No | `-` | - |
156
156
  | `style` | `false \| \| RegisteredStyle<ViewStyle> \| Value \| AnimatedInterpolation<string \| number> \| WithAnimatedObject<ViewStyle> \| WithAnimatedArray<Falsy \| ViewStyle \| RegisteredStyle<ViewStyle> \| RecursiveArray<Falsy \| ViewStyle \| RegisteredStyle<ViewStyle>> \| readonly (Falsy \| ViewStyle \| RegisteredStyle<ViewStyle>)[]> \| null` | No | `-` | - |
157
157
  | `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 Used to locate this view in end-to-end tests. |
@@ -159,10 +159,10 @@ function StyledFooter() {
159
159
  | `textDecorationLine` | `none \| underline \| line-through \| underline line-through` | No | `-` | - |
160
160
  | `textDecorationStyle` | `solid \| dotted \| dashed \| double` | No | `-` | - |
161
161
  | `textTransform` | `none \| capitalize \| uppercase \| lowercase` | No | `-` | - |
162
- | `top` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
162
+ | `top` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
163
163
  | `transform` | `string \| readonly (({ scaleX: AnimatableNumericValue; } & { scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ scaleY: AnimatableNumericValue; } & { scaleX?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ translateX: AnimatableNumericValue \| ${number}%; } & { scaleX?: undefined; scaleY?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ translateY: AnimatableNumericValue \| ${number}%; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ perspective: AnimatableNumericValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ rotate: AnimatableStringValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ rotateX: AnimatableStringValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ rotateY: AnimatableStringValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ rotateZ: AnimatableStringValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ scale: AnimatableNumericValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ skewX: AnimatableStringValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ skewY: AnimatableStringValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; matrix?: undefined; }) \| ({ matrix: AnimatableNumericValue[]; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; }))[]` | No | `-` | - |
164
- | `userSelect` | `auto \| none \| text \| contain \| all` | No | `-` | - |
165
- | `width` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
164
+ | `userSelect` | `none \| auto \| text \| contain \| all` | No | `-` | - |
165
+ | `width` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
166
166
  | `zIndex` | `number` | No | `-` | - |
167
167
 
168
168
 
@@ -118,15 +118,15 @@ function Example() {
118
118
  | `borderedStart` | `boolean` | No | `-` | Add a border to the leading side of the box. |
119
119
  | `borderedTop` | `boolean` | No | `-` | Add a border to the top side of the box. |
120
120
  | `borderedVertical` | `boolean` | No | `-` | Add a border to the top and bottom sides of the box. |
121
- | `bottom` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
121
+ | `bottom` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
122
122
  | `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 | `-` | - |
123
123
  | `columnGap` | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 0.25 \| 0.5 \| 0.75 \| 1.5` | No | `-` | - |
124
124
  | `dangerouslySetBackground` | `string` | No | `-` | - |
125
125
  | `display` | `flex \| none \| contents` | No | `-` | - |
126
126
  | `elevation` | `0 \| 1 \| 2` | No | `-` | Determines box shadow styles. Parent should have overflow set to visible to ensure styles are not clipped. |
127
127
  | `end` | `null \| string \| number \| bigint \| false \| true \| ReactElement<unknown, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal \| Promise<AwaitedReactNode>` | No | `-` | Optional. Accepts a ReactNode. Intended for content on the right side of the header, such as action buttons or icons. In modal usage, elements like a close button should be included to facilitate modal dismissal. |
128
- | `flexBasis` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
129
- | `flexDirection` | `column \| row \| row-reverse \| column-reverse` | No | `-` | - |
128
+ | `flexBasis` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
129
+ | `flexDirection` | `row \| column \| row-reverse \| column-reverse` | No | `-` | - |
130
130
  | `flexGrow` | `number` | No | `-` | - |
131
131
  | `flexShrink` | `number` | No | `-` | - |
132
132
  | `flexWrap` | `wrap \| nowrap \| wrap-reverse` | No | `-` | - |
@@ -135,10 +135,10 @@ function Example() {
135
135
  | `fontSize` | `inherit \| FontSize` | No | `-` | - |
136
136
  | `fontWeight` | `inherit \| FontWeight` | No | `-` | - |
137
137
  | `gap` | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 0.25 \| 0.5 \| 0.75 \| 1.5` | No | `-` | - |
138
- | `height` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
138
+ | `height` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
139
139
  | `justifyContent` | `flex-start \| flex-end \| center \| space-between \| space-around \| space-evenly` | No | `-` | - |
140
140
  | `key` | `Key \| null` | No | `-` | - |
141
- | `left` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
141
+ | `left` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
142
142
  | `lineHeight` | `inherit \| LineHeight` | No | `-` | - |
143
143
  | `margin` | `0 \| -1 \| -2 \| -3 \| -4 \| -5 \| -6 \| -7 \| -8 \| -9 \| -10 \| -0.25 \| -0.5 \| -0.75 \| -1.5` | No | `-` | - |
144
144
  | `marginBottom` | `0 \| -1 \| -2 \| -3 \| -4 \| -5 \| -6 \| -7 \| -8 \| -9 \| -10 \| -0.25 \| -0.5 \| -0.75 \| -1.5` | No | `-` | - |
@@ -147,10 +147,10 @@ function Example() {
147
147
  | `marginTop` | `0 \| -1 \| -2 \| -3 \| -4 \| -5 \| -6 \| -7 \| -8 \| -9 \| -10 \| -0.25 \| -0.5 \| -0.75 \| -1.5` | No | `-` | - |
148
148
  | `marginX` | `0 \| -1 \| -2 \| -3 \| -4 \| -5 \| -6 \| -7 \| -8 \| -9 \| -10 \| -0.25 \| -0.5 \| -0.75 \| -1.5` | No | `-` | - |
149
149
  | `marginY` | `0 \| -1 \| -2 \| -3 \| -4 \| -5 \| -6 \| -7 \| -8 \| -9 \| -10 \| -0.25 \| -0.5 \| -0.75 \| -1.5` | No | `-` | - |
150
- | `maxHeight` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
151
- | `maxWidth` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
152
- | `minHeight` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
153
- | `minWidth` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
150
+ | `maxHeight` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
151
+ | `maxWidth` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
152
+ | `minHeight` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
153
+ | `minWidth` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
154
154
  | `onPointerCancel` | `((event: PointerEvent) => void)` | No | `-` | - |
155
155
  | `onPointerCancelCapture` | `((event: PointerEvent) => void)` | No | `-` | - |
156
156
  | `onPointerDown` | `((event: PointerEvent) => void)` | No | `-` | - |
@@ -175,7 +175,7 @@ function Example() {
175
175
  | `pin` | `top \| bottom \| left \| right \| all` | No | `-` | Direction in which to absolutely pin the box. |
176
176
  | `position` | `absolute \| relative \| static` | No | `-` | - |
177
177
  | `ref` | `null \| RefObject<View \| null> \| (instance: View \| null) => void \| (() => VoidOrUndefinedOnly)` | No | `-` | Allows getting a ref to the component instance. Once the component unmounts, React will set ref.current to null (or call the ref with null if you passed a callback ref). |
178
- | `right` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
178
+ | `right` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
179
179
  | `rowGap` | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 0.25 \| 0.5 \| 0.75 \| 1.5` | No | `-` | - |
180
180
  | `start` | `null \| string \| number \| bigint \| false \| true \| ReactElement<unknown, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal \| Promise<AwaitedReactNode>` | No | `-` | Optional. Accepts a ReactNode. Used for placing primary content on the left side of the page header, such as a header title, logo, or icon button. |
181
181
  | `style` | `false \| \| RegisteredStyle<ViewStyle> \| Value \| AnimatedInterpolation<string \| number> \| WithAnimatedObject<ViewStyle> \| WithAnimatedArray<Falsy \| ViewStyle \| RegisteredStyle<ViewStyle> \| RecursiveArray<Falsy \| ViewStyle \| RegisteredStyle<ViewStyle>> \| readonly (Falsy \| ViewStyle \| RegisteredStyle<ViewStyle>)[]> \| null` | No | `-` | - |
@@ -186,10 +186,10 @@ function Example() {
186
186
  | `textDecorationStyle` | `solid \| dotted \| dashed \| double` | No | `-` | - |
187
187
  | `textTransform` | `none \| capitalize \| uppercase \| lowercase` | No | `-` | - |
188
188
  | `title` | `null \| string \| number \| bigint \| false \| true \| ReactElement<unknown, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal \| Promise<AwaitedReactNode>` | No | `-` | Optional. Accepts a ReactNode. Intended for main title within the Page Header or for secondary content in the center of the header, like a navigation stepper or search bar. |
189
- | `top` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
189
+ | `top` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
190
190
  | `transform` | `string \| readonly (({ scaleX: AnimatableNumericValue; } & { scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ scaleY: AnimatableNumericValue; } & { scaleX?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ translateX: AnimatableNumericValue \| ${number}%; } & { scaleX?: undefined; scaleY?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ translateY: AnimatableNumericValue \| ${number}%; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ perspective: AnimatableNumericValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ rotate: AnimatableStringValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ rotateX: AnimatableStringValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ rotateY: AnimatableStringValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ rotateZ: AnimatableStringValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ scale: AnimatableNumericValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ skewX: AnimatableStringValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewY?: undefined; matrix?: undefined; }) \| ({ skewY: AnimatableStringValue; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; matrix?: undefined; }) \| ({ matrix: AnimatableNumericValue[]; } & { scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; skewX?: undefined; skewY?: undefined; }))[]` | No | `-` | - |
191
- | `userSelect` | `auto \| none \| text \| contain \| all` | No | `-` | - |
192
- | `width` | `null \| number \| auto \| AnimatedNode \| ${number}%` | No | `-` | - |
191
+ | `userSelect` | `none \| auto \| text \| contain \| all` | No | `-` | - |
192
+ | `width` | `null \| number \| AnimatedNode \| auto \| ${number}%` | No | `-` | - |
193
193
  | `zIndex` | `number` | No | `-` | - |
194
194
 
195
195