venice-ui 3.0.3 → 3.0.5

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

@@ -31,6 +31,7 @@ exports.ButtonRoot = styled_components_1.default.div `
   justify-content: center;
   white-space: nowrap;
   flex-shrink: 0;
+  font-weight: normal;
   width: auto;
   min-width: ${({ config, size }) => config.sizes[size].minWidth}px;
   height: ${({ config, size }) => config.sizes[size].height}px;

package/dist/cjs/components/Checkbox/Checkbox.js

@@ -27,7 +27,7 @@ const Checkbox = ({ name, value = false, size = 'md', label, labelPosition = 'to
         }
     };
     return (react_1.default.createElement(ComponentRoot_1.ComponentRoot, { labelPosition: labelPosition, size: size, disabled: isDisabled, error: error, readOnly: false, required: required, optional: optional, optionalLabel: optionalLabel, helperText: helperText, themeVariant: themeVariant, theme: resolvedTheme, componentConfig: checkboxConfig, label: label, isActive: value, labelInversed: labelInversed, smallSize: true },
-        react_1.default.createElement(Checkbox_styles_1.CheckboxRoot, { onClick: onClick, isDisabled: isDisabled },
+        react_1.default.createElement(Checkbox_styles_1.CheckboxRoot, { onClick: onClick, isDisabled: isDisabled, id: 'dupa' },
             react_1.default.createElement(Checkbox_styles_1.CheckboxBox, { theme: resolvedTheme, config: checkboxConfig, size: size, isDisabled: isDisabled, isIntermedian: isIntermedian, isActive: value }, (value || isIntermedian) && (react_1.default.createElement("svg", { width: resolvedSize.iconSize, height: resolvedSize.iconSize, viewBox: '0 0 24 24', preserveAspectRatio: "xMidYMid meet", x: "0", y: "0", name: name },
                 react_1.default.createElement("path", { d: iconName, fill: isDisabled
                         ? checkboxConfig.color.disabled.icon

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CheckboxBox = exports.CheckboxRoot = void 0;
 const styled_components_1 = __importDefault(require("styled-components"));
 exports.CheckboxRoot = styled_components_1.default.div `
+  box-sizing: border-box;
   display: flex;
   align-items: center;
   justify-content: start-flex;
@@ -14,6 +15,7 @@ exports.CheckboxRoot = styled_components_1.default.div `
   cursor: ${({ isDisabled }) => (isDisabled ? 'not-allowed' : 'pointer')};
 `;
 exports.CheckboxBox = styled_components_1.default.div `
+  box-sizing: border-box;
   display: flex;
   align-content: center;
   align-items: center;
@@ -31,14 +33,14 @@ exports.CheckboxBox = styled_components_1.default.div `
             : config.color.default.boxBorder};
   background: ${({ theme, config, isActive, isDisabled, isIntermedian }) => isDisabled
     ? config.color.disabled.boxBackground
-    : isIntermedian ?
-        config.color.intermedian.boxBackground
+    : isIntermedian
+        ? config.color.intermedian.boxBackground
         : isActive
             ? config.color.focus.boxBackground
             : config.color.default.background};
   border-radius: ${({ config, size }) => config.size[size].radius}px;
   cursor: ${({ isDisabled }) => (isDisabled ? 'not-allowed' : 'pointer')};
