@redsift/design-system-legacy 8.0.1 → 8.0.3

package/src/components/icons/OnInboxIcon.jsx

@@ -1,42 +0,0 @@
-import React from 'react';
-
-export const OnInboxIcon = ({
-  titleTag = "OnINBOX",
-  width = 45,
-  height = 45,
-  fill = "#33b222",
-  bgFill = "#fff",
-  ...restProps
-}) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    x="0"
-    y="0"
-    viewBox="0 0 501.9 501.9"
-    style={{
-      width,
-      height,
-    }}
-    {...restProps}
-  >
-    {titleTag && <title>{titleTag}</title>}
-    <circle cx="248.5" cy="251.5" r="231.5" fill={bgFill} />
-    <path
-      fill={fill}
-      d="M249.9 252.6L197 227.4l-15.1 34c29 16.4 60.5 30.2 69.3 27.7l-1.3-36.5z"
-    />
-    <path fill={fill} d="M249.9 49.8v1.3" />
-    <path
-      fill={fill}
-      d="M251.2 2C112.6 2 .5 114.1.5 252.6S112.6 503.2 251.2 502c138.5 0 250.6-112.1 250.6-250.6S389.7 2 251.2 2zm0 49.1c112.1 0 201.5 89.4 201.5 201.5S362 454.1 251.2 454.1h-1.3v-107H139.1c-8.8 0-16.4-7.6-16.4-16.4V174.5c0-8.8 7.6-16.4 16.4-16.4h110.8v-107"
-    />
-    <path
-      fill={fill}
-      d="M377.1 189.6l-127.2 64.2v-95.7h110.8c8.8 0 16.4 7.6 16.4 16.4v15.1zm0 41.6v99.5c0 8.8-7.6 16.4-16.4 16.4H249.9v-57.9c7.5 2.5 50.4-16.4 127.2-58z"
-    />
-    <path
-      fill={fill}
-      d="M181.9 261.4c37.8 20.2 60.5 30.2 69.3 27.7v-36.5l-52.9-25.2-16.4 34zM249.9 49.8v1.3"
-    />
-  </svg>
-);

package/src/components/icons/OnInboxLogo.jsx

