@jsenv/navi 0.27.28 → 0.27.30

package/dist/jsenv_navi.js

@@ -32503,10 +32503,12 @@ installImportMetaCssBuild(import.meta);const css$p = /* css */`
         border-style: solid;
         border-color: var(--x-picker-border-color);
         border-radius: var(--picker-border-radius);
-        outline-width: var(--x-picker-outline-width);
+        outline-width: var(--picker-outline-width);
         outline-color: var(--picker-outline-color);
-        outline-offset: var(--x-picker-outline-offset);
-        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08), 0 12px 40px rgba(0, 0, 0, 0.22);
+        outline-offset: var(--picker-outline-offset);
+        box-shadow:
+          0 4px 8px rgba(0, 0, 0, 0.08),
+          0 12px 40px rgba(0, 0, 0, 0.22);
         cursor: default; /* Reset pointer cursor within the select */
         overflow: hidden;
         overscroll-behavior: none;
@@ -32587,10 +32589,12 @@ installImportMetaCssBuild(import.meta);const css$p = /* css */`
         background: var(--picker-background-color);
         border: var(--picker-border-width) solid var(--x-picker-border-color);
         border-radius: var(--picker-border-radius);
-        outline-width: var(--x-picker-outline-width);
+        outline-width: var(--picker-outline-width);
         outline-color: var(--picker-outline-color);
-        outline-offset: var(--x-picker-outline-offset);
-        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08), 0 12px 40px rgba(0, 0, 0, 0.22);
+        outline-offset: var(--picker-outline-offset);
+        box-shadow:
+          0 4px 8px rgba(0, 0, 0, 0.08),
+          0 12px 40px rgba(0, 0, 0, 0.22);
         cursor: default; /* Reset pointer cursor within the select */
         /* overscroll-behavior: contain; */
 
@@ -34247,7 +34251,7 @@ const ListItemFooter = props => {
 
 installImportMetaCssBuild(import.meta);const css$m = /* css */`
   @layer navi {
-    .navi_list_container {
+    .navi_list_item[navi-selectable] {
       /* Focus outline */
       --list-item-outline-width: var(--navi-focus-outline-width);
       /* here we draw the outline ON the item, not outside of it */
@@ -34255,12 +34259,9 @@ installImportMetaCssBuild(import.meta);const css$m = /* css */`
       --list-item-outline-offset: calc(-1 * var(--list-item-outline-width));
       --list-item-outline-color: var(--navi-focus-outline-color);
       /* Focus outline end */
-      --selectable-item-padding-x-default: var(
-        --navi-control-padding-x-default
-      );
-      --selectable-item-padding-y-default: var(
-        --navi-control-padding-y-default
-      );
+      --list-item-border-color: var(--navi-control-border-color);
+      --list-item-padding-x-default: var(--navi-control-padding-x-default);
+      --list-item-padding-y-default: var(--navi-control-padding-y-default);
 
       /* Hover (mouse) */
       --list-item-background-color-hover: light-dark(#f5f5f5, #2a2a2a);
@@ -34293,10 +34294,7 @@ installImportMetaCssBuild(import.meta);const css$m = /* css */`
     margin: 0; /* Reset margin that might come from fieldset */
     padding: 0; /* Reset padding that might come from fieldset */
   }
-
   .navi_list_container[navi-selectable] {
-    font-size: var(--navi-control-font-size);
-    font-family: var(--navi-control-font-family);
     &[data-callout] {
       --x-list-border-color: var(--callout-color);
     }
@@ -34304,10 +34302,11 @@ installImportMetaCssBuild(import.meta);const css$m = /* css */`
 
   .navi_list_item[navi-selectable] {
     --x-list-item-cursor: default;
-    --list-item-padding-x-default: var(--selectable-item-padding-x-default);
-    --list-item-padding-y-default: var(--selectable-item-padding-y-default);
+    --x-list-item-border-color: var(--list-item-border-color);
 
     position: relative;
+    font-size: var(--navi-control-font-size);
+    font-family: var(--navi-control-font-family);
     outline-width: var(--list-item-outline-width);
     outline-color: var(--list-item-outline-color);
     outline-offset: var(--list-item-outline-offset);