@bunnyapp/components 1.8.0-beta.57 → 1.8.0-beta.58

package/dist/cjs/types/src/components/PaymentMethods/utils/stripeAppearance.d.ts

@@ -1,7 +1,10 @@
 import type { Appearance as StripeAppearance, StripeElementsOptions } from '@stripe/stripe-js';
 import type { ResolvedAppearance } from '@/ui/appearance/resolveAppearance';
-/** The resolved appearance in Stripe's terms, so the Payment Element is drawn like the form's own fields. */
-export declare function toStripeAppearance({ variables, customerVariables, rules, sharedSelectors, pageFontFamily, }: ResolvedAppearance): StripeAppearance;
+/**
+ * The resolved appearance in Stripe's terms, so the Payment Element is drawn like the form's own fields.
+ * `pageFontFamily` is the font our text inherits from the page, for when the customer set none.
+ */
+export declare function toStripeAppearance({ variables, customerVariables, rules, sharedSelectors }: ResolvedAppearance, pageFontFamily?: string): StripeAppearance;
 /** `appearance` and `fonts` for Stripe's `<Elements>`. `fonts` can't change once the group is created. */
 export declare function useStripeAppearance(): {
     appearance: StripeAppearance;

package/dist/cjs/types/src/ui/appearance/AppearanceProvider.d.ts

@@ -2,6 +2,8 @@ import { ReactNode, type CSSProperties } from 'react';
 import { type ResolvedAppearance } from './resolveAppearance';
 import type { Appearance } from './types';
 export declare function useResolvedAppearance(): ResolvedAppearance;
+/** The font our text inherits from the page, for a payment provider's fields, which can't inherit it. */
+export declare function usePageFontFamily(): string | undefined;
 /** The class of the nearest root, for overlays that render outside it. Empty outside a root. */
 export declare function useAppearanceScope(): string;
 /**

package/dist/cjs/types/src/ui/appearance/resolveAppearance.d.ts

@@ -17,8 +17,6 @@ export type ResolvedAppearance = {
     /** The selectors the payment provider's fields have too (on a `SHARED_ROOTS` root); their rules are handed over as they are. */
     sharedSelectors: string[];
     fonts: AppearanceFont[] | undefined;
-    /** The font our text inherits from the page, once measured. */
-    pageFontFamily: string | undefined;
 };
 /**
  * `over` merged onto `base`: variables spread, rules per selector then per property, fonts
@@ -31,4 +29,4 @@ export declare function mergeAppearances(base?: Appearance, over?: Appearance):
  * customer's rules as given. Our CSS emits the two as separate blocks, defaults first; the payment
  * provider's appearance is made from the two merged.
  */
-export declare function resolveAppearance(brand: Brand, isMobile: boolean, appearance?: Appearance, pageFontFamily?: string): ResolvedAppearance;
+export declare function resolveAppearance(brand: Brand, isMobile: boolean, appearance?: Appearance): ResolvedAppearance;