@g4rcez/components 3.0.0-0 → 3.0.0

package/dist/preset/src/styles/light.js

@@ -11,198 +11,203 @@ export var LIGHT_THEME = {
     },
     zIndex: zIndex,
     colors: {
-        foreground: "hsla(217, 15%, 30%)",
-        background: "hsla(210, 40%, 98%)",
-        border: "hsla(210, 25%, 88%)",
-        muted: "hsla(210, 30%, 86%)",
-        disabled: "hsla(240, 10%, 78%)",
+        foreground: "hsla(221, 15%, 23%)",
+        background: "hsla(0, 0%, 100%)",
+        border: "hsla(240, 6%, 90%)",
+        muted: {
+            DEFAULT: "hsla(240, 5%, 96%)",
+            foreground: "hsla(240, 4%, 46%)",
+            subtle: "hsla(240, 4%, 46%)",
+            hover: "hsla(240, 5%, 96%)",
+        },
+        disabled: "hsla(240, 5%, 96%)",
         emphasis: {
-            foreground: "hsla(251,91%,95%)",
-            DEFAULT: "hsla(255,92%,76%)",
-            subtle: "hsla(252,95%,85%)",
-            hover: "hsla(262,83%,58%)",
+            foreground: "hsla(199, 89%, 48%)",
+            DEFAULT: "hsla(199, 89%, 96%)",
+            subtle: "hsla(199, 89%, 92%)",
+            hover: "hsla(199, 89%, 40%)",
         },
         primary: {
-            foreground: "hsla(210, 40%, 98%)",
-            DEFAULT: "hsla(199, 89%, 54%)",
-            subtle: "hsla(199, 95%, 87%)",
-            hover: "hsla(199, 97%, 40%)",
+            foreground: "hsla(240, 6%, 10%)",
+            DEFAULT: "hsla(201,49%,54%)",
+            subtle: "hsla(201,49%,36%)",
+            hover: "hsla(201,49%,22%)",
         },
         secondary: {
-            background: "hsla(210, 25%, 35%)",
-            DEFAULT: "hsla(210, 25%, 45%)",
-            subtle: "hsla(207, 29%, 39%)",
-            hover: "hsla(210, 21%, 67%)",
-            foreground: "hsla(210, 40%, 98%)",
+            background: "hsla(240, 5%, 96%)",
+            DEFAULT: "hsla(240, 6%, 10%)",
+            subtle: "hsla(240, 5%, 96%)",
+            hover: "hsla(240, 6%, 15%)",
+            foreground: "hsla(0, 0%, 100%)",
         },
         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%)",
+            DEFAULT: "hsla(199, 89%, 48%)",
+            subtle: "hsla(199, 89%, 96%)",
+            hover: "hsla(199, 89%, 40%)",
+            foreground: "hsla(0, 0%, 100%)",
+            notification: "hsla(199, 89%, 48%)",
         },
         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%)",
+            DEFAULT: "hsla(0, 84%, 60%)",
+            subtle: "hsla(0, 84%, 96%)",
+            hover: "hsla(0, 84%, 50%)",
+            foreground: "hsla(0, 0%, 100%)",
+            notification: "hsla(0, 84%, 60%)",
         },
         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%)",
+            DEFAULT: "hsla(38, 92%, 50%)",
+            subtle: "hsla(38, 92%, 96%)",
+            hover: "hsla(38, 92%, 45%)",
+            foreground: "hsla(0, 0%, 100%)",
+            notification: "hsla(38, 92%, 50%)",
         },
         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%)",
