@neo4j-ndl/base 3.0.15 → 3.0.17

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

@@ -22,7 +22,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Tue, 26 Nov 2024 13:37:12 GMT
+* Generated on Wed, 11 Dec 2024 14:06:06 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, 26 Nov 2024 13:37:12 GMT
+* Generated on Wed, 11 Dec 2024 14:06:06 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, 26 Nov 2024 13:37:12 GMT
+* Generated on Wed, 11 Dec 2024 14:06:06 GMT
 */
 module.exports = {
     "transitions": {

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

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Tue, 26 Nov 2024 13:37:12 GMT
+* Generated on Wed, 11 Dec 2024 14:06:06 GMT
 */
 export const tokens = {
     "transitions": [

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

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Tue, 26 Nov 2024 13:37:12 GMT
+* Generated on Wed, 11 Dec 2024 14:06:06 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, 26 Nov 2024 13:37:12 GMT
+* Generated on Wed, 11 Dec 2024 14:06:06 GMT
 */
 module.exports = {
     "transitions": {

package/lib/neo4j-ds-styles.css

@@ -1665,10 +1665,20 @@ a.ndl-btn {
 .ndl-banner.ndl-inline .ndl-banner-content, .ndl-banner.ndl-global .ndl-banner-content {
   display:flex;
   flex:1 1 0%;
-  flex-direction:column;
-  gap:8px;
+  flex-direction:row;
+  flex-wrap:wrap;
+  justify-content:space-between;
+  gap:16px;
   overflow:auto;
 }
+.ndl-banner.ndl-inline.ndl-with-title .ndl-banner-content, .ndl-banner.ndl-global.ndl-with-title .ndl-banner-content {
+  flex-direction:column;
+}
+.ndl-banner.ndl-inline .ndl-banner-title-description, .ndl-banner.ndl-global .ndl-banner-title-description {
+  display:flex;
+  flex-direction:column;
+  gap:4px;
+}
 .ndl-banner.ndl-inline.ndl-warning, .ndl-banner.ndl-global.ndl-warning {
   background-color:rgb(var(--theme-palette-warning-bg-weak));
   border-style:solid;
@@ -1709,19 +1719,12 @@ a.ndl-btn {
 .ndl-banner.ndl-inline.ndl-danger .ndl-banner-actions a, .ndl-banner.ndl-global.ndl-danger .ndl-banner-actions a {
   cursor:pointer;
   color:rgb(var(--theme-palette-neutral-text-default));
-  text-decoration-line:underline;
   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-banner.ndl-inline .ndl-banner-actions, .ndl-banner.ndl-global .ndl-banner-actions {
-  margin-top:16px;
-  display:flex;
-  -moz-column-gap:16px;
-       column-gap:16px;
-}
 .ndl-banner.ndl-inline .ndl-banner-icon.ndl-close-icon, .ndl-banner.ndl-global .ndl-banner-icon.ndl-close-icon {
   color:rgb(var(--theme-palette-neutral-text-weak));
 }
@@ -1772,6 +1775,14 @@ a.ndl-btn {
   margin-left:auto;
   color:rgb(var(--theme-palette-neutral-text-inverse));
 }
+.ndl-banner.ndl-full-width .ndl-banner-icon.ndl-close-icon:hover {
+  background-color:rgb(149 154 161 / var(--tw-bg-opacity));
+  --tw-bg-opacity:0.1;
+}
+.ndl-theme-dark .ndl-banner.ndl-full-width .ndl-banner-icon.ndl-close-icon:hover {
+  background-color:rgb(111 117 126 / var(--tw-bg-opacity));
+  --tw-bg-opacity:0.1;
+}
 .ndl-banner.ndl-full-width .ndl-banner-icon.ndl-close-icon::before {
   position:absolute;
   left:-12px;
@@ -1790,9 +1801,27 @@ a.ndl-btn {
   letter-spacing:0.016rem;
   line-height:1.25rem;
 }
-.ndl-banner.ndl-full-width .ndl-banner-actions a {
+.ndl-banner.ndl-full-width .ndl-banner-actions .ndl-btn {
+  border-color:rgb(var(--theme-palette-neutral-text-inverse));
+  background-color:transparent;
   color:rgb(var(--theme-palette-neutral-text-inverse));
 }
+.ndl-banner.ndl-full-width .ndl-banner-actions .ndl-btn:not(:disabled):hover {
+  background-color:rgb(149 154 161 / var(--tw-bg-opacity));
+  --tw-bg-opacity:0.1;
+}
+.ndl-banner.ndl-full-width .ndl-banner-actions .ndl-btn:not(:disabled):active {
+  background-color:rgb(149 154 161 / var(--tw-bg-opacity));
+  --tw-bg-opacity:0.2;
+}
+.ndl-theme-dark .ndl-banner.ndl-full-width .ndl-banner-actions .ndl-btn:not(:disabled):hover {
+  background-color:rgb(111 117 126 / var(--tw-bg-opacity));
+  --tw-bg-opacity:0.1;
+}
+.ndl-theme-dark .ndl-banner.ndl-full-width .ndl-banner-actions .ndl-btn:not(:disabled):active {
+  background-color:rgb(111 117 126 / var(--tw-bg-opacity));
+  --tw-bg-opacity:0.2;
+}
 .ndl-banner .ndl-banner-title {
   display:flex;
   justify-content:space-between;
@@ -1810,13 +1839,32 @@ a.ndl-btn {
 .ndl-banner .ndl-banner-icon.ndl-close-icon {
   cursor:pointer;
 }
-.ndl-banner .ndl-banner-actions a {
-  cursor:pointer;
-  text-decoration-line:underline;
+.ndl-banner .ndl-banner-actions {
+  display:flex;
+  flex-wrap:wrap;
+  -moz-column-gap:12px;
+       column-gap:12px;
+  row-gap:12px;
 }
-.ndl-banner .ndl-banner-actions button {
+.ndl-banner .ndl-banner-actions .ndl-btn {
   cursor:pointer;
-  text-decoration-line:underline;
+  border-color:rgb(var(--theme-palette-neutral-text-default));
+  background-color:transparent;
+  color:rgb(var(--theme-palette-neutral-text-default));
+}
+.ndl-banner .ndl-banner-actions .ndl-btn:disabled {
+  border-color:rgb(var(--theme-palette-neutral-border-strong));
+  background-color:transparent;
+  color:rgb(var(--theme-palette-neutral-text-weakest));
+}
+.ndl-banner .ndl-banner-actions .ndl-btn:disabled:hover {
+  cursor:not-allowed;
+}
+.ndl-banner .ndl-banner-actions .ndl-btn:not(:disabled):hover {
+  background-color:rgb(var(--theme-palette-neutral-hover));
+}
+.ndl-banner .ndl-banner-actions .ndl-btn:not(:disabled):active {
+  background-color:rgb(var(--theme-palette-neutral-pressed));
 }
 .ndl-form-item.ndl-type-checkbox{
     line-height:0;
@@ -3061,6 +3109,7 @@ a.ndl-btn {
   position:absolute;
   top:0px;
   bottom:0px;
+  z-index:10;
   --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);
@@ -3403,12 +3452,21 @@ a.ndl-btn {
 .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
-      ),
-    .ndl-data-grid-root.ndl-data-grid-border-all-sides .ndl-data-grid-th:not(.ndl-focusable-cell:focus) {
-  border-right-width:1px;
-  border-style:solid;
-  border-color:rgb(var(--theme-palette-neutral-border-weak));
-}
+      ):last-child,
+    .ndl-data-grid-root.ndl-data-grid-border-all-sides .ndl-data-grid-th:not(.ndl-focusable-cell:focus):last-child{
+      border-left-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-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)){
+      border-right-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-tr > .ndl-data-grid-td {
   border-bottom-width:1px;
   border-style:solid;
@@ -4871,6 +4929,47 @@ a.ndl-btn {
 a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .cm-button {
   text-decoration-line:none;
 }
+.ndl-banner.ndl-full-width .ndl-banner-actions .ndl-cypher-editor .cm-editor .cm-button,.ndl-banner.ndl-full-width .ndl-banner-actions  .ndl-codemirror-editor .cm-editor .cm-button {
+  border-color:rgb(var(--theme-palette-neutral-text-inverse));
+  background-color:transparent;
+  color:rgb(var(--theme-palette-neutral-text-inverse));
+}
+.ndl-banner.ndl-full-width .ndl-banner-actions .ndl-cypher-editor .cm-editor .cm-button:not(:disabled):hover,.ndl-banner.ndl-full-width .ndl-banner-actions  .ndl-codemirror-editor .cm-editor .cm-button:not(:disabled):hover {
+  background-color:rgb(149 154 161 / var(--tw-bg-opacity));
+  --tw-bg-opacity:0.1;
+}
+.ndl-banner.ndl-full-width .ndl-banner-actions .ndl-cypher-editor .cm-editor .cm-button:not(:disabled):active,.ndl-banner.ndl-full-width .ndl-banner-actions  .ndl-codemirror-editor .cm-editor .cm-button:not(:disabled):active {
+  background-color:rgb(149 154 161 / var(--tw-bg-opacity));
+  --tw-bg-opacity:0.2;
+}
+.ndl-theme-dark .ndl-banner.ndl-full-width .ndl-banner-actions .ndl-cypher-editor .cm-editor .cm-button:not(:disabled):hover,.ndl-theme-dark .ndl-banner.ndl-full-width .ndl-banner-actions  .ndl-codemirror-editor .cm-editor .cm-button:not(:disabled):hover {
+  background-color:rgb(111 117 126 / var(--tw-bg-opacity));
+  --tw-bg-opacity:0.1;
+}
+.ndl-theme-dark .ndl-banner.ndl-full-width .ndl-banner-actions .ndl-cypher-editor .cm-editor .cm-button:not(:disabled):active,.ndl-theme-dark .ndl-banner.ndl-full-width .ndl-banner-actions  .ndl-codemirror-editor .cm-editor .cm-button:not(:disabled):active {
+  background-color:rgb(111 117 126 / var(--tw-bg-opacity));
+  --tw-bg-opacity:0.2;
+}
+.ndl-banner .ndl-banner-actions .ndl-cypher-editor .cm-editor .cm-button,.ndl-banner .ndl-banner-actions  .ndl-codemirror-editor .cm-editor .cm-button {
+  cursor:pointer;
+  border-color:rgb(var(--theme-palette-neutral-text-default));
+  background-color:transparent;
+  color:rgb(var(--theme-palette-neutral-text-default));
+}
+.ndl-banner .ndl-banner-actions .ndl-cypher-editor .cm-editor .cm-button:disabled,.ndl-banner .ndl-banner-actions  .ndl-codemirror-editor .cm-editor .cm-button:disabled {
+  border-color:rgb(var(--theme-palette-neutral-border-strong));
+  background-color:transparent;
+  color:rgb(var(--theme-palette-neutral-text-weakest));
+}
+.ndl-banner .ndl-banner-actions .ndl-cypher-editor .cm-editor .cm-button:disabled:hover,.ndl-banner .ndl-banner-actions  .ndl-codemirror-editor .cm-editor .cm-button:disabled:hover {
+  cursor:not-allowed;
+}
+.ndl-banner .ndl-banner-actions .ndl-cypher-editor .cm-editor .cm-button:not(:disabled):hover,.ndl-banner .ndl-banner-actions  .ndl-codemirror-editor .cm-editor .cm-button:not(:disabled):hover {
+  background-color:rgb(var(--theme-palette-neutral-hover));
+}
+.ndl-banner .ndl-banner-actions .ndl-cypher-editor .cm-editor .cm-button:not(:disabled):active,.ndl-banner .ndl-banner-actions  .ndl-codemirror-editor .cm-editor .cm-button:not(:disabled):active {
+  background-color:rgb(var(--theme-palette-neutral-pressed));
+}
 .ndl-cypher-editor .cm-completionLabel, .ndl-codemirror-editor .cm-completionLabel{
     font-family:'Fira Code';
     font-weight:700;
@@ -6763,34 +6862,9 @@ button.ndl-avatar:focus-visible {
 .ndl-tooltip-content.ndl-tooltip-content-rich .ndl-tooltip-actions .ndl-tooltip-action-close {
   margin-left:auto;
 }
-.ndl-charts{
-  display:flex;
-  flex-direction:column;
-  align-items:stretch;
-  width:100%;
-  height:100%;
-}
-.ndl-charts-chart{
-  overflow:hidden;
-  background:white;
-  width:100%;
-  height:100%;
-  display:grid;
-  grid-template-columns:auto 1fr auto;
-  grid-template-rows:auto 1fr auto;
-  grid-template-areas:'. top-x-axis .' 'left-y-axis content right-y-axis' '. bottom-x-axis .';
-  overflow:visible;
-}
-.ndl-charts-chart-content{
-  grid-area:content;
-  width:100%;
-  height:100%;
-  opacity:1;
-  overflow:hidden;
-  position:relative;
-  z-index:5;
-}
 .ndl-chart-legend {
+  position:relative;
+  z-index:10;
   display:flex;
   width:100%;
   flex-direction:row;
@@ -6843,123 +6917,6 @@ button.ndl-avatar:focus-visible {
 .ndl-chart-legend.ndl-chart-legend-calculating{
     opacity:0;
   }
-.ndl-charts-chart-axis{
-  width:100%;
-  height:100%;
-  position:relative;
-  z-index:1;
-}
-.ndl-charts-chart-axis .domain {
-  stroke:rgb(var(--theme-palette-neutral-border-strong));
-    stroke-width:2px;
-}
-.ndl-charts-chart-axis .tick line {
-  stroke:rgb(var(--theme-palette-neutral-border-strong));
-}
-.ndl-charts-chart-axis .tick text,
-    .ndl-charts-chart-axis .tick span {
-  color:rgb(var(--theme-palette-neutral-text-weaker));
-  font-family:var(--font-font-family-body-small), sans-serif;
-  font-size:var(--font-size-body-small);
-  font-weight:var(--font-weight-normal);
-  letter-spacing:0.016rem;
-  line-height:1.25rem;
-}
-.ndl-charts-chart-axis .tick svg {
-  overflow:visible;
-}
-.ndl-charts-chart-axis .ndl-charts-chart-axis-title {
-  margin-left:auto;
-  margin-right:auto;
-  color:rgb(var(--theme-palette-neutral-text-weaker));
-}
-.ndl-charts-chart-axis-x {
-  display:flex;
-  flex-direction:column;
-}
-.ndl-charts-chart-axis-x svg {
-  overflow:visible;
-    width:100%;
-}
-.ndl-charts-chart-axis-y {
-  display:flex;
-  flex-direction:row;
-  overflow:visible;
-}
-.ndl-charts-chart-axis-y svg{
-    height:100%;
-  }
-.ndl-charts-chart-axis-y text {
-  fill:rgb(var(--theme-palette-neutral-text-weaker));
-  font-family:var(--font-font-family-body-small), sans-serif;
-  font-size:var(--font-size-body-small);
-  font-weight:var(--font-weight-normal);
-  letter-spacing:0.016rem;
-  line-height:1.25rem;
-}
-.ndl-charts-chart-axis-top{
-  grid-area:top-x-axis;
-}
-.ndl-charts-chart-axis-top .ndl-charts-chart-axis-title {
-  margin-bottom:12px;
-}
-.ndl-charts-chart-axis-right {
-  padding-left:8px;
-  grid-area:right-y-axis;
-}
-.ndl-charts-chart-axis-right .ndl-charts-chart-axis-title{
-    height:-moz-fit-content;
-    height:fit-content;
-    width:-moz-fit-content;
-    width:fit-content;
-    margin:auto;
-    writing-mode:vertical-lr;
-    margin-left:8px;
-  }
-.ndl-charts-chart-axis-bottom{
-  grid-area:bottom-x-axis;
-}
-.ndl-charts-chart-axis-bottom .ndl-charts-chart-axis-title {
-  margin-top:12px;
-}
-.ndl-charts-chart-axis-left {
-  padding-right:8px;
-  grid-area:left-y-axis;
-}
-.ndl-charts-chart-axis-left .ndl-charts-chart-axis-title{
-    height:-moz-fit-content;
-    height:fit-content;
-    width:-moz-fit-content;
-    width:fit-content;
-    margin:auto;
-    writing-mode:vertical-lr;
-    transform:rotate(180deg);
-
-    margin-right:8px;
-  }
-.ndl-charts-chart-cartesian-grid{
-  grid-area:content;
-  width:100%;
-  height:100%;
-  position:relative;
-}
-.ndl-charts-chart-cartesian-grid .ndl-charts-chart-cartesian-grid-line {
-  height:1px;
-  width:100%;
-  background-color:rgb(var(--theme-palette-neutral-border-weak));
-}
-.ndl-charts-chart-cartesian-grid .ndl-charts-chart-cartesian-grid-zebra {
-  position:absolute;
-  background-color:rgb(var(--theme-palette-discovery-bg-status));
-  opacity:0.04;
-}
-.ndl-charts-chart-cartesian-grid .ndl-charts-chart-cartesian-grid-filled {
-  position:absolute;
-  height:100%;
-  width:100%;
-  background-color:rgb(var(--theme-palette-discovery-bg-status));
-  opacity:0.04;
-}
 .ndl-charts-chart-tooltip {
   display:flex;
   min-width:176px;
@@ -7022,13 +6979,6 @@ button.ndl-avatar:focus-visible {
   margin-left:auto;
   padding-left:8px;
 }
-.ndl-charts-chart-dot .ndl-chart-charts-dot-circle {
-  stroke:rgb(var(--theme-palette-neutral-bg-weak));
-}
-.ndl-charts-chart-zoom{
-  fill:#e2e3e5;
-  fill-opacity:0.5;
-}
 .n-sr-only {
   position:absolute;
   width:1px;

package/lib/tokens/css/tokens.css

@@ -21,7 +21,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 26 Nov 2024 13:37:12 GMT
+ * Generated on Wed, 11 Dec 2024 14:06:06 GMT
  */
 
 :root {

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

@@ -21,7 +21,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 26 Nov 2024 13:37:12 GMT
+ * Generated on Wed, 11 Dec 2024 14:06:06 GMT
  */
 
 module.exports = {

package/lib/tokens/js/tokens.js

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Tue, 26 Nov 2024 13:37:12 GMT
+* Generated on Wed, 11 Dec 2024 14:06:06 GMT
 */
 
 export const tokens = {

package/lib/tokens/scss/tokens.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 26 Nov 2024 13:37:12 GMT
+// Generated on Wed, 11 Dec 2024 14:06:06 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, 26 Nov 2024 13:37:12 GMT
+* Generated on Wed, 11 Dec 2024 14:06:06 GMT
 */
 export const tokens: {
     transitions: {

package/package.json

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