ionbase-ui 0.27.0 → 0.28.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/components/AvatarGradient.d.ts +9 -6
- package/dist/components/AvatarGradient.d.ts.map +1 -1
- package/dist/components/AvatarGradient.js +1 -1
- package/dist/components/AvatarGradient.js.map +1 -1
- package/dist/figma-descriptions.json +30 -30
- package/dist/figma-map.json +5 -7
- package/dist/meta/AvatarGradient.json +35 -72
- package/dist/meta/Button.json +4 -0
- package/dist/meta/components.json +40 -73
- package/dist/meta/contrast.json +517 -589
- package/dist/meta/index.json +3 -4
- package/dist/meta/patterns/index.json +1 -1
- package/dist/styles/avatar-gradient.css +87 -95
- package/dist/styles/button.css +47 -18
- package/dist/styles/tokens/base.css +26 -26
- package/dist/styles/tokens/theme-dark.css +6 -6
- package/dist/tokens/index.d.ts +10 -10
- package/dist/tokens/index.js +10 -10
- package/llms.txt +1 -1
- package/package.json +1 -1
package/dist/meta/contrast.json
CHANGED
|
@@ -316,20 +316,6 @@
|
|
|
316
316
|
"ratio": 3.12,
|
|
317
317
|
"min": 3
|
|
318
318
|
},
|
|
319
|
-
{
|
|
320
|
-
"component": "badge",
|
|
321
|
-
"context": "ion-badge--error",
|
|
322
|
-
"state": "default",
|
|
323
|
-
"fg": "--icon-error",
|
|
324
|
-
"bg": "--surface-error-subtle",
|
|
325
|
-
"backdrop": null,
|
|
326
|
-
"kind": "non-text",
|
|
327
|
-
"mode": "Dark",
|
|
328
|
-
"fgHex": "#f56b6b",
|
|
329
|
-
"bgHex": "#811d1d",
|
|
330
|
-
"ratio": 3.38,
|
|
331
|
-
"min": 3
|
|
332
|
-
},
|
|
333
319
|
{
|
|
334
320
|
"component": "alert",
|
|
335
321
|
"context": "ion-alert--solid&ion-alert--information",
|
|
@@ -358,90 +344,6 @@
|
|
|
358
344
|
"ratio": 3.44,
|
|
359
345
|
"min": 4.5
|
|
360
346
|
},
|
|
361
|
-
{
|
|
362
|
-
"component": "avatar-gradient",
|
|
363
|
-
"context": "ion-avatar-gradient--pink",
|
|
364
|
-
"state": "default",
|
|
365
|
-
"fg": "--color-base-white",
|
|
366
|
-
"bg": "--color-pink-500",
|
|
367
|
-
"backdrop": "--color-pink-500",
|
|
368
|
-
"kind": "text",
|
|
369
|
-
"mode": "Light",
|
|
370
|
-
"fgHex": "#ffffff",
|
|
371
|
-
"bgHex": "#f04299",
|
|
372
|
-
"ratio": 3.53,
|
|
373
|
-
"min": 4.5
|
|
374
|
-
},
|
|
375
|
-
{
|
|
376
|
-
"component": "avatar-gradient",
|
|
377
|
-
"context": "ion-avatar-gradient--pink",
|
|
378
|
-
"state": "default",
|
|
379
|
-
"fg": "--color-base-white",
|
|
380
|
-
"bg": "--color-pink-500",
|
|
381
|
-
"backdrop": "--color-pink-500",
|
|
382
|
-
"kind": "text",
|
|
383
|
-
"mode": "Dark",
|
|
384
|
-
"fgHex": "#ffffff",
|
|
385
|
-
"bgHex": "#f04299",
|
|
386
|
-
"ratio": 3.53,
|
|
387
|
-
"min": 4.5
|
|
388
|
-
},
|
|
389
|
-
{
|
|
390
|
-
"component": "avatar-gradient",
|
|
391
|
-
"context": "ion-avatar-gradient--orange",
|
|
392
|
-
"state": "default",
|
|
393
|
-
"fg": "--color-base-white",
|
|
394
|
-
"bg": "--color-orange-500",
|
|
395
|
-
"backdrop": "--color-orange-500",
|
|
396
|
-
"kind": "text",
|
|
397
|
-
"mode": "Light",
|
|
398
|
-
"fgHex": "#ffffff",
|
|
399
|
-
"bgHex": "#ea5600",
|
|
400
|
-
"ratio": 3.6,
|
|
401
|
-
"min": 4.5
|
|
402
|
-
},
|
|
403
|
-
{
|
|
404
|
-
"component": "avatar-gradient",
|
|
405
|
-
"context": "ion-avatar-gradient--orange",
|
|
406
|
-
"state": "default",
|
|
407
|
-
"fg": "--color-base-white",
|
|
408
|
-
"bg": "--color-orange-500",
|
|
409
|
-
"backdrop": "--color-orange-500",
|
|
410
|
-
"kind": "text",
|
|
411
|
-
"mode": "Dark",
|
|
412
|
-
"fgHex": "#ffffff",
|
|
413
|
-
"bgHex": "#ea5600",
|
|
414
|
-
"ratio": 3.6,
|
|
415
|
-
"min": 4.5
|
|
416
|
-
},
|
|
417
|
-
{
|
|
418
|
-
"component": "avatar-gradient",
|
|
419
|
-
"context": "ion-avatar-gradient--green",
|
|
420
|
-
"state": "default",
|
|
421
|
-
"fg": "--color-base-white",
|
|
422
|
-
"bg": "--color-green-500",
|
|
423
|
-
"backdrop": "--color-green-500",
|
|
424
|
-
"kind": "text",
|
|
425
|
-
"mode": "Light",
|
|
426
|
-
"fgHex": "#ffffff",
|
|
427
|
-
"bgHex": "#14994e",
|
|
428
|
-
"ratio": 3.69,
|
|
429
|
-
"min": 4.5
|
|
430
|
-
},
|
|
431
|
-
{
|
|
432
|
-
"component": "avatar-gradient",
|
|
433
|
-
"context": "ion-avatar-gradient--green",
|
|
434
|
-
"state": "default",
|
|
435
|
-
"fg": "--color-base-white",
|
|
436
|
-
"bg": "--color-green-500",
|
|
437
|
-
"backdrop": "--color-green-500",
|
|
438
|
-
"kind": "text",
|
|
439
|
-
"mode": "Dark",
|
|
440
|
-
"fgHex": "#ffffff",
|
|
441
|
-
"bgHex": "#14994e",
|
|
442
|
-
"ratio": 3.69,
|
|
443
|
-
"min": 4.5
|
|
444
|
-
},
|
|
445
347
|
{
|
|
446
348
|
"component": "alert",
|
|
447
349
|
"context": "ion-alert ion-alert__dismiss",
|
|
@@ -457,34 +359,6 @@
|
|
|
457
359
|
"ratio": 3.71,
|
|
458
360
|
"min": 3
|
|
459
361
|
},
|
|
460
|
-
{
|
|
461
|
-
"component": "avatar-gradient",
|
|
462
|
-
"context": "ion-avatar-gradient--red",
|
|
463
|
-
"state": "default",
|
|
464
|
-
"fg": "--color-base-white",
|
|
465
|
-
"bg": "--color-red-500",
|
|
466
|
-
"backdrop": "--color-red-500",
|
|
467
|
-
"kind": "text",
|
|
468
|
-
"mode": "Light",
|
|
469
|
-
"fgHex": "#ffffff",
|
|
470
|
-
"bgHex": "#ef4343",
|
|
471
|
-
"ratio": 3.78,
|
|
472
|
-
"min": 4.5
|
|
473
|
-
},
|
|
474
|
-
{
|
|
475
|
-
"component": "avatar-gradient",
|
|
476
|
-
"context": "ion-avatar-gradient--red",
|
|
477
|
-
"state": "default",
|
|
478
|
-
"fg": "--color-base-white",
|
|
479
|
-
"bg": "--color-red-500",
|
|
480
|
-
"backdrop": "--color-red-500",
|
|
481
|
-
"kind": "text",
|
|
482
|
-
"mode": "Dark",
|
|
483
|
-
"fgHex": "#ffffff",
|
|
484
|
-
"bgHex": "#ef4343",
|
|
485
|
-
"ratio": 3.78,
|
|
486
|
-
"min": 4.5
|
|
487
|
-
},
|
|
488
362
|
{
|
|
489
363
|
"component": "toast",
|
|
490
364
|
"context": "ion-toast ion-toast__icon",
|
|
@@ -829,10 +703,10 @@
|
|
|
829
703
|
"bg": "--surface-error-subtle",
|
|
830
704
|
"backdrop": null,
|
|
831
705
|
"kind": "non-text",
|
|
832
|
-
"mode": "
|
|
833
|
-
"fgHex": "#
|
|
834
|
-
"bgHex": "#
|
|
835
|
-
"ratio": 4.
|
|
706
|
+
"mode": "Dark",
|
|
707
|
+
"fgHex": "#f56b6b",
|
|
708
|
+
"bgHex": "#650a0a",
|
|
709
|
+
"ratio": 4.5,
|
|
836
710
|
"min": 3
|
|
837
711
|
},
|
|
838
712
|
{
|
|
@@ -891,34 +765,6 @@
|
|
|
891
765
|
"ratio": 4.58,
|
|
892
766
|
"min": 4.5
|
|
893
767
|
},
|
|
894
|
-
{
|
|
895
|
-
"component": "avatar-gradient",
|
|
896
|
-
"context": "ion-avatar-gradient--blue",
|
|
897
|
-
"state": "default",
|
|
898
|
-
"fg": "--color-base-white",
|
|
899
|
-
"bg": "--color-blue-500",
|
|
900
|
-
"backdrop": "--color-blue-500",
|
|
901
|
-
"kind": "text",
|
|
902
|
-
"mode": "Light",
|
|
903
|
-
"fgHex": "#ffffff",
|
|
904
|
-
"bgHex": "#286ef0",
|
|
905
|
-
"ratio": 4.59,
|
|
906
|
-
"min": 4.5
|
|
907
|
-
},
|
|
908
|
-
{
|
|
909
|
-
"component": "avatar-gradient",
|
|
910
|
-
"context": "ion-avatar-gradient--blue",
|
|
911
|
-
"state": "default",
|
|
912
|
-
"fg": "--color-base-white",
|
|
913
|
-
"bg": "--color-blue-500",
|
|
914
|
-
"backdrop": "--color-blue-500",
|
|
915
|
-
"kind": "text",
|
|
916
|
-
"mode": "Dark",
|
|
917
|
-
"fgHex": "#ffffff",
|
|
918
|
-
"bgHex": "#286ef0",
|
|
919
|
-
"ratio": 4.59,
|
|
920
|
-
"min": 4.5
|
|
921
|
-
},
|
|
922
768
|
{
|
|
923
769
|
"component": "button",
|
|
924
770
|
"context": "ion-button--primary-soft",
|
|
@@ -976,270 +822,186 @@
|
|
|
976
822
|
"min": 3
|
|
977
823
|
},
|
|
978
824
|
{
|
|
979
|
-
"component": "
|
|
980
|
-
"context": "ion-
|
|
825
|
+
"component": "menu",
|
|
826
|
+
"context": "ion-menu ion-menu__item",
|
|
827
|
+
"state": "disabled",
|
|
828
|
+
"fg": "--icon-disabled",
|
|
829
|
+
"bg": "--surface-default",
|
|
830
|
+
"backdrop": "--surface-default",
|
|
831
|
+
"kind": "non-text",
|
|
832
|
+
"mode": "Light",
|
|
833
|
+
"fgHex": "#6b7280",
|
|
834
|
+
"bgHex": "#ffffff",
|
|
835
|
+
"ratio": 4.83,
|
|
836
|
+
"min": 3
|
|
837
|
+
},
|
|
838
|
+
{
|
|
839
|
+
"component": "avatar-gradient",
|
|
840
|
+
"context": "ion-avatar-gradient--blue",
|
|
981
841
|
"state": "default",
|
|
982
|
-
"fg": "--
|
|
983
|
-
"bg": "--
|
|
984
|
-
"backdrop": "--
|
|
842
|
+
"fg": "--color-blue-600",
|
|
843
|
+
"bg": "--color-blue-50",
|
|
844
|
+
"backdrop": "--color-blue-50",
|
|
985
845
|
"kind": "text",
|
|
986
846
|
"mode": "Light",
|
|
987
|
-
"fgHex": "#
|
|
988
|
-
"bgHex": "#
|
|
989
|
-
"ratio": 4.
|
|
847
|
+
"fgHex": "#1c62e3",
|
|
848
|
+
"bgHex": "#ebf7ff",
|
|
849
|
+
"ratio": 4.94,
|
|
990
850
|
"min": 4.5
|
|
991
851
|
},
|
|
992
852
|
{
|
|
993
|
-
"component": "avatar",
|
|
994
|
-
"context": "ion-
|
|
853
|
+
"component": "avatar-gradient",
|
|
854
|
+
"context": "ion-avatar-gradient--blue",
|
|
995
855
|
"state": "default",
|
|
996
|
-
"fg": "--
|
|
997
|
-
"bg": "--
|
|
998
|
-
"backdrop":
|
|
856
|
+
"fg": "--color-blue-600",
|
|
857
|
+
"bg": "--color-blue-50",
|
|
858
|
+
"backdrop": "--color-blue-50",
|
|
999
859
|
"kind": "text",
|
|
1000
|
-
"mode": "
|
|
1001
|
-
"fgHex": "#
|
|
1002
|
-
"bgHex": "#
|
|
1003
|
-
"ratio": 4.
|
|
860
|
+
"mode": "Dark",
|
|
861
|
+
"fgHex": "#1c62e3",
|
|
862
|
+
"bgHex": "#ebf7ff",
|
|
863
|
+
"ratio": 4.94,
|
|
1004
864
|
"min": 4.5
|
|
1005
865
|
},
|
|
1006
866
|
{
|
|
1007
|
-
"component": "
|
|
1008
|
-
"context": "ion-
|
|
867
|
+
"component": "badge",
|
|
868
|
+
"context": "ion-badge--primary",
|
|
1009
869
|
"state": "default",
|
|
1010
|
-
"fg": "--
|
|
1011
|
-
"bg": "--surface-
|
|
870
|
+
"fg": "--icon-primary",
|
|
871
|
+
"bg": "--surface-primary-subtle",
|
|
1012
872
|
"backdrop": null,
|
|
1013
|
-
"kind": "text",
|
|
873
|
+
"kind": "non-text",
|
|
1014
874
|
"mode": "Light",
|
|
1015
|
-
"fgHex": "#
|
|
1016
|
-
"bgHex": "#
|
|
1017
|
-
"ratio": 4.
|
|
1018
|
-
"min":
|
|
875
|
+
"fgHex": "#1c62e3",
|
|
876
|
+
"bgHex": "#ebf7ff",
|
|
877
|
+
"ratio": 4.94,
|
|
878
|
+
"min": 3
|
|
1019
879
|
},
|
|
1020
880
|
{
|
|
1021
|
-
"component": "
|
|
1022
|
-
"context": "ion-
|
|
881
|
+
"component": "button",
|
|
882
|
+
"context": "ion-button--primary-soft",
|
|
1023
883
|
"state": "default",
|
|
1024
|
-
"fg": "--
|
|
1025
|
-
"bg": "--
|
|
1026
|
-
"backdrop":
|
|
884
|
+
"fg": "--text-primary",
|
|
885
|
+
"bg": "--surface-primary-subtle",
|
|
886
|
+
"backdrop": null,
|
|
1027
887
|
"kind": "text",
|
|
1028
888
|
"mode": "Light",
|
|
1029
|
-
"fgHex": "#
|
|
1030
|
-
"bgHex": "#
|
|
1031
|
-
"ratio": 4.
|
|
889
|
+
"fgHex": "#1c62e3",
|
|
890
|
+
"bgHex": "#ebf7ff",
|
|
891
|
+
"ratio": 4.94,
|
|
1032
892
|
"min": 4.5
|
|
1033
893
|
},
|
|
1034
894
|
{
|
|
1035
|
-
"component": "
|
|
1036
|
-
"context": "ion-
|
|
1037
|
-
"state": "
|
|
1038
|
-
"fg": "--
|
|
1039
|
-
"bg": "--
|
|
1040
|
-
"backdrop": "--
|
|
1041
|
-
"kind": "text",
|
|
1042
|
-
"mode": "
|
|
1043
|
-
"fgHex": "#
|
|
1044
|
-
"bgHex": "#
|
|
1045
|
-
"ratio": 4.
|
|
1046
|
-
"min":
|
|
895
|
+
"component": "menu",
|
|
896
|
+
"context": "ion-menu__item--selected ion-menu__item--selected",
|
|
897
|
+
"state": "selected",
|
|
898
|
+
"fg": "--icon-primary",
|
|
899
|
+
"bg": "--surface-primary-subtle",
|
|
900
|
+
"backdrop": "--surface-default",
|
|
901
|
+
"kind": "non-text",
|
|
902
|
+
"mode": "Light",
|
|
903
|
+
"fgHex": "#1c62e3",
|
|
904
|
+
"bgHex": "#ebf7ff",
|
|
905
|
+
"ratio": 4.94,
|
|
906
|
+
"min": 3
|
|
1047
907
|
},
|
|
1048
908
|
{
|
|
1049
|
-
"component": "
|
|
1050
|
-
"context": "ion-
|
|
909
|
+
"component": "modal",
|
|
910
|
+
"context": "ion-modal ion-modal__media",
|
|
1051
911
|
"state": "default",
|
|
1052
|
-
"fg": "--
|
|
1053
|
-
"bg": "--
|
|
1054
|
-
"backdrop": "--
|
|
1055
|
-
"kind": "text",
|
|
912
|
+
"fg": "--icon-primary",
|
|
913
|
+
"bg": "--surface-primary-subtle",
|
|
914
|
+
"backdrop": "--surface-overlay",
|
|
915
|
+
"kind": "non-text",
|
|
1056
916
|
"mode": "Light",
|
|
1057
|
-
"fgHex": "#
|
|
1058
|
-
"bgHex": "#
|
|
1059
|
-
"ratio": 4.
|
|
1060
|
-
"min":
|
|
917
|
+
"fgHex": "#1c62e3",
|
|
918
|
+
"bgHex": "#ebf7ff",
|
|
919
|
+
"ratio": 4.94,
|
|
920
|
+
"min": 3
|
|
1061
921
|
},
|
|
1062
922
|
{
|
|
1063
|
-
"component": "
|
|
1064
|
-
"context": "ion-
|
|
923
|
+
"component": "alert",
|
|
924
|
+
"context": "ion-alert--solid&ion-alert--error",
|
|
1065
925
|
"state": "default",
|
|
1066
|
-
"fg": "--
|
|
1067
|
-
"bg": "--
|
|
1068
|
-
"backdrop": "--
|
|
926
|
+
"fg": "--text-on-color",
|
|
927
|
+
"bg": "--surface-error",
|
|
928
|
+
"backdrop": "--surface-error",
|
|
1069
929
|
"kind": "text",
|
|
1070
930
|
"mode": "Dark",
|
|
1071
|
-
"fgHex": "#
|
|
1072
|
-
"bgHex": "#
|
|
1073
|
-
"ratio":
|
|
931
|
+
"fgHex": "#000000",
|
|
932
|
+
"bgHex": "#eb3737",
|
|
933
|
+
"ratio": 5.13,
|
|
1074
934
|
"min": 4.5
|
|
1075
935
|
},
|
|
1076
936
|
{
|
|
1077
937
|
"component": "avatar-gradient",
|
|
1078
|
-
"context": "ion-avatar-gradient--
|
|
938
|
+
"context": "ion-avatar-gradient--green",
|
|
1079
939
|
"state": "default",
|
|
1080
|
-
"fg": "--color-
|
|
1081
|
-
"bg": "--color-
|
|
1082
|
-
"backdrop": "--color-
|
|
940
|
+
"fg": "--color-green-600",
|
|
941
|
+
"bg": "--color-green-50",
|
|
942
|
+
"backdrop": "--color-green-50",
|
|
1083
943
|
"kind": "text",
|
|
1084
944
|
"mode": "Light",
|
|
1085
|
-
"fgHex": "#
|
|
1086
|
-
"bgHex": "#
|
|
1087
|
-
"ratio":
|
|
945
|
+
"fgHex": "#0d7d38",
|
|
946
|
+
"bgHex": "#f8fefc",
|
|
947
|
+
"ratio": 5.13,
|
|
1088
948
|
"min": 4.5
|
|
1089
949
|
},
|
|
1090
950
|
{
|
|
1091
951
|
"component": "avatar-gradient",
|
|
1092
|
-
"context": "ion-avatar-gradient--
|
|
952
|
+
"context": "ion-avatar-gradient--green",
|
|
1093
953
|
"state": "default",
|
|
1094
|
-
"fg": "--color-
|
|
1095
|
-
"bg": "--color-
|
|
1096
|
-
"backdrop": "--color-
|
|
954
|
+
"fg": "--color-green-600",
|
|
955
|
+
"bg": "--color-green-50",
|
|
956
|
+
"backdrop": "--color-green-50",
|
|
1097
957
|
"kind": "text",
|
|
1098
958
|
"mode": "Dark",
|
|
1099
|
-
"fgHex": "#
|
|
1100
|
-
"bgHex": "#
|
|
1101
|
-
"ratio":
|
|
959
|
+
"fgHex": "#0d7d38",
|
|
960
|
+
"bgHex": "#f8fefc",
|
|
961
|
+
"ratio": 5.13,
|
|
1102
962
|
"min": 4.5
|
|
1103
963
|
},
|
|
1104
964
|
{
|
|
1105
|
-
"component": "avatar
|
|
1106
|
-
"context": "ion-
|
|
965
|
+
"component": "avatar",
|
|
966
|
+
"context": "ion-avatar__indicator--error ion-avatar__indicator--error",
|
|
1107
967
|
"state": "default",
|
|
1108
|
-
"fg": "--
|
|
1109
|
-
"bg": "--
|
|
1110
|
-
"backdrop":
|
|
968
|
+
"fg": "--text-on-color",
|
|
969
|
+
"bg": "--surface-error",
|
|
970
|
+
"backdrop": null,
|
|
1111
971
|
"kind": "text",
|
|
1112
|
-
"mode": "
|
|
1113
|
-
"fgHex": "#
|
|
1114
|
-
"bgHex": "#
|
|
1115
|
-
"ratio":
|
|
972
|
+
"mode": "Dark",
|
|
973
|
+
"fgHex": "#000000",
|
|
974
|
+
"bgHex": "#eb3737",
|
|
975
|
+
"ratio": 5.13,
|
|
1116
976
|
"min": 4.5
|
|
1117
977
|
},
|
|
1118
978
|
{
|
|
1119
|
-
"component": "
|
|
1120
|
-
"context": "ion-
|
|
979
|
+
"component": "badge",
|
|
980
|
+
"context": "ion-badge--success",
|
|
1121
981
|
"state": "default",
|
|
1122
|
-
"fg": "--
|
|
1123
|
-
"bg": "--
|
|
1124
|
-
"backdrop": "--color-gray-500",
|
|
1125
|
-
"kind": "text",
|
|
1126
|
-
"mode": "Dark",
|
|
1127
|
-
"fgHex": "#ffffff",
|
|
1128
|
-
"bgHex": "#6b7280",
|
|
1129
|
-
"ratio": 4.83,
|
|
1130
|
-
"min": 4.5
|
|
1131
|
-
},
|
|
1132
|
-
{
|
|
1133
|
-
"component": "avatar-gradient",
|
|
1134
|
-
"context": "ion-avatar-gradient--slate",
|
|
1135
|
-
"state": "default",
|
|
1136
|
-
"fg": "--color-base-white",
|
|
1137
|
-
"bg": "--color-gray-500",
|
|
1138
|
-
"backdrop": "--color-gray-500",
|
|
1139
|
-
"kind": "text",
|
|
1140
|
-
"mode": "Light",
|
|
1141
|
-
"fgHex": "#ffffff",
|
|
1142
|
-
"bgHex": "#6b7280",
|
|
1143
|
-
"ratio": 4.83,
|
|
1144
|
-
"min": 4.5
|
|
1145
|
-
},
|
|
1146
|
-
{
|
|
1147
|
-
"component": "avatar-gradient",
|
|
1148
|
-
"context": "ion-avatar-gradient--slate",
|
|
1149
|
-
"state": "default",
|
|
1150
|
-
"fg": "--color-base-white",
|
|
1151
|
-
"bg": "--color-gray-500",
|
|
1152
|
-
"backdrop": "--color-gray-500",
|
|
1153
|
-
"kind": "text",
|
|
1154
|
-
"mode": "Dark",
|
|
1155
|
-
"fgHex": "#ffffff",
|
|
1156
|
-
"bgHex": "#6b7280",
|
|
1157
|
-
"ratio": 4.83,
|
|
1158
|
-
"min": 4.5
|
|
1159
|
-
},
|
|
1160
|
-
{
|
|
1161
|
-
"component": "menu",
|
|
1162
|
-
"context": "ion-menu ion-menu__item",
|
|
1163
|
-
"state": "disabled",
|
|
1164
|
-
"fg": "--icon-disabled",
|
|
1165
|
-
"bg": "--surface-default",
|
|
1166
|
-
"backdrop": "--surface-default",
|
|
1167
|
-
"kind": "non-text",
|
|
1168
|
-
"mode": "Light",
|
|
1169
|
-
"fgHex": "#6b7280",
|
|
1170
|
-
"bgHex": "#ffffff",
|
|
1171
|
-
"ratio": 4.83,
|
|
1172
|
-
"min": 3
|
|
1173
|
-
},
|
|
1174
|
-
{
|
|
1175
|
-
"component": "badge",
|
|
1176
|
-
"context": "ion-badge--primary",
|
|
1177
|
-
"state": "default",
|
|
1178
|
-
"fg": "--icon-primary",
|
|
1179
|
-
"bg": "--surface-primary-subtle",
|
|
982
|
+
"fg": "--icon-success",
|
|
983
|
+
"bg": "--surface-success-subtle",
|
|
1180
984
|
"backdrop": null,
|
|
1181
985
|
"kind": "non-text",
|
|
1182
986
|
"mode": "Light",
|
|
1183
|
-
"fgHex": "#
|
|
1184
|
-
"bgHex": "#
|
|
1185
|
-
"ratio":
|
|
987
|
+
"fgHex": "#0d7d38",
|
|
988
|
+
"bgHex": "#f8fefc",
|
|
989
|
+
"ratio": 5.13,
|
|
1186
990
|
"min": 3
|
|
1187
991
|
},
|
|
1188
992
|
{
|
|
1189
993
|
"component": "button",
|
|
1190
|
-
"context": "ion-button--
|
|
994
|
+
"context": "ion-button--destructive",
|
|
1191
995
|
"state": "default",
|
|
1192
|
-
"fg": "--text-
|
|
1193
|
-
"bg": "--surface-
|
|
996
|
+
"fg": "--text-on-color",
|
|
997
|
+
"bg": "--surface-error",
|
|
1194
998
|
"backdrop": null,
|
|
1195
999
|
"kind": "text",
|
|
1196
|
-
"mode": "
|
|
1197
|
-
"fgHex": "#
|
|
1198
|
-
"bgHex": "#
|
|
1199
|
-
"ratio": 4.94,
|
|
1200
|
-
"min": 4.5
|
|
1201
|
-
},
|
|
1202
|
-
{
|
|
1203
|
-
"component": "menu",
|
|
1204
|
-
"context": "ion-menu__item--selected ion-menu__item--selected",
|
|
1205
|
-
"state": "selected",
|
|
1206
|
-
"fg": "--icon-primary",
|
|
1207
|
-
"bg": "--surface-primary-subtle",
|
|
1208
|
-
"backdrop": "--surface-default",
|
|
1209
|
-
"kind": "non-text",
|
|
1210
|
-
"mode": "Light",
|
|
1211
|
-
"fgHex": "#1c62e3",
|
|
1212
|
-
"bgHex": "#ebf7ff",
|
|
1213
|
-
"ratio": 4.94,
|
|
1214
|
-
"min": 3
|
|
1215
|
-
},
|
|
1216
|
-
{
|
|
1217
|
-
"component": "modal",
|
|
1218
|
-
"context": "ion-modal ion-modal__media",
|
|
1219
|
-
"state": "default",
|
|
1220
|
-
"fg": "--icon-primary",
|
|
1221
|
-
"bg": "--surface-primary-subtle",
|
|
1222
|
-
"backdrop": "--surface-overlay",
|
|
1223
|
-
"kind": "non-text",
|
|
1224
|
-
"mode": "Light",
|
|
1225
|
-
"fgHex": "#1c62e3",
|
|
1226
|
-
"bgHex": "#ebf7ff",
|
|
1227
|
-
"ratio": 4.94,
|
|
1228
|
-
"min": 3
|
|
1229
|
-
},
|
|
1230
|
-
{
|
|
1231
|
-
"component": "badge",
|
|
1232
|
-
"context": "ion-badge--success",
|
|
1233
|
-
"state": "default",
|
|
1234
|
-
"fg": "--icon-success",
|
|
1235
|
-
"bg": "--surface-success-subtle",
|
|
1236
|
-
"backdrop": null,
|
|
1237
|
-
"kind": "non-text",
|
|
1238
|
-
"mode": "Light",
|
|
1239
|
-
"fgHex": "#0d7d38",
|
|
1240
|
-
"bgHex": "#f8fefc",
|
|
1000
|
+
"mode": "Dark",
|
|
1001
|
+
"fgHex": "#000000",
|
|
1002
|
+
"bgHex": "#eb3737",
|
|
1241
1003
|
"ratio": 5.13,
|
|
1242
|
-
"min":
|
|
1004
|
+
"min": 4.5
|
|
1243
1005
|
},
|
|
1244
1006
|
{
|
|
1245
1007
|
"component": "alert",
|
|
@@ -1437,6 +1199,34 @@
|
|
|
1437
1199
|
"ratio": 5.38,
|
|
1438
1200
|
"min": 4.5
|
|
1439
1201
|
},
|
|
1202
|
+
{
|
|
1203
|
+
"component": "avatar-gradient",
|
|
1204
|
+
"context": "ion-avatar-gradient--pink",
|
|
1205
|
+
"state": "default",
|
|
1206
|
+
"fg": "--color-pink-600",
|
|
1207
|
+
"bg": "--color-pink-50",
|
|
1208
|
+
"backdrop": "--color-pink-50",
|
|
1209
|
+
"kind": "text",
|
|
1210
|
+
"mode": "Light",
|
|
1211
|
+
"fgHex": "#c3135c",
|
|
1212
|
+
"bgHex": "#fdf2f8",
|
|
1213
|
+
"ratio": 5.39,
|
|
1214
|
+
"min": 4.5
|
|
1215
|
+
},
|
|
1216
|
+
{
|
|
1217
|
+
"component": "avatar-gradient",
|
|
1218
|
+
"context": "ion-avatar-gradient--pink",
|
|
1219
|
+
"state": "default",
|
|
1220
|
+
"fg": "--color-pink-600",
|
|
1221
|
+
"bg": "--color-pink-50",
|
|
1222
|
+
"backdrop": "--color-pink-50",
|
|
1223
|
+
"kind": "text",
|
|
1224
|
+
"mode": "Dark",
|
|
1225
|
+
"fgHex": "#c3135c",
|
|
1226
|
+
"bgHex": "#fdf2f8",
|
|
1227
|
+
"ratio": 5.39,
|
|
1228
|
+
"min": 4.5
|
|
1229
|
+
},
|
|
1440
1230
|
{
|
|
1441
1231
|
"component": "toast",
|
|
1442
1232
|
"context": "ion-toast ion-toast__action",
|
|
@@ -1466,102 +1256,102 @@
|
|
|
1466
1256
|
"min": 4.5
|
|
1467
1257
|
},
|
|
1468
1258
|
{
|
|
1469
|
-
"component": "
|
|
1470
|
-
"context": "ion-
|
|
1259
|
+
"component": "avatar-gradient",
|
|
1260
|
+
"context": "ion-avatar-gradient--red",
|
|
1471
1261
|
"state": "default",
|
|
1472
|
-
"fg": "--
|
|
1473
|
-
"bg": "--
|
|
1474
|
-
"backdrop": "--
|
|
1262
|
+
"fg": "--color-red-600",
|
|
1263
|
+
"bg": "--color-red-50",
|
|
1264
|
+
"backdrop": "--color-red-50",
|
|
1475
1265
|
"kind": "text",
|
|
1476
1266
|
"mode": "Light",
|
|
1477
|
-
"fgHex": "#
|
|
1478
|
-
"bgHex": "#
|
|
1479
|
-
"ratio": 5.
|
|
1267
|
+
"fgHex": "#c61616",
|
|
1268
|
+
"bgHex": "#fef1f1",
|
|
1269
|
+
"ratio": 5.41,
|
|
1270
|
+
"min": 4.5
|
|
1271
|
+
},
|
|
1272
|
+
{
|
|
1273
|
+
"component": "avatar-gradient",
|
|
1274
|
+
"context": "ion-avatar-gradient--red",
|
|
1275
|
+
"state": "default",
|
|
1276
|
+
"fg": "--color-red-600",
|
|
1277
|
+
"bg": "--color-red-50",
|
|
1278
|
+
"backdrop": "--color-red-50",
|
|
1279
|
+
"kind": "text",
|
|
1280
|
+
"mode": "Dark",
|
|
1281
|
+
"fgHex": "#c61616",
|
|
1282
|
+
"bgHex": "#fef1f1",
|
|
1283
|
+
"ratio": 5.41,
|
|
1480
1284
|
"min": 4.5
|
|
1481
1285
|
},
|
|
1482
1286
|
{
|
|
1483
1287
|
"component": "badge",
|
|
1484
|
-
"context": "ion-badge--
|
|
1288
|
+
"context": "ion-badge--error",
|
|
1485
1289
|
"state": "default",
|
|
1486
|
-
"fg": "--icon-
|
|
1487
|
-
"bg": "--surface-
|
|
1290
|
+
"fg": "--icon-error",
|
|
1291
|
+
"bg": "--surface-error-subtle",
|
|
1488
1292
|
"backdrop": null,
|
|
1489
1293
|
"kind": "non-text",
|
|
1490
1294
|
"mode": "Light",
|
|
1491
|
-
"fgHex": "#
|
|
1492
|
-
"bgHex": "#
|
|
1493
|
-
"ratio": 5.
|
|
1295
|
+
"fgHex": "#c61616",
|
|
1296
|
+
"bgHex": "#fef1f1",
|
|
1297
|
+
"ratio": 5.41,
|
|
1494
1298
|
"min": 3
|
|
1495
1299
|
},
|
|
1496
1300
|
{
|
|
1497
1301
|
"component": "alert",
|
|
1498
|
-
"context": "ion-alert--
|
|
1302
|
+
"context": "ion-alert--warning",
|
|
1499
1303
|
"state": "default",
|
|
1500
|
-
"fg": "--text-
|
|
1501
|
-
"bg": "--surface-
|
|
1502
|
-
"backdrop": "--surface-
|
|
1304
|
+
"fg": "--text-warning",
|
|
1305
|
+
"bg": "--surface-warning-subtle",
|
|
1306
|
+
"backdrop": "--surface-warning-subtle",
|
|
1503
1307
|
"kind": "text",
|
|
1504
|
-
"mode": "
|
|
1505
|
-
"fgHex": "#
|
|
1506
|
-
"bgHex": "#
|
|
1507
|
-
"ratio": 5.
|
|
1308
|
+
"mode": "Light",
|
|
1309
|
+
"fgHex": "#af3e0e",
|
|
1310
|
+
"bgHex": "#fff4e5",
|
|
1311
|
+
"ratio": 5.49,
|
|
1508
1312
|
"min": 4.5
|
|
1509
1313
|
},
|
|
1510
1314
|
{
|
|
1511
|
-
"component": "avatar",
|
|
1512
|
-
"context": "ion-
|
|
1315
|
+
"component": "avatar-gradient",
|
|
1316
|
+
"context": "ion-avatar-gradient--orange",
|
|
1513
1317
|
"state": "default",
|
|
1514
|
-
"fg": "--
|
|
1515
|
-
"bg": "--
|
|
1516
|
-
"backdrop":
|
|
1318
|
+
"fg": "--color-orange-600",
|
|
1319
|
+
"bg": "--color-orange-50",
|
|
1320
|
+
"backdrop": "--color-orange-50",
|
|
1517
1321
|
"kind": "text",
|
|
1518
|
-
"mode": "
|
|
1519
|
-
"fgHex": "#
|
|
1520
|
-
"bgHex": "#
|
|
1521
|
-
"ratio": 5.
|
|
1322
|
+
"mode": "Light",
|
|
1323
|
+
"fgHex": "#af3e0e",
|
|
1324
|
+
"bgHex": "#fff4e5",
|
|
1325
|
+
"ratio": 5.49,
|
|
1522
1326
|
"min": 4.5
|
|
1523
1327
|
},
|
|
1524
1328
|
{
|
|
1525
|
-
"component": "
|
|
1526
|
-
"context": "ion-
|
|
1329
|
+
"component": "avatar-gradient",
|
|
1330
|
+
"context": "ion-avatar-gradient--orange",
|
|
1527
1331
|
"state": "default",
|
|
1528
|
-
"fg": "--
|
|
1529
|
-
"bg": "--
|
|
1530
|
-
"backdrop":
|
|
1332
|
+
"fg": "--color-orange-600",
|
|
1333
|
+
"bg": "--color-orange-50",
|
|
1334
|
+
"backdrop": "--color-orange-50",
|
|
1531
1335
|
"kind": "text",
|
|
1532
1336
|
"mode": "Dark",
|
|
1533
|
-
"fgHex": "#
|
|
1534
|
-
"bgHex": "#
|
|
1535
|
-
"ratio": 5.
|
|
1536
|
-
"min": 4.5
|
|
1537
|
-
},
|
|
1538
|
-
{
|
|
1539
|
-
"component": "agent-stop",
|
|
1540
|
-
"context": "ion-agent-stop",
|
|
1541
|
-
"state": "hover",
|
|
1542
|
-
"fg": "--text-error",
|
|
1543
|
-
"bg": "--surface-error-subtle",
|
|
1544
|
-
"backdrop": "--surface-default",
|
|
1545
|
-
"kind": "text",
|
|
1546
|
-
"mode": "Dark",
|
|
1547
|
-
"fgHex": "#ffadad",
|
|
1548
|
-
"bgHex": "#811d1d",
|
|
1549
|
-
"ratio": 5.56,
|
|
1337
|
+
"fgHex": "#af3e0e",
|
|
1338
|
+
"bgHex": "#fff4e5",
|
|
1339
|
+
"ratio": 5.49,
|
|
1550
1340
|
"min": 4.5
|
|
1551
1341
|
},
|
|
1552
1342
|
{
|
|
1553
|
-
"component": "
|
|
1554
|
-
"context": "ion-
|
|
1343
|
+
"component": "badge",
|
|
1344
|
+
"context": "ion-badge--warning",
|
|
1555
1345
|
"state": "default",
|
|
1556
|
-
"fg": "--
|
|
1557
|
-
"bg": "--surface-
|
|
1558
|
-
"backdrop":
|
|
1559
|
-
"kind": "text",
|
|
1560
|
-
"mode": "
|
|
1561
|
-
"fgHex": "#
|
|
1562
|
-
"bgHex": "#
|
|
1563
|
-
"ratio": 5.
|
|
1564
|
-
"min":
|
|
1346
|
+
"fg": "--icon-warning",
|
|
1347
|
+
"bg": "--surface-warning-subtle",
|
|
1348
|
+
"backdrop": null,
|
|
1349
|
+
"kind": "non-text",
|
|
1350
|
+
"mode": "Light",
|
|
1351
|
+
"fgHex": "#af3e0e",
|
|
1352
|
+
"bgHex": "#fff4e5",
|
|
1353
|
+
"ratio": 5.49,
|
|
1354
|
+
"min": 3
|
|
1565
1355
|
},
|
|
1566
1356
|
{
|
|
1567
1357
|
"component": "alert",
|
|
@@ -1605,34 +1395,6 @@
|
|
|
1605
1395
|
"ratio": 5.7,
|
|
1606
1396
|
"min": 4.5
|
|
1607
1397
|
},
|
|
1608
|
-
{
|
|
1609
|
-
"component": "agent-stop",
|
|
1610
|
-
"context": "ion-agent-stop",
|
|
1611
|
-
"state": "hover",
|
|
1612
|
-
"fg": "--text-error",
|
|
1613
|
-
"bg": "--surface-error-subtle",
|
|
1614
|
-
"backdrop": "--surface-default",
|
|
1615
|
-
"kind": "text",
|
|
1616
|
-
"mode": "Light",
|
|
1617
|
-
"fgHex": "#ba1c1c",
|
|
1618
|
-
"bgHex": "#fef1f1",
|
|
1619
|
-
"ratio": 5.83,
|
|
1620
|
-
"min": 4.5
|
|
1621
|
-
},
|
|
1622
|
-
{
|
|
1623
|
-
"component": "alert",
|
|
1624
|
-
"context": "ion-alert--error",
|
|
1625
|
-
"state": "default",
|
|
1626
|
-
"fg": "--text-error",
|
|
1627
|
-
"bg": "--surface-error-subtle",
|
|
1628
|
-
"backdrop": "--surface-error-subtle",
|
|
1629
|
-
"kind": "text",
|
|
1630
|
-
"mode": "Light",
|
|
1631
|
-
"fgHex": "#ba1c1c",
|
|
1632
|
-
"bgHex": "#fef1f1",
|
|
1633
|
-
"ratio": 5.83,
|
|
1634
|
-
"min": 4.5
|
|
1635
|
-
},
|
|
1636
1398
|
{
|
|
1637
1399
|
"component": "alert",
|
|
1638
1400
|
"context": "ion-alert--solid&ion-alert--warning",
|
|
@@ -1675,6 +1437,48 @@
|
|
|
1675
1437
|
"ratio": 5.94,
|
|
1676
1438
|
"min": 4.5
|
|
1677
1439
|
},
|
|
1440
|
+
{
|
|
1441
|
+
"component": "alert",
|
|
1442
|
+
"context": "ion-alert--solid&ion-alert--error",
|
|
1443
|
+
"state": "default",
|
|
1444
|
+
"fg": "--text-on-color",
|
|
1445
|
+
"bg": "--surface-error",
|
|
1446
|
+
"backdrop": "--surface-error",
|
|
1447
|
+
"kind": "text",
|
|
1448
|
+
"mode": "Light",
|
|
1449
|
+
"fgHex": "#ffffff",
|
|
1450
|
+
"bgHex": "#c61616",
|
|
1451
|
+
"ratio": 5.95,
|
|
1452
|
+
"min": 4.5
|
|
1453
|
+
},
|
|
1454
|
+
{
|
|
1455
|
+
"component": "avatar",
|
|
1456
|
+
"context": "ion-avatar__indicator--error ion-avatar__indicator--error",
|
|
1457
|
+
"state": "default",
|
|
1458
|
+
"fg": "--text-on-color",
|
|
1459
|
+
"bg": "--surface-error",
|
|
1460
|
+
"backdrop": null,
|
|
1461
|
+
"kind": "text",
|
|
1462
|
+
"mode": "Light",
|
|
1463
|
+
"fgHex": "#ffffff",
|
|
1464
|
+
"bgHex": "#c61616",
|
|
1465
|
+
"ratio": 5.95,
|
|
1466
|
+
"min": 4.5
|
|
1467
|
+
},
|
|
1468
|
+
{
|
|
1469
|
+
"component": "button",
|
|
1470
|
+
"context": "ion-button--destructive",
|
|
1471
|
+
"state": "default",
|
|
1472
|
+
"fg": "--text-on-color",
|
|
1473
|
+
"bg": "--surface-error",
|
|
1474
|
+
"backdrop": null,
|
|
1475
|
+
"kind": "text",
|
|
1476
|
+
"mode": "Light",
|
|
1477
|
+
"fgHex": "#ffffff",
|
|
1478
|
+
"bgHex": "#c61616",
|
|
1479
|
+
"ratio": 5.95,
|
|
1480
|
+
"min": 4.5
|
|
1481
|
+
},
|
|
1678
1482
|
{
|
|
1679
1483
|
"component": "alert",
|
|
1680
1484
|
"context": "ion-alert--solid&ion-alert--warning",
|
|
@@ -1747,45 +1551,31 @@
|
|
|
1747
1551
|
"min": 3
|
|
1748
1552
|
},
|
|
1749
1553
|
{
|
|
1750
|
-
"component": "
|
|
1751
|
-
"context": "ion-
|
|
1752
|
-
"state": "
|
|
1753
|
-
"fg": "--
|
|
1754
|
-
"bg": "--
|
|
1755
|
-
"backdrop": "--
|
|
1554
|
+
"component": "agent-stop",
|
|
1555
|
+
"context": "ion-agent-stop",
|
|
1556
|
+
"state": "hover",
|
|
1557
|
+
"fg": "--text-error",
|
|
1558
|
+
"bg": "--surface-error-subtle",
|
|
1559
|
+
"backdrop": "--surface-default",
|
|
1756
1560
|
"kind": "text",
|
|
1757
1561
|
"mode": "Light",
|
|
1758
|
-
"fgHex": "#
|
|
1759
|
-
"bgHex": "#
|
|
1760
|
-
"ratio": 6.
|
|
1562
|
+
"fgHex": "#ad1515",
|
|
1563
|
+
"bgHex": "#fef1f1",
|
|
1564
|
+
"ratio": 6.59,
|
|
1761
1565
|
"min": 4.5
|
|
1762
1566
|
},
|
|
1763
1567
|
{
|
|
1764
|
-
"component": "
|
|
1765
|
-
"context": "ion-
|
|
1568
|
+
"component": "alert",
|
|
1569
|
+
"context": "ion-alert--error",
|
|
1766
1570
|
"state": "default",
|
|
1767
|
-
"fg": "--
|
|
1768
|
-
"bg": "--
|
|
1769
|
-
"backdrop": "--
|
|
1770
|
-
"kind": "text",
|
|
1771
|
-
"mode": "Dark",
|
|
1772
|
-
"fgHex": "#ffffff",
|
|
1773
|
-
"bgHex": "#5a4cd6",
|
|
1774
|
-
"ratio": 6.11,
|
|
1775
|
-
"min": 4.5
|
|
1776
|
-
},
|
|
1777
|
-
{
|
|
1778
|
-
"component": "button",
|
|
1779
|
-
"context": "ion-button--destructive",
|
|
1780
|
-
"state": "hover",
|
|
1781
|
-
"fg": "--text-on-color",
|
|
1782
|
-
"bg": "--surface-error-hover",
|
|
1783
|
-
"backdrop": null,
|
|
1571
|
+
"fg": "--text-error",
|
|
1572
|
+
"bg": "--surface-error-subtle",
|
|
1573
|
+
"backdrop": "--surface-error-subtle",
|
|
1784
1574
|
"kind": "text",
|
|
1785
1575
|
"mode": "Light",
|
|
1786
|
-
"fgHex": "#
|
|
1787
|
-
"bgHex": "#
|
|
1788
|
-
"ratio": 6.
|
|
1576
|
+
"fgHex": "#ad1515",
|
|
1577
|
+
"bgHex": "#fef1f1",
|
|
1578
|
+
"ratio": 6.59,
|
|
1789
1579
|
"min": 4.5
|
|
1790
1580
|
},
|
|
1791
1581
|
{
|
|
@@ -1828,21 +1618,49 @@
|
|
|
1828
1618
|
"fgHex": "#4f3cc8",
|
|
1829
1619
|
"bgHex": "#f6f1f8",
|
|
1830
1620
|
"ratio": 6.7,
|
|
1831
|
-
"min": 3
|
|
1621
|
+
"min": 3
|
|
1622
|
+
},
|
|
1623
|
+
{
|
|
1624
|
+
"component": "approval-gate",
|
|
1625
|
+
"context": "ion-approval-gate ion-approval-gate__icon",
|
|
1626
|
+
"state": "default",
|
|
1627
|
+
"fg": "--icon-information",
|
|
1628
|
+
"bg": "--surface-information-subtle",
|
|
1629
|
+
"backdrop": "--surface-information-subtle",
|
|
1630
|
+
"kind": "non-text",
|
|
1631
|
+
"mode": "Light",
|
|
1632
|
+
"fgHex": "#4f3cc8",
|
|
1633
|
+
"bgHex": "#f6f1f8",
|
|
1634
|
+
"ratio": 6.7,
|
|
1635
|
+
"min": 3
|
|
1636
|
+
},
|
|
1637
|
+
{
|
|
1638
|
+
"component": "avatar-gradient",
|
|
1639
|
+
"context": "ion-avatar-gradient--violet",
|
|
1640
|
+
"state": "default",
|
|
1641
|
+
"fg": "--color-purple-600",
|
|
1642
|
+
"bg": "--color-purple-50",
|
|
1643
|
+
"backdrop": "--color-purple-50",
|
|
1644
|
+
"kind": "text",
|
|
1645
|
+
"mode": "Light",
|
|
1646
|
+
"fgHex": "#4f3cc8",
|
|
1647
|
+
"bgHex": "#f6f1f8",
|
|
1648
|
+
"ratio": 6.7,
|
|
1649
|
+
"min": 4.5
|
|
1832
1650
|
},
|
|
1833
1651
|
{
|
|
1834
|
-
"component": "
|
|
1835
|
-
"context": "ion-
|
|
1652
|
+
"component": "avatar-gradient",
|
|
1653
|
+
"context": "ion-avatar-gradient--violet",
|
|
1836
1654
|
"state": "default",
|
|
1837
|
-
"fg": "--
|
|
1838
|
-
"bg": "--
|
|
1839
|
-
"backdrop": "--
|
|
1840
|
-
"kind": "
|
|
1841
|
-
"mode": "
|
|
1655
|
+
"fg": "--color-purple-600",
|
|
1656
|
+
"bg": "--color-purple-50",
|
|
1657
|
+
"backdrop": "--color-purple-50",
|
|
1658
|
+
"kind": "text",
|
|
1659
|
+
"mode": "Dark",
|
|
1842
1660
|
"fgHex": "#4f3cc8",
|
|
1843
1661
|
"bgHex": "#f6f1f8",
|
|
1844
1662
|
"ratio": 6.7,
|
|
1845
|
-
"min":
|
|
1663
|
+
"min": 4.5
|
|
1846
1664
|
},
|
|
1847
1665
|
{
|
|
1848
1666
|
"component": "badge",
|
|
@@ -1900,6 +1718,146 @@
|
|
|
1900
1718
|
"ratio": 6.95,
|
|
1901
1719
|
"min": 3
|
|
1902
1720
|
},
|
|
1721
|
+
{
|
|
1722
|
+
"component": "avatar-gradient",
|
|
1723
|
+
"context": "ion-avatar-gradient",
|
|
1724
|
+
"state": "default",
|
|
1725
|
+
"fg": "--color-gray-600",
|
|
1726
|
+
"bg": "--color-gray-50",
|
|
1727
|
+
"backdrop": "--color-gray-50",
|
|
1728
|
+
"kind": "text",
|
|
1729
|
+
"mode": "Light",
|
|
1730
|
+
"fgHex": "#4b5563",
|
|
1731
|
+
"bgHex": "#f6f8f9",
|
|
1732
|
+
"ratio": 7.09,
|
|
1733
|
+
"min": 4.5
|
|
1734
|
+
},
|
|
1735
|
+
{
|
|
1736
|
+
"component": "avatar-gradient",
|
|
1737
|
+
"context": "ion-avatar-gradient",
|
|
1738
|
+
"state": "default",
|
|
1739
|
+
"fg": "--color-gray-600",
|
|
1740
|
+
"bg": "--color-gray-50",
|
|
1741
|
+
"backdrop": "--color-gray-50",
|
|
1742
|
+
"kind": "text",
|
|
1743
|
+
"mode": "Dark",
|
|
1744
|
+
"fgHex": "#4b5563",
|
|
1745
|
+
"bgHex": "#f6f8f9",
|
|
1746
|
+
"ratio": 7.09,
|
|
1747
|
+
"min": 4.5
|
|
1748
|
+
},
|
|
1749
|
+
{
|
|
1750
|
+
"component": "avatar-gradient",
|
|
1751
|
+
"context": "ion-avatar-gradient--mini",
|
|
1752
|
+
"state": "default",
|
|
1753
|
+
"fg": "--color-gray-600",
|
|
1754
|
+
"bg": "--color-gray-50",
|
|
1755
|
+
"backdrop": "--color-gray-50",
|
|
1756
|
+
"kind": "text",
|
|
1757
|
+
"mode": "Light",
|
|
1758
|
+
"fgHex": "#4b5563",
|
|
1759
|
+
"bgHex": "#f6f8f9",
|
|
1760
|
+
"ratio": 7.09,
|
|
1761
|
+
"min": 4.5
|
|
1762
|
+
},
|
|
1763
|
+
{
|
|
1764
|
+
"component": "avatar-gradient",
|
|
1765
|
+
"context": "ion-avatar-gradient--mini",
|
|
1766
|
+
"state": "default",
|
|
1767
|
+
"fg": "--color-gray-600",
|
|
1768
|
+
"bg": "--color-gray-50",
|
|
1769
|
+
"backdrop": "--color-gray-50",
|
|
1770
|
+
"kind": "text",
|
|
1771
|
+
"mode": "Dark",
|
|
1772
|
+
"fgHex": "#4b5563",
|
|
1773
|
+
"bgHex": "#f6f8f9",
|
|
1774
|
+
"ratio": 7.09,
|
|
1775
|
+
"min": 4.5
|
|
1776
|
+
},
|
|
1777
|
+
{
|
|
1778
|
+
"component": "avatar-gradient",
|
|
1779
|
+
"context": "ion-avatar-gradient--sm",
|
|
1780
|
+
"state": "default",
|
|
1781
|
+
"fg": "--color-gray-600",
|
|
1782
|
+
"bg": "--color-gray-50",
|
|
1783
|
+
"backdrop": "--color-gray-50",
|
|
1784
|
+
"kind": "text",
|
|
1785
|
+
"mode": "Light",
|
|
1786
|
+
"fgHex": "#4b5563",
|
|
1787
|
+
"bgHex": "#f6f8f9",
|
|
1788
|
+
"ratio": 7.09,
|
|
1789
|
+
"min": 4.5
|
|
1790
|
+
},
|
|
1791
|
+
{
|
|
1792
|
+
"component": "avatar-gradient",
|
|
1793
|
+
"context": "ion-avatar-gradient--sm",
|
|
1794
|
+
"state": "default",
|
|
1795
|
+
"fg": "--color-gray-600",
|
|
1796
|
+
"bg": "--color-gray-50",
|
|
1797
|
+
"backdrop": "--color-gray-50",
|
|
1798
|
+
"kind": "text",
|
|
1799
|
+
"mode": "Dark",
|
|
1800
|
+
"fgHex": "#4b5563",
|
|
1801
|
+
"bgHex": "#f6f8f9",
|
|
1802
|
+
"ratio": 7.09,
|
|
1803
|
+
"min": 4.5
|
|
1804
|
+
},
|
|
1805
|
+
{
|
|
1806
|
+
"component": "avatar-gradient",
|
|
1807
|
+
"context": "ion-avatar-gradient--lg",
|
|
1808
|
+
"state": "default",
|
|
1809
|
+
"fg": "--color-gray-600",
|
|
1810
|
+
"bg": "--color-gray-50",
|
|
1811
|
+
"backdrop": "--color-gray-50",
|
|
1812
|
+
"kind": "text",
|
|
1813
|
+
"mode": "Light",
|
|
1814
|
+
"fgHex": "#4b5563",
|
|
1815
|
+
"bgHex": "#f6f8f9",
|
|
1816
|
+
"ratio": 7.09,
|
|
1817
|
+
"min": 4.5
|
|
1818
|
+
},
|
|
1819
|
+
{
|
|
1820
|
+
"component": "avatar-gradient",
|
|
1821
|
+
"context": "ion-avatar-gradient--lg",
|
|
1822
|
+
"state": "default",
|
|
1823
|
+
"fg": "--color-gray-600",
|
|
1824
|
+
"bg": "--color-gray-50",
|
|
1825
|
+
"backdrop": "--color-gray-50",
|
|
1826
|
+
"kind": "text",
|
|
1827
|
+
"mode": "Dark",
|
|
1828
|
+
"fgHex": "#4b5563",
|
|
1829
|
+
"bgHex": "#f6f8f9",
|
|
1830
|
+
"ratio": 7.09,
|
|
1831
|
+
"min": 4.5
|
|
1832
|
+
},
|
|
1833
|
+
{
|
|
1834
|
+
"component": "avatar-gradient",
|
|
1835
|
+
"context": "ion-avatar-gradient--slate",
|
|
1836
|
+
"state": "default",
|
|
1837
|
+
"fg": "--color-gray-600",
|
|
1838
|
+
"bg": "--color-gray-50",
|
|
1839
|
+
"backdrop": "--color-gray-50",
|
|
1840
|
+
"kind": "text",
|
|
1841
|
+
"mode": "Light",
|
|
1842
|
+
"fgHex": "#4b5563",
|
|
1843
|
+
"bgHex": "#f6f8f9",
|
|
1844
|
+
"ratio": 7.09,
|
|
1845
|
+
"min": 4.5
|
|
1846
|
+
},
|
|
1847
|
+
{
|
|
1848
|
+
"component": "avatar-gradient",
|
|
1849
|
+
"context": "ion-avatar-gradient--slate",
|
|
1850
|
+
"state": "default",
|
|
1851
|
+
"fg": "--color-gray-600",
|
|
1852
|
+
"bg": "--color-gray-50",
|
|
1853
|
+
"backdrop": "--color-gray-50",
|
|
1854
|
+
"kind": "text",
|
|
1855
|
+
"mode": "Dark",
|
|
1856
|
+
"fgHex": "#4b5563",
|
|
1857
|
+
"bgHex": "#f6f8f9",
|
|
1858
|
+
"ratio": 7.09,
|
|
1859
|
+
"min": 4.5
|
|
1860
|
+
},
|
|
1903
1861
|
{
|
|
1904
1862
|
"component": "input",
|
|
1905
1863
|
"context": "ion-input ion-input__field",
|
|
@@ -1956,6 +1914,20 @@
|
|
|
1956
1914
|
"ratio": 7.2,
|
|
1957
1915
|
"min": 4.5
|
|
1958
1916
|
},
|
|
1917
|
+
{
|
|
1918
|
+
"component": "button",
|
|
1919
|
+
"context": "ion-button--destructive",
|
|
1920
|
+
"state": "hover",
|
|
1921
|
+
"fg": "--text-on-color",
|
|
1922
|
+
"bg": "--surface-error-hover",
|
|
1923
|
+
"backdrop": null,
|
|
1924
|
+
"kind": "text",
|
|
1925
|
+
"mode": "Light",
|
|
1926
|
+
"fgHex": "#ffffff",
|
|
1927
|
+
"bgHex": "#ad1515",
|
|
1928
|
+
"ratio": 7.25,
|
|
1929
|
+
"min": 4.5
|
|
1930
|
+
},
|
|
1959
1931
|
{
|
|
1960
1932
|
"component": "button",
|
|
1961
1933
|
"context": "ion-button--success",
|
|
@@ -1970,6 +1942,34 @@
|
|
|
1970
1942
|
"ratio": 7.34,
|
|
1971
1943
|
"min": 4.5
|
|
1972
1944
|
},
|
|
1945
|
+
{
|
|
1946
|
+
"component": "agent-stop",
|
|
1947
|
+
"context": "ion-agent-stop",
|
|
1948
|
+
"state": "hover",
|
|
1949
|
+
"fg": "--text-error",
|
|
1950
|
+
"bg": "--surface-error-subtle",
|
|
1951
|
+
"backdrop": "--surface-default",
|
|
1952
|
+
"kind": "text",
|
|
1953
|
+
"mode": "Dark",
|
|
1954
|
+
"fgHex": "#ffadad",
|
|
1955
|
+
"bgHex": "#650a0a",
|
|
1956
|
+
"ratio": 7.39,
|
|
1957
|
+
"min": 4.5
|
|
1958
|
+
},
|
|
1959
|
+
{
|
|
1960
|
+
"component": "alert",
|
|
1961
|
+
"context": "ion-alert--error",
|
|
1962
|
+
"state": "default",
|
|
1963
|
+
"fg": "--text-error",
|
|
1964
|
+
"bg": "--surface-error-subtle",
|
|
1965
|
+
"backdrop": "--surface-error-subtle",
|
|
1966
|
+
"kind": "text",
|
|
1967
|
+
"mode": "Dark",
|
|
1968
|
+
"fgHex": "#ffadad",
|
|
1969
|
+
"bgHex": "#650a0a",
|
|
1970
|
+
"ratio": 7.39,
|
|
1971
|
+
"min": 4.5
|
|
1972
|
+
},
|
|
1973
1973
|
{
|
|
1974
1974
|
"component": "alert",
|
|
1975
1975
|
"context": "ion-alert--solid&ion-alert--information",
|
|
@@ -2208,20 +2208,6 @@
|
|
|
2208
2208
|
"ratio": 7.65,
|
|
2209
2209
|
"min": 4.5
|
|
2210
2210
|
},
|
|
2211
|
-
{
|
|
2212
|
-
"component": "agent-stop",
|
|
2213
|
-
"context": "ion-agent-stop",
|
|
2214
|
-
"state": "pressed",
|
|
2215
|
-
"fg": "--text-default",
|
|
2216
|
-
"bg": "--surface-error-subtle-hover",
|
|
2217
|
-
"backdrop": "--surface-default",
|
|
2218
|
-
"kind": "text",
|
|
2219
|
-
"mode": "Dark",
|
|
2220
|
-
"fgHex": "#f6f8f9",
|
|
2221
|
-
"bgHex": "#981b1b",
|
|
2222
|
-
"ratio": 7.86,
|
|
2223
|
-
"min": 4.5
|
|
2224
|
-
},
|
|
2225
2211
|
{
|
|
2226
2212
|
"component": "button",
|
|
2227
2213
|
"context": "ion-button--success",
|
|
@@ -2306,20 +2292,6 @@
|
|
|
2306
2292
|
"ratio": 8.28,
|
|
2307
2293
|
"min": 3
|
|
2308
2294
|
},
|
|
2309
|
-
{
|
|
2310
|
-
"component": "button",
|
|
2311
|
-
"context": "ion-button--destructive",
|
|
2312
|
-
"state": "pressed",
|
|
2313
|
-
"fg": "--text-on-color",
|
|
2314
|
-
"bg": "--surface-error-pressed",
|
|
2315
|
-
"backdrop": null,
|
|
2316
|
-
"kind": "text",
|
|
2317
|
-
"mode": "Light",
|
|
2318
|
-
"fgHex": "#ffffff",
|
|
2319
|
-
"bgHex": "#981b1b",
|
|
2320
|
-
"ratio": 8.37,
|
|
2321
|
-
"min": 4.5
|
|
2322
|
-
},
|
|
2323
2295
|
{
|
|
2324
2296
|
"component": "approval-gate",
|
|
2325
2297
|
"context": "ion-approval-gate__action--approve ion-approval-gate__action--approve",
|
|
@@ -2801,6 +2773,20 @@
|
|
|
2801
2773
|
"ratio": 9.53,
|
|
2802
2774
|
"min": 4.5
|
|
2803
2775
|
},
|
|
2776
|
+
{
|
|
2777
|
+
"component": "agent-stop",
|
|
2778
|
+
"context": "ion-agent-stop",
|
|
2779
|
+
"state": "pressed",
|
|
2780
|
+
"fg": "--text-default",
|
|
2781
|
+
"bg": "--surface-error-subtle-hover",
|
|
2782
|
+
"backdrop": "--surface-default",
|
|
2783
|
+
"kind": "text",
|
|
2784
|
+
"mode": "Dark",
|
|
2785
|
+
"fgHex": "#f6f8f9",
|
|
2786
|
+
"bgHex": "#850e0e",
|
|
2787
|
+
"ratio": 9.54,
|
|
2788
|
+
"min": 4.5
|
|
2789
|
+
},
|
|
2804
2790
|
{
|
|
2805
2791
|
"component": "toast",
|
|
2806
2792
|
"context": "ion-toast ion-toast__action",
|
|
@@ -3167,6 +3153,20 @@
|
|
|
3167
3153
|
"ratio": 10.15,
|
|
3168
3154
|
"min": 3
|
|
3169
3155
|
},
|
|
3156
|
+
{
|
|
3157
|
+
"component": "button",
|
|
3158
|
+
"context": "ion-button--destructive",
|
|
3159
|
+
"state": "pressed",
|
|
3160
|
+
"fg": "--text-on-color",
|
|
3161
|
+
"bg": "--surface-error-pressed",
|
|
3162
|
+
"backdrop": null,
|
|
3163
|
+
"kind": "text",
|
|
3164
|
+
"mode": "Light",
|
|
3165
|
+
"fgHex": "#ffffff",
|
|
3166
|
+
"bgHex": "#850e0e",
|
|
3167
|
+
"ratio": 10.16,
|
|
3168
|
+
"min": 4.5
|
|
3169
|
+
},
|
|
3170
3170
|
{
|
|
3171
3171
|
"component": "table",
|
|
3172
3172
|
"context": "ion-table",
|
|
@@ -3929,34 +3929,6 @@
|
|
|
3929
3929
|
"ratio": 15.71,
|
|
3930
3930
|
"min": 4.5
|
|
3931
3931
|
},
|
|
3932
|
-
{
|
|
3933
|
-
"component": "avatar-gradient",
|
|
3934
|
-
"context": "ion-avatar-gradient--light",
|
|
3935
|
-
"state": "default",
|
|
3936
|
-
"fg": "--color-gray-900",
|
|
3937
|
-
"bg": "--color-gray-100",
|
|
3938
|
-
"backdrop": "--color-gray-100",
|
|
3939
|
-
"kind": "text",
|
|
3940
|
-
"mode": "Light",
|
|
3941
|
-
"fgHex": "#131923",
|
|
3942
|
-
"bgHex": "#f0f2f4",
|
|
3943
|
-
"ratio": 15.71,
|
|
3944
|
-
"min": 4.5
|
|
3945
|
-
},
|
|
3946
|
-
{
|
|
3947
|
-
"component": "avatar-gradient",
|
|
3948
|
-
"context": "ion-avatar-gradient--light",
|
|
3949
|
-
"state": "default",
|
|
3950
|
-
"fg": "--color-gray-900",
|
|
3951
|
-
"bg": "--color-gray-100",
|
|
3952
|
-
"backdrop": "--color-gray-100",
|
|
3953
|
-
"kind": "text",
|
|
3954
|
-
"mode": "Dark",
|
|
3955
|
-
"fgHex": "#131923",
|
|
3956
|
-
"bgHex": "#f0f2f4",
|
|
3957
|
-
"ratio": 15.71,
|
|
3958
|
-
"min": 4.5
|
|
3959
|
-
},
|
|
3960
3932
|
{
|
|
3961
3933
|
"component": "approval-gate",
|
|
3962
3934
|
"context": "ion-approval-gate",
|
|
@@ -4926,50 +4898,6 @@
|
|
|
4926
4898
|
"affects": [
|
|
4927
4899
|
"StreamingText"
|
|
4928
4900
|
]
|
|
4929
|
-
},
|
|
4930
|
-
{
|
|
4931
|
-
"fg": "--color-base-white",
|
|
4932
|
-
"bg": "--color-pink-500",
|
|
4933
|
-
"mode": "Light",
|
|
4934
|
-
"kind": "defect",
|
|
4935
|
-
"ratio": 3.53,
|
|
4936
|
-
"reason": "Figma-side defect, not a code one. The disc is a vertical gradient from `--color-{hue}-500` down to `--color-{hue}-600`, and the 500 end is too light to carry white initials: measured at the top stop, which is where the text is hardest to read, and it does not clear 4.5:1 at the midpoint either. The four that fail are the four warm/mid-luminance hues; slate, blue, violet and light all pass.\n\nNOT EXEMPT. The initials are `aria-hidden` and the accessible name comes from `alt`, so nothing is lost to a screen reader — but SC 1.4.3 is about visible text, and these are visible text a sighted user is expected to read. Treating an aria-hidden glyph as decorative here would be the wrong reading of the criterion.\n\nThe fix belongs in the Figma component (1054:305): darken both endpoints by a step, or give these four a dark foreground the way `Light` already has one. It is deliberately not fixed in code — this repo does not own these values, and a local override would put the repo and Figma into silent disagreement, which is the failure mode the whole token pipeline exists to prevent.",
|
|
4937
|
-
"affects": [
|
|
4938
|
-
"AvatarGradient"
|
|
4939
|
-
]
|
|
4940
|
-
},
|
|
4941
|
-
{
|
|
4942
|
-
"fg": "--color-base-white",
|
|
4943
|
-
"bg": "--color-orange-500",
|
|
4944
|
-
"mode": "Light",
|
|
4945
|
-
"kind": "defect",
|
|
4946
|
-
"ratio": 3.6,
|
|
4947
|
-
"reason": "Figma-side defect, not a code one. The disc is a vertical gradient from `--color-{hue}-500` down to `--color-{hue}-600`, and the 500 end is too light to carry white initials: measured at the top stop, which is where the text is hardest to read, and it does not clear 4.5:1 at the midpoint either. The four that fail are the four warm/mid-luminance hues; slate, blue, violet and light all pass.\n\nNOT EXEMPT. The initials are `aria-hidden` and the accessible name comes from `alt`, so nothing is lost to a screen reader — but SC 1.4.3 is about visible text, and these are visible text a sighted user is expected to read. Treating an aria-hidden glyph as decorative here would be the wrong reading of the criterion.\n\nThe fix belongs in the Figma component (1054:305): darken both endpoints by a step, or give these four a dark foreground the way `Light` already has one. It is deliberately not fixed in code — this repo does not own these values, and a local override would put the repo and Figma into silent disagreement, which is the failure mode the whole token pipeline exists to prevent.",
|
|
4948
|
-
"affects": [
|
|
4949
|
-
"AvatarGradient"
|
|
4950
|
-
]
|
|
4951
|
-
},
|
|
4952
|
-
{
|
|
4953
|
-
"fg": "--color-base-white",
|
|
4954
|
-
"bg": "--color-green-500",
|
|
4955
|
-
"mode": "Light",
|
|
4956
|
-
"kind": "defect",
|
|
4957
|
-
"ratio": 3.69,
|
|
4958
|
-
"reason": "Figma-side defect, not a code one. The disc is a vertical gradient from `--color-{hue}-500` down to `--color-{hue}-600`, and the 500 end is too light to carry white initials: measured at the top stop, which is where the text is hardest to read, and it does not clear 4.5:1 at the midpoint either. The four that fail are the four warm/mid-luminance hues; slate, blue, violet and light all pass.\n\nNOT EXEMPT. The initials are `aria-hidden` and the accessible name comes from `alt`, so nothing is lost to a screen reader — but SC 1.4.3 is about visible text, and these are visible text a sighted user is expected to read. Treating an aria-hidden glyph as decorative here would be the wrong reading of the criterion.\n\nThe fix belongs in the Figma component (1054:305): darken both endpoints by a step, or give these four a dark foreground the way `Light` already has one. It is deliberately not fixed in code — this repo does not own these values, and a local override would put the repo and Figma into silent disagreement, which is the failure mode the whole token pipeline exists to prevent.",
|
|
4959
|
-
"affects": [
|
|
4960
|
-
"AvatarGradient"
|
|
4961
|
-
]
|
|
4962
|
-
},
|
|
4963
|
-
{
|
|
4964
|
-
"fg": "--color-base-white",
|
|
4965
|
-
"bg": "--color-red-500",
|
|
4966
|
-
"mode": "Light",
|
|
4967
|
-
"kind": "defect",
|
|
4968
|
-
"ratio": 3.78,
|
|
4969
|
-
"reason": "Figma-side defect, not a code one. The disc is a vertical gradient from `--color-{hue}-500` down to `--color-{hue}-600`, and the 500 end is too light to carry white initials: measured at the top stop, which is where the text is hardest to read, and it does not clear 4.5:1 at the midpoint either. The four that fail are the four warm/mid-luminance hues; slate, blue, violet and light all pass.\n\nNOT EXEMPT. The initials are `aria-hidden` and the accessible name comes from `alt`, so nothing is lost to a screen reader — but SC 1.4.3 is about visible text, and these are visible text a sighted user is expected to read. Treating an aria-hidden glyph as decorative here would be the wrong reading of the criterion.\n\nThe fix belongs in the Figma component (1054:305): darken both endpoints by a step, or give these four a dark foreground the way `Light` already has one. It is deliberately not fixed in code — this repo does not own these values, and a local override would put the repo and Figma into silent disagreement, which is the failure mode the whole token pipeline exists to prevent.",
|
|
4970
|
-
"affects": [
|
|
4971
|
-
"AvatarGradient"
|
|
4972
|
-
]
|
|
4973
4901
|
}
|
|
4974
4902
|
],
|
|
4975
4903
|
"deferred": [
|