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

package/dist/web/TimeEndIcon.js

@@ -1,10 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import { isThemeColor, useIconsContext } from "../core/index.js";
+import { isThemeColor } from "../core/index.js";
+import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const TimeEndIcon_TimeEndIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const { getColor } = useIconsContext();
-    const _color = isThemeColor(color) ? getColor(color) : color;
-    const fill = props.fill || _color;
+    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
     return /*#__PURE__*/ jsxs("svg", {
         width: width,
         height: height,
@@ -14,11 +13,11 @@ const TimeEndIcon_TimeEndIcon = ({ size = 16, width = size, height = size, color
         children: [
             /*#__PURE__*/ jsx("path", {
                 d: "M6.78684 1.45312H17.3397C17.3378 1.8288 17.3357 2.20246 17.3357 2.57813C15.7888 2.58014 14.244 2.57611 12.6971 2.58014C12.6931 3.37366 12.6911 4.16919 12.7031 4.96473C15.2203 5.13549 17.6311 6.45535 19.0936 8.51452C20.8433 10.9011 21.1687 14.1837 20.1302 16.9279C18.9247 20.1523 15.6804 22.4685 12.233 22.5468H11.7629C9.45871 22.4746 7.2067 21.4581 5.64979 19.7585C4.15112 18.1714 3.32143 16.0138 3.26117 13.8402V13.5629C3.31339 11.6826 3.94621 9.8183 5.11541 8.33772C6.61608 6.38103 8.96852 5.13348 11.4255 4.96272C11.4295 4.16719 11.4295 3.37166 11.4255 2.57813C9.87857 2.57813 8.3317 2.58214 6.78483 2.57611C6.78483 2.20044 6.78684 1.82679 6.78684 1.45312ZM10.196 6.60804C8.05246 7.15246 6.19822 8.71942 5.30624 10.7444C4.49465 12.5424 4.47656 14.6719 5.23795 16.49C6.10781 18.6394 8.02032 20.3491 10.2743 20.9177C12.0844 21.3917 14.0752 21.0763 15.6663 20.0979C18.1252 18.6254 19.6198 15.6703 19.2502 12.8156C18.9871 10.6118 17.653 8.57678 15.7547 7.43371C14.1134 6.42523 12.0603 6.12187 10.196 6.60804Z",
-                fill: fill
+                fill: _color
             }),
             /*#__PURE__*/ jsx("path", {
                 d: "M11.4296 9.60938H12.5526C12.5546 11.5781 12.5546 13.5469 12.5546 15.5156H11.4296C11.4276 13.5469 11.4296 11.5781 11.4296 9.60938Z",
-                fill: fill
+                fill: _color
             })
         ]
     });

package/dist/web/TokenExchangeIcon.js

@@ -1,10 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor, useIconsContext } from "../core/index.js";
+import { isThemeColor } from "../core/index.js";
+import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const TokenExchangeIcon_TokenExchangeIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const { getColor } = useIconsContext();
-    const _color = isThemeColor(color) ? getColor(color) : color;
-    const fill = props.fill || _color;
+    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
@@ -13,7 +12,7 @@ const TokenExchangeIcon_TokenExchangeIcon = ({ size = 16, width = size, height =
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M7.39751 2.176C8.67033 1.88383 9.99975 1.95672 11.2335 2.38498C12.4672 2.81329 13.5561 3.57982 14.3741 4.59787C15.192 5.61588 15.7068 6.84387 15.8594 8.14084C17.1564 8.29348 18.3844 8.80822 19.4024 9.62619C20.4204 10.4442 21.187 11.5331 21.6153 12.7668C22.0435 14.0005 22.1164 15.33 21.8243 16.6028C21.5321 17.8756 20.8873 19.0407 19.9639 19.9641C19.0405 20.8875 17.8754 21.5322 16.6026 21.8244C15.3298 22.1166 14.0003 22.0437 12.7667 21.6154C11.5329 21.1871 10.4441 20.4206 9.62603 19.4026C8.80804 18.3846 8.29331 17.1566 8.14068 15.8596C6.8437 15.707 5.61572 15.1922 4.59771 14.3742C3.57967 13.5562 2.81312 12.4674 2.38482 11.2336C1.95658 9.99992 1.88368 8.67049 2.17583 7.39768C2.46802 6.12485 3.11276 4.95979 4.03619 4.03635C4.95962 3.11291 6.12469 2.46818 7.39751 2.176ZM15.9112 9.01877C15.9031 9.94847 15.707 10.8568 15.3477 11.6955L15.4727 11.4895L17.8243 15.4045L15.4727 16.801L13.1133 15.4143L14.3721 13.3186C14.2167 13.5116 14.0519 13.6983 13.8751 13.8752C12.5859 15.1644 10.8417 15.8955 9.01861 15.9113C9.22763 17.3595 9.9516 18.684 11.0577 19.6418C12.1639 20.5996 13.5787 21.1266 15.042 21.1262C16.5822 21.129 18.0661 20.5476 19.1944 19.4992C20.3225 18.4509 21.0119 17.0138 21.1221 15.4778C21.2323 13.9417 20.7551 12.4205 19.7881 11.2219C18.8212 10.0234 17.4357 9.23599 15.9112 9.01877ZM3.82818 15.4856C3.91248 15.5018 3.9907 15.5424 4.05181 15.6028L4.92095 16.4719C4.96134 16.5123 4.99279 16.5607 5.0147 16.6135C5.0366 16.6664 5.04787 16.7233 5.0479 16.7805C5.0479 16.8378 5.03661 16.8946 5.0147 16.9475C4.99283 17.0003 4.96132 17.0486 4.92095 17.0891C4.88053 17.1295 4.83214 17.1619 4.77935 17.1838C4.72653 17.2057 4.66952 17.217 4.61236 17.217C4.55517 17.217 4.49822 17.2057 4.44537 17.1838C4.39246 17.1619 4.34427 17.1296 4.30376 17.0891L4.17779 16.9592V18.0842C4.17779 18.3147 4.26869 18.5364 4.43169 18.6994C4.59469 18.8624 4.81643 18.9533 5.04693 18.9533H7.21978C7.33492 18.9534 7.44499 18.9999 7.52642 19.0813C7.60783 19.1627 7.65425 19.2728 7.65435 19.3879C7.65435 19.5032 7.60792 19.614 7.52642 19.6955C7.445 19.7769 7.33486 19.8224 7.21978 19.8225H5.04693C4.81864 19.8225 4.59182 19.778 4.38091 19.6906C4.17014 19.6033 3.97877 19.475 3.81744 19.3137C3.65611 19.1524 3.52784 18.961 3.44048 18.7502C3.35312 18.5393 3.30865 18.3125 3.30865 18.0842V16.9592L3.18169 17.0891C3.1412 17.1295 3.09298 17.1619 3.04009 17.1838C2.98741 17.2056 2.93107 17.2169 2.87408 17.217C2.81691 17.217 2.75992 17.2056 2.70708 17.1838C2.6542 17.1619 2.60598 17.1295 2.56548 17.0891C2.52496 17.0486 2.49269 17.0004 2.47076 16.9475C2.44885 16.8946 2.43755 16.8378 2.43755 16.7805C2.43758 16.7233 2.44886 16.6664 2.47076 16.6135C2.49268 16.5607 2.52504 16.5123 2.56548 16.4719C3.5026 15.5348 3.46477 15.5552 3.5772 15.5119C3.65631 15.4787 3.74391 15.4694 3.82818 15.4856ZM15.4727 19.174L13.1133 15.8576L15.4727 17.2531L17.8331 15.8537L15.4727 19.174ZM11.4854 3.42502C10.4246 2.94063 9.24616 2.77082 8.09185 2.93674C6.93783 3.10267 5.85595 3.59727 4.97466 4.36057C4.09322 5.12412 3.44899 6.12549 3.12017 7.24435C2.79146 8.3631 2.79107 9.55316 3.11919 10.6721C3.44738 11.791 4.09081 12.7919 4.97173 13.5559C5.85271 14.3199 6.93475 14.8151 8.08892 14.9817C8.95247 15.1063 9.83274 15.0436 10.67 14.7981C11.5072 14.5525 12.282 14.13 12.9415 13.5588C13.601 12.9875 14.1298 12.2803 14.4922 11.4865C14.8546 10.6929 15.0422 9.83069 15.042 8.95822C15.0417 7.79207 14.7068 6.6501 14.0762 5.66916C13.4457 4.6883 12.5461 3.90942 11.4854 3.42502ZM10.1368 5.33322C10.259 5.33322 10.3764 5.37733 10.4629 5.45529C10.5495 5.53343 10.5987 5.63971 10.5987 5.75021V6.18771C10.896 6.22654 11.1755 6.33931 11.4053 6.51389C11.6352 6.68854 11.8063 6.91812 11.8995 7.176C11.9926 7.4339 12.0043 7.71041 11.9327 7.97385C11.861 8.23724 11.7091 8.47763 11.4942 8.66721C11.7158 8.85584 11.8736 9.0972 11.9493 9.3635C12.025 9.6299 12.0156 9.91038 11.9219 10.1721C11.8282 10.4339 11.6542 10.667 11.42 10.843C11.1858 11.019 10.9008 11.1314 10.5987 11.1672V11.5832C10.5987 11.6937 10.5495 11.8 10.4629 11.8781C10.3764 11.9562 10.2591 12.0002 10.1368 12.0002C10.0144 12.0002 9.89711 11.9562 9.8106 11.8781C9.72404 11.8 9.67583 11.6937 9.67583 11.5832V11.1672H8.75201V11.5832C8.75201 11.6937 8.70374 11.8 8.61724 11.8781C8.53077 11.9562 8.41335 12.0001 8.29107 12.0002C8.16865 12.0002 8.05048 11.9563 7.96392 11.8781C7.87749 11.8 7.82915 11.6936 7.82915 11.5832V11.1672H6.9063C6.78389 11.1672 6.66572 11.1233 6.57915 11.0451C6.49264 10.967 6.4444 10.8607 6.44439 10.7502C6.44439 10.6397 6.49266 10.5334 6.57915 10.4553C6.66572 10.3772 6.78389 10.3332 6.9063 10.3332H7.36724V7.00021H6.9063C6.78389 7.00021 6.66572 6.95629 6.57915 6.87814C6.49271 6.80002 6.44439 6.69365 6.44439 6.58322C6.44445 6.47299 6.49294 6.36733 6.57915 6.28928C6.66572 6.21114 6.78389 6.16721 6.9063 6.16721H7.82915V5.75021C7.82915 5.63976 7.87744 5.53342 7.96392 5.45529C8.05048 5.37715 8.16865 5.33322 8.29107 5.33322C8.41335 5.33332 8.53077 5.37723 8.61724 5.45529C8.70379 5.53343 8.75201 5.63971 8.75201 5.75021V6.16721H9.67583V5.75021C9.67583 5.63971 9.72404 5.53343 9.8106 5.45529C9.89711 5.37724 10.0145 5.33327 10.1368 5.33322ZM8.29107 10.3332H10.3682C10.5517 10.3331 10.7277 10.2677 10.8575 10.1506C10.9873 10.0334 11.0606 9.87399 11.0606 9.70822C11.0605 9.54265 10.9871 9.38395 10.8575 9.26682C10.7277 9.1497 10.5517 9.08333 10.3682 9.08322H8.29107V10.3332ZM18.9532 4.17795C19.1813 4.17795 19.4074 4.22253 19.6182 4.30978C19.8291 4.39715 20.0212 4.52531 20.1827 4.68674C20.344 4.84807 20.4723 5.03945 20.5596 5.25021C20.647 5.46112 20.6915 5.68794 20.6915 5.91623V7.04123L20.8174 6.91135C20.8579 6.87091 20.9062 6.83855 20.959 6.81662C21.0119 6.79473 21.0688 6.78346 21.126 6.78342C21.1832 6.78342 21.2402 6.79476 21.293 6.81662C21.346 6.83854 21.3941 6.87084 21.4346 6.91135C21.4751 6.95187 21.5074 7.00001 21.5294 7.05295C21.5512 7.10584 21.5626 7.1627 21.5626 7.21994C21.5625 7.27715 21.5512 7.33407 21.5294 7.38693C21.5074 7.43976 21.4751 7.48809 21.4346 7.52853C20.4962 8.46694 20.5349 8.44504 20.4219 8.4885C20.3701 8.51194 20.3138 8.52463 20.2569 8.52463C20.2 8.52459 20.1436 8.51198 20.0919 8.4885C19.9748 8.44077 19.9868 8.43188 19.0792 7.52853C18.9974 7.44676 18.9513 7.33557 18.9512 7.21994C18.9512 7.10434 18.9975 6.99316 19.0792 6.91135C19.1609 6.82957 19.2721 6.78349 19.3877 6.78342C19.5035 6.78342 19.6145 6.82951 19.6963 6.91135L19.8223 7.04123V5.91623C19.8223 5.68573 19.7314 5.46399 19.5684 5.301C19.4054 5.13799 19.1837 5.04709 18.9532 5.04709H16.7803C16.6651 5.04705 16.5542 5.00063 16.4727 4.91916C16.3915 4.83779 16.3459 4.72746 16.3458 4.61252C16.3458 4.49739 16.3914 4.38638 16.4727 4.3049C16.5542 4.22343 16.6651 4.17799 16.7803 4.17795H18.9532ZM8.29107 8.25021H10.3682C10.5517 8.25011 10.7277 8.18374 10.8575 8.06662C10.9871 7.94946 11.0606 7.79082 11.0606 7.62521C11.0606 7.45945 10.9873 7.30004 10.8575 7.18283C10.7277 7.06577 10.5516 7.00032 10.3682 7.00021H8.29107V8.25021Z",
-            fill: fill
+            fill: _color
         })
     });
 };

