@particle-network/icons 0.4.0-beta.0 → 0.4.0-beta.1

package/dist/web/SlippageIcon.js

@@ -1,55 +1,54 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const SlippageIcon_SlippageIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsxs("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: [
             /*#__PURE__*/ jsx("path", {
                 d: "M5.5 18.225C7.13825 19.9351 9.44477 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 12.2707 3.01195 12.5386 3.03535 12.8032",
-                stroke: _color,
+                stroke: "currentColor",
                 strokeWidth: 1.4,
                 strokeLinecap: "round"
             }),
             /*#__PURE__*/ jsx("path", {
                 d: "M3.09998 13H7.09998",
-                stroke: _color,
+                stroke: "currentColor",
                 strokeWidth: 1.4,
                 strokeLinecap: "round"
             }),
             /*#__PURE__*/ jsx("path", {
                 d: "M10 7L7.10156 13",
-                stroke: _color,
+                stroke: "currentColor",
                 strokeWidth: 1.4,
                 strokeLinecap: "round"
             }),
             /*#__PURE__*/ jsx("path", {
                 d: "M10 7L12 17",
-                stroke: _color,
+                stroke: "currentColor",
                 strokeWidth: 1.4,
                 strokeLinecap: "round"
             }),
             /*#__PURE__*/ jsx("path", {
                 d: "M15 10L12 17",
-                stroke: _color,
+                stroke: "currentColor",
                 strokeWidth: 1.4,
                 strokeLinecap: "round"
             }),
             /*#__PURE__*/ jsx("path", {
                 d: "M15 10L16 12",
-                stroke: _color,
+                stroke: "currentColor",
                 strokeWidth: 1.4,
                 strokeLinecap: "round"
             }),
             /*#__PURE__*/ jsx("path", {
                 d: "M18 12L16 12",
-                stroke: _color,
+                stroke: "currentColor",
                 strokeWidth: 1.4,
                 strokeLinecap: "round"
             })

package/dist/web/SmartphoneIcon.d.ts

@@ -0,0 +1,7 @@
+import { type IconColor } from '../core';
+import { type IconProps } from './types';
+declare const SmartphoneIcon: {
+    <T extends string = IconColor>({ size, width, height, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default SmartphoneIcon;

package/dist/web/SmartphoneIcon.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+const SmartphoneIcon_SmartphoneIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+    return /*#__PURE__*/ jsx("svg", {
+        width: width,
+        height: height,
+        className: clsx,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M16.5 1.5C18.1569 1.5 19.5 2.84315 19.5 4.5V19.5C19.5 21.1051 18.2394 22.4158 16.6543 22.4961L16.5 22.5H7.5L7.3457 22.4961C5.81166 22.4184 4.58163 21.1883 4.50391 19.6543L4.5 19.5V4.5C4.5 2.84315 5.84315 1.5 7.5 1.5H16.5ZM6 19.5C6 20.3284 6.67157 21 7.5 21H16.5C17.3284 21 18 20.3284 18 19.5V18H6V19.5ZM12.75 18.75C13.1642 18.75 13.5 19.0858 13.5 19.5C13.5 19.9142 13.1642 20.25 12.75 20.25H11.25C10.8358 20.25 10.5 19.9142 10.5 19.5C10.5 19.0858 10.8358 18.75 11.25 18.75H12.75ZM7.5 3C6.67157 3 6 3.67157 6 4.5V16.5H18V4.5C18 3.67157 17.3284 3 16.5 3H7.5ZM13.5 4.5C13.9142 4.5 14.25 4.83579 14.25 5.25C14.25 5.66421 13.9142 6 13.5 6H10.5C10.0858 6 9.75 5.66421 9.75 5.25C9.75 4.83579 10.0858 4.5 10.5 4.5H13.5Z",
+            fill: "currentColor"
+        })
+    });
+};
+SmartphoneIcon_SmartphoneIcon.displayName = 'SmartphoneIcon|smartphone';
+const SmartphoneIcon = SmartphoneIcon_SmartphoneIcon;
+export { SmartphoneIcon as default };

package/dist/web/SnowflakeIcon.js

@@ -1,18 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const SnowflakeIcon_SnowflakeIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M12.0358 2.41895C12.2245 2.41911 12.3776 2.57196 12.3776 2.76074V5.1582L13.5016 4.03418L13.5553 3.99023C13.6689 3.9155 13.8177 3.91547 13.9313 3.99023L13.985 4.03418L14.5367 4.58594C14.6698 4.71942 14.6699 4.93587 14.5367 5.06934L12.3776 7.22852V10.957L15.3424 9.24512L16.2047 6.02734L16.2291 5.96191C16.2903 5.84046 16.4191 5.7666 16.5543 5.77441L16.6217 5.78516L16.6237 5.78613L17.3756 5.9873L17.3766 5.98828C17.5585 6.03771 17.6654 6.22421 17.6178 6.40527V6.40625L17.1334 8.20996L19.9957 6.55859L19.9977 6.55762C20.1401 6.47671 20.3171 6.50837 20.4225 6.62695L20.4625 6.68262L20.4635 6.68359L20.8531 7.3584L20.8541 7.36035C20.9464 7.52295 20.8908 7.73049 20.7281 7.8252L20.7272 7.82617L18.1998 9.28418L19.4742 9.62598H19.4752C19.636 9.66798 19.74 9.81783 19.7301 9.97754L19.7194 10.0459L19.5172 10.7949L19.5182 10.7959C19.4763 10.9567 19.3263 11.0614 19.1666 11.0518L19.0983 11.04L16.4088 10.3184L13.3063 12.1104L16.1442 13.749L19.0983 12.958L19.1666 12.9463C19.3254 12.9367 19.4744 13.0399 19.5172 13.1992L19.7194 13.9521L19.7301 14.0205C19.7399 14.1802 19.6359 14.3301 19.4752 14.3721L19.4742 14.3711L17.9352 14.7832L20.0143 15.9844H20.0153C20.182 16.0796 20.2348 16.2902 20.1432 16.4512L20.1422 16.4521L19.7526 17.127L19.7516 17.126C19.6563 17.2922 19.4476 17.345 19.2867 17.2539L19.2848 17.2529L17.2037 16.0508L17.6178 17.5947V17.5967C17.6652 17.7777 17.5584 17.9643 17.3766 18.0137H17.3756L16.6237 18.2158H16.6217C16.4407 18.2634 16.2541 18.1565 16.2047 17.9746V17.9736L15.4117 15.0166L12.3776 13.2646V16.7686L14.5416 18.9326C14.6749 19.0661 14.6747 19.2825 14.5416 19.416L13.9899 19.9678C13.8563 20.101 13.64 20.1011 13.5065 19.9678L12.3776 18.8389V21.2393C12.3776 21.428 12.2245 21.5809 12.0358 21.5811H11.2565C11.0676 21.5811 10.9147 21.4282 10.9147 21.2393V18.8408L9.78772 19.9678C9.65421 20.1013 9.4379 20.1012 9.30432 19.9678L8.75256 19.417C8.619 19.2834 8.619 19.0662 8.75256 18.9326L10.9147 16.7705V13.2627L7.88245 15.0137L7.08948 17.9736V17.9746C7.04016 18.1564 6.85343 18.2631 6.67249 18.2158H6.67053L5.9176 18.0137C5.8304 17.9902 5.7559 17.9326 5.71057 17.8545C5.66547 17.7765 5.65259 17.6839 5.67542 17.5967L5.67639 17.5947L6.09045 16.0479L4.00452 17.2529L4.00354 17.2539C3.84083 17.3466 3.63251 17.2908 3.53772 17.1279V17.127L3.14807 16.4521L3.14709 16.4512C3.05437 16.2884 3.10915 16.0801 3.27209 15.9854H3.27307L5.35413 14.7822L3.81995 14.3711L3.81897 14.3721C3.63524 14.3242 3.52537 14.1356 3.57483 13.9521L3.776 13.1992L3.77795 13.2002C3.82669 13.0175 4.01301 12.9085 4.19592 12.958L4.19495 12.959L7.14514 13.748L10.1735 12L7.14026 10.249L4.19495 11.0391L4.19592 11.04C4.01266 11.0896 3.82527 10.9801 3.77698 10.7969L3.776 10.7979L3.57483 10.0459C3.52529 9.86238 3.63521 9.67383 3.81897 9.62598H3.81995L5.35022 9.21582L3.27307 8.0166C3.19471 7.97136 3.13749 7.89691 3.11389 7.80957C3.09032 7.72208 3.10198 7.62838 3.14709 7.5498H3.14807L3.53772 6.87402C3.62147 6.72929 3.7922 6.67162 3.94104 6.7207L4.00354 6.74805L4.00452 6.74902L6.09045 7.95312L5.67639 6.40625L5.67542 6.40527C5.62774 6.2241 5.73548 6.03761 5.9176 5.98828V5.9873L6.67053 5.78613L6.67249 5.78516C6.73793 5.76809 6.80667 5.77139 6.86975 5.79297L6.9303 5.82031L6.98499 5.85938C7.01852 5.88889 7.04627 5.92478 7.06604 5.96484L7.08948 6.02734L7.88245 8.98633L10.9147 10.7373V7.22754L8.75256 5.06543C8.61928 4.93194 8.61932 4.71555 8.75256 4.58203L9.30432 4.03027L9.35803 3.98633C9.47163 3.91164 9.62047 3.91151 9.73401 3.98633L9.78772 4.03027L10.9147 5.15723V2.76074C10.9147 2.57185 11.0676 2.41895 11.2565 2.41895H12.0358Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/SortAscIcon.js

@@ -1,18 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const SortAscIcon_SortAscIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 6 5",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M2.40164 0.757802C2.79558 0.345103 3.45442 0.345102 3.84836 0.757801L5.63636 2.63095C6.2438 3.26731 5.79275 4.32143 4.91301 4.32143H1.33699C0.457254 4.32143 0.00619864 3.26732 0.613636 2.63095L2.40164 0.757802Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/SortDescIcon.js

@@ -1,18 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const SortDescIcon_SortDescIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 6 5",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M3.84836 4.2422C3.45442 4.6549 2.79558 4.6549 2.40164 4.2422L0.613637 2.36905C0.00619985 1.73268 0.457254 0.678571 1.33699 0.678571L4.91301 0.678571C5.79275 0.678571 6.2438 1.73268 5.63636 2.36905L3.84836 4.2422Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/SortDown1Icon.js

@@ -1,18 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const SortDown1Icon_SortDown1Icon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M13.5153 17.792C13.9084 17.8724 14.2047 18.2208 14.2047 18.6377C14.2045 19.0545 13.9083 19.402 13.5153 19.4824L13.3414 19.501H4.04944C3.57319 19.5008 3.18636 19.1139 3.18616 18.6377C3.18616 18.1613 3.57307 17.7746 4.04944 17.7744H13.3414L13.5153 17.792ZM17.778 7.81836C18.2542 7.81859 18.6411 8.20535 18.6412 8.68164V17.1123L19.9889 16.3037C20.3974 16.0591 20.9274 16.1923 21.1725 16.6006C21.3865 16.9577 21.312 17.4074 21.0172 17.6787L20.8756 17.7842L18.6237 19.1357C17.8717 19.5869 16.9147 19.0449 16.9147 18.168V8.68164C16.9148 8.20521 17.3015 7.81836 17.778 7.81836ZM13.5153 11.1543C13.9084 11.2347 14.2047 11.583 14.2047 12C14.2046 12.4168 13.9083 12.7643 13.5153 12.8447L13.3414 12.8633H4.04944C3.57315 12.8631 3.18628 12.4763 3.18616 12C3.18616 11.5236 3.57307 11.1369 4.04944 11.1367H13.3414L13.5153 11.1543ZM20.1803 4.51855C20.5735 4.59894 20.8697 4.9463 20.8698 5.36328C20.8698 5.78028 20.5735 6.12762 20.1803 6.20801L20.0065 6.22656H4.03674C3.56025 6.22655 3.17346 5.83978 3.17346 5.36328C3.17348 4.8868 3.56026 4.50002 4.03674 4.5H20.0065L20.1803 4.51855Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/SortDownIcon.js

@@ -1,18 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const SortDownIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M7.65514 2.40649C7.12013 2.40649 6.76345 2.76317 6.76345 3.29818V18.8134L4.53425 17.0301C4.17758 16.6734 3.5534 16.7626 3.2859 17.1192C2.92922 17.4759 3.01839 18.1001 3.37506 18.3676L7.03096 21.3993C7.65514 21.8452 8.45765 21.4885 8.45765 20.686V3.29818C8.54682 2.85233 8.19014 2.40649 7.65514 2.40649ZM11.1327 5.25988H20.9412V7.04324H11.1327V5.25988ZM11.1327 11.68H20.9412V13.4633H11.1327V11.68ZM11.1327 18.1001H20.9412V19.8835H11.1327V18.1001Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/SortIcon.js

@@ -1,18 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const SortIcon_SortIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M15.5261 14.3236C17.2606 14.3236 18.1502 16.4018 16.9529 17.6566L13.4275 21.35C12.6507 22.1637 11.3517 22.1637 10.5749 21.35L7.04955 17.6566C5.85187 16.4019 6.7408 14.3237 8.47533 14.3236H15.5261ZM10.574 2.64978C11.3507 1.83619 12.6498 1.83609 13.4265 2.64978L16.9519 6.34314C18.1492 7.5979 17.2596 9.67614 15.5251 9.67614H8.47435C6.73988 9.67614 5.85032 7.59791 7.04759 6.34314L10.574 2.64978Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/SortUp1Icon.js

@@ -1,18 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const SortUp1Icon_SortUp1Icon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M13.5153 17.792C13.9084 17.8724 14.2047 18.2207 14.2047 18.6377C14.2045 19.0545 13.9083 19.402 13.5153 19.4824L13.3414 19.501H4.04944C3.5732 19.5008 3.18636 19.1139 3.18616 18.6377C3.18616 18.1613 3.57307 17.7746 4.04944 17.7744H13.3414L13.5153 17.792ZM16.9137 8.94922C16.914 8.07248 17.8718 7.53042 18.6237 7.98145L20.8756 9.33301L21.0172 9.43848C21.3121 9.70969 21.3864 10.1595 21.1725 10.5166C20.9275 10.925 20.3974 11.0581 19.9889 10.8135L18.6412 10.0049V18.4355C18.6412 18.9119 18.2542 19.2986 17.778 19.2988C17.3014 19.2988 16.9137 18.9121 16.9137 18.4355V8.94922ZM13.5153 11.1543C13.9084 11.2347 14.2047 11.583 14.2047 12C14.2046 12.4168 13.9083 12.7643 13.5153 12.8447L13.3414 12.8633H4.04944C3.57315 12.8631 3.18628 12.4763 3.18616 12C3.18616 11.5236 3.57307 11.1369 4.04944 11.1367H13.3414L13.5153 11.1543ZM20.1803 4.51855C20.5735 4.59894 20.8697 4.9463 20.8698 5.36328C20.8698 5.78028 20.5735 6.12762 20.1803 6.20801L20.0065 6.22656H4.03674C3.56025 6.22655 3.17346 5.83978 3.17346 5.36328C3.17348 4.8868 3.56026 4.50002 4.03674 4.5H20.0065L20.1803 4.51855Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/SortUpIcon.js

@@ -1,18 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const SortUpIcon_SortUpIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M7.69749 21.4998C7.16769 21.4998 6.8145 21.1466 6.8145 20.6168V5.25275L4.60703 7.01873C4.25383 7.37193 3.63574 7.28363 3.37084 6.93043C3.01764 6.57724 3.10594 5.95914 3.45914 5.69425L7.07939 2.69208C7.69749 2.25059 8.49218 2.60378 8.49218 3.39848V20.6168C8.58048 21.0583 8.22728 21.4998 7.69749 21.4998ZM11.1411 18.6742H20.854V16.9082H11.1411V18.6742ZM11.1411 12.3167H20.854V10.5507H11.1411V12.3167ZM11.1411 5.95914H20.854V4.19317H11.1411V5.95914Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/SpaceIcon.js

@@ -1,19 +1,18 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const SpaceIcon_SpaceIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M4.20567 9.7373V12.2516C4.20567 12.8067 4.65623 13.2573 5.21138 13.2573H18.7885C19.3437 13.2573 19.7942 12.8067 19.7942 12.2516V9.7373H20.8V12.7544C20.8 13.5877 20.1241 14.263 19.2914 14.263H4.70852C3.87579 14.263 3.19995 13.5877 3.19995 12.7544V9.7373H4.20567Z",
-            fill: _color,
-            stroke: _color,
+            fill: "currentColor",
+            stroke: "currentColor",
             strokeWidth: 0.4
         })
     });

