@fairmint/ui 0.2.8 → 0.2.10

package/dist/components/LoadingSpinner/LoadingSpinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingSpinner/LoadingSpinner.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;IAClC,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAS,EAAE,EAAE,mBAAmB,2CA2ChE"}
+{"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingSpinner/LoadingSpinner.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,mBAAmB;IAClC,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAS,EAAE,EAAE,mBAAmB,2CA2ChE"}

package/dist/components/generic/StatCard/StatCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatCard.d.ts","sourceRoot":"","sources":["../../../../src/components/generic/StatCard/StatCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAGlE,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAChE,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EACL,IAAI,EACJ,KAAsB,EACtB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,aAAa,2CAmCf"}
+{"version":3,"file":"StatCard.d.ts","sourceRoot":"","sources":["../../../../src/components/generic/StatCard/StatCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAGlE,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAChE,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EACL,IAAI,EACJ,KAAsB,EACtB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,aAAa,2CA+Bf"}

package/dist/components/layout/SideNav/SideNav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideNav.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/SideNav/SideNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,WAAW;IAC1B,sEAAsE;IACtE,EAAE,EAAE,MAAM,CAAC;IACX,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,YAAY;IAC3B,kCAAkC;IAClC,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,qEAAqE;IACrE,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAgB,EAAE,EAAE,YAAY,2CA0B7E"}
+{"version":3,"file":"SideNav.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/SideNav/SideNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,WAAW;IAC1B,sEAAsE;IACtE,EAAE,EAAE,MAAM,CAAC;IACX,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,YAAY;IAC3B,kCAAkC;IAClC,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,qEAAqE;IACrE,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAgB,EAAE,EAAE,YAAY,2CA0B7E"}

package/dist/fairmint-ui.cjs

@@ -26924,6 +26924,13 @@ function FairmintLogo({
     }
   );
 }
