venice-ui 1.6.5 → 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/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/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.5",
+  "version": "1.6.6",
   "description": "Component library",
   "main": "index.js",
   "module": "./dist/esm/index.js",