ionbase-ui 0.21.0 → 0.24.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.
@@ -8,6 +8,20 @@
8
8
  "Dark"
9
9
  ],
10
10
  "pairings": [
11
+ {
12
+ "component": "approval-gate",
13
+ "context": "ion-approval-gate ion-approval-gate__action",
14
+ "state": "disabled",
15
+ "fg": "--text-disabled",
16
+ "bg": "--surface-disabled",
17
+ "backdrop": "--surface-information-subtle",
18
+ "kind": "text",
19
+ "mode": "Dark",
20
+ "fgHex": "#6b7280",
21
+ "bgHex": "#1d2735",
22
+ "ratio": 3.12,
23
+ "min": 4.5
24
+ },
11
25
  {
12
26
  "component": "button",
13
27
  "context": "ion-button",
@@ -289,6 +303,20 @@
289
303
  "ratio": 4.12,
290
304
  "min": 3
291
305
  },
306
+ {
307
+ "component": "approval-gate",
308
+ "context": "ion-approval-gate ion-approval-gate__icon",
309
+ "state": "default",
310
+ "fg": "--icon-information",
311
+ "bg": "--surface-information-subtle",
312
+ "backdrop": "--surface-information-subtle",
313
+ "kind": "non-text",
314
+ "mode": "Dark",
315
+ "fgHex": "#7e6ff1",
316
+ "bgHex": "#260769",
317
+ "ratio": 4.12,
318
+ "min": 3
319
+ },
292
320
  {
293
321
  "component": "badge",
294
322
  "context": "ion-badge--information",
@@ -331,6 +359,20 @@
331
359
  "ratio": 4.25,
332
360
  "min": 4.5
333
361
  },
362
+ {
363
+ "component": "approval-gate",
364
+ "context": "ion-approval-gate ion-approval-gate__action",
365
+ "state": "disabled",
366
+ "fg": "--text-disabled",
367
+ "bg": "--surface-disabled",
368
+ "backdrop": "--surface-information-subtle",
369
+ "kind": "text",
370
+ "mode": "Light",
371
+ "fgHex": "#6b7280",
372
+ "bgHex": "#f0f2f4",
373
+ "ratio": 4.31,
374
+ "min": 4.5
375
+ },
334
376
  {
335
377
  "component": "button",
336
378
  "context": "ion-button",
@@ -555,6 +597,20 @@
555
597
  "ratio": 4.58,
556
598
  "min": 4.5
557
599
  },
600
+ {
601
+ "component": "approval-gate",
602
+ "context": "ion-approval-gate__action--approve ion-approval-gate__action--approve",
603
+ "state": "default",
604
+ "fg": "--text-on-color",
605
+ "bg": "--surface-primary",
606
+ "backdrop": "--surface-information-subtle",
607
+ "kind": "text",
608
+ "mode": "Dark",
609
+ "fgHex": "#000000",
610
+ "bgHex": "#286ef0",
611
+ "ratio": 4.58,
612
+ "min": 4.5
613
+ },
558
614
  {
559
615
  "component": "button",
560
616
  "context": "ion-button--primary-brand",
@@ -849,6 +905,20 @@
849
905
  "ratio": 5.38,
850
906
  "min": 4.5
851
907
  },
908
+ {
909
+ "component": "approval-gate",
910
+ "context": "ion-approval-gate__action--approve ion-approval-gate__action--approve",
911
+ "state": "default",
912
+ "fg": "--text-on-color",
913
+ "bg": "--surface-primary",
914
+ "backdrop": "--surface-information-subtle",
915
+ "kind": "text",
916
+ "mode": "Light",
917
+ "fgHex": "#ffffff",
918
+ "bgHex": "#1c62e3",
919
+ "ratio": 5.38,
920
+ "min": 4.5
921
+ },
852
922
  {
853
923
  "component": "button",
854
924
  "context": "ion-button--primary-brand",
@@ -947,6 +1017,20 @@
947
1017
  "ratio": 5.55,
948
1018
  "min": 4.5
949
1019
  },
1020
+ {
1021
+ "component": "agent-stop",
1022
+ "context": "ion-agent-stop",
1023
+ "state": "hover",
1024
+ "fg": "--text-error",
1025
+ "bg": "--surface-error-subtle",
1026
+ "backdrop": "--surface-default",
1027
+ "kind": "text",
1028
+ "mode": "Dark",
1029
+ "fgHex": "#ffadad",
1030
+ "bgHex": "#811d1d",
1031
+ "ratio": 5.56,
1032
+ "min": 4.5
1033
+ },
950
1034
  {
951
1035
  "component": "alert",
952
1036
  "context": "ion-alert--error",
@@ -989,6 +1073,20 @@
989
1073
  "ratio": 5.7,
990
1074
  "min": 4.5
991
1075
  },
1076
+ {
1077
+ "component": "agent-stop",
1078
+ "context": "ion-agent-stop",
1079
+ "state": "hover",
1080
+ "fg": "--text-error",
1081
+ "bg": "--surface-error-subtle",
1082
+ "backdrop": "--surface-default",
1083
+ "kind": "text",
1084
+ "mode": "Light",
1085
+ "fgHex": "#ba1c1c",
1086
+ "bgHex": "#fef1f1",
1087
+ "ratio": 5.83,
1088
+ "min": 4.5
1089
+ },
992
1090
  {
993
1091
  "component": "alert",
994
1092
  "context": "ion-alert--error",
@@ -1228,6 +1326,20 @@
1228
1326
  "ratio": 6.7,
1229
1327
  "min": 3
1230
1328
  },
1329
+ {
1330
+ "component": "approval-gate",
1331
+ "context": "ion-approval-gate ion-approval-gate__icon",
1332
+ "state": "default",
1333
+ "fg": "--icon-information",
1334
+ "bg": "--surface-information-subtle",
1335
+ "backdrop": "--surface-information-subtle",
1336
+ "kind": "non-text",
1337
+ "mode": "Light",
1338
+ "fgHex": "#4f3cc8",
1339
+ "bgHex": "#f6f1f8",
1340
+ "ratio": 6.7,
1341
+ "min": 3
1342
+ },
1231
1343
  {
1232
1344
  "component": "badge",
1233
1345
  "context": "ion-badge--information",
@@ -1466,6 +1578,20 @@
1466
1578
  "ratio": 7.47,
1467
1579
  "min": 3
1468
1580
  },
1581
+ {
1582
+ "component": "approval-gate",
1583
+ "context": "ion-approval-gate__action--approve ion-approval-gate__action--approve",
1584
+ "state": "hover",
1585
+ "fg": "--text-on-color",
1586
+ "bg": "--surface-primary-hover",
1587
+ "backdrop": "--surface-information-subtle",
1588
+ "kind": "text",
1589
+ "mode": "Dark",
1590
+ "fgHex": "#000000",
1591
+ "bgHex": "#609cf0",
1592
+ "ratio": 7.51,
1593
+ "min": 4.5
1594
+ },
1469
1595
  {
1470
1596
  "component": "button",
1471
1597
  "context": "ion-button--primary-brand",
@@ -1620,6 +1746,34 @@
1620
1746
  "ratio": 7.65,
1621
1747
  "min": 4.5
1622
1748
  },
1749
+ {
1750
+ "component": "approval-gate",
1751
+ "context": "ion-approval-gate ion-approval-gate__resolution",
1752
+ "state": "default",
1753
+ "fg": "--text-information",
1754
+ "bg": "--surface-information-subtle",
1755
+ "backdrop": "--surface-information-subtle",
1756
+ "kind": "text",
1757
+ "mode": "Dark",
1758
+ "fgHex": "#adadf5",
1759
+ "bgHex": "#260769",
1760
+ "ratio": 7.65,
1761
+ "min": 4.5
1762
+ },
1763
+ {
1764
+ "component": "agent-stop",
1765
+ "context": "ion-agent-stop",
1766
+ "state": "pressed",
1767
+ "fg": "--text-default",
1768
+ "bg": "--surface-error-subtle-hover",
1769
+ "backdrop": "--surface-default",
1770
+ "kind": "text",
1771
+ "mode": "Dark",
1772
+ "fgHex": "#f6f8f9",
1773
+ "bgHex": "#981b1b",
1774
+ "ratio": 7.86,
1775
+ "min": 4.5
1776
+ },
1623
1777
  {
1624
1778
  "component": "button",
1625
1779
  "context": "ion-button--success",
@@ -1690,6 +1844,20 @@
1690
1844
  "ratio": 8.37,
1691
1845
  "min": 4.5
1692
1846
  },
1847
+ {
1848
+ "component": "approval-gate",
1849
+ "context": "ion-approval-gate__action--approve ion-approval-gate__action--approve",
1850
+ "state": "hover",
1851
+ "fg": "--text-on-color",
1852
+ "bg": "--surface-primary-hover",
1853
+ "backdrop": "--surface-information-subtle",
1854
+ "kind": "text",
1855
+ "mode": "Light",
1856
+ "fgHex": "#ffffff",
1857
+ "bgHex": "#1541b2",
1858
+ "ratio": 8.64,
1859
+ "min": 4.5
1860
+ },
1693
1861
  {
1694
1862
  "component": "button",
1695
1863
  "context": "ion-button--primary-brand",
@@ -1746,6 +1914,20 @@
1746
1914
  "ratio": 8.64,
1747
1915
  "min": 4.5
1748
1916
  },
1917
+ {
1918
+ "component": "agent-stop",
1919
+ "context": "ion-agent-stop",
1920
+ "state": "disabled",
1921
+ "fg": "--text-secondary",
1922
+ "bg": "--surface-muted",
1923
+ "backdrop": "--surface-default",
1924
+ "kind": "text",
1925
+ "mode": "Light",
1926
+ "fgHex": "#384252",
1927
+ "bgHex": "#f0f2f4",
1928
+ "ratio": 9.04,
1929
+ "min": 4.5
1930
+ },
1749
1931
  {
1750
1932
  "component": "alert",
1751
1933
  "context": "ion-alert--neutral",
@@ -1905,6 +2087,20 @@
1905
2087
  "ratio": 9.09,
1906
2088
  "min": 3
1907
2089
  },
2090
+ {
2091
+ "component": "approval-gate",
2092
+ "context": "ion-approval-gate ion-approval-gate__detail",
2093
+ "state": "default",
2094
+ "fg": "--text-secondary",
2095
+ "bg": "--surface-information-subtle",
2096
+ "backdrop": "--surface-information-subtle",
2097
+ "kind": "text",
2098
+ "mode": "Light",
2099
+ "fgHex": "#384252",
2100
+ "bgHex": "#f6f1f8",
2101
+ "ratio": 9.11,
2102
+ "min": 4.5
2103
+ },
1908
2104
  {
1909
2105
  "component": "table",
1910
2106
  "context": "ion-table",
@@ -2017,6 +2213,20 @@
2017
2213
  "ratio": 9.34,
2018
2214
  "min": 4.5
2019
2215
  },
2216
+ {
2217
+ "component": "approval-gate",
2218
+ "context": "ion-approval-gate ion-approval-gate__resolution",
2219
+ "state": "default",
2220
+ "fg": "--text-information",
2221
+ "bg": "--surface-information-subtle",
2222
+ "backdrop": "--surface-information-subtle",
2223
+ "kind": "text",
2224
+ "mode": "Light",
2225
+ "fgHex": "#4715b2",
2226
+ "bgHex": "#f6f1f8",
2227
+ "ratio": 9.34,
2228
+ "min": 4.5
2229
+ },
2020
2230
  {
2021
2231
  "component": "button",
2022
2232
  "context": "ion-button--secondary",
@@ -2495,6 +2705,20 @@
2495
2705
  "ratio": 11.34,
2496
2706
  "min": 4.5
2497
2707
  },
2708
+ {
2709
+ "component": "agent-stop",
2710
+ "context": "ion-agent-stop",
2711
+ "state": "disabled",
2712
+ "fg": "--text-secondary",
2713
+ "bg": "--surface-muted",
2714
+ "backdrop": "--surface-default",
2715
+ "kind": "text",
2716
+ "mode": "Dark",
2717
+ "fgHex": "#dde0e4",
2718
+ "bgHex": "#1d2735",
2719
+ "ratio": 11.38,
2720
+ "min": 4.5
2721
+ },
2498
2722
  {
2499
2723
  "component": "alert",
2500
2724
  "context": "ion-alert--neutral",
@@ -2705,6 +2929,20 @@
2705
2929
  "ratio": 11.89,
2706
2930
  "min": 4.5
2707
2931
  },
2932
+ {
2933
+ "component": "approval-gate",
2934
+ "context": "ion-approval-gate ion-approval-gate__detail",
2935
+ "state": "default",
2936
+ "fg": "--text-secondary",
2937
+ "bg": "--surface-information-subtle",
2938
+ "backdrop": "--surface-information-subtle",
2939
+ "kind": "text",
2940
+ "mode": "Dark",
2941
+ "fgHex": "#dde0e4",
2942
+ "bgHex": "#260769",
2943
+ "ratio": 12.04,
2944
+ "min": 4.5
2945
+ },
2708
2946
  {
2709
2947
  "component": "button",
2710
2948
  "context": "ion-button--success",
@@ -2831,6 +3069,21 @@
2831
3069
  "ratio": 13.36,
2832
3070
  "min": 4.5
2833
3071
  },
3072
+ {
3073
+ "component": "approval-gate",
3074
+ "context": "ion-approval-gate ion-approval-gate__action",
3075
+ "state": "hover",
3076
+ "fg": "--text-default",
3077
+ "bg": "--surface-hover",
3078
+ "backdrop": "--surface-information-subtle",
3079
+ "kind": "text",
3080
+ "mode": "Dark",
3081
+ "fgHex": "#f6f8f9",
3082
+ "bgHex": "#311371",
3083
+ "compositedOver": "--surface-information-subtle",
3084
+ "ratio": 13.48,
3085
+ "min": 4.5
3086
+ },
2834
3087
  {
2835
3088
  "component": "menu",
2836
3089
  "context": "ion-menu__item--selected ion-menu__item--selected",
@@ -2846,6 +3099,20 @@
2846
3099
  "ratio": 13.49,
2847
3100
  "min": 3
2848
3101
  },
3102
+ {
3103
+ "component": "approval-gate",
3104
+ "context": "ion-approval-gate--low",
3105
+ "state": "default",
3106
+ "fg": "--text-default",
3107
+ "bg": "--surface-muted",
3108
+ "backdrop": "--surface-muted",
3109
+ "kind": "text",
3110
+ "mode": "Dark",
3111
+ "fgHex": "#f6f8f9",
3112
+ "bgHex": "#1d2735",
3113
+ "ratio": 14.14,
3114
+ "min": 4.5
3115
+ },
2849
3116
  {
2850
3117
  "component": "popover",
2851
3118
  "context": "ion-popover ion-popover__title",
@@ -2888,6 +3155,21 @@
2888
3155
  "ratio": 14.14,
2889
3156
  "min": 4.5
2890
3157
  },
3158
+ {
3159
+ "component": "approval-gate",
3160
+ "context": "ion-approval-gate ion-approval-gate__action",
3161
+ "state": "hover",
3162
+ "fg": "--text-default",
3163
+ "bg": "--surface-hover",
3164
+ "backdrop": "--surface-information-subtle",
3165
+ "kind": "text",
3166
+ "mode": "Light",
3167
+ "fgHex": "#131923",
3168
+ "bgHex": "#eae5ec",
3169
+ "compositedOver": "--surface-information-subtle",
3170
+ "ratio": 14.19,
3171
+ "min": 4.5
3172
+ },
2891
3173
  {
2892
3174
  "component": "menu",
2893
3175
  "context": "ion-menu ion-menu__item",
@@ -2934,25 +3216,123 @@
2934
3216
  "min": 4.5
2935
3217
  },
2936
3218
  {
2937
- "component": "alert",
2938
- "context": "ion-alert--solid&ion-alert--neutral",
3219
+ "component": "approval-gate",
3220
+ "context": "ion-approval-gate--high",
2939
3221
  "state": "default",
2940
- "fg": "--text-on-color",
2941
- "bg": "--surface-inverse",
2942
- "backdrop": "--surface-inverse",
3222
+ "fg": "--text-default",
3223
+ "bg": "--surface-warning-subtle",
3224
+ "backdrop": "--surface-warning-subtle",
2943
3225
  "kind": "text",
2944
- "mode": "Light",
2945
- "fgHex": "#ffffff",
2946
- "bgHex": "#1d2735",
2947
- "ratio": 15.07,
3226
+ "mode": "Dark",
3227
+ "fgHex": "#f6f8f9",
3228
+ "bgHex": "#401604",
3229
+ "ratio": 14.77,
2948
3230
  "min": 4.5
2949
3231
  },
2950
3232
  {
2951
- "component": "button",
2952
- "context": "ion-button--primary-neutral",
2953
- "state": "default",
2954
- "fg": "--text-on-color",
2955
- "bg": "--surface-inverse",
3233
+ "component": "agent-stop",
3234
+ "context": "ion-agent-stop",
3235
+ "state": "pressed",
3236
+ "fg": "--text-default",
3237
+ "bg": "--surface-error-subtle-hover",
3238
+ "backdrop": "--surface-default",
3239
+ "kind": "text",
3240
+ "mode": "Light",
3241
+ "fgHex": "#131923",
3242
+ "bgHex": "#fee7e7",
3243
+ "ratio": 14.94,
3244
+ "min": 4.5
3245
+ },
3246
+ {
3247
+ "component": "approval-gate",
3248
+ "context": "ion-approval-gate",
3249
+ "state": "default",
3250
+ "fg": "--text-default",
3251
+ "bg": "--surface-information-subtle",
3252
+ "backdrop": "--surface-information-subtle",
3253
+ "kind": "text",
3254
+ "mode": "Dark",
3255
+ "fgHex": "#f6f8f9",
3256
+ "bgHex": "#260769",
3257
+ "ratio": 14.97,
3258
+ "min": 4.5
3259
+ },
3260
+ {
3261
+ "component": "approval-gate",
3262
+ "context": "ion-approval-gate ion-approval-gate__body",
3263
+ "state": "default",
3264
+ "fg": "--text-default",
3265
+ "bg": "--surface-information-subtle",
3266
+ "backdrop": "--surface-information-subtle",
3267
+ "kind": "text",
3268
+ "mode": "Dark",
3269
+ "fgHex": "#f6f8f9",
3270
+ "bgHex": "#260769",
3271
+ "ratio": 14.97,
3272
+ "min": 4.5
3273
+ },
3274
+ {
3275
+ "component": "approval-gate",
3276
+ "context": "ion-approval-gate ion-approval-gate__title",
3277
+ "state": "default",
3278
+ "fg": "--text-default",
3279
+ "bg": "--surface-information-subtle",
3280
+ "backdrop": "--surface-information-subtle",
3281
+ "kind": "text",
3282
+ "mode": "Dark",
3283
+ "fgHex": "#f6f8f9",
3284
+ "bgHex": "#260769",
3285
+ "ratio": 14.97,
3286
+ "min": 4.5
3287
+ },
3288
+ {
3289
+ "component": "approval-gate",
3290
+ "context": "ion-approval-gate ion-approval-gate__title",
3291
+ "state": "focus",
3292
+ "fg": "--text-default",
3293
+ "bg": "--surface-information-subtle",
3294
+ "backdrop": "--surface-information-subtle",
3295
+ "kind": "text",
3296
+ "mode": "Dark",
3297
+ "fgHex": "#f6f8f9",
3298
+ "bgHex": "#260769",
3299
+ "ratio": 14.97,
3300
+ "min": 4.5
3301
+ },
3302
+ {
3303
+ "component": "approval-gate",
3304
+ "context": "ion-approval-gate ion-approval-gate__actions",
3305
+ "state": "default",
3306
+ "fg": "--text-default",
3307
+ "bg": "--surface-information-subtle",
3308
+ "backdrop": "--surface-information-subtle",
3309
+ "kind": "text",
3310
+ "mode": "Dark",
3311
+ "fgHex": "#f6f8f9",
3312
+ "bgHex": "#260769",
3313
+ "ratio": 14.97,
3314
+ "min": 4.5
3315
+ },
3316
+ {
3317
+ "component": "alert",
3318
+ "context": "ion-alert--solid&ion-alert--neutral",
3319
+ "state": "default",
3320
+ "fg": "--text-on-color",
3321
+ "bg": "--surface-inverse",
3322
+ "backdrop": "--surface-inverse",
3323
+ "kind": "text",
3324
+ "mode": "Light",
3325
+ "fgHex": "#ffffff",
3326
+ "bgHex": "#1d2735",
3327
+ "ratio": 15.07,
3328
+ "min": 4.5
3329
+ },
3330
+ {
3331
+ "component": "button",
3332
+ "context": "ion-button--primary-neutral",
3333
+ "state": "default",
3334
+ "fg": "--text-on-color",
3335
+ "bg": "--surface-inverse",
2956
3336
  "backdrop": null,
2957
3337
  "kind": "text",
2958
3338
  "mode": "Light",
@@ -3045,6 +3425,90 @@
3045
3425
  "ratio": 15.07,
3046
3426
  "min": 3
3047
3427
  },
3428
+ {
3429
+ "component": "approval-gate",
3430
+ "context": "ion-approval-gate--low",
3431
+ "state": "default",
3432
+ "fg": "--text-default",
3433
+ "bg": "--surface-muted",
3434
+ "backdrop": "--surface-muted",
3435
+ "kind": "text",
3436
+ "mode": "Light",
3437
+ "fgHex": "#131923",
3438
+ "bgHex": "#f0f2f4",
3439
+ "ratio": 15.71,
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": "Light",
3451
+ "fgHex": "#131923",
3452
+ "bgHex": "#f6f1f8",
3453
+ "ratio": 15.83,
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": "Light",
3465
+ "fgHex": "#131923",
3466
+ "bgHex": "#f6f1f8",
3467
+ "ratio": 15.83,
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": "Light",
3479
+ "fgHex": "#131923",
3480
+ "bgHex": "#f6f1f8",
3481
+ "ratio": 15.83,
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": "Light",
3493
+ "fgHex": "#131923",
3494
+ "bgHex": "#f6f1f8",
3495
+ "ratio": 15.83,
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": "Light",
3507
+ "fgHex": "#131923",
3508
+ "bgHex": "#f6f1f8",
3509
+ "ratio": 15.83,
3510
+ "min": 4.5
3511
+ },
3048
3512
  {
3049
3513
  "component": "button",
3050
3514
  "context": "ion-button--secondary",
@@ -3255,6 +3719,20 @@
3255
3719
  "ratio": 15.86,
3256
3720
  "min": 3
3257
3721
  },
3722
+ {
3723
+ "component": "approval-gate",
3724
+ "context": "ion-approval-gate--high",
3725
+ "state": "default",
3726
+ "fg": "--text-default",
3727
+ "bg": "--surface-warning-subtle",
3728
+ "backdrop": "--surface-warning-subtle",
3729
+ "kind": "text",
3730
+ "mode": "Light",
3731
+ "fgHex": "#131923",
3732
+ "bgHex": "#fff4e5",
3733
+ "ratio": 16.22,
3734
+ "min": 4.5
3735
+ },
3258
3736
  {
3259
3737
  "component": "tabs",
3260
3738
  "context": "ion-tabs__item--pill ion-tabs__item--pill",
@@ -3312,6 +3790,174 @@
3312
3790
  "ratio": 17.35,
3313
3791
  "min": 3
3314
3792
  },
3793
+ {
3794
+ "component": "agent-stop",
3795
+ "context": "ion-agent-stop",
3796
+ "state": "default",
3797
+ "fg": "--text-default",
3798
+ "bg": "--surface-default",
3799
+ "backdrop": "--surface-default",
3800
+ "kind": "text",
3801
+ "mode": "Light",
3802
+ "fgHex": "#131923",
3803
+ "bgHex": "#ffffff",
3804
+ "ratio": 17.63,
3805
+ "min": 4.5
3806
+ },
3807
+ {
3808
+ "component": "agent-stop",
3809
+ "context": "ion-agent-stop",
3810
+ "state": "focus",
3811
+ "fg": "--text-default",
3812
+ "bg": "--surface-default",
3813
+ "backdrop": "--surface-default",
3814
+ "kind": "text",
3815
+ "mode": "Light",
3816
+ "fgHex": "#131923",
3817
+ "bgHex": "#ffffff",
3818
+ "ratio": 17.63,
3819
+ "min": 4.5
3820
+ },
3821
+ {
3822
+ "component": "agent-stop",
3823
+ "context": "ion-agent-stop ion-agent-stop__glyph",
3824
+ "state": "default",
3825
+ "fg": "--text-default",
3826
+ "bg": "--surface-default",
3827
+ "backdrop": "--surface-default",
3828
+ "kind": "text",
3829
+ "mode": "Light",
3830
+ "fgHex": "#131923",
3831
+ "bgHex": "#ffffff",
3832
+ "ratio": 17.63,
3833
+ "min": 4.5
3834
+ },
3835
+ {
3836
+ "component": "agent-stop",
3837
+ "context": "ion-agent-stop--sm",
3838
+ "state": "default",
3839
+ "fg": "--text-default",
3840
+ "bg": "--surface-default",
3841
+ "backdrop": "--surface-default",
3842
+ "kind": "text",
3843
+ "mode": "Light",
3844
+ "fgHex": "#131923",
3845
+ "bgHex": "#ffffff",
3846
+ "ratio": 17.63,
3847
+ "min": 4.5
3848
+ },
3849
+ {
3850
+ "component": "agent-stop",
3851
+ "context": "ion-agent-stop--sm ion-agent-stop__glyph",
3852
+ "state": "default",
3853
+ "fg": "--text-default",
3854
+ "bg": "--surface-default",
3855
+ "backdrop": "--surface-default",
3856
+ "kind": "text",
3857
+ "mode": "Light",
3858
+ "fgHex": "#131923",
3859
+ "bgHex": "#ffffff",
3860
+ "ratio": 17.63,
3861
+ "min": 4.5
3862
+ },
3863
+ {
3864
+ "component": "agent-stop",
3865
+ "context": "ion-agent-stop--lg",
3866
+ "state": "default",
3867
+ "fg": "--text-default",
3868
+ "bg": "--surface-default",
3869
+ "backdrop": "--surface-default",
3870
+ "kind": "text",
3871
+ "mode": "Light",
3872
+ "fgHex": "#131923",
3873
+ "bgHex": "#ffffff",
3874
+ "ratio": 17.63,
3875
+ "min": 4.5
3876
+ },
3877
+ {
3878
+ "component": "agent-stop",
3879
+ "context": "ion-agent-stop--lg ion-agent-stop__glyph",
3880
+ "state": "default",
3881
+ "fg": "--text-default",
3882
+ "bg": "--surface-default",
3883
+ "backdrop": "--surface-default",
3884
+ "kind": "text",
3885
+ "mode": "Light",
3886
+ "fgHex": "#131923",
3887
+ "bgHex": "#ffffff",
3888
+ "ratio": 17.63,
3889
+ "min": 4.5
3890
+ },
3891
+ {
3892
+ "component": "approval-gate",
3893
+ "context": "ion-approval-gate--approved",
3894
+ "state": "default",
3895
+ "fg": "--text-default",
3896
+ "bg": "--surface-default",
3897
+ "backdrop": "--surface-default",
3898
+ "kind": "text",
3899
+ "mode": "Light",
3900
+ "fgHex": "#131923",
3901
+ "bgHex": "#ffffff",
3902
+ "ratio": 17.63,
3903
+ "min": 4.5
3904
+ },
3905
+ {
3906
+ "component": "approval-gate",
3907
+ "context": "ion-approval-gate--rejected",
3908
+ "state": "default",
3909
+ "fg": "--text-default",
3910
+ "bg": "--surface-default",
3911
+ "backdrop": "--surface-default",
3912
+ "kind": "text",
3913
+ "mode": "Light",
3914
+ "fgHex": "#131923",
3915
+ "bgHex": "#ffffff",
3916
+ "ratio": 17.63,
3917
+ "min": 4.5
3918
+ },
3919
+ {
3920
+ "component": "approval-gate",
3921
+ "context": "ion-approval-gate--expired",
3922
+ "state": "default",
3923
+ "fg": "--text-default",
3924
+ "bg": "--surface-default",
3925
+ "backdrop": "--surface-default",
3926
+ "kind": "text",
3927
+ "mode": "Light",
3928
+ "fgHex": "#131923",
3929
+ "bgHex": "#ffffff",
3930
+ "ratio": 17.63,
3931
+ "min": 4.5
3932
+ },
3933
+ {
3934
+ "component": "approval-gate",
3935
+ "context": "ion-approval-gate ion-approval-gate__action",
3936
+ "state": "default",
3937
+ "fg": "--text-default",
3938
+ "bg": "--surface-default",
3939
+ "backdrop": "--surface-information-subtle",
3940
+ "kind": "text",
3941
+ "mode": "Light",
3942
+ "fgHex": "#131923",
3943
+ "bgHex": "#ffffff",
3944
+ "ratio": 17.63,
3945
+ "min": 4.5
3946
+ },
3947
+ {
3948
+ "component": "approval-gate",
3949
+ "context": "ion-approval-gate ion-approval-gate__action",
3950
+ "state": "focus",
3951
+ "fg": "--text-default",
3952
+ "bg": "--surface-default",
3953
+ "backdrop": "--surface-information-subtle",
3954
+ "kind": "text",
3955
+ "mode": "Light",
3956
+ "fgHex": "#131923",
3957
+ "bgHex": "#ffffff",
3958
+ "ratio": 17.63,
3959
+ "min": 4.5
3960
+ },
3315
3961
  {
3316
3962
  "component": "modal",
3317
3963
  "context": "ion-modal ion-modal__title",
@@ -3452,6 +4098,174 @@
3452
4098
  "ratio": 18.71,
3453
4099
  "min": 3
3454
4100
  },
4101
+ {
4102
+ "component": "agent-stop",
4103
+ "context": "ion-agent-stop",
4104
+ "state": "default",
4105
+ "fg": "--text-default",
4106
+ "bg": "--surface-default",
4107
+ "backdrop": "--surface-default",
4108
+ "kind": "text",
4109
+ "mode": "Dark",
4110
+ "fgHex": "#f6f8f9",
4111
+ "bgHex": "#000000",
4112
+ "ratio": 19.71,
4113
+ "min": 4.5
4114
+ },
4115
+ {
4116
+ "component": "agent-stop",
4117
+ "context": "ion-agent-stop",
4118
+ "state": "focus",
4119
+ "fg": "--text-default",
4120
+ "bg": "--surface-default",
4121
+ "backdrop": "--surface-default",
4122
+ "kind": "text",
4123
+ "mode": "Dark",
4124
+ "fgHex": "#f6f8f9",
4125
+ "bgHex": "#000000",
4126
+ "ratio": 19.71,
4127
+ "min": 4.5
4128
+ },
4129
+ {
4130
+ "component": "agent-stop",
4131
+ "context": "ion-agent-stop ion-agent-stop__glyph",
4132
+ "state": "default",
4133
+ "fg": "--text-default",
4134
+ "bg": "--surface-default",
4135
+ "backdrop": "--surface-default",
4136
+ "kind": "text",
4137
+ "mode": "Dark",
4138
+ "fgHex": "#f6f8f9",
4139
+ "bgHex": "#000000",
4140
+ "ratio": 19.71,
4141
+ "min": 4.5
4142
+ },
4143
+ {
4144
+ "component": "agent-stop",
4145
+ "context": "ion-agent-stop--sm",
4146
+ "state": "default",
4147
+ "fg": "--text-default",
4148
+ "bg": "--surface-default",
4149
+ "backdrop": "--surface-default",
4150
+ "kind": "text",
4151
+ "mode": "Dark",
4152
+ "fgHex": "#f6f8f9",
4153
+ "bgHex": "#000000",
4154
+ "ratio": 19.71,
4155
+ "min": 4.5
4156
+ },
4157
+ {
4158
+ "component": "agent-stop",
4159
+ "context": "ion-agent-stop--sm ion-agent-stop__glyph",
4160
+ "state": "default",
4161
+ "fg": "--text-default",
4162
+ "bg": "--surface-default",
4163
+ "backdrop": "--surface-default",
4164
+ "kind": "text",
4165
+ "mode": "Dark",
4166
+ "fgHex": "#f6f8f9",
4167
+ "bgHex": "#000000",
4168
+ "ratio": 19.71,
4169
+ "min": 4.5
4170
+ },
4171
+ {
4172
+ "component": "agent-stop",
4173
+ "context": "ion-agent-stop--lg",
4174
+ "state": "default",
4175
+ "fg": "--text-default",
4176
+ "bg": "--surface-default",
4177
+ "backdrop": "--surface-default",
4178
+ "kind": "text",
4179
+ "mode": "Dark",
4180
+ "fgHex": "#f6f8f9",
4181
+ "bgHex": "#000000",
4182
+ "ratio": 19.71,
4183
+ "min": 4.5
4184
+ },
4185
+ {
4186
+ "component": "agent-stop",
4187
+ "context": "ion-agent-stop--lg ion-agent-stop__glyph",
4188
+ "state": "default",
4189
+ "fg": "--text-default",
4190
+ "bg": "--surface-default",
4191
+ "backdrop": "--surface-default",
4192
+ "kind": "text",
4193
+ "mode": "Dark",
4194
+ "fgHex": "#f6f8f9",
4195
+ "bgHex": "#000000",
4196
+ "ratio": 19.71,
4197
+ "min": 4.5
4198
+ },
4199
+ {
4200
+ "component": "approval-gate",
4201
+ "context": "ion-approval-gate--approved",
4202
+ "state": "default",
4203
+ "fg": "--text-default",
4204
+ "bg": "--surface-default",
4205
+ "backdrop": "--surface-default",
4206
+ "kind": "text",
4207
+ "mode": "Dark",
4208
+ "fgHex": "#f6f8f9",
4209
+ "bgHex": "#000000",
4210
+ "ratio": 19.71,
4211
+ "min": 4.5
4212
+ },
4213
+ {
4214
+ "component": "approval-gate",
4215
+ "context": "ion-approval-gate--rejected",
4216
+ "state": "default",
4217
+ "fg": "--text-default",
4218
+ "bg": "--surface-default",
4219
+ "backdrop": "--surface-default",
4220
+ "kind": "text",
4221
+ "mode": "Dark",
4222
+ "fgHex": "#f6f8f9",
4223
+ "bgHex": "#000000",
4224
+ "ratio": 19.71,
4225
+ "min": 4.5
4226
+ },
4227
+ {
4228
+ "component": "approval-gate",
4229
+ "context": "ion-approval-gate--expired",
4230
+ "state": "default",
4231
+ "fg": "--text-default",
4232
+ "bg": "--surface-default",
4233
+ "backdrop": "--surface-default",
4234
+ "kind": "text",
4235
+ "mode": "Dark",
4236
+ "fgHex": "#f6f8f9",
4237
+ "bgHex": "#000000",
4238
+ "ratio": 19.71,
4239
+ "min": 4.5
4240
+ },
4241
+ {
4242
+ "component": "approval-gate",
4243
+ "context": "ion-approval-gate ion-approval-gate__action",
4244
+ "state": "default",
4245
+ "fg": "--text-default",
4246
+ "bg": "--surface-default",
4247
+ "backdrop": "--surface-information-subtle",
4248
+ "kind": "text",
4249
+ "mode": "Dark",
4250
+ "fgHex": "#f6f8f9",
4251
+ "bgHex": "#000000",
4252
+ "ratio": 19.71,
4253
+ "min": 4.5
4254
+ },
4255
+ {
4256
+ "component": "approval-gate",
4257
+ "context": "ion-approval-gate ion-approval-gate__action",
4258
+ "state": "focus",
4259
+ "fg": "--text-default",
4260
+ "bg": "--surface-default",
4261
+ "backdrop": "--surface-information-subtle",
4262
+ "kind": "text",
4263
+ "mode": "Dark",
4264
+ "fgHex": "#f6f8f9",
4265
+ "bgHex": "#000000",
4266
+ "ratio": 19.71,
4267
+ "min": 4.5
4268
+ },
3455
4269
  {
3456
4270
  "component": "modal",
3457
4271
  "context": "ion-modal ion-modal__title",