@seed-design/tailwind4-theme 0.0.41 → 0.1.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.
Files changed (2) hide show
  1. package/index.css +38 -38
  2. package/package.json +1 -1
package/index.css CHANGED
@@ -114,7 +114,6 @@
114
114
  --color-bg-disabled: var(--seed-color-bg-disabled);
115
115
  --color-bg-overlay: var(--seed-color-bg-overlay);
116
116
  --color-bg-brand-solid: var(--seed-color-bg-brand-solid);
117
- --color-bg-magic-weak: var(--seed-color-bg-magic-weak);
118
117
  --color-bg-brand-solid-pressed: var(--seed-color-bg-brand-solid-pressed);
119
118
  --color-bg-critical-solid: var(--seed-color-bg-critical-solid);
120
119
  --color-bg-critical-weak: var(--seed-color-bg-critical-weak);
@@ -130,6 +129,7 @@
130
129
  --color-bg-layer-floating: var(--seed-color-bg-layer-floating);
131
130
  --color-bg-layer-default-pressed: var(--seed-color-bg-layer-default-pressed);
132
131
  --color-bg-layer-floating-pressed: var(--seed-color-bg-layer-floating-pressed);
132
+ --color-bg-magic-weak: var(--seed-color-bg-magic-weak);
133
133
  --color-bg-neutral-inverted: var(--seed-color-bg-neutral-inverted);
134
134
  --color-bg-neutral-solid: var(--seed-color-bg-neutral-solid);
135
135
  --color-bg-neutral-weak: var(--seed-color-bg-neutral-weak);
@@ -460,134 +460,134 @@
460
460
  }
461
461
 
462
462
  @utility size-* {
463
- width: var(--dimension- --value(--dimension-*, *));
464
- height: var(--dimension- --value(--dimension-*, *));
463
+ width: --value(--dimension-*);
464
+ height: --value(--dimension-*);
465
465
  }
466
466
 
467
467
  @utility w-* {
468
- width: var(--dimension- --value(--dimension-*, *));
468
+ width: --value(--dimension-*);
469
469
  }
470
470
 
471
471
  @utility h-* {
472
- height: var(--dimension- --value(--dimension-*, *));
472
+ height: --value(--dimension-*);
473
473
  }
474
474
 
475
475
  @utility p-* {
476
- padding: var(--dimension- --value(--dimension-*, *));
476
+ padding: --value(--dimension-*);
477
477
  }
478
478
 
479
479
  @utility pt-* {
480
- paddingTop: var(--dimension- --value(--dimension-*, *));
480
+ padding-top: --value(--dimension-*);
481
481
  }
482
482
 
483
483
  @utility pb-* {
484
- paddingBottom: var(--dimension- --value(--dimension-*, *));
484
+ padding-bottom: --value(--dimension-*);
485
485
  }
486
486
 
487
487
  @utility pl-* {
488
- paddingLeft: var(--dimension- --value(--dimension-*, *));
488
+ padding-left: --value(--dimension-*);
489
489
  }
490
490
 
491
491
  @utility pr-* {
492
- paddingRight: var(--dimension- --value(--dimension-*, *));
492
+ padding-right: --value(--dimension-*);
493
493
  }
494
494
 
495
495
  @utility px-* {
496
- paddingLeft: var(--dimension- --value(--dimension-*, *));
497
- paddingRight: var(--dimension- --value(--dimension-*, *));
496
+ padding-left: --value(--dimension-*);
497
+ padding-right: --value(--dimension-*);
498
498
  }
499
499
 
500
500
  @utility py-* {
501
- paddingTop: var(--dimension- --value(--dimension-*, *));
502
- paddingBottom: var(--dimension- --value(--dimension-*, *));
501
+ padding-top: --value(--dimension-*);
502
+ padding-bottom: --value(--dimension-*);
503
503
  }
504
504
 
505
505
  @utility m-* {
506
- margin: var(--dimension- --value(--dimension-*, *));
506
+ margin: --value(--dimension-*);
507
507
  }
508
508
 
509
509
  @utility mt-* {
510
- marginTop: var(--dimension- --value(--dimension-*, *));
510
+ margin-top: --value(--dimension-*);
511
511
  }
512
512
 
513
513
  @utility mb-* {
514
- marginBottom: var(--dimension- --value(--dimension-*, *));
514
+ margin-bottom: --value(--dimension-*);
515
515
  }
516
516
 
517
517
  @utility ml-* {
518
- marginLeft: var(--dimension- --value(--dimension-*, *));
518
+ margin-left: --value(--dimension-*);
519
519
  }
520
520
 
