@datalayer/icons-react 1.0.6 → 1.0.8

package/data2/esm/FirecrakerIcon.js

@@ -6,13 +6,47 @@ const sizeMap = {
   "large": 64
 };
 
+function _DlIconInverseColormode({
+  mode,
+  children
+}) {
+  const ref = React.useRef(null);
+  const [resolved, setResolved] = React.useState(typeof mode === "string" ? mode : null);
+  React.useLayoutEffect(() => {
+    if (typeof mode === "string") {
+      setResolved(mode);
+      return;
+    }
+    if (typeof document === "undefined") return;
+    let cur = null;
+    let el = ref.current && ref.current.parentElement;
+    while (el) {
+      const m = el.getAttribute && el.getAttribute("data-color-mode");
+      if (m) { cur = m; break; }
+      el = el.parentElement;
+    }
+    if (!cur || cur === "auto") {
+      cur = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
+    }
+    setResolved(cur === "dark" ? "light" : "dark");
+  }, [mode]);
+  return /*#__PURE__*/React.createElement("span", {
+    ref: ref,
+    "data-color-mode": resolved || "light",
+    "data-light-theme": "light",
+    "data-dark-theme": "dark",
+    style: { display: "inline-flex", lineHeight: 0 }
+  }, children);
+}
+
 function FirecrakerIcon({
   title,
   titleId,
   size,
+  colormoded,
   ...props
 }, svgRef) {
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 72 72",
     fill: "currentColor",
@@ -20,17 +54,20 @@ function FirecrakerIcon({
     ref: svgRef,
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React.createElement("title", {
+  }, props, {
+    style: props && props.color != null ? Object.assign({}, props.style, {
+      "--datalayer-icon-fg": props.color
+    }) : props && props.style
+  }), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, /*#__PURE__*/React.createElement("g", {
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    d: "M62 23l5.657-1.414M55 14.343L56.414 20M60 20l3-5",
     fill: "none",
     stroke: "#000",
     strokeLinecap: "round",
     strokeMiterlimit: 10,
     strokeWidth: 2
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M62 23l5.657-1.414M55 14.343L56.414 20M60 20l3-5"
-  })), /*#__PURE__*/React.createElement("rect", {
+  }), /*#__PURE__*/React.createElement("rect", {
     width: 40,
     height: 13,
     x: 3.516,
@@ -38,15 +75,14 @@ function FirecrakerIcon({
     fill: "#d22f27",
     rx: 1,
     transform: "rotate(-45 23.516 37.78)"
-  }), /*#__PURE__*/React.createElement("g", {
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M62 23l5.657-1.414M55 14.343L56.414 20M60 20l3-5",
     fill: "none",
     stroke: "#fcea2b",
     strokeLinecap: "round",
     strokeMiterlimit: 10,
     strokeWidth: 2
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M62 23l5.657-1.414M55 14.343L56.414 20M60 20l3-5"
-  })), /*#__PURE__*/React.createElement("g", {
+  }), /*#__PURE__*/React.createElement("g", {
     fill: "none",
     stroke: "#000",
     strokeLinejoin: "round",
@@ -62,6 +98,10 @@ function FirecrakerIcon({
     strokeLinecap: "round",
     d: "M58 23.28s-2.757 6.829-7 4 .472-8.764-4-11c-4-2-9.342 7.357-9.342 7.357"
   })));
+  if (!colormoded) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormoded === "string" ? colormoded : undefined
+  }, _svgEl);
 }
 const ForwardRef = React.forwardRef(FirecrakerIcon);
 export default ForwardRef;

package/data2/esm/FireworksIcon.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare const FireworksIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string, size?: "small" | "medium" | "large" | number, colored?: boolean } & React.RefAttributes<SVGSVGElement>>;
+declare const FireworksIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string, size?: "small" | "medium" | "large" | number, colored?: boolean, themed?: boolean, colormoded?: boolean | "light" | "dark" } & React.RefAttributes<SVGSVGElement>>;
 export default FireworksIcon;

package/data2/esm/FireworksIcon.js

@@ -6,13 +6,47 @@ const sizeMap = {
   "large": 64
 };
 
