@neo4j-ndl/base 1.3.1 → 1.3.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Change Log
 
+## 1.3.3
+
+### Patch Changes
+
+- f483090: Change theme of the last components to palette
+
+## 1.3.2
+
+### Patch Changes
+
+- 95991ed: Increase table resize button hitbox, change styling and update default min size from 20px to 100px
+
 ## 1.3.1
 
 ### Patch Changes

package/lib/LICENSES.txt

@@ -5310,6 +5310,58 @@ along with this program.  If not, see http://www.gnu.org/licenses/.
 
 -----
 
+The following software may be included in this product: acorn. A copy of the source code may be downloaded from https://github.com/acornjs/acorn.git. This software contains the following license and notice below:
+
+MIT License
+
+Copyright (C) 2012-2022 by various contributors (see AUTHORS)
+
+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: acorn-walk. A copy of the source code may be downloaded from https://github.com/acornjs/acorn.git. This software contains the following license and notice below:
+
+MIT License
+
+Copyright (C) 2012-2020 by various contributors (see AUTHORS)
+
+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: autoprefixer, postcss. A copy of the source code may be downloaded from git+https://github.com/postcss/autoprefixer.git (autoprefixer), git+https://github.com/postcss/postcss.git (postcss). This software contains the following license and notice below:
 
 The MIT License (MIT)
@@ -17653,6 +17705,32 @@ Repository: github:eemeli/yaml
 
 -----
 
+The following software may be included in this product: vite-plugin-entry-shaking. A copy of the source code may be downloaded from https://github.com/Dschungelabenteuer/vite-plugin-entry-shaking. This software contains the following license and notice below:
+
+MIT License
+
+Copyright (c) 2022 Charles Gruenais
+
+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: vite-tsconfig-paths. A copy of the source code may be downloaded from git+https://github.com/aleclarson/vite-tsconfig-paths.git. This software contains the following license and notice below:
 
 MIT License

package/lib/NOTICE.txt

@@ -57,28 +57,28 @@ Third-party licenses
 │  ├─ @heroicons/react@npm:2.0.13 [a2e03] (via npm:2.0.13 [a2e03])
 │  │  ├─ URL: https://github.com/tailwindlabs/heroicons.git
 │  │  └─ VendorUrl: https://github.com/tailwindlabs/heroicons#readme
-│  ├─ @storybook/addon-a11y@npm:7.0.0-beta.54 [d75d7] (via npm:7.0.0-beta.54 [d75d7])
+│  ├─ @storybook/addon-a11y@npm:7.0.6 [d75d7] (via npm:7.0.6 [d75d7])
 │  │  ├─ URL: https://github.com/storybookjs/storybook.git
 │  │  └─ VendorUrl: https://github.com/storybookjs/storybook/tree/next/code/addons/a11y
-│  ├─ @storybook/addon-actions@npm:7.0.0-beta.54 [d75d7] (via npm:7.0.0-beta.54 [d75d7])
+│  ├─ @storybook/addon-actions@npm:7.0.6 [d75d7] (via npm:7.0.6 [d75d7])
 │  │  ├─ URL: https://github.com/storybookjs/storybook.git
 │  │  └─ VendorUrl: https://github.com/storybookjs/storybook/tree/next/code/addons/actions
-│  ├─ @storybook/addon-essentials@npm:7.0.0-beta.54 [d75d7] (via npm:7.0.0-beta.54 [d75d7])
+│  ├─ @storybook/addon-essentials@npm:7.0.6 [d75d7] (via npm:7.0.6 [d75d7])
 │  │  ├─ URL: https://github.com/storybookjs/storybook.git
 │  │  └─ VendorUrl: https://github.com/storybookjs/storybook/tree/next/code/addons/essentials
-│  ├─ @storybook/addon-links@npm:7.0.0-beta.54 [d75d7] (via npm:7.0.0-beta.54 [d75d7])
+│  ├─ @storybook/addon-links@npm:7.0.6 [d75d7] (via npm:7.0.6 [d75d7])
 │  │  ├─ URL: https://github.com/storybookjs/storybook.git
 │  │  └─ VendorUrl: https://github.com/storybookjs/storybook/tree/next/code/addons/links
-│  ├─ @storybook/addon-storysource@npm:7.0.0-beta.54 [d75d7] (via npm:7.0.0-beta.54 [d75d7])
+│  ├─ @storybook/addon-storysource@npm:7.0.6 [d75d7] (via npm:7.0.6 [d75d7])
 │  │  ├─ URL: https://github.com/storybookjs/storybook.git
 │  │  └─ VendorUrl: https://github.com/storybookjs/storybook/tree/next/code/addons/storysource
