@datalayer/icons-react 1.0.11 → 1.0.13

package/data2/esm/FolderOpenIcon.js

@@ -6,99 +6,41 @@ 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 FolderOpenIcon({
+import { forwardRef } from "react";
+const FolderOpenIcon = ({
   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: "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))))")),
+}, 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 ? "#9B9B9A" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 55%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 79%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 55%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 79%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 55%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-    d: "M15.464 59.626c.14-.169 2.356-7.826 2.9-9.627.457-1.513 3.962-15.27 6.16-25.07.008-.132 33.484-.614 33.484-.614v-4.01c0 .551-1-3.357-1-3.357l-27.493-.571c-.08-1.236-1.004-4.122-2.137-4.122l-12.587-.198c-1.103 0-2.832 1.34-2.832 2.444 0 0 .553 39.725 0 39.725s-1 2.327-1 1.774c0 0 .354 3.595 1.375 4.566.015.014.03.021.046.034-.133-.156 2.925-.781 3.084-.974z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? "#D0CFCE" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 71%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-    d: "M23.944 24.315c0 .078-.008.156-.025.232-.275 1.226-6.735 30.042-7.363 32.124a9.835 9.835 0 01-1.765 3.291l43.111.01c1.139 0 1.522 0 2.153-2.39.667-2.53 6.698-30.269 7.342-33.232l.006-.035H23.944z"
-  }), /*#__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: "M57.008 20.304v-3.356l-27.338-.002a.364.364 0 01-.36-.369l-.068-1.517c-.116-1.787-1.34-3.003-2.996-3.003H14.959a3 3 0 00-3 3V56"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M17.027 55.568c-.59 1.954-2.222 4.139-3.896 4.394l43.915.01c1.657 0 2.323-.438 3-3 .677-2.56 7-31.657 7-31.657a1 1 0 00-1-1H24.965a1 1 0 00-1 1s-6.348 28.299-6.938 30.253z"
-  })));
-  if (!colormode) return _svgEl;
-  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
-    mode: typeof colormode === "string" ? colormode : undefined
-  }, _svgEl);
-}
-const ForwardRef = React.forwardRef(FolderOpenIcon);
+  viewBox: "0 0 72 72",
+  ref: ref,
+  "aria-labelledby": titleId
+}, props), title ? /*#__PURE__*/React.createElement("title", {
+  id: titleId
+}, title) : null, /*#__PURE__*/React.createElement("path", {
+  fill: colored ? "#9B9B9A" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 55%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 79%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 55%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 79%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 55%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+  d: "M15.464 59.626c.14-.169 2.356-7.826 2.9-9.627.457-1.513 3.962-15.27 6.16-25.07.008-.132 33.484-.614 33.484-.614v-4.01c0 .551-1-3.357-1-3.357l-27.493-.571c-.08-1.236-1.004-4.122-2.137-4.122l-12.587-.198c-1.103 0-2.832 1.34-2.832 2.444 0 0 .553 39.725 0 39.725s-1 2.327-1 1.774c0 0 .354 3.595 1.375 4.566.015.014.03.021.046.034-.133-.156 2.925-.781 3.084-.974"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: colored ? "#D0CFCE" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 71%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+  d: "M23.944 24.315q0 .117-.025.232c-.275 1.226-6.735 30.042-7.363 32.124a9.8 9.8 0 0 1-1.765 3.291l43.111.01c1.139 0 1.522 0 2.153-2.39.667-2.53 6.698-30.269 7.342-33.232l.006-.035z"
+}), /*#__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: "M57.008 20.304v-3.356l-27.338-.002a.364.364 0 0 1-.36-.369l-.068-1.517c-.116-1.787-1.34-3.003-2.996-3.003H14.959a3 3 0 0 0-3 3V56"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M17.027 55.568c-.59 1.954-2.222 4.139-3.896 4.394l43.915.01c1.657 0 2.323-.438 3-3 .677-2.56 7-31.657 7-31.657a1 1 0 0 0-1-1H24.965a1 1 0 0 0-1 1s-6.348 28.299-6.938 30.253"
+})));
+const ForwardRef = forwardRef(FolderOpenIcon);
 export default ForwardRef;

package/data2/esm/FourLeafCloverIcon.js

@@ -6,96 +6,38 @@ 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 FourLeafCloverIcon({
+import { forwardRef } from "react";
+const FourLeafCloverIcon = ({
   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: "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))))")),
+}, 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 ? "#B1CC33" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 71%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-    d: "M48.868 32.557l-3.69-3.1 4.63 1.335c2.43.483 4.685.321 5.798-1.768a4.286 4.286 0 00-1.767-5.797l-1.891-1.008.336-.63.672-1.26a4.286 4.286 0 00-1.768-5.798c-2.089-1.113-4.013-.01-5.797 1.767l-3.1 3.69 1.335-4.63c.489-2.366.321-4.685-1.767-5.798s-4.685-.322-5.798 1.767l-1.008 1.891-.63-.336-1.26-.671c-2.09-1.113-4.686-.322-5.798 1.767s-.192 4.183 1.767 5.797l4.56 3.56.013.01-4.553-1.49c-.884-.29-1.798-.498-2.727-.533-1.653-.062-3.063.37-3.917 1.785-1.284 2.126-.344 4.934 1.847 6.102l1.697.904-.336.63-.583 1.095c-1.147 2.154-.375 4.96 1.816 6.034 2.038 1 3.967.026 5.66-1.837l3.1-3.69-1.335 4.63c-.504 2.02-.321 4.685 1.768 5.798a4.286 4.286 0 005.797-1.768l1.008-1.891.63.336 1.261.672a4.286 4.286 0 005.798-1.767c1.112-2.09.251-4.066-1.768-5.798z"
-  }), /*#__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",
-    strokeWidth: 2
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M30.366 41.03c-3.438 3.547-7.676 10.245-5.829 20.734"
-  }), /*#__PURE__*/React.createElement("path", {
-    strokeMiterlimit: 10,
-    d: "M45.102 29.335l4.599 1.44c2.418.538 4.676.427 5.836-1.636s.428-4.676-1.635-5.836l-1.868-1.05.35-.623.7-1.245c1.16-2.063.429-4.676-1.634-5.836s-4.013-.1-5.837 1.635l-3.182 3.619M35.57 32.006l-1.44 4.6c-.55 2.007-.428 4.675 1.635 5.835s4.676.428 5.836-1.635l1.05-1.867.623.35 1.245.7c2.064 1.16 4.677.428 5.837-1.635s.344-4.06-1.635-5.836l-3.62-3.183M33.77 22.963l-4.518-1.593c-.877-.309-1.786-.538-2.714-.594-1.651-.1-3.07.3-3.956 1.695-1.332 2.096-.457 4.925 1.708 6.142l1.676.943-.35.622-.608 1.081c-1.196 2.128-.488 4.95 1.678 6.074 2.015 1.046 3.965.116 5.7-1.708l3.183-3.62m6.862-12.202l1.44-4.6c.542-2.353.427-4.676-1.636-5.836S37.56 8.94 36.4 11.002l-1.05 1.868-.623-.35-1.245-.7a4.286 4.286 0 00-5.836 1.635c-1.16 2.063-.287 4.177 1.635 5.836l4.49 3.672"
-  })));
-  if (!colormode) return _svgEl;
-  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
-    mode: typeof colormode === "string" ? colormode : undefined
-  }, _svgEl);
-}
-const ForwardRef = React.forwardRef(FourLeafCloverIcon);
+  viewBox: "0 0 72 72",
+  ref: ref,
+  "aria-labelledby": titleId
+}, props), title ? /*#__PURE__*/React.createElement("title", {
+  id: titleId
+}, title) : null, /*#__PURE__*/React.createElement("path", {
+  fill: colored ? "#B1CC33" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 71%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+  d: "m48.868 32.557-3.69-3.1 4.63 1.335c2.43.483 4.685.321 5.798-1.768a4.286 4.286 0 0 0-1.767-5.797l-1.891-1.008.336-.63.672-1.26a4.286 4.286 0 0 0-1.768-5.798c-2.089-1.113-4.013-.01-5.797 1.767l-3.1 3.69 1.335-4.63c.489-2.366.321-4.685-1.767-5.798s-4.685-.322-5.798 1.767l-1.008 1.891-.63-.336-1.26-.671c-2.09-1.113-4.686-.322-5.798 1.767s-.192 4.183 1.767 5.797l4.56 3.56.013.01-4.553-1.49c-.884-.29-1.798-.498-2.727-.533-1.653-.062-3.063.37-3.917 1.785-1.284 2.126-.344 4.934 1.847 6.102l1.697.904-.336.63-.583 1.095c-1.147 2.154-.375 4.96 1.816 6.034 2.038 1 3.967.026 5.66-1.837l3.1-3.69-1.335 4.63c-.504 2.02-.321 4.685 1.768 5.798a4.286 4.286 0 0 0 5.797-1.768l1.008-1.891.63.336 1.261.672a4.286 4.286 0 0 0 5.798-1.767c1.112-2.09.251-4.066-1.768-5.798"
+}), /*#__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",
+  strokeWidth: 2
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M30.366 41.03c-3.438 3.547-7.676 10.245-5.829 20.734"
+}), /*#__PURE__*/React.createElement("path", {
+  strokeMiterlimit: 10,
+  d: "m45.102 29.335 4.599 1.44c2.418.538 4.676.427 5.836-1.636s.428-4.676-1.635-5.836l-1.868-1.05.35-.623.7-1.245c1.16-2.063.429-4.676-1.634-5.836s-4.013-.1-5.837 1.635l-3.182 3.619M35.57 32.006l-1.44 4.6c-.55 2.007-.428 4.675 1.635 5.835s4.676.428 5.836-1.635l1.05-1.867.623.35 1.245.7c2.064 1.16 4.677.428 5.837-1.635s.344-4.06-1.635-5.836l-3.62-3.183M33.77 22.963l-4.518-1.593c-.877-.309-1.786-.538-2.714-.594-1.651-.1-3.07.3-3.956 1.695-1.332 2.096-.457 4.925 1.708 6.142l1.676.943-.35.622-.608 1.081c-1.196 2.128-.488 4.95 1.678 6.074 2.015 1.046 3.965.116 5.7-1.708l3.183-3.62m6.862-12.202 1.44-4.6c.542-2.353.427-4.676-1.636-5.836S37.56 8.94 36.4 11.002l-1.05 1.868-.623-.35-1.245-.7a4.286 4.286 0 0 0-5.836 1.635c-1.16 2.063-.287 4.177 1.635 5.836l4.49 3.672"
+})));
+const ForwardRef = forwardRef(FourLeafCloverIcon);
 export default ForwardRef;

