Merge pull request #551 from paypal/Add-borderRadius-and-new-shape

add shape: sharp

Author: hnguyen510

.changeset/curly-monkeys-itch.md

@@ -0,0 +1,5 @@
+---
+"@paypal/paypal-js": patch
+---
+
+add the shape: "sharp" in style

packages/paypal-js/types/components/buttons.d.ts

@@ -29,7 +29,7 @@ export type CreateSubscriptionActions = {
         /** Used to revise an existing subscription for client-side integrations. Accepts the same options as the request body of the [/v1/billing/subscription/{id}/revise api](https://developer.paypal.com/docs/api/subscriptions/v1/#subscriptions_revise). */
         revise: (
             subscriptionID: string,
-            options: ReviseSubscriptionRequestBody,
+            options: ReviseSubscriptionRequestBody
         ) => Promise<string>;
     };
 };
@@ -211,14 +211,14 @@ export interface PayPalButtonsComponentOptions {
      */
     createOrder?: (
         data: CreateOrderData,
-        actions: CreateOrderActions,
+        actions: CreateOrderActions
     ) => Promise<string>;
     /**
      * Called on button click to set up a recurring payment. [createSubscription docs](https://developer.paypal.com/docs/business/javascript-sdk/javascript-sdk-reference/#createsubscription).
      */
     createSubscription?: (
         data: Record<string, unknown>,
-        actions: CreateSubscriptionActions,
+        actions: CreateSubscriptionActions
     ) => Promise<string>;
     /**
      * Save payment methods to charge payers after a set amount of time. For example, you can offer a free trial and charge payers after the trial expires. Payers don't need to be present when charged. No checkout required.
@@ -235,22 +235,22 @@ export interface PayPalButtonsComponentOptions {
      */
     onApprove?: (
         data: OnApproveData,
-        actions: OnApproveActions,
+        actions: OnApproveActions
     ) => Promise<void>;
     /**
      * Called when the buyer cancels the transaction.
      * Often used to show the buyer a [cancellation page](https://developer.paypal.com/docs/business/checkout/add-capabilities/buyer-experience/#3-show-cancellation-page).
      */
     onCancel?: (
         data: Record<string, unknown>,
-        actions: OnCancelledActions,
+        actions: OnCancelledActions
     ) => void;
     /**
      * Called when the button is clicked. Often used for [validation](https://developer.paypal.com/docs/checkout/integration-features/validation/).
      */
     onClick?: (
         data: Record<string, unknown>,
-        actions: OnClickActions,
+        actions: OnClickActions
     ) => Promise<void> | void;
     /**
      * Catch all for errors preventing buyer checkout.
@@ -267,21 +267,21 @@ export interface PayPalButtonsComponentOptions {
      */
     onShippingChange?: (
         data: OnShippingChangeData,
-        actions: OnShippingChangeActions,
+        actions: OnShippingChangeActions
     ) => Promise<void>;
     /**
      * Called when the buyer selects a new shipping option on PayPal.
      */
     onShippingOptionsChange?: (
         data: OnShippingOptionsChangeData,
-        actions: OnShippingOptionsChangeActions,
+        actions: OnShippingOptionsChangeActions
     ) => Promise<void>;
     /**
      * Called when the buyer updates their shipping address on PayPal.
      */
     onShippingAddressChange?: (
         data: OnShippingAddressChangeData,
-        actions: OnShippingAddressChangeActions,
+        actions: OnShippingAddressChangeActions
     ) => Promise<void>;
     /**
      * [Styling options](https://developer.paypal.com/docs/business/checkout/reference/style-guide/#customize-the-payment-buttons) for customizing the button appearance.
@@ -300,7 +300,7 @@ export interface PayPalButtonsComponentOptions {
             | "subscribe"
             | "donate";
         layout?: "vertical" | "horizontal";
-        shape?: "rect" | "pill";
+        shape?: "rect" | "pill" | "sharp";
         tagline?: boolean;
     };
     /**