@mrshmllw/smores-react 5.0.0 → 6.0.1

package/dist/Icon/svgAssets/WheelFlat.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WheelFlat.svg.js","sources":["../../../src/Icon/svgAssets/WheelFlat.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgWheelFlat = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: \"100%\", height: \"100%\", viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M12 12a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\", fill: \"#112035\" }), /* @__PURE__ */ React.createElement(\"path\", { fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M12.95 13.309a1 1 0 011.261-.642l4.755 1.545a1 1 0 11-.618 1.902l-4.755-1.545a1 1 0 01-.642-1.26zM16.702 6.528a1 1 0 01.221 1.397l-2.938 4.045a1 1 0 01-1.618-1.176l2.938-4.045a1 1 0 011.397-.221zM7.298 6.528a1 1 0 011.397.221l2.938 4.045a1 1 0 01-1.618 1.176L7.077 7.925a1 1 0 01.221-1.397zM11.05 13.309a1 1 0 01-.643 1.26l-4.755 1.545a1 1 0 01-.618-1.902l4.755-1.545a1 1 0 011.26.642z\", fill: \"#112035\" }), /* @__PURE__ */ React.createElement(\"path\", { fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M17.707 11.146a6 6 0 00-11.413 3.708 5.973 5.973 0 001.42 2.347 1 1 0 01-1.428 1.4 7.974 7.974 0 01-1.894-3.129m13.315-4.326a6.002 6.002 0 01-1.421 6.056 1 1 0 101.43 1.398 8 8 0 10-13.324-3.128\", fill: \"#112035\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M1 22h22\", stroke: \"#112035\", strokeWidth: 2, strokeMiterlimit: 10, strokeLinecap: \"round\", strokeLinejoin: \"round\" }), /* @__PURE__ */ React.createElement(\"path\", { fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M0 13C0 6.373 5.373 1 12 1s12 5.373 12 12c0 4.065-2.027 7.65-5.113 9.818a1 1 0 01-.575.182H5.687a1 1 0 01-.575-.182C2.027 20.65 0 17.065 0 13zM12 3C6.477 3 2 7.477 2 13a9.977 9.977 0 004.012 8h11.976A9.975 9.975 0 0022 13c0-5.523-4.477-10-10-10z\", fill: \"#112035\" }));\nexport default SvgWheelFlat;\n"],"names":[],"mappings":";;AACK,MAAC,YAAY,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,4BAA4B,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,gEAAgE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,mYAAmY,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,oMAAoM,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,aAAa,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,uPAAuP,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;;;;"}

package/dist/Icon/svgAssets/Windscreen.svg.js

@@ -0,0 +1,6 @@
+import * as React from 'react';
+
+const SvgWindscreen = (props) => /* @__PURE__ */ React.createElement("svg", { width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 18.75c0 .042.003.084.008.125A1 1 0 001 20h22a1 1 0 00.992-1.125A1.01 1.01 0 0024 18.75V10.5A6.5 6.5 0 0017.5 4h-11A6.5 6.5 0 000 10.5v8.25zm22-8.25V18H10.04l4.768-4.768a1 1 0 00-1.415-1.415L7.211 18H2v-7.5A4.5 4.5 0 016.5 6h11a4.5 4.5 0 014.5 4.5zM10 7a1 1 0 000 2h4a1 1 0 100-2h-4z", fill: "currentColor" }));
+
+export { SvgWindscreen as default };
+//# sourceMappingURL=Windscreen.svg.js.map

package/dist/Icon/svgAssets/Windscreen.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Windscreen.svg.js","sources":["../../../src/Icon/svgAssets/Windscreen.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgWindscreen = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: \"100%\", height: \"100%\", viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M0 18.75c0 .042.003.084.008.125A1 1 0 001 20h22a1 1 0 00.992-1.125A1.01 1.01 0 0024 18.75V10.5A6.5 6.5 0 0017.5 4h-11A6.5 6.5 0 000 10.5v8.25zm22-8.25V18H10.04l4.768-4.768a1 1 0 00-1.415-1.415L7.211 18H2v-7.5A4.5 4.5 0 016.5 6h11a4.5 4.5 0 014.5 4.5zM10 7a1 1 0 000 2h4a1 1 0 100-2h-4z\", fill: \"currentColor\" }));\nexport default SvgWindscreen;\n"],"names":[],"mappings":";;AACK,MAAC,aAAa,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,4BAA4B,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,+RAA+R,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC;;;;"}

package/dist/Icon/svgAssets/WindscreenRepair.svg.js

@@ -0,0 +1,6 @@
+import * as React from 'react';
+
+const SvgWindscreenRepair = (props) => /* @__PURE__ */ React.createElement("svg", { width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.26 3.764a.72.72 0 00-1.16-.2l-2.429 2.428-1.005-.336-.335-1.003 2.421-2.42a.724.724 0 00-.202-1.161c-1.884-.89-4.161-.688-5.807.513a5.71 5.71 0 00-2.27 5.704l-4.932 4.927c-1.27 1.269-1.366 3.26-.218 4.533a3.23 3.23 0 001.025.764v4.4c0 .72.584 1.304 1.304 1.304h18.782c.72 0 1.305-.584 1.305-1.304v-7.305a6 6 0 00-6-6H17.3a5.731 5.731 0 00-.04-4.844zm-1.019 6.41a5.743 5.743 0 01-5.209 1.67L6 16.874a3.241 3.241 0 01-2.086.937v3.84h5.671a.907.907 0 01.073-.081l5.652-5.652a.908.908 0 011.284 1.284l-4.45 4.45h10.03v-7.044a4.435 4.435 0 00-4.434-4.434H16.24zm-1.575-.926a3.974 3.974 0 01-3.82 1.019 1.601 1.601 0 01-.188-.07c-.169-.07-.331-.138-.454-.015l-4.908 4.9c-.321.322-.994.859-1.449.841-.456-.011-.856-.146-1.182-.545-.538-.784-.092-1.623.568-2.28l4.815-4.81c.168-.168.296-.663.234-.893-.424-1.591-.066-3.173 1.274-4.15a3.885 3.885 0 012.29-.728c.117 0 .14-.01.155-.016.017-.008.022-.01.162.017l-.797.727-.512.553a1 1 0 00-.25.894c.029.131.06.258.087.34l.545 1.633a.667.667 0 00.421.42l1.635.544c.238.079 1.02.022 1.199-.155l1.663-1.63c.25 1.27-.544 2.463-1.488 3.404z", fill: "currentColor" }));
+
+export { SvgWindscreenRepair as default };
+//# sourceMappingURL=WindscreenRepair.svg.js.map

package/dist/Icon/svgAssets/WindscreenRepair.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WindscreenRepair.svg.js","sources":["../../../src/Icon/svgAssets/WindscreenRepair.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgWindscreenRepair = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: \"100%\", height: \"100%\", viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M17.26 3.764a.72.72 0 00-1.16-.2l-2.429 2.428-1.005-.336-.335-1.003 2.421-2.42a.724.724 0 00-.202-1.161c-1.884-.89-4.161-.688-5.807.513a5.71 5.71 0 00-2.27 5.704l-4.932 4.927c-1.27 1.269-1.366 3.26-.218 4.533a3.23 3.23 0 001.025.764v4.4c0 .72.584 1.304 1.304 1.304h18.782c.72 0 1.305-.584 1.305-1.304v-7.305a6 6 0 00-6-6H17.3a5.731 5.731 0 00-.04-4.844zm-1.019 6.41a5.743 5.743 0 01-5.209 1.67L6 16.874a3.241 3.241 0 01-2.086.937v3.84h5.671a.907.907 0 01.073-.081l5.652-5.652a.908.908 0 011.284 1.284l-4.45 4.45h10.03v-7.044a4.435 4.435 0 00-4.434-4.434H16.24zm-1.575-.926a3.974 3.974 0 01-3.82 1.019 1.601 1.601 0 01-.188-.07c-.169-.07-.331-.138-.454-.015l-4.908 4.9c-.321.322-.994.859-1.449.841-.456-.011-.856-.146-1.182-.545-.538-.784-.092-1.623.568-2.28l4.815-4.81c.168-.168.296-.663.234-.893-.424-1.591-.066-3.173 1.274-4.15a3.885 3.885 0 012.29-.728c.117 0 .14-.01.155-.016.017-.008.022-.01.162.017l-.797.727-.512.553a1 1 0 00-.25.894c.029.131.06.258.087.34l.545 1.633a.667.667 0 00.421.42l1.635.544c.238.079 1.02.022 1.199-.155l1.663-1.63c.25 1.27-.544 2.463-1.488 3.404z\", fill: \"currentColor\" }));\nexport default SvgWindscreenRepair;\n"],"names":[],"mappings":";;AACK,MAAC,mBAAmB,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,4BAA4B,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,wjCAAwjC,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC;;;;"}

package/dist/Icon/svgAssets/WindscreenReplacement.svg.js

@@ -0,0 +1,6 @@
+import * as React from 'react';
+
+const SvgWindscreenReplacement = (props) => /* @__PURE__ */ React.createElement("svg", { width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.643 7.35l-.059-4.005L8.73 4.437 5.562 1.985l-1.55 3.694-3.892.949 1.923 3.514-1.686 3.635 1.973.344.017.003v7.789c0 .72.584 1.304 1.305 1.304h18.782c.72 0 1.304-.584 1.304-1.304v-7.304a6 6 0 00-6-6H14.4L12.642 7.35zm2.659 2.824l-2.498 2.052.207 4-3.918-.834-2.999 2.657-1.79-3.584-.392-.068v7.255h5.672a.907.907 0 01.073-.082l5.652-5.652a.908.908 0 011.284 1.284l-4.45 4.45h10.03V14.61a4.435 4.435 0 00-4.434-4.435h-2.437zm-1.972-.406L11.09 8.163l-.04-2.757-2.652.752-2.18-1.687L5.15 7.013l-2.678.653 1.323 2.418-1.16 2.501 2.716.474 1.232 2.466 2.064-1.828 2.696.574-.143-2.753 2.13-1.75zm-3.324-1.715a.656.656 0 01.042.938L7.39 11.837a.681.681 0 01-.977.02l-1.208-1.185a.656.656 0 010-.94.685.685 0 01.957 0l.708.696 2.18-2.334a.685.685 0 01.955-.041z", fill: "currentColor" }));
+
+export { SvgWindscreenReplacement as default };
+//# sourceMappingURL=WindscreenReplacement.svg.js.map

package/dist/Icon/svgAssets/WindscreenReplacement.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WindscreenReplacement.svg.js","sources":["../../../src/Icon/svgAssets/WindscreenReplacement.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgWindscreenReplacement = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: \"100%\", height: \"100%\", viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M12.643 7.35l-.059-4.005L8.73 4.437 5.562 1.985l-1.55 3.694-3.892.949 1.923 3.514-1.686 3.635 1.973.344.017.003v7.789c0 .72.584 1.304 1.305 1.304h18.782c.72 0 1.304-.584 1.304-1.304v-7.304a6 6 0 00-6-6H14.4L12.642 7.35zm2.659 2.824l-2.498 2.052.207 4-3.918-.834-2.999 2.657-1.79-3.584-.392-.068v7.255h5.672a.907.907 0 01.073-.082l5.652-5.652a.908.908 0 011.284 1.284l-4.45 4.45h10.03V14.61a4.435 4.435 0 00-4.434-4.435h-2.437zm-1.972-.406L11.09 8.163l-.04-2.757-2.652.752-2.18-1.687L5.15 7.013l-2.678.653 1.323 2.418-1.16 2.501 2.716.474 1.232 2.466 2.064-1.828 2.696.574-.143-2.753 2.13-1.75zm-3.324-1.715a.656.656 0 01.042.938L7.39 11.837a.681.681 0 01-.977.02l-1.208-1.185a.656.656 0 010-.94.685.685 0 01.957 0l.708.696 2.18-2.334a.685.685 0 01.955-.041z\", fill: \"currentColor\" }));\nexport default SvgWindscreenReplacement;\n"],"names":[],"mappings":";;AACK,MAAC,wBAAwB,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,4BAA4B,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,uvBAAuvB,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC;;;;"}

package/dist/IconStrict/IconStrict.d.ts

@@ -1,4 +1,5 @@
 import { FC, FormEvent } from 'react';
