norma-library 0.6.892 → 0.6.893

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "norma-library",
-  "version": "0.6.892",
+  "version": "0.6.893",
   "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": {

package/src/components/UncontrolledTabs/UncontrolledTabs.tsx

@@ -13,16 +13,18 @@ interface Props extends MuiTabsBaseProps {
   color?: ColorVariant;
   variant?: TabsVariant;
   info?: React.ReactNode;
+  tabPanelSx?: SxProps<Theme>;
 }
 
 interface TabPanelProps {
   children?: React.ReactNode;
   index: number;
   value: number;
+  sx?: SxProps<Theme>;
 }
 
 function TabPanel(props: TabPanelProps) {
-  const { children, value, index, ...other } = props;
+  const { children, value, index, sx, ...other } = props;
 
   return (
     <div
@@ -32,7 +34,7 @@ function TabPanel(props: TabPanelProps) {
       aria-labelledby={`simple-tab-${index}`}
       {...other}
     >
-      {value === index && <Box sx={{ p: 3 }}>{children}</Box>}
+      {value === index && <Box sx={{ p: 3, ...sx }}>{children}</Box>}
     </div>
   );
 }
@@ -60,7 +62,7 @@ const UncontrolledTabs = ({ tabs, tab, color = 'primary', onTabChange, info, ...
         </NormaTabs>
       </Box>
       {tabs.map((item, key) => (
-        <TabPanel {...item.tabPanel?.props} key={key} value={tab} index={key}>
+        <TabPanel {...item.tabPanel?.props} key={key} value={tab} index={key} sx={props.tabPanelSx}>
           {item.children}
         </TabPanel>
       ))}

package/src/stories/UncontrolledTabs.stories.tsx

@@ -76,4 +76,22 @@ export const UncontrolledTabsInfo = () => {
   )
 }
 
-UncontrolledTabsInfo.storyName = 'Uncontrolled Tabs With  Info'
+UncontrolledTabsInfo.storyName = 'Uncontrolled Tabs With  Info';
+
+export const UncontrolledTabsAndTabPanelSx = () => {
+  const [tab, setTab] = useState(0);
+  return (
+    <div style={{ width: '480px', marginBottom: 30 }}>
+      <UncontrolledTabs
+        info={<div>tabPanelSx permite estilizar a tab</div>}
+        tab={tab}
+        tabs={data}
+        onTabChange={(evt, tab) => setTab(tab)}
+        tabPanelSx={{ backgroundColor: 'gray', color: 'orange', p: 0 }}
+      />
+    </div>
+  );
+};
+
+UncontrolledTabsAndTabPanelSx.storyName = 'Uncontrolled Tabs With  Info and tabPanelSx';
+

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

@@ -1,3 +0,0 @@
-import React from 'react';
-import { AccordionBaseProps } from '../interfaces';
-export declare const Accordion: ({ data, defaultExpanded, ...props }: AccordionBaseProps) => React.JSX.Element;

package/dist/esm/components/Accordion.js

@@ -1,20 +0,0 @@
-import { __assign, __rest } from "tslib";
-import React from 'react';
-import { AccordionDetails, AccordionSummary, Accordion as MuiAccordion, Typography } from '@mui/material';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import { styled } from '@mui/material/styles';
-var AccordionStyled = styled(MuiAccordion)({});
-export var Accordion = function (_a) {
-    var _b = _a.data, data = _b === void 0 ? [] : _b, _c = _a.defaultExpanded, defaultExpanded = _c === void 0 ? false : _c, props = __rest(_a, ["data", "defaultExpanded"]);
-    var _d = React.useState(defaultExpanded), expanded = _d[0], setExpanded = _d[1];
-    var handleChange = function (panel) { return function (event, isExpanded) {
-        console.log('Event ==> ', event);
-        setExpanded(isExpanded ? panel : false);
-    }; };
-    return (React.createElement(React.Fragment, null, data &&
-        data.map(function (item, key) { return (React.createElement(AccordionStyled, __assign({ expanded: expanded === item.id, onChange: handleChange(item.id), key: key }, props),
-            React.createElement(AccordionSummary, { expandIcon: React.createElement(ExpandMoreIcon, null), "aria-controls": "panel-".concat(key, "-content"), id: "panel-".concat(key, "-header") },
-                React.createElement(Typography, { sx: { width: '66%', flexShrink: 0 } }, item.label)),
-            React.createElement(AccordionDetails, null, item.children))); })));
-};
-//# sourceMappingURL=Accordion.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/components/Accordion.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,IAAI,YAAY,EACzB,UAAU,EACX,MAAM,eAAe,CAAC;AACvB,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,eAAe,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC;AAEjD,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,EAAoE;IAAlE,IAAA,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,uBAAuB,EAAvB,eAAe,mBAAG,KAAK,KAAA,EAAK,KAAK,cAA9C,2BAAgD,CAAF;IAChE,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAmB,eAAe,CAAC,EAA1E,QAAQ,QAAA,EAAE,WAAW,QAAqD,CAAC;IAElF,IAAM,YAAY,GAAG,UAAC,KAAa,IAAK,OAAA,UAAC,KAA2B,EAAE,UAAmB;QACvF,OAAO,CAAC,GAAG,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;QACjC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,EAHuC,CAGvC,CAAC;IAEF,OAAO,CACL,0CACG,IAAI;QACH,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,CACtB,oBAAC,eAAe,aAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC,EAAE,EAAE,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,IAAM,KAAK;YACnG,oBAAC,gBAAgB,IACf,UAAU,EAAE,oBAAC,cAAc,OAAG,mBACf,gBAAS,GAAG,aAAU,EACrC,EAAE,EAAE,gBAAS,GAAG,YAAS;gBAEzB,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,EAAE,IAAG,IAAI,CAAC,KAAK,CAAc,CACzD;YACnB,oBAAC,gBAAgB,QAAE,IAAI,CAAC,QAAQ,CAAoB,CACpC,CACnB,EAXuB,CAWvB,CAAC,CACH,CACJ,CAAC;AACJ,CAAC,CAAC"}

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

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

package/dist/esm/components/Avatar.js

@@ -1,13 +0,0 @@
-import { __assign, __rest } from "tslib";
-import React from 'react';
-import { Avatar as MuiVatar } from '@mui/material';
-import { styled } from '@mui/material/styles';
-var AvatarStyled = styled(MuiVatar)({
-    textTransform: 'none',
-    color: 'currentcolor',
-});
-export var Avatar = function (_a) {
-    var src = _a.src, props = __rest(_a, ["src"]);
-    return (React.createElement(AvatarStyled, __assign({ src: src }, props)));
-};
-//# sourceMappingURL=Avatar.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGnD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACpC,aAAa,EAAE,MAAM;IACrB,KAAK,EAAE,cAAc;CACtB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,MAAM,GAA8B,UAAC,EAAiB;IAAf,IAAA,GAAG,SAAA,EAAK,KAAK,cAAf,OAAiB,CAAF;IAC/D,OAAO,CACL,oBAAC,YAAY,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CACtC,CAAC;AACJ,CAAC,CAAC"}

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

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

package/dist/esm/components/Badge.js

@@ -1,10 +0,0 @@
-import { __assign, __rest } from "tslib";
-import React from 'react';
-import { Badge as MuiBadge } from '@mui/material';
-import { styled } from '@mui/material/styles';
-var BadgeStyled = styled(MuiBadge)({});
-export var Badge = function (_a) {
-    var props = __rest(_a, []);
-    return (React.createElement(BadgeStyled, __assign({}, props)));
-};
-//# sourceMappingURL=Badge.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/components/Badge.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGlD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;AAEzC,MAAM,CAAC,IAAM,KAAK,GAA6B,UAAC,EAAY;QAAP,KAAK,cAAV,EAAY,CAAF;IACxD,OAAO,CACL,oBAAC,WAAW,eAAK,KAAK,EAAI,CAC3B,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/Box/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { BoxProps } from "./interfaces";
-declare const Box: React.FC<BoxProps>;
-export default Box;

package/dist/esm/components/Box/index.js

@@ -1,8 +0,0 @@
-import React from 'react';
-import * as S from "./styles";
-var Box = function (_a) {
-    var children = _a.children, size = _a.size;
-    return (React.createElement(S.Container, { size: size }, children));
-};
-export default Box;
-//# sourceMappingURL=index.js.map

package/dist/esm/components/Box/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Box/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAG7B,IAAM,GAAG,GAAsB,UAAC,EAAkB;QAAhB,QAAQ,cAAA,EAAE,IAAI,UAAA;IAC9C,OAAO,CACL,oBAAC,CAAC,CAAC,SAAS,IAAC,IAAI,EAAE,IAAI,IACpB,QAAQ,CACG,CACf,CAAA;AACH,CAAC,CAAA;AAED,eAAe,GAAG,CAAA"}

package/dist/esm/components/Box/interfaces.d.ts

@@ -1,5 +0,0 @@
-import { JSX } from "react";
-export interface BoxProps {
-    children: JSX.Element[] | JSX.Element;
-    size: string;
-}

package/dist/esm/components/Box/interfaces.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=interfaces.js.map

package/dist/esm/components/Box/interfaces.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/components/Box/interfaces.ts"],"names":[],"mappings":""}

package/dist/esm/components/Box/styles.d.ts

@@ -1,2 +0,0 @@
-import { BoxProps } from "./interfaces";
-export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BoxProps>> & string;

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

@@ -1,17 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import styled from 'styled-components';
-var setSizeSelected = function (size) {
-    switch (size) {
-        case "small":
-            return "10px";
-        case "medium":
-            return "16px";
-        case "large":
-            return "24px";
-        default:
-            return "16px";
-    }
-};
-export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background: #fff;\n  border-radius: 5px;\n  width: 100%;\n  box-shadow: 0px 2px 6px #0000000A;\n  padding: ", "\n"], ["\n  background: #fff;\n  border-radius: 5px;\n  width: 100%;\n  box-shadow: 0px 2px 6px #0000000A;\n  padding: ", "\n"])), function (props) { return setSizeSelected(props.size); });
-var templateObject_1;
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Box/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAGtC,IAAM,eAAe,GAAG,UAAC,IAAY;IACnC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,OAAO;YACV,OAAO,MAAM,CAAC;QAChB,KAAK,QAAQ;YACX,OAAO,MAAM,CAAC;QAChB,KAAK,OAAO;YACV,OAAO,MAAM,CAAA;QACf;YACE,OAAO,MAAM,CAAC;IAClB,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,0LAAU,iHAKhC,EAAoC,IAChD,KADY,UAAA,KAAK,IAAI,OAAA,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,EAA3B,CAA2B,CAChD,CAAA"}

package/dist/esm/components/Breadcrumb/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { BreadCrumbProps } from './interface';
-declare const Breadcrumb: React.FC<BreadCrumbProps>;
-export default Breadcrumb;

package/dist/esm/components/Breadcrumb/index.js

@@ -1,22 +0,0 @@
-import React, { useMemo } from 'react';
-import * as S from "./styles";
-import { Icons } from '../Icons';
-import { Home } from '@mui/icons-material';
-var Breadcrumb = function (_a) {
-    var items = _a.items, onHomeClick = _a.onHomeClick, onPathClick = _a.onPathClick;
-    var listItems = useMemo(function () {
-        return items.map(function (item, index, self) {
-            var showIcon = self.length > index + 1;
-            var isFixedIcon = items[0] === item;
-            return (React.createElement("div", { className: 'content', key: index, onClick: function (event) { return items[0] === item ? onHomeClick(event) : onPathClick(item, event); } },
-                isFixedIcon && React.createElement(Icons, { icon: Home }),
-                !isFixedIcon && item.icon && React.createElement(Icons, { icon: item.icon, color: 'inherit' }),
-                React.createElement(S.Item, null, item.label),
-                showIcon && React.createElement(S.Divisor, null, "/")));
-        });
-    }, [items]);
-    return (React.createElement(S.Container, null,
-        React.createElement(S.ListItems, null, listItems)));
-};
-export default Breadcrumb;
-//# sourceMappingURL=index.js.map

package/dist/esm/components/Breadcrumb/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Breadcrumb/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAE7B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAE3C,IAAM,UAAU,GAA8B,UAAC,EAAmC;QAAjC,KAAK,WAAA,EAAE,WAAW,iBAAA,EAAE,WAAW,iBAAA;IAC9E,IAAM,SAAS,GAAG,OAAO,CAAC;QACxB,OAAO,KAAK,CAAC,GAAG,CAAC,UAAC,IAAU,EAAE,KAAa,EAAE,IAAY;YACvD,IAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,GAAG,KAAK,GAAG,CAAC,CAAA;YACxC,IAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;YACrC,OAAO,CACL,6BAAK,SAAS,EAAC,SAAS,EAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,EAAjE,CAAiE;gBACvH,WAAW,IAAI,oBAAC,KAAK,IAAC,IAAI,EAAE,IAAI,GAAI;gBACpC,CAAC,WAAW,IAAI,IAAI,CAAC,IAAI,IAAI,oBAAC,KAAK,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAC,SAAS,GAAG;gBACxE,oBAAC,CAAC,CAAC,IAAI,QAAE,IAAI,CAAC,KAAK,CAAU;gBAC5B,QAAQ,IAAI,oBAAC,CAAC,CAAC,OAAO,YAAc,CACjC,CACP,CAAA;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,CACL,oBAAC,CAAC,CAAC,SAAS;QACV,oBAAC,CAAC,CAAC,SAAS,QACT,SAAS,CACE,CACF,CACf,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/esm/components/Breadcrumb/interface.d.ts

@@ -1,13 +0,0 @@
-import { IconType } from "../../types";
-import { SvgIconComponent } from "@mui/icons-material";
-export interface Item {
-    id: string;
-    label: string;
-    href: string;
-    icon?: SvgIconComponent | IconType;
-}
-export interface BreadCrumbProps {
-    onPathClick: Function;
-    onHomeClick: Function;
-    items: Item[];
-}

package/dist/esm/components/Breadcrumb/interface.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=interface.js.map

package/dist/esm/components/Breadcrumb/interface.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"interface.js","sourceRoot":"","sources":["../../../../src/components/Breadcrumb/interface.ts"],"names":[],"mappings":""}

package/dist/esm/components/Breadcrumb/styles.d.ts

@@ -1,4 +0,0 @@
-export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ListItems: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Item: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
-export declare const Divisor: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -1,8 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import styled from "styled-components";
-export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 0 0 16px 0;\n"], ["\n  margin: 0 0 16px 0;\n"])));
-export var ListItems = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  gap: 8px;\n  .content {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n  }\n"], ["\n  display: flex;\n  gap: 8px;\n  .content {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n  }\n"])));
-export var Item = styled.p(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  color: #666;\n  font-size: 14px;\n  cursor: pointer;\n  &:hover {\n    text-decoration: underline;\n  }\n"], ["\n  color: #666;\n  font-size: 14px;\n  cursor: pointer;\n  &:hover {\n    text-decoration: underline;\n  }\n"])));
-export var Divisor = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #666;\n  content: '/';\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #666;\n  content: '/';\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Breadcrumb/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,8FAAA,2BAElC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,sLAAA,mHAQlC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,IAAI,GAAG,MAAM,CAAC,CAAC,kLAAA,+GAO3B,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,8KAAA,2GAMhC,IAAA,CAAA"}

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

@@ -1,3 +0,0 @@
-import React from 'react';
-import { ButtonBaseProps } from '../interfaces';
-export declare const Button: ({ label, children, ...props }: ButtonBaseProps) => React.JSX.Element;

package/dist/esm/components/Button.js

@@ -1,18 +0,0 @@
-import { __assign, __rest } from "tslib";
-import React from 'react';
-import { Button as MuiButton } from '@mui/material';
-import { styled } from '@mui/material/styles';
-var ButtonStyled = styled(MuiButton)({
-    textTransform: 'none',
-    '& .MuiButton-sizeLarge': {
-        height: '75px',
-        backgroundColor: 'red',
-    },
-});
-export var Button = function (_a) {
-    var label = _a.label, children = _a.children, props = __rest(_a, ["label", "children"]);
-    return (React.createElement(ButtonStyled, __assign({}, props, { sx: {
-            color: props.variant === 'contained' ? '#FFFF' : props.color,
-        } }), label ? label : children));
-};
-//# sourceMappingURL=Button.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IACrC,aAAa,EAAE,MAAM;IACrB,wBAAwB,EAAE;QACxB,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,KAAK;KACvB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,MAAM,GAAG,UAAC,EAA8C;IAA5C,IAAA,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA3B,qBAA6B,CAAF;IAEhD,OAAO,CACL,oBAAC,YAAY,eACP,KAAK,IACT,EAAE,EAAE;YACF,KAAK,EAAE,KAAK,CAAC,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK;SAC7D,KAEA,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CACZ,CAChB,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import { CardBaseProps } from './types';
-declare const Card: ({ children, title }: CardBaseProps) => React.JSX.Element;
-export default Card;

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

@@ -1,11 +0,0 @@
-import React from 'react';
-import CardHeader from './CardHeader';
-import { StyledCard } from './styles';
-var Card = function (_a) {
-    var children = _a.children, title = _a.title;
-    return (React.createElement(StyledCard, null,
-        title && React.createElement(CardHeader, { title: title }),
-        children));
-};
-export default Card;
-//# sourceMappingURL=Card.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,cAAc,CAAA;AAErC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,IAAM,IAAI,GAAG,UAAC,EAAkC;QAAhC,QAAQ,cAAA,EAAE,KAAK,WAAA;IAC7B,OAAO,CACL,oBAAC,UAAU;QACR,KAAK,IAAI,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI;QACrC,QAAQ,CACE,CACd,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import { CardHeaderBaseProps } from './types';
-declare const CardHeader: ({ title }: CardHeaderBaseProps) => React.JSX.Element;
-export default CardHeader;

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import { StyledCardHeader } from './styles';
-var CardHeader = function (_a) {
-    var title = _a.title;
-    return React.createElement(StyledCardHeader, null, title);
-};
-export default CardHeader;
-//# sourceMappingURL=CardHeader.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../../src/components/Card/CardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAE3C,IAAM,UAAU,GAAG,UAAC,EAA8B;QAA5B,KAAK,WAAA;IACzB,OAAO,oBAAC,gBAAgB,QAAE,KAAK,CAAoB,CAAA;AACrD,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

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

@@ -1,4 +0,0 @@
-export * from './Card';
-export * from './CardHeader';
-export { default as Card } from './Card';
-export { default as CardHeader } from './CardHeader';

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

@@ -1,5 +0,0 @@
-export * from './Card';
-export * from './CardHeader';
-export { default as Card } from './Card';
-export { default as CardHeader } from './CardHeader';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAE5B,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA"}

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

@@ -1,2 +0,0 @@
-export declare const StyledCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledCardHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -1,6 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import styled from 'styled-components';
-export var StyledCard = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 16px;\n  border-radius: 4px;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n"], ["\n  padding: 16px;\n  border-radius: 4px;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n"])));
-export var StyledCardHeader = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  font-weight: bold;\n  border-bottom: 1px solid #ccc;\n  padding-bottom: 8px;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  font-weight: bold;\n  border-bottom: 1px solid #ccc;\n  padding-bottom: 8px;\n"])));
-var templateObject_1, templateObject_2;
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Card/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,6JAAA,0FAInC,IAAA,CAAA;AACD,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,4PAAA,yLAQzC,IAAA,CAAA"}

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

@@ -1,8 +0,0 @@
-import { ReactNode } from 'react';
-export type CardBaseProps = {
-    children: ReactNode;
-    title?: string;
-};
-export type CardHeaderBaseProps = {
-    title: string;
-};

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

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/Card/types.ts"],"names":[],"mappings":""}

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

@@ -1,7 +0,0 @@
-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;
-}) => React.JSX.Element;

package/dist/esm/components/Card.js

@@ -1,24 +0,0 @@
-import { __assign, __makeTemplateObject, __rest } from "tslib";
-import React from 'react';
-import { Card as MuiCard } from '@mui/material';
-import { palette } from '../helpers';
-import styled from 'styled-components';
-var colorMap = {
-    inherit: palette.inherit,
-    primary: palette.primary,
-    secondary: palette.secondary,
-    error: palette.error,
-    warning: palette.warning,
-    info: palette.info,
-    success: palette.success,
-};
-var CardStyled = styled(MuiCard)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 16px;\n  border-radius: 5px;\n  box-shadow: 0px 2px 8px #00000053;\n  border-left: ", ";\n"], ["\n  padding: 16px;\n  border-radius: 5px;\n  box-shadow: 0px 2px 8px #00000053;\n  border-left: ", ";\n"])), function (_a) {
-    var $borderColor = _a.$borderColor;
-    return ($borderColor ? "7px solid ".concat(colorMap[$borderColor]) : 'none');
-});
-export var Card = function (_a) {
-    var children = _a.children, border = _a.border, _b = _a.color, color = _b === void 0 ? 'inherit' : _b, props = __rest(_a, ["children", "border", "color"]);
-    return (React.createElement(CardStyled, __assign({ "$borderColor": border ? color : undefined }, props), children));
-};
-var templateObject_1;
-//# sourceMappingURL=Card.js.map

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

