dls-icons-react - npm Package Compare versions

Comparing version 0.3.2 to 0.4.0

dist/cjs/index.js

@@ -91,3 +91,3 @@ /* eslint-disable */
 
-var css_248z = ".dls-icon {\n  display: inline-block;\n  width: auto;\n  height: 1em;\n  fill: currentColor;\n  vertical-align: -0.125em;\n}\n";
+var css_248z = ".dls-icon {\n  display: inline-block;\n  width: auto;\n  height: 1em;\n  fill: currentColor;\n  vertical-align: -0.125em;\n}\n\n.dls-icon-spin {\n  animation: dls-icon-spin 1s infinite linear;\n}\n\n@keyframes dls-icon-spin {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n";
 styleInject(css_248z);
@@ -115,5 +115,12 @@
         title = _ref2.title,
-        props = _objectWithoutProperties(_ref2, ["className", "title"]);
+        spin = _ref2.spin,
+        props = _objectWithoutProperties(_ref2, ["className", "title", "spin"]);
 
-    var iconClassName = className ? "".concat(baseClassName, " ").concat(className) : baseClassName;
+    var iconClasses = [baseClassName, className];
+
+    if (spin) {
+      iconClasses.push("".concat(baseClassName, "-spin"));
+    }
+
+    var iconClassName = iconClasses.join(' ');
     var tabIndex = props.tabIndex;
@@ -120,0 +127,0 @@ var markup = {

dist/es/index.js

@@ -85,3 +85,3 @@ /* eslint-disable */
 
-var css_248z = ".dls-icon {\n  display: inline-block;\n  width: auto;\n  height: 1em;\n  fill: currentColor;\n  vertical-align: -0.125em;\n}\n";
+var css_248z = ".dls-icon {\n  display: inline-block;\n  width: auto;\n  height: 1em;\n  fill: currentColor;\n  vertical-align: -0.125em;\n}\n\n.dls-icon-spin {\n  animation: dls-icon-spin 1s infinite linear;\n}\n\n@keyframes dls-icon-spin {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n";
 styleInject(css_248z);
@@ -109,5 +109,12 @@
         title = _ref2.title,
-        props = _objectWithoutProperties(_ref2, ["className", "title"]);
+        spin = _ref2.spin,
+        props = _objectWithoutProperties(_ref2, ["className", "title", "spin"]);
 
-    var iconClassName = className ? "".concat(baseClassName, " ").concat(className) : baseClassName;
+    var iconClasses = [baseClassName, className];
+
+    if (spin) {
+      iconClasses.push("".concat(baseClassName, "-spin"));
+    }
+
+    var iconClassName = iconClasses.join(' ');
     var tabIndex = props.tabIndex;
@@ -114,0 +121,0 @@ var markup = {

package.json

 {
   "name": "dls-icons-react",
-  "version": "0.3.2",
+  "version": "0.4.0",
   "description": "DLS icons for React.",
@@ -45,3 +45,3 @@ "author": {
   },
-  "gitHead": "2efec71fec55e887841378e215c67b804809d3f1"
+  "gitHead": "896603c8448379980e0048439603b2f4a8153af0"
 }

No alert changes

Improved metrics

Total package byte prevSize

133333

increased by0.87%

Lines of code

897

increased by1.36%

No dependency changes