@vaadin/vaadin-login - npm Package Compare versions

Comparing version 20.0.0-alpha1 to 20.0.0-alpha2

package.json

 {
   "name": "@vaadin/vaadin-login",
-  "version": "20.0.0-alpha1",
+  "version": "20.0.0-alpha2",
   "description": "vaadin-login",
@@ -27,24 +27,16 @@ "main": "vaadin-login-overlay.js",
   ],
-  "scripts": {
-    "dist": "rimraf dist && polymer analyze vaadin-* > analysis.json && rollup -c rollup.config.js && cp analysis.json dist"
-  },
   "dependencies": {
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/vaadin-button": "^20.0.0-alpha1",
-    "@vaadin/vaadin-element-mixin": "^20.0.0-alpha1",
-    "@vaadin/vaadin-lumo-styles": "^20.0.0-alpha1",
-    "@vaadin/vaadin-material-styles": "^20.0.0-alpha1",
-    "@vaadin/vaadin-overlay": "^20.0.0-alpha1",
-    "@vaadin/vaadin-text-field": "^20.0.0-alpha1",
-    "@vaadin/vaadin-themable-mixin": "^20.0.0-alpha1"
+    "@vaadin/vaadin-button": "^20.0.0-alpha2",
+    "@vaadin/vaadin-element-mixin": "^20.0.0-alpha2",
+    "@vaadin/vaadin-lumo-styles": "^20.0.0-alpha2",
+    "@vaadin/vaadin-material-styles": "^20.0.0-alpha2",
+    "@vaadin/vaadin-overlay": "^20.0.0-alpha2",
+    "@vaadin/vaadin-text-field": "^20.0.0-alpha2",
+    "@vaadin/vaadin-themable-mixin": "^20.0.0-alpha2"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.1.5",
-    "@open-wc/rollup-plugin-html": "^1.2.5",
     "@open-wc/testing-helpers": "^1.8.12",
-    "@polymer/iron-component-page": "^4.0.0",
     "@polymer/iron-test-helpers": "^3.0.0",
-    "rimraf": "^3.0.2",
-    "rollup": "^2.34.1",
-    "rollup-plugin-terser": "^7.0.2",
     "sinon": "^9.2.1"
@@ -55,3 +47,3 @@ },
   },
-  "gitHead": "93c8e0ec03a178c6d74261261f985bd07f7cc79c"
+  "gitHead": "c1598b30fb55cacd72ee4105e9f39cf56c9d5c79"
 }

src/vaadin-login-form-wrapper.js

@@ -14,30 +14,4 @@ /**
 /**
- * `<vaadin-login-form-wrapper>` is a helper component providing a wrapper for the login form.
+ * An element used internally by `<vaadin-login-form>`. Not intended to be used separately.
  *
- * See the usage in `<vaadin-login-form>`.
- *
- * ### Styling
- *
- * The following Shadow DOM parts of the `<vaadin-login-form-wrapper>` are available for styling:
- *
- * Part name      | Description
- * ---------------|---------------------------------------------------------|
- * `form`         | Container for the entire component's content
- * `form-title`   | Title of the login form
- * `error-message`| Container for error message, contains error-message-title and error-message-description parts. Hidden by default.
- * `error-message-title`       | Container for error message title
- * `error-message-description` | Container for error message description
- * `error-message-description` | Container for error message description
- * `footer`  | Container additional information text from `i18n` object
- *
- * See [ThemableMixin – how to apply styles for shadow parts](https://github.com/vaadin/vaadin-themable-mixin/wiki)
- *
- * ### Component's slots
- *
- * The following slots are available for being set
- *
- * Slot name | Description
- * ----------|---------------------------------------------------|
- * `form`    | Html form placeholder. See the usage in `<vaadin-login-form>`.
- *
  * @extends HTMLElement
@@ -47,2 +21,3 @@ * @mixes ElementMixin
  * @mixes LoginMixin
+ * @private
  */
