@datalayer/icons-react 1.0.14 → 1.0.15

package/eggs/FlexedBicepsIcon.js

@@ -6,51 +6,109 @@ const sizeMap = {
   "large": 64
 };
 
-const { forwardRef } = require("react");
-const FlexedBicepsIcon = ({
+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 FlexedBicepsIcon({
   title,
+  titleId,
   size,
   colored,
   themed,
-  titleId,
+  colormode,
   ...props
-}, 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",
+}, svgRef) {
+  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 72 72",
+    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))))")),
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
-  viewBox: "0 0 72 72",
-  ref: ref,
-  "aria-labelledby": titleId
-}, props), title ? /*#__PURE__*/React.createElement("title", {
-  id: titleId
-}, title) : null, /*#__PURE__*/React.createElement("g", {
-  fill: colored ? "#FCEA2B" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 88%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 46%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 88%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 46%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 88%, var(--bgColor-default, var(--color-canvas-default, Canvas))))"))
-}, /*#__PURE__*/React.createElement("path", {
-  d: "M63.11 54.165c-10.969 9.44-26.36 11.68-46.41 11.563 0 0-3.74 1.15-4.597-3.565 0 0-.77-20.887 3.809-35.548 0 0-.195-5.981.029-9.898a2.57 2.57 0 0 1 .828-1.753c5.757-5.319 8.349-6.098 8.349-6.098l8.368-1.481c1.325.906 4.228 4.18 3.75 9.995l.107-.4 3.215.902c1.123.341 1.859 1.525 1.841 2.654-.01 1.17-2.805 2.046-2.805 2.046l-6.118 1.383c-1.831 2.874-5.594 3.176-7.279 3.098-.088-.243-.593-.02-.193 0 .594 1.5 1.289 5.115 1.922 11.807l.176 1.86c.048.527.316 4.73.384 7.477 1.812-4.413 6.636-12.561 15.735-13.847 13.463-1.92 20.165 8.495 20.165 8.495s.234.272.526.77c2.066 3.448 1.247 7.91-1.802 10.54"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M26.508 26.81c-.41-.02-.74-.06-.94-.09l.64-.49c.11.14.21.33.3.58"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M26.508 26.81c-.41-.02-.74-.06-.94-.09l.64-.49c.11.14.21.33.3.58"
-})), /*#__PURE__*/React.createElement("g", {
-  fill: colored ? "#F1B31C" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 73%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 61%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 73%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 61%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 73%, var(--bgColor-default, var(--color-canvas-default, Canvas))))"))
-}, /*#__PURE__*/React.createElement("path", {
-  d: "M21.922 26.23s5.344-4.986 1.615-6.38l12.76-.419.672-1.142.22-1.844c1.07.178 3.364.946 3.64 1.012 0 0 2.405 1.873.45 4.093l-7.78 2.235s-4.723 3.803-11.577 2.445"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M21.922 26.23c.794 9.218 2.56 25.641 2.07 27.745-.045.7.655.81 1.012.296.829-.667 2.767-2.597 3.818-5.195 0-5.762-.666-12.458-2.219-22.262-.57-1.585-2.939-1.566-4.681-.584m26.277 7.87s10.239 6.972 3.106 16.42c0 0 2.132 8.516.155 9.85s20.619-5.545 12.136-18.563c0 0-5.158-7.573-15.397-7.708z"
-})), /*#__PURE__*/React.createElement("g", {
-  fill: "none",
-  stroke: colored ? "#000" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 38%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 96%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 38%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 96%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 38%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeMiterlimit: 10,
-  strokeWidth: 2
-}, /*#__PURE__*/React.createElement("path", {
-  d: "M27.468 40.552c-.428-4.28-1.132-12.72-1.954-13.754 0 0 5.2 1.11 7.811-2.974m1.178 29.264s10.802 2.701 19.287-4.327"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M27.72 50.631s2.868-14.473 16.368-16.393S64.3 42.753 64.3 42.753s.23.275.527.77c2.073 3.456 1.25 7.934-1.803 10.564-10.992 9.464-26.426 11.712-46.518 11.597 0 0-3.75 1.145-4.61-3.574 0 0-.769-20.94 3.818-35.627 0 0-.197-6 .03-9.928a2.6 2.6 0 0 1 .827-1.752c5.78-5.332 8.375-6.115 8.375-6.115l8.388-1.484c1.436.984 4.725 4.739 3.57 11.495"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M25.589 19.295s1.816 2.59 3.632-.284V16l-.46-1.658-.36-.278m1.143 5.231s1.816 2.59 3.633-.284V16l-.873-2.125m4.516 5.136c-1.961 1.89-3.32 0-3.32 0m-13.199-2.564a3.73 3.73 0 0 1 1.278 2.432c.033.288.131.57.336.774.595.594 1.959 1.517 3.323-.642V16l-.636-1.268m15.754 3.557c1.926.57 2.262 3.427-.702 4.1l-6.329 1.435"
-})));
-const ForwardRef = forwardRef(FlexedBicepsIcon);
+    "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("g", {
+    fill: colored ? "#FCEA2B" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 88%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 46%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 88%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 46%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 88%, var(--bgColor-default, var(--color-canvas-default, Canvas))))"))
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M63.11 54.165c-10.969 9.44-26.36 11.68-46.41 11.563 0 0-3.74 1.15-4.597-3.565 0 0-.77-20.887 3.809-35.548 0 0-.195-5.981.029-9.898a2.574 2.574 0 01.828-1.753c5.757-5.319 8.349-6.098 8.349-6.098l8.368-1.481c1.325.906 4.228 4.18 3.75 9.995l.107-.4 3.215.902c1.123.341 1.859 1.525 1.841 2.654-.01 1.17-2.805 2.046-2.805 2.046l-6.118 1.383c-1.831 2.874-5.594 3.176-7.279 3.098-.088-.243-.593-.02-.193 0 .594 1.5 1.289 5.115 1.922 11.807l.176 1.86c.048.527.316 4.73.384 7.477 1.812-4.413 6.636-12.561 15.735-13.847 13.463-1.92 20.165 8.495 20.165 8.495s.234.272.526.77c2.066 3.448 1.247 7.91-1.802 10.54z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M26.508 26.81c-.41-.02-.74-.06-.94-.09l.64-.49c.11.14.21.33.3.58z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M26.508 26.81c-.41-.02-.74-.06-.94-.09l.64-.49c.11.14.21.33.3.58z"
+  })), /*#__PURE__*/React.createElement("g", {
+    fill: colored ? "#F1B31C" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 73%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 61%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 73%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 61%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 73%, var(--bgColor-default, var(--color-canvas-default, Canvas))))"))
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M21.922 26.23s5.344-4.986 1.615-6.38l12.76-.419.672-1.142.22-1.844c1.07.178 3.364.946 3.64 1.012 0 0 2.405 1.873.45 4.093l-7.78 2.235s-4.723 3.803-11.577 2.445z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M21.922 26.23c.794 9.218 2.56 25.641 2.07 27.745-.045.7.655.81 1.012.296.829-.667 2.767-2.597 3.818-5.195 0-5.762-.666-12.458-2.219-22.262-.57-1.585-2.939-1.566-4.681-.584zm26.277 7.87s10.239 6.972 3.106 16.42c0 0 2.132 8.516.155 9.85-1.977 1.334 20.619-5.545 12.136-18.563 0 0-5.158-7.573-15.397-7.708z"
+  })), /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    stroke: colored ? "#000" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 38%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 96%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 38%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 96%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 38%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeMiterlimit: 10,
+    strokeWidth: 2
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M27.468 40.552c-.428-4.28-1.132-12.72-1.954-13.754 0 0 5.2 1.11 7.811-2.974m1.178 29.264s10.802 2.701 19.287-4.327"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M27.72 50.631s2.868-14.473 16.368-16.393S64.3 42.753 64.3 42.753s.23.275.527.77c2.073 3.456 1.25 7.934-1.803 10.564-10.992 9.464-26.426 11.712-46.518 11.597 0 0-3.75 1.145-4.61-3.574 0 0-.769-20.94 3.818-35.627 0 0-.197-6 .03-9.928a2.59 2.59 0 01.827-1.752c5.78-5.332 8.375-6.115 8.375-6.115l8.388-1.484c1.436.984 4.725 4.739 3.57 11.495"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M25.589 19.295s1.816 2.59 3.632-.284V16l-.46-1.658-.36-.278m1.143 5.231s1.816 2.59 3.633-.284V16l-.873-2.125m4.516 5.136c-1.961 1.89-3.32 0-3.32 0m-13.199-2.564a3.732 3.732 0 011.278 2.432c.033.288.131.57.336.774.595.594 1.959 1.517 3.323-.642V16l-.636-1.268m15.754 3.557c1.926.57 2.262 3.427-.702 4.1l-6.329 1.435"
+  })));
+  if (!colormode) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormode === "string" ? colormode : undefined
+  }, _svgEl);
+}
+const ForwardRef = React.forwardRef(FlexedBicepsIcon);
 module.exports = ForwardRef;

