@neo4j-ndl/base 3.3.13 → 3.3.14

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

@@ -22,7 +22,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Fri, 21 Mar 2025 14:00:22 GMT
+* Generated on Tue, 01 Apr 2025 11:43:32 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, 21 Mar 2025 14:00:23 GMT
+* Generated on Tue, 01 Apr 2025 11:43:32 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, 21 Mar 2025 14:00:22 GMT
+* Generated on Tue, 01 Apr 2025 11:43:32 GMT
 */
 module.exports = {
     "transitions": {

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

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Fri, 21 Mar 2025 14:00:22 GMT
+* Generated on Tue, 01 Apr 2025 11:43:32 GMT
 */
 export const tokens = {
     "transitions": [

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

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Fri, 21 Mar 2025 14:00:23 GMT
+* Generated on Tue, 01 Apr 2025 11:43:32 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, 21 Mar 2025 14:00:22 GMT
+* Generated on Tue, 01 Apr 2025 11:43:32 GMT
 */
 module.exports = {
     "transitions": {

package/lib/neo4j-ds-styles.css

@@ -4408,11 +4408,11 @@ a.ndl-btn {
 .ndl-select-menu-list.ndl-large {
   max-height:314px;
 }
-.ndl-node-label {
+.ndl-graph-label {
   position:relative;
   display:inline-block;
+  height:24px;
   min-width:0px;
-  border-radius:12px;
   padding-top:2px;
   padding-bottom:2px;
   padding-left:8px;
@@ -4423,20 +4423,30 @@ a.ndl-btn {
   letter-spacing:0;
   line-height:1.25rem;
 }
+.ndl-graph-label.ndl-small {
+  height:20px;
+  padding-top:0px;
+  padding-bottom:0px;
+  padding-left:6px;
+  padding-right:6px;
+}
+.ndl-node-label {
+  border-radius:12px;
+}
 .ndl-node-label .ndl-node-label-content {
   width:100%;
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
 }
-.ndl-node-label.ndl-intractable {
+.ndl-node-label.ndl-interactable {
   cursor:pointer;
 }
-.ndl-node-label.ndl-intractable:not(.ndl-disabled):active:after,
-      .ndl-node-label.ndl-intractable:not(.ndl-disabled):focus-visible:after {
+.ndl-node-label.ndl-interactable:not(.ndl-disabled):active:after,
+      .ndl-node-label.ndl-interactable:not(.ndl-disabled):focus-visible:after {
   border-color:rgb(var(--theme-palette-primary-focus));
 }
-.ndl-node-label.ndl-intractable.ndl-disabled {
+.ndl-node-label.ndl-interactable.ndl-disabled {
   cursor:not-allowed;
 }
 .ndl-node-label:after {
@@ -4457,21 +4467,9 @@ a.ndl-btn {
   outline-offset:2px;
 }
 .ndl-property-key-label {
-  position:relative;
-  display:inline-block;
-  min-width:0px;
   border-radius:4px;
   background-color:rgb(var(--theme-palette-neutral-text-weak));
-  padding-top:2px;
-  padding-bottom:2px;
-  padding-left:8px;
-  padding-right:8px;
   color:rgb(var(--theme-palette-neutral-text-inverse));
-  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-property-key-label.ndl-disabled {
   color:rgb(var(--theme-palette-neutral-text-weakest));
@@ -4479,17 +4477,17 @@ a.ndl-btn {
 .ndl-property-key-label.ndl-selected:after {
   border-color:rgb(var(--theme-palette-primary-focus));
 }
-.ndl-property-key-label.ndl-intractable {
+.ndl-property-key-label.ndl-interactable {
   cursor:pointer;
 }
-.ndl-property-key-label.ndl-intractable:not(.ndl-disabled):hover {
+.ndl-property-key-label.ndl-interactable:not(.ndl-disabled):hover {
   --tw-bg-opacity:92%;
 }
-.ndl-property-key-label.ndl-intractable:not(.ndl-disabled):active:after,
-      .ndl-property-key-label.ndl-intractable:not(.ndl-disabled):focus-visible:after {
+.ndl-property-key-label.ndl-interactable:not(.ndl-disabled):active:after,
+      .ndl-property-key-label.ndl-interactable:not(.ndl-disabled):focus-visible:after {
   border-color:rgb(var(--theme-palette-primary-focus));
 }
-.ndl-property-key-label.ndl-intractable.ndl-disabled {
+.ndl-property-key-label.ndl-interactable.ndl-disabled {
   cursor:not-allowed;
 }
 .ndl-property-key-label .ndl-property-key-label-content {
@@ -4513,83 +4511,106 @@ a.ndl-btn {
   outline-offset:2px;
 }
 .ndl-relationship-label {
-  position:relative;
   display:flex;
   width:-moz-fit-content;
   width:fit-content;
-  min-width:0px;
+  padding:0px;
 }
-.ndl-relationship-label.ndl-intractable {
+.ndl-relationship-label.ndl-small {
+  padding:0px;
+}
+.ndl-relationship-label.ndl-interactable {
   cursor:pointer;
 }
-.ndl-relationship-label.ndl-intractable:not(.ndl-disabled):focus-visible .ndl-hexagon-end-active, .ndl-relationship-label.ndl-intractable:not(.ndl-disabled):active .ndl-hexagon-end-active {
+.ndl-relationship-label.ndl-interactable:not(.ndl-disabled):focus-visible .ndl-hexagon-end-active,
+        .ndl-relationship-label.ndl-interactable:not(.ndl-disabled):focus-visible .ndl-square-end-active,
+        .ndl-relationship-label.ndl-interactable:not(.ndl-disabled):focus-visible .ndl-relationship-label-lines,
+        .ndl-relationship-label.ndl-interactable:not(.ndl-disabled):active .ndl-hexagon-end-active,
+        .ndl-relationship-label.ndl-interactable:not(.ndl-disabled):active .ndl-square-end-active,
+        .ndl-relationship-label.ndl-interactable:not(.ndl-disabled):active .ndl-relationship-label-lines {
   fill:rgb(var(--theme-palette-primary-focus));
 }
-.ndl-relationship-label.ndl-intractable:not(.ndl-disabled):focus-visible .ndl-relationship-label-container:after, .ndl-relationship-label.ndl-intractable:not(.ndl-disabled):active .ndl-relationship-label-container:after {
+.ndl-relationship-label.ndl-interactable:not(.ndl-disabled):focus-visible .ndl-relationship-label-container:after, .ndl-relationship-label.ndl-interactable:not(.ndl-disabled):active .ndl-relationship-label-container:after {
   background-color:rgb(var(--theme-palette-primary-focus));
 }
-.ndl-relationship-label.ndl-intractable:not(.ndl-disabled):focus-visible .ndl-relationship-label-container:before, .ndl-relationship-label.ndl-intractable:not(.ndl-disabled):active .ndl-relationship-label-container:before {
+.ndl-relationship-label.ndl-interactable:not(.ndl-disabled):focus-visible .ndl-relationship-label-container:before, .ndl-relationship-label.ndl-interactable:not(.ndl-disabled):active .ndl-relationship-label-container:before {
   background-color:rgb(var(--theme-palette-primary-focus));
 }
-.ndl-relationship-label.ndl-intractable.ndl-disabled {
+.ndl-relationship-label.ndl-interactable.ndl-disabled {
   cursor:not-allowed;
 }
 .ndl-relationship-label .ndl-relationship-label-container {
   position:relative;
   z-index:10;
-  display:inline-block;
+  display:flex;
+  height:100%;
   width:100%;
   min-width:0px;
-  padding-top:2px;
-  padding-bottom:2px;
+  align-items:center;
   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-relationship-label .ndl-relationship-label-container .ndl-relationship-label-lines {
+  position:absolute;
+  width:100%;
+}
 .ndl-relationship-label .ndl-relationship-label-container .ndl-relationship-label-content {
   width:100%;
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
+  padding-left:1px;
+  padding-right:1px;
 }
-.ndl-relationship-label .ndl-relationship-label-container:after {
-  position:absolute;
-  left:0px;
-  right:0px;
-  bottom:-3px;
-  height:2px;
-  background-color:transparent;
-  --tw-content:'';
-  content:var(--tw-content);
+.ndl-relationship-label .ndl-hexagon-end {
+  position:relative;
+  margin-right:-1px;
+  margin-left:-0px;
+  display:inline-block;
+  vertical-align:bottom;
 }
-.ndl-relationship-label .ndl-relationship-label-container:before {
+.ndl-relationship-label .ndl-hexagon-end.ndl-right {
+  z-index:0;
+  margin-right:-0px;
+  margin-left:-1px;
+  --tw-rotate:180deg;
+  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));
+}
+.ndl-relationship-label .ndl-hexagon-end .ndl-hexagon-end-active {
   position:absolute;
-  left:0px;
-  right:0px;
   top:-3px;
-  height:2px;
-  background-color:transparent;
-  --tw-content:'';
-  content:var(--tw-content);
+  left:-3px;
 }
-.ndl-relationship-label .ndl-hexagon-end {
+.ndl-relationship-label .ndl-square-end {
   position:relative;
+  margin-right:-1px;
+  margin-left:-0px;
   display:inline-block;
+  height:100%;
   vertical-align:bottom;
 }
-.ndl-relationship-label .ndl-hexagon-end.ndl-right {
+.ndl-relationship-label .ndl-square-end.ndl-right {
   z-index:0;
+  margin-right:-0px;
+  margin-left:-1px;
   --tw-rotate:180deg;
   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));
 }
-.ndl-relationship-label .ndl-hexagon-end .ndl-hexagon-end-active {
+.ndl-relationship-label .ndl-square-end .ndl-square-end-inner {
+  height:100%;
+  width:4px;
+      border-radius:2px 0px 0px 2px;
+}
+.ndl-relationship-label .ndl-square-end .ndl-square-end-active {
   position:absolute;
   top:-3px;
   left:-3px;
 }
-.ndl-relationship-label.ndl-selected .ndl-hexagon-end-active {
+.ndl-relationship-label.ndl-selected .ndl-hexagon-end-active,
+    .ndl-relationship-label.ndl-selected .ndl-square-end-active {
   fill:rgb(var(--theme-palette-primary-focus));
 }
 .ndl-relationship-label.ndl-selected .ndl-relationship-label-container:after {
@@ -7855,6 +7876,9 @@ button.ndl-avatar:focus-visible {
 .n-flex-1 {
   flex:1 1 0%;
 }
+.n-flex-shrink-0 {
+  flex-shrink:0;
+}
 .n-flex-grow {
   flex-grow:1;
 }
@@ -7985,8 +8009,8 @@ button.ndl-avatar:focus-visible {
 .n-whitespace-nowrap {
   white-space:nowrap;
 }
-.n-break-words {
-  overflow-wrap:break-word;
+.n-break-all {
+  word-break:break-all;
 }
 .n-rounded-1xl {
   border-radius:12px;
@@ -8000,9 +8024,6 @@ button.ndl-avatar:focus-visible {
 .n-rounded-5xl {
   border-radius:20px;
 }
-.n-rounded-\[8px\] {
-  border-radius:8px;
-}
 .n-rounded-lg {
   border-radius:8px;
 }
@@ -42682,9 +42703,6 @@ button.ndl-avatar:focus-visible {
 .n-p-token-0 {
   padding:0px;
 }
-.n-p-token-3 {
-  padding:4px;
-}
 .n-p-token-4 {
   padding:8px;
 }

package/lib/tokens/css/tokens.css

@@ -21,7 +21,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 21 Mar 2025 14:00:22 GMT
+ * Generated on Tue, 01 Apr 2025 11:43:32 GMT
  */
 
 :root {

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

@@ -21,7 +21,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 21 Mar 2025 14:00:22 GMT
+ * Generated on Tue, 01 Apr 2025 11:43:32 GMT
  */
 
 module.exports = {

package/lib/tokens/js/tokens.js

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Fri, 21 Mar 2025 14:00:22 GMT
+* Generated on Tue, 01 Apr 2025 11:43:32 GMT
 */
 
 export const tokens = {

package/lib/tokens/scss/tokens.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 21 Mar 2025 14:00:22 GMT
+// Generated on Tue, 01 Apr 2025 11:43:32 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, 21 Mar 2025 14:00:22 GMT
+* Generated on Tue, 01 Apr 2025 11:43:32 GMT
 */
 export const tokens: {
     transitions: {

package/package.json

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