@spectrabrain/eds 0.3.1 → 0.6.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.
package/dist/tokens.json CHANGED
@@ -613,366 +613,6 @@
613
613
  }
614
614
  }
615
615
  },
616
- "radius-1": {
617
- "$type": "dimension",
618
- "$value": {
619
- "value": 2,
620
- "unit": "px"
621
- },
622
- "$extensions": {
623
- "eds": {
624
- "cssVariable": "--eds-radius-1"
625
- }
626
- }
627
- },
628
- "radius-10": {
629
- "$type": "dimension",
630
- "$value": {
631
- "value": 999,
632
- "unit": "px"
633
- },
634
- "$extensions": {
635
- "eds": {
636
- "cssVariable": "--eds-radius-10"
637
- }
638
- }
639
- },
640
- "radius-2": {
641
- "$type": "dimension",
642
- "$value": {
643
- "value": 4,
644
- "unit": "px"
645
- },
646
- "$extensions": {
647
- "eds": {
648
- "cssVariable": "--eds-radius-2"
649
- }
650
- }
651
- },
652
- "radius-3": {
653
- "$type": "dimension",
654
- "$value": {
655
- "value": 6,
656
- "unit": "px"
657
- },
658
- "$extensions": {
659
- "eds": {
660
- "cssVariable": "--eds-radius-3"
661
- }
662
- }
663
- },
664
- "radius-4": {
665
- "$type": "dimension",
666
- "$value": {
667
- "value": 8,
668
- "unit": "px"
669
- },
670
- "$extensions": {
671
- "eds": {
672
- "cssVariable": "--eds-radius-4"
673
- }
674
- }
675
- },
676
- "radius-5": {
677
- "$type": "dimension",
678
- "$value": {
679
- "value": 10,
680
- "unit": "px"
681
- },
682
- "$extensions": {
683
- "eds": {
684
- "cssVariable": "--eds-radius-5"
685
- }
686
- }
687
- },
688
- "radius-6": {
689
- "$type": "dimension",
690
- "$value": {
691
- "value": 12,
692
- "unit": "px"
693
- },
694
- "$extensions": {
695
- "eds": {
696
- "cssVariable": "--eds-radius-6"
697
- }
698
- }
699
- },
700
- "radius-7": {
701
- "$type": "dimension",
702
- "$value": {
703
- "value": 14,
704
- "unit": "px"
705
- },
706
- "$extensions": {
707
- "eds": {
708
- "cssVariable": "--eds-radius-7"
709
- }
710
- }
711
- },
712
- "radius-8": {
713
- "$type": "dimension",
714
- "$value": {
715
- "value": 16,
716
- "unit": "px"
717
- },
718
- "$extensions": {
719
- "eds": {
720
- "cssVariable": "--eds-radius-8"
721
- }
722
- }
723
- },
724
- "radius-9": {
725
- "$type": "dimension",
726
- "$value": {
727
- "value": 20,
728
- "unit": "px"
729
- },
730
- "$extensions": {
731
- "eds": {
732
- "cssVariable": "--eds-radius-9"
733
- }
734
- }
735
- },
736
- "radius-none": {
737
- "$type": "dimension",
738
- "$value": {
739
- "value": 0,
740
- "unit": "px"
741
- },
742
- "$extensions": {
743
- "eds": {
744
- "cssVariable": "--eds-radius-none"
745
- }
746
- }
747
- },
748
- "spacing-0.5": {
749
- "$type": "dimension",
750
- "$value": {
751
- "value": 2,
752
- "unit": "px"
753
- },
754
- "$extensions": {
755
- "eds": {
756
- "cssVariable": "--eds-spacing-0\\.5"
757
- }
758
- }
759
- },
760
- "spacing-1": {
761
- "$type": "dimension",
762
- "$value": {
763
- "value": 4,
764
- "unit": "px"
765
- },
766
- "$extensions": {
767
- "eds": {
768
- "cssVariable": "--eds-spacing-1"
769
- }
770
- }
771
- },
772
- "spacing-1.5": {
773
- "$type": "dimension",
774
- "$value": {
775
- "value": 6,
776
- "unit": "px"
777
- },
778
- "$extensions": {
779
- "eds": {
780
- "cssVariable": "--eds-spacing-1\\.5"
781
- }
782
- }
783
- },
784
- "spacing-10": {
785
- "$type": "dimension",
786
- "$value": {
787
- "value": 40,
788
- "unit": "px"
789
- },
790
- "$extensions": {
791
- "eds": {
792
- "cssVariable": "--eds-spacing-10"
793
- }
794
- }
795
- },
796
- "spacing-11": {
797
- "$type": "dimension",
798
- "$value": {
799
- "value": 44,
800
- "unit": "px"
801
- },
802
- "$extensions": {
803
- "eds": {
804
- "cssVariable": "--eds-spacing-11"
805
- }
806
- }
807
- },
808
- "spacing-12": {
809
- "$type": "dimension",
810
- "$value": {
811
- "value": 48,
812
- "unit": "px"
813
- },
814
- "$extensions": {
815
- "eds": {
816
- "cssVariable": "--eds-spacing-12"
817
- }
818
- }
819
- },
820
- "spacing-2": {
821
- "$type": "dimension",
822
- "$value": {
823
- "value": 8,
824
- "unit": "px"
825
- },
826
- "$extensions": {
827
- "eds": {
828
- "cssVariable": "--eds-spacing-2"
829
- }
830
- }
831
- },
832
- "spacing-2.5": {
833
- "$type": "dimension",
834
- "$value": {
835
- "value": 10,
836
- "unit": "px"
837
- },
838
- "$extensions": {
839
- "eds": {
840
- "cssVariable": "--eds-spacing-2\\.5"
841
- }
842
- }
843
- },
844
- "spacing-3": {
845
- "$type": "dimension",
846
- "$value": {
847
- "value": 12,
848
- "unit": "px"
849
- },
850
- "$extensions": {
851
- "eds": {
852
- "cssVariable": "--eds-spacing-3"
853
- }
854
- }
855
- },
856
- "spacing-3.5": {
857
- "$type": "dimension",
858
- "$value": {
859
- "value": 14,
860
- "unit": "px"
861
- },
862
- "$extensions": {
863
- "eds": {
864
- "cssVariable": "--eds-spacing-3\\.5"
865
- }
866
- }
867
- },
868
- "spacing-4": {
869
- "$type": "dimension",
870
- "$value": {
871
- "value": 16,
872
- "unit": "px"
873
- },
874
- "$extensions": {
875
- "eds": {
876
- "cssVariable": "--eds-spacing-4"
877
- }
878
- }
879
- },
880
- "spacing-4.5": {
881
- "$type": "dimension",
882
- "$value": {
883
- "value": 18,
884
- "unit": "px"
885
- },
886
- "$extensions": {
887
- "eds": {
888
- "cssVariable": "--eds-spacing-4\\.5"
889
- }
890
- }
891
- },
892
- "spacing-5": {
893
- "$type": "dimension",
894
- "$value": {
895
- "value": 20,
896
- "unit": "px"
897
- },
898
- "$extensions": {
899
- "eds": {
900
- "cssVariable": "--eds-spacing-5"
901
- }
902
- }
903
- },
904
- "spacing-6": {
905
- "$type": "dimension",
906
- "$value": {
907
- "value": 24,
908
- "unit": "px"
909
- },
910
- "$extensions": {
911
- "eds": {
912
- "cssVariable": "--eds-spacing-6"
913
- }
914
- }
915
- },
916
- "spacing-7": {
917
- "$type": "dimension",
918
- "$value": {
919
- "value": 28,
920
- "unit": "px"
921
- },
922
- "$extensions": {
923
- "eds": {
924
- "cssVariable": "--eds-spacing-7"
925
- }
926
- }
927
- },
928
- "spacing-7.5": {
929
- "$type": "dimension",
930
- "$value": {
931
- "value": 30,
932
- "unit": "px"
933
- },
934
- "$extensions": {
935
- "eds": {
936
- "cssVariable": "--eds-spacing-7\\.5"
937
- }
938
- }
939
- },
940
- "spacing-8": {
941
- "$type": "dimension",
942
- "$value": {
943
- "value": 32,
944
- "unit": "px"
945
- },
946
- "$extensions": {
947
- "eds": {
948
- "cssVariable": "--eds-spacing-8"
949
- }
950
- }
951
- },
952
- "spacing-9": {
953
- "$type": "dimension",
954
- "$value": {
955
- "value": 36,
956
- "unit": "px"
957
- },
958
- "$extensions": {
959
- "eds": {
960
- "cssVariable": "--eds-spacing-9"
961
- }
962
- }
963
- },
964
- "spacing-none": {
965
- "$type": "dimension",
966
- "$value": {
967
- "value": 0,
968
- "unit": "px"
969
- },
970
- "$extensions": {
971
- "eds": {
972
- "cssVariable": "--eds-spacing-none"
973
- }
974
- }
975
- },
976
616
  "typography-body1-fontFamily": {
977
617
  "$type": "fontFamily",
978
618
  "$value": [
package/dist/tokens.mjs CHANGED
@@ -408,276 +408,6 @@ var tokenMap = /* @__PURE__ */ Object.freeze({
408
408
  "value": "#FDE047",
409
409
  "cssVariable": "--eds-color-stroke-warning-weak"
410
410
  },
411
- "radius-1": {
412
- "name": "radius-1",
413
- "type": "dimension",
414
- "value": {
415
- "value": 2,
416
- "unit": "px"
417
- },
418
- "cssVariable": "--eds-radius-1"
419
- },
420
- "radius-10": {
421
- "name": "radius-10",
422
- "type": "dimension",
423
- "value": {
424
- "value": 999,
425
- "unit": "px"
426
- },
427
- "cssVariable": "--eds-radius-10"
428
- },
429
- "radius-2": {
430
- "name": "radius-2",
431
- "type": "dimension",
432
- "value": {
433
- "value": 4,
434
- "unit": "px"
435
- },
436
- "cssVariable": "--eds-radius-2"
437
- },
438
- "radius-3": {
439
- "name": "radius-3",
440
- "type": "dimension",
441
- "value": {
442
- "value": 6,
443
- "unit": "px"
444
- },
445
- "cssVariable": "--eds-radius-3"
446
- },
447
- "radius-4": {
448
- "name": "radius-4",
449
- "type": "dimension",
450
- "value": {
451
- "value": 8,
452
- "unit": "px"
453
- },
454
- "cssVariable": "--eds-radius-4"
455
- },
456
- "radius-5": {
457
- "name": "radius-5",
458
- "type": "dimension",
459
- "value": {
460
- "value": 10,
461
- "unit": "px"
462
- },
463
- "cssVariable": "--eds-radius-5"
464
- },
465
- "radius-6": {
466
- "name": "radius-6",
467
- "type": "dimension",
468
- "value": {
469
- "value": 12,
470
- "unit": "px"
471
- },
472
- "cssVariable": "--eds-radius-6"
473
- },
474
- "radius-7": {
475
- "name": "radius-7",
476
- "type": "dimension",
477
- "value": {
478
- "value": 14,
479
- "unit": "px"
480
- },
481
- "cssVariable": "--eds-radius-7"
482
- },
483
- "radius-8": {
484
- "name": "radius-8",
485
- "type": "dimension",
486
- "value": {
487
- "value": 16,
488
- "unit": "px"
489
- },
490
- "cssVariable": "--eds-radius-8"
491
- },
492
- "radius-9": {
493
- "name": "radius-9",
494
- "type": "dimension",
495
- "value": {
496
- "value": 20,
497
- "unit": "px"
498
- },
499
- "cssVariable": "--eds-radius-9"
500
- },
501
- "radius-none": {
502
- "name": "radius-none",
503
- "type": "dimension",
504
- "value": {
505
- "value": 0,
506
- "unit": "px"
507
- },
508
- "cssVariable": "--eds-radius-none"
509
- },
510
- "spacing-0.5": {
511
- "name": "spacing-0.5",
512
- "type": "dimension",
513
- "value": {
514
- "value": 2,
515
- "unit": "px"
516
- },
517
- "cssVariable": "--eds-spacing-0\\.5"
518
- },
519
- "spacing-1": {
520
- "name": "spacing-1",
521
- "type": "dimension",
522
- "value": {
523
- "value": 4,
524
- "unit": "px"
525
- },
526
- "cssVariable": "--eds-spacing-1"
527
- },
528
- "spacing-1.5": {
529
- "name": "spacing-1.5",
530
- "type": "dimension",
531
- "value": {
532
- "value": 6,
533
- "unit": "px"
534
- },
535
- "cssVariable": "--eds-spacing-1\\.5"
536
- },
537
- "spacing-10": {
538
- "name": "spacing-10",
539
- "type": "dimension",
540
- "value": {
541
- "value": 40,
542
- "unit": "px"
543
- },
544
- "cssVariable": "--eds-spacing-10"
545
- },
546
- "spacing-11": {
547
- "name": "spacing-11",
548
- "type": "dimension",
549
- "value": {
550
- "value": 44,
551
- "unit": "px"
552
- },
553
- "cssVariable": "--eds-spacing-11"
554
- },
555
- "spacing-12": {
556
- "name": "spacing-12",
557
- "type": "dimension",
558
- "value": {
559
- "value": 48,
560
- "unit": "px"
561
- },
562
- "cssVariable": "--eds-spacing-12"
563
- },
564
- "spacing-2": {
565
- "name": "spacing-2",
566
- "type": "dimension",
567
- "value": {
568
- "value": 8,
569
- "unit": "px"
570
- },
571
- "cssVariable": "--eds-spacing-2"
572
- },
573
- "spacing-2.5": {
574
- "name": "spacing-2.5",
575
- "type": "dimension",
576
- "value": {
577
- "value": 10,
578
- "unit": "px"
579
- },
580
- "cssVariable": "--eds-spacing-2\\.5"
581
- },
582
- "spacing-3": {
583
- "name": "spacing-3",
584
- "type": "dimension",
585
- "value": {
586
- "value": 12,
587
- "unit": "px"
588
- },
589
- "cssVariable": "--eds-spacing-3"
590
- },
591
- "spacing-3.5": {
592
- "name": "spacing-3.5",
593
- "type": "dimension",
594
- "value": {
595
- "value": 14,
596
- "unit": "px"
597
- },
598
- "cssVariable": "--eds-spacing-3\\.5"
599
- },
600
- "spacing-4": {
601
- "name": "spacing-4",
602
- "type": "dimension",
603
- "value": {
604
- "value": 16,
605
- "unit": "px"
606
- },
607
- "cssVariable": "--eds-spacing-4"
608
- },
609
- "spacing-4.5": {
610
- "name": "spacing-4.5",
611
- "type": "dimension",
612
- "value": {
613
- "value": 18,
614
- "unit": "px"
615
- },
616
- "cssVariable": "--eds-spacing-4\\.5"
617
- },
618
- "spacing-5": {
619
- "name": "spacing-5",
620
- "type": "dimension",
621
- "value": {
622
- "value": 20,
623
- "unit": "px"
624
- },
625
- "cssVariable": "--eds-spacing-5"
626
- },
627
- "spacing-6": {
628
- "name": "spacing-6",
629
- "type": "dimension",
630
- "value": {
631
- "value": 24,
632
- "unit": "px"
633
- },
634
- "cssVariable": "--eds-spacing-6"
635
- },
636
- "spacing-7": {
637
- "name": "spacing-7",
638
- "type": "dimension",
639
- "value": {
640
- "value": 28,
641
- "unit": "px"
642
- },
643
- "cssVariable": "--eds-spacing-7"
644
- },
645
- "spacing-7.5": {
646
- "name": "spacing-7.5",
647
- "type": "dimension",
648
- "value": {
649
- "value": 30,
650
- "unit": "px"
651
- },
652
- "cssVariable": "--eds-spacing-7\\.5"
653
- },
654
- "spacing-8": {
655
- "name": "spacing-8",
656
- "type": "dimension",
657
- "value": {
658
- "value": 32,
659
- "unit": "px"
660
- },
661
- "cssVariable": "--eds-spacing-8"
662
- },
663
- "spacing-9": {
664
- "name": "spacing-9",
665
- "type": "dimension",
666
- "value": {
667
- "value": 36,
668
- "unit": "px"
669
- },
670
- "cssVariable": "--eds-spacing-9"
671
- },
672
- "spacing-none": {
673
- "name": "spacing-none",
674
- "type": "dimension",
675
- "value": {
676
- "value": 0,
677
- "unit": "px"
678
- },
679
- "cssVariable": "--eds-spacing-none"
680
- },
681
411
  "typography-body1-fontFamily": {
682
412
  "name": "typography-body1-fontFamily",
683
413
  "type": "fontFamily",
@@ -1480,36 +1210,6 @@ var tokenNames = /* @__PURE__ */ Object.freeze([
1480
1210
  "color-stroke-positive-weak",
1481
1211
  "color-stroke-warning-primary",
1482
1212
  "color-stroke-warning-weak",
1483
- "radius-1",
1484
- "radius-10",
1485
- "radius-2",
1486
- "radius-3",
1487
- "radius-4",
1488
- "radius-5",
1489
- "radius-6",
1490
- "radius-7",
1491
- "radius-8",
1492
- "radius-9",
1493
- "radius-none",
1494
- "spacing-0.5",
1495
- "spacing-1",
1496
- "spacing-1.5",
1497
- "spacing-10",
1498
- "spacing-11",
1499
- "spacing-12",
1500
- "spacing-2",
1501
- "spacing-2.5",
1502
- "spacing-3",
1503
- "spacing-3.5",
1504
- "spacing-4",
1505
- "spacing-4.5",
1506
- "spacing-5",
1507
- "spacing-6",
1508
- "spacing-7",
1509
- "spacing-7.5",
1510
- "spacing-8",
1511
- "spacing-9",
1512
- "spacing-none",
1513
1213
  "typography-body1-fontFamily",
1514
1214
  "typography-body1-fontSize",
1515
1215
  "typography-body1-fontWeight",
package/llms.txt CHANGED
@@ -9,14 +9,14 @@
9
9
  ## 조건부
10
10
 
11
11
  - [CONSUMER_AGENT.md](./CONSUMER_AGENT.md): 소비처 `AGENTS.md`에 `<!-- EDS:BEGIN -->` block이 없거나, `eds doctor`가 exit 1·2 또는 `eds sync`가 exit 2로 끝나거나, sync 복구가 불분명하거나, EDS 버전을 올렸거나, 사용자가 프로토타입을 EVA 구조로 정리하라고 요청했을 때(`eds align`) 읽습니다.
12
- - [TOKEN_CONTEXT.md](./TOKEN_CONTEXT.md): EDS 컴포넌트 prop 밖에서 color·typography·spacing·radius token을 지정하거나 바꿀 때 읽습니다. Tailwind 없이 CSS variable이나 `cssVar()`로 쓰는 경우도 포함합니다.
12
+ - [TOKEN_CONTEXT.md](./TOKEN_CONTEXT.md): EDS color·typography token을 고르거나 padding·margin·gap·radius에 Tailwind CSS v4 기본 utility를 사용할 때 읽습니다.
13
13
  - [TAILWIND_V4.md](./TAILWIND_V4.md): Tailwind CSS v4 adapter나 root CSS 배선을 설정하거나 고칠 때 읽습니다.
14
14
  - [AI.md](./AI.md): 요청이 dark theme, EDS Tailwind plugin, 생성 CSS에 없는 EDS token utility alias, `AI_CONTEXT.json` `components`에 없는 컴포넌트를 요구할 때 읽습니다.
15
15
  - [FRONTEND_CONVENTIONS.md](./FRONTEND_CONVENTIONS.md): `.eds/align/PLAN.md`가 있거나(`eds align` 진행 중), 소비처 `AGENTS.md`가 구조·라이브러리·코드 패턴 변경에 이 문서를 가리킬 때 읽습니다.
16
16
  - [dist/components/Button/README.md](./dist/components/Button/README.md): 요청이 Button으로 해결될 수 있는지 판단할 때 사용 맥락과 role·variant 선택 기준을 읽고, 선택하면 prop·접근성 계약을 따릅니다.
17
17
  - [dist/components/Button/spec.json](./dist/components/Button/spec.json): `api.iconNames`의 아이콘 이름을 확인하거나 도구가 기계용 계약을 읽을 때 씁니다.
18
18
  - [dist/tokens.json](./dist/tokens.json): 도구·스크립트가 기계용 token manifest와 public 이름→CSS variable mapping을 읽거나, Tailwind 없이 쓸 `var(--eds-*)` 이름을 확인할 때 씁니다. Tailwind CSS v4 root를 sync한 소비처에서는 생성 class 이름을 `src/styles/eds-tokens.css`에서 확인합니다.
19
- - [CHANGELOG.md](./CHANGELOG.md): EDS 버전을 올렸을 때(설치된 버전이 `AGENTS.md`의 `EDS:VERSION` 줄보다 높을 때) 읽습니다.
19
+ - [CHANGELOG.md](./CHANGELOG.md): managed block에 버전 marker가 없거나 설치 버전이 `AGENTS.md`의 `EDS:VERSION` marker보다 높을 때 읽습니다.
20
20
 
21
21
  ## Optional
22
22