@cypress-design/react-icon 0.21.2 → 0.21.4

package/dist/index.umd.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var clsx = require('clsx');
 var iconsRegistry = require('@cypress-design/icon-registry');
 
 function _interopNamespaceDefault(e) {
@@ -68,7 +69,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];
         }
@@ -76,7 +80,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);
     }
@@ -87,7 +91,9 @@ var compileReactIconProperties = function (_a) {
 };
 
 var Icon = function (props) {
-    return React__namespace.createElement('svg', compileReactIconProperties(iconsRegistry.compileIcon(props)));
+    var className = props.className, cleanProps = __rest(props, ["className"]);
+    var properties = compileReactIconProperties(iconsRegistry.compileIcon(cleanProps));
+    return React__namespace.createElement('svg', __assign(__assign({}, properties), { className: clsx(properties.className, className) }));
 };
 
 var IconActionAddLarge = function (props) {
@@ -356,6 +362,17 @@ var IconActionStop = function (props) {
     }
     return React__namespace.createElement('svg', compileReactIconProperties(__assign(__assign({}, props), { size: size, body: body, compiledClasses: compiledClasses })));
 };
+var IconArrowBottomRight = function (props) {
+    var _a = iconsRegistry__namespace.getComponentAttributes(__assign(__assign({}, props), { availableSizes: ["16"] })), size = _a.sizeWithDefault, compiledClasses = _a.compiledClasses;
+    var iconBodies = {
+        "16": "<path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 6v6m0 0H6m6 0L4 4\" class=\"icon-dark\"/>"
+    };
+    var body = iconBodies[size];
+    if (!body) {
+        throw Error("Icon \"arrow-bottom-right\" is not available in size ".concat(size));
+    }
+    return React__namespace.createElement('svg', compileReactIconProperties(__assign(__assign({}, props), { size: size, body: body, compiledClasses: compiledClasses })));
+};
 var IconArrowCollapse = function (props) {
     var _a = iconsRegistry__namespace.getComponentAttributes(__assign(__assign({}, props), { availableSizes: ["16"] })), size = _a.sizeWithDefault, compiledClasses = _a.compiledClasses;
     var iconBodies = {
@@ -444,6 +461,17 @@ var IconArrowSquareDown = function (props) {
     }
     return React__namespace.createElement('svg', compileReactIconProperties(__assign(__assign({}, props), { size: size, body: body, compiledClasses: compiledClasses })));
 };
+var IconArrowTopRight = function (props) {
+    var _a = iconsRegistry__namespace.getComponentAttributes(__assign(__assign({}, props), { availableSizes: ["16"] })), size = _a.sizeWithDefault, compiledClasses = _a.compiledClasses;
+    var iconBodies = {
+        "16": "<path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 10V4m0 0H6m6 0-8 8\" class=\"icon-dark\"/>"
+    };
+    var body = iconBodies[size];
+    if (!body) {
+        throw Error("Icon \"arrow-top-right\" is not available in size ".concat(size));
+    }
+    return React__namespace.createElement('svg', compileReactIconProperties(__assign(__assign({}, props), { size: size, body: body, compiledClasses: compiledClasses })));
+};
 var IconArrowUp = function (props) {
     var _a = iconsRegistry__namespace.getComponentAttributes(__assign(__assign({}, props), { availableSizes: ["16"] })), size = _a.sizeWithDefault, compiledClasses = _a.compiledClasses;
     var iconBodies = {
@@ -824,6 +852,18 @@ var IconDeviceSmartphone = function (props) {
     }
     return React__namespace.createElement('svg', compileReactIconProperties(__assign(__assign({}, props), { size: size, body: body, compiledClasses: compiledClasses })));
 };
+var IconDocumentAddedSquarePlus = function (props) {
+    var _a = iconsRegistry__namespace.getComponentAttributes(__assign(__assign({}, props), { availableSizes: ["16", "24"] })), size = _a.sizeWithDefault, compiledClasses = _a.compiledClasses;
+    var iconBodies = {
+        "16": "<path fill=\"#E4FBF2\" d=\"M2 12V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2Z\" class=\"icon-light\"/><path stroke=\"#1FA971\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 6v4m2-2H6m6-6H4a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2Z\" class=\"icon-dark\"/>",
+        "24": "<path fill=\"#E4FBF2\" d=\"M3 18V6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3Z\" class=\"icon-light\"/><path stroke=\"#1FA971\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v8m4-4H8m10-9H6a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3Z\" class=\"icon-dark\"/>"
+    };
+    var body = iconBodies[size];
+    if (!body) {
+        throw Error("Icon \"document-added-square-plus\" is not available in size ".concat(size));
+    }
+    return React__namespace.createElement('svg', compileReactIconProperties(__assign(__assign({}, props), { size: size, body: body, compiledClasses: compiledClasses })));
+};
 var IconDocumentAdded = function (props) {
     var _a = iconsRegistry__namespace.getComponentAttributes(__assign(__assign({}, props), { availableSizes: ["16"] })), size = _a.sizeWithDefault, compiledClasses = _a.compiledClasses;
     var iconBodies = {
@@ -895,6 +935,18 @@ var IconDocumentMinus = function (props) {
     }
     return React__namespace.createElement('svg', compileReactIconProperties(__assign(__assign({}, props), { size: size, body: body, compiledClasses: compiledClasses })));
 };
+var IconDocumentModifiedSquareDot = function (props) {
+    var _a = iconsRegistry__namespace.getComponentAttributes(__assign(__assign({}, props), { availableSizes: ["16", "24"] })), size = _a.sizeWithDefault, compiledClasses = _a.compiledClasses;
+    var iconBodies = {
+        "16": "<path fill=\"#F5F4D7\" d=\"M9 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z\" class=\"icon-light\"/><path fill=\"#F5F4D7\" fill-rule=\"evenodd\" d=\"M4 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H4Zm4 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z\" class=\"icon-light\" clip-rule=\"evenodd\"/><path stroke=\"#DB7903\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z\" class=\"icon-dark\"/><path stroke=\"#DB7903\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H4Zm4 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z\" class=\"icon-dark\" clip-rule=\"evenodd\"/>",
+        "24": "<path fill=\"#DB7903\" d=\"M14 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z\" class=\"icon-dark\"/><path fill=\"#F5F4D7\" fill-rule=\"evenodd\" d=\"M6 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H6Zm6 11a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z\" class=\"icon-light\" clip-rule=\"evenodd\"/><path stroke=\"#DB7903\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z\" class=\"icon-dark\"/><path stroke=\"#DB7903\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H6Zm6 11a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z\" class=\"icon-dark\" clip-rule=\"evenodd\"/>"
+    };
+    var body = iconBodies[size];
+    if (!body) {
+        throw Error("Icon \"document-modified-square-dot\" is not available in size ".concat(size));
+    }
+    return React__namespace.createElement('svg', compileReactIconProperties(__assign(__assign({}, props), { size: size, body: body, compiledClasses: compiledClasses })));
+};
 var IconDocumentModified = function (props) {
     var _a = iconsRegistry__namespace.getComponentAttributes(__assign(__assign({}, props), { availableSizes: ["16"] })), size = _a.sizeWithDefault, compiledClasses = _a.compiledClasses;
     var iconBodies = {
@@ -1941,6 +1993,18 @@ var IconStatusFailedSolid = function (props) {
     }
     return React__namespace.createElement('svg', compileReactIconProperties(__assign(__assign({}, props), { size: size, body: body, compiledClasses: compiledClasses })));
 };
+var IconStatusFlaky = function (props) {
+    var _a = iconsRegistry__namespace.getComponentAttributes(__assign(__assign({}, props), { availableSizes: ["16", "24"] })), size = _a.sizeWithDefault, compiledClasses = _a.compiledClasses;
+    var iconBodies = {
+        "16": "<path fill=\"#F5F4D7\" d=\"M1 12V4a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3Z\" class=\"icon-light\"/><path stroke=\"#963F00\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.5 5h-3v3.5m0 2.5V8.5m0 0h2\" class=\"icon-dark\"/>",
+        "24": "<path fill=\"#F5F4D7\" d=\"M2 18V6a4 4 0 0 1 4-4h12a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4Z\" class=\"icon-light\"/><path stroke=\"#963F00\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 8h-4v4.5m0 3.5v-3.5m0 0h3\" class=\"icon-dark\"/>"
+    };
+    var body = iconBodies[size];
+    if (!body) {
+        throw Error("Icon \"status-flaky\" is not available in size ".concat(size));
+    }
+    return React__namespace.createElement('svg', compileReactIconProperties(__assign(__assign({}, props), { size: size, body: body, compiledClasses: compiledClasses })));
+};
 var IconStatusPassedOutline = function (props) {
     var _a = iconsRegistry__namespace.getComponentAttributes(__assign(__assign({}, props), { availableSizes: ["16", "24"] })), size = _a.sizeWithDefault, compiledClasses = _a.compiledClasses;
     var iconBodies = {
@@ -2560,6 +2624,7 @@ exports.IconActionRecord = IconActionRecord;
 exports.IconActionRefresh = IconActionRefresh;
 exports.IconActionRestart = IconActionRestart;
 exports.IconActionStop = IconActionStop;
+exports.IconArrowBottomRight = IconArrowBottomRight;
 exports.IconArrowCollapse = IconArrowCollapse;
 exports.IconArrowDown = IconArrowDown;
 exports.IconArrowExpand = IconArrowExpand;
@@ -2568,6 +2633,7 @@ exports.IconArrowOutlineDown = IconArrowOutlineDown;
 exports.IconArrowRight = IconArrowRight;
 exports.IconArrowRightLarge = IconArrowRightLarge;
 exports.IconArrowSquareDown = IconArrowSquareDown;
+exports.IconArrowTopRight = IconArrowTopRight;
 exports.IconArrowUp = IconArrowUp;
 exports.IconBrowserChrome = IconBrowserChrome;
 exports.IconBrowserChromeBeta = IconBrowserChromeBeta;
@@ -2603,12 +2669,14 @@ exports.IconCurrencyUsd = IconCurrencyUsd;
 exports.IconDeviceLaptop = IconDeviceLaptop;
 exports.IconDeviceSmartphone = IconDeviceSmartphone;
 exports.IconDocumentAdded = IconDocumentAdded;
+exports.IconDocumentAddedSquarePlus = IconDocumentAddedSquarePlus;
 exports.IconDocumentBlank = IconDocumentBlank;
 exports.IconDocumentCode = IconDocumentCode;
 exports.IconDocumentDeleted = IconDocumentDeleted;
 exports.IconDocumentDownload = IconDocumentDownload;
 exports.IconDocumentMinus = IconDocumentMinus;
 exports.IconDocumentModified = IconDocumentModified;
+exports.IconDocumentModifiedSquareDot = IconDocumentModifiedSquareDot;
 exports.IconDocumentPlus = IconDocumentPlus;
 exports.IconDocumentPlusMinus = IconDocumentPlusMinus;
 exports.IconDocumentScript = IconDocumentScript;
@@ -2700,6 +2768,7 @@ exports.IconStatusErroredSolid = IconStatusErroredSolid;
 exports.IconStatusFailedOutline = IconStatusFailedOutline;
 exports.IconStatusFailedSimple = IconStatusFailedSimple;
 exports.IconStatusFailedSolid = IconStatusFailedSolid;
+exports.IconStatusFlaky = IconStatusFlaky;
 exports.IconStatusPassedOutline = IconStatusPassedOutline;
 exports.IconStatusPassedSimple = IconStatusPassedSimple;
 exports.IconStatusPassedSolid = IconStatusPassedSolid;