@globalpayments/js 1.9.13 → 1.9.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/package.json +1 -1
  2. package/types/internal/lib/styles/click-to-pay/default.d.ts +288 -0
  3. package/types/internal/lib/styles/click-to-pay/gp-default.d.ts +288 -0
  4. package/types/internal/lib/styles/click-to-pay/simple.d.ts +288 -0
  5. package/types/internal/lib/styles/default.d.ts +194 -167
  6. package/types/internal/lib/styles/gp-default.d.ts +261 -220
  7. package/types/internal/lib/styles/simple.d.ts +219 -192
  8. package/types/lib/version.d.ts +1 -1
  9. package/types/ui/form/index.d.ts +652 -539
package/types/internal/lib/styles/default.d.ts CHANGED
@@ -133,130 +133,69 @@ export declare const parentStyles: (assetBaseUrl: string) => {
133
133
  height: string;
134
134
  margin: string;
135
135
  };
136
- "apple-pay-button": {
137
- "--apple-pay-button-width": string;
138
- "--apple-pay-button-height": string;
139
- "--apple-pay-button-border-radius": string;
140
- "--apple-pay-button-padding": string;
141
- "--apple-pay-button-box-sizing": string;
142
- display: string;
143
- margin: string;
144
- };
145
- ".secure-payment-form": {
146
- "font-family": string;
147
- };
148
- ".secure-payment-form label": {
149
- color: string;
150
- "font-size": string;
151
- "font-weight": string;
152
- "line-height": string;
153
- "text-transform": string;
154
- };
155
- ".secure-payment-form #ss-banner": {
156
- background: string;
157
- "background-size": string;
158
- height: string;
159
- "margin-bottom": string;
160
- };
161
- ".secure-payment-form div": {
162
- display: string;
163
- };
164
- ".secure-payment-form iframe": {
165
- width: string;
166
- };
167
- ".secure-payment-form .form-row": {
168
- "margin-top": string;
169
- };
170
- ".secure-payment-form .form-wrapper": {
171
- display: string;
172
- margin: string;
173
- width: string;
174
- };
175
- ".secure-payment-form .tooltip, .secure-payment-form .tooltip-content": {
176
- display: string;
177
- };
178
- ".secure-payment-form .other-cards-label": {
179
- "border-bottom": string;
180
- "text-align": string;
181
- margin: string;
182
- position: string;
183
- };
184
- ".secure-payment-form .other-cards-label span": {
185
- "text-align": string;
186
- padding: string;
187
- background: string;
188
- position: string;
189
- color: string;
190
- width: string;
191
- left: string;
192
- "-webkit-transform": string;
193
- "-moz-transform": string;
194
- "-ms-transform": string;
195
- "-o-transform": string;
196
- transform: string;
197
- margin: string;
198
- "font-family": string;
199
- "font-size": string;
200
- "white-space": string;
201
- };
202
- ".secure-payment-form .hidden": {
203
- display: string;
204
- };
205
136
  ".secure-payment-form .ctp-panel": {
206
137
  border: string;
207
138
  "box-shadow": string;
208
139
  "border-radius": string;
140
+ "container-type": string;
141
+ "font-family": string;
209
142
  "margin-bottom": string;
210
143
  };
211
144
  ".secure-payment-form div[class^='credit-card'].apm-active ~ div:not([class$='shield']):not([class$='logo'])": {
212
145
  display: string;
213
146
  };
214
147
  ".secure-payment-form .ctp-panel .ctp-button": {
215
- display: string;
216
- background: string;
217
- "flex-direction": string;
218
148
  "align-items": string;
219
- padding: string;
149
+ background: string;
150
+ cursor: string;
151
+ display: string;
220
152
  flex: string;
221
- order: string;
153
+ "flex-direction": string;
222
154
  "flex-grow": string;
155
+ order: string;
156
+ padding: string;
223
157
  position: string;
224
- "font-size": string;
225
- "line-height": string;
226
- cursor: string;
227
- "font-family": string;
158
+ "white-space": string;
228
159
  };
