@datalayer/icons-react 1.0.12 → 1.0.14

package/data1/esm/Student2Icon.js

@@ -6,84 +6,26 @@ const sizeMap = {
   "large": 64
 };
 
-function _DlIconInverseColormode({
-  mode,
-  children
-}) {
-  const ref = React.useRef(null);
-  const [appearance, setAppearance] = React.useState({
-    mode: typeof mode === "string" ? mode : null,
-    lightTheme: null,
-    darkTheme: null
-  });
-  React.useLayoutEffect(() => {
-    if (typeof document === "undefined") return;
-    let currentMode = null;
-    let lightTheme = null;
-    let darkTheme = null;
-    let el = ref.current && ref.current.parentElement;
-    while (el && (!currentMode || !lightTheme || !darkTheme)) {
-      if (el.getAttribute) {
-        currentMode = currentMode || el.getAttribute("data-color-mode");
-        lightTheme = lightTheme || el.getAttribute("data-light-theme");
-        darkTheme = darkTheme || el.getAttribute("data-dark-theme");
-      }
-      el = el.parentElement;
-    }
-    if (!currentMode || currentMode === "auto") {
-      currentMode = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
-    }
-    setAppearance({
-      mode: typeof mode === "string" ? mode : (currentMode === "dark" ? "light" : "dark"),
-      lightTheme,
-      darkTheme
-    });
-  }, [mode]);
-  return /*#__PURE__*/React.createElement("span", {
-    ref: ref,
-    "data-color-mode": appearance.mode || "light",
-    "data-light-theme": appearance.lightTheme || undefined,
-    "data-dark-theme": appearance.darkTheme || undefined,
-    style: {
-      display: "inline-flex",
-      lineHeight: 0,
-      color: "var(--fgColor-default, var(--color-fg-default, currentColor))"
-    }
-  }, children);
-}
-
-function Student2Icon({
+import { forwardRef } from "react";
+const Student2Icon = ({
   title,
-  titleId,
   size,
   colored,
   themed,
-  colormode,
+  titleId,
   ...props
-}, svgRef) {
-  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: (themed ? "var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor))" : "var(--datalayer-icon-color, currentColor)"),
-    "aria-hidden": "true",
+}, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: (themed ? "var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor))" : "var(--datalayer-icon-color, currentColor)"),
+  "aria-hidden": "true",
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
-    viewBox: "0 0 20 20",
-    ref: svgRef,
-    "aria-labelledby": titleId
-  }, props, {
-    "data-datalayer-icon": "",
-    style: props && props.color != null ? Object.assign({}, props.style, {
-      "--datalayer-icon-color": props.color,
-      color: props.color
-    }) : props && props.style
-  }), /*#__PURE__*/React.createElement("style", null, "[data-color-mode=\"light\"]{--datalayer-icon-color-scheme:light}[data-color-mode=\"dark\"]{--datalayer-icon-color-scheme:dark}svg[data-datalayer-icon]{color-scheme:var(--datalayer-icon-color-scheme, light dark)}"), title ? /*#__PURE__*/React.createElement("title", {
-    id: titleId
-  }, title) : null, /*#__PURE__*/React.createElement("path", {
-    d: "M19.576 3.238l-9.23-3.2a.787.787 0 00-.48 0l-9.221 3.2h-.02l-.096.05H.52l-.095.06c0 .01-.01.01-.02.02l-.076.07-.068.08c0 .01-.01.01-.01.02l-.057.09c0 .01 0 .01-.01.02l-.038.09-.029.11v.03a.384.384 0 00-.01.12v8c0 .212.081.416.226.566a.75.75 0 001.087 0 .817.817 0 00.226-.566v-6.89l3.23 1.12a6.51 6.51 0 00-.923 3.37 6.6 6.6 0 00.77 3.097 6.303 6.303 0 002.115 2.323 9.318 9.318 0 00-4.471 3.74.837.837 0 00-.103.605.813.813 0 00.334.506.744.744 0 00.575.114.776.776 0 00.483-.345 7.817 7.817 0 012.78-2.674 7.458 7.458 0 013.67-.97 7.46 7.46 0 013.671.97 7.818 7.818 0 012.781 2.675c.07.11.166.201.279.264A.746.746 0 0017.2 20a.703.703 0 00.414-.13.81.81 0 00.334-.506.837.837 0 00-.103-.604 9.318 9.318 0 00-4.471-3.74 6.303 6.303 0 002.114-2.324 6.59 6.59 0 00.77-3.097 6.51 6.51 0 00-.923-3.37l4.24-1.47a.771.771 0 00.383-.291.822.822 0 000-.938.771.771 0 00-.383-.291zm-4.855 6.36a4.9 4.9 0 01-1.352 3.394 4.527 4.527 0 01-3.263 1.406 4.527 4.527 0 01-3.264-1.406 4.9 4.9 0 01-1.351-3.394 4.993 4.993 0 01.894-2.85l3.48 1.21a.741.741 0 00.481 0l3.48-1.21a4.99 4.99 0 01.895 2.85zm-.894-4.53h-.01l-3.711 1.29-3.712-1.29h-.01l-3.076-1.07 6.798-2.36 6.797 2.36-3.076 1.07z"
-  }));
-  if (!colormode) return _svgEl;
-  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
-    mode: typeof colormode === "string" ? colormode : undefined
-  }, _svgEl);
-}
-const ForwardRef = React.forwardRef(Student2Icon);
+  viewBox: "0 0 20 20",
+  ref: ref,
+  "aria-labelledby": titleId
+}, props), title ? /*#__PURE__*/React.createElement("title", {
+  id: titleId
+}, title) : null, /*#__PURE__*/React.createElement("path", {
+  d: "m19.576 3.238-9.23-3.2a.8.8 0 0 0-.48 0l-9.221 3.2h-.02l-.096.05H.52l-.095.06c0 .01-.01.01-.02.02l-.076.07-.068.08c0 .01-.01.01-.01.02l-.057.09c0 .01 0 .01-.01.02l-.038.09-.029.11v.03a.4.4 0 0 0-.01.12v8c0 .212.081.416.226.566a.75.75 0 0 0 1.087 0 .82.82 0 0 0 .226-.566v-6.89l3.23 1.12a6.5 6.5 0 0 0-.923 3.37 6.6 6.6 0 0 0 .77 3.097 6.3 6.3 0 0 0 2.115 2.323 9.3 9.3 0 0 0-4.471 3.74.84.84 0 0 0-.103.605.81.81 0 0 0 .334.506.74.74 0 0 0 .575.114.78.78 0 0 0 .483-.345 7.8 7.8 0 0 1 2.78-2.674 7.46 7.46 0 0 1 3.67-.97 7.46 7.46 0 0 1 3.671.97 7.8 7.8 0 0 1 2.781 2.675c.07.11.166.201.279.264A.75.75 0 0 0 17.2 20a.7.7 0 0 0 .414-.13.8.8 0 0 0 .334-.506.84.84 0 0 0-.103-.604 9.3 9.3 0 0 0-4.471-3.74 6.3 6.3 0 0 0 2.114-2.324 6.6 6.6 0 0 0 .77-3.097 6.5 6.5 0 0 0-.923-3.37l4.24-1.47a.77.77 0 0 0 .383-.291.82.82 0 0 0 0-.938.77.77 0 0 0-.383-.291zm-4.855 6.36a4.9 4.9 0 0 1-1.352 3.394 4.53 4.53 0 0 1-3.263 1.406 4.53 4.53 0 0 1-3.264-1.406 4.9 4.9 0 0 1-1.351-3.394 5 5 0 0 1 .894-2.85l3.48 1.21a.74.74 0 0 0 .481 0l3.48-1.21a5 5 0 0 1 .895 2.85m-.894-4.53h-.01l-3.711 1.29-3.712-1.29h-.01l-3.076-1.07 6.798-2.36 6.797 2.36z"
+}));
+const ForwardRef = forwardRef(Student2Icon);
 export default ForwardRef;

