@datalayer/icons-react 1.0.12 → 1.0.14

package/data1/esm/CollaborateIcon.js

@@ -6,86 +6,28 @@ const sizeMap = {
   "large": 64
 };
 
-function _DlIconInverseColormode({
-  mode,
-  children
-}) {
-  const ref = React.useRef(null);
-  const [appearance, setAppearance] = React.useState({
-    mode: typeof mode === "string" ? mode : null,
-    lightTheme: null,
-    darkTheme: null
-  });
-  React.useLayoutEffect(() => {
-    if (typeof document === "undefined") return;
-    let currentMode = null;
-    let lightTheme = null;
-    let darkTheme = null;
-    let el = ref.current && ref.current.parentElement;
-    while (el && (!currentMode || !lightTheme || !darkTheme)) {
-      if (el.getAttribute) {
-        currentMode = currentMode || el.getAttribute("data-color-mode");
-        lightTheme = lightTheme || el.getAttribute("data-light-theme");
-        darkTheme = darkTheme || el.getAttribute("data-dark-theme");
-      }
-      el = el.parentElement;
-    }
-    if (!currentMode || currentMode === "auto") {
-      currentMode = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
-    }
-    setAppearance({
-      mode: typeof mode === "string" ? mode : (currentMode === "dark" ? "light" : "dark"),
-      lightTheme,
-      darkTheme
-    });
-  }, [mode]);
-  return /*#__PURE__*/React.createElement("span", {
-    ref: ref,
-    "data-color-mode": appearance.mode || "light",
-    "data-light-theme": appearance.lightTheme || undefined,
-    "data-dark-theme": appearance.darkTheme || undefined,
-    style: {
-      display: "inline-flex",
-      lineHeight: 0,
-      color: "var(--fgColor-default, var(--color-fg-default, currentColor))"
-    }
-  }, children);
-}
-
-function CollaborateIcon({
+import { forwardRef } from "react";
+const CollaborateIcon = ({
   title,
-  titleId,
   size,
   colored,
   themed,
-  colormode,
+  titleId,
   ...props
-}, svgRef) {
-  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: (themed ? "var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor))" : "var(--datalayer-icon-color, currentColor)"),
-    "aria-hidden": "true",
+}, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: (themed ? "var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor))" : "var(--datalayer-icon-color, currentColor)"),
+  "aria-hidden": "true",
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
-    viewBox: "0 0 20 20",
-    ref: svgRef,
-    "aria-labelledby": titleId
-  }, props, {
-    "data-datalayer-icon": "",
-    style: props && props.color != null ? Object.assign({}, props.style, {
-      "--datalayer-icon-color": props.color,
-      color: props.color
-    }) : props && props.style
-  }), /*#__PURE__*/React.createElement("style", null, "[data-color-mode=\"light\"]{--datalayer-icon-color-scheme:light}[data-color-mode=\"dark\"]{--datalayer-icon-color-scheme:dark}svg[data-datalayer-icon]{color-scheme:var(--datalayer-icon-color-scheme, light dark)}"), title ? /*#__PURE__*/React.createElement("title", {
-    id: titleId
-  }, title) : null, /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M2.855 13.57v-.715H1.43v.715a5 5 0 005 5h2.14v-1.425H6.43a3.576 3.576 0 01-3.575-3.575zm12.86-7.14v.715h1.43V6.43c0-2.762-2.243-5-5-5H10v1.425h2.145a3.573 3.573 0 013.57 3.575zm-9.285 0H2.145A2.142 2.142 0 000 8.57V10h1.43V8.57c0-.394.32-.715.715-.715H6.43c.394 0 .715.32.715.715V10H8.57V8.57c0-1.183-.957-2.14-2.14-2.14zm-2.145-.715A2.857 2.857 0 104.29 0a2.857 2.857 0 00-.004 5.715zm0-4.285a1.427 1.427 0 110 2.855 1.427 1.427 0 110-2.855zm13.57 15H13.57c-1.183 0-2.14.957-2.14 2.14V20h1.425v-1.43c0-.394.32-.715.715-.715h4.285c.395 0 .715.32.715.715V20H20v-1.43c0-1.183-.96-2.14-2.145-2.14zm-5-3.575a2.857 2.857 0 105.715.004 2.857 2.857 0 00-5.715-.004zm4.29 0a1.43 1.43 0 01-2.86 0c0-.789.64-1.425 1.43-1.425.789 0 1.43.636 1.43 1.425zm0 0",
-    clipRule: "evenodd"
-  }));
-  if (!colormode) return _svgEl;
-  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
-    mode: typeof colormode === "string" ? colormode : undefined
-  }, _svgEl);
-}
-const ForwardRef = React.forwardRef(CollaborateIcon);
+  viewBox: "0 0 20 20",
+  ref: ref,
+  "aria-labelledby": titleId
+}, props), title ? /*#__PURE__*/React.createElement("title", {
+  id: titleId
+}, title) : null, /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  d: "M2.855 13.57v-.715H1.43v.715a5 5 0 0 0 5 5h2.14v-1.425H6.43a3.576 3.576 0 0 1-3.575-3.575m12.86-7.14v.715h1.43V6.43c0-2.762-2.243-5-5-5H10v1.425h2.145a3.573 3.573 0 0 1 3.57 3.575m-9.285 0H2.145A2.14 2.14 0 0 0 0 8.57V10h1.43V8.57c0-.394.32-.715.715-.715H6.43c.394 0 .715.32.715.715V10H8.57V8.57c0-1.183-.957-2.14-2.14-2.14m-2.145-.715A2.857 2.857 0 1 0 4.29 0a2.857 2.857 0 0 0-.004 5.715zm0-4.285a1.427 1.427 0 1 1 0 2.855 1.427 1.427 0 1 1 0-2.855m13.57 15H13.57c-1.183 0-2.14.957-2.14 2.14V20h1.425v-1.43c0-.394.32-.715.715-.715h4.285c.395 0 .715.32.715.715V20H20v-1.43c0-1.183-.96-2.14-2.145-2.14m-5-3.575a2.857 2.857 0 1 0 5.715.004 2.857 2.857 0 0 0-5.715-.004m4.29 0a1.43 1.43 0 0 1-2.86 0c0-.789.64-1.425 1.43-1.425s1.43.636 1.43 1.425m0 0",
+  clipRule: "evenodd"
+}));
+const ForwardRef = forwardRef(CollaborateIcon);
 export default ForwardRef;

