@stripe/connect-js 2.0.1-beta.5 → 2.0.1-beta.7

package/dist/connect.esm.js

@@ -1,36 +1,12 @@
-import { useQuery } from 'react-query';
-
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation. All rights reserved.
-Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-this file except in compliance with the License. You may obtain a copy of the
-License at http://www.apache.org/licenses/LICENSE-2.0
-
-THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-MERCHANTABLITY OR NON-INFRINGEMENT.
-
-See the Apache Version 2.0 License for specific language governing permissions
-and limitations under the License.
-***************************************************************************** */
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-var version = "2.0.1-beta.1";
-
 const componentNameMapping = {
   payments: "stripe-connect-payments",
   payouts: "stripe-connect-payouts",
   "payment-details": "stripe-connect-payment-details",
-  "account-onboarding": "stripe-connect-account-onboarding"
+  "account-onboarding": "stripe-connect-account-onboarding",
+  "payment-method-settings": "stripe-connect-payment-method-settings",
+  "account-management": "stripe-connect-account-management",
+  "notification-banner": "stripe-connect-notification-banner",
+  "instant-payouts": "stripe-connect-instant-payouts"
 };
 const EXISTING_SCRIPT_MESSAGE = "loadConnect was called but an existing Connect.js script already exists in the document; existing script parameters will be used";
 const V0_URL = "https://connect-js.stripe.com/v0.1/connect.js";
@@ -39,7 +15,7 @@ const findScript = () => {
 };
 const injectScript = () => {
   const script = document.createElement("script");
-  script.src = "http://localhost:3001/v0.1/connect.js";
+  script.src = "https://connect-js.stripe.com/v0.1/connect.js";
   const head = document.head;
   if (!head) {
     throw new Error("Expected document.head not to be null. Connect.js requires a <head> element.");
@@ -105,7 +81,8 @@ const createWrapper = stripeConnect => {
         metaOptions: Object.assign(Object.assign({}, metaOptions), {
           sdk: true,
           sdkOptions: {
-            sdkVersion: version
+            // This will be replaced by the npm package version when bundling
+            sdkVersion: "2.0.1-beta.7"
           }
         })
       }));
@@ -137,19 +114,5 @@ const loadConnect = () => {
   loadCalled = true;
   return stripePromise$1.then(maybeConnect => initStripeConnect(maybeConnect));
 };
-const loadConnectAndInitialize = initParams => {
-  loadCalled = true;
-  console.log("loading connect and initializing");
-  const {
-    data
-  } = useQuery([initParams], () => __awaiter(void 0, void 0, void 0, function* () {
-    const stripeConnectWrapper = yield stripePromise$1.then(maybeConnect => initStripeConnect(maybeConnect));
-    if (stripeConnectWrapper === null) {
-      throw new Error("Stripe Connect has not loaded correctly");
-    }
-    return stripeConnectWrapper.initialize(initParams);
-  }));
-  return data;
-};
 
-export { loadConnect, loadConnectAndInitialize };
+export { loadConnect };

package/dist/connect.js

@@ -2,39 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var reactQuery = require('react-query');
-
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation. All rights reserved.
-Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-this file except in compliance with the License. You may obtain a copy of the
-License at http://www.apache.org/licenses/LICENSE-2.0
-
-THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-MERCHANTABLITY OR NON-INFRINGEMENT.
-
-See the Apache Version 2.0 License for specific language governing permissions
-and limitations under the License.
-***************************************************************************** */
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-var version = "2.0.1-beta.1";
-
 const componentNameMapping = {
   payments: "stripe-connect-payments",
   payouts: "stripe-connect-payouts",
   "payment-details": "stripe-connect-payment-details",
-  "account-onboarding": "stripe-connect-account-onboarding"
+  "account-onboarding": "stripe-connect-account-onboarding",
+  "payment-method-settings": "stripe-connect-payment-method-settings",
+  "account-management": "stripe-connect-account-management",
+  "notification-banner": "stripe-connect-notification-banner",
+  "instant-payouts": "stripe-connect-instant-payouts"
 };
 const EXISTING_SCRIPT_MESSAGE = "loadConnect was called but an existing Connect.js script already exists in the document; existing script parameters will be used";
 const V0_URL = "https://connect-js.stripe.com/v0.1/connect.js";
