@g4rcez/components 0.0.38 → 0.0.39

package/dist/src/styles/theme.js

@@ -0,0 +1,294 @@
+const rounded = {
+    button: "0.4rem",
+    pill: "2rem",
+    card: "0.75rem",
+    full: "9999px",
+};
+const spacing = {
+    base: "1rem",
+    lg: "1.5rem",
+    sm: "0.75rem",
+    "input-height": "2.5rem",
+    "input-x": "0.5rem",
+    "input-y": "0.25rem",
+    "input-inline": "0.25rem",
+    "input-gap": "0.375rem",
+};
+export const defaultDarkTheme = {
+    name: "dark",
+    rounded,
+    spacing,
+    shadow: {
+        floating: "rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 5px 12px",
+    },
+    colors: {
+        foreground: "hsla(210, 50%, 98%)",
+        background: "hsla(0, 0%, 9%)",
+        disabled: "hsla(240, 4%, 33%)",
+        primary: {
+            foreground: "hsla(210, 40%, 98%)",
+            DEFAULT: "hsla(200,98%,39%)",
+            subtle: "hsla(199, 95%, 87%)",
+            hover: "hsla(199, 97%, 40%)",
+        },
+        secondary: {
+            DEFAULT: "hsla(210, 32%, 70%)",
+            background: "hsla(210, 30%, 81%)",
+            subtle: "hsla(210, 27%, 88%)",
+            hover: "hsla(210, 10%, 58%)",
+            foreground: "hsla(210, 20%, 30%)",
+        },
+        info: {
+            DEFAULT: "hsla(219, 91%, 59%)",
+            subtle: "hsla(219, 93%, 77%)",
+            hover: "hsla(219, 83%, 41%)",
+            foreground: "hsla(210, 40%, 98%)",
+            notification: "hsla(219, 91%, 59%)",
+        },
+        warn: {
+            DEFAULT: "hsla(27, 96%, 61%)",
+            subtle: "hsla(45, 95%, 66%)",
+            hover: "hsla(21, 90%, 48%)",
+            foreground: "hsla(210, 40%, 98%)",
+            notification: "hsla(32, 65%, 75%)",
+        },
+        danger: {
+            DEFAULT: "hsla(358, 65%, 57%)",
+            subtle: "hsla(0, 94%, 81%)",
+            hover: "hsla(0, 82%, 47%)",
+            foreground: "hsla(210, 40%, 98%)",
+            notification: "hsla(358, 40%, 23%)",
+        },
+        success: {
+            DEFAULT: "hsla(160, 73%, 36%)",
+            subtle: "hsla(160, 75%, 75%)",
+            hover: "hsla(160, 91%, 27%)",
+            foreground: "hsla(160, 91%, 50%)",
+            notification: "hsla(161,62%,17%)",
+        },
+        input: {
+            border: "hsla(240, 4%, 25%)",
+            placeholder: "hsla(210, 24%, 71%)",
+            "mask-error": "hsla(0, 94%, 81%)",
+            "switch-bg": "hsla(0, 0%, 9%)",
+            switch: "hsla(0, 0%, 100%)",
+        },
+        card: {
+            background: "hsla(0, 0%, 15%)",
+            border: "hsla(240, 7%, 27%)",
+        },
+        floating: {
+            background: "hsla(0, 0%, 14%)",
+            border: "hsla(240, 7%, 27%)",
+            overlay: "hsla(0, 0%, 0%)",
+        },
+        tooltip: {
+            foreground: "hsla(210, 40%, 98%)",
+            background: "hsla(0, 0%, 8%)",
+            border: "hsla(0, 0%, 19%)",
+        },
+        table: {
+            background: "hsla(0, 0%, 15%)",
+            border: "hsla(240, 4%, 33%)",
+        },
+        button: {
+            primary: {
+                text: "hsla(200,98%,60%)",
+                bg: "hsla(200,28%,19%)",
+            },
+            warn: {
+                text: "hsla(26,100%,67%)",
+                bg: "hsla(37,100%,15%)",
+            },
+            info: {
+                text: "hsla(200,80%,70%)",
+                bg: "hsla(206,66%,24%)",
+            },
+            success: {
+                text: "hsla(151,65%,54%)",
+                bg: "hsla(154,52%,19%)",
+            },
+            danger: {
+                text: "hsla(2,100%,90%)",
+                bg: "hsla(5,62%,23%)",
+            },
+            neutral: {
+                text: "hsla(200,98%,60%)",
+                bg: "hsla(200,28%,19%)",
+            },
+            secondary: {
+                text: "hsla(216,10%,90%)",
+                bg: "hsla(214,7%,19%)",
+            },
+        },
+        tag: {
+            primary: {
+                text: "hsla(200,98%,60%)",
+                bg: "hsla(200,28%,19%)",
+            },
+            warn: {
+                text: "hsla(26,100%,67%)",
+                bg: "hsla(37,100%,15%)",
+            },
+            info: {
+                text: "hsla(200,80%,70%)",
+                bg: "hsla(206,66%,24%)",
+            },
+            success: {
+                text: "hsla(151,65%,54%)",
+                bg: "hsla(154,52%,19%)",
+            },
+            danger: {
+                text: "hsla(2,100%,79%)",
+                bg: "hsla(5,62%,23%)",
+            },
+            neutral: {
+                text: "hsla(200,98%,60%)",
+                bg: "hsla(200,28%,19%)",
+            },
+            secondary: {
+                text: "hsla(216,10%,90%)",
+                bg: "hsla(214,7%,19%)",
+            },
+        },
+    },
+};
+export const defaultLightTheme = {
+    name: "light",
+    rounded,
+    spacing,
+    shadow: {
+        floating: "rgba(50, 50, 50, 0.1) 0px 0px 0px 1px, rgba(50, 50, 50, 0.1) 0px 3px 6px, rgba(50, 50, 50, 0.1) 0px 2px 3px",
+    },
+    colors: {
+        foreground: "hsla(217, 15%, 30%)",
+        background: "hsla(210, 34%, 96%)",
+        disabled: "hsla(240, 10%, 78%)",
+        primary: {
+            foreground: "hsla(210, 40%, 98%)",
+            DEFAULT: "hsla(199, 89%, 54%)",
+            subtle: "hsla(199, 95%, 87%)",
+            hover: "hsla(199, 97%, 40%)",
+        },
+        secondary: {
+            background: "hsla(210, 25%, 35%)",
+            DEFAULT: "hsla(210, 25%, 35%)",
+            subtle: "hsla(207, 29%, 39%)",
+            hover: "hsla(210, 21%, 67%)",
+            foreground: "hsla(210, 40%, 98%)",
+        },
+        info: {
+            DEFAULT: "hsla(219, 91%, 59%)",
+            subtle: "hsla(219, 70%, 90%)",
+            hover: "hsla(219, 83%, 41%)",
+            foreground: "hsla(210, 34%, 96%)",
+            notification: "hsla(219, 91%, 59%)",
+        },
+        danger: {
+            DEFAULT: "hsla(0, 82%, 63%)",
+            subtle: "hsla(0, 96%, 95%)",
+            hover: "hsla(0, 82%, 47%)",
+            foreground: "hsla(210, 34%, 96%)",
+            notification: "hsla(0, 100%, 87%)",
+        },
+        warn: {
+            DEFAULT: "hsla(27, 100%, 70%)",
+            subtle: "hsla(45, 95%, 80%)",
+            hover: "hsla(29, 85%, 50%)",
+            foreground: "hsla(210, 34%, 96%)",
+            notification: "hsla(27, 85%, 92%)",
+        },
+        success: {
+            DEFAULT: "hsla(160, 73%, 36%)",
+            subtle: "hsla(160, 75%, 90%)",
+            hover: "hsla(160, 91%, 27%)",
+            foreground: "hsla(160, 91%, 17%)",
+            notification: "hsla(160, 75%, 80%)",
+        },
+        input: {
+            border: "hsla(218, 22%, 85%)",
+            placeholder: "hsla(210, 24%, 71%)",
+            "mask-error": "hsla(0, 94%, 81%)",
+            "switch-bg": "hsla(0, 0%, 45%)",
+            switch: "hsla(0, 0%, 100%)",
+        },
+        card: {
+            background: "hsla(0, 0%, 100%)",
+            border: "hsla(210, 25%, 88%)",
+        },
+        floating: {
+            background: "hsla(0, 0%, 100%)",
+            border: "hsla(210, 25%, 88%)",
+            overlay: "hsla(0, 0%, 0%)",
+        },
+        tooltip: {
+            foreground: "hsla(217, 15%, 20%)",
+            background: "hsla(210, 25%, 98%)",
+            border: "hsla(200, 1%, 80%)",
+        },
+        table: {
+            background: "hsla(0, 0%, 100%)",
+            border: "hsla(210, 25%, 88%)",
+        },
+        button: {
+            primary: {
+                text: "hsla(0, 0%, 100%)",
+                bg: "hsla(207,96%,48%)",
+            },
+            warn: {
+                bg: "hsla(26,90%,60%)",
+                text: "hsla(0, 0%, 100%)",
+            },
+            info: {
+                text: "hsla(0, 0%, 100%)",
+                bg: "hsla(210,60%,60%)",
+            },
+            success: {
+                text: "hsla(0, 0%, 100%)",
+                bg: "hsla(152,56%,39%)",
+            },
+            danger: {
+                text: "hsla(0, 0%, 100%)",
+                bg: "hsla(10,78%,54%)",
+            },
+            neutral: {
+                text: "hsla(200,98%,60%)",
+                bg: "hsla(200,28%,19%)",
+            },
+            secondary: {
+                text: "hsla(216,10%,90%)",
+                bg: "hsla(214,7%,19%)",
+            },
+        },
+        tag: {
+            primary: {
+                text: "hsla(0, 0%, 100%)",
+                bg: "hsla(207,70%,55%)",
+            },
+            warn: {
+                bg: "hsla(30,100%,82%)",
+                text: "hsla(23,100%,40%)",
+            },
+            info: {
+                text: "hsla(196,100%,20%)",
+                bg: "hsla(197,65%,80%)",
+            },
+            success: {
+                text: "hsla(154,52%,19%)",
+                bg: "hsla(152,56%,80%)",
+            },
+            danger: {
+                text: "hsla(10,82%,45%)",
+                bg: "hsla(359,94%,92%)",
+            },
+            neutral: {
+                text: "hsla(200,98%,60%)",
+                bg: "hsla(200,28%,19%)",
+            },
+            secondary: {
+                text: "hsla(216,10%,90%)",
+                bg: "hsla(214,7%,19%)",
+            },
+        },
+    },
+};

