@artsy/palette-mobile 14.0.43 → 14.0.45--canary.331.3541.0

package/dist/svgs/ArrowUpRightIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const ArrowUpRightIcon = ({ fill = "black100", ...restProps }) => {
+export const ArrowUpRightIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M4.17188 14.8125L3.1875 13.8281L11.6625 5.34375H6.64688V3.9375H14.0531V11.3438H12.6469V6.32813L4.17188 14.8125Z", fillRule: "nonzero", fill: color(fill) }) }));
 };

package/dist/svgs/ArtsyLogoBlackIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { G, Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const ArtsyLogoBlackIcon = ({ scale = 1, fill = "black100", ...restProps }) => {
+export const ArtsyLogoBlackIcon = ({ scale = 1, fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 94 32", width: `${scale * 94}px`, height: `${scale * 32}px`, children: _jsxs(G, { fill: color(fill), fillRule: "evenodd", children: [_jsx(Path, { d: "M2.355 2.173h89.323v27.613H53.872v-4.55h-2.119v4.55H2.355V2.173zM.162 31.953h93.71V.006H.161v31.945z" }), _jsx(Path, { d: "M19.168 10.297h-2.402L12.59 20.92h2.401l1.097-2.946h3.775l1.081 2.946h2.402l-4.177-10.623zm-2.435 5.732l1.233-3.33 1.22 3.33h-2.453zM40.024 10.297v2.11h3.761v8.513h2.262v-8.513h3.776v-2.11h-9.799M78.516 10.297l-2.719 4.53-2.702-4.53h-2.63l4.21 6.723v3.9h2.261v-3.9l4.21-6.723h-2.63M65.963 15.326c-.7-.505-1.658-.737-2.503-.942-.176-.043-.347-.084-.513-.127l-.105-.027c-.689-.17-1.632-.405-1.632-1.219 0-.869 1.025-1.1 1.63-1.1.686 0 1.548.202 1.758 1.172l.007.033h2.13v-.042c-.072-1.96-1.464-3.085-3.816-3.085-1.752 0-3.797.808-3.797 3.086 0 2.37 2.134 2.878 4.017 3.326.173.042.343.082.509.124.96.247 1.446.688 1.446 1.308 0 1.336-1.77 1.403-2.126 1.403-1.245 0-1.921-.459-2.128-1.443l-.006-.032H58.67l.001.041c.017.843.12 1.356.668 1.993 1.04 1.198 2.688 1.377 3.58 1.377 2.054 0 4.264-1.054 4.264-3.371 0-.984-.468-1.933-1.221-2.475M34.967 16.402c.82-.592 1.331-1.64 1.331-2.736 0-1.184-.617-2.283-1.609-2.867-.84-.502-1.691-.502-2.514-.502h-4.846V20.92h2.278v-5.251l4.225 5.25h2.758l-3.217-3.897c.576-.098 1.055-.231 1.594-.62m-5.36-1.214v-2.89h2.558c.508 0 .96.022 1.322.281.344.248.548.684.548 1.165 0 .958-.692 1.444-2.056 1.444h-2.372" })] }) }));
 };

package/dist/svgs/ArtsyLogoWhiteIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { G, Icon, Path } from "./Icon";
-export const ArtsyLogoWhiteIcon = ({ fill = "black100", ...restProps }) => {
+export const ArtsyLogoWhiteIcon = ({ fill = "mono100", ...restProps }) => {
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 94 32", children: _jsxs(G, { fill: "none", fillRule: "evenodd", children: [_jsx(Path, { fill: "none", d: "M0 0h94v32H0z" }), _jsx(Path, { d: "M2.355 2.173h89.323v27.613H53.872v-4.55h-2.119v4.55H2.355V2.173zM.162 31.953h93.71V.006H.161v31.945z", fill: "#FFF" }), _jsx(Path, { d: "M19.168 10.297h-2.402L12.59 20.92h2.401l1.097-2.946h3.775l1.081 2.946h2.402l-4.177-10.623zm-2.435 5.732l1.233-3.33 1.22 3.33h-2.453zM40.024 10.297v2.11h3.761v8.513h2.262v-8.513h3.776v-2.11h-9.799M78.516 10.297l-2.719 4.53-2.702-4.53h-2.63l4.21 6.723v3.9h2.261v-3.9l4.21-6.723h-2.63M65.963 15.326c-.7-.505-1.658-.737-2.503-.942-.176-.043-.347-.084-.513-.127l-.105-.027c-.689-.17-1.632-.405-1.632-1.219 0-.869 1.025-1.1 1.63-1.1.686 0 1.548.202 1.758 1.172l.007.033h2.13v-.042c-.072-1.96-1.464-3.085-3.816-3.085-1.752 0-3.797.808-3.797 3.086 0 2.37 2.134 2.878 4.017 3.326.173.042.343.082.509.124.96.247 1.446.688 1.446 1.308 0 1.336-1.77 1.403-2.126 1.403-1.245 0-1.921-.459-2.128-1.443l-.006-.032H58.67l.001.041c.017.843.12 1.356.668 1.993 1.04 1.198 2.688 1.377 3.58 1.377 2.054 0 4.264-1.054 4.264-3.371 0-.984-.468-1.933-1.221-2.475M34.967 16.402c.82-.592 1.331-1.64 1.331-2.736 0-1.184-.617-2.283-1.609-2.867-.84-.502-1.691-.502-2.514-.502h-4.846V20.92h2.278v-5.251l4.225 5.25h2.758l-3.217-3.897c.576-.098 1.055-.231 1.594-.62m-5.36-1.214v-2.89h2.558c.508 0 .96.022 1.322.281.344.248.548.684.548 1.165 0 .958-.692 1.444-2.056 1.444h-2.372", fill: "#FFF" })] }) }));
 };

package/dist/svgs/ArtsyMarkBlackIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { G, Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const ArtsyMarkBlackIcon = ({ fill = "black100", ...restProps }) => {
+export const ArtsyMarkBlackIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 32 32", children: _jsxs(G, { fill: color(fill), fillRule: "evenodd", children: [_jsx(Path, { d: "M0 31.963h31.876V.09H0v31.874zm29.583-2.293h-4.824v-6.283h-2.295v6.283H2.294V2.382h27.289V29.67z" }), _jsx(Path, { d: "M12.854 5.677h-2.53L5.64 17.737h2.422l1.265-3.382h4.541l1.247 3.382h2.424l-4.685-12.06zm-2.82 6.636l1.555-4.197 1.537 4.197h-3.093z" })] }) }));
 };

package/dist/svgs/ArtsyMarkWhiteIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { G, Icon, Path } from "./Icon";
-export const ArtsyMarkWhiteIcon = ({ fill = "black100", ...restProps }) => {
+export const ArtsyMarkWhiteIcon = ({ fill = "mono100", ...restProps }) => {
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 32 32", children: _jsxs(G, { fill: "none", fillRule: "evenodd", children: [_jsx(Path, { fill: "none", d: "M0 0h32v32H0z" }), _jsx(Path, { d: "M0 31.963h31.876V.09H0v31.874zm29.583-2.293h-4.824v-6.283h-2.295v6.283H2.294V2.382h27.289V29.67z", fill: "#FFF" }), _jsx(Path, { d: "M12.854 5.677h-2.53L5.64 17.737h2.422l1.265-3.382h4.541l1.247 3.382h2.424l-4.685-12.06zm-2.82 6.636l1.555-4.197 1.537 4.197h-3.093z", fill: "#FFF" })] }) }));
 };

package/dist/svgs/ArtworkIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const ArtworkIcon = ({ fill = "black100", ...restProps }) => {
+export const ArtworkIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M5.688 6l3.359-3.756L12.314 6H15v9H3V6h2.688zM7.03 6h3.958L9.036 3.756 7.03 6zM4 7v7h10V7H4zm2 2v3h6V9H6zM5 8h8v5H5V8z", fill: color(fill), fillRule: "nonzero" }) }));
 };

package/dist/svgs/AuctionIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const AuctionIcon = ({ fill = "black100", ...restProps }) => {
+export const AuctionIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M11.729 10.745l3.776 3.865-.91.89-3.766-3.855-3.446 3.446-5.052-5.052 7.94-7.939 5.051 5.052-3.593 3.593zM10.27 3.717l-6.322 6.322 3.435 3.435 6.323-6.322-3.436-3.435z", fill: color(fill), fillRule: "nonzero" }) }));
 };

package/dist/svgs/BellFillIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const BellFillIcon = ({ fill = "black100", ...restProps }) => {
+export const BellFillIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M14.591 12.229a8.82 8.82 0 0 1-1.653-4.979V5.938a3.938 3.938 0 1 0-7.876 0V7.25a8.82 8.82 0 0 1-1.653 4.979.446.446 0 0 0-.053.464c.074.15.227.245.394.245h2.949a2.336 2.336 0 0 0-.105.656 2.406 2.406 0 0 0 4.812 0 2.336 2.336 0 0 0-.105-.656h2.949c.167 0 .32-.095.394-.245a.446.446 0 0 0-.053-.464zm-4.06 1.365a1.531 1.531 0 1 1-3.062 0c.002-.228.056-.452.157-.656h2.748c.101.204.155.428.157.656z", fill: color(fill), fillRule: "nonzero" }) }));
 };

package/dist/svgs/BellIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const BellIcon = ({ fill = "black100", ...restProps }) => {
+export const BellIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M14.591 12.229a8.82 8.82 0 0 1-1.653-4.979V5.938a3.938 3.938 0 1 0-7.876 0V7.25a8.82 8.82 0 0 1-1.653 4.979.446.446 0 0 0-.053.464c.074.15.227.245.394.245h2.949a2.336 2.336 0 0 0-.105.656 2.406 2.406 0 0 0 4.812 0 2.336 2.336 0 0 0-.105-.656h2.949c.167 0 .32-.095.394-.245a.446.446 0 0 0-.053-.464zm-4.06 1.365a1.531 1.531 0 1 1-3.062 0c.002-.228.056-.452.157-.656h2.748c.101.204.155.428.157.656zm-5.959-1.531A9.625 9.625 0 0 0 5.937 7.25V5.938a3.063 3.063 0 0 1 6.126 0V7.25a9.625 9.625 0 0 0 1.364 4.813H4.572z", fill: color(fill), fillRule: "nonzero" }) }));
 };

package/dist/svgs/BlueChipIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const BlueChipIcon = ({ fill = "black100", ...restProps }) => {
+export const BlueChipIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M9 16A7 7 0 1 0 9 2a7 7 0 0 0 0 14zm0 1A8 8 0 1 1 9 1a8 8 0 0 1 0 16zM6.879 8.842L9 10.964l2.121-2.122L9 6.721 6.879 8.842zM9 5.307l3.536 3.535L9 12.378 5.464 8.842 9 5.307z", fill: color(fill), fillRule: "nonzero" }) }));
 };

package/dist/svgs/BoltCircleFill.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Icon, Mask, Path, Rect } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const BoltCircleFill = ({ fill = "black100", ...restProps }) => {
+export const BoltCircleFill = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
-    return (_jsxs(Icon, { ...restProps, viewBox: "0 0 20 20", children: [_jsxs(Mask, { id: "path-1-outside-1", maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "20", height: "20", fill: "black", children: [_jsx(Rect, { fill: color("white100"), width: "20", height: "20" }), _jsx(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18ZM9.65332 10.6357H7.16602C6.98145 10.6357 6.84961 10.5082 6.84961 10.3369C6.84961 10.2402 6.89355 10.1523 6.96826 10.0556L10.9585 5.06782C11.2573 4.69428 11.7231 4.93598 11.5562 5.38862L10.2422 8.94819H12.7295C12.9141 8.94819 13.0415 9.08002 13.0415 9.24702C13.0415 9.34809 13.002 9.43598 12.9272 9.52827L8.93701 14.5205C8.63818 14.8896 8.16797 14.6479 8.33936 14.1953L9.65332 10.6357Z" })] }), _jsx(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18ZM9.65332 10.6357H7.16602C6.98145 10.6357 6.84961 10.5082 6.84961 10.3369C6.84961 10.2402 6.89355 10.1523 6.96826 10.0556L10.9585 5.06782C11.2573 4.69428 11.7231 4.93598 11.5562 5.38862L10.2422 8.94819H12.7295C12.9141 8.94819 13.0415 9.08002 13.0415 9.24702C13.0415 9.34809 13.002 9.43598 12.9272 9.52827L8.93701 14.5205C8.63818 14.8896 8.16797 14.6479 8.33936 14.1953L9.65332 10.6357Z", fill: color("blue100") }), _jsx(Path, { d: "M9.65332 10.6357L11.5296 11.3283L12.5235 8.63569H9.65332V10.6357ZM6.96826 10.0556L5.40652 8.80622L5.396 8.81938L5.38569 8.83271L6.96826 10.0556ZM10.9585 5.06782L12.5202 6.31721L12.5202 6.31721L10.9585 5.06782ZM11.5562 5.38862L13.4324 6.08121L13.4325 6.08087L11.5562 5.38862ZM10.2422 8.94819L8.36594 8.2556L7.372 10.9482H10.2422V8.94819ZM12.9272 9.52827L11.3727 8.26984L11.365 8.27955L12.9272 9.52827ZM8.93701 14.5205L10.4915 15.7789L10.4993 15.7692L8.93701 14.5205ZM8.33936 14.1953L10.2098 14.9035L10.2127 14.8957L10.2156 14.8878L8.33936 14.1953ZM16 10C16 13.3137 13.3137 16 10 16V20C15.5228 20 20 15.5228 20 10H16ZM10 4C13.3137 4 16 6.68629 16 10H20C20 4.47715 15.5228 0 10 0V4ZM4 10C4 6.68629 6.68629 4 10 4V0C4.47715 0 0 4.47715 0 10H4ZM10 16C6.68629 16 4 13.3137 4 10H0C0 15.5228 4.47715 20 10 20V16ZM7.16602 12.6357H9.65332V8.63569H7.16602V12.6357ZM4.84961 10.3369C4.84961 11.7063 5.97279 12.6357 7.16602 12.6357V8.63569C7.54143 8.63569 7.96949 8.77093 8.31684 9.10125C8.6687 9.43586 8.84961 9.88988 8.84961 10.3369H4.84961ZM5.38569 8.83271C5.20692 9.06406 4.84961 9.58615 4.84961 10.3369H8.84961C8.84961 10.8942 8.58019 11.2405 8.55083 11.2785L5.38569 8.83271ZM9.39676 3.81843L5.40652 8.80622L8.53 11.305L12.5202 6.31721L9.39676 3.81843ZM13.4325 6.08087C13.7791 5.14144 13.5841 3.79417 12.3671 3.15047C11.2 2.53314 10.0047 3.05853 9.39676 3.81843L12.5202 6.31721C12.2111 6.70357 11.3982 7.16304 10.4969 6.68633C9.54577 6.18326 9.50018 5.18315 9.67978 4.69636L13.4325 6.08087ZM12.1184 9.64078L13.4324 6.08121L9.6799 4.69603L8.36594 8.2556L12.1184 9.64078ZM12.7295 6.94819H10.2422V10.9482H12.7295V6.94819ZM15.0415 9.24702C15.0415 7.93755 13.9803 6.94819 12.7295 6.94819V10.9482C12.332 10.9482 11.8971 10.7988 11.5549 10.4634C11.2148 10.1302 11.0415 9.68521 11.0415 9.24702H15.0415ZM14.4817 10.7867C14.7402 10.4674 15.0415 9.9485 15.0415 9.24702H11.0415C11.0415 9.02309 11.088 8.80951 11.1662 8.62171C11.2396 8.44574 11.326 8.32758 11.3728 8.26987L14.4817 10.7867ZM10.4993 15.7692L14.4895 10.777L11.365 8.27955L7.37474 13.2717L10.4993 15.7692ZM6.46895 13.487C6.10916 14.4372 6.3091 15.7875 7.52407 16.4325C8.67558 17.0438 9.87203 16.5441 10.4915 15.7788L7.38252 13.2621C7.70317 12.866 8.5151 12.4299 9.39963 12.8995C10.3476 13.4028 10.3982 14.4059 10.2098 14.9035L6.46895 13.487ZM7.77707 9.9431L6.4631 13.5027L10.2156 14.8878L11.5296 11.3283L7.77707 9.9431Z", fill: color("white100"), mask: "url(#path-1-outside-1)" })] }));
+    return (_jsxs(Icon, { ...restProps, viewBox: "0 0 20 20", children: [_jsxs(Mask, { id: "path-1-outside-1", maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "20", height: "20", fill: "black", children: [_jsx(Rect, { fill: color("mono0"), width: "20", height: "20" }), _jsx(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18ZM9.65332 10.6357H7.16602C6.98145 10.6357 6.84961 10.5082 6.84961 10.3369C6.84961 10.2402 6.89355 10.1523 6.96826 10.0556L10.9585 5.06782C11.2573 4.69428 11.7231 4.93598 11.5562 5.38862L10.2422 8.94819H12.7295C12.9141 8.94819 13.0415 9.08002 13.0415 9.24702C13.0415 9.34809 13.002 9.43598 12.9272 9.52827L8.93701 14.5205C8.63818 14.8896 8.16797 14.6479 8.33936 14.1953L9.65332 10.6357Z" })] }), _jsx(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18ZM9.65332 10.6357H7.16602C6.98145 10.6357 6.84961 10.5082 6.84961 10.3369C6.84961 10.2402 6.89355 10.1523 6.96826 10.0556L10.9585 5.06782C11.2573 4.69428 11.7231 4.93598 11.5562 5.38862L10.2422 8.94819H12.7295C12.9141 8.94819 13.0415 9.08002 13.0415 9.24702C13.0415 9.34809 13.002 9.43598 12.9272 9.52827L8.93701 14.5205C8.63818 14.8896 8.16797 14.6479 8.33936 14.1953L9.65332 10.6357Z", fill: color("blue100") }), _jsx(Path, { d: "M9.65332 10.6357L11.5296 11.3283L12.5235 8.63569H9.65332V10.6357ZM6.96826 10.0556L5.40652 8.80622L5.396 8.81938L5.38569 8.83271L6.96826 10.0556ZM10.9585 5.06782L12.5202 6.31721L12.5202 6.31721L10.9585 5.06782ZM11.5562 5.38862L13.4324 6.08121L13.4325 6.08087L11.5562 5.38862ZM10.2422 8.94819L8.36594 8.2556L7.372 10.9482H10.2422V8.94819ZM12.9272 9.52827L11.3727 8.26984L11.365 8.27955L12.9272 9.52827ZM8.93701 14.5205L10.4915 15.7789L10.4993 15.7692L8.93701 14.5205ZM8.33936 14.1953L10.2098 14.9035L10.2127 14.8957L10.2156 14.8878L8.33936 14.1953ZM16 10C16 13.3137 13.3137 16 10 16V20C15.5228 20 20 15.5228 20 10H16ZM10 4C13.3137 4 16 6.68629 16 10H20C20 4.47715 15.5228 0 10 0V4ZM4 10C4 6.68629 6.68629 4 10 4V0C4.47715 0 0 4.47715 0 10H4ZM10 16C6.68629 16 4 13.3137 4 10H0C0 15.5228 4.47715 20 10 20V16ZM7.16602 12.6357H9.65332V8.63569H7.16602V12.6357ZM4.84961 10.3369C4.84961 11.7063 5.97279 12.6357 7.16602 12.6357V8.63569C7.54143 8.63569 7.96949 8.77093 8.31684 9.10125C8.6687 9.43586 8.84961 9.88988 8.84961 10.3369H4.84961ZM5.38569 8.83271C5.20692 9.06406 4.84961 9.58615 4.84961 10.3369H8.84961C8.84961 10.8942 8.58019 11.2405 8.55083 11.2785L5.38569 8.83271ZM9.39676 3.81843L5.40652 8.80622L8.53 11.305L12.5202 6.31721L9.39676 3.81843ZM13.4325 6.08087C13.7791 5.14144 13.5841 3.79417 12.3671 3.15047C11.2 2.53314 10.0047 3.05853 9.39676 3.81843L12.5202 6.31721C12.2111 6.70357 11.3982 7.16304 10.4969 6.68633C9.54577 6.18326 9.50018 5.18315 9.67978 4.69636L13.4325 6.08087ZM12.1184 9.64078L13.4324 6.08121L9.6799 4.69603L8.36594 8.2556L12.1184 9.64078ZM12.7295 6.94819H10.2422V10.9482H12.7295V6.94819ZM15.0415 9.24702C15.0415 7.93755 13.9803 6.94819 12.7295 6.94819V10.9482C12.332 10.9482 11.8971 10.7988 11.5549 10.4634C11.2148 10.1302 11.0415 9.68521 11.0415 9.24702H15.0415ZM14.4817 10.7867C14.7402 10.4674 15.0415 9.9485 15.0415 9.24702H11.0415C11.0415 9.02309 11.088 8.80951 11.1662 8.62171C11.2396 8.44574 11.326 8.32758 11.3728 8.26987L14.4817 10.7867ZM10.4993 15.7692L14.4895 10.777L11.365 8.27955L7.37474 13.2717L10.4993 15.7692ZM6.46895 13.487C6.10916 14.4372 6.3091 15.7875 7.52407 16.4325C8.67558 17.0438 9.87203 16.5441 10.4915 15.7788L7.38252 13.2621C7.70317 12.866 8.5151 12.4299 9.39963 12.8995C10.3476 13.4028 10.3982 14.4059 10.2098 14.9035L6.46895 13.487ZM7.77707 9.9431L6.4631 13.5027L10.2156 14.8878L11.5296 11.3283L7.77707 9.9431Z", fill: color("mono0"), mask: "url(#path-1-outside-1)" })] }));
 };

package/dist/svgs/BoltFill.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const BoltFill = ({ fill = "black100", ...restProps }) => {
+export const BoltFill = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 11 17", children: _jsx(Path, { d: "M0.873047 9.82227H4.73535L2.69824 15.3594C2.43164 16.0635 3.16309 16.4395 3.62109 15.8652L9.83496 8.09961C9.95117 7.95605 10.0127 7.81934 10.0127 7.66211C10.0127 7.40234 9.80762 7.19727 9.52051 7.19727H5.6582L7.69531 1.66016C7.96191 0.956055 7.23047 0.580078 6.77246 1.16113L0.558594 8.91992C0.442383 9.07031 0.380859 9.20703 0.380859 9.35742C0.380859 9.62402 0.585938 9.82227 0.873047 9.82227Z", fill: color(fill ?? "onBackgroundMedium") }) }));
 };

package/dist/svgs/BookmarkFill.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const BookmarkFill = ({ fill = "black100", ...restProps }) => {
+export const BookmarkFill = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 21", children: _jsx(Path, { d: "M5.94922 15.8745C6.2124 15.8745 6.36816 15.7241 6.85156 15.2568L8.95166 13.189C8.97852 13.1621 9.02686 13.1621 9.04834 13.189L11.1484 15.2568C11.6318 15.7241 11.7876 15.8745 12.0508 15.8745C12.4106 15.8745 12.6201 15.6382 12.6201 15.2192V5.89502C12.6201 4.87451 12.1099 4.35352 11.1001 4.35352H6.8999C5.89014 4.35352 5.37988 4.87451 5.37988 5.89502V15.2192C5.37988 15.6382 5.58936 15.8745 5.94922 15.8745Z", fill: color(fill ?? "onBackgroundMedium") }) }));
 };

package/dist/svgs/BriefcaseIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const BriefcaseIcon = ({ fill = "black100", ...restProps }) => {
+export const BriefcaseIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M7.15 4.88a2.398 2.398 0 00-.094.214h3.888a2.398 2.398 0 00-.094-.214 1.805 1.805 0 00-.61-.71c-.278-.186-.671-.326-1.24-.326s-.962.14-1.24.326a1.805 1.805 0 00-.61.71zm4.594-.447c.115.229.194.456.25.66h3.131c.483 0 .875.393.875.876v8.312a.875.875 0 01-.875.875H2.875A.875.875 0 012 14.281V5.97c0-.484.392-.875.875-.875h3.131c.056-.205.135-.432.25-.661.194-.388.492-.79.95-1.095.46-.307 1.05-.494 1.794-.494s1.335.187 1.795.494c.457.305.755.707.95 1.095zM3 14.156v-3.75h5.5v.5h1v-.5H15v3.75H3zm6.5-4.75H15V6.094H3v3.312h5.5v-.5h1v.5z", fill: color(fill), fillRule: "evenodd", clipRule: "evenodd" }) }));
 };

package/dist/svgs/CertificateIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const CertificateIcon = ({ fill = "black100", ...restProps }) => {
+export const CertificateIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M9.001 4.45a3.73 3.73 0 012.925 6.044v5.347L9 14.281l-2.924 1.56v-5.347A3.73 3.73 0 019.002 4.45zm2.027 9.896V11.31a3.712 3.712 0 01-2.027.599c-.747 0-1.444-.22-2.027-.599v3.036l2.027-1.083 2.027 1.083V11.31zM14.658 2c.742 0 1.345.602 1.345 1.345v8.512c0 .744-.603 1.346-1.346 1.346l-1.793-.001v-.897h1.793c.248 0 .449-.2.449-.448V3.345c0-.247-.201-.448-.449-.448H3.345c-.247 0-.448.2-.448.448v8.512c0 .248.2.449.448.449l1.792-.001v.897H3.345A1.345 1.345 0 012 11.858V3.345C2 2.602 2.602 2 3.345 2h11.312zM9 5.347a2.833 2.833 0 100 5.665 2.833 2.833 0 000-5.665z", fill: color(fill) || color("onBackground"), fillRule: "nonzero" }) }));
 };

package/dist/svgs/CheckCircleFillIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const CheckCircleFillIcon = ({ fill = "black100", ...restProps }) => {
+export const CheckCircleFillIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M9 1a8 8 0 1 1 0 16A8 8 0 0 1 9 1zm4.32 5.796l-.764-.783-4.81 4.765-2.302-2.25-.782.783 3.085 3.067 5.573-5.582z", fill: color(fill), fillRule: "nonzero" }) }));
 };

package/dist/svgs/CheckCircleIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const CheckCircleIcon = ({ fill = "black100", ...restProps }) => {
+export const CheckCircleIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M9 1.889A7.111 7.111 0 1 1 9 16.11 7.111 7.111 0 0 1 9 1.89zM9 1a8 8 0 1 0 0 16A8 8 0 0 0 9 1zm4.32 5.796l-.764-.783-4.81 4.765-2.302-2.25-.782.783 3.085 3.067 5.573-5.582z", fill: color(fill), fillRule: "nonzero" }) }));
 };

package/dist/svgs/CheckIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const CheckIcon = ({ fill = "black100", ...restProps }) => {
+export const CheckIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M6.936 12.206l7.64-7.63.848.849-8.492 8.48-4.248-4.282.852-.846z", fill: color(fill), fillRule: "nonzero" }) }));
 };

package/dist/svgs/ClockFill.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const ClockFill = ({ fill = "black100", ...restProps }) => {
+export const ClockFill = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 16 16", children: _jsx(Path, { d: "M8 15.1826C12.0869 15.1826 15.4707 11.7915 15.4707 7.71191C15.4707 3.625 12.0796 0.241211 7.99268 0.241211C3.91309 0.241211 0.529297 3.625 0.529297 7.71191C0.529297 11.7915 3.92041 15.1826 8 15.1826ZM4.16943 8.50293C3.87646 8.50293 3.65674 8.2832 3.65674 7.99023C3.65674 7.70459 3.87646 7.48486 4.16943 7.48486H7.4873V3.05371C7.4873 2.76807 7.70703 2.54834 7.99268 2.54834C8.27832 2.54834 8.50537 2.76807 8.50537 3.05371V7.99023C8.50537 8.2832 8.27832 8.50293 7.99268 8.50293H4.16943Z", fill: color(fill ?? "onBackgroundMedium") }) }));
 };

package/dist/svgs/CloseCircleFillIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const CloseCircleFillIcon = ({ fill = "black100", ...restProps }) => {
+export const CloseCircleFillIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M9 17C13.4183 17 17 13.4183 17 9C17 4.58172 13.4183 1 9 1C4.58172 1 1 4.58172 1 9C1 13.4183 4.58172 17 9 17ZM12.502 6.28005L9.78199 9.00005L12.502 11.72L11.72 12.502L8.99999 9.78205L6.27999 12.502L5.49799 11.72L8.21799 9.00005L5.49799 6.28005L6.27999 5.49805L8.99999 8.21805L11.72 5.49805L12.502 6.28005Z", fillRule: "evenodd", clipRule: "evenodd", fill: color(fill) }) }));
 };

package/dist/svgs/CloseCircleIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const CloseCircleIcon = ({ fill = "black100", ...restProps }) => {
+export const CloseCircleIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M9 1a8 8 0 1 0 0 16A8 8 0 0 0 9 1zm0 15.111A7.111 7.111 0 1 1 9 1.89 7.111 7.111 0 0 1 9 16.11zm3.502-9.831L9.782 9l2.72 2.72-.782.782L9 9.782l-2.72 2.72-.782-.782L8.218 9l-2.72-2.72.782-.782L9 8.218l2.72-2.72.782.782z", fill: color(fill), fillRule: "nonzero" }) }));
 };

package/dist/svgs/CloseIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const CloseIcon = ({ fill = "black100", ...restProps }) => {
+export const CloseIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M9.88 9l4.56 4.56-.88.88L9 9.88l-4.56 4.56-.88-.88L8.12 9 3.56 4.44l.88-.88L9 8.12l4.56-4.56.88.88z", fill: color(fill), fillRule: "evenodd" }) }));
 };

package/dist/svgs/CollapseIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const CollapseIcon = ({ fill = "black100", ...restProps }) => {
+export const CollapseIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M7 11.708L2.76 15.96l-.708-.706L6.293 11H2v-1h6v6H7v-4.292zM11 6.292l4.24-4.252.708.706L11.707 7H16v1h-6V2h1v4.292z", fill: color(fill), fillRule: "nonzero" }) }));
 };

package/dist/svgs/CreditCardIcon.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Circle, G, Icon, Path, Rect } from "./Icon";
-export const CreditCardIcon = ({ type, fill = "black100", ...restProps }) => {
+export const CreditCardIcon = ({ type, fill = "mono100", ...restProps }) => {
     const { parts } = cardTypeMap[type ?? "Unknown"] || cardTypeMap.Unknown;
     return (_jsx(Icon, { viewBox: "0 0 30 20", ...restProps, children: parts }));
 };

package/dist/svgs/DecreaseIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { G, Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const DecreaseIcon = ({ fill = "black100", ...restProps }) => {
+export const DecreaseIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 10 10", children: _jsx(G, { transform: "rotate(180, 5, 5)", children: _jsx(Path, { d: "M0 4.92701L0.927644 5.83942L4.34137 2.31752V10H5.67718V2.31752L9.07236 5.83942L10 4.92701L5.00928 0L0 4.92701Z", fill: color(fill) }) }) }));
 };

package/dist/svgs/DocumentIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const DocumentIcon = ({ fill = "black100", ...restProps }) => {
+export const DocumentIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M14 2H4v14h10V2zm1-.5v15a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-15a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 .5.5zM6 10h6v1H6v-1zm0 3h4v1H6v-1z", fill: color(fill), fillRule: "nonzero" }) }));
 };

package/dist/svgs/DownloadIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const DownloadIcon = ({ fill = "black100", ...restProps }) => {
+export const DownloadIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M3 3h6.006l1.973 2.002H15v9.994H3V3zm.99 1v9.996h10.02V6.002h-3.465L8.601 4H3.99zm5.576 7.279l1.48-1.469.66.8L9 13.257l-2.739-2.875.711-.732 1.544 1.668-.046-.068V6.56l1.096.018v4.7z", fill: color(fill), fillRule: "evenodd" }) }));
 };

package/dist/svgs/EditIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { G, Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const EditIcon = ({ fill = "black100", ...restProps }) => {
+export const EditIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsxs(G, { fill: color(fill), fillRule: "evenodd", children: [_jsx(Path, { d: "M3 3h6.992v1.009H4.008V14H14V8h1v7H3z" }), _jsx(Path, { d: "M6.007 9.299l6.908-7.18L15.809 5l-7.07 6.989H6.006V9.299zm1 1.691h1.32l6.062-5.991-1.459-1.454-5.923 6.156v1.289z", fillRule: "nonzero" })] }) }));
 };

package/dist/svgs/EmptyCheckCircleIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const EmptyCheckCircleIcon = ({ fill = "black100", ...restProps }) => {
+export const EmptyCheckCircleIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M1.0006 8.99993C1.0006 4.58165 4.58232 0.999931 9.00062 0.999931C11.1223 0.999931 13.1572 1.84278 14.6575 3.34307C16.1578 4.84337 17.0006 6.8782 17.0006 8.99993C17.0006 13.4182 13.4189 16.9999 9.00062 16.9999C4.58232 16.9999 1.0006 13.4182 1.0006 8.99993ZM16.1112 9.00007C16.1112 5.07273 12.9275 1.88898 9.00006 1.88898C5.07272 1.88898 1.88897 5.07273 1.88897 9.00007C1.88897 12.9275 5.07272 16.1112 9.00006 16.1112C12.9275 16.1112 16.1112 12.9275 16.1112 9.00007Z", fill: color(fill), fillRule: "evenodd", clipRule: "evenodd" }) }));
 };

package/dist/svgs/EnterIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { G, Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const EnterIcon = ({ fill = "black100", ...restProps }) => {
+export const EnterIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(G, { children: _jsx(Path, { d: "M4.883 11.244l3.108 3.068-.693.688L3 10.758l4.299-4.23.692.689-3.106 3.056h9.134V3H15v8.244H4.883z", fill: color(fill), fillRule: "nonzero" }) }) }));
 };

package/dist/svgs/EnvelopeIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const EnvelopeIcon = ({ fill = "black100", ...restProps }) => {
+export const EnvelopeIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M2.875 5.392v8.233h12.25v-8.08L9.002 11 2.875 5.392zm11.705-.517H3.588l5.423 4.963 5.57-4.963zm-12.566-.27L2 4.592l.021-.02a.75.75 0 0 1 .599-.56L2.632 4l.009.008A.756.756 0 0 1 2.75 4h12.5a.75.75 0 0 1 .75.75v9a.75.75 0 0 1-.75.75H2.75a.75.75 0 0 1-.75-.75v-9c0-.05.005-.098.014-.145z", fill: color(fill), fillRule: "nonzero" }) }));
 };

package/dist/svgs/EstablishedIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const EstablishedIcon = ({ fill = "black100", ...restProps }) => {
+export const EstablishedIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M9 17.192A8.192 8.192 0 1 1 9 .808a8.192 8.192 0 0 1 0 16.384zm0-1A7.192 7.192 0 1 0 9 1.808a7.192 7.192 0 0 0 0 14.384zM6.952 7.06v3.268l2.096-1.264 2.01 1.25V7.06H6.952zm-1 5.039V6.06h6.106v6.053L9.04 10.236 5.952 12.1z", fill: color(fill), fillRule: "nonzero" }) }));
 };

package/dist/svgs/ExclamationMarkCircleFill.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const ExclamationMarkCircleFill = ({ fill = "black100", ...restProps }) => {
+export const ExclamationMarkCircleFill = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 19", children: _jsx(Path, { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9 16.5C12.866 16.5 16 13.366 16 9.5C16 5.63401 12.866 2.5 9 2.5C5.13401 2.5 2 5.63401 2 9.5C2 13.366 5.13401 16.5 9 16.5ZM9 5.75C9.41421 5.75 9.75 6.08579 9.75 6.5V9.5C9.75 9.91421 9.41421 10.25 9 10.25C8.58579 10.25 8.25 9.91421 8.25 9.5V6.5C8.25 6.08579 8.58579 5.75 9 5.75ZM8.25 12.5C8.25 12.0858 8.58579 11.75 9 11.75H9.00542C9.41963 11.75 9.75542 12.0858 9.75542 12.5C9.75542 12.9142 9.41963 13.25 9.00542 13.25H9C8.58579 13.25 8.25 12.9142 8.25 12.5Z", fill: color(fill ?? "onBackgroundMedium"), fillRule: "evenodd" }) }));
 };

package/dist/svgs/ExpandIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const ExpandIcon = ({ fill = "black100", ...restProps }) => {
+export const ExpandIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M15 3.708L10.76 7.96l-.708-.706L14.293 3H10V2h6v6h-1V3.708zM3 14.292l4.24-4.252.708.706L3.707 15H8v1H2v-6h1v4.292z", fill: color(fill), fillRule: "nonzero" }) }));
 };

package/dist/svgs/EyeClosedIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { G, Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const EyeClosedIcon = ({ fill = "black100", ...restProps }) => {
+export const EyeClosedIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsxs(G, { fill: color(fill), fillRule: "nonzero", children: [_jsx(Path, { d: "M2.249 8.605a.56.56 0 0 0 .016.6C4.172 12.044 6.406 13.43 9 13.43c2.594 0 4.828-1.387 6.736-4.225a.56.56 0 0 0 .017-.6c-1.714-2.901-3.944-4.318-6.742-4.318S3.975 5.703 2.25 8.605zM1.238 8.03C3.163 4.795 5.77 3.143 9.01 3.143c3.241 0 5.843 1.653 7.755 4.89.331.561.31 1.257-.053 1.798-2.109 3.139-4.69 4.74-7.713 4.74-3.021 0-5.602-1.6-7.711-4.738a1.681 1.681 0 0 1-.05-1.802z" }), _jsx(Path, { d: "M9 11.714A2.857 2.857 0 1 1 9 6a2.857 2.857 0 0 1 0 5.714zm0-1.143a1.714 1.714 0 1 0 0-3.428 1.714 1.714 0 0 0 0 3.428z" }), _jsx(Path, { d: "M15.054 2.053l.805.81-12.893 12.79-.805-.81z" })] }) }));
 };

