@vaadin/password-field - npm Package Compare versions

Comparing version 24.8.0-alpha18 to 24.8.0-alpha19

package.json

 {
   "name": "@vaadin/password-field",
-  "version": "24.8.0-alpha18",
+  "version": "24.8.0-alpha19",
   "publishConfig": {
@@ -24,2 +24,4 @@ "access": "public"
     "src",
+    "!src/*-base-styles.d.ts",
+    "!src/*-base-styles.js",
     "theme",
@@ -40,15 +42,15 @@ "vaadin-*.d.ts",
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/a11y-base": "24.8.0-alpha18",
-    "@vaadin/button": "24.8.0-alpha18",
-    "@vaadin/component-base": "24.8.0-alpha18",
-    "@vaadin/field-base": "24.8.0-alpha18",
-    "@vaadin/text-field": "24.8.0-alpha18",
-    "@vaadin/vaadin-lumo-styles": "24.8.0-alpha18",
-    "@vaadin/vaadin-material-styles": "24.8.0-alpha18",
-    "@vaadin/vaadin-themable-mixin": "24.8.0-alpha18",
+    "@vaadin/a11y-base": "24.8.0-alpha19",
+    "@vaadin/button": "24.8.0-alpha19",
+    "@vaadin/component-base": "24.8.0-alpha19",
+    "@vaadin/field-base": "24.8.0-alpha19",
+    "@vaadin/text-field": "24.8.0-alpha19",
+    "@vaadin/vaadin-lumo-styles": "24.8.0-alpha19",
+    "@vaadin/vaadin-material-styles": "24.8.0-alpha19",
+    "@vaadin/vaadin-themable-mixin": "24.8.0-alpha19",
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/chai-plugins": "24.8.0-alpha18",
-    "@vaadin/test-runner-commands": "24.8.0-alpha18",
+    "@vaadin/chai-plugins": "24.8.0-alpha19",
+    "@vaadin/test-runner-commands": "24.8.0-alpha19",
     "@vaadin/testing-helpers": "^1.1.0",
@@ -61,3 +63,3 @@ "sinon": "^18.0.0"
   ],
-  "gitHead": "57d1022f4c197d3a0100d360017ea37777cb3595"
+  "gitHead": "b66da924889a1316f7881742a13b80e1c95a4cc4"
 }

src/vaadin-lit-password-field-button.js

