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

package/dist/web/TrophyIcon.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 TrophyIcon_TrophyIcon = ({ 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: "M18.9647 4.64097H18.5767V2.95406C18.5767 2.84329 18.5566 2.73361 18.5176 2.63128C18.4786 2.52895 18.4215 2.43597 18.3494 2.35764C18.2773 2.27932 18.1918 2.21719 18.0976 2.1748C18.0035 2.13242 17.9026 2.1106 17.8007 2.1106H7.40213C7.02274 2.10608 6.64413 2.07225 6.26915 2.00939C6.15892 1.99136 6.04642 1.99936 5.93929 2.03284C5.83216 2.06631 5.73293 2.12448 5.64834 2.20338C5.56458 2.28336 5.49765 2.38201 5.45212 2.49263C5.40659 2.60325 5.38353 2.72323 5.3845 2.84441V4.63254H4.99649C4.37906 4.63254 3.78691 4.89913 3.35032 5.37367C2.91373 5.8482 2.66846 6.49181 2.66846 7.16291V8.84982C2.66846 9.52092 2.91373 10.1645 3.35032 10.6391C3.78691 11.1136 4.37906 11.3802 4.99649 11.3802H5.99755C6.4728 12.4935 7.20216 13.4561 8.11628 14.1765C9.03039 14.897 10.0989 15.3513 11.2201 15.4963V18.9713H7.34004C7.13423 18.9713 6.93685 19.0602 6.79132 19.2184C6.64579 19.3765 6.56403 19.5911 6.56403 19.8148C6.56403 20.0385 6.64579 20.253 6.79132 20.4112C6.93685 20.5694 7.13423 20.6582 7.34004 20.6582H16.6522C16.858 20.6582 17.0554 20.5694 17.2009 20.4112C17.3464 20.253 17.4282 20.0385 17.4282 19.8148C17.4282 19.5911 17.3464 19.3765 17.2009 19.2184C17.0554 19.0602 16.858 18.9713 16.6522 18.9713H12.7721V15.5975C12.7756 15.5639 12.7756 15.5299 12.7721 15.4963C13.8938 15.3529 14.9629 14.8992 15.8773 14.1785C16.7916 13.4579 17.5206 12.4944 17.9947 11.3802H19.0035C19.6209 11.3802 20.2131 11.1136 20.6497 10.6391C21.0863 10.1645 21.3315 9.52092 21.3315 8.84982V7.16291C21.3305 6.82775 21.2683 6.49614 21.1484 6.18734C21.0286 5.87854 20.8534 5.5987 20.6332 5.36407C20.413 5.12944 20.1521 4.94469 19.8657 4.82056C19.5793 4.69643 19.273 4.63539 18.9647 4.64097ZM4.99649 9.70172C4.89458 9.70172 4.79367 9.6799 4.69952 9.63751C4.60537 9.59513 4.51983 9.533 4.44777 9.45467C4.37571 9.37635 4.31855 9.28337 4.27955 9.18104C4.24055 9.0787 4.22048 8.96902 4.22048 8.85826V7.17134C4.22048 6.94765 4.30224 6.73311 4.44777 6.57493C4.5933 6.41675 4.79068 6.32789 4.99649 6.32789H5.3845V8.38592C5.38403 8.82758 5.42301 9.26825 5.5009 9.70172H4.99649ZM17.0247 8.38592C17.0247 9.83997 16.4932 11.2345 15.5473 12.2626C14.6013 13.2908 13.3184 13.8684 11.9806 13.8684C10.6428 13.8684 9.35984 13.2908 8.41389 12.2626C7.46795 11.2345 6.93652 9.83997 6.93652 8.38592V3.78908H17.0247V8.38592ZM19.7407 8.85826C19.7407 8.96902 19.7206 9.0787 19.6816 9.18104C19.6426 9.28337 19.5855 9.37635 19.5134 9.45467C19.4414 9.533 19.3558 9.59513 19.2617 9.63751C19.1675 9.6799 19.0666 9.70172 18.9647 9.70172H18.4603C18.5342 9.26763 18.5732 8.82737 18.5767 8.38592V6.32789H18.9647C19.0666 6.32789 19.1675 6.3497 19.2617 6.39209C19.3558 6.43448 19.4414 6.49661 19.5134 6.57493C19.5855 6.65325 19.6426 6.74623 19.6816 6.84857C19.7206 6.9509 19.7407 7.06058 19.7407 7.17134V8.85826Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/TruthSocialIcon.js

@@ -1,23 +1,22 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const TruthSocialIcon = ({ 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: "M20.958 8.46332V4.33789H9.52627V19.5813H14.4368V8.46332H20.958ZM2.96484 4.33875H7.67913V8.46332H2.96484V4.33789V4.33875Z",
-                fill: _color
+                fill: "currentColor"
             }),
             /*#__PURE__*/ jsx("path", {
                 d: "M16.2422 15.457H20.9565V19.5825H16.2422V15.457Z",
-                fill: _color
+                fill: "currentColor"
             })
         ]
     });

