@neo4j-ndl/base 3.7.22 → 3.7.30

package/lib/cjs/tokens/js/storybook-design-token.js

@@ -22,7 +22,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Mon, 18 Aug 2025 14:04:54 GMT
+* Generated on Mon, 22 Sep 2025 08:09:49 GMT
 */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tokens = void 0;

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

@@ -22,7 +22,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Mon, 18 Aug 2025 14:04:54 GMT
+* Generated on Mon, 22 Sep 2025 08:09:49 GMT
 */
 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 Mon, 18 Aug 2025 14:04:54 GMT
+* Generated on Mon, 22 Sep 2025 08:09:48 GMT
 */
 module.exports = {
     "transitions": {

package/lib/esm/tokens/js/storybook-design-token.js

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Mon, 18 Aug 2025 14:04:54 GMT
+* Generated on Mon, 22 Sep 2025 08:09:49 GMT
 */
 export const tokens = {
     "transitions": [

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

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Mon, 18 Aug 2025 14:04:54 GMT
+* Generated on Mon, 22 Sep 2025 08:09:49 GMT
 */
 export const tokens = {
     "transitions": {

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

@@ -22,7 +22,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Mon, 18 Aug 2025 14:04:54 GMT
+* Generated on Mon, 22 Sep 2025 08:09:48 GMT
 */
 module.exports = {
     "transitions": {

package/lib/neo4j-ds-styles.css

@@ -1645,9 +1645,6 @@ a.ndl-btn {
         border-top-right-radius:9999px;
         background-color:transparent;
       }
-.ndl-tabs .ndl-tab.ndl-underline-tab:focus-visible{
-        outline:none;
-      }
 .ndl-tabs .ndl-tab.ndl-underline-tab:focus-visible .ndl-tab-underline {
   background-color:rgb(var(--theme-palette-primary-focus));
 }
@@ -3063,9 +3060,6 @@ a.ndl-btn {
 .ndl-dialog .ndl-dialog-type-icon.ndl-info {
   color:rgb(var(--theme-palette-primary-icon));
 }
-.ndl-dialog .ndl-dialog-type-icon.ndl-success {
-  color:rgb(var(--theme-palette-success-icon));
-}
 .ndl-dialog .ndl-dialog-type-icon.ndl-warning {
   color:rgb(var(--theme-palette-warning-icon));
 }
@@ -5551,17 +5545,15 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
   }
 .ndl-text-link:focus-visible::after {
   position:absolute;
-  left:-1px;
-  top:3px;
-  box-sizing:border-box;
-  height:calc(100% - 6px);
-  width:calc(100% + 1px);
+  left:-4px;
+  top:0px;
+  height:100%;
+  width:calc(100% + 8px);
   border-radius:4px;
-  border-style:solid;
-  border-color:rgb(var(--theme-palette-primary-focus));
-  color:rgb(var(--theme-palette-primary-pressed-strong));
+  outline-style:solid;
   outline-width:2px;
-  outline-offset:0px;
+  outline-offset:-2px;
+  outline-color:rgb(var(--theme-palette-primary-focus));
     content:'';
 }
 .ndl-external-link,
@@ -8241,6 +8233,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-4);
+
+  z-index:1;
 }
 .ndl-side-nav.ndl-side-nav-root{
     width:calc(var(--side-nav-width) + 1px);
@@ -8252,7 +8246,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;
@@ -8260,15 +8253,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;
@@ -8277,21 +8265,19 @@ button.ndl-avatar:focus-visible {
   position:relative;
 }
 .ndl-side-nav.ndl-side-nav-popover {
-  z-index:20;
+  z-index:60;
   border-radius:10px;
   border-width:1px;
   border-color:rgb(var(--theme-palette-neutral-border-weak));
   background-color:rgb(var(--theme-palette-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;
@@ -8328,10 +8314,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;
@@ -8473,9 +8455,6 @@ button.ndl-avatar:focus-visible {
   white-space:nowrap;
   padding-left:16px;
 }
-.ndl-side-nav .ndl-side-nav-category-header:first-child:not(.ndl-side-nav-category-header-expanded){
-      display:none;
-    }
 .ndl-side-nav .ndl-side-nav-footer {
   display:flex;
   width:100%;
@@ -8486,12 +8465,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:var(--transitions-full-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;
@@ -8737,6 +8712,9 @@ button.ndl-avatar:focus-visible {
 .n-isolate {
   isolation:isolate;
 }
+.n-z-10 {
+  z-index:10;
+}
 .n-m-auto {
   margin:auto;
 }
@@ -8877,6 +8855,9 @@ button.ndl-avatar:focus-visible {
 .n-h-28 {
   height:112px;
 }
+.n-h-32 {
+  height:128px;
+}
 .n-h-36 {
   height:144px;
 }
@@ -43827,6 +43808,9 @@ button.ndl-avatar:focus-visible {
 .n-p-token-0 {
   padding:0px;
 }
+.n-p-token-2 {
+  padding:2px;
+}
 .n-p-token-4 {
   padding:8px;
 }

package/lib/tokens/css/tokens.css

@@ -21,7 +21,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 18 Aug 2025 14:04:54 GMT
+ * Generated on Mon, 22 Sep 2025 08:09:48 GMT
  */
 
 :root {

package/lib/tokens/js/tokens-raw.js

@@ -21,7 +21,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 18 Aug 2025 14:04:54 GMT
+ * Generated on Mon, 22 Sep 2025 08:09:49 GMT
  */
 
 module.exports = {

package/lib/tokens/js/tokens.js

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Mon, 18 Aug 2025 14:04:54 GMT
+* Generated on Mon, 22 Sep 2025 08:09:49 GMT
 */
 
 export const tokens = {

package/lib/tokens/scss/tokens.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 18 Aug 2025 14:04:54 GMT
+// Generated on Mon, 22 Sep 2025 08:09:48 GMT
 
 $transitions-values-properties-default: all;
 $transitions-values-duration-quick: 100ms;

package/lib/types/tokens/js/storybook-design-token.d.ts

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Mon, 18 Aug 2025 14:04:54 GMT
+* Generated on Mon, 22 Sep 2025 08:09:49 GMT
 */
 export const tokens: {
     transitions: {

package/package.json

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