@@ -1,97 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-
-const BlackPath = styled.path`
-  fill: #333;
-`;
-
-const GreenPath = styled.path`
-  fill: #33b222;
-`;
-
-const RedPolygon = styled.polygon`
-  fill: #e01114;
-`;
-
-const RedPath = styled.path`
-  fill: #e01114;
-`;
-
-const ByText = styled.text`
-  isolation: isolate;
-  font-size: 15.64px;
-  font-family: Electrolize, sans-serif;
-`;
-
-export const OnInboxLogo = ({ titleTag, width = 250 }) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 216.42 63.96"
-    style={{
-      width
-    }}
-  >
-    {titleTag && <title>{titleTag}</title>}
-    <BlackPath d="M73.65,34.4V.24h6.51V34.4Z" />
-    <BlackPath d="M93.64,12.51V34.4h-6.5V.24h5l17.44,22.42V.29h6.51V34.4h-5.28Z" />
-    <GreenPath d="M44.18,12.51V34.4h-6.5V.24h5L60.17,22.66V.29h6.5V34.4H61.39Z" />
-    <BlackPath
-      d="M150.08,25.6a7.84,7.84,0,0,1-3.18,6.54,10.85,10.85,0,0,1-3.45,
-    1.68,14.68,14.68,0,0,1-4.17.58H123.11V.24H141a6.56,6.56,0,0,1,3.16.77,7.89,7.89,
-    0,0,1,2.41,2,9.43,9.43,0,0,1,1.53,2.78,9.7,9.7,0,0,1,.54,3.15,9.29,9.29,0,0,1-1.23,
-    4.69,7.49,7.49,0,0,1-3.58,3.25A8.55,8.55,0,0,1,148.41,20,9.07,9.07,0,0,1,150.08,
-    25.6ZM129.62,5.92v8.61h8.67a3.81,3.81,0,0,0,2.81-1.16,4.29,4.29,0,0,0,1.15-3.17,4.43,
-    4.43,0,0,0-1.06-3.13,3.4,3.4,0,0,0-2.62-1.15Zm13.9,18.42a5.06,5.06,0,0,0-1.13-3.22,3.91,
-    3.91,0,0,0-1.22-1,3.53,3.53,0,0,0-1.56-.36h-10v9h9.67a4,4,0,0,0,1.67-.34,3.9,3.9,0,0,0,
-    1.34-.93,4.62,4.62,0,0,0,.9-1.42A4.48,4.48,0,0,0,143.52,24.34Z"
-    />
-    <BlackPath
-      d="M169.46,34.64a15,15,0,0,1-6.68-1.47,16.45,16.45,0,0,1-5.14-3.89,18.33,
-    18.33,0,0,1-4.5-12,17.44,17.44,0,0,1,1.25-6.54,18.19,18.19,0,0,1,3.44-5.54A16.64,
-    16.64,0,0,1,163,1.42,15.28,15.28,0,0,1,169.6,0a14.46,14.46,0,0,1,6.62,1.52,16.51,
-    16.51,0,0,1,5.12,4,18.42,18.42,0,0,1,3.3,5.58,17.86,17.86,0,0,1,1.17,6.35,17.55,
-    17.55,0,0,1-1.22,6.52,17.8,17.8,0,0,1-3.4,5.48,16.24,16.24,0,0,1-5.19,3.8A15.23,
-    15.23,0,0,1,169.46,34.64Zm-9.72-17.32a14.11,14.11,0,0,0,.66,4.28,11.54,11.54,0,0,
-    0,1.91,3.66,9.57,9.57,0,0,0,3.07,2.55,9.32,9.32,0,0,0,8.3,0,9.41,9.41,0,0,0,3.06-2.62,
-    11.58,11.58,0,0,0,1.89-3.68,14,14,0,0,0,.63-4.16,13.26,13.26,0,0,0-.68-4.28,12.13,
-    12.13,0,0,0-1.93-3.66,9.36,9.36,0,0,0-3.07-2.52,9.39,9.39,0,0,0-8.27,0,9.51,9.51,0,
-    0,0-3.07,2.6,11.72,11.72,0,0,0-1.86,3.66,14,14,0,0,0-.64,4.16Z"
-    />
-    <BlackPath
-      d="M192.75.24l8.34,12.7,8.3-12.7h7L204.49,17.56,216,34.4h-7l-7.92-12.22-8,
-    12.22h-7.08L197.6,17.56,185.67.24Z"
-    />
-
-    <RedPolygon points="118.28 50.65 115.94 50.65 121.42 59.62 123.67 59.62 122.32 57.38 118.28 50.65" />
-    <RedPolygon
-      points="118.28 50.65 122.32 43.92 123.67 41.68 123.67 41.68 123.67 41.68 120.97 41.68 
-    120.97 41.68 120.97 41.68 120.97 41.68 113.19 41.68 111.1 41.68 111.1 44.37 111.1 59.62 113.19 
-    59.62 113.19 43.42 120.42 43.42 115.94 50.65 118.28 50.65"
-    />
-
-    <RedPath d="M138.62,57.88l1.15,1.74H128.28V41.68h11.49l-1.15,1.75-8.17,0v6.15h7.9l-1.2,1.77-6.71,0v6.4Z" />
-    <RedPath d="M144.26,59.62V41.68h9.49l4.31,3.59V56l-4.31,3.58Zm11.64-4.36V46l-3.09-2.57h-6.4V57.83h6.4Z" />
-    <RedPath
-      d="M175.74,51.42h-6.13l-2.47-2.12V44l2.47-2.31h6.83L178.91,44v1h-2.17v-.5l-1.24-1.05h-4.94l-1.25,
-    1.05v4l1.25,1h6.13l2.47,2.32v5.39l-2.47,2.31h-7.33l-2.47-2.31v-1H169v.5l1.24,1h5.44l1.25-1V52.47Z"
-    />
-    <RedPath d="M183.62,41.68h2.14V59.62h-2.14Z" />
-    <RedPath d="M193.07,59.62h-2.15V41.68h10.47l-1.17,1.75-7.13,0v6.15l3.89,0-1.25,1.75-2.64,0v8.2Z" />
-    <RedPath d="M202.89,41.68h13.53l-1,1.75-4.68,0V59.62h-2.15V43.47h-5.68Z" />
-
-    <ByText transform="translate(86.49 59.66)">by</ByText>
-    <GreenPath d="M17.05,17.35l-3.64-1.77-1.07,2.34c2,1.12,4.17,2.06,4.71,1.92Z" />
-
-    <GreenPath d="M17.08,31.09V34.4a17.08,17.08,0,0,1,0-34.16V3.55a13.77,13.77,0,0,0,0,27.54Z" />
-    <GreenPath d="M17.08,31.09V34.4a17.08,17.08,0,0,0,0-34.16V3.55a13.77,13.77,0,1,1,0,27.54Z" />
-    <GreenPath
-      d="M25.73,13l-8.68,4.37v-6.5h7.56A1.12,1.12,0,0,1,25.73,12Zm0,2.89v6.74a1.12,1.12,0,0,
-    1-1.12,1.12H17.05V19.84Q17.8,20.08,25.73,15.9Z"
-    />
-    <GreenPath d="M12.34,17.92c2.58,1.39,4.15,2,4.71,1.92V17.35l-3.64-1.77Z" />
-    <GreenPath
-      d="M3.3,17.32A13.78,13.78,0,0,0,17.05,31.1V23.76H9.49a1.13,1.13,0,0,1-1.13-1.12V12a1.13,
-    1.13,0,0,1,1.13-1.12h7.56V3.55A13.77,13.77,0,0,0,3.3,17.32Z"
-    />
-  </svg>
-);