+            DEFAULT: "hsla(142, 71%, 45%)",
+            subtle: "hsla(142, 71%, 96%)",
+            hover: "hsla(142, 71%, 40%)",
+            foreground: "hsla(0, 0%, 100%)",
+            notification: "hsla(142, 71%, 45%)",
         },
         input: {
-            border: "hsla(218, 22%, 85%)",
-            placeholder: "hsla(210, 24%, 71%)",
-            "mask-error": "hsla(0, 94%, 81%)",
-            "switch-bg": "hsla(0, 0%, 45%)",
+            border: "hsla(240, 6%, 90%)",
+            placeholder: "hsla(240, 4%, 46%)",
+            "mask-error": "hsla(0, 84%, 96%)",
+            "switch-bg": "hsla(240, 6%, 90%)",
             switch: "hsla(0, 0%, 100%)",
-            slider: "hsla(0, 0%, 100%)",
+            slider: "hsla(199, 89%, 48%)",
         },
         card: {
-            muted: "hsla(210, 25%, 94%)",
-            border: "hsla(210, 25%, 95%)",
+            muted: "hsla(240, 5%, 96%)",
+            border: "hsla(240, 6%, 90%)",
             background: "hsla(0, 0%, 100%)",
         },
         floating: {
-            foreground: "hsla(217, 15%, 20%)",
+            foreground: "hsla(240, 10%, 4%)",
             background: "hsla(0, 0%, 100%)",
-            hover: "hsla(0, 0%, 92%)",
-            border: "hsla(210, 25%, 88%)",
-            overlay: "hsla(0, 0%, 0%)",
+            hover: "hsla(240, 5%, 96%)",
+            border: "hsla(240, 6%, 90%)",
+            overlay: "hsla(240, 10%, 4%)",
         },
         tooltip: {
-            foreground: "hsla(217, 15%, 20%)",
-            background: "hsla(210, 25%, 98%)",
-            hover: "hsla(210, 25%, 92%)",
-            border: "hsla(200, 1%, 80%)",
+            foreground: "hsla(0, 0%, 100%)",
+            background: "hsla(240, 10%, 4%)",
+            hover: "hsla(240, 10%, 4%)",
+            border: "hsla(240, 10%, 4%)",
             overlay: "hsla(0, 0%, 0%)",
         },
         table: {
-            header: "hsla(210, 20%, 98%)",
+            header: "hsla(240, 5%, 96%)",
             background: "hsla(0, 0%, 100%)",
-            border: "hsla(210, 20%, 92%)",
+            border: "hsla(240, 6%, 90%)",
         },
         button: {
             muted: {
-                bg: "hsla(210, 30%, 86%)",
-                text: "hsla(210, 10%, 15%)",
+                bg: "hsla(240, 5%, 96%)",
+                text: "hsla(240, 6%, 10%)",
             },
             primary: {
                 text: "hsla(0, 0%, 100%)",
-                bg: "hsla(207,96%,48%)",
+                bg: "hsla(201,49%,54%)",
             },
             warn: {
-                bg: "hsla(26,90%,60%)",
+                bg: "hsla(38, 92%, 50%)",
                 text: "hsla(0, 0%, 100%)",
             },
             info: {
                 text: "hsla(0, 0%, 100%)",
-                bg: "hsla(210,60%,60%)",
+                bg: "hsla(199, 89%, 48%)",
             },
             success: {
                 text: "hsla(0, 0%, 100%)",
-                bg: "hsla(152,56%,39%)",
+                bg: "hsla(142, 71%, 45%)",
             },
             danger: {
                 text: "hsla(0, 0%, 100%)",
-                bg: "hsla(10,78%,54%)",
+                bg: "hsla(0, 84%, 60%)",
             },
             neutral: {
-                text: "hsla(200,98%,60%)",
-                bg: "hsla(200,28%,19%)",
+                text: "hsla(240, 6%, 10%)",
+                bg: "hsla(240, 5%, 96%)",
             },
             secondary: {
-                text: "hsla(216,10%,90%)",
-                bg: "hsla(214,7%,19%)",
+                text: "hsla(0, 0%, 100%)",
+                bg: "hsla(240, 6%, 10%)",
             },
         },
         tag: {
             muted: {
-                bg: "hsla(210, 30%, 92%)",
-                text: "hsla(210, 10%, 25%)",
+                bg: "hsla(240, 5%, 96%)",
+                text: "hsla(240, 4%, 46%)",
             },
             primary: {
-                text: "hsla(0, 0%, 100%)",
-                bg: "hsla(207,70%,55%)",
+                text: "hsla(199, 89%, 48%)",
+                bg: "hsla(199, 89%, 96%)",
             },
             warn: {
-                bg: "hsla(30,100%,82%)",
-                text: "hsla(23,100%,40%)",
+                bg: "hsla(38, 92%, 96%)",
+                text: "hsla(38, 92%, 40%)",
             },
             info: {
-                text: "hsla(196,100%,20%)",
-                bg: "hsla(197,65%,80%)",
+                text: "hsla(199, 89%, 40%)",
+                bg: "hsla(199, 89%, 96%)",
             },
             success: {
-                text: "hsla(154,52%,19%)",
-                bg: "hsla(152,56%,80%)",
+                text: "hsla(142, 71%, 35%)",
+                bg: "hsla(142, 71%, 96%)",
             },
             danger: {
-                text: "hsla(10,82%,45%)",
-                bg: "hsla(359,94%,92%)",
+                text: "hsla(0, 84%, 45%)",
+                bg: "hsla(0, 84%, 96%)",
             },
             neutral: {
-                text: "hsla(200,98%,60%)",
-                bg: "hsla(200,28%,19%)",
+                text: "hsla(240, 6%, 10%)",
+                bg: "hsla(240, 5%, 96%)",
             },
             secondary: {
-                text: "hsla(216,10%,90%)",
-                bg: "hsla(214,7%,19%)",
+                text: "hsla(0, 0%, 100%)",
+                bg: "hsla(240, 6%, 10%)",
             },
         },
         alert: {
             muted: {
-                bg: "hsla(210, 30%, 86%)",
-                text: "hsla(210, 30%, 86%)",
-                border: "hsla(210, 10%, 70%)",
+                bg: "hsla(240, 5%, 96%)",
+                text: "hsla(240, 6%, 10%)",
+                border: "hsla(240, 6%, 90%)",
             },
             primary: {
-                text: "hsla(206,70%,50%)",
-                border: "hsla(206,90%,89%)",
-                bg: "hsla(205,92%,95%)",
+                text: "hsla(199, 89%, 40%)",
+                border: "hsla(199, 89%, 90%)",
+                bg: "hsla(199, 89%, 98%)",
             },
             warn: {
-                bg: "hsla(23,100%,96%)",
-                text: "hsla(23,93%,53%)",
-                border: "hsla(33,100%,85%)",
+                bg: "hsla(38, 92%, 98%)",
+                text: "hsla(38, 92%, 35%)",
+                border: "hsla(38, 92%, 90%)",
             },
             info: {
-                text: "hsla(252,56%,57%)",
-                bg: "hsla(256,100%,95%)",
-                border: "hsla(252,76%,84%)",
+                text: "hsla(199, 89%, 35%)",
+                bg: "hsla(199, 89%, 98%)",
+                border: "hsla(199, 89%, 90%)",
             },
             success: {
-                text: "hsla(152,56%,39%)",
-                bg: "hsla(139,47%,93%)",
-                border: "hsla(152,58%,78%)",
+                text: "hsla(142, 71%, 30%)",
+                bg: "hsla(142, 71%, 98%)",
+                border: "hsla(142, 71%, 90%)",
             },
             danger: {
-                text: "hsla(358,69%,55%)",
-                bg: "hsla(357,90%,96%)",
-                border: "hsla(359,100%,90%)",
+                text: "hsla(0, 84%, 40%)",
+                bg: "hsla(0, 84%, 98%)",
+                border: "hsla(0, 84%, 90%)",
             },
             neutral: {
-                text: "hsla(200,98%,60%)",
-                bg: "hsla(200,28%,19%)",
-                border: "hsla(200,90%,89%)",
+                text: "hsla(240, 6%, 10%)",
+                bg: "hsla(240, 5%, 96%)",
+                border: "hsla(240, 6%, 90%)",
             },
             secondary: {
-                text: "hsla(216,10%,10%)",
-                bg: "hsla(214,7%,92%)",
-                border: "hsla(216,22%,78%)",
+                text: "hsla(0, 0%, 100%)",
+                bg: "hsla(240, 6%, 10%)",
+                border: "hsla(240, 6%, 10%)",
             },
         },
     },

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

