@vitrosoftware/common-ui-ts 1.1.248 → 1.1.250

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.
@@ -30,3 +30,7 @@
30
30
  width: 100%;
31
31
  height: 100%;
32
32
  }
33
+
34
+ .vitro-alert {
35
+ margin-bottom: 12px;
36
+ }
package/dist/index.css CHANGED
@@ -2651,6 +2651,168 @@ div._component-loader_vitro-component-loader_3J3a2or {
2651
2651
  width: 136px;
2652
2652
  }
2653
2653
 
2654
+ ._alert_vitro-alert_3sPAkJb {
2655
+ border: 0;
2656
+ box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 6px 0px rgba(0, 0, 0, 0.10);
2657
+ border-radius: 4px;
2658
+ display: flex;
2659
+ flex-wrap: wrap;
2660
+ justify-content: space-between;
2661
+ gap: 12px;
2662
+ }
2663
+
2664
+ ._alert_vitro-position-absolute_2A33Lq4 {
2665
+ box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
2666
+ z-index: 1000;
2667
+ position: absolute;
2668
+ right: 0;
2669
+ width: 450px;
2670
+ }
2671
+
2672
+ ._alert_vitro-alert_3sPAkJb .alert {
2673
+ margin-bottom: 0;
2674
+ padding: 12px;
2675
+ border-radius: 4px;
2676
+ display: flex;
2677
+ flex-direction: column;
2678
+ gap: 12px;
2679
+ width: 100%;
2680
+ }
2681
+
2682
+ #Timesheets ._alert_vitro-alert_3sPAkJb {
2683
+ position: relative;
2684
+ width: 100%;
2685
+ margin-top: -12px;
2686
+ margin-bottom: 24px !important;
2687
+ top: 0 !important;
2688
+ left: 0 !important;
2689
+ transform: none !important;
2690
+ }
2691
+
2692
+ ._alert_vitro-alert-content_10fW1n4 {
2693
+ display: flex;
2694
+ align-items: center;
2695
+ height: auto;
2696
+ }
2697
+
2698
+ ._alert_vitro-button-close_39K9cqW {
2699
+ margin-left: auto;
2700
+ align-self: flex-start;
2701
+ cursor: pointer;
2702
+ width: 24px;
2703
+ height: 24px;
2704
+ background-position: center;
2705
+ background-size: 100%;
2706
+ background-repeat: no-repeat;
2707
+ background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/alert/img/cancel-dark-grey.svg');
2708
+ }
2709
+
2710
+ ._alert_vitro-icon_pK385gF {
2711
+ width: 24px;
2712
+ height: 24px;
2713
+ min-width: 24px;
2714
+ margin-right: 8px;
2715
+ background-position: center;
2716
+ background-size: 100%;
2717
+ background-repeat: no-repeat;
2718
+ align-self: flex-start;
2719
+ }
2720
+
2721
+ ._alert_vitro-text_37Erxqj {
2722
+ display: flex;
2723
+ flex-grow: 1;
2724
+ font-size: 14px;
2725
+ line-height: 20px;
2726
+ color: #4A556C;
2727
+ flex-direction: column;
2728
+ overflow: hidden;
2729
+ white-space: pre-wrap;
2730
+ }
2731
+
2732
+ ._alert_vitro-text_37Erxqj > strong {
2733
+ color: #222D44;
2734
+ display: block;
2735
+ }
2736
+
2737
+ ._alert_vitro-text_37Erxqj a {
2738
+ text-decoration: underline;
2739
+ }
2740
+
2741
+ ._alert_vitro-text_37Erxqj p {
2742
+ margin: 0px;
2743
+ }
2744
+
2745
+ ._alert_vitro-position-center_1r_lK_e {
2746
+ top: 50%;
2747
+ left: 50%;
2748
+ transform: translate(-50%, -50%);
2749
+ }
2750
+
2751
+ ._alert_vitro-alert_3sPAkJb ul.errorList {
2752
+ -webkit-font-smoothing: antialiased;
2753
+ font-size: 14px;
2754
+ line-height: 20px;
2755
+ font-weight: 500;
2756
+ list-style: disc;
2757
+ max-height: 440px;
2758
+ overflow: hidden;
2759
+ display: block;
2760
+ }
2761
+
2762
+ ._alert_vitro-alert_3sPAkJb > ul.errorList {
2763
+ list-style: decimal;
2764
+ }
2765
+
2766
+ ._alert_vitro-alert_3sPAkJb > ul.errorList > li a {
2767
+ text-decoration: underline;
2768
+ }
2769
+
2770
+ ._alert_vitro-alert_3sPAkJb > div .header {
2771
+ font-weight: 500;
2772
+ font-size: 15px;
2773
+ }
2774
+
2775
+ ._alert_vitro-alert_3sPAkJb button.close {
2776
+ position: relative;
2777
+ padding: 0.2rem;
2778
+ }
2779
+
2780
+ ._alert_vitro-alert_3sPAkJb .alert-danger,
2781
+ ._alert_vitro-alert_3sPAkJb .alert-success,
2782
+ ._alert_vitro-alert_3sPAkJb .alert-warning {
2783
+ border: none;
2784
+ background-color: #fff !important;
2785
+ color: #222d44;
2786
+ }
2787
+
2788
+ ._alert_vitro-alert_3sPAkJb .alert-danger {
2789
+ border-left: 4px solid #D13438;
2790
+ }
2791
+
2792
+ ._alert_vitro-alert_3sPAkJb .alert-success {
2793
+ border-left: 4px solid #198754;
2794
+ }
2795
+
2796
+ ._alert_vitro-alert_3sPAkJb .alert-warning {
2797
+ border-left: 4px solid #F3AD4A;
2798
+ }
2799
+
2800
+ ._alert_vitro-alert_3sPAkJb .alert-danger ._alert_vitro-icon_pK385gF {
2801
+ background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/alert/img/error.svg');
2802
+ }
2803
+
2804
+ ._alert_vitro-alert_3sPAkJb .alert-success ._alert_vitro-icon_pK385gF {
2805
+ background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/alert/img/success.svg');
2806
+ }
2807
+
2808
+ ._alert_vitro-alert_3sPAkJb .alert-warning ._alert_vitro-icon_pK385gF {
2809
+ background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/alert/img/warning.svg');
2810
+ }
2811
+
2812
+ ._alert_vitro-content-container_M2-akFp {
2813
+ gap: 12px;
2814
+ align-items: flex-start;
2815
+ }
2654
2816
  ._view_vitro-view_1NKb-kU {
2655
2817
  flex: 1 1;
2656
2818
  overflow: hidden;
@@ -2683,7 +2845,10 @@ div._component-loader_vitro-component-loader_3J3a2or {
2683
2845
  width: 100%;
2684
2846
  height: 100%;
2685
2847
  }
2686
-
2848
+
2849
+ ._view_vitro-alert_3dGyJUF {
2850
+ margin-bottom: 12px;
2851
+ }
2687
2852
  ._tab-button-group_vitro-tab-button-group_18mZ_Ds {
2688
2853
  padding: 0 24px 0 24px;
2689
2854
  white-space: nowrap;
@@ -6603,168 +6768,6 @@ div._component-loader_vitro-component-loader_3J3a2or {
6603
6768
  margin-top: 0px;
6604
6769
  }
6605
6770
 
6606
- ._alert_vitro-alert_3sPAkJb {
6607
- border: 0;
6608
- box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 6px 0px rgba(0, 0, 0, 0.10);
6609
- border-radius: 4px;
6610
- display: flex;
6611
- flex-wrap: wrap;
6612
- justify-content: space-between;
6613
- gap: 12px;
6614
- }
6615
-
6616
- ._alert_vitro-position-absolute_2A33Lq4 {
6617
- box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
6618
- z-index: 1000;
6619
- position: absolute;
6620
- right: 0;
6621
- width: 450px;
6622
- }
6623
-
6624
- ._alert_vitro-alert_3sPAkJb .alert {
6625
- margin-bottom: 0;
6626
- padding: 12px;
6627
- border-radius: 4px;
6628
- display: flex;
6629
- flex-direction: column;
6630
- gap: 12px;
6631
- width: 100%;
6632
- }
6633
-
6634
- #Timesheets ._alert_vitro-alert_3sPAkJb {
6635
- position: relative;
6636
- width: 100%;
6637
- margin-top: -12px;
6638
- margin-bottom: 24px !important;
6639
- top: 0 !important;
6640
- left: 0 !important;
6641
- transform: none !important;
6642
- }
6643
-
6644
- ._alert_vitro-alert-content_10fW1n4 {
6645
- display: flex;
6646
- align-items: center;
6647
- height: auto;
6648
- }
6649
-
6650
- ._alert_vitro-button-close_39K9cqW {
6651
- margin-left: auto;
6652
- align-self: flex-start;
6653
- cursor: pointer;
6654
- width: 24px;
6655
- height: 24px;
6656
- background-position: center;
6657
- background-size: 100%;
6658
- background-repeat: no-repeat;
6659
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/alert/img/cancel-dark-grey.svg');
6660
- }
6661
-
6662
- ._alert_vitro-icon_pK385gF {
6663
- width: 24px;
6664
- height: 24px;
6665
- min-width: 24px;
6666
- margin-right: 8px;
6667
- background-position: center;
6668
- background-size: 100%;
6669
- background-repeat: no-repeat;
6670
- align-self: flex-start;
6671
- }
6672
-
6673
- ._alert_vitro-text_37Erxqj {
6674
- display: flex;
6675
- flex-grow: 1;
6676
- font-size: 14px;
6677
- line-height: 20px;
6678
- color: #4A556C;
6679
- flex-direction: column;
6680
- overflow: hidden;
6681
- white-space: pre-wrap;
6682
- }
6683
-
6684
- ._alert_vitro-text_37Erxqj > strong {
6685
- color: #222D44;
6686
- display: block;
6687
- }
6688
-
6689
- ._alert_vitro-text_37Erxqj a {
6690
- text-decoration: underline;
6691
- }
6692
-
6693
- ._alert_vitro-text_37Erxqj p {
6694
- margin: 0px;
6695
- }
6696
-
6697
- ._alert_vitro-position-center_1r_lK_e {
6698
- top: 50%;
6699
- left: 50%;
6700
- transform: translate(-50%, -50%);
6701
- }
6702
-
6703
- ._alert_vitro-alert_3sPAkJb ul.errorList {
6704
- -webkit-font-smoothing: antialiased;
6705
- font-size: 14px;
6706
- line-height: 20px;
6707
- font-weight: 500;
6708
- list-style: disc;
6709
- max-height: 440px;
6710
- overflow: hidden;
6711
- display: block;
6712
- }
6713
-
6714
- ._alert_vitro-alert_3sPAkJb > ul.errorList {
6715
- list-style: decimal;
6716
- }
6717
-
6718
- ._alert_vitro-alert_3sPAkJb > ul.errorList > li a {
6719
- text-decoration: underline;
6720
- }
6721
-
6722
- ._alert_vitro-alert_3sPAkJb > div .header {
6723
- font-weight: 500;
6724
- font-size: 15px;
6725
- }
6726
-
6727
- ._alert_vitro-alert_3sPAkJb button.close {
6728
- position: relative;
6729
- padding: 0.2rem;
6730
- }
6731
-
6732
- ._alert_vitro-alert_3sPAkJb .alert-danger,
6733
- ._alert_vitro-alert_3sPAkJb .alert-success,
6734
- ._alert_vitro-alert_3sPAkJb .alert-warning {
6735
- border: none;
6736
- background-color: #fff !important;
6737
- color: #222d44;
6738
- }
6739
-
6740
- ._alert_vitro-alert_3sPAkJb .alert-danger {
6741
- border-left: 4px solid #D13438;
6742
- }
6743
-
6744
- ._alert_vitro-alert_3sPAkJb .alert-success {
6745
- border-left: 4px solid #198754;
6746
- }
6747
-
6748
- ._alert_vitro-alert_3sPAkJb .alert-warning {
6749
- border-left: 4px solid #F3AD4A;
6750
- }
6751
-
6752
- ._alert_vitro-alert_3sPAkJb .alert-danger ._alert_vitro-icon_pK385gF {
6753
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/alert/img/error.svg');
6754
- }
6755
-
6756
- ._alert_vitro-alert_3sPAkJb .alert-success ._alert_vitro-icon_pK385gF {
6757
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/alert/img/success.svg');
6758
- }
6759
-
6760
- ._alert_vitro-alert_3sPAkJb .alert-warning ._alert_vitro-icon_pK385gF {
6761
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/alert/img/warning.svg');
6762
- }
6763
-
6764
- ._alert_vitro-content-container_M2-akFp {
6765
- gap: 12px;
6766
- align-items: flex-start;
6767
- }
6768
6771
  ._user-profile_vitro-user-profile_11XpBoQ span {
6769
6772
  margin-right: 10px;
6770
6773
  color: #5F6276;