@vaadin/vaadin-lumo-styles - npm Package Compare versions

Comparing version 1.0.0-pre.4 to 1.0.0-pre.5

badge.js

 import './style.js';
 import './color.js';
 import './typography.js';
-const $_documentContainer = document.createElement('div');
+const $_documentContainer = document.createElement('template');
 $_documentContainer.setAttribute('style', 'display: none;');
@@ -151,2 +151,2 @@
 
-document.head.appendChild($_documentContainer);
+document.head.appendChild($_documentContainer.content);

color.js

 import './version.js';
 import '@polymer/polymer/lib/elements/custom-style.js';
-const $_documentContainer = document.createElement('div');
+const $_documentContainer = document.createElement('template');
 $_documentContainer.setAttribute('style', 'display: none;');
@@ -188,5 +188,10 @@
 
-document.head.appendChild($_documentContainer);
+document.head.appendChild($_documentContainer.content);
 
 /* Only needed for IE11 when you want to use the dark palette inside the light palette */
+/*
+  FIXME(polymer-modulizer): the above comments were extracted
+  from HTML and may be out of place here. Review them and
+  then delete this comment!
+*/
 ;

font-icons.js

 import '@polymer/polymer/lib/elements/custom-style.js';
 import './version.js';
-const $_documentContainer = document.createElement('div');
+const $_documentContainer = document.createElement('template');
 $_documentContainer.setAttribute('style', 'display: none;');
@@ -54,2 +54,2 @@
 
-document.head.appendChild($_documentContainer);
+document.head.appendChild($_documentContainer.content);

icons.js

 import './version.js';
 import '@polymer/iron-icon/iron-icon.js';
 import '@polymer/iron-iconset-svg/iron-iconset-svg.js';
-const $_documentContainer = document.createElement('div');
+const $_documentContainer = document.createElement('template');
 $_documentContainer.setAttribute('style', 'display: none;');
@@ -82,3 +82,3 @@
 
-document.head.appendChild($_documentContainer);
+document.head.appendChild($_documentContainer.content);
 
@@ -106,2 +106,7 @@ /*
 */
+/*
+  FIXME(polymer-modulizer): the above comments were extracted
+  from HTML and may be out of place here. Review them and
+  then delete this comment!
+*/
 ;

mixins/field-button.js

 import '../color.js';
 import '../font-icons.js';
 import '../sizing.js';
-const $_documentContainer = document.createElement('div');
+const $_documentContainer = document.createElement('template');
 $_documentContainer.setAttribute('style', 'display: none;');
@@ -38,2 +38,2 @@
 
-document.head.appendChild($_documentContainer);
+document.head.appendChild($_documentContainer.content);

mixins/menu-overlay.js

 import '../spacing.js';
 import '../style.js';
 import './overlay.js';
-const $_documentContainer = document.createElement('div');
+const $_documentContainer = document.createElement('template');
 $_documentContainer.setAttribute('style', 'display: none;');
@@ -109,5 +109,10 @@
 
-document.head.appendChild($_documentContainer);
+document.head.appendChild($_documentContainer.content);
 
 /* Split as a separate module because combo box can only use the "fullscreen" styles */
+/*
+  FIXME(polymer-modulizer): the above comments were extracted
+  from HTML and may be out of place here. Review them and
+  then delete this comment!
+*/
 ;

mixins/overlay.js

@@ -5,3 +5,3 @@ import '../color.js';
 import '../typography.js';
-const $_documentContainer = document.createElement('div');
+const $_documentContainer = document.createElement('template');
 $_documentContainer.setAttribute('style', 'display: none;');
@@ -76,2 +76,2 @@
 
-document.head.appendChild($_documentContainer);
+document.head.appendChild($_documentContainer.content);

package.json

@@ -14,3 +14,3 @@ {
   "name": "@vaadin/vaadin-lumo-styles",
-  "version": "1.0.0-pre.4",
+  "version": "1.0.0-pre.5",
   "main": "lumo.js",
@@ -26,13 +26,14 @@ "author": "Vaadin Ltd",
     "supports-color": "3.1.2",
-    "type-detect": "1.0.0"
+    "type-detect": "1.0.0",
+    "@webcomponents/webcomponentsjs": "2.0.0-beta.2"
   },
   "dependencies": {
-    "@polymer/polymer": "^3.0.0-pre.12",
-    "@polymer/iron-icon": "^3.0.0-pre.12",
-    "@polymer/iron-iconset-svg": "^3.0.0-pre.12"
+    "@polymer/polymer": "^3.0.0-pre.13",
+    "@polymer/iron-icon": "^3.0.0-pre.14",
+    "@polymer/iron-iconset-svg": "^3.0.0-pre.14"
   },
   "devDependencies": {
     "@vaadin/elements-demo-resources": "^2.1.0-pre.1",
-    "@polymer/iron-ajax": "^3.0.0-pre.12"
+    "@polymer/iron-ajax": "^3.0.0-pre.14"
   }
 }

sizing.js

 import './version.js';
 import '@polymer/polymer/lib/elements/custom-style.js';
