@lilydesignsystem/themes 0.3.1 → 0.5.0

package/dist/silk.css

@@ -2078,6 +2078,9 @@
         .locale-picker,
         .text-size-picker,
         .search-picker,
+        .link-picker,
+        .menu-picker,
+        .settings-picker,
         .share-picker,
         .date-time-picker
     ) {
@@ -2090,6 +2093,9 @@
         .locale-picker-button,
         .text-size-picker-button,
         .search-picker-button,
+        .link-picker-button,
+        .menu-picker-button,
+        .settings-picker-button,
         .share-picker-button,
         .date-time-picker-button
     ) {
@@ -2125,6 +2131,9 @@
         .locale-picker-icon,
         .text-size-picker-icon,
         .motion-picker-icon,
+        .link-picker-icon,
+        .menu-picker-icon,
+        .settings-picker-icon,
         .share-picker-icon,
         .search-picker-icon
     ) {
@@ -2183,6 +2192,31 @@
         background-color: var(--lily-surface-alt);
     }
 
+    /* link-picker's list holds real page links (a disclosure, not a menu),
+       so its items get the share list's treatment; the current page is
+       marked by aria-current and shown in bold. */
+    :where(.link-picker-list) > :where(.link-picker-list-item) {
+        list-style: none;
+    }
+
+    :where(.link-picker-link) {
+        display: block;
+        padding: var(--lily-space-xs) var(--lily-space-sm);
+        color: var(--lily-text);
+        text-decoration: none;
+        border-radius: var(--lily-radius-sm);
+        cursor: pointer;
+    }
+
+    :where(.link-picker-link:hover) {
+        background-color: var(--lily-surface-alt);
+    }
+
+    :where(.link-picker-link[aria-current="page"]) {
+        font-weight: 600;
+        background-color: var(--lily-surface-sunken);
+    }
+
     /* Copy feedback. Never display:none this — that silences the live
        region for screen-reader users. */
     :where(.share-picker-status) {
@@ -2464,6 +2498,9 @@
         .locale-picker-tooltip,
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
+        .link-picker-tooltip,
+        .menu-picker-tooltip,
+        .settings-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -2488,6 +2525,9 @@
         .locale-picker-tooltip,
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
+        .link-picker-tooltip,
+        .menu-picker-tooltip,
+        .settings-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -2504,6 +2544,9 @@
         .locale-picker-tooltip,
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
+        .link-picker-tooltip,
+        .menu-picker-tooltip,
+        .settings-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -2557,6 +2600,9 @@
         .locale-picker-list,
         .text-size-picker-list,
         .motion-picker-list,
+        .link-picker-list,
+        .menu-picker-panel,
+        .settings-picker-panel,
         .share-picker-list,
         .search-picker-panel
     ) {
@@ -2583,6 +2629,9 @@
         .locale-picker-list,
         .text-size-picker-list,
         .motion-picker-list,
+        .link-picker-list,
+        .menu-picker-panel,
+        .settings-picker-panel,
         .share-picker-list,
         .search-picker-panel
     )[hidden] {
@@ -2600,12 +2649,18 @@
         :where(.locale-picker) { anchor-name: --lily-locale-picker; }
         :where(.text-size-picker) { anchor-name: --lily-text-size-picker; }
         :where(.motion-picker) { anchor-name: --lily-motion-picker; }
+        :where(.link-picker) { anchor-name: --lily-link-picker; }
+        :where(.menu-picker) { anchor-name: --lily-menu-picker; }
+        :where(.settings-picker) { anchor-name: --lily-settings-picker; }
         :where(.share-picker) { anchor-name: --lily-share-picker; }
         :where(.search-picker) { anchor-name: --lily-search-picker; }
         :where(.theme-picker-list) { position-anchor: --lily-theme-picker; }
         :where(.locale-picker-list) { position-anchor: --lily-locale-picker; }
         :where(.text-size-picker-list) { position-anchor: --lily-text-size-picker; }
         :where(.motion-picker-list) { position-anchor: --lily-motion-picker; }
+        :where(.link-picker-list) { position-anchor: --lily-link-picker; }
+        :where(.menu-picker-panel) { position-anchor: --lily-menu-picker; }
+        :where(.settings-picker-panel) { position-anchor: --lily-settings-picker; }
         :where(.share-picker-list) { position-anchor: --lily-share-picker; }
         :where(.search-picker-panel) { position-anchor: --lily-search-picker; }
         :where(
@@ -2613,6 +2668,9 @@
             .locale-picker-list,
             .text-size-picker-list,
             .motion-picker-list,
+            .link-picker-list,
+            .menu-picker-panel,
+            .settings-picker-panel,
             .share-picker-list,
             .search-picker-panel
         ) {

package/dist/sunset.css

@@ -2078,6 +2078,9 @@
         .locale-picker,
         .text-size-picker,
         .search-picker,
+        .link-picker,
+        .menu-picker,
+        .settings-picker,
         .share-picker,
         .date-time-picker
     ) {
@@ -2090,6 +2093,9 @@
         .locale-picker-button,
         .text-size-picker-button,
         .search-picker-button,
+        .link-picker-button,
+        .menu-picker-button,
+        .settings-picker-button,
         .share-picker-button,
         .date-time-picker-button
     ) {
@@ -2125,6 +2131,9 @@
         .locale-picker-icon,
         .text-size-picker-icon,
         .motion-picker-icon,
+        .link-picker-icon,
+        .menu-picker-icon,
+        .settings-picker-icon,
         .share-picker-icon,
         .search-picker-icon
     ) {
@@ -2183,6 +2192,31 @@
         background-color: var(--lily-surface-alt);
     }
 
+    /* link-picker's list holds real page links (a disclosure, not a menu),
+       so its items get the share list's treatment; the current page is
+       marked by aria-current and shown in bold. */
+    :where(.link-picker-list) > :where(.link-picker-list-item) {
+        list-style: none;
+    }
+
+    :where(.link-picker-link) {
+        display: block;
+        padding: var(--lily-space-xs) var(--lily-space-sm);
+        color: var(--lily-text);
+        text-decoration: none;
+        border-radius: var(--lily-radius-sm);
+        cursor: pointer;
+    }
+
+    :where(.link-picker-link:hover) {
+        background-color: var(--lily-surface-alt);
+    }
+
+    :where(.link-picker-link[aria-current="page"]) {
+        font-weight: 600;
+        background-color: var(--lily-surface-sunken);
+    }
+
     /* Copy feedback. Never display:none this — that silences the live
        region for screen-reader users. */
     :where(.share-picker-status) {
@@ -2464,6 +2498,9 @@
         .locale-picker-tooltip,
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
+        .link-picker-tooltip,
+        .menu-picker-tooltip,
+        .settings-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -2488,6 +2525,9 @@
         .locale-picker-tooltip,
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
+        .link-picker-tooltip,
+        .menu-picker-tooltip,
+        .settings-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -2504,6 +2544,9 @@
         .locale-picker-tooltip,
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
+        .link-picker-tooltip,
+        .menu-picker-tooltip,
+        .settings-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -2557,6 +2600,9 @@
         .locale-picker-list,
         .text-size-picker-list,
         .motion-picker-list,
+        .link-picker-list,
+        .menu-picker-panel,
+        .settings-picker-panel,
         .share-picker-list,
         .search-picker-panel
     ) {
@@ -2583,6 +2629,9 @@
         .locale-picker-list,
         .text-size-picker-list,
         .motion-picker-list,
+        .link-picker-list,
+        .menu-picker-panel,
+        .settings-picker-panel,
         .share-picker-list,
         .search-picker-panel
     )[hidden] {
@@ -2600,12 +2649,18 @@
         :where(.locale-picker) { anchor-name: --lily-locale-picker; }
         :where(.text-size-picker) { anchor-name: --lily-text-size-picker; }
         :where(.motion-picker) { anchor-name: --lily-motion-picker; }
+        :where(.link-picker) { anchor-name: --lily-link-picker; }
+        :where(.menu-picker) { anchor-name: --lily-menu-picker; }
+        :where(.settings-picker) { anchor-name: --lily-settings-picker; }
         :where(.share-picker) { anchor-name: --lily-share-picker; }
         :where(.search-picker) { anchor-name: --lily-search-picker; }
         :where(.theme-picker-list) { position-anchor: --lily-theme-picker; }
         :where(.locale-picker-list) { position-anchor: --lily-locale-picker; }
         :where(.text-size-picker-list) { position-anchor: --lily-text-size-picker; }
         :where(.motion-picker-list) { position-anchor: --lily-motion-picker; }
+        :where(.link-picker-list) { position-anchor: --lily-link-picker; }
+        :where(.menu-picker-panel) { position-anchor: --lily-menu-picker; }
+        :where(.settings-picker-panel) { position-anchor: --lily-settings-picker; }
         :where(.share-picker-list) { position-anchor: --lily-share-picker; }
         :where(.search-picker-panel) { position-anchor: --lily-search-picker; }
         :where(
@@ -2613,6 +2668,9 @@
             .locale-picker-list,
             .text-size-picker-list,
             .motion-picker-list,
+            .link-picker-list,
+            .menu-picker-panel,
+            .settings-picker-panel,
             .share-picker-list,
             .search-picker-panel
         ) {

package/dist/synthwave.css

@@ -2078,6 +2078,9 @@
         .locale-picker,
         .text-size-picker,
         .search-picker,
+        .link-picker,
+        .menu-picker,
+        .settings-picker,
         .share-picker,
         .date-time-picker
     ) {
@@ -2090,6 +2093,9 @@
         .locale-picker-button,
         .text-size-picker-button,
         .search-picker-button,
+        .link-picker-button,
+        .menu-picker-button,
+        .settings-picker-button,
         .share-picker-button,
         .date-time-picker-button
     ) {
@@ -2125,6 +2131,9 @@
         .locale-picker-icon,
         .text-size-picker-icon,
         .motion-picker-icon,
+        .link-picker-icon,
+        .menu-picker-icon,
+        .settings-picker-icon,
         .share-picker-icon,
         .search-picker-icon
     ) {
@@ -2183,6 +2192,31 @@
         background-color: var(--lily-surface-alt);
     }
 
+    /* link-picker's list holds real page links (a disclosure, not a menu),
+       so its items get the share list's treatment; the current page is
+       marked by aria-current and shown in bold. */
+    :where(.link-picker-list) > :where(.link-picker-list-item) {
+        list-style: none;
+    }
+
+    :where(.link-picker-link) {
+        display: block;
+        padding: var(--lily-space-xs) var(--lily-space-sm);
+        color: var(--lily-text);
+        text-decoration: none;
+        border-radius: var(--lily-radius-sm);
+        cursor: pointer;
+    }
+
+    :where(.link-picker-link:hover) {
+        background-color: var(--lily-surface-alt);
+    }
+
+    :where(.link-picker-link[aria-current="page"]) {
+        font-weight: 600;
+        background-color: var(--lily-surface-sunken);
+    }
+
     /* Copy feedback. Never display:none this — that silences the live
        region for screen-reader users. */
     :where(.share-picker-status) {
@@ -2464,6 +2498,9 @@
         .locale-picker-tooltip,
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
+        .link-picker-tooltip,
+        .menu-picker-tooltip,
+        .settings-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -2488,6 +2525,9 @@
         .locale-picker-tooltip,
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
+        .link-picker-tooltip,
+        .menu-picker-tooltip,
+        .settings-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -2504,6 +2544,9 @@
         .locale-picker-tooltip,
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
+        .link-picker-tooltip,
+        .menu-picker-tooltip,
+        .settings-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -2557,6 +2600,9 @@
         .locale-picker-list,
         .text-size-picker-list,
         .motion-picker-list,
+        .link-picker-list,
+        .menu-picker-panel,
+        .settings-picker-panel,
         .share-picker-list,
         .search-picker-panel
     ) {
@@ -2583,6 +2629,9 @@
         .locale-picker-list,
         .text-size-picker-list,
         .motion-picker-list,
+        .link-picker-list,
+        .menu-picker-panel,
+        .settings-picker-panel,
         .share-picker-list,
         .search-picker-panel
     )[hidden] {
@@ -2600,12 +2649,18 @@
         :where(.locale-picker) { anchor-name: --lily-locale-picker; }
         :where(.text-size-picker) { anchor-name: --lily-text-size-picker; }
         :where(.motion-picker) { anchor-name: --lily-motion-picker; }
+        :where(.link-picker) { anchor-name: --lily-link-picker; }
+        :where(.menu-picker) { anchor-name: --lily-menu-picker; }
+        :where(.settings-picker) { anchor-name: --lily-settings-picker; }
         :where(.share-picker) { anchor-name: --lily-share-picker; }
         :where(.search-picker) { anchor-name: --lily-search-picker; }
         :where(.theme-picker-list) { position-anchor: --lily-theme-picker; }
         :where(.locale-picker-list) { position-anchor: --lily-locale-picker; }
         :where(.text-size-picker-list) { position-anchor: --lily-text-size-picker; }
         :where(.motion-picker-list) { position-anchor: --lily-motion-picker; }
+        :where(.link-picker-list) { position-anchor: --lily-link-picker; }
+        :where(.menu-picker-panel) { position-anchor: --lily-menu-picker; }
+        :where(.settings-picker-panel) { position-anchor: --lily-settings-picker; }
         :where(.share-picker-list) { position-anchor: --lily-share-picker; }
         :where(.search-picker-panel) { position-anchor: --lily-search-picker; }
         :where(
@@ -2613,6 +2668,9 @@
             .locale-picker-list,
             .text-size-picker-list,
             .motion-picker-list,
+            .link-picker-list,
+            .menu-picker-panel,
+            .settings-picker-panel,
             .share-picker-list,
             .search-picker-panel
         ) {

package/dist/united-kingdom-government-digital-service.css

@@ -2083,6 +2083,9 @@
         .locale-picker,
         .text-size-picker,
         .search-picker,
+        .link-picker,
+        .menu-picker,
+        .settings-picker,
         .share-picker,
         .date-time-picker
     ) {
@@ -2095,6 +2098,9 @@
         .locale-picker-button,
         .text-size-picker-button,
         .search-picker-button,
+        .link-picker-button,
+        .menu-picker-button,
+        .settings-picker-button,
         .share-picker-button,
         .date-time-picker-button
     ) {
@@ -2130,6 +2136,9 @@
         .locale-picker-icon,
         .text-size-picker-icon,
         .motion-picker-icon,
+        .link-picker-icon,
+        .menu-picker-icon,
+        .settings-picker-icon,
         .share-picker-icon,
         .search-picker-icon
     ) {
@@ -2188,6 +2197,31 @@
         background-color: var(--lily-surface-alt);
     }
 
+    /* link-picker's list holds real page links (a disclosure, not a menu),
+       so its items get the share list's treatment; the current page is
+       marked by aria-current and shown in bold. */
+    :where(.link-picker-list) > :where(.link-picker-list-item) {
+        list-style: none;
+    }
+
+    :where(.link-picker-link) {
+        display: block;
+        padding: var(--lily-space-xs) var(--lily-space-sm);
+        color: var(--lily-text);
+        text-decoration: none;
+        border-radius: var(--lily-radius-sm);
+        cursor: pointer;
+    }
+
+    :where(.link-picker-link:hover) {
+        background-color: var(--lily-surface-alt);
+    }
+
+    :where(.link-picker-link[aria-current="page"]) {
+        font-weight: 600;
+        background-color: var(--lily-surface-sunken);
+    }
+
     /* Copy feedback. Never display:none this — that silences the live
        region for screen-reader users. */
     :where(.share-picker-status) {
@@ -2469,6 +2503,9 @@
         .locale-picker-tooltip,
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
+        .link-picker-tooltip,
+        .menu-picker-tooltip,
+        .settings-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -2493,6 +2530,9 @@
         .locale-picker-tooltip,
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
+        .link-picker-tooltip,
+        .menu-picker-tooltip,
+        .settings-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -2509,6 +2549,9 @@
         .locale-picker-tooltip,
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
+        .link-picker-tooltip,
+        .menu-picker-tooltip,
+        .settings-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -2562,6 +2605,9 @@
         .locale-picker-list,
         .text-size-picker-list,
         .motion-picker-list,
+        .link-picker-list,
+        .menu-picker-panel,
+        .settings-picker-panel,
         .share-picker-list,
         .search-picker-panel
     ) {
@@ -2588,6 +2634,9 @@
         .locale-picker-list,
         .text-size-picker-list,
         .motion-picker-list,
+        .link-picker-list,
+        .menu-picker-panel,
+        .settings-picker-panel,
         .share-picker-list,
         .search-picker-panel
     )[hidden] {
@@ -2605,12 +2654,18 @@
         :where(.locale-picker) { anchor-name: --lily-locale-picker; }
         :where(.text-size-picker) { anchor-name: --lily-text-size-picker; }
         :where(.motion-picker) { anchor-name: --lily-motion-picker; }
+        :where(.link-picker) { anchor-name: --lily-link-picker; }
+        :where(.menu-picker) { anchor-name: --lily-menu-picker; }
+        :where(.settings-picker) { anchor-name: --lily-settings-picker; }
         :where(.share-picker) { anchor-name: --lily-share-picker; }
         :where(.search-picker) { anchor-name: --lily-search-picker; }
         :where(.theme-picker-list) { position-anchor: --lily-theme-picker; }
         :where(.locale-picker-list) { position-anchor: --lily-locale-picker; }
         :where(.text-size-picker-list) { position-anchor: --lily-text-size-picker; }
         :where(.motion-picker-list) { position-anchor: --lily-motion-picker; }
+        :where(.link-picker-list) { position-anchor: --lily-link-picker; }
+        :where(.menu-picker-panel) { position-anchor: --lily-menu-picker; }
+        :where(.settings-picker-panel) { position-anchor: --lily-settings-picker; }
         :where(.share-picker-list) { position-anchor: --lily-share-picker; }
         :where(.search-picker-panel) { position-anchor: --lily-search-picker; }
         :where(
@@ -2618,6 +2673,9 @@
             .locale-picker-list,
             .text-size-picker-list,
             .motion-picker-list,
+            .link-picker-list,
+            .menu-picker-panel,
+            .settings-picker-panel,
             .share-picker-list,
             .search-picker-panel
         ) {

package/dist/united-kingdom-national-health-service-england-for-patients.css

@@ -2119,6 +2119,9 @@
         .locale-picker,
         .text-size-picker,
         .search-picker,
+        .link-picker,
+        .menu-picker,
+        .settings-picker,
         .share-picker,
         .date-time-picker
     ) {
@@ -2131,6 +2134,9 @@
         .locale-picker-button,
         .text-size-picker-button,
         .search-picker-button,
+        .link-picker-button,
+        .menu-picker-button,
+        .settings-picker-button,
         .share-picker-button,
         .date-time-picker-button
     ) {
@@ -2166,6 +2172,9 @@
         .locale-picker-icon,
         .text-size-picker-icon,
         .motion-picker-icon,
+        .link-picker-icon,
+        .menu-picker-icon,
+        .settings-picker-icon,
         .share-picker-icon,
         .search-picker-icon
     ) {
@@ -2224,6 +2233,31 @@
         background-color: var(--lily-surface-alt);
     }
 
+    /* link-picker's list holds real page links (a disclosure, not a menu),
+       so its items get the share list's treatment; the current page is
+       marked by aria-current and shown in bold. */
+    :where(.link-picker-list) > :where(.link-picker-list-item) {
+        list-style: none;
+    }
+
+    :where(.link-picker-link) {
+        display: block;
+        padding: var(--lily-space-xs) var(--lily-space-sm);
+        color: var(--lily-text);
+        text-decoration: none;
+        border-radius: var(--lily-radius-sm);
+        cursor: pointer;
+    }
+
+    :where(.link-picker-link:hover) {
+        background-color: var(--lily-surface-alt);
+    }
+
+    :where(.link-picker-link[aria-current="page"]) {
+        font-weight: 600;
+        background-color: var(--lily-surface-sunken);
+    }
+
     /* Copy feedback. Never display:none this — that silences the live
        region for screen-reader users. */
     :where(.share-picker-status) {
@@ -2505,6 +2539,9 @@
         .locale-picker-tooltip,
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
+        .link-picker-tooltip,
+        .menu-picker-tooltip,
+        .settings-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -2529,6 +2566,9 @@
         .locale-picker-tooltip,
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
+        .link-picker-tooltip,
+        .menu-picker-tooltip,
+        .settings-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -2545,6 +2585,9 @@
         .locale-picker-tooltip,
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
+        .link-picker-tooltip,
+        .menu-picker-tooltip,
+        .settings-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -2598,6 +2641,9 @@
         .locale-picker-list,
         .text-size-picker-list,
         .motion-picker-list,
+        .link-picker-list,
+        .menu-picker-panel,
+        .settings-picker-panel,
         .share-picker-list,
         .search-picker-panel
     ) {
@@ -2624,6 +2670,9 @@
         .locale-picker-list,
         .text-size-picker-list,
         .motion-picker-list,
+        .link-picker-list,
+        .menu-picker-panel,
+        .settings-picker-panel,
         .share-picker-list,
         .search-picker-panel
     )[hidden] {
@@ -2641,12 +2690,18 @@
         :where(.locale-picker) { anchor-name: --lily-locale-picker; }
         :where(.text-size-picker) { anchor-name: --lily-text-size-picker; }
         :where(.motion-picker) { anchor-name: --lily-motion-picker; }
+        :where(.link-picker) { anchor-name: --lily-link-picker; }
+        :where(.menu-picker) { anchor-name: --lily-menu-picker; }
+        :where(.settings-picker) { anchor-name: --lily-settings-picker; }
         :where(.share-picker) { anchor-name: --lily-share-picker; }
         :where(.search-picker) { anchor-name: --lily-search-picker; }
         :where(.theme-picker-list) { position-anchor: --lily-theme-picker; }
         :where(.locale-picker-list) { position-anchor: --lily-locale-picker; }
         :where(.text-size-picker-list) { position-anchor: --lily-text-size-picker; }
         :where(.motion-picker-list) { position-anchor: --lily-motion-picker; }
+        :where(.link-picker-list) { position-anchor: --lily-link-picker; }
+        :where(.menu-picker-panel) { position-anchor: --lily-menu-picker; }
+        :where(.settings-picker-panel) { position-anchor: --lily-settings-picker; }
         :where(.share-picker-list) { position-anchor: --lily-share-picker; }
         :where(.search-picker-panel) { position-anchor: --lily-search-picker; }
         :where(
@@ -2654,6 +2709,9 @@
             .locale-picker-list,
             .text-size-picker-list,
             .motion-picker-list,
+            .link-picker-list,
+            .menu-picker-panel,
+            .settings-picker-panel,
             .share-picker-list,
             .search-picker-panel
         ) {