weapp-tailwindcss 4.1.2 → 4.1.4-alpha.0

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.
Files changed (10) hide show
  1. package/css/index.css +3 -0
  2. package/css/preflight.css +15 -0
  3. package/css/theme.css +450 -0
  4. package/css/utilities.css +1 -0
  5. package/css/with-layer.css +5 -0
  6. package/index.css +413 -3
  7. package/package.json +8 -5
  8. package/preflight.css +6 -12
  9. package/theme.css +23 -70
  10. package/with-layer.css +420 -5
package/theme.css CHANGED
@@ -1,9 +1,8 @@
1
1
  @theme default {
2
- --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
3
- 'Noto Color Emoji';
2
+ --font-sans:
3
+ ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
4
4
  --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
5
5
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
6
-
7
6
  --color-red-50: oklch(0.971 0.013 17.38);
8
7
  --color-red-100: oklch(0.936 0.032 17.717);
9
8
  --color-red-200: oklch(0.885 0.062 18.334);
@@ -15,7 +14,6 @@
15
14
  --color-red-800: oklch(0.444 0.177 26.899);
16
15
  --color-red-900: oklch(0.396 0.141 25.723);
17
16
  --color-red-950: oklch(0.258 0.092 26.042);
18
-
19
17
  --color-orange-50: oklch(0.98 0.016 73.684);
20
18
  --color-orange-100: oklch(0.954 0.038 75.164);
21
19
  --color-orange-200: oklch(0.901 0.076 70.697);
@@ -27,7 +25,6 @@
27
25
  --color-orange-800: oklch(0.47 0.157 37.304);
28
26
  --color-orange-900: oklch(0.408 0.123 38.172);
29
27
  --color-orange-950: oklch(0.266 0.079 36.259);
30
-
31
28
  --color-amber-50: oklch(0.987 0.022 95.277);
32
29
  --color-amber-100: oklch(0.962 0.059 95.617);
33
30
  --color-amber-200: oklch(0.924 0.12 95.746);
@@ -39,7 +36,6 @@
39
36
  --color-amber-800: oklch(0.473 0.137 46.201);
40
37
  --color-amber-900: oklch(0.414 0.112 45.904);
41
38
  --color-amber-950: oklch(0.279 0.077 45.635);
42
-
43
39
  --color-yellow-50: oklch(0.987 0.026 102.212);
44
40
  --color-yellow-100: oklch(0.973 0.071 103.193);
45
41
  --color-yellow-200: oklch(0.945 0.129 101.54);
@@ -51,7 +47,6 @@
51
47
  --color-yellow-800: oklch(0.476 0.114 61.907);
52
48
  --color-yellow-900: oklch(0.421 0.095 57.708);
53
49
  --color-yellow-950: oklch(0.286 0.066 53.813);
54
-
55
50
  --color-lime-50: oklch(0.986 0.031 120.757);
56
51
  --color-lime-100: oklch(0.967 0.067 122.328);
57
52
  --color-lime-200: oklch(0.938 0.127 124.321);
@@ -63,7 +58,6 @@
63
58
  --color-lime-800: oklch(0.453 0.124 130.933);
64
59
  --color-lime-900: oklch(0.405 0.101 131.063);
65
60
  --color-lime-950: oklch(0.274 0.072 132.109);
66
-
67
61
  --color-green-50: oklch(0.982 0.018 155.826);
68
62
  --color-green-100: oklch(0.962 0.044 156.743);
69
63
  --color-green-200: oklch(0.925 0.084 155.995);
@@ -75,7 +69,6 @@
75
69
  --color-green-800: oklch(0.448 0.119 151.328);
76
70
  --color-green-900: oklch(0.393 0.095 152.535);
77
71
  --color-green-950: oklch(0.266 0.065 152.934);
78
-
79
72
  --color-emerald-50: oklch(0.979 0.021 166.113);
80
73
  --color-emerald-100: oklch(0.95 0.052 163.051);
81
74
  --color-emerald-200: oklch(0.905 0.093 164.15);
@@ -87,7 +80,6 @@
87
80
  --color-emerald-800: oklch(0.432 0.095 166.913);
88
81
  --color-emerald-900: oklch(0.378 0.077 168.94);
89
82
  --color-emerald-950: oklch(0.262 0.051 172.552);
90
-
91
83
  --color-teal-50: oklch(0.984 0.014 180.72);
92
84
  --color-teal-100: oklch(0.953 0.051 180.801);
93
85
  --color-teal-200: oklch(0.91 0.096 180.426);
@@ -99,7 +91,6 @@
99
91
  --color-teal-800: oklch(0.437 0.078 188.216);
100
92
  --color-teal-900: oklch(0.386 0.063 188.416);
101
93
  --color-teal-950: oklch(0.277 0.046 192.524);
102
-
103
94
  --color-cyan-50: oklch(0.984 0.019 200.873);
104
95
  --color-cyan-100: oklch(0.956 0.045 203.388);
105
96
  --color-cyan-200: oklch(0.917 0.08 205.041);
@@ -111,7 +102,6 @@
111
102
  --color-cyan-800: oklch(0.45 0.085 224.283);
112
103
  --color-cyan-900: oklch(0.398 0.07 227.392);
113
104
  --color-cyan-950: oklch(0.302 0.056 229.695);
114
-
115
105
  --color-sky-50: oklch(0.977 0.013 236.62);
116
106
  --color-sky-100: oklch(0.951 0.026 236.824);
117
107
  --color-sky-200: oklch(0.901 0.058 230.902);
@@ -123,7 +113,6 @@
123
113
  --color-sky-800: oklch(0.443 0.11 240.79);
124
114
  --color-sky-900: oklch(0.391 0.09 240.876);
125
115
  --color-sky-950: oklch(0.293 0.066 243.157);
126
-
127
116
  --color-blue-50: oklch(0.97 0.014 254.604);
128
117
  --color-blue-100: oklch(0.932 0.032 255.585);
129
118
  --color-blue-200: oklch(0.882 0.059 254.128);
@@ -135,7 +124,6 @@
135
124
  --color-blue-800: oklch(0.424 0.199 265.638);
136
125
  --color-blue-900: oklch(0.379 0.146 265.522);
137
126
  --color-blue-950: oklch(0.282 0.091 267.935);
138
-
139
127
  --color-indigo-50: oklch(0.962 0.018 272.314);
140
128
  --color-indigo-100: oklch(0.93 0.034 272.788);
141
129
  --color-indigo-200: oklch(0.87 0.065 274.039);
@@ -147,7 +135,6 @@
147
135
  --color-indigo-800: oklch(0.398 0.195 277.366);
148
136
  --color-indigo-900: oklch(0.359 0.144 278.697);
149
137
  --color-indigo-950: oklch(0.257 0.09 281.288);
150
-
151
138
  --color-violet-50: oklch(0.969 0.016 293.756);
152
139
  --color-violet-100: oklch(0.943 0.029 294.588);
153
140
  --color-violet-200: oklch(0.894 0.057 293.283);
@@ -159,7 +146,6 @@
159
146
  --color-violet-800: oklch(0.432 0.232 292.759);
160
147
  --color-violet-900: oklch(0.38 0.189 293.745);
161
148
  --color-violet-950: oklch(0.283 0.141 291.089);
162
-
163
149
  --color-purple-50: oklch(0.977 0.014 308.299);
164
150
  --color-purple-100: oklch(0.946 0.033 307.174);
165
151
  --color-purple-200: oklch(0.902 0.063 306.703);
@@ -171,7 +157,6 @@
171
157
  --color-purple-800: oklch(0.438 0.218 303.724);
172
158
  --color-purple-900: oklch(0.381 0.176 304.987);
173
159
  --color-purple-950: oklch(0.291 0.149 302.717);
174
-
175
160
  --color-fuchsia-50: oklch(0.977 0.017 320.058);
176
161
  --color-fuchsia-100: oklch(0.952 0.037 318.852);
177
162
  --color-fuchsia-200: oklch(0.903 0.076 319.62);
@@ -183,7 +168,6 @@
183
168
  --color-fuchsia-800: oklch(0.452 0.211 324.591);
184
169
  --color-fuchsia-900: oklch(0.401 0.17 325.612);
185
170
  --color-fuchsia-950: oklch(0.293 0.136 325.661);
186
-
187
171
  --color-pink-50: oklch(0.971 0.014 343.198);
188
172
  --color-pink-100: oklch(0.948 0.028 342.258);
189
173
  --color-pink-200: oklch(0.899 0.061 343.231);
@@ -195,7 +179,6 @@
195
179
  --color-pink-800: oklch(0.459 0.187 3.815);
196
180
  --color-pink-900: oklch(0.408 0.153 2.432);
197
181
  --color-pink-950: oklch(0.284 0.109 3.907);
198
-
199
182
  --color-rose-50: oklch(0.969 0.015 12.422);
200
183
  --color-rose-100: oklch(0.941 0.03 12.58);
201
184
  --color-rose-200: oklch(0.892 0.058 10.001);
@@ -207,7 +190,6 @@
207
190
  --color-rose-800: oklch(0.455 0.188 13.697);
208
191
  --color-rose-900: oklch(0.41 0.159 10.272);
209
192
  --color-rose-950: oklch(0.271 0.105 12.094);
210
-
211
193
  --color-slate-50: oklch(0.984 0.003 247.858);
212
194
  --color-slate-100: oklch(0.968 0.007 247.896);
213
195
  --color-slate-200: oklch(0.929 0.013 255.508);
@@ -219,7 +201,6 @@
219
201
  --color-slate-800: oklch(0.279 0.041 260.031);
220
202
  --color-slate-900: oklch(0.208 0.042 265.755);
221
203
  --color-slate-950: oklch(0.129 0.042 264.695);
222
-
223
204
  --color-gray-50: oklch(0.985 0.002 247.839);
224
205
  --color-gray-100: oklch(0.967 0.003 264.542);
225
206
  --color-gray-200: oklch(0.928 0.006 264.531);
@@ -231,7 +212,6 @@
231
212
  --color-gray-800: oklch(0.278 0.033 256.848);
232
213
  --color-gray-900: oklch(0.21 0.034 264.665);
233
214
  --color-gray-950: oklch(0.13 0.028 261.692);
234
-
235
215
  --color-zinc-50: oklch(0.985 0 0);
236
216
  --color-zinc-100: oklch(0.967 0.001 286.375);
237
217
  --color-zinc-200: oklch(0.92 0.004 286.32);
@@ -243,7 +223,6 @@
243
223
  --color-zinc-800: oklch(0.274 0.006 286.033);
244
224
  --color-zinc-900: oklch(0.21 0.006 285.885);
245
225
  --color-zinc-950: oklch(0.141 0.005 285.823);
246
-
247
226
  --color-neutral-50: oklch(0.985 0 0);
248
227
  --color-neutral-100: oklch(0.97 0 0);
249
228
  --color-neutral-200: oklch(0.922 0 0);
@@ -255,7 +234,6 @@
255
234
  --color-neutral-800: oklch(0.269 0 0);
256
235
  --color-neutral-900: oklch(0.205 0 0);
257
236
  --color-neutral-950: oklch(0.145 0 0);
258
-
259
237
  --color-stone-50: oklch(0.985 0.001 106.423);
260
238
  --color-stone-100: oklch(0.97 0.001 106.424);
261
239
  --color-stone-200: oklch(0.923 0.003 48.717);
@@ -267,18 +245,14 @@
267
245
  --color-stone-800: oklch(0.268 0.007 34.298);
268
246
  --color-stone-900: oklch(0.216 0.006 56.043);
269
247
  --color-stone-950: oklch(0.147 0.004 49.25);
270
-
271
248
  --color-black: #000;
272
249
  --color-white: #fff;
273
-
274
250
  --spacing: 0.25rem;
275
-
276
251
  --breakpoint-sm: 40rem;
277
252
  --breakpoint-md: 48rem;
278
253
  --breakpoint-lg: 64rem;
279
254
  --breakpoint-xl: 80rem;
280
255
  --breakpoint-2xl: 96rem;
281
-
282
256
  --container-3xs: 16rem;
283
257
  --container-2xs: 18rem;
284
258
  --container-xs: 20rem;
@@ -292,7 +266,6 @@
292
266
  --container-5xl: 64rem;
293
267
  --container-6xl: 72rem;
294
268
  --container-7xl: 80rem;
295
-
296
269
  --text-xs: 0.75rem;
297
270
  --text-xs--line-height: calc(1 / 0.75);
298
271
  --text-sm: 0.875rem;
@@ -319,7 +292,6 @@
319
292
  --text-8xl--line-height: 1;
320
293
  --text-9xl: 8rem;
321
294
  --text-9xl--line-height: 1;
322
-
323
295
  --font-weight-thin: 100;
324
296
  --font-weight-extralight: 200;
325
297
  --font-weight-light: 300;
@@ -329,20 +301,17 @@
329
301
  --font-weight-bold: 700;
330
302
  --font-weight-extrabold: 800;
331
303
  --font-weight-black: 900;
332
-
333
304
  --tracking-tighter: -0.05em;
334
305
  --tracking-tight: -0.025em;
335
306
  --tracking-normal: 0em;
336
307
  --tracking-wide: 0.025em;
337
308
  --tracking-wider: 0.05em;
338
309
  --tracking-widest: 0.1em;
339
-
340
310
  --leading-tight: 1.25;
341
311
  --leading-snug: 1.375;
342
312
  --leading-normal: 1.5;
343
313
  --leading-relaxed: 1.625;
344
314
  --leading-loose: 2;
345
-
346
315
  --radius-xs: 0.125rem;
347
316
  --radius-sm: 0.25rem;
348
317
  --radius-md: 0.375rem;
@@ -351,41 +320,34 @@
351
320
  --radius-2xl: 1rem;
352
321
  --radius-3xl: 1.5rem;
353
322
  --radius-4xl: 2rem;
354
-
355
- --shadow-2xs: 0 1px rgb(0 0 0 / 0.05);
356
- --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
357
- --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
358
- --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
359
- --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
360
- --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
361
- --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
362
-
363
- --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / 0.05);
364
- --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.05);
365
- --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / 0.05);
366
-
367
- --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05);
368
- --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);
369
- --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);
370
- --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
371
- --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);
372
- --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);
373
-
323
+ --shadow-2xs: 0 1px #0000000d;
324
+ --shadow-xs: 0 1px 2px 0 #0000000d;
325
+ --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
326
+ --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
327
+ --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
328
+ --shadow-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
329
+ --shadow-2xl: 0 25px 50px -12px #00000040;
330
+ --inset-shadow-2xs: inset 0 1px #0000000d;
331
+ --inset-shadow-xs: inset 0 1px 1px #0000000d;
332
+ --inset-shadow-sm: inset 0 2px 4px #0000000d;
333
+ --drop-shadow-xs: 0 1px 1px #0000000d;
334
+ --drop-shadow-sm: 0 1px 2px #00000026;
335
+ --drop-shadow-md: 0 3px 3px #0000001f;
336
+ --drop-shadow-lg: 0 4px 4px #00000026;
337
+ --drop-shadow-xl: 0 9px 7px #0000001a;
338
+ --drop-shadow-2xl: 0 25px 25px #00000026;
374
339
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
375
340
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
376
341
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
377
-
378
342
  --animate-spin: spin 1s linear infinite;
