@arquimedes.co/eureka-forms 1.9.134 → 2.0.1-test

package/dist/FormSteps/TextAreaStep/MaterialTextAreaStep/MaterialTextAreaStep.js

@@ -20,195 +20,49 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import RoundedTextField from '../../../shared/RoundedTextField/RoundedTextField';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import RoundedTextField from '../../../Shared/RoundedTextField/RoundedTextField';
 import styles from './MaterialTextAreaStep.module.css';
-import { Controller } from 'react-hook-form';
-import { Editor } from 'react-draft-wysiwyg'; //Load programatically only if step has editor
-import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';
-import './DraftEditor.css';
-import { EditorState } from 'draft-js';
-import React, { useState } from 'react';
-import { ClickAwayListener } from '@material-ui/core';
+import { useController } from 'react-hook-form';
+import { useCallback, useState } from 'react';
+import { useAppSelector } from '../../../hooks';
+import { useStepDependency } from '../../StepHooks';
 function TextAreaStep(_a) {
-    var step = _a.step, errors = _a.errors, partial = _a.partial, control = _a.control, editable = _a.editable, postview = _a.postview, formStyle = _a.formStyle, maxLength = _a.maxLength, originalValues = _a.originalValues;
-    var _b = useState(false), hovering = _b[0], setHovering = _b[1];
-    var _c = useState(false), focus = _c[0], setFocus = _c[1];
-    var calcStyle = function () {
-        var backgroundColor = formStyle.stepBackgroundColor;
-        if (focus) {
-            return {
-                border: '2px solid ' + formStyle.primaryColor,
-                marginTop: -1,
-                marginLeft: -1,
-                marginBottom: 0,
-                backgroundColor: backgroundColor,
-            };
+    var _b, _c;
+    var step = _a.step, editable = _a.editable, maxLength = _a.maxLength;
+    var _d = useAppSelector(function (state) { return state.global; }), formStyle = _d.formStyle, postview = _d.postview, partial = _d.partial;
+    var _e = useState(), timer = _e[0], setTimer = _e[1];
+    var _f = useStepDependency(step), handleStepDep = _f.handleStepDep, originalValue = _f.originalValue, isDependency = _f.isDependency;
+    var _g = useController({
+        name: step.id,
+        shouldUnregister: true,
+        rules: {
+            required: step.required ? 'Este campo es obligatorio' : undefined,
+        },
+        defaultValue: originalValue,
+    }), _h = _g.field, ref = _h.ref, field = __rest(_h, ["ref"]), error = _g.fieldState.error;
+    var onChange = useCallback(function (e) {
+        if (isDependency) {
+            try {
+                clearTimeout(timer);
+                // eslint-disable-next-line no-empty
+            }
+            catch (e) { }
+            setTimer(setTimeout(function () {
+                handleStepDep(e.target.value);
+                setTimer(undefined);
+            }, 1000));
         }
-        else if (hovering) {
-            return {
-                border: '1px solid ' + formStyle.primaryColor,
-                backgroundColor: backgroundColor,
-            };
-        }
-        else {
-            return {
-                border: '1px solid ' + formStyle.outlineColor,
-                backgroundColor: backgroundColor,
-            };
-        }
-    };
-    var calcDefaultStringValue = function (defaultValue) {
-        var _a;
-        if (typeof defaultValue === 'string') {
-            return defaultValue;
-        }
-        else {
-            return (_a = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.text) !== null && _a !== void 0 ? _a : '';
-        }
-    };
+        field.onChange(e);
+    }, [handleStepDep, isDependency, field]);
     var canEdit = editable && !postview;
-    if (step.hasTextEditor) {
-        return (_jsxs("div", __assign({ className: styles.textEditorContainer, style: {
-                '--eureka-outline': formStyle.outlineColor,
-                '--eureka-primary': formStyle.primaryColor,
-            } }, { children: [step.label && (_jsxs("div", __assign({ className: styles.textEditorLabel, style: {
-                        color: !!errors[step.id]
-                            ? formStyle.errorColor
-                            : formStyle.textColor,
-                    } }, { children: [step.label, " ", step.required ? ' *' : ''] }))), _jsx(ClickAwayListener, __assign({ mouseEvent: "onMouseDown", onClickAway: function () {
-                        if (canEdit) {
-                            setFocus(false);
-                        }
-                    } }, { children: _jsx("div", __assign({ className: postview
-                            ? styles.postViewContainer +
-                                ' EF-DraftContainer'
-                            : styles.textContainer + ' EF-DraftContainer', "data-testid": step.id, style: calcStyle(), onMouseEnter: function () {
-                            if (canEdit) {
-                                setHovering(true);
-                            }
-                        }, onMouseLeave: function () {
-                            if (canEdit) {
-                                setHovering(false);
-                            }
-                        }, onClick: function () {
-                            if (canEdit) {
-                                setFocus(true);
-                            }
-                        } }, { children: _jsx(Controller, { name: step.id, control: control, defaultValue: EditorState.createEmpty(), rules: step.required
-                                ? {
-                                    validate: function (editorState) {
-                                        return editorState
-                                            .getCurrentContent()
-                                            .hasText();
-                                    },
-                                }
-                                : {}, shouldUnregister: true, render: function (_a) {
-                                var _b;
-                                var field = _a.field;
-                                var editorClassName = styles.editor;
-                                if (!field.value.getCurrentContent().hasText()) {
-                                    if (field.value
-                                        .getCurrentContent()
-                                        .getBlockMap()
-                                        .first()
-                                        .getType() !== 'unstyled') {
-                                        editorClassName +=
-                                            ' RichEditor-hidePlaceholder';
-                                    }
-                                }
-                                if (!canEdit) {
-                                    editorClassName += ' postview-editor';
-                                }
-                                return (_jsx(Editor, { editorRef: field.ref, onFocus: function () {
-                                        setFocus(true);
-                                    }, readOnly: !canEdit, onBlur: field.onBlur, stripPastedStyles: true, editorState: field.value, onEditorStateChange: field.onChange, toolbarClassName: styles.toolbar +
-                                        (!canEdit
-                                            ? ' postview-editor-toolbar'
-                                            : ''), editorClassName: editorClassName, wrapperClassName: styles.wrapper, placeholder: (_b = step.description) !== null && _b !== void 0 ? _b : '', toolbar: {
-                                        options: [
-                                            'inline',
-                                            'list',
-                                            'history',
-                                        ],
-                                        inline: {
-                                            options: [
-                                                'bold',
-                                                'italic',
-                                                'underline',
-                                                'strikethrough',
-                                            ],
-                                        },
-                                        list: {
-                                            options: ['unordered'],
-                                        },
-                                    } }));
-                            } }) })) })), _jsx("div", __assign({ className: styles.errorMsg, style: {
-                        color: formStyle.errorColor,
-                        height: !postview && editable ? '0.75rem' : 0,
-                    } }, { children: !!errors[step.id] && 'Este campo es obligatorio' }))] })));
-    }
-    else {
-        return (_jsx("div", __assign({ className: styles.container, style: {
-                paddingBottom: step.required || step.description || !!errors[step.id]
-                    ? '0px'
-                    : '5px',
-            } }, { children: _jsx(Controller, { name: step.id, control: control, defaultValue: calcDefaultStringValue(originalValues[step.id]), rules: {
-                    required: step.required
-                        ? 'Este campo es obligatorio'
-                        : undefined,
-                }, shouldUnregister: true, render: function (_a) {
-                    var _b;
-                    var _c = _a.field, ref = _c.ref, field = __rest(_c, ["ref"]);
-                    return (_jsxs(React.Fragment, { children: [_jsx("div", __assign({ className: styles.erkTextArea }, { children: _jsx(RoundedTextField, __assign({}, field, { "data-testid": step.id, maxLength: maxLength, label: step.label, inputRef: ref, required: step.required, cantEdit: !canEdit, fontWeight: 400, multiline: true, minRows: postview && partial ? undefined : 4, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, backgroundColor: formStyle.stepBackgroundColor, helperTextColor: formStyle.descriptionTextColor, helperText: errors[step.id]
-                                        ? errors[step.id].message
-                                        : (_b = step.description) !== null && _b !== void 0 ? _b : (step.required ? ' ' : null), error: !!errors[step.id] })) })), postview && (_jsxs("div", __assign({ className: styles.print }, { children: [_jsxs("div", { children: [step.label, ":"] }), _jsx("p", __assign({ className: styles.printContainer, style: {
-                                            backgroundColor: formStyle.stepBackgroundColor,
-                                            borderColor: formStyle.outlineColor,
-                                        } }, { children: field.value }))] })))] }));
-                } }) })));
-    }
+    return (_jsxs("div", __assign({ className: styles.container, style: {
+            paddingBottom: step.required || step.description || !!error
+                ? '0px'
+                : '5px',
+        } }, { children: [_jsx("div", __assign({ className: styles.erkTextArea }, { children: _jsx(RoundedTextField, __assign({}, field, { onChange: onChange, "data-testid": step.id, maxLength: maxLength, label: step.label, inputRef: ref, required: step.required, cantEdit: !canEdit, fontWeight: 400, multiline: true, minRows: postview && partial ? undefined : 4, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, backgroundColor: formStyle.stepBackgroundColor, helperTextColor: formStyle.descriptionTextColor, helperText: (_c = (_b = error === null || error === void 0 ? void 0 : error.message) !== null && _b !== void 0 ? _b : step.description) !== null && _c !== void 0 ? _c : (step.required ? ' ' : null), error: !!error })) })), postview && (_jsxs("div", __assign({ className: styles.print }, { children: [_jsxs("div", { children: [step.label, ":"] }), _jsx("p", __assign({ className: styles.printContainer, style: {
+                            backgroundColor: formStyle.stepBackgroundColor,
+                            borderColor: formStyle.outlineColor,
+                        } }, { children: field.value }))] })))] })));
 }
 export default TextAreaStep;
-export function stringToDraft(text) {
-    var draftStructure = {
-        blocks: [],
-        entityMap: {},
-    };
-    text.split('\n').forEach(function (element, index) {
-        draftStructure.blocks.push({
-            key: String(index),
-            text: element,
-            type: 'unstyled',
-            depth: 0,
-            inlineStyleRanges: [],
-            entityRanges: [],
-            data: {},
-        });
-    });
-    return draftStructure;
-}
-export var getRawText = function (draft, text) {
-    if (draft !== undefined) {
-        return draft;
-    }
-    else if (text !== undefined) {
-        return stringToDraft(text);
-    }
-    else {
-        return {
-            blocks: [
-                {
-                    key: 'fudmo',
-                    text: '',
-                    type: 'unstyled',
-                    depth: 0,
-                    inlineStyleRanges: [],
-                    entityRanges: [],
-                    data: {},
-                },
-            ],
-            entityMap: {},
-        };
-    }
-};

package/dist/FormSteps/TextAreaStep/MaterialTextAreaStep/MaterialTextAreaStep.module.css

@@ -43,15 +43,6 @@
     border-radius: 15px;
 }
 