package/dist/web/SproutIcon.js

@@ -1,18 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const SproutIcon_SproutIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M2.2566 2.52977C3.2828 2.0729 5.60471 1.29057 7.96266 2.25145C10.512 3.2916 10.3809 5.77041 10.2371 6.68406C11.4936 7.79682 12.7803 9.31424 13.5769 11.2915C13.6806 11.5488 13.7764 11.8058 13.867 12.061C14.1242 11.1107 14.6047 9.86861 15.4949 8.73582C15.743 8.41969 15.9992 8.1535 16.2537 7.9243C15.5916 6.61552 16.6849 4.84195 18.4773 4.68699C19.8477 4.56844 21.0951 5.08096 21.7732 5.43504C22.0372 5.57256 22.0779 5.92825 21.8582 6.12742C21.5436 6.41513 21.0616 6.89758 20.3962 7.67039C19.59 8.60614 17.9634 9.74676 16.74 8.57078C16.4729 8.9217 16.1967 9.32704 15.9216 9.80125C15.058 11.2907 14.6872 13.2025 14.533 14.3462C15.3269 17.7777 15.0973 20.5418 15.0681 20.8501C17.2953 20.9146 18.9695 21.191 18.9695 21.521C18.9694 21.8987 16.7751 22.2055 14.0691 22.2055C11.3631 22.2055 9.16877 21.8988 9.16871 21.521C9.16873 21.2112 10.6445 20.9519 12.6677 20.8677C12.6332 20.7453 12.6342 20.6111 12.6804 20.4848C13.0156 19.5742 13.7905 17.2206 12.2986 11.7173C11.7612 9.73355 10.8851 8.32153 9.98414 7.27195C8.19483 9.62077 5.40449 8.23808 4.10035 5.92723C3.38276 4.65643 2.57997 3.7102 2.11207 3.2075C1.91331 2.99408 1.98961 2.64983 2.2566 2.52977Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/StakeIcon.js

