@hoddy-ui/core 1.0.11 → 1.0.12

package/index.ts

@@ -18,4 +18,4 @@ export { default as Typography } from "./src/Components/Typography";
 // Others
 export * from "./src/config";
 export * from "./src/hooks";
-export * from "./src/theme/index";
+export * from "./src/theme";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hoddy-ui/core",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "description": "Core rich react native components written in typescript",
   "main": "index.ts",
   "repository": {

package/src/config/index.ts

@@ -1,16 +1,11 @@
 // import * as fs from "fs";
+import { setExtraColors } from "../theme/colors";
+import { extraColorTypes } from "../types";
 import { setApiKey } from "./KeyManager";
 
 type configProps = {
   googleMapApiKey?: string;
-  colors?: {
-    primary?: {
-      mains: string;
-      light: string;
-      dark: string;
-      text: string;
-    };
-  };
+  colors?: extraColorTypes;
 };
 
 export function initialize(config: configProps): void {
@@ -18,20 +13,8 @@ export function initialize(config: configProps): void {
     setApiKey({
       GOOGLE_MAP_API_KEY: config.googleMapApiKey,
     });
+    if (config.colors) setExtraColors(config.colors);
   } catch (error) {
     console.error("Error reading the config file:", error);
   }
 }
-// export function loadConfig(): void {
-//   try {
-//     const configData = fs.readFileSync("./hui-config.json", "utf-8");
-//     const config: configProps = JSON.parse(configData);
-//     setApiKey({
-//       GOOGLE_MAP_API_KEY: config.googleMapApiKey,
-//     });
-
-//     console.log("Got key from frontend", config.googleMapApiKey);
-//   } catch (error) {
-//     console.error("Error reading the config file:", error);
-//   }
-// }

package/src/theme/colors.ts

@@ -1,4 +1,4 @@
-import { ThemeTypes } from "../types";
+import { ThemeTypes, extraColorTypes } from "../types";
 
 const lightColors = {
   white: {
@@ -65,6 +65,13 @@ const darkColors = {
   },
 };
 
+let extraColors: extraColorTypes = {
+  dark: {},
+  light: {},
+};
+
+export const setExtraColors = (c: extraColorTypes) => (extraColors = c);
+
 export default function colors(theme: ThemeTypes) {
   const dynamicColors = theme === "dark" ? darkColors : lightColors;
   return {
@@ -150,5 +157,6 @@ export default function colors(theme: ThemeTypes) {
       main: "#344054",
     },
     ...dynamicColors,
+    ...extraColors[theme],
   };
 }

package/src/types.ts

@@ -21,6 +21,25 @@ export type colorTypes =
   | "blue"
   | "textSecondary";
 
+export type extraColorTypes = {
+  dark: {
+    [key: string]: {
+      main: string;
+      light: string;
+      dark: string;
+      text: string;
+    };
+  };
+  light: {
+    [key: string]: {
+      main: string;
+      light: string;
+      dark: string;
+      text: string;
+    };
+  };
+};
+
 export interface ThemeActionTypes {
   type: ThemeModes;
   payload?: ThemeTypes;