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

package/dist/web/ChartLineCheckedIcon.js

@@ -1,18 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const ChartLineCheckedIcon_ChartLineCheckedIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M16.7734 2.70068C18.7805 2.70068 20.413 4.40994 20.4131 6.51025V11.2163C20.4129 11.5881 20.1111 11.8901 19.7393 11.8901C19.3674 11.8901 19.0656 11.5881 19.0654 11.2163V6.51025C19.0653 5.15391 18.0365 4.04932 16.7734 4.04932H5.6416C4.37869 4.04956 3.35071 5.15293 3.35059 6.51025V15.4214C3.35065 16.7776 4.37865 17.8821 5.6416 17.8823H13.543C13.487 17.6065 13.457 17.3211 13.457 17.0288C13.457 14.6704 15.3692 12.7585 17.7275 12.7583C20.0861 12.7583 21.998 14.6703 21.998 17.0288C21.998 19.3873 20.086 21.2993 17.7275 21.2993C16.1746 21.2992 14.8157 20.4697 14.0684 19.23H5.6416C3.63473 19.2297 2.00209 17.5206 2.00195 15.4204V6.51025C2.00208 4.41008 3.63472 2.70092 5.6416 2.70068H16.7734ZM20.4365 16.0142C20.1953 15.773 19.8039 15.7732 19.5625 16.0142L17.751 17.8247L15.9414 16.0142L15.8438 15.9351C15.6039 15.7769 15.2775 15.8031 15.0664 16.0142C14.8553 16.2253 14.8291 16.5516 14.9873 16.7915L15.0664 16.8892L17.3145 19.1362C17.5559 19.3771 17.9472 19.3775 18.1885 19.1362L20.4365 16.8892C20.6777 16.6479 20.6774 16.2556 20.4365 16.0142ZM16.0469 7.604C16.0547 7.60513 16.0616 7.60679 16.0684 7.60791C16.129 7.61803 16.1854 7.63595 16.2393 7.66064C16.2448 7.66289 16.2503 7.66624 16.2559 7.66846C16.2828 7.68192 16.3074 7.6967 16.332 7.7124L16.333 7.71338C16.3566 7.73023 16.381 7.74799 16.4023 7.76709C16.4079 7.77157 16.4124 7.77727 16.418 7.78174C16.4382 7.80196 16.4596 7.82275 16.4775 7.84521L16.4795 7.84717C16.4986 7.86964 16.5145 7.89374 16.5303 7.91846C16.5335 7.92288 16.5368 7.92863 16.54 7.93408C16.5561 7.96018 16.5705 7.98775 16.582 8.01611V8.01709L16.583 8.02002C16.5931 8.04698 16.6015 8.07577 16.6094 8.10498C16.6116 8.11053 16.6131 8.11604 16.6143 8.12158C16.621 8.15075 16.6255 8.18016 16.6289 8.21045C16.6299 8.21469 16.6299 8.21796 16.6299 8.22217L16.6338 8.27393V11.2534C16.6338 11.6254 16.331 11.9282 15.959 11.9282C15.5871 11.9282 15.2852 11.6254 15.2852 11.2534V9.88721L11.6123 13.5103C11.4842 13.6372 11.3108 13.7102 11.1299 13.7046C11.0406 13.7036 10.9521 13.6844 10.8701 13.6489C10.7883 13.6134 10.7141 13.562 10.6523 13.4976L9.05762 11.8364L6.48828 14.3521C6.35683 14.48 6.18619 14.5444 6.0166 14.5444C5.84133 14.5444 5.66677 14.4771 5.53418 14.3423C5.47224 14.279 5.42366 14.2037 5.39062 14.1216C5.35761 14.0394 5.34088 13.9513 5.3418 13.8628C5.34274 13.7742 5.36171 13.6865 5.39648 13.605C5.43126 13.5236 5.48165 13.4491 5.54492 13.3872L8.60059 10.396C8.72858 10.2703 8.90469 10.1959 9.08203 10.2036C9.17123 10.2046 9.25997 10.2238 9.3418 10.2593C9.42345 10.2947 9.49706 10.3463 9.55859 10.4106L11.1494 12.0679L14.3125 8.94678H12.7705C12.3987 8.9466 12.0967 8.64385 12.0967 8.27197C12.0967 7.90014 12.3987 7.59832 12.7705 7.59814H15.9561C15.9874 7.59816 16.0178 7.59952 16.0469 7.604Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/ChartLineIcon.js

@@ -1,18 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const ChartLineIcon_ChartLineIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M4.12402 3.41602C4.53519 3.41602 4.85057 3.75048 4.85059 4.15625V19.1582H19.877C20.2812 19.1582 20.6172 19.4642 20.6172 19.877C20.6171 20.0729 20.539 20.2618 20.4004 20.4004C20.2617 20.5388 20.0729 20.6162 19.877 20.6162H4.12402C3.92799 20.6162 3.73925 20.539 3.60059 20.4004C3.46199 20.2618 3.3849 20.0729 3.38477 19.877V4.15625C3.38477 3.96023 3.46207 3.77149 3.60059 3.63281C3.73927 3.49413 3.9279 3.41605 4.12402 3.41602ZM19.8145 6.35352C19.912 6.3486 20.0096 6.36253 20.1016 6.39551C20.1935 6.4285 20.2784 6.47911 20.3506 6.54492C20.4227 6.61072 20.4812 6.69084 20.5225 6.7793C20.5636 6.86767 20.5868 6.96413 20.5908 7.06152C20.5947 7.15876 20.5796 7.25634 20.5459 7.34766C20.5121 7.43909 20.4599 7.52328 20.3936 7.59473L20.3916 7.59766L15.0752 12.9131C14.9458 13.0548 14.7667 13.1414 14.5752 13.1533C14.3837 13.1652 14.1947 13.1021 14.0488 12.9775L14.042 12.9717L11.3408 10.2129L7.23242 14.292L7.23145 14.291C7.10145 14.4337 6.92139 14.5209 6.72852 14.5322C6.53369 14.5435 6.34159 14.4778 6.19531 14.3486C6.04911 14.2193 5.95998 14.0365 5.94727 13.8418C5.93472 13.6471 5.99972 13.4547 6.12793 13.3076L6.13281 13.3027L10.7305 8.68164C10.8587 8.53891 11.0379 8.45188 11.2295 8.43848C11.3747 8.42838 11.5185 8.46092 11.6436 8.53125L11.7617 8.61426L11.7686 8.62012L14.4746 11.3838L19.3047 6.59375C19.369 6.52308 19.4469 6.46505 19.5332 6.42383C19.6212 6.38185 19.717 6.35846 19.8145 6.35352Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/ChartPieIcon.js

