@datalayer/icons-react 1.0.8 → 1.0.10

package/data1/NvidiaCudaIcon.js

@@ -11,31 +11,44 @@ function _DlIconInverseColormode({
   children
 }) {
   const ref = React.useRef(null);
-  const [resolved, setResolved] = React.useState(typeof mode === "string" ? mode : null);
+  const [appearance, setAppearance] = React.useState({
+    mode: typeof mode === "string" ? mode : null,
+    lightTheme: null,
+    darkTheme: null
+  });
   React.useLayoutEffect(() => {
-    if (typeof mode === "string") {
-      setResolved(mode);
-      return;
-    }
     if (typeof document === "undefined") return;
-    let cur = null;
+    let currentMode = null;
+    let lightTheme = null;
+    let darkTheme = null;
     let el = ref.current && ref.current.parentElement;
-    while (el) {
-      const m = el.getAttribute && el.getAttribute("data-color-mode");
-      if (m) { cur = m; break; }
+    while (el && (!currentMode || !lightTheme || !darkTheme)) {
+      if (el.getAttribute) {
+        currentMode = currentMode || el.getAttribute("data-color-mode");
+        lightTheme = lightTheme || el.getAttribute("data-light-theme");
+        darkTheme = darkTheme || el.getAttribute("data-dark-theme");
+      }
       el = el.parentElement;
     }
-    if (!cur || cur === "auto") {
-      cur = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
+    if (!currentMode || currentMode === "auto") {
+      currentMode = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
     }
-    setResolved(cur === "dark" ? "light" : "dark");
+    setAppearance({
+      mode: typeof mode === "string" ? mode : (currentMode === "dark" ? "light" : "dark"),
+      lightTheme,
+      darkTheme
+    });
   }, [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 }
+    "data-color-mode": appearance.mode || "light",
+    "data-light-theme": appearance.lightTheme || undefined,
+    "data-dark-theme": appearance.darkTheme || undefined,
+    style: {
+      display: "inline-flex",
+      lineHeight: 0,
+      color: "var(--fgColor-default, var(--color-fg-default, currentColor))"
+    }
   }, children);
 }
 
@@ -45,30 +58,32 @@ function NvidiaCudaIcon({
   size,
   colored,
   themed,
-  colormoded,
+  colormode,
   ...props
 }, svgRef) {
   const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 32 32",
-    fill: themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor',
+    fill: (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
     "aria-hidden": "true",
     ref: svgRef,
     "aria-labelledby": titleId
   }, props, {
+    "data-datalayer-icon": "",
     style: props && props.color != null ? Object.assign({}, props.style, {
-      "--datalayer-icon-fg": props.color
+      "--datalayer-icon-color": props.color,
+      color: props.color
     }) : props && props.style
-  }), title ? /*#__PURE__*/React.createElement("title", {
+  }), /*#__PURE__*/React.createElement("style", null, "[data-color-mode=\"light\"]{--datalayer-icon-color-scheme:light}[data-color-mode=\"dark\"]{--datalayer-icon-color-scheme:dark}svg[data-datalayer-icon]{color-scheme:var(--datalayer-icon-color-scheme, light dark)}"), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#80bc00' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
+    fill: colored ? "#80bc00" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 66%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 68%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 66%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 68%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 66%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
     d: "M12.447 12.265v-1.674c.163-.012.327-.02.494-.026 4.577-.143 7.581 3.934 7.581 3.934S17.278 19 13.8 19a4.2 4.2 0 01-1.353-.217v-5.071c1.782.215 2.14 1 3.212 2.788l2.383-2.009a6.312 6.312 0 00-4.672-2.281 8.606 8.606 0 00-.923.055m0-5.529v2.5c.164-.013.329-.024.494-.03 6.366-.214 10.513 5.221 10.513 5.221s-4.764 5.792-9.726 5.792a7.4 7.4 0 01-1.281-.112v1.545a8.528 8.528 0 001.067.069c4.618 0 7.958-2.358 11.192-5.15.535.43 2.731 1.474 3.182 1.932-3.075 2.574-10.241 4.649-14.3 4.649-.392 0-.769-.024-1.138-.06v2.172H30V6.736zm0 12.051v1.32c-4.271-.762-5.457-5.2-5.457-5.2a9.234 9.234 0 015.457-2.64v1.447h-.006a4.1 4.1 0 00-3.184 1.456s.782 2.811 3.19 3.62m-7.586-4.077a10.576 10.576 0 017.586-4.122V9.236C6.848 9.685 2 14.427 2 14.427s2.746 7.939 10.447 8.665v-1.44c-5.647-.711-7.586-6.939-7.586-6.939z"
   }));
-  if (!colormoded) return _svgEl;
+  if (!colormode) return _svgEl;
   return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
-    mode: typeof colormoded === "string" ? colormoded : undefined
+    mode: typeof colormode === "string" ? colormode : undefined
   }, _svgEl);
 }
 const ForwardRef = React.forwardRef(NvidiaCudaIcon);

package/data1/NvidiaIcon.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare const NvidiaIcon: 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>>;
+declare const NvidiaIcon: 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 NvidiaIcon;

package/data1/NvidiaIcon.js

