@adyen/kyc-components 2.11.0 → 2.12.0

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 (60) hide show
  1. package/README.md +9 -9
  2. package/dist/es/adyen-kyc-components.es.js +448 -457
  3. package/dist/style.css +1068 -1068
  4. package/dist/types/components/Dropins/types.d.ts +4 -4
  5. package/dist/types/components/IdDocumentUpload/types.d.ts +1 -0
  6. package/dist/types/components/IdVerification/component/IdVerificationComponent.d.ts +1 -1
  7. package/dist/types/components/IdVerification/types.d.ts +1 -0
  8. package/dist/types/components/Individual/rules.d.ts +1 -0
  9. package/dist/types/components/PayoutVerificationMethod/allowedBankCountriesPerCountry.d.ts +1 -1
  10. package/dist/types/components/PersonalDetails/component/IdentityComponent/IdentityAu/component/DriversLicense.d.ts +1 -1
  11. package/dist/types/components/PersonalDetails/component/IdentityComponent/IdentityAu/component/IdentityAuComponent.d.ts +2 -2
  12. package/dist/types/components/PersonalDetails/component/IdentityComponent/IdentityAu/validate.d.ts +2 -2
  13. package/dist/types/components/PersonalDetails/component/IdentityComponent/IdentityHK/component/IdentityHKComponent.d.ts +2 -2
  14. package/dist/types/components/PersonalDetails/component/IdentityComponent/IdentityHK/validate.d.ts +2 -2
  15. package/dist/types/components/PersonalDetails/component/IdentityComponent/IdentityNZ/component/DriversLicense.d.ts +1 -1
  16. package/dist/types/components/PersonalDetails/component/IdentityComponent/IdentityNZ/component/IdentityNZComponent.d.ts +2 -2
  17. package/dist/types/components/PersonalDetails/component/IdentityComponent/IdentityNZ/validate.d.ts +2 -2
  18. package/dist/types/components/PersonalDetails/component/IdentityComponent/TypeOfIdentity/index.d.ts +10 -0
  19. package/dist/types/components/PersonalDetails/component/IdentityComponent/{IdentityHK/additionalIdentityInfoSchema.d.ts → TypeOfIdentity/types.d.ts} +1 -0
  20. package/dist/types/components/PersonalDetails/component/IdentityComponent/index.d.ts +2 -2
  21. package/dist/types/components/PersonalDetails/component/IdentityComponent/types.d.ts +16 -0
  22. package/dist/types/components/PersonalDetails/types.d.ts +2 -2
  23. package/dist/types/components/TaskList/component/TaskItemStatus.d.ts +2 -1
  24. package/dist/types/components/TaskList/types.d.ts +1 -1
  25. package/dist/types/components/TrustRegistrationDetails/types.d.ts +1 -0
  26. package/dist/types/components/internal/Address/utils.d.ts +1 -1
  27. package/dist/types/core/Context/CoreContext.d.ts +0 -1
  28. package/dist/types/core/Context/CoreProvider.d.ts +1 -2
  29. package/dist/types/core/Services/componentApi/create-document.d.ts +2 -2
  30. package/dist/types/core/Services/componentApi/get-document.d.ts +2 -2
  31. package/dist/types/core/Services/componentApi/update-document.d.ts +2 -2
  32. package/dist/types/core/Services/utils.d.ts +8 -1
  33. package/dist/types/core/hooks/taskIntros.d.ts +10 -0
  34. package/dist/types/core/hooks/useIdVerificationToken.d.ts +2 -1
  35. package/dist/types/core/models/api/document.d.ts +7 -1
  36. package/dist/types/core/models/api/instant-id-verification.d.ts +1 -0
  37. package/dist/types/core/models/api/legal-arrangement.d.ts +2 -1
  38. package/dist/types/core/models/currency.d.ts +1 -0
  39. package/dist/types/core/models/errors/validation-error.d.ts +1 -0
  40. package/dist/types/core/models/identity.d.ts +4 -1
  41. package/dist/types/language/config.d.ts +1 -0
  42. package/dist/types/utils/api/documentUtils.d.ts +14 -14
  43. package/dist/types/utils/decision-maker-roles.d.ts +1 -1
  44. package/dist/types/utils/entity-status-util.d.ts +2 -2
  45. package/dist/types/utils/mapping/componentApiMapping.d.ts +2 -1
  46. package/dist/types/utils/mapping/utils.d.ts +1 -0
  47. package/dist/types/utils/omitMaskedFieldsIfUnchanged.d.ts +2 -0
  48. package/dist/types/utils/trust-util.d.ts +1 -1
  49. package/package.json +16 -15
  50. package/dist/mockServiceWorker.js +0 -302
  51. package/dist/types/components/PersonalDetails/component/IdentityComponent/IdentityAu/additionalIdentityInfoSchema.d.ts +0 -8
  52. package/dist/types/components/PersonalDetails/component/IdentityComponent/IdentityAu/component/TypeOfIdentity.d.ts +0 -12
  53. package/dist/types/components/PersonalDetails/component/IdentityComponent/IdentityAu/types.d.ts +0 -10
  54. package/dist/types/components/PersonalDetails/component/IdentityComponent/IdentityHK/component/TypeOfIdentity.d.ts +0 -12
  55. package/dist/types/components/PersonalDetails/component/IdentityComponent/IdentityHK/types.d.ts +0 -10
  56. package/dist/types/components/PersonalDetails/component/IdentityComponent/IdentityNZ/additionalIdentityInfoSchema.d.ts +0 -7
  57. package/dist/types/components/PersonalDetails/component/IdentityComponent/IdentityNZ/component/TypeOfIdentity.d.ts +0 -12
  58. package/dist/types/components/PersonalDetails/component/IdentityComponent/IdentityNZ/types.d.ts +0 -10
  59. package/dist/types/components/internal/Alert/components/ReviewAlert.d.ts +0 -2
  60. package/dist/types/core/hooks/useShouldShowGuidanceIntros.d.ts +0 -7
package/dist/style.css CHANGED
@@ -2047,683 +2047,6 @@
2047
2047
  /* With Icons */
2048
2048
  /* Icon Only */
2049
2049
  /* Button circle */