-.disabledCurtain {
-    position: absolute;
-    bottom: 0;
-    top: 0;
-    left: 0;
-    right: 0;
-    z-index: 2;
-}
-
 .errorMsg {
     margin-top: 4px;
     margin-bottom: 5px;

package/dist/FormSteps/TextAreaStep/TextAreaStep.js

@@ -10,13 +10,19 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useAppSelector } from '../../hooks';
 import { FormStyleTypes } from '../../constants/FormStepTypes';
 import MaterialTextAreaStep from './MaterialTextAreaStep/MaterialTextAreaStep';
+import MaterialTextAreaEditorStep from './MaterialTextAreaStep/MaterialTextAreaEditorStep';
 function TextAreaStep(props) {
-    switch (props.formStyle.type) {
+    var formStyle = useAppSelector(function (state) { return state.global; }).formStyle;
+    switch (formStyle.type) {
         case FormStyleTypes.MATERIAL:
         default: {
-            return _jsx(MaterialTextAreaStep, __assign({}, props));
+            if (props.step.hasTextEditor)
+                return _jsx(MaterialTextAreaEditorStep, __assign({}, props));
+            else
+                return _jsx(MaterialTextAreaStep, __assign({}, props));
         }
     }
 }

package/dist/FormSteps/TextInputStep/MaterialTextInputStep/MaterialTextInputStep.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { TextInputStepProps } from '../TextInputStep';
-declare function TextInputStep({ icon, step, form, errors, control, editable, postview, maxLength, formStyle, widthStats, defaultValue, dependencyStore, setDependencyStore, validation, }: TextInputStepProps): JSX.Element;
+declare function TextInputStep({ icon, step, editable, maxLength, defaultValue, validation, }: TextInputStepProps): JSX.Element;
 export default TextInputStep;

package/dist/FormSteps/TextInputStep/MaterialTextInputStep/MaterialTextInputStep.js

@@ -21,57 +21,58 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import RoundedTextField from '../../../shared/RoundedTextField/RoundedTextField';
+import RoundedTextField from '../../../Shared/RoundedTextField/RoundedTextField';
 import styles from './MaterialTextInputStep.module.css';
-import { Controller } from 'react-hook-form';
+import { useController } from 'react-hook-form';
 import { calcStepWidth } from '../../StepFunctions';
-import { useState } from 'react';
+import { useCallback, useContext, useState } from 'react';
+import FormContext from '../../../Contexts/FormContext';
+import { selectBreakPoint, useAppSelector } from '../../../hooks';
+import { useStepDependency } from '../../StepHooks';
 function TextInputStep(_a) {
-    var icon = _a.icon, step = _a.step, form = _a.form, errors = _a.errors, control = _a.control, editable = _a.editable, postview = _a.postview, maxLength = _a.maxLength, formStyle = _a.formStyle, widthStats = _a.widthStats, _b = _a.defaultValue, defaultValue = _b === void 0 ? '' : _b, dependencyStore = _a.dependencyStore, setDependencyStore = _a.setDependencyStore, _c = _a.validation, validation = _c === void 0 ? step.validation : _c;
-    var _d = useState(null), timer = _d[0], setTimer = _d[1];
+    var _b;
+    var icon = _a.icon, step = _a.step, editable = _a.editable, maxLength = _a.maxLength, defaultValue = _a.defaultValue, _c = _a.validation, validation = _c === void 0 ? step.validation : _c;
+    var currentBreakPoint = useAppSelector(selectBreakPoint);
+    var _d = useAppSelector(function (state) { return state.global; }), formStyle = _d.formStyle, postview = _d.postview;
+    var form = useContext(FormContext);
+    var _e = useState(), timer = _e[0], setTimer = _e[1];
+    var _f = useStepDependency(step, defaultValue), isDependency = _f.isDependency, handleStepDep = _f.handleStepDep, originalValue = _f.originalValue;
+    var _g = useController({
+        name: step.id,
+        shouldUnregister: true,
+        rules: {
+            required: step.required ? 'Este campo es obligatorio' : undefined,
+            pattern: validation
+                ? {
+                    value: new RegExp(validation.value),
+                    message: validation.message,
+                }
+                : undefined,
+        },
+        defaultValue: originalValue,
+    }), _h = _g.field, ref = _h.ref, field = __rest(_h, ["ref"]), error = _g.fieldState.error;
+    var onChange = useCallback(function (e) {
+        if (isDependency) {
+            try {
+                clearTimeout(timer);
+                // eslint-disable-next-line no-empty
+            }
+            catch (e) { }
+            setTimer(setTimeout(function () {
+                handleStepDep(e.target.value);
+                setTimer(undefined);
+            }, 1000));
+        }
+        field.onChange(e);
+    }, [handleStepDep, isDependency, field]);
     return (_jsx("div", __assign({ className: styles.container, style: {
-            width: widthStats.currentBreakPoint <= step.size
+            width: currentBreakPoint <= step.size
                 ? '100%'
                 : calcStepWidth(step.size, form.size),
             minHeight: (!postview && editable && (step.required || validation)) ||
                 step.description
                 ? '55px'
                 : '43px',
-        } }, { children: _jsx(Controller, { name: step.id, control: control, defaultValue: defaultValue, rules: {
-                required: step.required
-                    ? 'Este campo es obligatorio'
-                    : undefined,
-                pattern: validation
-                    ? {
-                        value: new RegExp(validation.value),
-                        message: validation.message,
-                    }
-                    : undefined,
-            }, shouldUnregister: true, render: function (_a) {
-                var _b = _a.field, ref = _b.ref, field = __rest(_b, ["ref"]);
-                return (_jsx(RoundedTextField, __assign({}, field, { onChange: function (e) {
-                        var value = e.target.value;
-                        if (dependencyStore[step.id] !== undefined) {
-                            try {
-                                clearTimeout(timer);
-                                // eslint-disable-next-line no-empty
-                            }
-                            catch (e) { }
-                            setTimer(setTimeout(function () {
-                                setDependencyStore(function (deps) {
-                                    var _a;
-                                    return (__assign(__assign({}, deps), (_a = {}, _a[step.id] = {
-                                        type: step.type,
-                                        value: value,
-                                    }, _a)));
-                                });
-                                setTimer(null);
-                            }, 1000));
-                        }
-                        field.onChange(value);
-                    }, maxLength: maxLength, "data-testid": step.id, label: step.label, inputRef: ref, cantEdit: !editable || postview, required: step.required, fontWeight: 400, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, backgroundColor: formStyle.stepBackgroundColor, helperText: errors[step.id]
-                        ? errors[step.id].message
-                        : step.description, helperTextColor: formStyle.descriptionTextColor, error: !!errors[step.id], icon: step.showIcon ? icon : undefined })));
-            } }) })));
+        } }, { children: _jsx(RoundedTextField, __assign({}, field, { onChange: onChange, maxLength: maxLength, "data-testid": step.id, label: step.label, inputRef: ref, cantEdit: !editable || postview, required: step.required, fontWeight: 400, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, backgroundColor: formStyle.stepBackgroundColor, helperText: (_b = error === null || error === void 0 ? void 0 : error.message) !== null && _b !== void 0 ? _b : step.description, helperTextColor: formStyle.descriptionTextColor, error: !!error, icon: step.showIcon ? icon : undefined })) })));
 }
 export default TextInputStep;

