venice-ui 1.6.4 → 1.6.6

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

@@ -8,7 +8,7 @@ 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 = 'person', right = false, left = false, isActive = false, onClick, isDisabled = false, iconColor = isDisabled ? Theme_1.mainTheme.iconDisabledColor : Theme_1.mainTheme.iconColor, iconHoverColor = Theme_1.mainTheme.iconHoverColor, iconBgColor = Theme_1.mainTheme.iconBgColor, iconBgHoverColor = isDisabled
+const Icon = ({ size = 24, name = 'person', right = false, left = false, isActive = false, onClick, 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, }) => {
     const handleClick = () => {
@@ -16,7 +16,7 @@ const Icon = ({ size = 24, name = 'person', right = false, left = false, isActiv
             onClick();
         }
     };
-    return (react_1.default.createElement(Icon_styles_1.IconElement, { onClick: handleClick, right: right, left: left, isDisabled: isDisabled, iconColor: iconColor, iconHoverColor: iconHoverColor, iconBgColor: iconBgColor, iconBgHoverColor: iconBgHoverColor, isActive: isActive },
+    return (react_1.default.createElement(Icon_styles_1.IconElement, { onClick: handleClick, right: right, left: left, isDisabled: isDisabled, iconColor: iconColor, iconHoverColor: iconHoverColor, iconBgColor: iconBgColor, iconBgHoverColor: iconBgHoverColor, isActive: isActive, noPadding: noPadding },
         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 }))));
 };

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

@@ -14,7 +14,7 @@ exports.IconElement = styled_components_1.default.div `
   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: 4px;
+  padding: ${p => p.noPadding ? '0' : '4px'};
   cursor: ${(p) => (!p.isDisabled ? 'pointer' : 'not-allowed')};
   background-color: ${(p) => (p.isActive ? p.iconBgHoverColor : p.iconBgColor)};
   :hover {

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

@@ -11,7 +11,7 @@ const common_1 = require("../common");
 const Modal_styles_1 = require("./Modal.styles");
 const styled_components_1 = require("styled-components");
 const ButtonsFooter_1 = require("../ButtonsFooter");
-const Modal = ({ theme = Theme_1.mainTheme, children, title, handleConfirm, handleClose, handleAdditional, labelConfirm = 'Save', labelClose = 'Cancel', labelAdditional = 'Reset', submitDisabled, size = 'small', submitLoader = false, additionalType = 'button', additionalValue = false, }) => {
+const Modal = ({ theme = Theme_1.mainTheme, children, title, handleConfirm, handleClose, handleAdditional, labelConfirm = 'Save', labelClose = 'Cancel', labelAdditional, submitDisabled, size = 'small', submitLoader = false, additionalType = 'button', additionalValue = 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 },

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { mainTheme } from '../../Theme/Theme';
 import { IconElement } from './Icon.styles';
 import { iconsPath } from './IconsPath';
-export const Icon = ({ size = 24, name = 'person', right = false, left = false, isActive = false, onClick, isDisabled = false, iconColor = isDisabled ? mainTheme.iconDisabledColor : mainTheme.iconColor, iconHoverColor = mainTheme.iconHoverColor, iconBgColor = mainTheme.iconBgColor, iconBgHoverColor = isDisabled
+export const Icon = ({ size = 24, name = 'person', right = false, left = false, isActive = false, onClick, isDisabled = false, noPadding = false, iconColor = isDisabled ? mainTheme.iconDisabledColor : mainTheme.iconColor, iconHoverColor = mainTheme.iconHoverColor, iconBgColor = mainTheme.iconBgColor, iconBgHoverColor = isDisabled
     ? mainTheme.iconBgColor
     : mainTheme.iconBgHoverColor, }) => {
     const handleClick = () => {
@@ -10,7 +10,7 @@ export const Icon = ({ size = 24, name = 'person', right = false, left = false,
             onClick();
         }
     };
-    return (React.createElement(IconElement, { onClick: handleClick, right: right, left: left, isDisabled: isDisabled, iconColor: iconColor, iconHoverColor: iconHoverColor, iconBgColor: iconBgColor, iconBgHoverColor: iconBgHoverColor, isActive: isActive },
+    return (React.createElement(IconElement, { onClick: handleClick, right: right, left: left, isDisabled: isDisabled, iconColor: iconColor, iconHoverColor: iconHoverColor, iconBgColor: iconBgColor, iconBgHoverColor: iconBgHoverColor, isActive: isActive, noPadding: noPadding },
         React.createElement("svg", { width: size, height: size, viewBox: '0 0 24 24', preserveAspectRatio: "xMidYMid meet", x: "0", y: "0", name: name },
             React.createElement("path", { d: iconsPath[name], fill: isActive ? iconHoverColor : iconColor }))));
 };

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

@@ -8,7 +8,7 @@ export const IconElement = styled.div `
   border-radius: ${Theme.borderRadius.m};
   margin-left: ${(p) => (p.right ? Theme.padding.m : '0')};
   margin-right: ${(p) => (p.left ? Theme.padding.m : '0')};
-  padding: 4px;
+  padding: ${p => p.noPadding ? '0' : '4px'};
   cursor: ${(p) => (!p.isDisabled ? 'pointer' : 'not-allowed')};
   background-color: ${(p) => (p.isActive ? p.iconBgHoverColor : p.iconBgColor)};
   :hover {

package/dist/esm/components/Modal/Modal.js

@@ -5,7 +5,7 @@ import { ScrollCotainer } from '../common';
 import { ModalElement, ModalOverlayer } from './Modal.styles';
 import { ThemeProvider } from 'styled-components';
 import { ButtonsFooter } from '../ButtonsFooter';
-export const Modal = ({ theme = mainTheme, children, title, handleConfirm, handleClose, handleAdditional, labelConfirm = 'Save', labelClose = 'Cancel', labelAdditional = 'Reset', submitDisabled, size = 'small', submitLoader = false, additionalType = 'button', additionalValue = false, }) => {
+export const Modal = ({ theme = mainTheme, children, title, handleConfirm, handleClose, handleAdditional, labelConfirm = 'Save', labelClose = 'Cancel', labelAdditional, submitDisabled, size = 'small', submitLoader = false, additionalType = 'button', additionalValue = false, }) => {
     return (React.createElement(ThemeProvider, { theme: theme },
         React.createElement(ModalOverlayer, null,
             React.createElement(ModalElement, { size: size },

package/dist/types/components/Icons/Icon.d.ts

@@ -11,5 +11,6 @@ export interface IIconActionProps {
     onClick?: () => void;
     isDisabled?: boolean;
     isActive?: boolean;
+    noPadding?: boolean;
 }
 export declare const Icon: FC<IIconActionProps>;

package/dist/types/components/Icons/Icon.styles.d.ts

@@ -8,6 +8,7 @@ interface IIconElementProps {
     iconBgColor: string;
     iconBgHoverColor: string;
     isActive: boolean;
+    noPadding: boolean;
 }
 export declare const IconElement: import("styled-components").StyledComponent<"div", any, IIconElementProps, never>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "venice-ui",
-  "version": "1.6.4",
+  "version": "1.6.6",
   "description": "Component library",
   "main": "index.js",
   "module": "./dist/esm/index.js",