@datalayer/icons-react 1.0.6 → 1.0.8

package/eggs/ECharlesIcon.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare const ECharlesIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string, size?: "small" | "medium" | "large" | number, colored?: boolean } & React.RefAttributes<SVGSVGElement>>;
+declare const ECharlesIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string, size?: "small" | "medium" | "large" | number, colored?: boolean, themed?: boolean, colormoded?: boolean | "light" | "dark" } & React.RefAttributes<SVGSVGElement>>;
 export default ECharlesIcon;

package/eggs/ECharlesIcon.js

@@ -6,25 +6,64 @@ const sizeMap = {
   "large": 64
 };
 
+function _DlIconInverseColormode({
+  mode,
+  children
+}) {
+  const ref = React.useRef(null);
+  const [resolved, setResolved] = React.useState(typeof mode === "string" ? mode : null);
+  React.useLayoutEffect(() => {
+    if (typeof mode === "string") {
+      setResolved(mode);
+      return;
+    }
+    if (typeof document === "undefined") return;
+    let cur = null;
+    let el = ref.current && ref.current.parentElement;
+    while (el) {
+      const m = el.getAttribute && el.getAttribute("data-color-mode");
+      if (m) { cur = m; break; }
+      el = el.parentElement;
+    }
+    if (!cur || cur === "auto") {
+      cur = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
+    }
+    setResolved(cur === "dark" ? "light" : "dark");
+  }, [mode]);
+  return /*#__PURE__*/React.createElement("span", {
+    ref: ref,
+    "data-color-mode": resolved || "light",
+    "data-light-theme": "light",
+    "data-dark-theme": "dark",
+    style: { display: "inline-flex", lineHeight: 0 }
+  }, children);
+}
+
 function ECharlesIcon({
   title,
   titleId,
   size,
   colored,
+  themed,
+  colormoded,
   ...props
 }, svgRef) {
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 243.75 243.75",
-    fill: colored ? 'currentColor' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('currentColor') ? 'white' : 'currentColor'),
-    "aria-hidden": "true",
+    fill: themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor',
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
+    "aria-hidden": "true",
     ref: svgRef,
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React.createElement("title", {
+  }, props, {
+    style: props && props.color != null ? Object.assign({}, props.style, {
+      "--datalayer-icon-fg": props.color
+    }) : props && props.style
+  }), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("g", {
-    fill: colored ? '#fff' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#fff') ? 'white' : 'currentColor'),
+    fill: colored ? '#fff' : 'white',
     strokeWidth: 2.928,
     transform: "translate(0 -308.268)"
   }, /*#__PURE__*/React.createElement("circle", {
@@ -51,7 +90,7 @@ function ECharlesIcon({
   }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     stroke: "#f75c59",
-    d: "M125.32 482.957l-.306 32.361c1.317 11.059 11.072 8.629 10.99-.61v-31.751zM139.957 482.957l-.305 32.361c1.317 11.059 11.072 8.629 10.99-.61v-31.751z"
+    d: "M125.32 482.957l-.306 32.361c1.317 11.059 11.072 8.629 10.99-.61v-31.751zm14.637 0l-.305 32.361c1.317 11.059 11.072 8.629 10.99-.61v-31.751z"
   }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     stroke: "#f8d05b",
@@ -60,8 +99,12 @@ function ECharlesIcon({
     fillRule: "evenodd",
     stroke: "#f75c59",
     strokeLinejoin: "round",
-    d: "M131.627 399.814c1.778-4.471 12.628-9.482 19.487-14.062 7.117 3.213 17.741 13.145 12.804 25.555-1.265 4.901-28.05 4.544-30.224 2.137-4.481-4.606-3.115-10.024-2.067-13.63zM128.198 428.251c-.91 7.576-.577 13.909-.763 20.76 3.425.788 7.262.337 11.082-.062-2.75-6.95-5.704-13.748-10.319-20.698z"
+    d: "M131.627 399.814c1.778-4.471 12.628-9.482 19.487-14.062 7.117 3.213 17.741 13.145 12.804 25.555-1.265 4.901-28.05 4.544-30.224 2.137-4.481-4.606-3.115-10.024-2.067-13.63zm-3.429 28.437c-.91 7.576-.577 13.909-.763 20.76 3.425.788 7.262.337 11.082-.062-2.75-6.95-5.704-13.748-10.319-20.698z"
   })));
+  if (!colormoded) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormoded === "string" ? colormoded : undefined
+  }, _svgEl);
 }
 const ForwardRef = React.forwardRef(ECharlesIcon);
 module.exports = ForwardRef;

