@vaadin/login 25.1.0-beta1 → 25.1.0-beta3

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.
Files changed (10) hide show
  1. package/custom-elements.json +49 -140
  2. package/package.json +15 -15
  3. package/src/styles/vaadin-login-overlay-wrapper-base-styles.js +1 -0
  4. package/src/vaadin-login-form-wrapper.js +0 -1
  5. package/src/vaadin-login-mixin.js +1 -6
  6. package/src/vaadin-login-overlay-mixin.js +0 -3
  7. package/src/vaadin-login-overlay.d.ts +1 -0
  8. package/src/vaadin-login-overlay.js +1 -0
  9. package/web-types.json +78 -30
  10. 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 | null"
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,20 +100,12 @@
100
100
  {
101
101
  "kind": "field",
102
102
  "name": "i18n",
103
+ "privacy": "public",
104
+ "type": {
105
+ "text": "Object"
106
+ },
103
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```",
104
- "return": {
105
- "type": {
106
- "text": "!LoginI18n"
107
- }
108
- },
109
- "parameters": [
110
- {
111
- "name": "value",
112
- "type": {
113
- "text": "Object"
114
- }
115
- }
116
- ],
108
+ "attribute": "i18n",
117
109
  "inheritedFrom": {
118
110
  "name": "I18nMixin",
119
111
  "package": "@vaadin/component-base/src/i18n-mixin.js"
@@ -182,7 +174,7 @@
182
174
  {
183
175
  "name": "action",
184
176
  "type": {
185
- "text": "string | null"
177
+ "text": "string"
186
178
  },
187
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.",
188
180
  "fieldName": "action",
@@ -229,6 +221,11 @@
229
221
  },
230
222
  {
231
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",
232
229
  "inheritedFrom": {
233
230
  "name": "I18nMixin",
234
231
  "package": "@vaadin/component-base/src/i18n-mixin.js"
@@ -280,79 +277,6 @@
280
277
  }
281
278
  ]
282
279
  },
283
- {
284
- "kind": "javascript-module",
285
- "path": "src/vaadin-login-form-wrapper.js",
286
- "declarations": [
287
- {
288
- "kind": "class",
289
- "description": "An element used internally by `<vaadin-login-form>`. Not intended to be used separately.",
290
- "name": "LoginFormWrapper",
291
- "members": [
292
- {
293
- "kind": "field",
294
- "name": "error",
295
- "privacy": "public",
296
- "type": {
297
- "text": "boolean"
298
- },
299
- "description": "If set, the error message is shown. The message is hidden by default.\nWhen set, it changes the disabled state of the submit button.",
300
- "attribute": "error"
301
- },
302
- {
303
- "kind": "field",
304
- "name": "i18n",
305
- "privacy": "public",
306
- "type": {
307
- "text": "object"
308
- },
309
- "description": "The object used to localize this component.",
310
- "attribute": "i18n"
311
- }
312
- ],
313
- "attributes": [
314
- {
315
- "name": "error",
316
- "type": {
317
- "text": "boolean"
318
- },
319
- "description": "If set, the error message is shown. The message is hidden by default.\nWhen set, it changes the disabled state of the submit button.",
320
- "fieldName": "error"
321
- }
322
- ],
323
- "mixins": [
324
- {
325
- "name": "ThemableMixin",
326
- "package": "@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js"
327
- },
328
- {
329
- "name": "PolylitMixin",
330
- "package": "@vaadin/component-base/src/polylit-mixin.js"
331
- },
332
- {
333
- "name": "LumoInjectionMixin",
334
- "package": "@vaadin/vaadin-themable-mixin/lumo-injection-mixin.js"
335
- }
336
- ],
337
- "superclass": {
338
- "name": "LitElement",
339
- "package": "lit"
340
- },
341
- "customElement": true,
342
- "events": []
343
- }
344
- ],
345
- "exports": [
346
- {
347
- "kind": "js",
348
- "name": "LoginFormWrapper",
349
- "declaration": {
350
- "name": "LoginFormWrapper",
351
- "module": "src/vaadin-login-form-wrapper.js"
352
- }
353
- }
354
- ]
355
- },
356
280
  {
357
281
  "kind": "javascript-module",
358
282
  "path": "src/vaadin-login-form.js",
@@ -367,7 +291,7 @@
367
291
  "name": "action",
368
292
  "privacy": "public",
369
293
  "type": {
370
- "text": "string | null"
294
+ "text": "string"
371
295
  },
372
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.",
373
297
  "attribute": "action",
@@ -421,20 +345,12 @@
421
345
  {
422
346
  "kind": "field",
423
347
  "name": "i18n",
348
+ "privacy": "public",
349
+ "type": {
350
+ "text": "Object"
351
+ },
424
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```",
425
- "return": {
426
- "type": {
427
- "text": "!LoginI18n"
428
- }
429
- },
430
- "parameters": [
431
- {
432
- "name": "value",
433
- "type": {
434
- "text": "Object"
435
- }
436
- }
437
- ],
353
+ "attribute": "i18n",
438
354
  "inheritedFrom": {
439
355
  "name": "I18nMixin",
440
356
  "package": "@vaadin/component-base/src/i18n-mixin.js"
@@ -544,7 +460,7 @@
544
460
  {
545
461
  "name": "action",
546
462
  "type": {
547
- "text": "string | null"
463
+ "text": "string"
548
464
  },
549
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.",
550
466
  "fieldName": "action",
@@ -591,6 +507,11 @@
591
507
  },
592
508
  {
593
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",
594
515
  "inheritedFrom": {
595
516
  "name": "I18nMixin",
596
517
  "package": "@vaadin/component-base/src/i18n-mixin.js"
@@ -648,7 +569,7 @@
648
569
  "name": "action",
649
570
  "privacy": "public",
650
571
  "type": {
651
- "text": "string | null"
572
+ "text": "string"
652
573
  },
653
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.",
654
575
  "attribute": "action"
@@ -686,20 +607,12 @@
686
607
  {
687
608
  "kind": "field",
688
609
  "name": "i18n",
610
+ "privacy": "public",
611
+ "type": {
612
+ "text": "Object"
613
+ },
689
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```",
690
- "return": {
691
- "type": {
692
- "text": "!LoginI18n"
693
- }
694
- },
695
- "parameters": [
696
- {
697
- "name": "value",
698
- "type": {
699
- "text": "Object"
700
- }
701
- }
702
- ],
615
+ "attribute": "i18n",
703
616
  "inheritedFrom": {
704
617
  "name": "I18nMixin",
705
618
  "package": "@vaadin/component-base/src/i18n-mixin.js"
@@ -730,7 +643,7 @@
730
643
  {
731
644
  "name": "action",
732
645
  "type": {
733
- "text": "string | null"
646
+ "text": "string"
734
647
  },
735
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.",
736
649
  "fieldName": "action"
@@ -761,6 +674,11 @@
761
674
  },
762
675
  {
763
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",
764
682
  "inheritedFrom": {
765
683
  "name": "I18nMixin",
766
684
  "package": "@vaadin/component-base/src/i18n-mixin.js"
@@ -899,19 +817,13 @@
899
817
  }
900
818
  ]
901
819
  },
902
- {
903
- "kind": "javascript-module",
904
- "path": "src/vaadin-login-overlay-wrapper.js",
905
- "declarations": [],
906
- "exports": []
907
- },
908
820
  {
909
821
  "kind": "javascript-module",
910
822
  "path": "src/vaadin-login-overlay.js",
911
823
  "declarations": [
912
824
  {
913
825
  "kind": "class",
914
- "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.",
915
827
  "name": "LoginOverlay",
916
828
  "members": [
917
829
  {
@@ -919,7 +831,7 @@
919
831
  "name": "action",
920
832
  "privacy": "public",
921
833
  "type": {
922
- "text": "string | null"
834
+ "text": "string"
923
835
  },
924
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.",
925
837
  "attribute": "action",
@@ -987,20 +899,12 @@
987
899
  {
988
900
  "kind": "field",
989
901
  "name": "i18n",
902
+ "privacy": "public",
903
+ "type": {
904
+ "text": "Object"
905
+ },
990
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```",
991
- "return": {
992
- "type": {
993
- "text": "!LoginI18n"
994
- }
995
- },
996
- "parameters": [
997
- {
998
- "name": "value",
999
- "type": {
1000
- "text": "Object"
1001
- }
1002
- }
1003
- ],
907
+ "attribute": "i18n",
1004
908
  "inheritedFrom": {
1005
909
  "name": "I18nMixin",
1006
910
  "package": "@vaadin/component-base/src/i18n-mixin.js"
@@ -1160,7 +1064,7 @@
1160
1064
  {
1161
1065
  "name": "action",
1162
1066
  "type": {
1163
- "text": "string | null"
1067
+ "text": "string"
1164
1068
  },
1165
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.",
1166
1070
  "fieldName": "action",
@@ -1219,6 +1123,11 @@
1219
1123
  },
1220
1124
  {
1221
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",
1222
1131
  "inheritedFrom": {
1223
1132
  "name": "I18nMixin",
1224
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-beta1",
3
+ "version": "25.1.0-beta3",
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-beta1",
39
- "@vaadin/component-base": "25.1.0-beta1",
40
- "@vaadin/overlay": "25.1.0-beta1",
41
- "@vaadin/password-field": "25.1.0-beta1",
42
- "@vaadin/text-field": "25.1.0-beta1",
43
- "@vaadin/vaadin-themable-mixin": "25.1.0-beta1",
38
+ "@vaadin/button": "25.1.0-beta3",
39
+ "@vaadin/component-base": "25.1.0-beta3",
40
+ "@vaadin/overlay": "25.1.0-beta3",
41
+ "@vaadin/password-field": "25.1.0-beta3",
42
+ "@vaadin/text-field": "25.1.0-beta3",
43
+ "@vaadin/vaadin-themable-mixin": "25.1.0-beta3",
44
44
  "lit": "^3.0.0"
45
45
  },
46
46
  "devDependencies": {
47
- "@vaadin/a11y-base": "25.1.0-beta1",
48
- "@vaadin/aura": "25.1.0-beta1",
49
- "@vaadin/chai-plugins": "25.1.0-beta1",
50
- "@vaadin/checkbox": "25.1.0-beta1",
51
- "@vaadin/test-runner-commands": "25.1.0-beta1",
47
+ "@vaadin/a11y-base": "25.1.0-beta3",
48
+ "@vaadin/aura": "25.1.0-beta3",
49
+ "@vaadin/chai-plugins": "25.1.0-beta3",
50
+ "@vaadin/checkbox": "25.1.0-beta3",
51
+ "@vaadin/test-runner-commands": "25.1.0-beta3",
52
52
  "@vaadin/testing-helpers": "^2.0.0",
53
- "@vaadin/vaadin-lumo-styles": "25.1.0-beta1",
54
- "sinon": "^21.0.0"
53
+ "@vaadin/vaadin-lumo-styles": "25.1.0-beta3",
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": "0ccf77c385fc6a92ac2a6344ce8804b94956226d"
61
+ "gitHead": "4251850231a42298fda23b83928da588831cdb5d"
62
62
  }
package/src/styles/vaadin-login-overlay-wrapper-base-styles.js CHANGED
@@ -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))
package/src/vaadin-login-form-wrapper.js CHANGED
@@ -31,7 +31,6 @@ class LoginFormWrapper extends ThemableMixin(PolylitMixin(LumoInjectionMixin(Lit
31
31
  /**
32
32
  * If set, the error message is shown. The message is hidden by default.
33
33
  * When set, it changes the disabled state of the submit button.
34
- * @type {boolean}
35
34
  */
36
35
  error: {
37
36
  type: Boolean,
package/src/vaadin-login-mixin.js CHANGED
@@ -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,
@@ -56,7 +55,6 @@ export const LoginMixin = (superClass) =>
56
55
  * If set, disable the "Log in" button and prevent user from submitting login form.
57
56
  * It is re-enabled automatically, when error is set to true, allowing form resubmission
58
57
  * after user makes changes.
59
- * @type {boolean}
60
58
  */
61
59
  disabled: {
62
60
  type: Boolean,
@@ -67,7 +65,6 @@ export const LoginMixin = (superClass) =>
67
65
  /**
68
66
  * If set, the error message is shown. The message is hidden by default.
69
67
  * When set, it changes the disabled state of the submit button.
70
- * @type {boolean}
71
68
  */
72
69
  error: {
73
70
  type: Boolean,
@@ -78,7 +75,6 @@ export const LoginMixin = (superClass) =>
78
75
 
79
76
  /**
80
77
  * Whether to hide the forgot password button. The button is visible by default.
81
- * @type {boolean}
82
78
  * @attr {boolean} no-forgot-password
83
79
  */
84
80
  noForgotPassword: {
@@ -88,7 +84,6 @@ export const LoginMixin = (superClass) =>
88
84
 
89
85
  /**
90
86
  * If set, the user name field automatically receives focus when the component is attached to the document.
91
- * @type {boolean}
92
87
  * @attr {boolean} no-autofocus
93
88
  */
94
89
  noAutofocus: {
@@ -151,7 +146,7 @@ export const LoginMixin = (superClass) =>
151
146
  * additionalInformation: 'In case you need to provide some additional info for the user.'
152
147
  * }
153
148
  * ```
154
- * @return {!LoginI18n}
149
+ * @type {!LoginI18n}
155
150
  */
156
151
  get i18n() {
157
152
  return super.i18n;
package/src/vaadin-login-overlay-mixin.js CHANGED
@@ -14,7 +14,6 @@ export const LoginOverlayMixin = (superClass) =>
14
14
  return {
15
15
  /**
16
16
  * Defines the application description
17
- * @type {string}
18
17
  */
19
18
  description: {
20
19
  type: String,
@@ -24,7 +23,6 @@ export const LoginOverlayMixin = (superClass) =>
24
23
 
25
24
  /**
26
25
  * True if the overlay is currently displayed.
27
- * @type {boolean}
28
26
  */
29
27
  opened: {
30
28
  type: Boolean,
@@ -35,7 +33,6 @@ export const LoginOverlayMixin = (superClass) =>
35
33
 
36
34
  /**
37
35
  * Defines the application title
38
- * @type {string}
39
36
  */
40
37
  title: {
41
38
  type: String,
package/src/vaadin-login-overlay.d.ts CHANGED
@@ -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` |
package/src/vaadin-login-overlay.js CHANGED
@@ -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-beta1",
4
+ "version": "25.1.0-beta3",
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
  },
@@ -25,7 +26,9 @@
25
26
  "description": "If set, disable the \"Log in\" button and prevent user from submitting login form.\nIt is re-enabled automatically, when error is set to true, allowing form resubmission\nafter user makes changes.",
26
27
  "value": {
27
28
  "type": [
28
- "boolean"
29
+ "boolean",
30
+ "null",
31
+ "undefined"
29
32
  ]
30
33
  }
31
34
  },
@@ -34,7 +37,9 @@
34
37
  "description": "If set, the error message is shown. The message is hidden by default.\nWhen set, it changes the disabled state of the submit button.",
35
38
  "value": {
36
39
  "type": [
37
- "boolean"
40
+ "boolean",
41
+ "null",
42
+ "undefined"
38
43
  ]
39
44
  }
40
45
  },
@@ -54,7 +59,9 @@
54
59
  "description": "If set, the user name field automatically receives focus when the component is attached to the document.",
55
60
  "value": {
56
61
  "type": [
57
- "boolean"
62
+ "boolean",
63
+ "null",
64
+ "undefined"
58
65
  ]
59
66
  }
60
67
  },
@@ -63,7 +70,9 @@
63
70
  "description": "Whether to hide the forgot password button. The button is visible by default.",
64
71
  "value": {
65
72
  "type": [
66
- "boolean"
73
+ "boolean",
74
+ "null",
75
+ "undefined"
67
76
  ]
68
77
  }
69
78
  },
@@ -87,7 +96,8 @@
87
96
  "value": {
88
97
  "type": [
89
98
  "string",
90
- "null"
99
+ "null",
100
+ "undefined"
91
101
  ]
92
102
  }
93
103
  },
@@ -96,7 +106,9 @@
96
106
  "description": "If set, disable the \"Log in\" button and prevent user from submitting login form.\nIt is re-enabled automatically, when error is set to true, allowing form resubmission\nafter user makes changes.",
97
107
  "value": {
98
108
  "type": [
99
- "boolean"
109
+ "boolean",
110
+ "null",
111
+ "undefined"
100
112
  ]
101
113
  }
102
114
  },
@@ -105,7 +117,9 @@
105
117
  "description": "If set, the error message is shown. The message is hidden by default.\nWhen set, it changes the disabled state of the submit button.",
106
118
  "value": {
107
119
  "type": [
108
- "boolean"
120
+ "boolean",
121
+ "null",
122
+ "undefined"
109
123
  ]
110
124
  }
111
125
  },
@@ -125,7 +139,7 @@
125
139
  "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```",
126
140
  "value": {
127
141
  "type": [
128
- "LoginI18n"
142
+ "?"
129
143
  ]
130
144
  }
131
145
  },
@@ -134,7 +148,9 @@
134
148
  "description": "If set, the user name field automatically receives focus when the component is attached to the document.",
135
149
  "value": {
136
150
  "type": [
137
- "boolean"
151
+ "boolean",
152
+ "null",
153
+ "undefined"
138
154
  ]
139
155
  }
140
156
  },
@@ -143,7 +159,9 @@
143
159
  "description": "Whether to hide the forgot password button. The button is visible by default.",
144
160
  "value": {
145
161
  "type": [
146
- "boolean"
162
+ "boolean",
163
+ "null",
164
+ "undefined"
147
165
  ]
148
166
  }
149
167
  }
@@ -170,7 +188,7 @@
170
188
  },