@@ -1,18 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const StakeIcon_StakeIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M12.0002 2.94336C17.0456 2.94336 21.0569 6.95466 21.0569 12C21.0569 12.2056 20.9879 12.3814 20.8635 12.5059C20.7391 12.6303 20.5632 12.6992 20.3577 12.6992C20.1521 12.6992 19.9763 12.6302 19.8518 12.5059C19.7273 12.3814 19.6584 12.2056 19.6584 12C19.6584 7.78822 16.212 4.3418 12.0002 4.3418C7.78846 4.3418 4.34204 7.78822 4.34204 12C4.34205 16.2118 7.78847 19.6582 12.0002 19.6582C12.2059 19.6582 12.3816 19.7271 12.5061 19.8516C12.6305 19.976 12.6995 20.1519 12.6995 20.3574C12.6994 20.5629 12.6305 20.7389 12.5061 20.8633C12.3816 20.9877 12.2058 21.0566 12.0002 21.0566C6.9549 21.0566 2.94361 17.0453 2.9436 12C2.9436 6.95466 6.9549 2.94336 12.0002 2.94336ZM17.4006 14.042C18.1717 14.042 18.9791 14.1679 19.6038 14.4209C20.2035 14.6639 20.7579 15.0806 20.7581 15.7217C20.758 16.077 20.5872 16.3628 20.3333 16.5889C20.4438 16.6337 20.5417 16.7125 20.6067 16.8232C20.7015 16.9843 20.7545 17.1594 20.7571 17.3428L20.7532 17.46C20.7232 17.7849 20.5428 18.0474 20.2932 18.2598C20.4008 18.2988 20.4978 18.37 20.5667 18.4727C20.69 18.6564 20.758 18.8617 20.7581 19.0781C20.7579 19.7192 20.2034 20.1359 19.6038 20.3789C18.9791 20.6319 18.1717 20.7578 17.4006 20.7578C16.6296 20.7578 15.8223 20.632 15.1975 20.3789C14.5975 20.1358 14.0434 19.7187 14.0432 19.0771C14.0433 18.8658 14.1079 18.6661 14.2258 18.4863L14.2268 18.4854C14.2846 18.3984 14.3625 18.3325 14.4504 18.29C14.2026 18.0636 14.0488 17.7863 14.0432 17.459L14.0442 17.458C14.0398 17.2175 14.1195 16.992 14.2649 16.793C14.3255 16.7099 14.4054 16.6497 14.4934 16.6113C14.2254 16.3819 14.0432 16.0889 14.0432 15.7217C14.0434 15.0805 14.5977 14.6639 15.1975 14.4209C15.8223 14.1679 16.6296 14.042 17.4006 14.042ZM19.55 18.6904C18.9409 18.9344 18.1703 19.0669 17.4299 19.0801H17.3625C17.3416 19.0803 17.3186 19.081 17.2961 19.0811C16.5442 19.081 15.8225 18.9687 15.2512 18.7539C15.2586 18.8621 15.2355 18.9733 15.178 19.0732C15.1889 19.0868 15.206 19.1092 15.2385 19.1357C15.3238 19.2053 15.4654 19.2865 15.6663 19.3633C16.0662 19.516 16.661 19.6367 17.4006 19.6367C18.1403 19.6367 18.7351 19.5161 19.135 19.3633C19.336 19.2864 19.4776 19.2053 19.5627 19.1357C19.5946 19.1097 19.6113 19.0877 19.6223 19.0742C19.5497 18.9545 19.5284 18.8186 19.55 18.6904ZM19.5696 17.0342C18.9497 17.2783 18.158 17.4013 17.4006 17.4014C16.6587 17.4014 15.8839 17.283 15.2698 17.0488C15.2867 17.1796 15.2597 17.3164 15.1819 17.4336C15.1933 17.4467 15.21 17.4677 15.2395 17.4912C15.3235 17.5581 15.4578 17.6335 15.636 17.7012H15.637C16.0924 17.8742 16.7175 17.9653 17.4094 17.957C18.1493 17.9434 18.7427 17.814 19.1399 17.6543C19.3392 17.5741 19.4789 17.4908 19.5627 17.4199C19.5967 17.3912 19.613 17.3671 19.6233 17.3535C19.5727 17.2512 19.556 17.1403 19.5696 17.0342ZM17.4006 15.1631C16.661 15.1631 16.0662 15.2838 15.6663 15.4365C15.4654 15.5133 15.3238 15.5945 15.2385 15.6641C15.2101 15.6873 15.1933 15.7074 15.1819 15.7207C15.1932 15.7341 15.2092 15.7554 15.2385 15.7793C15.3237 15.8488 15.4653 15.9292 15.6663 16.0059C16.0662 16.1585 16.6609 16.2783 17.4006 16.2783C18.1404 16.2783 18.7351 16.1593 19.135 16.0068C19.336 15.9301 19.4777 15.8488 19.5627 15.7793C19.5912 15.756 19.6071 15.7349 19.6184 15.7217C19.6071 15.7084 19.5914 15.6875 19.5627 15.6641C19.4776 15.5945 19.336 15.5133 19.135 15.4365C18.7352 15.2838 18.1404 15.1631 17.4006 15.1631ZM12.6428 8.08691C12.8485 8.08691 13.0242 8.1558 13.1487 8.28027C13.2731 8.40474 13.342 8.58054 13.342 8.78613V12.6426C13.342 12.6825 13.3329 12.7292 13.3206 12.7744C13.308 12.8204 13.2906 12.8702 13.2747 12.918C13.2585 12.9664 13.2432 13.0133 13.2317 13.0557C13.22 13.0987 13.2141 13.1329 13.2141 13.1572V13.2139H13.1575C13.1332 13.2139 13.099 13.2197 13.0559 13.2314C13.0136 13.243 12.9667 13.2583 12.9182 13.2744C12.8704 13.2903 12.8206 13.3078 12.7747 13.3203C12.7294 13.3326 12.6828 13.3418 12.6428 13.3418H8.78638C8.58078 13.3418 8.40498 13.2729 8.28052 13.1484C8.15605 13.024 8.08716 12.8482 8.08716 12.6426C8.08722 12.437 8.1561 12.2611 8.28052 12.1367C8.40497 12.0125 8.58093 11.9434 8.78638 11.9434H11.9436V8.78613C11.9436 8.58068 12.0127 8.40472 12.137 8.28027C12.2614 8.15586 12.4373 8.08697 12.6428 8.08691Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/StarIcon.js