package/src/components/icons/OnInboxManagerIcon.jsx

@@ -1,46 +0,0 @@
-import React from 'react';
-
-export const OnInboxManagerIcon = ({
-  bgFill = "#fff",
-  disabled,
-  fill = "#33b222",
-  height = 45,
-  titleTag = "OnINBOX Manager",
-  width = 45,
-  ...restProps
-}) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    x="0"
-    y="0"
-    viewBox="0 0 48.1 48.2"
-    style={{
-      width,
-      height,
-    }}
-    {...restProps}
-  >
-    {titleTag && <title>{titleTag}</title>}
-    <circle fill={bgFill} cx="24.042" cy="24.95" r="23.25" />
-    <path
-      fill={bgFill}
-      d="M45.031 7.771c1.78 3.403-2.86 6.071-6.387 6.071s-7.258-2.833-6.386-6.07C34.06 1.073 34.06 1.073 38.644 1.7c3.495.477 4.833 3.1 6.387 6.071z"
-    />
-    <path
-      fill={disabled ? "#c9cfd6" : fill}
-      d="M24 28.4v5.3h10.3c.8 0 1.5-.7 1.5-1.5V23c-7.2 3.8-10.455 5.4-11.8 5.4zM35.8 17.6V19L24 24.9v-8.8h10.3c.8 0 1.5.7 1.5 1.5z"
-    />
-    <path
-      fill={disabled ? "#c9cfd6" : fill}
-      d="M24 6.1v10.1H13.7c-.8 0-1.5.7-1.5 1.5v14.5c0 .8.7 1.5 1.5 1.5H24v10c10.4 0 18.8-8.4 18.8-18.8 0-3.1-.7-6-2-8.5 1.5-.4 2.8-1.2 3.9-2.3 1.7 3.2 2.6 6.9 2.7 10.8 0 12.9-10.4 23.3-23.3 23.3S.8 37.8.8 24.9 11.2 1.6 24.1 1.6c2.5 0 4.9.4 7.2 1.2-.9 1.2-1.4 2.6-1.6 4.2-1.7-.6-3.6-.9-5.6-.9H24"
-    />
-    <path
-      fill={disabled ? "#c9cfd6" : fill}
-      d="M19 22.4l-1.5 3.3s2.002 1.197 4 2.1c1.523.688 2.5.6 2.5.6v-3.5l-5-2.5z"
-    />
-    <path
-      d="M45.5 7.5c-.1-1.7-.9-3.4-2.1-4.6-1.3-1.3-3.1-2-5-2-.4 0-.8.1-1.2.1-.4-.7-1.1-1-2-1-1.3 0-2.4 1.1-2.4 2.4 0 .3 0 .6.2.9-1.1 1.3-1.6 2.9-1.6 4.5 0 1.3.4 2.6 1 3.7-.2.4-.4.8-.4 1.3 0 1.3 1.1 2.4 2.4 2.4.6 0 1.2-.2 1.7-.6.7.3 1.5.4 2.3.4 2.3 0 4.4-1.1 5.7-2.9h.3c1.3 0 2.4-1.1 2.4-2.4.1-1-.5-1.8-1.3-2.2zm-1 2.9c-.5 0-.8-.4-.8-.8s.3-.8.8-.8.8.4.8.8c0 .5-.3.8-.8.8zm-6 3c-.5 0-1-.1-1.5-.2v-.3c0-1.3-1.1-2.4-2.4-2.4-.3 0-.6.1-.9.2-.5-.9-.7-1.8-.7-2.8 0-1.2.4-2.4 1.1-3.3.4.2.8.3 1.2.3 1.4 0 2.5-1 2.5-2.4h.7c1.4 0 2.8.5 3.8 1.5.9.9 1.5 2.1 1.7 3.4-1.1.3-1.8 1.2-1.8 2.4 0 .7.3 1.3.7 1.7-1.1 1.2-2.7 1.9-4.4 1.9zm-4.7-1.1c.1-.2.4-.3.7-.3.5 0 .8.3.8.8-.1.4-.3.8-.8.8s-.8-.3-.8-.8v-.1c0-.1 0-.3.1-.4zm1.5-9.1c-.5 0-.8-.3-.8-.8 0-.3.1-.4.2-.5.1-.2.3-.2.6-.2.7 0 .9.6.9.8-.1.4-.4.7-.9.7z"
-      fill={disabled ? "#c9cfd6" : "#f5b700"}
-    />
-  </svg>
-);

package/src/components/icons/OpenInNewTabIcon.jsx

