@kimdw-rtk/ui 0.0.2 → 0.0.3

package/dist/themes/lightTheme.css.d.ts

@@ -0,0 +1,314 @@
+export declare const lightThemeVars: {
+    borderRadius: string;
+    color: {
+        red: {
+            readonly 50: "254, 242, 242";
+            readonly 100: "254, 226, 226";
+            readonly 200: "254, 202, 202";
+            readonly 300: "252, 165, 165";
+            readonly 400: "248, 113, 113";
+            readonly 500: "239, 68, 68";
+            readonly 600: "220, 38, 38";
+            readonly 700: "185, 28, 28";
+            readonly 800: "153, 27, 27";
+            readonly 900: "127, 29, 29";
+            readonly 950: "69, 10, 10";
+        };
+        orange: {
+            readonly 50: "255, 247, 237";
+            readonly 100: "255, 237, 213";
+            readonly 200: "254, 215, 170";
+            readonly 300: "253, 186, 116";
+            readonly 400: "251, 146, 60";
+            readonly 500: "249, 115, 22";
+            readonly 600: "234, 88, 12";
+            readonly 700: "194, 65, 12";
+            readonly 800: "154, 52, 18";
+            readonly 900: "124, 45, 18";
+            readonly 950: "67, 20, 7";
+        };
+        amber: {
+            readonly 50: "255, 251, 235";
+            readonly 100: "254, 243, 199";
+            readonly 200: "253, 230, 138";
+            readonly 300: "252, 211, 77";
+            readonly 400: "251, 191, 36";
+            readonly 500: "245, 158, 11";
+            readonly 600: "217, 119, 6";
+            readonly 700: "180, 83, 9";
+            readonly 800: "146, 64, 14";
+            readonly 900: "120, 53, 15";
+            readonly 950: "69, 26, 3";
+        };
+        yellow: {
+            readonly 50: "254, 252, 232";
+            readonly 100: "254, 249, 195";
+            readonly 200: "254, 240, 138";
+            readonly 300: "253, 224, 71";
+            readonly 400: "250, 204, 21";
+            readonly 500: "234, 179, 8";
+            readonly 600: "202, 138, 4";
+            readonly 700: "161, 98, 7";
+            readonly 800: "133, 77, 14";
+            readonly 900: "113, 63, 18";
+            readonly 950: "66, 32, 6";
+        };
+        lime: {
+            readonly 50: "247, 254, 231";
+            readonly 100: "236, 252, 203";
+            readonly 200: "217, 249, 157";
+            readonly 300: "190, 242, 100";
+            readonly 400: "163, 230, 53";
+            readonly 500: "132, 204, 22";
+            readonly 600: "101, 163, 13";
+            readonly 700: "77, 124, 15";
+            readonly 800: "63, 98, 18";
+            readonly 900: "54, 83, 20";
+            readonly 950: "26, 46, 5";
+        };
+        green: {
+            readonly 50: "240, 253, 244";
+            readonly 100: "220, 252, 231";
+            readonly 200: "187, 247, 208";
+            readonly 300: "134, 239, 172";
+            readonly 400: "74, 222, 128";
+            readonly 500: "34, 197, 94";
+            readonly 600: "22, 163, 74";
+            readonly 700: "21, 128, 61";
+            readonly 800: "22, 101, 52";
+            readonly 900: "20, 83, 45";
+            readonly 950: "5, 46, 22";
+        };
+        emerald: {
+            readonly 50: "236, 253, 245";
+            readonly 100: "209, 250, 229";
+            readonly 200: "167, 243, 208";
+            readonly 300: "110, 231, 183";
+            readonly 400: "52, 211, 153";
+            readonly 500: "16, 185, 129";
+            readonly 600: "5, 150, 105";
+            readonly 700: "4, 120, 87";
+            readonly 800: "6, 95, 70";
+            readonly 900: "6, 78, 59";
+            readonly 950: "2, 44, 34";
+        };
+        teal: {
+            readonly 50: "240, 253, 250";
+            readonly 100: "204, 251, 241";
+            readonly 200: "153, 246, 228";
+            readonly 300: "94, 234, 212";
+            readonly 400: "45, 212, 191";
+            readonly 500: "20, 184, 166";
+            readonly 600: "13, 148, 136";
+            readonly 700: "15, 118, 110";
+            readonly 800: "17, 94, 89";
+            readonly 900: "19, 78, 74";
+            readonly 950: "4, 47, 46";
+        };
+        cyan: {
+            readonly 50: "236, 254, 255";
+            readonly 100: "207, 250, 254";
+            readonly 200: "165, 243, 252";
+            readonly 300: "103, 232, 249";
+            readonly 400: "34, 211, 238";
+            readonly 500: "6, 182, 212";
+            readonly 600: "8, 145, 178";
+            readonly 700: "14, 116, 144";
+            readonly 800: "21, 94, 117";
+            readonly 900: "22, 78, 99";
+            readonly 950: "8, 51, 68";
+        };
+        sky: {
+            readonly 50: "240, 249, 255";
+            readonly 100: "224, 242, 254";
+            readonly 200: "186, 230, 253";
+            readonly 300: "125, 211, 252";
+            readonly 400: "56, 189, 248";
+            readonly 500: "14, 165, 233";
+            readonly 600: "2, 132, 199";
+            readonly 700: "3, 105, 161";
+            readonly 800: "7, 89, 133";
+            readonly 900: "12, 74, 110";
+            readonly 950: "8, 47, 73";
+        };
+        blue: {
+            readonly 50: "239, 246, 255";
+            readonly 100: "219, 234, 254";
+            readonly 200: "191, 219, 254";
+            readonly 300: "147, 197, 253";
+            readonly 400: "96, 165, 250";
+            readonly 500: "59, 130, 246";
+            readonly 600: "37, 99, 235";
+            readonly 700: "29, 78, 216";
+            readonly 800: "30, 64, 175";
+            readonly 900: "30, 58, 138";
+            readonly 950: "23, 37, 84";
+        };
+        indigo: {
+            readonly 50: "238, 242, 255";
+            readonly 100: "224, 231, 255";
+            readonly 200: "199, 210, 254";
+            readonly 300: "165, 180, 252";
+            readonly 400: "129, 140, 248";
+            readonly 500: "99, 102, 241";
+            readonly 600: "79, 70, 229";
+            readonly 700: "67, 56, 202";
+            readonly 800: "55, 48, 163";
+            readonly 900: "49, 46, 129";
+            readonly 950: "30, 27, 75";
+        };
+        violet: {
+            readonly 50: "245, 243, 255";
+            readonly 100: "237, 233, 254";
+            readonly 200: "221, 214, 254";
+            readonly 300: "196, 181, 253";
+            readonly 400: "167, 139, 250";
+            readonly 500: "139, 92, 246";
+            readonly 600: "124, 58, 237";
+            readonly 700: "109, 40, 217";
+            readonly 800: "91, 33, 182";
+            readonly 900: "76, 29, 149";
+            readonly 950: "46, 16, 101";
+        };
+        purple: {
+            readonly 50: "250, 245, 255";
+            readonly 100: "243, 232, 255";
+            readonly 200: "233, 213, 255";
+            readonly 300: "216, 180, 254";
+            readonly 400: "192, 132, 252";
+            readonly 500: "168, 85, 247";
+            readonly 600: "147, 51, 234";
+            readonly 700: "126, 34, 206";
+            readonly 800: "107, 33, 168";
+            readonly 900: "88, 28, 135";
+            readonly 950: "59, 7, 100";
+        };
+        fuchsia: {
+            readonly 50: "253, 244, 255";
+            readonly 100: "250, 232, 255";
+            readonly 200: "245, 208, 254";
+            readonly 300: "240, 171, 252";
+            readonly 400: "232, 121, 249";
+            readonly 500: "217, 70, 239";
+            readonly 600: "192, 38, 211";
+            readonly 700: "162, 28, 175";
+            readonly 800: "134, 25, 143";
+            readonly 900: "112, 26, 117";
+            readonly 950: "74, 4, 78";
+        };
+        pink: {
+            readonly 50: "253, 242, 248";
+            readonly 100: "252, 231, 243";
+            readonly 200: "251, 207, 232";
+            readonly 300: "249, 168, 212";
+            readonly 400: "244, 114, 182";
+            readonly 500: "236, 72, 153";
+            readonly 600: "219, 39, 119";
+            readonly 700: "190, 24, 93";
+            readonly 800: "157, 23, 77";
+            readonly 900: "131, 24, 67";
+            readonly 950: "80, 7, 36";
+        };
+        rose: {
+            readonly 50: "255, 241, 242";
+            readonly 100: "255, 228, 230";
+            readonly 200: "254, 205, 211";
+            readonly 300: "253, 164, 175";
+            readonly 400: "251, 113, 133";
+            readonly 500: "244, 63, 94";
+            readonly 600: "225, 29, 72";
+            readonly 700: "190, 18, 60";
+            readonly 800: "159, 18, 57";
+            readonly 900: "136, 19, 55";
+            readonly 950: "76, 5, 25";
+        };
+        slate: {
+            readonly 50: "248, 250, 252";
+            readonly 100: "241, 245, 249";
+            readonly 200: "226, 232, 240";
+            readonly 300: "203, 213, 225";
+            readonly 400: "148, 163, 184";
+            readonly 500: "100, 116, 139";
+            readonly 600: "71, 85, 105";
+            readonly 700: "51, 65, 85";
+            readonly 800: "30, 41, 59";
+            readonly 900: "15, 23, 42";
+            readonly 950: "2, 6, 23";
+        };
+        gray: {
+            readonly 50: "249, 250, 251";
+            readonly 100: "243, 244, 246";
+            readonly 200: "229, 231, 235";
+            readonly 300: "209, 213, 219";
+            readonly 400: "156, 163, 175";
+            readonly 500: "107, 114, 128";
+            readonly 600: "75, 85, 99";
+            readonly 700: "55, 65, 81";
+            readonly 800: "31, 41, 55";
+            readonly 900: "17, 24, 39";
+            readonly 950: "3, 7, 18";
+        };
+        zinc: {
+            readonly 50: "250, 250, 250";
+            readonly 100: "244, 244, 245";
+            readonly 200: "228, 228, 231";
+            readonly 300: "212, 212, 216";
+            readonly 400: "161, 161, 170";
+            readonly 500: "113, 113, 122";
+            readonly 600: "82, 82, 91";
+            readonly 700: "63, 63, 70";
+            readonly 800: "39, 39, 42";
+            readonly 900: "24, 24, 27";
+            readonly 950: "9, 9, 11";
+        };
+        neutral: {
+            readonly 50: "250, 250, 250";
+            readonly 100: "245, 245, 245";
+            readonly 200: "229, 229, 229";
+            readonly 300: "212, 212, 212";
+            readonly 400: "163, 163, 163";
+            readonly 500: "115, 115, 115";
+            readonly 600: "82, 82, 82";
+            readonly 700: "64, 64, 64";
+            readonly 800: "38, 38, 38";
+            readonly 900: "23, 23, 23";
+            readonly 950: "10, 10, 10";
+        };
+        stone: {
+            readonly 50: "250, 250, 249";
+            readonly 100: "245, 245, 244";
+            readonly 200: "231, 229, 228";
+            readonly 300: "214, 211, 209";
+            readonly 400: "168, 162, 158";
+            readonly 500: "120, 113, 108";
+            readonly 600: "87, 83, 78";
+            readonly 700: "68, 64, 60";
+            readonly 800: "41, 37, 36";
+            readonly 900: "28, 25, 23";
+            readonly 950: "12, 10, 9";
+        };
+        background: string;
+        foreground: string;
+        primary: string;
+        'primary-foreground': string;
+        secondary: string;
+        'secondary-foreground': string;
+        muted: string;
+        'muted-foreground': string;
+        accent: string;
+        'accent-foreground': string;
+        border: string;
+        'border.weak': string;
+        card: string;
+        'card-foreground': string;
+        'card.gradient': string;
+        success: string;
+        'success-foreground': string;
+        danger: string;
+        'danger-foreground': string;
+        warning: string;
+        'warning-foreground': string;
+        shadow: string;
+    };
+};
+//# sourceMappingURL=lightTheme.css.d.ts.map

