fui-material 0.2.60 → 0.2.62

package/rollup.config.js

@@ -1,33 +0,0 @@
-
-import image from '@rollup/plugin-image';
-import json from '@rollup/plugin-json';
-import commonjs from '@rollup/plugin-commonjs';
-import resolve from '@rollup/plugin-node-resolve';
-import postcss from 'rollup-plugin-postcss';
-import typescript from "rollup-plugin-typescript2";
-
-export default {
-    input: 'src/index.ts',
-    output: [
-        {
-            file: 'dist/bundle.js',
-            format: 'cjs',
-        },
-        {
-            file: 'dist/bundle.esm.js',
-            format: 'esm',
-        },
-    ],
-    plugins: [
-        resolve(),
-        commonjs(),
-        typescript(),
-        image(),
-        json(),
-        postcss({
-            extract: true,
-            extensions: ['.css'],
-        }),
-    ],
-    external: ['react', 'react-dom'],
-};

package/src/function-elements/fAlert/fAlert.css

@@ -1,99 +0,0 @@
-.f-function-block-alert {
-    z-index: 9999999999;
-    height: 100vh;
-    width: 100vw;
-    background-color: rgba(0,0,0,0.4);
-    position: fixed;
-    top: 0;
-    left: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    pointer-events: all;
-    transition: 1s;
-}
-
-.f-function-alert {
-    display: flex;
-    flex-direction: row;
-    width: 625px;
-    min-height: 75px;
-    background-color: white;
-    border-radius: 10px;
-}
-
-.f-function-alert-ico {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 40px;
-    border-bottom-left-radius: 10px;
-    border-top-left-radius: 10px;
-}
-
-.f-function-alert-ico.info-alert {
-    color: #2164BE !important;
-    background-color: rgba(149, 191, 255, 0.4) !important;
-    fill: #2164BE !important;
-}
-
-.f-function-alert-ico.error-alert {
-    color: #D10000 !important;
-    background-color: rgba(209, 0, 0, 0.4) !important;
-    fill: #D10000 !important;
-}
-
-.f-function-alert-ico.success-alert {
-    color: #0f7a11 !important;
-    background-color: rgba(72, 159, 73, 0.4) !important;
-    fill: #0f7a11 !important;
-}
-
-.f-function-alert-ico.warning-alert {
-    color: #ffc107 !important;
-    background-color: rgba(255, 193, 7, 0.4) !important;
-    fill: #ffc107 !important;
-}
-
-.f-function-alert-inside {
-    display: flex;
-    flex-direction: column;
-    margin: 16px;
-    gap: 16px;
-    width: 553px;
-}
-
-.f-function-alert-header {
-    display: flex;
-    align-items: center;
-}
-
-.f-function-alert-header h4 {
-    font-family: "SF UI Display", sans-serif;
-    color: #000;
-    font-size: 15px;
-    font-weight: 600;
-    line-height: 1.2;
-}
-
-.f-function-alert-body {
-    display: flex;
-    align-items: center;
-}
-
-.f-function-alert-body span {
-    font-size: 12px;
-    font-weight: bold;
-    color: #656565;
-    white-space: normal;
-    -webkit-hyphens: auto;
-    -ms-hyphens: auto;
-    hyphens: auto;
-    word-wrap: anywhere;
-}
-
-.f-function-alert-footer {
-    display: flex;
-    align-items: center;
-    flex-direction: row-reverse;
-}

package/src/function-elements/fAlert/fAlert.ts