@@ -1,18 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const StarIcon_StarIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M12.0019 2.25098C12.638 2.25102 13.2271 2.60023 13.5039 3.16309L15.5674 7.35254L20.3183 8.04395C20.9275 8.13192 21.4424 8.54162 21.6435 9.11035C21.8454 9.68477 21.6913 10.3158 21.2539 10.7422L17.7705 14.1445L18.5781 18.8594L18.5937 18.9746C18.6485 19.5474 18.3785 20.1017 17.8916 20.4307L17.8896 20.4316C17.6049 20.621 17.2722 20.7177 16.9385 20.7178C16.6654 20.7177 16.3909 20.6522 16.1426 20.5234L16.1416 20.5225L12.0029 18.3428L7.86522 20.5225L7.86327 20.5234C7.61453 20.6522 7.33985 20.7177 7.0664 20.7178C6.73304 20.7178 6.39995 20.621 6.11522 20.4316L6.11327 20.4307C5.59409 20.0798 5.32194 19.4726 5.42772 18.8594L6.23437 14.1445L2.75194 10.7422C2.3138 10.3158 2.16009 9.68531 2.36132 9.11133L2.40331 9.00586C2.6275 8.49171 3.11549 8.12635 3.68651 8.04395L8.43651 7.35254L10.501 3.16309L10.5566 3.05957C10.8526 2.5582 11.406 2.25106 12.0019 2.25098ZM12.0019 3.68945C11.907 3.68954 11.8366 3.74036 11.8105 3.79297L9.6787 8.12305C9.51099 8.4636 9.18316 8.69829 8.80565 8.75293L3.8994 9.4668C3.8133 9.4792 3.75443 9.53525 3.73729 9.58398C3.72672 9.61426 3.72915 9.65039 3.74901 9.68457L3.77538 9.71875L7.37206 13.2324C7.60456 13.4598 7.72749 13.7723 7.71288 14.0918L7.69823 14.2295L6.86425 19.0996C6.85689 19.1422 6.873 19.1994 6.93651 19.2422C6.96893 19.2639 7.01684 19.2793 7.0664 19.2793C7.10771 19.2792 7.14787 19.2692 7.18163 19.252L11.456 17L11.458 16.999C11.6272 16.9112 11.8139 16.8653 12.0019 16.8652C12.1429 16.8652 12.2841 16.8905 12.417 16.9404L12.5478 16.999L12.5488 17L16.8252 19.2529L16.8789 19.2725C16.8979 19.277 16.9181 19.2793 16.9385 19.2793C16.9889 19.2793 17.0346 19.2649 17.0732 19.2393C17.1303 19.2007 17.1483 19.1459 17.1406 19.1006L16.3076 14.2295C16.2453 13.864 16.3667 13.4926 16.6328 13.2324L20.2295 9.71973L20.2558 9.68555C20.276 9.65125 20.2784 9.61476 20.2676 9.58301L20.2471 9.54688C20.2196 9.5104 20.1711 9.47605 20.1074 9.4668L15.1992 8.75293C14.8233 8.69827 14.4949 8.4636 14.3271 8.12305L12.1933 3.79199C12.1685 3.7417 12.0992 3.6895 12.0019 3.68945Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/StarOnIcon.js

