@spectrabrain/eds 0.1.1 → 0.2.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.
Files changed (22) hide show
  1. package/AI.md +3 -3
  2. package/AI_CONTEXT.json +2 -2
  3. package/CHANGELOG.md +7 -3
  4. package/CONSUMER_AGENT.md +4 -4
  5. package/QUICKSTART.md +7 -7
  6. package/README.md +6 -1
  7. package/TAILWIND_V4.md +3 -0
  8. package/TOKEN_CONTEXT.md +18 -2
  9. package/consumer/generate-tailwind.mjs +41 -1
  10. package/consumer/scan-classes.mjs +20 -2
  11. package/dist/components/Button/README.md +1 -1
  12. package/dist/components/Button/spec.json +1 -1
  13. package/dist/index.js +301 -1
  14. package/dist/index.mjs +301 -1
  15. package/dist/tokens.css +30 -0
  16. package/dist/tokens.d.mts +4 -3
  17. package/dist/tokens.d.ts +4 -3
  18. package/dist/tokens.js +301 -1
  19. package/dist/tokens.json +360 -0
  20. package/dist/tokens.mjs +301 -1
  21. package/llms.txt +2 -2
  22. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -414,6 +414,276 @@ var tokenMap = /* @__PURE__ */ Object.freeze({
414
414
  "value": "#FDE047",
415
415
  "cssVariable": "--eds-color-stroke-warning-weak"
416
416
  },
417
+ "radius-1": {
418
+ "name": "radius-1",
419
+ "type": "dimension",
420
+ "value": {
421
+ "value": 2,
422
+ "unit": "px"
423
+ },
424
+ "cssVariable": "--eds-radius-1"
425
+ },
426
+ "radius-10": {
427
+ "name": "radius-10",
428
+ "type": "dimension",
429
+ "value": {
430
+ "value": 999,
431
+ "unit": "px"
432
+ },
433
+ "cssVariable": "--eds-radius-10"
434
+ },
435
+ "radius-2": {
436
+ "name": "radius-2",
437
+ "type": "dimension",
438
+ "value": {
439
+ "value": 4,
440
+ "unit": "px"
441
+ },
442
+ "cssVariable": "--eds-radius-2"
443
+ },
444
+ "radius-3": {
445
+ "name": "radius-3",
446
+ "type": "dimension",
447
+ "value": {
448
+ "value": 6,
449
+ "unit": "px"
450
+ },
451
+ "cssVariable": "--eds-radius-3"
452
+ },
453
+ "radius-4": {
454
+ "name": "radius-4",
455
+ "type": "dimension",
456
+ "value": {
457
+ "value": 8,
458
+ "unit": "px"
459
+ },
460
+ "cssVariable": "--eds-radius-4"
461
+ },
462
+ "radius-5": {
463
+ "name": "radius-5",
464
+ "type": "dimension",
465
+ "value": {
466
+ "value": 10,
467
+ "unit": "px"
468
+ },
469
+ "cssVariable": "--eds-radius-5"
470
+ },
471
+ "radius-6": {
472
+ "name": "radius-6",
473
+ "type": "dimension",
474
+ "value": {
475
+ "value": 12,
476
+ "unit": "px"
477
+ },
478
+ "cssVariable": "--eds-radius-6"
479
+ },
480
+ "radius-7": {
481
+ "name": "radius-7",
482
+ "type": "dimension",
483
+ "value": {
484
+ "value": 14,
485
+ "unit": "px"
486
+ },
487
+ "cssVariable": "--eds-radius-7"
488
+ },
489
+ "radius-8": {
490
+ "name": "radius-8",
491
+ "type": "dimension",
492
+ "value": {
493
+ "value": 16,
494
+ "unit": "px"
495
+ },
496
+ "cssVariable": "--eds-radius-8"
497
+ },
498
+ "radius-9": {
499
+ "name": "radius-9",
500
+ "type": "dimension",
501
+ "value": {
502
+ "value": 20,
503
+ "unit": "px"
504
+ },
505
+ "cssVariable": "--eds-radius-9"
506
+ },
507
+ "radius-none": {
508
+ "name": "radius-none",
509
+ "type": "dimension",
510
+ "value": {
511
+ "value": 0,
512
+ "unit": "px"
513
+ },
514
+ "cssVariable": "--eds-radius-none"
515
+ },
516
+ "spacing-0.5": {
517
+ "name": "spacing-0.5",
518
+ "type": "dimension",
519
+ "value": {
520
+ "value": 2,
521
+ "unit": "px"
522
+ },
523
+ "cssVariable": "--eds-spacing-0\\.5"
524
+ },
525
+ "spacing-1": {
526
+ "name": "spacing-1",
527
+ "type": "dimension",
528
+ "value": {
529
+ "value": 4,
530
+ "unit": "px"
531
+ },
532
+ "cssVariable": "--eds-spacing-1"
533
+ },
534
+ "spacing-1.5": {
535
+ "name": "spacing-1.5",
536
+ "type": "dimension",
537
+ "value": {
538
+ "value": 6,
539
+ "unit": "px"
540
+ },
541
+ "cssVariable": "--eds-spacing-1\\.5"
542
+ },
543
+ "spacing-10": {
544
+ "name": "spacing-10",
545
+ "type": "dimension",
546
+ "value": {
547
+ "value": 40,
548
+ "unit": "px"
549
+ },
550
+ "cssVariable": "--eds-spacing-10"
551
+ },
552
+ "spacing-11": {
553
+ "name": "spacing-11",
554
+ "type": "dimension",
555
+ "value": {
556
+ "value": 44,
557
+ "unit": "px"
558
+ },
559
+ "cssVariable": "--eds-spacing-11"
560
+ },
561
+ "spacing-12": {
562
+ "name": "spacing-12",
563
+ "type": "dimension",
564
+ "value": {
565
+ "value": 48,
566
+ "unit": "px"
567
+ },
568
+ "cssVariable": "--eds-spacing-12"
569
+ },
570
+ "spacing-2": {
571
+ "name": "spacing-2",
572
+ "type": "dimension",
573
+ "value": {
574
+ "value": 8,
575
+ "unit": "px"
576
+ },
577
+ "cssVariable": "--eds-spacing-2"
578
+ },
579
+ "spacing-2.5": {
580
+ "name": "spacing-2.5",
581
+ "type": "dimension",
582
+ "value": {
583
+ "value": 10,
584
+ "unit": "px"
585
+ },
586
+ "cssVariable": "--eds-spacing-2\\.5"
587
+ },
588
+ "spacing-3": {
589
+ "name": "spacing-3",
590
+ "type": "dimension",
591
+ "value": {
592
+ "value": 12,
593
+ "unit": "px"
594
+ },
595
+ "cssVariable": "--eds-spacing-3"
596
+ },
597
+ "spacing-3.5": {
598
+ "name": "spacing-3.5",
599
+ "type": "dimension",
600
+ "value": {
601
+ "value": 14,
602
+ "unit": "px"
603
+ },
604
+ "cssVariable": "--eds-spacing-3\\.5"
605
+ },
606
+ "spacing-4": {
607
+ "name": "spacing-4",
608
+ "type": "dimension",
609
+ "value": {
610
+ "value": 16,
611
+ "unit": "px"
612
+ },
613
+ "cssVariable": "--eds-spacing-4"
614
+ },
615
+ "spacing-4.5": {
616
+ "name": "spacing-4.5",
617
+ "type": "dimension",
618
+ "value": {
619
+ "value": 18,
620
+ "unit": "px"
621
+ },
622
+ "cssVariable": "--eds-spacing-4\\.5"
623
+ },
624
+ "spacing-5": {
625
+ "name": "spacing-5",
626
+ "type": "dimension",
627
+ "value": {
628
+ "value": 20,
629
+ "unit": "px"
630
+ },
631
+ "cssVariable": "--eds-spacing-5"
632
+ },
633
+ "spacing-6": {
634
+ "name": "spacing-6",
635
+ "type": "dimension",
636
+ "value": {
637
+ "value": 24,
638
+ "unit": "px"
639
+ },
640
+ "cssVariable": "--eds-spacing-6"
641
+ },
642
+ "spacing-7": {
643
+ "name": "spacing-7",
644
+ "type": "dimension",
645
+ "value": {
646
+ "value": 28,
647
+ "unit": "px"
648
+ },
649
+ "cssVariable": "--eds-spacing-7"
650
+ },
651
+ "spacing-7.5": {
652
+ "name": "spacing-7.5",
653
+ "type": "dimension",
654
+ "value": {
655
+ "value": 30,
656
+ "unit": "px"
657
+ },
658
+ "cssVariable": "--eds-spacing-7\\.5"
659
+ },
660
+ "spacing-8": {
661
+ "name": "spacing-8",
662
+ "type": "dimension",
663
+ "value": {
664
+ "value": 32,
665
+ "unit": "px"
666
+ },
667
+ "cssVariable": "--eds-spacing-8"
668
+ },
669
+ "spacing-9": {
670
+ "name": "spacing-9",
671
+ "type": "dimension",
672
+ "value": {
673
+ "value": 36,
674
+ "unit": "px"
675
+ },
676
+ "cssVariable": "--eds-spacing-9"
677
+ },
678
+ "spacing-none": {
679
+ "name": "spacing-none",
680
+ "type": "dimension",
681
+ "value": {
682
+ "value": 0,
683
+ "unit": "px"
684
+ },
685
+ "cssVariable": "--eds-spacing-none"
686
+ },
417
687
  "typography-body1-fontFamily": {
418
688
  "name": "typography-body1-fontFamily",
419
689
  "type": "fontFamily",
@@ -1216,6 +1486,36 @@ var tokenNames = /* @__PURE__ */ Object.freeze([
1216
1486
  "color-stroke-positive-weak",
1217
1487
  "color-stroke-warning-primary",
1218
1488
  "color-stroke-warning-weak",
1489
+ "radius-1",
1490
+ "radius-10",
1491
+ "radius-2",
1492
+ "radius-3",
1493
+ "radius-4",
1494
+ "radius-5",
1495
+ "radius-6",
1496
+ "radius-7",
1497
+ "radius-8",
1498
+ "radius-9",
1499
+ "radius-none",
1500
+ "spacing-0.5",
1501
+ "spacing-1",
1502
+ "spacing-1.5",
1503
+ "spacing-10",
1504
+ "spacing-11",
1505
+ "spacing-12",
1506
+ "spacing-2",
1507
+ "spacing-2.5",
1508
+ "spacing-3",
1509
+ "spacing-3.5",
1510
+ "spacing-4",
1511
+ "spacing-4.5",
1512
+ "spacing-5",
1513
+ "spacing-6",
1514
+ "spacing-7",
1515
+ "spacing-7.5",
1516
+ "spacing-8",
1517
+ "spacing-9",
1518
+ "spacing-none",
1219
1519
  "typography-body1-fontFamily",
1220
1520
  "typography-body1-fontSize",
1221
1521
  "typography-body1-fontWeight",
@@ -1306,7 +1606,7 @@ function cssVar(name) {
1306
1606
  if (!tokenNames.includes(name)) {
1307
1607
  throw new Error("Unknown semantic token: " + name);
1308
1608
  }
1309
- return "var(--eds-" + name + ")";
1609
+ return "var(" + tokenMap[name].cssVariable + ")";
1310
1610
  }
1311
1611
  var buttonIcons = {
1312
1612
  ArrowLeft: lucideReact.ArrowLeft,
package/dist/index.mjs CHANGED
@@ -412,6 +412,276 @@ var tokenMap = /* @__PURE__ */ Object.freeze({
412
412
  "value": "#FDE047",
413
413
  "cssVariable": "--eds-color-stroke-warning-weak"
414
414
  },
415
+ "radius-1": {
416
+ "name": "radius-1",
417
+ "type": "dimension",
418
+ "value": {
419
+ "value": 2,
420
+ "unit": "px"
421
+ },
422
+ "cssVariable": "--eds-radius-1"
423
+ },
424
+ "radius-10": {
425
+ "name": "radius-10",
426
+ "type": "dimension",
427
+ "value": {
428
+ "value": 999,
429
+ "unit": "px"
430
+ },
431
+ "cssVariable": "--eds-radius-10"
432
+ },
433
+ "radius-2": {
434
+ "name": "radius-2",
435
+ "type": "dimension",
436
+ "value": {
437
+ "value": 4,
438
+ "unit": "px"
439
+ },
440
+ "cssVariable": "--eds-radius-2"
441
+ },
442
+ "radius-3": {
443
+ "name": "radius-3",
444
+ "type": "dimension",
445
+ "value": {
446
+ "value": 6,
447
+ "unit": "px"
448
+ },
449
+ "cssVariable": "--eds-radius-3"
450
+ },
451
+ "radius-4": {
452
+ "name": "radius-4",
453
+ "type": "dimension",
454
+ "value": {
455
+ "value": 8,
456
+ "unit": "px"
457
+ },
458
+ "cssVariable": "--eds-radius-4"
459
+ },
460
+ "radius-5": {
461
+ "name": "radius-5",
462
+ "type": "dimension",
463
+ "value": {
464
+ "value": 10,
465
+ "unit": "px"
466
+ },
467
+ "cssVariable": "--eds-radius-5"
468
+ },
469
+ "radius-6": {
470
+ "name": "radius-6",
471
+ "type": "dimension",
472
+ "value": {
473
+ "value": 12,
474
+ "unit": "px"
475
+ },
476
+ "cssVariable": "--eds-radius-6"
477
+ },
478
+ "radius-7": {
479
+ "name": "radius-7",
480
+ "type": "dimension",
481
+ "value": {
482
+ "value": 14,
483
+ "unit": "px"
484
+ },
485
+ "cssVariable": "--eds-radius-7"
486
+ },
487
+ "radius-8": {
488
+ "name": "radius-8",
489
+ "type": "dimension",
490
+ "value": {
491
+ "value": 16,
492
+ "unit": "px"
493
+ },
494
+ "cssVariable": "--eds-radius-8"
495
+ },
496
+ "radius-9": {
497
+ "name": "radius-9",
498
+ "type": "dimension",
499
+ "value": {
500
+ "value": 20,
501
+ "unit": "px"
502
+ },
503
+ "cssVariable": "--eds-radius-9"
504
+ },
505
+ "radius-none": {
506
+ "name": "radius-none",
507
+ "type": "dimension",
508
+ "value": {
509
+ "value": 0,
510
+ "unit": "px"
511
+ },
512
+ "cssVariable": "--eds-radius-none"
513
+ },
514
+ "spacing-0.5": {
515
+ "name": "spacing-0.5",
516
+ "type": "dimension",
517
+ "value": {
518
+ "value": 2,
519
+ "unit": "px"
520
+ },
521
+ "cssVariable": "--eds-spacing-0\\.5"
522
+ },
523
+ "spacing-1": {
524
+ "name": "spacing-1",
525
+ "type": "dimension",
526
+ "value": {
527
+ "value": 4,
528
+ "unit": "px"
529
+ },
530
+ "cssVariable": "--eds-spacing-1"
531
+ },
532
+ "spacing-1.5": {
533
+ "name": "spacing-1.5",
534
+ "type": "dimension",
535
+ "value": {
536
+ "value": 6,
537
+ "unit": "px"
538
+ },
539
+ "cssVariable": "--eds-spacing-1\\.5"
540
+ },
541
+ "spacing-10": {
542
+ "name": "spacing-10",
543
+ "type": "dimension",
544
+ "value": {
545
+ "value": 40,
546
+ "unit": "px"
547
+ },
548
+ "cssVariable": "--eds-spacing-10"
549
+ },
550
+ "spacing-11": {
551
+ "name": "spacing-11",
552
+ "type": "dimension",
553
+ "value": {
554
+ "value": 44,
555
+ "unit": "px"
556
+ },
557
+ "cssVariable": "--eds-spacing-11"
558
+ },
559
+ "spacing-12": {
560
+ "name": "spacing-12",
561
+ "type": "dimension",
562
+ "value": {
563
+ "value": 48,
564
+ "unit": "px"
565
+ },
566
+ "cssVariable": "--eds-spacing-12"
567
+ },
568
+ "spacing-2": {
569
+ "name": "spacing-2",
570
+ "type": "dimension",
571
+ "value": {
572
+ "value": 8,
573
+ "unit": "px"
574
+ },
575
+ "cssVariable": "--eds-spacing-2"
576
+ },
577
+ "spacing-2.5": {
578
+ "name": "spacing-2.5",
579
+ "type": "dimension",
580
+ "value": {
581
+ "value": 10,
582
+ "unit": "px"
583
+ },
584
+ "cssVariable": "--eds-spacing-2\\.5"
585
+ },
586
+ "spacing-3": {
587
+ "name": "spacing-3",
588
+ "type": "dimension",
589
+ "value": {
590
+ "value": 12,
591
+ "unit": "px"
592
+ },
593
+ "cssVariable": "--eds-spacing-3"
594
+ },
595
+ "spacing-3.5": {
596
+ "name": "spacing-3.5",
597
+ "type": "dimension",
598
+ "value": {
599
+ "value": 14,
600
+ "unit": "px"
601
+ },
602
+ "cssVariable": "--eds-spacing-3\\.5"
603
+ },
604
+ "spacing-4": {
605
+ "name": "spacing-4",
606
+ "type": "dimension",
607
+ "value": {
608
+ "value": 16,
609
+ "unit": "px"
610
+ },
611
+ "cssVariable": "--eds-spacing-4"
612
+ },
613
+ "spacing-4.5": {
614
+ "name": "spacing-4.5",
615
+ "type": "dimension",
616
+ "value": {
617
+ "value": 18,
618
+ "unit": "px"
619
+ },
620
+ "cssVariable": "--eds-spacing-4\\.5"
621
+ },
622
+ "spacing-5": {
623
+ "name": "spacing-5",
624
+ "type": "dimension",
625
+ "value": {
626
+ "value": 20,
627
+ "unit": "px"
628
+ },
629
+ "cssVariable": "--eds-spacing-5"
630
+ },
631
+ "spacing-6": {
632
+ "name": "spacing-6",
633
+ "type": "dimension",
634
+ "value": {
635
+ "value": 24,
636
+ "unit": "px"
637
+ },
638
+ "cssVariable": "--eds-spacing-6"
639
+ },
640
+ "spacing-7": {
641
+ "name": "spacing-7",
642
+ "type": "dimension",
643
+ "value": {
644
+ "value": 28,
645
+ "unit": "px"
646
+ },
647
+ "cssVariable": "--eds-spacing-7"
648
+ },
649
+ "spacing-7.5": {
650
+ "name": "spacing-7.5",
651
+ "type": "dimension",
652
+ "value": {
653
+ "value": 30,
654
+ "unit": "px"
655
+ },
656
+ "cssVariable": "--eds-spacing-7\\.5"
657
+ },
658
+ "spacing-8": {
659
+ "name": "spacing-8",
660
+ "type": "dimension",
661
+ "value": {
662
+ "value": 32,
663
+ "unit": "px"
664
+ },
665
+ "cssVariable": "--eds-spacing-8"
666
+ },
667
+ "spacing-9": {
668
+ "name": "spacing-9",
669
+ "type": "dimension",
670
+ "value": {
671
+ "value": 36,
672
+ "unit": "px"
673
+ },
674
+ "cssVariable": "--eds-spacing-9"
675
+ },
676
+ "spacing-none": {
677
+ "name": "spacing-none",
678
+ "type": "dimension",
679
+ "value": {
680
+ "value": 0,
681
+ "unit": "px"
682
+ },
683
+ "cssVariable": "--eds-spacing-none"
684
+ },
415
685
  "typography-body1-fontFamily": {
416
686
  "name": "typography-body1-fontFamily",
417
687
  "type": "fontFamily",
@@ -1214,6 +1484,36 @@ var tokenNames = /* @__PURE__ */ Object.freeze([
1214
1484
  "color-stroke-positive-weak",
1215
1485
  "color-stroke-warning-primary",
1216
1486
  "color-stroke-warning-weak",
1487
+ "radius-1",
1488
+ "radius-10",
1489
+ "radius-2",
1490
+ "radius-3",
1491
+ "radius-4",
1492
+ "radius-5",
1493
+ "radius-6",
1494
+ "radius-7",
1495
+ "radius-8",
1496
+ "radius-9",
1497
+ "radius-none",
1498
+ "spacing-0.5",
1499
+ "spacing-1",
1500
+ "spacing-1.5",
1501
+ "spacing-10",
1502
+ "spacing-11",
1503
+ "spacing-12",
1504
+ "spacing-2",
1505
+ "spacing-2.5",
1506
+ "spacing-3",
1507
+ "spacing-3.5",
1508
+ "spacing-4",
1509
+ "spacing-4.5",
1510
+ "spacing-5",
1511
+ "spacing-6",
1512
+ "spacing-7",
1513
+ "spacing-7.5",
1514
+ "spacing-8",
1515
+ "spacing-9",
1516
+ "spacing-none",
1217
1517
  "typography-body1-fontFamily",
1218
1518
  "typography-body1-fontSize",
1219
1519
  "typography-body1-fontWeight",
@@ -1304,7 +1604,7 @@ function cssVar(name) {
1304
1604
  if (!tokenNames.includes(name)) {
1305
1605
  throw new Error("Unknown semantic token: " + name);
1306
1606
  }
1307
- return "var(--eds-" + name + ")";
1607
+ return "var(" + tokenMap[name].cssVariable + ")";
1308
1608
  }
1309
1609
  var buttonIcons = {
1310
1610
  ArrowLeft,
package/dist/tokens.css CHANGED
@@ -68,6 +68,36 @@
68
68
  --eds-color-stroke-positive-weak: #BBF7D0;
69
69
  --eds-color-stroke-warning-primary: #EAB308;
70
70
  --eds-color-stroke-warning-weak: #FDE047;
71
+ --eds-radius-1: 2px;
72
+ --eds-radius-10: 999px;
73
+ --eds-radius-2: 4px;
74
+ --eds-radius-3: 6px;
75
+ --eds-radius-4: 8px;
76
+ --eds-radius-5: 10px;
77
+ --eds-radius-6: 12px;
78
+ --eds-radius-7: 14px;
79
+ --eds-radius-8: 16px;
80
+ --eds-radius-9: 20px;
81
+ --eds-radius-none: 0px;
82
+ --eds-spacing-0\.5: 2px;
83
+ --eds-spacing-1: 4px;
84
+ --eds-spacing-1\.5: 6px;
85
+ --eds-spacing-10: 40px;
86
+ --eds-spacing-11: 44px;
87
+ --eds-spacing-12: 48px;
88
+ --eds-spacing-2: 8px;
89
+ --eds-spacing-2\.5: 10px;
90
+ --eds-spacing-3: 12px;
91
+ --eds-spacing-3\.5: 14px;
92
+ --eds-spacing-4: 16px;
93
+ --eds-spacing-4\.5: 18px;
94
+ --eds-spacing-5: 20px;
95
+ --eds-spacing-6: 24px;
96
+ --eds-spacing-7: 28px;
97
+ --eds-spacing-7\.5: 30px;
98
+ --eds-spacing-8: 32px;
99
+ --eds-spacing-9: 36px;
100
+ --eds-spacing-none: 0px;
71
101
  --eds-typography-body1-fontFamily: Pretendard, system-ui, sans-serif;
72
102
  --eds-typography-body1-fontSize: 1.125rem;
73
103
  --eds-typography-body1-fontWeight: 500;