package/dist/FormSteps/TextInputStep/TextInputStep.js

@@ -12,8 +12,10 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { FormStyleTypes } from '../../constants/FormStepTypes';
 import MaterialTextInputStep from './MaterialTextInputStep/MaterialTextInputStep';
+import { useAppSelector } from '../../hooks';
 function TextInputStep(props) {
-    switch (props.formStyle.type) {
+    var formStyle = useAppSelector(function (state) { return state.global; }).formStyle;
+    switch (formStyle.type) {
         case FormStyleTypes.MATERIAL:
         default: {
             return _jsx(MaterialTextInputStep, __assign({}, props));

package/dist/FormSteps/TitleStep/MaterialTitleStep/MaterialTitleStep.js

@@ -24,9 +24,16 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Controller } from 'react-hook-form';
 import { calcStepWidth } from '../../StepFunctions';
 import styles from './MaterialTitleStep.module.css';
+import { useAppSelector } from '../../../hooks';
+import FormContext from '../../../Contexts/FormContext';
+import { useContext } from 'react';
+import { useStepDependency } from '../../StepHooks';
 function Title(_a) {
     var _b;
-    var step = _a.step, form = _a.form, value = _a.value, formStyle = _a.formStyle, widthStats = _a.widthStats;
+    var step = _a.step, value = _a.value;
+    var formStyle = useAppSelector(function (state) { return state.global; }).formStyle;
+    var form = useContext(FormContext);
+    var widthStats = useAppSelector(function (state) { return state.widthStats; });
     var _c = value !== null && value !== void 0 ? value : {}, title = _c.title, description = _c.description;
     var size = (_b = step.size) !== null && _b !== void 0 ? _b : form.size.blockNum;
     return (_jsxs("div", __assign({ className: styles.container, style: {
@@ -44,11 +51,9 @@ function Title(_a) {
                 } }, { children: description })))] })));
 }
 function TitleStep(props) {
-    var _a;
-    return (_jsx(Controller, { name: props.step.id, control: props.control, defaultValue: (_a = props.originalValues[props.step.id]) !== null && _a !== void 0 ? _a : {
-            title: props.step.title,
-            description: props.step.description,
-        }, render: function (_a) {
+    var step = props.step;
+    var originalValue = useStepDependency(step);
+    return (_jsx(Controller, { name: step.id, defaultValue: originalValue, render: function (_a) {
             var _b = _a.field, ref = _b.ref, field = __rest(_b, ["ref"]);
             return (_jsx(Title, __assign({}, props, field, { inputRef: ref })));
         } }));

package/dist/FormSteps/TitleStep/TitleStep.d.ts

@@ -5,5 +5,5 @@ export interface TitleStepProps extends StepProps {
     /** The TitleStep to display */
     step: Title;
 }
-declare function TitleStep({ step, formStyle, ...others }: TitleStepProps): JSX.Element;
+declare function TitleStep(props: TitleStepProps): JSX.Element;
 export default TitleStep;

package/dist/FormSteps/TitleStep/TitleStep.js

@@ -9,26 +9,16 @@ var __assign = (this && this.__assign) || function () {
     };
     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 { FormStyleTypes } from '../../constants/FormStepTypes';
 import MaterialTitleStep from './MaterialTitleStep/MaterialTitleStep';
-function TitleStep(_a) {
-    var step = _a.step, formStyle = _a.formStyle, others = __rest(_a, ["step", "formStyle"]);
+import { useAppSelector } from '../../hooks';
+function TitleStep(props) {
+    var formStyle = useAppSelector(function (state) { return state.global; }).formStyle;
     switch (formStyle.type) {
         case FormStyleTypes.MATERIAL:
         default: {
-            return (_jsx(MaterialTitleStep, __assign({ step: step, formStyle: formStyle }, others)));
+            return _jsx(MaterialTitleStep, __assign({}, props));
         }
     }
 }

package/dist/Icons/Construction/LeakIcon.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare function LeakIcon(props: any): JSX.Element;
+import { SVGProps } from 'react';
+declare function LeakIcon(props: SVGProps<SVGSVGElement>): JSX.Element;
 export default LeakIcon;

package/dist/Icons/Construction/LeakIcon.js

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function LeakIcon(props) {
-    return (_jsxs("svg", __assign({ fill: props.fill, className: props.class, style: props.style, height: "512pt", viewBox: "0 -86 512.00056 512", width: "512pt", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "m203.484375 196.359375c2.402344 0 4.753906-.867187 6.601563-2.492187l26.621093-23.394532c3.03125-2.664062 4.164063-6.890625 2.871094-10.714844l-9.21875-27.257812 21.613281-18.996094c3.03125-2.664062 4.164063-6.890625 2.871094-10.714844l-11.359375-33.570312c-1.070313-3.167969-3.652344-5.589844-6.882813-6.457031l-57.925781-15.519531c-5.335937-1.433594-10.816406 1.734374-12.246093 7.070312-1.429688 5.335938 1.734374 10.820312 7.070312 12.25l52.753906 14.132812 7.507813 22.1875-21.613281 18.996094c-3.03125 2.664063-4.164063 6.890625-2.871094 10.714844l9.21875 27.257812-17.59375 15.460938-130.027344-34.839844 30.992188-115.667968c.6875-2.5625.328124-5.292969-.996094-7.589844-1.328125-2.296875-3.511719-3.972656-6.074219-4.660156l-45.574219-12.210938c-5.332031-1.429688-10.816406 1.734375-12.246094 7.070312l-36.636718 136.722657c-.6875 2.5625-.324219 5.292969 1 7.589843 1.324218 2.292969 3.511718 3.972657 6.070312 4.65625l45.574219 12.210938c.867187.234375 1.738281.34375 2.597656.34375 4.414063 0 8.453125-2.945312 9.652344-7.414062l.464844-1.734376 135.199219 36.226563c.851562.230469 1.722656.34375 2.585937.34375zm-181.238281-56.703125 31.460937-117.40625 26.253907 7.035156-31.457032 117.40625zm0 0" }), _jsx("path", { d: "m511.660156 144.136719-36.636718-136.722657c-1.429688-5.332031-6.910157-8.5-12.246094-7.070312l-45.574219 12.210938c-2.5625.6875-4.746094 2.363281-6.070313 4.660156-1.328124 2.296875-1.6875 5.023437-1 7.585937l.464844 1.734375-135.199218 36.226563c-3.28125.878906-5.894532 3.367187-6.933594 6.605469-1.039063 3.238281-.363282 6.777343 1.796875 9.40625l19.121093 23.265624-5.867187 25.070313c-.796875 3.40625.242187 6.980469 2.738281 9.425781l19.386719 18.988282-6.847656 28.496093c-.824219 3.429688.21875 7.039063 2.742187 9.5 1.894532 1.84375 4.40625 2.839844 6.980469 2.839844.863281 0 1.730469-.113281 2.585937-.34375l57.925782-15.519531c5.335937-1.429688 8.5-6.914063 7.070312-12.25-1.429687-5.332032-6.914062-8.5-12.246094-7.070313l-41.683593 11.171875 4.246093-17.664062c.820313-3.421875-.214843-7.023438-2.726562-9.484375l-19.417969-19.015625 5.714844-24.398438c.710937-3.035156-.035156-6.222656-2.011719-8.628906l-12.40625-15.09375 120.207032-32.207031 30.992187 115.667969c1.199219 4.46875 5.238281 7.414062 9.65625 7.414062.855469 0 1.726563-.109375 2.59375-.339844l45.574219-12.210937c2.5625-.6875 4.746094-2.363281 6.070312-4.660157 1.328125-2.296874 1.6875-5.027343 1-7.589843zm-48.160156 2.554687-30.996094-115.667968s0 0 0-.003907v-.003906l-.464844-1.730469 26.257813-7.035156 31.457031 117.40625zm0 0" }), _jsx("path", { d: "m263.386719 203.265625c-1.894531-2.078125-4.574219-3.261719-7.386719-3.261719-2.808594 0-5.492188 1.183594-7.386719 3.261719-.78125.855469-1.640625 1.789063-2.570312 2.792969-14.488281 15.730468-44.640625 48.457031-44.640625 79.34375 0 30.105468 24.492187 54.601562 54.597656 54.601562s54.597656-24.496094 54.597656-54.601562c0-30.886719-30.148437-63.613282-44.640625-79.339844-.925781-1.007812-1.789062-1.941406-2.570312-2.796875zm-7.386719 116.738281c-19.078125 0-34.597656-15.523437-34.597656-34.601562 0-20.492188 20.960937-45.539063 34.597656-60.601563 13.636719 15.0625 34.597656 40.109375 34.597656 60.601563 0 19.078125-15.519531 34.601562-34.597656 34.601562zm0 0" }), _jsx("path", { d: "m129.878906 54.871094c.917969.261718 1.839844.386718 2.75.386718 4.351563 0 8.355469-2.863281 9.609375-7.253906 1.519531-5.3125-1.554687-10.847656-6.867187-12.363281h-.007813c-5.308593-1.519531-10.839843 1.554687-12.359375 6.867187-1.515625 5.308594 1.5625 10.847657 6.875 12.363282zm0 0" }), _jsx("path", { d: "m407.335938 149.527344-.007813.003906c-5.335937 1.421875-8.507813 6.898438-7.082031 12.238281 1.191406 4.472657 5.238281 7.421875 9.65625 7.421875.855468 0 1.722656-.109375 2.585937-.339844 5.335938-1.421874 8.507813-6.902343 7.085938-12.238281-1.425781-5.335937-6.90625-8.511719-12.238281-7.085937zm0 0" })] })));
+    var _a;
+    return (_jsxs("svg", __assign({}, props, { fill: (_a = props.fill) !== null && _a !== void 0 ? _a : '#757575', height: "512pt", viewBox: "0 -86 512.00056 512", width: "512pt", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "m203.484375 196.359375c2.402344 0 4.753906-.867187 6.601563-2.492187l26.621093-23.394532c3.03125-2.664062 4.164063-6.890625 2.871094-10.714844l-9.21875-27.257812 21.613281-18.996094c3.03125-2.664062 4.164063-6.890625 2.871094-10.714844l-11.359375-33.570312c-1.070313-3.167969-3.652344-5.589844-6.882813-6.457031l-57.925781-15.519531c-5.335937-1.433594-10.816406 1.734374-12.246093 7.070312-1.429688 5.335938 1.734374 10.820312 7.070312 12.25l52.753906 14.132812 7.507813 22.1875-21.613281 18.996094c-3.03125 2.664063-4.164063 6.890625-2.871094 10.714844l9.21875 27.257812-17.59375 15.460938-130.027344-34.839844 30.992188-115.667968c.6875-2.5625.328124-5.292969-.996094-7.589844-1.328125-2.296875-3.511719-3.972656-6.074219-4.660156l-45.574219-12.210938c-5.332031-1.429688-10.816406 1.734375-12.246094 7.070312l-36.636718 136.722657c-.6875 2.5625-.324219 5.292969 1 7.589843 1.324218 2.292969 3.511718 3.972657 6.070312 4.65625l45.574219 12.210938c.867187.234375 1.738281.34375 2.597656.34375 4.414063 0 8.453125-2.945312 9.652344-7.414062l.464844-1.734376 135.199219 36.226563c.851562.230469 1.722656.34375 2.585937.34375zm-181.238281-56.703125 31.460937-117.40625 26.253907 7.035156-31.457032 117.40625zm0 0" }), _jsx("path", { d: "m511.660156 144.136719-36.636718-136.722657c-1.429688-5.332031-6.910157-8.5-12.246094-7.070312l-45.574219 12.210938c-2.5625.6875-4.746094 2.363281-6.070313 4.660156-1.328124 2.296875-1.6875 5.023437-1 7.585937l.464844 1.734375-135.199218 36.226563c-3.28125.878906-5.894532 3.367187-6.933594 6.605469-1.039063 3.238281-.363282 6.777343 1.796875 9.40625l19.121093 23.265624-5.867187 25.070313c-.796875 3.40625.242187 6.980469 2.738281 9.425781l19.386719 18.988282-6.847656 28.496093c-.824219 3.429688.21875 7.039063 2.742187 9.5 1.894532 1.84375 4.40625 2.839844 6.980469 2.839844.863281 0 1.730469-.113281 2.585937-.34375l57.925782-15.519531c5.335937-1.429688 8.5-6.914063 7.070312-12.25-1.429687-5.332032-6.914062-8.5-12.246094-7.070313l-41.683593 11.171875 4.246093-17.664062c.820313-3.421875-.214843-7.023438-2.726562-9.484375l-19.417969-19.015625 5.714844-24.398438c.710937-3.035156-.035156-6.222656-2.011719-8.628906l-12.40625-15.09375 120.207032-32.207031 30.992187 115.667969c1.199219 4.46875 5.238281 7.414062 9.65625 7.414062.855469 0 1.726563-.109375 2.59375-.339844l45.574219-12.210937c2.5625-.6875 4.746094-2.363281 6.070312-4.660157 1.328125-2.296874 1.6875-5.027343 1-7.589843zm-48.160156 2.554687-30.996094-115.667968s0 0 0-.003907v-.003906l-.464844-1.730469 26.257813-7.035156 31.457031 117.40625zm0 0" }), _jsx("path", { d: "m263.386719 203.265625c-1.894531-2.078125-4.574219-3.261719-7.386719-3.261719-2.808594 0-5.492188 1.183594-7.386719 3.261719-.78125.855469-1.640625 1.789063-2.570312 2.792969-14.488281 15.730468-44.640625 48.457031-44.640625 79.34375 0 30.105468 24.492187 54.601562 54.597656 54.601562s54.597656-24.496094 54.597656-54.601562c0-30.886719-30.148437-63.613282-44.640625-79.339844-.925781-1.007812-1.789062-1.941406-2.570312-2.796875zm-7.386719 116.738281c-19.078125 0-34.597656-15.523437-34.597656-34.601562 0-20.492188 20.960937-45.539063 34.597656-60.601563 13.636719 15.0625 34.597656 40.109375 34.597656 60.601563 0 19.078125-15.519531 34.601562-34.597656 34.601562zm0 0" }), _jsx("path", { d: "m129.878906 54.871094c.917969.261718 1.839844.386718 2.75.386718 4.351563 0 8.355469-2.863281 9.609375-7.253906 1.519531-5.3125-1.554687-10.847656-6.867187-12.363281h-.007813c-5.308593-1.519531-10.839843 1.554687-12.359375 6.867187-1.515625 5.308594 1.5625 10.847657 6.875 12.363282zm0 0" }), _jsx("path", { d: "m407.335938 149.527344-.007813.003906c-5.335937 1.421875-8.507813 6.898438-7.082031 12.238281 1.191406 4.472657 5.238281 7.421875 9.65625 7.421875.855468 0 1.722656-.109375 2.585937-.339844 5.335938-1.421874 8.507813-6.902343 7.085938-12.238281-1.425781-5.335937-6.90625-8.511719-12.238281-7.085937zm0 0" })] })));
 }
 export default LeakIcon;

