@mrshmllw/smores-react 6.0.1 → 6.0.3

package/dist/Snackbar/SnackbarItem.js

@@ -1,47 +1,26 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Box } from '../Box/Box.js';
+import { Box } from '../Box';
+import React from 'react';
 import styled from 'styled-components';
-import { Icon } from '../Icon/Icon.js';
-import { theme } from '../theme.js';
-import { Text } from '../Text/Text.js';
-import 'react';
-import { useTimeout } from '../hooks/useTimeout/index.js';
-
-const SnackbarItem = ({
-  autoCloseTime = 4,
-  id,
-  message,
-  leadingIcon,
-  canManuallyClose,
-  showCloseIcon,
-  deleteSnack
-}) => {
-  useTimeout(() => deleteSnack(id), autoCloseTime * 1e3);
-  return /* @__PURE__ */ jsxs(SnackItem, { p: "16px", mt: "16px", flex: true, justifyContent: "space-between", children: [
-    /* @__PURE__ */ jsxs(Box, { flex: true, alignItems: "center", children: [
-      leadingIcon && /* @__PURE__ */ jsx(Icon, { mr: "12px", render: leadingIcon, size: 24, color: "mascarpone" }),
-      /* @__PURE__ */ jsx(Text, { typo: "desc-small", color: "mascarpone", children: message })
-    ] }),
-    canManuallyClose && /* @__PURE__ */ jsx(
-      CloseButton,
-      {
-        onClick: () => deleteSnack(id),
-        "aria-label": `close snackbar ${message}`,
-        children: showCloseIcon ? /* @__PURE__ */ jsx(Icon, { render: "cross", size: 16, color: "mascarpone" }) : /* @__PURE__ */ jsx(UnderlinedText, { tag: "span", typo: "desc-medium", color: "mascarpone", children: "Dismiss" })
-      }
-    )
-  ] }, id);
+import { Icon } from '../Icon';
+import { theme } from '../theme';
+import { Text } from '../Text';
+import { useTimeout } from '../hooks';
+export const SnackbarItem = ({ autoCloseTime = 4, id, message, leadingIcon, canManuallyClose, showCloseIcon, deleteSnack, }) => {
+    useTimeout(() => deleteSnack(id), autoCloseTime * 1000);
+    return (React.createElement(SnackItem, { p: "16px", key: id, mt: "16px", flex: true, justifyContent: "space-between" },
+        React.createElement(Box, { flex: true, alignItems: "center" },
+            leadingIcon && (React.createElement(Icon, { mr: "12px", render: leadingIcon, size: 24, color: "mascarpone" })),
+            React.createElement(Text, { typo: "desc-small", color: "mascarpone" }, message)),
+        canManuallyClose && (React.createElement(CloseButton, { onClick: () => deleteSnack(id), "aria-label": `close snackbar ${message}` }, showCloseIcon ? (React.createElement(Icon, { render: "cross", size: 16, color: "mascarpone" })) : (React.createElement(UnderlinedText, { tag: "span", typo: "desc-medium", color: "mascarpone" }, "Dismiss"))))));
 };
-const SnackItem = styled(Box)`
+const SnackItem = styled(Box) `
   border-radius: 16px;
   background-color: ${theme.colors.liquorice};
 `;
-const CloseButton = styled.button`
+const CloseButton = styled.button `
   cursor: pointer;
 `;
-const UnderlinedText = styled(Text)`
+const UnderlinedText = styled(Text) `
   text-decoration: underline;
 `;
-
-export { SnackbarItem };
-//# sourceMappingURL=SnackbarItem.js.map
+//# sourceMappingURL=SnackbarItem.js.map

package/dist/Snackbar/SnackbarItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SnackbarItem.js","sources":["../../src/Snackbar/SnackbarItem.tsx"],"sourcesContent":["import { Box } from '../Box'\nimport React, { FC } from 'react'\nimport styled from 'styled-components'\nimport { Icon } from '../Icon'\nimport { theme } from '../theme'\nimport { Text } from '../Text'\nimport { Snackbar } from './types'\nimport { useTimeout } from '../hooks'\n\ninterface Props extends Snackbar {\n  deleteSnack: (id: string) => void\n}\n\nexport const SnackbarItem: FC<Props> = ({\n  autoCloseTime = 4,\n  id,\n  message,\n  leadingIcon,\n  canManuallyClose,\n  showCloseIcon,\n  deleteSnack,\n}) => {\n  useTimeout(() => deleteSnack(id), autoCloseTime * 1000)\n\n  return (\n    <SnackItem p=\"16px\" key={id} mt=\"16px\" flex justifyContent=\"space-between\">\n      <Box flex alignItems=\"center\">\n        {leadingIcon && (\n          <Icon mr=\"12px\" render={leadingIcon} size={24} color=\"mascarpone\" />\n        )}\n        <Text typo=\"desc-small\" color=\"mascarpone\">\n          {message}\n        </Text>\n      </Box>\n      {canManuallyClose && (\n        <CloseButton\n          onClick={() => deleteSnack(id)}\n          aria-label={`close snackbar ${message}`}\n        >\n          {showCloseIcon ? (\n            <Icon render=\"cross\" size={16} color=\"mascarpone\" />\n          ) : (\n            <UnderlinedText tag=\"span\" typo=\"desc-medium\" color=\"mascarpone\">\n              Dismiss\n            </UnderlinedText>\n          )}\n        </CloseButton>\n      )}\n    </SnackItem>\n  )\n}\n\nconst SnackItem = styled(Box)`\n  border-radius: 16px;\n  background-color: ${theme.colors.liquorice};\n`\n\nconst CloseButton = styled.button`\n  cursor: pointer;\n`\n\nconst UnderlinedText = styled(Text)`\n  text-decoration: underline;\n`\n"],"names":[],"mappings":";;;;;;;;;AAaO,MAAM,eAA0B,CAAC;AAAA,EACtC,aAAgB,GAAA,CAAA;AAAA,EAChB,EAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA;AAAA,EACA,gBAAA;AAAA,EACA,aAAA;AAAA,EACA,WAAA;AACF,CAAM,KAAA;AACJ,EAAA,UAAA,CAAW,MAAM,WAAA,CAAY,EAAE,CAAA,EAAG,gBAAgB,GAAI,CAAA,CAAA;AAEtD,EACE,uBAAA,IAAA,CAAC,aAAU,CAAE,EAAA,MAAA,EAAgB,IAAG,MAAO,EAAA,IAAA,EAAI,IAAC,EAAA,cAAA,EAAe,eACzD,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,GAAI,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,UAAA,EAAW,QAClB,EAAA,QAAA,EAAA;AAAA,MACC,WAAA,oBAAA,GAAA,CAAC,QAAK,EAAG,EAAA,MAAA,EAAO,QAAQ,WAAa,EAAA,IAAA,EAAM,EAAI,EAAA,KAAA,EAAM,YAAa,EAAA,CAAA;AAAA,0BAEnE,IAAK,EAAA,EAAA,IAAA,EAAK,YAAa,EAAA,KAAA,EAAM,cAC3B,QACH,EAAA,OAAA,EAAA,CAAA;AAAA,KACF,EAAA,CAAA;AAAA,IACC,gBACC,oBAAA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,MAAM,WAAA,CAAY,EAAE,CAAA;AAAA,QAC7B,YAAA,EAAY,kBAAkB,OAAO,CAAA,CAAA;AAAA,QAEpC,0CACE,GAAA,CAAA,IAAA,EAAA,EAAK,QAAO,OAAQ,EAAA,IAAA,EAAM,IAAI,KAAM,EAAA,YAAA,EAAa,CAElD,mBAAA,GAAA,CAAC,kBAAe,GAAI,EAAA,MAAA,EAAO,MAAK,aAAc,EAAA,KAAA,EAAM,cAAa,QAEjE,EAAA,SAAA,EAAA,CAAA;AAAA,OAAA;AAAA,KAEJ;AAAA,GAAA,EAAA,EArBqB,EAuBzB,CAAA,CAAA;AAEJ,EAAA;AAEA,MAAM,SAAA,GAAY,OAAO,GAAG,CAAA,CAAA;AAAA;AAAA,oBAEN,EAAA,KAAA,CAAM,OAAO,SAAS,CAAA;AAAA,CAAA,CAAA;AAG5C,MAAM,cAAc,MAAO,CAAA,MAAA,CAAA;AAAA;AAAA,CAAA,CAAA;AAI3B,MAAM,cAAA,GAAiB,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA,CAAA;;;;"}
+{"version":3,"file":"SnackbarItem.js","sourceRoot":"","sources":["../../src/Snackbar/SnackbarItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAMrC,MAAM,CAAC,MAAM,YAAY,GAAc,CAAC,EACtC,aAAa,GAAG,CAAC,EACjB,EAAE,EACF,OAAO,EACP,WAAW,EACX,gBAAgB,EAChB,aAAa,EACb,WAAW,GACZ,EAAE,EAAE;IACH,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC,CAAA;IAEvD,OAAO,CACL,oBAAC,SAAS,IAAC,CAAC,EAAC,MAAM,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAC,MAAM,EAAC,IAAI,QAAC,cAAc,EAAC,eAAe;QACxE,oBAAC,GAAG,IAAC,IAAI,QAAC,UAAU,EAAC,QAAQ;YAC1B,WAAW,IAAI,CACd,oBAAC,IAAI,IAAC,EAAE,EAAC,MAAM,EAAC,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,YAAY,GAAG,CACrE;YACD,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,YAAY,IACvC,OAAO,CACH,CACH;QACL,gBAAgB,IAAI,CACnB,oBAAC,WAAW,IACV,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,gBAClB,kBAAkB,OAAO,EAAE,IAEtC,aAAa,CAAC,CAAC,CAAC,CACf,oBAAC,IAAI,IAAC,MAAM,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,YAAY,GAAG,CACrD,CAAC,CAAC,CAAC,CACF,oBAAC,cAAc,IAAC,GAAG,EAAC,MAAM,EAAC,IAAI,EAAC,aAAa,EAAC,KAAK,EAAC,YAAY,cAE/C,CAClB,CACW,CACf,CACS,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;sBAEP,KAAK,CAAC,MAAM,CAAC,SAAS;CAC3C,CAAA;AAED,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAA;;CAEhC,CAAA;AAED,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;CAElC,CAAA"}

package/dist/Snackbar/hooks.js

@@ -1,9 +1,6 @@
-import { useSnackbarContext } from './SnackbarContainer.js';
-
-const useSnackbar = () => {
-  const { addSnackbar } = useSnackbarContext();
-  return { addSnackbar };
+import { useSnackbarContext } from './SnackbarContainer';
+export const useSnackbar = () => {
+    const { addSnackbar } = useSnackbarContext();
+    return { addSnackbar };
 };
-
-export { useSnackbar };
-//# sourceMappingURL=hooks.js.map
+//# sourceMappingURL=hooks.js.map

package/dist/Snackbar/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sources":["../../src/Snackbar/hooks.ts"],"sourcesContent":["import { useSnackbarContext } from './SnackbarContainer'\n\nexport const useSnackbar = () => {\n  const { addSnackbar } = useSnackbarContext()\n\n  return { addSnackbar }\n}\n"],"names":[],"mappings":";;AAEO,MAAM,cAAc,MAAM;AAC/B,EAAM,MAAA,EAAE,WAAY,EAAA,GAAI,kBAAmB,EAAA,CAAA;AAE3C,EAAA,OAAO,EAAE,WAAY,EAAA,CAAA;AACvB;;;;"}
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../src/Snackbar/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAExD,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,EAAE,WAAW,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAE5C,OAAO,EAAE,WAAW,EAAE,CAAA;AACxB,CAAC,CAAA"}

package/dist/Snackbar/index.js

@@ -0,0 +1,3 @@
+export * from './SnackbarContainer';
+export * from './hooks';
+//# sourceMappingURL=index.js.map

package/dist/Snackbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Snackbar/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,SAAS,CAAA"}

package/dist/Snackbar/types.js

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

package/dist/Snackbar/types.js.map

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

package/dist/SupportMessage/SupportMessage.js

@@ -1,82 +1,57 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
 import { darken } from 'polished';
+import React from 'react';
 import styled, { css } from 'styled-components';
-import { Box } from '../Box/Box.js';
-import { Icon } from '../Icon/Icon.js';
-import { Text } from '../Text/Text.js';
-import { theme } from '../theme.js';
-import { isReactElement } from '../utils/isReactElement.js';
-
+import { Box } from '../Box';
+import { Icon } from '../Icon';
+import { Text } from '../Text';
+import { theme } from '../theme';
+import { isReactElement } from '../utils/isReactElement';
 const styles = {
-  info: {
-    iconColor: "liquorice",
-    backgroundColor: theme.colors.custard,
-    hoverBackgroundColor: darken(0.1, theme.colors.custard),
-    icon: "info"
-  },
-  fallbackStyle: {
-    iconColor: "liquorice",
-    backgroundColor: theme.colors.coconut,
-    hoverBackgroundColor: darken(0.1, theme.colors.coconut),
-    icon: "info"
-  },
-  alert: {
-    iconColor: "tangerine",
-    backgroundColor: theme.colors.sherbert,
-    hoverBackgroundColor: darken(0.1, theme.colors.sherbert),
-    icon: "alert"
-  },
-  warning: {
-    iconColor: "strawberry",
-    backgroundColor: theme.colors.watermelon,
-    hoverBackgroundColor: darken(0.1, theme.colors.watermelon),
-    icon: "warning"
-  },
-  success: {
-    iconColor: "apple",
-    backgroundColor: theme.colors.mint,
-    hoverBackgroundColor: darken(0.1, theme.colors.mint),
-    icon: "included"
-  }
+    info: {
+        iconColor: 'liquorice',
+        backgroundColor: theme.colors.custard,
+        hoverBackgroundColor: darken(0.1, theme.colors.custard),
+        icon: 'info',
+    },
+    fallbackStyle: {
+        iconColor: 'liquorice',
+        backgroundColor: theme.colors.coconut,
+        hoverBackgroundColor: darken(0.1, theme.colors.coconut),
+        icon: 'info',
+    },
+    alert: {
+        iconColor: 'tangerine',
+        backgroundColor: theme.colors.sherbert,
+        hoverBackgroundColor: darken(0.1, theme.colors.sherbert),
+        icon: 'alert',
+    },
+    warning: {
+        iconColor: 'strawberry',
+        backgroundColor: theme.colors.watermelon,
+        hoverBackgroundColor: darken(0.1, theme.colors.watermelon),
+        icon: 'warning',
+    },
+    success: {
+        iconColor: 'apple',
+        backgroundColor: theme.colors.mint,
+        hoverBackgroundColor: darken(0.1, theme.colors.mint),
+        icon: 'included',
+    },
 };
-const SupportMessage = ({
-  className,
-  description,
-  onClick,
-  type = "info",
-  title,
-  ...marginProps
-}) => {
-  return /* @__PURE__ */ jsxs(
-    Wrapper,
-    {
-      className,
-      type,
-      onClick,
-      ...marginProps,
-      children: [
-        /* @__PURE__ */ jsx(IconWrapper, { children: /* @__PURE__ */ jsx(
-          Icon,
-          {
-            size: 20,
-            render: styles[type].icon,
-            color: styles[type].iconColor
-          }
-        ) }),
-        /* @__PURE__ */ jsxs(Box, { flex: true, direction: "column", mx: "8px", children: [
-          title && /* @__PURE__ */ jsx(Title, { children: title }),
-          isReactElement(description) ? /* @__PURE__ */ jsx(DescriptionBox, { children: description }) : /* @__PURE__ */ jsx(Description, { tag: "p", children: description })
-        ] }),
-        onClick && /* @__PURE__ */ jsx(Box, { ml: { custom: "auto" }, children: /* @__PURE__ */ jsx(Icon, { size: 16, render: "caret", color: "marzipan", rotate: 270 }) })
-      ]
-    }
-  );
+export const SupportMessage = ({ className, description, onClick, type = 'info', title, ...marginProps }) => {
+    return (React.createElement(Wrapper, { className: className, type: type, onClick: onClick, ...marginProps },
+        React.createElement(IconWrapper, null,
+            React.createElement(Icon, { size: 20, render: styles[type].icon, color: styles[type].iconColor })),
+        React.createElement(Box, { flex: true, direction: "column", mx: "8px" },
+            title && React.createElement(Title, null, title),
+            isReactElement(description) ? (React.createElement(DescriptionBox, null, description)) : (React.createElement(Description, { tag: "p" }, description))),
+        onClick && (React.createElement(Box, { ml: { custom: 'auto' } },
+            React.createElement(Icon, { size: 16, render: "caret", color: "marzipan", rotate: 270 })))));
 };
-const IconWrapper = styled(Box)`
+const IconWrapper = styled(Box) `
   align-self: flex-start;
 `;
-const Wrapper = styled(Box)(
-  ({ type, onClick }) => css`
+const Wrapper = styled(Box)(({ type, onClick }) => css `
     align-items: center;
     background-color: ${styles[type].backgroundColor};
     border-radius: 16px;
@@ -89,25 +64,22 @@ const Wrapper = styled(Box)(
     &:active {
       ${onClick && `background-color: ${styles[type].hoverBackgroundColor};`};
     }
-  `
-);
-const Title = styled.p`
+  `);
+const Title = styled.p `
   font-size: 16px;
   font-weight: ${theme.font.weight.medium};
   color: ${theme.colors.liquorice};
   line-height: 20.8px;
   margin-bottom: 4px;
 `;
-const DescriptionBox = styled(Box)`
+const DescriptionBox = styled(Box) `
   color: ${theme.colors.liquorice};
   font-size: 14px;
   line-height: 20px;
 `;
-const Description = styled(Text)`
+const Description = styled(Text) `
   color: ${theme.colors.liquorice};
   font-size: 14px;
   line-height: 20px;
 `;
-
-export { SupportMessage };
-//# sourceMappingURL=SupportMessage.js.map
+//# sourceMappingURL=SupportMessage.js.map

package/dist/SupportMessage/SupportMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SupportMessage.js","sources":["../../src/SupportMessage/SupportMessage.tsx"],"sourcesContent":["import { darken } from 'polished'\nimport React, { FC, MouseEventHandler, ReactElement } from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { Icons } from 'Icon/iconsList'\nimport { Box } from '../Box'\nimport { Icon } from '../Icon'\n\nimport { Text } from '../Text'\nimport { Color, theme } from '../theme'\nimport { isReactElement } from '../utils/isReactElement'\nimport { MarginProps } from '../utils/space'\n\ntype StylesItem = {\n  iconColor: Color\n  backgroundColor: string\n  hoverBackgroundColor: string\n  icon: Icons\n}\n\nconst styles: Record<SupportMessageType, StylesItem> = {\n  info: {\n    iconColor: 'liquorice',\n    backgroundColor: theme.colors.custard,\n    hoverBackgroundColor: darken(0.1, theme.colors.custard),\n    icon: 'info',\n  },\n  fallbackStyle: {\n    iconColor: 'liquorice',\n    backgroundColor: theme.colors.coconut,\n    hoverBackgroundColor: darken(0.1, theme.colors.coconut),\n    icon: 'info',\n  },\n  alert: {\n    iconColor: 'tangerine',\n    backgroundColor: theme.colors.sherbert,\n    hoverBackgroundColor: darken(0.1, theme.colors.sherbert),\n    icon: 'alert',\n  },\n  warning: {\n    iconColor: 'strawberry',\n    backgroundColor: theme.colors.watermelon,\n    hoverBackgroundColor: darken(0.1, theme.colors.watermelon),\n    icon: 'warning',\n  },\n  success: {\n    iconColor: 'apple',\n    backgroundColor: theme.colors.mint,\n    hoverBackgroundColor: darken(0.1, theme.colors.mint),\n    icon: 'included',\n  },\n}\n\ntype SupportMessageType =\n  | 'info'\n  | 'fallbackStyle'\n  | 'alert'\n  | 'warning'\n  | 'success'\n\nexport type SupportMessageProps = {\n  className?: string\n  description: string | ReactElement\n  onClick?: MouseEventHandler\n  type: SupportMessageType\n  title?: string\n} & MarginProps\n\nexport const SupportMessage: FC<SupportMessageProps> = ({\n  className,\n  description,\n  onClick,\n  type = 'info',\n  title,\n  ...marginProps\n}) => {\n  return (\n    <Wrapper\n      className={className}\n      type={type}\n      onClick={onClick}\n      {...marginProps}\n    >\n      <IconWrapper>\n        <Icon\n          size={20}\n          render={styles[type].icon}\n          color={styles[type].iconColor}\n        />\n      </IconWrapper>\n      <Box flex direction=\"column\" mx=\"8px\">\n        {title && <Title>{title}</Title>}\n        {isReactElement(description) ? (\n          <DescriptionBox>{description}</DescriptionBox>\n        ) : (\n          <Description tag=\"p\">{description}</Description>\n        )}\n      </Box>\n      {onClick && (\n        <Box ml={{ custom: 'auto' }}>\n          <Icon size={16} render=\"caret\" color=\"marzipan\" rotate={270} />\n        </Box>\n      )}\n    </Wrapper>\n  )\n}\n\ninterface IWrapper {\n  type: SupportMessageType\n  onClick?: MouseEventHandler\n}\n\nconst IconWrapper = styled(Box)`\n  align-self: flex-start;\n`\n\nconst Wrapper = styled(Box)<IWrapper>(\n  ({ type, onClick }) => css`\n    align-items: center;\n    background-color: ${styles[type].backgroundColor};\n    border-radius: 16px;\n    ${onClick && `cursor: pointer`};\n    padding: 12px;\n    display: flex;\n    width: 100%;\n\n    &:hover,\n    &:active {\n      ${onClick && `background-color: ${styles[type].hoverBackgroundColor};`};\n    }\n  `,\n)\n\nconst Title = styled.p`\n  font-size: 16px;\n  font-weight: ${theme.font.weight.medium};\n  color: ${theme.colors.liquorice};\n  line-height: 20.8px;\n  margin-bottom: 4px;\n`\n\nconst DescriptionBox = styled(Box)`\n  color: ${theme.colors.liquorice};\n  font-size: 14px;\n  line-height: 20px;\n`\n\nconst Description = styled(Text)`\n  color: ${theme.colors.liquorice};\n  font-size: 14px;\n  line-height: 20px;\n`\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SupportMessage.js","sourceRoot":"","sources":["../../src/SupportMessage/SupportMessage.tsx"],"names":[],"mappings":"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"}

package/dist/SupportMessage/index.js

@@ -0,0 +1,2 @@
+export * from './SupportMessage';
+//# sourceMappingURL=index.js.map

package/dist/SupportMessage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/SupportMessage/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}

package/dist/Table/Table.js

@@ -1,75 +1,51 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Text } from '../Text/Text.js';
-import { TableHeader } from './components/TableHeader.js';
-import { TableRow } from './components/TableRow.js';
-import { StyledTable, StyledCell } from './components/commonComponents.js';
-
-const Table = ({
-  columns,
-  data,
-  fixedHeader = true,
-  expandable,
-  subTable,
-  subRows,
-  headerHeight,
-  headerColor = "mascarpone",
-  rowColor = "custard",
-  stripedColor,
-  rowBorderColor = "oatmeal",
-  rowActions,
-  clickableRow,
-  rowPadding,
-  columnPadding,
-  noDataContent
-}) => {
-  const showActionsCell = expandable || rowActions;
-  const expandSubProp = showActionsCell ? columns.length + 1 : columns.length;
-  return /* @__PURE__ */ jsxs(StyledTable, { children: [
-    /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx(
-      TableHeader,
-      {
-        columns,
-        fixedHeader,
-        headerHeight,
-        subTable,
-        headerColor,
-        rowActions,
-        columnPadding,
-        expandable
-      }
-    ) }),
-    /* @__PURE__ */ jsxs("tbody", { children: [
-      data.length === 0 && /* @__PURE__ */ jsx(
-        StyledCell,
-        {
-          colSpan: expandSubProp,
-          rowPadding,
-          columnPadding,
-          children: noDataContent ? noDataContent : /* @__PURE__ */ jsx(Text, { align: "center", children: "No available data" })
-        }
-      ),
-      data.length !== 0 && data.map((row, rowIndex) => /* @__PURE__ */ jsx(
-        TableRow,
-        {
-          rowData: row,
-          rowIndex,
-          columns,
-          rowActions,
-          stripedColor,
-          subTable,
-          subRows,
-          rowColor,
-          rowBorderColor,
-          rowPadding,
-          columnPadding,
-          expandable,
-          clickableRow
-        },
-        rowIndex
-      ))
-    ] })
-  ] });
+import React from 'react';
+import { Text } from '../Text';
+import { TableHeader } from './components/TableHeader';
+import { TableRow } from './components/TableRow';
+import { StyledCell, StyledTable } from './components/commonComponents';
+/**
+ * A table component that displays data with various features such as expandable rows, striped rows, and fixed headers.
+ *
+ * Caveats:
+ * - subRows should always have the same columns as the Parent table.
+ * - stripedColor wont be applied to subRows or subTables.
+ * - rowActions will always need an onClick, this will be automatically passed onto the ReactNode you place & will be selectable
+ * - rows will scale depending on the cell content size
+ * - using clickableRow with clickable cells, ensure you use e.stopPropagation in your cells onClick
+ *
+ * Improvements:
+ * - It would be nice if we expandable logic inside this component, e.g the presence of certain props would automatically add this
+ * -
+ *
+ * @template T - The type of data the table displays.
+ * @property {T[]} data - Array of data to be displayed in the table.
+ * @property {TableColumn<T>[]} columns - Array of columns to display in the table.
+ * @property {boolean} [fixedHeader=false] - If true, the table header will be fixed/sticky.
+ * @property {string} [headerHeight] - Sets the height of the header.
+ * @property {function(T): boolean} [expandable] - A function to determine if a row is expandable.
+ * @property {Color} [stripedColor] - If present, the table rows will have alternating colors.
+ * @property {Color} [headerColor='mascarpone'] - The color for the table header.
+ * @property {Color} [rowColor='custard'] - The default color for each table row.
+ * @property {Color} [rowBorderColor='oatmeal'] - The default color for each table row border.
+ * @property {ReactElement} [subTable] - A React element to show when a row is expanded.
+ * @property {Object} [subRows] - Settings for sub rows.
+ * @property {function(T): ReactElement} subRows.rows - Function that returns a React element for the sub row.
+ * @property {boolean} [subRows.showOnExpand=false] - If true, the sub rows will only be shown when the row is expanded.
+ * @property {RowAction<T>[]} [rowActions] - Array of actions that can be performed on each row.
+ * @property {function<T>: void} [clickableRow] - Function to apply to a row, to make the entire row clickable, useful for navigation.
+ * @property {string} [rowPadding] - The Y padding for each row.
+ * @property {string} [columnPadding] - The X padding for each row.
+ * @property {string} [noDataContent] - The text to show when there is no available data to map through.
+ */
+export const Table = ({ columns, data, fixedHeader = true, expandable, subTable, subRows, headerHeight, headerColor = 'mascarpone', rowColor = 'custard', stripedColor, rowBorderColor = 'oatmeal', rowActions, clickableRow, rowPadding, columnPadding, noDataContent, }) => {
+    const showActionsCell = expandable || rowActions;
+    const expandSubProp = showActionsCell ? columns.length + 1 : columns.length;
+    return (React.createElement(StyledTable, null,
+        React.createElement("thead", null,
+            React.createElement(TableHeader, { columns: columns, fixedHeader: fixedHeader, headerHeight: headerHeight, subTable: subTable, headerColor: headerColor, rowActions: rowActions, columnPadding: columnPadding, expandable: expandable })),
+        React.createElement("tbody", null,
+            data.length === 0 && (React.createElement(StyledCell, { colSpan: expandSubProp, rowPadding: rowPadding, columnPadding: columnPadding }, noDataContent ? (noDataContent) : (React.createElement(Text, { align: "center" }, "No available data")))),
+            data.length !== 0 &&
+                data.map((row, rowIndex) => (React.createElement(TableRow, { key: rowIndex, rowData: row, rowIndex: rowIndex, columns: columns, rowActions: rowActions, stripedColor: stripedColor, subTable: subTable, subRows: subRows, rowColor: rowColor, rowBorderColor: rowBorderColor, rowPadding: rowPadding, columnPadding: columnPadding, expandable: expandable, clickableRow: clickableRow }))))));
 };
-
-export { Table };
-//# sourceMappingURL=Table.js.map
+//# sourceMappingURL=Table.js.map

package/dist/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../src/Table/Table.tsx"],"sourcesContent":["import React from 'react'\nimport { Text } from '../Text'\nimport { TableHeader } from './components/TableHeader'\nimport { TableRow } from './components/TableRow'\nimport { StyledCell, StyledTable } from './components/commonComponents'\nimport { TableProps } from './types'\n\n/**\n * A table component that displays data with various features such as expandable rows, striped rows, and fixed headers.\n *\n * Caveats:\n * - subRows should always have the same columns as the Parent table.\n * - stripedColor wont be applied to subRows or subTables.\n * - rowActions will always need an onClick, this will be automatically passed onto the ReactNode you place & will be selectable\n * - rows will scale depending on the cell content size\n * - using clickableRow with clickable cells, ensure you use e.stopPropagation in your cells onClick\n *\n * Improvements:\n * - It would be nice if we expandable logic inside this component, e.g the presence of certain props would automatically add this\n * -\n *\n * @template T - The type of data the table displays.\n * @property {T[]} data - Array of data to be displayed in the table.\n * @property {TableColumn<T>[]} columns - Array of columns to display in the table.\n * @property {boolean} [fixedHeader=false] - If true, the table header will be fixed/sticky.\n * @property {string} [headerHeight] - Sets the height of the header.\n * @property {function(T): boolean} [expandable] - A function to determine if a row is expandable.\n * @property {Color} [stripedColor] - If present, the table rows will have alternating colors.\n * @property {Color} [headerColor='mascarpone'] - The color for the table header.\n * @property {Color} [rowColor='custard'] - The default color for each table row.\n * @property {Color} [rowBorderColor='oatmeal'] - The default color for each table row border.\n * @property {ReactElement} [subTable] - A React element to show when a row is expanded.\n * @property {Object} [subRows] - Settings for sub rows.\n * @property {function(T): ReactElement} subRows.rows - Function that returns a React element for the sub row.\n * @property {boolean} [subRows.showOnExpand=false] - If true, the sub rows will only be shown when the row is expanded.\n * @property {RowAction<T>[]} [rowActions] - Array of actions that can be performed on each row.\n * @property {function<T>: void} [clickableRow] - Function to apply to a row, to make the entire row clickable, useful for navigation.\n * @property {string} [rowPadding] - The Y padding for each row.\n * @property {string} [columnPadding] - The X padding for each row.\n * @property {string} [noDataContent] - The text to show when there is no available data to map through.\n */\nexport const Table = <T extends object>({\n  columns,\n  data,\n  fixedHeader = true,\n  expandable,\n  subTable,\n  subRows,\n  headerHeight,\n  headerColor = 'mascarpone',\n  rowColor = 'custard',\n  stripedColor,\n  rowBorderColor = 'oatmeal',\n  rowActions,\n  clickableRow,\n  rowPadding,\n  columnPadding,\n  noDataContent,\n}: TableProps<T>) => {\n  const showActionsCell = expandable || rowActions\n  const expandSubProp = showActionsCell ? columns.length + 1 : columns.length\n  return (\n    <StyledTable>\n      <thead>\n        <TableHeader\n          columns={columns}\n          fixedHeader={fixedHeader}\n          headerHeight={headerHeight}\n          subTable={subTable}\n          headerColor={headerColor}\n          rowActions={rowActions}\n          columnPadding={columnPadding}\n          expandable={expandable}\n        />\n      </thead>\n      <tbody>\n        {data.length === 0 && (\n          <StyledCell\n            colSpan={expandSubProp}\n            rowPadding={rowPadding}\n            columnPadding={columnPadding}\n          >\n            {noDataContent ? (\n              noDataContent\n            ) : (\n              <Text align=\"center\">No available data</Text>\n            )}\n          </StyledCell>\n        )}\n        {data.length !== 0 &&\n          data.map((row, rowIndex) => (\n            <TableRow\n              key={rowIndex}\n              rowData={row}\n              rowIndex={rowIndex}\n              columns={columns}\n              rowActions={rowActions}\n              stripedColor={stripedColor}\n              subTable={subTable}\n              subRows={subRows}\n              rowColor={rowColor}\n              rowBorderColor={rowBorderColor}\n              rowPadding={rowPadding}\n              columnPadding={columnPadding}\n              expandable={expandable}\n              clickableRow={clickableRow}\n            />\n          ))}\n      </tbody>\n    </StyledTable>\n  )\n}\n"],"names":[],"mappings":";;;;;;AAyCO,MAAM,QAAQ,CAAmB;AAAA,EACtC,OAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAc,GAAA,IAAA;AAAA,EACd,UAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAc,GAAA,YAAA;AAAA,EACd,QAAW,GAAA,SAAA;AAAA,EACX,YAAA;AAAA,EACA,cAAiB,GAAA,SAAA;AAAA,EACjB,UAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AACF,CAAqB,KAAA;AACnB,EAAA,MAAM,kBAAkB,UAAc,IAAA,UAAA,CAAA;AACtC,EAAA,MAAM,aAAgB,GAAA,eAAA,GAAkB,OAAQ,CAAA,MAAA,GAAS,IAAI,OAAQ,CAAA,MAAA,CAAA;AACrE,EAAA,4BACG,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,OACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,OAAA;AAAA,QACA,WAAA;AAAA,QACA,YAAA;AAAA,QACA,QAAA;AAAA,QACA,WAAA;AAAA,QACA,UAAA;AAAA,QACA,aAAA;AAAA,QACA,UAAA;AAAA,OAAA;AAAA,KAEJ,EAAA,CAAA;AAAA,yBACC,OACE,EAAA,EAAA,QAAA,EAAA;AAAA,MAAA,IAAA,CAAK,WAAW,CACf,oBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,OAAS,EAAA,aAAA;AAAA,UACT,UAAA;AAAA,UACA,aAAA;AAAA,UAEC,0BACC,aAEA,mBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAM,UAAS,QAAiB,EAAA,mBAAA,EAAA,CAAA;AAAA,SAAA;AAAA,OAE1C;AAAA,MAED,KAAK,MAAW,KAAA,CAAA,IACf,KAAK,GAAI,CAAA,CAAC,KAAK,QACb,qBAAA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UAEC,OAAS,EAAA,GAAA;AAAA,UACT,QAAA;AAAA,UACA,OAAA;AAAA,UACA,UAAA;AAAA,UACA,YAAA;AAAA,UACA,QAAA;AAAA,UACA,OAAA;AAAA,UACA,QAAA;AAAA,UACA,cAAA;AAAA,UACA,UAAA;AAAA,UACA,aAAA;AAAA,UACA,UAAA;AAAA,UACA,YAAA;AAAA,SAAA;AAAA,QAbK,QAAA;AAAA,OAeR,CAAA;AAAA,KACL,EAAA,CAAA;AAAA,GACF,EAAA,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../src/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAGvE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAmB,EACtC,OAAO,EACP,IAAI,EACJ,WAAW,GAAG,IAAI,EAClB,UAAU,EACV,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,WAAW,GAAG,YAAY,EAC1B,QAAQ,GAAG,SAAS,EACpB,YAAY,EACZ,cAAc,GAAG,SAAS,EAC1B,UAAU,EACV,YAAY,EACZ,UAAU,EACV,aAAa,EACb,aAAa,GACC,EAAE,EAAE;IAClB,MAAM,eAAe,GAAG,UAAU,IAAI,UAAU,CAAA;IAChD,MAAM,aAAa,GAAG,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAA;IAC3E,OAAO,CACL,oBAAC,WAAW;QACV;YACE,oBAAC,WAAW,IACV,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,GACtB,CACI;QACR;YACG,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,CACpB,oBAAC,UAAU,IACT,OAAO,EAAE,aAAa,EACtB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,IAE3B,aAAa,CAAC,CAAC,CAAC,CACf,aAAa,CACd,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,wBAAyB,CAC9C,CACU,CACd;YACA,IAAI,CAAC,MAAM,KAAK,CAAC;gBAChB,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CAC1B,oBAAC,QAAQ,IACP,GAAG,EAAE,QAAQ,EACb,OAAO,EAAE,GAAG,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,GAC1B,CACH,CAAC,CACE,CACI,CACf,CAAA;AACH,CAAC,CAAA"}