@cypress-design/react-statusicon 0.0.10 → 0.1.1

package/dist/index.umd.js

@@ -117,11 +117,11 @@ var statuses$3 = {
         size24Icon: iconsRegistry.cyStatusCancelledOutlineX24
     },
     noTests: {
-        size4Icon: iconsRegistry.cyStatusCancelledSimpleX4,
-        size8Icon: iconsRegistry.cyStatusCancelledSimpleX8,
-        size12Icon: iconsRegistry.cyStatusCancelledSolidX12,
-        size16Icon: iconsRegistry.cyStatusCancelledOutlineX16,
-        size24Icon: iconsRegistry.cyStatusCancelledOutlineX24
+        size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
+        size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
+        size12Icon: iconsRegistry.cyStatusErroredSolidX12,
+        size16Icon: iconsRegistry.cyStatusErroredOutlineX16,
+        size24Icon: iconsRegistry.cyStatusErroredOutlineX24
     },
     errored: {
         size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
@@ -170,8 +170,7 @@ var constStatuses = {
         use: 'Runs, specs, groups, test results',
         variants: ['outline'],
         // <windi-keep fillColor="gray-100" />
-        secondaryColor: 'gray-100',
-        shouldSpin: true
+        secondaryColor: 'gray-100'
     },
     passed: {
         // <windi-keep strokeColor="jade-400" />
@@ -206,8 +205,8 @@ var constStatuses = {
         variants: ['outline', 'solid']
     },
     noTests: {
-        // <windi-keep strokeColor="gray-400" />
-        color: 'gray-400',
+        // <windi-keep strokeColor="orange-400" />
+        color: 'orange-400',
         use: 'Runs, specs, groups',
         variants: ['outline', 'solid']
     },
@@ -316,7 +315,7 @@ var compileProps = function (_a) {
     var statusInfo = status ? statuses[status] : statuses.placeholder;
     var iconInfo = status ? statuses$2[status] : statuses$2.placeholder;
     var _b = statusInfo["size" + size + "Icon"], iconData = _b.data, name = _b.name;
-    var classes = "inline-block " + (className || '') + " " + (iconInfo.shouldSpin && size !== '4' ? 'animate-spin' : '');
+    var classes = "inline-block " + (className || '');
     var compiledClasses = iconsRegistry.getComponentAttributes({
         name: name,
         strokeColor: iconInfo.color,
@@ -333,12 +332,12 @@ var compileProps = function (_a) {
 
 var OutlineStatusIcon = function (_a) {
     var _b = _a.size, size = _b === void 0 ? '24' : _b, _c = _a.status, status = _c === void 0 ? 'placeholder' : _c, rest = __rest$1(_a, ["size", "status"]);
-    return React__namespace.createElement('svg', compileProps({
+    return React__namespace.createElement('svg', __assign$1(__assign$1({}, rest), compileProps({
         status: status,
         statuses: statuses$3,
         className: rest.className,
         size: size
-    }));
+    })));
 };
 
 var statuses$1 = {
@@ -385,11 +384,11 @@ var statuses$1 = {
         size24Icon: iconsRegistry.cyStatusCancelledSolidX24
     },
     noTests: {
-        size4Icon: iconsRegistry.cyStatusCancelledSimpleX4,
-        size8Icon: iconsRegistry.cyStatusCancelledSimpleX8,
-        size12Icon: iconsRegistry.cyStatusCancelledSolidX12,
-        size16Icon: iconsRegistry.cyStatusCancelledSolidX16,
-        size24Icon: iconsRegistry.cyStatusCancelledSolidX24
+        size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
+        size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
+        size12Icon: iconsRegistry.cyStatusErroredSolidX12,
+        size16Icon: iconsRegistry.cyStatusErroredSolidX16,
+        size24Icon: iconsRegistry.cyStatusErroredSolidX24
     },
     errored: {
         size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
@@ -430,12 +429,12 @@ var statuses$1 = {
 
 var SimpleStatusIcon = function (_a) {
     var _b = _a.size, size = _b === void 0 ? '24' : _b, _c = _a.status, status = _c === void 0 ? 'placeholder' : _c, rest = __rest$1(_a, ["size", "status"]);
-    return React__namespace.createElement('svg', compileProps({
+    return React__namespace.createElement('svg', __assign$1(__assign$1({}, rest), compileProps({
         status: status,
         statuses: statuses$1,
         className: rest.className,
         size: size
-    }));
+    })));
 };
 
 var statuses = {
@@ -482,11 +481,11 @@ var statuses = {
         size24Icon: iconsRegistry.cyStatusCancelledSolidX24
     },
     noTests: {
-        size4Icon: iconsRegistry.cyStatusCancelledSimpleX4,
-        size8Icon: iconsRegistry.cyStatusCancelledSimpleX8,
-        size12Icon: iconsRegistry.cyStatusCancelledSolidX12,
-        size16Icon: iconsRegistry.cyStatusCancelledSolidX16,
-        size24Icon: iconsRegistry.cyStatusCancelledSolidX24
+        size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
+        size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
+        size12Icon: iconsRegistry.cyStatusErroredSolidX12,
+        size16Icon: iconsRegistry.cyStatusErroredSolidX16,
+        size24Icon: iconsRegistry.cyStatusErroredSolidX24
     },
     errored: {
         size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
@@ -527,12 +526,12 @@ var statuses = {
 
 var SolidStatusIcon = function (_a) {
     var _b = _a.size, size = _b === void 0 ? '24' : _b, _c = _a.status, status = _c === void 0 ? 'placeholder' : _c, rest = __rest$1(_a, ["size", "status"]);
-    return React__namespace.createElement('svg', compileProps({
+    return React__namespace.createElement('svg', __assign$1(__assign$1({}, rest), compileProps({
         status: status,
         statuses: statuses,
         className: rest.className,
         size: size
-    }));
+    })));
 };
 
 var StatusIcon = function (_a) {
@@ -551,5 +550,5 @@ exports.SimpleStatusIcon = SimpleStatusIcon;
 exports.SolidStatusIcon = SolidStatusIcon;
 exports["default"] = StatusIcon;
 
-/* <windicss-keep class="outline inline-block animate-spin icon-dark-indigo-400 icon-light-gray-100 icon-dark-jade-400 icon-dark-red-400 icon-dark-gray-100 icon-dark-gray-300 icon-dark-gray-400 icon-dark-orange-400"> */
+/* <windicss-keep class="outline inline-block icon-dark-indigo-400 icon-light-gray-100 icon-dark-jade-400 icon-dark-red-400 icon-dark-gray-100 icon-dark-gray-300 icon-dark-orange-400 icon-dark-gray-400"> */
 //# sourceMappingURL=index.umd.js.map