@datalayer/icons-react 1.0.6 → 1.0.8

package/data1/esm/PulsarNameIcon.js

@@ -6,61 +6,104 @@ 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 PulsarNameIcon({
   title,
   titleId,
   size,
   colored,
+  themed,
+  colormoded,
   ...props
 }, svgRef) {
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
-    id: "svg855",
+    id: "prefix__svg855",
     viewBox: "0 0 100 100",
-    fill: colored ? 'currentColor' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('currentColor') ? 'white' : '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), title ? /*#__PURE__*/React.createElement("title", {
+  }, props, {
+    style: props && props.color != null ? Object.assign({}, props.style, {
+      "--datalayer-icon-fg": props.color
+    }) : props && props.style
+  }), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("defs", {
-    id: "defs835"
+    id: "prefix__defs835"
   }, /*#__PURE__*/React.createElement("style", {
     id: "style833"
-  }, "\n      .cls-2{fill:#464e56}\n    ")), /*#__PURE__*/React.createElement("path", {
-    id: "path839",
-    fill: colored ? '#188fff' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#188fff') ? 'white' : 'currentColor'),
+  }, ".prefix__cls-2{fill:#464e56}")), /*#__PURE__*/React.createElement("path", {
+    id: "prefix__path839",
+    fill: colored ? '#188fff' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     strokeWidth: 1.639,
-    d: "M100 22.508H75.557C68.951 9.836 61.967 0 52.46 0c-12.377 0-18.197 10.803-23.82 21.311l-.491.919H0v6.245h16.393c5.787 0 6.968 1.951 6.968 1.951-4.541 7.05-10 14.017-19.099 14.017H0V51h4.295c17.64 0 25.344-14.311 31.525-25.803 5.672-10.59 9.623-17 16.639-17 7.279 0 14.934 15.836 21.672 29.82.984 2.032 1.984 4.114 3 6.18-25.836.82-38.147 6.869-48.164 11.803-7.328 3.607-13.115 8.082-22.64 8.082H0v6.557h6.279c11.475 0 18.623-3.54 26.23-7.295C43.048 58.164 55 52.295 83.163 52.295h16.279v-6.557h-9.197a4.918 4.918 0 01-4.05-1.64c-1.606-3.114-3.18-6.393-4.72-9.672l-2.132-4.36s1.525-1.64 5.754-1.64H100z"
+    d: "M100 22.508H75.557C68.951 9.836 61.967 0 52.46 0 40.083 0 34.263 10.803 28.64 21.311l-.491.919H0v6.245h16.393c5.787 0 6.968 1.951 6.968 1.951-4.541 7.05-10 14.017-19.099 14.017H0V51h4.295c17.64 0 25.344-14.311 31.525-25.803 5.672-10.59 9.623-17 16.639-17 7.279 0 14.934 15.836 21.672 29.82.984 2.032 1.984 4.114 3 6.18-25.836.82-38.147 6.869-48.164 11.803-7.328 3.607-13.115 8.082-22.64 8.082H0v6.557h6.279c11.475 0 18.623-3.54 26.23-7.295C43.048 58.164 55 52.295 83.163 52.295h16.279v-6.557h-9.197a4.918 4.918 0 01-4.05-1.64c-1.606-3.114-3.18-6.393-4.72-9.672l-2.132-4.36s1.525-1.64 5.754-1.64H100z"
   }), /*#__PURE__*/React.createElement("g", {
-    id: "g882",
-    transform: "matrix(.64922 0 0 .64922 -45.082 72.718)"
+    id: "prefix__g882",
+    transform: "translate(-45.082 72.718) scale(.64922)"
   }, /*#__PURE__*/React.createElement("path", {
-    id: "path841",
+    id: "prefix__path841",
     d: "M79.83 13.7H69.44v3.74H79.6c4.2 0 6.61 1.91 6.61 5.33 0 3.24-2.66 5.33-6.77 5.33h-10v13h4v-9.3h5.93c5.42 0 10.88-2.83 10.88-9.22-.03-5.4-4.11-8.88-10.42-8.88z",
-    className: "cls-2"
+    className: "prefix__cls-2"
   }), /*#__PURE__*/React.createElement("path", {
-    id: "path843",
+    id: "prefix__path843",
     d: "M113.31 29.57c0 5.31-2.66 8.24-7.48 8.24s-7.6-3.07-7.6-8.43V13.7h-4v15.87c0 7.39 4.4 12 11.49 12s11.56-4.57 11.56-12.23V13.7h-4z",
-    className: "cls-2"
+    className: "prefix__cls-2"
   }), /*#__PURE__*/React.createElement("path", {
-    id: "polygon845",
+    id: "prefix__polygon845",
     d: "M127.33 37.39V13.7h-3.97v27.44h18.86v-3.75z",
-    className: "cls-2"
+    className: "prefix__cls-2"
   }), /*#__PURE__*/React.createElement("path", {
-    id: "path847",
+    id: "prefix__path847",
     d: "M156.69 25.5c-5.74-1.23-6.79-2.53-6.79-4.74 0-2.21 2.1-3.76 5.1-3.76a11.12 11.12 0 017.32 2.76l.4.32 2.36-3.08-.37-.3a14.22 14.22 0 00-9.61-3.36c-5.32 0-9.18 3.24-9.18 7.79 0 5.06 3.71 6.91 9.27 8.12 5.56 1.21 6.49 2.44 6.49 4.62 0 2.36-2.22 4-5.41 4-3.37 0-5.9-1-8.74-3.62l-.38-.34-2.49 2.95.36.32a15.91 15.91 0 0011.14 4.36c5.61 0 9.52-3.28 9.52-8 .01-4.28-2.68-6.67-8.99-8.04z",
-    className: "cls-2"
+    className: "prefix__cls-2"
   }), /*#__PURE__*/React.createElement("path", {
-    id: "path849",
+    id: "prefix__path849",
     d: "M180.19 13.51l-12.5 27.63h4.14l3.14-7h13.76l3.1 7h4.29l-12.5-27.63zm-3.61 17l5.29-11.8 5.26 11.8z",
-    className: "cls-2"
+    className: "prefix__cls-2"
   }), /*#__PURE__*/React.createElement("path", {
-    id: "path851",
+    id: "prefix__path851",
     d: "M215.18 30.15c4.29-1 6.82-4 6.82-8.11a7.77 7.77 0 00-2.18-5.56 11 11 0 00-7.87-2.79h-11.87v27.45h4V30.85h6.82l7.67 10.28h4.9zm-11.14-3v-9.71h7.67c4 0 6.28 1.72 6.28 4.8s-2.48 5-6.31 5z",
-    className: "cls-2"
+    className: "prefix__cls-2"
   })));
