@vaadin/text-field - npm Package Compare versions

Comparing version 24.4.0-alpha3 to 24.4.0-alpha4

package.json

 {
   "name": "@vaadin/text-field",
-  "version": "24.4.0-alpha3",
+  "version": "24.4.0-alpha4",
   "publishConfig": {
@@ -39,9 +39,9 @@ "access": "public"
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/a11y-base": "24.4.0-alpha3",
-    "@vaadin/component-base": "24.4.0-alpha3",
-    "@vaadin/field-base": "24.4.0-alpha3",
-    "@vaadin/input-container": "24.4.0-alpha3",
-    "@vaadin/vaadin-lumo-styles": "24.4.0-alpha3",
-    "@vaadin/vaadin-material-styles": "24.4.0-alpha3",
-    "@vaadin/vaadin-themable-mixin": "24.4.0-alpha3",
+    "@vaadin/a11y-base": "24.4.0-alpha4",
+    "@vaadin/component-base": "24.4.0-alpha4",
+    "@vaadin/field-base": "24.4.0-alpha4",
+    "@vaadin/input-container": "24.4.0-alpha4",
+    "@vaadin/vaadin-lumo-styles": "24.4.0-alpha4",
+    "@vaadin/vaadin-material-styles": "24.4.0-alpha4",
+    "@vaadin/vaadin-themable-mixin": "24.4.0-alpha4",
     "lit": "^3.0.0"
@@ -58,3 +58,3 @@ },
   ],
-  "gitHead": "08563b9e009eb7f90921c172ab7982d64651aea2"
+  "gitHead": "3f23b333c5e4dd06f3c6a6b2505a0efcd0814b05"
 }

src/vaadin-lit-text-field.js

@@ -7,3 +7,3 @@ /**
 import '@vaadin/input-container/src/vaadin-lit-input-container.js';
-import { css, html, LitElement } from 'lit';
+import { html, LitElement } from 'lit';
 import { defineCustomElement } from '@vaadin/component-base/src/define.js';
@@ -22,3 +22,3 @@ import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
  *
- * This component is an experiment not intended for publishing to npm.
+ * This component is an experiment and not yet a part of Vaadin platform.
  * There is no ETA regarding specific Vaadin version where it'll land.
@@ -33,10 +33,3 @@ * Feel free to try this code in your apps as per Apache 2.0 license.
   static get styles() {
-    return [
-      inputFieldShared,
-      css`
-        [part='input-field'] {
-          flex-grow: 0;
-        }
-      `,
-    ];
+    return [inputFieldShared];
   }
@@ -62,4 +55,3 @@
           <slot name="input"></slot>
-          <slot name="suffix" slot="suffix"></slot>
-          <div id="clearButton" part="clear-button" slot="suffix" aria-hidden="true"></div>
+          ${this._renderSuffix()}
         </vaadin-input-container>
@@ -89,4 +81,12 @@
   }
+
+  /** @protected */
+  _renderSuffix() {
+    return html`
+      <slot name="suffix" slot="suffix"></slot>
+      <div id="clearButton" part="clear-button" slot="suffix" aria-hidden="true"></div>
+    `;
+  }
 }
 
 defineCustomElement(TextField);

src/vaadin-text-field.js

@@ -93,8 +93,2 @@ /**
     return html`
-      <style>
-        [part='input-field'] {
-          flex-grow: 0;
-        }
-      </style>
-
       <div class="vaadin-field-container">
@@ -101,0 +95,0 @@ <div part="label">

web-types.json

 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/text-field",
-  "version": "24.4.0-alpha3",
+  "version": "24.4.0-alpha4",
   "description-markup": "markdown",
@@ -6,0 +6,0 @@ "contributions": {

web-types.lit.json

 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/text-field",
-  "version": "24.4.0-alpha3",
+  "version": "24.4.0-alpha4",
   "description-markup": "markdown",
@@ -6,0 +6,0 @@ "framework": "lit",

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

Worsened metrics

Total package byte prevSize

66915

decreased by-0.15%

Lines of code

1322

decreased by-0.45%

Dependency changes

• + Added@vaadin/a11y-base@24.4.0-alpha4(transitive)

• + Added@vaadin/component-base@24.4.0-alpha4(transitive)

• + Added@vaadin/field-base@24.4.0-alpha4(transitive)

• + Added@vaadin/icon@24.4.0-alpha4(transitive)

• + Added@vaadin/input-container@24.4.0-alpha4(transitive)

• + Added@vaadin/vaadin-lumo-styles@24.4.0-alpha4(transitive)

• + Added@vaadin/vaadin-material-styles@24.4.0-alpha4(transitive)

• + Added@vaadin/vaadin-themable-mixin@24.4.0-alpha4(transitive)

• - Removed@vaadin/a11y-base@24.4.0-alpha3(transitive)

• - Removed@vaadin/component-base@24.4.0-alpha3(transitive)

• - Removed@vaadin/field-base@24.4.0-alpha3(transitive)

• - Removed@vaadin/icon@24.4.0-alpha3(transitive)

• - Removed@vaadin/input-container@24.4.0-alpha3(transitive)

• - Removed@vaadin/vaadin-lumo-styles@24.4.0-alpha3(transitive)

• - Removed@vaadin/vaadin-material-styles@24.4.0-alpha3(transitive)

• - Removed@vaadin/vaadin-themable-mixin@24.4.0-alpha3(transitive)

• Updated@vaadin/a11y-base@24.4.0-alpha4

• Updated@vaadin/component-base@24.4.0-alpha4

• Updated@vaadin/field-base@24.4.0-alpha4

• Updated@vaadin/input-container@24.4.0-alpha4

• Updated@vaadin/vaadin-lumo-styles@24.4.0-alpha4

• Updated@vaadin/vaadin-material-styles@24.4.0-alpha4

• Updated@vaadin/vaadin-themable-mixin@24.4.0-alpha4