@datalayer/icons-react 1.0.11 → 1.0.13

package/data2/esm/TabanaTreeIcon.js

@@ -6,116 +6,58 @@ 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 TabanaTreeIcon({
+import { forwardRef } from "react";
+const TabanaTreeIcon = ({
   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 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))))")),
+}, 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 ? "#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: "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"
-  }), /*#__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: "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"
-  }), /*#__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: "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"
-  }), /*#__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: "M22.899 65.796c1.357-2.004 2.199-4.785 2.199-7.862 0-3.756-1.254-7.07-3.168-9.068v-4.03c1.914-2 3.168-5.312 3.168-9.068s-1.254-7.07-3.168-9.068v-4.03c1.914-2 3.168-5.312 3.168-9.068 0-3.078-.842-5.859-2.2-7.862-.421-.623 1.097-1.206 3.102-1.206h-9.503c-2.004 0-3.523.583-3.101 1.206 1.357 2.004 2.2 4.784 2.2 7.862 0 3.756-1.255 8.077-3.169 10.075v2.016c1.914 1.998 3.168 6.319 3.168 10.075 0 3.756-1.254 8.077-3.168 10.076v2.015c1.914 1.998 3.168 6.319 3.168 10.075 0 3.078-.842 5.858-2.199 7.862-.422.623 1.097 1.206 3.101 1.206H26c-2.005 0-3.523-.583-3.101-1.206z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? "#EA5A47" : (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: "M40.445 27.99l-5.42 2.693c-.645.32-.979 1.086-.775 1.804 1.238 4.368 5.941 19.198 15.146 28.946.512.543 1.345.562 1.91.067l9.246-8.115c.705-.618.703-1.763-.014-2.349-3.125-2.553-10.873-9.648-18.287-22.467-.375-.649-1.15-.905-1.806-.58z"
-  }), /*#__PURE__*/React.createElement("path", {
-    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))))")),
-    d: "M39.497 28.46l-4.273 2.123c-.645.32-.978 1.087-.775 1.804 1.238 4.368 5.942 19.198 15.146 28.946.513.543 1.346.563 1.91.067l2.568-2.253C45.247 48.782 40.748 33.316 39.497 28.46z"
-  }), /*#__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: "M31.523 50.207H12.464A1.468 1.468 0 0111 48.743v-4.294c0-.805.659-1.464 1.464-1.464h19.06c.805 0 1.463.659 1.463 1.464v4.294c0 .805-.659 1.464-1.464 1.464zm0-22H12.464A1.468 1.468 0 0111 26.743v-4.294c0-.805.659-1.464 1.464-1.464h19.06c.805 0 1.463.659 1.463 1.464v4.294c0 .805-.659 1.464-1.464 1.464z"
-  }), /*#__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: "M31.523 20.985h-.207l-14.424 7.222h14.631c.805 0 1.464-.659 1.464-1.464v-4.294c0-.805-.659-1.464-1.464-1.464zm0 22h-.207l-14.424 7.222h14.631c.805 0 1.464-.659 1.464-1.464v-4.294c0-.805-.659-1.464-1.464-1.464z"
-  }), /*#__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: "M41 12c3.344-.501 6.746-.48 10.5 2.051 7.869 5.306 8.144 17.168 8.153 17.67.005.385-.138.75-.384.98a.838.838 0 01-.573.238.782.782 0 01-.288-.056C57.874 32.673 46.657 28.21 39 18m1.445 9.99l-5.42 2.693c-.645.32-.979 1.086-.775 1.804 1.238 4.368 5.941 19.198 15.146 28.946.512.543 1.345.562 1.91.067l9.246-8.115c.705-.618.703-1.763-.014-2.349-3.125-2.553-10.873-9.648-18.287-22.467-.375-.649-1.15-.905-1.806-.58z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M15.95 13.574c.013-2.93-.532-5.707-1.54-7.885a3.511 3.511 0 011.266-.184l13.16.059c.574.002 1.003.099 1.265.195-1.029 2.17-1.598 4.941-1.611 7.871a26.646 26.646 0 00.315 4.115c.18 1.167.432 2.257.733 3.24h2.102a20.397 20.397 0 01-.858-3.546 24.586 24.586 0 01-.292-3.8c.012-2.819.582-5.445 1.603-7.394a1.43 1.43 0 00-.044-1.43c-.551-.915-2.016-1.246-3.204-1.252l-13.16-.058c-1.21.02-2.655.313-3.215 1.223a1.43 1.43 0 00-.057 1.428c1.003 1.96 1.55 4.59 1.537 7.41-.012 2.601-.511 5.39-1.254 7.419h2.118c.693-2.155 1.124-4.818 1.136-7.411zm-.1 22.166c.012-2.53-.4-5.312-1.102-7.533h-2.111c.037.103.076.199.113.306.7 2.072 1.112 4.77 1.1 7.218-.01 2.533-.485 5.24-1.195 7.254h2.118c.66-2.124 1.066-4.72 1.078-7.245zm14.54.065c.012-2.677.538-5.558 1.317-7.598h-2.12c-.727 2.186-1.185 4.922-1.196 7.589-.012 2.497.362 5.071.99 7.189h2.111c-.675-2.012-1.113-4.683-1.101-7.18zm-1.865 18.844a25.903 25.903 0 00-.234 3.312c-.013 2.93.532 5.708 1.541 7.886-.262.094-.69.18-1.267.184l-13.16-.06c-.573-.002-1.003-.099-1.264-.195 1.028-2.17 1.597-4.94 1.61-7.87.013-2.708-.434-5.491-1.162-7.699h-2.113c.776 2.051 1.288 4.979 1.275 7.689-.012 2.819-.582 5.445-1.603 7.394a1.43 1.43 0 00.044 1.43c.551.915 2.017 1.247 3.205 1.252l13.16.06h.028c1.182 0 2.63-.32 3.186-1.224a1.43 1.43 0 00.058-1.429c-1.004-1.959-1.55-4.59-1.538-7.41a24.02 24.02 0 01.217-3.055v-.002c.237-1.775.653-3.426 1.162-4.705h-2.133c-.442 1.29-.793 2.797-1.012 4.442z"
-  }));
-  if (!colormode) return _svgEl;
-  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
-    mode: typeof colormode === "string" ? colormode : undefined
-  }, _svgEl);
-}
-const ForwardRef = React.forwardRef(TabanaTreeIcon);
+  viewBox: "0 0 72 72",
+  ref: ref,
+  "aria-labelledby": titleId
+}, props), title ? /*#__PURE__*/React.createElement("title", {
+  id: titleId
+}, title) : null, /*#__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: "M57.696 32.939a.8.8 0 0 1-.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.84.84 0 0 1-.573.238"
+}), /*#__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: "M23.984 25.994c1.916-2.992 5.28-7.38 9.791-9.98.622-.39 1.26-.76 1.927-1.083q.03.048.063.096c3.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.105"
+}), /*#__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: "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.075s-.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.206"
+}), /*#__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: "M22.899 65.796c1.357-2.004 2.199-4.785 2.199-7.862 0-3.756-1.254-7.07-3.168-9.068v-4.03c1.914-2 3.168-5.312 3.168-9.068s-1.254-7.07-3.168-9.068v-4.03c1.914-2 3.168-5.312 3.168-9.068 0-3.078-.842-5.859-2.2-7.862-.421-.623 1.097-1.206 3.102-1.206h-9.503c-2.004 0-3.523.583-3.101 1.206 1.357 2.004 2.2 4.784 2.2 7.862 0 3.756-1.255 8.077-3.169 10.075v2.016c1.914 1.998 3.168 6.319 3.168 10.075s-1.254 8.077-3.168 10.076v2.015c1.914 1.998 3.168 6.319 3.168 10.075 0 3.078-.842 5.858-2.199 7.862-.422.623 1.097 1.206 3.101 1.206H26c-2.005 0-3.523-.583-3.101-1.206"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: colored ? "#EA5A47" : (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: "m40.445 27.99-5.42 2.693c-.645.32-.979 1.086-.775 1.804 1.238 4.368 5.941 19.198 15.146 28.946.512.543 1.345.562 1.91.067l9.246-8.115c.705-.618.703-1.763-.014-2.349-3.125-2.553-10.873-9.648-18.287-22.467-.375-.649-1.15-.905-1.806-.58z"
+}), /*#__PURE__*/React.createElement("path", {
+  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))))")),
+  d: "m39.497 28.46-4.273 2.123c-.645.32-.978 1.087-.775 1.804 1.238 4.368 5.942 19.198 15.146 28.946.513.543 1.346.563 1.91.067l2.568-2.253C45.247 48.782 40.748 33.316 39.497 28.46"
+}), /*#__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: "M31.523 50.207H12.464A1.47 1.47 0 0 1 11 48.743v-4.294c0-.805.659-1.464 1.464-1.464h19.06c.805 0 1.463.659 1.463 1.464v4.294c0 .805-.659 1.464-1.464 1.464m0-22H12.464A1.47 1.47 0 0 1 11 26.743v-4.294c0-.805.659-1.464 1.464-1.464h19.06c.805 0 1.463.659 1.463 1.464v4.294c0 .805-.659 1.464-1.464 1.464"
+}), /*#__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: "M31.523 20.985h-.207l-14.424 7.222h14.631c.805 0 1.464-.659 1.464-1.464v-4.294c0-.805-.659-1.464-1.464-1.464m0 22h-.207l-14.424 7.222h14.631c.805 0 1.464-.659 1.464-1.464v-4.294c0-.805-.659-1.464-1.464-1.464"
+}), /*#__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: "M41 12c3.344-.501 6.746-.48 10.5 2.051 7.869 5.306 8.144 17.168 8.153 17.67.005.385-.138.75-.384.98a.84.84 0 0 1-.573.238.8.8 0 0 1-.288-.056C57.874 32.673 46.657 28.21 39 18m1.445 9.99-5.42 2.693c-.645.32-.979 1.086-.775 1.804 1.238 4.368 5.941 19.198 15.146 28.946.512.543 1.345.562 1.91.067l9.246-8.115c.705-.618.703-1.763-.014-2.349-3.125-2.553-10.873-9.648-18.287-22.467-.375-.649-1.15-.905-1.806-.58z"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M15.95 13.574c.013-2.93-.532-5.707-1.54-7.885a3.5 3.5 0 0 1 1.266-.184l13.16.059c.574.002 1.003.099 1.265.195-1.029 2.17-1.598 4.941-1.611 7.871a26.7 26.7 0 0 0 .315 4.115c.18 1.167.432 2.257.733 3.24h2.102a20.4 20.4 0 0 1-.858-3.546 24.6 24.6 0 0 1-.292-3.8c.012-2.819.582-5.445 1.603-7.394a1.43 1.43 0 0 0-.044-1.43c-.551-.915-2.016-1.246-3.204-1.252l-13.16-.058c-1.21.02-2.655.313-3.215 1.223a1.43 1.43 0 0 0-.057 1.428c1.003 1.96 1.55 4.59 1.537 7.41-.012 2.601-.511 5.39-1.254 7.419h2.118c.693-2.155 1.124-4.818 1.136-7.411m-.1 22.166c.012-2.53-.4-5.312-1.102-7.533h-2.111c.037.103.076.199.113.306.7 2.072 1.112 4.77 1.1 7.218-.01 2.533-.485 5.24-1.195 7.254h2.118c.66-2.124 1.066-4.72 1.078-7.245zm14.54.065c.012-2.677.538-5.558 1.317-7.598h-2.12c-.727 2.186-1.185 4.922-1.196 7.589-.012 2.497.362 5.071.99 7.189h2.111c-.675-2.012-1.113-4.683-1.101-7.18zm-1.865 18.844a26 26 0 0 0-.234 3.312c-.013 2.93.532 5.708 1.541 7.886-.262.094-.69.18-1.267.184l-13.16-.06c-.573-.002-1.003-.099-1.264-.195 1.028-2.17 1.597-4.94 1.61-7.87.013-2.708-.434-5.491-1.162-7.699h-2.113c.776 2.051 1.288 4.979 1.275 7.689-.012 2.819-.582 5.445-1.603 7.394a1.43 1.43 0 0 0 .044 1.43c.551.915 2.017 1.247 3.205 1.252l13.16.06h.028c1.182 0 2.63-.32 3.186-1.224a1.43 1.43 0 0 0 .058-1.429c-1.004-1.959-1.55-4.59-1.538-7.41a24 24 0 0 1 .217-3.055v-.002c.237-1.775.653-3.426 1.162-4.705h-2.133c-.442 1.29-.793 2.797-1.012 4.442"
+}));
+const ForwardRef = forwardRef(TabanaTreeIcon);
 export default ForwardRef;

package/data2/esm/ThermometerIcon.js

@@ -6,103 +6,45 @@ 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 ThermometerIcon({
+import { forwardRef } from "react";
+const ThermometerIcon = ({
   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 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))))")),
+}, 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 ? "#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.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"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? "#ea5a47" : (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: "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"
-  }), /*#__PURE__*/React.createElement("path", {
-    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))))")),
-    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"
-  }), /*#__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: "M38.387 35.913c-.721.16-1.974.266-3.4.266-2.236 0-4.049-.26-4.049-.582m7.449 8.013c-.721.16-1.974.266-3.4.266-2.236 0-4.049-.26-4.049-.581m7.449-15.079c-.721.16-1.974.266-3.4.266-2.236 0-4.049-.261-4.049-.582m7.449-7.382c-.721.16-1.974.266-3.4.266-2.236 0-4.049-.26-4.049-.582"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M29.663 49.462c1.294-.963 1.276-2.236 1.276-2.236V8.639a5.082 5.082 0 1110.165 0v38.587s.005 1.286 1.298 2.249a10.146 10.146 0 013.788 7.916c0 5.614-4.55 10.165-10.165 10.165S25.86 63.005 25.86 57.391c0-1.536.34-2.992.95-4.297"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M38.387 12.82c-.721.16-1.974.266-3.4.266-2.236 0-4.049-.26-4.049-.581"
-  })));
-  if (!colormode) return _svgEl;
-  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
-    mode: typeof colormode === "string" ? colormode : undefined
-  }, _svgEl);
-}
-const ForwardRef = React.forwardRef(ThermometerIcon);
+  viewBox: "0 0 72 72",
+  ref: ref,
+  "aria-labelledby": titleId
+}, props), title ? /*#__PURE__*/React.createElement("title", {
+  id: titleId
+}, title) : null, /*#__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.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"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: colored ? "#ea5a47" : (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: "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"
+}), /*#__PURE__*/React.createElement("path", {
+  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))))")),
+  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.775z"
+}), /*#__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: "M38.387 35.913c-.721.16-1.974.266-3.4.266-2.236 0-4.049-.26-4.049-.582m7.449 8.013c-.721.16-1.974.266-3.4.266-2.236 0-4.049-.26-4.049-.581m7.449-15.079c-.721.16-1.974.266-3.4.266-2.236 0-4.049-.261-4.049-.582m7.449-7.382c-.721.16-1.974.266-3.4.266-2.236 0-4.049-.26-4.049-.582"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M29.663 49.462c1.294-.963 1.276-2.236 1.276-2.236V8.639a5.082 5.082 0 1 1 10.165 0v38.587s.005 1.286 1.298 2.249a10.15 10.15 0 0 1 3.788 7.916c0 5.614-4.55 10.165-10.165 10.165S25.86 63.005 25.86 57.391c0-1.536.34-2.992.95-4.297"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M38.387 12.82c-.721.16-1.974.266-3.4.266-2.236 0-4.049-.26-4.049-.581"
+})));
+const ForwardRef = forwardRef(ThermometerIcon);
 export default ForwardRef;

package/data2/esm/ThumbsUpIcon.js

@@ -6,100 +6,42 @@ 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 ThumbsUpIcon({
+import { forwardRef } from "react";
+const ThumbsUpIcon = ({
   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 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))))")),
+}, 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 ? "#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: "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"
-  }), /*#__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))))")),
-    strokeWidth: 2
-  }, /*#__PURE__*/React.createElement("path", {
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    d: "M35.236 59.6h-9c-8.321 0-14-6.68-14-15 .02-4.799 1.8-9.424 5-13m17.389 0h-4.389l7-18c.811-2.083-2.79-3.8-5-1l-15 19m20.212 3.5a3.786 3.786 0 004 3.5h13a3.531 3.531 0 100-7h-13a3.786 3.786 0 00-4 3.5zm.857 21.337a3.786 3.786 0 004 3.5h7a3.531 3.531 0 100-7h-7a3.786 3.786 0 00-4 3.5zm-5.069-14a3.786 3.786 0 004 3.5h19a3.531 3.531 0 100-7h-19a3.786 3.786 0 00-4 3.5z"
-  }), /*#__PURE__*/React.createElement("path", {
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    d: "M35.236 49.437a3.786 3.786 0 004 3.5h15a3.531 3.531 0 100-7h-15a3.786 3.786 0 00-4 3.5z"
-  }), /*#__PURE__*/React.createElement("path", {
-    strokeMiterlimit: 10,
-    d: "M14.136 36.263a19.457 19.457 0 00-1.906 7.839c0 8.56 4.625 15.5 15.125 15.5"
-  })));
-  if (!colormode) return _svgEl;
-  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
-    mode: typeof colormode === "string" ? colormode : undefined
-  }, _svgEl);
-}
-const ForwardRef = React.forwardRef(ThumbsUpIcon);
+  viewBox: "0 0 72 72",
+  ref: ref,
+  "aria-labelledby": titleId
+}, props), title ? /*#__PURE__*/React.createElement("title", {
+  id: titleId
+}, title) : null, /*#__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: "m37.088 11.232-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"
+}), /*#__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))))")),
+  strokeWidth: 2
+}, /*#__PURE__*/React.createElement("path", {
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  d: "M35.236 59.6h-9c-8.321 0-14-6.68-14-15 .02-4.799 1.8-9.424 5-13m17.389 0h-4.389l7-18c.811-2.083-2.79-3.8-5-1l-15 19m20.212 3.5a3.786 3.786 0 0 0 4 3.5h13a3.531 3.531 0 1 0 0-7h-13a3.786 3.786 0 0 0-4 3.5m.857 21.337a3.786 3.786 0 0 0 4 3.5h7a3.531 3.531 0 1 0 0-7h-7a3.786 3.786 0 0 0-4 3.5m-5.069-14a3.786 3.786 0 0 0 4 3.5h19a3.531 3.531 0 1 0 0-7h-19a3.786 3.786 0 0 0-4 3.5"
+}), /*#__PURE__*/React.createElement("path", {
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  d: "M35.236 49.437a3.786 3.786 0 0 0 4 3.5h15a3.531 3.531 0 1 0 0-7h-15a3.786 3.786 0 0 0-4 3.5"
+}), /*#__PURE__*/React.createElement("path", {
+  strokeMiterlimit: 10,
+  d: "M14.136 36.263a19.5 19.5 0 0 0-1.906 7.839c0 8.56 4.625 15.5 15.125 15.5"
+})));
+const ForwardRef = forwardRef(ThumbsUpIcon);
 export default ForwardRef;