package/eggs/GoldorakNoopIcon.js

@@ -6,196 +6,254 @@ const sizeMap = {
   "large": 64
 };
 
-const { forwardRef } = require("react");
-const GoldorakNoopIcon = ({
+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 GoldorakNoopIcon({
   title,
-  size,
   titleId,
+  size,
+  colormode,
   ...props
-}, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "currentColor",
-  "aria-hidden": "true",
-  viewBox: "0 0 800 800",
-  ref: ref,
+}, svgRef) {
+  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 800 800",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    ref: svgRef,
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
-  "aria-labelledby": titleId
-}, props), title ? /*#__PURE__*/React.createElement("title", {
-  id: titleId
-}, title) : null, /*#__PURE__*/React.createElement("g", {
-  color: "#000"
-}, /*#__PURE__*/React.createElement("path", {
-  fill: "#fff",
-  stroke: "#fff",
-  strokeWidth: 3.628,
-  d: "m301.769 653.81 30.845-5.443 23.587-.907 39.01.907 42.637-8.165 68.04-14.515 28.123-2.722 26.309-7.257-3.629-125.193-34.473-8.165-68.04 41.73-34.474 4.537-67.132-27.216-39.01-24.494-18.144 8.164z",
-  overflow: "visible",
-  style: {
-    marker: "none"
-  }
-}), /*#__PURE__*/React.createElement("g", {
-  stroke: "#000"
-}, /*#__PURE__*/React.createElement("path", {
-  strokeWidth: 3.628,
-  d: "m289.401 654.716 7.38-156.66s7.716-11.742 7.716-9.729 2.013 164.04 2.013 164.04zm47.971-158.338-8.722 154.648 30.527-1.342-9.057-145.59zm78.834 41.932-23.483 112.716 46.63-11.07-12.077-98.962zm86.549-34.216V625.53l32.875-1.677-20.128-125.128zm46.293-5.032 5.032 117.411 18.115-1.006-7.044-110.702-15.767-12.748z",
-  overflow: "visible",
-  style: {
-    marker: "none"
-  }
-}), /*#__PURE__*/React.createElement("path", {
-  fill: "#333",
-  strokeWidth: 3.628,
-  d: "M304.161 490.675v90.575l-17.78-3.69-20.798-10.064-6.038-19.792 18.115-25.83 18.45-29.521zm260.654 11.07 1.677 68.77 13.419-4.696 16.102-14.76 1.342-19.793-18.786-21.805z",
-  overflow: "visible",
-  style: {
-    marker: "none"
-  }
-}), /*#__PURE__*/React.createElement("path", {
-  fill: "#fff",
-  strokeWidth: 3.628,
-  d: "m303.078 570.89-.8 12.811c-13.081-2.148-26.088-4-40.034-9.608-8.883-3.865-11.941-11.612-12.811-20.818 6.408-22.685 19.141-42.659 19.216-68.058l5.658-47.144c6.352-5.005 9.95-5.474 13.057-14.535l46.941 40.861 82.47-25.622 72.863 41.636 55.247-60.051 17.615 4.804 36.831 92.078c2.05 13.612 3.113 27.223 0 40.835-9.902 10.691-19.803 15.422-29.705 21.143l-2.728-17.94c6.274-.613 12.548-.048 18.822-5.605 5.688-7.348 6.799-15.876.8-24.02l-32.027-29.626c-10.986-7.125-22.463-10.322-35.23-3.202l-78.467 45.638c-10.267.459-20.14 3.68-31.227-1.6l-98.484-56.049-38.433 56.849c-.471 7.473-5.267 14.946 2.403 22.419 7.426 3.133 16.143 5.234 28.023 4.804z",
-  overflow: "visible",
-  style: {
-    marker: "none"
-  }
-}), /*#__PURE__*/React.createElement("path", {
-  strokeWidth: 3.628,
-  d: "m336.366 463.838.335 34.888 6.374 4.026-.336-37.236zm77.827-24.153-.336 103.322 7.716 6.71 8.386-3.02-1.677-103.657-6.374-4.361zm78.162 39.585 1.007 34.552 5.032-3.355-.671-36.23-5.703 3.355z",
-  overflow: "visible",
-  style: {
-    marker: "none"
-  }
-}), /*#__PURE__*/React.createElement("path", {
-  fill: "#22343e",
-  strokeWidth: 3.628,
-  d: "M288.795 426.527c8.772-31.4 2.56-53.644-11.386-71.162 5.315-33.381 7.165-66.896-19.926-101.524l296.035-10.912c-25.949 34.54-22.544 70.625-.474 107.692-16.778 25.683-14.033 49.414-5.693 72.585l-53.135 57.405-74.957-42.223-77.33 27.516z",
-  overflow: "visible",
-  style: {
-    marker: "none"
-  }
-}), /*#__PURE__*/React.createElement("path", {
-  fill: "#a5bccc",
-  strokeWidth: 3.628,
-  d: "M348.57 372.919c10.912-3.321 43.173-13.758 43.173-13.758l-.95 55.506-42.222 24.195z",
-  overflow: "visible",
-  style: {
-    marker: "none"
-  }
-}), /*#__PURE__*/React.createElement("path", {
-  fill: "#97b5d2",
-  strokeWidth: 3.628,
-  d: "m440.607 358.212 36.53 17.553-2.372 57.404-36.53-16.604z",
-  overflow: "visible",
-  style: {
-    marker: "none"
-  }
-}), /*#__PURE__*/React.createElement("path", {
-  fill: "#b4d0e8",
-  strokeWidth: 3.628,
-  d: "m347.148 461.16 70.213-23.247s66.418 37.953 66.418 36.056-.949-40.8-.949-40.8l-66.418-31.311-67.841 32.734z",
-  overflow: "visible",
-  style: {
-    marker: "none"
-  }
-}), /*#__PURE__*/React.createElement("path", {
-  fill: "#fff5af",
-  strokeWidth: 3.628,
-  d: "m391.743 358.686-38.428-24.195-63.571-.474 50.287 40.8zm46.492-1.898 27.99-19.925 55.507-1.898-42.697 39.377z",
-  overflow: "visible",
-  style: {
-    marker: "none"
-  }
-}), /*#__PURE__*/React.createElement("path", {
-  fill: "#ebedfc",
-  strokeWidth: 3.628,
-  d: "M314.888 219.683c17.762 28.837 33.37 61.983 39.85 113.385l60.25 34.158 51.712-27.99c-2.389-45.983 5.439-87.785 30.837-122.4-8.065-1.757-16.13-3.21-24.195 0-17.55 22.784-27.294 68.982-38.902 109.59-13.602 13.174-26.565 12.919-38.902-.474-20.741-41.625-38.794-91.698-67.841-107.218-5.22-3.482-8.757-.235-12.81.949z",
-  overflow: "visible",
-  style: {
-    marker: "none"
-  }
-}), /*#__PURE__*/React.createElement("path", {
-  fill: "#96b3c5",
-  strokeWidth: 3.628,
-  d: "M464.049 328.37c13.141-47.344 31.202-87.12 76.855-84.447-5.21-29.679-16.22-40.249-29.414-40.8-31.363 7.086-43.029 74.132-47.441 125.246z",
-  overflow: "visible",
-  style: {
-    marker: "none"
-  }
-}), /*#__PURE__*/React.createElement("path", {
-  fill: "#a4bfc8",
-  strokeWidth: 3.628,
-  d: "M258.432 253.366c47.865-9.708 73.664 28.73 93.934 79.227-8.693-46.285-13.52-107.885-52.66-131.412-26.357-2.279-38.73 21.333-41.274 52.185z",
-  overflow: "visible",
-  style: {
-    marker: "none"
-  }
-}), /*#__PURE__*/React.createElement("path", {
-  fill: "#96b5d2",
-  strokeWidth: 3.628,
-  d: "m402.654 178.883 5.693-19.925 8.54 20.874z",
-  overflow: "visible",
-  style: {
-    marker: "none"
-  }
-}), /*#__PURE__*/React.createElement("path", {
-  fill: "#be0000",
-  strokeWidth: 3.628,
-  d: "M324.85 217.785c29.18-47.613 121.373-62.904 156.083-5.219-33.589 31.403-32.151 72.024-44.121 109.116-6.958 19.65-37.162 20.115-45.07-1.898-19.263-37.5-32.38-82.094-66.892-101.999z",
-  overflow: "visible",
-  style: {
-    marker: "none"
-  }
-}), /*#__PURE__*/React.createElement("path", {
-  fill: "#96b5d2",
-  strokeWidth: 3.628,
-  d: "m401.23 234.39 7.592-22.298 8.539 22.298zm3.796 55.032 5.693-20.4 8.54 21.348z",
-  overflow: "visible",
-  style: {
-    marker: "none"
-  }
-}), /*#__PURE__*/React.createElement("path", {
-  strokeWidth: 3.628,
-  d: "m341.398 468.2 2.012-18.787-55.686-27.507v2.012zm144.248-24.825.671 29.52 7.38 8.052 53.003-59.712-4.025-8.051z",
-  overflow: "visible",
-  style: {
-    marker: "none"
-  }
-}), /*#__PURE__*/React.createElement("path", {
-  fill: "#fbcb11",
-  strokeWidth: 1.312,
-  d: "M474.087 325.573c-35.8 29.342-52.117 32.165-88.308 37.118-9.672 9.393-4.455 26.899-.485 34.692 37.74-4.805 73.997-8.073 88.793-71.81z",
-  overflow: "visible",
-  style: {
-    marker: "none"
-  },
-  transform: "matrix(2.79941 0 0 2.86153 -528.105 -793.344)"
-}), /*#__PURE__*/React.createElement("path", {
-  fill: "#ffd42a",
-  strokeWidth: 1.151,
-  d: "M455.146 371.296c-16.996 17.572-33.013 23.149-69.078 26.976-9.64 7.256-4.44 20.779-.484 26.8 36.882-4.198 68.889-26.859 69.562-53.776z",
-  overflow: "visible",
-  style: {
-    marker: "none"
-  },
-  transform: "matrix(2.79941 0 0 2.86153 -528.105 -793.344)"
-}), /*#__PURE__*/React.createElement("g", {
-  strokeWidth: 1.312
-}, /*#__PURE__*/React.createElement("path", {
-  fill: "#fbcb11",
-  d: "M186.804 322.13c27.066 35.649 57.211 46.235 88.792 45.123 9.673 9.393 8.58 21.319 7.521 33.237-37.74-4.806-86.854-12.683-96.313-78.36z",
-  overflow: "visible",
-  style: {
-    marker: "none"
-  },
-  transform: "matrix(2.82788 0 0 2.9076 -523.623 -811.046)"
-}), /*#__PURE__*/React.createElement("path", {
-  fill: "#ffd42a",
-  d: "M204.05 367.194c19.338 20.057 37.804 29.09 78.838 33.458 10.967 8.282 4.324 23.475.307 27.92-42.205 1.032-75.71-35.264-79.144-61.378z",
-  overflow: "visible",
-  style: {
-    marker: "none"
-  },
-  transform: "matrix(2.82788 0 0 2.9076 -523.623 -811.046)"
-})))));
-const ForwardRef = forwardRef(GoldorakNoopIcon);
+    "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("g", {
+    color: "#000"
+  }, /*#__PURE__*/React.createElement("path", {
+    style: {
+      marker: "none"
+    },
+    fill: "#fff",
+    stroke: "#fff",
+    strokeWidth: 3.628,
+    d: "M301.769 653.81l30.845-5.443 23.587-.907 39.01.907 42.637-8.165 68.04-14.515 28.123-2.722 26.309-7.257-3.629-125.193-34.473-8.165-68.04 41.73-34.474 4.537-67.132-27.216-39.01-24.494-18.144 8.164z",
+    overflow: "visible"
+  }), /*#__PURE__*/React.createElement("g", {
+    stroke: "#000"
+  }, /*#__PURE__*/React.createElement("path", {
+    style: {
+      marker: "none"
+    },
+    strokeWidth: 3.628,
+    d: "M289.401 654.716l7.38-156.66s7.716-11.742 7.716-9.729c0 2.013 2.013 164.04 2.013 164.04zm47.971-158.338l-8.722 154.648 30.527-1.342-9.057-145.59zm78.834 41.932l-23.483 112.716 46.63-11.07-12.077-98.962zm86.549-34.216V625.53l32.875-1.677-20.128-125.128zm46.293-5.032l5.032 117.411 18.115-1.006-7.044-110.702-15.767-12.748z",
+    overflow: "visible"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M304.161 490.675v90.575l-17.78-3.69-20.798-10.064-6.038-19.792 18.115-25.83 18.45-29.521zm260.654 11.07l1.677 68.77 13.419-4.696 16.102-14.76 1.342-19.793-18.786-21.805z",
+    style: {
+      marker: "none"
+    },
+    fill: "#333",
+    strokeWidth: 3.628,
+    overflow: "visible"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M303.078 570.89l-.8 12.811c-13.081-2.148-26.088-4-40.034-9.608-8.883-3.865-11.941-11.612-12.811-20.818 6.408-22.685 19.141-42.659 19.216-68.058l5.658-47.144c6.352-5.005 9.95-5.474 13.057-14.535l46.941 40.861 82.47-25.622 72.863 41.636 55.247-60.051 17.615 4.804 36.831 92.078c2.05 13.612 3.113 27.223 0 40.835-9.902 10.691-19.803 15.422-29.705 21.143l-2.728-17.94c6.274-.613 12.548-.048 18.822-5.605 5.688-7.348 6.799-15.876.8-24.02l-32.027-29.626c-10.986-7.125-22.463-10.322-35.23-3.202l-78.467 45.638c-10.267.459-20.14 3.68-31.227-1.6l-98.484-56.049-38.433 56.849c-.471 7.473-5.267 14.946 2.403 22.419 7.426 3.133 16.143 5.234 28.023 4.804z",
+    style: {
+      marker: "none"
+    },
+    fill: "#fff",
+    strokeWidth: 3.628,
+    overflow: "visible"
+  }), /*#__PURE__*/React.createElement("path", {
+    style: {
+      marker: "none"
+    },
+    strokeWidth: 3.628,
+    d: "M336.366 463.838l.335 34.888 6.374 4.026-.336-37.236zm77.827-24.153l-.336 103.322 7.716 6.71 8.386-3.02-1.677-103.657-6.374-4.361zm78.162 39.585l1.007 34.552 5.032-3.355-.671-36.23-5.703 3.355z",
+    overflow: "visible"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M288.795 426.527c8.772-31.4 2.56-53.644-11.386-71.162 5.315-33.381 7.165-66.896-19.926-101.524l296.035-10.912c-25.949 34.54-22.544 70.625-.474 107.692-16.778 25.683-14.033 49.414-5.693 72.585l-53.135 57.405-74.957-42.223-77.33 27.516z",
+    style: {
+      marker: "none"
+    },
+    fill: "#22343e",
+    strokeWidth: 3.628,
+    overflow: "visible"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M348.57 372.919c10.912-3.321 43.173-13.758 43.173-13.758l-.95 55.506-42.222 24.195z",
+    style: {
+      marker: "none"
+    },
+    fill: "#a5bccc",
+    strokeWidth: 3.628,
+    overflow: "visible"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M440.607 358.212l36.53 17.553-2.372 57.404-36.53-16.604z",
+    style: {
+      marker: "none"
+    },
+    fill: "#97b5d2",
+    strokeWidth: 3.628,
+    overflow: "visible"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M347.148 461.16l70.213-23.247s66.418 37.953 66.418 36.056c0-1.898-.949-40.8-.949-40.8l-66.418-31.311-67.841 32.734z",
+    style: {
+      marker: "none"
+    },
+    fill: "#b4d0e8",
+    strokeWidth: 3.628,
+    overflow: "visible"
+  }), /*#__PURE__*/React.createElement("path", {
+    style: {
+      marker: "none"
+    },
+    strokeWidth: 3.628,
+    d: "M391.743 358.686l-38.428-24.195-63.571-.474 50.287 40.8zm46.492-1.898l27.99-19.925 55.507-1.898-42.697 39.377z",
+    overflow: "visible",
+    fill: "#fff5af"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M314.888 219.683c17.762 28.837 33.37 61.983 39.85 113.385l60.25 34.158 51.712-27.99c-2.389-45.983 5.439-87.785 30.837-122.4-8.065-1.757-16.13-3.21-24.195 0-17.55 22.784-27.294 68.982-38.902 109.59-13.602 13.174-26.565 12.919-38.902-.474-20.741-41.625-38.794-91.698-67.841-107.218-5.22-3.482-8.757-.235-12.81.949z",
+    style: {
+      marker: "none"
+    },
+    fill: "#ebedfc",
+    strokeWidth: 3.628,
+    overflow: "visible"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M464.049 328.37c13.141-47.344 31.202-87.12 76.855-84.447-5.21-29.679-16.22-40.249-29.414-40.8-31.363 7.086-43.029 74.132-47.441 125.246z",
+    style: {
+      marker: "none"
+    },
+    fill: "#96b3c5",
+    strokeWidth: 3.628,
+    overflow: "visible"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M258.432 253.366c47.865-9.708 73.664 28.73 93.934 79.227-8.693-46.285-13.52-107.885-52.66-131.412-26.357-2.279-38.73 21.333-41.274 52.185z",
+    style: {
+      marker: "none"
+    },
+    fill: "#a4bfc8",
+    strokeWidth: 3.628,
+    overflow: "visible"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M402.654 178.883l5.693-19.925 8.54 20.874z",
+    style: {
+      marker: "none"
+    },
+    fill: "#96b5d2",
+    strokeWidth: 3.628,
+    overflow: "visible"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M324.85 217.785c29.18-47.613 121.373-62.904 156.083-5.219-33.589 31.403-32.151 72.024-44.121 109.116-6.958 19.65-37.162 20.115-45.07-1.898-19.263-37.5-32.38-82.094-66.892-101.999z",
+    style: {
+      marker: "none"
+    },
+    fill: "#be0000",
+    strokeWidth: 3.628,
+    overflow: "visible"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M401.23 234.39l7.592-22.298 8.539 22.298zm3.796 55.032l5.693-20.4 8.54 21.348z",
+    style: {
+      marker: "none"
+    },
+    fill: "#96b5d2",
+    strokeWidth: 3.628,
+    overflow: "visible"
+  }), /*#__PURE__*/React.createElement("path", {
+    style: {
+      marker: "none"
+    },
+    strokeWidth: 3.628,
+    d: "M341.398 468.2l2.012-18.787-55.686-27.507v2.012zm144.248-24.825l.671 29.52 7.38 8.052 53.003-59.712-4.025-8.051z",
+    overflow: "visible"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M474.087 325.573c-35.8 29.342-52.117 32.165-88.308 37.118-9.672 9.393-4.455 26.899-.485 34.692 37.74-4.805 73.997-8.073 88.793-71.81z",
+    style: {
+      marker: "none"
+    },
+    fill: "#fbcb11",
+    strokeWidth: 1.312,
+    overflow: "visible",
+    transform: "matrix(2.79941 0 0 2.86153 -528.105 -793.344)"
+  }), /*#__PURE__*/React.createElement("path", {
+    style: {
+      marker: "none"
+    },
+    fill: "#ffd42a",
+    strokeWidth: 1.151,
+    d: "M455.146 371.296c-16.996 17.572-33.013 23.149-69.078 26.976-9.64 7.256-4.44 20.779-.484 26.8 36.882-4.198 68.889-26.859 69.562-53.776z",
+    overflow: "visible",
+    transform: "matrix(2.79941 0 0 2.86153 -528.105 -793.344)"
+  }), /*#__PURE__*/React.createElement("g", {
+    strokeWidth: 1.312
+  }, /*#__PURE__*/React.createElement("path", {
+    style: {
+      marker: "none"
+    },
+    fill: "#fbcb11",
+    d: "M186.804 322.13c27.066 35.649 57.211 46.235 88.792 45.123 9.673 9.393 8.58 21.319 7.521 33.237-37.74-4.806-86.854-12.683-96.313-78.36z",
+    overflow: "visible",
+    transform: "matrix(2.82788 0 0 2.9076 -523.623 -811.046)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M204.05 367.194c19.338 20.057 37.804 29.09 78.838 33.458 10.967 8.282 4.324 23.475.307 27.92-42.205 1.032-75.71-35.264-79.144-61.378z",
+    style: {
+      marker: "none"
+    },
+    fill: "#ffd42a",
+    overflow: "visible",
+    transform: "matrix(2.82788 0 0 2.9076 -523.623 -811.046)"
+  })))));
+  if (!colormode) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormode === "string" ? colormode : undefined
+  }, _svgEl);
+}
+const ForwardRef = React.forwardRef(GoldorakNoopIcon);
 module.exports = ForwardRef;