@datalayer/icons-react 1.0.6 → 1.0.8

package/data2/MagnetUpIcon.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 MagnetUpIcon({
   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,16 +54,19 @@ function MagnetUpIcon({
     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: "#ea5a47",
     d: "M43.5 36.5V47a8.5 8.5 0 01-17 0V36.5h-6V47a14.5 14.5 0 0029 0V36.5z"
-  }), /*#__PURE__*/React.createElement("g", {
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M20.5 31.5h6v5h-6zm23 0h6v5h-6z",
     fill: "#d0cfce"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M20.5 31.5h6v5h-6zM43.5 31.5h6v5h-6z"
-  })), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     fill: "#fcea2b",
     d: "M44.882 19.775a1.283 1.283 0 00-1.26-.907h-4.925l3.461-7.75a1 1 0 00-1.645-1.089L29.42 21.958a1.327 1.327 0 00-.278 1.451 1.37 1.37 0 001.266.85h4.88l-4.996 8.05a1 1 0 00.213 1.299c.227.188.38.315.572.315.4 0 .966-.557 2.716-2.279L44.21 21.371a1.452 1.452 0 00.672-1.596z"
   }), /*#__PURE__*/React.createElement("g", {
@@ -39,16 +76,15 @@ function MagnetUpIcon({
   }, /*#__PURE__*/React.createElement("path", {
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    d: "M43.5 36.5V47a8.5 8.5 0 01-17 0V36.5h-6V47a14.5 14.5 0 0029 0V36.5z"
-  }), /*#__PURE__*/React.createElement("g", {
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M20.5 31.5h6v5h-6zM43.5 31.5h6v5h-6z"
-  })), /*#__PURE__*/React.createElement("path", {
+    d: "M43.5 36.5V47a8.5 8.5 0 01-17 0V36.5h-6V47a14.5 14.5 0 0029 0V36.5zM20.5 31.5h6v5h-6zm23 0h6v5h-6z"
+  }), /*#__PURE__*/React.createElement("path", {
     strokeMiterlimit: 10,
     d: "M44.882 19.775a1.283 1.283 0 00-1.26-.907h-4.925l3.461-7.75a1 1 0 00-1.645-1.089L29.42 21.958a1.327 1.327 0 00-.278 1.451 1.37 1.37 0 001.266.85h4.88l-4.996 8.05a1 1 0 00.213 1.299c.227.188.38.315.572.315.4 0 .966-.557 2.716-2.279L44.21 21.371a1.452 1.452 0 00.672-1.596z"
   })));
+  if (!colormoded) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormoded === "string" ? colormoded : undefined
+  }, _svgEl);
 }
 const ForwardRef = React.forwardRef(MagnetUpIcon);
 module.exports = ForwardRef;

package/data2/MagnifyingGlassTiltedRightIcon.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare const MagnifyingGlassTiltedRightIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string, size?: "small" | "medium" | "large" | number, colored?: boolean } & React.RefAttributes<SVGSVGElement>>;
+declare const MagnifyingGlassTiltedRightIcon: 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 MagnifyingGlassTiltedRightIcon;

