@higinio/design-mcp 0.2.0 → 0.2.1

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.
@@ -399,7 +399,15 @@
399
399
  "alias": {
400
400
  "$description": "Capa semántica (modo dark). Los componentes consumen solo esto.",
401
401
  "bg": {
402
- "$value": "{color.night.950}"
402
+ "$value": {
403
+ "colorSpace": "srgb",
404
+ "components": [
405
+ 0.0039,
406
+ 0.0078,
407
+ 0.0118
408
+ ],
409
+ "hex": "#010203"
410
+ }
403
411
  },
404
412
  "surface1": {
405
413
  "$value": "{color.night.900}"
@@ -411,35 +419,115 @@
411
419
  "$value": "{color.night.700}"
412
420
  },
413
421
  "border": {
414
- "$value": "{color.night.500}"
422
+ "$value": {
423
+ "colorSpace": "srgb",
424
+ "components": [
425
+ 0.2392,
426
+ 0.2627,
427
+ 0.3294
428
+ ],
429
+ "hex": "#3d4354"
430
+ }
415
431
  },
416
432
  "borderStrong": {
417
- "$value": "{color.night.600}"
433
+ "$value": {
434
+ "colorSpace": "srgb",
435
+ "components": [
436
+ 0.4196,
437
+ 0.4431,
438
+ 0.5137
439
+ ],
440
+ "hex": "#6b7183"
441
+ }
418
442
  },
419
443
  "textPrimary": {
420
- "$value": "{color.night.100}"
444
+ "$value": {
445
+ "colorSpace": "srgb",
446
+ "components": [
447
+ 0.9098,
448
+ 0.9176,
449
+ 0.9373
450
+ ],
451
+ "hex": "#e8eaef"
452
+ }
421
453
  },
422
454
  "textSecondary": {
423
- "$value": "{color.night.200}"
455
+ "$value": {
456
+ "colorSpace": "srgb",
457
+ "components": [
458
+ 0.7725,
459
+ 0.7882,
460
+ 0.8314
461
+ ],
462
+ "hex": "#c5c9d4"
463
+ }
424
464
  },
425
465
  "textMuted": {
426
- "$value": "{color.night.300}"
466
+ "$value": {
467
+ "colorSpace": "srgb",
468
+ "components": [
469
+ 0.6039,
470
+ 0.6275,
471
+ 0.6902
472
+ ],
473
+ "hex": "#9aa0b0"
474
+ }
427
475
  },
428
476
  "textDisabled": {
429
- "$value": "{color.night.400}"
477
+ "$value": {
478
+ "colorSpace": "srgb",
479
+ "components": [
480
+ 0.4196,
481
+ 0.4431,
482
+ 0.5137
483
+ ],
484
+ "hex": "#6b7183"
485
+ }
430
486
  },
431
487
  "textHeading": {
432
- "$value": "{color.night.50}"
488
+ "$value": {
489
+ "colorSpace": "srgb",
490
+ "components": [
491
+ 0.9647,
492
+ 0.9686,
493
+ 0.9765
494
+ ],
495
+ "hex": "#f6f7f9"
496
+ }
433
497
  },
434
498
  "textOnAccent": {
435
- "$value": "{color.night.950}",
499
+ "$value": {
500
+ "colorSpace": "srgb",
501
+ "components": [
502
+ 0.0039,
503
+ 0.0078,
504
+ 0.0118
505
+ ],
506
+ "hex": "#010203"
507
+ },
436
508
  "$description": "Texto de CTA oscuro, nunca blanco"
437
509
  },
438
510
  "link": {
439
- "$value": "{color.accent.400}"
511
+ "$value": {
512
+ "colorSpace": "srgb",
513
+ "components": [
514
+ 0.3216,
515
+ 0.7294,
516
+ 0.9294
517
+ ],
518
+ "hex": "#52baed"
519
+ }
440
520
  },
441
521
  "linkHover": {
442
- "$value": "{color.accent.200}"
522
+ "$value": {
523
+ "colorSpace": "srgb",
524
+ "components": [
525
+ 0.6588,
526
+ 0.8667,
527
+ 0.9647
528
+ ],
529
+ "hex": "#a8ddf6"
530
+ }
443
531
  },
444
532
  "accentGhostHover": {
445
533
  "$value": {
@@ -488,6 +576,607 @@
488
576
  "hex": "#010203",
489
577
  "alpha": 0.7
490
578
  }
579
+ },
580
+ "surface": {
581
+ "$value": {
582
+ "colorSpace": "srgb",
583
+ "components": [
584
+ 0.0431,
585
+ 0.051,
586
+ 0.0706
587
+ ],
588
+ "hex": "#0b0d12"
589
+ }
590
+ },
591
+ "surfaceAlt": {
592
+ "$value": {
593
+ "colorSpace": "srgb",
594
+ "components": [
595
+ 0.0784,
596
+ 0.0902,
597
+ 0.1216
598
+ ],
599
+ "hex": "#14171f"
600
+ }
601
+ },
602
+ "actionBg": {
603
+ "$value": {
604
+ "colorSpace": "srgb",
605
+ "components": [
606
+ 0.3216,
607
+ 0.7294,
608
+ 0.9294
609
+ ],
610
+ "hex": "#52baed"
611
+ }
612
+ },
613
+ "actionHover": {
614
+ "$value": {
615
+ "colorSpace": "srgb",
616
+ "components": [
617
+ 0.4902,
618
+ 0.8,
619
+ 0.9451
620
+ ],
621
+ "hex": "#7dccf1"
622
+ }
623
+ },
624
+ "actionActive": {
625
+ "$value": {
626
+ "colorSpace": "srgb",
627
+ "components": [
628
+ 0.1843,
629
+ 0.6392,
630
+ 0.8667
631
+ ],
632
+ "hex": "#2fa3dd"
633
+ }
634
+ },
635
+ "textOnAction": {
636
+ "$value": {
637
+ "colorSpace": "srgb",
638
+ "components": [
639
+ 0.0039,
640
+ 0.0078,
641
+ 0.0118
642
+ ],
643
+ "hex": "#010203"
644
+ }
645
+ },
646
+ "controlBorder": {
647
+ "$value": {
648
+ "colorSpace": "srgb",
649
+ "components": [
650
+ 0.4196,
651
+ 0.4431,
652
+ 0.5137
653
+ ],
654
+ "hex": "#6b7183"
655
+ }
656
+ },
657
+ "focusColor": {
658
+ "$value": {
659
+ "colorSpace": "srgb",
660
+ "components": [
661
+ 0.3216,
662
+ 0.7294,
663
+ 0.9294
664
+ ],
665
+ "hex": "#52baed"
666
+ }
667
+ },
668
+ "placeholder": {
669
+ "$value": {
670
+ "colorSpace": "srgb",
671
+ "components": [
672
+ 0.6039,
673
+ 0.6275,
674
+ 0.6902
675
+ ],
676
+ "hex": "#9aa0b0"
677
+ }
678
+ },
679
+ "selectionBg": {
680
+ "$value": {
681
+ "colorSpace": "srgb",
682
+ "components": [
683
+ 0.3216,
684
+ 0.7294,
685
+ 0.9294
686
+ ],
687
+ "hex": "#52baed"
688
+ }
689
+ },
690
+ "selectionText": {
691
+ "$value": {
692
+ "colorSpace": "srgb",
693
+ "components": [
694
+ 0.0039,
695
+ 0.0078,
696
+ 0.0118
697
+ ],
698
+ "hex": "#010203"
699
+ }
700
+ },
701
+ "chart-1": {
702
+ "$value": {
703
+ "colorSpace": "srgb",
704
+ "components": [
705
+ 0.3216,
706
+ 0.7294,
707
+ 0.9294
708
+ ],
709
+ "hex": "#52baed"
710
+ }
711
+ },
712
+ "chart-2": {
713
+ "$value": {
714
+ "colorSpace": "srgb",
715
+ "components": [
716
+ 0.6275,
717
+ 0.3451,
718
+ 0.4863
719
+ ],
720
+ "hex": "#a0587c"
721
+ }
722
+ },
723
+ "chart-3": {
724
+ "$value": {
725
+ "colorSpace": "srgb",
726
+ "components": [
727
+ 0.1647,
728
+ 0.6549,
729
+ 0.6196
730
+ ],
731
+ "hex": "#2aa79e"
732
+ }
733
+ },
734
+ "chart-4": {
735
+ "$value": {
736
+ "colorSpace": "srgb",
737
+ "components": [
738
+ 0.6667,
739
+ 0.3451,
740
+ 0.2863
741
+ ],
742
+ "hex": "#aa5849"
743
+ }
744
+ },
745
+ "chart-5": {
746
+ "$value": {
747
+ "colorSpace": "srgb",
748
+ "components": [
749
+ 0.4039,
750
+ 0.6392,
751
+ 0.4118
752
+ ],
753
+ "hex": "#67a369"
754
+ }
755
+ },
756
+ "chart-6": {
757
+ "$value": {
758
+ "colorSpace": "srgb",
759
+ "components": [
760
+ 0.5804,
761
+ 0.4157,
762
+ 0.1098
763
+ ],
764
+ "hex": "#946a1c"
765
+ }
766
+ },
767
+ "chart-7": {
768
+ "$value": {
769
+ "colorSpace": "srgb",
770
+ "components": [
771
+ 0.5294,
772
+ 0.4863,
773
+ 0.7647
774
+ ],
775
+ "hex": "#877cc3"
776
+ }
777
+ }
778
+ },
779
+ "modes": {
780
+ "$description": "Roles de interacción por tema, derivados de tokens.css.",
781
+ "dark": {
782
+ "surface": {
783
+ "$value": {
784
+ "colorSpace": "srgb",
785
+ "components": [
786
+ 0.0431,
787
+ 0.051,
788
+ 0.0706
789
+ ],
790
+ "hex": "#0b0d12"
791
+ }
792
+ },
793
+ "surfaceAlt": {
794
+ "$value": {
795
+ "colorSpace": "srgb",
796
+ "components": [
797
+ 0.0784,
798
+ 0.0902,
799
+ 0.1216
800
+ ],
801
+ "hex": "#14171f"
802
+ }
803
+ },
804
+ "actionBg": {
805
+ "$value": {
806
+ "colorSpace": "srgb",
807
+ "components": [
808
+ 0.3216,
809
+ 0.7294,
810
+ 0.9294
811
+ ],
812
+ "hex": "#52baed"
813
+ }
814
+ },
815
+ "actionHover": {
816
+ "$value": {
817
+ "colorSpace": "srgb",
818
+ "components": [
819
+ 0.4902,
820
+ 0.8,
821
+ 0.9451
822
+ ],
823
+ "hex": "#7dccf1"
824
+ }
825
+ },
826
+ "actionActive": {
827
+ "$value": {
828
+ "colorSpace": "srgb",
829
+ "components": [
830
+ 0.1843,
831
+ 0.6392,
832
+ 0.8667
833
+ ],
834
+ "hex": "#2fa3dd"
835
+ }
836
+ },
837
+ "textOnAction": {
838
+ "$value": {
839
+ "colorSpace": "srgb",
840
+ "components": [
841
+ 0.0039,
842
+ 0.0078,
843
+ 0.0118
844
+ ],
845
+ "hex": "#010203"
846
+ }
847
+ },
848
+ "controlBorder": {
849
+ "$value": {
850
+ "colorSpace": "srgb",
851
+ "components": [
852
+ 0.4196,
853
+ 0.4431,
854
+ 0.5137
855
+ ],
856
+ "hex": "#6b7183"
857
+ }
858
+ },
859
+ "focusColor": {
860
+ "$value": {
861
+ "colorSpace": "srgb",
862
+ "components": [
863
+ 0.3216,
864
+ 0.7294,
865
+ 0.9294
866
+ ],
867
+ "hex": "#52baed"
868
+ }
869
+ },
870
+ "placeholder": {
871
+ "$value": {
872
+ "colorSpace": "srgb",
873
+ "components": [
874
+ 0.6039,
875
+ 0.6275,
876
+ 0.6902
877
+ ],
878
+ "hex": "#9aa0b0"
879
+ }
880
+ },
881
+ "selectionBg": {
882
+ "$value": {
883
+ "colorSpace": "srgb",
884
+ "components": [
885
+ 0.3216,
886
+ 0.7294,
887
+ 0.9294
888
+ ],
889
+ "hex": "#52baed"
890
+ }
891
+ },
892
+ "selectionText": {
893
+ "$value": {
894
+ "colorSpace": "srgb",
895
+ "components": [
896
+ 0.0039,
897
+ 0.0078,
898
+ 0.0118
899
+ ],
900
+ "hex": "#010203"
901
+ }
902
+ },
903
+ "chart-1": {
904
+ "$value": {
905
+ "colorSpace": "srgb",
906
+ "components": [
907
+ 0.3216,
908
+ 0.7294,
909
+ 0.9294
910
+ ],
911
+ "hex": "#52baed"
912
+ }
913
+ },
914
+ "chart-2": {
915
+ "$value": {
916
+ "colorSpace": "srgb",
917
+ "components": [
918
+ 0.6275,
919
+ 0.3451,
920
+ 0.4863
921
+ ],
922
+ "hex": "#a0587c"
923
+ }
924
+ },
925
+ "chart-3": {
926
+ "$value": {
927
+ "colorSpace": "srgb",
928
+ "components": [
929
+ 0.1647,
930
+ 0.6549,
931
+ 0.6196
932
+ ],
933
+ "hex": "#2aa79e"
934
+ }
935
+ },
936
+ "chart-4": {
937
+ "$value": {
938
+ "colorSpace": "srgb",
939
+ "components": [
940
+ 0.6667,
941
+ 0.3451,
942
+ 0.2863
943
+ ],
944
+ "hex": "#aa5849"
945
+ }
946
+ },
947
+ "chart-5": {
948
+ "$value": {
949
+ "colorSpace": "srgb",
950
+ "components": [
951
+ 0.4039,
952
+ 0.6392,
953
+ 0.4118
954
+ ],
955
+ "hex": "#67a369"
956
+ }
957
+ },
958
+ "chart-6": {
959
+ "$value": {
960
+ "colorSpace": "srgb",
961
+ "components": [
962
+ 0.5804,
963
+ 0.4157,
964
+ 0.1098
965
+ ],
966
+ "hex": "#946a1c"
967
+ }
968
+ },
969
+ "chart-7": {
970
+ "$value": {
971
+ "colorSpace": "srgb",
972
+ "components": [
973
+ 0.5294,
974
+ 0.4863,
975
+ 0.7647
976
+ ],
977
+ "hex": "#877cc3"
978
+ }
979
+ }
980
+ },
981
+ "light": {
982
+ "surface": {
983
+ "$value": {
984
+ "colorSpace": "srgb",
985
+ "components": [
986
+ 1,
987
+ 1,
988
+ 1
989
+ ],
990
+ "hex": "#ffffff"
991
+ }
992
+ },
993
+ "surfaceAlt": {
994
+ "$value": {
995
+ "colorSpace": "srgb",
996
+ "components": [
997
+ 1,
998
+ 1,
999
+ 1
1000
+ ],
1001
+ "hex": "#ffffff"
1002
+ }
1003
+ },
1004
+ "actionBg": {
1005
+ "$value": {
1006
+ "colorSpace": "srgb",
1007
+ "components": [
1008
+ 0.3216,
1009
+ 0.7294,
1010
+ 0.9294
1011
+ ],
1012
+ "hex": "#52baed"
1013
+ }
1014
+ },
1015
+ "actionHover": {
1016
+ "$value": {
1017
+ "colorSpace": "srgb",
1018
+ "components": [
1019
+ 0.4902,
1020
+ 0.8,
1021
+ 0.9451
1022
+ ],
1023
+ "hex": "#7dccf1"
1024
+ }
1025
+ },
1026
+ "actionActive": {
1027
+ "$value": {
1028
+ "colorSpace": "srgb",
1029
+ "components": [
1030
+ 0.1843,
1031
+ 0.6392,
1032
+ 0.8667
1033
+ ],
1034
+ "hex": "#2fa3dd"
1035
+ }
1036
+ },
1037
+ "textOnAction": {
1038
+ "$value": {
1039
+ "colorSpace": "srgb",
1040
+ "components": [
1041
+ 0.0039,
1042
+ 0.0078,
1043
+ 0.0118
1044
+ ],
1045
+ "hex": "#010203"
1046
+ }
1047
+ },
1048
+ "controlBorder": {
1049
+ "$value": {
1050
+ "colorSpace": "srgb",
1051
+ "components": [
1052
+ 0.4196,
1053
+ 0.4431,
1054
+ 0.5137
1055
+ ],
1056
+ "hex": "#6b7183"
1057
+ }
1058
+ },
1059
+ "focusColor": {
1060
+ "$value": {
1061
+ "colorSpace": "srgb",
1062
+ "components": [
1063
+ 0.0941,
1064
+ 0.4157,
1065
+ 0.5804
1066
+ ],
1067
+ "hex": "#186a94"
1068
+ }
1069
+ },
1070
+ "placeholder": {
1071
+ "$value": {
1072
+ "colorSpace": "srgb",
1073
+ "components": [
1074
+ 0.3725,
1075
+ 0.3961,
1076
+ 0.4588
1077
+ ],
1078
+ "hex": "#5f6575"
1079
+ }
1080
+ },
1081
+ "selectionBg": {
1082
+ "$value": {
1083
+ "colorSpace": "srgb",
1084
+ "components": [
1085
+ 0.3216,
1086
+ 0.7294,
1087
+ 0.9294
1088
+ ],
1089
+ "hex": "#52baed"
1090
+ }
1091
+ },
1092
+ "selectionText": {
1093
+ "$value": {
1094
+ "colorSpace": "srgb",
1095
+ "components": [
1096
+ 0.0039,
1097
+ 0.0078,
1098
+ 0.0118
1099
+ ],
1100
+ "hex": "#010203"
1101
+ }
1102
+ },
1103
+ "chart-1": {
1104
+ "$value": {
1105
+ "colorSpace": "srgb",
1106
+ "components": [
1107
+ 0.0941,
1108
+ 0.4157,
1109
+ 0.5804
1110
+ ],
1111
+ "hex": "#186a94"
1112
+ }
1113
+ },
1114
+ "chart-2": {
1115
+ "$value": {
1116
+ "colorSpace": "srgb",
1117
+ "components": [
1118
+ 0.5216,
1119
+ 0.2471,
1120
+ 0.3882
1121
+ ],
1122
+ "hex": "#853f63"
1123
+ }
1124
+ },
1125
+ "chart-3": {
1126
+ "$value": {
1127
+ "colorSpace": "srgb",
1128
+ "components": [
1129
+ 0.0706,
1130
+ 0.6039,
1131
+ 0.5725
1132
+ ],
1133
+ "hex": "#129a92"
1134
+ }
1135
+ },
1136
+ "chart-4": {
1137
+ "$value": {
1138
+ "colorSpace": "srgb",
1139
+ "components": [
1140
+ 0.5569,
1141
+ 0.251,
1142
+ 0.1922
1143
+ ],
1144
+ "hex": "#8e4031"
1145
+ }
1146
+ },
1147
+ "chart-5": {
1148
+ "$value": {
1149
+ "colorSpace": "srgb",
1150
+ "components": [
1151
+ 0.3569,
1152
+ 0.5922,
1153
+ 0.3686
1154
+ ],
1155
+ "hex": "#5b975e"
1156
+ }
1157
+ },
1158
+ "chart-6": {
1159
+ "$value": {
1160
+ "colorSpace": "srgb",
1161
+ "components": [
1162
+ 0.5412,
1163
+ 0.3765,
1164
+ 0.0392
1165
+ ],
1166
+ "hex": "#8a600a"
1167
+ }
1168
+ },
1169
+ "chart-7": {
1170
+ "$value": {
1171
+ "colorSpace": "srgb",
1172
+ "components": [
1173
+ 0.5216,
1174
+ 0.4824,
1175
+ 0.7569
1176
+ ],
1177
+ "hex": "#857bc1"
1178
+ }
1179
+ }
491
1180
  }
492
1181
  }
