@datalayer/icons-react 1.0.10 → 1.0.12

package/data2/esm/StudentIcon.d.ts

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

package/data2/esm/StudentIcon.js

@@ -0,0 +1,135 @@
+import * as React from "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 StudentIcon({
+  title,
+  titleId,
+  size,
+  colored,
+  themed,
+  colormode,
+  ...props
+}, svgRef) {
+  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 72 72",
+    fill: (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
+    "aria-hidden": "true",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props, {
+    "data-datalayer-icon": "",
+    style: props && props.color != null ? Object.assign({}, props.style, {
+      "--datalayer-icon-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 ? "#3F3F3F" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 41%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 93%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 41%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 93%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 41%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    d: "M54.862 58.804s2-14-10-14c-3.192 2.128-5.926 3.598-9 3.592h.125c-3.074.006-5.808-1.464-9-3.592-12 0-10 14-10 14"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: colored ? "#9B9B9A" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 55%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 79%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 55%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 79%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 55%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    d: "M45.131 12.155l-9.31.91-9.07-.88-5.44-.53 13.88-2.53 15.13 2.53z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: colored ? "#3F3F3F" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 41%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 93%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 41%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 93%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 41%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    d: "M45.131 12.155v7.97s-6.72-.26-9.19 2.64c-2.47-2.9-9.19-2.64-9.19-2.64v-7.94l9.07.88 9.31-.91z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: colored ? "#FFF" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 90%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 44%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 90%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 44%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 90%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    d: "M35.969 51.38h-.109c-3.198-.031-5.986-1.464-9.428-3.76a1 1 0 111.109-1.664c3.153 2.103 5.66 3.41 8.383 3.425 2.722-.014 5.228-1.322 8.383-3.425a1 1 0 111.109 1.664c-3.443 2.296-6.231 3.729-9.428 3.76h-.02z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M26.578 20.098a15.773 15.773 0 00-1.588 4l-.028.069s3.98.784 7.961-3.079l.036-.102c-2.869-.996-6.333-.86-6.333-.86m18.386-.001s-3.408-.201-6.325.905l.028.058c3.98 3.863 7.96 3.079 7.96 3.079l-.01.002a15.785 15.785 0 00-1.605-4.071",
+    fill: colored ? "#F4AA41" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 70%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))))"))
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: colored ? "#FCEA2B" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 88%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 46%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 88%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 46%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 88%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    d: "M46.541 24.187c-.704.094-4.26.362-7.826-3.099l-.028-.058.022-.008c-1.09.39-2.09.947-2.768 1.743-2.069-2.43-7.104-2.64-8.687-2.645 1.127.011 3.578.127 5.705.866l-.036.102c-3.565 3.46-7.122 3.193-7.826 3.099a17.253 17.253 0 00-.616 4.593c0 7.827 5.076 14.173 11.338 14.173s11.339-6.346 11.339-14.173c0-1.61-.22-3.153-.617-4.593z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M41.942 26.951a2 2 0 11-4.002-.001 2 2 0 014.002.001m-8 0a2 2 0 11-4.002-.001 2 2 0 014.002.001m1.999 10.003c-1.151 0-2.303-.286-3.447-.858a1 1 0 11.895-1.79c1.717.86 3.387.86 5.105 0a1 1 0 01.895 1.79c-1.144.572-2.296.858-3.448.858z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M46.13 19.77c-.57-1.03-1.24-1.97-2-2.79v2.15c-.22 0-.48.01-.76.03.46.6.87 1.26 1.23 1.96 1.06 2.07 1.68 4.54 1.68 7.19 0 7.27-4.64 13.18-10.34 13.18S25.6 35.58 25.6 28.31c0-2.66.62-5.13 1.69-7.2.36-.7.77-1.35 1.22-1.95-.28-.02-.54-.03-.76-.03v-2.15c-.75.82-1.43 1.76-2 2.79-1.36 2.43-2.15 5.37-2.15 8.54 0 8.37 5.54 15.18 12.34 15.18 6.81 0 12.34-6.81 12.34-15.18 0-3.17-.79-6.11-2.15-8.54z"
+  }), /*#__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))))")),
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeMiterlimit: 10,
+    strokeWidth: 2,
+    d: "M21.311 11.655l5.44.53 9.07.88 9.31-.91 5.19-.5"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M36.74 23.37c-.02.01-.03.03-.04.04-.13.16-.29.26-.47.31-.04.02-.08.03-.12.03-.06.02-.11.02-.17.02s-.12 0-.17-.02c-.04 0-.08-.01-.12-.03a.897.897 0 01-.36-.19.752.752 0 01-.15-.16c-1.65-1.86-5.85-2.25-7.85-2.26-.19 0-.36.01-.5.01a.978.978 0 01-.73-.27.992.992 0 01-.31-.72v-8.47c0-.56.45-1 1-1s1 .44 1 1v7.47c.22 0 .48.01.76.03 2.04.12 5.36.57 7.43 2.24.28.21.53.45.76.72.31.36.32.88.04 1.25z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M46.13 11.66v8.47c0 .27-.11.53-.3.72-.2.18-.44.28-.74.28-.14-.01-.31-.01-.49-.01-2.01 0-6.22.38-7.86 2.25-.02.01-.03.03-.04.04-.13.16-.29.26-.47.31-.04.02-.08.03-.12.03-.06.02-.11.02-.17.02s-.12 0-.17-.02c-.04 0-.08-.01-.12-.03a.897.897 0 01-.36-.19.752.752 0 01-.15-.16.994.994 0 01.04-1.25c.23-.27.48-.51.76-.72 2.07-1.67 5.39-2.12 7.43-2.24.28-.02.54-.03.76-.03v-7.47c0-.56.45-1 1-1s1 .44 1 1z"
+  }), /*#__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))))")),
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeMiterlimit: 10,
+    strokeWidth: 2,
+    d: "M50.321 11.655l-15.13-2.53-13.88 2.53"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M21.313 21a1 1 0 01-1-1v-8.12a1 1 0 112 0V20a1 1 0 01-1 1z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M19.285 23.58a.999.999 0 01-.785-1.618l2.026-2.58a1 1 0 011.573 1.236l-2.027 2.58a.998.998 0 01-.787.382z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M21.313 25.101a1 1 0 01-1-1v-4.1a1 1 0 112 0v4.1a1 1 0 01-1 1zm24.581.131c-1.594 0-4.688-.45-7.753-3.426a1 1 0 111.392-1.436c3.522 3.419 6.936 2.842 7.078 2.815a1.004 1.004 0 011.165.796.996.996 0 01-.785 1.167 6.16 6.16 0 01-1.097.084zm-19.904 0a6.034 6.034 0 01-1.098-.084 1 1 0 01.38-1.963c.162.03 3.567.594 7.078-2.815a1 1 0 011.392 1.436c-3.065 2.975-6.159 3.426-7.753 3.426zm28.769 33.571a1 1 0 01-.99-1.15c.008-.057.827-5.74-2.13-9.177-1.475-1.715-3.689-2.613-6.585-2.67-3.31 2.186-6.029 3.547-9.126 3.59h-.218c-3.1-.043-5.816-1.404-9.126-3.59-2.897.057-5.11.955-6.586 2.67-2.956 3.436-2.138 9.12-2.129 9.177a1 1 0 01-1.976.303c-.042-.27-.973-6.633 2.58-10.775 1.923-2.241 4.752-3.377 8.408-3.377a1 1 0 01.554.168c3.154 2.102 5.66 3.41 8.383 3.424 2.722-.013 5.229-1.322 8.383-3.424a.997.997 0 01.555-.168c3.656 0 6.484 1.135 8.407 3.377 3.554 4.142 2.622 10.506 2.581 10.775a.999.999 0 01-.986.847z"
+  }));
+  if (!colormode) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormode === "string" ? colormode : undefined
+  }, _svgEl);
+}
+const ForwardRef = React.forwardRef(StudentIcon);
+export default ForwardRef;

package/data2/esm/StudentIcon.svg

@@ -0,0 +1,23 @@
+<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="currentColor" aria-hidden="true">
+  <path fill="#3F3F3F" d="M54.862 58.804s2-14-10-14c-3.192 2.128-5.926 3.598-9 3.592h.125c-3.074.006-5.808-1.464-9-3.592-12 0-10 14-10 14"/>
+  <path fill="#9B9B9A" d="M45.131 12.155l-9.31.91-9.07-.88-5.44-.53 13.88-2.53 15.13 2.53z"/>
+  <path fill="#3F3F3F" d="M45.131 12.155v7.97s-6.72-.26-9.19 2.64c-2.47-2.9-9.19-2.64-9.19-2.64v-7.94l9.07.88 9.31-.91z"/>
+  <path fill="#FFF" d="M35.969 51.38H35.86c-3.198-.031-5.986-1.464-9.428-3.76a1 1 0 111.109-1.664c3.153 2.103 5.66 3.41 8.383 3.425 2.722-.014 5.228-1.322 8.383-3.425a1 1 0 111.109 1.664c-3.443 2.296-6.231 3.729-9.428 3.76h-.02z"/>
+  <g fill="#F4AA41">
+    <path d="M26.578 20.098a15.773 15.773 0 00-1.588 4l-.028.069s3.98.784 7.961-3.079l.036-.102c-2.869-.996-6.333-.86-6.333-.86M45.012 20.125s-3.408-.201-6.325.905l.028.058c3.98 3.863 7.96 3.079 7.96 3.079l-.01.002a15.785 15.785 0 00-1.605-4.071"/>
+  </g>
+  <g>
+    <path fill="#FCEA2B" d="M46.541 24.187c-.704.094-4.26.362-7.826-3.099l-.028-.058.022-.008c-1.09.39-2.09.947-2.768 1.743-2.069-2.43-7.104-2.64-8.687-2.645 1.127.011 3.578.127 5.705.866l-.036.102c-3.565 3.46-7.122 3.193-7.826 3.099a17.253 17.253 0 00-.616 4.593c0 7.827 5.076 14.173 11.338 14.173s11.339-6.346 11.339-14.173c0-1.61-.22-3.153-.617-4.593z"/>
+  </g>
+  <g>
+    <path d="M41.942 26.951a2 2 0 11-4.002-.001 2 2 0 014.002.001M33.942 26.951a2 2 0 11-4.002-.001 2 2 0 014.002.001M35.941 36.954c-1.151 0-2.303-.286-3.447-.858a1 1 0 11.895-1.79c1.717.86 3.387.86 5.105 0a1 1 0 01.895 1.79c-1.144.572-2.296.858-3.448.858z"/>
+    <path d="M46.13 19.77c-.57-1.03-1.24-1.97-2-2.79v2.15c-.22 0-.48.01-.76.03.46.6.87 1.26 1.23 1.96 1.06 2.07 1.68 4.54 1.68 7.19 0 7.27-4.64 13.18-10.34 13.18S25.6 35.58 25.6 28.31c0-2.66.62-5.13 1.69-7.2.36-.7.77-1.35 1.22-1.95-.28-.02-.54-.03-.76-.03v-2.15c-.75.82-1.43 1.76-2 2.79-1.36 2.43-2.15 5.37-2.15 8.54 0 8.37 5.54 15.18 12.34 15.18 6.81 0 12.34-6.81 12.34-15.18 0-3.17-.79-6.11-2.15-8.54z"/>
+    <path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M21.311 11.655l5.44.53 9.07.88 9.31-.91 5.19-.5"/>
+    <path d="M36.74 23.37c-.02.01-.03.03-.04.04-.13.16-.29.26-.47.31-.04.02-.08.03-.12.03-.06.02-.11.02-.17.02s-.12 0-.17-.02c-.04 0-.08-.01-.12-.03a.897.897 0 01-.36-.19.752.752 0 01-.15-.16c-1.65-1.86-5.85-2.25-7.85-2.26-.19 0-.36.01-.5.01a.978.978 0 01-.73-.27.992.992 0 01-.31-.72v-8.47c0-.56.45-1 1-1s1 .44 1 1v7.47c.22 0 .48.01.76.03 2.04.12 5.36.57 7.43 2.24.28.21.53.45.76.72.31.36.32.88.04 1.25z"/>
+    <path d="M46.13 11.66v8.47c0 .27-.11.53-.3.72-.2.18-.44.28-.74.28-.14-.01-.31-.01-.49-.01-2.01 0-6.22.38-7.86 2.25-.02.01-.03.03-.04.04-.13.16-.29.26-.47.31-.04.02-.08.03-.12.03-.06.02-.11.02-.17.02s-.12 0-.17-.02c-.04 0-.08-.01-.12-.03a.897.897 0 01-.36-.19.752.752 0 01-.15-.16.994.994 0 01.04-1.25c.23-.27.48-.51.76-.72 2.07-1.67 5.39-2.12 7.43-2.24.28-.02.54-.03.76-.03v-7.47c0-.56.45-1 1-1s1 .44 1 1z"/>
+    <path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M50.321 11.655l-15.13-2.53-13.88 2.53"/>
+    <path d="M21.313 21a1 1 0 01-1-1v-8.12a1 1 0 112 0V20a1 1 0 01-1 1z"/>
+    <path d="M19.285 23.58a.999.999 0 01-.785-1.618l2.026-2.58a1 1 0 011.573 1.236l-2.027 2.58a.998.998 0 01-.787.382z"/>
+    <path d="M21.313 25.101a1 1 0 01-1-1v-4.1a1 1 0 112 0v4.1a1 1 0 01-1 1zM45.894 25.232c-1.594 0-4.688-.45-7.753-3.426a1 1 0 111.392-1.436c3.522 3.419 6.936 2.842 7.078 2.815a1.004 1.004 0 011.165.796.996.996 0 01-.785 1.167c-.053.01-.453.084-1.097.084zM25.99 25.232a6.034 6.034 0 01-1.098-.084 1 1 0 01.38-1.963c.162.03 3.567.594 7.078-2.815a1 1 0 011.392 1.436c-3.065 2.975-6.159 3.426-7.753 3.426zM54.759 58.803a1 1 0 01-.99-1.15c.008-.057.827-5.74-2.13-9.177-1.475-1.715-3.689-2.613-6.585-2.67-3.31 2.186-6.029 3.547-9.126 3.59H35.71c-3.1-.043-5.816-1.404-9.126-3.59-2.897.057-5.11.955-6.586 2.67-2.956 3.436-2.138 9.12-2.129 9.177a1 1 0 01-1.976.303c-.042-.27-.973-6.633 2.58-10.775 1.923-2.241 4.752-3.377 8.408-3.377a1 1 0 01.554.168c3.154 2.102 5.66 3.41 8.383 3.424 2.722-.013 5.229-1.322 8.383-3.424.164-.11.358-.168.555-.168 3.656 0 6.484 1.135 8.407 3.377 3.554 4.142 2.622 10.506 2.581 10.775a.999.999 0 01-.986.847z"/>
+  </g>
+</svg>

package/data2/esm/StudentIconJupyterLab.d.ts

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

package/data2/esm/StudentIconJupyterLab.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 StudentIconSvgStr from './StudentIcon.svg';
+const studentIconJupyterLab = new LabIcon({
+    name: '@datalayer/icons:student',
+    svgstr: StudentIconSvgStr,
+});
+export default studentIconJupyterLab;

package/data2/esm/StudentWomanIcon.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="currentColor" aria-hidden="true">
+<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="currentColor" aria-hidden="true">
   <path fill="#3F3F3F" d="M54.85 58.916s2-14-10-14c-3.192 2.128-5.927 3.599-9 3.593h.124c-3.073.006-5.808-1.465-9-3.593-12 0-10 14-10 14"/>
   <path fill="#9B9B9A" d="M45.119 12.271l-9.31.91-9.07-.89-5.44-.53 13.88-2.52 15.13 2.52z"/>
   <path fill="#3F3F3F" d="M45.119 12.271v7.97s-6.72-.27-9.19 2.63c-2.47-2.9-9.19-2.63-9.19-2.63v-7.95l9.07.89 9.31-.91z"/>

package/data2/esm/StudentWomanIconJupyterLab.d.ts

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

package/data2/esm/StudentWomanIconJupyterLab.js

@@ -1,4 +1,8 @@
-import { LabIcon } from '@jupyterlab/ui-components/lib/icon/labicon';
+// 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 StudentWomanIconSvgStr from './StudentWomanIcon.svg';
 const studentWomanIconJupyterLab = new LabIcon({
     name: '@datalayer/icons:student-woman',

package/data2/esm/StudioMicrophoneIcon.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="currentColor" aria-hidden="true">
+<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="currentColor" aria-hidden="true">
   <path fill="#3F3F3F" d="M48.11 28.54l-4.38 4.39-4.35 4.35-5.81 5.47s-1.276 1.393-3.19 1.92c-1.915.526-4.79-.15-6.57-1.92l-3.58-3.58c-2.77-2.78-2.77-7.32 0-10.1l4.31-4.3 5.51-5.51 4.39-4.39c2.78-2.78 7.32-2.78 10.09 0l.6.6 2.98 2.98c2.78 2.77 2.78 7.32 0 10.09z"/>
   <path fill="#9B9B9A" d="M43.832 24.262l-4.38 4.39c-.925.928-4.35 2.456-5.278 3.33-.928.874-3.27 5.187-4.882 6.49-1.612 1.302-1.072 1.414-3.19 1.92s-4.79-.15-6.57-1.92l-.6-.6c-2.77-2.78-2.77-7.32 0-10.1l4.31-4.3 5.51-5.51 4.39-4.39c2.78-2.78 7.32-2.78 10.09 0l.6.6c2.78 2.78 2.78 7.32 0 10.09z"/>
   <path fill="#D0CFCE" d="M21.902 54.688h27.843v5.297H21.902z"/>

package/data2/esm/StudioMicrophoneIconJupyterLab.d.ts

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

package/data2/esm/StudioMicrophoneIconJupyterLab.js

@@ -1,4 +1,8 @@
-import { LabIcon } from '@jupyterlab/ui-components/lib/icon/labicon';
+// 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 StudioMicrophoneIconSvgStr from './StudioMicrophoneIcon.svg';
 const studioMicrophoneIconJupyterLab = new LabIcon({
     name: '@datalayer/icons:studio-microphone',

package/data2/esm/SunIcon.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="currentColor" aria-hidden="true">
+<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="currentColor" aria-hidden="true">
   <path fill="#FCEA2B" d="M66 36l-10.676 5.182 6.658 9.824-11.84-.864.864 11.84-9.825-6.658L36 66l-5.182-10.676-9.824 6.658.864-11.84-11.84.864 6.658-9.825L6 36l10.677-5.182-6.659-9.824 11.84.864-.864-11.84 9.825 6.658L36 6l5.182 10.677 9.824-6.659-.864 11.84 11.84-.864-6.658 9.825z"/>
   <g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2">
     <circle cx="36" cy="35.95" r="19.828"/>

package/data2/esm/SunIconJupyterLab.d.ts

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

package/data2/esm/SunIconJupyterLab.js

@@ -1,4 +1,8 @@
-import { LabIcon } from '@jupyterlab/ui-components/lib/icon/labicon';
+// 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 SunIconSvgStr from './SunIcon.svg';
 const sunIconJupyterLab = new LabIcon({
     name: '@datalayer/icons:sun',

package/data2/esm/TabanaTreeIcon.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="currentColor" aria-hidden="true">
+<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="currentColor" aria-hidden="true">
   <path fill="#B1CC33" d="M57.696 32.939a.782.782 0 01-.288-.056c-.58-.229-14.076-5.669-21.558-17.85-6.832 3.083-11.59 10.26-11.664 10.375-.333.512-.935.59-1.346.174-.41-.417-.472-1.169-.14-1.68.13-.199 13.106-19.758 27.8-9.851 7.869 5.306 8.144 17.168 8.153 17.67.005.385-.137.75-.384.98a.838.838 0 01-.573.238z"/>
   <path fill="#5C9E31" d="M23.984 25.994c1.916-2.992 5.28-7.38 9.791-9.98.622-.39 1.26-.76 1.927-1.083.02.033.042.063.063.096 3.643-1.527 7.911-1.78 12.684.635 7.714 3.906 9.912 14.06 10.303 16.26.077-.186.124-.39.117-.606-.02-.509-.558-12.503-8.543-17.699-14.91-9.701-27.449 10.371-27.574 10.575-.321.525-.243 1.285.176 1.697.316.31.732.334 1.056.105z"/>
   <path fill="#B1CC33" d="M28.7 4.534H15.54c-1.533 0-2.694.583-2.372 1.206 1.038 2.004 1.683 4.784 1.683 7.862 0 3.756-.96 8.077-2.424 10.075v2.016c1.464 1.998 2.424 6.319 2.424 10.075 0 3.756-.96 8.077-2.424 10.076v2.015c1.464 1.998 2.424 6.319 2.424 10.075 0 3.078-.645 5.858-1.683 7.862-.323.623.84 1.206 2.373 1.206H28.7c1.533 0 2.695-.583 2.372-1.206-1.038-2.004-1.682-4.784-1.682-7.862 0-3.756.96-8.077 2.423-10.075v-2.015c-1.464-2-2.423-6.32-2.423-10.076s.96-8.077 2.423-10.075v-2.016c-1.464-1.998-2.423-6.319-2.423-10.075 0-3.078.644-5.858 1.682-7.862.323-.623-.84-1.206-2.372-1.206z"/>

package/data2/esm/TabanaTreeIconJupyterLab.d.ts

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

package/data2/esm/TabanaTreeIconJupyterLab.js

@@ -1,4 +1,8 @@
-import { LabIcon } from '@jupyterlab/ui-components/lib/icon/labicon';
+// 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 TabanaTreeIconSvgStr from './TabanaTreeIcon.svg';
 const tabanaTreeIconJupyterLab = new LabIcon({
     name: '@datalayer/icons:tabana-tree',

package/data2/esm/TensorFlowIcon.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true" viewBox="0 0 20 20">
+<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true" viewBox="0 0 20 20">
   <path fill="#E55B2D" d="M11.332 3.077v3.077l5.33 3.077V6.154l-5.33-3.077zM.674 6.154V9.23l2.664 1.538V7.692L.674 6.154zm7.993 1.538L6.003 9.231v9.23L8.667 20v-6.154l2.665 1.539v-3.077l-2.665-1.539V7.692z"/>
   <path fill="#ED8E24" d="M11.332 3.077L3.338 7.692v3.077l5.33-3.077v3.077l2.664-1.538V3.077zm7.994 1.538l-2.665 1.539V9.23l2.665-1.539V4.615zm-5.33 6.154l-2.664 1.539v3.077l2.665-1.539V10.77zm-2.664 4.616l-2.665-1.539V20l2.665-1.538v-3.077z"/>
   <path fill="#F8BF3C" d="M11.332 0L.674 6.154l2.664 1.538 7.994-4.615 5.33 3.077 2.665-1.539L11.331 0zm0 9.23l-2.665 1.54 2.665 1.538 2.665-1.539-2.665-1.538z"/>

package/data2/esm/TensorFlowIconJupyterLab.d.ts

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

package/data2/esm/TensorFlowIconJupyterLab.js

@@ -1,4 +1,8 @@
-import { LabIcon } from '@jupyterlab/ui-components/lib/icon/labicon';
+// 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 TensorFlowIconSvgStr from './TensorFlowIcon.svg';
 const tensorFlowIconJupyterLab = new LabIcon({
     name: '@datalayer/icons:tensor-flow',

package/data2/esm/ThermometerIcon.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="currentColor" aria-hidden="true">
+<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="currentColor" aria-hidden="true">
   <path fill="#fff" d="M35.97 3.452c-3 0-4.683 2.433-4.683 5.434v23.106h9.118l.25-23.106c0-3.001-1.683-5.434-4.684-5.434z"/>
   <path fill="#ea5a47" d="M40.566 47.498C44.092 49.327 47 53.004 47 57.243c0 6.061-4.925 10.975-11 10.975s-11-4.914-11-10.975c0-4.254 3.138-8.198 6.684-10.02l.09-18.52s7.571 1.436 8.773-1.144l.019 19.94z"/>
   <path fill="#d22f27" d="M37.041 29.403c1.693-.15 1.283-.33 3.486-1.241l.024 18.828c0 .557.182 1.104.535 1.539 2.168 2.67 5.252 5.211 5.252 9.091 0 5.994-4.99 10.037-10.431 10.037 0 0 10.103-7.61 1.692-16.586-.356-.38-.551-1.23-.551-1.775l-.007-19.893z"/>

package/data2/esm/ThermometerIconJupyterLab.d.ts

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

package/data2/esm/ThermometerIconJupyterLab.js

@@ -1,4 +1,8 @@
-import { LabIcon } from '@jupyterlab/ui-components/lib/icon/labicon';
+// 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 ThermometerIconSvgStr from './ThermometerIcon.svg';
 const thermometerIconJupyterLab = new LabIcon({
     name: '@datalayer/icons:thermometer',

package/data2/esm/ThumbsUpIcon.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="currentColor" aria-hidden="true">
+<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="currentColor" aria-hidden="true">
   <path fill="#fcea2b" d="M37.088 11.232l-2.922.645L19 29.21l-7.333 13.059 1.999 11.274 12.938 7.07 9.625-.041 14.042.208 2.395-1.57.75-3.833-.75-1.584 3.584-.083 1.333-1.667.833-2.333-1.583-3 1.583-.667 1.917-2.666-.917-2.75-2.5-1.167 1.167-2.167.167-3.416-2.584-1.5-13.166-.5-.834-.667-.854-.597h-9.125l.063-1.736 3.916-9.584 1.667-4.583z"/>
   <g fill="none" stroke="#000" stroke-width="2">
     <path stroke-linecap="round" stroke-linejoin="round" d="M35.236 59.6h-9c-8.321 0-14-6.68-14-15 .02-4.799 1.8-9.424 5-13M34.625 31.6h-4.389l7-18c.811-2.083-2.79-3.8-5-1l-15 19M37.448 35.1a3.786 3.786 0 004 3.5h13a3.531 3.531 0 100-7h-13a3.786 3.786 0 00-4 3.5zM38.305 56.437a3.786 3.786 0 004 3.5h7a3.531 3.531 0 100-7h-7a3.786 3.786 0 00-4 3.5zM33.236 42.437a3.786 3.786 0 004 3.5h19a3.531 3.531 0 100-7h-19a3.786 3.786 0 00-4 3.5z"/>

package/data2/esm/ThumbsUpIconJupyterLab.d.ts

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

package/data2/esm/ThumbsUpIconJupyterLab.js

@@ -1,4 +1,8 @@
-import { LabIcon } from '@jupyterlab/ui-components/lib/icon/labicon';
+// 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 ThumbsUpIconSvgStr from './ThumbsUpIcon.svg';
 const thumbsUpIconJupyterLab = new LabIcon({
     name: '@datalayer/icons:thumbs-up',

package/data2/esm/TornadoIcon.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="currentColor" aria-hidden="true">
+<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="currentColor" aria-hidden="true">
   <g fill="none" stroke="#d0cfce" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10">
     <path stroke-width="4" d="M36 15.543c-17.673 0-32-1.588-32-3.547M4 12.007c0-1.96 14.327-3.547 32-3.547s32 1.588 32 3.547v-.01"/>
     <path stroke-width="2" d="M66 17.023c0 1.837-13.431 3.326-30 3.326s-30-1.49-30-3.326M64 22.399c0 1.714-12.536 3.103-28 3.103S8 24.112 8 22.4M62 27.502c0 1.592-11.64 2.882-26 2.882s-26-1.29-26-2.882M58 33.364c0 1.347-9.85 2.439-22 2.439s-22-1.092-22-2.439M54 38.803c0 1.102-8.059 1.995-18 1.995s-18-.893-18-1.995M50 43.798c0 .857-6.268 1.552-14 1.552s-14-.695-14-1.552M46 48.86c0 .612-4.477 1.109-10 1.109s-10-.497-10-1.109M44 53.468c0 .49-3.582.887-8 .887s-8-.397-8-.886M40 58.355c0 .245-1.79.444-4 .444s-4-.199-4-.444M38 62.799c0 .122-.895.221-2 .221s-2-.099-2-.221"/>

package/data2/esm/TornadoIconJupyterLab.d.ts

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

package/data2/esm/TornadoIconJupyterLab.js

@@ -1,4 +1,8 @@
-import { LabIcon } from '@jupyterlab/ui-components/lib/icon/labicon';
+// 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 TornadoIconSvgStr from './TornadoIcon.svg';
 const tornadoIconJupyterLab = new LabIcon({
     name: '@datalayer/icons:tornado',

package/data2/esm/TrademarkIcon.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="currentColor" aria-hidden="true">
+<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="currentColor" aria-hidden="true">
   <g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="6.735" clip-rule="evenodd">
     <path d="M57.68 47.79V24.22l-10.1 20.2-10.1-20.2v23.57M14.32 24.21h13.47M21.05 24.21v23.57"/>
   </g>

package/data2/esm/TrademarkIconJupyterLab.d.ts

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

package/data2/esm/TrademarkIconJupyterLab.js

@@ -1,4 +1,8 @@
-import { LabIcon } from '@jupyterlab/ui-components/lib/icon/labicon';
+// 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 TrademarkIconSvgStr from './TrademarkIcon.svg';
 const trademarkIconJupyterLab = new LabIcon({
     name: '@datalayer/icons:trademark',

package/data2/esm/TreeDeciduousIcon.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="currentColor" aria-hidden="true">
+<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="currentColor" aria-hidden="true">
   <path fill="#b1cc33" d="M51.56 17.73c-.509.003-1.018.034-1.524.091l-.673.072-.317-.6c-2.673-5.047-8.5-8.308-14.854-8.308-9.026 0-16.369 6.4-16.369 14.268.002.517.035 1.032.1 1.544l.1.824-.792.251c-4.015 1.272-6.608 4.186-6.608 7.421 0 4.445 4.851 8.061 10.813 8.061 2.305.023 4.575-.559 6.584-1.688l.591-.34.19.15.343.275c2.714 2.167 7.082 3.462 11.683 3.462 7.763 0 14.32-3.69 14.32-8.06a4.411 4.411 0 00-.077-.806l-.139-.75-.021-.118.842-.266c4.021-1.27 6.621-4.185 6.621-7.425.002-4.439-4.85-8.058-10.813-8.058z"/>
   <path fill="#5c9e31" d="M39.468 27.997s4.917 7.331 15.443 5.488l.891 3.572-4 4.922-9.214 2.032-12.13-2.555-1.846-2.126A17.56 17.56 0 0039.47 27.997z"/>
   <g fill="none" stroke="#000" stroke-linecap="round" stroke-width="2">

package/data2/esm/TreeDeciduousIconJupyterLab.d.ts

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

package/data2/esm/TreeDeciduousIconJupyterLab.js

@@ -1,4 +1,8 @@
-import { LabIcon } from '@jupyterlab/ui-components/lib/icon/labicon';
+// 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 TreeDeciduousIconSvgStr from './TreeDeciduousIcon.svg';
 const treeDeciduousIconJupyterLab = new LabIcon({
     name: '@datalayer/icons:tree-deciduous',

package/data2/esm/UnlockedIcon.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="currentColor" aria-hidden="true">
+<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="currentColor" aria-hidden="true">
   <path fill="#FCEA2B" d="M53 32.297h1.875v26.875h-38V32.297h1.875z"/>
   <path fill="#F1B31C" d="M54.43 32.493L35.66 58.994h19.308z"/>
   <path fill="#D0CFCE" stroke="#D0CFCE" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M46.064 31.817l.21-2.902c.477-6.985-4.83-12.683-10.514-12.494-4.672.156-8.616 4.285-9.828 9.301l-4.05-.902c1.661-6.692 7.218-12.221 13.811-12.428 7.97-.251 15.41 7.284 14.742 16.523l-.243 2.902"/>

package/data2/esm/UnlockedIconJupyterLab.d.ts

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

package/data2/esm/UnlockedIconJupyterLab.js

@@ -1,4 +1,8 @@
-import { LabIcon } from '@jupyterlab/ui-components/lib/icon/labicon';
+// 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 UnlockedIconSvgStr from './UnlockedIcon.svg';
 const unlockedIconJupyterLab = new LabIcon({
     name: '@datalayer/icons:unlocked',

package/data2/esm/UserIconJupyterLab.d.ts

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

package/data2/esm/UserIconJupyterLab.js

@@ -1,4 +1,8 @@
-import { LabIcon } from '@jupyterlab/ui-components/lib/icon/labicon';
+// 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',

package/data2/esm/UsersIconJupyterLab.d.ts

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

package/data2/esm/UsersIconJupyterLab.js

@@ -1,4 +1,8 @@
-import { LabIcon } from '@jupyterlab/ui-components/lib/icon/labicon';
+// 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 UsersIconSvgStr from './UsersIcon.svg';
 const usersIconJupyterLab = new LabIcon({
     name: '@datalayer/icons:users',

package/data2/esm/VsIcon.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="currentColor" aria-hidden="true">
+<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="currentColor" aria-hidden="true">
   <path fill="#d0cfce" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M59.035 60h-46.07a.968.968 0 01-.965-.965v-46.07c0-.53.434-.965.965-.965h46.07c.53 0 .965.434.965.965v46.07c0 .53-.434.965-.965.965z"/>
   <g fill="none" stroke="#000" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2">
     <path d="M59.035 60h-46.07a.968.968 0 01-.965-.965v-46.07c0-.53.434-.965.965-.965h46.07c.53 0 .965.434.965.965v46.07c0 .53-.434.965-.965.965z"/>

package/data2/esm/VsIconJupyterLab.d.ts

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

package/data2/esm/VsIconJupyterLab.js

@@ -1,4 +1,8 @@
-import { LabIcon } from '@jupyterlab/ui-components/lib/icon/labicon';
+// 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 VsIconSvgStr from './VsIcon.svg';
 const vsIconJupyterLab = new LabIcon({
     name: '@datalayer/icons:vs',

package/data2/esm/VueJsIcon.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69" fill="currentColor" aria-hidden="true">
+<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69" fill="currentColor" aria-hidden="true">
   <path fill="#41b883" d="M161.096.001l-30.224 52.35L100.647.002H-.005L130.872 226.69 261.749 0z"/>
   <path fill="#34495e" d="M161.096.001l-30.224 52.35L100.647.002H52.346l78.526 136.01L209.398.001z"/>
 </svg>

package/data2/esm/VueJsIconJupyterLab.d.ts

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

package/data2/esm/VueJsIconJupyterLab.js

@@ -1,4 +1,8 @@
-import { LabIcon } from '@jupyterlab/ui-components/lib/icon/labicon';
+// 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 VueJsIconSvgStr from './VueJsIcon.svg';
 const vueJsIconJupyterLab = new LabIcon({
     name: '@datalayer/icons:vue-js',

package/data2/esm/WavingHandIcon.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="currentColor" aria-hidden="true">
+<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="currentColor" aria-hidden="true">
   <path fill="#FCEA2B" d="M18.657 19.24a3.531 3.531 0 10-5.563 4.25l11.533 15.1 2.688 3.387-7.89-10.331a3.531 3.531 0 10-5.564 4.249l7.891 10.331 6.27 7.899c5.468 6.273 14.515 5.93 20.787.465a19.617 19.617 0 006.515-12.31c.386-4.233.807-15.301.807-15.301-.182-2.601-3.135-4.524-3.515-3.18l-4.894 9.757-3.366-4.223 3.366 4.223-3.366-4.223-13.465-17.208a3.531 3.531 0 10-5.563 4.249l4.249 5.563L36 30.417l-13.419-17.68a3.531 3.531 0 10-5.563 4.248L31.689 36"/>
   <g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
     <path d="M18.657 19.24a3.531 3.531 0 10-5.563 4.25l11.533 15.1 2.688 3.387-7.89-10.331a3.531 3.531 0 10-5.564 4.249l7.891 10.331 6.27 7.899c5.468 6.273 14.515 5.93 20.787.465a19.617 19.617 0 006.515-12.31c.386-4.233.807-15.301.807-15.301-.182-2.601-3.135-4.524-3.515-3.18l-4.894 9.757-3.366-4.223 3.366 4.223-3.366-4.223-13.465-17.208a3.531 3.531 0 10-5.563 4.249l4.249 5.563L36 30.417l-13.419-17.68a3.531 3.531 0 10-5.563 4.248L31.689 36"/>

package/data2/esm/WavingHandIconJupyterLab.d.ts

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