@reown/appkit-ui-react-native 2.0.0-alpha.2 → 2.0.0-alpha.4

package/src/layout/wui-flex/index.tsx

@@ -20,6 +20,9 @@ export interface FlexViewProps {
   flexShrink?: FlexShrinkType;
   alignItems?: FlexAlignType;
   alignSelf?: FlexAlignType;
+  rowGap?: SpacingType;
+  gap?: SpacingType;
+  columnGap?: SpacingType;
   justifyContent?: FlexJustifyContentType;
   padding?: SpacingType | SpacingType[];
   margin?: SpacingType | SpacingType[];
@@ -36,6 +39,9 @@ export function FlexView(props: FlexViewProps) {
     alignItems: props.alignItems,
     alignSelf: props.alignSelf,
     justifyContent: props.justifyContent,
+    rowGap: props.rowGap && UiUtil.getSpacingStyles(props.rowGap),
+    gap: props.gap && UiUtil.getSpacingStyles(props.gap),
+    columnGap: props.columnGap && UiUtil.getSpacingStyles(props.columnGap),
     paddingTop: props.padding && UiUtil.getSpacingStyles(props.padding, 0),
     paddingRight: props.padding && UiUtil.getSpacingStyles(props.padding, 1),
     paddingBottom: props.padding && UiUtil.getSpacingStyles(props.padding, 2),

package/src/utils/QRCodeUtil.tsx

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 import { Line, Rect, Circle } from 'react-native-svg';
 import QRCode from 'qrcode';
-import { DarkTheme, LightTheme } from '../utils/ThemeUtil';
+import { LightTheme } from '../utils/ThemeUtil';
 
 type CoordinateMapping = [number, number[]];
 
@@ -34,8 +34,8 @@ function getMatrix(value: string, errorCorrectionLevel: QRCode.QRCodeErrorCorrec
 
 export const QRCodeUtil = {
   generate(uri: string, size: number, logoSize: number) {
-    const dotColor = DarkTheme['bg-100'];
-    const edgeColor = LightTheme['bg-100'];
+    const dotColor = LightTheme['inverse-000'];
+    const edgeColor = LightTheme['inverse-100'];
     const dots: ReactNode[] = [];
     const matrix = getMatrix(uri, 'Q');
     const cellSize = size / matrix.length;

package/src/utils/TypesUtil.ts

@@ -179,6 +179,7 @@ export type IconType =
   | 'qrCode'
   | 'recycleHorizontal'
   | 'refresh'
+  | 'reown'
   | 'search'
   | 'settings'
   | 'swapHorizontal'

package/src/utils/UiUtil.ts

@@ -4,8 +4,8 @@ import { Spacing } from './ThemeUtil';
 import type { SpacingType, TruncateOptions } from './TypesUtil';
 
 export const UiUtil = {
-  getSpacingStyles(spacing: SpacingType | SpacingType[], index: number) {
-    if (Array.isArray(spacing)) {
+  getSpacingStyles(spacing: SpacingType | SpacingType[], index?: number) {
+    if (Array.isArray(spacing) && index !== undefined) {
       return spacing[index] ? Spacing[spacing[index] as SpacingType] : undefined;
     } else if (typeof spacing === 'string') {
       return Spacing[spacing];