New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
@vaadin/login
Advanced tools
@vaadin/login - npm Package Compare versions
Comparing version 24.5.6 to 24.5.7
| { | ||
| "name": "@vaadin/login", | ||
| "version": "24.5.6", | ||
| "version": "24.5.7", | ||
| "publishConfig": { | ||
@@ -40,16 +40,16 @@ "access": "public" | ||
| "@polymer/polymer": "^3.0.0", | ||
| "@vaadin/button": "~24.5.6", | ||
| "@vaadin/component-base": "~24.5.6", | ||
| "@vaadin/overlay": "~24.5.6", | ||
| "@vaadin/password-field": "~24.5.6", | ||
| "@vaadin/text-field": "~24.5.6", | ||
| "@vaadin/vaadin-lumo-styles": "~24.5.6", | ||
| "@vaadin/vaadin-material-styles": "~24.5.6", | ||
| "@vaadin/vaadin-themable-mixin": "~24.5.6", | ||
| "@vaadin/button": "~24.5.7", | ||
| "@vaadin/component-base": "~24.5.7", | ||
| "@vaadin/overlay": "~24.5.7", | ||
| "@vaadin/password-field": "~24.5.7", | ||
| "@vaadin/text-field": "~24.5.7", | ||
| "@vaadin/vaadin-lumo-styles": "~24.5.7", | ||
| "@vaadin/vaadin-material-styles": "~24.5.7", | ||
| "@vaadin/vaadin-themable-mixin": "~24.5.7", | ||
| "lit": "^3.0.0" | ||
| }, | ||
| "devDependencies": { | ||
| "@vaadin/chai-plugins": "~24.5.6", | ||
| "@vaadin/checkbox": "~24.5.6", | ||
| "@vaadin/testing-helpers": "^1.0.0", | ||
| "@vaadin/chai-plugins": "~24.5.7", | ||
| "@vaadin/checkbox": "~24.5.7", | ||
| "@vaadin/testing-helpers": "^1.1.0", | ||
| "sinon": "^18.0.0" | ||
@@ -61,3 +61,3 @@ }, | ||
| ], | ||
| "gitHead": "2c20ec16149e8016e0733a80e349231da13660bc" | ||
| "gitHead": "f04f4777d633ebf85368eb36545105b0e5b93731" | ||
| } |
@@ -54,5 +54,5 @@ /** | ||
| <section part="form"> | ||
| <h2 part="form-title">${this.i18n.form.title}</h2> | ||
| <div part="form-title" role="heading" aria-level="2">${this.i18n.form.title}</div> | ||
| <div part="error-message" ?hidden="${!this.error}"> | ||
| <h5 part="error-message-title">${this.i18n.errorMessage.title}</h5> | ||
| <strong part="error-message-title">${this.i18n.errorMessage.title}</strong> | ||
| <p part="error-message-description">${this.i18n.errorMessage.message}</p> | ||
@@ -59,0 +59,0 @@ </div> |
@@ -26,5 +26,5 @@ /** | ||
| <section part="form"> | ||
| <h2 part="form-title">[[i18n.form.title]]</h2> | ||
| <div part="form-title" part="form-title" role="heading" aria-level="2">[[i18n.form.title]]</div> | ||
| <div part="error-message" hidden$="[[!error]]"> | ||
| <h5 part="error-message-title">[[i18n.errorMessage.title]]</h5> | ||
| <strong part="error-message-title">[[i18n.errorMessage.title]]</strong> | ||
| <p part="error-message-description">[[i18n.errorMessage.message]]</p> | ||
@@ -31,0 +31,0 @@ </div> |
@@ -18,2 +18,6 @@ import '@vaadin/vaadin-lumo-styles/spacing.js'; | ||
| margin-top: calc(var(--lumo-font-size-xxxl) - var(--lumo-font-size-xxl)); | ||
| color: var(--lumo-header-text-color); | ||
| font-size: var(--lumo-font-size-xxl); | ||
| font-weight: 600; | ||
| line-height: var(--lumo-line-height-xs); | ||
| } | ||
@@ -69,4 +73,6 @@ | ||
| [part='error-message-title'] { | ||
| display: block; | ||
| margin: 0 0 0.25em; | ||
| color: inherit; | ||
| line-height: var(--lumo-line-height-xs); | ||
| } | ||
@@ -73,0 +79,0 @@ |
@@ -22,2 +22,6 @@ import '@vaadin/vaadin-material-styles/color.js'; | ||
| font-size: var(--material-h5-font-size); | ||
| font-weight: 300; | ||
| line-height: 1.1; | ||
| letter-spacing: -0.01em; | ||
| text-indent: -0.07em; | ||
| } | ||
@@ -82,5 +86,8 @@ | ||
| [part='error-message'] h5 { | ||
| [part='error-message-title'] { | ||
| display: block; | ||
| margin: 0 0 0.25em; | ||
| color: inherit; | ||
| line-height: 1.1; | ||
| text-indent: -0.025em; | ||
| } | ||
@@ -87,0 +94,0 @@ |
@@ -314,3 +314,3 @@ import '@vaadin/vaadin-material-styles/color.js'; | ||
| :host([theme~='with-overlay']) [part='form'] h2 { | ||
| :host([theme~='with-overlay']) [part='form-title'] { | ||
| text-align: center; | ||
@@ -317,0 +317,0 @@ font-size: 1.8em; |
| { | ||
| "$schema": "https://json.schemastore.org/web-types", | ||
| "name": "@vaadin/login", | ||
| "version": "24.5.6", | ||
| "version": "24.5.7", | ||
| "description-markup": "markdown", | ||
@@ -151,3 +151,3 @@ "contributions": { | ||
| "name": "vaadin-login-overlay", | ||
| "description": "`<vaadin-login-overlay>` is a wrapper of the `<vaadin-login-form>` which opens a login form in an overlay and\nhaving an additional `brand` part for application title and description. Using `<vaadin-login-overlay>` allows\npassword managers to work with login form.\n\n```\n<vaadin-login-overlay opened></vaadin-login-overlay>\n```\n\n### Styling\n\nThe component doesn't have a shadowRoot, so the `<form>` and input fields can be styled from a global scope.\nUse `<vaadin-login-overlay-wrapper>` and `<vaadin-login-form-wrapper>` to apply styles.\n\nThe following shadow DOM parts of the `<vaadin-login-overlay-wrapper>` are available for styling:\n\nPart name | Description\n----------------|---------------------------------------------------------|\n`card` | Container for the entire component's content\n`brand` | Container for application title and description\n`form` | Container for the `<vaadin-login-form>` component\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n\nSee [`<vaadin-login-form>`](https://cdn.vaadin.com/vaadin-web-components/24.5.6/#/elements/vaadin-login-form)\ndocumentation for `<vaadin-login-form-wrapper>` stylable parts.", | ||
| "description": "`<vaadin-login-overlay>` is a wrapper of the `<vaadin-login-form>` which opens a login form in an overlay and\nhaving an additional `brand` part for application title and description. Using `<vaadin-login-overlay>` allows\npassword managers to work with login form.\n\n```\n<vaadin-login-overlay opened></vaadin-login-overlay>\n```\n\n### Styling\n\nThe component doesn't have a shadowRoot, so the `<form>` and input fields can be styled from a global scope.\nUse `<vaadin-login-overlay-wrapper>` and `<vaadin-login-form-wrapper>` to apply styles.\n\nThe following shadow DOM parts of the `<vaadin-login-overlay-wrapper>` are available for styling:\n\nPart name | Description\n----------------|---------------------------------------------------------|\n`card` | Container for the entire component's content\n`brand` | Container for application title and description\n`form` | Container for the `<vaadin-login-form>` component\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n\nSee [`<vaadin-login-form>`](https://cdn.vaadin.com/vaadin-web-components/24.5.7/#/elements/vaadin-login-form)\ndocumentation for `<vaadin-login-form-wrapper>` stylable parts.", | ||
| "attributes": [ | ||
@@ -154,0 +154,0 @@ { |
| { | ||
| "$schema": "https://json.schemastore.org/web-types", | ||
| "name": "@vaadin/login", | ||
| "version": "24.5.6", | ||
| "version": "24.5.7", | ||
| "description-markup": "markdown", | ||
@@ -96,3 +96,3 @@ "framework": "lit", | ||
| "name": "vaadin-login-overlay", | ||
| "description": "`<vaadin-login-overlay>` is a wrapper of the `<vaadin-login-form>` which opens a login form in an overlay and\nhaving an additional `brand` part for application title and description. Using `<vaadin-login-overlay>` allows\npassword managers to work with login form.\n\n```\n<vaadin-login-overlay opened></vaadin-login-overlay>\n```\n\n### Styling\n\nThe component doesn't have a shadowRoot, so the `<form>` and input fields can be styled from a global scope.\nUse `<vaadin-login-overlay-wrapper>` and `<vaadin-login-form-wrapper>` to apply styles.\n\nThe following shadow DOM parts of the `<vaadin-login-overlay-wrapper>` are available for styling:\n\nPart name | Description\n----------------|---------------------------------------------------------|\n`card` | Container for the entire component's content\n`brand` | Container for application title and description\n`form` | Container for the `<vaadin-login-form>` component\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n\nSee [`<vaadin-login-form>`](https://cdn.vaadin.com/vaadin-web-components/24.5.6/#/elements/vaadin-login-form)\ndocumentation for `<vaadin-login-form-wrapper>` stylable parts.", | ||
| "description": "`<vaadin-login-overlay>` is a wrapper of the `<vaadin-login-form>` which opens a login form in an overlay and\nhaving an additional `brand` part for application title and description. Using `<vaadin-login-overlay>` allows\npassword managers to work with login form.\n\n```\n<vaadin-login-overlay opened></vaadin-login-overlay>\n```\n\n### Styling\n\nThe component doesn't have a shadowRoot, so the `<form>` and input fields can be styled from a global scope.\nUse `<vaadin-login-overlay-wrapper>` and `<vaadin-login-form-wrapper>` to apply styles.\n\nThe following shadow DOM parts of the `<vaadin-login-overlay-wrapper>` are available for styling:\n\nPart name | Description\n----------------|---------------------------------------------------------|\n`card` | Container for the entire component's content\n`brand` | Container for application title and description\n`form` | Container for the `<vaadin-login-form>` component\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n\nSee [`<vaadin-login-form>`](https://cdn.vaadin.com/vaadin-web-components/24.5.7/#/elements/vaadin-login-form)\ndocumentation for `<vaadin-login-form-wrapper>` stylable parts.", | ||
| "extension": true, | ||
@@ -99,0 +99,0 @@ "attributes": [ |
No alert changes
Improved metrics
- Total package byte prevSize
- increased by0.42%
117499
- Lines of code
- increased by0.47%
2784