npm - @djb25/digit-ui-css - Versions diffs - 1.0.86 → 1.0.88 - Mend

@djb25/digit-ui-css 1.0.86 → 1.0.88

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (60) hide show

package/dist/index.css +1 -1
package/dist/index.min.css +1 -1
package/package.json +1 -1
package/src/components/CardBasedOptions.scss +1 -1
package/src/components/CitizenHomeCard.scss +6 -6
package/src/components/EkycAssign.scss +5 -5
package/src/components/FAQ.scss +2 -2
package/src/components/SearchForm.scss +25 -25
package/src/components/SurveyorDetailsDashboard.scss +29 -29
package/src/components/TimeLine.scss +2 -2
package/src/components/VerticalTimeline.scss +3 -3
package/src/components/WorkflowTimeline.scss +5 -5
package/src/components/accessibility.scss +177 -0
package/src/components/body.scss +16 -16
package/src/components/buttons.scss +3 -3
package/src/components/card.scss +10 -10
package/src/components/checkbox.scss +1 -1
package/src/components/filters.scss +1 -1
package/src/components/financeUi.scss +25 -25
package/src/components/howItWorks.scss +4 -4
package/src/components/inboxv2/InboxLinks.scss +2 -2
package/src/components/inboxv2/horizontalNav.scss +1 -1
package/src/components/inboxv2/inboxSearch.scss +2 -2
package/src/components/landingpage.scss +156 -156
package/src/components/languageSelector.scss +1 -1
package/src/components/moduleHeader.scss +4 -4
package/src/components/multiSelectDropdown.scss +1 -1
package/src/components/navbar.scss +3 -3
package/src/components/plusMinus.scss +1 -1
package/src/components/reportDownload.scss +6 -6
package/src/components/selectdropdown.scss +45 -6
package/src/components/staticDynamicMessages.scss +5 -5
package/src/components/staticSideBar.scss +2 -2
package/src/components/summary.scss +4 -4
package/src/components/table.scss +15 -15
package/src/components/tag.scss +1 -1
package/src/components/textfields.scss +46 -7
package/src/components/topbar.scss +19 -17
package/src/components/uploadcomponents.scss +1 -1
package/src/digitv2/components/breadCrumbV2.scss +1 -1
package/src/digitv2/components/selectdropdownV2.scss +4 -2
package/src/digitv2/components/tagV2.scss +1 -1
package/src/digitv2/components/textInputV2.scss +8 -4
package/src/digitv2/pages/employee/workbench.scss +4 -4
package/src/index.scss +8 -7
package/src/pages/citizen/DocumentList.scss +11 -11
package/src/pages/citizen/HomePageWrapper.scss +7 -7
package/src/pages/citizen/Register.scss +36 -36
package/src/pages/citizen/ekycStatus.scss +6 -6
package/src/pages/employee/EmployeeModuleCard.scss +4 -4
package/src/pages/employee/container.scss +1 -1
package/src/pages/employee/dashboard.scss +16 -16
package/src/pages/employee/dss.scss +11 -11
package/src/pages/employee/ekyc.scss +51 -51
package/src/pages/employee/ekycDashboard.scss +38 -38
package/src/pages/employee/inbox.scss +8 -8
package/src/pages/employee/index.scss +32 -32
package/src/pages/employee/login.scss +9 -9
package/src/pages/employee/scroll-table.scss +1 -1
package/src/pages/employee/surveys.scss +1 -1

package/src/pages/employee/ekycDashboard.scss CHANGED Viewed

@@ -83,13 +83,13 @@
     border-radius: 999px;
     background: rgba(99, 102, 241, 0.12);
     color: #4f46e5;
