venice-ui 2.4.13 → 3.0.1

package/dist/cjs/components/DatePicker/DatePiocker.styles.js

@@ -1,139 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Month = exports.MonthWrapper = exports.DayLabel = exports.Day = exports.DayLabelWrapper = exports.DayWrapper = exports.DaysContent = exports.DaysHeader = exports.CalendarContentWrapper = exports.CalendarHeaderTexts = exports.CalendarHeaderWrapper = exports.CalendarWrapper = exports.DatePiockerElement = exports.CalendarOverlay = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const Theme_1 = require("../../Theme");
-exports.CalendarOverlay = styled_components_1.default.div `
-  background-color: transparent;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100vh;
-  z-index: ${(p) => (p.zIndex ? p.zIndex - 1 : Theme_1.Theme.zIndex.dropdown - 1)};
-`;
-exports.DatePiockerElement = styled_components_1.default.div `
-  position: relative;
-  cursor: pointer;
-  display: flex;
-  box-sizing: border-box;
-  width: 100%;
-`;
-exports.CalendarWrapper = styled_components_1.default.div `
-  box-sizing: border-box;
-  background-color: ${Theme_1.Theme.colors.white};
-  box-shadow: ${Theme_1.Theme.shadow.m};
-  padding: ${Theme_1.Theme.padding.m} 0;
-  border-radius: ${Theme_1.Theme.borderRadius.m};
-  height: auto;
-  width: 326px;
-  position: absolute;
-  z-index: ${(p) => (p.zIndex ? p.zIndex : Theme_1.Theme.zIndex.dropdown)};
-  left: ${(p) => p.left}px;
-  top: ${(p) => p.top}px;
-  border: 1px solid ${Theme_1.Theme.colors.gray_2};
-  border-top: none;
-  min-width: 30px;
-`;
-exports.CalendarHeaderWrapper = styled_components_1.default.div `
-  background-color: #ffffff;
-  width: 100%;
-  display: flex;
-  box-sizing: border-box;
-  padding: 0.4rem 0.8rem;
-`;
-exports.CalendarHeaderTexts = styled_components_1.default.div `
-  display: flex;
-  gap: 4px;
-`;
-exports.CalendarContentWrapper = styled_components_1.default.div `
-  width: 100%;
-  display: flex;
-  box-sizing: border-box;
-  padding: 4px 8px;
-`;
-exports.DaysHeader = styled_components_1.default.div `
-  display: flex;
-  padding: 4px 0;
-  width: 100%;
-`;
-exports.DaysContent = styled_components_1.default.div `
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: flex-start;
-`;
-exports.DayWrapper = styled_components_1.default.div `
-  width: 44px;
-  height: 44px;
-  box-sizing: border-box;
-  padding: 2px;
-`;
-exports.DayLabelWrapper = styled_components_1.default.div `
-  width: 44px;
-  box-sizing: border-box;
-  padding: 2px;
-`;
-exports.Day = styled_components_1.default.div `
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-  border-radius: 4px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-size: 16px;
-  color: ${Theme_1.Theme.colors.text};
-  ${(p) => p.active &&
-    `
-    background-color: ${Theme_1.Theme.colors.primary};
-    color:${Theme_1.Theme.colors.white};
-    `}
-  ${(p) => p.haveContent &&
-    `
-    cursor:pointer;
-    :hover{
-      background-color: ${Theme_1.Theme.colors.primary_10};
-      color: ${Theme_1.Theme.colors.text};
-    }
-    `};
-`;
-//ToDo dodać tu Text
-exports.DayLabel = styled_components_1.default.div `
-  font-size: 14px;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  color: ${Theme_1.Theme.colors.gray_1};
-`;
-exports.MonthWrapper = styled_components_1.default.div `
-  width: calc(100% / 3);
-  height: 40px;
-  display: flex;
-  box-sizing: border-box;
-  padding: 4px 8px;
-`;
-exports.Month = styled_components_1.default.div `
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-size: 16px;
-  border-radius: 4px;
-  color: ${Theme_1.Theme.colors.text};
-  cursor: pointer;
-  :hover {
-    background-color: ${Theme_1.Theme.colors.primary_10};
-    color: ${Theme_1.Theme.colors.text};
-  }
-  ${(p) => p.active &&
-    `
-    background-color: ${Theme_1.Theme.colors.primary};
-    color:${Theme_1.Theme.colors.white};
-    `}
-`;

