@fairmint/ui 0.3.7 → 0.3.8

package/dist/theme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,oBAAoB,EAAe,KAAK,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAIhG;;;GAGG;AACH,eAAO,MAAM,KAAK;;;;;;CAMR,CAAC;AAiIX;;;;GAIG;AACH,eAAO,MAAM,UAAU;;;CAIb,CAAC;AAEX,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2EhB,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,oBAwBjC,CAAC;AAEH;;;;;;;;;GASG;AACH,eAAO,MAAM,YAAY;IACvB,2EAA2E;;IAE3E,qFAAqF;;IAErF,4EAA4E;;IAE5E,0EAA0E;;IAE1E,+EAA+E;;IAE/E,+CAA+C;;IAE/C,gCAAgC;;CAExB,CAAC;AAEX;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,kCAAkC,CAChD,WAAW,GAAE,OAAO,GAAG,MAAM,GAAG,MAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOjD;AAED,qDAAqD;AACrD,eAAO,MAAM,WAAW;;;;;CAKd,CAAC;AAEX,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,WAAW;;CAEd,CAAC;AAEX,iGAAiG;AACjG,eAAO,MAAM,aAAa;;;;;;;;;;;CAWhB,CAAC;AAEX,gDAAgD;AAChD,eAAO,MAAM,cAAc;;;;;CAKjB,CAAC;AAEX,YAAY,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClD,YAAY,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,yBAAyB,EAAE,MAAM,QAAQ,CAAC;AACnD,YAAY,EAAE,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AAC3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,6BAA6B,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,oBAAoB,EAAe,KAAK,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAIhG;;;GAGG;AACH,eAAO,MAAM,KAAK;;;;;;CAMR,CAAC;AAiIX;;;;GAIG;AACH,eAAO,MAAM,UAAU;;;CAIb,CAAC;AAEX,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2EhB,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,oBAuCjC,CAAC;AAEH;;;;;;;;;GASG;AACH,eAAO,MAAM,YAAY;IACvB,2EAA2E;;IAE3E,qFAAqF;;IAErF,4EAA4E;;IAE5E,0EAA0E;;IAE1E,qHAAqH;;IAErH,8FAA8F;;IAE9F,2GAA2G;;IAE3G,iGAAiG;;IAEjG,+EAA+E;;IAE/E,+CAA+C;;IAE/C,gCAAgC;;CAExB,CAAC;AAEX;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,kCAAkC,CAChD,WAAW,GAAE,OAAO,GAAG,MAAM,GAAG,MAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOjD;AAED,qDAAqD;AACrD,eAAO,MAAM,WAAW;;;;;CAKd,CAAC;AAEX,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,WAAW;;CAEd,CAAC;AAEX,gGAAgG;AAChG,eAAO,MAAM,YAAY;;;;;;;;;;;CAWf,CAAC;AAEX,iGAAiG;AACjG,eAAO,MAAM,aAAa;;;;;;;;;;;CAWhB,CAAC;AAEX,gDAAgD;AAChD,eAAO,MAAM,cAAc;;;;;CAKjB,CAAC;AAEX,YAAY,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClD,YAAY,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,yBAAyB,EAAE,MAAM,QAAQ,CAAC;AACnD,YAAY,EAAE,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AAC3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,6BAA6B,EAAE,MAAM,UAAU,CAAC"}

package/dist/theme/index.js