-│  ├─ @storybook/react@npm:7.0.0-beta.54 [d75d7] (via npm:7.0.0-beta.54 [d75d7])
+│  ├─ @storybook/react@npm:7.0.6 [d75d7] (via npm:7.0.6 [d75d7])
 │  │  ├─ URL: https://github.com/storybookjs/storybook.git
 │  │  └─ VendorUrl: https://github.com/storybookjs/storybook/tree/main/renderers/react
-│  ├─ @storybook/react-vite@npm:7.0.0-beta.54 [d75d7] (via npm:7.0.0-beta.54 [d75d7])
+│  ├─ @storybook/react-vite@npm:7.0.6 [d75d7] (via npm:7.0.6 [d75d7])
 │  │  ├─ URL: https://github.com/storybookjs/storybook.git
 │  │  └─ VendorUrl: https://github.com/storybookjs/storybook/tree/main/frameworks/react-vite
-│  ├─ @storybook/react-webpack5@npm:7.0.0-beta.54 [d75d7] (via npm:7.0.0-beta.54 [d75d7])
+│  ├─ @storybook/react-webpack5@npm:7.0.6 [d75d7] (via npm:7.0.6 [d75d7])
 │  │  ├─ URL: https://github.com/storybookjs/storybook.git
 │  │  └─ VendorUrl: https://github.com/storybookjs/storybook/tree/main/frameworks/react-webpack5
 │  ├─ @svgr/cli@npm:6.5.1 (via npm:6.5.1)
@@ -129,6 +129,12 @@ Third-party licenses
 │  │  └─ VendorUrl: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/tinycolor2
 │  ├─ @typescript-eslint/eslint-plugin@npm:5.56.0 [a2e03] (via npm:^5.5.0 [a2e03])
 │  │  └─ URL: https://github.com/typescript-eslint/typescript-eslint.git
+│  ├─ acorn@npm:8.8.2 (via npm:^8.8.2)
+│  │  ├─ URL: https://github.com/acornjs/acorn.git
+│  │  └─ VendorUrl: https://github.com/acornjs/acorn
+│  ├─ acorn-walk@npm:8.2.0 (via npm:^8.2.0)
+│  │  ├─ URL: https://github.com/acornjs/acorn.git
+│  │  └─ VendorUrl: https://github.com/acornjs/acorn
 │  ├─ autoprefixer@npm:10.4.14 [708d2] (via npm:^10.4.0 [708d2])
 │  │  ├─ URL: git+https://github.com/postcss/autoprefixer.git
 │  │  └─ VendorName: Andrey Sitnik
@@ -269,6 +275,10 @@ Third-party licenses
 │  │  ├─ URL: git+https://github.com/vitejs/vite.git
 │  │  ├─ VendorName: Evan You
 │  │  └─ VendorUrl: https://github.com/vitejs/vite/tree/main/#readme
+│  ├─ vite-plugin-entry-shaking@npm:0.2.1 [d75d7] (via npm:^0.2.1 [d75d7])
+│  │  ├─ URL: https://github.com/Dschungelabenteuer/vite-plugin-entry-shaking
+│  │  ├─ VendorName: Charles Gruenais
+│  │  └─ VendorUrl: https://github.com/Dschungelabenteuer/vite-plugin-entry-shaking/tree/main/#readme
 │  └─ 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

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