-  :hover{
+  :hover {
     border-color: ${({ theme, config, isActive, isDisabled, isIntermedian }) => isDisabled
     ? config.color.disabled.boxBorder
     : isIntermedian
@@ -46,6 +48,5 @@ exports.CheckboxBox = styled_components_1.default.div `
         : isActive
             ? config.color.focus.boxBorder
             : config.color.hover.boxBorder};
-
   }
 `;

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

@@ -8,7 +8,7 @@ const react_1 = __importDefault(require("react"));
 const styled_components_1 = require("styled-components");
 const config_1 = require("../../config");
 const Aligment_1 = require("../Aligment");
-const iLst_styles_1 = require("./iLst.styles");
+const List_styles_1 = require("./List.styles");
 const Icon_1 = require("../Icon");
 const Checkbox_1 = require("../Checkbox");
 const DropdownMenu_1 = require("../DropdownMenu");
@@ -84,13 +84,13 @@ const List = ({ theme, themeVariant = 'default', items, handleChange, handleSele
     const renderRow = (row, level) => {
         const rowHaveStatus = row.statusDone || row.statusError || row.statusWarnning;
         return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: resolvedTheme },
-            react_1.default.createElement(iLst_styles_1.ListRowRoot, { theme: resolvedTheme, config: checkboxConfig, 
+            react_1.default.createElement(List_styles_1.ListRowRoot, { theme: resolvedTheme, config: checkboxConfig, 
                 // action={}
                 level: level },
-                react_1.default.createElement(iLst_styles_1.ListRow, { theme: resolvedTheme, config: checkboxConfig, isSelected: isSelectable && selected ? selected === row.id : false },
+                react_1.default.createElement(List_styles_1.ListRow, { theme: resolvedTheme, config: checkboxConfig, isSelected: isSelectable && selected ? selected === row.id : false },
                     react_1.default.createElement(react_1.default.Fragment, null,
                         react_1.default.createElement(Aligment_1.Aligment, { justify: "start-flex", gap: checkboxConfig.size.gap, align: "center" },
-                            isCollapsable && (react_1.default.createElement(iLst_styles_1.ListIconWrapper, { theme: resolvedTheme, config: checkboxConfig, isExtended: row.extend || false, onClick: (e) => {
+                            isCollapsable && (react_1.default.createElement(List_styles_1.ListIconWrapper, { theme: resolvedTheme, config: checkboxConfig, isExtended: row.extend || false, onClick: (e) => {
                                     e.stopPropagation();
                                 } },
                                 row.children.length !== 0 && (react_1.default.createElement(Icon_1.Icon, { name: "chevron_down", onClick: () => showRow(row.id), hoverBackground: "transparent" })),
@@ -111,16 +111,16 @@ const List = ({ theme, themeVariant = 'default', items, handleChange, handleSele
                                             : checkboxConfig.color.status.success })))),
                             isCheckbox && (react_1.default.createElement("div", { onClick: (e) => e.stopPropagation() },
                                 react_1.default.createElement(Checkbox_1.Checkbox, { handleClick: () => handleClick(row), value: getValue(row), isIntermedian: getIntermedian(row), size: "sm" }))),
-                            row.value),
-                        react_1.default.createElement(iLst_styles_1.ListRowOptionsWrapper, { onClick: (e) => e.stopPropagation() }, haveMoreOptions && levelActions[level]?.moreActions && (react_1.default.createElement(DropdownMenu_1.DropdownMenu, { options: levelActions[level]?.moreActions || [], targetID: row.id, position: 'right' })))))),
-            row.children.length > 0 && (react_1.default.createElement(iLst_styles_1.ListRowExtend, { isExtended: row.extend || false },
+                            react_1.default.createElement(List_styles_1.ListValue, { theme: resolvedTheme, config: checkboxConfig }, row.value)),
+                        react_1.default.createElement(List_styles_1.ListRowOptionsWrapper, { onClick: (e) => e.stopPropagation() }, haveMoreOptions && levelActions[level]?.moreActions && (react_1.default.createElement(DropdownMenu_1.DropdownMenu, { options: levelActions[level]?.moreActions || [], targetID: row.id, position: 'right' })))))),
+            row.children.length > 0 && (react_1.default.createElement(List_styles_1.ListRowExtend, { isExtended: row.extend || false },
                 react_1.default.createElement("div", null, row.children.map((_chiledRow) => {
                     return renderRow(_chiledRow, level + 1);
                 }))))));
     };
     let level = 0;
     return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: resolvedTheme },
-        react_1.default.createElement(iLst_styles_1.ListRoot, { theme: resolvedTheme, config: checkboxConfig },
+        react_1.default.createElement(List_styles_1.ListRoot, { theme: resolvedTheme, config: checkboxConfig },
             react_1.default.createElement(Aligment_1.Aligment, { direction: "column", width: "100%", align: "flex-start" }, items.map((_row) => {
                 return renderRow(_row, level);
             })))));

package/dist/cjs/components/List/{iLst.styles.js → List.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.ListRowOptionsWrapper = exports.ListRowExtend = exports.ListIconWrapper = exports.ListRow = exports.ListRowRoot = exports.ListRoot = void 0;
+exports.ListValue = exports.ListRowOptionsWrapper = exports.ListRowExtend = exports.ListIconWrapper = exports.ListRow = exports.ListRowRoot = exports.ListRoot = void 0;
 const styled_components_1 = __importDefault(require("styled-components"));
 exports.ListRoot = styled_components_1.default.div `
   width: 100%;
@@ -66,3 +66,9 @@ exports.ListRowExtend = styled_components_1.default.div `
 exports.ListRowOptionsWrapper = styled_components_1.default.div `
   display: flex;
 `;
+exports.ListValue = styled_components_1.default.div `
+font-weight: normal;
+  line-height: ${({ config }) => config.size.lineHeight}px;
+  font-size: ${({ theme, config }) => config.size.font}px;
+  color: ${({ theme, config }) => config.color.default.text};
+`;

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

@@ -66,7 +66,7 @@ exports.ModalOverlayer = styled_components_1.default.div `
   padding: ${({ config, theme }) => config.size.common.overlayerPadding}px;
   width: 100%;
   position: fixed;
-  z-index: ${({ config, theme }) => config.size.common.zIndex.modalOverlayer};
+  z-index: ${({ config, theme }) => config.size.common.zIndex};
 `;
 exports.ModalRoot = styled_components_1.default.div `
     box-sizing: border-box;

package/dist/cjs/components/Pagination/Pagination.js

@@ -61,6 +61,6 @@ const Pagination = ({ theme, themeVariant = 'default', currentPage, totalPages,
                     if (!isNaN(num) && num > 0) {
                         onPageSizeChange(num);
                     }
-                }, name: "pageSize", value: String(pageSize), options: dropdownOptions, width: 'auto', componentWidth: '70px' }))));
+                }, name: "pageSize", value: String(pageSize), options: dropdownOptions, width: 'auto', componentWidth: '80px' }))));
 };
 exports.Pagination = Pagination;

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

@@ -7,9 +7,9 @@ exports.PaginationDropdownWrapper = exports.PaginationItem = exports.PaginationI
 const styled_components_1 = __importDefault(require("styled-components"));
 exports.PaginationRoot = styled_components_1.default.div `
   display: flex;
-   justify-content: space-between;
+   justify-content: flex-end;
   align-items: center;
-  width: 100%;
+  width: auto;
   box-sizing: border-box;
   height: ${({ theme, config }) => config.size.paginationHeight}px;
   gap: ${({ theme, config }) => config.size.elementGap}px;
@@ -18,7 +18,7 @@ exports.PaginationItemWrapper = styled_components_1.default.div `
   display: flex;
   align-items: center;
   justify-content:  flex-start;
-  width:100%;
+  width:auto;
   gap: ${({ theme, config }) => config.size.itemGap}px;
 `;
 exports.PaginationItem = styled_components_1.default.button `Ś

package/dist/cjs/config/config.js

@@ -225,14 +225,14 @@ exports.measurements = {
             },
             table: {
                 sm: 80,
-                md: 120,
+                md: 160,
                 lg: 240,
             },
         },
     },
     zIndex: {
         dropdown: 800,
-        modal: 1000,
+        modal: 1001,
         sidepanel: 900,
         sidepanelOverlayer: 850,
     },
@@ -1362,13 +1362,12 @@ const createComponentsConfig = (theme = 'default') => {
             color: {
                 default: {
                     background: Theme.surface.default,
-                    text: Theme.text.primary,
                     counterText: Theme.text.inverse,
                     counterBackground: Theme.action.primary.default,
                     headerText: Theme.text.secondary,
                 },
                 hover: {
-                    background: Theme.surface.subtle,
+                    background: Theme.surface.hover,
                     activeBackground: Theme.action.primary.selectedHover,
                     clearText: Theme.action.primary.default,
                 },

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

@@ -25,6 +25,7 @@ export const ButtonRoot = styled.div `
   justify-content: center;
   white-space: nowrap;
   flex-shrink: 0;
+  font-weight: normal;
   width: auto;
   min-width: ${({ config, size }) => config.sizes[size].minWidth}px;
   height: ${({ config, size }) => config.sizes[size].height}px;

package/dist/esm/components/Checkbox/Checkbox.js

@@ -21,7 +21,7 @@ export const Checkbox = ({ name, value = false, size = 'md', label, labelPositio
         }
     };
     return (React.createElement(ComponentRoot, { labelPosition: labelPosition, size: size, disabled: isDisabled, error: error, readOnly: false, required: required, optional: optional, optionalLabel: optionalLabel, helperText: helperText, themeVariant: themeVariant, theme: resolvedTheme, componentConfig: checkboxConfig, label: label, isActive: value, labelInversed: labelInversed, smallSize: true },
-        React.createElement(CheckboxRoot, { onClick: onClick, isDisabled: isDisabled },
+        React.createElement(CheckboxRoot, { onClick: onClick, isDisabled: isDisabled, id: 'dupa' },
             React.createElement(CheckboxBox, { theme: resolvedTheme, config: checkboxConfig, size: size, isDisabled: isDisabled, isIntermedian: isIntermedian, isActive: value }, (value || isIntermedian) && (React.createElement("svg", { width: resolvedSize.iconSize, height: resolvedSize.iconSize, viewBox: '0 0 24 24', preserveAspectRatio: "xMidYMid meet", x: "0", y: "0", name: name },
                 React.createElement("path", { d: iconName, fill: isDisabled
                         ? checkboxConfig.color.disabled.icon

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

@@ -1,5 +1,6 @@
 import styled from 'styled-components';
 export const CheckboxRoot = styled.div `
+  box-sizing: border-box;
   display: flex;
   align-items: center;
   justify-content: start-flex;
@@ -8,6 +9,7 @@ export const CheckboxRoot = styled.div `
   cursor: ${({ isDisabled }) => (isDisabled ? 'not-allowed' : 'pointer')};
 `;
 export const CheckboxBox = styled.div `
+  box-sizing: border-box;
   display: flex;
   align-content: center;
   align-items: center;
@@ -25,14 +27,14 @@ export const CheckboxBox = styled.div `
             : config.color.default.boxBorder};
   background: ${({ theme, config, isActive, isDisabled, isIntermedian }) => isDisabled
     ? config.color.disabled.boxBackground
-    : isIntermedian ?
-        config.color.intermedian.boxBackground
+    : isIntermedian
+        ? config.color.intermedian.boxBackground
         : isActive
             ? config.color.focus.boxBackground
             : config.color.default.background};
   border-radius: ${({ config, size }) => config.size[size].radius}px;
   cursor: ${({ isDisabled }) => (isDisabled ? 'not-allowed' : 'pointer')};
-  :hover{
+  :hover {
     border-color: ${({ theme, config, isActive, isDisabled, isIntermedian }) => isDisabled
     ? config.color.disabled.boxBorder
     : isIntermedian
@@ -40,6 +42,5 @@ export const CheckboxBox = styled.div `
         : isActive
             ? config.color.focus.boxBorder
             : config.color.hover.boxBorder};
-
   }
 `;

package/dist/esm/components/List/List.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { ThemeProvider } from 'styled-components';
 import { resolveThemeWithComponentsConfig } from '../../config';
 import { Aligment } from '../Aligment';
-import { ListIconWrapper, ListRoot, ListRow, ListRowExtend, ListRowOptionsWrapper, ListRowRoot, } from './iLst.styles';
+import { ListIconWrapper, ListRoot, ListRow, ListRowExtend, ListRowOptionsWrapper, ListRowRoot, ListValue, } from './List.styles';
 import { Icon } from '../Icon';
 import { Checkbox } from '../Checkbox';
 import { DropdownMenu } from '../DropdownMenu';
@@ -105,7 +105,7 @@ export const List = ({ theme, themeVariant = 'default', items, handleChange, han
                                             : checkboxConfig.color.status.success })))),
                             isCheckbox && (React.createElement("div", { onClick: (e) => e.stopPropagation() },
                                 React.createElement(Checkbox, { handleClick: () => handleClick(row), value: getValue(row), isIntermedian: getIntermedian(row), size: "sm" }))),
-                            row.value),
+                            React.createElement(ListValue, { theme: resolvedTheme, config: checkboxConfig }, row.value)),
                         React.createElement(ListRowOptionsWrapper, { onClick: (e) => e.stopPropagation() }, haveMoreOptions && levelActions[level]?.moreActions && (React.createElement(DropdownMenu, { options: levelActions[level]?.moreActions || [], targetID: row.id, position: 'right' })))))),
             row.children.length > 0 && (React.createElement(ListRowExtend, { isExtended: row.extend || false },
                 React.createElement("div", null, row.children.map((_chiledRow) => {

package/dist/esm/components/List/{iLst.styles.js → List.styles.js}

@@ -60,3 +60,9 @@ export const ListRowExtend = styled.div `
 export const ListRowOptionsWrapper = styled.div `
   display: flex;
 `;
+export const ListValue = styled.div `
+font-weight: normal;
+  line-height: ${({ config }) => config.size.lineHeight}px;
+  font-size: ${({ theme, config }) => config.size.font}px;
+  color: ${({ theme, config }) => config.color.default.text};
+`;

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

@@ -30,7 +30,7 @@ export const ModalOverlayer = styled.div `
   padding: ${({ config, theme }) => config.size.common.overlayerPadding}px;
   width: 100%;
   position: fixed;
-  z-index: ${({ config, theme }) => config.size.common.zIndex.modalOverlayer};
+  z-index: ${({ config, theme }) => config.size.common.zIndex};
 `;
 export const ModalRoot = styled.div `
     box-sizing: border-box;

package/dist/esm/components/Pagination/Pagination.js

@@ -55,5 +55,5 @@ export const Pagination = ({ theme, themeVariant = 'default', currentPage, total
                     if (!isNaN(num) && num > 0) {
                         onPageSizeChange(num);
                     }
-                }, name: "pageSize", value: String(pageSize), options: dropdownOptions, width: 'auto', componentWidth: '70px' }))));
+                }, name: "pageSize", value: String(pageSize), options: dropdownOptions, width: 'auto', componentWidth: '80px' }))));
 };

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

@@ -1,9 +1,9 @@
 import styled from 'styled-components';
 export const PaginationRoot = styled.div `
   display: flex;
-   justify-content: space-between;
+   justify-content: flex-end;
   align-items: center;
-  width: 100%;
+  width: auto;
   box-sizing: border-box;
   height: ${({ theme, config }) => config.size.paginationHeight}px;
   gap: ${({ theme, config }) => config.size.elementGap}px;
@@ -12,7 +12,7 @@ export const PaginationItemWrapper = styled.div `
   display: flex;
   align-items: center;
   justify-content:  flex-start;
-  width:100%;
+  width:auto;
   gap: ${({ theme, config }) => config.size.itemGap}px;
 `;
 export const PaginationItem = styled.button `Ś

package/dist/esm/config/config.js

@@ -221,14 +221,14 @@ export const measurements = {
             },
             table: {
                 sm: 80,
-                md: 120,
+                md: 160,
                 lg: 240,
             },
         },
     },
     zIndex: {
         dropdown: 800,
-        modal: 1000,
+        modal: 1001,
         sidepanel: 900,
         sidepanelOverlayer: 850,
     },
@@ -1357,13 +1357,12 @@ export const createComponentsConfig = (theme = 'default') => {
             color: {
                 default: {
                     background: Theme.surface.default,
-                    text: Theme.text.primary,
                     counterText: Theme.text.inverse,
                     counterBackground: Theme.action.primary.default,
                     headerText: Theme.text.secondary,
                 },
                 hover: {
-                    background: Theme.surface.subtle,
+                    background: Theme.surface.hover,
                     activeBackground: Theme.action.primary.selectedHover,
                     clearText: Theme.action.primary.default,
                 },

package/dist/types/components/List/{iLst.styles.d.ts → List.styles.d.ts}

@@ -1,22 +1,23 @@
+import { AppTheme } from 'config/themes';
 interface IListRoot {
-    theme: any;
+    theme: AppTheme;
     config: any;
 }
 export declare const ListRoot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IListRoot, never>;
 interface IListRowRoot {
-    theme: any;
+    theme: AppTheme;
     config: any;
     level: number;
 }
 export declare const ListRowRoot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IListRowRoot, never>;
 interface IListRow {
-    theme: any;
+    theme: AppTheme;
     config: any;
     isSelected: boolean;
 }
 export declare const ListRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IListRow, never>;
 interface IListIconWrapper {
-    theme: any;
+    theme: AppTheme;
     isExtended: boolean;
     config: any;
 }
@@ -26,4 +27,9 @@ interface IListRowExtend {
 }
 export declare const ListRowExtend: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IListRowExtend, never>;
 export declare const ListRowOptionsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+interface IListValueProps {
+    theme: AppTheme;
+    config: any;
+}
+export declare const ListValue: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IListValueProps, never>;
 export {};

package/dist/types/config/config.d.ts

@@ -218,14 +218,14 @@ export declare const measurements: {
             };
             readonly table: {
                 readonly sm: 80;
-                readonly md: 120;
+                readonly md: 160;
                 readonly lg: 240;
             };
         };
     };
     readonly zIndex: {
         readonly dropdown: 800;
-        readonly modal: 1000;
+        readonly modal: 1001;
         readonly sidepanel: 900;
         readonly sidepanelOverlayer: 850;
     };
@@ -987,7 +987,7 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
                 paddingX: 16;
                 paddingY: 16;
                 overlayerPadding: 20;
-                zIndex: 1000;
+                zIndex: 1001;
             };
             sm: {
                 width: "500px";
@@ -1176,7 +1176,7 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
             };
             common: {
                 iconGap: 8;
-                zIndex: 1000;
+                zIndex: 1001;
             };
         };
         color: {
@@ -1212,7 +1212,7 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
         calendarCard: {
             size: {
                 width: 320;
-                zIndex: 1000;
+                zIndex: 1001;
                 padding: 16;
                 borderRadius: 6;
                 overlayerZIndex: 850;
@@ -1400,13 +1400,12 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
         color: {
             default: {
                 background: "#FFFFFF";
-                text: "#111827";
                 counterText: "#FFFFFF";
                 counterBackground: "#3B90CB";
                 headerText: "#4B5563";
             };
             hover: {
-                background: "#F9FAFB";
+                background: "#F2F8FD";
                 activeBackground: "#9FD0EC";
                 clearText: "#3B90CB";
             };
@@ -1435,7 +1434,7 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
                         width: 80;
                     };
                     md: {
-                        width: 120;
+                        width: 160;
                     };
                     lg: {
                         width: 240;
@@ -2309,7 +2308,7 @@ export declare const componentsConfig: {
                 paddingX: 16;
                 paddingY: 16;
                 overlayerPadding: 20;
-                zIndex: 1000;
+                zIndex: 1001;
             };
             sm: {
                 width: "500px";
@@ -2498,7 +2497,7 @@ export declare const componentsConfig: {
             };
             common: {
                 iconGap: 8;
-                zIndex: 1000;
+                zIndex: 1001;
             };
         };
         color: {
@@ -2534,7 +2533,7 @@ export declare const componentsConfig: {
         calendarCard: {
             size: {
                 width: 320;
-                zIndex: 1000;
+                zIndex: 1001;
                 padding: 16;
                 borderRadius: 6;
                 overlayerZIndex: 850;
@@ -2722,13 +2721,12 @@ export declare const componentsConfig: {
         color: {
             default: {
                 background: "#FFFFFF";
-                text: "#111827";
                 counterText: "#FFFFFF";
                 counterBackground: "#3B90CB";
                 headerText: "#4B5563";
             };
             hover: {
-                background: "#F9FAFB";
+                background: "#F2F8FD";
                 activeBackground: "#9FD0EC";
                 clearText: "#3B90CB";
             };
@@ -2757,7 +2755,7 @@ export declare const componentsConfig: {
                         width: 80;
                     };
                     md: {
-                        width: 120;
+                        width: 160;
                     };
                     lg: {
                         width: 240;
@@ -3019,14 +3017,14 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
                 };
                 readonly table: {
                     readonly sm: 80;
-                    readonly md: 120;
+                    readonly md: 160;
                     readonly lg: 240;
                 };
             };
         };
         readonly zIndex: {
             readonly dropdown: 800;
-            readonly modal: 1000;
+            readonly modal: 1001;
             readonly sidepanel: 900;
             readonly sidepanelOverlayer: 850;
         };
@@ -3774,7 +3772,7 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
                     paddingX: 16;
                     paddingY: 16;
                     overlayerPadding: 20;
-                    zIndex: 1000;
+                    zIndex: 1001;
                 };
                 sm: {
                     width: "500px";
@@ -3963,7 +3961,7 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
                 };
                 common: {
                     iconGap: 8;
-                    zIndex: 1000;
+                    zIndex: 1001;
                 };
             };
             color: {
@@ -3999,7 +3997,7 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
             calendarCard: {
                 size: {
                     width: 320;
-                    zIndex: 1000;
+                    zIndex: 1001;
                     padding: 16;
                     borderRadius: 6;
                     overlayerZIndex: 850;
@@ -4187,13 +4185,12 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
             color: {
                 default: {
                     background: "#FFFFFF";
-                    text: "#111827";
                     counterText: "#FFFFFF";
                     counterBackground: "#3B90CB";
                     headerText: "#4B5563";
                 };
                 hover: {
-                    background: "#F9FAFB";
+                    background: "#F2F8FD";
                     activeBackground: "#9FD0EC";
                     clearText: "#3B90CB";
                 };
@@ -4222,7 +4219,7 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
                             width: 80;
                         };
                         md: {
-                            width: 120;
+                            width: 160;
                         };
                         lg: {
                             width: 240;

package/package.json

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