@@ -1,18 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const StarOnIcon_StarOnIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M12.0013 2.25C12.6374 2.25004 13.2265 2.59925 13.5033 3.16211L15.5667 7.35156L20.3177 8.04297C20.9268 8.13094 21.4417 8.54065 21.6429 9.10938C21.8448 9.6838 21.6906 10.3148 21.2533 10.7412L17.7699 14.1436L18.5775 18.8584L18.5931 18.9736C18.6478 19.5464 18.3779 20.1007 17.891 20.4297L17.889 20.4307C17.6043 20.62 17.2715 20.7168 16.9378 20.7168C16.6648 20.7167 16.3902 20.6513 16.1419 20.5225L12.0023 18.3418L7.86458 20.5215L7.86263 20.5225C7.61389 20.6512 7.33921 20.7167 7.06576 20.7168C6.7324 20.7168 6.39931 20.62 6.11458 20.4307L6.11263 20.4297C5.59345 20.0788 5.3213 19.4716 5.42708 18.8584L6.23372 14.1436L2.7513 10.7412C2.31316 10.3148 2.15945 9.68433 2.36068 9.11035L2.40267 9.00488C2.62686 8.49073 3.11484 8.12537 3.68587 8.04297L8.43587 7.35156L10.5003 3.16211L10.556 3.05859C10.8519 2.55722 11.4054 2.25008 12.0013 2.25Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/SunIcon.js