@@ -43,7 +19,7 @@ const findScript = () => {
 };
 const injectScript = () => {
   const script = document.createElement("script");
-  script.src = "http://localhost:3001/v0.1/connect.js";
+  script.src = "https://connect-js.stripe.com/v0.1/connect.js";
   const head = document.head;
   if (!head) {
     throw new Error("Expected document.head not to be null. Connect.js requires a <head> element.");
@@ -109,7 +85,8 @@ const createWrapper = stripeConnect => {
         metaOptions: Object.assign(Object.assign({}, metaOptions), {
           sdk: true,
           sdkOptions: {
-            sdkVersion: version
+            // This will be replaced by the npm package version when bundling
+            sdkVersion: "2.0.1-beta.7"
           }
         })
       }));
@@ -141,20 +118,5 @@ const loadConnect = () => {
   loadCalled = true;
   return stripePromise$1.then(maybeConnect => initStripeConnect(maybeConnect));
 };
-const loadConnectAndInitialize = initParams => {
-  loadCalled = true;
-  console.log("loading connect and initializing");
-  const {
-    data
-  } = reactQuery.useQuery([initParams], () => __awaiter(void 0, void 0, void 0, function* () {
-    const stripeConnectWrapper = yield stripePromise$1.then(maybeConnect => initStripeConnect(maybeConnect));
-    if (stripeConnectWrapper === null) {
-      throw new Error("Stripe Connect has not loaded correctly");
-    }
-    return stripeConnectWrapper.initialize(initParams);
-  }));
-  return data;
-};
 
 exports.loadConnect = loadConnect;
-exports.loadConnectAndInitialize = loadConnectAndInitialize;

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+import { LoadConnect } from "./shared";
+export declare const loadConnect: LoadConnect;
+export {};

package/dist/pure.esm.js

@@ -1,10 +1,12 @@
-var version = "2.0.1-beta.1";
-
 const componentNameMapping = {
   payments: "stripe-connect-payments",
   payouts: "stripe-connect-payouts",
   "payment-details": "stripe-connect-payment-details",
-  "account-onboarding": "stripe-connect-account-onboarding"
+  "account-onboarding": "stripe-connect-account-onboarding",
+  "payment-method-settings": "stripe-connect-payment-method-settings",
+  "account-management": "stripe-connect-account-management",
+  "notification-banner": "stripe-connect-notification-banner",
+  "instant-payouts": "stripe-connect-instant-payouts"
 };
 const EXISTING_SCRIPT_MESSAGE = "loadConnect was called but an existing Connect.js script already exists in the document; existing script parameters will be used";
 const V0_URL = "https://connect-js.stripe.com/v0.1/connect.js";
@@ -13,7 +15,7 @@ const findScript = () => {
 };
 const injectScript = () => {
   const script = document.createElement("script");
-  script.src = "http://localhost:3001/v0.1/connect.js";
+  script.src = "https://connect-js.stripe.com/v0.1/connect.js";
   const head = document.head;
   if (!head) {
     throw new Error("Expected document.head not to be null. Connect.js requires a <head> element.");
@@ -79,7 +81,8 @@ const createWrapper = stripeConnect => {
         metaOptions: Object.assign(Object.assign({}, metaOptions), {
           sdk: true,
           sdkOptions: {
-            sdkVersion: version
+            // This will be replaced by the npm package version when bundling
+            sdkVersion: "2.0.1-beta.7"
           }
         })
       }));

package/dist/pure.js

@@ -2,13 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "2.0.1-beta.1";
-
 const componentNameMapping = {
   payments: "stripe-connect-payments",
   payouts: "stripe-connect-payouts",
   "payment-details": "stripe-connect-payment-details",
-  "account-onboarding": "stripe-connect-account-onboarding"
+  "account-onboarding": "stripe-connect-account-onboarding",
+  "payment-method-settings": "stripe-connect-payment-method-settings",
+  "account-management": "stripe-connect-account-management",
+  "notification-banner": "stripe-connect-notification-banner",
+  "instant-payouts": "stripe-connect-instant-payouts"
 };
 const EXISTING_SCRIPT_MESSAGE = "loadConnect was called but an existing Connect.js script already exists in the document; existing script parameters will be used";
 const V0_URL = "https://connect-js.stripe.com/v0.1/connect.js";
