@datalayer/icons-react 1.0.7 → 1.0.8

package/data1/esm/YoutubeIcon.js

@@ -6,30 +6,73 @@ 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 YoutubeIcon({
   title,
   titleId,
   size,
   colored,
+  themed,
+  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 40 40",
-    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 ? '#e52d27' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#e52d27') ? 'white' : 'currentColor'),
+    fill: colored ? '#e52d27' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     d: "M0 0h40v40H0z"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#fff' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#fff') ? 'white' : 'currentColor'),
+    fill: colored ? '#fff' : 'white',
     d: "M33.72 14.4a6.058 6.058 0 00-1.113-2.779 4 4 0 00-2.807-1.184c-3.918-.283-9.8-.283-9.8-.283h-.012s-5.877 0-9.8.283a4.005 4.005 0 00-2.806 1.186A6.056 6.056 0 006.28 14.4 42.344 42.344 0 006 18.933v2.124a42.342 42.342 0 00.28 4.532 6.056 6.056 0 001.113 2.779 4.748 4.748 0 003.087 1.2c2.24.215 9.52.281 9.52.281s5.884-.009 9.8-.292a4 4 0 002.806-1.186 6.058 6.058 0 001.113-2.779A42.406 42.406 0 0034 21.058v-2.125a42.408 42.408 0 00-.28-4.533zm-16.611 9.23v-7.865l7.566 3.947z"
   }));
+  if (!colormoded) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormoded === "string" ? colormoded : undefined
+  }, _svgEl);
 }
 const ForwardRef = React.forwardRef(YoutubeIcon);
 export default ForwardRef;

package/data1/esm/ZedIcon.d.ts

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

package/data1/esm/ZedIcon.js

@@ -6,37 +6,80 @@ 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 ZedIcon({
   title,
   titleId,
   size,
   colored,
+  themed,
+  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",
-    fill: colored ? 'none' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('none') ? 'white' : 'currentColor'),
+    fill: colored ? 'none' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     viewBox: "0 0 16 16",
-    "aria-hidden": "true",
     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", {
-    clipPath: "url(#clip0_1882_101)"
+    clipPath: "url(#prefix__clip0_1882_101)"
   }, /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#000' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#000') ? 'white' : 'currentColor'),
+    fill: colored ? '#000' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     fillRule: "evenodd",
     d: "M2.313 1.875a.438.438 0 00-.438.438v9.624H1V2.313C1 1.587 1.588 1 2.313 1h11.721c.585 0 .878.707.464 1.12l-7.22 7.22h2.035v-.902h.874v1.12a.656.656 0 01-.656.657H6.404L4.9 11.719h6.819V6.25h.875v5.469a.875.875 0 01-.875.875H4.025l-1.531 1.531h11.194a.438.438 0 00.437-.438V4.063H15v9.625c0 .724-.588 1.312-1.313 1.312H1.966a.656.656 0 01-.464-1.12l7.192-7.193H6.687v.875h-.875V6.47c0-.363.294-.657.657-.657h3.1l1.531-1.53H4.281V9.75h-.875V4.281c0-.483.392-.875.875-.875h7.694l1.531-1.531H2.312z",
     clipRule: "evenodd"
   })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: "clip0_1882_101"
+    id: "prefix__clip0_1882_101"
   }, /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#fff' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#fff') ? 'white' : 'currentColor'),
+    fill: colored ? '#fff' : 'white',
     d: "M0 0h14v14H0z",
     transform: "translate(1 1)"
   }))));
+  if (!colormoded) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormoded === "string" ? colormoded : undefined
+  }, _svgEl);
 }
 const ForwardRef = React.forwardRef(ZedIcon);
 export default ForwardRef;

package/data1/esm/index.d.ts

@@ -28,6 +28,8 @@ export { default as ArxivMarkIcon } from './ArxivMarkIcon'
 // export { default as arxivMarkIconLabIcon } from './ArxivMarkIconLabIcon'
 export { default as ArxivIcon } from './ArxivIcon'
 // export { default as arxivIconLabIcon } from './ArxivIconLabIcon'
