@datalayer/icons-react 1.0.14 → 1.0.15

package/data1/esm/ApacheSparkIcon.js

@@ -6,35 +6,93 @@ const sizeMap = {
   "large": 64
 };
 
-import { forwardRef } from "react";
-const ApacheSparkIcon = ({
+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 ApacheSparkIcon({
   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 388.112 201.85",
+    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 388.112 201.85",
-  ref: ref,
-  "aria-labelledby": titleId
-}, props), title ? /*#__PURE__*/React.createElement("title", {
-  id: titleId
-}, title) : null, /*#__PURE__*/React.createElement("path", {
-  fill: colored ? "#e25a1c" : (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))))")),
-  fillRule: "evenodd",
-  d: "M355.027 101.84c-.335-.715-.486-1.076-.668-1.422-4.863-9.245-9.714-18.496-14.62-27.718-.495-.926-.434-1.478.244-2.269 7.733-9.035 15.427-18.106 23.13-27.169.27-.317.513-.657.617-1.222-2.253.589-4.505 1.17-6.755 1.766-9.345 2.476-18.693 4.945-28.029 7.455-.871.234-1.266-.021-1.699-.742-5.306-8.864-10.642-17.709-15.972-26.558-.276-.46-.573-.906-1.159-1.292-.429 2.361-.865 4.721-1.285 7.083q-2.226 12.511-4.445 25.024c-.161.9-.384 1.796-.46 2.704-.075.861-.516 1.179-1.295 1.424-11.014 3.457-22.016 6.948-33.019 10.436-.483.152-.955.35-1.473.821l27.142 10.787c-.332.264-.549.467-.792.626-5.628 3.641-11.264 7.268-16.878 10.928-.671.437-1.205.5-1.96.16-6.721-3.027-13.469-5.997-20.2-9.003-3.022-1.35-5.741-3.143-7.859-5.732-4.786-5.856-3.84-12.517 2.537-16.586 2.087-1.331 4.456-2.33 6.82-3.101 10.786-3.514 21.613-6.902 32.436-10.303.906-.283 1.327-.69 1.496-1.672a3379 3379 0 0 1 4.441-25.025c.805-4.457 1.233-9.03 3.403-13.115.832-1.57 1.831-3.109 3.019-4.425 4.295-4.767 10.291-4.952 14.833-.41 1.533 1.533 2.852 3.341 3.99 5.196 5.005 8.159 9.928 16.37 14.824 24.595.579.973 1.101 1.169 2.173.881 12.067-3.235 24.147-6.42 36.227-9.61 2.491-.658 5.011-.9 7.569-.422 5.567 1.042 8.001 5.281 6.117 10.659-.857 2.451-2.336 4.52-4 6.475-8.428 9.912-16.843 19.836-25.3 29.723-.692.808-.707 1.393-.228 2.295 5.045 9.51 10.046 19.043 15.066 28.566 1.201 2.28 2.118 4.645 2.145 7.263.06 5.954-4.294 10.826-10.21 11.693-3.314.487-6.393-.221-9.498-1.18a3100 3100 0 0 0-22.73-6.92c-.702-.21-.97-.485-1.095-1.242-.872-5.337-1.823-10.663-2.743-15.992-.027-.147.017-.305.04-.631l26.104 7.201"
-}), /*#__PURE__*/React.createElement("path", {
-  fill: colored ? "#3c3a3e" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 40%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 94%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 40%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 94%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 40%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-  fillRule: "evenodd",
-  d: "M340.275 179.571c-6.824-.012-13.648-.043-20.473-.016-.9.002-1.41-.26-1.913-1.026-8.079-12.305-16.194-24.587-24.303-36.873-.259-.391-.534-.768-.992-1.426-1.747 13.27-3.453 26.244-5.163 39.25h-17.87c.209-1.741.393-3.424.613-5.1q2.619-19.987 5.247-39.97c1.673-12.73 3.34-25.46 5.038-38.188.05-.38.302-.859.612-1.06 6.149-4.01 12.319-7.984 18.489-11.962.09-.059.215-.065.534-.156l-5.572 42.48.22.151 29.25-32.421c.287 1.65.534 3.062.777 4.475.693 4.046 1.358 8.098 2.101 12.135.15.814-.066 1.32-.609 1.886-6.26 6.551-12.496 13.125-18.737 19.692-.273.287-.534.584-.844.924.199.319.369.625.57.909a95397 95397 0 0 0 32.307 45.325c.195.274.477.489.718.732zm-211.82-39.283c-.273-1.393-.468-3.438-1.086-5.348-2.992-9.234-12.467-14.297-22.274-12.014-10.758 2.503-18.446 10.96-19.558 21.938-.823 8.12 3.55 15.942 11.68 18.878 6.55 2.367 12.855 1.377 18.71-2.134 7.761-4.656 11.97-11.569 12.528-21.32m-47.242 34.32c-.53 3.973-1.037 7.717-1.53 11.464a2756 2756 0 0 0-1.934 14.943c-.073.582-.25.838-.874.834-4.909-.02-9.817-.015-14.726-.022-.111 0-.223-.062-.49-.137.297-2.35.586-4.709.895-7.065 1.083-8.26 2.163-16.521 3.262-24.78 1.257-9.443 2.253-18.932 3.862-28.315 2.85-16.614 16.945-30.932 33.485-34.497 9.589-2.068 18.766-1.111 27.137 4.284 8.349 5.381 13.137 13.19 14.229 23.012 1.543 13.888-3.568 25.416-13.433 34.954-6.474 6.26-14.225 10.24-23.166 11.585-9.21 1.389-17.869-.148-25.638-5.578-.286-.198-.59-.372-1.08-.681m-7.998-78.949-16.142 12.016c-.86-1.355-1.629-2.705-2.527-3.962-2.313-3.231-5.185-5.646-9.362-5.939-3.474-.243-6.445.901-8.81 3.463-2.115 2.29-2.391 5.547-.415 8.134 2.176 2.848 4.557 5.55 6.989 8.185 4.03 4.37 8.244 8.573 12.249 12.967 3.644 3.996 6.549 8.481 7.446 13.946 1.067 6.497-.23 12.684-3.303 18.394-5.687 10.566-14.642 16.696-26.465 18.615-5.221.846-10.428.678-15.523-.822-6.761-1.99-11.467-6.422-14.494-12.68C1.788 165.767.97 163.433 0 161.062l17.504-9.367c.203.486.346.89.535 1.27.995 1.991 1.81 4.106 3.042 5.939 3.654 5.433 9.557 7.087 15.546 4.4a17.1 17.1 0 0 0 4.28-2.782c3.86-3.425 4.583-8.193 1.727-12.503-1.641-2.477-3.694-4.697-5.692-6.915-4.776-5.304-9.745-10.438-14.41-15.837-3.216-3.721-5.401-8.061-6.093-13.045-.755-5.442.333-10.577 3.165-15.16 7.041-11.387 17.272-17.312 30.804-16.82 7.715.279 13.858 3.886 18.627 9.88 1.41 1.773 2.733 3.617 4.179 5.54M203.93 156.8c-.897 6.86-1.744 13.38-2.624 19.895-.045.33-.304.779-.585.91-13.32 6.169-30.86 5.308-41.799-7.115-5.877-6.674-8.343-14.595-7.974-23.408.852-20.4 17.766-38.208 37.992-40.696 11.818-1.454 22.181 1.737 30.188 10.917 5.452 6.254 7.975 13.722 7.602 21.963-.245 5.444-1.099 10.864-1.776 16.283-.96 7.675-2.009 15.34-3.023 23.009-.036.272-.091.542-.152.888h-15.935c.212-1.762.406-3.487.63-5.208 1.154-8.858 2.422-17.702 3.434-26.575.63-5.527.233-11.012-2.294-16.13-2.689-5.44-7.196-8.318-13.125-8.947-12.27-1.298-23.944 7.228-26.561 19.303-1.73 7.97.996 15.61 7.343 19.835 6.188 4.116 12.814 4.13 19.557 1.46 3.418-1.352 6.33-3.494 9.102-6.384m67.099-48.866-2.176 16.523c-3.37 0-6.673-.02-9.975.007-2.677.02-5.12 1.748-5.923 4.247-.315.978-.431 2.024-.566 3.05-1.677 12.685-3.34 25.372-5.004 38.06-.42 3.198-.829 6.4-1.249 9.647H229.55c.31-2.44.602-4.8.911-7.158a14571 14571 0 0 1 3.25-24.661c.944-7.113 1.785-14.241 2.896-21.328 1.49-9.5 10.942-17.935 20.528-18.352 4.574-.2 9.164-.034 13.894-.034"
-}), /*#__PURE__*/React.createElement("path", {
-  fill: colored ? "#3c3a3e" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 40%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 94%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 40%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 94%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 40%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-  d: "M359.829 179.468v-7.002h-.04l-2.748 7.002h-.876l-2.748-7.002h-.04v7.002h-1.385v-8.386h2.137l2.503 6.37 2.464-6.37h2.118v8.386zm-12.173-7.265v7.265h-1.384v-7.265h-2.626v-1.122h6.636v1.121h-2.626M95.432 83.885h4.112l-.97-6.226zm4.758 4.023h-6.842l-2.173 4.257H86.33l10.687-19.966h4.671l3.64 19.966h-4.493zm24.479-11.688h-2.438l-.82 4.61h2.436c1.47 0 2.644-.968 2.644-2.79 0-1.204-.736-1.82-1.822-1.82m-5.902-4.021h6.403c3.347 0 5.695 1.996 5.695 5.43 0 4.317-3.054 7.223-7.4 7.223h-2.759l-1.293 7.313h-4.168zm26.261 11.686h4.112l-.97-6.226zm4.757 4.023h-6.841l-2.174 4.257h-4.845l10.687-19.966h4.67l3.64 19.966h-4.49zm27.049 3.552c-1.409.645-2.964 1.029-4.521 1.029-5.284 0-8.604-3.966-8.604-8.928 0-6.343 5.344-11.687 11.687-11.687 1.585 0 3.025.381 4.199 1.027l-.588 4.788c-.88-.97-2.29-1.645-4.052-1.645-3.64 0-6.87 3.29-6.87 7.106 0 2.906 1.82 5.17 4.699 5.17 1.762 0 3.463-.676 4.608-1.616l-.558 4.755m25.481-7.34h-8.691l-1.411 8.046h-4.168l3.523-19.966h4.17l-1.41 7.898h8.692l1.407-7.898h4.17l-3.52 19.966h-4.17zm15.291 8.046 3.521-19.966H232.2l-.705 4.021h-6.902l-.702 3.877h6.34l-.703 4.022h-6.343l-.705 4.023h6.901l-.705 4.023h-11.069"
-}));
-const ForwardRef = forwardRef(ApacheSparkIcon);
+    "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 ? "#e25a1c" : (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))))")),
+    fillRule: "evenodd",
+    d: "M355.027 101.84c-.335-.715-.486-1.076-.668-1.422-4.863-9.245-9.714-18.496-14.62-27.718-.495-.926-.434-1.478.244-2.269 7.733-9.035 15.427-18.106 23.13-27.169.27-.317.513-.657.617-1.222-2.253.589-4.505 1.17-6.755 1.766-9.345 2.476-18.693 4.945-28.029 7.455-.871.234-1.266-.021-1.699-.742-5.306-8.864-10.642-17.709-15.972-26.558-.276-.46-.573-.906-1.159-1.292-.429 2.361-.865 4.721-1.285 7.083-1.485 8.34-2.965 16.683-4.445 25.024-.161.9-.384 1.796-.46 2.704-.075.861-.516 1.179-1.295 1.424-11.014 3.457-22.016 6.948-33.019 10.436-.483.152-.955.35-1.473.821l27.142 10.787c-.332.264-.549.467-.792.626-5.628 3.641-11.264 7.268-16.878 10.928-.671.437-1.205.5-1.96.16-6.721-3.027-13.469-5.997-20.2-9.003-3.022-1.35-5.741-3.143-7.859-5.732-4.786-5.856-3.84-12.517 2.537-16.586 2.087-1.331 4.456-2.33 6.82-3.101 10.786-3.514 21.613-6.902 32.436-10.303.906-.283 1.327-.69 1.496-1.672a3379.11 3379.11 0 014.441-25.025c.805-4.457 1.233-9.03 3.403-13.115.832-1.57 1.831-3.109 3.019-4.425 4.295-4.767 10.291-4.952 14.833-.41 1.533 1.533 2.852 3.341 3.99 5.196 5.005 8.159 9.928 16.37 14.824 24.595.579.973 1.101 1.169 2.173.881 12.067-3.235 24.147-6.42 36.227-9.61 2.491-.658 5.011-.9 7.569-.422 5.567 1.042 8.001 5.281 6.117 10.659-.857 2.451-2.336 4.52-4 6.475-8.428 9.912-16.843 19.836-25.3 29.723-.692.808-.707 1.393-.228 2.295 5.045 9.51 10.046 19.043 15.066 28.566 1.201 2.28 2.118 4.645 2.145 7.263.06 5.954-4.294 10.826-10.21 11.693-3.314.487-6.393-.221-9.498-1.18a3100.033 3100.033 0 00-22.73-6.92c-.702-.21-.97-.485-1.095-1.242-.872-5.337-1.823-10.663-2.743-15.992-.027-.147.017-.305.04-.631l26.104 7.201"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: colored ? "#3c3a3e" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 40%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 94%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 40%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 94%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 40%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    fillRule: "evenodd",
+    d: "M340.275 179.571c-6.824-.012-13.648-.043-20.473-.016-.9.002-1.41-.26-1.913-1.026-8.079-12.305-16.194-24.587-24.303-36.873-.259-.391-.534-.768-.992-1.426-1.747 13.27-3.453 26.244-5.163 39.25h-17.87c.209-1.741.393-3.424.613-5.1 1.745-13.324 3.496-26.648 5.247-39.97 1.673-12.73 3.34-25.46 5.038-38.188.05-.38.302-.859.612-1.06 6.149-4.01 12.319-7.984 18.489-11.962.09-.059.215-.065.534-.156l-5.572 42.48.22.151 29.25-32.421c.287 1.65.534 3.062.777 4.475.693 4.046 1.358 8.098 2.101 12.135.15.814-.066 1.32-.609 1.886-6.26 6.551-12.496 13.125-18.737 19.692-.273.287-.534.584-.844.924.199.319.369.625.57.909a95397.154 95397.154 0 0032.307 45.325c.195.274.477.489.718.732v.24m-211.82-39.283c-.273-1.393-.468-3.438-1.086-5.348-2.992-9.234-12.467-14.297-22.274-12.014-10.758 2.503-18.446 10.96-19.558 21.938-.823 8.12 3.55 15.942 11.68 18.878 6.55 2.367 12.855 1.377 18.71-2.134 7.761-4.656 11.97-11.569 12.528-21.32zm-47.242 34.32c-.53 3.973-1.037 7.717-1.53 11.464a2756.23 2756.23 0 00-1.934 14.943c-.073.582-.25.838-.874.834-4.909-.02-9.817-.015-14.726-.022-.111 0-.223-.062-.49-.137.297-2.35.586-4.709.895-7.065 1.083-8.26 2.163-16.521 3.262-24.78 1.257-9.443 2.253-18.932 3.862-28.315 2.85-16.614 16.945-30.932 33.485-34.497 9.589-2.068 18.766-1.111 27.137 4.284 8.349 5.381 13.137 13.19 14.229 23.012 1.543 13.888-3.568 25.416-13.433 34.954-6.474 6.26-14.225 10.24-23.166 11.585-9.21 1.389-17.869-.148-25.638-5.578-.286-.198-.59-.372-1.08-.681m-7.998-78.949l-16.142 12.016c-.86-1.355-1.629-2.705-2.527-3.962-2.313-3.231-5.185-5.646-9.362-5.939-3.474-.243-6.445.901-8.81 3.463-2.115 2.29-2.391 5.547-.415 8.134 2.176 2.848 4.557 5.55 6.989 8.185 4.03 4.37 8.244 8.573 12.249 12.967 3.644 3.996 6.549 8.481 7.446 13.946 1.067 6.497-.23 12.684-3.303 18.394-5.687 10.566-14.642 16.696-26.465 18.615-5.221.846-10.428.678-15.523-.822-6.761-1.99-11.467-6.422-14.494-12.68C1.788 165.767.97 163.433 0 161.062l17.504-9.367c.203.486.346.89.535 1.27.995 1.991 1.81 4.106 3.042 5.939 3.654 5.433 9.557 7.087 15.546 4.4a17.137 17.137 0 004.28-2.782c3.86-3.425 4.583-8.193 1.727-12.503-1.641-2.477-3.694-4.697-5.692-6.915-4.776-5.304-9.745-10.438-14.41-15.837-3.216-3.721-5.401-8.061-6.093-13.045-.755-5.442.333-10.577 3.165-15.16 7.041-11.387 17.272-17.312 30.804-16.82 7.715.279 13.858 3.886 18.627 9.88 1.41 1.773 2.733 3.617 4.179 5.54M203.93 156.8c-.897 6.86-1.744 13.38-2.624 19.895-.045.33-.304.779-.585.91-13.32 6.169-30.86 5.308-41.799-7.115-5.877-6.674-8.343-14.595-7.974-23.408.852-20.4 17.766-38.208 37.992-40.696 11.818-1.454 22.181 1.737 30.188 10.917 5.452 6.254 7.975 13.722 7.602 21.963-.245 5.444-1.099 10.864-1.776 16.283-.96 7.675-2.009 15.34-3.023 23.009-.036.272-.091.542-.152.888h-15.935c.212-1.762.406-3.487.63-5.208 1.154-8.858 2.422-17.702 3.434-26.575.63-5.527.233-11.012-2.294-16.13-2.689-5.44-7.196-8.318-13.125-8.947-12.27-1.298-23.944 7.228-26.561 19.303-1.73 7.97.996 15.61 7.343 19.835 6.188 4.116 12.814 4.13 19.557 1.46 3.418-1.352 6.33-3.494 9.102-6.384m67.099-48.866l-2.176 16.523c-3.37 0-6.673-.02-9.975.007-2.677.02-5.12 1.748-5.923 4.247-.315.978-.431 2.024-.566 3.05-1.677 12.685-3.34 25.372-5.004 38.06-.42 3.198-.829 6.4-1.249 9.647H229.55c.31-2.44.602-4.8.911-7.158a14570.69 14570.69 0 013.25-24.661c.944-7.113 1.785-14.241 2.896-21.328 1.49-9.5 10.942-17.935 20.528-18.352 4.574-.2 9.164-.034 13.894-.034"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: colored ? "#3c3a3e" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 40%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 94%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 40%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 94%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 40%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    d: "M359.829 179.468v-7.002h-.04l-2.748 7.002h-.876l-2.748-7.002h-.04v7.002h-1.385v-8.386h2.137l2.503 6.37 2.464-6.37h2.118v8.386h-1.385zm-12.173-7.265v7.265h-1.384v-7.265h-2.626v-1.122h6.636v1.121h-2.626M95.432 83.885h4.112l-.97-6.226-3.142 6.226zm4.758 4.023h-6.842l-2.173 4.257H86.33l10.687-19.966h4.671l3.64 19.966h-4.493l-.645-4.257m24.479-11.688h-2.438l-.82 4.61h2.436c1.47 0 2.644-.968 2.644-2.79 0-1.204-.736-1.82-1.822-1.82zm-5.902-4.021h6.403c3.347 0 5.695 1.996 5.695 5.43 0 4.317-3.054 7.223-7.4 7.223h-2.759l-1.293 7.313h-4.168l3.522-19.966m26.261 11.686h4.112l-.97-6.226-3.142 6.226zm4.757 4.023h-6.841l-2.174 4.257h-4.845l10.687-19.966h4.67l3.64 19.966h-4.49l-.647-4.257m27.049 3.552c-1.409.645-2.964 1.029-4.521 1.029-5.284 0-8.604-3.966-8.604-8.928 0-6.343 5.344-11.687 11.687-11.687 1.585 0 3.025.381 4.199 1.027l-.588 4.788c-.88-.97-2.29-1.645-4.052-1.645-3.64 0-6.87 3.29-6.87 7.106 0 2.906 1.82 5.17 4.699 5.17 1.762 0 3.463-.676 4.608-1.616l-.558 4.755m25.481-7.34h-8.691l-1.411 8.046h-4.168l3.523-19.966h4.17l-1.41 7.898h8.692l1.407-7.898h4.17l-3.52 19.966h-4.17l1.408-8.046m15.291 8.046l3.521-19.966H232.2l-.705 4.021h-6.902l-.702 3.877h6.34l-.703 4.022h-6.343l-.705 4.023h6.901l-.705 4.023h-11.069"
+  }));
+  if (!colormode) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormode === "string" ? colormode : undefined
+  }, _svgEl);
+}
+const ForwardRef = React.forwardRef(ApacheSparkIcon);
 export default ForwardRef;

