@reown/appkit-ui-react-native 0.0.0-feat-smart-account-20241017180406 → 0.0.0-feat-swaps-20241203153101
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/assets/svg/RecycleHorizontal.js +21 -0
- package/lib/commonjs/assets/svg/RecycleHorizontal.js.map +1 -0
- package/lib/commonjs/assets/visual/Profile.js +2 -2
- package/lib/commonjs/assets/visual/Profile.js.map +1 -1
- package/lib/commonjs/components/wui-card/index.js +1 -1
- package/lib/commonjs/components/wui-card/styles.js +1 -1
- package/lib/commonjs/components/wui-card/styles.js.map +1 -1
- package/lib/commonjs/components/wui-icon/index.js +2 -0
- package/lib/commonjs/components/wui-icon/index.js.map +1 -1
- package/lib/commonjs/components/wui-pressable/index.js +68 -0
- package/lib/commonjs/components/wui-pressable/index.js.map +1 -0
- package/lib/commonjs/components/wui-shimmer/index.js +5 -1
- package/lib/commonjs/components/wui-shimmer/index.js.map +1 -1
- package/lib/commonjs/composites/wui-account-button/styles.js +2 -2
- package/lib/commonjs/composites/wui-account-button/styles.js.map +1 -1
- package/lib/commonjs/composites/wui-account-pill/index.js +5 -11
- package/lib/commonjs/composites/wui-account-pill/index.js.map +1 -1
- package/lib/commonjs/composites/wui-account-pill/styles.js +5 -1
- package/lib/commonjs/composites/wui-account-pill/styles.js.map +1 -1
- package/lib/commonjs/composites/wui-button/index.js +2 -1
- package/lib/commonjs/composites/wui-button/index.js.map +1 -1
- package/lib/commonjs/composites/wui-button/styles.js +4 -4
- package/lib/commonjs/composites/wui-button/styles.js.map +1 -1
- package/lib/commonjs/composites/wui-chip/styles.js +2 -2
- package/lib/commonjs/composites/wui-chip/styles.js.map +1 -1
- package/lib/commonjs/composites/wui-connect-button/styles.js +1 -1
- package/lib/commonjs/composites/wui-connect-button/styles.js.map +1 -1
- package/lib/commonjs/composites/wui-icon-box/index.js +17 -1
- package/lib/commonjs/composites/wui-icon-box/index.js.map +1 -1
- package/lib/commonjs/composites/wui-input-text/index.js +2 -1
- package/lib/commonjs/composites/wui-input-text/index.js.map +1 -1
- package/lib/commonjs/composites/wui-input-text/styles.js +1 -1
- package/lib/commonjs/composites/wui-input-text/styles.js.map +1 -1
- package/lib/commonjs/composites/wui-list-item-loader/index.js +34 -0
- package/lib/commonjs/composites/wui-list-item-loader/index.js.map +1 -0
- package/lib/commonjs/composites/wui-list-item-loader/styles.js +18 -0
- package/lib/commonjs/composites/wui-list-item-loader/styles.js.map +1 -0
- package/lib/commonjs/composites/wui-list-token/index.js +29 -9
- package/lib/commonjs/composites/wui-list-token/index.js.map +1 -1
- package/lib/commonjs/composites/wui-list-token/styles.js +3 -0
- package/lib/commonjs/composites/wui-list-token/styles.js.map +1 -1
- package/lib/commonjs/composites/wui-list-wallet/index.js +1 -1
- package/lib/commonjs/composites/wui-list-wallet/index.js.map +1 -1
- package/lib/commonjs/composites/wui-network-button/styles.js +1 -1
- package/lib/commonjs/composites/wui-network-button/styles.js.map +1 -1
- package/lib/commonjs/composites/wui-qr-code/index.js +5 -2
- package/lib/commonjs/composites/wui-qr-code/index.js.map +1 -1
- package/lib/commonjs/composites/wui-snackbar/index.js +4 -1
- package/lib/commonjs/composites/wui-snackbar/index.js.map +1 -1
- package/lib/commonjs/composites/wui-snackbar/styles.js +1 -1
- package/lib/commonjs/composites/wui-snackbar/styles.js.map +1 -1
- package/lib/commonjs/composites/wui-tabs/styles.js +1 -1
- package/lib/commonjs/composites/wui-tabs/styles.js.map +1 -1
- package/lib/commonjs/composites/wui-toggle/index.js +65 -0
- package/lib/commonjs/composites/wui-toggle/index.js.map +1 -0
- package/lib/commonjs/composites/wui-toggle/styles.js +30 -0
- package/lib/commonjs/composites/wui-toggle/styles.js.map +1 -0
- package/lib/commonjs/composites/wui-token-button/index.js +21 -11
- package/lib/commonjs/composites/wui-token-button/index.js.map +1 -1
- package/lib/commonjs/composites/wui-token-button/styles.js +4 -0
- package/lib/commonjs/composites/wui-token-button/styles.js.map +1 -1
- package/lib/commonjs/composites/wui-wallet-image/styles.js +1 -1
- package/lib/commonjs/composites/wui-wallet-image/styles.js.map +1 -1
- package/lib/commonjs/index.js +27 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/layout/wui-flex/index.js +1 -0
- package/lib/commonjs/layout/wui-flex/index.js.map +1 -1
- package/lib/commonjs/utils/ThemeUtil.js +2 -1
- package/lib/commonjs/utils/ThemeUtil.js.map +1 -1
- package/lib/module/assets/svg/RecycleHorizontal.js +13 -0
- package/lib/module/assets/svg/RecycleHorizontal.js.map +1 -0
- package/lib/module/assets/visual/Profile.js +2 -2
- package/lib/module/assets/visual/Profile.js.map +1 -1
- package/lib/module/components/wui-card/index.js +1 -1
- package/lib/module/components/wui-card/styles.js +1 -1
- package/lib/module/components/wui-card/styles.js.map +1 -1
- package/lib/module/components/wui-icon/index.js +2 -0
- package/lib/module/components/wui-icon/index.js.map +1 -1
- package/lib/module/components/wui-pressable/index.js +62 -0
- package/lib/module/components/wui-pressable/index.js.map +1 -0
- package/lib/module/components/wui-shimmer/index.js +6 -2
- package/lib/module/components/wui-shimmer/index.js.map +1 -1
- package/lib/module/composites/wui-account-button/styles.js +2 -2
- package/lib/module/composites/wui-account-button/styles.js.map +1 -1
- package/lib/module/composites/wui-account-pill/index.js +5 -11
- package/lib/module/composites/wui-account-pill/index.js.map +1 -1
- package/lib/module/composites/wui-account-pill/styles.js +5 -1
- package/lib/module/composites/wui-account-pill/styles.js.map +1 -1
- package/lib/module/composites/wui-button/index.js +2 -1
- package/lib/module/composites/wui-button/index.js.map +1 -1
- package/lib/module/composites/wui-button/styles.js +4 -4
- package/lib/module/composites/wui-button/styles.js.map +1 -1
- package/lib/module/composites/wui-chip/styles.js +2 -2
- package/lib/module/composites/wui-chip/styles.js.map +1 -1
- package/lib/module/composites/wui-connect-button/styles.js +1 -1
- package/lib/module/composites/wui-connect-button/styles.js.map +1 -1
- package/lib/module/composites/wui-icon-box/index.js +17 -1
- package/lib/module/composites/wui-icon-box/index.js.map +1 -1
- package/lib/module/composites/wui-input-text/index.js +2 -1
- package/lib/module/composites/wui-input-text/index.js.map +1 -1
- package/lib/module/composites/wui-input-text/styles.js +1 -1
- package/lib/module/composites/wui-input-text/styles.js.map +1 -1
- package/lib/module/composites/wui-list-item-loader/index.js +27 -0
- package/lib/module/composites/wui-list-item-loader/index.js.map +1 -0
- package/lib/module/composites/wui-list-item-loader/styles.js +12 -0
- package/lib/module/composites/wui-list-item-loader/styles.js.map +1 -0
- package/lib/module/composites/wui-list-token/index.js +27 -8
- package/lib/module/composites/wui-list-token/index.js.map +1 -1
- package/lib/module/composites/wui-list-token/styles.js +3 -0
- package/lib/module/composites/wui-list-token/styles.js.map +1 -1
- package/lib/module/composites/wui-list-wallet/index.js +1 -1
- package/lib/module/composites/wui-list-wallet/index.js.map +1 -1
- package/lib/module/composites/wui-network-button/styles.js +1 -1
- package/lib/module/composites/wui-network-button/styles.js.map +1 -1
- package/lib/module/composites/wui-qr-code/index.js +5 -2
- package/lib/module/composites/wui-qr-code/index.js.map +1 -1
- package/lib/module/composites/wui-snackbar/index.js +4 -1
- package/lib/module/composites/wui-snackbar/index.js.map +1 -1
- package/lib/module/composites/wui-snackbar/styles.js +1 -1
- package/lib/module/composites/wui-snackbar/styles.js.map +1 -1
- package/lib/module/composites/wui-tabs/styles.js +1 -1
- package/lib/module/composites/wui-tabs/styles.js.map +1 -1
- package/lib/module/composites/wui-toggle/index.js +58 -0
- package/lib/module/composites/wui-toggle/index.js.map +1 -0
- package/lib/module/composites/wui-toggle/styles.js +24 -0
- package/lib/module/composites/wui-toggle/styles.js.map +1 -0
- package/lib/module/composites/wui-token-button/index.js +21 -11
- package/lib/module/composites/wui-token-button/index.js.map +1 -1
- package/lib/module/composites/wui-token-button/styles.js +4 -0
- package/lib/module/composites/wui-token-button/styles.js.map +1 -1
- package/lib/module/composites/wui-wallet-image/styles.js +1 -1
- package/lib/module/composites/wui-wallet-image/styles.js.map +1 -1
- package/lib/module/index.js +4 -1
- package/lib/module/index.js.map +1 -1
- package/lib/module/layout/wui-flex/index.js +1 -0
- package/lib/module/layout/wui-flex/index.js.map +1 -1
- package/lib/module/layout/wui-separator/index.js.map +1 -1
- package/lib/module/utils/ThemeUtil.js +2 -1
- package/lib/module/utils/ThemeUtil.js.map +1 -1
- package/lib/typescript/assets/svg/RecycleHorizontal.d.ts +4 -0
- package/lib/typescript/assets/svg/RecycleHorizontal.d.ts.map +1 -0
- package/lib/typescript/components/wui-icon/index.d.ts +1 -1
- package/lib/typescript/components/wui-icon/index.d.ts.map +1 -1
- package/lib/typescript/components/wui-pressable/index.d.ts +17 -0
- package/lib/typescript/components/wui-pressable/index.d.ts.map +1 -0
- package/lib/typescript/components/wui-shimmer/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-account-pill/index.d.ts +1 -2
- package/lib/typescript/composites/wui-account-pill/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-account-pill/styles.d.ts +4 -0
- package/lib/typescript/composites/wui-account-pill/styles.d.ts.map +1 -1
- package/lib/typescript/composites/wui-icon-box/index.d.ts +1 -1
- package/lib/typescript/composites/wui-icon-box/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-input-text/index.d.ts +3 -1
- package/lib/typescript/composites/wui-input-text/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-list-item-loader/index.d.ts +6 -0
- package/lib/typescript/composites/wui-list-item-loader/index.d.ts.map +1 -0
- package/lib/typescript/composites/wui-list-item-loader/styles.d.ts +11 -0
- package/lib/typescript/composites/wui-list-item-loader/styles.d.ts.map +1 -0
- package/lib/typescript/composites/wui-list-token/index.d.ts +4 -1
- package/lib/typescript/composites/wui-list-token/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-list-token/styles.d.ts +3 -0
- package/lib/typescript/composites/wui-list-token/styles.d.ts.map +1 -1
- package/lib/typescript/composites/wui-list-wallet/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-qr-code/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-snackbar/index.d.ts +1 -1
- package/lib/typescript/composites/wui-snackbar/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-toggle/index.d.ts +11 -0
- package/lib/typescript/composites/wui-toggle/index.d.ts.map +1 -0
- package/lib/typescript/composites/wui-toggle/styles.d.ts +23 -0
- package/lib/typescript/composites/wui-toggle/styles.d.ts.map +1 -0
- package/lib/typescript/composites/wui-token-button/index.d.ts +7 -3
- package/lib/typescript/composites/wui-token-button/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-token-button/styles.d.ts +4 -0
- package/lib/typescript/composites/wui-token-button/styles.d.ts.map +1 -1
- package/lib/typescript/index.d.ts +4 -1
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/layout/wui-flex/index.d.ts +2 -1
- package/lib/typescript/layout/wui-flex/index.d.ts.map +1 -1
- package/lib/typescript/layout/wui-separator/index.d.ts.map +1 -1
- package/lib/typescript/utils/ThemeUtil.d.ts +1 -0
- package/lib/typescript/utils/ThemeUtil.d.ts.map +1 -1
- package/lib/typescript/utils/TypesUtil.d.ts +2 -2
- package/lib/typescript/utils/TypesUtil.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/assets/svg/RecycleHorizontal.tsx +12 -0
- package/src/assets/visual/Profile.tsx +2 -2
- package/src/components/wui-card/index.tsx +1 -1
- package/src/components/wui-card/styles.ts +1 -1
- package/src/components/wui-icon/index.tsx +3 -1
- package/src/components/wui-pressable/index.tsx +92 -0
- package/src/components/wui-shimmer/index.tsx +9 -2
- package/src/composites/wui-account-button/styles.ts +2 -2
- package/src/composites/wui-account-pill/index.tsx +2 -10
- package/src/composites/wui-account-pill/styles.ts +5 -1
- package/src/composites/wui-button/index.tsx +1 -1
- package/src/composites/wui-button/styles.ts +4 -4
- package/src/composites/wui-chip/styles.ts +2 -2
- package/src/composites/wui-connect-button/styles.ts +1 -1
- package/src/composites/wui-icon-box/index.tsx +18 -2
- package/src/composites/wui-input-text/index.tsx +10 -2
- package/src/composites/wui-input-text/styles.ts +1 -1
- package/src/composites/wui-list-item-loader/index.tsx +29 -0
- package/src/composites/wui-list-item-loader/styles.ts +12 -0
- package/src/composites/wui-list-token/index.tsx +31 -8
- package/src/composites/wui-list-token/styles.ts +3 -0
- package/src/composites/wui-list-wallet/index.tsx +2 -2
- package/src/composites/wui-network-button/styles.ts +1 -1
- package/src/composites/wui-qr-code/index.tsx +4 -2
- package/src/composites/wui-snackbar/index.tsx +7 -2
- package/src/composites/wui-snackbar/styles.ts +1 -1
- package/src/composites/wui-tabs/styles.ts +1 -1
- package/src/composites/wui-toggle/index.tsx +81 -0
- package/src/composites/wui-toggle/styles.ts +24 -0
- package/src/composites/wui-token-button/index.tsx +37 -8
- package/src/composites/wui-token-button/styles.ts +4 -0
- package/src/composites/wui-wallet-image/styles.ts +1 -1
- package/src/index.ts +4 -1
- package/src/layout/wui-flex/index.tsx +7 -3
- package/src/layout/wui-separator/index.tsx +1 -1
- package/src/utils/ThemeUtil.ts +2 -1
- package/src/utils/TypesUtil.ts +2 -0
|
@@ -27,8 +27,9 @@ export { InputNumeric, type InputNumericProps } from './composites/wui-input-num
|
|
|
27
27
|
export { InputText, type InputTextProps } from './composites/wui-input-text';
|
|
28
28
|
export { Link, type LinkProps } from './composites/wui-link';
|
|
29
29
|
export { ListItem, type ListItemProps } from './composites/wui-list-item';
|
|
30
|
+
export { ListItemLoader, type ListItemLoaderProps } from './composites/wui-list-item-loader';
|
|
30
31
|
export { ListSocial, type ListSocialProps } from './composites/wui-list-social';
|
|
31
|
-
export { ListToken, type ListTokenProps } from './composites/wui-list-token';
|
|
32
|
+
export { ListToken, ListTokenTotalHeight, type ListTokenProps } from './composites/wui-list-token';
|
|
32
33
|
export { ListTransaction, type ListTransactionProps } from './composites/wui-list-transaction';
|
|
33
34
|
export { ListWallet, type ListWalletProps } from './composites/wui-list-wallet';
|
|
34
35
|
export { Logo, type LogoProps } from './composites/wui-logo';
|
|
@@ -36,12 +37,14 @@ export { LogoSelect, type LogoSelectProps } from './composites/wui-logo-select';
|
|
|
36
37
|
export { NetworkButton, type NetworkButtonProps } from './composites/wui-network-button';
|
|
37
38
|
export { NetworkImage, type NetworkImageProps } from './composites/wui-network-image';
|
|
38
39
|
export { Otp, type OtpProps } from './composites/wui-otp';
|
|
40
|
+
export { Pressable, type PressableProps } from './components/wui-pressable';
|
|
39
41
|
export { Promo, type PromoProps } from './composites/wui-promo';
|
|
40
42
|
export { QrCode, type QrCodeProps } from './composites/wui-qr-code';
|
|
41
43
|
export { SearchBar, type SearchBarProps } from './composites/wui-search-bar';
|
|
42
44
|
export { Snackbar, type SnackbarProps } from './composites/wui-snackbar';
|
|
43
45
|
export { Tabs, type TabsProps } from './composites/wui-tabs';
|
|
44
46
|
export { Tag, type TagProps } from './composites/wui-tag';
|
|
47
|
+
export { Toggle, type ToggleProps } from './composites/wui-toggle';
|
|
45
48
|
export { TokenButton, type TokenButtonProps } from './composites/wui-token-button';
|
|
46
49
|
export { Tooltip, type TooltipProps } from './composites/wui-tooltip';
|
|
47
50
|
export { WalletImage, type WalletImageProps } from './composites/wui-wallet-image';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAC5F,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAClG,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAEtE,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACzF,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACnF,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,KAAK,qBAAqB,EAC3B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,KAAK,eAAe,EACrB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,EAC5B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACzF,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACtF,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACtF,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { type StyleProp, type ViewStyle } from 'react-native';
|
|
2
|
+
import { type LayoutChangeEvent, type StyleProp, type ViewStyle } from 'react-native';
|
|
3
3
|
import type { FlexAlignType, FlexDirectionType, FlexGrowType, FlexJustifyContentType, FlexShrinkType, FlexWrapType, SpacingType } from '../../utils/TypesUtil';
|
|
4
4
|
export interface FlexViewProps {
|
|
5
5
|
children?: React.ReactNode;
|
|
6
|
+
onLayout?: (event: LayoutChangeEvent) => void;
|
|
6
7
|
flexDirection?: FlexDirectionType;
|
|
7
8
|
flexWrap?: FlexWrapType;
|
|
8
9
|
flexGrow?: FlexGrowType;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layout/wui-flex/index.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layout/wui-flex/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAQ,MAAM,cAAc,CAAC;AAE5F,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,sBAAsB,EACtB,cAAc,EACd,YAAY,EACZ,WAAW,EACZ,MAAM,uBAAuB,CAAC;AAG/B,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,cAAc,CAAC,EAAE,sBAAsB,CAAC;IACxC,OAAO,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAC;IACtC,MAAM,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAC;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAwB5C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layout/wui-separator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layout/wui-separator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAQ,MAAM,cAAc,CAAC;AAMpE,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,cAAc,2CAoBxD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/ThemeUtil.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE1D,eAAO,MAAM,SAAS,EAAE;KAAG,GAAG,IAAI,SAAS,GAAG,MAAM;CAuEnD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE;KAAG,GAAG,IAAI,SAAS,GAAG,MAAM;CAuEpD,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;CAWxB,CAAC;AAEF,eAAO,MAAM,QAAQ
|
|
1
|
+
{"version":3,"file":"ThemeUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/ThemeUtil.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE1D,eAAO,MAAM,SAAS,EAAE;KAAG,GAAG,IAAI,SAAS,GAAG,MAAM;CAuEnD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE;KAAG,GAAG,IAAI,SAAS,GAAG,MAAM;CAuEpD,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;CAWxB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;CAOpB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;CAKvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE;KAAG,CAAC,IAAI,WAAW,GAAG,MAAM;CAajD,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;CAM3B,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
export type ThemeKeys = 'accent-100' | 'accent-090' | 'accent-080' | 'accent-020' | 'accent-glass-090' | 'accent-glass-080' | 'accent-glass-020' | 'accent-glass-015' | 'accent-glass-010' | 'accent-glass-005' | 'accent-glass-002' | 'fg-100' | 'fg-125' | 'fg-150' | 'fg-175' | 'fg-200' | 'fg-225' | 'fg-250' | 'fg-275' | 'fg-300' | 'bg-100' | 'bg-125' | 'bg-150' | 'bg-175' | 'bg-200' | 'bg-225' | 'bg-250' | 'bg-275' | 'bg-300' | 'inverse-100' | 'inverse-000' | 'success-100' | 'success-glass-020' | 'success-glass-015' | 'success-glass-010' | 'success-glass-005' | 'error-100' | 'error-glass-020' | 'error-glass-015' | 'error-glass-010' | 'error-glass-005' | 'teal-100' | 'magenta-100' | 'indigo-100' | 'orange-100' | 'purple-100' | 'yellow-100' | 'gray-glass-001' | 'gray-glass-002' | 'gray-glass-005' | 'gray-glass-010' | 'gray-glass-015' | 'gray-glass-020' | 'gray-glass-025' | 'gray-glass-030' | 'gray-glass-060' | 'gray-glass-070' | 'gray-glass-080' | 'gray-glass-090' | 'icon-box-bg-error-100' | 'icon-box-bg-success-100';
|
|
2
2
|
export type TextType = 'medium-title-400' | 'medium-title-500' | 'medium-title-600' | 'small-title-400' | 'small-title-500' | 'small-title-600' | 'large-400' | 'large-500' | 'large-600' | 'medium-400' | 'medium-500' | 'medium-600' | 'paragraph-400' | 'paragraph-500' | 'paragraph-600' | 'small-400' | 'small-500' | 'small-600' | 'tiny-400' | 'tiny-500' | 'tiny-600' | 'micro-600' | 'micro-700';
|
|
3
|
-
export type ColorType = 'accent-100' | 'error-100' | 'fg-100' | 'fg-150' | 'fg-175' | 'fg-200' | 'fg-250' | 'fg-275' | 'fg-300' | 'bg-100' | 'bg-125' | 'bg-150' | 'bg-175' | 'bg-200' | 'bg-225' | 'bg-250' | 'bg-275' | 'bg-300' | 'accent-glass-020' | 'accent-glass-015' | 'accent-glass-010' | 'accent-glass-005' | 'gray-glass-020' | 'gray-glass-010' | 'gray-glass-005' | 'inverse-000' | 'inverse-100' | 'success-100' | 'teal-100' | 'magenta-100' | 'indigo-100' | 'orange-100' | 'purple-100' | 'yellow-100';
|
|
3
|
+
export type ColorType = 'accent-100' | 'error-100' | 'fg-100' | 'fg-150' | 'fg-175' | 'fg-200' | 'fg-250' | 'fg-275' | 'fg-300' | 'bg-100' | 'bg-125' | 'bg-150' | 'bg-175' | 'bg-200' | 'bg-225' | 'bg-250' | 'bg-275' | 'bg-300' | 'accent-glass-020' | 'accent-glass-015' | 'accent-glass-010' | 'accent-glass-005' | 'gray-glass-020' | 'gray-glass-010' | 'gray-glass-005' | 'gray-glass-002' | 'inverse-000' | 'inverse-100' | 'success-100' | 'teal-100' | 'magenta-100' | 'indigo-100' | 'orange-100' | 'purple-100' | 'yellow-100';
|
|
4
4
|
export type SizeType = 'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'xxs';
|
|
5
5
|
export type PlacementType = 'bottom' | 'left' | 'right' | 'top';
|
|
6
6
|
export type ButtonType = 'accent' | 'fill' | 'shade';
|
|
7
7
|
export type ChipType = 'fill' | 'shade' | 'transparent';
|
|
8
|
-
export type IconType = 'allWallets' | 'apple' | 'arrowBottom' | 'arrowBottomCircle' | 'arrowLeft' | 'arrowRight' | 'arrowTop' | 'browser' | 'checkmark' | 'chevronBottom' | 'chevronLeft' | 'chevronRight' | 'chevronRightSmall' | 'chevronTop' | 'clock' | 'close' | 'coinPlaceholder' | 'compass' | 'copy' | 'copySmall' | 'cursor' | 'desktop' | 'disconnect' | 'discord' | 'etherscan' | 'extension' | 'externalLink' | 'facebook' | 'farcaster' | 'farcasterSquare' | 'filters' | 'github' | 'google' | 'helpCircle' | 'infoCircle' | 'mail' | 'mobile' | 'more' | 'networkPlaceholder' | 'nftPlaceholder' | 'off' | 'paperplane' | 'qrCode' | 'refresh' | 'search' | 'swapHorizontal' | 'swapVertical' | 'telegram' | 'twitch' | 'verify' | 'wallet' | 'walletSmall' | 'walletConnect' | 'walletConnectLightBrown' | 'walletPlaceholder' | 'warningCircle' | 'x';
|
|
8
|
+
export type IconType = 'allWallets' | 'apple' | 'arrowBottom' | 'arrowBottomCircle' | 'arrowLeft' | 'arrowRight' | 'arrowTop' | 'browser' | 'checkmark' | 'chevronBottom' | 'chevronLeft' | 'chevronRight' | 'chevronRightSmall' | 'chevronTop' | 'clock' | 'close' | 'coinPlaceholder' | 'compass' | 'copy' | 'copySmall' | 'cursor' | 'desktop' | 'disconnect' | 'discord' | 'etherscan' | 'extension' | 'externalLink' | 'facebook' | 'farcaster' | 'farcasterSquare' | 'filters' | 'github' | 'google' | 'helpCircle' | 'infoCircle' | 'mail' | 'mobile' | 'more' | 'networkPlaceholder' | 'nftPlaceholder' | 'off' | 'paperplane' | 'qrCode' | 'recycleHorizontal' | 'refresh' | 'search' | 'swapHorizontal' | 'swapVertical' | 'telegram' | 'twitch' | 'verify' | 'wallet' | 'walletSmall' | 'walletConnect' | 'walletConnectLightBrown' | 'walletPlaceholder' | 'warningCircle' | 'x';
|
|
9
9
|
export type VisualType = 'browser' | 'dao' | 'defi' | 'defiAlt' | 'eth' | 'google' | 'layers' | 'lightbulb' | 'lock' | 'login' | 'network' | 'nft' | 'noun' | 'pencil' | 'profile' | 'system';
|
|
10
10
|
export type LogoType = 'apple' | 'discord' | 'facebook' | 'farcaster' | 'farcasterSquare' | 'github' | 'google' | 'more' | 'telegram' | 'twitch' | 'x';
|
|
11
11
|
export type TagType = 'main' | 'shade' | 'error' | 'success';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TypesUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/TypesUtil.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"TypesUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/TypesUtil.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import Svg, { Path, type SvgProps } from 'react-native-svg';
|
|
2
|
+
const RecycleHorizontalSvg = (props: SvgProps) => (
|
|
3
|
+
<Svg viewBox="0 0 21 20" fill="none" {...props}>
|
|
4
|
+
<Path
|
|
5
|
+
fill={props.fill || '#fff'}
|
|
6
|
+
fillRule="evenodd"
|
|
7
|
+
d="M8.8071 0.292893C9.19763 0.683417 9.19763 1.31658 8.8071 1.70711L6.91421 3.6H11.8404C14.3368 3.6 16.5533 5.1975 17.3427 7.56588L17.4487 7.88377C17.6233 8.40772 17.3402 8.97404 16.8162 9.14868C16.2923 9.32333 15.726 9.04017 15.5513 8.51623L15.4453 8.19834C14.9281 6.64664 13.476 5.6 11.8404 5.6H6.91421L8.8071 7.49289C9.19763 7.88342 9.19763 8.51658 8.8071 8.90711C8.41658 9.29763 7.78341 9.29763 7.39289 8.90711L3.79289 5.30711C3.40236 4.91658 3.40236 4.28342 3.79289 3.89289L7.39289 0.292893C7.78341 -0.0976311 8.41658 -0.0976311 8.8071 0.292893ZM4.18377 10.8513C4.70771 10.6767 5.27403 10.9598 5.44868 11.4838L5.55464 11.8017C6.07188 13.3534 7.52401 14.4 9.15964 14.4L14.0858 14.4L12.1929 12.5071C11.8024 12.1166 11.8024 11.4834 12.1929 11.0929C12.5834 10.7024 13.2166 10.7024 13.6071 11.0929L17.2071 14.6929C17.5976 15.0834 17.5976 15.7166 17.2071 16.1071L13.6071 19.7071C13.2166 20.0976 12.5834 20.0976 12.1929 19.7071C11.8024 19.3166 11.8024 18.6834 12.1929 18.2929L14.0858 16.4L9.15964 16.4C6.66314 16.4 4.44674 14.8025 3.65728 12.4341L3.55131 12.1162C3.37667 11.5923 3.65983 11.026 4.18377 10.8513Z"
|
|
8
|
+
clipRule="evenodd"
|
|
9
|
+
/>
|
|
10
|
+
</Svg>
|
|
11
|
+
);
|
|
12
|
+
export default RecycleHorizontalSvg;
|
|
@@ -13,8 +13,8 @@ const SvgProfile = (props: SvgProps) => (
|
|
|
13
13
|
<Circle cx="35.5" cy="23.5" r="1.5" fill="#fff" />
|
|
14
14
|
<Path
|
|
15
15
|
stroke="#fff"
|
|
16
|
-
|
|
17
|
-
|
|
16
|
+
strokeLinecap="round"
|
|
17
|
+
strokeLinejoin="round"
|
|
18
18
|
strokeWidth="2"
|
|
19
19
|
d="m31 20-3 8h4"
|
|
20
20
|
/>
|
|
@@ -18,7 +18,7 @@ export function Card({ children, style }: CardProps) {
|
|
|
18
18
|
enabled={Platform.OS === 'ios'}
|
|
19
19
|
style={[
|
|
20
20
|
styles.container,
|
|
21
|
-
{ backgroundColor: Theme['bg-100'], borderColor: Theme['gray-glass-
|
|
21
|
+
{ backgroundColor: Theme['bg-100'], borderColor: Theme['gray-glass-015'] },
|
|
22
22
|
style
|
|
23
23
|
]}
|
|
24
24
|
>
|
|
@@ -45,6 +45,7 @@ import NftPlaceholderSvg from '../../assets/svg/NftPlaceholder';
|
|
|
45
45
|
import OffSvg from '../../assets/svg/Off';
|
|
46
46
|
import PaperplaneSvg from '../../assets/svg/Paperplane';
|
|
47
47
|
import QrCodeSvg from '../../assets/svg/QrCode';
|
|
48
|
+
import RecycleHorizontalSvg from '../../assets/svg/RecycleHorizontal';
|
|
48
49
|
import RefreshSvg from '../../assets/svg/Refresh';
|
|
49
50
|
import SearchSvg from '../../assets/svg/Search';
|
|
50
51
|
import SwapHorizontalSvg from '../../assets/svg/SwapHorizontal';
|
|
@@ -105,6 +106,7 @@ const svgOptions: Record<IconType, (props: SvgProps) => JSX.Element> = {
|
|
|
105
106
|
off: OffSvg,
|
|
106
107
|
paperplane: PaperplaneSvg,
|
|
107
108
|
qrCode: QrCodeSvg,
|
|
109
|
+
recycleHorizontal: RecycleHorizontalSvg,
|
|
108
110
|
refresh: RefreshSvg,
|
|
109
111
|
search: SearchSvg,
|
|
110
112
|
swapHorizontal: SwapHorizontalSvg,
|
|
@@ -123,7 +125,7 @@ const svgOptions: Record<IconType, (props: SvgProps) => JSX.Element> = {
|
|
|
123
125
|
|
|
124
126
|
export type IconProps = SvgProps & {
|
|
125
127
|
name: IconType;
|
|
126
|
-
size?:
|
|
128
|
+
size?: SizeType;
|
|
127
129
|
color?: ColorType;
|
|
128
130
|
style?: SvgProps['style'];
|
|
129
131
|
};
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import { useRef } from 'react';
|
|
2
|
+
import {
|
|
3
|
+
Animated,
|
|
4
|
+
Pressable as RNPressable,
|
|
5
|
+
type PressableProps as RNPressableProps,
|
|
6
|
+
type StyleProp,
|
|
7
|
+
type ViewStyle
|
|
8
|
+
} from 'react-native';
|
|
9
|
+
import { useTheme } from '../../hooks/useTheme';
|
|
10
|
+
import type { ColorType } from '../../utils/TypesUtil';
|
|
11
|
+
|
|
12
|
+
const AnimatedPressable = Animated.createAnimatedComponent(RNPressable);
|
|
13
|
+
|
|
14
|
+
export interface PressableProps extends RNPressableProps {
|
|
15
|
+
children: React.ReactNode;
|
|
16
|
+
style?: StyleProp<ViewStyle>;
|
|
17
|
+
backgroundColor?: ColorType | 'transparent';
|
|
18
|
+
pressedBackgroundColor?: ColorType;
|
|
19
|
+
bounceScale?: number;
|
|
20
|
+
animationDuration?: number;
|
|
21
|
+
disabled?: boolean;
|
|
22
|
+
pressable?: boolean;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
export function Pressable({
|
|
26
|
+
children,
|
|
27
|
+
style,
|
|
28
|
+
disabled = false,
|
|
29
|
+
pressable = true,
|
|
30
|
+
onPress,
|
|
31
|
+
backgroundColor = 'gray-glass-002',
|
|
32
|
+
pressedBackgroundColor = 'gray-glass-010',
|
|
33
|
+
bounceScale = 0.99, // Scale to 99% of original size
|
|
34
|
+
animationDuration = 200, // 200ms animation
|
|
35
|
+
...rest
|
|
36
|
+
}: PressableProps) {
|
|
37
|
+
const Theme = useTheme();
|
|
38
|
+
const pressAnimation = useRef(new Animated.Value(0));
|
|
39
|
+
const scaleAnimation = useRef(new Animated.Value(1));
|
|
40
|
+
|
|
41
|
+
const onPressIn = () => {
|
|
42
|
+
Animated.parallel([
|
|
43
|
+
Animated.timing(pressAnimation.current, {
|
|
44
|
+
toValue: 1,
|
|
45
|
+
useNativeDriver: false,
|
|
46
|
+
duration: animationDuration
|
|
47
|
+
}),
|
|
48
|
+
|
|
49
|
+
Animated.timing(scaleAnimation.current, {
|
|
50
|
+
toValue: bounceScale,
|
|
51
|
+
useNativeDriver: false,
|
|
52
|
+
duration: animationDuration
|
|
53
|
+
})
|
|
54
|
+
]).start();
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
const onPressOut = () => {
|
|
58
|
+
Animated.parallel([
|
|
59
|
+
Animated.timing(pressAnimation.current, {
|
|
60
|
+
toValue: 0,
|
|
61
|
+
useNativeDriver: false,
|
|
62
|
+
duration: animationDuration
|
|
63
|
+
}),
|
|
64
|
+
Animated.timing(scaleAnimation.current, {
|
|
65
|
+
toValue: 1,
|
|
66
|
+
useNativeDriver: false,
|
|
67
|
+
duration: animationDuration
|
|
68
|
+
})
|
|
69
|
+
]).start();
|
|
70
|
+
};
|
|
71
|
+
|
|
72
|
+
const bgColor = pressAnimation.current.interpolate({
|
|
73
|
+
inputRange: [0, 1],
|
|
74
|
+
outputRange: [
|
|
75
|
+
Theme[backgroundColor as ColorType] ?? 'transparent',
|
|
76
|
+
Theme[pressedBackgroundColor as ColorType] ?? 'transparent'
|
|
77
|
+
]
|
|
78
|
+
});
|
|
79
|
+
|
|
80
|
+
return (
|
|
81
|
+
<AnimatedPressable
|
|
82
|
+
disabled={disabled || !pressable}
|
|
83
|
+
style={[{ backgroundColor: bgColor, transform: [{ scale: scaleAnimation.current }] }, style]}
|
|
84
|
+
onPressIn={onPressIn}
|
|
85
|
+
onPressOut={onPressOut}
|
|
86
|
+
onPress={onPress}
|
|
87
|
+
{...rest}
|
|
88
|
+
>
|
|
89
|
+
{children}
|
|
90
|
+
</AnimatedPressable>
|
|
91
|
+
);
|
|
92
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Svg, Rect } from 'react-native-svg';
|
|
2
|
-
import { Animated, type StyleProp, type ViewStyle } from 'react-native';
|
|
2
|
+
import { Animated, StyleSheet, type StyleProp, type ViewStyle } from 'react-native';
|
|
3
3
|
import { useTheme } from '../../hooks/useTheme';
|
|
4
4
|
|
|
5
5
|
const AnimatedRect = Animated.createAnimatedComponent(Rect);
|
|
@@ -52,7 +52,14 @@ export const Shimmer = ({
|
|
|
52
52
|
).start();
|
|
53
53
|
|
|
54
54
|
return (
|
|
55
|
-
<Svg
|
|
55
|
+
<Svg
|
|
56
|
+
width={width}
|
|
57
|
+
height={height}
|
|
58
|
+
style={[
|
|
59
|
+
{ borderWidth: StyleSheet.hairlineWidth, borderColor: Theme['bg-300'], borderRadius },
|
|
60
|
+
style
|
|
61
|
+
]}
|
|
62
|
+
>
|
|
56
63
|
<AnimatedRect {...animatedProps} />
|
|
57
64
|
</Svg>
|
|
58
65
|
);
|
|
@@ -6,7 +6,7 @@ export default StyleSheet.create({
|
|
|
6
6
|
flexDirection: 'row',
|
|
7
7
|
height: 40,
|
|
8
8
|
borderRadius: BorderRadius.full,
|
|
9
|
-
borderWidth:
|
|
9
|
+
borderWidth: StyleSheet.hairlineWidth,
|
|
10
10
|
justifyContent: 'center',
|
|
11
11
|
alignItems: 'center',
|
|
12
12
|
paddingHorizontal: Spacing['3xs']
|
|
@@ -36,7 +36,7 @@ export default StyleSheet.create({
|
|
|
36
36
|
paddingLeft: Spacing['3xs'],
|
|
37
37
|
paddingRight: Spacing.xs,
|
|
38
38
|
borderRadius: BorderRadius.full,
|
|
39
|
-
borderWidth:
|
|
39
|
+
borderWidth: StyleSheet.hairlineWidth
|
|
40
40
|
},
|
|
41
41
|
address: {
|
|
42
42
|
marginLeft: Spacing['3xs']
|
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
import { Animated, Pressable, type StyleProp, type ViewStyle } from 'react-native';
|
|
2
2
|
import { Avatar } from '../wui-avatar';
|
|
3
3
|
import { UiUtil } from '../../utils/UiUtil';
|
|
4
|
-
import { IconLink } from '../wui-icon-link';
|
|
5
4
|
import { Text } from '../../components/wui-text';
|
|
6
5
|
import useAnimatedValue from '../../hooks/useAnimatedValue';
|
|
7
6
|
import { useTheme } from '../../hooks/useTheme';
|
|
8
7
|
import styles from './styles';
|
|
8
|
+
import { Icon } from '../../components/wui-icon';
|
|
9
9
|
|
|
10
10
|
export interface AccountPillProps {
|
|
11
11
|
onPress: () => void;
|
|
12
|
-
onCopy: (address: string) => void;
|
|
13
12
|
address?: string;
|
|
14
13
|
profileName?: string;
|
|
15
14
|
profileImage?: string;
|
|
@@ -20,7 +19,6 @@ const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
|
|
|
20
19
|
|
|
21
20
|
export function AccountPill({
|
|
22
21
|
onPress,
|
|
23
|
-
onCopy,
|
|
24
22
|
address,
|
|
25
23
|
profileName,
|
|
26
24
|
profileImage,
|
|
@@ -36,12 +34,6 @@ export function AccountPill({
|
|
|
36
34
|
const backgroundColor = animatedValue;
|
|
37
35
|
const borderColor = Theme['gray-glass-005'];
|
|
38
36
|
|
|
39
|
-
const handleCopyAddress = () => {
|
|
40
|
-
if (address) {
|
|
41
|
-
onCopy(address);
|
|
42
|
-
}
|
|
43
|
-
};
|
|
44
|
-
|
|
45
37
|
return (
|
|
46
38
|
<AnimatedPressable
|
|
47
39
|
style={[styles.container, { backgroundColor, borderColor }, style]}
|
|
@@ -66,7 +58,7 @@ export function AccountPill({
|
|
|
66
58
|
truncate: 'middle'
|
|
67
59
|
})}
|
|
68
60
|
</Text>
|
|
69
|
-
<
|
|
61
|
+
<Icon name="chevronBottom" size="sm" color="fg-200" style={styles.copyButton} />
|
|
70
62
|
</AnimatedPressable>
|
|
71
63
|
);
|
|
72
64
|
}
|
|
@@ -11,9 +11,13 @@ export default StyleSheet.create({
|
|
|
11
11
|
alignItems: 'center',
|
|
12
12
|
justifyContent: 'center',
|
|
13
13
|
borderRadius: BorderRadius.full,
|
|
14
|
-
borderWidth:
|
|
14
|
+
borderWidth: StyleSheet.hairlineWidth
|
|
15
15
|
},
|
|
16
16
|
text: {
|
|
17
17
|
marginLeft: Spacing['2xs']
|
|
18
|
+
},
|
|
19
|
+
copyButton: {
|
|
20
|
+
marginLeft: Spacing.xs,
|
|
21
|
+
marginRight: Spacing.s
|
|
18
22
|
}
|
|
19
23
|
});
|
|
@@ -9,13 +9,13 @@ export const getThemedButtonStyle = (
|
|
|
9
9
|
pressed?: boolean
|
|
10
10
|
): StyleProp<any> => {
|
|
11
11
|
const buttonBaseStyle = {
|
|
12
|
-
borderColor: theme['
|
|
12
|
+
borderColor: theme['accent-glass-020']
|
|
13
13
|
};
|
|
14
14
|
|
|
15
15
|
if (disabled) {
|
|
16
16
|
return {
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
...buttonBaseStyle,
|
|
18
|
+
backgroundColor: variant === 'fill' ? theme['gray-glass-005'] : theme['gray-glass-010']
|
|
19
19
|
};
|
|
20
20
|
}
|
|
21
21
|
|
|
@@ -62,7 +62,7 @@ export default StyleSheet.create({
|
|
|
62
62
|
alignItems: 'center',
|
|
63
63
|
justifyContent: 'center',
|
|
64
64
|
borderRadius: BorderRadius.xs,
|
|
65
|
-
borderWidth:
|
|
65
|
+
borderWidth: StyleSheet.hairlineWidth
|
|
66
66
|
},
|
|
67
67
|
smButton: {
|
|
68
68
|
height: 32,
|
|
@@ -65,11 +65,11 @@ export default StyleSheet.create({
|
|
|
65
65
|
paddingHorizontal: Spacing.xs,
|
|
66
66
|
alignItems: 'center',
|
|
67
67
|
borderRadius: BorderRadius.s,
|
|
68
|
-
borderWidth:
|
|
68
|
+
borderWidth: StyleSheet.hairlineWidth
|
|
69
69
|
},
|
|
70
70
|
image: {
|
|
71
71
|
borderRadius: BorderRadius.full,
|
|
72
|
-
borderWidth:
|
|
72
|
+
borderWidth: StyleSheet.hairlineWidth
|
|
73
73
|
},
|
|
74
74
|
smImage: {
|
|
75
75
|
width: 16,
|
|
@@ -7,7 +7,7 @@ import styles from './styles';
|
|
|
7
7
|
|
|
8
8
|
export interface IconBoxProps {
|
|
9
9
|
icon: IconType;
|
|
10
|
-
size?: Exclude<SizeType, '
|
|
10
|
+
size?: Exclude<SizeType, 'xs' | 'xxs'>;
|
|
11
11
|
iconColor?: ColorType;
|
|
12
12
|
iconSize?: Exclude<SizeType, 'xl'>;
|
|
13
13
|
background?: boolean;
|
|
@@ -33,6 +33,9 @@ export function IconBox({
|
|
|
33
33
|
const Theme = useTheme();
|
|
34
34
|
let _iconSize: SizeType;
|
|
35
35
|
switch (size) {
|
|
36
|
+
case 'xl':
|
|
37
|
+
_iconSize = 'xl';
|
|
38
|
+
break;
|
|
36
39
|
case 'lg':
|
|
37
40
|
_iconSize = 'lg';
|
|
38
41
|
break;
|
|
@@ -48,6 +51,9 @@ export function IconBox({
|
|
|
48
51
|
|
|
49
52
|
let boxSize: number;
|
|
50
53
|
switch (size) {
|
|
54
|
+
case 'xl':
|
|
55
|
+
boxSize = 56;
|
|
56
|
+
break;
|
|
51
57
|
case 'lg':
|
|
52
58
|
boxSize = 40;
|
|
53
59
|
break;
|
|
@@ -58,7 +64,17 @@ export function IconBox({
|
|
|
58
64
|
boxSize = 24;
|
|
59
65
|
}
|
|
60
66
|
|
|
61
|
-
|
|
67
|
+
let borderRadius: keyof typeof BorderRadius;
|
|
68
|
+
switch (size) {
|
|
69
|
+
case 'xl':
|
|
70
|
+
borderRadius = 's';
|
|
71
|
+
break;
|
|
72
|
+
case 'lg':
|
|
73
|
+
borderRadius = 'xxs';
|
|
74
|
+
break;
|
|
75
|
+
default:
|
|
76
|
+
borderRadius = '3xl';
|
|
77
|
+
}
|
|
62
78
|
|
|
63
79
|
const backgroundStyle = {
|
|
64
80
|
backgroundColor:
|
|
@@ -4,8 +4,10 @@ import {
|
|
|
4
4
|
Pressable,
|
|
5
5
|
TextInput,
|
|
6
6
|
type NativeSyntheticEvent,
|
|
7
|
+
type StyleProp,
|
|
7
8
|
type TextInputFocusEventData,
|
|
8
|
-
type TextInputProps
|
|
9
|
+
type TextInputProps,
|
|
10
|
+
type ViewStyle
|
|
9
11
|
} from 'react-native';
|
|
10
12
|
import { Icon } from '../../components/wui-icon';
|
|
11
13
|
import useAnimatedValue from '../../hooks/useAnimatedValue';
|
|
@@ -26,6 +28,7 @@ export type InputTextProps = TextInputProps & {
|
|
|
26
28
|
icon?: IconType;
|
|
27
29
|
disabled?: boolean;
|
|
28
30
|
size?: Exclude<SizeType, 'xl' | 'lg' | 'xxs'>;
|
|
31
|
+
style?: StyleProp<ViewStyle>;
|
|
29
32
|
};
|
|
30
33
|
|
|
31
34
|
export const InputText = forwardRef<InputRef, InputTextProps>(
|
|
@@ -40,6 +43,7 @@ export const InputText = forwardRef<InputRef, InputTextProps>(
|
|
|
40
43
|
returnKeyType,
|
|
41
44
|
onBlur,
|
|
42
45
|
onFocus,
|
|
46
|
+
style,
|
|
43
47
|
...rest
|
|
44
48
|
}: InputTextProps,
|
|
45
49
|
ref
|
|
@@ -94,7 +98,11 @@ export const InputText = forwardRef<InputRef, InputTextProps>(
|
|
|
94
98
|
return (
|
|
95
99
|
<>
|
|
96
100
|
<AnimatedPressable
|
|
97
|
-
style={[
|
|
101
|
+
style={[
|
|
102
|
+
styles.outerBorder,
|
|
103
|
+
{ borderColor: outerBorder, borderRadius: outerRadius },
|
|
104
|
+
style
|
|
105
|
+
]}
|
|
98
106
|
disabled={disabled}
|
|
99
107
|
onPress={() => inputRef.current?.focus()}
|
|
100
108
|
testID={rest.testID}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import type { StyleProp, ViewStyle } from 'react-native';
|
|
2
|
+
import { BorderRadius, WalletImageSize } from '../../utils/ThemeUtil';
|
|
3
|
+
import { useTheme } from '../../hooks/useTheme';
|
|
4
|
+
import { Shimmer } from '../../components/wui-shimmer';
|
|
5
|
+
import { FlexView } from '../../layout/wui-flex';
|
|
6
|
+
import styles from './styles';
|
|
7
|
+
|
|
8
|
+
export interface ListItemLoaderProps {
|
|
9
|
+
style?: StyleProp<ViewStyle>;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
export function ListItemLoader({ style }: ListItemLoaderProps) {
|
|
13
|
+
const Theme = useTheme();
|
|
14
|
+
|
|
15
|
+
return (
|
|
16
|
+
<FlexView
|
|
17
|
+
alignItems="center"
|
|
18
|
+
flexDirection="row"
|
|
19
|
+
style={[styles.container, { backgroundColor: Theme['gray-glass-002'] }, style]}
|
|
20
|
+
>
|
|
21
|
+
<Shimmer
|
|
22
|
+
height={WalletImageSize.sm}
|
|
23
|
+
width={WalletImageSize.sm}
|
|
24
|
+
borderRadius={BorderRadius.xxs}
|
|
25
|
+
/>
|
|
26
|
+
<Shimmer height={22} width={80} borderRadius={6} style={styles.text} />
|
|
27
|
+
</FlexView>
|
|
28
|
+
);
|
|
29
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { StyleSheet } from 'react-native';
|
|
2
|
+
import { BorderRadius, Spacing } from '../../utils/ThemeUtil';
|
|
3
|
+
|
|
4
|
+
export default StyleSheet.create({
|
|
5
|
+
container: {
|
|
6
|
+
borderRadius: BorderRadius.xs,
|
|
7
|
+
padding: Spacing.xs
|
|
8
|
+
},
|
|
9
|
+
text: {
|
|
10
|
+
marginLeft: Spacing.s
|
|
11
|
+
}
|
|
12
|
+
});
|