+export { default as AutomatItIcon } from './AutomatItIcon'
+// export { default as automatItIconLabIcon } from './AutomatItIconLabIcon'
 export { default as AwsS3BucketIcon } from './AwsS3BucketIcon'
 // export { default as awsS3BucketIconLabIcon } from './AwsS3BucketIconLabIcon'
 export { default as AwsIcon } from './AwsIcon'
@@ -184,6 +186,8 @@ export { default as GolangIcon } from './GolangIcon'
 // export { default as golangIconLabIcon } from './GolangIconLabIcon'
 export { default as GoogleCloudIcon } from './GoogleCloudIcon'
 // export { default as googleCloudIconLabIcon } from './GoogleCloudIconLabIcon'
+export { default as GoogleColabIcon } from './GoogleColabIcon'
+// export { default as googleColabIconLabIcon } from './GoogleColabIconLabIcon'
 export { default as GoogleIcon } from './GoogleIcon'
 // export { default as googleIconLabIcon } from './GoogleIconLabIcon'
 export { default as GpuCardIcon } from './GpuCardIcon'
@@ -208,8 +212,14 @@ export { default as IdentityCard2Icon } from './IdentityCard2Icon'
 // export { default as identityCard2IconLabIcon } from './IdentityCard2IconLabIcon'
 export { default as IpyWidgetsIcon } from './IpyWidgetsIcon'
 // export { default as ipyWidgetsIconLabIcon } from './IpyWidgetsIconLabIcon'
+export { default as Iso27001SensibaIcon } from './Iso27001SensibaIcon'
+// export { default as iso27001SensibaIconLabIcon } from './Iso27001SensibaIconLabIcon'
 export { default as Iso27001Icon } from './Iso27001Icon'
 // export { default as iso27001IconLabIcon } from './Iso27001IconLabIcon'
+export { default as Iso42001SensibaIcon } from './Iso42001SensibaIcon'
+// export { default as iso42001SensibaIconLabIcon } from './Iso42001SensibaIconLabIcon'
+export { default as Iso42001Icon } from './Iso42001Icon'
+// export { default as iso42001IconLabIcon } from './Iso42001IconLabIcon'
 export { default as JavaIcon } from './JavaIcon'
 // export { default as javaIconLabIcon } from './JavaIconLabIcon'
 export { default as Jupiter2Icon } from './Jupiter2Icon'
@@ -362,6 +372,8 @@ export { default as PulsarIcon } from './PulsarIcon'
 // export { default as pulsarIconLabIcon } from './PulsarIconLabIcon'
 export { default as PyTorchIcon } from './PyTorchIcon'
 // export { default as pyTorchIconLabIcon } from './PyTorchIconLabIcon'
+export { default as PydanticIcon } from './PydanticIcon'
+// export { default as pydanticIconLabIcon } from './PydanticIconLabIcon'
 export { default as PydataIcon } from './PydataIcon'
 // export { default as pydataIconLabIcon } from './PydataIconLabIcon'
 export { default as PythonNameIcon } from './PythonNameIcon'

package/data1/esm/index.js

@@ -28,6 +28,8 @@ export { default as ArxivMarkIcon } from './ArxivMarkIcon.js'
 // export { default as arxivMarkIconLabIcon } from './ArxivMarkIconLabIcon.js'
 export { default as ArxivIcon } from './ArxivIcon.js'
 // export { default as arxivIconLabIcon } from './ArxivIconLabIcon.js'
+export { default as AutomatItIcon } from './AutomatItIcon.js'
+// export { default as automatItIconLabIcon } from './AutomatItIconLabIcon.js'
 export { default as AwsS3BucketIcon } from './AwsS3BucketIcon.js'
 // export { default as awsS3BucketIconLabIcon } from './AwsS3BucketIconLabIcon.js'
 export { default as AwsIcon } from './AwsIcon.js'
