@vitrosoftware/common-ui-ts 1.1.89 → 1.1.91

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 (51) hide show
  1. package/css/std/controls/checkbox/checkbox.css +3 -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/dialog/dialog.css +0 -2
  5. package/css/std/controls/image-button/image-button.css +13 -0
  6. package/css/std/controls/input/input.css +16 -11
  7. package/css/std/controls/link/link.css +12 -0
  8. package/css/std/controls/link-input/img/edit.svg +5 -0
  9. package/css/std/controls/link-input/link-input.css +37 -0
  10. package/css/std/controls/login/img/clock.svg +4 -0
  11. package/css/std/controls/login/img/windows-logo.svg +6 -0
  12. package/css/std/controls/login/login-content.css +12 -0
  13. package/css/std/controls/login/login-form.css +161 -0
  14. package/css/std/controls/login/login-go-back-link.css +7 -0
  15. package/css/std/controls/login/login-submit-button.css +10 -0
  16. package/css/std/controls/login/login-title.css +8 -0
  17. package/css/std/controls/login/login.css +12 -144
  18. package/css/std/controls/login/ntlm-authentication-form.css +31 -0
  19. package/css/std/controls/login/two-factor-authentication-form.css +144 -0
  20. package/css/std/controls/lookup-picker/lookup-picker.css +14 -9
  21. package/css/std/controls/sidebar/sidebar-item.css +3 -2
  22. package/css/std/controls/time-picker/time-picker.css +18 -13
  23. package/dist/index.css +561 -225
  24. package/dist/index.js +757 -342
  25. package/dist/index.js.map +1 -1
  26. package/dist/src/constants/Control.d.ts +1 -0
  27. package/dist/src/constants/Target.d.ts +4 -0
  28. package/dist/src/controls/Button/Button.d.ts +1 -2
  29. package/dist/src/controls/ImageButton/ImageButton.d.ts +12 -0
  30. package/dist/src/controls/Input/Input.d.ts +1 -0
  31. package/dist/src/controls/Link/Link.d.ts +10 -0
  32. package/dist/src/controls/LinkInput/LinkInput.d.ts +26 -0
  33. package/dist/src/controls/LinkInput/LinkInputConstants.d.ts +4 -0
  34. package/dist/src/controls/LinkInput/LinkInputRef.d.ts +11 -0
  35. package/dist/src/controls/Login/Login.d.ts +3 -7
  36. package/dist/src/controls/Login/LoginConstants.d.ts +19 -4
  37. package/dist/src/controls/Login/LoginContent.d.ts +8 -0
  38. package/dist/src/controls/Login/LoginForm.d.ts +15 -0
  39. package/dist/src/controls/Login/LoginFormRef.d.ts +5 -0
  40. package/dist/src/controls/Login/LoginGoBackLink.d.ts +6 -0
  41. package/dist/src/controls/Login/LoginSubmitButton.d.ts +8 -0
  42. package/dist/src/controls/Login/LoginTitle.d.ts +7 -0
  43. package/dist/src/controls/Login/NTLMAuthenticationForm.d.ts +6 -0
  44. package/dist/src/controls/Login/TwoFactorAuthenticationForm.d.ts +15 -0
  45. package/dist/src/controls/Login/TwoFactorAuthenticationFormRef.d.ts +4 -0
  46. package/dist/src/controls/Sidebar/Item.d.ts +1 -0
  47. package/dist/src/controls/Sidebar/LinkItem.d.ts +1 -0
  48. package/dist/src/index.d.ts +14 -3
  49. package/package.json +1 -1
  50. package/src/controls/BimViewer/js/bim-viewer.js +2 -2
  51. 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;
@@ -2511,6 +2645,9 @@ html, body {
2511
2645
  height: 24px;
2512
2646
  margin-right: 6px;
2513
2647
  cursor: pointer;
2648
+ -moz-appearance: none;
2649
+ appearance: none;
2650
+ -webkit-appearance: none;
2514
2651
  }
2515
2652
 
2516
2653
  ._checkbox_vitro-checkbox-content_2fBG1zl input::before,
