@cypress-design/react-statusicon 0.2.5 → 0.3.0

package/dist/index.umd.js

@@ -5,8 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var iconsRegistry = require('@cypress-design/icon-registry');
 
-function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
     var n = Object.create(null);
     if (e) {
         Object.keys(e).forEach(function (k) {
@@ -19,11 +18,11 @@ function _interopNamespace(e) {
             }
         });
     }
-    n["default"] = e;
+    n.default = e;
     return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -79,85 +78,85 @@ var statuses$3 = {
         size8Icon: iconsRegistry.cyStatusRunningSimpleX8,
         size12Icon: iconsRegistry.cyStatusRunningOutlineX12,
         size16Icon: iconsRegistry.cyStatusRunningOutlineX16,
-        size24Icon: iconsRegistry.cyStatusRunningOutlineX24
+        size24Icon: iconsRegistry.cyStatusRunningOutlineX24,
     },
     passed: {
         size4Icon: iconsRegistry.cyStatusPassedSimpleX4,
         size8Icon: iconsRegistry.cyStatusPassedSimpleX8,
         size12Icon: iconsRegistry.cyStatusPassedSimpleX12,
         size16Icon: iconsRegistry.cyStatusPassedOutlineX16,
-        size24Icon: iconsRegistry.cyStatusPassedOutlineX24
+        size24Icon: iconsRegistry.cyStatusPassedOutlineX24,
     },
     failed: {
         size4Icon: iconsRegistry.cyStatusFailedSimpleX4,
         size8Icon: iconsRegistry.cyStatusFailedSimpleX8,
         size12Icon: iconsRegistry.cyStatusFailedSimpleX12,
         size16Icon: iconsRegistry.cyStatusFailedOutlineX16,
-        size24Icon: iconsRegistry.cyStatusFailedOutlineX24
+        size24Icon: iconsRegistry.cyStatusFailedOutlineX24,
     },
     unclaimed: {
         size4Icon: iconsRegistry.cyStatusQueuedSimpleX4,
         size8Icon: iconsRegistry.cyStatusQueuedSimpleX8,
         size12Icon: iconsRegistry.cyStatusQueuedOutlineX12,
         size16Icon: iconsRegistry.cyStatusQueuedOutlineX16,
-        size24Icon: iconsRegistry.cyStatusQueuedOutlineX24
+        size24Icon: iconsRegistry.cyStatusQueuedOutlineX24,
     },
     placeholder: {
         size4Icon: iconsRegistry.cyStatusPlaceholderSimpleX4,
         size8Icon: iconsRegistry.cyStatusPlaceholderSimpleX8,
         size12Icon: iconsRegistry.cyStatusPlaceholderSolidX12,
         size16Icon: iconsRegistry.cyStatusPlaceholderSolidX16,
-        size24Icon: iconsRegistry.cyStatusPlaceholderSolidX24
+        size24Icon: iconsRegistry.cyStatusPlaceholderSolidX24,
     },
     cancelled: {
         size4Icon: iconsRegistry.cyStatusCancelledSimpleX4,
         size8Icon: iconsRegistry.cyStatusCancelledSimpleX8,
         size12Icon: iconsRegistry.cyStatusCancelledSolidX12,
         size16Icon: iconsRegistry.cyStatusCancelledOutlineX16,
-        size24Icon: iconsRegistry.cyStatusCancelledOutlineX24
+        size24Icon: iconsRegistry.cyStatusCancelledOutlineX24,
     },
     noTests: {
         size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
         size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
         size12Icon: iconsRegistry.cyStatusErroredSolidX12,
         size16Icon: iconsRegistry.cyStatusErroredOutlineX16,
-        size24Icon: iconsRegistry.cyStatusErroredOutlineX24
+        size24Icon: iconsRegistry.cyStatusErroredOutlineX24,
     },
     errored: {
         size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
         size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
         size12Icon: iconsRegistry.cyStatusErroredSolidX12,
         size16Icon: iconsRegistry.cyStatusErroredOutlineX16,
-        size24Icon: iconsRegistry.cyStatusErroredOutlineX24
+        size24Icon: iconsRegistry.cyStatusErroredOutlineX24,
     },
     timedOut: {
         size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
         size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
         size12Icon: iconsRegistry.cyStatusErroredSolidX12,
         size16Icon: iconsRegistry.cyStatusErroredOutlineX16,
-        size24Icon: iconsRegistry.cyStatusErroredOutlineX24
+        size24Icon: iconsRegistry.cyStatusErroredOutlineX24,
     },
     overLimit: {
         size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
         size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
         size12Icon: iconsRegistry.cyStatusErroredSolidX12,
         size16Icon: iconsRegistry.cyStatusErroredOutlineX16,
-        size24Icon: iconsRegistry.cyStatusErroredOutlineX24
+        size24Icon: iconsRegistry.cyStatusErroredOutlineX24,
     },
     skipped: {
         size4Icon: iconsRegistry.cyStatusSkippedSimpleX4,
         size8Icon: iconsRegistry.cyStatusSkippedSimpleX8,
         size12Icon: iconsRegistry.cyStatusSkippedOutlineX12,
         size16Icon: iconsRegistry.cyStatusSkippedOutlineX16,
-        size24Icon: iconsRegistry.cyStatusSkippedOutlineX24
+        size24Icon: iconsRegistry.cyStatusSkippedOutlineX24,
     },
     pending: {
         size4Icon: iconsRegistry.cyStatusPendingSimpleX4,
         size8Icon: iconsRegistry.cyStatusPendingSimpleX8,
         size12Icon: iconsRegistry.cyStatusPendingOutlineX12,
         size16Icon: iconsRegistry.cyStatusPendingOutlineX16,
-        size24Icon: iconsRegistry.cyStatusPendingOutlineX24
-    }
+        size24Icon: iconsRegistry.cyStatusPendingOutlineX24,
+    },
 };
 
 /**
@@ -170,79 +169,79 @@ var constStatuses = {
         use: 'Runs, specs, groups, test results',
         variants: ['outline'],
         // <tw-keep fillColor="gray-100" />
-        secondaryColor: 'gray-100'
+        secondaryColor: 'gray-100',
     },
     passed: {
         // <tw-keep strokeColor="jade-400" />
         color: 'jade-400',
         use: 'Runs, specs, groups, test results',
         link: 'https://docs.cypress.io/guides/core-concepts/writing-and-organizing-tests#Passed',
-        variants: ['outline', 'simple', 'solid']
+        variants: ['outline', 'simple', 'solid'],
     },
     failed: {
         // <tw-keep strokeColor="red-400" />
         color: 'red-400',
         use: 'Runs, specs, groups, test results',
         link: 'https://docs.cypress.io/guides/core-concepts/writing-and-organizing-tests#Failed',
-        variants: ['outline', 'simple', 'solid']
+        variants: ['outline', 'simple', 'solid'],
     },
     unclaimed: {
         // <tw-keep strokeColor="gray-100" />
         color: 'gray-100',
         use: 'Specs',
-        variants: ['outline']
+        variants: ['outline'],
     },
     placeholder: {
         // <tw-keep strokeColor="gray-300" />
         color: 'gray-300',
         use: 'Placeholder',
-        variants: ['solid']
+        variants: ['solid'],
     },
     cancelled: {
         // <tw-keep strokeColor="gray-300" />
         color: 'gray-300',
         use: 'Runs, specs, groups, test results',
-        variants: ['outline', 'solid']
+        variants: ['outline', 'solid'],
     },
     noTests: {
         // <tw-keep strokeColor="orange-400" />
         color: 'orange-400',
         use: 'Runs, specs, groups',
-        variants: ['outline', 'solid']
+        variants: ['outline', 'solid'],
     },
     errored: {
         // <tw-keep strokeColor="orange-400" />
         color: 'orange-400',
         use: 'Runs, specs, groups, test results',
-        variants: ['outline', 'solid']
+        variants: ['outline', 'solid'],
     },
     timedOut: {
         // <tw-keep strokeColor="orange-400" />
         color: 'orange-400',
         use: 'Runs, specs, groups, test results',
-        variants: ['outline', 'solid']
+        variants: ['outline', 'solid'],
     },
     overLimit: {
         // <tw-keep strokeColor="orange-400" />
         color: 'orange-400',
         use: 'Runs, specs, groups',
         link: 'https://docs.cypress.io/faq/questions/dashboard-faq#What-happens-once-I-reach-the-test-results-limit',
-        variants: ['outline', 'solid']
+        variants: ['outline', 'solid'],
     },
     skipped: {
         // <tw-keep strokeColor="gray-400" />
         color: 'gray-400',
         use: 'Test results',
         link: 'https://docs.cypress.io/guides/core-concepts/writing-and-organizing-tests#Skipped',
-        variants: ['outline']
+        variants: ['outline'],
     },
     pending: {
         // <tw-keep strokeColor="gray-300" />
         color: 'gray-300',
         use: 'Test results',
         link: 'https://docs.cypress.io/guides/core-concepts/writing-and-organizing-tests#Pending',
-        variants: ['outline']
-    }
+        variants: ['outline'],
+    },
 };
 /**
  * The status we have here, allow us to check the validity of the constant
@@ -296,8 +295,8 @@ var compileReactIconProperties = function (_a) {
         }
         return newAttributes;
     }, {});
-    var componentProps = __assign({ width: size, height: size, viewBox: "0 0 " + size + " " + size, fill: 'none', dangerouslySetInnerHTML: {
-            __html: body
+    var componentProps = __assign({ width: size, height: size, viewBox: "0 0 ".concat(size, " ").concat(size), fill: 'none', dangerouslySetInnerHTML: {
+            __html: body,
         } }, filteredAttributes);
     if (attributes.className) {
         compiledClasses.push(attributes.className);
@@ -308,25 +307,26 @@ var compileReactIconProperties = function (_a) {
     return componentProps;
 };
 
+
 /* <windicss-keep class=""> */
 
 var compileProps = function (_a) {
     var status = _a.status, statuses = _a.statuses, className = _a.className, size = _a.size;
     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 || '');
