@stripe/connect-js 3.0.1 → 3.1.0

package/README.md

@@ -60,17 +60,6 @@ script tag is inserted immediately upon page load.
 import "@stripe/connect-js";
 ```
 
-### Manually include the script tag
-
-Manually add the Connect.js script tag to the `<head>` of each page on your site.
-If an existing script tag is already present, this module will not insert a new
-one. When you call `loadConnectAndInitialize`, it will use the existing script tag.
-
-```html
-<!-- Somewhere in your site's <head> -->
-<script src="https://connect-js.stripe.com/v0.1/connect.js" async></script>
-```
-
 ### Importing `loadConnectAndInitialize` without side effects
 
 If you would like to use `loadConnectAndInitialize` in your application, but defer loading the

package/dist/connect.esm.js

@@ -125,7 +125,7 @@ const createWrapper = stripeConnect => {
           sdk: true,
           sdkOptions: {
             // This will be replaced by the npm package version when bundling
-            sdkVersion: "3.0.1"
+            sdkVersion: "3.1.0"
           }
         })
       }));

package/dist/connect.js

@@ -129,7 +129,7 @@ const createWrapper = stripeConnect => {
           sdk: true,
           sdkOptions: {
             // This will be replaced by the npm package version when bundling
-            sdkVersion: "3.0.1"
+            sdkVersion: "3.1.0"
           }
         })
       }));

package/dist/pure.esm.js

@@ -125,7 +125,7 @@ const createWrapper = stripeConnect => {
           sdk: true,
           sdkOptions: {
             // This will be replaced by the npm package version when bundling
-            sdkVersion: "3.0.1"
+            sdkVersion: "3.1.0"
           }
         })
       }));

package/dist/pure.js

@@ -129,7 +129,7 @@ const createWrapper = stripeConnect => {
           sdk: true,
           sdkOptions: {
             // This will be replaced by the npm package version when bundling
-            sdkVersion: "3.0.1"
+            sdkVersion: "3.1.0"
           }
         })
       }));

package/package.json

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

package/types/shared.d.ts

@@ -6,6 +6,56 @@ export declare type LoadConnectAndInitialize = (
 
 export declare type OverlayOption = "dialog" | "drawer";
 
+/*
+ * Use a `CssFontSource` to pass custom fonts via a stylesheet URL when initializing a Connect instance.
+ */
+export declare type CssFontSource = {
+  /**
+   * A relative or absolute URL pointing to a CSS file with [@font-face](https://developer.mozilla.org/en/docs/Web/CSS/@font-face) definitions, for example:
+   *
+   *     https://fonts.googleapis.com/css?family=Open+Sans
+   *
+   * Note that if you are using a [content security policy](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy) (CSP), [additional directives](https://stripe.com/docs/security#content-security-policy) may be necessary.
+   */
+  cssSrc: string;
+};
+
+/*
+ * Use a `CustomFontSource` to pass custom fonts when initializing a Connect instance.
+ */
+export declare type CustomFontSource = {
+  /**
+   * The name to give the font
+   */
+  family: string;
+
+  /**
+   * A valid [src](https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/src) value pointing to your custom font file.
+   * This is usually (though not always) a link to a file with a `.woff` , `.otf`, or `.svg` suffix.
+   */
+  src: string;
+
+  /**
+   * A valid [font-display](https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display) value.
+   */
+  display?: string;
+
+  /**
+   * Defaults to `normal`.
+   */
+  style?: "normal" | "italic" | "oblique";
+
+  /**
+   * A valid [unicode-range](https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/unicode-range) value.
+   */
+  unicodeRange?: string;
+
+  /**
+   * A valid [font-weight](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight), as a string.
+   */
+  weight?: string;
+};
+
 /**
  * Appearance options for the Connect instance.
  */
@@ -354,6 +404,11 @@ export interface IStripeConnectInitParams {
    * The locale to use for the Connect instance.
    */
   locale?: string;
+
+  /**
+   * An array of custom fonts, which embedded components created from a ConnectInstance can use.
+   */
+  fonts?: Array<CssFontSource | CustomFontSource>;
 }
 
 type ConnectElementCustomMethods = typeof ConnectElementCustomMethodConfig;