venice-ui 1.0.59 → 1.0.62

package/dist/cjs/Theme/Theme.js

@@ -1,18 +1,27 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.mainTheme = exports.Theme = void 0;
+exports.mainTheme = exports.Theme = exports.pallete = void 0;
 const polished_1 = require("polished");
+exports.pallete = {
+    primary: "#4c95c5",
+    accent: '#e4b485',
+};
 exports.Theme = {
     colors: {
-        primary: "#4c95c5",
+        primary: exports.pallete.primary,
+        primary_40: (0, polished_1.lighten)(0.1, exports.pallete.primary),
+        primary_30: (0, polished_1.lighten)(0.2, exports.pallete.primary),
+        primary_20: (0, polished_1.lighten)(0.3, exports.pallete.primary),
+        primary_10: (0, polished_1.lighten)(0.4, exports.pallete.primary),
+        accent: exports.pallete.accent,
+        accent_light: (0, polished_1.lighten)(0.2, exports.pallete.accent),
+        black: "#000000",
         text: '#333333',
-        disableText: "#979797",
-        disableBackground: '#e7e7e7',
+        gray_1: '#979797',
+        gray_2: "#b7b7b7",
+        gray_3: "#e3e3e3",
+        gray_4: '#f3f3f3',
         white: "#ffffff",
-        black: "#333333",
-        gray_1: "#b7b7b7",
-        gray_2: "#e3e3e3",
-        gray_3: '#f3f3f3',
         overlayer: 'rgba(0,0,0,0.4)',
         red: '#ad1616'
     },
@@ -59,20 +68,20 @@ exports.mainTheme = {
     buttonPrimaryHover: (0, polished_1.lighten)(0.1, exports.Theme.colors.primary),
     buttonSecondaryHover: (0, polished_1.lighten)(0.4, exports.Theme.colors.primary),
     buttonInverseHover: (0, polished_1.lighten)(0.3, exports.Theme.colors.primary),
-    disabledBackground: exports.Theme.colors.disableBackground,
-    disabledText: exports.Theme.colors.disableText,
+    disabledBackground: exports.Theme.colors.gray_4,
+    disabledText: exports.Theme.colors.gray_1,
     //text
     textColor: exports.Theme.colors.text,
     // input
     inputDefaultBackground: exports.Theme.colors.white,
-    inputDefaultBorder: exports.Theme.colors.gray_1,
+    inputDefaultBorder: exports.Theme.colors.gray_2,
     inputDefaultTextColor: exports.Theme.colors.text,
-    inputFocusBackground: (0, polished_1.lighten)(0.4, exports.Theme.colors.primary),
-    inputFocusBorder: exports.Theme.colors.primary,
+    inputFocusBackground: exports.Theme.colors.accent_light,
+    inputFocusBorder: exports.Theme.colors.accent,
     inputFocusTextColor: exports.Theme.colors.text,
-    inputDisabledBackground: exports.Theme.colors.disableBackground,
-    inputDisabledBorder: exports.Theme.colors.disableText,
-    inputDisabledTextColor: exports.Theme.colors.disableText,
+    inputDisabledBackground: exports.Theme.colors.gray_4,
+    inputDisabledBorder: exports.Theme.colors.gray_1,
+    inputDisabledTextColor: exports.Theme.colors.gray_1,
     inputErrorBackground: (0, polished_1.lighten)(0.5, exports.Theme.colors.red),
     inputErrorBorder: exports.Theme.colors.red,
     inputErrorTextColor: exports.Theme.colors.red,
@@ -82,14 +91,15 @@ exports.mainTheme = {
     optionActiveColor: exports.Theme.colors.primary,
     optionHoverBackground: (0, polished_1.lighten)(0.3, exports.Theme.colors.primary),
     //table
-    tableBorderColor: exports.Theme.colors.gray_2,
+    tableBorderColor: exports.Theme.colors.gray_3,
     tableHeaderBackground: exports.Theme.colors.white,
     tableHeaderActiveBackground: (0, polished_1.lighten)(0.3, exports.Theme.colors.primary),
     tableCellBackground: exports.Theme.colors.white,
-    tableCellEvenBackground: exports.Theme.colors.gray_3,
+    tableCellEvenBackground: exports.Theme.colors.gray_4,
     tableCellHoverBackground: (0, polished_1.lighten)(0.3, exports.Theme.colors.primary),
     tableCellActiveBackground: (0, polished_1.lighten)(0.3, exports.Theme.colors.primary),
     tableCellSortIcon: exports.Theme.colors.primary,
+    tableMoreIconColor: exports.Theme.colors.primary,
     // chips
     chipsNeutralBackground: exports.Theme.colors.primary,
     chipsNeutralTextColor: exports.Theme.colors.white

package/dist/cjs/components/ButtonsFooter/ButtonsFooter.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonsFooter = void 0;
+const Button_1 = require("../Button");
+const Theme_1 = require("../../Theme/Theme");
+const Aligment_1 = require("../Aligment");
+const react_1 = __importDefault(require("react"));
+const ButtonsFooter_style_1 = require("./ButtonsFooter.style");
+const ButtonsFooter = ({ handleConfirm, handleClose, handleAdditional, labelConfirm, labelClose, labelAdditional, submitDisabled, submitLoader, }) => {
+    const isAdditional = () => {
+        return labelAdditional !== undefined && handleAdditional !== undefined;
+    };
+    const isMultiButtons = () => {
+        return handleConfirm !== undefined && labelConfirm !== undefined;
+    };
+    return (react_1.default.createElement(Aligment_1.Aligment, { justify: isAdditional() ? 'space-between' : 'flex-end', vPadding: Theme_1.Theme.padding.l, hPadding: Theme_1.Theme.padding.l },
+        labelAdditional && handleAdditional && (react_1.default.createElement(ButtonsFooter_style_1.ButtonsFooterGroup, null, !submitLoader && (react_1.default.createElement(Button_1.Button, { mode: 'inverse', onClick: () => handleAdditional(), text: labelAdditional, left: isMultiButtons() })))),
+        react_1.default.createElement(ButtonsFooter_style_1.ButtonsFooterGroup, null,
+            !submitLoader && (react_1.default.createElement(Button_1.Button, { mode: isMultiButtons() ? 'secondary' : 'primary', onClick: () => handleClose(), text: labelClose, left: isMultiButtons() })),
+            handleConfirm && labelConfirm && (react_1.default.createElement(Button_1.Button, { onClick: handleConfirm, text: labelConfirm, disabled: submitDisabled, loader: submitLoader })))));
+};
+exports.ButtonsFooter = ButtonsFooter;

package/dist/cjs/components/ButtonsFooter/ButtonsFooter.style.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonsFooterGroup = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.ButtonsFooterGroup = styled_components_1.default.div `
+    display:flex;
+`;

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonsFooter = void 0;
+var ButtonsFooter_1 = require("./ButtonsFooter");
+Object.defineProperty(exports, "ButtonsFooter", { enumerable: true, get: function () { return ButtonsFooter_1.ButtonsFooter; } });

package/dist/cjs/components/DropdownMenu/DropdownMenu.js

@@ -31,7 +31,7 @@ const Icons_1 = require("../Icons");
 const DropdownMenu_styles_1 = require("./DropdownMenu.styles");
 const Aligment_1 = require("../Aligment");
 const Typography_1 = require("../Typography");
-const DropdownMenu = ({ size = 'medium', iconName = 'more_vert', color = Theme_1.Theme.colors.primary, iconBackgroundColor = false, header = false, headerTitle, headerSubtitle, footer = false, footerText, footerAction, options, right = false, left = false, }) => {
+const DropdownMenu = ({ size = 'medium', iconName = 'more_vert', color = Theme_1.Theme.colors.text, header = false, headerTitle, headerSubtitle, footer = false, footerText, footerAction, options, right = false, left = false, iconInverseMode = false, iconHoverColor = Theme_1.Theme.colors.primary_10, targetID }) => {
     const [open, toogleOpen] = (0, react_1.useState)(false);
     const ref = (0, react_1.useRef)(null);
     const close = () => {
@@ -42,7 +42,7 @@ const DropdownMenu = ({ size = 'medium', iconName = 'more_vert', color = Theme_1
         close();
     };
     const handleClick = (action) => {
-        action();
+        targetID ? action(targetID) : action();
         close();
     };
     (0, react_1.useEffect)(() => {
@@ -57,9 +57,9 @@ const DropdownMenu = ({ size = 'medium', iconName = 'more_vert', color = Theme_1
         };
     }, [open]);
     return (react_1.default.createElement(DropdownMenu_styles_1.DropdownMenuElement, null,
-        react_1.default.createElement(Icons_1.Icon, { name: iconName, onClick: () => toogleOpen(!open), color: color, bgColor: iconBackgroundColor, size: (0, common_1.setIconSize)(size), active: open, right: right, left: left }),
+        react_1.default.createElement(Icons_1.Icon, { name: iconName, onClick: () => toogleOpen(!open), color: color, hoverColor: iconHoverColor, size: (0, common_1.setIconSize)(size), active: open, right: right, left: left, inverseMode: iconInverseMode }),
         open && (react_1.default.createElement(common_1.Panel, { ref: ref, size: size, position: "right" },
-            react_1.default.createElement(Aligment_1.Aligment, { hPadding: Theme_1.Theme.padding.m, direction: "column" },
+            react_1.default.createElement(Aligment_1.Aligment, { direction: "column" },
                 header && (react_1.default.createElement(DropdownMenu_styles_1.DropdownMenuHeader, null,
                     headerTitle && (react_1.default.createElement(Typography_1.TextAccent, { color: Theme_1.Theme.colors.text }, headerTitle)),
                     headerSubtitle && (react_1.default.createElement(Typography_1.TextLabel, { color: Theme_1.Theme.colors.text }, headerSubtitle)))),

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

@@ -15,20 +15,24 @@ exports.DropdownMenuElement = styled_components_1.default.div `
   min-width:40px;
 `;
 exports.DropdownMenuHeader = styled_components_1.default.div `
-  border-bottom: 1px solid  ${Theme_1.Theme.colors.gray_2};
-  padding-bottom: ${Theme_1.Theme.padding.m};
+  border-bottom: 1px solid  ${Theme_1.Theme.colors.gray_3};
+  padding: ${Theme_1.Theme.padding.m};
   width:100%;
+  box-sizing: border-box;
 `;
 exports.DropdownMenuFooter = styled_components_1.default.div `
-  border-top: 1px solid  ${Theme_1.Theme.colors.gray_2};
-  padding-top: ${Theme_1.Theme.padding.m};
+  border-top: 1px solid  ${Theme_1.Theme.colors.gray_3};
+  padding: ${Theme_1.Theme.padding.m};
   width:100%;
+  box-sizing: border-box;
 `;
 exports.DropdownMenuContent = styled_components_1.default.div `
   width:100%;
 `;
 exports.DropdownMenuOption = styled_components_1.default.div `
-  padding: ${Theme_1.Theme.padding.s} 0;
+  padding: ${Theme_1.Theme.padding.s} ${Theme_1.Theme.padding.s};
+  text-align:left;
+  min-width:80px;
   cursor: pointer;
   white-space: nowrap;
   color: ${Theme_1.Theme.colors.text};

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

@@ -15,7 +15,7 @@ const ElementHeader = ({ title, showTitle = true, moreIcon = false, backIcon = f
     const leftSide = () => {
         if (showTitle) {
             return (react_1.default.createElement(Aligment_1.Aligment, { align: 'center', direction: 'row', width: "auto" },
-                backIcon && handleBack && (react_1.default.createElement(Icons_1.Icon, { name: "back_arrow", onClick: () => handleBack() })),
+                backIcon && handleBack && (react_1.default.createElement(Icons_1.Icon, { name: "back_arrow", onClick: () => handleBack(), left: true, color: Theme_1.Theme.colors.text })),
                 react_1.default.createElement(Typography_1.TextHeader, null, title)));
         }
         else if (!showTitle && children) {
@@ -24,10 +24,10 @@ const ElementHeader = ({ title, showTitle = true, moreIcon = false, backIcon = f
     };
     const rightSide = () => {
         if (closeIcon && handleClose) {
-            return react_1.default.createElement(Icons_1.Icon, { onClick: () => handleClose(), name: "close" });
+            return react_1.default.createElement(Icons_1.Icon, { onClick: () => handleClose(), name: "close", color: Theme_1.Theme.colors.text });
         }
         else if (!closeIcon && actionButton && handleClick) {
-            return (react_1.default.createElement(Aligment_1.Aligment, { align: "flex-end", width: "auto" },
+            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() }),
                 moreIcon && options && react_1.default.createElement(DropdownMenu_1.DropdownMenu, { options: options, right: true })));
         }

package/dist/cjs/components/Filters/Filters.js

@@ -179,9 +179,8 @@ const Filters = ({ theme = Theme_1.mainTheme, title = 'Select filters', labelCon
         react_1.default.createElement(Filters_styles_1.FilterIconArea, null,
             react_1.default.createElement(Icons_1.Icon, { name: "filters", onClick: toogleFilter, color: setIconColor() }),
             isAnyFilterActive() && (react_1.default.createElement(Chips_1.Chips, { label: labelClearAll, handleClose: resetAllFiltersAndSubmit }))),
-        openFilters && (react_1.default.createElement(Modal_1.Modal, { title: title, handleConfirm: applyFilter, handleClose: toogleFilter, labelConfirm: labelConfirm, labelClose: labelClose },
+        openFilters && (react_1.default.createElement(Modal_1.Modal, { title: title, handleConfirm: applyFilter, handleClose: toogleFilter, handleAdditional: resetAllFilters, labelConfirm: labelConfirm, labelClose: labelClose, labelAdditional: labelClearAll },
             react_1.default.createElement(Aligment_1.Aligment, { direction: "column", align: 'flex-end' },
-                react_1.default.createElement(Chips_1.Chips, { handleClose: resetAllFilters, label: labelClearAll }),
                 react_1.default.createElement(Filters_styles_1.FiltersArea, null, filters.map((filter) => (react_1.default.createElement(Filters_styles_1.FilterSection, null,
                     react_1.default.createElement(Aligment_1.Aligment, { wrap: "nowrap" },
                         react_1.default.createElement(Typography_1.TextAccent, null, filter.label),

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

@@ -8,8 +8,8 @@ const react_1 = __importDefault(require("react"));
 const Theme_1 = require("../../Theme/Theme");
 const Icon_styles_1 = require("./Icon.styles");
 const IconsPath_1 = require("./IconsPath");
-const Icon = ({ size = 24, name, right = false, left = false, color = Theme_1.Theme.colors.text, bgColor, onClick, active = false, noHover = false }) => {
-    return (react_1.default.createElement(Icon_styles_1.IconElement, { onClick: onClick, bgColor: bgColor, active: active, right: right, left: left, noHover: noHover },
+const Icon = ({ size = 24, name, right = false, left = false, color = Theme_1.Theme.colors.text, hoverColor = Theme_1.Theme.colors.primary_10, active = false, inverseMode = false, onClick, }) => {
+    return (react_1.default.createElement(Icon_styles_1.IconElement, { onClick: onClick, right: right, left: left, active: active, hoverColor: hoverColor, inverseMode: inverseMode },
         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: color }))));
 };

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

@@ -4,32 +4,39 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconElement = void 0;
-const polished_1 = require("polished");
 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;
-  width:auto;
-  display:inline-flex;
-  border-radius: 50%;
+  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')};
-  ${p => p.onClick !== undefined &&
+  padding: 4px;
+  ${(p) => p.onClick !== undefined &&
     `
-    padding: ${Theme_1.Theme.padding.s};
     cursor:pointer;
-    ${!p.noHover &&
-        `&:hover{
-      background-color: ${p.bgColor ? `rgba(255,255,255,0.2)` : (0, polished_1.lighten)(0.3, Theme_1.Theme.colors.primary)};
-      transition: 300ms;
-    }`}
-    
-    svg{
+    path {
+      fill:${(p) => (p.color ? p.color : Theme_1.Theme.colors.primary)};
+      }
+    &:hover{
       cursor:pointer;
-    }
-  `}
-  ${p => p.active && `
-  background-color: ${p.bgColor ? `rgba(255,255,255,0.2)` : (0, polished_1.lighten)(0.3, Theme_1.Theme.colors.primary)};
+      ${!p.inverseMode
+        ? `
+        background-color:${p.hoverColor};  
+      `
+        : `
+      path{
+        fill:${p.hoverColor};
+      }
+      `}
+      }
   `}
+
+  ${(p) => p.active &&
+    `
+    background-color:${p.hoverColor};path {
+    }`}
 `;

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

@@ -2,36 +2,38 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.iconsPath = void 0;
 exports.iconsPath = {
-    calendar: "M5 22q-.825 0-1.413-.587Q3 20.825 3 20V6q0-.825.587-1.412Q4.175 4 5 4h1V2h2v2h8V2h2v2h1q.825 0 1.413.588Q21 5.175 21 6v14q0 .825-.587 1.413Q19.825 22 19 22Zm0-2h14V10H5v10ZM5 8h14V6H5Zm0 0V6v2Zm7 6q-.425 0-.712-.288Q11 13.425 11 13t.288-.713Q11.575 12 12 12t.713.287Q13 12.575 13 13t-.287.712Q12.425 14 12 14Zm-4 0q-.425 0-.713-.288Q7 13.425 7 13t.287-.713Q7.575 12 8 12t.713.287Q9 12.575 9 13t-.287.712Q8.425 14 8 14Zm8 0q-.425 0-.712-.288Q15 13.425 15 13t.288-.713Q15.575 12 16 12t.712.287Q17 12.575 17 13t-.288.712Q16.425 14 16 14Zm-4 4q-.425 0-.712-.288Q11 17.425 11 17t.288-.712Q11.575 16 12 16t.713.288Q13 16.575 13 17t-.287.712Q12.425 18 12 18Zm-4 0q-.425 0-.713-.288Q7 17.425 7 17t.287-.712Q7.575 16 8 16t.713.288Q9 16.575 9 17t-.287.712Q8.425 18 8 18Zm8 0q-.425 0-.712-.288Q15 17.425 15 17t.288-.712Q15.575 16 16 16t.712.288Q17 16.575 17 17t-.288.712Q16.425 18 16 18Z",
-    bookmark: "M5 21V5q0-.825.588-1.413Q6.175 3 7 3h10q.825 0 1.413.587Q19 4.175 19 5v16l-7-3Zm2-3.05 5-2.15 5 2.15V5H7ZM7 5h10-5Z",
-    forward: "M8.025 22 6.25 20.225 14.475 12 6.25 3.775 8.025 2l10 10Z",
-    back: "M16 22 6 12 16 2l1.775 1.775L9.55 12l8.225 8.225Z",
-    back_arrow: "m12 20-8-8 8-8 1.425 1.4-5.6 5.6H20v2H7.825l5.6 5.6Z",
+    account: "M5.85 17.1q1.275-.975 2.85-1.538Q10.275 15 12 15q1.725 0 3.3.562 1.575.563 2.85 1.538.875-1.025 1.363-2.325Q20 13.475 20 12q0-3.325-2.337-5.663Q15.325 4 12 4T6.338 6.337Q4 8.675 4 12q0 1.475.488 2.775.487 1.3 1.362 2.325ZM12 13q-1.475 0-2.488-1.012Q8.5 10.975 8.5 9.5t1.012-2.488Q10.525 6 12 6t2.488 1.012Q15.5 8.025 15.5 9.5t-1.012 2.488Q13.475 13 12 13Zm0 9q-2.075 0-3.9-.788-1.825-.787-3.175-2.137-1.35-1.35-2.137-3.175Q2 14.075 2 12t.788-3.9q.787-1.825 2.137-3.175 1.35-1.35 3.175-2.138Q9.925 2 12 2t3.9.787q1.825.788 3.175 2.138 1.35 1.35 2.137 3.175Q22 9.925 22 12t-.788 3.9q-.787 1.825-2.137 3.175-1.35 1.35-3.175 2.137Q14.075 22 12 22Zm0-2q1.325 0 2.5-.387 1.175-.388 2.15-1.113-.975-.725-2.15-1.113Q13.325 17 12 17t-2.5.387q-1.175.388-2.15 1.113.975.725 2.15 1.113Q10.675 20 12 20Zm0-9q.65 0 1.075-.425.425-.425.425-1.075 0-.65-.425-1.075Q12.65 8 12 8q-.65 0-1.075.425Q10.5 8.85 10.5 9.5q0 .65.425 1.075Q11.35 11 12 11Zm0-1.5Zm0 9Z",
     add: "M11 19v-6H5v-2h6V5h2v6h6v2h-6v6Z",
     add_circle: "M11 17h2v-4h4v-2h-4V7h-2v4H7v2h4Zm1 5q-2.075 0-3.9-.788-1.825-.787-3.175-2.137-1.35-1.35-2.137-3.175Q2 14.075 2 12t.788-3.9q.787-1.825 2.137-3.175 1.35-1.35 3.175-2.138Q9.925 2 12 2t3.9.787q1.825.788 3.175 2.138 1.35 1.35 2.137 3.175Q22 9.925 22 12t-.788 3.9q-.787 1.825-2.137 3.175-1.35 1.35-3.175 2.137Q14.075 22 12 22Zm0-2q3.35 0 5.675-2.325Q20 15.35 20 12q0-3.35-2.325-5.675Q15.35 4 12 4 8.65 4 6.325 6.325 4 8.65 4 12q0 3.35 2.325 5.675Q8.65 20 12 20Zm0-8Z",
-    account: "M5.85 17.1q1.275-.975 2.85-1.538Q10.275 15 12 15q1.725 0 3.3.562 1.575.563 2.85 1.538.875-1.025 1.363-2.325Q20 13.475 20 12q0-3.325-2.337-5.663Q15.325 4 12 4T6.338 6.337Q4 8.675 4 12q0 1.475.488 2.775.487 1.3 1.362 2.325ZM12 13q-1.475 0-2.488-1.012Q8.5 10.975 8.5 9.5t1.012-2.488Q10.525 6 12 6t2.488 1.012Q15.5 8.025 15.5 9.5t-1.012 2.488Q13.475 13 12 13Zm0 9q-2.075 0-3.9-.788-1.825-.787-3.175-2.137-1.35-1.35-2.137-3.175Q2 14.075 2 12t.788-3.9q.787-1.825 2.137-3.175 1.35-1.35 3.175-2.138Q9.925 2 12 2t3.9.787q1.825.788 3.175 2.138 1.35 1.35 2.137 3.175Q22 9.925 22 12t-.788 3.9q-.787 1.825-2.137 3.175-1.35 1.35-3.175 2.137Q14.075 22 12 22Zm0-2q1.325 0 2.5-.387 1.175-.388 2.15-1.113-.975-.725-2.15-1.113Q13.325 17 12 17t-2.5.387q-1.175.388-2.15 1.113.975.725 2.15 1.113Q10.675 20 12 20Zm0-9q.65 0 1.075-.425.425-.425.425-1.075 0-.65-.425-1.075Q12.65 8 12 8q-.65 0-1.075.425Q10.5 8.85 10.5 9.5q0 .65.425 1.075Q11.35 11 12 11Zm0-1.5Zm0 9Z",
-    visibility: "M12 16q1.875 0 3.188-1.312Q16.5 13.375 16.5 11.5q0-1.875-1.312-3.188Q13.875 7 12 7q-1.875 0-3.188 1.312Q7.5 9.625 7.5 11.5q0 1.875 1.312 3.188Q10.125 16 12 16Zm0-1.8q-1.125 0-1.912-.788Q9.3 12.625 9.3 11.5t.788-1.913Q10.875 8.8 12 8.8t1.913.787q.787.788.787 1.913t-.787 1.912q-.788.788-1.913.788Zm0 4.8q-3.65 0-6.65-2.038-3-2.037-4.35-5.462 1.35-3.425 4.35-5.463Q8.35 4 12 4q3.65 0 6.65 2.037 3 2.038 4.35 5.463-1.35 3.425-4.35 5.462Q15.65 19 12 19Zm0-7.5Zm0 5.5q2.825 0 5.188-1.488Q19.55 14.025 20.8 11.5q-1.25-2.525-3.612-4.013Q14.825 6 12 6 9.175 6 6.812 7.487 4.45 8.975 3.2 11.5q1.25 2.525 3.612 4.012Q9.175 17 12 17Z",
-    visability_off: "M16.1 13.3L14.65 11.85C14.8 11.0667 14.575 10.3333 13.975 9.65C13.375 8.96667 12.6 8.7 11.65 8.85L10.2 7.4C10.4833 7.26667 10.7708 7.16667 11.0625 7.1C11.3542 7.03333 11.6667 7 12 7C13.25 7 14.3125 7.4375 15.1875 8.3125C16.0625 9.1875 16.5 10.25 16.5 11.5C16.5 11.8333 16.4667 12.1458 16.4 12.4375C16.3333 12.7292 16.2333 13.0167 16.1 13.3ZM19.3 16.45L17.85 15.05C18.4833 14.5667 19.0458 14.0375 19.5375 13.4625C20.0292 12.8875 20.45 12.2333 20.8 11.5C19.9667 9.81667 18.7708 8.47917 17.2125 7.4875C15.6542 6.49583 13.9167 6 12 6C11.5167 6 11.0417 6.03333 10.575 6.1C10.1083 6.16667 9.65 6.26667 9.2 6.4L7.65 4.85C8.33333 4.56667 9.03333 4.35417 9.75 4.2125C10.4667 4.07083 11.2167 4 12 4C14.5167 4 16.7583 4.69583 18.725 6.0875C20.6917 7.47917 22.1167 9.28333 23 11.5C22.6167 12.4833 22.1125 13.3958 21.4875 14.2375C20.8625 15.0792 20.1333 15.8167 19.3 16.45ZM19.8 22.6L15.6 18.45C15.0167 18.6333 14.4292 18.7708 13.8375 18.8625C13.2458 18.9542 12.6333 19 12 19C9.48333 19 7.24167 18.3042 5.275 16.9125C3.30833 15.5208 1.88333 13.7167 1 11.5C1.35 10.6167 1.79167 9.79583 2.325 9.0375C2.85833 8.27917 3.46667 7.6 4.15 7L1.4 4.2L2.8 2.8L21.2 21.2L19.8 22.6ZM5.55 8.4C5.06667 8.83333 4.625 9.30833 4.225 9.825C3.825 10.3417 3.48333 10.9 3.2 11.5C4.03333 13.1833 5.22917 14.5208 6.7875 15.5125C8.34583 16.5042 10.0833 17 12 17C12.3333 17 12.6583 16.9792 12.975 16.9375C13.2917 16.8958 13.6167 16.85 13.95 16.8L13.05 15.85C12.8667 15.9 12.6917 15.9375 12.525 15.9625C12.3583 15.9875 12.1833 16 12 16C10.75 16 9.6875 15.5625 8.8125 14.6875C7.9375 13.8125 7.5 12.75 7.5 11.5C7.5 11.3167 7.5125 11.1417 7.5375 10.975C7.5625 10.8083 7.6 10.6333 7.65 10.45L5.55 8.4Z",
+    arrow_drop_down: 'M7 14L12 9L17 14H7Z',
+    arrow_drop_up: 'M12 15L7 10H17L12 15Z',
+    back: "M16 22 6 12 16 2l1.775 1.775L9.55 12l8.225 8.225Z",
+    back_arrow: "m12 20-8-8 8-8 1.425 1.4-5.6 5.6H20v2H7.825l5.6 5.6Z",
+    bookmark: "M5 21V5q0-.825.588-1.413Q6.175 3 7 3h10q.825 0 1.413.587Q19 4.175 19 5v16l-7-3Zm2-3.05 5-2.15 5 2.15V5H7ZM7 5h10-5Z",
+    calendar: "M5 22q-.825 0-1.413-.587Q3 20.825 3 20V6q0-.825.587-1.412Q4.175 4 5 4h1V2h2v2h8V2h2v2h1q.825 0 1.413.588Q21 5.175 21 6v14q0 .825-.587 1.413Q19.825 22 19 22Zm0-2h14V10H5v10ZM5 8h14V6H5Zm0 0V6v2Zm7 6q-.425 0-.712-.288Q11 13.425 11 13t.288-.713Q11.575 12 12 12t.713.287Q13 12.575 13 13t-.287.712Q12.425 14 12 14Zm-4 0q-.425 0-.713-.288Q7 13.425 7 13t.287-.713Q7.575 12 8 12t.713.287Q9 12.575 9 13t-.287.712Q8.425 14 8 14Zm8 0q-.425 0-.712-.288Q15 13.425 15 13t.288-.713Q15.575 12 16 12t.712.287Q17 12.575 17 13t-.288.712Q16.425 14 16 14Zm-4 4q-.425 0-.712-.288Q11 17.425 11 17t.288-.712Q11.575 16 12 16t.713.288Q13 16.575 13 17t-.287.712Q12.425 18 12 18Zm-4 0q-.425 0-.713-.288Q7 17.425 7 17t.287-.712Q7.575 16 8 16t.713.288Q9 16.575 9 17t-.287.712Q8.425 18 8 18Zm8 0q-.425 0-.712-.288Q15 17.425 15 17t.288-.712Q15.575 16 16 16t.712.288Q17 16.575 17 17t-.288.712Q16.425 18 16 18Z",
+    check_circle: "m10.6 16.6 7.05-7.05-1.4-1.4-5.65 5.65-2.85-2.85-1.4 1.4ZM12 22q-2.075 0-3.9-.788-1.825-.787-3.175-2.137-1.35-1.35-2.137-3.175Q2 14.075 2 12t.788-3.9q.787-1.825 2.137-3.175 1.35-1.35 3.175-2.138Q9.925 2 12 2t3.9.787q1.825.788 3.175 2.138 1.35 1.35 2.137 3.175Q22 9.925 22 12t-.788 3.9q-.787 1.825-2.137 3.175-1.35 1.35-3.175 2.137Q14.075 22 12 22Zm0-2q3.35 0 5.675-2.325Q20 15.35 20 12q0-3.35-2.325-5.675Q15.35 4 12 4 8.65 4 6.325 6.325 4 8.65 4 12q0 3.35 2.325 5.675Q8.65 20 12 20Zm0-8Z",
+    check_box: "m10.6 16.2 7.05-7.05-1.4-1.4-5.65 5.65-2.85-2.85-1.4 1.4ZM5 21q-.825 0-1.413-.587Q3 19.825 3 19V5q0-.825.587-1.413Q4.175 3 5 3h14q.825 0 1.413.587Q21 4.175 21 5v14q0 .825-.587 1.413Q19.825 21 19 21Zm0-2h14V5H5v14ZM5 5v14V5Z",
+    check: "m9.55 18-5.7-5.7 1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4Z",
+    close: "M6.4 19 5 17.6l5.6-5.6L5 6.4 6.4 5l5.6 5.6L17.6 5 19 6.4 13.4 12l5.6 5.6-1.4 1.4-5.6-5.6Z",
+    circle: "m10.6 16.6 7.05-7.05-1.4-1.4-5.65 5.65-2.85-2.85-1.4 1.4ZM12 22q-2.075 0-3.9-.788-1.825-.787-3.175-2.137-1.35-1.35-2.137-3.175Q2 14.075 2 12t.788-3.9q.787-1.825 2.137-3.175 1.35-1.35 3.175-2.138Q9.925 2 12 2t3.9.787q1.825.788 3.175 2.138 1.35 1.35 2.137 3.175Q22 9.925 22 12t-.788 3.9q-.787 1.825-2.137 3.175-1.35 1.35-3.175 2.137Q14.075 22 12 22Zm0-2q3.35 0 5.675-2.325Q20 15.35 20 12q0-3.35-2.325-5.675Q15.35 4 12 4 8.65 4 6.325 6.325 4 8.65 4 12q0 3.35 2.325 5.675Q8.65 20 12 20Zm0-8Z",
+    delete: "M7 21q-.825 0-1.412-.587Q5 19.825 5 19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.587 1.413Q17.825 21 17 21ZM17 6H7v13h10ZM9 17h2V8H9Zm4 0h2V8h-2ZM7 6v13Z",
+    download: "M6 20q-.825 0-1.412-.587Q4 18.825 4 18v-3h2v3h12v-3h2v3q0 .825-.587 1.413Q18.825 20 18 20Zm6-4-5-5 1.4-1.45 2.6 2.6V4h2v8.15l2.6-2.6L17 11Z",
+    edit: "M5 19h1.4l8.625-8.625-1.4-1.4L5 17.6ZM19.3 8.925l-4.25-4.2 1.4-1.4q.575-.575 1.413-.575.837 0 1.412.575l1.4 1.4q.575.575.6 1.388.025.812-.55 1.387ZM17.85 10.4 7.25 21H3v-4.25l10.6-10.6Zm-3.525-.725-.7-.7 1.4 1.4Z",
+    error: "M12 17C12.2833 17 12.5208 16.9042 12.7125 16.7125C12.9042 16.5208 13 16.2833 13 16C13 15.7167 12.9042 15.4792 12.7125 15.2875C12.5208 15.0958 12.2833 15 12 15C11.7167 15 11.4792 15.0958 11.2875 15.2875C11.0958 15.4792 11 15.7167 11 16C11 16.2833 11.0958 16.5208 11.2875 16.7125C11.4792 16.9042 11.7167 17 12 17ZM11 13H13V7H11V13ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z",
+    filters: "M10 18v-2h4v2Zm-4-5v-2h12v2ZM3 8V6h18v2Z",
+    forward: "M8.025 22 6.25 20.225 14.475 12 6.25 3.775 8.025 2l10 10Z",
+    home: "M4 21V9l8-6 8 6v12h-6v-7h-4v7Zm2-2h2v-7h8v7h2v-9l-6-4.5L6 10Zm6-6.75Z",
     search: "m19.6 21-6.3-6.3q-.75.6-1.725.95Q10.6 16 9.5 16q-2.725 0-4.612-1.887Q3 12.225 3 9.5q0-2.725 1.888-4.613Q6.775 3 9.5 3t4.613 1.887Q16 6.775 16 9.5q0 1.1-.35 2.075-.35.975-.95 1.725l6.3 6.3ZM9.5 14q1.875 0 3.188-1.312Q14 11.375 14 9.5q0-1.875-1.312-3.188Q11.375 5 9.5 5 7.625 5 6.312 6.312 5 7.625 5 9.5q0 1.875 1.312 3.188Q7.625 14 9.5 14Z",
     more_vert: "M12 20q-.825 0-1.412-.587Q10 18.825 10 18q0-.825.588-1.413Q11.175 16 12 16t1.413.587Q14 17.175 14 18q0 .825-.587 1.413Q12.825 20 12 20Zm0-6q-.825 0-1.412-.588Q10 12.825 10 12t.588-1.413Q11.175 10 12 10t1.413.587Q14 11.175 14 12q0 .825-.587 1.412Q12.825 14 12 14Zm0-6q-.825 0-1.412-.588Q10 6.825 10 6t.588-1.412Q11.175 4 12 4t1.413.588Q14 5.175 14 6t-.587 1.412Q12.825 8 12 8Z",
+    more_horiz: "M6 14C5.45 14 4.97917 13.8042 4.5875 13.4125C4.19583 13.0208 4 12.55 4 12C4 11.45 4.19583 10.9792 4.5875 10.5875C4.97917 10.1958 5.45 10 6 10C6.55 10 7.02083 10.1958 7.4125 10.5875C7.80417 10.9792 8 11.45 8 12C8 12.55 7.80417 13.0208 7.4125 13.4125C7.02083 13.8042 6.55 14 6 14ZM12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.45 10.1958 10.9792 10.5875 10.5875C10.9792 10.1958 11.45 10 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14ZM18 14C17.45 14 16.9792 13.8042 16.5875 13.4125C16.1958 13.0208 16 12.55 16 12C16 11.45 16.1958 10.9792 16.5875 10.5875C16.9792 10.1958 17.45 10 18 10C18.55 10 19.0208 10.1958 19.4125 10.5875C19.8042 10.9792 20 11.45 20 12C20 12.55 19.8042 13.0208 19.4125 13.4125C19.0208 13.8042 18.55 14 18 14Z",
     menu: "M3 18v-2h18v2Zm0-5v-2h18v2Zm0-5V6h18v2Z",
     unlock: "M6 8h9V6q0-1.25-.875-2.125T12 3q-1.25 0-2.125.875T9 6H7q0-2.075 1.463-3.538Q9.925 1 12 1t3.538 1.462Q17 3.925 17 6v2h1q.825 0 1.413.587Q20 9.175 20 10v10q0 .825-.587 1.413Q18.825 22 18 22H6q-.825 0-1.412-.587Q4 20.825 4 20V10q0-.825.588-1.413Q5.175 8 6 8Zm0 12h12V10H6v10Zm6-3q.825 0 1.413-.587Q14 15.825 14 15q0-.825-.587-1.413Q12.825 13 12 13q-.825 0-1.412.587Q10 14.175 10 15q0 .825.588 1.413Q11.175 17 12 17Zm-6 3V10v10Z",
     lock: "M6 22q-.825 0-1.412-.587Q4 20.825 4 20V10q0-.825.588-1.413Q5.175 8 6 8h1V6q0-2.075 1.463-3.538Q9.925 1 12 1t3.538 1.462Q17 3.925 17 6v2h1q.825 0 1.413.587Q20 9.175 20 10v10q0 .825-.587 1.413Q18.825 22 18 22Zm0-2h12V10H6v10Zm6-3q.825 0 1.413-.587Q14 15.825 14 15q0-.825-.587-1.413Q12.825 13 12 13q-.825 0-1.412.587Q10 14.175 10 15q0 .825.588 1.413Q11.175 17 12 17ZM9 8h6V6q0-1.25-.875-2.125T12 3q-1.25 0-2.125.875T9 6ZM6 20V10v10Z",
-    home: "M4 21V9l8-6 8 6v12h-6v-7h-4v7Zm2-2h2v-7h8v7h2v-9l-6-4.5L6 10Zm6-6.75Z",
-    filters: "M10 18v-2h4v2Zm-4-5v-2h12v2ZM3 8V6h18v2Z",
-    edit: "M5 19h1.4l8.625-8.625-1.4-1.4L5 17.6ZM19.3 8.925l-4.25-4.2 1.4-1.4q.575-.575 1.413-.575.837 0 1.412.575l1.4 1.4q.575.575.6 1.388.025.812-.55 1.387ZM17.85 10.4 7.25 21H3v-4.25l10.6-10.6Zm-3.525-.725-.7-.7 1.4 1.4Z",
-    download: "M6 20q-.825 0-1.412-.587Q4 18.825 4 18v-3h2v3h12v-3h2v3q0 .825-.587 1.413Q18.825 20 18 20Zm6-4-5-5 1.4-1.45 2.6 2.6V4h2v8.15l2.6-2.6L17 11Z",
-    delete: "M7 21q-.825 0-1.412-.587Q5 19.825 5 19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.587 1.413Q17.825 21 17 21ZM17 6H7v13h10ZM9 17h2V8H9Zm4 0h2V8h-2ZM7 6v13Z",
-    close: "M6.4 19 5 17.6l5.6-5.6L5 6.4 6.4 5l5.6 5.6L17.6 5 19 6.4 13.4 12l5.6 5.6-1.4 1.4-5.6-5.6Z",
     person: "M12 12q-1.65 0-2.825-1.175Q8 9.65 8 8q0-1.65 1.175-2.825Q10.35 4 12 4q1.65 0 2.825 1.175Q16 6.35 16 8q0 1.65-1.175 2.825Q13.65 12 12 12Zm-8 8v-2.8q0-.85.438-1.563.437-.712 1.162-1.087 1.55-.775 3.15-1.163Q10.35 13 12 13t3.25.387q1.6.388 3.15 1.163.725.375 1.162 1.087Q20 16.35 20 17.2V20Zm2-2h12v-.8q0-.275-.137-.5-.138-.225-.363-.35-1.35-.675-2.725-1.013Q13.4 15 12 15t-2.775.337Q7.85 15.675 6.5 16.35q-.225.125-.362.35-.138.225-.138.5Zm6-8q.825 0 1.413-.588Q14 8.825 14 8t-.587-1.412Q12.825 6 12 6q-.825 0-1.412.588Q10 7.175 10 8t.588 1.412Q11.175 10 12 10Zm0-2Zm0 10Z",
-    check_circle: "m10.6 16.6 7.05-7.05-1.4-1.4-5.65 5.65-2.85-2.85-1.4 1.4ZM12 22q-2.075 0-3.9-.788-1.825-.787-3.175-2.137-1.35-1.35-2.137-3.175Q2 14.075 2 12t.788-3.9q.787-1.825 2.137-3.175 1.35-1.35 3.175-2.138Q9.925 2 12 2t3.9.787q1.825.788 3.175 2.138 1.35 1.35 2.137 3.175Q22 9.925 22 12t-.788 3.9q-.787 1.825-2.137 3.175-1.35 1.35-3.175 2.137Q14.075 22 12 22Zm0-2q3.35 0 5.675-2.325Q20 15.35 20 12q0-3.35-2.325-5.675Q15.35 4 12 4 8.65 4 6.325 6.325 4 8.65 4 12q0 3.35 2.325 5.675Q8.65 20 12 20Zm0-8Z",
-    circle: "m10.6 16.6 7.05-7.05-1.4-1.4-5.65 5.65-2.85-2.85-1.4 1.4ZM12 22q-2.075 0-3.9-.788-1.825-.787-3.175-2.137-1.35-1.35-2.137-3.175Q2 14.075 2 12t.788-3.9q.787-1.825 2.137-3.175 1.35-1.35 3.175-2.138Q9.925 2 12 2t3.9.787q1.825.788 3.175 2.138 1.35 1.35 2.137 3.175Q22 9.925 22 12t-.788 3.9q-.787 1.825-2.137 3.175-1.35 1.35-3.175 2.137Q14.075 22 12 22Zm0-2q3.35 0 5.675-2.325Q20 15.35 20 12q0-3.35-2.325-5.675Q15.35 4 12 4 8.65 4 6.325 6.325 4 8.65 4 12q0 3.35 2.325 5.675Q8.65 20 12 20Zm0-8Z",
-    check_box: "m10.6 16.2 7.05-7.05-1.4-1.4-5.65 5.65-2.85-2.85-1.4 1.4ZM5 21q-.825 0-1.413-.587Q3 19.825 3 19V5q0-.825.587-1.413Q4.175 3 5 3h14q.825 0 1.413.587Q21 4.175 21 5v14q0 .825-.587 1.413Q19.825 21 19 21Zm0-2h14V5H5v14ZM5 5v14V5Z",
-    check: "m9.55 18-5.7-5.7 1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4Z",
-    arrow_drop_down: 'M7 14L12 9L17 14H7Z',
-    arrow_drop_up: 'M12 15L7 10H17L12 15Z',
     radio_checked: "M10 15C11.3833 15 12.5625 14.5125 13.5375 13.5375C14.5125 12.5625 15 11.3833 15 10C15 8.61667 14.5125 7.4375 13.5375 6.4625C12.5625 5.4875 11.3833 5 10 5C8.61667 5 7.4375 5.4875 6.4625 6.4625C5.4875 7.4375 5 8.61667 5 10C5 11.3833 5.4875 12.5625 6.4625 13.5375C7.4375 14.5125 8.61667 15 10 15ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",
     radio_unchecked: "M10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",
     new_tab: 'M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H12V5H5V19H19V12H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM9.7 15.7L8.3 14.3L17.6 5H14V3H21V10H19V6.4L9.7 15.7Z',
-    upgrade: "M8.6 22.5L6.7 19.3L3.1 18.5L3.45 14.8L1 12L3.45 9.2L3.1 5.5L6.7 4.7L8.6 1.5L12 2.95L15.4 1.5L17.3 4.7L20.9 5.5L20.55 9.2L23 12L20.55 14.8L20.9 18.5L17.3 19.3L15.4 22.5L12 21.05L8.6 22.5ZM9.45 19.95L12 18.85L14.6 19.95L16 17.55L18.75 16.9L18.5 14.1L20.35 12L18.5 9.85L18.75 7.05L16 6.45L14.55 4.05L12 5.15L9.4 4.05L8 6.45L5.25 7.05L5.5 9.85L3.65 12L5.5 14.1L5.25 16.95L8 17.55L9.45 19.95ZM10.95 15.55L16.6 9.9L15.2 8.45L10.95 12.7L8.8 10.6L7.4 12L10.95 15.55Z"
+    upgrade: "M8.6 22.5L6.7 19.3L3.1 18.5L3.45 14.8L1 12L3.45 9.2L3.1 5.5L6.7 4.7L8.6 1.5L12 2.95L15.4 1.5L17.3 4.7L20.9 5.5L20.55 9.2L23 12L20.55 14.8L20.9 18.5L17.3 19.3L15.4 22.5L12 21.05L8.6 22.5ZM9.45 19.95L12 18.85L14.6 19.95L16 17.55L18.75 16.9L18.5 14.1L20.35 12L18.5 9.85L18.75 7.05L16 6.45L14.55 4.05L12 5.15L9.4 4.05L8 6.45L5.25 7.05L5.5 9.85L3.65 12L5.5 14.1L5.25 16.95L8 17.55L9.45 19.95ZM10.95 15.55L16.6 9.9L15.2 8.45L10.95 12.7L8.8 10.6L7.4 12L10.95 15.55Z",
+    visibility: "M12 16q1.875 0 3.188-1.312Q16.5 13.375 16.5 11.5q0-1.875-1.312-3.188Q13.875 7 12 7q-1.875 0-3.188 1.312Q7.5 9.625 7.5 11.5q0 1.875 1.312 3.188Q10.125 16 12 16Zm0-1.8q-1.125 0-1.912-.788Q9.3 12.625 9.3 11.5t.788-1.913Q10.875 8.8 12 8.8t1.913.787q.787.788.787 1.913t-.787 1.912q-.788.788-1.913.788Zm0 4.8q-3.65 0-6.65-2.038-3-2.037-4.35-5.462 1.35-3.425 4.35-5.463Q8.35 4 12 4q3.65 0 6.65 2.037 3 2.038 4.35 5.463-1.35 3.425-4.35 5.462Q15.65 19 12 19Zm0-7.5Zm0 5.5q2.825 0 5.188-1.488Q19.55 14.025 20.8 11.5q-1.25-2.525-3.612-4.013Q14.825 6 12 6 9.175 6 6.812 7.487 4.45 8.975 3.2 11.5q1.25 2.525 3.612 4.012Q9.175 17 12 17Z",
+    visability_off: "M16.1 13.3L14.65 11.85C14.8 11.0667 14.575 10.3333 13.975 9.65C13.375 8.96667 12.6 8.7 11.65 8.85L10.2 7.4C10.4833 7.26667 10.7708 7.16667 11.0625 7.1C11.3542 7.03333 11.6667 7 12 7C13.25 7 14.3125 7.4375 15.1875 8.3125C16.0625 9.1875 16.5 10.25 16.5 11.5C16.5 11.8333 16.4667 12.1458 16.4 12.4375C16.3333 12.7292 16.2333 13.0167 16.1 13.3ZM19.3 16.45L17.85 15.05C18.4833 14.5667 19.0458 14.0375 19.5375 13.4625C20.0292 12.8875 20.45 12.2333 20.8 11.5C19.9667 9.81667 18.7708 8.47917 17.2125 7.4875C15.6542 6.49583 13.9167 6 12 6C11.5167 6 11.0417 6.03333 10.575 6.1C10.1083 6.16667 9.65 6.26667 9.2 6.4L7.65 4.85C8.33333 4.56667 9.03333 4.35417 9.75 4.2125C10.4667 4.07083 11.2167 4 12 4C14.5167 4 16.7583 4.69583 18.725 6.0875C20.6917 7.47917 22.1167 9.28333 23 11.5C22.6167 12.4833 22.1125 13.3958 21.4875 14.2375C20.8625 15.0792 20.1333 15.8167 19.3 16.45ZM19.8 22.6L15.6 18.45C15.0167 18.6333 14.4292 18.7708 13.8375 18.8625C13.2458 18.9542 12.6333 19 12 19C9.48333 19 7.24167 18.3042 5.275 16.9125C3.30833 15.5208 1.88333 13.7167 1 11.5C1.35 10.6167 1.79167 9.79583 2.325 9.0375C2.85833 8.27917 3.46667 7.6 4.15 7L1.4 4.2L2.8 2.8L21.2 21.2L19.8 22.6ZM5.55 8.4C5.06667 8.83333 4.625 9.30833 4.225 9.825C3.825 10.3417 3.48333 10.9 3.2 11.5C4.03333 13.1833 5.22917 14.5208 6.7875 15.5125C8.34583 16.5042 10.0833 17 12 17C12.3333 17 12.6583 16.9792 12.975 16.9375C13.2917 16.8958 13.6167 16.85 13.95 16.8L13.05 15.85C12.8667 15.9 12.6917 15.9375 12.525 15.9625C12.3583 15.9875 12.1833 16 12 16C10.75 16 9.6875 15.5625 8.8125 14.6875C7.9375 13.8125 7.5 12.75 7.5 11.5C7.5 11.3167 7.5125 11.1417 7.5375 10.975C7.5625 10.8083 7.6 10.6333 7.65 10.45L5.55 8.4Z",
 };

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

@@ -10,9 +10,9 @@ 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: 5 },
+    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 }),
-            iconPath))))));
+            react_1.default.createElement(example_1.IconName, null, iconPath)))))));
 };
 exports.IconsShows = IconsShows;

