@djb25/digit-ui-css 1.0.85 → 1.0.87

package/src/index.scss

@@ -47,6 +47,7 @@
 @import "./components/searchAction.scss";
 @import "./components/tag.scss";
 @import "./components/topbar.scss";
+@import "./components/accessibility.scss";
 @import "./components/languageSelector.scss";
 @import "./components/custombtn.scss";
 @import "./components/citizenInfoLabel.scss";
@@ -187,7 +188,8 @@ h6 {
 }
 
 .check-page-link-button {
-  color: #a82227 !important;
+  color: red !important;
+  font-size: 18px !important;
 }
 
 .pt-application-download-btn {
@@ -353,7 +355,7 @@ input[type="number"] {
 
     .value {
       @apply w-1/2 font-bold text-right;
-      font-size: 18px;
+      font-size: 1.125rem;
     }
   }
 }
@@ -380,7 +382,7 @@ input[type="number"] {
   padding-bottom: 25px;
 
   .value {
-    font-size: 20px;
+    font-size: 1.25rem;
   }
 }
 
@@ -568,7 +570,7 @@ input[type="number"] {
 .error-boundary {
   width: 100vw;
   height: 100vh;
-  font-size: 16px;
+  font-size: 1rem;
   font-family: sans-serif;
   display: flex;
   justify-content: center;
@@ -583,7 +585,7 @@ input[type="number"] {
     flex-direction: column;
 
     h1 {
-      font-size: 32px;
+      font-size: 2rem;
       font-weight: bold;
     }
 
@@ -776,7 +778,7 @@ input[type="number"] {
   .row {
     color: #b1b4b6;
     font-weight: 700;
-    font-size: 16px;
+    font-size: 1rem;
   }
 }
 
@@ -801,7 +803,7 @@ input[type="number"] {
   .row {
     color: #b1b4b6;
     font-weight: 700;
-    font-size: 16px;
+    font-size: 1rem;
   }
 }
 
@@ -814,7 +816,7 @@ input[type="number"] {
   padding: 1rem;
   font-weight: 700;
   color: theme(colors.text.primary);
-  font-size: 24px;
+  font-size: 1.5rem;
   margin-bottom: 1rem;
 }
 

package/src/pages/citizen/DocumentList.scss

@@ -58,14 +58,14 @@
 }
 .notice_and_circular_heading_mb header {
   font-weight: bold;
-  font-size: 16px !important;
+  font-size: 1rem !important;
   line-height: 24px;
   margin-right: 50px;
 }
 .notice_and_circular_heading_mb .card-caption {
   padding-left: 30px;
   font-weight: normal;
-  font-size: 12px;
+  font-size: 0.75rem;
   line-height: 24px;
   color: theme(colors.text.secondary);
   padding-right: 5px;
@@ -79,7 +79,7 @@
 }
 .notice_and_circular_text p {
   font-weight: normal;
-  font-size: 12px;
+  font-size: 0.75rem;
   line-height: 14px;
   color: theme(colors.text.secondary);
 }
@@ -89,7 +89,7 @@
 }
 .notice_and_circular_caption .card-caption {
   font-weight: normal;
-  font-size: 10px;
+  font-size: 0.625rem;
   line-height: 18px;
   color: #a3a3a3;
 }
@@ -107,7 +107,7 @@
       p {
         padding-left: 10px;
         font-weight: normal;
-        font-size: 16px;
+        font-size: 1rem;
         line-height: 19px;
         color: theme(colors.primary.main);
       }
@@ -127,7 +127,7 @@
         p {
           padding-left: 10px;
           font-weight: normal;
-          font-size: 16px;
+          font-size: 1rem;
           line-height: 19px;
           color: theme(colors.primary.main);
         }
@@ -136,7 +136,7 @@
   }
 
   .notice_and_circular_heading_mb .card-caption {
-    font-size: 16px;
+    font-size: 1rem;
     line-height: 24px;
     min-width: 150px;
     padding-left: 50px;
@@ -147,10 +147,10 @@
   }
   .view_download_main span .views p {
     padding-left: 8px;
-    font-size: 16px;
+    font-size: 1rem;
   }
   .notice_and_circular_text p {
-    font-size: 16px !important;
+    font-size: 1rem !important;
     line-height: 24px;
   }
   .documentDetails_row {
@@ -158,12 +158,12 @@
     gap: 0 !important;
   }
   .notice_and_circular_heading_mb header {
-    font-size: 24px !important;
+    font-size: 1.5rem !important;
     line-height: 28px;
     margin-right: 100px;
   }
   .notice_and_circular_caption .card-caption {
-    font-size: 14px;
+    font-size: 0.875rem;
     line-height: 21px;
   }
 }

