@particle-network/ui-native 0.1.1 → 0.1.3-beta.3

package/dist/components/ProgressWrapper/index.js

@@ -27,9 +27,12 @@ const ProgressWrapper = ({ style, svgStyle, value = 0, width, height, radius = '
         height
     ]);
     const clampedProgress = Math.max(0, Math.min(100, value));
+    const padding = strokeWidth;
+    const svgWidth = widthValue + padding;
+    const svgHeight = heightValue + padding;
     const rectWidth = widthValue - strokeWidth;
     const rectHeight = heightValue - strokeWidth;
-    const rectXY = strokeWidth / 2;
+    const rectXY = strokeWidth / 2 + padding / 2;
     const perimeter = 2 * (rectWidth + rectHeight);
     const strokeDashoffset = perimeter * (1 - clampedProgress / 100);
     const colorValue = 'transparent' === color ? 'transparent' : getColor(color);
@@ -64,8 +67,8 @@ const ProgressWrapper = ({ style, svgStyle, value = 0, width, height, radius = '
         },
         svg: {
             position: 'absolute',
-            left: 0,
-            top: 0
+            left: -padding / 2,
+            top: -padding / 2
         }
     });
     const handleLayout = (event)=>{
@@ -84,12 +87,12 @@ const ProgressWrapper = ({ style, svgStyle, value = 0, width, height, radius = '
         ...restProps,
         children: [
             /*#__PURE__*/ jsxs(react_native_svg, {
-                height: heightValue,
+                height: svgHeight,
                 style: [
                     styles.svg,
                     svgStyle
                 ],
-                width: widthValue,
+                width: svgWidth,
                 children: [
                     /*#__PURE__*/ jsx(Path, {
                         d: pathData,
@@ -103,8 +106,8 @@ const ProgressWrapper = ({ style, svgStyle, value = 0, width, height, radius = '
                         stroke: colorValue,
                         strokeDasharray: perimeter,
                         strokeDashoffset: strokeDashoffset,
-                        strokeLinecap: "round",
-                        strokeLinejoin: "round",
+                        strokeLinecap: "butt",
+                        strokeLinejoin: "miter",
                         strokeWidth: strokeWidth
                     })
                 ]

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/entry.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-native",
-  "version": "0.1.1",
+  "version": "0.1.3-beta.3",
   "license": "MIT",
   "main": "./entry.js",
   "react-native": "./dist/index.js",
@@ -16,27 +16,15 @@
       "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"
   ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
   "repository": {
     "type": "git",
     "url": "https://gitlab.minijoy.work/frontend/ux-design",
@@ -52,7 +40,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 +47,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.0"
   },
   "devDependencies": {
     "@babel/core": "^7.24.0",
@@ -68,9 +56,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 +89,10 @@
     "typescript": "~5.9.2",
     "unfetch": "^4.2.0",
     "vite": "^6.3.5",
-    "zustand": "^5.0.8"
+    "zustand": "^5.0.8",
+    "@particle-network/icons": "0.1.2-beta.3",
+    "@particle-network/lintstaged-config": "0.0.0",
+    "@particle-network/eslint-config": "0.2.0"
   },
   "overrides": {
     "react-docgen-typescript": "2.2.2",
@@ -116,5 +104,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"
   }
-}
+}