norma-library 0.5.818 → 0.6.0

package/dist/esm/helpers/colors.js

@@ -2,19 +2,19 @@ import { __assign } from "tslib";
 import { createTheme } from '@mui/material/styles';
 export var getPalette = function () {
     return {
-        primary: 'rgb(219, 102, 25)',
+        primary: '#db6619',
         primaryLight: '#FFDB9F',
         primaryMedium: '#FFA84C',
         primaryDark: '#B74608',
-        inherit: 'rgb(102, 102, 102)',
-        secondary: 'rgb(67, 187, 242)',
-        error: 'rgb(214, 54, 67)',
-        warning: 'rgb(255, 195, 0)',
-        info: 'rgb(113, 213, 247)',
-        success: 'rgb(107, 194, 53)',
+        inherit: '#666666',
+        secondary: '#43bbf2',
+        error: '#d63643',
+        warning: '#ffc300',
+        info: '#71d5f7',
+        success: '#6bc235',
         white: '#ffffff',
-        black: 'rgb(0, 0, 0)',
-        helper: 'rgb(90, 42, 121)',
+        black: '#000000',
+        helper: '#5a2a79',
         secondaryLight: '#D9FCFE',
         secondaryMedium: '#71D5F7',
         secondaryDark: '#154F8C',
@@ -130,9 +130,55 @@ export var olosPalette = {
         main: palette.success,
     },
 };
+export var newOlosPalette = {
+    primary: {
+        main: palette.primary,
+        light: palette.primaryLight,
+        dark: palette.primaryDark,
+        '500': palette.primaryMedium,
+    },
+    secondary: {
+        main: palette.secondary,
+        light: palette.secondaryLight,
+        dark: palette.secondaryDark,
+        '500': palette.secondaryMedium,
+    },
+    error: {
+        main: palette.error,
+        light: palette.errorLight,
+        dark: palette.errorDark,
+        '500': palette.errorMedium,
+    },
+    warning: {
+        main: palette.warning,
+        light: palette.warningLight,
+        dark: palette.warningDark,
+        '500': palette.warningMedium,
+    },
+    info: {
+        main: palette.inherit,
+        light: palette.inheritLight,
+        dark: palette.inheritDark,
+        '500': palette.inheritMedium,
+    },
+    success: {
+        main: palette.success,
+        light: palette.successLight,
+        dark: palette.successDark,
+        '500': palette.successMedium,
+    },
+    text: {
+        primary: palette.black,
+        secondary: palette.primary,
+        disabled: palette.inherit,
+    }
+};
 export var lightTheme = createTheme({
     palette: __assign({ mode: 'light' }, olosPalette),
 });
+export var newLightTheme = createTheme({
+    palette: __assign({ mode: 'light' }, newOlosPalette),
+});
 export var darkTheme = createTheme({
     palette: __assign(__assign({ mode: 'dark' }, olosPalette), { background: {
             default: palette.inheritLight,
@@ -142,6 +188,7 @@ export var darkTheme = createTheme({
 export var themes = {
     light: lightTheme,
     dark: darkTheme,
+    newLight: newLightTheme,
 };
 var getColor = function (key) {
     var palette = getPalette();

package/dist/esm/helpers/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../src/helpers/colors.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../src/helpers/colors.ts"],"names":[],"mappings":"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"}

package/dist/esm/hooks/useClickOutside.d.ts

@@ -0,0 +1,2 @@
+declare const useClickOutside: (ref: React.RefObject<HTMLElement>, callback: () => void) => void;
+export default useClickOutside;

package/dist/esm/hooks/useClickOutside.js

@@ -0,0 +1,16 @@
+import { useEffect } from 'react';
+var useClickOutside = function (ref, callback) {
+    var handleClickOutside = function (event) {
+        if (ref.current && !ref.current.contains(event.target)) {
+            callback();
+        }
+    };
+    useEffect(function () {
+        document.addEventListener('mousedown', handleClickOutside);
+        return function () {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, [ref, callback]);
+};
+export default useClickOutside;
+//# sourceMappingURL=useClickOutside.js.map

package/dist/esm/hooks/useClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickOutside.js","sourceRoot":"","sources":["../../../src/hooks/useClickOutside.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,IAAM,eAAe,GAAG,UAAC,GAAiC,EAAE,QAAoB;IAC9E,IAAM,kBAAkB,GAAG,UAAC,KAAiB;QAC3C,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE,CAAC;YAC/D,QAAQ,EAAE,CAAC;QACb,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC;QACR,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAChE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;AACtB,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/esm/index.d.ts

@@ -25,4 +25,9 @@ import MultiSelectInput from './components/MultiSelectInput';
 import { Title, Text } from './components/Typography';
 import TextInput from './components/TextInput';
 import Table from './components/Table';
-export { Accordion, Button, Card, ChatMessage, ChatMessageBalloon, CheckBox, DatePicker, getPalette, IconButton, Icons, Modal, Paper, ProgressBar, RadioGroup, RangerSlider, Select, Tabs, Tag, TextField, NormaProvider, themes, DateInput, Box, Breadcrumb, SelectInput, MultiSelectInput, Text, Title, TextInput, Table };
+import UncontrolledTable from './components/UncontrolledTable';
+import UncontrolledTabs from './components/UncontrolledTabs/UncontrolledTabs';
+import { ModalStatus } from './components/StatusModal/StatusModal';
+import { breakpoints } from './utils/styledBreakpoints';
+import { useTheme } from '@mui/material';
+export { Accordion, Button, Card, ChatMessage, ChatMessageBalloon, CheckBox, DatePicker, getPalette, IconButton, Icons, Modal, Paper, ProgressBar, RadioGroup, RangerSlider, Select, Tabs, Tag, TextField, NormaProvider, themes, DateInput, Box, Breadcrumb, SelectInput, MultiSelectInput, Text, Title, TextInput, Table, UncontrolledTable, UncontrolledTabs, ModalStatus, breakpoints, useTheme };

package/dist/esm/index.js

@@ -25,5 +25,10 @@ import MultiSelectInput from './components/MultiSelectInput';
 import { Title, Text } from './components/Typography';
 import TextInput from './components/TextInput';
 import Table from './components/Table';
-export { Accordion, Button, Card, ChatMessage, ChatMessageBalloon, CheckBox, DatePicker, getPalette, IconButton, Icons, Modal, Paper, ProgressBar, RadioGroup, RangerSlider, Select, Tabs, Tag, TextField, NormaProvider, themes, DateInput, Box, Breadcrumb, SelectInput, MultiSelectInput, Text, Title, TextInput, Table };
+import UncontrolledTable from './components/UncontrolledTable';
+import UncontrolledTabs from './components/UncontrolledTabs/UncontrolledTabs';
+import { ModalStatus } from './components/StatusModal/StatusModal';
+import { breakpoints } from './utils/styledBreakpoints';
+import { useTheme } from '@mui/material';
+export { Accordion, Button, Card, ChatMessage, ChatMessageBalloon, CheckBox, DatePicker, getPalette, IconButton, Icons, Modal, Paper, ProgressBar, RadioGroup, RangerSlider, Select, Tabs, Tag, TextField, NormaProvider, themes, DateInput, Box, Breadcrumb, SelectInput, MultiSelectInput, Text, Title, TextInput, Table, UncontrolledTable, UncontrolledTabs, ModalStatus, breakpoints, useTheme };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAC/C,OAAO,GAAG,MAAM,kBAAkB,CAAA;AAClC,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,gBAAgB,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAC/C,OAAO,KAAK,MAAM,oBAAoB,CAAC;AAGvC,OAAO,EACL,SAAS,EACT,MAAM,EACN,IAAI,EACJ,WAAW,EACX,kBAAkB,EAClB,QAAQ,EACR,UAAU,EACV,UAAU,EACV,UAAU,EACV,KAAK,EACL,KAAK,EACL,KAAK,EACL,WAAW,EACX,UAAU,EACV,YAAY,EACZ,MAAM,EACN,IAAI,EACJ,GAAG,EACH,SAAS,EACT,aAAa,EACb,MAAM,EACN,SAAS,EACT,GAAG,EACH,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,IAAI,EACJ,KAAK,EACL,SAAS,EACT,KAAK,EACN,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAC/C,OAAO,GAAG,MAAM,kBAAkB,CAAC;AACnC,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,gBAAgB,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAC/C,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,iBAAiB,MAAM,gCAAgC,CAAC;AAC/D,OAAO,gBAAgB,MAAM,gDAAgD,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EACL,SAAS,EACT,MAAM,EACN,IAAI,EACJ,WAAW,EACX,kBAAkB,EAClB,QAAQ,EACR,UAAU,EACV,UAAU,EACV,UAAU,EACV,KAAK,EACL,KAAK,EACL,KAAK,EACL,WAAW,EACX,UAAU,EACV,YAAY,EACZ,MAAM,EACN,IAAI,EACJ,GAAG,EACH,SAAS,EACT,aAAa,EACb,MAAM,EACN,SAAS,EACT,GAAG,EACH,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,IAAI,EACJ,KAAK,EACL,SAAS,EACT,KAAK,EACL,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,QAAQ,EACT,CAAC"}

package/dist/esm/interfaces/Modal.d.ts

@@ -8,9 +8,10 @@ export interface ModalBaseProps extends MuiModalBaseProps {
     open: boolean;
     onClose?: React.ReactEventHandler<{}>;
     action?: OnAction[];
+    actionSpaceBetween?: boolean;
     className?: string;
-    full?: boolean;
     title?: string;
     id?: string;
     paperProps?: MuiPaperBaseProps;
+    width?: string;
 }

package/dist/esm/interfaces/ProgressBar.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SxProps } from '@mui/material';
 import { Theme } from '@emotion/react';
 import { OverridableStringUnion } from '@mui/types';
@@ -5,13 +6,22 @@ import { ColorVariant, MuiProgressBarBaseProps, ProgressVariant } from '../types
 import { ProgressBar } from '..';
 export interface LinearProgressPropsColorOverrides {
 }
+export interface CustomColor {
+    root: string;
+    bar: string;
+}
 export interface ProgressBarBaseProps extends MuiProgressBarBaseProps {
     sx?: SxProps<Theme>;
     value?: number;
     total?: number;
     label?: string;
-    colorCustom?: string;
+    colorCustom?: CustomColor;
     variant?: ProgressVariant;
+    localeString?: boolean;
     color?: OverridableStringUnion<ColorVariant, LinearProgressPropsColorOverrides>;
+    h?: number;
+    hideValue?: boolean;
+    fSize?: string;
+    htmlLabel?: React.ReactNode;
 }
 export type ProgressBarType = keyof typeof ProgressBar;

package/dist/esm/interfaces/RadioGroup.d.ts

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { CheckBoxColorVariant, DirectionVariant, MuiRadioBaseProps, OptionsRadios, TextFieldSizeVariant } from '../types';
 import { CheckboxPropsColorOverrides, RadioPropsSizeOverrides } from '@mui/material';
 import { OverridableStringUnion } from '@mui/types';
-export interface RadioBaseProps extends MuiRadioBaseProps {
+export interface RadioBaseProps extends Omit<MuiRadioBaseProps, 'onChange'> {
     id?: string;
     name?: string;
     options?: OptionsRadios[];
@@ -12,4 +12,5 @@ export interface RadioBaseProps extends MuiRadioBaseProps {
     size?: OverridableStringUnion<TextFieldSizeVariant, RadioPropsSizeOverrides>;
     color?: OverridableStringUnion<CheckBoxColorVariant, CheckboxPropsColorOverrides>;
     checked?: string;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
 }

package/dist/esm/types/index.d.ts

@@ -53,7 +53,7 @@ export type IconType = keyof typeof iconsSVG;
 export type IconKey = keyof typeof iconsSVG;
 export type MuiRadioBaseProps = Omit<MuiSwitchBaseProps, 'checkedIcon' | 'color' | 'icon' | 'type' | 'checked' | 'size'>;
 export type OptionsRadios = {
-    label: string;
+    label: string | React.ReactNode;
     value: string;
     size?: TextFieldSizeVariant;
 };
@@ -74,6 +74,9 @@ export type DataTabs = {
     label: string;
     id: string;
     children: NonNullable<React.ReactNode>;
+    tabPanel?: {
+        props?: React.HTMLAttributes<HTMLDivElement>;
+    };
 };
 export type DataSelect = {
     label: string;

package/dist/esm/utils/styledBreakpoints.d.ts

@@ -0,0 +1,10 @@
+type Breakpoint = {
+    cssProp: string;
+    cssPropUnits: string;
+    values: {
+        [key: number]: number;
+    }[];
+    mediaQueryType: 'max-width' | 'min-width' | 'max-height' | 'min-height';
+};
+export declare const breakpoints: (breakpoints: Breakpoint) => import("styled-components").RuleSet<object>;
+export {};

package/dist/esm/utils/styledBreakpoints.js

@@ -0,0 +1,12 @@
+import { __makeTemplateObject } from "tslib";
+import { css } from 'styled-components';
+export var breakpoints = function (breakpoints) {
+    var cssProp = breakpoints.cssProp, cssPropUnits = breakpoints.cssPropUnits, values = breakpoints.values, mediaQueryType = breakpoints.mediaQueryType;
+    var breakpointProps = values.reduce(function (mediaQueries, value) {
+        var _a = [Object.keys(value)[0], Object.values(value)[0]], screenBreakpoint = _a[0], cssPropBreakpoint = _a[1];
+        return (mediaQueries += "\n    @media screen and (".concat(mediaQueryType, ": ").concat(screenBreakpoint, "px) {\n      ").concat(cssProp, ": ").concat(cssPropBreakpoint).concat(cssPropUnits, ";\n    }\n    "));
+    }, '');
+    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n  "], ["\n    ", "\n  "])), breakpointProps);
+};
+var templateObject_1;
+//# sourceMappingURL=styledBreakpoints.js.map

package/dist/esm/utils/styledBreakpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styledBreakpoints.js","sourceRoot":"","sources":["../../../src/utils/styledBreakpoints.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AASxC,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,WAAuB;IACzC,IAAA,OAAO,GAA2C,WAAW,QAAtD,EAAE,YAAY,GAA6B,WAAW,aAAxC,EAAE,MAAM,GAAqB,WAAW,OAAhC,EAAE,cAAc,GAAK,WAAW,eAAhB,CAAiB;IAEtE,IAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,UAAC,YAAY,EAAE,KAAK;QAClD,IAAA,KAAwC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,EAAvF,gBAAgB,QAAA,EAAE,iBAAiB,QAAoD,CAAC;QAC/F,OAAO,CAAC,YAAY,IAAI,mCACH,cAAc,eAAK,gBAAgB,0BACpD,OAAO,eAAK,iBAAiB,SAAG,YAAY,mBAE/C,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,GAAG,mFAAA,QACN,EAAe,MAClB,KADG,eAAe,EACjB;AACJ,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "norma-library",
-  "version": "0.5.818",
+  "version": "0.6.0",
   "private": false,
   "description": "Olos/Norma-DS. Design System based on Material UI, developed with TypeScript and Styled Components to create reusable and consistent components in web applications.",
   "scripts": {
@@ -93,8 +93,8 @@
     "@emotion/styled": "^11.11.0",
     "@mui/icons-material": "^5.14.9",
     "@mui/lab": "^5.0.0-alpha.152",
-    "@mui/material": "^5.14.8",
-    "@mui/x-date-pickers": "^6.14.0",
+    "@mui/material": "5.16.7",
+    "@mui/x-date-pickers": "^6.20.2",
     "@storybook/addon-mdx-gfm": "^7.5.2",
     "@tanstack/react-table": "^8.10.7",
     "dayjs": "^1.11.9",

package/src/components/ChatMessageBalloon/ChatMessageBalloon.style.ts

@@ -1,27 +1,27 @@
 import { Box, Typography } from '@mui/material';
 import { styled } from '@mui/material/styles';
 
-export const ChatMessageBalloonContainerStyle = styled(Box)({
+export const ChatMessageBalloonContainerStyle: any = styled(Box)({
   display: 'flex',
-  flexDirection: "column",
+  flexDirection: 'column',
 });
 
-export const ChatMessageBalloonRowStyle = styled('div')<{ direction: string }>`
+export const ChatMessageBalloonRowStyle: any = styled('div')<{ direction: string }>`
   display: flex;
   margin-bottom: 8px;
-  flex-direction: ${(props) => (props.direction === "I") ? "row-reverse" : "row"};
+  flex-direction: ${props => (props.direction === 'I' ? 'row-reverse' : 'row')};
 
   &:last-child {
     margin-bottom: 0px;
   }
-`
+`;
 
-export const ChatMessageBalloonStyle = styled('div')<{ direction: string }>`
-  background-color: ${(props) => (props.direction === "I") ? "#FFF" : "#E18B50"};
+export const ChatMessageBalloonStyle: any = styled('div')<{ direction: string }>`
+  background-color: ${props => (props.direction === 'I' ? '#FFF' : '#E18B50')};
   border: 2px solid transparent;
-  border-radius: ${(props) => (props.direction === "I") ? "20px 20px 0px 20px" : "20px 20px 20px 0px"};
+  border-radius: ${props => (props.direction === 'I' ? '20px 20px 0px 20px' : '20px 20px 20px 0px')};
   box-sizing: border-box;
-  color: ${(props) => (props.direction === "I") ? "#4D4F5B" : "#FFF"};
+  color: ${props => (props.direction === 'I' ? '#4D4F5B' : '#FFF')};
   display: flex;
   flex-direction: column;
   padding: 12px 24px;
@@ -39,18 +39,18 @@ export const ChatMessageBalloonStyle = styled('div')<{ direction: string }>`
       border: 2px solid #8a8888;
     }
   }
-`
+`;
 
-export const ChatMessageDateStyle = styled(Typography)`
-  color: #43425D;
-  opacity: .5;
-`
+export const ChatMessageDateStyle: any = styled(Typography)`
+  color: #43425d;
+  opacity: 0.5;
+`;
 
-export const ChatMessageChildrenStyle = styled('div')<{ direction: string }>`
+export const ChatMessageChildrenStyle: any = styled('div')<{ direction: string }>`
   align-items: center;
   box-sizing: border-box;
   display: flex;
   flex: 1;
-  justify-content: ${(props) => (props.direction === "I") ? "end" : "start"};
+  justify-content: ${props => (props.direction === 'I' ? 'end' : 'start')};
   padding: 8px;
 `;

package/src/components/IconButton.tsx

@@ -16,12 +16,12 @@ const colorMap: Record<ColorVariant, string> = {
 };
 
 const IconButtonStyled = styled(MuiIconButton)<{
-  circle: boolean;
+  circle: string;
   color: ColorVariant;
   variant: ButtonVariant;
   cursor: string;
 }>(({ circle, color, variant, cursor }) => ({
-  borderRadius: circle === true ? 99 : 5,
+  borderRadius: circle === 'true' ? 99 : 5,
   border: variant === 'outlined' ? `1px solid ${colorMap[color]}` : 'none',
   backgroundColor: variant === 'contained' ? `${colorMap[color]}` : 'none',
   cursor: cursor,
@@ -30,7 +30,7 @@ const IconButtonStyled = styled(MuiIconButton)<{
 export const IconButton = ({ circle = false, children, ...props }: IconButtonBaseProps) => {
   
   return (
-    <IconButtonStyled circle={circle} color="primary" variant="text" cursor="default" {...props}>
+    <IconButtonStyled circle={`${circle}`} color="primary" variant="text" cursor="default" {...props}>
       {children}
     </IconButtonStyled>
   );

package/src/components/Modal.tsx

@@ -7,21 +7,19 @@ import { Button } from './Button';
 
 const ModalStyled = styled(MuiModal)({});
 
-const ModalContentStyled = styled(Paper)`
+const ModalContentStyled = styled(Paper)<{ $w?: string }>`
   border: 1px solid #00000033;
   border-radius: 4px;
   position: absolute;
   top: 50%;
   left: 50%;
-  width: 421px;
+  width: ${props => props.$w || '421px'};
   transform: translate(-50%, -50%);
-  background-color: #FFF;
-  box-shadow: 24px;
+  background-color: #fff;
 `;
 
 const ModalHeaderStyled = styled(Box)`
   text-align: left;
-  border-bottom: 1px solid #00000033;
   box-sizing: border-box;
   margin: 0;
   position: relative;
@@ -30,18 +28,19 @@ const ModalHeaderStyled = styled(Box)`
   display: flex;
 
   & h2 {
-    font: normal normal 600 18px/30px Source Sans Pro;
-    color: #292929;
+    font-style: normal;
+    font-weight: 600;
+    font-size: 18px;
+    color: #1D1D1D;
   }
 `;
 
-const ModalFooterStyled = styled(Box)`
-  border-top: 1px solid #00000033;
+const ModalFooterStyled = styled(Box)<{$spaceBetween?: boolean}>`
   box-sizing: border-box;
   position: relative;
   padding: 24px;
   display: flex;
-  justify-content: end;
+  justify-content: ${props => props.$spaceBetween ? 'space-between' : 'flex-end'};
   gap: 24px;
 `;
 
@@ -72,36 +71,27 @@ export function Close() {
 export const Modal = ({ open, children, paperProps, ...props }: ModalBaseProps) => {
   return (
     <ModalStyled open {...props}>
-      <ModalContentStyled {...paperProps}>
+      <ModalContentStyled {...paperProps} $w={props.width}>
         {props.title && (
           <ModalHeaderStyled>
-            <Typography variant='h2'>{props.title}</Typography>
+            <Typography variant="h2">{props.title}</Typography>
             <IconButton
               onClick={props.onClose}
               size="small"
               color="inherit"
               variant="text"
               cursor="pointer"
-              sx={{padding: "0"}}
+              sx={{ padding: '0' }}
             >
               <Close />
             </IconButton>
           </ModalHeaderStyled>
         )}
-        <ModalContainerChildrenStyled>
-          {children}
-        </ModalContainerChildrenStyled>
-        {!!props.action?.length  && (
-          <ModalFooterStyled>
-            {props.action.map(({color, variant, action, size, label, ...rest}, key) => (
-              <Button
-                color={color}
-                variant={variant}
-                key={key}
-                onClick={action}
-                size={size}
-                {...rest}
-              >
+        <ModalContainerChildrenStyled>{children}</ModalContainerChildrenStyled>
+        {!!props.action?.length && (
+          <ModalFooterStyled $spaceBetween={props.actionSpaceBetween}>
+            {props.action.map(({ color, variant, action, size, label, ...rest }, key) => (
+              <Button color={color} variant={variant} key={key} onClick={action} size={size} {...rest}>
                 {label}
               </Button>
             ))}

package/src/components/ProgressBar.tsx

@@ -1,47 +1,71 @@
 import React from 'react';
-import {
-  LinearProgress as MuiProgressBar,
-  linearProgressClasses,
-  Typography,
-} from '@mui/material';
-
-import { ProgressBarBaseProps } from '../interfaces';
+import { LinearProgress as MuiProgressBar, linearProgressClasses, Typography } from '@mui/material';
 import { styled } from '@mui/material/styles';
+import { ProgressBarBaseProps, CustomColor } from '../interfaces';
 
-const ProgressBarStyled = styled(MuiProgressBar)({
+const ProgressBarStyled = styled(MuiProgressBar)<{ colorCustom?: CustomColor; $h?: number }>(({ colorCustom, $h }) => ({
   width: '100%',
-  height: '10px',
+  height: $h ? `${$h}px` : '10px',
   borderRadius: '10px',
   position: 'relative',
-  backgroundColor: `&.${linearProgressClasses.determinate} {
-    background-color: #e0e0e0,
-  }`,
-});
+  backgroundColor: colorCustom ? colorCustom.root : undefined,
+  [`&.${linearProgressClasses.determinate}`]: {
+    backgroundColor: colorCustom ? colorCustom.root : undefined,
+  },
+  [`& .${linearProgressClasses.bar}`]: {
+    backgroundColor: colorCustom ? colorCustom.bar : undefined,
+  },
+}));
 
-const ProgressBarLabelStyled = styled(Typography)`
+const ProgressBarLabelStyled = styled(Typography)<{ $fSize?: string }>`
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 8px;
   position: relative;
   text-align: left;
-  font: normal normal normal 16px/20px Source Sans Pro;
+  font-size: ${({ $fSize }) => $fSize || '1rem'};
 `;
 
-export const ProgressBar = ({ value = 0, label, variant = 'determinate', total, className, ...props }: ProgressBarBaseProps) => {
+export const ProgressBar = ({
+  value = 0,
+  label,
+  variant = 'determinate',
+  total,
+  className,
+  localeString,
+  colorCustom,
+  color = 'primary',
+  htmlLabel,
+  ...props
+}: ProgressBarBaseProps) => {
   const percentage = value && total ? (value / total) * 100 : 0;
 
   return (
     <div className={className} style={{ minWidth: '100px' }}>
-      {label && (
-        <ProgressBarLabelStyled>
-          {label}
-          <span style={{ right: 0 }}>
-            {value} ({percentage.toFixed(2)}%)
-          </span>
+      {label ? (
+        <ProgressBarLabelStyled $fSize={props.fSize} className="ProgressBarLabel">
+          <>
+            {label}
+            {!props.hideValue && (
+              <span style={{ right: 0 }}>
+                {localeString ? value.toLocaleString() : value} ({percentage.toFixed(2)}%)
+              </span>
+            )}
+          </>
         </ProgressBarLabelStyled>
+      ) : (
+        htmlLabel
       )}
-      <ProgressBarStyled value={percentage} variant={variant} {...props} />
+
+      <ProgressBarStyled
+        value={percentage}
+        variant={variant}
+        colorCustom={colorCustom}
+        $h={props.h}
+        color={colorCustom ? undefined : color}
+        {...props}
+      />
     </div>
   );
 };

package/src/components/RadioGroup.tsx

@@ -15,15 +15,17 @@ const RadioStyled = styled(MuiRadio)({});
 const sizes: TextFieldSizeVariant[] = ['small', 'medium'];
 
 export const RadioGroup = ({ ...props }: RadioBaseProps) => {
+  const { onChange } = props;
   
   return (
-    <FormControl>
+    <FormControl disabled={props.disabled}>
       <FormLabel id={props.id}>{props.label}</FormLabel>
       <MuiRadioGroup
         aria-labelledby={props.id}
         defaultValue={props.checked}
         name="radio-buttons-group"
         row={props.direction === 'horizontal' ? true : false}
+        onChange={!!onChange ? (event, value) => onChange(event, value) : undefined}
       >
         {props.options &&
           props.options.map((item, key) => (
@@ -32,6 +34,7 @@ export const RadioGroup = ({ ...props }: RadioBaseProps) => {
               control={<RadioStyled color={props.color} size={item.size ? item.size : sizes[1]} />}
               label={item.label}
               key={key}
+              sx={{alignItems: "start"}}
             />
           ))}
       </MuiRadioGroup>