@datalayer/icons-react 1.0.11 → 1.0.12

package/data1/AngularIcon.d.ts

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

package/data1/AngularIcon.js

@@ -0,0 +1,103 @@
+const React = require("react");
+
+const sizeMap = {
+  "small": 16,
+  "medium": 32,
+  "large": 64
+};
+
+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 AngularIcon({
+  title,
+  titleId,
+  size,
+  colored,
+  themed,
+  colormode,
+  ...props
+}, svgRef) {
+  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    preserveAspectRatio: "xMinYMin meet",
+    viewBox: "0 0 256 270",
+    height: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
+    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",
+    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 ? "#B3B3B3" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 61%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 73%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 61%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 73%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 61%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    d: "M127.606.341L.849 44.95 20.88 211.022l106.86 58.732 107.412-59.528L255.175 44.16 127.606.341z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: colored ? "#A6120D" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 48%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 86%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 48%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 86%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 48%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    d: "M242.532 53.758L127.31 14.466v241.256l96.561-53.441 18.66-148.523z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: colored ? "#DD1B16" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 54%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 80%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 54%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 80%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 54%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    d: "M15.073 54.466l17.165 148.525 95.07 52.731V14.462L15.074 54.465z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: colored ? "#F2F2F2" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 84%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 50%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 84%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 50%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 84%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    d: "M159.027 142.898L127.31 157.73H93.881l-15.714 39.305-29.228.54L127.31 23.227l31.717 119.672zm-3.066-7.467l-28.44-56.303-23.329 55.334h23.117l28.652.97z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: colored ? "#B3B3B3" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 61%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 73%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 61%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 73%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 61%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    d: "M127.309 23.226l.21 55.902 26.47 55.377h-26.62l-.06 23.189 36.81.035 17.204 39.852 27.967.518-81.981-174.873z"
+  }));
+  if (!colormode) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormode === "string" ? colormode : undefined
+  }, _svgEl);
+}
+const ForwardRef = React.forwardRef(AngularIcon);
+module.exports = ForwardRef;

package/data1/AngularIcon.svg

@@ -0,0 +1,7 @@
+<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 270" fill="currentColor" aria-hidden="true">
+  <path fill="#B3B3B3" d="M127.606.341L.849 44.95 20.88 211.022l106.86 58.732 107.412-59.528L255.175 44.16 127.606.341z"/>
+  <path fill="#A6120D" d="M242.532 53.758L127.31 14.466v241.256l96.561-53.441 18.66-148.523z"/>
+  <path fill="#DD1B16" d="M15.073 54.466l17.165 148.525 95.07 52.731V14.462L15.074 54.465z"/>
+  <path fill="#F2F2F2" d="M159.027 142.898L127.31 157.73H93.881l-15.714 39.305-29.228.54L127.31 23.227l31.717 119.672zm-3.066-7.467l-28.44-56.303-23.329 55.334h23.117l28.652.97z"/>
+  <path fill="#B3B3B3" d="M127.309 23.226l.21 55.902 26.47 55.377h-26.62l-.06 23.189 36.81.035 17.204 39.852 27.967.518-81.981-174.873z"/>
+</svg>

package/data1/AngularIconJupyterLab.d.ts

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

package/data1/AngularIconJupyterLab.js

@@ -0,0 +1,11 @@
+// The root import, not lib/icon/labicon: inside JupyterLab the root is a
+// federation singleton, so this LabIcon is the class the host recognises
+// with instanceof — a deep import bundles a private copy the host would
+// not style (the icon then renders unstyled, at its intrinsic size).
+import { LabIcon } from '@jupyterlab/ui-components';
+import AngularIconSvgStr from './AngularIcon.svg';
+const angularIconJupyterLab = new LabIcon({
+    name: '@datalayer/icons:angular',
+    svgstr: AngularIconSvgStr,
+});
+export default angularIconJupyterLab;

package/data1/AppleRainbowIcon.d.ts

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

package/data1/AppleRainbowIcon.js

