@neo4j-ndl/base 1.8.13 → 1.9.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Change Log
 
+## 1.9.0
+
+### Minor Changes
+
+- 46bd73c: Added DatePicker component
+
+## 1.8.14
+
+### Patch Changes
+
+- aec8342: create scoping for codemirror styles
+
 ## 1.8.13
 
 ### Patch Changes

package/lib/LICENSES.txt

@@ -5210,7 +5210,7 @@ MIT License
 
 -----
 
-The following software may be included in this product: @types/jest, @types/jest-axe, @types/node, @types/react, @types/react-dom, @types/react-resizable, @types/react-syntax-highlighter, @types/react-table, @types/tinycolor2. A copy of the source code may be downloaded from https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/jest), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/jest-axe), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/node), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/react), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/react-dom), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/react-resizable), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/react-syntax-highlighter), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/react-table), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/tinycolor2). This software contains the following license and notice below:
+The following software may be included in this product: @types/jest, @types/jest-axe, @types/node, @types/react, @types/react-datepicker, @types/react-dom, @types/react-resizable, @types/react-syntax-highlighter, @types/react-table, @types/tinycolor2. A copy of the source code may be downloaded from https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/jest), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/jest-axe), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/node), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/react), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/react-datepicker), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/react-dom), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/react-resizable), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/react-syntax-highlighter), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/react-table), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/tinycolor2). This software contains the following license and notice below:
 
 MIT License
 
@@ -5529,6 +5529,32 @@ SOFTWARE.
 
 -----
 
+The following software may be included in this product: date-fns. A copy of the source code may be downloaded from https://github.com/date-fns/date-fns. This software contains the following license and notice below:
+
+MIT License
+
+Copyright (c) 2021 Sasha Koss and Lesha Koss https://kossnocorp.mit-license.org
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+-----
+
 The following software may be included in this product: dedent. A copy of the source code may be downloaded from git://github.com/dmnd/dedent.git. This software contains the following license and notice below:
 
 The MIT License (MIT)
@@ -12268,6 +12294,32 @@ Apache License
 
 -----
 
+The following software may be included in this product: react-datepicker. A copy of the source code may be downloaded from git://github.com/Hacker0x01/react-datepicker.git. This software contains the following license and notice below:
+
+The MIT License (MIT)
+
+Copyright (c) 2014-2023 HackerOne Inc and individual contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+-----
+
 The following software may be included in this product: react-dropzone. A copy of the source code may be downloaded from https://github.com/react-dropzone/react-dropzone.git. This software contains the following license and notice below:
 
 The MIT License (MIT)

package/lib/NOTICE.txt

@@ -117,6 +117,9 @@ Third-party licenses
 │  ├─ @types/react@npm:17.0.62 (via npm:^17.0.62)
 │  │  ├─ URL: https://github.com/DefinitelyTyped/DefinitelyTyped.git
 │  │  └─ VendorUrl: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react
