@cypress-design/react-statusicon 0.4.3 → 0.4.5

package/dist/index.umd.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var iconsRegistry = require('@cypress-design/icon-registry');
+require('clsx');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -38,6 +39,8 @@ 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 */
+
 
 var __assign$1 = function() {
     __assign$1 = Object.assign || function __assign(t) {
@@ -436,6 +439,8 @@ 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 */
+
 
 var __assign = function() {
     __assign = Object.assign || function __assign(t) {
@@ -463,7 +468,10 @@ function __rest(s, e) {
 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 (!iconsRegistry.ICON_COLOR_PROP_NAMES.includes(attrName) && attrName !== 'name') {
+        if (!iconsRegistry.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];
         }
@@ -471,7 +479,7 @@ var compileReactIconProperties = function (_a) {
     }, {});
     var componentProps = __assign({ width: size, height: size, viewBox: "0 0 ".concat(size, " ").concat(size), fill: 'none', dangerouslySetInnerHTML: {
             __html: body,
-        } }, filteredAttributes);
+        }, className: undefined }, filteredAttributes);
     if (attributes.className) {
         compiledClasses.push(attributes.className);
     }
@@ -488,10 +496,9 @@ 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 iconData = statusInfo["size".concat(size, "Icon")].data;
     var classes = "inline-block ".concat(className || '');
     var compiledClasses = iconsRegistry.getComponentAttributes({
-        name: name,
         strokeColor: iconInfo.color,
         size: size,
         availableSizes: [size],