-    font-size: 11px;
+    font-size: 0.6875rem;
     font-weight: 800;
     letter-spacing: 0.08em;
   }
   .dashboard-title {
-    font-size: 38px;
+    font-size: 2.375rem;
     font-weight: 900;
     line-height: 1.1;
     margin: 0;
@@ -105,7 +105,7 @@
   .dashboard-subtitle {
     margin-top: 10px;
-    font-size: 15px;
+    font-size: 0.9375rem;
     line-height: 1.6;
     color: var(--muted-text);
     font-weight: 500;
@@ -139,7 +139,7 @@
     padding: 10px 16px;
     border-radius: 14px;
-    font-size: 12px;
+    font-size: 0.75rem;
     font-weight: 800;
     letter-spacing: 0.02em;
@@ -191,7 +191,7 @@
   }
   .notification-icon {
-    font-size: 20px;
+    font-size: 1.25rem;
   }
   .notification-badge {
@@ -265,12 +265,12 @@
     margin-bottom: 40px;
     h2 {
-      font-size: 20px;
+      font-size: 1.25rem;
       font-weight: 700;
     }
     p {
-      font-size: 13px;
+      font-size: 0.8125rem;
       opacity: 0.7;
     }
   }
@@ -283,7 +283,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    font-size: 28px;
+    font-size: 1.75rem;
   }
   .sidebar-menu {
@@ -300,7 +300,7 @@
       border-radius: 14px;
       cursor: pointer;
       transition: 0.3s ease;
-      font-size: 15px;
+      font-size: 0.9375rem;
       font-weight: 500;
       &:hover {
@@ -342,7 +342,7 @@
       border: none;
       outline: none;
       width: 100%;
-      font-size: 15px;
+      font-size: 0.9375rem;
     }
   }
@@ -361,7 +361,7 @@
     align-items: center;
     justify-content: center;
     position: relative;
-    font-size: 20px;
+    font-size: 1.25rem;
     box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
     span {
@@ -373,7 +373,7 @@
       border-radius: 50%;
       background: red;
       color: white;
-      font-size: 11px;
+      font-size: 0.6875rem;
       display: flex;
       align-items: center;
       justify-content: center;
@@ -397,11 +397,11 @@
     }
     h4 {
-      font-size: 15px;
+      font-size: 0.9375rem;
     }
     p {
-      font-size: 12px;
+      font-size: 0.75rem;
       color: #777;
     }
   }
@@ -418,7 +418,7 @@
     box-shadow: 0 18px 40px rgba(25, 118, 210, 0.35);
     h1 {
-      font-size: 32px;
+      font-size: 2rem;
       margin-bottom: 12px;
     }
@@ -458,7 +458,7 @@
       width: 70px;
       height: 70px;
       border-radius: 20px;
-      font-size: 28px;
+      font-size: 1.75rem;
       color: white;
       display: flex !important;
       justify-content: center;
@@ -466,13 +466,13 @@
     }
     h3 {
-      font-size: 30px;
+      font-size: 1.875rem;
       margin-bottom: 6px;
     }
     p {
       color: #666;
-      font-size: 14px;
+      font-size: 0.875rem;
     }
     &.primary .icon-box {
@@ -510,7 +510,7 @@
       display: flex;
       align-items: center;
       gap: 12px;
-      font-size: 22px;
+      font-size: 1.375rem;
       color: #1b2b4b;
     }
@@ -550,13 +550,13 @@
     margin-bottom: 18px;
     h3 {
-      font-size: 20px;
+      font-size: 1.25rem;
       margin-bottom: 6px;
     }
     p {
       color: #777;
-      font-size: 13px;
+      font-size: 0.8125rem;
     }
     span {
@@ -597,12 +597,12 @@
     }
     h4 {
-      font-size: 20px;
+      font-size: 1.25rem;
       margin-bottom: 6px;
     }
     p {
-      font-size: 12px;
+      font-size: 0.75rem;
       color: #666;
     }
   }
@@ -611,7 +611,7 @@
     display: flex;
     justify-content: space-between;
     color: #666;