@@ -1,66 +0,0 @@
-import './fAlert.css'
-
-export interface IfAlert {
-    title?: string,
-    body: string,
-    variant: 'info' | 'error' | 'success' | 'warning'
-}
-
-const fAlert = (
-    {
-        title,
-        body,
-        variant = 'info'
-    }: IfAlert
-) => {
-
-    let ico = ''
-
-    switch (variant) {
-        case 'info':
-            ico = '<path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/><path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>'
-            break
-        case "success":
-            ico = '<path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/><path d="M10.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.235.235 0 0 1 .02-.022z"/>'
-            break
-        case 'error':
-            ico = '<path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/><path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/>'
-            break
-        case 'warning':
-            ico = '<path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/><path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"/>'
-            break
-    }
-
-    window.document.body.insertAdjacentHTML(
-        'afterbegin',
-        `
-            <div class='f-function-block-alert' id='f-function-block-alert'>
-                <div class='f-function-alert'>
-                    <div class='f-function-alert-ico ${variant}-alert'>
-                        <svg width="28" height="28" viewBox="0 0 16 16">
-                            ${ico}
-                        </svg>
-                    </div>
-                    <div class='f-function-alert-inside'>
-                        <div class='f-function-alert-header'>
-                            <h4>${title !== undefined ? title : ''}</h4>
-                        </div>
-                        <div class='f-function-alert-body'>
-                            <span>${body}</span>
-                        </div>
-                        <div class='f-function-alert-footer'>
-                            <button
-                                class='btn btn-primary btn-sm'
-                                onclick='document.querySelector("#f-function-block-alert").remove()'
-                            >
-                                Закрыть
-                            </button>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        `
-    );
-}
-
-export default fAlert

package/src/function-elements/fAlert/index.tsx

@@ -1 +0,0 @@
-export { default } from "./fAlert";

package/src/function-elements/fConfirm/fConfirm.css

@@ -1,80 +0,0 @@
-.f-function-block-confirm {
-    z-index: 9999999999;
-    height: 100vh;
-    width: 100vw;
-    background-color: rgba(0, 0, 0, 0.4);
-    position: fixed;
-    top: 0;
-    left: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    pointer-events: all;
-    transition: 1s;
-}
-
-.f-function-confirm {
-    display: flex;
-    flex-direction: row;
-    width: 625px;
-    min-height: 75px;
-    background-color: white;
-    border-radius: 10px;
-}
-
-.f-function-confirm-ico {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 40px;
-    border-bottom-left-radius: 10px;
-    border-top-left-radius: 10px;
-}
-
-.f-function-confirm-ico.warning {
-    color: #ffc107 !important;
-    background-color: rgba(255, 193, 7, 0.4) !important;
-    fill: #ffc107 !important;
-}
-
-.f-function-confirm-inside {
-    display: flex;
-    flex-direction: column;
-    margin: 16px;
-    gap: 16px;
-    width: 553px;
-}
-
-.f-function-confirm-header {
-    display: flex;
-    align-items: center;
-}
-
-.f-function-confirm-header h4 {
-    font-family: "SF UI Display", sans-serif;
-    color: #000;
-    font-size: 15px;
-}
-
-.f-function-confirm-body {
-    display: flex;
-    align-items: center;
-}
-
-.f-function-confirm-body span {
-    font-size: 12px;
-    font-weight: bold;
-    color: #656565;
-    white-space: normal;
-    -webkit-hyphens: auto;
-    -ms-hyphens: auto;
-    hyphens: auto;
-    word-wrap: anywhere;
-}
-
-.f-function-confirm-footer {
-    display: flex;
-    align-items: center;
-    flex-direction: row-reverse;
-    gap: 8px;
-}

package/src/function-elements/fConfirm/fConfirm.ts