package/dist/src/styles/theme.types.d.ts

@@ -0,0 +1,101 @@
+export type GeneralTokens = {
+    [K in string]: string | GeneralTokens;
+};
+type ThemeState = "primary" | "warn" | "secondary" | "info" | "danger" | "success" | "neutral";
+export type DesignTokens = {
+    name: string;
+    shadow: Record<"floating", string>;
+    rounded: Record<"button" | "full" | "pill" | "card", string>;
+    spacing: Record<"base" | "lg" | "sm", string>;
+    colors: {
+        tag: Record<ThemeState, {
+            text: string;
+            bg: string;
+        }>;
+        button: Record<ThemeState, {
+            text: string;
+            bg: string;
+        }>;
+        foreground: string;
+        background: string;
+        disabled: string;
+        primary: {
+            foreground: string;
+            DEFAULT: string;
+            subtle: string;
+            hover: string;
+        };
+        warn: {
+            DEFAULT: string;
+            subtle: string;
+            hover: string;
+            foreground: string;
+            notification: string;
+        };
+        secondary: {
+            DEFAULT: string;
+            background: string;
+            subtle: string;
+            hover: string;
+            foreground: string;
+        };
+        info: {
+            DEFAULT: string;
+            subtle: string;
+            hover: string;
+            foreground: string;
+            notification: string;
+        };
+        danger: {
+            DEFAULT: string;
+            subtle: string;
+            hover: string;
+            foreground: string;
+            notification: string;
+        };
+        success: {
+            DEFAULT: string;
+            subtle: string;
+            hover: string;
+            foreground: string;
+            notification: string;
+        };
+        input: {
+            border: string;
+            placeholder: string;
+            "mask-error": string;
+            "switch-bg": string;
+            switch: string;
+        };
+        card: {
+            background: string;
+            border: string;
+        };
+        floating: {
+            background: string;
+            border: string;
+            overlay: string;
+        };
+        tooltip: {
+            foreground: string;
+            background: string;
+            border: string;
+        };
+        table: {
+            background: string;
+            border: string;
+        };
+    };
+};
+export type Token = {
+    key: string;
+    value: string;
+};
+export type DesignTokensParser = ((value: string, key: string, combine: string) => string) | ((format: string) => (value: string, key: string, combine: string) => string);
+export type DesignTokensBuilder = (value: string, key: string, combine: string) => Token;
+type Fn = (...a: any[]) => any;
+export type DeepParse<T extends GeneralTokens, F extends Fn> = {
+    [K in keyof T]: T[K] extends GeneralTokens ? DeepParse<T[K], F> : ReturnType<Fn>;
+};
+export {};
+//# sourceMappingURL=theme.types.d.ts.map