171
189
  {
172
190
  "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\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.",
174
192
  "attributes": [
175
193
  {
176
194
  "name": "action",
@@ -178,7 +196,8 @@
178
196
  "value": {
179
197
  "type": [
180
198
  "string",
181
- "null"
199
+ "null",
200
+ "undefined"
182
201
  ]
183
202
  }
184
203
  },
@@ -187,7 +206,9 @@
187
206
  "description": "Defines the application description",
188
207
  "value": {
189
208
  "type": [
190
- "string"
209
+ "string",
210
+ "null",
211
+ "undefined"
191
212
  ]
192
213
  }
193
214
  },
@@ -196,7 +217,9 @@
196
217
  "description": "If set, disable the \"Log in\" button and prevent user from submitting login form.\nIt is re-enabled automatically, when error is set to true, allowing form resubmission\nafter user makes changes.",
197
218
  "value": {
198
219
  "type": [
199
- "boolean"
220
+ "boolean",
221
+ "null",
222
+ "undefined"
200
223
  ]
201
224
  }
202
225
  },
@@ -205,7 +228,9 @@
205
228
  "description": "If set, the error message is shown. The message is hidden by default.\nWhen set, it changes the disabled state of the submit button.",
206
229
  "value": {
207
230
  "type": [
208
- "boolean"
231
+ "boolean",
232
+ "null",
233
+ "undefined"
209
234
  ]
210
235
  }