package/dist/cjs/components/Dropdown/DropdownElements.js

@@ -1,37 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Field = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const common_1 = require("../common");
-const Theme_1 = require("../../Theme");
-exports.Field = styled_components_1.default.div `
-  position: relative;
-  display:flex;
-  flex-shrink: 2;
-  ${common_1.defaultStyles}
-  ${(p) => (0, common_1.setSize)(p.inputSize)}
-  color: ${Theme_1.Theme.colors.text};
-  width: ${(p) => (p.width ? p.width : '100%')};
-  height:  ${(p) => (0, common_1.setFieldHeight)(p.inputSize)};
-  min-width: 30px;
-  ${(p) => p.error &&
-    `
-    ${common_1.inputColorSchema.error}
-  `}
-  ${(p) => p.active &&
-    `
-    ${common_1.inputColorSchema.default}
-  `}
-  ${(p) => p.disabled &&
-    `
-    ${common_1.inputColorSchema.disabled}
-    cursor: not-allowed;
-  `}
-  ${(p) => p.rightPadding &&
-    `
-    padding-right: 30px;
-  `}
-`;

package/dist/cjs/components/ElementHeader/ElementHeader.js

@@ -1,42 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ElementHeader = void 0;
-const react_1 = __importDefault(require("react"));
-const Icons_1 = require("../Icons");
-const Aligment_1 = require("../Aligment");
-const Typography_1 = require("../Typography");
-const Theme_1 = require("../../Theme");
-const Button_1 = require("../Button");
-const DropdownMenu_1 = require("../DropdownMenu");
-const ElementHeader_styles_1 = require("./ElementHeader.styles");
-const ElementHeader = ({ title, actionLabel = '', handleClose, handleClick, handleBack, children, theme = Theme_1.mainTheme, backgroundColor = theme.contentBackground, iconColor = theme.textColor, iconHoverColor = theme.action, options, bottomDivader = false, actionDisabled = false, }) => {
-    const leftSide = () => {
-        if (title) {
-            return (react_1.default.createElement(ElementHeader_styles_1.TitleWrapper, null,
-                react_1.default.createElement(Aligment_1.Aligment, { align: "center", direction: "row", width: "auto" },
-                    handleBack && (react_1.default.createElement(Icons_1.Icon, { name: "back_arrow", onClick: () => handleBack(), left: true })),
-                    react_1.default.createElement(Typography_1.TextHeader, null, title))));
-        }
-        else if (!title && children) {
-            return children;
-        }
-    };
-    const rightSide = () => {
-        if (handleClose) {
-            return (react_1.default.createElement(Icons_1.Icon, { onClick: () => handleClose(), name: "close", iconColor: Theme_1.Theme.colors.text }));
-        }
-        else if (!handleClose && handleClick && actionLabel) {
-            return (react_1.default.createElement(Aligment_1.Aligment, { align: "center", width: "auto" },
-                react_1.default.createElement(Button_1.Button, { mode: "secondary", text: actionLabel, onClick: () => handleClick(), disabled: actionDisabled }),
-                options && (react_1.default.createElement(DropdownMenu_1.DropdownMenu, { options: options, right: true, iconColor: iconColor, position: "right" }))));
-        }
-    };
-    return (react_1.default.createElement(ElementHeader_styles_1.ElementHeaderWrapper, { justify: !title && !children ? 'flex-end' : 'space-between', vPadding: Theme_1.Theme.padding.m, hPadding: Theme_1.Theme.padding.l, backgroundColor: backgroundColor, bottomDivader: bottomDivader },
-        react_1.default.createElement(react_1.default.Fragment, null,
-            leftSide(),
-            rightSide())));
-};
-exports.ElementHeader = ElementHeader;

package/dist/cjs/components/ElementHeader/ElementHeader.styles.js

@@ -1,23 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TitleWrapper = exports.ElementHeaderWrapper = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const Aligment_1 = require("../Aligment");
-const Theme_1 = require("../../Theme/Theme");
-exports.ElementHeaderWrapper = (0, styled_components_1.default)(Aligment_1.Aligment) `
-  width: 100%;
-  border-top-left-radius: ${Theme_1.Theme.borderRadius.m};
-  border-top-right-radius: ${Theme_1.Theme.borderRadius.m};
-  ${(p) => p.bottomDivader &&
-    `
-    border-bottom: 1px solid rgba(0, 0, 0, 0.14);
-    `}
-`;
-exports.TitleWrapper = styled_components_1.default.div `
-  height: 36px;
-  box-sizing: border-box;
-  display: flex;
-`;

