@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
package/dist/caramellatte.css CHANGED
@@ -2079,6 +2079,8 @@
2079
2079
  .text-size-picker,
2080
2080
  .search-picker,
2081
2081
  .link-picker,
2082
+ .menu-picker,
2083
+ .settings-picker,
2082
2084
  .share-picker,
2083
2085
  .date-time-picker
2084
2086
  ) {
@@ -2092,6 +2094,8 @@
2092
2094
  .text-size-picker-button,
2093
2095
  .search-picker-button,
2094
2096
  .link-picker-button,
2097
+ .menu-picker-button,
2098
+ .settings-picker-button,
2095
2099
  .share-picker-button,
2096
2100
  .date-time-picker-button
2097
2101
  ) {
@@ -2128,6 +2132,8 @@
2128
2132
  .text-size-picker-icon,
2129
2133
  .motion-picker-icon,
2130
2134
  .link-picker-icon,
2135
+ .menu-picker-icon,
2136
+ .settings-picker-icon,
2131
2137
  .share-picker-icon,
2132
2138
  .search-picker-icon
2133
2139
  ) {
@@ -2493,6 +2499,8 @@
2493
2499
  .text-size-picker-tooltip,
2494
2500
  .motion-picker-tooltip,
2495
2501
  .link-picker-tooltip,
2502
+ .menu-picker-tooltip,
2503
+ .settings-picker-tooltip,
2496
2504
  .share-picker-tooltip,
2497
2505
  .search-picker-tooltip,
2498
2506
  .date-time-picker-tooltip
@@ -2518,6 +2526,8 @@
2518
2526
  .text-size-picker-tooltip,
2519
2527
  .motion-picker-tooltip,
2520
2528
  .link-picker-tooltip,
2529
+ .menu-picker-tooltip,
2530
+ .settings-picker-tooltip,
2521
2531
  .share-picker-tooltip,
2522
2532
  .search-picker-tooltip,
2523
2533
  .date-time-picker-tooltip
@@ -2535,6 +2545,8 @@
2535
2545
  .text-size-picker-tooltip,
2536
2546
  .motion-picker-tooltip,
2537
2547
  .link-picker-tooltip,
2548
+ .menu-picker-tooltip,
2549
+ .settings-picker-tooltip,
2538
2550
  .share-picker-tooltip,
2539
2551
  .search-picker-tooltip,
2540
2552
  .date-time-picker-tooltip
@@ -2589,6 +2601,8 @@
2589
2601
  .text-size-picker-list,
2590
2602
  .motion-picker-list,
2591
2603
  .link-picker-list,
2604
+ .menu-picker-panel,
2605
+ .settings-picker-panel,
2592
2606
  .share-picker-list,
2593
2607
  .search-picker-panel
2594
2608
  ) {
@@ -2616,6 +2630,8 @@
2616
2630
  .text-size-picker-list,
2617
2631
  .motion-picker-list,
2618
2632
  .link-picker-list,
2633
+ .menu-picker-panel,
2634
+ .settings-picker-panel,
2619
2635
  .share-picker-list,
2620
2636
  .search-picker-panel
2621
2637
  )[hidden] {
@@ -2634,6 +2650,8 @@
2634
2650
  :where(.text-size-picker) { anchor-name: --lily-text-size-picker; }
2635
2651
  :where(.motion-picker) { anchor-name: --lily-motion-picker; }
2636
2652
  :where(.link-picker) { anchor-name: --lily-link-picker; }
2653
+ :where(.menu-picker) { anchor-name: --lily-menu-picker; }
2654
+ :where(.settings-picker) { anchor-name: --lily-settings-picker; }
2637
2655
  :where(.share-picker) { anchor-name: --lily-share-picker; }
2638
2656
  :where(.search-picker) { anchor-name: --lily-search-picker; }
2639
2657
  :where(.theme-picker-list) { position-anchor: --lily-theme-picker; }
@@ -2641,6 +2659,8 @@
2641
2659
  :where(.text-size-picker-list) { position-anchor: --lily-text-size-picker; }
2642
2660
  :where(.motion-picker-list) { position-anchor: --lily-motion-picker; }
2643
2661
  :where(.link-picker-list) { position-anchor: --lily-link-picker; }
2662
+ :where(.menu-picker-panel) { position-anchor: --lily-menu-picker; }
2663
+ :where(.settings-picker-panel) { position-anchor: --lily-settings-picker; }
2644
2664
  :where(.share-picker-list) { position-anchor: --lily-share-picker; }
2645
2665
  :where(.search-picker-panel) { position-anchor: --lily-search-picker; }
2646
2666
  :where(
@@ -2649,6 +2669,8 @@
2649
2669
  .text-size-picker-list,
2650
2670
  .motion-picker-list,
2651
2671
  .link-picker-list,
2672
+ .menu-picker-panel,
2673
+ .settings-picker-panel,
2652
2674
  .share-picker-list,
2653
2675
  .search-picker-panel
2654
2676
  ) {
package/dist/cmyk.css CHANGED
@@ -2079,6 +2079,8 @@
2079
2079
  .text-size-picker,
2080
2080
  .search-picker,
2081
2081
  .link-picker,
2082
+ .menu-picker,
2083
+ .settings-picker,
2082
2084
  .share-picker,
2083
2085
  .date-time-picker
2084
2086
  ) {
@@ -2092,6 +2094,8 @@
2092
2094
  .text-size-picker-button,
2093
2095
  .search-picker-button,
2094
2096
  .link-picker-button,
2097
+ .menu-picker-button,
2098
+ .settings-picker-button,
2095
2099
  .share-picker-button,
2096
2100
  .date-time-picker-button
2097
2101
  ) {
@@ -2128,6 +2132,8 @@
2128
2132
  .text-size-picker-icon,
2129
2133
  .motion-picker-icon,
2130
2134
  .link-picker-icon,
2135
+ .menu-picker-icon,
2136
+ .settings-picker-icon,
2131
2137
  .share-picker-icon,
2132
2138
  .search-picker-icon
2133
2139
  ) {
@@ -2493,6 +2499,8 @@
2493
2499
  .text-size-picker-tooltip,
2494
2500
  .motion-picker-tooltip,
2495
2501
  .link-picker-tooltip,
2502
+ .menu-picker-tooltip,
2503
+ .settings-picker-tooltip,
2496
2504
  .share-picker-tooltip,
2497
2505
  .search-picker-tooltip,
2498
2506
  .date-time-picker-tooltip
@@ -2518,6 +2526,8 @@
2518
2526
  .text-size-picker-tooltip,
2519
2527
  .motion-picker-tooltip,
2520
2528
  .link-picker-tooltip,
2529
+ .menu-picker-tooltip,
2530
+ .settings-picker-tooltip,
2521
2531
  .share-picker-tooltip,
2522
2532
  .search-picker-tooltip,
2523
2533
  .date-time-picker-tooltip
@@ -2535,6 +2545,8 @@
2535
2545
  .text-size-picker-tooltip,
2536
2546
  .motion-picker-tooltip,
2537
2547
  .link-picker-tooltip,
2548
+ .menu-picker-tooltip,
2549
+ .settings-picker-tooltip,
2538
2550
  .share-picker-tooltip,
2539
2551
  .search-picker-tooltip,
2540
2552
  .date-time-picker-tooltip
@@ -2589,6 +2601,8 @@
2589
2601
  .text-size-picker-list,
2590
2602
  .motion-picker-list,
2591
2603
  .link-picker-list,
2604
+ .menu-picker-panel,
2605
+ .settings-picker-panel,
2592
2606
  .share-picker-list,
2593
2607
  .search-picker-panel
2594
2608
  ) {
@@ -2616,6 +2630,8 @@
2616
2630
  .text-size-picker-list,
2617
2631
  .motion-picker-list,
2618
2632
  .link-picker-list,
2633
+ .menu-picker-panel,
2634
+ .settings-picker-panel,
2619
2635
  .share-picker-list,
2620
2636
  .search-picker-panel
2621
2637
  )[hidden] {
@@ -2634,6 +2650,8 @@
2634
2650
  :where(.text-size-picker) { anchor-name: --lily-text-size-picker; }
2635
2651
  :where(.motion-picker) { anchor-name: --lily-motion-picker; }
2636
2652
  :where(.link-picker) { anchor-name: --lily-link-picker; }
2653
+ :where(.menu-picker) { anchor-name: --lily-menu-picker; }
2654
+ :where(.settings-picker) { anchor-name: --lily-settings-picker; }
2637
2655
  :where(.share-picker) { anchor-name: --lily-share-picker; }
2638
2656
  :where(.search-picker) { anchor-name: --lily-search-picker; }
2639
2657
  :where(.theme-picker-list) { position-anchor: --lily-theme-picker; }
@@ -2641,6 +2659,8 @@
2641
2659
  :where(.text-size-picker-list) { position-anchor: --lily-text-size-picker; }
2642
2660
  :where(.motion-picker-list) { position-anchor: --lily-motion-picker; }
2643
2661
  :where(.link-picker-list) { position-anchor: --lily-link-picker; }
2662
+ :where(.menu-picker-panel) { position-anchor: --lily-menu-picker; }
2663
+ :where(.settings-picker-panel) { position-anchor: --lily-settings-picker; }
2644
2664
  :where(.share-picker-list) { position-anchor: --lily-share-picker; }
2645
2665
  :where(.search-picker-panel) { position-anchor: --lily-search-picker; }
2646
2666
  :where(
@@ -2649,6 +2669,8 @@
2649
2669
  .text-size-picker-list,
2650
2670
  .motion-picker-list,
2651
2671
  .link-picker-list,
2672
+ .menu-picker-panel,
2673
+ .settings-picker-panel,
2652
2674
  .share-picker-list,
2653
2675
  .search-picker-panel
2654
2676
  ) {
package/dist/coffee.css CHANGED
@@ -2079,6 +2079,8 @@
2079
2079
  .text-size-picker,
2080
2080
  .search-picker,
2081
2081
  .link-picker,
2082
+ .menu-picker,
2083
+ .settings-picker,
2082
2084
  .share-picker,
2083
2085
  .date-time-picker
2084
2086
  ) {
@@ -2092,6 +2094,8 @@
2092
2094
  .text-size-picker-button,
2093
2095
  .search-picker-button,
2094
2096
  .link-picker-button,
2097
+ .menu-picker-button,
2098
+ .settings-picker-button,
2095
2099
  .share-picker-button,
2096
2100
  .date-time-picker-button
2097
2101
  ) {
@@ -2128,6 +2132,8 @@
2128
2132
  .text-size-picker-icon,
2129
2133
  .motion-picker-icon,
2130
2134
  .link-picker-icon,
2135
+ .menu-picker-icon,
2136
+ .settings-picker-icon,
2131
2137
  .share-picker-icon,
2132
2138
  .search-picker-icon
2133
2139
  ) {
@@ -2493,6 +2499,8 @@
2493
2499
  .text-size-picker-tooltip,
2494
2500
  .motion-picker-tooltip,
2495
2501
  .link-picker-tooltip,
2502
+ .menu-picker-tooltip,
2503
+ .settings-picker-tooltip,
2496
2504
  .share-picker-tooltip,
2497
2505
  .search-picker-tooltip,
2498
2506
  .date-time-picker-tooltip
@@ -2518,6 +2526,8 @@
2518
2526
  .text-size-picker-tooltip,
2519
2527
  .motion-picker-tooltip,
2520
2528
  .link-picker-tooltip,
2529
+ .menu-picker-tooltip,
2530
+ .settings-picker-tooltip,
2521
2531
  .share-picker-tooltip,
2522
2532
  .search-picker-tooltip,
2523
2533
  .date-time-picker-tooltip
@@ -2535,6 +2545,8 @@
2535
2545
  .text-size-picker-tooltip,
2536
2546
  .motion-picker-tooltip,
2537
2547
  .link-picker-tooltip,
2548
+ .menu-picker-tooltip,
2549
+ .settings-picker-tooltip,
2538
2550
  .share-picker-tooltip,
2539
2551
  .search-picker-tooltip,
2540
2552
  .date-time-picker-tooltip
@@ -2589,6 +2601,8 @@
2589
2601
  .text-size-picker-list,
2590
2602
  .motion-picker-list,
2591
2603
  .link-picker-list,
2604
+ .menu-picker-panel,
2605
+ .settings-picker-panel,
2592
2606
  .share-picker-list,
2593
2607
  .search-picker-panel
2594
2608
  ) {
@@ -2616,6 +2630,8 @@
2616
2630
  .text-size-picker-list,
2617
2631
  .motion-picker-list,
2618
2632
  .link-picker-list,
2633
+ .menu-picker-panel,
2634
+ .settings-picker-panel,
2619
2635
  .share-picker-list,
2620
2636
  .search-picker-panel
2621
2637
  )[hidden] {
@@ -2634,6 +2650,8 @@
2634
2650
  :where(.text-size-picker) { anchor-name: --lily-text-size-picker; }
2635
2651
  :where(.motion-picker) { anchor-name: --lily-motion-picker; }
2636
2652
  :where(.link-picker) { anchor-name: --lily-link-picker; }
2653
+ :where(.menu-picker) { anchor-name: --lily-menu-picker; }
2654
+ :where(.settings-picker) { anchor-name: --lily-settings-picker; }
2637
2655
  :where(.share-picker) { anchor-name: --lily-share-picker; }
2638
2656
  :where(.search-picker) { anchor-name: --lily-search-picker; }
2639
2657
  :where(.theme-picker-list) { position-anchor: --lily-theme-picker; }
@@ -2641,6 +2659,8 @@
2641
2659
  :where(.text-size-picker-list) { position-anchor: --lily-text-size-picker; }
2642
2660
  :where(.motion-picker-list) { position-anchor: --lily-motion-picker; }
2643
2661
  :where(.link-picker-list) { position-anchor: --lily-link-picker; }
2662
+ :where(.menu-picker-panel) { position-anchor: --lily-menu-picker; }
2663
+ :where(.settings-picker-panel) { position-anchor: --lily-settings-picker; }
2644
2664
  :where(.share-picker-list) { position-anchor: --lily-share-picker; }
2645
2665
  :where(.search-picker-panel) { position-anchor: --lily-search-picker; }
2646
2666
  :where(
@@ -2649,6 +2669,8 @@
2649
2669
  .text-size-picker-list,
2650
2670
  .motion-picker-list,
2651
2671
  .link-picker-list,
2672
+ .menu-picker-panel,
2673
+ .settings-picker-panel,
2652
2674
  .share-picker-list,
2653
2675
  .search-picker-panel
2654
2676
  ) {
package/dist/corporate.css CHANGED
@@ -2079,6 +2079,8 @@
2079
2079
  .text-size-picker,
2080
2080
  .search-picker,
2081
2081
  .link-picker,
2082
+ .menu-picker,
2083
+ .settings-picker,
2082
2084
  .share-picker,
2083
2085
  .date-time-picker
2084
2086
  ) {
@@ -2092,6 +2094,8 @@
2092
2094
  .text-size-picker-button,
2093
2095
  .search-picker-button,
2094
2096
  .link-picker-button,
2097
+ .menu-picker-button,
2098
+ .settings-picker-button,
2095
2099
  .share-picker-button,
2096
2100
  .date-time-picker-button
2097
2101
  ) {
@@ -2128,6 +2132,8 @@
2128
2132
  .text-size-picker-icon,
2129
2133
  .motion-picker-icon,
2130
2134
  .link-picker-icon,
2135
+ .menu-picker-icon,
2136
+ .settings-picker-icon,
2131
2137
  .share-picker-icon,
2132
2138
  .search-picker-icon
2133
2139
  ) {
@@ -2493,6 +2499,8 @@
2493
2499
  .text-size-picker-tooltip,
2494
2500
  .motion-picker-tooltip,
2495
2501
  .link-picker-tooltip,
2502
+ .menu-picker-tooltip,
2503
+ .settings-picker-tooltip,
2496
2504
  .share-picker-tooltip,
2497
2505
  .search-picker-tooltip,
2498
2506
  .date-time-picker-tooltip
@@ -2518,6 +2526,8 @@
2518
2526
  .text-size-picker-tooltip,
2519
2527
  .motion-picker-tooltip,
2520
2528
  .link-picker-tooltip,
2529
+ .menu-picker-tooltip,
2530
+ .settings-picker-tooltip,
2521
2531
  .share-picker-tooltip,
2522
2532
  .search-picker-tooltip,
2523
2533
  .date-time-picker-tooltip
@@ -2535,6 +2545,8 @@
2535
2545
  .text-size-picker-tooltip,
2536
2546
  .motion-picker-tooltip,
2537
2547
  .link-picker-tooltip,
2548
+ .menu-picker-tooltip,
2549
+ .settings-picker-tooltip,
2538
2550
  .share-picker-tooltip,
2539
2551
  .search-picker-tooltip,
2540
2552
  .date-time-picker-tooltip
@@ -2589,6 +2601,8 @@
2589
2601
  .text-size-picker-list,
2590
2602
  .motion-picker-list,
2591
2603
  .link-picker-list,
2604
+ .menu-picker-panel,
2605
+ .settings-picker-panel,
2592
2606
  .share-picker-list,
2593
2607
  .search-picker-panel
2594
2608
  ) {
@@ -2616,6 +2630,8 @@
2616
2630
  .text-size-picker-list,
2617
2631
  .motion-picker-list,
2618
2632
  .link-picker-list,
2633
+ .menu-picker-panel,
2634
+ .settings-picker-panel,
2619
2635
  .share-picker-list,
2620
2636
  .search-picker-panel
2621
2637
  )[hidden] {
@@ -2634,6 +2650,8 @@
2634
2650
  :where(.text-size-picker) { anchor-name: --lily-text-size-picker; }
2635
2651
  :where(.motion-picker) { anchor-name: --lily-motion-picker; }
2636
2652
  :where(.link-picker) { anchor-name: --lily-link-picker; }
2653
+ :where(.menu-picker) { anchor-name: --lily-menu-picker; }
2654
+ :where(.settings-picker) { anchor-name: --lily-settings-picker; }
2637
2655
  :where(.share-picker) { anchor-name: --lily-share-picker; }
2638
2656
  :where(.search-picker) { anchor-name: --lily-search-picker; }
2639
2657
  :where(.theme-picker-list) { position-anchor: --lily-theme-picker; }
@@ -2641,6 +2659,8 @@
2641
2659
  :where(.text-size-picker-list) { position-anchor: --lily-text-size-picker; }
2642
2660
  :where(.motion-picker-list) { position-anchor: --lily-motion-picker; }
2643
2661
  :where(.link-picker-list) { position-anchor: --lily-link-picker; }
2662
+ :where(.menu-picker-panel) { position-anchor: --lily-menu-picker; }
2663
+ :where(.settings-picker-panel) { position-anchor: --lily-settings-picker; }
2644
2664
  :where(.share-picker-list) { position-anchor: --lily-share-picker; }
2645
2665
  :where(.search-picker-panel) { position-anchor: --lily-search-picker; }
2646
2666
  :where(
@@ -2649,6 +2669,8 @@
2649
2669
  .text-size-picker-list,
2650
2670
  .motion-picker-list,
2651
2671
  .link-picker-list,
2672
+ .menu-picker-panel,
2673
+ .settings-picker-panel,
2652
2674
  .share-picker-list,
2653
2675
  .search-picker-panel
2654
2676
  ) {
package/dist/cupcake.css CHANGED
@@ -2079,6 +2079,8 @@
2079
2079
  .text-size-picker,
2080
2080
  .search-picker,
2081
2081
  .link-picker,
2082
+ .menu-picker,
2083
+ .settings-picker,
2082
2084
  .share-picker,
2083
2085
  .date-time-picker
2084
2086
  ) {
@@ -2092,6 +2094,8 @@
2092
2094
  .text-size-picker-button,
2093
2095
  .search-picker-button,
2094
2096
  .link-picker-button,
2097
+ .menu-picker-button,
2098
+ .settings-picker-button,
2095
2099
  .share-picker-button,
2096
2100
  .date-time-picker-button
2097
2101
  ) {
@@ -2128,6 +2132,8 @@
2128
2132
  .text-size-picker-icon,
2129
2133
  .motion-picker-icon,
2130
2134
  .link-picker-icon,
2135
+ .menu-picker-icon,
2136
+ .settings-picker-icon,
2131
2137
  .share-picker-icon,
2132
2138
  .search-picker-icon
2133
2139
  ) {
@@ -2493,6 +2499,8 @@
2493
2499
  .text-size-picker-tooltip,
2494
2500
  .motion-picker-tooltip,
2495
2501
  .link-picker-tooltip,
2502
+ .menu-picker-tooltip,
2503
+ .settings-picker-tooltip,
2496
2504
  .share-picker-tooltip,
2497
2505
  .search-picker-tooltip,
2498
2506
  .date-time-picker-tooltip
@@ -2518,6 +2526,8 @@
2518
2526
  .text-size-picker-tooltip,
2519
2527
  .motion-picker-tooltip,
2520
2528
  .link-picker-tooltip,
2529
+ .menu-picker-tooltip,
2530
+ .settings-picker-tooltip,
2521
2531
  .share-picker-tooltip,
2522
2532
  .search-picker-tooltip,
2523
2533
  .date-time-picker-tooltip
@@ -2535,6 +2545,8 @@
2535
2545
  .text-size-picker-tooltip,
2536
2546
  .motion-picker-tooltip,
2537
2547
  .link-picker-tooltip,
2548
+ .menu-picker-tooltip,
2549
+ .settings-picker-tooltip,
2538
2550
  .share-picker-tooltip,
2539
2551
  .search-picker-tooltip,
2540
2552
  .date-time-picker-tooltip
@@ -2589,6 +2601,8 @@
2589
2601
  .text-size-picker-list,
2590
2602
  .motion-picker-list,
2591
2603
  .link-picker-list,
2604
+ .menu-picker-panel,
2605
+ .settings-picker-panel,
2592
2606
  .share-picker-list,
2593
2607
  .search-picker-panel
2594
2608
  ) {
@@ -2616,6 +2630,8 @@
2616
2630
  .text-size-picker-list,
2617
2631
  .motion-picker-list,
2618
2632
  .link-picker-list,
2633
+ .menu-picker-panel,
2634
+ .settings-picker-panel,
2619
2635
  .share-picker-list,
2620
2636
  .search-picker-panel
2621
2637
  )[hidden] {
@@ -2634,6 +2650,8 @@
2634
2650
  :where(.text-size-picker) { anchor-name: --lily-text-size-picker; }
2635
2651
  :where(.motion-picker) { anchor-name: --lily-motion-picker; }
2636
2652
  :where(.link-picker) { anchor-name: --lily-link-picker; }
2653
+ :where(.menu-picker) { anchor-name: --lily-menu-picker; }
2654
+ :where(.settings-picker) { anchor-name: --lily-settings-picker; }
2637
2655
  :where(.share-picker) { anchor-name: --lily-share-picker; }
2638
2656
  :where(.search-picker) { anchor-name: --lily-search-picker; }
2639
2657
  :where(.theme-picker-list) { position-anchor: --lily-theme-picker; }
@@ -2641,6 +2659,8 @@
2641
2659
  :where(.text-size-picker-list) { position-anchor: --lily-text-size-picker; }
2642
2660
  :where(.motion-picker-list) { position-anchor: --lily-motion-picker; }
2643
2661
  :where(.link-picker-list) { position-anchor: --lily-link-picker; }
2662
+ :where(.menu-picker-panel) { position-anchor: --lily-menu-picker; }
2663
+ :where(.settings-picker-panel) { position-anchor: --lily-settings-picker; }
2644
2664
  :where(.share-picker-list) { position-anchor: --lily-share-picker; }
2645
2665
  :where(.search-picker-panel) { position-anchor: --lily-search-picker; }
2646
2666
  :where(
@@ -2649,6 +2669,8 @@
2649
2669
  .text-size-picker-list,
2650
2670
  .motion-picker-list,
2651
2671
  .link-picker-list,
2672
+ .menu-picker-panel,
2673
+ .settings-picker-panel,
2652
2674
  .share-picker-list,
2653
2675
  .search-picker-panel
2654
2676
  ) {
package/dist/cyberpunk.css CHANGED
@@ -2079,6 +2079,8 @@
2079
2079
  .text-size-picker,
2080
2080
  .search-picker,
2081
2081
  .link-picker,
2082
+ .menu-picker,
2083
+ .settings-picker,
2082
2084
  .share-picker,
2083
2085
  .date-time-picker
2084
2086
  ) {
@@ -2092,6 +2094,8 @@
2092
2094
  .text-size-picker-button,
2093
2095
  .search-picker-button,
2094
2096
  .link-picker-button,
2097
+ .menu-picker-button,
2098
+ .settings-picker-button,
2095
2099
  .share-picker-button,
2096
2100
  .date-time-picker-button
2097
2101
  ) {
@@ -2128,6 +2132,8 @@
2128
2132
  .text-size-picker-icon,
2129
2133
  .motion-picker-icon,
2130
2134
  .link-picker-icon,
2135
+ .menu-picker-icon,
2136
+ .settings-picker-icon,
2131
2137
  .share-picker-icon,
2132
2138
  .search-picker-icon
2133
2139
  ) {
@@ -2493,6 +2499,8 @@
2493
2499
  .text-size-picker-tooltip,
2494
2500
  .motion-picker-tooltip,
2495
2501
  .link-picker-tooltip,
2502
+ .menu-picker-tooltip,
2503
+ .settings-picker-tooltip,
2496
2504
  .share-picker-tooltip,
2497
2505
  .search-picker-tooltip,
2498
2506
  .date-time-picker-tooltip
@@ -2518,6 +2526,8 @@
2518
2526
  .text-size-picker-tooltip,
2519
2527
  .motion-picker-tooltip,
2520
2528
  .link-picker-tooltip,
2529
+ .menu-picker-tooltip,
2530
+ .settings-picker-tooltip,
2521
2531
  .share-picker-tooltip,
2522
2532
  .search-picker-tooltip,
2523
2533
  .date-time-picker-tooltip
@@ -2535,6 +2545,8 @@
2535
2545
  .text-size-picker-tooltip,
2536
2546
  .motion-picker-tooltip,
2537
2547
  .link-picker-tooltip,
2548
+ .menu-picker-tooltip,
2549
+ .settings-picker-tooltip,
2538
2550
  .share-picker-tooltip,
2539
2551
  .search-picker-tooltip,
2540
2552
  .date-time-picker-tooltip
@@ -2589,6 +2601,8 @@
2589
2601
  .text-size-picker-list,
2590
2602
  .motion-picker-list,
2591
2603
  .link-picker-list,
2604
+ .menu-picker-panel,
2605
+ .settings-picker-panel,
2592
2606
  .share-picker-list,
2593
2607
  .search-picker-panel
2594
2608
  ) {
@@ -2616,6 +2630,8 @@
2616
2630
  .text-size-picker-list,
2617
2631
  .motion-picker-list,
2618
2632
  .link-picker-list,
2633
+ .menu-picker-panel,
2634
+ .settings-picker-panel,
2619
2635
  .share-picker-list,
2620
2636
  .search-picker-panel
2621
2637
  )[hidden] {
@@ -2634,6 +2650,8 @@
2634
2650
  :where(.text-size-picker) { anchor-name: --lily-text-size-picker; }
2635
2651
  :where(.motion-picker) { anchor-name: --lily-motion-picker; }
2636
2652
  :where(.link-picker) { anchor-name: --lily-link-picker; }
2653
+ :where(.menu-picker) { anchor-name: --lily-menu-picker; }
2654
+ :where(.settings-picker) { anchor-name: --lily-settings-picker; }
2637
2655
  :where(.share-picker) { anchor-name: --lily-share-picker; }
2638
2656
  :where(.search-picker) { anchor-name: --lily-search-picker; }
2639
2657
  :where(.theme-picker-list) { position-anchor: --lily-theme-picker; }
@@ -2641,6 +2659,8 @@
2641
2659
  :where(.text-size-picker-list) { position-anchor: --lily-text-size-picker; }
2642
2660
  :where(.motion-picker-list) { position-anchor: --lily-motion-picker; }
2643
2661
  :where(.link-picker-list) { position-anchor: --lily-link-picker; }
2662
+ :where(.menu-picker-panel) { position-anchor: --lily-menu-picker; }
2663
+ :where(.settings-picker-panel) { position-anchor: --lily-settings-picker; }
2644
2664
  :where(.share-picker-list) { position-anchor: --lily-share-picker; }
2645
2665
  :where(.search-picker-panel) { position-anchor: --lily-search-picker; }
2646
2666
  :where(
@@ -2649,6 +2669,8 @@
2649
2669
  .text-size-picker-list,
2650
2670
  .motion-picker-list,
2651
2671
  .link-picker-list,
2672
+ .menu-picker-panel,
2673
+ .settings-picker-panel,
2652
2674
  .share-picker-list,
2653
2675
  .search-picker-panel
2654
2676
  ) {
package/dist/dark.css CHANGED
@@ -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
  ) {