norma-library 0.5.817 → 0.6.0

package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.d.ts

@@ -0,0 +1,14 @@
+import React, { SyntheticEvent } from 'react';
+import { SxProps } from '@mui/material';
+import { ColorVariant, DataTabs, MuiTabsBaseProps, TabsVariant } from '@/types';
+import { Theme } from '@emotion/react';
+interface Props extends MuiTabsBaseProps {
+    sx?: SxProps<Theme>;
+    tabs: DataTabs[];
+    tab: number;
+    onTabChange: (event: SyntheticEvent, tab: number) => void;
+    color?: ColorVariant;
+    variant?: TabsVariant;
+}
+declare const UncontrolledTabs: ({ tabs, tab, color, onTabChange, ...props }: Props) => React.JSX.Element;
+export default UncontrolledTabs;

package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.js

@@ -0,0 +1,29 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { Box } from '@mui/material';
+import { NormaTab, NormaTabs } from './UncontrolledTabs.style';
+function TabPanel(props) {
+    var children = props.children, value = props.value, index = props.index, other = __rest(props, ["children", "value", "index"]);
+    return (React.createElement("div", __assign({ role: "tabpanel", hidden: value !== index, id: "simple-tabpanel-".concat(index), "aria-labelledby": "simple-tab-".concat(index) }, other), value === index && React.createElement(Box, { sx: { p: 3 } }, children)));
+}
+function a11yProps(index) {
+    return {
+        id: "simple-tab-".concat(index),
+        'aria-controls': "simple-tabpanel-".concat(index),
+    };
+}
+var UncontrolledTabs = function (_a) {
+    var tabs = _a.tabs, tab = _a.tab, _b = _a.color, color = _b === void 0 ? 'primary' : _b, onTabChange = _a.onTabChange, props = __rest(_a, ["tabs", "tab", "color", "onTabChange"]);
+    var handleChange = function (event, newValue) {
+        onTabChange(event, newValue);
+    };
+    return (React.createElement(Box, { sx: { width: '100%' } },
+        React.createElement(Box, null,
+            React.createElement(NormaTabs, __assign({ value: tab, color: color, onChange: handleChange, "aria-label": "tabs" }, props), tabs.map(function (item, key) { return (React.createElement(NormaTab, __assign({ key: key, label: item.label, color: color }, a11yProps(key)))); }))),
+        tabs.map(function (item, key) {
+            var _a;
+            return (React.createElement(TabPanel, __assign({}, (_a = item.tabPanel) === null || _a === void 0 ? void 0 : _a.props, { key: key, value: tab, index: key }), item.children));
+        })));
+};
+export default UncontrolledTabs;
+//# sourceMappingURL=UncontrolledTabs.js.map

package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UncontrolledTabs.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTabs/UncontrolledTabs.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAW,MAAM,eAAe,CAAC;AAE7C,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAkB/D,SAAS,QAAQ,CAAC,KAAoB;IAC5B,IAAA,QAAQ,GAA8B,KAAK,SAAnC,EAAE,KAAK,GAAuB,KAAK,MAA5B,EAAE,KAAK,GAAgB,KAAK,MAArB,EAAM,KAAK,UAAK,KAAK,EAA7C,8BAAqC,CAAF,CAAW;IAEpD,OAAO,CACL,sCACE,IAAI,EAAC,UAAU,EACf,MAAM,EAAE,KAAK,KAAK,KAAK,EACvB,EAAE,EAAE,0BAAmB,KAAK,CAAE,qBACb,qBAAc,KAAK,CAAE,IAClC,KAAK,GAER,KAAK,KAAK,KAAK,IAAI,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,IAAG,QAAQ,CAAO,CACnD,CACP,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,KAAa;IAC9B,OAAO;QACL,EAAE,EAAE,qBAAc,KAAK,CAAE;QACzB,eAAe,EAAE,0BAAmB,KAAK,CAAE;KAC5C,CAAC;AACJ,CAAC;AAED,IAAM,gBAAgB,GAAG,UAAC,EAA8D;IAA5D,IAAA,IAAI,UAAA,EAAE,GAAG,SAAA,EAAE,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EAAE,WAAW,iBAAA,EAAK,KAAK,cAArD,uCAAuD,CAAF;IAC7E,IAAM,YAAY,GAAG,UAAC,KAAqB,EAAE,QAAgB;QAC3D,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;QACxB,oBAAC,GAAG;YACF,oBAAC,SAAS,aAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,gBAAa,MAAM,IAAK,KAAK,GACrF,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,CACvB,oBAAC,QAAQ,aAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,IAAM,SAAS,CAAC,GAAG,CAAC,EAAI,CAC5E,EAFwB,CAExB,CAAC,CACQ,CACR;QACL,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG;;YAAK,OAAA,CACvB,oBAAC,QAAQ,eAAK,MAAA,IAAI,CAAC,QAAQ,0CAAE,KAAK,IAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,KACjE,IAAI,CAAC,QAAQ,CACL,CACZ,CAAA;SAAA,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.style.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { TabsProps } from '@mui/material/Tabs';
+import { ColorVariant } from '@/types';
+interface StyledTabProps {
+    label: string;
+    color: ColorVariant;
+}
+export declare const NormaTabs: React.ComponentType<TabsProps & {
+    color: ColorVariant;
+}>;
+export declare const NormaTab: React.ComponentType<StyledTabProps>;
+export {};

