@datalayer/icons-react 1.0.7 → 1.0.9

package/data1/GdprIcon.js

@@ -6,34 +6,77 @@ const sizeMap = {
   "large": 64
 };
 
+function _DlIconInverseColormode({
+  mode,
+  children
+}) {
+  const ref = React.useRef(null);
+  const [resolved, setResolved] = React.useState(typeof mode === "string" ? mode : null);
+  React.useLayoutEffect(() => {
+    if (typeof mode === "string") {
+      setResolved(mode);
+      return;
+    }
+    if (typeof document === "undefined") return;
+    let cur = null;
+    let el = ref.current && ref.current.parentElement;
+    while (el) {
+      const m = el.getAttribute && el.getAttribute("data-color-mode");
+      if (m) { cur = m; break; }
+      el = el.parentElement;
+    }
+    if (!cur || cur === "auto") {
+      cur = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
+    }
+    setResolved(cur === "dark" ? "light" : "dark");
+  }, [mode]);
+  return /*#__PURE__*/React.createElement("span", {
+    ref: ref,
+    "data-color-mode": resolved || "light",
+    "data-light-theme": "light",
+    "data-dark-theme": "dark",
+    style: { display: "inline-flex", lineHeight: 0 }
+  }, children);
+}
+
 function GdprIcon({
   title,
   titleId,
   size,
   colored,
+  themed,
+  colormode,
   ...props
 }, svgRef) {
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
-    fill: colored ? 'none' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('none') ? 'white' : 'currentColor'),
+    fill: colored ? 'none' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     viewBox: "0 0 34 50",
-    "aria-hidden": "true",
     height: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