@@ -1,7 +1,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Wed, 03 May 2023 08:17:07 GMT
+* Generated on Wed, 10 May 2023 09:58:23 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 Wed, 03 May 2023 08:17:06 GMT
+* Generated on Wed, 10 May 2023 09:58:23 GMT
 */
 module.exports = {
     "transitions": {

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

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Wed, 03 May 2023 08:17:07 GMT
+* Generated on Wed, 10 May 2023 09:58:23 GMT
 */
 export const tokens = {
     "transitions": {

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

@@ -1,7 +1,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Wed, 03 May 2023 08:17:06 GMT
+* Generated on Wed, 10 May 2023 09:58:23 GMT
 */
 module.exports = {
     "transitions": {

package/lib/neo4j-ds-styles.css

@@ -459,7 +459,7 @@ video {
  */
 /**
  * Do not edit directly
- * Generated on Wed, 03 May 2023 08:17:06 GMT
+ * Generated on Wed, 10 May 2023 09:58:23 GMT
  */
 :root {
   --transitions-values-properties-default: all;
@@ -1211,14 +1211,12 @@ a.ndl-btn{
   gap: 0.25rem;
   border-radius: 8px;
   border-width: 1px;
-  --tw-border-opacity: 1;
-  border-color: rgb(196 200 205 / var(--tw-border-opacity));
+  border-color: rgb(var(--palette-neutral-border-strong));
   background-color: rgb(var(--palette-neutral-bg-weak));
   padding: 0.25rem;
 }
 .ndl-icon-btn-array.ndl-array-floating{
-  --tw-border-opacity: 1;
-  border-color: rgb(238 241 246 / var(--tw-border-opacity));
+  border-color: rgb(var(--palette-neutral-border-weak));
   --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);
@@ -1284,8 +1282,7 @@ a.ndl-btn{
   padding-bottom: 0px;
 }
 .ndl-label.ndl-clean .ndl-label-text{
-  --tw-text-opacity: 1;
-  color: rgb(21 30 41 / var(--tw-text-opacity));
+  color: rgb(var(--palette-neutral-text-default));
 }
 .ndl-label.ndl-outlined{
   border-width: 0.5px;
@@ -1610,8 +1607,7 @@ a.ndl-btn{
   width: -moz-fit-content;
   width: fit-content;
   border-radius: 4px;
-  --tw-bg-opacity: 1;
-  background-color: rgb(83 91 102 / var(--tw-bg-opacity));
+  background-color: rgb(var(--palette-neutral-bg-strongest));
   padding-left: 0.75rem;
   padding-right: 0.75rem;
   padding-top: 0.5rem;
@@ -1628,8 +1624,7 @@ a.ndl-btn{
   height: 0px;
   width: 0px;
   border-style: solid;
-  --tw-border-opacity: 1;
-  border-color: rgb(83 91 102 / var(--tw-border-opacity));
+  border-color: rgb(var(--palette-neutral-bg-strongest));
 }
 .ndl-tooltip-wrapper .ndl-tooltip-triangle.ndl-bottom{
   bottom: -8px;
@@ -2343,8 +2338,7 @@ a.ndl-btn{
   padding-right: 0.5rem;
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
-  --tw-bg-opacity: 1;
-  background-color: rgb(230 233 238 / var(--tw-bg-opacity));
+  background-color: rgb(var(--palette-neutral-bg-strong));
   font-size: var(--font-size-body-medium);
   font-weight: var(--font-weight-normal);
   letter-spacing: 0.016rem;
@@ -2558,8 +2552,7 @@ a.ndl-btn{
  */
 .ndl-dialog{
   border-radius: 16px;
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  background-color: rgb(var(--palette-neutral-bg-weak));
   padding: 3rem;
   --tw-shadow: 0px 4px 8px 0px rgba(12, 26, 37, 0.08);
   --tw-shadow-colored: 0px 4px 8px 0px var(--tw-shadow-color);
@@ -2571,20 +2564,16 @@ a.ndl-btn{
     margin-left: 1rem;
   }
 .ndl-dialog .ndl-dialog-type-icon.ndl-info{
-  --tw-text-opacity: 1;
-  color: rgb(0 111 214 / var(--tw-text-opacity));
+  color: rgb(var(--palette-primary-icon));
 }
 .ndl-dialog .ndl-dialog-type-icon.ndl-success{
-  --tw-text-opacity: 1;
-  color: rgb(50 125 96 / var(--tw-text-opacity));
+  color: rgb(var(--palette-success-icon));
 }
 .ndl-dialog .ndl-dialog-type-icon.ndl-warning{
-  --tw-text-opacity: 1;
-  color: rgb(150 108 46 / var(--tw-text-opacity));
+  color: rgb(var(--palette-warning-icon));
 }
 .ndl-dialog .ndl-dialog-type-icon.ndl-danger{
-  --tw-text-opacity: 1;
-  color: rgb(204 37 75 / var(--tw-text-opacity));
+  color: rgb(var(--palette-danger-icon));
 }
 .ndl-dialog .ndl-dialog-close{
   position: absolute;
@@ -2601,8 +2590,7 @@ a.ndl-btn{
   margin-bottom: 1rem;
 }
 .ndl-dialog-description{
-  --tw-text-opacity: 1;
-  color: rgb(83 91 102 / var(--tw-text-opacity));
+  color: rgb(var(--palette-neutral-text-weak));
 }
 .ndl-dialog.ndl-with-icon .ndl-dialog-description{
   min-height: 70px;
@@ -2911,9 +2899,8 @@ a.ndl-btn{
     transform: translate3d(0%, 0%, 0);
     will-change: transform;
     border-style: solid;
-    border-color: rgb(230 233 238 / var(--tw-border-opacity));
-    --tw-border-opacity: 1;
-    border-bottom-color: rgb(1 139 255 / var(--tw-border-opacity));
+    border-color: rgb(var(--palette-neutral-bg-strong));
+    border-bottom-color: rgb(var(--palette-primary-focus));
   }
 /**
  *
@@ -3053,7 +3040,7 @@ a.ndl-btn{
         width: 1px;
         height: calc(100% + 1px);
         background-color: rgb(var(--palette-primary-focus));
-        right: 2px;
+        right: 0;
         top: 0;
         z-index: 1000;
       }
@@ -3121,23 +3108,33 @@ a.ndl-btn{
           background-color: rgb(var(--palette-neutral-bg-strong));
         }
 /* Table head - Cell */
-.ndl-table-root .ndl-div-table .ndl-table-th .ndl-table-resizer {
-        position: absolute;
+.ndl-table-root .ndl-div-table .ndl-table-th .ndl-table-resizer-wrapper{
+  position: absolute;
+  right: -0.5rem;
+  top: 0px;
+  z-index: 50;
+  display: flex;
+  width: 1rem;
+  cursor: col-resize;
+  place-content: center;
+  align-items: center;
         height: calc(100% + 1px);
-        width: 5px;
-        right: 0;
-        top: 0;
-        -webkit-user-select: none;
-           -moz-user-select: none;
-                user-select: none;
-        touch-action: none;
-        content: '';
-        cursor: col-resize;
-      }
-.ndl-table-root .ndl-div-table .ndl-table-th .ndl-table-resizer.ndl-table-is-resizing {
-          background-color: rgb(var(--palette-primary-focus));
-          opacity: 1;
+}
+.ndl-table-root .ndl-div-table .ndl-table-th .ndl-table-resizer-wrapper .ndl-table-resizer {
+          height: calc(65% + 1px);
+          width: 4px;
+          border-radius: 4px;
+          -webkit-user-select: none;
+             -moz-user-select: none;
+                  user-select: none;
+          touch-action: none;
+          content: '';
+          cursor: col-resize;
         }
+.ndl-table-root .ndl-div-table .ndl-table-th .ndl-table-resizer-wrapper .ndl-table-resizer.ndl-table-is-resizing {
+            background-color: rgb(var(--palette-primary-focus));
+            opacity: 1;
+          }
 /* Table column */
 .ndl-table-root .ndl-div-table .ndl-table-col {
     }
@@ -3299,8 +3296,7 @@ a.ndl-btn{
     bottom: 0;
     left: 50%;
     border-bottom-width: 1px;
-    --tw-border-opacity: 1;
-    border-color: rgb(238 241 246 / var(--tw-border-opacity));
+    border-color: rgb(var(--palette-neutral-border-weak));
   }
 /* Add prefix here also, as there is a conflict with native tailwind classes like "<prefix>table-row" */
 .ndl-table .ndl-table-row:last-child:after{
@@ -3312,8 +3308,7 @@ a.ndl-btn{
   align-items: center;
   -moz-column-gap: 0.25rem;
        column-gap: 0.25rem;
-  --tw-text-opacity: 1;
-  color: rgb(113 119 128 / var(--tw-text-opacity));
+  color: rgb(var(--palette-neutral-text-weaker));
   font-size: var(--font-size-body-large);
   font-weight: var(--font-weight-normal);
   letter-spacing: 0.016rem;
@@ -3326,8 +3321,7 @@ a.ndl-btn{
   overflow: visible;
 }
 .ndl-table .ndl-table-row:hover{
-  --tw-bg-opacity: 1;
-  background-color: rgb(245 247 250 / var(--tw-bg-opacity));
+  background-color: rgb(var(--palette-neutral-bg-default));
 }
 .ndl-table .ndl-table-row .ndl-table-row-actions{
   display: none;
@@ -3356,8 +3350,7 @@ a.ndl-btn{
   padding-right: 1.75rem;
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
-  --tw-text-opacity: 1;
-  color: rgb(21 30 41 / var(--tw-text-opacity));
+  color: rgb(var(--palette-neutral-text-default));
   font-size: var(--font-size-body-medium);
   font-weight: var(--font-weight-normal);
   letter-spacing: 0.016rem;
@@ -3388,8 +3381,7 @@ a.ndl-btn{
       padding-top: 0.75rem;
       padding-bottom: 0.75rem;
       text-align: left;
-      --tw-text-opacity: 1;
-      color: rgb(83 91 102 / var(--tw-text-opacity));
+      color: rgb(var(--palette-neutral-text-weak));
   font-size: var(--font-size-body-large);
   font-weight: var(--font-weight-normal);
   letter-spacing: 0.016rem;
@@ -3398,10 +3390,8 @@ a.ndl-btn{
 .ndl-table tr th.ndl-table-column-styling.ndl-sortable:hover{
   border-left-width: 1px;
   border-right-width: 1px;
-  --tw-border-opacity: 1;
-  border-color: rgb(196 200 205 / var(--tw-border-opacity));
-  --tw-bg-opacity: 1;
-  background-color: rgb(245 247 250 / var(--tw-bg-opacity));
+  border-color: rgb(var(--palette-neutral-border-strong));
+  background-color: rgb(var(--palette-neutral-bg-default));
 }
 .ndl-table tr th.ndl-table-column-styling.ndl-sortable:first-child{
   border-left-width: 0px;
@@ -3431,8 +3421,7 @@ a.ndl-btn{
   cursor: col-resize;
 }
 .ndl-table .ndl-table-resizing-bar:hover{
-  --tw-bg-opacity: 1;
-  background-color: rgb(83 91 102 / var(--tw-bg-opacity));
+  background-color: rgb(var(--palette-neutral-bg-strongest));
 }
 .ndl-table-select {
   /* Reset default select */
@@ -3449,10 +3438,8 @@ a.ndl-btn{
   height: 2.25rem;
   border-radius: 6px;
   border-width: 1px;
-  --tw-border-opacity: 1;
-  border-color: rgb(196 200 205 / var(--tw-border-opacity));
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  border-color: rgb(var(--palette-neutral-border-strong));
+  background-color: rgb(var(--palette-neutral-bg-weak));
   padding-left: 0.75rem;
   padding-right: 1.75rem;
   line-height: 1;
@@ -3507,8 +3494,7 @@ a.ndl-btn{
   margin-right: auto;
 }
 .ndl-drag-and-drop.ndl-drag-disabled{
-  --tw-text-opacity: 1;
-  color: rgb(178 183 189 / var(--tw-text-opacity));
+  color: rgb(var(--palette-neutral-text-weakest));
 }
 .ndl-drag-and-drop.ndl-drag-active{
   --tw-bg-opacity: 1;
@@ -3537,8 +3523,7 @@ a.ndl-btn{
   line-height: 1.25rem;
 }
 .ndl-drag-and-drop .ndl-drag-and-drop-header .ndl-dnd-browse-link:not(:disabled){
-  --tw-text-opacity: 1;
-  color: rgb(0 111 214 / var(--tw-text-opacity));
+  color: rgb(var(--palette-primary-text));
 }
 .ndl-drag-and-drop .ndl-drag-and-drop-header .ndl-upload-img-wrapper{
   position: relative;
@@ -3571,8 +3556,7 @@ a.ndl-btn{
   line-height: 1.25rem;
 }
 .ndl-drag-and-drop:not(.ndl-drag-disabled) .ndl-file-support-text{
-  --tw-text-opacity: 1;
-  color: rgb(113 119 128 / var(--tw-text-opacity));
+  color: rgb(var(--palette-neutral-text-weaker));
 }
 .ndl-drag-and-drop.ndl-drag-active.ndl-file-invalid{
   --tw-bg-opacity: 1;
@@ -3732,8 +3716,7 @@ a.ndl-btn{
 .ndl-node-label:not(.ndl-disabled).ndl-selected:after, 
     .ndl-node-label:not(.ndl-disabled):active:after, 
     .ndl-node-label:not(.ndl-disabled):focus-visible:after{
-  --tw-border-opacity: 1;
-  border-color: rgb(1 139 255 / var(--tw-border-opacity));
+  border-color: rgb(var(--palette-primary-focus));
 }
 .ndl-node-label.ndl-disabled{
   cursor: default;
@@ -3749,8 +3732,7 @@ a.ndl-btn{
   padding-bottom: 0.125rem;
   padding-left: 0.5rem;
   padding-right: 0.5rem;
-  --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
+  color: rgb(var(--palette-neutral-text-inverse));
   font-size: var(--font-size-label);
   font-weight: var(--font-weight-bold);
   letter-spacing: 0;
@@ -3758,8 +3740,7 @@ a.ndl-btn{
 }
 .ndl-property-key-label.ndl-disabled{
   cursor: default;
-  --tw-text-opacity: 1;
-  color: rgb(178 183 189 / var(--tw-text-opacity));
+  color: rgb(var(--palette-neutral-text-weakest));
 }
 .ndl-property-key-label .ndl-property-key-label-content{
   width: 100%;
@@ -3790,8 +3771,7 @@ a.ndl-btn{
 .ndl-property-key-label:not(.ndl-disabled).ndl-selected:after, 
     .ndl-property-key-label:not(.ndl-disabled):active:after, 
     .ndl-property-key-label:not(.ndl-disabled):focus-visible:after{
-  --tw-border-opacity: 1;
-  border-color: rgb(1 139 255 / var(--tw-border-opacity));
+  border-color: rgb(var(--palette-primary-focus));
 }
 .ndl-relationship-label{
   position: relative;
@@ -3852,15 +3832,13 @@ a.ndl-btn{
   left: -3px;
 }
 .ndl-relationship-label:not(.ndl-disabled).ndl-selected .ndl-hexagon-end-active,  .ndl-relationship-label:not(.ndl-disabled):focus-visible .ndl-hexagon-end-active,  .ndl-relationship-label:not(.ndl-disabled):active .ndl-hexagon-end-active{
-  fill: #018bff;
+  fill: rgb(var(--palette-primary-focus));
 }
 .ndl-relationship-label:not(.ndl-disabled).ndl-selected .ndl-relationship-label-container:after,  .ndl-relationship-label:not(.ndl-disabled):focus-visible .ndl-relationship-label-container:after,  .ndl-relationship-label:not(.ndl-disabled):active .ndl-relationship-label-container:after{
-  --tw-bg-opacity: 1;
-  background-color: rgb(1 139 255 / var(--tw-bg-opacity));
+  background-color: rgb(var(--palette-primary-focus));
 }
 .ndl-relationship-label:not(.ndl-disabled).ndl-selected .ndl-relationship-label-container:before,  .ndl-relationship-label:not(.ndl-disabled):focus-visible .ndl-relationship-label-container:before,  .ndl-relationship-label:not(.ndl-disabled):active .ndl-relationship-label-container:before{
-  --tw-bg-opacity: 1;
-  background-color: rgb(1 139 255 / var(--tw-bg-opacity));
+  background-color: rgb(var(--palette-primary-focus));
 }
 .ndl-relationship-label:focus-visible{
   outline: 2px solid transparent;
@@ -3891,8 +3869,7 @@ a.ndl-btn{
  */
 .ndl-wizard-circle{
   z-index: 2;
-  --tw-text-opacity: 1;
-  color: rgb(21 30 41 / var(--tw-text-opacity));
+  color: rgb(var(--palette-neutral-text-default));
 }
 .ndl-wizard-circle .ndl-text.ndl-horizontal{
   position: absolute;
@@ -3949,12 +3926,10 @@ a.ndl-btn{
   z-index: 1;
 }
 .ndl-wizard-line.ndl-complete{
-  --tw-bg-opacity: 1;
-  background-color: rgb(0 111 214 / var(--tw-bg-opacity));
+  background-color: rgb(var(--palette-primary-text));
 }
 .ndl-wizard-line.ndl-incomplete{
-  --tw-bg-opacity: 1;
-  background-color: rgb(178 183 189 / var(--tw-bg-opacity));
+  background-color: rgb(var(--palette-neutral-text-weakest));
 }
 .ndl-wizard-line.ndl-active.ndl-horizontal {
   background: linear-gradient(

package/lib/tokens/css/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 03 May 2023 08:17:06 GMT
+ * Generated on Wed, 10 May 2023 09:58:23 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 03 May 2023 08:17:06 GMT
+ * Generated on Wed, 10 May 2023 09:58:23 GMT
  */
 
 module.exports = {

package/lib/tokens/js/tokens.js

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Wed, 03 May 2023 08:17:07 GMT
+* Generated on Wed, 10 May 2023 09:58:23 GMT
 */
 
 export const tokens = {

package/lib/tokens/scss/tokens.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 03 May 2023 08:17:06 GMT
+// Generated on Wed, 10 May 2023 09:58:23 GMT
 
 $transitions-values-properties-default: all;
 $transitions-values-duration-default: 100ms;

package/package.json

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