@onbeam/icons 1.0.0-21 → 1.0.0-22

package/dist/index.d.mts

@@ -65,4 +65,6 @@ declare const TooltipIcon: react.ForwardRefExoticComponent<Omit<SVGProps<SVGSVGE
 
 declare const UploadIcon: react.ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & react.RefAttributes<SVGSVGElement>>;
 
-export { BackIcon, BeamIcon, BeamNetworkIcon, CloseIcon, CursorIcon, DashIcon, DiscordIcon, DownIcon, ErrorIcon, EthIcon, FriendsIcon, GoogleIcon, ImmutableIcon, LedOffIcon, LedOnIcon, LoaderIcon, MenuIcon, MeritCircleIcon, PasswordHideIcon, PasswordShowIcon, PlusIcon, QrCodeIcon, RefreshIcon, SettingsIcon, SoundOffIcon, SoundOnIcon, SuccessIcon, SwapIcon, TooltipIcon, TwitterIcon, UploadIcon, UsdcIcon };
+declare const TooltipGreyIcon: react.ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & react.RefAttributes<SVGSVGElement>>;
+
+export { BackIcon, BeamIcon, BeamNetworkIcon, CloseIcon, CursorIcon, DashIcon, DiscordIcon, DownIcon, ErrorIcon, EthIcon, FriendsIcon, GoogleIcon, ImmutableIcon, LedOffIcon, LedOnIcon, LoaderIcon, MenuIcon, MeritCircleIcon, PasswordHideIcon, PasswordShowIcon, PlusIcon, QrCodeIcon, RefreshIcon, SettingsIcon, SoundOffIcon, SoundOnIcon, SuccessIcon, SwapIcon, TooltipGreyIcon, TooltipIcon, TwitterIcon, UploadIcon, UsdcIcon };

package/dist/index.d.ts

@@ -65,4 +65,6 @@ declare const TooltipIcon: react.ForwardRefExoticComponent<Omit<SVGProps<SVGSVGE
 
 declare const UploadIcon: react.ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & react.RefAttributes<SVGSVGElement>>;
 
-export { BackIcon, BeamIcon, BeamNetworkIcon, CloseIcon, CursorIcon, DashIcon, DiscordIcon, DownIcon, ErrorIcon, EthIcon, FriendsIcon, GoogleIcon, ImmutableIcon, LedOffIcon, LedOnIcon, LoaderIcon, MenuIcon, MeritCircleIcon, PasswordHideIcon, PasswordShowIcon, PlusIcon, QrCodeIcon, RefreshIcon, SettingsIcon, SoundOffIcon, SoundOnIcon, SuccessIcon, SwapIcon, TooltipIcon, TwitterIcon, UploadIcon, UsdcIcon };
+declare const TooltipGreyIcon: react.ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & react.RefAttributes<SVGSVGElement>>;
+
+export { BackIcon, BeamIcon, BeamNetworkIcon, CloseIcon, CursorIcon, DashIcon, DiscordIcon, DownIcon, ErrorIcon, EthIcon, FriendsIcon, GoogleIcon, ImmutableIcon, LedOffIcon, LedOnIcon, LoaderIcon, MenuIcon, MeritCircleIcon, PasswordHideIcon, PasswordShowIcon, PlusIcon, QrCodeIcon, RefreshIcon, SettingsIcon, SoundOffIcon, SoundOnIcon, SuccessIcon, SwapIcon, TooltipGreyIcon, TooltipIcon, TwitterIcon, UploadIcon, UsdcIcon };

package/dist/index.js