379
343
  --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
380
344
  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
381
345
  --animate-bounce: bounce 1s infinite;
382
-
383
346
  @keyframes spin {
384
347
  to {
385
348
  transform: rotate(360deg);
386
349
  }
387
350
  }
388
-
389
351
  @keyframes ping {
390
352
  75%,
391
353
  100% {
@@ -393,26 +355,22 @@
393
355
  opacity: 0;
394
356
  }
395
357
  }
396
-
397
358
  @keyframes pulse {
398
359
  50% {
399
360
  opacity: 0.5;
400
361
  }
401
362
  }
402
-
403
363
  @keyframes bounce {
404
364
  0%,
405
365
  100% {
406
366
  transform: translateY(-25%);
407
367
  animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
408
368
  }
409
-
410
369
  50% {
411
370
  transform: none;
412
371
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
413
372
  }
414
373
  }
415
-
416
374
  --blur-xs: 4px;
417
375
  --blur-sm: 8px;
418
376
  --blur-md: 12px;
@@ -420,16 +378,13 @@
420
378
  --blur-xl: 24px;
421
379
  --blur-2xl: 40px;
422
380
  --blur-3xl: 64px;
423
-
424
381
  --perspective-dramatic: 100px;
425
382
  --perspective-near: 300px;
426
383
  --perspective-normal: 500px;
427
384
  --perspective-midrange: 800px;
428
385
  --perspective-distant: 1200px;
429
-
430
- --aspect-video: 16 / 9;
431
-
432
- --default-transition-duration: 150ms;
386
+ --aspect-video: 16/9;
387
+ --default-transition-duration: 0.15s;
433
388
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
434
389
  --default-font-family: var(--font-sans);
435
390
  --default-font-feature-settings: var(--font-sans--font-feature-settings);
@@ -438,13 +393,11 @@
438
393
  --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
439
394
  --default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
440
395
  }
441
-
442
- /* Deprecated */
443
396
  @theme default inline reference {
444
397
  --blur: 8px;
445
- --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
446
- --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
447
- --drop-shadow: 0 1px 2px rgb(0 0 0 / 0.1), 0 1px 1px rgb(0 0 0 / 0.06);
398
+ --shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
399
+ --shadow-inner: inset 0 2px 4px 0 #0000000d;
400
+ --drop-shadow: 0 1px 2px #0000001a, 0 1px 1px #0000000f;
448
401
  --radius: 0.25rem;
449
402
  --max-width-prose: 65ch;
450
403
  }