@xiaou66/u-styles 0.0.1

package/dist/theme.less

@@ -0,0 +1,384 @@
+:root {
+  --blue-1: 0, 26, 77;
+  --blue-2: 5, 47, 120;
+  --blue-3: 19, 76, 163;
+  --blue-4: 41, 113, 207;
+  --blue-5: 70, 153, 250;
+  --blue-6: 90, 170, 251;
+  --blue-7: 125, 193, 252;
+  --blue-8: 161, 213, 253;
+  --blue-9: 198, 232, 254;
+  --blue-10: 234, 248, 255;
+  --cyan-1: 232, 255, 251;
+  --cyan-2: 183, 244, 236;
+  --cyan-3: 137, 233, 224;
+  --cyan-4: 94, 223, 214;
+  --cyan-5: 55, 212, 207;
+  --cyan-6: 20, 201, 201;
+  --cyan-7: 13, 165, 170;
+  --cyan-8: 7, 130, 139;
+  --cyan-9: 3, 97, 108;
+  --cyan-10: 0, 66, 77;
+  --gold-1: 255, 252, 232;
+  --gold-2: 253, 244, 191;
+  --gold-3: 252, 233, 150;
+  --gold-4: 250, 220, 109;
+  --gold-5: 249, 204, 69;
+  --gold-6: 247, 186, 30;
+  --gold-7: 204, 146, 19;
+  --gold-8: 162, 109, 10;
+  --gold-9: 119, 75, 4;
+  --gold-10: 77, 45, 0;
+  --gray-1: 247, 248, 250;
+  --gray-2: 242, 243, 245;
+  --gray-3: 229, 230, 235;
+  --gray-4: 201, 205, 212;
+  --gray-5: 169, 174, 184;
+  --gray-6: 134, 144, 156;
+  --gray-7: 107, 119, 133;
+  --gray-8: 78, 89, 105;
+  --gray-9: 39, 46, 59;
+  --gray-10: 29, 33, 41;
+  --green-1: 232, 255, 234;
+  --green-2: 175, 240, 181;
+  --green-3: 123, 225, 136;
+  --green-4: 76, 210, 99;
+  --green-5: 35, 195, 67;
+  --green-6: 0, 180, 42;
+  --green-7: 0, 154, 41;
+  --green-8: 0, 128, 38;
+  --green-9: 0, 102, 34;
+  --green-10: 0, 77, 28;
+  --lime-1: 252, 255, 232;
+  --lime-2: 237, 248, 187;
+  --lime-3: 220, 241, 144;
+  --lime-4: 201, 233, 104;
+  --lime-5: 181, 226, 65;
+  --lime-6: 159, 219, 29;
+  --lime-7: 126, 183, 18;
+  --lime-8: 95, 148, 10;
+  --lime-9: 67, 112, 4;
+  --lime-10: 42, 77, 0;
+  --magenta-1: 255, 232, 241;
+  --magenta-2: 253, 194, 219;
+  --magenta-3: 251, 157, 199;
+  --magenta-4: 249, 121, 183;
+  --magenta-5: 247, 84, 168;
+  --magenta-6: 245, 49, 157;
+  --magenta-7: 203, 30, 131;
+  --magenta-8: 161, 16, 105;
+  --magenta-9: 119, 6, 79;
+  --magenta-10: 77, 0, 52;
+  --orange-1: 255, 247, 232;
+  --orange-2: 255, 228, 186;
+  --orange-3: 255, 207, 139;
+  --orange-4: 255, 182, 93;
+  --orange-5: 255, 154, 46;
+  --orange-6: 255, 125, 0;
+  --orange-7: 210, 95, 0;
+  --orange-8: 166, 69, 0;
+  --orange-9: 121, 46, 0;
+  --orange-10: 77, 27, 0;
+  --orangered-1: 255, 243, 232;
+  --orangered-2: 253, 221, 195;
+  --orangered-3: 252, 197, 159;
+  --orangered-4: 250, 172, 123;
+  --orangered-5: 249, 144, 87;
+  --orangered-6: 247, 114, 52;
+  --orangered-7: 204, 81, 32;
+  --orangered-8: 162, 53, 17;
+  --orangered-9: 119, 31, 6;
+  --orangered-10: 77, 14, 0;
+  --pinkpurple-1: 255, 232, 251;
+  --pinkpurple-2: 247, 186, 239;
+  --pinkpurple-3: 240, 142, 230;
+  --pinkpurple-4: 232, 101, 223;
+  --pinkpurple-5: 225, 62, 219;
+  --pinkpurple-6: 217, 26, 217;
+  --pinkpurple-7: 176, 16, 182;
+  --pinkpurple-8: 138, 9, 147;
+  --pinkpurple-9: 101, 3, 112;
+  --pinkpurple-10: 66, 0, 77;
+  --purple-1: 245, 232, 255;
+  --purple-2: 221, 190, 246;
+  --purple-3: 195, 150, 237;
+  --purple-4: 168, 113, 227;
+  --purple-5: 141, 78, 218;
+  --purple-6: 114, 46, 209;
+  --purple-7: 85, 29, 176;
+  --purple-8: 60, 16, 143;
+  --purple-9: 39, 6, 110;
+  --purple-10: 22, 0, 77;
+  --red-1: 255, 236, 232;
+  --red-2: 253, 205, 197;
+  --red-3: 251, 172, 163;
+  --red-4: 249, 137, 129;
+  --red-5: 247, 101, 96;
+  --red-6: 245, 63, 63;
+  --red-7: 203, 39, 45;
+  --red-8: 161, 21, 30;
+  --red-9: 119, 8, 19;
+  --red-10: 77, 0, 10;
+  --u-blue-1: 232, 243, 255;
+  --u-blue-2: 190, 218, 255;
+  --u-blue-3: 148, 191, 255;
+  --u-blue-4: 106, 161, 255;
+  --u-blue-5: 64, 128, 255;
+  --u-blue-6: 22, 93, 255;
+  --u-blue-7: 14, 66, 210;
+  --u-blue-8: 7, 44, 166;
+  --u-blue-9: 3, 26, 121;
+  --u-blue-10: 0, 13, 77;
+  --yellow-1: 254, 255, 232;
+  --yellow-2: 254, 254, 190;
+  --yellow-3: 253, 250, 148;
+  --yellow-4: 252, 242, 107;
+  --yellow-5: 251, 232, 66;
+  --yellow-6: 250, 220, 25;
+  --yellow-7: 207, 175, 15;
+  --yellow-8: 163, 132, 8;
+  --yellow-9: 120, 93, 3;
+  --yellow-10: 77, 56, 0;
+  --u-bg-inverse-1: 0, 0, 0;
+  --u-bg-1: 255, 255, 255;
+  --u-radius-full: 50%;
+  --u-radius-lg: 10px;
+  --u-radius-md: 8px;
+  --u-radius-sm: 4px;
+  --u-shadow-lg: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+  --u-shadow-sm: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
+  --u-space-lg: 16px;
+  --u-space-md: 12px;
+  --u-space-sm: 8px;
+  --u-space-xl: 24px;
+  --u-space-xs: 4px;
+  --u-border-default: rgb(var(--gray-3));
+  --u-border-focus: rgb(var(--u-blue-5));
+  --u-border-strong: rgb(var(--gray-4));
+  --u-border-subtle: rgb(var(--gray-2));
+  --u-fill-default: rgb(var(--gray-2));
+  --u-fill-strong: rgb(var(--gray-3));
+  --u-fill-stronger: rgb(var(--gray-4));
+  --u-fill-weak: rgb(var(--gray-1));
+  --u-status-danger: rgb(var(--red-6));
+  --u-status-info: rgb(var(--u-blue-5));
+  --u-status-success: rgb(var(--green-6));
+  --u-status-warning: rgb(var(--orange-6));
+  --u-surface-active: rgb(var(--gray-3), 0.8);
+  --u-surface-container: #ffffff;
+  --u-surface-elevated: #ffffff;
+  --u-surface-hover: rgb(var(--gray-3), 0.5);
+  --u-surface-inverse: rgb(var(--u-bg-inverse-1));
+  --u-surface-page: #F4F4F4;
+  --u-surface-panel: #FAFBFB;
+  --u-surface-popup: #fff;
+  --u-text-brand: rgb(var(--u-blue-5));
+  --u-text-danger: rgb(var(--red-6));
+  --u-text-disabled: rgba(0, 0, 0, 0.26);
+  --u-text-hover: rgb(var(--u-blue-5));
+  --u-text-link: #003cab;
+  --u-text-placeholder: rgba(0, 0, 0, 0.4);
+  --u-text-primary: rgba(0, 0, 0, 0.9);
+  --u-text-secondary: rgba(0, 0, 0, 0.6);
+  --u-text-tips: rgb(var(--gray-5));
+  --u-bg-color: var(--u-surface-page);
+  --u-bg-color-2: var(--u-surface-panel);
+  --u-bg-color-3: var(--u-surface-container);
+  --u-bg-color-3-active: var(--u-surface-active);
+  --u-bg-color-3-hover: var(--u-surface-hover);
+  --u-color-bg-popup: var(--u-surface-popup);
+  --u-color-fill-1: var(--u-fill-weak);
+  --u-color-fill-2: var(--u-fill-default);
+  --u-color-fill-3: var(--u-fill-strong);
+  --u-color-fill-4: var(--u-fill-stronger);
+  --u-radius-circle: var(--u-radius-full);
+  --u-radius-default: var(--u-radius-md);
+  --u-radius-large: var(--u-radius-lg);
+  --u-radius-medium: var(--u-radius-md);
+  --u-radius-small: var(--u-radius-sm);
+  --u-text-color: var(--u-text-primary);
+  --u-text-color-brand: var(--u-text-brand);
+  --u-text-color-danger: var(--u-text-danger);
+  --u-text-color-disabled: var(--u-text-disabled);
+  --u-text-color-hover: var(--u-text-hover);
+  --u-text-color-link: var(--u-text-link);
+  --u-text-color-placeholder: var(--u-text-placeholder);
+  --u-text-color-primary: var(--u-text-primary);
+  --u-text-color-secondary: var(--u-text-secondary);
+  --u-text-color-tips: var(--u-text-tips);
+}
+
+html[theme-mode="dark"] {
+  --blue-1: 232, 247, 255;
+  --blue-2: 195, 231, 254;
+  --blue-3: 159, 212, 253;
+  --blue-4: 123, 192, 252;
+  --blue-5: 87, 169, 251;
+  --blue-6: 52, 145, 250;
+  --blue-7: 32, 108, 207;
+  --blue-8: 17, 75, 163;
+  --blue-9: 6, 48, 120;
+  --blue-10: 0, 26, 77;
+  --cyan-1: 0, 66, 77;
+  --cyan-2: 6, 97, 108;
+  --cyan-3: 17, 131, 139;
+  --cyan-4: 31, 166, 170;
+  --cyan-5: 48, 201, 201;
+  --cyan-6: 63, 212, 207;
+  --cyan-7: 102, 223, 215;
+  --cyan-8: 144, 233, 225;
+  --cyan-9: 190, 244, 237;
+  --cyan-10: 240, 255, 252;
+  --gold-1: 77, 45, 0;
+  --gold-2: 119, 75, 4;
+  --gold-3: 162, 111, 15;
+  --gold-4: 204, 150, 31;
+  --gold-5: 247, 192, 52;
+  --gold-6: 249, 204, 68;
+  --gold-7: 250, 220, 108;
+  --gold-8: 252, 233, 149;
+  --gold-9: 253, 244, 190;
+  --gold-10: 255, 252, 232;
+  --gray-1: 23, 23, 26;
+  --gray-2: 46, 46, 48;
+  --gray-3: 72, 72, 73;
+  --gray-4: 95, 95, 96;
+  --gray-5: 120, 120, 122;
+  --gray-6: 146, 146, 147;
+  --gray-7: 171, 171, 172;
+  --gray-8: 197, 197, 197;
+  --gray-9: 223, 223, 223;
+  --gray-10: 246, 246, 246;
+  --green-1: 0, 77, 28;
+  --green-2: 4, 102, 37;
+  --green-3: 10, 128, 45;
+  --green-4: 18, 154, 55;
+  --green-5: 29, 180, 64;
+  --green-6: 39, 195, 70;
+  --green-7: 80, 210, 102;
+  --green-8: 126, 225, 139;
+  --green-9: 178, 240, 183;
+  --green-10: 235, 255, 236;
+  --lime-1: 42, 77, 0;
+  --lime-2: 68, 112, 6;
+  --lime-3: 98, 148, 18;
+  --lime-4: 132, 183, 35;
+  --lime-5: 168, 219, 57;
+  --lime-6: 184, 226, 75;
+  --lime-7: 203, 233, 112;
+  --lime-8: 222, 241, 152;
+  --lime-9: 238, 248, 194;
+  --lime-10: 253, 255, 238;
+  --magenta-1: 77, 0, 52;
+  --magenta-2: 119, 8, 80;
+  --magenta-3: 161, 23, 108;
+  --magenta-4: 203, 43, 136;
+  --magenta-5: 245, 69, 166;
+  --magenta-6: 247, 86, 169;
+  --magenta-7: 249, 122, 184;
+  --magenta-8: 251, 158, 200;
+  --magenta-9: 253, 195, 219;
+  --magenta-10: 255, 232, 241;
+  --orange-1: 77, 27, 0;
+  --orange-2: 121, 48, 4;
+  --orange-3: 166, 75, 10;
+  --orange-4: 210, 105, 19;
+  --orange-5: 255, 141, 31;
+  --orange-6: 255, 150, 38;
+  --orange-7: 255, 179, 87;
+  --orange-8: 255, 205, 135;
+  --orange-9: 255, 227, 184;
+  --orange-10: 255, 247, 232;
+  --orangered-1: 77, 14, 0;
+  --orangered-2: 119, 30, 5;
+  --orangered-3: 162, 55, 20;
+  --orangered-4: 204, 87, 41;
+  --orangered-5: 247, 126, 69;
+  --orangered-6: 249, 146, 90;
+  --orangered-7: 250, 173, 125;
+  --orangered-8: 252, 198, 161;
+  --orangered-9: 253, 222, 197;
+  --orangered-10: 255, 244, 235;
+  --pinkpurple-1: 66, 0, 77;
+  --pinkpurple-2: 101, 3, 112;
+  --pinkpurple-3: 138, 13, 147;
+  --pinkpurple-4: 176, 27, 182;
+  --pinkpurple-5: 217, 46, 217;
+  --pinkpurple-6: 225, 61, 219;
+  --pinkpurple-7: 232, 102, 223;
+  --pinkpurple-8: 240, 146, 230;
+  --pinkpurple-9: 247, 193, 240;
+  --pinkpurple-10: 255, 242, 253;
+  --purple-1: 22, 0, 77;
+  --purple-2: 39, 6, 110;
+  --purple-3: 62, 19, 143;
+  --purple-4: 90, 37, 176;
+  --purple-5: 123, 61, 209;
+  --purple-6: 142, 81, 218;
+  --purple-7: 169, 116, 227;
+  --purple-8: 197, 154, 237;
+  --purple-9: 223, 194, 246;
+  --purple-10: 247, 237, 255;
+  --red-1: 77, 0, 10;
+  --red-2: 119, 6, 17;
+  --red-3: 161, 22, 31;
+  --red-4: 203, 46, 52;
+  --red-5: 245, 78, 78;
+  --red-6: 247, 105, 101;
+  --red-7: 249, 141, 134;
+  --red-8: 251, 176, 167;
+  --red-9: 253, 209, 202;
+  --red-10: 255, 240, 236;
+  --u-blue-1: 0, 13, 77;
+  --u-blue-2: 4, 27, 121;
+  --u-blue-3: 14, 50, 166;
+  --u-blue-4: 29, 77, 210;
+  --u-blue-5: 48, 111, 255;
+  --u-blue-6: 60, 126, 255;
+  --u-blue-7: 104, 159, 255;
+  --u-blue-8: 147, 190, 255;
+  --u-blue-9: 190, 218, 255;
+  --u-blue-10: 234, 244, 255;
+  --yellow-1: 77, 56, 0;
+  --yellow-2: 120, 94, 7;
+  --yellow-3: 163, 134, 20;
+  --yellow-4: 207, 179, 37;
+  --yellow-5: 250, 225, 60;
+  --yellow-6: 251, 233, 75;
+  --yellow-7: 252, 243, 116;
+  --yellow-8: 253, 250, 157;
+  --yellow-9: 254, 254, 198;
+  --yellow-10: 254, 255, 240;
+  --u-bg-inverse-1: 255, 255, 255;
+  --u-bg-1: 0, 0, 0;
+  --u-border-default: rgb(var(--gray-3));
+  --u-border-focus: rgb(var(--u-blue-5));
+  --u-border-strong: rgb(var(--gray-4));
+  --u-border-subtle: rgb(var(--gray-2));
+  --u-fill-default: rgba(255, 255, 255, .08);
+  --u-fill-strong: rgba(255, 255, 255, .12);
+  --u-fill-stronger: rgba(255, 255, 255, .16);
+  --u-fill-weak: rgba(255, 255, 255, .04);
+  --u-status-danger: rgb(var(--red-6));
+  --u-status-info: rgb(var(--u-blue-5));
+  --u-status-success: rgb(var(--green-6));
+  --u-status-warning: rgb(var(--orange-6));
+  --u-surface-active: rgb(var(--gray-4), 0.65);
+  --u-surface-container: #2a2a2b;
+  --u-surface-elevated: #313132;
+  --u-surface-hover: rgb(var(--gray-3), 0.65);
+  --u-surface-inverse: rgb(var(--u-bg-inverse-1));
+  --u-surface-page: #303133;
+  --u-surface-panel: #2E2E30;
+  --u-surface-popup: #373739;
+  --u-text-brand: rgb(var(--u-blue-5));
+  --u-text-danger: rgb(var(--red-6));
+  --u-text-disabled: rgb(var(--u-blue-5));
+  --u-text-hover: rgb(var(--u-blue-5));
+  --u-text-link: rgb(var(--u-blue-5));
+  --u-text-placeholder: rgba(255, 255, 255, 0.35);
+  --u-text-primary: #ffffff;
+  --u-text-secondary: rgba(255, 255, 255, 0.55);
+  --u-text-tips: rgb(var(--gray-5));
+}
+