@@ -1,28 +0,0 @@
-import React from 'react';
-
-import { IconContainer, IconContainerPropTypes } from '../IconContainer';
-
-export const OpenInNewTabIcon = (props) => (
-  <IconContainer {...props}>
-    <svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M19.8476 4.99048C19.8476 4.45714 19.3905 4 18.8571 4H14.5143C14.0571 4 13.7524 4.38095 13.7524 4.7619C13.7524 5.14286 14.1333 5.52381 14.5143 5.52381H17.1809L8.34284 14.5143C8.11426 14.7429 8.03807 14.9714 8.11426 15.2762C8.19046 15.581 8.41903 15.7333 8.6476 15.8095C8.95236 15.8857 9.18093 15.8095 9.4095 15.581L18.3238 6.74286V9.40952C18.3238 9.86667 18.7047 10.1714 19.0857 10.1714C19.5428 10.1714 19.8476 9.79048 19.8476 9.40952V4.99048Z"
-        className="fill"
-      />
-      <path
-        d="M6.43808 19.9238H14.5143C15.8095 19.9238 16.8762 18.8571 16.8762 17.5619V13.8286C16.8762 13.3714 16.4952 13.0667 16.1143 13.0667C15.6571 13.0667 15.3524 13.4476 15.3524 13.8286V17.5619C15.3524 18.019 14.9714 18.3238 14.5905 18.3238H6.43808C5.98093 18.3238 5.67617 17.9429 5.67617 17.5619V9.48571C5.67617 9.02857 6.05712 8.72381 6.43808 8.72381H10.1714C10.6286 8.72381 10.9333 8.34286 10.9333 7.9619C10.9333 7.58095 10.5524 7.2 10.1714 7.2H6.43808C5.14284 7.2 4.07617 8.26667 4.07617 9.5619V17.6381C4.07617 18.8571 5.14284 19.9238 6.43808 19.9238Z"
-        className="fill"
-      />
-    </svg>
-  </IconContainer>
-);
-
-OpenInNewTabIcon.propTypes = {
-  ...IconContainerPropTypes,
-};

package/src/components/icons/Padlock.jsx

@@ -1,37 +0,0 @@
-import React from 'react';
-
-export const Padlock = ({ titleTag = "Padlock", width = 40, fill = "#02ac61" }) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 41 47"
-    style={{
-      width
-    }}
-  >
-    {titleTag && <title>{titleTag}</title>}
-    <g fill={fill} fillRule="nonzero">
-      <path
-        d="M0.847142857,20.9689564 L0.5,41.4527514 C0.476795132,42.7301361 0.955397022,
-      43.9641691 1.82970414,44.881277 C2.70401125,45.7983848 3.90178852,46.3227963 5.1575,46.3382543 
-      L35.2142857,46.8680076 C37.82344,46.9008218 39.9688958,44.7838671 40.0164286,42.1296584 L40.0164286,
-      42.1296584 L40.3635714,21.5281404 C40.3867763,20.2507558 39.9081744,19.0167228 39.0338673,18.0996149 
-      C38.1595602,17.182507 36.9617829,16.6580955 35.7060714,16.6426376 L5.64928571,16.142315 C4.37869389,
-      16.1184942 3.15243985,16.6174373 2.24841378,17.5260754 C1.3443877,18.4347134 0.839130771,19.6761147 
-      0.847142857,20.9689564 Z M35.0407143,41.835351 L5.44678571,41.3350285 L5.765,21.2632638 L35.3878571,
-      21.7635863 L35.0407143,41.835351 Z"
-      />
-      <path
-        d="M20.75,6.45960152 C24.828906,6.54014686 28.0755846,9.96161992 28.0110714,14.1115939 L32.9578571,
-      14.1115939 C33.2426025,9.4956985 31.012201,5.09372931 27.1514097,2.65186216 C23.2906185,0.209995005 
-      18.4234756,0.122920601 14.4806824,2.42517967 C10.5378892,4.72743874 8.15673812,9.0469061 8.28178571,
-      13.6701328 L8.28178571,13.6701328 L13.1996429,13.6701328 C13.3717782,9.57835425 16.7251979,6.37586498 
-      20.75,6.45960152 Z"
-      />
-      <polygon
-        transform="translate(10.813891, 15.067492) rotate(-89.020000) translate(-10.813891, -15.067492)"
-        points="10.8146205 12.5940863 10.8146297 12.5940863 10.8131613 17.5408971 10.8131521 17.5408971"
-      />
-      <circle cx="20.5" cy="31.5" r="5.5" />
-    </g>
-  </svg>
-);

package/src/components/icons/PlusIcon.jsx

@@ -1,16 +0,0 @@
-import React from 'react';
-
-import { IconContainer, IconContainerPropTypes } from '../IconContainer';
-
-export const PlusIcon = (props) => (
-  <IconContainer fill="#898989" {...props}>
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-      <title>Plus</title>
-      <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" />
-    </svg>
-  </IconContainer>
-);
-
-PlusIcon.propTypes = {
-  ...IconContainerPropTypes,
-};

