@datalayer/icons-react 1.0.13 → 1.0.15

package/data1/esm/NvidiaInceptionIcon.js

@@ -6,39 +6,97 @@ const sizeMap = {
   "large": 64
 };
 
-import { forwardRef } from "react";
-const NvidiaInceptionIcon = ({
+function _DlIconInverseColormode({
+  mode,
+  children
+}) {
+  const ref = React.useRef(null);
+  const [appearance, setAppearance] = React.useState({
+    mode: typeof mode === "string" ? mode : null,
+    lightTheme: null,
+    darkTheme: null
+  });
+  React.useLayoutEffect(() => {
+    if (typeof document === "undefined") return;
+    let currentMode = null;
+    let lightTheme = null;
+    let darkTheme = null;
+    let el = ref.current && ref.current.parentElement;
+    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 (!currentMode || currentMode === "auto") {
+      currentMode = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
+    }
+    setAppearance({
+      mode: typeof mode === "string" ? mode : (currentMode === "dark" ? "light" : "dark"),
+      lightTheme,
+      darkTheme
+    });
+  }, [mode]);
+  return /*#__PURE__*/React.createElement("span", {
+    ref: ref,
+    "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);
+}
+
+function NvidiaInceptionIcon({
   title,
+  titleId,
   size,
   colored,
   themed,
-  titleId,
+  colormode,
   ...props
-}, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
-  xmlns: "http://www.w3.org/2000/svg",
-  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))))")),
-  "aria-hidden": "true",
+}, svgRef) {
+  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 500.429 216",
+    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",
-  viewBox: "0 0 500.429 216",
-  ref: ref,
-  "aria-labelledby": titleId
-}, props), title ? /*#__PURE__*/React.createElement("title", {
-  id: titleId
-}, title) : null, /*#__PURE__*/React.createElement("g", {
-  "data-name": "Inception Program"
-}, /*#__PURE__*/React.createElement("path", {
-  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.405zm445.438 161.197H29.492V29.398h441.446zm-247.796-12.21h-1.997V41.608h1.997zm35.002-75.228h-4.098V74.23h4.098zm17.95-10.721q0-2.244-.962-3.439-.962-1.191-2.92-1.192h-.25a4.43 4.43 0 0 0-2.174.57q-1.032.569-1.673 1.745-.64 1.174-.64 2.992v10.045h-3.92V80.926h3.456v2.743a6.4 6.4 0 0 1 2.333-2.368q1.479-.873 3.508-.873h.357q3.099 0 4.95 1.923 1.853 1.925 1.854 5.556v11.257h-3.92zm9.848 8.85q-2.332-2.331-2.333-6.678V89.44q0-2.85 1.087-4.863 1.087-2.011 3.046-3.08t4.524-1.07h.356q2.527 0 4.292 1.212a6.84 6.84 0 0 1 2.546 3.205l-3.133 1.39q-.537-1.103-1.444-1.763-.908-.66-2.261-.66h-.321q-2.102.001-3.436 1.39-1.336 1.39-1.336 4.167v1.319q0 2.884 1.299 4.238 1.3 1.354 3.473 1.353h.32q1.425 0 2.388-.622a4.24 4.24 0 0 0 1.496-1.693l3.063 1.604q-.785 1.78-2.601 2.92t-4.345 1.14h-.356q-3.99 0-6.324-2.334m24.596 2.334h.534q2.53 0 4.381-.945 1.852-.943 2.814-2.582l-2.849-1.851q-.64 1.103-1.693 1.656-1.05.55-2.653.55h-.534q-2.101 0-3.295-1.315-1.191-1.32-1.299-3.992h12.928v-2.172q.001-3.917-2.155-6.233-2.153-2.314-5.858-2.315h-.32q-3.883 0-6.162 2.404t-2.28 6.643v1.175q0 4.311 2.226 6.643 2.226 2.334 6.215 2.334m-3.152-14.783q1.194-1.21 3.152-1.21h.284q1.995 0 3.118 1.158t1.123 3.365v.249h-9.084q.213-2.35 1.407-3.562m24.843 14.783q2.244-.001 3.99-1.034c1.746-1.033 2.083-1.702 2.76-3.046q1.014-2.01 1.014-4.897v-1.175q0-2.92-1.015-4.933t-2.76-3.063c-1.746-1.051-2.493-1.051-3.989-1.051h-.214q-2.102 0-3.614.837a6.04 6.04 0 0 0-2.37 2.332v-2.67h-3.456v25.36h3.92v-9.261a5.9 5.9 0 0 0 2.296 1.923q1.406.678 3.224.678zm-1.177-3.349a4.6 4.6 0 0 1-2.244-.588q-1.066-.587-1.726-1.851t-.659-3.259v-1.105q0-2.03.66-3.276.657-1.246 1.708-1.817a4.7 4.7 0 0 1 2.261-.57h.286q2.03 0 3.385 1.353 1.351 1.354 1.352 4.275v1.21q-.001 2.921-1.352 4.275-1.355 1.354-3.385 1.353zm14-12.11h-3.849v-3.242h3.848v-5.379h3.918v5.38h5.949l-.464 3.24h-5.485v9.013q0 1.53.713 2.19.711.66 2.136.659h3.1v3.312h-3.49q-3.457 0-4.918-1.55-1.46-1.548-1.459-4.433zm13.32-10.578h4.06v4.095h-4.06zm.071 7.336h3.92v18.238h-3.92zm11.95 17.65q1.942 1.05 4.399 1.051h.32q2.458 0 4.417-1.051c1.959-1.051 2.333-1.728 3.08-3.08q1.124-2.033 1.124-4.88V89.44q0-2.85-1.123-4.863-1.121-2.011-3.08-3.08t-4.417-1.07h-.321q-2.457.001-4.399 1.07t-3.08 3.08q-1.14 2.014-1.141 4.898v1.14q0 2.849 1.14 4.88t3.081 3.081m-.301-9.208q0-2.812 1.353-4.184c1.353-1.372 2.017-1.372 3.347-1.372h.286q2.03 0 3.382 1.372 1.355 1.372 1.355 4.184v1.319q0 2.814-1.355 4.201-1.353 1.391-3.382 1.39h-.286q-1.994.001-3.347-1.39-1.354-1.387-1.353-4.201zm33.944-1.46v11.256h-3.92V88.443q.002-2.244-.96-3.439-.963-1.191-2.92-1.192h-.25q-1.14 0-2.174.57-1.033.569-1.674 1.745-.64 1.174-.64 2.992v10.045h-3.919V80.926h3.456v2.743q.855-1.495 2.333-2.368c1.478-.873 2.155-.873 3.507-.873h.358q3.098 0 4.95 1.923 1.853 1.925 1.853 5.556zm-134.174 23.994q-2.458-2.047-6.697-2.047h-9.119v24.933h4.098v-8.763h5.021q4.239 0 6.697-2.012 2.457-2.012 2.456-5.717v-.748q.001-3.598-2.456-5.646m-1.639 6.502q0 2.137-1.407 3.133-1.406.997-3.757.997h-4.915v-9.153h4.915q2.351 0 3.757.997c1.406.997 1.407 1.699 1.407 3.098zm16.134-2.066h1.854v3.631h-1.817q-1.283.001-2.404.57-1.123.57-1.817 1.8-.695 1.23-.694 3.259v9.19h-3.92V116.55h3.456v3.456q.676-1.673 1.906-2.67 1.229-.998 3.436-.998m16.707.783q-1.959-1.069-4.416-1.07h-.321q-2.458.001-4.399 1.07-1.942 1.07-3.08 3.08-1.14 2.015-1.141 4.898v1.14q0 2.85 1.14 4.88 1.14 2.031 3.081 3.081c1.941 1.05 2.76 1.052 4.399 1.052h.32q2.458-.001 4.417-1.052c1.959-1.051 2.333-1.728 3.08-3.08q1.124-2.031 1.124-4.88v-1.176q0-2.85-1.123-4.863-1.121-2.01-3.081-3.08m.286 9.19q0 2.813-1.355 4.202-1.353 1.39-3.382 1.39h-.286q-1.994 0-3.348-1.39-1.353-1.388-1.353-4.202v-1.318q0-2.812 1.353-4.185 1.354-1.372 3.348-1.372h.286q2.03 0 3.382 1.372 1.355 1.372 1.355 4.185zm20.729-7.053q-1.783-3.206-5.986-3.206h-.25q-2.315 0-4.058 1.105c-1.166.737-2.066 1.769-2.708 3.099q-.962 1.995-.962 4.63v.96q0 2.639.962 4.632c.642 1.33 1.542 2.363 2.708 3.098q1.743 1.104 4.059 1.105h.249q3.635 0 5.487-2.601v1.888q0 5.164-4.56 5.164h-.463q-1.745 0-2.797-.516-1.05-.516-1.762-1.69l-2.815 2.1a6.4 6.4 0 0 0 2.76 2.53q1.765.853 4.47.854h.749q4.024 0 6.198-2.226 2.172-2.226 2.172-6.322V116.55h-3.453zm-.43 6.554q0 2.493-1.263 4.007c-1.263 1.514-1.966 1.513-3.365 1.513h-.321q-2.175.001-3.42-1.477-1.247-1.477-1.246-4.008v-.997q-.001-2.529 1.247-3.972 1.245-1.441 3.419-1.442h.32q2.1 0 3.366 1.479c1.266 1.479 1.264 2.32 1.264 4.006v.891zm17.49-9.474h1.853v3.631h-1.816q-1.284.001-2.405.57-1.123.57-1.816 1.8-.695 1.23-.694 3.259v9.19h-3.92V116.55h3.456v3.456q.676-1.673 1.905-2.67 1.229-.998 3.437-.998m11.683-.286h-.535q-2.67 0-4.54 1.086t-2.69 2.974l3.028 1.568q.64-1.318 1.656-1.869 1.015-.554 2.546-.553h.392q3.633 0 3.634 4.06v.144l-6.448.854q-2.707.357-4.113 1.78-1.408 1.426-1.407 3.669 0 2.6 1.603 4.043t4.522 1.444h.25q2.03 0 3.633-.874 1.604-.872 2.422-2.368v2.778h3.455v-11.54q0-3.526-1.888-5.362-1.887-1.834-5.52-1.834m3.49 11.29q0 2.175-1.246 3.474-1.246 1.301-3.35 1.3h-.355q-1.53 0-2.368-.695-.837-.694-.836-1.906-.001-1.21.728-1.78.73-.569 2.582-.82l4.846-.71v1.138zm34.212-9.367q1.728 1.925 1.728 5.556v11.257h-3.918v-10.721q0-2.244-.837-3.439-.837-1.191-2.653-1.192h-.286q-.998 0-1.94.57-.945.569-1.533 1.745-.587 1.174-.588 2.992v10.045h-3.918v-10.721q-.001-2.244-.836-3.438-.84-1.193-2.654-1.193h-.286q-.998 0-1.94.57-.945.569-1.531 1.745-.589 1.174-.588 2.992v10.045h-3.92V116.55h3.456v2.708q.818-1.497 2.19-2.35 1.371-.856 3.224-.856h.32q4.132 0 5.7 3.384a6.5 6.5 0 0 1 2.333-2.476q1.478-.908 3.436-.908h.321q2.992 0 4.72 1.923"
-}), /*#__PURE__*/React.createElement("g", {
-  "data-name": "NVIDIA Logo"
-}, /*#__PURE__*/React.createElement("path", {
-  d: "m111.212 135.046.003 25.324h7.151v-25.324zm-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.347zm67.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.227zm7.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.075zm-28.922-5.514-5.969 20.07-5.72-20.069-7.72-.001 8.169 25.323h10.308l8.232-25.323zm49.674 25.323h7.153v-25.322l-7.154-.001zm20.05-25.314-9.987 25.306h7.052l1.58-4.473h11.82l1.495 4.473h7.657l-10.064-25.308zm4.642 4.617 4.333 11.855h-8.802l4.47-11.855z"
-}), /*#__PURE__*/React.createElement("path", {
-  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 45 0 0 1 1.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 31 0 0 0-3.356.198m0-20.097v9.087a42 42 0 0 1 1.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.262q-.013-.001-.025-.003c-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.224",
-  "data-name": "Eye Mark"
-}))));
-const ForwardRef = forwardRef(NvidiaInceptionIcon);
+    "aria-hidden": "true",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props, {
+    "data-datalayer-icon": "",
+    style: props && props.color != null ? Object.assign({}, props.style, {
+      "--datalayer-icon-color": props.color,
+      color: props.color
+    }) : props && props.style
+  }), /*#__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" : (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"
+  }), /*#__PURE__*/React.createElement("g", {
+    "data-name": "NVIDIA Logo"
+  }, /*#__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" : (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 (!colormode) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormode === "string" ? colormode : undefined
+  }, _svgEl);
+}
+const ForwardRef = React.forwardRef(NvidiaInceptionIcon);
 export default ForwardRef;

package/data1/esm/OktaIcon.js

@@ -6,27 +6,85 @@ const sizeMap = {
   "large": 64
 };
 
-import { forwardRef } from "react";
-const OktaIcon = ({
+function _DlIconInverseColormode({
+  mode,
+  children
+}) {
+  const ref = React.useRef(null);
+  const [appearance, setAppearance] = React.useState({
+    mode: typeof mode === "string" ? mode : null,
+    lightTheme: null,
+    darkTheme: null
+  });
+  React.useLayoutEffect(() => {
+    if (typeof document === "undefined") return;
+    let currentMode = null;
+    let lightTheme = null;
+    let darkTheme = null;
+    let el = ref.current && ref.current.parentElement;
+    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 (!currentMode || currentMode === "auto") {
+      currentMode = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
+    }
+    setAppearance({
+      mode: typeof mode === "string" ? mode : (currentMode === "dark" ? "light" : "dark"),
+      lightTheme,
+      darkTheme
+    });
+  }, [mode]);
+  return /*#__PURE__*/React.createElement("span", {
+    ref: ref,
+    "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);
+}
+
+function OktaIcon({
   title,
+  titleId,
   size,
   colored,
   themed,
-  titleId,
+  colormode,
   ...props
-}, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
-  xmlns: "http://www.w3.org/2000/svg",
-  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))))")),
-  "aria-hidden": "true",
+}, svgRef) {
+  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 64 64",
+    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",
-  viewBox: "0 0 64 64",
-  ref: ref,
-  "aria-labelledby": titleId
-}, props), title ? /*#__PURE__*/React.createElement("title", {
-  id: titleId
-}, title) : null, /*#__PURE__*/React.createElement("path", {
-  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 0m0 48c-8.866 0-16-7.134-16-16s7.134-16 16-16 16 7.134 16 16-7.134 16-16 16"
-}));
-const ForwardRef = forwardRef(OktaIcon);
+    "aria-hidden": "true",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props, {
+    "data-datalayer-icon": "",
+    style: props && props.color != null ? Object.assign({}, props.style, {
+      "--datalayer-icon-color": props.color,
+      color: props.color
+    }) : props && props.style
+  }), /*#__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" : (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 (!colormode) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormode === "string" ? colormode : undefined
+  }, _svgEl);
+}
+const ForwardRef = React.forwardRef(OktaIcon);
 export default ForwardRef;

package/data1/esm/OpenSourceInitiativeIcon.js

@@ -6,34 +6,92 @@ const sizeMap = {
   "large": 64
 };
 
-import { forwardRef } from "react";
-const OpenSourceInitiativeIcon = ({
+function _DlIconInverseColormode({
+  mode,
+  children
+}) {
+  const ref = React.useRef(null);
+  const [appearance, setAppearance] = React.useState({
+    mode: typeof mode === "string" ? mode : null,
+    lightTheme: null,
+    darkTheme: null
+  });
+  React.useLayoutEffect(() => {
+    if (typeof document === "undefined") return;
+    let currentMode = null;
+    let lightTheme = null;
+    let darkTheme = null;
+    let el = ref.current && ref.current.parentElement;
+    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 (!currentMode || currentMode === "auto") {
+      currentMode = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
+    }
+    setAppearance({
+      mode: typeof mode === "string" ? mode : (currentMode === "dark" ? "light" : "dark"),
+      lightTheme,
+      darkTheme
+    });
+  }, [mode]);
+  return /*#__PURE__*/React.createElement("span", {
+    ref: ref,
+    "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);
+}
+
+function OpenSourceInitiativeIcon({
   title,
+  titleId,
   size,
   colored,
   themed,
-  titleId,
+  colormode,
   ...props
-}, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
-  xmlns: "http://www.w3.org/2000/svg",
-  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))))")),
-  "aria-hidden": "true",
+}, svgRef) {
+  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 590 590",
+    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",
-  viewBox: "0 0 590 590",
-  ref: ref,
-  "aria-labelledby": titleId
-}, props), title ? /*#__PURE__*/React.createElement("title", {
-  id: titleId
-}, title) : null, /*#__PURE__*/React.createElement("path", {
-  fill: colored ? "#3fa648" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 57%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 77%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 57%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 77%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 57%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-  stroke: colored ? "#23552a" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 44%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 90%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 44%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 90%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 44%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: 19.212,
-  d: "M328.7 395.8c40.3-15 61.4-43.8 61.4-93.4S348.3 209 296 208.9c-55.1-.1-96.8 43.6-96.1 93.5s24.4 83 62.4 94.9L195 563C104.8 539.7 13.2 433.3 13.2 302.4 13.2 147.3 137.8 21.5 294 21.5s282.8 125.7 282.8 280.8c0 133-90.8 237.9-182.9 261.1z"
-}), /*#__PURE__*/React.createElement("path", {
-  fill: colored ? "#010101" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 38%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 96%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 38%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 96%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 38%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-  d: "M556.64 545.909c.932.31 1.865.995 2.736 2.052.933 1.057 1.803 2.487 2.736 4.353l4.478 8.893h-4.727l-4.166-8.396c-1.058-2.176-2.115-3.607-3.172-4.353-.995-.684-2.363-1.057-4.104-1.057h-4.789v13.806h-4.415v-32.649h9.95c3.731 0 6.53.809 8.333 2.363 1.866 1.555 2.736 3.918 2.736 7.09 0 2.052-.497 3.73-1.43 5.1-.933 1.367-2.363 2.3-4.167 2.798m-11.069-13.682v11.567h5.535c2.114 0 3.731-.497 4.788-1.492 1.12-.995 1.617-2.426 1.617-4.354s-.56-3.358-1.617-4.29c-1.057-.996-2.674-1.493-4.788-1.493h-5.535"
-}));
-const ForwardRef = forwardRef(OpenSourceInitiativeIcon);
+    "aria-hidden": "true",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props, {
+    "data-datalayer-icon": "",
+    style: props && props.color != null ? Object.assign({}, props.style, {
+      "--datalayer-icon-color": props.color,
+      color: props.color
+    }) : props && props.style
+  }), /*#__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 ? "#3fa648" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 57%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 77%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 57%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 77%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 57%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    stroke: colored ? "#23552a" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 44%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 90%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 44%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 90%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 44%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 19.212,
+    d: "M328.7 395.8c40.3-15 61.4-43.8 61.4-93.4S348.3 209 296 208.9c-55.1-.1-96.8 43.6-96.1 93.5s24.4 83 62.4 94.9L195 563C104.8 539.7 13.2 433.3 13.2 302.4 13.2 147.3 137.8 21.5 294 21.5s282.8 125.7 282.8 280.8c0 133-90.8 237.9-182.9 261.1l-65.2-167.6z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: colored ? "#010101" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 38%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 96%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 38%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 96%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 38%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    d: "M556.64 545.909c.932.31 1.865.995 2.736 2.052.933 1.057 1.803 2.487 2.736 4.353l4.478 8.893h-4.727l-4.166-8.396c-1.058-2.176-2.115-3.607-3.172-4.353-.995-.684-2.363-1.057-4.104-1.057h-4.789v13.806h-4.415v-32.649h9.95c3.731 0 6.53.809 8.333 2.363 1.866 1.555 2.736 3.918 2.736 7.09 0 2.052-.497 3.73-1.43 5.1-.933 1.367-2.363 2.3-4.167 2.798m-11.069-13.682v11.567h5.535c2.114 0 3.731-.497 4.788-1.492 1.12-.995 1.617-2.426 1.617-4.354s-.56-3.358-1.617-4.29c-1.057-.996-2.674-1.493-4.788-1.493h-5.535"
+  }));
+  if (!colormode) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormode === "string" ? colormode : undefined
+  }, _svgEl);
+}
+const ForwardRef = React.forwardRef(OpenSourceInitiativeIcon);
 export default ForwardRef;

package/data1/esm/OpenStackIcon.js

@@ -6,27 +6,85 @@ const sizeMap = {
   "large": 64
 };
 
-import { forwardRef } from "react";
-const OpenStackIcon = ({
+function _DlIconInverseColormode({
+  mode,
+  children
+}) {
+  const ref = React.useRef(null);
+  const [appearance, setAppearance] = React.useState({
+    mode: typeof mode === "string" ? mode : null,
+    lightTheme: null,
+    darkTheme: null
+  });
+  React.useLayoutEffect(() => {
+    if (typeof document === "undefined") return;
+    let currentMode = null;
+    let lightTheme = null;
+    let darkTheme = null;
+    let el = ref.current && ref.current.parentElement;
+    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 (!currentMode || currentMode === "auto") {
+      currentMode = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
+    }
+    setAppearance({
+      mode: typeof mode === "string" ? mode : (currentMode === "dark" ? "light" : "dark"),
+      lightTheme,
+      darkTheme
+    });
+  }, [mode]);
+  return /*#__PURE__*/React.createElement("span", {
+    ref: ref,
+    "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);
+}
+
+function OpenStackIcon({
   title,
+  titleId,
   size,
   colored,
   themed,
-  titleId,
+  colormode,
   ...props
-}, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
-  xmlns: "http://www.w3.org/2000/svg",
-  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))))")),
-  "aria-hidden": "true",
+}, svgRef) {
+  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 167.37 163.66",
+    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",
-  viewBox: "0 0 167.37 163.66",
-  ref: ref,
-  "aria-labelledby": titleId
-}, props), title ? /*#__PURE__*/React.createElement("title", {
-  id: titleId
-}, title) : null, /*#__PURE__*/React.createElement("path", {
-  fill: colored ? "#e52a4a" : (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: "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 0 0 5.52-1.94 8.08 8.08 0 0 0 3.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.9s0 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.15q-.06 17.745 0 35.52c0 .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.12z"
-}));
-const ForwardRef = forwardRef(OpenStackIcon);
+    "aria-hidden": "true",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props, {
+    "data-datalayer-icon": "",
+    style: props && props.color != null ? Object.assign({}, props.style, {
+      "--datalayer-icon-color": props.color,
+      color: props.color
+    }) : props && props.style
+  }), /*#__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", {
+    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: colored ? "#e52a4a" : (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))))"))
+  }));
+  if (!colormode) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormode === "string" ? colormode : undefined
+  }, _svgEl);
+}
+const ForwardRef = React.forwardRef(OpenStackIcon);
 export default ForwardRef;