@neo4j-ndl/base 3.2.1 → 3.2.3

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

@@ -22,7 +22,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Fri, 24 Jan 2025 16:19:22 GMT
+* Generated on Wed, 29 Jan 2025 11:40:28 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 Fri, 24 Jan 2025 16:19:22 GMT
+* Generated on Wed, 29 Jan 2025 11:40:28 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 Fri, 24 Jan 2025 16:19:22 GMT
+* Generated on Wed, 29 Jan 2025 11:40:27 GMT
 */
 module.exports = {
     "transitions": {

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

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Fri, 24 Jan 2025 16:19:22 GMT
+* Generated on Wed, 29 Jan 2025 11:40:28 GMT
 */
 export const tokens = {
     "transitions": [

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

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Fri, 24 Jan 2025 16:19:22 GMT
+* Generated on Wed, 29 Jan 2025 11:40:28 GMT
 */
 export const tokens = {
     "transitions": {

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

@@ -22,7 +22,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Fri, 24 Jan 2025 16:19:22 GMT
+* Generated on Wed, 29 Jan 2025 11:40:27 GMT
 */
 module.exports = {
     "transitions": {

package/lib/neo4j-ds-styles.css

@@ -1306,6 +1306,7 @@ a.ndl-btn {
   outline-width:0px;
 }
 .ndl-icon-btn:not(.ndl-clean):focus-visible {
+  outline-width:0px;
   --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
@@ -1318,6 +1319,7 @@ a.ndl-btn {
   outline-width:0px;
 }
 .ndl-icon-btn.ndl-clean:focus-visible {
+  outline-width:0px;
   --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
@@ -3378,68 +3380,35 @@ a.ndl-btn {
     border-bottom-color:rgb(var(--theme-palette-primary-bg-status));
   }
 :root{
-  --data-grid-hover-color:rgb(241, 241, 242);
-  --data-grid-cell-hover-color:rgb(227, 228, 230);
+  --data-grid-hover-color:rgb(240, 241, 242);
 }
 .ndl-theme-dark{
   --data-grid-hover-color:rgba(45, 47, 49);
-  --data-grid-cell-hover-color:rgba(55, 58, 60);
 }
-.ndl-data-grid-focusable-cells .ndl-focusable-cell {
+.ndl-data-grid-focusable-cells .ndl-focusable-cell:not(.ndl-data-grid-th) {
   outline:2px solid transparent;
   outline-offset:2px;
 }
-.ndl-data-grid-focusable-cells .ndl-focusable-cell:focus::before,
-    .ndl-data-grid-focusable-cells .ndl-focusable-cell:focus-visible::before {
-  position:absolute;
-  top:-1px;
-  left:-1px;
-  right:0px;
-  bottom:-1px;
-  z-index:1;
-  border-width:2px;
-  border-color:rgb(var(--theme-palette-primary-focus));
-  --tw-content:'';
-  content:var(--tw-content);
-}
-.ndl-data-grid-root:not(.ndl-data-grid-focusable-cells) .ndl-header-group {
-  outline:2px solid transparent;
-  outline-offset:2px;
+.ndl-data-grid-focusable-cells .ndl-focusable-cell:not(.ndl-data-grid-th):focus,
+    .ndl-data-grid-focusable-cells .ndl-focusable-cell:not(.ndl-data-grid-th):focus-visible,
+    .ndl-data-grid-focusable-cells .ndl-focusable-cell:not(.ndl-data-grid-th):focus-within {
+  outline-width:2px;
+  outline-offset:-2px;
+  outline-color:rgb(var(--theme-palette-primary-focus));
 }
-.ndl-data-grid-root:not(.ndl-data-grid-focusable-cells) .ndl-header-group:focus::before,
-    .ndl-data-grid-root:not(.ndl-data-grid-focusable-cells) .ndl-header-group:focus-visible::before {
+.ndl-data-grid-focusable-cells .ndl-data-grid-th:focus::before,
+    .ndl-data-grid-focusable-cells .ndl-data-grid-th:focus-visible::before {
   position:absolute;
   top:0px;
-  left:-1px;
+  left:0px;
   right:0px;
-  bottom:-1px;
+  bottom:0px;
   z-index:1;
   border-width:2px;
   border-color:rgb(var(--theme-palette-primary-focus));
   --tw-content:'';
   content:var(--tw-content);
 }
-.ndl-data-grid-thead > .ndl-data-grid-tr .ndl-focusable-cell::before {
-  top:0px;
-}
-.ndl-data-grid-thead
-  > .ndl-data-grid-tr
-  > .ndl-focusable-cell:first-child::before {
-  left:0px;
-}
-.ndl-data-grid-tbody
-  > .ndl-data-grid-tr
-  > .ndl-data-grid-td.ndl-focusable-cell:first-child::before {
-  left:0px;
-}
-.ndl-data-grid-tbody
-  > .ndl-data-grid-tr:first-child
-  > .ndl-data-grid-td.ndl-focusable-cell::before {
-  top:0px;
-}
-.ndl-data-grid-tr > .ndl-data-grid-pinned-cell-left + .ndl-focusable-cell::before {
-  left:0px;
-}
 .ndl-data-grid-root{
   --header-background:rgb(var(--theme-palette-neutral-bg-weak));
   --cell-background:rgb(var(--theme-palette-neutral-bg-weak));
@@ -3459,41 +3428,26 @@ a.ndl-btn {
 .ndl-data-grid-root.ndl-data-grid-zebra-striping .ndl-data-grid-tr:nth-child(even){
       --cell-background:rgb(var(--theme-palette-neutral-bg-default));
     }
-.ndl-data-grid-root.ndl-data-grid-zebra-striping .ndl-focusable-cell{
-      margin-bottom:1px;
-    }
-.ndl-data-grid-root.ndl-data-grid-border-all-sides
-      .ndl-data-grid-td:not(.ndl-focusable-cell:focus):not(
-        .ndl-data-grid-is-resizing
-      ):last-child,
-    .ndl-data-grid-root.ndl-data-grid-border-all-sides .ndl-data-grid-th:not(.ndl-focusable-cell:focus):last-child{
+.ndl-data-grid-root.ndl-data-grid-border-vertical .ndl-data-grid-td:not(.ndl-data-grid-is-resizing):last-child,
+    .ndl-data-grid-root.ndl-data-grid-border-vertical .ndl-data-grid-th:last-child{
       border-left-width:1px;
       border-style:solid;
-      border-color:rgb(var(--theme-palette-neutral-border-weak));
+      border-left-color:rgb(var(--theme-palette-neutral-border-weak));
     }
-.ndl-data-grid-root.ndl-data-grid-border-all-sides
+.ndl-data-grid-root.ndl-data-grid-border-vertical
       .ndl-data-grid-td:not(.ndl-focusable-cell:focus):not(
         .ndl-data-grid-is-resizing
-      ):not(:nth-last-child(2)),
-    .ndl-data-grid-root.ndl-data-grid-border-all-sides .ndl-data-grid-th:not(.ndl-focusable-cell:focus):not(:nth-last-child(2)){
+      ):not(:nth-last-child(2)):not(:last-child),
+    .ndl-data-grid-root.ndl-data-grid-border-vertical .ndl-data-grid-th:not(:nth-last-child(2)):not(:last-child){
       border-right-width:1px;
       border-style:solid;
-      border-color:rgb(var(--theme-palette-neutral-border-weak));
+      border-right-color:rgb(var(--theme-palette-neutral-border-weak));
     }
-.ndl-data-grid-root.ndl-data-grid-border-all-sides .ndl-data-grid-tr > .ndl-data-grid-td {
+.ndl-data-grid-root.ndl-data-grid-border-horizontal .ndl-data-grid-tr:not(:last-child),
+    .ndl-data-grid-root.ndl-data-grid-border-horizontal .ndl-data-grid-thead .ndl-data-grid-tr {
   border-bottom-width:1px;
   border-style:solid;
-  border-color:rgb(var(--theme-palette-neutral-border-weak));
-}
-.ndl-data-grid-root.ndl-data-grid-border-all-sides .ndl-data-grid-thead > .ndl-data-grid-tr > .ndl-data-grid-th {
-  border-bottom-width:1px;
-  border-style:solid;
-  border-color:rgb(var(--theme-palette-neutral-border-weak));
-}
-.ndl-data-grid-root.ndl-data-grid-border-horizontal .ndl-data-grid-tr > .ndl-data-grid-td {
-  border-bottom-width:1px;
-  border-style:solid;
-  border-color:rgb(var(--theme-palette-neutral-border-weak));
+  border-bottom-color:rgb(var(--theme-palette-neutral-border-weak));
 }
 .ndl-data-grid-root.ndl-data-grid-header-filled .ndl-data-grid-thead{
       --header-background:rgb(var(--theme-palette-neutral-bg-default));
@@ -3502,6 +3456,13 @@ a.ndl-btn {
     overflow-x:auto;
     flex-grow:1;
   }
+.ndl-data-grid-root .ndl-data-grid-scrollable:has(+ .ndl-data-grid-navigation)
+    .ndl-data-grid-tbody
+    .ndl-data-grid-tr:last-child {
+  border-bottom-width:1px;
+  border-style:solid;
+  border-bottom-color:rgb(var(--theme-palette-neutral-border-weak));
+}
 .ndl-data-grid-root .ndl-div-table {
   width:-moz-max-content;
   width:max-content;
@@ -3518,6 +3479,7 @@ a.ndl-btn {
 }
 .ndl-data-grid-root .ndl-div-table .ndl-data-grid-tr{
       display:flex;
+      flex-direction:row;
       min-width:100%;
       position:relative;
       min-height:40px;
@@ -3537,29 +3499,20 @@ a.ndl-btn {
 .ndl-data-grid-root .ndl-div-table .ndl-data-grid-tbody .ndl-data-grid-tr .ndl-data-grid-row-action{
           background-color:var(--cell-background);
         }
-.ndl-data-grid-root .ndl-div-table .ndl-data-grid-tbody .ndl-data-grid-tr .ndl-data-grid-row-action:focus,
-          .ndl-data-grid-root .ndl-div-table .ndl-data-grid-tbody .ndl-data-grid-tr .ndl-data-grid-row-action:focus-visible{
-            z-index:2;
-            border:2px solid rgb(var(--theme-palette-primary-focus));
-          }
+.ndl-data-grid-root .ndl-div-table .ndl-data-grid-tbody .ndl-data-grid-tr .ndl-data-grid-inline-edit {
+  padding:0px;
+}
 .ndl-data-grid-root .ndl-div-table .ndl-data-grid-tbody .ndl-data-grid-tr .ndl-data-grid-inline-edit input {
   height:100%;
   width:100%;
   background-color:transparent;
+  padding-left:16px;
+  padding-right:16px;
   outline:2px solid transparent;
   outline-offset:2px;
 }
-.ndl-data-grid-root .ndl-div-table .ndl-data-grid-tbody .ndl-data-grid-tr .ndl-data-grid-inline-edit:focus-within{
-            z-index:2;
-            border:2px solid rgb(var(--theme-palette-primary-focus));
-          }
-.ndl-data-grid-root .ndl-div-table .ndl-data-grid-tbody .ndl-data-grid-tr .ndl-data-grid-dropdown-cell {
-  overflow:visible;
-}
-.ndl-data-grid-root .ndl-div-table .ndl-data-grid-tbody .ndl-data-grid-tr .ndl-data-grid-dropdown-cell:focus-within{
-            z-index:2;
-            border:2px solid rgb(var(--theme-palette-primary-focus));
-          }
+.ndl-data-grid-root .ndl-div-table .ndl-data-grid-tbody .ndl-data-grid-tr .ndl-data-grid-dropdown-cell{
+        }
 .ndl-data-grid-root .ndl-div-table .ndl-data-grid-tbody .ndl-data-grid-tr .ndl-data-grid-pinned-cell {
   position:sticky;
           z-index:calc(var(--z-index-alias-overlay) - 1) !important;
@@ -3617,28 +3570,26 @@ a.ndl-btn {
 .ndl-data-grid-root .ndl-div-table .ndl-data-grid-thead.ndl-data-grid-is-resizing .ndl-data-grid-th:not(.ndl-data-grid-is-resizing) .ndl-data-grid-resizer:not(.ndl-data-grid-is-resizing) {
   opacity:0;
 }
-.ndl-data-grid-root .ndl-div-table .ndl-data-grid-td:hover{
-        --cell-background:var(--data-grid-cell-hover-color);
-      }
-.ndl-data-grid-root .ndl-div-table .ndl-data-grid-td {
+.ndl-data-grid-root .ndl-div-table .ndl-data-grid-td{
       background-color:var(--cell-background);
       position:relative;
       display:flex;
       height:auto;
       align-items:center;
+      overflow:hidden;
       text-overflow:ellipsis;
       white-space:pre-line;
       padding-top:10px;
       padding-bottom:10px;
-      padding-left:24px;
-      padding-right:24px;
+      padding-left:16px;
+      padding-right:16px;
       color:rgb(var(--theme-palette-neutral-text-default));
   font-family:var(--font-font-family-body-medium), sans-serif;
   font-size:var(--font-size-body-medium);
   font-weight:var(--font-weight-normal);
   letter-spacing:0.016rem;
   line-height:1.25rem;
-}
+    }
 .ndl-data-grid-root .ndl-div-table .ndl-data-grid-td.ndl-data-grid-custom-cell {
   padding:0px;
 }
@@ -3658,27 +3609,27 @@ a.ndl-btn {
         z-index:1000;
       }
 .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th{
+      background-color:var(--header-background);
       container-name:data-grid-header-cell;
-      text-align:left;
       position:relative;
-      font-weight:bold;
-      border-collapse:separate;
       box-sizing:border-box;
+      display:flex;
+      border-collapse:separate;
       -webkit-user-select:none;
          -moz-user-select:none;
               user-select:none;
-      white-space:nowrap;
-      justify-content:space-between;
-      align-items:center;
-      color:rgb(var(--theme-palette-neutral-text-weak));
-      display:flex;
       flex-direction:row;
+      align-items:center;
+      justify-content:space-between;
       gap:4px;
-  font-family:var(--font-font-family-body-large), sans-serif;
-  font-size:var(--font-size-body-large);
-  font-weight:var(--font-weight-normal);
-  letter-spacing:0.016rem;
-  line-height:1.5rem;
+      white-space:nowrap;
+      text-align:left;
+      color:rgb(var(--theme-palette-neutral-text-weaker));
+  font-family:var(--font-font-family-body-label), sans-serif;
+  font-size:var(--font-size-label);
+  font-weight:var(--font-weight-bold);
+  letter-spacing:0;
+  line-height:1.25rem;
     }
 .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th.ndl-data-grid-row-action{
         background-color:var(--header-background);
@@ -3688,10 +3639,9 @@ a.ndl-btn {
 .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th.ndl-data-grid-pinned-cell{
         position:sticky;
         z-index:10 !important;
-        background-color:rgb(var(--theme-palette-neutral-bg-default)) !important;
       }
 .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th.ndl-data-grid-pinned-cell:hover{
-          background-color:var(--data-grid-cell-hover-color) !important;
+          background-color:var(--data-grid-hover-color) !important;
         }
 .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th.ndl-data-grid-pinned-cell-left {
   left:0px;
@@ -3720,6 +3670,11 @@ a.ndl-btn {
         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:-2px;
+  outline-color:rgb(var(--theme-palette-primary-focus));
+}
 .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th .ndl-header-cell{
         text-overflow:ellipsis;
         overflow:hidden;
@@ -3731,7 +3686,7 @@ a.ndl-btn {
         padding-top:12px;
         padding-bottom:12px;
         padding-right:12px;
-        padding-left:24px;
+        padding-left:16px;
       }
 .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th .ndl-header-cell .ndl-header-icon{
           min-width:16px;
@@ -3753,9 +3708,10 @@ a.ndl-btn {
   background-color:rgb(var(--theme-palette-neutral-hover));
 }
 .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th:hover{
-        background-color:rgb(var(--theme-palette-neutral-hover));
+        background-color:var(--data-grid-hover-color);
       }
 .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th:hover .ndl-data-grid-resizer {
+  z-index:1;
   opacity:1;
 }
 .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th .ndl-data-grid-resizer{
@@ -3778,6 +3734,11 @@ a.ndl-btn {
   background-color:rgb(var(--theme-palette-primary-focus));
   opacity:1;
 }
+.ndl-data-grid-root .ndl-div-table .ndl-data-grid-th .ndl-data-grid-resizer:hover {
+  z-index:1;
+  cursor:col-resize;
+  opacity:1;
+}
 .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th .ndl-data-grid-resizer:focus-visible {
   z-index:1;
   background-color:rgb(var(--theme-palette-primary-focus));
@@ -3795,10 +3756,10 @@ a.ndl-btn {
   justify-content:space-between;
   gap:8px;
   background-color:rgb(var(--theme-palette-neutral-bg-weak));
-  padding-left:28px;
-  padding-right:28px;
-  padding-top:16px;
-  padding-bottom:16px;
+  padding-left:16px;
+  padding-right:16px;
+  padding-top:12px;
+  padding-bottom:12px;
 }
 .ndl-data-grid-root .ndl-data-grid-navigation .ndl-data-grid-navigation-right-items {
   display:flex;
@@ -3842,33 +3803,8 @@ a.ndl-btn {
   width:20px;
   height:20px;
 }
-.ndl-data-grid-root .ndl-data-grid-navigation .ndl-data-grid-pagination-icon-button {
-  position:relative;
-  display:inline-flex;
-  align-items:center;
-  border-radius:10px;
-  padding-left:8px;
-  padding-right:8px;
-  padding-top:8px;
-  padding-bottom:8px;
-  color:rgb(var(--theme-palette-neutral-text-weaker));
-  font-family:var(--font-font-family-body-medium), sans-serif;
-  font-size:var(--font-size-body-medium);
-  font-weight:var(--font-weight-normal);
-  letter-spacing:0.016rem;
-  line-height:1.25rem;
-}
-.ndl-data-grid-root .ndl-data-grid-navigation .ndl-data-grid-pagination-icon-button:hover {
-  background-color:rgb(var(--theme-palette-primary-bg-strong));
-  --tw-bg-opacity:0.1;
-  color:rgb(var(--theme-palette-neutral-text-inverse));
-}
-.ndl-data-grid-root .ndl-data-grid-navigation .ndl-data-grid-pagination-icon-button:focus,
-      .ndl-data-grid-root .ndl-data-grid-navigation .ndl-data-grid-pagination-icon-button:focus-visible {
-  outline-style:solid;
-  outline-width:2px;
-  outline-color:rgb(var(--theme-palette-primary-focus));
-}
+.ndl-data-grid-root .ndl-data-grid-navigation .ndl-data-grid-pagination-icon-button{
+    }
 .ndl-data-grid-root .ndl-data-grid-navigation .ndl-data-grid-pagination-numeric-button{
       min-width:36px;
       min-height:36px;
@@ -3882,6 +3818,7 @@ a.ndl-btn {
       padding-right:12px;
       padding-top:2px;
       padding-bottom:2px;
+      color:rgb(var(--theme-palette-neutral-text-weak));
   font-family:var(--font-font-family-body-medium), sans-serif;
   font-size:var(--font-size-body-medium);
   font-weight:var(--font-weight-normal);
@@ -3895,18 +3832,16 @@ a.ndl-btn {
   outline-color:rgb(var(--theme-palette-primary-focus));
 }
 .ndl-data-grid-root .ndl-data-grid-navigation .ndl-data-grid-pagination-numeric-button.ndl-is-selected {
-  background-color:rgb(var(--theme-palette-primary-bg-strong));
-  color:rgb(var(--theme-palette-neutral-text-inverse));
+  background-color:rgb(var(--theme-palette-neutral-bg-strong));
 }
 .ndl-data-grid-root .ndl-data-grid-navigation .ndl-data-grid-pagination-numeric-button.ndl-not-selected-numeric {
   cursor:pointer;
 }
 .ndl-data-grid-root .ndl-data-grid-navigation .ndl-data-grid-pagination-numeric-button.ndl-not-selected-numeric:hover {
-  background-color:rgb(var(--theme-palette-neutral-bg-strong));
-}
-.ndl-data-grid-root .ndl-data-grid-navigation .ndl-data-grid-pagination-numeric-button.ndl-not-selected {
-  color:rgb(var(--theme-palette-neutral-text-weaker));
+  background-color:rgb(var(--theme-palette-neutral-hover));
 }
+.ndl-data-grid-root .ndl-data-grid-navigation .ndl-data-grid-pagination-numeric-button.ndl-not-selected{
+      }
 @container data-grid-header-cell (min-width: 300px){
   .ndl-header-group{
     margin-right:55px !important;
@@ -4419,7 +4354,7 @@ a.ndl-btn {
   line-height:1.5rem;
 }
 .ndl-select-menu-portal {
-  z-index:40 !important;
+  z-index:40;
 }
 .ndl-select-menu {
   position:absolute;
@@ -4895,23 +4830,15 @@ a.ndl-btn {
 .ndl-wizard.ndl-wizard-small .ndl-wizard-step-complete .ndl-wizard-circle {
   background-color:rgb(var(--theme-palette-primary-bg-strong));
 }
-:root{
-  --background:var(--theme-light-palette-neutral-bg-default);
-  --border:var(--theme-light-palette-neutral-border-weak);
-}
-.ndl-theme-dark{
-  --background:var(--theme-dark-palette-neutral-bg-strong);
-  --border:var(--theme-dark-palette-neutral-border-strong);
-}
-.ndl-code-block-container{
-  background:rgb(var(--background));
-  border-color:rgb(var(--border));
+.ndl-code-block-container {
   position:relative;
   isolation:isolate;
   min-height:90px;
   overflow:hidden;
   border-radius:8px;
   border-width:1px;
+  border-color:rgb(var(--theme-palette-neutral-border-strong));
+  background-color:rgb(var(--theme-palette-neutral-bg-on-bg-weak));
   padding-top:12px;
   padding-bottom:4px;
 }
@@ -4963,28 +4890,28 @@ a.ndl-btn {
 .ndl-code-block-container .ndl-code-content-container .ndl-highlight-wrapper:focus {
   outline-color:rgb(var(--theme-palette-primary-focus));
 }
-.ndl-code-block-container .ndl-code-block-actions{
-    background:rgb(var(--background));
-    position:absolute;
-    top:0px;
-    right:0px;
-    z-index:10;
-    display:flex;
-    border-radius:8px;
-    padding:4px;
-  }
+.ndl-code-block-container .ndl-code-block-actions {
+  position:absolute;
+  top:0px;
+  right:0px;
+  z-index:10;
+  display:flex;
+  border-radius:8px;
+  background-color:rgb(var(--theme-palette-neutral-bg-on-bg-weak));
+  padding:4px;
+}
 .ndl-code-block-container .ndl-code-block-actions.ndl-disabled {
   opacity:0.5;
 }
-.ndl-code-block-container .ndl-code-block-expand-button{
-    background:rgb(var(--background));
-    position:absolute;
-    bottom:0px;
-    right:0px;
-    z-index:10;
-    border-radius:8px;
-    padding:4px;
-  }
+.ndl-code-block-container .ndl-code-block-expand-button {
+  position:absolute;
+  bottom:0px;
+  right:0px;
+  z-index:10;
+  border-radius:8px;
+  background-color:rgb(var(--theme-palette-neutral-bg-on-bg-weak));
+  padding:4px;
+}
 .ndl-code-block-container .ndl-linenumber{
     min-width:32px !important;
   }
@@ -6659,7 +6586,7 @@ button.ndl-avatar:focus-visible {
   display:inline;
   white-space:nowrap;
   border-radius:4px;
-  background-color:rgb(var(--theme-palette-neutral-bg-default));
+  background-color:rgb(var(--theme-palette-neutral-bg-on-bg-weak));
   padding-left:2px;
   padding-right:2px;
   outline:2px solid transparent;
@@ -7623,17 +7550,6 @@ button.ndl-avatar:focus-visible {
     animation-timing-function:ease-out;
   }
 }
-.n-sr-only {
-  position:absolute;
-  width:1px;
-  height:1px;
-  padding:0;
-  margin:-1px;
-  overflow:hidden;
-  clip:rect(0, 0, 0, 0);
-  white-space:nowrap;
-  border-width:0;
-}
 .n-absolute {
   position:absolute;
 }
@@ -7754,6 +7670,10 @@ button.ndl-avatar:focus-visible {
   width:100%;
   height:100%;
 }
+.n-size-token-10 {
+  width:64px;
+  height:64px;
+}
 .n-size-token-6 {
   width:16px;
   height:16px;

package/lib/tokens/css/tokens.css

@@ -21,7 +21,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Jan 2025 16:19:22 GMT
+ * Generated on Wed, 29 Jan 2025 11:40:27 GMT
  */
 
 :root {

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

@@ -21,7 +21,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Jan 2025 16:19:22 GMT
+ * Generated on Wed, 29 Jan 2025 11:40:28 GMT
  */
 
 module.exports = {

package/lib/tokens/js/tokens.js

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Fri, 24 Jan 2025 16:19:22 GMT
+* Generated on Wed, 29 Jan 2025 11:40:28 GMT
 */
 
 export const tokens = {

package/lib/tokens/scss/tokens.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 24 Jan 2025 16:19:22 GMT
+// Generated on Wed, 29 Jan 2025 11:40:27 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 Fri, 24 Jan 2025 16:19:22 GMT
+* Generated on Wed, 29 Jan 2025 11:40:28 GMT
 */
 export const tokens: {
     transitions: {

package/package.json

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