@egovernments/digit-ui-health-css 0.2.77 → 0.2.78

package/dist/index.css

@@ -1,5 +1,5 @@
 /*!
- * @egovernments/digit-ui-health-css - 0.2.77
+ * @egovernments/digit-ui-health-css - 0.2.78
  *
  * Copyright (c) 2025 Jagankumar <jagan.kumar@egov.org.in>
  * 
@@ -3498,21 +3498,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, .view-label-heading, .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, .appConfigLabelField-label {
   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, .view-label-heading, .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, .appConfigLabelField-label {
     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, .view-label-heading, .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, .appConfigLabelField-label {
     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, .view-label-heading, .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, .appConfigLabelField-label {
     font-size: 1rem; } }
 
 .typography.heading-xs, .map-container-main .base-map-selector .base-map-area .selected p {
@@ -3550,18 +3550,18 @@ tbody tr:last-child td:last-child .digit-dropdown-employee-select-wrap .digit-dr
   .typography.caption-m {
     font-size: 1.5rem; } }
 
-.typography.caption-s {
+.typography.caption-s, .app-config-drawer-subheader {
   font-family: Roboto;
   font-style: italic;
   font-weight: 500; }
   @media (max-width: 30rem) {
-    .typography.caption-s {
+    .typography.caption-s, .app-config-drawer-subheader {
       font-size: 1rem; } }
   @media (min-width: 30.063rem) and (max-width: 47.938rem) {
-    .typography.caption-s {
+    .typography.caption-s, .app-config-drawer-subheader {
       font-size: 1.25rem; } }
   @media (min-width: 48rem) {
-    .typography.caption-s {
+    .typography.caption-s, .app-config-drawer-subheader {
       font-size: 1.25rem; } }
 
 @media (max-width: 30rem) {
@@ -3576,21 +3576,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, .view-label-text {
+.typography.body-l, .label-text, .typography.body-s, .view-label-text, .drawer-toggle-field-container .digit-switch-container .digit-switch-label, .drawer-toggle-field-container .drawer-toggle-conditional-field .digit-header-content.label {
   font-family: Roboto;
   font-style: normal;
   font-weight: 400; }
 
 @media (max-width: 30rem) {
-  .typography.body-s, .view-label-text {
+  .typography.body-s, .view-label-text, .drawer-toggle-field-container .digit-switch-container .digit-switch-label, .drawer-toggle-field-container .drawer-toggle-conditional-field .digit-header-content.label {
     font-size: .875rem; } }
 
 @media (min-width: 30.063rem) and (max-width: 47.938rem) {
-  .typography.body-s, .view-label-text {
+  .typography.body-s, .view-label-text, .drawer-toggle-field-container .digit-switch-container .digit-switch-label, .drawer-toggle-field-container .drawer-toggle-conditional-field .digit-header-content.label {
     font-size: 1rem; } }
 
 @media (min-width: 48rem) {
-  .typography.body-s, .view-label-text {
+  .typography.body-s, .view-label-text, .drawer-toggle-field-container .digit-switch-container .digit-switch-label, .drawer-toggle-field-container .drawer-toggle-conditional-field .digit-header-content.label {
     font-size: 1rem; } }
 
 @media (max-width: 30rem) {
@@ -4350,7 +4350,7 @@ header {
   display: flex; }
 
 .app-preview {
-  width: 25rem;
+  width: 29rem;
   height: 40rem;
   overflow-y: auto;
   border: 1px solid #c84c0e;
@@ -4359,7 +4359,23 @@ header {
   -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
   box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
   margin: 20px auto;
-  font-family: Arial,sans-serif; }
+  font-family: Arial,sans-serif;
+  scrollbar-width: thin;
+  scrollbar-color: #d6d5d4 #fafafa; }
+  .app-preview::-webkit-scrollbar {
+    width: 5px;
+    background: #fafafa; }
+  .app-preview::-webkit-scrollbar-thumb {
+    background: #d6d5d4;
+    border-radius: 8px;
+    min-height: 40px; }
+  .app-preview::-webkit-scrollbar-track {
+    background: #fafafa;
+    border-radius: 8px; }
+  .app-preview::-webkit-scrollbar-button {
+    display: none !important;
+    height: 0 !important;
+    width: 0 !important; }
   .app-preview .digit-card-component {
     height: -webkit-max-content;
     height: -moz-max-content;
@@ -4378,6 +4394,10 @@ header {
   .app-preview .app-card {
     grid-gap: .5rem;
     gap: .5rem; }
+    .app-preview .app-card::-webkit-scrollbar-button {
+      display: none !important;
+      height: 0 !important;
+      width: 0 !important; }
 
 .mobile-top {
   background-color: #0b4b66;
@@ -6874,7 +6894,7 @@ tbody tr:nth-child(odd) {
   min-width: 12.5rem; }
 
 .app-configuration-side-panel {
-  width: 23rem;
+  width: 24rem;
   background-color: #fff; }
 
 .appConfigHeaderLabelField {
@@ -6933,10 +6953,10 @@ tbody tr:nth-child(odd) {
     width: 100%; }
 
 .appConfigLabelField-label {
+  color: #787878;
   margin-bottom: .5rem;
   font-size: 1rem;
-  font-weight: 700;
-  color: #787878; }
+  font-weight: 700; }
 
 .app-preview-action-button {
   margin-top: auto;
@@ -7021,3 +7041,38 @@ tbody tr:nth-child(odd) {
 
 .app-preview-field-button {
   width: 100%; }
+
+.drawer-toggle-field-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  grid-gap: 1rem;
+  gap: 1rem;
+  border: 1px solid #d6d5d4;
+  background: #fafafa;
+  border-radius: .5rem;
+  padding: 1rem; }
+  .drawer-toggle-field-container .digit-switch-container .digit-switch-label {
+    color: #505a5f; }
+  .drawer-toggle-field-container .drawer-toggle-conditional-field {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    grid-gap: .1rem;
+    gap: .1rem; }
+    .drawer-toggle-field-container .drawer-toggle-conditional-field .digit-header-content.label {
+      color: #505a5f;
+      width: 100%; }
+    .drawer-toggle-field-container .drawer-toggle-conditional-field .digit-field {
+      width: 100%; }
+
+.app-config-drawer-subheader {
+  color: #0b4b66; }