@datalayer/icons-react 1.0.11 → 1.0.12

package/data2/ChristmasTreeIcon.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">
+  <circle cx="36.081" cy="25.744" r="2"/>
+  <circle cx="43.681" cy="49.953" r="2"/>
+  <circle cx="28.405" cy="51.924" r="2"/>
+  <circle cx="41.681" cy="38.674" r="2"/>
+  <circle cx="32.405" cy="34.199" r="2"/>
+  <circle cx="34.405" cy="45.055" r="2"/>
+  <g>
+    <path fill="#a57939" d="M39.156 68.035h-6.312a2.446 2.446 0 01-2.293-2.57v-7.584a1 1 0 011-1h8.898a1 1 0 011 1v7.584a2.446 2.446 0 01-2.293 2.57z"/>
+    <path fill="#b1cc33" d="M54.766 61.207c-.022 0-.043 0-.065-.002L36 60.005l-18.701 1.2a1.025 1.025 0 01-.898-.445.999.999 0 01-.06-1.001l7.543-15.043-3.23.403a1 1 0 01-.987-1.497l7.073-12.093-1.926.236a.975.975 0 01-.97-.46 1 1 0 01.008-1.074L35.16 12.716a1.036 1.036 0 011.68 0L48.148 30.23a.999.999 0 01.008 1.074.974.974 0 01-.97.46l-1.925-.236 7.073 12.093a1 1 0 01-.987 1.497l-3.23-.403 7.543 15.043a1 1 0 01-.894 1.448z"/>
+    <path fill="#5c9e31" d="M37.697 29.291h5.682l7.723 13.624-4.238.249 7.902 18.043-17.375-1.114.306-30.802z"/>
+    <circle cx="36.081" cy="25.744" r="2" fill="#fcea2b"/>
+    <circle cx="43.681" cy="49.953" r="2" fill="#d22f27"/>
+    <circle cx="28.405" cy="51.924" r="2" fill="#fcea2b"/>
+    <circle cx="41.681" cy="38.674" r="2" fill="#fcea2b"/>
+    <circle cx="32.405" cy="34.199" r="2" fill="#d22f27"/>
+    <circle cx="34.405" cy="45.055" r="2" fill="#d22f27"/>
+    <path fill="#fcea2b" d="M32.5 16.27a.738.738 0 01-.728-.862l.603-3.515-2.554-2.49a.737.737 0 01.409-1.258l3.53-.514 1.579-3.2a.767.767 0 011.322 0l1.579 3.2 3.53.513a.737.737 0 01.41 1.258l-2.556 2.49.603 3.516a.737.737 0 01-1.07.777L36 14.525l-3.158 1.66a.732.732 0 01-.343.085z"/>
+  </g>
+  <g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+    <path d="M39.778 19.109l7.53 11.665-3.93-.483 8.093 13.836-5.087-.636 8.382 16.716-12.834-.834M30.068 59.373l-12.834.834 8.382-16.716-5.087.636 8.093-13.836-3.93.483 7.53-11.665M40.45 62.423v3.042a1.456 1.456 0 01-1.293 1.57h-6.313a1.456 1.456 0 01-1.293-1.57v-3.042M36 4.758l1.87 3.79 4.182.607-3.026 2.95.714 4.165L36 14.304l-3.74 1.966.714-4.165-3.026-2.95 4.182-.607L36 4.758z"/>
+  </g>
+</svg>

package/data2/ChristmasTreeIconJupyterLab.d.ts

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

package/data2/ChristmasTreeIconJupyterLab.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 ChristmasTreeIconSvgStr from './ChristmasTreeIcon.svg';
+const christmasTreeIconJupyterLab = new LabIcon({
+    name: '@datalayer/icons:christmas-tree',
+    svgstr: ChristmasTreeIconSvgStr,
+});
+export default christmasTreeIconJupyterLab;

package/data2/GraduationCapIcon.d.ts

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

package/data2/GraduationCapIcon.js