+    "aria-hidden": "true",
     ref: svgRef,
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React.createElement("title", {
+  }, props, {
+    style: props && props.color != null ? Object.assign({}, props.style, {
+      "--datalayer-icon-fg": props.color
+    }) : props && props.style
+  }), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#fff' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#fff') ? 'white' : 'currentColor'),
-    d: "M12.19 49.18h.379l-.8-1.937h-.402l-.8 1.937h.368l.191-.486h.869l.194.486zm-.63-1.582l.313.793h-.625l.313-.793zm2.592 1.582v-.311h-.941v-1.626h-.348v1.937h1.29zm.66 0v-1.937h-.353v1.937h.353zm2.334 0v-.98h-1.005v.286h.678c-.018.167-.174.435-.588.435-.354 0-.678-.238-.678-.71 0-.481.348-.706.68-.706.328 0 .53.186.6.405l.328-.118c-.11-.32-.43-.59-.927-.59-.533 0-1.034.372-1.034 1.008 0 .64.475 1.011 1.01 1.011.328 0 .54-.144.629-.287l.026.246h.281zm2.156 0v-1.937h-.347v1.374l-.933-1.374h-.443v1.937h.347v-1.467l1.014 1.467h.362zm1.786 0v-.306h-.921v-.513H21v-.298h-.834v-.514h.92v-.306H19.82v1.937h1.269zm.759-.3v-1.336h.368c.356 0 .649.218.649.672 0 .448-.296.664-.652.664h-.365zm.376.3c.557 0 1.003-.344 1.003-.964 0-.623-.44-.973-1-.973H21.5v1.937h.724zM11.158 44.262V40.95H7.812v1.171h1.974c-.084.35-.538 1.014-1.622 1.014-1.066 0-1.975-.673-1.975-1.967 0-1.381 1.048-1.94 1.938-1.94 1.093 0 1.529.699 1.631 1.083l1.409-.463c-.287-.866-1.159-1.915-3.04-1.915-1.854 0-3.42 1.285-3.42 3.235 0 1.959 1.501 3.226 3.327 3.226.936 0 1.557-.367 1.845-.76l.092.63h1.187zm2.429-1.303v-3.593h.852c1.01 0 1.836.56 1.836 1.801 0 1.242-.825 1.792-1.836 1.792h-.852zm.908 1.303c1.984 0 3.309-1.18 3.309-3.095 0-1.915-1.325-3.104-3.3-3.104h-2.382v6.2h2.373zm5.63-3.418V39.26h.852c.557 0 .937.297.937.796 0 .48-.38.787-.937.787h-.852zm1 1.189c1.336 0 2.253-.814 2.253-1.985 0-1.154-.917-1.985-2.252-1.985H18.65v6.2h1.465v-2.23h1.01zm6.093 2.23h1.613l-1.335-2.51c.807-.271 1.298-.91 1.298-1.749 0-1.101-.834-1.94-2.132-1.94h-2.605v6.198h1.465v-2.308h.519l1.177 2.308zm-1.696-3.498V39.26h.862c.602 0 .927.289.927.752 0 .437-.325.752-.927.752h-.862zM16.8 1.87l.507 1.513h1.64l-1.326.935.506 1.512-1.326-.935-1.327.935.507-1.512-1.327-.935h1.64l.507-1.512zM16.8 26.76l.507 1.514h1.64l-1.326.934.506 1.513-1.326-.935-1.327.935.507-1.513-1.327-.934h1.64l.507-1.513zM23.547 4.133l.506 1.512h1.64l-1.327.935.507 1.513-1.326-.936-1.328.936.507-1.513-1.326-.935h1.64l.507-1.512zM29.067 8.423l.506 1.512h1.64l-1.326.935.506 1.513-1.326-.935-1.327.935.507-1.513-1.327-.935h1.64l.507-1.512zM29.067 20.538l.506 1.513h1.64l-1.326.935.507 1.512-1.327-.934-1.327.934.507-1.512-1.327-.935h1.64l.507-1.513zM4.531 8.423l.507 1.512h1.64l-1.327.935.507 1.513-1.327-.935-1.327.935.507-1.513-1.327-.935h1.64l.507-1.512zM30.294 14.315l.507 1.513h1.64l-1.327.935.507 1.512-1.327-.934-1.327.934.507-1.512-1.327-.935h1.64l.507-1.513zM3.306 14.315l.506 1.513h1.64l-1.327.935.508 1.512-1.327-.934-1.327.934.507-1.512-1.327-.935h1.64l.507-1.513zM4.531 20.538l.507 1.513h1.64l-1.327.935.507 1.512-1.327-.934-1.327.934.507-1.512-1.327-.935h1.64l.507-1.513zM24.774 25.63l.506 1.512h1.64l-1.327.935.508 1.512-1.327-.934-1.327.934.507-1.512-1.327-.935h1.64l.507-1.513zM10.051 4.133l.507 1.512h1.64l-1.327.935.507 1.513-1.327-.936-1.326.936.506-1.513-1.327-.935h1.64l.507-1.512zM8.826 25.63l.506 1.512h1.64l-1.326.935.507 1.512-1.327-.934-1.327.934.507-1.512-1.327-.935h1.64l.507-1.513zM12.455 15.389c0-.302.26-.547.58-.547h7.53c.32 0 .58.245.58.547v4.871c0 .302-.26.547-.58.547h-7.53c-.32 0-.58-.245-.58-.547V15.39z"
+    fill: colored ? '#fff' : 'white',
+    d: "M12.19 49.18h.379l-.8-1.937h-.402l-.8 1.937h.368l.191-.486h.869l.194.486zm-.63-1.582l.313.793h-.625l.313-.793zm2.592 1.582v-.311h-.941v-1.626h-.348v1.937h1.29zm.66 0v-1.937h-.353v1.937h.353zm2.334 0v-.98h-1.005v.286h.678c-.018.167-.174.435-.588.435-.354 0-.678-.238-.678-.71 0-.481.348-.706.68-.706.328 0 .53.186.6.405l.328-.118c-.11-.32-.43-.59-.927-.59-.533 0-1.034.372-1.034 1.008 0 .64.475 1.011 1.01 1.011.328 0 .54-.144.629-.287l.026.246h.281zm2.156 0v-1.937h-.347v1.374l-.933-1.374h-.443v1.937h.347v-1.467l1.014 1.467h.362zm1.786 0v-.306h-.921v-.513H21v-.298h-.834v-.514h.92v-.306H19.82v1.937h1.269zm.759-.3v-1.336h.368c.356 0 .649.218.649.672 0 .448-.296.664-.652.664h-.365zm.376.3c.557 0 1.003-.344 1.003-.964 0-.623-.44-.973-1-.973H21.5v1.937h.724zm-11.065-4.918V40.95H7.812v1.171h1.974c-.084.35-.538 1.014-1.622 1.014-1.066 0-1.975-.673-1.975-1.967 0-1.381 1.048-1.94 1.938-1.94 1.093 0 1.529.699 1.631 1.083l1.409-.463c-.287-.866-1.159-1.915-3.04-1.915-1.854 0-3.42 1.285-3.42 3.235 0 1.959 1.501 3.226 3.327 3.226.936 0 1.557-.367 1.845-.76l.092.63h1.187zm2.429-1.303v-3.593h.852c1.01 0 1.836.56 1.836 1.801 0 1.242-.825 1.792-1.836 1.792h-.852zm.908 1.303c1.984 0 3.309-1.18 3.309-3.095 0-1.915-1.325-3.104-3.3-3.104h-2.382v6.2h2.373zm5.63-3.418V39.26h.852c.557 0 .937.297.937.796 0 .48-.38.787-.937.787h-.852zm1 1.189c1.336 0 2.253-.814 2.253-1.985 0-1.154-.917-1.985-2.252-1.985H18.65v6.2h1.465v-2.23h1.01zm6.093 2.23h1.613l-1.335-2.51c.807-.271 1.298-.91 1.298-1.749 0-1.101-.834-1.94-2.132-1.94h-2.605v6.198h1.465v-2.308h.519l1.177 2.308zm-1.696-3.498V39.26h.862c.602 0 .927.289.927.752 0 .437-.325.752-.927.752h-.862zM16.8 1.87l.507 1.513h1.64l-1.326.935.506 1.512-1.326-.935-1.327.935.507-1.512-1.327-.935h1.64l.507-1.512zm0 24.89l.507 1.514h1.64l-1.326.934.506 1.513-1.326-.935-1.327.935.507-1.513-1.327-.934h1.64l.507-1.513zm6.747-22.627l.506 1.512h1.64l-1.327.935.507 1.513-1.326-.936-1.328.936.507-1.513-1.326-.935h1.64l.507-1.512zm5.52 4.29l.506 1.512h1.64l-1.326.935.506 1.513-1.326-.935-1.327.935.507-1.513-1.327-.935h1.64l.507-1.512zm0 12.115l.506 1.513h1.64l-1.326.935.507 1.512-1.327-.934-1.327.934.507-1.512-1.327-.935h1.64l.507-1.513zM4.531 8.423l.507 1.512h1.64l-1.327.935.507 1.513-1.327-.935-1.327.935.507-1.513-1.327-.935h1.64l.507-1.512zm25.763 5.892l.507 1.513h1.64l-1.327.935.507 1.512-1.327-.934-1.327.934.507-1.512-1.327-.935h1.64l.507-1.513zm-26.988 0l.506 1.513h1.64l-1.327.935.508 1.512-1.327-.934-1.327.934.507-1.512-1.327-.935h1.64l.507-1.513zm1.225 6.223l.507 1.513h1.64l-1.327.935.507 1.512-1.327-.934-1.327.934.507-1.512-1.327-.935h1.64l.507-1.513zm20.243 5.092l.506 1.512h1.64l-1.327.935.508 1.512-1.327-.934-1.327.934.507-1.512-1.327-.935h1.64l.507-1.513zM10.051 4.133l.507 1.512h1.64l-1.327.935.507 1.513-1.327-.936-1.326.936.506-1.513-1.327-.935h1.64l.507-1.512zM8.826 25.63l.506 1.512h1.64l-1.326.935.507 1.512-1.327-.934-1.327.934.507-1.512-1.327-.935h1.64l.507-1.513zm3.629-10.241c0-.302.26-.547.58-.547h7.53c.32 0 .58.245.58.547v4.871c0 .302-.26.547-.58.547h-7.53c-.32 0-.58-.245-.58-.547v-4.87z"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#fff' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#fff') ? 'white' : 'currentColor'),
+    fill: colored ? '#fff' : 'white',
     d: "M16.012 19.192l-1.143-.992a.259.259 0 010-.403.367.367 0 01.463-.001h.002l.951.823 2.27-1.968a.366.366 0 01.463-.001l.002.002a.26.26 0 010 .405l-2.462 2.135a.43.43 0 01-.544.001l-.002-.001z"
   }), /*#__PURE__*/React.createElement("path", {
     stroke: "#fff",
     strokeWidth: 2,
     d: "M18.845 14.977v-1.5c0-.999-.858-1.809-1.917-1.809-1.059 0-1.917.81-1.917 1.809v1.5"
   }));
