@vitrosoftware/common-ui-ts 1.1.89 → 1.1.90

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 (47) hide show
  1. package/css/std/controls/checkbox/checkbox.css +1 -1
  2. package/css/std/controls/criterion/criterion.css +6 -1
  3. package/css/std/controls/date-picker/date-picker.css +10 -5
  4. package/css/std/controls/image-button/image-button.css +13 -0
  5. package/css/std/controls/input/input.css +16 -11
  6. package/css/std/controls/link/link.css +12 -0
  7. package/css/std/controls/link-input/img/edit.svg +5 -0
  8. package/css/std/controls/link-input/link-input.css +37 -0
  9. package/css/std/controls/login/img/clock.svg +4 -0
  10. package/css/std/controls/login/img/windows-logo.svg +6 -0
  11. package/css/std/controls/login/login-content.css +12 -0
  12. package/css/std/controls/login/login-form.css +161 -0
  13. package/css/std/controls/login/login-go-back-link.css +7 -0
  14. package/css/std/controls/login/login-submit-button.css +10 -0
  15. package/css/std/controls/login/login-title.css +8 -0
  16. package/css/std/controls/login/login.css +12 -144
  17. package/css/std/controls/login/ntlm-authentication-form.css +31 -0
  18. package/css/std/controls/login/two-factor-authentication-form.css +144 -0
  19. package/css/std/controls/lookup-picker/lookup-picker.css +14 -9
  20. package/css/std/controls/time-picker/time-picker.css +18 -13
  21. package/dist/index.css +555 -221
  22. package/dist/index.js +739 -339
  23. package/dist/index.js.map +1 -1
  24. package/dist/src/constants/Control.d.ts +1 -0
  25. package/dist/src/constants/Target.d.ts +4 -0
  26. package/dist/src/controls/Button/Button.d.ts +1 -2
  27. package/dist/src/controls/ImageButton/ImageButton.d.ts +12 -0
  28. package/dist/src/controls/Input/Input.d.ts +1 -0
  29. package/dist/src/controls/Link/Link.d.ts +10 -0
  30. package/dist/src/controls/LinkInput/LinkInput.d.ts +26 -0
  31. package/dist/src/controls/LinkInput/LinkInputConstants.d.ts +4 -0
  32. package/dist/src/controls/LinkInput/LinkInputRef.d.ts +11 -0
  33. package/dist/src/controls/Login/Login.d.ts +3 -7
  34. package/dist/src/controls/Login/LoginConstants.d.ts +19 -4
  35. package/dist/src/controls/Login/LoginContent.d.ts +8 -0
  36. package/dist/src/controls/Login/LoginForm.d.ts +15 -0
  37. package/dist/src/controls/Login/LoginFormRef.d.ts +5 -0
  38. package/dist/src/controls/Login/LoginGoBackLink.d.ts +6 -0
  39. package/dist/src/controls/Login/LoginSubmitButton.d.ts +8 -0
  40. package/dist/src/controls/Login/LoginTitle.d.ts +7 -0
  41. package/dist/src/controls/Login/NTLMAuthenticationForm.d.ts +6 -0
  42. package/dist/src/controls/Login/TwoFactorAuthenticationForm.d.ts +15 -0
  43. package/dist/src/controls/Login/TwoFactorAuthenticationFormRef.d.ts +4 -0
  44. package/dist/src/index.d.ts +14 -3
  45. package/package.json +1 -1
  46. package/src/controls/BimViewer/js/bim-viewer.js +2 -2
  47. package/src/controls/PdfViewer/js/pdf-viewer.js +1 -1
package/dist/index.css CHANGED
@@ -2015,15 +2015,6 @@ html, body {
2015
2015
  line-height: 16px;
2016
2016
  }
2017
2017
 
2018
- ._input_vitro-focus_1txynr8 input,
2019
- ._input_vitro-focus_1txynr8 textarea {
2020
- border-color: #3274E0;
2021
- }
2022
-
2023
- ._input_vitro-focus_1txynr8 ._input_vitro-label_2XBESiY {
2024
- color: #3274E0;
2025
- }
2026
-
2027
2018
  ._input_vitro-read-only_3f-cBbK input,
