@stripe/connect-js 3.3.39-preview-1 → 3.3.39

package/types/shared.d.ts

@@ -2,6 +2,7 @@ import type {
   ConnectElementCustomMethodConfig,
   ConnectElementCommonMethodConfig,
 } from "./config";
+
 export declare type LoadConnectAndInitialize = (
   initParams: IStripeConnectInitParams
 ) => StripeConnectInstance;
@@ -142,6 +143,44 @@ export declare type AppearanceVariables = {
    */
   buttonSecondaryColorText?: string;
 
+  // Danger Button Colors
+  /**
+   * The color used as a background for danger buttons to indicate destructive actions. This accepts hex values or RGB/HSL strings.
+   */
+  buttonDangerColorBackground?: string;
+  /**
+   * The color used as a border for danger buttons to indicate destructive actions. This accepts hex values or RGB/HSL strings.
+   */
+  buttonDangerColorBorder?: string;
+  /**
+   * The text color used for danger buttons to indicate destructive actions. This accepts hex values or RGB/HSL strings.
+   */
+  buttonDangerColorText?: string;
+
+  // Button Padding
+  /**
+   * The horizontal padding used for buttons. This supports pixel values only.
+   */
+  buttonPaddingX?: string;
+  /**
+   * The vertical padding used for buttons. This supports pixel values only.
+   */
+  buttonPaddingY?: string;
+
+  // Button Label Typography
+  /**
+   * The font size for button label typography. Button label typography variables accept a valid font size value ranging from 1px to 200px, 0.1em to 12em, and 0.1rem to 12rem.
+   */
+  buttonLabelFontSize?: string;
+  /**
+   * The font weight for button label typography. Button label typography variables accept a valid font weight value.
+   */
+  buttonLabelFontWeight?: string;
+  /**
+   * The text transform for button label typography. Button label typography variables accept a valid text transform value.
+   */
+  buttonLabelTextTransform?: string;
+
   /**
    * The color used for secondary text. This accepts hex values or RGB/RGBA/HSL strings.
    */
@@ -166,6 +205,10 @@ export declare type AppearanceVariables = {
    * The thickness of text decoration of primary actions and links. This accepts a valid text decoration thickness value.
    */
   actionPrimaryTextDecorationThickness?: string;
+  /**
+   * The text transform for the primary actions and links. This accepts a valid text transform value.
+   */
+  actionPrimaryTextTransform?: string;
   /**
    * The color used for secondary actions and links. This accepts hex values or RGB/HSL strings.
    */
@@ -186,6 +229,10 @@ export declare type AppearanceVariables = {
    * The thickness of text decoration of secondary actions and links. This accepts a valid text decoration thickness value.
    */
   actionSecondaryTextDecorationThickness?: string;
+  /**
+   * The text transform for the secondary actions and links. This accepts a valid text transform value.
+   */
+  actionSecondaryTextTransform?: string;
 
   // Neutral Badge Colors
   /**
@@ -243,6 +290,30 @@ export declare type AppearanceVariables = {
    */
   badgeDangerColorBorder?: string;
 
+  // Badge Padding
+  /**
+   * The horizontal padding used for badges. This supports pixel values only.
+   */
+  badgePaddingX?: string;
+  /**
+   * The vertical padding used for badges. This supports pixel values only.
+   */
+  badgePaddingY?: string;
+
+  // Badge Label Typography
+  /**
+   * The font size for badge label typography. Badge label typography variables accept a valid font size value ranging from 1px to 200px, 0.1em to 12em, and 0.1rem to 12rem.
+   */
+  badgeLabelFontSize?: string;
+  /**
+   * The font weight for badge label typography. Badge label typography variables accept a valid font weight value.
+   */
+  badgeLabelFontWeight?: string;
+  /**
+   * The text transform for badge label typography. Badge label typography variables accept a valid text transform value.
+   */
+  badgeLabelTextTransform?: 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.
@@ -267,6 +338,24 @@ export declare type AppearanceVariables = {
    * 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;
+  /**
+   * The color used for placeholder text in form items. This accepts hex values or RGB/HSL strings.
+   */
+  formPlaceholderTextColor?: string;
+  /**
+   * The horizontal padding used for input fields in forms. This supports pixel values only.
+   */
+  inputFieldPaddingX?: string;
+  /**
+   * The vertical padding used for input fields in forms. This supports pixel values only.
+   */
+  inputFieldPaddingY?: string;
+
+  // Table
+  /**
+   * The vertical padding used for table rows. This supports pixel values only.
+   */
+  tableRowPaddingY?: string;
 
   // Border Sizing
   /**
@@ -487,35 +576,24 @@ export interface StripeConnectInstance {
  * Tagnames to be used with the `create` method of the Connect instance.
  */
 export type ConnectElementTagName =
+  | "account-onboarding"
+  | "disputes-list"
   | "payments"
-  | "payouts"
   | "payment-details"
   | "payment-disputes"
-  | "disputes-list"
-  | "account-onboarding"
-  | "payment-method-settings"
   | "account-management"
   | "notification-banner"
-  | "instant-payouts"
   | "instant-payouts-promotion"
   | "issuing-card"
   | "issuing-cards-list"
   | "financial-account"
   | "financial-account-transactions"
-  | "recipients"
-  | "capital-financing"
-  | "capital-financing-application"
-  | "capital-financing-promotion"
-  | "capital-overview"
+  | "payouts"
+  | "payouts-list"
+  | "payout-details"
+  | "balances"
   | "documents"
-  | "product-tax-code-selector"
-  | "export-tax-transactions"
   | "tax-registrations"
   | "tax-settings"
-  | "tax-threshold-monitoring"
-  | "balances"
-  | "payouts-list"
-  | "payout-details"
-  | "app-install"
-  | "app-viewport"
-  | "reporting-chart";
+  | "balance-report"
+  | "payout-reconciliation-report";

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2023 Stripe, Inc.
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/README.md

@@ -1,76 +0,0 @@
-# Connect.js ES Module
-
-The [Connect.js library](https://stripe.com/docs/connect/get-started-connect-embedded-components) and its supporting API allows you to add connected account dashboard functionality to your website.
-This NPM package contains initialization logic for Connect embedded components along with related types.
-
-Calling `loadConnectAndInitialize` always loads the latest version of Connect.js, regardless of which version of `@stripe/connect-js` you use. Updates for this package only impact tooling around the `loadConnectAndInitialize` helper itself and the TypeScript type definitions provided for Connect.js. Updates do not affect runtime availability of features of Connect.js.
-
-The embedded onboarding component is generally available now. Please refer to our [documentation](https://stripe.com/docs/connect/supported-embedded-components#account-onboarding) for more information.
-
-Note: Some Connect embedded components are currently still in preview. These can be [viewed on our doc site](https://docs.stripe.com/connect/supported-embedded-components), where you can also request preview access.
-
-## Installation
-
-Use `npm` to install the Connect.js module:
-
-```sh
-npm install @stripe/connect-js
-```
-
-## Documentation
-
-- [Connect embedded components](https://stripe.com/docs/connect/get-started-connect-embedded-components)
-- [Quickstart guide](https://stripe.com/docs/connect/connect-embedded-components/quickstart)
-
-## Usage
-
-### `loadConnectAndInitialize`
-
-This synchronous function takes in a publishable key, a function to retrieve the client secret returned from the [Account Session API](https://stripe.com/docs/api/account_sessions/create), and other [initialization parameters](https://stripe.com/docs/connect/get-started-connect-embedded-components#configuring-connect-js). It returns a `StripeConnectInstance`. If necessary, it will load Connect.js for you by inserting the Connect.js script tag.
-
-```js
-import { loadConnectAndInitialize } from "@stripe/connect-js";
-const fetchClientSecret = async () => {
-  // Fetch the AccountSession client secret by making an API call to your service
-};
-
-const instance = loadConnectAndInitialize({
-  publishableKey: "{{pk test123}}",
-  fetchClientSecret: fetchClientSecret,
-});
-```
-
-We’ve placed a random API key in this example. Replace it with your
-[actual publishable API keys](https://dashboard.stripe.com/account/apikeys) to
-test this code through your Connect account.
-
-If you have deployed a
-[Content Security Policy](https://developer.mozilla.org/en-US/docs/Web/Security/CSP),
-make sure to
-[include Connect.js in your directives](https://stripe.com/docs/connect/get-started-connect-embedded-components?platform=web#csp-and-http-header-requirements).
-
-### Import as a side effect
-
-Import `@stripe/connect-js` as a side effect in code that will be included
-throughout your site (e.g. your root module). This will make sure the Connect.js
-script tag is inserted immediately upon page load.
-
-```js
-import "@stripe/connect-js";
-```
-
-### Importing `loadConnectAndInitialize` without side effects
-
-If you would like to use `loadConnectAndInitialize` in your application, but defer loading the
-Connect.js script until `loadConnectAndInitialize` is first called, use the alternative
-`@stripe/connect-js/pure` import path:
-
-```js
-import { loadConnectAndInitialize } from "@stripe/connect-js/pure";
-
-// Connect.js will not be loaded until `loadConnect` is called
-const instance = loadConnectAndInitialize({
-  publishableKey: "{{pk test123}}",
-  fetchClientSecret: fetchClientSecret,
-});
-```