@amos.com/react-amos-js 0.2.0 → 0.3.1

package/README.md

@@ -80,7 +80,7 @@ In short, your app orchestrates the payment flow, while sensitive payment data s
 
 ## Appearance
 
-Every component accepts an optional `appearance` prop that controls the look of the iframe UI. It contains a `themeVariables` object whose keys are CSS custom-property names and whose values are strings. You can update this prop after page load to update the iframe appearance.
+Every component accepts an optional `appearance` prop that controls the look of the iframe UI. It contains a `themeVariables` object whose keys are CSS custom-property names and whose values are strings, and an optional `labels` setting (`"above"`, `"floating"`, or `"placeholder"`) for field label placement. You can update this prop after page load to update the iframe appearance.
 
 ```tsx
 <AmosCreditCardPaymentMethodForm
@@ -95,7 +95,7 @@ Every component accepts an optional `appearance` prop that controls the look of
 />
 ```
 
-Only the variables you provide are sent; omitted variables keep their defaults.
+`themeVariables` uses a **replace** model: each update that includes `themeVariables` sets the full override set. Only the variables you list are overridden; unlisted variables revert to iframe defaults. Omit `themeVariables` to leave existing overrides unchanged.
 
 ### Available theme variables
 

package/dist/src/index.d.ts

@@ -1,7 +1,7 @@
 import { Appearance, CreditCardAdditionalFields } from '@amos.com/amos-js';
 import { components } from '@amos.com/node';
 import { ComponentProps, RefObject } from 'react';
-export type { Appearance, CreateCustomerInput, CreatePaymentIntentInput, CreateSetupIntentInput, CreditCardAdditionalFields, EmbedToken, EmbedTokenJwt, Message, PaymentIntent, RenderTokenJwt, SetupIntent, ThemeVariable, } from '@amos.com/amos-js';
+export type { Appearance, AppearanceLabels, CreateCustomerInput, CreatePaymentIntentInput, CreateSetupIntentInput, CreditCardAdditionalFields, EmbedToken, EmbedTokenJwt, Message, PaymentIntent, RenderTokenJwt, SetupIntent, ThemeVariable, } from '@amos.com/amos-js';
 export { createMessage, decodeJwt, formatGooglePayPaymentData, getEmbedOrigin, } from '@amos.com/amos-js';
 type IframeRef = RefObject<HTMLIFrameElement | null> | undefined;
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@amos.com/react-amos-js",
-	"version": "0.2.0",
+	"version": "0.3.1",
 	"main": "dist/index.js",
 	"repository": {
 		"type": "git",
@@ -44,7 +44,7 @@
 		"vite-plugin-dts": "4.5.4"
 	},
 	"dependencies": {
-		"@amos.com/amos-js": "0.2.0",
+		"@amos.com/amos-js": "0.3.1",
 		"@amos.com/node": "0.1.6",
 		"@types/googlepay": "0.7.10"
 	},

package/src/index.tsx

@@ -21,6 +21,7 @@ import {
 
 export type {
   Appearance,
+  AppearanceLabels,
   CreateCustomerInput,
   CreatePaymentIntentInput,
   CreateSetupIntentInput,