package/src/pages/citizen/HomePageWrapper.scss

@@ -59,7 +59,7 @@
       h2 {
         @apply text-heading-s font-bold text-text-primary;
         padding-left: 0;
-        font-size: 22px;
+        font-size: 1.375rem;
         color: #1e293b;
       }
 
@@ -69,7 +69,7 @@
         background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
         padding: 8px 16px;
         border-radius: 999px;
-        font-size: 14px;
+        font-size: 0.875rem;
         box-shadow: 0 4px 10px rgba(59, 130, 246, 0.3);
         transition: all 0.3s ease;
 
@@ -168,7 +168,7 @@
 
     .citizen-header-title {
       margin: 0;
-      font-size: 28px;
+      font-size: 1.75rem;
       font-weight: 800;
       color: #ffffff;
       letter-spacing: 0.5px;
@@ -251,7 +251,7 @@
     display: flex !important;
     align-items: center !important;
     margin: 0 !important;
-    font-size: 14px !important;
+    font-size: 0.875rem !important;
     font-weight: 500 !important;
     color: #1e293b !important;
     line-height: 1.35 !important;
@@ -267,7 +267,7 @@
     display: flex !important;
     align-items: center !important;
     margin: 0 !important;
-    font-size: 12.5px !important;
+    font-size: 0.78125rem !important;
     font-weight: 400 !important;
     color: #2563eb !important;
     line-height: 1.4 !important;
@@ -361,11 +361,11 @@
 
     h1 {
       @apply text-heading-xl;
-      font-size: 38px !important;
+      font-size: 2.375rem !important;
     }
 
     h4 {
-      font-size: 18px !important;
+      font-size: 1.125rem !important;
       font-weight: 700 !important;
     }
   }

package/src/pages/citizen/Register.scss

@@ -92,14 +92,14 @@
     .sidebar-header {
       margin-bottom: 60px;
       h1 {
-        font-size: 28px;
+        font-size: 1.75rem;
         font-weight: 800;
         letter-spacing: -0.5px;
         margin-bottom: 8px;
       }
       p {
         opacity: 0.8;
-        font-size: 14px;
+        font-size: 0.875rem;
       }
     }
 
@@ -109,14 +109,14 @@
       margin-top: 40px;
 
       h2 {
-        font-size: 24px;
+        font-size: 1.5rem;
         font-weight: 700;
         margin-bottom: 16px;
       }
 
       p {
         opacity: 0.9;
-        font-size: 15px;
+        font-size: 0.9375rem;
         line-height: 1.6;
       }
     }
@@ -124,7 +124,7 @@
 
   .sidebar-footer {
     margin-top: auto;
-    font-size: 10.5px;
+    font-size: 0.65625rem;
     font-weight: 500;
     color: rgb(0, 112, 180);
   }
@@ -143,7 +143,7 @@
       width: 100%;
 
       h1 {
-        font-size: 28px;
+        font-size: 1.75rem;
         font-weight: 700;
         color: #1e293b;
         margin-bottom: 16px;
@@ -152,7 +152,7 @@
 
       p {
         color: #64748b;
-        font-size: 16px;
+        font-size: 1rem;
         margin-bottom: 40px;
         line-height: 1.6;
       }
@@ -175,7 +175,7 @@
       background-color: #1a67a3;
       color: #fff;
       border-radius: 12px;
-      font-size: 18px;
+      font-size: 1.125rem;
       font-weight: 700;
       border: none;
       cursor: pointer;
@@ -206,7 +206,7 @@
       background: #fff;
       padding: 0 16px;
       color: #6b7280;
-      font-size: 14px;
+      font-size: 0.875rem;
       font-weight: 500;
     }
   }