493
1182
  },
@@ -500,7 +1189,7 @@
500
1189
  "system-ui",
501
1190
  "sans-serif"
502
1191
  ],
503
- "$description": "Solo h1–h3, cifras hero y wordmark"
1192
+ "$description": "Marca y lectura; en pantallas operativas usar la familia de UI según función, no etiqueta HTML."
504
1193
  },
505
1194
  "body": {
506
1195
  "$value": [
@@ -615,16 +1304,14 @@
615
1304
  "tracking": {
616
1305
  "$type": "dimension",
617
1306
  "display": {
618
- "$value": {
619
- "value": -0.02,
620
- "unit": "rem"
621
- }
1307
+ "$value": -0.02,
1308
+ "$type": "number",
1309
+ "$description": "Multiplicador em del tamaño de fuente actual; CSS --tracking-display."
622
1310
  },
623
1311
  "overline": {
624
- "$value": {
625
- "value": 0.08,
626
- "unit": "rem"
627
- }
1312
+ "$value": 0.08,
1313
+ "$type": "number",
1314
+ "$description": "Multiplicador em del tamaño de fuente actual; CSS --tracking-overline."
628
1315
  }
629
1316
  }
630
1317
  },
@@ -701,7 +1388,53 @@
701
1388
  "unit": "px"
702
1389
  }