+  if (!colormoded) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormoded === "string" ? colormoded : undefined
+  }, _svgEl);
 }
 const ForwardRef = React.forwardRef(PulsarNameIcon);
 export default ForwardRef;

package/data1/esm/PyTorchIcon.d.ts

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

package/data1/esm/PyTorchIcon.js

@@ -6,30 +6,73 @@ const sizeMap = {
   "large": 64
 };
 
+function _DlIconInverseColormode({
+  mode,
+  children
+}) {
+  const ref = React.useRef(null);
+  const [resolved, setResolved] = React.useState(typeof mode === "string" ? mode : null);
+  React.useLayoutEffect(() => {
+    if (typeof mode === "string") {
+      setResolved(mode);
+      return;
+    }
+    if (typeof document === "undefined") return;
+    let cur = null;
+    let el = ref.current && ref.current.parentElement;
+    while (el) {
+      const m = el.getAttribute && el.getAttribute("data-color-mode");
+      if (m) { cur = m; break; }
+      el = el.parentElement;
+    }
+    if (!cur || cur === "auto") {
+      cur = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
+    }
+    setResolved(cur === "dark" ? "light" : "dark");
+  }, [mode]);
+  return /*#__PURE__*/React.createElement("span", {
+    ref: ref,
+    "data-color-mode": resolved || "light",
+    "data-light-theme": "light",
+    "data-dark-theme": "dark",
+    style: { display: "inline-flex", lineHeight: 0 }
+  }, children);
+}
+
 function PyTorchIcon({
   title,
   titleId,
   size,
   colored,
+  themed,
+  colormoded,
   ...props
 }, svgRef) {
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
-    fill: colored ? 'none' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('none') ? 'white' : 'currentColor'),
+    fill: colored ? 'none' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     viewBox: "0 0 20 20",
-    "aria-hidden": "true",
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
+    "aria-hidden": "true",
     ref: svgRef,
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React.createElement("title", {
+  }, props, {
+    style: props && props.color != null ? Object.assign({}, props.style, {
+      "--datalayer-icon-fg": props.color
+    }) : props && props.style
+  }), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#EE4C2C' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#EE4C2C') ? 'white' : 'currentColor'),
+    fill: colored ? '#EE4C2C' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     d: "M15.882 5.877L14.43 7.33a6.218 6.218 0 010 8.782 6.218 6.218 0 01-8.782 0 6.218 6.218 0 010-8.782L9.52 3.457l.484-.553V0L4.127 5.877a8.221 8.221 0 000 11.686 8.22 8.22 0 0011.685 0c3.32-3.25 3.32-8.505.07-11.686z"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? '#EE4C2C' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#EE4C2C') ? 'white' : 'currentColor'),
+    fill: colored ? '#EE4C2C' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     d: "M12.977 5.462a1.106 1.106 0 100-2.212 1.106 1.106 0 000 2.212z"
   }));