@@ -23,12 +23,14 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var DiscordIcon = react.forwardRef(
-  (props, svgRef) => /* @__PURE__ */ jsxRuntime.jsxs(
+  (props, svgRef, height = 24, width = 24) => /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 24 24",
+      height,
+      width,
       ref: svgRef
     }, props), {
       children: [
@@ -104,12 +106,14 @@ var DiscordIcon = react.forwardRef(
 );
 var Discord_default = DiscordIcon;
 var GoogleIcon = react.forwardRef(
-  (props, svgRef) => /* @__PURE__ */ jsxRuntime.jsxs(
+  (props, svgRef, height = 24, width = 24) => /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 24 24",
+      height,
+      width,
       ref: svgRef
     }, props), {
       children: [
@@ -168,12 +172,14 @@ var GoogleIcon = react.forwardRef(
 );
 var Google_default = GoogleIcon;
 var TwitterIcon = react.forwardRef(
-  (props, svgRef) => /* @__PURE__ */ jsxRuntime.jsxs(
+  (props, svgRef, height = 24, width = 24) => /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 24 24",
+      height,
+      width,
       ref: svgRef
     }, props), {
       children: [
@@ -259,12 +265,14 @@ var TwitterIcon = react.forwardRef(
 );
 var Twitter_default = TwitterIcon;
 var BeamIcon = react.forwardRef(
-  (props, svgRef) => /* @__PURE__ */ jsxRuntime.jsxs(
+  (props, svgRef, height = 24, width = 24) => /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 40 40",
+      height,
+      width,
       ref: svgRef
     }, props), {
       children: [
@@ -385,13 +393,15 @@ var BeamIcon = react.forwardRef(
 );
 var Beam_default = BeamIcon;
 var BeamNetworkIcon = react.forwardRef(
-  (props, svgRef) => /* @__PURE__ */ jsxRuntime.jsxs(
+  (props, svgRef, height = 24, width = 24) => /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
       xmlnsXlink: "http://www.w3.org/1999/xlink",
       fill: "none",
       viewBox: "0 0 40 40",
+      height,
+      width,
       ref: svgRef
     }, props), {
       children: [
@@ -435,12 +445,14 @@ var BeamNetworkIcon = react.forwardRef(
 );
 var BeamNetwork_default = BeamNetworkIcon;
 var EthIcon = react.forwardRef(
-  (props, svgRef) => /* @__PURE__ */ jsxRuntime.jsxs(
+  (props, svgRef, height = 24, width = 24) => /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 40 40",
+      height,
+      width,
       ref: svgRef
     }, props), {
       children: [
@@ -494,12 +506,14 @@ var EthIcon = react.forwardRef(
 );
 var Eth_default = EthIcon;
 var ImmutableIcon = react.forwardRef(
-  (props, svgRef) => /* @__PURE__ */ jsxRuntime.jsx(
+  (props, svgRef, height = 24, width = 24) => /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 40 40",
+      height,
+      width,
       ref: svgRef
     }, props), {
       children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -514,12 +528,14 @@ var ImmutableIcon = react.forwardRef(
 );
 var Immutable_default = ImmutableIcon;
 var MeritCircleIcon = react.forwardRef(
-  (props, svgRef) => /* @__PURE__ */ jsxRuntime.jsxs(
+  (props, svgRef, height = 24, width = 24) => /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 40 40",
+      height,
+      width,
       ref: svgRef
     }, props), {
       children: [
@@ -627,12 +643,14 @@ var MeritCircleIcon = react.forwardRef(
 );
 var MeritCircle_default = MeritCircleIcon;
 var UsdcIcon = react.forwardRef(
-  (props, svgRef) => /* @__PURE__ */ jsxRuntime.jsxs(
+  (props, svgRef, height = 24, width = 24) => /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 40 40",
+      height,
+      width,
       ref: svgRef
     }, props), {
       children: [
@@ -666,12 +684,14 @@ var UsdcIcon = react.forwardRef(
 );
 var Usdc_default = UsdcIcon;
 var BackIcon = react.forwardRef(
-  (props, svgRef) => /* @__PURE__ */ jsxRuntime.jsxs(
+  (props, svgRef, height = 24, width = 24) => /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 24 24",
+      height,
+      width,
       ref: svgRef
     }, props), {
       children: [
@@ -711,12 +731,14 @@ var BackIcon = react.forwardRef(
 );
 var Back_default = BackIcon;
 var CloseIcon = react.forwardRef(
-  (props, svgRef) => /* @__PURE__ */ jsxRuntime.jsxs(
+  (props, svgRef, height = 24, width = 24) => /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 24 24",
+      height,
+      width,
       ref: svgRef
     }, props), {
       children: [
@@ -804,12 +826,14 @@ var CloseIcon = react.forwardRef(
 );
 var Close_default = CloseIcon;
 var CursorIcon = react.forwardRef(
-  (props, svgRef) => /* @__PURE__ */ jsxRuntime.jsxs(
+  (props, svgRef, height = 24, width = 24) => /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 24 24",
+      height,
+      width,
       ref: svgRef
     }, props), {
       children: [
@@ -837,12 +861,14 @@ var CursorIcon = react.forwardRef(
 );
 var Cursor_default = CursorIcon;
 var DashIcon = react.forwardRef(
-  (props, svgRef) => /* @__PURE__ */ jsxRuntime.jsxs(
+  (props, svgRef, height = 24, width = 24) => /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 24 24",
+      height,
+      width,
       ref: svgRef
     }, props), {
       children: [
@@ -919,12 +945,14 @@ var DashIcon = react.forwardRef(
 );
 var Dash_default = DashIcon;
 var DownIcon = react.forwardRef(
-  (props, svgRef) => /* @__PURE__ */ jsxRuntime.jsxs(
+  (props, svgRef, height = 24, width = 24) => /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 24 24",
+      height,
+      width,
       ref: svgRef
     }, props), {
       children: [
@@ -964,12 +992,14 @@ var DownIcon = react.forwardRef(
 );
 var Down_default = DownIcon;
 var ErrorIcon = react.forwardRef(
-  (props, svgRef) => /* @__PURE__ */ jsxRuntime.jsxs(
+  (props, svgRef, height = 24, width = 24) => /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 24 24",
+      height,
+      width,
       ref: svgRef
     }, props), {
       children: [
@@ -989,12 +1019,14 @@ var ErrorIcon = react.forwardRef(
 );
 var Error_default = ErrorIcon;
 var FriendsIcon = react.forwardRef(
-  (props, svgRef) => /* @__PURE__ */ jsxRuntime.jsxs(
+  (props, svgRef, height = 24, width = 24) => /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 28 26",
+      height,
+      width,
       ref: svgRef
     }, props), {
       children: [
@@ -1059,12 +1091,14 @@ var FriendsIcon = react.forwardRef(
 );
 var Friends_default = FriendsIcon;
 var LedOffIcon = react.forwardRef(
-  (props, svgRef) => /* @__PURE__ */ jsxRuntime.jsxs(
+  (props, svgRef, height = 24, width = 24) => /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 16 16",
+      height,
+      width,
       ref: svgRef
     }, props), {
       children: [
@@ -1136,12 +1170,14 @@ var LedOffIcon = react.forwardRef(
 );
 var LedOff_default = LedOffIcon;
 var LedOnIcon = react.forwardRef(
-  (props, svgRef) => /* @__PURE__ */ jsxRuntime.jsxs(
+  (props, svgRef, height = 24, width = 24) => /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 16 16",
+      height,
+      width,
       ref: svgRef
     }, props), {
       children: [
@@ -1213,13 +1249,15 @@ var LedOnIcon = react.forwardRef(
 );
 var LedOn_default = LedOnIcon;
 var LoaderIcon = react.forwardRef(
-  (props, svgRef) => /* @__PURE__ */ jsxRuntime.jsxs(
+  (props, svgRef, height = 24, width = 24) => /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
       xmlnsXlink: "http://www.w3.org/1999/xlink",
       fill: "none",
       viewBox: "0 0 24 24",
+      height,
+      width,
       ref: svgRef
     }, props), {
       children: [
@@ -1257,12 +1295,14 @@ var LoaderIcon = react.forwardRef(
 );
 var Loader_default = LoaderIcon;
 var MenuIcon = react.forwardRef(
-  (props, svgRef) => /* @__PURE__ */ jsxRuntime.jsxs(
+  (props, svgRef, height = 24, width = 24) => /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 24 24",
+      height,
+      width,
       ref: svgRef
     }, props), {
       children: [
@@ -1336,12 +1376,14 @@ var MenuIcon = react.forwardRef(
 );
 var Menu_default = MenuIcon;
 var PasswordHideIcon = react.forwardRef(
-  (props, svgRef) => /* @__PURE__ */ jsxRuntime.jsxs(
+  (props, svgRef, height = 24, width = 24) => /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 24 24",
+      height,
+      width,
       ref: svgRef
     }, props), {
       children: [
@@ -1404,12 +1446,14 @@ var PasswordHideIcon = react.forwardRef(
 );
 var PasswordHide_default = PasswordHideIcon;
 var PasswordShowIcon = react.forwardRef(
-  (props, svgRef) => /* @__PURE__ */ jsxRuntime.jsxs(
+  (props, svgRef, height = 24, width = 24) => /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 24 24",
+      height,
+      width,
       ref: svgRef
     }, props), {
       children: [
@@ -1472,12 +1516,14 @@ var PasswordShowIcon = react.forwardRef(
 );
 var PasswordShow_default = PasswordShowIcon;
 var PlusIcon = react.forwardRef(
-  (props, svgRef) => /* @__PURE__ */ jsxRuntime.jsxs(
+  (props, svgRef, height = 24, width = 24) => /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 24 24",
+      height,
+      width,
       ref: svgRef
     }, props), {
       children: [
@@ -1554,12 +1600,14 @@ var PlusIcon = react.forwardRef(
 );
 var Plus_default = PlusIcon;
 var QrCodeIcon = react.forwardRef(
-  (props, svgRef) => /* @__PURE__ */ jsxRuntime.jsxs(
+  (props, svgRef, height = 24, width = 24) => /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 24 24",
+      height,
+      width,
       ref: svgRef
     }, props), {
       children: [
@@ -1621,12 +1669,14 @@ var QrCodeIcon = react.forwardRef(
 );
 var QrCode_default = QrCodeIcon;
 var RefreshIcon = react.forwardRef(
-  (props, svgRef) => /* @__PURE__ */ jsxRuntime.jsxs(
+  (props, svgRef, height = 24, width = 24) => /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 24 24",
+      height,
+      width,
       ref: svgRef
     }, props), {
       children: [
@@ -1689,12 +1739,14 @@ var RefreshIcon = react.forwardRef(
 );
 var Refresh_default = RefreshIcon;
 var SettingsIcon = react.forwardRef(
-  (props, svgRef) => /* @__PURE__ */ jsxRuntime.jsxs(
+  (props, svgRef, height = 24, width = 24) => /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 24 24",
+      height,
+      width,
       ref: svgRef
     }, props), {
       children: [
@@ -1762,12 +1814,14 @@ var SettingsIcon = react.forwardRef(
 );
 var Settings_default = SettingsIcon;
 var SoundOffIcon = react.forwardRef(
-  (props, svgRef) => /* @__PURE__ */ jsxRuntime.jsxs(
+  (props, svgRef, height = 24, width = 24) => /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 24 24",
+      height,
+      width,
       ref: svgRef
     }, props), {
       children: [
@@ -1850,12 +1904,14 @@ var SoundOffIcon = react.forwardRef(
 );
 var SoundOff_default = SoundOffIcon;
 var SoundOnIcon = react.forwardRef(
-  (props, svgRef) => /* @__PURE__ */ jsxRuntime.jsxs(
+  (props, svgRef, height = 24, width = 24) => /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 24 24",
+      height,
+      width,
       ref: svgRef
     }, props), {
       children: [
@@ -1927,12 +1983,14 @@ var SoundOnIcon = react.forwardRef(
 );
 var SoundOn_default = SoundOnIcon;
 var SuccessIcon = react.forwardRef(
-  (props, svgRef) => /* @__PURE__ */ jsxRuntime.jsxs(
+  (props, svgRef, height = 24, width = 24) => /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 24 24",
+      height,
+      width,
       ref: svgRef
     }, props), {
       children: [
@@ -1952,12 +2010,14 @@ var SuccessIcon = react.forwardRef(
 );
 var Success_default = SuccessIcon;
 var SwapIcon = react.forwardRef(
-  (props, svgRef) => /* @__PURE__ */ jsxRuntime.jsxs(
+  (props, svgRef, height = 24, width = 24) => /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 24 24",
+      height,
+      width,
       ref: svgRef
     }, props), {
       children: [
@@ -2029,12 +2089,14 @@ var SwapIcon = react.forwardRef(
 );
 var Swap_default = SwapIcon;
 var TooltipIcon = react.forwardRef(
-  (props, svgRef) => /* @__PURE__ */ jsxRuntime.jsxs(
+  (props, svgRef, height = 24, width = 24) => /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 24 24",
+      height,
+      width,
       ref: svgRef
     }, props), {
       children: [
@@ -2097,12 +2159,14 @@ var TooltipIcon = react.forwardRef(
 );
 var Tooltip_default = TooltipIcon;
 var UploadIcon = react.forwardRef(
-  (props, svgRef) => /* @__PURE__ */ jsxRuntime.jsxs(
+  (props, svgRef, height = 24, width = 24) => /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 24 24",
+      height,
+      width,
       ref: svgRef
     }, props), {
       children: [
@@ -2133,6 +2197,76 @@ var UploadIcon = react.forwardRef(
   )
 );
 var Upload_default = UploadIcon;
+var TooltipGreyIcon = react.forwardRef(
+  (props, svgRef, height = 24, width = 24) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    __spreadProps(__spreadValues({
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      viewBox: "0 0 16 16",
+      height,
+      width,
+      ref: svgRef
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("g", { filter: "url(#tooltipGrey_svg__tooltipGrey_svg__filter0_i_162_975)", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "mask",
+            {
+              id: "tooltipGrey_svg__a",
+              style: {
+                maskType: "alpha"
+              },
+              width: 16,
+              height: 16,
+              x: 0,
+              y: 0,
+              maskUnits: "userSpaceOnUse",
+              children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#D9D9D9", d: "M0 0h16v16H0z" })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("g", { mask: "url(#tooltipGrey_svg__a)", children: /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              fill: "#6D6D6D",
+              d: "M7.967 12c.233 0 .43-.08.592-.242a.805.805 0 00.241-.591c0-.234-.08-.43-.242-.592a.805.805 0 00-.591-.242c-.233 0-.43.08-.592.242a.805.805 0 00-.242.592c0 .233.081.43.242.591a.805.805 0 00.592.242zm-.6-2.567H8.6c0-.366.042-.655.125-.866.084-.211.32-.5.709-.867.288-.289.516-.564.683-.825.166-.261.25-.575.25-.942 0-.622-.228-1.1-.684-1.433-.455-.333-.994-.5-1.616-.5-.633 0-1.147.167-1.542.5-.394.333-.67.733-.825 1.2l1.1.433c.056-.2.18-.416.375-.65.195-.233.492-.35.892-.35.355 0 .622.098.8.292a.931.931 0 01.266.642c0 .222-.066.43-.2.625-.133.194-.3.375-.5.541-.488.434-.788.761-.9.984-.11.222-.166.627-.166 1.216zM8 14.667a6.492 6.492 0 01-2.6-.525 6.732 6.732 0 01-2.117-1.425A6.732 6.732 0 011.86 10.6 6.491 6.491 0 011.333 8c0-.922.175-1.789.526-2.6a6.732 6.732 0 011.425-2.117A6.73 6.73 0 015.4 1.858 6.492 6.492 0 018 1.333c.922 0 1.789.175 2.6.525.811.35 1.517.825 2.117 1.425.6.6 1.075 1.306 1.425 2.117.35.811.525 1.678.525 2.6 0 .922-.175 1.789-.525 2.6a6.732 6.732 0 01-1.425 2.117c-.6.6-1.306 1.075-2.117 1.425a6.492 6.492 0 01-2.6.525zm0-1.334c1.49 0 2.75-.516 3.784-1.55 1.033-1.033 1.55-2.294 1.55-3.783 0-1.489-.517-2.75-1.55-3.783C10.75 3.183 9.489 2.667 8 2.667c-1.489 0-2.75.516-3.783 1.55C3.184 5.25 2.667 6.51 2.667 8c0 1.489.517 2.75 1.55 3.783C5.25 12.817 6.51 13.333 8 13.333z"
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "filter",
+          {
+            id: "tooltipGrey_svg__tooltipGrey_svg__filter0_i_162_975",
+            width: 16,
+            height: 16.33,
+            x: 0,
+            y: -0.33,
+            colorInterpolationFilters: "sRGB",
+            filterUnits: "userSpaceOnUse",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
+              /* @__PURE__ */ jsxRuntime.jsx("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "feColorMatrix",
+                {
+                  in: "SourceAlpha",
+                  result: "hardAlpha",
+                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("feOffset", { dy: -0.67 }),
+              /* @__PURE__ */ jsxRuntime.jsx("feGaussianBlur", { stdDeviation: 0.17 }),
+              /* @__PURE__ */ jsxRuntime.jsx("feComposite", { in2: "hardAlpha", k2: -1, k3: 1, operator: "arithmetic" }),
+              /* @__PURE__ */ jsxRuntime.jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0" }),
+              /* @__PURE__ */ jsxRuntime.jsx("feBlend", { in2: "shape", result: "effect1_innerShadow_162_975" })
+            ]
+          }
+        ) })
+      ]
+    })
+  )
+);
+var TooltipGrey_default = TooltipGreyIcon;
 
 exports.BackIcon = Back_default;
 exports.BeamIcon = Beam_default;
@@ -2162,6 +2296,7 @@ exports.SoundOffIcon = SoundOff_default;
 exports.SoundOnIcon = SoundOn_default;
 exports.SuccessIcon = Success_default;
 exports.SwapIcon = Swap_default;
+exports.TooltipGreyIcon = TooltipGrey_default;
 exports.TooltipIcon = Tooltip_default;
 exports.TwitterIcon = Twitter_default;
 exports.UploadIcon = Upload_default;