@lilydesignsystem/themes 0.3.1 → 0.4.0

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

@@ -2210,6 +2210,7 @@
         .locale-picker,
         .text-size-picker,
         .search-picker,
+        .link-picker,
         .share-picker,
         .date-time-picker
     ) {
@@ -2222,6 +2223,7 @@
         .locale-picker-button,
         .text-size-picker-button,
         .search-picker-button,
+        .link-picker-button,
         .share-picker-button,
         .date-time-picker-button
     ) {
@@ -2257,6 +2259,7 @@
         .locale-picker-icon,
         .text-size-picker-icon,
         .motion-picker-icon,
+        .link-picker-icon,
         .share-picker-icon,
         .search-picker-icon
     ) {
@@ -2315,6 +2318,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) {
@@ -2596,6 +2624,7 @@
         .locale-picker-tooltip,
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
+        .link-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -2620,6 +2649,7 @@
         .locale-picker-tooltip,
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
+        .link-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -2636,6 +2666,7 @@
         .locale-picker-tooltip,
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
+        .link-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -2689,6 +2720,7 @@
         .locale-picker-list,
         .text-size-picker-list,
         .motion-picker-list,
+        .link-picker-list,
         .share-picker-list,
         .search-picker-panel
     ) {
@@ -2715,6 +2747,7 @@
         .locale-picker-list,
         .text-size-picker-list,
         .motion-picker-list,
+        .link-picker-list,
         .share-picker-list,
         .search-picker-panel
     )[hidden] {
@@ -2732,12 +2765,14 @@
         :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(.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(.share-picker-list) { position-anchor: --lily-share-picker; }
         :where(.search-picker-panel) { position-anchor: --lily-search-picker; }
         :where(
@@ -2745,6 +2780,7 @@
             .locale-picker-list,
             .text-size-picker-list,
             .motion-picker-list,
+            .link-picker-list,
             .share-picker-list,
             .search-picker-panel
         ) {

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

@@ -2222,6 +2222,7 @@
         .locale-picker,
         .text-size-picker,
         .search-picker,
+        .link-picker,
         .share-picker,
         .date-time-picker
     ) {
@@ -2234,6 +2235,7 @@
         .locale-picker-button,
         .text-size-picker-button,
         .search-picker-button,
+        .link-picker-button,
         .share-picker-button,
         .date-time-picker-button
     ) {
@@ -2269,6 +2271,7 @@
         .locale-picker-icon,
         .text-size-picker-icon,
         .motion-picker-icon,
+        .link-picker-icon,
         .share-picker-icon,
         .search-picker-icon
     ) {
@@ -2327,6 +2330,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) {
@@ -2608,6 +2636,7 @@
         .locale-picker-tooltip,
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
+        .link-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -2632,6 +2661,7 @@
         .locale-picker-tooltip,
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
+        .link-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -2648,6 +2678,7 @@
         .locale-picker-tooltip,
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
+        .link-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -2701,6 +2732,7 @@
         .locale-picker-list,
         .text-size-picker-list,
         .motion-picker-list,
+        .link-picker-list,
         .share-picker-list,
         .search-picker-panel
     ) {
@@ -2727,6 +2759,7 @@
         .locale-picker-list,
         .text-size-picker-list,
         .motion-picker-list,
+        .link-picker-list,
         .share-picker-list,
         .search-picker-panel
     )[hidden] {
@@ -2744,12 +2777,14 @@
         :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(.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(.share-picker-list) { position-anchor: --lily-share-picker; }
         :where(.search-picker-panel) { position-anchor: --lily-search-picker; }
         :where(
@@ -2757,6 +2792,7 @@
             .locale-picker-list,
             .text-size-picker-list,
             .motion-picker-list,
+            .link-picker-list,
             .share-picker-list,
             .search-picker-panel
         ) {

package/dist/united-kingdom-national-health-service-scotland-for-practitioners.css

@@ -2306,6 +2306,7 @@
         .locale-picker,
         .text-size-picker,
         .search-picker,
+        .link-picker,
         .share-picker,
         .date-time-picker
     ) {
@@ -2318,6 +2319,7 @@
         .locale-picker-button,
         .text-size-picker-button,
         .search-picker-button,
+        .link-picker-button,
         .share-picker-button,
         .date-time-picker-button
     ) {
@@ -2353,6 +2355,7 @@
         .locale-picker-icon,
         .text-size-picker-icon,
         .motion-picker-icon,
+        .link-picker-icon,
         .share-picker-icon,
         .search-picker-icon
     ) {
@@ -2411,6 +2414,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) {
@@ -2692,6 +2720,7 @@
         .locale-picker-tooltip,
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
+        .link-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -2716,6 +2745,7 @@
         .locale-picker-tooltip,
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
+        .link-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -2732,6 +2762,7 @@
         .locale-picker-tooltip,
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
+        .link-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -2785,6 +2816,7 @@
         .locale-picker-list,
         .text-size-picker-list,
         .motion-picker-list,
+        .link-picker-list,
         .share-picker-list,
         .search-picker-panel
     ) {
@@ -2811,6 +2843,7 @@
         .locale-picker-list,
         .text-size-picker-list,
         .motion-picker-list,
+        .link-picker-list,
         .share-picker-list,
         .search-picker-panel
     )[hidden] {
@@ -2828,12 +2861,14 @@
         :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(.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(.share-picker-list) { position-anchor: --lily-share-picker; }
         :where(.search-picker-panel) { position-anchor: --lily-search-picker; }
         :where(
@@ -2841,6 +2876,7 @@
             .locale-picker-list,
             .text-size-picker-list,
             .motion-picker-list,
+            .link-picker-list,
             .share-picker-list,
             .search-picker-panel
         ) {

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

@@ -2893,6 +2893,7 @@
         .locale-picker,
         .text-size-picker,
         .search-picker,
+        .link-picker,
         .share-picker,
         .date-time-picker
     ) {
@@ -2905,6 +2906,7 @@
         .locale-picker-button,
         .text-size-picker-button,
         .search-picker-button,
+        .link-picker-button,
         .share-picker-button,
         .date-time-picker-button
     ) {
@@ -2940,6 +2942,7 @@
         .locale-picker-icon,
         .text-size-picker-icon,
         .motion-picker-icon,
+        .link-picker-icon,
         .share-picker-icon,
         .search-picker-icon
     ) {
@@ -2998,6 +3001,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) {
@@ -3279,6 +3307,7 @@
         .locale-picker-tooltip,
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
+        .link-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -3303,6 +3332,7 @@
         .locale-picker-tooltip,
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
+        .link-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -3319,6 +3349,7 @@
         .locale-picker-tooltip,
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
+        .link-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -3372,6 +3403,7 @@
         .locale-picker-list,
         .text-size-picker-list,
         .motion-picker-list,
+        .link-picker-list,
         .share-picker-list,
         .search-picker-panel
     ) {
@@ -3398,6 +3430,7 @@
         .locale-picker-list,
         .text-size-picker-list,
         .motion-picker-list,
+        .link-picker-list,
         .share-picker-list,
         .search-picker-panel
     )[hidden] {
@@ -3415,12 +3448,14 @@
         :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(.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(.share-picker-list) { position-anchor: --lily-share-picker; }
         :where(.search-picker-panel) { position-anchor: --lily-search-picker; }
         :where(
@@ -3428,6 +3463,7 @@
             .locale-picker-list,
             .text-size-picker-list,
             .motion-picker-list,
+            .link-picker-list,
             .share-picker-list,
             .search-picker-panel
         ) {

package/dist/united-kingdom-national-health-service-wales-for-practitioners.css

@@ -3035,6 +3035,7 @@
         .locale-picker,
         .text-size-picker,
         .search-picker,
+        .link-picker,
         .share-picker,
         .date-time-picker
     ) {
@@ -3047,6 +3048,7 @@
         .locale-picker-button,
         .text-size-picker-button,
         .search-picker-button,
+        .link-picker-button,
         .share-picker-button,
         .date-time-picker-button
     ) {
@@ -3082,6 +3084,7 @@
         .locale-picker-icon,
         .text-size-picker-icon,
         .motion-picker-icon,
+        .link-picker-icon,
         .share-picker-icon,
         .search-picker-icon
     ) {
@@ -3140,6 +3143,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) {
@@ -3421,6 +3449,7 @@
         .locale-picker-tooltip,
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
+        .link-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -3445,6 +3474,7 @@
         .locale-picker-tooltip,
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
+        .link-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -3461,6 +3491,7 @@
         .locale-picker-tooltip,
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
+        .link-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -3514,6 +3545,7 @@
         .locale-picker-list,
         .text-size-picker-list,
         .motion-picker-list,
+        .link-picker-list,
         .share-picker-list,
         .search-picker-panel
     ) {
@@ -3540,6 +3572,7 @@
         .locale-picker-list,
         .text-size-picker-list,
         .motion-picker-list,
+        .link-picker-list,
         .share-picker-list,
         .search-picker-panel
     )[hidden] {
@@ -3557,12 +3590,14 @@
         :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(.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(.share-picker-list) { position-anchor: --lily-share-picker; }
         :where(.search-picker-panel) { position-anchor: --lily-search-picker; }
         :where(
@@ -3570,6 +3605,7 @@
             .locale-picker-list,
             .text-size-picker-list,
             .motion-picker-list,
+            .link-picker-list,
             .share-picker-list,
             .search-picker-panel
         ) {

package/dist/united-states-web-design-system.css

@@ -2079,6 +2079,7 @@
         .locale-picker,
         .text-size-picker,
         .search-picker,
+        .link-picker,
         .share-picker,
         .date-time-picker
     ) {
@@ -2091,6 +2092,7 @@
         .locale-picker-button,
         .text-size-picker-button,
         .search-picker-button,
+        .link-picker-button,
         .share-picker-button,
         .date-time-picker-button
     ) {
@@ -2126,6 +2128,7 @@
         .locale-picker-icon,
         .text-size-picker-icon,
         .motion-picker-icon,
+        .link-picker-icon,
         .share-picker-icon,
         .search-picker-icon
     ) {
@@ -2184,6 +2187,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) {
@@ -2465,6 +2493,7 @@
         .locale-picker-tooltip,
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
+        .link-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -2489,6 +2518,7 @@
         .locale-picker-tooltip,
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
+        .link-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -2505,6 +2535,7 @@
         .locale-picker-tooltip,
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
+        .link-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -2558,6 +2589,7 @@
         .locale-picker-list,
         .text-size-picker-list,
         .motion-picker-list,
+        .link-picker-list,
         .share-picker-list,
         .search-picker-panel
     ) {
@@ -2584,6 +2616,7 @@
         .locale-picker-list,
         .text-size-picker-list,
         .motion-picker-list,
+        .link-picker-list,
         .share-picker-list,
         .search-picker-panel
     )[hidden] {
@@ -2601,12 +2634,14 @@
         :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(.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(.share-picker-list) { position-anchor: --lily-share-picker; }
         :where(.search-picker-panel) { position-anchor: --lily-search-picker; }
         :where(
@@ -2614,6 +2649,7 @@
             .locale-picker-list,
             .text-size-picker-list,
             .motion-picker-list,
+            .link-picker-list,
             .share-picker-list,
             .search-picker-panel
         ) {