package/dist/web/Top10HoldersIcon.js

@@ -1,10 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor, useIconsContext } from "../core/index.js";
+import { isThemeColor } from "../core/index.js";
+import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const Top10HoldersIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const { getColor } = useIconsContext();
-    const _color = isThemeColor(color) ? getColor(color) : color;
-    const fill = props.fill || _color;
+    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
@@ -13,7 +12,7 @@ const Top10HoldersIcon = ({ size = 16, width = size, height = size, color = 'cur
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M11.5188 2.58008C11.8209 2.47326 12.1512 2.47326 12.4534 2.58008C12.6081 2.65572 12.7431 2.76664 12.8479 2.90332H12.884L16.0803 7.6084H16.1526L19.4211 5.09473H19.4934C19.6776 4.98755 19.894 4.9496 20.1038 4.9873C20.3041 4.98825 20.4971 5.06462 20.6428 5.20215C20.8269 5.30423 20.9672 5.47053 21.0374 5.66895C21.1132 5.85028 21.1386 6.04973 21.1096 6.24414L20.1428 17.376C20.2617 17.4582 20.3734 17.5523 20.4758 17.6572C20.6872 17.8614 20.8548 18.1079 20.9661 18.3799C21.0773 18.6518 21.131 18.9446 21.1233 19.2383C21.1288 19.5315 21.0741 19.8233 20.9631 20.0947C20.852 20.3664 20.6855 20.613 20.4758 20.8184C20.0595 21.2449 19.4917 21.4906 18.8958 21.501H5.13892C4.8429 21.5019 4.54936 21.4416 4.27759 21.3242C4.0059 21.2068 3.7611 21.0344 3.55884 20.8184C3.3444 20.6147 3.17318 20.3691 3.05591 20.0977C2.93881 19.8263 2.87745 19.5338 2.87622 19.2383C2.87527 18.9423 2.9357 18.6487 3.05298 18.377C3.17036 18.1051 3.34269 17.8596 3.55884 17.6572C3.67043 17.538 3.7961 17.4334 3.93091 17.3428L2.93481 6.24414C2.88865 6.05031 2.91373 5.84549 3.0061 5.66895C3.06116 5.47303 3.19026 5.30566 3.36548 5.20215C3.52577 5.06505 3.72976 4.98942 3.94067 4.9873C4.13888 4.95201 4.34294 4.99003 4.51489 5.09473H4.58716L7.85571 7.6084H7.927L11.1604 2.90332V2.86719C11.2633 2.75258 11.3844 2.65528 11.5188 2.58008ZM5.13892 18.0527C4.82469 18.0528 4.52322 18.1782 4.30103 18.4004C4.07904 18.6226 3.95435 18.9241 3.95435 19.2383C3.9545 19.5524 4.07892 19.854 4.30103 20.0762C4.52321 20.2983 4.82477 20.4237 5.13892 20.4238H18.8958C19.2067 20.4138 19.5024 20.2848 19.7219 20.0645C19.9288 19.8393 20.044 19.544 20.0442 19.2383C20.0442 18.9324 19.9288 18.6374 19.7219 18.4121C19.5024 18.1915 19.2068 18.0628 18.8958 18.0527H5.13892ZM8.82544 8.25586C8.72702 8.37228 8.61865 8.48071 8.5022 8.5791L8.07056 8.72266C7.91448 8.74746 7.75419 8.73499 7.60376 8.68652C7.4555 8.65093 7.31941 8.57609 7.20923 8.4707L4.01196 6.06445H3.97681L4.95239 16.9844C5.01435 16.9792 5.07652 16.9754 5.13892 16.9756H18.8958C18.9599 16.9767 19.0238 16.9808 19.0872 16.9873L20.0676 6.10059L16.8352 8.5791C16.7474 8.645 16.6492 8.69557 16.5452 8.72949L16.3342 8.78613C16.2275 8.80833 16.1173 8.81142 16.009 8.79395L15.5784 8.65039C15.4456 8.57117 15.3344 8.45984 15.2551 8.32715L12.0217 3.62207L8.82544 8.25586ZM14.137 9.56152C14.6284 9.56157 15.0517 9.67993 15.4055 9.91699C15.7613 10.1542 16.0355 10.4989 16.2268 10.9502C16.418 11.3996 16.5128 11.9454 16.511 12.5859C16.511 13.2304 16.415 13.7821 16.2239 14.2393C16.0345 14.6964 15.7622 15.046 15.4084 15.2871C15.0546 15.5281 14.6304 15.6484 14.137 15.6484C13.6434 15.6465 13.2184 15.5252 12.8625 15.2842C12.5087 15.0431 12.2364 14.6935 12.0452 14.2363C11.8559 13.7791 11.762 13.2286 11.7639 12.5859C11.764 11.9454 11.8588 11.3986 12.0481 10.9473C12.2394 10.4962 12.5118 10.1522 12.8655 9.91699C13.2212 9.67996 13.6455 9.56156 14.137 9.56152ZM10.4358 15.5195H9.1936V10.8213H9.15845L7.81274 11.665V10.5635L9.26782 9.6416H10.4358V15.5195ZM14.137 10.5801C13.8024 10.5802 13.5341 10.7486 13.3333 11.083C13.1327 11.4177 13.0315 11.919 13.0295 12.5859C13.0295 13.0372 13.0745 13.4146 13.1643 13.7168C13.2561 14.0171 13.3856 14.2434 13.552 14.3945C13.7183 14.5436 13.9133 14.6181 14.137 14.6182C14.4735 14.6181 14.7428 14.4488 14.9436 14.1104C15.1443 13.7717 15.2443 13.2629 15.2424 12.5859C15.2424 12.1405 15.1965 11.769 15.1047 11.4727C15.0148 11.1763 14.8864 10.9529 14.72 10.8037C14.5555 10.6546 14.3606 10.5801 14.137 10.5801Z",
-            fill: fill
+            fill: _color
         })
     });
 };

package/dist/web/TrackIcon.js