package/data1/esm/CommandsIcon.js

@@ -6,84 +6,26 @@ const sizeMap = {
   "large": 64
 };
 
-function _DlIconInverseColormode({
-  mode,
-  children
-}) {
-  const ref = React.useRef(null);
-  const [appearance, setAppearance] = React.useState({
-    mode: typeof mode === "string" ? mode : null,
-    lightTheme: null,
-    darkTheme: null
-  });
-  React.useLayoutEffect(() => {
-    if (typeof document === "undefined") return;
-    let currentMode = null;
-    let lightTheme = null;
-    let darkTheme = null;
-    let el = ref.current && ref.current.parentElement;
-    while (el && (!currentMode || !lightTheme || !darkTheme)) {
-      if (el.getAttribute) {
-        currentMode = currentMode || el.getAttribute("data-color-mode");
-        lightTheme = lightTheme || el.getAttribute("data-light-theme");
-        darkTheme = darkTheme || el.getAttribute("data-dark-theme");
-      }
-      el = el.parentElement;
-    }
-    if (!currentMode || currentMode === "auto") {
-      currentMode = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
-    }
-    setAppearance({
-      mode: typeof mode === "string" ? mode : (currentMode === "dark" ? "light" : "dark"),
-      lightTheme,
-      darkTheme
-    });
-  }, [mode]);
-  return /*#__PURE__*/React.createElement("span", {
-    ref: ref,
-    "data-color-mode": appearance.mode || "light",
-    "data-light-theme": appearance.lightTheme || undefined,
-    "data-dark-theme": appearance.darkTheme || undefined,
-    style: {
-      display: "inline-flex",
-      lineHeight: 0,
-      color: "var(--fgColor-default, var(--color-fg-default, currentColor))"
-    }
-  }, children);
-}
-
-function CommandsIcon({
+import { forwardRef } from "react";
+const CommandsIcon = ({
   title,
-  titleId,
   size,
   colored,
   themed,
-  colormode,
+  titleId,
   ...props
-}, svgRef) {
-  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: (themed ? "var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor))" : "var(--datalayer-icon-color, currentColor)"),
-    viewBox: "0 0 20 20",
+}, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: (themed ? "var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor))" : "var(--datalayer-icon-color, currentColor)"),
+  "aria-hidden": "true",
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
-    "aria-hidden": "true",
-    ref: svgRef,
-    "aria-labelledby": titleId
-  }, props, {
-    "data-datalayer-icon": "",
-    style: props && props.color != null ? Object.assign({}, props.style, {
-      "--datalayer-icon-color": props.color,
-      color: props.color
-    }) : props && props.style
-  }), /*#__PURE__*/React.createElement("style", null, "[data-color-mode=\"light\"]{--datalayer-icon-color-scheme:light}[data-color-mode=\"dark\"]{--datalayer-icon-color-scheme:dark}svg[data-datalayer-icon]{color-scheme:var(--datalayer-icon-color-scheme, light dark)}"), title ? /*#__PURE__*/React.createElement("title", {
-    id: titleId
-  }, title) : null, /*#__PURE__*/React.createElement("path", {
-    d: "M7.942 10.05l-5.966 5.966a.938.938 0 101.327 1.325l6.628-6.629a.938.938 0 000-1.325l-6.628-6.63a.937.937 0 00-1.325 1.327l5.965 5.966zm2.995 4.325a.938.938 0 000 1.875h6.876a.938.938 0 000-1.875h-6.875z"
-  }));
-  if (!colormode) return _svgEl;
-  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
-    mode: typeof colormode === "string" ? colormode : undefined
-  }, _svgEl);
-}
-const ForwardRef = React.forwardRef(CommandsIcon);
+  viewBox: "0 0 20 20",
+  ref: ref,
+  "aria-labelledby": titleId
+}, props), title ? /*#__PURE__*/React.createElement("title", {
+  id: titleId
+}, title) : null, /*#__PURE__*/React.createElement("path", {
+  d: "m7.942 10.05-5.966 5.966a.938.938 0 1 0 1.327 1.325l6.628-6.629a.94.94 0 0 0 0-1.325l-6.628-6.63a.937.937 0 0 0-1.325 1.327l5.965 5.966zm2.995 4.325a.938.938 0 0 0 0 1.875h6.876a.938.938 0 0 0 0-1.875h-6.875z"
+}));
+const ForwardRef = forwardRef(CommandsIcon);
 export default ForwardRef;