package/data2/MagnifyingGlassTiltedRightIcon.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 MagnifyingGlassTiltedRightIcon({
   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 MagnifyingGlassTiltedRightIcon({
     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("circle", {
     cx: 43.971,
@@ -33,7 +71,7 @@ function MagnifyingGlassTiltedRightIcon({
     d: "M53.44 31.846c1.461-2.29 2.284-6.515 1.698-9.167-.401-1.817-2.655-3.84-3.899-5.159.65 2.354 1.039 7.35-2.185 11.972-2.736 3.92-6.69 5.635-8.947 6.057 4.248 1.283 10.83.218 13.333-3.703z"
   }), /*#__PURE__*/React.createElement("path", {
     fill: "#D0CFCE",
-    d: "M51.777 13.241a14.432 14.432 0 00-10.937-1.937 14.424 14.424 0 00-9.104 6.365c-4.304 6.746-2.318 15.737 4.428 20.041 6.745 4.305 15.735 2.32 20.042-4.427a14.417 14.417 0 001.936-10.938 14.42 14.42 0 00-6.365-9.104zm1.837 18.388c-2.18 3.415-5.882 5.281-9.661 5.281a11.36 11.36 0 01-6.135-1.792c-5.317-3.393-6.881-10.48-3.489-15.795a11.361 11.361 0 017.175-5.016 11.363 11.363 0 018.62 1.527 11.36 11.36 0 015.017 7.174c.659 2.983.116 6.045-1.527 8.621z"
+    d: "M51.777 13.241a14.432 14.432 0 00-10.937-1.937 14.424 14.424 0 00-9.104 6.365c-4.304 6.746-2.318 15.737 4.428 20.041 6.745 4.305 15.735 2.32 20.042-4.427a14.417 14.417 0 001.936-10.938 14.42 14.42 0 00-6.365-9.104zm1.837 18.388c-2.18 3.415-5.882 5.281-9.661 5.281a11.36 11.36 0 01-6.135-1.792c-5.317-3.393-6.881-10.48-3.489-15.795a11.361 11.361 0 017.175-5.016 11.363 11.363 0 018.62 1.527 11.36 11.36 0 015.017 7.174 11.368 11.368 0 01-1.527 8.621z"
   }), /*#__PURE__*/React.createElement("path", {
     fill: "#3F3F3F",
     d: "M31.443 40.265L24.525 50.6l-3.71 5.816c-.478.75.379 3.21 1.129 3.688.361.23 2.532.011 2.532.011L36 42.923l-4.557-2.658z"
@@ -57,6 +95,10 @@ function MagnifyingGlassTiltedRightIcon({
   }), /*#__PURE__*/React.createElement("path", {
     d: "M31.31 39.966l4.406 2.81-10.496 16.45c-.75 1.176-2.344 1.5-3.56.723h0c-1.217-.776-1.596-2.358-.846-3.533l10.496-16.45z"
   })));
+  if (!colormoded) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormoded === "string" ? colormoded : undefined
+  }, _svgEl);
 }
 const ForwardRef = React.forwardRef(MagnifyingGlassTiltedRightIcon);
 module.exports = ForwardRef;

package/data2/ManOfficeWorkerIcon.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare const ManOfficeWorkerIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string, size?: "small" | "medium" | "large" | number, colored?: boolean } & React.RefAttributes<SVGSVGElement>>;
+declare const ManOfficeWorkerIcon: 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 ManOfficeWorkerIcon;

package/data2/ManOfficeWorkerIcon.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 ManOfficeWorkerIcon({
   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,14 +54,18 @@ function ManOfficeWorkerIcon({
     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",
     d: "M17.298 58.853s-2-13.8 10-13.8c3.192 2.128 5.926 3.599 9 3.593h-.125c3.074.006 5.308-2.665 8.5-4.792 13.314 0 10.9 15 10.9 15"
   }), /*#__PURE__*/React.createElement("path", {
     fill: "#D0CFCE",
-    d: "M36.613 54.207l2.415 4.544L45.4 44.138l6.457 9.783L40.7 58.051"
+    d: "M36.613 54.207l2.415 4.544L45.4 44.138l6.457 9.783-11.157 4.13"
   }), /*#__PURE__*/React.createElement("path", {
     fill: "#FFF",
     d: "M38.507 57.743c-.598 1.035-4.891 1.035-5.489 0l-1.842-2.41-3.386-8.74 7.973 2.7 7.573-2.7-3.287 8.74-1.542 2.41z"
@@ -46,13 +84,13 @@ function ManOfficeWorkerIcon({
   }), /*#__PURE__*/React.createElement("path", {
     fill: "#D0CFCE",
     d: "M34.912 54.556l-2.415 3.245-5.672-12.915-3.957 8.484 9.457 4.431"
-  }), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     fill: "#3F3F3F",
     d: "M27.374 18.787s10.136 7.96 10.511 2.44c0 0 5.335 3.806 9.018 3.806 6.433 0-.131-12.48-11.14-15.12-3.145-.752-9.893-1.755-9.893 4.46 0 0-7.618 4.231-1.324 12.55l.091-.334c.314-3.08 2.737-7.802 2.737-7.802z"
-  })), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     fill: "#FCEA2B",
     d: "M27.33 19.092c-1.734 2.49-2.784 5.743-2.784 9.302 0 7.828 5.077 14.173 11.339 14.173 6.262 0 11.339-6.345 11.339-14.173 0-1.158-.112-2.284-.321-3.361-2.995-.31-6.001-1.657-9.018-3.807-.158 3.757-4.78 1.579-10.555-2.134z"
-  })), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     fill: "none",
     stroke: "#000",
     strokeLinecap: "round",
