@bigcommerce/checkout-sdk 1.459.0 → 1.460.0

package/docs/README.md

@@ -121,8 +121,8 @@
 - [BoltCustomerInitializeOptions](interfaces/BoltCustomerInitializeOptions.md)
 - [BoltPaymentInitializeOptions](interfaces/BoltPaymentInitializeOptions.md)
 - [BraintreeAcceleratedCheckoutCustomer](interfaces/BraintreeAcceleratedCheckoutCustomer.md)
-- [BraintreeAcceleratedCheckoutInitializeOptions](interfaces/BraintreeAcceleratedCheckoutInitializeOptions.md)
 - [BraintreeAcceleratedCheckoutPaymentInitializeOptions](interfaces/BraintreeAcceleratedCheckoutPaymentInitializeOptions.md)
+- [BraintreeAcceleratedCheckoutShippingInitializeOptions](interfaces/BraintreeAcceleratedCheckoutShippingInitializeOptions.md)
 - [BraintreeError](interfaces/BraintreeError.md)
 - [BraintreeFormFieldCardTypeChangeEventData](interfaces/BraintreeFormFieldCardTypeChangeEventData.md)
 - [BraintreeFormFieldKeyboardEventData](interfaces/BraintreeFormFieldKeyboardEventData.md)

package/docs/interfaces/BraintreeAcceleratedCheckoutPaymentInitializeOptions.md

@@ -15,24 +15,68 @@ Also, Braintree requires specific options to initialize Braintree Accelerated Ch
 service.initializePayment({
     methodId: 'braintreeacceleratedcheckout',
     braintreeacceleratedcheckout: {
-        onInit: (renderPayPalComponentMethod) => renderPayPalComponentMethod('#container-id');
+        onInit: (renderPayPalComponentMethod) => renderPayPalComponentMethod('#container-id'),
+        styles: {
+             root: {
+                 backgroundColorPrimary: 'transparent',
+                 errorColor: '#C40B0B',
+                 fontFamily: 'Montserrat, Helvetica, Arial, sans-serif',
+             },
+             input: {
+                 borderRadius: '0.25rem',
+                 borderColor: '#9E9E9E',
+                 focusBorderColor: '#4496F6',
+             },
+             toggle: {
+                 colorPrimary: '#0F005E',
+                 colorSecondary: '#ffffff',
+             },
+             text: {
+                 body: {
+                     color: '#222222',
+                     fontSize: '1rem',
+                 },
+                 caption: {
+                     color: '#515151',
+                     fontSize: '0.875rem',
+                 },
+             },
+             branding: 'light',
+        },
     },
 });
 ```
 
 ## Table of contents
 
+### Properties
+
+- [styles](BraintreeAcceleratedCheckoutPaymentInitializeOptions.md#styles)
+
 ### Methods
 
 - [onInit](BraintreeAcceleratedCheckoutPaymentInitializeOptions.md#oninit)
 
+## Properties
+
+### styles
+
+• `Optional` **styles**: `BraintreeConnectStylesOption`
+
+Is a stylisation options for customizing PayPal Connect components
+
+Note: the styles for all Braintree Accelerated Checkout strategies should be the same,
+because they will be provided to PayPal library only for the first strategy initialization
+no matter what strategy was initialised first
+
 ## Methods
 
 ### onInit
 
 ▸ `Optional` **onInit**(`renderPayPalComponentMethod`): `void`
 
-The CSS selector of a container where the payment widget should be inserted into.
+Is a callback that takes the CSS selector of a container
+where the PayPal Connect form should be inserted into.
 
 #### Parameters
 

package/docs/interfaces/BraintreeAcceleratedCheckoutShippingInitializeOptions.md

@@ -0,0 +1,33 @@
+[@bigcommerce/checkout-sdk](../README.md) / BraintreeAcceleratedCheckoutShippingInitializeOptions
+
+# Interface: BraintreeAcceleratedCheckoutShippingInitializeOptions
+
+A set of options that are required to initialize the shipping step of
+checkout in order to support Braintree Accelerated Checkout.
+
+## Table of contents
+
+### Properties
+
+- [methodId](BraintreeAcceleratedCheckoutShippingInitializeOptions.md#methodid)
+- [styles](BraintreeAcceleratedCheckoutShippingInitializeOptions.md#styles)
+
+## Properties
+
+### methodId
+
+• **methodId**: `string`
+
+The identifier of the payment method.
+
+___
+
+### styles
+
+• `Optional` **styles**: `BraintreeConnectStylesOption`
+
+Is a stylisation options for customizing PayPal Connect components
+
+Note: the styles for all Braintree Accelerated Checkout strategies should be the same,
+because they will be provided to PayPal library only for the first strategy initialization
+no matter what strategy was initialised first

package/docs/interfaces/ShippingInitializeOptions.md

@@ -47,7 +47,7 @@ ___
 
 ### braintreeacceleratedcheckout
 
-• `Optional` **braintreeacceleratedcheckout**: [`BraintreeAcceleratedCheckoutInitializeOptions`](BraintreeAcceleratedCheckoutInitializeOptions.md)
+• `Optional` **braintreeacceleratedcheckout**: [`BraintreeAcceleratedCheckoutShippingInitializeOptions`](BraintreeAcceleratedCheckoutShippingInitializeOptions.md)
 
 The options that are required to initialize the shipping step of checkout
 when using Braintree Accelerated Checkout.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigcommerce/checkout-sdk",
-  "version": "1.459.0",
+  "version": "1.460.0",
   "description": "BigCommerce Checkout JavaScript SDK",
   "license": "MIT",
   "main": "dist/checkout-sdk.js",

package/docs/interfaces/BraintreeAcceleratedCheckoutInitializeOptions.md

@@ -1,20 +0,0 @@
-[@bigcommerce/checkout-sdk](../README.md) / BraintreeAcceleratedCheckoutInitializeOptions
-
-# Interface: BraintreeAcceleratedCheckoutInitializeOptions
-
-A set of options that are required to initialize the shipping step of
-checkout in order to support Braintree Accelerated Checkout.
-
-## Table of contents
-
-### Properties
-
-- [methodId](BraintreeAcceleratedCheckoutInitializeOptions.md#methodid)
-
-## Properties
-
-### methodId
-
-• **methodId**: `string`
-
-The identifier of the payment method.