@@ -1,10 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor, useIconsContext } from "../core/index.js";
+import { isThemeColor } from "../core/index.js";
+import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const TrackIcon_TrackIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const { getColor } = useIconsContext();
-    const _color = isThemeColor(color) ? getColor(color) : color;
-    const fill = props.fill || _color;
+    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
@@ -13,7 +12,7 @@ const TrackIcon_TrackIcon = ({ size = 16, width = size, height = size, color = '
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M12 2.7998C12.9014 2.79981 13.7728 2.92998 14.5967 3.17188L14.9199 3.2666L13.8652 4.32129L13.7578 4.29688C13.1926 4.16831 12.6045 4.09962 12 4.09961C7.63687 4.09961 4.09961 7.63695 4.09961 12C4.09969 16.3628 7.63692 19.8994 12 19.8994C16.3632 19.8994 19.9003 16.3627 19.9004 12C19.9004 11.3957 19.8318 10.8072 19.7031 10.2422L19.6787 10.1348L20.7334 9.08008L20.8281 9.40332C21.0696 10.2269 21.2002 11.0985 21.2002 12C21.2001 17.0809 17.081 21.2001 12 21.2002C6.91874 21.2002 2.79988 17.0809 2.7998 12C2.7998 6.91898 6.9187 2.7998 12 2.7998ZM12.4893 20.9854C12.6295 20.9778 12.7688 20.967 12.9072 20.9531C12.7688 20.967 12.6295 20.9778 12.4893 20.9854ZM10.6689 20.9014C10.7483 20.9131 10.8282 20.922 10.9082 20.9316C10.8282 20.922 10.7483 20.9131 10.6689 20.9014ZM13.0986 20.9297C13.1806 20.9197 13.2625 20.9116 13.3438 20.8994C13.2625 20.9116 13.1806 20.9197 13.0986 20.9297ZM10.2246 20.8242C10.2997 20.8392 10.3754 20.8511 10.4512 20.8643C10.3754 20.8511 10.2997 20.8392 10.2246 20.8242ZM13.585 20.8574C13.6502 20.8458 13.7156 20.8362 13.7803 20.8232C13.7156 20.8362 13.6502 20.8458 13.585 20.8574ZM9.79883 20.7275C9.88162 20.7484 9.96514 20.7667 10.0488 20.7852C9.96514 20.7667 9.88162 20.7484 9.79883 20.7275ZM14.0312 20.7666C14.0896 20.7531 14.1482 20.7412 14.2061 20.7266C14.1482 20.7412 14.0896 20.7531 14.0312 20.7666ZM9.38867 20.6133C9.46727 20.6371 9.54649 20.659 9.62598 20.6807C9.54649 20.659 9.46727 20.6371 9.38867 20.6133ZM14.4141 20.6689C14.4898 20.6479 14.5657 20.6284 14.6406 20.6055C14.5657 20.6284 14.4898 20.6479 14.4141 20.6689ZM8.9834 20.4805C9.05548 20.5061 9.12826 20.5299 9.20117 20.5537C9.12826 20.5299 9.05548 20.5061 8.9834 20.4805ZM14.8418 20.5391C14.9081 20.517 14.9744 20.4952 15.04 20.4717C14.9744 20.4952 14.9081 20.517 14.8418 20.5391ZM8.59863 20.333C8.6569 20.3568 8.71554 20.3797 8.77441 20.4023C8.71554 20.3797 8.6569 20.3568 8.59863 20.333ZM15.248 20.3926C15.3176 20.3656 15.3873 20.3392 15.4561 20.3105C15.3873 20.3392 15.3176 20.3656 15.248 20.3926ZM8.17871 20.1484C8.2521 20.1829 8.32594 20.2165 8.40039 20.249C8.32594 20.2165 8.2521 20.1829 8.17871 20.1484ZM15.624 20.2373C15.7017 20.2031 15.7789 20.1682 15.8555 20.1318C15.7789 20.1682 15.7017 20.2031 15.624 20.2373ZM7.79883 19.959C7.87573 19.9997 7.95304 20.0396 8.03125 20.0781C7.95304 20.0396 7.87573 19.9997 7.79883 19.959ZM16.0244 20.0488C16.0927 20.0146 16.1612 19.9812 16.2285 19.9453C16.1612 19.9812 16.0927 20.0146 16.0244 20.0488ZM7.43652 19.7568C7.5057 19.7976 7.57516 19.838 7.64551 19.877C7.57516 19.838 7.5057 19.7976 7.43652 19.7568ZM16.4277 19.835C16.4854 19.8023 16.5427 19.7692 16.5996 19.7354C16.5427 19.7692 16.4854 19.8023 16.4277 19.835ZM7.0918 19.542C7.15349 19.5822 7.21461 19.6234 7.27734 19.6621C7.21461 19.6234 7.15349 19.5822 7.0918 19.542ZM16.7832 19.6221C16.8425 19.5848 16.9016 19.5474 16.96 19.5088C16.9016 19.5474 16.8425 19.5848 16.7832 19.6221ZM6.70898 19.2783C6.77462 19.3261 6.84027 19.3739 6.90723 19.4199C6.84027 19.3739 6.77462 19.3261 6.70898 19.2783ZM17.1602 19.3721C17.2104 19.3368 17.2601 19.3009 17.3096 19.2646C17.2601 19.3009 17.2104 19.3368 17.1602 19.3721ZM6.27832 18.9463C6.37773 19.0283 6.47911 19.1078 6.58203 19.1855C6.47911 19.1078 6.37773 19.0283 6.27832 18.9463ZM17.4697 19.1445C17.536 19.0937 17.6012 19.0418 17.666 18.9893C17.6012 19.0418 17.536 19.0937 17.4697 19.1445ZM6.05664 18.7559C6.12506 18.8161 6.19343 18.8764 6.26367 18.9346C6.19343 18.8764 6.12506 18.8161 6.05664 18.7559ZM17.8008 18.8779C17.8578 18.8298 17.914 18.7809 17.9697 18.7314C17.914 18.7809 17.8578 18.8298 17.8008 18.8779ZM18.1348 18.582C18.1838 18.5363 18.2323 18.4901 18.2803 18.4434C18.2323 18.4901 18.1838 18.5363 18.1348 18.582ZM18.4434 18.2803C18.4876 18.2349 18.531 18.1889 18.5742 18.1426C18.531 18.1889 18.4876 18.2349 18.4434 18.2803ZM18.7256 17.9785C18.7801 17.9173 18.8329 17.8547 18.8857 17.792C18.8329 17.8547 18.7801 17.9173 18.7256 17.9785ZM5.0752 17.749C5.10307 17.7826 5.13278 17.8145 5.16113 17.8477C5.13278 17.8145 5.10307 17.7826 5.0752 17.749ZM18.9844 17.6729C19.0404 17.604 19.0954 17.5344 19.1494 17.4639C19.0954 17.5344 19.0404 17.604 18.9844 17.6729ZM4.81445 17.4189C4.85722 17.4756 4.90223 17.5304 4.94629 17.5859C4.90223 17.5304 4.85722 17.4756 4.81445 17.4189ZM19.2637 17.3115C19.3022 17.259 19.3396 17.2057 19.377 17.1523C19.3396 17.2057 19.3022 17.259 19.2637 17.3115ZM4.57422 17.085C4.61067 17.1381 4.64897 17.1899 4.68652 17.2422C4.64897 17.1899 4.61067 17.1381 4.57422 17.085ZM12.3691 6.86328L12.7305 6.90137L12.8779 6.92188L13.043 8.00781L13.0859 8.29395L12.8037 8.23438C12.5442 8.17942 12.276 8.1504 12 8.15039C9.87347 8.15039 8.15039 9.87369 8.15039 12C8.15047 14.126 9.87355 15.8496 12 15.8496C14.1262 15.8496 15.8495 14.126 15.8496 12C15.8496 11.7243 15.8208 11.4555 15.7656 11.1963L15.7061 10.9131L15.9912 10.957L16.9307 11.0996L17.0771 11.1221L17.0986 11.2695C17.1326 11.508 17.1504 11.7522 17.1504 12C17.1503 14.8442 14.8442 17.1494 12 17.1494C9.15574 17.1494 6.84969 14.8442 6.84961 12C6.84961 9.15576 9.15569 6.84961 12 6.84961C12.1242 6.84961 12.2473 6.85455 12.3691 6.86328ZM19.5156 16.9492C19.5464 16.9026 19.5766 16.8558 19.6064 16.8086C19.5766 16.8558 19.5464 16.9026 19.5156 16.9492ZM11.252 16.8926C11.4139 16.9171 11.5784 16.9349 11.7451 16.9434C11.5784 16.9349 11.4139 16.9171 11.252 16.8926ZM4.33691 16.7217C4.37256 16.7794 4.41036 16.8357 4.44727 16.8926C4.41036 16.8357 4.37256 16.7794 4.33691 16.7217ZM11.0107 16.8496C11.0777 16.8632 11.145 16.8759 11.2129 16.8867C11.145 16.8759 11.0777 16.8632 11.0107 16.8496ZM12.8955 16.8662C12.9239 16.861 12.9523 16.8563 12.9805 16.8506C12.9523 16.8563 12.9239 16.861 12.8955 16.8662ZM10.7959 16.8008C10.8483 16.8139 10.9011 16.8255 10.9541 16.8369C10.9011 16.8255 10.8483 16.8139 10.7959 16.8008ZM13.1309 16.8174C13.1563 16.8114 13.1818 16.8061 13.207 16.7998C13.1818 16.8061 13.1563 16.8114 13.1309 16.8174ZM10.5723 16.7393C10.6044 16.7489 10.6365 16.7586 10.6689 16.7676C10.6365 16.7586 10.6044 16.7489 10.5723 16.7393ZM13.375 16.7539C13.3967 16.7476 13.4188 16.7429 13.4404 16.7363C13.4188 16.7429 13.3967 16.7476 13.375 16.7539ZM10.3486 16.666C10.3801 16.6771 10.4117 16.6877 10.4434 16.6982C10.4117 16.6877 10.3801 16.6771 10.3486 16.666ZM13.6133 16.6797C13.6313 16.6735 13.6491 16.6666 13.667 16.6602C13.6491 16.6666 13.6313 16.6735 13.6133 16.6797ZM10.1182 16.5781C10.1548 16.5932 10.1915 16.6079 10.2285 16.6221C10.1915 16.6079 10.1547 16.5932 10.1182 16.5781ZM13.833 16.5967C13.8493 16.5902 13.8656 16.5838 13.8818 16.5771C13.8656 16.5838 13.8493 16.5902 13.833 16.5967ZM19.7393 16.5928C19.7742 16.534 19.8082 16.4747 19.8418 16.415C19.8082 16.4747 19.7742 16.534 19.7393 16.5928ZM9.90918 16.4863C9.94797 16.5044 9.98704 16.5219 10.0264 16.5391C9.98704 16.5219 9.94797 16.5044 9.90918 16.4863ZM4.12207 16.3525C4.1548 16.4116 4.18865 16.47 4.22266 16.5283C4.18865 16.47 4.1548 16.4116 4.12207 16.3525ZM14.0381 16.5098C14.0583 16.5006 14.0786 16.4918 14.0986 16.4824C14.0786 16.4918 14.0583 16.5006 14.0381 16.5098ZM9.70508 16.3857C9.73614 16.402 9.76739 16.418 9.79883 16.4336C9.76738 16.418 9.73614 16.402 9.70508 16.3857ZM9.52441 16.2852C9.54499 16.2971 9.56517 16.3097 9.58594 16.3213C9.56517 16.3097 9.54499 16.2971 9.52441 16.2852ZM14.4707 16.2871C14.4837 16.2796 14.4968 16.2723 14.5098 16.2646C14.4968 16.2723 14.4837 16.2796 14.4707 16.2871ZM19.9434 16.2305C19.9835 16.1553 20.0225 16.0794 20.0605 16.0029C20.0225 16.0794 19.9835 16.1553 19.9434 16.2305ZM9.26758 16.127C9.30917 16.1545 9.35109 16.1817 9.39355 16.208C9.35109 16.1817 9.30917 16.1545 9.26758 16.127ZM3.90723 15.9395C3.94697 16.0209 3.98817 16.1016 4.03027 16.1816C3.98817 16.1016 3.94697 16.0209 3.90723 15.9395ZM14.6455 16.1816C14.6744 16.1633 14.7039 16.1459 14.7324 16.127C14.7039 16.1459 14.6744 16.1633 14.6455 16.1816ZM9.07129 15.9893C9.11828 16.0238 9.16563 16.0579 9.21387 16.0908C9.16562 16.0579 9.11829 16.0238 9.07129 15.9893ZM14.8242 16.0635C14.8599 16.0386 14.8957 16.014 14.9307 15.9883C14.8957 16.014 14.8599 16.0386 14.8242 16.0635ZM12.2666 16.04C12.1784 16.0458 12.0896 16.0498 12 16.0498C12.0896 16.0498 12.1784 16.0458 12.2666 16.04ZM8.68359 15.6738C8.79287 15.7725 8.90662 15.8663 9.02441 15.9551C8.90661 15.8663 8.79289 15.7725 8.68359 15.6738ZM15.0078 15.9287C15.0411 15.9032 15.0738 15.8769 15.1064 15.8506C15.0738 15.8769 15.0411 15.9032 15.0078 15.9287ZM20.1357 15.8496C20.1729 15.7712 20.2082 15.6919 20.2432 15.6123C20.2082 15.6919 20.1729 15.7712 20.1357 15.8496ZM3.74902 15.5957C3.78065 15.6682 3.81322 15.7401 3.84668 15.8115C3.81322 15.7401 3.78065 15.6682 3.74902 15.5957ZM15.2129 15.7637C15.2353 15.7445 15.2572 15.7247 15.2793 15.7051C15.2572 15.7247 15.2353 15.7445 15.2129 15.7637ZM15.373 15.6201C15.4012 15.5939 15.4295 15.5679 15.457 15.541C15.4295 15.5679 15.4012 15.5939 15.373 15.6201ZM8.33301 15.3252C8.38717 15.3849 8.44302 15.443 8.5 15.5L8.33594 15.3281C8.33501 15.3271 8.33393 15.3262 8.33301 15.3252ZM20.3096 15.459C20.342 15.3811 20.373 15.3026 20.4033 15.2236C20.373 15.3026 20.342 15.3811 20.3096 15.459ZM15.541 15.457C15.5727 15.4246 15.604 15.3917 15.6348 15.3584C15.604 15.3917 15.5727 15.4246 15.541 15.457ZM3.59668 15.2236C3.61739 15.2776 3.63844 15.3313 3.66016 15.3848C3.63844 15.3313 3.61739 15.2776 3.59668 15.2236ZM8.04102 14.9707C8.11992 15.0757 8.20321 15.1771 8.29004 15.2754C8.2032 15.1771 8.11993 15.0757 8.04102 14.9707ZM15.71 15.2754C15.7341 15.2481 15.7577 15.2202 15.7812 15.1924C15.7577 15.2202 15.7341 15.2481 15.71 15.2754ZM15.8555 15.1016C15.8729 15.0799 15.8901 15.0581 15.9072 15.0361C15.8901 15.0581 15.8729 15.0799 15.8555 15.1016ZM20.4668 15.0576C20.4956 14.9779 20.5213 14.8971 20.5479 14.8164C20.5213 14.8971 20.4956 14.9779 20.4668 15.0576ZM9.27637 14.998C9.29583 15.0157 9.31613 15.0325 9.33594 15.0498C9.31302 15.0298 9.29004 15.0098 9.26758 14.9893L9.27637 14.998ZM3.43555 14.7676C3.46251 14.8511 3.49021 14.9342 3.51953 15.0166C3.49021 14.9342 3.46251 14.8511 3.43555 14.7676ZM15.9971 14.9189C16.0182 14.8901 16.0381 14.8604 16.0586 14.8311C16.0381 14.8604 16.0182 14.8901 15.9971 14.9189ZM7.91699 14.7979C7.92901 14.8154 7.94186 14.8323 7.9541 14.8496C7.94186 14.8323 7.92901 14.8154 7.91699 14.7979ZM16.1309 14.7256C16.1594 14.6824 16.1876 14.6389 16.2148 14.5947C16.1876 14.6389 16.1594 14.6824 16.1309 14.7256ZM7.78027 14.5879C7.80275 14.6245 7.82622 14.6604 7.84961 14.6963C7.82621 14.6604 7.80275 14.6245 7.78027 14.5879ZM20.6084 14.6299C20.6293 14.5614 20.6477 14.4921 20.667 14.4229C20.6477 14.4921 20.6293 14.5614 20.6084 14.6299ZM3.31641 14.3682C3.33706 14.4441 3.35829 14.5196 3.38086 14.5947C3.35829 14.5196 3.33706 14.4441 3.31641 14.3682ZM16.25 14.5361C16.2703 14.5022 16.2901 14.468 16.3096 14.4336C16.2901 14.468 16.2703 14.5022 16.25 14.5361ZM7.67578 14.4082C7.68452 14.4239 7.69324 14.4395 7.70215 14.4551C7.69324 14.4395 7.68452 14.4239 7.67578 14.4082ZM16.3809 14.3047C16.3977 14.2728 16.4135 14.2403 16.4297 14.208C16.4135 14.2403 16.3977 14.2728 16.3809 14.3047ZM7.55957 14.1885C7.57628 14.2223 7.59387 14.2557 7.61133 14.2891C7.59387 14.2557 7.57628 14.2223 7.55957 14.1885ZM20.7266 14.208C20.7444 14.1372 20.7592 14.0656 20.7754 13.9941C20.7592 14.0656 20.7444 14.1372 20.7266 14.208ZM3.20898 13.9268C3.22861 14.0167 3.24822 14.1064 3.27051 14.1953C3.24822 14.1064 3.22861 14.0167 3.20898 13.9268ZM16.4756 14.1133C16.4895 14.0838 16.5032 14.0542 16.5166 14.0244C16.5032 14.0542 16.4895 14.0838 16.4756 14.1133ZM7.46094 13.9756C7.47795 14.0146 7.49569 14.0533 7.51367 14.0918C7.49568 14.0533 7.47796 14.0146 7.46094 13.9756ZM7.37793 13.7725C7.38595 13.7934 7.39405 13.8142 7.40234 13.835C7.39405 13.8142 7.38595 13.7934 7.37793 13.7725ZM20.8223 13.7832C20.8361 13.7146 20.8471 13.6454 20.8594 13.5762C20.8471 13.6454 20.8361 13.7146 20.8223 13.7832ZM3.13184 13.5303C3.14605 13.6132 3.15931 13.6962 3.17578 13.7783C3.15931 13.6962 3.14605 13.6132 3.13184 13.5303ZM16.6621 13.666C16.6748 13.6305 16.6863 13.5945 16.6982 13.5586C16.6863 13.5945 16.6748 13.6305 16.6621 13.666ZM7.30078 13.5557C7.31127 13.5874 7.3219 13.619 7.33301 13.6504C7.32189 13.619 7.31127 13.5874 7.30078 13.5557ZM16.7344 13.4463C16.7469 13.4052 16.7581 13.3638 16.7695 13.3223C16.758 13.3638 16.7469 13.4052 16.7344 13.4463ZM7.23047 13.3223C7.24013 13.3572 7.24936 13.3922 7.25977 13.4268C7.24936 13.3922 7.24013 13.3572 7.23047 13.3223ZM20.9883 12.4629C20.9736 12.7535 20.945 13.0405 20.9033 13.3232C20.945 13.0405 20.9736 12.7535 20.9883 12.4629ZM3.05371 12.9746C3.0663 13.0915 3.08063 13.2077 3.09766 13.3232C3.08063 13.2077 3.0663 13.0915 3.05371 12.9746ZM16.8008 13.209C16.8097 13.1734 16.817 13.1374 16.8252 13.1016C16.817 13.1374 16.8097 13.1734 16.8008 13.209ZM7.1582 13.0293C7.16915 13.081 7.18081 13.1325 7.19336 13.1836C7.18081 13.1325 7.16915 13.081 7.1582 13.0293ZM17.8613 6.13672L21.0303 6.62109L21.4209 6.67969L21.1416 6.95996L17.8877 10.2129L17.7881 10.1982L15.2412 9.80957L13.0967 11.9551C13.0973 11.9699 13.1006 11.9849 13.1006 12C13.1005 12.6075 12.6071 13.0996 12 13.0996C11.9888 13.0996 11.9916 13.1004 11.9746 13.1016C11.9643 13.1023 11.9515 13.1022 11.9365 13.1016C11.925 13.1011 11.9137 13.1 11.9023 13.0986L11.8643 13.0977L11.7861 13.0947L11.7627 13.0713C11.3407 12.9833 10.9827 12.6973 10.9111 12.2295L10.9092 12.2188L10.9023 12.1475L10.8936 12.0537L10.9023 12.0439C10.9017 12.0295 10.8994 12.0149 10.8994 12C10.8994 11.3924 11.393 10.8994 12 10.8994C12.0148 10.8994 12.0294 10.9017 12.0439 10.9023L14.1895 8.75586L13.8018 6.21191L13.7871 6.1123L13.8584 6.04004L17.04 2.8584L17.3203 2.5791L17.8613 6.13672ZM8.06738 12.9717C8.06252 12.9519 8.05829 12.932 8.05371 12.9121C8.05829 12.932 8.06252 12.9519 8.06738 12.9717ZM7.12988 12.8818C7.13498 12.9102 7.13896 12.9386 7.14453 12.9668C7.13896 12.9386 7.13498 12.9102 7.12988 12.8818ZM20.041 12.9629C20.0463 12.918 20.054 12.8733 20.0586 12.8281L20.0596 12.8154C20.0546 12.8648 20.0468 12.9138 20.041 12.9629ZM12.0918 12.8955L12 12.9004C12.0588 12.9004 12.1162 12.8936 12.1719 12.8828C12.1455 12.8879 12.1189 12.8928 12.0918 12.8955ZM3.01172 12.4629C3.01909 12.6084 3.03072 12.7529 3.04492 12.8965C3.03072 12.7529 3.01909 12.6084 3.01172 12.4629ZM12.2168 12.8721C12.2319 12.8683 12.2469 12.8649 12.2617 12.8604C12.2469 12.8648 12.2319 12.8683 12.2168 12.8721ZM12.2812 12.8535C12.3007 12.8471 12.32 12.8407 12.3389 12.833C12.32 12.8407 12.3007 12.8471 12.2812 12.8535ZM12.4551 12.7744C12.4663 12.7678 12.4774 12.761 12.4883 12.7539C12.4774 12.761 12.4663 12.7678 12.4551 12.7744ZM12.5947 12.6729C12.6004 12.6678 12.6067 12.6634 12.6123 12.6582C12.6067 12.6634 12.6004 12.6678 12.5947 12.6729ZM12.7061 12.5557C12.7118 12.5483 12.7171 12.5407 12.7227 12.5332C12.7171 12.5407 12.7118 12.5483 12.7061 12.5557ZM7.9707 12.4141C7.97237 12.4304 7.97568 12.4466 7.97754 12.4629C7.9752 12.4424 7.97175 12.422 7.96973 12.4014L7.9707 12.4141ZM12.8301 12.3467C12.8499 12.2994 12.8654 12.2502 12.877 12.1992C12.8654 12.2502 12.8499 12.2994 12.8301 12.3467ZM11.7324 11.1396C11.7042 11.1484 11.6764 11.1585 11.6494 11.1699C11.7032 11.1472 11.7599 11.1301 11.8184 11.1182L11.7324 11.1396ZM8.26855 10.4238C8.21731 10.545 8.17128 10.669 8.13184 10.7959C8.17128 10.669 8.21731 10.545 8.26855 10.4238ZM4.2959 9.49609C4.26675 9.58585 4.23994 9.67647 4.21387 9.76758C4.23995 9.67647 4.26674 9.58585 4.2959 9.49609ZM14.9961 6.46191L15.3115 8.66895L17.4717 8.92188L19.0068 7.5L16.9512 7.21973L16.8066 7.2002L16.4365 5.08984L14.9961 6.46191ZM11.791 7.95508C11.8602 7.95156 11.9299 7.9502 12 7.9502C11.9299 7.9502 11.8602 7.95156 11.791 7.95508ZM9.59082 4.26367C9.33709 4.34259 9.08904 4.43459 8.84668 4.53711C9.08903 4.43461 9.3371 4.34258 9.59082 4.26367ZM11.583 3.91016C11.7211 3.90316 11.8602 3.90039 12 3.90039C11.8602 3.90039 11.7211 3.90315 11.583 3.91016ZM14.5225 3.3584C14.429 3.33117 14.3349 3.3055 14.2402 3.28125C14.3349 3.30551 14.429 3.33117 14.5225 3.3584ZM13.9297 3.20703C13.8355 3.18647 13.7407 3.16798 13.6455 3.15039C13.7407 3.16799 13.8355 3.18646 13.9297 3.20703ZM13.5635 3.13574C13.498 3.12427 13.4322 3.11356 13.3662 3.10352C13.4322 3.11357 13.498 3.12426 13.5635 3.13574ZM13.249 3.08594C13.1728 3.07537 13.0963 3.06627 13.0195 3.05762C13.0963 3.06628 13.1728 3.07535 13.249 3.08594ZM12.9609 3.05078C12.8754 3.0417 12.7894 3.03401 12.7031 3.02734C12.7894 3.03402 12.8754 3.04169 12.9609 3.05078ZM12.6416 3.02246C12.5379 3.01516 12.4337 3.00962 12.3291 3.00586C12.4337 3.00962 12.5379 3.01515 12.6416 3.02246ZM15.8564 13.2373C15.8628 13.2175 15.869 13.1977 15.875 13.1777C15.8689 13.1977 15.8628 13.2175 15.8564 13.2373ZM15.8975 13.0967C15.9073 13.0616 15.9178 13.0267 15.9268 12.9912C15.9178 13.0267 15.9073 13.0616 15.8975 13.0967ZM14.2188 3.27637C14.1229 3.25207 14.0267 3.22822 13.9297 3.20703C14.0267 3.22824 14.1229 3.25206 14.2188 3.27637Z",
-            fill: fill
+            fill: _color
         })
     });
 };