703
1390
  },
704
- "$type": "dimension"
1391
+ "$type": "dimension",
1392
+ "layout": {
1393
+ "$type": "dimension",
1394
+ "$description": "Separación por relación entre bloques, campos, tarjetas y secciones.",
1395
+ "fieldGap": {
1396
+ "$value": {
1397
+ "value": 6,
1398
+ "unit": "px"
1399
+ }
1400
+ },
1401
+ "headingGap": {
1402
+ "$value": {
1403
+ "value": 8,
1404
+ "unit": "px"
1405
+ }
1406
+ },
1407
+ "contentGap": {
1408
+ "$value": {
1409
+ "value": 16,
1410
+ "unit": "px"
1411
+ }
1412
+ },
1413
+ "cardContentGap": {
1414
+ "$value": {
1415
+ "value": 16,
1416
+ "unit": "px"
1417
+ }
1418
+ },
1419
+ "cardGroupGap": {
1420
+ "$value": {
1421
+ "value": 24,
1422
+ "unit": "px"
1423
+ }
1424
+ },
1425
+ "formGap": {
1426
+ "$value": {
1427
+ "value": 20,
1428
+ "unit": "px"
1429
+ }
1430
+ },
1431
+ "sectionGap": {
1432
+ "$value": {
1433
+ "value": 64,
1434
+ "unit": "px"
1435
+ }
1436
+ }
1437
+ }
705
1438
  },
706
1439
  "radius": {
707
1440
  "$type": "dimension",