package/src/components/icons/Question.jsx

@@ -1,19 +0,0 @@
-import React from 'react';
-
-// in page icon, from redsift.com
-// - could give this a bgFill option - like warning
-export const Question = ({ titleTag = "Question", width = 30, fill = "#02ac61" }) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 24.38 39"
-    style={{
-      width
-    }}
-  >
-    {titleTag && <title>{titleTag}</title>}
-    <path
-      fill={fill}
-      d="M12.19,0C6.7,0,3.14,2.35,1.52,5.18a13.61,13.61,0,0,0-1.52,7H4.88a9.62,9.62,0,0,1,.91-4.57c.82-1.44,2.13-2.74,6.4-2.74,3.25,0,5,.8,6,1.67a4,4,0,0,1,1.29,3.2c0,4.07-1.6,5.18-4,7.31S9.75,22.35,9.75,28v1.22h4.88V28c0-4.06,1.59-5.18,4-7.31s5.72-5.28,5.72-11a9.18,9.18,0,0,0-3-6.85C19.32,1,16.25,0,12.19,0ZM9.75,34.12V39h4.88V34.12Z"
-    />
-  </svg>
-);

package/src/components/icons/Recruiting.jsx

@@ -1,34 +0,0 @@
-import React from 'react';
-
-export const Recruiting = ({
-  titleTag = "We are recruiting",
-  width = 50,
-  fill = "#02ac61"
-}) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 52 52"
-    style={{
-      width
-    }}
-  >
-    {titleTag && <title>{titleTag}</title>}
-
-    <path
-      fill={fill}
-      stroke={fill}
-      d="M22.5,1C10.7,1,1,10.7,1,22.5C1,34.4,10.7,44,22.5,44c3.8,0,7.3-1,10.4-2.7l8.5,8.5c1.5,1.5,4,1.5,5.6,0
-      l2.9-2.9c1.5-1.5,1.5-4,0-5.6l-8.5-8.5C43,29.8,44,26.3,44,22.5C44,10.7,34.4,1,22.5,1z M22.5,3.1c10.7,0,19.4,8.7,19.4,19.4
-      c0,4.5-1.6,8.7-4.2,12c-1-1.2-2.4-2-4-2.4c-0.8-0.3-2.4-0.3-3.8-1.8c-1-1-1.5-2.3-1.5-3.7v-0.5c2.4-2.6,3.9-6.5,3.9-9.5
-      c0-5.2-4.3-9.5-9.5-9.5c-5.3,0-9.5,4.3-9.5,9.5c0,3,1.5,6.9,3.9,9.5v0.5c0,1.5-0.6,2.8-1.6,3.8c-1.4,1.4-2.9,1.4-3.7,1.6
-      c-1.8,0.4-3.3,1.4-4.4,2.8c-2.9-3.4-4.6-7.7-4.6-12.5C3.1,11.8,11.8,3.1,22.5,3.1z M25.3,41.7l4.4-8.8c1.1,0.7,2.2,1,3.5,1.3
-      c1.2,0.3,2.3,1,3.1,1.9C33.4,39.1,29.6,41.1,25.3,41.7z M15.9,14.4c0-0.1,0.1-0.2,0.1-0.3c0,0,0,0,0,0c0,0,0,0,0,0
-      c1-2.8,3.7-4.8,6.9-4.8c2.6,0,4.9,1.3,6.2,3.4c-0.9,0.1-2,0-3.1-0.7c-0.4-0.3-1-0.2-1.4,0.2c-1.1,1.4-4.6,4.7-7.3,3.5
-      C16.1,15.2,15.9,14.6,15.9,14.4z M16.5,17.6c0.7,0.3,1.4,0.5,2.1,0.5c3,0,5.9-2.6,7.1-3.9c1.3,0.6,2.9,0.8,4.3,0.5
-      c0.2,0.7,0.3,1.3,0.3,2.1c0,4.4-3.6,10.2-7.4,10.2c-3.7,0-7.2-5.4-7.4-9.8C15.8,17.3,16.1,17.4,16.5,17.6z M19.3,27.9
-      c1.1,0.7,2.3,1.1,3.6,1.1c1.3,0,2.5-0.4,3.6-1.1c0.2,1.3,0.8,2.6,1.7,3.6l-5.2,10.4l-5.3-10.3C18.5,30.6,19.1,29.3,19.3,27.9z
-      M15.9,33l4.6,8.8c-4.4-0.5-8.3-2.4-11.4-5.3c0.8-1.2,2-2,3.4-2.4C13.8,33.9,14.9,33.7,15.9,33z M48.4,42.9c0.7,0.7,0.7,1.9,0,2.6
-      l-2.9,2.9c-0.7,0.7-1.9,0.7-2.6,0l-8.2-8.2c2.1-1.5,4-3.3,5.5-5.5L48.4,42.9z"
-    />
-  </svg>
-);

