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

package/dist/web/Clock1Icon.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 Clock1Icon = ({ 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 Clock1Icon = ({ size = 16, width = size, height = size, color = 'currentCo
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M12.5335 3.58447C17.1813 3.58447 20.9483 7.35179 20.9485 11.9995C20.9485 16.6474 17.1814 20.4155 12.5335 20.4155C7.88583 20.4152 4.11841 16.6472 4.11841 11.9995C4.11847 10.8363 4.35732 9.70682 4.80786 8.66455L4.04907 9.00342C3.8759 9.0764 3.67893 9.07931 3.50415 9.01025C3.32958 8.94109 3.18895 8.80582 3.11255 8.63428C3.03615 8.46256 3.03033 8.26743 3.09594 8.09131C3.1616 7.91527 3.29404 7.77172 3.46411 7.69189L3.46509 7.69092L5.80689 6.64795L5.82154 6.64209H5.82545C5.9948 6.57178 6.18503 6.56856 6.3567 6.63428C6.53393 6.70231 6.67675 6.83789 6.75416 7.01123L7.80104 9.36182C7.8426 9.44825 7.86674 9.54239 7.87135 9.63818C7.87595 9.73385 7.86136 9.82952 7.82838 9.91943C7.79532 10.0094 7.74445 10.0926 7.67897 10.1626C7.6135 10.2325 7.53406 10.2887 7.44655 10.3276C7.35906 10.3665 7.26393 10.3874 7.16822 10.3892C7.07259 10.3908 6.97673 10.374 6.88795 10.3384C6.79916 10.3027 6.71859 10.2486 6.65064 10.1812C6.58294 10.1139 6.5288 10.034 6.49244 9.9458L6.14869 9.17529C5.7551 10.0644 5.54952 11.026 5.55103 11.9995C5.55103 15.8551 8.67793 18.9816 12.5335 18.9819C16.3893 18.9819 19.5159 15.8547 19.5159 11.9995C19.5157 8.14455 16.3885 5.01807 12.5335 5.01807H12.5315C12.3457 5.01196 12.1687 4.93378 12.0393 4.80029C11.91 4.66662 11.8372 4.48727 11.8372 4.30127C11.8372 4.11524 11.91 3.93594 12.0393 3.80225C12.1687 3.66872 12.3457 3.59058 12.5315 3.58447H12.5335ZM11.5315 7.58838C11.7283 7.5884 11.9177 7.66697 12.0569 7.80615C12.1957 7.94524 12.2736 8.13405 12.2737 8.33057V12.9263H15.5354C15.7321 12.9264 15.9208 13.0049 16.0599 13.144C16.1988 13.2832 16.2776 13.4718 16.2776 13.6685C16.2775 13.8651 16.1989 14.0548 16.0599 14.1938C15.9208 14.3327 15.7319 14.4105 15.5354 14.4106H11.5315C11.335 14.4106 11.1462 14.3326 11.0071 14.1938C10.868 14.0548 10.7895 13.8651 10.7893 13.6685V8.33057C10.7894 8.1339 10.8681 7.94527 11.0071 7.80615C11.1462 7.66701 11.3348 7.58844 11.5315 7.58838Z",
-            fill: fill
+            fill: _color
         })
     });
 };

package/dist/web/ClockIcon.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 ClockIcon_ClockIcon = ({ 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 ClockIcon_ClockIcon = ({ size = 16, width = size, height = size, color = '
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M21.377 12.6396C21.3672 17.8193 17.1602 22.0107 11.9805 22.001C6.80078 21.9912 2.61133 17.7822 2.62109 12.6025C2.63105 7.42301 6.83801 3.23144 12.0176 3.24121C13.3632 3.24512 14.6914 3.53617 15.9121 4.09668L15.4453 3.04395C15.2697 2.68462 15.4181 2.25093 15.7754 2.0752C16.1327 1.89957 16.5683 2.0481 16.7441 2.40527C16.7519 2.4208 16.7598 2.43855 16.7656 2.4541L17.9395 5.09277C18.1015 5.45796 17.9374 5.88375 17.5742 6.04785L14.9297 7.23145C14.5703 7.40527 14.1387 7.25293 13.9648 6.89355C13.7912 6.53424 13.9435 6.10249 14.3027 5.92871L14.3437 5.91113L15.3848 5.44629C11.4122 3.56557 6.66999 5.26294 4.79102 9.2334C2.91213 13.2041 4.60752 17.9462 8.57812 19.8271C12.5488 21.7061 17.291 20.0107 19.1719 16.04C19.6757 14.9776 19.9355 13.8153 19.9355 12.6396C19.9357 12.2414 20.2579 11.9189 20.6562 11.9189C21.0546 11.9189 21.3768 12.2414 21.377 12.6396ZM16.5039 14.752C16.5039 15.166 16.1699 15.5039 15.7559 15.5039L11.25 15.5039C10.8359 15.5039 10.5 15.168 10.5 14.7539L10.5 8.75C10.5001 8.33599 10.836 8 11.25 8C11.664 8 11.9999 8.33599 12 8.75L12 14.0039L15.752 14.0039C16.166 14.0039 16.5038 14.3379 16.5039 14.752Z",
-            fill: fill
+            fill: _color
         })
     });
 };

package/dist/web/CloseIcon.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 CloseIcon_CloseIcon = ({ 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 CloseIcon_CloseIcon = ({ size = 16, width = size, height = size, color = '
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M5.29102 5.29102C5.47727 5.105 5.72974 5.00052 5.99298 5.00052C6.25621 5.00052 6.50868 5.105 6.69494 5.29102L11.9993 10.5941L17.3051 5.29102C17.4733 5.1228 17.6962 5.02051 17.9335 5.00277C18.1707 4.98503 18.4064 5.053 18.5977 5.19434L18.709 5.29102C18.895 5.47727 18.9995 5.72974 18.9995 5.99298C18.9995 6.25621 18.895 6.50868 18.709 6.69494L13.4046 11.9993L18.709 17.3051C18.8772 17.4733 18.9795 17.6962 18.9972 17.9335C19.015 18.1707 18.947 18.4064 18.8057 18.5977L18.709 18.709C18.5227 18.895 18.2703 18.9995 18.007 18.9995C17.7438 18.9995 17.4913 18.895 17.3051 18.709L11.9993 13.4046L6.69494 18.709C6.52675 18.8772 6.30377 18.9795 6.06655 18.9972C5.82933 19.015 5.59362 18.947 5.40228 18.8057L5.29102 18.709C5.105 18.5227 5.00052 18.2703 5.00052 18.007C5.00052 17.7438 5.105 17.4913 5.29102 17.3051L10.5941 11.9993L5.29102 6.69494C5.1228 6.52675 5.02051 6.30377 5.00277 6.06655C4.98503 5.82933 5.053 5.59362 5.19434 5.40228L5.29102 5.29102Z",
-            fill: fill
+            fill: _color
         })
     });
 };