@@ -61,7 +99,7 @@ function ManOfficeWorkerIcon({
     strokeWidth: 2,
     d: "M24.624 26.728a17.867 17.867 0 00-.078 1.666c0 7.828 5.077 14.173 11.339 14.173 6.262 0 11.339-6.345 11.339-14.173 0-1.158-.112-2.284-.321-3.361"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M41.885 27.033a2 2 0 11-4.001-.001 2 2 0 014.001.001M33.885 27.033a2 2 0 11-4.001-.001 2 2 0 014.001.001M35.885 37.036c-1.152 0-2.304-.286-3.447-.858a1 1 0 11.894-1.79c1.718.86 3.388.86 5.106 0a1 1 0 01.894 1.79c-1.143.572-2.295.858-3.447.858z"
+    d: "M41.885 27.033a2 2 0 11-4.001-.001 2 2 0 014.001.001m-8 0a2 2 0 11-4.001-.001 2 2 0 014.001.001m2 10.003c-1.152 0-2.304-.286-3.447-.858a1 1 0 11.894-1.79c1.718.86 3.388.86 5.106 0a1 1 0 01.894 1.79c-1.143.572-2.295.858-3.447.858z"
   }), /*#__PURE__*/React.createElement("path", {
     fill: "none",
     stroke: "#000",
@@ -77,7 +115,7 @@ function ManOfficeWorkerIcon({
     strokeLinejoin: "round",
     strokeMiterlimit: 10,
     strokeWidth: 2,
-    d: "M51.214 38.863H66.04V57.5M59.836 42.326l2.782 2.112M50.955 48.535h8.433M50.955 52.631h8.433M50.955 56.215h8.433M33.455 48.535s-1.206 6.021 2.307 6.021 2.308-6.021 2.308-6.021M44.7 55.629l-5.74 2.178M27.374 18.787s10.136 7.96 10.511 2.44c0 0 5.335 3.806 9.018 3.806 6.433 0-.131-12.48-11.14-15.12-3.145-.752-9.893-1.755-9.893 4.46 0 0-7.618 4.231-1.324 12.55l.091-.334c.314-3.08 2.737-7.802 2.737-7.802z"
+    d: "M51.214 38.863H66.04V57.5m-6.204-15.174l2.782 2.112m-11.663 4.097h8.433m-8.433 4.096h8.433m-8.433 3.584h8.433m-25.933-7.68s-1.206 6.021 2.307 6.021 2.308-6.021 2.308-6.021m6.63 7.094l-5.74 2.178m-11.586-39.02s10.136 7.96 10.511 2.44c0 0 5.335 3.806 9.018 3.806 6.433 0-.131-12.48-11.14-15.12-3.145-.752-9.893-1.755-9.893 4.46 0 0-7.618 4.231-1.324 12.55l.091-.334c.314-3.08 2.737-7.802 2.737-7.802z"
   }), /*#__PURE__*/React.createElement("path", {
     fill: "none",
     stroke: "#000",
@@ -93,8 +131,12 @@ function ManOfficeWorkerIcon({
     strokeLinejoin: "round",
     strokeMiterlimit: 10,
     strokeWidth: 2,
-    d: "M34.912 54.556l-2.415 3.245-5.672-12.915-3.957 8.484 9.457 4.431zM44.7 44.886l-5.672 12.915-2.415-3.245"
-  })));
+    d: "M34.912 54.556l-2.415 3.245-5.672-12.915-3.957 8.484 9.457 4.431zm9.788-9.67l-5.672 12.915-2.415-3.245"
+  }));
+  if (!colormoded) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormoded === "string" ? colormoded : undefined
+  }, _svgEl);
 }
 const ForwardRef = React.forwardRef(ManOfficeWorkerIcon);
 module.exports = ForwardRef;

package/data2/ManTechnologistIcon.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare const ManTechnologistIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string, size?: "small" | "medium" | "large" | number, colored?: boolean } & React.RefAttributes<SVGSVGElement>>;
+declare const ManTechnologistIcon: 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 ManTechnologistIcon;