+const radii = {
+  xs: "0.25rem",
+  sm: "0.375rem",
+  md: "0.5rem",
+  lg: "0.75rem",
+  xl: "1rem"
+};
 const indigo = [
   "#EEF2FF",
   "#E0E7FF",
@@ -27028,13 +27035,7 @@ const theme = createTheme({
     fontFamily: '"Plus Jakarta Sans", sans-serif',
     fontWeight: "700"
   },
-  radius: {
-    xs: "0.25rem",
-    sm: "0.375rem",
-    md: "0.5rem",
-    lg: "0.75rem",
-    xl: "1rem"
-  },
+  radius: radii,
   defaultRadius: "md",
   breakpoints: {
     xs: "30em",
@@ -28543,7 +28544,7 @@ function DataTable({
           styles: onRowClick ? {
             tr: {
               "&:hover": {
-                backgroundColor: `var(--mantine-color-${colors.neutral}-0)`
+                backgroundColor: neutralColors[50]
               }
             }
           } : void 0,
@@ -28725,10 +28726,10 @@ function ListRow({
         root: {
           transition: "background-color 0.15s ease",
           "&:hover": {
-            backgroundColor: `var(--mantine-color-${colors.neutral}-0)`
+            backgroundColor: neutralColors[50]
           },
           "&:focus-visible": {
-            outline: `2px solid var(--mantine-color-${colors.primary}-5)`,
+            outline: `2px solid ${brandColors.indigo}`,
             outlineOffset: "-2px"
           }
         }
@@ -29957,7 +29958,7 @@ function PhotoCropModal({
         style: {
           position: "relative",
           height: 320,
-          borderRadius: "var(--mantine-radius-md)",
+          borderRadius: radii.md,
           overflow: "hidden",
           background: neutralColors[900]
         },
@@ -30073,32 +30074,24 @@ function StatCard({
   trend,
   ...rest
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Card,
-    {
-      bg: `${color}.0`,
-      style: { border: `1px solid var(--mantine-color-${color}-2)` },
-      ...rest,
-      children: /* @__PURE__ */ jsxRuntime.jsxs(Group, { justify: "space-between", align: "flex-start", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(Stack, { gap: 4, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Text,
-            {
-              size: "xs",
-              fw: 600,
-              tt: "uppercase",
-              c: `${color}.6`,
-              style: { letterSpacing: "0.05em" },
-              children: label
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(Text, { fw: 700, size: "xl", lh: 1, children: value }),
-          trend && /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "xs", c: "dimmed", children: trend })
-        ] }),
-        icon && /* @__PURE__ */ jsxRuntime.jsx(Box, { c: `${color}.5`, fz: "1.5rem", children: icon })
-      ] })
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx(Card, { bg: `${color}.0`, bd: `1px solid ${color}.2`, ...rest, children: /* @__PURE__ */ jsxRuntime.jsxs(Group, { justify: "space-between", align: "flex-start", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(Stack, { gap: 4, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Text,
+        {
+          size: "xs",
+          fw: 600,
+          tt: "uppercase",
+          c: `${color}.6`,
+          style: { letterSpacing: "0.05em" },
+          children: label
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(Text, { fw: 700, size: "xl", lh: 1, children: value }),
+      trend && /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "xs", c: "dimmed", children: trend })
+    ] }),
+    icon && /* @__PURE__ */ jsxRuntime.jsx(Box, { c: `${color}.5`, fz: "1.5rem", children: icon })
+  ] }) });
 }
 const DEFAULT_COLOR_MAP = {
   active: colors.success,
@@ -30144,7 +30137,7 @@ function LoadingSpinner({ size: size2 = 32 }) {
       "svg",
       {
         ...iconProps,
-        stroke: "var(--mantine-color-gray-3)",
+        stroke: neutralColors[300],
         style: { position: "absolute", inset: 0 },
         "aria-hidden": "true",
         children: paths
@@ -30154,7 +30147,7 @@ function LoadingSpinner({ size: size2 = 32 }) {
       "svg",
       {
         ...iconProps,
-        stroke: "var(--mantine-color-indigo-5)",
+        stroke: brandColors.indigo,
         style: { position: "absolute", inset: 0, animation: "fillUp 1.4s ease-in-out infinite" },
         "aria-hidden": "true",
         children: paths
@@ -30205,14 +30198,14 @@ function SideNav({ items, onItemClick, color = "indigo" }) {
       onClick: () => onItemClick(item.id),
       color,
       variant: "light",
-      style: { borderRadius: "var(--mantine-radius-md)" },
+      style: { borderRadius: radii.md },
       styles: {
         root: {
-          color: item.active ? void 0 : "var(--mantine-color-gray-5)",
+          color: item.active ? void 0 : neutralColors[500],
           fontWeight: item.active ? 500 : 400
         },
         section: {
-          color: item.active ? void 0 : "var(--mantine-color-gray-4)"
+          color: item.active ? void 0 : neutralColors[400]
         }
       }
     },
@@ -30421,7 +30414,7 @@ function InvestorProfileCard({
             background: "none",
             border: "none",
             padding: 0,
-            borderRadius: "var(--mantine-radius-md)",
+            borderRadius: radii.md,
             flexShrink: 0
           },
           children: [
@@ -30435,7 +30428,7 @@ function InvestorProfileCard({
                 style: {
                   position: "absolute",
                   inset: 0,
-                  borderRadius: "var(--mantine-radius-md)",
+                  borderRadius: radii.md,
                   backgroundColor: `${neutralColors[900]}80`,
                   display: "flex",
                   alignItems: "center",
@@ -30449,7 +30442,7 @@ function InvestorProfileCard({
                 style: {
                   position: "absolute",
                   inset: 0,
-                  borderRadius: "var(--mantine-radius-md)",
+                  borderRadius: radii.md,
                   backgroundColor: `${neutralColors[900]}73`,
                   display: "flex",
                   alignItems: "center",
@@ -30566,8 +30559,8 @@ function WalletList({
         justify: "space-between",
         p: "xs",
         style: {
-          borderRadius: "var(--mantine-radius-sm)",
-          border: "1px solid var(--mantine-color-default-border)"
+          borderRadius: radii.sm,
+          border: `1px solid ${neutralColors[200]}`
         },
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs(Group, { gap: "xs", children: [
@@ -30801,6 +30794,7 @@ exports.neutralColors = neutralColors;
 exports.notify = notify;
 exports.passwordSchema = passwordSchema;
 exports.phoneSchema = phoneSchema;
+exports.radii = radii;
 exports.semanticColors = semanticColors;
 exports.theme = theme;
 exports.truncateAddress = truncateAddress;