@@ -1,66 +0,0 @@
-import './fConfirm.css'
-
-export interface IfConfirm {
-    title?: string,
-    body: string,
-}
-
-const fConfirm = ({title, body}: IfConfirm): Promise<boolean> => {
-    return new Promise((resolve) => {
-        window.document.body.insertAdjacentHTML(
-            'afterbegin',
-            `
-            <div class='f-function-block-confirm' id='f-function-block-confirm'>
-                <div class='f-function-confirm'>
-                    <div class='f-function-confirm-ico warning'>
-                        <svg width="28" height="28" viewBox="0 0 16 16">
-                            <path
-                                d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
-                            <path
-                                d="M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z"/>
-                        </svg>
-                    </div>
-                    <div class='f-function-confirm-inside'>
-                        <div class='f-function-confirm-header'>
-                            <h4>${title !== undefined ? title : ''}</h4>
-                        </div>
-                        <div class='f-function-confirm-body'>
-                            <span>${body}</span>
-                        </div>
-                        <div class='f-function-confirm-footer'>
-                            <button
-                                id="f-function-confirm-ok"
-                                class='btn btn-success btn-sm'
-                                onclick='document.querySelector("#f-function-block-confirm").remove()'
-                            >
-                                Ок
-                            </button>
-                            <button
-                                id="f-function-confirm-cancellation"
-                                class='btn btn-danger btn-sm'
-                                onclick='document.querySelector("#f-function-block-confirm").remove()'
-                            >
-                                Отменить
-                            </button>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        `
-        );
-
-        let ok = document.querySelector('#f-function-confirm-ok')
-        let cancellation = document.querySelector('#f-function-confirm-cancellation')
-
-
-        ok!.addEventListener('click', function () {
-            resolve(true);
-        })
-        cancellation!.addEventListener('click', function () {
-            resolve(false);
-        })
-
-    });
-};
-
-export default fConfirm;

package/src/function-elements/fConfirm/index.tsx

@@ -1 +0,0 @@
-export { default } from "./fConfirm";

package/src/function-elements/fPrompt/fPrompt.css

@@ -1,85 +0,0 @@
-.f-function-block-prompt {
-    z-index: 9999999999;
-    height: 100vh;
-    width: 100vw;
-    background-color: rgba(0,0,0,0.4);
-    position: fixed;
-    top: 0;
-    left: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    pointer-events: all;
-    transition: 1s;
-}
-
-.f-function-prompt {
-    display: flex;
-    flex-direction: row;
-    width: 625px;
-    min-height: 75px;
-    background-color: white;
-    border-radius: 10px;
-}
-
-.f-function-prompt-ico {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 40px;
-    border-bottom-left-radius: 10px;
-    border-top-left-radius: 10px;
-}
-
-.f-function-prompt-ico.warning {
-    color: #0dcaf0  !important;
-    background-color: rgba(13, 202, 240, 0.4) !important;
-    fill: #0dcaf0  !important;
-}
-
-.f-function-prompt-inside {
-    display: flex;
-    flex-direction: column;
-    margin: 16px;
-    gap: 16px;
-    width: 553px;
-}
-
-.f-function-prompt-header {
-    display: flex;
-    align-items: center;
-}
-
-.f-function-prompt-header h4 {
-    font-family: "SF UI Display", sans-serif;
-    color: #000;
-    font-size: 15px;
-}
-
-.f-function-prompt-body {
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
-}
-
-.f-function-prompt-body span {
-    font-size: 12px;
-    font-weight: bold;
-    color: #656565;
-    white-space: normal;
-    -webkit-hyphens: auto;
-    -ms-hyphens: auto;
-    hyphens: auto;
-    word-wrap: anywhere;
-}
-
-.f-function-prompt-input {
-
-}
-
-.f-function-prompt-footer {
-    display: flex;
-    align-items: center;
-    flex-direction: row-reverse;
-    gap: 8px;
-}

package/src/function-elements/fPrompt/fPrompt.ts