@@ -0,0 +1,154 @@
+const React = require("react");
+
+const sizeMap = {
+  "small": 16,
+  "medium": 32,
+  "large": 64
+};
+
+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 AppleRainbowIcon({
+  title,
+  titleId,
+  size,
+  colored,
+  themed,
+  colormode,
+  ...props
+}, svgRef) {
+  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    overflow: "visible",
+    viewBox: "0 0 550 550",
+    width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
+    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",
+    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 ? "#61bb46" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 63%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    fillRule: "evenodd",
+    stroke: colored ? "#61bb46" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 63%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    strokeMiterlimit: 2.613,
+    strokeWidth: 2.985,
+    d: "M25.824 200.612c.166-.273.342-.542.518-.806 28.447-43.799 73.32-69.434 115.518-69.434 42.969 0 69.98 23.555 105.498 23.555 34.463 0 55.454-23.589 105.132-23.589 37.534 0 77.329 20.439 105.674 55.781-7.837 4.292-14.907 9.165-21.226 14.521z",
+    clipRule: "evenodd",
+    transform: "matrix(.98693 0 0 .99106 27.5 .907)"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: colored ? "#61bb46" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 63%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    fillRule: "evenodd",
+    stroke: colored ? "#61bb46" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 63%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    strokeMiterlimit: 2.613,
+    strokeWidth: 2.985,
+    d: "M314.808 90.875c18.032-23.159 31.748-55.859 26.777-89.292-29.482 2.021-63.965 20.791-84.106 45.225-18.276 22.197-33.364 55.117-27.49 87.095 32.187 1.001 65.483-18.218 84.819-43.028z",
+    clipRule: "evenodd",
+    transform: "matrix(.98693 0 0 .99106 27.5 .907)"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: colored ? "#fdb827" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 75%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 59%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 75%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 59%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 75%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    fillRule: "evenodd",
+    d: "M51.539 199.086c-12.09 19.021-20.456 46.284-22.676 70.197l392.241-.01c4.241-26.161 18.343-51.156 40.694-70.158l-410.26-.029h.024z",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: colored ? "#f5821f" : (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))))")),
+    fillRule: "evenodd",
+    stroke: colored ? "#f5821f" : (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))))")),
+    strokeMiterlimit: 2.613,
+    strokeWidth: 2.985,
+    d: "M4.989 340.998c-3.862-24.644-4.487-48.403-2.061-70.2l394.341-.01c-3.857 23.638-.62 48.237 9.136 70.225z",
+    clipRule: "evenodd",
+    transform: "matrix(.98693 0 0 .99106 27.5 .907)"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: colored ? "#e03a3e" : (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))))")),
+    fillRule: "evenodd",
+    stroke: colored ? "#e03a3e" : (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))))")),
+    strokeMiterlimit: 2.613,
+    strokeWidth: 2.985,
+    d: "M24.261 411.193c-9.312-23.584-15.688-47.271-19.272-70.195l401.416.015c12.427 28.018 35.425 51.821 67.808 64.053-.962 2.139-1.89 4.185-2.783 6.157z",
+    clipRule: "evenodd",
+    transform: "matrix(.98693 0 0 .99106 27.5 .907)"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: colored ? "#963d97" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 48%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 86%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 48%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 86%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 48%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    fillRule: "evenodd",
+    stroke: colored ? "#963d97" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 48%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 86%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 48%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 86%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 48%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    strokeMiterlimit: 2.613,
+    strokeWidth: 2.985,
+    d: "M471.429 411.222c-11.118 24.443-17.563 37.129-32.949 60.547a605.045 605.045 0 01-6.436 9.609l-370.527.034a850.124 850.124 0 01-3.521-5.288c-13.853-21.099-25.068-42.974-33.735-64.932z",
+    clipRule: "evenodd",
+    transform: "matrix(.98693 0 0 .99106 27.5 .907)"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "none",
+    stroke: colored ? "#000" : (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))))")),
+    strokeMiterlimit: 2.613,
+    strokeWidth: 3.895,
+    d: "M472.972 550.778c13.589 0 24.604-11.016 24.604-24.595 0-13.59-11.016-24.6-24.604-24.6s-24.604 11.01-24.604 24.6c0 13.579 11.015 24.595 24.604 24.595m-6.992-9.648v-27.485h11.011m6.645 27.182l-6.553-13.892m-11.054-.244h11.006m-.01-.034c2.734 0 5.503-2.891 5.503-6.46 0-3.8-2.886-6.553-5.537-6.553",
+    transform: "matrix(.98693 0 0 .99106 27.5 .907)"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: colored ? "#009ddc" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 62%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    fillRule: "evenodd",
+    stroke: colored ? "#009ddc" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 62%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    strokeMiterlimit: 2.613,
+    strokeWidth: 2.985,
+    d: "M432.044 481.378c-22.666 33.203-53.096 69.741-90.02 70.088-36.03.327-45.273-23.447-94.155-23.179-48.882.273-59.087 23.594-95.117 23.257-38.521-.356-68.433-36.24-91.235-70.132z",
+    clipRule: "evenodd",
+    transform: "matrix(.98693 0 0 .99106 27.5 .907)"
+  }));
+  if (!colormode) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormode === "string" ? colormode : undefined
+  }, _svgEl);
+}
+const ForwardRef = React.forwardRef(AppleRainbowIcon);
+module.exports = ForwardRef;