@@ -2534,7 +2671,7 @@ html, body {
2534
2671
  }
2535
2672
 
2536
2673
  ._checkbox_vitro-label_qZxCbCP {
2537
- color: #222D44;
2674
+ color: #4A556C;
2538
2675
  font-size: 14px;
2539
2676
  line-height: 135%;
2540
2677
  }
@@ -2548,51 +2685,50 @@ html, body {
2548
2685
  margin-right: 6px;
2549
2686
  }
2550
2687
 
2551
- ._login_vitro-login-layout_1C8owlz {
2552
- width: 100%;
2553
- height: 100%;
2554
- background: #347FDE;
2555
- position: relative;
2556
- background-size: cover;
2688
+ ._password-input_vitro-button-show-password_2jL4nM-,
2689
+ ._password-input_vitro-button-hide-password_vPoUeVl {
2690
+ position: absolute;
2691
+ top: 12px;
2692
+ right: 20px;
2693
+ width: 24px;
2694
+ height: 24px;
2695
+ background-size: 100%;
2557
2696
  background-position: center;
2558
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/login/img/login-background.png');
2697
+ cursor: pointer;
2559
2698
  }
2560
2699
 
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;
2700
+ ._password-input_vitro-button-show-password_2jL4nM- {
2701
+ background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/password-input/img/show-password.svg');
2571
2702
  }
2572
2703
 
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);
2704
+ ._password-input_vitro-button-hide-password_vPoUeVl {
2705
+ background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/password-input/img/hide-password.svg');
2587
2706
  }