@@ -1,18 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const SunIcon_SunIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M12 20.6328C12.4545 20.6328 12.8232 21.0016 12.8232 21.4561V22.4014C12.823 22.8556 12.4543 23.2246 12 23.2246C11.5457 23.2246 11.177 22.8556 11.1768 22.4014V21.4561C11.1768 21.0016 11.5455 20.6328 12 20.6328ZM4.80078 18.0352C5.12203 17.7139 5.64348 17.7141 5.96484 18.0352C6.28596 18.3565 6.28611 18.878 5.96484 19.1992L5.01953 20.1445C4.69826 20.4658 4.17683 20.4656 3.85547 20.1445C3.53446 19.8232 3.53422 19.3017 3.85547 18.9805L4.80078 18.0352ZM18.0352 18.0352C18.3362 17.7341 18.8125 17.7155 19.1357 17.9785L19.1387 17.9814L19.1953 18.0322L19.1992 18.0352L20.1445 18.9805C20.4656 19.3018 20.4658 19.8233 20.1445 20.1445C19.8233 20.4658 19.3018 20.4656 18.9805 20.1445L18.0352 19.1992L18.0322 19.1953L17.9814 19.1387L17.9785 19.1367L18.041 19.0859L17.9785 19.1357C17.7155 18.8125 17.7341 18.3362 18.0352 18.0352ZM12.001 5.50488C15.5883 5.50495 18.4961 8.41362 18.4961 12.001C18.496 15.5883 15.5883 18.496 12.001 18.4961C8.41362 18.4961 5.50495 15.5883 5.50488 12.001C5.50488 8.41356 8.41356 5.50488 12.001 5.50488ZM12.001 7.15137C9.32247 7.15137 7.15137 9.32247 7.15137 12.001L7.15723 12.251C7.28738 14.8132 9.40635 16.8506 12.001 16.8506L12.251 16.8447C14.8132 16.7146 16.8505 14.5955 16.8506 12.001L16.8447 11.751C16.7188 9.27149 14.7304 7.28317 12.251 7.15723L12.001 7.15137ZM2.62695 11.1807H2.63086C3.04586 11.2228 3.37012 11.5739 3.37012 12C3.37012 12.4261 3.04586 12.7772 2.63086 12.8193H2.62695L2.55078 12.8232H1.60156C1.14711 12.8232 0.77832 12.4545 0.77832 12C0.77832 11.5455 1.14711 11.1768 1.60156 11.1768H2.55078L2.62695 11.1807ZM22.4814 11.1807H22.4854C22.9002 11.223 23.2246 11.5741 23.2246 12C23.2246 12.4259 22.9002 12.777 22.4854 12.8193H22.4814L22.4053 12.8232H21.4561C21.0016 12.8232 20.6328 12.4545 20.6328 12C20.6328 11.5455 21.0016 11.1768 21.4561 11.1768H22.4053L22.4814 11.1807ZM3.85547 3.85352C4.15667 3.55231 4.63283 3.53359 4.95605 3.79688L4.95898 3.7998L5.01562 3.85059L5.01953 3.85352L5.96484 4.79883C6.28586 5.1202 6.28608 5.64165 5.96484 5.96289C5.64358 6.28376 5.12203 6.28379 4.80078 5.96289L3.85547 5.01758L3.85254 5.01367L3.80176 4.95703L3.79883 4.95508L3.86133 4.9043L3.79883 4.9541C3.53562 4.63101 3.55461 4.15475 3.85547 3.85352ZM18.9805 3.85352C19.3018 3.53219 19.8232 3.53226 20.1445 3.85352C20.4656 4.17488 20.4658 4.69633 20.1445 5.01758L19.1992 5.96289C18.8779 6.28383 18.3564 6.28385 18.0352 5.96289C17.714 5.64165 17.7141 5.12018 18.0352 4.79883L18.9805 3.85352ZM12 0.77832C12.4545 0.77832 12.8232 1.14711 12.8232 1.60156V2.54688C12.8232 3.00133 12.4545 3.37012 12 3.37012C11.5455 3.37012 11.1768 3.00133 11.1768 2.54688V1.60156C11.1768 1.14711 11.5455 0.77832 12 0.77832Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/Switch2Icon.js

@@ -1,18 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const Switch2Icon_Switch2Icon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M5.46766 11.8358V7.70016C5.46766 7.08922 5.98461 6.57227 6.59555 6.57227H15.3837V8.12312C15.3837 8.45209 15.7127 8.64007 15.9946 8.49908L19.8013 6.14931C20.0833 6.00832 20.0833 5.58536 19.8013 5.39738L15.9946 3.04761C15.7127 2.90662 15.3837 3.0946 15.3837 3.42357V5.06841H6.59555C5.18569 5.06841 4.0108 6.2433 4.0108 7.65316V11.7888C4.0108 12.2117 4.33977 12.5407 4.76273 12.5407C5.18569 12.5407 5.46766 12.2117 5.46766 11.8358ZM19.2373 11.5068C18.8144 11.5068 18.4854 11.8358 18.4854 12.2587V16.3943C18.4854 17.0053 17.9685 17.5222 17.3575 17.5222H8.61636V15.8774C8.61636 15.5484 8.28739 15.3604 8.00542 15.5014L4.19878 17.8512C3.91681 17.9922 3.91681 18.4151 4.19878 18.6031L8.00542 20.9529C8.28739 21.0939 8.61636 20.9059 8.61636 20.5769V19.0261H17.4045C18.8144 19.0261 19.9893 17.8512 19.9893 16.4413V12.3057C19.9893 11.8358 19.6603 11.5068 19.2373 11.5068Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/SwitchIcon.js

