@neo4j-ndl/base 2.7.6 → 2.7.8

package/lib/NOTICE.txt

@@ -22,6 +22,10 @@ Full license texts are found in LICENSES.txt.
 
 Third-party licenses
 --------------------
+├─ MPL-2.0
+│  └─ @axe-core/playwright@npm:4.8.5 [a2e03] (via npm:4.8.5 [a2e03])
+│     └─ URL: https://github.com/dequelabs/axe-core-npm.git
+│
 ├─ MIT
 │  ├─ @babel/core@npm:7.23.9 (via npm:^7.16.0)
 │  │  ├─ URL: https://github.com/babel/babel.git
@@ -95,20 +99,15 @@ Third-party licenses
 │  │  ├─ URL: https://github.com/testing-library/jest-dom
 │  │  ├─ VendorName: Ernesto Garcia
 │  │  └─ VendorUrl: https://github.com/testing-library/jest-dom#readme
-│  ├─ @testing-library/react@npm:14.0.0 [a2e03] (via npm:14.0.0 [a2e03])
-│  │  ├─ URL: https://github.com/testing-library/react-testing-library
-│  │  ├─ VendorName: Kent C. Dodds
-│  │  └─ VendorUrl: https://github.com/testing-library/react-testing-library#readme
-│  ├─ @testing-library/user-event@npm:14.4.3 [a2e03] (via npm:14.4.3 [a2e03])
-│  │  ├─ URL: https://github.com/testing-library/user-event
-│  │  ├─ VendorName: Giorgio Polvara
-│  │  └─ VendorUrl: https://github.com/testing-library/user-event#readme
 │  ├─ @types/dedent@npm:0.7.2 (via npm:^0.7.0)
 │  │  ├─ URL: https://github.com/DefinitelyTyped/DefinitelyTyped.git
 │  │  └─ VendorUrl: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/dedent
 │  ├─ @types/jest@npm:27.5.2 (via npm:^27.0.3)
 │  │  ├─ URL: https://github.com/DefinitelyTyped/DefinitelyTyped.git
 │  │  └─ VendorUrl: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/jest
+│  ├─ @types/node@npm:20.11.21 (via npm:20.11.21)
+│  │  ├─ URL: https://github.com/DefinitelyTyped/DefinitelyTyped.git
+│  │  └─ VendorUrl: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/node
 │  ├─ @types/node@npm:16.18.79 (via npm:^16.11.7)
 │  │  ├─ URL: https://github.com/DefinitelyTyped/DefinitelyTyped.git
 │  │  └─ VendorUrl: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/node
@@ -130,11 +129,18 @@ Third-party licenses
 │  ├─ @types/react-table@npm:7.7.19 (via npm:^7.7.10)
 │  │  ├─ URL: https://github.com/DefinitelyTyped/DefinitelyTyped.git
 │  │  └─ VendorUrl: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-table
+│  ├─ @types/sinon@npm:17.0.3 (via npm:17)
+│  │  ├─ URL: https://github.com/DefinitelyTyped/DefinitelyTyped.git
+│  │  └─ VendorUrl: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/sinon
 │  ├─ @types/tinycolor2@npm:1.4.6 (via npm:^1.4.3)
 │  │  ├─ URL: https://github.com/DefinitelyTyped/DefinitelyTyped.git
 │  │  └─ VendorUrl: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/tinycolor2
 │  ├─ @typescript-eslint/eslint-plugin@npm:5.62.0 [a2e03] (via npm:^5.5.0 [a2e03])
 │  │  └─ URL: https://github.com/typescript-eslint/typescript-eslint.git
+│  ├─ @vitejs/plugin-react@npm:4.2.1 [291d8] (via npm:^4.2.1 [291d8])
+│  │  ├─ URL: git+https://github.com/vitejs/vite-plugin-react.git
+│  │  ├─ VendorName: Evan You
+│  │  └─ VendorUrl: https://github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-react#readme
 │  ├─ acorn@npm:8.11.3 (via npm:^8.8.2)
 │  │  ├─ URL: https://github.com/acornjs/acorn.git
 │  │  └─ VendorUrl: https://github.com/acornjs/acorn