+│  ├─ @types/react-datepicker@npm:4.11.2 (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:17.0.18 (via npm:17.0.18)
 │  │  ├─ URL: https://github.com/DefinitelyTyped/DefinitelyTyped.git
 │  │  └─ VendorUrl: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-dom
@@ -160,6 +163,8 @@ Third-party licenses
 │  ├─ concurrently@npm:7.6.0 (via npm:^7.4.0)
 │  │  ├─ URL: https://github.com/open-cli-tools/concurrently.git
 │  │  └─ VendorName: Kimmo Brunfeldt
+│  ├─ date-fns@npm:2.30.0 (via npm:^2.30.0)
+│  │  └─ URL: https://github.com/date-fns/date-fns
 │  ├─ dedent@npm:0.7.0 (via npm:^0.7.0)
 │  │  ├─ URL: git://github.com/dmnd/dedent.git
 │  │  ├─ VendorName: Desmond Brand
@@ -223,6 +228,10 @@ Third-party licenses
 │  ├─ react@npm:17.0.2 (via npm:^17.0.2)
 │  │  ├─ URL: https://github.com/facebook/react.git
 │  │  └─ VendorUrl: https://reactjs.org/
+│  ├─ react-datepicker@npm:4.14.1 [a2e03] (via npm:^4.14.1 [a2e03])
+│  │  ├─ URL: git://github.com/Hacker0x01/react-datepicker.git
+│  │  ├─ VendorName: HackerOne
+│  │  └─ VendorUrl: https://github.com/Hacker0x01/react-datepicker
 │  ├─ react-dom@npm:17.0.2 [d75d7] (via npm:^17.0.2 [d75d7])
 │  │  ├─ URL: https://github.com/facebook/react.git
 │  │  └─ VendorUrl: https://reactjs.org/

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

@@ -1,7 +1,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Mon, 24 Jul 2023 08:29:55 GMT
+* Generated on Thu, 27 Jul 2023 08:47:03 GMT
 */
 exports.__esModule = true;
 exports.tokens = void 0;

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

@@ -1,7 +1,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Mon, 24 Jul 2023 08:29:55 GMT
+* Generated on Thu, 27 Jul 2023 08:47:03 GMT
 */
 exports.__esModule = true;
 exports.tokens = void 0;

package/lib/cjs/tokens/js/tokens.js

@@ -1,7 +1,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Mon, 24 Jul 2023 08:29:55 GMT
+* Generated on Thu, 27 Jul 2023 08:47:03 GMT
 */
 module.exports = {
     "transitions": {

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

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Mon, 24 Jul 2023 08:29:55 GMT
+* Generated on Thu, 27 Jul 2023 08:47:03 GMT
 */
 export const tokens = {
     "transitions": [

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

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Mon, 24 Jul 2023 08:29:55 GMT
+* Generated on Thu, 27 Jul 2023 08:47:03 GMT
 */
 export const tokens = {
     "transitions": {

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

@@ -1,7 +1,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Mon, 24 Jul 2023 08:29:55 GMT
+* Generated on Thu, 27 Jul 2023 08:47:03 GMT
 */
 module.exports = {
     "transitions": {

package/lib/neo4j-ds-styles.css

@@ -459,7 +459,7 @@ video {
  */
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 08:29:55 GMT
+ * Generated on Thu, 27 Jul 2023 08:47:03 GMT
  */
 :root {
   --transitions-values-properties-default: all;
@@ -2785,6 +2785,256 @@ a.ndl-btn{
   border-color: rgb(238 241 246 / var(--tw-border-opacity));
   border-color: rgb(var(--divider-color));
 }
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+.ndl-datepicker .react-datepicker-wrapper{
+  width: -moz-fit-content;
+  width: fit-content;
+}
+.ndl-datepicker .react-datepicker-popper{
+  z-index: 10;
+  margin-top: 0.5rem;
+  border-radius: 6px;
+  border-width: 1px;
+  border-color: rgb(var(--palette-neutral-border-strong));
+  background-color: rgb(var(--palette-neutral-bg-weak));
+  padding: 1.5rem;
+  --tw-shadow: 0px 4px 8px 0px rgba(12, 26, 37, 0.08);
+  --tw-shadow-colored: 0px 4px 8px 0px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.ndl-datepicker .react-datepicker-popper .react-datepicker__aria-live{
+  display: none;
+}
+.ndl-datepicker .ndl-datepicker-header{
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.5rem;
+}
+.ndl-datepicker .ndl-datepicker-header .ndl-datepicker-selects{
+  margin-left: 0.25rem;
+  display: flex;
+}
+.ndl-datepicker .ndl-datepicker-header .ndl-datepicker-selects > :not([hidden]) ~ :not([hidden]){
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+}
+.ndl-datepicker .ndl-datepicker-header .ndl-datepicker-chevron{
+  height: 1.25rem;
+  width: 1.25rem;
+  color: rgb(var(--palette-neutral-text-weak));
+}
+.ndl-datepicker .react-datepicker__day-names{
+  display: flex;
+}
+.ndl-datepicker .react-datepicker__day-name{
+  margin: 0.25rem;
+  height: 2rem;
+  width: 2rem;
+  text-align: center;
+  color: rgb(var(--palette-neutral-text-weaker));
+  font-size: var(--font-size-body-medium);
+  font-weight: var(--font-weight-normal);
+  letter-spacing: 0.016rem;
+  line-height: 1.25rem;
+}
+.ndl-datepicker .react-datepicker__day-name:first-child{
+  margin-left: 0px;
+}
+.ndl-datepicker .react-datepicker__day-name:last-child{
+  margin-right: 0px;
+}
+.ndl-datepicker .react-datepicker__day-name {
+    line-height: 32px;
+  }
+.ndl-datepicker .react-datepicker__month{
+  display: flex;
+  flex-direction: column;
+}
+.ndl-datepicker .react-datepicker__week{
+  display: flex;
+}
+.ndl-datepicker .react-datepicker__week .ndl-datepicker-day{
+  margin: 0.25rem;
+  display: flex;
+  height: 2rem;
+  width: 2rem;
+  flex-direction: column;
+  justify-content: center;
+  border-radius: 8px;
+  text-align: center;
+}
+.ndl-datepicker .react-datepicker__week .ndl-datepicker-day:first-child{
+  margin-left: 0px;
+}
+.ndl-datepicker .react-datepicker__week .ndl-datepicker-day:last-child{
+  margin-right: 0px;
+}
+.ndl-datepicker .react-datepicker__week .ndl-datepicker-day {
+      line-height: 32px;
+    }
+.ndl-datepicker .react-datepicker__week .ndl-datepicker-day:not(.react-datepicker__day--disabled){
+  cursor: pointer;
+}
+.ndl-datepicker .react-datepicker__week .ndl-datepicker-day:not(.react-datepicker__day--disabled):hover:not(.react-datepicker__day--selecting-range-start):not(
+            .react-datepicker__day--selected
+          ){
+  background-color: var(--palette-neutral-hover);
+}
+.ndl-datepicker .react-datepicker__week .react-datepicker__day--outside-month{
+  visibility: hidden;
+}
+.ndl-datepicker .react-datepicker__week .react-datepicker__day--highlighted{
+  --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(--palette-neutral-bg-strongest));
+  font-size: var(--font-size-label);
+  font-weight: var(--font-weight-bold);
+  letter-spacing: 0;
+  line-height: 1.25rem;
+}
+.ndl-datepicker .react-datepicker__week .react-datepicker__day--in-selecting-range:not(
+        .react-datepicker__day--selected
+      ):not(.react-datepicker__day--keyboard-selected):not(
+        .react-datepicker__day--selecting-range-start
+      ){
+  background-color: rgb(var(--palette-primary-bg-weak));
+}
+.ndl-datepicker .react-datepicker__week .react-datepicker__day--in-range{
+  margin-left: 0px;
+  margin-right: 0px;
+  width: 2.5rem;
+  border-radius: 0px;
+  background-color: rgb(var(--palette-primary-bg-weak));
+  color: rgb(var(--palette-neutral-text-default));
+}
+.ndl-datepicker .react-datepicker__week .react-datepicker__day--in-range:hover{
+  background-color: var(--palette-primary-hover-weak);
+}
+.ndl-datepicker .react-datepicker__week .react-datepicker__day--selected, 
+    .ndl-datepicker .react-datepicker__week .react-datepicker__day--keyboard-selected{
+  background-color: rgb(var(--palette-primary-bg-strong));
+  color: rgb(var(--palette-neutral-text-inverse));
+}
+.ndl-datepicker .react-datepicker__week .react-datepicker__day--selected:hover,  .ndl-datepicker .react-datepicker__week .react-datepicker__day--keyboard-selected:hover{
+  background-color: rgb(var(--palette-primary-hover-strong));
+}
+.ndl-datepicker .react-datepicker__week .react-datepicker__day--range-start, 
+    .ndl-datepicker .react-datepicker__week .react-datepicker__day--selecting-range-start{
+  margin-left: 2px;
+  width: 2.25rem;
+  border-top-left-radius: 8px;
+  border-bottom-left-radius: 8px;
+  background-color: rgb(var(--palette-primary-bg-strong));
+  color: rgb(var(--palette-neutral-text-inverse));
+}
+.ndl-datepicker .react-datepicker__week .react-datepicker__day--range-start:hover,  .ndl-datepicker .react-datepicker__week .react-datepicker__day--selecting-range-start:hover{
+  background-color: rgb(var(--palette-primary-hover-strong));
+}
+.ndl-datepicker .react-datepicker__week .react-datepicker__day--range-end{
+  margin-right: 2px;
+  width: 2.25rem;
+  border-top-right-radius: 8px;
+  border-bottom-right-radius: 8px;
+  background-color: rgb(var(--palette-primary-bg-strong));
+  color: rgb(var(--palette-neutral-text-inverse));
+}
+.ndl-datepicker .react-datepicker__week .react-datepicker__day--range-end:hover{
+  background-color: rgb(var(--palette-primary-hover-strong));
+}
+.ndl-datepicker .react-datepicker__month-wrapper{
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  text-align: center;
+}
+.ndl-datepicker .react-datepicker__month-text{
+  margin: 0.25rem;
+  width: 4rem;
+  cursor: pointer;
+  border-radius: 8px;
+  font-size: var(--font-size-body-medium);
+  font-weight: var(--font-weight-normal);
+  letter-spacing: 0.016rem;
+  line-height: 1.25rem;
+    line-height: 32px;
+}
+.ndl-datepicker .react-datepicker__month-text:hover{
+  background-color: var(--palette-neutral-hover);
+}
+.ndl-datepicker .react-datepicker__month-text--selected{
+  background-color: rgb(var(--palette-primary-bg-strong));
+  color: rgb(var(--palette-neutral-text-inverse));
+}
+.ndl-datepicker .react-datepicker__month-text--selected:hover{
+  background-color: rgb(var(--palette-primary-hover-strong));
+}
+.ndl-datepicker .react-datepicker__year-wrapper{
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  text-align: center;
+}
+.ndl-datepicker .react-datepicker__year-text{
+  margin: 0.25rem;
+  width: 4rem;
+  cursor: pointer;
+  border-radius: 8px;
+    line-height: 32px;
+}
+.ndl-datepicker .react-datepicker__year-text:hover{
+  background-color: var(--palette-neutral-hover);
+}
+.ndl-datepicker .react-datepicker__year-text--selected{
+  background-color: rgb(var(--palette-primary-bg-strong));
+  color: rgb(var(--palette-neutral-text-inverse));
+}
+.ndl-datepicker .react-datepicker__year-text--selected:hover{
+  background-color: rgb(var(--palette-primary-hover-strong));
+}
+.ndl-datepicker .react-datepicker-time__caption{
+  display: none;
+}
+.ndl-datepicker .react-datepicker__day--disabled, 
+  .ndl-datepicker .react-datepicker__month-text--disabled, 
+  .ndl-datepicker .react-datepicker__year-text--disabled{
+  cursor: not-allowed;
+  color: rgb(var(--palette-neutral-text-weakest));
+}
+.ndl-datepicker .react-datepicker__day--disabled:hover,  .ndl-datepicker .react-datepicker__month-text--disabled:hover,  .ndl-datepicker .react-datepicker__year-text--disabled:hover{
+  background-color: transparent;
+}
+.ndl-datepicker .react-datepicker__aria-live {
+    position: absolute;
+    -webkit-clip-path: circle(0);
+            clip-path: circle(0);
+    border: 0;
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    width: 1px;
+    white-space: nowrap;
+  }
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -4618,31 +4868,6 @@ a.ndl-btn{
  */
 /*
 /* Needle Overrides */
-/*
-   ############
-    Generic Styles
-   ############
- */
-.cm-editor .cm-lineNumbers .cm-gutterElement {
-  font-family: 'Fira Code';
-  padding: 0 5px 0 5px;
-}
-.cm-editor .cm-gutter {
-  width: 100%;
-}
-.cm-editor .cm-content .cm-line {
-  line-height: 1.4375;
-  font-family: 'Fira Code';
-}
-.cm-editor .cm-scroller .cm-content,
-.cm-editor .cm-content {
-  padding: 0;
-}
-.cm-editor .cm-gutters {
-  border: none;
-  padding-left: 5px;
-  padding-right: 3px;
-}
 /* Theme Variables */
 .cm-light {
   --background: var(--palette-light-neutral-bg-weak);
@@ -4692,67 +4917,119 @@ a.ndl-btn{
 .ndl-cypher-code-block .cm-light {
   --background: var(--colors-neutral-20);
 }
-/** Cursor Colors */
-.cm-editor {
+/* Get this outside to avoid circular dependency: https://github.com/tailwindlabs/tailwindcss/issues/2807#issuecomment-730545363 */
+.autocomplete-icon-shared {
+  font-family: 'Fira Code';
+  border-radius: 100%;
+  border: 1px solid rgb(var(--ac-li-border));
+  width: 20px;
+  height: 20px;
+  display: block;
+  line-height: 19px;
+  /* If overflow is not defined, it causes a flickering effect in Chrome (bug) */
+  overflow: hidden;
+  /** Share the same with all until we have a fixed set */
   background-color: rgb(var(--background));
-  color: rgb(var(--color));
+  color: rgb(var(--keyword));
 }
-.cm-editor .cm-cursor {
-    z-index: 1;
-    border-left: 0.67em solid rgba(var(--cursor-color), 0.35);
-  }
-/** Selection Background */
-.cm-editor.cm-focused .cm-selectionBackground,
-  .cm-editor .cm-selectionBackground {
-    background: rgb(var(--selection-bg));
-  }
-.cm-editor .cm-comment {
-    color: rgb(var(--comment));
+/*
+   ############
+    Generic Styles
+   ############
+ */
+.ndl-cypher-editor .cm-editor .cm-lineNumbers .cm-gutterElement, .ndl-codemirror-editor .cm-editor .cm-lineNumbers .cm-gutterElement {
+    font-family: 'Fira Code';
+    padding: 0 5px 0 5px;
   }
-.cm-editor .cm-string {
-    color: rgb(var(--string));
+.ndl-cypher-editor .cm-editor .cm-gutter, .ndl-codemirror-editor .cm-editor .cm-gutter {
+    width: 100%;
   }
-.cm-editor .cm-gutters {
-    background-color: rgb(var(--background));
+.ndl-cypher-editor .cm-editor .cm-content .cm-line, .ndl-codemirror-editor .cm-editor .cm-content .cm-line {
+    line-height: 1.4375;
+    font-family: 'Fira Code';
   }
-.cm-editor .cm-number {
-    color: rgb(var(--number));
+.ndl-cypher-editor .cm-editor .cm-scroller .cm-content,
+  .ndl-cypher-editor .cm-editor .cm-content,
+  .ndl-codemirror-editor .cm-editor .cm-scroller .cm-content,
+  .ndl-codemirror-editor .cm-editor .cm-content {
+    padding: 0;
   }
-.cm-editor .cm-variable {
-    color: rgb(var(--variable));
+.ndl-cypher-editor .cm-editor .cm-gutters, .ndl-codemirror-editor .cm-editor .cm-gutters {
+    border: none;
+    padding-left: 5px;
+    padding-right: 3px;
   }
-.cm-editor .cm-keyword {
-    color: rgb(var(--keyword));
+/** Cursor Colors */
+.ndl-cypher-editor .cm-editor, .ndl-codemirror-editor .cm-editor {
+    background-color: rgb(var(--background));
+    color: rgb(var(--color));
   }
-.cm-editor .cm-p-relationshipType .cm-variable,
-    .cm-editor .cm-p-relationshipType .cm-operator {
-      color: rgb(var(--relationship));
+.ndl-cypher-editor .cm-editor .cm-cursor, .ndl-codemirror-editor .cm-editor .cm-cursor {
+      z-index: 1;
+      border-left: 0.67em solid rgba(var(--cursor-color), 0.35);
+    }
+/** Selection Background */
+.ndl-cypher-editor .cm-editor.cm-focused .cm-selectionBackground,
+    .ndl-cypher-editor .cm-editor .cm-selectionBackground,
+    .ndl-codemirror-editor .cm-editor.cm-focused .cm-selectionBackground,
+    .ndl-codemirror-editor .cm-editor .cm-selectionBackground {
+      background: rgb(var(--selection-bg));
+    }
+.ndl-cypher-editor .cm-editor .cm-comment, .ndl-codemirror-editor .cm-editor .cm-comment {
+      color: rgb(var(--comment));
+    }
+.ndl-cypher-editor .cm-editor .cm-string, .ndl-codemirror-editor .cm-editor .cm-string {
+      color: rgb(var(--string));
+    }
+.ndl-cypher-editor .cm-editor .cm-gutters, .ndl-codemirror-editor .cm-editor .cm-gutters {
+      background-color: rgb(var(--background));
+    }
+.ndl-cypher-editor .cm-editor .cm-number, .ndl-codemirror-editor .cm-editor .cm-number {
+      color: rgb(var(--number));
+    }
+.ndl-cypher-editor .cm-editor .cm-variable, .ndl-codemirror-editor .cm-editor .cm-variable {
+      color: rgb(var(--variable));
+    }
+.ndl-cypher-editor .cm-editor .cm-keyword, .ndl-codemirror-editor .cm-editor .cm-keyword {
+      color: rgb(var(--keyword));
+    }
+.ndl-cypher-editor .cm-editor .cm-p-relationshipType .cm-variable,
+      .ndl-cypher-editor .cm-editor .cm-p-relationshipType .cm-operator,
+      .ndl-codemirror-editor .cm-editor .cm-p-relationshipType .cm-variable,
+      .ndl-codemirror-editor .cm-editor .cm-p-relationshipType .cm-operator {
+        color: rgb(var(--relationship));
+      }
+.ndl-cypher-editor .cm-editor .cm-p-procedure,
+    .ndl-cypher-editor .cm-editor .cm-p-procedure .cm-keyword,
+    .ndl-cypher-editor .cm-editor .cm-p-procedure .cm-variable,
+    .ndl-cypher-editor .cm-editor .cm-p-procedure .cm-operator,
+    .ndl-codemirror-editor .cm-editor .cm-p-procedure,
+    .ndl-codemirror-editor .cm-editor .cm-p-procedure .cm-keyword,
+    .ndl-codemirror-editor .cm-editor .cm-p-procedure .cm-variable,
+    .ndl-codemirror-editor .cm-editor .cm-p-procedure .cm-operator {
+      color: rgb(var(--procedure));
+    }
+.ndl-cypher-editor .cm-editor .cm-p-variable,
+    .ndl-cypher-editor .cm-editor .cm-p-variable .cm-keyword,
+    .ndl-codemirror-editor .cm-editor .cm-p-variable,
+    .ndl-codemirror-editor .cm-editor .cm-p-variable .cm-keyword {
+      color: rgb(var(--variable));
+    }
+.ndl-cypher-editor .cm-editor .cm-p-procedureOutput > :is(.cm-keyword, .cm-variable), .ndl-codemirror-editor .cm-editor .cm-p-procedureOutput > :is(.cm-keyword, .cm-variable) {
+      color: rgb(var(--variable));
+    }
+.ndl-cypher-editor .cm-editor .cm-p-property > :is(.cm-keyword, .cm-variable), .ndl-codemirror-editor .cm-editor .cm-p-property > :is(.cm-keyword, .cm-variable) {
+      color: rgb(var(--variable));
+    }
+.ndl-cypher-editor .cm-editor .cm-p-function > :is(.cm-keyword, .cm-variable), .ndl-codemirror-editor .cm-editor .cm-p-function > :is(.cm-keyword, .cm-variable) {
+      color: rgb(var(--function));
     }
-.cm-editor .cm-p-procedure,
-  .cm-editor .cm-p-procedure .cm-keyword,
-  .cm-editor .cm-p-procedure .cm-variable,
-  .cm-editor .cm-p-procedure .cm-operator {
-    color: rgb(var(--procedure));
-  }
-.cm-editor .cm-p-variable,
-  .cm-editor .cm-p-variable .cm-keyword {
-    color: rgb(var(--variable));
-  }
-.cm-editor .cm-p-procedureOutput > :is(.cm-keyword, .cm-variable) {
-    color: rgb(var(--variable));
-  }
-.cm-editor .cm-p-property > :is(.cm-keyword, .cm-variable) {
-    color: rgb(var(--variable));
-  }
-.cm-editor .cm-p-function > :is(.cm-keyword, .cm-variable) {
-    color: rgb(var(--function));
-  }
 /* Search Controls */
-.cm-editor .cm-button {
-    background-color: rgb(var(--button));
-    background-image: none;
-    color: white;
-    border: none;
+.ndl-cypher-editor .cm-editor .cm-button, .ndl-codemirror-editor .cm-editor .cm-button {
+      background-color: rgb(var(--button));
+      background-image: none;
+      color: white;
+      border: none;
   transition: background-color var(--transitions-stripped);
   display: inline-flex;
   cursor: pointer;
@@ -4764,19 +5041,19 @@ a.ndl-btn{
   outline: 2px solid transparent;
   outline-offset: 2px;
   --tw-ring-color: rgb(var(--palette-primary-focus));
-  }
-.cm-editor .cm-button:focus-visible{
+    }
+.ndl-cypher-editor .cm-editor .cm-button:focus-visible,   .ndl-codemirror-editor .cm-editor .cm-button:focus-visible{
   --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-offset-width: 2px;
 }
-.cm-editor .cm-button.ndl-loading{
+.ndl-cypher-editor .cm-editor .cm-button.ndl-loading,   .ndl-codemirror-editor .cm-editor .cm-button.ndl-loading{
   cursor: default;
   vertical-align: middle;
   opacity: 0.5;
 }
-.cm-editor .cm-button.ndl-extra-small{
+.ndl-cypher-editor .cm-editor .cm-button.ndl-extra-small,   .ndl-codemirror-editor .cm-editor .cm-button.ndl-extra-small{
   height: 1.5rem;
   padding-left: 0.75rem;
   padding-right: 0.75rem;
@@ -4787,7 +5064,7 @@ a.ndl-btn{
   letter-spacing: 0;
   line-height: 1.25rem;
 }
-.cm-editor .cm-button.ndl-small{
+.ndl-cypher-editor .cm-editor .cm-button.ndl-small,   .ndl-codemirror-editor .cm-editor .cm-button.ndl-small{
   height: 1.75rem;
   padding-left: 0.75rem;
   padding-right: 0.75rem;
@@ -4798,7 +5075,7 @@ a.ndl-btn{
   letter-spacing: 0;
   line-height: 1.25rem;
 }
-.cm-editor .cm-button.ndl-medium{
+.ndl-cypher-editor .cm-editor .cm-button.ndl-medium,   .ndl-codemirror-editor .cm-editor .cm-button.ndl-medium{
   height: 2.25rem;
   padding-left: 1.5rem;
   padding-right: 1.5rem;
@@ -4809,7 +5086,7 @@ a.ndl-btn{
   letter-spacing: 0;
   line-height: 1.25rem;
 }
-.cm-editor .cm-button.ndl-large{
+.ndl-cypher-editor .cm-editor .cm-button.ndl-large,   .ndl-codemirror-editor .cm-editor .cm-button.ndl-large{
   height: 3rem;
   padding-left: 1.5rem;
   padding-right: 1.5rem;
@@ -4817,73 +5094,60 @@ a.ndl-btn{
   padding-bottom: 0.75rem;
 }
 
-.cm-editor .cm-button.ndl-large {
+.ndl-cypher-editor .cm-editor .cm-button.ndl-large, 
+  .ndl-codemirror-editor .cm-editor .cm-button.ndl-large {
   font-size: var(--font-size-h6);
   font-weight: var(--font-weight-bold);
   letter-spacing: 0.016rem;
   line-height: 1.5rem;
 }
-.cm-editor .cm-button.ndl-disabled{
+.ndl-cypher-editor .cm-editor .cm-button.ndl-disabled,   .ndl-codemirror-editor .cm-editor .cm-button.ndl-disabled{
   cursor: not-allowed;
 }
-.cm-editor .cm-button.ndl-filled{
+.ndl-cypher-editor .cm-editor .cm-button.ndl-filled,   .ndl-codemirror-editor .cm-editor .cm-button.ndl-filled{
   border-width: 0px;
   color: rgb(var(--palette-neutral-text-inverse));
 }
-.cm-editor .cm-button.ndl-filled.ndl-disabled{
+.ndl-cypher-editor .cm-editor .cm-button.ndl-filled.ndl-disabled,   .ndl-codemirror-editor .cm-editor .cm-button.ndl-filled.ndl-disabled{
   background-color: rgb(var(--palette-neutral-bg-strong));
   color: rgb(var(--palette-neutral-text-weakest));
 }
-.cm-editor .cm-button.ndl-outlined{
+.ndl-cypher-editor .cm-editor .cm-button.ndl-outlined,   .ndl-codemirror-editor .cm-editor .cm-button.ndl-outlined{
   border-width: 1px;
   border-style: solid;
   background-color: rgb(var(--palette-neutral-bg-weak));
 }
-.cm-editor .cm-button.ndl-outlined.ndl-disabled{
+.ndl-cypher-editor .cm-editor .cm-button.ndl-outlined.ndl-disabled,   .ndl-codemirror-editor .cm-editor .cm-button.ndl-outlined.ndl-disabled{
   border-color: rgb(var(--palette-neutral-text-weakest));
   background-color: rgb(var(--palette-neutral-bg-weak));
   color: rgb(var(--palette-neutral-text-weakest));
 }
-.cm-editor .cm-button.ndl-text{
+.ndl-cypher-editor .cm-editor .cm-button.ndl-text,   .ndl-codemirror-editor .cm-editor .cm-button.ndl-text{
   border-style: none;
   background-color: transparent;
 }
-.cm-editor .cm-button.ndl-text.ndl-disabled{
+.ndl-cypher-editor .cm-editor .cm-button.ndl-text.ndl-disabled,   .ndl-codemirror-editor .cm-editor .cm-button.ndl-text.ndl-disabled{
   color: rgb(var(--palette-neutral-text-weakest));
 }
-.cm-editor .cm-button.ndl-floating-btn:not(.ndl-disabled):not(.ndl-text){
+.ndl-cypher-editor .cm-editor .cm-button.ndl-floating-btn:not(.ndl-disabled):not(.ndl-text),   .ndl-codemirror-editor .cm-editor .cm-button.ndl-floating-btn:not(.ndl-disabled):not(.ndl-text){
   --tw-shadow: 0px 4px 8px 0px rgba(12, 26, 37, 0.08);
   --tw-shadow-colored: 0px 4px 8px 0px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-a.cm-editor .cm-button{
+a.ndl-cypher-editor .cm-editor .cm-button,  a .ndl-codemirror-editor .cm-editor .cm-button{
   text-decoration-line: none;
 }
-.cm-completionLabel {
-  font-family: 'Fira Code';
-  font-weight: bold;
-  vertical-align: middle;
-}
-.cm-editor .cm-completionIcon {
-  vertical-align: middle;
-  width: 18px;
-  padding: 4px 6px 2px 2px;
-}
-.autocomplete-icon-shared {
-  font-family: 'Fira Code';
-  border-radius: 100%;
-  border: 1px solid rgb(var(--ac-li-border));
-  width: 20px;
-  height: 20px;
-  display: block;
-  line-height: 19px;
-  /* If overflow is not defined, it causes a flickering effect in Chrome (bug) */
-  overflow: hidden;
-  /** Share the same with all until we have a fixed set */
-  background-color: rgb(var(--background));
-  color: rgb(var(--keyword));
-}
-.cm-editor .cm-completionIcon-keyword:after {
+.ndl-cypher-editor .cm-completionLabel, .ndl-codemirror-editor .cm-completionLabel {
+    font-family: 'Fira Code';
+    font-weight: bold;
+    vertical-align: middle;
+  }
+.ndl-cypher-editor .cm-editor .cm-completionIcon, .ndl-codemirror-editor .cm-editor .cm-completionIcon {
+    vertical-align: middle;
+    width: 18px;
+    padding: 4px 6px 2px 2px;
+  }
+.ndl-cypher-editor .cm-editor .cm-completionIcon-keyword:after,  .ndl-codemirror-editor .cm-editor .cm-completionIcon-keyword:after {
   font-family: 'Fira Code';
   border-radius: 100%;
   border: 1px solid rgb(var(--ac-li-border));
@@ -4896,9 +5160,9 @@ a.cm-editor .cm-button{
   /** Share the same with all until we have a fixed set */
   background-color: rgb(var(--background));
   color: rgb(var(--keyword));
-    content: 'K';
+      content: 'K';
 }
-.cm-editor .cm-completionIcon-label:after {
+.ndl-cypher-editor .cm-editor .cm-completionIcon-label:after,  .ndl-codemirror-editor .cm-editor .cm-completionIcon-label:after {
   font-family: 'Fira Code';
   border-radius: 100%;
   border: 1px solid rgb(var(--ac-li-border));
@@ -4911,9 +5175,9 @@ a.cm-editor .cm-button{
   /** Share the same with all until we have a fixed set */
   background-color: rgb(var(--background));
   color: rgb(var(--keyword));
-    content: 'L';
+      content: 'L';
 }
-.cm-editor .cm-completionIcon-relationshipType:after {
+.ndl-cypher-editor .cm-editor .cm-completionIcon-relationshipType:after,  .ndl-codemirror-editor .cm-editor .cm-completionIcon-relationshipType:after {
   font-family: 'Fira Code';
   border-radius: 100%;
   border: 1px solid rgb(var(--ac-li-border));
@@ -4926,10 +5190,12 @@ a.cm-editor .cm-button{
   /** Share the same with all until we have a fixed set */
   background-color: rgb(var(--background));
   color: rgb(var(--keyword));
-    content: 'R';
+      content: 'R';
 }
-.cm-editor .cm-completionIcon-variable:after, 
-  .cm-editor .cm-completionIcon-procedureOutput:after {
+.ndl-cypher-editor .cm-editor .cm-completionIcon-variable:after, 
+    .ndl-cypher-editor .cm-editor .cm-completionIcon-procedureOutput:after, 
+    .ndl-codemirror-editor .cm-editor .cm-completionIcon-variable:after, 
+    .ndl-codemirror-editor .cm-editor .cm-completionIcon-procedureOutput:after {
   font-family: 'Fira Code';
   border-radius: 100%;
   border: 1px solid rgb(var(--ac-li-border));
@@ -4942,10 +5208,12 @@ a.cm-editor .cm-button{
   /** Share the same with all until we have a fixed set */
   background-color: rgb(var(--background));
   color: rgb(var(--keyword));
-    content: 'V';
+      content: 'V';
 }
-.cm-editor .cm-completionIcon-procedure:after, 
-  .cm-editor .cm-completionIcon-function:after {
+.ndl-cypher-editor .cm-editor .cm-completionIcon-procedure:after, 
+    .ndl-cypher-editor .cm-editor .cm-completionIcon-function:after, 
+    .ndl-codemirror-editor .cm-editor .cm-completionIcon-procedure:after, 
+    .ndl-codemirror-editor .cm-editor .cm-completionIcon-function:after {
   font-family: 'Fira Code';
   border-radius: 100%;
   border: 1px solid rgb(var(--ac-li-border));
@@ -4958,9 +5226,9 @@ a.cm-editor .cm-button{
   /** Share the same with all until we have a fixed set */
   background-color: rgb(var(--background));
   color: rgb(var(--keyword));
-    content: 'λ';
+      content: 'λ';
 }
-.cm-editor .cm-completionIcon-function:after {
+.ndl-cypher-editor .cm-editor .cm-completionIcon-function:after,  .ndl-codemirror-editor .cm-editor .cm-completionIcon-function:after {
   font-family: 'Fira Code';
   border-radius: 100%;
   border: 1px solid rgb(var(--ac-li-border));
@@ -4973,9 +5241,9 @@ a.cm-editor .cm-button{
   /** Share the same with all until we have a fixed set */
   background-color: rgb(var(--background));
   color: rgb(var(--keyword));
-    content: '$';
+      content: '$';
 }
-.cm-editor .cm-completionIcon-propertyKey:after {
+.ndl-cypher-editor .cm-editor .cm-completionIcon-propertyKey:after,  .ndl-codemirror-editor .cm-editor .cm-completionIcon-propertyKey:after {
   font-family: 'Fira Code';
   border-radius: 100%;
   border: 1px solid rgb(var(--ac-li-border));
@@ -4988,10 +5256,12 @@ a.cm-editor .cm-button{
   /** Share the same with all until we have a fixed set */
   background-color: rgb(var(--background));
   color: rgb(var(--keyword));
-    content: 'P';
+      content: 'P';
 }
-.cm-editor .cm-completionIcon-consoleCommand:after, 
-  .cm-editor .cm-completionIcon-consoleCommandSubcommand:after {
+.ndl-cypher-editor .cm-editor .cm-completionIcon-consoleCommand:after, 
+    .ndl-cypher-editor .cm-editor .cm-completionIcon-consoleCommandSubcommand:after, 
+    .ndl-codemirror-editor .cm-editor .cm-completionIcon-consoleCommand:after, 
+    .ndl-codemirror-editor .cm-editor .cm-completionIcon-consoleCommandSubcommand:after {
   font-family: 'Fira Code';
   border-radius: 100%;
   border: 1px solid rgb(var(--ac-li-border));
@@ -5004,30 +5274,30 @@ a.cm-editor .cm-button{
   /** Share the same with all until we have a fixed set */
   background-color: rgb(var(--background));
   color: rgb(var(--keyword));
-    content: 'C';
-}
-.cm-tooltip-autocomplete {
-  border-radius: var(--border-radius-sm);
-  border: 1px solid rgb(var(--ac-tooltip-border)) !important;
-  background-color: rgb(var(--ac-tooltip-background)) !important;
-  overflow: hidden;
-  margin-top: 4px;
-  padding: 7px;
+      content: 'C';
 }
-.cm-tooltip-autocomplete li {
+.ndl-cypher-editor .cm-tooltip-autocomplete, .ndl-codemirror-editor .cm-tooltip-autocomplete {
     border-radius: var(--border-radius-sm);
-    color: rgb(var(--ac-li-text)) !important;
+    border: 1px solid rgb(var(--ac-tooltip-border)) !important;
+    background-color: rgb(var(--ac-tooltip-background)) !important;
+    overflow: hidden;
+    margin-top: 4px;
+    padding: 7px;
   }
-.cm-tooltip-autocomplete li:hover {
-      background-color: rgb(var(--ac-li-hover));
+.ndl-cypher-editor .cm-tooltip-autocomplete li, .ndl-codemirror-editor .cm-tooltip-autocomplete li {
+      border-radius: var(--border-radius-sm);
+      color: rgb(var(--ac-li-text)) !important;
     }
-.cm-tooltip-autocomplete li[aria-selected='true'] {
-    background: rgb(var(--ac-li-selected)) !important;
-    color: rgb(var(--ac-li-text-selected)) !important;
-  }
-.cm-tooltip-autocomplete li[aria-selected='true'] > div {
-      opacity: 100%;
+.ndl-cypher-editor .cm-tooltip-autocomplete li:hover, .ndl-codemirror-editor .cm-tooltip-autocomplete li:hover {
+        background-color: rgb(var(--ac-li-hover));
+      }
+.ndl-cypher-editor .cm-tooltip-autocomplete li[aria-selected='true'], .ndl-codemirror-editor .cm-tooltip-autocomplete li[aria-selected='true'] {
+      background: rgb(var(--ac-li-selected)) !important;
+      color: rgb(var(--ac-li-text-selected)) !important;
     }
+.ndl-cypher-editor .cm-tooltip-autocomplete li[aria-selected='true'] > div, .ndl-codemirror-editor .cm-tooltip-autocomplete li[aria-selected='true'] > div {
+        opacity: 100%;
+      }
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -5737,6 +6007,10 @@ a.cm-editor .cm-button{
 .n-table-auto{
   table-layout: auto;
 }
+.n-rotate-180{
+  --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));
+}
 .n-transform{
   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));
 }
@@ -23076,12 +23350,12 @@ a.cm-editor .cm-button{
 .n-fill-palette-neutral-border-strong{
   fill: rgb(var(--palette-neutral-border-strong));
 }
-.n-p-4{
-  padding: 1rem;
-}
 .n-p-2{
   padding: 0.5rem;
 }
+.n-p-4{
+  padding: 1rem;
+}
 .n-p-8{
   padding: 2rem;
 }

package/lib/tokens/css/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 08:29:55 GMT
+ * Generated on Thu, 27 Jul 2023 08:47:03 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 08:29:55 GMT
+ * Generated on Thu, 27 Jul 2023 08:47:03 GMT
  */
 
 module.exports = {

package/lib/tokens/js/tokens.js

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Mon, 24 Jul 2023 08:29:55 GMT
+* Generated on Thu, 27 Jul 2023 08:47:03 GMT
 */
 
 export const tokens = {

package/lib/tokens/scss/tokens.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 24 Jul 2023 08:29:55 GMT
+// Generated on Thu, 27 Jul 2023 08:47:03 GMT
 
 $transitions-values-properties-default: all;
 $transitions-values-duration-default: 100ms;

package/lib/types/tokens/js/storybook-design-token.d.ts

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Mon, 24 Jul 2023 08:29:55 GMT
+* Generated on Thu, 27 Jul 2023 08:47:03 GMT
 */
 export const tokens: {
     transitions: {

package/package.json

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