@vaadin/text-field - npm Package Compare versions

Comparing version 24.4.0-alpha1 to 24.4.0-alpha10

package.json

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

src/vaadin-lit-text-field.d.ts

 /**
  * @license
- * Copyright (c) 2021 - 2023 Vaadin Ltd.
+ * Copyright (c) 2021 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 export * from './vaadin-text-field.js';

src/vaadin-lit-text-field.js

 /**
  * @license
- * Copyright (c) 2021 - 2023 Vaadin Ltd.
+ * Copyright (c) 2021 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 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';
@@ -21,3 +21,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.
@@ -32,10 +32,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];
   }
@@ -61,4 +54,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>
@@ -88,4 +80,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-mixin.d.ts

 /**
  * @license
- * Copyright (c) 2021 - 2023 Vaadin Ltd.
+ * Copyright (c) 2021 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-text-field-mixin.js

 /**
  * @license
- * Copyright (c) 2021 - 2023 Vaadin Ltd.
+ * Copyright (c) 2021 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-text-field.d.ts

 /**
  * @license
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
+ * Copyright (c) 2017 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-text-field.js

 /**
  * @license
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
+ * Copyright (c) 2017 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -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">

theme/lumo/vaadin-lit-text-field.js

 /**
  * @license
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
+ * Copyright (c) 2017 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

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

 /**
  * @license
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
+ * Copyright (c) 2017 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

theme/lumo/vaadin-text-field.js

 /**
  * @license
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
+ * Copyright (c) 2017 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

theme/material/vaadin-lit-text-field.js

 /**
  * @license
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
+ * Copyright (c) 2017 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

theme/material/vaadin-text-field-styles.js

 /**
  * @license
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
+ * Copyright (c) 2017 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

theme/material/vaadin-text-field.js

 /**
  * @license
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
+ * Copyright (c) 2017 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

web-types.json

 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/text-field",
-  "version": "24.4.0-alpha1",
+  "version": "24.4.0-alpha10",
   "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-alpha1",
+  "version": "24.4.0-alpha10",
   "description-markup": "markdown",
@@ -6,0 +6,0 @@ "framework": "lit",

No alert changes

Improved metrics

Total package byte prevSize

68407

increased by2.08%

Number of package files

27

increased by28.57%

Lines of code

1362

increased by2.56%

Dependency changes

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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