package/dist/cjs/components/Input/Input.js

@@ -45,7 +45,7 @@ const Input = ({ label, labelPosition = 'top', value, type = 'text', name, disab
             react_1.default.createElement(Input_styles_1.InputWrapper, { width: width },
                 react_1.default.createElement(Input_styles_1.InputTextElement, { inputSize: size, type: showPassword ? 'text' : inputType, disabled: disabled, name: name, value: value, onChange: onChange, error: error, placeholder: placeholder, min: min, max: max, step: step }),
                 inputType === 'password' && (react_1.default.createElement(Input_styles_1.EyeIconWrapper, { size: size },
-                    react_1.default.createElement(Icons_1.Icon, { name: showPassword ? 'visability_off' : 'visibility', size: 24, onClick: tooglePassword, color: theme.inputDefaultTextColor, noHover: true }))),
+                    react_1.default.createElement(Icons_1.Icon, { name: showPassword ? 'visability_off' : 'visibility', size: 24, onClick: tooglePassword, color: theme.inputDefaultTextColor, inverseMode: true }))),
                 error && react_1.default.createElement(Input_styles_1.InputErrorMsg, null, error)))));
 };
 exports.Input = Input;

package/dist/cjs/components/Modal/Modal.js

@@ -4,25 +4,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Modal = void 0;
-const ElementHeader_1 = require("../ElementHeader");
 const react_1 = __importDefault(require("react"));
