@imtf/icons 0.1.0 → 0.1.3

package/lib/cjs/providers/IconProvider/IconProvider.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-declare const IconProvider: React.FC<IconProviderProps>;
-export default IconProvider;
-export interface IconProviderProps {
-    palette?: object;
-    defaultColor?: string;
-    defaultSize?: string | number;
-    children: React.ReactNode;
-}
+import React from 'react';
+declare const IconProvider: React.FC<IconProviderProps>;
+export default IconProvider;
+export interface IconProviderProps {
+    palette?: object;
+    defaultColor?: string;
+    defaultSize?: string | number;
+    children: React.ReactNode;
+}

package/lib/cjs/providers/IconProvider/IconProvider.js

@@ -1,68 +1,68 @@
-"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 = require("react");
-var lodash_get_1 = __importDefault(require("lodash.get"));
-var Context_1 = __importStar(require("./Context"));
-var IconProvider = function (_a) {
-    var palette = _a.palette, defaultColor = _a.defaultColor, defaultSize = _a.defaultSize, children = _a.children, props = __rest(_a, ["palette", "defaultColor", "defaultSize", "children"]);
-    // Checks if default color comes from the palette, else we take default color value
-    var color = (0, react_1.useMemo)(function () { return (0, lodash_get_1.default)(palette, defaultColor || '', defaultColor); }, [defaultColor, palette]);
-    var defaultValue = (0, react_1.useMemo)(function () {
-        return Object.entries({
-            size: defaultSize,
-            color: color,
-            palette: palette,
-        }).reduce(function (acc, _a) {
-            var _b;
-            var key = _a[0], value = _a[1];
-            return (!!value ? __assign(__assign({}, acc), (_b = {}, _b[key] = value, _b)) : acc);
-        }, {});
-    }, [defaultSize, color, palette]);
-    return ((0, jsx_runtime_1.jsx)(Context_1.default.Provider, __assign({ value: __assign(__assign(__assign({}, Context_1.defaultContext), props), defaultValue) }, { children: children }), void 0));
-};
-exports.default = IconProvider;
+"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 = require("react");
+var lodash_get_1 = __importDefault(require("lodash.get"));
+var Context_1 = __importStar(require("./Context"));
+var IconProvider = function (_a) {
+    var palette = _a.palette, defaultColor = _a.defaultColor, defaultSize = _a.defaultSize, children = _a.children, props = __rest(_a, ["palette", "defaultColor", "defaultSize", "children"]);
+    // Checks if default color comes from the palette, else we take default color value
+    var color = (0, react_1.useMemo)(function () { return (0, lodash_get_1.default)(palette, defaultColor || '', defaultColor); }, [defaultColor, palette]);
+    var defaultValue = (0, react_1.useMemo)(function () {
+        return Object.entries({
+            size: defaultSize,
+            color: color,
+            palette: palette,
+        }).reduce(function (acc, _a) {
+            var _b;
+            var key = _a[0], value = _a[1];
+            return (!!value ? __assign(__assign({}, acc), (_b = {}, _b[key] = value, _b)) : acc);
+        }, {});
+    }, [defaultSize, color, palette]);
+    return ((0, jsx_runtime_1.jsx)(Context_1.default.Provider, __assign({ value: __assign(__assign(__assign({}, Context_1.defaultContext), props), defaultValue) }, { children: children }), void 0));
+};
+exports.default = IconProvider;

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

@@ -1,4 +1,4 @@
-export { default as IconProvider } from './IconProvider/IconProvider.js';
-export * from './IconProvider/IconProvider.js';
-export { default as IconContext } from './IconProvider/Context.js';
-export * from './IconProvider/Context.js';
+export { default as IconProvider } from './IconProvider/IconProvider.js';
+export * from './IconProvider/IconProvider.js';
+export { default as IconContext } from './IconProvider/Context.js';
+export * from './IconProvider/Context.js';

package/lib/cjs/providers/index.js

@@ -1,22 +1,22 @@
-"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.IconContext = exports.IconProvider = void 0;
-var IconProvider_js_1 = require("./IconProvider/IconProvider.js");
-Object.defineProperty(exports, "IconProvider", { enumerable: true, get: function () { return __importDefault(IconProvider_js_1).default; } });
-__exportStar(require("./IconProvider/IconProvider.js"), exports);
-var Context_js_1 = require("./IconProvider/Context.js");
-Object.defineProperty(exports, "IconContext", { enumerable: true, get: function () { return __importDefault(Context_js_1).default; } });
-__exportStar(require("./IconProvider/Context.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.IconContext = exports.IconProvider = void 0;
+var IconProvider_js_1 = require("./IconProvider/IconProvider.js");
+Object.defineProperty(exports, "IconProvider", { enumerable: true, get: function () { return __importDefault(IconProvider_js_1).default; } });
+__exportStar(require("./IconProvider/IconProvider.js"), exports);
+var Context_js_1 = require("./IconProvider/Context.js");
+Object.defineProperty(exports, "IconContext", { enumerable: true, get: function () { return __importDefault(Context_js_1).default; } });
+__exportStar(require("./IconProvider/Context.js"), exports);

package/lib/esm/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/esm/components/IconSVG.js

@@ -1,49 +1,49 @@
-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 __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;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useContext, useEffect, useMemo } from 'react';
-import get from 'lodash.get';
-import IconContext from '../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 = useContext(IconContext);
-    var defaultValues = __assign(__assign(__assign({}, defaultContextValues), { color: defaultColor || defaultContextValues.color, size: size || defaultContextValues.size }), props);
-    var color = useMemo(function () { return get(defaultValues.palette, defaultValues.color, defaultValues.color); }, [defaultValues.color, defaultValues.palette]);
-    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.cloneElement(children, __assign({ fill: color, width: defaultValues.size, height: defaultValues.size }, props))) : src ? (_jsx("div", { id: "SVGWrapper" }, void 0)) : null;
-};
-export default IconSVG;
+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 __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;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useContext, useEffect, useMemo } from 'react';
+import get from 'lodash.get';
+import IconContext from '../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 = useContext(IconContext);
+    var defaultValues = __assign(__assign(__assign({}, defaultContextValues), { color: defaultColor || defaultContextValues.color, size: size || defaultContextValues.size }), props);
+    var color = useMemo(function () { return get(defaultValues.palette, defaultValues.color, defaultValues.color); }, [defaultValues.color, defaultValues.palette]);
+    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.cloneElement(children, __assign({ fill: color, width: defaultValues.size, height: defaultValues.size }, props))) : src ? (_jsx("div", { id: "SVGWrapper" }, void 0)) : null;
+};
+export default IconSVG;

package/lib/esm/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/esm/components/index.js

@@ -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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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;