+  if (!colormode) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormode === "string" ? colormode : undefined
+  }, _svgEl);
 }
 const ForwardRef = React.forwardRef(GdprIcon);
 module.exports = ForwardRef;

package/data1/GithubMarkIcon.d.ts

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

package/data1/GithubMarkIcon.js

@@ -6,27 +6,70 @@ const sizeMap = {
   "large": 64
 };
 
+function _DlIconInverseColormode({
+  mode,
+  children
+}) {
+  const ref = React.useRef(null);
+  const [resolved, setResolved] = React.useState(typeof mode === "string" ? mode : null);
+  React.useLayoutEffect(() => {
+    if (typeof mode === "string") {
+      setResolved(mode);
+      return;
+    }
+    if (typeof document === "undefined") return;
+    let cur = null;
+    let el = ref.current && ref.current.parentElement;
+    while (el) {
+      const m = el.getAttribute && el.getAttribute("data-color-mode");
+      if (m) { cur = m; break; }
+      el = el.parentElement;
+    }
+    if (!cur || cur === "auto") {
+      cur = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
+    }
+    setResolved(cur === "dark" ? "light" : "dark");
+  }, [mode]);
+  return /*#__PURE__*/React.createElement("span", {
+    ref: ref,
+    "data-color-mode": resolved || "light",
+    "data-light-theme": "light",
+    "data-dark-theme": "dark",
+    style: { display: "inline-flex", lineHeight: 0 }
+  }, children);
+}
+
 function GithubMarkIcon({
   title,
   titleId,
   size,
   colored,
+  themed,
+  colormode,
   ...props
 }, svgRef) {
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
-    fill: colored ? 'currentColor' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('currentColor') ? 'white' : 'currentColor'),
-    "aria-hidden": "true",
+    fill: themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor',
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
+    "aria-hidden": "true",
     ref: svgRef,
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React.createElement("title", {
+  }, props, {
+    style: props && props.color != null ? Object.assign({}, props.style, {
+      "--datalayer-icon-fg": props.color
+    }) : props && props.style
+  }), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#959DA5' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#959DA5') ? 'white' : 'currentColor'),
+    fill: colored ? '#959DA5' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     d: "M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"
   }));