@@ -11,31 +11,44 @@ function _DlIconInverseColormode({
   children
 }) {
   const ref = React.useRef(null);
-  const [resolved, setResolved] = React.useState(typeof mode === "string" ? mode : null);
+  const [appearance, setAppearance] = React.useState({
+    mode: typeof mode === "string" ? mode : null,
+    lightTheme: null,
+    darkTheme: null
+  });
   React.useLayoutEffect(() => {
-    if (typeof mode === "string") {
-      setResolved(mode);
-      return;
-    }
     if (typeof document === "undefined") return;
-    let cur = null;
+    let currentMode = null;
+    let lightTheme = null;
+    let darkTheme = null;
     let el = ref.current && ref.current.parentElement;
-    while (el) {
-      const m = el.getAttribute && el.getAttribute("data-color-mode");
-      if (m) { cur = m; break; }
+    while (el && (!currentMode || !lightTheme || !darkTheme)) {
+      if (el.getAttribute) {
+        currentMode = currentMode || el.getAttribute("data-color-mode");
+        lightTheme = lightTheme || el.getAttribute("data-light-theme");
+        darkTheme = darkTheme || el.getAttribute("data-dark-theme");
+      }
       el = el.parentElement;
     }
-    if (!cur || cur === "auto") {
-      cur = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
+    if (!currentMode || currentMode === "auto") {
+      currentMode = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
     }
-    setResolved(cur === "dark" ? "light" : "dark");
+    setAppearance({
+      mode: typeof mode === "string" ? mode : (currentMode === "dark" ? "light" : "dark"),
+      lightTheme,
+      darkTheme
+    });
   }, [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 }
+    "data-color-mode": appearance.mode || "light",
+    "data-light-theme": appearance.lightTheme || undefined,
+    "data-dark-theme": appearance.darkTheme || undefined,
+    style: {
+      display: "inline-flex",
+      lineHeight: 0,
+      color: "var(--fgColor-default, var(--color-fg-default, currentColor))"
+    }
   }, children);
 }
 
@@ -45,35 +58,37 @@ function NvidiaIcon({
   size,
   colored,
   themed,
-  colormoded,
+  colormode,
   ...props
 }, svgRef) {
   const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024",
-    fill: themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor',
+    fill: (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
     "aria-hidden": "true",
     ref: svgRef,
     "aria-labelledby": titleId
   }, props, {
+    "data-datalayer-icon": "",
     style: props && props.color != null ? Object.assign({}, props.style, {
-      "--datalayer-icon-fg": props.color
+      "--datalayer-icon-color": props.color,
+      color: props.color
     }) : props && props.style
-  }), title ? /*#__PURE__*/React.createElement("title", {
+  }), /*#__PURE__*/React.createElement("style", null, "[data-color-mode=\"light\"]{--datalayer-icon-color-scheme:light}[data-color-mode=\"dark\"]{--datalayer-icon-color-scheme:dark}svg[data-datalayer-icon]{color-scheme:var(--datalayer-icon-color-scheme, light dark)}"), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("circle", {
     cx: 512.25,
     cy: 512.25,
     r: 512,
-    fill: "#76b900"
+    fill: colored ? "#76b900" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 65%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 69%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 65%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 69%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 65%, var(--bgColor-default, var(--color-canvas-default, Canvas))))"))
   }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#fff' : 'white',
+    fill: colored ? "#fff" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 90%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 44%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 90%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 44%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 90%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
     d: "M430.58 436.9v-33.66c3.26-.23 6.56-.41 9.92-.51 92-2.89 152.41 79.09 152.41 79.09S527.7 572.4 457.78 572.4a84.86 84.86 0 01-27.2-4.35V466c35.83 4.33 43 20.15 64.57 56.06l47.91-40.4s-35-45.87-93.91-45.87a170.07 170.07 0 00-18.56 1.1m0-111.17V376c3.3-.27 6.61-.47 9.92-.59 128-4.31 211.37 105 211.37 105s-95.79 116.42-195.57 116.42a146.92 146.92 0 01-25.74-2.27v31.08A169.64 169.64 0 00452 627c92.85 0 160-47.42 225-103.54 10.77 8.64 54.9 29.63 64 38.83-61.83 51.76-205.91 93.48-287.59 93.48-7.87 0-15.44-.47-22.86-1.19v43.67h352.93V325.73zm0 242.31v26.52C344.69 579.26 320.85 490 320.85 490s41.24-45.69 109.73-53.08V466h-.14c-35.93-4.31-64 29.25-64 29.25s15.74 56.53 64.16 72.8M278 486.11s50.9-75.11 152.54-82.87V376C318 385 220.52 480.36 220.52 480.36S275.73 640 430.58 654.6v-29C316.95 611.34 278 486.11 278 486.11"
   }));
-  if (!colormoded) return _svgEl;
+  if (!colormode) return _svgEl;
   return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
-    mode: typeof colormoded === "string" ? colormoded : undefined
+    mode: typeof colormode === "string" ? colormode : undefined
   }, _svgEl);
 }
 const ForwardRef = React.forwardRef(NvidiaIcon);

package/data1/NvidiaInceptionBwIcon.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare const NvidiaInceptionBwIcon: 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>>;
+declare const NvidiaInceptionBwIcon: 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 NvidiaInceptionBwIcon;

package/data1/NvidiaInceptionBwIcon.js

