@datalayer/icons-react 1.0.14 → 1.0.15

package/data2/OpenstreetmapIcon.js

@@ -6,102 +6,160 @@ const sizeMap = {
   "large": 64
 };
 
-const { forwardRef } = require("react");
-const OpenstreetmapIcon = ({
+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 OpenstreetmapIcon({
   title,
+  titleId,
   size,
   colored,
   themed,
-  titleId,
+  colormode,
   ...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",
+}, svgRef) {
+  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 72 72",
+    fill: (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
-  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: "none",
-  stroke: colored ? "#000" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 38%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 96%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 38%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 96%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 38%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: 2,
-  d: "m21 13-2 5 5 2 2 9-5 5 2 3-3 2v1l5 7 4-2m5.5 11 1.5-3 3-2 7 4 5-1v-4l-2-2 1.5-3.5"
-}), /*#__PURE__*/React.createElement("g", {
-  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))))"))
-}, /*#__PURE__*/React.createElement("path", {
-  fillRule: "evenodd",
-  d: "m25 13-13-1v12l.997 11.04L12 47v12l13 1 11-1 12 1 12-1V47l-.997-11.96L60 24V12l-12 1-12-1z",
-  clipRule: "evenodd"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "m12 12 .077-.997A1 1 0 0 0 11 12zm13 1-.077.997q.084.006.168-.001zM12 24h-1a1 1 0 0 0 .004.09zm.997 11.04.996.083a1 1 0 0 0 0-.173zM12 47l-.996-.083L11 47zm0 12h-1a1 1 0 0 0 .923.997zm13 1-.077.997q.084.006.168-.001zm11-1 .083-.996a1 1 0 0 0-.173 0zm12 1-.083.996a1 1 0 0 0 .166 0zm12-1 .083.996A1 1 0 0 0 61 59zm0-12h1l-.004-.083zm-.997-11.96-.996-.09a1 1 0 0 0 0 .173zM60 24l.996.09A1 1 0 0 0 61 24zm0-12h1a1 1 0 0 0-1.083-.996zm-12 1-.083.996a1 1 0 0 0 .166 0zm-12-1 .083-.996a1 1 0 0 0-.173 0zm-24.077.997 13 1 .154-1.994-13-1zM13 24V12h-2v12zm.993 10.95-.997-11.04-1.992.18.997 11.04zm-.997 12.133.997-11.96L12 34.957l-.996 11.96zM13 59V47h-2v12zm12.077.003-13-1-.154 1.994 13 1zm10.832-.999-11 1 .181 1.992 11-1-.18-1.992zm12.174 1-12-1-.166 1.992 12 1zm11.834-1-12 1 .166 1.992 12-1zM59 47v12h2V47zm-.993-11.877.997 11.96 1.992-.166L60 34.957zm.997-11.213-.997 11.04 1.992.18.997-11.04zM59 12v12h2V12zm-10.917 1.996 12-1-.166-1.992-12 1zm-12.166-1 12 1 .166-1.992-12-1zm-10.827 1 11-1-.18-1.992-11 1z"
-})), /*#__PURE__*/React.createElement("path", {
-  fill: "none",
-  stroke: 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))))")),
-  strokeLinejoin: "round",
-  strokeWidth: 2,
-  d: "m21 13-2 5 5 2 2 9-5 5 2 3-3 2v1l5 7 4-2 4 6-2 6 2 2 3-6 3-2 7 4 5-1v-4l-2-2 3-7 8-1"
-}), /*#__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))))")),
-  fillRule: "evenodd",
-  d: "M16 49a3 3 0 1 0-3-3v8a5 5 0 0 0-1 1v4h8.9a5 5 0 0 0-4.9-6 2 2 0 1 1 0-4m41.25 4.9a2.55 2.55 0 1 0 2.55 2.55v-6.8c.322-.241.608-.528.85-.85v-5.1a4.25 4.25 0 1 0-3.4 6.8 1.7 1.7 0 1 1 0 3.4",
-  clipRule: "evenodd"
-}), /*#__PURE__*/React.createElement("path", {
-  fill: colored ? "#92D3F5" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 73%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 61%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 73%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 61%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 73%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-  fillRule: "evenodd",
-  d: "M48.867 39.867Q47.951 40 47 40c-7.18 0-13-5.82-13-13q0-.952.133-1.867A11 11 0 0 0 28 35c0 6.075 4.925 11 11 11a11 11 0 0 0 9.867-6.133",
-  clipRule: "evenodd"
-}), /*#__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))))")),
-  fillRule: "evenodd",
-  d: "M31.5 19a4.5 4.5 0 0 0 3.742-7h-7.484a4.5 4.5 0 0 0 3.742 7",
-  clipRule: "evenodd"
-}), /*#__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: "M56.707 33.425c3.317-5.199 1.791-12.102-3.407-15.419s-12.1-1.792-15.418 3.407-1.792 12.101 3.406 15.418 12.102 1.792 15.419-3.406"
-}), /*#__PURE__*/React.createElement("path", {
-  fill: colored ? "#92D3F5" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 73%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 61%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 73%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 61%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 73%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-  fillRule: "evenodd",
-  d: "M50.973 14.618A7 7 0 0 1 44 21a4 4 0 0 0 0 8 7 7 0 0 1 5.968 10.66c-.953.222-1.947.34-2.968.34-4.02 0-7.615-1.825-10-4.693V18.693A12.97 12.97 0 0 1 47 14c1.386 0 2.72.217 3.973.618",
-  clipRule: "evenodd"
-}), /*#__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: "M56.764 33.79c1.46-2.29 2.284-6.515 1.698-9.168-.401-1.816-2.655-3.84-3.899-5.158.649 2.354 1.039 7.35-2.185 11.972-2.736 3.92-6.69 5.635-8.948 6.057 4.25 1.283 10.831.218 13.334-3.703"
-}), /*#__PURE__*/React.createElement("path", {
-  fill: colored ? "#61B2E4" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-  fillRule: "evenodd",
-  d: "M50.569 33.575a7.03 7.03 0 0 1 .253 4.001c-2.509.614-5.247.565-7.392-.083 1.795-.336 4.663-1.488 7.139-3.918",
-  clipRule: "evenodd"
-}), /*#__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: "M55.101 15.185a14.43 14.43 0 0 0-10.937-1.937 14.42 14.42 0 0 0-9.104 6.365c-4.304 6.746-2.318 15.737 4.428 20.041 6.745 4.305 15.735 2.32 20.041-4.427a14.42 14.42 0 0 0 1.937-10.937 14.42 14.42 0 0 0-6.365-9.105m1.836 18.388c-2.178 3.415-5.881 5.281-9.66 5.281a11.36 11.36 0 0 1-6.135-1.792c-5.317-3.393-6.882-10.48-3.49-15.795a11.36 11.36 0 0 1 7.175-5.016 11.36 11.36 0 0 1 8.621 1.527 11.36 11.36 0 0 1 5.016 7.174 11.36 11.36 0 0 1-1.527 8.621"
-}), /*#__PURE__*/React.createElement("path", {
-  fill: colored ? "#3F3F3F" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 41%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 93%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 41%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 93%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 41%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-  d: "m34.767 41.21-6.918 10.334-3.711 5.816c-.478.75.38 3.21 1.13 3.688.36.23 2.532.011 2.532.011l11.524-17.192z"
-}), /*#__PURE__*/React.createElement("path", {
-  fill: "none",
-  stroke: 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))))")),
-  strokeLinecap: "round",
-  strokeWidth: 2,
-  d: "M42.5 21H52m-12 3h13m-14 3h13"
-}), /*#__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", {
-  strokeMiterlimit: 10,
-  d: "M59.537 35.067c4.307-6.568 2.327-15.289-4.423-19.48-6.75-4.19-15.712-2.263-20.02 4.304-4.306 6.568-2.325 15.289 4.424 19.48 6.75 4.19 15.712 2.263 20.02-4.304z"
-}), /*#__PURE__*/React.createElement("path", {
-  strokeMiterlimit: 10,
-  d: "M56.639 33.267c3.285-5.01 1.774-11.663-3.374-14.86-5.15-3.196-11.986-1.726-15.272 3.284s-1.774 11.662 3.374 14.859c5.15 3.197 11.986 1.727 15.272-3.283m-21.862 8.177 4.364 2.709-10.396 15.853c-.743 1.133-2.322 1.444-3.526.696-1.205-.748-1.58-2.272-.838-3.405z"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M40 12.333 36 12l-11 1-13-1v12l.997 11.04L12 47v12l9 .692m33.266-47.214L60 12v4.5m-.625 23L60 47v12l-12 1-12-1-3.5.318"
-})));
-const ForwardRef = forwardRef(OpenstreetmapIcon);
+    "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: "none",
+    stroke: colored ? "#000" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 38%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 96%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 38%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 96%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 38%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M21 13l-2 5 5 2 2 9-5 5 2 3-3 2v1l5 7 4-2m5.5 11l1.5-3 3-2 7 4 5-1v-4l-2-2 1.5-3.5"
+  }), /*#__PURE__*/React.createElement("g", {
+    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))))"))
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M25 13l-13-1v12l.997 11.04L12 47v12l13 1 11-1 12 1 12-1V47l-.997-11.96L60 24V12l-12 1-12-1-11 1z",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12 12l.077-.997A1 1 0 0011 12h1zm13 1l-.077.997c.056.004.112.004.168-.001L25 13zM12 24h-1a1 1 0 00.004.09L12 24zm.997 11.04l.996.083a.998.998 0 000-.173l-.996.09zM12 47l-.996-.083A1 1 0 0011 47h1zm0 12h-1a1 1 0 00.923.997L12 59zm13 1l-.077.997c.056.004.112.004.168-.001L25 60zm11-1l.083-.996a.995.995 0 00-.173 0L36 59zm12 1l-.083.996a.92.92 0 00.166 0L48 60zm12-1l.083.996A1 1 0 0061 59h-1zm0-12h1a1 1 0 00-.004-.083L60 47zm-.997-11.96l-.996-.09a.998.998 0 000 .173l.996-.083zM60 24l.996.09A1 1 0 0061 24h-1zm0-12h1a1 1 0 00-1.083-.996L60 12zm-12 1l-.083.996a.92.92 0 00.166 0L48 13zm-12-1l.083-.996a.995.995 0 00-.173 0L36 12zm-24.077.997l13 1 .154-1.994-13-1-.154 1.994zM13 24V12h-2v12h2zm.993 10.95l-.997-11.04-1.992.18.997 11.04 1.992-.18zm-.997 12.133l.997-11.96L12 34.957l-.996 11.96 1.992.166zM13 59V47h-2v12h2zm12.077.003l-13-1-.154 1.994 13 1 .154-1.994zm10.832-.999l-11 1 .181 1.992 11-1-.18-1.992zm12.174 1l-12-1-.166 1.992 12 1 .166-1.992zm11.834-1l-12 1 .166 1.992 12-1-.166-1.992zM59 47v12h2V47h-2zm-.993-11.877l.997 11.96 1.992-.166L60 34.957l-1.993.166zm.997-11.213l-.997 11.04 1.992.18.997-11.04-1.992-.18zM59 12v12h2V12h-2zm-10.917 1.996l12-1-.166-1.992-12 1 .166 1.992zm-12.166-1l12 1 .166-1.992-12-1-.166 1.992zm-10.827 1l11-1-.18-1.992-11 1 .18 1.992z"
+  })), /*#__PURE__*/React.createElement("path", {
+    fill: "none",
+    stroke: 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))))")),
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M21 13l-2 5 5 2 2 9-5 5 2 3-3 2v1l5 7 4-2 4 6-2 6 2 2 3-6 3-2 7 4 5-1v-4l-2-2 3-7 8-1"
+  }), /*#__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))))")),
+    fillRule: "evenodd",
+    d: "M16 49a3 3 0 10-3-3v8a5.029 5.029 0 00-1 1v4h8.9a5 5 0 00-4.9-6 2 2 0 110-4zm41.25 4.9a2.55 2.55 0 102.55 2.55v-6.8c.322-.241.608-.528.85-.85v-5.1a4.25 4.25 0 10-3.4 6.8 1.7 1.7 0 110 3.4z",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: colored ? "#92D3F5" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 73%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 61%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 73%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 61%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 73%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    fillRule: "evenodd",
+    d: "M48.867 39.867c-.61.088-1.233.133-1.867.133-7.18 0-13-5.82-13-13 0-.634.045-1.258.133-1.867A11 11 0 0028 35c0 6.075 4.925 11 11 11a11 11 0 009.867-6.133z",
+    clipRule: "evenodd"
+  }), /*#__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))))")),
+    fillRule: "evenodd",
+    d: "M31.5 19a4.5 4.5 0 003.742-7h-7.484a4.5 4.5 0 003.742 7z",
+    clipRule: "evenodd"
+  }), /*#__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: "M56.707 33.425c3.317-5.199 1.791-12.102-3.407-15.419s-12.1-1.792-15.418 3.407c-3.318 5.198-1.792 12.101 3.406 15.418 5.199 3.317 12.102 1.792 15.419-3.406z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: colored ? "#92D3F5" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 73%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 61%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 73%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 61%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 73%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    fillRule: "evenodd",
+    d: "M50.973 14.618A7 7 0 0144 21a4 4 0 000 8 7 7 0 015.968 10.66c-.953.222-1.947.34-2.968.34-4.02 0-7.615-1.825-10-4.693V18.693A12.973 12.973 0 0147 14c1.386 0 2.72.217 3.973.618z",
+    clipRule: "evenodd"
+  }), /*#__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: "M56.764 33.79c1.46-2.29 2.284-6.515 1.698-9.168-.401-1.816-2.655-3.84-3.899-5.158.649 2.354 1.039 7.35-2.185 11.972-2.736 3.92-6.69 5.635-8.948 6.057 4.25 1.283 10.831.218 13.334-3.703z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: colored ? "#61B2E4" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    fillRule: "evenodd",
+    d: "M50.569 33.575a7.026 7.026 0 01.253 4.001c-2.509.614-5.247.565-7.392-.083 1.795-.336 4.663-1.488 7.139-3.918z",
+    clipRule: "evenodd"
+  }), /*#__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: "M55.101 15.185a14.432 14.432 0 00-10.937-1.937 14.424 14.424 0 00-9.104 6.365c-4.304 6.746-2.318 15.737 4.428 20.041 6.745 4.305 15.735 2.32 20.041-4.427a14.417 14.417 0 001.937-10.937 14.42 14.42 0 00-6.365-9.105zm1.836 18.388c-2.178 3.415-5.881 5.281-9.66 5.281a11.36 11.36 0 01-6.135-1.792c-5.317-3.393-6.882-10.48-3.49-15.795a11.361 11.361 0 017.175-5.016 11.363 11.363 0 018.621 1.527 11.36 11.36 0 015.016 7.174 11.36 11.36 0 01-1.527 8.621z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: colored ? "#3F3F3F" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 41%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 93%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 41%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 93%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 41%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    d: "M34.767 41.21l-6.918 10.334-3.711 5.816c-.478.75.38 3.21 1.13 3.688.36.23 2.532.011 2.532.011l11.524-17.192-4.557-2.658z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "none",
+    stroke: 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))))")),
+    strokeLinecap: "round",
+    strokeWidth: 2,
+    d: "M42.5 21H52m-12 3h13m-14 3h13"
+  }), /*#__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", {
+    strokeMiterlimit: 10,
+    d: "M59.537 35.067c4.307-6.568 2.327-15.289-4.423-19.48-6.75-4.19-15.712-2.263-20.02 4.304-4.306 6.568-2.325 15.289 4.424 19.48 6.75 4.19 15.712 2.263 20.02-4.304z"
+  }), /*#__PURE__*/React.createElement("path", {
+    strokeMiterlimit: 10,
+    d: "M56.639 33.267c3.285-5.01 1.774-11.663-3.374-14.86-5.15-3.196-11.986-1.726-15.272 3.284-3.285 5.01-1.774 11.662 3.374 14.859 5.15 3.197 11.986 1.727 15.272-3.283zm-21.862 8.177l4.364 2.709-10.396 15.853c-.743 1.133-2.322 1.444-3.526.696-1.205-.748-1.58-2.272-.838-3.405l10.396-15.853z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M40 12.333L36 12l-11 1-13-1v12l.997 11.04L12 47v12l9 .692m33.266-47.214L60 12v4.5m-.625 23L60 47v12l-12 1-12-1-3.5.318"
+  })));
+  if (!colormode) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormode === "string" ? colormode : undefined
+  }, _svgEl);
+}
+const ForwardRef = React.forwardRef(OpenstreetmapIcon);
 module.exports = ForwardRef;