package/dist/cjs/components/FillSelect/FillSelect.js

@@ -1,122 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FillSelect = void 0;
-const react_1 = __importStar(require("react"));
-const Aligment_1 = require("../Aligment");
-const FillSelect_styles_1 = require("./FillSelect.styles");
-const Input_1 = require("../Input");
-const common_1 = require("../common");
-const react_dom_1 = require("react-dom");
-const Icons_1 = require("../Icons");
-const Theme_1 = require("../../Theme");
-const Dropdown_1 = require("../Dropdown");
-const Dropdown_styles_1 = require("../Dropdown/Dropdown.styles");
-const FillSelect = ({ size = 'medium', label, labelPosition = 'top', disabled = false, error, errorMsg, width, options, value, placeholder = 'Please select', name, handleSelect, position = 'left', zIndex, readOnly = false, handleAddToScope, theme = Theme_1.mainTheme, }) => {
-    const [open, toogleOpen] = (0, react_1.useState)(false);
-    const [inputValue, setInputValue] = (0, react_1.useState)('');
-    const ref = (0, react_1.useRef)(null);
-    const sourceRef = (0, react_1.useRef)(null);
-    const textRef = (0, react_1.useRef)(null);
-    const [dropdownStyles, setDropdownStyles] = (0, react_1.useState)({});
-    const getLabelForValue = (value) => {
-        return options.find((option) => option.value === value).label;
-    };
-    const handleOpen = () => {
-        if (!disabled) {
-            if (sourceRef.current) {
-                const buttonRect = sourceRef.current.getBoundingClientRect();
-                const positionStyle = {
-                    top: buttonRect.bottom + window.scrollY,
-                    width: buttonRect.width,
-                };
-                if (position === 'left') {
-                    positionStyle.left = buttonRect.left + window.scrollX;
-                }
-                else if (position === 'right') {
-                    positionStyle.right =
-                        window.innerWidth -
-                            (buttonRect.left + buttonRect.width + window.scrollX);
-                }
-                setDropdownStyles(positionStyle);
-            }
-            toogleOpen(!open);
-        }
-    };
-    const selectOption = (e, selectedValue) => {
-        e.stopPropagation();
-        handleSelect(name, selectedValue);
-        toogleOpen(false);
-    };
-    const addToScope = () => {
-        if (inputValue !== '') {
-            const isExist = options.find((_item) => _item.label === inputValue || _item.value === inputValue);
-            if (!isExist) {
-                handleSelect(inputValue, inputValue);
-                handleAddToScope && handleAddToScope(inputValue);
-                setInputValue('');
-                toogleOpen(false);
-            }
-        }
-    };
-    const updateNewOption = (name, value) => {
-        setInputValue(value);
-    };
-    (0, react_1.useEffect)(() => {
-        const handleClickOutside = (event) => {
-            if (ref.current && !ref.current.contains(event.target)) {
-                toogleOpen(false);
-            }
-        };
-        const handleKeyDown = (e) => {
-            if (e.key === 'Escape') {
-                close();
-            }
-        };
-        if (open) {
-            document.addEventListener('click', handleClickOutside, true);
-            document.addEventListener('keydown', handleKeyDown);
-        }
-        return () => {
-            document.removeEventListener('click', handleClickOutside, true);
-            document.removeEventListener('keydown', handleKeyDown);
-        };
-    }, [open]);
-    return (react_1.default.createElement(Aligment_1.Aligment, { align: labelPosition === 'top' ? 'flex-start' : 'center', direction: labelPosition === 'top' ? 'column' : 'row', wrap: 'nowrap', width: width },
-        label && (react_1.default.createElement(Input_1.InputLabelElement, { size: size, labelPosition: labelPosition }, label)),
-        readOnly ? (react_1.default.createElement(Input_1.InputReadOnlyElement, { inputSize: size }, value ? getLabelForValue(value) : '')) : (react_1.default.createElement(Dropdown_styles_1.DropdownElement, { onClick: () => handleOpen(), ref: sourceRef },
-            react_1.default.createElement(Dropdown_1.Field, { inputSize: size, disabled: disabled, width: width, active: open, error: error, rightPadding: true }, value ? getLabelForValue(value) : placeholder),
-            react_1.default.createElement(Input_1.EyeIconWrapper, { size: size },
-                react_1.default.createElement(Icons_1.Icon, { name: open ? 'arrow_drop_up' : 'arrow_drop_down', size: 24, iconColor: theme.inputDefaultTextColor, iconHoverColor: theme.inputDefaultTextColor, iconBgHoverColor: "transparent" })),
-            open &&
-                (0, react_dom_1.createPortal)(react_1.default.createElement(common_1.Panel, { style: dropdownStyles, ref: ref, size: size, fullWidth: true, zIndex: zIndex },
-                    react_1.default.createElement(FillSelect_styles_1.InputArea, { ref: textRef, onClick: (e) => e.stopPropagation() },
-                        react_1.default.createElement(Input_1.Input, { value: inputValue, handleChange: updateNewOption, name: 'newOption' }),
-                        react_1.default.createElement(Icons_1.Icon, { name: 'add_circle', size: 24, onClick: addToScope })),
-                    options &&
-                        options.map((option) => (react_1.default.createElement(common_1.PanelOption, { key: option.value, active: option.value === value, onClick: (e) => selectOption(e, option.value) }, option.label)))), document.body),
-            error && errorMsg && react_1.default.createElement(Input_1.InputErrorMsg, null, errorMsg)))));
-};
-exports.FillSelect = FillSelect;