@@ -11,31 +11,44 @@ function _DlIconInverseColormode({
   children
 }) {
   const ref = React.useRef(null);
-  const [resolved, setResolved] = React.useState(typeof mode === "string" ? mode : null);
+  const [appearance, setAppearance] = React.useState({
+    mode: typeof mode === "string" ? mode : null,
+    lightTheme: null,
+    darkTheme: null
+  });
   React.useLayoutEffect(() => {
-    if (typeof mode === "string") {
-      setResolved(mode);
-      return;
-    }
     if (typeof document === "undefined") return;
-    let cur = null;
+    let currentMode = null;
+    let lightTheme = null;
+    let darkTheme = null;
     let el = ref.current && ref.current.parentElement;
-    while (el) {
-      const m = el.getAttribute && el.getAttribute("data-color-mode");
-      if (m) { cur = m; break; }
+    while (el && (!currentMode || !lightTheme || !darkTheme)) {
+      if (el.getAttribute) {
+        currentMode = currentMode || el.getAttribute("data-color-mode");
+        lightTheme = lightTheme || el.getAttribute("data-light-theme");
+        darkTheme = darkTheme || el.getAttribute("data-dark-theme");
+      }
       el = el.parentElement;
     }
-    if (!cur || cur === "auto") {
-      cur = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
+    if (!currentMode || currentMode === "auto") {
+      currentMode = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
     }
-    setResolved(cur === "dark" ? "light" : "dark");
+    setAppearance({
+      mode: typeof mode === "string" ? mode : (currentMode === "dark" ? "light" : "dark"),
+      lightTheme,
+      darkTheme
+    });
   }, [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 }
+    "data-color-mode": appearance.mode || "light",
+    "data-light-theme": appearance.lightTheme || undefined,
+    "data-dark-theme": appearance.darkTheme || undefined,
+    style: {
+      display: "inline-flex",
+      lineHeight: 0,
+      color: "var(--fgColor-default, var(--color-fg-default, currentColor))"
+    }
   }, children);
 }
 
@@ -45,35 +58,31 @@ function NvidiaInceptionBwIcon({
   size,
   colored,
   themed,
-  colormoded,
+  colormode,
   ...props
 }, svgRef) {
   const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
-    id: "prefix__Artwork",
     viewBox: "0 0 500.429 216",
+    fill: (themed ? "var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor))" : "var(--datalayer-icon-color, currentColor)"),
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
-    fill: themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor',
     "aria-hidden": "true",
     ref: svgRef,
     "aria-labelledby": titleId
   }, props, {
+    "data-datalayer-icon": "",
     style: props && props.color != null ? Object.assign({}, props.style, {
-      "--datalayer-icon-fg": props.color
+      "--datalayer-icon-color": props.color,
+      color: props.color
     }) : props && props.style
-  }), title ? /*#__PURE__*/React.createElement("title", {
+  }), /*#__PURE__*/React.createElement("style", null, "[data-color-mode=\"light\"]{--datalayer-icon-color-scheme:light}[data-color-mode=\"dark\"]{--datalayer-icon-color-scheme:dark}svg[data-datalayer-icon]{color-scheme:var(--datalayer-icon-color-scheme, light dark)}"), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, /*#__PURE__*/React.createElement("defs", {
-    id: "prefix__defs4"
-  }, /*#__PURE__*/React.createElement("style", {
-    id: "style2"
-  })), /*#__PURE__*/React.createElement("path", {
-    id: "prefix__path8",
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
     d: "M25.5 25.405v165.19h449.43V25.405zm445.438 161.197H29.492V29.398h441.446zm-247.796-12.21h-1.997V41.608h1.997zm35.002-75.228h-4.098V74.23h4.098zm17.95-10.721c0-1.496-.32-2.642-.962-3.439-.641-.794-1.615-1.192-2.92-1.192h-.25a4.43 4.43 0 00-2.174.57c-.688.38-1.246.96-1.673 1.745-.427.783-.64 1.78-.64 2.992v10.045h-3.92V80.926h3.456v2.743a6.376 6.376 0 012.333-2.368c.986-.582 2.155-.873 3.508-.873h.357c2.067 0 3.715.641 4.95 1.923 1.235 1.283 1.854 3.135 1.854 5.556v11.257h-3.92V88.443zm9.848 8.85c-1.554-1.554-2.333-3.78-2.333-6.678V89.44c0-1.9.362-3.52 1.087-4.863.724-1.341 1.74-2.367 3.046-3.08 1.306-.712 2.814-1.07 4.524-1.07h.356c1.685 0 3.115.405 4.292 1.212a6.843 6.843 0 012.546 3.205l-3.133 1.39c-.358-.735-.839-1.324-1.444-1.763-.605-.439-1.359-.66-2.261-.66h-.321c-1.401 0-2.547.465-3.436 1.39-.891.926-1.336 2.316-1.336 4.167v1.319c0 1.923.433 3.335 1.299 4.238.868.903 2.023 1.353 3.473 1.353h.32c.95 0 1.746-.207 2.388-.622a4.24 4.24 0 001.496-1.693l3.063 1.604c-.524 1.186-1.39 2.16-2.601 2.92-1.21.76-2.66 1.14-4.345 1.14h-.356c-2.661 0-4.768-.778-6.324-2.334zm24.596 2.334h.534c1.687 0 3.146-.315 4.381-.945 1.235-.628 2.173-1.49 2.814-2.582l-2.849-1.851c-.427.736-.991 1.287-1.693 1.656-.7.367-1.584.55-2.653.55h-.534c-1.401 0-2.499-.438-3.295-1.315-.794-.88-1.227-2.21-1.299-3.992h12.928v-2.172c0-2.611-.717-4.689-2.155-6.233-1.436-1.542-3.388-2.315-5.858-2.315h-.32c-2.589 0-4.643.802-6.162 2.404-1.521 1.604-2.28 3.817-2.28 6.643v1.175c0 2.874.741 5.089 2.226 6.643 1.484 1.556 3.556 2.334 6.215 2.334zm-3.152-14.783c.796-.806 1.846-1.21 3.152-1.21h.284c1.33 0 2.37.387 3.118 1.158.748.77 1.123 1.894 1.123 3.365v.249h-9.084c.143-1.567.61-2.754 1.407-3.562zm24.843 14.783c1.496 0 2.826-.346 3.99-1.034 1.163-.688 2.083-1.702 2.76-3.046.676-1.34 1.014-2.972 1.014-4.897v-1.175c0-1.946-.338-3.591-1.015-4.933-.676-1.34-1.596-2.363-2.76-3.063-1.163-.7-2.493-1.051-3.989-1.051h-.214c-1.401 0-2.606.28-3.614.837a6.043 6.043 0 00-2.37 2.332v-2.67h-3.456v25.36h3.92v-9.261a5.927 5.927 0 002.296 1.923c.937.452 2.012.678 3.224.678h.214zm-1.177-3.349a4.59 4.59 0 01-2.244-.588c-.71-.392-1.287-1.008-1.726-1.851-.44-.843-.659-1.929-.659-3.259v-1.105c0-1.353.219-2.445.66-3.276.438-.831 1.008-1.436 1.708-1.817a4.67 4.67 0 012.261-.57h.286c1.353 0 2.482.452 3.385 1.353.9.902 1.352 2.329 1.352 4.275v1.21c0 1.948-.452 3.372-1.352 4.275-.903.903-2.032 1.353-3.385 1.353h-.286zm14-12.11h-3.849v-3.242h3.848v-5.379h3.918v5.38h5.949l-.464 3.24h-5.485v9.013c0 1.02.237 1.75.713 2.19.473.44 1.187.659 2.136.659h3.1v3.312h-3.49c-2.305 0-3.944-.516-4.918-1.55-.974-1.032-1.459-2.51-1.459-4.433v-9.19zm13.32-10.578h4.06v4.095h-4.06zm.071 7.336h3.92v18.238h-3.92zm11.95 17.65c1.295.7 2.76 1.051 4.399 1.051h.32c1.64 0 3.11-.351 4.417-1.051s2.333-1.728 3.08-3.08c.749-1.356 1.124-2.981 1.124-4.88V89.44c0-1.9-.375-3.52-1.123-4.863-.748-1.341-1.774-2.367-3.08-3.08-1.307-.712-2.778-1.07-4.417-1.07h-.321c-1.639 0-3.104.358-4.399 1.07-1.295.713-2.321 1.739-3.08 3.08-.76 1.343-1.141 2.975-1.141 4.898v1.14c0 1.9.38 3.525 1.14 4.88.76 1.353 1.786 2.381 3.081 3.081zm-.301-9.208c0-1.874.45-3.27 1.353-4.184.902-.914 2.017-1.372 3.347-1.372h.286c1.353 0 2.48.458 3.382 1.372.903.914 1.355 2.31 1.355 4.184v1.319c0 1.876-.452 3.276-1.355 4.201-.902.928-2.029 1.39-3.382 1.39h-.286c-1.33 0-2.445-.462-3.347-1.39-.903-.925-1.353-2.325-1.353-4.201zm33.944-1.46v11.256h-3.92V88.443c0-1.496-.318-2.642-.96-3.439-.642-.794-1.616-1.192-2.92-1.192h-.25c-.761 0-1.484.19-2.174.57-.688.38-1.247.96-1.674 1.745-.427.783-.64 1.78-.64 2.992v10.045h-3.919V80.926h3.456v2.743a6.377 6.377 0 012.333-2.368c.985-.582 2.155-.873 3.507-.873h.358c2.066 0 3.715.641 4.95 1.923 1.235 1.283 1.853 3.135 1.853 5.556zm-134.174 23.994c-1.639-1.364-3.871-2.047-6.697-2.047h-9.119v24.933h4.098v-8.763h5.021c2.826 0 5.058-.671 6.697-2.012 1.639-1.342 2.456-3.247 2.456-5.717v-.748c0-2.399-.817-4.28-2.456-5.646zm-1.639 6.502c0 1.424-.47 2.47-1.407 3.133-.937.665-2.19.997-3.757.997h-4.915v-9.153h4.915c1.567 0 2.82.332 3.757.997.937.665 1.407 1.699 1.407 3.098zm16.134-2.066h1.854v3.631h-1.817c-.856 0-1.656.192-2.404.57-.748.381-1.355.98-1.817 1.8-.464.82-.694 1.906-.694 3.259v9.19h-3.92V116.55h3.456v3.456c.45-1.115 1.087-2.006 1.906-2.67.82-.666 1.964-.998 3.436-.998zm16.707.783c-1.307-.712-2.777-1.07-4.416-1.07h-.321c-1.64 0-3.104.358-4.399 1.07-1.295.713-2.321 1.74-3.08 3.08-.76 1.344-1.141 2.975-1.141 4.898v1.14c0 1.9.38 3.526 1.14 4.88.76 1.353 1.786 2.382 3.081 3.081 1.295.7 2.76 1.052 4.399 1.052h.32c1.64 0 3.11-.352 4.417-1.052 1.307-.7 2.333-1.728 3.08-3.08.749-1.355 1.124-2.98 1.124-4.88v-1.176c0-1.9-.375-3.52-1.123-4.863-.748-1.34-1.774-2.367-3.081-3.08zm.286 9.19c0 1.876-.452 3.276-1.355 4.202-.902.927-2.03 1.39-3.382 1.39h-.286c-1.33 0-2.445-.463-3.348-1.39-.902-.926-1.353-2.326-1.353-4.202v-1.318c0-1.875.45-3.27 1.353-4.185.903-.914 2.018-1.372 3.348-1.372h.286c1.353 0 2.48.458 3.382 1.372.903.914 1.355 2.31 1.355 4.185zm20.729-7.053c-1.189-2.137-3.184-3.206-5.986-3.206h-.25c-1.542 0-2.897.369-4.058 1.105-1.166.737-2.066 1.769-2.708 3.099-.642 1.33-.962 2.873-.962 4.63v.96c0 1.76.32 3.302.962 4.632.642 1.33 1.542 2.363 2.708 3.098 1.161.736 2.516 1.105 4.059 1.105h.249c2.424 0 4.252-.867 5.487-2.601v1.888c0 3.442-1.521 5.164-4.56 5.164h-.463c-1.164 0-2.095-.172-2.797-.516-.7-.344-1.287-.908-1.762-1.69l-2.815 2.1a6.399 6.399 0 002.76 2.53c1.177.568 2.666.854 4.47.854h.749c2.684 0 4.748-.742 6.198-2.226 1.448-1.484 2.172-3.591 2.172-6.322V116.55h-3.453v2.708zm-.43 6.554c0 1.662-.42 2.998-1.263 4.007-.843 1.009-1.966 1.513-3.365 1.513h-.321c-1.45 0-2.59-.491-3.42-1.477-.832-.985-1.246-2.32-1.246-4.008v-.997c0-1.686.414-3.01 1.247-3.972.829-.96 1.97-1.442 3.419-1.442h.32c1.4 0 2.523.493 3.366 1.479.842.985 1.264 2.32 1.264 4.006zm17.49-9.474h1.853v3.631h-1.816c-.857 0-1.657.192-2.405.57-.748.381-1.355.98-1.816 1.8-.464.82-.694 1.906-.694 3.259v9.19h-3.92V116.55h3.456v3.456c.45-1.115 1.086-2.006 1.905-2.67.82-.666 1.964-.998 3.437-.998zm11.683-.286h-.535c-1.78 0-3.294.363-4.54 1.086-1.247.725-2.144 1.716-2.69 2.974l3.028 1.568c.427-.878.978-1.502 1.656-1.87.677-.368 1.525-.552 2.546-.552h.392c2.422 0 3.634 1.353 3.634 4.06v.144l-6.448.854c-1.805.238-3.175.831-4.113 1.78-.939.951-1.407 2.173-1.407 3.669 0 1.733.534 3.082 1.603 4.043 1.068.962 2.576 1.444 4.522 1.444h.25c1.354 0 2.564-.292 3.633-.874 1.069-.582 1.877-1.37 2.422-2.368v2.778h3.455v-11.54c0-2.35-.63-4.139-1.888-5.362-1.258-1.222-3.098-1.834-5.52-1.834zm3.49 11.29c0 1.45-.415 2.608-1.246 3.474-.83.868-1.948 1.3-3.35 1.3h-.355c-1.02 0-1.81-.231-2.368-.695-.558-.462-.836-1.098-.836-1.906 0-.806.241-1.4.728-1.78.487-.379 1.347-.653 2.582-.82l4.846-.71zm34.212-9.367c1.152 1.283 1.728 3.135 1.728 5.556v11.257h-3.918v-10.721c0-1.496-.28-2.642-.837-3.439-.558-.794-1.443-1.192-2.653-1.192h-.286c-.665 0-1.313.19-1.94.57-.63.38-1.141.96-1.533 1.745-.39.783-.588 1.78-.588 2.992v10.045h-3.918v-10.721c0-1.496-.28-2.642-.836-3.438-.56-.795-1.444-1.193-2.654-1.193h-.286c-.665 0-1.313.19-1.94.57-.63.38-1.141.96-1.531 1.745-.393.783-.588 1.78-.588 2.992v10.045h-3.92V116.55h3.456v2.708c.545-.997 1.276-1.782 2.19-2.35.914-.57 1.989-.856 3.224-.856h.32c2.755 0 4.655 1.129 5.7 3.384a6.506 6.506 0 012.333-2.476c.986-.605 2.13-.908 3.436-.908h.321c1.995 0 3.568.641 4.72 1.923zm-277.312 17.071l.003 25.324h7.152v-25.324h-7.154zm-56.262-.034v25.358h7.215v-19.255l5.59.002c1.852 0 3.17.46 4.063 1.413 1.131 1.206 1.593 3.149 1.593 6.705v11.135h6.99l.001-14.01c0-10-6.374-11.348-12.61-11.348H54.95m67.778.035v25.324h11.6c6.18 0 8.198-1.028 10.38-3.333 1.542-1.618 2.538-5.17 2.538-9.05 0-3.56-.843-6.736-2.315-8.713-2.65-3.536-6.467-4.228-12.165-4.228zm7.094 5.514h3.075c4.462 0 7.347 2.004 7.347 7.202 0 5.2-2.885 7.203-7.347 7.203h-3.075zm-28.922-5.514l-5.969 20.07-5.72-20.068-7.72-.001 8.169 25.323h10.308l8.232-25.323h-7.3zm49.674 25.324h7.153v-25.322l-7.154-.001zm20.05-25.315l-9.987 25.306h7.052l1.58-4.473h11.82l1.495 4.473h7.657l-10.064-25.308-9.553.002zm4.642 4.617l4.333 11.855h-8.802zm-73.51-63.946v-6.084a45.11 45.11 0 011.796-.093c16.639-.523 27.556 14.298 27.556 14.298s-11.79 16.376-24.433 16.376c-1.82 0-3.45-.294-4.918-.787V80.99c6.477.782 7.78 3.644 11.675 10.135l8.661-7.303s-6.322-8.292-16.98-8.292a31.4 31.4 0 00-3.356.198m0-20.097v9.087a42.075 42.075 0 011.795-.107c23.14-.78 38.214 18.977 38.214 18.977s-17.316 21.056-35.355 21.056c-1.653 0-3.2-.152-4.654-.41v5.617c1.243.159 2.531.252 3.876.252 16.787 0 28.928-8.573 40.684-18.72 1.947 1.56 9.927 5.357 11.568 7.021-11.178 9.357-37.226 16.899-51.994 16.899-1.423 0-2.792-.086-4.134-.215v7.894h63.805V55.63h-63.805zm0 43.807v4.796C86.23 101.465 81.92 85.325 81.92 85.325s7.455-8.26 19.837-9.598v5.262c-.01 0-.016-.003-.025-.003-6.497-.78-11.573 5.29-11.573 5.29s2.844 10.22 11.598 13.161M74.179 84.626s9.203-13.58 27.578-14.983v-4.926C81.404 66.35 63.78 83.587 63.78 83.587s9.982 28.858 37.977 31.5v-5.237c-20.544-2.584-27.578-25.224-27.578-25.224z"
   }));