+import { Icons } from 'Icon/iconsList';
 import { Color } from '../theme';
 import { MarginProps } from '../utils/space';
 export type IconStrictProps = {
@@ -7,7 +8,7 @@ export type IconStrictProps = {
     /** set size of the Icon (including background) */
     size?: 16 | 24 | 36 | 48;
     /** specify what Icon to render  */
-    render: string;
+    render: Icons;
     /** set icon colour */
     iconColor?: Color;
     /** set background colour */

package/dist/IconStrict/IconStrict.js

@@ -81,3 +81,4 @@ const IconContainer = styled.div(
 );
 
 export { IconStrict };
+//# sourceMappingURL=IconStrict.js.map

package/dist/IconStrict/IconStrict.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconStrict.js","sources":["../../src/IconStrict/IconStrict.tsx"],"sourcesContent":["import React, { FC, FormEvent } from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { Icons } from 'Icon/iconsList'\nimport { darken } from 'polished'\nimport { Icon } from '../Icon'\n\nimport { Color, theme } from '../theme'\nimport { focusOutlineStyle } from '../utils/focusOutline'\nimport { MarginProps } from '../utils/space'\n\nexport type IconStrictProps = {\n  /** className attribute to apply classes from props */\n  className?: string\n  /** set size of the Icon (including background) */\n  size?: 16 | 24 | 36 | 48\n  /** specify what Icon to render  */\n  render: Icons\n  /** set icon colour */\n  iconColor?: Color\n  /** set background colour */\n  backgroundColor?: Color\n  /** function to handle click */\n  handleClick?: (e: FormEvent<HTMLButtonElement>) => void\n  /** rotation degrees */\n  rotate?: number\n} & MarginProps\n\nconst iconSizes = {\n  48: {\n    smallSize: 28,\n    padding: 10,\n  },\n  36: {\n    smallSize: 20,\n    padding: 8,\n  },\n  24: {\n    smallSize: 12,\n    padding: 6,\n  },\n  16: {\n    smallSize: 10,\n    padding: 3,\n  },\n}\n\nexport const IconStrict: FC<IconStrictProps> = ({\n  className = '',\n  size = 16,\n  render,\n  iconColor,\n  backgroundColor,\n  rotate,\n  handleClick,\n  ...marginProps\n}) => (\n  <IconContainer\n    as={handleClick ? 'button' : 'div'}\n    className={className}\n    size={size}\n    {...marginProps}\n    backgroundColor={backgroundColor}\n    onClick={handleClick}\n    onKeyDown={(e: { key: string }) => {\n      if (!handleClick) return\n      if (e.key === 'Enter') {\n        handleClick\n      }\n    }}\n  >\n    <Icon\n      render={render}\n      className={className}\n      size={backgroundColor ? iconSizes[size].smallSize : size}\n      color={iconColor}\n      rotate={rotate}\n      {...marginProps}\n    />\n  </IconContainer>\n)\n\ninterface IIconStrict {\n  size: 16 | 24 | 36 | 48\n  backgroundColor?: Color\n  onClick?: (e: FormEvent<HTMLButtonElement>) => void\n}\n\nconst IconContainer = styled.div<IIconStrict>(\n  ({ size, backgroundColor, onClick }) => css`\n    padding: ${backgroundColor ? `${iconSizes[size].padding}px` : 0};\n    width: 100%;\n    max-width: ${size}px;\n    height: ${size}px;\n    border-radius: 100%;\n    background-color: ${backgroundColor\n      ? theme.colors[backgroundColor]\n      : 'none'};\n    cursor: ${onClick ? 'pointer' : 'default'};\n\n    ${onClick &&\n    `\n    &:hover {\n      background-color: ${\n        backgroundColor ? darken(0.1, theme.colors[backgroundColor]) : 'none'\n      };\n    }\n      \n    `}\n\n    ${focusOutlineStyle}\n  `,\n)\n"],"names":[],"mappings":";;;;;;;AA4BA,MAAM,SAAY,GAAA;AAAA,EAChB,EAAI,EAAA;AAAA,IACF,SAAW,EAAA,EAAA;AAAA,IACX,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,EAAI,EAAA;AAAA,IACF,SAAW,EAAA,EAAA;AAAA,IACX,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EACA,EAAI,EAAA;AAAA,IACF,SAAW,EAAA,EAAA;AAAA,IACX,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EACA,EAAI,EAAA;AAAA,IACF,SAAW,EAAA,EAAA;AAAA,IACX,OAAS,EAAA,CAAA;AAAA,GACX;AACF,CAAA,CAAA;AAEO,MAAM,aAAkC,CAAC;AAAA,EAC9C,SAAY,GAAA,EAAA;AAAA,EACZ,IAAO,GAAA,EAAA;AAAA,EACP,MAAA;AAAA,EACA,SAAA;AAAA,EACA,eAAA;AAAA,EACA,MAAA;AAAA,EACA,WAAA;AAAA,EACA,GAAG,WAAA;AACL,CACE,qBAAA,GAAA;AAAA,EAAC,aAAA;AAAA,EAAA;AAAA,IACC,EAAA,EAAI,cAAc,QAAW,GAAA,KAAA;AAAA,IAC7B,SAAA;AAAA,IACA,IAAA;AAAA,IACC,GAAG,WAAA;AAAA,IACJ,eAAA;AAAA,IACA,OAAS,EAAA,WAAA;AAAA,IACT,SAAA,EAAW,CAAC,CAAuB,KAAA;AACjC,MAAA,IAAI,CAAC,WAAA;AAAa,QAAA,OAAA;AAClB,MAAI,IAAA,CAAA,CAAE,QAAQ,OAAS,EAAA,CAEvB;AAAA,KACF;AAAA,IAEA,QAAA,kBAAA,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,MAAA;AAAA,QACA,SAAA;AAAA,QACA,IAAM,EAAA,eAAA,GAAkB,SAAU,CAAA,IAAI,EAAE,SAAY,GAAA,IAAA;AAAA,QACpD,KAAO,EAAA,SAAA;AAAA,QACP,MAAA;AAAA,QACC,GAAG,WAAA;AAAA,OAAA;AAAA,KACN;AAAA,GAAA;AACF,EAAA;AASF,MAAM,gBAAgB,MAAO,CAAA,GAAA;AAAA,EAC3B,CAAC,EAAE,IAAM,EAAA,eAAA,EAAiB,SAAc,KAAA,GAAA,CAAA;AAAA,aAAA,EAC3B,kBAAkB,CAAG,EAAA,SAAA,CAAU,IAAI,CAAE,CAAA,OAAO,OAAO,CAAC,CAAA;AAAA;AAAA,eAAA,EAElD,IAAI,CAAA;AAAA,YAAA,EACP,IAAI,CAAA;AAAA;AAAA,sBAAA,EAEM,eAChB,GAAA,KAAA,CAAM,MAAO,CAAA,eAAe,IAC5B,MAAM,CAAA;AAAA,YACA,EAAA,OAAA,GAAU,YAAY,SAAS,CAAA;AAAA;AAAA,IAAA,EAEvC,OACF,IAAA,CAAA;AAAA;AAAA,wBAGI,EAAA,eAAA,GAAkB,OAAO,GAAK,EAAA,KAAA,CAAM,OAAO,eAAe,CAAC,IAAI,MACjE,CAAA;AAAA;AAAA;AAAA,IAGD,CAAA,CAAA;AAAA;AAAA,IAAA,EAEC,iBAAiB,CAAA;AAAA,EAAA,CAAA;AAEvB,CAAA;;;;"}

package/dist/IconWrapper/IconWrapper.d.ts

@@ -1,11 +1,12 @@
 import { FC, ReactNode } from 'react';
+import { Icons } from 'Icon/iconsList';
 import { MarginProps } from '../utils/space';
 export type IconWrapperProps = {
     /** className attribute to apply classes from props */
     className?: string;
     children: ReactNode;
     /** specify what Icon to render  */
-    render: string;
+    render: Icons;
     /** set size of the Icon  */
     size?: number;
     /** TOP-RIGHT-BOTTOM-LEFT position of the Icon */

package/dist/IconWrapper/IconWrapper.js

@@ -38,3 +38,4 @@ const IconContainer = styled.div(
 );
 
 export { IconWrapper };
+//# sourceMappingURL=IconWrapper.js.map

package/dist/IconWrapper/IconWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconWrapper.js","sources":["../../src/IconWrapper/IconWrapper.tsx"],"sourcesContent":["import React, { FC, ReactNode } from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { Icons } from 'Icon/iconsList'\nimport { Box } from '../Box'\nimport { Icon } from '../Icon'\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"],"names":[],"mappings":";;;;;AAyBO,MAAM,cAAoC,CAAC;AAAA,EAChD,SAAY,GAAA,EAAA;AAAA,EACZ,QAAA;AAAA,EACA,IAAO,GAAA,EAAA;AAAA,EACP,MAAS,GAAA,UAAA;AAAA,EACT,CAAI,GAAA,MAAA;AAAA,EACJ,CAAI,GAAA,MAAA;AAAA,EACJ,CAAI,GAAA,MAAA;AAAA,EACJ,CAAI,GAAA,MAAA;AAAA,EACJ,GAAG,WAAA;AACL,CAAA,qBACG,IAAA,CAAA,SAAA,EAAA,EAAU,SAAuB,EAAA,GAAG,WAClC,EAAA,QAAA,EAAA;AAAA,EAAA,QAAA;AAAA,uBACA,aAAc,EAAA,EAAA,IAAA,EAAY,CAAM,EAAA,CAAA,EAAM,GAAM,CAC1C,EAAA,QAAA,EAAA;AAAA,IAAA,MAAA,KAAW,8BACT,GAAA,CAAA,IAAA,EAAA,EAAK,QAAO,UAAW,EAAA,IAAA,EAAY,OAAM,OAAQ,EAAA,CAAA;AAAA,IAEnD,MAAA,KAAW,8BACT,GAAA,CAAA,IAAA,EAAA,EAAK,QAAO,UAAW,EAAA,IAAA,EAAY,OAAM,YAAa,EAAA,CAAA;AAAA,GAE3D,EAAA,CAAA;AAAA,CACF,EAAA,EAAA;AAGF,MAAM,SAAA,GAAY,OAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAa5B,MAAM,gBAAgB,MAAO,CAAA,GAAA;AAAA,EAC3B,CAAC,EAAE,IAAA,EAAM,GAAG,CAAG,EAAA,CAAA,EAAG,GAAQ,KAAA,GAAA,CAAA;AAAA;AAAA;AAAA,eAAA,EAGX,IAAI,CAAA;AAAA,YAAA,EACP,IAAI,CAAA;AAAA,SAAA,EACP,CAAC,CAAA;AAAA,WAAA,EACC,CAAC,CAAA;AAAA,YAAA,EACA,CAAC,CAAA;AAAA,UAAA,EACH,CAAC,CAAA;AAAA,EAAA,CAAA;AAEb,CAAA;;;;"}

package/dist/LabelledText/LabelledText.js

@@ -22,3 +22,4 @@ const Container = styled(Box)`
 `;
 
 export { LabelledText };
+//# sourceMappingURL=LabelledText.js.map

package/dist/LabelledText/LabelledText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelledText.js","sources":["../../src/LabelledText/LabelledText.tsx"],"sourcesContent":["import React, { FC, 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\n  labelMargin?: 2 | 4 | 8\n} & MarginProps\n\nexport const LabelledText: FC<LabelledTextProps> = ({\n  label,\n  children,\n  labelMargin = 8,\n  ...marginProps\n}) => (\n  <Container {...marginProps} labelMargin={labelMargin + 'px'}>\n    <Text tag=\"label\" color=\"sesame\" typo=\"label\">\n      {label}\n    </Text>\n\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"],"names":[],"mappings":";;;;;AAaO,MAAM,eAAsC,CAAC;AAAA,EAClD,KAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAc,GAAA,CAAA;AAAA,EACd,GAAG,WAAA;AACL,CAAA,0BACG,SAAW,EAAA,EAAA,GAAG,WAAa,EAAA,WAAA,EAAa,cAAc,IACrD,EAAA,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,QAAK,GAAI,EAAA,OAAA,EAAQ,OAAM,QAAS,EAAA,IAAA,EAAK,SACnC,QACH,EAAA,KAAA,EAAA,CAAA;AAAA,EAEC,QAAA;AAAA,CACH,EAAA,EAAA;AAGF,MAAM,SAAA,GAAY,OAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAA,EAKP,CAAC,EAAE,WAAY,EAAA,KAAM,WAAW,CAAA;AAAA;AAAA,CAAA;;;;"}

package/dist/Link/Link.d.ts

@@ -1,4 +1,5 @@
 import { FC, MouseEventHandler, ReactNode } from 'react';
+import { Icons } from 'Icon/iconsList';
 type LinkTypo = 'regular' | 'small';
 export type LinkProps = {
     className?: string;
@@ -9,7 +10,7 @@ export type LinkProps = {
     download?: boolean;
     typo?: LinkTypo;
     highlight?: boolean;
-    iconToRender?: string;
+    iconToRender?: Icons;
     isTrailingIcon?: boolean;
 };
 export declare const Link: FC<LinkProps>;

package/dist/Link/Link.js

@@ -115,3 +115,4 @@ const linkStyleOverride = ({ color }) => css`
 `;
 
 export { Link, linkStyleOverride };
+//# sourceMappingURL=Link.js.map

package/dist/Link/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sources":["../../src/Link/Link.tsx"],"sourcesContent":["import { darken } from 'polished'\nimport React, { FC, MouseEventHandler, ReactNode } from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { Icons } from 'Icon/iconsList'\nimport { Icon } from '../Icon'\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={{ custom: '4px' }}\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"],"names":[],"mappings":"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"}

package/dist/Loader/Loader.js

@@ -272,3 +272,4 @@ const MarshThree = styled.path`
 `;
 
 export { Loader };
+//# sourceMappingURL=Loader.js.map

package/dist/Loader/Loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.js","sources":["../../src/Loader/Loader.tsx"],"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      {/* tslint:disable-next-line:max-line-length */}\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      {/* tslint:disable-next-line:max-line-length */}\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      {/* tslint:disable-next-line:max-line-length */}\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: Marshmallow1_t 1.6s linear infinite both,\n    Marshmallow1_d 1.6s linear infinite both;\n`\n\nconst MarshTwo = styled.path`\n  animation: Marshmallow2_t 1.6s linear infinite both,\n    Marshmallow2_d 1.6s linear infinite both;\n`\n\nconst MarshThree = styled.path`\n  animation: Marshmallow3_t 1.6s linear infinite both,\n    Marshmallow3_d 1.6s linear infinite both;\n`\n"],"names":[],"mappings":";;;;AAUO,MAAM,SAA0B,CAAC;AAAA,EACtC,MAAA;AAAA,EACA,KAAQ,GAAA,iBAAA;AACV,CACE,qBAAA,GAAA,CAAC,aAAU,OAAQ,EAAA,WAAA,EAAY,QAAgB,KAC7C,EAAA,QAAA,kBAAA,IAAA,CAAC,GAAE,EAAA,EAAA,SAAA,EAAU,yCAEX,EAAA,QAAA,EAAA;AAAA,kBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,EAAG,EAAA,cAAA;AAAA,MACH,CAAE,EAAA,wgBAAA;AAAA,MACF,SAAU,EAAA,yBAAA;AAAA,KAAA;AAAA,GACZ;AAAA,kBAEA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,EAAG,EAAA,cAAA;AAAA,MACH,CAAE,EAAA,wgBAAA;AAAA,MACF,SAAU,EAAA,yBAAA;AAAA,KAAA;AAAA,GACZ;AAAA,kBAEA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,EAAG,EAAA,cAAA;AAAA,MACH,CAAE,EAAA,wgBAAA;AAAA,MACF,SAAU,EAAA,yBAAA;AAAA,KAAA;AAAA,GACZ;AAAA,CAAA,EACF,CACF,EAAA,EAAA;AASF,MAAM,YAAY,MAAO,CAAA,GAAA,CAAA;AAAA,UACb,EAAA,CAAC,CAAM,KAAA,CAAA,CAAE,MAAM,CAAA;AAAA;AAAA;AAAA,UAAA,EAGf,CAAC,CAAM,KAAA,KAAA,CAAM,MAAO,CAAA,CAAA,CAAE,KAAK,CAAC,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAgOxC,MAAM,WAAW,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAKxB,MAAM,WAAW,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAKxB,MAAM,aAAa,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA,CAAA;;;;"}

package/dist/Logo/Logo.js

@@ -163,3 +163,4 @@ const LogoContainer = styled.span`
 `;
 
 export { Logo };
+//# sourceMappingURL=Logo.js.map

package/dist/Logo/Logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.js","sources":["../../src/Logo/Logo.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport styled from 'styled-components'\nimport { Box } from '../Box'\n\nconst typeColorScheme = {\n  positive1: {\n    text: '#292924',\n    logo: { body: '#FF88C8', eyes: '#F8F2EA', pupils: '#292924' },\n  },\n  positive2: {\n    text: '#292924',\n    logo: { body: '#292924', eyes: '#F8F2EA', pupils: '#292924' },\n  },\n  negative1: {\n    text: '#F8F2EA',\n    logo: { body: '#FF88C8', eyes: '#F8F2EA', pupils: '#292924' },\n  },\n}\n\ntype LogoType = keyof typeof typeColorScheme\n\nexport type LogoProps = {\n  type?: LogoType\n  showText?: boolean\n  small?: boolean\n}\n\nexport const Logo: FC<LogoProps> = ({\n  type = 'positive1',\n  showText = true,\n  small = false,\n}) => {\n  const viewBox = showText ? '0 0 608 66' : '0 0 84 66'\n  const size = small ? '16px' : '32px'\n\n  const getTypeColorScheme = typeColorScheme[type]\n\n  return (\n    <Box flex alignItems=\"center\">\n      <LogoContainer size={size}>\n        <svg\n          height=\"100%\"\n          viewBox={viewBox}\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <g clipPath=\"url(#clip0_5259_85945)\">\n            {showText && (\n              <>\n                <path\n                  d=\"M247.013 49.8876H259.732C259.886 53.0921 261.89 54.8131 264.358 54.8131C266.67 54.8131 268.136 53.4037 268.136 51.6085C268.136 48.9492 266.439 48.1666 259.655 46.5273C253.102 44.9621 247.244 40.5855 247.244 32.1402C247.244 23.695 253.873 17.5974 263.74 17.5974C273.606 17.5974 279.699 23.3833 280.39 32.6892H267.978C267.748 29.7183 265.974 28.1531 263.817 28.1531C261.429 28.1531 260.115 29.6404 260.115 31.3577C260.115 33.9391 261.736 34.7179 268.52 36.5168C275.534 38.3936 280.931 43.0075 280.931 50.5923C280.931 59.8981 274.148 65.4466 264.281 65.4466C254.415 65.4466 247.707 59.7385 247.013 49.8876Z\"\n                  fill={getTypeColorScheme.text}\n                />\n                <path\n                  d=\"M159.563 37.4106V64.5082H145.63V37.5663C145.63 33.1304 143.593 30.4785 140.185 30.4785C136.778 30.4785 134.582 33.0636 134.582 37.5663V64.5082H120.649V37.5663C120.649 33.1304 118.612 30.4785 115.204 30.4785C111.795 30.4785 109.605 33.0636 109.605 37.5663V64.5082H95.6683V37.4106C95.6683 25.004 102.971 17.5973 115.204 17.5973C120.123 17.5973 124.325 19.2589 127.693 22.5302C131.064 19.2589 135.266 17.5973 140.185 17.5973C152.318 17.5973 159.563 25.004 159.563 37.4106Z\"\n                  fill={getTypeColorScheme.text}\n                />\n                <path\n                  d=\"M395.439 37.4106V64.5082H381.506V37.5663C381.506 33.1304 379.469 30.4785 376.061 30.4785C372.652 30.4785 370.459 33.0636 370.459 37.5663V64.5082H356.526V37.5663C356.526 33.1304 354.488 30.4785 351.08 30.4785C347.671 30.4785 345.481 33.0636 345.481 37.5663V64.5082H331.544V37.4106C331.544 25.004 338.847 17.5973 351.08 17.5973C355.999 17.5973 360.201 19.2589 363.568 22.5302C366.941 19.2589 371.143 17.5973 376.061 17.5973C388.195 17.5973 395.439 25.004 395.439 37.4106Z\"\n                  fill={getTypeColorScheme.text}\n                />\n                <path\n                  d=\"M230.772 24.1661V18.5321H218.127V64.5083H231.387V45.6669C231.387 32.5557 238.283 31.2502 243.353 31.2093V17.9943C237.443 18.1463 233.457 20.4607 230.772 24.1661Z\"\n                  fill={getTypeColorScheme.text}\n                />\n                <path\n                  d=\"M325.956 35.0331V64.5083H312.389V37.4551C312.389 32.9969 309.997 30.4192 306.066 30.4192C302.058 30.4192 299.435 33.0006 299.435 37.4551V64.5083H285.868V6.74377H299.435V20.8019C301.828 18.6915 304.987 17.5973 308.688 17.5973C318.478 17.5973 325.956 24.2437 325.956 35.0331Z\"\n                  fill={getTypeColorScheme.text}\n                />\n                <path\n                  d=\"M454.232 64.5083V6.74377H467.8V64.5083H454.232Z\"\n                  fill={getTypeColorScheme.text}\n                />\n                <path\n                  d=\"M474.376 64.5083V6.74377H487.943V64.5083H474.376Z\"\n                  fill={getTypeColorScheme.text}\n                />\n                <path\n                  d=\"M492.697 41.5203C492.697 27.7601 503.029 17.5938 516.596 17.5938C530.163 17.5938 540.494 27.76 540.494 41.5203C540.494 55.4362 530.163 65.4468 516.596 65.4468C503.029 65.4468 492.697 55.3621 492.697 41.5203ZM527.08 41.5203C527.08 34.7181 522.531 30.182 516.596 30.182C510.583 30.182 506.034 34.8738 506.034 41.5203C506.034 48.0888 510.583 52.7028 516.596 52.7028C522.609 52.7028 527.08 48.0888 527.08 41.5203Z\"\n                  fill={getTypeColorScheme.text}\n                />\n                <path\n                  d=\"M199.117 18.5321V21.8183C195.881 18.9253 191.869 17.5938 187.089 17.5938C174.137 17.5938 164.193 27.76 164.193 41.5203C164.193 55.2805 174.137 65.4504 187.089 65.4504C192.334 65.4504 196.188 63.8853 199.117 61.226V64.5083L211.917 64.5121V18.5321H199.117ZM188.523 52.6805C182.357 52.6805 177.596 47.933 177.596 41.2829C177.596 34.6327 182.357 29.8852 188.523 29.8852C194.689 29.8852 199.526 34.6327 199.526 41.2829C199.526 47.933 194.765 52.6805 188.523 52.6805Z\"\n                  fill={getTypeColorScheme.text}\n                />\n                <path\n                  d=\"M434.858 18.5321V21.8183C431.622 18.9253 427.61 17.5938 422.83 17.5938C409.877 17.5938 399.934 27.76 399.934 41.5203C399.934 55.2805 409.877 65.4504 422.83 65.4504C428.075 65.4504 431.929 63.8853 434.858 61.226V64.5083H447.658V18.5321H434.858ZM424.264 52.6805C418.098 52.6805 413.336 47.933 413.336 41.2829C413.336 34.6327 418.098 29.8852 424.264 29.8852C430.43 29.8852 435.267 34.6327 435.267 41.2829C435.267 47.933 430.506 52.6805 424.264 52.6805Z\"\n                  fill={getTypeColorScheme.text}\n                />\n                <path\n                  d=\"M607.838 18.5321L599.375 54.1084C597.678 61.1443 594.673 65.4467 588.66 65.4467C582.572 65.4467 579.719 61.1443 578.099 53.9527L574.091 36.0458L570.313 53.9527C568.77 61.1443 565.84 65.4467 559.752 65.4467C553.739 65.4467 550.81 61.1443 549.114 54.1084L540.637 18.5321H554.128L560.677 51.3749L565.998 26.1206C566.847 21.9777 569.469 18.3021 574.479 18.3021C579.489 18.3021 582.264 22.0556 583.112 26.1206L588.277 51.6865L594.888 18.5321H607.838Z\"\n                  fill={getTypeColorScheme.text}\n                />\n              </>\n            )}\n            <path\n              d=\"M81.6428 30.1618C81.2228 17.1642 70.7568 6.7414 57.6748 6.7414C53.4927 6.7414 49.5602 7.80904 46.134 9.68544C41.3829 3.78048 34.0964 0 25.9255 0C11.6069 0 0.518029 11.0143 0.084483 25.2721C0.0715362 25.6981 0.00127536 27.1551 0.00127536 27.4443L0 64.5082H81.7317V32.3105C81.7317 32.3105 81.6642 30.8233 81.6428 30.1618Z\"\n              fill={getTypeColorScheme.logo.body}\n            />\n            <path\n              d=\"M43.2846 30.7942C43.2846 36.2136 38.7836 40.5805 33.316 40.3665C28.3864 40.1756 24.3075 36.0922 24.1227 31.1586C23.914 25.7045 28.2882 21.2104 33.7037 21.2104C39.1191 21.2104 43.2846 25.4963 43.2846 30.7884\"\n              fill={getTypeColorScheme.logo.eyes}\n            />\n            <path\n              d=\"M43.2848 30.7923C43.2848 33.7196 40.9123 36.0854 37.9901 36.0855C35.0675 36.0855 32.6954 33.6509 32.6954 30.7923C32.6954 27.9338 35.0675 25.4991 37.9901 25.4991C40.9123 25.4991 43.2848 27.8708 43.2848 30.7923Z\"\n              fill={getTypeColorScheme.logo.pupils}\n            />\n            <path\n              d=\"M67.2549 30.7942C67.2549 36.2136 62.7538 40.5805 57.2863 40.3665C52.3567 40.1756 48.2778 36.0922 48.093 31.1586C47.8843 25.7045 52.2584 21.2104 57.6739 21.2104C63.0894 21.2104 67.2549 25.4963 67.2549 30.7884\"\n              fill={getTypeColorScheme.logo.eyes}\n            />\n            <path\n              d=\"M67.255 30.7923C67.255 33.7196 64.8825 36.0854 61.9603 36.0855C59.0377 36.0855 56.6656 33.6509 56.6656 30.7923C56.6656 27.9338 59.0377 25.4991 61.9603 25.4991C64.8825 25.4991 67.255 27.8708 67.255 30.7923Z\"\n              fill={getTypeColorScheme.logo.pupils}\n            />\n          </g>\n          <defs>\n            <clipPath id=\"clip0_5259_85945\">\n              <rect width=\"607.837\" height=\"65.4504\" fill=\"white\" />\n            </clipPath>\n          </defs>\n        </svg>\n      </LogoContainer>\n    </Box>\n  )\n}\n\nconst LogoContainer = styled.span<{ size?: string }>`\n  height: 32px;\n\n  @media (max-width: 768px) {\n    display: flex;\n    height: 22px;\n  }\n`\n"],"names":[],"mappings":"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"}

package/dist/Modal/Modal.js

@@ -115,3 +115,4 @@ const TitleElements = styled(Box)`
 `;
 
 export { Modal };
+//# sourceMappingURL=Modal.js.map

package/dist/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sources":["../../src/Modal/Modal.tsx"],"sourcesContent":["import React, { FC, ReactNode, useRef } from 'react'\nimport styled, { css } from 'styled-components'\nimport { theme } from '../theme'\nimport { createPortal } from 'react-dom'\n\nimport { Box } from '../Box'\nimport { Text } from '../Text'\nimport useBodyScrollLock from './useBodyScrollLock'\nimport { IconStrict } from '../IconStrict'\n\ninterface IModalWrapper {\n  // showModal state\n  showModal: boolean\n}\ninterface IModalContainer {\n  // drawer state\n  drawer: boolean\n  // modal width\n  width: string\n}\n\nexport type ModalProps = {\n  title?: string\n  icon?: string\n  children?: ReactNode\n  showModal?: boolean\n  handleClick: () => void\n  drawer?: boolean\n  cross?: boolean\n  width?: string\n  containerClass?: string\n  portalContainer?: Element | DocumentFragment\n}\n\nexport const Modal: FC<ModalProps> = ({\n  title = '',\n  children,\n  showModal = false,\n  handleClick,\n  drawer = true,\n  cross = true,\n  width,\n  containerClass,\n  portalContainer = document.body,\n}) => {\n  const modalRef = useRef<HTMLDivElement>(null)\n\n  useBodyScrollLock({ node: modalRef.current, showModal })\n\n  return createPortal(\n    <Wrapper showModal={showModal} ref={modalRef}>\n      <Overlay onClick={handleClick} />\n      <Container\n        drawer={drawer}\n        width={width || '460px'}\n        className={containerClass}\n      >\n        <Box\n          flex\n          alignItems=\"flex-start\"\n          justifyContent=\"space-between\"\n          mb=\"8px\"\n        >\n          <TitleElements flex direction=\"column\">\n            <Text tag=\"h2\" typo=\"heading-small\" align=\"left\">\n              {title}\n            </Text>\n          </TitleElements>\n          {cross && (\n            <IconStrict\n              render=\"cross\"\n              backgroundColor=\"oatmeal\"\n              handleClick={handleClick}\n              size={36}\n            />\n          )}\n        </Box>\n        <Box flex direction=\"column\">\n          {children}\n        </Box>\n      </Container>\n    </Wrapper>,\n    portalContainer,\n  )\n}\n\nconst Wrapper = styled(Box)<IModalWrapper>(\n  ({ showModal }) => css`\n    display: ${showModal ? 'flex' : 'none'};\n    position: absolute;\n    z-index: 999;\n    top: 0;\n    left: 0;\n    height: 100vh;\n    width: 100%;\n    justify-content: center;\n    align-items: center;\n  `,\n)\n\nconst Overlay = styled.div`\n  position: fixed;\n  background: ${theme.colors.liquorice};\n  cursor: pointer;\n  opacity: 0.4;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n`\n\nconst Container = styled.div<IModalContainer>(\n  ({ drawer, width }) => css`\n    background: ${theme.colors.coconut};\n    box-sizing: border-box;\n    border-radius: 16px;\n    padding: 24px;\n    width: 100%;\n    max-width: ${width};\n    position: fixed;\n    max-height: calc(100vh - 64px);\n    overflow: auto;\n\n    ${drawer === true &&\n    css`\n      @media (max-width: 768px) {\n        max-width: none;\n        border-radius: 16px 16px 0px 0px;\n        padding: 10% 24px;\n        max-height: 90vh;\n\n        position: fixed;\n        right: 0;\n        left: 0;\n        bottom: 0;\n      }\n    `}\n  `,\n)\n\nconst TitleElements = styled(Box)`\n  align-self: center;\n`\n"],"names":[],"mappings":"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"}

package/dist/Modal/useBodyScrollLock.js

@@ -23,3 +23,4 @@ function useBodyScrollLock({
 }
 
 export { useBodyScrollLock as default };
+//# sourceMappingURL=useBodyScrollLock.js.map

package/dist/Modal/useBodyScrollLock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBodyScrollLock.js","sources":["../../src/Modal/useBodyScrollLock.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport {\n  clearAllBodyScrollLocks,\n  disableBodyScroll,\n  enableBodyScroll,\n} from 'body-scroll-lock'\n\nexport default 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      disableBodyScroll(node, {\n        reserveScrollBarGap: true,\n        allowTouchMove: () => true,\n      })\n    } else {\n      enableBodyScroll(node)\n    }\n  }, [node, showModal])\n}\n"],"names":[],"mappings":";;;AAOA,SAAwB,iBAAkB,CAAA;AAAA,EACxC,IAAA;AAAA,EACA,SAAA;AACF,CAGG,EAAA;AACD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAO,MAAM,uBAAwB,EAAA,CAAA;AAAA,GACvC,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,IAAS,KAAA,IAAA;AAAM,MAAA,OAAA;AAEnB,IAAA,IAAI,SAAW,EAAA;AACb,MAAA,iBAAA,CAAkB,IAAM,EAAA;AAAA,QACtB,mBAAqB,EAAA,IAAA;AAAA,QACrB,gBAAgB,MAAM,IAAA;AAAA,OACvB,CAAA,CAAA;AAAA,KACI,MAAA;AACL,MAAA,gBAAA,CAAiB,IAAI,CAAA,CAAA;AAAA,KACvB;AAAA,GACC,EAAA,CAAC,IAAM,EAAA,SAAS,CAAC,CAAA,CAAA;AACtB;;;;"}

package/dist/NumberInput/NumberInput.js

@@ -136,3 +136,4 @@ const SpinnerButton = styled.button`
 `;
 
 export { NumberInput };
+//# sourceMappingURL=NumberInput.js.map

package/dist/NumberInput/NumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.js","sources":["../../src/NumberInput/NumberInput.tsx"],"sourcesContent":["import React, {\n  FocusEvent,\n  FormEvent,\n  forwardRef,\n  ForwardedRef,\n  MouseEvent,\n} from 'react'\nimport styled from 'styled-components'\n\nimport { Box } from '../Box'\nimport { Icon } from '../Icon'\nimport { Field } from '../fields/Field'\nimport { CommonFieldProps } from '../fields/commonFieldTypes'\n\nimport { useUniqueId } from '../utils/id'\nimport {\n  Input,\n  StyledFrontIcon,\n  StyledTrailingIcon,\n} from '../fields/components/CommonInput'\n\nexport interface Props extends CommonFieldProps {\n  type?: 'number'\n  placeholder: string\n  name?: string\n  value: string\n  onBlur?: (e: FocusEvent<HTMLInputElement>) => void\n  min?: number\n  max?: number\n  step?: number\n}\n\n/** on change or on input required */\ntype InputProps =\n  | {\n      /** on change is required and on input optional */\n      onChange: (e: string | number) => void\n      onInputChange?: (e: FormEvent<HTMLInputElement>) => void\n    }\n  | {\n      /** on input is required and on change optional */\n      onChange?: (e: string | number) => void\n      onInputChange: (e: FormEvent<HTMLInputElement>) => void\n    }\n\nexport type NumberInputProps = Props & InputProps\n\nexport const NumberInput = forwardRef(function NumberInput(\n  {\n    id: idProp,\n    type = 'number',\n    placeholder,\n    name,\n    value,\n    onChange,\n    onInputChange,\n    onBlur,\n    min = -999999,\n    max = 999999,\n    step = 0,\n    disabled = false,\n    error = false,\n    frontIcon,\n    trailingIcon,\n    fallbackStyle,\n    ...fieldProps\n  }: NumberInputProps,\n  ref: ForwardedRef<HTMLInputElement>,\n) {\n  const id = useUniqueId(idProp)\n\n  // Check whether the min/max value exists is within the specified range\n  const isInRange = (value: number) => {\n    if (min && value < min) {\n      return false\n    }\n\n    if (max && value > max) {\n      return false\n    }\n\n    return true\n  }\n\n  // Round the number to two decimal places\n  const roundNumber = (event: number) => {\n    return Math.round(event * 100) / 100\n  }\n\n  const applyMinMax = (value: number) => {\n    if(min && value < min) return min\n    if(max && value > max) return max\n    return value\n  }\n\n  const handleChange = (event: string) => {\n    if (onChange === undefined) return\n    const EMPTY_INPUT = ''\n\n    if (event === EMPTY_INPUT) {\n      onChange(event)\n    } else {\n      const amount = Number(event)\n      const normalisedValue = applyMinMax(amount)\n\n      onChange(normalisedValue)\n    }\n  }\n  // Increment or decrement the value when clicking the Spinner controls\n  const incrementValue = (event: MouseEvent<HTMLButtonElement>) => {\n    if (onChange === undefined) return\n    event.preventDefault()\n    const currentValue = Number(value) + step\n\n    if (isInRange(currentValue)) {\n      onChange(roundNumber(currentValue))\n    }\n  }\n\n  const decrementValue = (event: MouseEvent<HTMLButtonElement>) => {\n    if (onChange === undefined) return\n    event.preventDefault()\n    const currentValue = Number(value) - step\n\n    if (isInRange(currentValue)) {\n      onChange(roundNumber(currentValue))\n    }\n  }\n\n  return (\n    <Field {...fieldProps} htmlFor={id} error={error}>\n      <Box flex alignItems=\"center\" justifyContent=\"flex-start\">\n        {frontIcon && (\n          <StyledFrontIcon\n            disabled={disabled}\n            render={frontIcon}\n            color=\"sesame\"\n          />\n        )}\n        <Input\n          ref={ref}\n          error={error}\n          disabled={disabled}\n          type={type}\n          id={id}\n          name={name}\n          placeholder={placeholder}\n          value={value}\n          frontIcon={frontIcon}\n          step={step}\n          fallbackStyle={fallbackStyle}\n          onChange={(e: FormEvent<HTMLInputElement>) => {\n            onChange && handleChange(e.currentTarget.value)\n            onInputChange && onInputChange(e)\n          }}\n          onBlur={onBlur}\n        />\n\n        {onChange && step > 0 && (\n          <Spinner>\n            <SpinnerButton onClick={incrementValue} disabled={disabled}>\n              <Icon render=\"caret\" rotate={180} color=\"sesame\" size={24} />\n            </SpinnerButton>\n\n            <SpinnerButton onClick={decrementValue} disabled={disabled}>\n              <Icon render=\"caret\" color=\"sesame\" size={24} />\n            </SpinnerButton>\n          </Spinner>\n        )}\n        {trailingIcon && !step && (\n          <StyledTrailingIcon\n            disabled={disabled}\n            render={trailingIcon}\n            color=\"sesame\"\n          />\n        )}\n      </Box>\n    </Field>\n  )\n})\n\nconst Spinner = styled.div`\n  position: relative;\n  display: flex;\n  right: 58px;\n  margin-right: -58px;\n`\n\ninterface IButton {\n  disabled: boolean\n}\n\nconst SpinnerButton = styled.button<IButton>`\n  width: 24px;\n  height: 24px;\n  background-color: transparent;\n  border: 0;\n  padding: 0;\n  cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};\n`\n"],"names":["NumberInput","value"],"mappings":"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"}

package/dist/Pagination/Pagination.js

@@ -176,3 +176,4 @@ const IconBox = styled.button`
 `;
 
 export { Pagination };
+//# sourceMappingURL=Pagination.js.map

package/dist/Pagination/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sources":["../../src/Pagination/Pagination.tsx"],"sourcesContent":["import React, { FC, useEffect, useState } from 'react'\nimport styled from 'styled-components'\n\nimport { Box } from '../Box'\nimport { Text } from '../Text'\nimport { Icon } from '../Icon'\n\nimport { theme } from '../theme'\nimport { MarginProps } from '../utils/space'\nimport { focusOutlineStyle } from '../utils/focusOutline'\n\nconst MAX_PAGES = 7\nconst MAX_ADDITIONAL_PAGES = Math.ceil(MAX_PAGES / 2)\n\nexport type PaginationProps = {\n  /** Total number of records  */\n  total: number\n  /** Number of records per page  */\n  partition: number\n  /** Handle page change */\n  handlePageChange: (page: number) => void\n  /** Sets current page number */\n  currentPage?: number\n} & MarginProps\n\nexport const Pagination: FC<PaginationProps> = ({\n  total,\n  partition,\n  handlePageChange,\n  currentPage,\n  ...marginProps\n}) => {\n  const [lastPage, setLastPage] = useState(0)\n  const [activePage, setActivePage] = useState(1)\n  const [pages, setPages] = useState<number[]>([])\n  const [shownPages, setShownPages] = useState<number[]>([])\n  const [showFirstDots, setShowFirstDots] = useState(false)\n  const [showLastDots, setShowLastDots] = useState(false)\n\n  useEffect(() => {\n    // This is a rather hacky fix, in theory it should be listening to total, but because the total comes from the same endpoint as the data, it forces a reset to 1 every time\n    // Using lastPage seems to bypass that\n    if (currentPage) {\n      setActivePage(currentPage)\n    } else {\n      setActivePage(1)\n    }\n  }, [lastPage, currentPage])\n\n  useEffect(() => {\n    const numberOfPages = Math.ceil(total / partition)\n    if (numberOfPages > 1) {\n      setLastPage(numberOfPages)\n    } else if (numberOfPages === 1) {\n      // Sets last page to be null to avoid the last page being kept from previous state.\n      setLastPage(0)\n    }\n    if (numberOfPages > 2) {\n      const allPages = Array.from({ length: numberOfPages }, (_, i) => i + 1)\n      setPages(allPages.slice(1, numberOfPages - 1))\n    } else {\n      // Sets pages to empty to avoid using the previous state if pages set before.\n      setPages([])\n    }\n  }, [total, partition])\n\n  useEffect(() => {\n    if (lastPage <= MAX_PAGES) {\n      setShownPages(pages)\n    } else if (activePage <= MAX_ADDITIONAL_PAGES) {\n      setShownPages(pages.slice(0, MAX_ADDITIONAL_PAGES))\n    } else if (activePage > lastPage - MAX_ADDITIONAL_PAGES) {\n      setShownPages(pages.slice(pages.length - MAX_ADDITIONAL_PAGES))\n    } else {\n      const activePageIndex = pages.indexOf(activePage)\n      setShownPages(pages.slice(activePageIndex - 1, activePageIndex + 2))\n    }\n  }, [lastPage, activePage, pages])\n\n  useEffect(() => {\n    setShowFirstDots(shownPages[0] !== pages[0])\n    setShowLastDots(\n      shownPages[shownPages.length - 1] !== pages[pages.length - 1],\n    )\n  }, [shownPages, pages])\n\n  const movePage = (page: number) => {\n    if (page > 0 && page <= lastPage) {\n      setActivePage(page)\n      handlePageChange(page)\n    }\n  }\n\n  return (\n    <Container flex direction=\"row\" {...marginProps}>\n      {activePage - 1 > 0 && (\n        <IconBox\n          firstPage={true}\n          onClick={() => movePage(activePage - 1)}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter') {\n              movePage(activePage - 1)\n            }\n          }}\n        >\n          <Icon size={18} render=\"arrow\" />\n        </IconBox>\n      )}\n      <PageBox active={activePage === 1} onClick={() => movePage(1)}>\n        <Text typo={activePage === 1 ? 'desc-medium' : 'desc-light'} tag=\"p\">\n          1\n        </Text>\n      </PageBox>\n      {showFirstDots && (\n        <PageBox>\n          <Text tag=\"p\">...</Text>\n        </PageBox>\n      )}\n      {shownPages.map((i) => {\n        return (\n          <PageBox\n            active={activePage === i}\n            key={i}\n            onClick={() => movePage(i)}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') {\n                movePage(i)\n              }\n            }}\n          >\n            <Text\n              typo={activePage === i ? 'desc-medium' : 'desc-light'}\n              tag=\"p\"\n            >\n              {i}\n            </Text>\n          </PageBox>\n        )\n      })}\n      {showLastDots && (\n        <PageBox>\n          <Text tag=\"p\">...</Text>\n        </PageBox>\n      )}\n      {Boolean(lastPage) && (\n        <PageBox\n          active={activePage === lastPage}\n          onClick={() => movePage(lastPage)}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter') {\n              movePage(lastPage)\n            }\n          }}\n        >\n          <Text\n            typo={activePage === lastPage ? 'desc-medium' : 'desc-light'}\n            tag=\"p\"\n          >\n            {lastPage}\n          </Text>\n        </PageBox>\n      )}\n      {activePage + 1 <= lastPage && (\n        <IconBox\n          onClick={() => movePage(activePage + 1)}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter') {\n              movePage(activePage + 1)\n            }\n          }}\n        >\n          <Icon size={18} render=\"arrow\" rotate={180} />\n        </IconBox>\n      )}\n    </Container>\n  )\n}\n\ninterface IPageBox {\n  active?: boolean\n  firstPage?: boolean\n}\n\nconst Container = styled(Box)`\n  align-items: center;\n  > button {\n    margin-right: 4px;\n\n    &:last-child {\n      margin-right: 0;\n    }\n  }\n`\n\nconst PageBox = styled.button<IPageBox>`\n  background: ${({ active }) =>\n    active ? theme.colors.custard : theme.colors.cream};\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  border-radius: 50%;\n  width: 24px;\n  height: 24px;\n\n  &:hover {\n    background-color: ${theme.colors.mascarpone};\n  }\n  &:active {\n    background-color: ${theme.colors.custard};\n  }\n\n  ${focusOutlineStyle}\n`\n\nconst IconBox = styled.button<IPageBox>`\n  cursor: pointer;\n\n  ${focusOutlineStyle}\n`\n"],"names":[],"mappings":";;;;;;;;;AAWA,MAAM,SAAY,GAAA,CAAA,CAAA;AAClB,MAAM,oBAAuB,GAAA,IAAA,CAAK,IAAK,CAAA,SAAA,GAAY,CAAC,CAAA,CAAA;AAa7C,MAAM,aAAkC,CAAC;AAAA,EAC9C,KAAA;AAAA,EACA,SAAA;AAAA,EACA,gBAAA;AAAA,EACA,WAAA;AAAA,EACA,GAAG,WAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,CAAC,CAAA,CAAA;AAC1C,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,CAAC,CAAA,CAAA;AAC9C,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAA,QAAA,CAAmB,EAAE,CAAA,CAAA;AAC/C,EAAA,MAAM,CAAC,UAAY,EAAA,aAAa,CAAI,GAAA,QAAA,CAAmB,EAAE,CAAA,CAAA;AACzD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AACxD,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAEtD,EAAA,SAAA,CAAU,MAAM;AAGd,IAAA,IAAI,WAAa,EAAA;AACf,MAAA,aAAA,CAAc,WAAW,CAAA,CAAA;AAAA,KACpB,MAAA;AACL,MAAA,aAAA,CAAc,CAAC,CAAA,CAAA;AAAA,KACjB;AAAA,GACC,EAAA,CAAC,QAAU,EAAA,WAAW,CAAC,CAAA,CAAA;AAE1B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,IAAK,CAAA,KAAA,GAAQ,SAAS,CAAA,CAAA;AACjD,IAAA,IAAI,gBAAgB,CAAG,EAAA;AACrB,MAAA,WAAA,CAAY,aAAa,CAAA,CAAA;AAAA,KAC3B,MAAA,IAAW,kBAAkB,CAAG,EAAA;AAE9B,MAAA,WAAA,CAAY,CAAC,CAAA,CAAA;AAAA,KACf;AACA,IAAA,IAAI,gBAAgB,CAAG,EAAA;AACrB,MAAM,MAAA,QAAA,GAAW,KAAM,CAAA,IAAA,CAAK,EAAE,MAAA,EAAQ,aAAc,EAAA,EAAG,CAAC,CAAA,EAAG,CAAM,KAAA,CAAA,GAAI,CAAC,CAAA,CAAA;AACtE,MAAA,QAAA,CAAS,QAAS,CAAA,KAAA,CAAM,CAAG,EAAA,aAAA,GAAgB,CAAC,CAAC,CAAA,CAAA;AAAA,KACxC,MAAA;AAEL,MAAA,QAAA,CAAS,EAAE,CAAA,CAAA;AAAA,KACb;AAAA,GACC,EAAA,CAAC,KAAO,EAAA,SAAS,CAAC,CAAA,CAAA;AAErB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,YAAY,SAAW,EAAA;AACzB,MAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AAAA,KACrB,MAAA,IAAW,cAAc,oBAAsB,EAAA;AAC7C,MAAA,aAAA,CAAc,KAAM,CAAA,KAAA,CAAM,CAAG,EAAA,oBAAoB,CAAC,CAAA,CAAA;AAAA,KACpD,MAAA,IAAW,UAAa,GAAA,QAAA,GAAW,oBAAsB,EAAA;AACvD,MAAA,aAAA,CAAc,KAAM,CAAA,KAAA,CAAM,KAAM,CAAA,MAAA,GAAS,oBAAoB,CAAC,CAAA,CAAA;AAAA,KACzD,MAAA;AACL,MAAM,MAAA,eAAA,GAAkB,KAAM,CAAA,OAAA,CAAQ,UAAU,CAAA,CAAA;AAChD,MAAA,aAAA,CAAc,MAAM,KAAM,CAAA,eAAA,GAAkB,CAAG,EAAA,eAAA,GAAkB,CAAC,CAAC,CAAA,CAAA;AAAA,KACrE;AAAA,GACC,EAAA,CAAC,QAAU,EAAA,UAAA,EAAY,KAAK,CAAC,CAAA,CAAA;AAEhC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,gBAAA,CAAiB,UAAW,CAAA,CAAC,CAAM,KAAA,KAAA,CAAM,CAAC,CAAC,CAAA,CAAA;AAC3C,IAAA,eAAA;AAAA,MACE,UAAA,CAAW,WAAW,MAAS,GAAA,CAAC,MAAM,KAAM,CAAA,KAAA,CAAM,SAAS,CAAC,CAAA;AAAA,KAC9D,CAAA;AAAA,GACC,EAAA,CAAC,UAAY,EAAA,KAAK,CAAC,CAAA,CAAA;AAEtB,EAAM,MAAA,QAAA,GAAW,CAAC,IAAiB,KAAA;AACjC,IAAI,IAAA,IAAA,GAAO,CAAK,IAAA,IAAA,IAAQ,QAAU,EAAA;AAChC,MAAA,aAAA,CAAc,IAAI,CAAA,CAAA;AAClB,MAAA,gBAAA,CAAiB,IAAI,CAAA,CAAA;AAAA,KACvB;AAAA,GACF,CAAA;AAEA,EAAA,4BACG,SAAU,EAAA,EAAA,IAAA,EAAI,MAAC,SAAU,EAAA,KAAA,EAAO,GAAG,WACjC,EAAA,QAAA,EAAA;AAAA,IAAA,UAAA,GAAa,IAAI,CAChB,oBAAA,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,IAAA;AAAA,QACX,OAAS,EAAA,MAAM,QAAS,CAAA,UAAA,GAAa,CAAC,CAAA;AAAA,QACtC,SAAA,EAAW,CAAC,CAAM,KAAA;AAChB,UAAI,IAAA,CAAA,CAAE,QAAQ,OAAS,EAAA;AACrB,YAAA,QAAA,CAAS,aAAa,CAAC,CAAA,CAAA;AAAA,WACzB;AAAA,SACF;AAAA,QAEA,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,IAAM,EAAA,EAAA,EAAI,QAAO,OAAQ,EAAA,CAAA;AAAA,OAAA;AAAA,KACjC;AAAA,oBAEF,GAAA,CAAC,WAAQ,MAAQ,EAAA,UAAA,KAAe,GAAG,OAAS,EAAA,MAAM,SAAS,CAAC,CAAA,EAC1D,8BAAC,IAAK,EAAA,EAAA,IAAA,EAAM,eAAe,CAAI,GAAA,aAAA,GAAgB,cAAc,GAAI,EAAA,GAAA,EAAI,eAErE,CACF,EAAA,CAAA;AAAA,IACC,aAAA,wBACE,OACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,QAAK,GAAI,EAAA,GAAA,EAAI,iBAAG,CACnB,EAAA,CAAA;AAAA,IAED,UAAA,CAAW,GAAI,CAAA,CAAC,CAAM,KAAA;AACrB,MACE,uBAAA,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,QAAQ,UAAe,KAAA,CAAA;AAAA,UAEvB,OAAA,EAAS,MAAM,QAAA,CAAS,CAAC,CAAA;AAAA,UACzB,SAAA,EAAW,CAAC,CAAM,KAAA;AAChB,YAAI,IAAA,CAAA,CAAE,QAAQ,OAAS,EAAA;AACrB,cAAA,QAAA,CAAS,CAAC,CAAA,CAAA;AAAA,aACZ;AAAA,WACF;AAAA,UAEA,QAAA,kBAAA,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAM,UAAe,KAAA,CAAA,GAAI,aAAgB,GAAA,YAAA;AAAA,cACzC,GAAI,EAAA,GAAA;AAAA,cAEH,QAAA,EAAA,CAAA;AAAA,aAAA;AAAA,WACH;AAAA,SAAA;AAAA,QAbK,CAAA;AAAA,OAcP,CAAA;AAAA,KAEH,CAAA;AAAA,IACA,YAAA,wBACE,OACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,QAAK,GAAI,EAAA,GAAA,EAAI,iBAAG,CACnB,EAAA,CAAA;AAAA,IAED,OAAA,CAAQ,QAAQ,CACf,oBAAA,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,QAAQ,UAAe,KAAA,QAAA;AAAA,QACvB,OAAA,EAAS,MAAM,QAAA,CAAS,QAAQ,CAAA;AAAA,QAChC,SAAA,EAAW,CAAC,CAAM,KAAA;AAChB,UAAI,IAAA,CAAA,CAAE,QAAQ,OAAS,EAAA;AACrB,YAAA,QAAA,CAAS,QAAQ,CAAA,CAAA;AAAA,WACnB;AAAA,SACF;AAAA,QAEA,QAAA,kBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAM,UAAe,KAAA,QAAA,GAAW,aAAgB,GAAA,YAAA;AAAA,YAChD,GAAI,EAAA,GAAA;AAAA,YAEH,QAAA,EAAA,QAAA;AAAA,WAAA;AAAA,SACH;AAAA,OAAA;AAAA,KACF;AAAA,IAED,UAAA,GAAa,KAAK,QACjB,oBAAA,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,OAAS,EAAA,MAAM,QAAS,CAAA,UAAA,GAAa,CAAC,CAAA;AAAA,QACtC,SAAA,EAAW,CAAC,CAAM,KAAA;AAChB,UAAI,IAAA,CAAA,CAAE,QAAQ,OAAS,EAAA;AACrB,YAAA,QAAA,CAAS,aAAa,CAAC,CAAA,CAAA;AAAA,WACzB;AAAA,SACF;AAAA,QAEA,8BAAC,IAAK,EAAA,EAAA,IAAA,EAAM,IAAI,MAAO,EAAA,OAAA,EAAQ,QAAQ,GAAK,EAAA,CAAA;AAAA,OAAA;AAAA,KAC9C;AAAA,GAEJ,EAAA,CAAA,CAAA;AAEJ,EAAA;AAOA,MAAM,SAAA,GAAY,OAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAW5B,MAAM,UAAU,MAAO,CAAA,MAAA,CAAA;AAAA,cACP,EAAA,CAAC,EAAE,MAAA,EACf,KAAA,MAAA,GAAS,MAAM,MAAO,CAAA,OAAA,GAAU,KAAM,CAAA,MAAA,CAAO,KAAK,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAS9B,EAAA,KAAA,CAAM,OAAO,UAAU,CAAA;AAAA;AAAA;AAAA,sBAGvB,EAAA,KAAA,CAAM,OAAO,OAAO,CAAA;AAAA;AAAA;AAAA,EAAA,EAGxC,iBAAiB,CAAA;AAAA,CAAA,CAAA;AAGrB,MAAM,UAAU,MAAO,CAAA,MAAA,CAAA;AAAA;AAAA;AAAA,EAAA,EAGnB,iBAAiB,CAAA;AAAA,CAAA;;;;"}

package/dist/RadioGroup/RadioElement.js

@@ -51,3 +51,4 @@ const RadioCircle = styled(Box)`
 `;
 
 export { RadioElement };
+//# sourceMappingURL=RadioElement.js.map

package/dist/RadioGroup/RadioElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioElement.js","sources":["../../src/RadioGroup/RadioElement.tsx"],"sourcesContent":["import React, { FocusEvent, forwardRef } from 'react'\nimport styled from 'styled-components'\n\nimport { theme } from '../theme'\nimport { focusOutline } from '../utils/focusOutline'\nimport { MarginProps } from '../utils/space'\nimport { visuallyHidden } from '../utils/visuallyHidden'\n\nimport { Box } from '../Box'\nimport { BaseValueType } from './types'\n\ntype RadioElementProps = {\n  name: string\n  id: string\n  value: BaseValueType\n  checked: boolean\n  onChange: (value: BaseValueType) => void\n  onBlur?: (e: FocusEvent<HTMLInputElement>) => void\n  isError: boolean\n} & MarginProps\n\nexport const RadioElement = forwardRef<HTMLInputElement, RadioElementProps>(\n  function RadioElement(\n    { name, id, value, checked, onChange, onBlur, isError, ...marginProps },\n    ref,\n  ) {\n    return (\n      <>\n        <StyledInput\n          ref={ref}\n          type=\"radio\"\n          name={name}\n          id={id}\n          value={`${value}`}\n          checked={checked}\n          onChange={() => onChange(value)}\n          onBlur={onBlur}\n        />\n        <RadioCircle isError={isError} checked={checked} {...marginProps} />\n      </>\n    )\n  },\n)\n\nconst StyledInput = styled.input`\n  ${visuallyHidden}\n`\n\nconst RADIO_SIZE = 24\n\nconst RadioCircle = styled(Box)<{ isError: boolean; checked: boolean }>`\n  flex-shrink: 0;\n  width: ${RADIO_SIZE}px;\n  height: ${RADIO_SIZE}px;\n  border-radius: ${RADIO_SIZE}px;\n  background-color: ${theme.colors.cream};\n  border: 2px solid\n    ${({ isError }) =>\n      isError ? theme.colors.strawberry : theme.colors.sesame};\n\n  ${({ checked, isError }) =>\n    !checked &&\n    !isError &&\n    `\n    &:hover {\n      border: 2px solid ${theme.colors.liquorice};\n    }\n  `}\n\n  ${({ checked, isError }) =>\n    checked &&\n    `border: 8px solid ${\n      isError ? theme.colors.strawberry : theme.colors.liquorice\n    };`}\n\n  ${focusOutline({ selector: `${StyledInput}:focus-visible + &` })}\n`\n"],"names":["RadioElement"],"mappings":";;;;;;;;AAqBO,MAAM,YAAe,GAAA,UAAA;AAAA,EAC1B,SAASA,aAAAA,CACP,EAAE,IAAA,EAAM,EAAI,EAAA,KAAA,EAAO,OAAS,EAAA,QAAA,EAAU,MAAQ,EAAA,OAAA,EAAS,GAAG,WAAA,IAC1D,GACA,EAAA;AACA,IAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,WAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,IAAK,EAAA,OAAA;AAAA,UACL,IAAA;AAAA,UACA,EAAA;AAAA,UACA,KAAA,EAAO,GAAG,KAAK,CAAA,CAAA;AAAA,UACf,OAAA;AAAA,UACA,QAAA,EAAU,MAAM,QAAA,CAAS,KAAK,CAAA;AAAA,UAC9B,MAAA;AAAA,SAAA;AAAA,OACF;AAAA,sBACC,GAAA,CAAA,WAAA,EAAA,EAAY,OAAkB,EAAA,OAAA,EAAmB,GAAG,WAAa,EAAA,CAAA;AAAA,KACpE,EAAA,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,MAAM,cAAc,MAAO,CAAA,KAAA,CAAA;AAAA,EAAA,EACvB,cAAc,CAAA;AAAA,CAAA,CAAA;AAGlB,MAAM,UAAa,GAAA,EAAA,CAAA;AAEnB,MAAM,WAAA,GAAc,OAAO,GAAG,CAAA,CAAA;AAAA;AAAA,SAAA,EAEnB,UAAU,CAAA;AAAA,UAAA,EACT,UAAU,CAAA;AAAA,iBAAA,EACH,UAAU,CAAA;AAAA,oBACP,EAAA,KAAA,CAAM,OAAO,KAAK,CAAA;AAAA;AAAA,IAElC,EAAA,CAAC,EAAE,OAAA,EACH,KAAA,OAAA,GAAU,MAAM,MAAO,CAAA,UAAA,GAAa,KAAM,CAAA,MAAA,CAAO,MAAM,CAAA;AAAA;AAAA,EAEzD,EAAA,CAAC,EAAE,OAAS,EAAA,OAAA,OACZ,CAAC,OAAA,IACD,CAAC,OACD,IAAA,CAAA;AAAA;AAAA,wBAEsB,EAAA,KAAA,CAAM,OAAO,SAAS,CAAA;AAAA;AAAA,EAE7C,CAAA,CAAA;AAAA;AAAA,EAAA,EAEC,CAAC,EAAE,OAAS,EAAA,OAAA,OACZ,OACA,IAAA,CAAA,kBAAA,EACE,OAAU,GAAA,KAAA,CAAM,MAAO,CAAA,UAAA,GAAa,KAAM,CAAA,MAAA,CAAO,SACnD,CAAG,CAAA,CAAA,CAAA;AAAA;AAAA,EAAA,EAEH,aAAa,EAAE,QAAA,EAAU,GAAG,WAAW,CAAA,kBAAA,CAAA,EAAsB,CAAC,CAAA;AAAA,CAAA;;;;"}

package/dist/RadioGroup/RadioGroup.d.ts

@@ -1,10 +1,11 @@
 import React, { FocusEvent, ReactElement } from 'react';
+import { Icons } from 'Icon/iconsList';
 import { CommonFieldProps } from '../fields/commonFieldTypes';
 import { BaseValueType, DisplayType, IconPosition } from './types';
 export type RadioGroupProps<Value extends BaseValueType = BaseValueType> = {
     options: Array<{
         visual?: string;
-        icon?: string;
+        icon?: Icons;
         iconPosition?: IconPosition;
         label: string;
         value: Value;
@@ -22,7 +23,7 @@ export type RadioGroupElement = {
 export declare const RadioGroup: <Value extends BaseValueType = BaseValueType>(p: {
     options: {
         visual?: string | undefined;
-        icon?: string | undefined;
+        icon?: "link" | "filter" | "key" | "id" | "property" | "security" | "aa-inverted" | "accidental-damage" | "account-breakdown" | "account-mlp" | "activity-clipboard" | "add-ons" | "address-mta" | "album-audio" | "alert-engine" | "apple-pay" | "approved-file" | "breakdown-alt" | "cancel-bw" | "car-mta" | "car-repairs" | "car-replacement" | "car-usage" | "chat-bubble" | "checkout-with-text" | "circle-tick" | "claim-line" | "clipboard-check" | "close-panel" | "confused-blue" | "contact-email" | "dashboard-high" | "direct-debit" | "doc-download" | "doc-upload" | "edit-contact" | "edit-outline" | "email-filled" | "falling-items" | "file-badge-2" | "file-cabinet" | "fraud-alert" | "freezer-food" | "google-play-badge" | "help-aboutus" | "help-buypolicy" | "help-center" | "help-idcheck" | "help-manage-policy" | "help-ncd" | "help-verification" | "home-excluded" | "house-tree" | "ios-store-badge" | "live-chat" | "live-chat2" | "log-out" | "manage-drivers" | "manage-policy" | "maximise-window" | "minus-circle" | "money-bag" | "money-heart" | "more-dots" | "new-window" | "no-excess" | "open-panel" | "out-of-home" | "padlock-outline" | "phone-filled" | "phone-outline" | "pin-code" | "plus-circle" | "policy-details" | "policy-doc" | "policy-docs" | "pound-bold" | "pound-filled-circle" | "pound-medium" | "pound-outline" | "pound-regular" | "question-help" | "refer-a-friend" | "reg-plate" | "renewal-line" | "repeat-charge" | "schedule-quote" | "send-message" | "shield-check" | "thumbs-up" | "tow-truck" | "trace-and-access" | "up-down" | "upload-documents" | "upload-email" | "wheel-flat" | "windscreen-repair" | "windscreen-replacement" | "aa" | "addons" | "alert" | "amex" | "arrow" | "at" | "axa" | "bank" | "basket" | "bicycle" | "boost" | "breakdown" | "briefcase" | "burger" | "calendar" | "camera" | "cancel" | "car" | "card" | "caret" | "charge" | "chat" | "checkout" | "city" | "claim" | "clipboard" | "clock" | "collpase" | "confused" | "copy" | "crop" | "cross" | "download" | "earth" | "edit" | "engine" | "europe" | "excluded" | "expand" | "facebook" | "fence" | "file" | "fire" | "flag" | "folder" | "fuel" | "globe" | "gpay" | "house" | "inbox" | "included" | "info" | "injury" | "instagram" | "intercom" | "intercom2" | "iphone" | "jewellery" | "laptop" | "leaks" | "lightbulb" | "linkedin" | "location" | "marshmallow" | "mastercard" | "maximise" | "medical" | "minimise" | "minus" | "mulsanne" | "notes" | "notification" | "onfido" | "other" | "padlock" | "people" | "person" | "photo" | "plus" | "policy" | "premfina" | "profile" | "prohibited" | "rac" | "ravelin" | "refund" | "renewal" | "return" | "search" | "settings" | "shield" | "shopping" | "sofa" | "stack" | "storm" | "stripe" | "subsidence" | "theft" | "tick" | "training" | "trash" | "twitter" | "upload" | "vandalism" | "village" | "visa" | "warning" | "watch" | "wave" | "wellbeing" | "windscreen" | undefined;
         iconPosition?: IconPosition | undefined;
         label: string;
         value: Value;

package/dist/RadioGroup/RadioGroup.js

@@ -73,3 +73,4 @@ const RadioItemList = styled.div`
 `;
 
 export { RadioGroup };
+//# sourceMappingURL=RadioGroup.js.map

package/dist/RadioGroup/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sources":["../../src/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import React, {\n  FocusEvent,\n  ForwardedRef,\n  forwardRef,\n  ReactElement,\n  RefObject,\n  useImperativeHandle,\n  useRef,\n} from 'react'\nimport styled from 'styled-components'\n\nimport { useUniqueId } from '../utils/id'\n\nimport { Icons } from 'Icon/iconsList'\nimport { CommonFieldProps } from '../fields/commonFieldTypes'\nimport { Fieldset } from '../fields/Fieldset'\n\nimport { ITEM_GAP } from './constants'\nimport { RadioItem } from './RadioItem'\nimport { BaseValueType, DisplayType, IconPosition } from './types'\n\nexport type RadioGroupProps<Value extends BaseValueType = BaseValueType> = {\n  options: Array<{\n    visual?: string\n    icon?: Icons\n    iconPosition?: IconPosition\n    label: string\n    value: Value\n    bodyCopy?: string\n  }>\n  onChange: (value: Value) => void\n  onBlur?: (e: FocusEvent<HTMLInputElement>) => void\n  value: Value\n  displayType?: DisplayType\n  fallbackStyle?: boolean\n} & CommonFieldProps\n\nexport type RadioGroupElement = {\n  focus: VoidFunction\n}\n\nconst RadioGroupComponent = <Value extends BaseValueType>(\n  {\n    options,\n    onChange,\n    onBlur,\n    value,\n    displayType = 'normal',\n    renderAsTitle = false,\n    error = false,\n    fallbackStyle = false,\n    ...fieldProps\n  }: RadioGroupProps<Value>,\n  ref: ForwardedRef<RadioGroupElement>,\n) => {\n  const name = useUniqueId()\n\n  const optionRefs = useRef<RefObject<HTMLInputElement>[]>([])\n  useImperativeHandle(ref, () => {\n    return {\n      focus: () => {\n        const selectedIndex = options.findIndex((item) => item.value === value)\n\n        const elementToFocus = selectedIndex === -1 ? 0 : selectedIndex\n        optionRefs.current[elementToFocus].current?.focus()\n      },\n    }\n  })\n\n  return (\n    <Fieldset renderAsTitle={renderAsTitle} error={error} {...fieldProps}>\n      <RadioItemList displayType={displayType}>\n        {options.map((option, index) => {\n          const isSelected = option.value === value\n\n          return (\n            <RadioItem\n              ref={(radioOptionRef) => {\n                optionRefs.current[index] = {\n                  current: radioOptionRef,\n                }\n              }}\n              key={`${option.value}`}\n              name={name}\n              visual={option.visual}\n              icon={option.icon}\n              iconPosition={option.iconPosition}\n              label={option.label}\n              value={option.value}\n              checked={isSelected}\n              onChange={onChange}\n              onBlur={onBlur}\n              displayType={displayType}\n              isError={error}\n              fallbackStyle={fallbackStyle}\n              bodyCopy={option.bodyCopy}\n            />\n          )\n        })}\n      </RadioItemList>\n    </Fieldset>\n  )\n}\n\nexport const RadioGroup = forwardRef(RadioGroupComponent) as <\n  Value extends BaseValueType = BaseValueType,\n>(\n  p: RadioGroupProps<Value> & React.RefAttributes<HTMLInputElement>,\n) => ReactElement | null\n\nconst RadioItemList = styled.div<Pick<RadioGroupProps, 'displayType'>>`\n  display: flex;\n  gap: ${ITEM_GAP}px;\n\n  ${({ displayType }) => {\n    if (displayType === 'horizontal-card') {\n      return `\n        flex-direction: row;\n        flex-wrap: wrap;\n      `\n    }\n\n    return `flex-direction: column;`\n  }}\n`\n"],"names":[],"mappings":";;;;;;;;AAyCA,MAAM,sBAAsB,CAC1B;AAAA,EACE,OAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAc,GAAA,QAAA;AAAA,EACd,aAAgB,GAAA,KAAA;AAAA,EAChB,KAAQ,GAAA,KAAA;AAAA,EACR,aAAgB,GAAA,KAAA;AAAA,EAChB,GAAG,UAAA;AACL,CAAA,EACA,GACG,KAAA;AACH,EAAA,MAAM,OAAO,WAAY,EAAA,CAAA;AAEzB,EAAM,MAAA,UAAA,GAAa,MAAsC,CAAA,EAAE,CAAA,CAAA;AAC3D,EAAA,mBAAA,CAAoB,KAAK,MAAM;AAC7B,IAAO,OAAA;AAAA,MACL,OAAO,MAAM;AACX,QAAA,MAAM,gBAAgB,OAAQ,CAAA,SAAA,CAAU,CAAC,IAAS,KAAA,IAAA,CAAK,UAAU,KAAK,CAAA,CAAA;AAEtE,QAAM,MAAA,cAAA,GAAiB,aAAkB,KAAA,CAAA,CAAA,GAAK,CAAI,GAAA,aAAA,CAAA;AAClD,QAAA,UAAA,CAAW,OAAQ,CAAA,cAAc,CAAE,CAAA,OAAA,EAAS,KAAM,EAAA,CAAA;AAAA,OACpD;AAAA,KACF,CAAA;AAAA,GACD,CAAA,CAAA;AAED,EAAA,uBACG,GAAA,CAAA,QAAA,EAAA,EAAS,aAA8B,EAAA,KAAA,EAAe,GAAG,UAAA,EACxD,QAAC,kBAAA,GAAA,CAAA,aAAA,EAAA,EAAc,WACZ,EAAA,QAAA,EAAA,OAAA,CAAQ,GAAI,CAAA,CAAC,QAAQ,KAAU,KAAA;AAC9B,IAAM,MAAA,UAAA,GAAa,OAAO,KAAU,KAAA,KAAA,CAAA;AAEpC,IACE,uBAAA,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,CAAC,cAAmB,KAAA;AACvB,UAAW,UAAA,CAAA,OAAA,CAAQ,KAAK,CAAI,GAAA;AAAA,YAC1B,OAAS,EAAA,cAAA;AAAA,WACX,CAAA;AAAA,SACF;AAAA,QAEA,IAAA;AAAA,QACA,QAAQ,MAAO,CAAA,MAAA;AAAA,QACf,MAAM,MAAO,CAAA,IAAA;AAAA,QACb,cAAc,MAAO,CAAA,YAAA;AAAA,QACrB,OAAO,MAAO,CAAA,KAAA;AAAA,QACd,OAAO,MAAO,CAAA,KAAA;AAAA,QACd,OAAS,EAAA,UAAA;AAAA,QACT,QAAA;AAAA,QACA,MAAA;AAAA,QACA,WAAA;AAAA,QACA,OAAS,EAAA,KAAA;AAAA,QACT,aAAA;AAAA,QACA,UAAU,MAAO,CAAA,QAAA;AAAA,OAAA;AAAA,MAbZ,CAAA,EAAG,OAAO,KAAK,CAAA,CAAA;AAAA,KActB,CAAA;AAAA,GAEH,GACH,CACF,EAAA,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEa,MAAA,UAAA,GAAa,WAAW,mBAAmB,EAAA;AAMxD,MAAM,gBAAgB,MAAO,CAAA,GAAA,CAAA;AAAA;AAAA,OAAA,EAEpB,QAAQ,CAAA;AAAA;AAAA,EAEb,EAAA,CAAC,EAAE,WAAA,EAAkB,KAAA;AACrB,EAAA,IAAI,gBAAgB,iBAAmB,EAAA;AACrC,IAAO,OAAA,CAAA;AAAA;AAAA;AAAA,MAAA,CAAA,CAAA;AAAA,GAIT;AAEA,EAAO,OAAA,CAAA,uBAAA,CAAA,CAAA;AACT,CAAC,CAAA;AAAA,CAAA;;;;"}

package/dist/RadioGroup/RadioItem.d.ts

@@ -1,9 +1,10 @@
 import React, { FocusEvent } from 'react';
+import { Icons } from 'Icon/iconsList';
 import { BaseValueType, DisplayType, IconPosition } from './types';
 type RadioItemProps = {
     name: string;
     visual?: string;
-    icon?: string;
+    icon?: Icons;
     iconPosition?: IconPosition;
     value: BaseValueType;
     label: string;

package/dist/RadioGroup/RadioItem.js

@@ -127,3 +127,4 @@ const RadioText = styled.span`
 `;
 
 export { RadioItem };
+//# sourceMappingURL=RadioItem.js.map

package/dist/RadioGroup/RadioItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioItem.js","sources":["../../src/RadioGroup/RadioItem.tsx"],"sourcesContent":["import React, { FocusEvent, forwardRef } from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { theme } from '../theme'\nimport { useUniqueId } from '../utils/id'\n\nimport { Icons } from 'Icon/iconsList'\nimport { Box } from '../Box'\nimport { Icon } from '../Icon'\n\nimport { Text } from '../Text'\nimport { RadioElement } from './RadioElement'\nimport { ITEM_GAP } from './constants'\nimport { BaseValueType, DisplayType, IconPosition } from './types'\n\ntype RadioItemProps = {\n  name: string\n  visual?: string\n  icon?: Icons\n  iconPosition?: IconPosition\n  value: BaseValueType\n  label: string\n  checked: boolean\n  onChange: (value: BaseValueType) => void\n  onBlur?: (e: FocusEvent<HTMLInputElement>) => void\n  displayType: DisplayType\n  isError: boolean\n  fallbackStyle?: boolean\n  bodyCopy?: string\n}\n\nexport const RadioItem = forwardRef<HTMLInputElement, RadioItemProps>(\n  function RadioItem(\n    {\n      name,\n      visual,\n      icon,\n      iconPosition = 'center',\n      label,\n      value,\n      checked,\n      onChange,\n      onBlur,\n      displayType,\n      isError,\n      fallbackStyle,\n      bodyCopy,\n    },\n    ref,\n  ) {\n    const id = useUniqueId()\n    return (\n      <Wrapper\n        htmlFor={id}\n        checked={checked}\n        displayType={displayType}\n        data-testid={value}\n        isError={isError}\n        fallbackStyle={fallbackStyle}\n      >\n        {visual && !icon && (\n          <VisualWrapper>\n            <Visual visualUrl={visual} />\n          </VisualWrapper>\n        )}\n        {!visual && icon && (\n          <IconWrapper iconPosition={iconPosition}>\n            <Icon render={icon} size={24} />\n          </IconWrapper>\n        )}\n        <Box flex alignItems=\"center\">\n          <RadioElement\n            ref={ref}\n            name={name}\n            id={id}\n            value={value}\n            checked={checked}\n            onChange={onChange}\n            onBlur={onBlur}\n            isError={isError}\n            mr=\"8px\"\n          />\n          <Box>\n            <RadioText isError={isError}>{label}</RadioText>\n            {bodyCopy && (\n              <Box>\n                <Text typo=\"caption\">{bodyCopy}</Text>\n              </Box>\n            )}\n          </Box>\n        </Box>\n      </Wrapper>\n    )\n  },\n)\n\nconst VisualWrapper = styled.div`\n  width: 100%;\n  max-width: 120px;\n  margin: 0 auto 8px;\n`\n\nconst IconWrapper = styled.div<{ iconPosition?: IconPosition }>`\n  display: flex;\n  padding-bottom: 12px;\n\n  ${({ iconPosition }) =>\n    iconPosition === 'center' &&\n    css`\n      justify-content: center;\n    `}\n\n  ${({ iconPosition }) =>\n    iconPosition === 'start' &&\n    css`\n      justify-content: flex-start;\n    `}\n`\n\nconst Visual = styled.div<{ visualUrl: string }>`\n  width: 100%;\n  padding-top: 100%;\n  background-image: url('${(p) => p.visualUrl}');\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n`\n\nconst Wrapper = styled.label<\n  Pick<RadioItemProps, 'displayType' | 'checked' | 'isError' | 'fallbackStyle'>\n>`\n  display: flex;\n  flex-direction: column;\n  cursor: pointer;\n\n  ${({ displayType, checked, isError, fallbackStyle }) => css`\n    ${(displayType === 'horizontal-card' || displayType === 'vertical-card') &&\n    css`\n      border-radius: 12px;\n      background-color: ${fallbackStyle\n        ? theme.colors.cream\n        : theme.colors.custard};\n      padding: ${checked ? '10px' : '12px'};\n      border: ${checked &&\n      (isError\n        ? `2px solid ${theme.colors.strawberry}`\n        : `2px solid ${theme.colors.liquorice}`)};\n\n      &:hover {\n        background-color: ${fallbackStyle\n          ? theme.colors.coconut\n          : theme.colors.oatmeal};\n      }\n    `}\n    ${displayType === 'horizontal-card' &&\n    css`\n      width: 100%;\n      justify-content: center;\n\n      @media (min-width: 420px) {\n        width: calc(50% - ${ITEM_GAP / 2}px);\n      }\n\n      @media (min-width: 768px) {\n        width: 201px;\n      }\n    `}\n  `}\n`\n\nconst RadioText = styled.span<{ isError: boolean }>`\n  line-height: 16px;\n  font-size: 16px;\n  font-weight: ${theme.font.weight.medium};\n  color: ${({ isError }) =>\n    isError ? theme.colors.strawberry : theme.colors.liquorice};\n  margin-top: 4px;\n`\n"],"names":["RadioItem"],"mappings":"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"}

package/dist/RadioGroup/constants.js

@@ -1,3 +1,4 @@
 const ITEM_GAP = 12;
 
 export { ITEM_GAP };
+//# sourceMappingURL=constants.js.map

package/dist/RadioGroup/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../src/RadioGroup/constants.ts"],"sourcesContent":["export const ITEM_GAP = 12\n"],"names":[],"mappings":"AAAO,MAAM,QAAW,GAAA;;;;"}

package/dist/Row/Row.d.ts

@@ -1,10 +1,11 @@
 import { FC } from 'react';
+import { Icons } from 'Icon/iconsList';
 import { Color } from '../theme';
 import { MarginProps } from '../utils/space';
 export type RowProps = {
-    iconLeft?: string;
+    iconLeft?: Icons;
     iconLeftColor?: Color;
-    iconRight?: string;
+    iconRight?: Icons;
     iconRightColor?: Color;
     handleClick?: () => void;
     heading: string;

package/dist/Row/Row.js

@@ -89,3 +89,4 @@ const Container = styled(Box)(
 );
 
 export { Row };
+//# sourceMappingURL=Row.js.map

package/dist/Row/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","sources":["../../src/Row/Row.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { Icons } from 'Icon/iconsList'\nimport { Box } from '../Box'\nimport { Icon } from '../Icon'\nimport { Text } from '../Text'\nimport { Color, theme } from '../theme'\nimport { MarginProps } from '../utils/space'\n\nexport type RowProps = {\n  iconLeft?: Icons\n  iconLeftColor?: Color\n  iconRight?: Icons\n  iconRightColor?: Color\n  handleClick?: () => void\n  heading: string\n  subHeading?: string\n  type?: 'first' | 'last' | 'curved'\n  borderTop?: boolean\n  borderBottom?: boolean\n  boldHeading?: boolean\n} & MarginProps\n\nexport const Row: FC<RowProps> = ({\n  iconLeft,\n  iconLeftColor = 'liquorice',\n  iconRight,\n  iconRightColor = 'marzipan',\n  handleClick,\n  heading,\n  subHeading,\n  type,\n  borderTop = true,\n  borderBottom = true,\n  boldHeading,\n  ...marginProps\n}) => {\n  const windowWidth = screen.width\n\n  return (\n    <Container\n      type={type}\n      iconLeft={iconLeft}\n      borderTop={borderTop}\n      borderBottom={borderBottom}\n      iconRight={iconRight}\n      onClick={handleClick}\n      boldHeading={boldHeading}\n      {...marginProps}\n    >\n      {iconLeft && (\n        <Icon\n          render={iconLeft}\n          size={windowWidth > 768 ? 24 : 18}\n          color={iconLeftColor}\n        />\n      )}\n      <Box>\n        <Text tag=\"h1\" typo=\"base\">\n          {heading}\n        </Text>\n        <Text tag=\"p\" typo=\"desc-small\" color=\"sesame\">\n          {subHeading}\n        </Text>\n      </Box>\n      {iconRight && (\n        <Icon\n          className=\"iconRight\"\n          render={iconRight}\n          size={24}\n          rotate={iconRight === 'caret' ? -90 : 0}\n          color={iconRightColor}\n        />\n      )}\n    </Container>\n  )\n}\n\ninterface IContainer {\n  type?: 'first' | 'last' | 'curved'\n  iconLeft?: string\n  iconRight?: string\n  borderTop: boolean\n  borderBottom: boolean\n  boldHeading?: boolean\n}\n\nconst Container = styled(Box)<IContainer>(\n  ({ type, iconLeft, borderTop, borderBottom, boldHeading }) => css`\n    border-radius: ${(type === 'first' && `16px 16px 0 0`) ||\n    (type === 'curved' && `16px`) ||\n    (type === 'last' && `0 0 16px 16px`) ||\n    0};\n\n    border-top: ${borderTop && type !== 'curved' && type !== 'first'\n      ? `1px solid ${theme.colors.oatmeal}`\n      : 'none'};\n    border-bottom: ${borderBottom && type !== 'curved' && type !== 'last'\n      ? `1px solid ${theme.colors.oatmeal}`\n      : 'none'};\n\n    background-color: ${theme.colors.custard};\n    display: grid;\n    grid-template-columns: ${iconLeft ? `24px auto 24px` : `auto 24px`};\n    padding: 16px;\n    grid-gap: 16px;\n    align-items: center;\n\n    cursor: pointer;\n\n    h1 {\n      font-weight: ${boldHeading && 500};\n    }\n\n    .iconRight {\n      justify-self: end;\n    }\n\n    @media (min-width: 768px) {\n      grid-gap: 24px;\n    }\n  `,\n)\n"],"names":[],"mappings":";;;;;;;AAwBO,MAAM,MAAoB,CAAC;AAAA,EAChC,QAAA;AAAA,EACA,aAAgB,GAAA,WAAA;AAAA,EAChB,SAAA;AAAA,EACA,cAAiB,GAAA,UAAA;AAAA,EACjB,WAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAY,GAAA,IAAA;AAAA,EACZ,YAAe,GAAA,IAAA;AAAA,EACf,WAAA;AAAA,EACA,GAAG,WAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,cAAc,MAAO,CAAA,KAAA,CAAA;AAE3B,EACE,uBAAA,IAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAS,EAAA,WAAA;AAAA,MACT,WAAA;AAAA,MACC,GAAG,WAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QACC,QAAA,oBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,MAAQ,EAAA,QAAA;AAAA,YACR,IAAA,EAAM,WAAc,GAAA,GAAA,GAAM,EAAK,GAAA,EAAA;AAAA,YAC/B,KAAO,EAAA,aAAA;AAAA,WAAA;AAAA,SACT;AAAA,6BAED,GACC,EAAA,EAAA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAK,EAAA,EAAA,GAAA,EAAI,IAAK,EAAA,IAAA,EAAK,QACjB,QACH,EAAA,OAAA,EAAA,CAAA;AAAA,0BACA,GAAA,CAAC,QAAK,GAAI,EAAA,GAAA,EAAI,MAAK,YAAa,EAAA,KAAA,EAAM,UACnC,QACH,EAAA,UAAA,EAAA,CAAA;AAAA,SACF,EAAA,CAAA;AAAA,QACC,SACC,oBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,SAAU,EAAA,WAAA;AAAA,YACV,MAAQ,EAAA,SAAA;AAAA,YACR,IAAM,EAAA,EAAA;AAAA,YACN,MAAA,EAAQ,SAAc,KAAA,OAAA,GAAU,CAAM,EAAA,GAAA,CAAA;AAAA,YACtC,KAAO,EAAA,cAAA;AAAA,WAAA;AAAA,SACT;AAAA,OAAA;AAAA,KAAA;AAAA,GAEJ,CAAA;AAEJ,EAAA;AAWA,MAAM,SAAA,GAAY,OAAO,GAAG,CAAA;AAAA,EAC1B,CAAC,EAAE,IAAA,EAAM,UAAU,SAAW,EAAA,YAAA,EAAc,aAAkB,KAAA,GAAA,CAAA;AAAA,mBAC1C,EAAA,IAAA,KAAS,WAAW,CACrC,aAAA,CAAA,IAAA,IAAA,KAAS,YAAY,CACrB,IAAA,CAAA,IAAA,IAAA,KAAS,MAAU,IAAA,CAAA,aAAA,CAAA,IACpB,CAAC,CAAA;AAAA;AAAA,gBAEa,EAAA,SAAA,IAAa,IAAS,KAAA,QAAA,IAAY,IAAS,KAAA,OAAA,GACrD,aAAa,KAAM,CAAA,MAAA,CAAO,OAAO,CAAA,CAAA,GACjC,MAAM,CAAA;AAAA,mBACO,EAAA,YAAA,IAAgB,IAAS,KAAA,QAAA,IAAY,IAAS,KAAA,MAAA,GAC3D,aAAa,KAAM,CAAA,MAAA,CAAO,OAAO,CAAA,CAAA,GACjC,MAAM,CAAA;AAAA;AAAA,sBAEU,EAAA,KAAA,CAAM,OAAO,OAAO,CAAA;AAAA;AAAA,2BAEf,EAAA,QAAA,GAAW,mBAAmB,CAAW,SAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAA,EAQjD,eAAe,GAAG,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,CAAA;AAWvC,CAAA;;;;"}

package/dist/SearchInput/SearchInput.js

@@ -117,3 +117,4 @@ const SearchInput = forwardRef(
 );
 
 export { SearchInput };
+//# sourceMappingURL=SearchInput.js.map

package/dist/SearchInput/SearchInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.js","sources":["../../src/SearchInput/SearchInput.tsx"],"sourcesContent":["import React, {\n  ChangeEvent,\n  FocusEvent,\n  forwardRef,\n  useMemo,\n  useState,\n} from 'react'\nimport { Box } from '../Box'\nimport { Field } from '../fields/Field'\nimport { CommonFieldProps } from '../fields/commonFieldTypes'\nimport { Input, StyledFrontIcon } from '../fields/components/CommonInput'\nimport { useUniqueId } from '../utils/id'\nimport { useControllableState } from '../utils/useControlledState'\nimport { SearchOptions } from './SearchOptions'\n\nexport type SearchInputItem = {\n  label: string\n  value: string\n}\n\nexport interface SearchInputProps extends CommonFieldProps {\n  name?: string\n  placeholder?: string\n  searchList: SearchInputItem[]\n  onFound: (element: string) => void\n  showIcon?: boolean\n  onBlur?: (e: FocusEvent<HTMLInputElement>) => void\n  value?: string\n  resultsRelativePosition?: boolean\n  resultsBorder?: boolean\n}\n\nexport const SearchInput = forwardRef<HTMLInputElement, SearchInputProps>(\n  function SearchInput(\n    {\n      id: idProp,\n      name = 'search_input',\n      className = '',\n      placeholder,\n      searchList,\n      showIcon = false,\n      renderAsTitle = false,\n      value,\n      onBlur,\n      onFound,\n      fallbackStyle,\n      resultsRelativePosition = false,\n      resultsBorder = true,\n      ...otherProps\n    },\n    ref,\n  ) {\n    const id = useUniqueId(idProp)\n    const [showOptions, setShowOptions] = useState(false)\n    const [selectedValue, setSelectedValue] = useControllableState<\n      string | null\n    >({\n      initialState: null,\n      stateProp: value,\n    })\n\n    const [searchQuery, setSearchQuery] = useState<string | null>(null)\n\n    const filteredList = useMemo(() => {\n      if (searchQuery === null || searchQuery === '') {\n        return searchList\n      }\n\n      return searchList.filter(({ label }) =>\n        label.toLowerCase().includes(searchQuery.toLocaleLowerCase()),\n      )\n    }, [searchQuery])\n\n    const getDisplayedInputText = () => {\n      if (searchQuery !== null) {\n        return searchQuery\n      }\n\n      if (selectedValue !== null) {\n        return (\n          searchList.find(\n            (option) =>\n              option.label === selectedValue || option.value === selectedValue,\n          )?.label || ''\n        )\n      }\n\n      return ''\n    }\n\n    const isSelected = selectedValue !== null\n    const displayedInputText = getDisplayedInputText()\n\n    const updateSearchQuery = (query: string | null) => {\n      setSearchQuery(query)\n\n      if (query === null) {\n        setShowOptions(false)\n      } else {\n        setShowOptions(2 <= query.length)\n      }\n    }\n\n    const handleInputChange = (event: ChangeEvent<HTMLInputElement>): void => {\n      const nextValue = event.currentTarget.value\n      updateSearchQuery(nextValue)\n    }\n\n    const handleSelect = (nextValue: SearchInputItem): void => {\n      updateSearchQuery(null)\n\n      setSelectedValue(nextValue.label)\n      onFound(nextValue.value)\n    }\n\n    return (\n      <Field\n        className={className}\n        renderAsTitle={renderAsTitle}\n        htmlFor={id}\n        {...otherProps}\n      >\n        <Box flex alignItems=\"center\" justifyContent=\"flex-start\">\n          {showIcon && <StyledFrontIcon render=\"search\" color=\"sesame\" />}\n          <Input\n            id={id}\n            name={name}\n            ref={ref}\n            placeholder={placeholder}\n            frontIcon={showIcon ? 'search' : undefined}\n            fallbackStyle={fallbackStyle}\n            autoComplete=\"off\"\n            value={displayedInputText}\n            onChange={handleInputChange}\n            selected={isSelected}\n            onBlur={(e) => {\n              if (displayedInputText === '') {\n                setSearchQuery(null)\n              }\n              onBlur?.(e)\n            }}\n          />\n        </Box>\n\n        {showOptions && (\n          <SearchOptions\n            displayedList={filteredList}\n            onSelect={handleSelect}\n            positionRelative={resultsRelativePosition}\n            resultsBorder={resultsBorder}\n          />\n        )}\n      </Field>\n    )\n  },\n)\n"],"names":["SearchInput"],"mappings":"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"}

package/dist/SearchInput/SearchOptions.js

@@ -61,3 +61,4 @@ const BoxWithPositionRelative = styled(Box)`
 `;
 
 export { SearchOptions };
+//# sourceMappingURL=SearchOptions.js.map

package/dist/SearchInput/SearchOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchOptions.js","sources":["../../src/SearchInput/SearchOptions.tsx"],"sourcesContent":["import { darken } from 'polished'\nimport React, { FC } from 'react'\nimport styled, { css } from 'styled-components'\nimport { Box } from '../Box'\nimport { theme } from '../theme'\n\ntype Option = {\n  label: string\n  value: string\n}\n\ntype SearchOptionsProps = {\n  displayedList: Array<Option>\n  onSelect: (option: Option) => void\n  positionRelative: boolean\n  resultsBorder: boolean\n}\n\nexport const SearchOptions: FC<SearchOptionsProps> = ({\n  displayedList,\n  onSelect,\n  positionRelative,\n  resultsBorder,\n}) => {\n  return (\n    <BoxWithPositionRelative>\n      <StyledResultsContainer positionRelative={positionRelative}>\n        <ResultsList resultsBorder={resultsBorder}>\n          {displayedList.length ? (\n            displayedList.map((el, i) => (\n              <li key={i} onClick={() => onSelect(el)}>\n                {el.label}\n              </li>\n            ))\n          ) : (\n            <li>No results</li>\n          )}\n        </ResultsList>\n      </StyledResultsContainer>\n    </BoxWithPositionRelative>\n  )\n}\n\nconst StyledResultsContainer = styled.div<\n  Pick<SearchOptionsProps, 'positionRelative'>\n>`\n  box-sizing: border-box;\n  overflow-y: hidden;\n  ${({ positionRelative }) => !positionRelative && 'position: absolute;'}\n  width: 100%;\n  left: 0px;\n  top: -8px;\n\n  ul {\n    max-height: 192px;\n  }\n`\n\nconst ResultsList = styled.ul<Pick<SearchOptionsProps, 'resultsBorder'>>`\n  position: relative;\n  list-style: none;\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n  background-color: ${theme.colors.custard};\n  border-radius: 12px;\n  margin-top: 14px;\n  z-index: 1000;\n  ${({ resultsBorder }) =>\n    resultsBorder &&\n    css`\n      border: 2px solid ${theme.colors.oatmeal};\n    `}\n\n  li {\n    padding: 16px 14px;\n    box-sizing: border-box;\n    font-size: 16px;\n    color: ${theme.colors.liquorice};\n    cursor: pointer;\n\n    ${({ resultsBorder }) =>\n      resultsBorder && `border-bottom: 2px solid ${theme.colors.oatmeal};`}\n\n    &:last-child {\n      ${({ resultsBorder }) => resultsBorder && `border-bottom:none`}\n    }\n\n    &:hover {\n      background-color: ${darken(0.1, theme.colors.custard)};\n    }\n  }\n`\n\nconst BoxWithPositionRelative = styled(Box)`\n  position: relative;\n`\n"],"names":[],"mappings":";;;;;;AAkBO,MAAM,gBAAwC,CAAC;AAAA,EACpD,aAAA;AAAA,EACA,QAAA;AAAA,EACA,gBAAA;AAAA,EACA,aAAA;AACF,CAAM,KAAA;AACJ,EAAA,uBACG,GAAA,CAAA,uBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,sBAAA,EAAA,EAAuB,kBACtB,QAAC,kBAAA,GAAA,CAAA,WAAA,EAAA,EAAY,aACV,EAAA,QAAA,EAAA,aAAA,CAAc,MACb,GAAA,aAAA,CAAc,GAAI,CAAA,CAAC,IAAI,CACrB,qBAAA,GAAA,CAAC,IAAW,EAAA,EAAA,OAAA,EAAS,MAAM,QAAA,CAAS,EAAE,CAAA,EACnC,aAAG,KADG,EAAA,EAAA,CAET,CACD,CAAA,mBAEA,GAAA,CAAA,IAAA,EAAA,EAAG,QAAU,EAAA,YAAA,EAAA,CAAA,EAElB,GACF,CACF,EAAA,CAAA,CAAA;AAEJ,EAAA;AAEA,MAAM,yBAAyB,MAAO,CAAA,GAAA,CAAA;AAAA;AAAA;AAAA,EAAA,EAKlC,CAAC,EAAE,gBAAA,EAAuB,KAAA,CAAC,oBAAoB,qBAAqB,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAUxE,MAAM,cAAc,MAAO,CAAA,EAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAML,EAAA,KAAA,CAAM,OAAO,OAAO,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA,EAItC,CAAC,EAAE,aAAc,EAAA,KACjB,aACA,IAAA,GAAA,CAAA;AAAA,wBACsB,EAAA,KAAA,CAAM,OAAO,OAAO,CAAA;AAAA,IACzC,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMQ,EAAA,KAAA,CAAM,OAAO,SAAS,CAAA;AAAA;AAAA;AAAA,IAG7B,EAAA,CAAC,EAAE,aAAc,EAAA,KACjB,iBAAiB,CAA4B,yBAAA,EAAA,KAAA,CAAM,MAAO,CAAA,OAAO,CAAG,CAAA,CAAA,CAAA;AAAA;AAAA;AAAA,MAAA,EAGlE,CAAC,EAAE,aAAc,EAAA,KAAM,iBAAiB,CAAoB,kBAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,wBAAA,EAI1C,MAAO,CAAA,GAAA,EAAK,KAAM,CAAA,MAAA,CAAO,OAAO,CAAC,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAK3D,MAAM,uBAAA,GAA0B,OAAO,GAAG,CAAA,CAAA;AAAA;AAAA,CAAA;;;;"}

package/dist/Snackbar/SnackbarContainer.js

@@ -61,3 +61,4 @@ const SnackbarWrapper = styled.div`
 `;
 
 export { SnackbarContainer, SnackbarContext, useSnackbarContext };
+//# sourceMappingURL=SnackbarContainer.js.map