@@ -17,7 +19,7 @@ const findScript = () => {
 };
 const injectScript = () => {
   const script = document.createElement("script");
-  script.src = "http://localhost:3001/v0.1/connect.js";
+  script.src = "https://connect-js.stripe.com/v0.1/connect.js";
   const head = document.head;
   if (!head) {
     throw new Error("Expected document.head not to be null. Connect.js requires a <head> element.");
@@ -83,7 +85,8 @@ const createWrapper = stripeConnect => {
         metaOptions: Object.assign(Object.assign({}, metaOptions), {
           sdk: true,
           sdkOptions: {
-            sdkVersion: version
+            // This will be replaced by the npm package version when bundling
+            sdkVersion: "2.0.1-beta.7"
           }
         })
       }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stripe/connect-js",
-  "version": "2.0.1-beta.5",
+  "version": "2.0.1-beta.7",
   "description": "Connect.js loading utility package",
   "main": "dist/connect.js",
   "module": "dist/connect.esm.js",

package/src/shared.ts

@@ -1,7 +1,7 @@
 import {
   StripeConnectWrapper,
   IStripeConnectInitParams,
-  ConnectElementTagName
+  ConnectElementTagName,
 } from "../types";
 
 export type LoadConnect = () => Promise<StripeConnectWrapper>;
@@ -11,7 +11,10 @@ type ConnectElementHTMLName =
   | "stripe-connect-payouts"
   | "stripe-connect-payment-details"
   | "stripe-connect-account-onboarding"
-  | "stripe-connect-payment-method-settings";
+  | "stripe-connect-payment-method-settings"
+  | "stripe-connect-account-management"
+  | "stripe-connect-notification-banner"
+  | "stripe-connect-instant-payouts";
 
 const componentNameMapping: Record<
   ConnectElementTagName,
@@ -21,7 +24,10 @@ const componentNameMapping: Record<
   payouts: "stripe-connect-payouts",
   "payment-details": "stripe-connect-payment-details",
   "account-onboarding": "stripe-connect-account-onboarding",
-  "payment-method-settings": "stripe-connect-payment-method-settings"
+  "payment-method-settings": "stripe-connect-payment-method-settings",
+  "account-management": "stripe-connect-account-management",
+  "notification-banner": "stripe-connect-notification-banner",
+  "instant-payouts": "stripe-connect-instant-payouts",
 };
 
 const EXISTING_SCRIPT_MESSAGE =
@@ -127,9 +133,9 @@ const createWrapper = (stripeConnect: any) => {
           sdk: true,
           sdkOptions: {
             // This will be replaced by the npm package version when bundling
-            sdkVersion: "_NPM_PACKAGE_VERSION_"
-          }
-        }
+            sdkVersion: "_NPM_PACKAGE_VERSION_",
+          },
+        },
       });
 
       // We wrap create so we can map its different strings to supported components
@@ -144,7 +150,7 @@ const createWrapper = (stripeConnect: any) => {
         return oldCreate(htmlName);
       };
       return stripeConnectInstance;
-    }
+    },
   };
   return wrapper;
 };

package/types/shared.d.ts

