@xiaou66/u-styles 0.0.7 → 0.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +21 -125
- package/dist/index.es.js +1 -1
- package/dist/theme.css +998 -373
- package/dist/theme.less +998 -373
- package/dist/themes-JeQtp8Da.mjs +1104 -0
- package/dist/tokens.d.ts +44 -200
- package/dist/tokens.es.js +1 -72
- package/package.json +21 -17
- package/README.md +0 -23
- package/dist/light-BLV23cx0.mjs +0 -468
package/dist/tokens.d.ts
CHANGED
|
@@ -1,219 +1,63 @@
|
|
|
1
|
-
export declare const darkTheme:
|
|
2
|
-
text: {
|
|
3
|
-
primary: string;
|
|
4
|
-
secondary: string;
|
|
5
|
-
placeholder: string;
|
|
6
|
-
disabled: string;
|
|
7
|
-
link: string;
|
|
8
|
-
brand: string;
|
|
9
|
-
danger: string;
|
|
10
|
-
tips: string;
|
|
11
|
-
hover: string;
|
|
12
|
-
};
|
|
13
|
-
surface: {
|
|
14
|
-
page: string;
|
|
15
|
-
panel: string;
|
|
16
|
-
container: string;
|
|
17
|
-
elevated: string;
|
|
18
|
-
hover: string;
|
|
19
|
-
active: string;
|
|
20
|
-
inverse: string;
|
|
21
|
-
popup: string;
|
|
22
|
-
};
|
|
23
|
-
fill: {
|
|
24
|
-
weak: string;
|
|
25
|
-
default: string;
|
|
26
|
-
strong: string;
|
|
27
|
-
stronger: string;
|
|
28
|
-
};
|
|
29
|
-
border: {
|
|
30
|
-
default: string;
|
|
31
|
-
subtle: string;
|
|
32
|
-
strong: string;
|
|
33
|
-
focus: string;
|
|
34
|
-
};
|
|
35
|
-
status: {
|
|
36
|
-
success: string;
|
|
37
|
-
warning: string;
|
|
38
|
-
danger: string;
|
|
39
|
-
info: string;
|
|
40
|
-
};
|
|
41
|
-
};
|
|
1
|
+
export declare const darkTheme: ThemeContract;
|
|
42
2
|
|
|
43
3
|
export declare const legacyAliasMap: {
|
|
44
|
-
readonly
|
|
45
|
-
readonly
|
|
46
|
-
readonly
|
|
47
|
-
readonly
|
|
48
|
-
readonly
|
|
49
|
-
readonly
|
|
50
|
-
readonly
|
|
51
|
-
readonly
|
|
52
|
-
readonly
|
|
53
|
-
readonly
|
|
54
|
-
readonly
|
|
55
|
-
readonly
|
|
56
|
-
readonly
|
|
57
|
-
readonly
|
|
58
|
-
readonly
|
|
59
|
-
readonly
|
|
60
|
-
readonly
|
|
61
|
-
readonly
|
|
62
|
-
readonly
|
|
63
|
-
readonly '--u-color-fill-4': "var(--u-fill-stronger)";
|
|
64
|
-
readonly '--u-color-neutral-1': "var(--u-color-fill-1)";
|
|
65
|
-
readonly '--u-color-neutral-2': "var(--u-color-fill-2)";
|
|
66
|
-
readonly '--u-color-neutral-3': "var(--u-color-fill-3)";
|
|
67
|
-
readonly '--u-color-neutral-4': "var(--u-color-fill-4)";
|
|
68
|
-
readonly '--u-radius-small': "var(--u-radius-sm)";
|
|
69
|
-
readonly '--u-radius-default': "var(--u-radius-md)";
|
|
70
|
-
readonly '--u-radius-medium': "var(--u-radius-md)";
|
|
71
|
-
readonly '--u-radius-large': "var(--u-radius-lg)";
|
|
72
|
-
readonly '--u-radius-circle': "var(--u-radius-full)";
|
|
4
|
+
readonly "color-bg-popup": "var(--u-color-bg-5)";
|
|
5
|
+
readonly "color-fill-1": "var(--u-color-neutral-1)";
|
|
6
|
+
readonly "color-fill-2": "var(--u-color-neutral-2)";
|
|
7
|
+
readonly "color-fill-3": "var(--u-color-neutral-3)";
|
|
8
|
+
readonly "color-fill-4": "var(--u-color-neutral-4)";
|
|
9
|
+
readonly "color-neutral-1": "rgb(var(--u-gray-1))";
|
|
10
|
+
readonly "color-neutral-2": "rgb(var(--u-gray-2))";
|
|
11
|
+
readonly "color-neutral-3": "rgb(var(--u-gray-3))";
|
|
12
|
+
readonly "color-neutral-4": "rgb(var(--u-gray-4))";
|
|
13
|
+
readonly "radius-circle": "var(--u-border-radius-circle)";
|
|
14
|
+
readonly "radius-default": "var(--u-border-radius-medium)";
|
|
15
|
+
readonly "radius-large": "var(--u-border-radius-large)";
|
|
16
|
+
readonly "radius-medium": "var(--u-border-radius-medium)";
|
|
17
|
+
readonly "radius-small": "var(--u-border-radius-small)";
|
|
18
|
+
readonly "text-color": "var(--u-text-color-primary)";
|
|
19
|
+
readonly "text-color-disabled": "var(--u-color-text-4)";
|
|
20
|
+
readonly "text-color-placeholder": "var(--u-color-text-3)";
|
|
21
|
+
readonly "text-color-primary": "var(--u-color-text-1)";
|
|
22
|
+
readonly "text-color-secondary": "var(--u-color-text-2)";
|
|
73
23
|
};
|
|
74
24
|
|
|
75
|
-
export declare const lightTheme:
|
|
76
|
-
text: {
|
|
77
|
-
primary: string;
|
|
78
|
-
secondary: string;
|
|
79
|
-
placeholder: string;
|
|
80
|
-
disabled: string;
|
|
81
|
-
link: string;
|
|
82
|
-
brand: string;
|
|
83
|
-
danger: string;
|
|
84
|
-
tips: string;
|
|
85
|
-
hover: string;
|
|
86
|
-
};
|
|
87
|
-
surface: {
|
|
88
|
-
page: string;
|
|
89
|
-
panel: string;
|
|
90
|
-
container: string;
|
|
91
|
-
elevated: string;
|
|
92
|
-
hover: string;
|
|
93
|
-
active: string;
|
|
94
|
-
inverse: string;
|
|
95
|
-
popup: string;
|
|
96
|
-
};
|
|
97
|
-
fill: {
|
|
98
|
-
weak: string;
|
|
99
|
-
default: string;
|
|
100
|
-
strong: string;
|
|
101
|
-
stronger: string;
|
|
102
|
-
};
|
|
103
|
-
border: {
|
|
104
|
-
default: string;
|
|
105
|
-
subtle: string;
|
|
106
|
-
strong: string;
|
|
107
|
-
focus: string;
|
|
108
|
-
};
|
|
109
|
-
status: {
|
|
110
|
-
success: string;
|
|
111
|
-
warning: string;
|
|
112
|
-
danger: string;
|
|
113
|
-
info: string;
|
|
114
|
-
};
|
|
115
|
-
};
|
|
25
|
+
export declare const lightTheme: ThemeContract;
|
|
116
26
|
|
|
117
27
|
export declare const primitives: {
|
|
118
|
-
readonly colors:
|
|
119
|
-
|
|
120
|
-
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"];
|
|
121
|
-
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"];
|
|
122
|
-
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"];
|
|
123
|
-
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"];
|
|
124
|
-
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"];
|
|
125
|
-
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"];
|
|
126
|
-
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"];
|
|
127
|
-
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"];
|
|
128
|
-
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"];
|
|
129
|
-
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"];
|
|
130
|
-
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"];
|
|
131
|
-
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"];
|
|
132
|
-
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"];
|
|
133
|
-
};
|
|
134
|
-
readonly colorsDark: {
|
|
135
|
-
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"];
|
|
136
|
-
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"];
|
|
137
|
-
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"];
|
|
138
|
-
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"];
|
|
139
|
-
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"];
|
|
140
|
-
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"];
|
|
141
|
-
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"];
|
|
142
|
-
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"];
|
|
143
|
-
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"];
|
|
144
|
-
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"];
|
|
145
|
-
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"];
|
|
146
|
-
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"];
|
|
147
|
-
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"];
|
|
148
|
-
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"];
|
|
149
|
-
};
|
|
28
|
+
readonly colors: Record<"red" | "gray" | "green" | "skyblue" | "blue" | "orange" | "orangered" | "gold" | "yellow" | "lime" | "cyan" | "pinkpurple" | "magenta" | "purple", readonly ["", string, string, string, string, string, string, string, string, string, string]>;
|
|
29
|
+
readonly colorsDark: Record<"red" | "gray" | "green" | "skyblue" | "blue" | "orange" | "orangered" | "gold" | "yellow" | "lime" | "cyan" | "pinkpurple" | "magenta" | "purple", readonly ["", string, string, string, string, string, string, string, string, string, string]>;
|
|
150
30
|
readonly radius: {
|
|
151
|
-
readonly
|
|
152
|
-
readonly
|
|
153
|
-
readonly
|
|
154
|
-
readonly
|
|
31
|
+
readonly none: "var(--border-radius-none)";
|
|
32
|
+
readonly sm: "var(--border-radius-small)";
|
|
33
|
+
readonly md: "var(--border-radius-medium)";
|
|
34
|
+
readonly lg: "var(--border-radius-large)";
|
|
35
|
+
readonly full: "var(--border-radius-circle)";
|
|
155
36
|
};
|
|
156
37
|
readonly shadow: {
|
|
157
|
-
readonly sm: "rgba(0, 0, 0, 0.1)
|
|
158
|
-
readonly lg: "0
|
|
38
|
+
readonly sm: "0 2px 5px rgba(0, 0, 0, 0.1)";
|
|
39
|
+
readonly lg: "0 8px 20px rgba(0, 0, 0, 0.1)";
|
|
159
40
|
};
|
|
160
41
|
readonly spacing: {
|
|
161
|
-
readonly
|
|
162
|
-
readonly
|
|
163
|
-
readonly
|
|
164
|
-
readonly
|
|
165
|
-
readonly
|
|
42
|
+
readonly 1: "2px";
|
|
43
|
+
readonly 2: "4px";
|
|
44
|
+
readonly 3: "6px";
|
|
45
|
+
readonly 4: "8px";
|
|
46
|
+
readonly 5: "10px";
|
|
47
|
+
readonly 6: "12px";
|
|
48
|
+
readonly 7: "16px";
|
|
49
|
+
readonly 8: "20px";
|
|
166
50
|
};
|
|
167
51
|
};
|
|
168
52
|
|
|
169
53
|
export declare const semanticKeys: {
|
|
170
|
-
readonly
|
|
171
|
-
readonly
|
|
172
|
-
readonly
|
|
173
|
-
readonly
|
|
174
|
-
readonly
|
|
54
|
+
readonly palette: readonly ["blue-1", "blue-10", "blue-2", "blue-3", "blue-4", "blue-5", "blue-6", "blue-7", "blue-8", "blue-9", "cyan-1", "cyan-10", "cyan-2", "cyan-3", "cyan-4", "cyan-5", "cyan-6", "cyan-7", "cyan-8", "cyan-9", "gold-1", "gold-10", "gold-2", "gold-3", "gold-4", "gold-5", "gold-6", "gold-7", "gold-8", "gold-9", "gray-1", "gray-10", "gray-2", "gray-3", "gray-4", "gray-5", "gray-6", "gray-7", "gray-8", "gray-9", "green-1", "green-10", "green-2", "green-3", "green-4", "green-5", "green-6", "green-7", "green-8", "green-9", "lime-1", "lime-10", "lime-2", "lime-3", "lime-4", "lime-5", "lime-6", "lime-7", "lime-8", "lime-9", "magenta-1", "magenta-10", "magenta-2", "magenta-3", "magenta-4", "magenta-5", "magenta-6", "magenta-7", "magenta-8", "magenta-9", "orange-1", "orange-10", "orange-2", "orange-3", "orange-4", "orange-5", "orange-6", "orange-7", "orange-8", "orange-9", "orangered-1", "orangered-10", "orangered-2", "orangered-3", "orangered-4", "orangered-5", "orangered-6", "orangered-7", "orangered-8", "orangered-9", "pinkpurple-1", "pinkpurple-10", "pinkpurple-2", "pinkpurple-3", "pinkpurple-4", "pinkpurple-5", "pinkpurple-6", "pinkpurple-7", "pinkpurple-8", "pinkpurple-9", "purple-1", "purple-10", "purple-2", "purple-3", "purple-4", "purple-5", "purple-6", "purple-7", "purple-8", "purple-9", "red-1", "red-10", "red-2", "red-3", "red-4", "red-5", "red-6", "red-7", "red-8", "red-9", "skyblue-1", "skyblue-10", "skyblue-2", "skyblue-3", "skyblue-4", "skyblue-5", "skyblue-6", "skyblue-7", "skyblue-8", "skyblue-9", "yellow-1", "yellow-10", "yellow-2", "yellow-3", "yellow-4", "yellow-5", "yellow-6", "yellow-7", "yellow-8", "yellow-9"];
|
|
55
|
+
readonly semantic: readonly ["color-bg-1", "color-bg-2", "color-bg-3", "color-bg-4", "color-bg-5", "color-bg-popup", "color-bg-white", "color-black", "color-border", "color-border-1", "color-border-2", "color-border-3", "color-border-4", "color-danger-1", "color-danger-10", "color-danger-2", "color-danger-3", "color-danger-4", "color-danger-5", "color-danger-6", "color-danger-7", "color-danger-8", "color-danger-9", "color-danger-light-1", "color-danger-light-2", "color-danger-light-3", "color-danger-light-4", "color-fill-1", "color-fill-2", "color-fill-3", "color-fill-4", "color-link-1", "color-link-10", "color-link-2", "color-link-3", "color-link-4", "color-link-5", "color-link-6", "color-link-7", "color-link-8", "color-link-9", "color-link-light-1", "color-link-light-2", "color-link-light-3", "color-link-light-4", "color-mask-bg", "color-menu-dark-bg", "color-menu-dark-hover", "color-menu-light-bg", "color-neutral-1", "color-neutral-10", "color-neutral-2", "color-neutral-3", "color-neutral-4", "color-neutral-5", "color-neutral-6", "color-neutral-7", "color-neutral-8", "color-neutral-9", "color-primary-1", "color-primary-10", "color-primary-2", "color-primary-3", "color-primary-4", "color-primary-5", "color-primary-6", "color-primary-7", "color-primary-8", "color-primary-9", "color-primary-light-1", "color-primary-light-2", "color-primary-light-3", "color-primary-light-4", "color-secondary", "color-secondary-active", "color-secondary-disabled", "color-secondary-hover", "color-spin-layer-bg", "color-success-1", "color-success-10", "color-success-2", "color-success-3", "color-success-4", "color-success-5", "color-success-6", "color-success-7", "color-success-8", "color-success-9", "color-success-light-1", "color-success-light-2", "color-success-light-3", "color-success-light-4", "color-text-1", "color-text-2", "color-text-3", "color-text-4", "color-tooltip-bg", "color-transparent", "color-warning-1", "color-warning-10", "color-warning-2", "color-warning-3", "color-warning-4", "color-warning-5", "color-warning-6", "color-warning-7", "color-warning-8", "color-warning-9", "color-warning-light-1", "color-warning-light-2", "color-warning-light-3", "color-warning-light-4", "color-white", "danger-1", "danger-10", "danger-2", "danger-3", "danger-4", "danger-5", "danger-6", "danger-7", "danger-8", "danger-9", "link-1", "link-10", "link-2", "link-3", "link-4", "link-5", "link-6", "link-7", "link-8", "link-9", "primary-1", "primary-10", "primary-2", "primary-3", "primary-4", "primary-5", "primary-6", "primary-7", "primary-8", "primary-9", "success-1", "success-10", "success-2", "success-3", "success-4", "success-5", "success-6", "success-7", "success-8", "success-9", "warning-1", "warning-10", "warning-2", "warning-3", "warning-4", "warning-5", "warning-6", "warning-7", "warning-8", "warning-9"];
|
|
56
|
+
readonly system: readonly ["border-1", "border-2", "border-3", "border-4", "border-5", "border-dashed", "border-dotted", "border-none", "border-radius-circle", "border-radius-large", "border-radius-medium", "border-radius-none", "border-radius-small", "border-solid", "code-family", "font-family", "font-size-body", "font-size-body-1", "font-size-body-2", "font-size-body-3", "font-size-caption", "font-size-display-1", "font-size-display-2", "font-size-display-3", "font-size-title-1", "font-size-title-2", "font-size-title-3", "font-weight-100", "font-weight-200", "font-weight-300", "font-weight-400", "font-weight-500", "font-weight-600", "font-weight-700", "font-weight-800", "font-weight-900", "line-height-base", "mask-bg-opacity", "popup-box-shadow-base", "radius-circle", "radius-large", "radius-medium", "radius-none", "radius-small", "shadow-distance-1", "shadow-distance-2", "shadow-distance-3", "shadow-distance-4", "shadow-distance-none", "shadow-none", "shadow-special", "shadow1-center", "shadow1-down", "shadow1-left", "shadow1-left-down", "shadow1-left-up", "shadow1-right", "shadow1-right-down", "shadow1-right-up", "shadow1-up", "shadow2-center", "shadow2-down", "shadow2-left", "shadow2-left-down", "shadow2-left-up", "shadow2-right", "shadow2-right-down", "shadow2-right-up", "shadow2-up", "shadow3-center", "shadow3-down", "shadow3-left", "shadow3-left-down", "shadow3-left-up", "shadow3-right", "shadow3-right-down", "shadow3-right-up", "shadow3-up", "size-1", "size-10", "size-11", "size-12", "size-13", "size-14", "size-15", "size-16", "size-17", "size-18", "size-19", "size-2", "size-20", "size-21", "size-22", "size-23", "size-24", "size-25", "size-26", "size-27", "size-28", "size-29", "size-3", "size-30", "size-31", "size-32", "size-33", "size-34", "size-35", "size-36", "size-37", "size-38", "size-39", "size-4", "size-40", "size-41", "size-42", "size-43", "size-44", "size-45", "size-46", "size-47", "size-48", "size-49", "size-5", "size-50", "size-6", "size-7", "size-8", "size-9", "size-default", "size-large", "size-medium", "size-mini", "size-none", "size-small", "spacing-1", "spacing-10", "spacing-11", "spacing-12", "spacing-13", "spacing-14", "spacing-15", "spacing-16", "spacing-17", "spacing-18", "spacing-19", "spacing-2", "spacing-20", "spacing-21", "spacing-22", "spacing-3", "spacing-4", "spacing-5", "spacing-6", "spacing-7", "spacing-8", "spacing-9", "spacing-none", "transition-duration-1", "transition-duration-2", "transition-duration-3", "transition-duration-4", "transition-duration-5", "transition-duration-loading", "transition-timing-function-accelerate", "transition-timing-function-decelerate", "transition-timing-function-linear", "transition-timing-function-overshoot", "transition-timing-function-standard", "z-index-affix", "z-index-drawer", "z-index-image-preview", "z-index-message", "z-index-modal", "z-index-notification", "z-index-popup", "z-index-popup-base"];
|
|
57
|
+
readonly business: readonly ["color-bg-1", "color-bg-2", "color-bg-3", "color-bg-4", "color-bg-5", "color-bg-white", "cyan-1", "cyan-10", "cyan-2", "cyan-3", "cyan-4", "cyan-5", "cyan-6", "cyan-7", "cyan-8", "cyan-9", "gold-1", "gold-10", "gold-2", "gold-3", "gold-4", "gold-5", "gold-6", "gold-7", "gold-8", "gold-9", "gray-1", "gray-10", "gray-2", "gray-3", "gray-4", "gray-5", "gray-6", "gray-7", "gray-8", "gray-9", "green-1", "green-10", "green-2", "green-3", "green-4", "green-5", "green-6", "green-7", "green-8", "green-9", "lime-1", "lime-10", "lime-2", "lime-3", "lime-4", "lime-5", "lime-6", "lime-7", "lime-8", "lime-9", "magenta-1", "magenta-10", "magenta-2", "magenta-3", "magenta-4", "magenta-5", "magenta-6", "magenta-7", "magenta-8", "magenta-9", "orange-1", "orange-10", "orange-2", "orange-3", "orange-4", "orange-5", "orange-6", "orange-7", "orange-8", "orange-9", "orangered-1", "orangered-10", "orangered-2", "orangered-3", "orangered-4", "orangered-5", "orangered-6", "orangered-7", "orangered-8", "orangered-9", "pinkpurple-1", "pinkpurple-10", "pinkpurple-2", "pinkpurple-3", "pinkpurple-4", "pinkpurple-5", "pinkpurple-6", "pinkpurple-7", "pinkpurple-8", "pinkpurple-9", "purple-1", "purple-10", "purple-2", "purple-3", "purple-4", "purple-5", "purple-6", "purple-7", "purple-8", "purple-9", "red-1", "red-10", "red-2", "red-3", "red-4", "red-5", "red-6", "red-7", "red-8", "red-9", "skyblue-1", "skyblue-10", "skyblue-2", "skyblue-3", "skyblue-4", "skyblue-5", "skyblue-6", "skyblue-7", "skyblue-8", "skyblue-9", "yellow-1", "yellow-10", "yellow-2", "yellow-3", "yellow-4", "yellow-5", "yellow-6", "yellow-7", "yellow-8", "yellow-9"];
|
|
58
|
+
readonly aliases: readonly ["color-bg-popup", "color-fill-1", "color-fill-2", "color-fill-3", "color-fill-4", "color-neutral-1", "color-neutral-2", "color-neutral-3", "color-neutral-4", "radius-circle", "radius-default", "radius-large", "radius-medium", "radius-small", "text-color", "text-color-disabled", "text-color-placeholder", "text-color-primary", "text-color-secondary"];
|
|
175
59
|
};
|
|
176
60
|
|
|
177
|
-
export declare
|
|
178
|
-
text: {
|
|
179
|
-
primary: string;
|
|
180
|
-
secondary: string;
|
|
181
|
-
placeholder: string;
|
|
182
|
-
disabled: string;
|
|
183
|
-
link: string;
|
|
184
|
-
brand: string;
|
|
185
|
-
danger: string;
|
|
186
|
-
tips: string;
|
|
187
|
-
hover: string;
|
|
188
|
-
};
|
|
189
|
-
surface: {
|
|
190
|
-
page: string;
|
|
191
|
-
panel: string;
|
|
192
|
-
container: string;
|
|
193
|
-
elevated: string;
|
|
194
|
-
hover: string;
|
|
195
|
-
active: string;
|
|
196
|
-
inverse: string;
|
|
197
|
-
popup: string;
|
|
198
|
-
};
|
|
199
|
-
fill: {
|
|
200
|
-
weak: string;
|
|
201
|
-
default: string;
|
|
202
|
-
strong: string;
|
|
203
|
-
stronger: string;
|
|
204
|
-
};
|
|
205
|
-
border: {
|
|
206
|
-
default: string;
|
|
207
|
-
subtle: string;
|
|
208
|
-
strong: string;
|
|
209
|
-
focus: string;
|
|
210
|
-
};
|
|
211
|
-
status: {
|
|
212
|
-
success: string;
|
|
213
|
-
warning: string;
|
|
214
|
-
danger: string;
|
|
215
|
-
info: string;
|
|
216
|
-
};
|
|
217
|
-
}
|
|
61
|
+
export declare type ThemeContract = Record<string, string>;
|
|
218
62
|
|
|
219
63
|
export { }
|
package/dist/tokens.es.js
CHANGED
|
@@ -1,73 +1,2 @@
|
|
|
1
|
-
import { n as darkTheme, r as
|
|
2
|
-
const semanticKeys = {
|
|
3
|
-
text: [
|
|
4
|
-
"primary",
|
|
5
|
-
"secondary",
|
|
6
|
-
"placeholder",
|
|
7
|
-
"disabled",
|
|
8
|
-
"link",
|
|
9
|
-
"brand",
|
|
10
|
-
"danger",
|
|
11
|
-
"tips",
|
|
12
|
-
"hover"
|
|
13
|
-
],
|
|
14
|
-
surface: [
|
|
15
|
-
"page",
|
|
16
|
-
"panel",
|
|
17
|
-
"container",
|
|
18
|
-
"elevated",
|
|
19
|
-
"hover",
|
|
20
|
-
"active",
|
|
21
|
-
"inverse",
|
|
22
|
-
"popup"
|
|
23
|
-
],
|
|
24
|
-
fill: [
|
|
25
|
-
"weak",
|
|
26
|
-
"default",
|
|
27
|
-
"strong",
|
|
28
|
-
"stronger"
|
|
29
|
-
],
|
|
30
|
-
border: [
|
|
31
|
-
"default",
|
|
32
|
-
"subtle",
|
|
33
|
-
"strong",
|
|
34
|
-
"focus"
|
|
35
|
-
],
|
|
36
|
-
status: [
|
|
37
|
-
"success",
|
|
38
|
-
"warning",
|
|
39
|
-
"danger",
|
|
40
|
-
"info"
|
|
41
|
-
]
|
|
42
|
-
}, legacyAliasMap = {
|
|
43
|
-
"--u-text-color": "var(--u-text-primary)",
|
|
44
|
-
"--u-text-color-primary": "var(--u-text-primary)",
|
|
45
|
-
"--u-text-color-secondary": "var(--u-text-secondary)",
|
|
46
|
-
"--u-text-color-placeholder": "var(--u-text-placeholder)",
|
|
47
|
-
"--u-text-color-disabled": "var(--u-text-disabled)",
|
|
48
|
-
"--u-text-color-tips": "var(--u-text-tips)",
|
|
49
|
-
"--u-text-color-hover": "var(--u-text-hover)",
|
|
50
|
-
"--u-text-color-brand": "var(--u-text-brand)",
|
|
51
|
-
"--u-text-color-link": "var(--u-text-link)",
|
|
52
|
-
"--u-text-color-danger": "var(--u-text-danger)",
|
|
53
|
-
"--u-bg-color": "var(--u-surface-page)",
|
|
54
|
-
"--u-bg-color-2": "var(--u-surface-panel)",
|
|
55
|
-
"--u-bg-color-3": "var(--u-surface-container)",
|
|
56
|
-
"--u-bg-color-3-hover": "var(--u-surface-hover)",
|
|
57
|
-
"--u-bg-color-3-active": "var(--u-surface-active)",
|
|
58
|
-
"--u-color-bg-popup": "var(--u-surface-popup)",
|
|
59
|
-
"--u-color-fill-1": "var(--u-fill-weak)",
|
|
60
|
-
"--u-color-fill-2": "var(--u-fill-default)",
|
|
61
|
-
"--u-color-fill-3": "var(--u-fill-strong)",
|
|
62
|
-
"--u-color-fill-4": "var(--u-fill-stronger)",
|
|
63
|
-
"--u-color-neutral-1": "var(--u-color-fill-1)",
|
|
64
|
-
"--u-color-neutral-2": "var(--u-color-fill-2)",
|
|
65
|
-
"--u-color-neutral-3": "var(--u-color-fill-3)",
|
|
66
|
-
"--u-color-neutral-4": "var(--u-color-fill-4)",
|
|
67
|
-
"--u-radius-small": "var(--u-radius-sm)",
|
|
68
|
-
"--u-radius-default": "var(--u-radius-md)",
|
|
69
|
-
"--u-radius-medium": "var(--u-radius-md)",
|
|
70
|
-
"--u-radius-large": "var(--u-radius-lg)",
|
|
71
|
-
"--u-radius-circle": "var(--u-radius-full)"
|
|
72
|
-
};
|
|
1
|
+
import { a as primitives, i as legacyAliasMap, n as darkTheme, r as lightTheme, t as semanticKeys } from "./themes-JeQtp8Da.mjs";
|
|
73
2
|
export { darkTheme, legacyAliasMap, lightTheme, primitives, semanticKeys };
|
package/package.json
CHANGED
|
@@ -1,25 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xiaou66/u-styles",
|
|
3
|
-
"version": "0.0.
|
|
4
|
-
"description": "
|
|
3
|
+
"version": "0.0.8",
|
|
4
|
+
"description": "",
|
|
5
5
|
"main": "./dist/index.es.js",
|
|
6
6
|
"module": "./dist/index.es.js",
|
|
7
7
|
"types": "./dist/index.d.ts",
|
|
8
|
-
"publishConfig": {
|
|
9
|
-
"access": "public"
|
|
10
|
-
},
|
|
11
|
-
"files": [
|
|
12
|
-
"dist/**/*"
|
|
13
|
-
],
|
|
14
|
-
"author": "xiaou",
|
|
15
|
-
"license": "ISC",
|
|
16
|
-
"devDependencies": {
|
|
17
|
-
"@types/node": "^22.15.32",
|
|
18
|
-
"typescript": "~5.8.0",
|
|
19
|
-
"vite": "npm:rolldown-vite@latest",
|
|
20
|
-
"vite-plugin-dts": "^4.5.4",
|
|
21
|
-
"tsx": "^4.20.5"
|
|
22
|
-
},
|
|
23
8
|
"exports": {
|
|
24
9
|
".": {
|
|
25
10
|
"types": "./dist/index.d.ts",
|
|
@@ -40,11 +25,30 @@
|
|
|
40
25
|
"./theme.less": "./dist/theme.less",
|
|
41
26
|
"./package.json": "./package.json"
|
|
42
27
|
},
|
|
28
|
+
"publishConfig": {
|
|
29
|
+
"access": "public"
|
|
30
|
+
},
|
|
31
|
+
"files": [
|
|
32
|
+
"dist/**/*"
|
|
33
|
+
],
|
|
34
|
+
"author": "xiaou",
|
|
35
|
+
"license": "ISC",
|
|
36
|
+
"devDependencies": {
|
|
37
|
+
"@types/node": "^22.15.32",
|
|
38
|
+
"typescript": "~5.8.0",
|
|
39
|
+
"vite": "npm:rolldown-vite@latest",
|
|
40
|
+
"vite-plugin-dts": "^4.5.4",
|
|
41
|
+
"tsx": "^4.20.5"
|
|
42
|
+
},
|
|
43
|
+
"keywords": [],
|
|
44
|
+
"type": "commonjs",
|
|
43
45
|
"scripts": {
|
|
44
46
|
"build": "vite build && pnpm run build:tokens",
|
|
45
47
|
"build:tokens": "tsx \"./scripts/build-tokens.ts\"",
|
|
46
48
|
"dev": "vite",
|
|
49
|
+
"generate:source-tokens": "tsx \"./scripts/generate-source-tokens.ts\"",
|
|
47
50
|
"test:unit": "vitest run --config \"./vitest.config.ts\"",
|
|
51
|
+
"update-vendor-snapshots": "tsx \"./scripts/update-vendor-snapshots.ts\"",
|
|
48
52
|
"release:npm": "pnpm publish --no-git-checks"
|
|
49
53
|
}
|
|
50
54
|
}
|
package/README.md
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
# `u-styles`
|
|
2
|
-
|
|
3
|
-
Shared style token core for the workspace.
|
|
4
|
-
|
|
5
|
-
## Source of Truth
|
|
6
|
-
|
|
7
|
-
- `src/` is the canonical token source.
|
|
8
|
-
- `dist/theme.css` and `dist/theme.less` are generated assets.
|
|
9
|
-
- `theme-light.less` and `theme-dark.less` are deprecated compatibility files. Do not add new token definitions there.
|
|
10
|
-
|
|
11
|
-
## Docs
|
|
12
|
-
|
|
13
|
-
- [Package docs index](docs/index.md)
|
|
14
|
-
- [AI collaboration guide](docs/ai-collaboration.md)
|
|
15
|
-
- [Usage guide](docs/usage.md)
|
|
16
|
-
- [Update flow](docs/update-flow.md)
|
|
17
|
-
|
|
18
|
-
## Quick Links
|
|
19
|
-
|
|
20
|
-
- Theme contract: `src/themes/contract.ts`
|
|
21
|
-
- Theme aliases: `src/themes/legacy-aliases.ts`
|
|
22
|
-
- Token entry: `src/tokens.ts`
|
|
23
|
-
- Runtime entry: `src/runtime/index.ts`
|