@mrshmllw/smores-react 6.0.1 → 6.0.2

package/dist/vitest.config.js

@@ -0,0 +1,10 @@
+import { defineConfig } from 'vitest/config';
+export default defineConfig({
+    test: {
+        environment: 'jsdom',
+        globals: true,
+        include: ['src/**/__tests__/*'],
+        exclude: ['**/node_modules/**', '**/*.stories.js', 'src/utils/**'],
+    },
+});
+//# sourceMappingURL=vitest.config.js.map

package/dist/vitest.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vitest.config.js","sourceRoot":"","sources":["../vitest.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAE5C,eAAe,YAAY,CAAC;IAC1B,IAAI,EAAE;QACJ,WAAW,EAAE,OAAO;QACpB,OAAO,EAAE,IAAI;QACb,OAAO,EAAE,CAAC,oBAAoB,CAAC;QAC/B,OAAO,EAAE,CAAC,oBAAoB,EAAE,iBAAiB,EAAE,cAAc,CAAC;KACnE;CACF,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mrshmllw/smores-react",
-  "version": "6.0.1",
+  "version": "6.0.2",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -16,11 +16,11 @@
     "dist"
   ],
   "scripts": {
-    "build": "vite build",
+    "build": "tsc --p ./tsconfig.build.json",
     "build-storybook": "storybook build -c .storybook -s public",
     "check-types": "tsc --noEmit",
     "deploy-storybook": "storybook-to-ghpages",
-    "prepublishOnly": "vite build",
+    "prepublishOnly": "npm run build",
     "start": "npm run storybook",
     "storybook": "storybook dev -p 6006",
     "test:coverage": "vitest --coverage --silent",
@@ -34,6 +34,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.20.12",
+    "@babel/eslint-parser": "^7.23.10",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-react": "^7.18.6",
@@ -54,14 +55,9 @@
     "@types/react": "^18.0.24",
     "@types/react-dom": "^18.0.8",
     "@types/styled-components": "^5.1.3",
-    "@types/svgo": "^3.0.0",
     "@types/testing-library__react": "^10.2.0",
-    "@types/uuid": "^9.0.5",
     "@typescript-eslint/eslint-plugin": "^6.0.0",
     "@typescript-eslint/parser": "^6.2.0",
-    "@vitejs/plugin-react": "^4.2.1",
-    "babel-eslint": "^10.1.0",
-    "babel-loader": "^9.1.0",
     "conventional-changelog-conventionalcommits": "^7.0.2",
     "eslint": "^7.9.0",
     "eslint-config-prettier": "^9.0.0",
@@ -76,17 +72,12 @@
     "storybook": "^7.0.6",
     "styled-components": "^5.2.1",
     "typescript": "^5.0.2",
-    "vite": "^5.0.12",
-    "vite-plugin-dts": "^3.7.0",
-    "vite-plugin-svgr": "^4.2.0",
     "vitest": "^1.2.2"
   },
   "dependencies": {
     "body-scroll-lock": "^4.0.0-beta.0",
     "date-fns": "^2.16.1",
-    "polished": "^4.1.3",
-    "vite": "^4.5.1",
-    "vite-plugin-svgr": "^4.2.0"
+    "polished": "^4.1.3"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17 || ^18",

package/dist/Accordion/Accordion.js

@@ -1,108 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
-import styled, { css } from 'styled-components';
-import { Box } from '../Box/Box.js';
-import { Icon } from '../Icon/Icon.js';
-import { theme } from '../theme.js';
-import { Text } from '../Text/Text.js';
-
-const Accordion = ({
-  title,
-  children,
-  onToggle,
-  filledBackground,
-  defaultIsOpen = false,
-  borderTop = false,
-  borderColor = "oatmeal",
-  backgroundColor = "custard",
-  subTitle,
-  fullBorder = false,
-  ...marginProps
-}) => {
-  const [isOpen, setIsOpen] = useState(defaultIsOpen);
-  const px = fullBorder ? "16px" : "0";
-  const handleToggle = () => {
-    const nextOpenState = !isOpen;
-    onToggle?.(nextOpenState);
-    setIsOpen(nextOpenState);
-  };
-  return /* @__PURE__ */ jsxs(
-    Wrapper,
-    {
-      borderTop,
-      fullBorder,
-      filledBackground,
-      borderColor,
-      backgroundColor,
-      ...marginProps,
-      children: [
-        /* @__PURE__ */ jsxs(
-          TopContainer,
-          {
-            flex: true,
-            alignItems: "center",
-            justifyContent: "space-between",
-            onClick: handleToggle,
-            py: "16px",
-            pr: "16px",
-            pl: px,
-            children: [
-              /* @__PURE__ */ jsxs(TitleContainer, { children: [
-                /* @__PURE__ */ jsx(Text, { tag: "h2", typo: "headline-regular", color: "liquorice", children: title }),
-                subTitle && /* @__PURE__ */ jsx(Text, { tag: "label", color: "liquorice", typo: "label", mt: { custom: 4 }, children: subTitle })
-              ] }),
-              /* @__PURE__ */ jsx(
-                CaretIcon,
-                {
-                  render: "caret",
-                  size: 24,
-                  color: "marzipan",
-                  isOpen,
-                  borderTop
-                }
-              )
-            ]
-          }
-        ),
-        isOpen && /* @__PURE__ */ jsx(Box, { pt: "12px", pb: "16px", px, children })
-      ]
-    }
-  );
-};
-const Wrapper = styled(Box)(
-  ({
-    borderTop,
-    fullBorder,
-    filledBackground,
-    borderColor = "oatmeal",
-    backgroundColor = "custard"
-  }) => css`
-    border-bottom: 1px solid ${theme.colors[borderColor]};
-    ${borderTop && `border-top: 1px solid ${theme.colors[borderColor]};`}
-
-    ${fullBorder && css`
-      border: 1px solid ${theme.colors[borderColor]};
-      border-radius: 16px;
-    `}
-
-    ${filledBackground && css`
-      background-color: ${theme.colors[backgroundColor]};
-    `}
-  `
-);
-const TitleContainer = styled.div`
-  display: flex;
-  flex-direction: column;
-`;
-const TopContainer = styled(Box)`
-  cursor: pointer;
-`;
-const CaretIcon = styled(Icon)(
-  ({ isOpen }) => css`
-    transform: ${isOpen ? "rotate(180deg)" : "rotate(0deg)"};
-    transition: transform 0.6s ease;
-  `
-);
-
-export { Accordion };
-//# sourceMappingURL=Accordion.js.map

package/dist/Accordion/Accordion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.js","sources":["../../src/Accordion/Accordion.tsx"],"sourcesContent":["import React, { FC, ReactNode, useState } from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { Box } from '../Box'\nimport { Icon } from '../Icon'\nimport { theme } from '../theme'\nimport { Text } from '../Text'\nimport { MarginProps } from '../utils/space'\n\nexport type AccordionProps = {\n  title: string\n  subTitle?: string\n  filledBackground?: boolean\n  borderTop?: boolean\n  borderColor?: 'oatmeal' | 'custard' | 'cream' | 'coconut'\n  fullBorder?: boolean\n  backgroundColor?: 'oatmeal' | 'custard' | 'cream' | 'coconut'\n  onToggle?: (isOpen: boolean) => void\n  children: ReactNode\n  defaultIsOpen?: boolean\n} & MarginProps\n\nexport const Accordion: FC<AccordionProps> = ({\n  title,\n  children,\n  onToggle,\n  filledBackground,\n  defaultIsOpen = false,\n  borderTop = false,\n  borderColor = 'oatmeal',\n  backgroundColor = 'custard',\n  subTitle,\n  fullBorder = false,\n  ...marginProps\n}) => {\n  const [isOpen, setIsOpen] = useState(defaultIsOpen)\n  const px = fullBorder ? '16px' : '0'\n\n  const handleToggle = () => {\n    const nextOpenState = !isOpen\n    onToggle?.(nextOpenState)\n    setIsOpen(nextOpenState)\n  }\n\n  return (\n    <Wrapper\n      borderTop={borderTop}\n      fullBorder={fullBorder}\n      filledBackground={filledBackground}\n      borderColor={borderColor}\n      backgroundColor={backgroundColor}\n      {...marginProps}\n    >\n      <TopContainer\n        flex\n        alignItems=\"center\"\n        justifyContent=\"space-between\"\n        onClick={handleToggle}\n        py=\"16px\"\n        pr=\"16px\"\n        pl={px}\n      >\n        <TitleContainer>\n          <Text tag=\"h2\" typo=\"headline-regular\" color=\"liquorice\">\n            {title}\n          </Text>\n          {subTitle && (\n            <Text tag=\"label\" color=\"liquorice\" typo=\"label\" mt={{ custom: 4 }}>\n              {subTitle}\n            </Text>\n          )}\n        </TitleContainer>\n\n        <CaretIcon\n          render=\"caret\"\n          size={24}\n          color=\"marzipan\"\n          isOpen={isOpen}\n          borderTop={borderTop}\n        />\n      </TopContainer>\n      {isOpen && (\n        <Box pt=\"12px\" pb=\"16px\" px={px}>\n          {children}\n        </Box>\n      )}\n    </Wrapper>\n  )\n}\n\ninterface IAccordion {\n  isOpen: boolean\n  borderTop?: boolean\n  fullBorder?: boolean\n  filledBackground?: boolean\n  borderColor?: 'oatmeal' | 'custard' | 'cream' | 'coconut'\n  backgroundColor?: 'oatmeal' | 'custard' | 'cream' | 'coconut'\n}\n\nconst Wrapper = styled(Box)<Omit<IAccordion, 'isOpen'>>(\n  ({\n    borderTop,\n    fullBorder,\n    filledBackground,\n    borderColor = 'oatmeal',\n    backgroundColor = 'custard',\n  }) => css`\n    border-bottom: 1px solid ${theme.colors[borderColor]};\n    ${borderTop && `border-top: 1px solid ${theme.colors[borderColor]};`}\n\n    ${fullBorder &&\n    css`\n      border: 1px solid ${theme.colors[borderColor]};\n      border-radius: 16px;\n    `}\n\n    ${filledBackground &&\n    css`\n      background-color: ${theme.colors[backgroundColor]};\n    `}\n  `,\n)\n\nconst TitleContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n`\nconst TopContainer = styled(Box)`\n  cursor: pointer;\n`\n\nconst CaretIcon = styled(Icon)<IAccordion>(\n  ({ isOpen }) => css`\n    transform: ${isOpen ? 'rotate(180deg)' : 'rotate(0deg)'};\n    transition: transform 0.6s ease;\n  `,\n)\n"],"names":[],"mappings":"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"}

package/dist/ActionDropdown/ActionDropdown.js

@@ -1,103 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState } 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 { List } from './List.js';
-import { theme } from '../theme.js';
-
-const ActionDropdown = ({
-  id,
-  className = "",
-  label,
-  value,
-  list,
-  onSelect,
-  ...marginProps
-}) => {
-  const [open, setOpen] = useState(false);
-  return /* @__PURE__ */ jsxs(
-    Container,
-    {
-      id,
-      className,
-      onClick: () => setOpen((currentOpen) => !currentOpen),
-      ...marginProps,
-      children: [
-        label && /* @__PURE__ */ jsx(Text, { tag: "label", color: "sesame", typo: "label", children: label }),
-        /* @__PURE__ */ jsxs(
-          Label,
-          {
-            text: value.textColor ?? "liquorice",
-            bg: value.bgColor ?? "sesame",
-            children: [
-              /* @__PURE__ */ jsx(SelectedOption, { children: value.label }),
-              /* @__PURE__ */ jsx(
-                Icon,
-                {
-                  render: "caret",
-                  color: value.textColor ?? "sesame",
-                  size: 24,
-                  rotate: open ? 180 : 0
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(OuterContainer, { open, children: /* @__PURE__ */ jsx(List, { options: list, selectOption: onSelect }) })
-      ]
-    }
-  );
-};
-const Label = styled.div(
-  ({ text, bg }) => css`
-    color: ${theme.colors[text]};
-    background-color: ${theme.colors[bg]};
-    position: relative;
-    width: 100%;
-    height: 48px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    text-align: center;
-    border-radius: 64px;
-    padding: 16px 16px 14px;
-    box-sizing: border-box;
-    user-select: none;
-  `
-);
-const SelectedOption = styled.span`
-  font-size: 14px;
-  font-weight: bold;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`;
-const Container = styled(Box)`
-  position: relative;
-  display: block;
-  width: 210px;
-  height: 48px;
-  text-align: center;
-  cursor: pointer;
-  outline: none;
-  border-radius: 8px;
-`;
-const OuterContainer = styled.div(
-  ({ open }) => css`
-    position: absolute;
-    width: 100%;
-    border-radius: 12px;
-    margin-top: 8px;
-    display: ${open ? "block" : "none"};
-    max-height: ${open ? "235px" : "48px"};
-    background-color: ${theme.colors.custard};
-    overflow-y: ${open ? "auto" : "hidden"};
-    z-index: 4;
-    transition: all 0.2s ease-in-out;
-  `
-);
-
-export { ActionDropdown };
-//# sourceMappingURL=ActionDropdown.js.map

package/dist/ActionDropdown/ActionDropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionDropdown.js","sources":["../../src/ActionDropdown/ActionDropdown.tsx"],"sourcesContent":["import React, { FC, useState } from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { Box } from '../Box'\nimport { Icon } from '../Icon'\nimport { Text } from '../Text'\nimport { ActionListItem, List } from './List'\n\nimport { Color, theme } from '../theme'\nimport { MarginProps } from '../utils/space'\n\nexport type ActionDropdownProps = {\n  id?: string\n  className?: string\n  /** label displayed above the dropdown  */\n  label?: string\n  /** value */\n  value: ActionListItem\n  /** list of items for the dropdown list */\n  list: ActionListItem[]\n  /** onSelect handler */\n  onSelect: (action: ActionListItem) => void\n} & MarginProps\n\nexport const ActionDropdown: FC<ActionDropdownProps> = ({\n  id,\n  className = '',\n  label,\n  value,\n  list,\n  onSelect,\n  ...marginProps\n}) => {\n  const [open, setOpen] = useState(false)\n\n  return (\n    <Container\n      id={id}\n      className={className}\n      onClick={() => setOpen((currentOpen) => !currentOpen)}\n      {...marginProps}\n    >\n      {label && (\n        <Text tag=\"label\" color=\"sesame\" typo=\"label\">\n          {label}\n        </Text>\n      )}\n\n      <Label\n        text={value.textColor ?? 'liquorice'}\n        bg={value.bgColor ?? 'sesame'}\n      >\n        <SelectedOption>{value.label}</SelectedOption>\n        <Icon\n          render=\"caret\"\n          color={value.textColor ?? 'sesame'}\n          size={24}\n          rotate={open ? 180 : 0}\n        />\n      </Label>\n      <OuterContainer open={open}>\n        <List options={list} selectOption={onSelect} />\n      </OuterContainer>\n    </Container>\n  )\n}\n\ninterface ISelected {\n  text: Color\n  bg: Color\n}\n\nconst Label = styled.div<ISelected>(\n  ({ text, bg }) => css`\n    color: ${theme.colors[text]};\n    background-color: ${theme.colors[bg]};\n    position: relative;\n    width: 100%;\n    height: 48px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    text-align: center;\n    border-radius: 64px;\n    padding: 16px 16px 14px;\n    box-sizing: border-box;\n    user-select: none;\n  `,\n)\n\nconst SelectedOption = styled.span`\n  font-size: 14px;\n  font-weight: bold;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n`\n\nconst Container = styled(Box)`\n  position: relative;\n  display: block;\n  width: 210px;\n  height: 48px;\n  text-align: center;\n  cursor: pointer;\n  outline: none;\n  border-radius: 8px;\n`\n\ninterface IOpen {\n  open: boolean\n}\n\nconst OuterContainer = styled.div<IOpen>(\n  ({ open }) => css`\n    position: absolute;\n    width: 100%;\n    border-radius: 12px;\n    margin-top: 8px;\n    display: ${open ? 'block' : 'none'};\n    max-height: ${open ? '235px' : '48px'};\n    background-color: ${theme.colors.custard};\n    overflow-y: ${open ? 'auto' : 'hidden'};\n    z-index: 4;\n    transition: all 0.2s ease-in-out;\n  `,\n)\n"],"names":[],"mappings":";;;;;;;;;AAwBO,MAAM,iBAA0C,CAAC;AAAA,EACtD,EAAA;AAAA,EACA,SAAY,GAAA,EAAA;AAAA,EACZ,KAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG,WAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAEtC,EACE,uBAAA,IAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAS,MAAM,OAAA,CAAQ,CAAC,WAAA,KAAgB,CAAC,WAAW,CAAA;AAAA,MACnD,GAAG,WAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QACC,KAAA,oBAAA,GAAA,CAAC,QAAK,GAAI,EAAA,OAAA,EAAQ,OAAM,QAAS,EAAA,IAAA,EAAK,SACnC,QACH,EAAA,KAAA,EAAA,CAAA;AAAA,wBAGF,IAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAM,MAAM,SAAa,IAAA,WAAA;AAAA,YACzB,EAAA,EAAI,MAAM,OAAW,IAAA,QAAA;AAAA,YAErB,QAAA,EAAA;AAAA,8BAAC,GAAA,CAAA,cAAA,EAAA,EAAgB,gBAAM,KAAM,EAAA,CAAA;AAAA,8BAC7B,GAAA;AAAA,gBAAC,IAAA;AAAA,gBAAA;AAAA,kBACC,MAAO,EAAA,OAAA;AAAA,kBACP,KAAA,EAAO,MAAM,SAAa,IAAA,QAAA;AAAA,kBAC1B,IAAM,EAAA,EAAA;AAAA,kBACN,MAAA,EAAQ,OAAO,GAAM,GAAA,CAAA;AAAA,iBAAA;AAAA,eACvB;AAAA,aAAA;AAAA,WAAA;AAAA,SACF;AAAA,wBACA,GAAA,CAAC,kBAAe,IACd,EAAA,QAAA,kBAAA,GAAA,CAAC,QAAK,OAAS,EAAA,IAAA,EAAM,YAAc,EAAA,QAAA,EAAU,CAC/C,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ,EAAA;AAOA,MAAM,QAAQ,MAAO,CAAA,GAAA;AAAA,EACnB,CAAC,EAAE,IAAM,EAAA,EAAA,EAAS,KAAA,GAAA,CAAA;AAAA,WACP,EAAA,KAAA,CAAM,MAAO,CAAA,IAAI,CAAC,CAAA;AAAA,sBACP,EAAA,KAAA,CAAM,MAAO,CAAA,EAAE,CAAC,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,CAAA;AAaxC,CAAA,CAAA;AAEA,MAAM,iBAAiB,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAQ9B,MAAM,SAAA,GAAY,OAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAe5B,MAAM,iBAAiB,MAAO,CAAA,GAAA;AAAA,EAC5B,CAAC,EAAE,IAAA,EAAW,KAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAKD,EAAA,IAAA,GAAO,UAAU,MAAM,CAAA;AAAA,gBACpB,EAAA,IAAA,GAAO,UAAU,MAAM,CAAA;AAAA,sBACjB,EAAA,KAAA,CAAM,OAAO,OAAO,CAAA;AAAA,gBAC1B,EAAA,IAAA,GAAO,SAAS,QAAQ,CAAA;AAAA;AAAA;AAAA,EAAA,CAAA;AAI1C,CAAA;;;;"}

package/dist/ActionDropdown/List.js

@@ -1,33 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import styled from 'styled-components';
-import { theme } from '../theme.js';
-import { darken } from 'polished';
-
-const List = ({ options, selectOption }) => /* @__PURE__ */ jsx(Container, { children: options.map((option) => /* @__PURE__ */ jsx(ListItem, { onClick: () => selectOption(option), children: option.label }, option.value)) });
-const Container = styled.ul`
-  padding: 0;
-  margin: 0;
-  max-height: 188px;
-`;
-const ListItem = styled.li`
-  padding: 16px 24px;
-  text-align: left;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  box-sizing: border-box;
-  font-size: 14px;
-  cursor: pointer;
-  color: ${theme.colors.liquorice};
-
-  &:hover {
-    background-color: ${darken(0.1, theme.colors.custard)};
-  }
-
-  &:last-child {
-    border-bottom: none;
-  }
-`;
-
-export { List };
-//# sourceMappingURL=List.js.map

package/dist/ActionDropdown/List.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"List.js","sources":["../../src/ActionDropdown/List.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport styled from 'styled-components'\n\nimport { Color, theme } from '../theme'\nimport { darken } from 'polished'\n\nexport type ActionListItem = {\n  label: string\n  value: string\n  bgColor?: Color\n  textColor?: Color\n}\n\ntype Props = {\n  options: ActionListItem[]\n  selectOption: (option: ActionListItem) => void\n}\n\nexport const List: FC<Props> = ({ options, selectOption }) => (\n  <Container>\n    {options.map((option) => (\n      <ListItem key={option.value} onClick={() => selectOption(option)}>\n        {option.label}\n      </ListItem>\n    ))}\n  </Container>\n)\n\nconst Container = styled.ul`\n  padding: 0;\n  margin: 0;\n  max-height: 188px;\n`\n\nconst ListItem = styled.li`\n  padding: 16px 24px;\n  text-align: left;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  box-sizing: border-box;\n  font-size: 14px;\n  cursor: pointer;\n  color: ${theme.colors.liquorice};\n\n  &:hover {\n    background-color: ${darken(0.1, theme.colors.custard)};\n  }\n\n  &:last-child {\n    border-bottom: none;\n  }\n`\n"],"names":[],"mappings":";;;;;AAkBa,MAAA,IAAA,GAAkB,CAAC,EAAE,OAAS,EAAA,YAAA,uBACxC,GAAA,CAAA,SAAA,EAAA,EACE,QAAQ,EAAA,OAAA,CAAA,GAAA,CAAI,CAAC,MAAA,yBACX,QAA4B,EAAA,EAAA,OAAA,EAAS,MAAM,YAAA,CAAa,MAAM,CAAA,EAC5D,iBAAO,KADK,EAAA,EAAA,MAAA,CAAO,KAEtB,CACD,CACH,EAAA,EAAA;AAGF,MAAM,YAAY,MAAO,CAAA,EAAA,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAMzB,MAAM,WAAW,MAAO,CAAA,EAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SASb,EAAA,KAAA,CAAM,OAAO,SAAS,CAAA;AAAA;AAAA;AAAA,sBAAA,EAGT,MAAO,CAAA,GAAA,EAAK,KAAM,CAAA,MAAA,CAAO,OAAO,CAAC,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;;;;"}

package/dist/Banner/BannerContainer.js

@@ -1,53 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { createContext, useContext, useState, useCallback } from 'react';
-import styled from 'styled-components';
-import { BannerItem } from './BannerItem.js';
-
-const BannerContext = createContext({
-  addBanner: () => {
-    throw new Error("Please add the BannerContainer to your application");
-  }
-});
-const useBannerContext = () => useContext(BannerContext);
-const BannerContainer = ({ children }) => {
-  let bannerId = 0;
-  const [banner, setBanner] = useState([]);
-  const newBannerId = useCallback(() => {
-    const newId = `MM_BANNER_${bannerId}`;
-    bannerId++;
-    return newId;
-  }, [bannerId]);
-  const addBanner = (banner2) => {
-    const newBanner = {
-      ...banner2,
-      id: newBannerId()
-    };
-    setBanner([newBanner]);
-  };
-  const deleteBanner = (id) => {
-    setBanner(banner.filter((banner2) => banner2.id !== id));
-  };
-  return /* @__PURE__ */ jsxs(
-    BannerContext.Provider,
-    {
-      value: {
-        addBanner
-      },
-      children: [
-        children,
-        /* @__PURE__ */ jsx(BannerWrapper, { children: banner.map((banner2) => /* @__PURE__ */ jsx(BannerItem, { ...banner2, deleteBanner }, banner2.id)) })
-      ]
-    }
-  );
-};
-const BannerWrapper = styled.div`
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  width: 100%;
-  z-index: 99;
-`;
-
-export { BannerContainer, BannerContext, useBannerContext };
-//# sourceMappingURL=BannerContainer.js.map

package/dist/Banner/BannerContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BannerContainer.js","sources":["../../src/Banner/BannerContainer.tsx"],"sourcesContent":["import React, {\n  createContext,\n  FC,\n  useState,\n  useCallback,\n  ReactNode,\n  useContext,\n} from 'react'\nimport styled from 'styled-components'\nimport { BannerItem } from './BannerItem'\nimport { CreateBanner, Banner, BannerContextType } from './types'\n\nexport const BannerContext = createContext<BannerContextType>({\n  addBanner: () => {\n    throw new Error('Please add the BannerContainer to your application')\n  },\n})\n\nexport const useBannerContext = () => useContext(BannerContext)\n\nexport const BannerContainer: FC<{ children?: ReactNode }> = ({ children }) => {\n  let bannerId = 0\n  const [banner, setBanner] = useState<Banner[]>([])\n\n  // create banner unique ID\n  const newBannerId = useCallback(() => {\n    const newId = `MM_BANNER_${bannerId}`\n    bannerId++\n    return newId\n  }, [bannerId])\n\n  const addBanner = (banner: CreateBanner) => {\n    const newBanner = {\n      ...banner,\n      id: newBannerId(),\n    }\n    setBanner([newBanner])\n  }\n\n  const deleteBanner = (id: string) => {\n    setBanner(banner.filter((banner) => banner.id !== id))\n  }\n\n  return (\n    <BannerContext.Provider\n      value={{\n        addBanner,\n      }}\n    >\n      {children}\n      <BannerWrapper>\n        {banner.map((banner) => (\n          <BannerItem key={banner.id} {...banner} deleteBanner={deleteBanner} />\n        ))}\n      </BannerWrapper>\n    </BannerContext.Provider>\n  )\n}\n\nconst BannerWrapper = styled.div`\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  width: 100%;\n  z-index: 99;\n`\n"],"names":["banner"],"mappings":";;;;;AAYO,MAAM,gBAAgB,aAAiC,CAAA;AAAA,EAC5D,WAAW,MAAM;AACf,IAAM,MAAA,IAAI,MAAM,oDAAoD,CAAA,CAAA;AAAA,GACtE;AACF,CAAC,EAAA;AAEY,MAAA,gBAAA,GAAmB,MAAM,UAAA,CAAW,aAAa,EAAA;AAEvD,MAAM,eAAgD,GAAA,CAAC,EAAE,QAAA,EAAe,KAAA;AAC7E,EAAA,IAAI,QAAW,GAAA,CAAA,CAAA;AACf,EAAA,MAAM,CAAC,MAAQ,EAAA,SAAS,CAAI,GAAA,QAAA,CAAmB,EAAE,CAAA,CAAA;AAGjD,EAAM,MAAA,WAAA,GAAc,YAAY,MAAM;AACpC,IAAM,MAAA,KAAA,GAAQ,aAAa,QAAQ,CAAA,CAAA,CAAA;AACnC,IAAA,QAAA,EAAA,CAAA;AACA,IAAO,OAAA,KAAA,CAAA;AAAA,GACT,EAAG,CAAC,QAAQ,CAAC,CAAA,CAAA;AAEb,EAAM,MAAA,SAAA,GAAY,CAACA,OAAyB,KAAA;AAC1C,IAAA,MAAM,SAAY,GAAA;AAAA,MAChB,GAAGA,OAAAA;AAAA,MACH,IAAI,WAAY,EAAA;AAAA,KAClB,CAAA;AACA,IAAU,SAAA,CAAA,CAAC,SAAS,CAAC,CAAA,CAAA;AAAA,GACvB,CAAA;AAEA,EAAM,MAAA,YAAA,GAAe,CAAC,EAAe,KAAA;AACnC,IAAA,SAAA,CAAU,OAAO,MAAO,CAAA,CAACA,YAAWA,OAAO,CAAA,EAAA,KAAO,EAAE,CAAC,CAAA,CAAA;AAAA,GACvD,CAAA;AAEA,EACE,uBAAA,IAAA;AAAA,IAAC,aAAc,CAAA,QAAA;AAAA,IAAd;AAAA,MACC,KAAO,EAAA;AAAA,QACL,SAAA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBACA,GAAA,CAAA,aAAA,EAAA,EACE,QAAO,EAAA,MAAA,CAAA,GAAA,CAAI,CAACA,OACX,qBAAA,GAAA,CAAC,UAA4B,EAAA,EAAA,GAAGA,OAAQ,EAAA,YAAA,EAAA,EAAvBA,OAAO,CAAA,EAA4C,CACrE,CACH,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ,EAAA;AAEA,MAAM,gBAAgB,MAAO,CAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;;;;"}

package/dist/Banner/BannerItem.js

@@ -1,123 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Box } from '../Box/Box.js';
-import styled, { css } 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 styles = {
-  upsell: {
-    iconColor: "liquorice",
-    backgroundColor: theme.colors.marshmallowPink,
-    textColor: "liquorice"
-  },
-  critical: {
-    iconColor: "mascarpone",
-    backgroundColor: theme.colors.strawberry,
-    textColor: "mascarpone"
-  },
-  general: {
-    iconColor: "mascarpone",
-    backgroundColor: theme.colors.liquorice,
-    textColor: "mascarpone"
-  },
-  success: {
-    iconColor: "mascarpone",
-    backgroundColor: theme.colors.apple,
-    textColor: "mascarpone"
-  }
-};
-const BannerItem = ({
-  type,
-  autoCloseTime = 4,
-  id,
-  message,
-  topOffset,
-  exploreAction,
-  showExploreText,
-  showExploreIcon,
-  leadingIcon,
-  canManuallyClose,
-  showCloseIcon,
-  deleteBanner,
-  noTimeout
-}) => {
-  const autoCloseBaner = () => {
-    if (noTimeout)
-      return;
-    if (type !== "critical")
-      return deleteBanner(id);
-    else {
-      return;
-    }
-  };
-  useTimeout(() => autoCloseBaner(), autoCloseTime * 1e3);
-  const textColor = styles[type].textColor;
-  const iconColor = styles[type].iconColor;
-  return /* @__PURE__ */ jsxs(
-    BannerWrapper,
-    {
-      p: "24px",
-      mt: { custom: topOffset },
-      flex: true,
-      justifyContent: "space-between",
-      type,
-      children: [
-        /* @__PURE__ */ jsxs(Box, { flex: true, alignItems: "center", children: [
-          leadingIcon && /* @__PURE__ */ jsx(Icon, { mr: "12px", render: leadingIcon, size: 24, color: iconColor }),
-          /* @__PURE__ */ jsx(Text, { typo: "headline-small", color: textColor, children: message })
-        ] }),
-        /* @__PURE__ */ jsxs(Box, { flex: true, alignItems: "center", children: [
-          canManuallyClose && /* @__PURE__ */ jsx(
-            GenericButton,
-            {
-              onClick: () => deleteBanner(id),
-              "aria-label": `close banner ${message}`,
-              children: showCloseIcon ? /* @__PURE__ */ jsx(Icon, { render: "cross", size: 16, color: iconColor }) : /* @__PURE__ */ jsx(UnderlinedText, { tag: "span", typo: "desc-medium", color: textColor, children: "Dismiss" })
-            }
-          ),
-          exploreAction && /* @__PURE__ */ jsx(GenericButton, { onClick: exploreAction, "aria-label": `cta ${message}`, children: /* @__PURE__ */ jsxs(Box, { flex: true, alignItems: "center", children: [
-            showExploreText && /* @__PURE__ */ jsx(
-              UnderlinedText,
-              {
-                ml: "12px",
-                tag: "span",
-                typo: "desc-medium",
-                color: textColor,
-                children: "Explore"
-              }
-            ),
-            showExploreIcon && /* @__PURE__ */ jsx(
-              Icon,
-              {
-                render: "arrow",
-                ml: "12px",
-                size: 24,
-                color: iconColor,
-                rotate: 180
-              }
-            )
-          ] }) })
-        ] })
-      ]
-    },
-    id
-  );
-};
-const BannerWrapper = styled(Box)(
-  ({ type }) => css`
-    border-radius: 0px 0px 16px 16px;
-    background-color: ${styles[type].backgroundColor};
-  `
-);
-const GenericButton = styled.button`
-  cursor: pointer;
-`;
-const UnderlinedText = styled(Text)`
-  text-decoration: underline;
-`;
-
-export { BannerItem };
-//# sourceMappingURL=BannerItem.js.map

package/dist/Banner/BannerItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BannerItem.js","sources":["../../src/Banner/BannerItem.tsx"],"sourcesContent":["import { Box } from '../Box'\nimport React, { FC } from 'react'\nimport styled, { css } from 'styled-components'\nimport { Icon } from '../Icon'\nimport { Color, theme } from '../theme'\nimport { Text } from '../Text'\nimport { Banner } from './types'\nimport { useTimeout } from '../hooks'\n\ntype StylesItem = {\n  iconColor: Color\n  backgroundColor: string\n  textColor: Color\n}\n\ntype BannerType = 'upsell' | 'critical' | 'general' | 'success'\n\nconst styles: Record<BannerType, StylesItem> = {\n  upsell: {\n    iconColor: 'liquorice',\n    backgroundColor: theme.colors.marshmallowPink,\n    textColor: 'liquorice',\n  },\n  critical: {\n    iconColor: 'mascarpone',\n    backgroundColor: theme.colors.strawberry,\n    textColor: 'mascarpone',\n  },\n  general: {\n    iconColor: 'mascarpone',\n    backgroundColor: theme.colors.liquorice,\n    textColor: 'mascarpone',\n  },\n  success: {\n    iconColor: 'mascarpone',\n    backgroundColor: theme.colors.apple,\n    textColor: 'mascarpone',\n  },\n}\n\ninterface Props extends Banner {\n  deleteBanner: (id: string) => void\n}\n\nexport const BannerItem: FC<Props> = ({\n  type,\n  autoCloseTime = 4,\n  id,\n  message,\n  topOffset,\n  exploreAction,\n  showExploreText,\n  showExploreIcon,\n  leadingIcon,\n  canManuallyClose,\n  showCloseIcon,\n  deleteBanner,\n  noTimeout,\n}) => {\n  const autoCloseBaner = () => {\n    if (noTimeout) return\n    if (type !== 'critical') return deleteBanner(id)\n    else {\n      return\n    }\n  }\n  useTimeout(() => autoCloseBaner(), autoCloseTime * 1000)\n\n  const textColor = styles[type].textColor\n  const iconColor = styles[type].iconColor\n\n  return (\n    <BannerWrapper\n      p=\"24px\"\n      mt={{ custom: topOffset }}\n      key={id}\n      flex\n      justifyContent=\"space-between\"\n      type={type}\n    >\n      <Box flex alignItems=\"center\">\n        {leadingIcon && (\n          <Icon mr=\"12px\" render={leadingIcon} size={24} color={iconColor} />\n        )}\n        <Text typo=\"headline-small\" color={textColor}>\n          {message}\n        </Text>\n      </Box>\n      <Box flex alignItems=\"center\">\n        {canManuallyClose && (\n          <GenericButton\n            onClick={() => deleteBanner(id)}\n            aria-label={`close banner ${message}`}\n          >\n            {showCloseIcon ? (\n              <Icon render=\"cross\" size={16} color={iconColor} />\n            ) : (\n              <UnderlinedText tag=\"span\" typo=\"desc-medium\" color={textColor}>\n                Dismiss\n              </UnderlinedText>\n            )}\n          </GenericButton>\n        )}\n        {exploreAction && (\n          <GenericButton onClick={exploreAction} aria-label={`cta ${message}`}>\n            <Box flex alignItems=\"center\">\n              {showExploreText && (\n                <UnderlinedText\n                  ml=\"12px\"\n                  tag=\"span\"\n                  typo=\"desc-medium\"\n                  color={textColor}\n                >\n                  Explore\n                </UnderlinedText>\n              )}\n              {showExploreIcon && (\n                <Icon\n                  render=\"arrow\"\n                  ml=\"12px\"\n                  size={24}\n                  color={iconColor}\n                  rotate={180}\n                />\n              )}\n            </Box>\n          </GenericButton>\n        )}\n      </Box>\n    </BannerWrapper>\n  )\n}\n\nconst BannerWrapper = styled(Box)<{ type: BannerType }>(\n  ({ type }) => css`\n    border-radius: 0px 0px 16px 16px;\n    background-color: ${styles[type].backgroundColor};\n  `,\n)\n\nconst GenericButton = styled.button`\n  cursor: pointer;\n`\n\nconst UnderlinedText = styled(Text)`\n  text-decoration: underline;\n`\n"],"names":[],"mappings":"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"}

package/dist/Banner/hooks.js

@@ -1,9 +0,0 @@
-import { useBannerContext } from './BannerContainer.js';
-
-const useBanner = () => {
-  const { addBanner } = useBannerContext();
-  return { addBanner };
-};
-
-export { useBanner };
-//# sourceMappingURL=hooks.js.map

package/dist/Banner/hooks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hooks.js","sources":["../../src/Banner/hooks.ts"],"sourcesContent":["import { useBannerContext } from './BannerContainer'\n\nexport const useBanner = () => {\n  const { addBanner } = useBannerContext()\n\n  return { addBanner }\n}\n"],"names":[],"mappings":";;AAEO,MAAM,YAAY,MAAM;AAC7B,EAAM,MAAA,EAAE,SAAU,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAEvC,EAAA,OAAO,EAAE,SAAU,EAAA,CAAA;AACrB;;;;"}

package/dist/Box/Box.js

@@ -1,14 +0,0 @@
-import styled from 'styled-components';
-import { flex } from '../utils/flex.js';
-import { measure } from '../utils/measure.js';
-import { margin, padding } from '../utils/space.js';
-
-const Box = styled.div`
-  ${margin};
-  ${padding};
-  ${flex};
-  ${measure};
-`;
-
-export { Box };
-//# sourceMappingURL=Box.js.map

package/dist/Box/Box.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Box.js","sources":["../../src/Box/Box.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nimport { flex, FlexProps } from '../utils/flex'\nimport { measure, MeasureProps } from '../utils/measure'\nimport { margin, padding, MarginProps, PaddingProps } from '../utils/space'\n\nexport type BoxProps = MarginProps & PaddingProps & FlexProps & MeasureProps\n\nexport const Box = styled.div<BoxProps>`\n  ${margin};\n  ${padding};\n  ${flex};\n  ${measure};\n`\n"],"names":[],"mappings":";;;;;AAQO,MAAM,MAAM,MAAO,CAAA,GAAA,CAAA;AAAA,EAAA,EACtB,MAAM,CAAA;AAAA,EAAA,EACN,OAAO,CAAA;AAAA,EAAA,EACP,IAAI,CAAA;AAAA,EAAA,EACJ,OAAO,CAAA;AAAA;;;;"}