package/dist/themes/lightTheme.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lightTheme.css.d.ts","sourceRoot":"","sources":["../../src/themes/lightTheme.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2B1B,CAAC"}

package/dist/themes/lightTheme.css.js

@@ -0,0 +1,29 @@
+import { lightColor } from '../tokens/scale/color';
+export const lightThemeVars = {
+    borderRadius: '6px',
+    color: {
+        background: '255, 255, 255',
+        foreground: '10, 10, 11',
+        primary: '42, 122, 255',
+        'primary-foreground': '240, 248, 255',
+        secondary: '240, 242, 245',
+        'secondary-foreground': '48, 48, 49',
+        muted: '234, 239, 245',
+        'muted-foreground': '120, 120, 120',
+        accent: '216, 226, 239',
+        'accent-foreground': '32, 32, 33',
+        border: '203, 213, 225',
+        'border.weak': '220, 229, 237',
+        card: '244, 247, 255',
+        'card-foreground': '10, 10, 11',
+        'card.gradient': '179, 195, 255',
+        success: '34, 197, 94',
+        'success-foreground': '255, 255, 255',
+        danger: '239, 68, 68',
+        'danger-foreground': '255, 255, 255',
+        warning: '251, 191, 36',
+        'warning-foreground': '49, 36, 0',
+        shadow: '188, 188, 188',
+        ...lightColor,
+    },
+};