package/dist/svgs/EyeOpenedIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { G, Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const EyeOpenedIcon = ({ fill = "black100", ...restProps }) => {
+export const EyeOpenedIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsxs(G, { fill: color(fill), fillRule: "nonzero", children: [_jsx(Path, { d: "M2.249 8.462a.56.56 0 0 0 .016.601C4.172 11.9 6.406 13.286 9 13.286c2.594 0 4.828-1.387 6.736-4.225a.56.56 0 0 0 .017-.6C14.038 5.56 11.808 4.144 9.01 4.144S3.975 5.56 2.25 8.463zm-1.011-.574C3.163 4.652 5.77 3 9.01 3c3.241 0 5.843 1.653 7.755 4.89.331.561.31 1.257-.053 1.798-2.109 3.139-4.69 4.74-7.713 4.74-3.021 0-5.602-1.6-7.711-4.738a1.681 1.681 0 0 1-.05-1.802z" }), _jsx(Path, { d: "M9 11.571a2.857 2.857 0 1 1 0-5.714 2.857 2.857 0 0 1 0 5.714zm0-1.142A1.714 1.714 0 1 0 9 7a1.714 1.714 0 0 0 0 3.429z" })] }) }));
 };

package/dist/svgs/FacebookIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const FacebookIcon = ({ fill = "black100", ...restProps }) => {
+export const FacebookIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M8.98158 0C4.0348 0 0 4.06601 0 9.05106C0 13.4141 3.08598 17.1552 7.33265 17.9536L7.59058 18V11.6689H5.30604V9.05106H7.59058V7.05518C7.59058 5.95977 7.913 5.05003 8.52098 4.44662C9.11054 3.8525 9.96725 3.53687 10.9898 3.53687C11.4964 3.53687 12.0215 3.58329 12.3623 3.62971C12.5558 3.64827 12.7124 3.67612 12.8229 3.68541L12.9703 3.70397L12.998 5.94121H11.8649C11.349 5.94121 10.9621 6.08974 10.7134 6.37751C10.5107 6.61888 10.4002 6.95307 10.4002 7.35224V9.05106H12.8966L12.5005 11.6689H10.4094V18L10.6673 17.9536C14.914 17.1552 18 13.4141 18 9.05106C17.9724 4.06601 13.9376 0 8.98158 0Z", fill: color(fill), fillRule: "evenodd" }) }));
 };