+    var _b = statusInfo["size".concat(size, "Icon")], iconData = _b.data, name = _b.name;
+    var classes = "inline-block ".concat(className || '');
     var compiledClasses = iconsRegistry.getComponentAttributes({
         name: name,
         strokeColor: iconInfo.color,
         size: size,
         availableSizes: [size],
-        fillColor: iconInfo.secondaryColor
+        fillColor: iconInfo.secondaryColor,
     }).compiledClasses;
     return compileReactIconProperties({
         body: iconData,
         compiledClasses: __spreadArray(__spreadArray([], compiledClasses, true), [classes], false),
-        size: size
+        size: size,
     });
 };
 
@@ -336,7 +336,7 @@ var OutlineStatusIcon = function (_a) {
         status: status,
         statuses: statuses$3,
         className: rest.className,
-        size: size
+        size: size,
     })));
 };
 
@@ -346,85 +346,85 @@ var statuses$1 = {
         size8Icon: iconsRegistry.cyStatusRunningSimpleX8,
         size12Icon: iconsRegistry.cyStatusRunningOutlineX12,
         size16Icon: iconsRegistry.cyStatusRunningOutlineX16,
-        size24Icon: iconsRegistry.cyStatusRunningOutlineX24
+        size24Icon: iconsRegistry.cyStatusRunningOutlineX24,
     },
     passed: {
         size4Icon: iconsRegistry.cyStatusPassedSimpleX4,
         size8Icon: iconsRegistry.cyStatusPassedSimpleX8,
         size12Icon: iconsRegistry.cyStatusPassedSimpleX12,
         size16Icon: iconsRegistry.cyStatusPassedSimpleX16,
-        size24Icon: iconsRegistry.cyStatusPassedSimpleX24
+        size24Icon: iconsRegistry.cyStatusPassedSimpleX24,
     },
     failed: {
         size4Icon: iconsRegistry.cyStatusFailedSimpleX4,
         size8Icon: iconsRegistry.cyStatusFailedSimpleX8,
         size12Icon: iconsRegistry.cyStatusFailedSimpleX12,
         size16Icon: iconsRegistry.cyStatusFailedSimpleX16,
-        size24Icon: iconsRegistry.cyStatusFailedSimpleX24
+        size24Icon: iconsRegistry.cyStatusFailedSimpleX24,
     },
     unclaimed: {
         size4Icon: iconsRegistry.cyStatusQueuedSimpleX4,
         size8Icon: iconsRegistry.cyStatusQueuedSimpleX8,
         size12Icon: iconsRegistry.cyStatusQueuedOutlineX12,
         size16Icon: iconsRegistry.cyStatusQueuedOutlineX16,
-        size24Icon: iconsRegistry.cyStatusQueuedOutlineX24
+        size24Icon: iconsRegistry.cyStatusQueuedOutlineX24,
     },
     placeholder: {
         size4Icon: iconsRegistry.cyStatusPlaceholderSimpleX4,
         size8Icon: iconsRegistry.cyStatusPlaceholderSimpleX8,
         size12Icon: iconsRegistry.cyStatusPlaceholderSolidX12,
         size16Icon: iconsRegistry.cyStatusPlaceholderSolidX16,
-        size24Icon: iconsRegistry.cyStatusPlaceholderSolidX24
+        size24Icon: iconsRegistry.cyStatusPlaceholderSolidX24,
     },
     cancelled: {
         size4Icon: iconsRegistry.cyStatusCancelledSimpleX4,
         size8Icon: iconsRegistry.cyStatusCancelledSimpleX8,
         size12Icon: iconsRegistry.cyStatusCancelledSolidX12,
         size16Icon: iconsRegistry.cyStatusCancelledSolidX16,
-        size24Icon: iconsRegistry.cyStatusCancelledSolidX24
+        size24Icon: iconsRegistry.cyStatusCancelledSolidX24,
     },
     noTests: {
         size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
         size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
         size12Icon: iconsRegistry.cyStatusErroredSolidX12,
         size16Icon: iconsRegistry.cyStatusErroredSolidX16,
-        size24Icon: iconsRegistry.cyStatusErroredSolidX24
+        size24Icon: iconsRegistry.cyStatusErroredSolidX24,
     },
     errored: {
         size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
         size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
         size12Icon: iconsRegistry.cyStatusErroredSolidX12,
         size16Icon: iconsRegistry.cyStatusErroredSolidX16,
-        size24Icon: iconsRegistry.cyStatusErroredSolidX24
+        size24Icon: iconsRegistry.cyStatusErroredSolidX24,
     },
     timedOut: {
         size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
         size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
         size12Icon: iconsRegistry.cyStatusErroredSolidX12,
         size16Icon: iconsRegistry.cyStatusErroredSolidX16,
-        size24Icon: iconsRegistry.cyStatusErroredSolidX24
+        size24Icon: iconsRegistry.cyStatusErroredSolidX24,
     },
     overLimit: {
         size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
         size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
         size12Icon: iconsRegistry.cyStatusErroredSolidX12,
         size16Icon: iconsRegistry.cyStatusErroredSolidX16,
-        size24Icon: iconsRegistry.cyStatusErroredSolidX24
+        size24Icon: iconsRegistry.cyStatusErroredSolidX24,
     },
     skipped: {
         size4Icon: iconsRegistry.cyStatusSkippedSimpleX4,
         size8Icon: iconsRegistry.cyStatusSkippedSimpleX8,
         size12Icon: iconsRegistry.cyStatusSkippedOutlineX12,
         size16Icon: iconsRegistry.cyStatusSkippedOutlineX16,
-        size24Icon: iconsRegistry.cyStatusSkippedOutlineX24
+        size24Icon: iconsRegistry.cyStatusSkippedOutlineX24,
     },
     pending: {
         size4Icon: iconsRegistry.cyStatusPendingSimpleX4,
         size8Icon: iconsRegistry.cyStatusPendingSimpleX8,
         size12Icon: iconsRegistry.cyStatusPendingOutlineX12,
         size16Icon: iconsRegistry.cyStatusPendingOutlineX16,
-        size24Icon: iconsRegistry.cyStatusPendingOutlineX24
-    }
+        size24Icon: iconsRegistry.cyStatusPendingOutlineX24,
+    },
 };
 
 var SimpleStatusIcon = function (_a) {
@@ -433,7 +433,7 @@ var SimpleStatusIcon = function (_a) {
         status: status,
         statuses: statuses$1,
         className: rest.className,
-        size: size
+        size: size,
     })));
 };
 