package/dist/web/TradeIcon.js

@@ -1,10 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor, useIconsContext } from "../core/index.js";
+import { isThemeColor } from "../core/index.js";
+import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const TradeIcon_TradeIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const { getColor } = useIconsContext();
-    const _color = isThemeColor(color) ? getColor(color) : color;
-    const fill = props.fill || _color;
+    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
@@ -13,7 +12,7 @@ const TradeIcon_TradeIcon = ({ size = 16, width = size, height = size, color = '
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M11.0555 21.0256H2.97246V12.9426H11.0555V21.0256ZM20.5389 13.0989V15.9915C20.5389 17.2701 20.0309 18.4965 19.1268 19.4006C18.2227 20.3046 16.9961 20.8127 15.7176 20.8127H12.825V18.884H15.7176C16.4847 18.884 17.221 18.5788 17.7635 18.0364C18.3058 17.4939 18.6102 16.7585 18.6102 15.9915V13.0989H20.5389ZM4.58965 19.4084H9.43828V14.5598H4.58965V19.4084ZM16.6824 2.97485C17.8329 2.97492 18.9362 3.43193 19.7498 4.24536C20.5635 5.05906 21.0213 6.16298 21.0213 7.31372C21.0213 8.46445 20.5635 9.56839 19.7498 10.3821C18.9362 11.1955 17.8329 11.6525 16.6824 11.6526C15.5317 11.6526 14.4277 11.1957 13.6141 10.3821C12.8004 9.56839 12.3436 8.46445 12.3436 7.31372C12.3436 6.16298 12.8004 5.05906 13.6141 4.24536C14.4277 3.43173 15.5317 2.97485 16.6824 2.97485ZM10.8973 5.38501H8.00468C7.23752 5.38501 6.50125 5.6902 5.95879 6.23267C5.41651 6.77505 5.11218 7.51062 5.11211 8.27759V11.1702H3.1834V8.27759C3.18347 6.99918 3.69158 5.77341 4.5955 4.86938C5.49962 3.96527 6.72608 3.45728 8.00468 3.45728H10.8973V5.38501ZM16.6824 4.90356C16.0432 4.90363 15.4303 5.15761 14.9783 5.60962C14.5263 6.06167 14.2723 6.67446 14.2723 7.31372C14.2723 7.95296 14.5263 8.56579 14.9783 9.01782C15.4303 9.4698 16.0432 9.72381 16.6824 9.72388C16.9988 9.72387 17.3119 9.66133 17.6043 9.54028C17.8968 9.41916 18.1627 9.24166 18.3865 9.01782C18.6102 8.79412 18.7878 8.52882 18.909 8.23657C19.0301 7.94412 19.0926 7.63027 19.0926 7.31372C19.0926 6.99715 19.0301 6.68334 18.909 6.39087C18.7878 6.09855 18.6103 5.83238 18.3865 5.60864C18.1627 5.38498 17.8966 5.20724 17.6043 5.08618C17.312 4.96522 16.9987 4.90357 16.6824 4.90356Z",
-            fill: fill
+            fill: _color
         })
     });
 };