package/data2/esm/GearIcon.js

@@ -6,105 +6,47 @@ 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 GearIcon({
+import { forwardRef } from "react";
+const GearIcon = ({
   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: "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))))")),
+}, 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 ? "#D0CFCE" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 71%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-    d: "M51.258 29.811s-1.815-.45-1.079-2.074l4.504-7.484-3.65-3.417-.73-.683-7.136 4.69a1.652 1.652 0 01-2.28-1.12l-1.886-7.816h-6l-1.881 7.785c-.24.99-1.31 1.58-2.243 1.172l-.044-.02-7.136-4.69-.73.683-3.65 3.417 4.504 7.484c.736 1.624-1.079 2.074-1.079 2.074l-8.476 2.108.164 4.997.033 1 8.363 1.729a1.651 1.651 0 01.835 2.375l-.032.056-4.504 7.484 3.65 3.417.73.684 7.136-4.69.044-.02.034-.012c1.16-.376 2.393.347 2.679 1.533l1.795 7.433h6l1.887-7.815a1.652 1.652 0 012.279-1.12l7.136 4.69.73-.684 3.65-3.417-4.504-7.484-.033-.056a1.651 1.651 0 01.836-2.376l8.362-1.729.033-1 .165-4.996-8.476-2.108zM36 44.906c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.478 10 10-4.477 10-10 10z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? "#9B9B9A" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 55%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 79%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 55%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 79%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 55%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-    d: "M36 24.906c-5.523 0-10 4.478-10 10s4.477 10 10 10 10-4.477 10-10-4.477-10-10-10zm0 15a5 5 0 110-10 5 5 0 010 10z"
-  }), /*#__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("circle", {
-    cx: 36,
-    cy: 34.906,
-    r: 5
-  }), /*#__PURE__*/React.createElement("circle", {
-    cx: 36,
-    cy: 34.906,
-    r: 10
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M31.12 19.692c-.24.99-1.31 1.58-2.243 1.172a4.12 4.12 0 01-.045-.02l-7.136-4.69-.73.683-3.65 3.417 4.504 7.484c.736 1.624-1.079 2.074-1.079 2.074l-8.476 2.108.165 4.997.033 1 8.362 1.729h0a1.651 1.651 0 01.836 2.375l-.033.056-4.504 7.484 3.65 3.417.73.684 7.136-4.69.045-.02.033-.012c1.16-.376 2.393.347 2.68 1.533l1.794 7.433h6l1.887-7.815a1.652 1.652 0 012.28-1.12h0l7.135 4.69.73-.684 3.65-3.417-4.504-7.484-.032-.056a1.651 1.651 0 01.836-2.376h0l8.362-1.729.033-1 .165-4.997-8.477-2.107s-1.815-.45-1.078-2.074l4.503-7.484-3.65-3.417-.73-.684-7.136 4.69v0a1.652 1.652 0 01-2.279-1.12L39 11.906h-6l-1.88 7.786"
-  })));
-  if (!colormode) return _svgEl;
-  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
-    mode: typeof colormode === "string" ? colormode : undefined
-  }, _svgEl);
-}
-const ForwardRef = React.forwardRef(GearIcon);
+  viewBox: "0 0 72 72",
+  ref: ref,
+  "aria-labelledby": titleId
+}, props), title ? /*#__PURE__*/React.createElement("title", {
+  id: titleId
+}, title) : null, /*#__PURE__*/React.createElement("path", {
+  fill: colored ? "#D0CFCE" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 71%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+  d: "M51.258 29.811s-1.815-.45-1.079-2.074l4.504-7.484-3.65-3.417-.73-.683-7.136 4.69a1.652 1.652 0 0 1-2.28-1.12l-1.886-7.816h-6l-1.881 7.785c-.24.99-1.31 1.58-2.243 1.172l-.044-.02-7.136-4.69-.73.683-3.65 3.417 4.504 7.484c.736 1.624-1.079 2.074-1.079 2.074l-8.476 2.108.164 4.997.033 1 8.363 1.729a1.65 1.65 0 0 1 .835 2.375l-.032.056-4.504 7.484 3.65 3.417.73.684 7.136-4.69.044-.02.034-.012c1.16-.376 2.393.347 2.679 1.533l1.795 7.433h6l1.887-7.815a1.652 1.652 0 0 1 2.279-1.12l7.136 4.69.73-.684 3.65-3.417-4.504-7.484-.033-.056a1.65 1.65 0 0 1 .836-2.376l8.362-1.729.033-1 .165-4.996zM36 44.906c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.478 10 10-4.477 10-10 10"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: colored ? "#9B9B9A" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 55%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 79%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 55%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 79%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 55%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+  d: "M36 24.906c-5.523 0-10 4.478-10 10s4.477 10 10 10 10-4.477 10-10-4.477-10-10-10m0 15a5 5 0 1 1 0-10 5 5 0 0 1 0 10"
+}), /*#__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("circle", {
+  cx: 36,
+  cy: 34.906,
+  r: 5
+}), /*#__PURE__*/React.createElement("circle", {
+  cx: 36,
+  cy: 34.906,
+  r: 10
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M31.12 19.692c-.24.99-1.31 1.58-2.243 1.172l-.045-.02-7.136-4.69-.73.683-3.65 3.417 4.504 7.484c.736 1.624-1.079 2.074-1.079 2.074l-8.476 2.108.165 4.997.033 1 8.362 1.729h0a1.65 1.65 0 0 1 .836 2.375l-.033.056-4.504 7.484 3.65 3.417.73.684 7.136-4.69.045-.02.033-.012c1.16-.376 2.393.347 2.68 1.533l1.794 7.433h6l1.887-7.815a1.652 1.652 0 0 1 2.28-1.12h0l7.135 4.69.73-.684 3.65-3.417-4.504-7.484-.032-.056a1.65 1.65 0 0 1 .836-2.376h0l8.362-1.729.033-1 .165-4.997-8.477-2.107s-1.815-.45-1.078-2.074l4.503-7.484-3.65-3.417-.73-.684-7.136 4.69v0a1.652 1.652 0 0 1-2.279-1.12L39 11.906h-6z"
+})));
+const ForwardRef = forwardRef(GearIcon);
 export default ForwardRef;

