@lilydesignsystem/themes 0.4.0 → 0.5.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 (59) hide show
  1. package/dist/abyss.css +22 -0
  2. package/dist/acid.css +22 -0
  3. package/dist/adobe-spectrum.css +22 -0
  4. package/dist/ant-design.css +3632 -0
  5. package/dist/aqua.css +22 -0
  6. package/dist/atlassian.css +3632 -0
  7. package/dist/autumn.css +22 -0
  8. package/dist/black.css +22 -0
  9. package/dist/bumblebee.css +22 -0
  10. package/dist/business.css +22 -0
  11. package/dist/cappuccino.css +3632 -0
  12. package/dist/caramellatte.css +22 -0
  13. package/dist/cmyk.css +22 -0
  14. package/dist/coffee.css +22 -0
  15. package/dist/corporate.css +22 -0
  16. package/dist/cupcake.css +22 -0
  17. package/dist/cyberpunk.css +22 -0
  18. package/dist/dark.css +22 -0
  19. package/dist/dim.css +22 -0
  20. package/dist/dracula.css +22 -0
  21. package/dist/emerald.css +22 -0
  22. package/dist/excel.css +3632 -0
  23. package/dist/fantasy.css +22 -0
  24. package/dist/fluent.css +3632 -0
  25. package/dist/forest.css +22 -0
  26. package/dist/garden.css +22 -0
  27. package/dist/github-primer.css +3632 -0
  28. package/dist/halloween.css +22 -0
  29. package/dist/ibm-carbon.css +3632 -0
  30. package/dist/lemonade.css +22 -0
  31. package/dist/light.css +22 -0
  32. package/dist/linear.css +3632 -0
  33. package/dist/lofi.css +22 -0
  34. package/dist/luxury.css +22 -0
  35. package/dist/mozilla-protocol.css +22 -0
  36. package/dist/night.css +22 -0
  37. package/dist/nord.css +22 -0
  38. package/dist/notion.css +3632 -0
  39. package/dist/pastel.css +22 -0
  40. package/dist/retro.css +22 -0
  41. package/dist/salesforce.css +3632 -0
  42. package/dist/sap-fiori.css +3632 -0
  43. package/dist/silk.css +22 -0
  44. package/dist/sunset.css +22 -0
  45. package/dist/synthwave.css +22 -0
  46. package/dist/united-kingdom-government-digital-service.css +22 -0
  47. package/dist/united-kingdom-national-health-service-england-for-patients.css +22 -0
  48. package/dist/united-kingdom-national-health-service-england-for-practitioners.css +22 -0
  49. package/dist/united-kingdom-national-health-service-scotland-for-patients.css +22 -0
  50. package/dist/united-kingdom-national-health-service-scotland-for-practitioners.css +22 -0
  51. package/dist/united-kingdom-national-health-service-wales-for-patients.css +22 -0
  52. package/dist/united-kingdom-national-health-service-wales-for-practitioners.css +22 -0
  53. package/dist/united-states-web-design-system.css +22 -0
  54. package/dist/valentine.css +22 -0
  55. package/dist/vercel.css +3632 -0
  56. package/dist/winter.css +22 -0
  57. package/dist/wireframe.css +22 -0
  58. package/index.md +14 -10
  59. package/package.json +4 -3
@@ -2307,6 +2307,8 @@
2307
2307
  .text-size-picker,
2308
2308
  .search-picker,
2309
2309
  .link-picker,
2310
+ .menu-picker,
2311
+ .settings-picker,
2310
2312
  .share-picker,
2311
2313
  .date-time-picker
