@datalayer/icons-react 1.0.12 → 1.0.14

package/data1/RedisNameIcon.js

@@ -6,120 +6,62 @@ const sizeMap = {
   "large": 64
 };
 
-function _DlIconInverseColormode({
-  mode,
-  children
-}) {
-  const ref = React.useRef(null);
-  const [appearance, setAppearance] = React.useState({
-    mode: typeof mode === "string" ? mode : null,
-    lightTheme: null,
-    darkTheme: null
-  });
-  React.useLayoutEffect(() => {
-    if (typeof document === "undefined") return;
-    let currentMode = null;
-    let lightTheme = null;
-    let darkTheme = null;
-    let el = ref.current && ref.current.parentElement;
-    while (el && (!currentMode || !lightTheme || !darkTheme)) {
-      if (el.getAttribute) {
-        currentMode = currentMode || el.getAttribute("data-color-mode");
-        lightTheme = lightTheme || el.getAttribute("data-light-theme");
-        darkTheme = darkTheme || el.getAttribute("data-dark-theme");
-      }
-      el = el.parentElement;
-    }
-    if (!currentMode || currentMode === "auto") {
-      currentMode = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
-    }
-    setAppearance({
-      mode: typeof mode === "string" ? mode : (currentMode === "dark" ? "light" : "dark"),
-      lightTheme,
-      darkTheme
-    });
-  }, [mode]);
-  return /*#__PURE__*/React.createElement("span", {
-    ref: ref,
-    "data-color-mode": appearance.mode || "light",
-    "data-light-theme": appearance.lightTheme || undefined,
-    "data-dark-theme": appearance.darkTheme || undefined,
-    style: {
-      display: "inline-flex",
-      lineHeight: 0,
-      color: "var(--fgColor-default, var(--color-fg-default, currentColor))"
-    }
-  }, children);
-}
-
-function RedisNameIcon({
+const { forwardRef } = require("react");
+const RedisNameIcon = ({
   title,
-  titleId,
   size,
   colored,
   themed,
-  colormode,
+  titleId,
   ...props
-}, svgRef) {
-  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 246.999 246.997",
-    fill: (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+}, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+  "aria-hidden": "true",
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
-    "aria-hidden": "true",
-    ref: svgRef,
-    "aria-labelledby": titleId
-  }, props, {
-    "data-datalayer-icon": "",
-    style: props && props.color != null ? Object.assign({}, props.style, {
-      "--datalayer-icon-color": props.color,
-      color: props.color
-    }) : props && props.style
-  }), /*#__PURE__*/React.createElement("style", null, "[data-color-mode=\"light\"]{--datalayer-icon-color-scheme:light}[data-color-mode=\"dark\"]{--datalayer-icon-color-scheme:dark}svg[data-datalayer-icon]{color-scheme:var(--datalayer-icon-color-scheme, light dark)}"), title ? /*#__PURE__*/React.createElement("title", {
-    id: titleId
-  }, title) : null, /*#__PURE__*/React.createElement("path", {
-    d: "M39.802 186.036c0 3.62-2.973 6.85-6.85 6.85-2.973 0-5.557.775-7.754 2.455-2.455 1.552-4.394 3.748-5.944 6.203-3.102 4.136-4.651 9.046-5.298 10.854v24.554c0 3.748-3.23 6.85-7.107 6.85-3.748 0-6.849-3.102-6.849-6.85v-50.916c0-3.748 3.101-6.72 6.849-6.72 3.877 0 7.107 2.973 7.107 6.72v.905c.775-.905 1.809-1.938 2.714-2.585 4.265-2.842 9.821-5.169 16.282-5.04 3.877 0 6.85 2.973 6.85 6.72zm-3.79 25.46c.13-17.575 13.828-32.307 31.531-32.307 16.8 0 30.11 12.535 31.145 29.98v.646c0 .26 0 .904-.129 1.163-.389 3.102-3.102 5.17-6.721 5.17H50.744c.646 2.973 2.067 6.332 4.394 8.53 2.714 3.101 7.883 5.425 12.405 5.813 4.652.387 10.209-.775 13.44-3.23 2.713-2.844 8.012-2.455 9.692-.389 1.68 1.811 2.972 5.688 0 8.4-6.333 5.814-13.957 8.53-23.133 8.53-17.702-.128-31.4-14.73-31.53-32.306zm14.086-6.332h36.571c-1.292-5.169-7.883-12.793-19.126-13.698-10.983.516-16.411 8.4-17.445 13.698zm114.424 31.662c0 3.748-3.102 6.98-6.979 6.98-3.489 0-6.202-2.456-6.849-5.558-4.91 3.36-11.113 5.557-17.575 5.557-17.445 0-31.402-14.732-31.402-32.178 0-17.705 13.957-32.437 31.402-32.437 6.333 0 12.535 2.067 17.316 5.427v-24.294c0-3.748 3.102-6.979 7.107-6.979 3.877 0 6.979 3.231 6.979 6.98v76.503zm-31.402-43.55c-4.652 0-8.917 1.938-12.146 5.298-3.231 3.231-5.17 7.882-5.17 13.052 0 4.91 1.938 9.562 5.17 12.793 3.229 3.361 7.494 5.3 12.146 5.3 4.781 0 8.917-1.939 12.147-5.3 3.23-3.23 5.169-7.883 5.169-12.793 0-5.17-1.938-9.82-5.169-13.052-3.23-3.36-7.366-5.298-12.147-5.298zm55.992-30.24c0 3.877-2.972 7.107-6.979 7.107-3.877 0-6.978-3.23-6.978-7.107v-2.714a6.95 6.95 0 016.978-6.979c4.007 0 6.979 3.102 6.979 6.98zm0 23.39v50.4c0 3.876-2.972 6.978-6.979 6.978a6.95 6.95 0 01-6.978-6.979v-50.399c0-4.135 3.101-7.108 6.978-7.108 4.008 0 6.979 2.973 6.979 7.108zm8.88 38.89c2.326-3.1 6.85-3.488 9.692-1.033 3.36 2.844 9.176 5.814 14.215 5.686 3.489 0 6.72-1.162 8.788-2.455 1.809-1.55 2.325-2.842 2.325-3.877 0-.646-.129-.904-.387-1.293-.13-.387-.646-.904-1.681-1.549-1.809-1.293-5.686-2.715-10.338-3.619h-.129c-4.007-.775-7.884-1.809-11.243-3.36-3.489-1.68-6.591-4.006-8.917-7.495-1.421-2.326-2.196-5.169-2.196-8.14 0-5.946 3.36-10.986 7.624-14.217 4.523-3.1 9.951-4.78 15.896-4.78 8.916 0 15.248 4.264 19.384 7.106 3.102 2.068 4.006 6.333 2.067 9.562-2.067 3.102-6.332 4.007-9.562 1.81-4.135-2.713-7.754-4.782-11.889-4.782-3.231 0-6.074 1.034-7.754 2.326-1.68 1.164-2.067 2.327-2.067 2.973 0 .516 0 .646.258 1.033.13.258.517.775 1.422 1.292 1.681 1.163 5.04 2.326 9.434 3.102l.129.13h.13c4.265.774 8.271 1.938 12.018 3.747 3.489 1.551 6.979 4.006 9.176 7.624 1.551 2.584 2.455 5.557 2.455 8.53 0 6.331-3.489 11.63-8.142 14.99-4.652 3.23-10.468 5.17-16.8 5.17-10.079-.13-17.833-4.782-23.002-8.917-2.844-2.326-3.231-6.72-.906-9.564z",
-    fill: colored ? "#636466" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 45%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 89%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 45%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 89%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 45%, var(--bgColor-default, var(--color-canvas-default, Canvas))))"))
-  }), /*#__PURE__*/React.createElement("g", {
-    transform: "translate(33.367 1)"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: colored ? "#a41e11" : (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))))")),
-    d: "M168.444 117.427c-9.078 4.732-56.106 24.068-66.118 29.287-10.012 5.221-15.574 5.17-23.483 1.389-7.909-3.781-57.955-23.996-66.97-28.305-4.506-2.154-6.875-3.971-6.875-5.688V96.915S70.151 82.731 80.67 78.958c10.518-3.774 14.167-3.91 23.118-.631 8.952 3.279 62.474 12.936 71.321 16.176l-.004 16.951c.001 1.7-2.04 3.565-6.66 5.973z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? "#d82c20" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 54%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 80%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 54%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 80%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 54%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-    d: "M168.444 100.227c-9.078 4.73-56.106 24.068-66.118 29.287-10.012 5.221-15.574 5.17-23.483 1.389-7.91-3.779-57.955-23.998-66.97-28.305-9.015-4.309-9.204-7.275-.348-10.742 8.855-3.469 58.626-22.996 69.146-26.77 10.518-3.772 14.167-3.91 23.118-.63 8.952 3.28 55.7 21.886 64.545 25.126 8.848 3.243 9.188 5.913.11 10.645z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? "#a41e11" : (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))))")),
-    d: "M168.444 89.387c-9.078 4.732-56.106 24.068-66.118 29.29-10.012 5.218-15.574 5.167-23.483 1.386-7.91-3.779-57.955-23.996-66.97-28.305-4.506-2.154-6.875-3.969-6.875-5.686V68.875S70.151 54.692 80.67 50.918c10.518-3.773 14.167-3.91 23.118-.631 8.952 3.279 62.474 12.934 71.321 16.175l-.004 16.953c.001 1.699-2.04 3.564-6.66 5.972z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? "#d82c20" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 54%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 80%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 54%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 80%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 54%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-    d: "M168.444 72.187c-9.078 4.732-56.106 24.068-66.118 29.29-10.012 5.218-15.574 5.167-23.483 1.386-7.91-3.779-57.955-23.997-66.97-28.305s-9.204-7.274-.348-10.743c8.855-3.467 58.626-22.995 69.146-26.768 10.518-3.773 14.167-3.91 23.118-.63 8.952 3.278 55.7 21.884 64.545 25.125 8.848 3.242 9.188 5.913.11 10.645z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? "#a41e11" : (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))))")),
-    d: "M168.444 60.307c-9.078 4.732-56.106 24.069-66.118 29.29-10.012 5.22-15.574 5.168-23.483 1.387-7.91-3.779-57.955-23.997-66.97-28.305-4.506-2.154-6.875-3.97-6.875-5.686V39.796S70.151 25.613 80.67 21.84c10.518-3.774 14.167-3.91 23.118-.631 8.952 3.279 62.474 12.934 71.321 16.175l-.004 16.952c.001 1.698-2.04 3.563-6.66 5.971z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? "#d82c20" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 54%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 80%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 54%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 80%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 54%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-    d: "M168.444 43.107c-9.078 4.732-56.106 24.07-66.118 29.29-10.012 5.218-15.574 5.167-23.483 1.387-7.909-3.78-57.955-23.997-66.97-28.305s-9.204-7.275-.348-10.743c8.855-3.468 58.626-22.994 69.146-26.768 10.518-3.774 14.167-3.91 23.118-.63 8.952 3.28 55.7 21.885 64.545 25.126 8.848 3.24 9.188 5.912.11 10.643z"
-  }), /*#__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: "M97.604 28.077l-3.3 7.94-5.33-8.86-17.02-1.53 12.7-4.58-3.81-7.03 11.89 4.65 11.21-3.67-3.03 7.27 11.43 4.28zm7.73 19.53l-11.91 17.46-27.51-11.41z"
-  }), /*#__PURE__*/React.createElement("ellipse", {
-    cx: 55.284,
-    cy: 39.127,
-    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))))")),
-    rx: 21.069,
-    ry: 8.167
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? "#7a0c00" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 45%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 89%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 45%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 89%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 45%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-    d: "M129.784 47.147l-.02-18.43 23.33 9.22z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: colored ? "#ad2115" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 49%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 85%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 49%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 85%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 49%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-    d: "M127.254 48.137l-23.3-9.21 25.81-10.21.02 18.43z"
-  })));
-  if (!colormode) return _svgEl;
-  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
-    mode: typeof colormode === "string" ? colormode : undefined
-  }, _svgEl);
-}
-const ForwardRef = React.forwardRef(RedisNameIcon);
+  viewBox: "0 0 246.999 246.997",
+  ref: ref,
+  "aria-labelledby": titleId
+}, props), title ? /*#__PURE__*/React.createElement("title", {
+  id: titleId
+}, title) : null, /*#__PURE__*/React.createElement("path", {
+  fill: colored ? "#636466" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 45%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 89%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 45%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 89%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 45%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+  d: "M39.802 186.036c0 3.62-2.973 6.85-6.85 6.85-2.973 0-5.557.775-7.754 2.455-2.455 1.552-4.394 3.748-5.944 6.203-3.102 4.136-4.651 9.046-5.298 10.854v24.554c0 3.748-3.23 6.85-7.107 6.85-3.748 0-6.849-3.102-6.849-6.85v-50.916c0-3.748 3.101-6.72 6.849-6.72 3.877 0 7.107 2.973 7.107 6.72v.905c.775-.905 1.809-1.938 2.714-2.585 4.265-2.842 9.821-5.169 16.282-5.04 3.877 0 6.85 2.973 6.85 6.72m-3.79 25.46c.13-17.575 13.828-32.307 31.531-32.307 16.8 0 30.11 12.535 31.145 29.98v.646c0 .26 0 .904-.129 1.163-.389 3.102-3.102 5.17-6.721 5.17H50.744c.646 2.973 2.067 6.332 4.394 8.53 2.714 3.101 7.883 5.425 12.405 5.813 4.652.387 10.209-.775 13.44-3.23 2.713-2.844 8.012-2.455 9.692-.389 1.68 1.811 2.972 5.688 0 8.4-6.333 5.814-13.957 8.53-23.133 8.53-17.702-.128-31.4-14.73-31.53-32.306m14.086-6.332h36.571c-1.292-5.169-7.883-12.793-19.126-13.698-10.983.516-16.411 8.4-17.445 13.698m114.424 31.662c0 3.748-3.102 6.98-6.979 6.98-3.489 0-6.202-2.456-6.849-5.558-4.91 3.36-11.113 5.557-17.575 5.557-17.445 0-31.402-14.732-31.402-32.178 0-17.705 13.957-32.437 31.402-32.437 6.333 0 12.535 2.067 17.316 5.427v-24.294c0-3.748 3.102-6.979 7.107-6.979 3.877 0 6.979 3.231 6.979 6.98zm-31.402-43.55c-4.652 0-8.917 1.938-12.146 5.298-3.231 3.231-5.17 7.882-5.17 13.052 0 4.91 1.938 9.562 5.17 12.793 3.229 3.361 7.494 5.3 12.146 5.3 4.781 0 8.917-1.939 12.147-5.3 3.23-3.23 5.169-7.883 5.169-12.793 0-5.17-1.938-9.82-5.169-13.052-3.23-3.36-7.366-5.298-12.147-5.298m55.992-30.24c0 3.877-2.972 7.107-6.979 7.107-3.877 0-6.978-3.23-6.978-7.107v-2.714a6.95 6.95 0 0 1 6.978-6.979c4.007 0 6.979 3.102 6.979 6.98zm0 23.39v50.4c0 3.876-2.972 6.978-6.979 6.978a6.95 6.95 0 0 1-6.978-6.979v-50.399c0-4.135 3.101-7.108 6.978-7.108 4.008 0 6.979 2.973 6.979 7.108m8.88 38.89c2.326-3.1 6.85-3.488 9.692-1.033 3.36 2.844 9.176 5.814 14.215 5.686 3.489 0 6.72-1.162 8.788-2.455 1.809-1.55 2.325-2.842 2.325-3.877 0-.646-.129-.904-.387-1.293-.13-.387-.646-.904-1.681-1.549-1.809-1.293-5.686-2.715-10.338-3.619h-.129c-4.007-.775-7.884-1.809-11.243-3.36-3.489-1.68-6.591-4.006-8.917-7.495-1.421-2.326-2.196-5.169-2.196-8.14 0-5.946 3.36-10.986 7.624-14.217 4.523-3.1 9.951-4.78 15.896-4.78 8.916 0 15.248 4.264 19.384 7.106 3.102 2.068 4.006 6.333 2.067 9.562-2.067 3.102-6.332 4.007-9.562 1.81-4.135-2.713-7.754-4.782-11.889-4.782-3.231 0-6.074 1.034-7.754 2.326-1.68 1.164-2.067 2.327-2.067 2.973 0 .516 0 .646.258 1.033.13.258.517.775 1.422 1.292 1.681 1.163 5.04 2.326 9.434 3.102l.129.13h.13c4.265.774 8.271 1.938 12.018 3.747 3.489 1.551 6.979 4.006 9.176 7.624 1.551 2.584 2.455 5.557 2.455 8.53 0 6.331-3.489 11.63-8.142 14.99-4.652 3.23-10.468 5.17-16.8 5.17-10.079-.13-17.833-4.782-23.002-8.917-2.844-2.326-3.231-6.72-.906-9.564"
+}), /*#__PURE__*/React.createElement("g", {
+  transform: "translate(33.367 1)"
+}, /*#__PURE__*/React.createElement("path", {
+  fill: colored ? "#a41e11" : (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))))")),
+  d: "M168.444 117.427c-9.078 4.732-56.106 24.068-66.118 29.287-10.012 5.221-15.574 5.17-23.483 1.389s-57.955-23.996-66.97-28.305c-4.506-2.154-6.875-3.971-6.875-5.688V96.915S70.151 82.731 80.67 78.958s14.167-3.91 23.118-.631c8.952 3.279 62.474 12.936 71.321 16.176l-.004 16.951c.001 1.7-2.04 3.565-6.66 5.973z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: colored ? "#d82c20" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 54%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 80%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 54%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 80%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 54%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+  d: "M168.444 100.227c-9.078 4.73-56.106 24.068-66.118 29.287-10.012 5.221-15.574 5.17-23.483 1.389-7.91-3.779-57.955-23.998-66.97-28.305-9.015-4.309-9.204-7.275-.348-10.742 8.855-3.469 58.626-22.996 69.146-26.77 10.518-3.772 14.167-3.91 23.118-.63 8.952 3.28 55.7 21.886 64.545 25.126 8.848 3.243 9.188 5.913.11 10.645"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: colored ? "#a41e11" : (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))))")),
+  d: "M168.444 89.387c-9.078 4.732-56.106 24.068-66.118 29.29-10.012 5.218-15.574 5.167-23.483 1.386-7.91-3.779-57.955-23.996-66.97-28.305-4.506-2.154-6.875-3.969-6.875-5.686V68.875S70.151 54.692 80.67 50.918c10.518-3.773 14.167-3.91 23.118-.631 8.952 3.279 62.474 12.934 71.321 16.175l-.004 16.953c.001 1.699-2.04 3.564-6.66 5.972z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: colored ? "#d82c20" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 54%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 80%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 54%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 80%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 54%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+  d: "M168.444 72.187c-9.078 4.732-56.106 24.068-66.118 29.29-10.012 5.218-15.574 5.167-23.483 1.386-7.91-3.779-57.955-23.997-66.97-28.305s-9.204-7.274-.348-10.743c8.855-3.467 58.626-22.995 69.146-26.768 10.518-3.773 14.167-3.91 23.118-.63 8.952 3.278 55.7 21.884 64.545 25.125 8.848 3.242 9.188 5.913.11 10.645"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: colored ? "#a41e11" : (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))))")),
+  d: "M168.444 60.307c-9.078 4.732-56.106 24.069-66.118 29.29-10.012 5.22-15.574 5.168-23.483 1.387-7.91-3.779-57.955-23.997-66.97-28.305-4.506-2.154-6.875-3.97-6.875-5.686V39.796S70.151 25.613 80.67 21.84c10.518-3.774 14.167-3.91 23.118-.631 8.952 3.279 62.474 12.934 71.321 16.175l-.004 16.952c.001 1.698-2.04 3.563-6.66 5.971z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: colored ? "#d82c20" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 54%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 80%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 54%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 80%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 54%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+  d: "M168.444 43.107c-9.078 4.732-56.106 24.07-66.118 29.29-10.012 5.218-15.574 5.167-23.483 1.387s-57.955-23.997-66.97-28.305-9.204-7.275-.348-10.743S70.151 11.742 80.671 7.968c10.518-3.774 14.167-3.91 23.118-.63 8.952 3.28 55.7 21.885 64.545 25.126 8.848 3.24 9.188 5.912.11 10.643"
+}), /*#__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: "m97.604 28.077-3.3 7.94-5.33-8.86-17.02-1.53 12.7-4.58-3.81-7.03 11.89 4.65 11.21-3.67-3.03 7.27 11.43 4.28zm7.73 19.53-11.91 17.46-27.51-11.41z"
+}), /*#__PURE__*/React.createElement("ellipse", {
+  cx: 55.284,
+  cy: 39.127,
+  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))))")),
+  rx: 21.069,
+  ry: 8.167
+}), /*#__PURE__*/React.createElement("path", {
+  fill: colored ? "#7a0c00" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 45%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 89%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 45%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 89%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 45%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+  d: "m129.784 47.147-.02-18.43 23.33 9.22z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: colored ? "#ad2115" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 49%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 85%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 49%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 85%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 49%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
+  d: "m127.254 48.137-23.3-9.21 25.81-10.21.02 18.43z"
+})));
+const ForwardRef = forwardRef(RedisNameIcon);
 module.exports = ForwardRef;