package/src/components/icons/ReportsIcon.jsx

@@ -1,25 +0,0 @@
-import React from 'react';
-
-import { IconContainer, IconContainerPropTypes } from '../IconContainer';
-
-export const ReportsIcon = (props) => {
-  return (
-    <IconContainer {...props}>
-      <svg
-        width="24"
-        height="24"
-        viewBox="0 0 24 24"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          d="M13.867 4a.667.667 0 0 0-.667.667V19.39c0 .369.299.667.667.667h.366a.667.667 0 0 0 .667-.667V4.667A.667.667 0 0 0 14.233 4h-.366Zm-5.1 8.028a.667.667 0 0 0-.667.667v6.695c0 .369.299.667.667.667h.366a.667.667 0 0 0 .667-.667v-6.695a.667.667 0 0 0-.667-.667h-.366Zm9.533-.939c0-.368.299-.666.667-.666h.366c.369 0 .667.298.667.666v8.301a.667.667 0 0 1-.667.667h-.366a.667.667 0 0 1-.667-.667v-8.3ZM3.667 16.043a.667.667 0 0 0-.667.666v2.681c0 .369.298.667.667.667h.366a.667.667 0 0 0 .667-.667v-2.68a.667.667 0 0 0-.667-.667h-.366Z"
-          className="fill"
-        />
-      </svg>
-    </IconContainer>
-  );
-};
-
-ReportsIcon.propTypes = {
-  ...IconContainerPropTypes,
-};

package/src/components/icons/SearchIcon.jsx

@@ -1,7 +0,0 @@
-import React from 'react';
-
-export const SearchIcon = () => (
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-    <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/><path d="M0 0h24v24H0z" fill="none"/>
-  </svg>
-);

package/src/components/icons/Shield.jsx

@@ -1,17 +0,0 @@
-import React from 'react';
-
-export const Shield = ({ titleTag, width = 30, fill = "#02ac61" }) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 34 41.96"
-    style={{
-      width
-    }}
-  >
-    {titleTag && <title>{titleTag}</title>}
-    <path
-      fill={fill}
-      d="M16.9,42l-.74-.43C-.95,33.57,0,7.12,0,6V4.67L16.9,0,34,4.67V6c0,1.17.74,27.4-16.36,35.58ZM3.51,7.54c0,5.21,1.17,23.79,13.18,30.38C28.69,31.33,30,12.75,30,7.54L16.69,3.72Z"
-    />
-  </svg>
-);

package/src/components/icons/ShieldPassIcon.jsx

@@ -1,23 +0,0 @@
-import React from 'react';
-
-import { IconContainer, IconContainerPropTypes } from '../IconContainer';
-
-export const ShieldPassIcon = (props) => (
-  <IconContainer {...props}>
-    <svg
-      width="19"
-      height="23"
-      viewBox="0 0 19 23"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M9.5 0L0 4.18182V10.4545C0 16.2568 4.05333 21.6827 9.5 23C14.9467 21.6827 19 16.2568 19 10.4545V4.18182L9.5 0ZM7.38889 16.7273L3.16667 12.5455L4.655 11.0714L7.38889 13.7686L14.345 6.87909L15.8333 8.36364L7.38889 16.7273Z"
-        fill="#02AC61"
-      />
-    </svg>
-  </IconContainer>
-);
-
-ShieldPassIcon.propTypes = {
-  ...IconContainerPropTypes,
-};

package/src/components/icons/ShieldSolid.jsx

@@ -1,33 +0,0 @@
-import React from 'react';
-
-export const ShieldSolid = ({
-  titleTag = "Shield",
-  width = 50,
-  fill = "#0ab93a",
-  tilt = 13
-}) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 150 180"
-    style={{
-      width,
-      transform: `rotate(${tilt}deg)`
-    }}
-  >
-    {titleTag && <title>{titleTag}</title>}
-    <g transform="translate(12.993099999999998 17.939436)" fillRule="nonzero">
-      <path
-        d="M65.0870973,0.35955961 L130.347347,17.7508902 C130.347347,17.7508902 134.401134,
-        126.754225 65.0870973,159.417377 C-4.66467171,127.378723 0.26458018,17.7508902 0.26458018,
-        17.7508902 L65.0870973,0.35955961 Z"
-        fill={fill}
-      />
-      <path
-        d="M65.3154797,159.417377 L65.3154797,159.417377 L65.3154797,0.5677257 L130.347347,17.9590563 
-        C130.347347,18.8106449 133.5447,126.962391 65.3154797,159.417377 Z"
-        fill="#ffffff"
-        opacity="0.23"
-      />
-    </g>
-  </svg>
-);