package/dist/web/TradeMainIcon.js

@@ -1,10 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor, useIconsContext } from "../core/index.js";
+import { isThemeColor } from "../core/index.js";
+import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const TradeMainIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const { getColor } = useIconsContext();
-    const _color = isThemeColor(color) ? getColor(color) : color;
-    const fill = props.fill || _color;
+    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
@@ -13,7 +12,7 @@ const TradeMainIcon = ({ size = 16, width = size, height = size, color = 'curren
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M20.1943 13.2549C20.5958 13.2552 20.9496 13.622 20.9482 14.0713V20.2852C20.9482 20.7318 20.6235 21.0996 20.1924 21.0996H13.7002C13.2681 21.0994 12.9434 20.7319 12.9434 20.2852V14.0713C12.9434 13.6248 13.2679 13.255 13.7002 13.2549H20.1943ZM4.49316 12.584L6.46289 15.5166H5.14648C5.20603 16.6762 5.63581 17.6044 6.3125 18.2705C7.00995 18.957 7.97373 19.3712 9.07129 19.4697H9.07715C9.26392 19.4989 9.43468 19.5948 9.55664 19.7393C9.67835 19.8835 9.74352 20.0672 9.74121 20.2559L9.7373 20.3398C9.69316 20.7559 9.32583 21.0738 8.92383 21.043H8.92188C6.03944 20.7547 3.77919 18.6957 3.68262 15.5166H2.35645L4.32715 12.584L4.41016 12.4609L4.49316 12.584ZM14.4316 19.4971H19.4619V14.8574H14.4316V19.4971ZM15.0752 2.92969H15.0771C17.7472 3.18825 19.8735 4.99051 20.2549 7.76855H21.6436L19.6719 10.7012L19.5889 10.8242L19.5059 10.7012L17.6396 7.92383L17.5342 7.76855H18.7578C18.3846 5.83073 16.8499 4.69609 14.9258 4.50293C14.5463 4.46704 14.2858 4.09952 14.2588 3.72363V3.71582C14.2589 3.25981 14.646 2.89534 15.0752 2.92969ZM10.3242 2.90039C10.7551 2.90044 11.081 3.26791 11.0811 3.71582V9.90039C11.0811 10.3484 10.7552 10.7167 10.3242 10.7168H3.83203C3.40105 10.7168 3.0752 10.3484 3.0752 9.90039V3.71582C3.0753 3.26788 3.40111 2.90041 3.83203 2.90039H10.3242ZM4.56348 9.14258H9.59473V4.47461H4.56348V9.14258Z",
-            fill: fill
+            fill: _color
         })
     });
 };

package/dist/web/TrainIcon.js

@@ -1,10 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor, useIconsContext } from "../core/index.js";
+import { isThemeColor } from "../core/index.js";
+import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const TrainIcon_TrainIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const { getColor } = useIconsContext();
-    const _color = isThemeColor(color) ? getColor(color) : color;
-    const fill = props.fill || _color;
+    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
@@ -13,7 +12,7 @@ const TrainIcon_TrainIcon = ({ size = 16, width = size, height = size, color = '
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M17.6147 2C18.6058 2.00365 19.555 2.39935 20.2554 3.10059C20.9557 3.80175 21.3505 4.75122 21.353 5.74219V15.4717C21.3498 16.3505 21.042 17.2008 20.4829 17.8789C19.9238 18.5569 19.1477 19.0208 18.2856 19.1914L20.6411 20.5781C20.7387 20.6185 20.8268 20.6797 20.8989 20.7568C20.9711 20.8341 21.0265 20.9261 21.0601 21.0264C21.0936 21.1267 21.1053 21.2337 21.0942 21.3389C21.0831 21.4439 21.0493 21.5457 20.9956 21.6367C20.942 21.7276 20.8692 21.8057 20.7827 21.8662C20.696 21.9268 20.5967 21.9682 20.4927 21.9873C20.3887 22.0064 20.2817 22.0033 20.1792 21.9775C20.0767 21.9518 19.9806 21.9039 19.8979 21.8379L15.3667 19.2188H8.6333L4.14307 21.7705C4.0607 21.8241 3.96758 21.8593 3.87061 21.875C3.77368 21.8907 3.67462 21.886 3.57959 21.8613C3.48456 21.8366 3.39583 21.7924 3.31885 21.7314C3.261 21.6856 3.21026 21.6314 3.16943 21.5703L3.09521 21.4434C3.06193 21.3781 3.03864 21.3079 3.02686 21.2354C3.01113 21.1385 3.01587 21.0393 3.04053 20.9443C3.06521 20.8495 3.10961 20.7605 3.17041 20.6836C3.23137 20.6066 3.30819 20.5429 3.39502 20.4971L5.75146 19.1377C4.88555 18.9895 4.09947 18.5405 3.53174 17.8701C2.96403 17.1996 2.65041 16.3502 2.64697 15.4717V5.74219C2.64949 4.75129 3.04443 3.80174 3.74463 3.10059C4.44507 2.3993 5.39507 2.00359 6.38623 2H17.6147ZM4.14307 12.875V15.4717C4.14308 16.0686 4.37843 16.6412 4.79834 17.0654C5.21835 17.4897 5.78927 17.7313 6.38623 17.7373H17.5923C18.193 17.7372 18.769 17.498 19.1938 17.0732C19.6186 16.6484 19.8579 16.0725 19.8579 15.4717V12.875H4.14307ZM7.354 13.8154C7.60887 13.7099 7.88911 13.6816 8.15967 13.7354C8.43031 13.7892 8.67935 13.9221 8.87451 14.1172C9.06967 14.3123 9.20248 14.5613 9.25635 14.832C9.3102 15.1028 9.28288 15.3836 9.17725 15.6387C9.07161 15.8937 8.89209 16.1113 8.6626 16.2646C8.43313 16.4179 8.16316 16.5 7.88721 16.5C7.51722 16.4999 7.16251 16.3525 6.90088 16.0908C6.63928 15.8291 6.49172 15.4745 6.4917 15.1045C6.4917 14.8285 6.57375 14.5586 6.72705 14.3291C6.88041 14.0996 7.09898 13.9211 7.354 13.8154ZM15.5884 13.8125C15.8434 13.7083 16.124 13.6816 16.394 13.7363C16.6642 13.7912 16.9127 13.9256 17.1069 14.1211C17.301 14.3166 17.4327 14.5656 17.4858 14.8359C17.5388 15.1063 17.5106 15.3863 17.4048 15.6406C17.2989 15.895 17.1204 16.1127 16.8911 16.2656C16.6618 16.4186 16.3923 16.5 16.1167 16.5C15.9327 16.5 15.7505 16.4633 15.5806 16.3926C15.4107 16.3219 15.2562 16.2184 15.1265 16.0879C14.9968 15.9574 14.8943 15.8022 14.8247 15.6318C14.7552 15.4617 14.72 15.2795 14.7212 15.0957C14.723 14.8201 14.806 14.5506 14.9604 14.3223C15.1148 14.0941 15.3334 13.9168 15.5884 13.8125ZM6.38623 3.47656C5.7893 3.48253 5.21835 3.72422 4.79834 4.14844C4.37844 4.57258 4.14316 5.14537 4.14307 5.74219V10.9805H19.8579L19.8804 5.74219C19.8802 5.14146 19.6411 4.56541 19.2163 4.14062C18.7915 3.71586 18.2155 3.47662 17.6147 3.47656H6.38623Z",
-            fill: fill
+            fill: _color
         })
     });
 };

package/dist/web/TrashAllIcon.js