@@ -0,0 +1,132 @@
+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 GraduationCapIcon({
+  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))))")),
+    stroke: 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))))")),
+    strokeMiterlimit: 10,
+    strokeWidth: 2,
+    d: "M56 27.917v17.979H16v-17.98"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "none",
+    stroke: colored ? "#f1b31c" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 73%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 61%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 73%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 61%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 73%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    strokeMiterlimit: 10,
+    strokeWidth: 2,
+    d: "M10.043 28.5v8.406"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: 10.043,
+    cy: 36.906,
+    r: 2,
+    fill: colored ? "#f1b31c" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 73%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 61%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 73%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 61%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 73%, var(--bgColor-default, var(--color-canvas-default, Canvas))))"))
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: colored ? "#f1b31c" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 73%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 61%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 73%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 61%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 73%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    stroke: colored ? "#f1b31c" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 73%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 61%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 73%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 61%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 73%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 1.747,
+    d: "M12.043 45.896H8.25l1.897-8.12h0l1.896 8.12z"
+  }), /*#__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: "M4 22.875h64v5.042H4zm52 8.042v14.979H16v-14.98"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: 36,
+    cy: 22.002,
+    r: 3
+  }), /*#__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",
+    strokeWidth: 2,
+    d: "M4 22.875h64v5.042H4z"
+  }), /*#__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",
+    strokeWidth: 1.747,
+    d: "M56 30.917v14.979H16v-14.98"
+  }));
+  if (!colormode) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormode === "string" ? colormode : undefined
+  }, _svgEl);
+}
+const ForwardRef = React.forwardRef(GraduationCapIcon);
+module.exports = ForwardRef;

package/data2/GraduationCapIcon.svg

@@ -0,0 +1,12 @@
+<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" stroke="#3f3f3f" stroke-miterlimit="10" stroke-width="2" d="M56 27.917v17.979H16v-17.98"/>
+  <path fill="none" stroke="#f1b31c" stroke-miterlimit="10" stroke-width="2" d="M10.043 28.5v8.406"/>
+  <circle cx="10.043" cy="36.906" r="2" fill="#f1b31c"/>
+  <path fill="#f1b31c" stroke="#f1b31c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.747" d="M12.043 45.896H8.25l1.897-8.12h0l1.896 8.12z"/>
+  <path fill="#3f3f3f" d="M4 22.875h64v5.042H4zM56 30.917v14.979H16v-14.98"/>
+  <g>
+    <circle cx="36" cy="22.002" r="3"/>
+    <path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 22.875h64v5.042H4z"/>
+    <path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.747" d="M56 30.917v14.979H16v-14.98"/>
+  </g>
+</svg>

package/data2/GraduationCapIconJupyterLab.d.ts

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

package/data2/GraduationCapIconJupyterLab.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 GraduationCapIconSvgStr from './GraduationCapIcon.svg';
+const graduationCapIconJupyterLab = new LabIcon({
+    name: '@datalayer/icons:graduation-cap',
+    svgstr: GraduationCapIconSvgStr,
+});
+export default graduationCapIconJupyterLab;

package/data2/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/StudentIcon.js

@@ -0,0 +1,135 @@
+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 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);
+module.exports = ForwardRef;

package/data2/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/StudentIconJupyterLab.d.ts

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

package/data2/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/ChristmasTreeIcon.d.ts

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

package/data2/esm/ChristmasTreeIcon.js

@@ -0,0 +1,161 @@
+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 ChristmasTreeIcon({
+  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("circle", {
+    cx: 36.081,
+    cy: 25.744,
+    r: 2
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: 43.681,
+    cy: 49.953,
+    r: 2
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: 28.405,
+    cy: 51.924,
+    r: 2
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: 41.681,
+    cy: 38.674,
+    r: 2
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: 32.405,
+    cy: 34.199,
+    r: 2
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: 34.405,
+    cy: 45.055,
+    r: 2
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: colored ? "#a57939" : (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: "M39.156 68.035h-6.312a2.446 2.446 0 01-2.293-2.57v-7.584a1 1 0 011-1h8.898a1 1 0 011 1v7.584a2.446 2.446 0 01-2.293 2.57z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: colored ? "#b1cc33" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 71%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    d: "M54.766 61.207c-.022 0-.043 0-.065-.002L36 60.005l-18.701 1.2a1.025 1.025 0 01-.898-.445.999.999 0 01-.06-1.001l7.543-15.043-3.23.403a1 1 0 01-.987-1.497l7.073-12.093-1.926.236a.975.975 0 01-.97-.46 1 1 0 01.008-1.074L35.16 12.716a1.036 1.036 0 011.68 0L48.148 30.23a.999.999 0 01.008 1.074.974.974 0 01-.97.46l-1.925-.236 7.073 12.093a1 1 0 01-.987 1.497l-3.23-.403 7.543 15.043a1 1 0 01-.894 1.448z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: colored ? "#5c9e31" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 56%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 78%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 56%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 78%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 56%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    d: "M37.697 29.291h5.682l7.723 13.624-4.238.249 7.902 18.043-17.375-1.114.306-30.802z"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: 36.081,
+    cy: 25.744,
+    r: 2,
+    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))))"))
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: 43.681,
+    cy: 49.953,
+    r: 2,
+    fill: colored ? "#d22f27" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 53%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 81%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 53%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 81%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 53%, var(--bgColor-default, var(--color-canvas-default, Canvas))))"))
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: 28.405,
+    cy: 51.924,
+    r: 2,
+    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))))"))
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: 41.681,
+    cy: 38.674,
+    r: 2,
+    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))))"))
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: 32.405,
+    cy: 34.199,
+    r: 2,
+    fill: colored ? "#d22f27" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 53%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 81%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 53%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 81%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 53%, var(--bgColor-default, var(--color-canvas-default, Canvas))))"))
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: 34.405,
+    cy: 45.055,
+    r: 2,
+    fill: colored ? "#d22f27" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 53%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 81%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 53%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 81%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 53%, 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: "M32.5 16.27a.738.738 0 01-.728-.862l.603-3.515-2.554-2.49a.737.737 0 01.409-1.258l3.53-.514 1.579-3.2a.767.767 0 011.322 0l1.579 3.2 3.53.513a.737.737 0 01.41 1.258l-2.556 2.49.603 3.516a.737.737 0 01-1.07.777L36 14.525l-3.158 1.66a.732.732 0 01-.343.085z"
+  }), /*#__PURE__*/React.createElement("g", {
+    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",
+    strokeWidth: 2
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M39.778 19.109l7.53 11.665-3.93-.483 8.093 13.836-5.087-.636 8.382 16.716-12.834-.834m-11.864 0l-12.834.834 8.382-16.716-5.087.636 8.093-13.836-3.93.483 7.53-11.665m8.228 43.314v3.042a1.456 1.456 0 01-1.293 1.57h-6.313a1.456 1.456 0 01-1.293-1.57v-3.042M36 4.758l1.87 3.79 4.182.607-3.026 2.95.714 4.165L36 14.304l-3.74 1.966.714-4.165-3.026-2.95 4.182-.607L36 4.758z"
+  })));
+  if (!colormode) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormode === "string" ? colormode : undefined
+  }, _svgEl);
+}
+const ForwardRef = React.forwardRef(ChristmasTreeIcon);
+export default ForwardRef;