@@ -184,6 +186,8 @@ export { default as GolangIcon } from './GolangIcon.js'
 // export { default as golangIconLabIcon } from './GolangIconLabIcon.js'
 export { default as GoogleCloudIcon } from './GoogleCloudIcon.js'
 // export { default as googleCloudIconLabIcon } from './GoogleCloudIconLabIcon.js'
+export { default as GoogleColabIcon } from './GoogleColabIcon.js'
+// export { default as googleColabIconLabIcon } from './GoogleColabIconLabIcon.js'
 export { default as GoogleIcon } from './GoogleIcon.js'
 // export { default as googleIconLabIcon } from './GoogleIconLabIcon.js'
 export { default as GpuCardIcon } from './GpuCardIcon.js'
@@ -208,8 +212,14 @@ export { default as IdentityCard2Icon } from './IdentityCard2Icon.js'
 // export { default as identityCard2IconLabIcon } from './IdentityCard2IconLabIcon.js'
 export { default as IpyWidgetsIcon } from './IpyWidgetsIcon.js'
 // export { default as ipyWidgetsIconLabIcon } from './IpyWidgetsIconLabIcon.js'
+export { default as Iso27001SensibaIcon } from './Iso27001SensibaIcon.js'
+// export { default as iso27001SensibaIconLabIcon } from './Iso27001SensibaIconLabIcon.js'
 export { default as Iso27001Icon } from './Iso27001Icon.js'
 // export { default as iso27001IconLabIcon } from './Iso27001IconLabIcon.js'
+export { default as Iso42001SensibaIcon } from './Iso42001SensibaIcon.js'
+// export { default as iso42001SensibaIconLabIcon } from './Iso42001SensibaIconLabIcon.js'
+export { default as Iso42001Icon } from './Iso42001Icon.js'
+// export { default as iso42001IconLabIcon } from './Iso42001IconLabIcon.js'
 export { default as JavaIcon } from './JavaIcon.js'
 // export { default as javaIconLabIcon } from './JavaIconLabIcon.js'
 export { default as Jupiter2Icon } from './Jupiter2Icon.js'
@@ -362,6 +372,8 @@ export { default as PulsarIcon } from './PulsarIcon.js'
 // export { default as pulsarIconLabIcon } from './PulsarIconLabIcon.js'
 export { default as PyTorchIcon } from './PyTorchIcon.js'
 // export { default as pyTorchIconLabIcon } from './PyTorchIconLabIcon.js'
+export { default as PydanticIcon } from './PydanticIcon.js'
+// export { default as pydanticIconLabIcon } from './PydanticIconLabIcon.js'
 export { default as PydataIcon } from './PydataIcon.js'
 // export { default as pydataIconLabIcon } from './PydataIconLabIcon.js'
 export { default as PythonNameIcon } from './PythonNameIcon.js'

package/data1/index.d.ts

@@ -28,6 +28,8 @@ export { default as ArxivMarkIcon } from './ArxivMarkIcon'
 // export { default as arxivMarkIconLabIcon } from './ArxivMarkIconLabIcon'
 export { default as ArxivIcon } from './ArxivIcon'
 // export { default as arxivIconLabIcon } from './ArxivIconLabIcon'
+export { default as AutomatItIcon } from './AutomatItIcon'
+// export { default as automatItIconLabIcon } from './AutomatItIconLabIcon'
 export { default as AwsS3BucketIcon } from './AwsS3BucketIcon'
 // export { default as awsS3BucketIconLabIcon } from './AwsS3BucketIconLabIcon'
 export { default as AwsIcon } from './AwsIcon'
@@ -184,6 +186,8 @@ export { default as GolangIcon } from './GolangIcon'
 // export { default as golangIconLabIcon } from './GolangIconLabIcon'
 export { default as GoogleCloudIcon } from './GoogleCloudIcon'
 // export { default as googleCloudIconLabIcon } from './GoogleCloudIconLabIcon'
