venice-ui 3.0.12 → 3.0.14

package/dist/cjs/components/Card/Card.js

@@ -9,7 +9,7 @@ const react_1 = __importDefault(require("react"));
 const Card_styles_1 = require("./Card.styles");
 const Header_1 = require("../Header");
 const styled_components_1 = require("styled-components");
-const Card = ({ theme, themeVariant = 'default', title, actionLabel, children, customHeader, headerDivader, actionDisabled, handleClick, handleBack, height, options, shadow, noVerticalPadding, }) => {
+const Card = ({ theme, themeVariant = 'default', title, actionLabel, children, customHeader, headerDivader, actionDisabled, handleClick, handleBack, componentHeight, options, shadow, noVerticalPadding, }) => {
     const resolvedThemeData = (0, config_1.resolveThemeWithComponentsConfig)({
         theme,
         themeVariant,
@@ -18,7 +18,7 @@ const Card = ({ theme, themeVariant = 'default', title, actionLabel, children, c
     const { componentsConfig } = resolvedThemeData;
     const headerConfig = componentsConfig.card;
     return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: resolvedTheme },
-        react_1.default.createElement(Card_styles_1.CardRoot, { height: height, shadow: shadow, theme: resolvedTheme, config: headerConfig },
+        react_1.default.createElement(Card_styles_1.CardRoot, { componentHeight: componentHeight, shadow: shadow, theme: resolvedTheme, config: headerConfig },
             (title || actionLabel) && (react_1.default.createElement(Header_1.Header, { title: title, actionLabel: actionLabel, handleClick: handleClick, handleBack: handleBack, options: options, theme: theme, bottomDivader: headerDivader, actionDisabled: actionDisabled, themeVariant: themeVariant, header: customHeader })),
             react_1.default.createElement(Card_styles_1.CardContent, { theme: resolvedTheme, config: headerConfig, noVerticalPadding: noVerticalPadding }, children))));
 };

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

@@ -12,7 +12,7 @@ exports.CardRoot = styled_components_1.default.div `
   width: 100%;
   background-color: ${({ config }) => config.color.background};
   border-radius: ${({ config }) => config.size.borderRadius};
-  height: ${(p) => (p.height ? p.height : '100%')};
+  height: ${(p) => (p.componentHeight ? p.componentHeight : '100%')};
   ${(p) => p.shadow && `box-shadow: ${p.config.color.shadow};`}
 
 `;

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

@@ -14,6 +14,7 @@ exports.TableRoot = styled_components_1.default.div `
 exports.TableHeader = styled_components_1.default.div `
   display: flex;
   align-items: center;
+  flex-shrink: 0;
   justify-content: ${({ right }) => (right ? 'flex-end' : 'flex-start')};
   height: ${({ theme, config }) => config.size.header.height}px;
 `;
@@ -39,7 +40,6 @@ exports.TableContent = styled_components_1.default.table `
   box-sizing: border-box;
   display: block;
   width: 100%;
-  min-width: max-content;
   overflow-x: auto;
   overflow-y: auto;
   height: 100%;

package/dist/esm/components/Card/Card.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { CardContent, CardRoot } from './Card.styles';
 import { Header } from '../Header';
 import { ThemeProvider } from 'styled-components';
-export const Card = ({ theme, themeVariant = 'default', title, actionLabel, children, customHeader, headerDivader, actionDisabled, handleClick, handleBack, height, options, shadow, noVerticalPadding, }) => {
+export const Card = ({ theme, themeVariant = 'default', title, actionLabel, children, customHeader, headerDivader, actionDisabled, handleClick, handleBack, componentHeight, options, shadow, noVerticalPadding, }) => {
     const resolvedThemeData = resolveThemeWithComponentsConfig({
         theme,
         themeVariant,
@@ -12,7 +12,7 @@ export const Card = ({ theme, themeVariant = 'default', title, actionLabel, chil
     const { componentsConfig } = resolvedThemeData;
     const headerConfig = componentsConfig.card;
     return (React.createElement(ThemeProvider, { theme: resolvedTheme },
-        React.createElement(CardRoot, { height: height, shadow: shadow, theme: resolvedTheme, config: headerConfig },
+        React.createElement(CardRoot, { componentHeight: componentHeight, shadow: shadow, theme: resolvedTheme, config: headerConfig },
             (title || actionLabel) && (React.createElement(Header, { title: title, actionLabel: actionLabel, handleClick: handleClick, handleBack: handleBack, options: options, theme: theme, bottomDivader: headerDivader, actionDisabled: actionDisabled, themeVariant: themeVariant, header: customHeader })),
             React.createElement(CardContent, { theme: resolvedTheme, config: headerConfig, noVerticalPadding: noVerticalPadding }, children))));
 };

package/dist/esm/components/Card/Card.styles.js

@@ -6,7 +6,7 @@ export const CardRoot = styled.div `
   width: 100%;
   background-color: ${({ config }) => config.color.background};
   border-radius: ${({ config }) => config.size.borderRadius};
-  height: ${(p) => (p.height ? p.height : '100%')};
+  height: ${(p) => (p.componentHeight ? p.componentHeight : '100%')};
   ${(p) => p.shadow && `box-shadow: ${p.config.color.shadow};`}
 
 `;

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

@@ -8,6 +8,7 @@ export const TableRoot = styled.div `
 export const TableHeader = styled.div `
   display: flex;
   align-items: center;
+  flex-shrink: 0;
   justify-content: ${({ right }) => (right ? 'flex-end' : 'flex-start')};
   height: ${({ theme, config }) => config.size.header.height}px;
 `;
@@ -33,7 +34,6 @@ export const TableContent = styled.table `
   box-sizing: border-box;
   display: block;
   width: 100%;
-  min-width: max-content;
   overflow-x: auto;
   overflow-y: auto;
   height: 100%;

package/dist/types/components/Card/Card.d.ts

@@ -12,7 +12,7 @@ interface ICardProps {
     actionDisabled?: boolean;
     handleClick?: () => void;
     handleBack?: () => void;
-    height?: string;
+    componentHeight?: string;
     options?: IAction[];
     shadow?: boolean;
     noVerticalPadding?: boolean;

package/dist/types/components/Card/Card.styles.d.ts

@@ -1,6 +1,6 @@
 interface ICardElementProps {
     shadow?: boolean;
-    height?: string;
+    componentHeight?: string;
     theme?: any;
     config: any;
 }

package/package.json

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