2028
2019
  ._input_vitro-read-only_3f-cBbK textarea {
2029
2020
  color: #4A556C;
@@ -2049,18 +2040,32 @@ html, body {
2049
2040
  color: #8E98A3;
2050
2041
  }
2051
2042
 
2043
+ ._input_vitro-focus_1txynr8 input,
2044
+ ._input_vitro-focus_1txynr8 textarea {
2045
+ border-color: #3274E0;
2046
+ }
2047
+
2048
+ ._input_vitro-focus_1txynr8 ._input_vitro-label_2XBESiY {
2049
+ color: #3274E0 !important;
2050
+ }
2051
+
2052
2052
  ._input_vitro-error_1T3dLzB input,
2053
2053
  ._input_vitro-error_1T3dLzB textarea {
2054
2054
  border-color: #D13438;
2055
2055
  }
2056
2056
 
2057
2057
  ._input_vitro-error_1T3dLzB ._input_vitro-label_2XBESiY {
2058
- color: #D13438;
2058
+ color: #D13438 !important;
2059
2059
  }
2060
2060
 
2061
2061
  ._input_vitro-label_2XBESiY {
2062
+ color: #4A556C;
2062
2063
  padding: 0 6px;
2063
- background: #fff;
2064
+ background: transparent;
2065
+ background-image: linear-gradient(#fff, #fff);
2066
+ background-size: 100% 2px;
2067
+ background-position: 0 calc(50% + 3px);
2068
+ background-repeat: no-repeat;
2064
2069
  z-index: 1;
2065
2070
  position: absolute;
2066
2071
  left: 10px;
@@ -2494,6 +2499,135 @@ html, body {
2494
2499
  transform: rotate(-90deg);
2495
2500
  }
2496
2501
 
2502
+ ._login-content_vitro-login-content_2RdLZle {
2503
+ height: 100%;
2504
+ width: 100%;
2505
+ transition: flex-basis 0.3s ease;
2506
+ display: flex;
2507
+ flex-direction: column;
2508
+ align-items: center;
2509
+ }
2510
+
2511
+ ._login-content_vitro-login-content_2RdLZle > div {
2512
+ width: 100%;
2513
+ }
2514
+ ._login_vitro-login-layout_1C8owlz {
2515
+ width: 100%;
2516
+ height: 100%;
2517
+ background: #347FDE;
2518
+ position: relative;
2519
+ display: flex;
2520
+ align-items: center;
2521
+ justify-content: center;
2522
+ background-size: cover;
2523
+ background-position: center;
2524
+ background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/login/img/login-background.png');
2525
+ }
2526
+
2527
+ ._login_vitro-login-layout_1C8owlz::after {
2528
+ content: '';
2529
+ width: 100%;
2530
+ height: 100%;
2531
+ position: absolute;
2532
+ z-index: 10;
2533
+ top: 0;
2534
+ left: 0;
2535
+ opacity: 0.3;
2536
+ background: #000;
2537
+ }
2538
+
2539
+ ._login_vitro-login_12nYNm2 {
2540
+ width: 468px;
2541
+ overflow: hidden;
2542
+ padding: 71px 36px 24px 36px;
2543
+ border-radius: 8px;
2544
+ display: flex;
2545
+ flex-direction: column;
2546
+ align-items: center;
2547
+ background: #fff;
2548
+ z-index: 100;
2549
+ box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
2550
+ transition: max-height 1s ease;
2551
+ }
2552
+
2553
+ ._login_vitro-logo_3-qTjgy {
2554
+ width: 165px;
2555
+ height: 57px;
2556
+ margin-bottom: 34px;
2557
+ }
2558
+
2559
+ ._login_vitro-footer_1lceaP0 {
2560
+ position: absolute;
2561
+ bottom: 12px;
2562
+ left: 0;
2563
+ width: 100%;
2564
+ display: flex;
2565
+ justify-content: flex-end;
2566
+ align-items: center;
2567
+ z-index: 101;
2568
+ }
2569
+
2570
+ ._login_vitro-link-list_1rQQg9u {
2571
+ display: flex;
2572
+ align-items: center;
2573
+ list-style: none;
2574
+ margin-bottom: 0;
2575
+ padding: 0;
2576
+ }
2577
+
2578
+ ._login_vitro-link-list_1rQQg9u > li, ._login_vitro-copyright_1gm65Ao {
2579
+ color: #fff;
2580
+ text-align: center;
2581
+ font-size: 14px;
2582
+ line-height: 135%;
2583
+ white-space: nowrap;
2584
+ margin-right: 24px;
2585
+ display: flex;
2586
+ align-items: center
2587
+ }
2588
+
2589
+ ._login_vitro-link-list_1rQQg9u a,
2590
+ ._login_vitro-link-list_1rQQg9u a:visited,
2591
+ ._login_vitro-link-list_1rQQg9u a:hover {
2592
+ color: #fff;
2593
+ cursor: pointer;
2594
+ }
2595
+
2596
+ ._login_vitro-language_2T3uktL {
2597
+ height: 24px;
2598
+ width: 24px;
2599
+ margin-right: 24px;
2600
+ background-size: 100%;
2601
+ background-repeat: no-repeat;
2602
+ background-position: center;
2603
+ background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/login/img/ru.svg');
2604
+ }
2605
+
2606
+ ._login_vitro-copyright_1gm65Ao::before {
2607
+ content: '';
2608
+ display: inline-block;
2609
+ margin-right: 4px;
2610
+ height: 14px;
2611
+ width: 14px;
2612
+ background-position: center;
2613
+ background-size: 100%;
2614
+ background-repeat: no-repeat;
2615
+ background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/login/img/copyright.svg');
2616
+ }
2617
+
2618
+ @media (max-width: 800px) {
2619
+ ._login_vitro-login_12nYNm2 {
2620
+ margin: 0 16px;
2621
+ width: -moz-available !important;
2622
+ width: -webkit-fill-available !important;
2623
+ width: stretch !important;
2624
+ padding: 48px 12px 24px 12px !important;
2625
+ }
2626
+
2627
+ ._login_vitro-logo_3-qTjgy {
2628
+ margin-bottom: 28px;
2629
+ }
2630
+ }
2497
2631
  ._checkbox_vitro-control_DfB5DDM {
2498
2632
  width: 100%;
2499
2633
  position: relative;
@@ -2534,7 +2668,7 @@ html, body {
2534
2668
  }
2535
2669
 
2536
2670
  ._checkbox_vitro-label_qZxCbCP {
2537
- color: #222D44;
2671
+ color: #4A556C;
2538
2672
  font-size: 14px;
2539
2673
  line-height: 135%;
2540
2674
  }
@@ -2548,51 +2682,50 @@ html, body {
2548
2682
  margin-right: 6px;
2549
2683
  }
2550
2684
 
2551
- ._login_vitro-login-layout_1C8owlz {
2552
- width: 100%;
2553
- height: 100%;
2554
- background: #347FDE;
2555
- position: relative;
2556
- background-size: cover;
2685
+ ._password-input_vitro-button-show-password_2jL4nM-,
2686
+ ._password-input_vitro-button-hide-password_vPoUeVl {
2687
+ position: absolute;
2688
+ top: 12px;
2689
+ right: 20px;
2690
+ width: 24px;
2691
+ height: 24px;
2692
+ background-size: 100%;
2557
2693
  background-position: center;
2558
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/login/img/login-background.png');
2694
+ cursor: pointer;
2559
2695
  }
2560
2696
 
2561
- ._login_vitro-login-layout_1C8owlz::after {
2562
- content: '';
2563
- width: 100%;
2564
- height: 100%;
2565
- position: absolute;
2566
- z-index: 10;
2567
- top: 0;
2568
- left: 0;
2569
- opacity: 0.3;
2570
- background: #000;
2697
+ ._password-input_vitro-button-show-password_2jL4nM- {
2698
+ background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/password-input/img/show-password.svg');
2571
2699
  }
2572
2700
 
2573
- ._login_vitro-form-login_2nyw95B {
2574
- width: 468px;
2575
- min-height: 506px;
2576
- padding: 71px 36px 24px 36px;
2577
- border-radius: 8px;
2578
- display: flex;
2579
- flex-direction: column;
2580
- align-items: center;
2581
- background: #fff;
2582
- position: absolute;
2583
- z-index: 100;
2584
- top: calc(50% - 253px);
2585
- left: calc(50% - 234px);
2586
- box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
2701
+ ._password-input_vitro-button-hide-password_vPoUeVl {
2702
+ background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/password-input/img/hide-password.svg');
2587
2703
  }
2588
-
2589
- ._login_vitro-logo_3-qTjgy {
2590
- width: 165px;
2591
- height: 57px;
2592
- margin-bottom: 34px;
2704
+
2705
+ ._link_vitro-link_2ePaXvd, ._link_vitro-link_2ePaXvd:visited {
2706
+ color: #347FDE;
2707
+ text-align: center;
2708
+ font-size: 16px;
2709
+ line-height: 135%;
2710
+ white-space: nowrap;
2711
+ cursor: pointer;
2593
2712
  }
2594
2713
 
2595
- ._login_vitro-title_nfoHltS {
2714
+ ._link_vitro-link_2ePaXvd:hover {
2715
+ color: #3274E0;
2716
+ }
2717
+ ._login-submit-button_vitro-submit-button_1TFkn8x {
2718
+ font-family: 'InterMedium' !important;
2719
+ width: 100%;
2720
+ min-height: 48px;
2721
+ height: 48px !important;
2722
+ font-size: 18px !important;
2723
+ line-height: 135%;
2724
+ margin-top: 20px;
2725
+ box-shadow: 0px 4px 16px 0px rgba(52, 117, 199, 0.15);
2726
+ }
2727
+
2728
+ ._login-title_vitro-login-title_3Y4jqav {
2596
2729
  color: #222D44;
2597
2730
  text-align: center;
2598
2731
  font-family: 'InterMedium';
@@ -2600,8 +2733,12 @@ html, body {
2600
2733
  line-height: 135%;
2601
2734
  margin-bottom: 25px;
2602
2735
  }
2736
+
2737
+ ._login-form_vitro-title_3hbcdDr {
2738
+ margin-bottom: 45px;
2739
+ }
2603
2740
 
2604
- ._login_vitro-flex_2CffX6W {
2741
+ ._login-form_vitro-flex_fxG_Mos {
2605
2742
  width: 100%;
2606
2743
  display: flex;
2607
2744
  justify-content: space-between;
@@ -2611,11 +2748,11 @@ html, body {
2611
2748
  height: 24px;
2612
2749
  }
2613
2750
 
2614
- ._login_vitro-flex_2CffX6W._login_vitro-error_1Nk25em {
2751
+ ._login-form_vitro-flex_fxG_Mos._login-form_vitro-error_2-jVYfA {
2615
2752
  margin-top: 11px;
2616
2753
  }
2617
2754
 
2618
- ._login_vitro-link_az1ZWIc, vitro-link-register, ._login_vitro-link_az1ZWIc:visited {
2755
+ ._login-form_vitro-link_2LCXwY2, vitro-link-register, ._login-form_vitro-link_2LCXwY2:visited {
2619
2756
  color: #347FDE;
2620
2757
  text-align: center;
2621
2758
  font-size: 16px;
@@ -2624,23 +2761,22 @@ html, body {
2624
2761
  cursor: pointer;
2625
2762
  }
2626
2763
 
2627
- ._login_vitro-link_az1ZWIc:hover {
2764
+ ._login-form_vitro-link_2LCXwY2:hover {
2628
2765
  color: #3274E0;
2629
2766
  }
2630
2767
 
2631
- ._login_vitro-separator_2jHZJHO {
2632
- margin-bottom: 20px;
2768
+ ._login-form_vitro-separator_P7hw9MH {
2769
+ margin: 24px 0;
2633
2770
  color: #4A556C;
2634
2771
  text-align: center;
2635
2772
  font-size: 18px;
2636
2773
  line-height: 135%;
2637
2774
  width: -moz-fit-content;
2638
2775
  width: fit-content;
2639
- margin-top: auto;
2640
2776
  }
2641
2777
 
2642
- ._login_vitro-separator_2jHZJHO::before,
2643
- ._login_vitro-separator_2jHZJHO::after {
2778
+ ._login-form_vitro-separator_P7hw9MH::before,
2779
+ ._login-form_vitro-separator_P7hw9MH::after {
2644
2780
  content: '';
2645
2781
  display: inline-block;
2646
2782
  height: 1px;
@@ -2649,28 +2785,237 @@ html, body {
2649
2785
  vertical-align: middle;
2650
2786
  }
2651
2787
 
2652
- ._login_vitro-separator_2jHZJHO::before {
2653
- margin-right: 30px;
2788
+ ._login-form_vitro-separator_P7hw9MH::before {
2789
+ margin-right: 30px;
2790
+ }
2791
+
2792
+ ._login-form_vitro-separator_P7hw9MH::after {
2793
+ margin-left: 30px;
2794
+ }
2795
+
2796
+ ._login-form_vitro-control_1Th9h7G,
2797
+ ._login-form_vitro-password-control_2_Eo-gN {
2798
+ margin-bottom: 0;
2799
+ margin-top: 20px;
2800
+ max-height: 69px;
2801
+ }
2802
+
2803
+ ._login-form_vitro-control_1Th9h7G > div {
2804
+ font-size: 16px !important;
2805
+ line-height: 27px !important;
2806
+ top: -16px !important;
2807
+ }
2808
+
2809
+ ._login-form_vitro-control_1Th9h7G input {
2810
+ height: 48px !important;
2811
+ font-size: 18px !important;
2812
+ line-height: 135% !important;
2813
+ padding: 12px 44px 12px 20px !important;
2814
+ box-shadow: 0px 2px 6px 0px rgba(19, 18, 66, 0.07);
2815
+ }
2816
+
2817
+ ._login-form_vitro-control_1Th9h7G input::-moz-placeholder {
2818
+ color: #6C757D;
2819
+ font-family: 'InterRegular';
2820
+ font-size: 18px;
2821
+ font-weight: 400;
2822
+ line-height: 135%;
2823
+ }
2824
+
2825
+ ._login-form_vitro-control_1Th9h7G input::placeholder {
2826
+ color: #6C757D;
2827
+ font-family: 'InterRegular';
2828
+ font-size: 18px;
2829
+ font-weight: 400;
2830
+ line-height: 135%;
2831
+ }
2832
+
2833
+ ._login-form_vitro-login-checkbox_1eoT81X {
2834
+ margin-bottom: 0;
2835
+ }
2836
+
2837
+ ._login-form_vitro-login-checkbox_1eoT81X div {
2838
+ font-size: 16px;
2839
+ }
2840
+
2841
+ ._login-form_vitro-button-list_1-9qryi {
2842
+ width: 100%;
2843
+ display: flex;
2844
+ flex-direction: column;
2845
+ grid-gap: 12px;
2846
+ margin-bottom: 12px;
2847
+ }
2848
+
2849
+ ._login-form_vitro-button_r2KCJ7k {
2850
+ min-height: 48px;
2851
+ height: 48px;
2852
+ width: 100%;
2853
+ font-family: 'InterRegular';
2854
+ color: #222D44;
2855
+ font-size: 18px;
2856
+ line-height: 135%;
2857
+ background-color: #fff;
2858
+ outline: none;
2859
+ border-radius: 4px;
2860
+ border: 1px solid #C0CAD5;
2861
+ display: flex;
2862
+ align-items: center;
2863
+ justify-content: center;
2864
+ grid-gap: 12px;
2865
+ }
2866
+
2867
+ ._login-form_vitro-button_r2KCJ7k .vitro-image {
2868
+ margin-right: 12px;
2869
+ }
2870
+
2871
+ ._login-form_vitro-button_r2KCJ7k:hover,
2872
+ ._login-form_vitro-button_r2KCJ7k:active {
2873
+ background-color: #F3F8FF;
2874
+ }
2875
+
2876
+ @media (max-width: 800px) {
2877
+ ._login-form_vitro-login-checkbox_1eoT81X div {
2878
+ font-size: 14px !important;
2879
+ }
2880
+
2881
+ ._login-form_vitro-link_2LCXwY2 {
2882
+ font-size: 14px !important;
2883
+ }
2884
+
2885
+ ._login-form_vitro-link-register_zUIL_1f {
2886
+ font-size: 16px !important;
2887
+ }
2888
+
2889
+ ._login-form_vitro-separator_P7hw9MH::before,
2890
+ ._login-form_vitro-separator_P7hw9MH::after {
2891
+ width: calc((100% - 93px) / 2) !important;
2892
+ }
2893
+
2894
+ ._login-form_vitro-separator_P7hw9MH {
2895
+ width: 100% !important;
2896
+ }
2897
+
2898
+ ._login-form_vitro-control_1Th9h7G input {
2899
+ -webkit-box-shadow: inset 0 0 0 50px white;
2900
+ }
2901
+
2902
+ ._login-form_vitro-title_3hbcdDr {
2903
+ margin-bottom: 16px;
2904
+ font-size: 24px;
2905
+ }
2906
+ }
2907
+ ._login-go-back-link_vitro-link_103lWHm {
2908
+ font-family: 'InterMedium';
2909
+ }
2910
+
2911
+ ._login-go-back-link_vitro-link_103lWHm:hover {
2912
+ color: #3274E0;
2913
+ }
2914
+
2915
+ ._two-factor-authentication-form_vitro-two-factor-authentication-form_2BAlkOL {
2916
+ width: 100%;
2917
+ height: 486px;
2918
+ max-height: 486px;
2919
+ flex-shrink: 0;
2920
+ display: flex;
2921
+ flex-direction: column;
2922
+ align-items: center;
2923
+ }
2924
+
2925
+ ._two-factor-authentication-form_vitro-title_2TyfWcR {
2926
+ color: #222D44;
2927
+ text-align: center;
2928
+ font-family: 'InterMedium';
2929
+ font-size: 32px;
2930
+ line-height: 135%;
2931
+ margin-top: 32px;
2932
+ margin-bottom: 25px;
2933
+ }
2934
+
2935
+ ._two-factor-authentication-form_vitro-subtitle_aP8TzSj {
2936
+ font-size: 16px;
2937
+ line-height: 135%;
2938
+ color: #222D44;
2939
+ margin-bottom: 24px;
2940
+ text-align: center;
2941
+ }
2942
+
2943
+ ._two-factor-authentication-form_vitro-subtitle_aP8TzSj div {
2944
+ text-align: center;
2945
+ white-space: nowrap;
2946
+ }
2947
+
2948
+ ._two-factor-authentication-form_vitro-subtitle_aP8TzSj span {
2949
+ white-space: nowrap;
2950
+ font-family: 'InterMedium';
2951
+ }
2952
+
2953
+ ._two-factor-authentication-form_vitro-control_DMLipzl {
2954
+ margin-bottom: 8px;
2955
+ }
2956
+
2957
+ ._two-factor-authentication-form_vitro-link-resend-code_1TOWPEe {
2958
+ font-family: 'InterMedium';
2959
+ }
2960
+
2961
+ ._two-factor-authentication-form_vitro-link-resend-code_1TOWPEe {
2962
+ height: 40px;
2963
+ margin-bottom: 18px;
2964
+ }
2965
+
2966
+ ._two-factor-authentication-form_vitro-description_2mhz2nj,
2967
+ ._two-factor-authentication-form_vitro-resend-code-description_9WkdV6i {
2968
+ font-family: 'InterMedium';
2969
+ font-size: 14px;
2970
+ line-height: 135%;
2971
+ color: #6C757D;
2972
+ width: -moz-fit-content;
2973
+ width: fit-content;
2974
+ max-width: 259px;
2975
+ text-align: center;
2976
+ display: flex;
2977
+ align-items: center;
2978
+ }
2979
+
2980
+ ._two-factor-authentication-form_vitro-resend-code-description_9WkdV6i {
2981
+ height: 40px;
2982
+ margin-bottom: 18px;
2654
2983
  }
2655
2984
 
2656
- ._login_vitro-separator_2jHZJHO::after {
2657
- margin-left: 30px;
2985
+ ._two-factor-authentication-form_vitro-flex_3mAp0Js {
2986
+ display: flex;
2987
+ flex-direction: column;
2988
+ align-items: baseline;
2989
+ justify-content: space-between;
2990
+ width: 100%;
2991
+ flex: 1 1;
2658
2992
  }
2659
2993
 
2660
- ._login_vitro-control_3YqxIR2,
2661
- ._login_vitro-password-control_2Zp5fJi {
2662
- margin-bottom: 0;
2663
- margin-top: 20px;
2664
- max-height: 69px;
2994
+ ._two-factor-authentication-form_vitro-clock_3_ffAz_::before {
2995
+ content: '';
2996
+ display: block;
2997
+ width: 24px;
2998
+ height: 24px;
2999
+ flex-shrink: 0;
3000
+ margin-right: 8px;
3001
+ background-size: 100%;
3002
+ background-repeat: no-repeat;
3003
+ background-position: center;
3004
+ background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/login/img/clock.svg');
2665
3005
  }
2666
3006
 
2667
- ._login_vitro-control_3YqxIR2 > div {
3007
+ ._two-factor-authentication-form_vitro-button_3hpMWyE {
3008
+ margin-top: 16px;
3009
+ margin-bottom: 32px;
3010
+ }
3011
+
3012
+ ._two-factor-authentication-form_vitro-control_DMLipzl > div {
2668
3013
  font-size: 16px !important;
2669
3014
  line-height: 27px !important;
2670
3015
  top: -16px !important;
2671
3016
  }
2672
3017
 
2673
- ._login_vitro-control_3YqxIR2 input {
3018
+ ._two-factor-authentication-form_vitro-control_DMLipzl input {
2674
3019
  height: 48px !important;
2675
3020
  font-size: 18px !important;
2676
3021
  line-height: 135% !important;
@@ -2678,154 +3023,71 @@ html, body {
2678
3023
  box-shadow: 0px 2px 6px 0px rgba(19, 18, 66, 0.07);
2679
3024
  }
2680
3025
 
2681
- ._login_vitro-control_3YqxIR2 input::-moz-placeholder {
2682
- color: #6C757D;
2683
- font-family: 'InterRegular';
2684
- font-size: 18px;
2685
- font-weight: 400;
2686
- line-height: 135%;
3026
+ ._two-factor-authentication-form_vitro-email_qxiJm1M {
3027
+ white-space: nowrap;
3028
+ align-items: center;
3029
+ height: 22px;
3030
+ display: inline-flex;
2687
3031
  }
2688
3032
 
2689
- ._login_vitro-control_3YqxIR2 input::placeholder {
2690
- color: #6C757D;
2691
- font-family: 'InterRegular';
3033
+ ._two-factor-authentication-form_vitro-hidden-symbol_12uh3tN {
3034
+ margin-right: 3px;
3035
+ letter-spacing: -2px;
2692
3036
  font-size: 18px;
2693
- font-weight: 400;
2694
- line-height: 135%;
3037
+ margin-right: 3px;
3038
+ display: flex;
3039
+ align-items: baseline;
2695
3040
  }
2696
3041
 
2697
- ._login_vitro-login-checkbox_39NOnZg {
2698
- margin-bottom: 0;
2699
- }
3042
+ @media (max-width: 800px) {
2700
3043
 
2701
- ._login_vitro-login-checkbox_39NOnZg div {
2702
- font-size: 16px;
2703
- }
3044
+ ._two-factor-authentication-form_vitro-two-factor-authentication-form_2BAlkOL {
3045
+ height: 452px;
3046
+ max-height: 452px;
3047
+ }
2704
3048
 
2705
- ._login_vitro-button_2OCqKtD {
2706
- font-family: 'InterMedium' !important;
2707
- width: 100%;
2708
- height: 48px !important;
2709
- font-size: 18px !important;
2710
- line-height: 135%;
2711
- margin-top: 20px;
2712
- box-shadow: 0px 4px 16px 0px rgba(52, 117, 199, 0.15);
2713
- }
3049
+ ._two-factor-authentication-form_vitro-title_2TyfWcR {
3050
+ margin-bottom: 16px;
3051
+ margin-top: 0;
3052
+ font-size: 24px;
3053
+ }
2714
3054
 
2715
- ._login_vitro-footer_1lceaP0 {
2716
- position: absolute;
2717
- bottom: 12px;
2718
- left: 0;
3055
+ ._two-factor-authentication-form_vitro-subtitle_aP8TzSj div {
3056
+ white-space: normal;
3057
+ }
3058
+
3059
+ }
3060
+ ._ntlm-authentication-form_vitro-ntlm-authentication-form_cZo4EPu {
2719
3061
  width: 100%;
3062
+ height: 289px;
2720
3063
  display: flex;
2721
- justify-content: flex-end;
3064
+ flex-direction: column;
2722
3065
  align-items: center;
2723
- z-index: 101;
2724
3066
  }
2725
3067
 
2726
- ._login_vitro-link-list_1rQQg9u {
3068
+ ._ntlm-authentication-form_vitro-content_1CCJ4Md {
2727
3069
  display: flex;
3070
+ flex-direction: column;
2728
3071
  align-items: center;
2729
- list-style: none;
2730
- margin-bottom: 0;
2731
- padding: 0;
3072
+ grid-gap: 16px;
3073
+ margin-top: 20px;
3074
+ margin-bottom: auto;
2732
3075
  }
2733
3076
 
2734
- ._login_vitro-link-list_1rQQg9u > li, ._login_vitro-copyright_1gm65Ao {
2735
- color: #fff;
3077
+ ._ntlm-authentication-form_vitro-content_1CCJ4Md span {
3078
+ font-size: 18px;
3079
+ line-height: 135%;
2736
3080
  text-align: center;
2737
- font-size: 14px;
2738
- line-height: 135%;
2739
- white-space: nowrap;
2740
- margin-right: 24px;
2741
- display: flex;
2742
- align-items: center
2743
- }
2744
-
2745
- ._login_vitro-link-list_1rQQg9u a,
2746
- ._login_vitro-link-list_1rQQg9u a:visited,
2747
- ._login_vitro-link-list_1rQQg9u a:hover {
2748
- color: #fff;
2749
- cursor: pointer;
2750
3081
  }
2751
3082
 
2752
- ._login_vitro-language_2T3uktL {
2753
- height: 24px;
2754
- width: 24px;
2755
- margin-right: 24px;
3083
+ ._ntlm-authentication-form_vitro-image_1rt02c3 {
3084
+ width: 48px;
3085
+ height: 48px;
2756
3086
  background-size: 100%;
2757
- background-repeat: no-repeat;
2758
- background-position: center;
2759
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/login/img/ru.svg');
2760
- }
2761
-
2762
- ._login_vitro-copyright_1gm65Ao::before {
2763
- content: '';
2764
- display: inline-block;
2765
- margin-right: 4px;
2766
- height: 14px;
2767
- width: 14px;
2768
3087
  background-position: center;
2769
- background-size: 100%;
2770
3088
  background-repeat: no-repeat;
2771
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/login/img/copyright.svg');
2772
- }
2773
-
2774
- @media (max-width: 800px) {
2775
- ._login_vitro-login-checkbox_39NOnZg div {
2776
- font-size: 14px !important;
2777
- }
2778
-
2779
- ._login_vitro-link_az1ZWIc {
2780
- font-size: 14px !important;
2781
- }
2782
-
2783
- ._login_vitro-link-register_3FH012R {
2784
- font-size: 16px !important;
2785
- }
2786
-
2787
- ._login_vitro-separator_2jHZJHO::before,
2788
- ._login_vitro-separator_2jHZJHO::after {
2789
- width: calc((100% - 93px) / 2) !important;
2790
- }
2791
-
2792
- ._login_vitro-separator_2jHZJHO {
2793
- width: 100% !important;
2794
- }
2795
-
2796
- ._login_vitro-form-login_2nyw95B {
2797
- margin: 0 16px;
2798
- width: -moz-available !important;
2799
- width: -webkit-fill-available !important;
2800
- width: stretch !important;
2801
- left: 0 !important;
2802
- padding: 71px 12px 24px 12px !important;
2803
- }
2804
-
2805
- ._login_vitro-control_3YqxIR2 input {
2806
- -webkit-box-shadow: inset 0 0 0 50px white;
2807
- }
3089
+ background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/login/img/windows-logo.svg');
2808
3090
  }
2809
- ._password-input_vitro-button-show-password_2jL4nM-,
2810
- ._password-input_vitro-button-hide-password_vPoUeVl {
2811
- position: absolute;
2812
- top: 12px;
2813
- right: 20px;
2814
- width: 24px;
2815
- height: 24px;
2816
- background-size: 100%;
2817
- background-position: center;
2818
- cursor: pointer;
2819
- }
2820
-
2821
- ._password-input_vitro-button-show-password_2jL4nM- {
2822
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/password-input/img/show-password.svg');
2823
- }
2824
-
2825
- ._password-input_vitro-button-hide-password_vPoUeVl {
2826
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/password-input/img/hide-password.svg');
2827
- }
2828
-
2829
3091
  ._date-picker_vitro-control_2AYXegb {
2830
3092
  margin-bottom: 22px;
2831
3093
  width: 100%;
@@ -2887,10 +3149,6 @@ html, body {
2887
3149
  line-height: 16px;
2888
3150
  }
2889
3151
 
2890
- ._date-picker_vitro-focus_2cJKcKr ._date-picker_vitro-label_2jh9qxb {
2891
- color: #3274E0;
2892
- }
2893
-
2894
3152
  ._date-picker_vitro-read-only_2NZoMN5 input {
2895
3153
  color: #4A556C;
2896
3154
  font-size: 12px;
@@ -2908,13 +3166,22 @@ html, body {
2908
3166
  display: none !important;
2909
3167
  }
2910
3168
 
3169
+ ._date-picker_vitro-focus_2cJKcKr ._date-picker_vitro-label_2jh9qxb {
3170
+ color: #3274E0;
3171
+ }
3172
+
2911
3173
  ._date-picker_vitro-error_3DkgZiN ._date-picker_vitro-label_2jh9qxb {
2912
3174
  color: #D13438;
2913
3175
  }
2914
3176
 
2915
3177
  ._date-picker_vitro-label_2jh9qxb {
3178
+ color: #4A556C;
2916
3179
  padding: 0 6px;
2917
- background: #fff;
3180
+ background: transparent;
3181
+ background-image: linear-gradient(#fff, #fff);
3182
+ background-size: 100% 2px;
3183
+ background-position: 0 calc(50% + 3px);
3184
+ background-repeat: no-repeat;
2918
3185
  z-index: 1;
2919
3186
  position: absolute;
2920
3187
  left: 10px;
@@ -3229,18 +3496,6 @@ html, body {
3229
3496
  line-height: 16px;
3230
3497
  }
3231
3498
 
3232
- ._time-picker_vitro-focus_wmhPjvE ._time-picker_vitro-label_2b97aCy {
3233
- color: #3274E0;
3234
- }
3235
-
3236
- ._time-picker_vitro-focus_wmhPjvE .k-picker-wrap {
3237
- border-color: #3274E0 !important;
3238
- }
3239
-
3240
- ._time-picker_vitro-error_2ZmK0I5 .k-picker-wrap {
3241
- border-color: #D13438 !important;
3242
- }
3243
-
3244
3499
  ._time-picker_vitro-read-only_NlE18Zm input {
3245
3500
  color: #4A556C;
3246
3501
  font-size: 12px;
@@ -3258,13 +3513,30 @@ html, body {
3258
3513
  display: none;
3259
3514
  }
3260
3515
 
3516
+ ._time-picker_vitro-focus_wmhPjvE ._time-picker_vitro-label_2b97aCy {
3517
+ color: #3274E0;
3518
+ }
3519
+
3520
+ ._time-picker_vitro-focus_wmhPjvE .k-picker-wrap {
3521
+ border-color: #3274E0 !important;
3522
+ }
3523
+
3524
+ ._time-picker_vitro-error_2ZmK0I5 .k-picker-wrap {
3525
+ border-color: #D13438 !important;
3526
+ }
3527
+
3261
3528
  ._time-picker_vitro-error_2ZmK0I5 ._time-picker_vitro-label_2b97aCy {
3262
3529
  color: #D13438;
3263
3530
  }
3264
3531
 
3265
3532
  ._time-picker_vitro-label_2b97aCy {
3533
+ color: #4A556C;
3266
3534
  padding: 0 6px;
3267
- background: #fff;
3535
+ background: transparent;
3536
+ background-image: linear-gradient(#fff, #fff);
3537
+ background-size: 100% 2px;
3538
+ background-position: 0 calc(50% + 3px);
3539
+ background-repeat: no-repeat;
3268
3540
  z-index: 1;
3269
3541
  position: absolute;
3270
3542
  left: 10px;
@@ -3640,14 +3912,6 @@ html, body {
3640
3912
  flex-wrap: wrap;
3641
3913
  }
3642
3914
 
3643
- ._lookup-picker_vitro-focus_2UGpxXD ._lookup-picker_vitro-content_37L0slb {
3644
- border-color: #3274E0;
3645
- }
3646
-
3647
- ._lookup-picker_vitro-focus_2UGpxXD ._lookup-picker_vitro-label_2QoJkUz {
3648
- color: #3274E0;
3649
- }
3650
-
3651
3915
  ._lookup-picker_vitro-read-only_32NOdGB ._lookup-picker_vitro-content_37L0slb {
3652
3916
  color: #4A556C;
3653
3917
  font-size: 12px;
@@ -3670,6 +3934,14 @@ html, body {
3670
3934
  color: #4A556C;
3671
3935
  }
3672
3936
 
3937
+ ._lookup-picker_vitro-focus_2UGpxXD ._lookup-picker_vitro-content_37L0slb {
3938
+ border-color: #3274E0;
3939
+ }
3940
+
3941
+ ._lookup-picker_vitro-focus_2UGpxXD ._lookup-picker_vitro-label_2QoJkUz {
3942
+ color: #3274E0;
3943
+ }
3944
+
3673
3945
  ._lookup-picker_vitro-error_dF7iopC ._lookup-picker_vitro-content_37L0slb {
3674
3946
  border-color: #D13438;
3675
3947
  }
@@ -3679,8 +3951,13 @@ html, body {
3679
3951
  }
3680
3952
 
3681
3953
  ._lookup-picker_vitro-label_2QoJkUz {
3954
+ color: #4A556C;
3682
3955
  padding: 0 6px;
3683
- background: #fff;
3956
+ background: transparent;
3957
+ background-image: linear-gradient(#fff, #fff);
3958
+ background-size: 100% 2px;
3959
+ background-position: 0 calc(50% + 3px);
3960
+ background-repeat: no-repeat;
3684
3961
  z-index: 1;
3685
3962
  position: absolute;
3686
3963
  left: 10px;
@@ -5472,8 +5749,13 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
5472
5749
  }
5473
5750
 
5474
5751
  ._criterion_vitro-label_3F6a8dj {
5752
+ color: #4A556C;
5475
5753
  padding: 0 6px;
5476
- background: #fff;
5754
+ background: transparent;
5755
+ background-image: linear-gradient(#fff, #fff);
5756
+ background-size: 100% 2px;
5757
+ background-position: 0 calc(50% + 3px);
5758
+ background-repeat: no-repeat;
5477
5759
  z-index: 1;
5478
5760
  position: absolute;
5479
5761
  left: 10px;
@@ -6385,3 +6667,55 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
6385
6667
  margin-right: 8px;
6386
6668
  }
6387
6669
 
6670
+
6671
+ ._image-button_vitro-image-button_34pBVmE,
6672
+ ._image-button_vitro-image-button_34pBVmE:hover,
6673
+ ._image-button_vitro-image-button_34pBVmE:active {
6674
+ width: 20px;
6675
+ height: 20px;
6676
+ flex-shrink: 0;
6677
+ background-position: center;
6678
+ background-size: 100%;
6679
+ background-repeat: no-repeat;
6680
+ border: none;
6681
+ outline: none;
6682
+ background-color: transparent;
6683
+ }
6684
+
6685
+ ._link-input_vitro-link-input_1FBo8kO {
6686
+ position: relative;
6687
+ }
6688
+
6689
+ ._link-input_vitro-link-input_1FBo8kO input {
6690
+ color: #2A63F6;
6691
+ font-size: 14px;
6692
+ line-height: 16px;
6693
+ overflow: hidden;
6694
+ text-overflow: ellipsis;
6695
+ cursor: pointer;
6696
+ }
6697
+
6698
+ ._link-input_vitro-edit-mode_2HhUoeO input {
6699
+ overflow: unset;
6700
+ cursor: text;
6701
+ }
6702
+
6703
+ ._link-input_vitro-read-only_AG9_cYJ input {
6704
+ padding: 8px 16px;
6705
+ }
6706
+
6707
+ ._link-input_vitro-control_1MGkxWi > div:first-child {
6708
+ color: #4A556C;
6709
+ }
6710
+
6711
+ ._link-input_vitro-read-only_AG9_cYJ ._link-input_vitro-control_1MGkxWi > div:first-child {
6712
+ color: #8E98A3;
6713
+ }
6714
+
6715
+ ._link-input_vitro-edit-button_1PMQnWv {
6716
+ display: inline-block;
6717
+ position: absolute;
6718
+ right: 16px;
6719
+ top: 10px;
6720
+ background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/link-input/img/edit.svg');
6721
+ }