@paypal/react-paypal-js
Version:
React components for the PayPal JS SDK
78 lines (77 loc) • 3.67 kB
TypeScript
export declare const COMPONENT_PROPS_CATEGORY: {
table: {
category: string;
};
};
export declare const COMPONENT_EVENTS = "Events";
export declare const COMPONENT_TYPES = "Types";
export declare const ORDER_ID = "orderID";
export declare const ERROR = "Error";
export declare const SDK = "SDK";
export declare const APPROVE = "approve";
export declare const SUBSCRIPTION = "subscription";
export declare const ORDER_INSTANCE_ERROR = "No order instance was provided";
export declare const CONTAINER_SIZE: {
name: string;
description: string;
control: {
type: string;
min: number;
max: number;
step: number;
};
table: {
defaultValue: {
summary: string;
};
category: string;
type: {
summary: string;
};
};
};
export declare const ARG_TYPE_AMOUNT: {
description: string;
options: string[];
control: {
type: string;
};
table: {
defaultValue: {
summary: string;
};
category: string;
type: {
summary: string;
};
};
};
export declare const ARG_TYPE_CURRENCY: {
options: string[];
description: string;
control: {
type: string;
};
table: {
category: string;
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
export declare const FUNDING_SOURCE_ARG: {
table: {
category: string;
};
options: (string | undefined)[];
control: {
type: string;
labels: {
undefined: string;
};
};
};
export declare const SANDPACK_STYLES = "body {\n font-family: sans-serif;\n -webkit-font-smoothing: auto;\n -moz-font-smoothing: auto;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: auto;\n text-rendering: optimizeLegibility;\n font-smooth: always;\n -webkit-tap-highlight-color: transparent;\n -webkit-touch-callout: none;\n}\n\n.card-field {\n width: 100%;\n padding: 12px;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box;\n margin-top: 6px;\n margin-bottom: 16px;\n resize: vertical;\n height: 40px;\n background: white;\n font-size: 17px;\n color: #3a3a3a;\n font-family: helvetica, tahoma, calibri, sans-serif;\n}\n\n.btn {\n display: inline-block;\n font-weight: 400;\n text-align: center;\n white-space: nowrap;\n vertical-align: middle;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border: 1px solid transparent;\n padding: 0.375rem 0.75rem;\n font-size: 1rem;\n line-height: 1.5;\n border-radius: 0.25rem;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n cursor: pointer;\n}\n\n.btn-primary {\n color: #fff;\n background-color: #007bff;\n border-color: #007bff;\n}\n\n.mark {\n display: flex;\n align-items: center;\n}\n.spinner {\n display: inline-block;\n height: 40px;\n width: 40px;\n box-sizing: border-box;\n border: 3px solid rgba(0, 0, 0, 0.2);\n border-top-color: rgba(33, 128, 192, 0.8);\n border-radius: 100%;\n animation: rotation 0.7s infinite linear;\n}\n\n.spinner.tiny {\n height: 20px;\n width: 20px;\n border-top-color: #007bff;\n position: relative;\n top: 3px;\n}\n\n@keyframes rotation {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(359deg);\n }\n}";