package/data2/esm/ChristmasTreeIcon.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">
+  <circle cx="36.081" cy="25.744" r="2"/>
+  <circle cx="43.681" cy="49.953" r="2"/>
+  <circle cx="28.405" cy="51.924" r="2"/>
+  <circle cx="41.681" cy="38.674" r="2"/>
+  <circle cx="32.405" cy="34.199" r="2"/>
+  <circle cx="34.405" cy="45.055" r="2"/>
+  <g>
+    <path fill="#a57939" d="M39.156 68.035h-6.312a2.446 2.446 0 01-2.293-2.57v-7.584a1 1 0 011-1h8.898a1 1 0 011 1v7.584a2.446 2.446 0 01-2.293 2.57z"/>
+    <path fill="#b1cc33" d="M54.766 61.207c-.022 0-.043 0-.065-.002L36 60.005l-18.701 1.2a1.025 1.025 0 01-.898-.445.999.999 0 01-.06-1.001l7.543-15.043-3.23.403a1 1 0 01-.987-1.497l7.073-12.093-1.926.236a.975.975 0 01-.97-.46 1 1 0 01.008-1.074L35.16 12.716a1.036 1.036 0 011.68 0L48.148 30.23a.999.999 0 01.008 1.074.974.974 0 01-.97.46l-1.925-.236 7.073 12.093a1 1 0 01-.987 1.497l-3.23-.403 7.543 15.043a1 1 0 01-.894 1.448z"/>
+    <path fill="#5c9e31" d="M37.697 29.291h5.682l7.723 13.624-4.238.249 7.902 18.043-17.375-1.114.306-30.802z"/>
+    <circle cx="36.081" cy="25.744" r="2" fill="#fcea2b"/>
+    <circle cx="43.681" cy="49.953" r="2" fill="#d22f27"/>
+    <circle cx="28.405" cy="51.924" r="2" fill="#fcea2b"/>
+    <circle cx="41.681" cy="38.674" r="2" fill="#fcea2b"/>
+    <circle cx="32.405" cy="34.199" r="2" fill="#d22f27"/>
+    <circle cx="34.405" cy="45.055" r="2" fill="#d22f27"/>
+    <path fill="#fcea2b" d="M32.5 16.27a.738.738 0 01-.728-.862l.603-3.515-2.554-2.49a.737.737 0 01.409-1.258l3.53-.514 1.579-3.2a.767.767 0 011.322 0l1.579 3.2 3.53.513a.737.737 0 01.41 1.258l-2.556 2.49.603 3.516a.737.737 0 01-1.07.777L36 14.525l-3.158 1.66a.732.732 0 01-.343.085z"/>
+  </g>
+  <g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+    <path d="M39.778 19.109l7.53 11.665-3.93-.483 8.093 13.836-5.087-.636 8.382 16.716-12.834-.834M30.068 59.373l-12.834.834 8.382-16.716-5.087.636 8.093-13.836-3.93.483 7.53-11.665M40.45 62.423v3.042a1.456 1.456 0 01-1.293 1.57h-6.313a1.456 1.456 0 01-1.293-1.57v-3.042M36 4.758l1.87 3.79 4.182.607-3.026 2.95.714 4.165L36 14.304l-3.74 1.966.714-4.165-3.026-2.95 4.182-.607L36 4.758z"/>
+  </g>
+</svg>