package/dist/Icons/Construction/ProjectIcon.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare function ProjectIcon(props: any): JSX.Element;
+import { SVGProps } from 'react';
+declare function ProjectIcon(props: SVGProps<SVGSVGElement>): JSX.Element;
 export default ProjectIcon;

package/dist/Icons/Construction/ProjectIcon.js

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 function ProjectIcon(props) {
-    return (_jsx("svg", __assign({ fill: props.fill, className: props.class, style: props.style, height: "480pt", viewBox: "0 -8 480 480", width: "480pt", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "m440 448v-49.960938c10.546875-6.214843 16.726562-17.816406 16-30.039062 0-17.671875-10.742188-32-24-32s-24 14.328125-24 32c-.726562 12.222656 5.453125 23.824219 16 30.039062v49.960938h-56v-243.054688l-48-24v43.054688h24v16h-24v32h24v16h-24v32h24v16h-24v32h24v16h-24v32h24v16h-24v16h-16v-321.96875l-96-27.421875v29.390625h56v16h-56v32h56v16h-56v32h56v16h-56v32h56v16h-56v32h56v16h-56v32h56v16h-56v32h56v16h-56v16h-16v-448h-144v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v16h-48v16h480v-16zm0 0" }) })));
+    var _a;
+    return (_jsx("svg", __assign({}, props, { fill: (_a = props.fill) !== null && _a !== void 0 ? _a : '#757575', height: "480pt", viewBox: "0 -8 480 480", width: "480pt", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "m440 448v-49.960938c10.546875-6.214843 16.726562-17.816406 16-30.039062 0-17.671875-10.742188-32-24-32s-24 14.328125-24 32c-.726562 12.222656 5.453125 23.824219 16 30.039062v49.960938h-56v-243.054688l-48-24v43.054688h24v16h-24v32h24v16h-24v32h24v16h-24v32h24v16h-24v32h24v16h-24v16h-16v-321.96875l-96-27.421875v29.390625h56v16h-56v32h56v16h-56v32h56v16h-56v32h56v16h-56v32h56v16h-56v32h56v16h-56v32h56v16h-56v16h-16v-448h-144v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v16h-48v16h480v-16zm0 0" }) })));
 }
 export default ProjectIcon;

