@mrshmllw/smores-react 10.7.0-crumbs-feature-vite-bundling.1 → 10.7.0

package/dist/fields/components/InternalField.d.ts

@@ -0,0 +1,10 @@
+import React, { ReactNode } from 'react';
+import { CommonFieldProps } from '../commonFieldTypes';
+interface InternalFieldProps extends CommonFieldProps {
+    children: ReactNode;
+    className?: string;
+    htmlFor?: string;
+    fieldType: 'field' | 'fieldset';
+}
+export declare const InternalField: ({ children, fieldType, renderAsTitle, htmlFor, className, label, assistiveText, error, errorMsg, required, completed, ...marginProps }: InternalFieldProps) => React.JSX.Element;
+export {};

package/dist/fields/components/InternalField.js

@@ -0,0 +1,54 @@
+import React from 'react';
+import styled, { css } from 'styled-components';
+import { Box } from '../../Box';
+import { Icon } from '../../Icon';
+import { Text } from '../../Text';
+export const InternalField = ({ children, fieldType, renderAsTitle, htmlFor, className, label, assistiveText, error, errorMsg, required, completed, ...marginProps }) => {
+    const labelTag = fieldType === 'field' ? 'label' : 'legend';
+    return (React.createElement(Container, { forwardedAs: fieldType === 'field' ? 'div' : 'fieldset', className: className, ...marginProps },
+        label && (React.createElement(React.Fragment, null, renderAsTitle ? (React.createElement(Box, { mb: "16px" },
+            React.createElement(Text, { tag: labelTag, typo: "heading-small", htmlFor: htmlFor }, label),
+            assistiveText && (React.createElement(Text, { tag: "p", color: "sesame", mt: { custom: 4 } }, assistiveText)))) : (React.createElement(Text, { tag: labelTag, typo: "label", color: error ? 'strawberry' : 'sesame', htmlFor: htmlFor, mb: { custom: 4 } },
+            label,
+            required && (React.createElement(Text, { tag: "span", typo: "body-small", color: "strawberry" }, "*")))))),
+        React.createElement(Box, null, children),
+        fieldType === 'field' && assistiveText && !renderAsTitle && (React.createElement(Text, { tag: labelTag, typo: "caption", color: error ? 'strawberry' : 'sesame', mt: { custom: 4 } }, assistiveText)),
+        error &&
+            errorMsg &&
+            (typeof errorMsg === 'string' ? (React.createElement(Text, { tag: "span", typo: "caption", color: "strawberry", mt: "8px" }, errorMsg)) : (React.createElement(Box, { mt: "8px" }, errorMsg))),
+        completed !== undefined && (React.createElement(AnimationWrapper, { "$displayStatus": completed, "$isError": !!(error && errorMsg) },
+            React.createElement(StatusWrapper, { mt: '8px' },
+                React.createElement(Icon, { render: "included", size: 16, color: "apple" }),
+                React.createElement(Text, { typo: "caption", color: "apple" }, "Complete"))))));
+};
+const AnimationWrapper = styled(Box) `
+  width: 0;
+  overflow: hidden;
+
+  ${({ $displayStatus }) => $displayStatus &&
+    css `
+      transition: width 0.6s ease-in;
+      width: 100%;
+    `}
+
+  /* This enables animation to appear when previous state is error */
+  ${({ $isError }) => $isError &&
+    css `
+      height: 0;
+    `}
+`;
+const StatusWrapper = styled(Box) `
+  display: flex;
+  align-items: center;
+  gap: 4px;
+`;
+const Container = styled(Box) `
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  width: 100%;
+
+  // In case, the element is a 'fieldset', we remove the border
+  border: 0;
+`;
+//# sourceMappingURL=InternalField.js.map