+const ElementHeader_1 = require("../ElementHeader");
 const Theme_1 = require("../../Theme/Theme");
-const Aligment_1 = require("../Aligment");
-const Button_1 = require("../Button");
 const common_1 = require("../common");
 const Modal_styles_1 = require("./Modal.styles");
 const styled_components_1 = require("styled-components");
-const Modal = ({ theme = Theme_1.mainTheme, children, title, handleConfirm, handleClose, labelConfirm, labelClose, submitDisabled, size = 'small', submitLoader = false }) => {
-    const isMultiButtons = () => {
-        return handleConfirm !== undefined && labelConfirm !== undefined;
-    };
+const ButtonsFooter_1 = require("../ButtonsFooter");
+const Modal = ({ theme = Theme_1.mainTheme, children, title, handleConfirm, handleClose, handleAdditional, labelConfirm, labelClose, labelAdditional, submitDisabled, size = 'small', submitLoader = false, }) => {
     return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme },
         react_1.default.createElement(Modal_styles_1.ModalOverlayer, null,
             react_1.default.createElement(Modal_styles_1.ModalElement, { size: size },
                 react_1.default.createElement(ElementHeader_1.ElementHeader, { title: title, handleClose: handleClose }),
                 react_1.default.createElement(common_1.ScrollCotainer, null, children),
-                react_1.default.createElement(Aligment_1.Aligment, { justify: 'flex-end', vPadding: Theme_1.Theme.padding.l, hPadding: Theme_1.Theme.padding.l },
-                    react_1.default.createElement(Button_1.Button, { mode: isMultiButtons() ? 'secondary' : 'primary', onClick: () => handleClose(), text: labelClose, left: isMultiButtons() }),
-                    handleConfirm && labelConfirm && (react_1.default.createElement(Button_1.Button, { onClick: handleConfirm, text: labelConfirm, disabled: submitDisabled, loader: submitLoader })))))));
+                react_1.default.createElement(ButtonsFooter_1.ButtonsFooter, { handleConfirm: handleConfirm, handleClose: handleClose, handleAdditional: handleAdditional, labelConfirm: labelConfirm, labelClose: labelClose, labelAdditional: labelAdditional, submitDisabled: submitDisabled, submitLoader: submitLoader })))));
 };
 exports.Modal = Modal;