package/data2/ManTechnologistIcon.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 ManTechnologistIcon({
   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 ManTechnologistIcon({
     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: "#92D3F5",
@@ -43,10 +81,10 @@ function ManTechnologistIcon({
     d: "M47.676 18.072c.903 3.012 1.816 6.97-.487 8.454 0 0-1.298-5.192-2.97-6.123"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M28.062 19.972c5.51 2.685 12.774 2.195 16.857-.07a8.451 8.451 0 002.142-1.671c2.916-3.177.226-6.345.226-6.345l-2.63 2.03c-8.836-8.835-18.673-3.587-18.01 1.433 0 0-6.945 3.623-2.135 11.463l3.55-6.84z"
-  })), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+  })), /*#__PURE__*/React.createElement("path", {
     fill: "#FCEA2B",
     d: "M44.92 19.902c-4.084 2.265-11.349 2.755-16.858.07l-3.55 6.84c-.072-.116-.132-.228-.198-.342-.015.299-.036.595-.036.897 0 7.828 5.077 14.174 11.339 14.174s11.338-6.346 11.338-14.174c0-2.81-.663-5.422-1.791-7.626-.084.05-.158.114-.245.162z"
-  })), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M16.917 58.919a.998.998 0 01-.986-.847c-.041-.27-.973-6.633 2.58-10.775 1.924-2.241 4.752-3.377 8.408-3.377a1 1 0 01.555.168c3.163 2.108 5.675 3.418 8.405 3.424h.04a1 1 0 01.002 2h-.005a.242.242 0 00-.038 0h-.084l-.045-.001c-3.099-.042-5.816-1.403-9.127-3.588-2.896.056-5.11.954-6.586 2.669-2.956 3.436-2.138 9.12-2.129 9.178a1 1 0 01-.99 1.149z"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M33.996 55.283a.995.995 0 01-.781-.375l-7.265-9.071a.999.999 0 01.155-1.405.997.997 0 011.406.155l7.264 9.071a.999.999 0 01-.779 1.625z"
@@ -59,9 +97,9 @@ function ManTechnologistIcon({
     strokeLinejoin: "round",
     strokeMiterlimit: 10,
     strokeWidth: 2,
-    d: "M35.147 59.773h24.99l6.95-16.35h-24.99zM24.177 59.773h10.97"
+    d: "M35.147 59.773h24.99l6.95-16.35h-24.99zm-10.97 0h10.97"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M41.973 27.043a2 2 0 11-4.002-.002 2 2 0 014.002.002M33.973 27.043a2 2 0 11-4.002-.002 2 2 0 014.002.002M35.973 37.045c-1.152 0-2.304-.286-3.447-.858a1 1 0 11.894-1.789c1.718.86 3.388.86 5.106 0a1 1 0 01.894 1.79c-1.144.571-2.295.857-3.447.857z"
+    d: "M41.973 27.043a2 2 0 11-4.002-.002 2 2 0 014.002.002m-8 0a2 2 0 11-4.002-.002 2 2 0 014.002.002m2 10.002c-1.152 0-2.304-.286-3.447-.858a1 1 0 11.894-1.789c1.718.86 3.388.86 5.106 0a1 1 0 01.894 1.79c-1.144.571-2.295.857-3.447.857z"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M35.85 43.577c-6.803 0-12.338-6.806-12.338-15.173 0-.667.035-1.335.104-1.984a1 1 0 111.988.212c-.061.58-.092 1.176-.092 1.772 0 7.264 4.637 13.173 10.339 13.173 5.7 0 10.338-5.909 10.338-13.173 0-.588-.03-1.18-.092-1.764a1.001 1.001 0 011.99-.207c.067.652.101 1.315.101 1.97 0 8.367-5.535 15.174-12.337 15.174z"
   }), /*#__PURE__*/React.createElement("path", {
@@ -69,8 +107,12 @@ function ManTechnologistIcon({
   }), /*#__PURE__*/React.createElement("path", {
     d: "M47.188 27.526a.999.999 0 01-.97-.757c-.574-2.296-1.689-5.05-2.486-5.493a1 1 0 11.975-1.747c1.265.705 2.242 2.942 2.837 4.683.328-1.605-.265-3.981-.826-5.853a1 1 0 011.916-.574c.677 2.257 2.263 7.543-.904 9.582a.996.996 0 01-.541.159z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M24.512 27.813c-.347 0-.67-.18-.853-.478-1.703-2.776-2.231-5.397-1.57-7.789.705-2.547 2.575-4.09 3.527-4.735.024-2.194 1.57-4.33 4.1-5.578 3.641-1.797 9.43-1.8 15.012 3.365l1.948-1.504a1.002 1.002 0 011.374.145c1.127 1.328 2.526 4.64-.251 7.668a9.514 9.514 0 01-2.395 1.87c-3.88 2.152-10.965 2.981-16.891.496l-3.114 6a1 1 0 01-.851.539h-.036zm10.014-17.665c-1.49 0-2.828.338-3.924.878-2.005.99-3.168 2.635-2.963 4.192a1 1 0 01-.529 1.018c-.02.01-2.4 1.3-3.098 3.864-.377 1.382-.21 2.907.495 4.55l2.667-5.138a1 1 0 011.326-.439c5.28 2.574 12.249 1.998 15.934-.045a7.474 7.474 0 001.891-1.474c1.516-1.652 1.152-3.271.706-4.207l-1.763 1.36a1.002 1.002 0 01-1.319-.084c-3.281-3.282-6.62-4.475-9.423-4.475z"
-  })));
+    d: "M24.512 27.813a1 1 0 01-.853-.478c-1.703-2.776-2.231-5.397-1.57-7.789.705-2.547 2.575-4.09 3.527-4.735.024-2.194 1.57-4.33 4.1-5.578 3.641-1.797 9.43-1.8 15.012 3.365l1.948-1.504a1.002 1.002 0 011.374.145c1.127 1.328 2.526 4.64-.251 7.668a9.514 9.514 0 01-2.395 1.87c-3.88 2.152-10.965 2.981-16.891.496l-3.114 6a1 1 0 01-.851.539h-.036zm10.014-17.665c-1.49 0-2.828.338-3.924.878-2.005.99-3.168 2.635-2.963 4.192a1 1 0 01-.529 1.018c-.02.01-2.4 1.3-3.098 3.864-.377 1.382-.21 2.907.495 4.55l2.667-5.138a1 1 0 011.326-.439c5.28 2.574 12.249 1.998 15.934-.045a7.474 7.474 0 001.891-1.474c1.516-1.652 1.152-3.271.706-4.207l-1.763 1.36a1.002 1.002 0 01-1.319-.084c-3.281-3.282-6.62-4.475-9.423-4.475z"
+  }));
+  if (!colormoded) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormoded === "string" ? colormoded : undefined
+  }, _svgEl);
 }
 const ForwardRef = React.forwardRef(ManTechnologistIcon);
 module.exports = ForwardRef;