package/dist/tokens.d.ts

@@ -0,0 +1,215 @@
+export declare const darkTheme: {
+    text: {
+        primary: string;
+        secondary: string;
+        placeholder: string;
+        disabled: string;
+        link: string;
+        brand: string;
+        danger: string;
+        tips: string;
+        hover: string;
+    };
+    surface: {
+        page: string;
+        panel: string;
+        container: string;
+        elevated: string;
+        hover: string;
+        active: string;
+        inverse: string;
+        popup: string;
+    };
+    fill: {
+        weak: string;
+        default: string;
+        strong: string;
+        stronger: string;
+    };
+    border: {
+        default: string;
+        subtle: string;
+        strong: string;
+        focus: string;
+    };
+    status: {
+        success: string;
+        warning: string;
+        danger: string;
+        info: string;
+    };
+};
+
+export declare const legacyAliasMap: {
+    readonly '--u-text-color': "var(--u-text-primary)";
+    readonly '--u-text-color-primary': "var(--u-text-primary)";
+    readonly '--u-text-color-secondary': "var(--u-text-secondary)";
+    readonly '--u-text-color-placeholder': "var(--u-text-placeholder)";
+    readonly '--u-text-color-disabled': "var(--u-text-disabled)";
+    readonly '--u-text-color-tips': "var(--u-text-tips)";
+    readonly '--u-text-color-hover': "var(--u-text-hover)";
+    readonly '--u-text-color-brand': "var(--u-text-brand)";
+    readonly '--u-text-color-link': "var(--u-text-link)";
+    readonly '--u-text-color-danger': "var(--u-text-danger)";
+    readonly '--u-bg-color': "var(--u-surface-page)";
+    readonly '--u-bg-color-2': "var(--u-surface-panel)";
+    readonly '--u-bg-color-3': "var(--u-surface-container)";
+    readonly '--u-bg-color-3-hover': "var(--u-surface-hover)";
+    readonly '--u-bg-color-3-active': "var(--u-surface-active)";
+    readonly '--u-color-bg-popup': "var(--u-surface-popup)";
+    readonly '--u-color-fill-1': "var(--u-fill-weak)";
+    readonly '--u-color-fill-2': "var(--u-fill-default)";
+    readonly '--u-color-fill-3': "var(--u-fill-strong)";
+    readonly '--u-color-fill-4': "var(--u-fill-stronger)";
+    readonly '--u-radius-small': "var(--u-radius-sm)";
+    readonly '--u-radius-default': "var(--u-radius-md)";
+    readonly '--u-radius-medium': "var(--u-radius-md)";
+    readonly '--u-radius-large': "var(--u-radius-lg)";
+    readonly '--u-radius-circle': "var(--u-radius-full)";
+};
+
+export declare const lightTheme: {
+    text: {
+        primary: string;
+        secondary: string;
+        placeholder: string;
+        disabled: string;
+        link: string;
+        brand: string;
+        danger: string;
+        tips: string;
+        hover: string;
+    };
+    surface: {
+        page: string;
+        panel: string;
+        container: string;
+        elevated: string;
+        hover: string;
+        active: string;
+        inverse: string;
+        popup: string;
+    };
+    fill: {
+        weak: string;
+        default: string;
+        strong: string;
+        stronger: string;
+    };
+    border: {
+        default: string;
+        subtle: string;
+        strong: string;
+        focus: string;
+    };
+    status: {
+        success: string;
+        warning: string;
+        danger: string;
+        info: string;
+    };
+};
+
+export declare const primitives: {
+    readonly colors: {
+        readonly red: readonly ["", "255, 236, 232", "253, 205, 197", "251, 172, 163", "249, 137, 129", "247, 101, 96", "245, 63, 63", "203, 39, 45", "161, 21, 30", "119, 8, 19", "77, 0, 10"];
+        readonly gray: readonly ["", "247, 248, 250", "242, 243, 245", "229, 230, 235", "201, 205, 212", "169, 174, 184", "134, 144, 156", "107, 119, 133", "78, 89, 105", "39, 46, 59", "29, 33, 41"];
+        readonly green: readonly ["", "232, 255, 234", "175, 240, 181", "123, 225, 136", "76, 210, 99", "35, 195, 67", "0, 180, 42", "0, 154, 41", "0, 128, 38", "0, 102, 34", "0, 77, 28"];
+        readonly blue: readonly ["", "0, 26, 77", "5, 47, 120", "19, 76, 163", "41, 113, 207", "70, 153, 250", "90, 170, 251", "125, 193, 252", "161, 213, 253", "198, 232, 254", "234, 248, 255"];
+        readonly orange: readonly ["", "255, 247, 232", "255, 228, 186", "255, 207, 139", "255, 182, 93", "255, 154, 46", "255, 125, 0", "210, 95, 0", "166, 69, 0", "121, 46, 0", "77, 27, 0"];
+        readonly orangered: readonly ["", "255, 243, 232", "253, 221, 195", "252, 197, 159", "250, 172, 123", "249, 144, 87", "247, 114, 52", "204, 81, 32", "162, 53, 17", "119, 31, 6", "77, 14, 0"];
+        readonly gold: readonly ["", "255, 252, 232", "253, 244, 191", "252, 233, 150", "250, 220, 109", "249, 204, 69", "247, 186, 30", "204, 146, 19", "162, 109, 10", "119, 75, 4", "77, 45, 0"];
+        readonly yellow: readonly ["", "254, 255, 232", "254, 254, 190", "253, 250, 148", "252, 242, 107", "251, 232, 66", "250, 220, 25", "207, 175, 15", "163, 132, 8", "120, 93, 3", "77, 56, 0"];
+        readonly lime: readonly ["", "252, 255, 232", "237, 248, 187", "220, 241, 144", "201, 233, 104", "181, 226, 65", "159, 219, 29", "126, 183, 18", "95, 148, 10", "67, 112, 4", "42, 77, 0"];
+        readonly cyan: readonly ["", "232, 255, 251", "183, 244, 236", "137, 233, 224", "94, 223, 214", "55, 212, 207", "20, 201, 201", "13, 165, 170", "7, 130, 139", "3, 97, 108", "0, 66, 77"];
+        readonly pinkpurple: readonly ["", "255, 232, 251", "247, 186, 239", "240, 142, 230", "232, 101, 223", "225, 62, 219", "217, 26, 217", "176, 16, 182", "138, 9, 147", "101, 3, 112", "66, 0, 77"];
+        readonly magenta: readonly ["", "255, 232, 241", "253, 194, 219", "251, 157, 199", "249, 121, 183", "247, 84, 168", "245, 49, 157", "203, 30, 131", "161, 16, 105", "119, 6, 79", "77, 0, 52"];
+        readonly purple: readonly ["", "245, 232, 255", "221, 190, 246", "195, 150, 237", "168, 113, 227", "141, 78, 218", "114, 46, 209", "85, 29, 176", "60, 16, 143", "39, 6, 110", "22, 0, 77"];
+        readonly uBlue: readonly ["", "232, 243, 255", "190, 218, 255", "148, 191, 255", "106, 161, 255", "64, 128, 255", "22, 93, 255", "14, 66, 210", "7, 44, 166", "3, 26, 121", "0, 13, 77"];
+    };
+    readonly colorsDark: {
+        readonly red: readonly ["", "77, 0, 10", "119, 6, 17", "161, 22, 31", "203, 46, 52", "245, 78, 78", "247, 105, 101", "249, 141, 134", "251, 176, 167", "253, 209, 202", "255, 240, 236"];
+        readonly gray: readonly ["", "23, 23, 26", "46, 46, 48", "72, 72, 73", "95, 95, 96", "120, 120, 122", "146, 146, 147", "171, 171, 172", "197, 197, 197", "223, 223, 223", "246, 246, 246"];
+        readonly green: readonly ["", "0, 77, 28", "4, 102, 37", "10, 128, 45", "18, 154, 55", "29, 180, 64", "39, 195, 70", "80, 210, 102", "126, 225, 139", "178, 240, 183", "235, 255, 236"];
+        readonly blue: readonly ["", "232, 247, 255", "195, 231, 254", "159, 212, 253", "123, 192, 252", "87, 169, 251", "52, 145, 250", "32, 108, 207", "17, 75, 163", "6, 48, 120", "0, 26, 77"];
+        readonly orange: readonly ["", "77, 27, 0", "121, 48, 4", "166, 75, 10", "210, 105, 19", "255, 141, 31", "255, 150, 38", "255, 179, 87", "255, 205, 135", "255, 227, 184", "255, 247, 232"];
+        readonly orangered: readonly ["", "77, 14, 0", "119, 30, 5", "162, 55, 20", "204, 87, 41", "247, 126, 69", "249, 146, 90", "250, 173, 125", "252, 198, 161", "253, 222, 197", "255, 244, 235"];
+        readonly gold: readonly ["", "77, 45, 0", "119, 75, 4", "162, 111, 15", "204, 150, 31", "247, 192, 52", "249, 204, 68", "250, 220, 108", "252, 233, 149", "253, 244, 190", "255, 252, 232"];
+        readonly yellow: readonly ["", "77, 56, 0", "120, 94, 7", "163, 134, 20", "207, 179, 37", "250, 225, 60", "251, 233, 75", "252, 243, 116", "253, 250, 157", "254, 254, 198", "254, 255, 240"];
+        readonly lime: readonly ["", "42, 77, 0", "68, 112, 6", "98, 148, 18", "132, 183, 35", "168, 219, 57", "184, 226, 75", "203, 233, 112", "222, 241, 152", "238, 248, 194", "253, 255, 238"];
+        readonly cyan: readonly ["", "0, 66, 77", "6, 97, 108", "17, 131, 139", "31, 166, 170", "48, 201, 201", "63, 212, 207", "102, 223, 215", "144, 233, 225", "190, 244, 237", "240, 255, 252"];
+        readonly pinkpurple: readonly ["", "66, 0, 77", "101, 3, 112", "138, 13, 147", "176, 27, 182", "217, 46, 217", "225, 61, 219", "232, 102, 223", "240, 146, 230", "247, 193, 240", "255, 242, 253"];
+        readonly magenta: readonly ["", "77, 0, 52", "119, 8, 80", "161, 23, 108", "203, 43, 136", "245, 69, 166", "247, 86, 169", "249, 122, 184", "251, 158, 200", "253, 195, 219", "255, 232, 241"];
+        readonly purple: readonly ["", "22, 0, 77", "39, 6, 110", "62, 19, 143", "90, 37, 176", "123, 61, 209", "142, 81, 218", "169, 116, 227", "197, 154, 237", "223, 194, 246", "247, 237, 255"];
+        readonly uBlue: readonly ["", "0, 13, 77", "4, 27, 121", "14, 50, 166", "29, 77, 210", "48, 111, 255", "60, 126, 255", "104, 159, 255", "147, 190, 255", "190, 218, 255", "234, 244, 255"];
+    };
+    readonly radius: {
+        readonly sm: "4px";
+        readonly md: "8px";
+        readonly lg: "10px";
+        readonly full: "50%";
+    };
+    readonly shadow: {
+        readonly sm: "rgba(0, 0, 0, 0.1) 0px 1px 2px 0px";
+        readonly lg: "0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05)";
+    };
+    readonly spacing: {
+        readonly xs: "4px";
+        readonly sm: "8px";
+        readonly md: "12px";
+        readonly lg: "16px";
+        readonly xl: "24px";
+    };
+};
+
+export declare const semanticKeys: {
+    readonly text: readonly ["primary", "secondary", "placeholder", "disabled", "link", "brand", "danger", "tips", "hover"];
+    readonly surface: readonly ["page", "panel", "container", "elevated", "hover", "active", "inverse", "popup"];
+    readonly fill: readonly ["weak", "default", "strong", "stronger"];
+    readonly border: readonly ["default", "subtle", "strong", "focus"];
+    readonly status: readonly ["success", "warning", "danger", "info"];
+};
+
+export declare interface ThemeContract {
+    text: {
+        primary: string;
+        secondary: string;
+        placeholder: string;
+        disabled: string;
+        link: string;
+        brand: string;
+        danger: string;
+        tips: string;
+        hover: string;
+    };
+    surface: {
+        page: string;
+        panel: string;
+        container: string;
+        elevated: string;
+        hover: string;
+        active: string;
+        inverse: string;
+        popup: string;
+    };
+    fill: {
+        weak: string;
+        default: string;
+        strong: string;
+        stronger: string;
+    };
+    border: {
+        default: string;
+        subtle: string;
+        strong: string;
+        focus: string;
+    };
+    status: {
+        success: string;
+        warning: string;
+        danger: string;
+        info: string;
+    };
+}
+
+export { }