package/dist/cjs/components/Table/Table.js

@@ -34,19 +34,29 @@ const Aligment_1 = require("../Aligment");
 const Filters_1 = require("../Filters");
 const tableHelper_1 = require("./tableHelper");
 const Chips_1 = require("../Chips");
+const DropdownMenu_1 = require("../DropdownMenu");
 const Table = ({ theme = Theme_1.mainTheme, headers, elements, 
 // isBulkAction = false,
 hover = true, selectable = true, sortable = true, filtrable = false, sort = {
     name: '',
     order: 'none',
-}, filters = [], 
-// haveMore = false,
-// moreActions = [],
-onRowClick, filtersTitle = 'Select filters', filtersConfirmLabel = 'Approve', filtersCancelLabel = 'Cancel', filterClearAllLabel = 'Clear all filters', sortClearLabel = 'Clear sorting', }) => {
+}, filters = [], moreActions = [], onRowClick, filtersTitle = 'Select filters', filtersConfirmLabel = 'Approve', filtersCancelLabel = 'Cancel', filterClearAllLabel = 'Clear all filters', sortClearLabel = 'Clear sorting', }) => {
+    const checkHeaders = () => {
+        const tableHeaders = [...headers];
+        if (moreActions.length > 0) {
+            tableHeaders.push({
+                name: 'opiton',
+                valueSource: 'empty',
+                action: true,
+            });
+        }
+        return tableHeaders;
+    };
     const [tableProps, setTableProps] = (0, react_1.useState)({
         elements: (0, tableHelper_1.setElements)(elements, sort, filters),
         sort: sort,
         filters: filters,
+        headers: checkHeaders(),
     });
     (0, react_1.useEffect)(() => {
         setTableProps({
@@ -95,19 +105,18 @@ onRowClick, filtersTitle = 'Select filters', filtersConfirmLabel = 'Approve', fi
                 sortable && tableProps.sort.name !== '' && (react_1.default.createElement(Chips_1.Chips, { label: sortClearLabel, handleClose: resetSorting }))))),
         react_1.default.createElement(Table_styles_1.TableWrapper, { cellPadding: "0", cellSpacing: "0" },
             react_1.default.createElement(Table_styles_1.TableHead, null,
-                react_1.default.createElement(Table_styles_1.TableRow, { hover: false, selectable: false, active: false }, headers.map((header) => (react_1.default.createElement(Table_styles_1.TableHeaderCell, { key: header.name, sortable: sortable, onClick: () => handleHeaderCellClick(header.valueSource), isSorted: tableProps.sort.name === header.valueSource &&
+                react_1.default.createElement(Table_styles_1.TableRow, { hover: false, selectable: false, active: false }, tableProps.headers.map((header) => (react_1.default.createElement(react_1.default.Fragment, null, header.action ? (react_1.default.createElement(Table_styles_1.OptionTableHeaderCell, null)) : (react_1.default.createElement(Table_styles_1.TableHeaderCell, { key: header.name, sortable: sortable, onClick: () => handleHeaderCellClick(header.valueSource), isSorted: tableProps.sort.name === header.valueSource &&
                         tableProps.sort.order != 'none' },
                     header.name,
                     tableProps.sort.name === header.valueSource &&
                         tableProps.sort.order != 'none' && (react_1.default.createElement(Table_styles_1.TableHeaderSortIcon, null,
                         react_1.default.createElement(Icons_1.Icon, { name: tableProps.sort.order === 'asc'
                                 ? 'arrow_drop_down'
-                                : 'arrow_drop_up', color: theme.tableCellSortIcon, size: 20 })))))))),
-            react_1.default.createElement("tbody", null, tableProps.elements.map((item) => (react_1.default.createElement(Table_styles_1.TableRow, { key: item.id, hover: hover, active: selectedRow === item.id, selectable: selectable, onClick: () => handleRowClick(item.id) }, headers.map((header) => {
-                return (react_1.default.createElement(Table_styles_1.TableCell, { key: `${item.id}-${header.name}` }, header.date
-                    ? (0, date_fns_1.format)(item[header.valueSource], 'dd-MM-yyyy')
-                    : item[header.valueSource]));
-                // }
-            }))))))));
+                                : 'arrow_drop_up', color: theme.tableCellSortIcon, size: 20 })))))))))),
+            react_1.default.createElement("tbody", null, tableProps.elements.map((item) => (react_1.default.createElement(Table_styles_1.TableRow, { key: item.id, hover: hover, active: selectedRow === item.id, selectable: selectable, onClick: () => handleRowClick(item.id) }, tableProps.headers.map((header) => (react_1.default.createElement(react_1.default.Fragment, null, header.action ? (react_1.default.createElement(Table_styles_1.OptionTableCell, null,
+                react_1.default.createElement(Table_styles_1.OptionTableCellWrapper, { onClick: (e) => e.stopPropagation() },
+                    react_1.default.createElement(DropdownMenu_1.DropdownMenu, { options: moreActions, targetID: item.id, iconName: 'more_vert', color: theme.tableMoreIconColor, iconInverseMode: true })))) : (react_1.default.createElement(Table_styles_1.TableCell, { key: `${item.id}-${header.name}` }, header.date
+                ? (0, date_fns_1.format)(item[header.valueSource], 'dd-MM-yyyy')
+                : item[header.valueSource]))))))))))));
 };
 exports.Table = Table;

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

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableTopBar = exports.TableCell = exports.TableRow = exports.TableHeaderSortIcon = exports.TableHeaderCell = exports.TableHead = exports.TableWrapper = void 0;
+exports.OptionTableCellWrapper = exports.OptionTableCell = exports.TableTopBar = exports.TableCell = exports.TableRow = exports.TableHeaderSortIcon = exports.OptionTableHeaderCell = exports.TableHeaderCell = exports.TableHead = exports.TableWrapper = void 0;
 const styled_components_1 = __importDefault(require("styled-components"));
 exports.TableWrapper = styled_components_1.default.table `
   width: 100%;
@@ -20,43 +20,58 @@ exports.TableHeaderCell = styled_components_1.default.th `
   padding: 8px;
   transition: 300ms;
   font-size: 14px;