package/dist/cjs/components/FillSelect/FillSelect.styles.js

@@ -1,13 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InputArea = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const Theme_1 = require("../../Theme");
-exports.InputArea = styled_components_1.default.div `
-   padding: ${Theme_1.Theme.padding.s} ${Theme_1.Theme.padding.m};
-   display:flex;
-   gap:0.5rem;
-`;

package/dist/cjs/components/Form/formHelper.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateForm = void 0;
-const updateForm = (state, updateState, field, value) => {
-    updateState({ ...state, [field]: value });
-};
-exports.updateForm = updateForm;

package/dist/cjs/components/Form/formTypes.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/components/Icons/Icon.js

@@ -1,64 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Icon = void 0;
-const react_1 = __importStar(require("react"));
-const Theme_1 = require("../../Theme/Theme");
-const Icon_styles_1 = require("./Icon.styles");
-const IconsPath_1 = require("./IconsPath");
-const Tooltip_1 = require("../Tooltip/Tooltip");
-const Icon = ({ size = 24, name = 'person', right = false, left = false, isActive = false, onClick = undefined, isDisabled = false, noPadding = false, iconColor = isDisabled ? Theme_1.mainTheme.iconDisabledColor : Theme_1.mainTheme.iconColor, iconHoverColor = Theme_1.mainTheme.iconHoverColor, iconBgColor = Theme_1.mainTheme.iconBgColor, iconBgHoverColor = isDisabled
-    ? Theme_1.mainTheme.iconBgColor
-    : Theme_1.mainTheme.iconBgHoverColor, tooltip, }) => {
-    const haveAction = Boolean(onClick);
-    const iconRef = (0, react_1.useRef)(null);
-    const [showTooltip, setShowTooltip] = (0, react_1.useState)(false);
-    const [tooltipPos, setTooltipPos] = (0, react_1.useState)({ top: 0, left: 0 });
-    const [showBelow, setShowBelow] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
-        if (showTooltip && iconRef.current) {
-            const rect = iconRef.current.getBoundingClientRect();
-            const tooltipHeight = 28;
-            const spaceAbove = rect.top;
-            const spaceBelow = window.innerHeight - rect.bottom;
-            setShowBelow(spaceBelow < tooltipHeight && spaceAbove > tooltipHeight);
-            setTooltipPos({
-                top: showBelow ? rect.bottom : rect.top,
-                left: rect.left + rect.width / 2 - 16,
-            });
-        }
-    }, [showTooltip, showBelow]);
-    const handleClick = () => {
-        if (!isDisabled && !!onClick) {
-            onClick();
-        }
-    };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Icon_styles_1.IconElement, { ref: iconRef, onClick: handleClick, haveAction: haveAction, right: right, left: left, isDisabled: isDisabled, iconColor: iconColor, iconHoverColor: iconHoverColor, iconBgColor: iconBgColor, iconBgHoverColor: iconBgHoverColor, isActive: isActive, noPadding: noPadding, onMouseEnter: () => setShowTooltip(true), onMouseLeave: () => setShowTooltip(false) },
-            react_1.default.createElement("svg", { width: size, height: size, viewBox: '0 0 24 24', preserveAspectRatio: "xMidYMid meet", x: "0", y: "0", name: name },
-                react_1.default.createElement("path", { d: IconsPath_1.iconsPath[name], fill: isActive ? iconHoverColor : iconColor }))),
-        tooltip && showTooltip && (react_1.default.createElement(Tooltip_1.Tooltip, { text: tooltip, position: tooltipPos, showBelow: showBelow }))));
-};
-exports.Icon = Icon;

