@djb25/digit-ui-css 1.0.74 → 1.0.76

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djb25/digit-ui-css",
-  "version": "1.0.74",
+  "version": "1.0.76",
   "license": "MIT",
   "main": "dist/index.css",
   "author": "satyam",

package/src/components/EkycAssign.scss

@@ -2,8 +2,6 @@
   display: flex;
   flex-direction: column;
   gap: 8px;
-  height: 620px;
-  min-height: 620px;
   width: 1050px;
   max-width: 100%;
   overflow-y: auto;
@@ -106,4 +104,4 @@
     color: #6b7280;
     font-weight: 500;
   }
-}
+}

package/src/components/actionbar.scss

@@ -10,14 +10,14 @@
   }
 
   .menu-wrap {
-    @apply absolute bg-white text-left mb-xs z-30 cursor-pointer;
+    @apply absolute bg-white text-left mb-xs z-30 cursor-pointer rounded-md;
     bottom: 45px;
     box-shadow: rgba(0, 0, 0, 0.14) 0 8px 10px 1px, rgba(0, 0, 0, 0.12) 0 3px 14px 2px, rgba(0, 0, 0, 0.2) 0 5px 5px -3px;
     width: calc(100% - 16px);
     right: 8px;
 
     div {
-      @apply h-12 pl-sm py-md text-body-l text-text-primary;
+      @apply p-sm text-body-l rounded-xl text-text-primary;
 
       &:hover {
         @apply bg-grey-mid w-full;
@@ -57,10 +57,6 @@
     margin-bottom: 30px;
     @apply fixed bottom-0 bg-white py-sm pr-lg text-right;
 
-    div {
-      width: calc(100% - 16px);
-    }
-
     .menu-wrap {
       bottom: 45px;
       top: unset;
@@ -70,7 +66,7 @@
       right: 24px;
 
       div {
-        @apply h-12 pl-sm py-md text-body-l text-text-primary;
+        @apply text-body-l text-text-primary;
 
         &:hover {
           @apply bg-grey-mid w-full;

package/src/components/buttons.scss

@@ -13,6 +13,11 @@
 .selector-button-border {
   @apply h-8 bg-border text-center border-b-2 border-input-border border-solid outline-none px-lg;
 
+  &:hover {
+    h2 {
+      color: #fff;
+    }
+  }
   &:focus {
     @apply outline-none;
   }

package/src/components/multiSelectDropdown.scss

@@ -88,3 +88,24 @@
     }
   }
 }
+
+.selected-zones {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-top: 12px;
+}
+
+.selected-zone-chip {
+  display: inline-flex;
+  align-items: center;
+  padding: 6px 12px;
+  background: #eef6ff;
+  color: #0b5ed7;
+  border: 1px solid #cfe2ff;
+  border-radius: 16px;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1;
+  white-space: nowrap;
+}

package/src/index.scss

@@ -110,6 +110,7 @@
 @import "./pages/citizen/SurveyList.scss";
 @import "./pages/citizen/updatePropertyNumber.scss";
 @import "./pages/citizen/citizenDocument.scss";
+@import "./pages/citizen/ekycStatus.scss";
 @import "./pages/employee/surveys.scss";
 @import "./digitv2/index.scss";
 /* @import "./digitv2/typography.scss"; */

package/src/pages/citizen/ekycStatus.scss

@@ -0,0 +1,88 @@
+.ekyc-status-search-card {
+  margin-bottom: 24px;
+}
+
+.ekyc-status-card-header {
+  font-size: 24px;
+  font-weight: 700;
+  color: #101828;
+  margin-bottom: 12px;
+}
+
+.ekyc-status-card-text {
+  color: #475467;
+  margin-bottom: 24px;
+}
+
+.ekyc-status-error-msg {
+  background: #fef3f2;
+  border: 1px solid #fecdca;
+  color: #b42318;
+  padding: 12px 16px;
+  border-radius: 8px;
+  margin-top: 24px;
+  font-size: 14px;
+}
+
+.ekyc-status-results-card {
+  margin-top: 24px;
+}
+
+.ekyc-status-overview-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background: #f8f9fc;
+  border: 1px solid #eaecf0;
+  border-radius: 8px;
+  padding: 16px 20px;
+  margin-bottom: 24px;
+}
+
+.ekyc-status-label-title {
+  font-size: 12px;
+  color: #667085;
+  text-transform: uppercase;
+  font-weight: 600;
+}
+
+.ekyc-status-value-text {
+  font-size: 18px;
+  font-weight: 700;
+  color: #101828;
+  margin-top: 4px;
+}
+
+.ekyc-status-badge {
+  padding: 6px 14px;
+  border-radius: 16px;
+  font-size: 14px;
+  font-weight: 600;
+
+  &.approved {
+    background: #ecfdf3;
+    color: #027a48;
+  }
+
+  &.rejected {
+    background: #fef3f2;
+    color: #b42318;
+  }
+
+  &.pending_for_verification, &.pending {
+    background: #fffaba;
+    color: #b54708;
+  }
+}
+
+.ekyc-status-details-section {
+  border-top: 1px solid #eaecf0;
+  padding-top: 24px;
+}
+
+.ekyc-status-details-title {
+  font-size: 18px;
+  font-weight: 600;
+  color: #101828;
+  margin-bottom: 16px;
+}

package/src/pages/employee/ekyc.scss

@@ -1026,3 +1026,30 @@
   cursor: pointer;
   color: #318ed0 !important;
 }
+
+.status-search-composer-wrapper {
+  .inbox-container {
+    padding: 0;
+    margin: 0;
+    background: transparent;
+  }
+  .employee-form-content {
+    padding: 0;
+    margin: 0;
+    background: transparent;
+    > *:not(#search-form) {
+      display: none !important;
+    }
+  }
+  #search-form {
+    background: transparent;
+    padding: 0;
+    box-shadow: none;
+    border: none;
+  }
+  .search-complaint-container {
+    padding: 0;
+    background: transparent;
+  }
+}
+

package/src/pages/employee/inbox.scss

@@ -256,7 +256,7 @@
   transition: all 0.2s ease;
 
   &:hover {
-    background-color: #e2e8f0;
+    background-color: #00497e;
     color: #5d6774;
   }
 
@@ -265,6 +265,17 @@
   }
 }
 
+.popup-module-action-bar {
+  .generic-button {
+    &:hover {
+      color: #fff !important;
+      h2 {
+        color: #fff !important;
+      }
+    }
+  }
+}
+
 .clear-search,
 .clear-search .link-label {
   @apply border-focus text-focus;