@fairmint/ui 0.3.41 → 0.3.43

package/README.md

@@ -5,9 +5,6 @@ Fairmint's shared design system and UI component library.
 ## Documentation
 
 - [@fairmint/ui shared components](https://github.com/Fairmint/dev-docs/blob/main/docs/development/ui.md)
-- [GitHub wiki](https://github.com/Fairmint/ui/wiki)
-
-The canonical developer map is now in Fairmint/dev-docs. The GitHub wiki remains until that replacement is on main, then it will be disabled.
 
 ## Design quality
 

package/dist/components/primitives/muiCompat.cjs

@@ -24,6 +24,7 @@ const Modal = require("../../node_modules/@mantine/core/esm/components/Modal/Mod
 const Stack$1 = require("../../node_modules/@mantine/core/esm/components/Stack/Stack.cjs");
 const Menu = require("../../node_modules/@mantine/core/esm/components/Menu/Menu.cjs");
 const TextInput = require("../../node_modules/@mantine/core/esm/components/TextInput/TextInput.cjs");
+const colors = require("../../theme/colors.cjs");
 dayjs_min.extend(customParseFormat);
 const compatBreakpointKeys = ["xs", "sm", "md", "lg", "xl"];
 const compatFallbackBreakpoints = {
@@ -96,6 +97,34 @@ const mapCompatSize = (size) => {
   }
   return void 0;
 };
+const mantineChipVariants = /* @__PURE__ */ new Set([
+  "default",
+  "dot",
+  "filled",
+  "gradient",
+  "light",
+  "outline",
+  "transparent",
+  "white"
+]);
+const mapChipVariant = (variant) => {
+  if (variant === "outlined") return "outline";
+  if (typeof variant === "string" && mantineChipVariants.has(variant)) return variant;
+  return void 0;
+};
+const chipBadgeColorMap = {
+  default: colors.colors.neutral,
+  error: colors.colors.error,
+  info: colors.colors.info,
+  primary: colors.colors.primary,
+  secondary: colors.colors.neutral,
+  success: colors.colors.success,
+  warning: colors.colors.warning
+};
+const mapChipBadgeColor = (color) => {
+  if (typeof color !== "string" || !color) return colors.colors.neutral;
+  return chipBadgeColorMap[color] || color;
+};
 const mapCompatIconButtonSize = (size) => size === "small" ? "sm" : size === "medium" ? "md" : size === "large" ? "lg" : size;
 const optionalBoolean = (value) => typeof value === "boolean" ? value : void 0;
 const optionalString = (value) => typeof value === "string" ? value : void 0;
@@ -893,7 +922,9 @@ const Chip = ({
   icon,
   onClick,
   onDelete,
+  size,
   sx: sx2,
+  variant,
   ...props
 }) => {
   const chipClassName = [
@@ -948,9 +979,11 @@ const Chip = ({
     Badge.Badge,
     {
       className: chipClassName,
-      color: resolveCompatColor(color),
+      color: mapChipBadgeColor(color),
       leftSection: icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "fairmint-chip-icon", children: icon }) : void 0,
+      size: mapCompatSize(size),
       style: { textTransform: "none", ...sxToStyle(sx2) },
+      variant: mapChipVariant(variant),
       ...props,
       children: content
     }