@vaadin/login 25.1.0-beta2 → 25.1.0-beta4
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/custom-elements.json +41 -13
- package/package.json +15 -15
- package/src/styles/vaadin-login-overlay-wrapper-base-styles.js +1 -0
- package/src/vaadin-login-mixin.js +0 -1
- package/src/vaadin-login-overlay.d.ts +1 -0
- package/src/vaadin-login-overlay.js +1 -0
- package/web-types.json +10 -6
- package/web-types.lit.json +2 -2
package/custom-elements.json
CHANGED
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"name": "action",
|
|
47
47
|
"privacy": "public",
|
|
48
48
|
"type": {
|
|
49
|
-
"text": "string
|
|
49
|
+
"text": "string"
|
|
50
50
|
},
|
|
51
51
|
"description": "If set, a synchronous POST call will be fired to the path defined.\nThe `login` event is also dispatched, so `event.preventDefault()` can be called to prevent the POST call.",
|
|
52
52
|
"attribute": "action",
|
|
@@ -100,10 +100,12 @@
|
|
|
100
100
|
{
|
|
101
101
|
"kind": "field",
|
|
102
102
|
"name": "i18n",
|
|
103
|
-
"
|
|
103
|
+
"privacy": "public",
|
|
104
104
|
"type": {
|
|
105
105
|
"text": "Object"
|
|
106
106
|
},
|
|
107
|
+
"description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides all properties, or\njust the individual properties you want to change.\n\nThe object has the following JSON structure (by default it doesn't include `additionalInformation`\nand `header` sections, `header` can be added to override `title` and `description` properties\nin `vaadin-login-overlay`):\n\n```js\n{\n header: {\n title: 'App name',\n description: 'Inspiring application description'\n },\n form: {\n title: 'Log in',\n username: 'Username',\n password: 'Password',\n submit: 'Log in',\n forgotPassword: 'Forgot password'\n },\n errorMessage: {\n title: 'Incorrect username or password',\n message: 'Check that you have entered the correct username and password and try again.',\n username: 'Username is required',\n password: 'Password is required'\n },\n additionalInformation: 'In case you need to provide some additional info for the user.'\n}\n```",
|
|
108
|
+
"attribute": "i18n",
|
|
107
109
|
"inheritedFrom": {
|
|
108
110
|
"name": "I18nMixin",
|
|
109
111
|
"package": "@vaadin/component-base/src/i18n-mixin.js"
|
|
@@ -172,7 +174,7 @@
|
|
|
172
174
|
{
|
|
173
175
|
"name": "action",
|
|
174
176
|
"type": {
|
|
175
|
-
"text": "string
|
|
177
|
+
"text": "string"
|
|
176
178
|
},
|
|
177
179
|
"description": "If set, a synchronous POST call will be fired to the path defined.\nThe `login` event is also dispatched, so `event.preventDefault()` can be called to prevent the POST call.",
|
|
178
180
|
"fieldName": "action",
|
|
@@ -219,6 +221,11 @@
|
|
|
219
221
|
},
|
|
220
222
|
{
|
|
221
223
|
"name": "i18n",
|
|
224
|
+
"type": {
|
|
225
|
+
"text": "Object"
|
|
226
|
+
},
|
|
227
|
+
"description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides all properties, or\njust the individual properties you want to change.\n\nShould be overridden by subclasses to provide a custom JSDoc with the\ndefault I18N properties.",
|
|
228
|
+
"fieldName": "i18n",
|
|
222
229
|
"inheritedFrom": {
|
|
223
230
|
"name": "I18nMixin",
|
|
224
231
|
"package": "@vaadin/component-base/src/i18n-mixin.js"
|
|
@@ -284,7 +291,7 @@
|
|
|
284
291
|
"name": "action",
|
|
285
292
|
"privacy": "public",
|
|
286
293
|
"type": {
|
|
287
|
-
"text": "string
|
|
294
|
+
"text": "string"
|
|
288
295
|
},
|
|
289
296
|
"description": "If set, a synchronous POST call will be fired to the path defined.\nThe `login` event is also dispatched, so `event.preventDefault()` can be called to prevent the POST call.",
|
|
290
297
|
"attribute": "action",
|
|
@@ -338,10 +345,12 @@
|
|
|
338
345
|
{
|
|
339
346
|
"kind": "field",
|
|
340
347
|
"name": "i18n",
|
|
341
|
-
"
|
|
348
|
+
"privacy": "public",
|
|
342
349
|
"type": {
|
|
343
350
|
"text": "Object"
|
|
344
351
|
},
|
|
352
|
+
"description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides all properties, or\njust the individual properties you want to change.\n\nThe object has the following JSON structure (by default it doesn't include `additionalInformation`\nand `header` sections, `header` can be added to override `title` and `description` properties\nin `vaadin-login-overlay`):\n\n```js\n{\n header: {\n title: 'App name',\n description: 'Inspiring application description'\n },\n form: {\n title: 'Log in',\n username: 'Username',\n password: 'Password',\n submit: 'Log in',\n forgotPassword: 'Forgot password'\n },\n errorMessage: {\n title: 'Incorrect username or password',\n message: 'Check that you have entered the correct username and password and try again.',\n username: 'Username is required',\n password: 'Password is required'\n },\n additionalInformation: 'In case you need to provide some additional info for the user.'\n}\n```",
|
|
353
|
+
"attribute": "i18n",
|
|
345
354
|
"inheritedFrom": {
|
|
346
355
|
"name": "I18nMixin",
|
|
347
356
|
"package": "@vaadin/component-base/src/i18n-mixin.js"
|
|
@@ -451,7 +460,7 @@
|
|
|
451
460
|
{
|
|
452
461
|
"name": "action",
|
|
453
462
|
"type": {
|
|
454
|
-
"text": "string
|
|
463
|
+
"text": "string"
|
|
455
464
|
},
|
|
456
465
|
"description": "If set, a synchronous POST call will be fired to the path defined.\nThe `login` event is also dispatched, so `event.preventDefault()` can be called to prevent the POST call.",
|
|
457
466
|
"fieldName": "action",
|
|
@@ -498,6 +507,11 @@
|
|
|
498
507
|
},
|
|
499
508
|
{
|
|
500
509
|
"name": "i18n",
|
|
510
|
+
"type": {
|
|
511
|
+
"text": "Object"
|
|
512
|
+
},
|
|
513
|
+
"description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides all properties, or\njust the individual properties you want to change.\n\nShould be overridden by subclasses to provide a custom JSDoc with the\ndefault I18N properties.",
|
|
514
|
+
"fieldName": "i18n",
|
|
501
515
|
"inheritedFrom": {
|
|
502
516
|
"name": "I18nMixin",
|
|
503
517
|
"package": "@vaadin/component-base/src/i18n-mixin.js"
|
|
@@ -555,7 +569,7 @@
|
|
|
555
569
|
"name": "action",
|
|
556
570
|
"privacy": "public",
|
|
557
571
|
"type": {
|
|
558
|
-
"text": "string
|
|
572
|
+
"text": "string"
|
|
559
573
|
},
|
|
560
574
|
"description": "If set, a synchronous POST call will be fired to the path defined.\nThe `login` event is also dispatched, so `event.preventDefault()` can be called to prevent the POST call.",
|
|
561
575
|
"attribute": "action"
|
|
@@ -593,10 +607,12 @@
|
|
|
593
607
|
{
|
|
594
608
|
"kind": "field",
|
|
595
609
|
"name": "i18n",
|
|
596
|
-
"
|
|
610
|
+
"privacy": "public",
|
|
597
611
|
"type": {
|
|
598
612
|
"text": "Object"
|
|
599
613
|
},
|
|
614
|
+
"description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides all properties, or\njust the individual properties you want to change.\n\nThe object has the following JSON structure (by default it doesn't include `additionalInformation`\nand `header` sections, `header` can be added to override `title` and `description` properties\nin `vaadin-login-overlay`):\n\n```js\n{\n header: {\n title: 'App name',\n description: 'Inspiring application description'\n },\n form: {\n title: 'Log in',\n username: 'Username',\n password: 'Password',\n submit: 'Log in',\n forgotPassword: 'Forgot password'\n },\n errorMessage: {\n title: 'Incorrect username or password',\n message: 'Check that you have entered the correct username and password and try again.',\n username: 'Username is required',\n password: 'Password is required'\n },\n additionalInformation: 'In case you need to provide some additional info for the user.'\n}\n```",
|
|
615
|
+
"attribute": "i18n",
|
|
600
616
|
"inheritedFrom": {
|
|
601
617
|
"name": "I18nMixin",
|
|
602
618
|
"package": "@vaadin/component-base/src/i18n-mixin.js"
|
|
@@ -627,7 +643,7 @@
|
|
|
627
643
|
{
|
|
628
644
|
"name": "action",
|
|
629
645
|
"type": {
|
|
630
|
-
"text": "string
|
|
646
|
+
"text": "string"
|
|
631
647
|
},
|
|
632
648
|
"description": "If set, a synchronous POST call will be fired to the path defined.\nThe `login` event is also dispatched, so `event.preventDefault()` can be called to prevent the POST call.",
|
|
633
649
|
"fieldName": "action"
|
|
@@ -658,6 +674,11 @@
|
|
|
658
674
|
},
|
|
659
675
|
{
|
|
660
676
|
"name": "i18n",
|
|
677
|
+
"type": {
|
|
678
|
+
"text": "Object"
|
|
679
|
+
},
|
|
680
|
+
"description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides all properties, or\njust the individual properties you want to change.\n\nShould be overridden by subclasses to provide a custom JSDoc with the\ndefault I18N properties.",
|
|
681
|
+
"fieldName": "i18n",
|
|
661
682
|
"inheritedFrom": {
|
|
662
683
|
"name": "I18nMixin",
|
|
663
684
|
"package": "@vaadin/component-base/src/i18n-mixin.js"
|
|
@@ -802,7 +823,7 @@
|
|
|
802
823
|
"declarations": [
|
|
803
824
|
{
|
|
804
825
|
"kind": "class",
|
|
805
|
-
"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.",
|
|
826
|
+
"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-text-color` |\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.",
|
|
806
827
|
"name": "LoginOverlay",
|
|
807
828
|
"members": [
|
|
808
829
|
{
|
|
@@ -810,7 +831,7 @@
|
|
|
810
831
|
"name": "action",
|
|
811
832
|
"privacy": "public",
|
|
812
833
|
"type": {
|
|
813
|
-
"text": "string
|
|
834
|
+
"text": "string"
|
|
814
835
|
},
|
|
815
836
|
"description": "If set, a synchronous POST call will be fired to the path defined.\nThe `login` event is also dispatched, so `event.preventDefault()` can be called to prevent the POST call.",
|
|
816
837
|
"attribute": "action",
|
|
@@ -878,10 +899,12 @@
|
|
|
878
899
|
{
|
|
879
900
|
"kind": "field",
|
|
880
901
|
"name": "i18n",
|
|
881
|
-
"
|
|
902
|
+
"privacy": "public",
|
|
882
903
|
"type": {
|
|
883
904
|
"text": "Object"
|
|
884
905
|
},
|
|
906
|
+
"description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides all properties, or\njust the individual properties you want to change.\n\nThe object has the following JSON structure (by default it doesn't include `additionalInformation`\nand `header` sections, `header` can be added to override `title` and `description` properties\nin `vaadin-login-overlay`):\n\n```js\n{\n header: {\n title: 'App name',\n description: 'Inspiring application description'\n },\n form: {\n title: 'Log in',\n username: 'Username',\n password: 'Password',\n submit: 'Log in',\n forgotPassword: 'Forgot password'\n },\n errorMessage: {\n title: 'Incorrect username or password',\n message: 'Check that you have entered the correct username and password and try again.',\n username: 'Username is required',\n password: 'Password is required'\n },\n additionalInformation: 'In case you need to provide some additional info for the user.'\n}\n```",
|
|
907
|
+
"attribute": "i18n",
|
|
885
908
|
"inheritedFrom": {
|
|
886
909
|
"name": "I18nMixin",
|
|
887
910
|
"package": "@vaadin/component-base/src/i18n-mixin.js"
|
|
@@ -1041,7 +1064,7 @@
|
|
|
1041
1064
|
{
|
|
1042
1065
|
"name": "action",
|
|
1043
1066
|
"type": {
|
|
1044
|
-
"text": "string
|
|
1067
|
+
"text": "string"
|
|
1045
1068
|
},
|
|
1046
1069
|
"description": "If set, a synchronous POST call will be fired to the path defined.\nThe `login` event is also dispatched, so `event.preventDefault()` can be called to prevent the POST call.",
|
|
1047
1070
|
"fieldName": "action",
|
|
@@ -1100,6 +1123,11 @@
|
|
|
1100
1123
|
},
|
|
1101
1124
|
{
|
|
1102
1125
|
"name": "i18n",
|
|
1126
|
+
"type": {
|
|
1127
|
+
"text": "Object"
|
|
1128
|
+
},
|
|
1129
|
+
"description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides all properties, or\njust the individual properties you want to change.\n\nShould be overridden by subclasses to provide a custom JSDoc with the\ndefault I18N properties.",
|
|
1130
|
+
"fieldName": "i18n",
|
|
1103
1131
|
"inheritedFrom": {
|
|
1104
1132
|
"name": "I18nMixin",
|
|
1105
1133
|
"package": "@vaadin/component-base/src/i18n-mixin.js"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/login",
|
|
3
|
-
"version": "25.1.0-
|
|
3
|
+
"version": "25.1.0-beta4",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -35,28 +35,28 @@
|
|
|
35
35
|
],
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
38
|
-
"@vaadin/button": "25.1.0-
|
|
39
|
-
"@vaadin/component-base": "25.1.0-
|
|
40
|
-
"@vaadin/overlay": "25.1.0-
|
|
41
|
-
"@vaadin/password-field": "25.1.0-
|
|
42
|
-
"@vaadin/text-field": "25.1.0-
|
|
43
|
-
"@vaadin/vaadin-themable-mixin": "25.1.0-
|
|
38
|
+
"@vaadin/button": "25.1.0-beta4",
|
|
39
|
+
"@vaadin/component-base": "25.1.0-beta4",
|
|
40
|
+
"@vaadin/overlay": "25.1.0-beta4",
|
|
41
|
+
"@vaadin/password-field": "25.1.0-beta4",
|
|
42
|
+
"@vaadin/text-field": "25.1.0-beta4",
|
|
43
|
+
"@vaadin/vaadin-themable-mixin": "25.1.0-beta4",
|
|
44
44
|
"lit": "^3.0.0"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
|
-
"@vaadin/a11y-base": "25.1.0-
|
|
48
|
-
"@vaadin/aura": "25.1.0-
|
|
49
|
-
"@vaadin/chai-plugins": "25.1.0-
|
|
50
|
-
"@vaadin/checkbox": "25.1.0-
|
|
51
|
-
"@vaadin/test-runner-commands": "25.1.0-
|
|
47
|
+
"@vaadin/a11y-base": "25.1.0-beta4",
|
|
48
|
+
"@vaadin/aura": "25.1.0-beta4",
|
|
49
|
+
"@vaadin/chai-plugins": "25.1.0-beta4",
|
|
50
|
+
"@vaadin/checkbox": "25.1.0-beta4",
|
|
51
|
+
"@vaadin/test-runner-commands": "25.1.0-beta4",
|
|
52
52
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
53
|
-
"@vaadin/vaadin-lumo-styles": "25.1.0-
|
|
54
|
-
"sinon": "^21.0.
|
|
53
|
+
"@vaadin/vaadin-lumo-styles": "25.1.0-beta4",
|
|
54
|
+
"sinon": "^21.0.2"
|
|
55
55
|
},
|
|
56
56
|
"customElements": "custom-elements.json",
|
|
57
57
|
"web-types": [
|
|
58
58
|
"web-types.json",
|
|
59
59
|
"web-types.lit.json"
|
|
60
60
|
],
|
|
61
|
-
"gitHead": "
|
|
61
|
+
"gitHead": "b27f6706a2b5c07cedec353fccbdecee95d53024"
|
|
62
62
|
}
|
|
@@ -9,6 +9,7 @@ import { overlayStyles } from '@vaadin/overlay/src/styles/vaadin-overlay-base-st
|
|
|
9
9
|
|
|
10
10
|
const loginOverlayWrapper = css`
|
|
11
11
|
[part='overlay'] {
|
|
12
|
+
color: var(--vaadin-login-overlay-text-color, var(--vaadin-overlay-text-color, var(--vaadin-text-color)));
|
|
12
13
|
background: var(
|
|
13
14
|
--vaadin-login-overlay-background,
|
|
14
15
|
var(--vaadin-overlay-background, var(--vaadin-background-color))
|
|
@@ -45,7 +45,6 @@ export const LoginMixin = (superClass) =>
|
|
|
45
45
|
/**
|
|
46
46
|
* If set, a synchronous POST call will be fired to the path defined.
|
|
47
47
|
* The `login` event is also dispatched, so `event.preventDefault()` can be called to prevent the POST call.
|
|
48
|
-
* @type {string | null}
|
|
49
48
|
*/
|
|
50
49
|
action: {
|
|
51
50
|
type: String,
|
|
@@ -97,6 +97,7 @@ export interface LoginOverlayEventMap extends HTMLElementEventMap, LoginOverlayC
|
|
|
97
97
|
* | `--vaadin-login-overlay-description-font-size` |
|
|
98
98
|
* | `--vaadin-login-overlay-description-font-weight` |
|
|
99
99
|
* | `--vaadin-login-overlay-description-line-height` |
|
|
100
|
+
* | `--vaadin-login-overlay-text-color` |
|
|
100
101
|
* | `--vaadin-login-overlay-title-color` |
|
|
101
102
|
* | `--vaadin-login-overlay-title-font-size` |
|
|
102
103
|
* | `--vaadin-login-overlay-title-font-weight` |
|
|
@@ -59,6 +59,7 @@ import { LoginOverlayMixin } from './vaadin-login-overlay-mixin.js';
|
|
|
59
59
|
* | `--vaadin-login-overlay-description-font-size` |
|
|
60
60
|
* | `--vaadin-login-overlay-description-font-weight` |
|
|
61
61
|
* | `--vaadin-login-overlay-description-line-height` |
|
|
62
|
+
* | `--vaadin-login-overlay-text-color` |
|
|
62
63
|
* | `--vaadin-login-overlay-title-color` |
|
|
63
64
|
* | `--vaadin-login-overlay-title-font-size` |
|
|
64
65
|
* | `--vaadin-login-overlay-title-font-weight` |
|
package/web-types.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.1.0-
|
|
4
|
+
"version": "25.1.0-beta4",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -16,7 +16,8 @@
|
|
|
16
16
|
"value": {
|
|
17
17
|
"type": [
|
|
18
18
|
"string",
|
|
19
|
-
"null"
|
|
19
|
+
"null",
|
|
20
|
+
"undefined"
|
|
20
21
|
]
|
|
21
22
|
}
|
|
22
23
|
},
|
|
@@ -95,7 +96,8 @@
|
|
|
95
96
|
"value": {
|
|
96
97
|
"type": [
|
|
97
98
|
"string",
|
|
98
|
-
"null"
|
|
99
|
+
"null",
|
|
100
|
+
"undefined"
|
|
99
101
|
]
|
|
100
102
|
}
|
|
101
103
|
},
|
|
@@ -186,7 +188,7 @@
|
|
|
186
188
|
},
|
|
187
189
|
{
|
|
188
190
|
"name": "vaadin-login-overlay",
|
|
189
|
-
"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.",
|
|
191
|
+
"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-text-color` |\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.",
|
|
190
192
|
"attributes": [
|
|
191
193
|
{
|
|
192
194
|
"name": "action",
|
|
@@ -194,7 +196,8 @@
|
|
|
194
196
|
"value": {
|
|
195
197
|
"type": [
|
|
196
198
|
"string",
|
|
197
|
-
"null"
|
|
199
|
+
"null",
|
|
200
|
+
"undefined"
|
|
198
201
|
]
|
|
199
202
|
}
|
|
200
203
|
},
|
|
@@ -306,7 +309,8 @@
|
|
|
306
309
|
"value": {
|
|
307
310
|
"type": [
|
|
308
311
|
"string",
|
|
309
|
-
"null"
|
|
312
|
+
"null",
|
|
313
|
+
"undefined"
|
|
310
314
|
]
|
|
311
315
|
}
|
|
312
316
|
},
|
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.1.0-
|
|
4
|
+
"version": "25.1.0-beta4",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"framework": "lit",
|
|
7
7
|
"framework-config": {
|
|
@@ -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\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.",
|
|
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-text-color` |\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
|
{
|