@datalayer/icons-react 1.0.7 → 1.0.9

package/data1/esm/OpenStackIcon.js

@@ -6,28 +6,70 @@ 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 OpenStackIcon({
   title,
   titleId,
   size,
   colored,
+  themed,
+  colormode,
   ...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 167.37 163.66",
-    fill: colored ? 'currentColor' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('currentColor') ? 'white' : 'currentColor'),
-    "aria-hidden": "true",
+    fill: themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor',
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
+    "aria-hidden": "true",
     ref: svgRef,
     "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: "M152.56 163.61H16.27c-.47 0-.91 0-1.41.05C6.57 163.3.04 156.47.05 148.18V112.8c0-.91.15-1.28 1.2-1.28 11.8.05 23.6.05 35.39 0 .91 0 1.21.22 1.19 1.18-.13 1.96-.1 3.92.09 5.87.53 4.26 4.2 7.42 8.49 7.33h74.49a8.25 8.25 0 005.52-1.94 8.076 8.076 0 003.04-6.37c0-1.67.05-3.33 0-5 0-.83.17-1.1 1.06-1.09 5.34.05 10.67 0 16.01 0h19.71c.91 0 1.13.25 1.13 1.15v35.52c-.04 8.26-6.54 15.05-14.8 15.45zM83.71.01h67.82c8.58-.12 15.64 6.74 15.76 15.32v35.63c0 .91-.15 1.24-1.17 1.24-11.87-.04-23.74-.04-35.6 0-.91 0-1.19-.22-1.14-1.14.08-1.45 0-2.9 0-4.35 0-5.32-3.47-8.86-8.8-8.96H46.94c-5.13 0-8.75 3.16-9.11 8-.12 1.62 0 3.27 0 4.9 0 1.63 0 1.52-1.47 1.52H1.3c-1 0-1.24-.27-1.24-1.26C.1 39.15.1 27.4.06 15.65-.03 7.1 6.83.1 15.38 0h68.33zm64.63 62.93h17.86c.91 0 1.13.25 1.13 1.15-.04 11.83-.04 23.67 0 35.52 0 .91-.23 1.21-1.19 1.2h-35.61c-.91 0-1.1-.3-1.1-1.17v-35.6c0-.83.18-1.08 1.07-1.08 5.95 0 11.9-.02 17.85-.02zM37.79 81.88v17.85c0 .83-.23 1.02-1.03 1.02H1.05c-.8 0-1.05-.18-1.05-1.02.04-11.93.04-23.87 0-35.81 0-.84.25-1.01 1.04-1h35.71c.91 0 1.04.33 1.04 1.12v17.84z",
     fill: "#e52a4a"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M152.56 163.61H16.27c-.47 0-.91 0-1.41.05C6.57 163.3.04 156.47.05 148.18V112.8c0-.91.15-1.28 1.2-1.28 11.8.05 23.6.05 35.39 0 .91 0 1.21.22 1.19 1.18-.13 1.96-.1 3.92.09 5.87.53 4.26 4.2 7.42 8.49 7.33h74.49a8.25 8.25 0 005.52-1.94 8.076 8.076 0 003.04-6.37c0-1.67.05-3.33 0-5 0-.83.17-1.1 1.06-1.09 5.34.05 10.67 0 16.01 0h19.71c.91 0 1.13.25 1.13 1.15v35.52c-.04 8.26-6.54 15.05-14.8 15.45zM83.71.01h67.82c8.58-.12 15.64 6.74 15.76 15.32V50.96c0 .91-.15 1.24-1.17 1.24-11.87-.04-23.74-.04-35.6 0-.91 0-1.19-.22-1.14-1.14.08-1.45 0-2.9 0-4.35 0-5.32-3.47-8.86-8.8-8.96H46.94c-5.13 0-8.75 3.16-9.11 8-.12 1.62 0 3.27 0 4.9 0 1.63 0 1.52-1.47 1.52H1.3c-1 0-1.24-.27-1.24-1.26C.1 39.15.1 27.4.06 15.65-.03 7.1 6.83.1 15.38 0h68.33zM148.34 62.94h17.86c.91 0 1.13.25 1.13 1.15-.04 11.83-.04 23.67 0 35.52 0 .91-.23 1.21-1.19 1.2h-35.61c-.91 0-1.1-.3-1.1-1.17v-35.6c0-.83.18-1.08 1.07-1.08 5.95 0 11.9-.02 17.85-.02zM37.79 81.88v17.85c0 .83-.23 1.02-1.03 1.02H1.05c-.8 0-1.05-.18-1.05-1.02.04-11.93.04-23.87 0-35.81 0-.84.25-1.01 1.04-1h35.71c.91 0 1.04.33 1.04 1.12v17.84z"
-  })));
+  }));
+  if (!colormode) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormode === "string" ? colormode : undefined
+  }, _svgEl);
 }
 const ForwardRef = React.forwardRef(OpenStackIcon);
 export default ForwardRef;