package/data1/esm/ConsoleIcon.js

@@ -6,94 +6,36 @@ const sizeMap = {
   "large": 64
 };
 
-function _DlIconInverseColormode({
-  mode,
-  children
-}) {
-  const ref = React.useRef(null);
-  const [appearance, setAppearance] = React.useState({
-    mode: typeof mode === "string" ? mode : null,
-    lightTheme: null,
-    darkTheme: null
-  });
-  React.useLayoutEffect(() => {
-    if (typeof document === "undefined") return;
-    let currentMode = null;
-    let lightTheme = null;
-    let darkTheme = null;
-    let el = ref.current && ref.current.parentElement;
-    while (el && (!currentMode || !lightTheme || !darkTheme)) {
-      if (el.getAttribute) {
-        currentMode = currentMode || el.getAttribute("data-color-mode");
-        lightTheme = lightTheme || el.getAttribute("data-light-theme");
-        darkTheme = darkTheme || el.getAttribute("data-dark-theme");
-      }
-      el = el.parentElement;
-    }
-    if (!currentMode || currentMode === "auto") {
-      currentMode = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
-    }
-    setAppearance({
-      mode: typeof mode === "string" ? mode : (currentMode === "dark" ? "light" : "dark"),
-      lightTheme,
-      darkTheme
-    });
-  }, [mode]);
-  return /*#__PURE__*/React.createElement("span", {
-    ref: ref,
-    "data-color-mode": appearance.mode || "light",
-    "data-light-theme": appearance.lightTheme || undefined,
-    "data-dark-theme": appearance.darkTheme || undefined,
-    style: {
-      display: "inline-flex",
-      lineHeight: 0,
-      color: "var(--fgColor-default, var(--color-fg-default, currentColor))"
-    }
-  }, children);
-}
-
-function ConsoleIcon({
+import { forwardRef } from "react";
+const ConsoleIcon = ({
   title,
-  titleId,
   size,
   colored,
   themed,
-  colormode,
+  titleId,
   ...props
-}, svgRef) {
-  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: (themed ? "var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor))" : "var(--datalayer-icon-color, currentColor)"),
-    viewBox: "0 0 20 20",
+}, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: (themed ? "var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor))" : "var(--datalayer-icon-color, currentColor)"),
+  "aria-hidden": "true",
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
-    "aria-hidden": "true",
-    ref: svgRef,
-    "aria-labelledby": titleId
-  }, props, {
-    "data-datalayer-icon": "",
-    style: props && props.color != null ? Object.assign({}, props.style, {
-      "--datalayer-icon-color": props.color,
-      color: props.color
-    }) : props && props.style
-  }), /*#__PURE__*/React.createElement("style", null, "[data-color-mode=\"light\"]{--datalayer-icon-color-scheme:light}[data-color-mode=\"dark\"]{--datalayer-icon-color-scheme:dark}svg[data-datalayer-icon]{color-scheme:var(--datalayer-icon-color-scheme, light dark)}"), title ? /*#__PURE__*/React.createElement("title", {
-    id: titleId
-  }, title) : null, /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M4.33 9.503a.75.75 0 011.06 0l2 2a.75.75 0 010 1.061l-2 2a.75.75 0 11-1.06-1.06l1.47-1.47-1.47-1.47a.75.75 0 010-1.06z",
-    clipRule: "evenodd"
-  }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M18 3.534H2a.5.5 0 00-.5.5v12a.5.5 0 00.5.5h16a.5.5 0 00.5-.5v-12a.5.5 0 00-.5-.5zm-16-1.5a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2v-12a2 2 0 00-2-2H2z",
-    clipRule: "evenodd"
-  }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M1.5 6.25h17v1.5h-17v-1.5z",
-    clipRule: "evenodd"
-  }));
-  if (!colormode) return _svgEl;
-  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
-    mode: typeof colormode === "string" ? colormode : undefined
-  }, _svgEl);
-}
-const ForwardRef = React.forwardRef(ConsoleIcon);
+  viewBox: "0 0 20 20",
+  ref: ref,
+  "aria-labelledby": titleId
+}, props), title ? /*#__PURE__*/React.createElement("title", {
+  id: titleId
+}, title) : null, /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  d: "M4.33 9.503a.75.75 0 0 1 1.06 0l2 2a.75.75 0 0 1 0 1.061l-2 2a.75.75 0 1 1-1.06-1.06l1.47-1.47-1.47-1.47a.75.75 0 0 1 0-1.06z",
+  clipRule: "evenodd"
+}), /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  d: "M18 3.534H2a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h16a.5.5 0 0 0 .5-.5v-12a.5.5 0 0 0-.5-.5m-16-1.5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-12a2 2 0 0 0-2-2z",
+  clipRule: "evenodd"
+}), /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  d: "M1.5 6.25h17v1.5h-17z",
+  clipRule: "evenodd"
+}));
+const ForwardRef = forwardRef(ConsoleIcon);
 export default ForwardRef;