@@ -1,77 +0,0 @@
-import './fPrompt.css'
-
-export interface IfPrompt {
-    title?: string,
-    body?: string,
-}
-
-export function getValue(element: HTMLInputElement | null): string | null {
-    if (element) {
-        return element.value;
-    } else {
-        return null;
-    }
-}
-
-const fPrompt = ({title, body}: IfPrompt): Promise<string | null> => {
-    return new Promise((resolve) => {
-        window.document.body.insertAdjacentHTML(
-            'afterbegin',
-            `
-            <div class='f-function-block-prompt' id='f-function-block-prompt'>
-                <div class='f-function-prompt'>
-                   <div class='f-function-prompt-ico warning'>
-                        <svg width="28" height="28" viewBox="0 0 16 16">
-                            <path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2.5a2 2 0 0 0-1.6.8L8 14.333 6.1 11.8a2 2 0 0 0-1.6-.8H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5a1 1 0 0 1 .8.4l1.9 2.533a1 1 0 0 0 1.6 0l1.9-2.533a1 1 0 0 1 .8-.4H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
-                            <path d="M5 6a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>
-                        </svg>
-                    </div>
-                   <div class='f-function-prompt-inside'>
-                        <div class='f-function-prompt-header'>
-                            <h4>${title}</h4>
-                        </div>
-                        <div class='f-function-prompt-body'>
-                            <span>${body}</span>
-                            <input 
-                                type="text" 
-                                id="f-function-prompt-input"
-                                class="form-control f-function-prompt-input"
-                            />
-                        </div>
-                        <div class='f-function-prompt-footer'>
-                            <button
-                                id="f-function-prompt-ok"
-                                class='btn btn-success btn-sm'
-                                onclick='document.querySelector("#f-function-block-prompt").remove()'
-                            >
-                                Ок
-                            </button>
-                            <button
-                                id="f-function-prompt-cancellation"
-                                class='btn btn-danger btn-sm'
-                                onclick='document.querySelector("#f-function-block-prompt").remove()'
-                            >
-                                Отменить
-                            </button>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        `
-        );
-
-        let ok: HTMLButtonElement | null = document.querySelector('#f-function-prompt-ok')
-        let cancellation: HTMLButtonElement | null = document.querySelector('#f-function-prompt-cancellation')
-        let submit: HTMLInputElement | null = document.querySelector('#f-function-prompt-input')
-
-        ok!.addEventListener('click', function () {
-            resolve(getValue(submit));
-        })
-        cancellation!.addEventListener('click', function () {
-            resolve(null);
-        })
-
-    });
-};
-
-export default fPrompt;

package/src/function-elements/fPrompt/index.tsx

@@ -1 +0,0 @@
-export { default } from "./fPrompt";

package/src/function-elements/index.ts

@@ -1,3 +0,0 @@
-export {default as fAlert} from "./fAlert"
-export {default as fConfirm} from "./fConfirm"
-export {default as fPrompt} from "./fPrompt"

package/src/icons/FArrowIcon/FArrowIcon.tsx

@@ -1,50 +0,0 @@
-import React from 'react';
-import "../../material/statick/Colors.css"
-
-export interface IFArrowIcon {
-    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link'
-    size?: number
-    st?: React.CSSProperties,
-    direction?: 'up' | 'down' | 'left' | 'right',
-    handleClick?: () => void,
-    id?: string,
-    className?: string,
-}
-
-const FArrowIcon = ({
-                        color = 'primary',
-                        size = 32,
-                        st,
-                        direction = 'right',
-                        handleClick,
-                        id,
-                        className
-                    }: IFArrowIcon) => {
-
-    const style = {
-        transform: `rotate(
-                         ${direction === 'down' ? 90 :
-            direction === 'up' ? -90 :
-                direction === 'right' ? 0 :
-                    180}deg)`
-    }
-
-    st = Object.assign({}, style, st)
-
-    return (
-        <svg
-            width={size}
-            xmlns="http://www.w3.org/2000/svg"
-            viewBox="0 0 320 512"
-            className={`arrow-icon ${color} ${className !== undefined ? className : ''}`}
-            style={st}
-            onClick={handleClick}
-            id={id}
-        >
-            <path
-                d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path>
-        </svg>
-    );
-};
-
-export default FArrowIcon;

package/src/icons/FArrowIcon/index.ts

@@ -1 +0,0 @@
-export { default } from "./FArrowIcon";

package/src/icons/FCheckIcon/FCheckIcon.tsx

