@vaadin/text-field - npm Package Compare versions

Comparing version 24.4.0-alpha2 to 24.4.0-alpha20

package.json

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

README.md

@@ -8,3 +8,2 @@ # @vaadin/text-field
 [![npm version](https://badgen.net/npm/v/@vaadin/text-field)](https://www.npmjs.com/package/@vaadin/text-field)
-[![Discord](https://img.shields.io/discord/732335336448852018?label=discord)](https://discord.gg/PHmkCKC)
 
@@ -11,0 +10,0 @@ ```html

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-alpha2",
+  "version": "24.4.0-alpha20",
   "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-alpha2",
+  "version": "24.4.0-alpha20",
   "description-markup": "markdown",
@@ -6,0 +6,0 @@ "framework": "lit",

No alert changes

Improved metrics

Total package byte prevSize

68301

increased by1.92%

Number of package files

27

increased by28.57%

Lines of code

1362

increased by2.56%

Worsened metrics

Number of lines in readme file

60

decreased by-1.64%

Dependency changes

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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