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

package/dist/IconWrapper/IconWrapper.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import styled, { css } from 'styled-components';
+import { Box } from '../Box';
+import { Icon } from '../Icon';
+export const IconWrapper = ({ className = '', children, size = 16, render = 'included', t = 'auto', r = 'auto', b = 'auto', l = 'auto', ...marginProps }) => (React.createElement(Container, { className: className, ...marginProps },
+    children,
+    React.createElement(IconContainer, { "$size": size, "$t": t, "$r": r, "$b": b, "$l": l },
+        render === 'included' && (React.createElement(Icon, { render: "included", size: size, color: "apple" })),
+        render === 'excluded' && (React.createElement(Icon, { render: "excluded", size: size, color: "strawberry" })))));
+const Container = styled(Box) `
+  position: relative;
+  width: fit-content;
+`;
+const IconContainer = styled.div(({ $size, $t, $r, $b, $l }) => css `
+    position: absolute;
+    width: 100%;
+    max-width: ${$size}px;
+    height: ${$size}px;
+    top: ${$t};
+    right: ${$r};
+    bottom: ${$b};
+    left: ${$l};
+  `);
+//# sourceMappingURL=IconWrapper.js.map

package/dist/IconWrapper/IconWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconWrapper.js","sourceRoot":"","sources":["../../src/IconWrapper/IconWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAqB9B,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAChD,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,IAAI,GAAG,EAAE,EACT,MAAM,GAAG,UAAU,EACnB,CAAC,GAAG,MAAM,EACV,CAAC,GAAG,MAAM,EACV,CAAC,GAAG,MAAM,EACV,CAAC,GAAG,MAAM,EACV,GAAG,WAAW,EACf,EAAE,EAAE,CAAC,CACJ,oBAAC,SAAS,IAAC,SAAS,EAAE,SAAS,KAAM,WAAW;IAC7C,QAAQ;IACT,oBAAC,aAAa,aAAQ,IAAI,QAAM,CAAC,QAAM,CAAC,QAAM,CAAC,QAAM,CAAC;QACnD,MAAM,KAAK,UAAU,IAAI,CACxB,oBAAC,IAAI,IAAC,MAAM,EAAC,UAAU,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,OAAO,GAAG,CACrD;QACA,MAAM,KAAK,UAAU,IAAI,CACxB,oBAAC,IAAI,IAAC,MAAM,EAAC,UAAU,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,YAAY,GAAG,CAC1D,CACa,CACN,CACb,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;CAG5B,CAAA;AAUD,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAC9B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;iBAGnB,KAAK;cACR,KAAK;WACR,EAAE;aACA,EAAE;cACD,EAAE;YACJ,EAAE;GACX,CACF,CAAA","sourcesContent":["import React, { FC, ReactNode } from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { Box } from '../Box'\nimport { Icon } from '../Icon'\nimport { Icons } from '../Icon/iconsList'\n\nimport { MarginProps } from '../utils/space'\n\nexport type IconWrapperProps = {\n  /** className attribute to apply classes from props */\n  className?: string\n  /* */\n  children: ReactNode\n  /** specify what Icon to render  */\n  render: Icons\n  /** set size of the Icon  */\n  size?: number\n  /** TOP-RIGHT-BOTTOM-LEFT position of the Icon */\n  t?: string\n  r?: string\n  b?: string\n  l?: string\n} & MarginProps\n\nexport const IconWrapper: FC<IconWrapperProps> = ({\n  className = '',\n  children,\n  size = 16,\n  render = 'included',\n  t = 'auto',\n  r = 'auto',\n  b = 'auto',\n  l = 'auto',\n  ...marginProps\n}) => (\n  <Container className={className} {...marginProps}>\n    {children}\n    <IconContainer $size={size} $t={t} $r={r} $b={b} $l={l}>\n      {render === 'included' && (\n        <Icon render=\"included\" size={size} color=\"apple\" />\n      )}\n      {render === 'excluded' && (\n        <Icon render=\"excluded\" size={size} color=\"strawberry\" />\n      )}\n    </IconContainer>\n  </Container>\n)\n\nconst Container = styled(Box)`\n  position: relative;\n  width: fit-content;\n`\n\ninterface IIcon {\n  $size: number\n  $t: string\n  $r: string\n  $b: string\n  $l: string\n}\n\nconst IconContainer = styled.div<IIcon>(\n  ({ $size, $t, $r, $b, $l }) => css`\n    position: absolute;\n    width: 100%;\n    max-width: ${$size}px;\n    height: ${$size}px;\n    top: ${$t};\n    right: ${$r};\n    bottom: ${$b};\n    left: ${$l};\n  `,\n)\n"]}

package/dist/IconWrapper/index.d.ts

@@ -0,0 +1 @@
+export { IconWrapper } from './IconWrapper';

package/dist/IconWrapper/index.js

@@ -0,0 +1,2 @@
+export { IconWrapper } from './IconWrapper';
+//# sourceMappingURL=index.js.map

package/dist/IconWrapper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/IconWrapper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA","sourcesContent":["export { IconWrapper } from './IconWrapper'\n"]}

package/dist/LabelledText/LabelledText.d.ts

@@ -0,0 +1,8 @@
+import { FC, JSX, ReactNode } from 'react';
+import { MarginProps } from '../utils/space';
+export type LabelledTextProps = {
+    children: ReactNode;
+    label: string | JSX.Element;
+    labelMargin?: 2 | 4 | 8 | number;
+} & MarginProps;
+export declare const LabelledText: FC<LabelledTextProps>;

package/dist/LabelledText/LabelledText.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import styled from 'styled-components';
+import { Box } from '../Box';
+import { Text } from '../Text';
+export const LabelledText = ({ label, children, labelMargin = 4, ...marginProps }) => (React.createElement(Container, { ...marginProps, "$labelMargin": labelMargin + 'px' },
+    React.createElement(Text, { tag: "label", color: "sesame", typo: "label" }, label),
+    children));
+const Container = styled(Box) `
+  display: flex;
+  flex-direction: column;
+
+  label {
+    margin-bottom: ${({ $labelMargin }) => $labelMargin};
+  }
+`;
+//# sourceMappingURL=LabelledText.js.map

package/dist/LabelledText/LabelledText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelledText.js","sourceRoot":"","sources":["../../src/LabelledText/LabelledText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;AACjD,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAGtC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAQ9B,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAClD,KAAK,EACL,QAAQ,EACR,WAAW,GAAG,CAAC,EACf,GAAG,WAAW,EACf,EAAE,EAAE,CAAC,CACJ,oBAAC,SAAS,OAAK,WAAW,kBAAgB,WAAW,GAAG,IAAI;IAC1D,oBAAC,IAAI,IAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,IAC1C,KAAK,CACD;IACN,QAAQ,CACC,CACb,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAA0B;;;;;qBAKlC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY;;CAEtD,CAAA","sourcesContent":["import React, { FC, JSX, ReactNode } from 'react'\nimport styled from 'styled-components'\nimport { MarginProps } from '../utils/space'\n\nimport { Box } from '../Box'\nimport { Text } from '../Text'\n\nexport type LabelledTextProps = {\n  children: ReactNode\n  label: string | JSX.Element\n  labelMargin?: 2 | 4 | 8 | number\n} & MarginProps\n\nexport const LabelledText: FC<LabelledTextProps> = ({\n  label,\n  children,\n  labelMargin = 4,\n  ...marginProps\n}) => (\n  <Container {...marginProps} $labelMargin={labelMargin + 'px'}>\n    <Text tag=\"label\" color=\"sesame\" typo=\"label\">\n      {label}\n    </Text>\n    {children}\n  </Container>\n)\n\nconst Container = styled(Box)<{ $labelMargin: string }>`\n  display: flex;\n  flex-direction: column;\n\n  label {\n    margin-bottom: ${({ $labelMargin }) => $labelMargin};\n  }\n`\n"]}

package/dist/LabelledText/index.d.ts

@@ -0,0 +1 @@
+export { LabelledText } from './LabelledText';

package/dist/LabelledText/index.js

@@ -0,0 +1,2 @@
+export { LabelledText } from './LabelledText';
+//# sourceMappingURL=index.js.map

package/dist/LabelledText/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/LabelledText/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA","sourcesContent":["export { LabelledText } from './LabelledText'\n"]}

package/dist/Link/Link.d.ts

@@ -0,0 +1,24 @@
+import { FC, MouseEventHandler, ReactNode } from 'react';
+import { Icons } from '../Icon/iconsList';
+type LinkTypo = 'regular' | 'small';
+export type LinkProps = {
+    className?: string;
+    href: string;
+    onClick?: MouseEventHandler;
+    openInNewTab?: boolean;
+    children?: ReactNode;
+    download?: boolean;
+    typo?: LinkTypo;
+    highlight?: boolean;
+    iconToRender?: Icons;
+    isTrailingIcon?: boolean;
+};
+export declare const Link: FC<LinkProps>;
+/**
+ * Internal utility to override styling in other components (see Text)
+ * @internal
+ */
+export declare const linkStyleOverride: ({ color }: {
+    color: string;
+}) => import("styled-components").RuleSet<object>;
+export {};

package/dist/Link/Link.js

