@jsenv/navi 0.14.4 → 0.14.5

package/dist/jsenv_navi.js

@@ -16823,7 +16823,8 @@ import.meta.css = /* css */`
       display: flex;
       width: 100%;
       margin: 0;
-      padding: 2px; /* space for border radius and outline */
+      padding-right: 2px; /* space for eventual outline overflow */
+      padding-left: 2px; /* space for eventual outline overflow */
       align-items: center;
       gap: 0.5rem;
       list-style: none;
@@ -16908,18 +16909,37 @@ import.meta.css = /* css */`
       overflow-x: hidden;
       overflow-y: auto;
 
-      .navi_tab {
-        > .navi_text,
-        .navi_link,
-        .navi_text_bold_foreground {
-          justify-content: start;
-        }
+      > ul {
+        padding-top: 2px; /* space for eventual outline overflow */
+        padding-bottom: 2px; /* space for eventual outline overflow */
+        flex-direction: column;
+        align-items: start;
 
-        &[data-align-x="end"] {
-          > .navi_text,
-          .navi_link,
-          .navi_text_bold_foreground {
-            justify-content: end;
+        > li {
+          width: 100%;
+
+          .navi_tab {
+            flex-direction: row;
+            text-align: left;
+
+            .navi_tab_indicator {
+              width: var(--tab-indicator-size);
+              height: 100%;
+            }
+
+            > .navi_text,
+            .navi_link,
+            .navi_text_bold_foreground {
+              justify-content: start;
+            }
+
+            &[data-align-x="end"] {
+              > .navi_text,
+              .navi_link,
+              .navi_text_bold_foreground {
+                justify-content: end;
+              }
+            }
           }
         }
       }
@@ -16947,25 +16967,6 @@ import.meta.css = /* css */`
           }
         }
       }
-
-      > ul {
-        flex-direction: column;
-        align-items: start;
-
-        > li {
-          width: 100%;
-
-          .navi_tab {
-            flex-direction: row;
-            text-align: left;
-
-            .navi_tab_indicator {
-              width: var(--tab-indicator-size);
-              height: 100%;
-            }
-          }
-        }
-      }
     }
 
     &[data-expand] {
@@ -17080,7 +17081,7 @@ const TabRoute = ({
   const selected = active && paramsAreMatching;
   return jsx(TabBasic, {
     selected: selected,
-    paddingX: "0",
+    paddingX: undefined,
     alignX: alignX,
     alignY: alignY,
     ...props,