2050
- /* #region Spacing */
2051
- /* #endregion */
2052
- /* #region Colors */
2053
- /* #endregion */
2054
- /* #region Fonts */
2055
- /* #endregion */
2056
- /* #region Borders */
2057
- /* #endregion */
2058
- /* #region Box-shadow */
2059
- /* #endregion */
2060
- /* #region Shadows */
2061
- /* #endregion */
2062
- /* #region Z-index */
2063
- /* #endregion */
2064
- /* #region Transition */
2065
- /* #endregion */
2066
- /* #region Timing functions */
2067
- /* #endregion */
2068
- /* #region Focus ring */
2069
- /* #endregion */
2070
- /* #region Inline components */
2071
- /* #endregion */
2072
- /* stylelint-disable-line scss/dollar-variable-pattern */
2073
- /* stylelint-disable-line scss/dollar-variable-pattern */
2074
- /* stylelint-disable-line scss/dollar-variable-pattern */
2075
- /* stylelint-disable-line scss/dollar-variable-pattern */
2076
- /* #region Spacing */
2077
- /* #endregion */
2078
- /* #region Colors */
2079
- /* #endregion */
2080
- /* #region Fonts */
2081
- /* #endregion */
2082
- /* #region Borders */
2083
- /* #endregion */
2084
- /* #region Box-shadow */
2085
- /* #endregion */
2086
- /* #region Shadows */
2087
- /* #endregion */
2088
- /* #region Z-index */
2089
- /* #endregion */
2090
- /* #region Transition */
2091
- /* #endregion */
2092
- /* #region Timing functions */
2093
- /* #endregion */
2094
- /* #region Focus ring */
2095
- /* #endregion */
2096
- /* #region Inline components */
2097
- /* #endregion */
2098
- /* #region Spacing */
2099
- /* #endregion */
2100
- /* #region Colors */
2101
- /* #endregion */
2102
- /* #region Fonts */
2103
- /* #endregion */
2104
- /* #region Borders */
2105
- /* #endregion */
2106
- /* #region Box-shadow */
2107
- /* #endregion */
2108
- /* #region Shadows */
2109
- /* #endregion */
2110
- /* #region Z-index */
2111
- /* #endregion */
2112
- /* #region Transition */
2113
- /* #endregion */
2114
- /* #region Timing functions */
2115
- /* #endregion */
2116
- /* #region Focus ring */
2117
- /* #endregion */
2118
- /* #region Inline components */
2119
- /* #endregion */
2120
- /* stylelint-disable-line scss/dollar-variable-pattern */
2121
- /* stylelint-disable-line scss/dollar-variable-pattern */
2122
- /* stylelint-disable-line scss/dollar-variable-pattern */
2123
- /* stylelint-disable-line scss/dollar-variable-pattern */
2124
- /* #region Spacing */
2125
- /* #endregion */
2126
- /* #region Colors */
2127
- /* #endregion */
2128
- /* #region Fonts */
2129
- /* #endregion */
2130
- /* #region Borders */
2131
- /* #endregion */
2132
- /* #region Box-shadow */
2133
- /* #endregion */
2134
- /* #region Shadows */
2135
- /* #endregion */
2136
- /* #region Z-index */
2137
- /* #endregion */
2138
- /* #region Transition */
2139
- /* #endregion */
2140
- /* #region Timing functions */
2141
- /* #endregion */
2142
- /* #region Focus ring */
2143
- /* #endregion */
2144
- /* #region Inline components */
2145
- /* #endregion */
2146
- /* #region Spacing */
2147
- /* #endregion */
2148
- /* #region Colors */
2149
- /* #endregion */
2150
- /* #region Fonts */
2151
- /* #endregion */
2152
- /* #region Borders */
2153
- /* #endregion */
2154
- /* #region Box-shadow */
2155
- /* #endregion */
2156
- /* #region Shadows */
2157
- /* #endregion */
2158
- /* #region Z-index */
2159
- /* #endregion */
2160
- /* #region Transition */
2161
- /* #endregion */
2162
- /* #region Timing functions */
2163
- /* #endregion */
2164
- /* #region Focus ring */
2165
- /* #endregion */
2166
- /* #region Inline components */
2167
- /* #endregion */
2168
- /* stylelint-disable-line scss/dollar-variable-pattern */
2169
- /* stylelint-disable-line scss/dollar-variable-pattern */
2170
- /* stylelint-disable-line scss/dollar-variable-pattern */
2171
- /* stylelint-disable-line scss/dollar-variable-pattern */
2172
- /*
2173
- * [1] Title should appear to have line-height 1 when on one line, standard line-height when on multiple lines.
2174
- * Calculation for margin-y correction: -((line-height(px) - font-size(px)) / 2)
2175
- */
2176
- /*
2177
- * [1] Since the explanation is optional, it is better to set this margin here instead of the header
2178
- */
2179
- .adl-alert {
2180
- color: #00112c;
2181
- font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
2182
- font-size: 15px;
2183
- -webkit-font-smoothing: antialiased;
2184
- -moz-osx-font-smoothing: grayscale;
2185
- font-weight: 400;
2186
- line-height: 1.4;
2187
- border-radius: 12px;
2188
- padding: 16px;
2189
- word-break: break-word;
2190
- }
2191
- .adl-alert *,
2192
- .adl-alert *::before,
2193
- .adl-alert *::after {
2194
- box-sizing: border-box;
2195
- }
2196
- .adl-alert--basic {
2197
- background-color: #f3f6f9;
2198
- color: #001e4c;
2199
- }
2200
- .adl-alert--information {
2201
- background-color: #cce0ff;
2202
- color: #0047b2;
2203
- }
2204
- .adl-alert--without-explanation .adl-alert__title {
2205
- font-weight: 100;
2206
- }
2207
- .adl-alert--error {
2208
- background-color: #fce5e5;
2209
- color: #e50000;
2210
- }
2211
- .adl-alert--warning {
2212
- background-color: #ffeacc;
2213
- color: #7f4a00;
2214
- }
2215
- .adl-alert--success {
2216
- background-color: #cef2dd;
2217
- color: #055f29;
2218
- }
2219
- .adl-alert__header {
2220
- align-items: flex-start;
2221
- display: flex;
2222
- }
2223
- .adl-alert__icon {
2224
- height: 15px;
2225
- line-height: 1;
2226
- }
2227
- .adl-alert__title {
2228
- color: #20304c;
2229
- flex-grow: 1;
2230
- font-size: 15px;
2231
- font-weight: 600;
2232
- line-height: 1.4;
2233
- margin-bottom: -3px; /* [1] */
2234
- margin-left: 16px;
2235
- margin-top: -3px; /* [1] */
2236
- }
2237
- .adl-alert__title--no-content {
2238
- font-weight: 400;
2239
- }
2240
- .adl-alert__action {
2241
- color: #00112c;
2242
- font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
2243
- font-size: 15px;
2244
- -webkit-font-smoothing: antialiased;
2245
- -moz-osx-font-smoothing: grayscale;
2246
- font-weight: 400;
2247
- line-height: 1.4;
2248
- align-items: center;
2249
- background: none;
2250
- border: none;
2251
- cursor: pointer;
2252
- display: inline-flex;
2253
- justify-content: center;
2254
- line-height: 1;
2255
- margin: 0;
2256
- outline: none;
2257
- padding: 0;
2258
- text-decoration: none;
2259
- user-select: none;
2260
- vertical-align: baseline;
2261
- white-space: nowrap;
2262
- color: inherit;
2263
- font-size: 13px;
2264
- font-weight: 600;
2265
- line-height: 1;
2266
- margin-left: 24px;
2267
- text-transform: uppercase;
2268
- white-space: nowrap;
2269
- }
2270
- .adl-alert__action *,
2271
- .adl-alert__action *::before,
2272
- .adl-alert__action *::after {
2273
- box-sizing: border-box;
2274
- }
2275
- .adl-alert__action::-moz-focus-inner {
2276
- border: none;
2277
- padding: 0;
2278
- }
2279
- .adl-alert__action:hover {
2280
- color: #00112c;
2281
- text-decoration: underline;
2282
- }
2283
- .adl-alert__dismiss {
2284
- color: #00112c;
2285
- font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
2286
- font-size: 15px;
2287
- -webkit-font-smoothing: antialiased;
2288
- -moz-osx-font-smoothing: grayscale;
2289
- font-weight: 400;
2290
- line-height: 1.4;
2291
- align-items: center;
2292
- background: none;
2293
- border: none;
2294
- cursor: pointer;
2295
- display: inline-flex;
2296
- justify-content: center;
2297
- line-height: 1;
2298
- margin: 0;
2299
- outline: none;
2300
- padding: 0;
2301
- text-decoration: none;
2302
- user-select: none;
2303
- vertical-align: baseline;
2304
- white-space: nowrap;
2305
- color: inherit;
2306
- font-size: 15px;
2307
- height: 15px;
2308
- line-height: 1;
2309
- margin-left: 48px;
2310
- }
2311
- .adl-alert__dismiss *,
2312
- .adl-alert__dismiss *::before,
2313
- .adl-alert__dismiss *::after {
2314
- box-sizing: border-box;
2315
- }
2316
- .adl-alert__dismiss::-moz-focus-inner {
2317
- border: none;
2318
- padding: 0;
2319
- }
2320
- .adl-alert__dismiss:hover {
2321
- background: transparent;
2322
- color: #00112c;
2323
- }
2324
- .adl-alert__explanation {
2325
- color: #20304c;
2326
- font-size: 14px;
2327
- line-height: 1.4;
2328
- margin-top: 16px; /* [1] */
2329
- padding-left: 31px;
2330
- }
2331
- .adl-alert__explanation .adl-link {
2332
- color: #00112c;
2333
- font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
2334
- font-size: 15px;
2335
- -webkit-font-smoothing: antialiased;
2336
- -moz-osx-font-smoothing: grayscale;
2337
- font-weight: 400;
2338
- line-height: 1.4;
2339
- background-color: transparent;
2340
- border: 0;
2341
- color: #06f;
2342
- cursor: pointer;
2343
- display: inline;
2344
- padding: 0;
2345
- text-decoration: none;
2346
- vertical-align: baseline;
2347
- color: #20304c;
2348
- font-size: 14px;
2349
- text-decoration: underline;
2350
- }
2351
- .adl-alert__explanation .adl-link *,
2352
- .adl-alert__explanation .adl-link *::before,
2353
- .adl-alert__explanation .adl-link *::after {
2354
- box-sizing: border-box;
2355
- }
2356
- .adl-alert__explanation .adl-link:hover {
2357
- text-decoration: underline;
2358
- }
2359
- .adl-alert__explanation .adl-link:active {
2360
- color: #06f;
2361
- }
2362
- .adl-alert__explanation .adl-link:focus {
2363
- outline: none;
2364
- text-decoration: underline;
2365
- }
2366
- .adl-alert__explanation .adl-link:visited {
2367
- color: #06f;
2368
- }
2369
- .adl-alert__explanation .adl-link, .adl-alert__explanation .adl-link:hover, .adl-alert__explanation .adl-link:active, .adl-alert__explanation .adl-link:visited {
2370
- color: inherit;
2371
- font-size: inherit;
2372
- font-weight: inherit;
2373
- }
2374
- .adl-alert__explanation .adl-link:hover {
2375
- color: #20304c;
2376
- }
2377
- .adl-alert__explanation .adl-link:focus {
2378
- border: 1px dotted;
2379
- }
2380
- .adl-alert__list {
2381
- color: #00112c;
2382
- font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
2383
- font-size: 15px;
2384
- -webkit-font-smoothing: antialiased;
2385
- -moz-osx-font-smoothing: grayscale;
2386
- font-weight: 400;
2387
- line-height: 1.4;
2388
- display: block;
2389
- list-style-position: outside;
2390
- list-style-type: disc;
2391
- margin: 0;
2392
- padding: 0 0 0 18px;
2393
- color: inherit;
2394
- padding-left: 18px;
2395
- }
2396
- .adl-alert__list *,
2397
- .adl-alert__list *::before,
2398
- .adl-alert__list *::after {
2399
- box-sizing: border-box;
2400
- }
2401
- .adl-alert__link {
2402
- color: #00112c;
2403
- font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
2404
- font-size: 15px;
2405
- -webkit-font-smoothing: antialiased;
2406
- -moz-osx-font-smoothing: grayscale;
2407
- font-weight: 400;
2408
- line-height: 1.4;
2409
- background-color: transparent;
2410
- border: 0;
2411
- color: #06f;
2412
- cursor: pointer;
2413
- display: inline;
2414
- padding: 0;
2415
- text-decoration: none;
2416
- vertical-align: baseline;
2417
- color: #20304c;
2418
- font-size: 14px;
2419
- text-decoration: underline;
2420
- }
2421
- .adl-alert__link *,
2422
- .adl-alert__link *::before,
2423
- .adl-alert__link *::after {
2424
- box-sizing: border-box;
2425
- }
2426
- .adl-alert__link:hover {
2427
- text-decoration: underline;
2428
- }
2429
- .adl-alert__link:active {
2430
- color: #06f;
2431
- }
2432
- .adl-alert__link:focus {
2433
- outline: none;
2434
- text-decoration: underline;
2435
- }
2436
- .adl-alert__link:visited {
2437
- color: #06f;
2438
- }
2439
- .adl-alert__link, .adl-alert__link:hover, .adl-alert__link:active, .adl-alert__link:visited {
2440
- color: inherit;
2441
- font-size: inherit;
2442
- font-weight: inherit;
2443
- }
2444
- .adl-alert__link:hover {
2445
- color: #20304c;
2446
- }
2447
- .adl-review-alert {
2448
- width: 100%;
2449
- }
2450
- .adyen-kyc-icon.adl-alert-error-icon::before {
2451
- display: inline-block;
2452
- color: #a10000;
2453
- transform: scale(1.6);
2454
- }/* #region Spacing */
2455
- /* #endregion */
2456
- /* #region Colors */
2457
- /* #endregion */
2458
- /* #region Fonts */
2459
- /* #endregion */
2460
- /* #region Borders */
2461
- /* #endregion */
2462
- /* #region Box-shadow */
2463
- /* #endregion */
2464
- /* #region Shadows */
2465
- /* #endregion */
2466
- /* #region Z-index */
2467
- /* #endregion */
2468
- /* #region Transition */
2469
- /* #endregion */
2470
- /* #region Timing functions */
2471
- /* #endregion */
2472
- /* #region Focus ring */
2473
- /* #endregion */
2474
- /* #region Inline components */
2475
- /* #endregion */
2476
- /* stylelint-disable-line scss/dollar-variable-pattern */
2477
- /* stylelint-disable-line scss/dollar-variable-pattern */
2478
- /* stylelint-disable-line scss/dollar-variable-pattern */
2479
- /* stylelint-disable-line scss/dollar-variable-pattern */
2480
- /* #region Spacing */
2481
- /* #endregion */
2482
- /* #region Colors */
2483
- /* #endregion */
2484
- /* #region Fonts */
2485
- /* #endregion */
2486
- /* #region Borders */
2487
- /* #endregion */
2488
- /* #region Box-shadow */
2489
- /* #endregion */
2490
- /* #region Shadows */
2491
- /* #endregion */
2492
- /* #region Z-index */
2493
- /* #endregion */
2494
- /* #region Transition */
2495
- /* #endregion */
2496
- /* #region Timing functions */
2497
- /* #endregion */
2498
- /* #region Focus ring */
2499
- /* #endregion */
2500
- /* #region Inline components */
2501
- /* #endregion */
2502
- [class*=" adyen-kyc-icon-"],
2503
- [class^=adyen-kyc-icon-] {
2504
- color: inherit;
2505
- display: inline-block;
2506
- vertical-align: baseline;
2507
- }
2508
- [class*=" adyen-kyc-icon-"]::before,
2509
- [class^=adyen-kyc-icon-]::before {
2510
- color: inherit;
2511
- font-family: "adyen-kyc-icons", sans-serif;
2512
- -webkit-font-smoothing: antialiased;
2513
- -moz-osx-font-smoothing: grayscale;
2514
- font-style: normal;
2515
- font-variant: normal;
2516
- font-weight: normal;
2517
- line-height: 1;
2518
- position: relative;
2519
- speak: none;
2520
- text-transform: none;
2521
- }
2522
- .adyen-kyc-icon-arrow-left::before {
2523
- content: "\f11c";
2524
- }
2525
- .adyen-kyc-icon-arrow-right::before {
2526
- content: "\f11f";
2527
- }
2528
- .adyen-kyc-icon-bin::before {
2529
- content: "\f106";
2530
- }
2531
- .adyen-kyc-icon-check::before {
2532
- content: "\f11a";
2533
- }
2534
- .adyen-kyc-icon-checkmark-small::before {
2535
- content: "\f131";
2536
- }
2537
- .adyen-kyc-icon-checkmark::before {
2538
- content: "\f117";
2539
- }
2540
- .adyen-kyc-icon-chevron-down::before {
2541
- content: "\f125";
2542
- }
2543
- .adyen-kyc-icon-chevron-right::before {
2544
- content: "\f103";
2545
- }
2546
- .adyen-kyc-icon-chevron-up::before {
2547
- content: "\f11d";
2548
- }
2549
- .adyen-kyc-icon-company::before {
2550
- content: "\f102";
2551
- }
2552
- .adyen-kyc-icon-contract::before {
2553
- content: "\f10b";
2554
- }
2555
- .adyen-kyc-icon-controlling-person::before {
2556
- content: "\f116";
2557
- }
2558
- .adyen-kyc-icon-cross::before {
2559
- content: "\f105";
2560
- }
2561
- .adyen-kyc-icon-decision-maker::before {
2562
- content: "\f104";
2563
- }
2564
- .adyen-kyc-icon-decision-makers::before {
2565
- content: "\f10a";
2566
- }
2567
- .adyen-kyc-icon-document::before {
2568
- content: "\f109";
2569
- }
2570
- .adyen-kyc-icon-download::before {
2571
- content: "\f107";
2572
- }
2573
- .adyen-kyc-icon-edit::before {
2574
- content: "\f10d";
2575
- }
2576
- .adyen-kyc-icon-field-error::before {
2577
- content: "\f108";
2578
- }
2579
- .adyen-kyc-icon-info-circle::before {
2580
- content: "\f10c";
2581
- }
2582
- .adyen-kyc-icon-light-bulb::before {
2583
- content: "\f130";
2584
- }
2585
- .adyen-kyc-icon-more-horiz::before {
2586
- content: "\f111";
2587
- }
2588
- .adyen-kyc-icon-new-document::before {
2589
- content: "\f10f";
2590
- }
2591
- .adyen-kyc-icon-owners::before {
2592
- content: "\f110";
2593
- }
2594
- .adyen-kyc-icon-payout::before {
2595
- content: "\f112";
2596
- }
2597
- .adyen-kyc-icon-pci::before {
2598
- content: "\f10e";
2599
- }
2600
- .adyen-kyc-icon-plus::before {
2601
- content: "\f113";
2602
- }
2603
- .adyen-kyc-icon-remove::before {
2604
- content: "\f114";
2605
- }
2606
- .adyen-kyc-icon-search::before {
2607
- content: "\f11e";
2608
- }
2609
- .adyen-kyc-icon-signatory::before {
2610
- content: "\f11b";
2611
- }
2612
- .adyen-kyc-icon-store::before {
2613
- content: "\f118";
2614
- }
2615
- .adyen-kyc-icon-trust::before {
2616
- content: "\f12f";
2617
- }
2618
- .adyen-kyc-icon-warning::before {
2619
- content: "\f119";
2620
- }
2621
- .adyen-kyc-icon-wrong::before {
2622
- content: "\f115";
2623
- }/* #region Spacing */
2624
- /* #endregion */
2625
- /* #region Colors */
2626
- /* #endregion */
2627
- /* #region Fonts */
2628
- /* #endregion */
2629
- /* #region Borders */
2630
- /* #endregion */
2631
- /* #region Box-shadow */
2632
- /* #endregion */
2633
- /* #region Shadows */
2634
- /* #endregion */
2635
- /* #region Z-index */
2636
- /* #endregion */
2637
- /* #region Transition */
2638
- /* #endregion */
2639
- /* #region Timing functions */
2640
- /* #endregion */
2641
- /* #region Focus ring */
2642
- /* #endregion */
2643
- /* #region Inline components */
2644
- /* #endregion */
2645
- /* stylelint-disable-line scss/dollar-variable-pattern */
2646
- /* stylelint-disable-line scss/dollar-variable-pattern */
2647
- /* stylelint-disable-line scss/dollar-variable-pattern */
2648
- /* stylelint-disable-line scss/dollar-variable-pattern */
2649
- /* #region Spacing */
2650
- /* #endregion */
2651
- /* #region Colors */
2652
- /* #endregion */
2653
- /* #region Fonts */
2654
- /* #endregion */
2655
- /* #region Borders */
2656
- /* #endregion */
2657
- /* #region Box-shadow */
2658
- /* #endregion */
2659
- /* #region Shadows */
2660
- /* #endregion */
2661
- /* #region Z-index */
2662
- /* #endregion */
2663
- /* #region Transition */
2664
- /* #endregion */
2665
- /* #region Timing functions */
2666
- /* #endregion */
2667
- /* #region Focus ring */
2668
- /* #endregion */
2669
- /* #region Inline components */
2670
- /* #endregion */
2671
- /* stylelint-disable-line scss/dollar-variable-pattern */
2672
- /* stylelint-disable-line scss/dollar-variable-pattern */
2673
- /* stylelint-disable-line scss/dollar-variable-pattern */
2674
- /* stylelint-disable-line scss/dollar-variable-pattern */
2675
- /* #region Spacing */
2676
- /* #endregion */
2677
- /* #region Colors */
2678
- /* #endregion */
2679
- /* #region Fonts */
2680
- /* #endregion */
2681
- /* #region Borders */
2682
- /* #endregion */
2683
- /* #region Box-shadow */
2684
- /* #endregion */
2685
- /* #region Shadows */
2686
- /* #endregion */
2687
- /* #region Z-index */
2688
- /* #endregion */
2689
- /* #region Transition */
2690
- /* #endregion */
2691
- /* #region Timing functions */
2692
- /* #endregion */
2693
- /* #region Focus ring */
2694
- /* #endregion */
2695
- /* #region Inline components */
2696
- /* #endregion */
2697
- /* Reset */
2698
- /* Regular - Dimensions */
2699
- /* Regular - Fonts */
2700
- /* Shared - Styles */
2701
- /* Shared - Colors */
2702
- /* Small - Styles */
2703
- /* Small - Dimensions */
2704
- /* Small - Fonts */
2705
- /* State */
2706
- /* Shadow */
2707
- /* Motion */
2708
- /* Loader */
2709
- /* Circle */
2710
- /* Label Hover box */
2711
- /* Utility mixins */
2712
- /* Base button */
2713
- /* ADL Buttons */
2714
- /* Secondary */
2715
- /* Tertiary */
2716
- /* Ghost */
2717
- /* Loading button */
2718
- /* Colors */
2719
- /* Colors - Positive */
2720
- /* Colors - Negative */
2721
- /* Disabled */
2722
- /* Small */
2723
- /* Block */
2724
- /* With Icons */
2725
- /* Icon Only */
2726
- /* Button circle */
2727
2050
  /* stylelint-disable declaration-block-no-duplicate-properties, no-duplicate-selectors */