@@ -0,0 +1,77 @@
+import { darken } from 'polished';
+import React from 'react';
+import styled, { css } from 'styled-components';
+import { Icon } from '../Icon';
+import { theme } from '../theme';
+import { focusOutline } from '../utils/focusOutline';
+export const Link = ({ className, href, onClick, openInNewTab, download, children, typo = 'regular', highlight = false, iconToRender = openInNewTab ? 'new-window' : undefined, isTrailingIcon = true, }) => {
+    return (React.createElement(LinkWrapper, { href: href, className: className, onClick: onClick, download: download, "$typo": typo, "$highlight": highlight, ...(openInNewTab && {
+            rel: 'noopener noreferrer',
+            target: '_blank',
+        }) },
+        iconToRender && !isTrailingIcon && (React.createElement(Icon, { mt: { custom: '3px' }, mr: { custom: '4px' }, render: iconToRender, size: typo === 'regular' ? 14 : 12, color: highlight ? 'lollipop' : 'liquorice' })),
+        children,
+        iconToRender && isTrailingIcon && (React.createElement(Icon, { mt: { custom: '3px' }, ml: "8px", render: iconToRender, size: typo === 'regular' ? 14 : 12, color: highlight ? 'lollipop' : 'liquorice' }))));
+};
+const LinkWrapper = styled.a(({ $typo, $highlight }) => css `
+    ${focusOutline()}
+    display: inline-flex;
+    flex-direction: row;
+
+    ${$typo === 'regular' &&
+    css `
+      font-size: 16px;
+      line-height: 20px;
+    `}
+
+    ${$typo === 'small' &&
+    css `
+      font-size: 14px;
+      line-height: 20px;
+    `}
+
+      font-weight: ${theme.font.weight.medium};
+    text-decoration: underline;
+    color: ${$highlight ? theme.colors.lollipop : theme.colors.liquorice};
+
+    background: none;
+    cursor: pointer;
+
+    &:hover {
+      color: ${theme.colors.sesame};
+
+      path {
+        fill: ${theme.colors.sesame};
+      }
+    }
+
+    &:active {
+      color: ${theme.colors.liquorice};
+
+      path {
+        fill: ${theme.colors.liquorice};
+      }
+    }
+  `);
+/**
+ * Internal utility to override styling in other components (see Text)
+ * @internal
+ */
+export const linkStyleOverride = ({ color }) => css `
+  & ${LinkWrapper} {
+    color: ${color};
+
+    path {
+      fill: ${color};
+    }
+
+    &:hover {
+      color: ${darken(0.1, color)};
+
+      path {
+        fill: ${darken(0.1, color)};
+      }
+    }
+  }
+`;
+//# sourceMappingURL=Link.js.map