-  background-color: ${(p) => p.isSorted ? p.theme.tableHeaderActiveBackground : p.theme.tableHeaderBackground};
+  background-color: ${(p) => p.isSorted
+    ? p.theme.tableHeaderActiveBackground
+    : p.theme.tableHeaderBackground};
   border-bottom: 1px solid ${(p) => p.theme.tableBorderColor};
 
   :hover {
-    background-color: ${(p) => p.isSorted ? p.theme.tableHeaderActiveBackground : p.theme.tableHeaderBackground};
+    background-color: ${(p) => p.isSorted
+    ? p.theme.tableHeaderActiveBackground
+    : p.theme.tableHeaderBackground};
   }
- 
+
   ${(p) => p.sortable &&
     `
     cursor:pointer;
   `}
   position:relative;
-
+`;
+exports.OptionTableHeaderCell = styled_components_1.default.th `
+  font-weight: bold;
+  text-align: left;
+  width: 28px;
+  transition: 300ms;
+  font-size: 14px;
+  background-color: ${(p) => p.theme.tableHeaderBackground};
+  border-bottom: 1px solid ${(p) => p.theme.tableBorderColor};
 `;
 exports.TableHeaderSortIcon = styled_components_1.default.div `
   width: 20px;
   height: 20px;
-  position:absolute;
-  right:0;
+  position: absolute;
+  right: 0;
   transition: 300ms;
   top: calc(50% - 10px);
 `;
 exports.TableRow = styled_components_1.default.tr `
