From 314bc7b189209ba37968448487e74b537c431a43 Mon Sep 17 00:00:00 2001 From: meenu Date: Mon, 20 Sep 2021 13:54:55 +0530 Subject: [PATCH 1/4] swipelist changes --- docs/buildingSwipeList.md | 14 +++--- docs/interaction-styles.mdx | 96 +++++++++++++++++++------------------ 2 files changed, 58 insertions(+), 52 deletions(-) diff --git a/docs/buildingSwipeList.md b/docs/buildingSwipeList.md index 208a39a7d..95dc270da 100644 --- a/docs/buildingSwipeList.md +++ b/docs/buildingSwipeList.md @@ -57,7 +57,7 @@ function Basic() { }, { id: '3ac68afc-c605-48d3-a4f8-fbd91aa97f63', - fullName: 'Sujitha Alexander', + fullName: 'Sujita Mathur', timeStamp: '11:11 PM', recentText: 'Cheer up, there!', avatarUrl: @@ -82,7 +82,7 @@ function Basic() { id: '28694a0f-3da1-471f-bd96-142456e29d72', fullName: 'Kiara', timeStamp: '12:47 PM', - recentText: 'I will call him today.', + recentText: 'I will call today.', avatarUrl: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRBwgu1A5zgPSvfE83nurkuzNEoXs9DMNr8Ww&usqp=CAU', }, @@ -116,17 +116,19 @@ function Basic() { borderColor="coolGray.200" pl="4" pr="5" - py="2"> + py="2" + _dark={{ borderColor: 'gray.600' }} + > - + {item.fullName} - {item.recentText} + {item.recentText} - + {item.timeStamp} diff --git a/docs/interaction-styles.mdx b/docs/interaction-styles.mdx index f1e1bb417..8c07bf6a5 100644 --- a/docs/interaction-styles.mdx +++ b/docs/interaction-styles.mdx @@ -22,15 +22,15 @@ Using `_hover` pseudo prop, we can customize the style of Pressable component on - Hover over me + Hover @@ -38,11 +38,11 @@ Using `_hover` pseudo prop, we can customize the style of Pressable component on ```jsx title="Hover example" @@ -58,15 +58,15 @@ Using `_pressed` pseudo prop, we can customize the style of Pressable component - Press me + Pressed @@ -74,15 +74,15 @@ Using `_pressed` pseudo prop, we can customize the style of Pressable component ```jsx title="Pressed example" - Hover over me + Pressed ``` @@ -94,15 +94,19 @@ Using `_focus` pseudo prop, we can customize the style of Pressable component on - Try focusing me + Focus @@ -110,15 +114,15 @@ Using `_focus` pseudo prop, we can customize the style of Pressable component on ```jsx title="Focus example" - Hover over me + Focus ``` @@ -131,45 +135,45 @@ Using `_web`, `_iOS`, `_android` pseudo props, we can customize the style or beh - Primary + Save Web - - Primary + + Save Android - Primary + Save iOS @@ -181,42 +185,42 @@ Using `_web`, `_iOS`, `_android` pseudo props, we can customize the style or beh - Primary + Save Web - - Primary + + Save Android - Primary + Save iOS From 3131744117c4f108605a278abd5ef2086ce4b4bf Mon Sep 17 00:00:00 2001 From: Aditya Jamuar Date: Mon, 20 Sep 2021 18:13:09 +0530 Subject: [PATCH 2/4] fix: admonition designs throughout the component --- docs/modal.md | 2 +- docs/popOver.md | 16 ++++++++-------- docs/tooltip.md | 17 ++++++++++------- docs/utilityProps.md | 2 ++ src/css/custom.css | 22 ++++++++++++++++++++++ 5 files changed, 43 insertions(+), 16 deletions(-) diff --git a/docs/modal.md b/docs/modal.md index 1748506c4..8c89fc15a 100644 --- a/docs/modal.md +++ b/docs/modal.md @@ -58,7 +58,7 @@ You can pass `size` prop to NativeBase Modal , it can take `sm`, `md`, `lg`, `fu
-:::tip Tip +:::tip Development Tip If you want a specifically aligned Modal, pass `justifyContent` and `alignItems` to Modal. ::: diff --git a/docs/popOver.md b/docs/popOver.md index 65681dcfb..4ee92bdd4 100644 --- a/docs/popOver.md +++ b/docs/popOver.md @@ -41,7 +41,7 @@ import { Popover } from 'native-base'; ``` -:::tip Tip +:::tip Development Tip You can pass custom backgroundColor using `bg` or `backgroundColor`, `borderColor` and `borderWidth` to Popover.Content. ::: @@ -85,10 +85,10 @@ Adheres to the [Dialog WAI-ARIA design pattern.](https://www.w3.org/TR/wai-aria- ### Keyboard Interactions -| Name | Description | -| --------------------|-------------| -| Space | Opens/closes the popover. | -| Enter | Opens/closes the popover. | -| Tab | Moves focus to the next focusable element. | -| Shift + Tab | Moves focus to the previous focusable element. | -| Esc | Closes the popover and moves focus to Popover.Trigger. | \ No newline at end of file +| Name | Description | +| ----------- | ------------------------------------------------------ | +| Space | Opens/closes the popover. | +| Enter | Opens/closes the popover. | +| Tab | Moves focus to the next focusable element. | +| Shift + Tab | Moves focus to the previous focusable element. | +| Esc | Closes the popover and moves focus to Popover.Trigger. | diff --git a/docs/tooltip.md b/docs/tooltip.md index 400a8fe9f..1d35cabf6 100644 --- a/docs/tooltip.md +++ b/docs/tooltip.md @@ -35,7 +35,9 @@ Tooltip is a wrapper around [Box](box.md). So, it also accepts all the [Box](box ``` -:::tip Tip +
+ +:::tip Development Tip You can pass custom backgroundColor using `bg` or `backgroundColor`, `borderColor` and `borderWidth` to Tooltip. ::: @@ -52,11 +54,12 @@ You can pass custom backgroundColor using `bg` or `backgroundColor`, `borderColo ## Accessibility Adheres to the [Tooltip WAI-ARIA design pattern.](https://www.w3.org/TR/wai-aria-1.1/#tooltip) + ### Keyboard Interactions -| Name | Description | -| --------------------|-------------| -| Space | If open, closes the tooltip without delay. | -| Enter | If open, closes the tooltip without delay. | -| Tab | Moves focus to the next focusable element. | -| Esc | If open, closes the tooltip without delay. | \ No newline at end of file +| Name | Description | +| ----- | ------------------------------------------ | +| Space | If open, closes the tooltip without delay. | +| Enter | If open, closes the tooltip without delay. | +| Tab | Moves focus to the next focusable element. | +| Esc | If open, closes the tooltip without delay. | diff --git a/docs/utilityProps.md b/docs/utilityProps.md index 6eb0b4a94..021483d50 100644 --- a/docs/utilityProps.md +++ b/docs/utilityProps.md @@ -121,6 +121,8 @@ Above props can be written in the format: {color}:alpha-{opacityToken}, this get ::: +
+ ```SnackPlayer name=Alpha%20Opacity%20Usage import React from "react" diff --git a/src/css/custom.css b/src/css/custom.css index d2f57f78a..8b7974f78 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -21,6 +21,7 @@ --ifm-color-primary-light: #cfe1e4; --ifm-color-primary-lighter: #a5f3fc; --ifm-color-primary-lightest: #cffafe; + --ifm-color-success: #8b5cf6; --ifm-code-font-size: 95%; --ifm-navbar-item-padding-horizontal: 20px; --ifm-navbar-padding-vertical: 12px; @@ -737,3 +738,24 @@ a[href*='/install-cra'].menu__link { a[href*='/install-next'].menu__link { display: none !important; } + +.alert { + padding-left: var(--ifm-alert-padding-vertical); + padding-right: var(--ifm-alert-padding-vertical); +} + +.admonition { + color: white; +} + +.admonition a { + text-decoration-color: white; +} + +.admonition-icon { + display: none; +} + +.admonition code { + color: white; +} From fd4b093d6f059e1b5c90a15885a88a4d24981c10 Mon Sep 17 00:00:00 2001 From: meenu Date: Mon, 20 Sep 2021 18:56:51 +0530 Subject: [PATCH 3/4] design chan ges --- docs/appDrawer.md | 75 +++++++++------- docs/breakpoints.md | 114 +++++++++++++++++++++--- docs/buildingFooterTabs.md | 81 ++++++++++------- docs/buildingSearchBar.md | 85 +++++++++++++----- docs/loginsignupforms.md | 176 ++++++++++++------------------------- docs/nativebase-factory.md | 29 +++--- docs/useBreakPointValue.md | 106 +++++++++++++++++++--- docs/utilityProps.md | 23 +++-- 8 files changed, 449 insertions(+), 240 deletions(-) diff --git a/docs/appDrawer.md b/docs/appDrawer.md index 7e0afecbd..3fa173b72 100644 --- a/docs/appDrawer.md +++ b/docs/appDrawer.md @@ -6,52 +6,65 @@ title: App drawer Creating an app drawer like layout is very common and with NativeBase's SimpleGrid make this extremely simple while still keeping it extremely customisable. Here is an example to illustrate it. ```SnackPlayer name=AppDrawer -import React from "react"; -import { IconButton, SimpleGrid, Icon, NativeBaseProvider } from "native-base"; -import {MaterialIcons} from '@expo/vector-icons'; +import React from 'react'; +import { + IconButton, + SimpleGrid, + Icon, + NativeBaseProvider, + Box, +} from 'native-base'; +import { MaterialIcons } from '@expo/vector-icons'; -function AppDrawer(){ +function AppDrawer() { const icons = [ - "bolt", - "build", - "cloud", - "delivery-dining", - "favorite", - "music-note", - "invert-colors-on", - "navigation", - "settings", - "sports-esports", - "shield", - "photo-camera", - "network-wifi", - "nightlight-round", - "flight", - "extension", - "duo", - "album", - "access-alarm", - "forum", + { name: 'bolt', bg: 'amber.600' }, + { name: 'build', bg: 'emerald.600' }, + { name: 'cloud', bg: 'blue.600' }, + { name: 'delivery-dining', bg: 'orange.600' }, + { name: 'favorite', bg: 'rose.600' }, + { name: 'music-note', bg: 'violet.600' }, + { name: 'invert-colors-on', bg: 'lime.600' }, + { name: 'navigation', bg: 'indigo.600' }, + { name: 'settings', bg: 'pink.600' }, + { name: 'sports-esports', bg: 'coolGray.600' }, + { name: 'shield', bg: 'darkBlue.600' }, + { name: 'photo-camera', bg: 'fuchsia.600' }, + { name: 'network-wifi', bg: 'amber.500' }, + { name: 'nightlight-round', bg: 'violet.800' }, + { name: 'flight', bg: 'blue.800' }, + { name: 'extension', bg: 'indigo.600' }, + { name: 'duo', bg: 'orange.600' }, + { name: 'album', bg: 'rose.600' }, + { name: 'access-alarm', bg: 'emerald.600' }, + { name: 'forum', bg: 'indigo.600' }, ]; - return + return ( + {icons.map((icon) => ( } + p="3" + icon={ + + } /> ))} + ); } export default function () { return ( - - - + + + + + ); } + ``` diff --git a/docs/breakpoints.md b/docs/breakpoints.md index c7ed47991..563075139 100644 --- a/docs/breakpoints.md +++ b/docs/breakpoints.md @@ -19,19 +19,113 @@ breakpoints = { `useBreakpointValue` is a custom hook which returns the value for the current breakpoint from the provided responsive values object. This hook also responds to the window resizing and returning the appropriate value for the new window size. -```jsx +```SnackPlayer name=useBreakpointValue import React from 'react'; -import { Box, useBreakpointValue } from 'native-base'; -export default () => { - const color = useBreakpointValue({ - base: 'red.200', - sm: 'blue.200', - md: 'blue.200', +import { + Factory, + Button, + Stack, + NativeBaseProvider, + Center, +} from 'native-base'; +import { TextInput } from 'react-native'; + +import { Icon, useBreakpointValue, Text, VStack, Heading } from 'native-base'; +import { FontAwesome, Foundation, Feather } from '@expo/vector-icons'; +import { View } from 'react-native'; + +export const UseBreakpointValueExample = () => { + const flexDir = useBreakpointValue({ + base: 'column', + lg: 'row', }); return ( - - This is a box - + + Why us? + + + + + Secure Checkout + + + + + + Secure Checkout + + + + + + Fast Turn Around + + + + ); }; + +// Example template which wraps component with NativeBaseProvider +export default function () { + return ( + +
+ +
+ + ); +} + ``` diff --git a/docs/buildingFooterTabs.md b/docs/buildingFooterTabs.md index b696cf4a0..c4ae07db8 100644 --- a/docs/buildingFooterTabs.md +++ b/docs/buildingFooterTabs.md @@ -8,8 +8,8 @@ With NativeBase v3 we have removed FooterTab components because as it's very sim ## Example ```SnackPlayer name=Footer dependencies=react-native-linear-gradient -import React from 'react'; +import React from 'react'; import { NativeBaseProvider, Box, @@ -25,50 +25,53 @@ import { Center, Pressable, } from 'native-base'; -import { MaterialCommunityIcons , MaterialIcons} from '@expo/vector-icons'; +import { MaterialCommunityIcons, MaterialIcons } from '@expo/vector-icons'; export default function App() { const [selected, setSelected] = React.useState(1); return ( - -
-
- + +
+ setSelected(0)} - > + onPress={() => setSelected(0)}>
} + as={ + + } color="white" - size="xs" + size="sm" /> - - Favorites + + Home +
setSelected(1)} - > + py={2} + flex={1} + onPress={() => setSelected(1)}>
} + as={} color="white" - size="xs" + size="sm" /> - - Music + + Search +
setSelected(2)} - > + onPress={() => setSelected(2)}>
} + mb={1} + as={ + + } color="white" - size="xs" + size="sm" /> - - Places + + Cart +
setSelected(3)} - > + onPress={() => setSelected(3)}>
} + mb={1} + as={ + + } color="white" - size="xs" + size="sm" /> - News + + Account +
@@ -112,4 +124,5 @@ export default function App() { ); } + ``` diff --git a/docs/buildingSearchBar.md b/docs/buildingSearchBar.md index 3949946af..918ecc8a7 100644 --- a/docs/buildingSearchBar.md +++ b/docs/buildingSearchBar.md @@ -13,34 +13,62 @@ Here are some examples to show how easily and quickly we can create so many type ![https://s3-us-west-2.amazonaws.com/secure.notion-static.com/b4c4662d-8a9c-48a2-817d-000ff8f5f6b6/Screenshot_2021-01-18_at_7.51.08_PM.png](https://s3-us-west-2.amazonaws.com/secure.notion-static.com/b4c4662d-8a9c-48a2-817d-000ff8f5f6b6/Screenshot_2021-01-18_at_7.51.08_PM.png) --> ```SnackPlayer name=Search%20Bar -import React from "react"; -import { VStack, Input, Button, IconButton, Icon, Text, NativeBaseProvider, Center, Box } from "native-base"; +import React from 'react'; +import { + VStack, + Input, + Button, + IconButton, + Icon, + Text, + NativeBaseProvider, + Center, + Box, + Divider, + Heading, +} from 'native-base'; import { Ionicons, MaterialIcons } from '@expo/vector-icons'; import { FontAwesome5 } from '@expo/vector-icons'; - -function SearchBar(){ +function SearchBar() { return ( - - - Cupertino + + + + }> + + Cupertino } />} + _focus: { style: { boxShadow: 'none' } }, + }} + InputLeftElement={ + } + /> + } /> - - Material + + Material } />} - InputRightElement={} />} + }} + InputLeftElement={ + } + /> + } + InputRightElement={ + } + /> + } /> - - ) + + ); } export default function () { return (
- +
); } + ``` diff --git a/docs/loginsignupforms.md b/docs/loginsignupforms.md index 75b491f6d..c576656e7 100644 --- a/docs/loginsignupforms.md +++ b/docs/loginsignupforms.md @@ -23,88 +23,63 @@ import { Icon, IconButton, HStack, - Divider + Divider, } from 'native-base'; export default function App() { - - return ( - - - + return ( + + + Welcome - + Sign in to continue! - + - - Email ID + + Email ID - - - Password + + + Password + mt="1"> Forget Password? - - - - - } - color='muted.700' - size='sm' - /> - } - /> - } - color='muted.700' - size="sm" - /> - } - /> - } - color='muted.700' - size="sm" - /> - } - /> - - - - I'm a new user. - + + + I'm a new user.{' '} + + Sign Up @@ -113,6 +88,7 @@ export default function App() { ); } + ``` ### Signup Form @@ -133,87 +109,49 @@ import { Icon, IconButton, HStack, - Divider + Divider, } from 'native-base'; export default function App() { - - return ( - - - + return ( + + + Welcome - + Sign up to continue! - + - - Email + + Email - - Password + + Password - - Confirm Password + + Confirm Password - - - - - } - color='muted.700' - size='sm' - /> - } - /> - } - color='muted.700' - size="sm" - /> - } - /> - } - color='muted.700' - size="sm" - /> - } - /> - - ); } + ``` diff --git a/docs/nativebase-factory.md b/docs/nativebase-factory.md index 56c3a0ed7..d3cbf2589 100644 --- a/docs/nativebase-factory.md +++ b/docs/nativebase-factory.md @@ -99,27 +99,35 @@ export default function () { ```SnackPlayer name=NativeBase%20Factory%20Using%20Ref import React from 'react'; -import { Factory, Button, Stack, NativeBaseProvider,Center } from 'native-base'; +import { + Factory, + Button, + Stack, + NativeBaseProvider, + Center, +} from 'native-base'; import { TextInput } from 'react-native'; -function FactoryViewRefExample () { +function FactoryViewRefExample() { const NBInput = Factory(TextInput); const inputRef = React.useRef(null); return ( + p="2" + borderWidth="1" + borderColor="muted.200" + borderRadius="md" + placeholderTextColor="muted.400" + /> @@ -136,6 +144,7 @@ export default function () { ); } + ``` ## Params diff --git a/docs/useBreakPointValue.md b/docs/useBreakPointValue.md index 525e7ce96..52d1a84a7 100644 --- a/docs/useBreakPointValue.md +++ b/docs/useBreakPointValue.md @@ -17,21 +17,106 @@ The `useBreakpointValue` hook returns the value for the current breakpoint. ## Usage -```SnackPlayer name=useBreakpoint%20Usage +```SnackPlayer name=useBreakpointValue + import React from 'react'; -import { Box, useBreakpointValue, NativeBaseProvider, Center } from 'native-base'; -function UseBreakpointValueExample () { - const color = useBreakpointValue({ - base: 'red.200', - sm: 'blue.200', - md: 'blue.200', +import { + Factory, + Button, + Stack, + NativeBaseProvider, + Center, +} from 'native-base'; +import { TextInput } from 'react-native'; + +import { Icon, useBreakpointValue, Text, VStack, Heading } from 'native-base'; +import { FontAwesome, Foundation, Feather } from '@expo/vector-icons'; +import { View } from 'react-native'; + +export const UseBreakpointValueExample = () => { + const flexDir = useBreakpointValue({ + base: 'column', + lg: 'row', }); return ( - - This is a box - + + Why us? + + + + + Secure Checkout + + + + + + Secure Checkout + + + + + + Fast Turn Around + + + + ); }; + +// Example template which wraps component with NativeBaseProvider export default function () { return ( @@ -41,4 +126,5 @@ export default function () { ); } + ``` diff --git a/docs/utilityProps.md b/docs/utilityProps.md index 6eb0b4a94..59df78b21 100644 --- a/docs/utilityProps.md +++ b/docs/utilityProps.md @@ -16,7 +16,7 @@ import React from 'react'; import { Box as NBBox, NativeBaseProvider, Center } from 'native-base'; const Box = (props) => { - return + return } function Component() { @@ -117,7 +117,7 @@ export default function () { :::tip Note -Above props can be written in the format: {color}:alpha-{opacityToken}, this gets converted into RGBA color format and the opacityToken is mapped to [`Opacity`](default-theme#opacity) +Above props can be written in the format: {color}:alpha.{opacityToken}, this gets converted into RGBA color format and the opacityToken is mapped to [`Opacity`](default-theme#opacity) ::: @@ -131,7 +131,7 @@ export function Example() {
Box 2
+
+ Box 3 +
) @@ -226,7 +237,7 @@ import React from 'react'; import { Box as NBBox, NativeBaseProvider, Center } from 'native-base'; const Box = (props) => { - return + return } function Component() { @@ -283,7 +294,7 @@ import React from 'react'; import { Box as NBBox, Flex, NativeBaseProvider, Center } from 'native-base'; const Box = (props) => { - return + return } function Component() { From 34e274422617f8b4cb20a8c59e7490179f3ba024 Mon Sep 17 00:00:00 2001 From: Suraj Ahmed Date: Tue, 21 Sep 2021 10:38:57 +0530 Subject: [PATCH 4/4] Updated snackplayer version --- nb-plugins/component-snackplayer/index.js | 2 +- package.json | 2 +- yarn.lock | 21 ++++++++++++--------- 3 files changed, 14 insertions(+), 11 deletions(-) diff --git a/nb-plugins/component-snackplayer/index.js b/nb-plugins/component-snackplayer/index.js index a67bc1cbf..a7838a1ce 100644 --- a/nb-plugins/component-snackplayer/index.js +++ b/nb-plugins/component-snackplayer/index.js @@ -18,7 +18,7 @@ const processNode = (node, parent) => { return new Promise(async (resolve, reject) => { try { const params = parseParams(node.meta); - const NBversion = '3.2.0-alpha.4'; + const NBversion = '3.2.0-rc.0'; // Gather necessary Params let name = params.name ? decodeURIComponent(params.name) : 'Example'; const description = params.description diff --git a/package.json b/package.json index 56de7cfde..02d934e65 100644 --- a/package.json +++ b/package.json @@ -35,7 +35,7 @@ "clsx": "^1.1.1", "dedent": "^0.7.0", "docusaurus-tailwindcss-loader": "file:plugins/docusaurus-tailwindcss-loader", - "native-base": "^3.0.7", + "native-base": "3.1.0", "object.fromentries": "^2.0.3", "patch-package": "^6.4.7", "postcss": "^7.0.34", diff --git a/yarn.lock b/yarn.lock index 1c03d9c5e..2d1c77c07 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2304,11 +2304,12 @@ "@react-aria/utils" "^3.6.0" "@react-native-aria/utils" "^0.2.6" -"@react-native-aria/listbox@^0.2.4-alpha.0": - version "0.2.4-alpha.2" - resolved "https://registry.yarnpkg.com/@react-native-aria/listbox/-/listbox-0.2.4-alpha.2.tgz#2ed94e862c4dea041e406b61d8d92af446513e4c" - integrity sha512-7hqgXA6Sq87bDRkjYSFMc2NvUJrgDF0pCiWkcA+GT136Oz1/lVcnshthx+F3vJ5e4qTLDbARKG6aibLjFzMQUQ== +"@react-native-aria/listbox@^0.2.4-alpha.3": + version "0.2.4-alpha.3" + resolved "https://registry.yarnpkg.com/@react-native-aria/listbox/-/listbox-0.2.4-alpha.3.tgz#1a8df0de6c932c8143ea73e43713a5d37070203c" + integrity sha512-e/y+Wdoyy/PbpFj4DVYDYMsKI+uUqnZ/0yLByqHQvzs8Ys8o69CQkyEYzHhxvFT5lCLegkLbuQN2cJd8bYNQsA== dependencies: + "@react-aria/interactions" "^3.3.2" "@react-aria/label" "^3.1.1" "@react-aria/listbox" "^3.2.4" "@react-aria/selection" "^3.3.2" @@ -8399,18 +8400,20 @@ nanomatch@^1.2.9: snapdragon "^0.8.1" to-regex "^3.0.1" -native-base@^3.0.7: - version "3.0.7" - resolved "https://registry.yarnpkg.com/native-base/-/native-base-3.0.7.tgz#21069be0b3c32e151f3e4b5183a05f33615159c6" - integrity sha512-Ee4FHAmy7mIkT3UjDGRKEC2neAPIBMZ3AI7F5WIJ7vFSNvuw2zs1OPV8aluuA2O/kRGY/3m1+Scs1GJFP/fwOw== +native-base@3.1.0: + version "3.1.0" + resolved "https://registry.yarnpkg.com/native-base/-/native-base-3.1.0.tgz#8cc9d796a67b8f52dc78ac2983c8ba09a4ceb4f9" + integrity sha512-7ow2QyICOonkDgEiHl/clShLPHI17KoLRb8JERzqwsntAGVneFisvz/r/bWvapSNe1aBSGPyHanPZE49detTWw== dependencies: + "@react-aria/focus" "^3.2.3" + "@react-aria/utils" "^3.6.0" "@react-aria/visually-hidden" "^3.2.1" "@react-native-aria/button" "^0.2.4" "@react-native-aria/checkbox" "^0.2.2" "@react-native-aria/combobox" "^0.2.4-alpha.0" "@react-native-aria/focus" "^0.2.4" "@react-native-aria/interactions" "^0.2.2" - "@react-native-aria/listbox" "^0.2.4-alpha.0" + "@react-native-aria/listbox" "^0.2.4-alpha.3" "@react-native-aria/overlays" "^0.2.9" "@react-native-aria/radio" "^0.2.4" "@react-native-aria/slider" "^0.2.5-alpha.1"