@hero-design/rn 7.1.3-alpha7 → 7.2.1

package/types/src/theme/global/index.d.ts

@@ -1,4 +1,6 @@
-declare const globalTheme: {
+import { scale as defaultScale, Scale } from './scale';
+import { systemPalette as defaultSystemPalette, SystemPalette } from './colors';
+declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
     colors: {
         primary: string;
         primaryLight: string;
@@ -23,48 +25,11 @@ declare const globalTheme: {
         invertedText: string;
         outline: string;
     };
-    space: {
-        xxsmall: number;
-        xsmall: number;
-        small: number;
-        medium: number;
-        large: number;
-        xlarge: number;
-        xxlarge: number;
-        xxxlarge: number;
-        xxxxlarge: number;
-    };
-    fonts: {
-        light: string;
-        regular: string;
-        semiBold: string;
-    };
-    fontSizes: {
-        xxxxxlarge: number;
-        xxxxlarge: number;
-        xxxlarge: number;
-        xxlarge: number;
-        xlarge: number;
-        large: number;
-        medium: number;
-        small: number;
-        xsmall: number;
-    };
-    lineHeights: {
-        xxxxxlarge: number;
-        xxxxlarge: number;
-        xxxlarge: number;
-        xxlarge: number;
-        xlarge: number;
-        large: number;
-        medium: number;
-        small: number;
-        xsmall: number;
-    };
-    borderWidths: {
-        base: number;
-    };
+    fonts: import("./typography").Fonts;
+    fontSizes: import("./typography").FontSizes;
+    lineHeights: import("./typography").FontSizes;
+    borderWidths: import("./borders").BorderWidths;
+    space: import("./space").Space;
 };
-declare type GlobalTheme = typeof globalTheme;
-export { GlobalTheme };
-export default globalTheme;
+declare type GlobalTheme = ReturnType<typeof getGlobalTheme>;
+export { GlobalTheme, Scale, SystemPalette, getGlobalTheme, defaultScale, defaultSystemPalette, };

package/types/src/theme/global/scale.d.ts

@@ -0,0 +1,8 @@
+declare const scale: {
+    borderWidth: number;
+    space: number;
+    font: string;
+    fontSize: number;
+};
+declare type Scale = typeof scale;
+export { scale, Scale };

package/types/src/theme/global/space.d.ts

@@ -1,12 +1,13 @@
-declare const space: {
-    xxsmall: number;
-    xsmall: number;
-    small: number;
-    medium: number;
+interface Space {
     large: number;
+    medium: number;
+    small: number;
     xlarge: number;
+    xsmall: number;
     xxlarge: number;
+    xxsmall: number;
     xxxlarge: number;
     xxxxlarge: number;
-};
-export { space };
+}
+declare const getSpace: (baseSpace: number) => Space;
+export { Space, getSpace };

package/types/src/theme/global/typography.d.ts

@@ -1,9 +1,9 @@
-declare const fonts: {
+interface Fonts {
     light: string;
     regular: string;
     semiBold: string;
-};
-declare const fontSizes: {
+}
+interface FontSizes {
     xxxxxlarge: number;
     xxxxlarge: number;
     xxxlarge: number;
@@ -13,16 +13,9 @@ declare const fontSizes: {
     medium: number;
     small: number;
     xsmall: number;
-};
-declare const lineHeights: {
-    xxxxxlarge: number;
-    xxxxlarge: number;
-    xxxlarge: number;
-    xxlarge: number;
-    xlarge: number;
-    large: number;
-    medium: number;
-    small: number;
-    xsmall: number;
-};
-export { fonts, fontSizes, lineHeights };
+}
+declare type LineHeights = FontSizes;
+declare const getFonts: (baseFont: string) => Fonts;
+declare const getFontSizes: (baseFontSize: number) => FontSizes;
+declare const getLineHeights: (fontSizes: FontSizes) => LineHeights;
+export { Fonts, FontSizes, LineHeights, getFonts, getFontSizes, getLineHeights, };

package/types/src/theme/index.d.ts

@@ -1,4 +1,4 @@
-import { GlobalTheme } from './global';
+import { GlobalTheme, Scale, SystemPalette } from './global';
 import getBadgeTheme from './components/badge';
 import getBottomNavigationTheme from './components/bottomNavigation';
 import getCardTheme from './components/card';
@@ -19,7 +19,7 @@ declare type Theme = GlobalTheme & {
         fab: ReturnType<typeof getFABTheme>;
     };
 };
-declare const getTheme: (theme?: GlobalTheme) => Theme;
+declare const getTheme: (scale?: Scale, systemPallete?: SystemPalette) => Theme;
 declare const theme: Theme;
 export { Theme, getTheme };
 export default theme;

package/yarn-error.log

@@ -1,140 +0,0 @@
-Arguments: 
-  /Users/haudao/.nvm/versions/node/v14.17.5/bin/node /Users/haudao/.nvm/versions/node/v14.17.5/bin/yarn
-
-PATH: 
-  ./bin:/usr/local/opt/openssl/bin:/Users/haudao/.rbenv/shims:/Library/Frameworks/Python.framework/Versions/3.6/bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/Applications/VMware Fusion.app/Contents/Public:/Library/Apple/usr/bin:./bin:/usr/local/opt/openssl/bin:/Users/haudao/.rbenv/shims:/Library/Frameworks/Python.framework/Versions/3.6/bin:/Users/haudao/.nvm/versions/node/v14.17.5/bin:/Users/haudao/.fzf/bin:/Users/haudao/Library/Android/sdk/emulator:/Users/haudao/Library/Android/sdk/tools:/Users/haudao/Library/Android/sdk/tools/bin:/Users/haudao/Library/Android/sdk/platform-tools:/Users/haudao/.nvm/versions/node/v14.17.5/bin:/Users/haudao/Library/Android/sdk/emulator:/Users/haudao/Library/Android/sdk/tools:/Users/haudao/Library/Android/sdk/tools/bin:/Users/haudao/Library/Android/sdk/platform-tools
-
-Yarn version: 
-  1.22.15
-
-Node version: 
-  14.17.5
-
-Platform: 
-  darwin x64
-
-Trace: 
-  SyntaxError: /Users/haudao/workspace/hero-design/packages/rn/package.json: Unexpected token } in JSON at position 777
-      at JSON.parse (<anonymous>)
-      at /Users/haudao/.nvm/versions/node/v14.17.5/lib/node_modules/yarn/lib/cli.js:1625:59
-      at Generator.next (<anonymous>)
-      at step (/Users/haudao/.nvm/versions/node/v14.17.5/lib/node_modules/yarn/lib/cli.js:310:30)
-      at /Users/haudao/.nvm/versions/node/v14.17.5/lib/node_modules/yarn/lib/cli.js:321:13
-
-npm manifest: 
-  {
-    "name": "@hero-design/rn",
-    "version": "7.1.2",
-    "license": "MIT",
-    "main": "lib/index.js",
-    "module": "es/index.js",
-    "types": "types/src/index.d.ts",
-    "scripts": {
-      "lint": "eslint src playground --ext .js,.jsx,.ts,.tsx --ignore-path ../../.gitignore",
-      "type-check": "tsc --noEmit",
-      "dev": "expo start",
-      "test": "jest --runInBand",
-      "test:watch": "jest --runInBand --watch",
-      "test:ci": "jest --runInBand --logHeapUsage",
-      "build:js": "rollup -c",
-      "build:types": "tsc --noEmit false --emitDeclarationOnly",
-      "build": "yarn build:js && yarn build:types",
-      "publish:npm": "yarn publish --access public"
-    },
-    "dependencies": {
-      "@emotion/native": "^11.9.3",
-      "@emotion/react": "^11.9.3",
-      "@hero-design/colors": "7.1.2",
-    },
-    "peerDependencies": {
-      "react": "17.0.2",
-      "react-native": "0.65.1",
-      "react-native-safe-area-context": "^4.2.5",
-      "react-native-vector-icons": "^9.1.0"
-    },
-    "devDependencies": {
-      "@babel/core": "^7.17.5",
-      "@babel/preset-env": "^7.16.11",
-      "@babel/preset-react": "^7.16.7",
-      "@babel/preset-typescript": "^7.17.12",
-      "@emotion/jest": "^11.9.3",
-      "@react-navigation/native": "^6.0.10",
-      "@react-navigation/native-stack": "^6.6.2",
-      "@rollup/plugin-babel": "^5.3.1",
-      "@rollup/plugin-commonjs": "^21.0.1",
-      "@rollup/plugin-json": "^4.1.0",
-      "@rollup/plugin-node-resolve": "^13.1.3",
-      "@rollup/plugin-replace": "^4.0.0",
-      "@rollup/plugin-typescript": "^8.3.0",
-      "@testing-library/jest-native": "^4.0.4",
-      "@testing-library/react-native": "^9.1.0",
-      "@types/jest": "^27.0.2",
-      "@types/react": "^17.0.39",
-      "@types/react-native": "^0.66.16",
-      "@types/react-native-vector-icons": "^6.4.10",
-      "@typescript-eslint/eslint-plugin": "^5.12.1",
-      "@typescript-eslint/parser": "^5.12.1",
-      "eslint": "^8.9.0",
-      "eslint-config-airbnb": "^19.0.4",
-      "eslint-config-prettier": "^8.5.0",
-      "eslint-plugin-import": "^2.25.4",
-      "eslint-plugin-jsx-a11y": "^6.5.1",
-      "eslint-plugin-react": "^7.28.0",
-      "eslint-plugin-react-hooks": "^4.3.0",
-      "expo": "^44.0.6",
-      "jest": "^27.3.1",
-      "prettier": "^2.5.1",
-      "react": "17.0.2",
-      "react-native": "0.65.1",
-      "react-native-safe-area-context": "^4.2.5",
-      "react-native-screens": "^3.13.1",
-      "react-native-vector-icons": "^9.1.0",
-      "react-test-renderer": "17.0.2",
-      "rollup": "^2.68.0",
-      "rollup-plugin-copy": "^3.4.0",
-      "ts-jest": "^27.0.7",
-      "typescript": "^4.5.5"
-    },
-    "nx": {
-      "targets": {
-        "type-check": {
-          "dependsOn": [
-            {
-              "target": "build:types",
-              "projects": "dependencies"
-            }
-          ]
-        },
-        "lint": {
-          "dependsOn": [
-            {
-              "target": "build:js",
-              "projects": "dependencies"
-            }
-          ]
-        },
-        "test:ci": {
-          "dependsOn": [
-            {
-              "target": "build",
-              "projects": "dependencies"
-            }
-          ]
-        },
-        "dev": {
-          "dependsOn": [
-            {
-              "target": "build",
-              "projects": "dependencies"
-            }
-          ]
-        }
-      }
-    }
-  }
-
-yarn manifest: 
-  No manifest
-
-Lockfile: 
-  No lockfile