@@ -245,7 +251,7 @@ Third-party licenses
 │  │  ├─ URL: https://github.com/react-dropzone/react-dropzone.git
 │  │  ├─ VendorName: Param Aggarwal
 │  │  └─ VendorUrl: https://github.com/react-dropzone/react-dropzone
-│  ├─ react-focus-lock@npm:2.9.7 [a2e03] (via npm:^2.9.4 [a2e03])
+│  ├─ react-focus-lock@npm:2.11.2 [a2e03] (via npm:2.11.2 [a2e03])
 │  │  ├─ URL: git+https://github.com/theKashey/react-focus-lock.git
 │  │  ├─ VendorName: theKashey
 │  │  └─ VendorUrl: https://github.com/theKashey/react-focus-lock#readme
@@ -298,11 +304,15 @@ Third-party licenses
 │  │  ├─ URL: git://github.com/TypeStrong/ts-node.git
 │  │  ├─ VendorName: Blake Embrey
 │  │  └─ VendorUrl: https://typestrong.org/ts-node
+│  ├─ ts-node@npm:10.9.2 [a2e03] (via npm:^10.9.1 [a2e03])
+│  │  ├─ URL: git://github.com/TypeStrong/ts-node.git
+│  │  ├─ VendorName: Blake Embrey
+│  │  └─ VendorUrl: https://typestrong.org/ts-node
 │  ├─ usehooks-ts@npm:2.9.1 [a2e03] (via npm:2.9.1 [a2e03])
 │  │  ├─ URL: https://github.com/juliencrn/usehooks-ts
 │  │  ├─ VendorName: Julien CARON
 │  │  └─ VendorUrl: https://usehooks-ts.com
-│  ├─ vite@npm:4.5.2 [9b3b8] (via npm:^3.0.0 || ^4.0.0 [9b3b8])
+│  ├─ vite@npm:4.5.2 [d75d7] (via npm:^4.0.4 [d75d7])
 │  │  ├─ URL: git+https://github.com/vitejs/vite.git
 │  │  ├─ VendorName: Evan You
 │  │  └─ VendorUrl: https://github.com/vitejs/vite/tree/main/#readme
@@ -313,22 +323,19 @@ Third-party licenses
 │  ├─ vite-tsconfig-paths@npm:3.6.0 [d75d7] (via npm:^3.5.2 [d75d7])
 │  │  ├─ URL: git+https://github.com/aleclarson/vite-tsconfig-paths.git
 │  │  └─ VendorName: aleclarson
-│  ├─ vitest@npm:0.34.1 [a2e03] (via npm:0.34.1 [a2e03])
-│  │  ├─ URL: git+https://github.com/vitest-dev/vitest.git
-│  │  ├─ VendorName: Anthony Fu
-│  │  └─ VendorUrl: https://github.com/vitest-dev/vitest#readme
-│  ├─ vitest-axe@npm:0.1.0 [a2e03] (via npm:0.1.0 [a2e03])
-│  │  ├─ URL: git+https://github.com/chaance/vitest-axe.git
-│  │  └─ VendorName: Chance Stricklad
-│  └─ vitest-canvas-mock@npm:0.3.3 [a2e03] (via npm:0.3.3 [a2e03])
-│     ├─ URL: git+https://github.com/wobsoriano/vitest-canvas-mock.git
-│     ├─ VendorName: Robert Soriano
-│     └─ VendorUrl: https://github.com/wobsoriano/vitest-canvas-mock#readme
+│  └─ vitest@npm:1.3.1 [a2e03] (via npm:1.3.1 [a2e03])
+│     ├─ URL: git+https://github.com/vitest-dev/vitest.git
+│     ├─ VendorName: Anthony Fu
+│     └─ VendorUrl: https://github.com/vitest-dev/vitest#readme
 │
 ├─ Apache-2.0
 │  ├─ @neo4j-cypher/react-codemirror@npm:1.0.3 [a2e03] (via npm:^1.0.1 [a2e03])
 │  │  ├─ URL: git://github.com/neo4j/cypher-editor.git
 │  │  └─ VendorName: Neo4j Inc.
+│  ├─ @playwright/experimental-ct-react@npm:1.42.1 (via npm:1.42.1)
+│  │  ├─ URL: git+https://github.com/microsoft/playwright.git
+│  │  ├─ VendorName: Microsoft Corporation
+│  │  └─ VendorUrl: https://playwright.dev
 │  ├─ fuse.js@npm:6.6.2 (via npm:^6.6.2)
 │  │  ├─ URL: https://github.com/krisk/Fuse.git
 │  │  ├─ VendorName: Kiro Risk
@@ -375,10 +382,14 @@ Third-party licenses
 │  ├─ license-checker@npm:25.0.1 (via npm:25.0.1)
 │  │  ├─ URL: http://github.com/davglass/license-checker.git
 │  │  └─ VendorName: Dav Glass
-│  └─ react-medium-image-zoom@npm:4.4.3 [d75d7] (via npm:^4.3.5 [d75d7])
-│     ├─ URL: git@github.com:rpearce/react-medium-image-zoom.git
-│     ├─ VendorName: Robert Pearce
-│     └─ VendorUrl: https://github.com/rpearce/react-medium-image-zoom
+│  ├─ react-medium-image-zoom@npm:4.4.3 [d75d7] (via npm:^4.3.5 [d75d7])
+│  │  ├─ URL: git@github.com:rpearce/react-medium-image-zoom.git
+│  │  ├─ VendorName: Robert Pearce
+│  │  └─ VendorUrl: https://github.com/rpearce/react-medium-image-zoom
+│  └─ sinon@npm:17.0.1 (via npm:17.0.1)
+│     ├─ URL: http://github.com/sinonjs/sinon.git
+│     ├─ VendorName: Christian Johansen
+│     └─ VendorUrl: https://sinonjs.org/
 │
 └─ Unlicense
    └─ react-use@npm:17.5.0 [a2e03] (via npm:^17.4.0 [a2e03])

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

