@cypress-design/react-statusicon 0.2.5 → 0.3.0

package/.turbo/turbo-build.log

@@ -0,0 +1,12 @@
+$ yarn build:module && yarn build:types
+$ rollup -c ./rollup.config.mjs
+
+./index.ts → ./dist/index.umd.js, ./dist/index.es.mjs...
+(!) Mixing named and default exports
+https://rollupjs.org/configuration-options/#output-exports
+The following entry modules are using named and default exports together:
+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
+$ tsc --project ./tsconfig.build.json

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @cypress-design/react-statusicon
 
+## 0.3.0
+
+### Minor Changes
+
+- [#178](https://github.com/cypress-io/cypress-design/pull/178) [`d0de778`](https://github.com/cypress-io/cypress-design/commit/d0de77843adb87d8f4804219c6dca8f45b15c650) Thanks [@elevatebart](https://github.com/elevatebart)! - deliver new docs and improved components
+
+### Patch Changes
+
+- Updated dependencies [[`18399c7`](https://github.com/cypress-io/cypress-design/commit/18399c72a52288c67af0935384430d4e4cd24251), [`d0de778`](https://github.com/cypress-io/cypress-design/commit/d0de77843adb87d8f4804219c6dca8f45b15c650)]:
+  - @cypress-design/react-icon@0.19.0
+  - @cypress-design/icon-registry@0.21.0
+
+## 0.2.6
+
+### Patch Changes
+
+- Updated dependencies [[`d6fd350`](https://github.com/cypress-io/cypress-design/commit/d6fd350232984e5eff26c76ca29e235c58da0982)]:
+  - @cypress-design/react-icon@0.18.0
+
 ## 0.2.5
 
 ### Patch Changes

package/StatusIcon.tsx

@@ -2,9 +2,9 @@ import * as React from 'react'
 import { SVGProps } from 'react'
 import type { Variant, Size } from '../constants'
 import { statuses } from '../constants'
-import OutlineStatusIcon from './OutlineStatusIcon'
-import SimpleStatusIcon from './SimpleStatusIcon'
-import SolidStatusIcon from './SolidStatusIcon'
+import OutlineStatusIcon from './_OutlineStatusIcon'
+import SimpleStatusIcon from './_SimpleStatusIcon'
+import SolidStatusIcon from './_SolidStatusIcon'
 
 export type StatusIconProps = {
   /**

package/StatusIconReact.cy.tsx

@@ -1,7 +1,7 @@
 /// <reference types="cypress" />
 
 import * as React from 'react'
-import { mount } from 'cypress/react'
+import { mount } from 'cypress/react18'
 import StatusIcon from './StatusIcon'
 import StatusIconStory from './StatusIcon.rootstory'
 

package/dist/constants.d.ts

@@ -1,18 +1,18 @@
 import type { WindiColor } from '@cypress-design/icon-registry';
-export declare type Variant = 'outline' | 'simple' | 'solid';
-export declare type Size = '4' | '8' | '12' | '16' | '24';
-declare type StatusInfo = {
+export type Variant = 'outline' | 'simple' | 'solid';
+export type Size = '4' | '8' | '12' | '16' | '24';
+type StatusInfo = {
     color: WindiColor;
     link?: string;
     use: string;
     variants: readonly Variant[];
     secondaryColor?: WindiColor;
 };
-export declare type IconContents = {
+export type IconContents = {
     name: string;
     data: string;
 };
-export declare type IconSet = {
+export type IconSet = {
     size4Icon: IconContents;
     size8Icon: IconContents;
     size12Icon: IconContents;
@@ -90,12 +90,12 @@ declare const constStatuses: {
         readonly variants: readonly ["outline"];
     };
 };
-export declare type statusTypes = keyof typeof constStatuses;
+export type statusTypes = keyof typeof constStatuses;
 /**
  * The status we have here, allow us to check the validity of the constant
  */
 export declare const statuses: Record<statusTypes, StatusInfo>;
-export declare type VariantStatusIconProps = {
+export type VariantStatusIconProps = {
     size: Size;
     /**
       If there is no status provided, a placeholder icon will be shown

package/dist/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAC/D,oBAAY,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;AACpD,oBAAY,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAEjD,aAAK,UAAU,GAAG;IAChB,KAAK,EAAE,UAAU,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,SAAS,OAAO,EAAE,CAAA;IAC5B,cAAc,CAAC,EAAE,UAAU,CAAA;CAC5B,CAAA;AAED,oBAAY,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,oBAAY,OAAO,GAAG;IACpB,SAAS,EAAE,YAAY,CAAA;IACvB,SAAS,EAAE,YAAY,CAAA;IACvB,UAAU,EAAE,YAAY,CAAA;IACxB,UAAU,EAAE,YAAY,CAAA;IACxB,UAAU,EAAE,YAAY,CAAA;CACzB,CAAA;AAED;;GAEG;AACH,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgFT,CAAA;AAEV,oBAAY,WAAW,GAAG,MAAM,OAAO,aAAa,CAAA;AAEpD;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,WAAW,EAAE,UAAU,CAAiB,CAAA;AAEtE,oBAAY,sBAAsB,GAAG;IACnC,IAAI,EAAE,IAAI,CAAA;IACV;;MAEE;IACF,MAAM,CAAC,EAAE,MAAM,OAAO,QAAQ,GAAG,IAAI,GAAG,SAAS,CAAA;CAClD,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAC/D,MAAM,MAAM,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;AACpD,MAAM,MAAM,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAEjD,KAAK,UAAU,GAAG;IAChB,KAAK,EAAE,UAAU,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,SAAS,OAAO,EAAE,CAAA;IAC5B,cAAc,CAAC,EAAE,UAAU,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,OAAO,GAAG;IACpB,SAAS,EAAE,YAAY,CAAA;IACvB,SAAS,EAAE,YAAY,CAAA;IACvB,UAAU,EAAE,YAAY,CAAA;IACxB,UAAU,EAAE,YAAY,CAAA;IACxB,UAAU,EAAE,YAAY,CAAA;CACzB,CAAA;AAED;;GAEG;AACH,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgFT,CAAA;AAEV,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,aAAa,CAAA;AAEpD;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,WAAW,EAAE,UAAU,CAAiB,CAAA;AAEtE,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,IAAI,CAAA;IACV;;MAEE;IACF,MAAM,CAAC,EAAE,MAAM,OAAO,QAAQ,GAAG,IAAI,GAAG,SAAS,CAAA;CAClD,CAAA"}

package/dist/index.es.mjs

@@ -55,85 +55,85 @@ var statuses$3 = {
         size8Icon: cyStatusRunningSimpleX8,
         size12Icon: cyStatusRunningOutlineX12,
         size16Icon: cyStatusRunningOutlineX16,
-        size24Icon: cyStatusRunningOutlineX24
+        size24Icon: cyStatusRunningOutlineX24,
     },
     passed: {
         size4Icon: cyStatusPassedSimpleX4,
         size8Icon: cyStatusPassedSimpleX8,
         size12Icon: cyStatusPassedSimpleX12,
         size16Icon: cyStatusPassedOutlineX16,
-        size24Icon: cyStatusPassedOutlineX24
+        size24Icon: cyStatusPassedOutlineX24,
     },
     failed: {
         size4Icon: cyStatusFailedSimpleX4,
         size8Icon: cyStatusFailedSimpleX8,
         size12Icon: cyStatusFailedSimpleX12,
         size16Icon: cyStatusFailedOutlineX16,
-        size24Icon: cyStatusFailedOutlineX24
+        size24Icon: cyStatusFailedOutlineX24,
     },
     unclaimed: {
         size4Icon: cyStatusQueuedSimpleX4,
         size8Icon: cyStatusQueuedSimpleX8,
         size12Icon: cyStatusQueuedOutlineX12,
         size16Icon: cyStatusQueuedOutlineX16,
-        size24Icon: cyStatusQueuedOutlineX24
+        size24Icon: cyStatusQueuedOutlineX24,
     },
     placeholder: {
         size4Icon: cyStatusPlaceholderSimpleX4,
         size8Icon: cyStatusPlaceholderSimpleX8,
         size12Icon: cyStatusPlaceholderSolidX12,
         size16Icon: cyStatusPlaceholderSolidX16,
-        size24Icon: cyStatusPlaceholderSolidX24
+        size24Icon: cyStatusPlaceholderSolidX24,
     },
     cancelled: {
         size4Icon: cyStatusCancelledSimpleX4,
         size8Icon: cyStatusCancelledSimpleX8,
         size12Icon: cyStatusCancelledSolidX12,
         size16Icon: cyStatusCancelledOutlineX16,
-        size24Icon: cyStatusCancelledOutlineX24
+        size24Icon: cyStatusCancelledOutlineX24,
     },
     noTests: {
         size4Icon: cyStatusErroredSimpleX4,
         size8Icon: cyStatusErroredSimpleX8,
         size12Icon: cyStatusErroredSolidX12,
         size16Icon: cyStatusErroredOutlineX16,
-        size24Icon: cyStatusErroredOutlineX24
+        size24Icon: cyStatusErroredOutlineX24,
     },
     errored: {
         size4Icon: cyStatusErroredSimpleX4,
         size8Icon: cyStatusErroredSimpleX8,
         size12Icon: cyStatusErroredSolidX12,
         size16Icon: cyStatusErroredOutlineX16,
-        size24Icon: cyStatusErroredOutlineX24
+        size24Icon: cyStatusErroredOutlineX24,
     },
     timedOut: {
         size4Icon: cyStatusErroredSimpleX4,
         size8Icon: cyStatusErroredSimpleX8,
         size12Icon: cyStatusErroredSolidX12,
         size16Icon: cyStatusErroredOutlineX16,
-        size24Icon: cyStatusErroredOutlineX24
+        size24Icon: cyStatusErroredOutlineX24,
     },
     overLimit: {
         size4Icon: cyStatusErroredSimpleX4,
         size8Icon: cyStatusErroredSimpleX8,
         size12Icon: cyStatusErroredSolidX12,
         size16Icon: cyStatusErroredOutlineX16,
-        size24Icon: cyStatusErroredOutlineX24
+        size24Icon: cyStatusErroredOutlineX24,
     },
     skipped: {
         size4Icon: cyStatusSkippedSimpleX4,
         size8Icon: cyStatusSkippedSimpleX8,
         size12Icon: cyStatusSkippedOutlineX12,
         size16Icon: cyStatusSkippedOutlineX16,
-        size24Icon: cyStatusSkippedOutlineX24
+        size24Icon: cyStatusSkippedOutlineX24,
     },
     pending: {
         size4Icon: cyStatusPendingSimpleX4,
         size8Icon: cyStatusPendingSimpleX8,
         size12Icon: cyStatusPendingOutlineX12,
         size16Icon: cyStatusPendingOutlineX16,
-        size24Icon: cyStatusPendingOutlineX24
-    }
+        size24Icon: cyStatusPendingOutlineX24,
+    },
 };
 
 /**
@@ -146,79 +146,79 @@ var constStatuses = {
         use: 'Runs, specs, groups, test results',
         variants: ['outline'],
         // <tw-keep fillColor="gray-100" />
-        secondaryColor: 'gray-100'
+        secondaryColor: 'gray-100',
     },
     passed: {
         // <tw-keep strokeColor="jade-400" />
         color: 'jade-400',
         use: 'Runs, specs, groups, test results',
         link: 'https://docs.cypress.io/guides/core-concepts/writing-and-organizing-tests#Passed',
-        variants: ['outline', 'simple', 'solid']
+        variants: ['outline', 'simple', 'solid'],
     },
     failed: {
         // <tw-keep strokeColor="red-400" />
         color: 'red-400',
         use: 'Runs, specs, groups, test results',
         link: 'https://docs.cypress.io/guides/core-concepts/writing-and-organizing-tests#Failed',
-        variants: ['outline', 'simple', 'solid']
+        variants: ['outline', 'simple', 'solid'],
     },
     unclaimed: {
         // <tw-keep strokeColor="gray-100" />
         color: 'gray-100',
         use: 'Specs',
-        variants: ['outline']
+        variants: ['outline'],
     },
     placeholder: {
         // <tw-keep strokeColor="gray-300" />
         color: 'gray-300',
         use: 'Placeholder',
-        variants: ['solid']
+        variants: ['solid'],
     },
     cancelled: {
         // <tw-keep strokeColor="gray-300" />
         color: 'gray-300',
         use: 'Runs, specs, groups, test results',
-        variants: ['outline', 'solid']
+        variants: ['outline', 'solid'],
     },
     noTests: {
         // <tw-keep strokeColor="orange-400" />
         color: 'orange-400',
         use: 'Runs, specs, groups',
-        variants: ['outline', 'solid']
+        variants: ['outline', 'solid'],
     },
     errored: {
         // <tw-keep strokeColor="orange-400" />
         color: 'orange-400',
         use: 'Runs, specs, groups, test results',
-        variants: ['outline', 'solid']
+        variants: ['outline', 'solid'],
     },
     timedOut: {
         // <tw-keep strokeColor="orange-400" />
         color: 'orange-400',
         use: 'Runs, specs, groups, test results',
-        variants: ['outline', 'solid']
+        variants: ['outline', 'solid'],
     },
     overLimit: {
         // <tw-keep strokeColor="orange-400" />
         color: 'orange-400',
         use: 'Runs, specs, groups',
         link: 'https://docs.cypress.io/faq/questions/dashboard-faq#What-happens-once-I-reach-the-test-results-limit',
-        variants: ['outline', 'solid']
+        variants: ['outline', 'solid'],
     },
     skipped: {
         // <tw-keep strokeColor="gray-400" />
         color: 'gray-400',
         use: 'Test results',
         link: 'https://docs.cypress.io/guides/core-concepts/writing-and-organizing-tests#Skipped',
-        variants: ['outline']
+        variants: ['outline'],
     },
     pending: {
         // <tw-keep strokeColor="gray-300" />
         color: 'gray-300',
         use: 'Test results',
         link: 'https://docs.cypress.io/guides/core-concepts/writing-and-organizing-tests#Pending',
-        variants: ['outline']
-    }
+        variants: ['outline'],
+    },
 };
 /**
  * The status we have here, allow us to check the validity of the constant
@@ -272,8 +272,8 @@ var compileReactIconProperties = function (_a) {
         }
         return newAttributes;
     }, {});
-    var componentProps = __assign({ width: size, height: size, viewBox: "0 0 " + size + " " + size, fill: 'none', dangerouslySetInnerHTML: {
-            __html: body
+    var componentProps = __assign({ width: size, height: size, viewBox: "0 0 ".concat(size, " ").concat(size), fill: 'none', dangerouslySetInnerHTML: {
+            __html: body,
         } }, filteredAttributes);
     if (attributes.className) {
         compiledClasses.push(attributes.className);
@@ -284,25 +284,26 @@ var compileReactIconProperties = function (_a) {
     return componentProps;
 };
 
+
 /* <windicss-keep class=""> */
 
 var compileProps = function (_a) {
     var status = _a.status, statuses = _a.statuses, className = _a.className, size = _a.size;
     var statusInfo = status ? statuses[status] : statuses.placeholder;
     var iconInfo = status ? statuses$2[status] : statuses$2.placeholder;
-    var _b = statusInfo["size" + size + "Icon"], iconData = _b.data, name = _b.name;
-    var classes = "inline-block " + (className || '');
+    var _b = statusInfo["size".concat(size, "Icon")], iconData = _b.data, name = _b.name;
+    var classes = "inline-block ".concat(className || '');
     var compiledClasses = getComponentAttributes({
         name: name,
         strokeColor: iconInfo.color,
         size: size,
         availableSizes: [size],
-        fillColor: iconInfo.secondaryColor
+        fillColor: iconInfo.secondaryColor,
     }).compiledClasses;
     return compileReactIconProperties({
         body: iconData,
         compiledClasses: __spreadArray(__spreadArray([], compiledClasses, true), [classes], false),
-        size: size
+        size: size,
     });
 };
 
@@ -312,7 +313,7 @@ var OutlineStatusIcon = function (_a) {
         status: status,
         statuses: statuses$3,
         className: rest.className,
-        size: size
+        size: size,
     })));
 };
 
@@ -322,85 +323,85 @@ var statuses$1 = {
         size8Icon: cyStatusRunningSimpleX8,
         size12Icon: cyStatusRunningOutlineX12,
         size16Icon: cyStatusRunningOutlineX16,
-        size24Icon: cyStatusRunningOutlineX24
+        size24Icon: cyStatusRunningOutlineX24,
     },
     passed: {
         size4Icon: cyStatusPassedSimpleX4,
         size8Icon: cyStatusPassedSimpleX8,
         size12Icon: cyStatusPassedSimpleX12,
         size16Icon: cyStatusPassedSimpleX16,
-        size24Icon: cyStatusPassedSimpleX24
+        size24Icon: cyStatusPassedSimpleX24,
     },
     failed: {
         size4Icon: cyStatusFailedSimpleX4,
         size8Icon: cyStatusFailedSimpleX8,
         size12Icon: cyStatusFailedSimpleX12,
         size16Icon: cyStatusFailedSimpleX16,
-        size24Icon: cyStatusFailedSimpleX24
+        size24Icon: cyStatusFailedSimpleX24,
     },
     unclaimed: {
         size4Icon: cyStatusQueuedSimpleX4,
         size8Icon: cyStatusQueuedSimpleX8,
         size12Icon: cyStatusQueuedOutlineX12,
         size16Icon: cyStatusQueuedOutlineX16,
-        size24Icon: cyStatusQueuedOutlineX24
+        size24Icon: cyStatusQueuedOutlineX24,
     },
     placeholder: {
         size4Icon: cyStatusPlaceholderSimpleX4,
         size8Icon: cyStatusPlaceholderSimpleX8,
         size12Icon: cyStatusPlaceholderSolidX12,
         size16Icon: cyStatusPlaceholderSolidX16,
-        size24Icon: cyStatusPlaceholderSolidX24
+        size24Icon: cyStatusPlaceholderSolidX24,
     },
     cancelled: {
         size4Icon: cyStatusCancelledSimpleX4,
         size8Icon: cyStatusCancelledSimpleX8,
         size12Icon: cyStatusCancelledSolidX12,
         size16Icon: cyStatusCancelledSolidX16,
-        size24Icon: cyStatusCancelledSolidX24
+        size24Icon: cyStatusCancelledSolidX24,
     },
     noTests: {
         size4Icon: cyStatusErroredSimpleX4,
         size8Icon: cyStatusErroredSimpleX8,
         size12Icon: cyStatusErroredSolidX12,
         size16Icon: cyStatusErroredSolidX16,
-        size24Icon: cyStatusErroredSolidX24
+        size24Icon: cyStatusErroredSolidX24,
     },
     errored: {
         size4Icon: cyStatusErroredSimpleX4,
         size8Icon: cyStatusErroredSimpleX8,
         size12Icon: cyStatusErroredSolidX12,
         size16Icon: cyStatusErroredSolidX16,
-        size24Icon: cyStatusErroredSolidX24
+        size24Icon: cyStatusErroredSolidX24,
     },
     timedOut: {
         size4Icon: cyStatusErroredSimpleX4,
         size8Icon: cyStatusErroredSimpleX8,
         size12Icon: cyStatusErroredSolidX12,
         size16Icon: cyStatusErroredSolidX16,
-        size24Icon: cyStatusErroredSolidX24
+        size24Icon: cyStatusErroredSolidX24,
     },
     overLimit: {
         size4Icon: cyStatusErroredSimpleX4,
         size8Icon: cyStatusErroredSimpleX8,
         size12Icon: cyStatusErroredSolidX12,
         size16Icon: cyStatusErroredSolidX16,
-        size24Icon: cyStatusErroredSolidX24
+        size24Icon: cyStatusErroredSolidX24,
     },
     skipped: {
         size4Icon: cyStatusSkippedSimpleX4,
         size8Icon: cyStatusSkippedSimpleX8,
         size12Icon: cyStatusSkippedOutlineX12,
         size16Icon: cyStatusSkippedOutlineX16,
-        size24Icon: cyStatusSkippedOutlineX24
+        size24Icon: cyStatusSkippedOutlineX24,
     },
     pending: {
         size4Icon: cyStatusPendingSimpleX4,
         size8Icon: cyStatusPendingSimpleX8,
         size12Icon: cyStatusPendingOutlineX12,
         size16Icon: cyStatusPendingOutlineX16,
-        size24Icon: cyStatusPendingOutlineX24
-    }
+        size24Icon: cyStatusPendingOutlineX24,
+    },
 };
 
 var SimpleStatusIcon = function (_a) {
@@ -409,7 +410,7 @@ var SimpleStatusIcon = function (_a) {
         status: status,
         statuses: statuses$1,
         className: rest.className,
-        size: size
+        size: size,
     })));
 };
 