package/data1/esm/OpenTeamsBwIcon.d.ts

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

package/data1/esm/OpenTeamsBwIcon.js

@@ -6,25 +6,64 @@ 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 OpenTeamsBwIcon({
   title,
   titleId,
   size,
   colored,
+  themed,
+  colormode,
   ...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 193.763 194.124",
-    fill: colored ? 'currentColor' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('currentColor') ? 'white' : 'currentColor'),
-    "aria-hidden": "true",
+    fill: themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor',
     height: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
+    "aria-hidden": "true",
     ref: svgRef,
     "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("defs", null, /*#__PURE__*/React.createElement("filter", {
-    id: "a",
+    id: "prefix__a",
     width: 1,
     height: 1,
     x: 0,
@@ -49,49 +88,45 @@ function OpenTeamsBwIcon({
     in: "fbSourceGraphic",
     values: "0.33 0.59 0.11 0 0 0.33 0.59 0.11 0 0 0.33 0.59 0.11 0 0 0 0 0 1 0"
   }))), /*#__PURE__*/React.createElement("g", {
-    filter: "url(#a)",
+    filter: "url(#prefix__a)",
     transform: "translate(-477.418 -125.418) scale(2.23595)"
   }, /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#022791' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#022791') ? 'white' : 'currentColor'),
-    strokeWidth: 0.265,
+    fill: colored ? '#022791' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     d: "M269.931 91.504c9.062 7.049 19.65 4.898 27.795-2.482 1.479-1.341 3.326-2.428 1.83-4.193-.719-.85-5.466-5.649-6.1-5.641-.71.01-4.406 3.156-5.54 3.826-4.107 2.423-8.724 2.662-12.534-.553-5.556-4.691-3.773-10.49-.725-15.981 1.024-1.842 3.087-3.14 1.468-5.085-.72-.863-4.553-4.805-5.283-5.2-1.67-.899-4.916 4.3-5.705 5.562-6.665 10.647-5.366 21.842 4.797 29.747z",
-    className: "cls-4"
+    className: "prefix__cls-4"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#022791' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#022791') ? 'white' : 'currentColor'),
-    strokeWidth: 0.265,
+    fill: colored ? '#022791' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     d: "M276.385 78.653c6.532 8.57 16.93-2.76 9.17-8.808-5.94-4.627-13.774 2.765-9.17 8.808z",
-    className: "cls-4"
+    className: "prefix__cls-4"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#ff8a69' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#ff8a69') ? 'white' : 'currentColor'),
-    strokeWidth: 0.265,
+    fill: colored ? '#ff8a69' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     d: "M243.727 107.498c-9.062-7.048-19.65-4.897-27.794 2.482-1.48 1.342-3.326 2.429-1.831 4.194.72.85 5.466 5.649 6.1 5.64.71-.01 4.406-3.156 5.541-3.825 4.107-2.424 8.724-2.662 12.534.553 5.556 4.69 3.773 10.49.725 15.98-1.024 1.842-3.088 3.141-1.469 5.086.72.862 4.554 4.805 5.284 5.199 1.67.9 4.916-4.3 5.704-5.562 6.665-10.646 5.366-21.84-4.797-29.747z",
-    className: "cls-1"
+    className: "prefix__cls-1"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#ff8a69' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#ff8a69') ? 'white' : 'currentColor'),
-    strokeWidth: 0.265,
+    fill: colored ? '#ff8a69' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     d: "M237.276 120.352c-6.532-8.57-16.93 2.76-9.17 8.808 5.94 4.627 13.774-2.765 9.17-8.808z",
-    className: "cls-1"
+    className: "prefix__cls-1"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#4d75fe' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#4d75fe') ? 'white' : 'currentColor'),
-    strokeWidth: 0.265,
+    fill: colored ? '#4d75fe' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     d: "M264.764 112.573c-7.048 9.062-4.897 19.65 2.482 27.795 1.341 1.479 2.429 3.325 4.193 1.83.85-.72 5.65-5.466 5.641-6.1-.01-.71-3.156-4.406-3.825-5.541-2.424-4.107-2.662-8.724.552-12.534 4.692-5.556 10.491-3.772 15.981-.724 1.842 1.023 3.14 3.087 5.086 1.468.862-.72 4.804-4.554 5.199-5.284.9-1.67-4.3-4.916-5.562-5.704-10.647-6.665-21.841-5.366-29.747 4.797z",
-    className: "cls-3"
+    className: "prefix__cls-3"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#4d75fe' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#4d75fe') ? 'white' : 'currentColor'),
-    strokeWidth: 0.265,
+    fill: colored ? '#4d75fe' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     d: "M277.617 119.024c-8.57 6.532 2.76 16.93 8.808 9.17 4.628-5.94-2.764-13.774-8.808-9.17z",
-    className: "cls-3"
+    className: "prefix__cls-3"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#faa944' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#faa944') ? 'white' : 'currentColor'),
-    strokeWidth: 0.265,
+    fill: colored ? '#faa944' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     d: "M248.931 86.527c7.049-9.062 4.898-19.65-2.481-27.794-1.342-1.479-2.43-3.326-4.194-1.83-.85.719-5.649 5.465-5.641 6.1.01.71 3.156 4.406 3.826 5.54 2.423 4.107 2.662 8.724-.553 12.534-4.691 5.556-10.49 3.773-15.98.725-1.842-1.024-3.142-3.088-5.086-1.468-.863.72-4.805 4.553-5.2 5.283-.899 1.67 4.3 4.916 5.562 5.705 10.647 6.665 21.842 5.365 29.747-4.797z",
-    className: "cls-2"
+    className: "prefix__cls-2"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#faa944' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#faa944') ? 'white' : 'currentColor'),
-    strokeWidth: 0.265,
+    fill: colored ? '#faa944' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     d: "M236.078 80.074c8.57-6.532-2.76-16.93-8.808-9.17-4.628 5.94 2.765 13.774 8.808 9.17z",
-    className: "cls-2"
+    className: "prefix__cls-2"
   })));