+  if (!colormode) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormode === "string" ? colormode : undefined
+  }, _svgEl);
 }
 const ForwardRef = React.forwardRef(GithubMarkIcon);
 module.exports = ForwardRef;

package/data1/GolangIcon.d.ts

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

package/data1/GolangIcon.js

@@ -6,128 +6,171 @@ const sizeMap = {
   "large": 64
 };
 
+function _DlIconInverseColormode({
+  mode,
+  children
+}) {
+  const ref = React.useRef(null);
+  const [resolved, setResolved] = React.useState(typeof mode === "string" ? mode : null);
+  React.useLayoutEffect(() => {
+    if (typeof mode === "string") {
+      setResolved(mode);
+      return;
+    }
+    if (typeof document === "undefined") return;
+    let cur = null;
+    let el = ref.current && ref.current.parentElement;
+    while (el) {
+      const m = el.getAttribute && el.getAttribute("data-color-mode");
+      if (m) { cur = m; break; }
+      el = el.parentElement;
+    }
+    if (!cur || cur === "auto") {
+      cur = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
+    }
+    setResolved(cur === "dark" ? "light" : "dark");
+  }, [mode]);
+  return /*#__PURE__*/React.createElement("span", {
+    ref: ref,
+    "data-color-mode": resolved || "light",
+    "data-light-theme": "light",
+    "data-dark-theme": "dark",
+    style: { display: "inline-flex", lineHeight: 0 }
+  }, children);
+}
+
 function GolangIcon({
   title,
   titleId,
   size,
   colored,
+  themed,
+  colormode,
   ...props
 }, svgRef) {
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 50 50",
-    fill: colored ? 'currentColor' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('currentColor') ? 'white' : 'currentColor'),
-    "aria-hidden": "true",
+    fill: themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor',
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
+    "aria-hidden": "true",
     ref: svgRef,
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React.createElement("title", {
+  }, props, {
+    style: props && props.color != null ? Object.assign({}, props.style, {
+      "--datalayer-icon-fg": props.color
+    }) : props && props.style
+  }), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("g", {
-    fill: colored ? 'none' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('none') ? 'white' : 'currentColor'),
+    fill: colored ? 'none' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     fillRule: "evenodd",
     opacity: 0.7
   }, /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#f7d8ac' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#f7d8ac') ? 'white' : 'currentColor'),
+    fill: colored ? '#f7d8ac' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     fillRule: "nonzero",
     stroke: "#000",
