@entit/digit-ui-css 2.0.0 → 2.0.1

package/src/pages/employee/login.scss

@@ -1,51 +1,29 @@
 .loginFormStyleEmployee {
-  z-index: 10;
-  margin-top: 15px;
   .employeeCard {
     .submit-bar {
       @apply w-full;
-      height: 2rem !important;
     }
-    .employeeCard 
-      .submit-bar .submit-bar header
-      {
-        line-height: 2rem !important;
-        font-size: 16px;
-        
-      }
   }
 }
 .banner .bannerCard{
   min-width: 420px !important;
-  background-color: transparent;
 }
 .employeeForgotPassword .employeeCard .field .field-container .component-in-front {
+  margin-top: 0;
   border: 1px solid;
   border-right: none;
-  height: 32px !important;
-  margin-top: -16px !important;
-  z-index: 999;
-  background-color:#ffffffeb;
+  padding: 7px;
 }
 @screen dt {
   .employeeForgotPassword .employeeCard .field .field-container .component-in-front {
-    border: 1px solid black;
-    border-right: none;
-    height: 32px !important;
-    margin-top: -16px !important;
-    z-index: 999;
-    background-color: #ffffffeb;
-
+    padding: 7px;
   }
  .loginFormStyleEmployee .employeeCard, .banner .bannerCard{
-    min-width: 270px !important;
-   
-    background-color: #ffffffd6 !important
+    min-width: 420px !important;
   }
   .employeeForgotPassword .employeeCard, .employeeChangePassword .employeeCard{
-    max-width: 270px !important;
-    min-width: 270px !important;
-    background-color: #ffffffeb
+    max-width: 420px !important;
+    min-width: 420px !important;
   }
 }
 
@@ -60,7 +38,6 @@
 .employeeForgotPassword {
   .submit-bar {
     @apply w-full;
-    background-color: #5a1166 !important;
   }
 }
 .employeeChangePassword .submit-bar {
@@ -86,11 +63,11 @@
   font-size: 24px;
 }
 .loginFormStyleEmployee .employeeCard .card-label, .employeeForgotPassword .employeeCard .card-label{
-  font-weight: 600 !important;
-  font-size: 14px !important;
-  line-height: 10px !important;
+  font-weight: normal;
+  font-size: 16px;
+  line-height: 19px;
   color: #0B0C0C;
-  z-index: 10 !important;
+  margin-top: 20px;
 }
 .banner .bannerHeader {
   margin-bottom: 20px;
@@ -104,9 +81,7 @@
 .profile-label-margin{
    margin-top: 10px;
 }
-.loginFormStyleEmployee .primary-label-btn{
-  font-size: 12px;
-}
+
 .employeeForgotPassword .employeeCard .card-label-desc {
   font-weight: normal;
   font-size: 16px;
@@ -119,13 +94,6 @@
   font-size: 16px;
   color: #505a5f;
 }
-.employeeCard .card-label{
-  font-weight: 600 !important;
-  font-size: 14px !important;
-  line-height: 10px !important;
-  color: #0b0c0c;
-  
-}
 @media screen and (max-width: 768px) {
   .employeeChangePassword .employeeCard .card-text {
     margin-top: 7px;
@@ -151,10 +119,7 @@
 .employeeChangePassword .employeeCard .field .field-container{
   margin-bottom: 24px;
 }
-.upyog-copyright-footer-web
-{
-  display: none;
-}
+
 .employeeForgotPassword .employeeCard  .employee-card-sub-header, .employeeChangePassword .employeeCard  .employee-card-sub-header, .loginFormStyleEmployee .employeeCard .employee-card-sub-header{
   font-size: 24px !important;
   line-height: 28px !important;
@@ -165,19 +130,15 @@
     font-size: 18px !important;
     line-height: 21px !important;
     margin-bottom: 0px !important;
-    z-index: 10 !important;
   }
   .loginFormStyleEmployee .employeeCard, .banner .bannerCard{
-    min-width: 270px !important;
-    z-index: 10 !important;
-    background-color: #ffffffd6 !important;
-    margin-top: 0 !important;
+    min-width: 340px !important;
+    margin: 10px !important;
   }
   .employeeForgotPassword .employeeCard, .employeeChangePassword .employeeCard{
-    max-width: 250px !important;
-    min-width: 250px !important;
-    margin-top: -50% !important;
-    background-color: #ffffffeb;
+    max-width: 360px !important;
+    min-width: 340px !important;
+    margin: 10px !important;
   }
 }
 .employeeChangePassword .employeeCard .card-text{
@@ -187,20 +148,12 @@
 .employeeBackbuttonAlign{
   display: none;
 }
-.employee-select-wrap .select{
-height: 2.0rem !important;
-background-color: white !important;
 
-}
 .employee-select-wrap.login-city-dd {
   .options-card{
-  max-height: 150px;
+  max-height: 200px;
   }
 }
-.banner .bannerCard, .loginFormStyleEmployee .employeeCard{
-  background-color: transparent;
-}
-
 @media screen and (max-width: 768px){
   .employeeBackbuttonAlign{
     display: block;
@@ -209,12 +162,13 @@ background-color: white !important;
     left: 20px;
   }
   .banner{
+    align-items: flex-end;
     padding-bottom: 40px;
     height: 100vh !important;
-    z-index: 1;
   }
   .topbar{
-    background: white;
+    background: rgba(34, 57, 77, var(--bg-opacity)) !important;
+    color: white;
   }
   .employee .loginContainer{
     padding-top: 0px !important;
@@ -227,34 +181,5 @@ background-color: white !important;
     max-height: 160px;
     }
   }
-  .banner .upyog-copyright-footer
-  {
-    display: none;
-  }
-  .banner .upyog-copyright-footer-web
-  {
-    display: block;
-  }
 }
-@media screen and (max-width:900px) {
 
-  .loginFormStyleEmployee .employeeForgotPassword
-  {
-    margin-top: -50% !important;
-    background-color: #ffffffeb !important;
-    z-index: 2;
-  }
-  .psuedo-banner{
-    font-size: 20px;
-  }
-  .banner-slogan{
-    font-size: 14px;
-  }
-  .loginFormStyleEmployee, .employeeForgotPassword{
-    margin-top: -30% !important;
-   
-  }
-}
-.employeeForgotPassword{
-  z-index: 2;
-}

package/src/pages/employee/popupmodule.scss

@@ -32,16 +32,3 @@
     }
   }
 }