package/dist/cjs/components/Icons/Icon.styles.js

@@ -1,36 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconElement = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const Theme_1 = require("../../Theme/Theme");
-exports.IconElement = styled_components_1.default.div `
-  transition: 300ms;
-  box-sizing: border-box;
-  position: relative;
-  width: auto;
-  display: inline-flex;
-  border-radius: ${Theme_1.Theme.borderRadius.m};
-  margin-left: ${(p) => (p.right ? Theme_1.Theme.padding.m : '0')};
-  margin-right: ${(p) => (p.left ? Theme_1.Theme.padding.m : '0')};
-  padding: ${(p) => (p.noPadding ? '0' : '4px')};
-  cursor: ${(p) => (p.isDisabled ? 'not-allowed' : 'normal')};
-  background-color: ${(p) => (p.isActive ? p.iconBgHoverColor : p.iconBgColor)};
-  path {
-    transition: 300ms;
-    fill: ${(p) => (p.isDisabled ? Theme_1.Theme.colors.gray_2 : p.iconColor)};
-  }
-  ${(p) => p.haveAction &&
-    `
-    cursor:${p.isDisabled ? 'not-allowed' : 'pointer'};
-    :hover {
-      background-color: ${!p.isDisabled && p.iconBgHoverColor};
-      path {
-        fill: ${p.isDisabled ? Theme_1.Theme.colors.gray_2 : p.iconHoverColor};
-      }
-    }
-    
-    `}
-`;

package/dist/cjs/components/Icons/IconsShows.js

@@ -1,18 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconsShows = void 0;
-const Aligment_1 = require("../Aligment");
-const react_1 = __importDefault(require("react"));
-const Icon_1 = require("./Icon");
-const IconsPath_1 = require("./IconsPath");
-const example_1 = require("../../example");
-const IconsShows = () => {
-    return (react_1.default.createElement(Aligment_1.Aligment, { gap: 10, justify: "flex-start" },
-        react_1.default.createElement(react_1.default.Fragment, null, Object.keys(IconsPath_1.iconsPath).map((iconPath) => (react_1.default.createElement(example_1.IconsShowroom, null,
-            react_1.default.createElement(Icon_1.Icon, { name: iconPath, size: 48 }),
-            react_1.default.createElement(example_1.IconName, null, iconPath)))))));
-};
-exports.IconsShows = IconsShows;

package/dist/cjs/components/Icons/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.iconsPath = exports.Icon = void 0;
-var Icon_1 = require("./Icon");
-Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return Icon_1.Icon; } });
-var IconsPath_1 = require("./IconsPath");
-Object.defineProperty(exports, "iconsPath", { enumerable: true, get: function () { return IconsPath_1.iconsPath; } });

package/dist/cjs/components/List/list.styles.js

@@ -1,53 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ListRowExtend = exports.MoreWrapper = exports.ListIconWrapper = exports.ListText = exports.ListRow = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-exports.ListRow = styled_components_1.default.div `
-  position: relative;
-  display: flex;
-  padding: 8px;
-  padding-left: ${(p) => p.level * 2 * 8}px;
-  font-size: 16px;
-  width: 100%;
-  box-sizing: border-box;
-  gap: 8px;
-  align-content: center;
-  align-items: center;
-  ${(p) => p.selected &&
-    `
-    background-color: ${p.theme.tableCellActiveBackground};
-    `}
-
-  :hover {
-    background-color: ${(p) => p.theme.tableCellActiveBackground};
-    cursor: ${(p) => (p.action ? 'pointer' : 'default')};
-  }
-`;
-exports.ListText = styled_components_1.default.div `
-  font-size: 16px;
-  ${p => p.selected && `
-    color:${p.theme.action}
-    `}
-`;
-exports.ListIconWrapper = styled_components_1.default.div `
-  width: 24px;
-  height: 24px;
-  display: flex;
-  align-content: center;
-  align-items: center;
-  justify-content: center;
-  transition: 300ms;
-  transform: rotate(${(p) => (p.extend ? '0deg' : '-90deg')});
-`;
-exports.MoreWrapper = styled_components_1.default.div `
-  position: absolute;
-  right: 0px;
-`;
-exports.ListRowExtend = styled_components_1.default.div `
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-`;

