homestars-icons - npm Package Compare versions

Comparing version 0.1.20 to 0.1.21

dist/icons/Star.js

@@ -19,2 +19,4 @@ "use strict";
 
+var _colours = require("../colours.js");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -24,7 +26,14 @@
   fill: _propTypes2.default.string,
-  stroke: _propTypes2.default.string
+  showGradient: _propTypes2.default.bool,
+  stopColour: _propTypes2.default.string,
+  stroke: _propTypes2.default.string,
+  strokeWidth: _propTypes2.default.number
 };
 
 var defaultProps = {
-  fill: "none"
+  fill: "none",
+  showGradient: false,
+  stopColour: _colours.white,
+  stroke: "black",
+  strokeWidth: 2
 };
@@ -34,21 +43,122 @@
   var fill = _ref.fill,
-      stroke = _ref.stroke;
+      showGradient = _ref.showGradient,
+      stopColour = _ref.stopColour,
+      stroke = _ref.stroke,
+      strokeWidth = _ref.strokeWidth;
 
+  var renderGradient = function renderGradient() {
+    if (showGradient) {
+      return _react2.default.createElement(
+        "g",
+        null,
+        _react2.default.createElement("path", {
+          fill: "url(#si-a)",
+          fillOpacity: ".4",
+          d: "M5.15009504,21.8736997 C4.50840631,22.2117997 3.7581967,21.6639527 3.88087248,20.9454904 L4.92047113,14.8503013 C4.96922689,14.5654209 4.8748609,14.2742793 4.66882849,14.0723585 L0.265082318,9.75532427 C-0.253930624,9.24660921 0.0323128766,8.36066235 0.749494396,8.25578878 L6.83610071,7.36671138 C7.12077145,7.3244489 7.36769579,7.14444203 7.49508988,6.88460602 L10.2159759,1.33882916 C10.5368203,0.686108599 11.4631797,0.686108599 11.7840241,1.33882916 L14.5064829,6.88460602 C14.633877,7.14444203 14.8808013,7.3244489 15.165472,7.36671138 L21.2505056,8.25578878 C21.9676871,8.36066235 22.2539306,9.24660921 21.7349177,9.75532427 L17.3311715,14.0723585 C17.1251391,14.2742793 17.0307732,14.5654209 17.0795289,14.8503013 L18.1191275,20.9454904 C18.2418033,21.6639527 17.4931665,22.2117997 16.8514777,21.8736997 L11.4065601,18.9951552 C11.151772,18.8605413 10.848228,18.8605413 10.5934399,18.9951552 L5.15009504,21.8736997 Z",
+          style: { mixBlendMode: "overlay" }
+        }),
+        _react2.default.createElement("path", {
+          fill: "url(#si-b)",
+          fillOpacity: ".3",
+          d: "M5.15009504,21.8736997 C4.50840631,22.2117997 3.7581967,21.6639527 3.88087248,20.9454904 L4.92047113,14.8503013 C4.96922689,14.5654209 4.8748609,14.2742793 4.66882849,14.0723585 L0.265082318,9.75532427 C-0.253930624,9.24660921 0.0323128766,8.36066235 0.749494396,8.25578878 L6.83610071,7.36671138 C7.12077145,7.3244489 7.36769579,7.14444203 7.49508988,6.88460602 L10.2159759,1.33882916 C10.5368203,0.686108599 11.4631797,0.686108599 11.7840241,1.33882916 L14.5064829,6.88460602 C14.633877,7.14444203 14.8808013,7.3244489 15.165472,7.36671138 L21.2505056,8.25578878 C21.9676871,8.36066235 22.2539306,9.24660921 21.7349177,9.75532427 L17.3311715,14.0723585 C17.1251391,14.2742793 17.0307732,14.5654209 17.0795289,14.8503013 L18.1191275,20.9454904 C18.2418033,21.6639527 17.4931665,22.2117997 16.8514777,21.8736997 L11.4065601,18.9951552 C11.151772,18.8605413 10.848228,18.8605413 10.5934399,18.9951552 L5.15009504,21.8736997 Z",
+          style: { mixBlendMode: "overlay" }
+        }),
+        _react2.default.createElement("path", {
+          fill: "url(#si-c)",
+          fillOpacity: ".6",
+          d: "M5.15009504,21.8736997 C4.50840631,22.2117997 3.7581967,21.6639527 3.88087248,20.9454904 L4.92047113,14.8503013 C4.96922689,14.5654209 4.8748609,14.2742793 4.66882849,14.0723585 L0.265082318,9.75532427 C-0.253930624,9.24660921 0.0323128766,8.36066235 0.749494396,8.25578878 L6.83610071,7.36671138 C7.12077145,7.3244489 7.36769579,7.14444203 7.49508988,6.88460602 L10.2159759,1.33882916 C10.5368203,0.686108599 11.4631797,0.686108599 11.7840241,1.33882916 L14.5064829,6.88460602 C14.633877,7.14444203 14.8808013,7.3244489 15.165472,7.36671138 L21.2505056,8.25578878 C21.9676871,8.36066235 22.2539306,9.24660921 21.7349177,9.75532427 L17.3311715,14.0723585 C17.1251391,14.2742793 17.0307732,14.5654209 17.0795289,14.8503013 L18.1191275,20.9454904 C18.2418033,21.6639527 17.4931665,22.2117997 16.8514777,21.8736997 L11.4065601,18.9951552 C11.151772,18.8605413 10.848228,18.8605413 10.5934399,18.9951552 L5.15009504,21.8736997 Z",
+          style: { mixBlendMode: "overlay" }
+        })
+      );
+    }
+  };
   return _react2.default.createElement(
     "svg",
     {
-      xmlns: 'http://www.w3.org/2000/svg',
-      width: '22',
-      height: '22',
-      viewBox: '0 0 22 22'
+      width: "22",
+      height: "22",
+      viewBox: "0 0 22 22"
     },
-    _react2.default.createElement("path", {
-      fill: fill,
-      stroke: stroke,
-      strokeLinecap: 'round',
-      strokeLinejoin: 'round',
-      style: { strokeLinejoin: 'round' },
-      strokeWidth: '2',
-      d: 'M5.94780935,19.9103119 C5.39362363,20.2063737 4.74571533,19.726644 4.8516626,19.0975128 L5.74949779,13.7601774 C5.79160504,13.510718 5.71010714,13.2557759 5.53217006,13.0789612 L1.72893473,9.29869134 C1.28069628,8.85322806 1.52790658,8.07743663 2.14729062,7.98560266 L7.40390516,7.20706992 C7.64975716,7.1700622 7.86301,7.01243673 7.97303217,6.7849078 L10.3228883,1.92867274 C10.5999811,1.35710909 11.4000189,1.35710909 11.6771117,1.92867274 L14.0283261,6.7849078 C14.1383483,7.01243673 14.3516011,7.1700622 14.5974531,7.20706992 L19.8527094,7.98560266 C20.4720934,8.07743663 20.7193037,8.85322806 20.2710653,9.29869134 L16.4678299,13.0789612 C16.2898929,13.2557759 16.208395,13.510718 16.2505022,13.7601774 L17.1483374,19.0975128 C17.2542847,19.726644 16.6077347,20.2063737 16.0535489,19.9103119 L11.3511201,17.3896751 C11.1310758,17.2717987 10.8689242,17.2717987 10.6488799,17.3896751 L5.94780935,19.9103119 Z'
-    })
+    _react2.default.createElement(
+      "defs",
+      null,
+      _react2.default.createElement(
+        "radialGradient",
+        {
+          id: 'si-a',
+          cx: "100%",
+          cy: "0%",
+          r: "100%",
+          fx: "100%",
+          fy: "0%",
+          gradientTransform: "matrix(.96031 0 0 1 .04 0)"
+        },
+        _react2.default.createElement("stop", {
+          offset: "0%",
+          stopColor: stopColour
+        }),
+        _react2.default.createElement("stop", {
+          offset: "100%"
+        })
+      ),
+      _react2.default.createElement(
+        "radialGradient",
+        {
+          id: 'si-b',
+          cx: "138.086%",
+          cy: "191.795%",
+          r: "100%",
+          fx: "138.086%",
+          fy: "191.795%",
+          gradientTransform: "matrix(.96031 0 0 1 .055 0)"
+        },
+        _react2.default.createElement("stop", {
+          offset: "0%",
+          stopColor: stopColour
+        }),
+        _react2.default.createElement("stop", {
+          offset: "100%"
+        })
+      ),
+      _react2.default.createElement(
+        "linearGradient",
+        {
+          id: 'si-c',
+          x1: "29.059%",
+          x2: "72.731%",
+          y1: "4.41%",
+          y2: "94.446%"
+        },
+        _react2.default.createElement("stop", {
+          offset: "0%",
+          stopColor: stopColour,
+          stopOpacity: ".5"
+        }),
+        _react2.default.createElement("stop", {
+          offset: "50.369%",
+          stopOpacity: ".5"
+        }),
+        _react2.default.createElement("stop", {
+          offset: "100%",
+          stopColor: stopColour,
+          stopOpacity: ".5"
+        })
+      )
+    ),
+    _react2.default.createElement(
+      "g",
+      {
+        fill: "none",
+        fillRule: "evenodd"
+      },
+      _react2.default.createElement("path", {
+        fill: fill,
+        stroke: stroke,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: strokeWidth,
+        d: "M5.94780935,19.9103119 C5.39362363,20.2063737 4.74571533,19.726644 4.8516626,19.0975128 L5.74949779,13.7601774 C5.79160504,13.510718 5.71010714,13.2557759 5.53217006,13.0789612 L1.72893473,9.29869134 C1.28069628,8.85322806 1.52790658,8.07743663 2.14729062,7.98560266 L7.40390516,7.20706992 C7.64975716,7.1700622 7.86301,7.01243673 7.97303217,6.7849078 L10.3228883,1.92867274 C10.5999811,1.35710909 11.4000189,1.35710909 11.6771117,1.92867274 L14.0283261,6.7849078 C14.1383483,7.01243673 14.3516011,7.1700622 14.5974531,7.20706992 L19.8527094,7.98560266 C20.4720934,8.07743663 20.7193037,8.85322806 20.2710653,9.29869134 L16.4678299,13.0789612 C16.2898929,13.2557759 16.208395,13.510718 16.2505022,13.7601774 L17.1483374,19.0975128 C17.2542847,19.726644 16.6077347,20.2063737 16.0535489,19.9103119 L11.3511201,17.3896751 C11.1310758,17.2717987 10.8689242,17.2717987 10.6488799,17.3896751 L5.94780935,19.9103119 Z"
+      }),
+      renderGradient()
+    )
   );
@@ -55,0 +165,0 @@ }

dist/index.js

@@ -79,2 +79,11 @@ "use strict";
 
+var _Description = require("./icons/Description");
+
+Object.defineProperty(exports, "Description", {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_Description).default;
+  }
+});
+
 var _DollarSign = require("./icons/DollarSign");
@@ -116,2 +125,11 @@
 
+var _FindAPro = require("./icons/FindAPro");
+
+Object.defineProperty(exports, "FindAPro", {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_FindAPro).default;
+  }
+});
+
 var _Gear = require("./icons/Gear");
@@ -252,2 +270,11 @@
 
+var _PostCode = require("./icons/PostCode");
+
+Object.defineProperty(exports, "PostCode", {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_PostCode).default;
+  }
+});
+
 var _Prohibition = require("./icons/Prohibition");
@@ -254,0 +281,0 @@

package.json

 {
   "name": "homestars-icons",
-  "version": "0.1.20",
+  "version": "0.1.21",
   "description": "HomeStars componentized icons",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

No alert changes

Improved metrics

Total package byte prevSize

138798

increased by16.06%

Number of package files

54

increased by5.88%

Lines of code

3489

increased by16.46%

No dependency changes