@tap-payments/click-to-pay-button-web 0.0.1-test

package/build/configs/light.d.ts

@@ -0,0 +1,960 @@
+export declare const LightTheme: {
+    readonly Click2Pay: {
+        readonly countryList: {
+            readonly backgroundColor: "#FFFFFF";
+            readonly entryColor: "#7E7E7E";
+            readonly entryFont: "Roboto-Regular,9";
+            readonly entryTitleColor: "#7E7E7E";
+            readonly entryTitleFont: "Roboto-Regular,14";
+            readonly radius: 8;
+            readonly searchBackgroundColor: "#F8F8F8";
+            readonly shadowColor: "#00000051";
+        };
+        readonly loginForm: {
+            readonly footer: {
+                readonly button: {
+                    readonly background: {
+                        readonly color: "#E8E8E8";
+                        readonly radius: "52";
+                    };
+                    readonly color: "#E8E8E8";
+                    readonly font: "Roboto-Regular,9";
+                };
+                readonly label: {
+                    readonly color: "#626262";
+                    readonly font: "Roboto-Regular,12";
+                };
+            };
+        };
+        readonly popupPermission: {
+            readonly actionColor: "#1F88D0";
+            readonly actionFont: "Roboto-Regular,12";
+            readonly backgroundColor: "#FFFFFF";
+            readonly iconColor: "#EA611C";
+            readonly subtitleColor: "#7E7E7E";
+            readonly subtitleFont: "Roboto-Regular,12";
+            readonly titleColor: "#000000";
+            readonly titleFont: "Roboto-Regular,12";
+        };
+        readonly saveCard: {
+            readonly checkBoxBorder: "#7E7E7E";
+            readonly checkBoxCheckmarkColor: "#FFFFFF";
+            readonly checkBoxFillColor: "#009AFF";
+            readonly checkBoxHeight: 10.7;
+            readonly checkBoxRadius: 2.7;
+            readonly labelColor: "#7E7E7E";
+            readonly labelFont: "Roboto-Regular,12";
+            readonly subLabelFont: "Roboto-Regular,10";
+        };
+        readonly separator: {
+            readonly backgroundColor: " #141413";
+        };
+        readonly toolTip: {
+            readonly background: "#FFFFFF";
+            readonly borderColor: "#3C37371F";
+            readonly chip: "";
+            readonly cornerRadius: 8;
+            readonly maxWidth: 330;
+            readonly message: {
+                readonly color: "#4B4847ED";
+                readonly font: "Roboto-Regular,13";
+            };
+            readonly subTitle: {
+                readonly color: "#4B4847ED";
+                readonly font: "Roboto-Bold,13";
+            };
+            readonly title: {
+                readonly color: "#4B4847ED";
+                readonly font: "Roboto-Bold,13";
+            };
+        };
+    };
+    readonly CurrencyChip: {
+        readonly backgroundColorDark: "whiteTwo";
+        readonly backgroundColorLight: "#E1E1E1";
+    };
+    readonly CurrencyWidget: {
+        readonly amountLabel: {
+            readonly color: "#20232B80";
+            readonly font: "Roboto-Regular,13";
+        };
+        readonly background: {
+            readonly color: "#FFFFFF";
+            readonly cornerRadius: 8;
+            readonly shadow: {
+                readonly blurRadius: 8;
+                readonly color: "#00000026";
+            };
+        };
+        readonly confirmButton: {
+            readonly backgroundColor: "#1F88D0";
+            readonly cornerRadius: 24;
+            readonly titleFont: "Roboto-Regular,12";
+            readonly titleFontColor: "#FFFFFF";
+        };
+        readonly currencyDropDown: {
+            readonly backgroundColor: "#FFFFFFBA";
+            readonly borderColor: "#3C37371F";
+            readonly cornerRadius: 8;
+            readonly labelColor: "#626262";
+            readonly labelFont: "Roboto-Regular,13";
+            readonly onHoverColor: "#F4F4F4";
+            readonly onHoverCornerMargin: 8;
+            readonly onHoverCornerRadius: 8;
+            readonly shadowBlur: 64;
+            readonly shadowColor: "#4B484780";
+        };
+        readonly messageLabel: {
+            readonly color: "#20232B";
+            readonly font: "Roboto-Regular,13";
+        };
+    };
+    readonly GlobalValues: {
+        readonly Colors: {
+            readonly apricot30: "#ffbe604C";
+            readonly azure: "#009aff";
+            readonly black: "#000000";
+            readonly black15: "#00000026";
+            readonly black50: "#00000080";
+            readonly brownGrey: "#a8a8a8";
+            readonly brownGreyFive: "#aeaeae";
+            readonly brownGreyFour: "#a6a6a6";
+            readonly brownGreySeven: "#7e7e7e";
+            readonly brownGreySix: "#a7a7a7";
+            readonly brownGreyThree: "#ababab";
+            readonly brownGreyTwo: "#b2b2b2";
+            readonly cancelBorder: "#DEDEDE";
+            readonly cherryRed: "#e12131";
+            readonly cherryRed10: "#e1213119";
+            readonly cherryRed20: "#e12132";
+            readonly clear: "#00000000";
+            readonly deepSkyBlue: "#007aff";
+            readonly deepSkyBlue15: "#007aff26";
+            readonly greyishBrown: "#4b4847";
+            readonly lightGrey: "#626262";
+            readonly lightPeach: "#b6b6b6";
+            readonly lightPeriwinkle: "#d9d9da";
+            readonly orange: "#ea611c";
+            readonly paleLilac: "#e4e4e5";
+            readonly reddishOrange20: "#ea672433";
+            readonly veryLightPinkThree: "#d7d7d7";
+            readonly veryLightPinkTwo: "#dfdfdf";
+            readonly vibrantGreen: "#2ace00";
+            readonly vibrantGreenTwo: "#00d300";
+            readonly white: "#FFFFFF";
+            readonly white30: "#ffffff4D";
+            readonly white78: "#f9f9f9C6";
+            readonly white80: "#ffffffcc";
+            readonly whiteTwo: "#f4f4f4";
+        };
+    };
+    readonly Hints: {
+        readonly Default: {
+            readonly actionButtonTextColor: "clear";
+            readonly actionButtonTextFont: "Roboto-Regular,12";
+            readonly backgroundColor: "whiteTwo";
+            readonly borderColor: "clear";
+            readonly textColor: "greyishBrown";
+            readonly textFont: "Roboto-Light,14";
+        };
+        readonly Error: {
+            readonly actionButtonTextColor: "clear";
+            readonly actionButtonTextFont: "Roboto-Regular,12";
+            readonly backgroundColor: "#EA611C33";
+            readonly borderColor: "clear";
+            readonly textColor: "#EA611C";
+            readonly textFont: "Roboto-Light,12";
+        };
+        readonly GoPayLogin: {
+            readonly actionButtonTextColor: "deepSkyBlue";
+            readonly actionButtonTextFont: "Roboto-Regular,12";
+            readonly backgroundColor: "whiteTwo";
+            readonly borderColor: "clear";
+            readonly textColor: "greyishBrown";
+            readonly textFont: "Roboto-Light,14";
+        };
+        readonly Scanned: {
+            readonly actionButtonTextColor: "clear";
+            readonly actionButtonTextFont: "Roboto-Regular,12";
+            readonly backgroundColor: "deepSkyBlue15";
+            readonly borderColor: "clear";
+            readonly textColor: "deepSkyBlue";
+            readonly textFont: "Roboto-Light,12";
+        };
+        readonly StcPayIncompletePhone: {
+            readonly actionButtonTextColor: "clear";
+            readonly actionButtonTextFont: "Roboto-Regular,12";
+            readonly backgroundColor: "#1F88D033";
+            readonly borderColor: "clear";
+            readonly textColor: "#1F88D0";
+            readonly textFont: "Roboto-Light,14";
+        };
+        readonly StcPayInvalidPhone: {
+            readonly backgroundColor: "#EA611C24";
+            readonly borderColor: "#EA611C33";
+            readonly color: "#EA611C";
+            readonly font: "Roboto-Light,14";
+        };
+        readonly Warning: {
+            readonly actionButtonTextColor: "clear";
+            readonly actionButtonTextFont: "Roboto-Regular,12";
+            readonly backgroundColor: "apricot30";
+            readonly borderColor: "reddishOrange20";
+            readonly textColor: "orange";
+            readonly textFont: "Roboto-Light,12";
+        };
+    };
+    readonly PayButton: {
+        readonly Locked: {
+            readonly backgroundColor: "#1F88D0";
+            readonly color: "#ffffff";
+            readonly font: "Roboto-Bold,14";
+        };
+    };
+    readonly TapOtpView: {
+        readonly Expired: {
+            readonly Message: {
+                readonly subtitle: "deepSkyBlue";
+                readonly textFont: "Roboto-Light,12";
+                readonly title: "greyishBrown";
+            };
+        };
+        readonly Invalid: {
+            readonly Message: {
+                readonly textColor: "#EA611C";
+                readonly textFont: "Roboto-Light,12";
+                readonly title: "#EA611C";
+            };
+        };
+        readonly Message: {
+            readonly color: "#3F424D";
+            readonly font: "Roboto-Regular,15";
+        };
+        readonly OtpController: {
+            readonly activeBorderColor: "#1F88D0";
+            readonly activeBottomColor: "deepSkyBlue";
+            readonly backgroundColor: "#FFFFFF";
+            readonly borderColor: "#9F9F9F4D";
+            readonly bottomLineColor: "brownGreyFour";
+            readonly disabledBackgroundColor: "linear-gradient(0deg, rgba(234, 97, 28, 0.04) 0%, rgba(234, 97, 28, 0.04) 100%), #fff";
+            readonly invalidBackgroundColor: "transparent";
+            readonly 'invalidBorderColor ': "#EA611C0A";
+            readonly textColor: "greyishBrown";
+            readonly textFont: "Roboto-Regular,20";
+        };
+        readonly Ready: {
+            readonly Message: {
+                readonly subtitle: "deepSkyBlue";
+                readonly textFont: "Roboto-Light,12";
+                readonly title: "greyishBrown";
+            };
+        };
+        readonly Resend: {
+            readonly backgroundColor: "#1F88D01A";
+            readonly color: "#1F88D0";
+            readonly font: "Roboto-Regular,15";
+            readonly labelColor: "#3F424D";
+        };
+        readonly Timer: {
+            readonly backgroundColor: "#9F9F9F1A";
+            readonly textColor: "#9F9F9F";
+            readonly textFont: "Roboto-Regular,12";
+        };
+        readonly backgroundColor: "#f4f4f4";
+    };
+    readonly TapSwitchView: {
+        readonly CurvedSeparator: {
+            readonly BackgroundColor: "whiteTwo";
+        };
+        readonly backgroundColor: "clear";
+        readonly goPay: {
+            readonly SwitchOnColor: "azure";
+            readonly backgroundColor: "clear";
+            readonly notes: {
+                readonly textColor: "greyishBrown";
+                readonly textFont: "Roboto-Light,12";
+            };
+            readonly subtitle: {
+                readonly textColor: "brownGreySeven";
+                readonly textFont: "Roboto-Light,10";
+            };
+            readonly title: {
+                readonly textColor: "greyishBrown";
+                readonly textFont: "Roboto-Light,14";
+            };
+        };
+        readonly main: {
+            readonly backgroundColor: "whiteTwo";
+            readonly subtitle: {
+                readonly textColor: "brownGreySix";
+                readonly textFont: "Roboto-Light,10";
+            };
+            readonly title: {
+                readonly textColor: "brownGreySix";
+                readonly textFont: "Roboto-Light,12";
+            };
+        };
+        readonly merchant: {
+            readonly SwitchOnColor: "azure";
+            readonly backgroundColor: "clear";
+            readonly notes: {
+                readonly textColor: "greyishBrown";
+                readonly textFont: "Roboto-Light,12";
+            };
+            readonly subtitle: {
+                readonly textColor: "greyishBrown";
+                readonly textFont: "Roboto-Light,10";
+            };
+            readonly title: {
+                readonly textColor: "greyishBrown";
+                readonly textFont: "Roboto-Light,14";
+            };
+        };
+    };
+    readonly TapVerticalView: {
+        readonly blurBackgroundColor: "#f9f9f97F";
+        readonly defaultBackgroundColor: "whiteTwo";
+    };
+    readonly actionButton: {
+        readonly BackgroundColor: {
+            readonly Otp: "clear";
+            readonly default: "whiteTwo";
+        };
+        readonly Cancel: {
+            readonly backgroundColor: "white";
+            readonly borderColor: "cancelBorder";
+            readonly goLoginBackgroundColor: "clear";
+            readonly titleLabelColor: "greyishBrown";
+        };
+        readonly Common: {
+            readonly assets: {
+                readonly error: "white-error-mob.gif";
+                readonly faceID: "faceID";
+                readonly loading: "3sec-white-loader-2.gif";
+                readonly success: "white-success-mob.gif";
+                readonly touchID: "touchID";
+            };
+            readonly borderColor: "clear";
+            readonly titleLabelFont: "Roboto-Regular,16";
+        };
+        readonly Invalid: {
+            readonly backgroundColor: "veryLightPinkThree";
+            readonly goLoginBackgroundColor: "veryLightPinkThree";
+            readonly titleLabelColor: "white";
+        };
+        readonly Valid: {
+            readonly goLoginBackgroundColor: "deepSkyBlue";
+            readonly paymentBackgroundColor: "vibrantGreen";
+            readonly titleLabelColor: "white";
+        };
+    };
+    readonly amountSectionView: {
+        readonly backgroundColor: "white";
+        readonly convertedAmountLabelColor: "brownGrey";
+        readonly convertedAmountLabelFont: "Roboto-Light,14";
+        readonly itemsButtonArrowIcon: "arrowItemsIcon";
+        readonly itemsLabelColor: "lightGrey";
+        readonly itemsLabelFont: "Roboto-Regular,10";
+        readonly itemsNumberButtonBackgroundColor: "whiteTwo";
+        readonly itemsNumberButtonBorder: {
+            readonly color: "veryLightPinkTwo";
+            readonly width: 0;
+        };
+        readonly itemsNumberButtonCorner: 10;
+        readonly originalAmountLabelColor: "greyishBrown";
+        readonly originalAmountLabelFont: "Roboto-Regular,20";
+    };
+    readonly asyncView: {
+        readonly codeLabelColor: "greyishBrown";
+        readonly codeLabelFont: "Roboto-Regular,30";
+        readonly labelsColor: "greyishBrown";
+        readonly labelsFont: "Roboto-Regular,20";
+    };
+    readonly cardPhoneList: {
+        readonly backgroundColor: "whiteTwo";
+        readonly icon: {
+            readonly otherSegmentSelected: {
+                readonly alpha: 0.5;
+                readonly backgroundColor: "clear";
+            };
+            readonly selected: {
+                readonly alpha: 1;
+                readonly backgroundColor: "clear";
+            };
+            readonly unselected: {
+                readonly alpha: 1;
+                readonly backgroundColor: "clear";
+            };
+        };
+        readonly insets: 0;
+        readonly maxWidth: 60;
+        readonly underline: {
+            readonly selected: {
+                readonly backgroundColor: "vibrantGreen";
+            };
+            readonly unselected: {
+                readonly backgroundColor: "brownGrey";
+            };
+        };
+        readonly weAcceptLabel: {
+            readonly textColor: "#9F9F9F";
+            readonly textFont: "Roboto,10";
+        };
+    };
+    readonly customerDataCollection: {
+        readonly backgroundColor: "white";
+        readonly cornerRadius: 8;
+        readonly countryPicker: {
+            readonly countryCell: {
+                readonly backgroundColor: "clear";
+                readonly titleLabelColor: "greyishBrown";
+                readonly titleLabelFont: "Roboto,14";
+            };
+            readonly countryTable: {
+                readonly backgroundColor: "white";
+            };
+        };
+        readonly shadow: {
+            readonly color: "#00000026";
+            readonly offsetHeight: 0;
+            readonly offsetWidth: 0;
+            readonly opacity: 1;
+            readonly radius: 8;
+        };
+        readonly textfields: {
+            readonly color: "greyishBrown";
+            readonly countryCodeLabelFont: "Roboto,16";
+            readonly font: "Roboto-Light,14";
+            readonly placeHolderColor: "#9F9F9F";
+        };
+    };
+    readonly emailCard: {
+        readonly clearImage: {
+            readonly image: "clearFormIcon";
+            readonly width: 32;
+        };
+        readonly commonAttributes: {
+            readonly backgroundColor: "white";
+            readonly borderColor: "clear";
+            readonly borderWidth: 0;
+            readonly cornerRadius: 0;
+            readonly itemSpacing: 5;
+            readonly shadow: {
+                readonly color: "clear";
+                readonly offsetHeight: 0;
+                readonly offsetWidth: 0;
+                readonly opacity: 0;
+                readonly radius: 0;
+            };
+            readonly widthMargin: 7;
+        };
+        readonly iconImage: {
+            readonly image: "mailFormIcon";
+            readonly width: 32;
+        };
+        readonly textFields: {
+            readonly errorTextColor: "#FF0000";
+            readonly font: "Roboto-Light,17";
+            readonly placeHolderColor: "brownGreyThree";
+            readonly textColor: "greyishBrown";
+        };
+    };
+    readonly fullCard: {
+        readonly commonAttributes: {
+            readonly backgroundColor: "white";
+            readonly borderColor: "#00000000";
+            readonly borderWidth: 0;
+            readonly cornerRadius: 0;
+            readonly cvvPlaceHolder: "light-cvv";
+            readonly itemSpacing: 0;
+            readonly separatorColor: "#0000001E";
+            readonly shadow: {
+                readonly color: "#2ACE00";
+                readonly offsetHeight: 0;
+                readonly offsetWidth: 0;
+                readonly opacity: 1;
+                readonly radius: 3;
+            };
+            readonly widthMargin: 15;
+        };
+        readonly iconImage: {
+            readonly image: "bank";
+            readonly width: 32;
+        };
+        readonly saveCardOption: {
+            readonly labelTextColor: "black";
+            readonly labelTextFont: "15";
+            readonly switchOnThumbColor: "#2ACE00";
+            readonly switchThumbColor: "white";
+            readonly switchTintColor: "white";
+        };
+        readonly scanImage: {
+            readonly image: "scanIcon";
+            readonly width: 32;
+        };
+        readonly textFields: {
+            readonly errorTextColor: "#FF0000";
+            readonly font: "15";
+            readonly placeHolderColor: "#00000055";
+            readonly textColor: "black";
+        };
+    };
+    readonly goPay: {
+        readonly loginBar: {
+            readonly backgroundColor: "whiteTwo";
+            readonly hintLabel: {
+                readonly textColor: "brownGreyThree";
+                readonly textFont: "Roboto-Light,10";
+            };
+            readonly title: {
+                readonly otherSegmentSelected: {
+                    readonly textColor: "brownGreyFive";
+                    readonly textFont: "Roboto-Regular,12";
+                };
+                readonly selected: {
+                    readonly textColor: "greyishBrown";
+                    readonly textFont: "Roboto-Regular,12";
+                };
+            };
+            readonly underline: {
+                readonly selected: {
+                    readonly backgroundColor: "deepSkyBlue";
+                };
+                readonly unselected: {
+                    readonly backgroundColor: "brownGrey";
+                };
+            };
+        };
+        readonly passwordField: {
+            readonly backgroundColor: "clear";
+            readonly hidePasswordIcon: "passwordEye";
+            readonly placeHolderColor: "brownGreyThree";
+            readonly showPasswordIcon: "passwordEye";
+            readonly textColor: "greyishBrown";
+            readonly textFont: "Roboto-Light,17";
+            readonly underline: {
+                readonly empty: {
+                    readonly backgroundColor: "brownGrey";
+                };
+                readonly filled: {
+                    readonly backgroundColor: "deepSkyBlue";
+                };
+            };
+        };
+        readonly passwordView: {
+            readonly backgroundColor: "clear";
+        };
+    };
+    readonly horizontalList: {
+        readonly backgroundColor: "whiteTwo";
+        readonly chips: {
+            readonly applePayChip: {
+                readonly appleLogoTitleColor: "white";
+                readonly appleLogoTitleFont: "Roboto-Regular,16";
+                readonly applePayTitleColor: "white";
+                readonly applePayTitleFont: "Roboto-Regular,14";
+                readonly backgroundColor: "black";
+                readonly selected: {
+                    readonly shadow: {
+                        readonly borderColor: "clear";
+                        readonly borderWidth: 0;
+                        readonly color: "vibrantGreenTwo";
+                        readonly offsetHeight: 0;
+                        readonly offsetWidth: 0;
+                        readonly opacity: 1;
+                        readonly radius: 4;
+                    };
+                };
+                readonly unSelected: {
+                    readonly shadow: {
+                        readonly borderColor: "clear";
+                        readonly borderWidth: 0;
+                        readonly color: "lightPeriwinkle";
+                        readonly offsetHeight: 0;
+                        readonly offsetWidth: 0;
+                        readonly opacity: 1;
+                        readonly radius: 4;
+                    };
+                };
+            };
+            readonly currencyChip: {
+                readonly backgroundColor: "white";
+                readonly labelTextColor: "greyishBrown";
+                readonly labelTextFont: "Roboto-Regular,12";
+                readonly selected: {
+                    readonly shadow: {
+                        readonly borderColor: "vibrantGreenTwo";
+                        readonly borderWidth: 1;
+                        readonly color: "black15";
+                        readonly offsetHeight: 0;
+                        readonly offsetWidth: 0;
+                        readonly opacity: 1;
+                        readonly radius: 4;
+                    };
+                };
+                readonly unSelected: {
+                    readonly shadow: {
+                        readonly borderColor: "clear";
+                        readonly borderWidth: 0;
+                        readonly color: "black15";
+                        readonly offsetHeight: 0;
+                        readonly offsetWidth: 0;
+                        readonly opacity: 1;
+                        readonly radius: 4;
+                    };
+                };
+            };
+            readonly gatewayChip: {
+                readonly backgroundColor: "white";
+                readonly disabledBackGroundColor: "#F1F1F1";
+                readonly logoutIcon: "logoutIcon";
+                readonly selected: {
+                    readonly shadow: {
+                        readonly borderColor: "vibrantGreenTwo";
+                        readonly borderWidth: 1;
+                        readonly color: "black15";
+                        readonly offsetHeight: 0;
+                        readonly offsetWidth: 0;
+                        readonly opacity: 1;
+                        readonly radius: 4;
+                    };
+                };
+                readonly unSelected: {
+                    readonly shadow: {
+                        readonly borderColor: "clear";
+                        readonly borderWidth: 0;
+                        readonly color: "black15";
+                        readonly offsetHeight: 0;
+                        readonly offsetWidth: 0;
+                        readonly opacity: 1;
+                        readonly radius: 4;
+                    };
+                };
+            };
+            readonly goPayChip: {
+                readonly backgroundColor: "vibrantGreen";
+                readonly labelTextColor: "white";
+                readonly labelTextFont: "Roboto-Regular,12";
+                readonly selected: {
+                    readonly shadow: {
+                        readonly borderColor: "vibrantGreenTwo";
+                        readonly borderWidth: 1;
+                        readonly color: "black15";
+                        readonly offsetHeight: 0;
+                        readonly offsetWidth: 0;
+                        readonly opacity: 1;
+                        readonly radius: 4;
+                    };
+                };
+                readonly unSelected: {
+                    readonly shadow: {
+                        readonly borderColor: "clear";
+                        readonly borderWidth: 0;
+                        readonly color: "black15";
+                        readonly offsetHeight: 0;
+                        readonly offsetWidth: 0;
+                        readonly opacity: 1;
+                        readonly radius: 4;
+                    };
+                };
+            };
+            readonly radius: 8;
+            readonly savedCardChip: {
+                readonly backgroundColor: "white";
+                readonly editMode: {
+                    readonly alpha: 0.8;
+                    readonly deleteIcon: "deleteCardIconLight";
+                };
+                readonly labelTextColor: "greyishBrown";
+                readonly labelTextFont: "Roboto-Regular,12";
+                readonly selected: {
+                    readonly shadow: {
+                        readonly borderColor: "vibrantGreenTwo";
+                        readonly borderWidth: 1;
+                        readonly color: "black15";
+                        readonly offsetHeight: 0;
+                        readonly offsetWidth: 0;
+                        readonly opacity: 1;
+                        readonly radius: 4;
+                    };
+                };
+                readonly unSelected: {
+                    readonly shadow: {
+                        readonly borderColor: "clear";
+                        readonly borderWidth: 0;
+                        readonly color: "black15";
+                        readonly offsetHeight: 0;
+                        readonly offsetWidth: 0;
+                        readonly opacity: 1;
+                        readonly radius: 4;
+                    };
+                };
+            };
+        };
+        readonly headers: {
+            readonly gatewayHeader: {
+                readonly backgroundColor: "whiteTwo";
+                readonly leftButton: {
+                    readonly labelTextColor: "#9F9F9F";
+                    readonly labelTextFont: "Roboto-Regular,10";
+                };
+                readonly rightButton: {
+                    readonly labelTextColor: "#9F9F9F";
+                    readonly labelTextFont: "Roboto-Regular,10";
+                };
+            };
+        };
+        readonly itemSpacing: 10;
+        readonly margin: 18;
+    };
+    readonly inlineCard: {
+        readonly clearImage: {
+            readonly image: "clearFormIcon";
+            readonly tint: "lightGrey";
+            readonly width: 32;
+        };
+        readonly closeSavedCardIcon: "closeSavedCardInputIcon";
+        readonly commonAttributes: {
+            readonly backgroundColor: "white";
+            readonly borderColor: "clear";
+            readonly borderWidth: 0;
+            readonly cornerRadius: 8;
+            readonly cvvPlaceHolder: "light-cvv";
+            readonly itemSpacing: 5;
+            readonly shadow: {
+                readonly color: "#00000026";
+                readonly offsetHeight: 0;
+                readonly offsetWidth: 0;
+                readonly opacity: 1;
+                readonly radius: 4;
+            };
+            readonly widthMargin: 7;
+        };
+        readonly iconImage: {
+            readonly image: "card";
+            readonly tint: "lightGrey";
+            readonly width: 32;
+        };
+        readonly saveCardForTapOption: {
+            readonly infoButtonTintColor: "lightGrey";
+            readonly labelTextColor: "#7E7E7E";
+            readonly labelTextFont: "Roboto-Light,12";
+            readonly saveButtonActivatedTintColor: "azure";
+            readonly saveButtonDeactivatedTintColor: "lightGrey";
+        };
+        readonly saveCardOption: {
+            readonly labelTextColor: "greyishBrown";
+            readonly labelTextFont: "Roboto-Light,14";
+            readonly switchOnThumbColor: "#2ACE00";
+            readonly switchThumbColor: "white";
+            readonly switchTintColor: "white";
+        };
+        readonly scanImage: {
+            readonly image: "scanIcon";
+            readonly selected: "selectedScan";
+            readonly tint: "lightGrey";
+            readonly width: 32;
+        };
+        readonly textFields: {
+            readonly errorTextColor: "greyishBrown";
+            readonly font: "Roboto-Light,14";
+            readonly placeHolderColor: "brownGreyTwo";
+            readonly saveCardFontDots: "Roboto-Bold,24";
+            readonly textColor: "greyishBrown";
+        };
+    };
+    readonly itemsList: {
+        readonly backgroundColor: "white";
+        readonly item: {
+            readonly backgroundColor: "white";
+            readonly calculatedPriceLabelColor: "brownGrey";
+            readonly calculatedPriceLabelFont: "Roboto-Light,12";
+            readonly count: {
+                readonly backgroundColor: "paleLilac";
+                readonly countLabelColor: "greyishBrown";
+                readonly countLabelFont: "Roboto-Regular,9";
+            };
+            readonly descLabelColor: "brownGrey";
+            readonly descLabelFont: "Roboto-Light,12";
+            readonly descriptionBackgroundColor: "white";
+            readonly priceLabelColor: "greyishBrown";
+            readonly priceLabelFont: "Roboto-Regular,14";
+            readonly titleLabelColor: "greyishBrown";
+            readonly titleLabelFont: "Roboto-Regular,14";
+        };
+        readonly separatorColor: "veryLightPinkTwo";
+    };
+    readonly loyaltyView: {
+        readonly amountView: {
+            readonly amountFont: "Roboto-Regular,16";
+            readonly amountTextColor: "greyishBrown";
+            readonly currencyFont: "Roboto-Regular,16";
+            readonly currencyTextColor: "greyishBrown";
+            readonly pointsFont: "Roboto-Regular,12";
+            readonly pointsTextColor: "greyishBrown";
+            readonly titleFont: "Roboto-Regular,11";
+            readonly titleTextColor: "#9F9F9F";
+        };
+        readonly cardView: {
+            readonly backgroundColor: "white";
+            readonly radius: 8;
+            readonly shadowColor: "#00000027";
+            readonly shadowOpacity: 1;
+            readonly shadowRadius: 26;
+        };
+        readonly footerView: {
+            readonly amountFont: "Roboto-Regular,11";
+            readonly amountTextColor: "greyishBrown";
+            readonly pointsFont: "Roboto-Regular,11";
+            readonly pointsTextColor: "#7E7E7E";
+        };
+        readonly headerView: {
+            readonly backgroundColor: "clear";
+            readonly subTitleFont: "Roboto-Regular,11";
+            readonly subTitleTextColor: "brownGreySeven";
+            readonly switchOnTintColor: "deepSkyBlue";
+            readonly titleFont: "Roboto-Regular,12";
+            readonly titleTextColor: "greyishBrown";
+        };
+    };
+    readonly merchantHeaderView: {
+        readonly backgroundColor: "white";
+        readonly cancelButton: {
+            readonly backgroundColor: "whiteTwo";
+            readonly titleLabelColor: "greyishBrown";
+            readonly titleLabelFont: "Roboto-Light,13";
+        };
+        readonly closeCheckoutIcon: "closeCheckoutIcon";
+        readonly merchantLogoCorner: 8;
+        readonly merchantLogoPlaceHolderColor: "black";
+        readonly merchantLogoPlaceHolderFont: "Roboto-Regular,16";
+        readonly merchantLogoPlaceHolderLabelColor: "white";
+        readonly merchantLogoShadowColor: "rgba(0,0, 0, 0.25)";
+        readonly merchantLogoShadowRadius: 4;
+        readonly subTitleLabelColor: "greyishBrown";
+        readonly subTitleLabelFont: "Roboto-Regular,16";
+        readonly titleLabelColor: "#9F9F9F";
+        readonly titleLabelFont: "Roboto-Regular,12";
+    };
+    readonly phoneCard: {
+        readonly clearImage: {
+            readonly image: "clearFormIcon";
+            readonly width: 32;
+        };
+        readonly commonAttributes: {
+            readonly backgroundColor: "white";
+            readonly borderColor: "clear";
+            readonly borderWidth: 0;
+            readonly cornerRadius: 0;
+            readonly itemSpacing: 5;
+            readonly shadow: {
+                readonly color: "clear";
+                readonly offsetHeight: 0;
+                readonly offsetWidth: 0;
+                readonly opacity: 0;
+                readonly radius: 0;
+            };
+            readonly widthMargin: 7;
+        };
+        readonly iconImage: {
+            readonly image: "mobileFormIcon";
+            readonly width: 32;
+        };
+        readonly textFields: {
+            readonly errorTextColor: "#FF0000";
+            readonly font: "Roboto-Light,17";
+            readonly placeHolderColor: "brownGreyThree";
+            readonly textColor: "greyishBrown";
+        };
+    };
+    readonly poweredByTap: {
+        readonly powerLabel: {
+            readonly font: "Roboto-Regular,12";
+            readonly textColor: "lightGrey";
+        };
+        readonly tapLogo: "poweredByTapLogo";
+    };
+    readonly recentCards: {
+        readonly backGroundColor: "#e9e9e9";
+        readonly chipUI: {
+            readonly commonAttributes: {
+                readonly backgroundColor: "white4C";
+                readonly borderColor: "#0066FF";
+                readonly borderWidth: 0;
+                readonly chipHeight: 40;
+                readonly cornerRadius: 8;
+                readonly glowingBackgroundColor: "white";
+                readonly glowingShadow: {
+                    readonly borderColor: "vibrantGreen";
+                    readonly borderWidth: 1;
+                    readonly color: "vibrantGreen";
+                    readonly offsetHeight: 0;
+                    readonly offsetWidth: 0;
+                    readonly opacity: 1;
+                    readonly radius: 3;
+                };
+                readonly itemSpacing: 5;
+                readonly shadow: {
+                    readonly color: "#00000014";
+                    readonly offsetHeight: 0;
+                    readonly offsetWidth: 0;
+                    readonly opacity: 1;
+                    readonly radius: 3;
+                };
+                readonly widthMargin: 7;
+            };
+            readonly contentLabel: {
+                readonly textColor: "black";
+                readonly textFont: "15";
+            };
+            readonly leftAccessory: {
+                readonly width: 32;
+            };
+            readonly rightAccessory: {
+                readonly width: 32;
+            };
+        };
+        readonly collectionView: {
+            readonly backgroundColor: "white00";
+            readonly borderColor: "#0066FF";
+            readonly borderWidth: 0;
+            readonly cornerRadius: 8;
+            readonly height: 90;
+            readonly spaceBetweenCells: 7;
+        };
+        readonly headerView: {
+            readonly backGroundColor: "#00000000";
+            readonly buttons: {
+                readonly backGroundColor: "#00000000";
+                readonly font: "15";
+                readonly textColor: "#535353";
+            };
+        };
+    };
+    readonly redirectWidget: {
+        readonly backgroundColor: "rgba(255, 255, 255, 1)";
+        readonly borderRadius: "12px";
+        readonly buttonColor: "rgba(23, 155, 215, 1)";
+        readonly buttonTextColor: "rgba(255, 255, 255, 1)";
+        readonly buttonTextFont: "Roboto-Bold,16";
+        readonly dropShadow: "0px 0px 32px 0px rgba(0, 0, 0, 0.11)";
+        readonly iconColor: "#20232b";
+        readonly textColor: "rgba(0, 0, 0, 1)";
+        readonly textFont: "Roboto-Regular,18";
+    };
+    readonly tapBottomSheet: {
+        readonly dimmedColor: "black50";
+    };
+    readonly tapDragHandler: {
+        readonly backgroundColor: "white";
+        readonly corner: 2;
+        readonly height: 4;
+        readonly image: "tapHandlerImage";
+        readonly width: 75;
+    };
+    readonly tapSeparationLine: {
+        readonly backgroundColor: "veryLightPinkTwo";
+        readonly height: 1;
+        readonly initialTrailingConstraint: 0;
+    };
+};