@neo4j-ndl/base 4.0.0-alpha.0.c084490 → 4.0.0-alpha.0.c6243ce

package/lib/cjs/tokens/js/tokens-esm.js

@@ -22,7 +22,7 @@
 "use strict";
 /**
  * Do not edit directly
- * Generated on 2025-09-16T12:11:43.715Z
+ * Generated on 2025-09-17T07:32:25.753Z
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tokens = void 0;

package/lib/cjs/tokens/js/tokens.js

@@ -22,7 +22,7 @@
 "use strict";
 /**
  * Do not edit directly
- * Generated on 2025-09-16T12:11:43.710Z
+ * Generated on 2025-09-17T07:32:25.750Z
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tokens = void 0;

package/lib/esm/tokens/js/tokens-esm.js

@@ -21,7 +21,7 @@
 
 /**
  * Do not edit directly
- * Generated on 2025-09-16T12:11:43.715Z
+ * Generated on 2025-09-17T07:32:25.753Z
  */
 export const tokens = {
     "breakpoint": {

package/lib/esm/tokens/js/tokens.js

@@ -21,7 +21,7 @@
 
 /**
  * Do not edit directly
- * Generated on 2025-09-16T12:11:43.710Z
+ * Generated on 2025-09-17T07:32:25.750Z
  */
 export const tokens = {
     "breakpoint": {

package/lib/neo4j-ds-styles.css

@@ -8277,6 +8277,8 @@ button.ndl-avatar:focus-visible {
   --side-nav-width-expanded:196px;
   --side-nav-width:var(--side-nav-width-collapsed);
   --ndl-side-nav-divider-left-margin:var(--space-8);
+
+  z-index:1;
 }
 .ndl-side-nav.ndl-side-nav-root{
     width:calc(var(--side-nav-width) + 1px);
@@ -8288,7 +8290,6 @@ button.ndl-avatar:focus-visible {
       --side-nav-width:var(--side-nav-width-expanded);
       width:-moz-fit-content;
       width:fit-content;
-      z-index:var(--z-index-0);
     }
 .ndl-side-nav.ndl-side-nav-root.ndl-side-nav-expanded .ndl-side-nav-nav {
   overflow-y:auto;
@@ -8296,15 +8297,10 @@ button.ndl-avatar:focus-visible {
 .ndl-side-nav.ndl-side-nav-root.ndl-side-nav-expanded .ndl-side-nav-inner {
   position:relative;
 }
-.ndl-side-nav.ndl-side-nav-root.ndl-side-nav-expanded .ndl-side-nav-pin-button {
-  visibility:visible;
-  opacity:1;
-}
 .ndl-side-nav.ndl-side-nav-root.ndl-side-nav-collapsed{
       --side-nav-width:var(--side-nav-width-collapsed);
       width:-moz-fit-content;
       width:fit-content;
-      z-index:var(--z-index-0);
     }
 .ndl-side-nav.ndl-side-nav-root.ndl-side-nav-collapsed .ndl-side-nav-nav {
   overflow-y:auto;
@@ -8313,21 +8309,19 @@ button.ndl-avatar:focus-visible {
   position:relative;
 }
 .ndl-side-nav.ndl-side-nav-popover {
-  z-index:20;
+  z-index:60;
   border-radius:12px;
   border-width:1px;
   border-color:var(--theme-color-neutral-border-weak);
   background-color:var(--theme-color-neutral-bg-weak);
-  padding:0px;
   --tw-shadow:var(--theme-shadow-overlay);
   --tw-shadow-colored:var(--theme-shadow-overlay);
   box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 
     width:220px;
 }
-.ndl-side-nav.ndl-side-nav-popover .ndl-side-nav-popover-list {
+.ndl-side-nav.ndl-side-nav-popover.ndl-side-nav-popover-list {
   display:flex;
-  width:100%;
   flex-direction:column;
   gap:4px;
   padding-top:8px;
@@ -8364,10 +8358,6 @@ button.ndl-avatar:focus-visible {
 .ndl-side-nav .ndl-side-nav-inner.ndl-side-nav-hover .ndl-side-nav-nav{
         overflow-y:auto;
       }
-.ndl-side-nav .ndl-side-nav-inner.ndl-side-nav-hover .ndl-side-nav-pin-button {
-  visibility:visible;
-  opacity:1;
-}
 .ndl-side-nav .ndl-side-nav-inner .ndl-side-nav-list {
   display:flex;
   flex-direction:column;
@@ -8519,12 +8509,8 @@ button.ndl-avatar:focus-visible {
   padding-left:8px;
   padding-right:8px;
 }
-.ndl-side-nav .ndl-side-nav-pin-button {
-  visibility:hidden;
-  opacity:0;
-    transition:all var(--motion-transition-quick);
-    transition-property:visibility, opacity;
-}
+.ndl-side-nav .ndl-side-nav-pin-button{
+  }
 .ndl-side-nav .ndl-side-nav-divider {
   margin-top:4px;
   margin-bottom:4px;
@@ -8770,6 +8756,9 @@ button.ndl-avatar:focus-visible {
 .n-isolate {
   isolation:isolate;
 }
+.n-z-10 {
+  z-index:10;
+}
 .n-col-start-2 {
   grid-column-start:2;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-ndl/base",
-  "version": "4.0.0-alpha.0.c084490",
+  "version": "4.0.0-alpha.0.c6243ce",
   "description": "Neo4j base package for the design system",
   "author": "Neo4j Inc.",
   "homepage": "https://www.neo4j.design",