@xiaou66/u-styles 0.0.7 → 0.0.10
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/index.d.ts
CHANGED
|
@@ -4,142 +4,38 @@ declare interface ApplyThemeOptions {
|
|
|
4
4
|
target?: HTMLElement;
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
-
export declare const darkTheme:
|
|
8
|
-
text: {
|
|
9
|
-
primary: string;
|
|
10
|
-
secondary: string;
|
|
11
|
-
placeholder: string;
|
|
12
|
-
disabled: string;
|
|
13
|
-
link: string;
|
|
14
|
-
brand: string;
|
|
15
|
-
danger: string;
|
|
16
|
-
tips: string;
|
|
17
|
-
hover: string;
|
|
18
|
-
};
|
|
19
|
-
surface: {
|
|
20
|
-
page: string;
|
|
21
|
-
panel: string;
|
|
22
|
-
container: string;
|
|
23
|
-
elevated: string;
|
|
24
|
-
hover: string;
|
|
25
|
-
active: string;
|
|
26
|
-
inverse: string;
|
|
27
|
-
popup: string;
|
|
28
|
-
};
|
|
29
|
-
fill: {
|
|
30
|
-
weak: string;
|
|
31
|
-
default: string;
|
|
32
|
-
strong: string;
|
|
33
|
-
stronger: string;
|
|
34
|
-
};
|
|
35
|
-
border: {
|
|
36
|
-
default: string;
|
|
37
|
-
subtle: string;
|
|
38
|
-
strong: string;
|
|
39
|
-
focus: string;
|
|
40
|
-
};
|
|
41
|
-
status: {
|
|
42
|
-
success: string;
|
|
43
|
-
warning: string;
|
|
44
|
-
danger: string;
|
|
45
|
-
info: string;
|
|
46
|
-
};
|
|
47
|
-
};
|
|
7
|
+
export declare const darkTheme: ThemeContract;
|
|
48
8
|
|
|
49
|
-
export declare const lightTheme:
|
|
50
|
-
text: {
|
|
51
|
-
primary: string;
|
|
52
|
-
secondary: string;
|
|
53
|
-
placeholder: string;
|
|
54
|
-
disabled: string;
|
|
55
|
-
link: string;
|
|
56
|
-
brand: string;
|
|
57
|
-
danger: string;
|
|
58
|
-
tips: string;
|
|
59
|
-
hover: string;
|
|
60
|
-
};
|
|
61
|
-
surface: {
|
|
62
|
-
page: string;
|
|
63
|
-
panel: string;
|
|
64
|
-
container: string;
|
|
65
|
-
elevated: string;
|
|
66
|
-
hover: string;
|
|
67
|
-
active: string;
|
|
68
|
-
inverse: string;
|
|
69
|
-
popup: string;
|
|
70
|
-
};
|
|
71
|
-
fill: {
|
|
72
|
-
weak: string;
|
|
73
|
-
default: string;
|
|
74
|
-
strong: string;
|
|
75
|
-
stronger: string;
|
|
76
|
-
};
|
|
77
|
-
border: {
|
|
78
|
-
default: string;
|
|
79
|
-
subtle: string;
|
|
80
|
-
strong: string;
|
|
81
|
-
focus: string;
|
|
82
|
-
};
|
|
83
|
-
status: {
|
|
84
|
-
success: string;
|
|
85
|
-
warning: string;
|
|
86
|
-
danger: string;
|
|
87
|
-
info: string;
|
|
88
|
-
};
|
|
89
|
-
};
|
|
9
|
+
export declare const lightTheme: ThemeContract;
|
|
90
10
|
|
|
91
11
|
export declare const primitives: {
|
|
92
|
-
readonly colors:
|
|
93
|
-
|
|
94
|
-
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"];
|
|
95
|
-
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"];
|
|
96
|
-
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"];
|
|
97
|
-
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"];
|
|
98
|
-
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"];
|
|
99
|
-
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"];
|
|
100
|
-
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"];
|
|
101
|
-
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"];
|
|
102
|
-
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"];
|
|
103
|
-
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"];
|
|
104
|
-
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"];
|
|
105
|
-
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"];
|
|
106
|
-
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"];
|
|
107
|
-
};
|
|
108
|
-
readonly colorsDark: {
|
|
109
|
-
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"];
|
|
110
|
-
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"];
|
|
111
|
-
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"];
|
|
112
|
-
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"];
|
|
113
|
-
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"];
|
|
114
|
-
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"];
|
|
115
|
-
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"];
|
|
116
|
-
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"];
|
|
117
|
-
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"];
|
|
118
|
-
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"];
|
|
119
|
-
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"];
|
|
120
|
-
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"];
|
|
121
|
-
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"];
|
|
122
|
-
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"];
|
|
123
|
-
};
|
|
12
|
+
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]>;
|
|
13
|
+
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]>;
|
|
124
14
|
readonly radius: {
|
|
125
|
-
readonly
|
|
126
|
-
readonly
|
|
127
|
-
readonly
|
|
128
|
-
readonly
|
|
15
|
+
readonly none: "var(--border-radius-none)";
|
|
16
|
+
readonly sm: "var(--border-radius-small)";
|
|
17
|
+
readonly md: "var(--border-radius-medium)";
|
|
18
|
+
readonly lg: "var(--border-radius-large)";
|
|
19
|
+
readonly full: "var(--border-radius-circle)";
|
|
129
20
|
};
|
|
130
21
|
readonly shadow: {
|
|
131
|
-
readonly sm: "rgba(0, 0, 0, 0.1)
|
|
132
|
-
readonly lg: "0
|
|
22
|
+
readonly sm: "0 2px 5px rgba(0, 0, 0, 0.1)";
|
|
23
|
+
readonly lg: "0 8px 20px rgba(0, 0, 0, 0.1)";
|
|
133
24
|
};
|
|
134
25
|
readonly spacing: {
|
|
135
|
-
readonly
|
|
136
|
-
readonly
|
|
137
|
-
readonly
|
|
138
|
-
readonly
|
|
139
|
-
readonly
|
|
26
|
+
readonly 1: "2px";
|
|
27
|
+
readonly 2: "4px";
|
|
28
|
+
readonly 3: "6px";
|
|
29
|
+
readonly 4: "8px";
|
|
30
|
+
readonly 5: "10px";
|
|
31
|
+
readonly 6: "12px";
|
|
32
|
+
readonly 7: "16px";
|
|
33
|
+
readonly 8: "20px";
|
|
140
34
|
};
|
|
141
35
|
};
|
|
142
36
|
|
|
37
|
+
declare type ThemeContract = Record<string, string>;
|
|
38
|
+
|
|
143
39
|
declare type ThemeMode = 'light' | 'dark';
|
|
144
40
|
|
|
145
41
|
export { }
|
package/dist/index.es.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { a as primitives, n as darkTheme, r as lightTheme } from "./themes-JeQtp8Da.mjs";
|
|
2
2
|
import { t as applyTheme } from "./runtime-BEbyNSBV.mjs";
|
|
3
3
|
export { applyTheme, darkTheme, lightTheme, primitives };
|