@@ -1,18 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const ChartPieIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M21.2308 11.2308C21.1985 11.2308 21.1715 11.2454 21.1408 11.2492C21.11 11.2454 21.0823 11.2308 21.0508 11.2308H12.7692V2.86538C12.7692 2.84846 12.7608 2.83385 12.7592 2.81692C12.7608 2.80077 12.7692 2.78615 12.7692 2.76923C12.7692 2.56522 12.6882 2.36956 12.5439 2.2253C12.3997 2.08104 12.204 2 12 2C6.48615 2 2 6.48615 2 12C2 17.5138 6.48615 22 12 22C17.5138 22 22 17.5138 22 12C22 11.796 21.919 11.6003 21.7747 11.4561C21.6304 11.3118 21.4348 11.2308 21.2308 11.2308ZM12 20.4615C7.33462 20.4615 3.53846 16.6654 3.53846 12C3.53846 7.59385 6.92462 3.96769 11.2308 3.57769V12C11.2308 12.204 11.3118 12.3997 11.4561 12.5439C11.6003 12.6882 11.796 12.7692 12 12.7692H20.4223C20.0323 17.0754 16.4062 20.4615 12 20.4615ZM14.7323 3.98846C15.9229 4.4004 17.0076 5.07057 17.9087 5.95095C18.8098 6.83133 19.5051 7.90013 19.9446 9.08077C19.9777 9.1778 20.0299 9.26724 20.098 9.34383C20.1661 9.42042 20.2489 9.48262 20.3414 9.52677C20.434 9.57091 20.5344 9.59612 20.6368 9.6009C20.7392 9.60569 20.8415 9.58995 20.9378 9.55463C21.034 9.5193 21.1222 9.46509 21.1972 9.39519C21.2722 9.32529 21.3324 9.2411 21.3744 9.14758C21.4164 9.05405 21.4393 8.95308 21.4417 8.85059C21.4441 8.7481 21.426 8.64616 21.3885 8.55077C20.8776 7.15074 20.059 5.88323 18.993 4.84173C17.927 3.80022 16.6408 3.01128 15.2292 2.53308C15.0362 2.46718 14.825 2.48065 14.6419 2.57052C14.4588 2.6604 14.319 2.81931 14.2531 3.01231C14.1872 3.2053 14.2007 3.41657 14.2905 3.59964C14.3804 3.7827 14.5393 3.92257 14.7323 3.98846Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/ChartUpIcon.js

@@ -1,18 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const ChartUpIcon_ChartUpIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M5.14954 15.6321C5.56395 15.6322 5.90025 15.9687 5.90051 16.3831V20.3323C5.90027 20.7467 5.56396 21.0831 5.14954 21.0833C4.73506 21.0832 4.39782 20.7467 4.39758 20.3323V16.3831C4.39785 15.9686 4.73507 15.6322 5.14954 15.6321ZM9.83118 12.0042C10.2458 12.0042 10.5822 12.3415 10.5822 12.7561V20.3323C10.5819 20.7467 10.2456 21.0832 9.83118 21.0833C9.4167 21.0832 9.08044 20.7467 9.0802 20.3323V12.7561C9.0802 12.3415 9.41655 12.0042 9.83118 12.0042ZM14.5118 13.3586C14.9265 13.3586 15.2638 13.6949 15.2638 14.1096V20.3323C15.2634 20.7467 14.9264 21.0833 14.5118 21.0833C14.0976 21.0829 13.7611 20.7466 13.7609 20.3323V14.1096C13.7609 13.6951 14.0974 13.359 14.5118 13.3586ZM19.1945 9.12817C19.6089 9.1284 19.9454 9.46463 19.9454 9.87915V20.3323C19.945 20.7466 19.6089 21.083 19.1945 21.0833C18.78 21.0832 18.4427 20.7467 18.4425 20.3323V9.87915C18.4425 9.46453 18.7799 9.12825 19.1945 9.12817ZM14.0577 2.92505L19.0128 3.27856C19.4159 3.30726 19.7583 3.58859 19.8644 3.97778C19.9703 4.36751 19.8175 4.78396 19.4845 5.01294L13.5636 9.08032C13.2912 9.26852 12.9457 9.30228 12.6407 9.16821L10.09 8.03345L5.25305 11.5579C5.12482 11.6512 4.97026 11.7014 4.81165 11.7014C4.5801 11.7014 4.35055 11.5949 4.20325 11.3928C3.95925 11.0578 4.03405 10.5876 4.36926 10.343L9.46399 6.63208L9.57141 6.5647C9.83006 6.42522 10.1413 6.41138 10.4122 6.53345L12.9659 7.66821L17.338 4.66528L13.9513 4.42407C13.5373 4.39459 13.2256 4.03489 13.255 3.62134C13.2847 3.20696 13.6531 2.89682 14.0577 2.92505Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/CheckIcon.js