-    strokeWidth: 0.617545,
+    strokeWidth: 0.618,
     d: "M7.473 27.045c.071 1.466 1.534.788 2.196.33.629-.435.813-.074.868-.932.036-.564.101-1.129.07-1.695-.952-.086-1.986.14-2.766.707-.401.292-1.154 1.224-.368 1.59"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#75dce8' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#75dce8') ? 'white' : 'currentColor'),
+    fill: colored ? '#75dce8' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     fillRule: "nonzero",
     stroke: "#000",
-    strokeWidth: 0.617545,
-    d: "M10.853 9.587C5.248 8.01 9.416.873 13.916 3.81zM35.754 3.273c4.436-3.119 8.445 3.918 3.289 5.688z"
+    strokeWidth: 0.618,
+    d: "M10.853 9.587C5.248 8.01 9.416.873 13.916 3.81zm24.901-6.314c4.436-3.119 8.445 3.918 3.289 5.688z"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#f7d8ac' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#f7d8ac') ? 'white' : 'currentColor'),
+    fill: colored ? '#f7d8ac' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     fillRule: "nonzero",
     stroke: "#000",
-    strokeWidth: 0.617545,
+    strokeWidth: 0.618,
     d: "M36.708 45.08c1.127.699 3.186 2.809 1.496 3.832-1.624 1.489-2.533-1.634-3.959-2.066.614-.835 1.392-1.596 2.463-1.765z"
   }), /*#__PURE__*/React.createElement("path", {
     stroke: "#000",
-    strokeWidth: 0.617545,
+    strokeWidth: 0.618,
     d: "M38.204 48.912c-.25-.499-.335-1.08-.753-1.483"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#f7d8ac' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#f7d8ac') ? 'white' : 'currentColor'),
+    fill: colored ? '#f7d8ac' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     fillRule: "nonzero",
     stroke: "#000",
-    strokeWidth: 0.617545,
+    strokeWidth: 0.618,
     d: "M16.577 47.466c-1.323.204-2.067 1.399-3.17 2.005-1.039.62-1.436-.198-1.53-.364-.162-.075-.149.069-.4-.185-.963-1.521 1.003-2.633 2.028-3.39 1.426-.288 2.32.95 3.072 1.934z"
   }), /*#__PURE__*/React.createElement("path", {
     stroke: "#000",
-    strokeWidth: 0.617545,
+    strokeWidth: 0.618,
     d: "M11.877 49.106c.05-.58.51-.968.729-1.458"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#000' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#000') ? 'white' : 'currentColor'),
+    fill: colored ? '#000' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     fillRule: "nonzero",
-    d: "M11.087 7.616c-.74-.391-1.282-.923-.83-1.779.419-.792 1.197-.706 1.936-.315zM37.875 6.872c.74-.392 1.282-.923.83-1.78-.42-.792-1.197-.706-1.937-.314z"
+    d: "M11.087 7.616c-.74-.391-1.282-.923-.83-1.779.419-.792 1.197-.706 1.936-.315zm26.788-.744c.74-.392 1.282-.923.83-1.78-.42-.792-1.197-.706-1.937-.314z"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#f7d8ac' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#f7d8ac') ? 'white' : 'currentColor'),
+    fill: colored ? '#f7d8ac' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     fillRule: "nonzero",
     stroke: "#000",
-    strokeWidth: 0.617545,
+    strokeWidth: 0.618,
     d: "M42.965 26.86c-.071 1.465-1.534.787-2.196.328-.63-.435-.813-.073-.868-.931-.036-.565-.101-1.129-.07-1.695.951-.086 1.986.14 2.765.707.402.292 1.155 1.224.369 1.59"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#75dce8' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#75dce8') ? 'white' : 'currentColor'),
+    fill: colored ? '#75dce8' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     fillRule: "nonzero",
     stroke: "#000",
-    strokeWidth: 0.617545,
+    strokeWidth: 0.618,
     d: "M24.657.309c5.611 0 10.87.803 13.613 6.199 2.46 6.048 1.586 12.57 1.96 18.962.323 5.488 1.038 11.83-1.506 16.915-2.676 5.351-9.362 6.697-14.872 6.5-4.327-.155-9.554-1.568-11.996-5.525-2.866-4.643-1.509-11.546-1.3-16.712.246-6.12-1.657-12.257.352-18.245C12.99 2.191 18.61.788 24.658.309"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#fff' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#fff') ? 'white' : 'currentColor'),
+    fill: colored ? '#fff' : 'white',
     fillRule: "nonzero",
     stroke: "#000",
-    strokeWidth: 0.617545,
-    d: "M25.648 7.848c1.007 5.862 10.58 4.312 9.204-1.6-1.232-5.301-9.539-3.834-9.204 1.6M14.209 8.796c1.306 5.104 9.468 3.797 9.16-1.322-.368-6.13-10.408-4.948-9.16 1.322M26.803 14.882c.004.762.173 1.618.029 2.429-.195.367-.576.406-.905.555a1.33 1.33 0 01-1.019-.796c-.116-.925.044-1.821.073-2.747z"
+    strokeWidth: 0.618,
+    d: "M25.648 7.848c1.007 5.862 10.58 4.312 9.204-1.6-1.232-5.301-9.539-3.834-9.204 1.6m-11.439.948c1.306 5.104 9.468 3.797 9.16-1.322-.368-6.13-10.408-4.948-9.16 1.322m12.594 6.086c.004.762.173 1.618.029 2.429-.195.367-.576.406-.905.555a1.33 1.33 0 01-1.019-.796c-.116-.925.044-1.821.073-2.747z"
   }), /*#__PURE__*/React.createElement("g", {
     fillRule: "nonzero",
-    transform: "matrix(1.23509 0 0 1.23509 15.036 6.438)"
+    transform: "translate(15.036 6.438) scale(1.23509)"
   }, /*#__PURE__*/React.createElement("ellipse", {
     cx: 1.153,
     cy: 1.236,
-    fill: colored ? '#000' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#000') ? 'white' : 'currentColor'),
+    fill: colored ? '#000' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     rx: 1.116,
     ry: 1.21
   }), /*#__PURE__*/React.createElement("ellipse", {
     cx: 1.661,
     cy: 1.509,
-    fill: colored ? '#fff' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#fff') ? 'white' : 'currentColor'),
+    fill: colored ? '#fff' : 'white',
     rx: 0.263,
     ry: 0.307
   })), /*#__PURE__*/React.createElement("g", {
     fillRule: "nonzero",
-    transform: "matrix(1.23509 0 0 1.23509 26.562 6.066)"
+    transform: "translate(26.562 6.066) scale(1.23509)"
   }, /*#__PURE__*/React.createElement("ellipse", {
     cx: 1.172,
     cy: 1.236,
-    fill: colored ? '#000' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#000') ? 'white' : 'currentColor'),
+    fill: colored ? '#000' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     rx: 1.097,
     ry: 1.21
   }), /*#__PURE__*/React.createElement("ellipse", {
     cx: 1.671,
     cy: 1.509,
-    fill: colored ? '#fff' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#fff') ? 'white' : 'currentColor'),
+    fill: colored ? '#fff' : 'white',
     rx: 0.259,
     ry: 0.307
   })), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#fff' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#fff') ? 'white' : 'currentColor'),