@@ -1,37 +0,0 @@
-import React from 'react';
-import "../../material/statick/Colors.css"
-
-export interface IFCheckIcon {
-    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link'
-    size?: number
-    st?: React.CSSProperties,
-    id?: string,
-    className?: string,
-    handleClick?: () => void,
-}
-
-const FCheckIcon = ({
-                        color = 'success',
-                        size = 30,
-                        st,
-                        id,
-                        className,
-                        handleClick
-                    }: IFCheckIcon) => {
-    return (
-        <svg
-            width={size}
-            viewBox="0 0 16 16"
-            className={`${color} ${className !== undefined ? className : ''}`}
-            id={id}
-            onClick={handleClick}
-            style={st}
-        >
-            <path clipRule="evenodd"
-                  d="M15.4142 4.41421L6 13.8284L0.585785 8.41421L3.41421 5.58578L6 8.17157L12.5858 1.58578L15.4142 4.41421Z"
-                  fillRule="evenodd"/>
-        </svg>
-    );
-};
-
-export default FCheckIcon;

package/src/icons/FCheckIcon/index.ts

@@ -1 +0,0 @@
-export { default } from "./FCheckIcon";

package/src/icons/FCloseIcon/FCloseIcon.tsx

@@ -1,28 +0,0 @@
-import React from 'react';
-import "../../material/statick/Colors.css"
-
-export interface IFCloseIcon {
-    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link'
-    size?: number
-    st?: React.CSSProperties,
-    id?: string,
-    className?: string,
-    handleClose?: () => void,
-}
-
-const FCloseIcon = ({color = 'primary', size = 70, st, id, className, handleClose}: IFCloseIcon) => {
-    return (
-        <svg
-            width={size}
-            style={st}
-            className={`bi bi-x-lg ${color} ${className !== undefined ? className : ''}`}
-            viewBox="0 0 16 16"
-            onClick={handleClose}
-            id={id}
-        >
-            <path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z"/>
-        </svg>
-    );
-};
-
-export default FCloseIcon;

package/src/icons/FCloseIcon/index.ts

@@ -1 +0,0 @@
-export { default } from "./FCloseIcon";

package/src/icons/FCopyAddIcon/FCopyAdd.tsx

@@ -1,30 +0,0 @@
-import React from 'react';
-import "../../material/statick/Colors.css"
-
-export interface IFCopyAddIcon {
-    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link'
-    size?: number
-    st?: React.CSSProperties,
-    id?: string,
-    className?: string,
-    handleClick?: () => void,
-}
-
-const FCopyAddIcon = ({color = 'dark', size = 30, st, id, className, handleClick}: IFCopyAddIcon) => {
-    return (
-        <svg
-            width={size}
-            style={st}
-            className={`bi bi-pencil ${color} ${className !== undefined ? className : ''}`}
-            viewBox="0 0 32 32"
-            onClick={handleClick}
-            id={id}
-        >
-            <path d="M27.2,8.22H23.78V5.42A3.42,3.42,0,0,0,20.36,2H5.42A3.42,3.42,0,0,0,2,5.42V20.36a3.42,3.42,0,0,0,3.42,3.42h2.8V27.2A2.81,2.81,0,0,0,11,30H27.2A2.81,2.81,0,0,0,30,27.2V11A2.81,2.81,0,0,0,27.2,8.22ZM5.42,21.91a1.55,1.55,0,0,1-1.55-1.55V5.42A1.54,1.54,0,0,1,5.42,3.87H20.36a1.55,1.55,0,0,1,1.55,1.55v2.8H11A2.81,2.81,0,0,0,8.22,11V21.91ZM28.13,27.2a.93.93,0,0,1-.93.93H11a.93.93,0,0,1-.93-.93V11a.93.93,0,0,1,.93-.93H27.2a.93.93,0,0,1,.93.93Z"/>
-            <path d="M24.09,18.18H20v-4a.93.93,0,1,0-1.86,0v4h-4a.93.93,0,0,0,0,1.86h4v4.05a.93.93,0,1,0,1.86,0V20h4.05a.93.93,0,1,0,0-1.86Z"/>
-
-        </svg>
-    );
-};
-
-export default FCopyAddIcon;