@@ -1,18 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const CheckIcon_CheckIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M19.3281 6.28711C19.7108 5.90439 20.3302 5.9044 20.7129 6.28711C21.0956 6.66983 21.0956 7.28916 20.7129 7.67188L10.042 18.3389C10.0336 18.3479 10.0264 18.3584 10.0176 18.3672C9.82525 18.5574 9.57459 18.6514 9.32422 18.6514C9.07383 18.6513 8.82312 18.5555 8.63281 18.3652L3.28711 13.0186C2.90448 12.6358 2.90442 12.0165 3.28711 11.6338C3.66982 11.2513 4.28923 11.2512 4.67188 11.6338L9.32422 16.2891L19.3281 6.28711Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/ChefIcon.js

@@ -1,18 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const ChefIcon_ChefIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M6.66818 15.8746H14.1762H17.2926M11.9216 3.42871C14.3239 3.42871 16.3416 5.07597 16.9067 7.30262L17.1423 7.30322C19.0358 7.30322 20.5708 8.83824 20.5708 10.7318C20.5708 12.534 19.1804 14.0114 17.4138 14.1498L17.4145 17.5889C17.4145 18.5357 16.647 19.3032 15.7002 19.3032H8.25663C7.30985 19.3032 6.54234 18.5357 6.54234 17.5889L6.54179 14.1461C4.79578 13.9872 3.42798 12.5192 3.42798 10.7318C3.42798 8.83824 4.963 7.30322 6.85655 7.30322L6.93643 7.30262C7.5015 5.07597 9.51916 3.42871 11.9216 3.42871Z",
-            stroke: _color,
+            stroke: "currentColor",
             strokeWidth: 1.37143
         })
     });

package/dist/web/ChefOffIcon.js

@@ -1,18 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const ChefOffIcon_ChefOffIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M20.0605 18.1416L18.9424 19.2607L17.9863 18.3047C17.6817 19.2794 16.7763 19.988 15.7012 19.9883H8.25781C6.93244 19.9881 5.85742 18.9133 5.85742 17.5879L5.85645 14.7217C4.06788 14.2743 2.74316 12.6575 2.74316 10.7305C2.74352 8.63705 4.30689 6.90808 6.33008 6.64941L4.7998 5.11914L5.91895 4L20.0605 18.1416ZM7.22852 16.5596V17.5879L7.23438 17.6934C7.28718 18.2118 7.72547 18.6161 8.25781 18.6162H15.7012C16.2689 18.6158 16.7295 18.1557 16.7295 17.5879V17.0479L16.2412 16.5596H7.22852ZM7.47168 7.9834L6.94238 7.9873L6.8623 7.98828H6.85742C5.34293 7.98841 4.11464 9.21604 4.11426 10.7305C4.11426 12.1599 5.20864 13.3346 6.60449 13.4619L7.22852 13.5186V15.1875H14.8691L7.50977 7.8291L7.47168 7.9834ZM11.9219 2.74219C14.4592 2.7424 16.6162 4.36397 17.417 6.62598C19.561 6.76722 21.2565 8.55078 21.2568 10.7305C21.2568 12.3173 20.3578 13.6918 19.042 14.3779L17.998 13.334C19.0933 12.9744 19.8857 11.9461 19.8857 10.7305C19.8854 9.21612 18.657 7.98854 17.1426 7.98828H17.1416L16.9053 7.9873L16.374 7.98633L16.2432 7.4707C15.7533 5.54118 14.0027 4.1135 11.9219 4.11328C11.0275 4.11341 10.1943 4.37799 9.49609 4.83203L8.50879 3.8457C9.46801 3.15174 10.6472 2.74233 11.9219 2.74219Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/ChevronDownIcon.js

