@neo4j-ndl/base 3.7.18 → 3.7.20

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

@@ -22,7 +22,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Tue, 15 Jul 2025 12:38:43 GMT
+* Generated on Thu, 14 Aug 2025 09:34:14 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 Tue, 15 Jul 2025 12:38:43 GMT
+* Generated on Thu, 14 Aug 2025 09:34:14 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 Tue, 15 Jul 2025 12:38:43 GMT
+* Generated on Thu, 14 Aug 2025 09:34:14 GMT
 */
 module.exports = {
     "transitions": {

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

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Tue, 15 Jul 2025 12:38:43 GMT
+* Generated on Thu, 14 Aug 2025 09:34:14 GMT
 */
 export const tokens = {
     "transitions": [

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

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Tue, 15 Jul 2025 12:38:43 GMT
+* Generated on Thu, 14 Aug 2025 09:34:14 GMT
 */
 export const tokens = {
     "transitions": {

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

@@ -22,7 +22,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Tue, 15 Jul 2025 12:38:43 GMT
+* Generated on Thu, 14 Aug 2025 09:34:14 GMT
 */
 module.exports = {
     "transitions": {

package/lib/neo4j-ds-styles.css

@@ -2613,13 +2613,13 @@ a.ndl-btn {
   z-index:40;
   flex-direction:column;
   border-width:1px;
-  outline:2px solid transparent;
-  outline-offset:2px;
   max-height:95vh;
   min-width:250px;
   overflow-y:auto;
   text-align:start;
   color:rgb(var(--theme-palette-neutral-text-default));
+  outline:2px solid transparent;
+  outline-offset:2px;
 }
 .ndl-menu .ndl-menu-items {
   display:flex;
@@ -2924,6 +2924,11 @@ a.ndl-btn {
 .ndl-datepicker .react-datepicker__week .react-datepicker__day--selected:hover {
   background-color:rgb(var(--theme-palette-primary-hover-strong));
 }
+.ndl-datepicker .react-datepicker__week .react-datepicker__day--selected:focus,
+      .ndl-datepicker .react-datepicker__week .react-datepicker__day--selected:focus-visible {
+  outline:2px solid transparent;
+  outline-offset:2px;
+}
 .ndl-datepicker .react-datepicker__week .react-datepicker__day--range-start,
     .ndl-datepicker .react-datepicker__week .react-datepicker__day--selecting-range-start {
   border-top-left-radius:8px;
@@ -3926,10 +3931,8 @@ a.ndl-btn {
     position:sticky;
   }
 }
-.ndl-dropzone{
-  background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23C4C8CD' stroke-width='1.5' stroke-dasharray='6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
+.ndl-dropzone {
   border-radius:8px;
-  border-color:rgb(var(--theme-palette-neutral-border-strong));
 }
 .ndl-dropzone > div {
   padding-top:32px;
@@ -3944,6 +3947,7 @@ a.ndl-btn {
   height:100%;
   flex-direction:column;
   justify-content:center;
+    background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23C4C8CD' stroke-width='1.5' stroke-dasharray='6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
 }
 .ndl-dropzone svg {
   margin-left:auto;
@@ -3955,8 +3959,10 @@ a.ndl-btn {
 }
 .ndl-dropzone.ndl-drag-active {
   background-color:rgb(var(--theme-palette-primary-bg-weak));
-    background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23018BFF' stroke-width='2' stroke-dasharray='8' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
 }
+.ndl-dropzone.ndl-drag-active .ndl-dropzone-inner-content{
+      background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23018BFF' stroke-width='1.5' stroke-dasharray='6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
+    }
 .ndl-dropzone .ndl-dropzone-header {
   margin-bottom:12px;
   display:flex;
@@ -5012,7 +5018,10 @@ a.ndl-btn {
   width:100%;
   overflow-y:auto;
 }
-.ndl-code-block-container .ndl-code-content-container .ndl-highlight-wrapper:focus {
+.ndl-code-block-container .ndl-code-content-container .ndl-highlight-wrapper:focus-visible {
+  border-radius:4px;
+  outline-width:2px;
+  outline-offset:0px;
   outline-color:rgb(var(--theme-palette-primary-focus));
 }
 .ndl-code-block-container .ndl-code-block-actions {
@@ -8220,6 +8229,12 @@ button.ndl-avatar:focus-visible {
 .ndl-color-picker .ndl-color-picker-rgb-inputs .ndl-color-picker-rgb-input {
   flex:1 1 0%;
 }
+.ndl-color-picker .w-color-interactive:focus-visible {
+  border-radius:8px;
+  outline-width:2px;
+  outline-offset:1px;
+  outline-color:rgb(var(--theme-palette-primary-focus));
+}
 .ndl-side-nav{
   --side-nav-width-collapsed:52px;
   --side-nav-width-expanded:196px;
@@ -8691,15 +8706,24 @@ button.ndl-avatar:focus-visible {
 .ndl-graph-visualization-container .ndl-sidepanel-handle {
   margin-left:4px;
 }
+.n-fixed {
+  position:fixed;
+}
 .n-absolute {
   position:absolute;
 }
 .n-relative {
   position:relative;
 }
+.n-left-\[auto\] {
+  left:auto;
+}
 .n-right-token-3 {
   right:4px;
 }
+.n-top-\[110px\] {
+  top:110px;
+}
 .n-top-token-11 {
   top:96px;
 }
@@ -8864,12 +8888,15 @@ button.ndl-avatar:focus-visible {
 .n-h-\[1000px\] {
   height:1000px;
 }
+.n-h-\[100px\] {
+  height:100px;
+}
+.n-h-\[200px\] {
+  height:200px;
+}
 .n-h-\[290px\] {
   height:290px;
 }
-.n-h-\[400px\] {
-  height:400px;
-}
 .n-h-\[500px\] {
   height:500px;
 }
@@ -8885,12 +8912,21 @@ button.ndl-avatar:focus-visible {
 .n-h-token-6 {
   height:16px;
 }
+.n-h-token-8 {
+  height:32px;
+}
 .n-h-token-9 {
   height:48px;
 }
 .n-min-h-\[700px\] {
   min-height:700px;
 }
+.n-w-1\/2 {
+  width:50%;
+}
+.n-w-1\/4 {
+  width:25%;
+}
 .n-w-48 {
   width:192px;
 }
@@ -8923,6 +8959,9 @@ button.ndl-avatar:focus-visible {
 .n-w-token-11 {
   width:96px;
 }
+.n-w-token-8 {
+  width:32px;
+}
 .n-max-w-\[1024px\] {
   max-width:1024px;
 }
@@ -8977,6 +9016,12 @@ button.ndl-avatar:focus-visible {
 .n-grid-cols-1 {
   grid-template-columns:repeat(1, minmax(0, 1fr));
 }
+.n-grid-cols-6 {
+  grid-template-columns:repeat(6, minmax(0, 1fr));
+}
+.n-grid-rows-2 {
+  grid-template-rows:repeat(2, minmax(0, 1fr));
+}
 .n-flex-row {
   flex-direction:row;
 }
@@ -9007,6 +9052,9 @@ button.ndl-avatar:focus-visible {
 .n-justify-between {
   justify-content:space-between;
 }
+.n-justify-items-center {
+  justify-items:center;
+}
 .n-gap-2 {
   gap:8px;
 }
@@ -9047,6 +9095,9 @@ button.ndl-avatar:focus-visible {
   -moz-column-gap:48px;
        column-gap:48px;
 }
+.n-gap-y-token-2 {
+  row-gap:2px;
+}
 .n-gap-y-token-4 {
   row-gap:8px;
 }
@@ -61226,6 +61277,9 @@ html{
   -moz-osx-font-smoothing:grayscale;
   text-rendering:optimizeLegibility;
 }
+*:focus-visible {
+  outline-color:rgb(var(--theme-palette-primary-focus));
+}
 .first\:n-rounded-t-sm:first-child {
   border-top-left-radius:4px;
   border-top-right-radius:4px;

package/lib/tokens/css/tokens.css

@@ -21,7 +21,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 15 Jul 2025 12:38:43 GMT
+ * Generated on Thu, 14 Aug 2025 09:34:14 GMT
  */
 
 :root {

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

@@ -21,7 +21,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 15 Jul 2025 12:38:43 GMT
+ * Generated on Thu, 14 Aug 2025 09:34:14 GMT
  */
 
 module.exports = {

package/lib/tokens/js/tokens.js

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Tue, 15 Jul 2025 12:38:43 GMT
+* Generated on Thu, 14 Aug 2025 09:34:14 GMT
 */
 
 export const tokens = {

package/lib/tokens/scss/tokens.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 15 Jul 2025 12:38:43 GMT
+// Generated on Thu, 14 Aug 2025 09:34:14 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 Tue, 15 Jul 2025 12:38:43 GMT
+* Generated on Thu, 14 Aug 2025 09:34:14 GMT
 */
 export const tokens: {
     transitions: {

package/package.json

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