@egovernments/digit-ui-health-css 0.3.0 → 0.3.2

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 0.3.2 - 2025-3-19
+#### Admin console , Microplan & Payments
+  1. Updated Payment module CSS
+
 ## 0.3.1 - 2025-2-11
 #### Admin console , Microplan & Payments
   1. Campaign Manager Module CSS

package/README.md

@@ -56,6 +56,9 @@ frontend/micro-ui/web/public/index.html
 - [nipunarora-eGov](https://github.com/nipunarora-eGov)
 - [Swathi-egov](https://github.com/Swathi-egov)
 - [suryansh-egov](https://github.com/suryansh-egov)
+- [ramkrishna-egov](https://github.com/ramkrishna-egov)
+- [rachna-egov](https://github.com/rachna-egov)
+- [pitabash-eGov](https://github.com/pitabash-eGov)
 
 ### Published from DIGIT Frontend 
 DIGIT Frontend Repo (https://github.com/egovernments/Digit-Frontend/tree/console)

package/dist/index.css

@@ -1,5 +1,5 @@
 /*!
- * @egovernments/digit-ui-health-css - 0.3.0
+ * @egovernments/digit-ui-health-css - 0.3.2
  *
  * Copyright (c) 2025 Jagankumar <jagan.kumar@egov.org.in>
  * 
@@ -3481,21 +3481,21 @@ tbody tr:last-child td:last-child .digit-dropdown-employee-select-wrap .digit-dr
   .typography.heading-m, .kpi-card p, .microplan-deatils-view-card .digit-view-card-header, .map-filter-by-boundary .map-filter-boundary-selection .map-header-section .map-header-section-header, .custom-inbox-filter-heading, .inbox-header-text, .card-heading-title, .security-question-label, .summary-sub-heading {
     font-size: 1.5rem; } }
 
-.typography.heading-m, .kpi-card p, .microplan-deatils-view-card .digit-view-card-header, .map-filter-by-boundary .map-filter-boundary-selection .map-header-section .map-header-section-header, .custom-inbox-filter-heading, .inbox-header-text, .card-heading-title, .security-question-label, .summary-sub-heading, .typography.heading-s, .mp-hypothesis-label-field > div > span, .formula-label-field > span, .map-container-main .base-map-selector .icon-first .map-filter-layers, .map-container-main .choropleth-section .icon-rest p, .map-container-main .filter-section .icon-rest p, .label-heading, .edit-label, .summary-sub-heading.subBoundary, .boundary-header {
+.typography.heading-m, .kpi-card p, .microplan-deatils-view-card .digit-view-card-header, .map-filter-by-boundary .map-filter-boundary-selection .map-header-section .map-header-section-header, .custom-inbox-filter-heading, .inbox-header-text, .card-heading-title, .security-question-label, .summary-sub-heading, .typography.heading-s, .mp-hypothesis-label-field > div > span, .formula-label-field > span, .map-container-main .base-map-selector .icon-first .map-filter-layers, .map-container-main .choropleth-section .icon-rest p, .map-container-main .filter-section .icon-rest p, .view-label-heading, .label-heading, .edit-label, .summary-sub-heading.subBoundary, .boundary-header {
   font-family: Roboto;
   font-style: normal;
   font-weight: 700; }
 
 @media (max-width: 30rem) {
-  .typography.heading-s, .mp-hypothesis-label-field > div > span, .formula-label-field > span, .map-container-main .base-map-selector .icon-first .map-filter-layers, .map-container-main .choropleth-section .icon-rest p, .map-container-main .filter-section .icon-rest p, .label-heading, .edit-label, .summary-sub-heading.subBoundary, .boundary-header {
+  .typography.heading-s, .mp-hypothesis-label-field > div > span, .formula-label-field > span, .map-container-main .base-map-selector .icon-first .map-filter-layers, .map-container-main .choropleth-section .icon-rest p, .map-container-main .filter-section .icon-rest p, .view-label-heading, .label-heading, .edit-label, .summary-sub-heading.subBoundary, .boundary-header {
     font-size: 1rem; } }
 
 @media (min-width: 30.063rem) and (max-width: 47.938rem) {
-  .typography.heading-s, .mp-hypothesis-label-field > div > span, .formula-label-field > span, .map-container-main .base-map-selector .icon-first .map-filter-layers, .map-container-main .choropleth-section .icon-rest p, .map-container-main .filter-section .icon-rest p, .label-heading, .edit-label, .summary-sub-heading.subBoundary, .boundary-header {
+  .typography.heading-s, .mp-hypothesis-label-field > div > span, .formula-label-field > span, .map-container-main .base-map-selector .icon-first .map-filter-layers, .map-container-main .choropleth-section .icon-rest p, .map-container-main .filter-section .icon-rest p, .view-label-heading, .label-heading, .edit-label, .summary-sub-heading.subBoundary, .boundary-header {
     font-size: 1rem; } }
 
 @media (min-width: 48rem) {
-  .typography.heading-s, .mp-hypothesis-label-field > div > span, .formula-label-field > span, .map-container-main .base-map-selector .icon-first .map-filter-layers, .map-container-main .choropleth-section .icon-rest p, .map-container-main .filter-section .icon-rest p, .label-heading, .edit-label, .summary-sub-heading.subBoundary, .boundary-header {
+  .typography.heading-s, .mp-hypothesis-label-field > div > span, .formula-label-field > span, .map-container-main .base-map-selector .icon-first .map-filter-layers, .map-container-main .choropleth-section .icon-rest p, .map-container-main .filter-section .icon-rest p, .view-label-heading, .label-heading, .edit-label, .summary-sub-heading.subBoundary, .boundary-header {
     font-size: 1rem; } }
 
 .typography.heading-xs, .map-container-main .base-map-selector .base-map-area .selected p {
@@ -3559,21 +3559,21 @@ tbody tr:last-child td:last-child .digit-dropdown-employee-select-wrap .digit-dr
   .typography.body-l, .label-text {
     font-size: 1.25rem; } }
 
-.typography.body-l, .label-text, .typography.body-s {
+.typography.body-l, .label-text, .typography.body-s, .view-label-text {
   font-family: Roboto;
   font-style: normal;
   font-weight: 400; }
 
 @media (max-width: 30rem) {
-  .typography.body-s {
+  .typography.body-s, .view-label-text {
     font-size: .875rem; } }
 
 @media (min-width: 30.063rem) and (max-width: 47.938rem) {
-  .typography.body-s {
+  .typography.body-s, .view-label-text {
     font-size: 1rem; } }
 
 @media (min-width: 48rem) {
-  .typography.body-s {
+  .typography.body-s, .view-label-text {
     font-size: 1rem; } }
 
 @media (max-width: 30rem) {
@@ -3630,13 +3630,13 @@ tbody tr:last-child td:last-child .digit-dropdown-employee-select-wrap .digit-dr
   padding: 1rem;
   margin-right: 1rem;
   margin-bottom: 1.5rem; }
-  .campaign-cycle-container .add-resource-container .card-text {
+  .campaign-cycle-container .add-resource-container .digit-card-text {
     margin: 0;
     font-weight: 700; }
   .campaign-cycle-container .add-resource-container .header-container {
-    -webkit-box-align: end;
-    -ms-flex-align: end;
-    align-items: flex-end;
+    -webkit-box-align: baseline;
+    -ms-flex-align: baseline;
+    align-items: baseline;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between; }
@@ -3828,9 +3828,21 @@ tbody tr:last-child td:last-child .digit-dropdown-employee-select-wrap .digit-dr
   margin-top: 1.5rem;
   margin-bottom: 1.5rem !important; }
 
+.card-header-delivery {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  margin-top: 1.5rem !important; }
+
+.deliveryType-labelfield {
+  margin-top: .565rem; }
+
 .delivery-rule-container {
-  padding-top: 0; }
-  .delivery-rule-container .card-header {
+  margin-top: 1.5rem; }
+  .delivery-rule-container .digit-card-header {
     font-size: 1.5rem !important;
     margin: 0;
     display: -webkit-box;
@@ -3842,7 +3854,7 @@ tbody tr:last-child td:last-child .digit-dropdown-employee-select-wrap .digit-dr
     -ms-flex-pack: justify;
     justify-content: space-between;
     font-family: Roboto; }
-    .delivery-rule-container .card-header .title {
+    .delivery-rule-container .digit-card-header .title {
       margin: 0 !important; }
   .delivery-rule-container .attribute-container {
     border: 1px solid #d6d5d4;
@@ -3860,6 +3872,7 @@ tbody tr:last-child td:last-child .digit-dropdown-employee-select-wrap .digit-dr
         font-weight: 600; }
 
 .attribute-field-wrapper {
+  margin-top: 0;
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   -webkit-box-align: center;
@@ -3867,7 +3880,7 @@ tbody tr:last-child td:last-child .digit-dropdown-employee-select-wrap .digit-dr
   align-items: center;
   grid-gap: 2.5rem;
   gap: 2.5rem; }
-  .attribute-field-wrapper .label-field-pair {
+  .attribute-field-wrapper .digit-label-field-pair {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
@@ -3875,11 +3888,12 @@ tbody tr:last-child td:last-child .digit-dropdown-employee-select-wrap .digit-dr
     -webkit-box-align: start !important;
     -ms-flex-align: start !important;
     align-items: flex-start !important; }
-    .attribute-field-wrapper .label-field-pair .card-label.card-label-smaller {
-      font-weight: 700; }
-    .attribute-field-wrapper .label-field-pair .employee-select-wrap.form-field {
+    .attribute-field-wrapper .digit-label-field-pair .digit-card-label.card-label-smaller {
+      font-weight: 700;
+      margin-bottom: 0; }
+    .attribute-field-wrapper .digit-label-field-pair .employee-select-wrap.form-field {
       width: 100%; }
-    .attribute-field-wrapper .label-field-pair .digit-employee-card-input {
+    .attribute-field-wrapper .digit-label-field-pair .digit-employee-card-input {
       margin-bottom: 0; }
   .attribute-field-wrapper .options-card {
     max-height: 10rem !important; }
@@ -3887,7 +3901,7 @@ tbody tr:last-child td:last-child .digit-dropdown-employee-select-wrap .digit-dr
     margin-bottom: .5rem; }
 
 .add-rule-btn {
-  margin: auto auto 1rem; }
+  margin: 1.5rem auto 1rem; }
   .add-rule-btn h2 {
     font-family: Roboto;
     font-size: 1rem;
@@ -4061,7 +4075,8 @@ header {
   margin: 0; }
 
 .summary-header {
-  font-size: 2.25rem; }
+  font-size: 2.25rem;
+  margin-bottom: 1.5rem !important; }
 
 .date-field-container {
   display: grid;
@@ -4198,8 +4213,7 @@ header {
   align-items: stretch; }
 
 .stepper-card {
-  height: 39rem;
-  margin-bottom: 1.5rem !important;
+  height: 37rem;
   padding-top: 0; }
 
 .stepper-subheader {
@@ -4294,8 +4308,8 @@ header {
 
 .data-mapping-filter-switch {
   float: right;
-  margin-bottom: 1.5rem;
-  margin-right: 5rem; }
+  margin-right: 5rem;
+  margin-bottom: 0; }
 
 .digit-label-field-pair.multiselect-label-field > div:first-of-type {
   width: 69%; }
@@ -4339,6 +4353,12 @@ header {
     padding-top: 0 !important;
     overflow: visible; }
 
+.rdt_TableBody {
+  border: 1px solid #ccc !important; }
+
+.rdt_Table, .rdt_TableBody {
+  width: 100% !important; }
+
 .formula-label-field {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -5210,38 +5230,40 @@ header {
 .custom-register-inbox-screen .inner-div-row-section {
   -webkit-box-orient: horizontal;
   -ms-flex-direction: row;
-  flex-direction: row; }
+  flex-direction: row;
+  min-height: 80vh;
+  height: auto;
+  -webkit-box-align: stretch;
+  -ms-flex-align: stretch;
+  align-items: stretch; }
 
 .custom-register-inbox-screen .custom-inbox-filter-section {
-  width: 30%;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
+  -webkit-box-flex: 0;
+  -ms-flex: 0 0 20%;
+  flex: 0 0 20%;
+  -ms-flex-direction: column;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  grid-gap: 1.5rem;
-  gap: 1.5rem;
-  height: 80vh; }
-
-.custom-register-inbox-screen .custom-inbox-inner-filter-section {
-  height: 75vh;
-  overflow-y: auto; }
+  flex-direction: column; }
 
-.custom-register-inbox-screen .custom-inbox-inner-filter-section, .custom-register-inbox-screen .custom-inbox-outer-table-section {
-  width: 100%;
+.custom-register-inbox-screen .custom-inbox-filter-section, .custom-register-inbox-screen .custom-inbox-outer-table-section {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-orient: horizontal;
+  -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
-  -ms-flex-direction: row;
-  flex-direction: row; }
+  height: 100%;
+  min-height: 100%;
+  overflow-y: auto; }
 
 .custom-register-inbox-screen .custom-inbox-outer-table-section {
-  grid-gap: 1.5rem;
-  gap: 1.5rem; }
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  -ms-flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  flex-direction: column; }
 
 .custom-inbox-outer-table-section .inner-table-section {
   width: 100%;
@@ -5252,14 +5274,17 @@ header {
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
-  height: 75vh;
-  min-height: 75vh; }
+  -webkit-box-flex: 1;
+  -ms-flex-positive: 1;
+  flex-grow: 1; }
 
 .custom-inbox-outer-table-section .card-overide {
   max-width: 100%;
   overflow: auto;
   margin: 0;
-  height: 75vh; }
+  -webkit-box-flex: 1;
+  -ms-flex-positive: 1;
+  flex-grow: 1; }
 
 .on-icon-reset-proximity {
   border: 1px solid #e0e0e0;
@@ -5290,7 +5315,11 @@ header {
   margin-bottom: 2.5rem; }
 
 .left-section {
-  width: 30%; }
+  width: 30%;
+  -ms-flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  flex-direction: column; }
 
 .left-section, .right-section {
   display: -webkit-box;
@@ -5298,29 +5327,46 @@ header {
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
-  -ms-flex-direction: column;
-  flex-direction: column;
   grid-gap: 1.5rem;
   gap: 1.5rem; }
 
 .right-section {
-  width: 100%; }
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  -ms-flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  flex-direction: column; }
 
 .filter-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
   -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   height: 60vh;
   overflow-y: auto; }
 
-.filter-container, .ingestion-container {
+.view-label-heading {
+  color: #363636;
+  width: 20%;
+  text-align: left;
+  white-space: pre-wrap;
+  word-wrap: break-word; }
+
+.view-label-text {
+  color: #363636;
+  width: 80%; }
+
+.ingestion-container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-direction: normal; }
-
-.ingestion-container {
   -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   text-align: center;
@@ -5786,7 +5832,8 @@ header {
     margin-left: 0;
     margin-right: 0;
     padding-right: 0;
-    margin-bottom: 0; }
+    margin-bottom: 0;
+    min-height: calc(100vh - 10em); }
     .main.digit-home-main .employee-app-wrapper.digit-home-app-wrapper .ground-container.digit-home-ground {
       padding: 0;
       margin-bottom: 0; }
@@ -6159,13 +6206,15 @@ tbody tr:nth-child(odd) {
     padding-left: 1.5rem;
     padding-right: 1.5rem; }
 
-.loginFormStyleEmployee .loginCardClassName .digit-header-content:not(label) {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  justify-content: center; }
+.loginFormStyleEmployee .loginCardClassName .digit-header-content {
+  margin-bottom: 1.5rem; }
+  .loginFormStyleEmployee .loginCardClassName .digit-header-content:not(label) {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center; }
 
 .selecting-boundaries-dropdown .digit-multiselectdropdown-server {
   max-height: 15rem; }
@@ -6242,14 +6291,17 @@ tbody tr:nth-child(odd) {
 .employeeCard.employeeCard-override.card-error {
   border: 1px solid #d4351c; }
 
-.label-field-pair.delivery-type-radio {
+.digit-label-field-pair.delivery-type-radio {
+  margin: 0;
+  margin-bottom: 0 !important;
+  margin-top: 0 !important;
   grid-gap: 5rem;
   gap: 5rem; }
-  .label-field-pair.delivery-type-radio .digit-radio-options-wrap {
+  .digit-label-field-pair.delivery-type-radio .digit-radio-options-wrap {
     grid-gap: 2rem;
     gap: 2rem;
     margin-bottom: 0 !important; }
-    .label-field-pair.delivery-type-radio .digit-radio-options-wrap .radio-option-container {
+    .digit-label-field-pair.delivery-type-radio .digit-radio-options-wrap .radio-option-container {
       margin-bottom: 0;
       -webkit-box-align: center;
       -ms-flex-align: center;