@neo4j-ndl/base 2.0.1 → 2.0.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Change Log
 
+## 2.0.3
+
+### Patch Changes
+
+- [#684](https://github.com/neo4j/neo4j-design/pull/684) [`c2e04dd`](https://github.com/neo4j/neo4j-design/commit/c2e04dd2e2b74bb3220c0dcb88c315b6bdffffae) Thanks [@konsalex](https://github.com/konsalex)! - fix text input and area sizings (this should have been a breaking change, ui may break in some products)
+
+## 2.0.2
+
+### Patch Changes
+
+- [#683](https://github.com/neo4j/neo4j-design/pull/683) [`cab83f7`](https://github.com/neo4j/neo4j-design/commit/cab83f7b35a989c25ba73dc5c59bdf13294d5cb0) Thanks [@konsalex](https://github.com/konsalex)! - fix cypher editor cursor color
+
 ## 2.0.1
 
 ### Patch Changes

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

@@ -22,7 +22,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Tue, 10 Oct 2023 10:28:23 GMT
+* Generated on Mon, 16 Oct 2023 14:39:17 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 Tue, 10 Oct 2023 10:28:23 GMT
+* Generated on Mon, 16 Oct 2023 14:39:17 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 Tue, 10 Oct 2023 10:28:23 GMT
+* Generated on Mon, 16 Oct 2023 14:39:17 GMT
 */
 module.exports = {
     "transitions": {

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

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Tue, 10 Oct 2023 10:28:23 GMT
+* Generated on Mon, 16 Oct 2023 14:39:17 GMT
 */
 export const tokens = {
     "transitions": [

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

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Tue, 10 Oct 2023 10:28:23 GMT
+* Generated on Mon, 16 Oct 2023 14:39:17 GMT
 */
 export const tokens = {
     "transitions": {

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

@@ -22,7 +22,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Tue, 10 Oct 2023 10:28:23 GMT
+* Generated on Mon, 16 Oct 2023 14:39:17 GMT
 */
 module.exports = {
     "transitions": {

package/lib/neo4j-ds-styles.css

@@ -2105,8 +2105,8 @@ a.ndl-btn{
 .ndl-form-item .ndl-form-item-wrapper .ndl-information-icon-large{
   margin-top:2px;
   margin-left:3px;
-  height:16px;
-  width:16px;
+  height:20px;
+  width:20px;
   color:rgb(var(--theme-palette-neutral-text-weak));
 }
 .ndl-form-item.ndl-type-text .ndl-form-item-label{
@@ -2245,11 +2245,11 @@ a.ndl-btn{
         top:calc(50% - 12px);
         right:16px;
       }
-.ndl-form-item.ndl-small input[type='text'], 
-    .ndl-form-item.ndl-small input[type='email'], 
-    .ndl-form-item.ndl-small input[type='password'], 
-    .ndl-form-item.ndl-small input[type='number'], 
-    .ndl-form-item.ndl-small input[type='url']{
+.ndl-form-item.ndl-medium input[type='text'], 
+    .ndl-form-item.ndl-medium input[type='email'], 
+    .ndl-form-item.ndl-medium input[type='password'], 
+    .ndl-form-item.ndl-medium input[type='number'], 
+    .ndl-form-item.ndl-medium input[type='url']{
   height:36px;
   padding-top:8px;
   padding-bottom:8px;
@@ -2258,46 +2258,46 @@ a.ndl-btn{
   letter-spacing:0.016rem;
   line-height:1.25rem;
 }
-.ndl-form-item.ndl-small input[type='text']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-small input[type='email']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-small input[type='password']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-small input[type='number']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-small input[type='url']:-moz-read-only:not(:disabled){
+.ndl-form-item.ndl-medium input[type='text']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-medium input[type='email']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-medium input[type='password']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-medium input[type='number']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-medium input[type='url']:-moz-read-only:not(:disabled){
   height:20px;
 }
-.ndl-form-item.ndl-small input[type='text']:read-only:not(:disabled),  .ndl-form-item.ndl-small input[type='email']:read-only:not(:disabled),  .ndl-form-item.ndl-small input[type='password']:read-only:not(:disabled),  .ndl-form-item.ndl-small input[type='number']:read-only:not(:disabled),  .ndl-form-item.ndl-small input[type='url']:read-only:not(:disabled){
+.ndl-form-item.ndl-medium input[type='text']:read-only:not(:disabled),  .ndl-form-item.ndl-medium input[type='email']:read-only:not(:disabled),  .ndl-form-item.ndl-medium input[type='password']:read-only:not(:disabled),  .ndl-form-item.ndl-medium input[type='number']:read-only:not(:disabled),  .ndl-form-item.ndl-medium input[type='url']:read-only:not(:disabled){
   height:20px;
 }
-.ndl-form-item.ndl-small .ndl-form-item-label{
+.ndl-form-item.ndl-medium .ndl-form-item-label{
   font-size:var(--font-size-body-medium);
   font-weight:var(--font-weight-normal);
   letter-spacing:0.016rem;
   line-height:1.25rem;
 }
-.ndl-form-item.ndl-small.ndl-has-left-icon input[type='text'], 
-      .ndl-form-item.ndl-small.ndl-has-left-icon input[type='email'], 
-      .ndl-form-item.ndl-small.ndl-has-left-icon input[type='password'], 
-      .ndl-form-item.ndl-small.ndl-has-left-icon input[type='number'], 
-      .ndl-form-item.ndl-small.ndl-has-left-icon input[type='url']{
+.ndl-form-item.ndl-medium.ndl-has-left-icon input[type='text'], 
+      .ndl-form-item.ndl-medium.ndl-has-left-icon input[type='email'], 
+      .ndl-form-item.ndl-medium.ndl-has-left-icon input[type='password'], 
+      .ndl-form-item.ndl-medium.ndl-has-left-icon input[type='number'], 
+      .ndl-form-item.ndl-medium.ndl-has-left-icon input[type='url']{
   padding-left:36px;
 }
-.ndl-form-item.ndl-small.ndl-has-icon .ndl-icon{
+.ndl-form-item.ndl-medium.ndl-has-icon .ndl-icon{
   position:absolute;
   height:20px;
   width:20px;
 }
-.ndl-form-item.ndl-small.ndl-has-icon .ndl-icon.ndl-left-icon{
+.ndl-form-item.ndl-medium.ndl-has-icon .ndl-icon.ndl-left-icon{
           top:calc(50% - 10px);
           left:12px;
         }
-.ndl-form-item.ndl-small.ndl-has-icon .ndl-right-icon{
+.ndl-form-item.ndl-medium.ndl-has-icon .ndl-right-icon{
         top:calc(50% - 10px);
         right:12px;
       }
-.ndl-form-item.ndl-extra-small{
+.ndl-form-item.ndl-small{
     line-height:1.25rem;
   }
-.ndl-form-item.ndl-extra-small input[type='text'], 
-    .ndl-form-item.ndl-extra-small input[type='email'], 
-    .ndl-form-item.ndl-extra-small input[type='password'], 
-    .ndl-form-item.ndl-extra-small input[type='number'], 
-    .ndl-form-item.ndl-extra-small input[type='url']{
+.ndl-form-item.ndl-small input[type='text'], 
+    .ndl-form-item.ndl-small input[type='email'], 
+    .ndl-form-item.ndl-small input[type='password'], 
+    .ndl-form-item.ndl-small input[type='number'], 
+    .ndl-form-item.ndl-small input[type='url']{
   height:24px;
   padding-top:2px;
   padding-bottom:2px;
@@ -2308,42 +2308,42 @@ a.ndl-btn{
   letter-spacing:0.016rem;
   line-height:1.25rem;
 }
-.ndl-form-item.ndl-extra-small input[type='text']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-extra-small input[type='email']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-extra-small input[type='password']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-extra-small input[type='number']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-extra-small input[type='url']:-moz-read-only:not(:disabled){
+.ndl-form-item.ndl-small input[type='text']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-small input[type='email']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-small input[type='password']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-small input[type='number']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-small input[type='url']:-moz-read-only:not(:disabled){
   height:24px;
 }
-.ndl-form-item.ndl-extra-small input[type='text']:read-only:not(:disabled),  .ndl-form-item.ndl-extra-small input[type='email']:read-only:not(:disabled),  .ndl-form-item.ndl-extra-small input[type='password']:read-only:not(:disabled),  .ndl-form-item.ndl-extra-small input[type='number']:read-only:not(:disabled),  .ndl-form-item.ndl-extra-small input[type='url']:read-only:not(:disabled){
+.ndl-form-item.ndl-small input[type='text']:read-only:not(:disabled),  .ndl-form-item.ndl-small input[type='email']:read-only:not(:disabled),  .ndl-form-item.ndl-small input[type='password']:read-only:not(:disabled),  .ndl-form-item.ndl-small input[type='number']:read-only:not(:disabled),  .ndl-form-item.ndl-small input[type='url']:read-only:not(:disabled){
   height:24px;
 }
-.ndl-form-item.ndl-extra-small .ndl-form-item-label{
+.ndl-form-item.ndl-small .ndl-form-item-label{
   font-size:var(--font-size-body-medium);
   font-weight:var(--font-weight-normal);
   letter-spacing:0.016rem;
   line-height:1.25rem;
 }
-.ndl-form-item.ndl-extra-small.ndl-has-left-icon input[type='text'], 
-      .ndl-form-item.ndl-extra-small.ndl-has-left-icon input[type='email'], 
-      .ndl-form-item.ndl-extra-small.ndl-has-left-icon input[type='password'], 
-      .ndl-form-item.ndl-extra-small.ndl-has-left-icon input[type='number'], 
-      .ndl-form-item.ndl-extra-small.ndl-has-left-icon input[type='url']{
+.ndl-form-item.ndl-small.ndl-has-left-icon input[type='text'], 
+      .ndl-form-item.ndl-small.ndl-has-left-icon input[type='email'], 
+      .ndl-form-item.ndl-small.ndl-has-left-icon input[type='password'], 
+      .ndl-form-item.ndl-small.ndl-has-left-icon input[type='number'], 
+      .ndl-form-item.ndl-small.ndl-has-left-icon input[type='url']{
   padding-left:28px;
 }
-.ndl-form-item.ndl-extra-small.ndl-has-right-icon input[type='text'], 
-      .ndl-form-item.ndl-extra-small.ndl-has-right-icon input[type='email'], 
-      .ndl-form-item.ndl-extra-small.ndl-has-right-icon input[type='password'], 
-      .ndl-form-item.ndl-extra-small.ndl-has-right-icon input[type='number'], 
-      .ndl-form-item.ndl-extra-small.ndl-has-right-icon input[type='url']{
+.ndl-form-item.ndl-small.ndl-has-right-icon input[type='text'], 
+      .ndl-form-item.ndl-small.ndl-has-right-icon input[type='email'], 
+      .ndl-form-item.ndl-small.ndl-has-right-icon input[type='password'], 
+      .ndl-form-item.ndl-small.ndl-has-right-icon input[type='number'], 
+      .ndl-form-item.ndl-small.ndl-has-right-icon input[type='url']{
   padding-right:28px;
 }
-.ndl-form-item.ndl-extra-small.ndl-has-icon .ndl-icon{
+.ndl-form-item.ndl-small.ndl-has-icon .ndl-icon{
   position:absolute;
   height:16px;
   width:16px;
 }
-.ndl-form-item.ndl-extra-small.ndl-has-icon .ndl-icon.ndl-left-icon{
+.ndl-form-item.ndl-small.ndl-has-icon .ndl-icon.ndl-left-icon{
           top:calc(50% - 8px);
           left:8px;
         }
-.ndl-form-item.ndl-extra-small.ndl-has-icon .ndl-right-icon{
+.ndl-form-item.ndl-small.ndl-has-icon .ndl-right-icon{
         top:calc(50% - 8px);
         right:8px;
       }
@@ -2524,10 +2524,6 @@ a.ndl-btn{
   letter-spacing:0.016rem;
   line-height:1.25rem;
 }
-.ndl-menu.ndl-large .ndl-menu-header .ndl-menu-header-icon{
-        width:22px;
-        height:22px;
-      }
 .ndl-menu .ndl-menu-items{
   display:flex;
   flex-direction:column;
@@ -2603,11 +2599,6 @@ a.ndl-btn{
   letter-spacing:0.016rem;
   line-height:1.25rem;
 }
-.ndl-menu .ndl-menu-header .ndl-menu-header-icon{
-      width:17px;
-      height:17px;
-      cursor:pointer;
-    }
 .ndl-menu .ndl-menu-subheader{
   margin-bottom:8px;
   padding-left:8px;
@@ -4656,7 +4647,7 @@ a.ndl-btn{
 .cm-light{
   --background:var(--theme-light-palette-neutral-bg-default);
   --color:var(--theme-light-palette-neutral-text-default);
-  --cursor-color:var(--colors-neutral-70);
+  --cursor-color:var(--theme-light-palette-neutral-pressed);
   --selection-bg:var(--colors-neutral-20);
   --comment:var(--theme-light-palette-neutral-text-weakest);
   --function:var(--colors-baltic-50);
@@ -4678,7 +4669,7 @@ a.ndl-btn{
 .cm-dark{
   --background:var(--theme-dark-palette-neutral-bg-strong);
   --color:var(--colors-neutral-50);
-  --cursor-color:var(--colors-neutral-50);
+  --cursor-color:var(--theme-dark-palette-neutral-pressed);
   --selection-bg:var(--colors-neutral-70);
   --comment:var(--theme-dark-palette-neutral-text-weakest);
   --function:var(--colors-baltic-20);
@@ -4737,7 +4728,7 @@ a.ndl-btn{
   }
 .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);
+      border-left:0.67em solid rgba(var(--cursor-color));
     }
 .ndl-cypher-editor .cm-editor.cm-focused .cm-selectionBackground,
     .ndl-cypher-editor .cm-editor .cm-selectionBackground,
@@ -5149,8 +5140,8 @@ a.ndl-cypher-editor .cm-editor .cm-button,  a .ndl-codemirror-editor .cm-editor
 .ndl-textarea .ndl-textarea-wrapper .ndl-information-icon-large{
   margin-top:2px;
   margin-left:3px;
-  height:16px;
-  width:16px;
+  height:20px;
+  width:20px;
   color:rgb(var(--theme-palette-neutral-text-weak));
 }
 .ndl-textarea.ndl-type-text .ndl-textarea-label{
@@ -5226,7 +5217,7 @@ a.ndl-cypher-editor .cm-editor .cm-button,  a .ndl-codemirror-editor .cm-editor
   width:24px;
   color:rgb(var(--theme-palette-neutral-text-weak));
 }
-.ndl-textarea.ndl-small textarea{
+.ndl-textarea.ndl-small textarea,  .ndl-textarea.ndl-medium textarea{
   padding-top:8px;
   padding-bottom:8px;
   font-size:var(--font-size-body-medium);
@@ -5234,13 +5225,13 @@ a.ndl-cypher-editor .cm-editor .cm-button,  a .ndl-codemirror-editor .cm-editor
   letter-spacing:0.016rem;
   line-height:1.25rem;
 }
-.ndl-textarea.ndl-small .ndl-textarea-label{
+.ndl-textarea.ndl-small .ndl-textarea-label,  .ndl-textarea.ndl-medium .ndl-textarea-label{
   font-size:var(--font-size-body-medium);
   font-weight:var(--font-weight-normal);
   letter-spacing:0.016rem;
   line-height:1.25rem;
 }
-.ndl-textarea.ndl-small.ndl-has-icon .ndl-icon{
+.ndl-textarea.ndl-small.ndl-has-icon .ndl-icon,  .ndl-textarea.ndl-medium.ndl-has-icon .ndl-icon{
   height:20px;
   width:20px;
   position:absolute;
@@ -35716,16 +35707,16 @@ a.ndl-cypher-editor .cm-editor .cm-button,  a .ndl-codemirror-editor .cm-editor
   --tw-shadow-colored:var(--theme-shadow-overlay);
   box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-.n-shadow-raised{
-  --tw-shadow:var(--theme-shadow-raised);
-  --tw-shadow-colored:var(--theme-shadow-raised);
-  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
 .n-shadow-light-raised{
   --tw-shadow:0px 1px 2px 0px rgba(26, 27, 29, 0.18);
   --tw-shadow-colored:0px 1px 2px 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);
 }
+.n-shadow-raised{
+  --tw-shadow:var(--theme-shadow-raised);
+  --tw-shadow-colored:var(--theme-shadow-raised);
+  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 .n-transition-all{
   transition-property:all;
   transition-timing-function:cubic-bezier(0.420, 0.000, 0.580, 1.000);

package/lib/tokens/css/tokens.css

@@ -21,7 +21,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Oct 2023 10:28:23 GMT
+ * Generated on Mon, 16 Oct 2023 14:39:17 GMT
  */
 
 :root {

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

@@ -21,7 +21,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Oct 2023 10:28:23 GMT
+ * Generated on Mon, 16 Oct 2023 14:39:17 GMT
  */
 
 module.exports = {

package/lib/tokens/js/tokens.js

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Tue, 10 Oct 2023 10:28:23 GMT
+* Generated on Mon, 16 Oct 2023 14:39:17 GMT
 */
 
 export const tokens = {

package/lib/tokens/scss/tokens.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 10 Oct 2023 10:28:23 GMT
+// Generated on Mon, 16 Oct 2023 14:39:17 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 Tue, 10 Oct 2023 10:28:23 GMT
+* Generated on Mon, 16 Oct 2023 14:39:17 GMT
 */
 export const tokens: {
     transitions: {

package/package.json

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