@@ -49,0 +24,0 @@ class LoginFormWrapperElement extends LoginMixin(ElementMixin(ThemableMixin(PolymerElement))) {

src/vaadin-login-form.d.ts

@@ -22,5 +22,19 @@ import { ElementMixin } from '@vaadin/vaadin-element-mixin/vaadin-element-mixin.js';
  *
- * The component doesn't have a shadowRoot, so the html form and input fields can be styled in an upper layer. To style
- * `vaadin-login-form-wrapper` check its documentation.
+ * The component doesn't have a shadowRoot, so the `<form>` and input fields can be styled from a global scope.
  *
+ * Use `<vaadin-login-form-wrapper>` themable component to apply styles.
+ * The following shadow DOM parts of the `<vaadin-login-form-wrapper>` are available for styling:
+ *
+ * Part name      | Description
+ * ---------------|---------------------------------------------------------|
+ * `form`         | Container for the entire component's content
+ * `form-title`   | Title of the login form
+ * `error-message`| Container for error message, contains error-message-title and error-message-description parts. Hidden by default.
+ * `error-message-title`       | Container for error message title
+ * `error-message-description` | Container for error message description
+ * `error-message-description` | Container for error message description
+ * `footer`  | Container additional information text from `i18n` object
+ *
+ * See [ThemableMixin – how to apply styles for shadow parts](https://github.com/vaadin/vaadin-themable-mixin/wiki)
+ *
  * @fires {CustomEvent} forgot-password - Fired when user clicks on the "Forgot password" button.
@@ -27,0 +41,0 @@ * @fires {CustomEvent} login - Fired when a user submits the login.

src/vaadin-login-form.js

@@ -28,5 +28,19 @@ /**
  *
- * The component doesn't have a shadowRoot, so the html form and input fields can be styled in an upper layer. To style
- * `vaadin-login-form-wrapper` check its documentation.
+ * The component doesn't have a shadowRoot, so the `<form>` and input fields can be styled from a global scope.
+ * Use `<vaadin-login-form-wrapper>` themable component to apply styles.
  *
+ * The following shadow DOM parts of the `<vaadin-login-form-wrapper>` are available for styling:
+ *
+ * Part name      | Description
+ * ---------------|---------------------------------------------------------|
+ * `form`         | Container for the entire component's content
+ * `form-title`   | Title of the login form
+ * `error-message`| Container for error message, contains error-message-title and error-message-description parts. Hidden by default.
+ * `error-message-title`       | Container for error message title
+ * `error-message-description` | Container for error message description
+ * `error-message-description` | Container for error message description
+ * `footer`  | Container additional information text from `i18n` object
+ *
+ * See [ThemableMixin – how to apply styles for shadow parts](https://github.com/vaadin/vaadin-themable-mixin/wiki)
+ *
  * @fires {CustomEvent} forgot-password - Fired when user clicks on the "Forgot password" button.
@@ -33,0 +47,0 @@ * @fires {CustomEvent} login - Fired when a user submits the login.

src/vaadin-login-overlay-wrapper.js

@@ -61,29 +61,5 @@ /**
 /**
- * `<vaadin-login-overlay-wrapper>` is a helper element for `<vaadin-login-overlay>` that provides
- * responsive template for the login form.
+ * An element used internally by `<vaadin-login-overlay>`. Not intended to be used separately.
  *
- * ### Styling
- *
- * The following Shadow DOM parts of the `<vaadin-login-overlay-wrapper>` are available for styling:
- *
- * Part name       | Description
- * ----------------|---------------------------------------------------------|
- * `card`          | Container for the entire component's content
- * `brand`         | Container for application title and description
- * `form`          | Container for the `<vaadin-login-form>` component
- *
- * See [ThemableMixin – how to apply styles for shadow parts](https://github.com/vaadin/vaadin-themable-mixin/wiki)
- *
- * ### Component's slots
- *
- * The following slots are available for being set
- *
- * Slot name    | Description
- * -------------|-----------------------------------------------|
- * no name      | Default placeholder for the `<vaadin-login-form>`
- * `title`      | Placeholder for customizing the title
- *
- * See the usage example in `<vaadin-login-overlay>`.
- *
- * @extends HTMLElement
+ * @extends OverlayElement
  * @private
@@ -90,0 +66,0 @@ */

src/vaadin-login-overlay.d.ts

@@ -20,6 +20,18 @@ import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
  *
- * To style the element check: [`<vaadin-login-overlay-wrapper>`](#/elements/vaadin-login-overlay-wrapper),
- * [`<vaadin-login-form-wrapper>`](#/elements/vaadin-login-form-wrapper), [`<vaadin-login-form>`](#/elements/vaadin-login-form)
- * and `<vaadin-overlay>` elements
+ * The component doesn't have a shadowRoot, so the `<form>` and input fields can be styled from a global scope.
+ * Use `<vaadin-login-overlay-wrapper>` and `<vaadin-login-form-wrapper>` to apply styles.
  *
+ * The following Shadow DOM parts of the `<vaadin-login-overlay-wrapper>` are available for styling:
+ *
+ * Part name       | Description
+ * ----------------|---------------------------------------------------------|
+ * `card`          | Container for the entire component's content
+ * `brand`         | Container for application title and description
+ * `form`          | Container for the `<vaadin-login-form>` component
+ *
+ * See [ThemableMixin – how to apply styles for shadow parts](https://github.com/vaadin/vaadin-themable-mixin/wiki)
+ *
+ * See [`<vaadin-login-form>`](#/elements/vaadin-login-form)
+ * documentation for  `<vaadin-login-form-wrapper>` stylable parts.
+ *
  * @fires {CustomEvent} forgot-password - Fired when user clicks on the "Forgot password" button.
@@ -26,0 +38,0 @@ * @fires {CustomEvent} login - Fired when a user submits the login.

src/vaadin-login-overlay.js

@@ -25,6 +25,18 @@ /**
  *
- * To style the element check: [`<vaadin-login-overlay-wrapper>`](#/elements/vaadin-login-overlay-wrapper),
- * [`<vaadin-login-form-wrapper>`](#/elements/vaadin-login-form-wrapper), [`<vaadin-login-form>`](#/elements/vaadin-login-form)
- * and `<vaadin-overlay>` elements
+ * The component doesn't have a shadowRoot, so the `<form>` and input fields can be styled from a global scope.
+ * Use `<vaadin-login-overlay-wrapper>` and `<vaadin-login-form-wrapper>` to apply styles.
  *
+ * The following shadow DOM parts of the `<vaadin-login-overlay-wrapper>` are available for styling:
+ *
+ * Part name       | Description
+ * ----------------|---------------------------------------------------------|
+ * `card`          | Container for the entire component's content
+ * `brand`         | Container for application title and description
+ * `form`          | Container for the `<vaadin-login-form>` component
+ *
+ * See [ThemableMixin – how to apply styles for shadow parts](https://github.com/vaadin/vaadin-themable-mixin/wiki)
+ *
+ * See [`<vaadin-login-form>`](#/elements/vaadin-login-form)
+ * documentation for  `<vaadin-login-form-wrapper>` stylable parts.
+ *
  * @fires {CustomEvent} forgot-password - Fired when user clicks on the "Forgot password" button.
@@ -31,0 +43,0 @@ * @fires {CustomEvent} login - Fired when a user submits the login.

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

66969

increased by0.75%

Dev dependency count

4

decreased by-55.56%

Lines of code

1559

increased by0.19%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• Updated@vaadin/vaadin-button@^20.0.0-alpha2

• Updated@vaadin/vaadin-element-mixin@^20.0.0-alpha2

• Updated@vaadin/vaadin-lumo-styles@^20.0.0-alpha2

• Updated@vaadin/vaadin-material-styles@^20.0.0-alpha2

• Updated@vaadin/vaadin-overlay@^20.0.0-alpha2

• Updated@vaadin/vaadin-text-field@^20.0.0-alpha2

• Updated@vaadin/vaadin-themable-mixin@^20.0.0-alpha2