+export { default as GoogleColabIcon } from './GoogleColabIcon'
+// export { default as googleColabIconLabIcon } from './GoogleColabIconLabIcon'
 export { default as GoogleIcon } from './GoogleIcon'
 // export { default as googleIconLabIcon } from './GoogleIconLabIcon'
 export { default as GpuCardIcon } from './GpuCardIcon'
@@ -208,8 +212,14 @@ export { default as IdentityCard2Icon } from './IdentityCard2Icon'
 // export { default as identityCard2IconLabIcon } from './IdentityCard2IconLabIcon'
 export { default as IpyWidgetsIcon } from './IpyWidgetsIcon'
 // export { default as ipyWidgetsIconLabIcon } from './IpyWidgetsIconLabIcon'
+export { default as Iso27001SensibaIcon } from './Iso27001SensibaIcon'
+// export { default as iso27001SensibaIconLabIcon } from './Iso27001SensibaIconLabIcon'
 export { default as Iso27001Icon } from './Iso27001Icon'
 // export { default as iso27001IconLabIcon } from './Iso27001IconLabIcon'
+export { default as Iso42001SensibaIcon } from './Iso42001SensibaIcon'
+// export { default as iso42001SensibaIconLabIcon } from './Iso42001SensibaIconLabIcon'
+export { default as Iso42001Icon } from './Iso42001Icon'
+// export { default as iso42001IconLabIcon } from './Iso42001IconLabIcon'
 export { default as JavaIcon } from './JavaIcon'
 // export { default as javaIconLabIcon } from './JavaIconLabIcon'
 export { default as Jupiter2Icon } from './Jupiter2Icon'
@@ -362,6 +372,8 @@ export { default as PulsarIcon } from './PulsarIcon'
 // export { default as pulsarIconLabIcon } from './PulsarIconLabIcon'
 export { default as PyTorchIcon } from './PyTorchIcon'
 // export { default as pyTorchIconLabIcon } from './PyTorchIconLabIcon'
+export { default as PydanticIcon } from './PydanticIcon'
+// export { default as pydanticIconLabIcon } from './PydanticIconLabIcon'
 export { default as PydataIcon } from './PydataIcon'
 // export { default as pydataIconLabIcon } from './PydataIconLabIcon'
 export { default as PythonNameIcon } from './PythonNameIcon'

package/data1/index.js

@@ -28,6 +28,8 @@ module.exports.ArxivMarkIcon = require("./ArxivMarkIcon.js")
 // module.exports.arxivMarkIconLabIcon = require("./ArxivMarkIconLabIcon.js")
 module.exports.ArxivIcon = require("./ArxivIcon.js")
 // module.exports.arxivIconLabIcon = require("./ArxivIconLabIcon.js")
+module.exports.AutomatItIcon = require("./AutomatItIcon.js")
+// module.exports.automatItIconLabIcon = require("./AutomatItIconLabIcon.js")
 module.exports.AwsS3BucketIcon = require("./AwsS3BucketIcon.js")
 // module.exports.awsS3BucketIconLabIcon = require("./AwsS3BucketIconLabIcon.js")
 module.exports.AwsIcon = require("./AwsIcon.js")
@@ -184,6 +186,8 @@ module.exports.GolangIcon = require("./GolangIcon.js")
 // module.exports.golangIconLabIcon = require("./GolangIconLabIcon.js")
 module.exports.GoogleCloudIcon = require("./GoogleCloudIcon.js")
 // module.exports.googleCloudIconLabIcon = require("./GoogleCloudIconLabIcon.js")
+module.exports.GoogleColabIcon = require("./GoogleColabIcon.js")
+// module.exports.googleColabIconLabIcon = require("./GoogleColabIconLabIcon.js")
 module.exports.GoogleIcon = require("./GoogleIcon.js")
 // module.exports.googleIconLabIcon = require("./GoogleIconLabIcon.js")
 module.exports.GpuCardIcon = require("./GpuCardIcon.js")
