@cypress-design/react-statusicon 1.0.0 → 1.0.1

package/.turbo/turbo-build.log

@@ -1,5 +1,7 @@
 $ yarn build:module && yarn build:types
 $ rollup -c ./rollup.config.mjs
+(node:4220) 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
@@ -8,5 +10,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 13.8s
+created ./dist/index.umd.js, ./dist/index.es.mjs in 12.9s
 $ tsc --project ./tsconfig.build.json

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @cypress-design/react-statusicon
 
+## 1.0.1
+
+### Patch Changes
+
+- [#450](https://github.com/cypress-io/cypress-design/pull/450) [`927097f`](https://github.com/cypress-io/cypress-design/commit/927097f409235ac78c98b281c4d9b2ec70dfe01d) Thanks [@elevatebart](https://github.com/elevatebart)! - optim: do not package dependencies
+
+- Updated dependencies [[`927097f`](https://github.com/cypress-io/cypress-design/commit/927097f409235ac78c98b281c4d9b2ec70dfe01d), [`927097f`](https://github.com/cypress-io/cypress-design/commit/927097f409235ac78c98b281c4d9b2ec70dfe01d)]:
+  - @cypress-design/react-icon@1.1.0
+
 ## 1.0.0
 
 ### Major Changes

package/dist/index.es.mjs

@@ -1,6 +1,7 @@
 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, ICON_COLOR_PROP_NAMES, getComponentAttributes } from '@cypress-design/icon-registry';
-import 'clsx';
+import { statuses, outline, simple, solid } from '@cypress-design/constants-statusicon';
+import { compileReactIconProperties } from '@cypress-design/react-icon';
+import { getComponentAttributes } from '@cypress-design/icon-registry';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -19,18 +20,18 @@ PERFORMANCE OF THIS SOFTWARE.
 /* global Reflect, Promise, SuppressedError, Symbol */
 
 
-var __assign$1 = function() {
-    __assign$1 = Object.assign || function __assign(t) {
+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$1.apply(this, arguments);
+    return __assign.apply(this, arguments);
 };
 
-function __rest$1(s, e) {
+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];
@@ -57,480 +58,10 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-/**
- * This "const" is used to create the list of statuses
- */
-const constStatuses = {
-    running: {
-        // <tw-keep strokeColor="indigo-400" />
-        color: 'indigo-400',
-        use: 'Runs, specs, groups, test results',
-        variants: ['outline'],
-        // <tw-keep fillColor="gray-100" />
-        secondaryColor: 'gray-100',
-    },
-    failing: {
-        // <tw-keep strokeColor="red-400" />
-        color: 'red-400',
-        use: 'Runs, specs, groups, test results',
-        variants: ['outline'],
-        // <tw-keep fillColor="gray-100" />
-        secondaryColor: 'gray-100',
-    },
-    passed: {
-        // <tw-keep strokeColor="jade-400" />
-        color: 'jade-400',
-        use: 'Runs, specs, groups, test results',
-        link: 'https://docs.cypress.io/guides/core-concepts/writing-and-organizing-tests#Passed',
-        variants: ['outline', 'simple', 'solid'],
-    },
-    failed: {
-        // <tw-keep strokeColor="red-400" />
-        color: 'red-400',
-        use: 'Runs, specs, groups, test results',
-        link: 'https://docs.cypress.io/guides/core-concepts/writing-and-organizing-tests#Failed',
-        variants: ['outline', 'simple', 'solid'],
-    },
-    unclaimed: {
-        // <tw-keep strokeColor="gray-100" />
-        color: 'gray-100',
-        use: 'Specs',
-        variants: ['outline'],
-    },
-    placeholder: {
-        // <tw-keep strokeColor="gray-300" />
-        color: 'gray-300',
-        use: 'Placeholder',
-        variants: ['solid'],
-    },
-    cancelled: {
-        // <tw-keep strokeColor="gray-300" />
-        color: 'gray-300',
-        use: 'Runs, specs, groups, test results',
-        variants: ['outline', 'solid'],
-    },
-    noTests: {
-        // <tw-keep strokeColor="orange-400" />
-        color: 'orange-400',
-        use: 'Runs, specs, groups',
-        variants: ['outline', 'solid'],
-    },
-    errored: {
-        // <tw-keep strokeColor="orange-400" />
-        color: 'orange-400',
-        use: 'Runs, specs, groups, test results',
-        variants: ['outline', 'solid'],
-    },
-    timedOut: {
-        // <tw-keep strokeColor="orange-400" />
-        color: 'orange-400',
-        use: 'Runs, specs, groups, test results',
-        variants: ['outline', 'solid'],
-    },
-    overLimit: {
-        // <tw-keep strokeColor="orange-400" />
-        color: 'orange-400',
-        use: 'Runs, specs, groups',
-        link: 'https://docs.cypress.io/faq/questions/dashboard-faq#What-happens-once-I-reach-the-test-results-limit',
-        variants: ['outline', 'solid'],
-    },
-    skipped: {
-        // <tw-keep strokeColor="gray-400" />
-        color: 'gray-400',
-        use: 'Test results',
-        link: 'https://docs.cypress.io/guides/core-concepts/writing-and-organizing-tests#Skipped',
-        variants: ['outline'],
-    },
-    pending: {
-        // <tw-keep strokeColor="gray-300" />
-        color: 'gray-300',
-        use: 'Test results',
-        link: 'https://docs.cypress.io/guides/core-concepts/writing-and-organizing-tests#Pending',
-        variants: ['outline'],
-    },
-};
-/**
- * The status we have here, allow us to check the validity of the constant
- */
-const statuses$3 = constStatuses;
-
-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,
-    },
-};
-
-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,
-    },
-};
-
-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,
-    },
-};
-
-/******************************************************************************
-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.
-***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol */
-
-
-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;
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
-var compileReactIconProperties = function (_a) {
-    var body = _a.body, defs = _a.defs, compiledClasses = _a.compiledClasses, size = _a.size, name = _a.name, alt = _a.alt, attributes = __rest(_a, ["body", "defs", "compiledClasses", "size", "name", "alt"]);
-    var filteredAttributes = Object.keys(attributes).reduce(function (newAttributes, attrName) {
-        if (!ICON_COLOR_PROP_NAMES.includes(attrName) &&
-            attrName !== 'name') {
-            // @ts-expect-error the ky of React's SVGProps is too broad and
-            // breaks here. Since we do not need to check for it. We keep the expect error
-            newAttributes[attrName] =
-                attributes[attrName];
-        }
-        return newAttributes;
-    }, {});
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    React.useEffect(function () {
-        var iconFileId = "".concat(name, "_").concat(size);
-        if (defs) {
-            if (document.querySelector("[data-cy-svg-defs=\"".concat(iconFileId, "\"]"))) {
-                return;
-            }
-            var svgElement = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-            svgElement.setAttribute('data-cy-svg-defs', iconFileId);
-            svgElement.setAttribute('width', '0');
-            svgElement.setAttribute('height', '0');
-            svgElement.innerHTML = defs;
-            document.body.appendChild(svgElement);
-        }
-    }, [defs, name, size]);
-    var componentProps = __assign({ width: size, height: size, viewBox: "0 0 ".concat(size, " ").concat(size), fill: 'none', dangerouslySetInnerHTML: {
-            __html: alt
-                ? "<title>".concat(alt.replace(/[><]/g, function (s) {
-                    return s === '>' ? '&gt;' : '&lt;';
-                }), "</title>").concat(body)
-                : body,
-        }, className: undefined }, filteredAttributes);
-    if (attributes.className) {
-        compiledClasses.push(attributes.className);
-    }
-    if (compiledClasses.length) {
-        componentProps.className = compiledClasses.join(' ');
-    }
-    return componentProps;
-};
-
-
-/* <wind-keep class="filter icon-light-secondary icon-dark-secondary"> */
-
 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;
