@imtf/icons 0.1.0 → 0.1.1

package/changelog.md

@@ -1,13 +1,17 @@
-# Icons changelog
-
-## 0.1.0
-
-- Added modules icons
-
-## 0.0.8
-
-- Remove side effects to enable tree shaking
-
-## 0.0.7
-
-- main export added to package js (was preventing test passing in @imtf/react-component)
+# Icons changelog
+
+## 0.1.1
+
+- Add props interface to ts icons
+
+## 0.1.0
+
+- Added modules icons
+
+## 0.0.8
+
+- Remove side effects to enable tree shaking
+
+## 0.0.7
+
+- main export added to package js (was preventing test passing in @imtf/react-component)

package/lib/cjs/components/IconSVG.d.ts

@@ -1,9 +1,9 @@
-import React, { ReactElement } from 'react';
-interface IconSVGProps {
-    color?: string;
-    size?: string | number;
-    src?: string;
-    children?: ReactElement;
-}
-declare const IconSVG: React.FC<IconSVGProps>;
-export default IconSVG;
+import React, { ReactElement } from 'react';
+interface IconSVGProps {
+    color?: string;
+    size?: string | number;
+    src?: string;
+    children?: ReactElement;
+}
+declare const IconSVG: React.FC<IconSVGProps>;
+export default IconSVG;

package/lib/cjs/components/IconSVG.js

@@ -1,73 +1,73 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(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);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = __importStar(require("react"));
-var lodash_get_1 = __importDefault(require("lodash.get"));
-var Context_1 = __importDefault(require("../providers/IconProvider/Context"));
-var IconSVG = function (_a) {
-    var defaultColor = _a.color, size = _a.size, src = _a.src, children = _a.children, props = __rest(_a, ["color", "size", "src", "children"]);
-    var defaultContextValues = (0, react_1.useContext)(Context_1.default);
-    var defaultValues = __assign(__assign(__assign({}, defaultContextValues), { color: defaultColor || defaultContextValues.color, size: size || defaultContextValues.size }), props);
-    var color = (0, react_1.useMemo)(function () { return (0, lodash_get_1.default)(defaultValues.palette, defaultValues.color, defaultValues.color); }, [defaultValues.color, defaultValues.palette]);
-    (0, react_1.useEffect)(function () {
-        if (src && !children) {
-            var wrapper = document.getElementById('SVGWrapper');
-            wrapper.innerHTML = atob(src.startsWith('data') ? src.split(',')[1] : src);
-            var svg = wrapper === null || wrapper === void 0 ? void 0 : wrapper.children;
-            var path = svg === null || svg === void 0 ? void 0 : svg[0].firstElementChild;
-            svg === null || svg === void 0 ? void 0 : svg[0].setAttribute('width', typeof defaultValues.size === 'number'
-                ? defaultValues.size + 'px'
-                : defaultValues.size);
-            svg === null || svg === void 0 ? void 0 : svg[0].setAttribute('height', typeof defaultValues.size === 'number'
-                ? defaultValues.size + 'px'
-                : defaultValues.size);
-            path === null || path === void 0 ? void 0 : path.setAttribute('fill', color);
-        }
-    }, [color, src, children, size]);
-    return children ? (react_1.default.cloneElement(children, __assign({ fill: color, width: defaultValues.size, height: defaultValues.size }, props))) : src ? ((0, jsx_runtime_1.jsx)("div", { id: "SVGWrapper" }, void 0)) : null;
-};
-exports.default = IconSVG;
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(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);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importStar(require("react"));
+var lodash_get_1 = __importDefault(require("lodash.get"));
+var Context_1 = __importDefault(require("../providers/IconProvider/Context"));
+var IconSVG = function (_a) {
+    var defaultColor = _a.color, size = _a.size, src = _a.src, children = _a.children, props = __rest(_a, ["color", "size", "src", "children"]);
+    var defaultContextValues = (0, react_1.useContext)(Context_1.default);
+    var defaultValues = __assign(__assign(__assign({}, defaultContextValues), { color: defaultColor || defaultContextValues.color, size: size || defaultContextValues.size }), props);
+    var color = (0, react_1.useMemo)(function () { return (0, lodash_get_1.default)(defaultValues.palette, defaultValues.color, defaultValues.color); }, [defaultValues.color, defaultValues.palette]);
+    (0, react_1.useEffect)(function () {
+        if (src && !children) {
+            var wrapper = document.getElementById('SVGWrapper');
+            wrapper.innerHTML = atob(src.startsWith('data') ? src.split(',')[1] : src);
+            var svg = wrapper === null || wrapper === void 0 ? void 0 : wrapper.children;
+            var path = svg === null || svg === void 0 ? void 0 : svg[0].firstElementChild;
+            svg === null || svg === void 0 ? void 0 : svg[0].setAttribute('width', typeof defaultValues.size === 'number'
+                ? defaultValues.size + 'px'
+                : defaultValues.size);
+            svg === null || svg === void 0 ? void 0 : svg[0].setAttribute('height', typeof defaultValues.size === 'number'
+                ? defaultValues.size + 'px'
+                : defaultValues.size);
+            path === null || path === void 0 ? void 0 : path.setAttribute('fill', color);
+        }
+    }, [color, src, children, size]);
+    return children ? (react_1.default.cloneElement(children, __assign({ fill: color, width: defaultValues.size, height: defaultValues.size }, props))) : src ? ((0, jsx_runtime_1.jsx)("div", { id: "SVGWrapper" }, void 0)) : null;
+};
+exports.default = IconSVG;

package/lib/cjs/components/index.d.ts

