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

package/dist/web/CreatorTeamIcon.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 CreatorTeamIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+const CreatorTeamIcon_CreatorTeamIcon = ({ 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: "M20.2703 16.9454V16.603C20.2703 16.4508 20.2289 16.2987 20.2289 16.1465C20.9319 15.9182 21.0973 15.1574 21.0973 14.5106V14.2443C21.0973 13.4835 19.8981 12.7226 18.7816 12.5704L17.0448 12.2661L18.3681 11.2008C19.0297 10.6682 19.4019 9.86932 19.4019 8.99432C19.4019 7.62476 18.4921 6.48345 17.293 6.29323L16.9621 5.53236C18.7816 5.53236 20.2703 7.09215 20.2703 9.03236C20.2703 10.1737 19.7327 11.2008 18.947 11.8095C20.353 12.0378 21.9243 13.065 21.9243 14.2443V14.5106C21.9243 15.69 21.3868 16.7171 20.2703 16.9454ZM14.9773 12.8367C17.0862 13.2171 19.4432 14.7389 19.4432 16.565V16.9454C19.4432 19.0378 18.4094 20.7498 16.1351 20.7498H7.86479C5.59045 20.7498 4.55666 19.0378 4.55666 16.9454V16.565C4.55666 14.7389 6.9137 13.2171 9.02263 12.8367C7.82343 11.8856 7.03775 10.3258 7.03775 8.57584C7.03775 5.64649 9.27074 3.24976 11.9999 3.24976C14.7292 3.24976 16.9621 5.64649 16.9621 8.61389C16.9621 10.3639 16.1765 11.8856 14.9773 12.8367ZM9.93237 13.5215C7.94749 13.5215 5.38369 15.0052 5.38369 16.565V16.9454C5.38369 17.8584 5.6318 19.9889 7.86479 19.9889H16.1351C18.3681 19.9889 18.6162 17.8584 18.6162 16.9454V16.565C18.6162 15.0052 16.0524 13.5215 14.0675 13.5215H13.8608C13.2818 13.7498 12.6616 13.9019 11.9999 13.9019C11.3383 13.9019 10.718 13.7498 10.1391 13.5215H9.93237ZM11.9999 4.01063C9.72561 4.01063 7.86479 6.06497 7.86479 8.57584C7.86479 11.0867 9.72561 13.1411 11.9999 13.1411C14.2743 13.1411 16.1351 11.1248 16.1351 8.57584C16.1351 6.06497 14.2743 4.01063 11.9999 4.01063ZM9.84966 7.96715C9.80831 8.11932 9.64291 8.23345 9.43615 8.23345C9.14669 8.23345 8.98128 8.00519 9.02263 7.73889C9.31209 6.7878 9.93237 5.98889 10.6767 5.57041C10.9662 5.41823 11.297 5.60845 11.297 5.9128C11.297 6.02693 11.2143 6.14106 11.0902 6.21715C10.5526 6.55954 10.0564 7.16823 9.84966 7.96715ZM4.55666 9.03236C4.55666 9.90736 4.92882 10.7443 5.59045 11.2389L6.9137 12.3041L5.17693 12.6085C4.10179 12.7606 2.90259 13.5215 2.90259 14.2443V14.5106C2.90259 15.1574 3.068 15.9182 3.77098 16.1465C3.77098 16.2987 3.72963 16.4508 3.72963 16.603V16.9454C2.61313 16.7171 2.07556 15.69 2.07556 14.5106V14.2443C2.07556 13.0269 3.64692 12.0378 5.05288 11.8095C4.22585 11.1628 3.72963 10.1737 3.72963 9.03236C3.72963 7.09215 5.21828 5.53236 7.03775 5.53236C7.03775 5.53236 6.78964 6.10302 6.66559 6.33128C5.46639 6.52149 4.55666 7.6628 4.55666 9.03236Z",
-            fill: _color,
-            stroke: _color,
+            fill: "currentColor",
+            stroke: "currentColor",
             strokeWidth: 0.384439
         })
     });
 };
-CreatorTeamIcon.displayName = 'CreatorTeamIcon|creator-team';
-const web_CreatorTeamIcon = CreatorTeamIcon;
-export { web_CreatorTeamIcon as default };
+CreatorTeamIcon_CreatorTeamIcon.displayName = 'CreatorTeamIcon|creator-team';
+const CreatorTeamIcon = CreatorTeamIcon_CreatorTeamIcon;
+export { CreatorTeamIcon as default };