package/data1/AppleRainbowIcon.svg

@@ -0,0 +1,10 @@
+<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" overflow="visible" viewBox="0 0 550 550" fill="currentColor" aria-hidden="true">
+  <path fill="#61bb46" fill-rule="evenodd" stroke="#61bb46" stroke-miterlimit="2.613" stroke-width="2.985" d="M25.824 200.612c.166-.273.342-.542.518-.806 28.447-43.799 73.32-69.434 115.518-69.434 42.969 0 69.98 23.555 105.498 23.555 34.463 0 55.454-23.589 105.132-23.589 37.534 0 77.329 20.439 105.674 55.781-7.837 4.292-14.907 9.165-21.226 14.521z" clip-rule="evenodd" transform="matrix(.98693 0 0 .99106 27.5 .907)"/>
+  <path fill="#61bb46" fill-rule="evenodd" stroke="#61bb46" stroke-miterlimit="2.613" stroke-width="2.985" d="M314.808 90.875c18.032-23.159 31.748-55.859 26.777-89.292-29.482 2.021-63.965 20.791-84.106 45.225-18.276 22.197-33.364 55.117-27.49 87.095 32.187 1.001 65.483-18.218 84.819-43.028z" clip-rule="evenodd" transform="matrix(.98693 0 0 .99106 27.5 .907)"/>
+  <path fill="#fdb827" fill-rule="evenodd" d="M51.539 199.086c-12.09 19.021-20.456 46.284-22.676 70.197l392.241-.01c4.241-26.161 18.343-51.156 40.694-70.158l-410.26-.029h.024z" clip-rule="evenodd"/>
+  <path fill="#f5821f" fill-rule="evenodd" stroke="#f5821f" stroke-miterlimit="2.613" stroke-width="2.985" d="M4.989 340.998c-3.862-24.644-4.487-48.403-2.061-70.2l394.341-.01c-3.857 23.638-.62 48.237 9.136 70.225z" clip-rule="evenodd" transform="matrix(.98693 0 0 .99106 27.5 .907)"/>
+  <path fill="#e03a3e" fill-rule="evenodd" stroke="#e03a3e" stroke-miterlimit="2.613" stroke-width="2.985" d="M24.261 411.193c-9.312-23.584-15.688-47.271-19.272-70.195l401.416.015c12.427 28.018 35.425 51.821 67.808 64.053-.962 2.139-1.89 4.185-2.783 6.157z" clip-rule="evenodd" transform="matrix(.98693 0 0 .99106 27.5 .907)"/>
+  <path fill="#963d97" fill-rule="evenodd" stroke="#963d97" stroke-miterlimit="2.613" stroke-width="2.985" d="M471.429 411.222c-11.118 24.443-17.563 37.129-32.949 60.547a605.045 605.045 0 01-6.436 9.609l-370.527.034a850.124 850.124 0 01-3.521-5.288c-13.853-21.099-25.068-42.974-33.735-64.932z" clip-rule="evenodd" transform="matrix(.98693 0 0 .99106 27.5 .907)"/>
+  <path fill="none" stroke="#000" stroke-miterlimit="2.613" stroke-width="3.895" d="M472.972 550.778c13.589 0 24.604-11.016 24.604-24.595 0-13.59-11.016-24.6-24.604-24.6s-24.604 11.01-24.604 24.6c0 13.579 11.015 24.595 24.604 24.595m-6.992-9.648v-27.485h11.011m6.645 27.182l-6.553-13.892m-11.054-.244h11.006m-.01-.034c2.734 0 5.503-2.891 5.503-6.46 0-3.8-2.886-6.553-5.537-6.553" transform="matrix(.98693 0 0 .99106 27.5 .907)"/>
+  <path fill="#009ddc" fill-rule="evenodd" stroke="#009ddc" stroke-miterlimit="2.613" stroke-width="2.985" d="M432.044 481.378c-22.666 33.203-53.096 69.741-90.02 70.088-36.03.327-45.273-23.447-94.155-23.179-48.882.273-59.087 23.594-95.117 23.257-38.521-.356-68.433-36.24-91.235-70.132z" clip-rule="evenodd" transform="matrix(.98693 0 0 .99106 27.5 .907)"/>
+</svg>

