@vaadin/vaadin-form-layout - npm Package Compare versions

Comparing version 2.1.0-alpha4 to 2.1.0-beta1

package.json

@@ -13,3 +13,3 @@ {
   "name": "@vaadin/vaadin-form-layout",
-  "version": "2.1.0-alpha4",
+  "version": "2.1.0-beta1",
   "main": "vaadin-form-layout.js",
@@ -28,19 +28,19 @@ "author": "Vaadin Ltd",
   "dependencies": {
-    "@polymer/iron-resizable-behavior": "^3.0.0-pre.12",
+    "@polymer/iron-resizable-behavior": "^3.0.0-pre.18",
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/vaadin-themable-mixin": "^1.2.0-alpha2",
-    "@vaadin/vaadin-lumo-styles": "^1.1.0-alpha3",
-    "@vaadin/vaadin-material-styles": "^1.1.0-alpha2",
-    "@vaadin/vaadin-element-mixin": "^1.1.0-alpha1"
+    "@vaadin/vaadin-themable-mixin": "^1.2.1",
+    "@vaadin/vaadin-lumo-styles": "^1.1.0-beta1",
+    "@vaadin/vaadin-material-styles": "^1.1.0-beta1",
+    "@vaadin/vaadin-element-mixin": "^1.1.2"
   },
   "devDependencies": {
-    "@polymer/iron-component-page": "^3.0.0-pre.12",
-    "@polymer/iron-demo-helpers": "^3.0.0-pre.12",
-    "@polymer/paper-input": "^3.0.0-pre.12",
-    "@polymer/test-fixture": "^3.0.0-pre.12",
-    "@vaadin/vaadin-text-field": "^2.1.0-alpha2",
-    "@webcomponents/webcomponentsjs": "^1.0.0",
-    "wct-browser-legacy": "0.0.1-pre.11",
-    "@vaadin/vaadin-demo-helpers": "^2.0.0-alpha2"
+    "@polymer/iron-component-page": "^3.0.0-pre.18",
+    "@polymer/iron-demo-helpers": "^3.0.0-pre.18",
+    "@polymer/paper-input": "^3.0.0-pre.18",
+    "@polymer/test-fixture": "^3.0.0-pre.18",
+    "@vaadin/vaadin-text-field": "^2.1.0-beta1",
+    "@webcomponents/webcomponentsjs": "^2.0.0",
+    "wct-browser-legacy": "^1.0.1",
+    "@vaadin/vaadin-demo-helpers": "^2.0.1"
   }
 }

README.md