package/dist/Icons/Construction/PropertyIcon.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare function PropertyIcon(props: any): JSX.Element;
+import { SVGProps } from 'react';
+declare function PropertyIcon(props: SVGProps<SVGSVGElement>): JSX.Element;
 export default PropertyIcon;

package/dist/Icons/Construction/PropertyIcon.js

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function PropertyIcon(props) {
-    return (_jsx("svg", __assign({ fill: props.fill, className: props.class, style: props.style, height: "512", viewBox: "0 0 512 512", width: "512", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("g", __assign({ id: "_01-home", "data-name": "01-home" }, { children: _jsxs("g", __assign({ id: "glyph" }, { children: [_jsx("path", { d: "m256 4c-108.075 0-196 87.925-196 196 0 52.5 31.807 119.92 94.537 200.378a1065.816 1065.816 0 0 0 93.169 104.294 12 12 0 0 0 16.588 0 1065.816 1065.816 0 0 0 93.169-104.294c62.73-80.458 94.537-147.878 94.537-200.378 0-108.075-87.925-196-196-196zm0 336c-77.2 0-140-62.8-140-140s62.8-140 140-140 140 62.8 140 140-62.8 140-140 140z" }), _jsx("path", { d: "m352.072 183.121-88-80a12 12 0 0 0 -16.144 0l-88 80a12.006 12.006 0 0 0 -2.23 15.039 12.331 12.331 0 0 0 10.66 5.84h11.642v76a12 12 0 0 0 12 12h28a12 12 0 0 0 12-12v-44a12 12 0 0 1 12-12h24a12 12 0 0 1 12 12v44a12 12 0 0 0 12 12h28a12 12 0 0 0 12-12v-76h11.642a12.331 12.331 0 0 0 10.66-5.84 12.006 12.006 0 0 0 -2.23-15.039z" })] })) })) })));
+    var _a;
+    return (_jsx("svg", __assign({}, props, { fill: (_a = props.fill) !== null && _a !== void 0 ? _a : '#757575', height: "512", viewBox: "0 0 512 512", width: "512", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("g", __assign({ id: "_01-home", "data-name": "01-home" }, { children: _jsxs("g", __assign({ id: "glyph" }, { children: [_jsx("path", { d: "m256 4c-108.075 0-196 87.925-196 196 0 52.5 31.807 119.92 94.537 200.378a1065.816 1065.816 0 0 0 93.169 104.294 12 12 0 0 0 16.588 0 1065.816 1065.816 0 0 0 93.169-104.294c62.73-80.458 94.537-147.878 94.537-200.378 0-108.075-87.925-196-196-196zm0 336c-77.2 0-140-62.8-140-140s62.8-140 140-140 140 62.8 140 140-62.8 140-140 140z" }), _jsx("path", { d: "m352.072 183.121-88-80a12 12 0 0 0 -16.144 0l-88 80a12.006 12.006 0 0 0 -2.23 15.039 12.331 12.331 0 0 0 10.66 5.84h11.642v76a12 12 0 0 0 12 12h28a12 12 0 0 0 12-12v-44a12 12 0 0 1 12-12h24a12 12 0 0 1 12 12v44a12 12 0 0 0 12 12h28a12 12 0 0 0 12-12v-76h11.642a12.331 12.331 0 0 0 10.66-5.84 12.006 12.006 0 0 0 -2.23-15.039z" })] })) })) })));
 }
 export default PropertyIcon;