package/data1/esm/ConsulIcon.js

@@ -6,88 +6,30 @@ const sizeMap = {
   "large": 64
 };
 
-function _DlIconInverseColormode({
-  mode,
-  children
-}) {
-  const ref = React.useRef(null);
-  const [appearance, setAppearance] = React.useState({
-    mode: typeof mode === "string" ? mode : null,
-    lightTheme: null,
-    darkTheme: null
-  });
-  React.useLayoutEffect(() => {
-    if (typeof document === "undefined") return;
-    let currentMode = null;
-    let lightTheme = null;
-    let darkTheme = null;
-    let el = ref.current && ref.current.parentElement;
-    while (el && (!currentMode || !lightTheme || !darkTheme)) {
-      if (el.getAttribute) {
-        currentMode = currentMode || el.getAttribute("data-color-mode");
-        lightTheme = lightTheme || el.getAttribute("data-light-theme");
-        darkTheme = darkTheme || el.getAttribute("data-dark-theme");
-      }
-      el = el.parentElement;
-    }
-    if (!currentMode || currentMode === "auto") {
-      currentMode = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
-    }
-    setAppearance({
-      mode: typeof mode === "string" ? mode : (currentMode === "dark" ? "light" : "dark"),
-      lightTheme,
-      darkTheme
-    });
-  }, [mode]);
-  return /*#__PURE__*/React.createElement("span", {
-    ref: ref,
-    "data-color-mode": appearance.mode || "light",
-    "data-light-theme": appearance.lightTheme || undefined,
-    "data-dark-theme": appearance.darkTheme || undefined,
-    style: {
-      display: "inline-flex",
-      lineHeight: 0,
-      color: "var(--fgColor-default, var(--color-fg-default, currentColor))"
-    }
-  }, children);
-}
-
-function ConsulIcon({
+import { forwardRef } from "react";
+const ConsulIcon = ({
   title,
-  titleId,
   size,
   colored,
   themed,
-  colormode,
+  titleId,
   ...props
-}, svgRef) {
-  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "64.74 19 64 64",
-    fill: (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+}, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+  "aria-hidden": "true",
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
-    "aria-hidden": "true",
-    ref: svgRef,
-    "aria-labelledby": titleId
-  }, props, {
-    "data-datalayer-icon": "",
-    style: props && props.color != null ? Object.assign({}, props.style, {
-      "--datalayer-icon-color": props.color,
-      color: props.color
-    }) : props && props.style
-  }), /*#__PURE__*/React.createElement("style", null, "[data-color-mode=\"light\"]{--datalayer-icon-color-scheme:light}[data-color-mode=\"dark\"]{--datalayer-icon-color-scheme:dark}svg[data-datalayer-icon]{color-scheme:var(--datalayer-icon-color-scheme, light dark)}"), title ? /*#__PURE__*/React.createElement("title", {
-    id: titleId
-  }, title) : null, /*#__PURE__*/React.createElement("path", {
-    fill: colored ? "#961d59" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 47%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 87%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 47%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 87%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 47%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-    d: "M95.84 57.577c-3.656.004-6.625-2.95-6.635-6.602s2.942-6.623 6.6-6.64 6.634 2.93 6.656 6.58a6.56 6.56 0 01-1.92 4.7 6.62 6.62 0 01-4.7 1.95"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? "#d62783" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 54%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 80%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 54%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 80%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 54%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-    d: "M108.738 53.977c-1.687 0-3.056-1.367-3.056-3.053s1.368-3.053 3.056-3.053 3.056 1.367 3.056 3.053a3.04 3.04 0 01-.893 2.161 3.05 3.05 0 01-2.163.892m11.183 2.878a2.93 2.93 0 01-3.61 1.939 2.93 2.93 0 01-2.016-3.565 2.93 2.93 0 013.524-2.09 2.934 2.934 0 012.165 3.477c0 .08 0 .15-.063.238m-2.16-7.865c-1.206.3-2.475-.155-3.2-1.155s-.795-2.345-.15-3.405 1.87-1.625 3.1-1.43a3.06 3.06 0 012.5 2.322 3.17 3.17 0 010 1.197A2.943 2.943 0 01117.709 49m10.937 7.524a3.055 3.055 0 01-3.538 2.478 3.054 3.054 0 111.053-6.015 3.07 3.07 0 012.58 3.259.8.8 0 00-.063.27m-2.524-7.658a3.05 3.05 0 01-3.505-2.506 3.042 3.042 0 012.507-3.5 3.05 3.05 0 013.507 2.502 3.31 3.31 0 010 .793 3.03 3.03 0 01-2.508 2.712m-2.127 18.236a3.1 3.1 0 01-3.913 1.342 3.093 3.093 0 01-1.754-3.746 3.1 3.1 0 016.048 1.162 2.753 2.753 0 01-.38 1.253m-1.103-28.052a3.063 3.063 0 01-4.172-1.166 3.06 3.06 0 011.167-4.167 3.072 3.072 0 014.172 1.163c.315.534.45 1.154.38 1.768a3.06 3.06 0 01-1.54 2.379M95.96 81.688a30.735 30.735 0 01-27.02-15.2 30.66 30.66 0 010-30.978 30.737 30.737 0 0127.02-15.2 30.45 30.45 0 0118.652 6.343l-3.754 4.892c-7.413-5.67-17.405-6.644-25.776-2.515S71.4 41.678 71.4 51.004s5.304 17.844 13.673 21.98a24.59 24.59 0 0025.783-2.49l3.746 4.9a30.47 30.47 0 01-18.652 6.295z"
-  }));
-  if (!colormode) return _svgEl;
-  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
-    mode: typeof colormode === "string" ? colormode : undefined
-  }, _svgEl);
-}
-const ForwardRef = React.forwardRef(ConsulIcon);
+  viewBox: "64.74 19 64 64",
+  ref: ref,
+  "aria-labelledby": titleId
+}, props), title ? /*#__PURE__*/React.createElement("title", {
+  id: titleId
+}, title) : null, /*#__PURE__*/React.createElement("path", {
+  fill: colored ? "#961d59" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 47%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 87%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 47%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 87%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 47%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+  d: "M95.84 57.577c-3.656.004-6.625-2.95-6.635-6.602s2.942-6.623 6.6-6.64 6.634 2.93 6.656 6.58a6.56 6.56 0 0 1-1.92 4.7 6.62 6.62 0 0 1-4.7 1.95"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: colored ? "#d62783" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 54%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 80%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 54%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 80%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 54%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+  d: "M108.738 53.977c-1.687 0-3.056-1.367-3.056-3.053s1.368-3.053 3.056-3.053 3.056 1.367 3.056 3.053a3.04 3.04 0 0 1-.893 2.161 3.05 3.05 0 0 1-2.163.892m11.183 2.878a2.93 2.93 0 0 1-3.61 1.939 2.93 2.93 0 0 1-2.016-3.565 2.93 2.93 0 0 1 3.524-2.09 2.934 2.934 0 0 1 2.165 3.477c0 .08 0 .15-.063.238m-2.16-7.865c-1.206.3-2.475-.155-3.2-1.155s-.795-2.345-.15-3.405 1.87-1.625 3.1-1.43a3.06 3.06 0 0 1 2.5 2.322 3.2 3.2 0 0 1 0 1.197A2.94 2.94 0 0 1 117.709 49m10.937 7.524a3.055 3.055 0 0 1-3.538 2.478 3.054 3.054 0 1 1 1.053-6.015 3.07 3.07 0 0 1 2.58 3.259.8.8 0 0 0-.063.27m-2.524-7.658a3.05 3.05 0 0 1-3.505-2.506 3.04 3.04 0 0 1 2.507-3.5 3.05 3.05 0 0 1 3.507 2.502 3.3 3.3 0 0 1 0 .793 3.03 3.03 0 0 1-2.508 2.712m-2.127 18.236a3.1 3.1 0 0 1-3.913 1.342 3.093 3.093 0 0 1-1.754-3.746 3.1 3.1 0 0 1 6.048 1.162 2.75 2.75 0 0 1-.38 1.253m-1.103-28.052a3.063 3.063 0 0 1-4.172-1.166 3.06 3.06 0 0 1 1.167-4.167 3.07 3.07 0 0 1 4.172 1.163c.315.534.45 1.154.38 1.768a3.06 3.06 0 0 1-1.54 2.379M95.96 81.688a30.74 30.74 0 0 1-27.02-15.2 30.66 30.66 0 0 1 0-30.978 30.74 30.74 0 0 1 27.02-15.2 30.45 30.45 0 0 1 18.652 6.343l-3.754 4.892c-7.413-5.67-17.405-6.644-25.776-2.515S71.4 41.678 71.4 51.004s5.304 17.844 13.673 21.98a24.59 24.59 0 0 0 25.783-2.49l3.746 4.9a30.47 30.47 0 0 1-18.652 6.295z"
+}));
+const ForwardRef = forwardRef(ConsulIcon);
 export default ForwardRef;

