@neo4j-ndl/base 3.3.10 → 3.3.12

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

@@ -22,7 +22,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Thu, 13 Mar 2025 10:30:09 GMT
+* Generated on Wed, 19 Mar 2025 09:20:31 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 Thu, 13 Mar 2025 10:30:09 GMT
+* Generated on Wed, 19 Mar 2025 09:20:31 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 Thu, 13 Mar 2025 10:30:08 GMT
+* Generated on Wed, 19 Mar 2025 09:20:31 GMT
 */
 module.exports = {
     "transitions": {

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

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Thu, 13 Mar 2025 10:30:09 GMT
+* Generated on Wed, 19 Mar 2025 09:20:31 GMT
 */
 export const tokens = {
     "transitions": [

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

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Thu, 13 Mar 2025 10:30:09 GMT
+* Generated on Wed, 19 Mar 2025 09:20:31 GMT
 */
 export const tokens = {
     "transitions": {

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

@@ -22,7 +22,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Thu, 13 Mar 2025 10:30:08 GMT
+* Generated on Wed, 19 Mar 2025 09:20:31 GMT
 */
 module.exports = {
     "transitions": {

package/lib/neo4j-ds-styles.css

@@ -1137,7 +1137,6 @@ h6,
   height:auto;
 }
 .ndl-accordion .ndl-accordion-item-header-button {
-  position:relative;
   box-sizing:border-box;
   display:flex;
   flex-shrink:0;
@@ -1180,13 +1179,6 @@ h6,
   height:0px;
   overflow:hidden;
 }
-.ndl-accordion .ndl-accordion-item-content:focus-visible {
-  border-radius:4px;
-  outline-style:solid;
-  outline-width:2px;
-  outline-offset:1px;
-  outline-color:rgb(var(--theme-palette-primary-focus));
-}
 .ndl-accordion .ndl-accordion-item-content-expanded {
   display:block;
   height:auto;
@@ -1233,7 +1225,7 @@ h6,
   padding:8px;
 }
 .ndl-accordion .ndl-accordion-item-clean .ndl-accordion-item-header-button:focus-visible {
-  outline-offset:1px;
+  outline-offset:2px;
 }
 .ndl-btn{
   transition:background-color var(--transitions-stripped-quick);
@@ -2230,7 +2222,7 @@ a.ndl-btn {
 .ndl-form-item.ndl-has-error input:not(:active):not(:focus) {
   outline-style:solid;
   outline-width:2px;
-  outline-offset:-1px;
+  outline-offset:-2px;
   outline-color:rgb(var(--theme-palette-danger-border-strong));
 }
 .ndl-form-item.ndl-has-error .ndl-form-msg {
@@ -3480,7 +3472,7 @@ a.ndl-btn {
 }
 .ndl-data-grid-root .ndl-data-grid-scrollable:focus:focus-visible {
   outline-width:2px;
-  outline-offset:1px;
+  outline-offset:0px;
   outline-color:rgb(var(--theme-palette-primary-focus));
 }
 .ndl-data-grid-root .ndl-data-grid-scrollable:has(+ .ndl-data-grid-navigation)
@@ -3645,6 +3637,7 @@ a.ndl-btn {
       position:relative;
       box-sizing:border-box;
       display:flex;
+      height:40px;
       border-collapse:separate;
       -webkit-user-select:none;
          -moz-user-select:none;
@@ -3654,6 +3647,10 @@ a.ndl-btn {
       justify-content:space-between;
       gap:4px;
       white-space:nowrap;
+      padding-top:10px;
+      padding-bottom:10px;
+      padding-right:12px;
+      padding-left:16px;
       text-align:left;
       color:rgb(var(--theme-palette-neutral-text-weaker));
   font-family:var(--font-font-family-body-label), sans-serif;
@@ -3690,13 +3687,12 @@ a.ndl-btn {
         gap:4px;
         overflow:hidden;
         text-overflow:ellipsis;
-        margin-right:8px;
         width:auto;
         justify-content:space-between;
       }
 .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th .ndl-header-group:focus-visible {
   outline-width:2px;
-  outline-offset:-4px;
+  outline-offset:2px;
   outline-color:rgb(var(--theme-palette-primary-focus));
 }
 .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th .ndl-header-cell{
@@ -3707,10 +3703,6 @@ a.ndl-btn {
         flex-direction:row;
         align-items:center;
         gap:4px;
-        padding-top:10px;
-        padding-bottom:10px;
-        padding-right:12px;
-        padding-left:16px;
       }
 .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th .ndl-header-cell .ndl-header-icon{
           min-width:16px;
@@ -3725,7 +3717,6 @@ a.ndl-btn {
   flex-direction:row;
   align-items:center;
   gap:4px;
-  padding:4px;
 }
 .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th.ndl-data-grid-is-resizing{
         background-color:var(--data-grid-hover-color);
@@ -4242,8 +4233,9 @@ a.ndl-btn {
   background-color:rgb(var(--theme-palette-neutral-bg-weak));
   padding-top:4px;
   padding-bottom:4px;
-  outline-width:1px !important;
-  outline-color:rgb(var(--theme-palette-neutral-border-strong)) !important;
+  outline-width:1px;
+  outline-offset:-1px;
+  outline-color:rgb(var(--theme-palette-neutral-border-strong));
   font-family:var(--font-font-family-body-medium), sans-serif;
   font-size:var(--font-size-body-medium);
   font-weight:var(--font-weight-normal);
@@ -4251,10 +4243,9 @@ a.ndl-btn {
   line-height:1.25rem;
 }
 .ndl-select-control:focus-within {
-  border-style:none;
-  outline-style:solid;
-  outline-width:2px !important;
-  outline-color:rgb(var(--theme-palette-primary-focus)) !important;
+  outline-width:2px;
+  outline-offset:-2px;
+  outline-color:rgb(var(--theme-palette-primary-focus));
 }
 .ndl-select-control:hover {
   border-color:rgb(var(--theme-palette-neutral-border-strong));
@@ -4288,14 +4279,16 @@ a.ndl-btn {
   outline-style:solid !important;
 }
 .ndl-select-control.ndl-has-error {
-  outline-style:solid !important;
-  outline-width:2px !important;
-  outline-color:rgb(var(--theme-palette-danger-border-strong)) !important;
+  outline-style:solid;
+  outline-width:2px;
+  outline-offset:-2px;
+  outline-color:rgb(var(--theme-palette-danger-border-strong));
 }
 .ndl-select-control.ndl-has-error:focus-within {
-  outline-style:solid !important;
-  outline-width:2px !important;
-  outline-color:rgb(var(--theme-palette-danger-border-strong)) !important;
+  outline-style:solid;
+  outline-width:2px;
+  outline-offset:-2px;
+  outline-color:rgb(var(--theme-palette-danger-border-strong));
 }
 .ndl-select-control.ndl-has-error:hover {
   border-color:rgb(var(--theme-palette-danger-border-strong));
@@ -5499,7 +5492,7 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
     .ndl-text-area textarea:focus {
   outline-style:solid;
   outline-width:2px;
-  outline-offset:-1px;
+  outline-offset:-2px;
   outline-color:rgb(var(--theme-palette-primary-focus));
 }
 .ndl-text-area textarea:disabled {
@@ -5984,14 +5977,15 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
 }
 .ndl-breadcrumbs .ndl-breadcrumbs-base-item-link {
   border-radius:6px;
-  padding:0px;
+  padding-left:4px;
+  padding-right:4px;
   color:rgb(var(--theme-palette-neutral-text-weaker));
   outline:2px solid transparent;
   outline-offset:2px;
 }
 .ndl-breadcrumbs .ndl-breadcrumbs-base-item-link:focus-visible {
   outline-width:2px;
-  outline-offset:1px;
+  outline-offset:-2px;
   outline-color:rgb(var(--theme-palette-primary-focus));
 }
 .ndl-breadcrumbs .ndl-breadcrumbs-base-item-link-active {
@@ -6002,23 +5996,25 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
   text-decoration-line:underline;
 }
 .ndl-breadcrumbs .ndl-breadcrumbs-item {
-  margin-left:1px;
-  margin-right:1px;
   display:flex;
   align-items:center;
 }
 .ndl-breadcrumbs .ndl-breadcrumbs-item-link {
+  cursor:default;
   border-radius:6px;
+  padding-left:4px;
+  padding-right:4px;
   color:rgb(var(--theme-palette-neutral-text-weaker));
   outline:2px solid transparent;
   outline-offset:2px;
 }
 .ndl-breadcrumbs .ndl-breadcrumbs-item-link:focus-visible {
   outline-width:2px;
-  outline-offset:1px;
+  outline-offset:-2px;
   outline-color:rgb(var(--theme-palette-primary-focus));
 }
-.ndl-breadcrumbs .ndl-breadcrumbs-item-link:hover {
+.ndl-breadcrumbs .ndl-breadcrumbs-item-link-interactable:hover {
+  cursor:pointer;
   color:rgb(var(--theme-palette-neutral-text-default));
   text-decoration-line:underline;
 }
@@ -6026,7 +6022,6 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
   color:rgb(var(--theme-palette-neutral-text-default));
 }
 .ndl-breadcrumbs .ndl-breadcrumbs-item-menu {
-  margin-left:2px;
   display:flex;
 }
 .ndl-breadcrumbs .ndl-breadcrumbs-separator:not(:only-child):before {
@@ -6065,7 +6060,7 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
 }
 .ndl-breadcrumbs .ndl-breadcrumbs-ellipsis-menu-button:focus-visible {
   outline-width:2px;
-  outline-offset:1px;
+  outline-offset:2px;
   outline-color:rgb(var(--theme-palette-primary-focus));
 }
 .ndl-breadcrumbs .ndl-breadcrumbs-ellipsis-menu-button:hover {
@@ -6469,7 +6464,7 @@ button.ndl-avatar:focus-visible {
 }
 .ndl-inline-edit .ndl-inline-idle-container:focus-visible {
   outline-width:2px;
-  outline-offset:-1px;
+  outline-offset:-2px;
   outline-color:rgb(var(--theme-palette-primary-focus));
 }
 .ndl-inline-edit .ndl-inline-idle-container.ndl-disabled {
@@ -6630,18 +6625,21 @@ button.ndl-avatar:focus-visible {
   background-color:rgb(var(--theme-palette-neutral-bg-on-bg-weak));
   padding-left:2px;
   padding-right:2px;
-  outline-style:solid;
-  outline-width:1px;
-  outline-offset:-1px;
-  outline-color:rgb(var(--theme-palette-neutral-border-weak));
   font-family:var(--font-font-family-code), 'monospace';
   font-size:var(--font-size-code);
   font-weight:var(--font-weight-normal);
   letter-spacing:0;
   line-height:1.25rem;
+
+  outline-style:solid;
+
+  outline-width:1px;
+
+  outline-offset:-1px;
+
+  outline-color:rgb(var(--theme-palette-neutral-border-weak));
 }
 .ndl-inline-code:focus-visible {
-  outline-style:solid;
   outline-width:2px;
   outline-offset:-2px;
   outline-color:rgb(var(--theme-palette-primary-focus));
@@ -7876,9 +7874,6 @@ button.ndl-avatar:focus-visible {
 .n-transform {
   transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-.n-cursor-default {
-  cursor:default;
-}
 .n-cursor-grab {
   cursor:grab;
 }

package/lib/tokens/css/tokens.css

@@ -21,7 +21,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 13 Mar 2025 10:30:08 GMT
+ * Generated on Wed, 19 Mar 2025 09:20:31 GMT
  */
 
 :root {

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

@@ -21,7 +21,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 13 Mar 2025 10:30:08 GMT
+ * Generated on Wed, 19 Mar 2025 09:20:31 GMT
  */
 
 module.exports = {

package/lib/tokens/js/tokens.js

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Thu, 13 Mar 2025 10:30:09 GMT
+* Generated on Wed, 19 Mar 2025 09:20:31 GMT
 */
 
 export const tokens = {

package/lib/tokens/scss/tokens.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 13 Mar 2025 10:30:08 GMT
+// Generated on Wed, 19 Mar 2025 09:20:31 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 Thu, 13 Mar 2025 10:30:09 GMT
+* Generated on Wed, 19 Mar 2025 09:20:31 GMT
 */
 export const tokens: {
     transitions: {

package/package.json

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