package/dist/Link/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,KAA2C,MAAM,OAAO,CAAA;AAC/D,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAiBpD,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,EAClC,SAAS,EACT,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,IAAI,GAAG,SAAS,EAChB,SAAS,GAAG,KAAK,EACjB,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EACtD,cAAc,GAAG,IAAI,GACtB,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,WAAW,IACV,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,WACX,IAAI,gBACC,SAAS,KACjB,CAAC,YAAY,IAAI;YACnB,GAAG,EAAE,qBAAqB;YAC1B,MAAM,EAAE,QAAQ;SACjB,CAAC;QAED,YAAY,IAAI,CAAC,cAAc,IAAI,CAClC,oBAAC,IAAI,IACH,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EACrB,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EACrB,MAAM,EAAE,YAAY,EACpB,IAAI,EAAE,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAClC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,GAC3C,CACH;QACA,QAAQ;QACR,YAAY,IAAI,cAAc,IAAI,CACjC,oBAAC,IAAI,IACH,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EACrB,EAAE,EAAC,KAAK,EACR,MAAM,EAAE,YAAY,EACpB,IAAI,EAAE,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAClC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,GAC3C,CACH,CACW,CACf,CAAA;AACH,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAC1B,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;MAC1B,YAAY,EAAE;;;;MAId,KAAK,KAAK,SAAS;IACrB,GAAG,CAAA;;;KAGF;;MAEC,KAAK,KAAK,OAAO;IACnB,GAAG,CAAA;;;KAGF;;qBAEgB,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;aAEhC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS;;;;;;eAMzD,KAAK,CAAC,MAAM,CAAC,MAAM;;;gBAGlB,KAAK,CAAC,MAAM,CAAC,MAAM;;;;;eAKpB,KAAK,CAAC,MAAM,CAAC,SAAS;;;gBAGrB,KAAK,CAAC,MAAM,CAAC,SAAS;;;GAGnC,CACF,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,KAAK,EAAqB,EAAE,EAAE,CAAC,GAAG,CAAA;MAChE,WAAW;aACJ,KAAK;;;cAGJ,KAAK;;;;eAIJ,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC;;;gBAGjB,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC;;;;CAIjC,CAAA","sourcesContent":["import { darken } from 'polished'\nimport React, { FC, MouseEventHandler, ReactNode } from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { Icon } from '../Icon'\nimport { Icons } from '../Icon/iconsList'\nimport { theme } from '../theme'\nimport { focusOutline } from '../utils/focusOutline'\n\ntype LinkTypo = 'regular' | 'small'\n\nexport type LinkProps = {\n  className?: string\n  href: string\n  onClick?: MouseEventHandler\n  openInNewTab?: boolean\n  children?: ReactNode\n  download?: boolean\n  typo?: LinkTypo\n  highlight?: boolean\n  iconToRender?: Icons\n  isTrailingIcon?: boolean\n}\n\nexport const Link: FC<LinkProps> = ({\n  className,\n  href,\n  onClick,\n  openInNewTab,\n  download,\n  children,\n  typo = 'regular',\n  highlight = false,\n  iconToRender = openInNewTab ? 'new-window' : undefined,\n  isTrailingIcon = true,\n}) => {\n  return (\n    <LinkWrapper\n      href={href}\n      className={className}\n      onClick={onClick}\n      download={download}\n      $typo={typo}\n      $highlight={highlight}\n      {...(openInNewTab && {\n        rel: 'noopener noreferrer',\n        target: '_blank',\n      })}\n    >\n      {iconToRender && !isTrailingIcon && (\n        <Icon\n          mt={{ custom: '3px' }}\n          mr={{ custom: '4px' }}\n          render={iconToRender}\n          size={typo === 'regular' ? 14 : 12}\n          color={highlight ? 'lollipop' : 'liquorice'}\n        />\n      )}\n      {children}\n      {iconToRender && isTrailingIcon && (\n        <Icon\n          mt={{ custom: '3px' }}\n          ml=\"8px\"\n          render={iconToRender}\n          size={typo === 'regular' ? 14 : 12}\n          color={highlight ? 'lollipop' : 'liquorice'}\n        />\n      )}\n    </LinkWrapper>\n  )\n}\n\nconst LinkWrapper = styled.a<{ $typo: LinkTypo; $highlight: boolean }>(\n  ({ $typo, $highlight }) => css`\n    ${focusOutline()}\n    display: inline-flex;\n    flex-direction: row;\n\n    ${$typo === 'regular' &&\n    css`\n      font-size: 16px;\n      line-height: 20px;\n    `}\n\n    ${$typo === 'small' &&\n    css`\n      font-size: 14px;\n      line-height: 20px;\n    `}\n\n      font-weight: ${theme.font.weight.medium};\n    text-decoration: underline;\n    color: ${$highlight ? theme.colors.lollipop : theme.colors.liquorice};\n\n    background: none;\n    cursor: pointer;\n\n    &:hover {\n      color: ${theme.colors.sesame};\n\n      path {\n        fill: ${theme.colors.sesame};\n      }\n    }\n\n    &:active {\n      color: ${theme.colors.liquorice};\n\n      path {\n        fill: ${theme.colors.liquorice};\n      }\n    }\n  `,\n)\n\n/**\n * Internal utility to override styling in other components (see Text)\n * @internal\n */\nexport const linkStyleOverride = ({ color }: { color: string }) => css`\n  & ${LinkWrapper} {\n    color: ${color};\n\n    path {\n      fill: ${color};\n    }\n\n    &:hover {\n      color: ${darken(0.1, color)};\n\n      path {\n        fill: ${darken(0.1, color)};\n      }\n    }\n  }\n`\n"]}

package/dist/Link/index.d.ts

@@ -0,0 +1 @@
+export * from './Link';

package/dist/Link/index.js

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

package/dist/Link/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Link/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA","sourcesContent":["export * from './Link'\n"]}

package/dist/Loader/Loader.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { Color } from '../theme';
+export type LoaderProps = {
+    height: string;
+    color?: Color;
+};
+export declare const Loader: FC<LoaderProps>;

package/dist/Loader/Loader.js

@@ -0,0 +1,251 @@
+import React from 'react';
+import styled from 'styled-components';
+import { theme } from '../theme';
+export const Loader = ({ height, color = 'marshmallowPink', }) => (React.createElement(LoaderSvg, { viewBox: "0 0 60 32", height: height, color: color },
+    React.createElement("g", { transform: "translate(30,18.5455) translate(-30,-9)" },
+        React.createElement(MarshOne, { id: "Marshmallow1", d: "M73.999,81.9767L73.6592,70.6087C73.6352,69.8071,73.1892,69.0806,72.4916,68.707C71.1747,68.0014,69.0105,67.648,66.0001,67.6467C62.9894,67.648,60.8254,68.0014,59.5084,68.707C58.8109,69.0806,58.3648,69.8071,58.3408,70.6087L58.001,81.9767C57.983,82.5754,58.2138,83.1538,58.6366,83.5705C60.0408,84.9546,62.4906,85.6467,65.986,85.6467C65.9907,85.6467,65.9953,85.6467,66.0001,85.6467C66.0047,85.6467,66.0094,85.6467,66.014,85.6467C69.5095,85.6467,71.9593,84.9546,73.3634,83.5705C73.7863,83.1538,74.0169,82.5754,73.999,81.9767", transform: "translate(-58,-67.6467)" }),
+        React.createElement(MarshTwo, { id: "Marshmallow2", d: "M73.999,81.9767L73.6592,70.6087C73.6352,69.8071,73.1892,69.0806,72.4916,68.707C71.1747,68.0014,69.0105,67.648,66.0001,67.6467C62.9894,67.648,60.8254,68.0014,59.5084,68.707C58.8109,69.0806,58.3648,69.8071,58.3408,70.6087L58.001,81.9767C57.983,82.5754,58.2138,83.1538,58.6366,83.5705C60.0408,84.9546,62.4906,85.6467,65.986,85.6467C65.9907,85.6467,65.9953,85.6467,66.0001,85.6467C66.0047,85.6467,66.0094,85.6467,66.014,85.6467C69.5095,85.6467,71.9593,84.9546,73.3634,83.5705C73.7863,83.1538,74.0169,82.5754,73.999,81.9767", transform: "translate(-36,-67.6467)" }),
+        React.createElement(MarshThree, { id: "Marshmallow3", d: "M73.999,81.9767L73.6592,70.6087C73.6352,69.8071,73.1892,69.0806,72.4916,68.707C71.1747,68.0014,69.0105,67.648,66.0001,67.6467C62.9894,67.648,60.8254,68.0014,59.5084,68.707C58.8109,69.0806,58.3648,69.8071,58.3408,70.6087L58.001,81.9767C57.983,82.5754,58.2138,83.1538,58.6366,83.5705C60.0408,84.9546,62.4906,85.6467,65.986,85.6467C65.9907,85.6467,65.9953,85.6467,66.0001,85.6467C66.0047,85.6467,66.0094,85.6467,66.014,85.6467C69.5095,85.6467,71.9593,84.9546,73.3634,83.5705C73.7863,83.1538,74.0169,82.5754,73.999,81.9767", transform: "translate(-14,-67.6467)" }))));
+const LoaderSvg = styled.svg `
+  $height: ${(p) => p.height};
+
+  path {
+    fill: ${(p) => theme.colors[p.color]};
+    stroke: none;
+    fill-rule: evenodd;
+  }
+
+  @keyframes Marshmallow1_t {
+    0% {
+      transform: translate(-58.000021px, -67.6467px);
+    }
+    25% {
+      transform: translate(-58.000021px, -67.6467px);
+      animation-timing-function: cubic-bezier(0, 0, 0, 1);
+    }
+    37.5% {
+      transform: translate(-58.000021px, -77.6467px);
+      animation-timing-function: cubic-bezier(0, 0, 1, 0);
+    }
+    50% {
+      transform: translate(-58.000021px, -67.6467px);
+    }
+    62.5% {
+      transform: translate(-58.000021px, -67.3967px);
+    }
+    75% {
+      transform: translate(-58.000021px, -67.8263px);
+    }
+    100% {
+      transform: translate(-58.000021px, -67.8263px);
+    }
+  }
+
+  @keyframes Marshmallow1_d {
+    0% {
+      /* tslint:disable-next-line:max-line-length */
+      d: path(
+        'M73.999,81.9767L73.6592,70.6087C73.6352,69.8071,73.1892,69.0806,72.4916,68.707C71.1747,68.0014,69.0105,67.648,66.0001,67.6467C62.9894,67.648,60.8254,68.0014,59.5084,68.707C58.8109,69.0806,58.3648,69.8071,58.3408,70.6087L58.001,81.9767C57.983,82.5754,58.2138,83.1538,58.6366,83.5705C60.0408,84.9546,62.4906,85.6467,65.986,85.6467C65.9907,85.6467,65.9953,85.6467,66.0001,85.6467C66.0047,85.6467,66.0094,85.6467,66.014,85.6467C69.5095,85.6467,71.9593,84.9546,73.3634,83.5705C73.7863,83.1538,74.0169,82.5754,73.999,81.9767'
+      );
+    }
+    12.5% {
+      /** tslint:disable-next-line:max-line-length */
+      d: path(
+        'M73.999,82.6408L73.6592,73.3299C73.6352,72.6734,73.1892,72.0783,72.4916,71.7723C71.1747,71.1944,69.0105,70.905,66.0001,70.9039C62.9894,70.905,60.8254,71.1944,59.5084,71.7723C58.8109,72.0783,58.3648,72.6734,58.3408,73.3299L58.001,82.6408C57.983,83.1312,58.2138,83.6049,58.6366,83.9462C60.0408,85.0798,62.4906,85.6467,65.986,85.6467C65.9907,85.6467,65.9953,85.6467,66.0001,85.6467C66.0047,85.6467,66.0094,85.6467,66.014,85.6467C69.5095,85.6467,71.9593,85.0798,73.3634,83.9462C73.7863,83.6049,74.0169,83.1312,73.999,82.6408'
+      );
+    }
+    25% {
+      /** tslint:disable-next-line:max-line-length */
+      d: path(
+        'M73.999,82.0487L73.6592,70.9039C73.6352,70.118,73.1892,69.4057,72.4916,69.0394C71.1747,68.3477,69.0105,68.0013,66.0001,68C62.9894,68.0013,60.8254,68.3477,59.5084,69.0394C58.8109,69.4057,58.3648,70.118,58.3408,70.9039L58.001,82.0487C57.983,82.6357,58.2138,83.2027,58.6366,83.6113C60.0408,84.9681,62.4906,85.6467,65.986,85.6467C65.9907,85.6467,65.9953,85.6467,66.0001,85.6467C66.0047,85.6467,66.0094,85.6467,66.014,85.6467C69.5095,85.6467,71.9593,84.9681,73.3634,83.6113C73.7863,83.2027,74.0169,82.6357,73.999,82.0487'
+      );
+    }
+    50% {
+      /** tslint:disable-next-line:max-line-length */
+      d: path(
+        'M73.999,82.0513L73.6592,70.9044C73.6352,70.1184,73.1892,69.406,72.4916,69.0396C71.1747,68.3478,69.0105,68.0013,66.0001,68C62.9894,68.0013,60.8254,68.3478,59.5084,69.0396C58.8109,69.406,58.3648,70.1184,58.3408,70.9044L58.001,82.0513C57.983,82.6384,58.2138,83.2055,58.6366,83.6142C60.0408,84.9713,62.4906,85.65,65.986,85.65C65.9907,85.65,65.9953,85.65,66.0001,85.65C66.0047,85.65,66.0094,85.65,66.014,85.65C69.5095,85.65,71.9593,84.9713,73.3634,83.6142C73.7863,83.2055,74.0169,82.6384,73.999,82.0513'
+      );
+    }
+    62.5% {
+      /** tslint:disable-next-line:max-line-length */
+      d: path(
+        'M73.999,82.3846L73.6592,73.0755C73.6352,72.4191,73.1892,71.8242,72.4916,71.5182C71.1747,70.9405,69.0105,70.6511,66.0001,70.65C62.9894,70.6511,60.8254,70.9405,59.5084,71.5182C58.8109,71.8242,58.3648,72.4191,58.3408,73.0755L58.001,82.3846C57.983,82.875,58.2138,83.3485,58.6366,83.6899C60.0408,84.8232,62.4906,85.39,65.986,85.39C65.9907,85.39,65.9953,85.39,66.0001,85.39C66.0047,85.39,66.0094,85.39,66.014,85.39C69.5095,85.39,71.9593,84.8232,73.3634,83.6899C73.7863,83.3485,74.0169,82.875,73.999,82.3846'
+      );
+    }
+    75% {
+      /** tslint:disable-next-line:max-line-length */
+      d: path(
+        'M73.999,82.1545L73.6592,70.7865C73.6352,69.985,73.1892,69.2585,72.4916,68.8848C71.1747,68.1794,69.0105,67.8259,66.0001,67.8246C62.9894,67.8259,60.8254,68.1794,59.5084,68.8848C58.8109,69.2585,58.3648,69.985,58.3408,70.7865L58.001,82.1545C57.983,82.7533,58.2138,83.3316,58.6366,83.7485C60.0408,85.1325,62.4906,85.8246,65.986,85.8246C65.9907,85.8246,65.9953,85.8246,66.0001,85.8246C66.0047,85.8246,66.0094,85.8246,66.014,85.8246C69.5095,85.8246,71.9593,85.1325,73.3634,83.7485C73.7863,83.3316,74.0169,82.7533,73.999,82.1545'
+      );
+    }
+    100% {
+      /** tslint:disable-next-line:max-line-length */
+      d: path(
+        'M73.999,82.1545L73.6592,70.7865C73.6352,69.985,73.1892,69.2585,72.4916,68.8848C71.1747,68.1794,69.0105,67.8259,66.0001,67.8246C62.9894,67.8259,60.8254,68.1794,59.5084,68.8848C58.8109,69.2585,58.3648,69.985,58.3408,70.7865L58.001,82.1545C57.983,82.7533,58.2138,83.3316,58.6366,83.7485C60.0408,85.1325,62.4906,85.8246,65.986,85.8246C65.9907,85.8246,65.9953,85.8246,66.0001,85.8246C66.0047,85.8246,66.0094,85.8246,66.014,85.8246C69.5095,85.8246,71.9593,85.1325,73.3634,83.7485C73.7863,83.3316,74.0169,82.7533,73.999,82.1545'
+      );
+    }
+  }
+  @keyframes Marshmallow2_t {
+    0% {
+      transform: translate(-36.000021px, -67.6467px);
+    }
+    12.5% {
+      transform: translate(-36.000021px, -67.6467px);
+    }
+    37.5% {
+      transform: translate(-36.000021px, -67.6467px);
+      animation-timing-function: cubic-bezier(0, 0, 0, 1);
+    }
+    50% {
+      transform: translate(-36.000021px, -77.6467px);
+      animation-timing-function: cubic-bezier(0, 0, 1, 0);
+    }
+    62.5% {
+      transform: translate(-36.000021px, -67.6467px);
+    }
+    75% {
+      transform: translate(-36.000021px, -67.3967px);
+    }
+    87.5% {
+      transform: translate(-36.000021px, -67.8263px);
+    }
+    100% {
+      transform: translate(-36.000021px, -67.8263px);
+    }
+  }
+  @keyframes Marshmallow2_d {
+    0% {
+      /** tslint:disable-next-line:max-line-length */
+      d: path(
+        'M73.999,81.9767L73.6592,70.6087C73.6352,69.8071,73.1892,69.0806,72.4916,68.707C71.1747,68.0014,69.0105,67.648,66.0001,67.6467C62.9894,67.648,60.8254,68.0014,59.5084,68.707C58.8109,69.0806,58.3648,69.8071,58.3408,70.6087L58.001,81.9767C57.983,82.5754,58.2138,83.1538,58.6366,83.5705C60.0408,84.9546,62.4906,85.6467,65.986,85.6467C65.9907,85.6467,65.9953,85.6467,66.0001,85.6467C66.0047,85.6467,66.0094,85.6467,66.014,85.6467C69.5095,85.6467,71.9593,84.9546,73.3634,83.5705C73.7863,83.1538,74.0169,82.5754,73.999,81.9767'
+      );
+    }
+    12.5% {
+      /** tslint:disable-next-line:max-line-length */
+      d: path(
+        'M73.999,81.9767L73.6592,70.6087C73.6352,69.8071,73.1892,69.0806,72.4916,68.707C71.1747,68.0014,69.0105,67.648,66.0001,67.6467C62.9894,67.648,60.8254,68.0014,59.5084,68.707C58.8109,69.0806,58.3648,69.8071,58.3408,70.6087L58.001,81.9767C57.983,82.5754,58.2138,83.1538,58.6366,83.5705C60.0408,84.9546,62.4906,85.6467,65.986,85.6467C65.9907,85.6467,65.9953,85.6467,66.0001,85.6467C66.0047,85.6467,66.0094,85.6467,66.014,85.6467C69.5095,85.6467,71.9593,84.9546,73.3634,83.5705C73.7863,83.1538,74.0169,82.5754,73.999,81.9767'
+      );
+    }
+    25% {
+      /** tslint:disable-next-line:max-line-length */
+      d: path(
+        'M73.999,82.6408L73.6592,73.3299C73.6352,72.6734,73.1892,72.0783,72.4916,71.7723C71.1747,71.1944,69.0105,70.905,66.0001,70.9039C62.9894,70.905,60.8254,71.1944,59.5084,71.7723C58.8109,72.0783,58.3648,72.6734,58.3408,73.3299L58.001,82.6408C57.983,83.1312,58.2138,83.6049,58.6366,83.9462C60.0408,85.0798,62.4906,85.6467,65.986,85.6467C65.9907,85.6467,65.9953,85.6467,66.0001,85.6467C66.0047,85.6467,66.0094,85.6467,66.014,85.6467C69.5095,85.6467,71.9593,85.0798,73.3634,83.9462C73.7863,83.6049,74.0169,83.1312,73.999,82.6408'
+      );
+    }
+    37.5% {
+      /** tslint:disable-next-line:max-line-length */
+      d: path(
+        'M73.999,82.0487L73.6592,70.9039C73.6352,70.118,73.1892,69.4057,72.4916,69.0394C71.1747,68.3477,69.0105,68.0013,66.0001,68C62.9894,68.0013,60.8254,68.3477,59.5084,69.0394C58.8109,69.4057,58.3648,70.118,58.3408,70.9039L58.001,82.0487C57.983,82.6357,58.2138,83.2027,58.6366,83.6113C60.0408,84.9681,62.4906,85.6467,65.986,85.6467C65.9907,85.6467,65.9953,85.6467,66.0001,85.6467C66.0047,85.6467,66.0094,85.6467,66.014,85.6467C69.5095,85.6467,71.9593,84.9681,73.3634,83.6113C73.7863,83.2027,74.0169,82.6357,73.999,82.0487'
+      );
+    }
+    62.5% {
+      /** tslint:disable-next-line:max-line-length */
+      d: path(
+        'M73.999,82.0513L73.6592,70.9044C73.6352,70.1184,73.1892,69.406,72.4916,69.0396C71.1747,68.3478,69.0105,68.0013,66.0001,68C62.9894,68.0013,60.8254,68.3478,59.5084,69.0396C58.8109,69.406,58.3648,70.1184,58.3408,70.9044L58.001,82.0513C57.983,82.6384,58.2138,83.2055,58.6366,83.6142C60.0408,84.9713,62.4906,85.65,65.986,85.65C65.9907,85.65,65.9953,85.65,66.0001,85.65C66.0047,85.65,66.0094,85.65,66.014,85.65C69.5095,85.65,71.9593,84.9713,73.3634,83.6142C73.7863,83.2055,74.0169,82.6384,73.999,82.0513'
+      );
+    }
+    75% {
+      /** tslint:disable-next-line:max-line-length */
+      d: path(
+        'M73.999,82.3846L73.6592,73.0755C73.6352,72.4191,73.1892,71.8242,72.4916,71.5182C71.1747,70.9405,69.0105,70.6511,66.0001,70.65C62.9894,70.6511,60.8254,70.9405,59.5084,71.5182C58.8109,71.8242,58.3648,72.4191,58.3408,73.0755L58.001,82.3846C57.983,82.875,58.2138,83.3485,58.6366,83.6899C60.0408,84.8232,62.4906,85.39,65.986,85.39C65.9907,85.39,65.9953,85.39,66.0001,85.39C66.0047,85.39,66.0094,85.39,66.014,85.39C69.5095,85.39,71.9593,84.8232,73.3634,83.6899C73.7863,83.3485,74.0169,82.875,73.999,82.3846'
+      );
+    }
+    87.5% {
+      /** tslint:disable-next-line:max-line-length */
+      d: path(
+        'M73.999,82.1545L73.6592,70.7865C73.6352,69.985,73.1892,69.2585,72.4916,68.8848C71.1747,68.1794,69.0105,67.8259,66.0001,67.8246C62.9894,67.8259,60.8254,68.1794,59.5084,68.8848C58.8109,69.2585,58.3648,69.985,58.3408,70.7865L58.001,82.1545C57.983,82.7533,58.2138,83.3316,58.6366,83.7485C60.0408,85.1325,62.4906,85.8246,65.986,85.8246C65.9907,85.8246,65.9953,85.8246,66.0001,85.8246C66.0047,85.8246,66.0094,85.8246,66.014,85.8246C69.5095,85.8246,71.9593,85.1325,73.3634,83.7485C73.7863,83.3316,74.0169,82.7533,73.999,82.1545'
+      );
+    }
+    100% {
+      /** tslint:disable-next-line:max-line-length */
+      d: path(
+        'M73.999,82.1545L73.6592,70.7865C73.6352,69.985,73.1892,69.2585,72.4916,68.8848C71.1747,68.1794,69.0105,67.8259,66.0001,67.8246C62.9894,67.8259,60.8254,68.1794,59.5084,68.8848C58.8109,69.2585,58.3648,69.985,58.3408,70.7865L58.001,82.1545C57.983,82.7533,58.2138,83.3316,58.6366,83.7485C60.0408,85.1325,62.4906,85.8246,65.986,85.8246C65.9907,85.8246,65.9953,85.8246,66.0001,85.8246C66.0047,85.8246,66.0094,85.8246,66.014,85.8246C69.5095,85.8246,71.9593,85.1325,73.3634,83.7485C73.7863,83.3316,74.0169,82.7533,73.999,82.1545'
+      );
+    }
+  }
+  @keyframes Marshmallow3_t {
+    0% {
+      transform: translate(-14.000021px, -67.6467px);
+    }
+    25% {
+      transform: translate(-14.000021px, -67.6467px);
+    }
+    50% {
+      transform: translate(-14.000021px, -67.6467px);
+      animation-timing-function: cubic-bezier(0, 0, 0, 1);
+    }
+    62.5% {
+      transform: translate(-14.000021px, -77.6467px);
+      animation-timing-function: cubic-bezier(0, 0, 1, 0);
+    }
+    75% {
+      transform: translate(-14.000021px, -67.6467px);
+    }
+    87.5% {
+      transform: translate(-14.000021px, -67.3967px);
+    }
+    100% {
+      transform: translate(-14.000021px, -67.8263px);
+    }
+  }
+  @keyframes Marshmallow3_d {
+    0% {
+      /** tslint:disable-next-line:max-line-length */
+      d: path(
+        'M73.999,81.9767L73.6592,70.6087C73.6352,69.8071,73.1892,69.0806,72.4916,68.707C71.1747,68.0014,69.0105,67.648,66.0001,67.6467C62.9894,67.648,60.8254,68.0014,59.5084,68.707C58.8109,69.0806,58.3648,69.8071,58.3408,70.6087L58.001,81.9767C57.983,82.5754,58.2138,83.1538,58.6366,83.5705C60.0408,84.9546,62.4906,85.6467,65.986,85.6467C65.9907,85.6467,65.9953,85.6467,66.0001,85.6467C66.0047,85.6467,66.0094,85.6467,66.014,85.6467C69.5095,85.6467,71.9593,84.9546,73.3634,83.5705C73.7863,83.1538,74.0169,82.5754,73.999,81.9767'
+      );
+    }
+    25% {
+      /** tslint:disable-next-line:max-line-length */
+      d: path(
+        'M73.999,81.9767L73.6592,70.6087C73.6352,69.8071,73.1892,69.0806,72.4916,68.707C71.1747,68.0014,69.0105,67.648,66.0001,67.6467C62.9894,67.648,60.8254,68.0014,59.5084,68.707C58.8109,69.0806,58.3648,69.8071,58.3408,70.6087L58.001,81.9767C57.983,82.5754,58.2138,83.1538,58.6366,83.5705C60.0408,84.9546,62.4906,85.6467,65.986,85.6467C65.9907,85.6467,65.9953,85.6467,66.0001,85.6467C66.0047,85.6467,66.0094,85.6467,66.014,85.6467C69.5095,85.6467,71.9593,84.9546,73.3634,83.5705C73.7863,83.1538,74.0169,82.5754,73.999,81.9767'
+      );
+    }
+    37.5% {
+      /** tslint:disable-next-line:max-line-length */
+      d: path(
+        'M73.999,82.6408L73.6592,73.3299C73.6352,72.6734,73.1892,72.0783,72.4916,71.7723C71.1747,71.1944,69.0105,70.905,66.0001,70.9039C62.9894,70.905,60.8254,71.1944,59.5084,71.7723C58.8109,72.0783,58.3648,72.6734,58.3408,73.3299L58.001,82.6408C57.983,83.1312,58.2138,83.6049,58.6366,83.9462C60.0408,85.0798,62.4906,85.6467,65.986,85.6467C65.9907,85.6467,65.9953,85.6467,66.0001,85.6467C66.0047,85.6467,66.0094,85.6467,66.014,85.6467C69.5095,85.6467,71.9593,85.0798,73.3634,83.9462C73.7863,83.6049,74.0169,83.1312,73.999,82.6408'
+      );
+    }
+    50% {
+      /** tslint:disable-next-line:max-line-length */
+      d: path(
+        'M73.999,82.0487L73.6592,70.9039C73.6352,70.118,73.1892,69.4057,72.4916,69.0394C71.1747,68.3477,69.0105,68.0013,66.0001,68C62.9894,68.0013,60.8254,68.3477,59.5084,69.0394C58.8109,69.4057,58.3648,70.118,58.3408,70.9039L58.001,82.0487C57.983,82.6357,58.2138,83.2027,58.6366,83.6113C60.0408,84.9681,62.4906,85.6467,65.986,85.6467C65.9907,85.6467,65.9953,85.6467,66.0001,85.6467C66.0047,85.6467,66.0094,85.6467,66.014,85.6467C69.5095,85.6467,71.9593,84.9681,73.3634,83.6113C73.7863,83.2027,74.0169,82.6357,73.999,82.0487'
+      );
+    }
+    75% {
+      /** tslint:disable-next-line:max-line-length */
+      d: path(
+        'M73.999,82.0513L73.6592,70.9044C73.6352,70.1184,73.1892,69.406,72.4916,69.0396C71.1747,68.3478,69.0105,68.0013,66.0001,68C62.9894,68.0013,60.8254,68.3478,59.5084,69.0396C58.8109,69.406,58.3648,70.1184,58.3408,70.9044L58.001,82.0513C57.983,82.6384,58.2138,83.2055,58.6366,83.6142C60.0408,84.9713,62.4906,85.65,65.986,85.65C65.9907,85.65,65.9953,85.65,66.0001,85.65C66.0047,85.65,66.0094,85.65,66.014,85.65C69.5095,85.65,71.9593,84.9713,73.3634,83.6142C73.7863,83.2055,74.0169,82.6384,73.999,82.0513'
+      );
+    }
+    87.5% {
+      /** tslint:disable-next-line:max-line-length */
+      d: path(
+        'M73.999,82.3846L73.6592,73.0755C73.6352,72.4191,73.1892,71.8242,72.4916,71.5182C71.1747,70.9405,69.0105,70.6511,66.0001,70.65C62.9894,70.6511,60.8254,70.9405,59.5084,71.5182C58.8109,71.8242,58.3648,72.4191,58.3408,73.0755L58.001,82.3846C57.983,82.875,58.2138,83.3485,58.6366,83.6899C60.0408,84.8232,62.4906,85.39,65.986,85.39C65.9907,85.39,65.9953,85.39,66.0001,85.39C66.0047,85.39,66.0094,85.39,66.014,85.39C69.5095,85.39,71.9593,84.8232,73.3634,83.6899C73.7863,83.3485,74.0169,82.875,73.999,82.3846'
+      );
+    }
+    100% {
+      /** tslint:disable-next-line:max-line-length */
+      d: path(
+        'M73.999,82.1545L73.6592,70.7865C73.6352,69.985,73.1892,69.2585,72.4916,68.8848C71.1747,68.1794,69.0105,67.8259,66.0001,67.8246C62.9894,67.8259,60.8254,68.1794,59.5084,68.8848C58.8109,69.2585,58.3648,69.985,58.3408,70.7865L58.001,82.1545C57.983,82.7533,58.2138,83.3316,58.6366,83.7485C60.0408,85.1325,62.4906,85.8246,65.986,85.8246C65.9907,85.8246,65.9953,85.8246,66.0001,85.8246C66.0047,85.8246,66.0094,85.8246,66.014,85.8246C69.5095,85.8246,71.9593,85.1325,73.3634,83.7485C73.7863,83.3316,74.0169,82.7533,73.999,82.1545'
+      );
+    }
+  }
+`;
+const MarshOne = styled.path `
+  animation:
+    Marshmallow1_t 1.6s linear infinite both,
+    Marshmallow1_d 1.6s linear infinite both;
+`;
+const MarshTwo = styled.path `
+  animation:
+    Marshmallow2_t 1.6s linear infinite both,
+    Marshmallow2_d 1.6s linear infinite both;
+`;
+const MarshThree = styled.path `
+  animation:
+    Marshmallow3_t 1.6s linear infinite both,
+    Marshmallow3_d 1.6s linear infinite both;
+`;
+//# sourceMappingURL=Loader.js.map

package/dist/Loader/Loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../src/Loader/Loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAS,KAAK,EAAE,MAAM,UAAU,CAAA;AAOvC,MAAM,CAAC,MAAM,MAAM,GAAoB,CAAC,EACtC,MAAM,EACN,KAAK,GAAG,iBAAiB,GAC1B,EAAE,EAAE,CAAC,CACJ,oBAAC,SAAS,IAAC,OAAO,EAAC,WAAW,EAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK;IACzD,2BAAG,SAAS,EAAC,yCAAyC;QACpD,oBAAC,QAAQ,IACP,EAAE,EAAC,cAAc,EACjB,CAAC,EAAC,wgBAAwgB,EAC1gB,SAAS,EAAC,yBAAyB,GACnC;QACF,oBAAC,QAAQ,IACP,EAAE,EAAC,cAAc,EACjB,CAAC,EAAC,wgBAAwgB,EAC1gB,SAAS,EAAC,yBAAyB,GACnC;QACF,oBAAC,UAAU,IACT,EAAE,EAAC,cAAc,EACjB,CAAC,EAAC,wgBAAwgB,EAC1gB,SAAS,EAAC,yBAAyB,GACnC,CACA,CACM,CACb,CAAA;AAQD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAM;aACrB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM;;;YAGhB,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8NvC,CAAA;AAED,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAA;;;;CAI3B,CAAA;AAED,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAA;;;;CAI3B,CAAA;AAED,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAA;;;;CAI7B,CAAA","sourcesContent":["import React, { FC } from 'react'\nimport styled from 'styled-components'\n\nimport { Color, theme } from '../theme'\n\nexport type LoaderProps = {\n  height: string\n  color?: Color\n}\n\nexport const Loader: FC<LoaderProps> = ({\n  height,\n  color = 'marshmallowPink',\n}) => (\n  <LoaderSvg viewBox=\"0 0 60 32\" height={height} color={color}>\n    <g transform=\"translate(30,18.5455) translate(-30,-9)\">\n      <MarshOne\n        id=\"Marshmallow1\"\n        d=\"M73.999,81.9767L73.6592,70.6087C73.6352,69.8071,73.1892,69.0806,72.4916,68.707C71.1747,68.0014,69.0105,67.648,66.0001,67.6467C62.9894,67.648,60.8254,68.0014,59.5084,68.707C58.8109,69.0806,58.3648,69.8071,58.3408,70.6087L58.001,81.9767C57.983,82.5754,58.2138,83.1538,58.6366,83.5705C60.0408,84.9546,62.4906,85.6467,65.986,85.6467C65.9907,85.6467,65.9953,85.6467,66.0001,85.6467C66.0047,85.6467,66.0094,85.6467,66.014,85.6467C69.5095,85.6467,71.9593,84.9546,73.3634,83.5705C73.7863,83.1538,74.0169,82.5754,73.999,81.9767\"\n        transform=\"translate(-58,-67.6467)\"\n      />\n      <MarshTwo\n        id=\"Marshmallow2\"\n        d=\"M73.999,81.9767L73.6592,70.6087C73.6352,69.8071,73.1892,69.0806,72.4916,68.707C71.1747,68.0014,69.0105,67.648,66.0001,67.6467C62.9894,67.648,60.8254,68.0014,59.5084,68.707C58.8109,69.0806,58.3648,69.8071,58.3408,70.6087L58.001,81.9767C57.983,82.5754,58.2138,83.1538,58.6366,83.5705C60.0408,84.9546,62.4906,85.6467,65.986,85.6467C65.9907,85.6467,65.9953,85.6467,66.0001,85.6467C66.0047,85.6467,66.0094,85.6467,66.014,85.6467C69.5095,85.6467,71.9593,84.9546,73.3634,83.5705C73.7863,83.1538,74.0169,82.5754,73.999,81.9767\"\n        transform=\"translate(-36,-67.6467)\"\n      />\n      <MarshThree\n        id=\"Marshmallow3\"\n        d=\"M73.999,81.9767L73.6592,70.6087C73.6352,69.8071,73.1892,69.0806,72.4916,68.707C71.1747,68.0014,69.0105,67.648,66.0001,67.6467C62.9894,67.648,60.8254,68.0014,59.5084,68.707C58.8109,69.0806,58.3648,69.8071,58.3408,70.6087L58.001,81.9767C57.983,82.5754,58.2138,83.1538,58.6366,83.5705C60.0408,84.9546,62.4906,85.6467,65.986,85.6467C65.9907,85.6467,65.9953,85.6467,66.0001,85.6467C66.0047,85.6467,66.0094,85.6467,66.014,85.6467C69.5095,85.6467,71.9593,84.9546,73.3634,83.5705C73.7863,83.1538,74.0169,82.5754,73.999,81.9767\"\n        transform=\"translate(-14,-67.6467)\"\n      />\n    </g>\n  </LoaderSvg>\n)\n\ninterface ISvg {\n  height: string\n  /** color of the jumping marshmallows (from the theme) */\n  color: Color\n}\n\nconst LoaderSvg = styled.svg<ISvg>`\n  $height: ${(p) => p.height};\n\n  path {\n    fill: ${(p) => theme.colors[p.color]};\n    stroke: none;\n    fill-rule: evenodd;\n  }\n\n  @keyframes Marshmallow1_t {\n    0% {\n      transform: translate(-58.000021px, -67.6467px);\n    }\n    25% {\n      transform: translate(-58.000021px, -67.6467px);\n      animation-timing-function: cubic-bezier(0, 0, 0, 1);\n    }\n    37.5% {\n      transform: translate(-58.000021px, -77.6467px);\n      animation-timing-function: cubic-bezier(0, 0, 1, 0);\n    }\n    50% {\n      transform: translate(-58.000021px, -67.6467px);\n    }\n    62.5% {\n      transform: translate(-58.000021px, -67.3967px);\n    }\n    75% {\n      transform: translate(-58.000021px, -67.8263px);\n    }\n    100% {\n      transform: translate(-58.000021px, -67.8263px);\n    }\n  }\n\n  @keyframes Marshmallow1_d {\n    0% {\n      /* tslint:disable-next-line:max-line-length */\n      d: path(\n        'M73.999,81.9767L73.6592,70.6087C73.6352,69.8071,73.1892,69.0806,72.4916,68.707C71.1747,68.0014,69.0105,67.648,66.0001,67.6467C62.9894,67.648,60.8254,68.0014,59.5084,68.707C58.8109,69.0806,58.3648,69.8071,58.3408,70.6087L58.001,81.9767C57.983,82.5754,58.2138,83.1538,58.6366,83.5705C60.0408,84.9546,62.4906,85.6467,65.986,85.6467C65.9907,85.6467,65.9953,85.6467,66.0001,85.6467C66.0047,85.6467,66.0094,85.6467,66.014,85.6467C69.5095,85.6467,71.9593,84.9546,73.3634,83.5705C73.7863,83.1538,74.0169,82.5754,73.999,81.9767'\n      );\n    }\n    12.5% {\n      /** tslint:disable-next-line:max-line-length */\n      d: path(\n        'M73.999,82.6408L73.6592,73.3299C73.6352,72.6734,73.1892,72.0783,72.4916,71.7723C71.1747,71.1944,69.0105,70.905,66.0001,70.9039C62.9894,70.905,60.8254,71.1944,59.5084,71.7723C58.8109,72.0783,58.3648,72.6734,58.3408,73.3299L58.001,82.6408C57.983,83.1312,58.2138,83.6049,58.6366,83.9462C60.0408,85.0798,62.4906,85.6467,65.986,85.6467C65.9907,85.6467,65.9953,85.6467,66.0001,85.6467C66.0047,85.6467,66.0094,85.6467,66.014,85.6467C69.5095,85.6467,71.9593,85.0798,73.3634,83.9462C73.7863,83.6049,74.0169,83.1312,73.999,82.6408'\n      );\n    }\n    25% {\n      /** tslint:disable-next-line:max-line-length */\n      d: path(\n        'M73.999,82.0487L73.6592,70.9039C73.6352,70.118,73.1892,69.4057,72.4916,69.0394C71.1747,68.3477,69.0105,68.0013,66.0001,68C62.9894,68.0013,60.8254,68.3477,59.5084,69.0394C58.8109,69.4057,58.3648,70.118,58.3408,70.9039L58.001,82.0487C57.983,82.6357,58.2138,83.2027,58.6366,83.6113C60.0408,84.9681,62.4906,85.6467,65.986,85.6467C65.9907,85.6467,65.9953,85.6467,66.0001,85.6467C66.0047,85.6467,66.0094,85.6467,66.014,85.6467C69.5095,85.6467,71.9593,84.9681,73.3634,83.6113C73.7863,83.2027,74.0169,82.6357,73.999,82.0487'\n      );\n    }\n    50% {\n      /** tslint:disable-next-line:max-line-length */\n      d: path(\n        'M73.999,82.0513L73.6592,70.9044C73.6352,70.1184,73.1892,69.406,72.4916,69.0396C71.1747,68.3478,69.0105,68.0013,66.0001,68C62.9894,68.0013,60.8254,68.3478,59.5084,69.0396C58.8109,69.406,58.3648,70.1184,58.3408,70.9044L58.001,82.0513C57.983,82.6384,58.2138,83.2055,58.6366,83.6142C60.0408,84.9713,62.4906,85.65,65.986,85.65C65.9907,85.65,65.9953,85.65,66.0001,85.65C66.0047,85.65,66.0094,85.65,66.014,85.65C69.5095,85.65,71.9593,84.9713,73.3634,83.6142C73.7863,83.2055,74.0169,82.6384,73.999,82.0513'\n      );\n    }\n    62.5% {\n      /** tslint:disable-next-line:max-line-length */\n      d: path(\n        'M73.999,82.3846L73.6592,73.0755C73.6352,72.4191,73.1892,71.8242,72.4916,71.5182C71.1747,70.9405,69.0105,70.6511,66.0001,70.65C62.9894,70.6511,60.8254,70.9405,59.5084,71.5182C58.8109,71.8242,58.3648,72.4191,58.3408,73.0755L58.001,82.3846C57.983,82.875,58.2138,83.3485,58.6366,83.6899C60.0408,84.8232,62.4906,85.39,65.986,85.39C65.9907,85.39,65.9953,85.39,66.0001,85.39C66.0047,85.39,66.0094,85.39,66.014,85.39C69.5095,85.39,71.9593,84.8232,73.3634,83.6899C73.7863,83.3485,74.0169,82.875,73.999,82.3846'\n      );\n    }\n    75% {\n      /** tslint:disable-next-line:max-line-length */\n      d: path(\n        'M73.999,82.1545L73.6592,70.7865C73.6352,69.985,73.1892,69.2585,72.4916,68.8848C71.1747,68.1794,69.0105,67.8259,66.0001,67.8246C62.9894,67.8259,60.8254,68.1794,59.5084,68.8848C58.8109,69.2585,58.3648,69.985,58.3408,70.7865L58.001,82.1545C57.983,82.7533,58.2138,83.3316,58.6366,83.7485C60.0408,85.1325,62.4906,85.8246,65.986,85.8246C65.9907,85.8246,65.9953,85.8246,66.0001,85.8246C66.0047,85.8246,66.0094,85.8246,66.014,85.8246C69.5095,85.8246,71.9593,85.1325,73.3634,83.7485C73.7863,83.3316,74.0169,82.7533,73.999,82.1545'\n      );\n    }\n    100% {\n      /** tslint:disable-next-line:max-line-length */\n      d: path(\n        'M73.999,82.1545L73.6592,70.7865C73.6352,69.985,73.1892,69.2585,72.4916,68.8848C71.1747,68.1794,69.0105,67.8259,66.0001,67.8246C62.9894,67.8259,60.8254,68.1794,59.5084,68.8848C58.8109,69.2585,58.3648,69.985,58.3408,70.7865L58.001,82.1545C57.983,82.7533,58.2138,83.3316,58.6366,83.7485C60.0408,85.1325,62.4906,85.8246,65.986,85.8246C65.9907,85.8246,65.9953,85.8246,66.0001,85.8246C66.0047,85.8246,66.0094,85.8246,66.014,85.8246C69.5095,85.8246,71.9593,85.1325,73.3634,83.7485C73.7863,83.3316,74.0169,82.7533,73.999,82.1545'\n      );\n    }\n  }\n  @keyframes Marshmallow2_t {\n    0% {\n      transform: translate(-36.000021px, -67.6467px);\n    }\n    12.5% {\n      transform: translate(-36.000021px, -67.6467px);\n    }\n    37.5% {\n      transform: translate(-36.000021px, -67.6467px);\n      animation-timing-function: cubic-bezier(0, 0, 0, 1);\n    }\n    50% {\n      transform: translate(-36.000021px, -77.6467px);\n      animation-timing-function: cubic-bezier(0, 0, 1, 0);\n    }\n    62.5% {\n      transform: translate(-36.000021px, -67.6467px);\n    }\n    75% {\n      transform: translate(-36.000021px, -67.3967px);\n    }\n    87.5% {\n      transform: translate(-36.000021px, -67.8263px);\n    }\n    100% {\n      transform: translate(-36.000021px, -67.8263px);\n    }\n  }\n  @keyframes Marshmallow2_d {\n    0% {\n      /** tslint:disable-next-line:max-line-length */\n      d: path(\n        'M73.999,81.9767L73.6592,70.6087C73.6352,69.8071,73.1892,69.0806,72.4916,68.707C71.1747,68.0014,69.0105,67.648,66.0001,67.6467C62.9894,67.648,60.8254,68.0014,59.5084,68.707C58.8109,69.0806,58.3648,69.8071,58.3408,70.6087L58.001,81.9767C57.983,82.5754,58.2138,83.1538,58.6366,83.5705C60.0408,84.9546,62.4906,85.6467,65.986,85.6467C65.9907,85.6467,65.9953,85.6467,66.0001,85.6467C66.0047,85.6467,66.0094,85.6467,66.014,85.6467C69.5095,85.6467,71.9593,84.9546,73.3634,83.5705C73.7863,83.1538,74.0169,82.5754,73.999,81.9767'\n      );\n    }\n    12.5% {\n      /** tslint:disable-next-line:max-line-length */\n      d: path(\n        'M73.999,81.9767L73.6592,70.6087C73.6352,69.8071,73.1892,69.0806,72.4916,68.707C71.1747,68.0014,69.0105,67.648,66.0001,67.6467C62.9894,67.648,60.8254,68.0014,59.5084,68.707C58.8109,69.0806,58.3648,69.8071,58.3408,70.6087L58.001,81.9767C57.983,82.5754,58.2138,83.1538,58.6366,83.5705C60.0408,84.9546,62.4906,85.6467,65.986,85.6467C65.9907,85.6467,65.9953,85.6467,66.0001,85.6467C66.0047,85.6467,66.0094,85.6467,66.014,85.6467C69.5095,85.6467,71.9593,84.9546,73.3634,83.5705C73.7863,83.1538,74.0169,82.5754,73.999,81.9767'\n      );\n    }\n    25% {\n      /** tslint:disable-next-line:max-line-length */\n      d: path(\n        'M73.999,82.6408L73.6592,73.3299C73.6352,72.6734,73.1892,72.0783,72.4916,71.7723C71.1747,71.1944,69.0105,70.905,66.0001,70.9039C62.9894,70.905,60.8254,71.1944,59.5084,71.7723C58.8109,72.0783,58.3648,72.6734,58.3408,73.3299L58.001,82.6408C57.983,83.1312,58.2138,83.6049,58.6366,83.9462C60.0408,85.0798,62.4906,85.6467,65.986,85.6467C65.9907,85.6467,65.9953,85.6467,66.0001,85.6467C66.0047,85.6467,66.0094,85.6467,66.014,85.6467C69.5095,85.6467,71.9593,85.0798,73.3634,83.9462C73.7863,83.6049,74.0169,83.1312,73.999,82.6408'\n      );\n    }\n    37.5% {\n      /** tslint:disable-next-line:max-line-length */\n      d: path(\n        'M73.999,82.0487L73.6592,70.9039C73.6352,70.118,73.1892,69.4057,72.4916,69.0394C71.1747,68.3477,69.0105,68.0013,66.0001,68C62.9894,68.0013,60.8254,68.3477,59.5084,69.0394C58.8109,69.4057,58.3648,70.118,58.3408,70.9039L58.001,82.0487C57.983,82.6357,58.2138,83.2027,58.6366,83.6113C60.0408,84.9681,62.4906,85.6467,65.986,85.6467C65.9907,85.6467,65.9953,85.6467,66.0001,85.6467C66.0047,85.6467,66.0094,85.6467,66.014,85.6467C69.5095,85.6467,71.9593,84.9681,73.3634,83.6113C73.7863,83.2027,74.0169,82.6357,73.999,82.0487'\n      );\n    }\n    62.5% {\n      /** tslint:disable-next-line:max-line-length */\n      d: path(\n        'M73.999,82.0513L73.6592,70.9044C73.6352,70.1184,73.1892,69.406,72.4916,69.0396C71.1747,68.3478,69.0105,68.0013,66.0001,68C62.9894,68.0013,60.8254,68.3478,59.5084,69.0396C58.8109,69.406,58.3648,70.1184,58.3408,70.9044L58.001,82.0513C57.983,82.6384,58.2138,83.2055,58.6366,83.6142C60.0408,84.9713,62.4906,85.65,65.986,85.65C65.9907,85.65,65.9953,85.65,66.0001,85.65C66.0047,85.65,66.0094,85.65,66.014,85.65C69.5095,85.65,71.9593,84.9713,73.3634,83.6142C73.7863,83.2055,74.0169,82.6384,73.999,82.0513'\n      );\n    }\n    75% {\n      /** tslint:disable-next-line:max-line-length */\n      d: path(\n        'M73.999,82.3846L73.6592,73.0755C73.6352,72.4191,73.1892,71.8242,72.4916,71.5182C71.1747,70.9405,69.0105,70.6511,66.0001,70.65C62.9894,70.6511,60.8254,70.9405,59.5084,71.5182C58.8109,71.8242,58.3648,72.4191,58.3408,73.0755L58.001,82.3846C57.983,82.875,58.2138,83.3485,58.6366,83.6899C60.0408,84.8232,62.4906,85.39,65.986,85.39C65.9907,85.39,65.9953,85.39,66.0001,85.39C66.0047,85.39,66.0094,85.39,66.014,85.39C69.5095,85.39,71.9593,84.8232,73.3634,83.6899C73.7863,83.3485,74.0169,82.875,73.999,82.3846'\n      );\n    }\n    87.5% {\n      /** tslint:disable-next-line:max-line-length */\n      d: path(\n        'M73.999,82.1545L73.6592,70.7865C73.6352,69.985,73.1892,69.2585,72.4916,68.8848C71.1747,68.1794,69.0105,67.8259,66.0001,67.8246C62.9894,67.8259,60.8254,68.1794,59.5084,68.8848C58.8109,69.2585,58.3648,69.985,58.3408,70.7865L58.001,82.1545C57.983,82.7533,58.2138,83.3316,58.6366,83.7485C60.0408,85.1325,62.4906,85.8246,65.986,85.8246C65.9907,85.8246,65.9953,85.8246,66.0001,85.8246C66.0047,85.8246,66.0094,85.8246,66.014,85.8246C69.5095,85.8246,71.9593,85.1325,73.3634,83.7485C73.7863,83.3316,74.0169,82.7533,73.999,82.1545'\n      );\n    }\n    100% {\n      /** tslint:disable-next-line:max-line-length */\n      d: path(\n        'M73.999,82.1545L73.6592,70.7865C73.6352,69.985,73.1892,69.2585,72.4916,68.8848C71.1747,68.1794,69.0105,67.8259,66.0001,67.8246C62.9894,67.8259,60.8254,68.1794,59.5084,68.8848C58.8109,69.2585,58.3648,69.985,58.3408,70.7865L58.001,82.1545C57.983,82.7533,58.2138,83.3316,58.6366,83.7485C60.0408,85.1325,62.4906,85.8246,65.986,85.8246C65.9907,85.8246,65.9953,85.8246,66.0001,85.8246C66.0047,85.8246,66.0094,85.8246,66.014,85.8246C69.5095,85.8246,71.9593,85.1325,73.3634,83.7485C73.7863,83.3316,74.0169,82.7533,73.999,82.1545'\n      );\n    }\n  }\n  @keyframes Marshmallow3_t {\n    0% {\n      transform: translate(-14.000021px, -67.6467px);\n    }\n    25% {\n      transform: translate(-14.000021px, -67.6467px);\n    }\n    50% {\n      transform: translate(-14.000021px, -67.6467px);\n      animation-timing-function: cubic-bezier(0, 0, 0, 1);\n    }\n    62.5% {\n      transform: translate(-14.000021px, -77.6467px);\n      animation-timing-function: cubic-bezier(0, 0, 1, 0);\n    }\n    75% {\n      transform: translate(-14.000021px, -67.6467px);\n    }\n    87.5% {\n      transform: translate(-14.000021px, -67.3967px);\n    }\n    100% {\n      transform: translate(-14.000021px, -67.8263px);\n    }\n  }\n  @keyframes Marshmallow3_d {\n    0% {\n      /** tslint:disable-next-line:max-line-length */\n      d: path(\n        'M73.999,81.9767L73.6592,70.6087C73.6352,69.8071,73.1892,69.0806,72.4916,68.707C71.1747,68.0014,69.0105,67.648,66.0001,67.6467C62.9894,67.648,60.8254,68.0014,59.5084,68.707C58.8109,69.0806,58.3648,69.8071,58.3408,70.6087L58.001,81.9767C57.983,82.5754,58.2138,83.1538,58.6366,83.5705C60.0408,84.9546,62.4906,85.6467,65.986,85.6467C65.9907,85.6467,65.9953,85.6467,66.0001,85.6467C66.0047,85.6467,66.0094,85.6467,66.014,85.6467C69.5095,85.6467,71.9593,84.9546,73.3634,83.5705C73.7863,83.1538,74.0169,82.5754,73.999,81.9767'\n      );\n    }\n    25% {\n      /** tslint:disable-next-line:max-line-length */\n      d: path(\n        'M73.999,81.9767L73.6592,70.6087C73.6352,69.8071,73.1892,69.0806,72.4916,68.707C71.1747,68.0014,69.0105,67.648,66.0001,67.6467C62.9894,67.648,60.8254,68.0014,59.5084,68.707C58.8109,69.0806,58.3648,69.8071,58.3408,70.6087L58.001,81.9767C57.983,82.5754,58.2138,83.1538,58.6366,83.5705C60.0408,84.9546,62.4906,85.6467,65.986,85.6467C65.9907,85.6467,65.9953,85.6467,66.0001,85.6467C66.0047,85.6467,66.0094,85.6467,66.014,85.6467C69.5095,85.6467,71.9593,84.9546,73.3634,83.5705C73.7863,83.1538,74.0169,82.5754,73.999,81.9767'\n      );\n    }\n    37.5% {\n      /** tslint:disable-next-line:max-line-length */\n      d: path(\n        'M73.999,82.6408L73.6592,73.3299C73.6352,72.6734,73.1892,72.0783,72.4916,71.7723C71.1747,71.1944,69.0105,70.905,66.0001,70.9039C62.9894,70.905,60.8254,71.1944,59.5084,71.7723C58.8109,72.0783,58.3648,72.6734,58.3408,73.3299L58.001,82.6408C57.983,83.1312,58.2138,83.6049,58.6366,83.9462C60.0408,85.0798,62.4906,85.6467,65.986,85.6467C65.9907,85.6467,65.9953,85.6467,66.0001,85.6467C66.0047,85.6467,66.0094,85.6467,66.014,85.6467C69.5095,85.6467,71.9593,85.0798,73.3634,83.9462C73.7863,83.6049,74.0169,83.1312,73.999,82.6408'\n      );\n    }\n    50% {\n      /** tslint:disable-next-line:max-line-length */\n      d: path(\n        'M73.999,82.0487L73.6592,70.9039C73.6352,70.118,73.1892,69.4057,72.4916,69.0394C71.1747,68.3477,69.0105,68.0013,66.0001,68C62.9894,68.0013,60.8254,68.3477,59.5084,69.0394C58.8109,69.4057,58.3648,70.118,58.3408,70.9039L58.001,82.0487C57.983,82.6357,58.2138,83.2027,58.6366,83.6113C60.0408,84.9681,62.4906,85.6467,65.986,85.6467C65.9907,85.6467,65.9953,85.6467,66.0001,85.6467C66.0047,85.6467,66.0094,85.6467,66.014,85.6467C69.5095,85.6467,71.9593,84.9681,73.3634,83.6113C73.7863,83.2027,74.0169,82.6357,73.999,82.0487'\n      );\n    }\n    75% {\n      /** tslint:disable-next-line:max-line-length */\n      d: path(\n        'M73.999,82.0513L73.6592,70.9044C73.6352,70.1184,73.1892,69.406,72.4916,69.0396C71.1747,68.3478,69.0105,68.0013,66.0001,68C62.9894,68.0013,60.8254,68.3478,59.5084,69.0396C58.8109,69.406,58.3648,70.1184,58.3408,70.9044L58.001,82.0513C57.983,82.6384,58.2138,83.2055,58.6366,83.6142C60.0408,84.9713,62.4906,85.65,65.986,85.65C65.9907,85.65,65.9953,85.65,66.0001,85.65C66.0047,85.65,66.0094,85.65,66.014,85.65C69.5095,85.65,71.9593,84.9713,73.3634,83.6142C73.7863,83.2055,74.0169,82.6384,73.999,82.0513'\n      );\n    }\n    87.5% {\n      /** tslint:disable-next-line:max-line-length */\n      d: path(\n        'M73.999,82.3846L73.6592,73.0755C73.6352,72.4191,73.1892,71.8242,72.4916,71.5182C71.1747,70.9405,69.0105,70.6511,66.0001,70.65C62.9894,70.6511,60.8254,70.9405,59.5084,71.5182C58.8109,71.8242,58.3648,72.4191,58.3408,73.0755L58.001,82.3846C57.983,82.875,58.2138,83.3485,58.6366,83.6899C60.0408,84.8232,62.4906,85.39,65.986,85.39C65.9907,85.39,65.9953,85.39,66.0001,85.39C66.0047,85.39,66.0094,85.39,66.014,85.39C69.5095,85.39,71.9593,84.8232,73.3634,83.6899C73.7863,83.3485,74.0169,82.875,73.999,82.3846'\n      );\n    }\n    100% {\n      /** tslint:disable-next-line:max-line-length */\n      d: path(\n        'M73.999,82.1545L73.6592,70.7865C73.6352,69.985,73.1892,69.2585,72.4916,68.8848C71.1747,68.1794,69.0105,67.8259,66.0001,67.8246C62.9894,67.8259,60.8254,68.1794,59.5084,68.8848C58.8109,69.2585,58.3648,69.985,58.3408,70.7865L58.001,82.1545C57.983,82.7533,58.2138,83.3316,58.6366,83.7485C60.0408,85.1325,62.4906,85.8246,65.986,85.8246C65.9907,85.8246,65.9953,85.8246,66.0001,85.8246C66.0047,85.8246,66.0094,85.8246,66.014,85.8246C69.5095,85.8246,71.9593,85.1325,73.3634,83.7485C73.7863,83.3316,74.0169,82.7533,73.999,82.1545'\n      );\n    }\n  }\n`\n\nconst MarshOne = styled.path`\n  animation:\n    Marshmallow1_t 1.6s linear infinite both,\n    Marshmallow1_d 1.6s linear infinite both;\n`\n\nconst MarshTwo = styled.path`\n  animation:\n    Marshmallow2_t 1.6s linear infinite both,\n    Marshmallow2_d 1.6s linear infinite both;\n`\n\nconst MarshThree = styled.path`\n  animation:\n    Marshmallow3_t 1.6s linear infinite both,\n    Marshmallow3_d 1.6s linear infinite both;\n`\n"]}

package/dist/Loader/index.d.ts

@@ -0,0 +1 @@
+export { Loader } from './Loader';

package/dist/Loader/index.js

@@ -0,0 +1,2 @@
+export { Loader } from './Loader';
+//# sourceMappingURL=index.js.map

package/dist/Loader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Loader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA","sourcesContent":["export { Loader } from './Loader'\n"]}

package/dist/Logo/Logo.d.ts

@@ -0,0 +1,35 @@
+import { FC } from 'react';
+declare const typeColorScheme: {
+    positive1: {
+        text: string;
+        logo: {
+            body: string;
+            eyes: string;
+            pupils: string;
+        };
+    };
+    positive2: {
+        text: string;
+        logo: {
+            body: string;
+            eyes: string;
+            pupils: string;
+        };
+    };
+    negative1: {
+        text: string;
+        logo: {
+            body: string;
+            eyes: string;
+            pupils: string;
+        };
+    };
+};
+type LogoType = keyof typeof typeColorScheme;
+export type LogoProps = {
+    type?: LogoType;
+    showText?: boolean;
+    small?: boolean;
+};
+export declare const Logo: FC<LogoProps>;
+export {};