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

package/dist/web/SortDown1Icon.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 SortDown1Icon_SortDown1Icon = ({ 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 SortDown1Icon_SortDown1Icon = ({ size = 16, width = size, height = size, c
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M13.5153 17.792C13.9084 17.8724 14.2047 18.2208 14.2047 18.6377C14.2045 19.0545 13.9083 19.402 13.5153 19.4824L13.3414 19.501H4.04944C3.57319 19.5008 3.18636 19.1139 3.18616 18.6377C3.18616 18.1613 3.57307 17.7746 4.04944 17.7744H13.3414L13.5153 17.792ZM17.778 7.81836C18.2542 7.81859 18.6411 8.20535 18.6412 8.68164V17.1123L19.9889 16.3037C20.3974 16.0591 20.9274 16.1923 21.1725 16.6006C21.3865 16.9577 21.312 17.4074 21.0172 17.6787L20.8756 17.7842L18.6237 19.1357C17.8717 19.5869 16.9147 19.0449 16.9147 18.168V8.68164C16.9148 8.20521 17.3015 7.81836 17.778 7.81836ZM13.5153 11.1543C13.9084 11.2347 14.2047 11.583 14.2047 12C14.2046 12.4168 13.9083 12.7643 13.5153 12.8447L13.3414 12.8633H4.04944C3.57315 12.8631 3.18628 12.4763 3.18616 12C3.18616 11.5236 3.57307 11.1369 4.04944 11.1367H13.3414L13.5153 11.1543ZM20.1803 4.51855C20.5735 4.59894 20.8697 4.9463 20.8698 5.36328C20.8698 5.78028 20.5735 6.12762 20.1803 6.20801L20.0065 6.22656H4.03674C3.56025 6.22655 3.17346 5.83978 3.17346 5.36328C3.17348 4.8868 3.56026 4.50002 4.03674 4.5H20.0065L20.1803 4.51855Z",
-            fill: fill
+            fill: _color
         })
     });
 };

package/dist/web/SortDownIcon.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 SortDownIcon = ({ 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 SortDownIcon = ({ size = 16, width = size, height = size, color = 'current
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M7.65514 2.40649C7.12013 2.40649 6.76345 2.76317 6.76345 3.29818V18.8134L4.53425 17.0301C4.17758 16.6734 3.5534 16.7626 3.2859 17.1192C2.92922 17.4759 3.01839 18.1001 3.37506 18.3676L7.03096 21.3993C7.65514 21.8452 8.45765 21.4885 8.45765 20.686V3.29818C8.54682 2.85233 8.19014 2.40649 7.65514 2.40649ZM11.1327 5.25988H20.9412V7.04324H11.1327V5.25988ZM11.1327 11.68H20.9412V13.4633H11.1327V11.68ZM11.1327 18.1001H20.9412V19.8835H11.1327V18.1001Z",
-            fill: fill
+            fill: _color
         })
     });
 };

package/dist/web/SortIcon.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 SortIcon_SortIcon = ({ 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 SortIcon_SortIcon = ({ size = 16, width = size, height = size, color = 'cu
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M15.5261 14.3236C17.2606 14.3236 18.1502 16.4018 16.9529 17.6566L13.4275 21.35C12.6507 22.1637 11.3517 22.1637 10.5749 21.35L7.04955 17.6566C5.85187 16.4019 6.7408 14.3237 8.47533 14.3236H15.5261ZM10.574 2.64978C11.3507 1.83619 12.6498 1.83609 13.4265 2.64978L16.9519 6.34314C18.1492 7.5979 17.2596 9.67614 15.5251 9.67614H8.47435C6.73988 9.67614 5.85032 7.59791 7.04759 6.34314L10.574 2.64978Z",
-            fill: fill
+            fill: _color
         })
     });
 };

package/dist/web/SortUp1Icon.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 SortUp1Icon_SortUp1Icon = ({ 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 SortUp1Icon_SortUp1Icon = ({ size = 16, width = size, height = size, color
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M13.5153 17.792C13.9084 17.8724 14.2047 18.2207 14.2047 18.6377C14.2045 19.0545 13.9083 19.402 13.5153 19.4824L13.3414 19.501H4.04944C3.5732 19.5008 3.18636 19.1139 3.18616 18.6377C3.18616 18.1613 3.57307 17.7746 4.04944 17.7744H13.3414L13.5153 17.792ZM16.9137 8.94922C16.914 8.07248 17.8718 7.53042 18.6237 7.98145L20.8756 9.33301L21.0172 9.43848C21.3121 9.70969 21.3864 10.1595 21.1725 10.5166C20.9275 10.925 20.3974 11.0581 19.9889 10.8135L18.6412 10.0049V18.4355C18.6412 18.9119 18.2542 19.2986 17.778 19.2988C17.3014 19.2988 16.9137 18.9121 16.9137 18.4355V8.94922ZM13.5153 11.1543C13.9084 11.2347 14.2047 11.583 14.2047 12C14.2046 12.4168 13.9083 12.7643 13.5153 12.8447L13.3414 12.8633H4.04944C3.57315 12.8631 3.18628 12.4763 3.18616 12C3.18616 11.5236 3.57307 11.1369 4.04944 11.1367H13.3414L13.5153 11.1543ZM20.1803 4.51855C20.5735 4.59894 20.8697 4.9463 20.8698 5.36328C20.8698 5.78028 20.5735 6.12762 20.1803 6.20801L20.0065 6.22656H4.03674C3.56025 6.22655 3.17346 5.83978 3.17346 5.36328C3.17348 4.8868 3.56026 4.50002 4.03674 4.5H20.0065L20.1803 4.51855Z",
-            fill: fill
+            fill: _color
         })
     });
 };

package/dist/web/SortUpIcon.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 SortUpIcon_SortUpIcon = ({ 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 SortUpIcon_SortUpIcon = ({ size = 16, width = size, height = size, color =
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M7.69749 21.4998C7.16769 21.4998 6.8145 21.1466 6.8145 20.6168V5.25275L4.60703 7.01873C4.25383 7.37193 3.63574 7.28363 3.37084 6.93043C3.01764 6.57724 3.10594 5.95914 3.45914 5.69425L7.07939 2.69208C7.69749 2.25059 8.49218 2.60378 8.49218 3.39848V20.6168C8.58048 21.0583 8.22728 21.4998 7.69749 21.4998ZM11.1411 18.6742H20.854V16.9082H11.1411V18.6742ZM11.1411 12.3167H20.854V10.5507H11.1411V12.3167ZM11.1411 5.95914H20.854V4.19317H11.1411V5.95914Z",
-            fill: fill
+            fill: _color
         })
     });
 };

package/dist/web/SpaceIcon.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 SpaceIcon_SpaceIcon = ({ 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 SpaceIcon_SpaceIcon = ({ size = 16, width = size, height = size, color = '
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M4.20567 9.7373V12.2516C4.20567 12.8067 4.65623 13.2573 5.21138 13.2573H18.7885C19.3437 13.2573 19.7942 12.8067 19.7942 12.2516V9.7373H20.8V12.7544C20.8 13.5877 20.1241 14.263 19.2914 14.263H4.70852C3.87579 14.263 3.19995 13.5877 3.19995 12.7544V9.7373H4.20567Z",
-            fill: fill,
-            stroke: stroke,
+            fill: _color,
+            stroke: _color,
             strokeWidth: 0.4
         })
     });

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

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

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

