@neo4j-ndl/base 2.4.0 → 2.6.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Change Log
 
+## 2.6.0
+
+### Minor Changes
+
+- [#733](https://github.com/neo4j/needle/pull/733) [`6f374de548bbdb0f4fd32a76e49ec85c8118b351`](https://github.com/neo4j/needle/commit/6f374de548bbdb0f4fd32a76e49ec85c8118b351) Thanks [@konsalex](https://github.com/konsalex)! - add new slider component
+
+## 2.5.0
+
+### Minor Changes
+
+- [#731](https://github.com/neo4j/needle/pull/731) [`c43c28560d74965535b3c084d4d757c77c5e2d8d`](https://github.com/neo4j/needle/commit/c43c28560d74965535b3c084d4d757c77c5e2d8d) Thanks [@konsalex](https://github.com/konsalex)! - add new Neo4j logo as a component and individual icons
+
 ## 2.4.0
 
 ### Minor Changes

package/lib/LICENSES.txt

@@ -5133,7 +5133,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
 
 -----
 
-The following software may be included in this product: @tanstack/react-table, react-table. A copy of the source code may be downloaded from git+https://github.com/tanstack/table.git (@tanstack/react-table), https://github.com/tannerlinsley/react-table (react-table). This software contains the following license and notice below:
+The following software may be included in this product: @tanstack/react-table, react-table. A copy of the source code may be downloaded from https://github.com/TanStack/table.git (@tanstack/react-table), https://github.com/tannerlinsley/react-table (react-table). This software contains the following license and notice below:
 
 MIT License
 
@@ -17001,7 +17001,7 @@ SOFTWARE.
 
 -----
 
-The following software may be included in this product: react-aria. A copy of the source code may be downloaded from https://github.com/adobe/react-spectrum. This software contains the following license and notice below:
+The following software may be included in this product: react-aria, react-stately. A copy of the source code may be downloaded from https://github.com/adobe/react-spectrum (react-aria), https://github.com/adobe/react-spectrum (react-stately). This software contains the following license and notice below:
 
 Apache License
                            Version 2.0, January 2004

package/lib/NOTICE.txt

@@ -23,7 +23,7 @@ Full license texts are found in LICENSES.txt.
 Third-party licenses
 --------------------
 ├─ MIT
-│  ├─ @babel/core@npm:7.23.7 (via npm:^7.16.0)
+│  ├─ @babel/core@npm:7.23.9 (via npm:^7.16.0)
 │  │  ├─ URL: https://github.com/babel/babel.git
 │  │  ├─ VendorName: The Babel Team
 │  │  └─ VendorUrl: https://babel.dev/docs/en/next/babel-core
@@ -83,10 +83,10 @@ Third-party licenses
 │  │  └─ URL: https://github.com/konsalex/table-nav
 │  ├─ @table-nav/react@npm:0.0.7 [a2e03] (via npm:0.0.7 [a2e03])
 │  │  └─ URL: https://github.com/konsalex/table-nav
-│  ├─ @tanstack/react-table@npm:8.11.6 [a2e03] (via npm:^8.9.3 [a2e03])
-│  │  ├─ URL: git+https://github.com/tanstack/table.git
+│  ├─ @tanstack/react-table@npm:8.11.8 [a2e03] (via npm:^8.9.3 [a2e03])
+│  │  ├─ URL: https://github.com/TanStack/table.git
 │  │  ├─ VendorName: Tanner Linsley
-│  │  └─ VendorUrl: https://github.com/tanstack/table#readme
+│  │  └─ VendorUrl: https://tanstack.com/table
 │  ├─ @tanstack/react-virtual@npm:3.0.0-beta.68 [d75d7] (via npm:3.0.0-beta.68 [d75d7])
 │  │  ├─ URL: git+https://github.com/tanstack/virtual.git
 │  │  ├─ VendorName: Tanner Linsley
@@ -109,13 +109,13 @@ Third-party licenses
 │  ├─ @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:16.18.71 (via npm:^16.11.7)
+│  ├─ @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
 │  ├─ @types/react@npm:18.2.18 (via npm:18.2.18)
 │  │  ├─ URL: https://github.com/DefinitelyTyped/DefinitelyTyped.git
 │  │  └─ VendorUrl: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react
-│  ├─ @types/react-datepicker@npm:4.19.5 (via npm:^4.11.2)
+│  ├─ @types/react-datepicker@npm:4.19.6 (via npm:^4.11.2)
 │  │  ├─ URL: https://github.com/DefinitelyTyped/DefinitelyTyped.git
 │  │  └─ VendorUrl: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-datepicker
 │  ├─ @types/react-dom@npm:18.2.7 (via npm:18.2.7)
@@ -141,7 +141,7 @@ Third-party licenses
 │  ├─ acorn-walk@npm:8.3.2 (via npm:^8.2.0)
 │  │  ├─ URL: https://github.com/acornjs/acorn.git
 │  │  └─ VendorUrl: https://github.com/acornjs/acorn
-│  ├─ autoprefixer@npm:10.4.16 [708d2] (via npm:^10.4.0 [708d2])
+│  ├─ autoprefixer@npm:10.4.17 [708d2] (via npm:^10.4.0 [708d2])
 │  │  ├─ URL: git+https://github.com/postcss/autoprefixer.git
 │  │  └─ VendorName: Andrey Sitnik
 │  ├─ chalk@npm:5.3.0 (via npm:^5.1.0)
@@ -202,7 +202,7 @@ Third-party licenses
 │  │  └─ URL: git+https://github.com/jsdom/jsdom.git
 │  ├─ leva@npm:0.9.35 [d75d7] (via npm:^0.9.35 [d75d7])
 │  │  └─ URL: https://github.com/pmndrs/leva.git
-│  ├─ postcss@npm:8.4.33 (via npm:^8.4.18)
+│  ├─ postcss@npm:8.4.35 (via npm:^8.4.18)
 │  │  ├─ URL: git+https://github.com/postcss/postcss.git
 │  │  ├─ VendorName: Andrey Sitnik
 │  │  └─ VendorUrl: https://postcss.org/
@@ -245,7 +245,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.6 [a2e03] (via npm:^2.9.4 [a2e03])
+│  ├─ react-focus-lock@npm:2.9.7 [a2e03] (via npm:^2.9.4 [a2e03])
 │  │  ├─ URL: git+https://github.com/theKashey/react-focus-lock.git
 │  │  ├─ VendorName: theKashey
 │  │  └─ VendorUrl: https://github.com/theKashey/react-focus-lock#readme
@@ -274,11 +274,11 @@ Third-party licenses
 │  │  ├─ URL: https://github.com/que-etc/resize-observer-polyfill.git
 │  │  ├─ VendorName: Denis Rul
 │  │  └─ VendorUrl: https://github.com/que-etc/resize-observer-polyfill
-│  ├─ sass@npm:1.69.7 (via npm:^1.62.0)
+│  ├─ sass@npm:1.70.0 (via npm:^1.62.0)
 │  │  ├─ URL: https://github.com/sass/dart-sass
 │  │  ├─ VendorName: Natalie Weizenbaum
 │  │  └─ VendorUrl: https://github.com/sass/dart-sass
-│  ├─ sb@npm:7.6.8 (via npm:^7.0.10)
+│  ├─ sb@npm:7.6.13 (via npm:^7.0.10)
 │  │  ├─ URL: https://github.com/storybookjs/storybook.git
 │  │  └─ VendorUrl: https://github.com/storybookjs/storybook/tree/next/code/lib/cli
 │  ├─ storybook@npm:7.6.8 (via npm:7.6.8)
@@ -302,7 +302,7 @@ Third-party licenses
 │  │  ├─ URL: https://github.com/juliencrn/usehooks-ts
 │  │  ├─ VendorName: Julien CARON
 │  │  └─ VendorUrl: https://usehooks-ts.com
-│  ├─ vite@npm:4.5.1 [9b3b8] (via npm:^3.0.0 || ^4.0.0 [9b3b8])
+│  ├─ vite@npm:4.5.2 [9b3b8] (via npm:^3.0.0 || ^4.0.0 [9b3b8])
 │  │  ├─ URL: git+https://github.com/vitejs/vite.git
 │  │  ├─ VendorName: Evan You
 │  │  └─ VendorUrl: https://github.com/vitejs/vite/tree/main/#readme
@@ -333,9 +333,11 @@ Third-party licenses
 │  │  ├─ URL: https://github.com/krisk/Fuse.git
 │  │  ├─ VendorName: Kiro Risk
 │  │  └─ VendorUrl: http://fusejs.io
-│  ├─ react-aria@npm:3.31.1 [a2e03] (via npm:^3.25.0 [a2e03])
+│  ├─ react-aria@npm:3.31.0 [a2e03] (via npm:3.31.0 [a2e03])
 │  │  └─ URL: https://github.com/adobe/react-spectrum
-│  ├─ style-dictionary@npm:3.9.1 (via npm:^3.0.3)
+│  ├─ react-stately@npm:3.29.1 [a2e03] (via npm:3.29.1 [a2e03])
+│  │  └─ URL: https://github.com/adobe/react-spectrum
+│  ├─ style-dictionary@npm:3.9.2 (via npm:^3.0.3)
 │  │  ├─ URL: git://github.com/amzn/style-dictionary.git
 │  │  ├─ VendorName: Amazon
 │  │  └─ VendorUrl: https://github.com/amzn/style-dictionary
@@ -361,7 +363,7 @@ Third-party licenses
 │  └─ root@workspace:. (via workspace:.)
 │
 ├─ BSD-2-Clause
-│  └─ @typescript-eslint/parser@npm:5.62.0 [a2e03] (via npm:^5.5.0 [a2e03])
+│  └─ @typescript-eslint/parser@npm:6.15.0 [a2e03] (via npm:6.15.0 [a2e03])
 │     └─ URL: https://github.com/typescript-eslint/typescript-eslint.git
 │
 ├─ AGPL-3.0-or-later
@@ -379,7 +381,7 @@ Third-party licenses
 │     └─ VendorUrl: https://github.com/rpearce/react-medium-image-zoom
 │
 └─ Unlicense
-   └─ react-use@npm:17.4.3 [a2e03] (via npm:^17.4.0 [a2e03])
+   └─ react-use@npm:17.5.0 [a2e03] (via npm:^17.4.0 [a2e03])
       ├─ URL: https://github.com/streamich/react-use
       ├─ VendorName: @streamich
       └─ VendorUrl: https://github.com/streamich/react-use#readme

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

@@ -22,7 +22,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Wed, 07 Feb 2024 08:42:18 GMT
+* Generated on Mon, 19 Feb 2024 08:15:08 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, 07 Feb 2024 08:42:18 GMT
+* Generated on Mon, 19 Feb 2024 08:15:08 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, 07 Feb 2024 08:42:18 GMT
+* Generated on Mon, 19 Feb 2024 08:15:08 GMT
 */
 module.exports = {
     "transitions": {

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

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Wed, 07 Feb 2024 08:42:18 GMT
+* Generated on Mon, 19 Feb 2024 08:15:08 GMT
 */
 export const tokens = {
     "transitions": [

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

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Wed, 07 Feb 2024 08:42:18 GMT
+* Generated on Mon, 19 Feb 2024 08:15:08 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, 07 Feb 2024 08:42:18 GMT
+* Generated on Mon, 19 Feb 2024 08:15:08 GMT
 */
 module.exports = {
     "transitions": {

package/lib/neo4j-ds-styles.css

@@ -5835,6 +5835,108 @@ a.ndl-cypher-editor .cm-editor .cm-button,  a .ndl-codemirror-editor .cm-editor
 .ndl-avatar .ndl-avatar-status-svg-unknown-inner{
   fill:rgb(var(--theme-palette-neutral-bg-weak));
 }
+.ndl-slider{
+  display:flex;
+  width:100%;
+  position:relative;
+
+  --primary-color:var(--theme-palette-primary-bg-strong);
+}
+.ndl-slider .ndl-track{
+    height:30px;
+    width:100%;
+  }
+.ndl-slider .ndl-track:before{
+      content:'';
+      display:block;
+      position:absolute;
+      height:4px;
+      width:100%;
+      top:50%;
+      transform:translateY(-50%);
+      border-radius:9999px;
+      background-color:rgb(var(--theme-palette-neutral-bg-strong));
+    }
+.ndl-slider .ndl-track.ndl-is-disabled{
+      --primary-color:var(--theme-palette-neutral-text-weakest);
+      cursor:not-allowed;
+    }
+.ndl-slider .ndl-track .ndl-thumb{
+      position:relative;
+      width:20px;
+      height:20px;
+      border-radius:50%;
+      top:50%;
+      z-index:2;
+      background-color:rgb(var(--primary-color));
+    }
+.ndl-slider .ndl-track .ndl-thumb input{
+        width:20px;
+        height:20px;
+      }
+.ndl-slider .ndl-track:not(.ndl-is-disabled) .ndl-thumb:hover{
+        cursor:pointer;
+      }
+.ndl-slider .ndl-track:not(.ndl-is-disabled) .ndl-thumb:hover:before{
+        content:'';
+        position:absolute;
+        top:calc(50% - 18px);
+        left:calc(50% - 18px);
+        height:36px;
+        width:36px;
+        z-index:-1;
+        pointer-events:none;
+        border-radius:9999px;
+        background-color:rgb(var(--theme-palette-primary-hover-weak));
+      }
+.ndl-slider .ndl-track:not(.ndl-is-disabled) .ndl-thumb.ndl-is-dragging:before{
+        content:'';
+        position:absolute;
+        top:calc(50% - 18px);
+        left:calc(50% - 18px);
+        height:36px;
+        width:36px;
+        z-index:-1;
+        pointer-events:none;
+        border-radius:9999px;
+        background-color:rgb(var(--theme-palette-primary-pressed-weak));
+      }
+.ndl-slider .ndl-track .ndl-thumb.ndl-focus{
+  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  --tw-ring-color:rgb(var(--theme-palette-primary-focus));
+}
+.ndl-slider .ndl-filled-track{
+    height:4px;
+    position:absolute;
+    top:calc(50% - 2px);
+    left:0;
+    z-index:1;
+    background-color:rgb(var(--primary-color));
+    border-radius:9999px;
+  }
+.ndl-slider .ndl-track-marks{
+    pointer-events:none;
+    width:calc(100% - 4px);
+    left:50%;
+    translate:-50% 0;
+    position:absolute;
+    top:calc(50% - 1px);
+    z-index:2;
+  }
+.ndl-slider .ndl-track-mark{
+    height:2px;
+    width:2px;
+    position:absolute;
+    border-radius:100%;
+    background-color:rgb(var(--theme-palette-neutral-bg-stronger));
+    opacity:100%;
+  }
+.ndl-slider .ndl-track-mark.ndl-on-active-track{
+      background-color:rgb(var(--theme-palette-neutral-bg-weak));
+      opacity:40%;
+    }
 .n-sr-only{
   position:absolute;
   width:1px;
@@ -6011,6 +6113,9 @@ a.ndl-cypher-editor .cm-editor .cm-button,  a .ndl-codemirror-editor .cm-editor
 .n-w-40{
   width:160px;
 }
+.n-w-24{
+  width:96px;
+}
 .n-w-\[400px\]{
   width:400px;
 }

package/lib/tokens/css/tokens.css

@@ -21,7 +21,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Feb 2024 08:42:18 GMT
+ * Generated on Mon, 19 Feb 2024 08:15:08 GMT
  */
 
 :root {

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

@@ -21,7 +21,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Feb 2024 08:42:18 GMT
+ * Generated on Mon, 19 Feb 2024 08:15:08 GMT
  */
 
 module.exports = {

package/lib/tokens/js/tokens.js

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Wed, 07 Feb 2024 08:42:18 GMT
+* Generated on Mon, 19 Feb 2024 08:15:08 GMT
 */
 
 export const tokens = {

package/lib/tokens/scss/tokens.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 07 Feb 2024 08:42:18 GMT
+// Generated on Mon, 19 Feb 2024 08:15:08 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, 07 Feb 2024 08:42:18 GMT
+* Generated on Mon, 19 Feb 2024 08:15:08 GMT
 */
 export const tokens: {
     transitions: {

package/package.json

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