@@ -1,2 +1,2 @@
-export { default as IconSVG } from './IconSVG.js';
-export * from './IconSVG.js';
+export { default as IconSVG } from './IconSVG.js';
+export * from './IconSVG.js';

package/lib/cjs/components/index.js

@@ -1,19 +1,19 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconSVG = void 0;
-var IconSVG_js_1 = require("./IconSVG.js");
-Object.defineProperty(exports, "IconSVG", { enumerable: true, get: function () { return __importDefault(IconSVG_js_1).default; } });
-__exportStar(require("./IconSVG.js"), exports);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconSVG = void 0;
+var IconSVG_js_1 = require("./IconSVG.js");
+Object.defineProperty(exports, "IconSVG", { enumerable: true, get: function () { return __importDefault(IconSVG_js_1).default; } });
+__exportStar(require("./IconSVG.js"), exports);

package/lib/cjs/icons/AccountIcon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function AccountIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function AccountIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default AccountIcon;

package/lib/cjs/icons/AddCircleIcon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function AddCircleIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function AddCircleIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default AddCircleIcon;

package/lib/cjs/icons/AddIcon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function AddIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function AddIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default AddIcon;

package/lib/cjs/icons/AdminIcon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function AdminIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function AdminIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default AdminIcon;

package/lib/cjs/icons/AlertCircleIcon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function AlertCircleIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function AlertCircleIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default AlertCircleIcon;

package/lib/cjs/icons/AlertCircleOutlinedIcon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function AlertCircleOutlinedIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function AlertCircleOutlinedIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default AlertCircleOutlinedIcon;

package/lib/cjs/icons/AlertIcon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function AlertIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function AlertIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default AlertIcon;

package/lib/cjs/icons/AlertLightIcon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function AlertLightIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function AlertLightIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default AlertLightIcon;

package/lib/cjs/icons/AnnotationsIcon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function AnnotationsIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function AnnotationsIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default AnnotationsIcon;

package/lib/cjs/icons/AntiMoneyLaundringIcon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function AntiMoneyLaundringIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function AntiMoneyLaundringIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default AntiMoneyLaundringIcon;

package/lib/cjs/icons/AppIcon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function AppIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function AppIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default AppIcon;

package/lib/cjs/icons/ArrowDropDownIcon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function ArrowDropDownIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function ArrowDropDownIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default ArrowDropDownIcon;

package/lib/cjs/icons/BackIcon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function BackIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function BackIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default BackIcon;

package/lib/cjs/icons/BackgroundSearchIcon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function BackgroundSearchIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function BackgroundSearchIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default BackgroundSearchIcon;

package/lib/cjs/icons/BaseDefaultIcon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function BaseDefaultIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function BaseDefaultIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default BaseDefaultIcon;

package/lib/cjs/icons/BindersIcon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function BindersIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function BindersIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default BindersIcon;

package/lib/cjs/icons/BinocularsIcon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function BinocularsIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function BinocularsIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default BinocularsIcon;

package/lib/cjs/icons/BookmarksIcon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function BookmarksIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function BookmarksIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default BookmarksIcon;

package/lib/cjs/icons/BusinessIcon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function BusinessIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function BusinessIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default BusinessIcon;

package/lib/cjs/icons/CalendarIcon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function CalendarIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function CalendarIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default CalendarIcon;

package/lib/cjs/icons/CancelIcon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function CancelIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function CancelIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default CancelIcon;

package/lib/cjs/icons/CaseManagerIcon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function CaseManagerIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function CaseManagerIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default CaseManagerIcon;

package/lib/cjs/icons/CheckIcon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function CheckIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function CheckIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default CheckIcon;

package/lib/cjs/icons/ChevronDownIcon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function ChevronDownIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function ChevronDownIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default ChevronDownIcon;

package/lib/cjs/icons/ChevronLeftIcon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function ChevronLeftIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function ChevronLeftIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default ChevronLeftIcon;

package/lib/cjs/icons/ChevronRightIcon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function ChevronRightIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function ChevronRightIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default ChevronRightIcon;

package/lib/cjs/icons/ChevronUpIcon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function ChevronUpIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function ChevronUpIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default ChevronUpIcon;

package/lib/cjs/icons/CircleIcon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function CircleIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function CircleIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default CircleIcon;

package/lib/cjs/icons/CollapseAllIcon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function CollapseAllIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function CollapseAllIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default CollapseAllIcon;

package/lib/cjs/icons/CommentIcon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function CommentIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function CommentIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default CommentIcon;

package/lib/cjs/icons/CommentResolvedIcon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function CommentResolvedIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function CommentResolvedIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default CommentResolvedIcon;

package/lib/cjs/icons/CommentUnresolvedIcon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function CommentUnresolvedIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function CommentUnresolvedIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default CommentUnresolvedIcon;

package/lib/cjs/icons/CompareIcon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function CompareIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function CompareIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default CompareIcon;

package/lib/cjs/icons/ComposeFilled1Icon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function ComposeFilled1Icon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function ComposeFilled1Icon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default ComposeFilled1Icon;

package/lib/cjs/icons/ComposeFilled2Icon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function ComposeFilled2Icon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function ComposeFilled2Icon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default ComposeFilled2Icon;

package/lib/cjs/icons/ComposeIcon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function ComposeIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function ComposeIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default ComposeIcon;

package/lib/cjs/icons/ConfigurationIcon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function ConfigurationIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function ConfigurationIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default ConfigurationIcon;

package/lib/cjs/icons/CustomerIcon.d.ts

@@ -1,3 +1,7 @@
 import * as React from 'react';
-declare function CustomerIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function CustomerIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
 export default CustomerIcon;