+  if (!colormode) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormode === "string" ? colormode : undefined
+  }, _svgEl);
 }
 const ForwardRef = React.forwardRef(OpenTeamsBwIcon);
 export default ForwardRef;

package/data1/esm/OpenTeamsIcon.d.ts

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

package/data1/esm/OpenTeamsIcon.js

@@ -6,64 +6,99 @@ 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 OpenTeamsIcon({
   title,
   titleId,
   size,
   colored,
+  themed,
+  colormode,
   ...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 193.763 194.124",
-    fill: colored ? 'currentColor' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('currentColor') ? 'white' : 'currentColor'),
-    "aria-hidden": "true",
+    fill: themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor',
     height: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
+    "aria-hidden": "true",
     ref: svgRef,
     "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: colored ? '#022791' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#022791') ? 'white' : 'currentColor'),
-    strokeWidth: 0.265,
+    fill: colored ? '#022791' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     d: "M126.136 79.18c20.262 15.761 43.938 10.951 62.147-5.548 3.307-3 7.436-5.431 4.094-9.377-1.61-1.9-12.223-12.63-13.642-12.613-1.586.024-9.85 7.058-12.388 8.555-9.182 5.419-19.505 5.951-28.024-1.237-12.424-10.489-8.436-23.457-1.621-35.732 2.29-4.118 6.904-7.022 3.283-11.37-1.609-1.93-10.181-10.744-11.814-11.626-3.733-2.011-10.992 9.614-12.755 12.436-14.902 23.806-11.997 48.836 10.726 66.513z",
-    className: "cls-4"
+    className: "prefix__cls-4"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#022791' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#022791') ? 'white' : 'currentColor'),
-    strokeWidth: 0.265,
+    fill: colored ? '#022791' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     d: "M140.565 50.447c14.606 19.162 37.856-6.17 20.505-19.694-13.282-10.347-30.799 6.182-20.505 19.694z",
-    className: "cls-4"
+    className: "prefix__cls-4"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#ff8a69' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#ff8a69') ? 'white' : 'currentColor'),
-    strokeWidth: 0.265,
+    fill: colored ? '#ff8a69' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     d: "M67.544 114.943c-20.262-15.76-43.938-10.95-62.147 5.549-3.307 3-7.436 5.43-4.094 9.377 1.61 1.899 12.223 12.63 13.642 12.613 1.586-.024 9.85-7.058 12.388-8.555 9.182-5.419 19.505-5.951 28.024 1.237 12.424 10.489 8.436 23.456 1.621 35.732-2.29 4.117-6.904 7.022-3.283 11.37 1.61 1.929 10.181 10.744 11.814 11.625 3.733 2.012 10.992-9.613 12.755-12.435 14.902-23.806 11.997-48.836-10.726-66.513z",
-    className: "cls-1"
+    className: "prefix__cls-1"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#ff8a69' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#ff8a69') ? 'white' : 'currentColor'),
-    strokeWidth: 0.265,
+    fill: colored ? '#ff8a69' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     d: "M53.121 143.683c-14.606-19.162-37.856 6.17-20.505 19.694 13.282 10.347 30.799-6.182 20.505-19.694z",
-    className: "cls-1"
+    className: "prefix__cls-1"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#4d75fe' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#4d75fe') ? 'white' : 'currentColor'),
-    strokeWidth: 0.265,
+    fill: colored ? '#4d75fe' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     d: "M114.582 126.29c-15.76 20.262-10.95 43.937 5.55 62.147 2.999 3.307 5.43 7.436 9.376 4.094 1.899-1.61 12.63-12.223 12.613-13.643-.024-1.585-7.058-9.85-8.555-12.388-5.419-9.181-5.951-19.504 1.237-28.023 10.489-12.424 23.456-8.437 35.732-1.621 4.118 2.289 7.022 6.903 11.37 3.283 1.93-1.61 10.744-10.181 11.625-11.814 2.012-3.733-9.613-10.992-12.435-12.755-23.806-14.902-48.836-11.998-66.513 10.726z",
-    className: "cls-3"
+    className: "prefix__cls-3"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#4d75fe' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#4d75fe') ? 'white' : 'currentColor'),
-    strokeWidth: 0.265,
+    fill: colored ? '#4d75fe' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     d: "M143.322 140.713c-19.162 14.606 6.17 37.856 19.694 20.504 10.347-13.28-6.182-30.798-19.694-20.504z",
-    className: "cls-3"
+    className: "prefix__cls-3"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#faa944' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#faa944') ? 'white' : 'currentColor'),
-    strokeWidth: 0.265,
-    d: "M79.18 68.053c15.761-20.262 10.951-43.938-5.548-62.147-3-3.307-5.431-7.436-9.377-4.094-1.9 1.61-12.63 12.222-12.613 13.642.024 1.586 7.058 9.85 8.555 12.388 5.419 9.182 5.951 19.505-1.237 28.024-10.489 12.424-23.457 8.436-35.732 1.621-4.118-2.29-7.022-6.904-11.37-3.283C9.927 55.813 1.113 64.385.231 66.018-1.779 69.75 9.846 77.01 12.668 78.773 36.474 93.675 61.504 90.77 79.18 68.047z",
-    className: "cls-2"
+    fill: colored ? '#faa944' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
+    d: "M79.18 68.053c15.761-20.262 10.951-43.938-5.548-62.147-3-3.307-5.431-7.436-9.377-4.094-1.9 1.61-12.63 12.222-12.613 13.642.024 1.586 7.058 9.85 8.555 12.388 5.419 9.182 5.951 19.505-1.237 28.024-10.489 12.424-23.457 8.436-35.732 1.621-4.118-2.29-7.022-6.904-11.37-3.283C9.927 55.813 1.113 64.385.231 66.018c-2.01 3.732 9.615 10.992 12.437 12.755C36.474 93.675 61.504 90.77 79.18 68.047z",
+    className: "prefix__cls-2"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#faa944' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#faa944') ? 'white' : 'currentColor'),
-    strokeWidth: 0.265,
+    fill: colored ? '#faa944' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     d: "M50.441 53.624c19.162-14.607-6.17-37.856-19.694-20.505C20.4 46.401 36.929 63.918 50.44 53.624z",
-    className: "cls-2"
+    className: "prefix__cls-2"
   }));