package/data2/esm/GlobEuropeAfricaIcon.js

@@ -6,103 +6,45 @@ 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 GlobEuropeAfricaIcon({
+import { forwardRef } from "react";
+const GlobEuropeAfricaIcon = ({
   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: "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))))")),
+}, 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("circle", {
-    cx: 36,
-    cy: 36,
-    r: 28,
-    fill: colored ? "#92D3F5" : (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", {
-    fill: colored ? "#B1CC33" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 71%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-    d: "M49.44 11.43c-.539.906-1.645 2.143-2.44 2.57-1.245.67-1.904.267-3 1-1.269.848-1.21 1.938-2 2-.802.063-.688-1.993-1-3-.452-1.458-.23-1.527-1-2-1.083-.666-3.212-1.05-5 0-.71.417-.75.682-3 4-1.71 2.522-2.188 3.11-2 4 .199.942.043 1.747 1 2 1.187.313 1.366-.272 2-1 1.328-1.525 2.358-3.783 3-4 .571-.193 2.066 1.35 2 3-.046 1.165-.852 1.922-2 3-.742.697-2.875 1.5-6 2-1.719.275-1.408.852-2.063 1.594-.842.955-.461 2.169-1.28 3.312-1.026 1.43-3.473 1.792-3.657 2.72-.157.79 1.96 1.358 3 1.374.85.013 1.064-.772 3-2 .74-.47 1.75-1.281 2.688-1.25.504.017 1.828.285 2.343.719.594.5-.156 1.844-.406 3.156s-2.897 1.865-3.854 2.02c-1.574.258-4.144-.522-5.604.938-1 1-1.116 1.766-1.167 3.417-.013.417.937 3.032 2 4 1.144 1.042 2.294-.836 4 0 1.746.855 2.493 2.729 3 4 .508 1.273.176 1.168 1 5 .415 1.927.32 1.12 1 4 .563 2.383.589 2.768 1 3 1.173.663 3.9-.816 5-3 .69-1.368.211-1.962 1-5 .393-1.512.59-2.268 1-3 1.733-3.086 4.883-3.126 5-5 .08-1.282-1.357-1.851-1-3 .342-1.1 1.81-1.06 2-2 .258-1.275-2.25-2.316-2-3 .282-.775 4.07-1.01 6 1 .64.666.498.978 2 4 1.384 2.785 1.764 3.043 2 3 .429-.078.322-1.135 1-3 .324-.892 1.093-3.006 2-3 .625.004.739 1.01 2 2 .71.558 1.79.88 2.347 1.038.428-1.945.653-3.965.653-6.038 0-10.632-5.925-19.88-14.653-24.62"
-  }), /*#__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("circle", {
-    cx: 36,
-    cy: 36,
-    r: 28
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M49.44 11.43c-.539.906-1.645 2.143-2.44 2.57-1.245.67-1.904.267-3 1-1.269.848-1.21 1.938-2 2-.802.063-.688-1.993-1-3-.452-1.458-.23-1.527-1-2-1.083-.666-3.212-1.05-5 0-.71.417-.75.682-3 4-1.71 2.522-2.188 3.11-2 4 .199.942.043 1.747 1 2 1.187.313 1.366-.272 2-1 1.328-1.525 2.358-3.783 3-4 .571-.193 2.066 1.35 2 3-.046 1.165-.852 1.922-2 3-.742.697-2.875 1.5-6 2-1.719.275-1.408.852-2.063 1.594-.842.955-.461 2.169-1.28 3.312-1.026 1.43-3.473 1.792-3.657 2.72-.157.79 1.96 1.358 3 1.374.85.013 1.064-.772 3-2 .74-.47 1.75-1.281 2.688-1.25.504.017 1.828.285 2.343.719.594.5-.156 1.844-.406 3.156s-2.897 1.865-3.854 2.02c-1.574.258-4.144-.522-5.604.938-1 1-1.116 1.766-1.167 3.417-.013.417.937 3.032 2 4 1.144 1.042 2.294-.836 4 0 1.746.855 2.493 2.729 3 4 .508 1.273.176 1.168 1 5 .415 1.927.32 1.12 1 4 .563 2.383.589 2.768 1 3 1.173.663 3.9-.816 5-3 .69-1.368.211-1.962 1-5 .393-1.512.59-2.268 1-3 1.733-3.086 4.883-3.126 5-5 .08-1.282-1.357-1.851-1-3 .342-1.1 1.81-1.06 2-2 .258-1.275-2.25-2.316-2-3 .282-.775 4.07-1.01 6 1 .64.666.498.978 2 4 1.384 2.785 1.764 3.043 2 3 .429-.078.322-1.135 1-3 .324-.892 1.093-3.006 2-3 .625.004.739 1.01 2 2 .71.558 1.79.88 2.347 1.038.428-1.945.653-3.965.653-6.038 0-10.632-5.925-19.88-14.653-24.62z"
-  })));
-  if (!colormode) return _svgEl;
-  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
-    mode: typeof colormode === "string" ? colormode : undefined
-  }, _svgEl);
-}
-const ForwardRef = React.forwardRef(GlobEuropeAfricaIcon);
+  viewBox: "0 0 72 72",
+  ref: ref,
+  "aria-labelledby": titleId
+}, props), title ? /*#__PURE__*/React.createElement("title", {
+  id: titleId
+}, title) : null, /*#__PURE__*/React.createElement("circle", {
+  cx: 36,
+  cy: 36,
+  r: 28,
+  fill: colored ? "#92D3F5" : (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", {
+  fill: colored ? "#B1CC33" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 71%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+  d: "M49.44 11.43c-.539.906-1.645 2.143-2.44 2.57-1.245.67-1.904.267-3 1-1.269.848-1.21 1.938-2 2-.802.063-.688-1.993-1-3-.452-1.458-.23-1.527-1-2-1.083-.666-3.212-1.05-5 0-.71.417-.75.682-3 4-1.71 2.522-2.188 3.11-2 4 .199.942.043 1.747 1 2 1.187.313 1.366-.272 2-1 1.328-1.525 2.358-3.783 3-4 .571-.193 2.066 1.35 2 3-.046 1.165-.852 1.922-2 3-.742.697-2.875 1.5-6 2-1.719.275-1.408.852-2.063 1.594-.842.955-.461 2.169-1.28 3.312-1.026 1.43-3.473 1.792-3.657 2.72-.157.79 1.96 1.358 3 1.374.85.013 1.064-.772 3-2 .74-.47 1.75-1.281 2.688-1.25.504.017 1.828.285 2.343.719.594.5-.156 1.844-.406 3.156s-2.897 1.865-3.854 2.02c-1.574.258-4.144-.522-5.604.938-1 1-1.116 1.766-1.167 3.417-.013.417.937 3.032 2 4 1.144 1.042 2.294-.836 4 0 1.746.855 2.493 2.729 3 4 .508 1.273.176 1.168 1 5 .415 1.927.32 1.12 1 4 .563 2.383.589 2.768 1 3 1.173.663 3.9-.816 5-3 .69-1.368.211-1.962 1-5 .393-1.512.59-2.268 1-3 1.733-3.086 4.883-3.126 5-5 .08-1.282-1.357-1.851-1-3 .342-1.1 1.81-1.06 2-2 .258-1.275-2.25-2.316-2-3 .282-.775 4.07-1.01 6 1 .64.666.498.978 2 4 1.384 2.785 1.764 3.043 2 3 .429-.078.322-1.135 1-3 .324-.892 1.093-3.006 2-3 .625.004.739 1.01 2 2 .71.558 1.79.88 2.347 1.038.428-1.945.653-3.965.653-6.038 0-10.632-5.925-19.88-14.653-24.62"
+}), /*#__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("circle", {
+  cx: 36,
+  cy: 36,
+  r: 28
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M49.44 11.43c-.539.906-1.645 2.143-2.44 2.57-1.245.67-1.904.267-3 1-1.269.848-1.21 1.938-2 2-.802.063-.688-1.993-1-3-.452-1.458-.23-1.527-1-2-1.083-.666-3.212-1.05-5 0-.71.417-.75.682-3 4-1.71 2.522-2.188 3.11-2 4 .199.942.043 1.747 1 2 1.187.313 1.366-.272 2-1 1.328-1.525 2.358-3.783 3-4 .571-.193 2.066 1.35 2 3-.046 1.165-.852 1.922-2 3-.742.697-2.875 1.5-6 2-1.719.275-1.408.852-2.063 1.594-.842.955-.461 2.169-1.28 3.312-1.026 1.43-3.473 1.792-3.657 2.72-.157.79 1.96 1.358 3 1.374.85.013 1.064-.772 3-2 .74-.47 1.75-1.281 2.688-1.25.504.017 1.828.285 2.343.719.594.5-.156 1.844-.406 3.156s-2.897 1.865-3.854 2.02c-1.574.258-4.144-.522-5.604.938-1 1-1.116 1.766-1.167 3.417-.013.417.937 3.032 2 4 1.144 1.042 2.294-.836 4 0 1.746.855 2.493 2.729 3 4 .508 1.273.176 1.168 1 5 .415 1.927.32 1.12 1 4 .563 2.383.589 2.768 1 3 1.173.663 3.9-.816 5-3 .69-1.368.211-1.962 1-5 .393-1.512.59-2.268 1-3 1.733-3.086 4.883-3.126 5-5 .08-1.282-1.357-1.851-1-3 .342-1.1 1.81-1.06 2-2 .258-1.275-2.25-2.316-2-3 .282-.775 4.07-1.01 6 1 .64.666.498.978 2 4 1.384 2.785 1.764 3.043 2 3 .429-.078.322-1.135 1-3 .324-.892 1.093-3.006 2-3 .625.004.739 1.01 2 2 .71.558 1.79.88 2.347 1.038.428-1.945.653-3.965.653-6.038 0-10.632-5.925-19.88-14.653-24.62z"
+})));
+const ForwardRef = forwardRef(GlobEuropeAfricaIcon);
 export default ForwardRef;