package/eggs/FingersHornIcon.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare const FingersHornIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string, size?: "small" | "medium" | "large" | number, colored?: boolean } & React.RefAttributes<SVGSVGElement>>;
+declare const FingersHornIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string, size?: "small" | "medium" | "large" | number, colored?: boolean, themed?: boolean, colormoded?: boolean | "light" | "dark" } & React.RefAttributes<SVGSVGElement>>;
 export default FingersHornIcon;

package/eggs/FingersHornIcon.js

@@ -6,22 +6,61 @@ const sizeMap = {
   "large": 64
 };
 
+function _DlIconInverseColormode({
+  mode,
+  children
+}) {
+  const ref = React.useRef(null);
+  const [resolved, setResolved] = React.useState(typeof mode === "string" ? mode : null);
+  React.useLayoutEffect(() => {
+    if (typeof mode === "string") {
+      setResolved(mode);
+      return;
+    }
+    if (typeof document === "undefined") return;
+    let cur = null;
+    let el = ref.current && ref.current.parentElement;
+    while (el) {
+      const m = el.getAttribute && el.getAttribute("data-color-mode");
+      if (m) { cur = m; break; }
+      el = el.parentElement;
+    }
+    if (!cur || cur === "auto") {
+      cur = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
+    }
+    setResolved(cur === "dark" ? "light" : "dark");
+  }, [mode]);
+  return /*#__PURE__*/React.createElement("span", {
+    ref: ref,
+    "data-color-mode": resolved || "light",
+    "data-light-theme": "light",
+    "data-dark-theme": "dark",
+    style: { display: "inline-flex", lineHeight: 0 }
+  }, children);
+}
+
 function FingersHornIcon({
   title,
   titleId,
   size,
   colored,
+  themed,
+  colormoded,
   ...props
 }, svgRef) {
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 72 72",
-    fill: colored ? 'currentColor' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('currentColor') ? 'white' : 'currentColor'),
-    "aria-hidden": "true",
+    fill: themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor',
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
+    "aria-hidden": "true",
     ref: svgRef,
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React.createElement("title", {
+  }, props, {
+    style: props && props.color != null ? Object.assign({}, props.style, {
+      "--datalayer-icon-fg": props.color
+    }) : props && props.style
+  }), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("g", {
     fill: "#fcea2b"
@@ -32,13 +71,13 @@ function FingersHornIcon({
   }), /*#__PURE__*/React.createElement("path", {
     d: "M33.44 29.64v-.94c.04.31.04.63 0 .94z"
   })), /*#__PURE__*/React.createElement("g", {
-    fill: colored ? 'none' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('none') ? 'white' : 'currentColor'),
+    fill: colored ? 'none' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     stroke: "#000",
     strokeLinecap: "round",
     strokeWidth: 2
   }, /*#__PURE__*/React.createElement("path", {
     strokeMiterlimit: 10,
-    d: "M18.771 52.956c1.142 8.6 8.54 14.985 17.214 14.857 9.667 0 17.893-6.832 17.893-16.877v-.001l-.658-11.13a4.308 4.308 0 00-4.236-3.992h-10a3.786 3.786 0 00-4 3.5 4.327 4.327 0 003.976 3.942l1.05.117c2.186.242 3.975 1.342 3.975 2.442v2.44a12.445 12.445 0 00-5.777 2.958M18.771 52.956c-.39-2.89-1.063-7.873-1.063-14.873M17.708 38.083l-1.937-18.515M22 17.917l.944 8.69M43.5 8.25l-.458 14.91M51.875 8.458l.5 24.834M15.77 19.568c-.723-7.73 5.499-7.596 6.23-1.651M43.5 8.25c0-5.875 8.375-5.188 8.375.208"
+    d: "M18.771 52.956c1.142 8.6 8.54 14.985 17.214 14.857 9.667 0 17.893-6.832 17.893-16.877v-.001l-.658-11.13a4.308 4.308 0 00-4.236-3.992h-10a3.786 3.786 0 00-4 3.5 4.327 4.327 0 003.976 3.942l1.05.117c2.186.242 3.975 1.342 3.975 2.442v2.44a12.445 12.445 0 00-5.777 2.958m-19.437 1.744c-.39-2.89-1.063-7.873-1.063-14.873m0 0l-1.937-18.515M22 17.917l.944 8.69M43.5 8.25l-.458 14.91m8.833-14.702l.5 24.834M15.77 19.568c-.723-7.73 5.499-7.596 6.23-1.651M43.5 8.25c0-5.875 8.375-5.188 8.375.208"
   }), /*#__PURE__*/React.createElement("path", {
     strokeLinejoin: "round",
     d: "M31.318 40.639c-3.322 1.227-4.997-1.935-4.874-4v-7a3.531 3.531 0 117 0"
@@ -46,6 +85,10 @@ function FingersHornIcon({
     strokeLinejoin: "round",
     d: "M33.506 34.004v-5.318a3.531 3.531 0 117 0l.03 3.504"
   })));
+  if (!colormoded) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormoded === "string" ? colormoded : undefined
+  }, _svgEl);
 }
 const ForwardRef = React.forwardRef(FingersHornIcon);
 module.exports = ForwardRef;