+    fill: colored ? '#fff' : 'white',
     fillRule: "nonzero",
     stroke: "#000",
-    strokeWidth: 0.617545,
+    strokeWidth: 0.618,
     d: "M22.864 14.8c-.602 1.458.335 4.375 1.967 2.224-.117-.926.043-1.822.073-2.748z"
   }), /*#__PURE__*/React.createElement("g", {
     fillRule: "nonzero"
   }, /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#f7d8ac' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#f7d8ac') ? 'white' : 'currentColor'),
+    fill: colored ? '#f7d8ac' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     stroke: "#231f20",
-    strokeWidth: 0.617545,
+    strokeWidth: 0.618,
     d: "M23.07 11.99c-1.121.095-2.037 1.43-1.455 2.485.772 1.397 2.495-.124 3.568.019 1.234.025 2.246 1.306 3.238.231 1.103-1.196-.475-2.36-1.708-2.881z"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#000' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#000') ? 'white' : 'currentColor'),
+    fill: colored ? '#000' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     d: "M22.928 11.931c-.083-1.943 3.62-2.186 4.057-.56.436 1.624-3.874 2-4.057.56-.145-1.15 0 0 0 0z"
   }))));
+  if (!colormode) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormode === "string" ? colormode : undefined
+  }, _svgEl);
 }
 const ForwardRef = React.forwardRef(GolangIcon);
 module.exports = ForwardRef;

package/data1/GoogleCloudIcon.d.ts

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

package/data1/GoogleCloudIcon.js