+function _DlIconInverseColormode({
+  mode,
+  children
+}) {
+  const ref = React.useRef(null);
+  const [resolved, setResolved] = React.useState(typeof mode === "string" ? mode : null);
+  React.useLayoutEffect(() => {
+    if (typeof mode === "string") {
+      setResolved(mode);
+      return;
+    }
+    if (typeof document === "undefined") return;
+    let cur = null;
+    let el = ref.current && ref.current.parentElement;
+    while (el) {
+      const m = el.getAttribute && el.getAttribute("data-color-mode");
+      if (m) { cur = m; break; }
+      el = el.parentElement;
+    }
+    if (!cur || cur === "auto") {
+      cur = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
+    }
+    setResolved(cur === "dark" ? "light" : "dark");
+  }, [mode]);
+  return /*#__PURE__*/React.createElement("span", {
+    ref: ref,
+    "data-color-mode": resolved || "light",
+    "data-light-theme": "light",
+    "data-dark-theme": "dark",
+    style: { display: "inline-flex", lineHeight: 0 }
+  }, children);
+}
+
 function FireworksIcon({
   title,
   titleId,
   size,
+  colormoded,
   ...props
 }, svgRef) {
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 72 72",
     fill: "currentColor",
@@ -20,7 +54,11 @@ function FireworksIcon({
     ref: svgRef,
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React.createElement("title", {
+  }, props, {
+    style: props && props.color != null ? Object.assign({}, props.style, {
+      "--datalayer-icon-fg": props.color
+    }) : props && props.style
+  }), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("g", {
     stroke: "#000",
@@ -34,17 +72,17 @@ function FireworksIcon({
     fill: "none",
     strokeLinecap: "round",
     strokeMiterlimit: 10,
-    d: "M15.995 32.911h0M55.989 32.902h0M35.978 12.915h0"
+    d: "M15.995 32.911h0m39.994-.009h0M35.978 12.915h0"
   }), /*#__PURE__*/React.createElement("path", {
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    d: "M21.849 18.771l9.9 9.9M40.234 28.67l9.899-9.899M50.133 47.055l-9.899-9.899M31.749 37.156l-9.9 9.899"
+    d: "M21.849 18.771l9.9 9.9m8.485-.001l9.899-9.899m0 28.284l-9.899-9.899m-8.485 0l-9.9 9.899"
   }), /*#__PURE__*/React.createElement("path", {
     fill: "none",
     strokeLinecap: "round",
     strokeMiterlimit: 10,
-    d: "M29.991 32.913h-9M35.991 17.913v9M50.991 32.913h-9M13.087 23.427l6.556 2.716M13.088 42.41l6.556-2.717M26.513 55.83l2.714-6.557M45.495 55.825l-2.718-6.556M58.913 42.396l-6.558-2.712M58.903 23.415l-6.554 2.719M45.472 10l-2.711 6.558M26.492 10.024l2.724 6.553"
+    d: "M29.991 32.913h-9m15-15v9m15 6h-9m-28.904-9.486l6.556 2.716M13.088 42.41l6.556-2.717m6.869 16.137l2.714-6.557m16.268 6.552l-2.718-6.556m16.136-6.873l-6.558-2.712m6.548-16.269l-6.554 2.719M45.472 10l-2.711 6.558m-16.269-6.534l2.724 6.553"
   }), /*#__PURE__*/React.createElement("path", {
     strokeLinejoin: "round",
     d: "M36 34.315l1.7 1.215-.631-1.992 1.681-1.24-2.089-.016L36 30.3l-.661 1.982-2.089.016 1.681 1.24-.631 1.992 1.7-1.215z"
@@ -171,6 +209,10 @@ function FireworksIcon({
     strokeWidth: 2,
     d: "M35 58.915v-20h2"
   }));
+  if (!colormoded) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormoded === "string" ? colormoded : undefined
+  }, _svgEl);
 }
 const ForwardRef = React.forwardRef(FireworksIcon);
 export default ForwardRef;

package/data2/esm/FlyingSaucerIcon.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare const FlyingSaucerIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string, size?: "small" | "medium" | "large" | number, colored?: boolean } & React.RefAttributes<SVGSVGElement>>;
+declare const FlyingSaucerIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string, size?: "small" | "medium" | "large" | number, colored?: boolean, themed?: boolean, colormoded?: boolean | "light" | "dark" } & React.RefAttributes<SVGSVGElement>>;
 export default FlyingSaucerIcon;

package/data2/esm/FlyingSaucerIcon.js

@@ -6,13 +6,47 @@ const sizeMap = {
   "large": 64
 };
 
+function _DlIconInverseColormode({
+  mode,
+  children
+}) {
+  const ref = React.useRef(null);
+  const [resolved, setResolved] = React.useState(typeof mode === "string" ? mode : null);
+  React.useLayoutEffect(() => {
+    if (typeof mode === "string") {
+      setResolved(mode);
+      return;
+    }
+    if (typeof document === "undefined") return;
+    let cur = null;
+    let el = ref.current && ref.current.parentElement;
+    while (el) {
+      const m = el.getAttribute && el.getAttribute("data-color-mode");
+      if (m) { cur = m; break; }
+      el = el.parentElement;
+    }
+    if (!cur || cur === "auto") {
+      cur = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
+    }
+    setResolved(cur === "dark" ? "light" : "dark");
+  }, [mode]);
+  return /*#__PURE__*/React.createElement("span", {
+    ref: ref,
+    "data-color-mode": resolved || "light",
+    "data-light-theme": "light",
+    "data-dark-theme": "dark",
+    style: { display: "inline-flex", lineHeight: 0 }
+  }, children);
+}
+
 function FlyingSaucerIcon({
   title,
   titleId,
   size,
+  colormoded,
   ...props
 }, svgRef) {
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 72 72",
     fill: "currentColor",
@@ -20,7 +54,11 @@ function FlyingSaucerIcon({
     ref: svgRef,
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React.createElement("title", {
+  }, props, {
+    style: props && props.color != null ? Object.assign({}, props.style, {
+      "--datalayer-icon-fg": props.color
+    }) : props && props.style
+  }), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("path", {
     fill: "#d0cfce",
@@ -33,74 +71,72 @@ function FlyingSaucerIcon({
     d: "M68.94 45.363l-.238.04c-.093 0-.186.013-.293.026l.32-.04c.079 0 .145-.013.212-.026z"
   }), /*#__PURE__*/React.createElement("path", {
     fill: "#d0cfce",
-    d: "M70.07 46.452c-.399.398-6.176.73-14.198.97-2.152.053-4.463.106-6.866.159a541.98 541.98 0 01-4.835.066c-.558 0-1.102.013-1.66.013-.16.014-.305.014-.465.014-.863.013-1.726.013-2.603.026-1.341.014-2.683.027-4.037.027a698.05 698.05 0 01-11.847-.027c-1.528-.013-3.015-.04-4.436-.053-.213-.013-.412-.013-.624-.013l-1.993-.04c-7.942-.2-13.706-.558-14.29-1.142-.943-.956-1.023-1.9-.81-2.63.225-.863.81-1.447.81-1.447l13.573-9.497h40.707l13.573 9.497s.386.783.532 1.7c.146.796.106 1.74-.532 2.377z"
+    d: "M70.07 46.452c-.399.398-6.176.73-14.198.97a2703.6 2703.6 0 01-6.866.159 541.98 541.98 0 01-4.835.066c-.558 0-1.102.013-1.66.013-.16.014-.305.014-.465.014-.863.013-1.726.013-2.603.026-1.341.014-2.683.027-4.037.027a698.05 698.05 0 01-11.847-.027c-1.528-.013-3.015-.04-4.436-.053-.213-.013-.412-.013-.624-.013l-1.993-.04c-7.942-.2-13.706-.558-14.29-1.142-.943-.956-1.023-1.9-.81-2.63.225-.863.81-1.447.81-1.447l13.573-9.497h40.707l13.573 9.497s.386.783.532 1.7c.146.796.106 1.74-.532 2.377z"
   }), /*#__PURE__*/React.createElement("path", {
     fill: "#9b9b9a",
     d: "M69.533 42l-13.09-9.122-14.397.2.314.712 10.563 13.344 16.657-.802 1.09-1.357z"
   }), /*#__PURE__*/React.createElement("path", {
     fill: "#d0cfce",
-    d: "M42.59 46.32c-.278 0-.557.012-.836.012h-.611c.279-.013.558-.013.837-.013zM49.563 46.213c-.146 0-.292 0-.425.013-.265 0-.53 0-.797.013h-.225c.132-.013.265-.013.398-.013.266 0 .531-.013.797-.013zM56.39 46.04v.013c-.306 0-.611.014-.93.027l.93-.04z"
+    d: "M42.59 46.32c-.278 0-.557.012-.836.012h-.611c.279-.013.558-.013.837-.013zm6.973-.107c-.146 0-.292 0-.425.013-.265 0-.53 0-.797.013h-.225c.132-.013.265-.013.398-.013.266 0 .531-.013.797-.013zm6.827-.173v.013c-.306 0-.611.014-.93.027l.93-.04z"
   }), /*#__PURE__*/React.createElement("path", {
     fill: "#9b9b9a",
     d: "M55.872 47.421c-2.165 4.038-9.868 7.04-19.098 7.159.132-.106.252-.24.371-.359a43.365 43.365 0 004.49-5.259c.305-.438.597-.863.876-1.302a501.63 501.63 0 006.495-.08c2.403-.052 4.714-.105 6.866-.159z"
   }), /*#__PURE__*/React.createElement("path", {
     fill: "#d0cfce",
-    d: "M42.511 47.66c-.279.439-.571.864-.877 1.302a43.365 43.365 0 01-4.489 5.26c-.12.119-.239.252-.371.358-.2.013-.412.013-.625.013-1.155 0-2.297-.04-3.4-.133a38.083 38.083 0 01-3.386-.411c-6.15-1.01-10.944-3.36-12.764-6.309a.893.893 0 01-.093-.146c2.604.053 5.446.093 8.42.12.173 0 .333-.014.505 0 5.34.04 11.09.026 16.615-.04.16 0 .306 0 .465-.014zM42.59 46.32c-.278 0-.557.012-.836.012h-.611c.279-.013.558-.013.837-.013zM49.563 46.213c-.146 0-.292 0-.425.013-.265 0-.53 0-.797.013h-.225c.132-.013.265-.013.398-.013.266 0 .531-.013.797-.013z"
+    d: "M42.511 47.66c-.279.439-.571.864-.877 1.302a43.365 43.365 0 01-4.489 5.26c-.12.119-.239.252-.371.358-.2.013-.412.013-.625.013-1.155 0-2.297-.04-3.4-.133a38.083 38.083 0 01-3.386-.411c-6.15-1.01-10.944-3.36-12.764-6.309a.893.893 0 01-.093-.146c2.604.053 5.446.093 8.42.12.173 0 .333-.014.505 0 5.34.04 11.09.026 16.615-.04.16 0 .306 0 .465-.014zm.079-1.34c-.278 0-.557.012-.836.012h-.611c.279-.013.558-.013.837-.013zm6.973-.107c-.146 0-.292 0-.425.013-.265 0-.53 0-.797.013h-.225c.132-.013.265-.013.398-.013.266 0 .531-.013.797-.013z"
   }), /*#__PURE__*/React.createElement("path", {
     fill: "#9b9b9a",
-    d: "M42.59 46.32c-.278 0-.557.012-.836.012.08 0 .16 0 .226-.013zM49.138 46.226c-.265 0-.53 0-.797.013.054 0 .12 0 .173-.013zM49.563 46.213c-.146 0-.292 0-.425.013.067 0 .12-.013.173-.013zM57.16 46.027c-.146 0-.292 0-.438.013.04 0 .066 0 .106-.013zM59.179 45.96c-.146 0-.292 0-.438.014.053 0 .093 0 .132-.014zM61.742 45.854c-.172.013-.345.013-.518.027.04 0 .08 0 .106-.014.147 0 .28 0 .412-.013zM68.94 45.363l-.238.04c-.093 0-.186.013-.293.026l.32-.04c.079 0 .145-.013.212-.026z"
+    d: "M42.59 46.32c-.278 0-.557.012-.836.012.08 0 .16 0 .226-.013zm6.548-.094c-.265 0-.53 0-.797.013.054 0 .12 0 .173-.013zm.425-.013c-.146 0-.292 0-.425.013.067 0 .12-.013.173-.013zm7.597-.186c-.146 0-.292 0-.438.013.04 0 .066 0 .106-.013zm2.019-.067c-.146 0-.292 0-.438.014.053 0 .093 0 .132-.014zm2.563-.106c-.172.013-.345.013-.518.027.04 0 .08 0 .106-.014.147 0 .28 0 .412-.013zm7.198-.491l-.238.04c-.093 0-.186.013-.293.026l.32-.04c.079 0 .145-.013.212-.026z"
   }), /*#__PURE__*/React.createElement("path", {
     fill: "#d0cfce",
-    d: "M8.963 45.96h-.107c-.146-.013-.292-.026-.425-.026.12 0 .24.013.36.013.065 0 .119.013.172.013zM9.76 46c-.28-.013-.545-.026-.797-.04.239.014.465.027.704.027.026.013.066.013.093.013zM15.935 46.226c-.093-.013-.172-.013-.252-.013h.24zM42.59 46.32c-.278 0-.557.012-.836.012h-.611c.279-.013.558-.013.837-.013zM49.563 46.213c-.146 0-.292 0-.425.013-.265 0-.53 0-.797.013h-.225c.132-.013.265-.013.398-.013.266 0 .531-.013.797-.013zM56.456 46.04c-.026.013-.053.013-.066.013-.306 0-.611.014-.93.027l.93-.04zM68.728 45.39c-.013 0-.013 0-.026.013-.093 0-.186.013-.293.026l.32-.04z"
+    d: "M8.963 45.96h-.107c-.146-.013-.292-.026-.425-.026.12 0 .24.013.36.013.065 0 .119.013.172.013zm.797.04c-.28-.013-.545-.026-.797-.04.239.014.465.027.704.027A.228.228 0 009.76 46zm6.175.226c-.093-.013-.172-.013-.252-.013h.24zm26.655.094c-.278 0-.557.012-.836.012h-.611c.279-.013.558-.013.837-.013zm6.973-.107c-.146 0-.292 0-.425.013-.265 0-.53 0-.797.013h-.225c.132-.013.265-.013.398-.013.266 0 .531-.013.797-.013zm6.893-.173c-.026.013-.053.013-.066.013-.306 0-.611.014-.93.027l.93-.04zm12.272-.65c-.013 0-.013 0-.026.013-.093 0-.186.013-.293.026l.32-.04z"
   }), /*#__PURE__*/React.createElement("path", {
     fill: "#9b9b9a",
-    d: "M57.293 46.014c-.04 0-.093 0-.133.013-.146 0-.292 0-.438.013.04 0 .066 0 .106-.013.16 0 .319 0 .465-.013zM59.285 45.947c-.026 0-.066 0-.106.013-.146 0-.292 0-.438.014.053 0 .093 0 .132-.014.147 0 .28 0 .412-.013zM61.742 45.854c-.172.013-.345.013-.518.027.04 0 .08 0 .106-.014.147 0 .28 0 .412-.013zM68.94 45.363l-.238.04c-.093 0-.186.013-.293.026l.32-.04c.079 0 .145-.013.212-.026z"
+    d: "M57.293 46.014c-.04 0-.093 0-.133.013-.146 0-.292 0-.438.013.04 0 .066 0 .106-.013.16 0 .319 0 .465-.013zm1.992-.067c-.026 0-.066 0-.106.013-.146 0-.292 0-.438.014.053 0 .093 0 .132-.014.147 0 .28 0 .412-.013zm2.457-.093c-.172.013-.345.013-.518.027.04 0 .08 0 .106-.014.147 0 .28 0 .412-.013zm7.198-.491l-.238.04c-.093 0-.186.013-.293.026l.32-.04c.079 0 .145-.013.212-.026z"
   }), /*#__PURE__*/React.createElement("path", {
     fill: "#d0cfce",
-    d: "M2.827 45.35c-.027 0-.053-.014-.08-.014l-.12-.04c.054.014.107.027.173.04.014 0 .014.014.027.014zM8.963 45.96h-.107c-.026-.013-.04-.013-.066-.013.066 0 .12.013.173.013z"
+    d: "M2.827 45.35c-.027 0-.053-.014-.08-.014l-.12-.04c.054.014.107.027.173.04.014 0 .014.014.027.014zm6.136.61h-.107c-.026-.013-.04-.013-.066-.013.066 0 .12.013.173.013z"
   }), /*#__PURE__*/React.createElement("path", {
     fill: "#d0cfce",
-    d: "M2.827 45.35c-.027 0-.053-.014-.08-.014l-.12-.04c.054.014.107.027.173.04.014 0 .014.014.027.014zM8.963 45.96h-.107c-.026-.013-.04-.013-.066-.013.066 0 .12.013.173.013z"
+    d: "M2.827 45.35c-.027 0-.053-.014-.08-.014l-.12-.04c.054.014.107.027.173.04.014 0 .014.014.027.014zm6.136.61h-.107c-.026-.013-.04-.013-.066-.013.066 0 .12.013.173.013z"
   }), /*#__PURE__*/React.createElement("path", {
     fill: "#61b2e4",
-    d: "M56.443 32.746v.132H42.67c1.368-6.507-.464-13.56-5.525-18.606-.12-.133-.252-.253-.385-.372 10.453.305 18.926 8.5 19.683 18.846z"
+    d: "M56.443 32.746v.132H42.67c1.368-6.507-.464-13.56-5.525-18.606a5.005 5.005 0 00-.385-.372c10.453.305 18.926 8.5 19.683 18.846z"
   }), /*#__PURE__*/React.createElement("path", {
     fill: "#92d3f5",
-    d: "M42.67 32.878H15.842v-.119a20.235 20.235 0 013.268-9.669c3.054-4.648 7.942-7.968 13.64-8.925a20.488 20.488 0 013.4-.279c.199 0 .411 0 .61.014.133.12.266.239.385.372 5.06 5.046 6.893 12.099 5.525 18.606zM57.293 40.303c0 .412-.093.81-.266 1.169-.026.066-.053.12-.093.186a2.73 2.73 0 01-2.35 1.368c-.24 0-.465-.027-.678-.107a2.622 2.622 0 01-1.66-1.261 2.516 2.516 0 01-.385-1.355c0-.73.292-1.408.797-1.886a2.43 2.43 0 011.248-.73c.213-.067.439-.093.678-.093a2.72 2.72 0 012.709 2.709zM38.905 40.303c0 .412-.093.81-.265 1.169-.027.066-.054.12-.093.186a2.73 2.73 0 01-2.351 1.368c-.24 0-.465-.027-.678-.107a2.622 2.622 0 01-1.66-1.261 2.516 2.516 0 01-.385-1.355c0-.73.292-1.408.797-1.886a2.43 2.43 0 011.248-.73c.213-.067.439-.093.678-.093a2.72 2.72 0 012.71 2.709zM20.644 40.303c0 .412-.093.81-.266 1.169-.027.066-.053.12-.093.186a2.73 2.73 0 01-2.35 1.368c-.24 0-.466-.027-.678-.107a2.622 2.622 0 01-1.66-1.261 2.516 2.516 0 01-.385-1.355c0-.73.292-1.408.796-1.886a2.43 2.43 0 011.249-.73c.212-.067.438-.093.677-.093a2.72 2.72 0 012.71 2.709z"
+    d: "M42.67 32.878H15.842v-.119a20.235 20.235 0 013.268-9.669c3.054-4.648 7.942-7.968 13.64-8.925a20.488 20.488 0 013.4-.279c.199 0 .411 0 .61.014.133.12.266.239.385.372 5.06 5.046 6.893 12.099 5.525 18.606zm14.623 7.425c0 .412-.093.81-.266 1.169-.026.066-.053.12-.093.186a2.73 2.73 0 01-2.35 1.368c-.24 0-.465-.027-.678-.107a2.622 2.622 0 01-1.66-1.261 2.516 2.516 0 01-.385-1.355c0-.73.292-1.408.797-1.886a2.43 2.43 0 011.248-.73c.213-.067.439-.093.678-.093a2.72 2.72 0 012.709 2.709zm-18.388 0c0 .412-.093.81-.265 1.169-.027.066-.054.12-.093.186a2.73 2.73 0 01-2.351 1.368c-.24 0-.465-.027-.678-.107a2.622 2.622 0 01-1.66-1.261 2.516 2.516 0 01-.385-1.355c0-.73.292-1.408.797-1.886a2.43 2.43 0 011.248-.73c.213-.067.439-.093.678-.093a2.72 2.72 0 012.71 2.709zm-18.261 0c0 .412-.093.81-.266 1.169-.027.066-.053.12-.093.186a2.73 2.73 0 01-2.35 1.368c-.24 0-.466-.027-.678-.107a2.622 2.622 0 01-1.66-1.261 2.516 2.516 0 01-.385-1.355c0-.73.292-1.408.796-1.886a2.43 2.43 0 011.249-.73c.212-.067.438-.093.677-.093a2.72 2.72 0 012.71 2.709z"
   }), /*#__PURE__*/React.createElement("g", {
     fill: "none",
     stroke: "#000",
     strokeMiterlimit: 10,
-    strokeWidth: 2
+    strokeWidth: 2.656
   }, /*#__PURE__*/React.createElement("path", {
-    strokeWidth: 2.65624,
-    d: "M57.293 40.303c0 .412-.093.81-.266 1.169-.026.066-.053.12-.093.186a2.73 2.73 0 01-2.35 1.368c-.24 0-.465-.027-.678-.107a2.622 2.622 0 01-1.66-1.261 2.516 2.516 0 01-.385-1.355c0-.73.292-1.408.797-1.886a2.43 2.43 0 011.248-.73c.213-.067.439-.093.678-.093a2.72 2.72 0 012.709 2.709zM38.905 40.303c0 .412-.093.81-.265 1.169-.027.066-.054.12-.093.186a2.73 2.73 0 01-2.351 1.368c-.24 0-.465-.027-.678-.107a2.622 2.622 0 01-1.66-1.261 2.516 2.516 0 01-.385-1.355c0-.73.292-1.408.797-1.886a2.43 2.43 0 011.248-.73c.213-.067.439-.093.678-.093a2.72 2.72 0 012.71 2.709zM20.644 40.303c0 .412-.093.81-.266 1.169-.027.066-.053.12-.093.186a2.73 2.73 0 01-2.35 1.368c-.24 0-.466-.027-.678-.107a2.622 2.622 0 01-1.66-1.261 2.516 2.516 0 01-.385-1.355c0-.73.292-1.408.796-1.886a2.43 2.43 0 011.249-.73c.212-.067.438-.093.677-.093a2.72 2.72 0 012.71 2.709z"
+    d: "M57.293 40.303c0 .412-.093.81-.266 1.169-.026.066-.053.12-.093.186a2.73 2.73 0 01-2.35 1.368c-.24 0-.465-.027-.678-.107a2.622 2.622 0 01-1.66-1.261 2.516 2.516 0 01-.385-1.355c0-.73.292-1.408.797-1.886a2.43 2.43 0 011.248-.73c.213-.067.439-.093.678-.093a2.72 2.72 0 012.709 2.709zm-18.388 0c0 .412-.093.81-.265 1.169-.027.066-.054.12-.093.186a2.73 2.73 0 01-2.351 1.368c-.24 0-.465-.027-.678-.107a2.622 2.622 0 01-1.66-1.261 2.516 2.516 0 01-.385-1.355c0-.73.292-1.408.797-1.886a2.43 2.43 0 011.248-.73c.213-.067.439-.093.678-.093a2.72 2.72 0 012.71 2.709zm-18.261 0c0 .412-.093.81-.266 1.169-.027.066-.053.12-.093.186a2.73 2.73 0 01-2.35 1.368c-.24 0-.466-.027-.678-.107a2.622 2.622 0 01-1.66-1.261 2.516 2.516 0 01-.385-1.355c0-.73.292-1.408.796-1.886a2.43 2.43 0 011.249-.73c.212-.067.438-.093.677-.093a2.72 2.72 0 012.71 2.709z"
   }), /*#__PURE__*/React.createElement("path", {
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    strokeWidth: 2.65624,
-    d: "M70.07 46.452c-.399.398-6.176.73-14.198.97-2.152.053-4.463.106-6.866.159a541.98 541.98 0 01-4.835.066c-.558 0-1.102.013-1.66.013-.16.014-.305.014-.465.014-.863.013-1.726.013-2.603.026-1.341.014-2.683.027-4.037.027a698.05 698.05 0 01-11.847-.027c-1.528-.013-3.015-.04-4.436-.053-.213-.013-.412-.013-.624-.013l-1.993-.04c-7.942-.2-13.706-.558-14.29-1.142-.943-.956-1.023-1.9-.81-2.63.225-.863.81-1.447.81-1.447l13.573-9.497h40.707l13.573 9.497s.386.783.532 1.7c.146.796.106 1.74-.532 2.377z"
+    d: "M70.07 46.452c-.399.398-6.176.73-14.198.97a2703.6 2703.6 0 01-6.866.159 541.98 541.98 0 01-4.835.066c-.558 0-1.102.013-1.66.013-.16.014-.305.014-.465.014-.863.013-1.726.013-2.603.026-1.341.014-2.683.027-4.037.027a698.05 698.05 0 01-11.847-.027c-1.528-.013-3.015-.04-4.436-.053-.213-.013-.412-.013-.624-.013l-1.993-.04c-7.942-.2-13.706-.558-14.29-1.142-.943-.956-1.023-1.9-.81-2.63.225-.863.81-1.447.81-1.447l13.573-9.497h40.707l13.573 9.497s.386.783.532 1.7c.146.796.106 1.74-.532 2.377z"
   }), /*#__PURE__*/React.createElement("path", {
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    strokeWidth: 2.65624,
     d: "M44.171 47.647c-.558.013-1.115.013-1.673.027.013 0 .013-.014.013-.014.558 0 1.102-.013 1.66-.013z"
   }), /*#__PURE__*/React.createElement("path", {
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    strokeWidth: 2.65624,
     d: "M55.872 47.421c-2.165 4.038-9.868 7.04-19.098 7.159-.2.013-.412.013-.625.013-1.155 0-2.297-.04-3.4-.133a38.083 38.083 0 01-3.386-.411c-6.15-1.01-10.944-3.36-12.764-6.309a.893.893 0 01-.093-.146l1.993.04c.212 0 .411 0 .624.013 1.42.013 2.908.04 4.436.053 3.772.04 7.81.053 11.847.027 1.354 0 2.696-.013 4.037-.027.877-.013 1.74-.013 2.603-.026h.452c.558-.014 1.115-.014 1.673-.027a541.98 541.98 0 004.835-.066c2.403-.053 4.714-.106 6.866-.16z"
   }), /*#__PURE__*/React.createElement("path", {
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    strokeWidth: 2.65624,
     d: "M42.511 47.66s0 .014-.013.014h-.452c.16 0 .306 0 .465-.014z"
   }), /*#__PURE__*/React.createElement("path", {
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    strokeWidth: 2.65624,
-    d: "M44.171 47.647c-.558.013-1.115.013-1.673.027h-.452c.16 0 .306 0 .465-.014.558 0 1.102-.013 1.66-.013zM56.443 32.746v.132h-40.6v-.119a20.235 20.235 0 013.267-9.669c3.054-4.648 7.942-7.968 13.64-8.925a20.488 20.488 0 013.4-.279c.199 0 .411 0 .61.014 10.453.305 18.926 8.5 19.683 18.846z"
+    d: "M44.171 47.647c-.558.013-1.115.013-1.673.027h-.452c.16 0 .306 0 .465-.014.558 0 1.102-.013 1.66-.013zm12.272-14.901v.132h-40.6v-.119a20.235 20.235 0 013.267-9.669c3.054-4.648 7.942-7.968 13.64-8.925a20.488 20.488 0 013.4-.279c.199 0 .411 0 .61.014 10.453.305 18.926 8.5 19.683 18.846z"
   })));
+  if (!colormoded) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormoded === "string" ? colormoded : undefined
+  }, _svgEl);
 }
 const ForwardRef = React.forwardRef(FlyingSaucerIcon);
 export default ForwardRef;

package/data2/esm/FolderIcon.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare const FolderIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string, size?: "small" | "medium" | "large" | number, colored?: boolean } & React.RefAttributes<SVGSVGElement>>;
+declare const FolderIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string, size?: "small" | "medium" | "large" | number, colored?: boolean, themed?: boolean, colormoded?: boolean | "light" | "dark" } & React.RefAttributes<SVGSVGElement>>;
 export default FolderIcon;