package/dist/web/StarOnIcon.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 StarOnIcon_StarOnIcon = ({ 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 StarOnIcon_StarOnIcon = ({ size = 16, width = size, height = size, color =
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M12.0013 2.25C12.6374 2.25004 13.2265 2.59925 13.5033 3.16211L15.5667 7.35156L20.3177 8.04297C20.9268 8.13094 21.4417 8.54065 21.6429 9.10938C21.8448 9.6838 21.6906 10.3148 21.2533 10.7412L17.7699 14.1436L18.5775 18.8584L18.5931 18.9736C18.6478 19.5464 18.3779 20.1007 17.891 20.4297L17.889 20.4307C17.6043 20.62 17.2715 20.7168 16.9378 20.7168C16.6648 20.7167 16.3902 20.6513 16.1419 20.5225L12.0023 18.3418L7.86458 20.5215L7.86263 20.5225C7.61389 20.6512 7.33921 20.7167 7.06576 20.7168C6.7324 20.7168 6.39931 20.62 6.11458 20.4307L6.11263 20.4297C5.59345 20.0788 5.3213 19.4716 5.42708 18.8584L6.23372 14.1436L2.7513 10.7412C2.31316 10.3148 2.15945 9.68433 2.36068 9.11035L2.40267 9.00488C2.62686 8.49073 3.11484 8.12537 3.68587 8.04297L8.43587 7.35156L10.5003 3.16211L10.556 3.05859C10.8519 2.55722 11.4054 2.25008 12.0013 2.25Z",
-            fill: fill
+            fill: _color
         })
     });
 };

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

package/dist/web/Switch2Icon.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 Switch2Icon_Switch2Icon = ({ 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 Switch2Icon_Switch2Icon = ({ size = 16, width = size, height = size, color
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M5.46766 11.8358V7.70016C5.46766 7.08922 5.98461 6.57227 6.59555 6.57227H15.3837V8.12312C15.3837 8.45209 15.7127 8.64007 15.9946 8.49908L19.8013 6.14931C20.0833 6.00832 20.0833 5.58536 19.8013 5.39738L15.9946 3.04761C15.7127 2.90662 15.3837 3.0946 15.3837 3.42357V5.06841H6.59555C5.18569 5.06841 4.0108 6.2433 4.0108 7.65316V11.7888C4.0108 12.2117 4.33977 12.5407 4.76273 12.5407C5.18569 12.5407 5.46766 12.2117 5.46766 11.8358ZM19.2373 11.5068C18.8144 11.5068 18.4854 11.8358 18.4854 12.2587V16.3943C18.4854 17.0053 17.9685 17.5222 17.3575 17.5222H8.61636V15.8774C8.61636 15.5484 8.28739 15.3604 8.00542 15.5014L4.19878 17.8512C3.91681 17.9922 3.91681 18.4151 4.19878 18.6031L8.00542 20.9529C8.28739 21.0939 8.61636 20.9059 8.61636 20.5769V19.0261H17.4045C18.8144 19.0261 19.9893 17.8512 19.9893 16.4413V12.3057C19.9893 11.8358 19.6603 11.5068 19.2373 11.5068Z",
-            fill: fill
+            fill: _color
         })
     });
 };

package/dist/web/SwitchIcon.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 SwitchIcon_SwitchIcon = ({ 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 SwitchIcon_SwitchIcon = ({ size = 16, width = size, height = size, color =
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M20.0976 10.6504C20.6375 10.6504 20.998 10.29 20.998 9.75004C20.9979 9.21016 20.6375 8.85063 20.0976 8.85063H6.41983L10.289 4.98051C10.6489 4.62055 10.6489 4.0807 10.289 3.72074C10.109 3.54085 9.83902 3.45121 9.65909 3.45121C9.47911 3.45125 9.20915 3.54081 9.02921 3.72074L3.62979 9.12016C3.53983 9.21014 3.54008 9.30068 3.4501 9.39067C3.36024 9.66051 3.36016 9.9305 3.4501 10.1104C3.54014 10.2903 3.72042 10.4697 3.9003 10.5596C3.99024 10.6495 4.16963 10.6504 4.25967 10.6504H20.0976ZM13.7089 20.2793C14.0688 20.6389 14.6088 20.639 14.9687 20.2793L20.3681 14.8799C20.4581 14.7899 20.4578 14.6994 20.5478 14.6094C20.6377 14.3395 20.6377 14.0696 20.5478 13.8897C20.4578 13.7097 20.2775 13.5295 20.0976 13.4395C20.0075 13.3499 19.8281 13.3496 19.7382 13.3496H3.9003C3.36036 13.3496 2.99991 13.7101 2.99991 14.25C3.0001 14.7897 3.3605 15.1495 3.9003 15.1495H17.578L13.7089 19.0186C13.3489 19.3786 13.3489 19.9194 13.7089 20.2793Z",
-            fill: fill
+            fill: _color
         })
     });
 };

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