package/dist/web/CrownIcon.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 CrownIcon_CrownIcon = ({ 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.0337 4.55845C11.5224 3.93398 12.4656 3.89469 13.0045 4.47642L13.1128 4.61021L17.9898 11.4676L20.19 8.74986L20.2681 8.66099C21.0955 7.79499 22.6019 8.4428 22.4947 9.67954L21.7066 18.7489C21.6481 19.4202 21.0856 19.9354 20.4117 19.9354H3.6109C2.93794 19.9353 2.37556 19.4212 2.31597 18.7508L1.50054 9.57505C1.39495 8.38663 2.81257 7.69596 3.68316 8.51158L6.89312 11.5204L10.9361 4.70103L11.0337 4.55845ZM8.05426 12.4774C7.63057 13.1922 6.65366 13.3309 6.04742 12.7626L3.02301 9.92759L3.78082 18.4501H20.2418L20.9625 10.1551L18.9908 12.5926C18.4497 13.261 17.4198 13.229 16.9214 12.5282L12.0679 5.70298L8.05426 12.4774ZM12.0005 11.7674C12.821 11.7674 13.4869 12.3911 13.4869 13.16C13.4869 13.9289 12.821 14.5526 12.0005 14.5526C11.1802 14.5524 10.5152 13.9288 10.5152 13.16C10.5152 12.3912 11.1802 11.7676 12.0005 11.7674Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/CurrencyExchangeIcon.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 CurrencyExchangeIcon_CurrencyExchangeIcon = ({ 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.9991 1.99902C17.5133 1.99919 21.9981 6.48487 21.9981 12C21.9981 12.5489 21.9514 13.1022 21.8663 13.6426C21.811 13.9915 21.4742 14.2252 21.1339 14.1699C20.7852 14.1145 20.5513 13.783 20.6065 13.4385C20.6831 12.9661 20.7256 12.4848 20.7256 12.0039C20.7255 7.19525 16.811 3.28027 12.003 3.28027C7.19494 3.2803 3.27643 7.19121 3.27643 12C3.27644 16.8088 7.19102 20.7236 11.9991 20.7236C13.1531 20.7262 14.2962 20.4981 15.3604 20.0518C15.4375 20.0194 15.52 20.0024 15.6036 20.002C15.6872 20.0015 15.7703 20.0172 15.8477 20.0488C15.925 20.0804 15.9954 20.1269 16.0547 20.1855C16.1141 20.2443 16.162 20.3146 16.1944 20.3916C16.2268 20.4687 16.2438 20.5521 16.2442 20.6357C16.2446 20.7193 16.2279 20.8025 16.1964 20.8799C16.1647 20.9572 16.1184 21.0276 16.0596 21.0869C16.0008 21.1464 15.9307 21.1932 15.8536 21.2256L15.5733 21.3408C14.4327 21.7787 13.2208 22.0029 11.9991 22.001C6.4847 22.001 2.00008 17.5152 2.00006 12C2.00006 6.48477 6.48469 1.99902 11.9991 1.99902ZM19.0694 14.5732C19.2344 14.5803 19.3908 14.6511 19.5049 14.7705L21.8409 17.4043C21.9557 17.532 22.0109 17.7025 21.9981 17.877C21.9853 18.0514 21.9038 18.2087 21.7676 18.3193L19.045 20.5791C18.9259 20.6769 18.7813 20.7236 18.6368 20.7236C18.5054 20.7246 18.3765 20.6853 18.2686 20.6104C18.1608 20.5353 18.0791 20.4282 18.0342 20.3047C17.9895 20.1812 17.984 20.0466 18.0186 19.9199C18.0534 19.7931 18.126 19.6792 18.2276 19.5957L19.6905 18.3828H15.795C15.49 18.3828 15.2444 18.0982 15.2442 17.7451C15.2442 17.3919 15.49 17.1065 15.795 17.1064H19.8672L18.5469 15.6172C18.4424 15.4893 18.3912 15.3258 18.4044 15.1611C18.4177 14.9964 18.4945 14.8429 18.6182 14.7334C18.7421 14.6238 18.9042 14.5663 19.0694 14.5732ZM11.9991 4.95215C12.2926 4.95231 12.5302 5.18981 12.5303 5.4834V6.49512C13.8484 6.65007 14.8718 7.39347 15.171 8.51562C15.1904 8.58702 15.2032 8.68434 15.2032 8.80762C15.2032 9.1258 14.9826 9.33398 14.671 9.33398C14.3724 9.33394 14.1908 9.17756 14.087 8.87891C13.7623 7.93099 12.9894 7.51562 11.9766 7.51562C10.808 7.51565 9.90533 8.08747 9.90533 9.04199C9.90554 9.782 10.4059 10.2882 11.6846 10.5674L12.7237 10.7949C14.6776 11.2235 15.4502 12.0026 15.4503 13.3271C15.4503 14.9072 14.3174 15.9441 12.5294 16.1162C12.5294 16.1183 12.5303 16.1209 12.5303 16.123V17.1865C12.5303 17.4802 12.2927 17.7186 11.9991 17.7188C11.7054 17.7188 11.4669 17.4803 11.4669 17.1865V16.1191C9.98396 15.9781 8.94193 15.2379 8.62701 14.2236C8.58808 14.0938 8.56161 13.9508 8.56158 13.8145C8.56158 13.4443 8.76953 13.21 9.10065 13.21C9.39274 13.21 9.57422 13.3602 9.6651 13.6719C9.95089 14.6392 10.8733 15.0938 12.0547 15.0938C13.327 15.0937 14.2488 14.4248 14.2491 13.5029C14.2491 12.7172 13.7292 12.1978 12.4307 11.9121L11.3926 11.6846C9.51643 11.2755 8.70427 10.4248 8.70416 9.09375C8.70416 7.69673 9.81892 6.67919 11.4669 6.49609V5.4834C11.467 5.18971 11.7054 4.95215 11.9991 4.95215Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/DiamondHandIcon.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 DiamondHandIcon_DiamondHandIcon = ({ 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.4675 8.87754L18.7112 4.74301C18.3312 4.17307 17.6969 3.83496 17.0142 3.83496H6.61027C5.92763 3.83496 5.29328 4.17307 4.91331 4.74301L2.15374 8.87754C1.63209 9.66001 1.70937 10.6904 2.34372 11.3827L10.8768 20.7531C11.1151 21.0139 11.4564 21.1652 11.8106 21.1652C12.1648 21.1652 12.5062 21.0139 12.7445 20.7531L21.2776 11.3827C21.9087 10.6904 21.986 9.66001 21.4675 8.87754ZM17.9062 5.27754L20.6625 9.41207C20.7205 9.49901 20.7656 9.59561 20.7946 9.69221H16.1352L14.8246 4.79775H17.011C17.3716 4.80097 17.7065 4.97808 17.9062 5.27754ZM11.8106 19.6067L8.53264 10.6614H15.0854L11.8106 19.6067ZM13.8232 4.80097L15.1337 9.69543H8.48434L9.79489 4.80097H13.8232ZM5.7151 5.27754C5.91475 4.97808 6.24963 4.79775 6.61027 4.79775H8.79668L7.48613 9.69221H2.82673C2.85571 9.59561 2.90079 9.49901 2.95875 9.41207L5.7151 5.27754ZM2.99739 10.6614H7.50545L10.5419 18.9498L3.05857 10.7323C3.03603 10.7097 3.01671 10.684 2.99739 10.6614ZM13.0793 18.9498L16.1158 10.6614H20.6239C20.6046 10.6872 20.5852 10.7097 20.5627 10.7355L13.0793 18.9498Z",
-            fill: _color,
-            stroke: _color,
+            fill: "currentColor",
+            stroke: "currentColor",
             strokeWidth: 0.305828
         })
     });

package/dist/web/DiamondIcon.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 DiamondIcon = ({ 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.03029 9.86555C2.01344 9.83852 1.99841 9.81041 1.98529 9.78139L1.98394 9.77847C1.96361 9.73385 1.94793 9.68725 1.93714 9.63942V9.63649C1.93039 9.60578 1.92565 9.57467 1.92297 9.54334V9.53231C1.92207 9.52046 1.92154 9.50861 1.92139 9.49676V9.48529V9.48034C1.92139 9.46684 1.92139 9.45356 1.92252 9.44051V9.43286C1.92342 9.41966 1.92462 9.40661 1.92612 9.39371C1.92612 9.39034 1.92612 9.38719 1.92747 9.38381C1.93173 9.35207 1.93812 9.32065 1.94659 9.28976V9.28796C1.95578 9.25469 1.96736 9.22213 1.98125 9.19053L4.50129 3.43178C4.50264 3.42863 4.50421 3.42571 4.50579 3.42256C4.51074 3.41153 4.51614 3.40006 4.52176 3.38971C4.52446 3.38431 4.52761 3.37891 4.53054 3.37373C4.53549 3.36473 4.54066 3.35596 4.54584 3.34696L4.55642 3.32986C4.55844 3.32648 4.56046 3.32333 4.56249 3.31996C4.56451 3.31658 4.56946 3.31028 4.57284 3.30556C4.57621 3.30083 4.58049 3.29453 4.58454 3.28936L4.60412 3.26438C4.60772 3.2601 4.61109 3.2556 4.61469 3.25133C4.62504 3.23918 4.63584 3.22725 4.64709 3.216L4.65159 3.21173C4.66149 3.20183 4.67169 3.19215 4.68219 3.1827L4.69434 3.17235C4.70267 3.16538 4.71099 3.1584 4.71954 3.15188L4.73394 3.14108C4.74219 3.13493 4.75052 3.129 4.75892 3.1233L4.77422 3.11318C4.78299 3.10755 4.79177 3.10238 4.80077 3.0972L4.81584 3.08843C4.82597 3.0828 4.83654 3.07763 4.8469 3.07245L4.85882 3.0666C4.87382 3.06 4.88882 3.05378 4.90382 3.04793L4.91574 3.04365C4.92677 3.0396 4.93825 3.03578 4.9495 3.03218L4.96705 3.02723C4.97672 3.02453 4.9864 3.02183 4.9963 3.01958L5.01542 3.0153L5.0449 3.0099L5.0638 3.00698C5.0746 3.0054 5.0863 3.00427 5.09642 3.00337L5.11262 3.0018C5.12905 3.00068 5.14548 3 5.16212 3H18.8381C18.8547 3 18.8712 3 18.8876 3.0018L18.9038 3.00337C18.9146 3.00337 18.9263 3.0054 18.9364 3.00698L18.9553 3.0099L18.9848 3.0153L19.0039 3.01958C19.0138 3.02183 19.0235 3.02453 19.0332 3.02723L19.0507 3.03218C19.062 3.03578 19.0732 3.0396 19.0845 3.04365L19.0964 3.04793C19.1114 3.05363 19.1264 3.05985 19.1414 3.0666L19.1533 3.07245C19.1639 3.07763 19.1742 3.0828 19.1844 3.08843L19.1994 3.0972C19.2084 3.10238 19.2172 3.10778 19.226 3.11318L19.2413 3.1233C19.2498 3.129 19.2582 3.13493 19.2663 3.14108L19.2807 3.15188C19.2892 3.1584 19.2975 3.16538 19.3059 3.17235L19.318 3.1827C19.3285 3.192 19.3387 3.20168 19.3486 3.21173L19.3531 3.216C19.3644 3.22748 19.3756 3.2385 19.3855 3.25133C19.3891 3.2556 19.3925 3.2601 19.3961 3.26438C19.4029 3.27248 19.4094 3.2808 19.4157 3.28936C19.422 3.29791 19.4236 3.30016 19.4274 3.30556C19.4312 3.31096 19.4344 3.31501 19.4377 3.31996C19.4411 3.32491 19.4418 3.32648 19.4438 3.32986L19.4544 3.34696C19.4598 3.35573 19.4647 3.36473 19.4697 3.37373C19.4726 3.37913 19.4755 3.38431 19.4785 3.38971C19.4841 3.40051 19.4893 3.41221 19.4944 3.42256C19.4958 3.42571 19.4976 3.42863 19.4989 3.43178L22.019 9.19053C22.0329 9.22213 22.0444 9.25469 22.0536 9.28796V9.28976C22.0621 9.32065 22.0685 9.35207 22.0727 9.38381L22.0739 9.39349C22.0754 9.40654 22.0766 9.41959 22.0775 9.43264V9.44029C22.0775 9.45356 22.0786 9.46684 22.0786 9.48011V9.49654C22.0786 9.50854 22.0781 9.52039 22.077 9.53209V9.54311C22.0743 9.57444 22.0696 9.60556 22.0628 9.63627V9.63919C22.0521 9.6871 22.0364 9.73377 22.016 9.77847L22.0147 9.78139C22.0016 9.81041 21.9865 9.83852 21.9697 9.86555L21.9654 9.8723C21.9484 9.89845 21.9297 9.92348 21.9094 9.94722L21.9058 9.95172L12.5456 20.7519C12.5396 20.7589 12.5335 20.7654 12.5272 20.7722L12.5207 20.7794C12.5099 20.7906 12.4982 20.8019 12.4874 20.8118L12.4779 20.8201C12.4689 20.828 12.4598 20.8355 12.4505 20.8426L12.4397 20.8511C12.428 20.8601 12.416 20.8689 12.4037 20.8772L12.4016 20.8788C12.3886 20.8876 12.3753 20.8957 12.3618 20.9033L12.3501 20.9099C12.3398 20.9156 12.3293 20.921 12.3188 20.9263L12.3067 20.9321C12.2927 20.9387 12.2786 20.9447 12.2644 20.9504L12.2563 20.9533C12.2443 20.9578 12.2321 20.962 12.2198 20.9659L12.205 20.9704C12.1936 20.9737 12.1821 20.9768 12.1705 20.9796L12.1588 20.9825C12.1438 20.9858 12.1288 20.9887 12.1138 20.9911L12.1015 20.9929C12.0893 20.9945 12.0772 20.9959 12.065 20.9969L12.0511 20.9981C12.0351 20.9981 12.0189 20.9999 12.0027 20.9999C11.9865 20.9999 11.9703 20.9999 11.9543 20.9981L11.9404 20.9969C11.9281 20.9959 11.9159 20.9945 11.9039 20.9929L11.8915 20.9911C11.8765 20.9887 11.8615 20.9858 11.8465 20.9825L11.8348 20.9796C11.8233 20.9768 11.8118 20.9737 11.8004 20.9704L11.7856 20.9659C11.7733 20.962 11.7611 20.9578 11.7491 20.9533L11.741 20.9504C11.7266 20.9447 11.7127 20.9387 11.6987 20.9321L11.6866 20.9263C11.6759 20.921 11.6655 20.9156 11.6553 20.9099L11.6436 20.9033C11.6301 20.8955 11.6168 20.8874 11.6038 20.8788L11.6017 20.8772C11.5894 20.8689 11.5774 20.8601 11.5657 20.8511L11.5549 20.8426C11.5456 20.8351 11.5365 20.8276 11.5275 20.8201L11.518 20.8118C11.5066 20.8014 11.4955 20.7906 11.4847 20.7794L11.4782 20.7722C11.4719 20.7656 11.4658 20.7589 11.4598 20.7519L2.0996 9.95172L2.09599 9.94722C2.07572 9.92348 2.05701 9.89845 2.03997 9.8723L2.03029 9.86555ZM18.8572 5.55987L17.5353 8.7601H20.2579L18.8572 5.55987ZM14.9905 8.7601L11.998 4.89588L9.00542 8.7601H14.9905ZM8.61324 10.2001L11.998 18.3943L15.3825 10.2001H8.61324ZM16.9404 10.2001L14.3529 16.4627L19.7813 10.2001H16.9404ZM7.05531 10.2001H4.21463L9.64218 16.4627L7.05531 10.2001ZM6.46062 8.7601L5.13873 5.55987L3.73875 8.7601H6.46062ZM7.7283 8.05719L10.5296 4.44003H6.23427L7.7283 8.05719ZM13.4663 4.44003L16.2676 8.05719L17.7617 4.44003H13.4663Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/DiscordIcon.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 DiscordIcon_DiscordIcon = ({ 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: "M19.1549 5.35131C19.1493 5.34 19.1401 5.33114 19.1289 5.32631C17.8322 4.70162 16.4638 4.25616 15.0579 4.00109C15.0452 3.9986 15.032 4.0004 15.0202 4.00623C15.0085 4.01207 14.9988 4.02164 14.9925 4.03359C14.8062 4.3887 14.637 4.75345 14.4857 5.12645C12.9703 4.88491 11.4288 4.88491 9.91339 5.12645C9.76107 4.7525 9.58921 4.38766 9.3986 4.03359C9.39206 4.0219 9.38232 4.01255 9.37065 4.00675C9.35897 4.00095 9.34591 3.99898 9.33315 4.00109C7.92716 4.25563 6.55866 4.70112 5.26212 5.32635C5.25102 5.33129 5.24166 5.33972 5.23532 5.35049C2.64248 9.41614 1.93221 13.3818 2.28065 17.2984C2.28163 17.308 2.28444 17.3173 2.28891 17.3257C2.29338 17.3342 2.29942 17.3416 2.30667 17.3475C3.81645 18.5213 5.50516 19.4172 7.30073 19.9971C7.31338 20.0011 7.32688 20.0009 7.33943 19.9966C7.35197 19.9923 7.36295 19.9841 7.3709 19.973C7.75655 19.422 8.09827 18.8386 8.39257 18.2286C8.39662 18.2203 8.39893 18.2111 8.39935 18.2017C8.39977 18.1923 8.39829 18.183 8.39502 18.1742C8.39174 18.1655 8.38674 18.1576 8.38035 18.151C8.37395 18.1445 8.36631 18.1394 8.35791 18.1362C7.81905 17.9197 7.29737 17.6587 6.79777 17.3557C6.7887 17.3501 6.78107 17.3423 6.77558 17.3328C6.77008 17.3234 6.76688 17.3127 6.76626 17.3017C6.76564 17.2906 6.76761 17.2796 6.77201 17.2696C6.77641 17.2595 6.7831 17.2508 6.79148 17.2441C6.89661 17.1616 6.99991 17.0767 7.10131 16.9892C7.1102 16.9815 7.12096 16.9766 7.13238 16.975C7.1438 16.9733 7.15542 16.9751 7.16594 16.9801C10.439 18.5485 13.9826 18.5485 17.217 16.9801C17.2275 16.9748 17.2393 16.9728 17.2509 16.9743C17.2624 16.9757 17.2734 16.9806 17.2824 16.9884C17.3839 17.0763 17.4875 17.1616 17.593 17.2441C17.6015 17.2507 17.6082 17.2594 17.6127 17.2694C17.6172 17.2794 17.6192 17.2904 17.6187 17.3015C17.6181 17.3125 17.615 17.3232 17.6096 17.3327C17.6041 17.3422 17.5966 17.3501 17.5875 17.3557C17.0891 17.6613 16.5669 17.9221 16.0266 18.1354C16.0183 18.1387 16.0106 18.1439 16.0043 18.1506C15.9979 18.1572 15.993 18.1652 15.9898 18.174C15.9866 18.1828 15.9852 18.1922 15.9856 18.2016C15.9861 18.2111 15.9885 18.2203 15.9926 18.2286C16.2919 18.8352 16.6331 19.4179 17.0135 19.972C17.0212 19.9834 17.0322 19.9919 17.0448 19.9964C17.0574 20.0009 17.071 20.0011 17.0837 19.997C18.8825 19.4191 20.5741 18.5231 22.0858 17.3475C22.0932 17.3419 22.0993 17.3347 22.1038 17.3263C22.1083 17.318 22.111 17.3088 22.1118 17.2992C22.529 12.7713 21.4135 8.83807 19.1549 5.35131ZM8.88138 14.9136C7.89594 14.9136 7.08396 13.9641 7.08396 12.7979C7.08396 11.6318 7.88019 10.6822 8.88138 10.6822C9.8904 10.6822 10.6945 11.64 10.6788 12.7979C10.6788 13.9641 9.88251 14.9136 8.88138 14.9136ZM15.527 14.9136C14.5416 14.9136 13.7296 13.9641 13.7296 12.7979C13.7296 11.6318 14.5258 10.6822 15.527 10.6822C16.5361 10.6822 17.3402 11.64 17.3244 12.7979C17.3244 13.9641 16.5361 14.9136 15.527 14.9136Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/DocumentTermsIcon.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 DocumentTermsIcon = ({ 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.665 2.72607C19.8016 2.72607 20.7236 3.64726 20.7236 4.78076V19.2192C20.7236 20.3528 19.8017 21.2739 18.665 21.2739H5.33594C4.19931 21.2739 3.27637 20.3528 3.27637 19.2192V4.78076C3.27644 3.64726 4.19542 2.72607 5.33594 2.72607H18.665ZM16.4795 4.17529V9.71436C16.4795 9.89127 16.3149 10.0229 16.1338 10.0229C16.0771 10.0231 16.0209 10.0101 15.9697 9.98584L13.5127 8.79736C13.5012 8.7935 13.4946 8.78963 13.4844 8.78955C13.4743 8.79001 13.464 8.79264 13.4551 8.79736L10.9971 9.98584C10.9462 10.0099 10.8903 10.0229 10.834 10.0229C10.6516 10.0229 10.4893 9.89123 10.4893 9.71436V4.17529H5.33594C5.0013 4.17529 4.72957 4.44796 4.72949 4.78076V19.2192C4.72984 19.3796 4.79368 19.5335 4.90723 19.647C5.02087 19.7604 5.17522 19.8244 5.33594 19.8247H18.665C18.8258 19.8244 18.9801 19.7604 19.0938 19.647C19.2073 19.5335 19.2711 19.3797 19.2715 19.2192V4.78076C19.2714 4.44796 18.9984 4.17529 18.665 4.17529H16.4795ZM12.5244 15.6382C12.9234 15.6382 13.25 15.9644 13.25 16.3628C13.2493 16.5548 13.173 16.7388 13.0371 16.8745C12.9011 17.0103 12.7167 17.0867 12.5244 17.0874H7.25391C7.06168 17.0867 6.87717 17.0102 6.74121 16.8745C6.60525 16.7388 6.52804 16.5548 6.52734 16.3628C6.52734 15.9644 6.85491 15.6382 7.25391 15.6382H12.5244ZM16.7451 11.7983C16.9375 11.7983 17.1227 11.8744 17.2588 12.0103C17.3949 12.1461 17.4716 12.3308 17.4717 12.5229C17.4717 12.7151 17.3949 12.8997 17.2588 13.0356C17.1227 13.1715 16.9376 13.2476 16.7451 13.2476V13.2495H7.25195C7.05975 13.2488 6.87517 13.1713 6.73926 13.0356C6.60356 12.8999 6.52706 12.7157 6.52637 12.5239C6.52662 12.1245 6.85321 11.7985 7.25195 11.7983H16.7451ZM11.9404 4.17529V7.9126L12.8184 7.48877C13.0241 7.38772 13.2512 7.33536 13.4805 7.33643C13.709 7.33735 13.9348 7.38962 14.1406 7.48877L15.0195 7.9165V4.17529H11.9404Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/DownloadIcon.js

@@ -1,31 +1,30 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
-const DownloadIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+const DownloadIcon_DownloadIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
+    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.7884C2.87447 14.6422 3.07276 14.5601 3.27952 14.5601C3.48627 14.5601 3.68456 14.6422 3.83076 14.7884C3.97696 14.9346 4.05909 15.1329 4.05909 15.3397V17.8421C4.05948 18.2021 4.20263 18.5472 4.45715 18.8017C4.71167 19.0562 5.05676 19.1994 5.4167 19.1997H18.581C18.9409 19.1994 19.286 19.0562 19.5405 18.8017C19.7951 18.5472 19.9382 18.2021 19.9386 17.8421V15.3397C19.9386 15.1329 20.0207 14.9346 20.1669 14.7884C20.3131 14.6422 20.5114 14.5601 20.7182 14.5601C20.9249 14.5601 21.1232 14.6422 21.2694 14.7884C21.4156 14.9346 21.4977 15.1329 21.4977 15.3397V17.8423C21.4969 18.6155 21.1893 19.357 20.6426 19.9037C20.0958 20.4505 19.3545 20.758 18.5813 20.7589H5.41655C4.64333 20.758 3.90188 20.4505 3.35513 19.9037C2.80838 19.357 2.50083 18.6157 2.49994 17.8424V15.3397C2.49994 15.1329 2.58207 14.9346 2.72827 14.7884Z",
-                fill: _color
+                fill: "currentColor"
             }),
             /*#__PURE__*/ jsx("path", {
                 d: "M11.927 3.24097C11.7203 3.24097 11.522 3.3231 11.3758 3.4693C11.2296 3.6155 11.1475 3.81379 11.1475 4.02054V14.0822L6.75556 10.45C6.59593 10.321 6.39187 10.2602 6.18768 10.2807C5.98349 10.3012 5.79562 10.4014 5.66485 10.5596C5.53408 10.7178 5.47095 10.9211 5.48915 11.1255C5.50735 11.3299 5.60542 11.5189 5.76208 11.6515L5.76328 11.6525L11.4121 16.3249C11.554 16.4498 11.7369 16.5192 11.927 16.5192V3.24097Z",
-                fill: _color
+                fill: "currentColor"
             }),
             /*#__PURE__*/ jsx("path", {
                 d: "M11.927 3.24097C12.1338 3.24097 12.3321 3.3231 12.4783 3.4693C12.6245 3.6155 12.7066 3.81379 12.7066 4.02054V14.0822L17.0985 10.45C17.2581 10.321 17.4622 10.2602 17.6664 10.2807C17.8706 10.3012 18.0584 10.4014 18.1892 10.5596C18.32 10.7178 18.3831 10.9211 18.3649 11.1255C18.3467 11.3299 18.2486 11.5189 18.092 11.6515L18.0908 11.6525L12.442 16.3249C12.3001 16.4498 12.1172 16.5192 11.927 16.5192V3.24097Z",
-                fill: _color
+                fill: "currentColor"
             })
         ]
     });
 };