@@ -1 +0,0 @@
-{"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"}

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

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

package/dist/esm/components/ChatMessage.js

@@ -1,63 +0,0 @@
-import React from 'react';
-import { Box, Typography } from '@mui/material';
-import { styled } from '@mui/material/styles';
-var Item = styled(Box)(function (_a) {
-    var orient = _a.orient;
-    return ({
-        borderColor: '#ccc',
-        display: 'flex',
-        position: 'relative',
-        width: '100%',
-        justifyContent: orient === 'replay' ? 'flex-end' : 'flex-start',
-        marginBottom: '10px',
-        alignItems: 'center',
-    });
-});
-var ContainerStyled = styled(Box)({
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'center',
-    minWidth: '640px',
-    backgroundColor: '#F0F0F0',
-    padding: '10px',
-});
-var BoxStyled = styled(Box)(function (_a) {
-    var orient = _a.orient;
-    return ({
-        width: '70%',
-        backgroundColor: orient === 'replay' ? '#E18B50' : '#FFF',
-        color: orient === 'replay' ? '#FFF' : '#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,
-    });
-});
-export var ChatMessage = function (_a) {
-    var data = _a.data;
-    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: {
-                    marginBottom: '5px',
-                    font: 'normal normal 600 16px/20px Source Sans Pro',
-                } }, item.name),
-            React.createElement(Typography, { variant: "body1", style: {
-                    font: 'normal normal normal 16px/20px Source Sans Pro',
-                } }, item.message),
-            React.createElement(Typography, { variant: "caption", style: {
-                    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',
-                    opacity: 0.5,
-                    color: '#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))); })));
-};
-//# sourceMappingURL=ChatMessage.js.map

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

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

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

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

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

@@ -1,29 +0,0 @@
-import { __assign, __rest } from "tslib";
-import React, { useMemo } from 'react';
-import { Typography } from '@mui/material';
-import * as S from './ChatMessageBalloon.style';
-export var ChatMessageBalloon = function (_a) {
-    var label = _a.label, description = _a.description, date = _a.date, direction = _a.direction, children = _a.children, className = _a.className, bottomChildren = _a.bottomChildren, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onRowMouseEnter = _a.onRowMouseEnter, onRowMouseLeave = _a.onRowMouseLeave, highlight = _a.highlight, rest = __rest(_a, ["label", "description", "date", "direction", "children", "className", "bottomChildren", "onMouseEnter", "onMouseLeave", "onRowMouseEnter", "onRowMouseLeave", "highlight"]);
-    var ballonClassNames = useMemo(function () {
-        var classNames = [];
-        if (!!onMouseEnter)
-            classNames.push('is-interactive');
-        if (!!highlight)
-            classNames.push('is-highlight');
-        return classNames.join(" ");
-    }, [highlight, onMouseEnter]);
-    return (React.createElement(S.ChatMessageBalloonContainerStyle, __assign({ className: className }, rest),
-        React.createElement(S.ChatMessageBalloonRowStyle, { direction: direction, onMouseLeave: onRowMouseLeave, onMouseEnter: onRowMouseEnter },
-            React.createElement(S.ChatMessageBalloonStyle, { onMouseLeave: onMouseLeave, onMouseEnter: onMouseEnter, direction: direction, className: ballonClassNames },
-                React.createElement(Typography, { variant: "subtitle2", style: {
-                        fontSize: "1rem",
-                        fontWeight: "600",
-                        marginBottom: '5px'
-                    } }, label),
-                description),
-            React.createElement(S.ChatMessageChildrenStyle, { direction: direction }, children)),
-        React.createElement(S.ChatMessageBalloonRowStyle, { direction: direction, sx: { gap: "10px" } },
-            React.createElement(S.ChatMessageDateStyle, { fontSize: "0.7rem" }, date),
-            bottomChildren)));
-};
-//# sourceMappingURL=ChatMessageBalloon.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ChatMessageBalloon.js","sourceRoot":"","sources":["../../../../src/components/ChatMessageBalloon/ChatMessageBalloon.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,KAAK,CAAC,MAAM,4BAA4B,CAAA;AAE/C,MAAM,CAAC,IAAM,kBAAkB,GAAsC,UAAC,EAcnE;IAbC,IAAA,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACZ,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,SAAS,eAAA,EACN,IAAI,cAb2D,2KAcnE,CADQ;IAGT,IAAM,gBAAgB,GAAG,OAAO,CAAC;QAC/B,IAAM,UAAU,GAAG,EAAE,CAAA;QACrB,IAAG,CAAC,CAAC,YAAY;YAAE,UAAU,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA;QACpD,IAAG,CAAC,CAAC,SAAS;YAAE,UAAU,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA;QAC/C,OAAO,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC,CAAA;IAE7B,OAAO,CACL,oBAAC,CAAC,CAAC,gCAAgC,aAAC,SAAS,EAAE,SAAS,IAAM,IAAI;QAChE,oBAAC,CAAC,CAAC,0BAA0B,IAAC,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,eAAe;YAC9G,oBAAC,CAAC,CAAC,uBAAuB,IAAC,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,gBAAgB;gBAClI,oBAAC,UAAU,IACT,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE;wBACL,QAAQ,EAAE,MAAM;wBAChB,UAAU,EAAE,KAAK;wBACjB,YAAY,EAAE,KAAK;qBACpB,IAEA,KAAK,CACK;gBACZ,WAAW,CACc;YAC5B,oBAAC,CAAC,CAAC,wBAAwB,IAAC,SAAS,EAAE,SAAS,IAC7C,QAAQ,CACkB,CACA;QAC/B,oBAAC,CAAC,CAAC,0BAA0B,IAAC,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,EAAC,GAAG,EAAE,MAAM,EAAC;YACnE,oBAAC,CAAC,CAAC,oBAAoB,IAAC,QAAQ,EAAE,QAAQ,IAAG,IAAI,CAA0B;YAC1E,cAAc,CACc,CACI,CACtC,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,5 +0,0 @@
-export declare const ChatMessageBalloonContainerStyle: any;
-export declare const ChatMessageBalloonRowStyle: any;
-export declare const ChatMessageBalloonStyle: any;
-export declare const ChatMessageDateStyle: any;
-export declare const ChatMessageChildrenStyle: any;

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

@@ -1,13 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import { Box, Typography } from '@mui/material';
-import { styled } from '@mui/material/styles';
-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\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 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 +0,0 @@
-{"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"}