@particle-network/ui-native 0.1.2 → 0.1.3-beta.4

package/dist/components/UXButton/button.styles.js

@@ -10,6 +10,7 @@ const useStyles = (props)=>{
     const { getSpacing } = useSpacing();
     const { ms } = useMs();
     const sizeMap = useMemo(()=>({
+            xs: ms(buttonConfig.size.xs),
             sm: ms(buttonConfig.size.sm),
             md: ms(buttonConfig.size.md),
             lg: ms(buttonConfig.size.lg),
@@ -19,6 +20,7 @@ const useStyles = (props)=>{
         ms
     ]);
     const fontSizeMap = useMemo(()=>({
+            xs: ms(buttonConfig.fontSize.xs),
             sm: ms(buttonConfig.fontSize.sm),
             md: ms(buttonConfig.fontSize.md),
             lg: ms(buttonConfig.fontSize.lg),
@@ -28,12 +30,14 @@ const useStyles = (props)=>{
         buttonConfig.fontSize
     ]);
     const radiusMap = {
+        xs: 'xs',
         sm: 'sm',
         md: 'sm',
         lg: 'md',
         auto: 'sm'
     };
     const paddingMap = useMemo(()=>({
+            xs: ms(4),
             sm: ms(6),
             md: ms(10),
             lg: ms(14)

package/dist/components/UXButton/button.types.d.ts

@@ -10,6 +10,7 @@ export interface UXButtonProps extends Omit<UXPressableProps, 'style' | 'disable
      * @default 'md'
      * | size   | ux-pro | ux     |
      * | :----- | :----- | :----- |
+     * | xs     | 20     | 36     |
      * | sm     | 24     | 40     |
      * | md     | 30     | 44     |
      * | lg     | 44     | 48     |
@@ -17,11 +18,12 @@ export interface UXButtonProps extends Omit<UXPressableProps, 'style' | 'disable
      * fontSize
      * | size   | ux-pro | ux     |
      * | :----- | :----- | :----- |
+     * | xs     | 11      | 12     |
      * | sm     | 10     | 14     |
      * | md     | 12     | 16     |
      * | lg     | 16     | 18     |
      */
-    size?: 'sm' | 'md' | 'lg' | 'auto';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'auto';
     variant?: 'solid' | 'bordered' | 'flat' | 'text' | 'light';
     radius?: UXRadius;
     isDisabled?: boolean;

package/dist/components/UXTabs/styles.js

@@ -8,10 +8,18 @@ const useStyles = (props)=>{
     const { getColor } = useColors();
     const { getRadius } = useRadius();
     const { ms } = useMs();
-    const fontSize = useMemo(()=>ms(tabsConfig.fontSize[size]), [
+    const fontSize = useMemo(()=>{
+        if ('switch' === variant) {
+            if ('sm' === size) return ms(11);
+            if ('lg' === size) return ms(14);
+            return ms(12);
+        }
+        return ms(tabsConfig.fontSize[size]);
+    }, [
         size,
         ms,
-        tabsConfig.fontSize
+        tabsConfig.fontSize,
+        variant
     ]);
     const height = useMemo(()=>{
         if ('text' === variant) return fontSize + ms(4);

package/dist/config/config.default.js

@@ -2,11 +2,13 @@ const defaultComponentConfig = {
     button: {
         defaultProps: {},
         size: {
+            xs: 20,
             sm: 24,
             md: 30,
             lg: 44
         },
         fontSize: {
+            xs: 11,
             sm: 10,
             md: 12,
             lg: 16

package/dist/config/config.ux.js

@@ -4,11 +4,13 @@ const uxComponentConfig = {
             radius: 'full'
         },
         size: {
+            xs: 36,
             sm: 40,
             md: 44,
             lg: 48
         },
         fontSize: {
+            xs: 12,
             sm: 14,
             md: 16,
             lg: 18

package/dist/types/theme.d.ts

@@ -5,11 +5,13 @@ export interface CommonComponentConfig {
         radius?: UXRadius | number;
     };
     size: {
+        xs?: number;
         sm: number;
         md: number;
         lg: number;
     };
     fontSize: {
+        xs?: number;
         sm: number;
         md: number;
         lg: number;

package/entry.js

@@ -0,0 +1,5 @@
+import registerRootComponent from 'expo/src/launch/registerRootComponent';
+
+import App from './App';
+
+registerRootComponent(App);

package/package.json

@@ -1,7 +1,6 @@
 {
   "name": "@particle-network/ui-native",
-  "version": "0.1.2",
-  "license": "MIT",
+  "version": "0.1.3-beta.4",
   "main": "./entry.js",
   "react-native": "./dist/index.js",
   "module": "./dist/index.js",
@@ -16,27 +15,14 @@
       "default": "./dist/index.js"
     }
   },
-  "scripts": {
-    "start": "expo start",
-    "android": "expo start --android",
-    "ios": "expo start --ios",
-    "web": "storybook dev -p 6006",
-    "storybook:build": "storybook build",
-    "storybook:preview": "serve storybook-static",
-    "storybook:generate": "sb-rn-get-stories",
-    "type-check": "npx tsc --noEmit -p ./tsconfig.json",
-    "dev": "rslib build --watch",
-    "build": "rslib build",
-    "lint": "eslint . --no-error-on-unmatched-pattern --quiet",
-    "lint:fix": "eslint . --fix --no-error-on-unmatched-pattern --quiet",
-    "clean": "rm -rf .turbo node_modules dist",
-    "deploy:dev": "sh ./scripts/deploy-dev.sh"
-  },
   "files": [
     "dist",
-    "README.md",
-    "LICENSE"
+    "README.md"
   ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
   "repository": {
     "type": "git",
     "url": "https://gitlab.minijoy.work/frontend/ux-design",
@@ -52,7 +38,6 @@
   "author": "UniversalX",
   "dependencies": {
     "@lottiefiles/dotlottie-react": "^0.16.2",
-    "@particle-network/ui-shared": "workspace:*",
     "ahooks": "^3.9.4",
     "deepmerge": "^4.3.1",
     "expo-haptics": "^15.0.7",
@@ -60,7 +45,8 @@
     "lottie-react-native": "^7.3.4",
     "react-native-paper": "^5.14.5",
     "react-native-size-matters": "^0.4.2",
-    "react-native-toast-message": "^2.3.3"
+    "react-native-toast-message": "^2.3.3",
+    "@particle-network/ui-shared": "0.1.1-beta.0"
   },
   "devDependencies": {
     "@babel/core": "^7.24.0",
@@ -68,9 +54,6 @@
     "@chromatic-com/storybook": "^4.1.1",
     "@expo/metro-runtime": "~6.1.2",
     "@gorhom/bottom-sheet": "^5.1.2",
-    "@particle-network/eslint-config": "workspace:*",
-    "@particle-network/icons": "workspace:*",
-    "@particle-network/lintstaged-config": "workspace:*",
     "@react-native-async-storage/async-storage": "2.2.0",
     "@react-native-community/datetimepicker": "8.4.4",
     "@react-native-community/slider": "5.0.1",
@@ -104,7 +87,10 @@
     "typescript": "~5.9.2",
     "unfetch": "^4.2.0",
     "vite": "^6.3.5",
-    "zustand": "^5.0.8"
+    "zustand": "^5.0.8",
+    "@particle-network/eslint-config": "0.2.0",
+    "@particle-network/icons": "0.1.2-beta.6",
+    "@particle-network/lintstaged-config": "0.0.0"
   },
   "overrides": {
     "react-docgen-typescript": "2.2.2",
@@ -116,5 +102,21 @@
         "listUnknownPackages": false
       }
     }
+  },
+  "scripts": {
+    "start": "expo start",
+    "android": "expo start --android",
+    "ios": "expo start --ios",
+    "web": "storybook dev -p 6006",
+    "storybook:build": "storybook build",
+    "storybook:preview": "serve storybook-static",
+    "storybook:generate": "sb-rn-get-stories",
+    "type-check": "npx tsc --noEmit -p ./tsconfig.json",
+    "dev": "rslib build --watch",
+    "build": "rslib build",
+    "lint": "eslint . --no-error-on-unmatched-pattern --quiet",
+    "lint:fix": "eslint . --fix --no-error-on-unmatched-pattern --quiet",
+    "clean": "rm -rf .turbo node_modules dist",
+    "deploy:dev": "sh ./scripts/deploy-dev.sh"
   }
-}
+}