master-components-react-ts 1.0.14 → 1.1.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 (2) hide show
  1. package/dist/index.js +736 -736
  2. package/package.json +4 -52
package/dist/index.js CHANGED
@@ -320,6 +320,237 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
320
320
  font-family: "Inter-Medium";
321
321
  src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
322
322
  }
323
+ .Toggle-module__toggleWrapper {
324
+ position: relative;
325
+ overflow: hidden;
326
+ border-radius: 13.333px;
327
+ background: #c1c2c7;
328
+ padding: 4px;
329
+ cursor: pointer;
330
+ }
331
+ .Toggle-module__toggleWrapper.Toggle-module__checked {
332
+ background: #0058FF;
333
+ }
334
+ .Toggle-module__toggleWrapper.Toggle-module__error {
335
+ background: #e3292f;
336
+ }
337
+ .Toggle-module__toggleWrapper.Toggle-module__disabled {
338
+ background: #d4d5d6;
339
+ cursor: not-allowed;
340
+ }
341
+ .Toggle-module__toggleWrapper.Toggle-module__disabled.Toggle-module__checked {
342
+ background: #95969c;
343
+ }
344
+ .Toggle-module__toggleWrapper.Toggle-module__sm {
345
+ width: 24px;
346
+ height: 16px;
347
+ }
348
+ .Toggle-module__toggleWrapper.Toggle-module__sm.Toggle-module__checked .Toggle-module__toggleState {
349
+ left: calc(100% - 12px);
350
+ }
351
+ .Toggle-module__toggleWrapper.Toggle-module__sm .Toggle-module__toggleState {
352
+ width: 8px;
353
+ height: 8px;
354
+ }
355
+ .Toggle-module__toggleWrapper.Toggle-module__md {
356
+ width: 32px;
357
+ height: 20px;
358
+ }
359
+ .Toggle-module__toggleWrapper.Toggle-module__md.Toggle-module__checked .Toggle-module__toggleState {
360
+ left: calc(100% - 16px);
361
+ }
362
+ .Toggle-module__toggleWrapper.Toggle-module__md .Toggle-module__toggleState {
363
+ width: 12px;
364
+ height: 12px;
365
+ }
366
+ .Toggle-module__toggleWrapper.Toggle-module__lg {
367
+ width: 40px;
368
+ height: 24px;
369
+ }
370
+ .Toggle-module__toggleWrapper.Toggle-module__lg .Toggle-module__toggleState {
371
+ width: 16px;
372
+ height: 16px;
373
+ }
374
+ .Toggle-module__toggleWrapper.Toggle-module__lg.Toggle-module__checked .Toggle-module__toggleState {
375
+ left: calc(100% - 20px);
376
+ }
377
+ .Toggle-module__toggleWrapper .Toggle-module__toggleState {
378
+ border-radius: 8px;
379
+ background: #fff;
380
+ position: absolute;
381
+ top: 50%;
382
+ left: 4px;
383
+ transform: translateY(-50%);
384
+ transition: 0.2s all;
385
+ }@font-face {
386
+ font-family: "Inter-Regular";
387
+ src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
388
+ }
389
+ @font-face {
390
+ font-family: "Inter-SemiBold";
391
+ src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
392
+ }
393
+ @font-face {
394
+ font-family: "Inter-Medium";
395
+ src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
396
+ }
397
+ .Checkbox-module__checkboxWrapper {
398
+ overflow: hidden;
399
+ border: 2px solid #c1c2c7;
400
+ background: #ffffff;
401
+ position: relative;
402
+ padding: 5px 4px;
403
+ border-radius: 3px;
404
+ cursor: pointer;
405
+ transition: 0.2;
406
+ display: grid;
407
+ place-items: center;
408
+ width: 18px;
409
+ height: 18px;
410
+ user-select: none;
411
+ -webkit-user-select: none;
412
+ -moz-user-select: none;
413
+ -ms-user-select: none;
414
+ }
415
+ .Checkbox-module__checkboxWrapper .Checkbox-module__checkMark {
416
+ display: grid;
417
+ place-items: center;
418
+ }
419
+ .Checkbox-module__checkboxWrapper .Checkbox-module__checkMark svg {
420
+ width: 0.625rem;
421
+ user-select: none;
422
+ pointer-events: none;
423
+ }
424
+ .Checkbox-module__checkboxWrapper.Checkbox-module__error {
425
+ border-color: #e3292f;
426
+ }
427
+ .Checkbox-module__checkboxWrapper.Checkbox-module__error.Checkbox-module__checked {
428
+ background: #e3292f;
429
+ border: none;
430
+ }
431
+ .Checkbox-module__checkboxWrapper.Checkbox-module__checked {
432
+ background: #0058ff;
433
+ border: none;
434
+ }
435
+ .Checkbox-module__checkboxWrapper.Checkbox-module__checked.Checkbox-module__disabled {
436
+ background: #95969c;
437
+ }
438
+ .Checkbox-module__checkboxWrapper.Checkbox-module__disabled {
439
+ cursor: not-allowed;
440
+ border-color: #c1c2c7 !important;
441
+ }
442
+
443
+ .Checkbox-module__Namespace_Hr.Checkbox-module__checkboxWrapper.Checkbox-module__checked {
444
+ background: #32b45f;
445
+ border: 0.0625rem solid #32b45f;
446
+ }
447
+ .Checkbox-module__Namespace_Hr.Checkbox-module__checkboxWrapper.Checkbox-module__checked:hover {
448
+ background: #24994d;
449
+ border: 0.0625rem solid #24994d;
450
+ }
451
+
452
+ .Checkbox-module__dark {
453
+ background: #373a41;
454
+ border: unset;
455
+ }
456
+ .Checkbox-module__dark.Checkbox-module__checked {
457
+ background: #0158ff;
458
+ border: 0.0625rem solid #0158ff;
459
+ }
460
+ .Checkbox-module__dark.Checkbox-module__checked.Checkbox-module__disabled svg path {
461
+ stroke: #d5d7da;
462
+ }
463
+ .Checkbox-module__dark.Checkbox-module__disabled {
464
+ background: #8d8d8d !important;
465
+ border: 0.0625rem solid #373a41 !important;
466
+ }@font-face {
467
+ font-family: "Inter-Regular";
468
+ src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
469
+ }
470
+ @font-face {
471
+ font-family: "Inter-SemiBold";
472
+ src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
473
+ }
474
+ @font-face {
475
+ font-family: "Inter-Medium";
476
+ src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
477
+ }
478
+ .Radio-module__radioWrapper {
479
+ width: 24px;
480
+ height: 24px;
481
+ border-radius: 50%;
482
+ overflow: hidden;
483
+ position: relative;
484
+ cursor: pointer;
485
+ transition: 0.2s;
486
+ }@font-face {
487
+ font-family: "Inter-Regular";
488
+ src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
489
+ }
490
+ @font-face {
491
+ font-family: "Inter-SemiBold";
492
+ src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
493
+ }
494
+ @font-face {
495
+ font-family: "Inter-Medium";
496
+ src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
497
+ }
498
+ .Skeleton-module__skeleton {
499
+ background-color: #e0e0e0;
500
+ border-radius: 4px;
501
+ position: relative;
502
+ overflow: hidden;
503
+ display: grid;
504
+ place-items: center;
505
+ }
506
+ .Skeleton-module__skeleton::after {
507
+ content: "";
508
+ position: absolute;
509
+ top: 0;
510
+ left: 0;
511
+ right: 0;
512
+ bottom: 0;
513
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
514
+ animation: Skeleton-module__shimmer 1.5s infinite;
515
+ }
516
+
517
+ .Skeleton-module__text {
518
+ height: 1rem;
519
+ width: 100%;
520
+ margin: 8px 0;
521
+ }
522
+
523
+ .Skeleton-module__avatar {
524
+ height: 40px;
525
+ width: 40px;
526
+ border-radius: 50%;
527
+ }
528
+
529
+ @keyframes Skeleton-module__shimmer {
530
+ 0% {
531
+ transform: translateX(-100%);
532
+ }
533
+ 100% {
534
+ transform: translateX(100%);
535
+ }
536
+ }
537
+ .Skeleton-module__dark.Skeleton-module__skeleton {
538
+ background-color: #5a5a5a;
539
+ }
540
+ .Skeleton-module__dark.Skeleton-module__skeleton::after {
541
+ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%);
542
+ }@font-face {
543
+ font-family: "Inter-Regular";
544
+ src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
545
+ }
546
+ @font-face {
547
+ font-family: "Inter-SemiBold";
548
+ src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
549
+ }
550
+ @font-face {
551
+ font-family: "Inter-Medium";
552
+ src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
553
+ }
323
554
  .NotificationToast-module__toastContainer {
324
555
  display: flex;
325
556
  flex-direction: column;
@@ -498,131 +729,145 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
498
729
  font-family: "Inter-Medium";
499
730
  src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
500
731
  }
