@mindbill/react 0.28.1 → 0.28.2

package/README.md

@@ -32,16 +32,13 @@ Choose a complete preset, then override only the tokens your design system owns.
 ```tsx
 <ConnectedBillLifecycle
   billId={billId}
-  appearance={{
-    preset: "orange-bright",
-    accentColor: "#ff4f0a",
-    fontFamily: "Inter, sans-serif",
-    borderRadius: "8px",
-  }}
+  appearance={{ preset: "midnight-cyan" }}
 />
 ```
 
-Available presets are `mindbill`, `qme-companion`, `orange-bright`, and `clinical-blue`. Preset names describe visual styles rather than customer or partner brands. Supported overrides include accent, accent text, background, surface, input background, text, muted text, border, font, panel radius, control radius, shadow, danger, success, and warning colors.
+`midnight-cyan` gives every billing surface a spacious pale-blue canvas, crisp white panels, midnight actions and typography, cyan-compatible accents, and pill-shaped controls. No extra CSS is required.
+
+Available presets are `mindbill`, `qme-companion`, `orange-bright`, `clinical-blue`, and `midnight-cyan`. Preset names describe visual styles rather than customer or partner brands. Supported overrides include accent, accent text, background, surface, input background, text, muted text, border, font, panel radius, control radius, shadow, danger, success, and warning colors.
 
 Add one authenticated route to your app. It maps the signed-in user's role to billing permissions, then mints an exact-origin token for that user in your MindBill organization. The Partner API key stays on the server.
 

package/dist/index.d.ts

@@ -4,7 +4,7 @@ import { CSSProperties, ReactElement, ReactNode } from 'react';
 import { BillReviewData as BillReviewData$1, BillLifecycleDelivery, BillReviewAttachment as BillReviewAttachment$1, BrowserBillSubmissionResult, BillLifecycleSessionProvider, BillReviewPayer as BillReviewPayer$1, BrowserBillSubmissionDocument, BillRemittanceSummary, BillEorDocument, BillPaymentRecord, BillLifecycleAction, BillLifecycleData, BillLifecycleClientOptions, BillLifecycleClient } from '@mindbill/browser';
 export { BillActivityRecord, BillClaimsAdministratorContact, BillClaimsAdministratorDirectory, BillClaimsAdministratorMailingAddress, BillClaimsAdministratorPattern, BillEorDocument, BillLifecycleAction, BillLifecycleActionId, BillLifecycleClient, BillLifecycleClientOptions, BillLifecycleData, BillLifecycleDelivery, BillLifecycleSession, BillLifecycleSessionProvider, BillLifecycleSessionRequest, BillPaymentRecord, BillRemittanceSummary, BrowserBillSubmissionResult, CloseBillInput, PostBillPaymentInput, ReopenBillInput, SubmitSecondReviewInput, createBillLifecycleClient } from '@mindbill/browser';
 
-type MindBillThemePreset = "mindbill" | "qme-companion" | "orange-bright" | "clinical-blue";
+type MindBillThemePreset = "mindbill" | "qme-companion" | "orange-bright" | "clinical-blue" | "midnight-cyan";
 type MindBillReactAppearance = MindBillAppearance & {
     /** A complete starting point. Individual tokens below always win. */
     preset?: MindBillThemePreset;
@@ -84,6 +84,23 @@ declare const mindBillThemePresets: {
         readonly warningColor: "#d48806";
         readonly fontFamily: "Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif";
     };
+    readonly "midnight-cyan": {
+        readonly accentColor: "#05092e";
+        readonly accentTextColor: "#ffffff";
+        readonly backgroundColor: "#edf6ff";
+        readonly surfaceColor: "#ffffff";
+        readonly inputBackgroundColor: "#ffffff";
+        readonly textColor: "#05092e";
+        readonly mutedColor: "#596078";
+        readonly borderColor: "#d9dae1";
+        readonly borderRadius: "0px";
+        readonly controlRadius: "999px";
+        readonly shadow: "0 1px 2px rgba(5,9,46,.04)";
+        readonly dangerColor: "#b42318";
+        readonly successColor: "#167a58";
+        readonly warningColor: "#9a6418";
+        readonly fontFamily: "Geist, Inter, ui-sans-serif, system-ui, sans-serif";
+    };
 };
 declare function resolveMindBillAppearance(appearance: MindBillReactAppearance | undefined): MindBillReactAppearance;
 declare function mindBillAppearanceStyle(appearance: MindBillReactAppearance | undefined, style?: CSSProperties): CSSProperties;

package/dist/index.js

@@ -72,6 +72,23 @@ var mindBillThemePresets = {
     successColor: "#389e0d",
     warningColor: "#d48806",
     fontFamily: "Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif"
+  },
+  "midnight-cyan": {
+    accentColor: "#05092e",
+    accentTextColor: "#ffffff",
+    backgroundColor: "#edf6ff",
+    surfaceColor: "#ffffff",
+    inputBackgroundColor: "#ffffff",
+    textColor: "#05092e",
+    mutedColor: "#596078",
+    borderColor: "#d9dae1",
+    borderRadius: "0px",
+    controlRadius: "999px",
+    shadow: "0 1px 2px rgba(5,9,46,.04)",
+    dangerColor: "#b42318",
+    successColor: "#167a58",
+    warningColor: "#9a6418",
+    fontFamily: "Geist, Inter, ui-sans-serif, system-ui, sans-serif"
   }
 };
 function resolveMindBillAppearance(appearance) {