@seed-design/tailwind4-theme 0.1.1 → 0.1.3

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 (2) hide show
  1. package/index.css +112 -98
  2. package/package.json +1 -1
package/index.css CHANGED
@@ -214,11 +214,12 @@
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-shimmer-neutral: var(--seed-gradient-shimmer-neutral);
218
- --gradient-shimmer-magic: var(--seed-gradient-shimmer-magic);
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);
223
224
  --line-height-t1: var(--seed-line-height-t1);
224
225
  --line-height-t2: var(--seed-line-height-t2);
@@ -247,60 +248,69 @@
247
248
  --timing-function-exit: var(--seed-timing-function-exit);
248
249
  --timing-function-enter-expressive: var(--seed-timing-function-enter-expressive);
249
250
  --timing-function-exit-expressive: var(--seed-timing-function-exit-expressive);
250
- --gradient-stops-shimmer-neutral: #FFFFFF00 0.00%, #FFFFFF66 46.00%, #FFFFFF66 54.00%, #FFFFFF00 100.00%;
251
- --gradient-stops-shimmer-magic: #FEF0E700 0.00%, #FEF0E78A 46.00%, #FEF0E78A 54.00%, #FEF0E700 100.00%;
252
- --gradient-stops-fade-neutral: #FFFFFF 0.00%, #FFFFFF00 100.00%;
253
- --gradient-stops-glow-magic: #FEF6F7 0.00%, #FEF0E7 80.00%, #F9F7F5 100.00%;
254
- --gradient-stops-glow-magic-pressed: #FBF0F2 0.00%, #FFE8DB 80.00%, #F5F2EF 100.00%;
255
- --gradient-stops-highlight-magic: #FF6600 20.00%, #D25ACA 80.00%;
256
- --gradient-shimmer-neutral-to-t: linear-gradient(to top, #FFFFFF00 0.00%, #FFFFFF66 46.00%, #FFFFFF66 54.00%, #FFFFFF00 100.00%);
257
- --gradient-shimmer-neutral-to-tr: linear-gradient(to top right, #FFFFFF00 0.00%, #FFFFFF66 46.00%, #FFFFFF66 54.00%, #FFFFFF00 100.00%);
258
- --gradient-shimmer-neutral-to-r: linear-gradient(to right, #FFFFFF00 0.00%, #FFFFFF66 46.00%, #FFFFFF66 54.00%, #FFFFFF00 100.00%);
259
- --gradient-shimmer-neutral-to-br: linear-gradient(to bottom right, #FFFFFF00 0.00%, #FFFFFF66 46.00%, #FFFFFF66 54.00%, #FFFFFF00 100.00%);
260
- --gradient-shimmer-neutral-to-b: linear-gradient(to bottom, #FFFFFF00 0.00%, #FFFFFF66 46.00%, #FFFFFF66 54.00%, #FFFFFF00 100.00%);
261
- --gradient-shimmer-neutral-to-bl: linear-gradient(to bottom left, #FFFFFF00 0.00%, #FFFFFF66 46.00%, #FFFFFF66 54.00%, #FFFFFF00 100.00%);
262
- --gradient-shimmer-neutral-to-l: linear-gradient(to left, #FFFFFF00 0.00%, #FFFFFF66 46.00%, #FFFFFF66 54.00%, #FFFFFF00 100.00%);
263
- --gradient-shimmer-neutral-to-tl: linear-gradient(to top left, #FFFFFF00 0.00%, #FFFFFF66 46.00%, #FFFFFF66 54.00%, #FFFFFF00 100.00%);
264
- --gradient-shimmer-magic-to-t: linear-gradient(to top, #FEF0E700 0.00%, #FEF0E78A 46.00%, #FEF0E78A 54.00%, #FEF0E700 100.00%);
265
- --gradient-shimmer-magic-to-tr: linear-gradient(to top right, #FEF0E700 0.00%, #FEF0E78A 46.00%, #FEF0E78A 54.00%, #FEF0E700 100.00%);
266
- --gradient-shimmer-magic-to-r: linear-gradient(to right, #FEF0E700 0.00%, #FEF0E78A 46.00%, #FEF0E78A 54.00%, #FEF0E700 100.00%);
267
- --gradient-shimmer-magic-to-br: linear-gradient(to bottom right, #FEF0E700 0.00%, #FEF0E78A 46.00%, #FEF0E78A 54.00%, #FEF0E700 100.00%);
268
- --gradient-shimmer-magic-to-b: linear-gradient(to bottom, #FEF0E700 0.00%, #FEF0E78A 46.00%, #FEF0E78A 54.00%, #FEF0E700 100.00%);
269
- --gradient-shimmer-magic-to-bl: linear-gradient(to bottom left, #FEF0E700 0.00%, #FEF0E78A 46.00%, #FEF0E78A 54.00%, #FEF0E700 100.00%);
270
- --gradient-shimmer-magic-to-l: linear-gradient(to left, #FEF0E700 0.00%, #FEF0E78A 46.00%, #FEF0E78A 54.00%, #FEF0E700 100.00%);
271
- --gradient-shimmer-magic-to-tl: linear-gradient(to top left, #FEF0E700 0.00%, #FEF0E78A 46.00%, #FEF0E78A 54.00%, #FEF0E700 100.00%);
272
- --gradient-fade-neutral-to-t: linear-gradient(to top, #FFFFFF 0.00%, #FFFFFF00 100.00%);
273
- --gradient-fade-neutral-to-tr: linear-gradient(to top right, #FFFFFF 0.00%, #FFFFFF00 100.00%);
274
- --gradient-fade-neutral-to-r: linear-gradient(to right, #FFFFFF 0.00%, #FFFFFF00 100.00%);
275
- --gradient-fade-neutral-to-br: linear-gradient(to bottom right, #FFFFFF 0.00%, #FFFFFF00 100.00%);
276
- --gradient-fade-neutral-to-b: linear-gradient(to bottom, #FFFFFF 0.00%, #FFFFFF00 100.00%);
277
- --gradient-fade-neutral-to-bl: linear-gradient(to bottom left, #FFFFFF 0.00%, #FFFFFF00 100.00%);
278
- --gradient-fade-neutral-to-l: linear-gradient(to left, #FFFFFF 0.00%, #FFFFFF00 100.00%);
279
- --gradient-fade-neutral-to-tl: linear-gradient(to top left, #FFFFFF 0.00%, #FFFFFF00 100.00%);
280
- --gradient-glow-magic-to-t: linear-gradient(to top, #FEF6F7 0.00%, #FEF0E7 80.00%, #F9F7F5 100.00%);
281
- --gradient-glow-magic-to-tr: linear-gradient(to top right, #FEF6F7 0.00%, #FEF0E7 80.00%, #F9F7F5 100.00%);
282
- --gradient-glow-magic-to-r: linear-gradient(to right, #FEF6F7 0.00%, #FEF0E7 80.00%, #F9F7F5 100.00%);
283
- --gradient-glow-magic-to-br: linear-gradient(to bottom right, #FEF6F7 0.00%, #FEF0E7 80.00%, #F9F7F5 100.00%);
284
- --gradient-glow-magic-to-b: linear-gradient(to bottom, #FEF6F7 0.00%, #FEF0E7 80.00%, #F9F7F5 100.00%);
285
- --gradient-glow-magic-to-bl: linear-gradient(to bottom left, #FEF6F7 0.00%, #FEF0E7 80.00%, #F9F7F5 100.00%);
286
- --gradient-glow-magic-to-l: linear-gradient(to left, #FEF6F7 0.00%, #FEF0E7 80.00%, #F9F7F5 100.00%);
287
- --gradient-glow-magic-to-tl: linear-gradient(to top left, #FEF6F7 0.00%, #FEF0E7 80.00%, #F9F7F5 100.00%);
288
- --gradient-glow-magic-pressed-to-t: linear-gradient(to top, #FBF0F2 0.00%, #FFE8DB 80.00%, #F5F2EF 100.00%);
289
- --gradient-glow-magic-pressed-to-tr: linear-gradient(to top right, #FBF0F2 0.00%, #FFE8DB 80.00%, #F5F2EF 100.00%);
290
- --gradient-glow-magic-pressed-to-r: linear-gradient(to right, #FBF0F2 0.00%, #FFE8DB 80.00%, #F5F2EF 100.00%);
291
- --gradient-glow-magic-pressed-to-br: linear-gradient(to bottom right, #FBF0F2 0.00%, #FFE8DB 80.00%, #F5F2EF 100.00%);
292
- --gradient-glow-magic-pressed-to-b: linear-gradient(to bottom, #FBF0F2 0.00%, #FFE8DB 80.00%, #F5F2EF 100.00%);
293
- --gradient-glow-magic-pressed-to-bl: linear-gradient(to bottom left, #FBF0F2 0.00%, #FFE8DB 80.00%, #F5F2EF 100.00%);
294
- --gradient-glow-magic-pressed-to-l: linear-gradient(to left, #FBF0F2 0.00%, #FFE8DB 80.00%, #F5F2EF 100.00%);
295
- --gradient-glow-magic-pressed-to-tl: linear-gradient(to top left, #FBF0F2 0.00%, #FFE8DB 80.00%, #F5F2EF 100.00%);
296
- --gradient-highlight-magic-to-t: linear-gradient(to top, #FF6600 20.00%, #D25ACA 80.00%);
297
- --gradient-highlight-magic-to-tr: linear-gradient(to top right, #FF6600 20.00%, #D25ACA 80.00%);
298
- --gradient-highlight-magic-to-r: linear-gradient(to right, #FF6600 20.00%, #D25ACA 80.00%);
299
- --gradient-highlight-magic-to-br: linear-gradient(to bottom right, #FF6600 20.00%, #D25ACA 80.00%);
300
- --gradient-highlight-magic-to-b: linear-gradient(to bottom, #FF6600 20.00%, #D25ACA 80.00%);
301
- --gradient-highlight-magic-to-bl: linear-gradient(to bottom left, #FF6600 20.00%, #D25ACA 80.00%);
302
- --gradient-highlight-magic-to-l: linear-gradient(to left, #FF6600 20.00%, #D25ACA 80.00%);
303
- --gradient-highlight-magic-to-tl: linear-gradient(to top left, #FF6600 20.00%, #D25ACA 80.00%);
251
+ --gradient-stops-fade-layer-floating: #ffffff00 0.00%, #000000 100.00%;
252
+ --gradient-stops-fade-layer-default: #ffffff00 0.00%, #000000 100.00%;
253
+ --gradient-stops-glow-magic: #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%;
254
+ --gradient-stops-shimmer-magic: #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%;
255
+ --gradient-stops-glow-magic-pressed: #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%;
256
+ --gradient-stops-shimmer-neutral: #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%;
257
+ --gradient-stops-highlight-magic: #ff6600 20.00%, #d25aca 100.00%;
258
+ --gradient-fade-layer-floating-to-t: linear-gradient(to top, #ffffff00 0.00%, #000000 100.00%);
259
+ --gradient-fade-layer-floating-to-tr: linear-gradient(to top right, #ffffff00 0.00%, #000000 100.00%);
260
+ --gradient-fade-layer-floating-to-r: linear-gradient(to right, #ffffff00 0.00%, #000000 100.00%);
261
+ --gradient-fade-layer-floating-to-br: linear-gradient(to bottom right, #ffffff00 0.00%, #000000 100.00%);
262
+ --gradient-fade-layer-floating-to-b: linear-gradient(to bottom, #ffffff00 0.00%, #000000 100.00%);
263
+ --gradient-fade-layer-floating-to-bl: linear-gradient(to bottom left, #ffffff00 0.00%, #000000 100.00%);
264
+ --gradient-fade-layer-floating-to-l: linear-gradient(to left, #ffffff00 0.00%, #000000 100.00%);
265
+ --gradient-fade-layer-floating-to-tl: linear-gradient(to top left, #ffffff00 0.00%, #000000 100.00%);
266
+ --gradient-fade-layer-default-to-t: linear-gradient(to top, #ffffff00 0.00%, #000000 100.00%);
267
+ --gradient-fade-layer-default-to-tr: linear-gradient(to top right, #ffffff00 0.00%, #000000 100.00%);
268
+ --gradient-fade-layer-default-to-r: linear-gradient(to right, #ffffff00 0.00%, #000000 100.00%);
269
+ --gradient-fade-layer-default-to-br: linear-gradient(to bottom right, #ffffff00 0.00%, #000000 100.00%);
270
+ --gradient-fade-layer-default-to-b: linear-gradient(to bottom, #ffffff00 0.00%, #000000 100.00%);
271
+ --gradient-fade-layer-default-to-bl: linear-gradient(to bottom left, #ffffff00 0.00%, #000000 100.00%);
272
+ --gradient-fade-layer-default-to-l: linear-gradient(to left, #ffffff00 0.00%, #000000 100.00%);
273
+ --gradient-fade-layer-default-to-tl: linear-gradient(to top left, #ffffff00 0.00%, #000000 100.00%);
274
+ --gradient-glow-magic-to-t: linear-gradient(to top, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%);
275
+ --gradient-glow-magic-to-tr: linear-gradient(to top right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%);
276
+ --gradient-glow-magic-to-r: linear-gradient(to right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%);
277
+ --gradient-glow-magic-to-br: linear-gradient(to bottom right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%);
278
+ --gradient-glow-magic-to-b: linear-gradient(to bottom, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%);
279
+ --gradient-glow-magic-to-bl: linear-gradient(to bottom left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%);
280
+ --gradient-glow-magic-to-l: linear-gradient(to left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%);
281
+ --gradient-glow-magic-to-tl: linear-gradient(to top left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%);
282
+ --gradient-shimmer-magic-to-t: linear-gradient(to top, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
283
+ --gradient-shimmer-magic-to-tr: linear-gradient(to top right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
284
+ --gradient-shimmer-magic-to-r: linear-gradient(to right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
285
+ --gradient-shimmer-magic-to-br: linear-gradient(to bottom right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
286
+ --gradient-shimmer-magic-to-b: linear-gradient(to bottom, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
287
+ --gradient-shimmer-magic-to-bl: linear-gradient(to bottom left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
288
+ --gradient-shimmer-magic-to-l: linear-gradient(to left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
289
+ --gradient-shimmer-magic-to-tl: linear-gradient(to top left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
290
+ --gradient-glow-magic-pressed-to-t: linear-gradient(to top, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%);
291
+ --gradient-glow-magic-pressed-to-tr: linear-gradient(to top right, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%);
292
+ --gradient-glow-magic-pressed-to-r: linear-gradient(to right, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%);
293
+ --gradient-glow-magic-pressed-to-br: linear-gradient(to bottom right, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%);
294
+ --gradient-glow-magic-pressed-to-b: linear-gradient(to bottom, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%);
295
+ --gradient-glow-magic-pressed-to-bl: linear-gradient(to bottom left, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%);
296
+ --gradient-glow-magic-pressed-to-l: linear-gradient(to left, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%);
297
+ --gradient-glow-magic-pressed-to-tl: linear-gradient(to top left, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%);
298
+ --gradient-shimmer-neutral-to-t: linear-gradient(to top, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
299
+ --gradient-shimmer-neutral-to-tr: linear-gradient(to top right, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
300
+ --gradient-shimmer-neutral-to-r: linear-gradient(to right, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
301
+ --gradient-shimmer-neutral-to-br: linear-gradient(to bottom right, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
302
+ --gradient-shimmer-neutral-to-b: linear-gradient(to bottom, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
303
+ --gradient-shimmer-neutral-to-bl: linear-gradient(to bottom left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
304
+ --gradient-shimmer-neutral-to-l: linear-gradient(to left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
305
+ --gradient-shimmer-neutral-to-tl: linear-gradient(to top left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
306
+ --gradient-highlight-magic-to-t: linear-gradient(to top, #ff6600 20.00%, #d25aca 100.00%);
307
+ --gradient-highlight-magic-to-tr: linear-gradient(to top right, #ff6600 20.00%, #d25aca 100.00%);
308
+ --gradient-highlight-magic-to-r: linear-gradient(to right, #ff6600 20.00%, #d25aca 100.00%);
309
+ --gradient-highlight-magic-to-br: linear-gradient(to bottom right, #ff6600 20.00%, #d25aca 100.00%);
310
+ --gradient-highlight-magic-to-b: linear-gradient(to bottom, #ff6600 20.00%, #d25aca 100.00%);
311
+ --gradient-highlight-magic-to-bl: linear-gradient(to bottom left, #ff6600 20.00%, #d25aca 100.00%);
312
+ --gradient-highlight-magic-to-l: linear-gradient(to left, #ff6600 20.00%, #d25aca 100.00%);
313
+ --gradient-highlight-magic-to-tl: linear-gradient(to top left, #ff6600 20.00%, #d25aca 100.00%);
304
314
  }
305
315
 
306
316
  @utility screen-title {
@@ -460,134 +470,138 @@
460
470
  }
461
471
 
462
472
  @utility size-* {
463
- width: var(--dimension- --value(--dimension-*, *));
464
- height: var(--dimension- --value(--dimension-*, *));
473
+ width: --value(--dimension-*);
474
+ height: --value(--dimension-*);
465
475
  }
466
476
 
467
477
  @utility w-* {
468
- width: var(--dimension- --value(--dimension-*, *));
478
+ width: --value(--dimension-*);
469
479
  }
470
480
 
471
481
  @utility h-* {
472
- height: var(--dimension- --value(--dimension-*, *));
482
+ height: --value(--dimension-*);
473
483
  }
474
484
 
475
485
  @utility p-* {
476
- padding: var(--dimension- --value(--dimension-*, *));
486
+ padding: --value(--dimension-*);
477
487
  }
478
488
 
479
489
  @utility pt-* {
480
- paddingTop: var(--dimension- --value(--dimension-*, *));
490
+ padding-top: --value(--dimension-*);
481
491
  }
482
492
 
483
493
  @utility pb-* {
484
- paddingBottom: var(--dimension- --value(--dimension-*, *));
494
+ padding-bottom: --value(--dimension-*);
485
495
  }
486
496
 
487
497
  @utility pl-* {
488
- paddingLeft: var(--dimension- --value(--dimension-*, *));
498
+ padding-left: --value(--dimension-*);
489
499
  }
490
500
 
491
501
  @utility pr-* {
492
- paddingRight: var(--dimension- --value(--dimension-*, *));
502
+ padding-right: --value(--dimension-*);
493
503
  }
494
504
 
495
505
  @utility px-* {
496
- paddingLeft: var(--dimension- --value(--dimension-*, *));
497
- paddingRight: var(--dimension- --value(--dimension-*, *));
506
+ padding-left: --value(--dimension-*);
507
+ padding-right: --value(--dimension-*);
498
508
  }
499
509
 
500
510
  @utility py-* {
501
- paddingTop: var(--dimension- --value(--dimension-*, *));
502
- paddingBottom: var(--dimension- --value(--dimension-*, *));
511
+ padding-top: --value(--dimension-*);
512
+ padding-bottom: --value(--dimension-*);
503
513
  }
504
514
 
505
515
  @utility m-* {
506
- margin: var(--dimension- --value(--dimension-*, *));
516
+ margin: --value(--dimension-*);
507
517
  }
508
518
 
509
519
  @utility mt-* {
510
- marginTop: var(--dimension- --value(--dimension-*, *));
520
+ margin-top: --value(--dimension-*);
511
521
  }
512
522
 
513
523
  @utility mb-* {
514
- marginBottom: var(--dimension- --value(--dimension-*, *));
524
+ margin-bottom: --value(--dimension-*);
515
525
  }
516
526
 
517
527
  @utility ml-* {
518
- marginLeft: var(--dimension- --value(--dimension-*, *));
528
+ margin-left: --value(--dimension-*);
519
529
  }
520
530
 
521
531
  @utility mr-* {
522
- marginRight: var(--dimension- --value(--dimension-*, *));
532
+ margin-right: --value(--dimension-*);
523
533
  }
524
534
 
525
535
  @utility mx-* {
526
- marginLeft: var(--dimension- --value(--dimension-*, *));
527
- marginRight: var(--dimension- --value(--dimension-*, *));
536
+ margin-left: --value(--dimension-*);
537
+ margin-right: --value(--dimension-*);
528
538
  }
529
539
 
530
540
  @utility my-* {
531
- marginTop: var(--dimension- --value(--dimension-*, *));
532
- marginBottom: var(--dimension- --value(--dimension-*, *));
541
+ margin-top: --value(--dimension-*);
542
+ margin-bottom: --value(--dimension-*);
533
543
  }
534
544
 
535
545
  @utility gap-* {
536
- gap: var(--dimension- --value(--dimension-*, *));
546
+ gap: --value(--dimension-*);
537
547
  }
538
548
 
539
549
  @utility gap-x-* {
540
- columnGap: var(--dimension- --value(--dimension-*, *));
550
+ column-gap: --value(--dimension-*);
541
551
  }
542
552
 
543
553
  @utility gap-y-* {
544
- rowGap: var(--dimension- --value(--dimension-*, *));
554
+ row-gap: --value(--dimension-*);
545
555
  }
546
556
 
547
557
  @utility radius-* {
548
- borderRadius: var(--radius- --value(--radius-*, *));
558
+ border-radius: --value(--radius-*);
549
559
  }
550
560
 
551
561
  @utility text-size-* {
552
- fontSize: var(--font-size- --value(--font-size-*, *));
562
+ font-size: --value(--font-size-*);
553
563
  }
554
564
 
555
565
  @utility leading-* {
556
- lineHeight: var(--line-height- --value(--line-height-*, *));
566
+ line-height: --value(--line-height-*);
557
567
  }
558
568
 
559
569
  @utility font-* {
560
- fontWeight: var(--font-weight- --value(--font-weight-*, *));
570
+ font-weight: --value(--font-weight-*);
561
571
  }
562
572
 
563
573
  @utility duration-* {
564
- transitionDuration: var(--duration- --value(--duration-*, *));
574
+ transition-duration: --value(--duration-*);
565
575
  }
566
576
 
567
577
  @utility easing-* {
568
- transitionTimingFunction: var(--timing-function- --value(--timing-function-*, *));
578
+ transition-timing-function: --value(--timing-function-*);
569
579
  }
570
580
 
571
- @utility bg-gradient-shimmer-neutral-* {
572
- background-image: linear-gradient(--value(*, angle), var(--gradient-stops-shimmer-neutral));
581
+ @utility bg-gradient-fade-layer-floating-* {
582
+ background-image: linear-gradient(--value([angle]), var(--gradient-stops-fade-layer-floating));
573
583
  }
574
584
 
575
- @utility bg-gradient-shimmer-magic-* {
576
- background-image: linear-gradient(--value(*, angle), var(--gradient-stops-shimmer-magic));
585
+ @utility bg-gradient-fade-layer-default-* {
586
+ background-image: linear-gradient(--value([angle]), var(--gradient-stops-fade-layer-default));
577
587
  }
578
588
 
579
- @utility bg-gradient-fade-neutral-* {
580
- background-image: linear-gradient(--value(*, angle), var(--gradient-stops-fade-neutral));
589
+ @utility bg-gradient-glow-magic-* {
590
+ background-image: linear-gradient(--value([angle]), var(--gradient-stops-glow-magic));
581
591
  }
582
592
 
583
- @utility bg-gradient-glow-magic-* {
584
- background-image: linear-gradient(--value(*, angle), var(--gradient-stops-glow-magic));
593
+ @utility bg-gradient-shimmer-magic-* {
594
+ background-image: linear-gradient(--value([angle]), var(--gradient-stops-shimmer-magic));
585
595
  }
586
596
 
587
597
  @utility bg-gradient-glow-magic-pressed-* {
588
- background-image: linear-gradient(--value(*, angle), var(--gradient-stops-glow-magic-pressed));
598
+ background-image: linear-gradient(--value([angle]), var(--gradient-stops-glow-magic-pressed));
599
+ }
600
+
601
+ @utility bg-gradient-shimmer-neutral-* {
602
+ background-image: linear-gradient(--value([angle]), var(--gradient-stops-shimmer-neutral));
589
603
  }
590
604
 
591
605
  @utility bg-gradient-highlight-magic-* {
592
- background-image: linear-gradient(--value(*, angle), var(--gradient-stops-highlight-magic));
606
+ background-image: linear-gradient(--value([angle]), var(--gradient-stops-highlight-magic));
593
607
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seed-design/tailwind4-theme",
3
- "version": "0.1.1",
3
+ "version": "0.1.3",
4
4
  "description": "SEED 디자인 토큰을 Tailwind CSS 4.0에서 사용하기 위한 플러그인",
5
5
  "main": "index.css",
6
6
  "files": [