501
- .Checkbox-module__checkboxWrapper {
502
- overflow: hidden;
503
- border: 2px solid #c1c2c7;
504
- background: #ffffff;
505
- position: relative;
506
- padding: 5px 4px;
507
- border-radius: 3px;
508
- cursor: pointer;
509
- transition: 0.2;
732
+ .Popup-module__modalOverlay {
733
+ width: 100vw;
734
+ height: 100vh;
510
735
  display: grid;
511
736
  place-items: center;
512
- width: 18px;
513
- height: 18px;
514
- user-select: none;
515
- -webkit-user-select: none;
516
- -moz-user-select: none;
517
- -ms-user-select: none;
737
+ position: fixed;
738
+ top: 0;
739
+ left: 0;
740
+ z-index: 250;
741
+ background: rgba(10, 13, 18, 0.7);
518
742
  }
519
- .Checkbox-module__checkboxWrapper .Checkbox-module__checkMark {
520
- display: grid;
521
- place-items: center;
743
+ .Popup-module__modalOverlay ::-webkit-scrollbar {
744
+ width: 0;
522
745
  }
523
- .Checkbox-module__checkboxWrapper .Checkbox-module__checkMark svg {
524
- width: 0.625rem;
525
- user-select: none;
526
- pointer-events: none;
746
+ .Popup-module__modalOverlay ::-webkit-scrollbar-track {
747
+ -webkit-box-shadow: none;
527
748
  }
528
- .Checkbox-module__checkboxWrapper.Checkbox-module__error {
529
- border-color: #e3292f;
749
+ .Popup-module__modalOverlay ::-webkit-scrollbar-thumb {
750
+ background-color: none;
751
+ outline: 0;
530
752
  }
531
- .Checkbox-module__checkboxWrapper.Checkbox-module__error.Checkbox-module__checked {
532
- background: #e3292f;
533
- border: none;
753
+ .Popup-module__modalOverlay.Popup-module__popupDrawerMode {
754
+ overflow: hidden;
755
+ place-items: end;
534
756
  }
535
- .Checkbox-module__checkboxWrapper.Checkbox-module__checked {
536
- background: #0058ff;
537
- border: none;
757
+ .Popup-module__modalOverlay.Popup-module__popupDrawerMode .Popup-module__popupContainer {
758
+ min-height: unset;
759
+ max-height: unset;
760
+ min-width: 17.5rem;
761
+ height: 100vh;
762
+ animation: Popup-module__EnterFromLeft 0.3s forwards;
538
763
  }
539
- .Checkbox-module__checkboxWrapper.Checkbox-module__checked.Checkbox-module__disabled {
540
- background: #95969c;
764
+ @keyframes Popup-module__EnterFromLeft {
765
+ from {
766
+ left: 100%;
767
+ }
768
+ to {
769
+ left: 0;
770
+ }
541
771
  }
542
- .Checkbox-module__checkboxWrapper.Checkbox-module__disabled {
543
- cursor: not-allowed;
544
- border-color: #c1c2c7 !important;
772
+ .Popup-module__modalOverlay .Popup-module__popupContainer {
773
+ padding: 1.5rem;
774
+ min-height: 13.75rem;
775
+ max-height: calc(100vh - 5.625rem);
776
+ position: relative;
777
+ transition: 0.2s;
778
+ z-index: 280;
779
+ border-radius: 0.75rem;
780
+ background: #fff;
781
+ /* Shadows/shadow-xl */
782
+ box-shadow: 0rem 1.25rem 1.5rem -0.25rem rgba(10, 13, 18, 0.08), 0rem 0.5rem 0.5rem -0.25rem rgba(10, 13, 18, 0.03), 0rem 0.1875rem 0.1875rem -0.0938rem rgba(10, 13, 18, 0.04);
783
+ animation: Popup-module__fadeIn 0.3s forwards;
545
784
  }
546
-
547
- .Checkbox-module__Namespace_Hr.Checkbox-module__checkboxWrapper.Checkbox-module__checked {
548
- background: #32b45f;
549
- border: 0.0625rem solid #32b45f;
785
+ @keyframes Popup-module__fadeIn {
786
+ from {
787
+ opacity: 0;
788
+ }
789
+ to {
790
+ opacity: 1;
791
+ }
550
792
  }
551
- .Checkbox-module__Namespace_Hr.Checkbox-module__checkboxWrapper.Checkbox-module__checked:hover {
552
- background: #24994d;
553
- border: 0.0625rem solid #24994d;
793
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__closeButton {
794
+ display: grid;
795
+ place-items: center;
796
+ cursor: pointer;
797
+ position: absolute;
798
+ top: 1.25rem;
799
+ right: 1.5rem;
800
+ z-index: 14;
554
801
  }
555
-
556
- .Checkbox-module__dark {
557
- background: #373a41;
558
- border: unset;
802
+ .Popup-module__modalOverlay .Popup-module__popupContainer.Popup-module__withOptions {
803
+ width: 25rem;
559
804
  }
560
- .Checkbox-module__dark.Checkbox-module__checked {
561
- background: #0158ff;
562
- border: 0.0625rem solid #0158ff;
805
+ .Popup-module__modalOverlay .Popup-module__popupContainer.Popup-module__withOptions.Popup-module__horizontal {
806
+ width: 34rem;
563
807
  }
564
- .Checkbox-module__dark.Checkbox-module__checked.Checkbox-module__disabled svg path {
565
- stroke: #d5d7da;
808
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader {
809
+ width: 100%;
810
+ position: sticky;
811
+ top: 0;
812
+ background: #ffffff;
813
+ z-index: 1;
566
814
  }
567
- .Checkbox-module__dark.Checkbox-module__disabled {
568
- background: #8d8d8d !important;
569
- border: 0.0625rem solid #373a41 !important;
570
- }@font-face {
571
- font-family: "Inter-Regular";
572
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
815
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle {
816
+ margin-top: 1rem;
573
817
  }
574
- @font-face {
575
- font-family: "Inter-SemiBold";
576
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
818
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle h2 {
819
+ color: #181d27;
820
+ font-size: 1.125rem;
821
+ font-style: normal;
822
+ font-weight: 600;
823
+ line-height: 1.75rem; /* 155.556% */
824
+ font-family: "Inter", sans-serif;
825
+ line-height: 1.75rem; /* 155.556% */
577
826
  }
578
- @font-face {
579
- font-family: "Inter-Medium";
580
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
827
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription {
828
+ margin-top: 0.25rem;
581
829
  }
582
- .Skeleton-module__skeleton {
583
- background-color: #e0e0e0;
584
- border-radius: 4px;
585
- position: relative;
586
- overflow: hidden;
830
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription p {
831
+ color: #535862;
832
+ font-size: 0.875rem;
833
+ font-style: normal;
834
+ font-weight: 400;
835
+ line-height: 1.25rem; /* 142.857% */
836
+ font-family: "Inter", sans-serif;
837
+ }
838
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__typeIcon {
839
+ display: flex;
840
+ align-items: center;
841
+ justify-content: space-between;
842
+ }
843
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__typeIcon .Popup-module__icon {
587
844
  display: grid;
588
845
  place-items: center;
846
+ width: 3rem;
847
+ height: 3rem;
848
+ border-radius: 624.9375rem;
589
849
  }
590
- .Skeleton-module__skeleton::after {
591
- content: "";
592
- position: absolute;
593
- top: 0;
594
- left: 0;
595
- right: 0;
596
- bottom: 0;
597
- background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
598
- animation: Skeleton-module__shimmer 1.5s infinite;
599
- }
600
-
601
- .Skeleton-module__text {
602
- height: 1rem;
850
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__templateWrapper {
603
851
  width: 100%;
604
- margin: 8px 0;
852
+ position: relative;
605
853
  }
606
854
 
607
- .Skeleton-module__avatar {
608
- height: 40px;
609
- width: 40px;
610
- border-radius: 50%;
855
+ .Popup-module__dark.Popup-module__modalOverlay {
856
+ background: rgba(34, 38, 47, 0.4588235294);
611
857
  }
612
-
613
- @keyframes Skeleton-module__shimmer {
614
- 0% {
615
- transform: translateX(-100%);
616
- }
617
- 100% {
618
- transform: translateX(100%);
619
- }
858
+ .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer {
859
+ background: #0c0e12;
860
+ /* Shadows/shadow-xl */
861
+ box-shadow: 0rem 1.25rem 1.5rem -0.25rem rgba(10, 13, 18, 0.08), 0rem 0.5rem 0.5rem -0.25rem rgba(10, 13, 18, 0.03), 0rem 0.1875rem 0.1875rem -0.0938rem rgba(10, 13, 18, 0.04);
620
862
  }
621
- .Skeleton-module__dark.Skeleton-module__skeleton {
622
- background-color: #5a5a5a;
863
+ .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader {
864
+ background: #0c0e12;
623
865
  }
624
- .Skeleton-module__dark.Skeleton-module__skeleton::after {
625
- background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%);
866
+ .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle h2 {
867
+ color: #f7f7f7;
868
+ }
869
+ .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription p {
870
+ color: #94979c;
626
871
  }@font-face {
627
872
  font-family: "Inter-Regular";
628
873
  src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
@@ -635,233 +880,116 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
635
880
  font-family: "Inter-Medium";
636
881
  src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
637
882
  }
638
- .FormInput-module__inputWrapper {
883
+ .ActionDropdown-module__actionDropdownContainer {
639
884
  width: 100%;
640
- display: flex;
641
- flex-direction: column;
642
- gap: 10px;
643
- }
644
- .FormInput-module__inputWrapper.FormInput-module__sm .FormInput-module__formInputWrapper {
645
- height: 36px;
646
885
  }
647
- .FormInput-module__inputWrapper.FormInput-module__md .FormInput-module__formInputWrapper {
648
- height: 40px;
886
+ .ActionDropdown-module__actionDropdownContainer.ActionDropdown-module__collapsed .ActionDropdown-module__actionDropdownIcon {
887
+ transform: rotate(180deg);
649
888
  }
650
- .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputLabel {
889
+ .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent {
651
890
  width: 100%;
652
- overflow: hidden;
653
- color: #95969c;
654
- text-overflow: ellipsis;
655
- font-family: "Inter-Medium";
656
- font-size: 12px;
657
- font-style: normal;
658
- font-weight: 450;
659
- line-height: 16px; /* 133.333% */
660
- letter-spacing: 0.1px;
891
+ border-radius: 6px;
892
+ background: #f2f2f2;
893
+ display: flex;
894
+ align-items: center;
895
+ justify-content: space-between;
896
+ cursor: pointer;
897
+ user-select: none;
898
+ -webkit-user-select: none;
899
+ -moz-user-select: none;
900
+ -ms-user-select: none;
661
901
  }
662
- .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInput {
663
- width: 100%;
902
+ .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent .ActionDropdown-module__actionDropdownTitle {
903
+ width: 90%;
904
+ white-space: nowrap;
664
905
  overflow: hidden;
665
- color: #7a7b80;
906
+ color: #131314;
907
+ font-feature-settings: "liga" off, "clig" off;
666
908
  text-overflow: ellipsis;
667
- font-family: "Inter-Regular";
909
+ font-family: "Inter-Regular", sans-serif;
668
910
  font-size: 14px;
669
- font-style: normal;
670
911
  font-weight: 400;
671
- line-height: 24px; /* 171.429% */
912
+ line-height: 24px;
672
913
  letter-spacing: 0.1px;
914
+ border-right: 1px solid #ffffff;
915
+ padding: 8px 16px;
673
916
  }
674
- .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputHelperText {
675
- width: 100%;
676
- overflow: hidden;
677
- color: #95969c;
678
- text-overflow: ellipsis;
679
- font-family: "Inter-Medium";
680
- font-size: 12px;
681
- font-style: normal;
682
- font-weight: 450;
683
- line-height: 16px; /* 133.333% */
684
- letter-spacing: 0.1px;
917
+ .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent .ActionDropdown-module__actionDropdownIcon {
918
+ display: flex;
919
+ align-items: center;
920
+ justify-content: center;
921
+ padding: 8px;
922
+ width: 40px;
923
+ height: 40px;
924
+ transition: transform 0.2s ease-in-out;
685
925
  }
686
- .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputWrapper {
687
- border-radius: 6px;
688
- border: 1px solid #e6e6e6;
689
- background: #fafafa;
690
- }
691
- .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputWrapper .FormInput-module__formInput {
692
- width: 100%;
693
- overflow: hidden;
694
- color: #7a7b80;
695
- text-overflow: ellipsis;
696
- font-family: "Inter-Regular";
697
- font-size: 14px;
698
- font-style: normal;
699
- font-weight: 400;
700
- line-height: 24px; /* 171.429% */
701
- letter-spacing: 0.1px;
702
- cursor: not-allowed;
703
- }
704
- .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputWrapper .FormInput-module__formInput::placeholder {
705
- width: 100%;
706
- overflow: hidden;
707
- color: #7a7b80;
708
- text-overflow: ellipsis;
709
- font-family: "Inter-Regular";
710
- font-size: 14px;
711
- font-style: normal;
712
- font-weight: 400;
713
- line-height: 24px; /* 171.429% */
714
- letter-spacing: 0.1px;
715
- }
716
- .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper {
717
- width: 100%;
718
- display: flex;
719
- align-items: center;
720
- justify-content: space-between;
721
- }
722
- .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper .FormInput-module__formInputLabel {
723
- width: 100%;
724
- width: 100%;
725
- overflow: hidden;
726
- color: #131314;
727
- font-family: "Inter-Medium";
728
- font-size: 12px;
729
- font-style: normal;
730
- font-weight: 450;
731
- line-height: 16px; /* 171.429% */
732
- letter-spacing: 0.1px;
733
- }
734
- .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper .FormInput-module__formInputLabel .FormInput-module__formInputRequired {
735
- overflow: hidden;
736
- color: #e3292f;
737
- text-overflow: ellipsis;
738
- font-family: "Inter-Medium";
739
- font-size: 12px;
740
- font-style: normal;
741
- font-weight: 450;
742
- line-height: 16px; /* 133.333% */
743
- letter-spacing: 0.1px;
744
- }
745
- .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper .FormInput-module__formInputHelperSlot {
746
- display: flex;
747
- align-items: center;
748
- justify-content: center;
749
- }
750
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper {
926
+ .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList {
751
927
  width: 100%;
752
- display: flex;
753
- align-items: center;
754
- gap: 8px;
755
- padding: 8px;
756
- border-radius: 6px;
928
+ border-radius: 12px;
757
929
  border: 1px solid #e6e6e6;
758
930
  background: #fff;
931
+ box-shadow: 0px 2px 4px 0px rgba(19, 19, 20, 0.04);
932
+ height: 250px;
933
+ overflow: auto;
934
+ padding: 8px;
759
935
  }
760
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__errorState {
761
- border-radius: 6px;
762
- background: #fff;
763
- outline: 1px solid #f63e45;
764
- outline-offset: -1px;
765
- box-shadow: none;
766
- }
767
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__focused {
768
- border-radius: 6px;
769
- background: #fff;
770
- outline: 2px solid #0058ff;
771
- outline-offset: -2px;
772
- box-shadow: none;
773
- }
774
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__active {
775
- border-radius: 6px;
776
- background: #fff;
777
- outline: 1.5px solid #0058ff;
778
- outline-offset: -1.5px;
779
- box-shadow: 0 0 0 2px #dee9fc;
780
- }
781
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__errorFocused {
782
- border-radius: 6px;
783
- background: #fff;
784
- outline: 2px solid #f63e45;
785
- outline-offset: -2px;
786
- box-shadow: none;
787
- }
788
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__errorActive {
789
- border-radius: 6px;
790
- background: #fff;
791
- outline: 1.5px solid #f63e45;
792
- outline-offset: -1.5px;
793
- box-shadow: 0 0 0 2px #fcdcdd;
794
- }
795
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper input.FormInput-module__formInput {
796
- width: 100%;
797
- border: none;
798
- outline: none;
799
- background-color: transparent;
800
- caret-color: #0058ff;
936
+ .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem {
801
937
  width: 100%;
938
+ border-radius: 4px;
939
+ background: #fff;
940
+ padding: 6px 10px;
802
941
  overflow: hidden;
803
942
  color: #131314;
943
+ font-feature-settings: "liga" off, "clig" off;
804
944
  text-overflow: ellipsis;
805
- font-family: "Inter-Regular";
945
+ font-family: "Inter-Regular", sans-serif;
806
946
  font-size: 14px;
807
- font-style: normal;
808
947
  font-weight: 400;
809
- line-height: 24px; /* 171.429% */
948
+ line-height: 24px;
810
949
  letter-spacing: 0.1px;
950
+ cursor: pointer;
811
951
  }
812
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper input.FormInput-module__formInput::placeholder {
813
- width: 100%;
814
- overflow: hidden;
815
- color: #646569;
816
- text-overflow: ellipsis;
952
+ .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem:hover, .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem.ActionDropdown-module__selected {
953
+ border-radius: 4px;
954
+ background: #f2f2f2;
955
+ }@font-face {
817
956
  font-family: "Inter-Regular";
818
- font-size: 14px;
819
- font-style: normal;
820
- font-weight: 400;
821
- line-height: 24px; /* 171.429% */
822
- letter-spacing: 0.1px;
957
+ src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
823
958
  }
824
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper .FormInput-module__formInputSlot {
825
- display: grid;
826
- place-items: center;
959
+ @font-face {
960
+ font-family: "Inter-SemiBold";
961
+ src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
827
962
  }
828
- .FormInput-module__inputWrapper .FormInput-module__formInputHelperText {
829
- width: 100%;
830
- overflow: hidden;
831
- color: #131314;
832
- text-overflow: ellipsis;
963
+ @font-face {
833
964
  font-family: "Inter-Medium";
834
- font-size: 12px;
835
- font-style: normal;
836
- font-weight: 450;
837
- line-height: 16px; /* 133.333% */
838
- letter-spacing: 0.1px;
965
+ src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
839
966
  }
840
- .FormInput-module__inputWrapper .FormInput-module__formInputHelperText.FormInput-module__errorHelperText {
967
+ .Datepicker-module__datepickerContainer {
841
968
  width: 100%;
842
- overflow: hidden;
843
- color: #e3292f;
844
- text-overflow: ellipsis;
845
- font-family: "Inter-Medium";
846
- font-size: 12px;
847
- font-style: normal;
848
- font-weight: 450;
849
- line-height: 16px; /* 133.333% */
850
- letter-spacing: 0.1px;
851
- color: #e3292f;
969
+ user-select: none;
970
+ scroll-behavior: smooth;
852
971
  }
853
- .FormInput-module__inputWrapper .FormInput-module__formInputHelperText.FormInput-module__successHelperText {
972
+ .Datepicker-module__datepickerContainer::-webkit-scrollbar {
973
+ display: block !important;
974
+ width: 0;
975
+ }
976
+ .Datepicker-module__datepickerContainer::-webkit-scrollbar-thumb {
977
+ opacity: 0;
978
+ }
979
+ .Datepicker-module__datepickerContainer .Datepicker-module__datepickerInputWrapper {
854
980
  width: 100%;
855
- overflow: hidden;
856
- color: #328707;
857
- text-overflow: ellipsis;
858
- font-family: "Inter-Medium";
859
- font-size: 12px;
860
- font-style: normal;
861
- font-weight: 450;
862
- line-height: 16px; /* 133.333% */
863
- letter-spacing: 0.1px;
864
- color: #328707;
981
+ cursor: pointer;
982
+ }
983
+ .Datepicker-module__datepickerContainer .Datepicker-module__datepickerInputWrapper .Datepicker-module__datepickerLeftIcon {
984
+ display: flex;
985
+ align-items: center;
986
+ justify-content: center;
987
+ }
988
+ .Datepicker-module__datepickerContainer .Datepicker-module__datepickerInputWrapper .Datepicker-module__datepickerRightIcon {
989
+ display: flex;
990
+ align-items: center;
991
+ justify-content: center;
992
+ cursor: pointer;
865
993
  }@font-face {
866
994
  font-family: "Inter-Regular";
867
995
  src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
@@ -1040,277 +1168,143 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
1040
1168
  font-family: "Inter-Medium";
1041
1169
  src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1042
1170
  }
1043
- .Toggle-module__toggleWrapper {
1044
- position: relative;
1045
- overflow: hidden;
1046
- border-radius: 13.333px;
1047
- background: #c1c2c7;
1048
- padding: 4px;
1049
- cursor: pointer;
1171
+ .TimePicker-module__timepickerWrapper {
1172
+ user-select: none;
1173
+ scroll-behavior: smooth;
1174
+ width: 100%;
1050
1175
  }
1051
- .Toggle-module__toggleWrapper.Toggle-module__checked {
1052
- background: #0058FF;
1176
+ .TimePicker-module__timepickerWrapper * {
1177
+ scrollbar-width: none;
1053
1178
  }
1054
- .Toggle-module__toggleWrapper.Toggle-module__error {
1055
- background: #e3292f;
1179
+ .TimePicker-module__timepickerWrapper *::-webkit-scrollbar {
1180
+ display: none;
1056
1181
  }
1057
- .Toggle-module__toggleWrapper.Toggle-module__disabled {
1058
- background: #d4d5d6;
1059
- cursor: not-allowed;
1182
+ .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerInputWrapper {
1183
+ width: 100%;
1060
1184
  }
1061
- .Toggle-module__toggleWrapper.Toggle-module__disabled.Toggle-module__checked {
1062
- background: #95969c;
1185
+ .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerInputWrapper .TimePicker-module__dropdownRightIcon {
1186
+ display: flex;
1187
+ align-items: center;
1188
+ gap: 8px;
1189
+ margin: 8px;
1063
1190
  }
1064
- .Toggle-module__toggleWrapper.Toggle-module__sm {
1065
- width: 24px;
1066
- height: 16px;
1191
+ .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerInputWrapper .TimePicker-module__dropdownRightIcon .TimePicker-module__dropdownRightIconClose {
1192
+ display: flex;
1193
+ align-items: center;
1194
+ justify-content: center;
1195
+ cursor: pointer;
1067
1196
  }
1068
- .Toggle-module__toggleWrapper.Toggle-module__sm.Toggle-module__checked .Toggle-module__toggleState {
1069
- left: calc(100% - 12px);
1197
+ .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerInputWrapper .TimePicker-module__dropdownRightIcon .TimePicker-module__dropdownRightIconArrow {
1198
+ display: flex;
1199
+ align-items: center;
1200
+ justify-content: center;
1201
+ cursor: pointer;
1202
+ transition: transform 0.2s ease-in-out;
1070
1203
  }
1071
- .Toggle-module__toggleWrapper.Toggle-module__sm .Toggle-module__toggleState {
1072
- width: 8px;
1073
- height: 8px;
1204
+ .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerInputWrapper .TimePicker-module__dropdownRightIcon.TimePicker-module__focused .TimePicker-module__dropdownRightIconArrow {
1205
+ transform: rotate(180deg);
1074
1206
  }
1075
- .Toggle-module__toggleWrapper.Toggle-module__md {
1076
- width: 32px;
1077
- height: 20px;
1078
- }
1079
- .Toggle-module__toggleWrapper.Toggle-module__md.Toggle-module__checked .Toggle-module__toggleState {
1080
- left: calc(100% - 16px);
1081
- }
1082
- .Toggle-module__toggleWrapper.Toggle-module__md .Toggle-module__toggleState {
1083
- width: 12px;
1084
- height: 12px;
1085
- }
1086
- .Toggle-module__toggleWrapper.Toggle-module__lg {
1087
- width: 40px;
1088
- height: 24px;
1089
- }
1090
- .Toggle-module__toggleWrapper.Toggle-module__lg .Toggle-module__toggleState {
1091
- width: 16px;
1092
- height: 16px;
1093
- }
1094
- .Toggle-module__toggleWrapper.Toggle-module__lg.Toggle-module__checked .Toggle-module__toggleState {
1095
- left: calc(100% - 20px);
1096
- }
1097
- .Toggle-module__toggleWrapper .Toggle-module__toggleState {
1098
- border-radius: 8px;
1099
- background: #fff;
1100
- position: absolute;
1101
- top: 50%;
1102
- left: 4px;
1103
- transform: translateY(-50%);
1104
- transition: 0.2s all;
1105
- }@font-face {
1106
- font-family: "Inter-Regular";
1107
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1108
- }
1109
- @font-face {
1110
- font-family: "Inter-SemiBold";
1111
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1112
- }
1113
- @font-face {
1114
- font-family: "Inter-Medium";
1115
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1116
- }
1117
- .Popup-module__modalOverlay {
1118
- width: 100vw;
1119
- height: 100vh;
1120
- display: grid;
1121
- place-items: center;
1122
- position: fixed;
1123
- top: 0;
1124
- left: 0;
1125
- z-index: 250;
1126
- background: rgba(10, 13, 18, 0.7);
1127
- }
1128
- .Popup-module__modalOverlay ::-webkit-scrollbar {
1129
- width: 0;
1130
- }
1131
- .Popup-module__modalOverlay ::-webkit-scrollbar-track {
1132
- -webkit-box-shadow: none;
1133
- }
1134
- .Popup-module__modalOverlay ::-webkit-scrollbar-thumb {
1135
- background-color: none;
1136
- outline: 0;
1137
- }
1138
- .Popup-module__modalOverlay.Popup-module__popupDrawerMode {
1139
- overflow: hidden;
1140
- place-items: end;
1141
- }
1142
- .Popup-module__modalOverlay.Popup-module__popupDrawerMode .Popup-module__popupContainer {
1143
- min-height: unset;
1144
- max-height: unset;
1145
- min-width: 17.5rem;
1146
- height: 100vh;
1147
- animation: Popup-module__EnterFromLeft 0.3s forwards;
1148
- }
1149
- @keyframes Popup-module__EnterFromLeft {
1150
- from {
1151
- left: 100%;
1152
- }
1153
- to {
1154
- left: 0;
1155
- }
1156
- }
1157
- .Popup-module__modalOverlay .Popup-module__popupContainer {
1158
- padding: 1.5rem;
1159
- min-height: 13.75rem;
1160
- max-height: calc(100vh - 5.625rem);
1161
- position: relative;
1162
- transition: 0.2s;
1163
- z-index: 280;
1164
- border-radius: 0.75rem;
1207
+ .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper {
1208
+ width: 218px;
1209
+ border-radius: 12px;
1210
+ box-shadow: 0px 2px 4px 0px rgba(19, 19, 20, 0.04);
1211
+ border: 1px solid #e6e6e6;
1165
1212
  background: #fff;
1166
- /* Shadows/shadow-xl */
1167
- box-shadow: 0rem 1.25rem 1.5rem -0.25rem rgba(10, 13, 18, 0.08), 0rem 0.5rem 0.5rem -0.25rem rgba(10, 13, 18, 0.03), 0rem 0.1875rem 0.1875rem -0.0938rem rgba(10, 13, 18, 0.04);
1168
- animation: Popup-module__fadeIn 0.3s forwards;
1169
- }
1170
- @keyframes Popup-module__fadeIn {
1171
- from {
1172
- opacity: 0;
1173
- }
1174
- to {
1175
- opacity: 1;
1176
- }
1177
- }
1178
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__closeButton {
1179
- display: grid;
1180
- place-items: center;
1181
- cursor: pointer;
1182
- position: absolute;
1183
- top: 1.25rem;
1184
- right: 1.5rem;
1185
- z-index: 14;
1186
- }
1187
- .Popup-module__modalOverlay .Popup-module__popupContainer.Popup-module__withOptions {
1188
- width: 25rem;
1213
+ display: flex;
1214
+ flex-direction: column;
1215
+ gap: 8px;
1189
1216
  }
1190
- .Popup-module__modalOverlay .Popup-module__popupContainer.Popup-module__withOptions.Popup-module__horizontal {
1191
- width: 34rem;
1217
+ .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownHeader {
1218
+ padding: 8px 8px 0 8px;
1192
1219
  }
1193
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader {
1220
+ .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownHeader .TimePicker-module__timepickerDropdownHeaderButtons {
1194
1221
  width: 100%;
1195
- position: sticky;
1196
- top: 0;
1197
- background: #ffffff;
1198
- z-index: 1;
1199
- }
1200
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle {
1201
- margin-top: 1rem;
1202
- }
1203
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle h2 {
1204
- color: #181d27;
1205
- font-size: 1.125rem;
1206
- font-style: normal;
1207
- font-weight: 600;
1208
- line-height: 1.75rem; /* 155.556% */
1209
- font-family: "Inter", sans-serif;
1210
- line-height: 1.75rem; /* 155.556% */
1211
- }
1212
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription {
1213
- margin-top: 0.25rem;
1214
- }
1215
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription p {
1216
- color: #535862;
1217
- font-size: 0.875rem;
1218
- font-style: normal;
1219
- font-weight: 400;
1220
- line-height: 1.25rem; /* 142.857% */
1221
- font-family: "Inter", sans-serif;
1222
- }
1223
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__typeIcon {
1224
1222
  display: flex;
1225
- align-items: center;
1226
1223
  justify-content: space-between;
1224
+ gap: 2px;
1225
+ border-radius: 8px;
1226
+ background: #f2f2f2;
1227
+ padding: 2px;
1227
1228
  }
1228
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__typeIcon .Popup-module__icon {
1229
- display: grid;
1230
- place-items: center;
1231
- width: 3rem;
1232
- height: 3rem;
1233
- border-radius: 624.9375rem;
1234
- }
1235
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__templateWrapper {
1236
- width: 100%;
1237
- position: relative;
1238
- }
1239
-
1240
- .Popup-module__dark.Popup-module__modalOverlay {
1241
- background: rgba(34, 38, 47, 0.4588235294);
1242
- }
1243
- .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer {
1244
- background: #0c0e12;
1245
- /* Shadows/shadow-xl */
1246
- box-shadow: 0rem 1.25rem 1.5rem -0.25rem rgba(10, 13, 18, 0.08), 0rem 0.5rem 0.5rem -0.25rem rgba(10, 13, 18, 0.03), 0rem 0.1875rem 0.1875rem -0.0938rem rgba(10, 13, 18, 0.04);
1247
- }
1248
- .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader {
1249
- background: #0c0e12;
1250
- }
1251
- .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle h2 {
1252
- color: #f7f7f7;
1253
- }
1254
- .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription p {
1255
- color: #94979c;
1256
- }@font-face {
1257
- font-family: "Inter-Regular";
1258
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1259
- }
1260
- @font-face {
1261
- font-family: "Inter-SemiBold";
1262
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1229
+ .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownHeader p {
1230
+ padding: 5px 20px;
1231
+ color: #646569;
1232
+ font-feature-settings: "liga" off, "clig" off;
1233
+ font-family: "Inter-Regular", sans-serif;
1234
+ font-size: 14px;
1235
+ font-style: normal;
1236
+ font-weight: 400;
1237
+ line-height: 24px; /* 171.429% */
1238
+ letter-spacing: 0.1px;
1239
+ cursor: pointer;
1263
1240
  }
1264
- @font-face {
1265
- font-family: "Inter-Medium";
1266
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1241
+ .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownHeader p.TimePicker-module__active {
1242
+ color: #131314;
1243
+ border-radius: 6px 6px 6px 6px;
1244
+ background: #fff;
1245
+ box-shadow: 0px 2px 4px 0px rgba(19, 19, 20, 0.04);
1267
1246
  }
1268
- .Datepicker-module__datepickerContainer {
1247
+ .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody {
1269
1248
  width: 100%;
1270
- user-select: none;
1271
- scroll-behavior: smooth;
1272
- }
1273
- .Datepicker-module__datepickerContainer::-webkit-scrollbar {
1274
- display: block !important;
1275
- width: 0;
1276
- }
1277
- .Datepicker-module__datepickerContainer::-webkit-scrollbar-thumb {
1278
- opacity: 0;
1249
+ display: flex;
1250
+ border-top: 1px solid #e6e6e6;
1251
+ border-bottom: 1px solid #e6e6e6;
1279
1252
  }
1280
- .Datepicker-module__datepickerContainer .Datepicker-module__datepickerInputWrapper {
1281
- width: 100%;
1282
- cursor: pointer;
1253
+ .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody .TimePicker-module__timepickerDropdownBodyHours {
1254
+ width: 50%;
1255
+ display: flex;
1256
+ flex-direction: column;
1257
+ align-items: center;
1258
+ height: 230px;
1259
+ overflow-y: auto;
1260
+ border-right: 1px solid #e6e6e6;
1261
+ padding: 8px;
1283
1262
  }
1284
- .Datepicker-module__datepickerContainer .Datepicker-module__datepickerInputWrapper .Datepicker-module__datepickerLeftIcon {
1263
+ .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody .TimePicker-module__timepickerDropdownBodyMinutes {
1264
+ width: 50%;
1285
1265
  display: flex;
1266
+ flex-direction: column;
1286
1267
  align-items: center;
1287
- justify-content: center;
1268
+ height: 230px;
1269
+ overflow-y: auto;
1270
+ padding: 8px;
1288
1271
  }
1289
- .Datepicker-module__datepickerContainer .Datepicker-module__datepickerInputWrapper .Datepicker-module__datepickerRightIcon {
1272
+ .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody .TimePicker-module__timepickerDropdownBodyAmPm {
1273
+ width: 50%;
1290
1274
  display: flex;
1275
+ flex-direction: column;
1291
1276
  align-items: center;
1292
- justify-content: center;
1277
+ height: 230px;
1278
+ overflow-y: auto;
1279
+ border-left: 1px solid #e6e6e6;
1280
+ padding: 8px;
1281
+ }
1282
+ .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody p {
1283
+ padding: 6px 10px;
1284
+ border-radius: 4px;
1293
1285
  cursor: pointer;
1294
- }@font-face {
1295
- font-family: "Inter-Regular";
1296
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1286
+ width: 100%;
1287
+ color: #131314;
1288
+ text-align: center;
1289
+ font-feature-settings: "liga" off, "clig" off;
1290
+ text-overflow: ellipsis;
1291
+ /* UI/14 regular */
1292
+ font-family: "Inter-Regular", sans-serif;
1293
+ font-size: 14px;
1294
+ font-style: normal;
1295
+ font-weight: 400;
1296
+ line-height: 24px; /* 171.429% */
1297
+ letter-spacing: 0.1px;
1297
1298
  }
1298
- @font-face {
1299
- font-family: "Inter-SemiBold";
1300
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1299
+ .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody p:hover {
1300
+ background: #fafafa;
1301
1301
  }
1302
- @font-face {
1303
- font-family: "Inter-Medium";
1304
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1302
+ .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody p.TimePicker-module__active {
1303
+ background: #ECF3FF;
1304
+ color: #0058FF;
1305
1305
  }
1306
- .Radio-module__radioWrapper {
1307
- width: 24px;
1308
- height: 24px;
1309
- border-radius: 50%;
1310
- overflow: hidden;
1311
- position: relative;
1312
- cursor: pointer;
1313
- transition: 0.2s;
1306
+ .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownFooter {
1307
+ padding: 8px;
1314
1308
  }@font-face {
1315
1309
  font-family: "Inter-Regular";
1316
1310
  src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
@@ -1410,168 +1404,19 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
1410
1404
  left: var(--pointer-position);
1411
1405
  }
1412
1406
  .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__right::before {
1413
- border-right-color: #ffffff;
1414
- }
1415
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__bottom::before {
1416
- border-bottom-color: #ffffff;
1417
- }
1418
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__left::before {
1419
- border-left-color: #ffffff;
1420
- }
1421
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipTitle {
1422
- color: #0c0e12;
1423
- }
1424
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipText {
1425
- color: rgba(12, 14, 18, 0.9);
1426
- }@font-face {
1427
- font-family: "Inter-Regular";
1428
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1429
- }
1430
- @font-face {
1431
- font-family: "Inter-SemiBold";
1432
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1433
- }
1434
- @font-face {
1435
- font-family: "Inter-Medium";
1436
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1437
- }
1438
- .TimePicker-module__timepickerWrapper {
1439
- user-select: none;
1440
- scroll-behavior: smooth;
1441
- width: 100%;
1442
- }
1443
- .TimePicker-module__timepickerWrapper * {
1444
- scrollbar-width: none;
1445
- }
1446
- .TimePicker-module__timepickerWrapper *::-webkit-scrollbar {
1447
- display: none;
1448
- }
1449
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerInputWrapper {
1450
- width: 100%;
1451
- }
1452
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerInputWrapper .TimePicker-module__dropdownRightIcon {
1453
- display: flex;
1454
- align-items: center;
1455
- gap: 8px;
1456
- margin: 8px;
1457
- }
1458
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerInputWrapper .TimePicker-module__dropdownRightIcon .TimePicker-module__dropdownRightIconClose {
1459
- display: flex;
1460
- align-items: center;
1461
- justify-content: center;
1462
- cursor: pointer;
1463
- }
1464
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerInputWrapper .TimePicker-module__dropdownRightIcon .TimePicker-module__dropdownRightIconArrow {
1465
- display: flex;
1466
- align-items: center;
1467
- justify-content: center;
1468
- cursor: pointer;
1469
- transition: transform 0.2s ease-in-out;
1470
- }
1471
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerInputWrapper .TimePicker-module__dropdownRightIcon.TimePicker-module__focused .TimePicker-module__dropdownRightIconArrow {
1472
- transform: rotate(180deg);
1473
- }
1474
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper {
1475
- width: 218px;
1476
- border-radius: 12px;
1477
- box-shadow: 0px 2px 4px 0px rgba(19, 19, 20, 0.04);
1478
- border: 1px solid #e6e6e6;
1479
- background: #fff;
1480
- display: flex;
1481
- flex-direction: column;
1482
- gap: 8px;
1483
- }
1484
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownHeader {
1485
- padding: 8px 8px 0 8px;
1486
- }
1487
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownHeader .TimePicker-module__timepickerDropdownHeaderButtons {
1488
- width: 100%;
1489
- display: flex;
1490
- justify-content: space-between;
1491
- gap: 2px;
1492
- border-radius: 8px;
1493
- background: #f2f2f2;
1494
- padding: 2px;
1495
- }
1496
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownHeader p {
1497
- padding: 5px 20px;
1498
- color: #646569;
1499
- font-feature-settings: "liga" off, "clig" off;
1500
- font-family: "Inter-Regular", sans-serif;
1501
- font-size: 14px;
1502
- font-style: normal;
1503
- font-weight: 400;
1504
- line-height: 24px; /* 171.429% */
1505
- letter-spacing: 0.1px;
1506
- cursor: pointer;
1507
- }
1508
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownHeader p.TimePicker-module__active {
1509
- color: #131314;
1510
- border-radius: 6px 6px 6px 6px;
1511
- background: #fff;
1512
- box-shadow: 0px 2px 4px 0px rgba(19, 19, 20, 0.04);
1513
- }
1514
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody {
1515
- width: 100%;
1516
- display: flex;
1517
- border-top: 1px solid #e6e6e6;
1518
- border-bottom: 1px solid #e6e6e6;
1519
- }
1520
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody .TimePicker-module__timepickerDropdownBodyHours {
1521
- width: 50%;
1522
- display: flex;
1523
- flex-direction: column;
1524
- align-items: center;
1525
- height: 230px;
1526
- overflow-y: auto;
1527
- border-right: 1px solid #e6e6e6;
1528
- padding: 8px;
1529
- }
1530
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody .TimePicker-module__timepickerDropdownBodyMinutes {
1531
- width: 50%;
1532
- display: flex;
1533
- flex-direction: column;
1534
- align-items: center;
1535
- height: 230px;
1536
- overflow-y: auto;
1537
- padding: 8px;
1538
- }
1539
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody .TimePicker-module__timepickerDropdownBodyAmPm {
1540
- width: 50%;
1541
- display: flex;
1542
- flex-direction: column;
1543
- align-items: center;
1544
- height: 230px;
1545
- overflow-y: auto;
1546
- border-left: 1px solid #e6e6e6;
1547
- padding: 8px;
1548
- }
1549
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody p {
1550
- padding: 6px 10px;
1551
- border-radius: 4px;
1552
- cursor: pointer;
1553
- width: 100%;
1554
- color: #131314;
1555
- text-align: center;
1556
- font-feature-settings: "liga" off, "clig" off;
1557
- text-overflow: ellipsis;
1558
- /* UI/14 regular */
1559
- font-family: "Inter-Regular", sans-serif;
1560
- font-size: 14px;
1561
- font-style: normal;
1562
- font-weight: 400;
1563
- line-height: 24px; /* 171.429% */
1564
- letter-spacing: 0.1px;
1407
+ border-right-color: #ffffff;
1565
1408
  }
1566
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody p:hover {
1567
- background: #fafafa;
1409
+ .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__bottom::before {
1410
+ border-bottom-color: #ffffff;
1568
1411
  }
1569
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody p.TimePicker-module__active {
1570
- background: #ECF3FF;
1571
- color: #0058FF;
1412
+ .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__left::before {
1413
+ border-left-color: #ffffff;
1572
1414
  }
1573
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownFooter {
1574
- padding: 8px;
1415
+ .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipTitle {
1416
+ color: #0c0e12;
1417
+ }
1418
+ .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipText {
1419
+ color: rgba(12, 14, 18, 0.9);
1575
1420
  }@font-face {
1576
1421
  font-family: "Inter-Regular";
1577
1422
  src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
@@ -1584,78 +1429,233 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
1584
1429
  font-family: "Inter-Medium";
1585
1430
  src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1586
1431
  }
1587
- .ActionDropdown-module__actionDropdownContainer {
1432
+ .FormInput-module__inputWrapper {
1588
1433
  width: 100%;
1434
+ display: flex;
1435
+ flex-direction: column;
1436
+ gap: 10px;
1589
1437
  }
1590
- .ActionDropdown-module__actionDropdownContainer.ActionDropdown-module__collapsed .ActionDropdown-module__actionDropdownIcon {
1591
- transform: rotate(180deg);
1438
+ .FormInput-module__inputWrapper.FormInput-module__sm .FormInput-module__formInputWrapper {
1439
+ height: 36px;
1592
1440
  }
1593
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent {
1441
+ .FormInput-module__inputWrapper.FormInput-module__md .FormInput-module__formInputWrapper {
1442
+ height: 40px;
1443
+ }
1444
+ .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputLabel {
1445
+ width: 100%;
1446
+ overflow: hidden;
1447
+ color: #95969c;
1448
+ text-overflow: ellipsis;
1449
+ font-family: "Inter-Medium";
1450
+ font-size: 12px;
1451
+ font-style: normal;
1452
+ font-weight: 450;
1453
+ line-height: 16px; /* 133.333% */
1454
+ letter-spacing: 0.1px;
1455
+ }
1456
+ .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInput {
1457
+ width: 100%;
1458
+ overflow: hidden;
1459
+ color: #7a7b80;
1460
+ text-overflow: ellipsis;
1461
+ font-family: "Inter-Regular";
1462
+ font-size: 14px;
1463
+ font-style: normal;
1464
+ font-weight: 400;
1465
+ line-height: 24px; /* 171.429% */
1466
+ letter-spacing: 0.1px;
1467
+ }
1468
+ .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputHelperText {
1594
1469
  width: 100%;
1470
+ overflow: hidden;
1471
+ color: #95969c;
1472
+ text-overflow: ellipsis;
1473
+ font-family: "Inter-Medium";
1474
+ font-size: 12px;
1475
+ font-style: normal;
1476
+ font-weight: 450;
1477
+ line-height: 16px; /* 133.333% */
1478
+ letter-spacing: 0.1px;
1479
+ }
1480
+ .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputWrapper {
1595
1481
  border-radius: 6px;
1596
- background: #f2f2f2;
1482
+ border: 1px solid #e6e6e6;
1483
+ background: #fafafa;
1484
+ }
1485
+ .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputWrapper .FormInput-module__formInput {
1486
+ width: 100%;
1487
+ overflow: hidden;
1488
+ color: #7a7b80;
1489
+ text-overflow: ellipsis;
1490
+ font-family: "Inter-Regular";
1491
+ font-size: 14px;
1492
+ font-style: normal;
1493
+ font-weight: 400;
1494
+ line-height: 24px; /* 171.429% */
1495
+ letter-spacing: 0.1px;
1496
+ cursor: not-allowed;
1497
+ }
1498
+ .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputWrapper .FormInput-module__formInput::placeholder {
1499
+ width: 100%;
1500
+ overflow: hidden;
1501
+ color: #7a7b80;
1502
+ text-overflow: ellipsis;
1503
+ font-family: "Inter-Regular";
1504
+ font-size: 14px;
1505
+ font-style: normal;
1506
+ font-weight: 400;
1507
+ line-height: 24px; /* 171.429% */
1508
+ letter-spacing: 0.1px;
1509
+ }
1510
+ .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper {
1511
+ width: 100%;
1597
1512
  display: flex;
1598
1513
  align-items: center;
1599
1514
  justify-content: space-between;
1600
- cursor: pointer;
1601
- user-select: none;
1602
- -webkit-user-select: none;
1603
- -moz-user-select: none;
1604
- -ms-user-select: none;
1605
1515
  }
1606
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent .ActionDropdown-module__actionDropdownTitle {
1607
- width: 90%;
1608
- white-space: nowrap;
1516
+ .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper .FormInput-module__formInputLabel {
1517
+ width: 100%;
1518
+ width: 100%;
1609
1519
  overflow: hidden;
1610
1520
  color: #131314;
1611
- font-feature-settings: "liga" off, "clig" off;
1521
+ font-family: "Inter-Medium";
1522
+ font-size: 12px;
1523
+ font-style: normal;
1524
+ font-weight: 450;
1525
+ line-height: 16px; /* 171.429% */
1526
+ letter-spacing: 0.1px;
1527
+ }
1528
+ .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper .FormInput-module__formInputLabel .FormInput-module__formInputRequired {
1529
+ overflow: hidden;
1530
+ color: #e3292f;
1612
1531
  text-overflow: ellipsis;
1613
- font-family: "Inter-Regular", sans-serif;
1614
- font-size: 14px;
1615
- font-weight: 400;
1616
- line-height: 24px;
1532
+ font-family: "Inter-Medium";
1533
+ font-size: 12px;
1534
+ font-style: normal;
1535
+ font-weight: 450;
1536
+ line-height: 16px; /* 133.333% */
1617
1537
  letter-spacing: 0.1px;
1618
- border-right: 1px solid #ffffff;
1619
- padding: 8px 16px;
1620
1538
  }
1621
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent .ActionDropdown-module__actionDropdownIcon {
1539
+ .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper .FormInput-module__formInputHelperSlot {
1622
1540
  display: flex;
1623
1541
  align-items: center;
1624
1542
  justify-content: center;
1625
- padding: 8px;
1626
- width: 40px;
1627
- height: 40px;
1628
- transition: transform 0.2s ease-in-out;
1629
1543
  }
1630
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList {
1544
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper {
1631
1545
  width: 100%;
1632
- border-radius: 12px;
1546
+ display: flex;
1547
+ align-items: center;
1548
+ gap: 8px;
1549
+ padding: 8px;
1550
+ border-radius: 6px;
1633
1551
  border: 1px solid #e6e6e6;
1634
1552
  background: #fff;
1635
- box-shadow: 0px 2px 4px 0px rgba(19, 19, 20, 0.04);
1636
- height: 250px;
1637
- overflow: auto;
1638
- padding: 8px;
1639
1553
  }
1640
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem {
1641
- width: 100%;
1642
- border-radius: 4px;
1554
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__errorState {
1555
+ border-radius: 6px;
1643
1556
  background: #fff;
1644
- padding: 6px 10px;
1557
+ outline: 1px solid #f63e45;
1558
+ outline-offset: -1px;
1559
+ box-shadow: none;
1560
+ }
1561
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__focused {
1562
+ border-radius: 6px;
1563
+ background: #fff;
1564
+ outline: 2px solid #0058ff;
1565
+ outline-offset: -2px;
1566
+ box-shadow: none;
1567
+ }
1568
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__active {
1569
+ border-radius: 6px;
1570
+ background: #fff;
1571
+ outline: 1.5px solid #0058ff;
1572
+ outline-offset: -1.5px;
1573
+ box-shadow: 0 0 0 2px #dee9fc;
1574
+ }
1575
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__errorFocused {
1576
+ border-radius: 6px;
1577
+ background: #fff;
1578
+ outline: 2px solid #f63e45;
1579
+ outline-offset: -2px;
1580
+ box-shadow: none;
1581
+ }
1582
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__errorActive {
1583
+ border-radius: 6px;
1584
+ background: #fff;
1585
+ outline: 1.5px solid #f63e45;
1586
+ outline-offset: -1.5px;
1587
+ box-shadow: 0 0 0 2px #fcdcdd;
1588
+ }
1589
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper input.FormInput-module__formInput {
1590
+ width: 100%;
1591
+ border: none;
1592
+ outline: none;
1593
+ background-color: transparent;
1594
+ caret-color: #0058ff;
1595
+ width: 100%;
1645
1596
  overflow: hidden;
1646
1597
  color: #131314;
1647
- font-feature-settings: "liga" off, "clig" off;
1648
1598
  text-overflow: ellipsis;
1649
- font-family: "Inter-Regular", sans-serif;
1599
+ font-family: "Inter-Regular";
1650
1600
  font-size: 14px;
1601
+ font-style: normal;
1651
1602
  font-weight: 400;
1652
- line-height: 24px;
1603
+ line-height: 24px; /* 171.429% */
1653
1604
  letter-spacing: 0.1px;
1654
- cursor: pointer;
1655
1605
  }
1656
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem:hover, .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem.ActionDropdown-module__selected {
1657
- border-radius: 4px;
1658
- background: #f2f2f2;
1606
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper input.FormInput-module__formInput::placeholder {
1607
+ width: 100%;
1608
+ overflow: hidden;
1609
+ color: #646569;
1610
+ text-overflow: ellipsis;
1611
+ font-family: "Inter-Regular";
1612
+ font-size: 14px;
1613
+ font-style: normal;
1614
+ font-weight: 400;
1615
+ line-height: 24px; /* 171.429% */
1616
+ letter-spacing: 0.1px;
1617
+ }
1618
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper .FormInput-module__formInputSlot {
1619
+ display: grid;
1620
+ place-items: center;
1621
+ }
1622
+ .FormInput-module__inputWrapper .FormInput-module__formInputHelperText {
1623
+ width: 100%;
1624
+ overflow: hidden;
1625
+ color: #131314;
1626
+ text-overflow: ellipsis;
1627
+ font-family: "Inter-Medium";
1628
+ font-size: 12px;
1629
+ font-style: normal;
1630
+ font-weight: 450;
1631
+ line-height: 16px; /* 133.333% */
1632
+ letter-spacing: 0.1px;
1633
+ }
1634
+ .FormInput-module__inputWrapper .FormInput-module__formInputHelperText.FormInput-module__errorHelperText {
1635
+ width: 100%;
1636
+ overflow: hidden;
1637
+ color: #e3292f;
1638
+ text-overflow: ellipsis;
1639
+ font-family: "Inter-Medium";
1640
+ font-size: 12px;
1641
+ font-style: normal;
1642
+ font-weight: 450;
1643
+ line-height: 16px; /* 133.333% */
1644
+ letter-spacing: 0.1px;
1645
+ color: #e3292f;
1646
+ }
1647
+ .FormInput-module__inputWrapper .FormInput-module__formInputHelperText.FormInput-module__successHelperText {
1648
+ width: 100%;
1649
+ overflow: hidden;
1650
+ color: #328707;
1651
+ text-overflow: ellipsis;
1652
+ font-family: "Inter-Medium";
1653
+ font-size: 12px;
1654
+ font-style: normal;
1655
+ font-weight: 450;
1656
+ line-height: 16px; /* 133.333% */
1657
+ letter-spacing: 0.1px;
1658
+ color: #328707;
1659
1659
  }@font-face {
1660
1660
  font-family: "Inter-Regular";
1661
1661
  src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");