-
-.popup-module-main {
-  iframe #page-container div {
-    width: 99% !important;
-    margin: 5px !important;
-  }
-
-  iframe #page-container {
-    ::-webkit-scrollbar {
-      width: 0px !important;
-    }
-  }
-}

package/src/pages/employee/scroll-table.scss

@@ -102,7 +102,7 @@ color: #B1B4B6;
     background: #FFFFFF;
     /* Light Theme / Primary */
     
-    border: 1px solid #a82227;
+    border: 1px solid #F47738;
     box-sizing: border-box;
     box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
     

package/src/pages/employee/surveys.scss

@@ -200,8 +200,8 @@ border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
       }
 
       .radio-btn-checkmark {
-        height: 1.5rem;
-        width: 1.5rem;
+        height: 1.75rem;
+        width: 1.75rem;
         --border-opacity: 1;
         border: 1px solid #464646;
         border-color: rgba(70, 70, 70, var(--border-opacity));
@@ -212,9 +212,10 @@ border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
       .radio-wrap .radio-btn-wrap input:checked ~ .radio-btn-checkmark:after {
         display: block;
         --bg-opacity: 1;
-        background-color: #a82227;
-        height: 1rem;
-        width: 1rem;
+        background-color: #f47738;
+        background-color: rgba(244, 119, 56, var(--bg-opacity));
+        height: 1.25rem;
+        width: 1.25rem;
         border-radius: 9999px;
         position: absolute;
         top: 4px;

package/svg/check.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#a82227" >
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#F47738" >
     <path d="M0 0h24v24H0z" fill="none"/>
     <path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"/>
 </svg>

package/svg/starempty.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#a82227" width="48px" height="48px">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#F47738" width="48px" height="48px">
     <path d="M0 0h24v24H0V0z" fill="none"/>
     <path d="M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"/>
 </svg>

package/svg/starfilled.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" enableBackground="new 0 0 24 24" viewBox="0 0 24 24" fill="#a82227" width="48px" height="48px" >
+<svg xmlns="http://www.w3.org/2000/svg" enableBackground="new 0 0 24 24" viewBox="0 0 24 24" fill="#F47738" width="48px" height="48px" >
     <g><path d="M0,0h24v24H0V0z" fill="none"/>
     <path d="M0,0h24v24H0V0z" fill="none"/></g>
     <g><path d="M12,17.27L18.18,21l-1.64-7.03L22,9.24l-7.19-0.61L12,2L9.19,8.63L2,9.24l5.46,4.73L5.82,21L12,17.27z"/></g>

package/src/components/FAQ.scss

@@ -1,64 +0,0 @@
-.searchInputFAQs {
-    @apply mr-lg;
-    margin-bottom: 10px;
-    input{
-      margin-bottom: 0;
-      background: border-box;
-      @apply pr-xl;
-    }
-  }
-
-.faq-page{
-  width: 92%;
-  margin: 16px;
-}
-
-.faqs{
-  cursor: pointer;
-  .faq-question{
-    font-weight: 400;
-    margin: 16px;
-    background: #fff;
-    justify-content: space-between;
-    display: flex;
-    font-size: 16px;
-  }
-
-  .faqicon{
-    float: right;
-  }
-
-  .faq-answer{
-    background: #fff;
-    overflow: hidden;
-    margin: 5px;
-    @apply text-form-field text-text-secondary mb-sm;
-
-    span {
-      display: block; 
-      font-size: 14px;
-      font-weight: 400;
-      margin: 0px 12px 5px
-    }
-  }
-  .cs-box-border {
-    height: 1px;
-    position: relative;
-    border-bottom: 1px solid lightgray;;
-    background: lightgray;
-    margin-left: 16px;
-    margin-right: 16px;
-  }
-}
-
-.faq-list{
-  background: #fff;
-  margin: 5px 0;
-  padding-top: 4px;
-  padding-bottom: 4px;
-}
-  
-.rotate {
-  transform: rotate(90deg);
-}
-  

package/src/components/howItWorks.scss

@@ -1,71 +0,0 @@
-.how-it-works-page{
-    width: 92%;
-    margin: 16px;
-    .how-it-works-page-header{
-        margin-bottom: 15px;
-    }
-}
-
-.video-icon{
-    float: left;
-    background-color: #6F6F6F;
-    height: 60px;
-    width: 100px;
-    cursor: pointer;
-    margin: 5px;
-
-    .vid-svg{
-        padding-left: 35px;
-        padding-top: 18px;
-    }
-}
-
-.how-it-works-header-description{
-    padding: 5px;
-    overflow-wrap: break-word;
-    h2{
-        font-size: 16px;
-        font-weight: 400;
-    }
-    p{
-        font-size: 12px;
-        font-weight: 400;
-    }
-}
-
-.how-it-works-pdf-section{
-    display: flex;
-    justify-content: space-between;
-    .pdf-icon-header-desc{
-        float: left;
-        .pdf-icon{
-            display: inline-block;
-        }
-        .pdf-header-desc{
-            display: inline-block;
-            position: absolute;
-            padding: 5px;
-            overflow-wrap: break-word;
-            h2{
-                font-size: 16px;
-                font-weight: 400;
-            }
-            p{
-                font-size: 12px;
-                font-weight: 400;
-            }
-        }
-    }
-    .download-icon{
-        float: right;
-    }
-}
-
-.how-it-works-video-play{
-    display: inline-block;
-    .close-button{
-        float: right;
-        cursor: pointer;
-    }
-}
-

package/src/components/plusMinus.scss

@@ -1,15 +0,0 @@
-.PlusMinus {
-  text-align: center;
-  display: flex;
-  align-content: center;
-  justify-content: center;
-}
-.PlusMinusbutton{
-  border: 1px solid #d6d5d4;
-  background-color: #eeeeee;
-  color: #505a5f;
-  font-size: 27px;
-  font-weight: 400;
-  text-align: center;
-  width: 40px;
-}

package/src/components/staticDynamicMessages.scss

@@ -1,107 +0,0 @@
-.pay-whatsapp-card{
-    display: flex;
-    justify-content: space-between;
-    cursor: pointer;
-}
-.pay-whatsapp-text{
-    color: #25D366;
-    float: left;
-    font-family: 'Roboto';
-    font-size: 16px;
-    font-weight: 700;
-}
-.dynamicDataCard{
-    background: rgba(244, 119, 56, 0.12);
-    mix-blend-mode: normal;
-    height: auto;
-    max-height: 64px;
-    border-radius: 4px;
-    margin-bottom: 16px;
-}
-.dynamicData{
-    padding: 10px 16px 16px 16px;
-    display: flex;
-}
-.dynamicData-content{
-    font-family: 'Roboto';
-    font-size: 14px;
-    font-weight: 400;
-    padding-top: 4px;
-    word-break: break-word;
-    margin-inline: 20px;
-}
-.staticDataCard{
-    background: rgba(238, 238, 238, 1);
-    mix-blend-mode: normal;
-    height: auto;
-    max-height: 100px;
-    border-radius: 4px;
-    margin-bottom: 16px;
-}
-.staticData{
-    display: flex;
-}
-.timerIcon{
-    padding: 16px 0px 16px 16px;
-}
-.static-data-content{
-    display: grid;
-    margin-inline: 20px;
-    padding-top: 8px;
-}
-.rupeeSymbol{
-    padding: 16px 0px 16px 16px;
-}
-.validityIcon{
-    padding: 16px 0px 16px 8px;
-}
-.static-data-content-first{
-    font-family: 'Roboto';
-    font-size: 14px;
-    font-weight: 400;
-}
-.static-data-content-second{
-    font-family: 'Roboto';
-    font-size: 16px;
-    font-weight: 700;
-    word-break: break-word;
-}
-.staticDataCardLast{
-    background: rgba(238, 238, 238, 1);
-    mix-blend-mode: normal;
-    height: 56px;
-    border-radius: 4px;
-}
-.whatsAppIconG{
-    float: right;
-}
-.static-home-Card{
-    display: flex;
-    justify-content: space-between;
-}
-.static-home-Card-header{
-    font-family: 'Roboto';
-    font-size: 16px;
-    font-weight: 700;
-    float: left;
-}
-.helplineIcon{
-    float: right;
-}
-.call-center-card-text{
-    display: grid;
-}
-.call-center-card-content{
-    float: left;
-}
-.serviceCentrIcon{
-    float: right;
-}
-.service-center-details-card{
-    display: flex;
-    overflow-wrap: break-word;
-}
-.service-center-details-text{
-    float: left;
-    width: 180px;
-}

package/src/components/staticSideBar.scss

@@ -1,27 +0,0 @@
-.sidebar-menu {
-  display: flex;
-  flex-direction: column;
-  padding-top: 16px;
-  padding-left: 16px;
-  padding-right: 16px;
-  color: #757575;
-
-  .menu-item {
-    display: flex;
-    cursor: pointer;
-    min-height: 48px;
-    margin: 0;
-    padding: 0;
-    .menu-item-icon {
-      svg {
-        color: #757575;
-        fill: #757575;
-        width: 21px;
-        height: 21px;
-      }
-    }
-    .menu-item-text {
-      margin-left: 1em;
-    }
-  }
-}

package/src/components/toggleSwitch.scss

@@ -1,41 +0,0 @@
-.react-switch-checkbox {
-    height: 0;
-    width: 0;
-    visibility: hidden;
-  }
-  
-  .react-switch-label {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    cursor: pointer;
-    width: 50px;
-    height: 20px;
-    background: white;
-    border-radius: 100px;
-    position: relative;
-    transition: background-color .2s;
-    border: 1px solid #bbb;
-  }
-  
-  .react-switch-label .react-switch-button {
-    content: '';
-    position: absolute;
-    top: 2px;
-    left: 2px;
-    width: 14px;
-    height: 14px;
-    border-radius: 45px;
-    transition: 0.2s;
-    background: #a82227;
-    box-shadow: 0 0 2px 0 rgba(10, 10, 10, 0.29);
-  }
-  
-  .react-switch-checkbox:checked + .react-switch-label .react-switch-button {
-    left: calc(100% - 2px);
-    transform: translateX(-100%);
-  }
-  
-  .react-switch-label:active .react-switch-button {
-    width: 45px;
-  }