-    font-size: 14px;
+    font-size: 0.875rem;
   }
   .table-wrapper {
@@ -631,12 +631,12 @@
     th {
       background: #f3f7fb;
       color: #1b2b4b;
-      font-size: 14px;
+      font-size: 0.875rem;
     }
     td {
       border-bottom: 1px solid #edf2f7;
-      font-size: 14px;
+      font-size: 0.875rem;
     }
     tr:hover {
@@ -647,7 +647,7 @@
   .status-badge {
     padding: 8px 14px;
     border-radius: 999px;
-    font-size: 12px;
+    font-size: 0.75rem;
     font-weight: 700;
     &.success {
@@ -692,7 +692,7 @@
     padding: 24px;
     h3 {
-      font-size: 34px;
+      font-size: 2.125rem;
       margin-bottom: 10px;
       color: #0d47a1;
     }
@@ -751,7 +751,7 @@
     }
     .hero-banner h1 {
-      font-size: 24px;
+      font-size: 1.5rem;
     }
   }
 }
@@ -781,7 +781,7 @@
 .cards-summary h2 {
   margin: 0 0 24px;
-  font-size: 24px;
+  font-size: 1.5rem;
   font-weight: 700;
   color: #0f172a;
   letter-spacing: -0.02em;
@@ -843,7 +843,7 @@
 .efficiency-box h3 {
   margin: 0;
-  font-size: 42px;
+  font-size: 2.625rem;
   font-weight: 800;
@@ -855,7 +855,7 @@
 .efficiency-box p {
   margin-top: 10px;
-  font-size: 14px;
+  font-size: 0.875rem;
   font-weight: 500;
@@ -899,7 +899,7 @@
 }
 .pulse-row span:first-child {
-  font-size: 15px;
+  font-size: 0.9375rem;
   font-weight: 600;
@@ -915,7 +915,7 @@
   border-radius: 999px;
-  font-size: 12px;
+  font-size: 0.75rem;
   font-weight: 700;
 }
@@ -942,7 +942,7 @@
   }
   .efficiency-box h3 {
-    font-size: 34px;
+    font-size: 2.125rem;
   }
 }
@@ -997,7 +997,7 @@
   color: #475569;
-  font-size: 12px;
+  font-size: 0.75rem;
   font-weight: 600;
@@ -1039,7 +1039,7 @@
   color: #0f172a;
-  font-size: 14px;
+  font-size: 0.875rem;
   font-weight: 700;
@@ -1047,7 +1047,7 @@
 }
 .vendor-card-action svg {
-  font-size: 14px;
+  font-size: 0.875rem;
   transition: transform 0.25s ease;
 }

package/src/pages/employee/inbox.scss CHANGED Viewed

@@ -51,7 +51,7 @@
   .links-wrapper {
     @apply py-sm;
     line-height: 24px;
-    font-size: 20px;
+    font-size: 1.25rem;
     align-self: center;
     .link {
@@ -127,7 +127,7 @@
     .sub-filter-label {
       font-weight: 400;
-      font-size: 16px;
+      font-size: 1rem;
     }
   }
@@ -183,7 +183,7 @@
         .sub-filter-label {
           font-weight: 400;
-          font-size: 16px;
+          font-size: 1rem;
         }
       }
     }
@@ -626,7 +626,7 @@
         }
         .h1 {
-          font-size: 24px;
+          font-size: 1.5rem;
           line-height: 28px;
           font-weight: 400;
           color: theme(colors.primary.main);
@@ -744,7 +744,7 @@
 .employeeTotalLink {
   color: theme(colors.text.secondary);
-  font-size: 16px;
+  font-size: 1rem;
   text-decoration: none;
 }
@@ -772,7 +772,7 @@
   .row {
     color: #b1b4b6;
     font-weight: 700;
-    font-size: 16px;
+    font-size: 1rem;
   }
 }
@@ -818,7 +818,7 @@
   }
   h2 {
-    font-size: 16px;
+    font-size: 1rem;
     font-weight: 700;
   }
 }