package/data1/RedoIcon.js

@@ -6,85 +6,26 @@ const sizeMap = {
   "large": 64
 };
 
-function _DlIconInverseColormode({
-  mode,
-  children
-}) {
-  const ref = React.useRef(null);
-  const [appearance, setAppearance] = React.useState({
-    mode: typeof mode === "string" ? mode : null,
-    lightTheme: null,
-    darkTheme: null
-  });
-  React.useLayoutEffect(() => {
-    if (typeof document === "undefined") return;
-    let currentMode = null;
-    let lightTheme = null;
-    let darkTheme = null;
-    let el = ref.current && ref.current.parentElement;
-    while (el && (!currentMode || !lightTheme || !darkTheme)) {
-      if (el.getAttribute) {
-        currentMode = currentMode || el.getAttribute("data-color-mode");
-        lightTheme = lightTheme || el.getAttribute("data-light-theme");
-        darkTheme = darkTheme || el.getAttribute("data-dark-theme");
-      }
-      el = el.parentElement;
-    }
-    if (!currentMode || currentMode === "auto") {
-      currentMode = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
-    }
-    setAppearance({
-      mode: typeof mode === "string" ? mode : (currentMode === "dark" ? "light" : "dark"),
-      lightTheme,
-      darkTheme
-    });
-  }, [mode]);
-  return /*#__PURE__*/React.createElement("span", {
-    ref: ref,
-    "data-color-mode": appearance.mode || "light",
-    "data-light-theme": appearance.lightTheme || undefined,
-    "data-dark-theme": appearance.darkTheme || undefined,
-    style: {
-      display: "inline-flex",
-      lineHeight: 0,
-      color: "var(--fgColor-default, var(--color-fg-default, currentColor))"
-    }
-  }, children);
-}
-
-function RedoIcon({
+const { forwardRef } = require("react");
+const RedoIcon = ({
   title,
-  titleId,
   size,
   colored,
   themed,
-  colormode,
+  titleId,
   ...props
-}, svgRef) {
-  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 18 18",
+}, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: (themed ? "var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor))" : "var(--datalayer-icon-color, currentColor)"),
+  "aria-hidden": "true",
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
-    "aria-hidden": "true",
-    ref: svgRef,
-    "aria-labelledby": titleId
-  }, props, {
-    "data-datalayer-icon": "",
-    style: props && props.color != null ? Object.assign({}, props.style, {
-      "--datalayer-icon-color": props.color,
-      color: props.color
-    }) : props && props.style
-  }), /*#__PURE__*/React.createElement("style", null, "[data-color-mode=\"light\"]{--datalayer-icon-color-scheme:light}[data-color-mode=\"dark\"]{--datalayer-icon-color-scheme:dark}svg[data-datalayer-icon]{color-scheme:var(--datalayer-icon-color-scheme, light dark)}"), title ? /*#__PURE__*/React.createElement("title", {
-    id: titleId
-  }, title) : null, /*#__PURE__*/React.createElement("path", {
-    fill: colored ? "#616161" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 44%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 90%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 44%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 90%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 44%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
-    d: "M8.977 6c1.987 0 3.787.742 5.175 1.95l2.7-2.7V12h-6.75l2.715-2.715a5.965 5.965 0 00-3.84-1.41A6.009 6.009 0 003.277 12l-1.778-.585C2.542 8.273 5.49 6 8.977 6z"
-  }));
-  if (!colormode) return _svgEl;
-  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
-    mode: typeof colormode === "string" ? colormode : undefined
-  }, _svgEl);
-}
-const ForwardRef = React.forwardRef(RedoIcon);
+  viewBox: "0 0 18 18",
+  ref: ref,
+  "aria-labelledby": titleId
+}, props), title ? /*#__PURE__*/React.createElement("title", {
+  id: titleId
+}, title) : null, /*#__PURE__*/React.createElement("path", {
+  d: "M8.977 6c1.987 0 3.787.742 5.175 1.95l2.7-2.7V12h-6.75l2.715-2.715a5.97 5.97 0 0 0-3.84-1.41A6.01 6.01 0 0 0 3.277 12l-1.778-.585C2.542 8.273 5.49 6 8.977 6"
+}));
+const ForwardRef = forwardRef(RedoIcon);
 module.exports = ForwardRef;