2312
2314
  ) {
@@ -2320,6 +2322,8 @@
2320
2322
  .text-size-picker-button,
2321
2323
  .search-picker-button,
2322
2324
  .link-picker-button,
2325
+ .menu-picker-button,
2326
+ .settings-picker-button,
2323
2327
  .share-picker-button,
2324
2328
  .date-time-picker-button
2325
2329
  ) {
@@ -2356,6 +2360,8 @@
2356
2360
  .text-size-picker-icon,
2357
2361
  .motion-picker-icon,
2358
2362
  .link-picker-icon,
2363
+ .menu-picker-icon,
2364
+ .settings-picker-icon,
2359
2365
  .share-picker-icon,
2360
2366
  .search-picker-icon
2361
2367
  ) {
@@ -2721,6 +2727,8 @@
2721
2727
  .text-size-picker-tooltip,
2722
2728
  .motion-picker-tooltip,
2723
2729
  .link-picker-tooltip,
2730
+ .menu-picker-tooltip,
2731
+ .settings-picker-tooltip,
2724
2732
  .share-picker-tooltip,
2725
2733
  .search-picker-tooltip,
2726
2734
  .date-time-picker-tooltip
@@ -2746,6 +2754,8 @@
2746
2754
  .text-size-picker-tooltip,
2747
2755
  .motion-picker-tooltip,
2748
2756
  .link-picker-tooltip,
2757
+ .menu-picker-tooltip,
2758
+ .settings-picker-tooltip,
2749
2759
  .share-picker-tooltip,
2750
2760
  .search-picker-tooltip,
2751
2761
  .date-time-picker-tooltip
@@ -2763,6 +2773,8 @@
2763
2773
  .text-size-picker-tooltip,
2764
2774
  .motion-picker-tooltip,
2765
2775
  .link-picker-tooltip,
2776
+ .menu-picker-tooltip,
2777
+ .settings-picker-tooltip,
2766
2778
  .share-picker-tooltip,
2767
2779
  .search-picker-tooltip,
2768
2780
  .date-time-picker-tooltip
@@ -2817,6 +2829,8 @@
2817
2829
  .text-size-picker-list,
2818
2830
  .motion-picker-list,
2819
2831
  .link-picker-list,
2832
+ .menu-picker-panel,
2833
+ .settings-picker-panel,
2820
2834
  .share-picker-list,
2821
2835
  .search-picker-panel
2822
2836
  ) {
@@ -2844,6 +2858,8 @@
2844
2858
  .text-size-picker-list,
2845
2859
  .motion-picker-list,
2846
2860
  .link-picker-list,
2861
+ .menu-picker-panel,
2862
+ .settings-picker-panel,
2847
2863
  .share-picker-list,
2848
2864
  .search-picker-panel
2849
2865
  )[hidden] {
@@ -2862,6 +2878,8 @@
2862
2878
  :where(.text-size-picker) { anchor-name: --lily-text-size-picker; }
2863
2879
  :where(.motion-picker) { anchor-name: --lily-motion-picker; }
2864
2880
  :where(.link-picker) { anchor-name: --lily-link-picker; }
2881
+ :where(.menu-picker) { anchor-name: --lily-menu-picker; }
2882
+ :where(.settings-picker) { anchor-name: --lily-settings-picker; }
2865
2883
  :where(.share-picker) { anchor-name: --lily-share-picker; }
2866
2884
  :where(.search-picker) { anchor-name: --lily-search-picker; }
2867
2885
  :where(.theme-picker-list) { position-anchor: --lily-theme-picker; }
@@ -2869,6 +2887,8 @@
2869
2887
  :where(.text-size-picker-list) { position-anchor: --lily-text-size-picker; }
2870
2888
  :where(.motion-picker-list) { position-anchor: --lily-motion-picker; }
2871
2889
  :where(.link-picker-list) { position-anchor: --lily-link-picker; }
2890
+ :where(.menu-picker-panel) { position-anchor: --lily-menu-picker; }
2891
+ :where(.settings-picker-panel) { position-anchor: --lily-settings-picker; }
2872
2892
  :where(.share-picker-list) { position-anchor: --lily-share-picker; }
2873
2893
  :where(.search-picker-panel) { position-anchor: --lily-search-picker; }
2874
2894
  :where(
@@ -2877,6 +2897,8 @@
2877
2897
  .text-size-picker-list,
2878
2898
  .motion-picker-list,
2879
2899
  .link-picker-list,
2900
+ .menu-picker-panel,
2901
+ .settings-picker-panel,
2880
2902
  .share-picker-list,
2881
2903
  .search-picker-panel
2882
2904
  ) {
@@ -2894,6 +2894,8 @@
2894
2894
  .text-size-picker,
2895
2895
  .search-picker,
2896
2896
  .link-picker,
2897
+ .menu-picker,
2898
+ .settings-picker,
2897
2899
  .share-picker,
2898
2900
  .date-time-picker
2899
2901
  ) {
@@ -2907,6 +2909,8 @@
2907
2909
  .text-size-picker-button,
2908
2910
  .search-picker-button,
2909
2911
  .link-picker-button,
2912
+ .menu-picker-button,
2913
+ .settings-picker-button,
2910
2914
  .share-picker-button,
2911
2915
  .date-time-picker-button
2912
2916
  ) {
@@ -2943,6 +2947,8 @@
2943
2947
  .text-size-picker-icon,
2944
2948
  .motion-picker-icon,
2945
2949
  .link-picker-icon,
2950
+ .menu-picker-icon,
2951
+ .settings-picker-icon,
2946
2952
  .share-picker-icon,
2947
2953
  .search-picker-icon
2948
2954
  ) {
@@ -3308,6 +3314,8 @@
3308
3314
  .text-size-picker-tooltip,
3309
3315
  .motion-picker-tooltip,
3310
3316
  .link-picker-tooltip,
3317
+ .menu-picker-tooltip,
3318
+ .settings-picker-tooltip,
3311
3319
  .share-picker-tooltip,
3312
3320
  .search-picker-tooltip,
3313
3321
  .date-time-picker-tooltip
@@ -3333,6 +3341,8 @@
3333
3341
  .text-size-picker-tooltip,
3334
3342
  .motion-picker-tooltip,
3335
3343
  .link-picker-tooltip,
3344
+ .menu-picker-tooltip,
3345
+ .settings-picker-tooltip,
3336
3346
  .share-picker-tooltip,
3337
3347
  .search-picker-tooltip,
3338
3348
  .date-time-picker-tooltip
@@ -3350,6 +3360,8 @@
3350
3360
  .text-size-picker-tooltip,
3351
3361
  .motion-picker-tooltip,
3352
3362
  .link-picker-tooltip,
3363
+ .menu-picker-tooltip,
3364
+ .settings-picker-tooltip,
3353
3365
  .share-picker-tooltip,
3354
3366
  .search-picker-tooltip,
3355
3367
  .date-time-picker-tooltip
@@ -3404,6 +3416,8 @@
3404
3416
  .text-size-picker-list,
3405
3417
  .motion-picker-list,
3406
3418
  .link-picker-list,
3419
+ .menu-picker-panel,
3420
+ .settings-picker-panel,
3407
3421
  .share-picker-list,
3408
3422
  .search-picker-panel
3409
3423
  ) {
@@ -3431,6 +3445,8 @@
3431
3445
  .text-size-picker-list,
3432
3446
  .motion-picker-list,
3433
3447
  .link-picker-list,
3448
+ .menu-picker-panel,
3449
+ .settings-picker-panel,
3434
3450
  .share-picker-list,
3435
3451
  .search-picker-panel
3436
3452
  )[hidden] {
@@ -3449,6 +3465,8 @@
3449
3465
  :where(.text-size-picker) { anchor-name: --lily-text-size-picker; }
3450
3466
  :where(.motion-picker) { anchor-name: --lily-motion-picker; }
3451
3467
  :where(.link-picker) { anchor-name: --lily-link-picker; }
3468
+ :where(.menu-picker) { anchor-name: --lily-menu-picker; }
3469
+ :where(.settings-picker) { anchor-name: --lily-settings-picker; }
3452
3470
  :where(.share-picker) { anchor-name: --lily-share-picker; }
3453
3471
  :where(.search-picker) { anchor-name: --lily-search-picker; }
3454
3472
  :where(.theme-picker-list) { position-anchor: --lily-theme-picker; }
@@ -3456,6 +3474,8 @@
3456
3474
  :where(.text-size-picker-list) { position-anchor: --lily-text-size-picker; }
3457
3475
  :where(.motion-picker-list) { position-anchor: --lily-motion-picker; }
3458
3476
  :where(.link-picker-list) { position-anchor: --lily-link-picker; }
3477
+ :where(.menu-picker-panel) { position-anchor: --lily-menu-picker; }
3478
+ :where(.settings-picker-panel) { position-anchor: --lily-settings-picker; }
3459
3479
  :where(.share-picker-list) { position-anchor: --lily-share-picker; }
3460
3480
  :where(.search-picker-panel) { position-anchor: --lily-search-picker; }
3461
3481
  :where(
@@ -3464,6 +3484,8 @@
3464
3484
  .text-size-picker-list,
3465
3485
  .motion-picker-list,
3466
3486
  .link-picker-list,
3487
+ .menu-picker-panel,
3488
+ .settings-picker-panel,
3467
3489
  .share-picker-list,
3468
3490
  .search-picker-panel
3469
3491
  ) {
@@ -3036,6 +3036,8 @@
3036
3036
  .text-size-picker,
3037
3037
  .search-picker,
3038
3038
  .link-picker,
3039
+ .menu-picker,
3040
+ .settings-picker,
3039
3041
  .share-picker,
3040
3042
  .date-time-picker
3041
3043
  ) {
@@ -3049,6 +3051,8 @@
3049
3051
  .text-size-picker-button,
3050
3052
  .search-picker-button,
3051
3053
  .link-picker-button,
3054
+ .menu-picker-button,
3055
+ .settings-picker-button,
3052
3056
  .share-picker-button,
3053
3057
  .date-time-picker-button
3054
3058
  ) {
@@ -3085,6 +3089,8 @@
3085
3089
  .text-size-picker-icon,
3086
3090
  .motion-picker-icon,
3087
3091
  .link-picker-icon,
3092
+ .menu-picker-icon,
3093
+ .settings-picker-icon,
3088
3094
  .share-picker-icon,
3089
3095
  .search-picker-icon
3090
3096
  ) {
@@ -3450,6 +3456,8 @@
3450
3456
  .text-size-picker-tooltip,
3451
3457
  .motion-picker-tooltip,
3452
3458
  .link-picker-tooltip,
3459
+ .menu-picker-tooltip,
3460
+ .settings-picker-tooltip,
3453
3461
  .share-picker-tooltip,
3454
3462
  .search-picker-tooltip,
3455
3463
  .date-time-picker-tooltip
@@ -3475,6 +3483,8 @@
3475
3483
  .text-size-picker-tooltip,
3476
3484
  .motion-picker-tooltip,
3477
3485
  .link-picker-tooltip,
3486
+ .menu-picker-tooltip,
3487
+ .settings-picker-tooltip,
3478
3488
  .share-picker-tooltip,
3479
3489
  .search-picker-tooltip,
3480
3490
  .date-time-picker-tooltip
@@ -3492,6 +3502,8 @@
3492
3502
  .text-size-picker-tooltip,
3493
3503
  .motion-picker-tooltip,
3494
3504
  .link-picker-tooltip,
3505
+ .menu-picker-tooltip,
3506
+ .settings-picker-tooltip,
3495
3507
  .share-picker-tooltip,
3496
3508
  .search-picker-tooltip,
3497
3509
  .date-time-picker-tooltip
@@ -3546,6 +3558,8 @@
3546
3558
  .text-size-picker-list,
3547
3559
  .motion-picker-list,
3548
3560
  .link-picker-list,
3561
+ .menu-picker-panel,
3562
+ .settings-picker-panel,
3549
3563
  .share-picker-list,
3550
3564
  .search-picker-panel
3551
3565
  ) {
@@ -3573,6 +3587,8 @@
3573
3587
  .text-size-picker-list,
3574
3588
  .motion-picker-list,
3575
3589
  .link-picker-list,
3590
+ .menu-picker-panel,
3591
+ .settings-picker-panel,
3576
3592
  .share-picker-list,
3577
3593
  .search-picker-panel
3578
3594
  )[hidden] {
@@ -3591,6 +3607,8 @@
3591
3607
  :where(.text-size-picker) { anchor-name: --lily-text-size-picker; }
3592
3608
  :where(.motion-picker) { anchor-name: --lily-motion-picker; }
3593
3609
  :where(.link-picker) { anchor-name: --lily-link-picker; }
3610
+ :where(.menu-picker) { anchor-name: --lily-menu-picker; }
3611
+ :where(.settings-picker) { anchor-name: --lily-settings-picker; }
3594
3612
  :where(.share-picker) { anchor-name: --lily-share-picker; }
3595
3613
  :where(.search-picker) { anchor-name: --lily-search-picker; }
3596
3614
  :where(.theme-picker-list) { position-anchor: --lily-theme-picker; }
@@ -3598,6 +3616,8 @@
3598
3616
  :where(.text-size-picker-list) { position-anchor: --lily-text-size-picker; }
3599
3617
  :where(.motion-picker-list) { position-anchor: --lily-motion-picker; }
3600
3618
  :where(.link-picker-list) { position-anchor: --lily-link-picker; }
3619
+ :where(.menu-picker-panel) { position-anchor: --lily-menu-picker; }
3620
+ :where(.settings-picker-panel) { position-anchor: --lily-settings-picker; }
3601
3621
  :where(.share-picker-list) { position-anchor: --lily-share-picker; }
3602
3622
  :where(.search-picker-panel) { position-anchor: --lily-search-picker; }
3603
3623
  :where(
@@ -3606,6 +3626,8 @@
3606
3626
  .text-size-picker-list,
3607
3627
  .motion-picker-list,
3608
3628
  .link-picker-list,
3629
+ .menu-picker-panel,
3630
+ .settings-picker-panel,
3609
3631
  .share-picker-list,
3610
3632
  .search-picker-panel
3611
3633
  ) {
@@ -2080,6 +2080,8 @@
2080
2080
  .text-size-picker,
2081
2081
  .search-picker,
2082
2082
  .link-picker,
2083
+ .menu-picker,
2084
+ .settings-picker,
2083
2085
  .share-picker,
2084
2086
  .date-time-picker
2085
2087
  ) {
@@ -2093,6 +2095,8 @@
2093
2095
  .text-size-picker-button,
2094
2096
  .search-picker-button,
2095
2097
  .link-picker-button,
2098
+ .menu-picker-button,
2099
+ .settings-picker-button,
2096
2100
  .share-picker-button,
2097
2101
  .date-time-picker-button
2098
2102
  ) {
@@ -2129,6 +2133,8 @@
2129
2133
  .text-size-picker-icon,
2130
2134
  .motion-picker-icon,
2131
2135
  .link-picker-icon,
2136
+ .menu-picker-icon,
2137
+ .settings-picker-icon,
2132
2138
  .share-picker-icon,
2133
2139
  .search-picker-icon
2134
2140
  ) {
@@ -2494,6 +2500,8 @@
2494
2500
  .text-size-picker-tooltip,
2495
2501
  .motion-picker-tooltip,
2496
2502
  .link-picker-tooltip,
2503
+ .menu-picker-tooltip,
2504
+ .settings-picker-tooltip,
2497
2505
  .share-picker-tooltip,
2498
2506
  .search-picker-tooltip,
2499
2507
  .date-time-picker-tooltip
@@ -2519,6 +2527,8 @@
2519
2527
  .text-size-picker-tooltip,
2520
2528
  .motion-picker-tooltip,
2521
2529
  .link-picker-tooltip,
2530
+ .menu-picker-tooltip,
2531
+ .settings-picker-tooltip,
2522
2532
  .share-picker-tooltip,
2523
2533
  .search-picker-tooltip,
2524
2534
  .date-time-picker-tooltip
@@ -2536,6 +2546,8 @@
2536
2546
  .text-size-picker-tooltip,
2537
2547
  .motion-picker-tooltip,
2538
2548
  .link-picker-tooltip,
2549
+ .menu-picker-tooltip,
2550
+ .settings-picker-tooltip,
2539
2551
  .share-picker-tooltip,
2540
2552
  .search-picker-tooltip,
2541
2553
  .date-time-picker-tooltip
@@ -2590,6 +2602,8 @@
2590
2602
  .text-size-picker-list,
2591
2603
  .motion-picker-list,
2592
2604
  .link-picker-list,
2605
+ .menu-picker-panel,
2606
+ .settings-picker-panel,
2593
2607
  .share-picker-list,
2594
2608
  .search-picker-panel
2595
2609
  ) {
@@ -2617,6 +2631,8 @@
2617
2631
  .text-size-picker-list,
2618
2632
  .motion-picker-list,
2619
2633
  .link-picker-list,
2634
+ .menu-picker-panel,
2635
+ .settings-picker-panel,
2620
2636
  .share-picker-list,
2621
2637
  .search-picker-panel
2622
2638
  )[hidden] {
@@ -2635,6 +2651,8 @@
2635
2651
  :where(.text-size-picker) { anchor-name: --lily-text-size-picker; }
2636
2652
  :where(.motion-picker) { anchor-name: --lily-motion-picker; }
2637
2653
  :where(.link-picker) { anchor-name: --lily-link-picker; }
2654
+ :where(.menu-picker) { anchor-name: --lily-menu-picker; }
2655
+ :where(.settings-picker) { anchor-name: --lily-settings-picker; }
2638
2656
  :where(.share-picker) { anchor-name: --lily-share-picker; }
2639
2657
  :where(.search-picker) { anchor-name: --lily-search-picker; }
2640
2658
  :where(.theme-picker-list) { position-anchor: --lily-theme-picker; }
@@ -2642,6 +2660,8 @@
2642
2660
  :where(.text-size-picker-list) { position-anchor: --lily-text-size-picker; }
2643
2661
  :where(.motion-picker-list) { position-anchor: --lily-motion-picker; }
2644
2662
  :where(.link-picker-list) { position-anchor: --lily-link-picker; }
2663
+ :where(.menu-picker-panel) { position-anchor: --lily-menu-picker; }
2664
+ :where(.settings-picker-panel) { position-anchor: --lily-settings-picker; }
2645
2665
  :where(.share-picker-list) { position-anchor: --lily-share-picker; }
2646
2666
  :where(.search-picker-panel) { position-anchor: --lily-search-picker; }
2647
2667
  :where(
@@ -2650,6 +2670,8 @@
2650
2670
  .text-size-picker-list,
2651
2671
  .motion-picker-list,
2652
2672
  .link-picker-list,
2673
+ .menu-picker-panel,
2674
+ .settings-picker-panel,
2653
2675
  .share-picker-list,
2654
2676
  .search-picker-panel
2655
2677
  ) {
@@ -2080,6 +2080,8 @@
2080
2080
  .text-size-picker,
2081
2081
  .search-picker,
2082
2082
  .link-picker,
2083
+ .menu-picker,
2084
+ .settings-picker,
2083
2085
  .share-picker,
2084
2086
  .date-time-picker
2085
2087
  ) {
@@ -2093,6 +2095,8 @@
2093
2095
  .text-size-picker-button,
2094
2096
  .search-picker-button,
2095
2097
  .link-picker-button,
2098
+ .menu-picker-button,
2099
+ .settings-picker-button,
2096
2100
  .share-picker-button,
2097
2101
  .date-time-picker-button
2098
2102
  ) {
@@ -2129,6 +2133,8 @@
2129
2133
  .text-size-picker-icon,
2130
2134
  .motion-picker-icon,
2131
2135
  .link-picker-icon,
2136
+ .menu-picker-icon,
2137
+ .settings-picker-icon,
2132
2138
  .share-picker-icon,
2133
2139
  .search-picker-icon
2134
2140
  ) {
@@ -2494,6 +2500,8 @@
2494
2500
  .text-size-picker-tooltip,
2495
2501
  .motion-picker-tooltip,
2496
2502
  .link-picker-tooltip,
2503
+ .menu-picker-tooltip,
2504
+ .settings-picker-tooltip,
2497
2505
  .share-picker-tooltip,
2498
2506
  .search-picker-tooltip,
2499
2507
  .date-time-picker-tooltip
@@ -2519,6 +2527,8 @@
2519
2527
  .text-size-picker-tooltip,
2520
2528
  .motion-picker-tooltip,
2521
2529
  .link-picker-tooltip,
2530
+ .menu-picker-tooltip,
2531
+ .settings-picker-tooltip,
2522
2532
  .share-picker-tooltip,
2523
2533
  .search-picker-tooltip,
2524
2534
  .date-time-picker-tooltip
@@ -2536,6 +2546,8 @@
2536
2546
  .text-size-picker-tooltip,
2537
2547
  .motion-picker-tooltip,
2538
2548
  .link-picker-tooltip,
2549
+ .menu-picker-tooltip,
2550
+ .settings-picker-tooltip,
2539
2551
  .share-picker-tooltip,
2540
2552
  .search-picker-tooltip,
2541
2553
  .date-time-picker-tooltip
@@ -2590,6 +2602,8 @@
2590
2602
  .text-size-picker-list,
2591
2603
  .motion-picker-list,
2592
2604
  .link-picker-list,
2605
+ .menu-picker-panel,
2606
+ .settings-picker-panel,
2593
2607
  .share-picker-list,
2594
2608
  .search-picker-panel
2595
2609
  ) {
@@ -2617,6 +2631,8 @@
2617
2631
  .text-size-picker-list,
2618
2632
  .motion-picker-list,
2619
2633
  .link-picker-list,
2634
+ .menu-picker-panel,
2635
+ .settings-picker-panel,
2620
2636
  .share-picker-list,
2621
2637
  .search-picker-panel
2622
2638
  )[hidden] {
@@ -2635,6 +2651,8 @@
2635
2651
  :where(.text-size-picker) { anchor-name: --lily-text-size-picker; }
2636
2652
  :where(.motion-picker) { anchor-name: --lily-motion-picker; }
2637
2653
  :where(.link-picker) { anchor-name: --lily-link-picker; }
2654
+ :where(.menu-picker) { anchor-name: --lily-menu-picker; }
2655
+ :where(.settings-picker) { anchor-name: --lily-settings-picker; }
2638
2656
  :where(.share-picker) { anchor-name: --lily-share-picker; }
2639
2657
  :where(.search-picker) { anchor-name: --lily-search-picker; }
2640
2658
  :where(.theme-picker-list) { position-anchor: --lily-theme-picker; }
@@ -2642,6 +2660,8 @@
2642
2660
  :where(.text-size-picker-list) { position-anchor: --lily-text-size-picker; }
2643
2661
  :where(.motion-picker-list) { position-anchor: --lily-motion-picker; }
2644
2662
  :where(.link-picker-list) { position-anchor: --lily-link-picker; }
2663
+ :where(.menu-picker-panel) { position-anchor: --lily-menu-picker; }
2664
+ :where(.settings-picker-panel) { position-anchor: --lily-settings-picker; }
2645
2665
  :where(.share-picker-list) { position-anchor: --lily-share-picker; }
2646
2666
  :where(.search-picker-panel) { position-anchor: --lily-search-picker; }
2647
2667
  :where(
@@ -2650,6 +2670,8 @@
2650
2670
  .text-size-picker-list,
2651
2671
  .motion-picker-list,
2652
2672
  .link-picker-list,
2673
+ .menu-picker-panel,
2674
+ .settings-picker-panel,
2653
2675
  .share-picker-list,
2654
2676
  .search-picker-panel
2655
2677
  ) {