@entit/digit-ui-css 2.0.0 → 2.0.1

package/src/components/charts.scss

@@ -107,7 +107,7 @@
 
 .showMore {
   @apply text-right cursor-pointer;
-  color: #a82227;
+  color: #F47738;
 }
 
 @media (max-width: 420px) { 
@@ -183,137 +183,4 @@
     }
   }
 }
-}
-
-.astericColor {
-  color: #a82227 !important;
-}
-
-.SVTableHeader {
-  display: flex;
-  padding-left: 26px;
-  width: 150px;
-}
-
-.SVTableCells {
-  padding-left: 80px;
-  width: 10px;
-}
-
-.SVCheckbox {
-  width: 14px;
-}
-
-.svsearchbox {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 16px;
-}
-
-.svsearchfield {
-  display: flex;
-  flex-direction: column;
-}
-
-.svclearall {
-  margin-left: 30%;
-  margin-top: 10px;
-  display: block;
-}
-
-.loading-spinner {
-  width: 20px;
-  height: 20px !important;
-  border: 3px solid #e5e5e5;
-  border-top: 3px solid #000;
-  border-radius: 50%;
-  animation: spin 1s linear infinite;
-  display: inline-block;
-  margin-right: 4px;
-  transform-origin: center center;
-}
-
-@keyframes spin {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
-}
-
-
-
-
-.status-card {
-  width: 24%;
-  padding: 20px;
-  border-radius: 10px;
-  text-align: center;
-  color: white;
-  position: relative;
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-}
-
-.status-card .count {
-  font-size: 36px;
-  font-weight: bold;
-  display: block;
-}
-
-.status-card .title {
-  font-size: 18px;
-  margin-top: 10px;
-  display: block;
-}
-
-.status-card .more-info {
-  font-size: 12px;
-  position: absolute;
-  bottom: 10px;
-  width: 100%;
-  text-align: center;
-}
-
-.status-card.blue {
-  background-color: rgba(239, 124, 91, 0.60);
-}
-
-.status-card.teal {
-  background-color: #20c997;
-}
-
-.status-card.purple {
-  background-color: rgba(4, 139, 208, 0.85);
-}
-
-.status-card.green {
-  background-color: rgba(75, 31, 165, 0.60);
-}
-
-.typing_indicator {
-  display: flex;
-  gap: 4px;
-}
-
-.typing_indicator span {
-  width: 8px;
-  height: 8px;
-  background-color: #90949c;
-  border-radius: 50%;
-  animation: bounce 1.4s infinite ease-in-out;
-}
-
-.typing_indicator span:nth-child(1) { 
-  animation-delay: -0.32s; 
-}
-
-.typing_indicator span:nth-child(2) { 
-  animation-delay: -0.16s; 
-}
-
-@keyframes bounce {
-  0%, 80%, 100% { 
-    transform: translateY(0); 
-  }
-  40% { 
-    transform: translateY(-6px); 
-  }
 }

package/src/components/checkbox.scss

@@ -14,8 +14,8 @@
   }
 
   .custom-checkbox {
-    width: 25px;
-    height: 25px;
+    width: 38px;
+    height: 38px;
     @apply absolute top-0 left-0 border border-solid border-input-border z-0;
 
     img {
@@ -47,38 +47,7 @@
   }
 
   .label {
-    margin-left: 32px;
-    top: 3px !important;
-    @apply text-form-field text-text-primary relative top-10;
-  }
-}
-
-.fsm-citizen-rating-wrapper {
-  .card-label:last-of-type {
-    margin-top: 24px;
-  }
-
-  .card-label {
-    margin-bottom: 24px;
-  }
-}
-
-.fsm-citizen-rating-wrapper {
-  .card-label:last-of-type {
-    margin-top: 24px;
-  }
-
-  .card-label {
-    margin-bottom: 24px;
-  }
-}
-
-.fsm-citizen-rating-wrapper {
-  .card-label:last-of-type {
-    margin-top: 24px;
-  }
-
-  .card-label {
-    margin-bottom: 24px;
+    margin-left: 56px;
+    @apply text-form-field text-text-primary;
   }
 }

package/src/components/checkpoint.scss

@@ -1,5 +1,5 @@
 .checkpoint-connect-wrap {
-  padding-bottom: 4px;
+  padding-bottom: 40px;
   @apply relative;
 }
 .checkpoint-done {
@@ -51,8 +51,6 @@
 
 .checkpoint-comments-wrap {
   max-width: 560px;
-  padding: 4px;
-  margin-top: 4px;
   @apply bg-grey-mid p-sm mt-sm;
 
   h4{

package/src/components/datatable.scss

@@ -56,9 +56,6 @@
       @apply text-heading-s text-text-secondary;
     }
   }
-  .vendor-details-row {
-    margin-left: 15px !important;
-  }
 
   .last {
     border: none;
@@ -67,10 +64,9 @@
   }
 }
 
-.pt-citizen {
-  .data-table {
-    .row {
-      justify-content: space-between;
-    }
-  }
-}
+
+
+.pt-citizen {.data-table {.row {
+  justify-content: space-between;
+
+}}}

package/src/components/filters.scss

@@ -20,8 +20,8 @@
       display: none;
 
       &:checked ~ label {
-        border-color: #a82227;
-        color: #a82227;
+        border-color: #F47738;
+        color: #F47738;
       }
     }
 
@@ -73,7 +73,7 @@
   .clearText {
     display: block;
     text-align: right;
-    color: #a82227;
+    color: #f47738;
     margin-top: 20px;
     margin-left: 10px;
   }

package/src/components/hoc/InboxComposer.scss

@@ -1,115 +1,22 @@
-.InboxComposerWrapper {
-  .form-field-flex-one {
-    .form-field {
-      @apply flex-1;
-    }
-  }
-}
-
-.inboxPopupMobileWrapper {
-  @apply block p-md w-full overflow-scroll;
-  .submit {
-    @apply flex left-0 w-full px-xl items-center flex-row-reverse !important;
-  }
-  .form-field {
-    margin: 0 !important;
-    @apply w-full;
-  }
-  .InboxMobilePopupCloseButtonWrapper {
-    @apply flex flex-row-reverse;
-  }
-}
-
-@screen dt {
-  .InboxComposerWrapper {
-    grid-template-columns: calc(25% - 32px) 75%;
-    @apply grid gap-x-8 gap-y-6;
-  }
-
-  .wns-inbox-composer {
-    .filter-form {
-      height: fit-content;
-    }
-
-    .wns-search-field {
-      width: 30% !important;
-      .field-container {
-      }
-    }
-    .form-field {
-      width: 100% !important;
-    }
-
-    .SubmitAndClearAllContainer {
-      width: 100%;
-      display: flex;
-      justify-content: end;
-      align-items: center;
-      .clear-search {
-        width: 30%;
-        display: inline-block;
-        vertical-align: middle;
-        text-align: right;
-        cursor: pointer;
-        p {
-          padding: 1rem;
-          color: rgb(244, 119, 56);
-          text-align: end;
-        }
-      }
-      .submit {
-        width: 30% !important;
-        margin-left: unset !important;
-        button {
-          width: 100% !important;
+.InboxComposerWrapper{
+    .form-field-flex-one{
+        .form-field{
+            @apply flex-1;
         }
-      }
-    }
-  }
-
-  .search-form-wns-inbox {
-    .clear-search-container {
-      grid-column: 2/3;
-      text-align: right;
-      .clear-search {
-        width: 100%;
-        color: rgb(244, 119, 56);
-      }
-    }
-    button {
-      width: 100%;
     }
+}
 
-    .filter-form {
-      height: fit-content;
+.inboxPopupMobileWrapper{
+    @apply block p-md w-full overflow-scroll;
+    .submit{
+        @apply flex left-0 w-full px-xl items-center flex-row-reverse !important;
     }
-
-    .search-complaint-container {
-      flex-direction: column;
-      align-items: flex-start;
-      --bg-opacity: 1;
-      background-color: #fff;
-      background-color: rgba(255, 255, 255, var(--bg-opacity));
-      padding: 16px;
-      display: unset;
-      flex-wrap: unset;
-      justify-content: unset;
-      margin-bottom: 0;
-      .complaint-input-container {
-        display: grid !important;
-        grid-template-columns: 33.33% 33.33% 33.33%;
-      }
-      .form-field {
-        width: 100%;
-        padding-right: 15px;
-        .clear-search {
-          padding-top: 10px;
-        }
-      }
+    .form-field{
+        margin: 0 !important;
+        @apply w-full;
     }
-    .submit {
-      margin-top: 0;
-      right: 0;
+    .InboxMobilePopupCloseButtonWrapper{
+        @apply flex flex-row-reverse;
     }
-  }
 }
+

package/src/components/info-banner.scss

@@ -1,9 +1,6 @@
 .info-banner-wrap {
   @apply bg-link-normal bg-opacity-25 m-sm p-md;
-  max-width: 960px;
 
-  background-color: #C7E0F1;
-  border-radius: 4px;
   svg {
     margin-top: 5px;
     @apply rounded-full;
@@ -24,6 +21,8 @@
 
 @screen dt {
   .info-banner-wrap {
+    margin: 0;
+
     h2 {
       @apply text-heading-m-dt;
     }

package/src/components/languageSelector.scss

@@ -1,24 +1,23 @@
 .language-selector {
-  @apply flex flex-wrap;
+  @apply flex;
 }
 
 .language-selector div:not(:first-child) {
   margin-left: 10px;
 }
-.bannerCard .language-button-container button {
+.bannerCard .language-button-container button{
   width: 6.2rem;
   height: 2.5rem;
 }
-.bannerCard .customBtn {
-  border-color: #505a5f;
+.bannerCard .customBtn{
+  border-color: #505A5F;
 }
-.bannerCard .customBtn:focus {
+.bannerCard .customBtn:focus{
   outline: none;
 }
 .bannerCard .customBtn-selected {
   border-color: transparent;
-  background-color: #5a1166 !important;
 }
-.bannerCard .bannerHeader p {
+.bannerCard .bannerHeader p{
   font-size: 19px;
-}
+}

package/src/components/multiLink.scss

@@ -70,19 +70,4 @@
         top: 110px;
         @apply shadow-card rounded-sm;
     }
-}
-
-.reports-download-btn{
-    justify-content: flex-end;
-    position: unset;
-}
-
-.reports-options-download{
-    position: absolute;
-    justify-content: flex-end;
-    float: right;
-    right:0%;
-    display: flex;
-    flex-direction: row;
-    top:2rem;
 }