@neo4j-ndl/base 3.0.17 → 3.0.19

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

@@ -22,7 +22,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Wed, 11 Dec 2024 14:06:06 GMT
+* Generated on Thu, 19 Dec 2024 10:07:27 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 Wed, 11 Dec 2024 14:06:06 GMT
+* Generated on Thu, 19 Dec 2024 10:07:27 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 Wed, 11 Dec 2024 14:06:06 GMT
+* Generated on Thu, 19 Dec 2024 10:07:27 GMT
 */
 module.exports = {
     "transitions": {

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

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Wed, 11 Dec 2024 14:06:06 GMT
+* Generated on Thu, 19 Dec 2024 10:07:27 GMT
 */
 export const tokens = {
     "transitions": [

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

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Wed, 11 Dec 2024 14:06:06 GMT
+* Generated on Thu, 19 Dec 2024 10:07:27 GMT
 */
 export const tokens = {
     "transitions": {

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

@@ -22,7 +22,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Wed, 11 Dec 2024 14:06:06 GMT
+* Generated on Thu, 19 Dec 2024 10:07:27 GMT
 */
 module.exports = {
     "transitions": {

package/lib/neo4j-ds-styles.css

@@ -1452,12 +1452,11 @@ a.ndl-btn {
   padding-right:8px;
   padding-top:2px;
   padding-bottom:2px;
-  font-weight:700;
   text-transform:capitalize;
-  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;
+  font-family:var(--font-font-family-subheading-small), sans-serif;
+  font-size:var(--font-size-subheading-small);
+  font-weight:var(--font-weight-semibold);
+  letter-spacing:0.016rem;
   line-height:1.25rem;
 
   line-height:normal;
@@ -1870,7 +1869,7 @@ a.ndl-btn {
     line-height:0;
     color:rgb(var(--theme-palette-neutral-text-default));
   }
-.ndl-form-item input[type='checkbox'][role='checkbox'],
+.ndl-form-item input[type='checkbox'],
   .ndl-form-item input[type='radio'] {
   cursor:pointer;
   position:relative;
@@ -1885,6 +1884,10 @@ a.ndl-btn {
           appearance:none;
   flex-shrink:0;
 }
+.ndl-form-item input[type='checkbox']:checked, .ndl-form-item input[type='radio']:checked {
+  border-color:rgb(var(--theme-palette-primary-icon));
+  background-color:rgb(var(--theme-palette-primary-icon));
+}
 .ndl-form-item input[type='checkbox'][role='checkbox']:not(:disabled):hover:before, .ndl-form-item input[type='radio']:not(:disabled):hover:before{
       content:'';
       position:absolute;
@@ -1913,10 +1916,6 @@ a.ndl-btn {
   outline-offset:1px;
   outline-color:rgb(var(--theme-palette-primary-focus));
 }
-.ndl-form-item input[type='checkbox'][role='checkbox']:checked, .ndl-form-item input[type='radio']:checked {
-  border-color:rgb(var(--theme-palette-primary-icon));
-  background-color:rgb(var(--theme-palette-primary-icon));
-}
 .ndl-form-item input[type='checkbox'][role='checkbox']:checked:not(:disabled):hover:before, .ndl-form-item input[type='radio']:checked:not(:disabled):hover:before{
         content:'';
         position:absolute;
@@ -1939,12 +1938,12 @@ a.ndl-btn {
         z-index:1;
         background-color:rgb(var(--theme-palette-primary-pressed-weak));
       }
-.ndl-form-item.ndl-disabled input[type='checkbox'][role='checkbox'],
+.ndl-form-item.ndl-disabled input[type='checkbox'],
     .ndl-form-item.ndl-disabled input[type='radio'] {
   cursor:not-allowed;
   border-color:rgb(var(--theme-palette-neutral-text-weakest));
 }
-.ndl-form-item.ndl-disabled input[type='checkbox'][role='checkbox']:checked, .ndl-form-item.ndl-disabled input[type='radio']:checked {
+.ndl-form-item.ndl-disabled input[type='checkbox']:checked, .ndl-form-item.ndl-disabled input[type='radio']:checked {
   background-color:rgb(var(--theme-palette-neutral-text-weakest));
 }
 .ndl-form-item input[type='checkbox']::after{
@@ -2997,9 +2996,9 @@ a.ndl-btn {
   --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);
 }
-.ndl-dialog .ndl-dialog-type-icon{
-    width:88px;
-  }
+.ndl-dialog .ndl-dialog-type-icon {
+  width:88px;
+}
 .ndl-dialog .ndl-dialog-type-icon.ndl-info {
   color:rgb(var(--theme-palette-primary-icon));
 }
@@ -3018,6 +3017,9 @@ a.ndl-btn {
 .ndl-dialog.ndl-with-icon .ndl-dialog-header {
   margin-bottom:24px;
 }
+.ndl-dialog.ndl-with-icon .ndl-dialog-image {
+  display:none;
+}
 .ndl-dialog .ndl-dialog-close {
   position:absolute;
   right:32px;
@@ -3027,7 +3029,7 @@ a.ndl-btn {
   margin-top:24px;
 }
 .ndl-dialog-header {
-  margin-bottom:8px;
+  margin-bottom:4px;
 }
 .ndl-dialog.ndl-with-close-button .ndl-dialog-header {
   margin-right:48px;
@@ -3039,11 +3041,20 @@ a.ndl-btn {
   color:rgb(var(--theme-palette-neutral-text-weak));
 }
 .ndl-dialog-actions {
-  margin-top:48px;
+  margin-top:32px;
   display:flex;
   justify-content:flex-end;
   gap:16px;
 }
+.ndl-dialog-image{
+  width:calc(100% + 2 * var(--space-8) - 2 * var(--space-6));
+  margin-left:calc(-1 * var(--space-8) + var(--space-6));
+  margin-top:16px;
+  margin-bottom:16px;
+  max-width:none;
+  border-radius:16px;
+  background-color:rgb(var(--theme-palette-neutral-bg-default));
+}
 .ndl-drawer {
   position:relative;
   display:none;
@@ -4022,15 +4033,45 @@ a.ndl-btn {
 .ndl-select {
   display:inline-flex;
   flex-direction:column;
-  row-gap:5px;
+  row-gap:4px;
 }
-.ndl-select .ndl-placeholder {
-  white-space:nowrap;
-  color:rgb(var(--theme-palette-neutral-text-weaker));
+.ndl-select.ndl-small .ndl-error-icon {
+  width:16px;
+  height:16px;
+}
+.ndl-select.ndl-medium .ndl-error-icon {
+  width:20px;
+  height:20px;
+}
+.ndl-select.ndl-large .ndl-error-icon {
+  width:24px;
+  height:24px;
+}
+.ndl-select.ndl-large label{
+  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;
+}
+.ndl-select.ndl-large .ndl-sub-text{
+  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-select.ndl-fluid {
   display:flex;
 }
+.ndl-select.ndl-disabled {
+  cursor:not-allowed;
+  color:rgb(var(--theme-palette-neutral-text-weakest));
+}
+.ndl-select.ndl-disabled label,
+    .ndl-select.ndl-disabled .ndl-sub-text {
+  color:rgb(var(--theme-palette-neutral-text-weakest));
+}
 .ndl-select label {
   color:rgb(var(--theme-palette-neutral-text-weak));
   font-family:var(--font-font-family-body-medium), sans-serif;
@@ -4039,13 +4080,6 @@ a.ndl-btn {
   letter-spacing:0.016rem;
   line-height:1.25rem;
 }
-.ndl-select div {
-  cursor:pointer;
-}
-.ndl-select.ndl-creatable div,
-  .ndl-select.ndl-multi div {
-  cursor:text;
-}
 .ndl-select .ndl-sub-text {
   color:rgb(var(--theme-palette-neutral-text-weaker));
   font-family:var(--font-font-family-body-small), sans-serif;
@@ -4054,98 +4088,365 @@ a.ndl-btn {
   letter-spacing:0.016rem;
   line-height:1.25rem;
 }
-.ndl-select.ndl-disabled {
-  cursor:not-allowed;
-  color:rgb(var(--theme-palette-neutral-text-weakest));
-}
-.ndl-select.ndl-disabled .ndl-placeholder {
-  color:rgb(var(--theme-palette-neutral-text-weakest));
+.ndl-select .ndl-error-text {
+  color:rgb(var(--theme-palette-danger-text));
 }
-.ndl-select.ndl-disabled .ndl-sub-text {
-  color:rgb(var(--theme-palette-neutral-text-weakest));
+.ndl-select .ndl-error-icon {
+  color:rgb(var(--theme-palette-danger-icon));
 }
-.ndl-select.ndl-disabled label {
-  color:rgb(var(--theme-palette-neutral-text-weakest));
+.ndl-select-input {
+  margin:0px;
+  box-sizing:border-box;
+  display:inline-grid;
+  flex:1 1 auto;
+  align-items:center;
+  padding:0px;
   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;
+
+  grid-template-columns:0 min-content;
+  grid-area:1 / 1 / 2 / 3;
 }
-.ndl-select .ndl-error-text {
-  color:rgb(var(--theme-palette-danger-text));
-}
-.ndl-select.ndl-large label{
+.ndl-select-input.ndl-large{
   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;
 }
-.ndl-select.ndl-large .ndl-sub-text{
+.ndl-select-input::after{
+    content:attr(data-value) ' ';
+    visibility:hidden;
+    white-space:pre;
+    grid-area:1 / 2;
+    font:inherit;
+    min-width:2px;
+    border:0;
+    margin:0;
+    outline:0;
+    padding:0;
+  }
+.ndl-select-placeholder {
+  margin:0px;
+  box-sizing:border-box;
+  display:inline-grid;
+  align-items:center;
+  white-space:nowrap;
+  padding:0px;
+  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;
+
+  grid-area:1 / 1 / 2 / 2;
+}
+.ndl-select-placeholder.ndl-large{
+  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;
+}
+.ndl-select-placeholder.ndl-disabled {
+  color:rgb(var(--theme-palette-neutral-text-weakest));
+}
+.ndl-select-clear {
+  height:100%;
+  padding:0px;
+}
+.ndl-select-clear > div {
+  display:flex;
+  height:100%;
+  flex-direction:row;
+  align-items:center;
 }
-.ndl-select .ndl-select-icon {
+.ndl-select-clear > div > svg {
   cursor:pointer;
   color:rgb(var(--theme-palette-neutral-text-weak));
 }
-.ndl-select .ndl-select-icon.ndl-small {
+.ndl-select-clear.ndl-small > div {
+  gap:4px;
+}
+.ndl-select-clear.ndl-small > div > svg {
   width:16px;
   height:16px;
 }
-.ndl-select .ndl-select-icon.ndl-medium {
+.ndl-select-clear.ndl-medium > div {
+  gap:8px;
+}
+.ndl-select-clear.ndl-medium > div > svg {
   width:20px;
   height:20px;
 }
-.ndl-select .ndl-select-icon.ndl-large {
+.ndl-select-clear.ndl-large > div {
+  gap:12px;
+}
+.ndl-select-clear.ndl-large > div > svg {
   width:24px;
   height:24px;
 }
-.ndl-select .ndl-select-icon.ndl-disabled {
+.ndl-select-indicators-container {
+  display:flex;
+  flex-shrink:0;
+  flex-direction:row;
+  align-self:stretch;
+}
+.ndl-select-indicators-container .ndl-select-divider {
+  height:100%;
+  width:1px;
+  background-color:rgb(var(--theme-palette-neutral-border-strong));
+}
+.ndl-select-indicators-container.ndl-small {
+  gap:4px;
+}
+.ndl-select-indicators-container.ndl-medium {
+  gap:8px;
+}
+.ndl-select-indicators-container.ndl-large {
+  gap:12px;
+}
+.ndl-select-value-container {
+  gap:4px;
+  padding:0px;
+}
+.ndl-select-value-container.ndl-small {
+  -moz-column-gap:4px;
+       column-gap:4px;
+  row-gap:0px;
+}
+.ndl-select-multi-value {
+  display:flex;
+}
+.ndl-select-multi-value.ndl-small {
+  padding-top:2px;
+  padding-bottom:2px;
+}
+.ndl-select-single-value {
+  display:flex;
+  align-items:center;
+  color:rgb(var(--theme-palette-neutral-text-default));
+
+  grid-area:1 / 1 / 2 / 3;
+}
+.ndl-select-single-value.ndl-disabled {
   color:rgb(var(--theme-palette-neutral-text-weakest));
 }
-.ndl-select .ndl-indicator{
-    width:1px;
-    height:100%;
-    background-color:rgb(var(--theme-palette-neutral-border-strong));
-  }
-.ndl-select .ndl-error-icon.ndl-small {
+.ndl-select-dropdown-indicator {
+  display:flex;
+  align-items:center;
+  padding:0px;
+}
+.ndl-select-dropdown-indicator .ndl-select-icon {
+  cursor:pointer;
+  color:rgb(var(--theme-palette-neutral-text-weak));
+}
+.ndl-select-dropdown-indicator.ndl-small .ndl-select-icon {
   width:16px;
   height:16px;
 }
-.ndl-select .ndl-error-icon.ndl-medium {
+.ndl-select-dropdown-indicator.ndl-medium .ndl-select-icon {
   width:20px;
   height:20px;
 }
-.ndl-select .ndl-error-icon.ndl-large {
+.ndl-select-dropdown-indicator.ndl-large .ndl-select-icon {
   width:24px;
   height:24px;
 }
-.ndl-select .ndl-error-icon {
-  color:rgb(var(--theme-palette-danger-icon));
+.ndl-select-dropdown-indicator.ndl-disabled .ndl-select-icon {
+  color:rgb(var(--theme-palette-neutral-text-weakest));
+}
+.ndl-select-control {
+  position:relative;
+  box-sizing:border-box;
+  display:flex;
+  cursor:pointer;
+  align-items:center;
+  justify-content:space-between;
+  overflow:hidden;
+  border-radius:4px;
+  border-width:0px;
+  border-style:none;
+  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;
+  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-select-control:focus-within {
+  border-style:none;
+  outline-style:solid;
+  outline-width:2px !important;
+  outline-color:rgb(var(--theme-palette-primary-focus)) !important;
+}
+.ndl-select-control:hover {
+  border-color:rgb(var(--theme-palette-neutral-border-strong));
+}
+.ndl-select-control.ndl-small {
+  min-height:24px;
+  gap:4px;
+  padding-left:4px;
+  padding-right:4px;
+  padding-top:2px;
+  padding-bottom:2px;
+}
+.ndl-select-control.ndl-medium {
+  min-height:36px;
+  gap:8px;
+  padding-left:8px;
+  padding-right:8px;
+}
+.ndl-select-control.ndl-large {
+  min-height:48px;
+  gap:12px;
+  padding-left:12px;
+  padding-right:12px;
+  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;
 }
-.ndl-select .ndl-select-option {
+.ndl-select-control.ndl-has-border {
+  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;
+}
+.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;
+}
+.ndl-select-control.ndl-has-error:hover {
+  border-color:rgb(var(--theme-palette-danger-border-strong));
+}
+.ndl-select-option {
+  position:relative;
   display:flex;
   flex-direction:row;
   align-items:center;
   gap:8px;
+  overflow-wrap:break-word;
+  border-radius:8px;
+  background-color:transparent;
+  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-select .ndl-select-option.ndl-form-item{
-      margin-top:0;
-    }
-.ndl-select.ndl-small .ndl-select-option{
-      padding:2px;
-    }
-.ndl-select .ndl-medium .ndl-select-option{
-      padding:8px;
-    }
-.ndl-select.ndl-large .ndl-select-option{
-      padding:12px;
+.ndl-select-option:hover {
+  cursor:pointer;
+  background-color:rgb(var(--theme-palette-neutral-hover));
+}
+.ndl-select-option.ndl-is-multi:hover {
+  background-color:rgb(var(--theme-palette-neutral-hover));
+}
+.ndl-select-option.ndl-form-item {
+  margin-top:0px;
+}
+.ndl-select-option.ndl-focused {
+  background-color:rgb(var(--theme-palette-neutral-hover));
+}
+.ndl-select-option.ndl-selected {
+  background-color:rgb(var(--theme-palette-primary-bg-selected));
+  color:rgb(var(--theme-palette-primary-text));
+}
+.ndl-select-option.ndl-selected.ndl-is-multi {
+  background-color:transparent;
+  color:rgb(var(--theme-palette-neutral-text-default));
+}
+.ndl-select-option.ndl-selected.ndl-is-multi:hover {
+  background-color:rgb(var(--theme-palette-neutral-hover));
+}
+.ndl-select-option.ndl-selected.ndl-is-multi.ndl-focused {
+  background-color:rgb(var(--theme-palette-neutral-hover));
+}
+.ndl-select-option.ndl-selected.ndl-is-multi::before{
+        all:unset;
+      }
+.ndl-select-option.ndl-selected::before{
+      content:'';
+      border-radius:0 100px 100px 0;
+      position:absolute;
+      left:-8px;
+      top:0px;
+      height:100%;
+      width:4px;
+      background-color:rgb(var(--theme-palette-primary-bg-strong));
     }
+.ndl-select-option.ndl-disabled {
+  cursor:not-allowed;
+  background-color:transparent;
+  color:rgb(var(--theme-palette-neutral-text-weakest));
+}
+.ndl-select-option.ndl-disabled.ndl-is-multi:hover {
+  background-color:transparent;
+}
+.ndl-select-option.ndl-small {
+  padding:2px;
+}
+.ndl-select-option.ndl-medium {
+  padding:8px;
+}
+.ndl-select-option.ndl-large {
+  padding:12px;
+  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;
+}
+.ndl-select-menu-portal {
+  z-index:40 !important;
+}
+.ndl-select-menu {
+  position:absolute;
+  top:100%;
+  z-index:40;
+  margin-top:4px;
+  margin-bottom:4px;
+  box-sizing:border-box;
+  width:100%;
+  min-width:-moz-min-content;
+  min-width:min-content;
+  overflow:hidden;
+  border-radius:4px;
+  border-width:1px;
+  border-color:rgb(var(--theme-palette-neutral-border-strong));
+  background-color:rgb(var(--theme-palette-neutral-bg-weak));
+  --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);
+}
+.ndl-select-menu-list {
+  display:flex;
+  flex-direction:column;
+  overflow:auto;
+  padding:8px;
+}
+.ndl-select-menu-list.ndl-small {
+  max-height:196px;
+}
+.ndl-select-menu-list.ndl-medium {
+  max-height:280px;
+}
+.ndl-select-menu-list.ndl-large {
+  max-height:314px;
+}
 .ndl-node-label {
   position:relative;
   display:inline-block;
@@ -5115,45 +5416,52 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
 .ndl-cypher-editor .cm-tooltip-autocomplete li[aria-selected='true'] > div, .ndl-codemirror-editor .cm-tooltip-autocomplete li[aria-selected='true'] > div{
         opacity:100%;
       }
-.ndl-text-link{
+.ndl-text-link {
+  position:relative;
+  display:inline-flex;
+  flex-direction:row;
+  align-items:baseline;
+  gap:4px;
   color:rgb(var(--theme-palette-primary-text));
   text-decoration-line:underline;
   text-underline-offset:3px;
-  display:inline-flex;
-  align-items:baseline;
-  flex-direction:row;
-  position:relative;
-  -moz-column-gap:2px;
-       column-gap:2px;
 }
-.ndl-text-link > div{
-    flex-shrink:0;
-  }
-.ndl-text-link .ndl-external-link-icon{
-    width:12px;
-    height:12px;
-  }
-.ndl-text-link:hover{
-    color:rgb(var(--theme-palette-primary-hover-strong));
-  }
-.ndl-text-link:active{
-    color:rgb(var(--theme-palette-primary-pressed-strong));
-  }
+.ndl-text-link > div {
+  flex-shrink:0;
+}
+.ndl-text-link .ndl-external-link-icon {
+  height:12px;
+  width:12px;
+}
+.ndl-text-link:hover {
+  color:rgb(var(--theme-palette-primary-hover-strong));
+  text-decoration-line:underline;
+}
+.ndl-text-link:active {
+  color:rgb(var(--theme-palette-primary-pressed-strong));
+  text-decoration-line:underline;
+}
 .ndl-text-link:focus-visible{
     outline:none;
   }
 .ndl-text-link:focus-visible::after {
+  position:absolute;
+  left:-1px;
+  top:3px;
+  box-sizing:border-box;
+  height:calc(100% - 6px);
+  width:calc(100% + 1px);
+  border-radius:4px;
+  border-style:solid;
+  border-color:rgb(var(--theme-palette-primary-focus));
+  color:rgb(var(--theme-palette-primary-pressed-strong));
+  outline-width:2px;
+  outline-offset:0px;
     content:'';
-    position:absolute;
-    width:calc(100% + 1px);
-    left:-1px;
-    top:3px;
-    height:calc(100% - 6px);
-    outline:2px solid rgb(var(--theme-palette-primary-focus));
-    color:rgb(var(--theme-palette-primary-pressed-strong));
-    box-sizing:border-box;
-    border-radius:4px;
-    outline-offset:0px;
+}
+.ndl-external-link,
+.ndl-internal-icon {
+  text-decoration-line:none;
 }
 .ndl-text-area .ndl-text-area-wrapper {
   position:relative;
@@ -6557,7 +6865,7 @@ button.ndl-avatar:focus-visible {
 .ndl-callout .ndl-callout-content {
   display:flex;
   flex-direction:column;
-  gap:8px;
+  gap:4px;
 }
 .ndl-callout .ndl-callout-rectangle {
   position:absolute;
@@ -6850,7 +7158,7 @@ button.ndl-avatar:focus-visible {
   display:flex;
   flex-direction:row;
   align-items:center;
-  gap:16px;
+  gap:12px;
 }
 .ndl-tooltip-content.ndl-tooltip-content-rich .ndl-tooltip-actions .ndl-tooltip-action {
   font-size:0.875rem;
@@ -6861,6 +7169,7 @@ button.ndl-avatar:focus-visible {
 }
 .ndl-tooltip-content.ndl-tooltip-content-rich .ndl-tooltip-actions .ndl-tooltip-action-close {
   margin-left:auto;
+  display:none;
 }
 .ndl-chart-legend {
   position:relative;
@@ -6922,7 +7231,15 @@ button.ndl-avatar:focus-visible {
   min-width:176px;
   flex-direction:column;
   gap:8px;
+  border-radius:8px;
+  border-width:1px;
+  border-style:solid;
+  border-color:rgb(var(--theme-palette-neutral-border-strong));
+  background-color:rgb(var(--theme-palette-neutral-bg-weak));
   padding:8px;
+  --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);
 }
 .ndl-charts-chart-tooltip .ndl-text-link {
   margin-top:4px;
@@ -6956,9 +7273,8 @@ button.ndl-avatar:focus-visible {
   width:6px;
   border-radius:2px;
 }
-.ndl-charts-chart-tooltip .ndl-charts-chart-tooltip-content .ndl-charts-chart-tooltip-content-left-element {
-  color:rgb(var(--theme-palette-neutral-text-weak));
-}
+.ndl-charts-chart-tooltip .ndl-charts-chart-tooltip-content .ndl-charts-chart-tooltip-content-left-element{
+    }
 .ndl-charts-chart-tooltip .ndl-charts-chart-tooltip-content .ndl-charts-chart-tooltip-content-right-element {
   margin-left:auto;
   padding-left:8px;
@@ -6968,9 +7284,7 @@ button.ndl-avatar:focus-visible {
   flex-direction:row;
   align-items:center;
   border-radius:4px;
-  background-color:rgb(var(--theme-palette-danger-bg-weak));
   padding:6px;
-  color:rgb(var(--theme-palette-danger-text));
 }
 .ndl-charts-chart-tooltip .ndl-charts-chart-tooltip-content .ndl-charts-chart-tooltip-content-notification .ndl-status-indicator {
   margin-right:8px;
@@ -6979,6 +7293,14 @@ button.ndl-avatar:focus-visible {
   margin-left:auto;
   padding-left:8px;
 }
+.ndl-charts-chart-tooltip .ndl-charts-chart-tooltip-content .ndl-notification-danger {
+  background-color:rgb(var(--theme-palette-danger-bg-weak));
+  color:rgb(var(--theme-palette-danger-text));
+}
+.ndl-charts-chart-tooltip .ndl-charts-chart-tooltip-content .ndl-notification-warning {
+  background-color:rgb(var(--theme-palette-warning-bg-weak));
+  color:rgb(var(--theme-palette-warning-text));
+}
 .n-sr-only {
   position:absolute;
   width:1px;

package/lib/tokens/css/tokens.css

@@ -21,7 +21,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 11 Dec 2024 14:06:06 GMT
+ * Generated on Thu, 19 Dec 2024 10:07:26 GMT
  */
 
 :root {

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

@@ -21,7 +21,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 11 Dec 2024 14:06:06 GMT
+ * Generated on Thu, 19 Dec 2024 10:07:27 GMT
  */
 
 module.exports = {

package/lib/tokens/js/tokens.js

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Wed, 11 Dec 2024 14:06:06 GMT
+* Generated on Thu, 19 Dec 2024 10:07:27 GMT
 */
 
 export const tokens = {

package/lib/tokens/scss/tokens.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 11 Dec 2024 14:06:06 GMT
+// Generated on Thu, 19 Dec 2024 10:07:26 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 Wed, 11 Dec 2024 14:06:06 GMT
+* Generated on Thu, 19 Dec 2024 10:07:27 GMT
 */
 export const tokens: {
     transitions: {

package/package.json

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