package/src/components/icons/ShieldWarningIcon.jsx

@@ -1,40 +0,0 @@
-import React from 'react';
-
-import { IconContainer, IconContainerPropTypes } from '../IconContainer';
-
-export const ShieldWarningIcon = (props) => (
-  <IconContainer {...props}>
-    <svg
-      width="18"
-      height="23"
-      viewBox="0 0 18 23"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <rect width="18" height="23" fill="url(#pattern0)" />
-      <defs>
-        <pattern
-          id="pattern0"
-          patternContentUnits="objectBoundingBox"
-          width="1"
-          height="1"
-        >
-          <use
-            xlinkHref="#image0"
-            transform="translate(-0.0111111) scale(0.00851852 0.00666667)"
-          />
-        </pattern>
-        <image
-          id="image0"
-          width="120"
-          height="150"
-          xlinkHref="data:image/png;base64,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"
-        />
-      </defs>
-    </svg>
-  </IconContainer>
-);
-
-ShieldWarningIcon.propTypes = {
-  ...IconContainerPropTypes,
-};

package/src/components/icons/ShieldWarningInvertedIcon.jsx

@@ -1,36 +0,0 @@
-import React from 'react';
-
-import { IconContainer, IconContainerPropTypes } from '../IconContainer';
-
-export const ShieldWarningInvertedIcon = (props) => (
-  <IconContainer {...props}>
-    <svg
-      width="22"
-      height="29"
-      viewBox="0 0 22 29"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M0 3.82557L11 0.860352C15.2778 10.349 15.2778 23.396 11 28.1404C3.66667 25.7682 0.611111 15.2911 0 10.349V3.82557Z"
-        fill="#F5F2F2"
-      />
-      <path
-        d="M22 3.82557L11 0.860352V28.1404C18.3333 25.7682 21.3889 15.2911 22 10.349V3.82557Z"
-        fill="white"
-      />
-      <path
-        d="M9.1665 8.57015L10.9998 6.79102L12.8332 8.57015V14.5006L10.9998 16.2797L9.1665 14.5006V8.57015Z"
-        fill="#E06354"
-      />
-      <path
-        d="M9.1665 19.838L10.9998 18.0588L12.8332 19.838L10.9998 21.6171L9.1665 19.838Z"
-        fill="#E06354"
-      />
-    </svg>
-  </IconContainer>
-);
-
-ShieldWarningInvertedIcon.propTypes = {
-  ...IconContainerPropTypes,
-};

package/src/components/icons/Spinner.jsx