@@ -1,10 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor, useIconsContext } from "../core/index.js";
+import { isThemeColor } from "../core/index.js";
+import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const TrashAllIcon_TrashAllIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const { getColor } = useIconsContext();
-    const _color = isThemeColor(color) ? getColor(color) : color;
-    const fill = props.fill || _color;
+    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
@@ -13,7 +12,7 @@ const TrashAllIcon_TrashAllIcon = ({ size = 16, width = size, height = size, col
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M20.25 4.49951C20.4488 4.49951 20.6396 4.57874 20.7803 4.71924C20.9208 4.85977 20.9999 5.0508 21 5.24951C21 5.44839 20.9209 5.64013 20.7803 5.78076C20.6396 5.92123 20.4488 5.99951 20.25 5.99951H6.25V19.2495C6.25001 19.4135 6.28204 19.5765 6.34473 19.728C6.38039 19.8141 6.42691 19.8955 6.48047 19.9712V21.8022C5.46696 21.397 4.75004 20.4077 4.75 19.2495V5.99951H3.75C3.55123 5.99951 3.36035 5.92123 3.21973 5.78076C3.0791 5.64013 3.00003 5.44839 3 5.24951C3.00013 5.0508 3.07922 4.85977 3.21973 4.71924C3.36036 4.57874 3.5512 4.49951 3.75 4.49951H20.25ZM13.4434 21.5991H11.707L11.3096 19.9448H9.27832L8.88086 21.5991H7.2002L9.33398 14.3999H11.3096L13.4434 21.5991ZM15.8164 20.1479H17.2861V21.5991H14.1631V14.3999H15.8164V20.1479ZM20.1309 20.1479H21.5996V21.5991H18.4775V14.3999H20.1309V20.1479ZM10.2656 15.687C10.0995 16.4419 9.91459 17.2835 9.73926 17.9995L9.5918 18.6089H10.9961L10.8477 17.9995C10.6631 17.2835 10.4873 16.4223 10.3027 15.687H10.2656ZM18.5 7.49951C18.6988 7.49951 18.8896 7.57874 19.0303 7.71924C19.1708 7.85977 19.2499 8.0508 19.25 8.24951V13.1997H17.75V8.24951C17.7501 8.0508 17.8292 7.85977 17.9697 7.71924C18.1104 7.57874 18.3012 7.49951 18.5 7.49951ZM12.7998 9.49951C12.9986 9.49951 13.1895 9.5788 13.3301 9.71924C13.4706 9.85977 13.5497 10.0508 13.5498 10.2495V12.0005H12.0498V10.2495C12.0499 10.0508 12.129 9.85977 12.2695 9.71924C12.4101 9.57872 12.601 9.49956 12.7998 9.49951ZM14 1.99951C14.1988 1.99951 14.3896 2.07874 14.5303 2.21924C14.6708 2.35977 14.7499 2.5508 14.75 2.74951C14.75 2.94839 14.6709 3.14013 14.5303 3.28076C14.3896 3.42123 14.1988 3.49951 14 3.49951H10C9.80123 3.49951 9.61035 3.42123 9.46973 3.28076C9.3291 3.14013 9.25003 2.94839 9.25 2.74951C9.25013 2.5508 9.32922 2.35977 9.46973 2.21924C9.61036 2.07874 9.8012 1.99951 10 1.99951H14Z",
-            fill: fill
+            fill: _color
         })
     });
 };

package/dist/web/TrashIcon.js

@@ -1,10 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor, useIconsContext } from "../core/index.js";
+import { isThemeColor } from "../core/index.js";
+import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const TrashIcon_TrashIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const { getColor } = useIconsContext();
-    const _color = isThemeColor(color) ? getColor(color) : color;
-    const fill = props.fill || _color;
+    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
@@ -13,7 +12,7 @@ const TrashIcon_TrashIcon = ({ size = 16, width = size, height = size, color = '
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M4.75 6.00012H3.75C3.55109 6.00012 3.36032 5.9211 3.21967 5.78045C3.07902 5.6398 3 5.44903 3 5.25012C3 5.05121 3.07902 4.86044 3.21967 4.71979C3.36032 4.57914 3.55109 4.50012 3.75 4.50012H20.25C20.4489 4.50012 20.6397 4.57914 20.7803 4.71979C20.921 4.86044 21 5.05121 21 5.25012C21 5.44903 20.921 5.6398 20.7803 5.78045C20.6397 5.9211 20.4489 6.00012 20.25 6.00012H6.25V19.2501C6.25 19.4143 6.28233 19.5768 6.34515 19.7285C6.40797 19.8801 6.50004 20.0179 6.61612 20.134C6.73219 20.2501 6.86999 20.3422 7.02165 20.405C7.1733 20.4678 7.33585 20.5001 7.5 20.5001H16.5C16.6642 20.5001 16.8267 20.4678 16.9784 20.405C17.13 20.3422 17.2678 20.2501 17.3839 20.134C17.5 20.0179 17.592 19.8801 17.6548 19.7285C17.7177 19.5768 17.75 19.4143 17.75 19.2501V8.25012C17.75 8.05121 17.829 7.86044 17.9697 7.71979C18.1103 7.57914 18.3011 7.50012 18.5 7.50012C18.6989 7.50012 18.8897 7.57914 19.0303 7.71979C19.171 7.86044 19.25 8.05121 19.25 8.25012V19.2501C19.25 20.7689 18.0188 22.0001 16.5 22.0001H7.5C5.98125 22.0001 4.75 20.7689 4.75 19.2501V6.00012ZM10 3.50012C9.80109 3.50012 9.61032 3.4211 9.46967 3.28045C9.32902 3.1398 9.25 2.94903 9.25 2.75012C9.25 2.55121 9.32902 2.36044 9.46967 2.21979C9.61032 2.07914 9.80109 2.00012 10 2.00012H14C14.1989 2.00012 14.3897 2.07914 14.5303 2.21979C14.671 2.36044 14.75 2.55121 14.75 2.75012C14.75 2.94903 14.671 3.1398 14.5303 3.28045C14.3897 3.4211 14.1989 3.50012 14 3.50012H10ZM9.25 10.2501C9.25 10.0512 9.32902 9.86044 9.46967 9.71979C9.61032 9.57914 9.80109 9.50012 10 9.50012C10.1989 9.50012 10.3897 9.57914 10.5303 9.71979C10.671 9.86044 10.75 10.0512 10.75 10.2501V16.2501C10.75 16.449 10.671 16.6398 10.5303 16.7805C10.3897 16.9211 10.1989 17.0001 10 17.0001C9.80109 17.0001 9.61032 16.9211 9.46967 16.7805C9.32902 16.6398 9.25 16.449 9.25 16.2501V10.2501ZM13.25 10.2501C13.25 10.0512 13.329 9.86044 13.4697 9.71979C13.6103 9.57914 13.8011 9.50012 14 9.50012C14.1989 9.50012 14.3897 9.57914 14.5303 9.71979C14.671 9.86044 14.75 10.0512 14.75 10.2501V16.2501C14.75 16.449 14.671 16.6398 14.5303 16.7805C14.3897 16.9211 14.1989 17.0001 14 17.0001C13.8011 17.0001 13.6103 16.9211 13.4697 16.7805C13.329 16.6398 13.25 16.449 13.25 16.2501V10.2501Z",
-            fill: fill
+            fill: _color
         })
     });
 };

package/dist/web/TreeIcon.js

@@ -1,10 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor, useIconsContext } from "../core/index.js";
+import { isThemeColor } from "../core/index.js";
+import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const TreeIcon_TreeIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const { getColor } = useIconsContext();
-    const _color = isThemeColor(color) ? getColor(color) : color;
-    const fill = props.fill || _color;
+    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
@@ -13,7 +12,7 @@ const TreeIcon_TreeIcon = ({ size = 16, width = size, height = size, color = 'cu
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M15.8512 2.00488C15.8452 2.02411 14.9273 4.95904 12.7477 6.62793C11.6251 7.48466 10.332 7.61908 9.48105 7.5918C9.98904 8.88634 10.6781 11.269 11.1852 13.5039C11.3549 14.2517 11.5318 15.0366 11.7008 15.8242C13.2282 14.6489 13.7464 14.2581 14.8346 13.042C15.2875 12.5357 15.6827 11.9812 16.0152 11.3896C15.7423 11.2555 15.3316 10.9702 15.1861 10.4199C14.9466 9.51432 15.274 8.63769 15.274 8.63769C15.274 8.63769 16.1096 9.21689 16.4185 10.0752C16.542 10.4182 16.5148 10.7513 16.4537 11.0088C16.8345 10.635 17.5539 10.1125 18.5533 10.1914C20.1719 10.3192 21.4066 11.3533 21.4254 11.3691C21.4084 11.3813 19.9664 12.4143 18.3824 12.4258C17.4337 12.4344 16.7182 11.9113 16.3727 11.5967C16.1038 12.2462 15.4697 13.4643 14.7008 14.3936C14.5961 14.5203 14.4859 14.6456 14.3746 14.7705C14.7935 14.5965 15.4976 14.422 16.2291 14.7617C17.4587 15.3333 18.0973 16.5039 18.0973 16.5039C18.0973 16.5039 16.6407 16.8921 15.3961 16.4395C14.5835 16.1467 14.1874 15.4405 14.0465 15.127C13.3385 15.8743 12.5622 16.5574 11.9557 17.0576C12.2835 18.7036 12.537 20.2826 12.5592 21.4746C12.5612 21.6434 11.982 21.7554 11.3473 21.9268C10.7118 22.0983 9.61322 22.005 9.71835 21.2393C9.73755 18.7896 9.6857 16.8582 9.59628 15.2139C9.00686 14.8167 8.26767 14.2735 7.6666 13.6904C7.03975 13.0837 6.48727 12.2543 6.25449 11.8242C6.07232 12.1896 5.69036 12.7294 4.96249 12.9219C3.74831 13.2428 2.57708 12.8046 2.5748 12.8037C2.5901 12.7817 3.36055 11.6814 4.49765 11.2715C5.00218 11.0899 5.49136 11.1479 5.84726 11.2461C5.71677 11.0381 5.61252 10.7641 5.63242 10.4297C5.68273 9.54975 6.23691 8.87012 6.23691 8.87012C6.25031 8.88807 6.81507 9.64993 6.84042 10.498C6.85294 10.9902 6.59831 11.3706 6.43124 11.5674C6.72891 12.0004 7.07488 12.3981 7.4664 12.749C8.23418 13.4372 8.63252 13.6983 9.53671 14.249C9.44921 12.955 9.34099 11.8311 9.22519 10.7402C9.06624 9.24288 8.7726 8.22648 8.55038 7.625C8.02104 7.75204 6.97262 7.86935 6.04648 7.13867C4.65789 6.04541 4.16074 4.35449 4.16074 4.35449C4.17951 4.35378 6.07912 4.28463 7.50937 5.22266C8.08181 5.59824 8.42072 6.12667 8.6207 6.58203C8.77419 5.66602 9.24453 4.26001 10.6607 3.36133C13.0363 1.85122 15.8263 2.00349 15.8512 2.00488Z",
-            fill: fill
+            fill: _color
         })
     });
 };

package/dist/web/TrenchIcon.js

