@vaadin/vaadin-text-field - npm Package Compare versions

Comparing version 2.4.3 to 2.4.4

package.json

@@ -13,3 +13,3 @@ {
   "name": "@vaadin/vaadin-text-field",
-  "version": "2.4.3",
+  "version": "2.4.4",
   "main": "vaadin-text-field.js",
@@ -16,0 +16,0 @@ "author": "Vaadin Ltd",

src/vaadin-email-field.js

@@ -34,3 +34,3 @@ /**
   static get version() {
-    return '2.4.3';
+    return '2.4.4';
   }
@@ -37,0 +37,0 @@

src/vaadin-number-field.js

@@ -80,3 +80,3 @@ /**
   static get version() {
-    return '2.4.3';
+    return '2.4.4';
   }
@@ -83,0 +83,0 @@

src/vaadin-password-field.js

@@ -80,3 +80,3 @@ /**
   static get version() {
-    return '2.4.3';
+    return '2.4.4';
   }
@@ -83,0 +83,0 @@

src/vaadin-text-area.js

@@ -133,3 +133,3 @@ /**
   static get version() {
-    return '2.4.3';
+    return '2.4.4';
   }
@@ -136,0 +136,0 @@

src/vaadin-text-field-mixin.js

@@ -552,2 +552,3 @@ /**
     this.$.clearButton.addEventListener('mousedown', () => this._valueClearing = true);
+    this.$.clearButton.addEventListener('mouseleave', () => this._valueClearing = false);
     this.$.clearButton.addEventListener('click', this._onClearButtonClick.bind(this));
@@ -554,0 +555,0 @@ this.addEventListener('keydown', this._onKeyDown.bind(this));

src/vaadin-text-field.js

@@ -106,3 +106,3 @@ /**
   static get version() {
-    return '2.4.3';
+    return '2.4.4';
   }
@@ -109,0 +109,0 @@

theme/lumo/vaadin-number-field-styles.js

@@ -22,2 +22,6 @@ import '@vaadin/vaadin-lumo-styles/font-icons.js';
 
+      :host([has-controls]) [part="input-field"] {
+        padding: 0;
+      }
+
       [part="decrease-button"],
@@ -27,4 +31,10 @@ [part="increase-button"] {
         font-size: var(--lumo-icon-size-s);
-        padding-bottom: 0.21em;
+        width: 1.6em;
+        height: 1.6em;
       }
+
+      [part="decrease-button"]::before,
+      [part="increase-button"]::before {
+        margin-top: 0.2em;
+      }
     </style>
@@ -31,0 +41,0 @@ </template>

theme/lumo/vaadin-text-area-styles.js

@@ -24,2 +24,10 @@ import '@vaadin/vaadin-lumo-styles/color.js';
 
+      :host([readonly]) [part="input-field"] {
+        border: 1px dashed var(--lumo-contrast-30pct);
+      }
+
+      :host([readonly]) [part="input-field"]::after {
+        border: none;
+      }
+
       :host(:hover:not([readonly]):not([focused])) [part="input-field"] {
@@ -26,0 +34,0 @@ background-color: var(--lumo-contrast-20pct);

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

94664

increased by0.53%

Lines of code

2149

increased by0.7%

No dependency changes