@@ -7,3 +7,2 @@ /**
 import { html, LitElement } from 'lit';
-import { buttonStyles } from '@vaadin/button/src/vaadin-button-base.js';
 import { ButtonMixin } from '@vaadin/button/src/vaadin-button-mixin.js';
@@ -14,2 +13,3 @@ import { defineCustomElement } from '@vaadin/component-base/src/define.js';
 import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
+import { passwordFieldButton } from './vaadin-password-field-button-core-styles.js';
 
@@ -32,3 +32,3 @@ /**
   static get styles() {
-    return buttonStyles;
+    return passwordFieldButton;
   }
@@ -35,0 +35,0 @@

src/vaadin-lit-password-field.js

@@ -10,2 +10,3 @@ /**
 import { TextField } from '@vaadin/text-field/src/vaadin-lit-text-field.js';
+import { passwordFieldStyles } from './vaadin-password-field-core-styles.js';
 import { PasswordFieldMixin } from './vaadin-password-field-mixin.js';
@@ -27,2 +28,6 @@
 
+  static get styles() {
+    return [...super.styles, passwordFieldStyles];
+  }
+
   /**
@@ -29,0 +34,0 @@ * @protected

src/vaadin-password-field-button.js

@@ -7,3 +7,2 @@ /**
 import { html, PolymerElement } from '@polymer/polymer/polymer-element.js';
-import { buttonStyles } from '@vaadin/button/src/vaadin-button-base.js';
 import { ButtonMixin } from '@vaadin/button/src/vaadin-button-mixin.js';
@@ -13,4 +12,7 @@ import { defineCustomElement } from '@vaadin/component-base/src/define.js';
 import { registerStyles, ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
+import { passwordFieldButton } from './vaadin-password-field-button-core-styles.js';
 
-registerStyles('vaadin-password-field-button', buttonStyles, { moduleId: 'vaadin-password-field-button-styles' });
+registerStyles('vaadin-password-field-button', passwordFieldButton, {
+  moduleId: 'vaadin-password-field-button-styles',
+});
 
@@ -17,0 +19,0 @@ /**

src/vaadin-password-field.js

@@ -10,4 +10,8 @@ /**
 import { TextField } from '@vaadin/text-field/src/vaadin-text-field.js';
+import { registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
+import { passwordFieldStyles } from './vaadin-password-field-core-styles.js';
 import { PasswordFieldMixin } from './vaadin-password-field-mixin.js';
 
+registerStyles('vaadin-password-field', passwordFieldStyles, { moduleId: 'vaadin-password-field-styles' });
+
 const ownTemplate = html`
@@ -14,0 +18,0 @@ <div part="reveal-button" slot="suffix">

web-types.json

 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/password-field",
-  "version": "24.8.0-alpha18",
+  "version": "24.8.0-alpha19",
   "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/24.8.0-alpha18/#/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/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/24.8.0-alpha19/#/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/styling-components) documentation.",
           "attributes": [
@@ -14,0 +14,0 @@ {

web-types.lit.json

 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/password-field",
-  "version": "24.8.0-alpha18",
+  "version": "24.8.0-alpha19",
   "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/24.8.0-alpha18/#/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/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/24.8.0-alpha19/#/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/styling-components) documentation.",
           "extension": true,
@@ -22,0 +22,0 @@ "attributes": [

No alert changes

Improved metrics

Total package byte prevSize

78463

3.95%

Number of package files

38

15.15%

Lines of code

1707

5.24%

Dependency changes

• + Added

  @vaadin/a11y-base@24.8.0-alpha19
  (transitive)

• + Added

  @vaadin/button@24.8.0-alpha19
  (transitive)

• + Added

  @vaadin/component-base@24.8.0-alpha19
  (transitive)

• + Added

  @vaadin/field-base@24.8.0-alpha19
  (transitive)

• + Added

  @vaadin/icon@24.8.0-alpha19
  (transitive)

• + Added

  @vaadin/input-container@24.8.0-alpha19
  (transitive)

• + Added

  @vaadin/text-field@24.8.0-alpha19
  (transitive)

• + Added

  @vaadin/vaadin-lumo-styles@24.8.0-alpha19
  (transitive)

• + Added

  @vaadin/vaadin-material-styles@24.8.0-alpha19
  (transitive)

• + Added

  @vaadin/vaadin-themable-mixin@24.8.0-alpha19
  (transitive)

• - Removed

  @vaadin/a11y-base@24.8.0-alpha18
  (transitive)

• - Removed

  @vaadin/button@24.8.0-alpha18
  (transitive)

• - Removed

  @vaadin/component-base@24.8.0-alpha18
  (transitive)

• - Removed

  @vaadin/field-base@24.8.0-alpha18
  (transitive)

• - Removed

  @vaadin/icon@24.8.0-alpha18
  (transitive)

• - Removed

  @vaadin/input-container@24.8.0-alpha18
  (transitive)

• - Removed

  @vaadin/text-field@24.8.0-alpha18
  (transitive)

• - Removed

  @vaadin/vaadin-lumo-styles@24.8.0-alpha18
  (transitive)

• - Removed

  @vaadin/vaadin-material-styles@24.8.0-alpha18
  (transitive)

• - Removed

  @vaadin/vaadin-themable-mixin@24.8.0-alpha18
  (transitive)

• Updated

  @vaadin/a11y-base@24.8.0-alpha19

• Updated

  @vaadin/button@24.8.0-alpha19

• Updated

  @vaadin/component-base@24.8.0-alpha19

• Updated

  @vaadin/field-base@24.8.0-alpha19

• Updated

  @vaadin/text-field@24.8.0-alpha19

• Updated

  @vaadin/vaadin-lumo-styles@24.8.0-alpha19

• Updated

  @vaadin/vaadin-material-styles@24.8.0-alpha19

• Updated

  @vaadin/vaadin-themable-mixin@24.8.0-alpha19