finform-react-builder 1.12.4 → 1.12.6

package/dist/theme/finflowFrontendMirrorTheme.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Default brand primary when finflow-frontend resolves `getCompanyTheme("finflow")` —
+ * `THEMES.finflow` is undefined, so it falls back to DEFAULT_TOKENS.
+ * @see finflow-frontend/src/shared/theme/companyThemes.ts
+ */
+export declare const FINFLOW_FRONTEND_DEFAULT_PRIMARY = "#244061";
+/**
+ * Light-mode MUI theme aligned with finflow-frontend’s default `ThemeProvider` + Redux
+ * initial state (`themeSlice` + `companyThemes` fallback), so finform `npm run dev`
+ * matches the app for visual QA.
+ *
+ * Not used by the published library — demo / dev only.
+ *
+ * @see finflow-frontend/src/components/common/ThemeProvider.tsx
+ */
+export declare function createFinflowFrontendMirrorTheme(): import('@mui/material').Theme;

package/dist/theme/index.d.ts

@@ -1 +1,3 @@
 export * from './palette';
+export * from './useFinInputTokens';
+export { createFinflowFrontendMirrorTheme, FINFLOW_FRONTEND_DEFAULT_PRIMARY, } from './finflowFrontendMirrorTheme';

package/dist/theme/palette.d.ts

@@ -67,6 +67,19 @@ export declare const neutral: {
     readonly 800: string;
     readonly 900: string;
 };
+/** Neutral 50–900 from a base (e.g. `theme.palette.text.primary`) for outlined inputs. */
+export declare const createNeutralToneScale: (base: string) => {
+    readonly 50: string;
+    readonly 100: string;
+    readonly 200: string;
+    readonly 300: string;
+    readonly 400: string;
+    readonly 500: string;
+    readonly 600: string;
+    readonly 700: string;
+    readonly 800: string;
+    readonly 900: string;
+};
 export declare const brand: {
     primary: string;
     secondary: string;

package/dist/theme/useFinInputTokens.d.ts

@@ -0,0 +1,17 @@
+export interface FinInputTokens {
+    paper: string;
+    divider: string;
+    textPrimary: string;
+    textSecondary: string;
+    errorMain: string;
+    neutral50: string;
+    /** Resting outline: hover-tone neutral[300] at 50% opacity (matches Finflow spec). */
+    outlineDefault: string;
+    outlineHover: string;
+    outlineFocus: string;
+}
+/**
+ * MUI-theme-driven colors for Fin outlined fields so host apps control palette via ThemeProvider
+ * (no hardcoded finflowPalette / GlobalStyles overrides needed).
+ */
+export declare function useFinInputTokens(): FinInputTokens;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "finform-react-builder",
-  "version": "1.12.4",
+  "version": "1.12.6",
   "description": "A powerful, flexible React form builder with dynamic field rendering, custom validation, multi-step forms, Material-UI integration, image component support, toggle/radio buttons, switches, autocomplete, and advanced button positioning",
   "keywords": [
     "react",
@@ -55,6 +55,7 @@
     "build:types": "tsc --project tsconfig.build.json",
     "preview": "vite preview",
     "prepublishOnly": "npm run build:lib",
+    "publish:npm": "bash scripts/publish-npm.sh",
     "check-package": "npm view finform-react-builder",
     "test": "echo \"Error: no test specified\" && exit 1",
     "test:build": "npm run build && npm pack",