@egovernments/digit-ui-health-css 0.1.35 → 0.1.37

package/dist/index.css

@@ -1,5 +1,5 @@
 /*!
- * @egovernments/digit-ui-health-css - 0.1.35
+ * @egovernments/digit-ui-health-css - 0.1.37
  *
  * Copyright (c) 2024 Jagankumar <jagan.kumar@egov.org.in>
  * 
@@ -2611,7 +2611,9 @@
   max-width: unset !important; }
 
 .digit-card-component.primary.microPlanBulkTable {
-  max-width: 70vw !important; }
+  overflow: hidden; }
+  .digit-card-component.primary.microPlanBulkTable > div:first-child {
+    overflow: auto; }
 
 .loader-overlay {
   position: fixed;
@@ -2679,9 +2681,27 @@
   min-width: -moz-max-content;
   min-width: max-content; }
 
+.scroll-container {
+  overflow: scroll;
+  -ms-overflow-style: none;
+  scrollbar-width: none; }
+
+.scroll-container::-webkit-scrollbar {
+  display: none; }
+
 .sc-fzXfNN.sc-fzXfNO.sc-fzXfNP.iSamCd.rdt_TableCell > div:first-of-type {
   width: 100%; }
 
+.microPlanBulkTable {
+  overflow: scroll;
+  -ms-overflow-style: none;
+  scrollbar-width: none; }
+
+.microPlanBulkTable::-webkit-scrollbar {
+  overflow: scroll;
+  -ms-overflow-style: none;
+  scrollbar-width: none; }
+
 .label-field-pair.new-assumption-pop {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -2694,8 +2714,6 @@
   .label-field-pair.new-assumption-pop .bold {
     margin-top: .5rem;
     width: 14rem; }
-  .label-field-pair.new-assumption-pop .digit-dropdown-employee-select-wrap, .label-field-pair.new-assumption-pop .digit-text-input-field {
-    width: 27rem; }
 
 .popUpClass.new-assumption-pop .digit-popup-footer {
   width: 30rem;
@@ -2878,8 +2896,8 @@
 .as-label-field {
   display: grid;
   grid-template-columns: 1fr 2fr;
-  grid-gap: 0;
-  gap: 0;
+  grid-gap: 1rem;
+  gap: 1rem;
   overflow: auto;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -3002,6 +3020,8 @@
   gap: .25rem; }
   .rdt_TableCol_Sortable:hover {
     opacity: 1 !important; }
+  .rdt_TableCol_Sortable > div:first-child {
+    white-space: normal; }
   .rdt_TableCol_Sortable .__rdt_custom_sort_icon__ {
     display: -webkit-box;
     display: -ms-flexbox;
@@ -3259,35 +3279,35 @@
       font-size: 2rem; } }
 
 @media (max-width: 30rem) {
-  .typography.heading-m, .kpi-card p, .card-heading-title, .security-question-label, .summary-sub-heading {
+  .typography.heading-m, .kpi-card p, .map-filter-by-boundary .map-filter-boundary-selection .map-header-section .map-header-section-header, .card-heading-title, .security-question-label, .summary-sub-heading {
     font-size: 1.25rem; } }
 
 @media (min-width: 30.063rem) and (max-width: 47.938rem) {
-  .typography.heading-m, .kpi-card p, .card-heading-title, .security-question-label, .summary-sub-heading {
+  .typography.heading-m, .kpi-card p, .map-filter-by-boundary .map-filter-boundary-selection .map-header-section .map-header-section-header, .card-heading-title, .security-question-label, .summary-sub-heading {
     font-size: 1.375rem; } }
 
 @media (min-width: 48rem) {
-  .typography.heading-m, .kpi-card p, .card-heading-title, .security-question-label, .summary-sub-heading {
+  .typography.heading-m, .kpi-card p, .map-filter-by-boundary .map-filter-boundary-selection .map-header-section .map-header-section-header, .card-heading-title, .security-question-label, .summary-sub-heading {
     font-size: 1.5rem; } }
 
-.typography.heading-m, .kpi-card p, .card-heading-title, .security-question-label, .summary-sub-heading, .typography.heading-s, .mp-hypothesis-label-field > div > span, .label-heading, .edit-label, .summary-sub-heading.subBoundary, .boundary-header {
+.typography.heading-m, .kpi-card p, .map-filter-by-boundary .map-filter-boundary-selection .map-header-section .map-header-section-header, .card-heading-title, .security-question-label, .summary-sub-heading, .typography.heading-s, .mp-hypothesis-label-field > div > 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 {
   font-family: Roboto;
   font-style: normal;
   font-weight: 700; }
 
 @media (max-width: 30rem) {
-  .typography.heading-s, .mp-hypothesis-label-field > div > span, .label-heading, .edit-label, .summary-sub-heading.subBoundary, .boundary-header {
+  .typography.heading-s, .mp-hypothesis-label-field > div > 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 {
     font-size: 1rem; } }
 
 @media (min-width: 30.063rem) and (max-width: 47.938rem) {
-  .typography.heading-s, .mp-hypothesis-label-field > div > span, .label-heading, .edit-label, .summary-sub-heading.subBoundary, .boundary-header {
+  .typography.heading-s, .mp-hypothesis-label-field > div > 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 {
     font-size: 1rem; } }
 
 @media (min-width: 48rem) {
-  .typography.heading-s, .mp-hypothesis-label-field > div > span, .label-heading, .edit-label, .summary-sub-heading.subBoundary, .boundary-header {
+  .typography.heading-s, .mp-hypothesis-label-field > div > 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 {
     font-size: 1rem; } }
 
-.typography.heading-xs {
+.typography.heading-xs, .map-container-main .base-map-selector .base-map-area .selected p {
   font-size: .75rem;
   font-family: Roboto;
   font-style: normal;
@@ -4121,10 +4141,25 @@ header {
     max-width: 100%;
     overflow: auto; }
 
-.table-actions-wrapper {
+.select-activity-info {
+  margin-bottom: .5rem;
+  padding: .5rem;
+  width: 100%;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  grid-gap: 1rem;
+  gap: 1rem;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between; }
+
+.select-activity-info, .table-actions-wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
-  display: flex;
+  display: flex; }
+
+.table-actions-wrapper {
   grid-gap: .5rem;
   gap: .5rem;
   -webkit-box-align: "center";
@@ -4497,7 +4532,244 @@ header {
 .back-button-xlsxpreview {
   width: 170px; }
 
-.ingestion-container {
+.leaflet-control-layers.leaftlet-control {
+  border-radius: 0 !important;
+  background-color: initial !important;
+  border: none !important; }
+
+.leaflet-bottom.leaflet-left {
+  left: 1.5rem;
+  width: 32px;
+  height: 64px;
+  bottom: 88px; }
+  .leaflet-bottom.leaflet-left .leaflet-control {
+    margin-left: 0 !important; }
+    .leaflet-bottom.leaflet-left .leaflet-control a {
+      color: #c84c0e !important; }
+
+.leaflet-bottom .leaflet-control {
+  margin-bottom: 0 !important; }
+
+.map-container-main {
+  position: relative; }
+  .map-container-main .top-right-map-subcomponents {
+    position: absolute;
+    top: 1rem;
+    right: 1rem;
+    z-index: 550;
+    grid-gap: 1.5rem;
+    gap: 1.5rem;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-align: end !important;
+    -ms-flex-align: end !important;
+    align-items: flex-end !important; }
+  .map-container-main .bottom-left-map-subcomponents {
+    position: absolute;
+    bottom: 1.5rem;
+    left: 1.5rem;
+    z-index: 500; }
+    .map-container-main .bottom-left-map-subcomponents .north-arrow {
+      width: 40px;
+      height: 40px; }
+    .map-container-main .bottom-left-map-subcomponents .custom-scale {
+      width: 7.5rem;
+      margin-left: 0;
+      text-align: center;
+      border-bottom: .063rem solid #fff;
+      padding: 0;
+      color: #fff;
+      font-family: Roboto;
+      font-size: .75rem;
+      font-weight: 400;
+      position: relative; }
+      .map-container-main .bottom-left-map-subcomponents .custom-scale .border-spikes {
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        height: 20%;
+        border-left: .063rem solid #ccc;
+        border-right: .063rem solid #ccc; }
+  .map-container-main .base-map-selector {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-align: end !important;
+    -ms-flex-align: end !important;
+    align-items: flex-end !important;
+    position: relative;
+    border-radius: .25rem; }
+    .map-container-main .base-map-selector .icon-first {
+      -webkit-box-align: center;
+      -ms-flex-align: center;
+      align-items: center;
+      margin-top: 0;
+      cursor: pointer;
+      -webkit-box-shadow: none;
+      box-shadow: none; }
+      .map-container-main .base-map-selector .icon-first .map-filter-layers {
+        margin: 0;
+        padding: 0;
+        color: #fff; }
+      .map-container-main .base-map-selector .icon-first .layer-icon {
+        margin-left: .5rem;
+        height: 1.667rem; }
+    .map-container-main .base-map-selector .base-map-area-wrapper {
+      position: absolute;
+      top: 2rem;
+      right: 1rem;
+      background-color: #fff;
+      border-radius: .25rem;
+      -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+      overflow: hidden;
+      max-width: 27.5rem;
+      max-height: 9rem;
+      overflow-x: auto;
+      overflow-y: hidden;
+      white-space: nowrap; }
+      .map-container-main .base-map-selector .base-map-area-wrapper::-webkit-scrollbar {
+        width: .625rem;
+        height: .625rem;
+        border: none; }
+      .map-container-main .base-map-selector .base-map-area-wrapper::-webkit-scrollbar-track {
+        background: #fff;
+        border: none; }
+      .map-container-main .base-map-selector .base-map-area-wrapper::-webkit-scrollbar-thumb {
+        background: #b1b4b6;
+        border-radius: .625rem;
+        border: .125rem solid #f0f0f0; }
+      .map-container-main .base-map-selector .base-map-area-wrapper::-webkit-scrollbar-thumb:hover {
+        background: rgba(177, 180, 182, 0.8); }
+    .map-container-main .base-map-selector .base-map-area {
+      width: -webkit-fit-content;
+      width: -moz-fit-content;
+      width: fit-content;
+      white-space: nowrap;
+      padding: .5rem;
+      grid-gap: .5rem;
+      gap: .5rem; }
+      .map-container-main .base-map-selector .base-map-area .base-map-entity {
+        -webkit-box-orient: vertical;
+        -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+        flex-direction: column;
+        -webkit-box-align: center;
+        -ms-flex-align: center;
+        align-items: center;
+        -webkit-box-pack: center;
+        -ms-flex-pack: center;
+        justify-content: center;
+        width: 5.927rem !important;
+        cursor: pointer;
+        grid-gap: .5rem;
+        gap: .5rem; }
+        .map-container-main .base-map-selector .base-map-area .base-map-entity .base-map-img {
+          width: 5.927rem;
+          height: 5.839rem;
+          border: 0.063rem solid rgba(0, 0, 0, 0.1);
+          border-radius: .25rem;
+          -o-object-fit: cover;
+          object-fit: cover; }
+        .map-container-main .base-map-selector .base-map-area .base-map-entity p {
+          position: relative;
+          color: #363636;
+          padding: 0;
+          margin: 0;
+          font-family: Roboto;
+          font-size: 12px;
+          font-weight: 400;
+          line-height: 14.06px;
+          text-align: center;
+          text-underline-position: from-font;
+          -webkit-text-decoration-skip-ink: none;
+          text-decoration-skip-ink: none; }
+      .map-container-main .base-map-selector .base-map-area .selected {
+        background-color: #fff; }
+        .map-container-main .base-map-selector .base-map-area .selected .base-map-img {
+          border: 0.125rem solid #c84c0e !important; }
+        .map-container-main .base-map-selector .base-map-area .selected p {
+          color: #c84c0e !important;
+          font-size: .75rem; }
+  .map-container-main .choropleth-section, .map-container-main .filter-section {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column; }
+    .map-container-main .choropleth-section .icon-rest, .map-container-main .filter-section .icon-rest {
+      -webkit-box-align: center;
+      -ms-flex-align: center;
+      align-items: center;
+      width: -webkit-fit-content;
+      width: -moz-fit-content;
+      width: fit-content;
+      -ms-flex-item-align: end;
+      align-self: flex-end;
+      -webkit-box-pack: end;
+      -ms-flex-pack: end;
+      justify-content: flex-end;
+      cursor: pointer; }
+      .map-container-main .choropleth-section .icon-rest p, .map-container-main .filter-section .icon-rest p {
+        margin: 0;
+        padding: 0;
+        color: #fff; }
+      .map-container-main .choropleth-section .icon-rest .filter-icon, .map-container-main .filter-section .icon-rest .filter-icon {
+        margin-left: .5rem;
+        height: 1.667rem; }
+    .map-container-main .choropleth-section .choropleth-section-option-wrapper, .map-container-main .choropleth-section .filter-section-option-wrapper, .map-container-main .filter-section .choropleth-section-option-wrapper, .map-container-main .filter-section .filter-section-option-wrapper {
+      position: absolute;
+      max-height: 12.19rem; }
+      .map-container-main .choropleth-section .choropleth-section-option-wrapper .custom-box-wrapper, .map-container-main .choropleth-section .filter-section-option-wrapper .custom-box-wrapper, .map-container-main .filter-section .choropleth-section-option-wrapper .custom-box-wrapper, .map-container-main .filter-section .filter-section-option-wrapper .custom-box-wrapper {
+        display: block;
+        max-height: 9.752rem;
+        overflow-x: auto;
+        background-color: #fff; }
+        .map-container-main .choropleth-section .choropleth-section-option-wrapper .custom-box-wrapper::-webkit-scrollbar, .map-container-main .choropleth-section .filter-section-option-wrapper .custom-box-wrapper::-webkit-scrollbar, .map-container-main .filter-section .choropleth-section-option-wrapper .custom-box-wrapper::-webkit-scrollbar, .map-container-main .filter-section .filter-section-option-wrapper .custom-box-wrapper::-webkit-scrollbar {
+          width: .625rem;
+          height: .625rem;
+          border: none; }
+        .map-container-main .choropleth-section .choropleth-section-option-wrapper .custom-box-wrapper::-webkit-scrollbar-track, .map-container-main .choropleth-section .filter-section-option-wrapper .custom-box-wrapper::-webkit-scrollbar-track, .map-container-main .filter-section .choropleth-section-option-wrapper .custom-box-wrapper::-webkit-scrollbar-track, .map-container-main .filter-section .filter-section-option-wrapper .custom-box-wrapper::-webkit-scrollbar-track {
+          background: #fff;
+          border: none; }
+        .map-container-main .choropleth-section .choropleth-section-option-wrapper .custom-box-wrapper::-webkit-scrollbar-thumb, .map-container-main .choropleth-section .filter-section-option-wrapper .custom-box-wrapper::-webkit-scrollbar-thumb, .map-container-main .filter-section .choropleth-section-option-wrapper .custom-box-wrapper::-webkit-scrollbar-thumb, .map-container-main .filter-section .filter-section-option-wrapper .custom-box-wrapper::-webkit-scrollbar-thumb {
+          background: #b1b4b6;
+          border-radius: .625rem;
+          border: .125rem solid #f0f0f0; }
+        .map-container-main .choropleth-section .choropleth-section-option-wrapper .custom-box-wrapper::-webkit-scrollbar-thumb:hover, .map-container-main .choropleth-section .filter-section-option-wrapper .custom-box-wrapper::-webkit-scrollbar-thumb:hover, .map-container-main .filter-section .choropleth-section-option-wrapper .custom-box-wrapper::-webkit-scrollbar-thumb:hover, .map-container-main .filter-section .filter-section-option-wrapper .custom-box-wrapper::-webkit-scrollbar-thumb:hover {
+          background: rgba(177, 180, 182, 0.8); }
+        .map-container-main .choropleth-section .choropleth-section-option-wrapper .custom-box-wrapper .custom-box, .map-container-main .choropleth-section .filter-section-option-wrapper .custom-box-wrapper .custom-box, .map-container-main .filter-section .choropleth-section-option-wrapper .custom-box-wrapper .custom-box, .map-container-main .filter-section .filter-section-option-wrapper .custom-box-wrapper .custom-box {
+          padding: .7rem;
+          border-bottom: .063rem solid #d6d5d4; }
+          .map-container-main .choropleth-section .choropleth-section-option-wrapper .custom-box-wrapper .custom-box .mainClassName, .map-container-main .choropleth-section .filter-section-option-wrapper .custom-box-wrapper .custom-box .mainClassName, .map-container-main .filter-section .choropleth-section-option-wrapper .custom-box-wrapper .custom-box .mainClassName, .map-container-main .filter-section .filter-section-option-wrapper .custom-box-wrapper .custom-box .mainClassName {
+            margin-bottom: 0;
+            display: -webkit-box;
+            display: -ms-flexbox;
+            display: flex;
+            -webkit-box-align: center;
+            -ms-flex-align: center;
+            align-items: center; }
+          .map-container-main .choropleth-section .choropleth-section-option-wrapper .custom-box-wrapper .custom-box .inputWrapperClassName, .map-container-main .choropleth-section .filter-section-option-wrapper .custom-box-wrapper .custom-box .inputWrapperClassName, .map-container-main .filter-section .choropleth-section-option-wrapper .custom-box-wrapper .custom-box .inputWrapperClassName, .map-container-main .filter-section .filter-section-option-wrapper .custom-box-wrapper .custom-box .inputWrapperClassName {
+            margin: 0;
+            padding: 0; }
+          .map-container-main .choropleth-section .choropleth-section-option-wrapper .custom-box-wrapper .custom-box .labelClassName, .map-container-main .choropleth-section .filter-section-option-wrapper .custom-box-wrapper .custom-box .labelClassName, .map-container-main .filter-section .choropleth-section-option-wrapper .custom-box-wrapper .custom-box .labelClassName, .map-container-main .filter-section .filter-section-option-wrapper .custom-box-wrapper .custom-box .labelClassName {
+            margin: 0 auto 0 0; }
+          .map-container-main .choropleth-section .choropleth-section-option-wrapper .custom-box-wrapper .custom-box input:checked ~ .inputIconClassname, .map-container-main .choropleth-section .filter-section-option-wrapper .custom-box-wrapper .custom-box input:checked ~ .inputIconClassname, .map-container-main .filter-section .choropleth-section-option-wrapper .custom-box-wrapper .custom-box input:checked ~ .inputIconClassname, .map-container-main .filter-section .filter-section-option-wrapper .custom-box-wrapper .custom-box input:checked ~ .inputIconClassname {
+            border-color: #c84c0e; }
+          .map-container-main .choropleth-section .choropleth-section-option-wrapper .custom-box-wrapper .custom-box .inputIconClassname, .map-container-main .choropleth-section .filter-section-option-wrapper .custom-box-wrapper .custom-box .inputIconClassname, .map-container-main .filter-section .choropleth-section-option-wrapper .custom-box-wrapper .custom-box .inputIconClassname, .map-container-main .filter-section .filter-section-option-wrapper .custom-box-wrapper .custom-box .inputIconClassname {
+            margin: 0; }
+          .map-container-main .choropleth-section .choropleth-section-option-wrapper .custom-box-wrapper .custom-box .inputClassName, .map-container-main .choropleth-section .filter-section-option-wrapper .custom-box-wrapper .custom-box .inputClassName, .map-container-main .filter-section .choropleth-section-option-wrapper .custom-box-wrapper .custom-box .inputClassName, .map-container-main .filter-section .filter-section-option-wrapper .custom-box-wrapper .custom-box .inputClassName {
+            margin: 0; }
+      .map-container-main .choropleth-section .choropleth-section-option-wrapper .button-primary, .map-container-main .choropleth-section .filter-section-option-wrapper .button-primary, .map-container-main .filter-section .choropleth-section-option-wrapper .button-primary, .map-container-main .filter-section .filter-section-option-wrapper .button-primary {
+        background-color: #fafafa !important; }
+
+.map-filter-by-boundary {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -4505,6 +4777,45 @@ header {
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
+  grid-gap: .5rem;
+  gap: .5rem;
+  position: absolute;
+  top: 48px;
+  z-index: 30;
+  left: 48px; }
+  .map-filter-by-boundary .map-filter-boundary-selection {
+    width: 17.5rem;
+    padding: 1rem; }
+    .map-filter-by-boundary .map-filter-boundary-selection.display-none {
+      display: none; }
+    .map-filter-by-boundary .map-filter-boundary-selection button {
+      width: 100%; }
+    .map-filter-by-boundary .map-filter-boundary-selection .map-header-section {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-align: center;
+      -ms-flex-align: center;
+      align-items: center;
+      grid-gap: .5rem;
+      gap: .5rem; }
+      .map-filter-by-boundary .map-filter-boundary-selection .map-header-section .map-header-section-header {
+        color: #363636; }
+
+.hierarchy-selection-element {
+  grid-gap: .5rem;
+  gap: .5rem; }
+
+.hierarchy-selection-element, .ingestion-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column; }
+
+.ingestion-container {
   text-align: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -4953,7 +5264,7 @@ header {
   margin-left: 3.5rem; }
 
 .main.digit-home-main {
-  margin-left: 72px; }
+  margin-left: 60px; }
   .main.digit-home-main .employee-app-wrapper.digit-home-app-wrapper {
     margin-left: 0;
     margin-right: 0;
@@ -4965,7 +5276,7 @@ header {
       .main.digit-home-main .employee-app-wrapper.digit-home-app-wrapper .ground-container.digit-home-ground .employee-app-container.digit-home-employee-app .ground-container.moduleCardWrapper.gridModuleWrapper.digit-home-moduleCardWrapper {
         grid-gap: 1.5rem;
         gap: 1.5rem;
-        margin-top: 2rem;
+        margin-top: 1.5rem;
         margin-left: 1rem;
         margin-bottom: 0;
         padding: 0;
@@ -4997,6 +5308,9 @@ header {
   grid-gap: .2rem;
   gap: .2rem; }
 
+.digit-bread-crumb {
+  margin-top: 0; }
+
 .mandatory-span {
   font-size: 1rem;
   font-weight: 700;