@@ -1,18 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const SwitchIcon_SwitchIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M20.0976 10.6504C20.6375 10.6504 20.998 10.29 20.998 9.75004C20.9979 9.21016 20.6375 8.85063 20.0976 8.85063H6.41983L10.289 4.98051C10.6489 4.62055 10.6489 4.0807 10.289 3.72074C10.109 3.54085 9.83902 3.45121 9.65909 3.45121C9.47911 3.45125 9.20915 3.54081 9.02921 3.72074L3.62979 9.12016C3.53983 9.21014 3.54008 9.30068 3.4501 9.39067C3.36024 9.66051 3.36016 9.9305 3.4501 10.1104C3.54014 10.2903 3.72042 10.4697 3.9003 10.5596C3.99024 10.6495 4.16963 10.6504 4.25967 10.6504H20.0976ZM13.7089 20.2793C14.0688 20.6389 14.6088 20.639 14.9687 20.2793L20.3681 14.8799C20.4581 14.7899 20.4578 14.6994 20.5478 14.6094C20.6377 14.3395 20.6377 14.0696 20.5478 13.8897C20.4578 13.7097 20.2775 13.5295 20.0976 13.4395C20.0075 13.3499 19.8281 13.3496 19.7382 13.3496H3.9003C3.36036 13.3496 2.99991 13.7101 2.99991 14.25C3.0001 14.7897 3.3605 15.1495 3.9003 15.1495H17.578L13.7089 19.0186C13.3489 19.3786 13.3489 19.9194 13.7089 20.2793Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/TargetIcon.js

@@ -1,18 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const TargetIcon_TargetIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M11.9971 1.02832C12.3756 1.02852 12.6826 1.33626 12.6826 1.71484V3.45801C16.8694 3.78972 20.2067 7.12759 20.5381 11.3145H22.2822C22.6609 11.3145 22.9678 11.6213 22.9678 12C22.9678 12.3787 22.6609 12.6855 22.2822 12.6855H20.5381C20.2066 16.8722 16.8692 20.2083 12.6826 20.54V22.2852C12.6826 22.6637 12.3756 22.9705 11.9971 22.9707C11.6184 22.9707 11.3115 22.6639 11.3115 22.2852V20.54C7.12443 20.2088 3.78665 16.8725 3.45508 12.6855H1.71094C1.33234 12.6854 1.02539 12.3786 1.02539 12C1.02539 11.6214 1.33234 11.3146 1.71094 11.3145H3.45508C3.78649 7.12724 7.12426 3.78923 11.3115 3.45801V1.71484C11.3115 1.33613 11.6184 1.02832 11.9971 1.02832ZM11.3115 4.83203C7.88202 5.15578 5.15303 7.885 4.8291 11.3145H6.85352C7.23223 11.3145 7.53906 11.6213 7.53906 12C7.53906 12.3787 7.23223 12.6855 6.85352 12.6855H4.8291C5.15318 16.1148 7.8822 18.8422 11.3115 19.166V17.1426C11.3117 16.764 11.6184 16.457 11.9971 16.457C12.3755 16.4572 12.6825 16.7641 12.6826 17.1426V19.166C16.1114 18.8418 18.839 16.1144 19.1631 12.6855H17.1396C16.761 12.6855 16.4541 12.3787 16.4541 12C16.4541 11.6213 16.761 11.3145 17.1396 11.3145H19.1631C18.8392 7.88542 16.1115 5.15726 12.6826 4.83301V6.85742C12.6824 7.23578 12.3754 7.54277 11.9971 7.54297C11.6185 7.54297 11.3118 7.23591 11.3115 6.85742V4.83203ZM11.9971 10.2861C12.9436 10.2864 13.7109 11.0534 13.7109 12C13.7109 12.9466 12.9436 13.7136 11.9971 13.7139C11.0503 13.7139 10.2823 12.9467 10.2822 12C10.2822 11.0532 11.0503 10.2861 11.9971 10.2861Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/TelegramIcon.js

