earthnut 0.2.3-alpha.1 → 0.2.3-alpha.2
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/209.mjs +10 -0
- package/209.mjs.map +1 -0
- package/client.mjs +1 -1
- package/components/ThemeContext/index.d.ts +11 -0
- package/components/ThemeContext/types.d.ts +26 -0
- package/components/button/button.d.ts +1 -2
- package/components/image/index.d.ts +1 -2
- package/components/image/types.d.ts +2 -1
- package/components/layout/content.d.ts +2 -2
- package/components/layout/footer.d.ts +2 -3
- package/components/layout/header.d.ts +2 -3
- package/components/layout/is-fragment.d.ts +9 -0
- package/components/layout/layout.d.ts +3 -4
- package/components/layout/{sideBar.d.ts → sidebar.d.ts} +3 -4
- package/components/layout/types.d.ts +7 -6
- package/components/marquee/MarqueeEle.d.ts +2 -2
- package/components/ripples/Content.d.ts +1 -1
- package/components/ripples/LazyRippleEle.d.ts +2 -3
- package/components/ripples/RipplesEle.d.ts +2 -3
- package/components/ripples/useOptionUpdate.d.ts +2 -1
- package/components/shared/EnLayoutContent/index.d.ts +6 -6
- package/components/switch/SwitchContainer.d.ts +7 -0
- package/components/switch/SwitchContent.d.ts +10 -0
- package/components/switch/SwitchLabel.d.ts +9 -0
- package/components/switch/index.d.ts +14 -0
- package/customHooks/use-xcn/index.d.ts +1 -1
- package/customHooks/useInputIsComposing.d.ts +5 -4
- package/customHooks/useRipples/index.d.ts +2 -1
- package/customHooks/useRipples/types.d.ts +2 -1
- package/customHooks/useRipples/use-lazy-ripple.d.ts +3 -2
- package/index.client.d.ts +3 -0
- package/layoutUtil.mjs +1 -1
- package/layoutUtil.mjs.map +1 -0
- package/package.json +10 -2
- package/server.mjs +1 -1
- package/server.mjs.map +1 -0
- package/storage/main-logic .d.ts +26 -0
- package/storage/storage-store.d.ts +14 -0
- package/styles/common.css +613 -109
- package/styles/common.scss +48 -2
- package/styles/reset.scss +2 -2
- package/styles/respond.scss +1 -1
- package/styles/root.scss +135 -17
- package/styles/vars-color.scss +247 -0
- package/utilities/cookie.d.ts +28 -0
- package/utilities/sys.d.ts +41 -0
- package/styles/vars.scss +0 -248
package/styles/vars.scss
DELETED
|
@@ -1,248 +0,0 @@
|
|
|
1
|
-
$en-color-neutral-light-70: #f9f9fb;
|
|
2
|
-
$en-color-neutral-light-80: #f2f1f1;
|
|
3
|
-
$en-color-neutral-light-90: #ebeaea;
|
|
4
|
-
|
|
5
|
-
$en-color-neutral-10: #e2e2e2;
|
|
6
|
-
$en-color-neutral-20: #cdcdcd;
|
|
7
|
-
$en-color-neutral-30: #b3b3b3;
|
|
8
|
-
$en-color-neutral-40: #9e9e9e;
|
|
9
|
-
$en-color-neutral-50: #858585;
|
|
10
|
-
$en-color-neutral-60: #696969;
|
|
11
|
-
$en-color-neutral-70: #4e4e4e;
|
|
12
|
-
$en-color-neutral-75: #313131;
|
|
13
|
-
$en-color-neutral-80: #343434;
|
|
14
|
-
$en-color-neutral-90: #1b1b1b;
|
|
15
|
-
|
|
16
|
-
$en-color-light-theme-blue: #0085f2;
|
|
17
|
-
$en-color-light-theme-green: #009a46;
|
|
18
|
-
$en-color-light-theme-yellow: #928700;
|
|
19
|
-
$en-color-light-theme-red: #d30038;
|
|
20
|
-
$en-color-light-theme-violet: #9b65ff;
|
|
21
|
-
$en-color-light-theme-pink: #d00058;
|
|
22
|
-
|
|
23
|
-
$en-color-dark-theme-blue: $en-color-light-theme-blue;
|
|
24
|
-
$en-color-dark-theme-green: $en-color-light-theme-green;
|
|
25
|
-
$en-color-dark-theme-yellow: $en-color-light-theme-yellow;
|
|
26
|
-
$en-color-dark-theme-red: $en-color-light-theme-red;
|
|
27
|
-
$en-color-dark-theme-violet: $en-color-light-theme-violet;
|
|
28
|
-
$en-color-dark-theme-pink: $en-color-light-theme-pink;
|
|
29
|
-
|
|
30
|
-
$en-color-light-theme-blue-10: #dce2f2;
|
|
31
|
-
$en-color-light-theme-blue-20: #c1cff1;
|
|
32
|
-
$en-color-light-theme-blue-30: #8cb4ff;
|
|
33
|
-
$en-color-light-theme-blue-40: #5e9eff;
|
|
34
|
-
$en-color-light-theme-blue-50: #0085f2;
|
|
35
|
-
$en-color-light-theme-blue-60: #0069c2;
|
|
36
|
-
$en-color-light-theme-blue-70: #004d92;
|
|
37
|
-
$en-color-light-theme-blue-80: #003465;
|
|
38
|
-
$en-color-light-theme-blue-90: #001b3a;
|
|
39
|
-
|
|
40
|
-
$en-color-dark-theme-blue-10: $en-color-light-theme-blue-10;
|
|
41
|
-
$en-color-dark-theme-blue-20: $en-color-light-theme-blue-20;
|
|
42
|
-
$en-color-dark-theme-blue-30: $en-color-light-theme-blue-30;
|
|
43
|
-
$en-color-dark-theme-blue-40: $en-color-light-theme-blue-40;
|
|
44
|
-
$en-color-dark-theme-blue-50: $en-color-light-theme-blue-50;
|
|
45
|
-
$en-color-dark-theme-blue-60: $en-color-light-theme-blue-60;
|
|
46
|
-
$en-color-dark-theme-blue-70: $en-color-light-theme-blue-70;
|
|
47
|
-
$en-color-dark-theme-blue-80: $en-color-light-theme-blue-80;
|
|
48
|
-
$en-color-dark-theme-blue-90: $en-color-light-theme-blue-90;
|
|
49
|
-
|
|
50
|
-
$en-color-light-theme-green-10: #a9f3ba;
|
|
51
|
-
$en-color-light-theme-green-20: #73e693;
|
|
52
|
-
$en-color-light-theme-green-30: #00d061;
|
|
53
|
-
$en-color-light-theme-green-40: #00b755;
|
|
54
|
-
$en-color-light-theme-green-50: #009a46;
|
|
55
|
-
$en-color-light-theme-green-60: #007936;
|
|
56
|
-
$en-color-light-theme-green-70: #005a26;
|
|
57
|
-
$en-color-light-theme-green-80: #003d18;
|
|
58
|
-
$en-color-light-theme-green-90: #00210a;
|
|
59
|
-
|
|
60
|
-
$en-color-dark-theme-green-10: $en-color-light-theme-green-10;
|
|
61
|
-
$en-color-dark-theme-green-20: $en-color-light-theme-green-20;
|
|
62
|
-
$en-color-dark-theme-green-30: $en-color-light-theme-green-30;
|
|
63
|
-
$en-color-dark-theme-green-40: $en-color-light-theme-green-40;
|
|
64
|
-
$en-color-dark-theme-green-50: $en-color-light-theme-green-50;
|
|
65
|
-
$en-color-dark-theme-green-60: $en-color-light-theme-green-60;
|
|
66
|
-
$en-color-dark-theme-green-70: $en-color-light-theme-green-70;
|
|
67
|
-
$en-color-dark-theme-green-80: $en-color-light-theme-green-80;
|
|
68
|
-
$en-color-dark-theme-green-90: $en-color-light-theme-green-90;
|
|
69
|
-
|
|
70
|
-
$en-color-light-theme-yellow-10: #f0e498;
|
|
71
|
-
$en-color-light-theme-yellow-20: #dfd172;
|
|
72
|
-
$en-color-light-theme-yellow-30: #c7b700;
|
|
73
|
-
$en-color-light-theme-yellow-40: #afa100;
|
|
74
|
-
$en-color-light-theme-yellow-50: #938700;
|
|
75
|
-
$en-color-light-theme-yellow-60: #746a00;
|
|
76
|
-
$en-color-light-theme-yellow-70: #564e00;
|
|
77
|
-
$en-color-light-theme-yellow-80: #3a3500;
|
|
78
|
-
$en-color-light-theme-yellow-90: #1f1c00;
|
|
79
|
-
|
|
80
|
-
$en-color-dark-theme-yellow-10: $en-color-light-theme-yellow-10;
|
|
81
|
-
$en-color-dark-theme-yellow-20: $en-color-light-theme-yellow-20;
|
|
82
|
-
$en-color-dark-theme-yellow-30: $en-color-light-theme-yellow-30;
|
|
83
|
-
$en-color-dark-theme-yellow-40: $en-color-light-theme-yellow-40;
|
|
84
|
-
$en-color-dark-theme-yellow-50: $en-color-light-theme-yellow-50;
|
|
85
|
-
$en-color-dark-theme-yellow-60: $en-color-light-theme-yellow-60;
|
|
86
|
-
$en-color-dark-theme-yellow-70: $en-color-light-theme-yellow-70;
|
|
87
|
-
$en-color-dark-theme-yellow-80: $en-color-light-theme-yellow-80;
|
|
88
|
-
$en-color-dark-theme-yellow-90: $en-color-light-theme-yellow-90;
|
|
89
|
-
|
|
90
|
-
$en-color-light-theme-red-10: #ffd9dc;
|
|
91
|
-
$en-color-light-theme-red-20: #ffc0c4;
|
|
92
|
-
$en-color-light-theme-red-30: #ff97a0;
|
|
93
|
-
$en-color-light-theme-red-40: #ff707f;
|
|
94
|
-
$en-color-light-theme-red-50: #ff2a51;
|
|
95
|
-
$en-color-light-theme-red-60: #d30038;
|
|
96
|
-
$en-color-light-theme-red-70: #9e0027;
|
|
97
|
-
$en-color-light-theme-red-80: #6f0019;
|
|
98
|
-
$en-color-light-theme-red-90: #40000a;
|
|
99
|
-
|
|
100
|
-
$en-color-dark-theme-red-10: $en-color-light-theme-red-10;
|
|
101
|
-
$en-color-dark-theme-red-20: $en-color-light-theme-red-20;
|
|
102
|
-
$en-color-dark-theme-red-30: $en-color-light-theme-red-30;
|
|
103
|
-
$en-color-dark-theme-red-40: $en-color-light-theme-red-40;
|
|
104
|
-
$en-color-dark-theme-red-50: $en-color-light-theme-red-50;
|
|
105
|
-
$en-color-dark-theme-red-60: $en-color-light-theme-red-60;
|
|
106
|
-
$en-color-dark-theme-red-70: $en-color-light-theme-red-70;
|
|
107
|
-
$en-color-dark-theme-red-80: $en-color-light-theme-red-80;
|
|
108
|
-
$en-color-dark-theme-red-90: $en-color-light-theme-red-90;
|
|
109
|
-
|
|
110
|
-
$en-color-light-theme-violet-10: #e6deff;
|
|
111
|
-
$en-color-light-theme-violet-20: #d4c5ff;
|
|
112
|
-
$en-color-light-theme-violet-30: #bea5ff;
|
|
113
|
-
$en-color-light-theme-violet-40: #ae8aff;
|
|
114
|
-
$en-color-light-theme-violet-50: #9b65ff;
|
|
115
|
-
$en-color-light-theme-violet-60: #872bff;
|
|
116
|
-
$en-color-light-theme-violet-70: #6800cf;
|
|
117
|
-
$en-color-light-theme-violet-80: #480091;
|
|
118
|
-
$en-color-light-theme-violet-90: #280056;
|
|
119
|
-
|
|
120
|
-
$en-color-dark-theme-violet-10: $en-color-light-theme-violet-10;
|
|
121
|
-
$en-color-dark-theme-violet-20: $en-color-light-theme-violet-20;
|
|
122
|
-
$en-color-dark-theme-violet-30: $en-color-light-theme-violet-30;
|
|
123
|
-
$en-color-dark-theme-violet-40: $en-color-light-theme-violet-40;
|
|
124
|
-
$en-color-dark-theme-violet-50: $en-color-light-theme-violet-50;
|
|
125
|
-
$en-color-dark-theme-violet-60: $en-color-light-theme-violet-60;
|
|
126
|
-
$en-color-dark-theme-violet-70: $en-color-light-theme-violet-70;
|
|
127
|
-
$en-color-dark-theme-violet-80: $en-color-light-theme-violet-80;
|
|
128
|
-
$en-color-dark-theme-violet-90: $en-color-light-theme-violet-90;
|
|
129
|
-
|
|
130
|
-
$en-color-light-theme-pink-10: #ffd9df;
|
|
131
|
-
$en-color-light-theme-pink-20: #ffbbc8;
|
|
132
|
-
$en-color-light-theme-pink-30: #ff93aa;
|
|
133
|
-
$en-color-light-theme-pink-40: #ff6d91;
|
|
134
|
-
$en-color-light-theme-pink-50: #ff1f72;
|
|
135
|
-
$en-color-light-theme-pink-60: #d00058;
|
|
136
|
-
$en-color-light-theme-pink-70: #9e0041;
|
|
137
|
-
$en-color-light-theme-pink-80: #6d002b;
|
|
138
|
-
$en-color-light-theme-pink-90: #3f0015;
|
|
139
|
-
|
|
140
|
-
$en-color-dark-theme-pink-10: $en-color-light-theme-pink-10;
|
|
141
|
-
$en-color-dark-theme-pink-20: $en-color-light-theme-pink-20;
|
|
142
|
-
$en-color-dark-theme-pink-30: $en-color-light-theme-pink-30;
|
|
143
|
-
$en-color-dark-theme-pink-40: $en-color-light-theme-pink-40;
|
|
144
|
-
$en-color-dark-theme-pink-50: $en-color-light-theme-pink-50;
|
|
145
|
-
$en-color-dark-theme-pink-60: $en-color-light-theme-pink-60;
|
|
146
|
-
$en-color-dark-theme-pink-70: $en-color-light-theme-pink-70;
|
|
147
|
-
$en-color-dark-theme-pink-80: $en-color-light-theme-pink-80;
|
|
148
|
-
$en-color-dark-theme-pink-90: $en-color-light-theme-pink-90;
|
|
149
|
-
|
|
150
|
-
$en-color-black: #000;
|
|
151
|
-
$en-color-white: #fff;
|
|
152
|
-
$en-color-ads: #00d0aa;
|
|
153
|
-
|
|
154
|
-
$en-theme-light-text-primary: $en-color-neutral-90;
|
|
155
|
-
$en-theme-light-text-secondary: $en-color-neutral-70;
|
|
156
|
-
$en-theme-light-text-active: #{$en-color-neutral-50};
|
|
157
|
-
$en-theme-light-text-inactive: #{$en-color-neutral-40}a6;
|
|
158
|
-
$en-theme-light-text-link: $en-color-light-theme-blue-60;
|
|
159
|
-
$en-theme-light-text-invert: $en-color-white;
|
|
160
|
-
$en-theme-light-text-muted: #6f6f6f;
|
|
161
|
-
$en-theme-light-background-primary: $en-color-white;
|
|
162
|
-
$en-theme-light-background-secondary: $en-color-neutral-light-70;
|
|
163
|
-
$en-theme-light-background-tertiary: #ebeaea;
|
|
164
|
-
$en-theme-light-background-toc-active: $en-color-neutral-light-90;
|
|
165
|
-
$en-theme-light-border-primary: $en-color-neutral-20;
|
|
166
|
-
$en-theme-light-border-secondary: $en-color-neutral-20;
|
|
167
|
-
$en-theme-light-border-success: $en-color-light-theme-green-20;
|
|
168
|
-
$en-theme-light-button-primary-default: $en-color-neutral-90;
|
|
169
|
-
$en-theme-light-button-primary-hover: $en-color-neutral-60;
|
|
170
|
-
$en-theme-light-button-primary-active: $en-color-neutral-40;
|
|
171
|
-
$en-theme-light-button-primary-inactive: $en-color-neutral-90;
|
|
172
|
-
$en-theme-light-button-secondary-default: $en-color-white;
|
|
173
|
-
$en-theme-light-button-secondary-hover: $en-color-neutral-20;
|
|
174
|
-
$en-theme-light-button-secondary-active: $en-color-neutral-20;
|
|
175
|
-
$en-theme-light-button-secondary-inactive: $en-color-neutral-light-70;
|
|
176
|
-
$en-theme-light-button-secondary-border-focus: $en-color-light-theme-blue-50;
|
|
177
|
-
$en-theme-light-button-secondary-border-red: $en-color-light-theme-red-30;
|
|
178
|
-
$en-theme-light-button-secondary-border-red-focus: $en-color-light-theme-red-10;
|
|
179
|
-
$en-theme-light-icon-primary: $en-color-neutral-60;
|
|
180
|
-
$en-theme-light-icon-secondary: $en-color-neutral-30;
|
|
181
|
-
$en-theme-light-icon-information: $en-color-light-theme-blue-50;
|
|
182
|
-
$en-theme-light-icon-warning: $en-color-light-theme-red-50;
|
|
183
|
-
$en-theme-light-icon-critical: $en-color-light-theme-red-60;
|
|
184
|
-
$en-theme-light-icon-success: $en-color-light-theme-green-60;
|
|
185
|
-
$en-theme-light-accent-primary: $en-color-light-theme-blue-50;
|
|
186
|
-
$en-theme-light-accent-secondary: $en-color-light-theme-blue-50;
|
|
187
|
-
$en-theme-light-field-focus-border: $en-color-light-theme-blue-50;
|
|
188
|
-
$en-theme-light-focus-01: 0 0 0 3px rgba(0, 144, 237, 0.4);
|
|
189
|
-
$en-theme-light-shadow-01: 0 1px 2px rgba(43, 42, 51, 0.05);
|
|
190
|
-
$en-theme-light-shadow-02: 0 1px 6px rgba(43, 42, 51, 0.1);
|
|
191
|
-
|
|
192
|
-
$en-theme-light-code-token-tag: $en-color-light-theme-blue-60;
|
|
193
|
-
$en-theme-light-code-token-punctuation: $en-color-neutral-50;
|
|
194
|
-
$en-theme-light-code-token-attribute-name: $en-color-light-theme-red-60;
|
|
195
|
-
$en-theme-light-code-token-attribute-value: $en-color-light-theme-green-60;
|
|
196
|
-
$en-theme-light-code-token-comment: $en-color-neutral-50;
|
|
197
|
-
$en-theme-light-code-token-default: $en-color-neutral-90;
|
|
198
|
-
$en-theme-light-code-token-selector: $en-color-light-theme-violet-60;
|
|
199
|
-
$en-theme-light-code-background-inline: $en-color-neutral-light-80;
|
|
200
|
-
$en-theme-light-code-background-block: $en-color-neutral-light-80;
|
|
201
|
-
|
|
202
|
-
$en-theme-dark-text-primary: $en-color-white;
|
|
203
|
-
$en-theme-dark-text-secondary: $en-color-neutral-20;
|
|
204
|
-
$en-theme-dark-text-active: #{$en-color-neutral-50};
|
|
205
|
-
$en-theme-dark-text-inactive: #{$en-color-neutral-20}a6;
|
|
206
|
-
$en-theme-dark-text-link: $en-color-dark-theme-blue-30;
|
|
207
|
-
$en-theme-dark-text-invert: $en-color-neutral-90;
|
|
208
|
-
$en-theme-dark-text-muted: #858585;
|
|
209
|
-
$en-theme-dark-background-primary: $en-color-neutral-90;
|
|
210
|
-
$en-theme-dark-background-secondary: $en-color-neutral-75;
|
|
211
|
-
$en-theme-dark-background-tertiary: #858585;
|
|
212
|
-
$en-theme-dark-background-toc-active: $en-color-neutral-80;
|
|
213
|
-
$en-theme-dark-border-primary: $en-color-neutral-50;
|
|
214
|
-
$en-theme-dark-border-secondary: $en-color-neutral-60;
|
|
215
|
-
$en-theme-dark-border-success: $en-color-dark-theme-green-20;
|
|
216
|
-
$en-theme-dark-button-primary-default: $en-color-white;
|
|
217
|
-
$en-theme-dark-button-primary-hover: $en-color-neutral-20;
|
|
218
|
-
$en-theme-dark-button-primary-active: $en-color-neutral-40;
|
|
219
|
-
$en-theme-dark-button-primary-inactive: $en-color-white;
|
|
220
|
-
$en-theme-dark-button-secondary-default: $en-color-neutral-70;
|
|
221
|
-
$en-theme-dark-button-secondary-hover: $en-color-neutral-50;
|
|
222
|
-
$en-theme-dark-button-secondary-active: $en-color-neutral-40;
|
|
223
|
-
$en-theme-dark-button-secondary-inactive: $en-color-neutral-70;
|
|
224
|
-
$en-theme-dark-shadow-01: 0 1px 2px rgba(251, 251, 254, 0.2);
|
|
225
|
-
$en-theme-dark-shadow-02: 0 1px 6px rgba(251, 251, 254, 0.2);
|
|
226
|
-
$en-theme-dark-icon-primary: $en-color-white;
|
|
227
|
-
$en-theme-dark-icon-secondary: $en-color-neutral-30;
|
|
228
|
-
$en-theme-dark-icon-information: $en-color-dark-theme-blue-40;
|
|
229
|
-
$en-theme-dark-icon-warning: $en-color-dark-theme-yellow-40;
|
|
230
|
-
$en-theme-dark-icon-critical: $en-color-dark-theme-red-40;
|
|
231
|
-
$en-theme-dark-icon-success: $en-color-dark-theme-green-40;
|
|
232
|
-
$en-theme-dark-accent-primary: $en-color-dark-theme-blue-40;
|
|
233
|
-
$en-theme-dark-accent-secondary: $en-color-dark-theme-blue-40;
|
|
234
|
-
$en-theme-dark-field-focus-border: $en-color-white;
|
|
235
|
-
$en-theme-dark-focus-01: 0 0 0 3px rgba(251, 251, 254, 0.5);
|
|
236
|
-
|
|
237
|
-
$en-theme-dark-code-token-tag: $en-color-dark-theme-blue-20;
|
|
238
|
-
$en-theme-dark-code-token-punctuation: $en-color-neutral-30;
|
|
239
|
-
$en-theme-dark-code-token-attribute-name: $en-color-dark-theme-red-30;
|
|
240
|
-
$en-theme-dark-code-token-attribute-value: $en-color-dark-theme-green-30;
|
|
241
|
-
$en-theme-dark-code-token-comment: $en-color-neutral-30;
|
|
242
|
-
$en-theme-dark-code-token-default: $en-color-white;
|
|
243
|
-
$en-theme-dark-code-token-selector: $en-color-dark-theme-violet-30;
|
|
244
|
-
$en-theme-dark-code-background-inline: $en-color-neutral-80;
|
|
245
|
-
$en-theme-dark-code-background-block: $en-color-neutral-80;
|
|
246
|
-
|
|
247
|
-
// screen is to small for sticky placement
|
|
248
|
-
$screen-height-place-limit: 44rem;
|