@vaadin/login 23.3.0-alpha5 → 24.0.0-alpha2

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 (6) hide show
  1. package/package.json +10 -10
  2. package/src/vaadin-login-form.js +6 -7
  3. package/theme/lumo/vaadin-login-form-styles.js +1 -1
  4. package/theme/material/vaadin-login-form-styles.js +2 -2
  5. package/web-types.json +2 -2
  6. package/web-types.lit.json +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/login",
3
- "version": "23.3.0-alpha5",
3
+ "version": "24.0.0-alpha2",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -37,14 +37,14 @@
37
37
  "dependencies": {
38
38
  "@open-wc/dedupe-mixin": "^1.3.0",
39
39
  "@polymer/polymer": "^3.0.0",
40
- "@vaadin/button": "23.3.0-alpha5",
41
- "@vaadin/component-base": "23.3.0-alpha5",
42
- "@vaadin/overlay": "23.3.0-alpha5",
43
- "@vaadin/password-field": "23.3.0-alpha5",
44
- "@vaadin/text-field": "23.3.0-alpha5",
45
- "@vaadin/vaadin-lumo-styles": "23.3.0-alpha5",
46
- "@vaadin/vaadin-material-styles": "23.3.0-alpha5",
47
- "@vaadin/vaadin-themable-mixin": "23.3.0-alpha5"
40
+ "@vaadin/button": "24.0.0-alpha2",
41
+ "@vaadin/component-base": "24.0.0-alpha2",
42
+ "@vaadin/overlay": "24.0.0-alpha2",
43
+ "@vaadin/password-field": "24.0.0-alpha2",
44
+ "@vaadin/text-field": "24.0.0-alpha2",
45
+ "@vaadin/vaadin-lumo-styles": "24.0.0-alpha2",
46
+ "@vaadin/vaadin-material-styles": "24.0.0-alpha2",
47
+ "@vaadin/vaadin-themable-mixin": "24.0.0-alpha2"
48
48
  },
49
49
  "devDependencies": {
50
50
  "@esm-bundle/chai": "^4.3.4",
@@ -55,5 +55,5 @@
55
55
  "web-types.json",
56
56
  "web-types.lit.json"
57
57
  ],
58
- "gitHead": "0b6fdcf444683e97e3efb433d603e1274d5bcd66"
58
+ "gitHead": "0c16c01a6807e629a84f5a982793afecc1a7ced0"
59
59
  }
package/src/vaadin-login-form.js CHANGED
@@ -54,20 +54,19 @@ class LoginForm extends LoginMixin(ElementMixin(ThemableMixin(PolymerElement)))
54
54
  static get template() {
55
55
  return html`
56
56
  <style>
57
- [part='vaadin-login-native-form'] * {
57
+ vaadin-login-form-wrapper > form > * {
58
58
  width: 100%;
59
59
  }
60
60
  </style>
61
61
  <vaadin-login-form-wrapper
62
62
  theme$="[[_theme]]"
63
- part="vaadin-login-native-form-wrapper"
64
63
  error="[[error]]"
65
64
  no-forgot-password="[[noForgotPassword]]"
66
65
  i18n="[[i18n]]"
67
66
  on-login="_retargetEvent"
68
67
  on-forgot-password="_retargetEvent"
69
68
  >
70
- <form part="vaadin-login-native-form" method="POST" action$="[[action]]" slot="form">
69
+ <form method="POST" action$="[[action]]" slot="form">
71
70
  <input id="csrf" type="hidden" />
72
71
  <vaadin-text-field
73
72
  name="username"
@@ -94,9 +93,9 @@ class LoginForm extends LoginMixin(ElementMixin(ThemableMixin(PolymerElement)))
94
93
  <input type="password" slot="input" on-keyup="_handleInputKeyup" />
95
94
  </vaadin-password-field>
96
95
 
97
- <vaadin-button part="vaadin-login-submit" theme="primary contained" on-click="submit" disabled$="[[disabled]]"
98
- >[[i18n.form.submit]]</vaadin-button
99
- >
96
+ <vaadin-button theme="primary contained submit" on-click="submit" disabled$="[[disabled]]">
97
+ [[i18n.form.submit]]
98
+ </vaadin-button>
100
99
  </form>
101
100
  </vaadin-login-form-wrapper>
102
101
  `;
@@ -163,7 +162,7 @@ class LoginForm extends LoginMixin(ElementMixin(ThemableMixin(PolymerElement)))
163
162
  this.$.csrf.name = csrfMetaName.content;
164
163
  this.$.csrf.value = csrfMetaValue.content;
165
164
  }
166
- this.querySelector('[part="vaadin-login-native-form"]').submit();
165
+ this.querySelector('form').submit();
167
166
  }
168
167
  }
169
168
 