package/data1/esm/TemporalIcon.d.ts

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

package/data1/esm/TemporalIcon.js

@@ -0,0 +1,32 @@
+import * as React from "react";
+
+const sizeMap = {
+  "small": 16,
+  "medium": 32,
+  "large": 64
+};
+
+import { forwardRef } from "react";
+const TemporalIcon = ({
+  title,
+  size,
+  colored,
+  themed,
+  titleId,
+  ...props
+}, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+  "aria-hidden": "true",
+    width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
+  viewBox: "0 0 1000 1000",
+  ref: ref,
+  "aria-labelledby": titleId
+}, props), title ? /*#__PURE__*/React.createElement("title", {
+  id: titleId
+}, title) : null, /*#__PURE__*/React.createElement("path", {
+  fill: colored ? "#141414" : (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))))")),
+  d: "M675.26 324.74C651.631 147.747 591.84 0 500 0S348.368 147.746 324.74 324.74C147.747 348.369 0 408.16 0 500s147.772 151.632 324.74 175.26C348.369 852.227 408.16 1000 500 1000s151.632-147.772 175.26-324.74C852.253 651.631 1000 591.84 1000 500S852.228 348.368 675.26 324.74M318.963 623.706C149.456 599.223 50.596 543.187 50.596 500s98.86-99.223 268.368-123.705c-3.73 40.803-5.674 82.461-5.674 123.705s1.943 82.927 5.674 123.705zM500 50.595c43.187 0 99.223 98.861 123.705 268.369-40.778-3.73-82.461-5.674-123.705-5.674s-82.927 1.943-123.705 5.674C400.777 149.456 456.813 50.596 500 50.596zm181.036 573.11c-8.342 1.217-42.565 5.233-51.217 6.088-.855 8.678-4.897 42.875-6.088 51.217-24.482 169.508-80.519 268.368-123.705 268.368-43.187 0-99.223-98.86-123.705-268.368-1.191-8.342-5.233-42.564-6.088-51.217-3.938-40.182-6.321-83.342-6.321-129.793 0-46.45 2.383-89.611 6.321-129.819 40.182-3.937 83.342-6.32 129.793-6.32 46.45 0 89.611 2.383 129.793 6.32 8.678.855 42.875 4.897 51.217 6.088 169.508 24.482 268.394 80.544 268.394 123.705 0 43.16-98.886 99.249-268.394 123.73z"
+}));
+const ForwardRef = forwardRef(TemporalIcon);
+export default ForwardRef;

