@cypress-design/react-statusicon 0.3.0 → 0.4.1

package/.turbo/turbo-build.log

@@ -8,5 +8,5 @@ $ rollup -c ./rollup.config.mjs
 index.ts
 
 Consumers of your bundle will have to use chunk.default to access their default export, which may not be what you want. Use `output.exports: "named"` to disable this warning.
-created ./dist/index.umd.js, ./dist/index.es.mjs in 28.4s
+created ./dist/index.umd.js, ./dist/index.es.mjs in 19.6s
 $ tsc --project ./tsconfig.build.json

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @cypress-design/react-statusicon
 
+## 0.4.1
+
+### Patch Changes
+
+- [`63ea78a`](https://github.com/cypress-io/cypress-design/commit/63ea78af2062fd5e3fb8c61fa4bcf85fd95e803b) Thanks [@elevatebart](https://github.com/elevatebart)! - add constants package to dependencies
+
+## 0.4.0
+
+### Minor Changes
+
+- [#196](https://github.com/cypress-io/cypress-design/pull/196) [`fc6d9e4`](https://github.com/cypress-io/cypress-design/commit/fc6d9e4fedcc01fa8e01b868b0fa66d8895c37d0) Thanks [@elevatebart](https://github.com/elevatebart)! - refactor: avoid constants relative imports
+
+### Patch Changes
+
+- Updated dependencies [[`fc6d9e4`](https://github.com/cypress-io/cypress-design/commit/fc6d9e4fedcc01fa8e01b868b0fa66d8895c37d0)]:
+  - @cypress-design/react-icon@0.20.0
+
 ## 0.3.0
 
 ### Minor Changes

package/StatusIcon.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { SVGProps } from 'react'
-import type { Variant, Size } from '../constants'
-import { statuses } from '../constants'
+import type { Variant, Size } from '@cypress-design/constants-statusicon'
+import { statuses } from '@cypress-design/constants-statusicon'
 import OutlineStatusIcon from './_OutlineStatusIcon'
 import SimpleStatusIcon from './_SimpleStatusIcon'
 import SolidStatusIcon from './_SolidStatusIcon'

package/_OutlineStatusIcon.ts

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { SVGProps } from 'react'
-import { statuses } from '../outline-imports'
-import type { VariantStatusIconProps } from '../constants'
+import { outline } from '@cypress-design/constants-statusicon'
+import type { VariantStatusIconProps } from '@cypress-design/constants-statusicon'
 import { compileProps } from './compileProps'
 
 export const OutlineStatusIcon: React.FC<
@@ -11,7 +11,7 @@ export const OutlineStatusIcon: React.FC<
     ...rest,
     ...compileProps({
       status,
-      statuses,
+      statuses: outline.statuses,
       className: rest.className,
       size,
     }),

package/_SimpleStatusIcon.ts

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { SVGProps } from 'react'
-import { statuses } from '../simple-imports'
-import type { VariantStatusIconProps } from '../constants'
+import { simple } from '@cypress-design/constants-statusicon'
+import type { VariantStatusIconProps } from '@cypress-design/constants-statusicon'
 import { compileProps } from './compileProps'
 
 export const SimpleStatusIcon: React.FC<
@@ -11,7 +11,7 @@ export const SimpleStatusIcon: React.FC<
     ...rest,
     ...compileProps({
       status,
-      statuses,
+      statuses: simple.statuses,
       className: rest.className,
       size,
     }),

package/_SolidStatusIcon.ts

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { SVGProps } from 'react'
-import { statuses } from '../solid-imports'
-import type { VariantStatusIconProps } from '../constants'
+import { solid } from '@cypress-design/constants-statusicon'
+import type { VariantStatusIconProps } from '@cypress-design/constants-statusicon'
 import { compileProps } from './compileProps'
 
 export const SolidStatusIcon: React.FC<
@@ -11,7 +11,7 @@ export const SolidStatusIcon: React.FC<
     ...rest,
     ...compileProps({
       status,
-      statuses,
+      statuses: solid.statuses,
       className: rest.className,
       size,
     }),

package/compileProps.ts

@@ -1,5 +1,8 @@
-import type { IconSet, VariantStatusIconProps } from '../constants'
-import { statuses as StatusForColor } from '../constants'
+import type {
+  IconSet,
+  VariantStatusIconProps,
+} from '@cypress-design/constants-statusicon'
+import { statuses as StatusForColor } from '@cypress-design/constants-statusicon'
 import { compileReactIconProperties } from '@cypress-design/react-icon'
 import { getComponentAttributes } from '@cypress-design/icon-registry'
 

package/dist/{react/StatusIcon.d.ts → StatusIcon.d.ts}

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-import type { Variant, Size } from '../constants';
-import { statuses } from '../constants';
+import type { Variant, Size } from '@cypress-design/constants-statusicon';
+import { statuses } from '@cypress-design/constants-statusicon';
 export type StatusIconProps = {
     /**
      * The size of the icon's canvas, in pixels.

package/dist/StatusIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusIcon.d.ts","sourceRoot":"./","sources":["StatusIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,sCAAsC,CAAA;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAA;AAK/D,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IACX;;MAEE;IACF,MAAM,CAAC,EAAE,MAAM,OAAO,QAAQ,GAAG,IAAI,GAAG,SAAS,CAAA;IACjD;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAC/B,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,CAW1C,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/{react/_OutlineStatusIcon.d.ts → _OutlineStatusIcon.d.ts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-import type { VariantStatusIconProps } from '../constants';
+import type { VariantStatusIconProps } from '@cypress-design/constants-statusicon';
 export declare const OutlineStatusIcon: React.FC<VariantStatusIconProps & SVGProps<SVGSVGElement>>;
 export default OutlineStatusIcon;
 //# sourceMappingURL=_OutlineStatusIcon.d.ts.map

package/dist/_OutlineStatusIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_OutlineStatusIcon.d.ts","sourceRoot":"./","sources":["_OutlineStatusIcon.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAA;AAGlF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CACtC,sBAAsB,GAAG,QAAQ,CAAC,aAAa,CAAC,CAWjD,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/dist/{react/_SimpleStatusIcon.d.ts → _SimpleStatusIcon.d.ts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-import type { VariantStatusIconProps } from '../constants';
+import type { VariantStatusIconProps } from '@cypress-design/constants-statusicon';
 export declare const SimpleStatusIcon: React.FC<VariantStatusIconProps & SVGProps<SVGSVGElement>>;
 export default SimpleStatusIcon;
 //# sourceMappingURL=_SimpleStatusIcon.d.ts.map

package/dist/_SimpleStatusIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_SimpleStatusIcon.d.ts","sourceRoot":"./","sources":["_SimpleStatusIcon.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAA;AAGlF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CACrC,sBAAsB,GAAG,QAAQ,CAAC,aAAa,CAAC,CAWjD,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/{react/_SolidStatusIcon.d.ts → _SolidStatusIcon.d.ts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-import type { VariantStatusIconProps } from '../constants';
+import type { VariantStatusIconProps } from '@cypress-design/constants-statusicon';
 export declare const SolidStatusIcon: React.FC<VariantStatusIconProps & SVGProps<SVGSVGElement>>;
 export default SolidStatusIcon;
 //# sourceMappingURL=_SolidStatusIcon.d.ts.map

package/dist/_SolidStatusIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_SolidStatusIcon.d.ts","sourceRoot":"./","sources":["_SolidStatusIcon.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAA;AAGlF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CACpC,sBAAsB,GAAG,QAAQ,CAAC,aAAa,CAAC,CAWjD,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/{react/compileProps.d.ts → compileProps.d.ts}

@@ -1,4 +1,4 @@
-import type { IconSet, VariantStatusIconProps } from '../constants';
+import type { IconSet, VariantStatusIconProps } from '@cypress-design/constants-statusicon';
 export declare const compileProps: ({ status, statuses, className, size, }: VariantStatusIconProps & {
     statuses: Record<string, IconSet>;
     className: string | undefined;

package/dist/compileProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compileProps.d.ts","sourceRoot":"./","sources":["compileProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,OAAO,EACP,sBAAsB,EACvB,MAAM,sCAAsC,CAAA;AAK7C,eAAO,MAAM,YAAY;cAMb,OAAO,MAAM,EAAE,OAAO,CAAC;eACtB,MAAM,GAAG,SAAS;SAuB9B,CAAA"}

package/dist/{react/index.d.ts → index.d.ts}

@@ -2,5 +2,5 @@ export { default } from './StatusIcon';
 export { OutlineStatusIcon } from './_OutlineStatusIcon';
 export { SimpleStatusIcon } from './_SimpleStatusIcon';
 export { SolidStatusIcon } from './_SolidStatusIcon';
-export type { statusTypes as StatusType } from '../constants';
+export type { statusTypes as StatusType } from '@cypress-design/constants-statusicon';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"./","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,YAAY,EAAE,WAAW,IAAI,UAAU,EAAE,MAAM,sCAAsC,CAAA"}

package/dist/index.es.mjs

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { cyStatusRunningSimpleX4, cyStatusRunningSimpleX8, cyStatusRunningOutlineX12, cyStatusRunningOutlineX16, cyStatusRunningOutlineX24, cyStatusPassedSimpleX4, cyStatusPassedSimpleX8, cyStatusPassedSimpleX12, cyStatusPassedOutlineX16, cyStatusPassedOutlineX24, cyStatusFailedSimpleX4, cyStatusFailedSimpleX8, cyStatusFailedSimpleX12, cyStatusFailedOutlineX16, cyStatusFailedOutlineX24, cyStatusQueuedSimpleX4, cyStatusQueuedSimpleX8, cyStatusQueuedOutlineX12, cyStatusQueuedOutlineX16, cyStatusQueuedOutlineX24, cyStatusPlaceholderSimpleX4, cyStatusPlaceholderSimpleX8, cyStatusPlaceholderSolidX12, cyStatusPlaceholderSolidX16, cyStatusPlaceholderSolidX24, cyStatusCancelledSimpleX4, cyStatusCancelledSimpleX8, cyStatusCancelledSolidX12, cyStatusCancelledOutlineX16, cyStatusCancelledOutlineX24, cyStatusErroredSimpleX4, cyStatusErroredSimpleX8, cyStatusErroredSolidX12, cyStatusErroredOutlineX16, cyStatusErroredOutlineX24, cyStatusSkippedSimpleX4, cyStatusSkippedSimpleX8, cyStatusSkippedOutlineX12, cyStatusSkippedOutlineX16, cyStatusSkippedOutlineX24, cyStatusPendingSimpleX4, cyStatusPendingSimpleX8, cyStatusPendingOutlineX12, cyStatusPendingOutlineX16, cyStatusPendingOutlineX24, ICON_COLOR_PROP_NAMES, getComponentAttributes, cyStatusPassedSimpleX16, cyStatusPassedSimpleX24, cyStatusFailedSimpleX16, cyStatusFailedSimpleX24, cyStatusCancelledSolidX16, cyStatusCancelledSolidX24, cyStatusErroredSolidX16, cyStatusErroredSolidX24, cyStatusPassedSolidX16, cyStatusPassedSolidX24, cyStatusFailedSolidX16, cyStatusFailedSolidX24 } from '@cypress-design/icon-registry';
+import { cyStatusRunningSimpleX4, cyStatusRunningSimpleX8, cyStatusRunningOutlineX12, cyStatusRunningOutlineX16, cyStatusRunningOutlineX24, cyStatusPassedSimpleX4, cyStatusPassedSimpleX8, cyStatusPassedSimpleX12, cyStatusPassedOutlineX16, cyStatusPassedOutlineX24, cyStatusFailedSimpleX4, cyStatusFailedSimpleX8, cyStatusFailedSimpleX12, cyStatusFailedOutlineX16, cyStatusFailedOutlineX24, cyStatusQueuedSimpleX4, cyStatusQueuedSimpleX8, cyStatusQueuedOutlineX12, cyStatusQueuedOutlineX16, cyStatusQueuedOutlineX24, cyStatusPlaceholderSimpleX4, cyStatusPlaceholderSimpleX8, cyStatusPlaceholderSolidX12, cyStatusPlaceholderSolidX16, cyStatusPlaceholderSolidX24, cyStatusCancelledSimpleX4, cyStatusCancelledSimpleX8, cyStatusCancelledSolidX12, cyStatusCancelledOutlineX16, cyStatusCancelledOutlineX24, cyStatusErroredSimpleX4, cyStatusErroredSimpleX8, cyStatusErroredSolidX12, cyStatusErroredOutlineX16, cyStatusErroredOutlineX24, cyStatusSkippedSimpleX4, cyStatusSkippedSimpleX8, cyStatusSkippedOutlineX12, cyStatusSkippedOutlineX16, cyStatusSkippedOutlineX24, cyStatusPendingSimpleX4, cyStatusPendingSimpleX8, cyStatusPendingOutlineX12, cyStatusPendingOutlineX16, cyStatusPendingOutlineX24, cyStatusPassedSimpleX16, cyStatusPassedSimpleX24, cyStatusFailedSimpleX16, cyStatusFailedSimpleX24, cyStatusCancelledSolidX16, cyStatusCancelledSolidX24, cyStatusErroredSolidX16, cyStatusErroredSolidX24, cyStatusPassedSolidX16, cyStatusPassedSolidX24, cyStatusFailedSolidX16, cyStatusFailedSolidX24, ICON_COLOR_PROP_NAMES, getComponentAttributes } from '@cypress-design/icon-registry';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -49,97 +49,10 @@ function __spreadArray(to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 }
 
-var statuses$3 = {
-    running: {
-        size4Icon: cyStatusRunningSimpleX4,
-        size8Icon: cyStatusRunningSimpleX8,
-        size12Icon: cyStatusRunningOutlineX12,
-        size16Icon: cyStatusRunningOutlineX16,
-        size24Icon: cyStatusRunningOutlineX24,
-    },
-    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,
-    },
-};
-
 /**
  * This "const" is used to create the list of statuses
  */
-var constStatuses = {
+const constStatuses = {
     running: {
         // <tw-keep strokeColor="indigo-400" />
         color: 'indigo-400',
@@ -223,101 +136,96 @@ var constStatuses = {
 /**
  * The status we have here, allow us to check the validity of the constant
  */
-var statuses$2 = constStatuses;
-
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-var compileReactIconProperties = function (_a) {
-    var body = _a.body, compiledClasses = _a.compiledClasses, size = _a.size, attributes = __rest(_a, ["body", "compiledClasses", "size"]);
-    var filteredAttributes = Object.keys(attributes).reduce(function (newAttributes, attrName) {
-        if (!ICON_COLOR_PROP_NAMES.includes(attrName) && attrName !== 'name') {
-            newAttributes[attrName] =
-                attributes[attrName];
-        }
-        return newAttributes;
-    }, {});
-    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);
-    }
-    if (compiledClasses.length) {
-        componentProps.className = compiledClasses.join(' ');
-    }
-    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".concat(size, "Icon")], iconData = _b.data, name = _b.name;
-    var classes = "inline-block ".concat(className || '');
-    var compiledClasses = getComponentAttributes({
-        name: name,
-        strokeColor: iconInfo.color,
-        size: size,
-        availableSizes: [size],
-        fillColor: iconInfo.secondaryColor,
-    }).compiledClasses;
-    return compileReactIconProperties({
-        body: iconData,
-        compiledClasses: __spreadArray(__spreadArray([], compiledClasses, true), [classes], false),
-        size: size,
-    });
-};
+const statuses$3 = constStatuses;
 
-var OutlineStatusIcon = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? '24' : _b, _c = _a.status, status = _c === void 0 ? 'placeholder' : _c, rest = __rest$1(_a, ["size", "status"]);
-    return React.createElement('svg', __assign$1(__assign$1({}, rest), compileProps({
-        status: status,
-        statuses: statuses$3,
-        className: rest.className,
-        size: size,
-    })));
+const statuses$2 = {
+    running: {
+        size4Icon: cyStatusRunningSimpleX4,
+        size8Icon: cyStatusRunningSimpleX8,
+        size12Icon: cyStatusRunningOutlineX12,
+        size16Icon: cyStatusRunningOutlineX16,
+        size24Icon: cyStatusRunningOutlineX24,
+    },
+    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 statuses$1 = {
+const statuses$1 = {
     running: {
         size4Icon: cyStatusRunningSimpleX4,
         size8Icon: cyStatusRunningSimpleX8,
@@ -404,17 +312,7 @@ var statuses$1 = {
     },
 };
 
-var SimpleStatusIcon = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? '24' : _b, _c = _a.status, status = _c === void 0 ? 'placeholder' : _c, rest = __rest$1(_a, ["size", "status"]);
-    return React.createElement('svg', __assign$1(__assign$1({}, rest), compileProps({
-        status: status,
-        statuses: statuses$1,
-        className: rest.className,
-        size: size,
-    })));
-};
-
-var statuses = {
+const statuses = {
     running: {
         size4Icon: cyStatusRunningSimpleX4,
         size8Icon: cyStatusRunningSimpleX8,
@@ -501,6 +399,108 @@ var statuses = {
     },
 };
 
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+var compileReactIconProperties = function (_a) {
+    var body = _a.body, compiledClasses = _a.compiledClasses, size = _a.size, attributes = __rest(_a, ["body", "compiledClasses", "size"]);
+    var filteredAttributes = Object.keys(attributes).reduce(function (newAttributes, attrName) {
+        if (!ICON_COLOR_PROP_NAMES.includes(attrName) && attrName !== 'name') {
+            newAttributes[attrName] =
+                attributes[attrName];
+        }
+        return newAttributes;
+    }, {});
+    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);
+    }
+    if (compiledClasses.length) {
+        componentProps.className = compiledClasses.join(' ');
+    }
+    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$3[status] : statuses$3.placeholder;
+    var _b = statusInfo["size".concat(size, "Icon")], iconData = _b.data, name = _b.name;
+    var classes = "inline-block ".concat(className || '');
+    var compiledClasses = getComponentAttributes({
+        name: name,
+        strokeColor: iconInfo.color,
+        size: size,
+        availableSizes: [size],
+        fillColor: iconInfo.secondaryColor,
+    }).compiledClasses;
+    return compileReactIconProperties({
+        body: iconData,
+        compiledClasses: __spreadArray(__spreadArray([], compiledClasses, true), [classes], false),
+        size: size,
+    });
+};
+
+var OutlineStatusIcon = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? '24' : _b, _c = _a.status, status = _c === void 0 ? 'placeholder' : _c, rest = __rest$1(_a, ["size", "status"]);
+    return React.createElement('svg', __assign$1(__assign$1({}, rest), compileProps({
+        status: status,
+        statuses: statuses$2,
+        className: rest.className,
+        size: size,
+    })));
+};
+
+var SimpleStatusIcon = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? '24' : _b, _c = _a.status, status = _c === void 0 ? 'placeholder' : _c, rest = __rest$1(_a, ["size", "status"]);
+    return React.createElement('svg', __assign$1(__assign$1({}, rest), compileProps({
+        status: status,
+        statuses: statuses$1,
+        className: rest.className,
+        size: size,
+    })));
+};
+
 var SolidStatusIcon = function (_a) {
     var _b = _a.size, size = _b === void 0 ? '24' : _b, _c = _a.status, status = _c === void 0 ? 'placeholder' : _c, rest = __rest$1(_a, ["size", "status"]);
     return React.createElement('svg', __assign$1(__assign$1({}, rest), compileProps({
@@ -525,4 +525,4 @@ var StatusIcon = function (_a) {
 export { OutlineStatusIcon, SimpleStatusIcon, SolidStatusIcon, StatusIcon as default };
 //# sourceMappingURL=index.es.mjs.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"> */
+/* <windicss-keep class="outline inline-block"> */