@@ -1,12 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const TelegramIcon_TelegramIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsxs("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 25 24",
         fill: "none",
         ...props,
@@ -15,7 +14,7 @@ const TelegramIcon_TelegramIcon = ({ size = 16, width = size, height = size, col
                 clipPath: "url(#prefix__clip0_17425_22634)",
                 children: /*#__PURE__*/ jsx("path", {
                     d: "M19.1731 4C19.3265 4 19.6638 4.03349 19.8938 4.2334C20.0778 4.39999 20.1239 4.61662 20.1546 4.7832C20.1852 4.94986 20.2155 5.29995 20.1848 5.56641C19.9087 8.73194 18.7133 16.4118 18.0999 19.9434C17.8391 21.4424 17.3328 21.9422 16.8421 21.9922C15.7686 22.0921 14.9555 21.2262 13.928 20.4932C12.3025 19.3437 11.398 18.6269 9.81862 17.4941C7.99377 16.1948 9.17427 15.4785 10.2171 14.3125C10.493 14.0127 15.198 9.35093 15.2932 8.93164C15.3086 8.88166 15.3088 8.68101 15.2014 8.58105C15.0941 8.4811 14.9403 8.51453 14.8176 8.54785C14.6481 8.58182 12.0718 10.4479 7.05788 14.1289C6.32177 14.6787 5.66183 14.9454 5.06374 14.9287C4.40418 14.9119 3.14713 14.5284 2.19655 14.1953C1.04664 13.7956 0.126229 13.5792 0.202409 12.8799C0.248414 12.5134 0.708953 12.1468 1.56764 11.7637C6.93516 9.23147 10.5087 7.54873 12.303 6.73242C17.4096 4.41686 18.483 4.01666 19.1731 4Z",
-                    fill: _color
+                    fill: "currentColor"
                 })
             }),
             /*#__PURE__*/ jsx("defs", {

package/dist/web/TestnetsIcon.js

@@ -1,18 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const TestnetsIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M15.5093 19.3896C15.9201 19.3899 16.2534 19.7229 16.2534 20.1338C16.2532 20.5445 15.92 20.8777 15.5093 20.8779H8.4917C8.08091 20.8778 7.74776 20.5446 7.74756 20.1338C7.74756 19.7228 8.08078 19.3898 8.4917 19.3896H15.5093ZM18.3794 3.12207C19.9645 3.12209 21.2491 4.40714 21.2495 5.99219V15.5615C21.2494 17.1468 19.9647 18.4316 18.3794 18.4316H5.62061C4.03559 18.4313 2.75058 17.1466 2.75049 15.5615V5.99219C2.75089 4.40737 4.03578 3.12246 5.62061 3.12207H18.3794ZM5.62061 4.61035C4.85784 4.61074 4.23917 5.22943 4.23877 5.99219V15.5615C4.23886 16.3245 4.85765 16.943 5.62061 16.9434H18.3794C19.1427 16.9433 19.7611 16.3248 19.7612 15.5615V5.99219C19.7608 5.2292 19.1425 4.61037 18.3794 4.61035H5.62061ZM14.0786 8.07129C14.3691 7.78126 14.8398 7.78134 15.1304 8.07129L17.1616 10.1025C17.2029 10.1298 17.2424 10.1619 17.2788 10.1982C17.5692 10.4889 17.5693 10.9604 17.2788 11.251L15.1411 13.3877C14.8505 13.6777 14.3798 13.6779 14.0894 13.3877C13.799 13.0972 13.7992 12.6256 14.0894 12.335L15.6899 10.7354L14.0786 9.12402C13.7883 8.83351 13.7885 8.3619 14.0786 8.07129ZM8.77393 8.07129C9.06447 7.78093 9.53507 7.78103 9.82568 8.07129C10.1163 8.36191 10.1163 8.83338 9.82568 9.12402L8.2251 10.7236L9.83643 12.335C10.127 12.6256 10.1269 13.0961 9.83643 13.3867C9.54578 13.6771 9.07523 13.6772 8.78467 13.3867L6.75342 11.3564C6.71212 11.3292 6.67259 11.2971 6.63623 11.2607C6.34602 10.9702 6.34602 10.4986 6.63623 10.208L8.77393 8.07129Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/TgChatGroupIcon.js

@@ -1,18 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const TgChatGroupIcon_TgChatGroupIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M17.7495 13.3887C19.8581 13.3887 21.5999 15.0975 21.6001 17.2061C21.6001 19.3148 19.8582 21.0244 17.7495 21.0244C15.641 21.0242 13.8999 19.3146 13.8999 17.2061C13.9001 15.0977 15.6411 13.3889 17.7495 13.3887ZM8.6958 2.97559C11.1197 2.97559 13.1038 4.94188 13.104 7.3457C13.104 8.84428 12.3481 10.1872 11.1519 10.9678C12.5306 11.5375 13.652 12.5814 14.3198 13.8945C13.9755 14.2448 13.683 14.6452 13.4546 15.084C12.7696 13.1301 10.8917 11.7168 8.6958 11.7168C5.92561 11.717 3.65869 13.9656 3.65869 16.7129V17.9609C3.65869 18.3043 3.94238 18.5858 4.28857 18.5859H13.0552C13.1641 19.009 13.3289 19.4096 13.5396 19.7812C13.3994 19.8144 13.254 19.8349 13.104 19.835H4.28857C3.24978 19.8348 2.3999 18.9912 2.3999 17.9609V16.7129C2.3999 14.1215 3.97406 11.9044 6.24072 10.9678C5.04443 10.1872 4.28857 8.84431 4.28857 7.3457C4.28881 4.94201 6.27205 2.9758 8.6958 2.97559ZM19.7485 15.3721C19.5795 15.376 19.3162 15.4685 18.0659 16.0039C17.6263 16.1928 16.7501 16.582 15.4351 17.168C15.2248 17.2566 15.1123 17.342 15.1011 17.4268C15.0825 17.5885 15.3077 17.639 15.5894 17.7314C15.8223 17.8085 16.1309 17.8965 16.2925 17.9004C16.4389 17.9041 16.6006 17.8429 16.7808 17.7158C18.0093 16.8639 18.6408 16.4315 18.6821 16.4238C18.7121 16.4162 18.7497 16.4086 18.7759 16.4316C18.802 16.4546 18.802 16.5008 18.7983 16.5127C18.7758 16.6091 17.6218 17.6884 17.5542 17.7578C17.2988 18.0276 17.0098 18.1936 17.4565 18.4941C17.8435 18.7562 18.0652 18.9225 18.4634 19.1885C18.715 19.358 18.9144 19.5581 19.1772 19.5352C19.2975 19.5236 19.422 19.4075 19.4858 19.0605C19.6361 18.2432 19.9289 16.4668 19.9966 15.7344C20.0041 15.6727 19.9963 15.5913 19.9888 15.5527C19.9813 15.5142 19.9703 15.4642 19.9253 15.4258C19.8689 15.3795 19.7861 15.3721 19.7485 15.3721ZM14.394 4.53613C16.2829 4.56735 17.8257 6.09744 17.8257 7.9707C17.8256 9.06337 17.3217 9.99966 16.5347 10.6553C17.3844 11.0454 18.1003 11.6701 18.604 12.4463C18.3739 12.4141 18.1389 12.3965 17.8999 12.3965C17.5938 12.3965 17.2943 12.4243 17.0034 12.4766C16.3301 11.8257 15.4115 11.4206 14.394 11.4053H14.3628C14.0165 11.4052 13.7329 11.1237 13.7329 10.7803C13.733 10.4369 14.0166 10.1563 14.3628 10.1562H14.394C15.5903 10.125 16.5668 9.15703 16.5669 7.9707C16.5669 6.7843 15.5903 5.81638 14.394 5.78516H14.3628C14.0167 5.78512 13.7332 5.50432 13.7329 5.16113C13.7329 4.81773 14.0165 4.53617 14.3628 4.53613H14.394ZM8.6958 4.22363C6.96464 4.22385 5.54857 5.62887 5.54834 7.3457C5.54834 9.06273 6.9645 10.4676 8.6958 10.4678C10.4273 10.4678 11.8442 9.06286 11.8442 7.3457C11.844 5.62874 10.4271 4.22363 8.6958 4.22363Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };