@spectrabrain/eds 0.3.0 → 0.4.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
@@ -1,23 +1,21 @@
1
1
  # EVA Design System (@spectrabrain/eds)
2
2
 
3
- > React 웹용 EVA 디자인 시스템 패키지입니다. 소비처 AI는 package root(`require.resolve("@spectrabrain/eds/package.json")`의 디렉터리)의 `QUICKSTART.md` 하나를 먼저 읽고, 나머지는 아래 조건에 해당할 때만 읽습니다. 같은 목록의 기계용 원천은 `AI_CONTEXT.json`의 `readOrder`입니다.
4
-
5
- EDS 내부 소스로 동작을 추론하지 않고 공개 문서와 TypeScript contract를 기준으로 합니다. 링크는 모두 package root 기준 경로입니다.
3
+ > 소비처 AI는 package root의 `QUICKSTART.md`를 먼저 읽고, 나머지는 아래 조건에 해당할 때만 읽습니다. 기계용 경로와 조건은 `AI_CONTEXT.json`의 `readOrder`에 있습니다.
6
4
 
7
5
  ## 필수
8
6
 
9
- - [QUICKSTART.md](./QUICKSTART.md): UI 작업 규칙, 완료 기준과 doctor 실패 시 복구 순서, 명령(`npm run sync:eds`, `npm run eds:doctor`), 조건부 문서 목록입니다.
7
+ - [QUICKSTART.md](./QUICKSTART.md): UI 작업 규칙, 완료 기준, doctor 복구 순서와 조건별 문서 안내입니다.
10
8
 
11
9
  ## 조건부
12
10
 
13
- - [CONSUMER_AGENT.md](./CONSUMER_AGENT.md): 소비처 `AGENTS.md`에 `<!-- EDS:BEGIN -->` block이 없거나, sync·doctor가 exit 2이거나 sync 뒤에도 doctor가 exit 1이거나, EDS 버전을 올렸거나, 사용자가 프로토타입을 EVA 구조로 정리하라고 요청했을 때(`eds align`) 읽습니다.
14
- - [TOKEN_CONTEXT.md](./TOKEN_CONTEXT.md): EDS 컴포넌트 prop 밖에서 color·typography·spacing·radius token을 지정하거나 바꿀 때 읽습니다. Tailwind 없이 CSS variable이나 `cssVar()`로 쓰는 경우도 포함합니다.
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 color·typography token을 고르거나 padding·margin·gap·radius에 Tailwind CSS v4 기본 utility를 사용할 때 읽습니다.
15
13
  - [TAILWIND_V4.md](./TAILWIND_V4.md): Tailwind CSS v4 adapter나 root CSS 배선을 설정하거나 고칠 때 읽습니다.
16
- - [AI.md](./AI.md): 요청이 dark theme, 생성된 class 밖의 Tailwind utility, `AI_CONTEXT.json` `components`에 없는 컴포넌트를 요구할 때 읽습니다.
14
+ - [AI.md](./AI.md): 요청이 dark theme, EDS Tailwind plugin, 생성 CSS에 없는 EDS token utility alias, `AI_CONTEXT.json` `components`에 없는 컴포넌트를 요구할 때 읽습니다.
17
15
  - [FRONTEND_CONVENTIONS.md](./FRONTEND_CONVENTIONS.md): `.eds/align/PLAN.md`가 있거나(`eds align` 진행 중), 소비처 `AGENTS.md`가 구조·라이브러리·코드 패턴 변경에 이 문서를 가리킬 때 읽습니다.
18
- - [dist/components/Button/README.md](./dist/components/Button/README.md): Button을 쓸 때 사용 맥락, role·variant 선택, prop, 접근성, 목록 밖 아이콘 규칙을 읽습니다.
16
+ - [dist/components/Button/README.md](./dist/components/Button/README.md): 요청이 Button으로 해결될 수 있는지 판단할 때 사용 맥락과 role·variant 선택 기준을 읽고, 선택하면 prop·접근성 계약을 따릅니다.
19
17
  - [dist/components/Button/spec.json](./dist/components/Button/spec.json): `api.iconNames`의 아이콘 이름을 확인하거나 도구가 기계용 계약을 읽을 때 씁니다.
20
- - [dist/tokens.json](./dist/tokens.json): 도구·스크립트가 기계용 token manifest와 public 이름→CSS variable mapping을 읽거나, Tailwind 없이 쓸 `var(--eds-*)` 이름을 확인할 때 씁니다. class 이름은 `src/styles/eds-tokens.css`에 있습니다.
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`에서 확인합니다.
21
19
  - [CHANGELOG.md](./CHANGELOG.md): EDS 버전을 올렸을 때(설치된 버전이 `AGENTS.md`의 `EDS:VERSION` 줄보다 높을 때) 읽습니다.
22
20
 
23
21
  ## Optional