@lrnwebcomponents/hax-iconset - npm Package Compare versions

Comparing version 2.6.23 to 2.6.24

hax-iconset.js

@@ -567,3 +567,42 @@ /**
     </svg>
-	    	
+    <!-- messages-1 -->
+    <svg style="width:24px;height:24px" viewBox="0 0 24 24">
+      <g id="messages-1"><path d="M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM13.13,15h-2V7h-2V5h4Z" transform="translate(-2 -2)"/></g>
+    </svg>
+    <!-- messages-2 -->
+    <svg style="width:24px;height:24px" viewBox="0 0 24 24">
+      <g id="messages-2"><path d="M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM15,8.82a2,2,0,0,1-2,2H11v2h4v2H9v-4a2,2,0,0,1,2-2h2v-2H9v-2h4a2,2,0,0,1,2,2Z" transform="translate(-2 -2)"/></g>
+    </svg>
+    <!-- messages-3 -->
+    <svg style="width:24px;height:24px" viewBox="0 0 24 24">
+      <g id="messages-3"><path d="M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM15,8.5A1.5,1.5,0,0,1,13.5,10,1.5,1.5,0,0,1,15,11.5V13a2,2,0,0,1-2,2H9V13h4V11H11V9h2V7H9V5h4a2,2,0,0,1,2,2Z" transform="translate(-2 -2)"/></g>
+    </svg>
+    <!-- messages-4 -->
+    <svg style="width:24px;height:24px" viewBox="0 0 24 24">
+      <g id="messages-4"><path d="M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM15,15.26H13v-4H9v-6h2v4h2v-4h2Z" transform="translate(-2 -2)"/></g>
+    </svg>
+    <!-- messages-5 -->
+    <svg style="width:24px;height:24px" viewBox="0 0 24 24">
+      <g id="messages-5"><path d="M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM15,7H11V9h2a2,2,0,0,1,2,2v2a2,2,0,0,1-2,2H9V13h4V11H9V5h6Z" transform="translate(-2 -2)"/></g>
+    </svg>
+    <!-- messages-6 -->
+    <svg style="width:24px;height:24px" viewBox="0 0 24 24">
+      <g id="messages-6"><rect x="9" y="9" width="2" height="2"/><path d="M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM15,7H11V9h2a2,2,0,0,1,2,2v2a2,2,0,0,1-2,2H11a2,2,0,0,1-2-2V7a2,2,0,0,1,2-2h4Z" transform="translate(-2 -2)"/></g>
+    </svg>
+    <!-- messages-7 -->
+    <svg style="width:24px;height:24px" viewBox="0 0 24 24">
+      <g id="messages-7"><path d="M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM15,7l-4,8H9l4-8H9V5h6Z" transform="translate(-2 -2)"/></g>
+    </svg>
+    <!-- messages-8 -->
+    <svg style="width:24px;height:24px" viewBox="0 0 24 24">
+      <g id="messages-8"><rect x="9" y="9" width="2" height="2"/><rect x="9" y="5" width="2" height="2"/><path d="M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM15,8.5A1.5,1.5,0,0,1,13.5,10,1.5,1.5,0,0,1,15,11.5V13a2,2,0,0,1-2,2H11a2,2,0,0,1-2-2V11.5A1.5,1.5,0,0,1,10.5,10,1.5,1.5,0,0,1,9,8.5V7a2,2,0,0,1,2-2h2a2,2,0,0,1,2,2Z" transform="translate(-2 -2)"/></g>
+    </svg>
+    <!-- messages-9 -->
+    <svg style="width:24px;height:24px" viewBox="0 0 24 24">
+      <g id="messages-9"><rect x="9" y="5" width="2" height="2"/><path d="M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM15,13a2,2,0,0,1-2,2H9V13h4V11H11A2,2,0,0,1,9,9V7a2,2,0,0,1,2-2h2a2,2,0,0,1,2,2Z" transform="translate(-2 -2)"/></g>
+    </svg>
+    <!-- messages-9-plus -->
+    <svg style="width:24px;height:24px" viewBox="0 0 24 24">
+      <g id="messages-9-plus"><rect x="6" y="6" width="1" height="1"/><path d="M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM11,12a2,2,0,0,1-2,2H6V12H9V11H8A2,2,0,0,1,6,9V8A2,2,0,0,1,8,6H9a2,2,0,0,1,2,2Zm7-1H16v2H14V11H12V9h2V7h2V9h2Z" transform="translate(-2 -2)"/></g>
+    </svg>
   </iron-iconset-svg>
@@ -570,0 +609,0 @@ `;

hax-iconset.stories.js

@@ -7,3 +7,4 @@ import { html } from "lit-element/lit-element.js";
   withWebComponentsKnobs,
-  select
+  select,
+  text
 } from "@open-wc/demoing-storybook";
@@ -22,6 +23,8 @@ import { StorybookUtilities } from "@lrnwebcomponents/storybook-utilities/storybook-utilities.js";
 export const HaxIconsetStory = () => {
-  let iconset = document.createElement("iconset-demo");
-  iconset.includeSets = "hax";
-  return iconset;
+  return utils.getDemo(
+    `<iconset-demo include-sets="hax"></iconset-demo>`,
+    `<p>The following is a full list of hax-iconset's icons.</p>`
+  );
 };
+
 export const HaxIconsetDemo = () => {
@@ -32,11 +35,25 @@ let iconset = document.createElement("iconset-demo");
   document.body.appendChild(iconset);
-  let list =
+
+  let icons =
       iconset && iconset.__iconList
         ? iconset.__iconList
         : [{ name: "icons", icons: ["star", "check", "history"] }],
-    icons = list[0].icons,
-    knob = select("icon", icons, utils.getRandomOption(icons), "Properties"),
-    icon = document.createElement("iron-icon");
-  icon.setAttribute("icon", knob);
-  return icon;
+    iconlist =
+      icons && icons[0] ? icons[0].icons : ["star", "check", "history"];
+  return utils.getDemo(
+    `<iron-icon 
+      icon="${select(
+        "icon",
+        iconlist,
+        utils.getRandomOption(iconlist),
+        "Properties"
+      )}"
+      style="display:inline-block;width:${text(
+        "width",
+        "",
+        "CSS"
+      )};height:${text("height", "", "CSS")};">
+    </iron-icon>`,
+    `<p>The following is a demo of how to use a hax-iconset icon.</p>`
+  );
 };

package.json

@@ -20,3 +20,3 @@ {
   },
-  "version": "2.6.23",
+  "version": "2.6.24",
   "description": "HAX-specific icons",
@@ -57,3 +57,3 @@ "repository": {
     "gulp-sourcemaps": "2.6.5",
-    "lodash": "4.17.13",
+    "lodash": "4.17.19",
     "polymer-build": "3.1.4",
@@ -72,3 +72,3 @@ "polymer-cli": "1.9.11",
   ],
-  "gitHead": "2bb06c21cf22eb3238f2f0862bf47aa5fd77d90e"
+  "gitHead": "729ba00ffb9f93d78a7405d30f7d12ff2dc7d3c5"
 }

src/hax-iconset.js

@@ -567,3 +567,42 @@ /**
     </svg>
-	    	
+    <!-- messages-1 -->
+    <svg style="width:24px;height:24px" viewBox="0 0 24 24">
+      <g id="messages-1"><path d="M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM13.13,15h-2V7h-2V5h4Z" transform="translate(-2 -2)"/></g>
+    </svg>
+    <!-- messages-2 -->
+    <svg style="width:24px;height:24px" viewBox="0 0 24 24">
+      <g id="messages-2"><path d="M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM15,8.82a2,2,0,0,1-2,2H11v2h4v2H9v-4a2,2,0,0,1,2-2h2v-2H9v-2h4a2,2,0,0,1,2,2Z" transform="translate(-2 -2)"/></g>
+    </svg>
+    <!-- messages-3 -->
+    <svg style="width:24px;height:24px" viewBox="0 0 24 24">
+      <g id="messages-3"><path d="M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM15,8.5A1.5,1.5,0,0,1,13.5,10,1.5,1.5,0,0,1,15,11.5V13a2,2,0,0,1-2,2H9V13h4V11H11V9h2V7H9V5h4a2,2,0,0,1,2,2Z" transform="translate(-2 -2)"/></g>
+    </svg>
+    <!-- messages-4 -->
+    <svg style="width:24px;height:24px" viewBox="0 0 24 24">
+      <g id="messages-4"><path d="M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM15,15.26H13v-4H9v-6h2v4h2v-4h2Z" transform="translate(-2 -2)"/></g>
+    </svg>
+    <!-- messages-5 -->
+    <svg style="width:24px;height:24px" viewBox="0 0 24 24">
+      <g id="messages-5"><path d="M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM15,7H11V9h2a2,2,0,0,1,2,2v2a2,2,0,0,1-2,2H9V13h4V11H9V5h6Z" transform="translate(-2 -2)"/></g>
+    </svg>
+    <!-- messages-6 -->
+    <svg style="width:24px;height:24px" viewBox="0 0 24 24">
+      <g id="messages-6"><rect x="9" y="9" width="2" height="2"/><path d="M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM15,7H11V9h2a2,2,0,0,1,2,2v2a2,2,0,0,1-2,2H11a2,2,0,0,1-2-2V7a2,2,0,0,1,2-2h4Z" transform="translate(-2 -2)"/></g>
+    </svg>
+    <!-- messages-7 -->
+    <svg style="width:24px;height:24px" viewBox="0 0 24 24">
+      <g id="messages-7"><path d="M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM15,7l-4,8H9l4-8H9V5h6Z" transform="translate(-2 -2)"/></g>
+    </svg>
+    <!-- messages-8 -->
+    <svg style="width:24px;height:24px" viewBox="0 0 24 24">
+      <g id="messages-8"><rect x="9" y="9" width="2" height="2"/><rect x="9" y="5" width="2" height="2"/><path d="M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM15,8.5A1.5,1.5,0,0,1,13.5,10,1.5,1.5,0,0,1,15,11.5V13a2,2,0,0,1-2,2H11a2,2,0,0,1-2-2V11.5A1.5,1.5,0,0,1,10.5,10,1.5,1.5,0,0,1,9,8.5V7a2,2,0,0,1,2-2h2a2,2,0,0,1,2,2Z" transform="translate(-2 -2)"/></g>
+    </svg>
+    <!-- messages-9 -->
+    <svg style="width:24px;height:24px" viewBox="0 0 24 24">
+      <g id="messages-9"><rect x="9" y="5" width="2" height="2"/><path d="M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM15,13a2,2,0,0,1-2,2H9V13h4V11H11A2,2,0,0,1,9,9V7a2,2,0,0,1,2-2h2a2,2,0,0,1,2,2Z" transform="translate(-2 -2)"/></g>
+    </svg>
+    <!-- messages-9-plus -->
+    <svg style="width:24px;height:24px" viewBox="0 0 24 24">
+      <g id="messages-9-plus"><rect x="6" y="6" width="1" height="1"/><path d="M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM11,12a2,2,0,0,1-2,2H6V12H9V11H8A2,2,0,0,1,6,9V8A2,2,0,0,1,8,6H9a2,2,0,0,1,2,2Zm7-1H16v2H14V11H12V9h2V7h2V9h2Z" transform="translate(-2 -2)"/></g>
+    </svg>
   </iron-iconset-svg>
@@ -570,0 +609,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

Improved metrics

Total package byte prevSize

163173

increased by3.14%

Lines of code

1942

increased by2.21%

Worsened metrics

Number of package files

21

decreased by-4.55%

No dependency changes