package/data1/AppleRainbowIconJupyterLab.d.ts

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

package/data1/AppleRainbowIconJupyterLab.js

@@ -0,0 +1,11 @@
+// The root import, not lib/icon/labicon: inside JupyterLab the root is a
+// federation singleton, so this LabIcon is the class the host recognises
+// with instanceof — a deep import bundles a private copy the host would
+// not style (the icon then renders unstyled, at its intrinsic size).
+import { LabIcon } from '@jupyterlab/ui-components';
+import AppleRainbowIconSvgStr from './AppleRainbowIcon.svg';
+const appleRainbowIconJupyterLab = new LabIcon({
+    name: '@datalayer/icons:apple-rainbow',
+    svgstr: AppleRainbowIconSvgStr,
+});
+export default appleRainbowIconJupyterLab;

package/data1/AutomatItIcon.svg

@@ -1,5 +1,5 @@
 <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 23 23" aria-hidden="true">
-  <path fill="#a7eb20" d="M22.994 12.106C22.994 7.61 17.834 4 11.516 4 5.197 4 0 7.617 0 12.106c0 .598.108 1.159.248 1.687.179-3.788 4.497-6.807 9.797-6.807 5.299 0 9.796 3.159 9.796 7.056 0 2.21-1.44 4.208-3.688 5.507C20.19 18.25 23 15.411 23 12.106"/>
-  <path fill="#4c9ad4" d="M18.854 13.933c0-3.438-3.93-6.214-8.816-6.214-4.885 0-8.815 2.77-8.815 6.214 0 .459.07.879.21 1.3.108-2.917 3.408-5.228 7.478-5.228s7.516 2.42 7.516 5.406c0 1.687-1.09 3.228-2.81 4.208 3.058-.98 5.23-3.158 5.23-5.686"/>
-  <path fill="#01486d" d="M6.108 12.144c-2 .63-3.407 2.038-3.407 3.649 0 2.21 2.56 3.998 5.72 3.998 3.159 0 5.719-1.789 5.719-3.998 0-.28-.038-.56-.14-.841-.07 1.86-2.21 3.368-4.847 3.368-2.637 0-4.847-1.547-4.847-3.476 0-1.09.7-2.07 1.79-2.7"/>
+  <path fill="#a7eb20" stroke-width=".714" d="M22.994 12.106C22.994 7.61 17.834 4 11.516 4 5.197 4 0 7.617 0 12.106c0 .598.108 1.159.248 1.687.179-3.788 4.497-6.807 9.797-6.807 5.299 0 9.796 3.159 9.796 7.056 0 2.21-1.44 4.208-3.688 5.507C20.19 18.25 23 15.411 23 12.106"/>
+  <path fill="#4c9ad4" stroke-width=".714" d="M18.854 13.933c0-3.438-3.93-6.214-8.816-6.214-4.885 0-8.815 2.77-8.815 6.214 0 .459.07.879.21 1.3.108-2.917 3.408-5.228 7.478-5.228s7.516 2.42 7.516 5.406c0 1.687-1.09 3.228-2.81 4.208 3.058-.98 5.23-3.158 5.23-5.686"/>
+  <path fill="#01486d" stroke-width=".714" d="M6.108 12.144c-2 .63-3.407 2.038-3.407 3.649 0 2.21 2.56 3.998 5.72 3.998 3.159 0 5.719-1.789 5.719-3.998 0-.28-.038-.56-.14-.841-.07 1.86-2.21 3.368-4.847 3.368-2.637 0-4.847-1.547-4.847-3.476 0-1.09.7-2.07 1.79-2.7"/>
 </svg>