@@ -76,24 +76,27 @@ [![npm version](https://badge.fury.io/js/%40vaadin%2Fvaadin-form-layout.svg)](https://badge.fury.io/js/%40vaadin%2Fvaadin-form-layout)
 
-## Getting Started
+## Getting started
 
 Vaadin components use the Lumo theme by default.
 
-## The file structure for Vaadin components
+To use the Material theme, import the correspondent file from the `theme/material` folder.
 
-- `src/vaadin-form-layout.html`
-- `src/vaadin-form-item.html`
+## Entry points
 
-  Unstyled components.
+- The components with the Lumo theme:
 
-- `theme/lumo/vaadin-form-layout.html`
-- `theme/lumo/vaadin-form-item.html`
+  `theme/lumo/vaadin-form-layout.html`  
+  `theme/lumo/vaadin-form-item.html`
 
-  Components with Lumo theme.
+- The components with the Material theme:
 
-- `vaadin-form-layout.html`
-- `vaadin-form-item.html`
+  `theme/material/vaadin-form-layout.html`  
+  `theme/material/vaadin-form-item.html`
 
-  Alias for theme/lumo/vaadin-form-layout.html
-  theme/lumo/vaadin-form-item.html
+- Alias for `theme/lumo/vaadin-form-layout.html`  
+  `theme/lumo/vaadin-form-item.html`:
 
+  `vaadin-form-layout.html`  
+  `vaadin-form-item.html`
+
+
 ## Running demos and tests in browser
@@ -127,6 +130,3 @@
 
-  - Make sure your code is compliant with our code linters: `gulp lint`
-  - Check that tests are passing: `npm test`
-  - [Submit a pull request](https://www.digitalocean.com/community/tutorials/how-to-create-a-pull-request-on-github) with detailed title and description
-  - Wait for response from one of Vaadin components team members
+  To contribute to the component, please read [the guideline](https://github.com/vaadin/vaadin-core/blob/master/CONTRIBUTING.md) first.
 
@@ -133,0 +133,0 @@

src/vaadin-form-item.js

@@ -0,2 +1,8 @@
+/**
+@license
+Copyright (c) 2017 Vaadin Ltd.
+This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+*/
 import { PolymerElement } from '@polymer/polymer/polymer-element.js';
+
 import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
@@ -3,0 +9,0 @@ import { html } from '@polymer/polymer/lib/utils/html-tag.js';

src/vaadin-form-layout.js

@@ -0,2 +1,8 @@
+/**
+@license
+Copyright (c) 2017 Vaadin Ltd.
+This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+*/
 import { PolymerElement } from '@polymer/polymer/polymer-element.js';
+
 import { IronResizableBehavior } from '@polymer/iron-resizable-behavior/iron-resizable-behavior.js';
@@ -163,3 +169,3 @@ import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
   static get version() {
-    return '2.1.0-alpha4';
+    return '2.1.0-beta1';
   }
@@ -166,0 +172,0 @@

theme/lumo/vaadin-form-item-styles.js

@@ -5,4 +5,3 @@ import '@vaadin/vaadin-lumo-styles/color.js';
 import '@vaadin/vaadin-lumo-styles/typography.js';
-const $_documentContainer = document.createElement('div');
-$_documentContainer.setAttribute('style', 'display: none;');
+const $_documentContainer = document.createElement('template');
 
@@ -32,2 +31,2 @@ $_documentContainer.innerHTML = `<dom-module id="lumo-form-item" theme-for="vaadin-form-item">
 
-document.head.appendChild($_documentContainer);
+document.head.appendChild($_documentContainer.content);

theme/lumo/vaadin-form-layout-styles.js

 import '@vaadin/vaadin-lumo-styles/spacing.js';
-const $_documentContainer = document.createElement('div');
-$_documentContainer.setAttribute('style', 'display: none;');
+const $_documentContainer = document.createElement('template');
 
@@ -15,2 +14,2 @@ $_documentContainer.innerHTML = `<dom-module id="lumo-form-layout" theme-for="vaadin-form-layout">
 
-document.head.appendChild($_documentContainer);
+document.head.appendChild($_documentContainer.content);

theme/material/vaadin-form-item-styles.js

 import '@vaadin/vaadin-material-styles/color.js';
 import '@vaadin/vaadin-material-styles/typography.js';
-const $_documentContainer = document.createElement('div');
-$_documentContainer.setAttribute('style', 'display: none;');
+const $_documentContainer = document.createElement('template');
 
@@ -21,2 +20,2 @@ $_documentContainer.innerHTML = `<dom-module id="material-form-item" theme-for="vaadin-form-item">
 
-document.head.appendChild($_documentContainer);
+document.head.appendChild($_documentContainer.content);

theme/material/vaadin-form-layout-styles.js

 import './vaadin-form-item-styles.js';
-const $_documentContainer = document.createElement('div');
-$_documentContainer.setAttribute('style', 'display: none;');
+const $_documentContainer = document.createElement('template');
 
@@ -13,2 +12,2 @@ $_documentContainer.innerHTML = `<dom-module id="material-form-layout" theme-for="vaadin-form-layout">
 
-document.head.appendChild($_documentContainer);
+document.head.appendChild($_documentContainer.content);

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

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

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

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

Worsened metrics

Total package byte prevSize

302664

decreased by-30.05%

Number of package files

70

decreased by-11.39%

Lines of code

735

decreased by-39.11%

Dependency changes

• Updated@polymer/iron-resizable-behavior@^3.0.0-pre.18

• Updated@vaadin/vaadin-element-mixin@^1.1.2

• Updated@vaadin/vaadin-lumo-styles@^1.1.0-beta1

• Updated@vaadin/vaadin-material-styles@^1.1.0-beta1

• Updated@vaadin/vaadin-themable-mixin@^1.2.1