@@ -192,6 +192,10 @@ const fairmintCssVariables = () => ({
     "--fairmint-color-text-secondary": neutral[5],
     "--fairmint-color-text-tertiary": neutral[4],
     "--fairmint-color-surface-selected": indigo[0],
+    "--fairmint-color-icon-on-surface-selected": indigo[6],
+    "--fairmint-color-bg-surface": "#ffffff",
+    "--fairmint-color-bg-surface-secondary": neutral[0],
+    "--fairmint-color-border-default": neutral[2],
     "--fairmint-interactive-hover-shadow": `0 2px 6px ${neutral[9]}0F`,
     "--fairmint-interactive-hover-bg": neutral[0]
   },
@@ -200,7 +204,18 @@ const fairmintCssVariables = () => ({
     "--fairmint-color-text-primary": neutral[0],
     "--fairmint-color-text-secondary": neutral[4],
     "--fairmint-color-text-tertiary": neutral[5],
-    "--fairmint-color-surface-selected": indigo[9],
+    // Approved charcoal dark-mode values from PR #88 (agent/fairmint-ui-dark-mode-storybook),
+    // copied ahead of that merge so token names/values match and don't drift or conflict.
+    // "selected" reuses the same muted slate as "border" in #88's palette — a
+    // saturated indigo[9] fill here reads as too bold/inconsistent with the
+    // rest of the muted charcoal scale.
+    "--fairmint-color-surface-selected": "#2F3746",
+    // indigo[6] (the light-mode value) is too dark to read against the
+    // dark selected surface — use a light indigo instead.
+    "--fairmint-color-icon-on-surface-selected": indigo[2],
+    "--fairmint-color-bg-surface": "#17191D",
+    "--fairmint-color-bg-surface-secondary": "#1B1D21",
+    "--fairmint-color-border-default": "#2F3746",
     "--fairmint-interactive-hover-shadow": `0 2px 6px ${neutral[0]}1A`,
     "--fairmint-interactive-hover-bg": neutral[8]
   }
@@ -214,6 +229,14 @@ const fairmintVars = {
   colorTextTertiary: `var(--fairmint-color-text-tertiary, ${neutral[4]})`,
   /** Background tint for selected / active rows. Adapts to color scheme. */
   colorSurfaceSelected: `var(--fairmint-color-surface-selected, ${indigo[0]})`,
+  /** Icon/text drawn on top of colorSurfaceSelected (e.g. a checkmark in a selected badge). Adapts to color scheme. */
+  colorIconOnSurfaceSelected: `var(--fairmint-color-icon-on-surface-selected, ${indigo[6]})`,
+  /** Primary raised surface (cards/panels). Adapts to color scheme. Matches PR #88's naming. */
+  colorBgSurface: "var(--fairmint-color-bg-surface, #ffffff)",
+  /** Secondary surface for fields/rows/badges on a card. Adapts to color scheme. Matches PR #88's naming. */
+  colorBgSurfaceSecondary: `var(--fairmint-color-bg-surface-secondary, ${neutral[0]})`,
+  /** Default hairline border for cards/panels. Adapts to color scheme. Matches PR #88's naming. */
+  colorBorderDefault: `var(--fairmint-color-border-default, ${neutral[2]})`,
   /** Large decorative watermark on error/empty pages. Adapts to color scheme. */
   watermarkColor: `var(--fairmint-watermark-color, ${neutral[1]})`,
   /** Heading font family (Plus Jakarta Sans). */
@@ -241,6 +264,18 @@ const commonColors = {
 const shadowColor = {
   card: "#1119271A"
 };
+const indigoColors = {
+  0: "#EEF2FF",
+  1: "#E0E7FF",
+  2: "#C7D2FE",
+  3: "#A5B4FC",
+  4: "#818CF8",
+  5: "#6366F1",
+  6: "#4F46E5",
+  7: "#4338CA",
+  8: "#3730A3",
+  9: "#312E81"
+};
 const neutralColors = {
   50: "#F8F9FA",
   100: "#F3F4F6",
@@ -266,6 +301,7 @@ export {
   fairmintCssVariables,
   fairmintVars,
   fontSizes,
+  indigoColors,
   neutralColors,
   radii,
   semanticColors,

package/dist/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/theme/index.ts"],"sourcesContent":["import { type CSSVariablesResolver, createTheme, type MantineColorsTuple } from \"@mantine/core\";\nimport { fontSizes } from \"./fontSizes\";\nimport { spacing } from \"./spacing\";\n\n/**\n * Fairmint radius scale — single source of truth used by both the Mantine\n * theme config and the exported `radii` constant. Edit here; both stay in sync.\n */\nexport const radii = {\n  xs: \"0.25rem\",\n  sm: \"0.375rem\",\n  md: \"0.5rem\",\n  lg: \"0.75rem\",\n  xl: \"1rem\",\n} as const;\n\n/**\n * Indigo palette — primary UI color.\n * Used for buttons, links, active navigation, focus rings.\n * Shade [5] (#6366F1) is the default primary.\n */\nconst indigo: MantineColorsTuple = [\n  \"#EEF2FF\",\n  \"#E0E7FF\",\n  \"#C7D2FE\",\n  \"#A5B4FC\",\n  \"#818CF8\",\n  \"#6366F1\",\n  \"#4F46E5\",\n  \"#4338CA\",\n  \"#3730A3\",\n  \"#312E81\",\n];\n\n/**\n * Neutral scale — replaces Mantine's default gray.\n * Used for text, borders, backgrounds, disabled states.\n */\nconst neutral: MantineColorsTuple = [\n  \"#F8F9FA\",\n  \"#F3F4F6\",\n  \"#E5E7EB\",\n  \"#D2D6DB\",\n  \"#9DA4AE\",\n  \"#6C737F\",\n  \"#4D5761\",\n  \"#2F3746\",\n  \"#1C2536\",\n  \"#111927\",\n];\n\n/**\n * Fairmint brand blue — accent color for gradients and brand elements.\n * Shade [5] (#0A4EFB) is the primary brand blue.\n *\n * NOTE: design/README.md lists #2D00F7 as Fairmint Blue.\n * This library uses #0A4EFB (production value from investorv2).\n */\nconst fairmintBlue: MantineColorsTuple = [\n  \"#e6f0ff\",\n  \"#cce0ff\",\n  \"#99c2ff\",\n  \"#66a3ff\",\n  \"#3385ff\",\n  \"#0A4EFB\",\n  \"#083ec9\",\n  \"#062e97\",\n  \"#041f64\",\n  \"#020f32\",\n];\n\n/**\n * Fairmint brand purple — accent color for gradients and brand elements.\n * Shade [5] (#9E03FF) is the primary brand purple.\n *\n * NOTE: design/README.md lists #6739FD as Fairmint Purple.\n * This library uses #9E03FF (production value from investorv2).\n */\nconst fairmintPurple: MantineColorsTuple = [\n  \"#f5e6ff\",\n  \"#e6ccff\",\n  \"#cc99ff\",\n  \"#b366ff\",\n  \"#9933ff\",\n  \"#9E03FF\",\n  \"#7e02cc\",\n  \"#5f0299\",\n  \"#3f0166\",\n  \"#200133\",\n];\n\nconst success: MantineColorsTuple = [\n  \"#F0FDF9\",\n  \"#D1FAE5\",\n  \"#A7F3D0\",\n  \"#6EE7B7\",\n  \"#34D399\",\n  \"#10B981\",\n  \"#059669\",\n  \"#047857\",\n  \"#065F46\",\n  \"#134E48\",\n];\n\nconst warning: MantineColorsTuple = [\n  \"#FFFAEB\",\n  \"#FEF0C7\",\n  \"#FEDF89\",\n  \"#FEC84B\",\n  \"#FDB022\",\n  \"#F79009\",\n  \"#DC6803\",\n  \"#B54708\",\n  \"#93370D\",\n  \"#7A2E0E\",\n];\n\nconst error: MantineColorsTuple = [\n  \"#FEF3F2\",\n  \"#FEE4E2\",\n  \"#FECDCA\",\n  \"#FDA29B\",\n  \"#F97066\",\n  \"#F04438\",\n  \"#D92D20\",\n  \"#B42318\",\n  \"#912018\",\n  \"#7A271A\",\n];\n\nconst info: MantineColorsTuple = [\n  \"#ECFDFF\",\n  \"#CFF9FE\",\n  \"#A5F0FC\",\n  \"#67E3F9\",\n  \"#22CCEE\",\n  \"#06AED4\",\n  \"#088AB2\",\n  \"#0E7090\",\n  \"#155B75\",\n  \"#164C63\",\n];\n\n/**\n * Typography constants — single source of truth for font families.\n * Use these instead of var(--mantine-font-family-*) in component code.\n * Declared before createTheme so the theme itself references them.\n */\nexport const typography = {\n  fontFamily:\n    '\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"',\n  headingFontFamily: '\"Plus Jakarta Sans\", sans-serif',\n} as const;\n\nexport const theme = createTheme({\n  primaryColor: \"indigo\",\n  colors: { indigo, gray: neutral, fairmintBlue, fairmintPurple, success, warning, error, info },\n\n  fontFamily: typography.fontFamily,\n  headings: {\n    fontFamily: typography.headingFontFamily,\n    fontWeight: \"700\",\n  },\n\n  radius: radii,\n  defaultRadius: \"md\",\n  spacing,\n  fontSizes: {\n    xs: fontSizes.xs,\n    sm: fontSizes.sm,\n    md: fontSizes.md,\n    lg: fontSizes.lg,\n    xl: fontSizes.xl,\n  },\n\n  breakpoints: {\n    xs: \"30em\",\n    sm: \"48em\",\n    md: \"64em\",\n    lg: \"74em\",\n    xl: \"90em\",\n  },\n\n  components: {\n    Button: {\n      defaultProps: { size: \"md\" },\n      styles: {\n        root: {\n          fontWeight: 600,\n          borderRadius: \"0.75rem\",\n          textTransform: \"none\" as const,\n        },\n      },\n    },\n    TextInput: {\n      defaultProps: { size: \"md\" },\n    },\n    Card: {\n      defaultProps: {\n        padding: \"lg\",\n        radius: \"xl\",\n        withBorder: true,\n      },\n    },\n    Paper: {\n      styles: {\n        root: { backgroundImage: \"none\" },\n      },\n    },\n    Table: {\n      styles: {\n        thead: {\n          fontSize: \"0.75rem\",\n          fontWeight: 600,\n          letterSpacing: \"0.5px\",\n          textTransform: \"uppercase\" as const,\n        },\n      },\n    },\n    Modal: {\n      styles: {\n        title: {\n          fontSize: fontSizes.lg,\n          fontWeight: 700,\n          lineHeight: 1.3,\n        },\n      },\n    },\n  },\n});\n\n/**\n * Fairmint CSS variables resolver for MantineProvider.\n * Publishes --fairmint-* custom properties so components never reference\n * --mantine-* variables directly. All light/dark switching is centralised here.\n */\nexport const fairmintCssVariables: CSSVariablesResolver = () => ({\n  variables: {\n    \"--fairmint-font-headings\": typography.headingFontFamily,\n    \"--fairmint-font-body\": typography.fontFamily,\n    \"--fairmint-interactive-focus-ring\": indigo[5],\n  },\n  light: {\n    \"--fairmint-watermark-color\": neutral[1],\n    \"--fairmint-color-text-primary\": neutral[9],\n    \"--fairmint-color-text-secondary\": neutral[5],\n    \"--fairmint-color-text-tertiary\": neutral[4],\n    \"--fairmint-color-surface-selected\": indigo[0],\n    \"--fairmint-interactive-hover-shadow\": `0 2px 6px ${neutral[9]}0F`,\n    \"--fairmint-interactive-hover-bg\": neutral[0],\n  },\n  dark: {\n    \"--fairmint-watermark-color\": neutral[7],\n    \"--fairmint-color-text-primary\": neutral[0],\n    \"--fairmint-color-text-secondary\": neutral[4],\n    \"--fairmint-color-text-tertiary\": neutral[5],\n    \"--fairmint-color-surface-selected\": indigo[9],\n    \"--fairmint-interactive-hover-shadow\": `0 2px 6px ${neutral[0]}1A`,\n    \"--fairmint-interactive-hover-bg\": neutral[8],\n  },\n});\n\n/**\n * Typed JS references to every --fairmint-* CSS custom property.\n * Use these in component code instead of raw \"var(--fairmint-...)\" strings so\n * that renaming a token requires one change here rather than hunting every file.\n *\n * Each value includes a CSS fallback derived from the light-mode token value so\n * that components degrade gracefully when cssVariablesResolver is not wired up\n * (e.g. bare MantineProvider in tests or custom setups). Dark-mode fidelity is\n * lost without the resolver, but nothing renders invisibly.\n */\nexport const fairmintVars = {\n  /** Primary body/heading text — titles on tinted surfaces (Chip Banner). */\n  colorTextPrimary: `var(--fairmint-color-text-primary, ${neutral[9]})`,\n  /** Secondary / muted text — subtitles, supporting labels. Adapts to color scheme. */\n  colorTextSecondary: `var(--fairmint-color-text-secondary, ${neutral[5]})`,\n  /** Tertiary / faint text — timestamps, metadata. Adapts to color scheme. */\n  colorTextTertiary: `var(--fairmint-color-text-tertiary, ${neutral[4]})`,\n  /** Background tint for selected / active rows. Adapts to color scheme. */\n  colorSurfaceSelected: `var(--fairmint-color-surface-selected, ${indigo[0]})`,\n  /** Large decorative watermark on error/empty pages. Adapts to color scheme. */\n  watermarkColor: `var(--fairmint-watermark-color, ${neutral[1]})`,\n  /** Heading font family (Plus Jakarta Sans). */\n  fontHeadings: `var(--fairmint-font-headings, ${typography.headingFontFamily})`,\n  /** Body font family (Inter). */\n  fontBody: `var(--fairmint-font-body, ${typography.fontFamily})`,\n} as const;\n\n/**\n * Returns the MantineProvider props required to use @fairmint/ui components.\n * Use this when you need to instantiate MantineProvider directly (e.g. in\n * Storybook decorators or server-rendering setups) instead of FairmintProvider.\n *\n * @example\n * ```tsx\n * import { MantineProvider } from \"@mantine/core\";\n * import { createFairmintMantineProviderProps } from \"@fairmint/ui\";\n *\n * <MantineProvider {...createFairmintMantineProviderProps()}>\n *   <App />\n * </MantineProvider>\n * ```\n */\nexport function createFairmintMantineProviderProps(\n  colorScheme: \"light\" | \"dark\" | \"auto\" = \"light\",\n) {\n  return {\n    theme,\n    cssVariablesResolver: fairmintCssVariables,\n    defaultColorScheme: colorScheme,\n  } as const;\n}\n\n/** Brand colors for gradients and custom styling. */\nexport const brandColors = {\n  blue: \"#0A4EFB\",\n  purple: \"#9E03FF\",\n  indigo: \"#6366F1\",\n  gradient: \"linear-gradient(90deg, #0A4EFB 0%, #9E03FF 100%)\",\n} as const;\n\nexport const commonColors = {\n  black: \"#000000\",\n  white: \"#ffffff\",\n} as const;\n\n/**\n * Card/row shadow used by WalletList and similar card surfaces.\n * Equivalent to neutralColors[900] at ~10% opacity (#111927 → #1119271A).\n */\nexport const shadowColor = {\n  card: \"#1119271A\",\n} as const;\n\n/** Neutral scale for direct access outside Mantine's theme system. Keys are numeric literals. */\nexport const neutralColors = {\n  50: \"#F8F9FA\",\n  100: \"#F3F4F6\",\n  200: \"#E5E7EB\",\n  300: \"#D2D6DB\",\n  400: \"#9DA4AE\",\n  500: \"#6C737F\",\n  600: \"#4D5761\",\n  700: \"#2F3746\",\n  800: \"#1C2536\",\n  900: \"#111927\",\n} as const;\n\n/** Semantic colors for status-based styling. */\nexport const semanticColors = {\n  success: \"#10B981\",\n  warning: \"#F79009\",\n  error: \"#F04438\",\n  info: \"#06AED4\",\n} as const;\n\nexport type { AvatarPaletteColor, FairmintColor } from \"./colors\";\nexport { AVATAR_PALETTE, colors } from \"./colors\";\nexport type { FairmintFontSize } from \"./fontSizes\";\nexport { fontSizes } from \"./fontSizes\";\nexport { DEFAULT_FAIRMINT_LOGO_SRC } from \"./logo\";\nexport type { FairmintResponsiveTypography } from \"./responsiveTypography\";\nexport { responsiveTypography } from \"./responsiveTypography\";\nexport type { FairmintSpacing } from \"./spacing\";\nexport { spacing } from \"./spacing\";\nexport { overlayZIndexAboveLegacyShell } from \"./zIndex\";\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/theme/index.ts"],"sourcesContent":["import { type CSSVariablesResolver, createTheme, type MantineColorsTuple } from \"@mantine/core\";\nimport { fontSizes } from \"./fontSizes\";\nimport { spacing } from \"./spacing\";\n\n/**\n * Fairmint radius scale — single source of truth used by both the Mantine\n * theme config and the exported `radii` constant. Edit here; both stay in sync.\n */\nexport const radii = {\n  xs: \"0.25rem\",\n  sm: \"0.375rem\",\n  md: \"0.5rem\",\n  lg: \"0.75rem\",\n  xl: \"1rem\",\n} as const;\n\n/**\n * Indigo palette — primary UI color.\n * Used for buttons, links, active navigation, focus rings.\n * Shade [5] (#6366F1) is the default primary.\n */\nconst indigo: MantineColorsTuple = [\n  \"#EEF2FF\",\n  \"#E0E7FF\",\n  \"#C7D2FE\",\n  \"#A5B4FC\",\n  \"#818CF8\",\n  \"#6366F1\",\n  \"#4F46E5\",\n  \"#4338CA\",\n  \"#3730A3\",\n  \"#312E81\",\n];\n\n/**\n * Neutral scale — replaces Mantine's default gray.\n * Used for text, borders, backgrounds, disabled states.\n */\nconst neutral: MantineColorsTuple = [\n  \"#F8F9FA\",\n  \"#F3F4F6\",\n  \"#E5E7EB\",\n  \"#D2D6DB\",\n  \"#9DA4AE\",\n  \"#6C737F\",\n  \"#4D5761\",\n  \"#2F3746\",\n  \"#1C2536\",\n  \"#111927\",\n];\n\n/**\n * Fairmint brand blue — accent color for gradients and brand elements.\n * Shade [5] (#0A4EFB) is the primary brand blue.\n *\n * NOTE: design/README.md lists #2D00F7 as Fairmint Blue.\n * This library uses #0A4EFB (production value from investorv2).\n */\nconst fairmintBlue: MantineColorsTuple = [\n  \"#e6f0ff\",\n  \"#cce0ff\",\n  \"#99c2ff\",\n  \"#66a3ff\",\n  \"#3385ff\",\n  \"#0A4EFB\",\n  \"#083ec9\",\n  \"#062e97\",\n  \"#041f64\",\n  \"#020f32\",\n];\n\n/**\n * Fairmint brand purple — accent color for gradients and brand elements.\n * Shade [5] (#9E03FF) is the primary brand purple.\n *\n * NOTE: design/README.md lists #6739FD as Fairmint Purple.\n * This library uses #9E03FF (production value from investorv2).\n */\nconst fairmintPurple: MantineColorsTuple = [\n  \"#f5e6ff\",\n  \"#e6ccff\",\n  \"#cc99ff\",\n  \"#b366ff\",\n  \"#9933ff\",\n  \"#9E03FF\",\n  \"#7e02cc\",\n  \"#5f0299\",\n  \"#3f0166\",\n  \"#200133\",\n];\n\nconst success: MantineColorsTuple = [\n  \"#F0FDF9\",\n  \"#D1FAE5\",\n  \"#A7F3D0\",\n  \"#6EE7B7\",\n  \"#34D399\",\n  \"#10B981\",\n  \"#059669\",\n  \"#047857\",\n  \"#065F46\",\n  \"#134E48\",\n];\n\nconst warning: MantineColorsTuple = [\n  \"#FFFAEB\",\n  \"#FEF0C7\",\n  \"#FEDF89\",\n  \"#FEC84B\",\n  \"#FDB022\",\n  \"#F79009\",\n  \"#DC6803\",\n  \"#B54708\",\n  \"#93370D\",\n  \"#7A2E0E\",\n];\n\nconst error: MantineColorsTuple = [\n  \"#FEF3F2\",\n  \"#FEE4E2\",\n  \"#FECDCA\",\n  \"#FDA29B\",\n  \"#F97066\",\n  \"#F04438\",\n  \"#D92D20\",\n  \"#B42318\",\n  \"#912018\",\n  \"#7A271A\",\n];\n\nconst info: MantineColorsTuple = [\n  \"#ECFDFF\",\n  \"#CFF9FE\",\n  \"#A5F0FC\",\n  \"#67E3F9\",\n  \"#22CCEE\",\n  \"#06AED4\",\n  \"#088AB2\",\n  \"#0E7090\",\n  \"#155B75\",\n  \"#164C63\",\n];\n\n/**\n * Typography constants — single source of truth for font families.\n * Use these instead of var(--mantine-font-family-*) in component code.\n * Declared before createTheme so the theme itself references them.\n */\nexport const typography = {\n  fontFamily:\n    '\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"',\n  headingFontFamily: '\"Plus Jakarta Sans\", sans-serif',\n} as const;\n\nexport const theme = createTheme({\n  primaryColor: \"indigo\",\n  colors: { indigo, gray: neutral, fairmintBlue, fairmintPurple, success, warning, error, info },\n\n  fontFamily: typography.fontFamily,\n  headings: {\n    fontFamily: typography.headingFontFamily,\n    fontWeight: \"700\",\n  },\n\n  radius: radii,\n  defaultRadius: \"md\",\n  spacing,\n  fontSizes: {\n    xs: fontSizes.xs,\n    sm: fontSizes.sm,\n    md: fontSizes.md,\n    lg: fontSizes.lg,\n    xl: fontSizes.xl,\n  },\n\n  breakpoints: {\n    xs: \"30em\",\n    sm: \"48em\",\n    md: \"64em\",\n    lg: \"74em\",\n    xl: \"90em\",\n  },\n\n  components: {\n    Button: {\n      defaultProps: { size: \"md\" },\n      styles: {\n        root: {\n          fontWeight: 600,\n          borderRadius: \"0.75rem\",\n          textTransform: \"none\" as const,\n        },\n      },\n    },\n    TextInput: {\n      defaultProps: { size: \"md\" },\n    },\n    Card: {\n      defaultProps: {\n        padding: \"lg\",\n        radius: \"xl\",\n        withBorder: true,\n      },\n    },\n    Paper: {\n      styles: {\n        root: { backgroundImage: \"none\" },\n      },\n    },\n    Table: {\n      styles: {\n        thead: {\n          fontSize: \"0.75rem\",\n          fontWeight: 600,\n          letterSpacing: \"0.5px\",\n          textTransform: \"uppercase\" as const,\n        },\n      },\n    },\n    Modal: {\n      styles: {\n        title: {\n          fontSize: fontSizes.lg,\n          fontWeight: 700,\n          lineHeight: 1.3,\n        },\n      },\n    },\n  },\n});\n\n/**\n * Fairmint CSS variables resolver for MantineProvider.\n * Publishes --fairmint-* custom properties so components never reference\n * --mantine-* variables directly. All light/dark switching is centralised here.\n */\nexport const fairmintCssVariables: CSSVariablesResolver = () => ({\n  variables: {\n    \"--fairmint-font-headings\": typography.headingFontFamily,\n    \"--fairmint-font-body\": typography.fontFamily,\n    \"--fairmint-interactive-focus-ring\": indigo[5],\n  },\n  light: {\n    \"--fairmint-watermark-color\": neutral[1],\n    \"--fairmint-color-text-primary\": neutral[9],\n    \"--fairmint-color-text-secondary\": neutral[5],\n    \"--fairmint-color-text-tertiary\": neutral[4],\n    \"--fairmint-color-surface-selected\": indigo[0],\n    \"--fairmint-color-icon-on-surface-selected\": indigo[6],\n    \"--fairmint-color-bg-surface\": \"#ffffff\",\n    \"--fairmint-color-bg-surface-secondary\": neutral[0],\n    \"--fairmint-color-border-default\": neutral[2],\n    \"--fairmint-interactive-hover-shadow\": `0 2px 6px ${neutral[9]}0F`,\n    \"--fairmint-interactive-hover-bg\": neutral[0],\n  },\n  dark: {\n    \"--fairmint-watermark-color\": neutral[7],\n    \"--fairmint-color-text-primary\": neutral[0],\n    \"--fairmint-color-text-secondary\": neutral[4],\n    \"--fairmint-color-text-tertiary\": neutral[5],\n    // Approved charcoal dark-mode values from PR #88 (agent/fairmint-ui-dark-mode-storybook),\n    // copied ahead of that merge so token names/values match and don't drift or conflict.\n    // \"selected\" reuses the same muted slate as \"border\" in #88's palette — a\n    // saturated indigo[9] fill here reads as too bold/inconsistent with the\n    // rest of the muted charcoal scale.\n    \"--fairmint-color-surface-selected\": \"#2F3746\",\n    // indigo[6] (the light-mode value) is too dark to read against the\n    // dark selected surface — use a light indigo instead.\n    \"--fairmint-color-icon-on-surface-selected\": indigo[2],\n    \"--fairmint-color-bg-surface\": \"#17191D\",\n    \"--fairmint-color-bg-surface-secondary\": \"#1B1D21\",\n    \"--fairmint-color-border-default\": \"#2F3746\",\n    \"--fairmint-interactive-hover-shadow\": `0 2px 6px ${neutral[0]}1A`,\n    \"--fairmint-interactive-hover-bg\": neutral[8],\n  },\n});\n\n/**\n * Typed JS references to every --fairmint-* CSS custom property.\n * Use these in component code instead of raw \"var(--fairmint-...)\" strings so\n * that renaming a token requires one change here rather than hunting every file.\n *\n * Each value includes a CSS fallback derived from the light-mode token value so\n * that components degrade gracefully when cssVariablesResolver is not wired up\n * (e.g. bare MantineProvider in tests or custom setups). Dark-mode fidelity is\n * lost without the resolver, but nothing renders invisibly.\n */\nexport const fairmintVars = {\n  /** Primary body/heading text — titles on tinted surfaces (Chip Banner). */\n  colorTextPrimary: `var(--fairmint-color-text-primary, ${neutral[9]})`,\n  /** Secondary / muted text — subtitles, supporting labels. Adapts to color scheme. */\n  colorTextSecondary: `var(--fairmint-color-text-secondary, ${neutral[5]})`,\n  /** Tertiary / faint text — timestamps, metadata. Adapts to color scheme. */\n  colorTextTertiary: `var(--fairmint-color-text-tertiary, ${neutral[4]})`,\n  /** Background tint for selected / active rows. Adapts to color scheme. */\n  colorSurfaceSelected: `var(--fairmint-color-surface-selected, ${indigo[0]})`,\n  /** Icon/text drawn on top of colorSurfaceSelected (e.g. a checkmark in a selected badge). Adapts to color scheme. */\n  colorIconOnSurfaceSelected: `var(--fairmint-color-icon-on-surface-selected, ${indigo[6]})`,\n  /** Primary raised surface (cards/panels). Adapts to color scheme. Matches PR #88's naming. */\n  colorBgSurface: \"var(--fairmint-color-bg-surface, #ffffff)\",\n  /** Secondary surface for fields/rows/badges on a card. Adapts to color scheme. Matches PR #88's naming. */\n  colorBgSurfaceSecondary: `var(--fairmint-color-bg-surface-secondary, ${neutral[0]})`,\n  /** Default hairline border for cards/panels. Adapts to color scheme. Matches PR #88's naming. */\n  colorBorderDefault: `var(--fairmint-color-border-default, ${neutral[2]})`,\n  /** Large decorative watermark on error/empty pages. Adapts to color scheme. */\n  watermarkColor: `var(--fairmint-watermark-color, ${neutral[1]})`,\n  /** Heading font family (Plus Jakarta Sans). */\n  fontHeadings: `var(--fairmint-font-headings, ${typography.headingFontFamily})`,\n  /** Body font family (Inter). */\n  fontBody: `var(--fairmint-font-body, ${typography.fontFamily})`,\n} as const;\n\n/**\n * Returns the MantineProvider props required to use @fairmint/ui components.\n * Use this when you need to instantiate MantineProvider directly (e.g. in\n * Storybook decorators or server-rendering setups) instead of FairmintProvider.\n *\n * @example\n * ```tsx\n * import { MantineProvider } from \"@mantine/core\";\n * import { createFairmintMantineProviderProps } from \"@fairmint/ui\";\n *\n * <MantineProvider {...createFairmintMantineProviderProps()}>\n *   <App />\n * </MantineProvider>\n * ```\n */\nexport function createFairmintMantineProviderProps(\n  colorScheme: \"light\" | \"dark\" | \"auto\" = \"light\",\n) {\n  return {\n    theme,\n    cssVariablesResolver: fairmintCssVariables,\n    defaultColorScheme: colorScheme,\n  } as const;\n}\n\n/** Brand colors for gradients and custom styling. */\nexport const brandColors = {\n  blue: \"#0A4EFB\",\n  purple: \"#9E03FF\",\n  indigo: \"#6366F1\",\n  gradient: \"linear-gradient(90deg, #0A4EFB 0%, #9E03FF 100%)\",\n} as const;\n\nexport const commonColors = {\n  black: \"#000000\",\n  white: \"#ffffff\",\n} as const;\n\n/**\n * Card/row shadow used by WalletList and similar card surfaces.\n * Equivalent to neutralColors[900] at ~10% opacity (#111927 → #1119271A).\n */\nexport const shadowColor = {\n  card: \"#1119271A\",\n} as const;\n\n/** Indigo scale for direct access outside Mantine's theme system. Keys are numeric literals. */\nexport const indigoColors = {\n  0: \"#EEF2FF\",\n  1: \"#E0E7FF\",\n  2: \"#C7D2FE\",\n  3: \"#A5B4FC\",\n  4: \"#818CF8\",\n  5: \"#6366F1\",\n  6: \"#4F46E5\",\n  7: \"#4338CA\",\n  8: \"#3730A3\",\n  9: \"#312E81\",\n} as const;\n\n/** Neutral scale for direct access outside Mantine's theme system. Keys are numeric literals. */\nexport const neutralColors = {\n  50: \"#F8F9FA\",\n  100: \"#F3F4F6\",\n  200: \"#E5E7EB\",\n  300: \"#D2D6DB\",\n  400: \"#9DA4AE\",\n  500: \"#6C737F\",\n  600: \"#4D5761\",\n  700: \"#2F3746\",\n  800: \"#1C2536\",\n  900: \"#111927\",\n} as const;\n\n/** Semantic colors for status-based styling. */\nexport const semanticColors = {\n  success: \"#10B981\",\n  warning: \"#F79009\",\n  error: \"#F04438\",\n  info: \"#06AED4\",\n} as const;\n\nexport type { AvatarPaletteColor, FairmintColor } from \"./colors\";\nexport { AVATAR_PALETTE, colors } from \"./colors\";\nexport type { FairmintFontSize } from \"./fontSizes\";\nexport { fontSizes } from \"./fontSizes\";\nexport { DEFAULT_FAIRMINT_LOGO_SRC } from \"./logo\";\nexport type { FairmintResponsiveTypography } from \"./responsiveTypography\";\nexport { responsiveTypography } from \"./responsiveTypography\";\nexport type { FairmintSpacing } from \"./spacing\";\nexport { spacing } from \"./spacing\";\nexport { overlayZIndexAboveLegacyShell } from \"./zIndex\";\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fairmint/ui",
-  "version": "0.3.7",
+  "version": "0.3.8",
   "type": "module",
   "description": "Fairmint design system and UI component library",
   "license": "UNLICENSED",