521
521
  @utility mr-* {
522
- marginRight: var(--dimension- --value(--dimension-*, *));
522
+ margin-right: --value(--dimension-*);
523
523
  }
524
524
 
525
525
  @utility mx-* {
526
- marginLeft: var(--dimension- --value(--dimension-*, *));
527
- marginRight: var(--dimension- --value(--dimension-*, *));
526
+ margin-left: --value(--dimension-*);
527
+ margin-right: --value(--dimension-*);
528
528
  }
529
529
 
530
530
  @utility my-* {
531
- marginTop: var(--dimension- --value(--dimension-*, *));
532
- marginBottom: var(--dimension- --value(--dimension-*, *));
531
+ margin-top: --value(--dimension-*);
532
+ margin-bottom: --value(--dimension-*);
533
533
  }
534
534
 
535
535
  @utility gap-* {
536
- gap: var(--dimension- --value(--dimension-*, *));
536
+ gap: --value(--dimension-*);
537
537
  }
538
538
 
539
539
  @utility gap-x-* {
540
- columnGap: var(--dimension- --value(--dimension-*, *));
540
+ column-gap: --value(--dimension-*);
541
541
  }
542
542
 
543
543
  @utility gap-y-* {
544
- rowGap: var(--dimension- --value(--dimension-*, *));
544
+ row-gap: --value(--dimension-*);
545
545
  }
546
546
 
547
547
  @utility radius-* {
548
- borderRadius: var(--radius- --value(--radius-*, *));
548
+ border-radius: --value(--radius-*);
549
549
  }
550
550
 
551
551
  @utility text-size-* {
552
- fontSize: var(--font-size- --value(--font-size-*, *));
552
+ font-size: --value(--font-size-*);
553
553
  }
554
554
 
555
555
  @utility leading-* {
556
- lineHeight: var(--line-height- --value(--line-height-*, *));
556
+ line-height: --value(--line-height-*);
557
557
  }
558
558
 
559
559
  @utility font-* {
560
- fontWeight: var(--font-weight- --value(--font-weight-*, *));
560
+ font-weight: --value(--font-weight-*);
561
561
  }
562
562
 
563
563
  @utility duration-* {
564
- transitionDuration: var(--duration- --value(--duration-*, *));
564
+ transition-duration: --value(--duration-*);
565
565
  }
566
566
 
567
567
  @utility easing-* {
568
- transitionTimingFunction: var(--timing-function- --value(--timing-function-*, *));
568
+ transition-timing-function: --value(--timing-function-*);
569
569
  }
570
570
 
571
571
  @utility bg-gradient-shimmer-neutral-* {
572
- background-image: linear-gradient(--value(*, angle), var(--gradient-stops-shimmer-neutral));
572
+ background-image: linear-gradient(--value([angle]), var(--gradient-stops-shimmer-neutral));
573
573
  }
574
574
 
575
575
  @utility bg-gradient-shimmer-magic-* {
576
- background-image: linear-gradient(--value(*, angle), var(--gradient-stops-shimmer-magic));
576
+ background-image: linear-gradient(--value([angle]), var(--gradient-stops-shimmer-magic));
577
577
  }
578
578
 
579
579
  @utility bg-gradient-fade-neutral-* {
580
- background-image: linear-gradient(--value(*, angle), var(--gradient-stops-fade-neutral));
580
+ background-image: linear-gradient(--value([angle]), var(--gradient-stops-fade-neutral));
581
581
  }
582
582
 
583
583
  @utility bg-gradient-glow-magic-* {
584
- background-image: linear-gradient(--value(*, angle), var(--gradient-stops-glow-magic));
584
+ background-image: linear-gradient(--value([angle]), var(--gradient-stops-glow-magic));
585
585
  }
586
586
 
587
587
  @utility bg-gradient-glow-magic-pressed-* {
588
- background-image: linear-gradient(--value(*, angle), var(--gradient-stops-glow-magic-pressed));
588
+ background-image: linear-gradient(--value([angle]), var(--gradient-stops-glow-magic-pressed));
589
589
  }
590
590
 
591
591
  @utility bg-gradient-highlight-magic-* {
592
- background-image: linear-gradient(--value(*, angle), var(--gradient-stops-highlight-magic));
592
+ background-image: linear-gradient(--value([angle]), var(--gradient-stops-highlight-magic));
593
593
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seed-design/tailwind4-theme",
3
- "version": "0.0.41",
3
+ "version": "0.1.2",
4
4
  "description": "SEED 디자인 토큰을 Tailwind CSS 4.0에서 사용하기 위한 플러그인",
5
5
  "main": "index.css",
6
6
  "files": [