@@ -6,36 +6,79 @@ const sizeMap = {
   "large": 64
 };
 
+function _DlIconInverseColormode({
+  mode,
+  children
+}) {
+  const ref = React.useRef(null);
+  const [resolved, setResolved] = React.useState(typeof mode === "string" ? mode : null);
+  React.useLayoutEffect(() => {
+    if (typeof mode === "string") {
+      setResolved(mode);
+      return;
+    }
+    if (typeof document === "undefined") return;
+    let cur = null;
+    let el = ref.current && ref.current.parentElement;
+    while (el) {
+      const m = el.getAttribute && el.getAttribute("data-color-mode");
+      if (m) { cur = m; break; }
+      el = el.parentElement;
+    }
+    if (!cur || cur === "auto") {
+      cur = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
+    }
+    setResolved(cur === "dark" ? "light" : "dark");
+  }, [mode]);
+  return /*#__PURE__*/React.createElement("span", {
+    ref: ref,
+    "data-color-mode": resolved || "light",
+    "data-light-theme": "light",
+    "data-dark-theme": "dark",
+    style: { display: "inline-flex", lineHeight: 0 }
+  }, children);
+}
+
 function GoogleCloudIcon({
   title,
   titleId,
   size,
   colored,
+  themed,
+  colormode,
   ...props
 }, svgRef) {
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 2385.7 1919.9",
-    fill: colored ? 'currentColor' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('currentColor') ? 'white' : 'currentColor'),
-    "aria-hidden": "true",
+    fill: themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor',
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
+    "aria-hidden": "true",
     ref: svgRef,
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React.createElement("title", {
+  }, props, {
+    style: props && props.color != null ? Object.assign({}, props.style, {
+      "--datalayer-icon-fg": props.color
+    }) : props && props.style
+  }), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#ea4335' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#ea4335') ? 'white' : 'currentColor'),
+    fill: colored ? '#ea4335' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     d: "M1513.8 528.7h72.8L1794 321.3l10.2-88c-385.9-340.6-975-303.9-1315.6 82C393.9 422.5 325.2 550 287.8 688c23.1-9.5 48.7-11 72.8-4.4l414.7-68.4s21.1-34.9 32-32.7c184.5-202.6 495-226.2 708-53.8h-1.5z"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#4285f4' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#4285f4') ? 'white' : 'currentColor'),
+    fill: colored ? '#4285f4' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     d: "M2089.4 688c-47.7-175.5-145.5-333.3-281.6-454l-291 291c122.9 100.4 192.9 251.7 189.9 410.4v51.7c143.1 0 259 116 259 259 0 143.1-116 259-259 259h-518.1l-51.7 52.4v310.7l51.7 51.7h518.1c297 2.3 560.5-190.2 648.7-473.8 88-283.7-20-591.7-266-758.1z"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#34a853' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#34a853') ? 'white' : 'currentColor'),
+    fill: colored ? '#34a853' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     d: "M669.8 1917h518.1v-414.7H669.8c-36.9 0-73.4-7.9-107-23.3l-72.8 22.5-208.8 207.4-18.2 72.8c117.1 88.4 260 135.9 406.8 135.3z"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#fbbc05' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#fbbc05') ? 'white' : 'currentColor'),
+    fill: colored ? '#fbbc05' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     d: "M669.8 571.6c-287.8 1.7-542.7 186-634.5 458.7-91.8 272.7-.3 573.7 227.8 749.1l300.5-300.5c-130.4-58.9-188.3-212.3-129.4-342.7 58.9-130.4 212.3-188.3 342.7-129.4 57.4 26 103.4 72 129.4 129.4l300.5-300.5c-127.9-167.1-326.6-264.8-537-264.1z"
   }));
+  if (!colormode) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormode === "string" ? colormode : undefined
+  }, _svgEl);
 }
 const ForwardRef = React.forwardRef(GoogleCloudIcon);
 module.exports = ForwardRef;

package/data1/GoogleColabIcon.d.ts

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

package/data1/GoogleColabIcon.js