+  if (!colormoded) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormoded === "string" ? colormoded : undefined
+  }, _svgEl);
 }
 const ForwardRef = React.forwardRef(PyTorchIcon);
 export default ForwardRef;

package/data1/esm/PydanticIcon.d.ts

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

package/data1/esm/PydanticIcon.js

@@ -0,0 +1,74 @@
+import * as React from "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 PydanticIcon({
+  title,
+  titleId,
+  size,
+  colored,
+  themed,
+  colormoded,
+  ...props
+}, svgRef) {
+  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    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, {
+    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", {
+    d: "M23.826 17.316l-4.23-5.866-6.847-9.496c-.348-.48-1.151-.48-1.497 0l-6.845 9.494-4.233 5.868a.925.925 0 00.46 1.417l11.078 3.626h.002a.92.92 0 00.572 0h.002l11.077-3.626c.28-.092.5-.31.59-.592a.916.916 0 00-.13-.825h.002zM12.001 4.07l4.44 6.158-4.152-1.36c-.032-.01-.066-.008-.098-.016a.8.8 0 00-.096-.016c-.032-.004-.062-.016-.094-.016s-.062.012-.094.016a.74.74 0 00-.096.016c-.032.006-.066.006-.096.016L7.59 10.221l-.026.008 4.44-6.158h-.002zm-6.273 8.7l4.834-1.583.516-.168v9.19L2.41 17.372l3.317-4.6zm7.197 7.437V11.02l5.35 1.752 3.316 4.598-8.666 2.838z"
+  }));
+  if (!colormoded) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormoded === "string" ? colormoded : undefined
+  }, _svgEl);
+}
+const ForwardRef = React.forwardRef(PydanticIcon);
+export default ForwardRef;

package/data1/esm/PydanticIcon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
+  <path d="M23.826 17.316l-4.23-5.866-6.847-9.496c-.348-.48-1.151-.48-1.497 0l-6.845 9.494-4.233 5.868a.925.925 0 00.46 1.417l11.078 3.626h.002a.92.92 0 00.572 0h.002l11.077-3.626c.28-.092.5-.31.59-.592a.916.916 0 00-.13-.825h.002zM12.001 4.07l4.44 6.158-4.152-1.36c-.032-.01-.066-.008-.098-.016a.8.8 0 00-.096-.016c-.032-.004-.062-.016-.094-.016s-.062.012-.094.016a.74.74 0 00-.096.016c-.032.006-.066.006-.096.016L7.59 10.221l-.026.008 4.44-6.158h-.002zm-6.273 8.7l4.834-1.583.516-.168v9.19L2.41 17.372l3.317-4.6zm7.197 7.437V11.02l5.35 1.752 3.316 4.598-8.666 2.838z"/>
+</svg>

package/data1/esm/PydanticIconJupyterLab.d.ts

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

package/data1/esm/PydanticIconJupyterLab.js

@@ -0,0 +1,7 @@
+import { LabIcon } from '@jupyterlab/ui-components/lib/icon/labicon';
+import PydanticIconSvgStr from './PydanticIcon.svg';
+const pydanticIconJupyterLab = new LabIcon({
+    name: '@datalayer/icons:pydantic',
+    svgstr: PydanticIconSvgStr,
+});
+export default pydanticIconJupyterLab;

package/data1/esm/PydataIcon.d.ts

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