package/dist/web/ClothesIcon.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 ClothesIcon_ClothesIcon = ({ 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 ClothesIcon_ClothesIcon = ({ size = 16, width = size, height = size, color
         children: [
             /*#__PURE__*/ jsx("path", {
                 d: "M15.2742 3.75C15.9386 3.75 16.5879 3.87743 17.2029 4.12891C17.8179 4.38063 18.3696 4.745 18.8435 5.21094L20.1833 6.52832C20.4278 6.76855 20.5647 7.10363 20.5583 7.44629C20.5521 7.78879 20.4039 8.11838 20.1511 8.34961L18.1882 10.1455V18.5166C18.1881 19.4002 17.4693 20.119 16.5857 20.1191H7.29272C6.40899 20.1191 5.68936 19.4003 5.68921 18.5166V10.1455L3.72729 8.34961C3.47451 8.11838 3.32553 7.78879 3.31909 7.44629C3.313 7.10363 3.44987 6.76855 3.69409 6.52832L5.03394 5.21094C5.50784 4.745 6.06054 4.38063 6.67554 4.12891C7.29038 3.87732 7.93901 3.75001 8.60327 3.75H15.2742ZM15.5691 4.69824C15.5885 4.74975 15.6013 4.80495 15.6013 4.86328C15.6013 6.88242 13.9581 8.52539 11.9392 8.52539C9.92008 8.52537 8.27808 6.88218 8.27808 4.86328C8.27808 4.80508 8.28898 4.74965 8.30835 4.69824C7.3229 4.76719 6.40295 5.17996 5.69214 5.87891L4.35132 7.19727C4.28868 7.25888 4.25519 7.34193 4.25659 7.42969C4.25835 7.5174 4.2953 7.59878 4.36011 7.6582L6.47534 9.59277C6.57227 9.6815 6.62757 9.80715 6.62769 9.93848V18.5166C6.62771 18.8836 6.92594 19.1816 7.29272 19.1816H16.5857C16.9527 19.1816 17.2517 18.8834 17.2517 18.5166V9.93848C17.2518 9.80706 17.3071 9.68132 17.4041 9.59277L19.5183 7.65723C19.5832 7.59793 19.6202 7.5166 19.6218 7.42871C19.6227 7.38568 19.6147 7.34257 19.5984 7.30273C19.5821 7.26307 19.5578 7.22721 19.5271 7.19727L18.1863 5.87891C17.475 5.17969 16.5548 4.76695 15.5691 4.69824ZM9.18042 4.6875C9.20243 4.74184 9.21558 4.80103 9.21558 4.86328C9.21558 6.36538 10.4371 7.58787 11.9392 7.58789C13.4413 7.58789 14.6638 6.36539 14.6638 4.86328C14.6638 4.80103 14.676 4.74183 14.698 4.6875H9.18042Z",
-                fill: fill
+                fill: _color
             }),
             /*#__PURE__*/ jsx("path", {
                 d: "M17.2029 4.12891L17.2597 3.99008L17.2597 3.99007L17.2029 4.12891ZM18.8435 5.21094L18.9487 5.10398L18.9487 5.10398L18.8435 5.21094ZM20.1833 6.52832L20.0782 6.63528L20.0782 6.63531L20.1833 6.52832ZM20.5583 7.44629L20.4084 7.44352V7.44357L20.5583 7.44629ZM20.1511 8.34961L20.0499 8.23893L20.0499 8.23894L20.1511 8.34961ZM18.1882 10.1455L18.087 10.0348L18.0382 10.0794V10.1455H18.1882ZM18.1882 18.5166L18.3382 18.5166V18.5166H18.1882ZM16.5857 20.1191V20.2691H16.5857L16.5857 20.1191ZM5.68921 18.5166H5.53921V18.5166L5.68921 18.5166ZM5.68921 10.1455H5.83921V10.0795L5.79049 10.0349L5.68921 10.1455ZM3.72729 8.34961L3.82858 8.23897L3.82854 8.23893L3.72729 8.34961ZM3.31909 7.44629L3.16912 7.44896L3.16912 7.44911L3.31909 7.44629ZM3.69409 6.52832L3.58893 6.42136L3.5889 6.42139L3.69409 6.52832ZM5.03394 5.21094L4.92877 5.10398L4.92877 5.10398L5.03394 5.21094ZM6.67554 4.12891L6.61873 3.99008L6.61872 3.99008L6.67554 4.12891ZM8.60327 3.75V3.6H8.60327L8.60327 3.75ZM15.5691 4.69824L15.5795 4.54861L15.3461 4.53233L15.4288 4.75123L15.5691 4.69824ZM15.6013 4.86328H15.7513H15.6013ZM11.9392 8.52539L11.9392 8.67539H11.9392V8.52539ZM8.27808 4.86328H8.12808H8.27808ZM8.30835 4.69824L8.44872 4.75112L8.53116 4.53229L8.29788 4.54861L8.30835 4.69824ZM5.69214 5.87891L5.79731 5.98586L5.79731 5.98586L5.69214 5.87891ZM4.35132 7.19727L4.24615 7.09031L4.24613 7.09033L4.35132 7.19727ZM4.25659 7.42969L4.10661 7.43209L4.10662 7.4327L4.25659 7.42969ZM4.36011 7.6582L4.25873 7.76876L4.25887 7.76889L4.36011 7.6582ZM6.47534 9.59277L6.57663 9.48213L6.57658 9.48209L6.47534 9.59277ZM6.62769 9.93848H6.77769L6.77769 9.93834L6.62769 9.93848ZM6.62769 18.5166H6.47769V18.5166L6.62769 18.5166ZM17.2517 18.5166L17.4017 18.5166V18.5166H17.2517ZM17.2517 9.93848L17.1017 9.93841V9.93848H17.2517ZM17.4041 9.59277L17.5052 9.70355L17.5053 9.70341L17.4041 9.59277ZM19.5183 7.65723L19.4172 7.54647L19.417 7.54659L19.5183 7.65723ZM19.6218 7.42871L19.4719 7.42551L19.4719 7.42591L19.6218 7.42871ZM19.5984 7.30273L19.7372 7.24594L19.7372 7.24578L19.5984 7.30273ZM19.5271 7.19727L19.4219 7.30422L19.4223 7.30462L19.5271 7.19727ZM18.1863 5.87891L18.2914 5.77195L18.2914 5.77194L18.1863 5.87891ZM9.18042 4.6875V4.5375H8.95781L9.04139 4.74382L9.18042 4.6875ZM9.21558 4.86328H9.36558H9.21558ZM11.9392 7.58789L11.9392 7.73789H11.9392V7.58789ZM14.6638 4.86328H14.5138H14.6638ZM14.698 4.6875L14.837 4.74381L14.9206 4.5375H14.698V4.6875ZM15.2742 3.75V3.9C15.9192 3.9 16.5492 4.02365 17.1461 4.26775L17.2029 4.12891L17.2597 3.99007C16.6266 3.73121 15.958 3.6 15.2742 3.6V3.75ZM17.2029 4.12891L17.1461 4.26773C17.7429 4.51203 18.2783 4.86555 18.7383 5.3179L18.8435 5.21094L18.9487 5.10398C18.4609 4.62445 17.8928 4.24922 17.2597 3.99008L17.2029 4.12891ZM18.8435 5.21094L18.7383 5.3179L20.0782 6.63528L20.1833 6.52832L20.2885 6.42136L18.9487 5.10398L18.8435 5.21094ZM20.1833 6.52832L20.0782 6.63531C20.2933 6.84666 20.4139 7.14205 20.4084 7.44352L20.5583 7.44629L20.7083 7.44906C20.7154 7.06521 20.5623 6.69045 20.2885 6.42134L20.1833 6.52832ZM20.5583 7.44629L20.4084 7.44357C20.4029 7.74508 20.2722 8.03558 20.0499 8.23893L20.1511 8.34961L20.2524 8.46029C20.5356 8.20117 20.7014 7.8325 20.7083 7.44901L20.5583 7.44629ZM20.1511 8.34961L20.0499 8.23894L18.087 10.0348L18.1882 10.1455L18.2895 10.2562L20.2524 8.46028L20.1511 8.34961ZM18.1882 10.1455H18.0382V18.5166H18.1882H18.3382V10.1455H18.1882ZM18.1882 18.5166L18.0382 18.5166C18.0381 19.3174 17.3865 19.969 16.5857 19.9691L16.5857 20.1191L16.5857 20.2691C17.5522 20.269 18.3381 19.4831 18.3382 18.5166L18.1882 18.5166ZM16.5857 20.1191V19.9691H7.29272V20.1191V20.2691H16.5857V20.1191ZM7.29272 20.1191V19.9691C6.49174 19.9691 5.83934 19.3174 5.83921 18.5166L5.68921 18.5166L5.53921 18.5166C5.53937 19.4832 6.32624 20.2691 7.29272 20.2691V20.1191ZM5.68921 18.5166H5.83921V10.1455H5.68921H5.53921V18.5166H5.68921ZM5.68921 10.1455L5.79049 10.0349L3.82858 8.23897L3.72729 8.34961L3.62601 8.46025L5.58793 10.2562L5.68921 10.1455ZM3.72729 8.34961L3.82854 8.23893C3.60608 8.03544 3.47473 7.74484 3.46907 7.44347L3.31909 7.44629L3.16912 7.44911C3.17633 7.83275 3.34294 8.20132 3.62605 8.46029L3.72729 8.34961ZM3.31909 7.44629L3.46907 7.44362C3.46371 7.14207 3.58441 6.84663 3.79928 6.63526L3.69409 6.52832L3.5889 6.42139C3.31534 6.69048 3.16229 7.06519 3.16912 7.44896L3.31909 7.44629ZM3.69409 6.52832L3.79926 6.63528L5.1391 5.3179L5.03394 5.21094L4.92877 5.10398L3.58893 6.42136L3.69409 6.52832ZM5.03394 5.21094L5.1391 5.3179C5.59912 4.86561 6.1354 4.51206 6.73236 4.26773L6.67554 4.12891L6.61872 3.99008C5.98567 4.24919 5.41656 4.62439 4.92877 5.10398L5.03394 5.21094ZM6.67554 4.12891L6.73234 4.26773C7.32912 4.02354 7.95845 3.90001 8.60327 3.9L8.60327 3.75L8.60327 3.6C7.91956 3.60001 7.25164 3.7311 6.61873 3.99008L6.67554 4.12891ZM8.60327 3.75V3.9H15.2742V3.75V3.6H8.60327V3.75ZM15.5691 4.69824L15.4288 4.75123C15.4434 4.79003 15.4513 4.82708 15.4513 4.86328H15.6013H15.7513C15.7513 4.78282 15.7337 4.70946 15.7094 4.64525L15.5691 4.69824ZM15.6013 4.86328H15.4513C15.4513 6.79957 13.8753 8.37539 11.9392 8.37539V8.52539V8.67539C14.041 8.67539 15.7513 6.96527 15.7513 4.86328H15.6013ZM11.9392 8.52539L11.9392 8.37539C10.003 8.37537 8.42808 6.79939 8.42808 4.86328H8.27808H8.12808C8.12808 6.96496 9.83718 8.67537 11.9392 8.67539L11.9392 8.52539ZM8.27808 4.86328H8.42808C8.42808 4.82405 8.43539 4.7865 8.44872 4.75112L8.30835 4.69824L8.16798 4.64536C8.14257 4.71281 8.12808 4.78611 8.12808 4.86328H8.27808ZM8.30835 4.69824L8.29788 4.54861C7.2768 4.62005 6.32327 5.04794 5.58697 5.77195L5.69214 5.87891L5.79731 5.98586C6.48264 5.31197 7.369 4.91433 8.31882 4.84788L8.30835 4.69824ZM5.69214 5.87891L5.58697 5.77195L4.24615 7.09031L4.35132 7.19727L4.45648 7.30422L5.79731 5.98586L5.69214 5.87891ZM4.35132 7.19727L4.24613 7.09033C4.15381 7.18114 4.10456 7.30389 4.10661 7.43209L4.25659 7.42969L4.40657 7.42729C4.40582 7.37996 4.42356 7.33661 4.45651 7.3042L4.35132 7.19727ZM4.25659 7.42969L4.10662 7.4327C4.10921 7.56165 4.1639 7.6818 4.25873 7.76876L4.36011 7.6582L4.46148 7.54765C4.4267 7.51575 4.40749 7.47315 4.40656 7.42668L4.25659 7.42969ZM4.36011 7.6582L4.25887 7.76889L6.37411 9.70346L6.47534 9.59277L6.57658 9.48209L4.46134 7.54752L4.36011 7.6582ZM6.47534 9.59277L6.37406 9.70341C6.43994 9.76372 6.4776 9.84926 6.47769 9.93861L6.62769 9.93848L6.77769 9.93834C6.77753 9.76504 6.7046 9.59929 6.57663 9.48213L6.47534 9.59277ZM6.62769 9.93848H6.47769V18.5166H6.62769H6.77769V9.93848H6.62769ZM6.62769 18.5166L6.47769 18.5166C6.47771 18.9665 6.84312 19.3316 7.29272 19.3316V19.1816V19.0316C7.00876 19.0316 6.7777 18.8007 6.77769 18.5166L6.62769 18.5166ZM7.29272 19.1816V19.3316H16.5857V19.1816V19.0316H7.29272V19.1816ZM16.5857 19.1816V19.3316C17.0353 19.3316 17.4017 18.9665 17.4017 18.5166L17.2517 18.5166L17.1017 18.5166C17.1017 18.8003 16.8701 19.0316 16.5857 19.0316V19.1816ZM17.2517 18.5166H17.4017V9.93848H17.2517H17.1017V18.5166H17.2517ZM17.2517 9.93848L17.4017 9.93854C17.4017 9.84909 17.4394 9.76358 17.5052 9.70355L17.4041 9.59277L17.3029 9.482C17.1747 9.59906 17.1018 9.76503 17.1017 9.93841L17.2517 9.93848ZM17.4041 9.59277L17.5053 9.70341L19.6196 7.76787L19.5183 7.65723L19.417 7.54659L17.3028 9.48213L17.4041 9.59277ZM19.5183 7.65723L19.6195 7.76798C19.7146 7.68107 19.7694 7.56077 19.7718 7.43151L19.6218 7.42871L19.4719 7.42591C19.471 7.47243 19.4518 7.51479 19.4172 7.54647L19.5183 7.65723ZM19.6218 7.42871L19.7718 7.43192C19.7732 7.36819 19.7612 7.30467 19.7372 7.24594L19.5984 7.30273L19.4596 7.35953C19.4681 7.38047 19.4723 7.40317 19.4719 7.42551L19.6218 7.42871ZM19.5984 7.30273L19.7372 7.24578C19.713 7.18693 19.677 7.13398 19.6319 7.08991L19.5271 7.19727L19.4223 7.30462C19.4386 7.32044 19.4512 7.3392 19.4596 7.35969L19.5984 7.30273ZM19.5271 7.19727L19.6323 7.09031L18.2914 5.77195L18.1863 5.87891L18.0811 5.98586L19.4219 7.30422L19.5271 7.19727ZM18.1863 5.87891L18.2914 5.77194C17.5547 5.04767 16.6009 4.6198 15.5795 4.54861L15.5691 4.69824L15.5587 4.84788C16.5087 4.91411 17.3953 5.31171 18.0811 5.98588L18.1863 5.87891ZM9.18042 4.6875L9.04139 4.74382C9.05697 4.78226 9.06558 4.82237 9.06558 4.86328H9.21558H9.36558C9.36558 4.77968 9.3479 4.70142 9.31945 4.63118L9.18042 4.6875ZM9.21558 4.86328H9.06558C9.06558 6.44815 10.3542 7.73787 11.9392 7.73789L11.9392 7.58789L11.9392 7.43789C10.52 7.43787 9.36558 6.28261 9.36558 4.86328H9.21558ZM11.9392 7.58789V7.73789C13.5242 7.73789 14.8138 6.44823 14.8138 4.86328H14.6638H14.5138C14.5138 6.28255 13.3585 7.43789 11.9392 7.43789V7.58789ZM14.6638 4.86328H14.8138C14.8138 4.82081 14.8221 4.7807 14.837 4.74381L14.698 4.6875L14.559 4.63119C14.5299 4.70296 14.5138 4.78126 14.5138 4.86328H14.6638ZM14.698 4.6875V4.5375H9.18042V4.6875V4.8375H14.698V4.6875Z",
-                fill: fill
+                fill: _color
             })
         ]
     });

package/dist/web/ConceptIcon.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 ConceptIcon_ConceptIcon = ({ 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,
@@ -15,7 +14,7 @@ const ConceptIcon_ConceptIcon = ({ size = 16, width = size, height = size, color
             fillRule: "evenodd",
             clipRule: "evenodd",
             d: "M15.2373 3.5276C17.6084 2.54717 19.5304 2.56497 20.5977 3.66627C21.6645 4.76761 21.6232 6.68894 20.5693 9.02858C20.1376 9.9863 19.5525 10.9846 18.8438 11.9856C19.5568 12.9841 20.1458 13.9802 20.5811 14.9368C21.644 17.2723 21.6928 19.1949 20.6299 20.2991C20.075 20.8761 19.2823 21.1594 18.3174 21.1594C17.4374 21.1594 16.4087 20.9245 15.2705 20.4592C14.221 20.0304 13.1194 19.4249 12.0127 18.678C10.9098 19.4286 9.81172 20.0401 8.76465 20.4729C7.62016 20.9459 6.58459 21.1848 5.7002 21.1848C4.74368 21.1848 3.95739 20.9044 3.40332 20.3333C2.33613 19.232 2.37679 17.3107 3.43066 14.971C3.86249 14.013 4.44734 13.0142 5.15625 12.013C4.44411 11.0148 3.85417 10.0192 3.41895 9.06276C2.35589 6.72777 2.30732 4.80544 3.37012 3.70045C4.43304 2.59556 6.35515 2.56882 8.73047 3.5403C9.77889 3.96901 10.881 4.57401 11.9873 5.32057C13.0904 4.56977 14.1901 3.96047 15.2373 3.5276ZM6.08301 13.2258C5.54426 14.024 5.09446 14.8119 4.75391 15.5676C4.35595 16.4515 4.13251 17.247 4.08398 17.8958C4.03536 18.5471 4.16415 19.0336 4.44531 19.3235C4.65088 19.5352 4.9583 19.6702 5.36133 19.7171C5.76484 19.7639 6.25818 19.7218 6.82324 19.5881C7.92331 19.3279 9.28068 18.7205 10.7559 17.7708C9.95972 17.1573 9.16759 16.4776 8.40234 15.7415C7.55626 14.928 6.77875 14.0803 6.08301 13.2258ZM17.9199 13.2024C17.2275 14.0595 16.4533 14.9101 15.6113 15.7268C14.8483 16.4661 14.0593 17.1494 13.2646 17.7659C14.1387 18.3243 14.9996 18.7814 15.8193 19.1165C16.7165 19.4832 17.5189 19.6787 18.1689 19.7044C18.8214 19.7301 19.303 19.5843 19.583 19.2932H19.584C19.8637 19.0023 19.9896 18.5153 19.9385 17.8645C19.8875 17.2161 19.6615 16.4215 19.2598 15.5393C18.9165 14.7846 18.4623 13.9989 17.9199 13.2024ZM11.9902 7.09987C11.3394 7.58576 10.6895 8.12243 10.0518 8.70241L9.39844 9.31569C8.49801 10.1892 7.67902 11.0974 6.9668 12.009C7.66004 12.89 8.47478 13.7959 9.40918 14.6946C10.2559 15.5096 11.1333 16.2492 12.0098 16.8987C12.858 16.265 13.7317 15.5284 14.6016 14.6848C15.5323 13.7823 16.3428 12.8736 17.0332 11.9895C16.3176 11.0812 15.4961 10.1743 14.5918 9.30494C13.7175 8.46503 12.842 7.73034 11.9902 7.09987ZM11.9961 10.8674C12.3667 10.8675 12.7223 11.0147 12.9844 11.2766C13.2466 11.5388 13.3936 11.8951 13.3936 12.2659C13.3935 12.6366 13.2465 12.992 12.9844 13.2542C12.7222 13.5163 12.3668 13.6633 11.9961 13.6633C11.6254 13.6633 11.27 13.5162 11.0078 13.2542C10.7457 12.992 10.5977 12.6366 10.5977 12.2659C10.5977 11.8951 10.7456 11.5388 11.0078 11.2766C11.27 11.0147 11.6255 10.8674 11.9961 10.8674ZM5.68164 4.2903C5.10412 4.29031 4.67659 4.43607 4.41602 4.70729C4.01286 5.12694 3.9281 5.93279 4.21777 7.03053C4.49778 8.09116 5.12082 9.39116 6.07812 10.7981C6.7707 9.94018 7.54616 9.09025 8.3877 8.27467C9.15061 7.53493 9.93899 6.85192 10.7334 6.23561C8.70009 4.9369 6.89505 4.29035 5.68164 4.2903ZM18.2979 4.26881C17.7061 4.26883 16.9737 4.42067 16.1494 4.7278L15.791 4.8694C14.9727 5.20709 14.1142 5.66738 13.2422 6.22975C14.0395 6.84295 14.831 7.52343 15.5967 8.26002C16.4426 9.07337 17.2194 9.92132 17.915 10.7756C18.8674 9.36463 19.4859 8.06233 19.7617 7.00026C20.047 5.90143 19.9593 5.09611 19.5547 4.67799C19.297 4.4122 18.8709 4.26884 18.2979 4.26881Z",
-            fill: fill
+            fill: _color
         })
     });
 };

package/dist/web/ConvertFlashIcon.js

@@ -1,11 +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 ConvertFlashIcon_ConvertFlashIcon = ({ 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__*/ jsxs("svg", {
         width: width,
         height: height,
@@ -15,12 +13,12 @@ const ConvertFlashIcon_ConvertFlashIcon = ({ size = 16, width = size, height = s
         children: [
             /*#__PURE__*/ jsx("path", {
                 d: "M14.1821 8.13867C14.4905 8.13867 14.4582 8.34014 14.2789 8.63894C13.9436 9.2767 13.3986 10.3856 13.1351 10.9253C12.9557 11.2367 13.213 11.237 13.3475 11.237H15.0393C15.2707 11.237 15.2714 11.4811 15.0921 11.6694C14.1345 12.7115 12.1648 15.6666 11.0548 16.8317C10.2159 17.6548 10.4152 16.613 10.4188 16.6155C10.6393 15.8398 10.9581 14.5346 11.1679 13.8766C11.2666 13.5301 11.1049 13.487 10.9417 13.487H9.15305C8.89661 13.487 8.70626 13.3433 8.81744 13.0119C9.14568 11.9873 10.0378 9.58069 10.4037 8.59117C10.531 8.28986 10.6682 8.13867 10.9605 8.13867H14.1821Z",
-                fill: fill
+                fill: _color
             }),
             /*#__PURE__*/ jsx("path", {
                 d: "M2.76465 12.5833C2.97272 12.4246 3.25053 12.3882 3.49316 12.4875C3.73585 12.5869 3.90723 12.8075 3.94238 13.0657C4.47866 17.1038 7.94628 20.1233 12.0488 20.1233C16.1548 20.1232 19.5081 17.6935 20.0439 13.6575C20.0706 13.465 20.1724 13.2906 20.3271 13.1731C20.4819 13.0557 20.6776 13.0044 20.8701 13.0305H20.8691C20.9646 13.0427 21.0572 13.0735 21.1406 13.1213C21.224 13.1692 21.2968 13.2336 21.3555 13.3098C21.4141 13.386 21.4575 13.4729 21.4824 13.5657C21.5073 13.6585 21.5135 13.7556 21.501 13.8508C20.8588 18.6161 16.8744 21.5772 12.0352 21.5725C8.63787 21.5662 5.61272 19.8059 3.89355 17.1086C3.79947 17.4004 3.52883 17.6124 3.2041 17.6125C2.80166 17.6125 2.47462 17.289 2.47461 16.8889V13.1624C2.47461 13.1295 2.48108 13.0974 2.48535 13.0657C2.48579 13.0624 2.48585 13.0591 2.48633 13.0559C2.49033 13.029 2.49505 13.0027 2.50195 12.9768C2.50403 12.9689 2.50645 12.9612 2.50879 12.9534C2.52296 12.9067 2.5416 12.8627 2.56445 12.8206C2.57076 12.8087 2.57702 12.7969 2.58398 12.7854C2.59465 12.7681 2.60514 12.7509 2.61719 12.7346C2.63277 12.7132 2.65 12.6929 2.66797 12.6731C2.67767 12.6626 2.68696 12.6518 2.69727 12.6418C2.71839 12.6212 2.74081 12.6015 2.76465 12.5833ZM12.0352 2.427C15.3449 2.4271 18.3192 4.09761 20.0625 6.69849V6.63989C20.0626 6.23988 20.3887 5.91629 20.791 5.91626C21.1934 5.91626 21.5194 6.23986 21.5195 6.63989V10.3303C21.5239 10.3943 21.5225 10.4586 21.5098 10.5217C21.4907 10.6159 21.4526 10.7051 21.3984 10.7844C21.2886 10.9447 21.1188 11.0549 20.9268 11.0901L20.9248 11.0911C20.8795 11.0958 20.8334 11.0958 20.7881 11.0911V11.0901C20.7425 11.0901 20.6976 11.0848 20.6533 11.0764C20.6374 11.0734 20.622 11.0687 20.6064 11.0647C20.5789 11.0575 20.5519 11.0497 20.5254 11.0393C20.509 11.0329 20.4933 11.0253 20.4775 11.0178C20.4513 11.0053 20.426 10.9915 20.4014 10.9758C20.3869 10.9667 20.3732 10.9567 20.3594 10.9465C20.3487 10.9386 20.3365 10.9326 20.3262 10.9241C20.3184 10.9176 20.3122 10.9094 20.3047 10.9026C20.2859 10.8858 20.2679 10.8685 20.251 10.8499C20.2403 10.8379 20.2306 10.8253 20.2207 10.8127C20.2018 10.7889 20.1838 10.7647 20.168 10.7385C20.1639 10.7318 20.1601 10.7249 20.1562 10.718C20.1158 10.646 20.087 10.5672 20.0732 10.4827C19.3407 6.6485 15.9664 3.87245 12.0352 3.87231C10.0653 3.87231 8.31882 4.40201 6.97461 5.4104C5.71475 6.35554 4.80694 7.7223 4.39941 9.47192L4.32422 9.82739C4.25306 10.164 3.95727 10.3979 3.62402 10.4036L3.47949 10.3918C3.29309 10.3588 3.12669 10.2539 3.0166 10.0999C2.90657 9.94589 2.86165 9.75463 2.89062 9.56763V9.56665C3.7445 5.03711 7.39756 2.427 12.0352 2.427Z",
-                fill: fill,
-                stroke: stroke,
+                fill: _color,
+                stroke: _color,
                 strokeWidth: 0.05
             })
         ]

package/dist/web/ConvertIcon.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 ConvertIcon_ConvertIcon = ({ 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 ConvertIcon_ConvertIcon = ({ size = 16, width = size, height = size, color
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M21.0719 12.4521H21.0709C21.1963 12.4627 21.3195 12.4978 21.4313 12.5557C21.5429 12.6135 21.6423 12.6938 21.7233 12.79C21.8041 12.8862 21.8651 12.9975 21.903 13.1172C21.9408 13.2371 21.955 13.364 21.944 13.4893V13.4902C21.4888 18.5093 17.4467 21.7769 12.4147 21.9912H12.4137C8.9897 22.1337 5.85287 20.5533 3.91565 17.9785C3.76839 18.1621 3.5572 18.2934 3.31116 18.3291L3.21448 18.3389C2.72227 18.3603 2.29914 18.0054 2.22913 17.5283L2.21936 17.4307L2.05334 13.623C2.04422 13.4131 2.10668 13.2175 2.21545 13.0557C2.26589 12.9795 2.32701 12.9089 2.39905 12.8486L2.42834 12.8262C2.44216 12.8157 2.45692 12.8056 2.47131 12.7959C2.72538 12.6214 3.04971 12.5771 3.34338 12.6826C3.66561 12.7986 3.90084 13.0773 3.96155 13.4131H3.9635L4.03772 13.7842C4.89646 17.5872 8.38502 20.2643 12.3463 20.0918C16.4582 19.9126 19.6727 17.3445 20.0299 13.3203V13.3193L20.0426 13.2246C20.0848 13.0084 20.2017 12.8119 20.3727 12.6699C20.5679 12.5081 20.8194 12.4293 21.0719 12.4521ZM12.402 21.7568C12.2484 21.7632 12.0953 21.7653 11.943 21.7646L11.9449 21.7656L12.4049 21.7568C12.5566 21.7504 12.7073 21.7406 12.8571 21.7285C12.7065 21.7407 12.5545 21.7503 12.402 21.7568ZM11.5563 21.7549C11.6827 21.7603 11.8097 21.764 11.9371 21.7646C11.8097 21.764 11.6827 21.7603 11.5563 21.7549ZM11.0533 21.7217C11.1713 21.7328 11.2898 21.7411 11.4088 21.748C11.2898 21.7412 11.1713 21.7328 11.0533 21.7217ZM10.65 21.6748C10.7767 21.692 10.9039 21.7074 11.0319 21.7197C10.9039 21.7074 10.7767 21.692 10.65 21.6748ZM12.986 21.7158C13.0909 21.7062 13.1955 21.6969 13.2994 21.6846C13.1955 21.6969 13.0909 21.7062 12.986 21.7158ZM13.8199 21.6084C13.9431 21.588 14.0657 21.5673 14.1871 21.543C14.0657 21.5673 13.9431 21.588 13.8199 21.6084ZM10.2281 21.6074C10.3257 21.625 10.4236 21.6416 10.5221 21.6562C10.4236 21.6416 10.3257 21.625 10.2281 21.6074ZM9.78088 21.5166C9.88706 21.5409 9.99386 21.5632 10.1012 21.584C9.99384 21.5632 9.88707 21.5408 9.78088 21.5166ZM14.2975 21.5195C14.401 21.4977 14.5039 21.4748 14.6061 21.4502C14.5039 21.4748 14.401 21.4977 14.2975 21.5195ZM9.40491 21.4219C9.47884 21.4419 9.55301 21.4612 9.62756 21.4795C9.55299 21.4612 9.47885 21.4419 9.40491 21.4219ZM14.7321 21.418C14.8349 21.3919 14.9373 21.3658 15.0387 21.3369C14.9373 21.3658 14.8349 21.3919 14.7321 21.418ZM15.1295 21.3096C15.2349 21.2785 15.3393 21.246 15.443 21.2119C15.3394 21.246 15.2349 21.2785 15.1295 21.3096ZM8.63635 21.1807C8.66463 21.1909 8.69293 21.201 8.72131 21.2109C8.69292 21.201 8.66463 21.1908 8.63635 21.1807ZM15.5485 21.1758C15.6492 21.1415 15.7493 21.1065 15.8483 21.0693C15.7493 21.1065 15.6492 21.1414 15.5485 21.1758ZM15.944 21.0322C16.0462 20.9927 16.1474 20.9518 16.2477 20.9092C16.1474 20.9518 16.0461 20.9926 15.944 21.0322ZM7.82581 20.8477C7.85367 20.8606 7.88179 20.873 7.90979 20.8857C7.88178 20.8731 7.85369 20.8606 7.82581 20.8477ZM16.3434 20.8682C16.4355 20.8279 16.5265 20.786 16.6168 20.7432C16.5265 20.786 16.4355 20.8279 16.3434 20.8682ZM16.7262 20.6904C16.8196 20.6448 16.9121 20.5982 17.0035 20.5498C16.9121 20.5982 16.8195 20.6448 16.7262 20.6904ZM17.0963 20.5C17.1835 20.4526 17.2698 20.4043 17.3551 20.3545C17.2698 20.4043 17.1835 20.4526 17.0963 20.5ZM11.2428 20.3008C11.4804 20.3216 11.7204 20.3324 11.9625 20.333C11.7204 20.3324 11.4804 20.3217 11.2428 20.3008ZM13.4088 20.2246C13.2002 20.2553 12.989 20.281 12.775 20.2988C12.989 20.2809 13.2002 20.2553 13.4088 20.2246ZM17.4713 20.2842C17.5508 20.2362 17.6299 20.1878 17.7076 20.1377C17.6299 20.1879 17.5508 20.2362 17.4713 20.2842ZM17.8033 20.0752C17.8946 20.0147 17.9841 19.9521 18.0729 19.8887C17.9841 19.9521 17.8946 20.0147 17.8033 20.0752ZM18.1168 19.8574C18.2067 19.7924 18.2953 19.7262 18.3824 19.6582C18.2953 19.7263 18.2066 19.7924 18.1168 19.8574ZM8.42053 19.543C8.6304 19.6411 8.84465 19.7307 9.06311 19.8115C8.8447 19.7307 8.63035 19.6411 8.42053 19.543ZM18.4645 19.5928C18.5531 19.5219 18.6405 19.45 18.7262 19.376C18.6406 19.45 18.5531 19.5219 18.4645 19.5928ZM18.7496 19.3555C18.8464 19.2712 18.9419 19.1859 19.0348 19.0977C18.942 19.1859 18.8464 19.2712 18.7496 19.3555ZM19.0602 19.0723C19.1394 18.9964 19.2173 18.9195 19.2936 18.8408C19.2174 18.9195 19.1393 18.9964 19.0602 19.0723ZM19.3776 18.7529C19.4422 18.6843 19.5046 18.6137 19.567 18.543C19.5047 18.6137 19.4422 18.6843 19.3776 18.7529ZM6.5885 18.377C5.12923 17.1571 4.08485 15.4431 3.73206 13.4541C3.68623 13.2009 3.50711 12.99 3.26331 12.9023C3.17181 12.8696 3.07625 12.8559 2.98206 12.8604C3.07587 12.8561 3.1712 12.8696 3.26233 12.9023C3.50613 12.99 3.68433 13.2009 3.7301 13.4541C4.08297 15.4437 5.12847 17.157 6.5885 18.377ZM19.6324 18.4688C19.7032 18.3866 19.7728 18.3036 19.8405 18.2188C19.7728 18.3036 19.7032 18.3866 19.6324 18.4688ZM20.1227 17.8438C20.915 16.7302 21.4536 15.4108 21.6588 13.9219L21.7096 13.4688C21.7137 13.4218 21.7137 13.3738 21.7086 13.3271L21.6793 13.1875C21.665 13.1424 21.6463 13.0989 21.6237 13.0576L21.5436 12.9404C21.5131 12.9043 21.4787 12.8712 21.442 12.8418L21.3229 12.7646C21.2808 12.7429 21.2363 12.725 21.191 12.7119L21.0514 12.6855C21.0043 12.6813 20.9572 12.6817 20.9108 12.6865C20.9565 12.6819 21.003 12.6823 21.0494 12.6865C21.1441 12.6945 21.2365 12.721 21.3209 12.7646C21.4052 12.8083 21.4805 12.8678 21.5416 12.9404C21.6028 13.0132 21.6488 13.0978 21.6774 13.1885C21.7059 13.279 21.716 13.3742 21.7076 13.4688C21.5558 15.1431 20.994 16.6187 20.1227 17.8438ZM3.20178 18.1035C3.15817 18.1054 3.11565 18.1013 3.07385 18.0957L3.20374 18.1045C3.25087 18.1024 3.29631 18.0936 3.34045 18.083C3.29571 18.0938 3.24951 18.1014 3.20178 18.1035ZM2.93616 18.0635C2.96971 18.0751 3.00413 18.0842 3.03967 18.0908C3.00409 18.0843 2.96977 18.075 2.93616 18.0635ZM3.36389 18.0762C3.40091 18.066 3.43609 18.0528 3.47034 18.0371C3.43611 18.0528 3.40084 18.0659 3.36389 18.0762ZM2.82483 18.0137C2.84638 18.0255 2.86843 18.0362 2.89124 18.0459C2.86837 18.0363 2.84644 18.0255 2.82483 18.0137ZM3.49182 18.0264C3.52347 18.0106 3.55394 17.9937 3.58264 17.9736C3.55393 17.9936 3.52345 18.0106 3.49182 18.0264ZM2.72229 17.9453C2.74009 17.9596 2.75786 17.9738 2.77698 17.9863C2.75779 17.9738 2.74016 17.9595 2.72229 17.9453ZM3.61292 17.9512C3.63795 17.9316 3.66106 17.9103 3.68323 17.8877C3.66101 17.9102 3.63798 17.9317 3.61292 17.9512ZM2.60999 17.835C2.62025 17.8477 2.63209 17.8591 2.64319 17.8711C2.63204 17.8591 2.6203 17.8478 2.60999 17.835ZM3.71155 17.8594C3.73323 17.8346 3.75201 17.8078 3.77014 17.7803C3.75194 17.8078 3.73331 17.8347 3.71155 17.8594ZM2.54456 17.7373C2.55188 17.7503 2.55989 17.7629 2.56799 17.7754C2.55985 17.7629 2.55192 17.7504 2.54456 17.7373ZM3.78674 17.7568C3.80544 17.7258 3.8207 17.693 3.83459 17.6592C3.82064 17.693 3.80554 17.7258 3.78674 17.7568ZM20.2828 13.2266C20.2789 13.2419 20.277 13.2578 20.274 13.2734C20.277 13.2577 20.2788 13.242 20.2828 13.2266ZM20.3229 13.1143C20.317 13.1276 20.3124 13.1415 20.3073 13.1553C20.3124 13.1415 20.3169 13.1277 20.3229 13.1143ZM20.3844 13.0059C20.3756 13.0191 20.365 13.0312 20.3571 13.0449C20.3651 13.0312 20.3755 13.0191 20.3844 13.0059ZM11.5446 2.00977C14.8308 1.86679 17.8686 3.31672 19.8248 5.72852C19.9715 5.41969 20.2826 5.20153 20.6481 5.18555C21.1729 5.16296 21.6191 5.56674 21.6422 6.0918L21.8043 9.81836C21.8178 9.91167 21.818 10.0071 21.8033 10.1006C21.7886 10.194 21.7588 10.2845 21.7174 10.3691L21.6715 10.4521C21.5369 10.6683 21.3206 10.823 21.0719 10.8799L21.0631 10.8809L21.0543 10.8828C20.994 10.8918 20.9326 10.8943 20.8717 10.8906V10.8896C20.8305 10.8904 20.7896 10.8891 20.7496 10.8848C20.7388 10.8836 20.7281 10.8814 20.7174 10.8799C20.6704 10.8731 20.6244 10.8639 20.5797 10.8506C20.5728 10.8485 20.5661 10.846 20.5592 10.8438C20.512 10.8284 20.4662 10.8093 20.4225 10.7871C20.419 10.7853 20.4152 10.784 20.4117 10.7822C20.3767 10.7639 20.3445 10.7412 20.3121 10.7188C20.3016 10.7114 20.2892 10.7061 20.2789 10.6982C20.2697 10.6912 20.2615 10.6822 20.2526 10.6748C20.2255 10.6528 20.1999 10.6293 20.1754 10.6045C20.1602 10.5889 20.1455 10.5722 20.1315 10.5557C20.0246 10.4312 19.9472 10.2806 19.9166 10.1113C19.0098 6.34009 15.5357 3.73341 11.6276 3.90332C9.6516 3.98935 7.93602 4.59659 6.64807 5.65332C5.36237 6.70826 4.48897 8.22239 4.21057 10.1523L4.20959 10.1582C4.13003 10.6355 3.70598 10.9711 3.23206 10.9531L3.13733 10.9443C2.8916 10.9115 2.66813 10.784 2.51526 10.5889C2.36232 10.3934 2.29257 10.1451 2.31995 9.89844V9.8916L2.39417 9.44824C3.24153 4.93261 6.87137 2.21337 11.5446 2.00977ZM3.16858 10.7129C3.21404 10.7191 3.25907 10.719 3.30334 10.7168C3.2585 10.7191 3.21272 10.7183 3.16663 10.7119C3.13449 10.7076 3.1038 10.6979 3.07288 10.6895C3.10439 10.6982 3.13581 10.7085 3.16858 10.7129ZM3.33752 10.7129C3.37076 10.7097 3.4032 10.7049 3.43518 10.6973C3.40325 10.705 3.37072 10.7096 3.33752 10.7129ZM3.47229 10.6865C3.50348 10.6773 3.53369 10.6666 3.56311 10.6533C3.53376 10.6666 3.50341 10.6772 3.47229 10.6865ZM21.0182 10.6504C20.974 10.657 20.929 10.658 20.8844 10.6553L20.8864 10.6562C20.9309 10.6589 20.976 10.657 21.0201 10.6504C21.0542 10.6426 21.0866 10.6296 21.1188 10.6172C21.086 10.63 21.0529 10.6424 21.0182 10.6504ZM3.58948 10.6406C3.62238 10.6242 3.6533 10.6051 3.68323 10.584C3.6534 10.6052 3.62228 10.6241 3.58948 10.6406ZM21.569 10.0645C21.5542 10.158 21.5212 10.2477 21.4713 10.3281C21.3956 10.4498 21.2851 10.546 21.1559 10.6045C21.2857 10.546 21.3962 10.4502 21.4723 10.3281C21.5223 10.2475 21.5562 10.1572 21.5709 10.0635C21.5776 10.0206 21.5777 9.97762 21.5758 9.93457C21.577 9.97788 21.5757 10.0214 21.569 10.0645ZM3.69885 10.5723C3.72987 10.5491 3.75882 10.524 3.78577 10.4961C3.75894 10.524 3.72974 10.549 3.69885 10.5723ZM11.6149 3.66992C7.57996 3.84561 4.54843 6.15039 3.9762 10.1201C3.95261 10.2614 3.88804 10.3857 3.79749 10.4844C3.85787 10.4189 3.90828 10.3436 3.94104 10.2578L3.97815 10.1191C4.55058 6.14989 7.58228 3.84572 11.6168 3.66992L11.9918 3.66113C11.8667 3.66105 11.741 3.66443 11.6149 3.66992ZM2.63635 10.3467C2.64568 10.3637 2.65589 10.3802 2.66663 10.3965C2.65584 10.3802 2.64572 10.3637 2.63635 10.3467ZM2.58752 10.2354C2.59342 10.2525 2.59986 10.2694 2.60706 10.2861C2.59982 10.2694 2.59345 10.2526 2.58752 10.2354ZM2.5592 10.1201C2.56213 10.1377 2.56377 10.1555 2.56799 10.1729C2.56375 10.1555 2.56214 10.1378 2.5592 10.1201ZM21.2711 5.71582C21.3505 5.82511 21.3996 5.95778 21.4059 6.10254L21.5699 9.87695C21.5712 9.8881 21.5741 9.89897 21.5748 9.91016C21.5742 9.90107 21.5748 9.89188 21.5739 9.88281L21.4088 6.10254C21.4024 5.95743 21.351 5.82526 21.2711 5.71582ZM17.9293 4.22168C18.7079 4.80882 19.3981 5.51129 19.9733 6.30762V6.30469C19.3982 5.5091 18.7075 4.80825 17.9293 4.22168ZM21.1676 5.60156C21.1374 5.57481 21.1053 5.55073 21.0709 5.5293C21.1052 5.55077 21.1375 5.57479 21.1676 5.60156ZM21.0573 5.52051C21.0231 5.50026 20.9873 5.48323 20.9498 5.46875C20.9872 5.4833 21.0232 5.50021 21.0573 5.52051ZM20.7838 5.42578C20.8358 5.4327 20.8862 5.4445 20.9342 5.46191C20.8921 5.44677 20.8485 5.43487 20.8033 5.42773L20.7838 5.42578ZM16.9039 3.54492C17.1299 3.67472 17.3505 3.81299 17.5651 3.95996C17.3505 3.81302 17.1299 3.67468 16.9039 3.54492ZM12.0485 3.66211C12.2198 3.66332 12.39 3.6712 12.5592 3.68262C12.39 3.67116 12.2198 3.66336 12.0485 3.66211ZM16.1481 3.15234C16.3916 3.26555 16.6302 3.38829 16.8629 3.52051C16.6301 3.38834 16.3917 3.2655 16.1481 3.15234ZM15.3727 2.83203C15.6283 2.92533 15.8798 3.02809 16.1256 3.1416C15.8797 3.02814 15.6284 2.92528 15.3727 2.83203ZM15.3356 2.81836C15.2322 2.78112 15.1279 2.74576 15.0231 2.71191C15.1279 2.74578 15.2322 2.78109 15.3356 2.81836ZM14.9313 2.68262C14.8136 2.6459 14.6952 2.61049 14.5758 2.57812C14.6952 2.61052 14.8136 2.64587 14.9313 2.68262ZM14.5094 2.56152C14.4084 2.5349 14.3068 2.5098 14.2047 2.48633C14.3068 2.50982 14.4084 2.53487 14.5094 2.56152ZM14.1002 2.46191C13.9856 2.43689 13.8704 2.41357 13.7545 2.39258C13.8704 2.41359 13.9856 2.43687 14.1002 2.46191ZM13.6373 2.37305C13.5501 2.35834 13.4625 2.3454 13.3746 2.33301C13.4625 2.34542 13.5501 2.35832 13.6373 2.37305ZM13.2399 2.31445C13.1219 2.29947 13.0034 2.28615 12.8844 2.27539C13.0034 2.28618 13.1219 2.29944 13.2399 2.31445ZM12.7838 2.26758C12.7004 2.26089 12.6168 2.25458 12.5328 2.25C12.6168 2.2546 12.7004 2.26087 12.7838 2.26758ZM12.3385 2.24121C12.2752 2.23899 12.2117 2.23831 12.1481 2.2373C12.2117 2.23833 12.2751 2.23898 12.3385 2.24121ZM13.4391 21.665C13.5464 21.651 13.6533 21.6371 13.7594 21.6201C13.6533 21.6371 13.5464 21.6509 13.4391 21.665ZM7.1842 18.8311C7.27325 18.8929 7.36326 18.9533 7.45471 19.0117C7.36328 18.9533 7.27322 18.8929 7.1842 18.8311ZM19.8971 18.1465C19.9716 18.051 20.0444 17.9542 20.1149 17.8555C20.0444 17.9542 19.9715 18.051 19.8971 18.1465ZM17.9156 4.21191C17.8176 4.13828 17.7185 4.06605 17.6178 3.99609C17.7185 4.06606 17.8176 4.13827 17.9156 4.21191ZM17.9156 4.21191C17.9201 4.21528 17.9249 4.21831 17.9293 4.22168C17.9248 4.21831 17.9201 4.21528 17.9156 4.21191ZM21.2584 5.69922C21.2333 5.66681 21.2056 5.63701 21.1754 5.60938C21.2055 5.63701 21.2334 5.66682 21.2584 5.69922Z",
-            fill: fill
+            fill: _color
         })
     });
 };

package/dist/web/CopyIcon.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 CopyIcon = ({ 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 CopyIcon = ({ size = 16, width = size, height = size, color = 'currentColo
         children: [
             /*#__PURE__*/ jsx("path", {
                 d: "M19.9395 2C20.4842 2 21.008 2.21467 21.3945 2.59863C21.7811 2.98272 21.999 3.50474 21.999 4.0498V15.9395C21.9986 16.4841 21.7809 17.0059 21.3945 17.3896C21.0565 17.7253 20.6136 17.932 20.1436 17.9785L19.9404 17.9883H18.0889V19.8408C18.0886 20.3856 17.8707 20.9072 17.4844 21.291C17.1463 21.6268 16.7035 21.8334 16.2334 21.8799L16.0303 21.8896H4.06055C3.51602 21.8895 2.99288 21.6748 2.60645 21.291C2.21986 20.907 2.002 20.3849 2.00195 19.8398V7.95117C2.00202 7.40633 2.21915 6.88401 2.60547 6.5C2.99169 6.11616 3.51518 5.90175 4.05957 5.90137H5.91211V4.04883C5.91237 3.50408 6.13029 2.98249 6.5166 2.59863C6.90302 2.21494 7.42628 2.00012 7.9707 2H19.9395ZM3.92188 7.27051C3.78604 7.29755 3.66011 7.36397 3.56152 7.46191C3.43034 7.59234 3.35749 7.76879 3.35742 7.95117V19.8398C3.35746 20.0223 3.43123 20.1986 3.5625 20.3291C3.69391 20.4594 3.87289 20.5331 4.06055 20.5332H16.0303C16.2179 20.5331 16.3969 20.4594 16.5283 20.3291C16.6596 20.1987 16.7333 20.0223 16.7334 19.8398V7.9502L16.7197 7.81543C16.6929 7.68304 16.6267 7.5596 16.5283 7.46191C16.3969 7.33159 16.2179 7.25697 16.0303 7.25684H4.06055L3.92188 7.27051ZM7.9707 3.35547C7.78301 3.35559 7.60407 3.43015 7.47266 3.56055C7.34141 3.69098 7.26764 3.86736 7.26758 4.0498V5.90137H16.0303L16.2334 5.91113C16.7034 5.95761 17.1463 6.16441 17.4844 6.5C17.8705 6.88357 18.0883 7.40483 18.0889 7.94922V16.6318H19.9404C20.128 16.6317 20.3071 16.5579 20.4385 16.4277C20.5697 16.2974 20.6434 16.1208 20.6436 15.9385V4.0498C20.6436 3.86732 20.5697 3.69103 20.4385 3.56055C20.307 3.43002 20.1273 3.35547 19.9395 3.35547H7.9707Z",
-                fill: fill
+                fill: _color
             }),
             /*#__PURE__*/ jsx("path", {
                 d: "M21.3945 2.59863L21.465 2.5277L21.465 2.52768L21.3945 2.59863ZM21.999 15.9395L22.099 15.9395V15.9395H21.999ZM21.3945 17.3896L21.465 17.4606L21.465 17.4606L21.3945 17.3896ZM20.1436 17.9785L20.1484 18.0785L20.1534 18.078L20.1436 17.9785ZM19.9404 17.9883V18.0884L19.9452 18.0882L19.9404 17.9883ZM18.0889 17.9883V17.8883C18.0336 17.8883 17.9889 17.9331 17.9889 17.9883H18.0889ZM18.0889 19.8408L18.1889 19.8409V19.8408H18.0889ZM17.4844 21.291L17.5548 21.362L17.5549 21.362L17.4844 21.291ZM16.2334 21.8799L16.2382 21.9799L16.2432 21.9794L16.2334 21.8799ZM16.0303 21.8896V21.9898L16.0351 21.9895L16.0303 21.8896ZM4.06055 21.8896L4.06052 21.9896H4.06055V21.8896ZM2.60645 21.291L2.53597 21.362L2.53598 21.362L2.60645 21.291ZM2.00195 19.8398H1.90195V19.8399L2.00195 19.8398ZM2.00195 7.95117L1.90195 7.95116V7.95117H2.00195ZM2.60547 6.5L2.53498 6.42907L2.53497 6.42908L2.60547 6.5ZM4.05957 5.90137V5.80137L4.0595 5.80137L4.05957 5.90137ZM5.91211 5.90137V6.00137C5.96734 6.00137 6.01211 5.9566 6.01211 5.90137H5.91211ZM5.91211 4.04883L5.81211 4.04878V4.04883H5.91211ZM6.5166 2.59863L6.44614 2.52767L6.44612 2.5277L6.5166 2.59863ZM7.9707 2V1.9H7.97068L7.9707 2ZM3.92188 7.27051L3.91202 7.17051L3.90235 7.17243L3.92188 7.27051ZM3.56152 7.46191L3.49104 7.39097L3.49102 7.391L3.56152 7.46191ZM3.35742 7.95117L3.25742 7.95113V7.95117H3.35742ZM3.35742 19.8398H3.25742V19.8399L3.35742 19.8398ZM3.5625 20.3291L3.49201 20.4L3.49208 20.4001L3.5625 20.3291ZM4.06055 20.5332L4.06048 20.6332H4.06055V20.5332ZM16.0303 20.5332V20.6332H16.0303L16.0303 20.5332ZM16.5283 20.3291L16.5987 20.4001L16.5988 20.4L16.5283 20.3291ZM16.7334 19.8398L16.8334 19.8399V19.8398H16.7334ZM16.7334 7.9502H16.8339L16.8329 7.9401L16.7334 7.9502ZM16.7197 7.81543L16.8197 7.80529L16.8177 7.79559L16.7197 7.81543ZM16.5283 7.46191L16.5988 7.39095L16.5987 7.39092L16.5283 7.46191ZM16.0303 7.25684L16.0303 7.15684H16.0303V7.25684ZM4.06055 7.25684V7.15635L4.05074 7.15732L4.06055 7.25684ZM7.9707 3.35547V3.25547H7.97064L7.9707 3.35547ZM7.47266 3.56055L7.40222 3.48956L7.40217 3.48962L7.47266 3.56055ZM7.26758 4.0498L7.16758 4.04977V4.0498H7.26758ZM7.26758 5.90137H7.16758C7.16758 5.9566 7.21235 6.00137 7.26758 6.00137V5.90137ZM16.0303 5.90137L16.0351 5.80137H16.0303V5.90137ZM16.2334 5.91113L16.2433 5.81149L16.2382 5.81125L16.2334 5.91113ZM17.4844 6.5L17.5549 6.42906L17.5548 6.42903L17.4844 6.5ZM18.0889 7.94922H18.1889V7.94911L18.0889 7.94922ZM18.0889 16.6318H17.9889C17.9889 16.6871 18.0336 16.7318 18.0889 16.7318V16.6318ZM19.9404 16.6318V16.7318H19.9405L19.9404 16.6318ZM20.4385 16.4277L20.5089 16.4988L20.5089 16.4987L20.4385 16.4277ZM20.6436 15.9385L20.7436 15.9386V15.9385H20.6436ZM20.4385 3.56055L20.509 3.48963L20.5089 3.48957L20.4385 3.56055ZM19.9395 2V2.1C20.4579 2.1 20.9564 2.30434 21.3241 2.66958L21.3945 2.59863L21.465 2.52768C21.0596 2.12501 20.5104 1.9 19.9395 1.9V2ZM21.3945 2.59863L21.324 2.66957C21.6917 3.03495 21.899 3.53146 21.899 4.0498H21.999H22.099C22.099 3.47802 21.8704 2.93049 21.465 2.5277L21.3945 2.59863ZM21.999 4.0498H21.899V15.9395H21.999H22.099V4.0498H21.999ZM21.999 15.9395L21.899 15.9394C21.8986 16.4574 21.6915 16.9537 21.3241 17.3187L21.3945 17.3896L21.465 17.4606C21.8702 17.0581 22.0986 16.5108 22.099 15.9395L21.999 15.9395ZM21.3945 17.3896L21.3241 17.3187C21.0025 17.6381 20.581 17.8348 20.1337 17.879L20.1436 17.9785L20.1534 18.078C20.6462 18.0293 21.1105 17.8126 21.465 17.4606L21.3945 17.3896ZM20.1436 17.9785L20.1388 17.8786L19.9356 17.8884L19.9404 17.9883L19.9452 18.0882L20.1484 18.0784L20.1436 17.9785ZM19.9404 17.9883V17.8883H18.0889V17.9883V18.0883H19.9404V17.9883ZM18.0889 17.9883H17.9889V19.8408H18.0889H18.1889V17.9883H18.0889ZM18.0889 19.8408L17.9889 19.8408C17.9886 20.3588 17.7814 20.855 17.4139 21.2201L17.4844 21.291L17.5549 21.362C17.96 20.9594 18.1885 20.4123 18.1889 19.8409L18.0889 19.8408ZM17.4844 21.291L17.4139 21.2201C17.0923 21.5395 16.671 21.7361 16.2236 21.7804L16.2334 21.8799L16.2432 21.9794C16.7361 21.9306 17.2003 21.7141 17.5548 21.362L17.4844 21.291ZM16.2334 21.8799L16.2286 21.78L16.0255 21.7898L16.0303 21.8896L16.0351 21.9895L16.2382 21.9798L16.2334 21.8799ZM16.0303 21.8896V21.7896H4.06055V21.8896V21.9896H16.0303V21.8896ZM4.06055 21.8896L4.06057 21.7896C3.54232 21.7895 3.04454 21.5852 2.67692 21.2201L2.60645 21.291L2.53598 21.362C2.94123 21.7645 3.48973 21.9895 4.06052 21.9896L4.06055 21.8896ZM2.60645 21.291L2.67692 21.2201C2.30918 20.8547 2.10199 20.3582 2.10195 19.8398L2.00195 19.8398L1.90195 19.8399C1.902 20.4116 2.13054 20.9592 2.53597 21.362L2.60645 21.291ZM2.00195 19.8398H2.10195V7.95117H2.00195H1.90195V19.8398H2.00195ZM2.00195 7.95117L2.10195 7.95118C2.10202 7.43294 2.30855 6.93614 2.67597 6.57092L2.60547 6.5L2.53497 6.42908C2.12975 6.83187 1.90203 7.37972 1.90195 7.95116L2.00195 7.95117ZM2.60547 6.5L2.67596 6.57093C3.04332 6.20584 3.54143 6.00173 4.05964 6.00137L4.05957 5.90137L4.0595 5.80137C3.48892 5.80177 2.94006 6.02649 2.53498 6.42907L2.60547 6.5ZM4.05957 5.90137V6.00137H5.91211V5.90137V5.80137H4.05957V5.90137ZM5.91211 5.90137H6.01211V4.04883H5.91211H5.81211V5.90137H5.91211ZM5.91211 4.04883L6.01211 4.04888C6.01235 3.53083 6.21959 3.03472 6.58709 2.66957L6.5166 2.59863L6.44612 2.5277C6.04099 2.93025 5.81238 3.47733 5.81211 4.04878L5.91211 4.04883ZM6.5166 2.59863L6.58706 2.66959C6.95468 2.30457 7.45259 2.10011 7.97073 2.1L7.9707 2L7.97068 1.9C7.39998 1.90012 6.85137 2.12531 6.44614 2.52767L6.5166 2.59863ZM7.9707 2V2.1H19.9395V2V1.9H7.9707V2ZM3.92188 7.27051L3.90235 7.17243C3.74748 7.20326 3.60376 7.279 3.49104 7.39097L3.56152 7.46191L3.632 7.53286C3.71646 7.44895 3.8246 7.39183 3.9414 7.36858L3.92188 7.27051ZM3.56152 7.46191L3.49102 7.391C3.34096 7.54019 3.2575 7.74216 3.25742 7.95113L3.35742 7.95117L3.45742 7.95121C3.45748 7.79543 3.51973 7.64448 3.63203 7.53283L3.56152 7.46191ZM3.35742 7.95117H3.25742V19.8398H3.35742H3.45742V7.95117H3.35742ZM3.35742 19.8398L3.25742 19.8399C3.25747 20.0493 3.3421 20.251 3.49201 20.4L3.5625 20.3291L3.63299 20.2582C3.52036 20.1462 3.45746 19.9953 3.45742 19.8398L3.35742 19.8398ZM3.5625 20.3291L3.49208 20.4001C3.64237 20.5492 3.84672 20.6331 4.06048 20.6332L4.06055 20.5332L4.06061 20.4332C3.89907 20.4331 3.74544 20.3697 3.63292 20.2581L3.5625 20.3291ZM4.06055 20.5332V20.6332H16.0303V20.5332V20.4332H4.06055V20.5332ZM16.0303 20.5332L16.0303 20.6332C16.2441 20.633 16.4485 20.5492 16.5987 20.4001L16.5283 20.3291L16.4579 20.2581C16.3454 20.3697 16.1918 20.4331 16.0302 20.4332L16.0303 20.5332ZM16.5283 20.3291L16.5988 20.4C16.7487 20.2511 16.8333 20.0493 16.8334 19.8399L16.7334 19.8398L16.6334 19.8398C16.6333 19.9953 16.5704 20.1463 16.4578 20.2582L16.5283 20.3291ZM16.7334 19.8398H16.8334V7.9502H16.7334H16.6334V19.8398H16.7334ZM16.7334 7.9502L16.8329 7.9401L16.8192 7.80534L16.7197 7.81543L16.6202 7.82552L16.6339 7.96029L16.7334 7.9502ZM16.7197 7.81543L16.8177 7.79559C16.787 7.64369 16.7111 7.50249 16.5988 7.39095L16.5283 7.46191L16.4579 7.53287C16.5423 7.61671 16.5989 7.7224 16.6217 7.83527L16.7197 7.81543ZM16.5283 7.46191L16.5987 7.39092C16.4487 7.24211 16.2444 7.15699 16.0303 7.15684L16.0303 7.25684L16.0302 7.35684C16.1914 7.35695 16.3451 7.42108 16.4579 7.53291L16.5283 7.46191ZM16.0303 7.25684V7.15684H4.06055V7.25684V7.35684H16.0303V7.25684ZM4.06055 7.25684L4.05074 7.15732L3.91206 7.17099L3.92188 7.27051L3.93169 7.37003L4.07036 7.35635L4.06055 7.25684ZM7.9707 3.35547L7.97064 3.25547C7.75649 3.2556 7.55228 3.34066 7.40222 3.48956L7.47266 3.56055L7.54309 3.63153C7.65586 3.51964 7.80953 3.45557 7.97077 3.45547L7.9707 3.35547ZM7.47266 3.56055L7.40217 3.48962C7.25227 3.63858 7.16765 3.84038 7.16758 4.04977L7.26758 4.0498L7.36758 4.04984C7.36763 3.89434 7.43054 3.74338 7.54315 3.63148L7.47266 3.56055ZM7.26758 4.0498H7.16758V5.90137H7.26758H7.36758V4.0498H7.26758ZM7.26758 5.90137V6.00137H16.0303V5.90137V5.80137H7.26758V5.90137ZM16.0303 5.90137L16.0255 6.00125L16.2286 6.01102L16.2334 5.91113L16.2382 5.81125L16.0351 5.80148L16.0303 5.90137ZM16.2334 5.91113L16.2236 6.01065C16.6708 6.05488 17.0923 6.25169 17.4139 6.57097L17.4844 6.5L17.5548 6.42903C17.2004 6.07714 16.7359 5.86035 16.2432 5.81162L16.2334 5.91113ZM17.4844 6.5L17.4139 6.57094C17.7812 6.93581 17.9883 7.4316 17.9889 7.94933L18.0889 7.94922L18.1889 7.94911C18.1883 7.37806 17.9598 6.83133 17.5549 6.42906L17.4844 6.5ZM18.0889 7.94922H17.9889V16.6318H18.0889H18.1889V7.94922H18.0889ZM18.0889 16.6318V16.7318H19.9404V16.6318V16.5318H18.0889V16.6318ZM19.9404 16.6318L19.9405 16.7318C20.1542 16.7317 20.3586 16.6477 20.5089 16.4988L20.4385 16.4277L20.3681 16.3567C20.2556 16.4682 20.1018 16.5317 19.9404 16.5318L19.9404 16.6318ZM20.4385 16.4277L20.5089 16.4987C20.6589 16.3498 20.7433 16.1478 20.7436 15.9386L20.6436 15.9385L20.5436 15.9384C20.5434 16.0939 20.4805 16.245 20.368 16.3568L20.4385 16.4277ZM20.6436 15.9385H20.7436V4.0498H20.6436H20.5436V15.9385H20.6436ZM20.6436 4.0498H20.7436C20.7436 3.84031 20.6588 3.63861 20.509 3.48963L20.4385 3.56055L20.368 3.63146C20.4806 3.74345 20.5436 3.89433 20.5436 4.0498H20.6436ZM20.4385 3.56055L20.5089 3.48957C20.3587 3.34046 20.1537 3.25547 19.9395 3.25547V3.35547V3.45547C20.1009 3.45547 20.2552 3.51959 20.368 3.63153L20.4385 3.56055ZM19.9395 3.35547V3.25547H7.9707V3.35547V3.45547H19.9395V3.35547Z",
-                fill: fill
+                fill: _color
             })
         ]
     });

package/dist/web/CopyXIcon.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 CopyXIcon_CopyXIcon = ({ 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 CopyXIcon_CopyXIcon = ({ size = 16, width = size, height = size, color = '
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M16 6.6665V5.05127C15.9996 4.84344 15.9174 4.64356 15.7705 4.49658C15.6235 4.3496 15.4237 4.26649 15.2158 4.26611H4.78516V4.31396C4.67794 4.35281 4.57924 4.41538 4.49707 4.49756C4.35024 4.64446 4.26803 4.84357 4.26758 5.05127V15.2144C4.26763 15.4224 4.35009 15.6218 4.49707 15.769C4.64408 15.9163 4.84369 15.9991 5.05176 15.9995H6.66699V9.19971C6.66703 8.52791 6.93417 7.88374 7.40918 7.40869C7.88422 6.93371 8.52843 6.66655 9.2002 6.6665H16ZM9.2002 7.99951C8.88205 7.99956 8.57656 8.12614 8.35156 8.35107C8.1266 8.57608 8.00003 8.88153 8 9.19971V18.5327C8 18.8508 8.12669 19.1563 8.35156 19.3813C8.57657 19.6064 8.882 19.7329 9.2002 19.7329H18.5332C18.8514 19.7329 19.1568 19.6063 19.3818 19.3813C19.6068 19.1563 19.7334 18.8509 19.7334 18.5327V9.19971C19.7334 8.88149 19.6068 8.57609 19.3818 8.35107C19.1568 8.1262 18.8513 7.99951 18.5332 7.99951H9.2002ZM15.8457 11.2202C16.0225 11.2203 16.1924 11.2905 16.3174 11.4155C16.4423 11.5406 16.5118 11.7104 16.5117 11.8872L16.499 12.0181C16.4733 12.146 16.4101 12.2653 16.3164 12.3589L14.8096 13.8657L16.3203 15.3784C16.384 15.4399 16.4348 15.5139 16.4697 15.5952C16.5045 15.6763 16.5226 15.7638 16.5234 15.8521C16.5241 15.9404 16.5071 16.0291 16.4736 16.1108L16.4121 16.2271C16.3878 16.2636 16.3594 16.2984 16.3281 16.3296L16.2256 16.4136C16.1892 16.4377 16.1499 16.4585 16.1094 16.4751C16.0685 16.4918 16.0255 16.5049 15.9824 16.5132L15.8506 16.5249C15.8066 16.5245 15.7625 16.5193 15.7197 16.5103L15.5938 16.4712C15.5125 16.4363 15.4384 16.3853 15.377 16.3218L15.374 16.3179L13.8662 14.8101L12.3535 16.3218C12.3485 16.3269 12.342 16.3315 12.3369 16.3364C12.2789 16.3926 12.211 16.4393 12.1367 16.4712L12.0107 16.5103L11.8799 16.5249C11.8358 16.5253 11.7911 16.5214 11.748 16.5132L11.6211 16.4751C11.5393 16.4416 11.4648 16.3921 11.4023 16.3296C11.371 16.2982 11.3428 16.2638 11.3184 16.2271L11.2568 16.1108C11.2234 16.0291 11.2063 15.9404 11.207 15.8521C11.2078 15.764 11.2261 15.6762 11.2607 15.5952C11.2927 15.5209 11.3394 15.4531 11.3955 15.395L11.4102 15.3784L11.4141 15.3755L12.9229 13.8677L11.417 12.3608C11.2966 12.2354 11.2291 12.067 11.2305 11.8931C11.232 11.7186 11.3025 11.5508 11.4258 11.4272C11.5492 11.3038 11.717 11.2336 11.8916 11.2319C12.0657 11.2304 12.2338 11.2979 12.3594 11.4185L13.8672 12.9233L15.374 11.4155C15.499 11.2906 15.669 11.2203 15.8457 11.2202ZM18.5332 6.6665C19.205 6.6665 19.8501 6.93365 20.3252 7.40869C20.8001 7.88372 21.0664 8.52802 21.0664 9.19971V18.5327C21.0664 19.2045 20.8002 19.8496 20.3252 20.3247C19.8501 20.7997 19.205 21.0669 18.5332 21.0669H9.2002C8.52852 21.0669 7.8842 20.7996 7.40918 20.3247C6.93414 19.8496 6.66699 19.2046 6.66699 18.5327V17.3335H5.05176C4.49021 17.3332 3.95179 17.1095 3.55469 16.7124C3.15759 16.3153 2.9339 15.7769 2.93359 15.2153V5.05127C2.93384 4.48967 3.15761 3.95134 3.55469 3.5542C3.9518 3.15709 4.49017 2.9334 5.05176 2.93311H15.2148C15.7766 2.93311 16.3155 3.15609 16.7129 3.55322C17.1102 3.9504 17.3337 4.48947 17.334 5.05127V6.6665H18.5332Z",
-            fill: fill
+            fill: _color
         })
     });
 };

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

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

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

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

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

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

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

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

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