package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.style.js

@@ -0,0 +1,49 @@
+import { __assign } from "tslib";
+import React from 'react';
+import { styled } from '@mui/material/styles';
+import { Tab, Tabs } from '@mui/material';
+import { palette } from '../../helpers';
+var colorMap = {
+    inherit: palette.inherit,
+    primary: palette.primary,
+    secondary: palette.secondary,
+    error: palette.error,
+    warning: palette.warning,
+    info: palette.info,
+    success: palette.success,
+};
+export var NormaTabs = styled(Tabs)(function (_a) {
+    var color = _a.color;
+    return ({
+        borderBottom: '1px solid #e8e8e8',
+        '& .Mui-selected': {
+            color: colorMap[color],
+        },
+        '& .MuiTabs-indicator': {
+            backgroundColor: colorMap[color],
+        },
+        '& .MuiButtonBase-root': {
+            textTransform: 'none',
+        },
+    });
+});
+export var NormaTab = styled(function (props) { return (React.createElement(Tab, __assign({ disableRipple: true }, props))); })(function (_a) {
+    var theme = _a.theme, color = _a.color;
+    return ({
+        textTransform: 'none',
+        fontWeight: theme.typography.fontWeightRegular,
+        fontSize: theme.typography.pxToRem(15),
+        marginRight: theme.spacing(1),
+        color: '#666666',
+        padding: '5px 15px',
+        top: '5px',
+        minWidth: '60px',
+        '&.Mui-selected': {
+            color: colorMap[color],
+        },
+        '&.Mui-focusVisible': {
+            backgroundColor: 'rgba(100, 95, 228, 0.32)',
+        },
+    });
+});
+//# sourceMappingURL=UncontrolledTabs.style.js.map

package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UncontrolledTabs.style.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTabs/UncontrolledTabs.style.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAG9C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,IAAM,QAAQ,GAAiC;IAC7C,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,SAAS,EAAE,OAAO,CAAC,SAAS;IAC5B,KAAK,EAAE,OAAO,CAAC,KAAK;IACpB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,IAAI,EAAE,OAAO,CAAC,IAAI;IAClB,OAAO,EAAE,OAAO,CAAC,OAAO;CACzB,CAAC;AAOF,MAAM,CAAC,IAAM,SAAS,GAA6D,MAAM,CAAC,IAAI,CAAC,CAE5F,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC;QACjB,YAAY,EAAE,mBAAmB;QACjC,iBAAiB,EAAE;YACjB,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC;SACvB;QACD,sBAAsB,EAAE;YACtB,eAAe,EAAE,QAAQ,CAAC,KAAK,CAAC;SACjC;QACD,uBAAuB,EAAE;YACvB,aAAa,EAAE,MAAM;SACtB;KACF,CAAC;AAXgB,CAWhB,CAAC,CAAC;AAEJ,MAAM,CAAC,IAAM,QAAQ,GAAwC,MAAM,CAAC,UAAC,KAAqB,IAAK,OAAA,CAC7F,oBAAC,GAAG,aAAC,aAAa,UAAK,KAAK,EAAI,CACjC,EAF8F,CAE9F,CAAC,CAAC,UAAC,EAAgB;QAAd,KAAK,WAAA,EAAE,KAAK,WAAA;IAAO,OAAA,CAAC;QACxB,aAAa,EAAE,MAAM;QACrB,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB;QAC9C,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;QACtC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC7B,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,UAAU;QACnB,GAAG,EAAE,KAAK;QACV,QAAQ,EAAE,MAAM;QAChB,gBAAgB,EAAE;YAChB,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC;SACvB;QACD,oBAAoB,EAAE;YACpB,eAAe,EAAE,0BAA0B;SAC5C;KACF,CAAC;AAfuB,CAevB,CAAC,CAAC"}

package/dist/esm/helpers/colors.d.ts

@@ -1,3 +1,4 @@
+import { PaletteOptions } from '@mui/material/styles';
 export declare const getPalette: () => {
     primary: string;
     primaryLight: string;
@@ -161,11 +162,14 @@ export declare const olosPalette: {
         main: string;
     };
 };
+export declare const newOlosPalette: PaletteOptions;
 export declare const lightTheme: import("@mui/material/styles").Theme;
+export declare const newLightTheme: import("@mui/material/styles").Theme;
 export declare const darkTheme: import("@mui/material/styles").Theme;
 export declare const themes: {
     light: import("@mui/material/styles").Theme;
     dark: import("@mui/material/styles").Theme;
+    newLight: import("@mui/material/styles").Theme;
 };
 type PaletteKey = keyof typeof getPalette;
 declare const getColor: (key: PaletteKey) => string;

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.817",
+  "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>
             ))}