mosaic-headless 1.2.1 → 1.4.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 (30) hide show
  1. package/README.ja.md +19 -1
  2. package/README.ko.md +19 -1
  3. package/README.md +20 -1
  4. package/README.zh-TW.md +17 -1
  5. package/SKILL.md +110 -8
  6. package/assets/templates/platforms/claude-ai.json +1 -1
  7. package/assets/templates/platforms/claude-code.json +1 -1
  8. package/assets/templates/platforms/codex-cli.json +1 -1
  9. package/assets/templates/platforms/copilot.json +1 -1
  10. package/assets/templates/platforms/gemini-cli.json +1 -1
  11. package/bin/check-release.mjs +22 -0
  12. package/data/browser-verification.csv +2283 -0
  13. package/data/data-class-hierarchy.csv +122 -0
  14. package/data/design-audit.csv +1 -0
  15. package/data/interaction-verification.csv +8 -0
  16. package/data/node-property-verification.csv +2 -2
  17. package/data/node-types.csv +123 -123
  18. package/data/style-state-verification.csv +53 -0
  19. package/package.json +1 -1
  20. package/references/failure-modes.md +52 -0
  21. package/references/interactions.md +53 -8
  22. package/sites/_moksa.py +63 -23
  23. package/sites/moksa.json +130 -56
  24. package/tools/build_page.py +34 -1
  25. package/tools/extract_node_types.py +26 -1
  26. package/tools/mo.py +715 -0
  27. package/tools/sweep_interactions.py +352 -0
  28. package/tools/sweep_node_properties.py +41 -2
  29. package/tools/sweep_style_states.py +225 -0
  30. package/tools/verify_browser.py +589 -0
package/sites/moksa.json CHANGED
@@ -18,9 +18,13 @@
18
18
  "type": "color",
19
19
  "value": "rgb(255,90,54)"
20
20
  },
21
+ "--mk-accent-ink": {
22
+ "type": "color",
23
+ "value": "rgb(191,68,40)"
24
+ },
21
25
  "--mk-muted": {
22
26
  "type": "color",
23
- "value": "rgb(111,113,120)"
27
+ "value": "rgb(90,92,97)"
24
28
  },
25
29
  "--mk-rule": {
26
30
  "type": "color",
@@ -28,7 +32,7 @@
28
32
  },
29
33
  "--mk-faint": {
30
34
  "type": "color",
31
- "value": "rgb(160,162,168)"
35
+ "value": "rgb(107,109,113)"
32
36
  }
33
37
  },
34
38
  "elementClasses": {}
@@ -258,6 +262,11 @@
258
262
  "token": "--mk-accent"
259
263
  }
260
264
  }
265
+ },
266
+ "focus-visible": {
267
+ "_": {
268
+ "customStyles": "outline:2px solid rgb(255,90,54);outline-offset:3px;"
269
+ }
261
270
  }
262
271
  },
263
272
  "text": "服務"
@@ -291,6 +300,11 @@
291
300
  "token": "--mk-accent"
292
301
  }
293
302
  }
303
+ },
304
+ "focus-visible": {
305
+ "_": {
306
+ "customStyles": "outline:2px solid rgb(255,90,54);outline-offset:3px;"
307
+ }
294
308
  }
295
309
  },
296
310
  "text": "作品"
@@ -324,6 +338,11 @@
324
338
  "token": "--mk-accent"
325
339
  }
326
340
  }
341
+ },
342
+ "focus-visible": {
343
+ "_": {
344
+ "customStyles": "outline:2px solid rgb(255,90,54);outline-offset:3px;"
345
+ }
327
346
  }
328
347
  },
329
348
  "text": "產品"
@@ -357,6 +376,11 @@
357
376
  "token": "--mk-accent"
358
377
  }
359
378
  }
379
+ },
380
+ "focus-visible": {
381
+ "_": {
382
+ "customStyles": "outline:2px solid rgb(255,90,54);outline-offset:3px;"
383
+ }
360
384
  }
361
385
  },
362
386
  "text": "聯絡"
@@ -380,7 +404,7 @@
380
404
  "_": {
381
405
  "backgroundColor": "rgba(0,0,0,0)",
382
406
  "color": {
383
- "token": "--mk-accent"
407
+ "token": "--mk-accent-ink"
384
408
  },
385
409
  "fontSize": "13px",
386
410
  "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
@@ -405,9 +429,14 @@
405
429
  "token": "--mk-accent"
406
430
  },
407
431
  "color": {
408
- "token": "--mk-paper"
432
+ "token": "--mk-ink"
409
433
  }
410
434
  }
435
+ },
436
+ "focus-visible": {
437
+ "_": {
438
+ "customStyles": "outline:2px solid rgb(255,90,54);outline-offset:3px;"
439
+ }
411
440
  }
412
441
  },
413
442
  "text": "START A PROJECT"
@@ -655,7 +684,7 @@
655
684
  "style": {
656
685
  "&": {
657
686
  "_": {
658
- "color": "rgb(122,124,132)",
687
+ "color": "rgb(128,130,138)",
659
688
  "fontSize": "10px",
660
689
  "letterSpacing": "0.2em",
661
690
  "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
@@ -775,7 +804,7 @@
775
804
  "style": {
776
805
  "&": {
777
806
  "_": {
778
- "color": "rgb(122,124,132)",
807
+ "color": "rgb(128,130,138)",
779
808
  "fontSize": "10px",
780
809
  "letterSpacing": "0.2em",
781
810
  "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
@@ -919,7 +948,7 @@
919
948
  "style": {
920
949
  "&": {
921
950
  "_": {
922
- "color": "rgb(112,114,122)",
951
+ "color": "rgb(128,130,138)",
923
952
  "fontSize": "10px",
924
953
  "letterSpacing": "0.1em",
925
954
  "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
@@ -937,7 +966,7 @@
937
966
  "style": {
938
967
  "&": {
939
968
  "_": {
940
- "color": "rgb(112,114,122)",
969
+ "color": "rgb(128,130,138)",
941
970
  "fontSize": "10px",
942
971
  "letterSpacing": "0.1em",
943
972
  "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
@@ -1077,6 +1106,11 @@
1077
1106
  "token": "--mk-ink"
1078
1107
  }
1079
1108
  }
1109
+ },
1110
+ "focus-visible": {
1111
+ "_": {
1112
+ "customStyles": "outline:2px solid rgb(255,90,54);outline-offset:3px;"
1113
+ }
1080
1114
  }
1081
1115
  },
1082
1116
  "text": "§01 SERVICES"
@@ -1109,6 +1143,11 @@
1109
1143
  "token": "--mk-ink"
1110
1144
  }
1111
1145
  }
1146
+ },
1147
+ "focus-visible": {
1148
+ "_": {
1149
+ "customStyles": "outline:2px solid rgb(255,90,54);outline-offset:3px;"
1150
+ }
1112
1151
  }
1113
1152
  },
1114
1153
  "text": "§02 PROCESS"
@@ -1141,6 +1180,11 @@
1141
1180
  "token": "--mk-ink"
1142
1181
  }
1143
1182
  }
1183
+ },
1184
+ "focus-visible": {
1185
+ "_": {
1186
+ "customStyles": "outline:2px solid rgb(255,90,54);outline-offset:3px;"
1187
+ }
1144
1188
  }
1145
1189
  },
1146
1190
  "text": "§03 WORKS"
@@ -1173,6 +1217,11 @@
1173
1217
  "token": "--mk-ink"
1174
1218
  }
1175
1219
  }
1220
+ },
1221
+ "focus-visible": {
1222
+ "_": {
1223
+ "customStyles": "outline:2px solid rgb(255,90,54);outline-offset:3px;"
1224
+ }
1176
1225
  }
1177
1226
  },
1178
1227
  "text": "§04 STACK"
@@ -1205,6 +1254,11 @@
1205
1254
  "token": "--mk-ink"
1206
1255
  }
1207
1256
  }
1257
+ },
1258
+ "focus-visible": {
1259
+ "_": {
1260
+ "customStyles": "outline:2px solid rgb(255,90,54);outline-offset:3px;"
1261
+ }
1208
1262
  }
1209
1263
  },
1210
1264
  "text": "§05 PRODUCTS"
@@ -1237,6 +1291,11 @@
1237
1291
  "token": "--mk-ink"
1238
1292
  }
1239
1293
  }
1294
+ },
1295
+ "focus-visible": {
1296
+ "_": {
1297
+ "customStyles": "outline:2px solid rgb(255,90,54);outline-offset:3px;"
1298
+ }
1240
1299
  }
1241
1300
  },
1242
1301
  "text": "§06 VOICES"
@@ -1269,6 +1328,11 @@
1269
1328
  "token": "--mk-ink"
1270
1329
  }
1271
1330
  }
1331
+ },
1332
+ "focus-visible": {
1333
+ "_": {
1334
+ "customStyles": "outline:2px solid rgb(255,90,54);outline-offset:3px;"
1335
+ }
1272
1336
  }
1273
1337
  },
1274
1338
  "text": "§07 CONTACT"
@@ -1686,7 +1750,7 @@
1686
1750
  "token": "--mk-accent"
1687
1751
  },
1688
1752
  "color": {
1689
- "token": "--mk-paper"
1753
+ "token": "--mk-ink"
1690
1754
  },
1691
1755
  "paddingLeft": "22px",
1692
1756
  "paddingRight": "22px",
@@ -1701,6 +1765,11 @@
1701
1765
  "transitionAll": "180ms ease"
1702
1766
  }
1703
1767
  },