package/data1/esm/TemporalIcon.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" fill="currentColor" aria-hidden="true">
+  <path fill="#141414" stroke-width="2.591" d="M675.26 324.74C651.631 147.747 591.84 0 500 0c-91.84 0-151.632 147.746-175.26 324.74C147.747 348.369 0 408.16 0 500c0 91.84 147.772 151.632 324.74 175.26C348.369 852.227 408.16 1000 500 1000c91.84 0 151.632-147.772 175.26-324.74C852.253 651.631 1000 591.84 1000 500c0-91.84-147.772-151.632-324.74-175.26zM318.963 623.706C149.456 599.223 50.596 543.187 50.596 500s98.86-99.223 268.368-123.705c-3.73 40.803-5.674 82.461-5.674 123.705s1.943 82.927 5.674 123.705zM500 50.595c43.187 0 99.223 98.861 123.705 268.369-40.778-3.73-82.461-5.674-123.705-5.674s-82.927 1.943-123.705 5.674C400.777 149.456 456.813 50.596 500 50.596zm181.036 573.11c-8.342 1.217-42.565 5.233-51.217 6.088-.855 8.678-4.897 42.875-6.088 51.217-24.482 169.508-80.519 268.368-123.705 268.368-43.187 0-99.223-98.86-123.705-268.368-1.191-8.342-5.233-42.564-6.088-51.217-3.938-40.182-6.321-83.342-6.321-129.793 0-46.45 2.383-89.611 6.321-129.819 40.182-3.937 83.342-6.32 129.793-6.32 46.45 0 89.611 2.383 129.793 6.32 8.678.855 42.875 4.897 51.217 6.088 169.508 24.482 268.394 80.544 268.394 123.705 0 43.16-98.886 99.249-268.394 123.73z"/>
+</svg>

package/data1/esm/TemporalIconJupyterLab.d.ts

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

package/data1/esm/TemporalIconJupyterLab.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 TemporalIconSvgStr from './TemporalIcon.svg';
+const temporalIconJupyterLab = new LabIcon({
+    name: '@datalayer/icons:temporal',
+    svgstr: TemporalIconSvgStr,
+});
+export default temporalIconJupyterLab;

package/data1/esm/TensorFlowIcon.d.ts

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

package/data1/esm/TensorFlowIcon.js