package/dist/web/TweetIcon.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 TweetIcon_TweetIcon = ({ 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.78333 13.6941C7.5994 14.1836 7.43098 14.6789 7.27833 15.1791C8.07833 14.5991 9.02917 14.2307 10.1267 14.0932C12.2208 13.8316 14.0817 12.4482 15.0233 10.7116L13.81 9.49906L14.9875 8.3199L15.8208 7.4849C16.1792 7.1274 16.5833 6.4649 17.0108 5.5124C12.35 6.2349 9.49583 9.08823 7.7825 13.6941H7.78333ZM16.1667 9.4974L17 10.3307C16.1667 12.8307 13.6667 15.3307 10.3333 15.7474C8.10917 16.0249 6.72 17.5532 6.165 20.3307H4.5C5.33333 15.3307 7 3.66406 19.5 3.66406C18.6667 6.16156 17.835 7.8274 17.0025 8.66156L16.1667 9.4974Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/TweetQuoteIcon.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 TweetQuoteIcon = ({ 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: "M21.6868 17.7282C21.0516 15.1665 18.7782 9.13838 11.5782 8.16807L11.5524 5.49619C11.5524 5.19854 11.379 4.92432 11.1048 4.81182C10.8446 4.69932 10.5329 4.73682 10.3079 4.92432L2.67898 10.8915C2.43054 11.1024 2.29461 11.4142 2.28054 11.7376C2.26883 12.0728 2.39304 12.3845 2.64148 12.6329L9.69148 18.9728C9.86492 19.1462 10.0899 19.2329 10.3266 19.2329C10.4391 19.2329 10.5634 19.2071 10.6618 19.1579C10.997 19.022 11.2079 18.6985 11.2079 18.3376V15.4548C12.961 15.5532 18.1712 16.0384 20.222 18.4642C20.4704 18.7618 20.9063 18.8485 21.2673 18.6751C21.6118 18.4876 21.7876 18.1009 21.6868 17.7282ZM10.9712 14.236C10.7227 14.2103 10.486 14.311 10.3009 14.4845C10.1134 14.6579 10.0149 14.9063 10.0149 15.1548V17.6298L3.47586 11.7751L10.3501 6.3915L10.3618 8.43057C10.3618 8.88994 10.711 9.27666 11.1704 9.32588C16.8141 9.98447 19.1766 14.0978 20.1095 16.7345C17.311 14.6462 12.4384 14.297 10.9712 14.236Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/TwinklingStarsIcon.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 TwinklingStarsIcon_TwinklingStarsIcon = ({ 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: "M14.043 9.95703L20 12L14.043 14.043L12 20L9.95703 14.043L4 12L9.95703 9.95703L12 4L14.043 9.95703ZM18.0146 16.6523L20 17.333L18.0146 18.0146L17.333 20L16.6523 18.0146L14.667 17.333L16.6523 16.6523L17.333 14.667L18.0146 16.6523Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/TwitchAppIcon.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 TwitchAppIcon_TwitchAppIcon = ({ 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.3291 3.35742C7.73714 3.37323 10.1465 3.36621 12.5566 3.36621H19.8193C20.2439 3.36621 20.2461 3.36636 20.2461 3.80176C20.2461 7.03988 20.2478 10.279 20.251 13.5176C20.2552 13.6289 20.2351 13.7399 20.1924 13.8428C20.1497 13.9457 20.0857 14.0386 20.0039 14.1143C18.6825 15.4246 17.366 16.7407 16.0557 18.0625C15.9762 18.148 15.8788 18.2151 15.7705 18.2588C15.662 18.3025 15.5445 18.322 15.4277 18.3154C14.5994 18.3038 13.771 18.325 12.9434 18.3037C12.8004 18.2958 12.6572 18.321 12.5254 18.377C12.3938 18.433 12.2771 18.5187 12.1836 18.627C11.6034 19.2326 10.9972 19.8146 10.4102 20.4141C10.3422 20.489 10.2584 20.548 10.165 20.5869C10.0715 20.6258 9.97027 20.6433 9.86914 20.6387C9.37418 20.6263 8.87904 20.6229 8.38477 20.6387C8.10984 20.6476 7.99826 20.5594 8.00781 20.2715C8.02569 19.7345 8.00177 19.1949 8.01758 18.6572C8.02502 18.391 7.93157 18.303 7.66602 18.3057C6.50429 18.3167 5.34141 18.3109 4.17969 18.3096C3.75562 18.3096 3.75195 18.3098 3.75195 17.875V6.5459C3.75039 6.35229 3.78753 6.15987 3.86035 5.98047C4.15868 5.24291 4.46557 4.50753 4.74121 3.76172C4.77131 3.63327 4.84833 3.52105 4.95703 3.44629C5.06573 3.37155 5.1984 3.33957 5.3291 3.35742ZM18.3242 4.94727C14.4286 4.9546 10.5344 4.9546 6.6416 4.94727C6.39969 4.94727 6.29792 5.00939 6.29785 5.27246C6.30427 8.66127 6.30427 12.0501 6.29785 15.4385C6.29785 15.6984 6.3941 15.7703 6.6416 15.7676C7.55583 15.758 8.47053 15.7739 9.38477 15.7588C9.68692 15.7534 9.80718 15.8401 9.79688 16.1582C9.77284 16.7456 9.78807 17.3364 9.78809 17.9561C9.90713 17.9234 10.0113 17.8514 10.083 17.751C10.6625 17.1749 11.2469 16.6017 11.8154 16.0146C11.8947 15.9286 11.9922 15.8605 12.1006 15.8164C12.2089 15.7724 12.3257 15.7525 12.4424 15.7588C13.5712 15.7698 14.7015 15.759 15.8311 15.7666C15.9267 15.7718 16.0224 15.7562 16.1113 15.7207C16.2004 15.6851 16.2809 15.6304 16.3467 15.5605C17.0478 14.847 17.7547 14.1391 18.4678 13.4375C18.5337 13.3763 18.5866 13.3018 18.6211 13.2188C18.6556 13.1357 18.6711 13.0459 18.668 12.9561C18.6638 10.4064 18.6638 7.85629 18.668 5.30664C18.6679 5.04987 18.599 4.94727 18.3242 4.94727ZM15.6855 7.82617C15.9102 7.81793 15.989 7.91608 15.9863 8.13379C15.976 8.77385 15.9844 9.41987 15.9844 10.0654C15.9844 10.6999 15.9773 11.3343 15.9883 11.9688C15.9924 12.2155 15.9113 12.3255 15.6543 12.3125C15.3972 12.2994 15.1377 12.3049 14.8799 12.3125C14.6992 12.3159 14.597 12.2549 14.5977 12.0557C14.6004 10.732 14.6004 9.40817 14.5977 8.08496C14.5978 7.88585 14.6975 7.82342 14.8789 7.82617C15.1476 7.83167 15.4169 7.8351 15.6855 7.82617ZM10.8594 7.81836C11.1158 7.83142 11.3763 7.82592 11.6348 7.81836C11.8161 7.81496 11.9159 7.87633 11.916 8.07617C11.9133 9.3998 11.9133 10.7232 11.916 12.0459C11.916 12.2459 11.8162 12.3081 11.6348 12.3047C11.366 12.2978 11.0969 12.2978 10.8281 12.3047C10.6027 12.3136 10.5253 12.214 10.5273 11.9961C10.5349 11.346 10.5303 10.6898 10.5303 10.0342C10.5303 9.41009 10.5374 8.78551 10.5264 8.16211C10.5216 7.91543 10.6033 7.80543 10.8594 7.81836Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/TwitterIcon.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 TwitterIcon_TwitterIcon = ({ 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 25 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M10.522 13.3476L3.96357 20.8069H5.51716L11.2142 14.3314L15.7611 20.8069H21.0066L14.1294 11.0139L21.0066 3.19263H19.453L13.4407 10.0324L8.63782 3.19263H3.39228M18.8923 19.6606H16.5055L5.51833 4.28263H7.90566",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/TwitterSearchIcon.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 TwitterSearchIcon_TwitterSearchIcon = ({ 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,11 +14,11 @@ const TwitterSearchIcon_TwitterSearchIcon = ({ size = 16, width = size, height =
                 fillRule: "evenodd",
                 clipRule: "evenodd",
                 d: "M13.8693 13.5851C15.5873 12.0901 18.2361 12.1407 19.8923 13.7352L20.1548 14.0111C21.3472 15.381 21.493 17.3082 20.5979 18.8195L22.0139 20.2124L22.197 20.3918L22.0127 20.57L20.8591 21.6809L20.6846 21.8493L20.51 21.6784L19.1147 20.3051C17.5356 21.2581 15.4663 21.154 14.0011 19.9768L13.7057 19.718C11.9921 18.0678 11.9927 15.3862 13.7057 13.7352L13.8693 13.5851ZM18.757 14.8534C17.7447 13.8783 16.138 13.817 15.0509 14.6703L14.841 14.8534C13.766 15.8891 13.7658 17.5645 14.841 18.5998L15.0509 18.7817C16.1378 19.6352 17.7444 19.5746 18.757 18.5998L18.9462 18.3984C19.7699 17.4268 19.7698 16.0266 18.9462 15.0548L18.757 14.8534Z",
-                fill: _color
+                fill: "currentColor"
             }),
             /*#__PURE__*/ jsx("path", {
                 d: "M12.3983 9.35163L17.0444 4.10376H20.0974L14.3063 10.6468C13.56 10.9142 12.8792 11.3089 12.2909 11.8016L7.33844 5.55886H5.48539L11.2801 12.8649C10.7425 13.5813 10.3606 14.4108 10.1791 15.3087L5.70268 20.3662H2.64966L9.25863 12.9003L2.198 4H8.15266L12.3983 9.35163Z",
-                fill: _color
+                fill: "currentColor"
             })
         ]
     });

package/dist/web/UniversalXTwitterIcon.js

@@ -1,27 +1,28 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const UniversalXTwitterIcon = ({ 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: "M16.709 10.8652C19.4703 10.8654 21.709 13.1039 21.709 15.8652C21.7089 18.6265 19.4702 20.8651 16.709 20.8652C14.4898 20.8652 12.6084 19.419 11.9551 17.418L10.9551 17.9961L9.84863 14.5156L11.7656 16.6191C11.7284 16.3732 11.709 16.1215 11.709 15.8652C11.709 15.6026 11.7286 15.3444 11.7676 15.0928L10.8252 13.7354L11.9307 14.3867C12.0413 14.0288 12.1921 13.6887 12.376 13.3701L11.5273 12.7061L12.6338 12.9688C12.8619 12.6484 13.1263 12.3558 13.4219 12.0977L11.8926 11.5137L14.5898 11.335C15.2332 11.0335 15.9515 10.8652 16.709 10.8652ZM7.95703 18.6807L6.39941 18.5635L7.44531 15.0645L7.95703 18.6807ZM10.2441 18.2744L8.7207 18.6221L8.68848 14.9697L10.2441 18.2744ZM5.65332 18.3926L4.19824 17.8223L6.22949 14.7861L5.65332 18.3926ZM3.53613 17.4385L2.31445 16.4639L5.15039 14.1611L3.53613 17.4385ZM7.50879 11.9932L7.51074 11.9951L6.16504 13.3408H5.39648V12.5723L6.74023 11.2285V11.2266H7.50879V11.9932ZM10.2012 12.5723V13.3408H9.43262L8.08789 11.9951H8.08691V11.2266H8.85645L10.2012 12.5723ZM7.51074 9.88281L7.50879 9.88477V10.6494H6.74414L6.74219 10.6514L5.39648 9.30566V8.53711H6.16504L7.51074 9.88281ZM10.2012 9.30566L8.85645 10.6514L8.85449 10.6494H8.08691V9.88086H8.08984L9.43262 8.53711H10.2012V9.30566ZM15.5381 10.5078L11.8936 10.2676L15.3057 8.96289L15.5381 10.5078ZM15.0811 8.23145L11.5264 9.0752L14.4023 6.82324L15.0811 8.23145ZM13.9707 6.19336L10.8242 8.04688L12.9082 5.04688L13.9707 6.19336ZM5.14844 7.62207L2.3125 5.31934L3.53418 4.34473L5.14844 7.62207ZM12.3076 4.56836L9.84766 7.26758L10.9541 3.78711L12.3076 4.56836ZM6.22852 6.99707L4.19824 3.96094L5.65234 3.39062L6.22852 6.99707ZM10.2441 3.50684L8.68848 6.81152L8.7207 3.15918L10.2441 3.50684ZM7.44336 6.71875L6.39844 3.21875L7.95605 3.10156L7.44336 6.71875Z",
-                fill: _color
+                fill: "currentColor"
             }),
             /*#__PURE__*/ jsx("path", {
                 d: "M16.2491 16.2035L14.1802 18.5565H14.6703L16.4674 16.5138L17.9017 18.5565H19.5565L17.387 15.4673L19.5565 13.0001H19.0664L17.1698 15.1577L15.6547 13.0001H14M18.8895 18.1949H18.1366L14.6706 13.3439H15.4237",
-                fill: getHexColorFromCSSVariable('bg-default')
+                fill: "currentColor",
+                className: "text-background"
             }),
             /*#__PURE__*/ jsx("path", {
                 d: "M16.2491 16.2035L14.1802 18.5565H14.6703L16.4674 16.5138L17.9017 18.5565H19.5565L17.387 15.4673L19.5565 13.0001H19.0664L17.1698 15.1577L15.6547 13.0001H14M18.8895 18.1949H18.1366L14.6706 13.3439H15.4237",
-                stroke: getHexColorFromCSSVariable('bg-default'),
+                stroke: "currentColor",
+                className: "text-background",
                 strokeWidth: 0.1,
                 strokeMiterlimit: 11.4737
             })

package/dist/web/UnlinkIcon.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 UnlinkIcon_UnlinkIcon = ({ 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.3395 3.65799C19.2774 2.59636 17.8372 2 16.3356 2C14.8339 2 13.3937 2.59636 12.3316 3.65799L9.79493 6.19499L11.1296 7.52982L13.6662 5.01293C14.3849 4.37407 15.3203 4.03358 16.2814 4.06094C17.2425 4.0883 18.157 4.48145 18.8382 5.16015C19.5193 5.83886 19.9159 6.75196 19.9469 7.71311C19.9778 8.67426 19.6409 9.61101 19.0049 10.3322L16.4682 12.8692L17.8069 14.208L20.3436 11.671C21.4043 10.6075 22 9.16669 22 7.66451C22 6.16234 21.4043 4.72149 20.3436 3.65799H20.3395ZM10.2371 19.1091C9.5173 19.7531 8.57804 20.0967 7.61264 20.0691C6.64725 20.0415 5.72914 19.6448 5.04726 18.9608C4.36537 18.2768 3.97157 17.3573 3.94689 16.3917C3.92221 15.4261 4.26853 14.4878 4.91458 13.7698L7.45124 11.2328L6.11256 9.89394L3.55982 12.4309C2.5415 13.5018 1.98191 14.9283 2.00045 16.406C2.01898 17.8838 2.61417 19.2958 3.65902 20.3408C4.70388 21.3858 6.11568 21.981 7.59322 21.9996C9.07075 22.0181 10.497 21.4584 11.5678 20.44L14.1044 17.903L12.7698 16.5681L10.2371 19.1091ZM5.36483 4.13242C5.34567 4.11222 5.3226 4.09614 5.29703 4.08515C5.27146 4.07416 5.24392 4.06849 5.21608 4.06849C5.18825 4.06849 5.16071 4.07416 5.13514 4.08515C5.10957 4.09614 5.0865 4.11222 5.06734 4.13242L4.03017 5.16571C3.99137 5.20551 3.96966 5.25889 3.96966 5.31447C3.96966 5.37006 3.99137 5.42344 4.03017 5.46324L18.5385 19.9736C18.5783 20.0124 18.6317 20.0341 18.6873 20.0341C18.7429 20.0341 18.7962 20.0124 18.836 19.9736L19.8732 18.9363C19.9117 18.8971 19.9334 18.8444 19.9334 18.7895C19.9334 18.7346 19.9117 18.6819 19.8732 18.6428L5.36483 4.13242Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/UpdateIcon.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 UpdateIcon_UpdateIcon = ({ 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: "M6.6 3H17.4C18.3548 3 19.2705 3.37928 19.9456 4.05442C20.6207 4.72955 21 5.64522 21 6.6V17.4C21 18.3548 20.6207 19.2705 19.9456 19.9456C19.2705 20.6207 18.3548 21 17.4 21H6.6C5.64522 21 4.72955 20.6207 4.05442 19.9456C3.37928 19.2705 3 18.3548 3 17.4V6.6C3 5.64522 3.37928 4.72955 4.05442 4.05442C4.72955 3.37928 5.64522 3 6.6 3ZM6.6 4.35C6.00326 4.35 5.43097 4.58705 5.00901 5.00901C4.58705 5.43097 4.35 6.00326 4.35 6.6V17.4C4.35 17.9967 4.58705 18.569 5.00901 18.991C5.43097 19.4129 6.00326 19.65 6.6 19.65H17.4C17.9967 19.65 18.569 19.4129 18.991 18.991C19.4129 18.569 19.65 17.9967 19.65 17.4V6.6C19.65 6.00326 19.4129 5.43097 18.991 5.00901C18.569 4.58705 17.9967 4.35 17.4 4.35H6.6ZM13.5777 9.0975L15.2058 8.5278C14.5309 7.90453 13.689 7.49149 12.7831 7.33924C11.8772 7.18699 10.9465 7.30212 10.105 7.67054C9.26348 8.03897 8.54761 8.64471 8.04498 9.41365C7.54236 10.1826 7.27478 11.0814 7.275 12C7.275 12.179 7.20388 12.3507 7.0773 12.4773C6.95071 12.6039 6.77902 12.675 6.6 12.675C6.42098 12.675 6.24929 12.6039 6.1227 12.4773C5.99612 12.3507 5.925 12.179 5.925 12C5.92487 10.716 6.3316 9.46492 7.08679 8.42645C7.84198 7.38797 8.90679 6.61549 10.1284 6.2199C11.3499 5.8243 12.6654 5.82594 13.886 6.22458C15.1066 6.62322 16.1695 7.39835 16.9221 8.4387C16.9838 8.52389 17.0248 8.62231 17.0417 8.72613C17.0586 8.82995 17.051 8.93629 17.0195 9.03665C16.9881 9.13702 16.9336 9.22864 16.8604 9.30421C16.7872 9.37978 16.6974 9.4372 16.5981 9.4719L14.0223 10.3719C13.8544 10.4267 13.6716 10.4135 13.5133 10.3351C13.3549 10.2567 13.2337 10.1194 13.1755 9.95258C13.1173 9.78577 13.1268 9.60279 13.202 9.44292C13.2772 9.28305 13.4121 9.15904 13.5777 9.0975ZM10.4142 14.9061L8.6826 15.483C9.35858 16.1028 10.2003 16.5125 11.1052 16.662C12.01 16.8116 12.9388 16.6946 13.7783 16.3254C14.6178 15.9561 15.3316 15.3505 15.8328 14.5825C16.334 13.8144 16.6009 12.9171 16.6008 12C16.6008 11.821 16.6719 11.6493 16.7985 11.5227C16.9251 11.3961 17.0968 11.325 17.2758 11.325C17.4548 11.325 17.6265 11.3961 17.7531 11.5227C17.8797 11.6493 17.9508 11.821 17.9508 12C17.9509 13.284 17.5442 14.5351 16.789 15.5736C16.0338 16.612 14.969 17.3845 13.7474 17.7801C12.5259 18.1757 11.2104 18.1741 9.98977 17.7754C8.76919 17.3768 7.7063 16.6017 6.9537 15.5613C6.8916 15.4755 6.85057 15.3762 6.83394 15.2716C6.81731 15.167 6.82553 15.0599 6.85795 14.959C6.89038 14.8582 6.94608 14.7664 7.02057 14.691C7.09505 14.6157 7.18622 14.559 7.2867 14.5254L9.9867 13.6254C10.0708 13.5973 10.1596 13.5861 10.248 13.5923C10.3365 13.5986 10.4228 13.6222 10.5021 13.6618C10.5814 13.7014 10.6521 13.7563 10.7103 13.8232C10.7684 13.8902 10.8127 13.9679 10.8408 14.052C10.8689 14.1361 10.8801 14.2249 10.8739 14.3133C10.8676 14.4018 10.844 14.4881 10.8044 14.5674C10.7648 14.6467 10.7099 14.7174 10.643 14.7756C10.576 14.8337 10.4983 14.878 10.4142 14.9061Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/UploadIcon.js

@@ -1,27 +1,26 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const UploadIcon_UploadIcon = ({ 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: "M2.72827 14.7885C2.87447 14.6423 3.07276 14.5602 3.27952 14.5602C3.48627 14.5602 3.68456 14.6423 3.83076 14.7885C3.97696 14.9347 4.05909 15.133 4.05909 15.3398V17.8422C4.05948 18.2022 4.20263 18.5472 4.45715 18.8018C4.71167 19.0563 5.05676 19.1994 5.4167 19.1998H18.581C18.9409 19.1994 19.286 19.0563 19.5405 18.8018C19.7951 18.5472 19.9382 18.2022 19.9386 17.8422V15.3398C19.9386 15.133 20.0207 14.9347 20.1669 14.7885C20.3131 14.6423 20.5114 14.5602 20.7182 14.5602C20.9249 14.5602 21.1232 14.6423 21.2694 14.7885C21.4156 14.9347 21.4977 15.133 21.4977 15.3398V17.8424C21.4969 18.6156 21.1893 19.357 20.6426 19.9038C20.0958 20.4505 19.3545 20.7581 18.5813 20.759H5.41655C4.64333 20.7581 3.90188 20.4505 3.35513 19.9038C2.80838 19.357 2.50083 18.6157 2.49994 17.8425V15.3398C2.49994 15.133 2.58207 14.9347 2.72827 14.7885Z",
-                fill: _color
+                fill: "currentColor"
             }),
             /*#__PURE__*/ jsx("path", {
                 d: "M11.927 16.5192C12.1338 16.5192 12.3321 16.437 12.4783 16.2908C12.6245 16.1446 12.7066 15.9463 12.7066 15.7396L12.7066 5.6779L17.0985 9.31018C17.2582 9.43915 17.4622 9.49996 17.6664 9.47943C17.8706 9.45891 18.0585 9.35869 18.1892 9.20053C18.32 9.04237 18.3831 8.83903 18.3649 8.63462C18.3467 8.4302 18.2487 8.24121 18.092 8.10865L18.0908 8.10765L12.442 3.43521C12.3001 3.31036 12.1172 3.24092 11.927 3.24092L11.927 16.5192Z",
-                fill: _color
+                fill: "currentColor"
             }),
             /*#__PURE__*/ jsx("path", {
                 d: "M11.927 16.5192C11.7203 16.5192 11.522 16.437 11.3758 16.2908C11.2296 16.1446 11.1475 15.9463 11.1475 15.7396L11.1475 5.6779L6.75558 9.31018C6.59594 9.43915 6.39189 9.49996 6.1877 9.47943C5.98351 9.45891 5.79564 9.35869 5.66487 9.20053C5.53409 9.04237 5.47096 8.83903 5.48916 8.63462C5.50737 8.4302 5.60544 8.24121 5.7621 8.10865L5.7633 8.10765L11.4121 3.43521C11.554 3.31036 11.7369 3.24092 11.927 3.24092L11.927 16.5192Z",
-                fill: _color
+                fill: "currentColor"
             })
         ]
     });

package/dist/web/UserBanIcon.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 UserBanIcon_UserBanIcon = ({ 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.0898 12.8887C18.2833 12.8887 19.4276 13.3631 20.2715 14.207C21.1154 15.0509 21.5898 16.1952 21.5898 17.3887C21.5898 18.5821 21.1154 19.7264 20.2715 20.5703C19.4276 21.4142 18.2833 21.8887 17.0898 21.8887C16.499 21.8887 15.9141 21.772 15.3682 21.5459C14.8222 21.3198 14.3261 20.9882 13.9082 20.5703C13.4903 20.1524 13.1588 19.6563 12.9326 19.1104C12.7065 18.5645 12.5898 17.9795 12.5898 17.3887C12.5898 16.7978 12.7065 16.2129 12.9326 15.667C13.1588 15.121 13.4903 14.6249 13.9082 14.207C14.3261 13.7892 14.8222 13.4576 15.3682 13.2314C15.9141 13.0054 16.499 12.8887 17.0898 12.8887ZM10.6016 2.11133C12.058 2.11133 13.4565 2.68405 14.4941 3.70605C15.5317 4.7282 16.1256 6.11788 16.1475 7.57422C16.1475 9.64047 15.0051 11.4222 13.3301 12.376C13.4781 12.4215 13.6253 12.4708 13.7705 12.5244L13.7812 12.5264C13.8012 12.5351 13.8226 12.5404 13.8438 12.5479L13.8359 12.5645C13.9261 12.5662 14.0153 12.588 14.0957 12.6289C14.1761 12.6698 14.2463 12.7288 14.3008 12.8008C14.3551 12.8727 14.3926 12.9565 14.4102 13.0449C14.4276 13.1332 14.4251 13.2245 14.4023 13.3115C14.3795 13.3986 14.3368 13.4794 14.2783 13.5479C14.2197 13.6163 14.146 13.671 14.0635 13.707C13.9809 13.743 13.8908 13.7595 13.8008 13.7559C13.7107 13.7521 13.6224 13.7282 13.543 13.6855C13.483 13.6855 13.4288 13.6683 13.375 13.6533V13.6514L13.3711 13.6602C12.5776 13.3591 11.719 13.3193 10.8193 13.3193C6.93561 13.3193 3.90183 16.268 3.74805 20.1143H3.73535C3.7366 20.1305 3.7441 20.143 3.74414 20.1592C3.74414 20.4928 3.43164 20.7625 3.01562 20.7627C2.68188 20.7627 2.41113 20.4917 2.41113 20.1592C2.41117 20.143 2.41868 20.1305 2.41992 20.1143H2.41016C2.4688 18.421 3.03744 16.785 4.04102 15.4199C5.0446 14.0548 6.43645 13.024 8.03516 12.4629C6.27145 11.5341 5.05664 9.70544 5.05664 7.57422C5.07853 6.11788 5.67236 4.7282 6.70996 3.70605C7.74745 2.68418 9.14533 2.11145 10.6016 2.11133ZM15.0527 20.0371C15.6346 20.4923 16.3511 20.7416 17.0898 20.7441C17.9796 20.7441 18.8327 20.3899 19.4619 19.7607C20.0911 19.1316 20.4453 18.2785 20.4453 17.3887C20.4453 16.7299 20.2487 16.1196 19.9199 15.5996L15.0527 20.0371ZM17.0898 14.0332C16.6493 14.0332 16.2127 14.1205 15.8057 14.2891C15.3987 14.4577 15.0293 14.7051 14.7178 15.0166C14.4063 15.3281 14.1588 15.6975 13.9902 16.1045C13.8216 16.5115 13.7344 16.9481 13.7344 17.3887H13.7363C13.7376 18.0222 13.9194 18.6422 14.2607 19.1758L19.127 14.7383C18.545 14.2837 17.8283 14.0354 17.0898 14.0332ZM10.6025 3.25977C9.45866 3.2598 8.36166 3.71372 7.55273 4.52246C6.74375 5.33145 6.28906 6.42916 6.28906 7.57324C6.28911 8.71726 6.74379 9.8141 7.55273 10.623C8.36169 11.432 9.45852 11.8867 10.6025 11.8867C11.7466 11.8867 12.8443 11.432 13.6533 10.623C14.4621 9.81414 14.916 8.7171 14.916 7.57324C14.916 6.42918 14.4623 5.33144 13.6533 4.52246C12.8443 3.71348 11.7466 3.25977 10.6025 3.25977Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/UserFollowIcon.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 UserFollowIcon_UserFollowIcon = ({ 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: "M16.9344 14.083C17.3605 14.083 17.7057 14.4284 17.7058 14.8545V17.1699H20.0213C20.4473 17.17 20.7927 17.5153 20.7928 17.9414C20.7928 18.3675 20.4474 18.7128 20.0213 18.7129H17.7058V21.0283C17.7057 21.4544 17.3605 21.7998 16.9344 21.7998C16.5084 21.7996 16.163 21.4543 16.1629 21.0283V18.7129H13.8474C13.4214 18.7127 13.076 18.3675 13.076 17.9414C13.076 17.5154 13.4215 17.1701 13.8474 17.1699H16.1629V14.8545C16.163 14.4285 16.5084 14.0832 16.9344 14.083ZM11.1951 2.2002C14.1833 2.20041 16.6052 4.62308 16.6053 7.61133C16.6051 9.82266 15.2784 11.7224 13.3777 12.5615C13.7204 12.7122 13.9111 13.094 13.8113 13.4668C13.7009 13.8785 13.2777 14.1231 12.866 14.0127C12.3335 13.87 11.7727 13.793 11.1931 13.793C7.63508 13.7931 4.75001 16.6782 4.74979 20.2363C4.74967 20.6624 4.40443 21.0078 3.9783 21.0078C3.55228 21.0077 3.20693 20.6624 3.20682 20.2363C3.207 16.5859 5.65696 13.5093 9.00174 12.5566C7.10681 11.715 5.78412 9.81835 5.78397 7.61133C5.78398 4.6231 8.20692 2.20043 11.1951 2.2002ZM11.1951 3.74316C9.05932 3.7434 7.32695 5.4755 7.32693 7.61133C7.32715 9.74699 9.05944 11.4783 11.1951 11.4785C13.3308 11.4783 15.0621 9.747 15.0623 7.61133C15.0623 5.47548 13.3309 3.74338 11.1951 3.74316Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/UserIcon.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 UserIcon_UserIcon = ({ 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.1429 12.5C16.7143 11.5 17.7143 9.71429 17.7143 7.71429C17.7143 4.57143 15.1429 2 12 2C8.85714 2 6.28571 4.57143 6.28571 7.71429C6.28571 9.71429 7.28571 11.5 8.85714 12.5C4.85714 13.7857 2 17.5714 2 22H3.42857C3.42857 17.2857 7.28571 13.4286 12 13.4286C16.7143 13.4286 20.5714 17.2857 20.5714 22H22C22 17.5714 19.1429 13.7857 15.1429 12.5ZM12 12C9.64286 12 7.71429 10.0714 7.71429 7.71429C7.71429 5.35714 9.64286 3.42857 12 3.42857C14.3571 3.42857 16.2857 5.35714 16.2857 7.71429C16.2857 10.0714 14.3571 12 12 12Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/UserStarIcon.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 UserStarIcon_UserStarIcon = ({ 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: "M16.3164 14.7363C16.4962 14.1839 17.2782 14.1839 17.458 14.7363L17.9072 16.1191C17.9875 16.3663 18.2177 16.5341 18.4775 16.5342H19.9316C20.5129 16.5342 20.7544 17.2775 20.2842 17.6191L19.1084 18.4746C18.8982 18.6274 18.8105 18.8974 18.8906 19.1445L19.3398 20.5273C19.5195 21.0801 18.8862 21.5399 18.416 21.1982L17.2402 20.3438C17.0299 20.191 16.7445 20.191 16.5342 20.3438L15.3584 21.1982C14.8882 21.5399 14.255 21.0801 14.4346 20.5273L14.8848 19.1445C14.9648 18.8975 14.8761 18.6273 14.666 18.4746L13.4902 17.6191C13.0201 17.2775 13.2616 16.5342 13.8428 16.5342H15.2969C15.5567 16.5341 15.7869 16.3663 15.8672 16.1191L16.3164 14.7363ZM11.998 3.42969C14.8383 3.42969 17.1415 5.73207 17.1416 8.57227L17.1348 8.83691C17.0332 10.8424 15.7818 12.5433 14.0273 13.2979C14.3584 13.4242 14.5479 13.7801 14.4541 14.1299C14.3538 14.5031 13.97 14.7241 13.5967 14.624C13.0877 14.4876 12.5519 14.4151 11.998 14.415C8.59755 14.415 5.84082 17.1718 5.84082 20.5723C5.84067 20.9587 5.52713 21.2725 5.14062 21.2725C4.75412 21.2725 4.44058 20.9587 4.44043 20.5723C4.44043 17.1045 6.77683 14.1834 9.96094 13.2939C8.13448 12.5045 6.85547 10.6885 6.85547 8.57227C6.85562 5.73217 9.15795 3.42984 11.998 3.42969ZM11.998 4.83008C9.93115 4.83023 8.25601 6.50536 8.25586 8.57227C8.25586 10.6393 9.93105 12.3153 11.998 12.3154C14.0652 12.3154 15.7412 10.6394 15.7412 8.57227C15.7411 6.50527 14.0651 4.83008 11.998 4.83008Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/UserTieIcon.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 UserTieIcon_UserTieIcon = ({ 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: "M14.1392 19.5273L11.9966 22L9.85596 19.5273L11.2642 15.8447H12.6157L14.1392 19.5273ZM12.2476 2.00684C15.1635 2.15496 17.4829 4.56677 17.4829 7.51953L17.4751 7.80371C17.3661 9.95041 16.0299 11.7713 14.1548 12.584C17.5974 13.5158 20.1313 16.6613 20.1313 20.3984C20.131 20.8043 19.8009 21.1334 19.395 21.1338C18.9888 21.1338 18.6591 20.8046 18.6587 20.3984C18.6587 17.3633 16.6163 14.8055 13.8315 14.0225C13.7828 14.0196 13.7331 14.0131 13.6841 14C13.5594 13.9666 13.4328 13.9372 13.3052 13.9111L12.6675 15.0352H11.2397L10.5278 13.9502C10.457 13.9666 10.3859 13.9813 10.3159 14C10.2667 14.0132 10.2165 14.0195 10.1675 14.0225C7.38265 14.8055 5.34134 17.3633 5.34131 20.3984C5.34094 20.8043 5.01084 21.1334 4.60498 21.1338C4.19878 21.1338 3.86902 20.8046 3.86865 20.3984C3.86868 16.6772 6.38011 13.5433 9.80029 12.5967C7.90999 11.7904 6.56018 9.96134 6.45068 7.80371L6.44385 7.51953C6.44389 4.47146 8.91535 2.00024 11.9634 2L12.2476 2.00684ZM11.9634 3.47168C9.72822 3.47192 7.91557 5.28433 7.91553 7.51953C7.91563 9.75469 9.72826 11.5662 11.9634 11.5664C14.1985 11.5662 16.0102 9.75468 16.0103 7.51953C16.0102 5.28433 14.1985 3.47193 11.9634 3.47168Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/UsersIcon.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 UsersIcon_UsersIcon = ({ 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: "M16.2857 4.91667C15.1027 4.91667 14.1429 5.86849 14.1429 7.04167C14.1429 8.21484 15.1027 9.16667 16.2857 9.16667C17.4688 9.16667 18.4286 8.21484 18.4286 7.04167C18.4286 5.86849 17.4688 4.91667 16.2857 4.91667ZM7.71429 4.91667C6.53125 4.91667 5.57143 5.86849 5.57143 7.04167C5.57143 8.21484 6.53125 9.16667 7.71429 9.16667C8.89732 9.16667 9.85714 8.21484 9.85714 7.04167C9.85714 5.86849 8.89732 4.91667 7.71429 4.91667ZM16.2857 3.5C18.2589 3.5 19.8571 5.0849 19.8571 7.04167C19.8571 8.99844 18.2589 10.5833 16.2857 10.5833C14.3125 10.5833 12.7143 8.99844 12.7143 7.04167C12.7143 5.0849 14.3125 3.5 16.2857 3.5ZM7.71429 3.5C9.6875 3.5 11.2857 5.0849 11.2857 7.04167C11.2857 8.99844 9.6875 10.5833 7.71429 10.5833C5.74107 10.5833 4.14286 8.99844 4.14286 7.04167C4.14286 5.0849 5.74107 3.5 7.71429 3.5ZM17 12C19.7612 12 22 14.2202 22 16.9583V19.7917H20.5714V16.9583C20.5714 15.0547 19.0558 13.5008 17.154 13.4189L17 13.4167H15.5714C13.6518 13.4167 12.0848 14.9197 12.0022 16.8056L12 16.9583V19.7917H10.5714V16.9583C10.5714 15.5704 11.1473 14.3154 12.0737 13.4167H7C5.08036 13.4167 3.51339 14.9197 3.4308 16.8056L3.42857 16.9583V19.7917H2V16.9583C2 14.2202 4.23884 12 7 12H17ZM21.2857 19.0833C21.6808 19.0833 22 19.3999 22 19.7917C22 20.1835 21.6808 20.5 21.2857 20.5C20.8906 20.5 20.5714 20.1835 20.5714 19.7917C20.5714 19.3999 20.8906 19.0833 21.2857 19.0833ZM11.2857 19.0833C11.6808 19.0833 12 19.3999 12 19.7917C12 20.1835 11.6808 20.5 11.2857 20.5C10.8906 20.5 10.5714 20.1835 10.5714 19.7917C10.5714 19.3999 10.8906 19.0833 11.2857 19.0833ZM2.71429 19.0833C3.10938 19.0833 3.42857 19.3999 3.42857 19.7917C3.42857 20.1835 3.10938 20.5 2.71429 20.5C2.3192 20.5 2 20.1835 2 19.7917C2 19.3999 2.3192 19.0833 2.71429 19.0833Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/VideoIcon.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 VideoIcon_VideoIcon = ({ 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: "M21.093 6.48815C20.6047 6.27884 20.0465 6.41838 19.6977 6.76721L17.1163 8.86024V7.81373C17.1163 6.62768 16.2093 5.7207 15.0233 5.7207H4.09302C2.90698 5.7207 2 6.62768 2 7.81373V16.1858C2 17.3719 2.90698 18.2788 4.09302 18.2788H15.0233C16.2093 18.2788 17.1163 17.3719 17.1163 16.1858V15.0695L19.6977 17.1626C20.1163 17.5114 20.6047 17.6509 21.093 17.4416C21.6512 17.2323 22 16.6742 22 15.9765V7.95326C22 7.32535 21.6512 6.76722 21.093 6.48815ZM15.7209 16.1858C15.7209 16.6044 15.4419 16.8835 15.0233 16.8835H4.09302C3.67442 16.8835 3.39535 16.6044 3.39535 16.1858V7.81373C3.39535 7.39512 3.67442 7.11605 4.09302 7.11605H15.0233C15.4419 7.11605 15.7209 7.39512 15.7209 7.81373V16.1858ZM20.6047 16.0463V16.1161L17.1163 13.2556V10.6742L20.6047 7.81373V16.0463Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/Volume1Icon.js

@@ -1,23 +1,22 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
-const Volume1Icon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+const Volume1Icon_Volume1Icon = ({ 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: "M14.5482 3.94128C14.1555 3.69742 13.676 3.65815 13.1955 3.88238L7.02135 7.47942H3.98335C3.27862 7.47942 2.69995 8.05498 2.69995 8.75662V15.2387C2.69995 15.9404 3.27862 16.5149 3.98335 16.5149H7.02135L13.2441 20.1419C13.4208 20.2287 13.6161 20.268 13.8124 20.268C14.0677 20.268 14.3229 20.1998 14.5378 20.053C14.9305 19.8102 15.1651 19.3814 15.1651 18.9226V5.08208C15.1651 4.61398 14.9305 4.18515 14.5482 3.94128ZM6.55118 15.2191L4.00298 15.2387L3.98335 8.78555H6.55118V15.2191ZM13.8517 18.9804L7.85422 15.4816V8.50345L13.8321 5.02318L13.862 18.9226L13.8517 18.9815V18.9804ZM21.3 11.7988C21.2994 11.9723 21.23 12.1386 21.107 12.261C20.9839 12.3835 20.8174 12.4521 20.6438 12.4518H17.6647C17.5787 12.4521 17.4934 12.4354 17.4138 12.4027C17.3342 12.3701 17.2619 12.322 17.2008 12.2614C17.1398 12.2008 17.0913 12.1287 17.0581 12.0493C17.025 11.9699 17.0078 11.8848 17.0075 11.7988C17.0075 11.4371 17.302 11.1457 17.6647 11.1457H20.6438C21.0055 11.1457 21.3 11.4381 21.3 11.7988ZM17.115 8.48485C17.0201 8.34228 16.9855 8.168 17.0186 7.99999C17.0517 7.83198 17.1498 7.68386 17.2917 7.58792L19.8791 5.87258C19.9493 5.81952 20.0295 5.78129 20.1149 5.76023C20.2003 5.73917 20.289 5.73571 20.3758 5.75008C20.4626 5.76444 20.5455 5.79631 20.6196 5.84376C20.6936 5.89122 20.7572 5.95325 20.8065 6.02608C20.8558 6.09891 20.8898 6.18102 20.9063 6.2674C20.9229 6.35378 20.9217 6.44262 20.9028 6.52852C20.8839 6.61441 20.8477 6.69556 20.7964 6.76702C20.7451 6.83847 20.6798 6.89874 20.6045 6.94415L18.0171 8.65948C17.9109 8.73271 17.7843 8.77034 17.6554 8.76695C17.5484 8.77171 17.4421 8.74812 17.3472 8.69858C17.2523 8.64905 17.1722 8.57531 17.115 8.48485ZM20.6045 16.643C20.9083 16.8383 20.9869 17.2475 20.7802 17.54C20.6822 17.6833 20.5322 17.7827 20.362 17.8173C20.1918 17.8518 20.0149 17.8187 19.8688 17.7249L17.2824 16.0096C17.2105 15.9635 17.1486 15.9033 17.1006 15.8327C17.0526 15.7622 17.0193 15.6826 17.0028 15.5988C16.9863 15.515 16.9869 15.4288 17.0046 15.3452C17.0222 15.2617 17.0566 15.1826 17.1057 15.1127C17.1525 15.0411 17.2132 14.9796 17.2843 14.9318C17.3553 14.8841 17.4351 14.851 17.5191 14.8347C17.6031 14.8183 17.6895 14.8189 17.7733 14.8365C17.857 14.8541 17.9364 14.8882 18.0067 14.937L20.6045 16.643Z",
-            fill: _color,
-            stroke: _color,
+            fill: "currentColor",
+            stroke: "currentColor",
             strokeWidth: 0.206667
         })
     });
 };
-Volume1Icon.displayName = 'Volume1Icon|volume-1';
-const web_Volume1Icon = Volume1Icon;
-export { web_Volume1Icon as default };
+Volume1Icon_Volume1Icon.displayName = 'Volume1Icon|volume-1';
+const Volume1Icon = Volume1Icon_Volume1Icon;
+export { Volume1Icon as default };

package/dist/web/VolumeIcon.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 VolumeIcon_VolumeIcon = ({ 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: "M10.3359 4.69601C10.9943 4.19001 11.7763 3.77889 12.6115 4.13251C13.4395 4.48182 13.704 5.32564 13.819 6.15364C13.9369 7.0032 13.9369 8.17332 13.9369 9.62807V15.1466C13.9369 16.6014 13.9369 17.7715 13.8204 18.6211C13.7054 19.4505 13.4395 20.2929 12.6129 20.6422C11.7763 20.9958 10.9943 20.5847 10.3359 20.0801C9.66175 19.5626 8.851 18.7346 7.84475 17.7083L7.80163 17.6623C7.28413 17.1347 6.94056 16.8788 6.59413 16.7351C6.24338 16.5913 5.81931 16.5295 5.079 16.5295H5.04163C4.4005 16.5295 3.86431 16.5295 3.43163 16.485C2.97594 16.4375 2.55331 16.334 2.17238 16.0753C1.44931 15.5808 1.17188 14.8577 1.0655 14.1921C0.989313 13.6948 0.997938 13.1485 1.00513 12.7115C1.00858 12.4949 1.00858 12.2783 1.00513 12.0618C0.9965 11.6248 0.989313 11.0785 1.06694 10.5826C1.17188 9.91845 1.44931 9.19395 2.17381 8.69945C2.55331 8.4407 2.97594 8.3372 3.43019 8.2912C3.96582 8.25023 4.50309 8.23488 5.04019 8.2452H5.079C5.81931 8.2452 6.24338 8.18482 6.59269 8.03964C6.94056 7.89589 7.28269 7.64145 7.80019 7.11389L7.84475 7.06789C8.851 6.04008 9.66175 5.21351 10.3359 4.69601ZM11.2114 5.83595C10.6292 6.28157 9.88888 7.03626 8.828 8.1187C8.26306 8.6937 7.7585 9.11345 7.14181 9.36933C6.528 9.62232 5.87681 9.6827 5.079 9.6827C4.39044 9.6827 3.929 9.6827 3.57969 9.72008C3.24188 9.75601 3.08663 9.81783 2.98313 9.88826C2.70425 10.078 2.55619 10.3641 2.48575 10.8083C2.42825 11.1676 2.43544 11.5385 2.44263 11.9568L2.4455 12.3881C2.4455 12.5361 2.44406 12.6799 2.44119 12.8179C2.43544 13.2348 2.42969 13.6056 2.48575 13.9665C2.55619 14.4092 2.70425 14.6967 2.98313 14.8865C3.08663 14.9569 3.24188 15.0187 3.57969 15.0532C3.93044 15.0891 4.39044 15.0906 5.079 15.0906C5.87538 15.0906 6.528 15.151 7.14181 15.4054C7.7585 15.6598 8.26306 16.0781 8.828 16.6546C9.88888 17.737 10.6292 18.4903 11.2114 18.9388C11.818 19.4045 12.0006 19.3398 12.0523 19.3168C12.1113 19.2924 12.2895 19.1946 12.3959 18.4227C12.4979 17.6838 12.4994 16.6143 12.4994 15.0834V9.68989C12.4994 8.16039 12.4994 7.09089 12.3959 6.35201C12.2895 5.58007 12.1112 5.48089 12.0509 5.45645C12.0006 5.43489 11.818 5.3702 11.2114 5.83595ZM15.6576 8.94095C15.7326 8.88364 15.8182 8.84166 15.9094 8.81744C16.0007 8.79321 16.0958 8.78719 16.1894 8.79974C16.283 8.81229 16.3732 8.84315 16.4548 8.89057C16.5365 8.93798 16.608 9.00102 16.6652 9.07608C17.3596 9.98458 17.7721 11.1375 17.7721 12.3866C17.7721 13.6358 17.3596 14.7873 16.6652 15.6972C16.6091 15.7751 16.538 15.841 16.456 15.891C16.3739 15.9409 16.2828 15.974 16.1878 15.9881C16.0928 16.0022 15.9959 15.9972 15.9029 15.9733C15.8099 15.9493 15.7226 15.907 15.6463 15.8488C15.5699 15.7906 15.506 15.7176 15.4583 15.6343C15.4105 15.551 15.38 15.4589 15.3685 15.3636C15.3569 15.2682 15.3646 15.1716 15.391 15.0792C15.4175 14.9869 15.4622 14.9008 15.5224 14.8261C16.053 14.1239 16.3379 13.2667 16.3332 12.3866C16.3379 11.5066 16.053 10.6494 15.5224 9.9472C15.4071 9.79576 15.3566 9.60478 15.3819 9.41614C15.4073 9.22749 15.5064 9.0566 15.6576 8.94095ZM19.4986 7.10957C19.368 6.97664 19.191 6.89958 19.0048 6.89464C18.8185 6.8897 18.6376 6.95727 18.5003 7.0831C18.3629 7.20893 18.2797 7.38319 18.2683 7.56914C18.2569 7.7551 18.3181 7.93821 18.4391 8.07989C19.5273 9.27014 20.167 10.768 20.167 12.3866C20.167 14.0053 19.5273 15.5031 18.4391 16.6919C18.3103 16.8324 18.2425 17.0184 18.2507 17.2088C18.2589 17.3993 18.3425 17.5787 18.483 17.7075C18.6235 17.8364 18.8094 17.9042 18.9998 17.896C19.1903 17.8877 19.3697 17.8042 19.4986 17.6637C20.8067 16.2348 21.6045 14.3977 21.6045 12.3866C21.6045 10.3741 20.8067 8.53845 19.4986 7.10957Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/WalletBackupIcon.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 WalletBackupIcon_WalletBackupIcon = ({ 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: "M19.6055 6.62598C21.0517 6.60616 22.2443 7.76662 22.2646 9.21582L22.3906 18.2812C22.4105 19.7273 21.2507 20.92 19.8047 20.9404L7.82129 21.1064C6.37507 21.1265 5.18246 19.9667 5.16211 18.5205L5.03613 9.45215C5.01609 8.00577 6.17667 6.81306 7.62305 6.79297L19.6055 6.62598ZM7.6416 8.15625C6.9469 8.16591 6.38723 8.74092 6.39648 9.43555L6.52246 18.501C6.53224 19.1958 7.10789 19.7557 7.80273 19.7461L19.7852 19.5801C20.4798 19.5702 21.0398 18.9945 21.0303 18.2998L21.0039 16.3896L17.6367 16.4365C16.1905 16.4566 14.9978 15.2968 14.9775 13.8506C14.9577 12.4044 16.1172 11.2125 17.5635 11.1924L20.9316 11.1455L20.9053 9.23438C20.8953 8.53993 20.3194 7.98098 19.625 7.99023L7.6416 8.15625ZM6.20117 9.43848L6.32715 18.5039C6.32775 18.5473 6.3316 18.5904 6.33594 18.6328L6.32812 18.5039L6.20215 9.43848C6.20147 9.38851 6.20274 9.33881 6.20703 9.29004C6.20273 9.33889 6.20048 9.38841 6.20117 9.43848ZM15.6074 3C17.0539 3.00017 18.2302 4.17659 18.2305 5.62598V6.11914H16.8701V5.62598C16.8699 4.93124 16.3022 4.36443 15.6074 4.36426H3.62305C2.92823 4.36434 2.36057 4.93119 2.36035 5.62598V14.6924C2.36055 15.3872 2.92821 15.955 3.62305 15.9551H4.60742V17.3154H3.62305C2.17668 17.3154 1.0002 16.1387 1 14.6924V5.62305C1.00003 4.17656 2.17657 3.00008 3.62305 3H15.6074ZM17.4004 16.2334L17.6338 16.2412C17.5543 16.2423 17.4751 16.2389 17.3975 16.2324L17.4004 16.2334ZM17.582 12.5527C16.8874 12.5626 16.3275 13.1374 16.3369 13.832C16.3469 14.5266 16.9226 15.0857 17.6172 15.0762L20.9854 15.0303L20.9502 12.5059L17.582 12.5527ZM18.2324 13.124C18.6095 13.1192 18.9176 13.4197 18.9229 13.7969C18.9276 14.1737 18.6279 14.4819 18.251 14.4873L17.6035 14.4971C17.2264 14.5023 16.9167 14.2013 16.9111 13.8242C16.9061 13.447 17.2077 13.138 17.585 13.1328L18.2324 13.124ZM18.7275 13.7988C18.7284 13.8645 18.716 13.927 18.6934 13.9844C18.7044 13.9564 18.715 13.9277 18.7207 13.8975L18.7285 13.7998C18.7283 13.7848 18.7252 13.7697 18.7236 13.7549C18.7251 13.7693 18.7273 13.7841 18.7275 13.7988ZM16.1416 13.834C16.1422 13.8773 16.1461 13.9205 16.1504 13.9629L16.1426 13.834C16.1419 13.7841 16.1432 13.7342 16.1475 13.6855C16.1432 13.7343 16.1409 13.784 16.1416 13.834ZM18.7188 13.7188C18.7177 13.7131 18.7189 13.7067 18.7178 13.7012C18.7157 13.6918 18.7106 13.683 18.708 13.6738C18.712 13.6885 18.7161 13.7035 18.7188 13.7188ZM20.0029 7.8418C19.9741 7.83438 19.9446 7.82596 19.915 7.82031L19.9053 7.81934C19.9381 7.82538 19.9709 7.83358 20.0029 7.8418ZM15.9951 4.22266C15.9639 4.214 15.9324 4.20483 15.9004 4.19824L15.8916 4.19727C15.9265 4.20423 15.9611 4.21323 15.9951 4.22266Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };