Feat/add data refresh icon (#2991)

* feat: added new icons

Added:
data refresh (24/16px)
ellipsis (24/16/12px)
help (12px)
remove (24/16px)

Updated:
add (16px)

* chore: run build

* test: updated snapshot

packages/icons/src/__snapshots__/index.test.js.snap

@@ -1202,8 +1202,8 @@ exports[`icons/index renders with no props 71`] = `
 <test-file-stub
   className="emotion-0"
   color="white"
-  height="16px"
-  width="16px"
+  height="18px"
+  width="17px"
 />
 `;
 
@@ -5609,3 +5609,71 @@ exports[`icons/index renders with no props 330`] = `
   width="24px"
 />
 `;
+
+exports[`icons/index renders with no props 331`] = `
+.emotion-0 {
+  fill: white;
+}
+
+.emotion-0 > * {
+  fill: white;
+}
+
+<test-file-stub
+  className="emotion-0"
+  color="white"
+  height="16px"
+  width="16px"
+/>
+`;
+
+exports[`icons/index renders with no props 332`] = `
+.emotion-0 {
+  fill: white;
+}
+
+.emotion-0 > * {
+  fill: white;
+}
+
+<test-file-stub
+  className="emotion-0"
+  color="white"
+  height="24px"
+  width="24px"
+/>
+`;
+
+exports[`icons/index renders with no props 333`] = `
+.emotion-0 {
+  fill: white;
+}
+
+.emotion-0 > * {
+  fill: white;
+}
+
+<test-file-stub
+  className="emotion-0"
+  color="white"
+  height="16px"
+  width="16px"
+/>
+`;
+
+exports[`icons/index renders with no props 334`] = `
+.emotion-0 {
+  fill: white;
+}
+
+.emotion-0 > * {
+  fill: white;
+}
+
+<test-file-stub
+  className="emotion-0"
+  color="white"
+  height="24px"
+  width="24px"
+/>
+`;

packages/icons/src/index.js

@@ -3,6 +3,7 @@ import { cx, css } from "emotion";
 import React from "react";
 import { ThemeContext } from "@weave-design/theme-context";
 import stylesheet from "./icon.stylesheet";
+import Help12SVG from "./icons/size12/help.svg";
 import Error12SVG from "./icons/size12/error.svg";
 import Complete12SVG from "./icons/size12/complete.svg";
 import Alert12SVG from "./icons/size12/alert.svg";
@@ -14,6 +15,9 @@ import HoldXsUISVG from "./icons/ui-controls/hold-xs.svg";
 import HoldSUISVG from "./icons/ui-controls/hold-s.svg";
 import HamburgerDefaultUISVG from "./icons/ui-controls/hamburger-default.svg";
 import HamburgerCloseUISVG from "./icons/ui-controls/hamburger-close.svg";
+import EllipsisXsUISVG from "./icons/ui-controls/ellipsis-xs.svg";
+import EllipsisSUISVG from "./icons/ui-controls/ellipsis-s.svg";
+import EllipsisMUISVG from "./icons/ui-controls/ellipsis-m.svg";
 import CloseXsUISVG from "./icons/ui-controls/close-xs.svg";
 import CloseSUISVG from "./icons/ui-controls/close-s.svg";
 import CloseMUISVG from "./icons/ui-controls/close-m.svg";
@@ -70,6 +74,7 @@ import Save16SVG from "./icons/information-dense/save.svg";
 import SaveAs16SVG from "./icons/information-dense/save-as.svg";
 import Report16SVG from "./icons/information-dense/report.svg";
 import Rename16SVG from "./icons/information-dense/rename.svg";
+import Remove16SVG from "./icons/information-dense/remove.svg";
 import Redo16SVG from "./icons/information-dense/redo.svg";
 import Recommend16SVG from "./icons/information-dense/recommend.svg";
 import RecentFile16SVG from "./icons/information-dense/recent-file.svg";
@@ -162,6 +167,7 @@ import Devices16SVG from "./icons/information-dense/devices.svg";
 import DeviceTablet16SVG from "./icons/information-dense/device-tablet.svg";
 import DeviceMobile16SVG from "./icons/information-dense/device-mobile.svg";
 import DeviceDesktop16SVG from "./icons/information-dense/device-desktop.svg";
+import DataRefresh16SVG from "./icons/information-dense/data-refresh.svg";
 import Dashboard16SVG from "./icons/information-dense/dashboard.svg";
 import CtaArrowRight16SVG from "./icons/information-dense/cta-arrow-right.svg";
 import Copy16SVG from "./icons/information-dense/copy.svg";
@@ -235,6 +241,7 @@ import Save24SVG from "./icons/regular/save.svg";
 import SaveAs24SVG from "./icons/regular/save-as.svg";
 import Report24SVG from "./icons/regular/report.svg";
 import Rename24SVG from "./icons/regular/rename.svg";
+import Remove24SVG from "./icons/regular/remove.svg";
 import Redo24SVG from "./icons/regular/redo.svg";
 import Recommend24SVG from "./icons/regular/recommend.svg";
 import RecentFile24SVG from "./icons/regular/recent-file.svg";
@@ -327,6 +334,7 @@ import Devices24SVG from "./icons/regular/devices.svg";
 import DeviceTablet24SVG from "./icons/regular/device-tablet.svg";
 import DeviceMobile24SVG from "./icons/regular/device-mobile.svg";
 import DeviceDesktop24SVG from "./icons/regular/device-desktop.svg";
+import DataRefresh24SVG from "./icons/regular/data-refresh.svg";
 import Dashboard24SVG from "./icons/regular/dashboard.svg";
 import CtaArrowRight24SVG from "./icons/regular/cta-arrow-right.svg";
 import Copy24SVG from "./icons/regular/copy.svg";
@@ -929,6 +937,22 @@ export const Dashboard24 = props => (
   </ThemeContext.Consumer>
 )
 
+export const DataRefresh24 = props => (
+  <ThemeContext.Consumer>
+    {({ resolvedRoles }) => {
+      let baseProps = {
+        width: "24px",
+        height: "24px"
+      }
+      const propsClone = Object.assign(baseProps, props, { className: cx(css(stylesheet(props, resolvedRoles)), props.className) });
+      if (props.stylesheet) delete propsClone.stylesheet;
+      return (
+        <DataRefresh24SVG {...propsClone} />
+      );
+    }}
+  </ThemeContext.Consumer>
+)
+
 export const DeviceDesktop24 = props => (
   <ThemeContext.Consumer>
     {({ resolvedRoles }) => {
@@ -2401,6 +2425,22 @@ export const Redo24 = props => (
   </ThemeContext.Consumer>
 )
 
+export const Remove24 = props => (
+  <ThemeContext.Consumer>
+    {({ resolvedRoles }) => {
+      let baseProps = {
+        width: "24px",
+        height: "24px"
+      }
+      const propsClone = Object.assign(baseProps, props, { className: cx(css(stylesheet(props, resolvedRoles)), props.className) });
+      if (props.stylesheet) delete propsClone.stylesheet;
+      return (
+        <Remove24SVG {...propsClone} />
+      );
+    }}
+  </ThemeContext.Consumer>
+)
+
 export const Rename24 = props => (
   <ThemeContext.Consumer>
     {({ resolvedRoles }) => {
@@ -3569,6 +3609,22 @@ export const Dashboard16 = props => (
   </ThemeContext.Consumer>
 )
 
+export const DataRefresh16 = props => (
+  <ThemeContext.Consumer>
+    {({ resolvedRoles }) => {
+      let baseProps = {
+        width: "17px",
+        height: "18px"
+      }
+      const propsClone = Object.assign(baseProps, props, { className: cx(css(stylesheet(props, resolvedRoles)), props.className) });
+      if (props.stylesheet) delete propsClone.stylesheet;
+      return (
+        <DataRefresh16SVG {...propsClone} />
+      );
+    }}
+  </ThemeContext.Consumer>
+)
+
 export const DeviceDesktop16 = props => (
   <ThemeContext.Consumer>
     {({ resolvedRoles }) => {
@@ -5041,6 +5097,22 @@ export const Redo16 = props => (
   </ThemeContext.Consumer>
 )
 
+export const Remove16 = props => (
+  <ThemeContext.Consumer>
+    {({ resolvedRoles }) => {
+      let baseProps = {
+        width: "16px",
+        height: "16px"
+      }
+      const propsClone = Object.assign(baseProps, props, { className: cx(css(stylesheet(props, resolvedRoles)), props.className) });
+      if (props.stylesheet) delete propsClone.stylesheet;
+      return (
+        <Remove16SVG {...propsClone} />
+      );
+    }}
+  </ThemeContext.Consumer>
+)
+
 export const Rename16 = props => (
   <ThemeContext.Consumer>
     {({ resolvedRoles }) => {
@@ -5937,6 +6009,54 @@ export const CloseXsUI = props => (
   </ThemeContext.Consumer>
 )
 
+export const EllipsisMUI = props => (
+  <ThemeContext.Consumer>
+    {({ resolvedRoles }) => {
+      let baseProps = {
+        width: "24px",
+        height: "24px"
+      }
+      const propsClone = Object.assign(baseProps, props, { className: cx(css(stylesheet(props, resolvedRoles)), props.className) });
+      if (props.stylesheet) delete propsClone.stylesheet;
+      return (
+        <EllipsisMUISVG {...propsClone} />
+      );
+    }}
+  </ThemeContext.Consumer>
+)
+
+export const EllipsisSUI = props => (
+  <ThemeContext.Consumer>
+    {({ resolvedRoles }) => {
+      let baseProps = {
+        width: "16px",
+        height: "16px"
+      }
+      const propsClone = Object.assign(baseProps, props, { className: cx(css(stylesheet(props, resolvedRoles)), props.className) });
+      if (props.stylesheet) delete propsClone.stylesheet;
+      return (
+        <EllipsisSUISVG {...propsClone} />
+      );
+    }}
+  </ThemeContext.Consumer>
+)
+
+export const EllipsisXsUI = props => (
+  <ThemeContext.Consumer>
+    {({ resolvedRoles }) => {
+      let baseProps = {
+        width: "12px",
+        height: "12px"
+      }
+      const propsClone = Object.assign(baseProps, props, { className: cx(css(stylesheet(props, resolvedRoles)), props.className) });
+      if (props.stylesheet) delete propsClone.stylesheet;
+      return (
+        <EllipsisXsUISVG {...propsClone} />
+      );
+    }}
+  </ThemeContext.Consumer>
+)
+
 export const HamburgerCloseUI = props => (
   <ThemeContext.Consumer>
     {({ resolvedRoles }) => {
@@ -6113,4 +6233,20 @@ export const Error12 = props => (
   </ThemeContext.Consumer>
 )
 
+export const Help12 = props => (
+  <ThemeContext.Consumer>
+    {({ resolvedRoles }) => {
+      let baseProps = {
+        width: "12px",
+        height: "12px"
+      }
+      const propsClone = Object.assign(baseProps, props, { className: cx(css(stylesheet(props, resolvedRoles)), props.className) });
+      if (props.stylesheet) delete propsClone.stylesheet;
+      return (
+        <Help12SVG {...propsClone} />
+      );
+    }}
+  </ThemeContext.Consumer>
+)
+
 /* eslint-enable */