package/data2/esm/FolderIcon.js

@@ -6,13 +6,47 @@ const sizeMap = {
   "large": 64
 };
 
+function _DlIconInverseColormode({
+  mode,
+  children
+}) {
+  const ref = React.useRef(null);
+  const [resolved, setResolved] = React.useState(typeof mode === "string" ? mode : null);
+  React.useLayoutEffect(() => {
+    if (typeof mode === "string") {
+      setResolved(mode);
+      return;
+    }
+    if (typeof document === "undefined") return;
+    let cur = null;
+    let el = ref.current && ref.current.parentElement;
+    while (el) {
+      const m = el.getAttribute && el.getAttribute("data-color-mode");
+      if (m) { cur = m; break; }
+      el = el.parentElement;
+    }
+    if (!cur || cur === "auto") {
+      cur = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
+    }
+    setResolved(cur === "dark" ? "light" : "dark");
+  }, [mode]);
+  return /*#__PURE__*/React.createElement("span", {
+    ref: ref,
+    "data-color-mode": resolved || "light",
+    "data-light-theme": "light",
+    "data-dark-theme": "dark",
+    style: { display: "inline-flex", lineHeight: 0 }
+  }, children);
+}
+
 function FolderIcon({
   title,
   titleId,
   size,
+  colormoded,
   ...props
 }, svgRef) {
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 72 72",
     fill: "currentColor",
@@ -20,11 +54,15 @@ function FolderIcon({
     ref: svgRef,
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React.createElement("title", {
+  }, props, {
+    style: props && props.color != null ? Object.assign({}, props.style, {
+      "--datalayer-icon-fg": props.color
+    }) : props && props.style
+  }), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("path", {
     fill: "#D0CFCE",
-    d: "M58.831 59.603a2.104 2.104 0 00.922-1.742V24.608H16.835V56.527c0 .045-.003.09-.008.134a7.627 7.627 0 01-.336 1.32 6.544 6.544 0 01-.275.7c-.03.069-.062.136-.095.206-.06.12-.118.243-.185.358-.127.235-.267.471-.431.707l42.159.01a2.076 2.076 0 001.167-.359z"
+    d: "M58.831 59.603a2.104 2.104 0 00.922-1.742V24.608H16.835v31.919c0 .045-.003.09-.008.134a7.627 7.627 0 01-.336 1.32 6.544 6.544 0 01-.275.7c-.03.069-.062.136-.095.206-.06.12-.118.243-.185.358a7.358 7.358 0 01-.431.707l42.159.01a2.076 2.076 0 001.167-.359z"
   }), /*#__PURE__*/React.createElement("path", {
     fill: "#9B9B9A",
     d: "M12.134 60.037c-.04-.521 2.265-.252 2.783-.331 1.343-.205 1.747-2.592 1.883-4.796l.502-29.349s-.388-1.318-.075-1.318l2.908.072h37.803L58 20.366l-.004-.004c-.017.282-.608-1.937-.81-1.765-.004.002.092-.038 0 0 0 0 .135 0 0 0-.553 0-.178-1.649-.178-1.649l-27.338-.002c-.75 0-.426-3.652-.823-3.829 0 0-1.8-1.042-2.337-1.057l-11.343-.006c-1.102 0-3.208 1.9-3.208 3.003 0 0-.931 41.27-.956 41.16l-.024-.017 1.191 4.024-.031-.168c0-.007-.005-.012-.005-.019z"
@@ -40,6 +78,10 @@ function FolderIcon({
   }), /*#__PURE__*/React.createElement("path", {
     d: "M16.961 55.37c-.147 2.618-1.917 4.3-3.83 4.592l43.915.01a3 3 0 003-3V25.316a1 1 0 00-1-1H17.965a1 1 0 00-1 1L16.96 55.37z"
   })));
+  if (!colormoded) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormoded === "string" ? colormoded : undefined
+  }, _svgEl);
 }
 const ForwardRef = React.forwardRef(FolderIcon);
 export default ForwardRef;