211
236
  },
@@ -225,7 +250,9 @@
225
250
  "description": "If set, the user name field automatically receives focus when the component is attached to the document.",
226
251
  "value": {
227
252
  "type": [
228
- "boolean"
253
+ "boolean",
254
+ "null",
255
+ "undefined"
229
256
  ]
230
257
  }
231
258
  },
@@ -234,7 +261,9 @@
234
261
  "description": "Whether to hide the forgot password button. The button is visible by default.",
235
262
  "value": {
236
263
  "type": [
237
- "boolean"
264
+ "boolean",
265
+ "null",
266
+ "undefined"
238
267
  ]
239
268
  }
240
269
  },
@@ -243,7 +272,9 @@
243
272
  "description": "True if the overlay is currently displayed.",
244
273
  "value": {
245
274
  "type": [
246
- "boolean"
275
+ "boolean",
276
+ "null",
277
+ "undefined"
247
278
  ]
248
279
  }
249
280
  },
@@ -263,7 +294,9 @@
263
294
  "description": "Defines the application title",
264
295
  "value": {
265
296
  "type": [
266
- "string"
297
+ "string",
298
+ "null",
299
+ "undefined"
267
300
  ]
268
301
  }
269
302
  }
@@ -276,7 +309,8 @@
276
309
  "value": {
277
310
  "type": [
278
311
  "string",
279
- "null"
312
+ "null",
313
+ "undefined"
280
314
  ]
281
315
  }