package/dist/fields/components/InternalField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalField.js","sourceRoot":"","sources":["../../../src/fields/components/InternalField.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { ReactNode } from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { Box } from '../../Box'\nimport { Icon } from '../../Icon'\nimport { Text } from '../../Text'\nimport { CommonFieldProps } from '../commonFieldTypes'\n\ninterface InternalFieldProps extends CommonFieldProps {\n  children: ReactNode\n  className?: string\n  htmlFor?: string\n  fieldType: 'field' | 'fieldset'\n}\n\nexport const InternalField = ({\n  children,\n  fieldType,\n  renderAsTitle,\n  htmlFor,\n  className,\n  label,\n  assistiveText,\n  error,\n  errorMsg,\n  required,\n  completed,\n  ...marginProps\n}: InternalFieldProps) => {\n  const labelTag = fieldType === 'field' ? 'label' : 'legend'\n\n  return (\n    <Container\n      forwardedAs={fieldType === 'field' ? 'div' : 'fieldset'}\n      className={className}\n      {...marginProps}\n    >\n      {label && (\n        <>\n          {renderAsTitle ? (\n            <Box mb=\"16px\">\n              <Text tag={labelTag} typo=\"heading-small\" htmlFor={htmlFor}>\n                {label}\n              </Text>\n\n              {assistiveText && (\n                <Text tag=\"p\" color=\"sesame\" mt={{ custom: 4 }}>\n                  {assistiveText}\n                </Text>\n              )}\n            </Box>\n          ) : (\n            <Text\n              tag={labelTag}\n              typo=\"label\"\n              color={error ? 'strawberry' : 'sesame'}\n              htmlFor={htmlFor}\n              mb={{ custom: 4 }}\n            >\n              {label}\n              {required && (\n                <Text tag=\"span\" typo=\"body-small\" color=\"strawberry\">\n                  *\n                </Text>\n              )}\n            </Text>\n          )}\n        </>\n      )}\n\n      <Box>{children}</Box>\n      {fieldType === 'field' && assistiveText && !renderAsTitle && (\n        <Text\n          tag={labelTag}\n          typo=\"caption\"\n          color={error ? 'strawberry' : 'sesame'}\n          mt={{ custom: 4 }}\n        >\n          {assistiveText}\n        </Text>\n      )}\n\n      {error &&\n        errorMsg &&\n        (typeof errorMsg === 'string' ? (\n          <Text tag=\"span\" typo=\"caption\" color=\"strawberry\" mt=\"8px\">\n            {errorMsg}\n          </Text>\n        ) : (\n          <Box mt=\"8px\">{errorMsg}</Box>\n        ))}\n\n      {/* When completed is false, whitespace is rendered */}\n      {completed !== undefined && (\n        <AnimationWrapper\n          $displayStatus={completed}\n          $isError={!!(error && errorMsg)}\n        >\n          <StatusWrapper mt={'8px'}>\n            <Icon render=\"included\" size={16} color=\"apple\" />\n            <Text typo=\"caption\" color=\"apple\">\n              Complete\n            </Text>\n          </StatusWrapper>\n        </AnimationWrapper>\n      )}\n    </Container>\n  )\n}\n\nconst AnimationWrapper = styled(Box)<{\n  $displayStatus: boolean\n  $isError: boolean\n}>`\n  width: 0;\n  overflow: hidden;\n\n  ${({ $displayStatus }) =>\n    $displayStatus &&\n    css`\n      transition: width 0.6s ease-in;\n      width: 100%;\n    `}\n\n  /* This enables animation to appear when previous state is error */\n  ${({ $isError }) =>\n    $isError &&\n    css`\n      height: 0;\n    `}\n`\n\nconst StatusWrapper = styled(Box)`\n  display: flex;\n  align-items: center;\n  gap: 4px;\n`\n\nconst Container = styled(Box)`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n\n  // In case, the element is a 'fieldset', we remove the border\n  border: 0;\n`\n"]}

package/dist/fields/components/Placeholder.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Placeholder: () => React.JSX.Element;

package/dist/fields/components/Placeholder.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import styled from 'styled-components';
+import { Box } from '../../Box';
+import { theme } from '../../theme';
+export const Placeholder = () => {
+    return (React.createElement(Wrapper, null,
+        React.createElement(Svg, { xmlns: "http://www.w3.org/2000/svg" },
+            React.createElement(Line, { x1: "0", y1: "0", x2: "100%", y2: "100%" }),
+            React.createElement(Line, { x1: "100%", y1: "0", x2: "0", y2: "100%" }))));
+};
+const Wrapper = styled(Box) `
+  background-color: ${theme.colors.coconut};
+  border: 2px solid ${theme.colors.chia};
+  height: 40px;
+  width: auto;
+`;
+const Svg = styled.svg `
+  width: 100%;
+  height: 100%;
+`;
+const Line = styled.line `
+  stroke-width: 2px;
+  stroke: ${theme.colors.chia};
+`;
+//# sourceMappingURL=Placeholder.js.map

package/dist/fields/components/Placeholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Placeholder.js","sourceRoot":"","sources":["../../../src/fields/components/Placeholder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAEnC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,OAAO,CACL,oBAAC,OAAO;QACN,oBAAC,GAAG,IAAC,KAAK,EAAC,4BAA4B;YACrC,oBAAC,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,MAAM,GAAG;YAC1C,oBAAC,IAAI,IAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,MAAM,GAAG,CACtC,CACE,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;sBACL,KAAK,CAAC,MAAM,CAAC,OAAO;sBACpB,KAAK,CAAC,MAAM,CAAC,IAAI;;;CAGtC,CAAA;AAED,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGrB,CAAA;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;;YAEZ,KAAK,CAAC,MAAM,CAAC,IAAI;CAC5B,CAAA","sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\n\nimport { Box } from '../../Box'\nimport { theme } from '../../theme'\n\nexport const Placeholder = () => {\n  return (\n    <Wrapper>\n      <Svg xmlns=\"http://www.w3.org/2000/svg\">\n        <Line x1=\"0\" y1=\"0\" x2=\"100%\" y2=\"100%\" />\n        <Line x1=\"100%\" y1=\"0\" x2=\"0\" y2=\"100%\" />\n      </Svg>\n    </Wrapper>\n  )\n}\n\nconst Wrapper = styled(Box)`\n  background-color: ${theme.colors.coconut};\n  border: 2px solid ${theme.colors.chia};\n  height: 40px;\n  width: auto;\n`\n\nconst Svg = styled.svg`\n  width: 100%;\n  height: 100%;\n`\n\nconst Line = styled.line`\n  stroke-width: 2px;\n  stroke: ${theme.colors.chia};\n`\n"]}

package/dist/fontStyle.d.ts

@@ -0,0 +1 @@
+export declare const FontStyle: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;

package/dist/fontStyle.js

@@ -0,0 +1,35 @@
+import { createGlobalStyle } from 'styled-components';
+import { theme } from './theme';
+export const FontStyle = createGlobalStyle `
+  @font-face {
+    font-family: 'Circular';
+    src: url('https://uploads-ssl.webflow.com/5baa461315ee32413d16236d/5f7f0665430aaedf8cb0bbf3_CircularXXSub-RegularSubset.woff2') format('woff2');
+    font-weight: ${theme.font.weight.normal};
+    font-style: normal;
+    font-display: swap;
+  }
+
+  @font-face {
+    font-family: 'Circular';
+    src: url('https://uploads-ssl.webflow.com/5baa461315ee32413d16236d/5f7f066540b11e802f892996_CircularXXWeb-Medium.woff2') format('woff2');
+    font-weight: ${theme.font.weight.medium};
+    font-style: normal;
+    font-display: swap;
+  }
+
+  @font-face {
+    font-family: 'Circular';
+    src: url('https://uploads-ssl.webflow.com/5baa461315ee32413d16236d/5f7f0665ddfa22dd5375ca6e_CircularXXWeb-Bold.woff2') format('woff2');
+    font-weight: ${theme.font.weight.bold};
+    font-style: normal;
+    font-display: swap;
+  }
+
+  @font-face {
+    font-family: 'MarshmallowYouth';
+    src: url('https://assets.marshmallow.com/fonts/MarshmallowYouth-Bold.woff2') format('woff2');
+    font-weight: ${theme.font.weight.bold};
+    font-style: normal;
+  }
+`;
+//# sourceMappingURL=fontStyle.js.map

package/dist/fontStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fontStyle.js","sourceRoot":"","sources":["../src/fontStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,MAAM,CAAC,MAAM,SAAS,GAAG,iBAAiB,CAAA;;;;mBAIvB,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;;;;;;;mBAQxB,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;;;;;;;mBAQxB,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI;;;;;;;;mBAQtB,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI;;;CAGxC,CAAA","sourcesContent":["import { createGlobalStyle } from 'styled-components'\nimport { theme } from './theme'\n\nexport const FontStyle = createGlobalStyle`\n  @font-face {\n    font-family: 'Circular';\n    src: url('https://uploads-ssl.webflow.com/5baa461315ee32413d16236d/5f7f0665430aaedf8cb0bbf3_CircularXXSub-RegularSubset.woff2') format('woff2');\n    font-weight: ${theme.font.weight.normal};\n    font-style: normal;\n    font-display: swap;\n  }\n\n  @font-face {\n    font-family: 'Circular';\n    src: url('https://uploads-ssl.webflow.com/5baa461315ee32413d16236d/5f7f066540b11e802f892996_CircularXXWeb-Medium.woff2') format('woff2');\n    font-weight: ${theme.font.weight.medium};\n    font-style: normal;\n    font-display: swap;\n  }\n\n  @font-face {\n    font-family: 'Circular';\n    src: url('https://uploads-ssl.webflow.com/5baa461315ee32413d16236d/5f7f0665ddfa22dd5375ca6e_CircularXXWeb-Bold.woff2') format('woff2');\n    font-weight: ${theme.font.weight.bold};\n    font-style: normal;\n    font-display: swap;\n  }\n\n  @font-face {\n    font-family: 'MarshmallowYouth';\n    src: url('https://assets.marshmallow.com/fonts/MarshmallowYouth-Bold.woff2') format('woff2');\n    font-weight: ${theme.font.weight.bold};\n    font-style: normal;\n  }\n`\n"]}

package/dist/hooks/index.d.ts

@@ -0,0 +1,5 @@
+export * from './useEventListener';
+export * from './useClickOutside';
+export * from './useScript';
+export * from './useTimeout';
+export * from './useBodyScrollLock';

package/dist/hooks/index.js

@@ -0,0 +1,6 @@
+export * from './useEventListener';
+export * from './useClickOutside';
+export * from './useScript';
+export * from './useTimeout';
+export * from './useBodyScrollLock';
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,qBAAqB,CAAA","sourcesContent":["export * from './useEventListener'\nexport * from './useClickOutside'\nexport * from './useScript'\nexport * from './useTimeout'\nexport * from './useBodyScrollLock'\n"]}

package/dist/hooks/useBodyScrollLock/index.d.ts

@@ -0,0 +1,4 @@
+export declare function useBodyScrollLock({ node, showModal, }: {
+    node: HTMLDivElement | null;
+    showModal: boolean;
+}): void;

package/dist/hooks/useBodyScrollLock/index.js

@@ -0,0 +1,25 @@
+import { useEffect } from 'react';
+import { clearAllBodyScrollLocks, disableBodyScroll, enableBodyScroll, } from 'body-scroll-lock';
+const enhancedDisabeBodyScroll = (node) => {
+    disableBodyScroll(node, {
+        reserveScrollBarGap: true,
+        allowTouchMove: () => true,
+    });
+    document.body.style.top = `-${window.scrollY}px`;
+};
+export function useBodyScrollLock({ node, showModal, }) {
+    useEffect(() => {
+        return () => clearAllBodyScrollLocks();
+    }, []);
+    useEffect(() => {
+        if (node === null)
+            return;
+        if (showModal) {
+            enhancedDisabeBodyScroll(node);
+        }
+        else {
+            enableBodyScroll(node);
+        }
+    }, [node, showModal]);
+}
+//# sourceMappingURL=index.js.map

package/dist/hooks/useBodyScrollLock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/useBodyScrollLock/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EACL,uBAAuB,EACvB,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,kBAAkB,CAAA;AAEzB,MAAM,wBAAwB,GAAG,CAAC,IAA2B,EAAE,EAAE;IAC/D,iBAAiB,CAAC,IAAI,EAAE;QACtB,mBAAmB,EAAE,IAAI;QACzB,cAAc,EAAE,GAAG,EAAE,CAAC,IAAI;KAC3B,CAAC,CAAA;IAEF,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,IAAI,MAAM,CAAC,OAAO,IAAI,CAAA;AAClD,CAAC,CAAA;AAED,MAAM,UAAU,iBAAiB,CAAC,EAChC,IAAI,EACJ,SAAS,GAIV;IACC,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE,CAAC,uBAAuB,EAAE,CAAA;IACxC,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,KAAK,IAAI;YAAE,OAAM;QAEzB,IAAI,SAAS,EAAE,CAAC;YACd,wBAAwB,CAAC,IAAI,CAAC,CAAA;QAChC,CAAC;aAAM,CAAC;YACN,gBAAgB,CAAC,IAAI,CAAC,CAAA;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAA;AACvB,CAAC","sourcesContent":["import { useEffect } from 'react'\nimport {\n  clearAllBodyScrollLocks,\n  disableBodyScroll,\n  enableBodyScroll,\n} from 'body-scroll-lock'\n\nconst enhancedDisabeBodyScroll = (node: HTMLElement | Element) => {\n  disableBodyScroll(node, {\n    reserveScrollBarGap: true,\n    allowTouchMove: () => true,\n  })\n\n  document.body.style.top = `-${window.scrollY}px`\n}\n\nexport function useBodyScrollLock({\n  node,\n  showModal,\n}: {\n  node: HTMLDivElement | null\n  showModal: boolean\n}) {\n  useEffect(() => {\n    return () => clearAllBodyScrollLocks()\n  }, [])\n\n  useEffect(() => {\n    if (node === null) return\n\n    if (showModal) {\n      enhancedDisabeBodyScroll(node)\n    } else {\n      enableBodyScroll(node)\n    }\n  }, [node, showModal])\n}\n"]}

package/dist/hooks/useClickOutside/index.d.ts

@@ -0,0 +1,6 @@
+import { RefObject } from 'react';
+import { GenericEventCallback } from '../../types';
+export declare const useOnClickOutside: ({ ref, callback, }: {
+    ref: RefObject<HTMLElement | null>;
+    callback: GenericEventCallback;
+}) => void;

package/dist/hooks/useClickOutside/index.js

@@ -0,0 +1,24 @@
+import { useCallback, useRef } from 'react';
+import { useEventListener } from '../useEventListener';
+export const useOnClickOutside = ({ ref, callback, }) => {
+    const onClickOutsideListener = useCallback((event) => {
+        if (!ref?.current || ref?.current?.contains(event.target)) {
+            return;
+        }
+        callback(event);
+    }, [ref, callback]);
+    const documentRef = useRef(document.body);
+    useEventListener({
+        eventName: 'click',
+        ref: documentRef,
+        callback: onClickOutsideListener,
+        capture: true,
+    });
+    useEventListener({
+        eventName: 'touchend',
+        ref: documentRef,
+        callback: onClickOutsideListener,
+        capture: true,
+    });
+};
+//# sourceMappingURL=index.js.map

package/dist/hooks/useClickOutside/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/useClickOutside/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAEtD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,GAAG,EACH,QAAQ,GAIT,EAAE,EAAE;IACH,MAAM,sBAAsB,GAAG,WAAW,CACxC,CAAC,KAAiB,EAAE,EAAE;QACpB,IAAI,CAAC,GAAG,EAAE,OAAO,IAAI,GAAG,EAAE,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE,CAAC;YAClE,OAAM;QACR,CAAC;QAED,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjB,CAAC,EAED,CAAC,GAAG,EAAE,QAAQ,CAAC,CAChB,CAAA;IAED,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;IAEzC,gBAAgB,CAAC;QACf,SAAS,EAAE,OAAO;QAClB,GAAG,EAAE,WAAW;QAChB,QAAQ,EAAE,sBAAsB;QAChC,OAAO,EAAE,IAAI;KACd,CAAC,CAAA;IAEF,gBAAgB,CAAC;QACf,SAAS,EAAE,UAAU;QACrB,GAAG,EAAE,WAAW;QAChB,QAAQ,EAAE,sBAAsB;QAChC,OAAO,EAAE,IAAI;KACd,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { RefObject, useCallback, useRef } from 'react'\nimport { GenericEventCallback } from '../../types'\nimport { useEventListener } from '../useEventListener'\n\nexport const useOnClickOutside = ({\n  ref,\n  callback,\n}: {\n  ref: RefObject<HTMLElement | null>\n  callback: GenericEventCallback\n}) => {\n  const onClickOutsideListener = useCallback(\n    (event: MouseEvent) => {\n      if (!ref?.current || ref?.current?.contains(event.target as Node)) {\n        return\n      }\n\n      callback(event)\n    },\n\n    [ref, callback],\n  )\n\n  const documentRef = useRef(document.body)\n\n  useEventListener({\n    eventName: 'click',\n    ref: documentRef,\n    callback: onClickOutsideListener,\n    capture: true,\n  })\n\n  useEventListener({\n    eventName: 'touchend',\n    ref: documentRef,\n    callback: onClickOutsideListener,\n    capture: true,\n  })\n}\n"]}

package/dist/hooks/useEventListener/index.d.ts

@@ -0,0 +1,8 @@
+import { RefObject } from 'react';
+import { GenericEventCallback } from '../../types';
+export declare const useEventListener: ({ eventName, callback, ref, capture, }: {
+    eventName: keyof HTMLElementEventMap;
+    callback: GenericEventCallback;
+    ref: RefObject<HTMLElement | Document | null>;
+    capture?: boolean;
+}) => void;

package/dist/hooks/useEventListener/index.js

@@ -0,0 +1,14 @@
+import { useEffect } from 'react';
+export const useEventListener = ({ eventName, callback, ref, capture = false, }) => {
+    useEffect(() => {
+        const refElement = ref?.current;
+        if (!refElement)
+            return;
+        const listenerOptions = { capture };
+        refElement.addEventListener(eventName, callback, listenerOptions);
+        return () => {
+            refElement.removeEventListener(eventName, callback, listenerOptions);
+        };
+    }, [eventName, ref, callback, capture]);
+};
+//# sourceMappingURL=index.js.map

package/dist/hooks/useEventListener/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/useEventListener/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,MAAM,OAAO,CAAA;AAG5C,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,SAAS,EACT,QAAQ,EACR,GAAG,EACH,OAAO,GAAG,KAAK,GAMhB,EAAQ,EAAE;IACT,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,GAAG,EAAE,OAAO,CAAA;QAC/B,IAAI,CAAC,UAAU;YAAE,OAAM;QACvB,MAAM,eAAe,GAAG,EAAE,OAAO,EAAE,CAAA;QAEnC,UAAU,CAAC,gBAAgB,CAAC,SAAS,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAA;QAEjE,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,mBAAmB,CAAC,SAAS,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAA;QACtE,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAA;AACzC,CAAC,CAAA","sourcesContent":["import { RefObject, useEffect } from 'react'\nimport { GenericEventCallback } from '../../types'\n\nexport const useEventListener = ({\n  eventName,\n  callback,\n  ref,\n  capture = false,\n}: {\n  eventName: keyof HTMLElementEventMap\n  callback: GenericEventCallback\n  ref: RefObject<HTMLElement | Document | null>\n  capture?: boolean\n}): void => {\n  useEffect(() => {\n    const refElement = ref?.current\n    if (!refElement) return\n    const listenerOptions = { capture }\n\n    refElement.addEventListener(eventName, callback, listenerOptions)\n\n    return () => {\n      refElement.removeEventListener(eventName, callback, listenerOptions)\n    }\n  }, [eventName, ref, callback, capture])\n}\n"]}

package/dist/hooks/useScript/index.d.ts

@@ -0,0 +1,4 @@
+export declare const useScript: ({ url, async, }: {
+    url: string;
+    async?: boolean;
+}) => void;

package/dist/hooks/useScript/index.js

@@ -0,0 +1,13 @@
+import { useEffect } from 'react';
+export const useScript = ({ url, async = true, }) => {
+    useEffect(() => {
+        const script = document.createElement('script');
+        script.src = url;
+        script.async = async;
+        document.body.appendChild(script);
+        return () => {
+            document.body.removeChild(script);
+        };
+    }, [url]);
+};
+//# sourceMappingURL=index.js.map

package/dist/hooks/useScript/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/useScript/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,GAAG,EACH,KAAK,GAAG,IAAI,GAIb,EAAE,EAAE;IACH,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;QAE/C,MAAM,CAAC,GAAG,GAAG,GAAG,CAAA;QAChB,MAAM,CAAC,KAAK,GAAG,KAAK,CAAA;QAEpB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;QAEjC,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;QACnC,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;AACX,CAAC,CAAA","sourcesContent":["import { useEffect } from 'react'\n\nexport const useScript = ({\n  url,\n  async = true,\n}: {\n  url: string\n  async?: boolean\n}) => {\n  useEffect(() => {\n    const script = document.createElement('script')\n\n    script.src = url\n    script.async = async\n\n    document.body.appendChild(script)\n\n    return () => {\n      document.body.removeChild(script)\n    }\n  }, [url])\n}\n"]}

package/dist/hooks/useTimeout/index.d.ts

@@ -0,0 +1 @@
+export declare const useTimeout: (callback: () => void, delay: number) => void;

package/dist/hooks/useTimeout/index.js

@@ -0,0 +1,12 @@
+import { useEffect, useRef } from 'react';
+export const useTimeout = (callback, delay) => {
+    const savedCallback = useRef(callback);
+    useEffect(() => {
+        savedCallback.current = callback;
+    }, [callback]);
+    useEffect(() => {
+        const id = setTimeout(() => savedCallback.current(), delay);
+        return () => clearTimeout(id);
+    }, [delay]);
+};
+//# sourceMappingURL=index.js.map

package/dist/hooks/useTimeout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/useTimeout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEzC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,QAAoB,EAAE,KAAa,EAAE,EAAE;IAChE,MAAM,aAAa,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,OAAO,GAAG,QAAQ,CAAA;IAClC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,EAAE,EAAE,KAAK,CAAC,CAAA;QAC3D,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,CAAA;IAC/B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;AACb,CAAC,CAAA","sourcesContent":["import { useEffect, useRef } from 'react'\n\nexport const useTimeout = (callback: () => void, delay: number) => {\n  const savedCallback = useRef(callback)\n\n  useEffect(() => {\n    savedCallback.current = callback\n  }, [callback])\n\n  useEffect(() => {\n    const id = setTimeout(() => savedCallback.current(), delay)\n    return () => clearTimeout(id)\n  }, [delay])\n}\n"]}

package/dist/index.d.ts

@@ -0,0 +1,53 @@
+export * from './Accordion';
+export * from './ActionDropdown';
+export * from './Badge';
+export * from './BadgeList';
+export * from './Banner';
+export * from './Box';
+export * from './BrandCard';
+export * from './Button';
+export * from './Card';
+export * from './CheckBox';
+export * from './CheckBoxGroup';
+export * from './Chip';
+export * from './CurrencyInput';
+export * from './Datepicker';
+export * from './Divider';
+export * from './Dropdown';
+export * from './Emoji';
+export * from './fields/Field';
+export * from './fields/Fieldset';
+export * from './fontStyle';
+export * from './hooks';
+export * from './Icon';
+export * from './IconStrict';
+export * from './IconWrapper';
+export * from './LabelledText';
+export * from './Link';
+export * from './Loader';
+export * from './Logo';
+export * from './Modal';
+export * from './NumberInput';
+export * from './Pagination';
+export * from './RadioGroup';
+export * from './RichText';
+export * from './RichTextEditor';
+export * from './Row';
+export * from './SearchInput';
+export * from './SegmentedControl';
+export * from './SliderInput';
+export * from './Snackbar';
+export * from './SupportMessage';
+export * from './Table';
+export * from './Tag';
+export * from './Text';
+export * from './Textarea';
+export * from './TextDateOfBirthInput';
+export * from './TextInput';
+export * from './theme';
+export * from './Toggle';
+export * from './Tooltip';
+export * from './utils/dateOfBirth/dateOfBirthValidator';
+export * from './utils/dateOfBirth/dateOfBirthValidator.utils';
+export * from './utils/dateOfBirth/schema';
+export * from './utils/space';

package/dist/index.js

@@ -0,0 +1,54 @@
+export * from './Accordion';
+export * from './ActionDropdown';
+export * from './Badge';
+export * from './BadgeList';
+export * from './Banner';
+export * from './Box';
+export * from './BrandCard';
+export * from './Button';
+export * from './Card';
+export * from './CheckBox';
+export * from './CheckBoxGroup';
+export * from './Chip';
+export * from './CurrencyInput';
+export * from './Datepicker';
+export * from './Divider';
+export * from './Dropdown';
+export * from './Emoji';
+export * from './fields/Field';
+export * from './fields/Fieldset';
+export * from './fontStyle';
+export * from './hooks';
+export * from './Icon';
+export * from './IconStrict';
+export * from './IconWrapper';
+export * from './LabelledText';
+export * from './Link';
+export * from './Loader';
+export * from './Logo';
+export * from './Modal';
+export * from './NumberInput';
+export * from './Pagination';
+export * from './RadioGroup';
+export * from './RichText';
+export * from './RichTextEditor';
+export * from './Row';
+export * from './SearchInput';
+export * from './SegmentedControl';
+export * from './SliderInput';
+export * from './Snackbar';
+export * from './SupportMessage';
+export * from './Table';
+export * from './Tag';
+export * from './Text';
+export * from './Textarea';
+export * from './TextDateOfBirthInput';
+export * from './TextInput';
+export * from './theme';
+export * from './Toggle';
+export * from './Tooltip';
+export * from './utils/dateOfBirth/dateOfBirthValidator';
+export * from './utils/dateOfBirth/dateOfBirthValidator.utils';
+export * from './utils/dateOfBirth/schema';
+export * from './utils/space';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,QAAQ,CAAA;AACtB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,oBAAoB,CAAA;AAClC,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,wBAAwB,CAAA;AACtC,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,0CAA0C,CAAA;AACxD,cAAc,gDAAgD,CAAA;AAC9D,cAAc,4BAA4B,CAAA;AAC1C,cAAc,eAAe,CAAA","sourcesContent":["export * from './Accordion'\nexport * from './ActionDropdown'\nexport * from './Badge'\nexport * from './BadgeList'\nexport * from './Banner'\nexport * from './Box'\nexport * from './BrandCard'\nexport * from './Button'\nexport * from './Card'\nexport * from './CheckBox'\nexport * from './CheckBoxGroup'\nexport * from './Chip'\nexport * from './CurrencyInput'\nexport * from './Datepicker'\nexport * from './Divider'\nexport * from './Dropdown'\nexport * from './Emoji'\nexport * from './fields/Field'\nexport * from './fields/Fieldset'\nexport * from './fontStyle'\nexport * from './hooks'\nexport * from './Icon'\nexport * from './IconStrict'\nexport * from './IconWrapper'\nexport * from './LabelledText'\nexport * from './Link'\nexport * from './Loader'\nexport * from './Logo'\nexport * from './Modal'\nexport * from './NumberInput'\nexport * from './Pagination'\nexport * from './RadioGroup'\nexport * from './RichText'\nexport * from './RichTextEditor'\nexport * from './Row'\nexport * from './SearchInput'\nexport * from './SegmentedControl'\nexport * from './SliderInput'\nexport * from './Snackbar'\nexport * from './SupportMessage'\nexport * from './Table'\nexport * from './Tag'\nexport * from './Text'\nexport * from './Textarea'\nexport * from './TextDateOfBirthInput'\nexport * from './TextInput'\nexport * from './theme'\nexport * from './Toggle'\nexport * from './Tooltip'\nexport * from './utils/dateOfBirth/dateOfBirthValidator'\nexport * from './utils/dateOfBirth/dateOfBirthValidator.utils'\nexport * from './utils/dateOfBirth/schema'\nexport * from './utils/space'\n"]}

package/dist/theme.d.ts

@@ -0,0 +1,98 @@
+declare const colors: {
+    lollipop: string;
+    marshmallowPink: string;
+    bubblegum: string;
+    fairyFloss: string;
+    boba: string;
+    liquorice: string;
+    sesame: string;
+    chia: string;
+    custard: string;
+    mascarpone: string;
+    coconut: string;
+    cream: string;
+    spearmint: string;
+    feijoa: string;
+    blueberry: string;
+    macaroon: string;
+    pistachio: string;
+    matcha: string;
+    caramel: string;
+    peanut: string;
+    marzipan: string;
+    oatmeal: string;
+    strawberry: string;
+    watermelon: string;
+    apple: string;
+    mint: string;
+    lemon: string;
+    sherbert: string;
+    tangerine: string;
+    compareTheMarket: string;
+    confused: string;
+    onfido: string;
+    x: string;
+    premfina: string;
+    checkout: string;
+    meta: string;
+    stripe: string;
+    intercom: string;
+    ravelin: string;
+    rac: string;
+    hometree: string;
+};
+export type Color = keyof typeof colors;
+export declare const theme: {
+    colors: {
+        lollipop: string;
+        marshmallowPink: string;
+        bubblegum: string;
+        fairyFloss: string;
+        boba: string;
+        liquorice: string;
+        sesame: string;
+        chia: string;
+        custard: string;
+        mascarpone: string;
+        coconut: string;
+        cream: string;
+        spearmint: string;
+        feijoa: string;
+        blueberry: string;
+        macaroon: string;
+        pistachio: string;
+        matcha: string;
+        caramel: string;
+        peanut: string;
+        marzipan: string;
+        oatmeal: string;
+        strawberry: string;
+        watermelon: string;
+        apple: string;
+        mint: string;
+        lemon: string;
+        sherbert: string;
+        tangerine: string;
+        compareTheMarket: string;
+        confused: string;
+        onfido: string;
+        x: string;
+        premfina: string;
+        checkout: string;
+        meta: string;
+        stripe: string;
+        intercom: string;
+        ravelin: string;
+        rac: string;
+        hometree: string;
+    };
+    font: {
+        weight: {
+            normal: number;
+            medium: number;
+            bold: number;
+        };
+        system: string;
+    };
+};
+export {};

package/dist/theme.js

@@ -0,0 +1,62 @@
+const colors = {
+    // Core Primary
+    lollipop: '#FF69B5', // 120
+    marshmallowPink: '#FF88C8', // 100
+    bubblegum: '#FFB3DA', // 60
+    fairyFloss: '#FFCCE7', // 40
+    // Core Secondary
+    boba: '#0E0E0C', // 120
+    liquorice: '#292924', // 100
+    sesame: '#636768', // 60
+    chia: '#D2D2D2', // 40
+    // Core Tertiary
+    custard: '#F1E9DC', // 120
+    mascarpone: '#F8F2EA', // 100
+    coconut: '#FBF8F5', // 60
+    cream: '#FFFFFF', // 0
+    // Brand Secondary
+    spearmint: '#294636', // 1 100
+    feijoa: '#3B5848', // 1 60
+    blueberry: '#89A2B6', // 2 100
+    macaroon: '#BBCFDF', // 2 60
+    pistachio: '#838E49', // 3 100
+    matcha: '#DBE1B0', // 3 60
+    caramel: '#C26B2A', // 4 100
+    peanut: '#F8C699', // 4 60
+    marzipan: '#A1957C', // 5 100
+    oatmeal: '#DAD2C4', // 5 60
+    // Traffic light
+    strawberry: '#DF2929', // Error 100
+    watermelon: '#F5CFCC', // Error 20
+    apple: '#008933', // Success 100
+    mint: '#C9E2CE', // Success 20
+    lemon: '#FFD23A', // Warning 100
+    sherbert: '#FCF0D0', // Warning 20
+    tangerine: '#FF9F2C', // Agent Warning 100
+    // Third-party brand colours
+    compareTheMarket: '#004A8E',
+    confused: '#000A8C',
+    onfido: '#3640F5',
+    x: '#55ACEE',
+    premfina: '#F08422',
+    checkout: '#56AC88',
+    meta: '#3B5998',
+    stripe: '#6772E5',
+    intercom: '#286EFA',
+    ravelin: '#2A4AFC',
+    rac: '#EA7D24',
+    hometree: '#17171C',
+};
+const font = {
+    weight: {
+        normal: 400,
+        medium: 500,
+        bold: 700,
+    },
+    system: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',
+};
+export const theme = {
+    colors,
+    font,
+};
+//# sourceMappingURL=theme.js.map

package/dist/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,GAAG;IACb,eAAe;IACf,QAAQ,EAAE,SAAS,EAAE,MAAM;IAC3B,eAAe,EAAE,SAAS,EAAE,MAAM;IAClC,SAAS,EAAE,SAAS,EAAE,KAAK;IAC3B,UAAU,EAAE,SAAS,EAAE,KAAK;IAE5B,iBAAiB;IACjB,IAAI,EAAE,SAAS,EAAE,MAAM;IACvB,SAAS,EAAE,SAAS,EAAE,MAAM;IAC5B,MAAM,EAAE,SAAS,EAAE,KAAK;IACxB,IAAI,EAAE,SAAS,EAAE,KAAK;IAEtB,gBAAgB;IAChB,OAAO,EAAE,SAAS,EAAE,MAAM;IAC1B,UAAU,EAAE,SAAS,EAAE,MAAM;IAC7B,OAAO,EAAE,SAAS,EAAE,KAAK;IACzB,KAAK,EAAE,SAAS,EAAE,IAAI;IAEtB,kBAAkB;IAClB,SAAS,EAAE,SAAS,EAAE,QAAQ;IAC9B,MAAM,EAAE,SAAS,EAAE,OAAO;IAC1B,SAAS,EAAE,SAAS,EAAE,QAAQ;IAC9B,QAAQ,EAAE,SAAS,EAAE,OAAO;IAC5B,SAAS,EAAE,SAAS,EAAE,QAAQ;IAC9B,MAAM,EAAE,SAAS,EAAE,OAAO;IAC1B,OAAO,EAAE,SAAS,EAAE,QAAQ;IAC5B,MAAM,EAAE,SAAS,EAAE,OAAO;IAC1B,QAAQ,EAAE,SAAS,EAAE,QAAQ;IAC7B,OAAO,EAAE,SAAS,EAAE,OAAO;IAE3B,gBAAgB;IAChB,UAAU,EAAE,SAAS,EAAE,YAAY;IACnC,UAAU,EAAE,SAAS,EAAE,WAAW;IAClC,KAAK,EAAE,SAAS,EAAE,cAAc;IAChC,IAAI,EAAE,SAAS,EAAE,aAAa;IAC9B,KAAK,EAAE,SAAS,EAAE,cAAc;IAChC,QAAQ,EAAE,SAAS,EAAE,aAAa;IAClC,SAAS,EAAE,SAAS,EAAE,oBAAoB;IAE1C,4BAA4B;IAC5B,gBAAgB,EAAE,SAAS;IAC3B,QAAQ,EAAE,SAAS;IACnB,MAAM,EAAE,SAAS;IACjB,CAAC,EAAE,SAAS;IACZ,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,SAAS;IACnB,OAAO,EAAE,SAAS;IAClB,GAAG,EAAE,SAAS;IACd,QAAQ,EAAE,SAAS;CACpB,CAAA;AAID,MAAM,IAAI,GAAG;IACX,MAAM,EAAE;QACN,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,GAAG;QACX,IAAI,EAAE,GAAG;KACV;IACD,MAAM,EACJ,+IAA+I;CAClJ,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,MAAM;IACN,IAAI;CACL,CAAA","sourcesContent":["const colors = {\n  // Core Primary\n  lollipop: '#FF69B5', // 120\n  marshmallowPink: '#FF88C8', // 100\n  bubblegum: '#FFB3DA', // 60\n  fairyFloss: '#FFCCE7', // 40\n\n  // Core Secondary\n  boba: '#0E0E0C', // 120\n  liquorice: '#292924', // 100\n  sesame: '#636768', // 60\n  chia: '#D2D2D2', // 40\n\n  // Core Tertiary\n  custard: '#F1E9DC', // 120\n  mascarpone: '#F8F2EA', // 100\n  coconut: '#FBF8F5', // 60\n  cream: '#FFFFFF', // 0\n\n  // Brand Secondary\n  spearmint: '#294636', // 1 100\n  feijoa: '#3B5848', // 1 60\n  blueberry: '#89A2B6', // 2 100\n  macaroon: '#BBCFDF', // 2 60\n  pistachio: '#838E49', // 3 100\n  matcha: '#DBE1B0', // 3 60\n  caramel: '#C26B2A', // 4 100\n  peanut: '#F8C699', // 4 60\n  marzipan: '#A1957C', // 5 100\n  oatmeal: '#DAD2C4', // 5 60\n\n  // Traffic light\n  strawberry: '#DF2929', // Error 100\n  watermelon: '#F5CFCC', // Error 20\n  apple: '#008933', // Success 100\n  mint: '#C9E2CE', // Success 20\n  lemon: '#FFD23A', // Warning 100\n  sherbert: '#FCF0D0', // Warning 20\n  tangerine: '#FF9F2C', // Agent Warning 100\n\n  // Third-party brand colours\n  compareTheMarket: '#004A8E',\n  confused: '#000A8C',\n  onfido: '#3640F5',\n  x: '#55ACEE',\n  premfina: '#F08422',\n  checkout: '#56AC88',\n  meta: '#3B5998',\n  stripe: '#6772E5',\n  intercom: '#286EFA',\n  ravelin: '#2A4AFC',\n  rac: '#EA7D24',\n  hometree: '#17171C',\n}\n\nexport type Color = keyof typeof colors\n\nconst font = {\n  weight: {\n    normal: 400,\n    medium: 500,\n    bold: 700,\n  },\n  system:\n    '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"',\n}\n\nexport const theme = {\n  colors,\n  font,\n}\n"]}

package/dist/types.d.ts

@@ -0,0 +1,4 @@
+export type GeneralEvent = Event | React.UIEvent;
+export type GenericEventCallback = (e: GeneralEvent) => unknown;
+export type KeyboardEventCallback = (e: KeyboardEvent) => unknown;
+export type MouseEventCallBack = (event: React.MouseEvent<HTMLElement>) => void;