@@ -0,0 +1,38 @@
+import * as React from "react";
+
+const sizeMap = {
+  "small": 16,
+  "medium": 32,
+  "large": 64
+};
+
+import { forwardRef } from "react";
+const TensorFlowIcon = ({
+  title,
+  size,
+  colored,
+  themed,
+  titleId,
+  ...props
+}, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  "aria-hidden": "true",
+    width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
+  viewBox: "0 0 20 20",
+  ref: ref,
+  "aria-labelledby": titleId
+}, props), title ? /*#__PURE__*/React.createElement("title", {
+  id: titleId
+}, title) : null, /*#__PURE__*/React.createElement("path", {
+  fill: colored ? "#E55B2D" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 58%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 76%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 58%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 76%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 58%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+  d: "M11.332 3.077v3.077l5.33 3.077V6.154zM.674 6.154V9.23l2.664 1.538V7.692zm7.993 1.538L6.003 9.231v9.23L8.667 20v-6.154l2.665 1.539v-3.077l-2.665-1.539z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: colored ? "#ED8E24" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 65%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 69%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 65%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 69%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 65%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+  d: "M11.332 3.077 3.338 7.692v3.077l5.33-3.077v3.077l2.664-1.538zm7.994 1.538-2.665 1.539V9.23l2.665-1.539zm-5.33 6.154-2.664 1.539v3.077l2.665-1.539zm-2.664 4.616-2.665-1.539V20l2.665-1.538z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: colored ? "#F8BF3C" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 75%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 59%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 75%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 59%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 75%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+  d: "M11.332 0 .674 6.154l2.664 1.538 7.994-4.615 5.33 3.077 2.665-1.539L11.331 0zm0 9.23-2.665 1.54 2.665 1.538 2.665-1.539z"
+}));
+const ForwardRef = forwardRef(TensorFlowIcon);
+export default ForwardRef;

package/data1/esm/TensorFlowIcon.svg

@@ -0,0 +1,5 @@
+<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"/>
+</svg>

package/data1/esm/TensorFlowIconJupyterLab.d.ts

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

package/data1/esm/TensorFlowIconJupyterLab.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 TensorFlowIconSvgStr from './TensorFlowIcon.svg';
+const tensorFlowIconJupyterLab = new LabIcon({
+    name: '@datalayer/icons:tensor-flow',
+    svgstr: TensorFlowIconSvgStr,
+});
+export default tensorFlowIconJupyterLab;

package/data1/esm/TerminalIcon.js

@@ -6,84 +6,26 @@ const sizeMap = {
   "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 TerminalIcon({
+import { forwardRef } from "react";
+const TerminalIcon = ({
   title,
-  titleId,
   size,
   colored,
   themed,
-  colormode,
+  titleId,
   ...props
-}, svgRef) {
-  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: (themed ? "var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor))" : "var(--datalayer-icon-color, currentColor)"),
-    viewBox: "0 0 20 20",
+}, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: (themed ? "var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor))" : "var(--datalayer-icon-color, currentColor)"),
+  "aria-hidden": "true",
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
-    "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", {
-    d: "M.02 3.471c0-1.207.98-2.187 2.187-2.187h15.625c1.208 0 2.188.98 2.188 2.187v13.125a2.188 2.188 0 01-2.188 2.188H2.207A2.187 2.187 0 01.02 16.596V3.471zm2.187-.312a.312.312 0 00-.312.312v13.125c0 .173.14.313.312.313h15.625a.313.313 0 00.313-.313V3.471a.312.312 0 00-.313-.312H2.207zm6.875 6.875a.937.937 0 01-.275.662L5.995 13.51a.937.937 0 11-1.325-1.325l2.15-2.15-2.15-2.15a.936.936 0 01.903-1.586.936.936 0 01.422.26l2.812 2.813a.933.933 0 01.275.663zm1.875 1.875h3.75a.938.938 0 010 1.875h-3.75a.937.937 0 110-1.875z"
-  }));
-  if (!colormode) return _svgEl;
-  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
-    mode: typeof colormode === "string" ? colormode : undefined
-  }, _svgEl);
-}
-const ForwardRef = React.forwardRef(TerminalIcon);
+  viewBox: "0 0 20 20",
+  ref: ref,
+  "aria-labelledby": titleId
+}, props), title ? /*#__PURE__*/React.createElement("title", {
+  id: titleId
+}, title) : null, /*#__PURE__*/React.createElement("path", {
+  d: "M.02 3.471c0-1.207.98-2.187 2.187-2.187h15.625c1.208 0 2.188.98 2.188 2.187v13.125a2.19 2.19 0 0 1-2.188 2.188H2.207A2.187 2.187 0 0 1 .02 16.596zm2.187-.312a.31.31 0 0 0-.312.312v13.125c0 .173.14.313.312.313h15.625a.313.313 0 0 0 .313-.313V3.471a.31.31 0 0 0-.313-.312zm6.875 6.875a.94.94 0 0 1-.275.662L5.995 13.51a.937.937 0 1 1-1.325-1.325l2.15-2.15-2.15-2.15a.936.936 0 0 1 .903-1.586.94.94 0 0 1 .422.26l2.812 2.813a.93.93 0 0 1 .275.663zm1.875 1.875h3.75a.938.938 0 0 1 0 1.875h-3.75a.937.937 0 1 1 0-1.875"
+}));
+const ForwardRef = forwardRef(TerminalIcon);
 export default ForwardRef;