282
316
  },
@@ -285,7 +319,9 @@
285
319
  "description": "Defines the application description",
286
320
  "value": {
287
321
  "type": [
288
- "string"
322
+ "string",
323
+ "null",
324
+ "undefined"
289
325
  ]
290
326
  }
291
327
  },
@@ -294,7 +330,9 @@
294
330
  "description": "If set, disable the \"Log in\" button and prevent user from submitting login form.\nIt is re-enabled automatically, when error is set to true, allowing form resubmission\nafter user makes changes.",
295
331
  "value": {
296
332
  "type": [
297
- "boolean"
333
+ "boolean",
334
+ "null",
335
+ "undefined"
298
336
  ]
299
337
  }
300
338
  },
@@ -303,7 +341,9 @@
303
341
  "description": "If set, the error message is shown. The message is hidden by default.\nWhen set, it changes the disabled state of the submit button.",
304
342
  "value": {
305
343
  "type": [
306
- "boolean"
344
+ "boolean",
345
+ "null",
346
+ "undefined"
307
347
  ]
308
348
  }
309
349
  },
@@ -323,7 +363,7 @@
323
363
  "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```",
324
364
  "value": {
325
365
  "type": [
326
- "LoginI18n"
366
+ "?"
327
367
  ]
328
368
  }