package/data1/RedoIcon.svg

@@ -1,3 +1,3 @@
-<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18" aria-hidden="true">
-  <path fill="#616161" d="M8.977 6c1.987 0 3.787.742 5.175 1.95l2.7-2.7V12h-6.75l2.715-2.715a5.965 5.965 0 00-3.84-1.41A6.009 6.009 0 003.277 12l-1.778-.585C2.542 8.273 5.49 6 8.977 6z"/>
+<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" aria-hidden="true">
+  <path fill="currentColor" d="M8.977 6c1.987 0 3.787.742 5.175 1.95l2.7-2.7V12h-6.75l2.715-2.715a5.965 5.965 0 00-3.84-1.41A6.009 6.009 0 003.277 12l-1.778-.585C2.542 8.273 5.49 6 8.977 6z"/>
 </svg>

package/data1/RestartIcon.js

@@ -6,86 +6,28 @@ const sizeMap = {
   "large": 64
 };
 
-function _DlIconInverseColormode({
-  mode,
-  children
-}) {
-  const ref = React.useRef(null);
-  const [appearance, setAppearance] = React.useState({
-    mode: typeof mode === "string" ? mode : null,
-    lightTheme: null,
-    darkTheme: null
-  });
-  React.useLayoutEffect(() => {
-    if (typeof document === "undefined") return;
-    let currentMode = null;
-    let lightTheme = null;
-    let darkTheme = null;
-    let el = ref.current && ref.current.parentElement;
-    while (el && (!currentMode || !lightTheme || !darkTheme)) {
-      if (el.getAttribute) {
-        currentMode = currentMode || el.getAttribute("data-color-mode");
-        lightTheme = lightTheme || el.getAttribute("data-light-theme");
-        darkTheme = darkTheme || el.getAttribute("data-dark-theme");
-      }
-      el = el.parentElement;
-    }
-    if (!currentMode || currentMode === "auto") {
-      currentMode = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
-    }
-    setAppearance({
-      mode: typeof mode === "string" ? mode : (currentMode === "dark" ? "light" : "dark"),
-      lightTheme,
-      darkTheme
-    });
-  }, [mode]);
-  return /*#__PURE__*/React.createElement("span", {
-    ref: ref,
-    "data-color-mode": appearance.mode || "light",
-    "data-light-theme": appearance.lightTheme || undefined,
-    "data-dark-theme": appearance.darkTheme || undefined,
-    style: {
-      display: "inline-flex",
-      lineHeight: 0,
-      color: "var(--fgColor-default, var(--color-fg-default, currentColor))"
-    }
-  }, children);
-}
-
-function RestartIcon({
+const { forwardRef } = require("react");
+const RestartIcon = ({
   title,
-  titleId,
   size,
   colored,
   themed,
-  colormode,
+  titleId,
   ...props
-}, svgRef) {
-  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    fill: (themed ? "var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor))" : "var(--datalayer-icon-color, currentColor)"),
+}, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: (themed ? "var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor))" : "var(--datalayer-icon-color, currentColor)"),
+  "aria-hidden": "true",
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
-    "aria-hidden": "true",
-    ref: svgRef,
-    "aria-labelledby": titleId
-  }, props, {
-    "data-datalayer-icon": "",
-    style: props && props.color != null ? Object.assign({}, props.style, {
-      "--datalayer-icon-color": props.color,
-      color: props.color
-    }) : props && props.style
-  }), /*#__PURE__*/React.createElement("style", null, "[data-color-mode=\"light\"]{--datalayer-icon-color-scheme:light}[data-color-mode=\"dark\"]{--datalayer-icon-color-scheme:dark}svg[data-datalayer-icon]{color-scheme:var(--datalayer-icon-color-scheme, light dark)}"), title ? /*#__PURE__*/React.createElement("title", {
-    id: titleId
-  }, title) : null, /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M18.364 3.058a.75.75 0 01.75.75V8.05a.75.75 0 01-.75.75h-4.243a.75.75 0 010-1.5h2.36a7.251 7.251 0 102.523 3.822.75.75 0 111.45-.387 8.75 8.75 0 11-2.84-4.447v-2.48a.75.75 0 01.75-.75z",
-    clipRule: "evenodd"
-  }));
-  if (!colormode) return _svgEl;
-  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
-    mode: typeof colormode === "string" ? colormode : undefined
-  }, _svgEl);
-}
-const ForwardRef = React.forwardRef(RestartIcon);
+  viewBox: "0 0 24 24",
+  ref: ref,
+  "aria-labelledby": titleId
+}, props), title ? /*#__PURE__*/React.createElement("title", {
+  id: titleId
+}, title) : null, /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  d: "M18.364 3.058a.75.75 0 0 1 .75.75V8.05a.75.75 0 0 1-.75.75h-4.243a.75.75 0 0 1 0-1.5h2.36a7.251 7.251 0 1 0 2.523 3.822.75.75 0 1 1 1.45-.387 8.75 8.75 0 1 1-2.84-4.447v-2.48a.75.75 0 0 1 .75-.75",
+  clipRule: "evenodd"
+}));
+const ForwardRef = forwardRef(RestartIcon);
 module.exports = ForwardRef;