package/data2/esm/FolderOpenIcon.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare const FolderOpenIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string, size?: "small" | "medium" | "large" | number, colored?: boolean } & React.RefAttributes<SVGSVGElement>>;
+declare const FolderOpenIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string, size?: "small" | "medium" | "large" | number, colored?: boolean, themed?: boolean, colormoded?: boolean | "light" | "dark" } & React.RefAttributes<SVGSVGElement>>;
 export default FolderOpenIcon;

package/data2/esm/FolderOpenIcon.js

@@ -6,13 +6,47 @@ const sizeMap = {
   "large": 64
 };
 
+function _DlIconInverseColormode({
+  mode,
+  children
+}) {
+  const ref = React.useRef(null);
+  const [resolved, setResolved] = React.useState(typeof mode === "string" ? mode : null);
+  React.useLayoutEffect(() => {
+    if (typeof mode === "string") {
+      setResolved(mode);
+      return;
+    }
+    if (typeof document === "undefined") return;
+    let cur = null;
+    let el = ref.current && ref.current.parentElement;
+    while (el) {
+      const m = el.getAttribute && el.getAttribute("data-color-mode");
+      if (m) { cur = m; break; }
+      el = el.parentElement;
+    }
+    if (!cur || cur === "auto") {
+      cur = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
+    }
+    setResolved(cur === "dark" ? "light" : "dark");
+  }, [mode]);
+  return /*#__PURE__*/React.createElement("span", {
+    ref: ref,
+    "data-color-mode": resolved || "light",
+    "data-light-theme": "light",
+    "data-dark-theme": "dark",
+    style: { display: "inline-flex", lineHeight: 0 }
+  }, children);
+}
+
 function FolderOpenIcon({
   title,
   titleId,
   size,
+  colormoded,
   ...props
 }, svgRef) {
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 72 72",
     fill: "currentColor",
@@ -20,7 +54,11 @@ function FolderOpenIcon({
     ref: svgRef,
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React.createElement("title", {
+  }, props, {
+    style: props && props.color != null ? Object.assign({}, props.style, {
+      "--datalayer-icon-fg": props.color
+    }) : props && props.style
+  }), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("path", {
     fill: "#9B9B9A",
@@ -40,6 +78,10 @@ function FolderOpenIcon({
   }), /*#__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 (!colormoded) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormoded === "string" ? colormoded : undefined
+  }, _svgEl);
 }
 const ForwardRef = React.forwardRef(FolderOpenIcon);
 export default ForwardRef;

package/data2/esm/FourLeafCloverIcon.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare const FourLeafCloverIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string, size?: "small" | "medium" | "large" | number, colored?: boolean } & React.RefAttributes<SVGSVGElement>>;
+declare const FourLeafCloverIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string, size?: "small" | "medium" | "large" | number, colored?: boolean, themed?: boolean, colormoded?: boolean | "light" | "dark" } & React.RefAttributes<SVGSVGElement>>;
 export default FourLeafCloverIcon;

package/data2/esm/FourLeafCloverIcon.js

@@ -6,13 +6,47 @@ const sizeMap = {
   "large": 64
 };
 
+function _DlIconInverseColormode({
+  mode,
+  children
+}) {
+  const ref = React.useRef(null);
+  const [resolved, setResolved] = React.useState(typeof mode === "string" ? mode : null);
+  React.useLayoutEffect(() => {
+    if (typeof mode === "string") {
+      setResolved(mode);
+      return;
+    }
+    if (typeof document === "undefined") return;
+    let cur = null;
+    let el = ref.current && ref.current.parentElement;
+    while (el) {
+      const m = el.getAttribute && el.getAttribute("data-color-mode");
+      if (m) { cur = m; break; }
+      el = el.parentElement;
+    }
+    if (!cur || cur === "auto") {
+      cur = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
+    }
+    setResolved(cur === "dark" ? "light" : "dark");
+  }, [mode]);
+  return /*#__PURE__*/React.createElement("span", {
+    ref: ref,
+    "data-color-mode": resolved || "light",
+    "data-light-theme": "light",
+    "data-dark-theme": "dark",
+    style: { display: "inline-flex", lineHeight: 0 }
+  }, children);
+}
+
 function FourLeafCloverIcon({
   title,
   titleId,
   size,
+  colormoded,
   ...props
 }, svgRef) {
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 72 72",
     fill: "currentColor",
@@ -20,7 +54,11 @@ function FourLeafCloverIcon({
     ref: svgRef,
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React.createElement("title", {
+  }, props, {
+    style: props && props.color != null ? Object.assign({}, props.style, {
+      "--datalayer-icon-fg": props.color
+    }) : props && props.style
+  }), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("path", {
     fill: "#B1CC33",
@@ -35,8 +73,12 @@ function FourLeafCloverIcon({
     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.62M42.431 19.803l1.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"
+    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 (!colormoded) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormoded === "string" ? colormoded : undefined
+  }, _svgEl);
 }
 const ForwardRef = React.forwardRef(FourLeafCloverIcon);
 export default ForwardRef;

package/data2/esm/GearIcon.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare const GearIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string, size?: "small" | "medium" | "large" | number, colored?: boolean } & React.RefAttributes<SVGSVGElement>>;
+declare const GearIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string, size?: "small" | "medium" | "large" | number, colored?: boolean, themed?: boolean, colormoded?: boolean | "light" | "dark" } & React.RefAttributes<SVGSVGElement>>;
 export default GearIcon;