@@ -6,114 +6,342 @@ export declare type OverlayOption = "dialog" | "drawer";
  * Appearance options for the Connect instance.
  */
 export declare type AppearanceOptions = {
+  /**
+   * The type of overlay used throughout the Connect.js design system. Set this to be either a Dialog or Drawer.
+   */
   overlays?: OverlayOption;
   variables?: AppearanceVariables;
 };
 
 export declare type AppearanceVariables = {
+  // Commonly used
+
+  /**
+   * The font family value used throughout embedded components. If an embedded component inherits a font-family value from an element on your site in which it’s placed, this setting overrides that inheritance.
+   */
+  fontFamily?: string;
+
+  /**
+   * The baseline font size set on the embedded component root. This scales the value of other font size variables. This supports pixel values only.
+   */
+  fontSizeBase?: string;
+
+  /**
+   * The base spacing unit that derives all spacing values. Increase or decrease this value to make your layout more or less spacious. This supports pixel values only.
+   */
+  spacingUnit?: string;
+
+  /**
+   * The general border radius used in embedded components. This sets the default border radius for all components. This supports pixel values only.
+   */
+  borderRadius?: string;
+
+  /**
+   * The primary color used throughout embedded components. Set this to your primary brand color. This accepts hex values or RGB/HSL strings.
+   */
   colorPrimary?: string;
+
+  /**
+   * The background color for embedded components, including overlays, tooltips, and popovers. This accepts hex values or RGB/HSL strings.
+   */
+  colorBackground?: string;
+
+  /**
+   * The color used for regular text. This accepts hex values or RGB/HSL strings.
+   */
+  colorText?: string;
+
+  /**
+   * The color used to indicate errors or destructive actions. This accepts hex values or RGB/HSL strings.
+   */
+  colorDanger?: string;
+
+  // Less commonly used
+
   // Primary Button
-  buttonPrimaryColorBorder?: string;
+  /**
+   * The color used as a background for primary buttons. This accepts hex values or RGB/HSL strings.
+   */
   buttonPrimaryColorBackground?: string;
+  /**
+   * The border color used for primary buttons. This accepts hex values or RGB/HSL strings.
+   */
+  buttonPrimaryColorBorder?: string;
+  /**
+   * The text color used for primary buttons. This accepts hex values or RGB/HSL strings.
+   */
   buttonPrimaryColorText?: string;
+
   // Secondary Button
-  buttonSecondaryColorBorder?: string;
+  /**
+   * The color used as a background for secondary buttons. This accepts hex values or RGB/HSL strings.
+   */
   buttonSecondaryColorBackground?: string;
+  /**
+   * The color used as a border for secondary buttons. This accepts hex values or RGB/HSL strings.
+   */
+  buttonSecondaryColorBorder?: string;
+  /**
+   * The text color used for secondary buttons. This accepts hex values or RGB/HSL strings.
+   */
   buttonSecondaryColorText?: string;
-  // Link
+
+  /**
+   * The color used for secondary text. This accepts hex values or RGB/RGBA/HSL strings.
+   */
+  colorSecondaryText?: string;
+  /**
+   * The color used for primary actions and links. This accepts hex values or RGB/HSL strings.
+   */
   actionPrimaryColorText?: string;
+  /**
+   * The color used for secondary actions and links. This accepts hex values or RGB/HSL strings.
+   */
   actionSecondaryColorText?: string;
-  // Border
-  colorBorder?: string;
-  // Form
-  formHighlightColorBorder?: string;
-  formAccentColor?: string;
-  // Text
-  colorText?: string;
-  colorSecondaryText?: string;
-  // Background
-  colorBackground?: string;
-  offsetBackgroundColor?: string;
-  formBackgroundColor?: string;
-
-  // Feedback Colors
-  colorDanger?: string;
 
   // Neutral Badge Colors
-  badgeNeutralColorBorder?: string;
+  /**
+   * The background color used to represent neutral state or lack of state in status badges. This accepts hex values or RGB/HSL strings.
+   */
   badgeNeutralColorBackground?: string;
+  /**
+   * The text color used to represent neutral state or lack of state in status badges. This accepts hex values or RGB/HSL strings.
+   */
   badgeNeutralColorText?: string;
+  /**
+   * The border color used to represent neutral state or lack of state in status badges. This accepts hex values or RGB/RGBA/HSL strings.
+   */
+  badgeNeutralColorBorder?: string;
 
   // Success Badge Colors
-  badgeSuccessColorBorder?: string;
+  /**
+   * The background color used to reinforce a successful outcome in status badges. This accepts hex values or RGB/HSL strings.
+   */
   badgeSuccessColorBackground?: string;
+  /**
+   * The text color used to reinforce a successful outcome in status badges. This accepts hex values or RGB/HSL strings.
+   */
   badgeSuccessColorText?: string;
+  /**
+   * The border color used to reinforce a successful outcome in status badges. This accepts hex values or RGB/RGBA/HSL strings.
+   */
+  badgeSuccessColorBorder?: string;
 
   // Warning Badge Colors
-  badgeWarningColorBorder?: string;
+  /**
+   * The background color used in status badges to highlight things that might require action, but are optional to resolve. This accepts hex values or RGB/HSL strings.
+   */
   badgeWarningColorBackground?: string;
+  /**
+   * The text color used in status badges to highlight things that might require action, but are optional to resolve. This accepts hex values or RGB/HSL strings.
+   */
   badgeWarningColorText?: string;
+  /**
+   * The border color used in status badges to highlight things that might require action, but are optional to resolve. This accepts hex values or RGB/RGBA/HSL strings.
+   */
+  badgeWarningColorBorder?: string;
 
   // Danger Badge Colors
-  badgeDangerColorBorder?: string;
+  /**
+   * The background color used in status badges for high-priority, critical situations that the user must address immediately, and to indicate failed or unsuccessful outcomes. This accepts hex values or RGB/HSL strings.
+   */
   badgeDangerColorBackground?: string;
+  /**
+   * The text color used in status badges for high-priority, critical situations that the user must address immediately, and to indicate failed or unsuccessful outcomes. This accepts hex values or RGB/HSL strings.
+   */
   badgeDangerColorText?: string;
+  /**
+   * The border color used in status badges for high-priority, critical situations that the user must address immediately, and to indicate failed or unsuccessful outcomes. This accepts hex values or RGB/RGBA/HSL strings.
+   */
+  badgeDangerColorBorder?: string;
+
+  // Background
+  /**
+   * The background color used when highlighting information, like the selected row on a table or particular piece of UI. This accepts hex values or RGB/HSL strings.
+   */
+  offsetBackgroundColor?: string;
+  /**
+   * The background color used for form items. This accepts hex values or RGB/HSL strings.
+   */
+  formBackgroundColor?: string;
+
+  /**
+   * The color used for borders throughout the component. This accepts hex values or RGB/RGBA/HSL strings.
+   */
+  colorBorder?: string;
+
+  // Form
+  /**
+   * The color used to highlight form items when focused. This accepts hex values or RGB/RGBA/HSL strings.
+   */
+  formHighlightColorBorder?: string;
+  /**
+   * The color used for to fill in form items like checkboxes, radio buttons and switches. This accepts hex values or RGB/HSL strings.
+   */
+  formAccentColor?: string;
 
   // Border Sizing
-  borderRadius?: string;
+  /**
+   * The border radius used for buttons. This supports pixel values only.
+   */
   buttonBorderRadius?: string;
+  /**
+   * The border radius used for form elements. This supports pixel values only.
+   */
   formBorderRadius?: string;
+  /**
+   * The border radius used for badges. This supports pixel values only.
+   */
   badgeBorderRadius?: string;
+  /**
+   * The border radius used for overlays. This supports pixel values only.
+   */
   overlayBorderRadius?: string;
 
-  // Overlay
-  overlayZIndex?: number;
-
   // Font Sizing
-  fontSizeBase?: string;
 
-  // Spacing
-  spacingUnit?: string;
+  // Overlay
+  /**
+   * A z-index to use for the overlay throughout embedded components. Set this number to control the z-order of the overlay.
+   */
+  overlayZIndex?: number;
 
   // Body Typography
+  /**
+   * The font size for the large body typography. Body typography variables accept a valid font size value.
+   */
   bodyLgFontSize?: string;
+  /**
+   * The font weight for the large body typography. Body typography variables accept a valid font weight value.
+   */
   bodyLgFontWeight?: string;
+  /**
+   * The font size for the medium body typography. Body typography variables accept a valid font size value.
+   */
   bodyMdFontSize?: string;
+  /**
+   * The font weight for the medium body typography. Body typography variables accept a valid font weight value.
+   */
   bodyMdFontWeight?: string;
+  /**
+   * The font size for the small body typography. Body typography variables accept a valid font size value.
+   */
   bodySmFontSize?: string;
+  /**
+   * The font weight for the small body typography. Body typography variables accept a valid font weight value.
+   */
   bodySmFontWeight?: string;
 
-  // Label Typography
-  labelLgFontSize?: string;
-  labelLgFontWeight?: string;
-  labelLgTextTransform?: string;
-  labelMdFontSize?: string;
-  labelMdFontWeight?: string;
-  labelMdTextTransform?: string;
-  labelSmFontSize?: string;
-  labelSmFontWeight?: string;
-  labelSmTextTransform?: string;
-
   // Heading Typography
+  /**
+   * The font size for the extra large heading typography. Heading typography variables accept a valid font size value.
+   */
   headingXlFontSize?: string;
+  /**
+   * The font weight for the extra large heading typography. Heading typography variables accept a valid font weight value.
+   */
   headingXlFontWeight?: string;
+  /**
+   * The text transform for the extra large heading typography. Heading typography variables accept a valid text transform value.
+   */
   headingXlTextTransform?: string;
+  /**
+   * The font size for the large heading typography. Heading typography variables accept a valid font size value.
+   */
   headingLgFontSize?: string;
+  /**
+   * The font weight for the large heading typography. Heading typography variables accept a valid font weight value.
+   */
   headingLgFontWeight?: string;
+  /**
+   * The text transform for the large heading typography. Heading typography variables accept a valid text transform value.
+   */
   headingLgTextTransform?: string;
+  /**
+   * The font size for the medium heading typography. Heading typography variables accept a valid font size value.
+   */
   headingMdFontSize?: string;
+  /**
+   * The font weight for the medium heading typography. Heading typography variables accept a valid font weight value.
+   */
   headingMdFontWeight?: string;
+  /**
+   * The text transform for the medium heading typography. Heading typography variables accept a valid text transform value.
+   */
   headingMdTextTransform?: string;
+  /**
+   * The font size for the small heading typography. Heading typography variables accept a valid font size value.
+   */
   headingSmFontSize?: string;
+  /**
+   * The font weight for the small heading typography. Heading typography variables accept a valid font weight value.
+   */
   headingSmFontWeight?: string;
+  /**
+   * The text transform for the small heading typography. Heading typography variables accept a valid text transform value.
+   */
   headingSmTextTransform?: string;
+  /**
+   * The font size for the extra small heading typography. Heading typography variables accept a valid font size value.
+   */
   headingXsFontSize?: string;
+  /**
+   * The font weight for the extra small heading typography. Heading typography variables accept a valid font weight value.
+   */
   headingXsFontWeight?: string;
+  /**
+   * The text transform for the extra small heading typography. Heading typography variables accept a valid text transform value.
+   */
   headingXsTextTransform?: string;
+
+  // Label Typography
+  /**
+   * The font size for the large label typography. Label typography variables accept a valid font size value.
+   */
+  labelLgFontSize?: string;
+  /**
+   * The font weight for the large label typography. Label typography variables accept a valid font weight value.
+   */
+  labelLgFontWeight?: string;
+  /**
+   * The text transform for the large label typography. Label typography variables accept a valid text transform value.
+   */
+  labelLgTextTransform?: string;
+  /**
+   * The font size for the medium label typography. Label typography variables accept a valid font size value.
+   */
+  labelMdFontSize?: string;
+  /**
+   * The font weight for the medium label typography. Label typography variables accept a valid font weight value.
+   */
+  labelMdFontWeight?: string;
+  /**
+   * The text transform for the medium label typography. Label typography variables accept a valid text transform value.
+   */
+  labelMdTextTransform?: string;
+  /**
+   * The font size for the small label typography. Label typography variables accept a valid font size value.
+   */
+  labelSmFontSize?: string;
+  /**
+   * The font weight for the small label typography. Label typography variables accept a valid font weight value.
+   */
+  labelSmFontWeight?: string;
+  /**
+   * The text transform for the small label typography. Label typography variables accept a valid text transform value.
+   */
+  labelSmTextTransform?: string;
 };
 
 export type IStripeConnectUpdateParams = {
+  /**
+   * Appearance options for the Connect instance.
+   */
   appearance?: AppearanceOptions;
+
+  /**
+   * The locale to use for the Connect instance.
+   */
   locale?: string;
 };
 
@@ -186,7 +414,10 @@ export type ConnectElementTagName =
   | "payouts"
   | "payment-details"
   | "account-onboarding"
-  | "payment-method-settings";
+  | "payment-method-settings"
+  | "account-management"
+  | "notification-banner"
+  | "instant-payouts";
 
 export declare const findScript: () => HTMLScriptElement | null;
 

package/dist/src/index.d.ts

@@ -1,5 +0,0 @@
-import { IStripeConnectInitParams, StripeConnectInstance } from "../types";
-import { LoadConnect } from "./shared";
-export declare const loadConnect: LoadConnect;
-export declare const loadConnectAndInitialize: (initParams: IStripeConnectInitParams) => StripeConnectInstance;
-export {};