diff --git a/.gitignore b/.gitignore index ec8a36a..8d460d0 100644 --- a/.gitignore +++ b/.gitignore @@ -9,6 +9,7 @@ npm-debug.* *.mobileprovision *.orig.* web-build/ +.idea # macOS .DS_Store diff --git a/App.tsx b/App.tsx index 0329d0c..ae85533 100644 --- a/App.tsx +++ b/App.tsx @@ -1,20 +1,26 @@ -import { StatusBar } from 'expo-status-bar'; -import { StyleSheet, Text, View } from 'react-native'; + +import { View } from 'react-native'; +import React from 'react'; +import UserMessageList from './components/UserMessageList'; +import UserProfile from './components/UserProfile'; +import UserList from './components/UserList'; +import UserCall from './components/UserCall'; +import Gallery from './components/Gallery'; +import ProductCard from './components/ProductCard'; +import Resume from "./components/Resume"; +import AcceptedOrder from "./components/AcceptedOrder"; export default function App() { return ( - - Open up App.tsx to start working on your app! - + + {/**/} + {/**/} + {/**/} + {/**/} + {/**/} + {/**/} + {/**/} + ); } - -const styles = StyleSheet.create({ - container: { - flex: 1, - backgroundColor: '#fff', - alignItems: 'center', - justifyContent: 'center', - }, -}); diff --git a/assets/camera.jpg b/assets/camera.jpg new file mode 100644 index 0000000..a916f3a Binary files /dev/null and b/assets/camera.jpg differ diff --git a/assets/img.jpeg b/assets/img.jpeg new file mode 100644 index 0000000..bdcdccf Binary files /dev/null and b/assets/img.jpeg differ diff --git a/assets/jungkook.jpeg b/assets/jungkook.jpeg new file mode 100644 index 0000000..a5f40cc Binary files /dev/null and b/assets/jungkook.jpeg differ diff --git a/assets/kermit.png b/assets/kermit.png new file mode 100644 index 0000000..8413bbb Binary files /dev/null and b/assets/kermit.png differ diff --git a/assets/kiko.jpeg b/assets/kiko.jpeg new file mode 100644 index 0000000..bbcfd9c Binary files /dev/null and b/assets/kiko.jpeg differ diff --git a/assets/like.png b/assets/like.png new file mode 100644 index 0000000..e796e55 Binary files /dev/null and b/assets/like.png differ diff --git a/assets/phone.jpg b/assets/phone.jpg new file mode 100644 index 0000000..6dbd30c Binary files /dev/null and b/assets/phone.jpg differ diff --git a/assets/star.png b/assets/star.png new file mode 100644 index 0000000..a6ec1c7 Binary files /dev/null and b/assets/star.png differ diff --git a/assets/t-shirt.jpeg b/assets/t-shirt.jpeg new file mode 100644 index 0000000..e5ad31f Binary files /dev/null and b/assets/t-shirt.jpeg differ diff --git a/assets/user1.jpeg b/assets/user1.jpeg new file mode 100644 index 0000000..855fa26 Binary files /dev/null and b/assets/user1.jpeg differ diff --git a/assets/user2.jpeg b/assets/user2.jpeg new file mode 100644 index 0000000..1550110 Binary files /dev/null and b/assets/user2.jpeg differ diff --git a/assets/user3.png b/assets/user3.png new file mode 100644 index 0000000..9f328cb Binary files /dev/null and b/assets/user3.png differ diff --git a/components/AcceptedOrder/AcceptedOrder.tsx b/components/AcceptedOrder/AcceptedOrder.tsx new file mode 100644 index 0000000..1c5edae --- /dev/null +++ b/components/AcceptedOrder/AcceptedOrder.tsx @@ -0,0 +1,22 @@ +import React from 'react'; +import { Image, Text, TouchableOpacity, View } from 'react-native'; +import { styles } from './styles'; + +const like = require('../../assets/like.png'); + +const AcceptedOrder = () => { + return ( + + + Congratulation, your order is accepted + Doctor Who is a British science-fiction television programme broadcast by the BBC since 1963. The programme depicts the adventures of a Time Lord called the Doctor, an extraterrestrial being who appears to be human. + + + Continue + + + + ) +}; + +export default AcceptedOrder; diff --git a/components/AcceptedOrder/index.ts b/components/AcceptedOrder/index.ts new file mode 100644 index 0000000..cf875de --- /dev/null +++ b/components/AcceptedOrder/index.ts @@ -0,0 +1 @@ +export { default } from './AcceptedOrder'; diff --git a/components/AcceptedOrder/styles.ts b/components/AcceptedOrder/styles.ts new file mode 100644 index 0000000..29fb992 --- /dev/null +++ b/components/AcceptedOrder/styles.ts @@ -0,0 +1,38 @@ +import { StyleSheet } from 'react-native'; + +export const styles = StyleSheet.create({ + container: { + height: '100%', + backgroundColor: '#e3e3e3', + paddingTop: 32, + paddingHorizontal: 16, + display: 'flex', + alignItems: 'center', + }, + addButton: { + width: '60%', + padding: 12, + marginTop: 24, + display: 'flex', + alignItems: 'center', + backgroundColor: '#327cc7', + borderRadius: 18, + }, + buttonText: { + color: 'white', + }, + title: { + fontSize: 20, + color: '#222a46', + }, + text: { + color: '#949494', + marginTop: 24, + textAlign: 'center', + }, + like: { + height: 90, + width: 90, + marginVertical: 32, + } +}); \ No newline at end of file diff --git a/components/Gallery/Gallery.tsx b/components/Gallery/Gallery.tsx new file mode 100644 index 0000000..e3fc7d0 --- /dev/null +++ b/components/Gallery/Gallery.tsx @@ -0,0 +1,20 @@ +import React from 'react'; +import {Image, View} from 'react-native'; +import {styles} from './styles'; + +const img1 = require('../../assets/kermit.png'); +const img2 = require('../../assets/kiko.jpeg'); +const img3 = require('../../assets/jungkook.jpeg'); +const img4 = require('../../assets/img.jpeg'); + +const images = [img1, img2, img3, img4, img1, img2, img3, img4]; + +const Gallery = () => { + return ( + + {images.map(img => )} + + ) +}; + +export default Gallery; \ No newline at end of file diff --git a/components/Gallery/index.ts b/components/Gallery/index.ts new file mode 100644 index 0000000..af6811c --- /dev/null +++ b/components/Gallery/index.ts @@ -0,0 +1 @@ +export { default } from './Gallery'; \ No newline at end of file diff --git a/components/Gallery/styles.ts b/components/Gallery/styles.ts new file mode 100644 index 0000000..66f20a7 --- /dev/null +++ b/components/Gallery/styles.ts @@ -0,0 +1,16 @@ +import { StyleSheet } from 'react-native'; + +export const styles = StyleSheet.create({ + container: { + marginTop: 16, + display: 'flex', + flexDirection: 'row', + flexWrap: 'wrap', + }, + img: { + width: '33.3%', + height: 120, + borderWidth: 1, + borderColor: 'white', + } +}); \ No newline at end of file diff --git a/components/Icons/Camera.tsx b/components/Icons/Camera.tsx new file mode 100644 index 0000000..2307160 --- /dev/null +++ b/components/Icons/Camera.tsx @@ -0,0 +1,18 @@ +import * as React from "react" +import Svg, { Path } from "react-native-svg" + +const Camera = () => ( + + + +) + +export default Camera \ No newline at end of file diff --git a/components/Icons/Phone.tsx b/components/Icons/Phone.tsx new file mode 100644 index 0000000..e562ff1 --- /dev/null +++ b/components/Icons/Phone.tsx @@ -0,0 +1,19 @@ +import * as React from "react" +import Svg, { Path } from "react-native-svg" + +const Phone = () => ( + + + +) + +export default Phone; diff --git a/components/ProductCard/ProductCard.tsx b/components/ProductCard/ProductCard.tsx new file mode 100644 index 0000000..5bca7a5 --- /dev/null +++ b/components/ProductCard/ProductCard.tsx @@ -0,0 +1,46 @@ +import React from 'react'; +import { Image, View, Text, ScrollView, TouchableOpacity } from 'react-native'; +import { styles } from './styles'; + +const tShirt = require('../../assets/t-shirt.jpeg'); +const star = require('../../assets/star.png'); + +const colors = ['#e87ec2', '#5e42e8', '#3eb5d9', '#b59bdc', '#2b856c', '#e7be26']; +const size = ['S', 'M', 'L', 'XL']; + +const ProductCard = () => { + return ( + + + + Super Soft T-shirt + 12.22$ + Sharks Beauty T-shirt Men Comics Poster Design T Shirt Hip Hop Street Tops Cotton Black Tees Sexy Mermaid Print Clothes Unique + + + + + + + + + {colors.map(color => )} + + + {size.map(s => ( + + {s} + + ))} + + + + Add to cart + + + + + ) +}; + +export default ProductCard; \ No newline at end of file diff --git a/components/ProductCard/index.ts b/components/ProductCard/index.ts new file mode 100644 index 0000000..8a87331 --- /dev/null +++ b/components/ProductCard/index.ts @@ -0,0 +1 @@ +export { default } from './ProductCard'; diff --git a/components/ProductCard/styles.ts b/components/ProductCard/styles.ts new file mode 100644 index 0000000..8d8911d --- /dev/null +++ b/components/ProductCard/styles.ts @@ -0,0 +1,79 @@ +import { StyleSheet } from 'react-native'; + +export const styles = StyleSheet.create({ + container: { + display: 'flex', + backgroundColor: '#fff', + alignItems: 'center', + marginTop: 32, + paddingHorizontal: 16 + }, + img: { + height: 190, + width: 164, + }, + star: { + height: 30, + width: 30, + marginLeft: 4, + }, + title: { + fontWeight: 'bold', + marginTop: 24, + color: '#757575', + fontSize: 28, + }, + price: { + fontWeight: 'bold', + marginTop: 8, + color: '#65934c', + fontSize: 24, + }, + description: { + marginTop: 8, + fontSize: 16, + textAlign: 'center', + color: '#919191', + }, + rating: { + display: 'flex', + flexDirection: 'row', + marginTop: 16, + }, + variantsWrapper: { + display: 'flex', + flexDirection: 'row', + marginTop: 24, + }, + size: { + padding: 4, + width: 36, + height: 36, + borderWidth: 1, + borderColor: 'black', + borderRadius: 18, + fontSize: 20, + display: 'flex', + alignItems: 'center', + justifyContent: 'space-around', + marginLeft: 4, + }, + color: { + width: 32, + height: 32, + borderRadius: 16, + marginLeft: 4, + }, + addButton: { + width: '90%', + marginTop: 24, + display: 'flex', + alignItems: 'center', + backgroundColor: '#54bcd7', + padding: 8, + borderRadius: 16, + }, + buttonText: { + color: 'white', + } +}); \ No newline at end of file diff --git a/components/Resume/Resume.tsx b/components/Resume/Resume.tsx new file mode 100644 index 0000000..2e95806 --- /dev/null +++ b/components/Resume/Resume.tsx @@ -0,0 +1,32 @@ +import React from 'react'; +import { Image, Text, TouchableOpacity, View } from 'react-native'; +import { styles } from './styles'; + +const jk = require('../../assets/jungkook.jpeg'); + +const Resume = () => { + return ( + + + Lorem ipsum dolor + + + Lorem ipsum dolor sit amet, consectetuer adipiscing elit + Doctor Who is a British science-fiction television programme broadcast by the BBC since 1963. The programme depicts the adventures of a Time Lord called the Doctor, an extraterrestrial being who appears to be human. + Doctor Who is a British science-fiction television programme + 2001-12-12 13:03:02 + + + Johan Doe + + + + Like + + + + + ) +}; + +export default Resume; \ No newline at end of file diff --git a/components/Resume/index.ts b/components/Resume/index.ts new file mode 100644 index 0000000..9cc985b --- /dev/null +++ b/components/Resume/index.ts @@ -0,0 +1 @@ +export { default } from './Resume'; diff --git a/components/Resume/styles.ts b/components/Resume/styles.ts new file mode 100644 index 0000000..d84e73b --- /dev/null +++ b/components/Resume/styles.ts @@ -0,0 +1,69 @@ +import { StyleSheet } from 'react-native'; + +export const styles = StyleSheet.create({ + container: { + height: '100%', + }, + header: { + height: 128, + backgroundColor: '#b59bdc', + display: 'flex', + alignItems: 'center', + justifyContent: 'center', + }, + title: { + color: 'white', + fontSize: 28, + }, + subtitle: { + fontSize: 24, + fontWeight: '500', + }, + text: { + marginTop: 12, + }, + content: { + padding: 24, + }, + link: { + color: '#b59bdc', + fontWeight: '500', + marginTop: 12, + }, + date: { + color: '#949494', + fontWeight: '500', + marginTop: 12, + }, + addButton: { + width: '100%', + padding: 12, + marginTop: 24, + display: 'flex', + alignItems: 'center', + backgroundColor: '#b59bdc', + borderRadius: 18, + }, + buttonText: { + color: 'white', + }, + avatar: { + height: 90, + width: 90, + borderRadius: 45, + borderWidth: 4, + borderColor: '#b59bdc', + }, + user: { + marginTop: 16, + display: 'flex', + flexDirection: 'row', + alignItems: 'center', + }, + name: { + color: '#b59bdc', + fontWeight: '700', + marginLeft: 16, + fontSize: 22, + } +}); \ No newline at end of file diff --git a/components/UserCall/UserCall.tsx b/components/UserCall/UserCall.tsx new file mode 100644 index 0000000..ae0057e --- /dev/null +++ b/components/UserCall/UserCall.tsx @@ -0,0 +1,33 @@ +import React from 'react'; +import { Image, Text, View } from 'react-native'; +import { styles } from './styles'; + +const user = require('../../assets/jungkook.jpeg'); +const phone = require('../../assets/phone.jpg'); + +const UserCall = () => { + return ( + + + Mark Johnson + calling + + + + + + + + + + + + + + + + + ) +}; + +export default UserCall; \ No newline at end of file diff --git a/components/UserCall/index.ts b/components/UserCall/index.ts new file mode 100644 index 0000000..b59a50b --- /dev/null +++ b/components/UserCall/index.ts @@ -0,0 +1 @@ +export { default } from './UserCall'; diff --git a/components/UserCall/styles.ts b/components/UserCall/styles.ts new file mode 100644 index 0000000..90fb0f7 --- /dev/null +++ b/components/UserCall/styles.ts @@ -0,0 +1,52 @@ +import { StyleSheet } from 'react-native'; + +export const styles = StyleSheet.create({ + container: { + height: '100%', + backgroundColor: '#237265', + }, + topContent: { + height: 100, + paddingTop: 32, + paddingHorizontal: 12, + }, + avatar: { + height: 256, + width: '100%', + }, + name: { + color: 'white', + fontWeight: '400', + fontSize: 28, + }, + status: { + textTransform: 'uppercase', + color: 'white', + marginLeft: 2, + opacity: 0.75, + }, + buttonContainer: { + display: 'flex', + height: '100%', + flex: 1, + alignItems: 'center', + justifyContent: 'center', + }, + buttons: { + display: 'flex', + flexDirection: 'row', + alignItems: 'center', + alignContent: 'center', + justifyContent: 'space-around', + width: '100%', + }, + button: { + height: 30, + width: 30, + }, + imgWrapper: { + padding: 8, + backgroundColor: 'white', + borderRadius: 26, + }, +}); \ No newline at end of file diff --git a/components/UserList/UserItem/UserItem.tsx b/components/UserList/UserItem/UserItem.tsx new file mode 100644 index 0000000..92b5518 --- /dev/null +++ b/components/UserList/UserItem/UserItem.tsx @@ -0,0 +1,36 @@ +import React from 'react'; +import { View, Text, Image, ImageURISource } from 'react-native'; +import { styles } from "./styles"; + +const camera = require('../../../assets/camera.jpg'); +const phone = require('../../../assets/phone.jpg'); + +export enum callType { + call = 'Call', + video = 'Video' +} + +type UserItemType = { + name: string; + date: string; + type: `${callType}`; + photo: ImageURISource; +} + +const UserItem = ({ name, date, type, photo }: UserItemType) => { + return( + + + + + {name} + {date} + + + {type === 'Call' && } + {type === 'Video' && } + + ) +} + +export default UserItem; \ No newline at end of file diff --git a/components/UserList/UserItem/index.ts b/components/UserList/UserItem/index.ts new file mode 100644 index 0000000..261bffd --- /dev/null +++ b/components/UserList/UserItem/index.ts @@ -0,0 +1 @@ +export { default } from './UserItem'; diff --git a/components/UserList/UserItem/styles.ts b/components/UserList/UserItem/styles.ts new file mode 100644 index 0000000..43666c1 --- /dev/null +++ b/components/UserList/UserItem/styles.ts @@ -0,0 +1,41 @@ +import {StyleSheet} from "react-native"; + +export const styles = StyleSheet.create({ + wrapper: { + width: '100%', + display: 'flex', + alignItems: 'center', + flexDirection: 'row', + justifyContent: 'space-between', + paddingVertical: 16, + borderColor: '#CCCCCC', + borderBottomWidth: 1, + paddingRight: 24, + }, + userWrapper: { + display: 'flex', + alignItems: 'center', + flexDirection: 'row', + }, + userName: { + fontSize: 16, + fontWeight: '500', + }, + time: { + fontSize: 14, + fontColor: '#B6B6B6', + }, + img: { + height: 70, + width: 70, + borderRadius: 10, + }, + phoneIcon: { + height: 28, + width: 28, + }, + cameraIcon: { + height: 28, + width: 30, + }, +}); \ No newline at end of file diff --git a/components/UserList/UserList.tsx b/components/UserList/UserList.tsx new file mode 100644 index 0000000..8a5df74 --- /dev/null +++ b/components/UserList/UserList.tsx @@ -0,0 +1,50 @@ +import React from 'react'; +import { ScrollView, View, StyleSheet } from 'react-native'; +import UserItem from "./UserItem"; + +const user2 = require('../../assets/user2.jpeg'); +const user3 = require('../../assets/user3.png'); + +const UserList = () => { + const users = [ + { + name: 'Some name', + date: '20 Oct 07:25 am', + type: 'Call', + photo: user3, + }, + { + name: 'User name', + date: '20 Oct 07:25 am', + type: 'Video', + photo: user2, + }, + { + name: 'John Doe', + date: '20 Jen 07:25 am', + type: 'Call', + photo: user3, + } + ] as const; + + return( + + + {users.map(({ name, date, photo, type }, i) => + + )} + + + ) +} + +const styles = StyleSheet.create({ + container: { + paddingVertical: 48, + paddingHorizontal: 8, + }, +}); + +export default UserList; \ No newline at end of file diff --git a/components/UserList/index.ts b/components/UserList/index.ts new file mode 100644 index 0000000..6714cb9 --- /dev/null +++ b/components/UserList/index.ts @@ -0,0 +1 @@ +export { default } from './UserList'; \ No newline at end of file diff --git a/components/UserMessageList/UserItem/UserItem.tsx b/components/UserMessageList/UserItem/UserItem.tsx new file mode 100644 index 0000000..6c1ec20 --- /dev/null +++ b/components/UserMessageList/UserItem/UserItem.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import { View, Text, Image, ImageURISource } from 'react-native'; +import { styles } from './styles'; + +type UserItemType = { + text: string; + photo: ImageURISource; +} + +const UserItem = ({ text, photo }: UserItemType) => { + return( + + + + {text} + + + ) +} + +export default UserItem; \ No newline at end of file diff --git a/components/UserMessageList/UserItem/index.ts b/components/UserMessageList/UserItem/index.ts new file mode 100644 index 0000000..261bffd --- /dev/null +++ b/components/UserMessageList/UserItem/index.ts @@ -0,0 +1 @@ +export { default } from './UserItem'; diff --git a/components/UserMessageList/UserItem/styles.ts b/components/UserMessageList/UserItem/styles.ts new file mode 100644 index 0000000..a02edb2 --- /dev/null +++ b/components/UserMessageList/UserItem/styles.ts @@ -0,0 +1,33 @@ +import {StyleSheet} from "react-native"; + +export const styles = StyleSheet.create({ + wrapper: { + width: '100%', + display: 'flex', + alignItems: 'center', + flexDirection: 'row', + justifyContent: 'space-between', + paddingVertical: 16, + borderColor: '#CCCCCC', + borderWidth: 1, + borderRadius: 12, + padding: 4, + marginTop: 8, + }, + userWrapper: { + display: 'flex', + alignItems: 'center', + flexDirection: 'row', + }, + text: { + fontSize: 14, + color: '#49adbd', + flex: 2, + }, + img: { + height: 70, + width: 70, + borderRadius: 10, + marginRight: 16, + }, +}); \ No newline at end of file diff --git a/components/UserMessageList/UserMessageList.tsx b/components/UserMessageList/UserMessageList.tsx new file mode 100644 index 0000000..9613262 --- /dev/null +++ b/components/UserMessageList/UserMessageList.tsx @@ -0,0 +1,43 @@ +import React from 'react'; +import { ScrollView, StyleSheet, View } from 'react-native'; +import UserItem from "./UserItem"; + +const user1 = require('../../assets/user1.jpeg'); + +const UserMessageList = () => { + const users = [ + { + text: "Xcode includes everything developers need to create great applications.", + photo: user1, + }, + { + text: "Xcode includes everything developers need to create great applications.", + photo: user1, + }, + { + text: "Xcode includes everything developers need to create great applications.", + photo: user1, + } + ] as const; + + return( + + + {users.map(({ text, photo }, i) => + + )} + + + ) +} + +const styles = StyleSheet.create({ + container: { + paddingVertical: 48, + paddingHorizontal: 8, + }, +}); + +export default UserMessageList; \ No newline at end of file diff --git a/components/UserMessageList/index.ts b/components/UserMessageList/index.ts new file mode 100644 index 0000000..17c3d15 --- /dev/null +++ b/components/UserMessageList/index.ts @@ -0,0 +1 @@ +export { default } from './UserMessageList'; \ No newline at end of file diff --git a/components/UserProfile/UserProfile.tsx b/components/UserProfile/UserProfile.tsx new file mode 100644 index 0000000..c157185 --- /dev/null +++ b/components/UserProfile/UserProfile.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +import { Image, Text, View } from 'react-native'; +import { styles } from './styles'; +const user1 = require('../../assets/user3.png'); + +const UserProfile = () => { + return ( + + + + John Doe + + + ) +}; + +export default UserProfile; \ No newline at end of file diff --git a/components/UserProfile/index.ts b/components/UserProfile/index.ts new file mode 100644 index 0000000..ab8c3d6 --- /dev/null +++ b/components/UserProfile/index.ts @@ -0,0 +1 @@ +export { default } from './UserProfile'; diff --git a/components/UserProfile/styles.ts b/components/UserProfile/styles.ts new file mode 100644 index 0000000..665db63 --- /dev/null +++ b/components/UserProfile/styles.ts @@ -0,0 +1,29 @@ +import { StyleSheet } from 'react-native'; + +export const styles = StyleSheet.create({ + container: { + flex: 1, + }, + topContent: { + display: 'flex', + height: 256, + backgroundColor: '#b59bdc', + alignItems: 'center', + justifyContent: 'center', + }, + avatar: { + marginTop: 16, + height: 128, + width: 128, + borderRadius: 64, + marginRight: 16, + borderColor: 'white', + borderWidth: 2, + }, + name: { + color: 'white', + marginTop: 16, + fontWeight: '500', + fontSize: 20, + } +}); \ No newline at end of file diff --git a/package.json b/package.json index 90d94be..b5caca3 100644 --- a/package.json +++ b/package.json @@ -14,6 +14,7 @@ "react": "18.0.0", "react-dom": "18.0.0", "react-native": "0.69.5", + "react-native-svg": "^13.2.0", "react-native-web": "~0.18.7" }, "devDependencies": { diff --git a/yarn.lock b/yarn.lock index 529039b..821fdbf 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2155,6 +2155,11 @@ body-parser@1.19.0: raw-body "2.4.0" type-is "~1.6.17" +boolbase@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e" + integrity sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww== + bplist-creator@0.1.0: version "0.1.0" resolved "https://registry.yarnpkg.com/bplist-creator/-/bplist-creator-0.1.0.tgz#018a2d1b587f769e379ef5519103730f8963ba1e" @@ -2671,6 +2676,30 @@ css-in-js-utils@^2.0.0: hyphenate-style-name "^1.0.2" isobject "^3.0.1" +css-select@^5.1.0: + version "5.1.0" + resolved "https://registry.yarnpkg.com/css-select/-/css-select-5.1.0.tgz#b8ebd6554c3637ccc76688804ad3f6a6fdaea8a6" + integrity sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg== + dependencies: + boolbase "^1.0.0" + css-what "^6.1.0" + domhandler "^5.0.2" + domutils "^3.0.1" + nth-check "^2.0.1" + +css-tree@^1.1.3: + version "1.1.3" + resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.1.3.tgz#eb4870fb6fd7707327ec95c2ff2ab09b5e8db91d" + integrity sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q== + dependencies: + mdn-data "2.0.14" + source-map "^0.6.1" + +css-what@^6.1.0: + version "6.1.0" + resolved "https://registry.yarnpkg.com/css-what/-/css-what-6.1.0.tgz#fb5effcf76f1ddea2c81bdfaa4de44e79bac70f4" + integrity sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw== + csstype@^3.0.2: version "3.1.1" resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.1.tgz#841b532c45c758ee546a11d5bd7b7b473c8c30b9" @@ -2823,6 +2852,36 @@ dir-glob@^3.0.1: dependencies: path-type "^4.0.0" +dom-serializer@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-2.0.0.tgz#e41b802e1eedf9f6cae183ce5e622d789d7d8e53" + integrity sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg== + dependencies: + domelementtype "^2.3.0" + domhandler "^5.0.2" + entities "^4.2.0" + +domelementtype@^2.3.0: + version "2.3.0" + resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.3.0.tgz#5c45e8e869952626331d7aab326d01daf65d589d" + integrity sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw== + +domhandler@^5.0.1, domhandler@^5.0.2: + version "5.0.3" + resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-5.0.3.tgz#cc385f7f751f1d1fc650c21374804254538c7d31" + integrity sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w== + dependencies: + domelementtype "^2.3.0" + +domutils@^3.0.1: + version "3.0.1" + resolved "https://registry.yarnpkg.com/domutils/-/domutils-3.0.1.tgz#696b3875238338cb186b6c0612bd4901c89a4f1c" + integrity sha512-z08c1l761iKhDFtfXO04C7kTdPBLi41zwOZl00WS8b5eiaebNpY00HKbztwBq+e3vyqWNwWF3mP9YLUeqIrF+Q== + dependencies: + dom-serializer "^2.0.0" + domelementtype "^2.3.0" + domhandler "^5.0.1" + ee-first@1.1.1: version "1.1.1" resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d" @@ -2850,6 +2909,11 @@ end-of-stream@^1.1.0: dependencies: once "^1.4.0" +entities@^4.2.0: + version "4.4.0" + resolved "https://registry.yarnpkg.com/entities/-/entities-4.4.0.tgz#97bdaba170339446495e653cfd2db78962900174" + integrity sha512-oYp7156SP8LkeGD0GF85ad1X9Ai79WtRsZ2gxJqtBuzH+98YUV6jkHEKlZkMbcrjJjIVJNIDP/3WL9wQkoPbWA== + env-editor@^0.4.1: version "0.4.2" resolved "https://registry.yarnpkg.com/env-editor/-/env-editor-0.4.2.tgz#4e76568d0bd8f5c2b6d314a9412c8fe9aa3ae861" @@ -4283,6 +4347,11 @@ md5hex@^1.0.0: resolved "https://registry.yarnpkg.com/md5hex/-/md5hex-1.0.0.tgz#ed74b477a2ee9369f75efee2f08d5915e52a42e8" integrity sha512-c2YOUbp33+6thdCUi34xIyOU/a7bvGKj/3DB1iaPMTuPHf/Q2d5s4sn1FaCOO43XkXggnb08y5W2PU8UNYNLKQ== +mdn-data@2.0.14: + version "2.0.14" + resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.14.tgz#7113fc4281917d63ce29b43446f701e68c25ba50" + integrity sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow== + media-typer@0.3.0: version "0.3.0" resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748" @@ -4833,6 +4902,13 @@ npm-run-path@^2.0.0: dependencies: path-key "^2.0.0" +nth-check@^2.0.1: + version "2.1.1" + resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.1.1.tgz#c9eab428effce36cd6b92c924bdb000ef1f1ed1d" + integrity sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w== + dependencies: + boolbase "^1.0.0" + nullthrows@^1.1.1: version "1.1.1" resolved "https://registry.yarnpkg.com/nullthrows/-/nullthrows-1.1.1.tgz#7818258843856ae971eae4208ad7d7eb19a431b1" @@ -5315,6 +5391,14 @@ react-native-gradle-plugin@^0.0.7: resolved "https://registry.yarnpkg.com/react-native-gradle-plugin/-/react-native-gradle-plugin-0.0.7.tgz#96602f909745239deab7b589443f14fce5da2056" integrity sha512-+4JpbIx42zGTONhBTIXSyfyHICHC29VTvhkkoUOJAh/XHPEixpuBduYgf6Y4y9wsN1ARlQhBBoptTvXvAFQf5g== +react-native-svg@^13.2.0: + version "13.2.0" + resolved "https://registry.yarnpkg.com/react-native-svg/-/react-native-svg-13.2.0.tgz#09aabb0c3daf188c6657b125f8349b91d9805408" + integrity sha512-bDvMeFReA3F9pVp0EhACPrEerRcITzTu9N2m2lAPinhIMVvwzGzVXyFsXI8fCMSoeOIh+77hKvukoCedh06tLw== + dependencies: + css-select "^5.1.0" + css-tree "^1.1.3" + react-native-web@~0.18.7: version "0.18.9" resolved "https://registry.yarnpkg.com/react-native-web/-/react-native-web-0.18.9.tgz#f5032e0b32ebe99c0ab22d13dbd8ca2944b08f12" @@ -5891,7 +5975,7 @@ source-map@^0.5.6: resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc" integrity sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ== -source-map@^0.6.0, source-map@~0.6.1: +source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.1: version "0.6.1" resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263" integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==