package/dist/src/styles/theme.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.types.d.ts","sourceRoot":"","sources":["../../../src/styles/theme.types.ts"],"names":[],"mappings":"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"}

package/dist/src/styles/theme.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/types.d.ts

@@ -0,0 +1,10 @@
+import React, { Dispatch, JSX, JSXElementConstructor, SetStateAction } from "react";
+export type Label = React.ReactNode | React.ReactElement | JSX.Element;
+export type Merge<T> = {
+    [K in keyof T]: T[K];
+} & {};
+export type Override<Source, New> = Omit<Source, keyof New> & New;
+export type SetState<T> = Dispatch<SetStateAction<T>>;
+export type POJO = {};
+export type ComponentLike = keyof JSX.IntrinsicElements | JSXElementConstructor<any>;
+//# sourceMappingURL=types.d.ts.map

package/dist/src/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEpF,MAAM,MAAM,KAAK,GAAG,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC;AAEvE,MAAM,MAAM,KAAK,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAE,GAAG,EAAE,CAAC;AAErD,MAAM,MAAM,QAAQ,CAAC,MAAM,EAAE,GAAG,IAAI,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC,GAAG,GAAG,CAAC;AAElE,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;AAEtD,MAAM,MAAM,IAAI,GAAG,EAAE,CAAC;AAEtB,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,CAAC,iBAAiB,GAAG,qBAAqB,CAAC,GAAG,CAAC,CAAC"}

package/dist/src/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@g4rcez/components",
-  "version": "0.0.38",
+  "version": "0.0.39",
   "sideEffects": false,
   "private": false,
   "packageManager": "pnpm@8.15.3",