@@ -30,15 +30,24 @@ export type DesignTokens = {
     name: string;
     zIndex: ZIndex;
     shadow: Record<`shadow-${Shadows}`, string>;
-    spacing: Record<"base" | "lg" | "sm" | "hairline", string>;
+    spacing: Record<"base" | "lg" | "sm" | "hairline", string> & {
+        dialog: string;
+        "input-x": string;
+        "input-y": string;
+        "input-gap": string;
+        "field-label": string;
+        "field-height": string;
+        "input-height": string;
+        "input-inline": string;
+    };
     rounded: Record<"button" | "full" | "pill" | "card", string>;
     custom?: Record<string, string>;
     colors: {
-        disabled: string;
         border: string;
+        disabled: string;
         background: string;
-        muted: string;
         foreground: string;
+        muted: BasicTokens;
         primary: BasicTokens;
         emphasis: BasicTokens;
         tooltip: ComponentToken;
@@ -49,11 +58,6 @@ export type DesignTokens = {
         warn: BasicTokens & {
             notification: string;
         };
-        card: {
-            background: string;
-            border: string;
-            muted: string;
-        };
         danger: BasicTokens & {
             notification: string;
         };
@@ -71,6 +75,11 @@ export type DesignTokens = {
             text: string;
             bg: string;
         }>;
+        card: {
+            background: string;
+            border: string;
+            muted: string;
+        };
         table: {
             border: string;
             header: string;

package/dist/preset/src/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/dist/styles/common.d.ts

@@ -1,22 +1,10 @@
-import { ZIndex } from "./theme.types";
+import { DesignTokens, ZIndex } from "./theme.types";
 export declare const rounded: {
     readonly button: "0.55rem";
     readonly pill: "2rem";
     readonly card: "0.75rem";
     readonly full: "9999px";
 };
-export declare const spacing: {
-    readonly base: "1rem";
-    readonly hairline: "0.0625rem";
-    readonly lg: "1.125rem";
-    readonly sm: "0.75rem";
-    readonly "field-height": "1.5rem";
-    readonly "field-label": "0.875rem";
-    readonly "input-height": "2.5rem";
-    readonly "input-x": "0.5rem";
-    readonly "input-y": "0.25rem";
-    readonly "input-inline": "0.25rem";
-    readonly "input-gap": "0.3rem";
-};
+export declare const spacing: DesignTokens["spacing"];
 export declare const zIndex: ZIndex;
 //# sourceMappingURL=common.d.ts.map

package/dist/styles/common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../src/styles/common.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,eAAO,MAAM,OAAO;;;;;CAKV,CAAC;AAEX,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYV,CAAC;AAEX,eAAO,MAAM,MAAM,EAAE,MAQX,CAAC"}
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../src/styles/common.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAErD,eAAO,MAAM,OAAO;;;;;CAKV,CAAC;AAEX,eAAO,MAAM,OAAO,EAAE,YAAY,CAAC,SAAS,CAalC,CAAC;AAEX,eAAO,MAAM,MAAM,EAAE,MAQX,CAAC"}

package/dist/styles/common.js

@@ -9,6 +9,7 @@ export const spacing = {
     hairline: "0.0625rem",
     lg: "1.125rem",
     sm: "0.75rem",
+    dialog: "20rem",
     "field-height": "1.5rem",
     "field-label": "0.875rem",
     "input-height": "2.5rem",

package/dist/styles/dark.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dark.d.ts","sourceRoot":"","sources":["../../src/styles/dark.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,eAAO,MAAM,UAAU,EAAE,YA+MxB,CAAC"}
+{"version":3,"file":"dark.d.ts","sourceRoot":"","sources":["../../src/styles/dark.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,eAAO,MAAM,UAAU,EAAE,YAoNxB,CAAC"}