package/data1/esm/ConsulNameIcon.js

@@ -6,90 +6,32 @@ const sizeMap = {
   "large": 64
 };
 
-function _DlIconInverseColormode({
-  mode,
-  children
-}) {
-  const ref = React.useRef(null);
-  const [appearance, setAppearance] = React.useState({
-    mode: typeof mode === "string" ? mode : null,
-    lightTheme: null,
-    darkTheme: null
-  });
-  React.useLayoutEffect(() => {
-    if (typeof document === "undefined") return;
-    let currentMode = null;
-    let lightTheme = null;
-    let darkTheme = null;
-    let el = ref.current && ref.current.parentElement;
-    while (el && (!currentMode || !lightTheme || !darkTheme)) {
-      if (el.getAttribute) {
-        currentMode = currentMode || el.getAttribute("data-color-mode");
-        lightTheme = lightTheme || el.getAttribute("data-light-theme");
-        darkTheme = darkTheme || el.getAttribute("data-dark-theme");
-      }
-      el = el.parentElement;
-    }
-    if (!currentMode || currentMode === "auto") {
-      currentMode = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
-    }
-    setAppearance({
-      mode: typeof mode === "string" ? mode : (currentMode === "dark" ? "light" : "dark"),
-      lightTheme,
-      darkTheme
-    });
-  }, [mode]);
-  return /*#__PURE__*/React.createElement("span", {
-    ref: ref,
-    "data-color-mode": appearance.mode || "light",
-    "data-light-theme": appearance.lightTheme || undefined,
-    "data-dark-theme": appearance.darkTheme || undefined,
-    style: {
-      display: "inline-flex",
-      lineHeight: 0,
-      color: "var(--fgColor-default, var(--color-fg-default, currentColor))"
-    }
-  }, children);
-}
-
-function ConsulNameIcon({
+import { forwardRef } from "react";
+const ConsulNameIcon = ({
   title,
-  titleId,
   size,
   colored,
   themed,
-  colormode,
+  titleId,
   ...props
-}, svgRef) {
-  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "64.74 19 60 60",
-    fill: (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+}, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+  "aria-hidden": "true",
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
-    "aria-hidden": "true",
-    ref: svgRef,
-    "aria-labelledby": titleId
-  }, props, {
-    "data-datalayer-icon": "",
-    style: props && props.color != null ? Object.assign({}, props.style, {
-      "--datalayer-icon-color": props.color,
-      color: props.color
-    }) : props && props.style
-  }), /*#__PURE__*/React.createElement("style", null, "[data-color-mode=\"light\"]{--datalayer-icon-color-scheme:light}[data-color-mode=\"dark\"]{--datalayer-icon-color-scheme:dark}svg[data-datalayer-icon]{color-scheme:var(--datalayer-icon-color-scheme, light dark)}"), title ? /*#__PURE__*/React.createElement("title", {
-    id: titleId
-  }, title) : null, /*#__PURE__*/React.createElement("path", {
-    d: "M64.968 63.645c0-2.869 1.671-4.531 5.573-4.531a17.746 17.746 0 014.26.515l-.329 2.563a23.08 23.08 0 00-3.834-.402c-2.045 0-2.686.706-2.686 2.377v6.007c0 1.668.657 2.37 2.7 2.37a23.311 23.311 0 003.836-.402l.328 2.563a17.783 17.783 0 01-4.26.515c-3.9 0-5.572-1.668-5.572-4.531zm16.181 11.58c-3.924 0-4.983-2.16-4.983-4.508v-2.891c0-2.356 1.06-4.509 4.983-4.509 3.925 0 4.984 2.161 4.984 4.509v2.891c0 2.356-1.022 4.509-4.984 4.509zm0-9.464c-1.491 0-2.118.678-2.118 1.975v3.08c0 1.288.589 1.974 2.118 1.974 1.53 0 2.119-.678 2.119-1.975v-3.078c0-1.29-.589-1.975-2.119-1.975zm13.705 9.234v-7.99c0-.61-.261-.916-.918-.916a7.892 7.892 0 00-2.984.961v7.937h-2.857V63.556h2.186l.283.96a11.479 11.479 0 014.588-1.199c1.904 0 2.589 1.341 2.589 3.393v8.293zm8.765.23a13.477 13.477 0 01-3.954-.655l.402-2.184a12.807 12.807 0 003.41.492c1.269 0 1.492-.283 1.492-1.148 0-.707-.141-1.058-1.998-1.49-2.797-.68-3.126-1.386-3.126-3.582 0-2.196 1.015-3.298 4.282-3.298a15.088 15.088 0 013.432.402l-.283 2.28a20.177 20.177 0 00-3.148-.327c-1.245 0-1.491.282-1.491.984 0 .917.066.983 1.626 1.385 3.2.842 3.506 1.267 3.506 3.614-.01 2.22-.694 3.547-4.147 3.547zm8.885-11.67v7.99c0 .61.26.916.918.916a7.892 7.892 0 002.983-.96v-7.945h2.892v11.439h-2.187l-.283-.962a11.479 11.479 0 01-4.587 1.2c-1.904 0-2.59-1.341-2.59-3.393v-8.293zm9.243 11.44v-16.12l2.893-.396v16.514z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? "#961d59" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 47%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 87%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 47%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 87%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 47%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-    d: "M93.91 41.97a3.662 3.662 0 01-3.669-3.65 3.662 3.662 0 013.648-3.671 3.662 3.662 0 012.619 6.241 3.65 3.65 0 01-2.599 1.078"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? "#d62783" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 54%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 80%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 54%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 80%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 54%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-    d: "M101.031 39.98c-.942 0-1.69-.756-1.69-1.696 0-.941.757-1.697 1.69-1.697a1.687 1.687 0 011.69 1.688 1.677 1.677 0 01-.494 1.194 1.687 1.687 0 01-1.197.493m6.183 1.59a1.621 1.621 0 01-1.997 1.072 1.621 1.621 0 01-1.114-1.97 1.621 1.621 0 011.948-1.156 1.624 1.624 0 011.196 1.923c0 .044 0 .083-.034.132m-1.194-4.349a1.696 1.696 0 01-1.775-.638 1.69 1.69 0 01-.083-1.882 1.696 1.696 0 013.095.491 1.734 1.734 0 010 .662 1.63 1.63 0 01-1.272 1.372m6.046 4.16a1.689 1.689 0 01-1.955 1.37 1.688 1.688 0 11.582-3.325 1.696 1.696 0 011.426 1.802.443.443 0 00-.035.15m-1.395-4.234a1.687 1.687 0 01-1.937-1.385 1.683 1.683 0 011.385-1.936 1.687 1.687 0 011.938 1.383 1.706 1.706 0 010 .439 1.694 1.694 0 01-1.385 1.507m-1.176 10.082a1.715 1.715 0 01-2.163.742 1.706 1.706 0 01-.97-2.07 1.702 1.702 0 011.958-1.182 1.71 1.71 0 011.385 1.819 1.508 1.508 0 01-.21.692m-.61-15.508a1.696 1.696 0 01-2.306-.645 1.691 1.691 0 01.645-2.304 1.696 1.696 0 012.306.643 1.574 1.574 0 01.21.977 1.69 1.69 0 01-.851 1.315M93.976 55.289a16.992 16.992 0 01-14.938-8.403 16.954 16.954 0 010-17.127 16.992 16.992 0 0114.938-8.403 16.832 16.832 0 0110.312 3.507l-2.075 2.704a13.57 13.57 0 00-14.25-1.39 13.537 13.537 0 00-7.557 12.157 13.561 13.561 0 007.559 12.151 13.599 13.599 0 0014.254-1.376l2.071 2.71a16.844 16.844 0 01-10.312 3.48z"
-  }));
-  if (!colormode) return _svgEl;
-  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
-    mode: typeof colormode === "string" ? colormode : undefined
-  }, _svgEl);
-}
-const ForwardRef = React.forwardRef(ConsulNameIcon);
+  viewBox: "64.74 19 60 60",
+  ref: ref,
+  "aria-labelledby": titleId
+}, props), title ? /*#__PURE__*/React.createElement("title", {
+  id: titleId
+}, title) : null, /*#__PURE__*/React.createElement("path", {
+  d: "M64.968 63.645c0-2.869 1.671-4.531 5.573-4.531a17.8 17.8 0 0 1 4.26.515l-.329 2.563a23 23 0 0 0-3.834-.402c-2.045 0-2.686.706-2.686 2.377v6.007c0 1.668.657 2.37 2.7 2.37a23.3 23.3 0 0 0 3.836-.402l.328 2.563a17.8 17.8 0 0 1-4.26.515c-3.9 0-5.572-1.668-5.572-4.531zm16.181 11.58c-3.924 0-4.983-2.16-4.983-4.508v-2.891c0-2.356 1.06-4.509 4.983-4.509 3.925 0 4.984 2.161 4.984 4.509v2.891c0 2.356-1.022 4.509-4.984 4.509zm0-9.464c-1.491 0-2.118.678-2.118 1.975v3.08c0 1.288.589 1.974 2.118 1.974 1.53 0 2.119-.678 2.119-1.975v-3.078c0-1.29-.589-1.975-2.119-1.975zm13.705 9.234v-7.99c0-.61-.261-.916-.918-.916a7.9 7.9 0 0 0-2.984.961v7.937h-2.857V63.556h2.186l.283.96a11.5 11.5 0 0 1 4.588-1.199c1.904 0 2.589 1.341 2.589 3.393v8.293zm8.765.23a13.5 13.5 0 0 1-3.954-.655l.402-2.184a12.8 12.8 0 0 0 3.41.492c1.269 0 1.492-.283 1.492-1.148 0-.707-.141-1.058-1.998-1.49-2.797-.68-3.126-1.386-3.126-3.582s1.015-3.298 4.282-3.298a15 15 0 0 1 3.432.402l-.283 2.28a20 20 0 0 0-3.148-.327c-1.245 0-1.491.282-1.491.984 0 .917.066.983 1.626 1.385 3.2.842 3.506 1.267 3.506 3.614-.01 2.22-.694 3.547-4.147 3.547zm8.885-11.67v7.99c0 .61.26.916.918.916a7.9 7.9 0 0 0 2.983-.96v-7.945h2.892v11.439h-2.187l-.283-.962a11.5 11.5 0 0 1-4.587 1.2c-1.904 0-2.59-1.341-2.59-3.393v-8.293zm9.243 11.44v-16.12l2.893-.396v16.514z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: colored ? "#961d59" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 47%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 87%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 47%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 87%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 47%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+  d: "M93.91 41.97a3.66 3.66 0 0 1-3.669-3.65 3.66 3.66 0 0 1 3.648-3.671 3.662 3.662 0 0 1 2.619 6.241 3.65 3.65 0 0 1-2.599 1.078"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: colored ? "#d62783" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 54%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 80%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 54%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 80%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 54%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+  d: "M101.031 39.98c-.942 0-1.69-.756-1.69-1.696 0-.941.757-1.697 1.69-1.697a1.687 1.687 0 0 1 1.69 1.688 1.68 1.68 0 0 1-.494 1.194 1.69 1.69 0 0 1-1.197.493m6.183 1.59a1.62 1.62 0 0 1-1.997 1.072 1.62 1.62 0 0 1-1.114-1.97 1.62 1.62 0 0 1 1.948-1.156 1.624 1.624 0 0 1 1.196 1.923c0 .044 0 .083-.034.132m-1.194-4.349a1.7 1.7 0 0 1-1.775-.638 1.69 1.69 0 0 1-.083-1.882 1.696 1.696 0 0 1 3.095.491 1.7 1.7 0 0 1 0 .662 1.63 1.63 0 0 1-1.272 1.372m6.046 4.16a1.69 1.69 0 0 1-1.955 1.37 1.688 1.688 0 1 1 .582-3.325 1.696 1.696 0 0 1 1.426 1.802.4.4 0 0 0-.035.15m-1.395-4.234a1.687 1.687 0 0 1-1.937-1.385 1.683 1.683 0 0 1 1.385-1.936 1.687 1.687 0 0 1 1.938 1.383 1.7 1.7 0 0 1 0 .439 1.694 1.694 0 0 1-1.385 1.507m-1.176 10.082a1.715 1.715 0 0 1-2.163.742 1.706 1.706 0 0 1-.97-2.07 1.7 1.7 0 0 1 1.958-1.182 1.71 1.71 0 0 1 1.385 1.819 1.5 1.5 0 0 1-.21.692m-.61-15.508a1.696 1.696 0 0 1-2.306-.645 1.69 1.69 0 0 1 .645-2.304 1.696 1.696 0 0 1 2.306.643 1.57 1.57 0 0 1 .21.977 1.69 1.69 0 0 1-.851 1.315M93.976 55.289a16.99 16.99 0 0 1-14.938-8.403 16.95 16.95 0 0 1 0-17.127 16.99 16.99 0 0 1 14.938-8.403 16.83 16.83 0 0 1 10.312 3.507l-2.075 2.704a13.57 13.57 0 0 0-14.25-1.39 13.54 13.54 0 0 0-7.557 12.157 13.56 13.56 0 0 0 7.559 12.151 13.6 13.6 0 0 0 14.254-1.376l2.071 2.71a16.84 16.84 0 0 1-10.312 3.48z"
+}));
+const ForwardRef = forwardRef(ConsulNameIcon);
 export default ForwardRef;