@@ -1,10 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor, useIconsContext } from "../core/index.js";
+import { isThemeColor } from "../core/index.js";
+import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const TrenchIcon_TrenchIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const { getColor } = useIconsContext();
-    const _color = isThemeColor(color) ? getColor(color) : color;
-    const fill = props.fill || _color;
+    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
@@ -13,7 +12,7 @@ const TrenchIcon_TrenchIcon = ({ size = 16, width = size, height = size, color =
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M8.52515 3.72021C8.73832 3.69422 8.91235 3.68677 9.073 3.73877C9.23642 3.79179 9.37335 3.90203 9.52612 4.08154C9.92142 4.54623 10.3765 5.04988 10.7859 5.479H10.7869C10.884 5.58237 10.952 5.68773 10.947 5.80811C10.9419 5.92576 10.8673 6.02647 10.7732 6.12354C10.6392 6.26195 10.5308 6.37218 10.4382 6.44873C10.3464 6.52463 10.2549 6.58028 10.1531 6.58838C10.0487 6.59643 9.95522 6.55359 9.86304 6.48779C9.77143 6.42233 9.66605 6.32393 9.53784 6.19971V6.19873C9.50009 6.16204 9.46505 6.12275 9.43335 6.0874C9.40114 6.05149 9.37153 6.01902 9.34058 5.98975L9.00073 5.68115C8.90129 5.59246 8.81382 5.51716 8.73413 5.45361C8.57551 5.32715 8.45241 5.25047 8.32983 5.20557C8.14468 5.13783 7.95011 5.13613 7.61694 5.1665L7.23218 5.20654C6.74696 5.25803 6.24196 5.32198 5.74292 5.35205H5.74194C5.61327 5.35949 5.54744 5.38897 5.50952 5.42822C5.47055 5.46883 5.44172 5.54007 5.4314 5.67334C5.36351 6.50762 5.27553 7.34013 5.16772 8.17041C5.15278 8.28673 5.1673 8.37177 5.19995 8.44287C5.23342 8.51574 5.29006 8.58336 5.37573 8.65869C6.2421 9.42526 7.11258 10.1918 7.95679 10.9858H7.95776C8.08539 11.1056 8.14865 11.1244 8.18726 11.1196C8.20753 11.117 8.23411 11.1064 8.27026 11.0786C8.30725 11.05 8.3501 11.007 8.4021 10.9478C10.3831 8.68215 12.3791 6.43899 14.3552 4.17236C14.5182 3.98547 14.6891 3.85466 14.8845 3.77979C15.0799 3.70506 15.2928 3.68912 15.5349 3.71826C16.713 3.8615 17.8963 3.97304 19.0818 4.07861C19.2937 4.09749 19.4721 4.15357 19.6023 4.27295C19.7338 4.39378 19.8016 4.56651 19.822 4.78662C19.9337 5.98651 20.044 7.18532 20.1853 8.38135L20.198 8.55029C20.2029 8.71414 20.1835 8.86526 20.1316 9.00732C20.0795 9.14977 19.9959 9.27886 19.8796 9.40088L19.7517 9.521C19.2746 9.92542 18.8074 10.3429 18.3406 10.7612C17.8742 11.1792 17.4073 11.5993 16.9324 12.0093C16.8134 12.1125 16.779 12.1754 16.7761 12.2192C16.7735 12.2605 16.7966 12.3227 16.905 12.4312C17.2037 12.7297 17.4774 13.0541 17.741 13.3774H17.7419C17.8073 13.4582 17.8397 13.4677 17.8503 13.4683C17.861 13.4684 17.8934 13.4611 17.9636 13.3862L18.3835 12.9497C18.5256 12.8064 18.6696 12.6645 18.8142 12.5239L18.9275 12.4272C19.044 12.3408 19.1704 12.2865 19.3025 12.2788C19.4818 12.2686 19.6534 12.3445 19.8054 12.4976C19.9589 12.6522 20.0308 12.8249 20.0173 13.0044C20.0039 13.1805 19.9098 13.3461 19.7683 13.4907C19.231 14.0418 18.6935 14.5992 18.1384 15.1382H18.1375C18.0408 15.2311 18.023 15.2834 18.0242 15.3149C18.0257 15.3493 18.0504 15.4015 18.1443 15.4917C18.6358 15.9571 19.1086 16.4434 19.5837 16.9224H19.5847C20.0268 17.3664 20.2688 17.8716 20.2966 18.3706C20.321 18.8084 20.1795 19.2337 19.8757 19.5991L19.7351 19.7524C19.3357 20.1473 18.8533 20.3304 18.3542 20.2964C17.8569 20.2624 17.3534 20.0141 16.906 19.5688C16.4287 19.0936 15.9428 18.6196 15.4753 18.1323H15.4744C15.3968 18.0509 15.3582 18.0354 15.3376 18.0347C15.3196 18.0344 15.2804 18.0452 15.2019 18.1294C14.7844 18.5767 14.3419 19.006 13.9158 19.4399L13.9167 19.4409C13.7718 19.5889 13.6064 19.6989 13.4265 19.7251C13.2407 19.7519 13.0573 19.6861 12.8884 19.5239C12.7197 19.3617 12.6494 19.1841 12.6697 18.9985C12.6894 18.8198 12.7916 18.6502 12.9265 18.4956L13.0291 18.394C13.0651 18.3619 13.1026 18.3306 13.1394 18.3013C13.2161 18.2403 13.2891 18.1858 13.3542 18.1284C13.488 18.0105 13.5454 17.9169 13.5251 17.814V17.813C13.5066 17.7186 13.422 17.6216 13.2839 17.5093C13.2171 17.4549 13.1439 17.4022 13.0691 17.3462C12.9959 17.2913 12.9212 17.2334 12.8552 17.1733L12.5525 16.9038C12.4649 16.8281 12.3888 16.7657 12.3201 16.7163C12.1826 16.6175 12.0888 16.5812 12.0056 16.5815C11.9225 16.5821 11.8282 16.6193 11.6902 16.7192C11.5517 16.8195 11.3828 16.9716 11.1511 17.1812C11.0823 17.2436 11.0026 17.3056 10.9246 17.3647C10.8452 17.4248 10.767 17.4824 10.697 17.5405C10.6269 17.5988 10.5685 17.6548 10.5281 17.7075C10.4876 17.7604 10.4702 17.8041 10.4685 17.8394V17.8403C10.467 17.8706 10.4792 17.9123 10.5154 17.9673C10.5513 18.0218 10.6048 18.0809 10.6707 18.144C10.7365 18.2071 10.8111 18.2704 10.8865 18.3354C10.9608 18.3996 11.0366 18.466 11.1013 18.5308C11.2481 18.6765 11.3703 18.8386 11.4099 19.02C11.4511 19.2094 11.3984 19.4012 11.2361 19.5923C11.0938 19.7606 10.9125 19.8402 10.7117 19.8169C10.5175 19.7942 10.32 19.678 10.1326 19.4917C9.68871 19.05 9.24035 18.6079 8.81226 18.1479V18.147C8.72747 18.0556 8.68386 18.0418 8.66089 18.0425C8.63468 18.0434 8.5902 18.0634 8.50562 18.1509C8.00255 18.6738 7.48903 19.1845 6.97046 19.689C6.15547 20.4826 5.00352 20.5058 4.2439 19.7358C3.49947 18.9809 3.52173 17.8425 4.2937 17.0454C4.79822 16.5251 5.30811 16.0097 5.83569 15.5103C5.94066 15.4113 5.96948 15.3544 5.97144 15.3159C5.97302 15.2811 5.95288 15.2252 5.84546 15.1235C5.34106 14.6473 4.86202 14.1422 4.38257 13.645V13.644C4.20969 13.4656 4.10286 13.2757 4.08472 13.0874C4.06619 12.8939 4.14301 12.7177 4.30151 12.5786C4.48951 12.4138 4.6813 12.3542 4.87183 12.3911C5.00981 12.4179 5.13667 12.4935 5.25269 12.5942L5.36499 12.7026C5.61013 12.9659 5.8665 13.2228 6.13354 13.4976C6.48402 13.0974 6.80797 12.7149 7.15112 12.355L7.20776 12.2896C7.2496 12.2331 7.25463 12.1989 7.25171 12.1772C7.24647 12.1406 7.21397 12.0894 7.11597 12.0034H7.11499C6.13469 11.1394 5.18514 10.2571 4.19995 9.40576C4.03829 9.2663 3.92614 9.11812 3.86206 8.94873C3.79809 8.77956 3.78515 8.59627 3.80933 8.39111C3.94473 7.22654 4.05878 6.06032 4.18042 4.89404C4.20875 4.62094 4.26682 4.41899 4.40991 4.28467C4.55184 4.1517 4.75826 4.10271 5.02808 4.07861C6.19565 3.97304 7.36292 3.86146 8.52515 3.72021ZM17.0164 16.4106C16.9695 16.4134 16.9081 16.4428 16.8093 16.5396C16.7117 16.6353 16.5937 16.7791 16.4294 16.979C16.3775 17.0425 16.3647 17.0697 16.363 17.0845C16.3628 17.0863 16.3626 17.0921 16.3679 17.103L16.4128 17.1587V17.1597C16.9755 17.7142 17.522 18.2722 18.0867 18.8228C18.1673 18.9007 18.2556 18.9409 18.3455 18.9507C18.4364 18.9604 18.5372 18.9394 18.6404 18.8853L18.7117 18.8433C18.7788 18.7983 18.8315 18.745 18.8689 18.686C18.9179 18.6083 18.9442 18.5134 18.9392 18.397V18.3882L18.9373 18.3286C18.9257 18.2316 18.8765 18.1519 18.8044 18.0698L18.7078 17.9692C18.3549 17.6185 18.0036 17.265 17.6511 16.9126C17.469 16.7305 17.338 16.6006 17.2322 16.5161C17.125 16.4306 17.0629 16.4081 17.0164 16.4106ZM6.90796 16.3677C6.90074 16.3679 6.87865 16.3718 6.82886 16.4233L6.82788 16.4243C6.27314 16.9869 5.71489 17.5343 5.16382 18.0972C5.02443 18.24 5.00476 18.4273 5.09155 18.6147L5.13062 18.687C5.17208 18.7545 5.22258 18.8093 5.28491 18.8501C5.36826 18.9045 5.48163 18.9401 5.6394 18.9438H5.64917V18.9448C5.68972 18.9499 5.74117 18.9369 5.80444 18.8989C5.86729 18.8611 5.93331 18.8032 6.00073 18.7358C6.36334 18.3713 6.72835 18.0081 7.09058 17.646C7.26807 17.4685 7.39575 17.3382 7.47729 17.2319C7.5589 17.1255 7.58109 17.0598 7.57788 17.0093C7.5744 16.9581 7.54315 16.8938 7.44702 16.7954C7.35177 16.698 7.20822 16.5823 7.00952 16.4243V16.4233C6.94607 16.3735 6.91896 16.3676 6.90796 16.3677ZM15.7117 13.1304C15.7085 13.1298 15.6859 13.1278 15.6296 13.1782C14.7658 13.9568 13.8952 14.7291 13.0095 15.5161C13.4815 15.9408 13.9337 16.3453 14.3806 16.7544H14.3816C14.4499 16.8175 14.487 16.8404 14.5134 16.8442C14.5281 16.8463 14.5632 16.8448 14.6335 16.771C15.3437 16.0312 16.0684 15.3009 16.7917 14.5737L16.8542 14.5024C16.8662 14.4849 16.8704 14.4718 16.8718 14.4624C16.8733 14.452 16.8743 14.4233 16.8152 14.3589C16.4651 13.9809 16.1292 13.5908 15.7947 13.2026H15.7937C15.7448 13.1458 15.7221 13.1326 15.7117 13.1304ZM15.4109 5.09619C15.3559 5.11588 15.3011 5.15241 15.2429 5.21826L15.2439 5.21924C12.5771 8.24794 9.90708 11.2746 7.23022 14.2954C7.15079 14.3854 7.13605 14.4332 7.13745 14.4624C7.13901 14.4925 7.15974 14.5384 7.2439 14.6206L8.28394 15.6636C8.62828 16.0133 8.97009 16.366 9.30737 16.7231V16.7241C9.40043 16.8236 9.45184 16.8344 9.48218 16.8315C9.52359 16.8273 9.57744 16.7952 9.67261 16.7114L18.6716 8.68311C18.7367 8.62538 18.7843 8.58235 18.8132 8.53271C18.8379 8.49022 18.8511 8.43787 18.8289 8.35498L18.8269 8.34717L18.8259 8.33936C18.7343 7.42341 18.6364 6.48015 18.5447 5.53564C18.5398 5.48592 18.5284 5.45492 18.5164 5.43506C18.5048 5.41611 18.4901 5.40261 18.4705 5.39209C18.4244 5.36754 18.3595 5.35968 18.2605 5.3501C17.3818 5.26445 16.4995 5.17925 15.6199 5.08154V5.08057C15.533 5.07076 15.4666 5.07638 15.4109 5.09619Z",
-            fill: fill
+            fill: _color
         })
     });
 };