package/dist/svgs/FairIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const FairIcon = ({ fill = "black100", ...restProps }) => {
+export const FairIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M9.533 7.027H14V14h1v1H3v-1h1V7.027h4.467V1.376l4.266 2.29-3.2 1.55v1.811zM8 14v-3.08h2.074V14H13V8.027H5V14h3z", fill: color(fill), fillRule: "nonzero" }) }));
 };

package/dist/svgs/FilterIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const FilterIcon = ({ fill = "black100", ...restProps }) => {
+export const FilterIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M10.006 11v-1h1v3h-1v-1H4v-1h6.006zm-2.01-4v1h-1V5h1v1H14v1H7.996zM6 6v1H4V6h2zm6 6v-1h2v1h-2z", fill: color(fill), fillRule: "nonzero" }) }));
 };

package/dist/svgs/FireIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const FireIcon = ({ fill = "black100", ...restProps }) => {
+export const FireIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M4.45313 10.5C4.45313 11.1812 4.59375 11.8234 4.875 12.4265C5.15625 13.0296 5.55938 13.55 6.08438 13.9875C6.06563 13.9062 6.05469 13.8312 6.05156 13.7625C6.04844 13.6937 6.04688 13.6187 6.04688 13.5375C6.04688 13.15 6.12188 12.7828 6.27188 12.4359C6.42188 12.089 6.6375 11.775 6.91875 11.4937L9 9.44058L11.0906 11.4937C11.3719 11.775 11.5859 12.089 11.7328 12.4359C11.8797 12.7828 11.9531 13.15 11.9531 13.5375C11.9531 13.6187 11.9516 13.6937 11.9484 13.7625C11.9453 13.8312 11.9344 13.9062 11.9156 13.9875C12.4406 13.55 12.8438 13.0296 13.125 12.4265C13.4063 11.8234 13.5469 11.1812 13.5469 10.5C13.5469 9.8687 13.4281 9.27026 13.1906 8.70464C12.9531 8.13901 12.6094 7.6312 12.1594 7.1812C11.9094 7.34995 11.6453 7.47495 11.3672 7.5562C11.0891 7.63745 10.8063 7.67808 10.5188 7.67808C9.75625 7.67808 9.09375 7.4187 8.53125 6.89995C7.96875 6.3812 7.64375 5.73745 7.55625 4.9687C7.05 5.3937 6.60313 5.83276 6.21563 6.28589C5.82813 6.73901 5.50469 7.19683 5.24531 7.65933C4.98594 8.12183 4.78906 8.59214 4.65469 9.07026C4.52031 9.54839 4.45313 10.025 4.45313 10.5ZM9 11.4093L7.90313 12.4875C7.75938 12.6312 7.64844 12.7937 7.57031 12.975C7.49219 13.1562 7.45313 13.3437 7.45313 13.5375C7.45313 13.95 7.60469 14.3046 7.90781 14.6015C8.21094 14.8984 8.575 15.0468 9 15.0468C9.425 15.0468 9.78906 14.8984 10.0922 14.6015C10.3953 14.3046 10.5469 13.95 10.5469 13.5375C10.5469 13.3312 10.5094 13.139 10.4344 12.9609C10.3594 12.7828 10.25 12.625 10.1063 12.4875L9 11.4093ZM8.95313 2.32495V4.72495C8.95313 5.16245 9.10469 5.52964 9.40781 5.82651C9.71094 6.12339 10.0813 6.27183 10.5188 6.27183C10.75 6.27183 10.9656 6.22339 11.1656 6.12651C11.3656 6.02964 11.5438 5.88433 11.7 5.69058L12.0094 5.3062C12.9156 5.83745 13.6328 6.56714 14.1609 7.49526C14.6891 8.42339 14.9531 9.42495 14.9531 10.5C14.9531 12.1562 14.375 13.5625 13.2188 14.7187C12.0625 15.875 10.6563 16.4531 9 16.4531C7.34375 16.4531 5.9375 15.875 4.78125 14.7187C3.625 13.5625 3.04688 12.1562 3.04688 10.5C3.04688 8.92495 3.57969 7.41401 4.64531 5.96714C5.71094 4.52026 7.14688 3.3062 8.95313 2.32495Z", fillRule: "nonzero", fill: color(fill) }) }));
 };