package/dist/tokens.es.js

@@ -0,0 +1,69 @@
+import { n as darkTheme, r as primitives, t as lightTheme } from "./light-BLV23cx0.mjs";
+const semanticKeys = {
+	text: [
+		"primary",
+		"secondary",
+		"placeholder",
+		"disabled",
+		"link",
+		"brand",
+		"danger",
+		"tips",
+		"hover"
+	],
+	surface: [
+		"page",
+		"panel",
+		"container",
+		"elevated",
+		"hover",
+		"active",
+		"inverse",
+		"popup"
+	],
+	fill: [
+		"weak",
+		"default",
+		"strong",
+		"stronger"
+	],
+	border: [
+		"default",
+		"subtle",
+		"strong",
+		"focus"
+	],
+	status: [
+		"success",
+		"warning",
+		"danger",
+		"info"
+	]
+}, legacyAliasMap = {
+	"--u-text-color": "var(--u-text-primary)",
+	"--u-text-color-primary": "var(--u-text-primary)",
+	"--u-text-color-secondary": "var(--u-text-secondary)",
+	"--u-text-color-placeholder": "var(--u-text-placeholder)",
+	"--u-text-color-disabled": "var(--u-text-disabled)",
+	"--u-text-color-tips": "var(--u-text-tips)",
+	"--u-text-color-hover": "var(--u-text-hover)",
+	"--u-text-color-brand": "var(--u-text-brand)",
+	"--u-text-color-link": "var(--u-text-link)",
+	"--u-text-color-danger": "var(--u-text-danger)",
+	"--u-bg-color": "var(--u-surface-page)",
+	"--u-bg-color-2": "var(--u-surface-panel)",
+	"--u-bg-color-3": "var(--u-surface-container)",
+	"--u-bg-color-3-hover": "var(--u-surface-hover)",
+	"--u-bg-color-3-active": "var(--u-surface-active)",
+	"--u-color-bg-popup": "var(--u-surface-popup)",
+	"--u-color-fill-1": "var(--u-fill-weak)",
+	"--u-color-fill-2": "var(--u-fill-default)",
+	"--u-color-fill-3": "var(--u-fill-strong)",
+	"--u-color-fill-4": "var(--u-fill-stronger)",
+	"--u-radius-small": "var(--u-radius-sm)",
+	"--u-radius-default": "var(--u-radius-md)",
+	"--u-radius-medium": "var(--u-radius-md)",
+	"--u-radius-large": "var(--u-radius-lg)",
+	"--u-radius-circle": "var(--u-radius-full)"
+};
+export { darkTheme, legacyAliasMap, lightTheme, primitives, semanticKeys };