+  if (!colormode) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormode === "string" ? colormode : undefined
+  }, _svgEl);
 }
 const ForwardRef = React.forwardRef(OpenTeamsIcon);
 export default ForwardRef;

package/data1/esm/OpensearchIcon.d.ts

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

package/data1/esm/OpensearchIcon.js

@@ -6,33 +6,76 @@ 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 OpensearchIcon({
   title,
   titleId,
   size,
   colored,
+  themed,
+  colormode,
   ...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 64 64",
-    fill: colored ? 'currentColor' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('currentColor') ? 'white' : 'currentColor'),
-    "aria-hidden": "true",
+    fill: themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor',
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
+    "aria-hidden": "true",
     ref: svgRef,
     "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: colored ? '#00a3e0' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#00a3e0') ? 'white' : 'currentColor'),
+    fill: colored ? '#00a3e0' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     d: "M61.737 23.5a2.263 2.263 0 00-2.262 2.263c0 18.618-15.094 33.712-33.712 33.712a2.263 2.263 0 100 4.525C46.88 64 64 46.88 64 25.763a2.263 2.263 0 00-2.263-2.263z"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#b9d9eb' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#b9d9eb') ? 'white' : 'currentColor'),
+    fill: colored ? '#b9d9eb' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     d: "M48.081 38c2.176-3.55 4.28-8.282 3.866-14.908C51.09 9.367 38.66-1.045 26.922.084c-4.596.441-9.314 4.187-8.895 10.897.182 2.915 1.61 4.636 3.928 5.959 2.208 1.26 5.044 2.057 8.259 2.961 3.883 1.092 8.388 2.32 11.85 4.87 4.15 3.059 6.986 6.603 6.018 13.229z"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#00a3e0' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#00a3e0') ? 'white' : 'currentColor'),
+    fill: colored ? '#00a3e0' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     d: "M3.919 14C1.743 17.55-.361 22.282.052 28.908.91 42.633 13.342 53.045 25.08 51.916c4.596-.441 9.314-4.187 8.895-10.896-.182-2.916-1.61-4.637-3.928-5.96-2.208-1.26-5.044-2.057-8.259-2.961-3.883-1.092-8.388-2.32-11.85-4.87C5.787 24.17 2.951 20.625 3.919 14z"
   }));