-    var iconInfo = status ? statuses$3[status] : statuses$3.placeholder;
+    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 iconData = statusInfo["size".concat(size, "Icon")].data;
     var classes = "inline-block ".concat(className || '');
     var compiledClasses = getComponentAttributes({
@@ -548,10 +79,10 @@ var compileProps = function (_a) {
 };
 
 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({
+    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: outline.statuses,
         className: rest.className,
         size: size,
         variantName: 'outline',
@@ -559,10 +90,10 @@ var OutlineStatusIcon = function (_a) {
 };
 
 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({
+    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: simple.statuses,
         className: rest.className,
         size: size,
         variantName: 'simple',
@@ -570,10 +101,10 @@ var SimpleStatusIcon = function (_a) {
 };
 
 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({
+    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: solid.statuses,
         className: rest.className,
         size: size,
         variantName: 'solid',
@@ -581,17 +112,17 @@ var SolidStatusIcon = function (_a) {
 };
 
 var StatusIcon = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? '24' : _b, status = _a.status, _c = _a.variant, variant = _c === void 0 ? 'simple' : _c, rest = __rest$1(_a, ["size", "status", "variant"]);
+    var _b = _a.size, size = _b === void 0 ? '24' : _b, status = _a.status, _c = _a.variant, variant = _c === void 0 ? 'simple' : _c, rest = __rest(_a, ["size", "status", "variant"]);
     if (variant === 'outline') {
-        return React.createElement(OutlineStatusIcon, __assign$1({ size: size, status: status }, rest));
+        return React.createElement(OutlineStatusIcon, __assign({ size: size, status: status }, rest));
     }
     if (variant === 'simple') {
-        return React.createElement(SimpleStatusIcon, __assign$1({ size: size, status: status }, rest));
+        return React.createElement(SimpleStatusIcon, __assign({ size: size, status: status }, rest));
     }
-    return React.createElement(SolidStatusIcon, __assign$1({ size: size, status: status }, rest));
+    return React.createElement(SolidStatusIcon, __assign({ size: size, status: status }, rest));
 };
 
 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"> */