2588
-
2589
- ._login_vitro-logo_3-qTjgy {
2590
- width: 165px;
2591
- height: 57px;
2592
- margin-bottom: 34px;
2707
+
2708
+ ._link_vitro-link_2ePaXvd, ._link_vitro-link_2ePaXvd:visited {
2709
+ color: #347FDE;
2710
+ text-align: center;
2711
+ font-size: 16px;
2712
+ line-height: 135%;
2713
+ white-space: nowrap;
2714
+ cursor: pointer;
2593
2715
  }
2594
2716
 
2595
- ._login_vitro-title_nfoHltS {
2717
+ ._link_vitro-link_2ePaXvd:hover {
2718
+ color: #3274E0;
2719
+ }
2720
+ ._login-submit-button_vitro-submit-button_1TFkn8x {
2721
+ font-family: 'InterMedium' !important;
2722
+ width: 100%;
2723
+ min-height: 48px;
2724
+ height: 48px !important;
2725
+ font-size: 18px !important;
2726
+ line-height: 135%;
2727
+ margin-top: 20px;
2728
+ box-shadow: 0px 4px 16px 0px rgba(52, 117, 199, 0.15);
2729
+ }
2730
+
2731
+ ._login-title_vitro-login-title_3Y4jqav {
2596
2732
  color: #222D44;
2597
2733
  text-align: center;
2598
2734
  font-family: 'InterMedium';
@@ -2600,8 +2736,12 @@ html, body {
2600
2736
  line-height: 135%;
2601
2737
  margin-bottom: 25px;
2602
2738
  }
2739
+
2740
+ ._login-form_vitro-title_3hbcdDr {
2741
+ margin-bottom: 45px;
2742
+ }
2603
2743
 
2604
- ._login_vitro-flex_2CffX6W {
2744
+ ._login-form_vitro-flex_fxG_Mos {
2605
2745
  width: 100%;
2606
2746
  display: flex;
2607
2747
  justify-content: space-between;
@@ -2611,11 +2751,11 @@ html, body {
2611
2751
  height: 24px;
2612
2752
  }
2613
2753
 
2614
- ._login_vitro-flex_2CffX6W._login_vitro-error_1Nk25em {
2754
+ ._login-form_vitro-flex_fxG_Mos._login-form_vitro-error_2-jVYfA {
2615
2755
  margin-top: 11px;
2616
2756
  }
2617
2757
 
2618
- ._login_vitro-link_az1ZWIc, vitro-link-register, ._login_vitro-link_az1ZWIc:visited {
2758
+ ._login-form_vitro-link_2LCXwY2, vitro-link-register, ._login-form_vitro-link_2LCXwY2:visited {
2619
2759
  color: #347FDE;
2620
2760
  text-align: center;
2621
2761
  font-size: 16px;
@@ -2624,23 +2764,22 @@ html, body {
2624
2764
  cursor: pointer;
2625
2765
  }
2626
2766
 
2627
- ._login_vitro-link_az1ZWIc:hover {
2767
+ ._login-form_vitro-link_2LCXwY2:hover {
2628
2768
  color: #3274E0;
2629
2769
  }
2630
2770
 
2631
- ._login_vitro-separator_2jHZJHO {
2632
- margin-bottom: 20px;
2771
+ ._login-form_vitro-separator_P7hw9MH {
2772
+ margin: 24px 0;
2633
2773
  color: #4A556C;
2634
2774
  text-align: center;
2635
2775
  font-size: 18px;
2636
2776
  line-height: 135%;
2637
2777
  width: -moz-fit-content;
2638
2778
  width: fit-content;
2639
- margin-top: auto;
2640
2779
  }
2641
2780
 
2642
- ._login_vitro-separator_2jHZJHO::before,
2643
- ._login_vitro-separator_2jHZJHO::after {
2781
+ ._login-form_vitro-separator_P7hw9MH::before,
2782
+ ._login-form_vitro-separator_P7hw9MH::after {
2644
2783
  content: '';
2645
2784
  display: inline-block;
2646
2785
  height: 1px;
@@ -2649,28 +2788,237 @@ html, body {
2649
2788
  vertical-align: middle;
2650
2789
  }
2651
2790
 
2652
- ._login_vitro-separator_2jHZJHO::before {
2653
- margin-right: 30px;
2791
+ ._login-form_vitro-separator_P7hw9MH::before {
2792
+ margin-right: 30px;
2793
+ }
2794
+
2795
+ ._login-form_vitro-separator_P7hw9MH::after {
2796
+ margin-left: 30px;
2797
+ }
2798
+
2799
+ ._login-form_vitro-control_1Th9h7G,
2800
+ ._login-form_vitro-password-control_2_Eo-gN {
2801
+ margin-bottom: 0;
2802
+ margin-top: 20px;
2803
+ max-height: 69px;
2804
+ }
2805
+
2806
+ ._login-form_vitro-control_1Th9h7G > div {
2807
+ font-size: 16px !important;
2808
+ line-height: 27px !important;
2809
+ top: -16px !important;
2810
+ }
2811
+
2812
+ ._login-form_vitro-control_1Th9h7G input {
2813
+ height: 48px !important;
2814
+ font-size: 18px !important;
2815
+ line-height: 135% !important;
2816
+ padding: 12px 44px 12px 20px !important;
2817
+ box-shadow: 0px 2px 6px 0px rgba(19, 18, 66, 0.07);
2818
+ }
2819
+
2820
+ ._login-form_vitro-control_1Th9h7G input::-moz-placeholder {
2821
+ color: #6C757D;
2822
+ font-family: 'InterRegular';
2823
+ font-size: 18px;
2824
+ font-weight: 400;
2825
+ line-height: 135%;
2826
+ }
2827
+
2828
+ ._login-form_vitro-control_1Th9h7G input::placeholder {
2829
+ color: #6C757D;
2830
+ font-family: 'InterRegular';
2831
+ font-size: 18px;
2832
+ font-weight: 400;
2833
+ line-height: 135%;
2834
+ }
2835
+
2836
+ ._login-form_vitro-login-checkbox_1eoT81X {
2837
+ margin-bottom: 0;
2838
+ }
2839
+
2840
+ ._login-form_vitro-login-checkbox_1eoT81X div {
2841
+ font-size: 16px;
2842
+ }
2843
+
2844
+ ._login-form_vitro-button-list_1-9qryi {
2845
+ width: 100%;
2846
+ display: flex;
2847
+ flex-direction: column;
2848
+ grid-gap: 12px;
2849
+ margin-bottom: 12px;
2850
+ }
2851
+
2852
+ ._login-form_vitro-button_r2KCJ7k {
2853
+ min-height: 48px;
2854
+ height: 48px;
2855
+ width: 100%;
2856
+ font-family: 'InterRegular';
2857
+ color: #222D44;
2858
+ font-size: 18px;
2859
+ line-height: 135%;
2860
+ background-color: #fff;
2861
+ outline: none;
2862
+ border-radius: 4px;
2863
+ border: 1px solid #C0CAD5;
2864
+ display: flex;
2865
+ align-items: center;
2866
+ justify-content: center;
2867
+ grid-gap: 12px;
2868
+ }
2869
+
2870
+ ._login-form_vitro-button_r2KCJ7k .vitro-image {
2871
+ margin-right: 12px;
2872
+ }
2873
+
2874
+ ._login-form_vitro-button_r2KCJ7k:hover,
2875
+ ._login-form_vitro-button_r2KCJ7k:active {
2876
+ background-color: #F3F8FF;
2877
+ }
2878
+
2879
+ @media (max-width: 800px) {
2880
+ ._login-form_vitro-login-checkbox_1eoT81X div {
2881
+ font-size: 14px !important;
2882
+ }
2883
+
2884
+ ._login-form_vitro-link_2LCXwY2 {
2885
+ font-size: 14px !important;
2886
+ }
2887
+
2888
+ ._login-form_vitro-link-register_zUIL_1f {
2889
+ font-size: 16px !important;
2890
+ }
2891
+
2892
+ ._login-form_vitro-separator_P7hw9MH::before,
2893
+ ._login-form_vitro-separator_P7hw9MH::after {
2894
+ width: calc((100% - 93px) / 2) !important;
2895
+ }
2896
+
2897
+ ._login-form_vitro-separator_P7hw9MH {
2898
+ width: 100% !important;
2899
+ }
2900
+
2901
+ ._login-form_vitro-control_1Th9h7G input {
2902
+ -webkit-box-shadow: inset 0 0 0 50px white;
2903
+ }
2904
+
2905
+ ._login-form_vitro-title_3hbcdDr {
2906
+ margin-bottom: 16px;
2907
+ font-size: 24px;
2908
+ }
2909
+ }
2910
+ ._login-go-back-link_vitro-link_103lWHm {
2911
+ font-family: 'InterMedium';
2912
+ }
2913
+
2914
+ ._login-go-back-link_vitro-link_103lWHm:hover {
2915
+ color: #3274E0;
2916
+ }
2917
+
2918
+ ._two-factor-authentication-form_vitro-two-factor-authentication-form_2BAlkOL {
2919
+ width: 100%;
2920
+ height: 486px;
2921
+ max-height: 486px;
2922
+ flex-shrink: 0;
2923
+ display: flex;
2924
+ flex-direction: column;
2925
+ align-items: center;
2926
+ }
2927
+
2928
+ ._two-factor-authentication-form_vitro-title_2TyfWcR {
2929
+ color: #222D44;
2930
+ text-align: center;
2931
+ font-family: 'InterMedium';
2932
+ font-size: 32px;
2933
+ line-height: 135%;
2934
+ margin-top: 32px;
2935
+ margin-bottom: 25px;
2936
+ }
2937
+
2938
+ ._two-factor-authentication-form_vitro-subtitle_aP8TzSj {
2939
+ font-size: 16px;
2940
+ line-height: 135%;
2941
+ color: #222D44;
2942
+ margin-bottom: 24px;
2943
+ text-align: center;
2944
+ }
2945
+
2946
+ ._two-factor-authentication-form_vitro-subtitle_aP8TzSj div {
2947
+ text-align: center;
2948
+ white-space: nowrap;
2949
+ }
2950
+
2951
+ ._two-factor-authentication-form_vitro-subtitle_aP8TzSj span {
2952
+ white-space: nowrap;
2953
+ font-family: 'InterMedium';
2954
+ }
2955
+
2956
+ ._two-factor-authentication-form_vitro-control_DMLipzl {
2957
+ margin-bottom: 8px;
2958
+ }
2959
+
2960
+ ._two-factor-authentication-form_vitro-link-resend-code_1TOWPEe {
2961
+ font-family: 'InterMedium';
2962
+ }
2963
+
2964
+ ._two-factor-authentication-form_vitro-link-resend-code_1TOWPEe {
2965
+ height: 40px;
2966
+ margin-bottom: 18px;
2967
+ }
2968
+
2969
+ ._two-factor-authentication-form_vitro-description_2mhz2nj,
2970
+ ._two-factor-authentication-form_vitro-resend-code-description_9WkdV6i {
2971
+ font-family: 'InterMedium';
2972
+ font-size: 14px;
2973
+ line-height: 135%;
2974
+ color: #6C757D;
2975
+ width: -moz-fit-content;
2976
+ width: fit-content;
2977
+ max-width: 259px;
2978
+ text-align: center;
2979
+ display: flex;
2980
+ align-items: center;
2981
+ }
2982
+
2983
+ ._two-factor-authentication-form_vitro-resend-code-description_9WkdV6i {
2984
+ height: 40px;
2985
+ margin-bottom: 18px;
2654
2986
  }
2655
2987
 
2656
- ._login_vitro-separator_2jHZJHO::after {
2657
- margin-left: 30px;
2988
+ ._two-factor-authentication-form_vitro-flex_3mAp0Js {
2989
+ display: flex;
2990
+ flex-direction: column;
2991
+ align-items: baseline;
2992
+ justify-content: space-between;
2993
+ width: 100%;
2994
+ flex: 1 1;
2658
2995
  }
2659
2996
 
2660
- ._login_vitro-control_3YqxIR2,
2661
- ._login_vitro-password-control_2Zp5fJi {
2662
- margin-bottom: 0;
2663
- margin-top: 20px;
2664
- max-height: 69px;
2997
+ ._two-factor-authentication-form_vitro-clock_3_ffAz_::before {
2998
+ content: '';
2999
+ display: block;
3000
+ width: 24px;
3001
+ height: 24px;
3002
+ flex-shrink: 0;
3003
+ margin-right: 8px;
3004
+ background-size: 100%;
3005
+ background-repeat: no-repeat;
3006
+ background-position: center;
3007
+ background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/login/img/clock.svg');
3008
+ }
3009
+
3010
+ ._two-factor-authentication-form_vitro-button_3hpMWyE {
3011
+ margin-top: 16px;
3012
+ margin-bottom: 32px;
2665
3013
  }
2666
3014
 
2667
- ._login_vitro-control_3YqxIR2 > div {
3015
+ ._two-factor-authentication-form_vitro-control_DMLipzl > div {
2668
3016
  font-size: 16px !important;
2669
3017
  line-height: 27px !important;
2670
3018
  top: -16px !important;
2671
3019
  }
2672
3020
 
2673
- ._login_vitro-control_3YqxIR2 input {
3021
+ ._two-factor-authentication-form_vitro-control_DMLipzl input {
2674
3022
  height: 48px !important;
2675
3023
  font-size: 18px !important;
2676
3024
  line-height: 135% !important;
@@ -2678,154 +3026,71 @@ html, body {
2678
3026
  box-shadow: 0px 2px 6px 0px rgba(19, 18, 66, 0.07);
2679
3027
  }
2680
3028
 
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%;
3029
+ ._two-factor-authentication-form_vitro-email_qxiJm1M {
3030
+ white-space: nowrap;
3031
+ align-items: center;
3032
+ height: 22px;
3033
+ display: inline-flex;
2687
3034
  }
2688
3035
 
2689
- ._login_vitro-control_3YqxIR2 input::placeholder {
2690
- color: #6C757D;
2691
- font-family: 'InterRegular';
3036
+ ._two-factor-authentication-form_vitro-hidden-symbol_12uh3tN {
3037
+ margin-right: 3px;
3038
+ letter-spacing: -2px;
2692
3039
  font-size: 18px;
2693
- font-weight: 400;
2694
- line-height: 135%;
3040
+ margin-right: 3px;
3041
+ display: flex;
3042
+ align-items: baseline;
2695
3043
  }
2696
3044
 
2697
- ._login_vitro-login-checkbox_39NOnZg {
2698
- margin-bottom: 0;
2699
- }
3045
+ @media (max-width: 800px) {
2700
3046
 
2701
- ._login_vitro-login-checkbox_39NOnZg div {
2702
- font-size: 16px;
2703
- }
3047
+ ._two-factor-authentication-form_vitro-two-factor-authentication-form_2BAlkOL {
3048
+ height: 452px;
3049
+ max-height: 452px;
3050
+ }
2704
3051
 
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
- }
3052
+ ._two-factor-authentication-form_vitro-title_2TyfWcR {
3053
+ margin-bottom: 16px;
3054
+ margin-top: 0;
3055
+ font-size: 24px;
3056
+ }
2714
3057
 
2715
- ._login_vitro-footer_1lceaP0 {
2716
- position: absolute;
2717
- bottom: 12px;
2718
- left: 0;
3058
+ ._two-factor-authentication-form_vitro-subtitle_aP8TzSj div {
3059
+ white-space: normal;
3060
+ }
3061
+
3062
+ }
3063
+ ._ntlm-authentication-form_vitro-ntlm-authentication-form_cZo4EPu {
2719
3064
  width: 100%;
3065
+ height: 289px;
2720
3066
  display: flex;
2721
- justify-content: flex-end;
3067
+ flex-direction: column;
2722
3068
  align-items: center;
2723
- z-index: 101;
2724
3069
  }
2725
3070
 
2726
- ._login_vitro-link-list_1rQQg9u {
3071
+ ._ntlm-authentication-form_vitro-content_1CCJ4Md {
2727
3072
  display: flex;
3073
+ flex-direction: column;
2728
3074
  align-items: center;
2729
- list-style: none;
2730
- margin-bottom: 0;
2731
- padding: 0;
3075
+ grid-gap: 16px;
3076
+ margin-top: 20px;
3077
+ margin-bottom: auto;
2732
3078
  }
2733
3079
 
2734
- ._login_vitro-link-list_1rQQg9u > li, ._login_vitro-copyright_1gm65Ao {
2735
- color: #fff;
3080
+ ._ntlm-authentication-form_vitro-content_1CCJ4Md span {
3081
+ font-size: 18px;
3082
+ line-height: 135%;
2736
3083
  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
3084
  }
2751
3085
 
2752
- ._login_vitro-language_2T3uktL {
2753
- height: 24px;
2754
- width: 24px;
2755
- margin-right: 24px;
3086
+ ._ntlm-authentication-form_vitro-image_1rt02c3 {
3087
+ width: 48px;
3088
+ height: 48px;
2756
3089
  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
3090
  background-position: center;
2769
- background-size: 100%;
2770
3091
  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
- }
3092
+ background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/login/img/windows-logo.svg');
2808
3093
  }
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
3094
  ._date-picker_vitro-control_2AYXegb {
2830
3095
  margin-bottom: 22px;
2831
3096
  width: 100%;
@@ -2887,10 +3152,6 @@ html, body {
2887
3152
  line-height: 16px;
2888
3153
  }
2889
3154
 
2890
- ._date-picker_vitro-focus_2cJKcKr ._date-picker_vitro-label_2jh9qxb {
2891
- color: #3274E0;
2892
- }
2893
-
2894
3155
  ._date-picker_vitro-read-only_2NZoMN5 input {
2895
3156
  color: #4A556C;
2896
3157
  font-size: 12px;
@@ -2908,13 +3169,22 @@ html, body {
2908
3169
  display: none !important;
2909
3170
  }
2910
3171
 
3172
+ ._date-picker_vitro-focus_2cJKcKr ._date-picker_vitro-label_2jh9qxb {
3173
+ color: #3274E0;
3174
+ }
3175
+
2911
3176
  ._date-picker_vitro-error_3DkgZiN ._date-picker_vitro-label_2jh9qxb {
2912
3177
  color: #D13438;
2913
3178
  }
2914
3179
 
2915
3180
  ._date-picker_vitro-label_2jh9qxb {
3181
+ color: #4A556C;
2916
3182
  padding: 0 6px;
2917
- background: #fff;
3183
+ background: transparent;
3184
+ background-image: linear-gradient(#fff, #fff);
3185
+ background-size: 100% 2px;
3186
+ background-position: 0 calc(50% + 3px);
3187
+ background-repeat: no-repeat;
2918
3188
  z-index: 1;
2919
3189
  position: absolute;
2920
3190
  left: 10px;
@@ -3229,18 +3499,6 @@ html, body {
3229
3499
  line-height: 16px;
3230
3500
  }
3231
3501
 
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
3502
  ._time-picker_vitro-read-only_NlE18Zm input {
3245
3503
  color: #4A556C;
3246
3504
  font-size: 12px;
@@ -3258,13 +3516,30 @@ html, body {
3258
3516
  display: none;
3259
3517
  }
3260
3518
 
3519
+ ._time-picker_vitro-focus_wmhPjvE ._time-picker_vitro-label_2b97aCy {
3520
+ color: #3274E0;
3521
+ }
3522
+
3523
+ ._time-picker_vitro-focus_wmhPjvE .k-picker-wrap {
3524
+ border-color: #3274E0 !important;
3525
+ }
3526
+
3527
+ ._time-picker_vitro-error_2ZmK0I5 .k-picker-wrap {
3528
+ border-color: #D13438 !important;
3529
+ }
3530
+
3261
3531
  ._time-picker_vitro-error_2ZmK0I5 ._time-picker_vitro-label_2b97aCy {
3262
3532
  color: #D13438;
3263
3533
  }
3264
3534
 
3265
3535
  ._time-picker_vitro-label_2b97aCy {
3536
+ color: #4A556C;
3266
3537
  padding: 0 6px;
3267
- background: #fff;
3538
+ background: transparent;
3539
+ background-image: linear-gradient(#fff, #fff);
3540
+ background-size: 100% 2px;
3541
+ background-position: 0 calc(50% + 3px);
3542
+ background-repeat: no-repeat;
3268
3543
  z-index: 1;
3269
3544
  position: absolute;
3270
3545
  left: 10px;
@@ -3640,14 +3915,6 @@ html, body {
3640
3915
  flex-wrap: wrap;
3641
3916
  }
3642
3917
 
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
3918
  ._lookup-picker_vitro-read-only_32NOdGB ._lookup-picker_vitro-content_37L0slb {
3652
3919
  color: #4A556C;
3653
3920
  font-size: 12px;
@@ -3670,6 +3937,14 @@ html, body {
3670
3937
  color: #4A556C;
3671
3938
  }
3672
3939
 
3940
+ ._lookup-picker_vitro-focus_2UGpxXD ._lookup-picker_vitro-content_37L0slb {
3941
+ border-color: #3274E0;
3942
+ }
3943
+
3944
+ ._lookup-picker_vitro-focus_2UGpxXD ._lookup-picker_vitro-label_2QoJkUz {
3945
+ color: #3274E0;
3946
+ }
3947
+
3673
3948
  ._lookup-picker_vitro-error_dF7iopC ._lookup-picker_vitro-content_37L0slb {
3674
3949
  border-color: #D13438;
3675
3950
  }
@@ -3679,8 +3954,13 @@ html, body {
3679
3954
  }
3680
3955
 
3681
3956
  ._lookup-picker_vitro-label_2QoJkUz {
3957
+ color: #4A556C;
3682
3958
  padding: 0 6px;
3683
- background: #fff;
3959
+ background: transparent;
3960
+ background-image: linear-gradient(#fff, #fff);
3961
+ background-size: 100% 2px;
3962
+ background-position: 0 calc(50% + 3px);
3963
+ background-repeat: no-repeat;
3684
3964
  z-index: 1;
3685
3965
  position: absolute;
3686
3966
  left: 10px;
@@ -4149,8 +4429,7 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
4149
4429
  align-items: center;
4150
4430
  }
4151
4431
 
4152
-
4153
- ._sidebar-item_vitro-group-item_ZADCctV > ._sidebar-item_vitro-item-list_17dWov1 > ._sidebar-item_vitro-item_1BR_7F0:last-child {
4432
+ ._sidebar-item_vitro-group-item_ZADCctV > ._sidebar-item_vitro-item-list_17dWov1 > ._sidebar-item_vitro-item_1BR_7F0 {
4154
4433
  margin-bottom: 0;
4155
4434
  }
4156
4435
 
@@ -4159,6 +4438,8 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
4159
4438
  display: flex;
4160
4439
  flex-direction: row;
4161
4440
  align-items: center;
4441
+ padding: 6px;
4442
+ height: 36px;
4162
4443
  padding-left: 24px;
4163
4444
  }
4164
4445
 
@@ -5069,8 +5350,6 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
5069
5350
  transform: translate(-50%, -50%);
5070
5351
  opacity: 1;
5071
5352
  border-radius: 4px;
5072
- height: 534px;
5073
- width: 760px;
5074
5353
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
5075
5354
  }
5076
5355
 
@@ -5472,8 +5751,13 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
5472
5751
  }
5473
5752
 
5474
5753
  ._criterion_vitro-label_3F6a8dj {
5754
+ color: #4A556C;
5475
5755
  padding: 0 6px;
5476
- background: #fff;
5756
+ background: transparent;
5757
+ background-image: linear-gradient(#fff, #fff);
5758
+ background-size: 100% 2px;
5759
+ background-position: 0 calc(50% + 3px);
5760
+ background-repeat: no-repeat;
5477
5761
  z-index: 1;
5478
5762
  position: absolute;
5479
5763
  left: 10px;
@@ -6385,3 +6669,55 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
6385
6669
  margin-right: 8px;
6386
6670
  }
6387
6671
 
6672
+
6673
+ ._image-button_vitro-image-button_34pBVmE,
6674
+ ._image-button_vitro-image-button_34pBVmE:hover,
6675
+ ._image-button_vitro-image-button_34pBVmE:active {
6676
+ width: 20px;
6677
+ height: 20px;
6678
+ flex-shrink: 0;
6679
+ background-position: center;
6680
+ background-size: 100%;
6681
+ background-repeat: no-repeat;
6682
+ border: none;
6683
+ outline: none;
6684
+ background-color: transparent;
6685
+ }
6686
+
6687
+ ._link-input_vitro-link-input_1FBo8kO {
6688
+ position: relative;
6689
+ }
6690
+
6691
+ ._link-input_vitro-link-input_1FBo8kO input {
6692
+ color: #2A63F6;
6693
+ font-size: 14px;
6694
+ line-height: 16px;
6695
+ overflow: hidden;
6696
+ text-overflow: ellipsis;
6697
+ cursor: pointer;
6698
+ }
6699
+
6700
+ ._link-input_vitro-edit-mode_2HhUoeO input {
6701
+ overflow: unset;
6702
+ cursor: text;
6703
+ }
6704
+
6705
+ ._link-input_vitro-read-only_AG9_cYJ input {
6706
+ padding: 8px 16px;
6707
+ }
6708
+
6709
+ ._link-input_vitro-control_1MGkxWi > div:first-child {
6710
+ color: #4A556C;
6711
+ }
6712
+
6713
+ ._link-input_vitro-read-only_AG9_cYJ ._link-input_vitro-control_1MGkxWi > div:first-child {
6714
+ color: #8E98A3;
6715
+ }
6716
+
6717
+ ._link-input_vitro-edit-button_1PMQnWv {
6718
+ display: inline-block;
6719
+ position: absolute;
6720
+ right: 16px;
6721
+ top: 10px;
6722
+ background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/link-input/img/edit.svg');
6723
+ }