@djb25/digit-ui-css 1.0.75 → 1.0.77

package/package.json

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

package/src/components/EkycAssign.scss

@@ -104,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/card.scss

@@ -289,7 +289,7 @@
     }
 
     .employee-card-sub-header {
-      margin-bottom: 40px;
+      margin-bottom: 20px;
       @apply text-heading-l-dt;
     }
 

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/components/table.scss

@@ -214,7 +214,7 @@
                 display: flex;
                 gap: 4px;
                 .col-head {
-                  font-size: 11px;
+                  font-size: 14px;
                   font-weight: 700;
                   text-transform: uppercase;
                   letter-spacing: 0.07em;
@@ -324,7 +324,7 @@
 
     td {
       @apply border-t border-border text-left align-middle;
-      padding: 6px 18px;
+      padding: 10px 18px;
       vertical-align: middle;
       font-size: 16px;
       white-space: nowrap;

package/src/pages/employee/ekyc.scss

@@ -298,13 +298,6 @@
     font-size: 16px;
   }
 
-  .ekyc-application-link {
-    font-size: 16px;
-    cursor: pointer;
-    font-weight: 600;
-    color: #318ed0 !important;
-  }
-
   /* SearchConsumer Styles */
   .search-consumer-wrapper {
     background: #f5f7fa;
@@ -1021,10 +1014,23 @@
   }
 }
 
-.ekyc-application-link {
-  font-size: 16px;
-  cursor: pointer;
-  color: #318ed0 !important;
+.ekyc-status-tag {
+  padding: 2px 12px;
+  border-radius: 100px;
+  &.SUBMITTED {
+    background-color: #fef3c7;
+    color: #b45309;
+  }
+
+  &.APPROVED {
+    background-color: #d0f0d5;
+    color: #0b6623;
+  }
+
+  &.REJECTED {
+    background-color: #fdecea;
+    color: #b42318;
+  }
 }
 
 .status-search-composer-wrapper {
@@ -1052,4 +1058,3 @@
     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;
@@ -811,42 +822,6 @@
   }
 }
 
-.registryTable {
-  tHead {
-    tr {
-      th {
-        text-align: center;
-        .col-head-wrapper {
-          display: flex;
-          gap: 4px;
-          align-items: center;
-          .col-head {
-            font-size: 11px;
-            font-weight: 700;
-            text-transform: uppercase;
-            letter-spacing: 0.07em;
-            transition: color 0.15s;
-          }
-          .col-head.accentDark {
-            color: #5282e6;
-          }
-          .col-head.textSecondary {
-            color: #475569;
-          }
-        }
-      }
-    }
-  }
-
-  tBody {
-    tr {
-      td {
-        text-align: center;
-      }
-    }
-  }
-}
-
 .col-head-wrapper {
   display: flex;
   gap: 4px;

package/src/pages/employee/index.scss

@@ -452,8 +452,8 @@
 }
 
 .link {
-  @apply text-primary-main cursor-pointer;
-
+  @apply cursor-pointer;
+  color: #667eea !important;
   :hover {
     @apply text-primary-dark;
   }