@@ -443,85 +443,85 @@ var statuses = {
         size8Icon: iconsRegistry.cyStatusRunningSimpleX8,
         size12Icon: iconsRegistry.cyStatusRunningOutlineX12,
         size16Icon: iconsRegistry.cyStatusRunningOutlineX16,
-        size24Icon: iconsRegistry.cyStatusRunningOutlineX24
+        size24Icon: iconsRegistry.cyStatusRunningOutlineX24,
     },
     passed: {
         size4Icon: iconsRegistry.cyStatusPassedSimpleX4,
         size8Icon: iconsRegistry.cyStatusPassedSimpleX8,
         size12Icon: iconsRegistry.cyStatusPassedSimpleX12,
         size16Icon: iconsRegistry.cyStatusPassedSolidX16,
-        size24Icon: iconsRegistry.cyStatusPassedSolidX24
+        size24Icon: iconsRegistry.cyStatusPassedSolidX24,
     },
     failed: {
         size4Icon: iconsRegistry.cyStatusFailedSimpleX4,
         size8Icon: iconsRegistry.cyStatusFailedSimpleX8,
         size12Icon: iconsRegistry.cyStatusFailedSimpleX12,
         size16Icon: iconsRegistry.cyStatusFailedSolidX16,
-        size24Icon: iconsRegistry.cyStatusFailedSolidX24
+        size24Icon: iconsRegistry.cyStatusFailedSolidX24,
     },
     unclaimed: {
         size4Icon: iconsRegistry.cyStatusQueuedSimpleX4,
         size8Icon: iconsRegistry.cyStatusQueuedSimpleX8,
         size12Icon: iconsRegistry.cyStatusQueuedOutlineX12,
         size16Icon: iconsRegistry.cyStatusQueuedOutlineX16,
-        size24Icon: iconsRegistry.cyStatusQueuedOutlineX24
+        size24Icon: iconsRegistry.cyStatusQueuedOutlineX24,
     },
     placeholder: {
         size4Icon: iconsRegistry.cyStatusPlaceholderSimpleX4,
         size8Icon: iconsRegistry.cyStatusPlaceholderSimpleX8,
         size12Icon: iconsRegistry.cyStatusPlaceholderSolidX12,
         size16Icon: iconsRegistry.cyStatusPlaceholderSolidX16,
-        size24Icon: iconsRegistry.cyStatusPlaceholderSolidX24
+        size24Icon: iconsRegistry.cyStatusPlaceholderSolidX24,
     },
     cancelled: {
         size4Icon: iconsRegistry.cyStatusCancelledSimpleX4,
         size8Icon: iconsRegistry.cyStatusCancelledSimpleX8,
         size12Icon: iconsRegistry.cyStatusCancelledSolidX12,
         size16Icon: iconsRegistry.cyStatusCancelledSolidX16,
-        size24Icon: iconsRegistry.cyStatusCancelledSolidX24
+        size24Icon: iconsRegistry.cyStatusCancelledSolidX24,
     },
     noTests: {
         size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
         size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
         size12Icon: iconsRegistry.cyStatusErroredSolidX12,
         size16Icon: iconsRegistry.cyStatusErroredSolidX16,
-        size24Icon: iconsRegistry.cyStatusErroredSolidX24
+        size24Icon: iconsRegistry.cyStatusErroredSolidX24,
     },
     errored: {
         size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
         size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
         size12Icon: iconsRegistry.cyStatusErroredSolidX12,
         size16Icon: iconsRegistry.cyStatusErroredSolidX16,
-        size24Icon: iconsRegistry.cyStatusErroredSolidX24
+        size24Icon: iconsRegistry.cyStatusErroredSolidX24,
     },
     timedOut: {
         size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
         size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
         size12Icon: iconsRegistry.cyStatusErroredSolidX12,
         size16Icon: iconsRegistry.cyStatusErroredSolidX16,
-        size24Icon: iconsRegistry.cyStatusErroredSolidX24
+        size24Icon: iconsRegistry.cyStatusErroredSolidX24,
     },
     overLimit: {
         size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
         size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
         size12Icon: iconsRegistry.cyStatusErroredSolidX12,
         size16Icon: iconsRegistry.cyStatusErroredSolidX16,
-        size24Icon: iconsRegistry.cyStatusErroredSolidX24
+        size24Icon: iconsRegistry.cyStatusErroredSolidX24,
     },
     skipped: {
         size4Icon: iconsRegistry.cyStatusSkippedSimpleX4,
         size8Icon: iconsRegistry.cyStatusSkippedSimpleX8,
         size12Icon: iconsRegistry.cyStatusSkippedOutlineX12,
         size16Icon: iconsRegistry.cyStatusSkippedOutlineX16,
-        size24Icon: iconsRegistry.cyStatusSkippedOutlineX24
+        size24Icon: iconsRegistry.cyStatusSkippedOutlineX24,
     },
     pending: {
         size4Icon: iconsRegistry.cyStatusPendingSimpleX4,
         size8Icon: iconsRegistry.cyStatusPendingSimpleX8,
         size12Icon: iconsRegistry.cyStatusPendingOutlineX12,
         size16Icon: iconsRegistry.cyStatusPendingOutlineX16,
-        size24Icon: iconsRegistry.cyStatusPendingOutlineX24
-    }
+        size24Icon: iconsRegistry.cyStatusPendingOutlineX24,
+    },
 };
 
 var SolidStatusIcon = function (_a) {
@@ -530,7 +530,7 @@ var SolidStatusIcon = function (_a) {
         status: status,
         statuses: statuses,
         className: rest.className,
-        size: size
+        size: size,
     })));
 };
 
@@ -548,7 +548,7 @@ var StatusIcon = function (_a) {
 exports.OutlineStatusIcon = OutlineStatusIcon;
 exports.SimpleStatusIcon = SimpleStatusIcon;
 exports.SolidStatusIcon = SolidStatusIcon;
-exports["default"] = StatusIcon;
+exports.default = StatusIcon;
+//# sourceMappingURL=index.umd.js.map
 
 /* <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