package/dist/cjs/components/Toogle/Toogle.js

@@ -1,22 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Toogle = void 0;
-const react_1 = __importDefault(require("react"));
-const Theme_1 = require("../../Theme/Theme");
-const styled_components_1 = require("styled-components");
-const Aligment_1 = require("../Aligment");
-const Input_1 = require("../Input");
-const Toogle_styles_1 = require("./Toogle.styles");
-const Toogle = ({ theme = Theme_1.mainTheme, label, labelPosition = 'top', value = false, readOnly = false, name, size = 'medium', width = 'auto', handleClick, }) => {
-    return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme },
-        react_1.default.createElement(Aligment_1.Aligment, { align: labelPosition === 'top' ? 'flex-start' : 'center', justify: labelPosition === 'top' ? 'center' : 'flex-start', direction: labelPosition === 'top' ? 'column-reverse' : 'row', wrap: 'nowrap', width: width },
-            react_1.default.createElement(Input_1.InputWrapper, { width: width },
-                react_1.default.createElement(Toogle_styles_1.ToogleElementWrapper, { size: size },
-                    react_1.default.createElement(Toogle_styles_1.ToogleElement, { size: size, active: value, onClick: () => handleClick(!value) },
-                        react_1.default.createElement(Toogle_styles_1.ToogleElementPoint, { size: size, active: value })))),
-            label && (react_1.default.createElement(Input_1.InputLabelElement, { size: size, labelPosition: labelPosition }, label)))));
-};
-exports.Toogle = Toogle;

package/dist/cjs/components/Toogle/Toogle.styles.js

@@ -1,42 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToogleElement = exports.ToogleElementPoint = exports.ToogleElementWrapper = void 0;
-const common_1 = require("../common");
-const styled_components_1 = __importDefault(require("styled-components"));
-exports.ToogleElementWrapper = styled_components_1.default.div `
-  ${(p) => (0, common_1.setToogleSize)(p.size)}
-`;
-exports.ToogleElementPoint = styled_components_1.default.div `
-  background-color: ${(p) => p.theme.inputDefaultBackground};
-  border-radius: 50%;
-  top: 0px;
-  height: ${(p) => (p.size === 'small' ? '18px' : '22px')};
-  width: ${(p) => (p.size === 'small' ? '18px' : '22px')};
-  transition: 300ms;
-  position: absolute;
-  ${(p) => p.active && `right:0px;`}
-  ${(p) => !p.active && `left:0px;`}
-  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
-
-`;
-exports.ToogleElement = styled_components_1.default.div `
-  position: relative;
-  box-sizing: border-box;
-  background-color: ${(p) => p.active ? p.theme.toogleActiveBackgorund : p.theme.toogleBackgrund};
-  border: 1px solid ${(p) => p.theme.inputDefaultBorder};
-  font-family: 'Lato', sans-serif;
-  outline: 0;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  cursor: pointer;
-  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12),
-    inset 0 1px 2px rgba(0, 0, 0, 0.24);
-  height: ${(p) => (p.size === 'small' ? '20px' : '24px')};
-  width: ${(p) => (p.size === 'small' ? '30px' : '40px')};
-  border-radius: ${(p) => (p.size === 'small' ? '10px' : '12px')};
-  ${(p) => p.size === 'small' && `margin:2px 0;`}
-`;

package/dist/cjs/components/Tooltip/Tooltip.js

@@ -1,15 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tooltip = void 0;
-const react_1 = __importDefault(require("react"));
-const react_dom_1 = require("react-dom");
-const Tooltip_styles_1 = require("./Tooltip.styles");
-const Tooltip = ({ text, position, showBelow }) => {
-    return (0, react_dom_1.createPortal)(react_1.default.createElement(Tooltip_styles_1.TooltipWrapper, { position: position, showBelow: showBelow },
-        text,
-        react_1.default.createElement(Tooltip_styles_1.TooltipPivot, { showBelow: showBelow })), document.body);
-};
-exports.Tooltip = Tooltip;