package/dist/web/TelegramIcon.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 TelegramIcon_TelegramIcon = ({ 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,
@@ -16,7 +15,7 @@ const TelegramIcon_TelegramIcon = ({ size = 16, width = size, height = size, col
                 clipPath: "url(#prefix__clip0_17425_22634)",
                 children: /*#__PURE__*/ jsx("path", {
                     d: "M19.1731 4C19.3265 4 19.6638 4.03349 19.8938 4.2334C20.0778 4.39999 20.1239 4.61662 20.1546 4.7832C20.1852 4.94986 20.2155 5.29995 20.1848 5.56641C19.9087 8.73194 18.7133 16.4118 18.0999 19.9434C17.8391 21.4424 17.3328 21.9422 16.8421 21.9922C15.7686 22.0921 14.9555 21.2262 13.928 20.4932C12.3025 19.3437 11.398 18.6269 9.81862 17.4941C7.99377 16.1948 9.17427 15.4785 10.2171 14.3125C10.493 14.0127 15.198 9.35093 15.2932 8.93164C15.3086 8.88166 15.3088 8.68101 15.2014 8.58105C15.0941 8.4811 14.9403 8.51453 14.8176 8.54785C14.6481 8.58182 12.0718 10.4479 7.05788 14.1289C6.32177 14.6787 5.66183 14.9454 5.06374 14.9287C4.40418 14.9119 3.14713 14.5284 2.19655 14.1953C1.04664 13.7956 0.126229 13.5792 0.202409 12.8799C0.248414 12.5134 0.708953 12.1468 1.56764 11.7637C6.93516 9.23147 10.5087 7.54873 12.303 6.73242C17.4096 4.41686 18.483 4.01666 19.1731 4Z",
-                    fill: fill
+                    fill: _color
                 })
             }),
             /*#__PURE__*/ jsx("defs", {

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

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

package/dist/web/ThemeSwitchIcon.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 ThemeSwitchIcon_ThemeSwitchIcon = ({ 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 ThemeSwitchIcon_ThemeSwitchIcon = ({ size = 16, width = size, height = siz
         children: [
             /*#__PURE__*/ jsx("path", {
                 d: "M19.6859 16.3813C20.0334 16.3829 20.3139 16.6657 20.3129 17.0132L20.3099 17.6187C20.3061 17.8327 20.2967 18.0547 20.2738 18.272C20.2273 18.7131 20.1207 19.1938 19.8568 19.6304C19.3271 20.5061 18.3211 20.9768 16.7064 21.0005L16.3754 20.9985L16.3109 20.9946C15.9942 20.9556 15.7524 20.6818 15.7592 20.356C15.7662 20.0299 16.02 19.7671 16.3383 19.7417L16.4027 19.7397L16.6927 19.7407C18.0827 19.721 18.5681 19.3263 18.7787 18.978C18.9094 18.7617 18.9853 18.4864 19.0219 18.1401C19.0591 17.7873 19.0516 17.4212 19.0531 17.0093L19.057 16.9448C19.0905 16.6274 19.3598 16.3801 19.6859 16.3813ZM6.46521 9.72803C6.66019 9.63134 6.89145 9.64184 7.07654 9.75635C7.26185 9.87119 7.37439 10.0745 7.37439 10.2925C7.37443 12.5777 7.94178 14.1694 8.96716 15.1948C9.99259 16.2202 11.5842 16.7876 13.8695 16.7876C14.0875 16.7876 14.2898 16.9001 14.4047 17.0854C14.5193 17.2706 14.5307 17.5017 14.434 17.6968C13.462 19.6526 11.4418 20.9995 9.10681 20.9995C5.82389 20.9993 3.16248 18.3372 3.16248 15.0542C3.16264 12.7194 4.50946 10.7 6.46521 9.72803ZM6.1615 11.4126C5.10035 12.2719 4.42237 13.5839 4.42224 15.0542C4.42224 17.6415 6.51957 19.7395 9.10681 19.7397C10.5773 19.7397 11.8891 19.0608 12.7484 17.9995C10.7935 17.8353 9.21189 17.2227 8.07556 16.0864C6.93907 14.9499 6.32557 13.368 6.1615 11.4126ZM17.9691 12.7124C18.1996 12.4819 18.5645 12.467 18.8119 12.6685L18.8597 12.7124L19.389 13.2417L19.432 13.2896C19.6337 13.5369 19.6196 13.9018 19.389 14.1323C19.1585 14.3628 18.7936 14.377 18.5463 14.1753L18.4984 14.1323L17.9691 13.603L17.9261 13.5552C17.7244 13.3078 17.7386 12.943 17.9691 12.7124ZM14.7103 5.64697C16.8119 5.64729 18.515 7.352 18.515 9.45361C18.5146 11.5549 16.8116 13.258 14.7103 13.2583C12.6088 13.2583 10.9041 11.5551 10.9037 9.45361C10.9037 7.3518 12.6085 5.64697 14.7103 5.64697ZM14.7103 6.90674C13.3042 6.90674 12.1635 8.04749 12.1635 9.45361C12.1638 10.8594 13.3044 11.9985 14.7103 11.9985C16.1159 11.9982 17.2549 10.8592 17.2552 9.45361C17.2552 8.04769 16.1162 6.90706 14.7103 6.90674ZM20.5961 8.82568C20.9135 8.85807 21.1605 9.12664 21.1605 9.45264C21.1604 9.77852 20.9134 10.0462 20.5961 10.0786L20.5306 10.0825H20.0023C19.6546 10.0825 19.3726 9.80038 19.3724 9.45264C19.3724 9.10479 19.6545 8.82275 20.0023 8.82275H20.5306L20.5961 8.82568ZM6.75427 4.11182C7.10157 4.1243 7.37273 4.41592 7.36072 4.76318C7.34837 5.11067 7.0568 5.38274 6.70935 5.37061C5.07326 5.31253 4.56283 5.70507 4.36072 6.02588C4.24144 6.21549 4.17098 6.4652 4.13611 6.79834C4.10018 7.14169 4.10657 7.49385 4.099 7.91553C4.09265 8.26308 3.8059 8.54068 3.45837 8.53467C3.11079 8.52832 2.83414 8.24064 2.84021 7.89307C2.84668 7.53269 2.83976 7.08263 2.88318 6.66748C2.92769 6.24214 3.02963 5.7756 3.29431 5.35498C3.86059 4.45531 4.96802 4.04835 6.75427 4.11182ZM18.5463 4.729C18.7935 4.52758 19.1575 4.5419 19.3881 4.77197C19.6186 5.00255 19.6337 5.36737 19.432 5.61475L19.3881 5.6626L18.8597 6.19189C18.6138 6.43776 18.2151 6.43764 17.9691 6.19189C17.7233 5.94593 17.7232 5.54717 17.9691 5.30127L18.4974 4.77197L18.5463 4.729ZM10.0306 4.77197C10.2612 4.54151 10.6261 4.52737 10.8734 4.729L10.9213 4.77197L11.4506 5.30127L11.4935 5.3501C11.6951 5.59744 11.681 5.96136 11.4506 6.19189C11.22 6.42246 10.8552 6.43657 10.6078 6.23486L10.5599 6.19189L10.0306 5.6626L9.98767 5.61572C9.78587 5.36834 9.80004 5.00258 10.0306 4.77197ZM14.7094 2.99951C15.057 2.99956 15.339 3.28178 15.3392 3.62939V4.15869C15.3392 4.5065 15.0572 4.78852 14.7094 4.78857C14.3615 4.78857 14.0795 4.50653 14.0795 4.15869V3.62939C14.0797 3.28175 14.3617 2.99951 14.7094 2.99951Z",
-                fill: fill
+                fill: _color
             }),
             /*#__PURE__*/ jsx("path", {
                 d: "M19.6859 16.3813L19.6864 16.2813L19.6863 16.2813L19.6859 16.3813ZM20.3129 17.0132L20.4129 17.0137L20.4129 17.0135L20.3129 17.0132ZM20.3099 17.6187L20.4099 17.6205L20.4099 17.6191L20.3099 17.6187ZM20.2738 18.272L20.3733 18.2825L20.3733 18.2825L20.2738 18.272ZM19.8568 19.6304L19.9424 19.6821L19.9424 19.6821L19.8568 19.6304ZM16.7064 21.0005L16.7058 21.1005L16.7079 21.1005L16.7064 21.0005ZM16.3754 20.9985L16.3693 21.0985L16.3748 21.0985L16.3754 20.9985ZM16.3109 20.9946L16.2987 21.0941L16.3049 21.0944L16.3109 20.9946ZM15.7592 20.356L15.6592 20.3538L15.6592 20.3539L15.7592 20.356ZM16.3383 19.7417L16.3352 19.6416L16.3303 19.642L16.3383 19.7417ZM16.4027 19.7397L16.403 19.6397L16.3997 19.6398L16.4027 19.7397ZM16.6927 19.7407L16.6924 19.8407L16.6942 19.8407L16.6927 19.7407ZM18.7787 18.978L18.8643 19.0298L18.8643 19.0297L18.7787 18.978ZM19.0219 18.1401L19.1213 18.1506L19.1213 18.1506L19.0219 18.1401ZM19.0531 17.0093L18.9531 17.0032L18.9531 17.0089L19.0531 17.0093ZM19.057 16.9448L18.9575 16.9343L18.9572 16.9388L19.057 16.9448ZM6.46521 9.72803L6.42079 9.63844L6.42071 9.63848L6.46521 9.72803ZM7.07654 9.75635L7.12921 9.67135L7.12915 9.67131L7.07654 9.75635ZM7.37439 10.2925L7.27439 10.2925L7.27439 10.2925L7.37439 10.2925ZM8.96716 15.1948L8.89645 15.2655L8.89646 15.2655L8.96716 15.1948ZM13.8695 16.7876L13.8695 16.6876H13.8695V16.7876ZM14.4047 17.0854L14.4897 17.0328L14.4897 17.0328L14.4047 17.0854ZM14.434 17.6968L14.5235 17.7413L14.5235 17.7412L14.434 17.6968ZM9.10681 20.9995L9.1068 21.0995L9.10681 21.0995L9.10681 20.9995ZM3.16248 15.0542L3.06248 15.0542V15.0542H3.16248ZM6.1615 11.4126L6.26115 11.4042L6.24536 11.216L6.09857 11.3349L6.1615 11.4126ZM4.42224 15.0542L4.32224 15.0542V15.0542H4.42224ZM9.10681 19.7397L9.1068 19.8397L9.10681 19.8397L9.10681 19.7397ZM12.7484 17.9995L12.8261 18.0624L12.945 17.9157L12.7568 17.8999L12.7484 17.9995ZM8.07556 16.0864L8.00485 16.1571L8.00485 16.1571L8.07556 16.0864ZM17.9691 12.7124L17.8984 12.6417L17.8984 12.6417L17.9691 12.7124ZM18.8119 12.6685L18.8796 12.5947L18.875 12.5909L18.8119 12.6685ZM18.8597 12.7124L18.9305 12.6416L18.9274 12.6387L18.8597 12.7124ZM19.389 13.2417L19.4636 13.1748L19.4597 13.171L19.389 13.2417ZM19.432 13.2896L19.5096 13.2263L19.5064 13.2227L19.432 13.2896ZM19.389 14.1323L19.4597 14.203L19.4597 14.203L19.389 14.1323ZM18.5463 14.1753L18.4794 14.2498L18.4831 14.2528L18.5463 14.1753ZM18.4984 14.1323L18.4276 14.2031L18.4316 14.2067L18.4984 14.1323ZM17.9691 13.603L17.8946 13.6699L17.8984 13.6737L17.9691 13.603ZM17.9261 13.5552L17.8486 13.6185L17.8517 13.622L17.9261 13.5552ZM14.7103 5.64697L14.7103 5.54697H14.7103V5.64697ZM18.515 9.45361L18.615 9.45363V9.45361H18.515ZM14.7103 13.2583L14.7103 13.3583L14.7103 13.3583L14.7103 13.2583ZM10.9037 9.45361L10.8037 9.45361L10.8037 9.45363L10.9037 9.45361ZM14.7103 6.90674L14.7103 6.80674H14.7103V6.90674ZM12.1635 9.45361L12.0635 9.45361L12.0635 9.45364L12.1635 9.45361ZM14.7103 11.9985L14.7103 12.0985L14.7103 12.0985L14.7103 11.9985ZM17.2552 9.45361L17.3552 9.45364V9.45361H17.2552ZM20.5961 8.82568L20.6062 8.72604L20.6005 8.72578L20.5961 8.82568ZM21.1605 9.45264L21.2605 9.45267V9.45264H21.1605ZM20.5961 10.0786L20.602 10.1785L20.6062 10.1781L20.5961 10.0786ZM20.5306 10.0825V10.1827L20.5366 10.1823L20.5306 10.0825ZM19.3724 9.45264L19.2724 9.45264L19.2724 9.45267L19.3724 9.45264ZM20.5306 8.82275L20.5351 8.72275H20.5306V8.82275ZM6.75427 4.11182L6.75786 4.01188L6.75782 4.01188L6.75427 4.11182ZM7.36072 4.76318L7.46065 4.76673L7.46066 4.76664L7.36072 4.76318ZM6.70935 5.37061L6.7058 5.47054L6.70586 5.47054L6.70935 5.37061ZM4.36072 6.02588L4.27611 5.97257L4.27607 5.97263L4.36072 6.02588ZM4.13611 6.79834L4.03665 6.78793L4.03665 6.78793L4.13611 6.79834ZM4.099 7.91553L4.19898 7.91735L4.19898 7.91732L4.099 7.91553ZM3.45837 8.53467L3.45655 8.63465L3.45664 8.63465L3.45837 8.53467ZM2.84021 7.89307L2.74023 7.89127L2.74023 7.89132L2.84021 7.89307ZM2.88318 6.66748L2.78372 6.65707L2.78372 6.65708L2.88318 6.66748ZM3.29431 5.35498L3.20968 5.30171L3.20967 5.30172L3.29431 5.35498ZM18.5463 4.729L18.4831 4.65142L18.4802 4.65393L18.5463 4.729ZM19.3881 4.77197L19.4588 4.70126L19.4587 4.70119L19.3881 4.77197ZM19.432 5.61475L19.5058 5.6825L19.5095 5.67795L19.432 5.61475ZM19.3881 5.6626L19.4589 5.7333L19.4617 5.73024L19.3881 5.6626ZM18.8597 6.19189L18.9304 6.26261L18.9305 6.26254L18.8597 6.19189ZM17.9691 6.19189L17.8984 6.26258L17.8984 6.26264L17.9691 6.19189ZM17.9691 5.30127L18.0398 5.37198L18.0399 5.37191L17.9691 5.30127ZM18.4974 4.77197L18.4312 4.69674L18.4267 4.70133L18.4974 4.77197ZM10.0306 4.77197L9.95994 4.70125L9.95993 4.70126L10.0306 4.77197ZM10.8734 4.729L10.9403 4.65451L10.9366 4.6515L10.8734 4.729ZM10.9213 4.77197L10.9921 4.70116L10.9881 4.69757L10.9213 4.77197ZM11.4506 5.30127L11.5258 5.23507L11.5213 5.23056L11.4506 5.30127ZM11.4935 5.3501L11.5711 5.28688L11.5686 5.28403L11.4935 5.3501ZM11.4506 6.19189L11.5213 6.26261L11.5213 6.26259L11.4506 6.19189ZM10.6078 6.23486L10.5409 6.30935L10.5446 6.31236L10.6078 6.23486ZM10.5599 6.19189L10.4891 6.26271L10.4931 6.2663L10.5599 6.19189ZM10.0306 5.6626L9.95685 5.73023L9.95993 5.73331L10.0306 5.6626ZM9.98767 5.61572L9.91005 5.67904L9.91396 5.6833L9.98767 5.61572ZM14.7094 2.99951L14.7094 2.89951H14.7094V2.99951ZM15.3392 3.62939L15.4392 3.62939L15.4392 3.62933L15.3392 3.62939ZM14.7094 4.78857L14.7094 4.88857L14.7094 4.88857L14.7094 4.78857ZM14.0795 3.62939L13.9795 3.62933V3.62939H14.0795ZM19.6859 16.3813L19.6855 16.4813C19.9777 16.4826 20.2137 16.7206 20.2129 17.0129L20.3129 17.0132L20.4129 17.0135C20.4141 16.6109 20.089 16.2831 19.6864 16.2813L19.6859 16.3813ZM20.3129 17.0132L20.2129 17.0127L20.2099 17.6182L20.3099 17.6187L20.4099 17.6191L20.4129 17.0137L20.3129 17.0132ZM20.3099 17.6187L20.21 17.6169C20.2061 17.8294 20.1968 18.0483 20.1744 18.2615L20.2738 18.272L20.3733 18.2825C20.3966 18.0612 20.406 17.8359 20.4099 17.6205L20.3099 17.6187ZM20.2738 18.272L20.1744 18.2615C20.1286 18.6951 20.0245 19.1595 19.7712 19.5786L19.8568 19.6304L19.9424 19.6821C20.2168 19.228 20.3259 18.7311 20.3733 18.2825L20.2738 18.272ZM19.8568 19.6304L19.7712 19.5786C19.2668 20.4126 18.3024 20.8771 16.705 20.9005L16.7064 21.0005L16.7079 21.1005C18.3397 21.0765 19.3874 20.5996 19.9424 19.6821L19.8568 19.6304ZM16.7064 21.0005L16.707 20.9005L16.376 20.8985L16.3754 20.9985L16.3748 21.0985L16.7058 21.1005L16.7064 21.0005ZM16.3754 20.9985L16.3814 20.8987L16.317 20.8948L16.3109 20.9946L16.3049 21.0944L16.3693 21.0984L16.3754 20.9985ZM16.3109 20.9946L16.3232 20.8954C16.057 20.8626 15.8534 20.6322 15.8591 20.358L15.7592 20.356L15.6592 20.3539C15.6513 20.7314 15.9315 21.0486 16.2987 21.0939L16.3109 20.9946ZM15.7592 20.356L15.8591 20.3581C15.865 20.084 16.0785 19.8628 16.3462 19.8414L16.3383 19.7417L16.3303 19.642C15.9615 19.6715 15.6673 19.9759 15.6592 20.3538L15.7592 20.356ZM16.3383 19.7417L16.3413 19.8417L16.4057 19.8397L16.4027 19.7397L16.3997 19.6398L16.3352 19.6417L16.3383 19.7417ZM16.4027 19.7397L16.4024 19.8397L16.6924 19.8407L16.6927 19.7407L16.6931 19.6407L16.403 19.6397L16.4027 19.7397ZM16.6927 19.7407L16.6942 19.8407C18.1025 19.8207 18.6288 19.4191 18.8643 19.0298L18.7787 18.978L18.6931 18.9263C18.5074 19.2334 18.063 19.6213 16.6913 19.6407L16.6927 19.7407ZM18.7787 18.978L18.8643 19.0297C19.0054 18.7962 19.0839 18.5048 19.1213 18.1506L19.0219 18.1401L18.9224 18.1296C18.8867 18.4681 18.8133 18.7273 18.6931 18.9263L18.7787 18.978ZM19.0219 18.1401L19.1213 18.1506C19.1592 17.7912 19.1516 17.4179 19.1531 17.0096L19.0531 17.0093L18.9531 17.0089C18.9516 17.4246 18.9589 17.7833 18.9224 18.1296L19.0219 18.1401ZM19.0531 17.0093L19.1529 17.0153L19.1568 16.9509L19.057 16.9448L18.9572 16.9388L18.9533 17.0032L19.0531 17.0093ZM19.057 16.9448L19.1565 16.9553C19.1846 16.6883 19.4114 16.4803 19.6855 16.4813L19.6859 16.3813L19.6863 16.2813C19.3083 16.2799 18.9963 16.5665 18.9576 16.9343L19.057 16.9448ZM6.46521 9.72803L6.50963 9.81762C6.67377 9.73623 6.86833 9.74513 7.02393 9.84139L7.07654 9.75635L7.12915 9.67131C6.91457 9.53855 6.64662 9.52646 6.42079 9.63844L6.46521 9.72803ZM7.07654 9.75635L7.02386 9.84135C7.17958 9.93785 7.27439 10.1089 7.27439 10.2925H7.37439H7.47439C7.47439 10.0401 7.34412 9.80453 7.12921 9.67135L7.07654 9.75635ZM7.37439 10.2925L7.27439 10.2925C7.27443 12.593 7.84565 14.2147 8.89645 15.2655L8.96716 15.1948L9.03787 15.1241C8.03791 14.1241 7.47443 12.5624 7.47439 10.2925L7.37439 10.2925ZM8.96716 15.1948L8.89646 15.2655C9.9473 16.3163 11.5689 16.8876 13.8695 16.8876V16.7876V16.6876C11.5995 16.6876 10.0379 16.124 9.03787 15.1241L8.96716 15.1948ZM13.8695 16.7876L13.8695 16.8876C14.0529 16.8876 14.2231 16.9823 14.3197 17.1381L14.4047 17.0854L14.4897 17.0328C14.3566 16.818 14.1221 16.6876 13.8695 16.6876L13.8695 16.7876ZM14.4047 17.0854L14.3196 17.1381C14.4162 17.294 14.4257 17.4884 14.3444 17.6523L14.434 17.6968L14.5235 17.7412C14.6358 17.515 14.6224 17.2472 14.4897 17.0328L14.4047 17.0854ZM14.434 17.6968L14.3444 17.6523C13.3887 19.5754 11.4023 20.8995 9.10681 20.8995L9.10681 20.9995L9.10681 21.0995C11.4812 21.0995 13.5353 19.7298 14.5235 17.7413L14.434 17.6968ZM9.10681 20.9995L9.10682 20.8995C5.87913 20.8993 3.26248 18.282 3.26248 15.0542H3.16248H3.06248C3.06248 18.3924 5.76865 21.0993 9.1068 21.0995L9.10681 20.9995ZM3.16248 15.0542L3.26248 15.0542C3.26263 12.7588 4.58661 10.7733 6.50971 9.81758L6.46521 9.72803L6.42071 9.63848C4.4323 10.6266 3.06264 12.6799 3.06248 15.0542L3.16248 15.0542ZM6.1615 11.4126L6.09857 11.3349C5.01501 12.2124 4.32237 13.5524 4.32224 15.0542L4.42224 15.0542L4.52224 15.0542C4.52237 13.6154 5.1857 12.3315 6.22443 11.4903L6.1615 11.4126ZM4.42224 15.0542H4.32224C4.32224 17.6967 6.46432 19.8395 9.1068 19.8397L9.10681 19.7397L9.10682 19.6397C6.57482 19.6395 4.52224 17.5863 4.52224 15.0542H4.42224ZM9.10681 19.7397L9.10681 19.8397C10.6088 19.8397 11.9487 19.1461 12.8261 18.0624L12.7484 17.9995L12.6707 17.9366C11.8295 18.9755 10.5458 19.6397 9.10681 19.6397L9.10681 19.7397ZM12.7484 17.9995L12.7568 17.8999C10.8177 17.737 9.26115 17.1305 8.14627 16.0157L8.07556 16.0864L8.00485 16.1571C9.16263 17.3148 10.7693 17.9337 12.74 18.0992L12.7484 17.9995ZM8.07556 16.0864L8.14627 16.0157C7.03122 14.9007 6.42389 13.3437 6.26115 11.4042L6.1615 11.4126L6.06185 11.421C6.22726 13.3922 6.84693 14.9992 8.00485 16.1571L8.07556 16.0864ZM17.9691 12.7124L18.0398 12.7831C18.2337 12.5892 18.5408 12.5767 18.7487 12.746L18.8119 12.6685L18.875 12.5909C18.5882 12.3573 18.1654 12.3747 17.8984 12.6417L17.9691 12.7124ZM18.8119 12.6685L18.7442 12.7421L18.7921 12.7861L18.8597 12.7124L18.9274 12.6387L18.8795 12.5948L18.8119 12.6685ZM18.8597 12.7124L18.789 12.7831L19.3183 13.3124L19.389 13.2417L19.4597 13.171L18.9305 12.6417L18.8597 12.7124ZM19.389 13.2417L19.3146 13.3085L19.3576 13.3564L19.432 13.2896L19.5064 13.2227L19.4634 13.1749L19.389 13.2417ZM19.432 13.2896L19.3545 13.3527C19.5242 13.5608 19.5122 13.8678 19.3183 14.0616L19.389 14.1323L19.4597 14.203C19.727 13.9357 19.7433 13.513 19.5095 13.2264L19.432 13.2896ZM19.389 14.1323L19.3183 14.0616C19.1245 14.2554 18.8175 14.2674 18.6095 14.0978L18.5463 14.1753L18.4831 14.2528C18.7697 14.4865 19.1925 14.4702 19.4597 14.203L19.389 14.1323ZM18.5463 14.1753L18.6131 14.1009L18.5652 14.0579L18.4984 14.1323L18.4316 14.2067L18.4795 14.2497L18.5463 14.1753ZM18.4984 14.1323L18.5691 14.0616L18.0398 13.5323L17.9691 13.603L17.8984 13.6737L18.4277 14.203L18.4984 14.1323ZM17.9691 13.603L18.0435 13.5362L18.0006 13.4884L17.9261 13.5552L17.8517 13.622L17.8947 13.6698L17.9691 13.603ZM17.9261 13.5552L18.0036 13.492C17.8339 13.2839 17.846 12.977 18.0398 12.7831L17.9691 12.7124L17.8984 12.6417C17.6312 12.909 17.6148 13.3317 17.8487 13.6184L17.9261 13.5552ZM14.7103 5.64697L14.7103 5.74697C16.7566 5.74728 18.415 7.40718 18.415 9.45361H18.515H18.615C18.615 7.29682 16.8671 5.5473 14.7103 5.54697L14.7103 5.64697ZM18.515 9.45361L18.415 9.45359C18.4146 11.4997 16.7564 13.158 14.7103 13.1583L14.7103 13.2583L14.7103 13.3583C16.8669 13.358 18.6146 11.6101 18.615 9.45363L18.515 9.45361ZM14.7103 13.2583V13.1583C12.6639 13.1583 11.0041 11.4998 11.0037 9.45359L10.9037 9.45361L10.8037 9.45363C10.8041 11.6104 12.5536 13.3583 14.7103 13.3583V13.2583ZM10.9037 9.45361H11.0037C11.0037 7.40703 12.6637 5.74697 14.7103 5.74697V5.64697V5.54697C12.5533 5.54697 10.8037 7.29658 10.8037 9.45361H10.9037ZM14.7103 6.90674V6.80674C13.249 6.80674 12.0635 7.99226 12.0635 9.45361H12.1635H12.2635C12.2635 8.10272 13.3594 7.00674 14.7103 7.00674V6.90674ZM12.1635 9.45361L12.0635 9.45364C12.0639 10.9147 13.2493 12.0985 14.7103 12.0985V11.9985V11.8985C13.3596 11.8985 12.2638 10.8041 12.2635 9.45359L12.1635 9.45361ZM14.7103 11.9985L14.7103 12.0985C16.1712 12.0982 17.3548 10.9144 17.3552 9.45364L17.2552 9.45361L17.1552 9.45359C17.1549 10.804 16.0607 11.8982 14.7103 11.8985L14.7103 11.9985ZM17.2552 9.45361H17.3552C17.3552 7.99253 16.1715 6.80707 14.7103 6.80674L14.7103 6.90674L14.7103 7.00674C16.0609 7.00705 17.1552 8.10284 17.1552 9.45361H17.2552ZM20.5961 8.82568L20.5859 8.92517C20.8526 8.95238 21.0605 9.17823 21.0605 9.45264H21.1605H21.2605C21.2605 9.07504 20.9744 8.76377 20.6062 8.7262L20.5961 8.82568ZM21.1605 9.45264L21.0605 9.4526C21.0604 9.72675 20.8527 9.95189 20.5859 9.97913L20.5961 10.0786L20.6062 10.1781C20.9741 10.1405 21.2604 9.83029 21.2605 9.45267L21.1605 9.45264ZM20.5961 10.0786L20.5901 9.97879L20.5247 9.9827L20.5306 10.0825L20.5366 10.1823L20.602 10.1784L20.5961 10.0786ZM20.5306 10.0825V9.98252H20.0023V10.0825V10.1825H20.5306V10.0825ZM20.0023 10.0825V9.98252C19.7098 9.98252 19.4725 9.74517 19.4724 9.4526L19.3724 9.45264L19.2724 9.45267C19.2726 9.85558 19.5993 10.1825 20.0023 10.1825V10.0825ZM19.3724 9.45264H19.4724C19.4724 9.16002 19.7097 8.92275 20.0023 8.92275V8.82275V8.72275C19.5992 8.72275 19.2724 9.04957 19.2724 9.45264H19.3724ZM20.0023 8.82275V8.92275H20.5306V8.82275V8.72275H20.0023V8.82275ZM20.5306 8.82275L20.5262 8.92265L20.5916 8.92558L20.5961 8.82568L20.6005 8.72578L20.5351 8.72285L20.5306 8.82275ZM6.75427 4.11182L6.75068 4.21175C7.04271 4.22225 7.27088 4.46748 7.26078 4.75973L7.36072 4.76318L7.46066 4.76664C7.47457 4.36435 7.16042 4.02635 6.75786 4.01188L6.75427 4.11182ZM7.36072 4.76318L7.26078 4.75963C7.25039 5.05203 7.00504 5.28087 6.71284 5.27067L6.70935 5.37061L6.70586 5.47054C7.10856 5.48461 7.44635 5.16932 7.46065 4.76673L7.36072 4.76318ZM6.70935 5.37061L6.7129 5.27067C5.06439 5.21215 4.50696 5.60615 4.27611 5.97257L4.36072 6.02588L4.44533 6.07918C4.6187 5.804 5.08213 5.41291 6.7058 5.47054L6.70935 5.37061ZM4.36072 6.02588L4.27607 5.97263C4.14529 6.18054 4.07229 6.44741 4.03665 6.78793L4.13611 6.79834L4.23557 6.80875C4.26966 6.48299 4.3376 6.25044 4.44536 6.07912L4.36072 6.02588ZM4.13611 6.79834L4.03665 6.78793C4.00013 7.13699 4.0065 7.49704 3.99902 7.91373L4.099 7.91553L4.19898 7.91732C4.20665 7.49066 4.20024 7.14638 4.23557 6.80875L4.13611 6.79834ZM4.099 7.91553L3.99902 7.9137C3.99367 8.20626 3.75227 8.43974 3.4601 8.43468L3.45837 8.53467L3.45664 8.63465C3.85954 8.64163 4.19163 8.3199 4.19898 7.91735L4.099 7.91553ZM3.45837 8.53467L3.4602 8.43468C3.16799 8.42934 2.93508 8.18739 2.94019 7.89481L2.84021 7.89307L2.74023 7.89132C2.73319 8.29389 3.05358 8.62729 3.45655 8.63465L3.45837 8.53467ZM2.84021 7.89307L2.94019 7.89486C2.94675 7.52966 2.93982 7.08733 2.98264 6.67788L2.88318 6.66748L2.78372 6.65708C2.73971 7.07793 2.74661 7.53572 2.74023 7.89127L2.84021 7.89307ZM2.88318 6.66748L2.98264 6.67789C3.02638 6.25988 3.1258 5.81053 3.37895 5.40824L3.29431 5.35498L3.20967 5.30172C2.93346 5.74067 2.829 6.2244 2.78372 6.65707L2.88318 6.66748ZM3.29431 5.35498L3.37894 5.40825C3.9162 4.55469 4.976 4.1487 6.75072 4.21175L6.75427 4.11182L6.75782 4.01188C4.96004 3.948 3.80499 4.35592 3.20968 5.30171L3.29431 5.35498ZM18.5463 4.729L18.6094 4.80653C18.8173 4.63715 19.1235 4.64925 19.3174 4.84276L19.3881 4.77197L19.4587 4.70119C19.1915 4.43455 18.7696 4.418 18.4831 4.65148L18.5463 4.729ZM19.3881 4.77197L19.3174 4.84268C19.5114 5.03675 19.524 5.34369 19.3545 5.55155L19.432 5.61475L19.5095 5.67795C19.7435 5.39105 19.7259 4.96835 19.4588 4.70126L19.3881 4.77197ZM19.432 5.61475L19.3584 5.54711L19.3144 5.59496L19.3881 5.6626L19.4617 5.73024L19.5057 5.68239L19.432 5.61475ZM19.3881 5.6626L19.3173 5.59195L18.789 6.12125L18.8597 6.19189L18.9305 6.26254L19.4588 5.73324L19.3881 5.6626ZM18.8597 6.19189L18.789 6.12118C18.5822 6.32797 18.2467 6.32792 18.0398 6.12115L17.9691 6.19189L17.8984 6.26264C18.1834 6.54737 18.6455 6.54755 18.9304 6.26261L18.8597 6.19189ZM17.9691 6.19189L18.0399 6.12121C17.8331 5.91427 17.833 5.57881 18.0398 5.37198L17.9691 5.30127L17.8984 5.23056C17.6135 5.51554 17.6136 5.97759 17.8984 6.26258L17.9691 6.19189ZM17.9691 5.30127L18.0399 5.37191L18.5682 4.84262L18.4974 4.77197L18.4267 4.70133L17.8983 5.23062L17.9691 5.30127ZM18.4974 4.77197L18.5635 4.84704L18.6123 4.80408L18.5463 4.729L18.4802 4.65393L18.4314 4.6969L18.4974 4.77197ZM10.0306 4.77197L10.1013 4.8427C10.2952 4.64893 10.6022 4.63691 10.8102 4.80651L10.8734 4.729L10.9366 4.6515C10.65 4.41783 10.2272 4.43409 9.95994 4.70125L10.0306 4.77197ZM10.8734 4.729L10.8066 4.80341L10.8545 4.84638L10.9213 4.77197L10.9881 4.69757L10.9402 4.6546L10.8734 4.729ZM10.9213 4.77197L10.8506 4.84268L11.3799 5.37198L11.4506 5.30127L11.5213 5.23056L10.992 4.70126L10.9213 4.77197ZM11.4506 5.30127L11.3755 5.36733L11.4185 5.41616L11.4935 5.3501L11.5686 5.28403L11.5256 5.23521L11.4506 5.30127ZM11.4935 5.3501L11.416 5.41327C11.5856 5.62133 11.5736 5.92738 11.3798 6.1212L11.4506 6.19189L11.5213 6.26259C11.7884 5.99535 11.8046 5.57355 11.571 5.28693L11.4935 5.3501ZM11.4506 6.19189L11.3799 6.12118C11.186 6.31503 10.8791 6.32704 10.671 6.15736L10.6078 6.23486L10.5446 6.31236C10.8313 6.54611 11.254 6.52989 11.5213 6.26261L11.4506 6.19189ZM10.6078 6.23486L10.6746 6.16046L10.6267 6.11749L10.5599 6.19189L10.4931 6.2663L10.541 6.30927L10.6078 6.23486ZM10.5599 6.19189L10.6306 6.12118L10.1014 5.59189L10.0306 5.6626L9.95993 5.73331L10.4892 6.26261L10.5599 6.19189ZM10.0306 5.6626L10.1044 5.59503L10.0614 5.54815L9.98767 5.61572L9.91396 5.6833L9.95692 5.73017L10.0306 5.6626ZM9.98767 5.61572L10.0652 5.55251C9.89541 5.34443 9.90746 5.03657 10.1014 4.84268L10.0306 4.77197L9.95993 4.70126C9.69261 4.96858 9.67632 5.39226 9.91018 5.67893L9.98767 5.61572ZM14.7094 2.99951L14.7093 3.09951C15.0017 3.09955 15.239 3.33697 15.2392 3.62946L15.3392 3.62939L15.4392 3.62933C15.439 3.22659 15.1123 2.89957 14.7094 2.89951L14.7094 2.99951ZM15.3392 3.62939H15.2392V4.15869H15.3392H15.4392V3.62939H15.3392ZM15.3392 4.15869H15.2392C15.2392 4.45126 15.0019 4.68853 14.7093 4.68857L14.7094 4.78857L14.7094 4.88857C15.1124 4.88852 15.4392 4.56175 15.4392 4.15869H15.3392ZM14.7094 4.78857V4.68857C14.4167 4.68857 14.1795 4.4513 14.1795 4.15869H14.0795H13.9795C13.9795 4.56176 14.3063 4.88857 14.7094 4.88857V4.78857ZM14.0795 4.15869H14.1795V3.62939H14.0795H13.9795V4.15869H14.0795ZM14.0795 3.62939L14.1795 3.62946C14.1797 3.33693 14.4169 3.09951 14.7094 3.09951V2.99951V2.89951C14.3064 2.89951 13.9797 3.22657 13.9795 3.62933L14.0795 3.62939Z",
-                fill: fill
+                fill: _color
             })
         ]
     });

package/dist/web/TicketIcon.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 TicketIcon_TicketIcon = ({ 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 TicketIcon_TicketIcon = ({ size = 16, width = size, height = size, color =
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M9.01778 22C9.20955 21.3435 9.60334 20.7677 10.1406 20.3584C10.6779 19.949 11.33 19.7279 12 19.7279C12.67 19.7279 13.3221 19.949 13.8594 20.3584C14.3967 20.7677 14.7905 21.3435 14.9822 22L19.1111 22C19.3469 22 19.573 21.9042 19.7397 21.7337C19.9064 21.5632 20 21.332 20 21.0909L20 2.90909C20 2.66798 19.9064 2.43676 19.7397 2.26627C19.573 2.09578 19.3469 2 19.1111 2H15.528L14.9822 2.00045C14.7905 2.65699 14.3967 3.23273 13.8594 3.64207C13.3221 4.05141 12.67 4.27251 12 4.27251C11.33 4.27251 10.6779 4.05141 10.1406 3.64207C9.60334 3.23273 9.20955 2.65699 9.01778 2.00045H8.472L4.88889 2C4.65314 2 4.42705 2.09578 4.26035 2.26627C4.09365 2.43676 4 2.66798 4 2.90909L4 21.0909C4 21.332 4.09365 21.5632 4.26035 21.7337C4.42705 21.9042 4.65314 22 4.88889 22H9.01778ZM18.6667 20.6364L15.8493 20.6355C15.4592 19.9445 14.8981 19.3707 14.2224 18.9719C13.5467 18.5731 12.7802 18.3633 12 18.3636C10.3556 18.3636 8.91911 19.2773 8.15067 20.6355L5.33333 20.6364L5.33333 10.6364H6.66667V9.27273H5.33333L5.33333 3.36364H8.15022C8.91911 4.72273 10.3547 5.63636 12 5.63636C12.7803 5.63669 13.547 5.4268 14.2228 5.02783C14.8986 4.62886 15.4598 4.05487 15.8498 3.36364H18.6667L18.6667 9.27273H17.3333V10.6364H18.6667V20.6364ZM11.1111 10.6364V9.27273L8.44444 9.27273V10.6364L11.1111 10.6364ZM15.5556 10.6364V9.27273H12.8889V10.6364H15.5556Z",
-            fill: fill
+            fill: _color
         })
     });
 };

package/dist/web/TiktokIcon.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 TiktokIcon_TiktokIcon = ({ 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,23 +13,23 @@ const TiktokIcon_TiktokIcon = ({ size = 16, width = size, height = size, color =
         children: [
             /*#__PURE__*/ jsx("path", {
                 d: "M10.2681 10.0835V9.38005C10.028 9.34139 9.7855 9.3202 9.54247 9.31666C7.18952 9.31155 5.1064 10.8625 4.3998 13.1452C3.69321 15.428 4.52726 17.913 6.4586 19.2798C5.75037 18.5089 5.27666 17.5459 5.09465 16.5071C4.91265 15.4684 5.03011 14.3983 5.43288 13.4259C5.83565 12.4536 6.5065 11.6206 7.36445 11.0275C8.22241 10.4344 9.23079 10.1066 10.2679 10.0836L10.2681 10.0835Z",
-                fill: fill
+                fill: _color
             }),
             /*#__PURE__*/ jsx("path", {
                 d: "M10.3984 18.0517C11.7139 18.0499 12.7953 16.9957 12.8529 15.6589V3.7297H14.9955C14.9518 3.48043 14.9309 3.22756 14.9332 2.97437L12.0025 2.97437V14.8921C11.9538 16.2357 10.8698 17.3 9.54801 17.3021C9.153 17.2987 8.76443 17.1999 8.41431 17.0139C8.64123 17.3336 8.93923 17.5943 9.28403 17.7747C9.62883 17.955 10.0107 18.05 10.3984 18.0517ZM18.9976 7.77716V7.1141C18.209 7.11442 17.4379 6.87775 16.7812 6.43381C17.3569 7.11458 18.1349 7.58614 18.9976 7.77716Z",
-                fill: fill
+                fill: _color
             }),
             /*#__PURE__*/ jsx("path", {
                 d: "M16.7829 6.43234C16.1359 5.683 15.7792 4.7197 15.7796 3.72241H14.9972C15.0983 4.2738 15.3087 4.79847 15.6157 5.26439C15.9227 5.73031 16.3199 6.12771 16.7829 6.43234ZM9.54408 12.2961C8.9954 12.2989 8.4634 12.4882 8.03266 12.8339C7.60192 13.1796 7.29716 13.6619 7.16684 14.204C7.03652 14.7461 7.08811 15.317 7.31342 15.8258C7.53873 16.3347 7.92482 16.7524 8.4103 17.0124C8.14487 16.6396 7.98591 16.1995 7.951 15.7406C7.91608 15.2817 8.00657 14.8219 8.21247 14.412C8.41836 14.0021 8.73165 13.6581 9.11771 13.418C9.50377 13.1779 9.94758 13.051 10.4001 13.0513C10.6461 13.0546 10.8904 13.0935 11.1256 13.167V10.1339C10.8854 10.0973 10.643 10.078 10.4001 10.0763H10.2697V12.3825C10.0332 12.318 9.78879 12.2889 9.54408 12.2961Z",
-                fill: fill
+                fill: _color
             }),
             /*#__PURE__*/ jsx("path", {
                 d: "M18.9988 7.7771V10.0834C17.539 10.0805 16.117 9.61053 14.9344 8.73999V14.7998C14.9281 17.8235 12.5164 20.2714 9.54359 20.2714C8.4395 20.2735 7.362 19.927 6.45972 19.2797C7.19547 20.0846 8.15249 20.6455 9.20611 20.8894C10.2597 21.1332 11.3611 21.0486 12.3668 20.6467C13.3725 20.2448 14.2359 19.5441 14.8446 18.636C15.4532 17.7278 15.7788 16.6543 15.7791 15.5553V9.51265C16.9657 10.3775 18.3893 10.8413 19.8491 10.8388V7.86914C19.5633 7.86828 19.2784 7.83743 18.9988 7.7771Z",
-                fill: fill
+                fill: _color
             }),
             /*#__PURE__*/ jsx("path", {
                 d: "M14.9349 14.7984V8.73858C16.1211 9.60417 17.5451 10.0681 19.005 10.0647V7.75845C18.1425 7.57319 17.3626 7.10777 16.7829 6.43234C16.3199 6.12771 15.9228 5.73031 15.6158 5.26439C15.3088 4.79847 15.0983 4.2738 14.9973 3.72241H12.8546V15.6576C12.8338 16.1771 12.6543 16.6771 12.3412 17.0882C12.0281 17.4992 11.5969 17.8008 11.1075 17.951C10.6182 18.1013 10.0949 18.0928 9.6105 17.9266C9.1261 17.7605 8.70461 17.445 8.4046 17.024C7.91903 16.7641 7.53286 16.3464 7.30749 15.8375C7.08213 15.3286 7.0305 14.7577 7.16083 14.2155C7.29116 13.6733 7.59597 13.191 8.02677 12.8453C8.45757 12.4996 8.98964 12.3103 9.53838 12.3075C9.78448 12.3098 10.0289 12.3486 10.264 12.4229V10.1166C9.22129 10.1346 8.20628 10.4607 7.3427 11.0553C6.47912 11.6499 5.80428 12.4872 5.40046 13.4651C4.99665 14.4431 4.8813 15.5194 5.06849 16.5629C5.25567 17.6063 5.73731 18.5718 6.45467 19.3417C7.36581 19.9676 8.44484 20.2918 9.54411 20.27C12.5169 20.27 14.9287 17.8221 14.9349 14.7984Z",
-                fill: getColor('bg-default')
+                fill: getHexColorFromCSSVariable('bg-default')
             })
         ]
     });