@metrifox/react-sdk 0.0.20-beta.4 → 0.0.20-beta.6

package/dist/index.d.ts

@@ -1,26 +1,27 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ComponentType } from 'react';
 
-/** Plans block: same shape as customer portal theme.plans. */
-interface PricingTablePlansTheme {
-    currentPlanCard?: CurrentSubscriptionCard;
-    planCards?: CardTheme;
-    planFeatures?: FeatureListTheme;
-    planButton?: PlanButtonTheme;
-    planToggle?: IntervalToggleTheme;
-    planTags?: PlanTagsTheme;
-}
-/** Same order and shape as customer portal for consistency. Supports both plans: {} and top-level keys. */
+/**
+ * Pricing Table theme. All properties are optional.
+ * The theme follows the same structure as CustomerPortalTheme:
+ * - Plan-related keys (planCards, planButton, etc.) are nested under `plans`
+ * - Additional top-level keys: `tabs`, `checkoutBar`
+ */
 interface PricingTableTheme {
+    general?: {
+        fontFamily?: string;
+    };
     plans?: PricingTablePlansTheme;
+    tabs?: TabsTheme;
+    checkoutBar?: CheckoutBarTheme;
+}
+interface PricingTablePlansTheme {
     currentPlanCard?: CurrentSubscriptionCard;
     planCards?: CardTheme;
     planFeatures?: FeatureListTheme;
     planButton?: PlanButtonTheme;
     planToggle?: IntervalToggleTheme;
     planTags?: PlanTagsTheme;
-    tabs?: TabsTheme;
-    checkoutBar?: CheckoutBarTheme;
 }
 interface CardTheme {
     background?: string;
@@ -45,11 +46,9 @@ interface CardPriceTheme {
     amountColor?: string;
     primaryTextColor?: string;
     secondaryTextColor?: string;
-    textButtonColor?: string;
     background?: string;
     borderColor?: string;
 }
-/** Matches customer portal plans.planButton; optional extras for standalone pricing table. */
 interface PlanButtonTheme {
     background?: string;
     textColor?: string;
@@ -79,7 +78,6 @@ interface CurrentSubscriptionCard {
     description?: CardDescriptionTheme;
     borderRadius?: string;
 }
-/** Matches customer portal plans.planTags. */
 interface PlanTagsTheme {
     freeTrialBackground?: string;
     freeTrialText?: string;
@@ -92,6 +90,12 @@ interface CheckoutBarTheme {
     buttonTextColor?: string;
 }
 
+/**
+ * Customer Portal theme. All properties are optional.
+ * This shape matches what is defined in defaultCustomerPortalTheme and what
+ * customerPortalThemeToCssVars maps to CSS variables. Only theme groups
+ * that exist in the default theme or are supported by the helper are included.
+ */
 type CustomerPortalTheme = {
     general?: {
         linkColor?: string;
@@ -190,36 +194,6 @@ type CustomerPortalTheme = {
             };
         };
     };
-    badges?: {
-        active?: {
-            background?: string;
-            textColor?: string;
-            strokeColor?: string;
-        };
-        cancelled?: {
-            background?: string;
-            textColor?: string;
-            strokeColor?: string;
-        };
-        inTrial?: {
-            background?: string;
-            textColor?: string;
-            strokeColor?: string;
-        };
-        deactivated?: {
-            background?: string;
-            textColor?: string;
-            strokeColor?: string;
-        };
-        shared?: {
-            borderRadius?: string;
-            strokeWidth?: string;
-            typography?: {
-                fontSize?: string;
-                fontWeight?: string;
-            };
-        };
-    };
     lineItems?: {
         parentRow?: {
             background?: string;
@@ -337,10 +311,6 @@ type CustomerPortalTheme = {
                 textColor?: string;
             };
             gradientColor?: string;
-            description?: {
-                textColor?: string;
-                textButtonColor?: string;
-            };
             borderRadius?: string;
         };
         planCards?: {
@@ -385,6 +355,7 @@ type CustomerPortalTheme = {
             freeTrialText?: string;
         };
     };
+    /** Used by e.g. subscription line-item actions. Not set in default theme; pass to override. */
     popover?: {
         trigger?: {
             background?: string;