package/dist/Icons/Construction/SpaceIcon.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare function SpaceIcon(props: any): JSX.Element;
+import { SVGProps } from 'react';
+declare function SpaceIcon(props: SVGProps<SVGSVGElement>): JSX.Element;
 export default SpaceIcon;

package/dist/Icons/Construction/SpaceIcon.js

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function SpaceIcon(props) {
-    return (_jsxs("svg", __assign({ fill: props.fill, className: props.class, style: props.style, width: "512pt", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64" }, { children: [_jsx("title", { children: "SpaceType" }), _jsxs("g", __assign({ id: "space_type", "data-name": "space type" }, { children: [_jsx("path", { d: "M29.74,39A10.21,10.21,0,0,0,27.61,39,1.63,1.63,0,0,0,26,40.61V53.35A1.63,1.63,0,0,0,27.61,55h1.74A1.63,1.63,0,0,0,31,53.35V40.61A1.63,1.63,0,0,0,29.74,39Z" }), _jsx("path", { d: "M57.35,39a10.27,10.27,0,0,0-2.13.05A1.63,1.63,0,0,0,54,40.61V53.35A1.63,1.63,0,0,0,55.61,55h1.74A1.63,1.63,0,0,0,59,53.35V40.61A1.63,1.63,0,0,0,57.35,39Z" }), _jsx("path", { d: "M33,54a1,1,0,0,0,1,1H51a1,1,0,0,0,1-1V49H33Z" }), _jsx("path", { d: "M49,42H36a3,3,0,0,0-3,3v2H52V45A3,3,0,0,0,49,42Z" }), _jsx("path", { d: "M54,31a5,5,0,0,0-5-5H36a5,5,0,0,0-5,5v6.39a3.62,3.62,0,0,1,1.86,2.24A4.68,4.68,0,0,1,33,41c1.37-1.37,4.2-1,16-1a5,5,0,0,1,2.68.78c.64.39.07.39.46-1.15a3.65,3.65,0,0,1,1.43-2C54.15,37.19,54,38.41,54,31Z" }), _jsx("path", { d: "M17,32c-5.85,0-4.33,0-4-.05a7.06,7.06,0,0,0,6-7,7,7,0,0,0-4.47,1.59,7.08,7.08,0,0,0-2.07-5.05,7.06,7.06,0,0,0-2.07,5.05,7,7,0,0,0-4.47-1.59,7.07,7.07,0,0,0,6,7c.36.08,1.89.05-4,.05l1.71,6H3V55H5V50H20v5h2V38H15.26ZM15,45H10V43h5Z" }), _jsx("path", { d: "M26,21h6L31,10H19L18,21h6V40.61a3.63,3.63,0,0,1,2-3.24Z" })] }))] })));
+    var _a;
+    return (_jsxs("svg", __assign({}, props, { fill: (_a = props.fill) !== null && _a !== void 0 ? _a : '#757575', width: "512pt", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64" }, { children: [_jsx("title", { children: "SpaceType" }), _jsxs("g", __assign({ id: "space_type", "data-name": "space type" }, { children: [_jsx("path", { d: "M29.74,39A10.21,10.21,0,0,0,27.61,39,1.63,1.63,0,0,0,26,40.61V53.35A1.63,1.63,0,0,0,27.61,55h1.74A1.63,1.63,0,0,0,31,53.35V40.61A1.63,1.63,0,0,0,29.74,39Z" }), _jsx("path", { d: "M57.35,39a10.27,10.27,0,0,0-2.13.05A1.63,1.63,0,0,0,54,40.61V53.35A1.63,1.63,0,0,0,55.61,55h1.74A1.63,1.63,0,0,0,59,53.35V40.61A1.63,1.63,0,0,0,57.35,39Z" }), _jsx("path", { d: "M33,54a1,1,0,0,0,1,1H51a1,1,0,0,0,1-1V49H33Z" }), _jsx("path", { d: "M49,42H36a3,3,0,0,0-3,3v2H52V45A3,3,0,0,0,49,42Z" }), _jsx("path", { d: "M54,31a5,5,0,0,0-5-5H36a5,5,0,0,0-5,5v6.39a3.62,3.62,0,0,1,1.86,2.24A4.68,4.68,0,0,1,33,41c1.37-1.37,4.2-1,16-1a5,5,0,0,1,2.68.78c.64.39.07.39.46-1.15a3.65,3.65,0,0,1,1.43-2C54.15,37.19,54,38.41,54,31Z" }), _jsx("path", { d: "M17,32c-5.85,0-4.33,0-4-.05a7.06,7.06,0,0,0,6-7,7,7,0,0,0-4.47,1.59,7.08,7.08,0,0,0-2.07-5.05,7.06,7.06,0,0,0-2.07,5.05,7,7,0,0,0-4.47-1.59,7.07,7.07,0,0,0,6,7c.36.08,1.89.05-4,.05l1.71,6H3V55H5V50H20v5h2V38H15.26ZM15,45H10V43h5Z" }), _jsx("path", { d: "M26,21h6L31,10H19L18,21h6V40.61a3.63,3.63,0,0,1,2-3.24Z" })] }))] })));
 }
 export default SpaceIcon;

package/dist/Icons/DocumentIcon.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare function DocumentIcon(props: any): JSX.Element;
+import { SVGProps } from 'react';
+declare function DocumentIcon(props: SVGProps<SVGSVGElement>): JSX.Element;
 export default DocumentIcon;

package/dist/Icons/DocumentIcon.js

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 function DocumentIcon(props) {
-    return (_jsx("svg", __assign({ fill: props.fill, className: props.class, style: props.style, id: "bold", enableBackground: "new 0 0 24 24", height: "512", viewBox: "0 0 24 24", width: "512", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "m21.25 3h-18.5c-1.517 0-2.75 1.233-2.75 2.75v12.5c0 1.517 1.233 2.75 2.75 2.75h18.5c1.517 0 2.75-1.233 2.75-2.75v-12.5c0-1.517-1.233-2.75-2.75-2.75zm-13.75 4c1.378 0 2.5 1.122 2.5 2.5s-1.122 2.5-2.5 2.5-2.5-1.122-2.5-2.5 1.122-2.5 2.5-2.5zm4.5 9.25c0 .414-.336.75-.75.75h-7.5c-.414 0-.75-.336-.75-.75v-.5c0-1.517 1.233-2.75 2.75-2.75h3.5c1.517 0 2.75 1.233 2.75 2.75zm8.25.75h-5.5c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h5.5c.414 0 .75.336.75.75s-.336.75-.75.75zm0-4h-5.5c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h5.5c.414 0 .75.336.75.75s-.336.75-.75.75zm0-4h-5.5c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h5.5c.414 0 .75.336.75.75s-.336.75-.75.75z" }) })));
+    var _a;
+    return (_jsx("svg", __assign({}, props, { fill: (_a = props.fill) !== null && _a !== void 0 ? _a : '#757575', id: "bold", enableBackground: "new 0 0 24 24", height: "512", viewBox: "0 0 24 24", width: "512", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "m21.25 3h-18.5c-1.517 0-2.75 1.233-2.75 2.75v12.5c0 1.517 1.233 2.75 2.75 2.75h18.5c1.517 0 2.75-1.233 2.75-2.75v-12.5c0-1.517-1.233-2.75-2.75-2.75zm-13.75 4c1.378 0 2.5 1.122 2.5 2.5s-1.122 2.5-2.5 2.5-2.5-1.122-2.5-2.5 1.122-2.5 2.5-2.5zm4.5 9.25c0 .414-.336.75-.75.75h-7.5c-.414 0-.75-.336-.75-.75v-.5c0-1.517 1.233-2.75 2.75-2.75h3.5c1.517 0 2.75 1.233 2.75 2.75zm8.25.75h-5.5c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h5.5c.414 0 .75.336.75.75s-.336.75-.75.75zm0-4h-5.5c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h5.5c.414 0 .75.336.75.75s-.336.75-.75.75zm0-4h-5.5c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h5.5c.414 0 .75.336.75.75s-.336.75-.75.75z" }) })));
 }
 export default DocumentIcon;

package/dist/Icons/Entities/CheckListIcon.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare function CheckListIcon(props: any): JSX.Element;
+import { SVGProps } from 'react';
+declare function CheckListIcon(props: SVGProps<SVGSVGElement>): JSX.Element;
 export default CheckListIcon;