@alipay/ams-checkout 2.0.26 → 2.0.27

package/esm/util/logger.js

@@ -296,6 +296,6 @@ export var LogConfig = {
   version: 'iteration/20231021',
   mdata: {
     firstLogTime: Date.now(),
-    sdkVersion: "2.0.26"
+    sdkVersion: "2.0.27"
   }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alipay/ams-checkout",
-  "version": "2.0.26",
+  "version": "2.0.27",
   "description": "",
   "author": "",
   "exports": {
@@ -10,6 +10,9 @@
       "require": "./ams-checkout.js"
     },
     "./types": "./types.d.ts",
+    "./appearance-rules": {
+      "types": "./esm/modern/sdk/elements/appearanceRules.d.ts"
+    },
     "./antom": "./antom.d.ts",
     "./react-js": {
       "types": "./react-js.d.ts",
@@ -49,23 +52,23 @@
     "build:type": "dts-bundle-generator -o ./types/antom-web-sdk.d.ts ./src/index.ts --no-banner --silent --no-check",
     "build:w": "FATHER_BUILD_TYPE=only-umd  STAGE_NAME=LOCAL father dev",
     "ci": "tnpm run cov",
+    "code-review-biz": "node .agents/skills/code-review-biz/scripts/code-review-cli.js",
+    "code-review-biz:init": "node .agents/skills/code-review-biz/scripts/lib/init.js init",
+    "code-review-biz:mr": "node .agents/skills/code-review-biz/scripts/code-review-cli.js --url=",
+    "code-review-biz:push": "node .agents/skills/code-review-biz/scripts/code-review-cli.js --mode=pre-push",
+    "code-review-biz:update": "node .agents/skills/code-review-biz/scripts/lib/init.js update",
     "cov": "jest --coverage --silent",
     "dev": "father dev",
     "e2e": "nyc playwright test",
     "e2e:create": "node scripts/e2e-create.js",
     "e2e:ui": "playwright test --ui",
-    "extract": "opensdk extract && tspc -p tsconfig.build.json && rm -rf esm/modern/sdk",
+    "extract": "opensdk extract && tspc -p tsconfig.build.json && find esm/modern/sdk -type f ! -path '*/elements/appearanceRules.d.ts' -delete",
     "format": "prettier --write --no-error-on-unmatched-pattern \"**/*.{js,jsx,ts,tsx,md,json,css,less}\"",
     "generateApi": "intl-oneapi generate && prettier --write src/modern/sdk/oneapi",
     "lint": "eslint ./src",
+    "prepare": "husky install || true",
     "test": "jest --coverage --silent",
-    "tsc": "tsc --noEmit",
-    "code-review-biz": "node .agents/skills/code-review-biz/scripts/code-review-cli.js",
-    "code-review-biz:mr": "node .agents/skills/code-review-biz/scripts/code-review-cli.js --url=",
-    "code-review-biz:push": "node .agents/skills/code-review-biz/scripts/code-review-cli.js --mode=pre-push",
-    "code-review-biz:init": "node .agents/skills/code-review-biz/scripts/lib/init.js init",
-    "code-review-biz:update": "node .agents/skills/code-review-biz/scripts/lib/init.js update",
-    "prepare": "husky install || true"
+    "tsc": "tsc --noEmit"
   },
   "commitlint": {
     "extends": [
@@ -90,9 +93,6 @@
     "proxy-polyfill": "^0.3.2",
     "uuid": "^9.0.0"
   },
-  "opensdk": {
-    "name": "Antom"
-  },
   "devDependencies": {
     "@antglobal/create-sdk-loader": "^1.0.5",
     "@babel/core": "^7.20.7",

package/types.d.ts

@@ -208,12 +208,14 @@ export declare type AntomLayouts = 'tabs' | 'accordion';
  */
 export declare class AntomSDK extends BaseElementsFactory {
     static version: string;
+    private stopModalMessageMonitor;
     constructor(config?: AntomSDKConfig);
     protected canUseElements(): Array<ElementListItemType>;
     /**
      * @description 更新配置
      */
     updateConfig(config: Partial<BaseFactoryConfig>): void;
+    destroy(): void;
     /* Excluded from this release type: redirect */
     /* Excluded from this release type: openModal */
     elements(): Elements;
@@ -312,9 +314,6 @@ export declare const AntomSDKErrorCodes: {
     readonly NOT_SUPPORT_SUBMIT: "NOT_SUPPORT_SUBMIT";
     readonly UPDATE_CONFIG_TIMEOUT: "UPDATE_CONFIG_TIMEOUT";
     readonly UPDATE_CONFIG_NOT_READY: "UPDATE_CONFIG_NOT_READY";
-    /**
-     * 查询到的结果消息
-     */
     readonly INVALID_MODAL_URL: "INVALID_MODAL_URL";
     readonly LOAD_DEBUGGER_FAILED: "LOAD_DEBUGGER_FAILED";
     readonly API_MISS_PARAMS: "API_MISS_PARAMS";
@@ -332,28 +331,100 @@ export declare type AntomSDKErrorCodes = (typeof AntomSDKErrorCodes)[keyof typeo
 
 export declare type AntomTheme = 'default' | 'agateGreen' | 'night' | 'nostalgicGray' | 'gamingPurple' | 'cherryBlossomPink' | 'light';
 
-export declare type AntomVariables = 'content-primary' | 'content-secondary' | 'content-tertiary' | 'content-quaternary' | 'background-primary' | 'background-secondary' | 'background-disable' | 'background-transparency' | 'border-primary' | 'border-secondary' | 'border-disable' | 'action-normal' | 'action-hover' | 'action-disable' | 'action-secondary' | 'state-failure' | 'state-warning' | 'state-success' | 'state-info' | 'state-marketing' | 'state-conventional' | 'radius-backup' | 'radius-module' | 'radius-component' | 'radius-button' | 'wrapper-padding' | 'stroke-default' | 'stroke-active' | 'fontFamily';
+/**
+ * @deprecated Use {@link AppearanceVariables} (Token 2.0) instead.
+ * 保留仅为向后兼容，将在下一个 major 版本中删除。
+ */
+export declare type AntomVariables = LegacyAppearanceVariables;
 
 /**
  * @description SDK UI组件的外观配置。
  * 控制主题、CSS变量、布局规则及显示设置。
  * @template Props - 自定义外观属性类型，默认为 DefaultAppearanceProps。
  */
-declare interface Appearance<Props extends Partial<DefaultAppearanceProps> = DefaultAppearanceProps> {
+declare interface Appearance<Props extends Partial<DefaultAppearanceProps> = DefaultAppearanceProps, Rules extends CSS_2.Properties<string, number> = CSS_2.Properties<string, number>> {
     theme?: Props['theme'];
     variables?: PartialSpeKey<Props['variables'], string>;
-    rules?: PartialSpeKey<Props['rules'], CSS_2.Properties<string, number>>;
+    rules?: PartialSpeKey<Props['rules'], Rules>;
     displaySetting?: PartialSpeKey<Props['displaySetting'], boolean>;
     layout?: Props['layout'];
     fonts?: FontSource[];
 }
 
-export declare type AppearanceSetting = {
-    displaySetting: Record<'showCardBrandIcon', boolean>;
-    theme: 'light' | 'dark';
-    layout: 'accordion' | 'tabs';
+/** Target-level layout declarations admitted before runtime capability intersection. */
+export declare type AppearanceLayoutDeclarations = {
+    [Property in Exclude<AppearanceLayoutProperty, 'height'>]?: AppearanceSpacingValue;
+} & {
+    /** Exact integer-pixel enum allocated by the target contract. */
+    readonly height?: `${number}px`;
 };
 
+/** Controlled layout longhands intersected with the concrete Part at runtime. */
+export declare type AppearanceLayoutProperty = 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft' | 'height';
+
+/** Paint declarations accepted before WebApp and Components runtime validation. */
+declare type AppearancePaintDeclarations = Partial<Record<Exclude<AppearancePaintProperty, 'fillOpacity' | 'strokeOpacity' | 'strokeWidth' | 'textDecorationStyle' | 'outlineStyle'>, string> & Record<'fillOpacity' | 'strokeOpacity' | 'strokeWidth', string | number> & {
+    textDecorationStyle: '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'revert-layer' | 'unset' | 'dashed' | 'dotted' | 'double' | 'solid' | 'wavy';
+    outlineStyle: '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'revert-layer' | 'unset' | 'auto' | 'dashed' | 'dotted' | 'double' | 'groove' | 'inset' | 'none' | 'outset' | 'ridge' | 'solid';
+}>;
+
+/** Paint-only property names exposed by the SDK contract. */
+export declare type AppearancePaintProperty = 'color' | 'WebkitTextFillColor' | 'textDecorationColor' | 'textDecorationLine' | 'textDecorationStyle' | 'textShadow' | 'backgroundColor' | 'borderColor' | 'borderTopColor' | 'borderRightColor' | 'borderBottomColor' | 'borderLeftColor' | 'borderRadius' | 'borderTopLeftRadius' | 'borderTopRightRadius' | 'borderBottomRightRadius' | 'borderBottomLeftRadius' | 'borderStyle' | 'boxShadow' | 'fill' | 'stroke' | 'fillOpacity' | 'strokeOpacity' | 'strokeWidth' | 'outlineColor' | 'outlineStyle' | 'outlineWidth' | 'outlineOffset' | 'caretColor' | 'accentColor';
+
+/** Paint declarations plus controlled typography and target-level layout fields. */
+declare type AppearanceRuleDeclarations = AppearancePaintDeclarations & AppearanceLayoutDeclarations & {
+    /** Single font family identifier admitted only for authorized targets at runtime. */
+    readonly fontFamily?: string;
+    /** Integer pixel size admitted only for authorized text targets at runtime. */
+    readonly fontSize?: `${number}px`;
+    /** Controlled font weight admitted only for authorized text targets at runtime. */
+    readonly fontWeight?: 400 | 500 | 600 | 700;
+    /** Controlled font style admitted only for authorized text targets at runtime. */
+    readonly fontStyle?: 'normal' | 'italic';
+};
+
+/** Controlled pseudo-class accepted by the merchant selector grammar. */
+declare type AppearanceRulePseudoClass = 'autofill';
+
+/** Controlled pseudo-element accepted by the merchant selector grammar. */
+declare type AppearanceRulePseudoElement = 'placeholder' | 'selection';
+
+/**
+ * Optional state or controlled pseudo suffix on one alias.
+ */
+export declare type AppearanceRuleScopeSuffix = '' | `:${AppearanceRuleState | AppearanceRulePseudoClass}` | `::${AppearanceRulePseudoElement}`;
+
+/** One merchant alias with an optional semantic suffix. */
+export declare type AppearanceRuleSelector<RuleAlias extends string> = `${RuleAlias}${AppearanceRuleScopeSuffix}`;
+
+/** Semantic states accepted by the merchant selector grammar. */
+declare type AppearanceRuleState = 'hover' | 'focus' | 'focus-visible' | 'active' | 'disabled' | 'loading' | 'selected' | 'checked' | 'expanded' | 'invalid' | 'success' | 'error';
+
+/** Backward-compatible name for the Express appearance configuration. */
+export declare type AppearanceSetting = ExpressAppearance;
+
+/** Exact official spacing Token accepted by controlled margin and padding. */
+export declare type AppearanceSpacingToken = `var(--spacing-${'base' | 'none' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl'})`;
+
+/** Runtime-constrained non-negative integer pixel value for spacing longhands. */
+export declare type AppearanceSpacingValue = '0' | `${number}px` | AppearanceSpacingToken;
+
+/**
+ * 对客公开 appearance variables 类型（Token 2.x，figma-v4「3 层 + 状态」命名）。
+ * 字段名为新 CSS 变量名去掉 '--' 前缀（如 color-text-primary）。
+ *
+ * 权威源：`antom-web-checkout-v2/packages/elements2/src/utils/themeConfig.ts` 的 `PUBLIC_TOKENS`
+ * （54 color + 4 radius + 10 spacing = 68 项）。本 union 是该清单的手工镜像，
+ * 增删 token 时必须两侧同步，否则商户会遇到「类型报错但运行时可用」的错位。
+ *
+ * 命名规则：`--color-<scene>-<level>[-<state>]`；brand 场景并入 scene 段的 camelCase
+ * （如 `color-backgroundBrand-primary-hover`），CSS 变量大小写敏感，不可改写为 kebab。
+ *
+ * @example
+ *   variables: { 'color-text-primary': '#2a3a52', 'radius-sm': '4px' }
+ */
+export declare type AppearanceVariables = 'color-background-primary' | 'color-background-primary-hover' | 'color-background-primary-active' | 'color-background-secondary' | 'color-background-secondary-hover' | 'color-background-secondary-active' | 'color-background-layout' | 'color-background-inverse' | 'color-background-disabled' | 'color-background-transparency' | 'color-background-mask' | 'color-background-success' | 'color-background-warning' | 'color-background-danger' | 'color-background-info' | 'color-background-neutral' | 'color-background-promotional' | 'color-backgroundBrand-primary' | 'color-backgroundBrand-primary-hover' | 'color-backgroundBrand-secondary' | 'color-backgroundBrand-secondary-hover' | 'color-backgroundBrand-tertiary' | 'color-backgroundBrand-disabled' | 'color-text-primary' | 'color-text-secondary' | 'color-text-tertiary' | 'color-text-inverse' | 'color-text-active' | 'color-text-disabled' | 'color-text-success' | 'color-text-warning' | 'color-text-danger' | 'color-text-info' | 'color-text-neutral' | 'color-text-promotional' | 'color-textBrand-primary' | 'color-textBrand-secondary' | 'color-textBrand-secondary-hover' | 'color-textBrand-disabled' | 'color-border-primary' | 'color-border-secondary' | 'color-border-inverse' | 'color-border-active' | 'color-border-subtle' | 'color-border-disabled' | 'color-border-success' | 'color-border-warning' | 'color-border-danger' | 'color-border-info' | 'color-border-neutral' | 'color-border-promotional' | 'color-borderBrand-primary' | 'color-borderBrand-primary-hover' | 'color-borderBrand-disabled' | 'radius-sm' | 'radius-md' | 'radius-lg' | 'radius-xl' | 'spacing-base' | 'spacing-none' | 'spacing-2xs' | 'spacing-xs' | 'spacing-sm' | 'spacing-md' | 'spacing-lg' | 'spacing-xl' | 'spacing-2xl' | 'spacing-3xl';
+
 declare interface AppleMerchantInfo {
     /**
      * @description Apple商户ID
@@ -742,10 +813,6 @@ declare interface BankInfo {
     hasSchemaUrl?: boolean;
 }
 
-declare interface BaseAppearance<A extends Partial<Appearance>> {
-    appearance?: A;
-}
-
 /**
  * @description 内置基础的桥接事件映射类型
  */
@@ -2210,7 +2277,9 @@ declare interface CustomFontSource {
  * @public
  * @description CVV element app config type
  */
-export declare interface CVVAppConfig extends BaseAppearance<CVVAppearance>, BaseElementAppConfig {
+export declare interface CVVAppConfig extends BaseElementAppConfig {
+    /** CVV appearance configuration including optional alias-only Rules. */
+    appearance?: CVVAppearance;
     /**
      * @description sessionData
      */
@@ -2226,12 +2295,13 @@ export declare interface CVVAppConfig extends BaseAppearance<CVVAppearance>, Bas
     /* Excluded from this release type: paymentFlow */
 }
 
-export declare type CVVAppearance = PickAppearance<CVVAppearanceProps>;
+export declare type CVVAppearance = PickAntomAppearance<CVVAppearanceProps>;
 
 export declare type CVVAppearanceProps = {
     theme: AntomTheme;
-    variables: AntomVariables;
+    variables: AppearanceVariables | AntomVariables;
     fonts?: FontSource[];
+    rules: AppearanceRuleSelector<string>;
 };
 
 /**
@@ -2241,6 +2311,12 @@ export declare class CVVElement extends BaseMainElement<CVVElementConfig, CVVEle
     static elementType: string;
     constructor(name: string, config: CVVElementConfig);
     /* Excluded from this release type: setup */
+    /**
+     * Updates CVV configuration while preserving the public Rules clear semantics.
+     * @param newConfig Partial CVV configuration patch.
+     * @returns The WebApp update acknowledgement.
+     */
+    updateConfig(newConfig: Partial<CVVAppConfig>): Promise<CVVElementEvents['OPENSDK@UPDATE_CONFIG_REPLY']>;
     /* Excluded from this release type: submit */
     protected focus(): void;
     protected blur(): void;
@@ -3125,11 +3201,11 @@ declare interface ExpPaymentOptionDetail {
  * @public
  * @description Express element app config type
  */
-export declare interface ExpressAppConfig extends BaseAppearance<AppearanceSetting>, BaseElementAppConfig {
+export declare interface ExpressAppConfig extends BaseElementAppConfig {
+    /** Express appearance configuration. */
+    appearance?: ExpressAppearance;
     /** payment SessionData */
     sessionData?: string;
-    /** Business division (country/region) */
-    businessDivision?: string;
     /**
      * Amount & Currency
      *
@@ -3183,6 +3259,17 @@ export declare interface ExpressAppConfig extends BaseAppearance<AppearanceSetti
     /* Excluded from this release type: doMain */
 }
 
+/** Express element appearance configuration. */
+declare type ExpressAppearance = PickAntomAppearance<ExpressAppearanceProps>;
+
+/** Express element appearance properties. */
+export declare type ExpressAppearanceProps = {
+    displaySetting: 'showCardBrandIcon';
+    theme: 'light' | 'dark';
+    layout: 'accordion' | 'tabs';
+    rules: AppearanceRuleSelector<string>;
+};
+
 /** cancel 事件负载 */
 export declare interface ExpressCancelEvent {
     expressPaymentType: string;
@@ -3269,7 +3356,7 @@ export declare class ExpressElement extends BaseMainElement<ExpressElementConfig
      * 用于 Native WebView 场景下 SDK 需要向商户透传跳转信息等。
      */
     private _emit;
-    updateConfig(newConfig: Pick<ExpressAppConfig, 'amount'>): Promise<ExpressElementEvents['OPENSDK@UPDATE_CONFIG_REPLY']>;
+    updateConfig(newConfig: ExpressAppConfig): Promise<ExpressElementEvents['OPENSDK@UPDATE_CONFIG_REPLY']>;
     /**
      * 商户在 confirm 回调内调用，触发实际支付提交。
      * iframe 收到 OPENSDK@COMPLETE_PAYMENT 后执行 submitPay / polling 等，
@@ -3284,6 +3371,7 @@ export declare class ExpressElement extends BaseMainElement<ExpressElementConfig
         };
         /** 用户是否手动关闭 3D 弹窗（透传 webapp COMPLETE_PAYMENT_RESULT.userCanceled3D） */
         userCanceled3D?: boolean;
+        status?: 'SUCCESS' | 'CANCELLED' | 'FAIL' | 'PROCESSING';
     }>;
     setup(): Promise<Partial<ExpressAppConfig> | undefined>;
     private registerInternalListeners;
@@ -4318,6 +4406,58 @@ declare interface Language {
     country?: string;
 }
 
+/**
+ * @deprecated Token 1.0 老字段类型 — 请迁移到 {@link AppearanceVariables}。
+ * 所有字段均已废弃，运行时由 WebApp 侧 LEGACY_TO_NEW_TOKEN_MAP 翻译为新 token。
+ *
+ * @deprecated 'content-primary'        → color-text-primary
+ * @deprecated 'content-secondary'      → color-text-secondary
+ * @deprecated 'content-tertiary'       → color-text-tertiary
+ * @deprecated 'content-quaternary'     → color-text-inverse
+ * @deprecated 'background-primary'     → color-background-primary
+ * @deprecated 'background-secondary'   → color-background-secondary
+ * @deprecated 'background-disable'     → color-background-disabled
+ * @deprecated 'background-transparency' → color-background-transparency
+ * @deprecated 'border-primary'         → color-border-primary
+ * @deprecated 'border-secondary'       → color-border-secondary
+ * @deprecated 'border-disable'         → color-border-disabled
+ * @deprecated 'border-active'          → color-border-active
+ * @deprecated 'action-normal'          → 一对多 fan-out（无单值映射；运行时展开为 3 个新 token，老 key 不再注入）：
+ *                                        - background/background-color → color-backgroundBrand-primary
+ *                                        - border/border-color/box-shadow → color-border-active
+ *                                        - color/文本/图标/勾选态 → color-text-active
+ * @deprecated 'action-hover'           → 一对多 fan-out（运行时展开为 2 个新 token，老 key 不再注入）：
+ *                                        - background → color-backgroundBrand-primary-hover
+ *                                        - border     → color-borderBrand-primary-hover
+ *                                        文字色 color-textBrand-secondary-hover 不参与派生
+ *                                        （设计稿中与 bg/border 不同色阶），需要时请显式传入该新 token 键
+ * @deprecated 'action-secondary'       → color-backgroundBrand-secondary
+ * @deprecated 'action-disable'         → 一对多 fan-out（运行时展开为 2 个新 token，老 key 不再注入）：
+ *                                        - background/background-color → color-backgroundBrand-disabled
+ *                                        - border/border-color         → color-borderBrand-disabled
+ *                                        文字色 color-textBrand-disabled 不参与派生
+ *                                        （设计稿中全部主题均与 bg/border 不同色阶），需要时请显式传入该新 token 键
+ * @deprecated 'state-success'          → color-text-success
+ * @deprecated 'state-failure'          → color-text-danger
+ * @deprecated 'state-warning'          → color-text-warning
+ * @deprecated 'state-info'             → color-text-info
+ * @deprecated 'state-conventional'     → color-text-neutral
+ * @deprecated 'state-marketing'        → color-text-promotional（color 上下文；background 上下文由 CSS 层直接迁移）
+ * @deprecated 'radius-backup'          → radius-sm
+ * @deprecated 'radius-component'       → radius-md
+ * @deprecated 'radius-module'          → radius-lg
+ * @deprecated 'radius-button'          → radius-lg（与 radius-module 同档合并）
+ * @deprecated 'wrapper-padding'        → spacing-lg
+ * @deprecated 'stroke-default'         → 由 Rules 机制接管
+ * @deprecated 'stroke-active'          → 由 Rules 机制接管
+ *
+ * 注：fan-out 展开基数以 figma-v4 设计稿的色阶一致性为准，故 action-hover / action-disable
+ * 为 1→2 而非 1→3；三者合计派生 7 项。
+ */
+export declare type LegacyAppearanceVariables = 'content-primary' | 'content-secondary' | 'content-tertiary' | 'content-quaternary' | 'background-primary' | 'background-secondary' | 'background-disable' | 'background-transparency' | 'border-primary' | 'border-secondary' | 'border-disable' | 'action-normal' | 'action-hover' | 'action-disable' | 'action-secondary' | 'state-failure' | 'state-warning' | 'state-success' | 'state-info' | 'state-marketing' | 'state-conventional' | 'radius-backup' | 'radius-module' | 'radius-component' | 'radius-button' | 'wrapper-padding' | 'stroke-default' | 'stroke-active'
+/** 非 Token 体系字段，由 WebApp 侧展开为 design-font-family-* 系列 */
+| 'fontFamily';
+
 declare interface Link {
     /**
      * @description 发起关联的父元素，如国家
@@ -6881,7 +7021,7 @@ declare interface OtpChallengeActionForm {
     resendLeftTimes?: number;
 }
 
-declare type PartialSpeKey<T, V> = Partial<T extends infer K extends string ? Record<K, V> : Record<string, V>>;
+declare type PartialSpeKey<T extends string | undefined, V> = Partial<Record<T extends string ? T : string, V>>;
 
 declare interface PayByLinkInfo {
     /**
@@ -6905,7 +7045,9 @@ declare interface PayByLinkInfo {
 /**
  * @description Payment element app config type
  */
-export declare interface PaymentAppConfig extends BaseAppearance<PaymentAppearance>, BaseElementAppConfig {
+export declare interface PaymentAppConfig extends BaseElementAppConfig {
+    /** Payment appearance configuration including optional alias-only Rules. */
+    appearance?: PaymentAppearance;
     /**
      * @description sessionData，无法通过updateConfig更新
      */
@@ -6934,12 +7076,18 @@ export declare interface PaymentAppConfig extends BaseAppearance<PaymentAppearan
 /**
  * @description Payment element appearance type
  */
-export declare type PaymentAppearance = PickAppearance<{
+export declare type PaymentAppearance = PickAntomAppearance<PaymentAppearanceProps>;
+
+/**
+ * @description Payment element appearance properties
+ */
+export declare type PaymentAppearanceProps = {
     displaySetting: 'showPaymentMethodListWhenSingleOption' | 'showCardBrandIcon' | 'showRadioWhenAccordionLayout' | 'showCardCVV';
     theme: AntomTheme;
-    variables: AntomVariables;
+    variables: AppearanceVariables | AntomVariables;
     layout: AntomLayouts;
-}>;
+    rules: AppearanceRuleSelector<string>;
+};
 
 /**
  * @description Payment element
@@ -6950,9 +7098,9 @@ export declare class PaymentElement extends BaseMainElement<PaymentElementConfig
     constructor(name: string, config: PaymentElementConfig);
     /* Excluded from this release type: setup */
     /**
-     * @description Update payment element configuration with amount validation
+     * @description Update payment element configuration with amount validation and appearance Rules support
      */
-    updateConfig(newConfig: Pick<PaymentAppConfig, 'amount'>): Promise<PaymentElementEvents['OPENSDK@UPDATE_CONFIG_REPLY']>;
+    updateConfig(newConfig: Partial<PaymentAppConfig>): Promise<PaymentElementEvents['OPENSDK@UPDATE_CONFIG_REPLY']>;
     /* Excluded from this release type: submit */
     protected focus(): void;
     protected blur(): void;
@@ -7660,6 +7808,7 @@ export declare interface PayPalConfig {
     channelMerchantAccountId?: string;
     /** Button style (fine-grained override) */
     style?: PayPalButtonStyle;
+    businessDivision?: string;
     /** Callback to create PayPal order, no params, returns sessionData */
     createOrder?: () => Promise<string>;
     /** Callback when user changes shipping address, data is raw data returned by PayPal */
@@ -7679,12 +7828,15 @@ declare interface PeriodRule {
     periodCount?: number;
 }
 
+/** Builds an Antom appearance type with the restricted Rules declaration contract. */
+declare type PickAntomAppearance<T extends Record<string, any>> = PickAppearance<T, AppearanceRuleDeclarations>;
+
 /**
  * @description 工具类型，仅从 Appearance 中拾取与 Props 类型匹配的属性。
  * 返回受 Props 中存在的键约束的部分外观对象。
  * @template Props - 要从 Appearance 中拾取的自定义外观属性类型。
  */
-declare type PickAppearance<Props extends Partial<DefaultAppearanceProps>> = Partial<Pick<Appearance<Props>, keyof Props extends infer k extends keyof Partial<Appearance> ? k : keyof Partial<Appearance>>>;
+declare type PickAppearance<Props extends Partial<DefaultAppearanceProps>, Rules extends CSS_2.Properties<string, number> = CSS_2.Properties<string, number>> = Partial<Pick<Appearance<Props, Rules>, keyof Props extends infer k extends keyof Partial<Appearance> ? k : keyof Partial<Appearance>>>;
 
 /**
  * @description 政策信息，例如隐私链接，免责声明等
@@ -24382,7 +24534,9 @@ declare interface UserName {
  * @public
  * @description Vaulting element app config type
  */
-export declare interface VaultingAppConfig extends BaseAppearance<VaultingAppearance>, BaseElementAppConfig {
+export declare interface VaultingAppConfig extends BaseElementAppConfig {
+    /** Vaulting appearance configuration including optional alias-only Rules. */
+    appearance?: VaultingAppearance;
     /**
      * @description sessionData，无法通过updateConfig更新
      */
@@ -24394,13 +24548,14 @@ export declare interface VaultingAppConfig extends BaseAppearance<VaultingAppear
     /* Excluded from this release type: _requestConfig */
 }
 
-export declare type VaultingAppearance = PickAppearance<VaultingAppearanceProps>;
+export declare type VaultingAppearance = PickAntomAppearance<VaultingAppearanceProps>;
 
 export declare type VaultingAppearanceProps = {
     displaySetting: 'showCardBrandIcon';
     theme: AntomTheme;
-    variables: AntomVariables;
+    variables: AppearanceVariables | AntomVariables;
     fonts?: FontSource[];
+    rules: AppearanceRuleSelector<string>;
 };
 
 /**
@@ -24410,6 +24565,12 @@ export declare class VaultingElement extends BaseMainElement<VaultingElementConf
     static elementType: string;
     constructor(name: string, config: VaultingElementConfig);
     /* Excluded from this release type: setup */
+    /**
+     * Updates Vaulting configuration while preserving the public Rules clear semantics.
+     * @param newConfig Partial Vaulting configuration patch.
+     * @returns The WebApp update acknowledgement.
+     */
+    updateConfig(newConfig: Partial<VaultingAppConfig>): Promise<VaultingElementEvents['OPENSDK@UPDATE_CONFIG_REPLY']>;
     /* Excluded from this release type: submit */
     protected focus(): void;
     protected blur(): void;