@@ -828,7 +828,7 @@
   gap: 4px;
   align-items: center;
   .col-head {
-    font-size: 14px;
+    font-size: 0.875rem;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 0.07em;

package/src/pages/employee/index.scss CHANGED Viewed

@@ -215,7 +215,7 @@
       justify-content: space-between;
       align-items: center;
       padding: 20px;
-      font-size: 14px;
+      font-size: 0.875rem;
       &.level-0 {
         margin: 0 0.3rem 0 0.3rem;
@@ -290,7 +290,7 @@
       align-items: center;
       text-decoration: none;
       color: theme(colors.white);
-      font-size: 14px;
+      font-size: 0.875rem;
       .actions {
         .tooltiptext {
@@ -404,7 +404,7 @@
   .historyTableDateLabel {
     color: rgba(0, 0, 0, 0.87);
-    font-size: 16px;
+    font-size: 1rem;
     font-weight: 700;
     line-height: 17px;
     text-align: left;
@@ -418,7 +418,7 @@
   .historyTableDate {
     color: rgba(0, 0, 0, 0.87);
-    font-size: 19px;
+    font-size: 1.1875rem;
     font-weight: 400;
     line-height: 17px;
     text-align: left;
@@ -435,7 +435,7 @@
   .smallText {
     font-weight: 500;
-    font-size: 14px;
+    font-size: 0.875rem;
   }
 }
@@ -526,7 +526,7 @@
     .greeting-title {
       margin: 0;
-      font-size: 28px;
+      font-size: 1.75rem;
       font-weight: 800;
       color: #ffffff;
       letter-spacing: -0.5px;
@@ -536,14 +536,14 @@
       gap: 10px;
       .greeting-emoji {
-        font-size: 24px;
+        font-size: 1.5rem;
         filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
       }
     }
     .greeting-date {
       margin-left: 40px;
-      font-size: 15px;
+      font-size: 0.9375rem;
       font-weight: 500;
       color: rgba(255, 255, 255, 0.9);
       letter-spacing: 0.5px;
@@ -589,7 +589,7 @@
       background: transparent;
       border: none;
       color: #ffffff;
-      font-size: 15px;
+      font-size: 0.9375rem;
       font-weight: 500;
       padding: 10px 0;
       outline: none;
@@ -603,7 +603,7 @@
     .omni-search-shortcut {
       background: rgba(255, 255, 255, 0.2);
       color: #ffffff;
-      font-size: 12px;
+      font-size: 0.75rem;
       font-weight: 700;
       padding: 4px 10px;
       border-radius: 8px;
@@ -624,7 +624,7 @@
     justify-content: flex-start;
     color: #fff;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
-    font-size: 14px;
+    font-size: 0.875rem;
     font-weight: 500;
     .icon {
@@ -641,7 +641,7 @@
     .iconn {
       font-feature-settings: "kern";
-      font-size: 16px;
+      font-size: 1rem;
       margin: 0 8px;
       color: #fff;
     }
@@ -925,7 +925,7 @@
   .title-icon {
     color: #6177ec;
-    font-size: 24px;
+    font-size: 1.5rem;
     margin-right: 10px;
     background: rgba(97, 119, 236, 0.1);
     padding: 6px;
@@ -934,7 +934,7 @@
   h3 {
     margin: 0;
-    font-size: 18px;
+    font-size: 1.125rem;
     font-weight: 700;
     color: #2c3e50;
     flex: 1;
@@ -945,7 +945,7 @@
     border: none;
     color: #6177ec;
     font-weight: 600;
-    font-size: 14px;
+    font-size: 0.875rem;
     cursor: pointer;
     transition: all 0.2s ease;
@@ -998,7 +998,7 @@
   background: none;
   border: none;
   color: #94a3b8;
-  font-size: 14px;
+  font-size: 0.875rem;
   font-weight: 600;
   cursor: pointer;
   border-bottom: 2px solid transparent;
@@ -1036,7 +1036,7 @@
 }
 .compact-title {
-  font-size: 14px;
+  font-size: 0.875rem;
   color: #1e293b;
   font-weight: 500;
   flex: 1;
@@ -1045,7 +1045,7 @@
 .compact-badge {
   background-color: #e0f2fe;
   color: #0369a1;
-  font-size: 12px;
+  font-size: 0.75rem;
   font-weight: 600;
   padding: 2px 8px;
   border-radius: 12px;
@@ -1053,7 +1053,7 @@
 }
 .compact-right-text {
-  font-size: 13px;
+  font-size: 0.8125rem;
   color: #64748b;
   white-space: nowrap;
 }
@@ -1154,7 +1154,7 @@
 .ra-modal-header h3 {
   margin: 0;
-  font-size: 20px;
+  font-size: 1.25rem;
   font-weight: 700;
   color: #1a67a3;
 }
@@ -1208,14 +1208,14 @@
 .ra-header h3 {
   margin: 0 0 4px 0;
-  font-size: 18px;
+  font-size: 1.125rem;
   font-weight: 700;
   color: #1a67a3;
 }
 .ra-subtitle {
   margin: 0;
-  font-size: 12px;
+  font-size: 0.75rem;
   color: #64748b;
 }
@@ -1226,7 +1226,7 @@
   background: transparent;
   border: none;
   color: rgb(0, 51, 102);
-  font-size: 13px;
+  font-size: 0.8125rem;
   font-weight: 600;
   cursor: pointer;
   padding: 8px 12px;
@@ -1304,7 +1304,7 @@
 .ra-text {
   margin: 0 0 8px 0;
-  font-size: 14px;
+  font-size: 0.875rem;
   color: #334155;
   line-height: 1.4;
 }
@@ -1322,7 +1322,7 @@
 .ra-module {
   font-family: "SFMono-Regular", Consolas, monospace;
-  font-size: 11px;
+  font-size: 0.6875rem;
   background: rgba(255, 255, 255, 0.4);
   color: #1e293b;
   padding: 4px 8px;
@@ -1333,7 +1333,7 @@
 }
 .ra-time {
-  font-size: 12px;
+  font-size: 0.75rem;
   color: #94a3b8;
   font-weight: 500;
 }
@@ -1473,7 +1473,7 @@
   background: transparent;
   border: none;
   color: #3b82f6;
-  font-size: 14px;
+  font-size: 0.875rem;
   font-weight: 600;
   cursor: pointer;
   padding: 8px 16px;
@@ -1535,7 +1535,7 @@
 .custom-modal-header h3 {
   margin: 0;
-  font-size: 18px;
+  font-size: 1.125rem;
   font-weight: 700;
   color: #1a67a3;
 }
@@ -1616,7 +1616,7 @@
       margin-top: auto;
       .employeeCard-link {
-        font-size: 13px;
+        font-size: 0.8125rem;
         padding: 4px 0;
         font-weight: 500;
         color: #1a67a3;
@@ -1624,7 +1624,7 @@
     }
     .employeeCard-title {
-      font-size: 15px !important;
+      font-size: 0.9375rem !important;
       font-weight: 700;
       color: #1a67a3 !important;
       margin-bottom: 8px;
@@ -1639,12 +1639,12 @@
       flex-direction: column;
       margin-top: 8px;
       margin-bottom: 8px;
-      font-size: 12px;
+      font-size: 0.75rem;
       color: #64748b;
     }
     .employeeCard-kpi-count {
-      font-size: 16px !important;
+      font-size: 1rem !important;
       font-weight: 700;
       color: #f97316 !important;
     }

package/src/pages/employee/login.scss CHANGED Viewed

@@ -60,15 +60,15 @@
 .loginFormStyleEmployee .bannerHeader p,
 .employeeForgotPassword .bannerHeader p,
 .employeeChangePassword .bannerHeader p {
-  font-size: 19px;
+  font-size: 1.1875rem;
 }
 .employeeCard .card-sub-header {
-  font-size: 24px;
+  font-size: 1.5rem;
 }
 .loginFormStyleEmployee .employeeCard .card-label,
 .employeeForgotPassword .employeeCard .card-label {
   font-weight: normal;
-  font-size: 16px;
+  font-size: 1rem;
   line-height: 19px;
   color: theme(colors.text.primary);
   margin-top: 20px;
@@ -78,21 +78,21 @@
 }
 .employeeCard .card-label {
   font-weight: normal;
-  font-size: 16px;
+  font-size: 1rem;
   line-height: 19px;
   color: theme(colors.text.primary);
 }
 .employeeForgotPassword .employeeCard .card-label-desc {
   font-weight: normal;
-  font-size: 16px;
+  font-size: 1rem;
   line-height: 24px;
   color: theme(colors.text.secondary);
   margin-top: 15px;
 }
 .employeeChangePassword .employeeCard .card-text {
   margin-bottom: 15px;
-  font-size: 16px;
+  font-size: 1rem;
   color: theme(colors.text.secondary);
 }
 @media screen and (max-width: 768px) {
@@ -100,7 +100,7 @@
     margin-top: 7px;
   }
   .employeeCard .card-sub-header {
-    font-size: 18px;
+    font-size: 1.125rem;
   }
 }
 .employeeChangePassword .employeeCard .card-text-button {
@@ -124,7 +124,7 @@
 .employeeForgotPassword .employeeCard .employee-card-sub-header,
 .employeeChangePassword .employeeCard .employee-card-sub-header,
 .loginFormStyleEmployee .employeeCard .employee-card-sub-header {
-  font-size: 24px !important;
+  font-size: 1.5rem !important;
   line-height: 28px !important;
   margin-bottom: 0px !important;
 }
@@ -132,7 +132,7 @@
   .employeeForgotPassword .employeeCard .employee-card-sub-header,
   .employeeChangePassword .employeeCard .employee-card-sub-header,
   .loginFormStyleEmployee .employeeCard .employee-card-sub-header {
-    font-size: 18px !important;
+    font-size: 1.125rem !important;
     line-height: 21px !important;
     margin-bottom: 0px !important;
   }