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

Comparing version 1.1.0-alpha3 to 1.1.0-beta1

badge.js

 import './style.js';
 import './color.js';
 import './typography.js';
-const $_documentContainer = document.createElement('div');
-$_documentContainer.setAttribute('style', 'display: none;');
+const $_documentContainer = document.createElement('template');
 
@@ -151,2 +150,2 @@ $_documentContainer.innerHTML = `<dom-module id="lumo-badge">
 
-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');
-$_documentContainer.setAttribute('style', 'display: none;');
+const $_documentContainer = document.createElement('template');
 
@@ -188,5 +187,10 @@ $_documentContainer.innerHTML = `<custom-style>
 
-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');
-$_documentContainer.setAttribute('style', 'display: none;');
+const $_documentContainer = document.createElement('template');
 
@@ -54,2 +53,2 @@ $_documentContainer.innerHTML = `<custom-style>
 
-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');
-$_documentContainer.setAttribute('style', 'display: none;');
+const $_documentContainer = document.createElement('template');
 
@@ -48,5 +47,10 @@ $_documentContainer.innerHTML = `<iron-iconset-svg size="1000" name="lumo">
 
-document.head.appendChild($_documentContainer);
+document.head.appendChild($_documentContainer.content);
 
 /* NOTICE: Generated with 'gulp icons' */
+/*
+  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');
-$_documentContainer.setAttribute('style', 'display: none;');
+const $_documentContainer = document.createElement('template');
 
@@ -38,2 +37,2 @@ $_documentContainer.innerHTML = `<dom-module id="lumo-field-button">
 
-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');
-$_documentContainer.setAttribute('style', 'display: none;');
+const $_documentContainer = document.createElement('template');
 
@@ -109,5 +108,10 @@ $_documentContainer.innerHTML = `<dom-module id="lumo-menu-overlay-core">
 
-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,4 +5,3 @@ import '../color.js';
 import '../typography.js';
-const $_documentContainer = document.createElement('div');
-$_documentContainer.setAttribute('style', 'display: none;');
+const $_documentContainer = document.createElement('template');
 
@@ -76,2 +75,2 @@ $_documentContainer.innerHTML = `<dom-module id="lumo-overlay">
 
-document.head.appendChild($_documentContainer);
+document.head.appendChild($_documentContainer.content);

package.json

@@ -14,3 +14,3 @@ {
   "name": "@vaadin/vaadin-lumo-styles",
-  "version": "1.1.0-alpha3",
+  "version": "1.1.0-beta1",
   "main": "lumo.js",
@@ -29,9 +29,11 @@ "author": "Vaadin Ltd",
   "dependencies": {
-    "@polymer/iron-icon": "^3.0.0-pre.12",
-    "@polymer/iron-iconset-svg": "^3.0.0-pre.12",
-    "@polymer/polymer": "^3.0.0"
+    "@polymer/polymer": "^3.0.0",
+    "@polymer/iron-icon": "^3.0.0-pre.18",
+    "@polymer/iron-iconset-svg": "^3.0.0-pre.18"
   },
   "devDependencies": {
-    "@polymer/iron-ajax": "^3.0.0-pre.12"
+    "@vaadin/vaadin-core": "^10.0.0",
+    "@vaadin/elements-demo-resources": "^2.1.0",
+    "@polymer/iron-ajax": "^3.0.0-pre.18"
   }
 }

sizing.js

 import './version.js';
 import '@polymer/polymer/lib/elements/custom-style.js';
-const $_documentContainer = document.createElement('div');
-$_documentContainer.setAttribute('style', 'display: none;');
+const $_documentContainer = document.createElement('template');
 
@@ -25,2 +24,2 @@ $_documentContainer.innerHTML = `<custom-style>
 
-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');
-$_documentContainer.setAttribute('style', 'display: none;');
+const $_documentContainer = document.createElement('template');
 
@@ -33,2 +32,2 @@ $_documentContainer.innerHTML = `<custom-style>
 
-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');
-$_documentContainer.setAttribute('style', 'display: none;');
+const $_documentContainer = document.createElement('template');
 
@@ -20,2 +19,2 @@ $_documentContainer.innerHTML = `<custom-style>
 
-document.head.appendChild($_documentContainer);
+document.head.appendChild($_documentContainer.content);

test/all-imports.js

@@ -1,36 +0,36 @@
-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 'vaadin-button/vaadin-button.js';
+import 'vaadin-checkbox/vaadin-checkbox.js';
+import 'vaadin-combo-box/vaadin-combo-box.js';
+import 'vaadin-context-menu/vaadin-context-menu.js';
+import 'vaadin-date-picker/vaadin-date-picker.js';
+import 'vaadin-dialog/vaadin-dialog.js';
+import 'vaadin-dropdown-menu/vaadin-dropdown-menu.js';
+import 'vaadin-form-layout/vaadin-form-layout.js';
+import 'vaadin-form-layout/vaadin-form-item.js';
+import 'vaadin-grid/vaadin-grid.js';
+import 'vaadin-grid/vaadin-grid-column-group.js';
+import 'vaadin-grid/vaadin-grid-filter.js';
+import 'vaadin-grid/vaadin-grid-sorter.js';
+import 'vaadin-grid/vaadin-grid-selection-column.js';
+import 'vaadin-grid/vaadin-grid-tree-toggle.js';
+import 'vaadin-icons/vaadin-icons.js';
+import 'vaadin-item/vaadin-item.js';
+import 'vaadin-list-box/vaadin-list-box.js';
+import 'vaadin-notification/vaadin-notification.js';
+import 'vaadin-ordered-layout/vaadin-horizontal-layout.js';
+import 'vaadin-ordered-layout/vaadin-vertical-layout.js';
+import 'vaadin-progress-bar/vaadin-progress-bar.js';
+import 'vaadin-radio-button/vaadin-radio-button.js';
+import 'vaadin-radio-button/vaadin-radio-group.js';
+import 'vaadin-split-layout/vaadin-split-layout.js';
+import 'vaadin-tabs/vaadin-tab.js';
+import 'vaadin-tabs/vaadin-tabs.js';
+import 'vaadin-text-field/vaadin-text-field.js';
+import 'vaadin-text-field/vaadin-text-area.js';
+import 'vaadin-text-field/vaadin-password-field.js';
+import '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 'vaadin-grid/demo/x-data-provider.js';
 import '../icons.js';
@@ -41,2 +41,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');
-$_documentContainer.setAttribute('style', 'display: none;');
+const $_documentContainer = document.createElement('template');
 
@@ -131,2 +130,2 @@ $_documentContainer.innerHTML = `<custom-style>
 
-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

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

Improved metrics

Lines of code

856

increased by1.06%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

383671

decreased by-0.3%

Dev dependency count

3

increased by200%

Number of package files

60

decreased by-1.64%

Dependency changes

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

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