package/data1/Student2Icon.d.ts

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

package/data1/Student2Icon.js

@@ -0,0 +1,89 @@
+const React = require("react");
+
+const sizeMap = {
+  "small": 16,
+  "medium": 32,
+  "large": 64
+};
+
+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 Student2Icon({
+  title,
+  titleId,
+  size,
+  colored,
+  themed,
+  colormode,
+  ...props
+}, svgRef) {
+  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: (themed ? "var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor))" : "var(--datalayer-icon-color, currentColor)"),
+    "aria-hidden": "true",
+    width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
+    viewBox: "0 0 20 20",
+    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: "M19.576 3.238l-9.23-3.2a.787.787 0 00-.48 0l-9.221 3.2h-.02l-.096.05H.52l-.095.06c0 .01-.01.01-.02.02l-.076.07-.068.08c0 .01-.01.01-.01.02l-.057.09c0 .01 0 .01-.01.02l-.038.09-.029.11v.03a.384.384 0 00-.01.12v8c0 .212.081.416.226.566a.75.75 0 001.087 0 .817.817 0 00.226-.566v-6.89l3.23 1.12a6.51 6.51 0 00-.923 3.37 6.6 6.6 0 00.77 3.097 6.303 6.303 0 002.115 2.323 9.318 9.318 0 00-4.471 3.74.837.837 0 00-.103.605.813.813 0 00.334.506.744.744 0 00.575.114.776.776 0 00.483-.345 7.817 7.817 0 012.78-2.674 7.458 7.458 0 013.67-.97 7.46 7.46 0 013.671.97 7.818 7.818 0 012.781 2.675c.07.11.166.201.279.264A.746.746 0 0017.2 20a.703.703 0 00.414-.13.81.81 0 00.334-.506.837.837 0 00-.103-.604 9.318 9.318 0 00-4.471-3.74 6.303 6.303 0 002.114-2.324 6.59 6.59 0 00.77-3.097 6.51 6.51 0 00-.923-3.37l4.24-1.47a.771.771 0 00.383-.291.822.822 0 000-.938.771.771 0 00-.383-.291zm-4.855 6.36a4.9 4.9 0 01-1.352 3.394 4.527 4.527 0 01-3.263 1.406 4.527 4.527 0 01-3.264-1.406 4.9 4.9 0 01-1.351-3.394 4.993 4.993 0 01.894-2.85l3.48 1.21a.741.741 0 00.481 0l3.48-1.21a4.99 4.99 0 01.895 2.85zm-.894-4.53h-.01l-3.711 1.29-3.712-1.29h-.01l-3.076-1.07 6.798-2.36 6.797 2.36-3.076 1.07z"
+  }));
+  if (!colormode) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormode === "string" ? colormode : undefined
+  }, _svgEl);
+}
+const ForwardRef = React.forwardRef(Student2Icon);
+module.exports = ForwardRef;