@@ -208,8 +212,14 @@ module.exports.IdentityCard2Icon = require("./IdentityCard2Icon.js")
 // module.exports.identityCard2IconLabIcon = require("./IdentityCard2IconLabIcon.js")
 module.exports.IpyWidgetsIcon = require("./IpyWidgetsIcon.js")
 // module.exports.ipyWidgetsIconLabIcon = require("./IpyWidgetsIconLabIcon.js")
+module.exports.Iso27001SensibaIcon = require("./Iso27001SensibaIcon.js")
+// module.exports.iso27001SensibaIconLabIcon = require("./Iso27001SensibaIconLabIcon.js")
 module.exports.Iso27001Icon = require("./Iso27001Icon.js")
 // module.exports.iso27001IconLabIcon = require("./Iso27001IconLabIcon.js")
+module.exports.Iso42001SensibaIcon = require("./Iso42001SensibaIcon.js")
+// module.exports.iso42001SensibaIconLabIcon = require("./Iso42001SensibaIconLabIcon.js")
+module.exports.Iso42001Icon = require("./Iso42001Icon.js")
+// module.exports.iso42001IconLabIcon = require("./Iso42001IconLabIcon.js")
 module.exports.JavaIcon = require("./JavaIcon.js")
 // module.exports.javaIconLabIcon = require("./JavaIconLabIcon.js")
 module.exports.Jupiter2Icon = require("./Jupiter2Icon.js")
@@ -362,6 +372,8 @@ module.exports.PulsarIcon = require("./PulsarIcon.js")
 // module.exports.pulsarIconLabIcon = require("./PulsarIconLabIcon.js")
 module.exports.PyTorchIcon = require("./PyTorchIcon.js")
 // module.exports.pyTorchIconLabIcon = require("./PyTorchIconLabIcon.js")
+module.exports.PydanticIcon = require("./PydanticIcon.js")
+// module.exports.pydanticIconLabIcon = require("./PydanticIconLabIcon.js")
 module.exports.PydataIcon = require("./PydataIcon.js")
 // module.exports.pydataIconLabIcon = require("./PydataIconLabIcon.js")
 module.exports.PythonNameIcon = require("./PythonNameIcon.js")

package/data2/AlienMaskIcon.d.ts

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