@@ -419,85 +420,85 @@ var statuses = {
         size8Icon: cyStatusRunningSimpleX8,
         size12Icon: cyStatusRunningOutlineX12,
         size16Icon: cyStatusRunningOutlineX16,
-        size24Icon: cyStatusRunningOutlineX24
+        size24Icon: cyStatusRunningOutlineX24,
     },
     passed: {
         size4Icon: cyStatusPassedSimpleX4,
         size8Icon: cyStatusPassedSimpleX8,
         size12Icon: cyStatusPassedSimpleX12,
         size16Icon: cyStatusPassedSolidX16,
-        size24Icon: cyStatusPassedSolidX24
+        size24Icon: cyStatusPassedSolidX24,
     },
     failed: {
         size4Icon: cyStatusFailedSimpleX4,
         size8Icon: cyStatusFailedSimpleX8,
         size12Icon: cyStatusFailedSimpleX12,
         size16Icon: cyStatusFailedSolidX16,
-        size24Icon: cyStatusFailedSolidX24
+        size24Icon: cyStatusFailedSolidX24,
     },
     unclaimed: {
         size4Icon: cyStatusQueuedSimpleX4,
         size8Icon: cyStatusQueuedSimpleX8,
         size12Icon: cyStatusQueuedOutlineX12,
         size16Icon: cyStatusQueuedOutlineX16,
-        size24Icon: cyStatusQueuedOutlineX24
+        size24Icon: cyStatusQueuedOutlineX24,
     },
     placeholder: {
         size4Icon: cyStatusPlaceholderSimpleX4,
         size8Icon: cyStatusPlaceholderSimpleX8,
         size12Icon: cyStatusPlaceholderSolidX12,
         size16Icon: cyStatusPlaceholderSolidX16,
-        size24Icon: cyStatusPlaceholderSolidX24
+        size24Icon: cyStatusPlaceholderSolidX24,
     },
     cancelled: {
         size4Icon: cyStatusCancelledSimpleX4,
         size8Icon: cyStatusCancelledSimpleX8,
         size12Icon: cyStatusCancelledSolidX12,
         size16Icon: cyStatusCancelledSolidX16,
-        size24Icon: cyStatusCancelledSolidX24
+        size24Icon: cyStatusCancelledSolidX24,
     },
     noTests: {
         size4Icon: cyStatusErroredSimpleX4,
         size8Icon: cyStatusErroredSimpleX8,
         size12Icon: cyStatusErroredSolidX12,
         size16Icon: cyStatusErroredSolidX16,
-        size24Icon: cyStatusErroredSolidX24
+        size24Icon: cyStatusErroredSolidX24,
     },
     errored: {
         size4Icon: cyStatusErroredSimpleX4,
         size8Icon: cyStatusErroredSimpleX8,
         size12Icon: cyStatusErroredSolidX12,
         size16Icon: cyStatusErroredSolidX16,
-        size24Icon: cyStatusErroredSolidX24
+        size24Icon: cyStatusErroredSolidX24,
     },
     timedOut: {
         size4Icon: cyStatusErroredSimpleX4,
         size8Icon: cyStatusErroredSimpleX8,
         size12Icon: cyStatusErroredSolidX12,
         size16Icon: cyStatusErroredSolidX16,
-        size24Icon: cyStatusErroredSolidX24
+        size24Icon: cyStatusErroredSolidX24,
     },
     overLimit: {
         size4Icon: cyStatusErroredSimpleX4,
         size8Icon: cyStatusErroredSimpleX8,
         size12Icon: cyStatusErroredSolidX12,
         size16Icon: cyStatusErroredSolidX16,
-        size24Icon: cyStatusErroredSolidX24
+        size24Icon: cyStatusErroredSolidX24,
     },
     skipped: {
         size4Icon: cyStatusSkippedSimpleX4,
         size8Icon: cyStatusSkippedSimpleX8,
         size12Icon: cyStatusSkippedOutlineX12,
         size16Icon: cyStatusSkippedOutlineX16,
-        size24Icon: cyStatusSkippedOutlineX24
+        size24Icon: cyStatusSkippedOutlineX24,
     },
     pending: {
         size4Icon: cyStatusPendingSimpleX4,
         size8Icon: cyStatusPendingSimpleX8,
         size12Icon: cyStatusPendingOutlineX12,
         size16Icon: cyStatusPendingOutlineX16,
-        size24Icon: cyStatusPendingOutlineX24
-    }
+        size24Icon: cyStatusPendingOutlineX24,
+    },
 };
 
 var SolidStatusIcon = function (_a) {
@@ -506,7 +507,7 @@ var SolidStatusIcon = function (_a) {
         status: status,
         statuses: statuses,
         className: rest.className,
-        size: size
+        size: size,
     })));
 };
 
@@ -522,6 +523,6 @@ 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"> */
-//# sourceMappingURL=index.es.mjs.map