@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 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
- 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"];
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 sm: "4px";
126
- readonly md: "8px";
127
- readonly lg: "10px";
128
- readonly full: "50%";
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) 0px 1px 2px 0px";
132
- 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)";
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 xs: "4px";
136
- readonly sm: "8px";
137
- readonly md: "12px";
138
- readonly lg: "16px";
139
- readonly xl: "24px";
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 { n as darkTheme, r as primitives, t as lightTheme } from "./light-BLV23cx0.mjs";
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 };