-  background-color: ${(p) => p.active ? p.theme.tableCellActiveBackground : p.theme.tableCellEvenBackground};
+  background-color: ${(p) => p.active
+    ? p.theme.tableCellActiveBackground
+    : p.theme.tableCellEvenBackground};
   :nth-child(even) {
     background-color: ${(p) => p.active
     ? p.theme.tableCellActiveBackground
     : p.theme.tableCellBackground};
     transition: 300ms;
   }
-  ${(p) => (p.selectable && p.onClick) &&
+  ${(p) => (p.selectable || p.onClick) &&
     `
   cursor:pointer;`}
   ${(p) => p.hover &&
     `
   :hover{
     background-color:${p.theme.tableCellHoverBackground};
+
   }
   `}
 `;
@@ -65,5 +80,13 @@ exports.TableCell = styled_components_1.default.td `
   border-bottom: 1px solid ${(p) => p.theme.tableBorderColor};
 `;
 exports.TableTopBar = styled_components_1.default.div `
-  padding-bottom:4px;
+  padding-bottom: 4px;
+`;
+exports.OptionTableCell = styled_components_1.default.td `
+  border-bottom: 1px solid ${(p) => p.theme.tableBorderColor};
+  text-align: center;
+`;
+exports.OptionTableCellWrapper = styled_components_1.default.div `
+  width: 40px;
+  display: flex;
 `;

package/dist/cjs/components/common/commonComponents.js

@@ -28,7 +28,7 @@ exports.Panel = styled_components_1.default.div `
   position: absolute;
   z-index: ${Theme_1.Theme.zIndex.dropdown};
   top: ${(p) => (0, inputStyles_1.setPanelTop)(p.size)};
-  border: 1px solid ${Theme_1.Theme.colors.gray_1};
+  border: 1px solid ${Theme_1.Theme.colors.gray_2};
   border-top: none;
   ${p => (0, inputStyles_1.setPanelPosition)(p.position)}
 `;