package/data1/esm/AppleRainbowIcon.js

@@ -6,91 +6,149 @@ const sizeMap = {
   "large": 64
 };
 
-import { forwardRef } from "react";
-const AppleRainbowIcon = ({
+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 AppleRainbowIcon({
   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",
+    overflow: "visible",
+    viewBox: "0 0 550 550",
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
-  overflow: "visible",
-  viewBox: "0 0 550 550",
-  ref: ref,
-  "aria-labelledby": titleId
-}, props), title ? /*#__PURE__*/React.createElement("title", {
-  id: titleId
-}, title) : null, /*#__PURE__*/React.createElement("path", {
-  fill: colored ? "#61bb46" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 63%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-  fillRule: "evenodd",
-  stroke: colored ? "#61bb46" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 63%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-  strokeMiterlimit: 2.613,
-  strokeWidth: 2.985,
-  d: "M25.824 200.612c.166-.273.342-.542.518-.806 28.447-43.799 73.32-69.434 115.518-69.434 42.969 0 69.98 23.555 105.498 23.555 34.463 0 55.454-23.589 105.132-23.589 37.534 0 77.329 20.439 105.674 55.781-7.837 4.292-14.907 9.165-21.226 14.521z",
-  clipRule: "evenodd",
-  transform: "matrix(.98693 0 0 .99106 27.5 .907)"
-}), /*#__PURE__*/React.createElement("path", {
-  fill: colored ? "#61bb46" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 63%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-  fillRule: "evenodd",
-  stroke: colored ? "#61bb46" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 63%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-  strokeMiterlimit: 2.613,
-  strokeWidth: 2.985,
-  d: "M314.808 90.875c18.032-23.159 31.748-55.859 26.777-89.292-29.482 2.021-63.965 20.791-84.106 45.225-18.276 22.197-33.364 55.117-27.49 87.095 32.187 1.001 65.483-18.218 84.819-43.028z",
-  clipRule: "evenodd",
-  transform: "matrix(.98693 0 0 .99106 27.5 .907)"
-}), /*#__PURE__*/React.createElement("path", {
-  fill: colored ? "#fdb827" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 75%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 59%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 75%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 59%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 75%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-  fillRule: "evenodd",
-  d: "M51.539 199.086c-12.09 19.021-20.456 46.284-22.676 70.197l392.241-.01c4.241-26.161 18.343-51.156 40.694-70.158zh.024z",
-  clipRule: "evenodd"
-}), /*#__PURE__*/React.createElement("path", {
-  fill: colored ? "#f5821f" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 65%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 69%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 65%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 69%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 65%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-  fillRule: "evenodd",
-  stroke: colored ? "#f5821f" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 65%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 69%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 65%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 69%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 65%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-  strokeMiterlimit: 2.613,
-  strokeWidth: 2.985,
-  d: "M4.989 340.998c-3.862-24.644-4.487-48.403-2.061-70.2l394.341-.01c-3.857 23.638-.62 48.237 9.136 70.225z",
-  clipRule: "evenodd",
-  transform: "matrix(.98693 0 0 .99106 27.5 .907)"
-}), /*#__PURE__*/React.createElement("path", {
-  fill: colored ? "#e03a3e" : (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))))")),
-  fillRule: "evenodd",
-  stroke: colored ? "#e03a3e" : (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))))")),
-  strokeMiterlimit: 2.613,
-  strokeWidth: 2.985,
-  d: "M24.261 411.193c-9.312-23.584-15.688-47.271-19.272-70.195l401.416.015c12.427 28.018 35.425 51.821 67.808 64.053-.962 2.139-1.89 4.185-2.783 6.157z",
-  clipRule: "evenodd",
-  transform: "matrix(.98693 0 0 .99106 27.5 .907)"
-}), /*#__PURE__*/React.createElement("path", {
-  fill: colored ? "#963d97" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 48%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 86%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 48%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 86%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 48%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-  fillRule: "evenodd",
-  stroke: colored ? "#963d97" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 48%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 86%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 48%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 86%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 48%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-  strokeMiterlimit: 2.613,
-  strokeWidth: 2.985,
-  d: "M471.429 411.222c-11.118 24.443-17.563 37.129-32.949 60.547a605 605 0 0 1-6.436 9.609l-370.527.034a850 850 0 0 1-3.521-5.288c-13.853-21.099-25.068-42.974-33.735-64.932z",
-  clipRule: "evenodd",
-  transform: "matrix(.98693 0 0 .99106 27.5 .907)"
-}), /*#__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))))")),
-  strokeMiterlimit: 2.613,
-  strokeWidth: 3.895,
-  d: "M472.972 550.778c13.589 0 24.604-11.016 24.604-24.595 0-13.59-11.016-24.6-24.604-24.6s-24.604 11.01-24.604 24.6c0 13.579 11.015 24.595 24.604 24.595m-6.992-9.648v-27.485h11.011m6.645 27.182-6.553-13.892m-11.054-.244h11.006m-.01-.034c2.734 0 5.503-2.891 5.503-6.46 0-3.8-2.886-6.553-5.537-6.553",
-  transform: "matrix(.98693 0 0 .99106 27.5 .907)"
-}), /*#__PURE__*/React.createElement("path", {
-  fill: colored ? "#009ddc" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 62%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-  fillRule: "evenodd",
-  stroke: colored ? "#009ddc" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 62%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-  strokeMiterlimit: 2.613,
-  strokeWidth: 2.985,
-  d: "M432.044 481.378c-22.666 33.203-53.096 69.741-90.02 70.088-36.03.327-45.273-23.447-94.155-23.179-48.882.273-59.087 23.594-95.117 23.257-38.521-.356-68.433-36.24-91.235-70.132z",
-  clipRule: "evenodd",
-  transform: "matrix(.98693 0 0 .99106 27.5 .907)"
-}));
-const ForwardRef = forwardRef(AppleRainbowIcon);
+    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",
+    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 ? "#61bb46" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 63%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    fillRule: "evenodd",
+    stroke: colored ? "#61bb46" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 63%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    strokeMiterlimit: 2.613,
+    strokeWidth: 2.985,
+    d: "M25.824 200.612c.166-.273.342-.542.518-.806 28.447-43.799 73.32-69.434 115.518-69.434 42.969 0 69.98 23.555 105.498 23.555 34.463 0 55.454-23.589 105.132-23.589 37.534 0 77.329 20.439 105.674 55.781-7.837 4.292-14.907 9.165-21.226 14.521z",
+    clipRule: "evenodd",
+    transform: "matrix(.98693 0 0 .99106 27.5 .907)"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: colored ? "#61bb46" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 63%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    fillRule: "evenodd",
+    stroke: colored ? "#61bb46" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 63%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 71%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 63%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    strokeMiterlimit: 2.613,
+    strokeWidth: 2.985,
+    d: "M314.808 90.875c18.032-23.159 31.748-55.859 26.777-89.292-29.482 2.021-63.965 20.791-84.106 45.225-18.276 22.197-33.364 55.117-27.49 87.095 32.187 1.001 65.483-18.218 84.819-43.028z",
+    clipRule: "evenodd",
+    transform: "matrix(.98693 0 0 .99106 27.5 .907)"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: colored ? "#fdb827" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 75%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 59%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 75%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 59%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 75%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    fillRule: "evenodd",
+    d: "M51.539 199.086c-12.09 19.021-20.456 46.284-22.676 70.197l392.241-.01c4.241-26.161 18.343-51.156 40.694-70.158l-410.26-.029h.024z",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: colored ? "#f5821f" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 65%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 69%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 65%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 69%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 65%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    fillRule: "evenodd",
+    stroke: colored ? "#f5821f" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 65%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 69%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 65%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 69%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 65%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    strokeMiterlimit: 2.613,
+    strokeWidth: 2.985,
+    d: "M4.989 340.998c-3.862-24.644-4.487-48.403-2.061-70.2l394.341-.01c-3.857 23.638-.62 48.237 9.136 70.225z",
+    clipRule: "evenodd",
+    transform: "matrix(.98693 0 0 .99106 27.5 .907)"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: colored ? "#e03a3e" : (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))))")),
+    fillRule: "evenodd",
+    stroke: colored ? "#e03a3e" : (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))))")),
+    strokeMiterlimit: 2.613,
+    strokeWidth: 2.985,
+    d: "M24.261 411.193c-9.312-23.584-15.688-47.271-19.272-70.195l401.416.015c12.427 28.018 35.425 51.821 67.808 64.053-.962 2.139-1.89 4.185-2.783 6.157z",
+    clipRule: "evenodd",
+    transform: "matrix(.98693 0 0 .99106 27.5 .907)"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: colored ? "#963d97" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 48%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 86%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 48%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 86%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 48%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    fillRule: "evenodd",
+    stroke: colored ? "#963d97" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 48%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 86%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 48%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 86%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 48%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    strokeMiterlimit: 2.613,
+    strokeWidth: 2.985,
+    d: "M471.429 411.222c-11.118 24.443-17.563 37.129-32.949 60.547a605.045 605.045 0 01-6.436 9.609l-370.527.034a850.124 850.124 0 01-3.521-5.288c-13.853-21.099-25.068-42.974-33.735-64.932z",
+    clipRule: "evenodd",
+    transform: "matrix(.98693 0 0 .99106 27.5 .907)"
+  }), /*#__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))))")),
+    strokeMiterlimit: 2.613,
+    strokeWidth: 3.895,
+    d: "M472.972 550.778c13.589 0 24.604-11.016 24.604-24.595 0-13.59-11.016-24.6-24.604-24.6s-24.604 11.01-24.604 24.6c0 13.579 11.015 24.595 24.604 24.595m-6.992-9.648v-27.485h11.011m6.645 27.182l-6.553-13.892m-11.054-.244h11.006m-.01-.034c2.734 0 5.503-2.891 5.503-6.46 0-3.8-2.886-6.553-5.537-6.553",
+    transform: "matrix(.98693 0 0 .99106 27.5 .907)"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: colored ? "#009ddc" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 62%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    fillRule: "evenodd",
+    stroke: colored ? "#009ddc" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 62%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+    strokeMiterlimit: 2.613,
+    strokeWidth: 2.985,
+    d: "M432.044 481.378c-22.666 33.203-53.096 69.741-90.02 70.088-36.03.327-45.273-23.447-94.155-23.179-48.882.273-59.087 23.594-95.117 23.257-38.521-.356-68.433-36.24-91.235-70.132z",
+    clipRule: "evenodd",
+    transform: "matrix(.98693 0 0 .99106 27.5 .907)"
+  }));
+  if (!colormode) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormode === "string" ? colormode : undefined
+  }, _svgEl);
+}
+const ForwardRef = React.forwardRef(AppleRainbowIcon);
 export default ForwardRef;

package/data1/esm/ArrowSwitchVerticalIcon.js

@@ -6,26 +6,84 @@ const sizeMap = {
   "large": 64
 };
 
-import { forwardRef } from "react";
-const ArrowSwitchVerticalIcon = ({
+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 ArrowSwitchVerticalIcon({
   title,
+  titleId,
   size,
   colored,
   themed,
-  titleId,
+  colormode,
   ...props
-}, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: (themed ? "var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor))" : "var(--datalayer-icon-color, currentColor)"),
-  "aria-hidden": "true",
+}, svgRef) {
+  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: (themed ? "var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor))" : "var(--datalayer-icon-color, currentColor)"),
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
-  viewBox: "0 0 24 24",
-  ref: ref,
-  "aria-labelledby": titleId
-}, props), title ? /*#__PURE__*/React.createElement("title", {
-  id: titleId
-}, title) : null, /*#__PURE__*/React.createElement("path", {
-  d: "M2.22 7.72a.75.75 0 0 0 1.06 1.06L6.5 5.56v14.69a.75.75 0 0 0 1.5 0V5.56l3.22 3.22a.75.75 0 1 0 1.06-1.06l-4.5-4.5a.75.75 0 0 0-1.06 0zm9.5 8.56a.75.75 0 1 1 1.06-1.06L16 18.44V3.75a.75.75 0 0 1 1.5 0v14.69l3.22-3.22a.75.75 0 0 1 1.06 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0z"
-}));
-const ForwardRef = forwardRef(ArrowSwitchVerticalIcon);
+    "aria-hidden": "true",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props, {
+    "data-datalayer-icon": "",
+    style: props && props.color != null ? Object.assign({}, props.style, {
+      "--datalayer-icon-color": props.color,
+      color: props.color
+    }) : props && props.style
+  }), /*#__PURE__*/React.createElement("style", null, "[data-color-mode=\"light\"]{--datalayer-icon-color-scheme:light}[data-color-mode=\"dark\"]{--datalayer-icon-color-scheme:dark}svg[data-datalayer-icon]{color-scheme:var(--datalayer-icon-color-scheme, light dark)}"), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    d: "M2.22 7.72a.75.75 0 001.06 1.06L6.5 5.56v14.69a.75.75 0 001.5 0V5.56l3.22 3.22a.75.75 0 101.06-1.06l-4.5-4.5a.75.75 0 00-1.06 0zm9.5 8.56a.75.75 0 111.06-1.06L16 18.44V3.75a.75.75 0 011.5 0v14.69l3.22-3.22a.75.75 0 011.06 1.06l-4.5 4.5a.75.75 0 01-1.06 0z"
+  }));
+  if (!colormode) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormode === "string" ? colormode : undefined
+  }, _svgEl);
+}
+const ForwardRef = React.forwardRef(ArrowSwitchVerticalIcon);
 export default ForwardRef;