@@ -22,7 +22,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Wed, 13 Mar 2024 08:11:38 GMT
+* Generated on Fri, 22 Mar 2024 15:12:54 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, 13 Mar 2024 08:11:38 GMT
+* Generated on Fri, 22 Mar 2024 15:12:54 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, 13 Mar 2024 08:11:38 GMT
+* Generated on Fri, 22 Mar 2024 15:12:54 GMT
 */
 module.exports = {
     "transitions": {

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

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Wed, 13 Mar 2024 08:11:38 GMT
+* Generated on Fri, 22 Mar 2024 15:12:54 GMT
 */
 export const tokens = {
     "transitions": [

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

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Wed, 13 Mar 2024 08:11:38 GMT
+* Generated on Fri, 22 Mar 2024 15:12:54 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, 13 Mar 2024 08:11:38 GMT
+* Generated on Fri, 22 Mar 2024 15:12:54 GMT
 */
 module.exports = {
     "transitions": {

package/lib/neo4j-ds-styles.css

@@ -3825,7 +3825,6 @@ a.ndl-btn{
 .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th{
       container-type:size;
       container-name:data-grid-header-cell;
-      padding:12px 0 12px 24px;
       text-align:left;
       position:relative;
       font-weight:bold;
@@ -3875,6 +3874,10 @@ a.ndl-btn{
         flex-direction:row;
         align-items:center;
         gap:2px;
+        padding-top:12px;
+        padding-bottom:12px;
+        padding-right:12px;
+        padding-left:24px;
       }
 .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th .ndl-header-cell .ndl-header-icon{
           min-width:16px;
@@ -5303,7 +5306,13 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
 }
 .ndl-side-navigation:not(.ndl-expanded){
   width:64px;
-  min-width:4rem;
+  min-width:64px;
+}
+.ndl-side-navigation:not(.ndl-expanded).ndl-side-navigation-minimized-small{
+  width:52px;
+  min-width:52px;
+}
+.ndl-side-navigation:not(.ndl-expanded){
 
     transition:var(--transitions-full-quick);
 }
@@ -5311,6 +5320,10 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
       left:8px;
       right:unset;
     }
+.ndl-side-navigation:not(.ndl-expanded) .ndl-side-navigation-nav-item{
+  display:flex;
+  justify-content:center;
+}
 .ndl-side-navigation:not(.ndl-expanded) .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item{
   display:flex;
   width:48px;
@@ -5319,6 +5332,18 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
 .ndl-side-navigation:not(.ndl-expanded) .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item .ndl-icon{
   margin-right:0px;
 }
+.ndl-side-navigation:not(.ndl-expanded) .ndl-side-navigation-nav-item-small{
+  display:flex;
+  justify-content:center;
+}
+.ndl-side-navigation:not(.ndl-expanded) .ndl-side-navigation-nav-item-small > .ndl-side-navigation-inner-item{
+  display:flex;
+  width:36px;
+  justify-content:center;
+}
+.ndl-side-navigation:not(.ndl-expanded) .ndl-side-navigation-nav-item-small > .ndl-side-navigation-inner-item .ndl-icon{
+  margin-right:0px;
+}
 .ndl-side-navigation.ndl-right{
   border-left-width:1px;
   border-style:solid;
@@ -5365,24 +5390,24 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
   margin-right:8px;
 }
 .ndl-side-navigation .ndl-side-navigation-nav-item:not(.ndl-expanded) .ndl-selected::before{
-          content:'';
-          width:4px;
-          height:100%;
           position:absolute;
           left:-8px;
           top:0px;
+          height:100%;
+          width:4px;
+          content:'';
           box-shadow:none;
           border-top-right-radius:4px;
           border-bottom-right-radius:4px;
           background-color:rgb(var(--theme-palette-primary-bg-strong));
         }
 .ndl-side-navigation .ndl-side-navigation-nav-item.ndl-expanded .ndl-selected::before{
-          content:'';
-          width:4px;
-          height:100%;
           position:absolute;
           left:-16px;
           top:0px;
+          height:100%;
+          width:4px;
+          content:'';
           box-shadow:none;
           border-top-right-radius:4px;
           border-bottom-right-radius:4px;
@@ -5404,6 +5429,7 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
   color:rgb(var(--theme-palette-neutral-text-weak));
 }
 .ndl-side-navigation .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item.ndl-side-navigation-group-header{
+  height:48px;
   color:rgb(var(--theme-palette-neutral-text-weaker));
 }
 .ndl-side-navigation .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item.ndl-selected{
@@ -5429,6 +5455,82 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
   background-color:rgb(var(--theme-palette-primary-bg-weak));
   color:rgb(var(--theme-palette-primary-text));
 }
+.ndl-side-navigation .ndl-side-navigation-nav-item-small{
+  margin-top:2px;
+  margin-bottom:2px;
+  margin-left:12px;
+  margin-right:12px;
+}
+.ndl-side-navigation .ndl-side-navigation-nav-item-small:not(.ndl-expanded){
+  margin-left:4px;
+  margin-right:4px;
+}
+.ndl-side-navigation .ndl-side-navigation-nav-item-small:not(.ndl-expanded) .ndl-selected::before{
+          position:absolute;
+          left:-8px;
+          top:0px;
+          height:100%;
+          width:4px;
+          content:'';
+          box-shadow:none;
+          border-top-right-radius:4px;
+          border-bottom-right-radius:4px;
+          background-color:rgb(var(--theme-palette-primary-bg-strong));
+        }
+.ndl-side-navigation .ndl-side-navigation-nav-item-small.ndl-expanded .ndl-selected::before{
+          position:absolute;
+          left:-12px;
+          top:0px;
+          height:100%;
+          width:4px;
+          content:'';
+          box-shadow:none;
+          border-top-right-radius:4px;
+          border-bottom-right-radius:4px;
+          background-color:rgb(var(--theme-palette-primary-bg-strong));
+        }
+.ndl-side-navigation .ndl-side-navigation-nav-item-small > .ndl-side-navigation-inner-item{
+  display:flex;
+  height:36px;
+  width:100%;
+  align-items:center;
+  border-radius:8px;
+  color:rgb(var(--theme-palette-neutral-text-default));
+}
+.ndl-side-navigation .ndl-side-navigation-nav-item-small > .ndl-side-navigation-inner-item .ndl-icon{
+  margin-right:8px;
+  height:16px;
+  width:16px;
+  justify-content:center;
+  color:rgb(var(--theme-palette-neutral-text-weak));
+}
+.ndl-side-navigation .ndl-side-navigation-nav-item-small > .ndl-side-navigation-inner-item.ndl-side-navigation-group-header{
+  height:28px;
+  color:rgb(var(--theme-palette-neutral-text-weaker));
+}
+.ndl-side-navigation .ndl-side-navigation-nav-item-small > .ndl-side-navigation-inner-item.ndl-selected{
+  position:relative;
+  background-color:rgb(var(--theme-palette-primary-bg-weak));
+  color:rgb(var(--theme-palette-primary-text));
+}
+.ndl-side-navigation .ndl-side-navigation-nav-item-small > .ndl-side-navigation-inner-item.ndl-selected .ndl-icon{
+  color:rgb(var(--theme-palette-primary-text));
+}
+.ndl-side-navigation .ndl-side-navigation-nav-item-small > .ndl-side-navigation-inner-item.ndl-selectable{
+  cursor:pointer;
+}
+.ndl-side-navigation .ndl-side-navigation-nav-item-small > .ndl-side-navigation-inner-item.ndl-selectable:hover:not(.ndl-selected){
+  background-color:rgb(var(--theme-palette-neutral-hover));
+}
+.ndl-side-navigation .ndl-side-navigation-nav-item-small > .ndl-side-navigation-inner-item.ndl-selectable:focus-visible{
+  background-color:rgb(var(--theme-palette-primary-bg-weak));
+  color:rgb(var(--theme-palette-primary-text));
+          outline:auto;
+}
+.ndl-side-navigation .ndl-side-navigation-nav-item-small > .ndl-side-navigation-inner-item.ndl-selectable:active{
+  background-color:rgb(var(--theme-palette-primary-bg-weak));
+  color:rgb(var(--theme-palette-primary-text));
+}
 .ndl-side-navigation .ndl-side-navigation-drawer-button{
   position:absolute;
   bottom:12px;
@@ -6115,6 +6217,10 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
   width:20px;
   height:20px;
 }
+.n-size-6{
+  width:24px;
+  height:24px;
+}
 .n-size-\[400px\]{
   width:400px;
   height:400px;

package/lib/tokens/css/tokens.css

@@ -21,7 +21,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 13 Mar 2024 08:11:38 GMT
+ * Generated on Fri, 22 Mar 2024 15:12:54 GMT
  */
 
 :root {

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

@@ -21,7 +21,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 13 Mar 2024 08:11:38 GMT
+ * Generated on Fri, 22 Mar 2024 15:12:54 GMT
  */
 
 module.exports = {

package/lib/tokens/js/tokens.js

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Wed, 13 Mar 2024 08:11:38 GMT
+* Generated on Fri, 22 Mar 2024 15:12:54 GMT
 */
 
 export const tokens = {

package/lib/tokens/scss/tokens.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 13 Mar 2024 08:11:38 GMT
+// Generated on Fri, 22 Mar 2024 15:12:54 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, 13 Mar 2024 08:11:38 GMT
+* Generated on Fri, 22 Mar 2024 15:12:54 GMT
 */
 export const tokens: {
     transitions: {

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@neo4j-ndl/base",
-  "version": "2.7.6",
+  "version": "2.7.8",
+  "type": "module",
   "description": "Neo4j base package for the design system",
   "author": "Neo4j Inc.",
   "homepage": "https://www.neo4j.design",
@@ -32,7 +33,7 @@
   "scripts": {
     "test": "echo 'No tests provided'",
     "build": "yarn build:style-dictionary && yarn build:sass && yarn build:esm && yarn build:cjs && yarn build:css",
-    "build:style-dictionary": "style-dictionary build --config sd.config.js",
+    "build:style-dictionary": "style-dictionary build --config sd.config.cjs",
     "build:esm": "tsc -p tsconfig.esm.json",
     "build:cjs": "tsc -p tsconfig.cjs.json",
     "build:sass": "sass --no-source-map src/base/theme-palettes.scss src/base/theme-palettes.css",