package/dist/svgs/FollowArtistFillIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const FollowArtistFillIcon = ({ fill = "black100", ...restProps }) => {
+export const FollowArtistFillIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsxs(Icon, { ...restProps, viewBox: "0 0 18 18", children: [_jsx(Path, { d: "M6.76875 9.0188C5.9625 9.0188 5.27656 8.73599 4.71094 8.17036C4.14531 7.60474 3.8625 6.9188 3.8625 6.11255C3.8625 5.3063 4.14531 4.62036 4.71094 4.05474C5.27656 3.48911 5.9625 3.2063 6.76875 3.2063C7.575 3.2063 8.26094 3.48911 8.82656 4.05474C9.39219 4.62036 9.675 5.3063 9.675 6.11255C9.675 6.9188 9.39219 7.60474 8.82656 8.17036C8.26094 8.73599 7.575 9.0188 6.76875 9.0188ZM0.9375 14.7563V12.7688C0.9375 12.3563 1.04219 11.9797 1.25156 11.6391C1.46094 11.2985 1.74387 11.0375 2.10037 10.8561C2.86262 10.4812 3.63281 10.1985 4.41094 10.0079C5.18906 9.81724 5.975 9.72193 6.76875 9.72193C7.5625 9.72193 8.34844 9.81724 9.12656 10.0079C9.90469 10.1985 10.6749 10.4812 11.4371 10.8561C11.7936 11.0375 12.0766 11.2985 12.2859 11.6391C12.4953 11.9797 12.6 12.3563 12.6 12.7688V14.7563H0.9375Z", fillRule: "nonzero", fill: color(fill) }), _jsx(Path, { d: "M11.0005 7.71235L12.5915 9.30334L13.6522 10.364L14.7128 9.30334L17.3647 6.65178L16.304 5.59112L13.6522 8.24268L12.0612 6.65169L11.0005 7.71235Z", fillRule: "nonzero", fill: color(fill) })] }));
 };

package/dist/svgs/FollowArtistIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const FollowArtistIcon = ({ fill = "black100", ...restProps }) => {
+export const FollowArtistIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M13.4531 10.4438V8.2313H11.2406V6.82505H13.4531V4.61255H14.8594V6.82505H17.0719V8.2313H14.8594V10.4438H13.4531ZM6.76875 9.0188C5.9625 9.0188 5.27656 8.73599 4.71094 8.17036C4.14531 7.60474 3.8625 6.9188 3.8625 6.11255C3.8625 5.3063 4.14531 4.62036 4.71094 4.05474C5.27656 3.48911 5.9625 3.2063 6.76875 3.2063C7.575 3.2063 8.26094 3.48911 8.82656 4.05474C9.39219 4.62036 9.675 5.3063 9.675 6.11255C9.675 6.9188 9.39219 7.60474 8.82656 8.17036C8.26094 8.73599 7.575 9.0188 6.76875 9.0188ZM0.9375 14.7563V12.7688C0.9375 12.3563 1.04219 11.9797 1.25156 11.6391C1.46094 11.2985 1.74387 11.0375 2.10037 10.8561C2.86262 10.4812 3.63281 10.1985 4.41094 10.0079C5.18906 9.81724 5.975 9.72192 6.76875 9.72192C7.5625 9.72192 8.34844 9.81724 9.12656 10.0079C9.90469 10.1985 10.6749 10.4812 11.4371 10.8561C11.7936 11.0375 12.0766 11.2985 12.2859 11.6391C12.4953 11.9797 12.6 12.3563 12.6 12.7688V14.7563H0.9375ZM2.34375 13.3501H11.1937V12.7688C11.1937 12.6289 11.1594 12.5018 11.0906 12.3874C11.0219 12.2729 10.9281 12.1844 10.8094 12.1219C10.1406 11.7907 9.47081 11.5422 8.79994 11.3766C8.12894 11.211 7.45187 11.1282 6.76875 11.1282C6.08125 11.1282 5.40312 11.211 4.73437 11.3766C4.06562 11.5422 3.39687 11.7907 2.72812 12.1219C2.60937 12.1844 2.51562 12.2729 2.44687 12.3874C2.37812 12.5018 2.34375 12.6289 2.34375 12.7688V13.3501ZM6.76875 7.61255C7.18125 7.61255 7.53437 7.46567 7.82812 7.17192C8.12187 6.87817 8.26875 6.52505 8.26875 6.11255C8.26875 5.70005 8.12187 5.34692 7.82812 5.05317C7.53437 4.75942 7.18125 4.61255 6.76875 4.61255C6.35625 4.61255 6.00312 4.75942 5.70937 5.05317C5.41562 5.34692 5.26875 5.70005 5.26875 6.11255C5.26875 6.52505 5.41562 6.87817 5.70937 7.17192C6.00312 7.46567 6.35625 7.61255 6.76875 7.61255Z", fillRule: "nonzero", fill: color(fill) }) }));
 };

package/dist/svgs/FullWidthIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const FullWidthIcon = ({ fill = "black100", ...restProps }) => {
+export const FullWidthIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 28 28", children: _jsx(Path, { d: "M5.7779 3C5.34835 3 5.00012 3.34822 5.00012 3.77778V16.2222C5.00012 16.6518 5.34835 17 5.7779 17H21.3335C21.763 17 22.1112 16.6518 22.1112 16.2222V3.77778C22.1112 3.34822 21.763 3 21.3335 3H5.7779ZM6.55568 15.4444V4.55556H20.5557V15.4444H6.55568ZM5.7779 18.7778C5.34835 18.7778 5.00012 19.126 5.00012 19.5555V24H6.55568V20.3333H20.5557V24H22.1112V19.5555C22.1112 19.126 21.763 18.7778 21.3335 18.7778H5.7779Z", fill: color(fill), fillRule: "evenodd", clipRule: "evenodd" }) }));
 };

package/dist/svgs/GenomeIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const GenomeIcon = ({ fill = "black100", ...restProps }) => {
+export const GenomeIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M12 4H5.95v1H12V4zm0-1v-.988h.997V5.59c0 1.358-.728 2.665-2.364 3.421 1.632.769 2.364 2.09 2.364 3.51v1.69a.252.252 0 0 1 .003.039v.466a.252.252 0 0 1-.003.039v1.22H12v-1.01H5.95V16H5v-3.48c0-1.42.731-2.739 2.361-3.507C5.726 8.262 5 6.969 5 5.62V2h.95v1H12zm.002 3H5.957c.019.317.085.664.325.995.509.703 1.386 1.236 2.716 1.502 1.33-.266 2.206-.803 2.716-1.515.233-.326.281-.668.288-.982zM12 14v-1.01H5.95V14H12zm-.042-2.01c-.18-1.09-.967-2.063-2.96-2.475-1.993.412-2.815 1.385-3.004 2.475h5.964z", fill: color(fill), fillRule: "nonzero" }) }));
 };

package/dist/svgs/GraphIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const GraphIcon = ({ fill = "black100", ...restProps }) => {
+export const GraphIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M4 10h1v5H4v-5zm3-2h1v7H7V8zm3-3h1v10h-1V5zm3-2h1v12h-1V3z", fill: color(fill), fillRule: "evenodd" }) }));
 };

package/dist/svgs/GridIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const GridIcon = ({ fill = "black100", ...restProps }) => {
+export const GridIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 28 28", children: _jsx(Path, { d: "M5.4444 4.66669C5.01485 4.66669 4.66663 5.01491 4.66663 5.44446V12.2889C4.66663 12.7185 5.01485 13.0667 5.4444 13.0667H12.2888C12.7184 13.0667 13.0666 12.7185 13.0666 12.2889V5.44446C13.0666 5.01491 12.7184 4.66669 12.2888 4.66669H5.4444ZM6.22218 11.5111V6.22224H11.5111V11.5111H6.22218ZM5.44431 14.9332C5.01476 14.9332 4.66653 15.2814 4.66653 15.7109V22.5554C4.66653 22.9849 5.01476 23.3332 5.44431 23.3332H12.2888C12.7183 23.3332 13.0665 22.9849 13.0665 22.5554V15.7109C13.0665 15.2814 12.7183 14.9332 12.2888 14.9332H5.44431ZM6.22209 21.7776V16.4887H11.511V21.7776H6.22209ZM14.9333 5.44446C14.9333 5.01491 15.2816 4.66669 15.7111 4.66669H22.5556C22.9851 4.66669 23.3333 5.01491 23.3333 5.44446V12.2889C23.3333 12.7185 22.9851 13.0667 22.5556 13.0667H15.7111C15.2816 13.0667 14.9333 12.7185 14.9333 12.2889V5.44446ZM16.4889 6.22224V11.5111H21.7778V6.22224H16.4889ZM15.7111 14.9332C15.2816 14.9332 14.9333 15.2814 14.9333 15.7109V22.5554C14.9333 22.9849 15.2816 23.3332 15.7111 23.3332H22.5556C22.9851 23.3332 23.3333 22.9849 23.3333 22.5554V15.7109C23.3333 15.2814 22.9851 14.9332 22.5556 14.9332H15.7111ZM16.4889 21.7776V16.4887H21.7778V21.7776H16.4889Z", fill: color(fill), fillRule: "evenodd", clipRule: "evenodd" }) }));
 };

package/dist/svgs/GuaranteeIcon.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ClipPath, Defs, G } from "react-native-svg";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const GuaranteeIcon = ({ fill = "black100", ...restProps }) => {
+export const GuaranteeIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsxs(Icon, { ...restProps, viewBox: "0 0 24 24", children: [_jsxs(G, { clipPath: "url(#clip0_2759_41684)", fillRule: "evenodd", clipRule: "evenodd", children: [_jsx(Path, { d: "M6.745 17.505a27.925 27.925 0 003.948 3.102 2.287 2.287 0 002.564 0 29.072 29.072 0 003.729-3.142 11.347 11.347 0 003.11-4.934.814.814 0 00-.611-.976.814.814 0 00-.977.602 9.826 9.826 0 01-2.678 4.168 26.87 26.87 0 01-3.517 2.947.635.635 0 01-.725 0 26.254 26.254 0 01-3.72-2.923 9.508 9.508 0 01-2.84-4.208 13.84 13.84 0 01-.18-3.143c0-.716.073-1.383.122-1.88.31 0 .692.065 1.1.081a7.97 7.97 0 002.441-.22 8.14 8.14 0 002.394-1.286c.407-.3.765-.594 1.042-.814.276.236.635.538 1.042.814A7.88 7.88 0 0015.43 6.98a.814.814 0 10.431-1.572 6.34 6.34 0 01-1.872-1.025 14.385 14.385 0 01-1.335-1.116.977.977 0 00-1.343 0c-.428.396-.876.768-1.344 1.116A6.643 6.643 0 018.08 5.417a6.325 6.325 0 01-1.954.154 15.212 15.212 0 01-1.628-.146.977.977 0 00-1.09.87c-.042.408-.147 1.474-.18 2.67-.074 1.188 0 2.38.22 3.55a11.095 11.095 0 003.297 4.99z", fill: color(fill) }), _jsx(Path, { d: "M11.89 8.893a.82.82 0 00-1.083 1.229l2.442 2.173a.969.969 0 001.351.09l5.96-5.593a.815.815 0 00-1.116-1.188l-5.438 5.128-2.116-1.84z", fill: color(fill) })] }), _jsx(Defs, { children: _jsx(ClipPath, { id: "clip0_2759_41684", children: _jsx(Path, { fill: color(fill), d: "M0 0H24V24H0z" }) }) })] }));
 };

package/dist/svgs/HeartFillIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const HeartFillIcon = ({ fill = "black100", ...restProps }) => {
+export const HeartFillIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M12 3a4 4 0 0 0-2.83 1.17L9 4.34l-.17-.17a4.002 4.002 0 0 0-5.66 5.66l5.48 5.47a.48.48 0 0 0 .7 0l5.48-5.47A4 4 0 0 0 12 3z", fill: color(fill), fillRule: "nonzero" }) }));
 };

package/dist/svgs/HeartIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const HeartIcon = ({ fill = "black100", ...restProps }) => {
+export const HeartIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M12 3a4 4 0 0 0-2.83 1.17L9 4.34l-.17-.17a4.002 4.002 0 0 0-5.66 5.66l5.48 5.47a.48.48 0 0 0 .7 0l5.48-5.47A4 4 0 0 0 12 3zm2.12 6.12L9 14.24 3.88 9.12a3 3 0 1 1 4.24-4.24l.53.52.35.36.35-.36.53-.52a3 3 0 0 1 4.24 4.24z", fill: color(fill), fillRule: "nonzero" }) }));
 };

package/dist/svgs/HideIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const HideIcon = ({ fill = "black100", ...restProps }) => {
+export const HideIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M16.7 10c.4-.5.4-1.2.1-1.8-2-3.3-4.6-4.9-7.8-4.9-1.5 0-2.8.4-4 1L3.6 2.9l-.7.7 1.3 1.3c-1.1.8-2.1 1.9-3 3.3-.3.5-.3 1.2.1 1.8C3.4 13.1 6 14.7 9 14.7c1.4 0 2.7-.4 3.9-1.1l1.5 1.5.7-.7-1.3-1.3c1.1-.8 2-1.8 2.9-3.1zM9 13.6c-2.6 0-4.8-1.4-6.7-4.2-.1-.2-.1-.4 0-.6C3 7.4 4 6.4 5 5.7l1.7 1.7c-.4.4-.6 1-.6 1.6 0 1.6 1.3 2.9 2.9 2.9.6 0 1.2-.2 1.6-.5l1.5 1.5c-1 .4-2 .7-3.1.7zm1.5-3.8L8.2 7.5c.2-.1.5-.2.8-.2.9 0 1.7.8 1.7 1.7 0 .3-.1.6-.2.8zm-.7.7c-.2.1-.5.2-.8.2-.9 0-1.7-.8-1.7-1.7 0-.3.1-.6.2-.8l2.3 2.3zm3.2 1.8-1.6-1.6c.3-.5.5-1 .5-1.6 0-1.6-1.3-2.9-2.9-2.9-.6 0-1.2.2-1.6.5L5.9 5.2c1-.5 2-.7 3.1-.7 2.8 0 5 1.4 6.8 4.3.1.2.1.4 0 .6-.9 1.2-1.8 2.2-2.8 2.9z", fill: color(fill), fillRule: "evenodd" }) }));
 };

package/dist/svgs/HomeIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const HomeIcon = ({ fill = "black100", ...restProps }) => {
+export const HomeIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M3.032 7.873H1.959A.65.65 0 0 1 1.575 6.7l7.423-5.437 7.534 5.434a.65.65 0 0 1-.38 1.177h-1.084v8.079H9.992v-5.023H7.967v5.023H3.032V7.873zm1 0v7.079h2.935V9.929h4.025v5.023h3.076V7.873H4.032zm11.036-1L9.002 2.498 3.03 6.873h12.04z", fill: color(fill), fillRule: "nonzero" }) }));
 };

package/dist/svgs/ImageIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
-export const ImageIcon = ({ fill = "black100", ...restProps }) => {
+export const ImageIcon = ({ fill = "mono100", ...restProps }) => {
     const color = useColor();
     return (_jsxs(Icon, { ...restProps, viewBox: "0 0 18 18", children: [_jsx(Path, { d: "M16 2H2c-.265 0-.52.098-.707.272A.896.896 0 001 2.929V14.07c0 .247.105.483.293.657.187.174.442.272.707.272h14c.265 0 .52-.098.707-.272a.896.896 0 00.293-.657V2.93a.896.896 0 00-.293-.657A1.04 1.04 0 0016 2zM2 14.071V2.93h14V14.07H2z", fill: color(fill) }), _jsx(Path, { d: "M4.46 6.643c.298 0 .588-.082.834-.235a1.42 1.42 0 00.553-.625 1.3 1.3 0 00.085-.805c-.058-.27-.2-.518-.41-.713a1.539 1.539 0 00-.768-.381 1.608 1.608 0 00-.867.08 1.482 1.482 0 00-.673.512 1.323 1.323 0 00-.253.774c0 .37.158.724.44.985a1.56 1.56 0 001.06.408zm0-2.136c.16 0 .315.042.447.123a.759.759 0 01.297.333.694.694 0 01.047.43.728.728 0 01-.218.38.82.82 0 01-.41.205.857.857 0 01-.462-.041.79.79 0 01-.36-.274.706.706 0 01-.135-.413.717.717 0 01.234-.52.832.832 0 01.56-.218v-.005zM11.39 7.279l-2.7 2.507-2-1.857a.52.52 0 00-.352-.135.52.52 0 00-.352.135L2.96 10.775v1.314l3.395-3.153L8 10.441l-1.875 1.74H7.5l4.225-3.923L15 11.286v-1.31L12.096 7.28a.52.52 0 00-.353-.135.52.52 0 00-.352.135z", fill: color(fill) })] }));
 };