229
- ".secure-payment-form .apm-active .ctp-panel .ctp-button": {
230
- cursor: string;
160
+ ".secure-payment-form .ctp-panel .ctp-header": {
161
+ width: string;
231
162
  };
232
- ".secure-payment-form .ctp-panel .ctp-button:after": {
233
- content: string;
234
- position: string;
163
+ ".secure-payment-form .ctp-panel .ctp-button .heading": {
164
+ "font-family": string;
165
+ "font-weight": string;
166
+ "line-height": string;
167
+ "font-size": string;
168
+ };
169
+ ".secure-payment-form .ctp-panel .ctp-button .ctp-icon": {
170
+ background: string;
171
+ "background-size": string;
235
172
  width: string;
236
173
  height: string;
237
- border: string;
238
- "border-width": string;
174
+ margin: string;
239
175
  display: string;
240
- padding: string;
241
- transform: string;
242
- "-webkit-transform": string;
176
+ "vertical-align": string;
177
+ flex: string;
178
+ order: string;
179
+ "flex-grow": string;
243
180
  };
244
- ".secure-payment-form .ctp-panel .right-arrow": {
245
- position: string;
181
+ ".secure-payment-form .ctp-panel .ctp-button .subheading": {
182
+ margin: string;
183
+ "font-family": string;
184
+ "font-weight": string;
185
+ "font-size": string;
186
+ "line-height": string;
187
+ color: string;
188
+ };
189
+ ".secure-payment-form div[class^='ctp'] .card-brands": {
246
190
  background: string;
247
- right: string;
248
- border: string;
249
- "border-width": string;
250
- display: string;
251
191
  padding: string;
252
- transform: string;
253
- "-webkit-transform": string;
254
- "z-index": string;
255
- top: string;
256
- "margin-top": string;
257
- };
258
- ".secure-payment-form .apm-active .right-arrow": {
192
+ width: string;
193
+ height: string;
259
194
  display: string;
195
+ "vertical-align": string;
196
+ flex: string;
197
+ order: string;
198
+ "flex-grow": string;
260
199
  };
261
200
  ".secure-payment-form .ctp-info-tooltip": {
262
201
  width: string;
@@ -266,6 +205,7 @@ export declare const parentStyles: (assetBaseUrl: string) => {
266
205
  overflow: string;
267
206
  background: string;
268
207
  margin: string;
208
+ "white-space": string;
269
209
  };
270
210
  ".secure-payment-form .ctp-info-tooltip-content": {
271
211
  visibility: string;
@@ -282,16 +222,21 @@ export declare const parentStyles: (assetBaseUrl: string) => {
282
222
  "margin-top": string;
283
223
  opacity: string;
284
224
  transition: string;
225
+ "font-family": string;
285
226
  "font-size": string;
286
227
  "font-weight": string;
287
228
  "box-shadow": string;
288
229
  };
230
+ ".secure-payment-form .ctp-info-tooltip-content .ctp-icon": {
231
+ "margin-left": string;
232
+ };
289
233
  ".secure-payment-form .ctp-info-tooltip .ctp-heading": {
290
234
  "max-width": string;
291
235
  margin: string;
292
236
  };
293
237
  ".secure-payment-form .ctp-info-tooltip-content ul": {
294
238
  padding: string;
239
+ "margin-bottom": string;
295
240
  };
296
241
  ".secure-payment-form .ctp-info-tooltip-content li": {
297
242
  padding: string;
@@ -337,127 +282,209 @@ export declare const parentStyles: (assetBaseUrl: string) => {
337
282
  visibility: string;
338
283
  opacity: string;
339
284
  };
340
- ".secure-payment-form .ctp-panel .ctp-button .ctp-icon": {
341
- background: string;
342
- display: string;
343
- "vertical-align": string;
285
+ "@container (min-width: 408px)": {
286
+ ".secure-payment-form .ctp-panel .ctp-button .heading": {
287
+ "font-size": string;
288
+ };
289
+ ".secure-payment-form .ctp-panel .right-arrow": {
290
+ "border-width": string;
291
+ };
292
+ ".secure-payment-form .ctp-panel .ctp-button .ctp-icon": {
293
+ width: string;
294
+ height: string;
295
+ "background-size": string;
296
+ };
297
+ };
298
+ ".secure-payment-form .apm-active .ctp-panel .ctp-button": {
299
+ cursor: string;
300
+ };
301
+ ".secure-payment-form.apm-active .ctp-panel .ctp-button": {
302
+ cursor: string;
303
+ };
304
+ ".secure-payment-form .ctp-panel .ctp-button:after": {
305
+ content: string;
306
+ position: string;
344
307
  width: string;
345
308
  height: string;
346
- margin: string;
309
+ border: string;
310
+ "border-width": string;
311
+ display: string;
312
+ padding: string;
313
+ transform: string;
314
+ "-webkit-transform": string;
347
315
  };
348
- ".secure-payment-form div[class^='ctp'] .card-brands": {
316
+ ".secure-payment-form .ctp-panel .right-arrow": {
317
+ position: string;
349
318
  background: string;
319
+ right: string;
320
+ border: string;
321
+ "border-width": string;
350
322
  display: string;
351
- "vertical-align": string;
352
- "padding-right": string;
353
- "min-height": string;
354
- color: string;
355
- "white-space": string;
323
+ padding: string;
324
+ transform: string;
325
+ "-webkit-transform": string;
326
+ "z-index": string;
327
+ top: string;
328
+ "margin-top": string;
356
329
  };
357
- ".secure-payment-form #ctp-wrapper #header": {
330
+ ".secure-payment-form .apm-active .right-arrow": {
358
331
  display: string;
359
332
  };
360
- ".secure-payment-form #ctp-wrapper #footer": {
333
+ ".secure-payment-form.apm-active .right-arrow": {
361
334
  display: string;
362
335
  };
363
- ".secure-payment-form #ctp-wrapper label.footerLabel": {
364
- margin: string;
336
+ "#ctp-wrapper #header": {
337
+ display: string;
338
+ };
339
+ "#ctp-wrapper .logindiv .tooltip": {
340
+ display: string;
341
+ };
342
+ "#ctp-wrapper .logindiv .lblemailInput": {
343
+ display: string;
344
+ };
345
+ "#ctp-wrapper #verifyVisa .VerificationLabel": {
365
346
  "font-size": string;
347
+ "font-family": string;
366
348
  "line-height": string;
367
- "font-weight": string;
368
349
  };
369
- ".secure-payment-form #ctp-wrapper .footerLinewindow": {
370
- padding: string;
350
+ "#ctp-wrapper #verifyVisa label": {
351
+ display: string;
352
+ "font-size": string;
353
+ "font-family": string;
354
+ margin: string;
371
355
  };
372
- ".secure-payment-form #ctp-wrapper .TransitionLabel": {
356
+ "#ctp-wrapper .blue-button label": {
373
357
  "font-size": string;
374
358
  "line-height": string;
375
- "text-align": string;
376
- float: string;
359
+ "font-family": string;
377
360
  margin: string;
378
361
  };
379
- ".secure-payment-form #ctp-wrapper #mtransitiontext.transctcardlabel": {
362
+ "#ctp-wrapper .cardhdr label": {
363
+ margin: string;
364
+ display: string;
380
365
  "font-size": string;
381
366
  "line-height": string;
382
- "text-align": string;
383
- float: string;
367
+ };
368
+ "#ctp-wrapper .cardhdr label.crdSelectuser": {
384
369
  margin: string;
385
370
  };
386
- ".secure-payment-form #ctp-wrapper .transctcardlabel": {
371
+ "#ctp-wrapper button label": {
372
+ margin: string;
387
373
  "font-size": string;
388
- "line-height": string;
389
- "text-align": string;
390
- float: string;
391
374
  };
392
- ".secure-payment-form #ctp-wrapper .quitbanner": {
393
- "margin-left": string;
394
- "margin-top": string;
375
+ "#ctp-wrapper .quitbanner > svg": {
376
+ display: string;
395
377
  };
396
- ".secure-payment-form #ctp-wrapper .quitbanner > svg": {
378
+ "#ctp-wrapper #footer": {
397
379
  display: string;
398
380
  };
399
- ".secure-payment-form #ctp-wrapper .quitbanner .quitPage": {
400
- margin: string;
381
+ "#ctp-wrapper .signinlayout": {
382
+ "max-width": string;
383
+ "min-height": string;
384
+ };
385
+ ".secure-payment-form.apm-active .signinlayout": {
386
+ "min-height": string;
401
387
  };
402
- ".secure-payment-form #ctp-wrapper .VerificationLabel": {
388
+ "#ctp-wrapper .rsdcode": {
403
389
  "font-size": string;
404
- "line-height": string;
405
390
  "font-weight": string;
406
391
  margin: string;
407
392
  };
408
- ".secure-payment-form #ctp-wrapper label": {
393
+ "#ctp-wrapper .footerLabelDiv label": {
409
394
  "font-size": string;
410
- "line-height": string;
411
395
  "font-weight": string;
412
- margin: string;
396
+ "margin-top": string;
397
+ "margin-bottom": string;
413
398
  };
414
- ".secure-payment-form #ctp-wrapper label.change": {
399
+ "#ctp-wrapper .logindiv": {
400
+ "min-height": string;
401
+ };
402
+ "#ctp-wrapper .VerificationLabel label": {
403
+ display: string;
404
+ margin: string;
415
405
  "font-size": string;
416
- "line-height": string;
417
- "font-weight": string;
406
+ };
407
+ "#ctp-wrapper .VerificationLabel #userMobileMC": {
418
408
  margin: string;
419
409
  };
420
- ".secure-payment-form #ctp-wrapper .blue-button": {
421
- height: string;
410
+ "#ctp-wrapper .transctcardlabel": {
411
+ margin: string;
412
+ "font-size": string;
413
+ };
414
+ "#ctp-wrapper .TransitionLabel": {
422
415
  "font-size": string;
423
416
  "line-height": string;
424
- padding: string;
417
+ "text-align": string;
418
+ float: string;
419
+ margin: string;
425
420
  };
426
- ".secure-payment-form #ctp-wrapper .blue-button label": {
421
+ "apple-pay-button": {
422
+ "--apple-pay-button-width": string;
423
+ "--apple-pay-button-height": string;
424
+ "--apple-pay-button-border-radius": string;
425
+ "--apple-pay-button-padding": string;
426
+ "--apple-pay-button-box-sizing": string;
427
+ display: string;
427
428
  margin: string;
428
429
  };
429
- ".secure-payment-form #ctp-wrapper .lblemailDisplay": {
430
- "font-size": string;
431
- "line-height": string;
432
- "margin-top": string;
430
+ ".secure-payment-form": {
431
+ "font-family": string;
433
432
  };
434
- ".secure-payment-form #ctp-wrapper .rsdcode": {
433
+ ".secure-payment-form label": {
434
+ color: string;
435
435
  "font-size": string;
436
- "line-height": string;
437
436
  "font-weight": string;
438
- "margin-bottom": string;
437
+ "line-height": string;
438
+ "text-transform": string;
439
439
  };
440
- ".secure-payment-form #ctp-wrapper .svgalignDiv": {
441
- padding: string;
440
+ ".secure-payment-form #ss-banner": {
441
+ background: string;
442
+ "background-size": string;
443
+ height: string;
444
+ "margin-bottom": string;
442
445
  };
443
- ".secure-payment-form #ctp-wrapper .signinlayout": {
444
- "min-height": string;
445
- "max-width": string;
446
+ ".secure-payment-form div": {
447
+ display: string;
446
448
  };
447
- ".secure-payment-form #ctp-wrapper .logindiv": {
448
- "min-height": string;
449
- padding: string;
449
+ ".secure-payment-form iframe": {
450
+ width: string;
450
451
  };
451
- ".secure-payment-form #ctp-wrapper #cancel-link": {
452
- "margin-bottom": string;
452
+ ".secure-payment-form .form-row": {
453
+ "margin-top": string;
453
454
  };
454
- ".secure-payment-form #ctp-wrapper .logindiv .tooltip": {
455
+ ".secure-payment-form .form-wrapper": {
455
456
  display: string;
457
+ margin: string;
458
+ width: string;
456
459
  };
457
- ".secure-payment-form #ctp-wrapper .logindiv .lblemailInput": {
460
+ ".secure-payment-form .tooltip, .secure-payment-form .tooltip-content": {
458
461
  display: string;
459
462
  };
460
- ".secure-payment-form #ctp-wrapper .VerificationLabel label": {
463
+ ".secure-payment-form .other-cards-label": {
464
+ "border-bottom": string;
465
+ "text-align": string;
466
+ margin: string;
467
+ position: string;
468
+ };
469
+ ".secure-payment-form .other-cards-label span": {
470
+ "text-align": string;
471
+ padding: string;
472
+ background: string;
473
+ position: string;
474
+ color: string;
475
+ width: string;
476
+ left: string;
477
+ "-webkit-transform": string;
478
+ "-moz-transform": string;
479
+ "-ms-transform": string;
480
+ "-o-transform": string;
481
+ transform: string;
482
+ margin: string;
483
+ "font-family": string;
484
+ "font-size": string;
485
+ "white-space": string;
486
+ };
487
+ ".secure-payment-form .hidden": {
461
488
  display: string;
462
489
  };
463
490
  };