package/eggs/FlexedBicepsIcon.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare const FlexedBicepsIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string, size?: "small" | "medium" | "large" | number, colored?: boolean } & React.RefAttributes<SVGSVGElement>>;
+declare const FlexedBicepsIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string, size?: "small" | "medium" | "large" | number, colored?: boolean, themed?: boolean, colormoded?: boolean | "light" | "dark" } & React.RefAttributes<SVGSVGElement>>;
 export default FlexedBicepsIcon;

package/eggs/FlexedBicepsIcon.js

@@ -6,22 +6,61 @@ const sizeMap = {
   "large": 64
 };
 
+function _DlIconInverseColormode({
+  mode,
+  children
+}) {
+  const ref = React.useRef(null);
+  const [resolved, setResolved] = React.useState(typeof mode === "string" ? mode : null);
+  React.useLayoutEffect(() => {
+    if (typeof mode === "string") {
+      setResolved(mode);
+      return;
+    }
+    if (typeof document === "undefined") return;
+    let cur = null;
+    let el = ref.current && ref.current.parentElement;
+    while (el) {
+      const m = el.getAttribute && el.getAttribute("data-color-mode");
+      if (m) { cur = m; break; }
+      el = el.parentElement;
+    }
+    if (!cur || cur === "auto") {
+      cur = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
+    }
+    setResolved(cur === "dark" ? "light" : "dark");
+  }, [mode]);
+  return /*#__PURE__*/React.createElement("span", {
+    ref: ref,
+    "data-color-mode": resolved || "light",
+    "data-light-theme": "light",
+    "data-dark-theme": "dark",
+    style: { display: "inline-flex", lineHeight: 0 }
+  }, children);
+}
+
 function FlexedBicepsIcon({
   title,
   titleId,
   size,
   colored,
+  themed,
+  colormoded,
   ...props
 }, svgRef) {
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 72 72",
-    fill: colored ? 'currentColor' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('currentColor') ? 'white' : 'currentColor'),
-    "aria-hidden": "true",
+    fill: themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor',
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
+    "aria-hidden": "true",
     ref: svgRef,
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React.createElement("title", {
+  }, props, {
+    style: props && props.color != null ? Object.assign({}, props.style, {
+      "--datalayer-icon-fg": props.color
+    }) : props && props.style
+  }), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("g", {
     fill: "#FCEA2B"
@@ -36,21 +75,25 @@ function FlexedBicepsIcon({
   }, /*#__PURE__*/React.createElement("path", {
     d: "M21.922 26.23s5.344-4.986 1.615-6.38l12.76-.419.672-1.142.22-1.844c1.07.178 3.364.946 3.64 1.012 0 0 2.405 1.873.45 4.093l-7.78 2.235s-4.723 3.803-11.577 2.445z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M21.922 26.23c.794 9.218 2.56 25.641 2.07 27.745-.045.7.655.81 1.012.296.829-.667 2.767-2.597 3.818-5.195 0-5.762-.666-12.458-2.219-22.262-.57-1.585-2.939-1.566-4.681-.584zM48.199 34.1s10.239 6.972 3.106 16.42c0 0 2.132 8.516.155 9.85-1.977 1.334 20.619-5.545 12.136-18.563 0 0-5.158-7.573-15.397-7.708z"
+    d: "M21.922 26.23c.794 9.218 2.56 25.641 2.07 27.745-.045.7.655.81 1.012.296.829-.667 2.767-2.597 3.818-5.195 0-5.762-.666-12.458-2.219-22.262-.57-1.585-2.939-1.566-4.681-.584zm26.277 7.87s10.239 6.972 3.106 16.42c0 0 2.132 8.516.155 9.85-1.977 1.334 20.619-5.545 12.136-18.563 0 0-5.158-7.573-15.397-7.708z"
   })), /*#__PURE__*/React.createElement("g", {
-    fill: colored ? 'none' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('none') ? 'white' : 'currentColor'),
+    fill: colored ? 'none' : (themed ? 'var(--datalayer-icon-fg, currentColor)' : 'currentColor'),
     stroke: "#000",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     strokeMiterlimit: 10,
     strokeWidth: 2
   }, /*#__PURE__*/React.createElement("path", {
-    d: "M27.468 40.552c-.428-4.28-1.132-12.72-1.954-13.754 0 0 5.2 1.11 7.811-2.974M34.503 53.088s10.802 2.701 19.287-4.327"
+    d: "M27.468 40.552c-.428-4.28-1.132-12.72-1.954-13.754 0 0 5.2 1.11 7.811-2.974m1.178 29.264s10.802 2.701 19.287-4.327"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M27.72 50.631s2.868-14.473 16.368-16.393S64.3 42.753 64.3 42.753s.23.275.527.77c2.073 3.456 1.25 7.934-1.803 10.564-10.992 9.464-26.426 11.712-46.518 11.597 0 0-3.75 1.145-4.61-3.574 0 0-.769-20.94 3.818-35.627 0 0-.197-6 .03-9.928.04-.67.334-1.297.827-1.752 5.78-5.332 8.375-6.115 8.375-6.115l8.388-1.484c1.436.984 4.725 4.739 3.57 11.495"
+    d: "M27.72 50.631s2.868-14.473 16.368-16.393S64.3 42.753 64.3 42.753s.23.275.527.77c2.073 3.456 1.25 7.934-1.803 10.564-10.992 9.464-26.426 11.712-46.518 11.597 0 0-3.75 1.145-4.61-3.574 0 0-.769-20.94 3.818-35.627 0 0-.197-6 .03-9.928a2.59 2.59 0 01.827-1.752c5.78-5.332 8.375-6.115 8.375-6.115l8.388-1.484c1.436.984 4.725 4.739 3.57 11.495"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M25.589 19.295s1.816 2.59 3.632-.284V16l-.46-1.658-.36-.278M29.544 19.295s1.816 2.59 3.633-.284V16l-.873-2.125M36.82 19.011c-1.961 1.89-3.32 0-3.32 0M20.301 16.447a3.732 3.732 0 011.278 2.432c.033.288.131.57.336.774.595.594 1.959 1.517 3.323-.642V16l-.636-1.268M40.356 18.289c1.926.57 2.262 3.427-.702 4.1l-6.329 1.435"
+    d: "M25.589 19.295s1.816 2.59 3.632-.284V16l-.46-1.658-.36-.278m1.143 5.231s1.816 2.59 3.633-.284V16l-.873-2.125m4.516 5.136c-1.961 1.89-3.32 0-3.32 0m-13.199-2.564a3.732 3.732 0 011.278 2.432c.033.288.131.57.336.774.595.594 1.959 1.517 3.323-.642V16l-.636-1.268m15.754 3.557c1.926.57 2.262 3.427-.702 4.1l-6.329 1.435"
   })));