329
369
  },
@@ -332,7 +372,9 @@
332
372
  "description": "If set, the user name field automatically receives focus when the component is attached to the document.",
333
373
  "value": {
334
374
  "type": [
335
- "boolean"
375
+ "boolean",
376
+ "null",
377
+ "undefined"
336
378
  ]
337
379
  }
338
380
  },
@@ -341,7 +383,9 @@
341
383
  "description": "Whether to hide the forgot password button. The button is visible by default.",
342
384
  "value": {
343
385
  "type": [
344
- "boolean"
386
+ "boolean",
387
+ "null",
388
+ "undefined"
345
389
  ]
346
390
  }
347
391
  },
@@ -350,7 +394,9 @@
350
394
  "description": "True if the overlay is currently displayed.",
351
395
  "value": {
352
396
  "type": [
353
- "boolean"
397
+ "boolean",
398
+ "null",
399
+ "undefined"
354
400
  ]
355
401
  }
356
402
  },
@@ -359,7 +405,9 @@
359
405
  "description": "Defines the application title",
360
406
  "value": {
361
407
  "type": [
362
- "string"
408
+ "string",
409
+ "null",
410
+ "undefined"
363
411
  ]
364
412
  }
365
413
  }
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-beta1",
4
+ "version": "25.1.0-beta3",
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
  {