1768
+ "focus-visible": {
1769
+ "_": {
1770
+ "customStyles": "outline:2px solid rgb(255,90,54);outline-offset:3px;"
1771
+ }
1772
+ },
1704
1773
  "hover": {
1705
1774
  "_": {
1706
1775
  "backgroundColor": {
@@ -1738,6 +1807,11 @@
1738
1807
  "transitionAll": "180ms ease"
1739
1808
  }
1740
1809
  },
1810
+ "focus-visible": {
1811
+ "_": {
1812
+ "customStyles": "outline:2px solid rgb(255,90,54);outline-offset:3px;"
1813
+ }
1814
+ },
1741
1815
  "hover": {
1742
1816
  "_": {
1743
1817
  "color": {
@@ -2205,7 +2279,7 @@
2205
2279
  "style": {
2206
2280
  "&": {
2207
2281
  "_": {
2208
- "customStyles": "overflow:hidden;display:inline-block;--d:0ms;"
2282
+ "customStyles": "overflow:hidden;--d:0ms;"
2209
2283
  }
2210
2284
  }
2211
2285
  },
@@ -2251,7 +2325,7 @@
2251
2325
  "&": {
2252
2326
  "_": {
2253
2327
  "color": {
2254
- "token": "--mk-accent"
2328
+ "token": "--mk-accent-ink"
2255
2329
  },
2256
2330
  "fontSize": "22px",
2257
2331
  "fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
@@ -2375,7 +2449,7 @@
2375
2449
  "style": {
2376
2450
  "&": {
2377
2451
  "_": {
2378
- "customStyles": "overflow:hidden;display:inline-block;--d:0ms;"
2452
+ "customStyles": "overflow:hidden;--d:0ms;"
2379
2453
  }
2380
2454
  }
2381
2455
  },
@@ -2417,7 +2491,7 @@
2417
2491
  "style": {
2418
2492
  "&": {
2419
2493
  "_": {
2420
- "customStyles": "overflow:hidden;display:inline-block;--d:70ms;"
2494
+ "customStyles": "overflow:hidden;--d:70ms;"
2421
2495
  }
2422
2496
  }
2423
2497
  },
@@ -2459,7 +2533,7 @@
2459
2533
  "style": {
2460
2534
  "&": {
2461
2535
  "_": {
2462
- "customStyles": "overflow:hidden;display:inline-block;--d:140ms;"
2536
+ "customStyles": "overflow:hidden;--d:140ms;"
2463
2537
  }
2464
2538
  }
2465
2539
  },
@@ -2505,7 +2579,7 @@
2505
2579
  "&": {
2506
2580
  "_": {
2507
2581
  "color": {
2508
- "token": "--mk-accent"
2582
+ "token": "--mk-accent-ink"
2509
2583
  },
2510
2584
  "fontSize": "22px",
2511
2585
  "fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
@@ -2629,7 +2703,7 @@
2629
2703
  "style": {
2630
2704
  "&": {
2631
2705
  "_": {
2632
- "customStyles": "overflow:hidden;display:inline-block;--d:0ms;"
2706
+ "customStyles": "overflow:hidden;--d:0ms;"
2633
2707
  }
2634
2708
  }
2635
2709
  },
@@ -2671,7 +2745,7 @@
2671
2745
  "style": {
2672
2746
  "&": {
2673
2747
  "_": {
2674
- "customStyles": "overflow:hidden;display:inline-block;--d:70ms;"
2748
+ "customStyles": "overflow:hidden;--d:70ms;"
2675
2749
  }
2676
2750
  }
2677
2751
  },
@@ -2717,7 +2791,7 @@
2717
2791
  "&": {
2718
2792
  "_": {
2719
2793
  "color": {
2720
- "token": "--mk-accent"
2794
+ "token": "--mk-accent-ink"
2721
2795
  },
2722
2796
  "fontSize": "22px",
2723
2797
  "fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
@@ -2841,7 +2915,7 @@
2841
2915
  "style": {
2842
2916
  "&": {
2843
2917
  "_": {
2844
- "customStyles": "overflow:hidden;display:inline-block;--d:0ms;"
2918
+ "customStyles": "overflow:hidden;--d:0ms;"
2845
2919
  }
2846
2920
  }
2847
2921
  },
@@ -2883,7 +2957,7 @@
2883
2957
  "style": {
2884
2958
  "&": {
2885
2959
  "_": {
2886
- "customStyles": "overflow:hidden;display:inline-block;--d:70ms;"
2960
+ "customStyles": "overflow:hidden;--d:70ms;"
2887
2961
  }
2888
2962
  }
2889
2963
  },
@@ -2925,7 +2999,7 @@
2925
2999
  "style": {
2926
3000
  "&": {
2927
3001
  "_": {
2928
- "customStyles": "overflow:hidden;display:inline-block;--d:140ms;"
3002
+ "customStyles": "overflow:hidden;--d:140ms;"
2929
3003
  }
2930
3004
  }
2931
3005
  },
@@ -2971,7 +3045,7 @@
2971
3045
  "&": {
2972
3046
  "_": {
2973
3047
  "color": {
2974
- "token": "--mk-accent"
3048
+ "token": "--mk-accent-ink"
2975
3049
  },
2976
3050
  "fontSize": "22px",
2977
3051
  "fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
@@ -3521,7 +3595,7 @@
3521
3595
  "&": {
3522
3596
  "_": {
3523
3597
  "color": {
3524
- "token": "--mk-accent"
3598
+ "token": "--mk-accent-ink"
3525
3599
  },
3526
3600
  "fontSize": "12px",
3527
3601
  "letterSpacing": "0.06em",
@@ -3680,7 +3754,7 @@
3680
3754
  "&": {
3681
3755
  "_": {
3682
3756
  "color": {
3683
- "token": "--mk-accent"
3757
+ "token": "--mk-accent-ink"
3684
3758
  },
3685
3759
  "fontSize": "10px",
3686
3760
  "letterSpacing": "0.16em",
@@ -3804,7 +3878,7 @@
3804
3878
  "&": {
3805
3879
  "_": {
3806
3880
  "color": {
3807
- "token": "--mk-accent"
3881
+ "token": "--mk-accent-ink"
3808
3882
  },
3809
3883
  "fontSize": "10px",
3810
3884
  "letterSpacing": "0.16em",
@@ -3928,7 +4002,7 @@
3928
4002
  "&": {
3929
4003
  "_": {
3930
4004
  "color": {
3931
- "token": "--mk-accent"
4005
+ "token": "--mk-accent-ink"
3932
4006
  },
3933
4007
  "fontSize": "10px",
3934
4008
  "letterSpacing": "0.16em",
@@ -4052,7 +4126,7 @@
4052
4126
  "&": {
4053
4127
  "_": {
4054
4128
  "color": {
4055
- "token": "--mk-accent"
4129
+ "token": "--mk-accent-ink"
4056
4130
  },
4057
4131
  "fontSize": "10px",
4058
4132
  "letterSpacing": "0.16em",
@@ -4203,7 +4277,7 @@
4203
4277
  "&": {
4204
4278
  "_": {
4205
4279
  "color": {
4206
- "token": "--mk-accent"
4280
+ "token": "--mk-accent-ink"
4207
4281
  },
4208
4282
  "fontSize": "12px",
4209
4283
  "letterSpacing": "0.06em",
@@ -4397,7 +4471,7 @@
4397
4471
  "&": {
4398
4472
  "_": {
4399
4473
  "color": {
4400
- "token": "--mk-accent"
4474
+ "token": "--mk-accent-ink"
4401
4475
  },
4402
4476
  "fontSize": "10px",
4403
4477
  "letterSpacing": "0.16em",
@@ -4513,7 +4587,7 @@
4513
4587
  "&": {
4514
4588
  "_": {
4515
4589
  "color": {
4516
- "token": "--mk-accent"
4590
+ "token": "--mk-accent-ink"
4517
4591
  },
4518
4592
  "fontSize": "10px",
4519
4593
  "letterSpacing": "0.16em",
@@ -4629,7 +4703,7 @@
4629
4703
  "&": {
4630
4704
  "_": {
4631
4705
  "color": {
4632
- "token": "--mk-accent"
4706
+ "token": "--mk-accent-ink"
4633
4707
  },
4634
4708
  "fontSize": "10px",
4635
4709
  "letterSpacing": "0.16em",
@@ -4745,7 +4819,7 @@
4745
4819
  "&": {
4746
4820
  "_": {
4747
4821
  "color": {
4748
- "token": "--mk-accent"
4822
+ "token": "--mk-accent-ink"
4749
4823
  },
4750
4824
  "fontSize": "10px",
4751
4825
  "letterSpacing": "0.16em",
@@ -4877,7 +4951,7 @@
4877
4951
  "&": {
4878
4952
  "_": {
4879
4953
  "color": {
4880
- "token": "--mk-accent"
4954
+ "token": "--mk-accent-ink"
4881
4955
  },
4882
4956
  "fontSize": "12px",
4883
4957
  "letterSpacing": "0.06em",
@@ -5168,7 +5242,7 @@
5168
5242
  "&": {
5169
5243
  "_": {
5170
5244
  "color": {
5171
- "token": "--mk-accent"
5245
+ "token": "--mk-accent-ink"
5172
5246
  },
5173
5247
  "fontSize": "12px",
5174
5248
  "letterSpacing": "0.02em",
@@ -5280,7 +5354,7 @@
5280
5354
  "&": {
5281
5355
  "_": {
5282
5356
  "color": {
5283
- "token": "--mk-accent"
5357
+ "token": "--mk-accent-ink"
5284
5358
  },
5285
5359
  "fontSize": "12px",
5286
5360
  "letterSpacing": "0.02em",
@@ -5392,7 +5466,7 @@
5392
5466
  "&": {
5393
5467
  "_": {
5394
5468
  "color": {
5395
- "token": "--mk-accent"
5469
+ "token": "--mk-accent-ink"
5396
5470
  },
5397
5471
  "fontSize": "12px",
5398
5472
  "letterSpacing": "0.02em",
@@ -5504,7 +5578,7 @@
5504
5578
  "&": {
5505
5579
  "_": {
5506
5580
  "color": {
5507
- "token": "--mk-accent"
5581
+ "token": "--mk-accent-ink"
5508
5582
  },
5509
5583
  "fontSize": "12px",
5510
5584
  "letterSpacing": "0.02em",
@@ -5616,7 +5690,7 @@
5616
5690
  "&": {
5617
5691
  "_": {
5618
5692
  "color": {
5619
- "token": "--mk-accent"
5693
+ "token": "--mk-accent-ink"
5620
5694
  },
5621
5695
  "fontSize": "12px",
5622
5696
  "letterSpacing": "0.02em",
@@ -5728,7 +5802,7 @@
5728
5802
  "&": {
5729
5803
  "_": {
5730
5804
  "color": {
5731
- "token": "--mk-accent"
5805
+ "token": "--mk-accent-ink"
5732
5806
  },
5733
5807
  "fontSize": "12px",
5734
5808
  "letterSpacing": "0.02em",
@@ -5840,7 +5914,7 @@
5840
5914
  "&": {
5841
5915
  "_": {
5842
5916
  "color": {
5843
- "token": "--mk-accent"
5917
+ "token": "--mk-accent-ink"
5844
5918
  },
5845
5919
  "fontSize": "12px",
5846
5920
  "letterSpacing": "0.02em",
@@ -5952,7 +6026,7 @@
5952
6026
  "&": {
5953
6027
  "_": {
5954
6028
  "color": {
5955
- "token": "--mk-accent"
6029
+ "token": "--mk-accent-ink"
5956
6030
  },
5957
6031
  "fontSize": "12px",
5958
6032
  "letterSpacing": "0.02em",
@@ -6064,7 +6138,7 @@
6064
6138
  "&": {
6065
6139
  "_": {
6066
6140
  "color": {
6067
- "token": "--mk-accent"
6141
+ "token": "--mk-accent-ink"
6068
6142
  },
6069
6143
  "fontSize": "12px",
6070
6144
  "letterSpacing": "0.02em",
@@ -6208,7 +6282,7 @@
6208
6282
  "&": {
6209
6283
  "_": {
6210
6284
  "color": {
6211
- "token": "--mk-accent"
6285
+ "token": "--mk-accent-ink"
6212
6286
  },
6213
6287
  "fontSize": "12px",
6214
6288
  "letterSpacing": "0.06em",
@@ -6311,7 +6385,7 @@
6311
6385
  "alignItems": "baseline",
6312
6386
  "paddingTop": "18px",
6313
6387
  "paddingBottom": "18px",
6314
- "customStyles": "border-top:1px solid rgba(22,24,28,.16);"
6388
+ "customStyles": "border-top:1px solid rgba(22,24,28,.16);animation:mk-rise both;animation-timeline:view();animation-range:entry 2% cover 18%;"
6315
6389
  },
6316
6390
  "_m": {
6317
6391
  "gridCols": "1fr",
@@ -6551,7 +6625,7 @@
6551
6625
  "alignItems": "baseline",
6552
6626
  "paddingTop": "18px",
6553
6627
  "paddingBottom": "18px",
6554
- "customStyles": "border-top:1px solid rgba(22,24,28,.16);"
6628
+ "customStyles": "border-top:1px solid rgba(22,24,28,.16);animation:mk-rise both;animation-timeline:view();animation-range:entry 6% cover 22%;"
6555
6629
  },
6556
6630
  "_m": {
6557
6631
  "gridCols": "1fr",
@@ -6791,7 +6865,7 @@
6791
6865
  "alignItems": "baseline",
6792
6866
  "paddingTop": "18px",
6793
6867
  "paddingBottom": "18px",
6794
- "customStyles": "border-top:1px solid rgba(22,24,28,.16);"
6868
+ "customStyles": "border-top:1px solid rgba(22,24,28,.16);animation:mk-rise both;animation-timeline:view();animation-range:entry 10% cover 26%;"
6795
6869
  },
6796
6870
  "_m": {
6797
6871
  "gridCols": "1fr",
@@ -7031,7 +7105,7 @@
7031
7105
  "alignItems": "baseline",
7032
7106
  "paddingTop": "18px",
7033
7107
  "paddingBottom": "18px",
7034
- "customStyles": "border-top:1px solid rgba(22,24,28,.16);"
7108
+ "customStyles": "border-top:1px solid rgba(22,24,28,.16);animation:mk-rise both;animation-timeline:view();animation-range:entry 14% cover 30%;"
7035
7109
  },
7036
7110
  "_m": {
7037
7111
  "gridCols": "1fr",
@@ -7271,7 +7345,7 @@
7271
7345
  "alignItems": "baseline",
7272
7346
  "paddingTop": "18px",
7273
7347
  "paddingBottom": "18px",
7274
- "customStyles": "border-top:1px solid rgba(22,24,28,.16);"
7348
+ "customStyles": "border-top:1px solid rgba(22,24,28,.16);animation:mk-rise both;animation-timeline:view();animation-range:entry 18% cover 34%;"
7275
7349
  },
7276
7350
  "_m": {
7277
7351
  "gridCols": "1fr",
@@ -7722,7 +7796,7 @@
7722
7796
  "style": {
7723
7797
  "&": {
7724
7798
  "_": {
7725
- "color": "rgb(122,124,132)",
7799
+ "color": "rgb(128,130,138)",
7726
7800
  "fontSize": "12px",
7727
7801
  "letterSpacing": "0.06em",
7728
7802
  "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
@@ -7882,7 +7956,7 @@
7882
7956
  "style": {
7883
7957
  "&": {
7884
7958
  "_": {
7885
- "color": "rgb(122,124,132)",
7959
+ "color": "rgb(128,130,138)",
7886
7960
  "fontSize": "12px",
7887
7961
  "letterSpacing": "0.06em",
7888
7962
  "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
@@ -8100,7 +8174,7 @@
8100
8174
  "&": {
8101
8175
  "_": {
8102
8176
  "color": {
8103
- "token": "--mk-accent"
8177
+ "token": "--mk-accent-ink"
8104
8178
  },
8105
8179
  "fontSize": "12px",
8106
8180
  "letterSpacing": "0.06em",
@@ -8233,7 +8307,7 @@
8233
8307
  "&": {
8234
8308
  "_": {
8235
8309
  "color": {
8236
- "token": "--mk-accent"
8310
+ "token": "--mk-accent-ink"
8237
8311
  },
8238
8312
  "fontSize": "24px",
8239
8313
  "letterSpacing": "0",
@@ -8358,7 +8432,7 @@
8358
8432
  "&": {
8359
8433
  "_": {
8360
8434
  "color": {
8361
- "token": "--mk-accent"
8435
+ "token": "--mk-accent-ink"
8362
8436
  },
8363
8437
  "fontSize": "24px",
8364
8438
  "letterSpacing": "0",
@@ -8483,7 +8557,7 @@
8483
8557
  "&": {
8484
8558
  "_": {
8485
8559
  "color": {
8486
- "token": "--mk-accent"
8560
+ "token": "--mk-accent-ink"
8487
8561
  },
8488
8562
  "fontSize": "24px",
8489
8563
  "letterSpacing": "0",
@@ -8670,7 +8744,7 @@
8670
8744
  "&": {
8671
8745
  "_": {
8672
8746
  "color": {
8673
- "token": "--mk-accent"
8747
+ "token": "--mk-accent-ink"
8674
8748
  },
8675
8749
  "fontSize": "12px",
8676
8750
  "letterSpacing": "0.06em",
@@ -8832,7 +8906,7 @@
8832
8906
  "&": {
8833
8907
  "_": {
8834
8908
  "color": {
8835
- "token": "--mk-accent"
8909
+ "token": "--mk-accent-ink"
8836
8910
  },
8837
8911
  "fontSize": "15px",
8838
8912
  "letterSpacing": "0.02em",