@vaadin/password-field - npm Package Compare versions

Comparing version 23.2.0 to 23.3.0-alpha1

package.json

 {
   "name": "@vaadin/password-field",
-  "version": "23.2.0",
+  "version": "23.3.0-alpha1",
   "publishConfig": {
@@ -38,6 +38,6 @@ "access": "public"
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/button": "^23.2.0",
-    "@vaadin/text-field": "^23.2.0",
-    "@vaadin/vaadin-lumo-styles": "^23.2.0",
-    "@vaadin/vaadin-material-styles": "^23.2.0"
+    "@vaadin/button": "23.3.0-alpha1",
+    "@vaadin/text-field": "23.3.0-alpha1",
+    "@vaadin/vaadin-lumo-styles": "23.3.0-alpha1",
+    "@vaadin/vaadin-material-styles": "23.3.0-alpha1"
   },
@@ -53,3 +53,3 @@ "devDependencies": {
   ],
-  "gitHead": "8b1f5941f26ac41ca038e75e24c8584e331bc7a8"
+  "gitHead": "beabc527d4b1274eb798ff701d406fed45cfe638"
 }

src/vaadin-password-field-button.js

@@ -31,2 +31,3 @@ /**
       </style>
+      <slot name="tooltip"></slot>
     `;
@@ -33,0 +34,0 @@ }

src/vaadin-password-field.d.ts

@@ -6,3 +6,2 @@ /**
  */
-import { SlotStylesMixin } from '@vaadin/field-base/src/slot-styles-mixin.js';
 import { TextField } from '@vaadin/text-field/src/vaadin-text-field.js';
@@ -76,3 +75,3 @@
  */
