@seed-design/tailwind4-theme 0.1.2 → 0.1.6
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/index.css +93 -65
- package/package.json +1 -1
package/index.css
CHANGED
|
@@ -214,12 +214,14 @@
|
|
|
214
214
|
--font-weight-regular: var(--seed-font-weight-regular);
|
|
215
215
|
--font-weight-medium: var(--seed-font-weight-medium);
|
|
216
216
|
--font-weight-bold: var(--seed-font-weight-bold);
|
|
217
|
-
--gradient-
|
|
218
|
-
--gradient-
|
|
219
|
-
--gradient-fade-neutral: var(--seed-gradient-fade-neutral);
|
|
217
|
+
--gradient-fade-layer-floating: var(--seed-gradient-fade-layer-floating);
|
|
218
|
+
--gradient-fade-layer-default: var(--seed-gradient-fade-layer-default);
|
|
220
219
|
--gradient-glow-magic: var(--seed-gradient-glow-magic);
|
|
220
|
+
--gradient-shimmer-magic: var(--seed-gradient-shimmer-magic);
|
|
221
221
|
--gradient-glow-magic-pressed: var(--seed-gradient-glow-magic-pressed);
|
|
222
|
+
--gradient-shimmer-neutral: var(--seed-gradient-shimmer-neutral);
|
|
222
223
|
--gradient-highlight-magic: var(--seed-gradient-highlight-magic);
|
|
224
|
+
--gradient-highlight-magic-pressed: var(--seed-gradient-highlight-magic-pressed);
|
|
223
225
|
--line-height-t1: var(--seed-line-height-t1);
|
|
224
226
|
--line-height-t2: var(--seed-line-height-t2);
|
|
225
227
|
--line-height-t3: var(--seed-line-height-t3);
|
|
@@ -247,60 +249,78 @@
|
|
|
247
249
|
--timing-function-exit: var(--seed-timing-function-exit);
|
|
248
250
|
--timing-function-enter-expressive: var(--seed-timing-function-enter-expressive);
|
|
249
251
|
--timing-function-exit-expressive: var(--seed-timing-function-exit-expressive);
|
|
250
|
-
--gradient-stops-
|
|
251
|
-
--gradient-stops-
|
|
252
|
-
--gradient-stops-
|
|
253
|
-
--gradient-stops-
|
|
254
|
-
--gradient-stops-glow-magic-pressed: #
|
|
255
|
-
--gradient-stops-
|
|
256
|
-
--gradient-
|
|
257
|
-
--gradient-
|
|
258
|
-
--gradient-
|
|
259
|
-
--gradient-
|
|
260
|
-
--gradient-
|
|
261
|
-
--gradient-
|
|
262
|
-
--gradient-
|
|
263
|
-
--gradient-
|
|
264
|
-
--gradient-
|
|
265
|
-
--gradient-
|
|
266
|
-
--gradient-
|
|
267
|
-
--gradient-
|
|
268
|
-
--gradient-
|
|
269
|
-
--gradient-
|
|
270
|
-
--gradient-
|
|
271
|
-
--gradient-
|
|
272
|
-
--gradient-fade-
|
|
273
|
-
--gradient-fade-
|
|
274
|
-
--gradient-
|
|
275
|
-
--gradient-
|
|
276
|
-
--gradient-
|
|
277
|
-
--gradient-
|
|
278
|
-
--gradient-
|
|
279
|
-
--gradient-
|
|
280
|
-
--gradient-glow-magic-to-
|
|
281
|
-
--gradient-glow-magic-to-
|
|
282
|
-
--gradient-
|
|
283
|
-
--gradient-
|
|
284
|
-
--gradient-
|
|
285
|
-
--gradient-
|
|
286
|
-
--gradient-
|
|
287
|
-
--gradient-
|
|
288
|
-
--gradient-
|
|
289
|
-
--gradient-
|
|
290
|
-
--gradient-glow-magic-pressed-to-
|
|
291
|
-
--gradient-glow-magic-pressed-to-
|
|
292
|
-
--gradient-glow-magic-pressed-to-
|
|
293
|
-
--gradient-glow-magic-pressed-to-
|
|
294
|
-
--gradient-glow-magic-pressed-to-
|
|
295
|
-
--gradient-glow-magic-pressed-to-
|
|
296
|
-
--gradient-
|
|
297
|
-
--gradient-
|
|
298
|
-
--gradient-
|
|
299
|
-
--gradient-
|
|
300
|
-
--gradient-
|
|
301
|
-
--gradient-
|
|
302
|
-
--gradient-
|
|
303
|
-
--gradient-
|
|
252
|
+
--gradient-stops-fade-layer-floating: #ffffff00 0.00%, #000000 100.00%;
|
|
253
|
+
--gradient-stops-fade-layer-default: #ffffff00 0.00%, #000000 100.00%;
|
|
254
|
+
--gradient-stops-glow-magic: #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%;
|
|
255
|
+
--gradient-stops-shimmer-magic: #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%;
|
|
256
|
+
--gradient-stops-glow-magic-pressed: #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%;
|
|
257
|
+
--gradient-stops-shimmer-neutral: #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%;
|
|
258
|
+
--gradient-stops-highlight-magic: #ff6600 20.00%, #d25aca 100.00%;
|
|
259
|
+
--gradient-stops-highlight-magic-pressed: #e14f00 20.00%, #ae58bf 100.00%;
|
|
260
|
+
--gradient-fade-layer-floating-to-t: linear-gradient(to top, #ffffff00 0.00%, #000000 100.00%);
|
|
261
|
+
--gradient-fade-layer-floating-to-tr: linear-gradient(to top right, #ffffff00 0.00%, #000000 100.00%);
|
|
262
|
+
--gradient-fade-layer-floating-to-r: linear-gradient(to right, #ffffff00 0.00%, #000000 100.00%);
|
|
263
|
+
--gradient-fade-layer-floating-to-br: linear-gradient(to bottom right, #ffffff00 0.00%, #000000 100.00%);
|
|
264
|
+
--gradient-fade-layer-floating-to-b: linear-gradient(to bottom, #ffffff00 0.00%, #000000 100.00%);
|
|
265
|
+
--gradient-fade-layer-floating-to-bl: linear-gradient(to bottom left, #ffffff00 0.00%, #000000 100.00%);
|
|
266
|
+
--gradient-fade-layer-floating-to-l: linear-gradient(to left, #ffffff00 0.00%, #000000 100.00%);
|
|
267
|
+
--gradient-fade-layer-floating-to-tl: linear-gradient(to top left, #ffffff00 0.00%, #000000 100.00%);
|
|
268
|
+
--gradient-fade-layer-default-to-t: linear-gradient(to top, #ffffff00 0.00%, #000000 100.00%);
|
|
269
|
+
--gradient-fade-layer-default-to-tr: linear-gradient(to top right, #ffffff00 0.00%, #000000 100.00%);
|
|
270
|
+
--gradient-fade-layer-default-to-r: linear-gradient(to right, #ffffff00 0.00%, #000000 100.00%);
|
|
271
|
+
--gradient-fade-layer-default-to-br: linear-gradient(to bottom right, #ffffff00 0.00%, #000000 100.00%);
|
|
272
|
+
--gradient-fade-layer-default-to-b: linear-gradient(to bottom, #ffffff00 0.00%, #000000 100.00%);
|
|
273
|
+
--gradient-fade-layer-default-to-bl: linear-gradient(to bottom left, #ffffff00 0.00%, #000000 100.00%);
|
|
274
|
+
--gradient-fade-layer-default-to-l: linear-gradient(to left, #ffffff00 0.00%, #000000 100.00%);
|
|
275
|
+
--gradient-fade-layer-default-to-tl: linear-gradient(to top left, #ffffff00 0.00%, #000000 100.00%);
|
|
276
|
+
--gradient-glow-magic-to-t: linear-gradient(to top, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%);
|
|
277
|
+
--gradient-glow-magic-to-tr: linear-gradient(to top right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%);
|
|
278
|
+
--gradient-glow-magic-to-r: linear-gradient(to right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%);
|
|
279
|
+
--gradient-glow-magic-to-br: linear-gradient(to bottom right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%);
|
|
280
|
+
--gradient-glow-magic-to-b: linear-gradient(to bottom, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%);
|
|
281
|
+
--gradient-glow-magic-to-bl: linear-gradient(to bottom left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%);
|
|
282
|
+
--gradient-glow-magic-to-l: linear-gradient(to left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%);
|
|
283
|
+
--gradient-glow-magic-to-tl: linear-gradient(to top left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%);
|
|
284
|
+
--gradient-shimmer-magic-to-t: linear-gradient(to top, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
285
|
+
--gradient-shimmer-magic-to-tr: linear-gradient(to top right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
286
|
+
--gradient-shimmer-magic-to-r: linear-gradient(to right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
287
|
+
--gradient-shimmer-magic-to-br: linear-gradient(to bottom right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
288
|
+
--gradient-shimmer-magic-to-b: linear-gradient(to bottom, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
289
|
+
--gradient-shimmer-magic-to-bl: linear-gradient(to bottom left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
290
|
+
--gradient-shimmer-magic-to-l: linear-gradient(to left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
291
|
+
--gradient-shimmer-magic-to-tl: linear-gradient(to top left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
292
|
+
--gradient-glow-magic-pressed-to-t: linear-gradient(to top, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%);
|
|
293
|
+
--gradient-glow-magic-pressed-to-tr: linear-gradient(to top right, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%);
|
|
294
|
+
--gradient-glow-magic-pressed-to-r: linear-gradient(to right, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%);
|
|
295
|
+
--gradient-glow-magic-pressed-to-br: linear-gradient(to bottom right, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%);
|
|
296
|
+
--gradient-glow-magic-pressed-to-b: linear-gradient(to bottom, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%);
|
|
297
|
+
--gradient-glow-magic-pressed-to-bl: linear-gradient(to bottom left, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%);
|
|
298
|
+
--gradient-glow-magic-pressed-to-l: linear-gradient(to left, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%);
|
|
299
|
+
--gradient-glow-magic-pressed-to-tl: linear-gradient(to top left, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%);
|
|
300
|
+
--gradient-shimmer-neutral-to-t: linear-gradient(to top, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
301
|
+
--gradient-shimmer-neutral-to-tr: linear-gradient(to top right, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
302
|
+
--gradient-shimmer-neutral-to-r: linear-gradient(to right, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
303
|
+
--gradient-shimmer-neutral-to-br: linear-gradient(to bottom right, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
304
|
+
--gradient-shimmer-neutral-to-b: linear-gradient(to bottom, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
305
|
+
--gradient-shimmer-neutral-to-bl: linear-gradient(to bottom left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
306
|
+
--gradient-shimmer-neutral-to-l: linear-gradient(to left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
307
|
+
--gradient-shimmer-neutral-to-tl: linear-gradient(to top left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
308
|
+
--gradient-highlight-magic-to-t: linear-gradient(to top, #ff6600 20.00%, #d25aca 100.00%);
|
|
309
|
+
--gradient-highlight-magic-to-tr: linear-gradient(to top right, #ff6600 20.00%, #d25aca 100.00%);
|
|
310
|
+
--gradient-highlight-magic-to-r: linear-gradient(to right, #ff6600 20.00%, #d25aca 100.00%);
|
|
311
|
+
--gradient-highlight-magic-to-br: linear-gradient(to bottom right, #ff6600 20.00%, #d25aca 100.00%);
|
|
312
|
+
--gradient-highlight-magic-to-b: linear-gradient(to bottom, #ff6600 20.00%, #d25aca 100.00%);
|
|
313
|
+
--gradient-highlight-magic-to-bl: linear-gradient(to bottom left, #ff6600 20.00%, #d25aca 100.00%);
|
|
314
|
+
--gradient-highlight-magic-to-l: linear-gradient(to left, #ff6600 20.00%, #d25aca 100.00%);
|
|
315
|
+
--gradient-highlight-magic-to-tl: linear-gradient(to top left, #ff6600 20.00%, #d25aca 100.00%);
|
|
316
|
+
--gradient-highlight-magic-pressed-to-t: linear-gradient(to top, #e14f00 20.00%, #ae58bf 100.00%);
|
|
317
|
+
--gradient-highlight-magic-pressed-to-tr: linear-gradient(to top right, #e14f00 20.00%, #ae58bf 100.00%);
|
|
318
|
+
--gradient-highlight-magic-pressed-to-r: linear-gradient(to right, #e14f00 20.00%, #ae58bf 100.00%);
|
|
319
|
+
--gradient-highlight-magic-pressed-to-br: linear-gradient(to bottom right, #e14f00 20.00%, #ae58bf 100.00%);
|
|
320
|
+
--gradient-highlight-magic-pressed-to-b: linear-gradient(to bottom, #e14f00 20.00%, #ae58bf 100.00%);
|
|
321
|
+
--gradient-highlight-magic-pressed-to-bl: linear-gradient(to bottom left, #e14f00 20.00%, #ae58bf 100.00%);
|
|
322
|
+
--gradient-highlight-magic-pressed-to-l: linear-gradient(to left, #e14f00 20.00%, #ae58bf 100.00%);
|
|
323
|
+
--gradient-highlight-magic-pressed-to-tl: linear-gradient(to top left, #e14f00 20.00%, #ae58bf 100.00%);
|
|
304
324
|
}
|
|
305
325
|
|
|
306
326
|
@utility screen-title {
|
|
@@ -568,26 +588,34 @@
|
|
|
568
588
|
transition-timing-function: --value(--timing-function-*);
|
|
569
589
|
}
|
|
570
590
|
|
|
571
|
-
@utility bg-gradient-
|
|
572
|
-
background-image: linear-gradient(--value([angle]), var(--gradient-stops-
|
|
573
|
-
}
|
|
574
|
-
|
|
575
|
-
@utility bg-gradient-shimmer-magic-* {
|
|
576
|
-
background-image: linear-gradient(--value([angle]), var(--gradient-stops-shimmer-magic));
|
|
591
|
+
@utility bg-gradient-fade-layer-floating-* {
|
|
592
|
+
background-image: linear-gradient(--value([angle]), var(--gradient-stops-fade-layer-floating));
|
|
577
593
|
}
|
|
578
594
|
|
|
579
|
-
@utility bg-gradient-fade-
|
|
580
|
-
background-image: linear-gradient(--value([angle]), var(--gradient-stops-fade-
|
|
595
|
+
@utility bg-gradient-fade-layer-default-* {
|
|
596
|
+
background-image: linear-gradient(--value([angle]), var(--gradient-stops-fade-layer-default));
|
|
581
597
|
}
|
|
582
598
|
|
|
583
599
|
@utility bg-gradient-glow-magic-* {
|
|
584
600
|
background-image: linear-gradient(--value([angle]), var(--gradient-stops-glow-magic));
|
|
585
601
|
}
|
|
586
602
|
|
|
603
|
+
@utility bg-gradient-shimmer-magic-* {
|
|
604
|
+
background-image: linear-gradient(--value([angle]), var(--gradient-stops-shimmer-magic));
|
|
605
|
+
}
|
|
606
|
+
|
|
587
607
|
@utility bg-gradient-glow-magic-pressed-* {
|
|
588
608
|
background-image: linear-gradient(--value([angle]), var(--gradient-stops-glow-magic-pressed));
|
|
589
609
|
}
|
|
590
610
|
|
|
611
|
+
@utility bg-gradient-shimmer-neutral-* {
|
|
612
|
+
background-image: linear-gradient(--value([angle]), var(--gradient-stops-shimmer-neutral));
|
|
613
|
+
}
|
|
614
|
+
|
|
591
615
|
@utility bg-gradient-highlight-magic-* {
|
|
592
616
|
background-image: linear-gradient(--value([angle]), var(--gradient-stops-highlight-magic));
|
|
617
|
+
}
|
|
618
|
+
|
|
619
|
+
@utility bg-gradient-highlight-magic-pressed-* {
|
|
620
|
+
background-image: linear-gradient(--value([angle]), var(--gradient-stops-highlight-magic-pressed));
|
|
593
621
|
}
|