@cypress-design/react-statusicon 1.0.1 → 1.0.3

package/dist/index.es.mjs

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { statuses, outline, simple, solid } from '@cypress-design/constants-statusicon';
 import { compileReactIconProperties } from '@cypress-design/react-icon';
 import { getComponentAttributes } from '@cypress-design/icon-registry';
 
@@ -58,10 +57,820 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
+/**
+ * This "const" is used to create the list of statuses
+ */
+const constStatuses = {
+    running: {
+        // <tw-keep strokeColor="indigo-400" />
+        color: 'indigo-400',
+        use: 'Runs, specs, groups, test results',
+        variants: ['outline'],
+        // <tw-keep fillColor="gray-100" />
+        secondaryColor: 'gray-100',
+    },
+    failing: {
+        // <tw-keep strokeColor="red-400" />
+        color: 'red-400',
+        use: 'Runs, specs, groups, test results',
+        variants: ['outline'],
+        // <tw-keep fillColor="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'],
+    },
+    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'],
+    },
+    unclaimed: {
+        // <tw-keep strokeColor="gray-100" />
+        color: 'gray-100',
+        use: 'Specs',
+        variants: ['outline'],
+    },
+    placeholder: {
+        // <tw-keep strokeColor="gray-300" />
+        color: 'gray-300',
+        use: 'Placeholder',
+        variants: ['solid'],
+    },
+    cancelled: {
+        // <tw-keep strokeColor="gray-300" />
+        color: 'gray-300',
+        use: 'Runs, specs, groups, test results',
+        variants: ['outline', 'solid'],
+    },
+    noTests: {
+        // <tw-keep strokeColor="orange-400" />
+        color: 'orange-400',
+        use: 'Runs, specs, groups',
+        variants: ['outline', 'solid'],
+    },
+    errored: {
+        // <tw-keep strokeColor="orange-400" />
+        color: 'orange-400',
+        use: 'Runs, specs, groups, test results',
+        variants: ['outline', 'solid'],
+    },
+    timedOut: {
+        // <tw-keep strokeColor="orange-400" />
+        color: 'orange-400',
+        use: 'Runs, specs, groups, test results',
+        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'],
+    },
+    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'],
+    },
+    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'],
+    },
+};
+/**
+ * The status we have here, allow us to check the validity of the constant
+ */
+const statuses$3 = constStatuses;
+
+// THIS FILE IS AUTO GENERATED BY build-icons.mjs
+/**
+ * All possible prop names for icon colors
+ */
+const cyStatusCancelledOutlineX16 = {
+    name: 'statusCancelledOutlineX16',
+    data: `<path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M6 8h4m-2 6A6 6 0 1 1 8 2a6 6 0 0 1 0 12Z" class="icon-dark"/>`,
+};
+const cyStatusCancelledOutlineX24 = {
+    name: 'statusCancelledOutlineX24',
+    data: `<path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M8 12h8m-4 9a9 9 0 1 1 0-18 9 9 0 0 1 0 18Z" class="icon-dark"/>`,
+};
+const cyStatusCancelledSimpleX4 = {
+    name: 'statusCancelledSimpleX4',
+    data: `<circle cx="2" cy="2" r="1.5" stroke="currentColor" class="icon-dark"/>`,
+};
+const cyStatusCancelledSimpleX8 = {
+    name: 'statusCancelledSimpleX8',
+    data: `<path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M1 4h6" class="icon-dark"/>`,
+};
+const cyStatusCancelledSolidX12 = {
+    name: 'statusCancelledSolidX12',
+    data: `<path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M2 6h8" class="icon-dark"/>`,
+};
+const cyStatusCancelledSolidX16 = {
+    name: 'statusCancelledSolidX16',
+    data: `<path fill="#afb3c7" fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m4-1a1 1 0 0 0 0 2h6a1 1 0 1 0 0-2z" clip-rule="evenodd"/>`,
+};
+const cyStatusCancelledSolidX24 = {
+    name: 'statusCancelledSolidX24',
+    data: `<path fill="#afb3c7" fill-rule="evenodd" d="M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2 2 6.477 2 12m6-1a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2z" clip-rule="evenodd"/>`,
+};
+const cyStatusErroredOutlineX16 = {
+    name: 'statusErroredOutlineX16',
+    data: `<path fill="currentColor" fill-rule="evenodd" d="M2 8a6 6 0 1 1 12 0A6 6 0 0 1 2 8m6-8a8 8 0 1 0 0 16A8 8 0 0 0 8 0m1 5a1 1 0 0 0-2 0v3a1 1 0 0 0 2 0zm-1 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2" class="icon-dark" clip-rule="evenodd"/>`,
+};
+const cyStatusErroredOutlineX24 = {
+    name: 'statusErroredOutlineX24',
+    data: `<circle cx="12" cy="12" r="9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="icon-dark"/><path fill="currentColor" fill-rule="evenodd" d="M12 7a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1" class="icon-dark" clip-rule="evenodd"/><path fill="currentColor" d="M13 16a1 1 0 1 1-2 0 1 1 0 0 1 2 0" class="icon-dark"/>`,
+};
+const cyStatusErroredSimpleX4 = {
+    name: 'statusErroredSimpleX4',
+    data: `<circle cx="2" cy="2" r="2" fill="currentColor" class="icon-dark"/>`,
+};
+const cyStatusErroredSimpleX8 = {
+    name: 'statusErroredSimpleX8',
+    data: `<path fill="currentColor" fill-rule="evenodd" d="M4 0a1 1 0 0 1 1 1v3a1 1 0 0 1-2 0V1a1 1 0 0 1 1-1" class="icon-dark" clip-rule="evenodd"/><path fill="currentColor" d="M5 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0" class="icon-dark"/>`,
+};
+const cyStatusErroredSolidX12 = {
+    name: 'statusErroredSolidX12',
+    data: `<path fill="currentColor" fill-rule="evenodd" d="M6 1a1 1 0 0 1 1 1v5a1 1 0 0 1-2 0V2a1 1 0 0 1 1-1" class="icon-dark" clip-rule="evenodd"/><path fill="currentColor" d="M7 10a1 1 0 1 1-2 0 1 1 0 0 1 2 0" class="icon-dark"/>`,
+};
+const cyStatusErroredSolidX16 = {
+    name: 'statusErroredSolidX16',
+    data: `<path fill="currentColor" fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14M9 5a1 1 0 0 0-2 0v3a1 1 0 0 0 2 0zm-1 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2" class="icon-dark" clip-rule="evenodd"/>`,
+};
+const cyStatusErroredSolidX24 = {
+    name: 'statusErroredSolidX24',
+    data: `<path fill="currentColor" fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10m1-14a1 1 0 1 0-2 0v5a1 1 0 1 0 2 0zm-1 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2" class="icon-dark" clip-rule="evenodd"/>`,
+};
+const cyStatusFailedOutlineX16 = {
+    name: 'statusFailedOutlineX16',
+    data: `<path fill="currentColor" d="M6.707 5.293a1 1 0 0 0-1.414 1.414zm2.586 5.414a1 1 0 0 0 1.414-1.414zm1.414-4a1 1 0 0 0-1.414-1.414zM5.293 9.293a1 1 0 0 0 1.414 1.414zM13 8a5 5 0 0 1-5 5v2a7 7 0 0 0 7-7zm-5 5a5 5 0 0 1-5-5H1a7 7 0 0 0 7 7zM3 8a5 5 0 0 1 5-5V1a7 7 0 0 0-7 7zm5-5a5 5 0 0 1 5 5h2a7 7 0 0 0-7-7zM5.293 6.707l2 2 1.414-1.414-2-2zm2 2 2 2 1.414-1.414-2-2zm2-3.414-2 2 1.414 1.414 2-2zm-2 2-2 2 1.414 1.414 2-2z" class="icon-dark"/>`,
+};
+const cyStatusFailedOutlineX24 = {
+    name: 'statusFailedOutlineX24',
+    data: `<path fill="currentColor" d="M9.707 8.293a1 1 0 0 0-1.414 1.414zm4.586 7.414a1 1 0 0 0 1.414-1.414zm1.414-6a1 1 0 0 0-1.414-1.414zm-7.414 4.586a1 1 0 1 0 1.414 1.414zm0-4.586 3 3 1.414-1.414-3-3zm3 3 3 3 1.414-1.414-3-3zm3-4.414-3 3 1.414 1.414 3-3zm-3 3-3 3 1.414 1.414 3-3zM20 12a8 8 0 0 1-8 8v2c5.523 0 10-4.477 10-10zm-8 8a8 8 0 0 1-8-8H2c0 5.523 4.477 10 10 10zm-8-8a8 8 0 0 1 8-8V2C6.477 2 2 6.477 2 12zm8-8a8 8 0 0 1 8 8h2c0-5.523-4.477-10-10-10z" class="icon-dark"/>`,
+};
+const cyStatusFailedSimpleX12 = {
+    name: 'statusFailedSimpleX12',
+    data: `<path fill="currentColor" d="M3.707 2.293a1 1 0 0 0-1.414 1.414zm4.586 7.414a1 1 0 0 0 1.414-1.414zm1.414-6a1 1 0 0 0-1.414-1.414zM2.293 8.293a1 1 0 0 0 1.414 1.414zm0-4.586 6 6 1.414-1.414-6-6zm6-1.414-6 6 1.414 1.414 6-6z" class="icon-dark"/>`,
+};
+const cyStatusFailedSimpleX16 = {
+    name: 'statusFailedSimpleX16',
+    data: `<path fill="currentColor" d="M4.707 3.293a1 1 0 0 0-1.414 1.414zm6.586 9.414a1 1 0 0 0 1.414-1.414zm1.414-8a1 1 0 0 0-1.414-1.414zm-9.414 6.586a1 1 0 1 0 1.414 1.414zm0-6.586 4 4 1.414-1.414-4-4zm4 4 4 4 1.414-1.414-4-4zm4-5.414-4 4 1.414 1.414 4-4zm-4 4-4 4 1.414 1.414 4-4z" class="icon-dark"/>`,
+};
+const cyStatusFailedSimpleX24 = {
+    name: 'statusFailedSimpleX24',
+    data: `<path fill="currentColor" d="M6.707 5.293a1 1 0 0 0-1.414 1.414zm10.586 13.414a1 1 0 0 0 1.414-1.414zm1.414-12a1 1 0 0 0-1.414-1.414zM5.293 17.293a1 1 0 1 0 1.414 1.414zm0-10.586 6 6 1.414-1.414-6-6zm6 6 6 6 1.414-1.414-6-6zm6-7.414-6 6 1.414 1.414 6-6zm-6 6-6 6 1.414 1.414 6-6z" class="icon-dark"/>`,
+};
+const cyStatusFailedSimpleX4 = {
+    name: 'statusFailedSimpleX4',
+    data: `<circle cx="2" cy="2" r="2" fill="currentColor" class="icon-dark"/>`,
+};
+const cyStatusFailedSimpleX8 = {
+    name: 'statusFailedSimpleX8',
+    data: `<path fill="currentColor" d="M2.707 1.293a1 1 0 0 0-1.414 1.414zm2.586 5.414a1 1 0 0 0 1.414-1.414zm1.414-4a1 1 0 0 0-1.414-1.414zM1.293 5.293a1 1 0 0 0 1.414 1.414zm0-2.586 4 4 1.414-1.414-4-4zm4-1.414-4 4 1.414 1.414 4-4z" class="icon-dark"/>`,
+};
+const cyStatusFailedSolidX16 = {
+    name: 'statusFailedSolidX16',
+    data: `<circle cx="8" cy="8" r="7" fill="currentColor" class="icon-dark"/><path fill="#fff" d="M6.707 5.293a1 1 0 0 0-1.414 1.414zm2.586 5.414a1 1 0 0 0 1.414-1.414zm1.414-4a1 1 0 0 0-1.414-1.414zM5.293 9.293a1 1 0 0 0 1.414 1.414zm0-2.586 4 4 1.414-1.414-4-4zm4-1.414-4 4 1.414 1.414 4-4z"/>`,
+};
+const cyStatusFailedSolidX24 = {
+    name: 'statusFailedSolidX24',
+    data: `<path fill="currentColor" fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10M9.707 8.293a1 1 0 0 0-1.414 1.414L10.586 12l-2.293 2.293a1 1 0 1 0 1.414 1.414L12 13.414l2.293 2.293a1 1 0 0 0 1.414-1.414L13.414 12l2.293-2.293a1 1 0 0 0-1.414-1.414L12 10.586z" class="icon-dark" clip-rule="evenodd"/>`,
+};
+const cyStatusFailingOutlineX16 = {
+    name: 'statusFailingOutlineX16',
+    data: `<path fill="currentColor" d="M6.707 5.293a1 1 0 0 0-1.414 1.414zm2.586 5.414a1 1 0 0 0 1.414-1.414zm1.414-4a1 1 0 0 0-1.414-1.414zM5.293 9.293a1 1 0 0 0 1.414 1.414zm0-2.586 4 4 1.414-1.414-4-4zm4-1.414-4 4 1.414 1.414 4-4z" class="icon-dark"/><circle cx="8" cy="8" r="6" stroke="#e1e3ed" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="icon-light"/><circle cx="8" cy="8" r="6" stroke="currentColor" stroke-dasharray="10 28" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="icon-dark"><animate attributeName="stroke-dashoffset" dur="1s" repeatCount="indefinite" values="36.6;0"/></circle>`,
+};
+const cyStatusFailingOutlineX24 = {
+    name: 'statusFailingOutlineX24',
+    data: `<path fill="currentColor" d="M9.707 8.293a1 1 0 0 0-1.414 1.414zm4.586 7.414a1 1 0 0 0 1.414-1.414zm1.414-6a1 1 0 0 0-1.414-1.414zm-7.414 4.586a1 1 0 1 0 1.414 1.414zm0-4.586 3 3 1.414-1.414-3-3zm3 3 3 3 1.414-1.414-3-3zm3-4.414-3 3 1.414 1.414 3-3zm-3 3-3 3 1.414 1.414 3-3zM20 12" class="icon-dark"/><circle cx="12" cy="12" r="9" stroke="#e1e3ed" stroke-width="2" class="icon-light"/><circle cx="12" cy="12" r="9" stroke="currentColor" stroke-dasharray="15 42" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="icon-dark"><animate attributeName="stroke-dashoffset" dur="1s" repeatCount="indefinite" values="57;0"/></circle>`,
+};
+const cyStatusPassedOutlineX16 = {
+    name: 'statusPassedOutlineX16',
+    data: `<circle cx="8" cy="8" r="6" stroke="currentColor" stroke-width="2" class="icon-dark"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10 6-2.5 4L6 8.5" class="icon-dark"/>`,
+};
+const cyStatusPassedOutlineX24 = {
+    name: 'statusPassedOutlineX24',
+    data: `<path fill="currentColor" fill-rule="evenodd" d="M4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0m8-10C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m3.864 7.504a1 1 0 0 0-1.728-1.008l-2.846 4.88-1.583-1.583a1 1 0 0 0-1.414 1.414l2.5 2.5a1 1 0 0 0 1.57-.203z" class="icon-dark" clip-rule="evenodd"/>`,
+};
+const cyStatusPassedSimpleX12 = {
+    name: 'statusPassedSimpleX12',
+    data: `<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 3 5 9 3 6.5" class="icon-dark"/>`,
+};
+const cyStatusPassedSimpleX16 = {
+    name: 'statusPassedSimpleX16',
+    data: `<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8.667 7.333 12 12 4" class="icon-dark"/>`,
+};
+const cyStatusPassedSimpleX24 = {
+    name: 'statusPassedSimpleX24',
+    data: `<path fill="currentColor" fill-rule="evenodd" d="M15.504 8.136a1 1 0 0 1 .36 1.368l-3.5 6a1 1 0 0 1-1.571.203l-2.5-2.5a1 1 0 1 1 1.414-1.414l1.583 1.583 2.846-4.88a1 1 0 0 1 1.368-.36" class="icon-dark" clip-rule="evenodd"/>`,
+};
+const cyStatusPassedSimpleX4 = {
+    name: 'statusPassedSimpleX4',
+    data: `<circle cx="2" cy="2" r="2" fill="currentColor" class="icon-dark"/>`,
+};
+const cyStatusPassedSimpleX8 = {
+    name: 'statusPassedSimpleX8',
+    data: `<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 2 3.5 6 2 4.5" class="icon-dark"/>`,
+};
+const cyStatusPassedSolidX16 = {
+    name: 'statusPassedSolidX16',
+    data: `<circle cx="8" cy="8" r="7" fill="currentColor" class="icon-dark"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10 6-2.5 4L6 8.5"/>`,
+};
+const cyStatusPassedSolidX24 = {
+    name: 'statusPassedSolidX24',
+    data: `<path fill="currentColor" fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10m3.864-12.496a1 1 0 0 0-1.728-1.008l-2.846 4.88-1.583-1.583a1 1 0 0 0-1.414 1.414l2.5 2.5a1 1 0 0 0 1.57-.203z" class="icon-dark" clip-rule="evenodd"/>`,
+};
+const cyStatusPendingOutlineX12 = {
+    name: 'statusPendingOutlineX12',
+    data: `<path stroke="currentColor" stroke-width="2" d="M4.47 2.305a4 4 0 1 0 3.061 0" class="icon-dark"/>`,
+};
+const cyStatusPendingOutlineX16 = {
+    name: 'statusPendingOutlineX16',
+    data: `<path stroke="currentColor" stroke-width="2" d="M5.706 2.46a5.998 5.998 0 1 0 4.59 0" class="icon-dark"/>`,
+};
+const cyStatusPendingOutlineX24 = {
+    name: 'statusPendingOutlineX24',
+    data: `<path stroke="currentColor" stroke-width="2" d="M8.555 3.685a8.999 8.999 0 1 0 6.887 0" class="icon-dark"/>`,
+};
+const cyStatusPendingSimpleX4 = {
+    name: 'statusPendingSimpleX4',
+    data: `<circle cx="2" cy="2" r="1.5" stroke="currentColor" class="icon-dark"/>`,
+};
+const cyStatusPendingSimpleX8 = {
+    name: 'statusPendingSimpleX8',
+    data: `<path stroke="currentColor" stroke-width="2" d="M2.852 1.228a3 3 0 1 0 2.296 0" class="icon-dark"/>`,
+};
+const cyStatusPlaceholderSimpleX4 = {
+    name: 'statusPlaceholderSimpleX4',
+    data: `<circle cx="2" cy="2" r="2" fill="currentColor" class="icon-dark"/>`,
+};
+const cyStatusPlaceholderSimpleX8 = {
+    name: 'statusPlaceholderSimpleX8',
+    data: `<circle cx="4" cy="4" r="3" fill="currentColor" class="icon-dark"/>`,
+};
+const cyStatusPlaceholderSolidX12 = {
+    name: 'statusPlaceholderSolidX12',
+    data: `<circle cx="6" cy="6" r="5" fill="currentColor" class="icon-dark"/>`,
+};
+const cyStatusPlaceholderSolidX16 = {
+    name: 'statusPlaceholderSolidX16',
+    data: `<circle cx="8" cy="8" r="7" fill="currentColor" class="icon-dark"/>`,
+};
+const cyStatusPlaceholderSolidX24 = {
+    name: 'statusPlaceholderSolidX24',
+    data: `<circle cx="12" cy="12" r="10" fill="currentColor" class="icon-dark"/>`,
+};
+const cyStatusQueuedOutlineX12 = {
+    name: 'statusQueuedOutlineX12',
+    data: `<circle cx="6" cy="6" r="4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="icon-dark"/>`,
+};
+const cyStatusQueuedOutlineX16 = {
+    name: 'statusQueuedOutlineX16',
+    data: `<circle cx="8" cy="8" r="6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="icon-dark"/>`,
+};
+const cyStatusQueuedOutlineX24 = {
+    name: 'statusQueuedOutlineX24',
+    data: `<circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="2" class="icon-dark"/>`,
+};
+const cyStatusQueuedSimpleX4 = {
+    name: 'statusQueuedSimpleX4',
+    data: `<circle cx="2" cy="2" r="1.5" stroke="currentColor" class="icon-dark"/>`,
+};
+const cyStatusQueuedSimpleX8 = {
+    name: 'statusQueuedSimpleX8',
+    data: `<circle cx="4" cy="4" r="3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="icon-dark"/>`,
+};
+const cyStatusRunningOutlineX12 = {
+    name: 'statusRunningOutlineX12',
+    data: `<circle cx="6" cy="6" r="4" stroke="#e1e3ed" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="icon-light"/><circle cx="6" cy="6" r="4" stroke="currentColor" stroke-dasharray="5 20" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="icon-dark"><animate attributeName="stroke-dashoffset" dur="1s" repeatCount="indefinite" values="25;0"/></circle>`,
+};
+const cyStatusRunningOutlineX16 = {
+    name: 'statusRunningOutlineX16',
+    data: `<circle cx="8" cy="8" r="6" stroke="#e1e3ed" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="icon-light"/><circle cx="8" cy="8" r="6" stroke="currentColor" stroke-dasharray="10 28" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="icon-dark"><animate attributeName="stroke-dashoffset" dur="1s" repeatCount="indefinite" values="36.6;0"/></circle>`,
+};
+const cyStatusRunningOutlineX24 = {
+    name: 'statusRunningOutlineX24',
+    data: `<circle cx="12" cy="12" r="9" stroke="#e1e3ed" stroke-width="2" class="icon-light"/><circle cx="12" cy="12" r="9" stroke="currentColor" stroke-dasharray="15 42" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="icon-dark"><animate attributeName="stroke-dashoffset" dur="1s" repeatCount="indefinite" values="57;0"/></circle>`,
+};
+const cyStatusRunningSimpleX4 = {
+    name: 'statusRunningSimpleX4',
+    data: `<circle cx="2" cy="2" r="1.5" fill="#c5c9fd" stroke="currentColor" class="icon-dark-stroke icon-light-fill"><animate attributeName="stroke-width" dur="1.5s" repeatCount="indefinite" values="2;1;2"/><animate attributeName="r" dur="1.5s" repeatCount="indefinite" values="1;1.5;1"/></circle>`,
+};
+const cyStatusRunningSimpleX8 = {
+    name: 'statusRunningSimpleX8',
+    data: `<circle cx="4" cy="4" r="3" stroke="#e1e3ed" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="icon-light"/><circle cx="4" cy="4" r="3" stroke="currentColor" stroke-dasharray="5 14" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="icon-dark"><animate attributeName="stroke-dashoffset" dur="1s" repeatCount="indefinite" values="18.3;0"/></circle>`,
+};
+const cyStatusSkippedOutlineX12 = {
+    name: 'statusSkippedOutlineX12',
+    data: `<path stroke="currentColor" stroke-width="2" d="M3.172 8.828a4 4 0 0 0 5.656-5.656M3.172 8.828a4 4 0 0 1 5.656-5.656M3.172 8.828l5.656-5.656" class="icon-dark"/>`,
+};
+const cyStatusSkippedOutlineX16 = {
+    name: 'statusSkippedOutlineX16',
+    data: `<path stroke="currentColor" stroke-width="2" d="M3.757 12.243a6 6 0 1 0 8.486-8.486m-8.486 8.486a6 6 0 1 1 8.486-8.486m-8.486 8.486 8.486-8.486" class="icon-dark"/>`,
+};
+const cyStatusSkippedOutlineX24 = {
+    name: 'statusSkippedOutlineX24',
+    data: `<path stroke="currentColor" stroke-width="2" d="M5.636 18.364A9 9 0 0 0 18.364 5.636M5.636 18.364A9 9 0 0 1 18.364 5.636M5.636 18.364 18.364 5.636" class="icon-dark"/>`,
+};
+const cyStatusSkippedSimpleX4 = {
+    name: 'statusSkippedSimpleX4',
+    data: `<circle cx="2" cy="2" r="1.5" stroke="currentColor" class="icon-dark"/>`,
+};
+const cyStatusSkippedSimpleX8 = {
+    name: 'statusSkippedSimpleX8',
+    data: `<path stroke="currentColor" stroke-width="2" d="M1.879 6.121A3 3 0 0 0 6.12 1.88M1.88 6.12A3 3 0 1 1 6.12 1.88M1.88 6.12 6.12 1.88" class="icon-dark"/>`,
+};
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+/** Detect free variable `global` from Node.js. */
+var freeGlobal = typeof global == 'object' && global && global.Object === Object && global;
+
+/** Detect free variable `self`. */
+var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
+
+/** Used as a reference to the global object. */
+var root = freeGlobal || freeSelf || Function('return this')();
+
+/** Built-in value references. */
+var Symbol = root.Symbol;
+
+/** Built-in value references. */
+Symbol ? Symbol.toStringTag : undefined;
+
+/** Built-in value references. */
+Symbol ? Symbol.toStringTag : undefined;
+
+/** Used to convert symbols to primitives and strings. */
+var symbolProto = Symbol ? Symbol.prototype : undefined;
+    symbolProto ? symbolProto.toString : undefined;
+const cyColors = {
+    jade: {
+        50: '#E4FBF2',
+        100: '#C2F1DE',
+        200: '#A3E7CB',
+        300: '#69D3A7',
+        400: '#1FA971',
+        500: '#00814D',
+        600: '#005F39',
+        700: '#00442A',
+        800: '#003220',
+        900: '#00291B',
+        1000: '#00261A',
+    },
+    red: {
+        50: '#FBEFF1',
+        100: '#FAD9DF',
+        200: '#F8C4CD',
+        300: '#F59AA9',
+        400: '#E45770',
+        500: '#C62B49',
+        600: '#9F1331',
+        700: '#7A0723',
+        800: '#5E021B',
+        900: '#4F0018',
+        1000: '#490018',
+    },
+    orange: {
+        50: '#F5F4D7',
+        100: '#F3ECB3',
+        200: '#F1E08F',
+        300: '#EDBB4A',
+        400: '#DB7903',
+        500: '#BD5800',
+        600: '#963F00',
+        700: '#702C00',
+        800: '#521F00',
+        900: '#411800',
+        1000: '#391500',
+    },
+    indigo: {
+        50: '#F0F1FF',
+        100: '#DADDFE',
+        200: '#C5C9FD',
+        300: '#9AA2FC',
+        400: '#6470F3',
+        500: '#4956E3',
+        600: '#3A46CC',
+        700: '#2F3AB0',
+        800: '#252E8F',
+        900: '#1C236D',
+        1000: '#151A50',
+    },
+    gray: {
+        25: '#FAFAFC',
+        50: '#F3F4FA',
+        100: '#E1E3ED',
+        200: '#D0D2E0',
+        300: '#BFC2D4',
+        400: '#AFB3C7',
+        500: '#9095AD',
+        600: '#747994',
+        700: '#5A5F7A',
+        800: '#434861',
+        900: '#2E3247',
+        950: '#25283C',
+        1000: '#1B1E2E',
+    },
+    teal: {
+        50: '#E0F6FA',
+        100: '#B7E7F0',
+        200: '#90D9E6',
+        300: '#4BBFD2',
+        400: '#0097A8',
+        500: '#007780',
+        600: '#00595D',
+        700: '#004143',
+        800: '#003131',
+        900: '#002828',
+        1000: '#002525',
+    },
+    purple: {
+        50: '#F5F0FB',
+        100: '#E9DDFA',
+        200: '#DECBF8',
+        300: '#C8A7F5',
+        400: '#A06CE4',
+        500: '#7F43C9',
+        600: '#632AA6',
+        700: '#4B1A83',
+        800: '#3B1268',
+        900: '#320E58',
+        1000: '#2F0C52',
+    },
+    green: {
+        50: '#F5F5D0',
+        100: '#E7E8AB',
+        200: '#DADC89',
+        300: '#BDC44D',
+        400: '#849706',
+        500: '#5B7100',
+        600: '#405500',
+        700: '#2E4000',
+        800: '#233200',
+        900: '#1C2A00',
+        1000: '#192500',
+    },
+    fuchsia: {
+        50: '#FAEFFB',
+        100: '#F7DAF9',
+        200: '#F3C6F8',
+        300: '#ED9FF4',
+        400: '#D65FE3',
+        500: '#B735C7',
+        600: '#901CA2',
+        700: '#6C0F7E',
+        800: '#510862',
+        900: '#400651',
+        1000: '#39054A',
+    },
+    magenta: {
+        50: '#FCEEF5',
+        100: '#FADAEA',
+        200: '#F9C5DF',
+        300: '#F69ECA',
+        400: '#E45DA3',
+        500: '#C53282',
+        600: '#9C1964',
+        700: '#750C4D',
+        800: '#59063D',
+        900: '#490435',
+        1000: '#420333',
+    },
+};
+({
+    // TODO: are these actual concepts from the design system?
+    primary: Object.assign(Object.assign({}, cyColors.indigo), { DEFAULT: cyColors.indigo[500] }),
+    secondary: Object.assign(Object.assign({}, cyColors.indigo), { DEFAULT: cyColors.indigo[50] }),
+    error: Object.assign(Object.assign({}, cyColors.red), { DEFAULT: cyColors.red[400] }),
+    caution: Object.assign(Object.assign({}, cyColors.red), { DEFAULT: cyColors.red[500] }),
+    info: Object.assign(Object.assign({}, cyColors.indigo), { DEFAULT: cyColors.indigo[500] }),
+    warning: Object.assign(Object.assign({}, cyColors.orange), { DEFAULT: cyColors.orange[500] }),
+    'warning-light': Object.assign(Object.assign({}, cyColors.orange), { DEFAULT: cyColors.orange[400] }),
+    success: Object.assign(Object.assign({}, cyColors.jade), { DEFAULT: cyColors.jade[400] }),
+    'success-light': Object.assign(Object.assign({}, cyColors.jade), { DEFAULT: cyColors.jade[300] }),
+    confirm: Object.assign(Object.assign({}, cyColors.jade), { DEFAULT: cyColors.jade[500] }),
+    'body-gray': Object.assign(Object.assign({}, cyColors.gray), { DEFAULT: cyColors.gray[600] }),
+});
+
+const statuses$2 = {
+    running: {
+        size4Icon: cyStatusRunningSimpleX4,
+        size8Icon: cyStatusRunningSimpleX8,
+        size12Icon: cyStatusRunningOutlineX12,
+        size16Icon: cyStatusRunningOutlineX16,
+        size24Icon: cyStatusRunningOutlineX24,
+    },
+    failing: {
+        size4Icon: cyStatusRunningSimpleX4,
+        size8Icon: cyStatusRunningSimpleX8,
+        size12Icon: cyStatusRunningOutlineX12,
+        size16Icon: cyStatusFailingOutlineX16,
+        size24Icon: cyStatusFailingOutlineX24,
+    },
+    passed: {
+        size4Icon: cyStatusPassedSimpleX4,
+        size8Icon: cyStatusPassedSimpleX8,
+        size12Icon: cyStatusPassedSimpleX12,
+        size16Icon: cyStatusPassedOutlineX16,
+        size24Icon: cyStatusPassedOutlineX24,
+    },
+    failed: {
+        size4Icon: cyStatusFailedSimpleX4,
+        size8Icon: cyStatusFailedSimpleX8,
+        size12Icon: cyStatusFailedSimpleX12,
+        size16Icon: cyStatusFailedOutlineX16,
+        size24Icon: cyStatusFailedOutlineX24,
+    },
+    unclaimed: {
+        size4Icon: cyStatusQueuedSimpleX4,
+        size8Icon: cyStatusQueuedSimpleX8,
+        size12Icon: cyStatusQueuedOutlineX12,
+        size16Icon: cyStatusQueuedOutlineX16,
+        size24Icon: cyStatusQueuedOutlineX24,
+    },
+    placeholder: {
+        size4Icon: cyStatusPlaceholderSimpleX4,
+        size8Icon: cyStatusPlaceholderSimpleX8,
+        size12Icon: cyStatusPlaceholderSolidX12,
+        size16Icon: cyStatusPlaceholderSolidX16,
+        size24Icon: cyStatusPlaceholderSolidX24,
+    },
+    cancelled: {
+        size4Icon: cyStatusCancelledSimpleX4,
+        size8Icon: cyStatusCancelledSimpleX8,
+        size12Icon: cyStatusCancelledSolidX12,
+        size16Icon: cyStatusCancelledOutlineX16,
+        size24Icon: cyStatusCancelledOutlineX24,
+    },
+    noTests: {
+        size4Icon: cyStatusErroredSimpleX4,
+        size8Icon: cyStatusErroredSimpleX8,
+        size12Icon: cyStatusErroredSolidX12,
+        size16Icon: cyStatusErroredOutlineX16,
+        size24Icon: cyStatusErroredOutlineX24,
+    },
+    errored: {
+        size4Icon: cyStatusErroredSimpleX4,
+        size8Icon: cyStatusErroredSimpleX8,
+        size12Icon: cyStatusErroredSolidX12,
+        size16Icon: cyStatusErroredOutlineX16,
+        size24Icon: cyStatusErroredOutlineX24,
+    },
+    timedOut: {
+        size4Icon: cyStatusErroredSimpleX4,
+        size8Icon: cyStatusErroredSimpleX8,
+        size12Icon: cyStatusErroredSolidX12,
+        size16Icon: cyStatusErroredOutlineX16,
+        size24Icon: cyStatusErroredOutlineX24,
+    },
+    overLimit: {
+        size4Icon: cyStatusErroredSimpleX4,
+        size8Icon: cyStatusErroredSimpleX8,
+        size12Icon: cyStatusErroredSolidX12,
+        size16Icon: cyStatusErroredOutlineX16,
+        size24Icon: cyStatusErroredOutlineX24,
+    },
+    skipped: {
+        size4Icon: cyStatusSkippedSimpleX4,
+        size8Icon: cyStatusSkippedSimpleX8,
+        size12Icon: cyStatusSkippedOutlineX12,
+        size16Icon: cyStatusSkippedOutlineX16,
+        size24Icon: cyStatusSkippedOutlineX24,
+    },
+    pending: {
+        size4Icon: cyStatusPendingSimpleX4,
+        size8Icon: cyStatusPendingSimpleX8,
+        size12Icon: cyStatusPendingOutlineX12,
+        size16Icon: cyStatusPendingOutlineX16,
+        size24Icon: cyStatusPendingOutlineX24,
+    },
+};
+
+var outlineImports = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    statuses: statuses$2
+});
+
+const statuses$1 = {
+    running: {
+        size4Icon: cyStatusRunningSimpleX4,
+        size8Icon: cyStatusRunningSimpleX8,
+        size12Icon: cyStatusRunningOutlineX12,
+        size16Icon: cyStatusRunningOutlineX16,
+        size24Icon: cyStatusRunningOutlineX24,
+    },
+    failing: {
+        size4Icon: cyStatusRunningSimpleX4,
+        size8Icon: cyStatusRunningSimpleX8,
+        size12Icon: cyStatusRunningOutlineX12,
+        size16Icon: cyStatusFailingOutlineX16,
+        size24Icon: cyStatusFailingOutlineX24,
+    },
+    passed: {
+        size4Icon: cyStatusPassedSimpleX4,
+        size8Icon: cyStatusPassedSimpleX8,
+        size12Icon: cyStatusPassedSimpleX12,
+        size16Icon: cyStatusPassedSimpleX16,
+        size24Icon: cyStatusPassedSimpleX24,
+    },
+    failed: {
+        size4Icon: cyStatusFailedSimpleX4,
+        size8Icon: cyStatusFailedSimpleX8,
+        size12Icon: cyStatusFailedSimpleX12,
+        size16Icon: cyStatusFailedSimpleX16,
+        size24Icon: cyStatusFailedSimpleX24,
+    },
+    unclaimed: {
+        size4Icon: cyStatusQueuedSimpleX4,
+        size8Icon: cyStatusQueuedSimpleX8,
+        size12Icon: cyStatusQueuedOutlineX12,
+        size16Icon: cyStatusQueuedOutlineX16,
+        size24Icon: cyStatusQueuedOutlineX24,
+    },
+    placeholder: {
+        size4Icon: cyStatusPlaceholderSimpleX4,
+        size8Icon: cyStatusPlaceholderSimpleX8,
+        size12Icon: cyStatusPlaceholderSolidX12,
+        size16Icon: cyStatusPlaceholderSolidX16,
+        size24Icon: cyStatusPlaceholderSolidX24,
+    },
+    cancelled: {
+        size4Icon: cyStatusCancelledSimpleX4,
+        size8Icon: cyStatusCancelledSimpleX8,
+        size12Icon: cyStatusCancelledSolidX12,
+        size16Icon: cyStatusCancelledSolidX16,
+        size24Icon: cyStatusCancelledSolidX24,
+    },
+    noTests: {
+        size4Icon: cyStatusErroredSimpleX4,
+        size8Icon: cyStatusErroredSimpleX8,
+        size12Icon: cyStatusErroredSolidX12,
+        size16Icon: cyStatusErroredSolidX16,
+        size24Icon: cyStatusErroredSolidX24,
+    },
+    errored: {
+        size4Icon: cyStatusErroredSimpleX4,
+        size8Icon: cyStatusErroredSimpleX8,
+        size12Icon: cyStatusErroredSolidX12,
+        size16Icon: cyStatusErroredSolidX16,
+        size24Icon: cyStatusErroredSolidX24,
+    },
+    timedOut: {
+        size4Icon: cyStatusErroredSimpleX4,
+        size8Icon: cyStatusErroredSimpleX8,
+        size12Icon: cyStatusErroredSolidX12,
+        size16Icon: cyStatusErroredSolidX16,
+        size24Icon: cyStatusErroredSolidX24,
+    },
+    overLimit: {
+        size4Icon: cyStatusErroredSimpleX4,
+        size8Icon: cyStatusErroredSimpleX8,
+        size12Icon: cyStatusErroredSolidX12,
+        size16Icon: cyStatusErroredSolidX16,
+        size24Icon: cyStatusErroredSolidX24,
+    },
+    skipped: {
+        size4Icon: cyStatusSkippedSimpleX4,
+        size8Icon: cyStatusSkippedSimpleX8,
+        size12Icon: cyStatusSkippedOutlineX12,
+        size16Icon: cyStatusSkippedOutlineX16,
+        size24Icon: cyStatusSkippedOutlineX24,
+    },
+    pending: {
+        size4Icon: cyStatusPendingSimpleX4,
+        size8Icon: cyStatusPendingSimpleX8,
+        size12Icon: cyStatusPendingOutlineX12,
+        size16Icon: cyStatusPendingOutlineX16,
+        size24Icon: cyStatusPendingOutlineX24,
+    },
+};
+
+var simpleImports = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    statuses: statuses$1
+});
+
+const statuses = {
+    running: {
+        size4Icon: cyStatusRunningSimpleX4,
+        size8Icon: cyStatusRunningSimpleX8,
+        size12Icon: cyStatusRunningOutlineX12,
+        size16Icon: cyStatusRunningOutlineX16,
+        size24Icon: cyStatusRunningOutlineX24,
+    },
+    failing: {
+        size4Icon: cyStatusRunningSimpleX4,
+        size8Icon: cyStatusRunningSimpleX8,
+        size12Icon: cyStatusRunningOutlineX12,
+        size16Icon: cyStatusFailingOutlineX16,
+        size24Icon: cyStatusFailingOutlineX24,
+    },
+    passed: {
+        size4Icon: cyStatusPassedSimpleX4,
+        size8Icon: cyStatusPassedSimpleX8,
+        size12Icon: cyStatusPassedSimpleX12,
+        size16Icon: cyStatusPassedSolidX16,
+        size24Icon: cyStatusPassedSolidX24,
+    },
+    failed: {
+        size4Icon: cyStatusFailedSimpleX4,
+        size8Icon: cyStatusFailedSimpleX8,
+        size12Icon: cyStatusFailedSimpleX12,
+        size16Icon: cyStatusFailedSolidX16,
+        size24Icon: cyStatusFailedSolidX24,
+    },
+    unclaimed: {
+        size4Icon: cyStatusQueuedSimpleX4,
+        size8Icon: cyStatusQueuedSimpleX8,
+        size12Icon: cyStatusQueuedOutlineX12,
+        size16Icon: cyStatusQueuedOutlineX16,
+        size24Icon: cyStatusQueuedOutlineX24,
+    },
+    placeholder: {
+        size4Icon: cyStatusPlaceholderSimpleX4,
+        size8Icon: cyStatusPlaceholderSimpleX8,
+        size12Icon: cyStatusPlaceholderSolidX12,
+        size16Icon: cyStatusPlaceholderSolidX16,
+        size24Icon: cyStatusPlaceholderSolidX24,
+    },
+    cancelled: {
+        size4Icon: cyStatusCancelledSimpleX4,
+        size8Icon: cyStatusCancelledSimpleX8,
+        size12Icon: cyStatusCancelledSolidX12,
+        size16Icon: cyStatusCancelledSolidX16,
+        size24Icon: cyStatusCancelledSolidX24,
+    },
+    noTests: {
+        size4Icon: cyStatusErroredSimpleX4,
+        size8Icon: cyStatusErroredSimpleX8,
+        size12Icon: cyStatusErroredSolidX12,
+        size16Icon: cyStatusErroredSolidX16,
+        size24Icon: cyStatusErroredSolidX24,
+    },
+    errored: {
+        size4Icon: cyStatusErroredSimpleX4,
+        size8Icon: cyStatusErroredSimpleX8,
+        size12Icon: cyStatusErroredSolidX12,
+        size16Icon: cyStatusErroredSolidX16,
+        size24Icon: cyStatusErroredSolidX24,
+    },
+    timedOut: {
+        size4Icon: cyStatusErroredSimpleX4,
+        size8Icon: cyStatusErroredSimpleX8,
+        size12Icon: cyStatusErroredSolidX12,
+        size16Icon: cyStatusErroredSolidX16,
+        size24Icon: cyStatusErroredSolidX24,
+    },
+    overLimit: {
+        size4Icon: cyStatusErroredSimpleX4,
+        size8Icon: cyStatusErroredSimpleX8,
+        size12Icon: cyStatusErroredSolidX12,
+        size16Icon: cyStatusErroredSolidX16,
+        size24Icon: cyStatusErroredSolidX24,
+    },
+    skipped: {
+        size4Icon: cyStatusSkippedSimpleX4,
+        size8Icon: cyStatusSkippedSimpleX8,
+        size12Icon: cyStatusSkippedOutlineX12,
+        size16Icon: cyStatusSkippedOutlineX16,
+        size24Icon: cyStatusSkippedOutlineX24,
+    },
+    pending: {
+        size4Icon: cyStatusPendingSimpleX4,
+        size8Icon: cyStatusPendingSimpleX8,
+        size12Icon: cyStatusPendingOutlineX12,
+        size16Icon: cyStatusPendingOutlineX16,
+        size24Icon: cyStatusPendingOutlineX24,
+    },
+};
+
+var solidImports = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    statuses: statuses
+});
+
 var compileProps = function (_a) {
-    var status = _a.status, statuses$1 = _a.statuses, className = _a.className, size = _a.size, variantName = _a.variantName;
-    var statusInfo = status ? statuses$1[status] : statuses$1.placeholder;
-    var iconInfo = status ? statuses[status] : statuses.placeholder;
+    var status = _a.status, statuses = _a.statuses, className = _a.className, size = _a.size, variantName = _a.variantName;
+    var statusInfo = status ? statuses[status] : statuses.placeholder;
+    var iconInfo = status ? statuses$3[status] : statuses$3.placeholder;
     var iconData = statusInfo["size".concat(size, "Icon")].data;
     var classes = "inline-block ".concat(className || '');
     var compiledClasses = getComponentAttributes({
@@ -82,7 +891,7 @@ 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(_a, ["size", "status"]);
     return React.createElement('svg', __assign(__assign({}, rest), compileProps({
         status: status,
-        statuses: outline.statuses,
+        statuses: outlineImports.statuses,
         className: rest.className,
         size: size,
         variantName: 'outline',
@@ -93,7 +902,7 @@ 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(_a, ["size", "status"]);
     return React.createElement('svg', __assign(__assign({}, rest), compileProps({
         status: status,
-        statuses: simple.statuses,
+        statuses: simpleImports.statuses,
         className: rest.className,
         size: size,
         variantName: 'simple',
@@ -104,7 +913,7 @@ 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(_a, ["size", "status"]);
     return React.createElement('svg', __assign(__assign({}, rest), compileProps({
         status: status,
-        statuses: solid.statuses,
+        statuses: solidImports.statuses,
         className: rest.className,
         size: size,
         variantName: 'solid',