@g4rcez/components 0.0.37 → 0.0.39

package/dist/styles/theme.js

@@ -1,14 +1,26 @@
+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",
-    spacing: { base: "1rem", lg: "1.5rem", sm: "0.75rem" },
+    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",
     },
-    rounded: {
-        pill: "2rem",
-        card: "0.75rem",
-        full: "9999px",
-    },
     colors: {
         foreground: "hsla(210, 50%, 98%)",
         background: "hsla(0, 0%, 9%)",
@@ -52,7 +64,7 @@ export const defaultDarkTheme = {
             subtle: "hsla(160, 75%, 75%)",
             hover: "hsla(160, 91%, 27%)",
             foreground: "hsla(160, 91%, 50%)",
-            notification: "hsla(161,62%,17%)"
+            notification: "hsla(161,62%,17%)",
         },
         input: {
             border: "hsla(240, 4%, 25%)",
@@ -79,27 +91,79 @@ export const defaultDarkTheme = {
             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",
     },
-    spacing: {
-        base: "1rem",
-        lg: "1.5rem",
-        sm: "0.75rem",
-    },
-    rounded: {
-        pill: "2rem",
-        card: "0.75rem",
-        full: "9999px",
-    },
     colors: {
-        foreground: "hsla(217, 15%, 20%)",
+        foreground: "hsla(217, 15%, 30%)",
         background: "hsla(210, 34%, 96%)",
-        disabled: "hsla(240, 10%, 75%)",
+        disabled: "hsla(240, 10%, 78%)",
         primary: {
             foreground: "hsla(210, 40%, 98%)",
             DEFAULT: "hsla(199, 89%, 54%)",
@@ -142,7 +206,7 @@ export const defaultLightTheme = {
             notification: "hsla(160, 75%, 80%)",
         },
         input: {
-            border: "hsla(218, 22%, 80%)",
+            border: "hsla(218, 22%, 85%)",
             placeholder: "hsla(210, 24%, 71%)",
             "mask-error": "hsla(0, 94%, 81%)",
             "switch-bg": "hsla(0, 0%, 45%)",
@@ -160,11 +224,71 @@ export const defaultLightTheme = {
         tooltip: {
             foreground: "hsla(217, 15%, 20%)",
             background: "hsla(210, 25%, 98%)",
-            border: "hsla(0, 0%, 85%)",
+            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/styles/theme.types.d.ts

@@ -1,22 +1,21 @@
 export type GeneralTokens = {
     [K in string]: string | GeneralTokens;
 };
+type ThemeState = "primary" | "warn" | "secondary" | "info" | "danger" | "success" | "neutral";
 export type DesignTokens = {
     name: string;
-    shadow: {
-        floating: string;
-    };
-    rounded: {
-        full: string;
-        pill: string;
-        card: string;
-    };
-    spacing: {
-        base: string;
-        lg: string;
-        sm: 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;

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@g4rcez/components",
-  "version": "0.0.37",
+  "version": "0.0.39",
   "sideEffects": false,
   "private": false,
   "packageManager": "pnpm@8.15.3",
@@ -57,7 +57,7 @@
     "sidekicker": "0.1.8",
     "storage-manager-js": "4.2.6-5",
     "tailwind-merge": "2.4.0",
-    "the-mask-input": "3.3.12",
+    "the-mask-input": "3.3.13",
     "use-typed-reducer": "4.2.1",
     "zod": "3.23.8"
   },