package/data2/MicrophoneIcon.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare const MicrophoneIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string, size?: "small" | "medium" | "large" | number, colored?: boolean } & React.RefAttributes<SVGSVGElement>>;
+declare const MicrophoneIcon: 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 MicrophoneIcon;

package/data2/MicrophoneIcon.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 MicrophoneIcon({
   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 MicrophoneIcon({
     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: "#3F3F3F",
@@ -34,16 +72,19 @@ function MicrophoneIcon({
   }), /*#__PURE__*/React.createElement("path", {
     fill: "#9B9B9A",
     d: "M51.475 25.541c-1.172 3.4-5.283 5.562-5.283 5.562a12.08 12.08 0 01-3.168 1.247c-1.828-.633-5.85-2.484-7.25-6.88-.377-2.001-.159-4.184.646-6.276 1.022-4.264 4.995-6.256 4.995-6.256 1.41-.956 2.94-1.59 4.479-1.871 1.46.292 2.83.946 3.992 1.972 3.317 2.947 3.833 8.086 1.589 12.502z"
-  }), /*#__PURE__*/React.createElement("g", {
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M30.75 38.941l4.02-4.619m14.744-3.892c-1.804 1.014-3.774 1.495-5.65 1.404m-2.36-18.184c3.737-2.497 8.405-2.591 11.465.093 3.108 2.727 3.59 7.471 1.489 11.545m-18.223-.065c-.354-1.844-.152-3.862.602-5.789m-3.52 8.196L14.393 53.686l3.373 3.373 23.34-21.572M15.497 56.001l-3.046 3.074m41.417-29.554L37.249 14.94",
     fill: "none",
     stroke: "#000",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     strokeMiterlimit: 10,
     strokeWidth: 2
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M30.75 38.941l4.02-4.619M49.514 30.43c-1.804 1.014-3.774 1.495-5.65 1.404M41.504 13.65c3.737-2.497 8.405-2.591 11.465.093 3.108 2.727 3.59 7.471 1.489 11.545M36.235 25.223c-.354-1.844-.152-3.862.602-5.789M33.317 27.63L14.393 53.686l3.373 3.373 23.34-21.572M15.497 56.001l-3.046 3.074M53.868 29.521L37.249 14.94"
-  })));
+  }));
+  if (!colormoded) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormoded === "string" ? colormoded : undefined
+  }, _svgEl);
 }
 const ForwardRef = React.forwardRef(MicrophoneIcon);
 module.exports = ForwardRef;

package/data2/MirrorBallIcon.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare const MirrorBallIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string, size?: "small" | "medium" | "large" | number, colored?: boolean } & React.RefAttributes<SVGSVGElement>>;
+declare const MirrorBallIcon: 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 MirrorBallIcon;