+  if (!colormode) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormode === "string" ? colormode : undefined
+  }, _svgEl);
 }
 const ForwardRef = React.forwardRef(OpensearchIcon);
 export default ForwardRef;

package/data1/esm/OpensearchNameIcon.d.ts

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

package/data1/esm/OpensearchNameIcon.js

@@ -6,42 +6,85 @@ 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 OpensearchNameIcon({
   title,
   titleId,
   size,
   colored,
+  themed,
+  colormode,
   ...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 350 350",
-    fill: colored ? 'currentColor' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('currentColor') ? 'white' : 'currentColor'),
-    "aria-hidden": "true",
+    fill: themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor',
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
+    "aria-hidden": "true",
     ref: svgRef,
     "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: colored ? '#00a3e0' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#00a3e0') ? 'white' : 'currentColor'),
+    fill: colored ? '#00a3e0' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     d: "M271.162 100.577a7.23 7.23 0 00-7.23 7.23c0 59.495-48.23 107.726-107.726 107.726a7.23 7.23 0 100 14.46c67.482 0 122.186-54.705 122.186-122.186a7.23 7.23 0 00-7.23-7.23z"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#b9d9eb' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#b9d9eb') ? 'white' : 'currentColor'),
+    fill: colored ? '#b9d9eb' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     d: "M227.525 146.91c6.953-11.341 13.677-26.465 12.354-47.637-2.74-43.857-42.463-77.128-79.972-73.522-14.685 1.412-29.762 13.38-28.423 34.82.582 9.317 5.142 14.816 12.553 19.043 7.054 4.024 16.116 6.573 26.39 9.463 12.409 3.49 26.803 7.41 37.867 15.563 13.259 9.772 22.323 21.099 19.231 42.27z"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#00a3e0' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#00a3e0') ? 'white' : 'currentColor'),
+    fill: colored ? '#00a3e0' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     d: "M86.405 70.22c-6.953 11.342-13.677 26.465-12.354 47.637 2.74 43.857 42.463 77.128 79.972 73.523 14.684-1.412 29.762-13.381 28.422-34.82-.582-9.317-5.142-14.816-12.553-19.044-7.053-4.024-16.116-6.573-26.389-9.462-12.41-3.49-26.804-7.41-37.867-15.564-13.26-9.771-22.324-21.098-19.231-42.27z"
   }), /*#__PURE__*/React.createElement("g", {
     fillRule: "evenodd",
     clipRule: "evenodd"
   }, /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#b9d9eb' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#b9d9eb') ? 'white' : 'currentColor'),
+    fill: colored ? '#b9d9eb' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     d: "M330.21 280.597v25.54h9.993v-27.76c0-5.116-1-8.981-3-11.603-2-2.647-5.015-3.943-8.937-3.943-4.255 0-7.665 2.488-9.716 6.662h-.556c.152-2.155.29-3.39.39-4.291.102-.93.166-1.506.166-2.371v-16.102h-9.994v59.408h10.549v-20.543c0-4.607.154-8.015 1.103-10.459.948-2.469 2.601-3.703 4.96-3.703 3.152 0 5.041 2.93 5.041 9.165zM185.133 303.06c2.7-2.792 4.051-6.813 4.051-12.063 0-3.279-.74-6.198-2.22-8.76-1.454-2.56-4.037-5.07-7.75-7.53-2.753-1.792-4.688-3.393-5.805-4.802-1.09-1.408-1.635-3.06-1.635-4.955 0-1.921.454-3.432 1.363-4.534.935-1.127 2.259-1.69 3.973-1.69 1.558 0 3.012.282 4.362.845a32.882 32.882 0 013.934 1.92l3.505-8.374c-4.024-2.408-8.217-3.612-12.58-3.612-4.57 0-8.218 1.41-10.945 4.226-2.7 2.818-4.05 6.634-4.05 11.45 0 2.509.337 4.712 1.012 6.607a18.031 18.031 0 002.922 5.148c1.271 1.511 3.128 3.099 5.569 4.764 2.805 1.895 4.817 3.624 6.037 5.186 1.22 1.537 1.831 3.24 1.831 5.11 0 1.895-.52 3.393-1.558 4.495-1.012 1.101-2.532 1.652-4.557 1.652-3.558 0-7.465-1.37-11.724-4.111v10.334c3.48 1.921 7.699 2.882 12.659 2.882 5.062 0 8.932-1.396 11.606-4.188zm10.907-1.504c3.116 3.795 7.364 5.692 12.745 5.692 4.61 0 8.562-.987 11.857-2.962v-8.421c-3.5 2.076-6.925 3.115-10.273 3.115-2.626 0-4.686-.923-6.18-2.77-1.493-1.87-2.157-4.575-2.235-8.395h20.543v-5.602c0-6.128-1.352-10.884-4.055-14.268-2.704-3.41-6.399-5.114-11.086-5.114-5.021 0-8.934 1.987-11.741 5.96-2.807 3.974-4.21 9.5-4.21 16.575 0 6.973 1.544 12.37 4.635 16.19zm7.608-28.496c.953-1.564 2.164-2.346 3.632-2.346 1.57 0 2.806.808 3.707 2.423.9 1.615 1.465 4.333 1.516 7.46h-10.55c.155-3.256.743-5.999 1.695-7.537zm43.833 33.077l-1.665-5.552h-.555c-1.53 2.508-3.004 4.295-4.638 5.242-1.634.947-3.697 1.42-6.187 1.42-3.191 0-5.707-1.177-7.55-3.531-1.815-2.355-2.724-5.63-2.724-9.828 0-4.504 1.245-7.844 3.736-10.02 2.516-2.2 6.265-3.416 11.246-3.647l5.759-.23v-3.071c0-3.993-1.751-5.99-5.253-5.99-2.594 0-5.578.999-8.95 2.995l-3.58-7.063c4.306-2.688 8.917-4.031 13.976-4.031 4.592 0 8.153 1.305 10.54 3.915 2.412 2.585 3.618 6.258 3.618 11.018v28.373zm-8.804-6.874c1.894 0 3.399-.832 4.514-2.496 1.141-1.689 1.712-3.928 1.712-6.718v-3.609l-3.19.154c-2.361.128-4.1.793-5.215 1.996-1.09 1.203-1.634 2.995-1.634 5.375 0 3.532 1.271 5.298 3.813 5.298zm42.117-35.6c-1.188-.383-2.957-.832-4.195-.832-1.744 0-3.275.574-4.59 1.723-1.314 1.15-2.317 2.258-3.43 4.94h-.555l-1.665-5.553h-7.773v42.196h10.508V283.93c0-3.729.236-6.134 1.55-8.075 1.316-1.966 3.199-2.95 5.65-2.95 1.139 0 2.127.22 2.835.476zm15.546 43.585c-5.06 0-8.934-1.69-11.578-5.408-2.645-3.717-3.968-9.178-3.968-16.382 0-7.538 1.246-13.165 3.738-16.883 2.518-3.717 6.275-5.744 11.514-5.744 1.576 0 3.35.399 5.079.86 1.729.462 3.835 1.044 5.209 1.916l-3.455 8.045c-2.11-1.257-3.98-1.885-5.606-1.885-2.162 0-3.726 1.141-4.693 3.423-.94 2.256-1.41 5.653-1.41 10.19 0 4.436.47 7.756 1.41 9.961.942 2.18 2.48 3.269 4.616 3.269 2.543 0 5.2-.898 7.972-2.692v8.999c-2.67 1.666-5.599 2.33-8.828 2.33z"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#00a3e0' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#00a3e0') ? 'white' : 'currentColor'),
+    fill: colored ? '#00a3e0' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     d: "M47.358 299.766c3.497-4.988 5.245-12.124 5.245-21.409 0-9.284-1.736-16.408-5.206-21.37-3.471-4.988-8.46-7.482-14.963-7.482-6.582 0-11.62 2.482-15.117 7.444-3.497 4.936-5.245 12.047-5.245 21.332 0 9.361 1.748 16.536 5.245 21.523 3.496 4.963 8.51 7.444 15.04 7.444 6.504 0 11.504-2.494 15.001-7.482zm-22.136-6.79c-1.62-3.352-2.43-8.224-2.43-14.619 0-6.42.81-11.292 2.43-14.617 1.62-3.351 4.024-5.026 7.212-5.026 6.273 0 9.41 6.547 9.41 19.643s-3.163 19.644-9.487 19.644c-3.137 0-5.515-1.675-7.135-5.026zm44.799 13.159c1.424.823 2.958 1.113 4.79 1.113 3.92 0 7.107-1.859 9.372-5.818 2.265-3.959 3.398-9.421 3.398-16.388 0-7.07-1.095-12.532-3.283-16.389-2.19-3.881-5.217-5.822-9.086-5.822-4.02 0-7.172 2.395-9.284 6.662h-.555l-1.666-5.552h-7.773v61.629h9.994v-18.322c0-.72-.148-3.167-.555-6.663h.555c.833 2.499 2.693 4.702 4.093 5.55zm-2.559-31.775c.892-1.876 2.329-2.815 4.314-2.815 1.858 0 3.22 1.106 4.086 3.317.89 2.21 1.335 5.553 1.335 10.026 0 9.1-1.78 13.65-5.344 13.65-2.062 0-3.538-1.08-4.428-3.239-.891-2.16-1.336-5.604-1.336-10.334v-1.35c.05-4.319.508-7.404 1.373-9.255zm39.72 32.888c-5.38 0-9.63-1.897-12.745-5.692-3.09-3.82-4.635-9.217-4.635-16.19 0-7.076 1.403-12.6 4.21-16.575 2.807-3.973 6.72-5.96 11.741-5.96 4.686 0 8.382 1.705 11.086 5.114 2.703 3.384 4.055 8.14 4.055 14.268v5.602H100.35c.078 3.82.742 6.524 2.235 8.396 1.494 1.846 3.554 2.769 6.18 2.769 3.348 0 6.772-1.039 10.273-3.115v8.421c-3.295 1.975-7.247 2.962-11.857 2.962zm-1.505-36.534c-1.468 0-2.679.782-3.632 2.346-.952 1.538-1.54 4.281-1.694 7.537H110.9c-.051-3.127-.615-5.845-1.516-7.46-.901-1.615-2.137-2.423-3.707-2.423zm40.201 9.883v25.54h9.994v-27.54c0-5.152-.974-9.068-2.922-11.747-1.923-2.68-4.833-4.02-8.73-4.02-2.306 0-4.319.567-6.037 1.701-1.717 1.108-3.041 2.978-3.964 4.962h-.555l-1.388-5.552h-8.05v42.196h10.548v-20.265c0-5.23.192-8.794 1.218-10.984 1.025-2.216 2.64-3.324 4.845-3.324 1.666 0 2.872.799 3.615 2.396.744 1.598 1.426 3.52 1.426 6.637z"
   })));
+  if (!colormode) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormode === "string" ? colormode : undefined
+  }, _svgEl);
 }
 const ForwardRef = React.forwardRef(OpensearchNameIcon);
 export default ForwardRef;

package/data1/esm/OrganisationIcon.d.ts

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