@cypress-design/react-statusicon 1.0.2 → 1.0.4

package/.turbo/turbo-build.log

@@ -1,7 +1,3 @@
-$ yarn build:module && yarn build:types
-$ rollup -c ./rollup.config.mjs
-(node:4229) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time
-(Use `node --trace-warnings ...` to show where the warning was created)
 
 ./index.ts → ./dist/index.umd.js, ./dist/index.es.mjs...
 (!) Mixing named and default exports
@@ -10,5 +6,4 @@ $ 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 12.4s
-$ tsc --project ./tsconfig.build.json
+created ./dist/index.umd.js, ./dist/index.es.mjs in 14s

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @cypress-design/react-statusicon
 
+## 1.0.4
+
+### Patch Changes
+
+- Updated dependencies [[`7a8dedb`](https://github.com/cypress-io/cypress-design/commit/7a8dedbb34f5f680d935cd2939c15b4783a27d3f), [`6ad912b`](https://github.com/cypress-io/cypress-design/commit/6ad912ba9800292f3b47c5c0a46b8ea2a2a30859)]:
+  - @cypress-design/react-icon@3.0.0
+
+## 1.0.3
+
+### Patch Changes
+
+- Updated dependencies [[`7f0c84a`](https://github.com/cypress-io/cypress-design/commit/7f0c84acb31d231a09ead4969da3c5aea286c385)]:
+  - @cypress-design/react-icon@2.0.0
+
 ## 1.0.2
 
 ### Patch Changes

package/StatusIconReact.cy.tsx

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

package/dist/index.es.mjs

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