-  if (!colormoded) return _svgEl;
+  if (!colormode) return _svgEl;
   return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
-    mode: typeof colormoded === "string" ? colormoded : undefined
+    mode: typeof colormode === "string" ? colormode : undefined
   }, _svgEl);
 }
 const ForwardRef = React.forwardRef(NvidiaInceptionBwIcon);

package/data1/NvidiaInceptionIcon.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare const NvidiaInceptionIcon: 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>>;
+declare const NvidiaInceptionIcon: 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 NvidiaInceptionIcon;

package/data1/NvidiaInceptionIcon.js

@@ -11,31 +11,44 @@ function _DlIconInverseColormode({
   children
 }) {
   const ref = React.useRef(null);
-  const [resolved, setResolved] = React.useState(typeof mode === "string" ? mode : null);
+  const [appearance, setAppearance] = React.useState({
+    mode: typeof mode === "string" ? mode : null,
+    lightTheme: null,
+    darkTheme: null
+  });
   React.useLayoutEffect(() => {
-    if (typeof mode === "string") {
-      setResolved(mode);
-      return;
-    }
     if (typeof document === "undefined") return;
-    let cur = null;
+    let currentMode = null;
+    let lightTheme = null;
+    let darkTheme = null;
     let el = ref.current && ref.current.parentElement;
-    while (el) {
-      const m = el.getAttribute && el.getAttribute("data-color-mode");
-      if (m) { cur = m; break; }
+    while (el && (!currentMode || !lightTheme || !darkTheme)) {
+      if (el.getAttribute) {
+        currentMode = currentMode || el.getAttribute("data-color-mode");
+        lightTheme = lightTheme || el.getAttribute("data-light-theme");
+        darkTheme = darkTheme || el.getAttribute("data-dark-theme");
+      }
       el = el.parentElement;
     }
-    if (!cur || cur === "auto") {
-      cur = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
+    if (!currentMode || currentMode === "auto") {
+      currentMode = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
     }
-    setResolved(cur === "dark" ? "light" : "dark");
+    setAppearance({
+      mode: typeof mode === "string" ? mode : (currentMode === "dark" ? "light" : "dark"),
+      lightTheme,
+      darkTheme
+    });
   }, [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 }
+    "data-color-mode": appearance.mode || "light",
+    "data-light-theme": appearance.lightTheme || undefined,
+    "data-dark-theme": appearance.darkTheme || undefined,
+    style: {
+      display: "inline-flex",
+      lineHeight: 0,
+      color: "var(--fgColor-default, var(--color-fg-default, currentColor))"
+    }
   }, children);
 }
 
@@ -45,27 +58,29 @@ function NvidiaInceptionIcon({
   size,
   colored,
   themed,
-  colormoded,
+  colormode,
   ...props
 }, svgRef) {
   const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 500.429 216",
-    fill: themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor',
+    fill: (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
     "aria-hidden": "true",
     ref: svgRef,
     "aria-labelledby": titleId
   }, props, {
+    "data-datalayer-icon": "",
     style: props && props.color != null ? Object.assign({}, props.style, {
-      "--datalayer-icon-fg": props.color
+      "--datalayer-icon-color": props.color,
+      color: props.color
     }) : props && props.style
-  }), title ? /*#__PURE__*/React.createElement("title", {
+  }), /*#__PURE__*/React.createElement("style", null, "[data-color-mode=\"light\"]{--datalayer-icon-color-scheme:light}[data-color-mode=\"dark\"]{--datalayer-icon-color-scheme:dark}svg[data-datalayer-icon]{color-scheme:var(--datalayer-icon-color-scheme, light dark)}"), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("g", {
     "data-name": "Inception Program"
   }, /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#fff' : 'white',
+    fill: colored ? "#fff" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 90%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 44%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 90%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 44%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 90%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
     d: "M29.492 29.398h441.446v157.204H29.492z"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M25.5 25.405v165.19h449.43V25.405H25.5zm445.438 161.197H29.492V29.398h441.446v157.204zm-247.796-12.21h-1.997V41.608h1.997v132.784zm35.002-75.228h-4.098V74.23h4.098v24.933zm17.95-10.721c0-1.496-.32-2.642-.962-3.439-.641-.794-1.615-1.192-2.92-1.192h-.25a4.43 4.43 0 00-2.174.57c-.688.38-1.246.96-1.673 1.745-.427.783-.64 1.78-.64 2.992v10.045h-3.92V80.926h3.456v2.743a6.376 6.376 0 012.333-2.368c.986-.582 2.155-.873 3.508-.873h.357c2.067 0 3.715.641 4.95 1.923 1.235 1.283 1.854 3.135 1.854 5.556v11.257h-3.92V88.443zm9.848 8.85c-1.554-1.554-2.333-3.78-2.333-6.678V89.44c0-1.9.362-3.52 1.087-4.863.724-1.341 1.74-2.367 3.046-3.08 1.306-.712 2.814-1.07 4.524-1.07h.356c1.685 0 3.115.405 4.292 1.212a6.843 6.843 0 012.546 3.205l-3.133 1.39c-.358-.735-.839-1.324-1.444-1.763-.605-.439-1.359-.66-2.261-.66h-.321c-1.401 0-2.547.465-3.436 1.39-.891.926-1.336 2.316-1.336 4.167v1.319c0 1.923.433 3.335 1.299 4.238.868.903 2.023 1.353 3.473 1.353h.32c.95 0 1.746-.207 2.388-.622a4.24 4.24 0 001.496-1.693l3.063 1.604c-.524 1.186-1.39 2.16-2.601 2.92-1.21.76-2.66 1.14-4.345 1.14h-.356c-2.661 0-4.768-.778-6.324-2.334zm24.596 2.334h.534c1.687 0 3.146-.315 4.381-.945 1.235-.628 2.173-1.49 2.814-2.582l-2.849-1.851c-.427.736-.991 1.287-1.693 1.656-.7.367-1.584.55-2.653.55h-.534c-1.401 0-2.499-.438-3.295-1.315-.794-.88-1.227-2.21-1.299-3.992h12.928v-2.172c0-2.611-.717-4.689-2.155-6.233-1.436-1.542-3.388-2.315-5.858-2.315h-.32c-2.589 0-4.643.802-6.162 2.404-1.521 1.604-2.28 3.817-2.28 6.643v1.175c0 2.874.741 5.089 2.226 6.643 1.484 1.556 3.556 2.334 6.215 2.334zm-3.152-14.783c.796-.806 1.846-1.21 3.152-1.21h.284c1.33 0 2.37.387 3.118 1.158.748.77 1.123 1.894 1.123 3.365v.249h-9.084c.143-1.567.61-2.754 1.407-3.562zm24.843 14.783c1.496 0 2.826-.346 3.99-1.034s2.083-1.702 2.76-3.046c.676-1.34 1.014-2.972 1.014-4.897v-1.175c0-1.946-.338-3.591-1.015-4.933-.676-1.34-1.596-2.363-2.76-3.063s-2.493-1.051-3.989-1.051h-.214c-1.401 0-2.606.28-3.614.837a6.043 6.043 0 00-2.37 2.332v-2.67h-3.456v25.36h3.92v-9.261a5.927 5.927 0 002.296 1.923c.937.452 2.012.678 3.224.678h.214zm-1.177-3.349a4.59 4.59 0 01-2.244-.588c-.71-.392-1.287-1.008-1.726-1.851-.44-.843-.659-1.929-.659-3.259v-1.105c0-1.353.219-2.445.66-3.276.438-.831 1.008-1.436 1.708-1.817a4.67 4.67 0 012.261-.57h.286c1.353 0 2.482.452 3.385 1.353.9.902 1.352 2.329 1.352 4.275v1.21c0 1.948-.452 3.372-1.352 4.275-.903.903-2.032 1.353-3.385 1.353h-.286zm14-12.11h-3.849v-3.242h3.848v-5.379h3.918v5.38h5.949l-.464 3.24h-5.485v9.013c0 1.02.237 1.75.713 2.19.473.44 1.187.659 2.136.659h3.1v3.312h-3.49c-2.305 0-3.944-.516-4.918-1.55-.974-1.032-1.459-2.51-1.459-4.433v-9.19zm13.32-10.578h4.06v4.095h-4.06V73.59zm.071 7.336h3.92v18.238h-3.92V80.926zm11.95 17.65c1.295.7 2.76 1.051 4.399 1.051h.32c1.64 0 3.11-.351 4.417-1.051s2.333-1.728 3.08-3.08c.749-1.356 1.124-2.981 1.124-4.88V89.44c0-1.9-.375-3.52-1.123-4.863-.748-1.341-1.774-2.367-3.08-3.08-1.307-.712-2.778-1.07-4.417-1.07h-.321c-1.639 0-3.104.358-4.399 1.07-1.295.713-2.321 1.739-3.08 3.08-.76 1.343-1.141 2.975-1.141 4.898v1.14c0 1.9.38 3.525 1.14 4.88.76 1.353 1.786 2.381 3.081 3.081zm-.301-9.208c0-1.874.45-3.27 1.353-4.184s2.017-1.372 3.347-1.372h.286c1.353 0 2.48.458 3.382 1.372.903.914 1.355 2.31 1.355 4.184v1.319c0 1.876-.452 3.276-1.355 4.201-.902.928-2.029 1.39-3.382 1.39h-.286c-1.33 0-2.445-.462-3.347-1.39-.903-.925-1.353-2.325-1.353-4.201v-1.319zm33.944-1.46v11.256h-3.92V88.443c0-1.496-.318-2.642-.96-3.439-.642-.794-1.616-1.192-2.92-1.192h-.25c-.761 0-1.484.19-2.174.57-.688.38-1.247.96-1.674 1.745-.427.783-.64 1.78-.64 2.992v10.045h-3.919V80.926h3.456v2.743c.57-.997 1.347-1.786 2.333-2.368s2.155-.873 3.507-.873h.358c2.066 0 3.715.641 4.95 1.923 1.235 1.283 1.853 3.135 1.853 5.556zm-134.174 23.994c-1.639-1.364-3.871-2.047-6.697-2.047h-9.119v24.933h4.098v-8.763h5.021c2.826 0 5.058-.671 6.697-2.012 1.639-1.342 2.456-3.247 2.456-5.717v-.748c0-2.399-.817-4.28-2.456-5.646zm-1.639 6.502c0 1.424-.47 2.47-1.407 3.133-.937.665-2.19.997-3.757.997h-4.915v-9.153h4.915c1.567 0 2.82.332 3.757.997s1.407 1.699 1.407 3.098v.928zm16.134-2.066h1.854v3.631h-1.817c-.856 0-1.656.192-2.404.57-.748.381-1.355.98-1.817 1.8-.464.82-.694 1.906-.694 3.259v9.19h-3.92V116.55h3.456v3.456c.45-1.115 1.087-2.006 1.906-2.67.82-.666 1.964-.998 3.436-.998zm16.707.783c-1.307-.712-2.777-1.07-4.416-1.07h-.321c-1.64 0-3.104.358-4.399 1.07-1.295.713-2.321 1.74-3.08 3.08-.76 1.344-1.141 2.975-1.141 4.898v1.14c0 1.9.38 3.526 1.14 4.88.76 1.353 1.786 2.382 3.081 3.081s2.76 1.052 4.399 1.052h.32c1.64 0 3.11-.352 4.417-1.052s2.333-1.728 3.08-3.08c.749-1.355 1.124-2.98 1.124-4.88v-1.176c0-1.9-.375-3.52-1.123-4.863-.748-1.34-1.774-2.367-3.081-3.08zm.286 9.19c0 1.876-.452 3.276-1.355 4.202-.902.927-2.03 1.39-3.382 1.39h-.286c-1.33 0-2.445-.463-3.348-1.39-.902-.926-1.353-2.326-1.353-4.202v-1.318c0-1.875.45-3.27 1.353-4.185.903-.914 2.018-1.372 3.348-1.372h.286c1.353 0 2.48.458 3.382 1.372.903.914 1.355 2.31 1.355 4.185v1.318zm20.729-7.053c-1.189-2.137-3.184-3.206-5.986-3.206h-.25c-1.542 0-2.897.369-4.058 1.105-1.166.737-2.066 1.769-2.708 3.099-.642 1.33-.962 2.873-.962 4.63v.96c0 1.76.32 3.302.962 4.632.642 1.33 1.542 2.363 2.708 3.098 1.161.736 2.516 1.105 4.059 1.105h.249c2.424 0 4.252-.867 5.487-2.601v1.888c0 3.442-1.521 5.164-4.56 5.164h-.463c-1.164 0-2.095-.172-2.797-.516-.7-.344-1.287-.908-1.762-1.69l-2.815 2.1a6.399 6.399 0 002.76 2.53c1.177.568 2.666.854 4.47.854h.749c2.684 0 4.748-.742 6.198-2.226 1.448-1.484 2.172-3.591 2.172-6.322V116.55h-3.453v2.708zm-.43 6.554c0 1.662-.42 2.998-1.263 4.007s-1.966 1.513-3.365 1.513h-.321c-1.45 0-2.59-.491-3.42-1.477-.832-.985-1.246-2.32-1.246-4.008v-.997c0-1.686.414-3.01 1.247-3.972.829-.96 1.97-1.442 3.419-1.442h.32c1.4 0 2.523.493 3.366 1.479s1.264 2.32 1.264 4.006v.891zm17.49-9.474h1.853v3.631h-1.816c-.857 0-1.657.192-2.405.57-.748.381-1.355.98-1.816 1.8-.464.82-.694 1.906-.694 3.259v9.19h-3.92V116.55h3.456v3.456c.45-1.115 1.086-2.006 1.905-2.67.82-.666 1.964-.998 3.437-.998zm11.683-.286h-.535c-1.78 0-3.294.363-4.54 1.086-1.247.725-2.144 1.716-2.69 2.974l3.028 1.568c.427-.878.978-1.502 1.656-1.869.677-.37 1.525-.553 2.546-.553h.392c2.422 0 3.634 1.353 3.634 4.06v.144l-6.448.854c-1.805.238-3.175.831-4.113 1.78-.939.951-1.407 2.173-1.407 3.669 0 1.733.534 3.082 1.603 4.043 1.068.962 2.576 1.444 4.522 1.444h.25c1.354 0 2.564-.292 3.633-.874 1.069-.582 1.877-1.37 2.422-2.368v2.778h3.455v-11.54c0-2.35-.63-4.139-1.888-5.362-1.258-1.222-3.098-1.834-5.52-1.834zm3.49 11.29c0 1.45-.415 2.608-1.246 3.474-.83.868-1.948 1.3-3.35 1.3h-.355c-1.02 0-1.81-.231-2.368-.695-.558-.462-.836-1.098-.836-1.906 0-.806.241-1.4.728-1.78.487-.379 1.347-.653 2.582-.82l4.846-.71v1.138zm34.212-9.367c1.152 1.283 1.728 3.135 1.728 5.556v11.257h-3.918v-10.721c0-1.496-.28-2.642-.837-3.439-.558-.794-1.443-1.192-2.653-1.192h-.286c-.665 0-1.313.19-1.94.57-.63.38-1.141.96-1.533 1.745-.39.783-.588 1.78-.588 2.992v10.045h-3.918v-10.721c0-1.496-.28-2.642-.836-3.438-.56-.795-1.444-1.193-2.654-1.193h-.286c-.665 0-1.312.19-1.94.57-.63.38-1.141.96-1.531 1.745-.393.783-.588 1.78-.588 2.992v10.045h-3.92V116.55h3.456v2.708c.545-.997 1.276-1.782 2.19-2.35.914-.57 1.989-.856 3.224-.856h.32c2.755 0 4.655 1.129 5.7 3.384a6.506 6.506 0 012.333-2.476c.986-.605 2.13-.908 3.436-.908h.321c1.995 0 3.568.641 4.72 1.923z"
@@ -74,13 +89,13 @@ function NvidiaInceptionIcon({
   }, /*#__PURE__*/React.createElement("path", {
     d: "M111.212 135.046l.003 25.324h7.151v-25.324h-7.154zm-56.262-.034v25.358h7.215v-19.255l5.59.002c1.852 0 3.17.46 4.063 1.413 1.131 1.205 1.593 3.149 1.593 6.705v11.135l6.99-.001.001-14.01c0-9.999-6.374-11.347-12.61-11.347H54.95m67.778.035v25.323h11.6c6.18 0 8.198-1.028 10.38-3.332 1.542-1.618 2.538-5.17 2.538-9.051 0-3.56-.843-6.735-2.315-8.713-2.65-3.536-6.467-4.227-12.165-4.227h-10.038zm7.094 5.514h3.075c4.462 0 7.347 2.003 7.347 7.201 0 5.2-2.885 7.203-7.347 7.203h-3.075v-14.404zm-28.922-5.514l-5.969 20.07-5.72-20.069-7.72-.001 8.169 25.323h10.308l8.232-25.323h-7.3zm49.674 25.323h7.153v-25.322l-7.154-.001.001 25.323zm20.05-25.314l-9.987 25.306h7.052l1.58-4.473h11.82l1.495 4.473h7.657l-10.064-25.308-9.553.002zm4.642 4.617l4.333 11.855h-8.802l4.47-11.855z"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#76b900' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
+    fill: colored ? "#76b900" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 65%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 69%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 65%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 69%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 65%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
     d: "M101.757 75.727v-6.084a45.06 45.06 0 011.795-.093c16.639-.523 27.556 14.298 27.556 14.298s-11.79 16.376-24.433 16.376c-1.82 0-3.45-.294-4.918-.787V80.99c6.477.782 7.78 3.644 11.675 10.135l8.661-7.303s-6.322-8.292-16.98-8.292a31.4 31.4 0 00-3.356.198m0-20.097v9.087a42.075 42.075 0 011.795-.107c23.14-.78 38.214 18.977 38.214 18.977s-17.316 21.056-35.355 21.056c-1.653 0-3.2-.152-4.654-.41v5.617c1.243.158 2.531.252 3.876.252 16.787 0 28.928-8.573 40.684-18.72 1.947 1.56 9.927 5.357 11.568 7.021-11.178 9.357-37.226 16.899-51.994 16.899-1.423 0-2.792-.086-4.134-.215v7.894h63.805V55.63h-63.805zm0 43.807v4.796C86.23 101.465 81.92 85.325 81.92 85.325s7.455-8.26 19.837-9.598v5.262c-.01 0-.016-.003-.025-.003-6.497-.78-11.573 5.29-11.573 5.29s2.844 10.22 11.598 13.161M74.179 84.626s9.203-13.58 27.578-14.983v-4.926C81.404 66.35 63.78 83.587 63.78 83.587s9.982 28.858 37.977 31.5v-5.237c-20.544-2.584-27.578-25.224-27.578-25.224z",
     "data-name": "Eye Mark"
   }))));