package/data2/AlienMaskIcon.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 AlienMaskIcon({
   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 AlienMaskIcon({
     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",
@@ -30,7 +68,7 @@ function AlienMaskIcon({
     d: "M36.943 62.25c6-5 11.853-46.357 11.926-47.304 3.109 2.542 7.1 8.926 7.725 13.032 1.165 7.657-2.396 17.783-7.374 23.125-5.16 11.11-12.277 11.147-12.277 11.147"
   }), /*#__PURE__*/React.createElement("path", {
     fill: "#3f3f3f",
-    d: "M22.57 42.348c1.992 3.7 5.344 5.712 7.486 4.494 2.142-1.217 2.263-5.204.27-8.904s-5.344-5.712-7.486-4.494-2.263 5.204-.27 8.904zM49.032 42.348c-1.993 3.7-5.344 5.712-7.486 4.494-2.142-1.217-2.263-5.204-.27-8.904s5.344-5.712 7.485-4.494c2.142 1.217 2.263 5.204.27 8.904z"
+    d: "M22.57 42.348c1.992 3.7 5.344 5.712 7.486 4.494 2.142-1.217 2.263-5.204.27-8.904s-5.344-5.712-7.486-4.494-2.263 5.204-.27 8.904zm26.462 0c-1.993 3.7-5.344 5.712-7.486 4.494-2.142-1.217-2.263-5.204-.27-8.904s5.344-5.712 7.485-4.494c2.142 1.217 2.263 5.204.27 8.904z"
   }), /*#__PURE__*/React.createElement("g", {
     fill: "none",
     stroke: "#000",
@@ -50,6 +88,10 @@ function AlienMaskIcon({
     strokeMiterlimit: 10,
     d: "M49.032 42.348c-1.993 3.7-5.344 5.712-7.486 4.494-2.142-1.217-2.263-5.204-.27-8.904s5.344-5.712 7.485-4.494c2.142 1.217 2.263 5.204.27 8.904z"
   })));
+  if (!colormoded) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormoded === "string" ? colormoded : undefined
+  }, _svgEl);
 }
 const ForwardRef = React.forwardRef(AlienMaskIcon);
 module.exports = ForwardRef;

package/data2/AlienMonsterIcon.d.ts

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

package/data2/AlienMonsterIcon.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 AlienMonsterIcon({
   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,13 +54,16 @@ function AlienMonsterIcon({
     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: "M10 21v14h3v3h3v7h6v6h6v-6h16v6h6v-6h6v-7h3v-3h3V20h-6v5h-7v-5h-4v-6h-6v6h-7v-6h-6v6h-4v5h-6v-5h-6zm6 30h6v6h-6zm34 0h6v6h-6z",
     fill: "#8967AA"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M10 21v14h3v3h3v7h6v6h6v-6h16v6h6v-6h6v-7h3v-3h3V20h-6v5h-7v-5h-4v-6h-6v6h-7v-6h-6v6h-4v5h-6v-5h-6zM16 51h6v6h-6zM50 51h6v6h-6z"
-  })), /*#__PURE__*/React.createElement("g", {
+  }), /*#__PURE__*/React.createElement("g", {
     stroke: "#000",
     strokeLinecap: "round",
     strokeLinejoin: "round",
@@ -35,13 +72,17 @@ function AlienMonsterIcon({
     d: "M25.175 31h3.6v6h-3.6z"
   }), /*#__PURE__*/React.createElement("path", {
     fill: "none",
-    d: "M22 45h-6v-6M22.583 25v-5H26M48.708 25v-5h-3.416M13 35h-3V20h6v15M56 35V20h6v15h-3M26 20v-6h6v6M39 20v-6h6v6M16 35h3v3h-6v-3M59 35v3h-6v-3h3M16 51h6v6h-6zM50 51h6v6h-6zM28 45v6h-6v-6M50 45h6v-6M44 45v6h6v-6"
+    d: "M22 45h-6v-6m6.583-14v-5H26m22.708 5v-5h-3.416M13 35h-3V20h6v15m40 0V20h6v15h-3M26 20v-6h6v6m7 0v-6h6v6M16 35h3v3h-6v-3m46 0v3h-6v-3h3M16 51h6v6h-6zm34 0h6v6h-6zm-22-6v6h-6v-6m28 0h6v-6m-12 6v6h6v-6"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M43.425 31h3.6v6h-3.6z"
   }), /*#__PURE__*/React.createElement("path", {
     fill: "none",
-    d: "M44 45h0zM39 20h0zM16 25h0zM49 25h0zM28 45h16M32 20h7M16 25h6M49 25h7"
+    d: "M44 45h0zm-5-25h0zm-23 5h0zm33 0h0zM28 45h16M32 20h7m-23 5h6m27 0h7"
   })));
+  if (!colormoded) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormoded === "string" ? colormoded : undefined
+  }, _svgEl);
 }
 const ForwardRef = React.forwardRef(AlienMonsterIcon);
 module.exports = ForwardRef;

package/data2/AngularIcon.d.ts

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

package/data2/AngularIcon.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 AngularIcon({
   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",
     preserveAspectRatio: "xMinYMin meet",
     viewBox: "0 0 256 270",
@@ -21,7 +55,11 @@ function AngularIcon({
     height: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
     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: "#B3B3B3",
@@ -39,6 +77,10 @@ function AngularIcon({
     fill: "#B3B3B3",
     d: "M127.309 23.226l.21 55.902 26.47 55.377h-26.62l-.06 23.189 36.81.035 17.204 39.852 27.967.518-81.981-174.873z"
   }));
+  if (!colormoded) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormoded === "string" ? colormoded : undefined
+  }, _svgEl);
 }
 const ForwardRef = React.forwardRef(AngularIcon);
 module.exports = ForwardRef;

package/data2/AppleRainbowIcon.d.ts

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