@vaadin/login 25.0.1 → 25.1.0-alpha1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +13 -13
- package/src/styles/vaadin-login-form-wrapper-base-styles.d.ts +1 -1
- package/src/styles/vaadin-login-form-wrapper-base-styles.js +1 -1
- package/src/styles/vaadin-login-overlay-wrapper-base-styles.d.ts +1 -1
- package/src/styles/vaadin-login-overlay-wrapper-base-styles.js +1 -1
- package/src/title-controller.d.ts +1 -1
- package/src/title-controller.js +1 -1
- package/src/vaadin-login-form-mixin.d.ts +1 -1
- package/src/vaadin-login-form-mixin.js +1 -1
- package/src/vaadin-login-form-wrapper.js +1 -1
- package/src/vaadin-login-form.d.ts +20 -1
- package/src/vaadin-login-form.js +20 -1
- package/src/vaadin-login-mixin.d.ts +1 -1
- package/src/vaadin-login-mixin.js +1 -1
- package/src/vaadin-login-overlay-mixin.d.ts +1 -1
- package/src/vaadin-login-overlay-mixin.js +1 -1
- package/src/vaadin-login-overlay-wrapper.js +1 -1
- package/src/vaadin-login-overlay.d.ts +20 -1
- package/src/vaadin-login-overlay.js +20 -1
- package/web-types.json +3 -3
- package/web-types.lit.json +3 -3
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/login",
|
|
3
|
-
"version": "25.0
|
|
3
|
+
"version": "25.1.0-alpha1",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -34,26 +34,26 @@
|
|
|
34
34
|
],
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
37
|
-
"@vaadin/button": "
|
|
38
|
-
"@vaadin/component-base": "
|
|
39
|
-
"@vaadin/overlay": "
|
|
40
|
-
"@vaadin/password-field": "
|
|
41
|
-
"@vaadin/text-field": "
|
|
42
|
-
"@vaadin/vaadin-themable-mixin": "
|
|
37
|
+
"@vaadin/button": "25.1.0-alpha1",
|
|
38
|
+
"@vaadin/component-base": "25.1.0-alpha1",
|
|
39
|
+
"@vaadin/overlay": "25.1.0-alpha1",
|
|
40
|
+
"@vaadin/password-field": "25.1.0-alpha1",
|
|
41
|
+
"@vaadin/text-field": "25.1.0-alpha1",
|
|
42
|
+
"@vaadin/vaadin-themable-mixin": "25.1.0-alpha1",
|
|
43
43
|
"lit": "^3.0.0"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
|
-
"@vaadin/a11y-base": "
|
|
47
|
-
"@vaadin/chai-plugins": "
|
|
48
|
-
"@vaadin/checkbox": "
|
|
49
|
-
"@vaadin/test-runner-commands": "
|
|
46
|
+
"@vaadin/a11y-base": "25.1.0-alpha1",
|
|
47
|
+
"@vaadin/chai-plugins": "25.1.0-alpha1",
|
|
48
|
+
"@vaadin/checkbox": "25.1.0-alpha1",
|
|
49
|
+
"@vaadin/test-runner-commands": "25.1.0-alpha1",
|
|
50
50
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
51
|
-
"@vaadin/vaadin-lumo-styles": "
|
|
51
|
+
"@vaadin/vaadin-lumo-styles": "25.1.0-alpha1",
|
|
52
52
|
"sinon": "^21.0.0"
|
|
53
53
|
},
|
|
54
54
|
"web-types": [
|
|
55
55
|
"web-types.json",
|
|
56
56
|
"web-types.lit.json"
|
|
57
57
|
],
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "c789cdd350bcd74b280268a83f5475ad7f2f65e1"
|
|
59
59
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c) 2018 -
|
|
3
|
+
* Copyright (c) 2018 - 2026 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
import '@vaadin/component-base/src/styles/style-props.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c) 2018 -
|
|
3
|
+
* Copyright (c) 2018 - 2026 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
import '@vaadin/component-base/src/styles/style-props.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c) 2018 -
|
|
3
|
+
* Copyright (c) 2018 - 2026 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
import { SlotChildObserveController } from '@vaadin/component-base/src/slot-child-observe-controller.js';
|
package/src/title-controller.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c) 2018 -
|
|
3
|
+
* Copyright (c) 2018 - 2026 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
import { SlotChildObserveController } from '@vaadin/component-base/src/slot-child-observe-controller.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c) 2018 -
|
|
3
|
+
* Copyright (c) 2018 - 2026 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
import type { Constructor } from '@open-wc/dedupe-mixin';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c) 2018 -
|
|
3
|
+
* Copyright (c) 2018 - 2026 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
|
|
@@ -59,6 +59,25 @@ export interface LoginFormEventMap extends HTMLElementEventMap, LoginFormCustomE
|
|
|
59
59
|
* `error-message-description` | Container for error message description
|
|
60
60
|
* `footer` | Container additional information text from `i18n` object
|
|
61
61
|
*
|
|
62
|
+
* The following custom CSS properties are available for styling:
|
|
63
|
+
*
|
|
64
|
+
* Custom CSS property |
|
|
65
|
+
* :------------------------------------------|
|
|
66
|
+
* | `--vaadin-login-form-background` |
|
|
67
|
+
* | `--vaadin-login-form-border-radius` |
|
|
68
|
+
* | `--vaadin-login-form-error-color` |
|
|
69
|
+
* | `--vaadin-login-form-error-font-size` |
|
|
70
|
+
* | `--vaadin-login-form-error-font-weight` |
|
|
71
|
+
* | `--vaadin-login-form-error-gap` |
|
|
72
|
+
* | `--vaadin-login-form-error-line-height` |
|
|
73
|
+
* | `--vaadin-login-form-gap` |
|
|
74
|
+
* | `--vaadin-login-form-padding` |
|
|
75
|
+
* | `--vaadin-login-form-title-color` |
|
|
76
|
+
* | `--vaadin-login-form-title-font-size` |
|
|
77
|
+
* | `--vaadin-login-form-title-font-weight` |
|
|
78
|
+
* | `--vaadin-login-form-title-line-height` |
|
|
79
|
+
* | `--vaadin-login-form-width` |
|
|
80
|
+
*
|
|
62
81
|
* See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
|
|
63
82
|
*
|
|
64
83
|
* @fires {CustomEvent} disabled-changed - Fired when the `disabled` property changes.
|
package/src/vaadin-login-form.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c) 2018 -
|
|
3
|
+
* Copyright (c) 2018 - 2026 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
import '@vaadin/button/src/vaadin-button.js';
|
|
@@ -39,6 +39,25 @@ import { LoginFormMixin } from './vaadin-login-form-mixin.js';
|
|
|
39
39
|
* `error-message-description` | Container for error message description
|
|
40
40
|
* `footer` | Container additional information text from `i18n` object
|
|
41
41
|
*
|
|
42
|
+
* The following custom CSS properties are available for styling:
|
|
43
|
+
*
|
|
44
|
+
* Custom CSS property |
|
|
45
|
+
* :------------------------------------------|
|
|
46
|
+
* | `--vaadin-login-form-background` |
|
|
47
|
+
* | `--vaadin-login-form-border-radius` |
|
|
48
|
+
* | `--vaadin-login-form-error-color` |
|
|
49
|
+
* | `--vaadin-login-form-error-font-size` |
|
|
50
|
+
* | `--vaadin-login-form-error-font-weight` |
|
|
51
|
+
* | `--vaadin-login-form-error-gap` |
|
|
52
|
+
* | `--vaadin-login-form-error-line-height` |
|
|
53
|
+
* | `--vaadin-login-form-gap` |
|
|
54
|
+
* | `--vaadin-login-form-padding` |
|
|
55
|
+
* | `--vaadin-login-form-title-color` |
|
|
56
|
+
* | `--vaadin-login-form-title-font-size` |
|
|
57
|
+
* | `--vaadin-login-form-title-font-weight` |
|
|
58
|
+
* | `--vaadin-login-form-title-line-height` |
|
|
59
|
+
* | `--vaadin-login-form-width` |
|
|
60
|
+
*
|
|
42
61
|
* See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
|
|
43
62
|
*
|
|
44
63
|
* @fires {CustomEvent} disabled-changed - Fired when the `disabled` property changes.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c) 2018 -
|
|
3
|
+
* Copyright (c) 2018 - 2026 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
import type { Constructor } from '@open-wc/dedupe-mixin';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c) 2018 -
|
|
3
|
+
* Copyright (c) 2018 - 2026 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
import { I18nMixin } from '@vaadin/component-base/src/i18n-mixin.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c) 2018 -
|
|
3
|
+
* Copyright (c) 2018 - 2026 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
import type { Constructor } from '@open-wc/dedupe-mixin';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c) 2018 -
|
|
3
|
+
* Copyright (c) 2018 - 2026 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
import { TitleController } from './title-controller.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c) 2018 -
|
|
3
|
+
* Copyright (c) 2018 - 2026 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
|
|
@@ -83,6 +83,25 @@ export interface LoginOverlayEventMap extends HTMLElementEventMap, LoginOverlayC
|
|
|
83
83
|
* `error-message-description` | Container for error message description
|
|
84
84
|
* `footer` | Container for the footer element
|
|
85
85
|
*
|
|
86
|
+
* The following custom CSS properties are available for styling:
|
|
87
|
+
*
|
|
88
|
+
* Custom CSS property |
|
|
89
|
+
* :--------------------------------------------------|
|
|
90
|
+
* | `--vaadin-login-overlay-background` |
|
|
91
|
+
* | `--vaadin-login-overlay-border-color` |
|
|
92
|
+
* | `--vaadin-login-overlay-border-radius` |
|
|
93
|
+
* | `--vaadin-login-overlay-border-width` |
|
|
94
|
+
* | `--vaadin-login-overlay-brand-background` |
|
|
95
|
+
* | `--vaadin-login-overlay-brand-padding` |
|
|
96
|
+
* | `--vaadin-login-overlay-description-color` |
|
|
97
|
+
* | `--vaadin-login-overlay-description-font-size` |
|
|
98
|
+
* | `--vaadin-login-overlay-description-font-weight` |
|
|
99
|
+
* | `--vaadin-login-overlay-description-line-height` |
|
|
100
|
+
* | `--vaadin-login-overlay-title-color` |
|
|
101
|
+
* | `--vaadin-login-overlay-title-font-size` |
|
|
102
|
+
* | `--vaadin-login-overlay-title-font-weight` |
|
|
103
|
+
* | `--vaadin-login-overlay-title-line-height` |
|
|
104
|
+
*
|
|
86
105
|
* @fires {CustomEvent} description-changed - Fired when the `description` property changes.
|
|
87
106
|
* @fires {CustomEvent} disabled-changed - Fired when the `disabled` property changes.
|
|
88
107
|
* @fires {CustomEvent} error-changed - Fired when the `error` property changes.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c) 2018 -
|
|
3
|
+
* Copyright (c) 2018 - 2026 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
import '@vaadin/button/src/vaadin-button.js';
|
|
@@ -45,6 +45,25 @@ import { LoginOverlayMixin } from './vaadin-login-overlay-mixin.js';
|
|
|
45
45
|
* `error-message-description` | Container for error message description
|
|
46
46
|
* `footer` | Container for the footer element
|
|
47
47
|
*
|
|
48
|
+
* The following custom CSS properties are available for styling:
|
|
49
|
+
*
|
|
50
|
+
* Custom CSS property |
|
|
51
|
+
* :--------------------------------------------------|
|
|
52
|
+
* | `--vaadin-login-overlay-background` |
|
|
53
|
+
* | `--vaadin-login-overlay-border-color` |
|
|
54
|
+
* | `--vaadin-login-overlay-border-radius` |
|
|
55
|
+
* | `--vaadin-login-overlay-border-width` |
|
|
56
|
+
* | `--vaadin-login-overlay-brand-background` |
|
|
57
|
+
* | `--vaadin-login-overlay-brand-padding` |
|
|
58
|
+
* | `--vaadin-login-overlay-description-color` |
|
|
59
|
+
* | `--vaadin-login-overlay-description-font-size` |
|
|
60
|
+
* | `--vaadin-login-overlay-description-font-weight` |
|
|
61
|
+
* | `--vaadin-login-overlay-description-line-height` |
|
|
62
|
+
* | `--vaadin-login-overlay-title-color` |
|
|
63
|
+
* | `--vaadin-login-overlay-title-font-size` |
|
|
64
|
+
* | `--vaadin-login-overlay-title-font-weight` |
|
|
65
|
+
* | `--vaadin-login-overlay-title-line-height` |
|
|
66
|
+
*
|
|
48
67
|
* See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
|
|
49
68
|
*
|
|
50
69
|
* @fires {CustomEvent} description-changed - Fired when the `description` property changes.
|
package/web-types.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@vaadin/login",
|
|
4
|
-
"version": "25.0
|
|
4
|
+
"version": "25.1.0-alpha1",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
8
8
|
"elements": [
|
|
9
9
|
{
|
|
10
10
|
"name": "vaadin-login-form",
|
|
11
|
-
"description": "`<vaadin-login-form>` is a Web Component providing an easy way to require users\nto log in into an application. Note that component has no shadowRoot.\n\n```html\n<vaadin-login-form></vaadin-login-form>\n```\n\nComponent has to be accessible from the `document` layer in order to allow password managers to work properly with form values.\nUsing `<vaadin-login-overlay>` allows to always attach the component to the document body.\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n---------------|---------------------------------------------------------|\n`form` | Container for the entire component's content\n`form-title` | Title of the login form\n`error-message`| Container for error message, contains error-message-title and error-message-description parts. Hidden by default.\n`error-message-title` | Container for error message title\n`error-message-description` | Container for error message description\n`footer` | Container additional information text from `i18n` object\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
11
|
+
"description": "`<vaadin-login-form>` is a Web Component providing an easy way to require users\nto log in into an application. Note that component has no shadowRoot.\n\n```html\n<vaadin-login-form></vaadin-login-form>\n```\n\nComponent has to be accessible from the `document` layer in order to allow password managers to work properly with form values.\nUsing `<vaadin-login-overlay>` allows to always attach the component to the document body.\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n---------------|---------------------------------------------------------|\n`form` | Container for the entire component's content\n`form-title` | Title of the login form\n`error-message`| Container for error message, contains error-message-title and error-message-description parts. Hidden by default.\n`error-message-title` | Container for error message title\n`error-message-description` | Container for error message description\n`footer` | Container additional information text from `i18n` object\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:------------------------------------------|\n| `--vaadin-login-form-background` |\n| `--vaadin-login-form-border-radius` |\n| `--vaadin-login-form-error-color` |\n| `--vaadin-login-form-error-font-size` |\n| `--vaadin-login-form-error-font-weight` |\n| `--vaadin-login-form-error-gap` |\n| `--vaadin-login-form-error-line-height` |\n| `--vaadin-login-form-gap` |\n| `--vaadin-login-form-padding` |\n| `--vaadin-login-form-title-color` |\n| `--vaadin-login-form-title-font-size` |\n| `--vaadin-login-form-title-font-weight` |\n| `--vaadin-login-form-title-line-height` |\n| `--vaadin-login-form-width` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
12
12
|
"attributes": [
|
|
13
13
|
{
|
|
14
14
|
"name": "action",
|
|
@@ -170,7 +170,7 @@
|
|
|
170
170
|
},
|
|
171
171
|
{
|
|
172
172
|
"name": "vaadin-login-overlay",
|
|
173
|
-
"description": "`<vaadin-login-overlay>` is a web component which renders a login form in an overlay and\nprovides an additional `brand` part for application title and description.\n\n```html\n<vaadin-login-overlay opened></vaadin-login-overlay>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-----------------------------|--------------------------------\n`backdrop` | Backdrop of the overlay\n`overlay` | The overlay container element\n`content` | The overlay content element\n`card` | Container for the brand and form wrapper\n`brand` | Container for application title and description\n`description` | The application description\n`form-wrapper` | The login form wrapper element\n`form` | The login form element\n`form-title` | Title of the login form\n`error-message` | Container for error message\n`error-message-title` | Container for error message title\n`error-message-description` | Container for error message description\n`footer` | Container for the footer element\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
173
|
+
"description": "`<vaadin-login-overlay>` is a web component which renders a login form in an overlay and\nprovides an additional `brand` part for application title and description.\n\n```html\n<vaadin-login-overlay opened></vaadin-login-overlay>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-----------------------------|--------------------------------\n`backdrop` | Backdrop of the overlay\n`overlay` | The overlay container element\n`content` | The overlay content element\n`card` | Container for the brand and form wrapper\n`brand` | Container for application title and description\n`description` | The application description\n`form-wrapper` | The login form wrapper element\n`form` | The login form element\n`form-title` | Title of the login form\n`error-message` | Container for error message\n`error-message-title` | Container for error message title\n`error-message-description` | Container for error message description\n`footer` | Container for the footer element\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:--------------------------------------------------|\n| `--vaadin-login-overlay-background` |\n| `--vaadin-login-overlay-border-color` |\n| `--vaadin-login-overlay-border-radius` |\n| `--vaadin-login-overlay-border-width` |\n| `--vaadin-login-overlay-brand-background` |\n| `--vaadin-login-overlay-brand-padding` |\n| `--vaadin-login-overlay-description-color` |\n| `--vaadin-login-overlay-description-font-size` |\n| `--vaadin-login-overlay-description-font-weight` |\n| `--vaadin-login-overlay-description-line-height` |\n| `--vaadin-login-overlay-title-color` |\n| `--vaadin-login-overlay-title-font-size` |\n| `--vaadin-login-overlay-title-font-weight` |\n| `--vaadin-login-overlay-title-line-height` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
174
174
|
"attributes": [
|
|
175
175
|
{
|
|
176
176
|
"name": "action",
|
package/web-types.lit.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@vaadin/login",
|
|
4
|
-
"version": "25.0
|
|
4
|
+
"version": "25.1.0-alpha1",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"framework": "lit",
|
|
7
7
|
"framework-config": {
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"elements": [
|
|
17
17
|
{
|
|
18
18
|
"name": "vaadin-login-form",
|
|
19
|
-
"description": "`<vaadin-login-form>` is a Web Component providing an easy way to require users\nto log in into an application. Note that component has no shadowRoot.\n\n```html\n<vaadin-login-form></vaadin-login-form>\n```\n\nComponent has to be accessible from the `document` layer in order to allow password managers to work properly with form values.\nUsing `<vaadin-login-overlay>` allows to always attach the component to the document body.\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n---------------|---------------------------------------------------------|\n`form` | Container for the entire component's content\n`form-title` | Title of the login form\n`error-message`| Container for error message, contains error-message-title and error-message-description parts. Hidden by default.\n`error-message-title` | Container for error message title\n`error-message-description` | Container for error message description\n`footer` | Container additional information text from `i18n` object\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
19
|
+
"description": "`<vaadin-login-form>` is a Web Component providing an easy way to require users\nto log in into an application. Note that component has no shadowRoot.\n\n```html\n<vaadin-login-form></vaadin-login-form>\n```\n\nComponent has to be accessible from the `document` layer in order to allow password managers to work properly with form values.\nUsing `<vaadin-login-overlay>` allows to always attach the component to the document body.\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n---------------|---------------------------------------------------------|\n`form` | Container for the entire component's content\n`form-title` | Title of the login form\n`error-message`| Container for error message, contains error-message-title and error-message-description parts. Hidden by default.\n`error-message-title` | Container for error message title\n`error-message-description` | Container for error message description\n`footer` | Container additional information text from `i18n` object\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:------------------------------------------|\n| `--vaadin-login-form-background` |\n| `--vaadin-login-form-border-radius` |\n| `--vaadin-login-form-error-color` |\n| `--vaadin-login-form-error-font-size` |\n| `--vaadin-login-form-error-font-weight` |\n| `--vaadin-login-form-error-gap` |\n| `--vaadin-login-form-error-line-height` |\n| `--vaadin-login-form-gap` |\n| `--vaadin-login-form-padding` |\n| `--vaadin-login-form-title-color` |\n| `--vaadin-login-form-title-font-size` |\n| `--vaadin-login-form-title-font-weight` |\n| `--vaadin-login-form-title-line-height` |\n| `--vaadin-login-form-width` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
20
20
|
"extension": true,
|
|
21
21
|
"attributes": [
|
|
22
22
|
{
|
|
@@ -100,7 +100,7 @@
|
|
|
100
100
|
},
|
|
101
101
|
{
|
|
102
102
|
"name": "vaadin-login-overlay",
|
|
103
|
-
"description": "`<vaadin-login-overlay>` is a web component which renders a login form in an overlay and\nprovides an additional `brand` part for application title and description.\n\n```html\n<vaadin-login-overlay opened></vaadin-login-overlay>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-----------------------------|--------------------------------\n`backdrop` | Backdrop of the overlay\n`overlay` | The overlay container element\n`content` | The overlay content element\n`card` | Container for the brand and form wrapper\n`brand` | Container for application title and description\n`description` | The application description\n`form-wrapper` | The login form wrapper element\n`form` | The login form element\n`form-title` | Title of the login form\n`error-message` | Container for error message\n`error-message-title` | Container for error message title\n`error-message-description` | Container for error message description\n`footer` | Container for the footer element\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
103
|
+
"description": "`<vaadin-login-overlay>` is a web component which renders a login form in an overlay and\nprovides an additional `brand` part for application title and description.\n\n```html\n<vaadin-login-overlay opened></vaadin-login-overlay>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-----------------------------|--------------------------------\n`backdrop` | Backdrop of the overlay\n`overlay` | The overlay container element\n`content` | The overlay content element\n`card` | Container for the brand and form wrapper\n`brand` | Container for application title and description\n`description` | The application description\n`form-wrapper` | The login form wrapper element\n`form` | The login form element\n`form-title` | Title of the login form\n`error-message` | Container for error message\n`error-message-title` | Container for error message title\n`error-message-description` | Container for error message description\n`footer` | Container for the footer element\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:--------------------------------------------------|\n| `--vaadin-login-overlay-background` |\n| `--vaadin-login-overlay-border-color` |\n| `--vaadin-login-overlay-border-radius` |\n| `--vaadin-login-overlay-border-width` |\n| `--vaadin-login-overlay-brand-background` |\n| `--vaadin-login-overlay-brand-padding` |\n| `--vaadin-login-overlay-description-color` |\n| `--vaadin-login-overlay-description-font-size` |\n| `--vaadin-login-overlay-description-font-weight` |\n| `--vaadin-login-overlay-description-line-height` |\n| `--vaadin-login-overlay-title-color` |\n| `--vaadin-login-overlay-title-font-size` |\n| `--vaadin-login-overlay-title-font-weight` |\n| `--vaadin-login-overlay-title-line-height` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
104
104
|
"extension": true,
|
|
105
105
|
"attributes": [
|
|
106
106
|
{
|