package/data2/esm/ToolboxIcon.d.ts

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

package/data2/esm/ToolboxIcon.js

@@ -0,0 +1,71 @@
+import * as React from "react";
+
+const sizeMap = {
+  "small": 16,
+  "medium": 32,
+  "large": 64
+};
+
+import { forwardRef } from "react";
+const ToolboxIcon = ({
+  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 72 72",
+  ref: ref,
+  "aria-labelledby": titleId
+}, props), title ? /*#__PURE__*/React.createElement("title", {
+  id: titleId
+}, title) : null, /*#__PURE__*/React.createElement("path", {
+  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))))")),
+  d: "M11.674 11.633h48.652v24.366H11.674z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: colored ? "#ea5a47" : (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.674 35.999h48.652v24.285H11.674z"
+}), /*#__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: "m44.407 29.061-.039 6.938h-2.559l.039-6.938z"
+}), /*#__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: "M38.589 22.089v7.021h9.007v-4.043s6.028 0 8.014 1.986a10.65 10.65 0 0 0-8.014-5.035 39.6 39.6 0 0 0-9.007.07z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: colored ? "#d0cfce" : (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: "M36.283 22.727V28.4a2.235 2.235 0 0 1-2.624 0v-5.674a1.884 1.884 0 0 1 2.624 0zm-8.417 1.177a7 7 0 0 1-.069.905 4.99 4.99 0 0 1-3.152 3.98l-.584.204V36h-3.727v-7.006l-.496-.165a5.05 5.05 0 0 1-3.23-3.98v-.039a4.7 4.7 0 0 1 1.245-4.184 6.1 6.1 0 0 1 1.49-1.041.425.425 0 0 1 .583.38v3.142l.827 1.246h2.9l.827-1.246v-3.143a.412.412 0 0 1 .584-.38 6.4 6.4 0 0 1 1.489 1.042 4.45 4.45 0 0 1 1.313 3.28zm4.557 16.519h7.154v3.613h-7.154z"
+}), /*#__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))))"))
+}, /*#__PURE__*/React.createElement("path", {
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  strokeWidth: 2,
+  d: "M11.674 11.633h48.652v24.366H11.674z"
+}), /*#__PURE__*/React.createElement("path", {
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  strokeWidth: 2.001,
+  d: "M20.334 35.999V28.74l-.496-.165a5.04 5.04 0 0 1-3.23-3.932v-.048a4.57 4.57 0 0 1 1.245-4.135 5.5 5.5 0 0 1 1.489-1.002.43.43 0 0 1 .584.38v3.103l.827 1.246h2.9l.827-1.246v-3.104a.416.416 0 0 1 .584-.38 5.7 5.7 0 0 1 1.488 1.003 4.43 4.43 0 0 1 1.314 3.25 7 7 0 0 1-.069.885 4.91 4.91 0 0 1-3.152 3.941l-.584.205v7.258"
+}), /*#__PURE__*/React.createElement("path", {
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  strokeWidth: 2,
+  d: "M44.368 35.999h15.958v24.287H11.674V35.999h8.66"
+}), /*#__PURE__*/React.createElement("path", {
+  strokeMiterlimit: 10,
+  strokeWidth: 2,
+  d: "M41.809 35.999H24.061m8.362 4.424h7.154v3.613h-7.154z"
+}), /*#__PURE__*/React.createElement("path", {
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  strokeWidth: 2.001,
+  d: "m44.368 35.999.039-6.938h-2.559l-.039 6.938m-3.22-13.959v7.021h9.007V25.02s6.028 0 8.014 1.986a10.65 10.65 0 0 0-8.014-5.036 39.6 39.6 0 0 0-9.007.071zm-2.306.638v5.674h0a2.24 2.24 0 0 1-2.624 0h0v-5.674h0a1.884 1.884 0 0 1 2.624 0"
+})));
+const ForwardRef = forwardRef(ToolboxIcon);
+export default ForwardRef;