-  if (!colormoded) return _svgEl;
+  if (!colormode) return _svgEl;
   return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
-    mode: typeof colormoded === "string" ? colormoded : undefined
+    mode: typeof colormode === "string" ? colormode : undefined
   }, _svgEl);
 }
 const ForwardRef = React.forwardRef(NvidiaInceptionIcon);

package/data1/OktaIcon.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare const OktaIcon: 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>>;
+declare const OktaIcon: 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 OktaIcon;

package/data1/OktaIcon.js

@@ -11,31 +11,44 @@ function _DlIconInverseColormode({
   children
 }) {
   const ref = React.useRef(null);
-  const [resolved, setResolved] = React.useState(typeof mode === "string" ? mode : null);
+  const [appearance, setAppearance] = React.useState({
+    mode: typeof mode === "string" ? mode : null,
+    lightTheme: null,
+    darkTheme: null
+  });
   React.useLayoutEffect(() => {
-    if (typeof mode === "string") {
-      setResolved(mode);
-      return;
-    }
     if (typeof document === "undefined") return;
-    let cur = null;
+    let currentMode = null;
+    let lightTheme = null;
+    let darkTheme = null;
     let el = ref.current && ref.current.parentElement;
-    while (el) {
-      const m = el.getAttribute && el.getAttribute("data-color-mode");
-      if (m) { cur = m; break; }
+    while (el && (!currentMode || !lightTheme || !darkTheme)) {
+      if (el.getAttribute) {
+        currentMode = currentMode || el.getAttribute("data-color-mode");
+        lightTheme = lightTheme || el.getAttribute("data-light-theme");
+        darkTheme = darkTheme || el.getAttribute("data-dark-theme");
+      }
       el = el.parentElement;
     }
-    if (!cur || cur === "auto") {
-      cur = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
+    if (!currentMode || currentMode === "auto") {
+      currentMode = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
     }
-    setResolved(cur === "dark" ? "light" : "dark");
+    setAppearance({
+      mode: typeof mode === "string" ? mode : (currentMode === "dark" ? "light" : "dark"),
+      lightTheme,
+      darkTheme
+    });
   }, [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 }
+    "data-color-mode": appearance.mode || "light",
+    "data-light-theme": appearance.lightTheme || undefined,
+    "data-dark-theme": appearance.darkTheme || undefined,
+    style: {
+      display: "inline-flex",
+      lineHeight: 0,
+      color: "var(--fgColor-default, var(--color-fg-default, currentColor))"
+    }
   }, children);
 }
 
@@ -45,30 +58,32 @@ function OktaIcon({
   size,
   colored,
   themed,
-  colormoded,
+  colormode,
   ...props
 }, svgRef) {
   const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 64 64",
-    fill: themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor',
+    fill: (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
     "aria-hidden": "true",
     ref: svgRef,
     "aria-labelledby": titleId
   }, props, {
+    "data-datalayer-icon": "",
     style: props && props.color != null ? Object.assign({}, props.style, {
-      "--datalayer-icon-fg": props.color
+      "--datalayer-icon-color": props.color,
+      color: props.color
     }) : props && props.style
-  }), title ? /*#__PURE__*/React.createElement("title", {
+  }), /*#__PURE__*/React.createElement("style", null, "[data-color-mode=\"light\"]{--datalayer-icon-color-scheme:light}[data-color-mode=\"dark\"]{--datalayer-icon-color-scheme:dark}svg[data-datalayer-icon]{color-scheme:var(--datalayer-icon-color-scheme, light dark)}"), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#007dc1' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
+    fill: colored ? "#007dc1" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 55%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 79%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 55%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 79%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 55%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
     d: "M32 0C14.37 0 0 14.267 0 32s14.268 32 32 32 32-14.268 32-32S49.63 0 32 0zm0 48c-8.866 0-16-7.134-16-16s7.134-16 16-16 16 7.134 16 16-7.134 16-16 16z"
   }));
-  if (!colormoded) return _svgEl;
+  if (!colormode) return _svgEl;
   return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
-    mode: typeof colormoded === "string" ? colormoded : undefined
+    mode: typeof colormode === "string" ? colormode : undefined
   }, _svgEl);
 }
 const ForwardRef = React.forwardRef(OktaIcon);

package/data1/OpenSourceInitiativeIcon.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare const OpenSourceInitiativeIcon: 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>>;
+declare const OpenSourceInitiativeIcon: 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 OpenSourceInitiativeIcon;