package/data1/Student2Icon.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" viewBox="0 0 20 20">
+  <path d="M19.576 3.238l-9.23-3.2a.787.787 0 00-.48 0l-9.221 3.2h-.02l-.096.05H.52l-.095.06c0 .01-.01.01-.02.02l-.076.07-.068.08c0 .01-.01.01-.01.02l-.057.09c0 .01 0 .01-.01.02l-.038.09-.029.11v.03a.384.384 0 00-.01.12v8c0 .212.081.416.226.566a.75.75 0 001.087 0 .817.817 0 00.226-.566v-6.89l3.23 1.12a6.51 6.51 0 00-.923 3.37 6.6 6.6 0 00.77 3.097 6.303 6.303 0 002.115 2.323 9.318 9.318 0 00-4.471 3.74.837.837 0 00-.103.605.813.813 0 00.334.506.744.744 0 00.575.114.776.776 0 00.483-.345 7.817 7.817 0 012.78-2.674 7.458 7.458 0 013.67-.97 7.46 7.46 0 013.671.97 7.818 7.818 0 012.781 2.675c.07.11.166.201.279.264A.746.746 0 0017.2 20a.703.703 0 00.414-.13.81.81 0 00.334-.506.837.837 0 00-.103-.604 9.318 9.318 0 00-4.471-3.74 6.303 6.303 0 002.114-2.324 6.59 6.59 0 00.77-3.097 6.51 6.51 0 00-.923-3.37l4.24-1.47a.771.771 0 00.383-.291.822.822 0 000-.938.771.771 0 00-.383-.291zm-4.855 6.36a4.9 4.9 0 01-1.352 3.394 4.527 4.527 0 01-3.263 1.406 4.527 4.527 0 01-3.264-1.406 4.9 4.9 0 01-1.351-3.394 4.993 4.993 0 01.894-2.85l3.48 1.21a.741.741 0 00.481 0l3.48-1.21a4.99 4.99 0 01.895 2.85zm-.894-4.53h-.01l-3.711 1.29-3.712-1.29h-.01l-3.076-1.07 6.798-2.36 6.797 2.36-3.076 1.07z"/>
+</svg>

package/data1/Student2IconJupyterLab.d.ts

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

package/data1/Student2IconJupyterLab.js

@@ -0,0 +1,11 @@
+// The root import, not lib/icon/labicon: inside JupyterLab the root is a
+// federation singleton, so this LabIcon is the class the host recognises
+// with instanceof — a deep import bundles a private copy the host would
+// not style (the icon then renders unstyled, at its intrinsic size).
+import { LabIcon } from '@jupyterlab/ui-components';
+import Student2IconSvgStr from './Student2Icon.svg';
+const student2IconJupyterLab = new LabIcon({
+    name: '@datalayer/icons:student2',
+    svgstr: Student2IconSvgStr,
+});
+export default student2IconJupyterLab;

package/data1/UserIcon.d.ts

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

package/data1/UserIcon.js

@@ -0,0 +1,98 @@
+const React = require("react");
+
+const sizeMap = {
+  "small": 16,
+  "medium": 32,
+  "large": 64
+};
+
+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 UserIcon({
+  title,
+  titleId,
+  size,
+  colored,
+  themed,
+  colormode,
+  ...props
+}, svgRef) {
+  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    stroke: (themed ? "var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor))" : "var(--datalayer-icon-color, currentColor)"),
+    width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    className: "prefix__lucide prefix__lucide-user-2",
+    viewBox: "0 0 24 24",
+    "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("circle", {
+    cx: 12,
+    cy: 8,
+    r: 5
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M20 21a8 8 0 10-16 0"
+  }));
+  if (!colormode) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormode === "string" ? colormode : undefined
+  }, _svgEl);
+}
+const ForwardRef = React.forwardRef(UserIcon);
+module.exports = ForwardRef;

package/data1/UserIcon.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true">
+  <circle cx="12" cy="8" r="5"/>
+  <path d="M20 21a8 8 0 10-16 0"/>
+</svg>

package/data1/UserIconJupyterLab.d.ts

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

package/data1/UserIconJupyterLab.js

@@ -0,0 +1,11 @@
+// The root import, not lib/icon/labicon: inside JupyterLab the root is a
+// federation singleton, so this LabIcon is the class the host recognises
+// with instanceof — a deep import bundles a private copy the host would
+// not style (the icon then renders unstyled, at its intrinsic size).
+import { LabIcon } from '@jupyterlab/ui-components';
+import UserIconSvgStr from './UserIcon.svg';
+const userIconJupyterLab = new LabIcon({
+    name: '@datalayer/icons:user',
+    svgstr: UserIconSvgStr,
+});
+export default userIconJupyterLab;

package/data1/UsersIcon.d.ts

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