@@ -1,12 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const ChevronDownIcon_ChevronDownIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
@@ -14,7 +13,7 @@ const ChevronDownIcon_ChevronDownIcon = ({ size = 16, width = size, height = siz
             fillRule: "evenodd",
             clipRule: "evenodd",
             d: "M12.9007 16.4336C12.6661 16.6681 12.3478 16.7999 12.016 16.7999C11.6842 16.7999 11.366 16.6681 11.1314 16.4336L4.05267 9.35487C3.93315 9.23944 3.83782 9.10137 3.77224 8.9487C3.70666 8.79604 3.67214 8.63184 3.6707 8.46569C3.66926 8.29954 3.70092 8.13477 3.76384 7.98099C3.82675 7.82721 3.91967 7.68749 4.03716 7.57001C4.15464 7.45252 4.29436 7.3596 4.44814 7.29668C4.60192 7.23377 4.76669 7.20211 4.93284 7.20355C5.09899 7.205 5.26319 7.23951 5.41585 7.30509C5.56852 7.37067 5.70659 7.466 5.82202 7.58551L12.016 13.7795L18.21 7.58551C18.446 7.35758 18.7621 7.23145 19.0902 7.2343C19.4183 7.23715 19.7321 7.36875 19.9642 7.60076C20.1962 7.83276 20.3278 8.14661 20.3306 8.4747C20.3335 8.80279 20.2073 9.11887 19.9794 9.35487L12.9007 16.4336Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/ChevronDownSmallIcon.js

@@ -1,12 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const ChevronDownSmallIcon_ChevronDownSmallIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
@@ -14,7 +13,7 @@ const ChevronDownSmallIcon_ChevronDownSmallIcon = ({ size = 16, width = size, he
             fillRule: "evenodd",
             clipRule: "evenodd",
             d: "M12.7071 15.702C12.5196 15.8894 12.2653 15.9948 12.0001 15.9948C11.7349 15.9948 11.4806 15.8894 11.2931 15.702L5.6361 10.045C5.54059 9.95272 5.46441 9.84237 5.412 9.72037C5.35959 9.59837 5.332 9.46714 5.33085 9.33437C5.32969 9.20159 5.355 9.06991 5.40528 8.94701C5.45556 8.82411 5.52981 8.71246 5.6237 8.61857C5.7176 8.52468 5.82925 8.45042 5.95214 8.40014C6.07504 8.34986 6.20672 8.32456 6.3395 8.32571C6.47228 8.32687 6.6035 8.35445 6.7255 8.40686C6.84751 8.45927 6.95785 8.53545 7.0501 8.63096L12.0001 13.581L16.9501 8.63096C17.1387 8.44881 17.3913 8.34801 17.6535 8.35029C17.9157 8.35257 18.1665 8.45774 18.3519 8.64315C18.5373 8.82855 18.6425 9.07937 18.6448 9.34156C18.6471 9.60376 18.5463 9.85636 18.3641 10.045L12.7071 15.702Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/ChevronLeftIcon.js

@@ -1,12 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const ChevronLeftIcon_ChevronLeftIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
@@ -14,7 +13,7 @@ const ChevronLeftIcon_ChevronLeftIcon = ({ size = 16, width = size, height = siz
             fillRule: "evenodd",
             clipRule: "evenodd",
             d: "M7.56656 12.9008C7.33198 12.6662 7.2002 12.348 7.2002 12.0162C7.2002 11.6843 7.33198 11.3661 7.56656 11.1315L14.6452 4.05279C14.7607 3.93327 14.8988 3.83795 15.0514 3.77237C15.2041 3.70679 15.3683 3.67227 15.5344 3.67082C15.7006 3.66938 15.8654 3.70104 16.0191 3.76396C16.1729 3.82687 16.3126 3.91979 16.4301 4.03728C16.5476 4.15477 16.6405 4.29448 16.7034 4.44826C16.7664 4.60204 16.798 4.76682 16.7966 4.93296C16.7951 5.09911 16.7606 5.26331 16.695 5.41597C16.6294 5.56864 16.5341 5.70672 16.4146 5.82215L10.2206 12.0162L16.4146 18.2102C16.6425 18.4462 16.7687 18.7622 16.7658 19.0903C16.763 19.4184 16.6314 19.7323 16.3994 19.9643C16.1674 20.1963 15.8535 20.3279 15.5254 20.3307C15.1973 20.3336 14.8812 20.2075 14.6452 19.9795L7.56656 12.9008Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/ChevronLeftSmallIcon.js

@@ -1,12 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const ChevronLeftSmallIcon_ChevronLeftSmallIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
@@ -14,7 +13,7 @@ const ChevronLeftSmallIcon_ChevronLeftSmallIcon = ({ size = 16, width = size, he
             fillRule: "evenodd",
             clipRule: "evenodd",
             d: "M8.29791 12.707C8.11044 12.5194 8.00513 12.2651 8.00513 12C8.00513 11.7348 8.11044 11.4805 8.29791 11.293L13.9549 5.63598C14.0472 5.54047 14.1575 5.46428 14.2795 5.41188C14.4015 5.35947 14.5327 5.33188 14.6655 5.33073C14.7983 5.32957 14.93 5.35487 15.0529 5.40516C15.1758 5.45544 15.2874 5.52969 15.3813 5.62358C15.4752 5.71747 15.5495 5.82913 15.5997 5.95202C15.65 6.07492 15.6753 6.2066 15.6742 6.33938C15.673 6.47216 15.6454 6.60338 15.593 6.72538C15.5406 6.84739 15.4644 6.95773 15.3689 7.04998L10.4189 12L15.3689 16.95C15.5511 17.1386 15.6519 17.3912 15.6496 17.6534C15.6473 17.9156 15.5421 18.1664 15.3567 18.3518C15.1713 18.5372 14.9205 18.6424 14.6583 18.6447C14.3961 18.6469 14.1435 18.5461 13.9549 18.364L8.29791 12.707Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/ChevronRightIcon.js

@@ -1,12 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const ChevronRightIcon_ChevronRightIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
@@ -14,7 +13,7 @@ const ChevronRightIcon_ChevronRightIcon = ({ size = 16, width = size, height = s
             fillRule: "evenodd",
             clipRule: "evenodd",
             d: "M16.4334 11.0992C16.668 11.3338 16.7998 11.652 16.7998 11.9838C16.7998 12.3157 16.668 12.6339 16.4334 12.8685L9.35475 19.9472C9.23932 20.0667 9.10125 20.1621 8.94858 20.2276C8.79592 20.2932 8.63172 20.3277 8.46557 20.3292C8.29942 20.3306 8.13465 20.299 7.98087 20.236C7.82708 20.1731 7.68737 20.0802 7.56988 19.9627C7.45239 19.8452 7.35948 19.7055 7.29656 19.5517C7.23365 19.398 7.20199 19.2332 7.20343 19.067C7.20487 18.9009 7.23939 18.7367 7.30497 18.584C7.37055 18.4314 7.46588 18.2933 7.58539 18.1779L13.7794 11.9838L7.58539 5.78984C7.35745 5.55384 7.23133 5.23776 7.23418 4.90967C7.23703 4.58158 7.36863 4.26773 7.60063 4.03573C7.83264 3.80372 8.14648 3.67212 8.47457 3.66927C8.80266 3.66642 9.11875 3.79255 9.35475 4.02048L16.4334 11.0992Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/ChevronRightSmallIcon.js

@@ -1,12 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const ChevronRightSmallIcon_ChevronRightSmallIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
@@ -14,7 +13,7 @@ const ChevronRightSmallIcon_ChevronRightSmallIcon = ({ size = 16, width = size,
             fillRule: "evenodd",
             clipRule: "evenodd",
             d: "M15.7021 11.293C15.8896 11.4806 15.9949 11.7349 15.9949 12C15.9949 12.2652 15.8896 12.5195 15.7021 12.707L10.0451 18.364C9.95284 18.4595 9.8425 18.5357 9.72049 18.5881C9.59849 18.6405 9.46727 18.6681 9.33449 18.6693C9.20171 18.6704 9.07003 18.6451 8.94713 18.5948C8.82424 18.5446 8.71258 18.4703 8.61869 18.3764C8.5248 18.2825 8.45055 18.1709 8.40026 18.048C8.34998 17.9251 8.32468 17.7934 8.32584 17.6606C8.32699 17.5278 8.35458 17.3966 8.40699 17.2746C8.45939 17.1526 8.53558 17.0423 8.63109 16.95L13.5811 12L8.63109 7.05002C8.44893 6.86142 8.34814 6.60882 8.35041 6.34662C8.35269 6.08443 8.45786 5.83361 8.64327 5.6482C8.82868 5.4628 9.07949 5.35763 9.34169 5.35535C9.60388 5.35307 9.85649 5.45386 10.0451 5.63602L15.7021 11.293Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/ChevronUpIcon.js

@@ -1,12 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const ChevronUpIcon_ChevronUpIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
@@ -14,7 +13,7 @@ const ChevronUpIcon_ChevronUpIcon = ({ size = 16, width = size, height = size, c
             fillRule: "evenodd",
             clipRule: "evenodd",
             d: "M11.099 7.56644C11.3337 7.33186 11.6519 7.20007 11.9837 7.20007C12.3155 7.20007 12.6337 7.33186 12.8684 7.56644L19.9471 14.6451C20.0666 14.7606 20.1619 14.8986 20.2275 15.0513C20.2931 15.204 20.3276 15.3682 20.3291 15.5343C20.3305 15.7005 20.2988 15.8652 20.2359 16.019C20.173 16.1728 20.0801 16.3125 19.9626 16.43C19.8451 16.5475 19.7054 16.6404 19.5516 16.7033C19.3978 16.7662 19.2331 16.7979 19.0669 16.7964C18.9008 16.795 18.7366 16.7605 18.5839 16.6949C18.4312 16.6293 18.2932 16.534 18.1777 16.4145L11.9837 10.2205L5.78972 16.4145C5.55372 16.6424 5.23764 16.7685 4.90954 16.7657C4.58146 16.7628 4.26761 16.6312 4.03561 16.3992C3.8036 16.1672 3.672 15.8534 3.66915 15.5253C3.6663 15.1972 3.79242 14.8811 4.02036 14.6451L11.099 7.56644Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/ChevronUpSmallIcon.js

@@ -1,12 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const ChevronUpSmallIcon_ChevronUpSmallIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
@@ -14,7 +13,7 @@ const ChevronUpSmallIcon_ChevronUpSmallIcon = ({ size = 16, width = size, height
             fillRule: "evenodd",
             clipRule: "evenodd",
             d: "M11.2929 8.29804C11.4804 8.11056 11.7347 8.00525 11.9999 8.00525C12.2651 8.00525 12.5194 8.11056 12.7069 8.29804L18.3639 13.955C18.4594 14.0473 18.5356 14.1576 18.588 14.2796C18.6404 14.4016 18.668 14.5329 18.6692 14.6656C18.6703 14.7984 18.645 14.9301 18.5947 15.053C18.5444 15.1759 18.4702 15.2875 18.3763 15.3814C18.2824 15.4753 18.1708 15.5496 18.0479 15.5999C17.925 15.6501 17.7933 15.6754 17.6605 15.6743C17.5277 15.6731 17.3965 15.6455 17.2745 15.5931C17.1525 15.5407 17.0421 15.4645 16.9499 15.369L11.9999 10.419L7.0499 15.369C6.8613 15.5512 6.6087 15.652 6.3465 15.6497C6.0843 15.6474 5.83349 15.5423 5.64808 15.3569C5.46267 15.1714 5.3575 14.9206 5.35523 14.6584C5.35295 14.3962 5.45374 14.1436 5.6359 13.955L11.2929 8.29804Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/ChevronsLeftIcon.js

@@ -1,18 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const ChevronsLeftIcon_ChevronsLeftIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M11.1782 12.0005C11.1782 11.3667 11.4069 10.7544 11.8237 10.2779L17.8403 3.32672C18.2074 2.90257 18.8516 2.85627 19.2759 3.2232C19.5091 3.42475 19.6274 3.70911 19.6274 3.99274C19.6274 4.22754 19.5471 4.4656 19.3794 4.65875L13.3599 11.6148L13.3589 11.6158C13.1678 11.8343 13.1678 12.1658 13.3589 12.3843L13.3628 12.3882L13.3628 12.3892L19.3794 19.3423C19.723 19.7396 19.7061 20.3305 19.3511 20.7056L19.2759 20.7779C18.8523 21.1442 18.2079 21.1006 17.8403 20.6744L11.8237 13.7232C11.4071 13.2453 11.1783 12.6347 11.1782 12.0005ZM4.36865 12.0005C4.36865 11.3667 4.59738 10.7544 5.01416 10.2779L11.0308 3.32672C11.3978 2.90257 12.0421 2.85627 12.4663 3.22321C12.6995 3.42475 12.8179 3.70911 12.8179 3.99274C12.8178 4.22754 12.7375 4.4656 12.5698 4.65875L6.55029 11.6148L6.54932 11.6158C6.3582 11.8343 6.35826 12.1658 6.54932 12.3843L6.55322 12.3882L6.55322 12.3892L12.5698 19.3423C12.9134 19.7396 12.8965 20.3305 12.5415 20.7056L12.4663 20.7779C12.0427 21.1442 11.3983 21.1006 11.0308 20.6744L5.01416 13.7232C4.59729 13.2468 4.36871 12.6345 4.36865 12.0005Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/ChevronsUpIcon.js

@@ -1,18 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const ChevronsUpIcon_ChevronsUpIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M11.9969 11.1824C12.6308 11.1824 13.2431 11.4111 13.7196 11.8279L20.6707 17.8445C21.0948 18.2115 21.1412 18.8558 20.7743 19.28C20.5727 19.5131 20.2883 19.6316 20.0047 19.6316C19.77 19.6316 19.5318 19.5512 19.3387 19.3835L12.3827 13.364L12.3817 13.363C12.1632 13.1718 11.8317 13.172 11.6131 13.363L11.6092 13.3669H11.6082L4.65512 19.3835C4.25796 19.7269 3.66691 19.7101 3.29183 19.3552L3.21957 19.28C2.85327 18.8565 2.89699 18.2121 3.32308 17.8445L10.2743 11.8279C10.7522 11.4113 11.3627 11.1824 11.9969 11.1824ZM11.9969 4.3689C12.6307 4.3689 13.2431 4.59769 13.7196 5.0144L20.6707 11.031C21.0948 11.398 21.1411 12.0423 20.7743 12.4666C20.5727 12.6998 20.2884 12.8181 20.0047 12.8181C19.7699 12.8181 19.5319 12.7378 19.3387 12.5701L12.3827 6.55054L12.3817 6.54956C12.1632 6.35858 11.8316 6.35864 11.6131 6.54956L11.6092 6.55347H11.6082L4.65512 12.5701C4.25791 12.9137 3.66697 12.8968 3.29183 12.5417L3.21957 12.4666C2.85341 12.0429 2.89687 11.3985 3.32308 11.031L10.2743 5.0144C10.7507 4.59759 11.363 4.36895 11.9969 4.3689Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/CircleAlertIcon.js

@@ -1,18 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const CircleAlertIcon_CircleAlertIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M12 2C17.5229 2 22 6.47715 22 12C22 17.5229 17.5229 22 12 22C6.47715 22 2 17.5229 2 12C2 6.47715 6.47715 2 12 2ZM12 3.71875C7.42639 3.71875 3.71875 7.42639 3.71875 12C3.71875 16.5736 7.42639 20.2812 12 20.2812C16.5736 20.2812 20.2812 16.5736 20.2812 12C20.2812 7.42639 16.5736 3.71875 12 3.71875ZM12 15.3594C12.6904 15.3594 13.25 15.919 13.25 16.6094C13.25 17.2997 12.6904 17.8594 12 17.8594C11.3096 17.8594 10.75 17.2997 10.75 16.6094C10.75 15.919 11.3096 15.3594 12 15.3594ZM12 6.14062C12.4746 6.14062 12.8594 6.52539 12.8594 7V13.6309C12.8593 14.1054 12.4746 14.4902 12 14.4902C11.5254 14.4902 11.1407 14.1054 11.1406 13.6309V7C11.1406 6.52539 11.5254 6.14062 12 6.14062Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/CircleCheckFadedIcon.js

@@ -1,12 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const CircleCheckFadedIcon_CircleCheckFadedIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsxs("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
@@ -18,11 +17,11 @@ const CircleCheckFadedIcon_CircleCheckFadedIcon = ({ size = 16, width = size, he
                 width: 19.9922,
                 height: 19.9922,
                 rx: 9.99609,
-                fill: _color
+                fill: "currentColor"
             }),
             /*#__PURE__*/ jsx("path", {
                 d: "M17.8098 7.63428C18.1134 7.33103 18.6039 7.33105 18.9075 7.63428C19.2111 7.9379 19.2111 8.42928 18.9075 8.73291L10.4612 17.1772C10.4497 17.1905 10.4387 17.2047 10.4261 17.2173C10.2735 17.3681 10.0748 17.4428 9.87625 17.4429L9.8743 17.4419V17.4429C9.67559 17.4429 9.47649 17.3664 9.32547 17.2153C9.31794 17.2078 9.31114 17.1997 9.30399 17.1919L5.08621 12.9741C4.7827 12.6705 4.78264 12.1791 5.08621 11.8755C5.3898 11.5719 5.88121 11.572 6.18484 11.8755L9.8743 15.5669L17.8098 7.63428Z",
-                fill: _color
+                fill: "currentColor"
             })
         ]
     });

package/dist/web/CircleCheckFilledIcon.js

@@ -1,12 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const CircleCheckFilledIcon_CircleCheckFilledIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsxs("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
@@ -15,7 +14,7 @@ const CircleCheckFilledIcon_CircleCheckFilledIcon = ({ size = 16, width = size,
                 fillRule: "evenodd",
                 clipRule: "evenodd",
                 d: "M12 22C13.3132 22 14.6136 21.7413 15.8268 21.2388C17.0401 20.7362 18.1425 19.9997 19.0711 19.0711C19.9997 18.1425 20.7362 17.0401 21.2388 15.8268C21.7413 14.6136 22 13.3132 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17316C20.7362 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2C9.34784 2 6.8043 3.05357 4.92893 4.92893C3.05357 6.8043 2 9.34783 2 12C2 14.6522 3.05357 17.1957 4.92893 19.0711C6.8043 20.9464 9.34784 22 12 22ZM17.2978 9.37778C17.3953 9.26627 17.4696 9.13638 17.5162 8.99574C17.5628 8.85511 17.5808 8.70657 17.5692 8.55887C17.5576 8.41117 17.5165 8.26729 17.4484 8.1357C17.3804 8.0041 17.2866 7.88745 17.1728 7.7926C17.059 7.69775 16.9274 7.62663 16.7857 7.5834C16.644 7.54018 16.495 7.52574 16.3476 7.54092C16.2003 7.5561 16.0574 7.60061 15.9275 7.67181C15.7976 7.74302 15.6832 7.83949 15.5911 7.95555L11.5933 12.7522C11.2078 13.2144 10.9911 13.4711 10.8189 13.6278L10.8122 13.6344L10.8044 13.6289C10.6178 13.4878 10.3789 13.2522 9.95445 12.8267L8.34111 11.2144C8.13155 11.012 7.85088 10.9001 7.55956 10.9026C7.26823 10.9051 6.98954 11.022 6.78354 11.228C6.57753 11.434 6.46067 11.7127 6.45814 12.004C6.45561 12.2953 6.5676 12.576 6.77 12.7856L8.38222 14.3978L8.42778 14.4433C8.79111 14.8067 9.13889 15.1556 9.46445 15.4011C9.82778 15.6767 10.3044 15.9344 10.9144 15.9078C11.5256 15.88 11.9767 15.5789 12.3144 15.2722C12.6144 14.9978 12.9311 14.6189 13.2589 14.2244L13.3 14.1756L17.2978 9.37778Z",
-                fill: _color
+                fill: "currentColor"
             }),
             /*#__PURE__*/ jsx("path", {
                 fillRule: "evenodd",

package/dist/web/CircleCheckIcon.js

@@ -1,18 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const CircleCheckIcon_CircleCheckIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M8.11523 2.78809C10.5572 1.75605 13.3086 1.73732 15.7646 2.73535C18.2207 3.73341 20.1802 5.66673 21.2119 8.11035C22.2435 10.5539 22.2635 13.3077 21.2666 15.7656C20.2697 18.2236 18.3371 20.1849 15.8955 21.2178C14.6648 21.7377 13.3418 22.0037 12.0059 22C9.69812 22.0037 7.45957 21.2076 5.67188 19.7471C3.88435 18.2866 2.65754 16.2516 2.19922 13.9883C1.7409 11.7249 2.07981 9.37274 3.1582 7.33105C4.2367 5.28932 5.98815 3.68381 8.11523 2.78809ZM12.0059 3.57031C7.35309 3.57031 3.58008 7.34669 3.58008 12.0029C3.58018 16.6591 7.35316 20.4346 12.0059 20.4346C16.6584 20.4344 20.4315 16.659 20.4316 12.0029C20.4316 7.34677 16.6585 3.57045 12.0059 3.57031ZM17.5283 7.82812C17.7373 7.82812 17.9382 7.91072 18.0859 8.05859C18.2336 8.20645 18.3164 8.40719 18.3164 8.61621C18.3164 8.82524 18.2336 9.02598 18.0859 9.17383L10.8916 16.3535C10.7472 16.501 10.55 16.5859 10.3438 16.5889C10.1376 16.5859 9.94121 16.5009 9.79688 16.3535L6.04297 12.5977C5.89524 12.4498 5.81254 12.2491 5.8125 12.04C5.8125 11.831 5.89526 11.6303 6.04297 11.4824C6.19074 11.3345 6.39161 11.251 6.60059 11.251C6.80942 11.2511 7.00955 11.3346 7.15723 11.4824L10.3438 14.6904L16.9707 8.05859C17.1185 7.91072 17.3193 7.82813 17.5283 7.82812Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/CircleChevronDownIcon.js

@@ -1,18 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const CircleChevronDownIcon_CircleChevronDownIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M12 1.90039C13.3629 1.90039 14.686 2.16744 15.9316 2.69434C17.1343 3.20307 18.2144 3.93121 19.1416 4.8584C20.0688 5.78561 20.797 6.86567 21.3057 8.06836C21.8326 9.31405 22.0996 10.637 22.0996 12C22.0996 13.3629 21.8325 14.686 21.3057 15.9316C20.7969 17.1343 20.0688 18.2144 19.1416 19.1416C18.2144 20.0688 17.1343 20.797 15.9316 21.3057C14.6859 21.8326 13.3629 22.0996 12 22.0996C10.637 22.0996 9.31404 21.8325 8.06836 21.3057C6.86566 20.797 5.78559 20.0688 4.8584 19.1416C3.93121 18.2144 3.20307 17.1343 2.69434 15.9316C2.16749 14.686 1.90039 13.363 1.90039 12C1.90039 10.6371 2.16746 9.31405 2.69434 8.06836C3.20307 6.86566 3.93121 5.78562 4.8584 4.8584C5.78558 3.93122 6.8657 3.20304 8.06836 2.69434C9.31404 2.16743 10.6371 1.90039 12 1.90039ZM12 3.43262C7.2764 3.43262 3.43262 7.2764 3.43262 12C3.43262 16.7236 7.2764 20.5674 12 20.5674C16.7236 20.5674 20.5674 16.7236 20.5674 12C20.5674 7.27641 16.7236 3.43263 12 3.43262ZM7.74512 9.28027C7.84476 9.28114 7.94359 9.30153 8.03516 9.34082C8.12679 9.38018 8.21001 9.43803 8.2793 9.50977L11.9971 13.2275L15.7148 9.50977C15.8565 9.37296 16.0463 9.29713 16.2432 9.29883C16.44 9.30054 16.6283 9.37937 16.7676 9.51855C16.9068 9.65777 16.9855 9.8461 16.9873 10.043C16.989 10.2398 16.914 10.4297 16.7773 10.5713L12.5283 14.8203C12.3875 14.9611 12.1962 15.04 11.9971 15.04C11.7979 15.04 11.6067 14.9611 11.4658 14.8203L7.2168 10.5713C7.14528 10.5022 7.08814 10.4195 7.04883 10.3281C7.00951 10.2366 6.98919 10.1377 6.98828 10.0381C6.98742 9.93841 7.00622 9.83933 7.04395 9.74707C7.08171 9.65476 7.13749 9.57052 7.20801 9.5C7.27842 9.42963 7.36198 9.37367 7.4541 9.33594C7.54632 9.29821 7.64549 9.27945 7.74512 9.28027Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/CircleChevronUpIcon.js

@@ -1,18 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const CircleChevronUpIcon_CircleChevronUpIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M12 22.0996C13.3629 22.0996 14.686 21.8326 15.9316 21.3057C17.1343 20.7969 18.2144 20.0688 19.1416 19.1416C20.0688 18.2144 20.797 17.1343 21.3057 15.9316C21.8326 14.686 22.0996 13.363 22.0996 12C22.0996 10.6371 21.8325 9.31403 21.3057 8.06836C20.7969 6.86567 20.0688 5.78556 19.1416 4.8584C18.2144 3.93118 17.1343 3.20302 15.9316 2.69434C14.6859 2.16745 13.3629 1.90039 12 1.90039C10.637 1.90039 9.31404 2.16748 8.06836 2.69434C6.86566 3.20304 5.78559 3.93121 4.8584 4.8584C3.93121 5.78559 3.20307 6.86567 2.69434 8.06836C2.16749 9.31403 1.90039 10.637 1.90039 12C1.90039 13.3629 2.16746 14.6859 2.69434 15.9316C3.20307 17.1343 3.93121 18.2144 4.8584 19.1416C5.78558 20.0688 6.8657 20.797 8.06836 21.3057C9.31404 21.8326 10.6371 22.0996 12 22.0996ZM12 20.5674C7.2764 20.5674 3.43262 16.7236 3.43262 12C3.43262 7.27643 7.2764 3.43262 12 3.43262C16.7236 3.43263 20.5674 7.27644 20.5674 12C20.5674 16.7236 16.7236 20.5674 12 20.5674ZM7.74512 14.7197C7.84476 14.7189 7.94359 14.6985 8.03516 14.6592C8.12679 14.6198 8.21001 14.562 8.2793 14.4902L11.9971 10.7725L15.7148 14.4902C15.8565 14.627 16.0463 14.7029 16.2432 14.7012C16.44 14.6995 16.6283 14.6206 16.7676 14.4814C16.9068 14.3422 16.9855 14.1539 16.9873 13.957C16.989 13.7602 16.914 13.5703 16.7773 13.4287L12.5283 9.17969C12.3875 9.03889 12.1962 8.95997 11.9971 8.95996C11.7979 8.95996 11.6067 9.03888 11.4658 9.17969L7.2168 13.4287C7.14528 13.4978 7.08814 13.5805 7.04883 13.6719C7.00951 13.7634 6.98919 13.8623 6.98828 13.9619C6.98742 14.0616 7.00622 14.1607 7.04395 14.2529C7.08171 14.3452 7.13749 14.4295 7.20801 14.5C7.27842 14.5704 7.36198 14.6263 7.4541 14.6641C7.54632 14.7018 7.64549 14.7206 7.74512 14.7197Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/CircleCloseFadedIcon.js

@@ -1,12 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const CircleCloseFadedIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+    const clsx = 'currentColor' === color ? '' : `text-${color}`;
     return /*#__PURE__*/ jsxs("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
@@ -16,11 +15,11 @@ const CircleCloseFadedIcon = ({ size = 16, width = size, height = size, color =
                 cx: 12,
                 cy: 12,
                 r: 10,
-                fill: _color
+                fill: "currentColor"
             }),
             /*#__PURE__*/ jsx("path", {
                 d: "M13.3196 12.2757L16.8263 15.7423C17.093 16.009 17.093 16.4357 16.8263 16.689C16.5596 16.9557 16.133 16.9557 15.8663 16.689L12.3596 13.249L8.91963 16.7023C8.65296 16.969 8.2263 16.969 7.97296 16.7023C7.7063 16.4357 7.7063 16.009 7.97296 15.7557L11.3996 12.3023L7.75963 8.70234C7.49296 8.43568 7.49296 8.00901 7.75963 7.75568C8.0263 7.48901 8.45296 7.48901 8.71963 7.75568L12.3463 11.3423L15.9196 7.75568C16.1863 7.48901 16.613 7.48901 16.8663 7.75568C17.133 8.02234 17.133 8.44901 16.8663 8.70234L13.3196 12.2757Z",
-                fill: _color
+                fill: "currentColor"
             })
         ]
     });