2728
2051
  .adl-button {
2729
2052
  color: #00112c;
@@ -3107,51 +2430,220 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
3107
2430
  .adl-link--underline, .adl-link--underline:active, .adl-link--underline:visited {
3108
2431
  color: inherit;
3109
2432
  }
3110
- .adl-link--underline:hover {
3111
- color: #00112c;
2433
+ .adl-link--underline:hover {
2434
+ color: #00112c;
2435
+ }
2436
+ .adl-link--with-icon, .adl-link--with-icon:hover {
2437
+ text-decoration: none;
2438
+ }
2439
+ .adl-link--with-icon:hover > .adl-link__text {
2440
+ text-decoration: underline;
2441
+ }
2442
+ .adl-link--with-icon > .adl-link__icon {
2443
+ margin-left: 4px;
2444
+ margin-right: 0;
2445
+ text-decoration: none;
2446
+ }
2447
+ .adl-link--icon-left {
2448
+ flex-direction: row-reverse;
2449
+ }
2450
+ .adl-link--icon-left > .adl-link__icon {
2451
+ margin-left: 0;
2452
+ margin-right: 4px;
2453
+ }
2454
+ .adl-link--icon-right {
2455
+ flex-direction: row-reverse;
2456
+ }
2457
+ .adl-link--icon-right > .adl-link__icon {
2458
+ margin-left: 4px;
2459
+ margin-right: 0;
2460
+ }
2461
+ .adl-link__text {
2462
+ display: inline;
2463
+ vertical-align: baseline;
2464
+ }
2465
+ .adl-link__text, .adl-link__text:hover, .adl-link__text:active, .adl-link__text:visited {
2466
+ color: inherit;
2467
+ font-size: inherit;
2468
+ font-weight: inherit;
2469
+ }
2470
+ .adl-link__icon {
2471
+ display: inline;
2472
+ font-size: inherit;
2473
+ position: relative;
2474
+ vertical-align: -2px;
2475
+ }
2476
+ .adl-link__icon[class*="-small "], .adl-link__icon[class$=-small] {
2477
+ margin: 0;
2478
+ }/* #region Spacing */
2479
+ /* #endregion */
2480
+ /* #region Colors */
2481
+ /* #endregion */
2482
+ /* #region Fonts */
2483
+ /* #endregion */
2484
+ /* #region Borders */
2485
+ /* #endregion */
2486
+ /* #region Box-shadow */
2487
+ /* #endregion */
2488
+ /* #region Shadows */
2489
+ /* #endregion */
2490
+ /* #region Z-index */
2491
+ /* #endregion */
2492
+ /* #region Transition */
2493
+ /* #endregion */
2494
+ /* #region Timing functions */
2495
+ /* #endregion */
2496
+ /* #region Focus ring */
2497
+ /* #endregion */
2498
+ /* #region Inline components */
2499
+ /* #endregion */
2500
+ /* stylelint-disable-line scss/dollar-variable-pattern */
2501
+ /* stylelint-disable-line scss/dollar-variable-pattern */
2502
+ /* stylelint-disable-line scss/dollar-variable-pattern */
2503
+ /* stylelint-disable-line scss/dollar-variable-pattern */
2504
+ /* #region Spacing */
2505
+ /* #endregion */
2506
+ /* #region Colors */
2507
+ /* #endregion */
2508
+ /* #region Fonts */
2509
+ /* #endregion */
2510
+ /* #region Borders */
2511
+ /* #endregion */
2512
+ /* #region Box-shadow */
2513
+ /* #endregion */
2514
+ /* #region Shadows */
2515
+ /* #endregion */
2516
+ /* #region Z-index */
2517
+ /* #endregion */
2518
+ /* #region Transition */
2519
+ /* #endregion */
2520
+ /* #region Timing functions */
2521
+ /* #endregion */
2522
+ /* #region Focus ring */
2523
+ /* #endregion */
2524
+ /* #region Inline components */
2525
+ /* #endregion */
2526
+ [class*=" adyen-kyc-icon-"],
2527
+ [class^=adyen-kyc-icon-] {
2528
+ color: inherit;
2529
+ display: inline-block;
2530
+ vertical-align: baseline;
2531
+ }
2532
+ [class*=" adyen-kyc-icon-"]::before,
2533
+ [class^=adyen-kyc-icon-]::before {
2534
+ color: inherit;
2535
+ font-family: "adyen-kyc-icons", sans-serif;
2536
+ -webkit-font-smoothing: antialiased;
2537
+ -moz-osx-font-smoothing: grayscale;
2538
+ font-style: normal;
2539
+ font-variant: normal;
2540
+ font-weight: normal;
2541
+ line-height: 1;
2542
+ position: relative;
2543
+ speak: none;
2544
+ text-transform: none;
2545
+ }
2546
+ .adyen-kyc-icon-arrow-left::before {
2547
+ content: "\f11c";
2548
+ }
2549
+ .adyen-kyc-icon-arrow-right::before {
2550
+ content: "\f11f";
2551
+ }
2552
+ .adyen-kyc-icon-bin::before {
2553
+ content: "\f106";
2554
+ }
2555
+ .adyen-kyc-icon-check::before {
2556
+ content: "\f11a";
2557
+ }
2558
+ .adyen-kyc-icon-checkmark-small::before {
2559
+ content: "\f131";
2560
+ }
2561
+ .adyen-kyc-icon-checkmark::before {
2562
+ content: "\f117";
2563
+ }
2564
+ .adyen-kyc-icon-chevron-down::before {
2565
+ content: "\f125";
2566
+ }
2567
+ .adyen-kyc-icon-chevron-right::before {
2568
+ content: "\f103";
2569
+ }
2570
+ .adyen-kyc-icon-chevron-up::before {
2571
+ content: "\f11d";
2572
+ }
2573
+ .adyen-kyc-icon-company::before {
2574
+ content: "\f102";
2575
+ }
2576
+ .adyen-kyc-icon-contract::before {
2577
+ content: "\f10b";
2578
+ }
2579
+ .adyen-kyc-icon-controlling-person::before {
2580
+ content: "\f116";
2581
+ }
2582
+ .adyen-kyc-icon-cross::before {
2583
+ content: "\f105";
2584
+ }
2585
+ .adyen-kyc-icon-decision-maker::before {
2586
+ content: "\f104";
2587
+ }
2588
+ .adyen-kyc-icon-decision-makers::before {
2589
+ content: "\f10a";
2590
+ }
2591
+ .adyen-kyc-icon-document::before {
2592
+ content: "\f109";
2593
+ }
2594
+ .adyen-kyc-icon-download::before {
2595
+ content: "\f107";
2596
+ }
2597
+ .adyen-kyc-icon-edit::before {
2598
+ content: "\f10d";
2599
+ }
2600
+ .adyen-kyc-icon-field-error::before {
2601
+ content: "\f108";
2602
+ }
2603
+ .adyen-kyc-icon-info-circle::before {
2604
+ content: "\f10c";
2605
+ }
2606
+ .adyen-kyc-icon-light-bulb::before {
2607
+ content: "\f130";
2608
+ }
2609
+ .adyen-kyc-icon-more-horiz::before {
2610
+ content: "\f111";
2611
+ }
2612
+ .adyen-kyc-icon-new-document::before {
2613
+ content: "\f10f";
3112
2614
  }
3113
- .adl-link--with-icon, .adl-link--with-icon:hover {
3114
- text-decoration: none;
2615
+ .adyen-kyc-icon-owners::before {
2616
+ content: "\f110";
3115
2617
  }
3116
- .adl-link--with-icon:hover > .adl-link__text {
3117
- text-decoration: underline;
2618
+ .adyen-kyc-icon-payout::before {
2619
+ content: "\f112";
3118
2620
  }
3119
- .adl-link--with-icon > .adl-link__icon {
3120
- margin-left: 4px;
3121
- margin-right: 0;
3122
- text-decoration: none;
2621
+ .adyen-kyc-icon-pci::before {
2622
+ content: "\f10e";
3123
2623
  }
3124
- .adl-link--icon-left {
3125
- flex-direction: row-reverse;
2624
+ .adyen-kyc-icon-plus::before {
2625
+ content: "\f113";
3126
2626
  }
3127
- .adl-link--icon-left > .adl-link__icon {
3128
- margin-left: 0;
3129
- margin-right: 4px;
2627
+ .adyen-kyc-icon-remove::before {
2628
+ content: "\f114";
3130
2629
  }
3131
- .adl-link--icon-right {
3132
- flex-direction: row-reverse;
2630
+ .adyen-kyc-icon-search::before {
2631
+ content: "\f11e";
3133
2632
  }
3134
- .adl-link--icon-right > .adl-link__icon {
3135
- margin-left: 4px;
3136
- margin-right: 0;
2633
+ .adyen-kyc-icon-signatory::before {
2634
+ content: "\f11b";
3137
2635
  }
3138
- .adl-link__text {
3139
- display: inline;
3140
- vertical-align: baseline;
2636
+ .adyen-kyc-icon-store::before {
2637
+ content: "\f118";
3141
2638
  }
3142
- .adl-link__text, .adl-link__text:hover, .adl-link__text:active, .adl-link__text:visited {
3143
- color: inherit;
3144
- font-size: inherit;
3145
- font-weight: inherit;
2639
+ .adyen-kyc-icon-trust::before {
2640
+ content: "\f12f";
3146
2641
  }
3147
- .adl-link__icon {
3148
- display: inline;
3149
- font-size: inherit;
3150
- position: relative;
3151
- vertical-align: -2px;
2642
+ .adyen-kyc-icon-warning::before {
2643
+ content: "\f119";
3152
2644
  }
3153
- .adl-link__icon[class*="-small "], .adl-link__icon[class$=-small] {
3154
- margin: 0;
2645
+ .adyen-kyc-icon-wrong::before {
2646
+ content: "\f115";
3155
2647
  }/* #region Spacing */
3156
2648
  /* #endregion */
3157
2649
  /* #region Colors */
@@ -4475,262 +3967,624 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
4475
3967
  margin-bottom: 24px !important;
4476
3968
  margin-top: 24px !important;
4477
3969
  }
4478
- .adl-u-margin-32 {
4479
- margin: 32px !important;
3970
+ .adl-u-margin-32 {
3971
+ margin: 32px !important;
3972
+ }
3973
+ .adl-u-margin-bottom-32 {
3974
+ margin-bottom: 32px !important;
3975
+ }
3976
+ .adl-u-margin-left-32 {
3977
+ margin-left: 32px !important;
3978
+ }
3979
+ .adl-u-margin-right-32 {
3980
+ margin-right: 32px !important;
3981
+ }
3982
+ .adl-u-margin-top-32 {
3983
+ margin-top: 32px !important;
3984
+ }
3985
+ .adl-u-margin-x-32 {
3986
+ margin-left: 32px !important;
3987
+ margin-right: 32px !important;
3988
+ }
3989
+ .adl-u-margin-y-32 {
3990
+ margin-bottom: 32px !important;
3991
+ margin-top: 32px !important;
3992
+ }
3993
+ .adl-u-margin-40 {
3994
+ margin: 40px !important;
3995
+ }
3996
+ .adl-u-margin-bottom-40 {
3997
+ margin-bottom: 40px !important;
3998
+ }
3999
+ .adl-u-margin-left-40 {
4000
+ margin-left: 40px !important;
4001
+ }
4002
+ .adl-u-margin-right-40 {
4003
+ margin-right: 40px !important;
4004
+ }
4005
+ .adl-u-margin-top-40 {
4006
+ margin-top: 40px !important;
4007
+ }
4008
+ .adl-u-margin-x-40 {
4009
+ margin-left: 40px !important;
4010
+ margin-right: 40px !important;
4011
+ }
4012
+ .adl-u-margin-y-40 {
4013
+ margin-bottom: 40px !important;
4014
+ margin-top: 40px !important;
4015
+ }
4016
+ .adl-u-margin-48 {
4017
+ margin: 48px !important;
4018
+ }
4019
+ .adl-u-margin-bottom-48 {
4020
+ margin-bottom: 48px !important;
4021
+ }
4022
+ .adl-u-margin-left-48 {
4023
+ margin-left: 48px !important;
4024
+ }
4025
+ .adl-u-margin-right-48 {
4026
+ margin-right: 48px !important;
4027
+ }
4028
+ .adl-u-margin-top-48 {
4029
+ margin-top: 48px !important;
4030
+ }
4031
+ .adl-u-margin-x-48 {
4032
+ margin-left: 48px !important;
4033
+ margin-right: 48px !important;
4034
+ }
4035
+ .adl-u-margin-y-48 {
4036
+ margin-bottom: 48px !important;
4037
+ margin-top: 48px !important;
4038
+ }
4039
+ .adl-u-margin-56 {
4040
+ margin: 56px !important;
4041
+ }
4042
+ .adl-u-margin-bottom-56 {
4043
+ margin-bottom: 56px !important;
4044
+ }
4045
+ .adl-u-margin-left-56 {
4046
+ margin-left: 56px !important;
4047
+ }
4048
+ .adl-u-margin-right-56 {
4049
+ margin-right: 56px !important;
4050
+ }
4051
+ .adl-u-margin-top-56 {
4052
+ margin-top: 56px !important;
4053
+ }
4054
+ .adl-u-margin-x-56 {
4055
+ margin-left: 56px !important;
4056
+ margin-right: 56px !important;
4057
+ }
4058
+ .adl-u-margin-y-56 {
4059
+ margin-bottom: 56px !important;
4060
+ margin-top: 56px !important;
4061
+ }
4062
+ .adl-u-margin-64 {
4063
+ margin: 64px !important;
4064
+ }
4065
+ .adl-u-margin-bottom-64 {
4066
+ margin-bottom: 64px !important;
4067
+ }
4068
+ .adl-u-margin-left-64 {
4069
+ margin-left: 64px !important;
4070
+ }
4071
+ .adl-u-margin-right-64 {
4072
+ margin-right: 64px !important;
4073
+ }
4074
+ .adl-u-margin-top-64 {
4075
+ margin-top: 64px !important;
4076
+ }
4077
+ .adl-u-margin-x-64 {
4078
+ margin-left: 64px !important;
4079
+ margin-right: 64px !important;
4080
+ }
4081
+ .adl-u-margin-y-64 {
4082
+ margin-bottom: 64px !important;
4083
+ margin-top: 64px !important;
4084
+ }
4085
+ .adl-u-margin-72 {
4086
+ margin: 72px !important;
4087
+ }
4088
+ .adl-u-margin-bottom-72 {
4089
+ margin-bottom: 72px !important;
4090
+ }
4091
+ .adl-u-margin-left-72 {
4092
+ margin-left: 72px !important;
4093
+ }
4094
+ .adl-u-margin-right-72 {
4095
+ margin-right: 72px !important;
4096
+ }
4097
+ .adl-u-margin-top-72 {
4098
+ margin-top: 72px !important;
4099
+ }
4100
+ .adl-u-margin-x-72 {
4101
+ margin-left: 72px !important;
4102
+ margin-right: 72px !important;
4103
+ }
4104
+ .adl-u-margin-y-72 {
4105
+ margin-bottom: 72px !important;
4106
+ margin-top: 72px !important;
4107
+ }
4108
+ .adl-u-margin-80 {
4109
+ margin: 80px !important;
4110
+ }
4111
+ .adl-u-margin-bottom-80 {
4112
+ margin-bottom: 80px !important;
4113
+ }
4114
+ .adl-u-margin-left-80 {
4115
+ margin-left: 80px !important;
4116
+ }
4117
+ .adl-u-margin-right-80 {
4118
+ margin-right: 80px !important;
4119
+ }
4120
+ .adl-u-margin-top-80 {
4121
+ margin-top: 80px !important;
4122
+ }
4123
+ .adl-u-margin-x-80 {
4124
+ margin-left: 80px !important;
4125
+ margin-right: 80px !important;
4126
+ }
4127
+ .adl-u-margin-y-80 {
4128
+ margin-bottom: 80px !important;
4129
+ margin-top: 80px !important;
4130
+ }
4131
+ .adl-u-margin-88 {
4132
+ margin: 88px !important;
4133
+ }
4134
+ .adl-u-margin-bottom-88 {
4135
+ margin-bottom: 88px !important;
4136
+ }
4137
+ .adl-u-margin-left-88 {
4138
+ margin-left: 88px !important;
4139
+ }
4140
+ .adl-u-margin-right-88 {
4141
+ margin-right: 88px !important;
4142
+ }
4143
+ .adl-u-margin-top-88 {
4144
+ margin-top: 88px !important;
4145
+ }
4146
+ .adl-u-margin-x-88 {
4147
+ margin-left: 88px !important;
4148
+ margin-right: 88px !important;
4149
+ }
4150
+ .adl-u-margin-y-88 {
4151
+ margin-bottom: 88px !important;
4152
+ margin-top: 88px !important;
4153
+ }
4154
+ .adl-u-margin-96 {
4155
+ margin: 96px !important;
4156
+ }
4157
+ .adl-u-margin-bottom-96 {
4158
+ margin-bottom: 96px !important;
4159
+ }
4160
+ .adl-u-margin-left-96 {
4161
+ margin-left: 96px !important;
4162
+ }
4163
+ .adl-u-margin-right-96 {
4164
+ margin-right: 96px !important;
4165
+ }
4166
+ .adl-u-margin-top-96 {
4167
+ margin-top: 96px !important;
4168
+ }
4169
+ .adl-u-margin-x-96 {
4170
+ margin-left: 96px !important;
4171
+ margin-right: 96px !important;
4480
4172
  }
4481
- .adl-u-margin-bottom-32 {
4482
- margin-bottom: 32px !important;
4173
+ .adl-u-margin-y-96 {
4174
+ margin-bottom: 96px !important;
4175
+ margin-top: 96px !important;
4483
4176
  }
4484
- .adl-u-margin-left-32 {
4485
- margin-left: 32px !important;
4177
+ .adl-u-margin-0 {
4178
+ margin: 0 !important;
4486
4179
  }
4487
- .adl-u-margin-right-32 {
4488
- margin-right: 32px !important;
4180
+ .adl-u-margin-bottom-0 {
4181
+ margin-bottom: 0 !important;
4489
4182
  }
4490
- .adl-u-margin-top-32 {
4491
- margin-top: 32px !important;
4183
+ .adl-u-margin-left-0 {
4184
+ margin-left: 0 !important;
4492
4185
  }
4493
- .adl-u-margin-x-32 {
4494
- margin-left: 32px !important;
4495
- margin-right: 32px !important;
4186
+ .adl-u-margin-right-0 {
4187
+ margin-right: 0 !important;
4496
4188
  }
4497
- .adl-u-margin-y-32 {
4498
- margin-bottom: 32px !important;
4499
- margin-top: 32px !important;
4189
+ .adl-u-margin-top-0 {
4190
+ margin-top: 0 !important;
4500
4191
  }
4501
- .adl-u-margin-40 {
4502
- margin: 40px !important;
4192
+ .adl-u-margin-x-0 {
4193
+ margin-left: 0 !important;
4194
+ margin-right: 0 !important;
4503
4195
  }
4504
- .adl-u-margin-bottom-40 {
4505
- margin-bottom: 40px !important;
4196
+ .adl-u-margin-y-0 {
4197
+ margin-bottom: 0 !important;
4198
+ margin-top: 0 !important;
4506
4199
  }
4507
- .adl-u-margin-left-40 {
4508
- margin-left: 40px !important;
4200
+ .adl-u-margin-auto {
4201
+ margin: auto !important;
4509
4202
  }
4510
- .adl-u-margin-right-40 {
4511
- margin-right: 40px !important;
4203
+ .adl-u-margin-bottom-auto {
4204
+ margin-bottom: auto !important;
4512
4205
  }
4513
- .adl-u-margin-top-40 {
4514
- margin-top: 40px !important;
4206
+ .adl-u-margin-left-auto {
4207
+ margin-left: auto !important;
4515
4208
  }
4516
- .adl-u-margin-x-40 {
4517
- margin-left: 40px !important;
4518
- margin-right: 40px !important;
4209
+ .adl-u-margin-right-auto {
4210
+ margin-right: auto !important;
4519
4211
  }
4520
- .adl-u-margin-y-40 {
4521
- margin-bottom: 40px !important;
4522
- margin-top: 40px !important;
4212
+ .adl-u-margin-top-auto {
4213
+ margin-top: auto !important;
4523
4214
  }
4524
- .adl-u-margin-48 {
4525
- margin: 48px !important;
4215
+ .adl-u-margin-x-auto {
4216
+ margin-left: auto !important;
4217
+ margin-right: auto !important;
4526
4218
  }
4527
- .adl-u-margin-bottom-48 {
4528
- margin-bottom: 48px !important;
4219
+ .adl-u-margin-y-auto {
4220
+ margin-bottom: auto !important;
4221
+ margin-top: auto !important;
4529
4222
  }
4530
- .adl-u-margin-left-48 {
4531
- margin-left: 48px !important;
4223
+ .adl-u-box-sizing-border-box {
4224
+ box-sizing: border-box !important;
4532
4225
  }
4533
- .adl-u-margin-right-48 {
4534
- margin-right: 48px !important;
4226
+ /* #region Spacing */
4227
+ /* #endregion */
4228
+ /* #region Colors */
4229
+ /* #endregion */
4230
+ /* #region Fonts */
4231
+ /* #endregion */
4232
+ /* #region Borders */
4233
+ /* #endregion */
4234
+ /* #region Box-shadow */
4235
+ /* #endregion */
4236
+ /* #region Shadows */
4237
+ /* #endregion */
4238
+ /* #region Z-index */
4239
+ /* #endregion */
4240
+ /* #region Transition */
4241
+ /* #endregion */
4242
+ /* #region Timing functions */
4243
+ /* #endregion */
4244
+ /* #region Focus ring */
4245
+ /* #endregion */
4246
+ /* #region Inline components */
4247
+ /* #endregion */
4248
+ /* stylelint-disable-line scss/dollar-variable-pattern */
4249
+ /* stylelint-disable-line scss/dollar-variable-pattern */
4250
+ /* stylelint-disable-line scss/dollar-variable-pattern */
4251
+ /* stylelint-disable-line scss/dollar-variable-pattern */
4252
+ .adl-u-pointer-events-none {
4253
+ pointer-events: none !important;
4535
4254
  }
4536
- .adl-u-margin-top-48 {
4537
- margin-top: 48px !important;
4255
+ .adl-u-pointer-events-auto {
4256
+ pointer-events: auto !important;
4538
4257
  }
4539
- .adl-u-margin-x-48 {
4540
- margin-left: 48px !important;
4541
- margin-right: 48px !important;
4258
+ /* #region Spacing */
4259
+ /* #endregion */
4260
+ /* #region Colors */
4261
+ /* #endregion */
4262
+ /* #region Fonts */
4263
+ /* #endregion */
4264
+ /* #region Borders */
4265
+ /* #endregion */
4266
+ /* #region Box-shadow */
4267
+ /* #endregion */
4268
+ /* #region Shadows */
4269
+ /* #endregion */
4270
+ /* #region Z-index */
4271
+ /* #endregion */
4272
+ /* #region Transition */
4273
+ /* #endregion */
4274
+ /* #region Timing functions */
4275
+ /* #endregion */
4276
+ /* #region Focus ring */
4277
+ /* #endregion */
4278
+ /* #region Inline components */
4279
+ /* #endregion */
4280
+ /* #region Spacing */
4281
+ /* #endregion */
4282
+ /* #region Colors */
4283
+ /* #endregion */
4284
+ /* #region Fonts */
4285
+ /* #endregion */
4286
+ /* #region Borders */
4287
+ /* #endregion */
4288
+ /* #region Box-shadow */
4289
+ /* #endregion */
4290
+ /* #region Shadows */
4291
+ /* #endregion */
4292
+ /* #region Z-index */
4293
+ /* #endregion */
4294
+ /* #region Transition */
4295
+ /* #endregion */
4296
+ /* #region Timing functions */
4297
+ /* #endregion */
4298
+ /* #region Focus ring */
4299
+ /* #endregion */
4300
+ /* #region Inline components */
4301
+ /* #endregion */
4302
+ /* stylelint-disable-line scss/dollar-variable-pattern */
4303
+ /* stylelint-disable-line scss/dollar-variable-pattern */
4304
+ /* stylelint-disable-line scss/dollar-variable-pattern */
4305
+ /* stylelint-disable-line scss/dollar-variable-pattern */
4306
+ .adl-u-font-size-small {
4307
+ font-size: 13px !important;
4542
4308
  }
4543
- .adl-u-margin-y-48 {
4544
- margin-bottom: 48px !important;
4545
- margin-top: 48px !important;
4309
+ .adl-u-font-size-medium {
4310
+ font-size: 15px !important;
4546
4311
  }
4547
- .adl-u-margin-56 {
4548
- margin: 56px !important;
4312
+ .adl-u-font-size-large {
4313
+ font-size: 21px !important;
4549
4314
  }
4550
- .adl-u-margin-bottom-56 {
4551
- margin-bottom: 56px !important;
4315
+ .adl-u-font-size-xlarge {
4316
+ font-size: 30px !important;
4552
4317
  }
4553
- .adl-u-margin-left-56 {
4554
- margin-left: 56px !important;
4318
+ .adl-u-font-size-xxlarge {
4319
+ font-size: 45px !important;
4555
4320
  }
4556
- .adl-u-margin-right-56 {
4557
- margin-right: 56px !important;
4321
+ .adl-u-font-size-inherit {
4322
+ font-size: inherit !important;
4558
4323
  }
4559
- .adl-u-margin-top-56 {
4560
- margin-top: 56px !important;
4324
+ .adl-u-font-weight-thin {
4325
+ font-weight: 100 !important;
4561
4326
  }
4562
- .adl-u-margin-x-56 {
4563
- margin-left: 56px !important;
4564
- margin-right: 56px !important;
4327
+ .adl-u-font-weight-regular {
4328
+ font-weight: 400 !important;
4565
4329
  }
4566
- .adl-u-margin-y-56 {
4567
- margin-bottom: 56px !important;
4568
- margin-top: 56px !important;
4330
+ .adl-u-font-weight-medium {
4331
+ font-weight: 500 !important;
4569
4332
  }
4570
- .adl-u-margin-64 {
4571
- margin: 64px !important;
4333
+ .adl-u-font-weight-semi-bold {
4334
+ font-weight: 600 !important;
4572
4335
  }
4573
- .adl-u-margin-bottom-64 {
4574
- margin-bottom: 64px !important;
4336
+ .adl-u-white-space-normal {
4337
+ white-space: normal !important;
4575
4338
  }
4576
- .adl-u-margin-left-64 {
4577
- margin-left: 64px !important;
4339
+ .adl-u-white-space-nowrap {
4340
+ white-space: nowrap !important;
4578
4341
  }
4579
- .adl-u-margin-right-64 {
4580
- margin-right: 64px !important;
4342
+ .adl-u-white-space-pre-wrap {
4343
+ white-space: pre-wrap !important;
4581
4344
  }
4582
- .adl-u-margin-top-64 {
4583
- margin-top: 64px !important;
4345
+ .adl-u-truncate {
4346
+ overflow: hidden !important;
4347
+ text-overflow: ellipsis !important;
4584
4348
  }
4585
- .adl-u-margin-x-64 {
4586
- margin-left: 64px !important;
4587
- margin-right: 64px !important;
4349
+ .adl-u-word-break-break-word {
4350
+ word-break: break-word !important;
4351
+ }
4352
+ /* #region Spacing */
4353
+ /* #endregion */
4354
+ /* #region Colors */
4355
+ /* #endregion */
4356
+ /* #region Fonts */
4357
+ /* #endregion */
4358
+ /* #region Borders */
4359
+ /* #endregion */
4360
+ /* #region Box-shadow */
4361
+ /* #endregion */
4362
+ /* #region Shadows */
4363
+ /* #endregion */
4364
+ /* #region Z-index */
4365
+ /* #endregion */
4366
+ /* #region Transition */
4367
+ /* #endregion */
4368
+ /* #region Timing functions */
4369
+ /* #endregion */
4370
+ /* #region Focus ring */
4371
+ /* #endregion */
4372
+ /* #region Inline components */
4373
+ /* #endregion */
4374
+ /* stylelint-disable-line scss/dollar-variable-pattern */
4375
+ /* stylelint-disable-line scss/dollar-variable-pattern */
4376
+ /* stylelint-disable-line scss/dollar-variable-pattern */
4377
+ /* stylelint-disable-line scss/dollar-variable-pattern */
4378
+ .adl-u-visibility-visible {
4379
+ visibility: visible !important;
4588
4380
  }
4589
- .adl-u-margin-y-64 {
4590
- margin-bottom: 64px !important;
4591
- margin-top: 64px !important;
4381
+ .adl-u-visibility-hidden {
4382
+ visibility: hidden !important;
4592
4383
  }
4593
- .adl-u-margin-72 {
4594
- margin: 72px !important;
4384
+ .adl-u-display-none {
4385
+ display: none !important;
4595
4386
  }
4596
- .adl-u-margin-bottom-72 {
4597
- margin-bottom: 72px !important;
4387
+ .adl-u-display-initial {
4388
+ display: initial !important;
4598
4389
  }
4599
- .adl-u-margin-left-72 {
4600
- margin-left: 72px !important;
4390
+ .adl-u-display-inline {
4391
+ display: inline !important;
4601
4392
  }
4602
- .adl-u-margin-right-72 {
4603
- margin-right: 72px !important;
4393
+ .adl-u-display-inline-block {
4394
+ display: inline-block !important;
4604
4395
  }
4605
- .adl-u-margin-top-72 {
4606
- margin-top: 72px !important;
4396
+ .adl-u-display-block {
4397
+ display: block !important;
4607
4398
  }
4608
- .adl-u-margin-x-72 {
4609
- margin-left: 72px !important;
4610
- margin-right: 72px !important;
4399
+ .adl-u-display-table {
4400
+ display: table !important;
4611
4401
  }
4612
- .adl-u-margin-y-72 {
4613
- margin-bottom: 72px !important;
4614
- margin-top: 72px !important;
4402
+ .adl-u-display-table-row {
4403
+ display: table-row !important;
4615
4404
  }
4616
- .adl-u-margin-80 {
4617
- margin: 80px !important;
4405
+ .adl-u-display-table-cell {
4406
+ display: table-cell !important;
4618
4407
  }
4619
- .adl-u-margin-bottom-80 {
4620
- margin-bottom: 80px !important;
4408
+ /* #region Spacing */
4409
+ /* #endregion */
4410
+ /* #region Colors */
4411
+ /* #endregion */
4412
+ /* #region Fonts */
4413
+ /* #endregion */
4414
+ /* #region Borders */
4415
+ /* #endregion */
4416
+ /* #region Box-shadow */
4417
+ /* #endregion */
4418
+ /* #region Shadows */
4419
+ /* #endregion */
4420
+ /* #region Z-index */
4421
+ /* #endregion */
4422
+ /* #region Transition */
4423
+ /* #endregion */
4424
+ /* #region Timing functions */
4425
+ /* #endregion */
4426
+ /* #region Focus ring */
4427
+ /* #endregion */
4428
+ /* #region Inline components */
4429
+ /* #endregion */
4430
+ /* stylelint-disable-line scss/dollar-variable-pattern */
4431
+ /* stylelint-disable-line scss/dollar-variable-pattern */
4432
+ /* stylelint-disable-line scss/dollar-variable-pattern */
4433
+ /* stylelint-disable-line scss/dollar-variable-pattern */
4434
+ .adl-u-display-flex {
4435
+ display: flex !important;
4621
4436
  }
4622
- .adl-u-margin-left-80 {
4623
- margin-left: 80px !important;
4437
+ .adl-u-display-inline-flex {
4438
+ display: inline-flex !important;
4624
4439
  }
4625
- .adl-u-margin-right-80 {
4626
- margin-right: 80px !important;
4440
+ .adl-u-flex-direction-row {
4441
+ flex-direction: row !important;
4627
4442
  }
4628
- .adl-u-margin-top-80 {
4629
- margin-top: 80px !important;
4443
+ .adl-u-flex-direction-row-reverse {
4444
+ flex-direction: row-reverse !important;
4630
4445
  }
4631
- .adl-u-margin-x-80 {
4632
- margin-left: 80px !important;
4633
- margin-right: 80px !important;
4446
+ .adl-u-flex-direction-column {
4447
+ flex-direction: column !important;
4634
4448
  }
4635
- .adl-u-margin-y-80 {
4636
- margin-bottom: 80px !important;
4637
- margin-top: 80px !important;
4449
+ .adl-u-flex-direction-column-reverse {
4450
+ flex-direction: column-reverse !important;
4638
4451
  }
4639
- .adl-u-margin-88 {
4640
- margin: 88px !important;
4452
+ .adl-u-flex-wrap-wrap {
4453
+ flex-wrap: wrap !important;
4641
4454
  }
4642
- .adl-u-margin-bottom-88 {
4643
- margin-bottom: 88px !important;
4455
+ .adl-u-flex-wrap-nowrap {
4456
+ flex-wrap: nowrap !important;
4644
4457
  }
4645
- .adl-u-margin-left-88 {
4646
- margin-left: 88px !important;
4458
+ .adl-u-align-items-start {
4459
+ align-items: start !important;
4647
4460
  }
4648
- .adl-u-margin-right-88 {
4649
- margin-right: 88px !important;
4461
+ .adl-u-align-items-flex-start {
4462
+ align-items: flex-start !important;
4650
4463
  }
4651
- .adl-u-margin-top-88 {
4652
- margin-top: 88px !important;
4464
+ .adl-u-align-items-flex-end {
4465
+ align-items: flex-end !important;
4653
4466
  }
4654
- .adl-u-margin-x-88 {
4655
- margin-left: 88px !important;
4656
- margin-right: 88px !important;
4467
+ .adl-u-align-items-center {
4468
+ align-items: center !important;
4657
4469
  }
4658
- .adl-u-margin-y-88 {
4659
- margin-bottom: 88px !important;
4660
- margin-top: 88px !important;
4470
+ .adl-u-align-items-stretch {
4471
+ align-items: stretch !important;
4661
4472
  }
4662
- .adl-u-margin-96 {
4663
- margin: 96px !important;
4473
+ .adl-u-align-items-baseline {
4474
+ align-items: baseline !important;
4664
4475
  }
4665
- .adl-u-margin-bottom-96 {
4666
- margin-bottom: 96px !important;
4476
+ .adl-u-align-items-end {
4477
+ align-items: end !important;
4667
4478
  }
4668
- .adl-u-margin-left-96 {
4669
- margin-left: 96px !important;
4479
+ .adl-u-justify-content-center {
4480
+ justify-content: center !important;
4670
4481
  }
4671
- .adl-u-margin-right-96 {
4672
- margin-right: 96px !important;
4482
+ .adl-u-justify-content-flex-start {
4483
+ justify-content: flex-start !important;
4673
4484
  }
4674
- .adl-u-margin-top-96 {
4675
- margin-top: 96px !important;
4485
+ .adl-u-justify-content-flex-end {
4486
+ justify-content: flex-end !important;
4676
4487
  }
4677
- .adl-u-margin-x-96 {
4678
- margin-left: 96px !important;
4679
- margin-right: 96px !important;
4488
+ .adl-u-justify-content-start {
4489
+ justify-content: start !important;
4680
4490
  }
4681
- .adl-u-margin-y-96 {
4682
- margin-bottom: 96px !important;
4683
- margin-top: 96px !important;
4491
+ .adl-u-justify-content-end {
4492
+ justify-content: end !important;
4684
4493
  }
4685
- .adl-u-margin-0 {
4686
- margin: 0 !important;
4494
+ .adl-u-justify-content-left {
4495
+ justify-content: left !important;
4687
4496
  }
4688
- .adl-u-margin-bottom-0 {
4689
- margin-bottom: 0 !important;
4497
+ .adl-u-justify-content-right {
4498
+ justify-content: right !important;
4690
4499
  }
4691
- .adl-u-margin-left-0 {
4692
- margin-left: 0 !important;
4500
+ .adl-u-justify-content-space-between {
4501
+ justify-content: space-between !important;
4693
4502
  }
4694
- .adl-u-margin-right-0 {
4695
- margin-right: 0 !important;
4503
+ .adl-u-justify-content-space-around {
4504
+ justify-content: space-around !important;
4696
4505
  }
4697
- .adl-u-margin-top-0 {
4698
- margin-top: 0 !important;
4506
+ .adl-u-justify-content-space-evenly {
4507
+ justify-content: space-evenly !important;
4699
4508
  }
4700
- .adl-u-margin-x-0 {
4701
- margin-left: 0 !important;
4702
- margin-right: 0 !important;
4509
+ .adl-u-justify-content-stretch {
4510
+ justify-content: stretch !important;
4703
4511
  }
4704
- .adl-u-margin-y-0 {
4705
- margin-bottom: 0 !important;
4706
- margin-top: 0 !important;
4512
+ .adl-u-flex-1 {
4513
+ flex: 1 !important;
4707
4514
  }
4708
- .adl-u-margin-auto {
4709
- margin: auto !important;
4515
+ .adl-u-width-full {
4516
+ width: 100% !important;
4710
4517
  }
4711
- .adl-u-margin-bottom-auto {
4712
- margin-bottom: auto !important;
4518
+ .adl-u-width-auto {
4519
+ width: auto !important;
4713
4520
  }
4714
- .adl-u-margin-left-auto {
4715
- margin-left: auto !important;
4521
+ .adyen-kyc-spinner__wrapper {
4522
+ align-items: center;
4523
+ display: flex;
4524
+ height: 100%;
4525
+ justify-content: center;
4716
4526
  }
4717
- .adl-u-margin-right-auto {
4718
- margin-right: auto !important;
4527
+ .adyen-kyc-spinner__wrapper--inline {
4528
+ display: inline-block;
4529
+ height: auto;
4530
+ margin-right: 8px;
4719
4531
  }
4720
- .adl-u-margin-top-auto {
4721
- margin-top: auto !important;
4532
+ .adyen-kyc-spinner {
4533
+ animation: rotateSpinner 1.5s infinite linear;
4534
+ border: 3px solid #06f;
4535
+ border-radius: 50%;
4536
+ border-top-color: transparent;
4537
+ height: 43px;
4538
+ width: 43px;
4722
4539
  }
4723
- .adl-u-margin-x-auto {
4724
- margin-left: auto !important;
4725
- margin-right: auto !important;
4540
+ .adyen-kyc-spinner--large {
4541
+ height: 43px;
4542
+ width: 43px;
4726
4543
  }
4727
- .adl-u-margin-y-auto {
4728
- margin-bottom: auto !important;
4729
- margin-top: auto !important;
4544
+ .adyen-kyc-spinner--small {
4545
+ border-width: 2px;
4546
+ height: 16px;
4547
+ width: 16px;
4730
4548
  }
4731
- .adl-u-box-sizing-border-box {
4732
- box-sizing: border-box !important;
4549
+ .adyen-kyc-spinner--medium {
4550
+ height: 28px;
4551
+ width: 28px;
4733
4552
  }
4553
+ @keyframes rotateSpinner {
4554
+ 0% {
4555
+ transform: rotate(0deg);
4556
+ }
4557
+ 100% {
4558
+ transform: rotate(360deg);
4559
+ }
4560
+ }.adyen-kyc-error-panel {
4561
+ margin-bottom: 20px;
4562
+ }/* #region Spacing */
4563
+ /* #endregion */
4564
+ /* #region Colors */
4565
+ /* #endregion */
4566
+ /* #region Fonts */
4567
+ /* #endregion */
4568
+ /* #region Borders */
4569
+ /* #endregion */
4570
+ /* #region Box-shadow */
4571
+ /* #endregion */
4572
+ /* #region Shadows */
4573
+ /* #endregion */
4574
+ /* #region Z-index */
4575
+ /* #endregion */
4576
+ /* #region Transition */
4577
+ /* #endregion */
4578
+ /* #region Timing functions */
4579
+ /* #endregion */
4580
+ /* #region Focus ring */
4581
+ /* #endregion */
4582
+ /* #region Inline components */
4583
+ /* #endregion */
4584
+ /* stylelint-disable-line scss/dollar-variable-pattern */
4585
+ /* stylelint-disable-line scss/dollar-variable-pattern */
4586
+ /* stylelint-disable-line scss/dollar-variable-pattern */
4587
+ /* stylelint-disable-line scss/dollar-variable-pattern */
4734
4588
  /* #region Spacing */
4735
4589
  /* #endregion */
4736
4590
  /* #region Colors */
@@ -4757,12 +4611,6 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
4757
4611
  /* stylelint-disable-line scss/dollar-variable-pattern */
4758
4612
  /* stylelint-disable-line scss/dollar-variable-pattern */
4759
4613
  /* stylelint-disable-line scss/dollar-variable-pattern */
4760
- .adl-u-pointer-events-none {
4761
- pointer-events: none !important;
4762
- }
4763
- .adl-u-pointer-events-auto {
4764
- pointer-events: auto !important;
4765
- }
4766
4614
  /* #region Spacing */
4767
4615
  /* #endregion */
4768
4616
  /* #region Colors */
@@ -4785,6 +4633,36 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
4785
4633
  /* #endregion */
4786
4634
  /* #region Inline components */
4787
4635
  /* #endregion */
4636
+ /* Reset */
4637
+ /* Regular - Dimensions */
4638
+ /* Regular - Fonts */
4639
+ /* Shared - Styles */
4640
+ /* Shared - Colors */
4641
+ /* Small - Styles */
4642
+ /* Small - Dimensions */
4643
+ /* Small - Fonts */
4644
+ /* State */
4645
+ /* Shadow */
4646
+ /* Motion */
4647
+ /* Loader */
4648
+ /* Circle */
4649
+ /* Label Hover box */
4650
+ /* Utility mixins */
4651
+ /* Base button */
4652
+ /* ADL Buttons */
4653
+ /* Secondary */
4654
+ /* Tertiary */
4655
+ /* Ghost */
4656
+ /* Loading button */
4657
+ /* Colors */
4658
+ /* Colors - Positive */
4659
+ /* Colors - Negative */
4660
+ /* Disabled */
4661
+ /* Small */
4662
+ /* Block */
4663
+ /* With Icons */
4664
+ /* Icon Only */
4665
+ /* Button circle */
4788
4666
  /* #region Spacing */
4789
4667
  /* #endregion */
4790
4668
  /* #region Colors */
@@ -4811,52 +4689,28 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
4811
4689
  /* stylelint-disable-line scss/dollar-variable-pattern */
4812
4690
  /* stylelint-disable-line scss/dollar-variable-pattern */
4813
4691
  /* stylelint-disable-line scss/dollar-variable-pattern */
4814
- .adl-u-font-size-small {
4815
- font-size: 13px !important;
4816
- }
4817
- .adl-u-font-size-medium {
4818
- font-size: 15px !important;
4819
- }
4820
- .adl-u-font-size-large {
4821
- font-size: 21px !important;
4822
- }
4823
- .adl-u-font-size-xlarge {
4824
- font-size: 30px !important;
4825
- }
4826
- .adl-u-font-size-xxlarge {
4827
- font-size: 45px !important;
4828
- }
4829
- .adl-u-font-size-inherit {
4830
- font-size: inherit !important;
4831
- }
4832
- .adl-u-font-weight-thin {
4833
- font-weight: 100 !important;
4834
- }
4835
- .adl-u-font-weight-regular {
4836
- font-weight: 400 !important;
4837
- }
4838
- .adl-u-font-weight-medium {
4839
- font-weight: 500 !important;
4840
- }
4841
- .adl-u-font-weight-semi-bold {
4842
- font-weight: 600 !important;
4843
- }
4844
- .adl-u-white-space-normal {
4845
- white-space: normal !important;
4846
- }
4847
- .adl-u-white-space-nowrap {
4848
- white-space: nowrap !important;
4849
- }
4850
- .adl-u-white-space-pre-wrap {
4851
- white-space: pre-wrap !important;
4852
- }
4853
- .adl-u-truncate {
4854
- overflow: hidden !important;
4855
- text-overflow: ellipsis !important;
4856
- }
4857
- .adl-u-word-break-break-word {
4858
- word-break: break-word !important;
4859
- }
4692
+ /* #region Spacing */
4693
+ /* #endregion */
4694
+ /* #region Colors */
4695
+ /* #endregion */
4696
+ /* #region Fonts */
4697
+ /* #endregion */
4698
+ /* #region Borders */
4699
+ /* #endregion */
4700
+ /* #region Box-shadow */
4701
+ /* #endregion */
4702
+ /* #region Shadows */
4703
+ /* #endregion */
4704
+ /* #region Z-index */
4705
+ /* #endregion */
4706
+ /* #region Transition */
4707
+ /* #endregion */
4708
+ /* #region Timing functions */
4709
+ /* #endregion */
4710
+ /* #region Focus ring */
4711
+ /* #endregion */
4712
+ /* #region Inline components */
4713
+ /* #endregion */
4860
4714
  /* #region Spacing */
4861
4715
  /* #endregion */
4862
4716
  /* #region Colors */
@@ -4883,36 +4737,28 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
4883
4737
  /* stylelint-disable-line scss/dollar-variable-pattern */
4884
4738
  /* stylelint-disable-line scss/dollar-variable-pattern */
4885
4739
  /* stylelint-disable-line scss/dollar-variable-pattern */
4886
- .adl-u-visibility-visible {
4887
- visibility: visible !important;
4888
- }
4889
- .adl-u-visibility-hidden {
4890
- visibility: hidden !important;
4891
- }
4892
- .adl-u-display-none {
4893
- display: none !important;
4894
- }
4895
- .adl-u-display-initial {
4896
- display: initial !important;
4897
- }
4898
- .adl-u-display-inline {
4899
- display: inline !important;
4900
- }
4901
- .adl-u-display-inline-block {
4902
- display: inline-block !important;
4903
- }
4904
- .adl-u-display-block {
4905
- display: block !important;
4906
- }
4907
- .adl-u-display-table {
4908
- display: table !important;
4909
- }
4910
- .adl-u-display-table-row {
4911
- display: table-row !important;
4912
- }
4913
- .adl-u-display-table-cell {
4914
- display: table-cell !important;
4915
- }
4740
+ /* #region Spacing */
4741
+ /* #endregion */
4742
+ /* #region Colors */
4743
+ /* #endregion */
4744
+ /* #region Fonts */
4745
+ /* #endregion */
4746
+ /* #region Borders */
4747
+ /* #endregion */
4748
+ /* #region Box-shadow */
4749
+ /* #endregion */
4750
+ /* #region Shadows */
4751
+ /* #endregion */
4752
+ /* #region Z-index */
4753
+ /* #endregion */
4754
+ /* #region Transition */
4755
+ /* #endregion */
4756
+ /* #region Timing functions */
4757
+ /* #endregion */
4758
+ /* #region Focus ring */
4759
+ /* #endregion */
4760
+ /* #region Inline components */
4761
+ /* #endregion */
4916
4762
  /* #region Spacing */
4917
4763
  /* #endregion */
4918
4764
  /* #region Colors */
@@ -4939,134 +4785,288 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
4939
4785
  /* stylelint-disable-line scss/dollar-variable-pattern */
4940
4786
  /* stylelint-disable-line scss/dollar-variable-pattern */
4941
4787
  /* stylelint-disable-line scss/dollar-variable-pattern */
4942
- .adl-u-display-flex {
4943
- display: flex !important;
4788
+ /*
4789
+ * [1] Title should appear to have line-height 1 when on one line, standard line-height when on multiple lines.
4790
+ * Calculation for margin-y correction: -((line-height(px) - font-size(px)) / 2)
4791
+ */
4792
+ /*
4793
+ * [1] Since the explanation is optional, it is better to set this margin here instead of the header
4794
+ */
4795
+ .adl-alert {
4796
+ color: #00112c;
4797
+ font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
4798
+ font-size: 15px;
4799
+ -webkit-font-smoothing: antialiased;
4800
+ -moz-osx-font-smoothing: grayscale;
4801
+ font-weight: 400;
4802
+ line-height: 1.4;
4803
+ border-radius: 12px;
4804
+ padding: 16px;
4805
+ word-break: break-word;
4944
4806
  }
4945
- .adl-u-display-inline-flex {
4946
- display: inline-flex !important;
4807
+ .adl-alert *,
4808
+ .adl-alert *::before,
4809
+ .adl-alert *::after {
4810
+ box-sizing: border-box;
4811
+ }
4812
+ .adl-alert--basic {
4813
+ background-color: #f3f6f9;
4814
+ color: #001e4c;
4815
+ }
4816
+ .adl-alert--information {
4817
+ background-color: #cce0ff;
4818
+ color: #0047b2;
4819
+ }
4820
+ .adl-alert--without-explanation .adl-alert__title {
4821
+ font-weight: 100;
4822
+ }
4823
+ .adl-alert--error {
4824
+ background-color: #fce5e5;
4825
+ color: #e50000;
4826
+ }
4827
+ .adl-alert--warning {
4828
+ background-color: #ffeacc;
4829
+ color: #7f4a00;
4830
+ }
4831
+ .adl-alert--success {
4832
+ background-color: #cef2dd;
4833
+ color: #055f29;
4834
+ }
4835
+ .adl-alert__header {
4836
+ align-items: flex-start;
4837
+ display: flex;
4838
+ }
4839
+ .adl-alert__icon {
4840
+ height: 15px;
4841
+ line-height: 1;
4842
+ }
4843
+ .adl-alert__title {
4844
+ color: #20304c;
4845
+ flex-grow: 1;
4846
+ font-size: 15px;
4847
+ font-weight: 600;
4848
+ line-height: 1.4;
4849
+ margin-bottom: -3px; /* [1] */
4850
+ margin-left: 16px;
4851
+ margin-top: -3px; /* [1] */
4852
+ }
4853
+ .adl-alert__title--no-content {
4854
+ font-weight: 400;
4855
+ }
4856
+ .adl-alert__action {
4857
+ color: #00112c;
4858
+ font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
4859
+ font-size: 15px;
4860
+ -webkit-font-smoothing: antialiased;
4861
+ -moz-osx-font-smoothing: grayscale;
4862
+ font-weight: 400;
4863
+ line-height: 1.4;
4864
+ align-items: center;
4865
+ background: none;
4866
+ border: none;
4867
+ cursor: pointer;
4868
+ display: inline-flex;
4869
+ justify-content: center;
4870
+ line-height: 1;
4871
+ margin: 0;
4872
+ outline: none;
4873
+ padding: 0;
4874
+ text-decoration: none;
4875
+ user-select: none;
4876
+ vertical-align: baseline;
4877
+ white-space: nowrap;
4878
+ color: inherit;
4879
+ font-size: 13px;
4880
+ font-weight: 600;
4881
+ line-height: 1;
4882
+ margin-left: 24px;
4883
+ text-transform: uppercase;
4884
+ white-space: nowrap;
4947
4885
  }
4948
- .adl-u-flex-direction-row {
4949
- flex-direction: row !important;
4886
+ .adl-alert__action *,
4887
+ .adl-alert__action *::before,
4888
+ .adl-alert__action *::after {
4889
+ box-sizing: border-box;
4950
4890
  }
4951
- .adl-u-flex-direction-row-reverse {
4952
- flex-direction: row-reverse !important;
4891
+ .adl-alert__action::-moz-focus-inner {
4892
+ border: none;
4893
+ padding: 0;
4953
4894
  }
4954
- .adl-u-flex-direction-column {
4955
- flex-direction: column !important;
4895
+ .adl-alert__action:hover {
4896
+ color: #00112c;
4897
+ text-decoration: underline;
4956
4898
  }
4957
- .adl-u-flex-direction-column-reverse {
4958
- flex-direction: column-reverse !important;
4899
+ .adl-alert__dismiss {
4900
+ color: #00112c;
4901
+ font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
4902
+ font-size: 15px;
4903
+ -webkit-font-smoothing: antialiased;
4904
+ -moz-osx-font-smoothing: grayscale;
4905
+ font-weight: 400;
4906
+ line-height: 1.4;
4907
+ align-items: center;
4908
+ background: none;
4909
+ border: none;
4910
+ cursor: pointer;
4911
+ display: inline-flex;
4912
+ justify-content: center;
4913
+ line-height: 1;
4914
+ margin: 0;
4915
+ outline: none;
4916
+ padding: 0;
4917
+ text-decoration: none;
4918
+ user-select: none;
4919
+ vertical-align: baseline;
4920
+ white-space: nowrap;
4921
+ color: inherit;
4922
+ font-size: 15px;
4923
+ height: 15px;
4924
+ line-height: 1;
4925
+ margin-left: 48px;
4959
4926
  }
4960
- .adl-u-flex-wrap-wrap {
4961
- flex-wrap: wrap !important;
4927
+ .adl-alert__dismiss *,
4928
+ .adl-alert__dismiss *::before,
4929
+ .adl-alert__dismiss *::after {
4930
+ box-sizing: border-box;
4962
4931
  }
4963
- .adl-u-flex-wrap-nowrap {
4964
- flex-wrap: nowrap !important;
4932
+ .adl-alert__dismiss::-moz-focus-inner {
4933
+ border: none;
4934
+ padding: 0;
4965
4935
  }
4966
- .adl-u-align-items-start {
4967
- align-items: start !important;
4936
+ .adl-alert__dismiss:hover {
4937
+ background: transparent;
4938
+ color: #00112c;
4968
4939
  }
4969
- .adl-u-align-items-flex-start {
4970
- align-items: flex-start !important;
4940
+ .adl-alert__explanation {
4941
+ color: #20304c;
4942
+ font-size: 14px;
4943
+ line-height: 1.4;
4944
+ margin-top: 16px; /* [1] */
4945
+ padding-left: 31px;
4971
4946
  }
4972
- .adl-u-align-items-flex-end {
4973
- align-items: flex-end !important;
4947
+ .adl-alert__explanation .adl-link {
4948
+ color: #00112c;
4949
+ font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
4950
+ font-size: 15px;
4951
+ -webkit-font-smoothing: antialiased;
4952
+ -moz-osx-font-smoothing: grayscale;
4953
+ font-weight: 400;
4954
+ line-height: 1.4;
4955
+ background-color: transparent;
4956
+ border: 0;
4957
+ color: #06f;
4958
+ cursor: pointer;
4959
+ display: inline;
4960
+ padding: 0;
4961
+ text-decoration: none;
4962
+ vertical-align: baseline;
4963
+ color: #20304c;
4964
+ font-size: 14px;
4965
+ text-decoration: underline;
4974
4966
  }
4975
- .adl-u-align-items-center {
4976
- align-items: center !important;
4967
+ .adl-alert__explanation .adl-link *,
4968
+ .adl-alert__explanation .adl-link *::before,
4969
+ .adl-alert__explanation .adl-link *::after {
4970
+ box-sizing: border-box;
4977
4971
  }
4978
- .adl-u-align-items-stretch {
4979
- align-items: stretch !important;
4972
+ .adl-alert__explanation .adl-link:hover {
4973
+ text-decoration: underline;
4980
4974
  }
4981
- .adl-u-align-items-baseline {
4982
- align-items: baseline !important;
4975
+ .adl-alert__explanation .adl-link:active {
4976
+ color: #06f;
4983
4977
  }
4984
- .adl-u-align-items-end {
4985
- align-items: end !important;
4978
+ .adl-alert__explanation .adl-link:focus {
4979
+ outline: none;
4980
+ text-decoration: underline;
4986
4981
  }
4987
- .adl-u-justify-content-center {
4988
- justify-content: center !important;
4982
+ .adl-alert__explanation .adl-link:visited {
4983
+ color: #06f;
4989
4984
  }
4990
- .adl-u-justify-content-flex-start {
4991
- justify-content: flex-start !important;
4985
+ .adl-alert__explanation .adl-link, .adl-alert__explanation .adl-link:hover, .adl-alert__explanation .adl-link:active, .adl-alert__explanation .adl-link:visited {
4986
+ color: inherit;
4987
+ font-size: inherit;
4988
+ font-weight: inherit;
4992
4989
  }
4993
- .adl-u-justify-content-flex-end {
4994
- justify-content: flex-end !important;
4990
+ .adl-alert__explanation .adl-link:hover {
4991
+ color: #20304c;
4995
4992
  }
4996
- .adl-u-justify-content-start {
4997
- justify-content: start !important;
4993
+ .adl-alert__explanation .adl-link:focus {
4994
+ border: 1px dotted;
4998
4995
  }
4999
- .adl-u-justify-content-end {
5000
- justify-content: end !important;
4996
+ .adl-alert__list {
4997
+ color: #00112c;
4998
+ font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
4999
+ font-size: 15px;
5000
+ -webkit-font-smoothing: antialiased;
5001
+ -moz-osx-font-smoothing: grayscale;
5002
+ font-weight: 400;
5003
+ line-height: 1.4;
5004
+ display: block;
5005
+ list-style-position: outside;
5006
+ list-style-type: disc;
5007
+ margin: 0;
5008
+ padding: 0 0 0 18px;
5009
+ color: inherit;
5010
+ padding-left: 18px;
5001
5011
  }
5002
- .adl-u-justify-content-left {
5003
- justify-content: left !important;
5012
+ .adl-alert__list *,
5013
+ .adl-alert__list *::before,
5014
+ .adl-alert__list *::after {
5015
+ box-sizing: border-box;
5004
5016
  }
5005
- .adl-u-justify-content-right {
5006
- justify-content: right !important;
5017
+ .adl-alert__link {
5018
+ color: #00112c;
5019
+ font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
5020
+ font-size: 15px;
5021
+ -webkit-font-smoothing: antialiased;
5022
+ -moz-osx-font-smoothing: grayscale;
5023
+ font-weight: 400;
5024
+ line-height: 1.4;
5025
+ background-color: transparent;
5026
+ border: 0;
5027
+ color: #06f;
5028
+ cursor: pointer;
5029
+ display: inline;
5030
+ padding: 0;
5031
+ text-decoration: none;
5032
+ vertical-align: baseline;
5033
+ color: #20304c;
5034
+ font-size: 14px;
5035
+ text-decoration: underline;
5007
5036
  }
5008
- .adl-u-justify-content-space-between {
5009
- justify-content: space-between !important;
5037
+ .adl-alert__link *,
5038
+ .adl-alert__link *::before,
5039
+ .adl-alert__link *::after {
5040
+ box-sizing: border-box;
5010
5041
  }
5011
- .adl-u-justify-content-space-around {
5012
- justify-content: space-around !important;
5042
+ .adl-alert__link:hover {
5043
+ text-decoration: underline;
5013
5044
  }
5014
- .adl-u-justify-content-space-evenly {
5015
- justify-content: space-evenly !important;
5045
+ .adl-alert__link:active {
5046
+ color: #06f;
5016
5047
  }
5017
- .adl-u-justify-content-stretch {
5018
- justify-content: stretch !important;
5048
+ .adl-alert__link:focus {
5049
+ outline: none;
5050
+ text-decoration: underline;
5019
5051
  }
5020
- .adl-u-flex-1 {
5021
- flex: 1 !important;
5052
+ .adl-alert__link:visited {
5053
+ color: #06f;
5022
5054
  }
5023
- .adl-u-width-full {
5024
- width: 100% !important;
5055
+ .adl-alert__link, .adl-alert__link:hover, .adl-alert__link:active, .adl-alert__link:visited {
5056
+ color: inherit;
5057
+ font-size: inherit;
5058
+ font-weight: inherit;
5025
5059
  }
5026
- .adl-u-width-auto {
5027
- width: auto !important;
5060
+ .adl-alert__link:hover {
5061
+ color: #20304c;
5028
5062
  }
5029
- .adyen-kyc-spinner__wrapper {
5030
- align-items: center;
5031
- display: flex;
5032
- height: 100%;
5033
- justify-content: center;
5063
+ .adl-review-alert {
5064
+ width: 100%;
5034
5065
  }
5035
- .adyen-kyc-spinner__wrapper--inline {
5066
+ .adyen-kyc-icon.adl-alert-error-icon::before {
5036
5067
  display: inline-block;
5037
- height: auto;
5038
- margin-right: 8px;
5039
- }
5040
- .adyen-kyc-spinner {
5041
- animation: rotateSpinner 1.5s infinite linear;
5042
- border: 3px solid #06f;
5043
- border-radius: 50%;
5044
- border-top-color: transparent;
5045
- height: 43px;
5046
- width: 43px;
5047
- }
5048
- .adyen-kyc-spinner--large {
5049
- height: 43px;
5050
- width: 43px;
5051
- }
5052
- .adyen-kyc-spinner--small {
5053
- border-width: 2px;
5054
- height: 16px;
5055
- width: 16px;
5056
- }
5057
- .adyen-kyc-spinner--medium {
5058
- height: 28px;
5059
- width: 28px;
5060
- }
5061
- @keyframes rotateSpinner {
5062
- 0% {
5063
- transform: rotate(0deg);
5064
- }
5065
- 100% {
5066
- transform: rotate(360deg);
5067
- }
5068
- }.adyen-kyc-error-panel {
5069
- margin-bottom: 20px;
5068
+ color: #a10000;
5069
+ transform: scale(1.6);
5070
5070
  }/* #region Spacing */
5071
5071
  /* #endregion */
5072
5072
  /* #region Colors */