@@ -223,7 +223,7 @@
     cursor: pointer;
     transition: all 0.3s ease;
     gap: "12px";
-    font-size: 16px;
+    font-size: 1rem;
     font-weight: 600;
     color: #374151;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
@@ -319,7 +319,7 @@
 }
 
 .registration__sidebar-title {
-  font-size: 12px;
+  font-size: 0.75rem;
   font-weight: 600;
   letter-spacing: 0.08em;
   color: #64748b;
@@ -365,7 +365,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  font-size: 14px;
+  font-size: 0.875rem;
   font-weight: 600;
   z-index: 1;
 }
@@ -386,12 +386,12 @@
 }
 
 .registration__step-label {
-  font-size: 12px;
+  font-size: 0.75rem;
   color: #94a3b8;
 }
 
 .registration__step-title {
-  font-size: 14px;
+  font-size: 0.875rem;
   font-weight: 500;
   color: #94a3b8;
 }
@@ -418,13 +418,13 @@
 }
 
 .registration__title {
-  font-size: 24px;
+  font-size: 1.5rem;
   font-weight: 700;
   color: #1e293b;
 }
 
 .registration__step-count {
-  font-size: 14px;
+  font-size: 0.875rem;
   color: #94a3b8;
 }
 
@@ -440,7 +440,7 @@
 
 .registration__label {
   display: block;
-  font-size: 14px;
+  font-size: 0.875rem;
   font-weight: 500;
   color: #334155;
   margin-bottom: 8px;
@@ -456,7 +456,7 @@
   border-radius: 12px;
   border: 2px solid #e2e8f0;
   padding-left: 12px;
-  font-size: 18px;
+  font-size: 1.125rem;
   background: #fff;
 }
 
@@ -481,7 +481,7 @@
   border-radius: 0.375rem;
   border: 2px solid #e2e8f0;
   padding: 0 16px;
-  font-size: 18px;
+  font-size: 1.125rem;
   width: 100%;
   position: relative;
   .phone {
@@ -505,7 +505,7 @@
   border-radius: 8px;
   border: 2px solid #e2e8f0 !important;
   padding: 0 16px;
-  font-size: 18px;
+  font-size: 1.125rem;
   width: 100%;
   position: relative;
   padding: 10px 40px 10px 12px; /* space for icon */
@@ -559,7 +559,7 @@
   height: 100%;
   border: none;
   outline: none;
-  font-size: 18px;
+  font-size: 1.125rem;
 }
 
 .registration__input:focus-within {
@@ -570,7 +570,7 @@
 
 .registration__hint {
   margin-top: 8px;
-  font-size: 12px;
+  font-size: 0.75rem;
   color: #94a3b8;
 }
 
@@ -585,7 +585,7 @@
   width: 56px;
   height: 64px;
   text-align: center;
-  font-size: 20px;
+  font-size: 1.25rem;
   border-radius: 12px;
   border: 2px solid #e2e8f0;
 }
@@ -600,7 +600,7 @@
   display: flex;
   justify-content: space-between;
   margin-bottom: 32px;
-  font-size: 14px;
+  font-size: 0.875rem;
   color: #64748b;
 }
 
@@ -622,7 +622,7 @@
   border: none;
   background: #0070b4;
   color: #fff;
-  font-size: 16px;
+  font-size: 1rem;
   font-weight: 600;
   cursor: pointer;
 }
@@ -671,7 +671,7 @@
   transform: translateX(-50%) translateY(5px);
   background: #111827;
   color: #fff;
-  font-size: 12px;
+  font-size: 0.75rem;
   padding: 6px 10px;
   border-radius: 6px;
   white-space: nowrap;
@@ -697,7 +697,7 @@
 
 .error-text {
   color: #d83a2f;
-  font-size: 14px;
+  font-size: 0.875rem;
   margin-top: 4px;
 }
 
@@ -705,7 +705,7 @@
   color: #1a67a3;
   cursor: pointer;
   font-weight: 600;
-  font-size: 14px;
+  font-size: 0.875rem;
 }
 
 .registration__change-phone {
@@ -717,7 +717,7 @@
   background: none;
   border: none;
   color: #2563eb;
-  font-size: 13px;
+  font-size: 0.8125rem;
   font-weight: 500;
   cursor: pointer;
   padding: 0;
@@ -748,7 +748,7 @@
 
   .registration__sidebar-title {
     display: none;
-    font-size: 11px;
+    font-size: 0.6875rem;
     margin-bottom: 16px;
     text-align: center;
   }
@@ -769,7 +769,7 @@
   .registration__step-circle {
     width: 26px;
     height: 26px;
-    font-size: 12px;
+    font-size: 0.75rem;
   }
 
   /* TEXT CONTENT */
@@ -778,11 +778,11 @@
   }
 
   .registration__step-label {
-    font-size: 10px;
+    font-size: 0.625rem;
   }
 
   .registration__step-title {
-    font-size: 12px;
+    font-size: 0.75rem;
     line-height: 1.3;
   }
 
@@ -808,7 +808,7 @@
   .sidebar-footer {
     display: none;
     text-align: center;
-    font-size: 9px;
+    font-size: 0.5625rem;
     margin-top: 12px;
   }
 
@@ -818,11 +818,11 @@
   }
 
   .registration__title {
-    font-size: 20px;
+    font-size: 1.25rem;
   }
 
   .registration__description {
-    font-size: 14px;
+    font-size: 0.875rem;
     margin-bottom: 20px;
   }
 }

package/src/pages/citizen/ekycStatus.scss

@@ -3,7 +3,7 @@
 }
 
 .ekyc-status-card-header {
-  font-size: 24px;
+  font-size: 1.5rem;
   font-weight: 700;
   color: #101828;
   margin-bottom: 12px;
@@ -21,7 +21,7 @@
   padding: 12px 16px;
   border-radius: 8px;
   margin-top: 24px;
-  font-size: 14px;
+  font-size: 0.875rem;
 }
 
 .ekyc-status-results-card {
@@ -40,14 +40,14 @@
 }
 
 .ekyc-status-label-title {
-  font-size: 12px;
+  font-size: 0.75rem;
   color: #667085;
   text-transform: uppercase;
   font-weight: 600;
 }
 
 .ekyc-status-value-text {
-  font-size: 18px;
+  font-size: 1.125rem;
   font-weight: 700;
   color: #101828;
   margin-top: 4px;
@@ -56,7 +56,7 @@
 .ekyc-status-badge {
   padding: 6px 14px;
   border-radius: 16px;
-  font-size: 14px;
+  font-size: 0.875rem;
   font-weight: 600;
 
   &.approved {
@@ -81,7 +81,7 @@
 }
 
 .ekyc-status-details-title {
-  font-size: 18px;
+  font-size: 1.125rem;
   font-weight: 600;
   color: #101828;
   margin-bottom: 16px;

package/src/pages/employee/EmployeeModuleCard.scss

@@ -40,7 +40,7 @@
     cursor: pointer;
     position: relative;
     color: #6b7280;
-    font-size: 13px;
+    font-size: 0.8125rem;
     font-weight: 500;
     height: 100%;
     border-bottom: 2px solid transparent;
@@ -79,7 +79,7 @@
   }
 
   .emtb-tab__initials {
-    font-size: 10px;
+    font-size: 0.625rem;
     font-weight: 700;
     background: #e5e7eb;
     color: #6b7280;
@@ -109,7 +109,7 @@
   }
 
   .emtb-tab__sublabel {
-    font-size: 10px;
+    font-size: 0.625rem;
     line-height: 1;
     color: #94a3b8;
   }
@@ -128,7 +128,7 @@
     border-radius: 9999px;
     background: #e0f2fe;
     color: #1a67a3;
-    font-size: 10px;
+    font-size: 0.625rem;
     font-weight: 700;
     line-height: 1;
     margin-left: 2px;

package/src/pages/employee/container.scss

@@ -88,7 +88,7 @@
   }
 
   .heading-m {
-    font-size: 24px;
+    font-size: 1.5rem;
     line-height: 24px;
   }