@@ -1,100 +0,0 @@
-import React from 'react';
-import styled, { keyframes } from 'styled-components';
-
-export const Spinner = ({
-  titleTag = "Loading",
-  width = 96,
-  isAnimated = true,
-  fill = "#02ac61"
-}) => {
-  const spin = keyframes`
-    from {
-			transform: rotate(0deg);
-		}
-		to {
-			transform: rotate(359deg);
-		}
-  `;
-
-  const Group = styled.g`
-    transform-origin: center;
-    animation-name: ${props => (props.isAnimated ? spin : "none")};
-    animation-duration: 1s;
-    animation-iteration-count: infinite;
-    animation-timing-function: linear;
-  `;
-
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 96 96"
-      style={{
-        width
-      }}
-    >
-      {titleTag && <title>{titleTag}</title>}
-      <Group isAnimated={isAnimated}>
-        <path
-          d="M48.0509 18.5909C45.446 18.5909 43.4541 16.5989 43.4541 13.9941V5.56668C43.4541 2.96185 45.446 0.96991 48.0509 0.96991C50.6557 0.96991 52.6476 2.96185 52.6476 5.56668V13.9941C52.6476 16.4457 50.6557 18.5909 48.0509 18.5909Z"
-          fill={fill}
-          fillOpacity={1 / 12}
-        />
-        <path
-          d="M48.0509 95.9699C45.446 95.9699 43.4541 93.978 43.4541 91.3731V82.9457C43.4541 80.3409 45.446 78.3489 48.0509 78.3489C50.6557 78.3489 52.6476 80.3409 52.6476 82.9457V91.3731C52.6476 93.978 50.6557 95.9699 48.0509 95.9699Z"
-          fill={fill}
-          fillOpacity={2 / 12}
-        />
-        <path
-          d="M30.7363 23.1876C29.204 23.1876 27.6717 22.4215 26.7524 20.8893L22.6153 13.6876C21.3895 11.5425 22.1556 8.63119 24.3008 7.40539C26.4459 6.17958 29.3572 6.94571 30.583 9.09087L34.7201 16.2925C35.9459 18.4376 35.1798 21.3489 33.0346 22.5747C32.4217 22.8812 31.5024 23.1876 30.7363 23.1876Z"
-          fill={fill}
-          fillOpacity={3 / 12}
-        />
-        <path
-          d="M69.5024 90.1473C67.9701 90.1473 66.4379 89.3812 65.5185 87.849L61.3814 80.6473C60.1556 78.5022 60.9217 75.5909 63.0669 74.3651C65.212 73.1393 68.1233 73.9054 69.3491 76.0506L73.4862 83.2522C74.712 85.3973 73.9459 88.3086 71.8008 89.5344C71.0346 89.9941 70.2685 90.1473 69.5024 90.1473Z"
-          fill={fill}
-          fillOpacity={3 / 12}
-        />
-        <path
-          d="M18.1719 35.7522C17.4057 35.7522 16.6396 35.5989 15.8735 35.1393L8.67187 31.0022C6.5267 29.7764 5.76057 26.8651 6.98638 24.7199C8.21219 22.5747 11.1235 21.8086 13.2686 23.0344L20.4703 27.1715C22.6154 28.3973 23.3815 31.3086 22.1557 33.4538C21.2364 34.986 19.7041 35.7522 18.1719 35.7522Z"
-          fill={fill}
-          fillOpacity={4 / 12}
-        />
-        <path
-          d="M85.285 74.5183C84.5189 74.5183 83.7528 74.3651 82.9867 73.9054L75.6318 69.7683C73.4867 68.5425 72.7205 65.6312 73.9463 63.486C75.1721 61.3409 78.0834 60.5748 80.2286 61.8006L87.4302 65.9377C89.5754 67.1635 90.3415 70.0747 89.1157 72.2199C88.3495 73.7522 86.8173 74.5183 85.285 74.5183Z"
-          fill={fill}
-          fillOpacity={5 / 12}
-        />
-        <path
-          d="M13.575 53.0667H5.14756C2.54272 53.0667 0.550781 51.0748 0.550781 48.4699C0.550781 45.8651 2.54272 43.8731 5.14756 43.8731H13.575C16.1798 43.8731 18.1717 45.8651 18.1717 48.4699C18.1717 51.0748 16.0266 53.0667 13.575 53.0667Z"
-          fill={fill}
-          fillOpacity={6 / 12}
-        />
-        <path
-          d="M90.9539 53.0667H82.5265C79.9216 53.0667 77.9297 51.0748 77.9297 48.4699C77.9297 45.8651 79.9216 43.8731 82.5265 43.8731H90.9539C93.5587 43.8731 95.5507 45.8651 95.5507 48.4699C95.5507 51.0748 93.5587 53.0667 90.9539 53.0667Z"
-          fill={fill}
-          fillOpacity={7 / 12}
-        />
-        <path
-          d="M10.8169 74.5183C9.28467 74.5183 7.75242 73.7522 6.83306 72.2199C5.60725 70.0747 6.37338 67.1635 8.51854 65.9377L15.7202 61.8006C17.8653 60.5748 20.7766 61.3409 22.0024 63.486C23.2282 65.6312 22.4621 68.5425 20.3169 69.7683L13.1153 73.9054C12.5024 74.3651 11.7363 74.5183 10.8169 74.5183Z"
-          fill={fill}
-          fillOpacity={8 / 12}
-        />
-        <path
-          d="M77.9302 35.7522C76.398 35.7522 74.8657 34.986 73.9463 33.4538C72.7205 31.3086 73.4867 28.3973 75.6318 27.1715L82.8334 23.0344C84.9786 21.8086 87.8899 22.5747 89.1157 24.7199C90.3415 26.8651 89.5754 29.7764 87.4302 31.0022L80.2286 35.1393C79.4625 35.5989 78.6963 35.7522 77.9302 35.7522Z"
-          fill={fill}
-          fillOpacity={9 / 12}
-        />
-        <path
-          d="M26.5992 90.1473C25.833 90.1473 25.0669 89.9941 24.3008 89.5344C22.1556 88.3086 21.3895 85.3973 22.6153 83.2522L26.7524 76.0506C27.9782 73.9054 30.8895 73.1393 33.0346 74.3651C35.1798 75.5909 35.9459 78.5022 34.7201 80.6473L30.583 87.849C29.6637 89.3812 28.1314 90.1473 26.5992 90.1473Z"
-          fill={fill}
-          fillOpacity={10 / 12}
-        />
-        <path
-          d="M65.3653 23.1876C64.5991 23.1876 63.833 23.0344 63.0669 22.5747C60.9217 21.3489 60.1556 18.4376 61.3814 16.2925L65.5185 9.09087C66.7443 6.94571 69.6556 6.17958 71.8008 7.40539C73.9459 8.63119 74.712 11.5425 73.4862 13.6876L69.3491 20.8893C68.4298 22.2683 66.8975 23.1876 65.3653 23.1876Z"
-          fill={fill}
-          fillOpacity={11 / 12}
-        />
-      </Group>
-    </svg>
-  );
-};