package/dist/web/TriangleAlertIcon.js

@@ -1,11 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor, useIconsContext } from "../core/index.js";
+import { isThemeColor } from "../core/index.js";
+import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const TriangleAlertIcon_TriangleAlertIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const { getColor } = useIconsContext();
-    const _color = isThemeColor(color) ? getColor(color) : color;
-    const fill = props.fill || _color;
-    const stroke = props.stroke || _color;
+    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
@@ -14,8 +12,8 @@ const TriangleAlertIcon_TriangleAlertIcon = ({ size = 16, width = size, height =
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M12.6872 3.18241C12.9027 3.30541 13.0812 3.48395 13.2042 3.69942L21.905 18.9258C22.0253 19.1367 22.0882 19.3755 22.0872 19.6183C22.0863 19.8611 22.0216 20.0995 21.8997 20.3094C21.7778 20.5194 21.6029 20.6937 21.3925 20.815C21.1821 20.9362 20.9436 21 20.7008 21.0001H3.29921C3.05639 21 2.81786 20.9362 2.60746 20.815C2.39706 20.6937 2.22216 20.5194 2.10025 20.3094C1.97834 20.0995 1.91369 19.8611 1.91276 19.6183C1.91183 19.3755 1.97466 19.1367 2.09497 18.9258L10.7958 3.69816C10.9783 3.3791 11.2801 3.14556 11.6348 3.04886C11.9894 2.95215 12.368 3.00019 12.6872 3.18241ZM12 4.38665L3.29921 19.6143H20.7008L12 4.38665ZM12 17.5488C12.0935 17.5448 12.1868 17.5598 12.2743 17.5928C12.3619 17.6258 12.4418 17.6762 12.5094 17.741C12.577 17.8057 12.6307 17.8834 12.6674 17.9695C12.7042 18.0555 12.7231 18.1481 12.7231 18.2417C12.7231 18.3353 12.7042 18.4279 12.6674 18.5139C12.6307 18.6 12.577 18.6777 12.5094 18.7425C12.4418 18.8072 12.3619 18.8576 12.2743 18.8906C12.1868 18.9236 12.0935 18.9386 12 18.9346C11.8161 18.9346 11.6397 18.8616 11.5096 18.7315C11.3795 18.6014 11.3065 18.425 11.3065 18.2411C11.3065 18.0571 11.3795 17.8807 11.5096 17.7507C11.6397 17.6206 11.8161 17.5488 12 17.5488ZM12 7.84427C12.1619 7.84451 12.3186 7.90138 12.4429 8.00502C12.5673 8.10865 12.6515 8.25253 12.6809 8.41171L12.6935 8.53781V15.4694C12.6932 15.6424 12.6282 15.809 12.5114 15.9365C12.3946 16.0641 12.2343 16.1434 12.062 16.1588C11.8898 16.1743 11.7179 16.1249 11.5803 16.0202C11.4426 15.9155 11.349 15.7631 11.3178 15.593L11.3065 15.4694V8.53781C11.3065 8.35387 11.3795 8.17747 11.5096 8.0474C11.6397 7.91734 11.8161 7.84427 12 7.84427Z",
-            fill: fill,
-            stroke: stroke,
+            fill: _color,
+            stroke: _color,
             strokeWidth: 0.214367
         })
     });

package/dist/web/TriangleDownIcon.js

@@ -1,10 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor, useIconsContext } from "../core/index.js";
+import { isThemeColor } from "../core/index.js";
+import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const TriangleDownIcon_TriangleDownIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const { getColor } = useIconsContext();
-    const _color = isThemeColor(color) ? getColor(color) : color;
-    const fill = props.fill || _color;
+    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
@@ -13,7 +12,7 @@ const TriangleDownIcon_TriangleDownIcon = ({ size = 16, width = size, height = s
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M18.8793 6H17.4342H15.0927H12.3121H9.45834H6.93388H5.14115C4.84846 6 4.61064 6.08738 4.42771 6.26215C4.24478 6.43692 4.11978 6.65935 4.0527 6.92944C3.98563 7.19954 3.98258 7.49744 4.04356 7.82314C4.10453 8.14884 4.23868 8.47058 4.44601 8.78833C4.89724 9.42385 5.37286 10.0911 5.87288 10.7902C6.37289 11.4893 6.8851 12.1963 7.4095 12.9113L8.94613 15.0561C9.47054 15.7711 9.97055 16.4622 10.4462 17.1295C10.6657 17.4314 10.9279 17.6538 11.2328 17.7968C11.5377 17.9398 11.8517 18.0073 12.1749 17.9994C12.4981 17.9914 12.8151 17.9001 13.1261 17.7253C13.4371 17.5505 13.7085 17.3043 13.9402 16.9865C14.7817 15.8426 15.6597 14.6033 16.5744 13.2687C17.4891 11.9341 18.4464 10.5042 19.4464 8.97899C19.6781 8.61357 19.8367 8.25212 19.9221 7.89464C20.0074 7.53716 20.0227 7.2194 19.9678 6.94136C19.9129 6.66332 19.791 6.43692 19.6019 6.26215C19.4129 6.08738 19.172 6 18.8793 6Z",
-            fill: fill
+            fill: _color
         })
     });
 };

package/dist/web/TriangleUpIcon.js

@@ -1,10 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor, useIconsContext } from "../core/index.js";
+import { isThemeColor } from "../core/index.js";
+import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const TriangleUpIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const { getColor } = useIconsContext();
-    const _color = isThemeColor(color) ? getColor(color) : color;
-    const fill = props.fill || _color;
+    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
@@ -13,7 +12,7 @@ const TriangleUpIcon = ({ size = 16, width = size, height = size, color = 'curre
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M20.4278 19.2006H18.91038H16.4518H13.53224H10.53586H7.88522H6.00288C5.69556 19.2006 5.44586 19.09572 5.25378 18.886C5.0617 18.67628 4.93046 18.40936 4.86002 18.08526C4.7896 17.76114 4.7864 17.40368 4.85042 17.01284C4.91444 16.622 5.0553 16.23592 5.27298 15.85462C5.74678 15.09202 6.24618 14.29126 6.77118 13.4524C7.29618 12.61352 7.834 11.76512 8.38462 10.90718L9.99806 8.33338C10.54868 7.47544 11.07368 6.6461 11.57308 5.84536C11.80356 5.48312 12.07888 5.2162 12.399 5.04462C12.71912 4.87302 13.04886 4.792 13.3882 4.80154C13.72752 4.81106 14.06046 4.9207 14.38698 5.1304C14.71352 5.34012 14.99842 5.63564 15.24172 6.01694C16.12528 7.38964 17.04724 8.87674 18.00762 10.47822C18.968 12.0797 19.9732 13.79558 21.0232 15.62584C21.2666 16.06434 21.433 16.49808 21.5226 16.92704C21.6122 17.356 21.6282 17.73732 21.5706 18.07096C21.513 18.4046 21.385 18.67628 21.1864 18.886C20.988 19.09572 20.735 19.2006 20.4278 19.2006Z",
-            fill: fill
+            fill: _color
         })
     });
 };

package/dist/web/TrophyIcon.js

@@ -1,10 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor, useIconsContext } from "../core/index.js";
+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 { getColor } = useIconsContext();
-    const _color = isThemeColor(color) ? getColor(color) : color;
-    const fill = props.fill || _color;
+    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
@@ -13,7 +12,7 @@ const TrophyIcon_TrophyIcon = ({ size = 16, width = size, height = size, color =
         ...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: fill
+            fill: _color
         })
     });
 };

package/dist/web/TruthSocialIcon.js

@@ -1,10 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import { isThemeColor, useIconsContext } from "../core/index.js";
+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 { getColor } = useIconsContext();
-    const _color = isThemeColor(color) ? getColor(color) : color;
-    const fill = props.fill || _color;
+    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
     return /*#__PURE__*/ jsxs("svg", {
         width: width,
         height: height,
@@ -14,11 +13,11 @@ const TruthSocialIcon = ({ size = 16, width = size, height = size, color = 'curr
         children: [
             /*#__PURE__*/ jsx("path", {
                 d: "M20.958 8.46332V4.33789H9.52627V19.5813H14.4368V8.46332H20.958ZM2.96484 4.33875H7.67913V8.46332H2.96484V4.33789V4.33875Z",
-                fill: fill
+                fill: _color
             }),
             /*#__PURE__*/ jsx("path", {
                 d: "M16.2422 15.457H20.9565V19.5825H16.2422V15.457Z",
-                fill: fill
+                fill: _color
             })
         ]
     });

package/dist/web/TweetIcon.js

@@ -1,10 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor, useIconsContext } from "../core/index.js";
+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 { getColor } = useIconsContext();
-    const _color = isThemeColor(color) ? getColor(color) : color;
-    const fill = props.fill || _color;
+    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
@@ -13,7 +12,7 @@ const TweetIcon_TweetIcon = ({ size = 16, width = size, height = size, color = '
         ...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: fill
+            fill: _color
         })
     });
 };

package/dist/web/TweetQuoteIcon.js

@@ -1,10 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor, useIconsContext } from "../core/index.js";
+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 { getColor } = useIconsContext();
-    const _color = isThemeColor(color) ? getColor(color) : color;
-    const fill = props.fill || _color;
+    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
@@ -13,7 +12,7 @@ const TweetQuoteIcon = ({ size = 16, width = size, height = size, color = 'curre
         ...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: fill
+            fill: _color
         })
     });
 };

package/dist/web/TwinklingStarsIcon.js

@@ -1,10 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor, useIconsContext } from "../core/index.js";
+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 { getColor } = useIconsContext();
-    const _color = isThemeColor(color) ? getColor(color) : color;
-    const fill = props.fill || _color;
+    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
@@ -13,7 +12,7 @@ const TwinklingStarsIcon_TwinklingStarsIcon = ({ size = 16, width = size, height
         ...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: fill
+            fill: _color
         })
     });
 };

package/dist/web/TwitchAppIcon.js

@@ -1,10 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor, useIconsContext } from "../core/index.js";
+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 { getColor } = useIconsContext();
-    const _color = isThemeColor(color) ? getColor(color) : color;
-    const fill = props.fill || _color;
+    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
@@ -13,7 +12,7 @@ const TwitchAppIcon_TwitchAppIcon = ({ size = 16, width = size, height = size, c
         ...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: fill
+            fill: _color
         })
     });
 };