-const $_documentContainer = document.createElement('div');
+const $_documentContainer = document.createElement('template');
 $_documentContainer.setAttribute('style', 'display: none;');
@@ -25,2 +25,2 @@
 
-document.head.appendChild($_documentContainer);
+document.head.appendChild($_documentContainer.content);

spacing.js

 import './version.js';
 import '@polymer/polymer/lib/elements/custom-style.js';
-const $_documentContainer = document.createElement('div');
+const $_documentContainer = document.createElement('template');
 $_documentContainer.setAttribute('style', 'display: none;');
@@ -33,2 +33,2 @@
 
-document.head.appendChild($_documentContainer);
+document.head.appendChild($_documentContainer.content);

style.js

 import './version.js';
 import '@polymer/polymer/lib/elements/custom-style.js';
-const $_documentContainer = document.createElement('div');
+const $_documentContainer = document.createElement('template');
 $_documentContainer.setAttribute('style', 'display: none;');
@@ -20,2 +20,2 @@
 
-document.head.appendChild($_documentContainer);
+document.head.appendChild($_documentContainer.content);

test/all-imports.js

@@ -1,36 +0,5 @@
-import '@vaadin/vaadin-button/vaadin-button.js';
-import '@vaadin/vaadin-checkbox/vaadin-checkbox.js';
-import '@vaadin/vaadin-combo-box/vaadin-combo-box.js';
-import '@vaadin/vaadin-context-menu/vaadin-context-menu.js';
-import '@vaadin/vaadin-date-picker/vaadin-date-picker.js';
-import '@vaadin/vaadin-dialog/vaadin-dialog.js';
-import '@vaadin/vaadin-dropdown-menu/vaadin-dropdown-menu.js';
-import '@vaadin/vaadin-form-layout/vaadin-form-layout.js';
-import '@vaadin/vaadin-form-layout/vaadin-form-item.js';
-import '@vaadin/vaadin-grid/vaadin-grid.js';
-import '@vaadin/vaadin-grid/vaadin-grid-column-group.js';
-import '@vaadin/vaadin-grid/vaadin-grid-filter.js';
-import '@vaadin/vaadin-grid/vaadin-grid-sorter.js';
-import '@vaadin/vaadin-grid/vaadin-grid-selection-column.js';
-import '@vaadin/vaadin-grid/vaadin-grid-tree-toggle.js';
 import '@vaadin/vaadin-icons/vaadin-icons.js';
-import '@vaadin/vaadin-item/vaadin-item.js';
-import '@vaadin/vaadin-list-box/vaadin-list-box.js';
-import '@vaadin/vaadin-notification/vaadin-notification.js';
-import '@vaadin/vaadin-ordered-layout/vaadin-horizontal-layout.js';
-import '@vaadin/vaadin-ordered-layout/vaadin-vertical-layout.js';
-import '@vaadin/vaadin-progress-bar/vaadin-progress-bar.js';
-import '@vaadin/vaadin-radio-button/vaadin-radio-button.js';
-import '@vaadin/vaadin-radio-button/vaadin-radio-group.js';
-import '@vaadin/vaadin-split-layout/vaadin-split-layout.js';
-import '@vaadin/vaadin-tabs/vaadin-tab.js';
-import '@vaadin/vaadin-tabs/vaadin-tabs.js';
-import '@vaadin/vaadin-text-field/vaadin-text-field.js';
-import '@vaadin/vaadin-text-field/vaadin-text-area.js';
-import '@vaadin/vaadin-text-field/vaadin-password-field.js';
-import '@vaadin/vaadin-upload/vaadin-upload.js';
 import '@polymer/polymer/lib/elements/custom-style.js';
 import '@polymer/polymer/lib/elements/dom-bind.js';
 import '@polymer/iron-ajax/iron-ajax.js';
-import '@vaadin/vaadin-grid/demo/x-data-provider.js';
 import '../icons.js';
@@ -41,2 +10,7 @@ import '../badge.js';
 /* Helper elements */
+/*
+  FIXME(polymer-modulizer): the above comments were extracted
+  from HTML and may be out of place here. Review them and
+  then delete this comment!
+*/
 ;

typography.js

 import './version.js';
 import '@polymer/polymer/lib/elements/custom-style.js';
-const $_documentContainer = document.createElement('div');
+const $_documentContainer = document.createElement('template');
 $_documentContainer.setAttribute('style', 'display: none;');
@@ -131,2 +131,2 @@
 
-document.head.appendChild($_documentContainer);
+document.head.appendChild($_documentContainer.content);

version.js

 class Lumo extends HTMLElement {
   static get version() {
-    return '1.0.0-pre.4';
+    return '1.0.0-pre.5';
   }
@@ -5,0 +5,0 @@ }

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

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

Worsened metrics

Total package byte prevSize

106854

decreased by-0.12%

Lines of code

847

decreased by-1.28%

Dependency changes

• Updated@polymer/iron-icon@^3.0.0-pre.14

• Updated@polymer/iron-iconset-svg@^3.0.0-pre.14

• Updated@polymer/polymer@^3.0.0-pre.13