package/data1/esm/TiktokIcon.js

@@ -6,84 +6,26 @@ const sizeMap = {
   "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 TiktokIcon({
+import { forwardRef } from "react";
+const TiktokIcon = ({
   title,
-  titleId,
   size,
   colored,
   themed,
-  colormode,
+  titleId,
   ...props
-}, svgRef) {
-  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    fill: (themed ? "var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor))" : "var(--datalayer-icon-color, currentColor)"),
+}, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: (themed ? "var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor))" : "var(--datalayer-icon-color, currentColor)"),
+  "aria-hidden": "true",
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
-    "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", {
-    d: "M19.589 6.686a4.793 4.793 0 01-3.77-4.245V2h-3.445v13.672a2.896 2.896 0 01-5.201 1.743l-.002-.001.002.001a2.895 2.895 0 013.183-4.51v-3.5a6.329 6.329 0 00-5.394 10.692 6.33 6.33 0 0010.857-4.424V8.687a8.182 8.182 0 004.773 1.526V6.79a4.831 4.831 0 01-1.003-.104z"
-  }));
-  if (!colormode) return _svgEl;
-  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
-    mode: typeof colormode === "string" ? colormode : undefined
-  }, _svgEl);
-}
-const ForwardRef = React.forwardRef(TiktokIcon);
+  viewBox: "0 0 24 24",
+  ref: ref,
+  "aria-labelledby": titleId
+}, props), title ? /*#__PURE__*/React.createElement("title", {
+  id: titleId
+}, title) : null, /*#__PURE__*/React.createElement("path", {
+  d: "M19.589 6.686a4.79 4.79 0 0 1-3.77-4.245V2h-3.445v13.672a2.896 2.896 0 0 1-5.201 1.743l-.002-.001.002.001a2.895 2.895 0 0 1 3.183-4.51v-3.5a6.329 6.329 0 0 0-5.394 10.692 6.33 6.33 0 0 0 10.857-4.424V8.687a8.2 8.2 0 0 0 4.773 1.526V6.79a5 5 0 0 1-1.003-.104"
+}));
+const ForwardRef = forwardRef(TiktokIcon);
 export default ForwardRef;

package/data1/esm/TiktokIcon.svg

@@ -1,3 +1,3 @@
-<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
+<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
   <path d="M19.589 6.686a4.793 4.793 0 01-3.77-4.245V2h-3.445v13.672a2.896 2.896 0 01-5.201 1.743l-.002-.001.002.001a2.895 2.895 0 013.183-4.51v-3.5a6.329 6.329 0 00-5.394 10.692 6.33 6.33 0 0010.857-4.424V8.687a8.182 8.182 0 004.773 1.526V6.79a4.831 4.831 0 01-1.003-.104z"/>
 </svg>

package/data1/esm/TriangleRightPointingIcon.js

@@ -6,88 +6,30 @@ const sizeMap = {
   "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 TriangleRightPointingIcon({
+import { forwardRef } from "react";
+const TriangleRightPointingIcon = ({
   title,
-  titleId,
   size,
   colored,
   themed,
-  colormode,
+  titleId,
   ...props
-}, svgRef) {
-  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 36 36",
-    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))))")),
+}, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+  "aria-hidden": "true",
     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 ? "#3B88C3" : (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: "M36 32a4 4 0 01-4 4H4a4 4 0 01-4-4V4a4 4 0 014-4h28a4 4 0 014 4v28z"
-  }), /*#__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: "M8 7l22 11L8 29z"
-  }));
-  if (!colormode) return _svgEl;
-  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
-    mode: typeof colormode === "string" ? colormode : undefined
-  }, _svgEl);
-}
-const ForwardRef = React.forwardRef(TriangleRightPointingIcon);
+  viewBox: "0 0 36 36",
+  ref: ref,
+  "aria-labelledby": titleId
+}, props), title ? /*#__PURE__*/React.createElement("title", {
+  id: titleId
+}, title) : null, /*#__PURE__*/React.createElement("path", {
+  fill: colored ? "#3B88C3" : (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: "M36 32a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4z"
+}), /*#__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: "m8 7 22 11L8 29z"
+}));
+const ForwardRef = forwardRef(TriangleRightPointingIcon);
 export default ForwardRef;