package/dist/themes/theme.css.d.ts

@@ -0,0 +1,314 @@
+export declare const theme: {
+    borderRadius: `var(--${string})`;
+    color: {
+        red: {
+            readonly 50: `var(--${string})`;
+            readonly 100: `var(--${string})`;
+            readonly 200: `var(--${string})`;
+            readonly 300: `var(--${string})`;
+            readonly 400: `var(--${string})`;
+            readonly 500: `var(--${string})`;
+            readonly 600: `var(--${string})`;
+            readonly 700: `var(--${string})`;
+            readonly 800: `var(--${string})`;
+            readonly 900: `var(--${string})`;
+            readonly 950: `var(--${string})`;
+        };
+        orange: {
+            readonly 50: `var(--${string})`;
+            readonly 100: `var(--${string})`;
+            readonly 200: `var(--${string})`;
+            readonly 300: `var(--${string})`;
+            readonly 400: `var(--${string})`;
+            readonly 500: `var(--${string})`;
+            readonly 600: `var(--${string})`;
+            readonly 700: `var(--${string})`;
+            readonly 800: `var(--${string})`;
+            readonly 900: `var(--${string})`;
+            readonly 950: `var(--${string})`;
+        };
+        amber: {
+            readonly 50: `var(--${string})`;
+            readonly 100: `var(--${string})`;
+            readonly 200: `var(--${string})`;
+            readonly 300: `var(--${string})`;
+            readonly 400: `var(--${string})`;
+            readonly 500: `var(--${string})`;
+            readonly 600: `var(--${string})`;
+            readonly 700: `var(--${string})`;
+            readonly 800: `var(--${string})`;
+            readonly 900: `var(--${string})`;
+            readonly 950: `var(--${string})`;
+        };
+        yellow: {
+            readonly 50: `var(--${string})`;
+            readonly 100: `var(--${string})`;
+            readonly 200: `var(--${string})`;
+            readonly 300: `var(--${string})`;
+            readonly 400: `var(--${string})`;
+            readonly 500: `var(--${string})`;
+            readonly 600: `var(--${string})`;
+            readonly 700: `var(--${string})`;
+            readonly 800: `var(--${string})`;
+            readonly 900: `var(--${string})`;
+            readonly 950: `var(--${string})`;
+        };
+        lime: {
+            readonly 50: `var(--${string})`;
+            readonly 100: `var(--${string})`;
+            readonly 200: `var(--${string})`;
+            readonly 300: `var(--${string})`;
+            readonly 400: `var(--${string})`;
+            readonly 500: `var(--${string})`;
+            readonly 600: `var(--${string})`;
+            readonly 700: `var(--${string})`;
+            readonly 800: `var(--${string})`;
+            readonly 900: `var(--${string})`;
+            readonly 950: `var(--${string})`;
+        };
+        green: {
+            readonly 50: `var(--${string})`;
+            readonly 100: `var(--${string})`;
+            readonly 200: `var(--${string})`;
+            readonly 300: `var(--${string})`;
+            readonly 400: `var(--${string})`;
+            readonly 500: `var(--${string})`;
+            readonly 600: `var(--${string})`;
+            readonly 700: `var(--${string})`;
+            readonly 800: `var(--${string})`;
+            readonly 900: `var(--${string})`;
+            readonly 950: `var(--${string})`;
+        };
+        emerald: {
+            readonly 50: `var(--${string})`;
+            readonly 100: `var(--${string})`;
+            readonly 200: `var(--${string})`;
+            readonly 300: `var(--${string})`;
+            readonly 400: `var(--${string})`;
+            readonly 500: `var(--${string})`;
+            readonly 600: `var(--${string})`;
+            readonly 700: `var(--${string})`;
+            readonly 800: `var(--${string})`;
+            readonly 900: `var(--${string})`;
+            readonly 950: `var(--${string})`;
+        };
+        teal: {
+            readonly 50: `var(--${string})`;
+            readonly 100: `var(--${string})`;
+            readonly 200: `var(--${string})`;
+            readonly 300: `var(--${string})`;
+            readonly 400: `var(--${string})`;
+            readonly 500: `var(--${string})`;
+            readonly 600: `var(--${string})`;
+            readonly 700: `var(--${string})`;
+            readonly 800: `var(--${string})`;
+            readonly 900: `var(--${string})`;
+            readonly 950: `var(--${string})`;
+        };
+        cyan: {
+            readonly 50: `var(--${string})`;
+            readonly 100: `var(--${string})`;
+            readonly 200: `var(--${string})`;
+            readonly 300: `var(--${string})`;
+            readonly 400: `var(--${string})`;
+            readonly 500: `var(--${string})`;
+            readonly 600: `var(--${string})`;
+            readonly 700: `var(--${string})`;
+            readonly 800: `var(--${string})`;
+            readonly 900: `var(--${string})`;
+            readonly 950: `var(--${string})`;
+        };
+        sky: {
+            readonly 50: `var(--${string})`;
+            readonly 100: `var(--${string})`;
+            readonly 200: `var(--${string})`;
+            readonly 300: `var(--${string})`;
+            readonly 400: `var(--${string})`;
+            readonly 500: `var(--${string})`;
+            readonly 600: `var(--${string})`;
+            readonly 700: `var(--${string})`;
+            readonly 800: `var(--${string})`;
+            readonly 900: `var(--${string})`;
+            readonly 950: `var(--${string})`;
+        };
+        blue: {
+            readonly 50: `var(--${string})`;
+            readonly 100: `var(--${string})`;
+            readonly 200: `var(--${string})`;
+            readonly 300: `var(--${string})`;
+            readonly 400: `var(--${string})`;
+            readonly 500: `var(--${string})`;
+            readonly 600: `var(--${string})`;
+            readonly 700: `var(--${string})`;
+            readonly 800: `var(--${string})`;
+            readonly 900: `var(--${string})`;
+            readonly 950: `var(--${string})`;
+        };
+        indigo: {
+            readonly 50: `var(--${string})`;
+            readonly 100: `var(--${string})`;
+            readonly 200: `var(--${string})`;
+            readonly 300: `var(--${string})`;
+            readonly 400: `var(--${string})`;
+            readonly 500: `var(--${string})`;
+            readonly 600: `var(--${string})`;
+            readonly 700: `var(--${string})`;
+            readonly 800: `var(--${string})`;
+            readonly 900: `var(--${string})`;
+            readonly 950: `var(--${string})`;
+        };
+        violet: {
+            readonly 50: `var(--${string})`;
+            readonly 100: `var(--${string})`;
+            readonly 200: `var(--${string})`;
+            readonly 300: `var(--${string})`;
+            readonly 400: `var(--${string})`;
+            readonly 500: `var(--${string})`;
+            readonly 600: `var(--${string})`;
+            readonly 700: `var(--${string})`;
+            readonly 800: `var(--${string})`;
+            readonly 900: `var(--${string})`;
+            readonly 950: `var(--${string})`;
+        };
+        purple: {
+            readonly 50: `var(--${string})`;
+            readonly 100: `var(--${string})`;
+            readonly 200: `var(--${string})`;
+            readonly 300: `var(--${string})`;
+            readonly 400: `var(--${string})`;
+            readonly 500: `var(--${string})`;
+            readonly 600: `var(--${string})`;
+            readonly 700: `var(--${string})`;
+            readonly 800: `var(--${string})`;
+            readonly 900: `var(--${string})`;
+            readonly 950: `var(--${string})`;
+        };
+        fuchsia: {
+            readonly 50: `var(--${string})`;
+            readonly 100: `var(--${string})`;
+            readonly 200: `var(--${string})`;
+            readonly 300: `var(--${string})`;
+            readonly 400: `var(--${string})`;
+            readonly 500: `var(--${string})`;
+            readonly 600: `var(--${string})`;
+            readonly 700: `var(--${string})`;
+            readonly 800: `var(--${string})`;
+            readonly 900: `var(--${string})`;
+            readonly 950: `var(--${string})`;
+        };
+        pink: {
+            readonly 50: `var(--${string})`;
+            readonly 100: `var(--${string})`;
+            readonly 200: `var(--${string})`;
+            readonly 300: `var(--${string})`;
+            readonly 400: `var(--${string})`;
+            readonly 500: `var(--${string})`;
+            readonly 600: `var(--${string})`;
+            readonly 700: `var(--${string})`;
+            readonly 800: `var(--${string})`;
+            readonly 900: `var(--${string})`;
+            readonly 950: `var(--${string})`;
+        };
+        rose: {
+            readonly 50: `var(--${string})`;
+            readonly 100: `var(--${string})`;
+            readonly 200: `var(--${string})`;
+            readonly 300: `var(--${string})`;
+            readonly 400: `var(--${string})`;
+            readonly 500: `var(--${string})`;
+            readonly 600: `var(--${string})`;
+            readonly 700: `var(--${string})`;
+            readonly 800: `var(--${string})`;
+            readonly 900: `var(--${string})`;
+            readonly 950: `var(--${string})`;
+        };
+        slate: {
+            readonly 50: `var(--${string})`;
+            readonly 100: `var(--${string})`;
+            readonly 200: `var(--${string})`;
+            readonly 300: `var(--${string})`;
+            readonly 400: `var(--${string})`;
+            readonly 500: `var(--${string})`;
+            readonly 600: `var(--${string})`;
+            readonly 700: `var(--${string})`;
+            readonly 800: `var(--${string})`;
+            readonly 900: `var(--${string})`;
+            readonly 950: `var(--${string})`;
+        };
+        gray: {
+            readonly 50: `var(--${string})`;
+            readonly 100: `var(--${string})`;
+            readonly 200: `var(--${string})`;
+            readonly 300: `var(--${string})`;
+            readonly 400: `var(--${string})`;
+            readonly 500: `var(--${string})`;
+            readonly 600: `var(--${string})`;
+            readonly 700: `var(--${string})`;
+            readonly 800: `var(--${string})`;
+            readonly 900: `var(--${string})`;
+            readonly 950: `var(--${string})`;
+        };
+        zinc: {
+            readonly 50: `var(--${string})`;
+            readonly 100: `var(--${string})`;
+            readonly 200: `var(--${string})`;
+            readonly 300: `var(--${string})`;
+            readonly 400: `var(--${string})`;
+            readonly 500: `var(--${string})`;
+            readonly 600: `var(--${string})`;
+            readonly 700: `var(--${string})`;
+            readonly 800: `var(--${string})`;
+            readonly 900: `var(--${string})`;
+            readonly 950: `var(--${string})`;
+        };
+        neutral: {
+            readonly 50: `var(--${string})`;
+            readonly 100: `var(--${string})`;
+            readonly 200: `var(--${string})`;
+            readonly 300: `var(--${string})`;
+            readonly 400: `var(--${string})`;
+            readonly 500: `var(--${string})`;
+            readonly 600: `var(--${string})`;
+            readonly 700: `var(--${string})`;
+            readonly 800: `var(--${string})`;
+            readonly 900: `var(--${string})`;
+            readonly 950: `var(--${string})`;
+        };
+        stone: {
+            readonly 50: `var(--${string})`;
+            readonly 100: `var(--${string})`;
+            readonly 200: `var(--${string})`;
+            readonly 300: `var(--${string})`;
+            readonly 400: `var(--${string})`;
+            readonly 500: `var(--${string})`;
+            readonly 600: `var(--${string})`;
+            readonly 700: `var(--${string})`;
+            readonly 800: `var(--${string})`;
+            readonly 900: `var(--${string})`;
+            readonly 950: `var(--${string})`;
+        };
+        primary: `var(--${string})`;
+        secondary: `var(--${string})`;
+        muted: `var(--${string})`;
+        accent: `var(--${string})`;
+        card: `var(--${string})`;
+        danger: `var(--${string})`;
+        warning: `var(--${string})`;
+        success: `var(--${string})`;
+        "primary-foreground": `var(--${string})`;
+        "secondary-foreground": `var(--${string})`;
+        "muted-foreground": `var(--${string})`;
+        "accent-foreground": `var(--${string})`;
+        "card-foreground": `var(--${string})`;
+        "danger-foreground": `var(--${string})`;
+        "warning-foreground": `var(--${string})`;
+        "success-foreground": `var(--${string})`;
+        background: `var(--${string})`;
+        foreground: `var(--${string})`;
+        border: `var(--${string})`;
+        'border.weak': `var(--${string})`;
+        'card.gradient': `var(--${string})`;
+        shadow: `var(--${string})`;
+    };
+};
+//# sourceMappingURL=theme.css.d.ts.map

package/dist/themes/theme.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.css.d.ts","sourceRoot":"","sources":["../../src/themes/theme.css.ts"],"names":[],"mappings":"AAmBA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYhB,CAAC"}

package/dist/themes/theme.css.js

@@ -0,0 +1,21 @@
+import { createThemeContract } from '@vanilla-extract/css';
+import { semanticColor } from '#tokens';
+import { lightColor } from '../tokens/scale/color';
+const semanticColors = semanticColor.reduce((prev, current) => ({
+    ...prev,
+    [current]: null,
+    [`${current}-foreground`]: null,
+}), {});
+export const theme = createThemeContract({
+    borderRadius: null,
+    color: {
+        background: null,
+        foreground: null,
+        border: null,
+        'border.weak': null,
+        'card.gradient': null,
+        shadow: null,
+        ...semanticColors,
+        ...lightColor,
+    },
+});