norma-library 0.6.987 → 0.6.989

package/.storybook/{preview.ts → preview.tsx}

@@ -1,6 +1,17 @@
 import type { Preview } from '@storybook/react';
+import { themes } from '../src/helpers';
+import { NormaProvider } from '../src/providers/NormaProvider';
 
 const preview: Preview = {
+  decorators: [
+    (Story) => {
+      return (
+        <NormaProvider theme={themes.light}>
+          <Story />
+        </NormaProvider>
+      );
+    }
+  ],
   parameters: {
     docs: {
       source: {

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

@@ -1,6 +1,6 @@
+import { ColorVariant } from '@/types';
 import React from 'react';
 import { CardBaseProps } from '../interfaces';
-import { ColorVariant } from '@/types';
 export declare const Card: ({ children, border, color, ...props }: CardBaseProps & {
     border?: boolean;
     color?: ColorVariant;

package/dist/esm/components/Card.js

@@ -1,8 +1,8 @@
 import { __assign, __makeTemplateObject, __rest } from "tslib";
-import React from 'react';
 import { Card as MuiCard } from '@mui/material';
-import { palette } from '../helpers';
+import React from 'react';
 import styled from 'styled-components';
+import { palette } from '../helpers';
 var colorMap = {
     inherit: palette.inherit,
     primary: palette.primary,

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAGvC,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;AAEF,IAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,4KAAiC,kGAIlD,EAAqF,KACrG,KADgB,UAAC,EAAgB;QAAd,YAAY,kBAAA;IAAO,OAAA,CAAC,YAAY,CAAC,CAAC,CAAC,oBAAa,QAAQ,CAAC,YAAY,CAAC,CAAE,CAAC,CAAC,CAAC,MAAM,CAAC;AAA/D,CAA+D,CACrG,CAAC;AAEF,MAAM,CAAC,IAAM,IAAI,GAAG,UAAC,EAKwC;IAJ3D,IAAA,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACd,KAAK,cAJW,+BAKpB,CADS;IAER,OAAO,CACL,oBAAC,UAAU,6BAAe,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,IAAM,KAAK,GAC5D,QAAQ,CACE,CACd,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAGrC,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;AAEF,IAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,4KAAiC,kGAIlD,EAAqF,KACrG,KADgB,UAAC,EAAgB;QAAd,YAAY,kBAAA;IAAO,OAAA,CAAC,YAAY,CAAC,CAAC,CAAC,oBAAa,QAAQ,CAAC,YAAY,CAAC,CAAE,CAAC,CAAC,CAAC,MAAM,CAAC;AAA/D,CAA+D,CACrG,CAAC;AAEF,MAAM,CAAC,IAAM,IAAI,GAAG,UAAC,EAKwC;IAJ3D,IAAA,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACd,KAAK,cAJW,+BAKpB,CADS;IAER,OAAO,CACL,oBAAC,UAAU,6BAAe,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,IAAM,KAAK,GAC5D,QAAQ,CACE,CACd,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,3 +1,3 @@
-import React from 'react';
 import { ChatMessageProps } from '@/interfaces';
+import React from 'react';
 export declare const ChatMessage: React.FC<ChatMessageProps>;

package/dist/esm/components/ChatMessage.js

@@ -1,10 +1,10 @@
-import React from 'react';
 import { Box, Typography } from '@mui/material';
 import { styled } from '@mui/material/styles';
+import React from 'react';
+import { olosPalette } from '../helpers';
 var Item = styled(Box)(function (_a) {
     var orient = _a.orient;
     return ({
-        borderColor: '#ccc',
         display: 'flex',
         position: 'relative',
         width: '100%',
@@ -13,27 +13,36 @@ var Item = styled(Box)(function (_a) {
         alignItems: 'center',
     });
 });
-var ContainerStyled = styled(Box)({
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'center',
-    minWidth: '640px',
-    backgroundColor: '#F0F0F0',
-    padding: '10px',
+var ContainerStyled = styled(Box)(function (_a) {
+    var _b, _c, _d;
+    var theme = _a.theme;
+    return ({
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        minWidth: '640px',
+        backgroundColor: ((_c = (_b = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _b === void 0 ? void 0 : _b.grey) === null || _c === void 0 ? void 0 : _c[100]) || '#F0F0F0',
+        padding: ((_d = theme === null || theme === void 0 ? void 0 : theme.spacing) === null || _d === void 0 ? void 0 : _d.call(theme, 1.25)) || '10px',
+    });
 });
 var BoxStyled = styled(Box)(function (_a) {
-    var orient = _a.orient;
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    var theme = _a.theme, orient = _a.orient;
     return ({
         width: '70%',
-        backgroundColor: orient === 'replay' ? '#E18B50' : '#FFF',
-        color: orient === 'replay' ? '#FFF' : '#4D4F5C',
+        backgroundColor: orient === 'replay'
+            ? ((_c = (_b = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _b === void 0 ? void 0 : _b.primary) === null || _c === void 0 ? void 0 : _c.main) || olosPalette.primary.main
+            : ((_e = (_d = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _d === void 0 ? void 0 : _d.background) === null || _e === void 0 ? void 0 : _e.paper) || '#FFF',
+        color: orient === 'replay'
+            ? ((_g = (_f = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _f === void 0 ? void 0 : _f.primary) === null || _g === void 0 ? void 0 : _g.contrastText) || '#FFF'
+            : ((_j = (_h = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _h === void 0 ? void 0 : _h.text) === null || _j === void 0 ? void 0 : _j.primary) || '#4D4F5C',
         borderTopLeftRadius: 30,
         borderTopRightRadius: 30,
         borderBottomLeftRadius: orient === 'me' ? 2 : 30,
         borderBottomRightRadius: orient === 'me' ? 30 : 2,
-        marginLeft: orient === 'replay' ? '10px' : 0,
-        marginRight: orient === 'me' ? '10px' : 0,
-        padding: 20,
+        marginLeft: orient === 'replay' ? ((_k = theme === null || theme === void 0 ? void 0 : theme.spacing) === null || _k === void 0 ? void 0 : _k.call(theme, 1.25)) || '10px' : 0,
+        marginRight: orient === 'me' ? ((_l = theme === null || theme === void 0 ? void 0 : theme.spacing) === null || _l === void 0 ? void 0 : _l.call(theme, 1.25)) || '10px' : 0,
+        padding: ((_m = theme === null || theme === void 0 ? void 0 : theme.spacing) === null || _m === void 0 ? void 0 : _m.call(theme, 2.5)) || 20,
     });
 });
 export var ChatMessage = function (_a) {
@@ -41,21 +50,28 @@ export var ChatMessage = function (_a) {
     return (React.createElement(ContainerStyled, null, data.map(function (item, key) { return (React.createElement(Item, { key: key, orient: item.send },
         item.emotion && item.send === 'replay' && React.createElement(React.Fragment, null, item.emotion),
         React.createElement(BoxStyled, { orient: item.send },
-            React.createElement(Typography, { variant: "subtitle2", style: {
+            React.createElement(Typography, { variant: "subtitle2", sx: {
                     marginBottom: '5px',
-                    font: 'normal normal 600 16px/20px Source Sans Pro',
+                    fontWeight: 600,
+                    fontSize: '16px',
+                    lineHeight: '20px',
+                    fontFamily: function (theme) { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.typography) === null || _a === void 0 ? void 0 : _a.fontFamily) || 'Source Sans Pro'; },
                 } }, item.name),
-            React.createElement(Typography, { variant: "body1", style: {
-                    font: 'normal normal normal 16px/20px Source Sans Pro',
+            React.createElement(Typography, { variant: "body1", sx: {
+                    fontSize: '16px',
+                    lineHeight: '20px',
+                    fontFamily: function (theme) { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.typography) === null || _a === void 0 ? void 0 : _a.fontFamily) || 'Source Sans Pro'; },
                 } }, item.message),
-            React.createElement(Typography, { variant: "caption", style: {
+            React.createElement(Typography, { variant: "caption", sx: {
                     position: 'absolute',
                     bottom: '-18px',
                     left: item.send === 'me' ? 0 : 'auto',
                     right: item.send === 'me' ? 'auto' : 0,
-                    font: 'normal normal normal 11px/13px Source Sans Pro',
+                    fontSize: '11px',
+                    lineHeight: '13px',
+                    fontFamily: function (theme) { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.typography) === null || _a === void 0 ? void 0 : _a.fontFamily) || 'Source Sans Pro'; },
                     opacity: 0.5,
-                    color: '#4D4F5C',
+                    color: function (theme) { var _a, _b; return ((_b = (_a = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _a === void 0 ? void 0 : _a.text) === null || _b === void 0 ? void 0 : _b.secondary) || '#4D4F5C'; },
                 } }, item.time)),
         item.emotion && item.send === 'me' && React.createElement(React.Fragment, null, item.emotion),
         item.emotionReplay && item.send === 'me' && React.createElement(React.Fragment, null, item.emotionReplay))); })));

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

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

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

@@ -6,8 +6,8 @@ export var ChatMessageBalloonContainerStyle = styled(Box)({
     flexDirection: 'column',
 });
 export var ChatMessageBalloonRowStyle = styled('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  margin-bottom: 8px;\n  flex-direction: ", ";\n\n  &:last-child {\n    margin-bottom: 0px;\n  }\n"], ["\n  display: flex;\n  margin-bottom: 8px;\n  flex-direction: ", ";\n\n  &:last-child {\n    margin-bottom: 0px;\n  }\n"])), function (props) { return (props.direction === 'I' ? 'row-reverse' : 'row'); });
-export var ChatMessageBalloonStyle = styled('div')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  border: 2px solid transparent;\n  border-radius: ", ";\n  box-sizing: border-box;\n  color: ", ";\n  display: flex;\n  flex-direction: column;\n  padding: 12px 24px;\n  width: 60%;\n  transition: border 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n\n  &.is-highlight {\n    border: 2px solid #8a8888;\n  }\n\n  &.is-interactive {\n    cursor: pointer;\n\n    &:hover {\n      border: 2px solid #8a8888;\n    }\n  }\n"], ["\n  background-color: ", ";\n  border: 2px solid transparent;\n  border-radius: ", ";\n  box-sizing: border-box;\n  color: ", ";\n  display: flex;\n  flex-direction: column;\n  padding: 12px 24px;\n  width: 60%;\n  transition: border 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n\n  &.is-highlight {\n    border: 2px solid #8a8888;\n  }\n\n  &.is-interactive {\n    cursor: pointer;\n\n    &:hover {\n      border: 2px solid #8a8888;\n    }\n  }\n"])), function (props) { return (props.direction === 'I' ? '#FFF' : '#E18B50'); }, function (props) { return (props.direction === 'I' ? '20px 20px 0px 20px' : '20px 20px 20px 0px'); }, function (props) { return (props.direction === 'I' ? '#4D4F5B' : '#FFF'); });
-export var ChatMessageDateStyle = styled(Typography)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  color: #43425d;\n  opacity: 0.5;\n"], ["\n  color: #43425d;\n  opacity: 0.5;\n"])));
+export var ChatMessageBalloonStyle = styled('div')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  border: 2px solid transparent;\n  border-radius: ", ";\n  box-sizing: border-box;\n  color: ", ";\n  display: flex;\n  flex-direction: column;\n  padding: 12px 24px;\n  width: 60%;\n  transition: border 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n\n  &.is-highlight {\n    border: 2px solid ", ";\n  }\n\n  &.is-interactive {\n    cursor: pointer;\n\n    &:hover {\n      border: 2px solid ", ";\n    }\n  }\n"], ["\n  background-color: ", ";\n  border: 2px solid transparent;\n  border-radius: ", ";\n  box-sizing: border-box;\n  color: ", ";\n  display: flex;\n  flex-direction: column;\n  padding: 12px 24px;\n  width: 60%;\n  transition: border 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n\n  &.is-highlight {\n    border: 2px solid ", ";\n  }\n\n  &.is-interactive {\n    cursor: pointer;\n\n    &:hover {\n      border: 2px solid ", ";\n    }\n  }\n"])), function (props) { return (props.direction === 'I' ? props.theme.palette.background.paper : props.theme.palette.primary.main); }, function (props) { return (props.direction === 'I' ? '20px 20px 0px 20px' : '20px 20px 20px 0px'); }, function (props) { return (props.direction === 'I' ? '#4D4F5B' : '#FFF'); }, function (props) { return props.theme.palette.info.light; }, function (props) { return props.theme.palette.primary.light; });
+export var ChatMessageDateStyle = styled(Typography)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  color: ", ";\n  opacity: 0.5;\n"], ["\n  color: ", ";\n  opacity: 0.5;\n"])), function (props) { return props.theme.palette.text.secondary; });
 export var ChatMessageChildrenStyle = styled('div')(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  align-items: center;\n  box-sizing: border-box;\n  display: flex;\n  flex: 1;\n  justify-content: ", ";\n  padding: 8px;\n"], ["\n  align-items: center;\n  box-sizing: border-box;\n  display: flex;\n  flex: 1;\n  justify-content: ", ";\n  padding: 8px;\n"])), function (props) { return (props.direction === 'I' ? 'end' : 'start'); });
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 //# sourceMappingURL=ChatMessageBalloon.style.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChatMessageBalloon.style.js","sourceRoot":"","sources":["../../../../src/components/ChatMessageBalloon/ChatMessageBalloon.style.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,CAAC,IAAM,gCAAgC,GAAQ,MAAM,CAAC,GAAG,CAAC,CAAC;IAC/D,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;CACxB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,0BAA0B,GAAQ,MAAM,CAAC,KAAK,CAAC,2LAAuB,+DAG/D,EAA0D,uDAK7E,KALmB,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,EAAjD,CAAiD,CAK7E,CAAC;AAEF,MAAM,CAAC,IAAM,uBAAuB,GAAQ,MAAM,CAAC,KAAK,CAAC,4fAAuB,wBAC1D,EAAuD,wDAE1D,EAAgF,yCAExF,EAAuD,0TAkBjE,KAtBqB,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,EAA9C,CAA8C,EAE1D,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,oBAAoB,CAAC,EAAvE,CAAuE,EAExF,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,EAA9C,CAA8C,CAkBjE,CAAC;AAEF,MAAM,CAAC,IAAM,oBAAoB,GAAQ,MAAM,CAAC,UAAU,CAAC,2GAAA,wCAG1D,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,wBAAwB,GAAQ,MAAM,CAAC,KAAK,CAAC,mMAAuB,wGAK5D,EAAoD,sBAExE,KAFoB,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,EAA3C,CAA2C,CAExE,CAAC"}
+{"version":3,"file":"ChatMessageBalloon.style.js","sourceRoot":"","sources":["../../../../src/components/ChatMessageBalloon/ChatMessageBalloon.style.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,CAAC,IAAM,gCAAgC,GAAQ,MAAM,CAAC,GAAG,CAAC,CAAC;IAC/D,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;CACxB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,0BAA0B,GAAQ,MAAM,CAAC,KAAK,CAAC,2LAAuB,+DAG/D,EAA0D,uDAK7E,KALmB,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,EAAjD,CAAiD,CAK7E,CAAC;AAEF,MAAM,CAAC,IAAM,uBAAuB,GAAQ,MAAM,CAAC,KAAK,CAAC,sfAAuB,wBAC1D,EAA4G,wDAE/G,EAAgF,yCAExF,EAAuD,8LAQ1C,EAAuC,iGAOrC,EAA0C,iBAGnE,KAtBqB,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,EAAnG,CAAmG,EAE/G,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,oBAAoB,CAAC,EAAvE,CAAuE,EAExF,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,EAA9C,CAA8C,EAQ1C,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAA9B,CAA8B,EAOrC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,EAAjC,CAAiC,CAGnE,CAAC;AAEF,MAAM,CAAC,IAAM,oBAAoB,GAAQ,MAAM,CAAC,UAAU,CAAC,wGAAA,aAChD,EAA2C,sBAErD,KAFU,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAlC,CAAkC,CAErD,CAAC;AAEF,MAAM,CAAC,IAAM,wBAAwB,GAAQ,MAAM,CAAC,KAAK,CAAC,mMAAuB,wGAK5D,EAAoD,sBAExE,KAFoB,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,EAA3C,CAA2C,CAExE,CAAC"}

package/dist/esm/components/IconButton.js

@@ -1,25 +1,31 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
 import { IconButton as MuiIconButton } from '@mui/material';
-import { palette } from '../helpers';
 import { styled } from '@mui/material/styles';
-var colorMap = {
-    inherit: palette.inherit,
-    primary: palette.primary,
-    secondary: palette.secondary,
-    error: palette.error,
-    warning: palette.warning,
-    info: palette.info,
-    success: palette.success,
-};
+import React from 'react';
 var IconButtonStyled = styled(MuiIconButton)(function (_a) {
-    var circle = _a.circle, color = _a.color, variant = _a.variant, cursor = _a.cursor;
-    return ({
+    var theme = _a.theme, circle = _a.circle, color = _a.color, variant = _a.variant, cursor = _a.cursor;
+    var colorMap = {
+        inherit: theme.palette.text.primary,
+        primary: theme.palette.primary.main,
+        secondary: theme.palette.secondary.main,
+        error: theme.palette.error.main,
+        warning: theme.palette.warning.main,
+        info: theme.palette.info.main,
+        success: theme.palette.success.main,
+    };
+    return {
         borderRadius: circle === 'true' ? 99 : 5,
         border: variant === 'outlined' ? "1px solid ".concat(colorMap[color]) : 'none',
         backgroundColor: variant === 'contained' ? "".concat(colorMap[color]) : 'none',
         cursor: cursor,
-    });
+        '&:hover': {
+            backgroundColor: variant === 'contained'
+                ? theme.palette.action.hover
+                : variant === 'outlined'
+                    ? theme.palette.action.hover
+                    : 'none',
+        },
+    };
 });
 export var IconButton = function (_a) {
     var _b = _a.circle, circle = _b === void 0 ? false : _b, children = _a.children, props = __rest(_a, ["circle", "children"]);

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../src/components/IconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAG9C,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;AAEF,IAAM,gBAAgB,GAAG,MAAM,CAAC,aAAa,CAAC,CAK3C,UAAC,EAAkC;QAAhC,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA;IAAO,OAAA,CAAC;QAC1C,YAAY,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QACxC,MAAM,EAAE,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,oBAAa,QAAQ,CAAC,KAAK,CAAC,CAAE,CAAC,CAAC,CAAC,MAAM;QACxE,eAAe,EAAE,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,UAAG,QAAQ,CAAC,KAAK,CAAC,CAAE,CAAC,CAAC,CAAC,MAAM;QACxE,MAAM,EAAE,MAAM;KACf,CAAC;AALyC,CAKzC,CAAC,CAAC;AAEJ,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAA2D;IAAzD,IAAA,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAApC,sBAAsC,CAAF;IAE7D,OAAO,CACL,oBAAC,gBAAgB,aAAC,MAAM,EAAE,UAAG,MAAM,CAAE,EAAE,KAAK,EAAC,SAAS,EAAC,OAAO,EAAC,MAAM,EAAC,MAAM,EAAC,SAAS,IAAK,KAAK,GAC7F,QAAQ,CACQ,CACpB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../src/components/IconButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,IAAM,gBAAgB,GAAG,MAAM,CAAC,aAAa,CAAC,CAK3C,UAAC,EAAyC;QAAvC,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA;IACzC,IAAM,QAAQ,GAAiC;QAC7C,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;QACnC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;QACnC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI;QACvC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;QAC/B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;QACnC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;QAC7B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;KACpC,CAAC;IAEF,OAAO;QACL,YAAY,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QACxC,MAAM,EAAE,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,oBAAa,QAAQ,CAAC,KAAK,CAAC,CAAE,CAAC,CAAC,CAAC,MAAM;QACxE,eAAe,EAAE,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,UAAG,QAAQ,CAAC,KAAK,CAAC,CAAE,CAAC,CAAC,CAAC,MAAM;QACxE,MAAM,EAAE,MAAM;QAEd,SAAS,EAAE;YACT,eAAe,EACb,OAAO,KAAK,WAAW;gBACrB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;gBAC5B,CAAC,CAAC,OAAO,KAAK,UAAU;oBACxB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;oBAC5B,CAAC,CAAC,MAAM;SACb;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAA2D;IAAzD,IAAA,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAApC,sBAAsC,CAAF;IAC7D,OAAO,CACL,oBAAC,gBAAgB,aAAC,MAAM,EAAE,UAAG,MAAM,CAAE,EAAE,KAAK,EAAC,SAAS,EAAC,OAAO,EAAC,MAAM,EAAC,MAAM,EAAC,SAAS,IAAK,KAAK,GAC7F,QAAQ,CACQ,CACpB,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/Icons.js

@@ -1,8 +1,8 @@
 import { __assign, __makeTemplateObject, __rest } from "tslib";
+import styled from '@emotion/styled';
+import { useTheme } from '@mui/material';
 import React from 'react';
 import { iconsSVG } from './Svgs';
-import styled from '@emotion/styled';
-import { palette } from '../helpers';
 export var Svg = styled.svg({
     shapeRendering: 'inherit',
     transform: 'translate3d(0,0,0)',
@@ -19,19 +19,21 @@ var scaleSize = {
     '2xlarge': 36,
     '3xlarge': 40,
 };
-var colors = {
-    inherit: palette.inherit,
-    primary: palette.primary,
-    secondary: palette.secondary,
-    error: palette.error,
-    info: palette.info,
-    success: palette.success,
-    warning: palette.warning,
-    white: palette.white,
-    black: palette.black,
-};
 export var Icons = function (_a) {
     var icon = _a.icon, scale = _a.scale, useSymbol = _a.useSymbol, _b = _a.color, color = _b === void 0 ? 'inherit' : _b, props = __rest(_a, ["icon", "scale", "useSymbol", "color"]);
+    var theme = useTheme();
+    var colors = {
+        primary: theme.palette.primary.main,
+        secondary: theme.palette.secondary.main,
+        error: theme.palette.error.main,
+        info: theme.palette.info.main,
+        success: theme.palette.success.main,
+        warning: theme.palette.warning.main,
+        action: theme.palette.action.disabled,
+        inherit: theme.palette.text.primary,
+        white: '#ffffff',
+        black: '#000000',
+    };
     var width = 24;
     var height = 24;
     if (scale) {

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

@@ -1 +1 @@
-{"version":3,"file":"Icons.js","sourceRoot":"","sources":["../../../src/components/Icons.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAGlC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,CAAC,IAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAC3B;IACE,cAAc,EAAE,SAAS;IACzB,SAAS,EAAE,oBAAoB;CAChC,EACD,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;AAA7D,CAA6D,CAC9E,CAAC;AAEF,IAAM,SAAS,GAAuC;IACpD,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,SAAS,EAAE,EAAE;IACb,SAAS,EAAE,EAAE;CACd,CAAC;AAEF,IAAM,MAAM,GAA+B;IACzC,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,SAAS,EAAE,OAAO,CAAC,SAAS;IAC5B,KAAK,EAAE,OAAO,CAAC,KAAK;IACpB,IAAI,EAAE,OAAO,CAAC,IAAI;IAClB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,KAAK,EAAE,OAAO,CAAC,KAAK;IACpB,KAAK,EAAE,OAAO,CAAC,KAAK;CACrB,CAAC;AAGF,MAAM,CAAC,IAAM,KAAK,GAAkC,UAAC,EAMxC;IALX,IAAA,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,SAAS,eAAA,EACT,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACd,KAAK,cAL2C,uCAMpD,CADS;IAER,IAAI,KAAK,GAAG,EAAE,CAAC;IACf,IAAI,MAAM,GAAG,EAAE,CAAC;IAChB,IAAI,KAAK,EAAE,CAAC;QACV,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAC/B,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IAClC,CAAC;IAED,IAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC;IACpC,IAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC;IAEtC,IAAM,GAAG,GAAG,MAAM,CAAC,GAAG,4SAAA,sGAIZ,EAAI,+BAEA,EAAM,wCAGN,EAAM,sCAGN,EAAM,cAEnB,KAVS,IAAI,EAEA,MAAM,EAGN,MAAM,EAGN,MAAM,CAEnB,CAAC;IAEF,IAAM,SAAS,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC;IAE3C,OAAO,CACL,oBAAC,GAAG,aAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,UAAG,KAAK,OAAI,EAAE,MAAM,EAAE,UAAG,MAAM,OAAI,IAAM,KAAK,GAC3E,SAAS,CAAC,CAAC,CAAC,CACX,6BAAK,SAAS,EAAE,iBAAU,IAAI,CAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,CACjE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CACd,KAAK,CAAC,aAAa,CAAC,IAAwB,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,MAAA,EAAE,MAAM,QAAA,EAAE,EAAE,CAAC,CAC3E,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,MAAA,EAAE,MAAM,QAAA,EAAE,CAAC,CACrD,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Icons.js","sourceRoot":"","sources":["../../../src/components/Icons.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,MAAM,CAAC,IAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAC3B;IACE,cAAc,EAAE,SAAS;IACzB,SAAS,EAAE,oBAAoB;CAChC,EACD,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;AAA7D,CAA6D,CAC9E,CAAC;AAEF,IAAM,SAAS,GAAuC;IACpD,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,SAAS,EAAE,EAAE;IACb,SAAS,EAAE,EAAE;CACd,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAkC,UAAC,EAMxC;IALX,IAAA,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,SAAS,eAAA,EACT,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACd,KAAK,cAL2C,uCAMpD,CADS;IAGR,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,IAAM,MAAM,GAA2B;QACrC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;QACnC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI;QACvC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;QAC/B,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;QAC7B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;QACnC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;QACnC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ;QACrC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;QACnC,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;KACjB,CAAC;IAEF,IAAI,KAAK,GAAG,EAAE,CAAC;IACf,IAAI,MAAM,GAAG,EAAE,CAAC;IAChB,IAAI,KAAK,EAAE,CAAC;QACV,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAC/B,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IAClC,CAAC;IAED,IAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC;IACpC,IAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC;IAEtC,IAAM,GAAG,GAAG,MAAM,CAAC,GAAG,4SAAA,sGAIZ,EAAI,+BAEA,EAAM,wCAGN,EAAM,sCAGN,EAAM,cAEnB,KAVS,IAAI,EAEA,MAAM,EAGN,MAAM,EAGN,MAAM,CAEnB,CAAC;IAEF,IAAM,SAAS,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC;IAE3C,OAAO,CACL,oBAAC,GAAG,aAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,UAAG,KAAK,OAAI,EAAE,MAAM,EAAE,UAAG,MAAM,OAAI,IAAM,KAAK,GAC3E,SAAS,CAAC,CAAC,CAAC,CACX,6BAAK,SAAS,EAAE,iBAAU,IAAI,CAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,CACjE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CACd,KAAK,CAAC,aAAa,CAAC,IAAwB,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,MAAA,EAAE,MAAM,QAAA,EAAE,EAAE,CAAC,CAC3E,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,MAAA,EAAE,MAAM,QAAA,EAAE,CAAC,CACrD,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -5,9 +5,9 @@ export var ChatMessageBalloonContainerStyle = styled(Box)({
     display: 'flex',
     flexDirection: 'column',
 });
-export var ChatMessageBalloonRowStyle = styled('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  margin-bottom: 8px;\n  flex-direction: ", ";\n  justify-content: flex-start;\n  align-items: flex-start;\n  vertical-align: middle;\n  &:last-child {\n    margin-bottom: 0px;\n  }\n"], ["\n  display: flex;\n  margin-bottom: 8px;\n  flex-direction: ", ";\n  justify-content: flex-start;\n  align-items: flex-start;\n  vertical-align: middle;\n  &:last-child {\n    margin-bottom: 0px;\n  }\n"])), function (props) { return (props.direction === 'I' ? 'row-reverse' : 'row'); });
-export var ChatMessageBalloonStyle = styled('div')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  border: 2px solid transparent;\n  border-radius: ", ";\n  box-sizing: border-box;\n  color: ", ";\n  display: flex;\n  flex-direction: column;\n  padding: 12px 24px;\n  width: 60%;\n  transition: border 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n\n  &.is-highlight {\n    border: 2px solid #8a8888;\n  }\n\n  &.is-interactive {\n    cursor: pointer;\n\n    &:hover {\n      border: 2px solid #8a8888;\n    }\n  }\n"], ["\n  background-color: ", ";\n  border: 2px solid transparent;\n  border-radius: ", ";\n  box-sizing: border-box;\n  color: ", ";\n  display: flex;\n  flex-direction: column;\n  padding: 12px 24px;\n  width: 60%;\n  transition: border 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n\n  &.is-highlight {\n    border: 2px solid #8a8888;\n  }\n\n  &.is-interactive {\n    cursor: pointer;\n\n    &:hover {\n      border: 2px solid #8a8888;\n    }\n  }\n"])), function (props) { return (props.direction === 'I' ? '#FFF' : '#E18B50'); }, function (props) { return (props.direction === 'I' ? '20px 20px 0px 20px' : '20px 20px 20px 0px'); }, function (props) { return (props.direction === 'I' ? '#4D4F5B' : '#FFF'); });
-export var ChatMessageDateStyle = styled(Typography)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  color: #43425d;\n  opacity: 0.5;\n  margin-top: 7px;\n"], ["\n  color: #43425d;\n  opacity: 0.5;\n  margin-top: 7px;\n"])));
+export var ChatMessageBalloonRowStyle = styled('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  margin-bottom: 8px;\n  flex-direction: ", ";\n\n  &:last-child {\n    margin-bottom: 0px;\n  }\n"], ["\n  display: flex;\n  margin-bottom: 8px;\n  flex-direction: ", ";\n\n  &:last-child {\n    margin-bottom: 0px;\n  }\n"])), function (props) { return (props.direction === 'I' ? 'row-reverse' : 'row'); });
+export var ChatMessageBalloonStyle = styled('div')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  border: 2px solid transparent;\n  border-radius: ", ";\n  box-sizing: border-box;\n  color: ", ";\n  display: flex;\n  flex-direction: column;\n  padding: 12px 24px;\n  width: 60%;\n  transition: border 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n\n  &.is-highlight {\n    border: 2px solid ", ";\n  }\n\n  &.is-interactive {\n    cursor: pointer;\n\n    &:hover {\n      border: 2px solid ", ";\n    }\n  }\n"], ["\n  background-color: ", ";\n  border: 2px solid transparent;\n  border-radius: ", ";\n  box-sizing: border-box;\n  color: ", ";\n  display: flex;\n  flex-direction: column;\n  padding: 12px 24px;\n  width: 60%;\n  transition: border 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n\n  &.is-highlight {\n    border: 2px solid ", ";\n  }\n\n  &.is-interactive {\n    cursor: pointer;\n\n    &:hover {\n      border: 2px solid ", ";\n    }\n  }\n"])), function (props) { return (props.direction === 'I' ? props.theme.palette.background.paper : props.theme.palette.primary.main); }, function (props) { return (props.direction === 'I' ? '20px 20px 0px 20px' : '20px 20px 20px 0px'); }, function (props) { return (props.direction === 'I' ? '#4D4F5B' : '#FFF'); }, function (props) { return props.theme.palette.info.light; }, function (props) { return props.theme.palette.primary.light; });
+export var ChatMessageDateStyle = styled(Typography)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  color: ", ";\n  opacity: 0.5;\n"], ["\n  color: ", ";\n  opacity: 0.5;\n"])), function (props) { return props.theme.palette.text.secondary; });
 export var ChatMessageChildrenStyle = styled('div')(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  align-items: center;\n  box-sizing: border-box;\n  display: flex;\n  flex: 1;\n  justify-content: ", ";\n  padding: 8px;\n"], ["\n  align-items: center;\n  box-sizing: border-box;\n  display: flex;\n  flex: 1;\n  justify-content: ", ";\n  padding: 8px;\n"])), function (props) { return (props.direction === 'I' ? 'end' : 'start'); });
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 //# sourceMappingURL=styles.js.map

package/dist/esm/components/NormaChatMessageBalloon/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/NormaChatMessageBalloon/styles.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,CAAC,IAAM,gCAAgC,GAAQ,MAAM,CAAC,GAAG,CAAC,CAAC;IAC/D,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;CACxB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,0BAA0B,GAAQ,MAAM,CAAC,KAAK,CAAC,gRAAuB,+DAG/D,EAA0D,4IAO7E,KAPmB,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,EAAjD,CAAiD,CAO7E,CAAC;AAEF,MAAM,CAAC,IAAM,uBAAuB,GAAQ,MAAM,CAAC,KAAK,CAAC,4fAAuB,wBAC1D,EAAuD,wDAE1D,EAAgF,yCAExF,EAAuD,0TAkBjE,KAtBqB,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,EAA9C,CAA8C,EAE1D,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,oBAAoB,CAAC,EAAvE,CAAuE,EAExF,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,EAA9C,CAA8C,CAkBjE,CAAC;AAEF,MAAM,CAAC,IAAM,oBAAoB,GAAQ,MAAM,CAAC,UAAU,CAAC,+HAAA,4DAI1D,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,wBAAwB,GAAQ,MAAM,CAAC,KAAK,CAAC,mMAAuB,wGAK5D,EAAoD,sBAExE,KAFoB,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,EAA3C,CAA2C,CAExE,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/NormaChatMessageBalloon/styles.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,CAAC,IAAM,gCAAgC,GAAQ,MAAM,CAAC,GAAG,CAAC,CAAC;IAC/D,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;CACxB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,0BAA0B,GAAQ,MAAM,CAAC,KAAK,CAAC,2LAAuB,+DAG/D,EAA0D,uDAK7E,KALmB,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,EAAjD,CAAiD,CAK7E,CAAC;AAEF,MAAM,CAAC,IAAM,uBAAuB,GAAQ,MAAM,CAAC,KAAK,CAAC,sfAAuB,wBAC1D,EAA4G,wDAE/G,EAAgF,yCAExF,EAAuD,8LAQ1C,EAAuC,iGAOrC,EAA0C,iBAGnE,KAtBqB,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,EAAnG,CAAmG,EAE/G,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,oBAAoB,CAAC,EAAvE,CAAuE,EAExF,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,EAA9C,CAA8C,EAQ1C,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAA9B,CAA8B,EAOrC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,EAAjC,CAAiC,CAGnE,CAAC;AAEF,MAAM,CAAC,IAAM,oBAAoB,GAAQ,MAAM,CAAC,UAAU,CAAC,wGAAA,aAChD,EAA2C,sBAErD,KAFU,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAlC,CAAkC,CAErD,CAAC;AAEF,MAAM,CAAC,IAAM,wBAAwB,GAAQ,MAAM,CAAC,KAAK,CAAC,mMAAuB,wGAK5D,EAAoD,sBAExE,KAFoB,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,EAA3C,CAA2C,CAExE,CAAC"}

package/dist/esm/components/RangerSlider.js

@@ -1,61 +1,54 @@
 import { __assign, __rest } from "tslib";
 import React from 'react';
 import { Box, Slider as MuiSlider, Typography } from '@mui/material';
-import { palette } from '../helpers';
 import { styled } from '@mui/material/styles';
-var colorMap = {
-    inherit: palette.inherit,
-    primary: palette.primary,
-    secondary: palette.secondary,
-    error: palette.error,
-    warning: palette.warning,
-    info: palette.info,
-    success: palette.success,
-};
-var RangerSliderStyled = styled(MuiSlider)(function () { return ({
-    height: 8,
-    color: colorMap['primary'],
-    '& .MuiSlider-track': {
-        border: 'none',
-    },
-    '& .MuiSlider-thumb': {
-        height: 18,
-        width: 18,
-        backgroundColor: '#FFF',
-        border: "2px solid ".concat(colorMap['primary']),
-        '&:focus, &:hover, &.Mui-active, &.Mui-focusVisible': {
-            boxShadow: 'inherit',
+var RangerSliderStyled = styled(MuiSlider)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        height: 8,
+        color: theme.palette.primary.main,
+        '& .MuiSlider-track': {
+            border: 'none',
         },
-        '&:before': {
-            width: '8px',
-            height: '8px',
-            position: 'absolute',
-            display: 'block',
-            background: colorMap['primary'],
+        '& .MuiSlider-thumb': {
+            height: 18,
+            width: 18,
+            backgroundColor: '#FFF',
+            border: "2px solid ".concat(theme.palette.primary.main),
+            '&:focus, &:hover, &.Mui-active, &.Mui-focusVisible': {
+                boxShadow: 'inherit',
+            },
+            '&:before': {
+                width: '8px',
+                height: '8px',
+                position: 'absolute',
+                display: 'block',
+                background: theme.palette.primary.main,
+            },
         },
-    },
-    '& .MuiSlider-valueLabel': {
-        fontSize: 12,
-        fontWeight: 'normal',
-        top: 48,
-        position: 'absolute',
-        transition: 'none',
-        color: colorMap['primary'],
-        '&:before': {
-            bottom: 'inherit',
-            top: '-8px',
+        '& .MuiSlider-valueLabel': {
+            fontSize: 12,
+            fontWeight: 'normal',
+            top: 48,
+            position: 'absolute',
+            transition: 'none',
+            color: theme.palette.primary.main,
+            '&:before': {
+                bottom: 'inherit',
+                top: '-8px',
+            },
+            '& *': {
+                background: 'transparent',
+                color: '#FFF',
+            },
         },
-        '& *': {
-            background: 'transparent',
-            color: '#FFF',
+        '& .MuiSlider-rail': {
+            color: '#F0F2F8 ',
+            opacity: 1,
+            height: 10,
         },
-    },
-    '& .MuiSlider-rail': {
-        color: '#F0F2F8 ',
-        opacity: 1,
-        height: 10,
-    },
-}); });
+    });
+});
 export var RangerSlider = function (_a) {
     var _b;
     var value = _a.value, defaultValue = _a.defaultValue, _c = _a.color, color = _c === void 0 ? 'primary' : _c, _d = _a.showValueInline, showValueInline = _d === void 0 ? false : _d, _e = _a.min, min = _e === void 0 ? 0 : _e, _f = _a.max, max = _f === void 0 ? 100 : _f, valueLabelFormat = _a.valueLabelFormat, props = __rest(_a, ["value", "defaultValue", "color", "showValueInline", "min", "max", "valueLabelFormat"]);

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

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

package/dist/esm/components/Table/components/pagination/styles.d.ts

@@ -1 +1 @@
-export declare const Pagination: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Pagination: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,5 +1,5 @@
 import { __makeTemplateObject } from "tslib";
-import styled from "styled-components";
-export var Pagination = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  margin: 24px 0 0 0;\n  display: flex;\n  justify-content: center;\n  .content {\n    display: flex;\n    gap: 8px;\n    .button {\n      border: 1px solid #E8E9EC;\n      background: #fff;\n      border-radius: 4px;\n      color: #4D4F5C;\n      cursor: pointer;\n      &:disabled {\n        opacity: 0.4;\n      }\n    }\n    .button-active {\n      border: 1px solid #FFDB9F;\n      background: #FFDB9F;\n      color: #B74616;\n      border-radius: 4px;\n      cursor: pointer;\n    }\n  }\n"], ["\n  width: 100%;\n  margin: 24px 0 0 0;\n  display: flex;\n  justify-content: center;\n  .content {\n    display: flex;\n    gap: 8px;\n    .button {\n      border: 1px solid #E8E9EC;\n      background: #fff;\n      border-radius: 4px;\n      color: #4D4F5C;\n      cursor: pointer;\n      &:disabled {\n        opacity: 0.4;\n      }\n    }\n    .button-active {\n      border: 1px solid #FFDB9F;\n      background: #FFDB9F;\n      color: #B74616;\n      border-radius: 4px;\n      cursor: pointer;\n    }\n  }\n"])));
+import { styled } from "@mui/material/styles";
+export var Pagination = styled('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  margin: 24px 0 0 0;\n  display: flex;\n  justify-content: center;\n  .content {\n    display: flex;\n    gap: 8px;\n    .button {\n      border: 1px solid ", ";\n      background: ", ";\n      border-radius: 4px;\n      color: ", ";\n      cursor: pointer;\n      &:disabled {\n        opacity: 0.4;\n      }\n    }\n    .button-active {\n      border: 1px solid ", ";\n      background: ", ";\n      color: ", ";\n      border-radius: 4px;\n      cursor: pointer;\n    }\n  }\n"], ["\n  width: 100%;\n  margin: 24px 0 0 0;\n  display: flex;\n  justify-content: center;\n  .content {\n    display: flex;\n    gap: 8px;\n    .button {\n      border: 1px solid ", ";\n      background: ", ";\n      border-radius: 4px;\n      color: ", ";\n      cursor: pointer;\n      &:disabled {\n        opacity: 0.4;\n      }\n    }\n    .button-active {\n      border: 1px solid ", ";\n      background: ", ";\n      color: ", ";\n      border-radius: 4px;\n      cursor: pointer;\n    }\n  }\n"])), function (props) { return props.theme.palette.divider; }, function (props) { return props.theme.palette.background.paper; }, function (props) { return props.theme.palette.text.primary; }, function (props) { return props.theme.palette.primary.light; }, function (props) { return props.theme.palette.primary.main; }, function (props) { return props.theme.palette.primary.contrastText; });
 var templateObject_1;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/pagination/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,skBAAA,mgBA0BnC,IAAA,CAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/pagination/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,ujBAAA,iLASb,EAAoC,uBAC1C,EAA6C,6CAElD,EAAyC,sIAO9B,EAA0C,uBAChD,EAAyC,kBAC9C,EAAiD,oEAK/D,KAjByB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,EAA3B,CAA2B,EAC1C,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,EAApC,CAAoC,EAElD,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAhC,CAAgC,EAO9B,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,EAAjC,CAAiC,EAChD,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAhC,CAAgC,EAC9C,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,EAAxC,CAAwC,CAK/D,CAAA"}

package/dist/esm/components/Tabs.js

@@ -1,26 +1,16 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
 import { Box, Tabs as MuiTabs, Tab } from '@mui/material';
-import { palette } from '../helpers';
-import { styled } from '@mui/material/styles';
-var colorMap = {
-    inherit: palette.inherit,
-    primary: palette.primary,
-    secondary: palette.secondary,
-    error: palette.error,
-    warning: palette.warning,
-    info: palette.info,
-    success: palette.success,
-};
+import { styled, useTheme } from '@mui/material/styles';
+import React from 'react';
 var TabsStyled = styled(MuiTabs)(function (_a) {
-    var color = _a.color;
+    var theme = _a.theme;
     return ({
         borderBottom: '1px solid #e8e8e8',
         '& .Mui-selected': {
-            color: colorMap[color],
+            color: theme.palette.primary.main,
         },
         '& .MuiTabs-indicator': {
-            backgroundColor: colorMap[color],
+            backgroundColor: theme.palette.primary.main,
         },
         '& .MuiButtonBase-root': {
             textTransform: 'none',
@@ -28,18 +18,18 @@ var TabsStyled = styled(MuiTabs)(function (_a) {
     });
 });
 var TabStyled = styled(function (props) { return React.createElement(Tab, __assign({ disableRipple: true }, props)); })(function (_a) {
-    var theme = _a.theme, color = _a.color;
+    var theme = _a.theme;
     return ({
         textTransform: 'none',
         fontWeight: theme.typography.fontWeightRegular,
         fontSize: theme.typography.pxToRem(15),
         marginRight: theme.spacing(1),
-        color: '#666666',
+        color: theme.palette.text.secondary,
         padding: '5px 15px',
         top: '5px',
         minWidth: '60px',
         '&.Mui-selected': {
-            color: colorMap[color],
+            color: theme.palette.primary.main,
         },
         '&.Mui-focusVisible': {
             backgroundColor: 'rgba(100, 95, 228, 0.32)',
@@ -58,6 +48,7 @@ function a11yProps(index) {
 }
 export var Tabs = function (_a) {
     var _b = _a.data, data = _b === void 0 ? [] : _b, _c = _a.color, color = _c === void 0 ? 'primary' : _c, onChange = _a.onChange, props = __rest(_a, ["data", "color", "onChange"]);
+    var muiTheme = useTheme();
     var _d = React.useState(0), value = _d[0], setValue = _d[1];
     var handleChange = function (event, newValue) {
         setValue(newValue);
@@ -66,7 +57,7 @@ export var Tabs = function (_a) {
     };
     return (React.createElement(Box, { sx: { width: '100%' } },
         React.createElement(Box, null,
-            React.createElement(TabsStyled, __assign({ value: value, color: color, onChange: handleChange, "aria-label": "basic tabs example" }, props), data && data.map(function (item, key) { return React.createElement(TabStyled, __assign({ label: item.label, color: color }, a11yProps(key))); }))),
+            React.createElement(TabsStyled, __assign({ value: value, onChange: handleChange, "aria-label": "basic tabs example" }, props, { theme: muiTheme }), data && data.map(function (item, key) { return React.createElement(TabStyled, __assign({ label: item.label }, a11yProps(key))); }))),
         data &&
             data.map(function (item, key) { return (React.createElement(CustomTabPanel, { value: value, index: key, key: key }, item.children)); })));
 };

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

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