-DownloadIcon.displayName = 'DownloadIcon|download';
-const web_DownloadIcon = DownloadIcon;
-export { web_DownloadIcon as default };
+DownloadIcon_DownloadIcon.displayName = 'DownloadIcon|download';
+const DownloadIcon = DownloadIcon_DownloadIcon;
+export { DownloadIcon as default };

package/dist/web/Draggable2Icon.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 Draggable2Icon_Draggable2Icon = ({ 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.85742 9.14307C4.85731 9.9319 4.21756 10.5717 3.42871 10.5718C2.6398 10.5718 2.00011 9.93195 2 9.14307C2 8.35409 2.63973 7.71435 3.42871 7.71435C4.21763 7.71443 4.85742 8.35413 4.85742 9.14307ZM4.85742 14.8569C4.85742 15.6459 4.21762 16.2856 3.42871 16.2856C2.63973 16.2856 2 15.6459 2 14.8569C2.00011 14.0681 2.6398 13.4282 3.42871 13.4282C4.21755 13.4283 4.85731 14.0681 4.85742 14.8569ZM13.4287 9.14307C13.4286 9.93195 12.7889 10.5718 12 10.5718C11.2111 10.5718 10.5714 9.93195 10.5713 9.14307C10.5713 8.35409 11.211 7.71436 12 7.71436C12.789 7.71436 13.4287 8.35409 13.4287 9.14307ZM13.4287 14.8569C13.4287 15.6459 12.789 16.2856 12 16.2856C11.211 16.2856 10.5713 15.6459 10.5713 14.8569C10.5714 14.0681 11.2111 13.4282 12 13.4282C12.7889 13.4282 13.4286 14.0681 13.4287 14.8569ZM22 9.14307C21.9999 9.93195 21.3602 10.5718 20.5713 10.5718C19.7824 10.5717 19.1427 9.9319 19.1426 9.14307C19.1426 8.35413 19.7824 7.71443 20.5713 7.71436C21.3603 7.71436 22 8.35409 22 9.14307ZM22 14.8569C22 15.6459 21.3603 16.2856 20.5713 16.2856C19.7824 16.2856 19.1426 15.6459 19.1426 14.8569C19.1427 14.0681 19.7824 13.4283 20.5713 13.4282C21.3602 13.4282 21.9999 14.0681 22 14.8569Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/DraggableIcon.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 DraggableIcon_DraggableIcon = ({ 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.79102 15.9111V13.5212H5.06721V15.9111H2.79102ZM2.79102 10.4791V8.08911H5.06721V10.4791H2.79102ZM8.17196 15.9111V13.5212H10.4482V15.9111H8.17196ZM8.17196 10.4791V8.08911H10.4482V10.4791H8.17196ZM13.5511 15.9111V13.5212H15.8272V15.9111H13.5511ZM13.5511 10.4791V8.08911H15.8272V10.4791H13.5511ZM18.9329 15.9111V13.5212H21.2091V15.9111H18.9329ZM18.9329 10.4791V8.08911H21.2091V10.4791H18.9329Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/DraggableVerticalIcon.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 DraggableVerticalIcon_DraggableVerticalIcon = ({ 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: "M8.08905 2.79077L10.479 2.79077L10.479 5.06697L8.08905 5.06697L8.08905 2.79077ZM13.521 2.79077L15.911 2.79077L15.911 5.06697L13.521 5.06697L13.521 2.79077ZM8.08905 8.17172L10.479 8.17172L10.479 10.4479L8.08905 10.4479L8.08905 8.17172ZM13.521 8.17172L15.911 8.17172L15.911 10.4479L13.521 10.4479L13.521 8.17172ZM8.08905 13.5508L10.479 13.5508L10.479 15.8269L8.08905 15.8269L8.08905 13.5508ZM13.521 13.5508L15.911 13.5508L15.911 15.8269L13.521 15.8269L13.521 13.5508ZM8.08905 18.9326L10.479 18.9326L10.479 21.2089L8.08905 21.2089L8.08905 18.9326ZM13.521 18.9326L15.911 18.9326L15.911 21.2089L13.521 21.2089L13.521 18.9326Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/EagleIcon.js

@@ -1,21 +1,20 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
-const EagleIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+const EagleIcon_EagleIcon = ({ 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: "M18.2499 5.77881C18.7611 6.80169 19.0272 7.82077 19.0272 8.96729L19.0262 10.7866L19.036 11.73C19.0731 14.0453 19.574 16.388 20.7089 18.5317L18.3339 16.6167L16.6542 19.3433L14.8895 17.6821L12.0682 22.2583L9.24792 17.6821L7.48328 19.3433L5.80261 16.6167L3.42859 18.5317C4.56341 16.388 5.06432 14.0453 5.10144 11.73L5.11121 10.7866L5.11023 8.96729C5.11024 7.82072 5.3752 6.80161 5.8866 5.77881L6.04578 5.47998C6.35846 5.91987 6.74696 6.41345 7.18835 6.85889L7.05066 7.14502C6.78301 7.70095 6.69471 8.32242 6.9032 8.91357C7.03767 9.29442 7.2831 9.62128 7.59949 9.87061C7.90657 10.1126 8.26981 10.2761 8.65027 10.3618C8.89822 10.4176 9.15125 10.4409 9.40222 10.4331C9.34373 10.7649 9.31794 11.1089 9.31628 11.4595L7.07703 12.7534L8.80457 13.7222C8.94271 13.7996 9.07459 13.8887 9.19812 13.9878C10.623 15.2673 11.4795 19.0522 12.0682 20.9009C12.6571 19.0522 13.5143 15.2673 14.9393 13.9878C15.0628 13.8887 15.1939 13.7996 15.3319 13.7222L17.0604 12.7534L14.8212 11.4595C14.8195 11.1089 14.7937 10.7648 14.7352 10.4331C14.986 10.4409 15.2384 10.4175 15.4862 10.3618C15.8668 10.2761 16.2308 10.1127 16.538 9.87061C16.8543 9.62128 17.0999 9.29442 17.2343 8.91357C17.4428 8.32247 17.3543 7.70098 17.0868 7.14502L16.9491 6.85889C17.3904 6.41352 17.779 5.91986 18.0917 5.47998L18.2499 5.77881ZM11.8251 8.83838C12.0522 8.83841 12.2821 8.91911 12.493 9.07959C13.0811 9.52791 13.5176 10.2423 13.4413 11.8569C13.4373 11.9428 13.4605 12.0282 13.5077 12.1001C13.5549 12.1718 13.6237 12.2269 13.704 12.2573L14.537 12.7388C12.8365 13.6921 12.3743 15.4621 11.8251 17.186C11.2759 15.4619 10.813 13.692 9.11218 12.7388L9.94519 12.2573C10.0257 12.2269 10.0952 12.172 10.1425 12.1001C10.1897 12.0282 10.2128 11.9428 10.2089 11.8569C10.1326 10.2426 10.5682 9.52793 11.1561 9.07959C11.3671 8.919 11.5979 8.83838 11.8251 8.83838ZM7.82312 7.6333C8.62472 8.26615 9.42535 8.7287 10.0546 9.04248C9.59468 9.30232 9.08793 9.35894 8.65417 9.26123C8.42574 9.20993 8.21916 9.11511 8.05359 8.98486C7.9008 8.86429 7.78434 8.7128 7.72253 8.53857C7.63552 8.29124 7.65409 7.98432 7.82312 7.6333ZM15.827 7.6333C15.9961 7.98432 16.0147 8.29124 15.9276 8.53857C15.8659 8.71281 15.7494 8.86428 15.5966 8.98486C15.431 9.11522 15.2236 9.20994 14.995 9.26123C14.5614 9.3588 14.0553 9.30214 13.5956 9.04248C14.2248 8.7287 15.0254 8.26611 15.827 7.6333ZM11.8251 1.71436C12.7878 1.74022 13.753 1.92696 14.5907 2.29053C15.1707 2.54261 15.712 2.87578 16.202 3.27393C16.4233 3.45369 16.6058 3.62773 16.8065 3.82764C17.3479 3.84635 18.1392 3.24492 18.5067 2.68213C17.8742 4.75489 14.9895 7.20245 12.9921 8.13916L12.9901 8.13818C12.6317 7.86448 12.2283 7.72708 11.8251 7.72705C11.4218 7.72705 11.0185 7.86445 10.66 8.13818L10.6581 8.13916C8.66051 7.20248 5.77485 4.75499 5.14246 2.68213C5.5097 3.24487 6.30116 3.84602 6.84265 3.82764C7.04347 3.62778 7.2259 3.45369 7.44714 3.27393C7.93729 2.87566 8.47933 2.54266 9.05945 2.29053C9.89716 1.92701 10.8624 1.7402 11.8251 1.71436Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };
-EagleIcon.displayName = 'EagleIcon|eagle';
-const web_EagleIcon = EagleIcon;
-export { web_EagleIcon as default };
+EagleIcon_EagleIcon.displayName = 'EagleIcon|eagle';
+const EagleIcon = EagleIcon_EagleIcon;
+export { EagleIcon as default };

package/dist/web/EarthIcon.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 EarthIcon = ({ 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.5 12C21.5 6.75175 17.2483 2.5 12 2.5C6.75175 2.5 2.5 6.75175 2.5 12C2.5 17.2483 6.75175 21.5 12 21.5C14.5134 21.5 16.7943 20.5256 18.4883 18.9312C18.5991 18.898 18.6987 18.8427 18.7762 18.743C18.8427 18.6766 18.8869 18.5991 18.9202 18.5105C20.5146 16.8054 21.5 14.5245 21.5 12ZM11.2582 20.2045C11.2471 20.1824 11.2249 20.1713 11.2028 20.1492C10.1841 19.2634 9.35373 18.2115 8.73368 17.049C9.5641 16.7057 10.4499 16.4953 11.3689 16.4289V20.2045C11.3357 20.2045 11.2914 20.2045 11.2582 20.2045ZM3.78438 12.609H6.23135C6.29779 13.9376 6.58566 15.2331 7.07284 16.451C6.60781 16.7168 6.17599 17.0157 5.75524 17.359C4.63695 16.0635 3.91725 14.4138 3.78438 12.609ZM5.82168 6.55245C6.23135 6.88462 6.66317 7.17249 7.10606 7.43823C6.59674 8.66725 6.29779 9.99592 6.23135 11.3467H3.79545C3.93939 9.51981 4.68124 7.85897 5.82168 6.55245ZM12.7197 3.79545C12.7418 3.8176 12.7529 3.83974 12.7861 3.86189C13.7716 4.71445 14.5909 5.7331 15.1999 6.8514C14.3805 7.18357 13.5169 7.38287 12.6311 7.4493V3.79545C12.6643 3.79545 12.6976 3.79545 12.7197 3.79545ZM20.2045 11.3467H17.7576C17.6801 9.99592 17.3811 8.67832 16.8718 7.43823C17.3258 7.18357 17.7576 6.88462 18.1672 6.55245C19.3188 7.85897 20.0606 9.51981 20.2045 11.3467ZM11.3689 11.3467H7.50466C7.5711 10.1841 7.83683 9.05478 8.25758 7.99184C9.24301 8.40152 10.2949 8.6451 11.3689 8.71154V11.3467ZM11.3689 12.609V15.1556C10.2727 15.222 9.20979 15.4767 8.21329 15.8864C7.81469 14.8456 7.5711 13.7383 7.50466 12.609H11.3689ZM12.6311 12.609H16.4843C16.4178 13.7494 16.1742 14.8566 15.7756 15.8974C14.7791 15.4767 13.7162 15.2331 12.6311 15.1556V12.609ZM12.6311 11.3467V8.71154C13.7051 8.6451 14.757 8.40152 15.7314 8.00291C16.1521 9.06585 16.4068 10.1952 16.4843 11.3467H12.6311ZM16.3403 6.28671C15.9639 5.60023 15.5321 4.94697 15.0227 4.338C15.8421 4.65909 16.595 5.11305 17.2593 5.66667C16.9604 5.89918 16.6503 6.10956 16.3403 6.28671ZM11.3689 3.78438V7.43823C10.4831 7.37179 9.60839 7.17249 8.80012 6.84033C9.40909 5.72203 10.2174 4.71445 11.2028 3.86189C11.2249 3.83974 11.2582 3.80653 11.2803 3.78438C11.3024 3.79545 11.3357 3.79545 11.3689 3.78438ZM7.65967 6.28671C7.33858 6.09848 7.03963 5.88811 6.74068 5.66667C7.40501 5.11305 8.15793 4.67016 8.9662 4.34907C8.46795 4.94697 8.02506 5.60023 7.65967 6.28671ZM7.60431 17.6136C7.98077 18.3333 8.43473 19.0198 8.95513 19.6509C8.11364 19.3188 7.33858 18.8427 6.6521 18.2669C6.96212 18.0233 7.28322 17.8129 7.60431 17.6136ZM12.6311 20.2156V16.44C13.539 16.5064 14.4248 16.7168 15.2552 17.06C14.6352 18.2226 13.8048 19.2745 12.7861 20.1603C12.764 20.1824 12.7529 20.1935 12.7308 20.2156C12.6976 20.2045 12.6643 20.2045 12.6311 20.2156ZM16.3846 17.6247C16.7057 17.824 17.0268 18.0344 17.3258 18.278C16.6503 18.8537 15.8753 19.3188 15.0338 19.6509C15.5542 19.0309 16.0082 18.3444 16.3846 17.6247ZM16.9272 16.4621C17.4143 15.2442 17.7022 13.9376 17.7686 12.609H20.2156C20.0828 14.4248 19.352 16.0746 18.2337 17.3811C17.8129 17.0379 17.3811 16.7279 16.9272 16.4621Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/Edit1Icon.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 Edit1Icon_Edit1Icon = ({ 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.7116 4.42872L13.0236 12.6618C12.9639 12.7256 12.8813 12.763 12.794 12.7661C12.7067 12.7691 12.6218 12.7375 12.5577 12.6781C12.5261 12.6488 12.5006 12.6135 12.4826 12.5743C12.4647 12.5351 12.4546 12.4928 12.453 12.4497C12.4515 12.4066 12.4584 12.3636 12.4735 12.3232C12.4885 12.2828 12.5114 12.2458 12.5408 12.2142L20.2295 3.98115C20.2893 3.91757 20.3719 3.8802 20.4591 3.87715C20.5463 3.87411 20.6313 3.90565 20.6954 3.9649C20.727 3.99425 20.7524 4.02955 20.7703 4.06877C20.7882 4.10798 20.7982 4.15035 20.7998 4.19344C20.8013 4.23652 20.7943 4.27949 20.7791 4.31986C20.764 4.36023 20.7411 4.39723 20.7116 4.42872ZM5.86306 11.6448H10.9699C11.0525 11.6513 11.1295 11.6887 11.1857 11.7495C11.2419 11.8103 11.2731 11.89 11.2731 11.9729C11.2731 12.0557 11.2419 12.1354 11.1857 12.1962C11.1295 12.257 11.0525 12.2944 10.9699 12.3009H5.86306C5.81781 12.3045 5.77231 12.2986 5.72942 12.2838C5.68654 12.2689 5.64719 12.2453 5.61385 12.2145C5.58052 12.1837 5.55392 12.1463 5.53573 12.1047C5.51754 12.0631 5.50815 12.0182 5.50815 11.9729C5.50815 11.9275 5.51754 11.8826 5.53573 11.841C5.55392 11.7994 5.58052 11.762 5.61385 11.7312C5.64719 11.7004 5.68654 11.6768 5.72942 11.6619C5.77231 11.6471 5.81781 11.6412 5.86306 11.6448ZM5.86306 8.85506H13.0297C13.074 8.85304 13.1183 8.86003 13.1599 8.87561C13.2014 8.89119 13.2394 8.91503 13.2715 8.94569C13.3036 8.97635 13.3291 9.0132 13.3466 9.05401C13.364 9.09482 13.373 9.13874 13.373 9.18312C13.373 9.2275 13.364 9.27142 13.3466 9.31223C13.3291 9.35304 13.3036 9.38989 13.2715 9.42055C13.2394 9.45121 13.2014 9.47505 13.1599 9.49063C13.1183 9.50621 13.074 9.5132 13.0297 9.51119H5.86306C5.78051 9.50468 5.70345 9.4673 5.64724 9.40649C5.59104 9.34569 5.55982 9.26593 5.55982 9.18312C5.55982 9.10032 5.59104 9.02055 5.64724 8.95975C5.70345 8.89894 5.78051 8.86156 5.86306 8.85506ZM15.0888 5.764L4.10255 5.76333C4.02671 5.76333 3.92176 5.76197 3.85879 5.7701V17.1694C3.85879 17.3509 4.0064 17.4978 4.18787 17.4978H9.48769C9.56623 17.4978 9.64207 17.5263 9.70166 17.577L11.8143 19.3809L14.4334 17.5574C14.4888 17.5187 14.5547 17.4979 14.6223 17.4978H19.5368C19.58 17.4979 19.6228 17.4895 19.6628 17.473C19.7028 17.4566 19.7391 17.4324 19.7697 17.4019C19.8003 17.3714 19.8247 17.3352 19.8413 17.2953C19.8579 17.2554 19.8665 17.2126 19.8666 17.1694V8.99183C19.8666 8.90447 19.9013 8.82068 19.9631 8.7589C20.0248 8.69712 20.1086 8.66242 20.196 8.66242C20.2834 8.66242 20.3672 8.69712 20.4289 8.7589C20.4907 8.82068 20.5254 8.90447 20.5254 8.99183V17.1694C20.5245 17.431 20.42 17.6816 20.2347 17.8663C20.0494 18.0509 19.7984 18.1546 19.5368 18.1546H14.7259L11.9829 20.0648C11.9227 20.1061 11.8506 20.1265 11.7777 20.1228C11.7047 20.1191 11.6351 20.0916 11.5793 20.0445L9.36581 18.1546H4.18787C3.92633 18.1546 3.67545 18.0509 3.49026 17.8662C3.30507 17.6815 3.20067 17.431 3.19995 17.1694V5.764C3.19995 5.56899 3.25886 5.4119 3.37465 5.29747C3.57101 5.10313 3.84389 5.10381 4.10729 5.1072L4.18787 5.10787H15.0888C15.1341 5.10431 15.1796 5.11015 15.2225 5.12502C15.2654 5.13989 15.3047 5.16347 15.338 5.19428C15.3714 5.22509 15.398 5.26247 15.4162 5.30406C15.4343 5.34564 15.4437 5.39055 15.4437 5.43594C15.4437 5.48133 15.4343 5.52623 15.4162 5.56782C15.398 5.60941 15.3714 5.64678 15.338 5.6776C15.3047 5.70841 15.2654 5.73199 15.2225 5.74686C15.1796 5.76173 15.1341 5.76757 15.0888 5.764Z",
-            fill: _color,
-            stroke: _color,
+            fill: "currentColor",
+            stroke: "currentColor",
             strokeWidth: 0.741053
         })
     });

package/dist/web/EditIcon.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 EditIcon = ({ 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: "M7.34565 17.5919H3.76058C3.55892 17.5919 3.36553 17.5094 3.22294 17.3624C3.08035 17.2154 3.00024 17.016 3.00024 16.8082V13.3579C3.00024 13.2543 3.02018 13.1517 3.05891 13.056C3.09764 12.9604 3.15438 12.8736 3.22585 12.8007L12.6054 3.22797C12.7478 3.08196 12.9406 3 13.1415 3C13.3423 3 13.5351 3.08196 13.6775 3.22797L17.1373 6.7755C17.2083 6.84841 17.2647 6.93505 17.3031 7.03046C17.3415 7.12587 17.3613 7.22816 17.3613 7.33147C17.3613 7.43478 17.3415 7.53707 17.3031 7.63248C17.2647 7.72789 17.2083 7.81453 17.1373 7.88744L7.88168 17.3643C7.73918 17.5101 7.54649 17.592 7.34565 17.5919ZM4.52127 16.0244H7.03216L15.5222 7.33233L13.1395 4.8899L4.52127 13.6851V16.0244ZM20.1966 21.002H3.80558C3.36075 21.002 3.00012 20.6511 3.00012 20.2182C3.00012 19.7853 3.36075 19.4344 3.80558 19.4344H20.1967C20.6415 19.4344 21.0021 19.7853 21.0021 20.2182C21.0021 20.6511 20.6414 21.002 20.1966 21.002Z",
-                fill: _color
+                fill: "currentColor"
             }),
             /*#__PURE__*/ jsx("path", {
                 d: "M10 17.1866L11.2225 16L14.5548 19.4339L13.3323 20.6202L10 17.1866Z",
-                fill: _color
+                fill: "currentColor"
             })
         ]
     });

package/dist/web/EllipsisIcon.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 EllipsisIcon = ({ 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.85742 12.0002C4.85729 12.7891 4.21754 13.4289 3.42871 13.429C2.63981 13.429 2.00013 12.7891 2 12.0002C2 11.2113 2.63973 10.5715 3.42871 10.5715C4.21763 10.5716 4.85742 11.2113 4.85742 12.0002ZM13.4287 12.0002C13.4286 12.7891 12.7889 13.429 12 13.429C11.2111 13.429 10.5714 12.7891 10.5713 12.0002C10.5713 11.2113 11.211 10.5715 12 10.5715C12.789 10.5715 13.4287 11.2113 13.4287 12.0002ZM22 12.0002C21.9999 12.7891 21.3602 13.429 20.5713 13.429C19.7825 13.4289 19.1427 12.7891 19.1426 12.0002C19.1426 11.2113 19.7824 10.5716 20.5713 10.5715C21.3603 10.5715 22 11.2113 22 12.0002Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/EllipsisVerticalIcon.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 EllipsisVerticalIcon_EllipsisVerticalIcon = ({ 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 18.1494C10.0001 17.2935 10.6938 16.5996 11.5498 16.5996C12.4058 16.5996 13.0995 17.2935 13.0996 18.1494C13.0996 19.0055 12.4058 19.6992 11.5498 19.6992C10.6938 19.6992 10 19.0055 10 18.1494ZM10 11.8496C10.0002 10.9938 10.6939 10.2998 11.5498 10.2998C12.4057 10.2998 13.0994 10.9938 13.0996 11.8496C13.0996 12.7057 12.4058 13.4004 11.5498 13.4004C10.6938 13.4004 10 12.7057 10 11.8496ZM10 5.5498C10.0003 4.69398 10.6939 4 11.5498 4C12.4057 4 13.0994 4.69398 13.0996 5.5498C13.0996 6.40585 12.4058 7.10059 11.5498 7.10059C10.6938 7.10059 10 6.40585 10 5.5498Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/EmptyIcon.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 EmptyIcon_EmptyIcon = ({ 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,
@@ -14,27 +13,27 @@ const EmptyIcon_EmptyIcon = ({ size = 16, width = size, height = size, color = '
             /*#__PURE__*/ jsx("path", {
                 opacity: 0.1,
                 d: "M1.93335 20.9998C1.93335 21.3535 3.05716 21.6926 5.05754 21.9426C7.05793 22.1927 9.77104 22.3332 12.6 22.3332C15.429 22.3332 18.1421 22.1927 20.1425 21.9426C22.1429 21.6926 23.2667 21.3535 23.2667 20.9998C23.2667 20.6462 22.1429 20.3071 20.1425 20.057C18.1421 19.807 15.429 19.6665 12.6 19.6665C9.77104 19.6665 7.05793 19.807 5.05754 20.057C3.05716 20.3071 1.93335 20.6462 1.93335 20.9998Z",
-                fill: _color
+                fill: "currentColor"
             }),
             /*#__PURE__*/ jsx("path", {
                 opacity: 0.5,
                 d: "M23.2663 18.5465C22.8663 18.6532 22.773 18.7332 22.6663 19.1465C22.5597 18.7465 22.4797 18.6532 22.0663 18.5465C22.4663 18.4398 22.5597 18.3465 22.6663 17.9465C22.773 18.3465 22.853 18.4398 23.2663 18.5465ZM20.4663 3.19984C19.4263 3.4665 19.213 3.69317 18.933 4.73317C18.6663 3.69317 18.4397 3.47984 17.3997 3.19984C18.4397 2.93317 18.653 2.7065 18.933 1.6665C19.1997 2.69317 19.4263 2.91984 20.4663 3.19984Z",
-                fill: _color
+                fill: "currentColor"
             }),
             /*#__PURE__*/ jsx("path", {
                 opacity: 0.2,
                 d: "M0.733398 4.02687V4.14687L1.70673 5.0802L5.50673 3.22687L2.08007 5.42687V6.50687L2.62673 5.97353V5.9602L2.64007 5.97353L3.18673 6.50687L6.1334 2.9202V2.78687L0.733398 4.02687Z",
-                fill: _color
+                fill: "currentColor"
             }),
             /*#__PURE__*/ jsx("path", {
                 opacity: 0.5,
                 d: "M22.8797 9.21319C22.573 8.06652 21.0663 7.38652 18.6397 7.29319C16.8663 4.86652 13.733 3.63985 10.653 4.46652C7.57299 5.29319 5.49299 7.93319 5.18632 10.9199C3.13299 12.2132 2.17299 13.5599 2.49299 14.7065C2.81299 15.9199 4.43965 16.5999 7.06632 16.6399C8.89299 18.6532 11.7463 19.6132 14.5463 18.8532C17.3463 18.0932 19.3463 15.8399 19.9063 13.1732C22.1463 11.8265 23.1997 10.4265 22.8797 9.21319ZM10.9063 5.37319C14.373 4.43985 17.9597 6.50652 18.9063 9.97319C19.1463 10.8532 19.1863 11.7465 19.0663 12.5999C17.533 13.4665 15.5463 14.2532 13.4663 14.8132C11.373 15.3732 9.26632 15.6932 7.50632 15.7199C6.97299 15.0399 6.55965 14.2532 6.31965 13.3732C5.35965 9.89319 7.42632 6.30652 10.9063 5.37319ZM3.38632 14.4665C3.22632 13.8532 3.89299 12.9599 5.15965 12.0532C5.18632 12.5599 5.26632 13.0799 5.39965 13.5999C5.59965 14.3599 5.91965 15.0532 6.31965 15.6799C4.65299 15.5599 3.55965 15.1199 3.38632 14.4665ZM14.293 17.9599C12.133 18.5465 9.93299 17.9599 8.35965 16.6132C10.013 16.5199 11.8263 16.2132 13.693 15.7065C15.5597 15.1999 17.2797 14.5599 18.7597 13.8132C18.0663 15.7732 16.453 17.3865 14.293 17.9599ZM20.053 11.9865C20.0797 11.2399 19.9997 10.4799 19.7997 9.73319C19.6663 9.21319 19.4663 8.73319 19.2397 8.27985C20.7863 8.42652 21.813 8.85319 21.9863 9.46652C22.1463 10.1065 21.4263 11.0399 20.053 11.9865Z",
-                fill: _color
+                fill: "currentColor"
             }),
             /*#__PURE__*/ jsx("path", {
                 opacity: 0.2,
                 d: "M11.1865 6.41338C8.29319 7.20005 6.57319 10.1867 7.35985 13.08C8.14652 15.9734 11.1332 17.6934 14.0265 16.9067C16.9199 16.12 18.6399 13.1334 17.8532 10.24C17.0665 7.34672 14.0799 5.64005 11.1865 6.41338ZM14.6932 8.78672C14.7599 9.04005 14.6132 9.29338 14.3599 9.36005C14.1065 9.42672 13.8532 9.28005 13.7865 9.02672C13.7199 8.77338 13.8665 8.52005 14.1199 8.45338C14.3732 8.40005 14.6265 8.54672 14.6932 8.78672Z",
-                fill: _color
+                fill: "currentColor"
             })
         ]
     });

package/dist/web/ExpandIcon.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 ExpandIcon_ExpandIcon = ({ 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.1514 13.9697C20.5711 13.97 20.9111 14.3111 20.9111 14.7314V20.1855C20.9108 20.6056 20.5708 20.9469 20.1514 20.9473H14.71C14.2904 20.9471 13.9506 20.6056 13.9502 20.1855C13.9502 19.7651 14.2902 19.424 14.71 19.4238H19.3916V14.7314C19.3916 14.3109 19.7314 13.9697 20.1514 13.9697ZM20.1865 3.05273C20.6062 3.05298 20.9472 3.39511 20.9473 3.81543V9.26953C20.9471 9.47133 20.867 9.66584 20.7246 9.80859C20.6543 9.87912 20.5705 9.93536 20.4785 9.97363C20.3866 10.0118 20.2871 10.0311 20.1875 10.0312C20.088 10.0312 19.9875 10.0117 19.8955 9.97363C19.8036 9.93544 19.7197 9.87896 19.6494 9.80859C19.507 9.66567 19.4268 9.47124 19.4268 9.26953V5.66309L5.68359 19.3945H9.25488C9.67462 19.3948 10.0146 19.7359 10.0146 20.1562C10.0143 20.5763 9.67443 20.9177 9.25488 20.918H3.81348C3.39389 20.9177 3.05402 20.5764 3.05371 20.1562V14.7021C3.05371 14.5002 3.13386 14.306 3.27637 14.1631C3.34676 14.0925 3.43039 14.0363 3.52246 13.998C3.61452 13.9599 3.7138 13.9405 3.81348 13.9404C4.01492 13.9406 4.20915 14.0204 4.35156 14.1631C4.49383 14.3061 4.57427 14.5005 4.57422 14.7021V18.2637L18.2734 4.57715H14.7461C14.3263 4.57714 13.9866 4.23574 13.9863 3.81543C13.9864 3.39496 14.3262 3.05274 14.7461 3.05273H20.1865ZM9.26953 3.06055C9.68927 3.06083 10.0293 3.40288 10.0293 3.82324C10.0288 4.24316 9.68895 4.58468 9.26953 4.58496H4.58887V9.27734C4.58864 9.47895 4.50846 9.67277 4.36621 9.81543C4.29577 9.8861 4.2113 9.94217 4.11914 9.98047C4.02713 10.0186 3.92775 10.039 3.82812 10.0391C3.72858 10.039 3.62907 10.0186 3.53711 9.98047C3.44523 9.94226 3.36131 9.88583 3.29102 9.81543C3.14868 9.67261 3.06854 9.47889 3.06836 9.27734V3.82324C3.06836 3.40285 3.40835 3.06079 3.82812 3.06055H9.26953Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/ExternalLinkIcon.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 ExternalLinkIcon_ExternalLinkIcon = ({ 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.6254 3.10303C11.0999 3.10321 11.4846 3.48703 11.4848 3.96143C11.4848 4.436 11.1 4.82062 10.6254 4.8208H4.81978V19.1851H19.186V13.4136C19.1862 12.939 19.5708 12.5552 20.0454 12.5552C20.5196 12.5556 20.9036 12.9393 20.9038 13.4136V20.0444C20.9036 20.5187 20.5196 20.9024 20.0454 20.9028H3.9604C3.48591 20.9027 3.1022 20.5189 3.10201 20.0444V3.96143C3.10222 3.48699 3.48592 3.10315 3.9604 3.10303H10.6254ZM20.1196 3.104V3.10303H20.1372L20.1254 3.1958L20.1372 3.104L20.1879 3.10986L20.2202 3.11377L20.2251 3.11963C20.2588 3.12605 20.291 3.13304 20.3168 3.14111L20.3159 3.14209L20.435 3.18896L20.4487 3.1958L20.4545 3.20166L20.5415 3.25439L20.5444 3.25635C20.5433 3.25554 20.5423 3.25464 20.5434 3.25537C20.5441 3.25589 20.5461 3.25769 20.5483 3.25928C20.5496 3.26024 20.5519 3.26226 20.5542 3.26416L20.5961 3.29443L20.603 3.30029H20.602L20.604 3.30225C20.6073 3.30555 20.6118 3.30963 20.6176 3.31494C20.6231 3.31992 20.631 3.32737 20.6381 3.33447L20.6469 3.34326H20.646L20.687 3.3833L20.6938 3.39209L20.6948 3.39404C20.6981 3.39812 20.7015 3.40203 20.7045 3.40576C20.7093 3.41153 20.7133 3.41747 20.7182 3.42334L20.7192 3.42529L20.728 3.43408H20.727L20.728 3.43604L20.727 3.43506L20.7915 3.53271L20.7944 3.5376L20.7954 3.53955L20.8471 3.64795L20.853 3.66455V3.66943C20.8624 3.69606 20.8702 3.72321 20.8774 3.75146C20.8818 3.76142 20.8845 3.76935 20.8852 3.77295C20.8855 3.77422 20.885 3.77567 20.8852 3.77686L20.9018 3.89209V3.90869C20.9035 3.92863 20.9038 3.94832 20.9038 3.96143V9.25928C20.9038 9.7337 20.5197 10.1182 20.0454 10.1187C19.5706 10.1187 19.186 9.73397 19.186 9.25928V6.03467L12.6127 12.6089V12.6099C12.444 12.7761 12.2244 12.8597 12.0053 12.8599C11.7842 12.8599 11.5641 12.776 11.3969 12.6089C11.0603 12.2746 11.0608 11.7311 11.3969 11.395L17.9711 4.81885H14.6997C14.225 4.8188 13.8413 4.43414 13.8413 3.95947C13.8414 3.48492 14.2251 3.10112 14.6997 3.10107H20.0766C20.088 3.1011 20.1028 3.10239 20.1196 3.104Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };