ionbase-ui 0.22.0 → 0.25.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 (56) hide show
  1. package/dist/components/AgentActivity.d.ts +41 -0
  2. package/dist/components/AgentActivity.d.ts.map +1 -0
  3. package/dist/components/AgentActivity.js +84 -0
  4. package/dist/components/AgentActivity.js.map +1 -0
  5. package/dist/components/AgentStop.d.ts +58 -0
  6. package/dist/components/AgentStop.d.ts.map +1 -0
  7. package/dist/components/AgentStop.js +82 -0
  8. package/dist/components/AgentStop.js.map +1 -0
  9. package/dist/components/ApprovalGate.d.ts +72 -0
  10. package/dist/components/ApprovalGate.d.ts.map +1 -0
  11. package/dist/components/ApprovalGate.js +68 -0
  12. package/dist/components/ApprovalGate.js.map +1 -0
  13. package/dist/components/Citation.d.ts +51 -0
  14. package/dist/components/Citation.d.ts.map +1 -0
  15. package/dist/components/Citation.js +41 -0
  16. package/dist/components/Citation.js.map +1 -0
  17. package/dist/components/ConfidenceIndicator.d.ts +37 -0
  18. package/dist/components/ConfidenceIndicator.d.ts.map +1 -0
  19. package/dist/components/ConfidenceIndicator.js +41 -0
  20. package/dist/components/ConfidenceIndicator.js.map +1 -0
  21. package/dist/components/StreamingText.d.ts +47 -0
  22. package/dist/components/StreamingText.d.ts.map +1 -0
  23. package/dist/components/StreamingText.js +44 -0
  24. package/dist/components/StreamingText.js.map +1 -0
  25. package/dist/components/index.d.ts +12 -0
  26. package/dist/components/index.d.ts.map +1 -1
  27. package/dist/components/index.js +6 -0
  28. package/dist/components/index.js.map +1 -1
  29. package/dist/figma-descriptions.json +147 -0
  30. package/dist/figma-map.json +3 -1
  31. package/dist/meta/AgentActivity.json +103 -0
  32. package/dist/meta/AgentActivityStep.json +117 -0
  33. package/dist/meta/AgentStop.json +164 -0
  34. package/dist/meta/ApprovalGate.json +255 -0
  35. package/dist/meta/Avatar.json +2 -2
  36. package/dist/meta/AvatarGroup.json +2 -2
  37. package/dist/meta/Citation.json +101 -0
  38. package/dist/meta/CitationList.json +94 -0
  39. package/dist/meta/CitationListItem.json +88 -0
  40. package/dist/meta/ConfidenceIndicator.json +115 -0
  41. package/dist/meta/Input.json +2 -2
  42. package/dist/meta/PhoneInput.json +38 -38
  43. package/dist/meta/StreamingText.json +99 -0
  44. package/dist/meta/components.json +2125 -989
  45. package/dist/meta/contrast.json +1086 -32
  46. package/dist/meta/index.json +100 -5
  47. package/dist/meta/patterns/index.json +1 -1
  48. package/dist/styles/agent-activity.css +95 -0
  49. package/dist/styles/agent-stop.css +109 -0
  50. package/dist/styles/approval-gate.css +181 -0
  51. package/dist/styles/citation.css +93 -0
  52. package/dist/styles/confidence-indicator.css +97 -0
  53. package/dist/styles/index.css +34 -0
  54. package/dist/styles/streaming-text.css +56 -0
  55. package/llms.txt +2 -2
  56. package/package.json +4 -3
@@ -8,6 +8,132 @@
8
8
  "Dark"
9
9
  ],
10
10
  "pairings": [
11
+ {
12
+ "component": "confidence-indicator",
13
+ "context": "ion-confidence--medium&ion-confidence__bar--on ion-confidence__bar--on",
14
+ "state": "default",
15
+ "fg": "--text-secondary",
16
+ "bg": "--icon-information",
17
+ "backdrop": null,
18
+ "kind": "text",
19
+ "mode": "Light",
20
+ "fgHex": "#384252",
21
+ "bgHex": "#4f3cc8",
22
+ "ratio": 1.36,
23
+ "min": 4.5
24
+ },
25
+ {
26
+ "component": "confidence-indicator",
27
+ "context": "ion-confidence--low&ion-confidence__bar--on ion-confidence__bar--on",
28
+ "state": "default",
29
+ "fg": "--text-secondary",
30
+ "bg": "--icon-warning",
31
+ "backdrop": null,
32
+ "kind": "text",
33
+ "mode": "Light",
34
+ "fgHex": "#384252",
35
+ "bgHex": "#af3e0e",
36
+ "ratio": 1.7,
37
+ "min": 4.5
38
+ },
39
+ {
40
+ "component": "confidence-indicator",
41
+ "context": "ion-confidence--high&ion-confidence__bar--on ion-confidence__bar--on",
42
+ "state": "default",
43
+ "fg": "--text-secondary",
44
+ "bg": "--icon-success",
45
+ "backdrop": null,
46
+ "kind": "text",
47
+ "mode": "Light",
48
+ "fgHex": "#384252",
49
+ "bgHex": "#0d7d38",
50
+ "ratio": 1.94,
51
+ "min": 4.5
52
+ },
53
+ {
54
+ "component": "confidence-indicator",
55
+ "context": "ion-confidence--low&ion-confidence__bar--on ion-confidence__bar--on",
56
+ "state": "default",
57
+ "fg": "--text-secondary",
58
+ "bg": "--icon-warning",
59
+ "backdrop": null,
60
+ "kind": "text",
61
+ "mode": "Dark",
62
+ "fgHex": "#dde0e4",
63
+ "bgHex": "#ef8539",
64
+ "ratio": 1.96,
65
+ "min": 4.5
66
+ },
67
+ {
68
+ "component": "confidence-indicator",
69
+ "context": "ion-confidence--high&ion-confidence__bar--on ion-confidence__bar--on",
70
+ "state": "default",
71
+ "fg": "--text-secondary",
72
+ "bg": "--icon-success",
73
+ "backdrop": null,
74
+ "kind": "text",
75
+ "mode": "Dark",
76
+ "fgHex": "#dde0e4",
77
+ "bgHex": "#39b378",
78
+ "ratio": 2.01,
79
+ "min": 4.5
80
+ },
81
+ {
82
+ "component": "streaming-text",
83
+ "context": "ion-streaming-text ion-streaming-text__cursor",
84
+ "state": "default",
85
+ "fg": "--text-default",
86
+ "bg": "--text-tertiary",
87
+ "backdrop": null,
88
+ "kind": "text",
89
+ "mode": "Light",
90
+ "fgHex": "#131923",
91
+ "bgHex": "#4b5563",
92
+ "ratio": 2.33,
93
+ "min": 4.5
94
+ },
95
+ {
96
+ "component": "streaming-text",
97
+ "context": "ion-streaming-text ion-streaming-text__cursor",
98
+ "state": "default",
99
+ "fg": "--text-default",
100
+ "bg": "--text-tertiary",
101
+ "backdrop": null,
102
+ "kind": "text",
103
+ "mode": "Dark",
104
+ "fgHex": "#f6f8f9",
105
+ "bgHex": "#9ca3b0",
106
+ "ratio": 2.38,
107
+ "min": 4.5
108
+ },
109
+ {
110
+ "component": "confidence-indicator",
111
+ "context": "ion-confidence--medium&ion-confidence__bar--on ion-confidence__bar--on",
112
+ "state": "default",
113
+ "fg": "--text-secondary",
114
+ "bg": "--icon-information",
115
+ "backdrop": null,
116
+ "kind": "text",
117
+ "mode": "Dark",
118
+ "fgHex": "#dde0e4",
119
+ "bgHex": "#7e6ff1",
120
+ "ratio": 2.92,
121
+ "min": 4.5
122
+ },
123
+ {
124
+ "component": "approval-gate",
125
+ "context": "ion-approval-gate ion-approval-gate__action",
126
+ "state": "disabled",
127
+ "fg": "--text-disabled",
128
+ "bg": "--surface-disabled",
129
+ "backdrop": "--surface-information-subtle",
130
+ "kind": "text",
131
+ "mode": "Dark",
132
+ "fgHex": "#6b7280",
133
+ "bgHex": "#1d2735",
134
+ "ratio": 3.12,
135
+ "min": 4.5
136
+ },
11
137
  {
12
138
  "component": "button",
13
139
  "context": "ion-button",
@@ -289,6 +415,20 @@
289
415
  "ratio": 4.12,
290
416
  "min": 3
291
417
  },
418
+ {
419
+ "component": "approval-gate",
420
+ "context": "ion-approval-gate ion-approval-gate__icon",
421
+ "state": "default",
422
+ "fg": "--icon-information",
423
+ "bg": "--surface-information-subtle",
424
+ "backdrop": "--surface-information-subtle",
425
+ "kind": "non-text",
426
+ "mode": "Dark",
427
+ "fgHex": "#7e6ff1",
428
+ "bgHex": "#260769",
429
+ "ratio": 4.12,
430
+ "min": 3
431
+ },
292
432
  {
293
433
  "component": "badge",
294
434
  "context": "ion-badge--information",
@@ -331,6 +471,34 @@
331
471
  "ratio": 4.25,
332
472
  "min": 4.5
333
473
  },
474
+ {
475
+ "component": "citation",
476
+ "context": "ion-citation",
477
+ "state": "hover",
478
+ "fg": "--text-link",
479
+ "bg": "--surface-primary-subtle-hover",
480
+ "backdrop": "--surface-primary-subtle",
481
+ "kind": "text",
482
+ "mode": "Dark",
483
+ "fgHex": "#609cf0",
484
+ "bgHex": "#0e2d8b",
485
+ "ratio": 4.25,
486
+ "min": 4.5
487
+ },
488
+ {
489
+ "component": "approval-gate",
490
+ "context": "ion-approval-gate ion-approval-gate__action",
491
+ "state": "disabled",
492
+ "fg": "--text-disabled",
493
+ "bg": "--surface-disabled",
494
+ "backdrop": "--surface-information-subtle",
495
+ "kind": "text",
496
+ "mode": "Light",
497
+ "fgHex": "#6b7280",
498
+ "bgHex": "#f0f2f4",
499
+ "ratio": 4.31,
500
+ "min": 4.5
501
+ },
334
502
  {
335
503
  "component": "button",
336
504
  "context": "ion-button",
@@ -555,6 +723,20 @@
555
723
  "ratio": 4.58,
556
724
  "min": 4.5
557
725
  },
726
+ {
727
+ "component": "approval-gate",
728
+ "context": "ion-approval-gate__action--approve ion-approval-gate__action--approve",
729
+ "state": "default",
730
+ "fg": "--text-on-color",
731
+ "bg": "--surface-primary",
732
+ "backdrop": "--surface-information-subtle",
733
+ "kind": "text",
734
+ "mode": "Dark",
735
+ "fgHex": "#000000",
736
+ "bgHex": "#286ef0",
737
+ "ratio": 4.58,
738
+ "min": 4.5
739
+ },
558
740
  {
559
741
  "component": "button",
560
742
  "context": "ion-button--primary-brand",
@@ -807,6 +989,34 @@
807
989
  "ratio": 5.37,
808
990
  "min": 4.5
809
991
  },
992
+ {
993
+ "component": "citation",
994
+ "context": "ion-citation",
995
+ "state": "default",
996
+ "fg": "--text-link",
997
+ "bg": "--surface-primary-subtle",
998
+ "backdrop": "--surface-primary-subtle",
999
+ "kind": "text",
1000
+ "mode": "Dark",
1001
+ "fgHex": "#609cf0",
1002
+ "bgHex": "#071e69",
1003
+ "ratio": 5.37,
1004
+ "min": 4.5
1005
+ },
1006
+ {
1007
+ "component": "citation",
1008
+ "context": "ion-citation",
1009
+ "state": "focus",
1010
+ "fg": "--text-link",
1011
+ "bg": "--surface-primary-subtle",
1012
+ "backdrop": "--surface-primary-subtle",
1013
+ "kind": "text",
1014
+ "mode": "Dark",
1015
+ "fgHex": "#609cf0",
1016
+ "bgHex": "#071e69",
1017
+ "ratio": 5.37,
1018
+ "min": 4.5
1019
+ },
810
1020
  {
811
1021
  "component": "menu",
812
1022
  "context": "ion-menu__item--selected ion-menu__item--selected",
@@ -849,6 +1059,20 @@
849
1059
  "ratio": 5.38,
850
1060
  "min": 4.5
851
1061
  },
1062
+ {
1063
+ "component": "approval-gate",
1064
+ "context": "ion-approval-gate__action--approve ion-approval-gate__action--approve",
1065
+ "state": "default",
1066
+ "fg": "--text-on-color",
1067
+ "bg": "--surface-primary",
1068
+ "backdrop": "--surface-information-subtle",
1069
+ "kind": "text",
1070
+ "mode": "Light",
1071
+ "fgHex": "#ffffff",
1072
+ "bgHex": "#1c62e3",
1073
+ "ratio": 5.38,
1074
+ "min": 4.5
1075
+ },
852
1076
  {
853
1077
  "component": "button",
854
1078
  "context": "ion-button--primary-brand",
@@ -947,6 +1171,20 @@
947
1171
  "ratio": 5.55,
948
1172
  "min": 4.5
949
1173
  },
1174
+ {
1175
+ "component": "agent-stop",
1176
+ "context": "ion-agent-stop",
1177
+ "state": "hover",
1178
+ "fg": "--text-error",
1179
+ "bg": "--surface-error-subtle",
1180
+ "backdrop": "--surface-default",
1181
+ "kind": "text",
1182
+ "mode": "Dark",
1183
+ "fgHex": "#ffadad",
1184
+ "bgHex": "#811d1d",
1185
+ "ratio": 5.56,
1186
+ "min": 4.5
1187
+ },
950
1188
  {
951
1189
  "component": "alert",
952
1190
  "context": "ion-alert--error",
@@ -989,6 +1227,20 @@
989
1227
  "ratio": 5.7,
990
1228
  "min": 4.5
991
1229
  },
1230
+ {
1231
+ "component": "agent-stop",
1232
+ "context": "ion-agent-stop",
1233
+ "state": "hover",
1234
+ "fg": "--text-error",
1235
+ "bg": "--surface-error-subtle",
1236
+ "backdrop": "--surface-default",
1237
+ "kind": "text",
1238
+ "mode": "Light",
1239
+ "fgHex": "#ba1c1c",
1240
+ "bgHex": "#fef1f1",
1241
+ "ratio": 5.83,
1242
+ "min": 4.5
1243
+ },
992
1244
  {
993
1245
  "component": "alert",
994
1246
  "context": "ion-alert--error",
@@ -1228,6 +1480,20 @@
1228
1480
  "ratio": 6.7,
1229
1481
  "min": 3
1230
1482
  },
1483
+ {
1484
+ "component": "approval-gate",
1485
+ "context": "ion-approval-gate ion-approval-gate__icon",
1486
+ "state": "default",
1487
+ "fg": "--icon-information",
1488
+ "bg": "--surface-information-subtle",
1489
+ "backdrop": "--surface-information-subtle",
1490
+ "kind": "non-text",
1491
+ "mode": "Light",
1492
+ "fgHex": "#4f3cc8",
1493
+ "bgHex": "#f6f1f8",
1494
+ "ratio": 6.7,
1495
+ "min": 3
1496
+ },
1231
1497
  {
1232
1498
  "component": "badge",
1233
1499
  "context": "ion-badge--information",
@@ -1466,6 +1732,34 @@
1466
1732
  "ratio": 7.47,
1467
1733
  "min": 3
1468
1734
  },
1735
+ {
1736
+ "component": "citation",
1737
+ "context": "ion-citation",
1738
+ "state": "hover",
1739
+ "fg": "--text-link",
1740
+ "bg": "--surface-primary-subtle-hover",
1741
+ "backdrop": "--surface-primary-subtle",
1742
+ "kind": "text",
1743
+ "mode": "Light",
1744
+ "fgHex": "#1541b2",
1745
+ "bgHex": "#e2f1fd",
1746
+ "ratio": 7.5,
1747
+ "min": 4.5
1748
+ },
1749
+ {
1750
+ "component": "approval-gate",
1751
+ "context": "ion-approval-gate__action--approve ion-approval-gate__action--approve",
1752
+ "state": "hover",
1753
+ "fg": "--text-on-color",
1754
+ "bg": "--surface-primary-hover",
1755
+ "backdrop": "--surface-information-subtle",
1756
+ "kind": "text",
1757
+ "mode": "Dark",
1758
+ "fgHex": "#000000",
1759
+ "bgHex": "#609cf0",
1760
+ "ratio": 7.51,
1761
+ "min": 4.5
1762
+ },
1469
1763
  {
1470
1764
  "component": "button",
1471
1765
  "context": "ion-button--primary-brand",
@@ -1620,6 +1914,34 @@
1620
1914
  "ratio": 7.65,
1621
1915
  "min": 4.5
1622
1916
  },
1917
+ {
1918
+ "component": "approval-gate",
1919
+ "context": "ion-approval-gate ion-approval-gate__resolution",
1920
+ "state": "default",
1921
+ "fg": "--text-information",
1922
+ "bg": "--surface-information-subtle",
1923
+ "backdrop": "--surface-information-subtle",
1924
+ "kind": "text",
1925
+ "mode": "Dark",
1926
+ "fgHex": "#adadf5",
1927
+ "bgHex": "#260769",
1928
+ "ratio": 7.65,
1929
+ "min": 4.5
1930
+ },
1931
+ {
1932
+ "component": "agent-stop",
1933
+ "context": "ion-agent-stop",
1934
+ "state": "pressed",
1935
+ "fg": "--text-default",
1936
+ "bg": "--surface-error-subtle-hover",
1937
+ "backdrop": "--surface-default",
1938
+ "kind": "text",
1939
+ "mode": "Dark",
1940
+ "fgHex": "#f6f8f9",
1941
+ "bgHex": "#981b1b",
1942
+ "ratio": 7.86,
1943
+ "min": 4.5
1944
+ },
1623
1945
  {
1624
1946
  "component": "button",
1625
1947
  "context": "ion-button--success",
@@ -1649,10 +1971,38 @@
1649
1971
  "min": 4.5
1650
1972
  },
1651
1973
  {
1652
- "component": "select",
1653
- "context": "ion-select--placeholder ion-select__field",
1974
+ "component": "citation",
1975
+ "context": "ion-citation",
1654
1976
  "state": "default",
1655
- "fg": "--text-tertiary",
1977
+ "fg": "--text-link",
1978
+ "bg": "--surface-primary-subtle",
1979
+ "backdrop": "--surface-primary-subtle",
1980
+ "kind": "text",
1981
+ "mode": "Light",
1982
+ "fgHex": "#1541b2",
1983
+ "bgHex": "#ebf7ff",
1984
+ "ratio": 7.93,
1985
+ "min": 4.5
1986
+ },
1987
+ {
1988
+ "component": "citation",
1989
+ "context": "ion-citation",
1990
+ "state": "focus",
1991
+ "fg": "--text-link",
1992
+ "bg": "--surface-primary-subtle",
1993
+ "backdrop": "--surface-primary-subtle",
1994
+ "kind": "text",
1995
+ "mode": "Light",
1996
+ "fgHex": "#1541b2",
1997
+ "bgHex": "#ebf7ff",
1998
+ "ratio": 7.93,
1999
+ "min": 4.5
2000
+ },
2001
+ {
2002
+ "component": "select",
2003
+ "context": "ion-select--placeholder ion-select__field",
2004
+ "state": "default",
2005
+ "fg": "--text-tertiary",
1656
2006
  "bg": "--surface-default",
1657
2007
  "backdrop": "--surface-default",
1658
2008
  "kind": "text",
@@ -1690,6 +2040,20 @@
1690
2040
  "ratio": 8.37,
1691
2041
  "min": 4.5
1692
2042
  },
2043
+ {
2044
+ "component": "approval-gate",
2045
+ "context": "ion-approval-gate__action--approve ion-approval-gate__action--approve",
2046
+ "state": "hover",
2047
+ "fg": "--text-on-color",
2048
+ "bg": "--surface-primary-hover",
2049
+ "backdrop": "--surface-information-subtle",
2050
+ "kind": "text",
2051
+ "mode": "Light",
2052
+ "fgHex": "#ffffff",
2053
+ "bgHex": "#1541b2",
2054
+ "ratio": 8.64,
2055
+ "min": 4.5
2056
+ },
1693
2057
  {
1694
2058
  "component": "button",
1695
2059
  "context": "ion-button--primary-brand",
@@ -1746,6 +2110,20 @@
1746
2110
  "ratio": 8.64,
1747
2111
  "min": 4.5
1748
2112
  },
2113
+ {
2114
+ "component": "agent-stop",
2115
+ "context": "ion-agent-stop",
2116
+ "state": "disabled",
2117
+ "fg": "--text-secondary",
2118
+ "bg": "--surface-muted",
2119
+ "backdrop": "--surface-default",
2120
+ "kind": "text",
2121
+ "mode": "Light",
2122
+ "fgHex": "#384252",
2123
+ "bgHex": "#f0f2f4",
2124
+ "ratio": 9.04,
2125
+ "min": 4.5
2126
+ },
1749
2127
  {
1750
2128
  "component": "alert",
1751
2129
  "context": "ion-alert--neutral",
@@ -1905,6 +2283,20 @@
1905
2283
  "ratio": 9.09,
1906
2284
  "min": 3
1907
2285
  },
2286
+ {
2287
+ "component": "approval-gate",
2288
+ "context": "ion-approval-gate ion-approval-gate__detail",
2289
+ "state": "default",
2290
+ "fg": "--text-secondary",
2291
+ "bg": "--surface-information-subtle",
2292
+ "backdrop": "--surface-information-subtle",
2293
+ "kind": "text",
2294
+ "mode": "Light",
2295
+ "fgHex": "#384252",
2296
+ "bgHex": "#f6f1f8",
2297
+ "ratio": 9.11,
2298
+ "min": 4.5
2299
+ },
1908
2300
  {
1909
2301
  "component": "table",
1910
2302
  "context": "ion-table",
@@ -2017,6 +2409,20 @@
2017
2409
  "ratio": 9.34,
2018
2410
  "min": 4.5
2019
2411
  },
2412
+ {
2413
+ "component": "approval-gate",
2414
+ "context": "ion-approval-gate ion-approval-gate__resolution",
2415
+ "state": "default",
2416
+ "fg": "--text-information",
2417
+ "bg": "--surface-information-subtle",
2418
+ "backdrop": "--surface-information-subtle",
2419
+ "kind": "text",
2420
+ "mode": "Light",
2421
+ "fgHex": "#4715b2",
2422
+ "bgHex": "#f6f1f8",
2423
+ "ratio": 9.34,
2424
+ "min": 4.5
2425
+ },
2020
2426
  {
2021
2427
  "component": "button",
2022
2428
  "context": "ion-button--secondary",
@@ -2495,6 +2901,20 @@
2495
2901
  "ratio": 11.34,
2496
2902
  "min": 4.5
2497
2903
  },
2904
+ {
2905
+ "component": "agent-stop",
2906
+ "context": "ion-agent-stop",
2907
+ "state": "disabled",
2908
+ "fg": "--text-secondary",
2909
+ "bg": "--surface-muted",
2910
+ "backdrop": "--surface-default",
2911
+ "kind": "text",
2912
+ "mode": "Dark",
2913
+ "fgHex": "#dde0e4",
2914
+ "bgHex": "#1d2735",
2915
+ "ratio": 11.38,
2916
+ "min": 4.5
2917
+ },
2498
2918
  {
2499
2919
  "component": "alert",
2500
2920
  "context": "ion-alert--neutral",
@@ -2705,6 +3125,20 @@
2705
3125
  "ratio": 11.89,
2706
3126
  "min": 4.5
2707
3127
  },
3128
+ {
3129
+ "component": "approval-gate",
3130
+ "context": "ion-approval-gate ion-approval-gate__detail",
3131
+ "state": "default",
3132
+ "fg": "--text-secondary",
3133
+ "bg": "--surface-information-subtle",
3134
+ "backdrop": "--surface-information-subtle",
3135
+ "kind": "text",
3136
+ "mode": "Dark",
3137
+ "fgHex": "#dde0e4",
3138
+ "bgHex": "#260769",
3139
+ "ratio": 12.04,
3140
+ "min": 4.5
3141
+ },
2708
3142
  {
2709
3143
  "component": "button",
2710
3144
  "context": "ion-button--success",
@@ -2831,6 +3265,21 @@
2831
3265
  "ratio": 13.36,
2832
3266
  "min": 4.5
2833
3267
  },
3268
+ {
3269
+ "component": "approval-gate",
3270
+ "context": "ion-approval-gate ion-approval-gate__action",
3271
+ "state": "hover",
3272
+ "fg": "--text-default",
3273
+ "bg": "--surface-hover",
3274
+ "backdrop": "--surface-information-subtle",
3275
+ "kind": "text",
3276
+ "mode": "Dark",
3277
+ "fgHex": "#f6f8f9",
3278
+ "bgHex": "#311371",
3279
+ "compositedOver": "--surface-information-subtle",
3280
+ "ratio": 13.48,
3281
+ "min": 4.5
3282
+ },
2834
3283
  {
2835
3284
  "component": "menu",
2836
3285
  "context": "ion-menu__item--selected ion-menu__item--selected",
@@ -2846,6 +3295,20 @@
2846
3295
  "ratio": 13.49,
2847
3296
  "min": 3
2848
3297
  },
3298
+ {
3299
+ "component": "approval-gate",
3300
+ "context": "ion-approval-gate--low",
3301
+ "state": "default",
3302
+ "fg": "--text-default",
3303
+ "bg": "--surface-muted",
3304
+ "backdrop": "--surface-muted",
3305
+ "kind": "text",
3306
+ "mode": "Dark",
3307
+ "fgHex": "#f6f8f9",
3308
+ "bgHex": "#1d2735",
3309
+ "ratio": 14.14,
3310
+ "min": 4.5
3311
+ },
2849
3312
  {
2850
3313
  "component": "popover",
2851
3314
  "context": "ion-popover ion-popover__title",
@@ -2888,6 +3351,21 @@
2888
3351
  "ratio": 14.14,
2889
3352
  "min": 4.5
2890
3353
  },
3354
+ {
3355
+ "component": "approval-gate",
3356
+ "context": "ion-approval-gate ion-approval-gate__action",
3357
+ "state": "hover",
3358
+ "fg": "--text-default",
3359
+ "bg": "--surface-hover",
3360
+ "backdrop": "--surface-information-subtle",
3361
+ "kind": "text",
3362
+ "mode": "Light",
3363
+ "fgHex": "#131923",
3364
+ "bgHex": "#eae5ec",
3365
+ "compositedOver": "--surface-information-subtle",
3366
+ "ratio": 14.19,
3367
+ "min": 4.5
3368
+ },
2891
3369
  {
2892
3370
  "component": "menu",
2893
3371
  "context": "ion-menu ion-menu__item",
@@ -2933,6 +3411,104 @@
2933
3411
  "ratio": 14.7,
2934
3412
  "min": 4.5
2935
3413
  },
3414
+ {
3415
+ "component": "approval-gate",
3416
+ "context": "ion-approval-gate--high",
3417
+ "state": "default",
3418
+ "fg": "--text-default",
3419
+ "bg": "--surface-warning-subtle",
3420
+ "backdrop": "--surface-warning-subtle",
3421
+ "kind": "text",
3422
+ "mode": "Dark",
3423
+ "fgHex": "#f6f8f9",
3424
+ "bgHex": "#401604",
3425
+ "ratio": 14.77,
3426
+ "min": 4.5
3427
+ },
3428
+ {
3429
+ "component": "agent-stop",
3430
+ "context": "ion-agent-stop",
3431
+ "state": "pressed",
3432
+ "fg": "--text-default",
3433
+ "bg": "--surface-error-subtle-hover",
3434
+ "backdrop": "--surface-default",
3435
+ "kind": "text",
3436
+ "mode": "Light",
3437
+ "fgHex": "#131923",
3438
+ "bgHex": "#fee7e7",
3439
+ "ratio": 14.94,
3440
+ "min": 4.5
3441
+ },
3442
+ {
3443
+ "component": "approval-gate",
3444
+ "context": "ion-approval-gate",
3445
+ "state": "default",
3446
+ "fg": "--text-default",
3447
+ "bg": "--surface-information-subtle",
3448
+ "backdrop": "--surface-information-subtle",
3449
+ "kind": "text",
3450
+ "mode": "Dark",
3451
+ "fgHex": "#f6f8f9",
3452
+ "bgHex": "#260769",
3453
+ "ratio": 14.97,
3454
+ "min": 4.5
3455
+ },
3456
+ {
3457
+ "component": "approval-gate",
3458
+ "context": "ion-approval-gate ion-approval-gate__body",
3459
+ "state": "default",
3460
+ "fg": "--text-default",
3461
+ "bg": "--surface-information-subtle",
3462
+ "backdrop": "--surface-information-subtle",
3463
+ "kind": "text",
3464
+ "mode": "Dark",
3465
+ "fgHex": "#f6f8f9",
3466
+ "bgHex": "#260769",
3467
+ "ratio": 14.97,
3468
+ "min": 4.5
3469
+ },
3470
+ {
3471
+ "component": "approval-gate",
3472
+ "context": "ion-approval-gate ion-approval-gate__title",
3473
+ "state": "default",
3474
+ "fg": "--text-default",
3475
+ "bg": "--surface-information-subtle",
3476
+ "backdrop": "--surface-information-subtle",
3477
+ "kind": "text",
3478
+ "mode": "Dark",
3479
+ "fgHex": "#f6f8f9",
3480
+ "bgHex": "#260769",
3481
+ "ratio": 14.97,
3482
+ "min": 4.5
3483
+ },
3484
+ {
3485
+ "component": "approval-gate",
3486
+ "context": "ion-approval-gate ion-approval-gate__title",
3487
+ "state": "focus",
3488
+ "fg": "--text-default",
3489
+ "bg": "--surface-information-subtle",
3490
+ "backdrop": "--surface-information-subtle",
3491
+ "kind": "text",
3492
+ "mode": "Dark",
3493
+ "fgHex": "#f6f8f9",
3494
+ "bgHex": "#260769",
3495
+ "ratio": 14.97,
3496
+ "min": 4.5
3497
+ },
3498
+ {
3499
+ "component": "approval-gate",
3500
+ "context": "ion-approval-gate ion-approval-gate__actions",
3501
+ "state": "default",
3502
+ "fg": "--text-default",
3503
+ "bg": "--surface-information-subtle",
3504
+ "backdrop": "--surface-information-subtle",
3505
+ "kind": "text",
3506
+ "mode": "Dark",
3507
+ "fgHex": "#f6f8f9",
3508
+ "bgHex": "#260769",
3509
+ "ratio": 14.97,
3510
+ "min": 4.5
3511
+ },
2936
3512
  {
2937
3513
  "component": "alert",
2938
3514
  "context": "ion-alert--solid&ion-alert--neutral",
@@ -3046,49 +3622,133 @@
3046
3622
  "min": 3
3047
3623
  },
3048
3624
  {
3049
- "component": "button",
3050
- "context": "ion-button--secondary",
3625
+ "component": "approval-gate",
3626
+ "context": "ion-approval-gate--low",
3051
3627
  "state": "default",
3052
- "fg": "--text-secondary",
3053
- "bg": "--surface-default",
3054
- "backdrop": null,
3628
+ "fg": "--text-default",
3629
+ "bg": "--surface-muted",
3630
+ "backdrop": "--surface-muted",
3055
3631
  "kind": "text",
3056
- "mode": "Dark",
3057
- "fgHex": "#dde0e4",
3058
- "bgHex": "#000000",
3059
- "ratio": 15.86,
3632
+ "mode": "Light",
3633
+ "fgHex": "#131923",
3634
+ "bgHex": "#f0f2f4",
3635
+ "ratio": 15.71,
3060
3636
  "min": 4.5
3061
3637
  },
3062
3638
  {
3063
- "component": "menu",
3064
- "context": "ion-menu ion-menu__item",
3639
+ "component": "approval-gate",
3640
+ "context": "ion-approval-gate",
3065
3641
  "state": "default",
3066
- "fg": "--text-secondary",
3067
- "bg": "--surface-default",
3068
- "backdrop": "--surface-default",
3642
+ "fg": "--text-default",
3643
+ "bg": "--surface-information-subtle",
3644
+ "backdrop": "--surface-information-subtle",
3069
3645
  "kind": "text",
3070
- "mode": "Dark",
3071
- "fgHex": "#dde0e4",
3072
- "bgHex": "#000000",
3073
- "ratio": 15.86,
3646
+ "mode": "Light",
3647
+ "fgHex": "#131923",
3648
+ "bgHex": "#f6f1f8",
3649
+ "ratio": 15.83,
3074
3650
  "min": 4.5
3075
3651
  },
3076
3652
  {
3077
- "component": "menu",
3078
- "context": "ion-menu ion-menu__item",
3079
- "state": "focus",
3080
- "fg": "--text-secondary",
3081
- "bg": "--surface-default",
3082
- "backdrop": "--surface-default",
3653
+ "component": "approval-gate",
3654
+ "context": "ion-approval-gate ion-approval-gate__body",
3655
+ "state": "default",
3656
+ "fg": "--text-default",
3657
+ "bg": "--surface-information-subtle",
3658
+ "backdrop": "--surface-information-subtle",
3083
3659
  "kind": "text",
3084
- "mode": "Dark",
3085
- "fgHex": "#dde0e4",
3086
- "bgHex": "#000000",
3087
- "ratio": 15.86,
3660
+ "mode": "Light",
3661
+ "fgHex": "#131923",
3662
+ "bgHex": "#f6f1f8",
3663
+ "ratio": 15.83,
3088
3664
  "min": 4.5
3089
3665
  },
3090
3666
  {
3091
- "component": "modal",
3667
+ "component": "approval-gate",
3668
+ "context": "ion-approval-gate ion-approval-gate__title",
3669
+ "state": "default",
3670
+ "fg": "--text-default",
3671
+ "bg": "--surface-information-subtle",
3672
+ "backdrop": "--surface-information-subtle",
3673
+ "kind": "text",
3674
+ "mode": "Light",
3675
+ "fgHex": "#131923",
3676
+ "bgHex": "#f6f1f8",
3677
+ "ratio": 15.83,
3678
+ "min": 4.5
3679
+ },
3680
+ {
3681
+ "component": "approval-gate",
3682
+ "context": "ion-approval-gate ion-approval-gate__title",
3683
+ "state": "focus",
3684
+ "fg": "--text-default",
3685
+ "bg": "--surface-information-subtle",
3686
+ "backdrop": "--surface-information-subtle",
3687
+ "kind": "text",
3688
+ "mode": "Light",
3689
+ "fgHex": "#131923",
3690
+ "bgHex": "#f6f1f8",
3691
+ "ratio": 15.83,
3692
+ "min": 4.5
3693
+ },
3694
+ {
3695
+ "component": "approval-gate",
3696
+ "context": "ion-approval-gate ion-approval-gate__actions",
3697
+ "state": "default",
3698
+ "fg": "--text-default",
3699
+ "bg": "--surface-information-subtle",
3700
+ "backdrop": "--surface-information-subtle",
3701
+ "kind": "text",
3702
+ "mode": "Light",
3703
+ "fgHex": "#131923",
3704
+ "bgHex": "#f6f1f8",
3705
+ "ratio": 15.83,
3706
+ "min": 4.5
3707
+ },
3708
+ {
3709
+ "component": "button",
3710
+ "context": "ion-button--secondary",
3711
+ "state": "default",
3712
+ "fg": "--text-secondary",
3713
+ "bg": "--surface-default",
3714
+ "backdrop": null,
3715
+ "kind": "text",
3716
+ "mode": "Dark",
3717
+ "fgHex": "#dde0e4",
3718
+ "bgHex": "#000000",
3719
+ "ratio": 15.86,
3720
+ "min": 4.5
3721
+ },
3722
+ {
3723
+ "component": "menu",
3724
+ "context": "ion-menu ion-menu__item",
3725
+ "state": "default",
3726
+ "fg": "--text-secondary",
3727
+ "bg": "--surface-default",
3728
+ "backdrop": "--surface-default",
3729
+ "kind": "text",
3730
+ "mode": "Dark",
3731
+ "fgHex": "#dde0e4",
3732
+ "bgHex": "#000000",
3733
+ "ratio": 15.86,
3734
+ "min": 4.5
3735
+ },
3736
+ {
3737
+ "component": "menu",
3738
+ "context": "ion-menu ion-menu__item",
3739
+ "state": "focus",
3740
+ "fg": "--text-secondary",
3741
+ "bg": "--surface-default",
3742
+ "backdrop": "--surface-default",
3743
+ "kind": "text",
3744
+ "mode": "Dark",
3745
+ "fgHex": "#dde0e4",
3746
+ "bgHex": "#000000",
3747
+ "ratio": 15.86,
3748
+ "min": 4.5
3749
+ },
3750
+ {
3751
+ "component": "modal",
3092
3752
  "context": "ion-modal ion-modal__description",
3093
3753
  "state": "default",
3094
3754
  "fg": "--text-secondary",
@@ -3255,6 +3915,20 @@
3255
3915
  "ratio": 15.86,
3256
3916
  "min": 3
3257
3917
  },
3918
+ {
3919
+ "component": "approval-gate",
3920
+ "context": "ion-approval-gate--high",
3921
+ "state": "default",
3922
+ "fg": "--text-default",
3923
+ "bg": "--surface-warning-subtle",
3924
+ "backdrop": "--surface-warning-subtle",
3925
+ "kind": "text",
3926
+ "mode": "Light",
3927
+ "fgHex": "#131923",
3928
+ "bgHex": "#fff4e5",
3929
+ "ratio": 16.22,
3930
+ "min": 4.5
3931
+ },
3258
3932
  {
3259
3933
  "component": "tabs",
3260
3934
  "context": "ion-tabs__item--pill ion-tabs__item--pill",
@@ -3312,6 +3986,174 @@
3312
3986
  "ratio": 17.35,
3313
3987
  "min": 3
3314
3988
  },
3989
+ {
3990
+ "component": "agent-stop",
3991
+ "context": "ion-agent-stop",
3992
+ "state": "default",
3993
+ "fg": "--text-default",
3994
+ "bg": "--surface-default",
3995
+ "backdrop": "--surface-default",
3996
+ "kind": "text",
3997
+ "mode": "Light",
3998
+ "fgHex": "#131923",
3999
+ "bgHex": "#ffffff",
4000
+ "ratio": 17.63,
4001
+ "min": 4.5
4002
+ },
4003
+ {
4004
+ "component": "agent-stop",
4005
+ "context": "ion-agent-stop",
4006
+ "state": "focus",
4007
+ "fg": "--text-default",
4008
+ "bg": "--surface-default",
4009
+ "backdrop": "--surface-default",
4010
+ "kind": "text",
4011
+ "mode": "Light",
4012
+ "fgHex": "#131923",
4013
+ "bgHex": "#ffffff",
4014
+ "ratio": 17.63,
4015
+ "min": 4.5
4016
+ },
4017
+ {
4018
+ "component": "agent-stop",
4019
+ "context": "ion-agent-stop ion-agent-stop__glyph",
4020
+ "state": "default",
4021
+ "fg": "--text-default",
4022
+ "bg": "--surface-default",
4023
+ "backdrop": "--surface-default",
4024
+ "kind": "text",
4025
+ "mode": "Light",
4026
+ "fgHex": "#131923",
4027
+ "bgHex": "#ffffff",
4028
+ "ratio": 17.63,
4029
+ "min": 4.5
4030
+ },
4031
+ {
4032
+ "component": "agent-stop",
4033
+ "context": "ion-agent-stop--sm",
4034
+ "state": "default",
4035
+ "fg": "--text-default",
4036
+ "bg": "--surface-default",
4037
+ "backdrop": "--surface-default",
4038
+ "kind": "text",
4039
+ "mode": "Light",
4040
+ "fgHex": "#131923",
4041
+ "bgHex": "#ffffff",
4042
+ "ratio": 17.63,
4043
+ "min": 4.5
4044
+ },
4045
+ {
4046
+ "component": "agent-stop",
4047
+ "context": "ion-agent-stop--sm ion-agent-stop__glyph",
4048
+ "state": "default",
4049
+ "fg": "--text-default",
4050
+ "bg": "--surface-default",
4051
+ "backdrop": "--surface-default",
4052
+ "kind": "text",
4053
+ "mode": "Light",
4054
+ "fgHex": "#131923",
4055
+ "bgHex": "#ffffff",
4056
+ "ratio": 17.63,
4057
+ "min": 4.5
4058
+ },
4059
+ {
4060
+ "component": "agent-stop",
4061
+ "context": "ion-agent-stop--lg",
4062
+ "state": "default",
4063
+ "fg": "--text-default",
4064
+ "bg": "--surface-default",
4065
+ "backdrop": "--surface-default",
4066
+ "kind": "text",
4067
+ "mode": "Light",
4068
+ "fgHex": "#131923",
4069
+ "bgHex": "#ffffff",
4070
+ "ratio": 17.63,
4071
+ "min": 4.5
4072
+ },
4073
+ {
4074
+ "component": "agent-stop",
4075
+ "context": "ion-agent-stop--lg ion-agent-stop__glyph",
4076
+ "state": "default",
4077
+ "fg": "--text-default",
4078
+ "bg": "--surface-default",
4079
+ "backdrop": "--surface-default",
4080
+ "kind": "text",
4081
+ "mode": "Light",
4082
+ "fgHex": "#131923",
4083
+ "bgHex": "#ffffff",
4084
+ "ratio": 17.63,
4085
+ "min": 4.5
4086
+ },
4087
+ {
4088
+ "component": "approval-gate",
4089
+ "context": "ion-approval-gate--approved",
4090
+ "state": "default",
4091
+ "fg": "--text-default",
4092
+ "bg": "--surface-default",
4093
+ "backdrop": "--surface-default",
4094
+ "kind": "text",
4095
+ "mode": "Light",
4096
+ "fgHex": "#131923",
4097
+ "bgHex": "#ffffff",
4098
+ "ratio": 17.63,
4099
+ "min": 4.5
4100
+ },
4101
+ {
4102
+ "component": "approval-gate",
4103
+ "context": "ion-approval-gate--rejected",
4104
+ "state": "default",
4105
+ "fg": "--text-default",
4106
+ "bg": "--surface-default",
4107
+ "backdrop": "--surface-default",
4108
+ "kind": "text",
4109
+ "mode": "Light",
4110
+ "fgHex": "#131923",
4111
+ "bgHex": "#ffffff",
4112
+ "ratio": 17.63,
4113
+ "min": 4.5
4114
+ },
4115
+ {
4116
+ "component": "approval-gate",
4117
+ "context": "ion-approval-gate--expired",
4118
+ "state": "default",
4119
+ "fg": "--text-default",
4120
+ "bg": "--surface-default",
4121
+ "backdrop": "--surface-default",
4122
+ "kind": "text",
4123
+ "mode": "Light",
4124
+ "fgHex": "#131923",
4125
+ "bgHex": "#ffffff",
4126
+ "ratio": 17.63,
4127
+ "min": 4.5
4128
+ },
4129
+ {
4130
+ "component": "approval-gate",
4131
+ "context": "ion-approval-gate ion-approval-gate__action",
4132
+ "state": "default",
4133
+ "fg": "--text-default",
4134
+ "bg": "--surface-default",
4135
+ "backdrop": "--surface-information-subtle",
4136
+ "kind": "text",
4137
+ "mode": "Light",
4138
+ "fgHex": "#131923",
4139
+ "bgHex": "#ffffff",
4140
+ "ratio": 17.63,
4141
+ "min": 4.5
4142
+ },
4143
+ {
4144
+ "component": "approval-gate",
4145
+ "context": "ion-approval-gate ion-approval-gate__action",
4146
+ "state": "focus",
4147
+ "fg": "--text-default",
4148
+ "bg": "--surface-default",
4149
+ "backdrop": "--surface-information-subtle",
4150
+ "kind": "text",
4151
+ "mode": "Light",
4152
+ "fgHex": "#131923",
4153
+ "bgHex": "#ffffff",
4154
+ "ratio": 17.63,
4155
+ "min": 4.5
4156
+ },
3315
4157
  {
3316
4158
  "component": "modal",
3317
4159
  "context": "ion-modal ion-modal__title",
@@ -3452,6 +4294,174 @@
3452
4294
  "ratio": 18.71,
3453
4295
  "min": 3
3454
4296
  },
4297
+ {
4298
+ "component": "agent-stop",
4299
+ "context": "ion-agent-stop",
4300
+ "state": "default",
4301
+ "fg": "--text-default",
4302
+ "bg": "--surface-default",
4303
+ "backdrop": "--surface-default",
4304
+ "kind": "text",
4305
+ "mode": "Dark",
4306
+ "fgHex": "#f6f8f9",
4307
+ "bgHex": "#000000",
4308
+ "ratio": 19.71,
4309
+ "min": 4.5
4310
+ },
4311
+ {
4312
+ "component": "agent-stop",
4313
+ "context": "ion-agent-stop",
4314
+ "state": "focus",
4315
+ "fg": "--text-default",
4316
+ "bg": "--surface-default",
4317
+ "backdrop": "--surface-default",
4318
+ "kind": "text",
4319
+ "mode": "Dark",
4320
+ "fgHex": "#f6f8f9",
4321
+ "bgHex": "#000000",
4322
+ "ratio": 19.71,
4323
+ "min": 4.5
4324
+ },
4325
+ {
4326
+ "component": "agent-stop",
4327
+ "context": "ion-agent-stop ion-agent-stop__glyph",
4328
+ "state": "default",
4329
+ "fg": "--text-default",
4330
+ "bg": "--surface-default",
4331
+ "backdrop": "--surface-default",
4332
+ "kind": "text",
4333
+ "mode": "Dark",
4334
+ "fgHex": "#f6f8f9",
4335
+ "bgHex": "#000000",
4336
+ "ratio": 19.71,
4337
+ "min": 4.5
4338
+ },
4339
+ {
4340
+ "component": "agent-stop",
4341
+ "context": "ion-agent-stop--sm",
4342
+ "state": "default",
4343
+ "fg": "--text-default",
4344
+ "bg": "--surface-default",
4345
+ "backdrop": "--surface-default",
4346
+ "kind": "text",
4347
+ "mode": "Dark",
4348
+ "fgHex": "#f6f8f9",
4349
+ "bgHex": "#000000",
4350
+ "ratio": 19.71,
4351
+ "min": 4.5
4352
+ },
4353
+ {
4354
+ "component": "agent-stop",
4355
+ "context": "ion-agent-stop--sm ion-agent-stop__glyph",
4356
+ "state": "default",
4357
+ "fg": "--text-default",
4358
+ "bg": "--surface-default",
4359
+ "backdrop": "--surface-default",
4360
+ "kind": "text",
4361
+ "mode": "Dark",
4362
+ "fgHex": "#f6f8f9",
4363
+ "bgHex": "#000000",
4364
+ "ratio": 19.71,
4365
+ "min": 4.5
4366
+ },
4367
+ {
4368
+ "component": "agent-stop",
4369
+ "context": "ion-agent-stop--lg",
4370
+ "state": "default",
4371
+ "fg": "--text-default",
4372
+ "bg": "--surface-default",
4373
+ "backdrop": "--surface-default",
4374
+ "kind": "text",
4375
+ "mode": "Dark",
4376
+ "fgHex": "#f6f8f9",
4377
+ "bgHex": "#000000",
4378
+ "ratio": 19.71,
4379
+ "min": 4.5
4380
+ },
4381
+ {
4382
+ "component": "agent-stop",
4383
+ "context": "ion-agent-stop--lg ion-agent-stop__glyph",
4384
+ "state": "default",
4385
+ "fg": "--text-default",
4386
+ "bg": "--surface-default",
4387
+ "backdrop": "--surface-default",
4388
+ "kind": "text",
4389
+ "mode": "Dark",
4390
+ "fgHex": "#f6f8f9",
4391
+ "bgHex": "#000000",
4392
+ "ratio": 19.71,
4393
+ "min": 4.5
4394
+ },
4395
+ {
4396
+ "component": "approval-gate",
4397
+ "context": "ion-approval-gate--approved",
4398
+ "state": "default",
4399
+ "fg": "--text-default",
4400
+ "bg": "--surface-default",
4401
+ "backdrop": "--surface-default",
4402
+ "kind": "text",
4403
+ "mode": "Dark",
4404
+ "fgHex": "#f6f8f9",
4405
+ "bgHex": "#000000",
4406
+ "ratio": 19.71,
4407
+ "min": 4.5
4408
+ },
4409
+ {
4410
+ "component": "approval-gate",
4411
+ "context": "ion-approval-gate--rejected",
4412
+ "state": "default",
4413
+ "fg": "--text-default",
4414
+ "bg": "--surface-default",
4415
+ "backdrop": "--surface-default",
4416
+ "kind": "text",
4417
+ "mode": "Dark",
4418
+ "fgHex": "#f6f8f9",
4419
+ "bgHex": "#000000",
4420
+ "ratio": 19.71,
4421
+ "min": 4.5
4422
+ },
4423
+ {
4424
+ "component": "approval-gate",
4425
+ "context": "ion-approval-gate--expired",
4426
+ "state": "default",
4427
+ "fg": "--text-default",
4428
+ "bg": "--surface-default",
4429
+ "backdrop": "--surface-default",
4430
+ "kind": "text",
4431
+ "mode": "Dark",
4432
+ "fgHex": "#f6f8f9",
4433
+ "bgHex": "#000000",
4434
+ "ratio": 19.71,
4435
+ "min": 4.5
4436
+ },
4437
+ {
4438
+ "component": "approval-gate",
4439
+ "context": "ion-approval-gate ion-approval-gate__action",
4440
+ "state": "default",
4441
+ "fg": "--text-default",
4442
+ "bg": "--surface-default",
4443
+ "backdrop": "--surface-information-subtle",
4444
+ "kind": "text",
4445
+ "mode": "Dark",
4446
+ "fgHex": "#f6f8f9",
4447
+ "bgHex": "#000000",
4448
+ "ratio": 19.71,
4449
+ "min": 4.5
4450
+ },
4451
+ {
4452
+ "component": "approval-gate",
4453
+ "context": "ion-approval-gate ion-approval-gate__action",
4454
+ "state": "focus",
4455
+ "fg": "--text-default",
4456
+ "bg": "--surface-default",
4457
+ "backdrop": "--surface-information-subtle",
4458
+ "kind": "text",
4459
+ "mode": "Dark",
4460
+ "fgHex": "#f6f8f9",
4461
+ "bgHex": "#000000",
4462
+ "ratio": 19.71,
4463
+ "min": 4.5
4464
+ },
3455
4465
  {
3456
4466
  "component": "modal",
3457
4467
  "context": "ion-modal ion-modal__title",
@@ -3536,6 +4546,50 @@
3536
4546
  "Input",
3537
4547
  "Select"
3538
4548
  ]
4549
+ },
4550
+ {
4551
+ "fg": "--text-secondary",
4552
+ "bg": "--icon-warning",
4553
+ "mode": "Light",
4554
+ "kind": "wcag-exempt",
4555
+ "ratio": 1.7,
4556
+ "reason": "Not a text pairing. `.ion-confidence__bar--on` is an empty, aria-hidden <span> — the gate pairs the inherited text colour against its background because it models every element as potentially holding text. There is no text here and SC 1.4.3 does not apply. What DOES apply is SC 1.4.11, and it was measured by hand: the filled bar reads 5.32:1 against the unfilled one, and the unfilled bar's outline reads 7.09:1 against the page. Both clear 3:1.",
4557
+ "affects": [
4558
+ "ConfidenceIndicator"
4559
+ ]
4560
+ },
4561
+ {
4562
+ "fg": "--text-secondary",
4563
+ "bg": "--icon-information",
4564
+ "mode": "Light",
4565
+ "kind": "wcag-exempt",
4566
+ "ratio": 1.36,
4567
+ "reason": "As above — an empty bar, not text. Filled vs unfilled measures 6.65:1, over the 3:1 SC 1.4.11 asks of a non-text indicator.",
4568
+ "affects": [
4569
+ "ConfidenceIndicator"
4570
+ ]
4571
+ },
4572
+ {
4573
+ "fg": "--text-secondary",
4574
+ "bg": "--icon-success",
4575
+ "mode": "Light",
4576
+ "kind": "wcag-exempt",
4577
+ "ratio": 1.94,
4578
+ "reason": "As above — an empty bar, not text. Filled vs unfilled measures 4.67:1, over 3:1.",
4579
+ "affects": [
4580
+ "ConfidenceIndicator"
4581
+ ]
4582
+ },
4583
+ {
4584
+ "fg": "--text-default",
4585
+ "bg": "--text-tertiary",
4586
+ "mode": "Light",
4587
+ "kind": "wcag-exempt",
4588
+ "ratio": 2.33,
4589
+ "reason": "Not a text pairing. `.ion-streaming-text__cursor` is an empty, aria-hidden <span> drawn as a block — deliberately not a text character, since some screen readers read a literal cursor glyph aloud. The gate pairs the paragraph's inherited colour against the cursor's background. Measured properly, the cursor is 7.09:1 against the page.",
4590
+ "affects": [
4591
+ "StreamingText"
4592
+ ]
3539
4593
  }
3540
4594
  ],
3541
4595
  "deferred": [