package/data2/PackageIcon.js

@@ -6,49 +6,107 @@ const sizeMap = {
   "large": 64
 };
 
-const { forwardRef } = require("react");
-const PackageIcon = ({
+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 PackageIcon({
   title,
+  titleId,
   size,
   colored,
   themed,
-  titleId,
+  colormode,
   ...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",
+}, svgRef) {
+  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 72 72",
+    fill: (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
-  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 ? "#f4aa41" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 70%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-  d: "M35.572 66.664a1 1 0 0 1-.5-.134L9.382 51.698a1 1 0 0 1-.5-.866V21.168a1 1 0 0 1 .5-.866L35.072 5.47a1 1 0 0 1 1 0l25.69 14.832a1 1 0 0 1 .003 1.731L36.629 36.61l-.057 29.056a1 1 0 0 1-1 .998"
-}), /*#__PURE__*/React.createElement("path", {
-  fill: colored ? "#f4aa41" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 70%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-  d: "m35.572 65 25.69-14.168.176-29.515-26.236 14.716z"
-}), /*#__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: "M44.441 37.978a2.47 2.47 0 0 1-1.249-2.163v-4.172l-25.07-14.529a1 1 0 0 1 0-1.73l8.26-4.792a1 1 0 0 1 1.002-.001l25.638 14.801a1 1 0 0 1 .5.867v6.024a3.29 3.29 0 0 1-1.64 2.84l-4.945 2.855a2.47 2.47 0 0 1-2.496 0m.897 22.363a1 1 0 0 1-.5-.866v-3.336a2.98 2.98 0 0 1 1.485-2.572l6.073-3.507a1.847 1.847 0 0 1 2.77 1.6v3.007a1 1 0 0 1-.5.866l-8.328 4.809a1 1 0 0 1-1 0z"
-}), /*#__PURE__*/React.createElement("path", {
-  fill: colored ? "#3f3f3f" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 41%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 93%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 41%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 93%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 41%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-  d: "M44.427 45.946v.869a1.497 1.497 0 0 0 2.245 1.296l6.805-3.76a2.28 2.28 0 0 0 1.14-1.975v-1.118a1.444 1.444 0 0 0-2.166-1.25l-6.745 3.724a2.56 2.56 0 0 0-1.279 2.214"
-}), /*#__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: "m31.083 38.917-8.298-4.653v7.442l8.298 4.653z"
-}), /*#__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: "M61.262 21.168 35.572 6.336 9.882 21.168v29.664l25.69 14.832 25.69-14.832zm-25.69 14.865v29.631m.058-29.631L9.94 21.201m42.577 5.049 8.745-5.049m-25.69 14.832 8.616-4.974"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "m26.884 11.457 25.638 14.801v6.025a2.28 2.28 0 0 1-1.14 1.975l-4.944 2.854a1.497 1.497 0 0 1-2.245-1.296v-4.749L18.623 16.25m12.46 22.667-8.298-4.653v7.442l8.298 4.653zm23.084 15.749V51.66a.847.847 0 0 0-1.271-.734l-6.073 3.506a1.97 1.97 0 0 0-.985 1.707v3.336m-1.411-13.529v.869a1.497 1.497 0 0 0 2.245 1.296l6.805-3.76a2.28 2.28 0 0 0 1.14-1.975v-1.118a1.444 1.444 0 0 0-2.166-1.25l-6.745 3.724a2.56 2.56 0 0 0-1.279 2.214"
-})));
-const ForwardRef = forwardRef(PackageIcon);
+    "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 ? "#f4aa41" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 70%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    d: "M35.572 66.664a1.003 1.003 0 01-.5-.134L9.382 51.698a1 1 0 01-.5-.866V21.168a1 1 0 01.5-.866L35.072 5.47a1.004 1.004 0 011 0l25.69 14.832a1 1 0 01.003 1.731L36.629 36.61l-.057 29.056a1 1 0 01-1 .998z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: colored ? "#f4aa41" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 70%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    d: "M35.572 65l25.69-14.168.176-29.515-26.236 14.716.37 28.967z"
+  }), /*#__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: "M44.441 37.978a2.471 2.471 0 01-1.249-2.163v-4.172l-25.07-14.529a1 1 0 010-1.73l8.26-4.792a1.003 1.003 0 011.002-.001l25.638 14.801a1 1 0 01.5.867v6.024a3.29 3.29 0 01-1.64 2.84l-4.945 2.855a2.474 2.474 0 01-2.496 0zm.897 22.363a1 1 0 01-.5-.866v-3.336a2.978 2.978 0 011.485-2.572l6.073-3.507a1.847 1.847 0 012.77 1.6v3.007a1 1 0 01-.5.866l-8.328 4.809a1.001 1.001 0 01-1 0z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: colored ? "#3f3f3f" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 41%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 93%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 41%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 93%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 41%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    d: "M44.427 45.946v.869a1.497 1.497 0 002.245 1.296l6.805-3.76a2.28 2.28 0 001.14-1.975v-1.118a1.444 1.444 0 00-2.166-1.25l-6.745 3.724a2.557 2.557 0 00-1.279 2.214z"
+  }), /*#__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: "M31.083 38.917l-8.298-4.653v7.442l8.298 4.653v-7.442z"
+  }), /*#__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: "M61.262 21.168L35.572 6.336 9.882 21.168v29.664l25.69 14.832 25.69-14.832V21.168zm-25.69 14.865v29.631m.058-29.631L9.94 21.201m42.577 5.049l8.745-5.049m-25.69 14.832l8.616-4.974"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M26.884 11.457l25.638 14.801v6.025a2.28 2.28 0 01-1.14 1.975l-4.944 2.854a1.497 1.497 0 01-2.245-1.296v-4.749L18.623 16.25m12.46 22.667l-8.298-4.653v7.442l8.298 4.653v-7.442zm23.084 15.749V51.66a.847.847 0 00-1.271-.734l-6.073 3.506a1.97 1.97 0 00-.985 1.707v3.336m-1.411-13.529v.869a1.497 1.497 0 002.245 1.296l6.805-3.76a2.28 2.28 0 001.14-1.975v-1.118a1.444 1.444 0 00-2.166-1.25l-6.745 3.724a2.557 2.557 0 00-1.279 2.214z"
+  })));
+  if (!colormode) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormode === "string" ? colormode : undefined
+  }, _svgEl);
+}
+const ForwardRef = React.forwardRef(PackageIcon);
 module.exports = ForwardRef;