@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.
- package/dist/abyss.css +22 -0
- package/dist/acid.css +22 -0
- package/dist/adobe-spectrum.css +22 -0
- package/dist/ant-design.css +3632 -0
- package/dist/aqua.css +22 -0
- package/dist/atlassian.css +3632 -0
- package/dist/autumn.css +22 -0
- package/dist/black.css +22 -0
- package/dist/bumblebee.css +22 -0
- package/dist/business.css +22 -0
- package/dist/cappuccino.css +3632 -0
- package/dist/caramellatte.css +22 -0
- package/dist/cmyk.css +22 -0
- package/dist/coffee.css +22 -0
- package/dist/corporate.css +22 -0
- package/dist/cupcake.css +22 -0
- package/dist/cyberpunk.css +22 -0
- package/dist/dark.css +22 -0
- package/dist/dim.css +22 -0
- package/dist/dracula.css +22 -0
- package/dist/emerald.css +22 -0
- package/dist/excel.css +3632 -0
- package/dist/fantasy.css +22 -0
- package/dist/fluent.css +3632 -0
- package/dist/forest.css +22 -0
- package/dist/garden.css +22 -0
- package/dist/github-primer.css +3632 -0
- package/dist/halloween.css +22 -0
- package/dist/ibm-carbon.css +3632 -0
- package/dist/lemonade.css +22 -0
- package/dist/light.css +22 -0
- package/dist/linear.css +3632 -0
- package/dist/lofi.css +22 -0
- package/dist/luxury.css +22 -0
- package/dist/mozilla-protocol.css +22 -0
- package/dist/night.css +22 -0
- package/dist/nord.css +22 -0
- package/dist/notion.css +3632 -0
- package/dist/pastel.css +22 -0
- package/dist/retro.css +22 -0
- package/dist/salesforce.css +3632 -0
- package/dist/sap-fiori.css +3632 -0
- package/dist/silk.css +22 -0
- package/dist/sunset.css +22 -0
- package/dist/synthwave.css +22 -0
- package/dist/united-kingdom-government-digital-service.css +22 -0
- package/dist/united-kingdom-national-health-service-england-for-patients.css +22 -0
- package/dist/united-kingdom-national-health-service-england-for-practitioners.css +22 -0
- package/dist/united-kingdom-national-health-service-scotland-for-patients.css +22 -0
- package/dist/united-kingdom-national-health-service-scotland-for-practitioners.css +22 -0
- package/dist/united-kingdom-national-health-service-wales-for-patients.css +22 -0
- package/dist/united-kingdom-national-health-service-wales-for-practitioners.css +22 -0
- package/dist/united-states-web-design-system.css +22 -0
- package/dist/valentine.css +22 -0
- package/dist/vercel.css +3632 -0
- package/dist/winter.css +22 -0
- package/dist/wireframe.css +22 -0
- package/index.md +14 -10
- package/package.json +4 -3
package/dist/silk.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/sunset.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/synthwave.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
|
) {
|
|
@@ -2084,6 +2084,8 @@
|
|
|
2084
2084
|
.text-size-picker,
|
|
2085
2085
|
.search-picker,
|
|
2086
2086
|
.link-picker,
|
|
2087
|
+
.menu-picker,
|
|
2088
|
+
.settings-picker,
|
|
2087
2089
|
.share-picker,
|
|
2088
2090
|
.date-time-picker
|
|
2089
2091
|
) {
|
|
@@ -2097,6 +2099,8 @@
|
|
|
2097
2099
|
.text-size-picker-button,
|
|
2098
2100
|
.search-picker-button,
|
|
2099
2101
|
.link-picker-button,
|
|
2102
|
+
.menu-picker-button,
|
|
2103
|
+
.settings-picker-button,
|
|
2100
2104
|
.share-picker-button,
|
|
2101
2105
|
.date-time-picker-button
|
|
2102
2106
|
) {
|
|
@@ -2133,6 +2137,8 @@
|
|
|
2133
2137
|
.text-size-picker-icon,
|
|
2134
2138
|
.motion-picker-icon,
|
|
2135
2139
|
.link-picker-icon,
|
|
2140
|
+
.menu-picker-icon,
|
|
2141
|
+
.settings-picker-icon,
|
|
2136
2142
|
.share-picker-icon,
|
|
2137
2143
|
.search-picker-icon
|
|
2138
2144
|
) {
|
|
@@ -2498,6 +2504,8 @@
|
|
|
2498
2504
|
.text-size-picker-tooltip,
|
|
2499
2505
|
.motion-picker-tooltip,
|
|
2500
2506
|
.link-picker-tooltip,
|
|
2507
|
+
.menu-picker-tooltip,
|
|
2508
|
+
.settings-picker-tooltip,
|
|
2501
2509
|
.share-picker-tooltip,
|
|
2502
2510
|
.search-picker-tooltip,
|
|
2503
2511
|
.date-time-picker-tooltip
|
|
@@ -2523,6 +2531,8 @@
|
|
|
2523
2531
|
.text-size-picker-tooltip,
|
|
2524
2532
|
.motion-picker-tooltip,
|
|
2525
2533
|
.link-picker-tooltip,
|
|
2534
|
+
.menu-picker-tooltip,
|
|
2535
|
+
.settings-picker-tooltip,
|
|
2526
2536
|
.share-picker-tooltip,
|
|
2527
2537
|
.search-picker-tooltip,
|
|
2528
2538
|
.date-time-picker-tooltip
|
|
@@ -2540,6 +2550,8 @@
|
|
|
2540
2550
|
.text-size-picker-tooltip,
|
|
2541
2551
|
.motion-picker-tooltip,
|
|
2542
2552
|
.link-picker-tooltip,
|
|
2553
|
+
.menu-picker-tooltip,
|
|
2554
|
+
.settings-picker-tooltip,
|
|
2543
2555
|
.share-picker-tooltip,
|
|
2544
2556
|
.search-picker-tooltip,
|
|
2545
2557
|
.date-time-picker-tooltip
|
|
@@ -2594,6 +2606,8 @@
|
|
|
2594
2606
|
.text-size-picker-list,
|
|
2595
2607
|
.motion-picker-list,
|
|
2596
2608
|
.link-picker-list,
|
|
2609
|
+
.menu-picker-panel,
|
|
2610
|
+
.settings-picker-panel,
|
|
2597
2611
|
.share-picker-list,
|
|
2598
2612
|
.search-picker-panel
|
|
2599
2613
|
) {
|
|
@@ -2621,6 +2635,8 @@
|
|
|
2621
2635
|
.text-size-picker-list,
|
|
2622
2636
|
.motion-picker-list,
|
|
2623
2637
|
.link-picker-list,
|
|
2638
|
+
.menu-picker-panel,
|
|
2639
|
+
.settings-picker-panel,
|
|
2624
2640
|
.share-picker-list,
|
|
2625
2641
|
.search-picker-panel
|
|
2626
2642
|
)[hidden] {
|
|
@@ -2639,6 +2655,8 @@
|
|
|
2639
2655
|
:where(.text-size-picker) { anchor-name: --lily-text-size-picker; }
|
|
2640
2656
|
:where(.motion-picker) { anchor-name: --lily-motion-picker; }
|
|
2641
2657
|
:where(.link-picker) { anchor-name: --lily-link-picker; }
|
|
2658
|
+
:where(.menu-picker) { anchor-name: --lily-menu-picker; }
|
|
2659
|
+
:where(.settings-picker) { anchor-name: --lily-settings-picker; }
|
|
2642
2660
|
:where(.share-picker) { anchor-name: --lily-share-picker; }
|
|
2643
2661
|
:where(.search-picker) { anchor-name: --lily-search-picker; }
|
|
2644
2662
|
:where(.theme-picker-list) { position-anchor: --lily-theme-picker; }
|
|
@@ -2646,6 +2664,8 @@
|
|
|
2646
2664
|
:where(.text-size-picker-list) { position-anchor: --lily-text-size-picker; }
|
|
2647
2665
|
:where(.motion-picker-list) { position-anchor: --lily-motion-picker; }
|
|
2648
2666
|
:where(.link-picker-list) { position-anchor: --lily-link-picker; }
|
|
2667
|
+
:where(.menu-picker-panel) { position-anchor: --lily-menu-picker; }
|
|
2668
|
+
:where(.settings-picker-panel) { position-anchor: --lily-settings-picker; }
|
|
2649
2669
|
:where(.share-picker-list) { position-anchor: --lily-share-picker; }
|
|
2650
2670
|
:where(.search-picker-panel) { position-anchor: --lily-search-picker; }
|
|
2651
2671
|
:where(
|
|
@@ -2654,6 +2674,8 @@
|
|
|
2654
2674
|
.text-size-picker-list,
|
|
2655
2675
|
.motion-picker-list,
|
|
2656
2676
|
.link-picker-list,
|
|
2677
|
+
.menu-picker-panel,
|
|
2678
|
+
.settings-picker-panel,
|
|
2657
2679
|
.share-picker-list,
|
|
2658
2680
|
.search-picker-panel
|
|
2659
2681
|
) {
|
|
@@ -2120,6 +2120,8 @@
|
|
|
2120
2120
|
.text-size-picker,
|
|
2121
2121
|
.search-picker,
|
|
2122
2122
|
.link-picker,
|
|
2123
|
+
.menu-picker,
|
|
2124
|
+
.settings-picker,
|
|
2123
2125
|
.share-picker,
|
|
2124
2126
|
.date-time-picker
|
|
2125
2127
|
) {
|
|
@@ -2133,6 +2135,8 @@
|
|
|
2133
2135
|
.text-size-picker-button,
|
|
2134
2136
|
.search-picker-button,
|
|
2135
2137
|
.link-picker-button,
|
|
2138
|
+
.menu-picker-button,
|
|
2139
|
+
.settings-picker-button,
|
|
2136
2140
|
.share-picker-button,
|
|
2137
2141
|
.date-time-picker-button
|
|
2138
2142
|
) {
|
|
@@ -2169,6 +2173,8 @@
|
|
|
2169
2173
|
.text-size-picker-icon,
|
|
2170
2174
|
.motion-picker-icon,
|
|
2171
2175
|
.link-picker-icon,
|
|
2176
|
+
.menu-picker-icon,
|
|
2177
|
+
.settings-picker-icon,
|
|
2172
2178
|
.share-picker-icon,
|
|
2173
2179
|
.search-picker-icon
|
|
2174
2180
|
) {
|
|
@@ -2534,6 +2540,8 @@
|
|
|
2534
2540
|
.text-size-picker-tooltip,
|
|
2535
2541
|
.motion-picker-tooltip,
|
|
2536
2542
|
.link-picker-tooltip,
|
|
2543
|
+
.menu-picker-tooltip,
|
|
2544
|
+
.settings-picker-tooltip,
|
|
2537
2545
|
.share-picker-tooltip,
|
|
2538
2546
|
.search-picker-tooltip,
|
|
2539
2547
|
.date-time-picker-tooltip
|
|
@@ -2559,6 +2567,8 @@
|
|
|
2559
2567
|
.text-size-picker-tooltip,
|
|
2560
2568
|
.motion-picker-tooltip,
|
|
2561
2569
|
.link-picker-tooltip,
|
|
2570
|
+
.menu-picker-tooltip,
|
|
2571
|
+
.settings-picker-tooltip,
|
|
2562
2572
|
.share-picker-tooltip,
|
|
2563
2573
|
.search-picker-tooltip,
|
|
2564
2574
|
.date-time-picker-tooltip
|
|
@@ -2576,6 +2586,8 @@
|
|
|
2576
2586
|
.text-size-picker-tooltip,
|
|
2577
2587
|
.motion-picker-tooltip,
|
|
2578
2588
|
.link-picker-tooltip,
|
|
2589
|
+
.menu-picker-tooltip,
|
|
2590
|
+
.settings-picker-tooltip,
|
|
2579
2591
|
.share-picker-tooltip,
|
|
2580
2592
|
.search-picker-tooltip,
|
|
2581
2593
|
.date-time-picker-tooltip
|
|
@@ -2630,6 +2642,8 @@
|
|
|
2630
2642
|
.text-size-picker-list,
|
|
2631
2643
|
.motion-picker-list,
|
|
2632
2644
|
.link-picker-list,
|
|
2645
|
+
.menu-picker-panel,
|
|
2646
|
+
.settings-picker-panel,
|
|
2633
2647
|
.share-picker-list,
|
|
2634
2648
|
.search-picker-panel
|
|
2635
2649
|
) {
|
|
@@ -2657,6 +2671,8 @@
|
|
|
2657
2671
|
.text-size-picker-list,
|
|
2658
2672
|
.motion-picker-list,
|
|
2659
2673
|
.link-picker-list,
|
|
2674
|
+
.menu-picker-panel,
|
|
2675
|
+
.settings-picker-panel,
|
|
2660
2676
|
.share-picker-list,
|
|
2661
2677
|
.search-picker-panel
|
|
2662
2678
|
)[hidden] {
|
|
@@ -2675,6 +2691,8 @@
|
|
|
2675
2691
|
:where(.text-size-picker) { anchor-name: --lily-text-size-picker; }
|
|
2676
2692
|
:where(.motion-picker) { anchor-name: --lily-motion-picker; }
|
|
2677
2693
|
:where(.link-picker) { anchor-name: --lily-link-picker; }
|
|
2694
|
+
:where(.menu-picker) { anchor-name: --lily-menu-picker; }
|
|
2695
|
+
:where(.settings-picker) { anchor-name: --lily-settings-picker; }
|
|
2678
2696
|
:where(.share-picker) { anchor-name: --lily-share-picker; }
|
|
2679
2697
|
:where(.search-picker) { anchor-name: --lily-search-picker; }
|
|
2680
2698
|
:where(.theme-picker-list) { position-anchor: --lily-theme-picker; }
|
|
@@ -2682,6 +2700,8 @@
|
|
|
2682
2700
|
:where(.text-size-picker-list) { position-anchor: --lily-text-size-picker; }
|
|
2683
2701
|
:where(.motion-picker-list) { position-anchor: --lily-motion-picker; }
|
|
2684
2702
|
:where(.link-picker-list) { position-anchor: --lily-link-picker; }
|
|
2703
|
+
:where(.menu-picker-panel) { position-anchor: --lily-menu-picker; }
|
|
2704
|
+
:where(.settings-picker-panel) { position-anchor: --lily-settings-picker; }
|
|
2685
2705
|
:where(.share-picker-list) { position-anchor: --lily-share-picker; }
|
|
2686
2706
|
:where(.search-picker-panel) { position-anchor: --lily-search-picker; }
|
|
2687
2707
|
:where(
|
|
@@ -2690,6 +2710,8 @@
|
|
|
2690
2710
|
.text-size-picker-list,
|
|
2691
2711
|
.motion-picker-list,
|
|
2692
2712
|
.link-picker-list,
|
|
2713
|
+
.menu-picker-panel,
|
|
2714
|
+
.settings-picker-panel,
|
|
2693
2715
|
.share-picker-list,
|
|
2694
2716
|
.search-picker-panel
|
|
2695
2717
|
) {
|
|
@@ -2211,6 +2211,8 @@
|
|
|
2211
2211
|
.text-size-picker,
|
|
2212
2212
|
.search-picker,
|
|
2213
2213
|
.link-picker,
|
|
2214
|
+
.menu-picker,
|
|
2215
|
+
.settings-picker,
|
|
2214
2216
|
.share-picker,
|
|
2215
2217
|
.date-time-picker
|
|
2216
2218
|
) {
|
|
@@ -2224,6 +2226,8 @@
|
|
|
2224
2226
|
.text-size-picker-button,
|
|
2225
2227
|
.search-picker-button,
|
|
2226
2228
|
.link-picker-button,
|
|
2229
|
+
.menu-picker-button,
|
|
2230
|
+
.settings-picker-button,
|
|
2227
2231
|
.share-picker-button,
|
|
2228
2232
|
.date-time-picker-button
|
|
2229
2233
|
) {
|
|
@@ -2260,6 +2264,8 @@
|
|
|
2260
2264
|
.text-size-picker-icon,
|
|
2261
2265
|
.motion-picker-icon,
|
|
2262
2266
|
.link-picker-icon,
|
|
2267
|
+
.menu-picker-icon,
|
|
2268
|
+
.settings-picker-icon,
|
|
2263
2269
|
.share-picker-icon,
|
|
2264
2270
|
.search-picker-icon
|
|
2265
2271
|
) {
|
|
@@ -2625,6 +2631,8 @@
|
|
|
2625
2631
|
.text-size-picker-tooltip,
|
|
2626
2632
|
.motion-picker-tooltip,
|
|
2627
2633
|
.link-picker-tooltip,
|
|
2634
|
+
.menu-picker-tooltip,
|
|
2635
|
+
.settings-picker-tooltip,
|
|
2628
2636
|
.share-picker-tooltip,
|
|
2629
2637
|
.search-picker-tooltip,
|
|
2630
2638
|
.date-time-picker-tooltip
|
|
@@ -2650,6 +2658,8 @@
|
|
|
2650
2658
|
.text-size-picker-tooltip,
|
|
2651
2659
|
.motion-picker-tooltip,
|
|
2652
2660
|
.link-picker-tooltip,
|
|
2661
|
+
.menu-picker-tooltip,
|
|
2662
|
+
.settings-picker-tooltip,
|
|
2653
2663
|
.share-picker-tooltip,
|
|
2654
2664
|
.search-picker-tooltip,
|
|
2655
2665
|
.date-time-picker-tooltip
|
|
@@ -2667,6 +2677,8 @@
|
|
|
2667
2677
|
.text-size-picker-tooltip,
|
|
2668
2678
|
.motion-picker-tooltip,
|
|
2669
2679
|
.link-picker-tooltip,
|
|
2680
|
+
.menu-picker-tooltip,
|
|
2681
|
+
.settings-picker-tooltip,
|
|
2670
2682
|
.share-picker-tooltip,
|
|
2671
2683
|
.search-picker-tooltip,
|
|
2672
2684
|
.date-time-picker-tooltip
|
|
@@ -2721,6 +2733,8 @@
|
|
|
2721
2733
|
.text-size-picker-list,
|
|
2722
2734
|
.motion-picker-list,
|
|
2723
2735
|
.link-picker-list,
|
|
2736
|
+
.menu-picker-panel,
|
|
2737
|
+
.settings-picker-panel,
|
|
2724
2738
|
.share-picker-list,
|
|
2725
2739
|
.search-picker-panel
|
|
2726
2740
|
) {
|
|
@@ -2748,6 +2762,8 @@
|
|
|
2748
2762
|
.text-size-picker-list,
|
|
2749
2763
|
.motion-picker-list,
|
|
2750
2764
|
.link-picker-list,
|
|
2765
|
+
.menu-picker-panel,
|
|
2766
|
+
.settings-picker-panel,
|
|
2751
2767
|
.share-picker-list,
|
|
2752
2768
|
.search-picker-panel
|
|
2753
2769
|
)[hidden] {
|
|
@@ -2766,6 +2782,8 @@
|
|
|
2766
2782
|
:where(.text-size-picker) { anchor-name: --lily-text-size-picker; }
|
|
2767
2783
|
:where(.motion-picker) { anchor-name: --lily-motion-picker; }
|
|
2768
2784
|
:where(.link-picker) { anchor-name: --lily-link-picker; }
|
|
2785
|
+
:where(.menu-picker) { anchor-name: --lily-menu-picker; }
|
|
2786
|
+
:where(.settings-picker) { anchor-name: --lily-settings-picker; }
|
|
2769
2787
|
:where(.share-picker) { anchor-name: --lily-share-picker; }
|
|
2770
2788
|
:where(.search-picker) { anchor-name: --lily-search-picker; }
|
|
2771
2789
|
:where(.theme-picker-list) { position-anchor: --lily-theme-picker; }
|
|
@@ -2773,6 +2791,8 @@
|
|
|
2773
2791
|
:where(.text-size-picker-list) { position-anchor: --lily-text-size-picker; }
|
|
2774
2792
|
:where(.motion-picker-list) { position-anchor: --lily-motion-picker; }
|
|
2775
2793
|
:where(.link-picker-list) { position-anchor: --lily-link-picker; }
|
|
2794
|
+
:where(.menu-picker-panel) { position-anchor: --lily-menu-picker; }
|
|
2795
|
+
:where(.settings-picker-panel) { position-anchor: --lily-settings-picker; }
|
|
2776
2796
|
:where(.share-picker-list) { position-anchor: --lily-share-picker; }
|
|
2777
2797
|
:where(.search-picker-panel) { position-anchor: --lily-search-picker; }
|
|
2778
2798
|
:where(
|
|
@@ -2781,6 +2801,8 @@
|
|
|
2781
2801
|
.text-size-picker-list,
|
|
2782
2802
|
.motion-picker-list,
|
|
2783
2803
|
.link-picker-list,
|
|
2804
|
+
.menu-picker-panel,
|
|
2805
|
+
.settings-picker-panel,
|
|
2784
2806
|
.share-picker-list,
|
|
2785
2807
|
.search-picker-panel
|
|
2786
2808
|
) {
|
|
@@ -2223,6 +2223,8 @@
|
|
|
2223
2223
|
.text-size-picker,
|
|
2224
2224
|
.search-picker,
|
|
2225
2225
|
.link-picker,
|
|
2226
|
+
.menu-picker,
|
|
2227
|
+
.settings-picker,
|
|
2226
2228
|
.share-picker,
|
|
2227
2229
|
.date-time-picker
|
|
2228
2230
|
) {
|
|
@@ -2236,6 +2238,8 @@
|
|
|
2236
2238
|
.text-size-picker-button,
|
|
2237
2239
|
.search-picker-button,
|
|
2238
2240
|
.link-picker-button,
|
|
2241
|
+
.menu-picker-button,
|
|
2242
|
+
.settings-picker-button,
|
|
2239
2243
|
.share-picker-button,
|
|
2240
2244
|
.date-time-picker-button
|
|
2241
2245
|
) {
|
|
@@ -2272,6 +2276,8 @@
|
|
|
2272
2276
|
.text-size-picker-icon,
|
|
2273
2277
|
.motion-picker-icon,
|
|
2274
2278
|
.link-picker-icon,
|
|
2279
|
+
.menu-picker-icon,
|
|
2280
|
+
.settings-picker-icon,
|
|
2275
2281
|
.share-picker-icon,
|
|
2276
2282
|
.search-picker-icon
|
|
2277
2283
|
) {
|
|
@@ -2637,6 +2643,8 @@
|
|
|
2637
2643
|
.text-size-picker-tooltip,
|
|
2638
2644
|
.motion-picker-tooltip,
|
|
2639
2645
|
.link-picker-tooltip,
|
|
2646
|
+
.menu-picker-tooltip,
|
|
2647
|
+
.settings-picker-tooltip,
|
|
2640
2648
|
.share-picker-tooltip,
|
|
2641
2649
|
.search-picker-tooltip,
|
|
2642
2650
|
.date-time-picker-tooltip
|
|
@@ -2662,6 +2670,8 @@
|
|
|
2662
2670
|
.text-size-picker-tooltip,
|
|
2663
2671
|
.motion-picker-tooltip,
|
|
2664
2672
|
.link-picker-tooltip,
|
|
2673
|
+
.menu-picker-tooltip,
|
|
2674
|
+
.settings-picker-tooltip,
|
|
2665
2675
|
.share-picker-tooltip,
|
|
2666
2676
|
.search-picker-tooltip,
|
|
2667
2677
|
.date-time-picker-tooltip
|
|
@@ -2679,6 +2689,8 @@
|
|
|
2679
2689
|
.text-size-picker-tooltip,
|
|
2680
2690
|
.motion-picker-tooltip,
|
|
2681
2691
|
.link-picker-tooltip,
|
|
2692
|
+
.menu-picker-tooltip,
|
|
2693
|
+
.settings-picker-tooltip,
|
|
2682
2694
|
.share-picker-tooltip,
|
|
2683
2695
|
.search-picker-tooltip,
|
|
2684
2696
|
.date-time-picker-tooltip
|
|
@@ -2733,6 +2745,8 @@
|
|
|
2733
2745
|
.text-size-picker-list,
|
|
2734
2746
|
.motion-picker-list,
|
|
2735
2747
|
.link-picker-list,
|
|
2748
|
+
.menu-picker-panel,
|
|
2749
|
+
.settings-picker-panel,
|
|
2736
2750
|
.share-picker-list,
|
|
2737
2751
|
.search-picker-panel
|
|
2738
2752
|
) {
|
|
@@ -2760,6 +2774,8 @@
|
|
|
2760
2774
|
.text-size-picker-list,
|
|
2761
2775
|
.motion-picker-list,
|
|
2762
2776
|
.link-picker-list,
|
|
2777
|
+
.menu-picker-panel,
|
|
2778
|
+
.settings-picker-panel,
|
|
2763
2779
|
.share-picker-list,
|
|
2764
2780
|
.search-picker-panel
|
|
2765
2781
|
)[hidden] {
|
|
@@ -2778,6 +2794,8 @@
|
|
|
2778
2794
|
:where(.text-size-picker) { anchor-name: --lily-text-size-picker; }
|
|
2779
2795
|
:where(.motion-picker) { anchor-name: --lily-motion-picker; }
|
|
2780
2796
|
:where(.link-picker) { anchor-name: --lily-link-picker; }
|
|
2797
|
+
:where(.menu-picker) { anchor-name: --lily-menu-picker; }
|
|
2798
|
+
:where(.settings-picker) { anchor-name: --lily-settings-picker; }
|
|
2781
2799
|
:where(.share-picker) { anchor-name: --lily-share-picker; }
|
|
2782
2800
|
:where(.search-picker) { anchor-name: --lily-search-picker; }
|
|
2783
2801
|
:where(.theme-picker-list) { position-anchor: --lily-theme-picker; }
|
|
@@ -2785,6 +2803,8 @@
|
|
|
2785
2803
|
:where(.text-size-picker-list) { position-anchor: --lily-text-size-picker; }
|
|
2786
2804
|
:where(.motion-picker-list) { position-anchor: --lily-motion-picker; }
|
|
2787
2805
|
:where(.link-picker-list) { position-anchor: --lily-link-picker; }
|
|
2806
|
+
:where(.menu-picker-panel) { position-anchor: --lily-menu-picker; }
|
|
2807
|
+
:where(.settings-picker-panel) { position-anchor: --lily-settings-picker; }
|
|
2788
2808
|
:where(.share-picker-list) { position-anchor: --lily-share-picker; }
|
|
2789
2809
|
:where(.search-picker-panel) { position-anchor: --lily-search-picker; }
|
|
2790
2810
|
:where(
|
|
@@ -2793,6 +2813,8 @@
|
|
|
2793
2813
|
.text-size-picker-list,
|
|
2794
2814
|
.motion-picker-list,
|
|
2795
2815
|
.link-picker-list,
|
|
2816
|
+
.menu-picker-panel,
|
|
2817
|
+
.settings-picker-panel,
|
|
2796
2818
|
.share-picker-list,
|
|
2797
2819
|
.search-picker-panel
|
|
2798
2820
|
) {
|