@forgerock/login-widget 1.1.0-beta.2 → 1.2.0-beta.1
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.
- package/CHANGELOG.md +22 -0
- package/index.cjs +2318 -8666
- package/index.cjs.map +1 -1
- package/index.d.ts +23 -65
- package/index.js +2318 -8666
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/types.d.ts +23 -65
- package/widget.css +165 -163
package/widget.css
CHANGED
|
@@ -396,12 +396,12 @@ position: absolute;
|
|
|
396
396
|
.tw_relative {
|
|
397
397
|
position: relative;
|
|
398
398
|
}
|
|
399
|
-
.tw_top-0 {
|
|
400
|
-
top: 0px;
|
|
401
|
-
}
|
|
402
399
|
.tw_left-0 {
|
|
403
400
|
left: 0px;
|
|
404
401
|
}
|
|
402
|
+
.tw_top-0 {
|
|
403
|
+
top: 0px;
|
|
404
|
+
}
|
|
405
405
|
.tw_col-start-2 {
|
|
406
406
|
grid-column-start: 2;
|
|
407
407
|
}
|
|
@@ -416,20 +416,23 @@ margin-bottom: 1rem;
|
|
|
416
416
|
margin-top: 1.5rem;
|
|
417
417
|
margin-bottom: 1.5rem;
|
|
418
418
|
}
|
|
419
|
-
.tw_mb-6 {
|
|
420
|
-
margin-bottom: 1.5rem;
|
|
421
|
-
}
|
|
422
419
|
.tw_-mt-5 {
|
|
423
420
|
margin-top: -1.25rem;
|
|
424
421
|
}
|
|
425
422
|
.tw_mb-2 {
|
|
426
423
|
margin-bottom: 0.5rem;
|
|
427
424
|
}
|
|
425
|
+
.tw_mb-4 {
|
|
426
|
+
margin-bottom: 1rem;
|
|
427
|
+
}
|
|
428
|
+
.tw_mb-6 {
|
|
429
|
+
margin-bottom: 1.5rem;
|
|
430
|
+
}
|
|
428
431
|
.tw_mb-8 {
|
|
429
432
|
margin-bottom: 2rem;
|
|
430
433
|
}
|
|
431
|
-
.
|
|
432
|
-
margin-
|
|
434
|
+
.tw_ml-1 {
|
|
435
|
+
margin-left: 0.25rem;
|
|
433
436
|
}
|
|
434
437
|
.tw_ml-10 {
|
|
435
438
|
margin-left: 2.5rem;
|
|
@@ -437,9 +440,6 @@ margin-left: 2.5rem;
|
|
|
437
440
|
.tw_mr-2 {
|
|
438
441
|
margin-right: 0.5rem;
|
|
439
442
|
}
|
|
440
|
-
.tw_ml-1 {
|
|
441
|
-
margin-left: 0.25rem;
|
|
442
|
-
}
|
|
443
443
|
.tw_mt-6 {
|
|
444
444
|
margin-top: 1.5rem;
|
|
445
445
|
}
|
|
@@ -458,12 +458,12 @@ display: grid;
|
|
|
458
458
|
.tw_hidden {
|
|
459
459
|
display: none;
|
|
460
460
|
}
|
|
461
|
+
.tw_h-24 {
|
|
462
|
+
height: 6rem;
|
|
463
|
+
}
|
|
461
464
|
.tw_h-28 {
|
|
462
465
|
height: 7rem;
|
|
463
466
|
}
|
|
464
|
-
.tw_h-full {
|
|
465
|
-
height: 100%;
|
|
466
|
-
}
|
|
467
467
|
.tw_h-32 {
|
|
468
468
|
height: 8rem;
|
|
469
469
|
}
|
|
@@ -473,29 +473,29 @@ height: 1rem;
|
|
|
473
473
|
.tw_h-8 {
|
|
474
474
|
height: 2rem;
|
|
475
475
|
}
|
|
476
|
-
.tw_h-
|
|
477
|
-
height:
|
|
476
|
+
.tw_h-full {
|
|
477
|
+
height: 100%;
|
|
478
478
|
}
|
|
479
479
|
.tw_min-h-full {
|
|
480
480
|
min-height: 100%;
|
|
481
481
|
}
|
|
482
|
-
.tw_w-
|
|
483
|
-
width:
|
|
482
|
+
.tw_w-24 {
|
|
483
|
+
width: 6rem;
|
|
484
484
|
}
|
|
485
485
|
.tw_w-28 {
|
|
486
486
|
width: 7rem;
|
|
487
487
|
}
|
|
488
|
-
.tw_w-auto {
|
|
489
|
-
width: auto;
|
|
490
|
-
}
|
|
491
488
|
.tw_w-4 {
|
|
492
489
|
width: 1rem;
|
|
493
490
|
}
|
|
494
491
|
.tw_w-8 {
|
|
495
492
|
width: 2rem;
|
|
496
493
|
}
|
|
497
|
-
.tw_w-
|
|
498
|
-
width:
|
|
494
|
+
.tw_w-auto {
|
|
495
|
+
width: auto;
|
|
496
|
+
}
|
|
497
|
+
.tw_w-full {
|
|
498
|
+
width: 100%;
|
|
499
499
|
}
|
|
500
500
|
.tw_flex-1 {
|
|
501
501
|
flex: 1 1 0%;
|
|
@@ -524,26 +524,26 @@ list-style-type: disc;
|
|
|
524
524
|
-moz-columns: 2;
|
|
525
525
|
columns: 2;
|
|
526
526
|
}
|
|
527
|
-
.tw_grid-cols
|
|
528
|
-
grid-template-columns:
|
|
527
|
+
.tw_grid-cols-1 {
|
|
528
|
+
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
529
529
|
}
|
|
530
|
-
.tw_grid-cols
|
|
531
|
-
grid-template-columns:
|
|
530
|
+
.tw_grid-cols-2 {
|
|
531
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
532
532
|
}
|
|
533
|
-
.tw_grid-cols
|
|
534
|
-
grid-template-columns:
|
|
533
|
+
.tw_grid-cols-3 {
|
|
534
|
+
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
535
535
|
}
|
|
536
536
|
.tw_grid-cols-4 {
|
|
537
537
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
538
538
|
}
|
|
539
|
-
.tw_grid-cols
|
|
540
|
-
grid-template-columns:
|
|
539
|
+
.tw_grid-cols-\[1\.5em_1fr\] {
|
|
540
|
+
grid-template-columns: 1.5em 1fr;
|
|
541
541
|
}
|
|
542
|
-
.tw_grid-cols
|
|
543
|
-
grid-template-columns:
|
|
542
|
+
.tw_grid-cols-\[2\.5em_1fr\] {
|
|
543
|
+
grid-template-columns: 2.5em 1fr;
|
|
544
544
|
}
|
|
545
|
-
.tw_grid-cols
|
|
546
|
-
grid-template-columns:
|
|
545
|
+
.tw_grid-cols-\[2em_1fr\] {
|
|
546
|
+
grid-template-columns: 2em 1fr;
|
|
547
547
|
}
|
|
548
548
|
.tw_flex-wrap {
|
|
549
549
|
flex-wrap: wrap;
|
|
@@ -557,31 +557,31 @@ justify-items: stretch;
|
|
|
557
557
|
.tw_gap-4 {
|
|
558
558
|
gap: 1rem;
|
|
559
559
|
}
|
|
560
|
-
.tw_rounded-md {
|
|
561
|
-
border-radius: 0.375rem;
|
|
562
|
-
}
|
|
563
560
|
.tw_rounded-full {
|
|
564
561
|
border-radius: 9999px;
|
|
565
562
|
}
|
|
563
|
+
.tw_rounded-md {
|
|
564
|
+
border-radius: 0.375rem;
|
|
565
|
+
}
|
|
566
566
|
.\!tw_rounded-r-none {
|
|
567
567
|
border-top-right-radius: 0px !important;
|
|
568
568
|
border-bottom-right-radius: 0px !important;
|
|
569
569
|
}
|
|
570
|
-
.tw_border-0 {
|
|
571
|
-
border-width: 0px;
|
|
572
|
-
}
|
|
573
570
|
.tw_border {
|
|
574
571
|
border-width: 1px;
|
|
575
572
|
}
|
|
573
|
+
.tw_border-0 {
|
|
574
|
+
border-width: 0px;
|
|
575
|
+
}
|
|
576
576
|
.tw_border-4 {
|
|
577
577
|
border-width: 4px;
|
|
578
578
|
}
|
|
579
|
-
.tw_border-b {
|
|
580
|
-
border-bottom-width: 1px;
|
|
581
|
-
}
|
|
582
579
|
.\!tw_border-r-0 {
|
|
583
580
|
border-right-width: 0px !important;
|
|
584
581
|
}
|
|
582
|
+
.tw_border-b {
|
|
583
|
+
border-bottom-width: 1px;
|
|
584
|
+
}
|
|
585
585
|
.tw_border-secondary-light {
|
|
586
586
|
--tw-border-opacity: 1;
|
|
587
587
|
border-color: rgb(209 213 219 / var(--tw-border-opacity));
|
|
@@ -607,12 +607,12 @@ padding: 1.5rem;
|
|
|
607
607
|
padding-top: 1rem;
|
|
608
608
|
padding-bottom: 1rem;
|
|
609
609
|
}
|
|
610
|
-
.tw_pt-10 {
|
|
611
|
-
padding-top: 2.5rem;
|
|
612
|
-
}
|
|
613
610
|
.tw_pb-6 {
|
|
614
611
|
padding-bottom: 1.5rem;
|
|
615
612
|
}
|
|
613
|
+
.tw_pt-10 {
|
|
614
|
+
padding-top: 2.5rem;
|
|
615
|
+
}
|
|
616
616
|
.tw_text-center {
|
|
617
617
|
text-align: center;
|
|
618
618
|
}
|
|
@@ -622,54 +622,54 @@ text-align: right;
|
|
|
622
622
|
.tw_font-mono {
|
|
623
623
|
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
624
624
|
}
|
|
625
|
+
.tw_text-4xl {
|
|
626
|
+
font-size: 2.25rem;
|
|
627
|
+
line-height: 2.5rem;
|
|
628
|
+
}
|
|
625
629
|
.tw_text-base {
|
|
626
630
|
font-size: 0.9375rem;
|
|
627
631
|
line-height: 1.25;
|
|
628
632
|
}
|
|
629
|
-
.tw_text-sm {
|
|
630
|
-
font-size: 0.875rem;
|
|
631
|
-
line-height: 1.25;
|
|
632
|
-
}
|
|
633
633
|
.tw_text-lg {
|
|
634
634
|
font-size: 1.25rem;
|
|
635
635
|
line-height: 1;
|
|
636
636
|
}
|
|
637
|
-
.tw_text-
|
|
638
|
-
font-size:
|
|
639
|
-
line-height:
|
|
640
|
-
}
|
|
641
|
-
.tw_font-light {
|
|
642
|
-
font-weight: 300;
|
|
637
|
+
.tw_text-sm {
|
|
638
|
+
font-size: 0.875rem;
|
|
639
|
+
line-height: 1.25;
|
|
643
640
|
}
|
|
644
641
|
.tw_font-bold {
|
|
645
642
|
font-weight: 700;
|
|
646
643
|
}
|
|
644
|
+
.tw_font-light {
|
|
645
|
+
font-weight: 300;
|
|
646
|
+
}
|
|
647
647
|
.tw_font-semibold {
|
|
648
648
|
font-weight: 600;
|
|
649
649
|
}
|
|
650
|
-
.tw_text-
|
|
650
|
+
.tw_text-error-dark {
|
|
651
651
|
--tw-text-opacity: 1;
|
|
652
|
-
color: rgb(
|
|
652
|
+
color: rgb(153 27 27 / var(--tw-text-opacity));
|
|
653
653
|
}
|
|
654
654
|
.tw_text-gray-400 {
|
|
655
655
|
--tw-text-opacity: 1;
|
|
656
656
|
color: rgb(156 163 175 / var(--tw-text-opacity));
|
|
657
657
|
}
|
|
658
|
-
.tw_text-secondary-dark {
|
|
659
|
-
--tw-text-opacity: 1;
|
|
660
|
-
color: rgb(55 65 81 / var(--tw-text-opacity));
|
|
661
|
-
}
|
|
662
658
|
.tw_text-link-dark {
|
|
663
659
|
--tw-text-opacity: 1;
|
|
664
660
|
color: rgb(37 99 235 / var(--tw-text-opacity));
|
|
665
661
|
}
|
|
666
|
-
.tw_text-
|
|
662
|
+
.tw_text-primary-light {
|
|
667
663
|
--tw-text-opacity: 1;
|
|
668
|
-
color: rgb(
|
|
664
|
+
color: rgb(2 122 184 / var(--tw-text-opacity));
|
|
669
665
|
}
|
|
670
|
-
.tw_text-
|
|
666
|
+
.tw_text-secondary-dark {
|
|
671
667
|
--tw-text-opacity: 1;
|
|
672
|
-
color: rgb(
|
|
668
|
+
color: rgb(55 65 81 / var(--tw-text-opacity));
|
|
669
|
+
}
|
|
670
|
+
.tw_text-secondary-light {
|
|
671
|
+
--tw-text-opacity: 1;
|
|
672
|
+
color: rgb(209 213 219 / var(--tw-text-opacity));
|
|
673
673
|
}
|
|
674
674
|
.tw_outline-none {
|
|
675
675
|
outline: 2px solid transparent;
|
|
@@ -1289,279 +1289,281 @@ fill: currentcolor;
|
|
|
1289
1289
|
}
|
|
1290
1290
|
}
|
|
1291
1291
|
@layer fr-widget.variants {
|
|
1292
|
-
.tw_dark .dark\:tw_alert_dark {
|
|
1292
|
+
:is(.tw_dark .dark\:tw_alert_dark) {
|
|
1293
1293
|
background-color: #1e293b;
|
|
1294
1294
|
border-color: #000;
|
|
1295
1295
|
color: #fff;
|
|
1296
1296
|
}
|
|
1297
|
-
.tw_dark .dark\:tw_alert_dark:focus {
|
|
1297
|
+
:is(.tw_dark .dark\:tw_alert_dark):focus {
|
|
1298
1298
|
outline-color: hsla(272.1, 71.7%, 56.5%, 0.9);
|
|
1299
1299
|
}
|
|
1300
|
-
.tw_dark .dark\:tw_alert_dark svg {
|
|
1300
|
+
:is(.tw_dark .dark\:tw_alert_dark) svg {
|
|
1301
1301
|
color: #fff;
|
|
1302
1302
|
fill: currentColor;
|
|
1303
1303
|
}
|
|
1304
|
-
.tw_dark .dark\:tw_alert-error_dark {
|
|
1304
|
+
:is(.tw_dark .dark\:tw_alert-error_dark) {
|
|
1305
1305
|
background-color: #991b1b;
|
|
1306
1306
|
border-color: hsl(0, 70%, 28.2%);
|
|
1307
1307
|
}
|
|
1308
|
-
.tw_dark .dark\:tw_alert-error_dark svg {
|
|
1308
|
+
:is(.tw_dark .dark\:tw_alert-error_dark) svg {
|
|
1309
1309
|
color: #fecaca;
|
|
1310
1310
|
fill: currentColor;
|
|
1311
1311
|
}
|
|
1312
|
-
.tw_dark .dark\:tw_alert-info_dark {
|
|
1312
|
+
:is(.tw_dark .dark\:tw_alert-info_dark) {
|
|
1313
1313
|
background-color: hsl(200.39999999999998, 97.8%, 21.9%);
|
|
1314
1314
|
border-color: hsl(215.29999999999995, 25%, 21.3%);
|
|
1315
1315
|
}
|
|
1316
|
-
.tw_dark .dark\:tw_alert-info_dark svg {
|
|
1316
|
+
:is(.tw_dark .dark\:tw_alert-info_dark) svg {
|
|
1317
1317
|
color: hsl(200.39999999999998, 97.8%, 69.3%);
|
|
1318
1318
|
fill: currentColor;
|
|
1319
1319
|
}
|
|
1320
|
-
.tw_dark .dark\:tw_alert-success_dark {
|
|
1320
|
+
:is(.tw_dark .dark\:tw_alert-success_dark) {
|
|
1321
1321
|
background-color: #166534;
|
|
1322
1322
|
border-color: hsl(142.8, 64.2%, 19.3%);
|
|
1323
1323
|
}
|
|
1324
|
-
.tw_dark .dark\:tw_alert-success_dark svg {
|
|
1324
|
+
:is(.tw_dark .dark\:tw_alert-success_dark) svg {
|
|
1325
1325
|
color: #bbf7d0;
|
|
1326
1326
|
fill: currentColor;
|
|
1327
1327
|
}
|
|
1328
|
-
.tw_dark .dark\:tw_alert-warning_dark {
|
|
1328
|
+
:is(.tw_dark .dark\:tw_alert-warning_dark) {
|
|
1329
1329
|
background-color: #854d0e;
|
|
1330
1330
|
border-color: hsl(31.80000000000001, 81%, 23.1%);
|
|
1331
1331
|
}
|
|
1332
|
-
.tw_dark .dark\:tw_alert-warning_dark svg {
|
|
1332
|
+
:is(.tw_dark .dark\:tw_alert-warning_dark) svg {
|
|
1333
1333
|
color: #fef08a;
|
|
1334
1334
|
fill: currentColor;
|
|
1335
1335
|
}
|
|
1336
|
-
.tw_dark .dark\:tw_button-primary_dark {
|
|
1336
|
+
:is(.tw_dark .dark\:tw_button-primary_dark) {
|
|
1337
1337
|
border-color: #027AB8;
|
|
1338
1338
|
background-color: #027AB8;
|
|
1339
1339
|
}
|
|
1340
|
-
.tw_dark .dark\:tw_button-primary_dark:hover::before
|
|
1340
|
+
:is(.tw_dark .dark\:tw_button-primary_dark):hover::before,:is(.tw_dark .dark\:tw_button-primary_dark):focus::before {
|
|
1341
1341
|
opacity: 0.2;
|
|
1342
1342
|
}
|
|
1343
|
-
.tw_dark .dark\:tw_button-outline_dark {
|
|
1343
|
+
:is(.tw_dark .dark\:tw_button-outline_dark) {
|
|
1344
1344
|
border-color: #d1d5db;
|
|
1345
1345
|
color: #fff;
|
|
1346
1346
|
}
|
|
1347
|
-
.tw_dark .dark\:tw_button-outline_dark:hover::before
|
|
1347
|
+
:is(.tw_dark .dark\:tw_button-outline_dark):hover::before,:is(.tw_dark .dark\:tw_button-outline_dark):focus::before {
|
|
1348
1348
|
opacity: 0.3;
|
|
1349
1349
|
}
|
|
1350
|
-
.tw_dark .dark\:tw_button-secondary_dark {}
|
|
1351
|
-
.tw_dark .dark\:tw_checkbox-input_dark {
|
|
1350
|
+
:is(.tw_dark .dark\:tw_button-secondary_dark) {}
|
|
1351
|
+
:is(.tw_dark .dark\:tw_checkbox-input_dark) {
|
|
1352
1352
|
accent-color: #027AB8;
|
|
1353
1353
|
}
|
|
1354
|
-
.tw_dark .dark\:tw_input-base_dark {
|
|
1354
|
+
:is(.tw_dark .dark\:tw_input-base_dark) {
|
|
1355
1355
|
background-color: rgba(15, 23, 42, 0.5);
|
|
1356
1356
|
border-color: #374151;
|
|
1357
1357
|
color: #fff;
|
|
1358
1358
|
}
|
|
1359
|
-
.tw_dark .dark\:tw_input-base_dark:focus {
|
|
1359
|
+
:is(.tw_dark .dark\:tw_input-base_dark):focus {
|
|
1360
1360
|
background-color: rgba(15, 23, 42, 0.75);
|
|
1361
1361
|
}
|
|
1362
|
-
.tw_dark .dark\:tw_input-base_dark:hover {
|
|
1362
|
+
:is(.tw_dark .dark\:tw_input-base_dark):hover {
|
|
1363
1363
|
background-color: rgba(15, 23, 42, 0.75);
|
|
1364
1364
|
}
|
|
1365
|
-
.tw_dark .dark\:tw_input-base_dark[aria-invalid="true"] {
|
|
1365
|
+
:is(.tw_dark .dark\:tw_input-base_dark)[aria-invalid="true"] {
|
|
1366
1366
|
border-color: #fecaca;
|
|
1367
1367
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='rgb(254, 202, 202)' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z'/%3E%3C/svg%3E");;
|
|
1368
1368
|
background-color: rgba(15, 23, 42, 0.5);
|
|
1369
1369
|
}
|
|
1370
|
-
.tw_dark .dark\:tw_input-base_dark[aria-invalid="true"]:focus {
|
|
1370
|
+
:is(.tw_dark .dark\:tw_input-base_dark)[aria-invalid="true"]:focus {
|
|
1371
1371
|
outline-color: rgba(254, 202, 202, 0.7) !important;
|
|
1372
1372
|
background-color: rgba(15, 23, 42, 0.75);
|
|
1373
1373
|
}
|
|
1374
|
-
.tw_dark .dark\:tw_input-base_dark[aria-invalid="true"]:hover {
|
|
1374
|
+
:is(.tw_dark .dark\:tw_input-base_dark)[aria-invalid="true"]:hover {
|
|
1375
1375
|
background-color: rgba(15, 23, 42, 0.75);
|
|
1376
1376
|
}
|
|
1377
|
-
.tw_dark .dark\:tw_input-base_dark[aria-invalid="true"] ~ button {
|
|
1377
|
+
:is(.tw_dark .dark\:tw_input-base_dark)[aria-invalid="true"] ~ button {
|
|
1378
1378
|
border-color: #fecaca;
|
|
1379
1379
|
}
|
|
1380
|
-
.tw_dark .dark\:tw_input-label_dark {
|
|
1380
|
+
:is(.tw_dark .dark\:tw_input-label_dark) {
|
|
1381
1381
|
color: #d1d5db;
|
|
1382
1382
|
}
|
|
1383
|
-
:where(input:-webkit-autofill) + .tw_dark .dark\:tw_input-label_dark {
|
|
1383
|
+
:where(input:-webkit-autofill) + :is(.tw_dark .dark\:tw_input-label_dark) {
|
|
1384
1384
|
color: #374151;
|
|
1385
1385
|
}
|
|
1386
|
-
:where(input:autofill) + .tw_dark .dark\:tw_input-label_dark {
|
|
1386
|
+
:where(input:autofill) + :is(.tw_dark .dark\:tw_input-label_dark) {
|
|
1387
1387
|
color: #374151;
|
|
1388
1388
|
}
|
|
1389
|
-
.tw_dark .dark\:tw_input-error-message_dark {
|
|
1389
|
+
:is(.tw_dark .dark\:tw_input-error-message_dark) {
|
|
1390
1390
|
color: #fecaca;
|
|
1391
1391
|
}
|
|
1392
|
-
.tw_dark .dark\:tw_input-info-message_dark {
|
|
1392
|
+
:is(.tw_dark .dark\:tw_input-info-message_dark) {
|
|
1393
1393
|
color: #d1d5db;
|
|
1394
1394
|
}
|
|
1395
|
-
.tw_dark .dark\:tw_input-info-message_dark.tw_isInvalid {
|
|
1395
|
+
:is(.tw_dark .dark\:tw_input-info-message_dark).tw_isInvalid {
|
|
1396
1396
|
color: #fecaca;
|
|
1397
1397
|
}
|
|
1398
|
-
.tw_dark .dark\:tw_link_dark {
|
|
1398
|
+
:is(.tw_dark .dark\:tw_link_dark) {
|
|
1399
1399
|
color: #60a5fa;
|
|
1400
1400
|
}
|
|
1401
|
-
.tw_dark .dark\:tw_select-base_dark {
|
|
1401
|
+
:is(.tw_dark .dark\:tw_select-base_dark) {
|
|
1402
1402
|
background: no-repeat right 0.75rem center / 16px 12px url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgb(209, 213, 219)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
|
|
1403
1403
|
background-color: rgba(15, 23, 42, 0.5);
|
|
1404
1404
|
color: #d1d5db;
|
|
1405
1405
|
}
|
|
1406
|
-
.tw_dark .dark\:tw_select-base_dark:hover {
|
|
1406
|
+
:is(.tw_dark .dark\:tw_select-base_dark):hover {
|
|
1407
1407
|
background-color: rgba(15, 23, 42, 0.75);
|
|
1408
1408
|
}
|
|
1409
|
-
.tw_dark .dark\:tw_select-base_dark:focus {
|
|
1409
|
+
:is(.tw_dark .dark\:tw_select-base_dark):focus {
|
|
1410
1410
|
background-color: rgba(15, 23, 42, 0.75);
|
|
1411
1411
|
}
|
|
1412
|
-
.tw_dark .dark\:tw_select-base_dark[aria-invalid="true"] {
|
|
1412
|
+
:is(.tw_dark .dark\:tw_select-base_dark)[aria-invalid="true"] {
|
|
1413
1413
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgb(209, 213, 219)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='rgb(254, 202, 202)' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z'/%3E%3C/svg%3E");;
|
|
1414
1414
|
background-color: rgba(15, 23, 42, 0.5);
|
|
1415
1415
|
background-position: right 0.75rem center, center right 2.25rem;
|
|
1416
1416
|
background-size: 16px 12px, 1rem 1rem;
|
|
1417
1417
|
}
|
|
1418
|
-
.tw_dark .dark\:tw_containing-box_dark {
|
|
1418
|
+
:is(.tw_dark .dark\:tw_containing-box_dark) {
|
|
1419
1419
|
background-color: #1e293b;
|
|
1420
1420
|
}
|
|
1421
|
-
.tw_dark .dark\:tw_checkbox-input_animated_dark:checked + label > span:before {
|
|
1421
|
+
:is(.tw_dark .dark\:tw_checkbox-input_animated_dark):checked + label > span:before {
|
|
1422
1422
|
border-color: #027AB8;
|
|
1423
1423
|
}
|
|
1424
|
-
.tw_dark .dark\:tw_dialog-box_dark {
|
|
1424
|
+
:is(.tw_dark .dark\:tw_dialog-box_dark) {
|
|
1425
1425
|
background-color: #1e293b;
|
|
1426
1426
|
border-color: #000;
|
|
1427
1427
|
}
|
|
1428
|
-
.tw_dark .dark\:tw_dialog-box_dark::backdrop {
|
|
1428
|
+
:is(.tw_dark .dark\:tw_dialog-box_dark)::backdrop {
|
|
1429
1429
|
background-color: rgba(15, 23, 42, 0.8);
|
|
1430
1430
|
}
|
|
1431
|
-
.tw_dark .dark\:tw_dialog-header_dark {
|
|
1431
|
+
:is(.tw_dark .dark\:tw_dialog-header_dark) {
|
|
1432
1432
|
background-color: #1e293b;
|
|
1433
1433
|
border-bottom-color: #374151;
|
|
1434
1434
|
}
|
|
1435
|
-
.tw_dark .dark\:tw_dialog-logo_dark {
|
|
1435
|
+
:is(.tw_dark .dark\:tw_dialog-logo_dark) {
|
|
1436
1436
|
background-image: var(--logo-dark);
|
|
1437
1437
|
}
|
|
1438
|
-
.tw_dark .dark\:tw_input-floating_dark:-webkit-autofill + label {
|
|
1438
|
+
:is(.tw_dark .dark\:tw_input-floating_dark):-webkit-autofill + label {
|
|
1439
1439
|
color: #374151 !important;
|
|
1440
1440
|
}
|
|
1441
|
-
.tw_dark .dark\:tw_input-floating_dark:autofill + label {
|
|
1441
|
+
:is(.tw_dark .dark\:tw_input-floating_dark):autofill + label {
|
|
1442
1442
|
color: #374151 !important;
|
|
1443
1443
|
}
|
|
1444
|
-
.tw_dark .dark\:tw_animated-radio_dark:before {
|
|
1444
|
+
:is(.tw_dark .dark\:tw_animated-radio_dark):before {
|
|
1445
1445
|
border-color: #d1d5db;
|
|
1446
1446
|
box-shadow: none;
|
|
1447
1447
|
}
|
|
1448
|
-
.tw_dark .dark\:tw_animated-radio_dark:after {
|
|
1448
|
+
:is(.tw_dark .dark\:tw_animated-radio_dark):after {
|
|
1449
1449
|
background-color: #027AB8;
|
|
1450
1450
|
}
|
|
1451
|
-
.tw_dark .dark\:tw_radio-input_animated_dark:checked + label > span:before {
|
|
1451
|
+
:is(.tw_dark .dark\:tw_radio-input_animated_dark):checked + label > span:before {
|
|
1452
1452
|
border-color: #d1d5db;
|
|
1453
1453
|
}
|
|
1454
|
-
.tw_dark .dark\:tw_button-apple_dark {
|
|
1454
|
+
:is(.tw_dark .dark\:tw_button-apple_dark) {
|
|
1455
1455
|
border-color: #d1d5db;
|
|
1456
1456
|
background-color: #fff;
|
|
1457
1457
|
color: #000;
|
|
1458
1458
|
}
|
|
1459
|
-
.tw_dark .dark\:tw_button-apple_dark:hover::before
|
|
1459
|
+
:is(.tw_dark .dark\:tw_button-apple_dark):hover::before,:is(.tw_dark .dark\:tw_button-apple_dark):focus::before {
|
|
1460
1460
|
opacity: 0.1;
|
|
1461
1461
|
}
|
|
1462
|
-
.tw_dark .dark\:tw_button-facebook_dark {
|
|
1462
|
+
:is(.tw_dark .dark\:tw_button-facebook_dark) {
|
|
1463
1463
|
border-color: #d1d5db;
|
|
1464
1464
|
background-color: #fff;
|
|
1465
1465
|
color: #1877F2;
|
|
1466
1466
|
}
|
|
1467
|
-
.tw_dark .dark\:tw_button-facebook_dark:hover::before
|
|
1467
|
+
:is(.tw_dark .dark\:tw_button-facebook_dark):hover::before,:is(.tw_dark .dark\:tw_button-facebook_dark):focus::before {
|
|
1468
1468
|
opacity: 0.1;
|
|
1469
1469
|
}
|
|
1470
|
-
.tw_dark .dark\:tw_button-google_dark {
|
|
1470
|
+
:is(.tw_dark .dark\:tw_button-google_dark) {
|
|
1471
1471
|
border-color: #d1d5db;
|
|
1472
1472
|
background-color: #fff;
|
|
1473
1473
|
color: #000;
|
|
1474
1474
|
}
|
|
1475
|
-
.tw_dark .dark\:tw_button-google_dark:hover::before
|
|
1475
|
+
:is(.tw_dark .dark\:tw_button-google_dark):hover::before,:is(.tw_dark .dark\:tw_button-google_dark):focus::before {
|
|
1476
1476
|
opacity: 0.1;
|
|
1477
1477
|
}
|
|
1478
|
-
.tw_dark .dark\:tw_kba-fieldset_dark {
|
|
1478
|
+
:is(.tw_dark .dark\:tw_kba-fieldset_dark) {
|
|
1479
1479
|
border-color: hsl(217.89999999999998, 10.6%, 48.7%);
|
|
1480
1480
|
}
|
|
1481
|
-
.tw_dark .dark\:tw_kba-fieldset_dark:after {
|
|
1481
|
+
:is(.tw_dark .dark\:tw_kba-fieldset_dark):after {
|
|
1482
1482
|
border-color: hsl(217.89999999999998, 10.6%, 48.7%);
|
|
1483
1483
|
}
|
|
1484
|
-
.tw_dark .dark\:tw_kba-fieldset_dark:before {
|
|
1484
|
+
:is(.tw_dark .dark\:tw_kba-fieldset_dark):before {
|
|
1485
1485
|
border-color: hsl(217.89999999999998, 10.6%, 48.7%);
|
|
1486
1486
|
}
|
|
1487
|
-
.tw_dark .dark\:tw_kba-lock-icon_dark > svg {
|
|
1487
|
+
:is(.tw_dark .dark\:tw_kba-lock-icon_dark) > svg {
|
|
1488
1488
|
color: #d1d5db;
|
|
1489
1489
|
fill: currentcolor;
|
|
1490
1490
|
}
|
|
1491
|
-
.tw_dark .dark\:tw_password-button_dark {
|
|
1491
|
+
:is(.tw_dark .dark\:tw_password-button_dark) {
|
|
1492
1492
|
background-color: rgba(15, 23, 42, 0.5);
|
|
1493
1493
|
}
|
|
1494
|
-
.tw_dark .dark\:tw_password-icon_dark {
|
|
1494
|
+
:is(.tw_dark .dark\:tw_password-icon_dark) {
|
|
1495
1495
|
color: #d1d5db;
|
|
1496
1496
|
}
|
|
1497
|
-
|
|
1497
|
+
@media (min-width: 768px) {
|
|
1498
|
+
.md\:tw_containing-box_medium {
|
|
1499
|
+
height: -moz-fit-content;
|
|
1500
|
+
height: fit-content;
|
|
1501
|
+
margin: auto 0;
|
|
1502
|
+
padding: 2.5rem 2.5rem;
|
|
1503
|
+
}
|
|
1504
|
+
.md\:tw_dialog-box_medium {
|
|
1505
|
+
height: -moz-fit-content;
|
|
1506
|
+
height: fit-content;
|
|
1507
|
+
margin: auto;
|
|
1508
|
+
max-width: 32rem;
|
|
1509
|
+
padding: 0px;
|
|
1510
|
+
}
|
|
1511
|
+
.md\:tw_dialog-box_medium .tw_dialog-body {
|
|
1512
|
+
margin: 1.5rem 3rem 4rem;
|
|
1513
|
+
}
|
|
1514
|
+
.md\:tw_dialog-box_medium .tw_dialog-header {
|
|
1515
|
+
padding: 2rem 7rem;
|
|
1516
|
+
margin-bottom: 4rem;
|
|
1517
|
+
}
|
|
1518
|
+
.md\:tw_dialog-box_medium .tw_dialog-no-header {
|
|
1519
|
+
padding: 2.5rem 0;
|
|
1520
|
+
}
|
|
1521
|
+
.md\:tw_dialog-x_medium {}
|
|
1522
|
+
}
|
|
1523
|
+
:is(.tw_dark .dark\:tw_border-secondary-dark) {
|
|
1498
1524
|
--tw-border-opacity: 1;
|
|
1499
1525
|
border-color: rgb(55 65 81 / var(--tw-border-opacity));
|
|
1500
1526
|
}
|
|
1501
|
-
.tw_dark .dark\:tw_bg-background-dark {
|
|
1527
|
+
:is(.tw_dark .dark\:tw_bg-background-dark) {
|
|
1502
1528
|
--tw-bg-opacity: 1;
|
|
1503
1529
|
background-color: rgb(30 41 59 / var(--tw-bg-opacity));
|
|
1504
1530
|
}
|
|
1505
|
-
.tw_dark .dark\:tw_bg-body-dark {
|
|
1531
|
+
:is(.tw_dark .dark\:tw_bg-body-dark) {
|
|
1506
1532
|
--tw-bg-opacity: 1;
|
|
1507
1533
|
background-color: rgb(15 23 42 / var(--tw-bg-opacity));
|
|
1508
1534
|
}
|
|
1509
|
-
.tw_dark .dark\:tw_text-
|
|
1535
|
+
:is(.tw_dark .dark\:tw_text-error-light) {
|
|
1510
1536
|
--tw-text-opacity: 1;
|
|
1511
|
-
color: rgb(
|
|
1537
|
+
color: rgb(254 202 202 / var(--tw-text-opacity));
|
|
1512
1538
|
}
|
|
1513
|
-
.tw_dark .dark\:tw_text-link-light {
|
|
1539
|
+
:is(.tw_dark .dark\:tw_text-link-light) {
|
|
1514
1540
|
--tw-text-opacity: 1;
|
|
1515
1541
|
color: rgb(96 165 250 / var(--tw-text-opacity));
|
|
1516
1542
|
}
|
|
1517
|
-
.tw_dark .dark\:tw_text-
|
|
1543
|
+
:is(.tw_dark .dark\:tw_text-secondary-light) {
|
|
1518
1544
|
--tw-text-opacity: 1;
|
|
1519
|
-
color: rgb(
|
|
1545
|
+
color: rgb(209 213 219 / var(--tw-text-opacity));
|
|
1520
1546
|
}
|
|
1521
|
-
.tw_dark .dark\:tw_text-
|
|
1547
|
+
:is(.tw_dark .dark\:tw_text-white) {
|
|
1522
1548
|
--tw-text-opacity: 1;
|
|
1523
|
-
color: rgb(
|
|
1549
|
+
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
1524
1550
|
}
|
|
1525
|
-
.tw_dark .dark\:tw_focusable-element_dark {
|
|
1551
|
+
:is(.tw_dark .dark\:tw_focusable-element_dark) {
|
|
1526
1552
|
outline-color: hsla(272.1, 71.7%, 56.5%, 0.30000000000000004);
|
|
1527
1553
|
}
|
|
1528
|
-
.tw_dark .dark\:tw_focusable-element_dark:focus {
|
|
1554
|
+
:is(.tw_dark .dark\:tw_focusable-element_dark):focus {
|
|
1529
1555
|
outline-color: hsla(272.1, 71.7%, 56.5%, 0.9);
|
|
1530
1556
|
}
|
|
1531
|
-
.tw_dark .dark\:tw_primary-header_dark {
|
|
1557
|
+
:is(.tw_dark .dark\:tw_primary-header_dark) {
|
|
1532
1558
|
color: #d1d5db;
|
|
1533
1559
|
}
|
|
1534
|
-
.tw_dark .dark\:tw_secondary-header_dark {
|
|
1560
|
+
:is(.tw_dark .dark\:tw_secondary-header_dark) {
|
|
1535
1561
|
color: #d1d5db;
|
|
1536
1562
|
}
|
|
1537
1563
|
@media (min-width: 768px) {
|
|
1538
1564
|
.md\:tw_h-36 {
|
|
1539
1565
|
height: 9rem;
|
|
1540
1566
|
}
|
|
1541
|
-
.md\:tw_containing-box_medium {
|
|
1542
|
-
height: -moz-fit-content;
|
|
1543
|
-
height: fit-content;
|
|
1544
|
-
margin: auto 0;
|
|
1545
|
-
padding: 2.5rem 2.5rem;
|
|
1546
|
-
}
|
|
1547
|
-
.md\:tw_dialog-box_medium {
|
|
1548
|
-
height: -moz-fit-content;
|
|
1549
|
-
height: fit-content;
|
|
1550
|
-
margin: auto;
|
|
1551
|
-
max-width: 32rem;
|
|
1552
|
-
padding: 0px;
|
|
1553
|
-
}
|
|
1554
|
-
.md\:tw_dialog-box_medium .tw_dialog-body {
|
|
1555
|
-
margin: 1.5rem 3rem 4rem;
|
|
1556
|
-
}
|
|
1557
|
-
.md\:tw_dialog-box_medium .tw_dialog-header {
|
|
1558
|
-
padding: 2rem 7rem;
|
|
1559
|
-
margin-bottom: 4rem;
|
|
1560
|
-
}
|
|
1561
|
-
.md\:tw_dialog-box_medium .tw_dialog-no-header {
|
|
1562
|
-
padding: 2.5rem 0;
|
|
1563
|
-
}
|
|
1564
|
-
.md\:tw_dialog-x_medium {}
|
|
1565
1567
|
.md\:tw_pt-10 {
|
|
1566
1568
|
padding-top: 2.5rem;
|
|
1567
1569
|
}
|