-declare class PasswordField extends SlotStylesMixin(TextField) {
+declare class PasswordField extends TextField {
   /**
@@ -79,0 +78,0 @@ * Set to true to hide the eye icon which toggles the password visibility.

src/vaadin-password-field.js

@@ -9,3 +9,2 @@ /**
 import { SlotController } from '@vaadin/component-base/src/slot-controller.js';
-import { SlotStylesMixin } from '@vaadin/field-base/src/slot-styles-mixin.js';
 import { TextField } from '@vaadin/text-field/src/vaadin-text-field.js';
@@ -54,5 +53,4 @@
  * @extends TextField
- * @mixes SlotStylesMixin
  */
-export class PasswordField extends SlotStylesMixin(TextField) {
+export class PasswordField extends TextField {
   static get is() {
@@ -132,2 +130,3 @@ return 'vaadin-password-field';
     return [
+      ...super.slotStyles,
       `
@@ -134,0 +133,0 @@ ${tag} [slot="input"]::-ms-reveal {

web-types.json

 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/password-field",
-  "version": "23.2.0",
+  "version": "23.3.0-alpha1",
   "description-markup": "markdown",
@@ -11,3 +11,3 @@ "contributions": {
           "name": "vaadin-password-field",
-          "description": "`<vaadin-password-field>` is an extension of `<vaadin-text-field>` component for entering passwords.\n\n```html\n<vaadin-password-field label=\"Password\"></vaadin-password-field>\n```\n\n### Styling\n\n`<vaadin-password-field>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\nSee [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/23.2.0/#/elements/vaadin-text-field) for the styling documentation.\n\nIn addition to `<vaadin-text-field>` parts, the following parts are available for theming:\n\nPart name       | Description\n----------------|----------------------------------------------------\n`reveal-button` | The eye icon which toggles the password visibility\n\nIn addition to `<vaadin-text-field>` state attributes, the following state attributes are available for theming:\n\nAttribute          | Description\n-------------------|---------------------------------\n`password-visible` | Set when the password is visible\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components) documentation.",
+          "description": "`<vaadin-password-field>` is an extension of `<vaadin-text-field>` component for entering passwords.\n\n```html\n<vaadin-password-field label=\"Password\"></vaadin-password-field>\n```\n\n### Styling\n\n`<vaadin-password-field>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\nSee [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/23.3.0-alpha1/#/elements/vaadin-text-field) for the styling documentation.\n\nIn addition to `<vaadin-text-field>` parts, the following parts are available for theming:\n\nPart name       | Description\n----------------|----------------------------------------------------\n`reveal-button` | The eye icon which toggles the password visibility\n\nIn addition to `<vaadin-text-field>` state attributes, the following state attributes are available for theming:\n\nAttribute          | Description\n-------------------|---------------------------------\n`password-visible` | Set when the password is visible\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components) documentation.",
           "attributes": [
@@ -558,2 +558,10 @@ {
                 "description": "Fired when the value is changed by the user: on every typing keystroke,\nand the value is cleared using the clear button."
+              },
+              {
+                "name": "value-changed",
+                "description": "Fired when the `value` property changes."
+              },
+              {
+                "name": "invalid-changed",
+                "description": "Fired when the `invalid` property changes."
               }
@@ -560,0 +568,0 @@ ]

web-types.lit.json

 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/password-field",
-  "version": "23.2.0",
+  "version": "23.3.0-alpha1",
   "description-markup": "markdown",
@@ -19,3 +19,3 @@ "framework": "lit",
           "name": "vaadin-password-field",
-          "description": "`<vaadin-password-field>` is an extension of `<vaadin-text-field>` component for entering passwords.\n\n```html\n<vaadin-password-field label=\"Password\"></vaadin-password-field>\n```\n\n### Styling\n\n`<vaadin-password-field>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\nSee [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/23.2.0/#/elements/vaadin-text-field) for the styling documentation.\n\nIn addition to `<vaadin-text-field>` parts, the following parts are available for theming:\n\nPart name       | Description\n----------------|----------------------------------------------------\n`reveal-button` | The eye icon which toggles the password visibility\n\nIn addition to `<vaadin-text-field>` state attributes, the following state attributes are available for theming:\n\nAttribute          | Description\n-------------------|---------------------------------\n`password-visible` | Set when the password is visible\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components) documentation.",
+          "description": "`<vaadin-password-field>` is an extension of `<vaadin-text-field>` component for entering passwords.\n\n```html\n<vaadin-password-field label=\"Password\"></vaadin-password-field>\n```\n\n### Styling\n\n`<vaadin-password-field>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\nSee [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/23.3.0-alpha1/#/elements/vaadin-text-field) for the styling documentation.\n\nIn addition to `<vaadin-text-field>` parts, the following parts are available for theming:\n\nPart name       | Description\n----------------|----------------------------------------------------\n`reveal-button` | The eye icon which toggles the password visibility\n\nIn addition to `<vaadin-text-field>` state attributes, the following state attributes are available for theming:\n\nAttribute          | Description\n-------------------|---------------------------------\n`password-visible` | Set when the password is visible\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components) documentation.",
           "extension": true,
@@ -211,2 +211,16 @@ "attributes": [
               }
+            },
+            {
+              "name": "@value-changed",
+              "description": "Fired when the `value` property changes.",
+              "value": {
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "@invalid-changed",
+              "description": "Fired when the `invalid` property changes.",
+              "value": {
+                "kind": "expression"
+              }
             }
@@ -213,0 +227,0 @@ ]

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

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

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

62713

increased by1.04%

Lines of code

1355

increased by1.57%

Worsened metrics

Number of low quality alerts

1

increased byInfinity%

Dependency changes

• + Added@vaadin/button@23.3.0-alpha1(transitive)

• + Added@vaadin/component-base@23.3.0-alpha1(transitive)

• + Added@vaadin/field-base@23.3.0-alpha1(transitive)

• + Added@vaadin/icon@23.3.0-alpha1(transitive)

• + Added@vaadin/input-container@23.3.0-alpha1(transitive)

• + Added@vaadin/text-field@23.3.0-alpha1(transitive)

• + Added@vaadin/vaadin-lumo-styles@23.3.0-alpha1(transitive)

• + Added@vaadin/vaadin-material-styles@23.3.0-alpha1(transitive)

• + Added@vaadin/vaadin-themable-mixin@23.3.0-alpha1(transitive)

• - Removed@vaadin/button@23.5.8(transitive)

• - Removed@vaadin/component-base@23.5.8(transitive)

• - Removed@vaadin/field-base@23.5.8(transitive)

• - Removed@vaadin/icon@23.5.8(transitive)

• - Removed@vaadin/input-container@23.5.8(transitive)

• - Removed@vaadin/text-field@23.5.8(transitive)

• - Removed@vaadin/vaadin-lumo-styles@23.5.8(transitive)

• - Removed@vaadin/vaadin-material-styles@23.5.8(transitive)

• - Removed@vaadin/vaadin-themable-mixin@23.5.8(transitive)

• Updated@vaadin/button@23.3.0-alpha1

• Updated@vaadin/text-field@23.3.0-alpha1

• Updated@vaadin/vaadin-lumo-styles@23.3.0-alpha1

• Updated@vaadin/vaadin-material-styles@23.3.0-alpha1