@@ -0,0 +1,82 @@
+const React = require("react");
+
+const sizeMap = {
+  "small": 16,
+  "medium": 32,
+  "large": 64
+};
+
+function _DlIconInverseColormode({
+  mode,
+  children
+}) {
+  const ref = React.useRef(null);
+  const [resolved, setResolved] = React.useState(typeof mode === "string" ? mode : null);
+  React.useLayoutEffect(() => {
+    if (typeof mode === "string") {
+      setResolved(mode);
+      return;
+    }
+    if (typeof document === "undefined") return;
+    let cur = null;
+    let el = ref.current && ref.current.parentElement;
+    while (el) {
+      const m = el.getAttribute && el.getAttribute("data-color-mode");
+      if (m) { cur = m; break; }
+      el = el.parentElement;
+    }
+    if (!cur || cur === "auto") {
+      cur = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
+    }
+    setResolved(cur === "dark" ? "light" : "dark");
+  }, [mode]);
+  return /*#__PURE__*/React.createElement("span", {
+    ref: ref,
+    "data-color-mode": resolved || "light",
+    "data-light-theme": "light",
+    "data-dark-theme": "dark",
+    style: { display: "inline-flex", lineHeight: 0 }
+  }, children);
+}
+
+function GoogleColabIcon({
+  title,
+  titleId,
+  size,
+  colored,
+  themed,
+  colormode,
+  ...props
+}, svgRef) {
+  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    display: "block",
+    viewBox: "0 0 14.739 23.92",
+    height: 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, {
+    style: props && props.color != null ? Object.assign({}, props.style, {
+      "--datalayer-icon-fg": props.color
+    }) : props && props.style
+  }), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    fill: colored ? '#e8710a' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
+    d: "M-.17 9.46L-2.545 7.1a7.003 6.93 0 000 9.79l2.385-2.36a3.628 3.59 0 01-.01-5.07z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: colored ? '#f9ab00' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
+    d: "M-2.545 7.1L-.17 9.46a3.628 3.59 0 015.133 0L6.69 6.53l-.101-.08a7.003 6.93 0 00-9.135.65zM6.7 17.46l-1.737-2.92a3.628 3.59 0 01-5.133 0l-2.375 2.36a7.003 6.93 0 009.094.65l.111-.09M7.368 7.1a7.003 6.93 0 000 9.79l2.384-2.36a3.63 3.592 0 115.134-5.08L17.28 7.1a7.003 6.93 0 00-9.912 0z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: colored ? '#e8710a' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
+    d: "M17.28 7.1l-2.374 2.36a3.63 3.592 0 01-5.133 5.08L7.368 16.9a7.006 6.933 0 009.912-9.8z"
+  }));
+  if (!colormode) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormode === "string" ? colormode : undefined
+  }, _svgEl);
+}
+const ForwardRef = React.forwardRef(GoogleColabIcon);
+module.exports = ForwardRef;

package/data1/GoogleColabIcon.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" display="block" viewBox="0 0 14.739 23.92" fill="currentColor" aria-hidden="true">
+  <path fill="#e8710a" d="M-.17 9.46L-2.545 7.1a7.003 6.93 0 000 9.79l2.385-2.36a3.628 3.59 0 01-.01-5.07z"/>
+  <path fill="#f9ab00" d="M-2.545 7.1L-.17 9.46a3.628 3.59 0 015.133 0L6.69 6.53l-.101-.08a7.003 6.93 0 00-9.135.65zM6.7 17.46l-1.737-2.92a3.628 3.59 0 01-5.133 0l-2.375 2.36a7.003 6.93 0 009.094.65l.111-.09M7.368 7.1a7.003 6.93 0 000 9.79l2.384-2.36a3.63 3.592 0 115.134-5.08L17.28 7.1a7.003 6.93 0 00-9.912 0z"/>
+  <path fill="#e8710a" d="M17.28 7.1l-2.374 2.36a3.63 3.592 0 01-5.133 5.08L7.368 16.9a7.006 6.933 0 009.912-9.8z"/>
+</svg>

package/data1/GoogleColabIconJupyterLab.d.ts

@@ -0,0 +1,3 @@
+import { LabIcon } from "@jupyterlab/ui-components/lib/icon/labicon";
+declare const googleColabIconJupyterLab: LabIcon;
+export default googleColabIconJupyterLab;

package/data1/GoogleColabIconJupyterLab.js

@@ -0,0 +1,7 @@
+import { LabIcon } from '@jupyterlab/ui-components/lib/icon/labicon';
+import GoogleColabIconSvgStr from './GoogleColabIcon.svg';
+const googleColabIconJupyterLab = new LabIcon({
+    name: '@datalayer/icons:google-colab',
+    svgstr: GoogleColabIconSvgStr,
+});
+export default googleColabIconJupyterLab;

package/data1/GoogleIcon.d.ts

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