package/theme/lumo/vaadin-login-form-styles.js CHANGED
@@ -4,7 +4,7 @@ import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themab
4
4
  registerStyles(
5
5
  'vaadin-login-form',
6
6
  css`
7
- vaadin-button[part='vaadin-login-submit'] {
7
+ form > vaadin-button[theme~='submit'] {
8
8
  margin-top: var(--lumo-space-l);
9
9
  margin-bottom: var(--lumo-space-s);
10
10
  }
package/theme/material/vaadin-login-form-styles.js CHANGED
@@ -3,7 +3,7 @@ import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themab
3
3
  registerStyles(
4
4
  'vaadin-login-form',
5
5
  css`
6
- vaadin-button[part='vaadin-login-submit'] {
6
+ form > vaadin-button[theme~='submit'] {
7
7
  margin-top: 3em;
8
8
  margin-bottom: 2em;
9
9
  flex-grow: 0;
@@ -11,7 +11,7 @@ registerStyles(
11
11
 
12
12
  /* Small screen */
13
13
  @media only screen and (max-width: 1023px) {
14
- vaadin-button[part='vaadin-login-submit'] {
14
+ form > vaadin-button[theme~='submit'] {
15
15
  margin-top: 2.5em;
16
16
  margin-bottom: 1em;
17
17
  }
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": "23.3.0-alpha5",
4
+ "version": "24.0.0-alpha2",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
@@ -148,7 +148,7 @@
148
148
  },
149
149
  {
150
150
  "name": "vaadin-login-overlay",
151
- "description": "`<vaadin-login-overlay>` is a wrapper of the `<vaadin-login-form>` which opens a login form in an overlay and\nhaving an additional `brand` part for application title and description. Using `<vaadin-login-overlay>` allows\npassword managers to work with login form.\n\n```\n<vaadin-login-overlay opened></vaadin-login-overlay>\n```\n\n### Styling\n\nThe component doesn't have a shadowRoot, so the `<form>` and input fields can be styled from a global scope.\nUse `<vaadin-login-overlay-wrapper>` and `<vaadin-login-form-wrapper>` to apply styles.\n\nThe following shadow DOM parts of the `<vaadin-login-overlay-wrapper>` are available for styling:\n\nPart name | Description\n----------------|---------------------------------------------------------|\n`card` | Container for the entire component's content\n`brand` | Container for application title and description\n`form` | Container for the `<vaadin-login-form>` component\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components) documentation.\n\nSee [`<vaadin-login-form>`](https://cdn.vaadin.com/vaadin-web-components/23.3.0-alpha5/#/elements/vaadin-login-form)\ndocumentation for `<vaadin-login-form-wrapper>` stylable parts.",
151
+ "description": "`<vaadin-login-overlay>` is a wrapper of the `<vaadin-login-form>` which opens a login form in an overlay and\nhaving an additional `brand` part for application title and description. Using `<vaadin-login-overlay>` allows\npassword managers to work with login form.\n\n```\n<vaadin-login-overlay opened></vaadin-login-overlay>\n```\n\n### Styling\n\nThe component doesn't have a shadowRoot, so the `<form>` and input fields can be styled from a global scope.\nUse `<vaadin-login-overlay-wrapper>` and `<vaadin-login-form-wrapper>` to apply styles.\n\nThe following shadow DOM parts of the `<vaadin-login-overlay-wrapper>` are available for styling:\n\nPart name | Description\n----------------|---------------------------------------------------------|\n`card` | Container for the entire component's content\n`brand` | Container for application title and description\n`form` | Container for the `<vaadin-login-form>` component\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components) documentation.\n\nSee [`<vaadin-login-form>`](https://cdn.vaadin.com/vaadin-web-components/24.0.0-alpha2/#/elements/vaadin-login-form)\ndocumentation for `<vaadin-login-form-wrapper>` stylable parts.",
152
152
  "attributes": [
153
153
  {
154
154
  "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": "23.3.0-alpha5",
4
+ "version": "24.0.0-alpha2",
5
5
  "description-markup": "markdown",
6
6
  "framework": "lit",
7
7
  "framework-config": {
@@ -93,7 +93,7 @@
93
93
  },
94
94
  {
95
95
  "name": "vaadin-login-overlay",
96
- "description": "`<vaadin-login-overlay>` is a wrapper of the `<vaadin-login-form>` which opens a login form in an overlay and\nhaving an additional `brand` part for application title and description. Using `<vaadin-login-overlay>` allows\npassword managers to work with login form.\n\n```\n<vaadin-login-overlay opened></vaadin-login-overlay>\n```\n\n### Styling\n\nThe component doesn't have a shadowRoot, so the `<form>` and input fields can be styled from a global scope.\nUse `<vaadin-login-overlay-wrapper>` and `<vaadin-login-form-wrapper>` to apply styles.\n\nThe following shadow DOM parts of the `<vaadin-login-overlay-wrapper>` are available for styling:\n\nPart name | Description\n----------------|---------------------------------------------------------|\n`card` | Container for the entire component's content\n`brand` | Container for application title and description\n`form` | Container for the `<vaadin-login-form>` component\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components) documentation.\n\nSee [`<vaadin-login-form>`](https://cdn.vaadin.com/vaadin-web-components/23.3.0-alpha5/#/elements/vaadin-login-form)\ndocumentation for `<vaadin-login-form-wrapper>` stylable parts.",
96
+ "description": "`<vaadin-login-overlay>` is a wrapper of the `<vaadin-login-form>` which opens a login form in an overlay and\nhaving an additional `brand` part for application title and description. Using `<vaadin-login-overlay>` allows\npassword managers to work with login form.\n\n```\n<vaadin-login-overlay opened></vaadin-login-overlay>\n```\n\n### Styling\n\nThe component doesn't have a shadowRoot, so the `<form>` and input fields can be styled from a global scope.\nUse `<vaadin-login-overlay-wrapper>` and `<vaadin-login-form-wrapper>` to apply styles.\n\nThe following shadow DOM parts of the `<vaadin-login-overlay-wrapper>` are available for styling:\n\nPart name | Description\n----------------|---------------------------------------------------------|\n`card` | Container for the entire component's content\n`brand` | Container for application title and description\n`form` | Container for the `<vaadin-login-form>` component\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components) documentation.\n\nSee [`<vaadin-login-form>`](https://cdn.vaadin.com/vaadin-web-components/24.0.0-alpha2/#/elements/vaadin-login-form)\ndocumentation for `<vaadin-login-form-wrapper>` stylable parts.",
97
97
  "extension": true,
98
98
  "attributes": [
99
99
  {