+  if (!colormoded) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormoded === "string" ? colormoded : undefined
+  }, _svgEl);
 }
 const ForwardRef = React.forwardRef(FlexedBicepsIcon);
 module.exports = ForwardRef;

package/eggs/GoldorakNoopIcon.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare const GoldorakNoopIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string, size?: "small" | "medium" | "large" | number, colored?: boolean } & React.RefAttributes<SVGSVGElement>>;
+declare const GoldorakNoopIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string, size?: "small" | "medium" | "large" | number, colored?: boolean, themed?: boolean, colormoded?: boolean | "light" | "dark" } & React.RefAttributes<SVGSVGElement>>;
 export default GoldorakNoopIcon;

package/eggs/GoldorakNoopIcon.js

@@ -6,13 +6,47 @@ const sizeMap = {
   "large": 64
 };
 
+function _DlIconInverseColormode({
+  mode,
+  children
+}) {
+  const ref = React.useRef(null);
+  const [resolved, setResolved] = React.useState(typeof mode === "string" ? mode : null);
+  React.useLayoutEffect(() => {
+    if (typeof mode === "string") {
+      setResolved(mode);
+      return;
+    }
+    if (typeof document === "undefined") return;
+    let cur = null;
+    let el = ref.current && ref.current.parentElement;
+    while (el) {
+      const m = el.getAttribute && el.getAttribute("data-color-mode");
+      if (m) { cur = m; break; }
+      el = el.parentElement;
+    }
+    if (!cur || cur === "auto") {
+      cur = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
+    }
+    setResolved(cur === "dark" ? "light" : "dark");
+  }, [mode]);
+  return /*#__PURE__*/React.createElement("span", {
+    ref: ref,
+    "data-color-mode": resolved || "light",
+    "data-light-theme": "light",
+    "data-dark-theme": "dark",
+    style: { display: "inline-flex", lineHeight: 0 }
+  }, children);
+}
+
 function GoldorakNoopIcon({
   title,
   titleId,
   size,
+  colormoded,
   ...props
 }, svgRef) {
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 800 800",
     fill: "currentColor",
@@ -20,7 +54,11 @@ function GoldorakNoopIcon({
     ref: svgRef,
     width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React.createElement("title", {
+  }, props, {
+    style: props && props.color != null ? Object.assign({}, props.style, {
+      "--datalayer-icon-fg": props.color
+    }) : props && props.style
+  }), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("g", {
     color: "#000"
@@ -30,27 +68,25 @@ function GoldorakNoopIcon({
     },
     fill: "#fff",
     stroke: "#fff",
-    strokeWidth: 3.62837536,
+    strokeWidth: 3.628,
     d: "M301.769 653.81l30.845-5.443 23.587-.907 39.01.907 42.637-8.165 68.04-14.515 28.123-2.722 26.309-7.257-3.629-125.193-34.473-8.165-68.04 41.73-34.474 4.537-67.132-27.216-39.01-24.494-18.144 8.164z",
     overflow: "visible"
   }), /*#__PURE__*/React.createElement("g", {
     stroke: "#000"
-  }, /*#__PURE__*/React.createElement("g", {
-    strokeWidth: 1.312
   }, /*#__PURE__*/React.createElement("path", {
     style: {
       marker: "none"
     },
-    strokeWidth: 3.62837536,
-    d: "M289.401 654.716l7.38-156.66s7.716-11.742 7.716-9.729c0 2.013 2.013 164.04 2.013 164.04zM337.372 496.378l-8.722 154.648 30.527-1.342-9.057-145.59zM416.206 538.31l-23.483 112.716 46.63-11.07-12.077-98.962zM502.755 504.094V625.53l32.875-1.677-20.128-125.128zM549.048 499.062l5.032 117.411 18.115-1.006-7.044-110.702-15.767-12.748z",
+    strokeWidth: 3.628,
+    d: "M289.401 654.716l7.38-156.66s7.716-11.742 7.716-9.729c0 2.013 2.013 164.04 2.013 164.04zm47.971-158.338l-8.722 154.648 30.527-1.342-9.057-145.59zm78.834 41.932l-23.483 112.716 46.63-11.07-12.077-98.962zm86.549-34.216V625.53l32.875-1.677-20.128-125.128zm46.293-5.032l5.032 117.411 18.115-1.006-7.044-110.702-15.767-12.748z",
     overflow: "visible"
-  })), /*#__PURE__*/React.createElement("path", {
-    d: "M304.161 490.675v90.575l-17.78-3.69-20.798-10.064-6.038-19.792 18.115-25.83 18.45-29.521zM564.815 501.745l1.677 68.77 13.419-4.696 16.102-14.76 1.342-19.793-18.786-21.805z",
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M304.161 490.675v90.575l-17.78-3.69-20.798-10.064-6.038-19.792 18.115-25.83 18.45-29.521zm260.654 11.07l1.677 68.77 13.419-4.696 16.102-14.76 1.342-19.793-18.786-21.805z",
     style: {
       marker: "none"
     },
     fill: "#333",
-    strokeWidth: 3.62837536,
+    strokeWidth: 3.628,
     overflow: "visible"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M303.078 570.89l-.8 12.811c-13.081-2.148-26.088-4-40.034-9.608-8.883-3.865-11.941-11.612-12.811-20.818 6.408-22.685 19.141-42.659 19.216-68.058l5.658-47.144c6.352-5.005 9.95-5.474 13.057-14.535l46.941 40.861 82.47-25.622 72.863 41.636 55.247-60.051 17.615 4.804 36.831 92.078c2.05 13.612 3.113 27.223 0 40.835-9.902 10.691-19.803 15.422-29.705 21.143l-2.728-17.94c6.274-.613 12.548-.048 18.822-5.605 5.688-7.348 6.799-15.876.8-24.02l-32.027-29.626c-10.986-7.125-22.463-10.322-35.23-3.202l-78.467 45.638c-10.267.459-20.14 3.68-31.227-1.6l-98.484-56.049-38.433 56.849c-.471 7.473-5.267 14.946 2.403 22.419 7.426 3.133 16.143 5.234 28.023 4.804z",
@@ -58,24 +94,22 @@ function GoldorakNoopIcon({
       marker: "none"
     },
     fill: "#fff",
-    strokeWidth: 3.62837536,
+    strokeWidth: 3.628,
     overflow: "visible"
-  }), /*#__PURE__*/React.createElement("g", {
-    strokeWidth: 1.312
-  }, /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     style: {
       marker: "none"
     },
-    strokeWidth: 3.62837536,
-    d: "M336.366 463.838l.335 34.888 6.374 4.026-.336-37.236zM414.193 439.685l-.336 103.322 7.716 6.71 8.386-3.02-1.677-103.657-6.374-4.361zM492.355 479.27l1.007 34.552 5.032-3.355-.671-36.23-5.703 3.355z",
+    strokeWidth: 3.628,
+    d: "M336.366 463.838l.335 34.888 6.374 4.026-.336-37.236zm77.827-24.153l-.336 103.322 7.716 6.71 8.386-3.02-1.677-103.657-6.374-4.361zm78.162 39.585l1.007 34.552 5.032-3.355-.671-36.23-5.703 3.355z",
     overflow: "visible"
-  })), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M288.795 426.527c8.772-31.4 2.56-53.644-11.386-71.162 5.315-33.381 7.165-66.896-19.926-101.524l296.035-10.912c-25.949 34.54-22.544 70.625-.474 107.692-16.778 25.683-14.033 49.414-5.693 72.585l-53.135 57.405-74.957-42.223-77.33 27.516z",
     style: {
       marker: "none"
     },
     fill: "#22343e",
-    strokeWidth: 3.62837536,
+    strokeWidth: 3.628,
     overflow: "visible"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M348.57 372.919c10.912-3.321 43.173-13.758 43.173-13.758l-.95 55.506-42.222 24.195z",
@@ -83,7 +117,7 @@ function GoldorakNoopIcon({
       marker: "none"
     },
     fill: "#a5bccc",
-    strokeWidth: 3.62837536,
+    strokeWidth: 3.628,
     overflow: "visible"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M440.607 358.212l36.53 17.553-2.372 57.404-36.53-16.604z",
@@ -91,7 +125,7 @@ function GoldorakNoopIcon({
       marker: "none"
     },
     fill: "#97b5d2",
-    strokeWidth: 3.62837536,
+    strokeWidth: 3.628,
     overflow: "visible"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M347.148 461.16l70.213-23.247s66.418 37.953 66.418 36.056c0-1.898-.949-40.8-.949-40.8l-66.418-31.311-67.841 32.734z",
@@ -99,25 +133,23 @@ function GoldorakNoopIcon({
       marker: "none"
     },
     fill: "#b4d0e8",
-    strokeWidth: 3.62837536,
+    strokeWidth: 3.628,
     overflow: "visible"
-  }), /*#__PURE__*/React.createElement("g", {
-    fill: "#fff5af",
-    strokeWidth: 1.312
-  }, /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     style: {
       marker: "none"
     },
-    strokeWidth: 3.62837536,
-    d: "M391.743 358.686l-38.428-24.195-63.571-.474 50.287 40.8zM438.235 356.788l27.99-19.925 55.507-1.898-42.697 39.377z",
-    overflow: "visible"
-  })), /*#__PURE__*/React.createElement("path", {
+    strokeWidth: 3.628,
+    d: "M391.743 358.686l-38.428-24.195-63.571-.474 50.287 40.8zm46.492-1.898l27.99-19.925 55.507-1.898-42.697 39.377z",
+    overflow: "visible",
+    fill: "#fff5af"
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M314.888 219.683c17.762 28.837 33.37 61.983 39.85 113.385l60.25 34.158 51.712-27.99c-2.389-45.983 5.439-87.785 30.837-122.4-8.065-1.757-16.13-3.21-24.195 0-17.55 22.784-27.294 68.982-38.902 109.59-13.602 13.174-26.565 12.919-38.902-.474-20.741-41.625-38.794-91.698-67.841-107.218-5.22-3.482-8.757-.235-12.81.949z",
     style: {
       marker: "none"
     },
     fill: "#ebedfc",
-    strokeWidth: 3.62837536,
+    strokeWidth: 3.628,
     overflow: "visible"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M464.049 328.37c13.141-47.344 31.202-87.12 76.855-84.447-5.21-29.679-16.22-40.249-29.414-40.8-31.363 7.086-43.029 74.132-47.441 125.246z",
@@ -125,7 +157,7 @@ function GoldorakNoopIcon({
       marker: "none"
     },
     fill: "#96b3c5",
-    strokeWidth: 3.62837536,
+    strokeWidth: 3.628,
     overflow: "visible"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M258.432 253.366c47.865-9.708 73.664 28.73 93.934 79.227-8.693-46.285-13.52-107.885-52.66-131.412-26.357-2.279-38.73 21.333-41.274 52.185z",
@@ -133,7 +165,7 @@ function GoldorakNoopIcon({
       marker: "none"
     },
     fill: "#a4bfc8",
-    strokeWidth: 3.62837536,
+    strokeWidth: 3.628,
     overflow: "visible"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M402.654 178.883l5.693-19.925 8.54 20.874z",
@@ -141,7 +173,7 @@ function GoldorakNoopIcon({
       marker: "none"
     },
     fill: "#96b5d2",
-    strokeWidth: 3.62837536,
+    strokeWidth: 3.628,
     overflow: "visible"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M324.85 217.785c29.18-47.613 121.373-62.904 156.083-5.219-33.589 31.403-32.151 72.024-44.121 109.116-6.958 19.65-37.162 20.115-45.07-1.898-19.263-37.5-32.38-82.094-66.892-101.999z",
@@ -149,26 +181,24 @@ function GoldorakNoopIcon({
       marker: "none"
     },
     fill: "#be0000",
-    strokeWidth: 3.62837536,
+    strokeWidth: 3.628,
     overflow: "visible"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M401.23 234.39l7.592-22.298 8.539 22.298zM405.026 289.422l5.693-20.4 8.54 21.348z",
+    d: "M401.23 234.39l7.592-22.298 8.539 22.298zm3.796 55.032l5.693-20.4 8.54 21.348z",
     style: {
       marker: "none"
     },
     fill: "#96b5d2",
-    strokeWidth: 3.62837536,
+    strokeWidth: 3.628,
     overflow: "visible"
-  }), /*#__PURE__*/React.createElement("g", {
-    strokeWidth: 1.312
-  }, /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     style: {
       marker: "none"
     },
-    strokeWidth: 3.62837536,
-    d: "M341.398 468.2l2.012-18.787-55.686-27.507v2.012zM485.646 443.375l.671 29.52 7.38 8.052 53.003-59.712-4.025-8.051z",
+    strokeWidth: 3.628,
+    d: "M341.398 468.2l2.012-18.787-55.686-27.507v2.012zm144.248-24.825l.671 29.52 7.38 8.052 53.003-59.712-4.025-8.051z",
     overflow: "visible"
-  })), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M474.087 325.573c-35.8 29.342-52.117 32.165-88.308 37.118-9.672 9.393-4.455 26.899-.485 34.692 37.74-4.805 73.997-8.073 88.793-71.81z",
     style: {
       marker: "none"
@@ -205,6 +235,10 @@ function GoldorakNoopIcon({
     overflow: "visible",
     transform: "matrix(2.82788 0 0 2.9076 -523.623 -811.046)"
   })))));
+  if (!colormoded) return _svgEl;
+  return /*#__PURE__*/React.createElement(_DlIconInverseColormode, {
+    mode: typeof colormoded === "string" ? colormoded : undefined
+  }, _svgEl);
 }
 const ForwardRef = React.forwardRef(GoldorakNoopIcon);
 module.exports = ForwardRef;

package/eggs/PirateFlag2Icon.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare const PirateFlag2Icon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string, size?: "small" | "medium" | "large" | number, colored?: boolean } & React.RefAttributes<SVGSVGElement>>;
+declare const PirateFlag2Icon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string, size?: "small" | "medium" | "large" | number, colored?: boolean, themed?: boolean, colormoded?: boolean | "light" | "dark" } & React.RefAttributes<SVGSVGElement>>;
 export default PirateFlag2Icon;