@neo4j-ndl/base 3.3.1 → 3.3.3

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

@@ -22,7 +22,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Wed, 19 Feb 2025 08:56:28 GMT
+* Generated on Fri, 21 Feb 2025 10:58:11 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, 19 Feb 2025 08:56:28 GMT
+* Generated on Fri, 21 Feb 2025 10:58:11 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, 19 Feb 2025 08:56:28 GMT
+* Generated on Fri, 21 Feb 2025 10:58:11 GMT
 */
 module.exports = {
     "transitions": {

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

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Wed, 19 Feb 2025 08:56:28 GMT
+* Generated on Fri, 21 Feb 2025 10:58:11 GMT
 */
 export const tokens = {
     "transitions": [

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

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Wed, 19 Feb 2025 08:56:28 GMT
+* Generated on Fri, 21 Feb 2025 10:58:11 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, 19 Feb 2025 08:56:28 GMT
+* Generated on Fri, 21 Feb 2025 10:58:11 GMT
 */
 module.exports = {
     "transitions": {

package/lib/neo4j-ds-styles.css

@@ -1133,11 +1133,6 @@ h6,
   width:100%;
   flex-direction:column;
 }
-.ndl-accordion .ndl-accordion-item {
-  box-sizing:border-box;
-  height:48px;
-  width:auto;
-}
 .ndl-accordion .ndl-accordion-item-expanded {
   height:auto;
 }
@@ -1145,11 +1140,8 @@ h6,
   position:relative;
   box-sizing:border-box;
   display:flex;
-  width:100%;
+  flex-shrink:0;
   align-items:center;
-  padding-top:12px;
-  padding-bottom:12px;
-  padding-right:12px;
 }
 .ndl-accordion .ndl-accordion-item-header-button-disabled {
   cursor:not-allowed;
@@ -1158,17 +1150,9 @@ h6,
 .ndl-accordion .ndl-accordion-item-header-button:focus-visible {
   outline-style:solid;
   outline-width:2px;
-  outline-offset:-2px;
   outline-color:rgb(var(--theme-palette-primary-focus));
 }
-.ndl-accordion .ndl-accordion-item-header-button:hover {
-  background-color:rgb(var(--theme-palette-neutral-hover));
-}
-.ndl-accordion .ndl-accordion-item-header-button:active {
-  background-color:rgb(var(--theme-palette-neutral-pressed));
-}
 .ndl-accordion .ndl-accordion-item-header-button-title {
-  margin-left:12px;
   display:flex;
   width:100%;
 }
@@ -1179,18 +1163,17 @@ h6,
   pointer-events:none;
   box-sizing:border-box;
   display:flex;
-  width:100%;
   flex-direction:row;
   align-items:center;
+  gap:12px;
 }
 .ndl-accordion .ndl-accordion-item-header-icon-wrapper-left {
   flex-direction:row-reverse;
 }
-.ndl-accordion .ndl-accordion-item-header-icon {
-  margin-left:12px;
+.ndl-accordion .ndl-accordion-item-header-icon{
     width:20px;
     height:20px;
-}
+  }
 .ndl-accordion .ndl-accordion-item-content {
   visibility:hidden;
   height:0px;
@@ -1203,19 +1186,53 @@ h6,
   outline-offset:1px;
   outline-color:rgb(var(--theme-palette-primary-focus));
 }
-.ndl-accordion .ndl-accordion-item-content-right {
-  padding-left:32px;
-}
 .ndl-accordion .ndl-accordion-item-content-expanded {
   visibility:visible;
   height:auto;
 }
 .ndl-accordion .ndl-accordion-item-content-inner {
   box-sizing:border-box;
-  padding-left:12px;
-  padding-right:12px;
-  padding-bottom:12px;
-  padding-top:4px;
+  padding-left:8px;
+  padding-right:8px;
+  padding-bottom:8px;
+}
+.ndl-accordion .ndl-accordion-item-classic {
+  box-sizing:border-box;
+  width:auto;
+}
+.ndl-accordion .ndl-accordion-item-classic .ndl-accordion-item-header-icon-wrapper {
+  width:100%;
+}
+.ndl-accordion .ndl-accordion-item-classic .ndl-accordion-item-header-button {
+  width:100%;
+  padding:8px;
+}
+.ndl-accordion .ndl-accordion-item-classic .ndl-accordion-item-header-button:focus-visible {
+  outline-offset:-2px;
+}
+.ndl-accordion .ndl-accordion-item-classic .ndl-accordion-item-header-button:hover {
+  background-color:rgb(var(--theme-palette-neutral-hover));
+}
+.ndl-accordion .ndl-accordion-item-classic .ndl-accordion-item-header-button:active {
+  background-color:rgb(var(--theme-palette-neutral-pressed));
+}
+.ndl-accordion .ndl-accordion-item-classic .ndl-accordion-item-content-left {
+  padding-left:32px;
+}
+.ndl-accordion .ndl-accordion-item-clean {
+  box-sizing:border-box;
+  width:auto;
+}
+.ndl-accordion .ndl-accordion-item-clean .ndl-accordion-item-header {
+  display:flex;
+  flex-direction:row;
+  align-items:center;
+  justify-content:space-between;
+  gap:12px;
+  padding:8px;
+}
+.ndl-accordion .ndl-accordion-item-clean .ndl-accordion-item-header-button:focus-visible {
+  outline-offset:1px;
 }
 .ndl-btn{
   transition:background-color var(--transitions-stripped-quick);
@@ -6405,31 +6422,46 @@ button.ndl-avatar:focus-visible {
 }
 .ndl-inline-edit .ndl-inline-idle-container {
   display:flex;
-  width:100%;
   height:100%;
-  cursor:pointer;
+  width:-moz-max-content;
+  width:max-content;
+  max-width:100%;
+  cursor:text;
   flex-direction:row;
   align-items:center;
-  justify-content:space-between;
   gap:4px;
   border-radius:4px;
   padding-left:4px;
   padding-right:4px;
 }
-.ndl-inline-edit .ndl-inline-idle-container-disabled {
+.ndl-inline-edit .ndl-inline-idle-container:focus-visible {
+  outline-width:2px;
+  outline-offset:-1px;
+  outline-color:rgb(var(--theme-palette-primary-focus));
+}
+.ndl-inline-edit .ndl-inline-idle-container.ndl-disabled {
   cursor:not-allowed;
+  color:rgb(var(--theme-palette-neutral-text-weakest));
 }
-.ndl-inline-edit .ndl-inline-idle-container:hover {
+.ndl-inline-edit .ndl-inline-idle-container:not(.ndl-inline-edit .ndl-inline-idle-container.ndl-disabled):hover {
   background-color:rgb(var(--theme-palette-neutral-hover));
 }
 .ndl-inline-edit .ndl-inline-edit-container {
   position:relative;
   display:flex;
 }
-.ndl-inline-edit .ndl-inline-edit-container input{
-      outline-offset:-2px;
-      padding:0 4px; width:100%; border-radius:4px; outline-style:solid; outline-width:2px; outline-color:rgb(var(--theme-palette-primary-focus));
-    }
+.ndl-inline-edit .ndl-inline-edit-container input {
+  width:100%;
+  border-radius:4px;
+  padding-top:0px;
+  padding-bottom:0px;
+  padding-left:4px;
+  padding-right:4px;
+  outline:2px solid transparent;
+  outline-width:2px;
+  outline-offset:-2px;
+  outline-color:rgb(var(--theme-palette-primary-focus));
+}
 .ndl-inline-edit .ndl-inline-edit-container.ndl-inline-edit-error input {
   outline-color:rgb(var(--theme-palette-danger-border-strong));
 }
@@ -6441,13 +6473,13 @@ button.ndl-avatar:focus-visible {
   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));
   color:rgb(var(--theme-palette-danger-icon));
 }
-.ndl-inline-edit .ndl-inline-edit-container .ndl-inline-edit-buttons{
-      position:absolute;
+.ndl-inline-edit .ndl-inline-edit-container .ndl-inline-edit-buttons {
+  position:absolute;
+  display:flex;
+  gap:4px;
       inset-block-start:calc(100% + 4px);
       inset-inline-end:0;
-      display:flex;
-      gap:4px;
-    }
+}
 .ndl-dropdown-btn {
   display:inline-flex;
   cursor:pointer;
@@ -7618,6 +7650,10 @@ button.ndl-avatar:focus-visible {
   margin-top:48px;
   margin-bottom:48px;
 }
+.n-my-4 {
+  margin-top:16px;
+  margin-bottom:16px;
+}
 .n-my-5 {
   margin-top:20px;
   margin-bottom:20px;
@@ -7868,6 +7904,9 @@ button.ndl-avatar:focus-visible {
 .n-gap-token-6 {
   gap:16px;
 }
+.n-gap-token-7 {
+  gap:24px;
+}
 .n-gap-token-8 {
   gap:32px;
 }
@@ -42594,6 +42633,9 @@ button.ndl-avatar:focus-visible {
 .n-stroke-palette-primary-bg-strong {
   stroke:rgb(var(--theme-palette-primary-bg-strong));
 }
+.n-p-10 {
+  padding:40px;
+}
 .n-p-14 {
   padding:56px;
 }
@@ -42622,6 +42664,10 @@ button.ndl-avatar:focus-visible {
   padding-left:40px;
   padding-right:40px;
 }
+.n-px-5 {
+  padding-left:20px;
+  padding-right:20px;
+}
 .n-px-token-3 {
   padding-left:4px;
   padding-right:4px;
@@ -42646,6 +42692,10 @@ button.ndl-avatar:focus-visible {
   padding-left:48px;
   padding-right:48px;
 }
+.n-py-6 {
+  padding-top:24px;
+  padding-bottom:24px;
+}
 .n-py-token-2 {
   padding-top:2px;
   padding-bottom:2px;

package/lib/tokens/css/tokens.css

@@ -21,7 +21,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 19 Feb 2025 08:56:28 GMT
+ * Generated on Fri, 21 Feb 2025 10:58:11 GMT
  */
 
 :root {

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

@@ -21,7 +21,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 19 Feb 2025 08:56:28 GMT
+ * Generated on Fri, 21 Feb 2025 10:58:11 GMT
  */
 
 module.exports = {

package/lib/tokens/js/tokens.js

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Wed, 19 Feb 2025 08:56:28 GMT
+* Generated on Fri, 21 Feb 2025 10:58:11 GMT
 */
 
 export const tokens = {

package/lib/tokens/scss/tokens.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 19 Feb 2025 08:56:28 GMT
+// Generated on Fri, 21 Feb 2025 10:58:11 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, 19 Feb 2025 08:56:28 GMT
+* Generated on Fri, 21 Feb 2025 10:58:11 GMT
 */
 export const tokens: {
     transitions: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-ndl/base",
-  "version": "3.3.1",
+  "version": "3.3.3",
   "description": "Neo4j base package for the design system",
   "author": "Neo4j Inc.",
   "homepage": "https://www.neo4j.design",
@@ -10,13 +10,13 @@
   "types": "./lib/types/index.d.ts",
   "exports": {
     ".": {
+      "types": "./lib/types/index.d.ts",
       "require": "./lib/cjs/index.js",
-      "import": "./lib/esm/index.js",
-      "types": "./lib/types/index.d.ts"
+      "import": "./lib/esm/index.js"
     },
     "./lib/neo4j-ds-styles.css": {
-      "import": "./lib/neo4j-ds-styles.css",
-      "require": "./lib/neo4j-ds-styles.css"
+      "require": "./lib/neo4j-ds-styles.css",
+      "import": "./lib/neo4j-ds-styles.css"
     }
   },
   "directories": {