@cypress-design/react-statusicon 1.0.1 → 2.0.0-next.0

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,871 @@ 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
+ */
+// <tw-keep strokeColor="indigo-400" />
+// <tw-keep fillColor="gray-100" />
+// <tw-keep strokeColor="red-400" />
+// <tw-keep fillColor="gray-100" />
+// <tw-keep strokeColor="jade-400" />
+// <tw-keep strokeColor="red-400" />
+// <tw-keep strokeColor="gray-100" />
+// <tw-keep strokeColor="gray-300" />
+// <tw-keep strokeColor="gray-300" />
+// <tw-keep strokeColor="orange-400" />
+// <tw-keep strokeColor="orange-400" />
+// <tw-keep strokeColor="orange-400" />
+// <tw-keep strokeColor="orange-400" />
+// <tw-keep strokeColor="gray-400" />
+// <tw-keep strokeColor="gray-300" />
+/**
+ * The status we have here, allow us to check the validity of the constant
+ */
+
+
+const constStatuses = {
+    running: {
+        color: "indigo-400",
+        use: "Runs, specs, groups, test results",
+        variants: ["outline"],
+        secondaryColor: "gray-100"
+    },
+
+    failing: {
+        color: "red-400",
+        use: "Runs, specs, groups, test results",
+        variants: ["outline"],
+        secondaryColor: "gray-100"
+    },
+
+    passed: {
+        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: {
+        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: {
+        color: "gray-100",
+        use: "Specs",
+        variants: ["outline"]
+    },
+
+    placeholder: {
+        color: "gray-300",
+        use: "Placeholder",
+        variants: ["solid"]
+    },
+
+    cancelled: {
+        color: "gray-300",
+        use: "Runs, specs, groups, test results",
+        variants: ["outline", "solid"]
+    },
+
+    noTests: {
+        color: "orange-400",
+        use: "Runs, specs, groups",
+        variants: ["outline", "solid"]
+    },
+
+    errored: {
+        color: "orange-400",
+        use: "Runs, specs, groups, test results",
+        variants: ["outline", "solid"]
+    },
+
+    timedOut: {
+        color: "orange-400",
+        use: "Runs, specs, groups, test results",
+        variants: ["outline", "solid"]
+    },
+
+    overLimit: {
+        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: {
+        color: "gray-400",
+        use: "Test results",
+        link: "https://docs.cypress.io/guides/core-concepts/writing-and-organizing-tests#Skipped",
+        variants: ["outline"]
+    },
+
+    pending: {
+        color: "gray-300",
+        use: "Test results",
+        link: "https://docs.cypress.io/guides/core-concepts/writing-and-organizing-tests#Pending",
+        variants: ["outline"]
+    }
+};
+
+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 d="M6 8h4m-2 6A6 6 0 1 1 8 2a6 6 0 0 1 0 12Z" stroke="currentColor" class="icon-dark" stroke-width="2" stroke-linecap="round"/>`,
+};
+const cyStatusCancelledOutlineX24 = {
+    name: 'statusCancelledOutlineX24',
+    data: `<path d="M8 12h8m-4 9a9 9 0 1 1 0-18 9 9 0 0 1 0 18Z" stroke="currentColor" class="icon-dark" stroke-width="2" stroke-linecap="round"/>`,
+};
+const cyStatusCancelledSimpleX4 = {
+    name: 'statusCancelledSimpleX4',
+    data: `<circle cx="2" cy="2" r="1.5" stroke="currentColor" class="icon-dark"/>`,
+};
+const cyStatusCancelledSimpleX8 = {
+    name: 'statusCancelledSimpleX8',
+    data: `<path d="M1 4h6" stroke="currentColor" class="icon-dark" stroke-width="2" stroke-linecap="round"/>`,
+};
+const cyStatusCancelledSolidX12 = {
+    name: 'statusCancelledSolidX12',
+    data: `<path d="M2 6h8" stroke="currentColor" class="icon-dark" stroke-width="2" stroke-linecap="round"/>`,
+};
+const cyStatusCancelledSolidX16 = {
+    name: 'statusCancelledSolidX16',
+    data: `<path fill-rule="evenodd" clip-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8Zm4-1a1 1 0 0 0 0 2h6a1 1 0 1 0 0-2H5Z" fill="#AFB3C7"/>`,
+};
+const cyStatusCancelledSolidX24 = {
+    name: 'statusCancelledSolidX24',
+    data: `<path fill-rule="evenodd" clip-rule="evenodd" d="M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2 2 6.477 2 12Zm6-1a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2H8Z" fill="#AFB3C7"/>`,
+};
+const cyStatusErroredOutlineX16 = {
+    name: 'statusErroredOutlineX16',
+    data: `<path fill-rule="evenodd" clip-rule="evenodd" d="M2 8a6 6 0 1 1 12 0A6 6 0 0 1 2 8Zm6-8a8 8 0 1 0 0 16A8 8 0 0 0 8 0Zm1 5a1 1 0 0 0-2 0v3a1 1 0 0 0 2 0V5Zm-1 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" fill="currentColor" class="icon-dark"/>`,
+};
+const cyStatusErroredOutlineX24 = {
+    name: 'statusErroredOutlineX24',
+    data: `<circle cx="12" cy="12" r="9" stroke="currentColor" class="icon-dark" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 7a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1Z" fill="currentColor" class="icon-dark"/><path d="M13 16a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" fill="currentColor" 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-rule="evenodd" clip-rule="evenodd" d="M4 0a1 1 0 0 1 1 1v3a1 1 0 0 1-2 0V1a1 1 0 0 1 1-1Z" fill="currentColor" class="icon-dark"/><path d="M5 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" fill="currentColor" class="icon-dark"/>`,
+};
+const cyStatusErroredSolidX12 = {
+    name: 'statusErroredSolidX12',
+    data: `<path fill-rule="evenodd" clip-rule="evenodd" d="M6 1a1 1 0 0 1 1 1v5a1 1 0 0 1-2 0V2a1 1 0 0 1 1-1Z" fill="currentColor" class="icon-dark"/><path d="M7 10a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" fill="currentColor" class="icon-dark"/>`,
+};
+const cyStatusErroredSolidX16 = {
+    name: 'statusErroredSolidX16',
+    data: `<path fill-rule="evenodd" clip-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14ZM9 5a1 1 0 0 0-2 0v3a1 1 0 0 0 2 0V5Zm-1 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" fill="currentColor" class="icon-dark"/>`,
+};
+const cyStatusErroredSolidX24 = {
+    name: 'statusErroredSolidX24',
+    data: `<path fill-rule="evenodd" clip-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm1-14a1 1 0 1 0-2 0v5a1 1 0 1 0 2 0V8Zm-1 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" fill="currentColor" class="icon-dark"/>`,
+};
+const cyStatusFailedOutlineX16 = {
+    name: 'statusFailedOutlineX16',
+    data: `<path d="M6.707 5.293a1 1 0 0 0-1.414 1.414l1.414-1.414Zm2.586 5.414a1 1 0 0 0 1.414-1.414l-1.414 1.414Zm1.414-4a1 1 0 0 0-1.414-1.414l1.414 1.414ZM5.293 9.293a1 1 0 0 0 1.414 1.414L5.293 9.293ZM13 8a5 5 0 0 1-5 5v2a7 7 0 0 0 7-7h-2Zm-5 5a5 5 0 0 1-5-5H1a7 7 0 0 0 7 7v-2ZM3 8a5 5 0 0 1 5-5V1a7 7 0 0 0-7 7h2Zm5-5a5 5 0 0 1 5 5h2a7 7 0 0 0-7-7v2ZM5.293 6.707l2 2 1.414-1.414-2-2-1.414 1.414Zm2 2 2 2 1.414-1.414-2-2-1.414 1.414Zm2-3.414-2 2 1.414 1.414 2-2-1.414-1.414Zm-2 2-2 2 1.414 1.414 2-2-1.414-1.414Z" fill="currentColor" class="icon-dark"/>`,
+};
+const cyStatusFailedOutlineX24 = {
+    name: 'statusFailedOutlineX24',
+    data: `<path d="M9.707 8.293a1 1 0 0 0-1.414 1.414l1.414-1.414Zm4.586 7.414a1 1 0 0 0 1.414-1.414l-1.414 1.414Zm1.414-6a1 1 0 0 0-1.414-1.414l1.414 1.414Zm-7.414 4.586a1 1 0 1 0 1.414 1.414l-1.414-1.414Zm0-4.586 3 3 1.414-1.414-3-3-1.414 1.414Zm3 3 3 3 1.414-1.414-3-3-1.414 1.414Zm3-4.414-3 3 1.414 1.414 3-3-1.414-1.414Zm-3 3-3 3 1.414 1.414 3-3-1.414-1.414ZM20 12a8 8 0 0 1-8 8v2c5.523 0 10-4.477 10-10h-2Zm-8 8a8 8 0 0 1-8-8H2c0 5.523 4.477 10 10 10v-2Zm-8-8a8 8 0 0 1 8-8V2C6.477 2 2 6.477 2 12h2Zm8-8a8 8 0 0 1 8 8h2c0-5.523-4.477-10-10-10v2Z" fill="currentColor" class="icon-dark"/>`,
+};
+const cyStatusFailedSimpleX12 = {
+    name: 'statusFailedSimpleX12',
+    data: `<path d="M3.707 2.293a1 1 0 0 0-1.414 1.414l1.414-1.414Zm4.586 7.414a1 1 0 0 0 1.414-1.414L8.293 9.707Zm1.414-6a1 1 0 0 0-1.414-1.414l1.414 1.414ZM2.293 8.293a1 1 0 0 0 1.414 1.414L2.293 8.293Zm0-4.586 6 6 1.414-1.414-6-6-1.414 1.414Zm6-1.414-6 6 1.414 1.414 6-6-1.414-1.414Z" fill="currentColor" class="icon-dark"/>`,
+};
+const cyStatusFailedSimpleX16 = {
+    name: 'statusFailedSimpleX16',
+    data: `<path d="M4.707 3.293a1 1 0 0 0-1.414 1.414l1.414-1.414Zm6.586 9.414a1 1 0 0 0 1.414-1.414l-1.414 1.414Zm1.414-8a1 1 0 0 0-1.414-1.414l1.414 1.414Zm-9.414 6.586a1 1 0 1 0 1.414 1.414l-1.414-1.414Zm0-6.586 4 4 1.414-1.414-4-4-1.414 1.414Zm4 4 4 4 1.414-1.414-4-4-1.414 1.414Zm4-5.414-4 4 1.414 1.414 4-4-1.414-1.414Zm-4 4-4 4 1.414 1.414 4-4-1.414-1.414Z" fill="currentColor" class="icon-dark"/>`,
+};
+const cyStatusFailedSimpleX24 = {
+    name: 'statusFailedSimpleX24',
+    data: `<path d="M6.707 5.293a1 1 0 0 0-1.414 1.414l1.414-1.414Zm10.586 13.414a1 1 0 0 0 1.414-1.414l-1.414 1.414Zm1.414-12a1 1 0 0 0-1.414-1.414l1.414 1.414ZM5.293 17.293a1 1 0 1 0 1.414 1.414l-1.414-1.414Zm0-10.586 6 6 1.414-1.414-6-6-1.414 1.414Zm6 6 6 6 1.414-1.414-6-6-1.414 1.414Zm6-7.414-6 6 1.414 1.414 6-6-1.414-1.414Zm-6 6-6 6 1.414 1.414 6-6-1.414-1.414Z" fill="currentColor" 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 d="M2.707 1.293a1 1 0 0 0-1.414 1.414l1.414-1.414Zm2.586 5.414a1 1 0 0 0 1.414-1.414L5.293 6.707Zm1.414-4a1 1 0 0 0-1.414-1.414l1.414 1.414ZM1.293 5.293a1 1 0 0 0 1.414 1.414L1.293 5.293Zm0-2.586 4 4 1.414-1.414-4-4-1.414 1.414Zm4-1.414-4 4 1.414 1.414 4-4-1.414-1.414Z" fill="currentColor" class="icon-dark"/>`,
+};
+const cyStatusFailedSolidX16 = {
+    name: 'statusFailedSolidX16',
+    data: `<circle cx="8" cy="8" r="7" fill="currentColor" class="icon-dark"/><path d="M6.707 5.293a1 1 0 0 0-1.414 1.414l1.414-1.414Zm2.586 5.414a1 1 0 0 0 1.414-1.414l-1.414 1.414Zm1.414-4a1 1 0 0 0-1.414-1.414l1.414 1.414ZM5.293 9.293a1 1 0 0 0 1.414 1.414L5.293 9.293Zm0-2.586 4 4 1.414-1.414-4-4-1.414 1.414Zm4-1.414-4 4 1.414 1.414 4-4-1.414-1.414Z" fill="#fff"/>`,
+};
+const cyStatusFailedSolidX24 = {
+    name: 'statusFailedSolidX24',
+    data: `<path fill-rule="evenodd" clip-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10ZM9.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.586 9.707 8.293Z" fill="currentColor" class="icon-dark"/>`,
+};
+const cyStatusFailingOutlineX16 = {
+    name: 'statusFailingOutlineX16',
+    data: `<path d="M6.707 5.293a1 1 0 0 0-1.414 1.414l1.414-1.414Zm2.586 5.414a1 1 0 0 0 1.414-1.414l-1.414 1.414Zm1.414-4a1 1 0 0 0-1.414-1.414l1.414 1.414ZM5.293 9.293a1 1 0 0 0 1.414 1.414L5.293 9.293Zm0-2.586 4 4 1.414-1.414-4-4-1.414 1.414Zm4-1.414-4 4 1.414 1.414 4-4-1.414-1.414Z" fill="currentColor" class="icon-dark"/><circle cx="8" cy="8" r="6" stroke="#E1E3ED" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-light"/><circle cx="8" cy="8" r="6" stroke="currentColor" stroke-width="2" stroke-dasharray="10 28" stroke-linecap="round" stroke-linejoin="round" class="icon-dark"><animate attributeName="stroke-dashoffset" values="36.6;0" dur="1s" repeatCount="indefinite"/></circle>`,
+};
+const cyStatusFailingOutlineX24 = {
+    name: 'statusFailingOutlineX24',
+    data: `<path d="M9.707 8.293a1 1 0 0 0-1.414 1.414l1.414-1.414Zm4.586 7.414a1 1 0 0 0 1.414-1.414l-1.414 1.414Zm1.414-6a1 1 0 0 0-1.414-1.414l1.414 1.414Zm-7.414 4.586a1 1 0 1 0 1.414 1.414l-1.414-1.414Zm0-4.586 3 3 1.414-1.414-3-3-1.414 1.414Zm3 3 3 3 1.414-1.414-3-3-1.414 1.414Zm3-4.414-3 3 1.414 1.414 3-3-1.414-1.414Zm-3 3-3 3 1.414 1.414 3-3-1.414-1.414ZM20 12" fill="currentColor" 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-width="2" stroke-dasharray="15 42" stroke-linecap="round" stroke-linejoin="round" class="icon-dark"><animate attributeName="stroke-dashoffset" values="57;0" dur="1s" repeatCount="indefinite"/></circle>`,
+};
+const cyStatusPassedOutlineX16 = {
+    name: 'statusPassedOutlineX16',
+    data: `<circle cx="8" cy="8" r="6" stroke="currentColor" class="icon-dark" stroke-width="2"/><path d="m10 6-2.5 4L6 8.5" stroke="currentColor" class="icon-dark" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>`,
+};
+const cyStatusPassedOutlineX24 = {
+    name: 'statusPassedOutlineX24',
+    data: `<path fill-rule="evenodd" clip-rule="evenodd" d="M4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0Zm8-10C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2Zm3.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-.203l3.5-6Z" fill="currentColor" class="icon-dark"/>`,
+};
+const cyStatusPassedSimpleX12 = {
+    name: 'statusPassedSimpleX12',
+    data: `<path d="M9 3 5 9 3 6.5" stroke="currentColor" class="icon-dark" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>`,
+};
+const cyStatusPassedSimpleX16 = {
+    name: 'statusPassedSimpleX16',
+    data: `<path d="M4 8.667 7.333 12 12 4" stroke="currentColor" class="icon-dark" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>`,
+};
+const cyStatusPassedSimpleX24 = {
+    name: 'statusPassedSimpleX24',
+    data: `<path fill-rule="evenodd" clip-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-.36Z" fill="currentColor" class="icon-dark"/>`,
+};
+const cyStatusPassedSimpleX4 = {
+    name: 'statusPassedSimpleX4',
+    data: `<circle cx="2" cy="2" r="2" fill="currentColor" class="icon-dark"/>`,
+};
+const cyStatusPassedSimpleX8 = {
+    name: 'statusPassedSimpleX8',
+    data: `<path d="M6 2 3.5 6 2 4.5" stroke="currentColor" class="icon-dark" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>`,
+};
+const cyStatusPassedSolidX16 = {
+    name: 'statusPassedSolidX16',
+    data: `<circle cx="8" cy="8" r="7" fill="currentColor" class="icon-dark"/><path d="m10 6-2.5 4L6 8.5" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>`,
+};
+const cyStatusPassedSolidX24 = {
+    name: 'statusPassedSolidX24',
+    data: `<path fill-rule="evenodd" clip-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm3.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-.203l3.5-6Z" fill="currentColor" class="icon-dark"/>`,
+};
+const cyStatusPendingOutlineX12 = {
+    name: 'statusPendingOutlineX12',
+    data: `<path d="M4.47 2.305a4 4 0 1 0 3.061 0" stroke="currentColor" class="icon-dark" stroke-width="2"/>`,
+};
+const cyStatusPendingOutlineX16 = {
+    name: 'statusPendingOutlineX16',
+    data: `<path d="M5.706 2.46a5.998 5.998 0 1 0 4.59 0" stroke="currentColor" class="icon-dark" stroke-width="2"/>`,
+};
+const cyStatusPendingOutlineX24 = {
+    name: 'statusPendingOutlineX24',
+    data: `<path d="M8.555 3.685a8.999 8.999 0 1 0 6.887 0" stroke="currentColor" class="icon-dark" stroke-width="2"/>`,
+};
+const cyStatusPendingSimpleX4 = {
+    name: 'statusPendingSimpleX4',
+    data: `<circle cx="2" cy="2" r="1.5" stroke="currentColor" class="icon-dark"/>`,
+};
+const cyStatusPendingSimpleX8 = {
+    name: 'statusPendingSimpleX8',
+    data: `<path d="M2.852 1.228a3 3 0 1 0 2.296 0" stroke="currentColor" class="icon-dark" stroke-width="2"/>`,
+};
+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" class="icon-dark" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>`,
+};
+const cyStatusQueuedOutlineX16 = {
+    name: 'statusQueuedOutlineX16',
+    data: `<circle cx="8" cy="8" r="6" stroke="currentColor" class="icon-dark" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>`,
+};
+const cyStatusQueuedOutlineX24 = {
+    name: 'statusQueuedOutlineX24',
+    data: `<circle cx="12" cy="12" r="9" stroke="currentColor" class="icon-dark" stroke-width="2"/>`,
+};
+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" class="icon-dark" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>`,
+};
+const cyStatusRunningOutlineX12 = {
+    name: 'statusRunningOutlineX12',
+    data: `<circle cx="6" cy="6" r="4" stroke="#E1E3ED" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-light"/><circle cx="6" cy="6" r="4" stroke="currentColor" stroke-width="2" stroke-dasharray="5 20" stroke-linecap="round" stroke-linejoin="round" class="icon-dark"><animate attributeName="stroke-dashoffset" values="25;0" dur="1s" repeatCount="indefinite"/></circle>`,
+};
+const cyStatusRunningOutlineX16 = {
+    name: 'statusRunningOutlineX16',
+    data: `<circle cx="8" cy="8" r="6" stroke="#E1E3ED" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-light"/><circle cx="8" cy="8" r="6" stroke="currentColor" stroke-width="2" stroke-dasharray="10 28" stroke-linecap="round" stroke-linejoin="round" class="icon-dark"><animate attributeName="stroke-dashoffset" values="36.6;0" dur="1s" repeatCount="indefinite"/></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-width="2" stroke-dasharray="15 42" stroke-linecap="round" stroke-linejoin="round" class="icon-dark"><animate attributeName="stroke-dashoffset" values="57;0" dur="1s" repeatCount="indefinite"/></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" values="2;1;2" dur="1.5s" repeatCount="indefinite"/><animate attributeName="r" values="1;1.5;1" dur="1.5s" repeatCount="indefinite"/></circle>`,
+};
+const cyStatusRunningSimpleX8 = {
+    name: 'statusRunningSimpleX8',
+    data: `<circle cx="4" cy="4" r="3" stroke="#E1E3ED" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-light"/><circle cx="4" cy="4" r="3" stroke="currentColor" stroke-width="2" stroke-dasharray="5 14" stroke-linecap="round" stroke-linejoin="round" class="icon-dark"><animate attributeName="stroke-dashoffset" values="18.3;0" dur="1s" repeatCount="indefinite"/></circle>`,
+};
+const cyStatusSkippedOutlineX12 = {
+    name: 'statusSkippedOutlineX12',
+    data: `<path 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" stroke="currentColor" class="icon-dark" stroke-width="2"/>`,
+};
+const cyStatusSkippedOutlineX16 = {
+    name: 'statusSkippedOutlineX16',
+    data: `<path 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" stroke="currentColor" class="icon-dark" stroke-width="2"/>`,
+};
+const cyStatusSkippedOutlineX24 = {
+    name: 'statusSkippedOutlineX24',
+    data: `<path 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" stroke="currentColor" class="icon-dark" stroke-width="2"/>`,
+};
+const cyStatusSkippedSimpleX4 = {
+    name: 'statusSkippedSimpleX4',
+    data: `<circle cx="2" cy="2" r="1.5" stroke="currentColor" class="icon-dark"/>`,
+};
+const cyStatusSkippedSimpleX8 = {
+    name: 'statusSkippedSimpleX8',
+    data: `<path 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" stroke="currentColor" class="icon-dark" stroke-width="2"/>`,
+};
+
+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 +942,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 +953,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 +964,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',