Fixup

openmrs · Aug 13, 2024 · 76be044 · 76be044
1 parent 844f9f6
commit 76be044
Show file tree

Hide file tree

Showing 80 changed files with 100 additions and 99 deletions.
diff --git a/packages/esm-active-visits-app/src/active-visits-widget/active-visits.scss b/packages/esm-active-visits-app/src/active-visits-widget/active-visits.scss
@@ -1,6 +1,6 @@
 @use '@carbon/layout';
 @use '@carbon/type';
-@use '~@openmrs/esm-styleguide/src/vars' as *;
+@use '@openmrs/esm-styleguide/src/vars' as *;
 
 .container {
   margin: 0 layout.$spacing-05;
@@ -67,7 +67,7 @@
 
 .visitSummaryContainer {
   width: 100%;
-  max-width: 768px;
+  max-width: 48rem;
   margin: layout.$spacing-05 auto;
 }
 

diff --git a/packages/esm-active-visits-app/src/visits-summary/visit-detail-overview.scss b/packages/esm-active-visits-app/src/visits-summary/visit-detail-overview.scss
@@ -1,6 +1,6 @@
 @use '@carbon/layout';
 @use '@carbon/type';
-@use '~@openmrs/esm-styleguide/src/vars' as *;
+@use '@openmrs/esm-styleguide/src/vars' as *;
 
 .container {
   display: flex;

diff --git a/packages/esm-appointments-app/src/appointments/common-components/appointments-table.scss b/packages/esm-appointments-app/src/appointments/common-components/appointments-table.scss
@@ -1,7 +1,7 @@
 @use '@carbon/colors';
 @use '@carbon/layout';
 @use '@carbon/type';
-@use '~@openmrs/esm-styleguide/src/vars' as *;
+@use '@openmrs/esm-styleguide/src/vars' as *;
 
 .expandedRow > td > div {
   max-height: max-content !important;

diff --git a/packages/esm-appointments-app/src/calendar/appointments-calendar-view-view.scss b/packages/esm-appointments-app/src/calendar/appointments-calendar-view-view.scss
@@ -1,6 +1,6 @@
 @use '@carbon/colors';
 @use '@carbon/layout';
-@use '~@openmrs/esm-styleguide/src/vars' as *;
+@use '@openmrs/esm-styleguide/src/vars' as *;
 
 .wrapper {
   position: relative;

diff --git a/packages/esm-appointments-app/src/calendar/monthly/days-of-week.scss b/packages/esm-appointments-app/src/calendar/monthly/days-of-week.scss
@@ -1,7 +1,7 @@
 @use '@carbon/colors';
 @use '@carbon/layout';
 @use '@carbon/type';
-@use '~@openmrs/esm-styleguide/src/vars' as *;
+@use '@openmrs/esm-styleguide/src/vars' as *;
 
 .tileContainer {
   height: layout.$spacing-10;

diff --git a/packages/esm-appointments-app/src/calendar/monthly/monthly-view-workload.scss b/packages/esm-appointments-app/src/calendar/monthly/monthly-view-workload.scss
@@ -1,7 +1,7 @@
 @use '@carbon/colors';
 @use '@carbon/layout';
 @use '@carbon/type';
-@use '~@openmrs/esm-styleguide/src/vars' as *;
+@use '@openmrs/esm-styleguide/src/vars' as *;
 
 .monthly-cell {
   border-left: 1px solid colors.$gray-20;
@@ -50,7 +50,7 @@
   position: relative;
   border-right: 1px solid colors.$gray-20;
   border-bottom: 1px solid colors.$gray-20;
-  min-height: 120px;
+  min-height: 7.5rem;
   color: colors.$white;
 
   .week-time {
@@ -143,11 +143,11 @@
 }
 
 .smallDesktop {
-  height: 100px;
+  height: 6.25rem;
 }
 
 .largeDesktop {
-  height: 150px;
+  height: 9.375rem;
 }
 
 .red {

diff --git a/packages/esm-appointments-app/src/empty-state/empty-state.scss b/packages/esm-appointments-app/src/empty-state/empty-state.scss
@@ -1,6 +1,6 @@
 @use '@carbon/layout';
 @use '@carbon/type';
-@use '~@openmrs/esm-styleguide/src/vars' as *;
+@use '@openmrs/esm-styleguide/src/vars' as *;
 
 .content {
   @include type.type-style('heading-compact-01');

diff --git a/packages/esm-appointments-app/src/header/appointments-header.scss b/packages/esm-appointments-app/src/header/appointments-header.scss
@@ -1,7 +1,7 @@
 @use '@carbon/colors';
 @use '@carbon/layout';
 @use '@carbon/type';
-@use '~@openmrs/esm-styleguide/src/vars' as *;
+@use '@openmrs/esm-styleguide/src/vars' as *;
 
 .header {
   @include type.type-style('body-compact-02');

diff --git a/packages/esm-appointments-app/src/metrics/metrics-card.scss b/packages/esm-appointments-app/src/metrics/metrics-card.scss
@@ -1,7 +1,7 @@
 @use '@carbon/colors';
 @use '@carbon/layout';
 @use '@carbon/type';
-@use '~@openmrs/esm-styleguide/src/vars' as *;
+@use '@openmrs/esm-styleguide/src/vars' as *;
 
 .container {
   flex-grow: 1;

diff --git a/packages/esm-appointments-app/src/metrics/metrics-header.scss b/packages/esm-appointments-app/src/metrics/metrics-header.scss
@@ -1,6 +1,6 @@
 @use '@carbon/layout';
 @use '@carbon/type';
-@use '~@openmrs/esm-styleguide/src/vars' as *;
+@use '@openmrs/esm-styleguide/src/vars' as *;
 
 .metricsContainer {
   display: flex;

diff --git a/packages/esm-appointments-app/src/past-visit/past-visit.scss b/packages/esm-appointments-app/src/past-visit/past-visit.scss
@@ -1,6 +1,6 @@
 @use '@carbon/layout';
 @use '@carbon/type';
-@use '~@openmrs/esm-styleguide/src/vars' as *;
+@use '@openmrs/esm-styleguide/src/vars' as *;
 
 .wrapper {
   margin-top: layout.$spacing-03;
@@ -68,13 +68,13 @@
 
 .desktopTabs {
   button {
-    height: 32px;
+    height: layout.$spacing-07;
   }
 }
 
 .tabletTabs {
   button {
-    height: 48px;
+    height: layout.$spacing-09;
   }
 }
 

diff --git a/packages/esm-appointments-app/src/patient-appointments/patient-appointments-action-menu.scss b/packages/esm-appointments-app/src/patient-appointments/patient-appointments-action-menu.scss
@@ -1,4 +1,4 @@
-@use '~@openmrs/esm-styleguide/src/vars' as *;
+@use '@openmrs/esm-styleguide/src/vars' as *;
 
 .layer {
   height: 100%;

diff --git a/packages/esm-appointments-app/src/patient-appointments/patient-appointments-base.scss b/packages/esm-appointments-app/src/patient-appointments/patient-appointments-base.scss
@@ -5,7 +5,7 @@
 
 .widgetCard {
   border: 1px solid $ui-03;
-  max-width: 60;
+  max-width: 60rem;
   margin: auto;
   margin-top: layout.$spacing-05;
 }

diff --git a/...ges/esm-appointments-app/src/patient-appointments/patient-upcoming-appointments-card.scss b/...ges/esm-appointments-app/src/patient-appointments/patient-upcoming-appointments-card.scss
@@ -15,9 +15,10 @@
   color: $text-02;
   margin: 0 0 layout.$spacing-03 0;
 }
+
 .checkbox {
   &:not(:first-child) {
-    margin: 0 0;
+    margin: 0;
   }
 }
 

diff --git a/packages/esm-appointments-app/src/patient-search/patient-search.scss b/packages/esm-appointments-app/src/patient-search/patient-search.scss
@@ -1,5 +1,5 @@
 @use '@carbon/layout';
-@use '~@openmrs/esm-styleguide/src/vars' as *;
+@use '@openmrs/esm-styleguide/src/vars' as *;
 
 .padded {
   padding: layout.$spacing-05;

diff --git a/packages/esm-appointments-app/src/workload/monthly-view-workload/monthly-workload.scss b/packages/esm-appointments-app/src/workload/monthly-view-workload/monthly-workload.scss
@@ -1,7 +1,7 @@
 @use '@carbon/colors';
 @use '@carbon/layout';
 @use '@carbon/type';
-@use '~@openmrs/esm-styleguide/src/vars' as *;
+@use '@openmrs/esm-styleguide/src/vars' as *;
 
 .monthly-cell {
   border-left: 1px solid colors.$gray-20;
@@ -74,7 +74,7 @@
   position: relative;
   border-right: 1px solid colors.$gray-20;
   border-bottom: 1px solid colors.$gray-20;
-  min-height: 120px;
+  min-height: 7.5rem;
   color: colors.$white;
 
   .week-time {

diff --git a/packages/esm-appointments-app/src/workload/workload.scss b/packages/esm-appointments-app/src/workload/workload.scss
@@ -1,7 +1,7 @@
 @use '@carbon/colors';
 @use '@carbon/layout';
 @use '@carbon/type';
-@use '~@openmrs/esm-styleguide/src/vars' as *;
+@use '@openmrs/esm-styleguide/src/vars' as *;
 
 .workLoadCard {
   display: flex;

diff --git a/packages/esm-bed-management-app/src/header/header.scss b/packages/esm-bed-management-app/src/header/header.scss
@@ -8,7 +8,7 @@
   height: layout.$spacing-12;
   background-color: colors.$white-0;
   display: flex;
-  padding-left: 8px;
+  padding-left: layout.$spacing-03;
   justify-content: space-between;
   border-bottom: 1px solid colors.$gray-20;
 }
@@ -52,7 +52,7 @@
 }
 
 .middot {
-  margin: 0 layout.$spacing-02;
+  margin: 0 layout.$spacing-03;
 }
 
 .view {
@@ -66,7 +66,7 @@ svg.iconOverrides {
 }
 
 .svgContainer svg {
-  width: 72px;
-  height: 72px;
+  width: 4.5rem;
+  height: 4.5rem;
   fill: var(--brand-03);
 }
diff --git a/packages/esm-patient-list-management-app/src/empty-state/empty-state.scss b/packages/esm-patient-list-management-app/src/empty-state/empty-state.scss
@@ -1,6 +1,6 @@
 @use '@carbon/layout';
 @use '@carbon/type';
-@use '~@openmrs/esm-styleguide/src/vars' as *;
+@use '@openmrs/esm-styleguide/src/vars' as *;
 
 .tile {
   text-align: center;

diff --git a/packages/esm-patient-list-management-app/src/list-details-table/list-details-table.scss b/packages/esm-patient-list-management-app/src/list-details-table/list-details-table.scss
@@ -1,6 +1,6 @@
 @use '@carbon/layout';
 @use '@carbon/type';
-@use '~@openmrs/esm-styleguide/src/vars' as *;
+@use '@openmrs/esm-styleguide/src/vars' as *;
 
 .searchContainer {
   display: grid;
@@ -16,7 +16,7 @@
 
 .searchOverrides {
   width: 100%;
-  max-width: 250px;
+  max-width: 15.625rem;
   border: 0px !important;
 }
 

diff --git a/packages/esm-patient-list-management-app/src/lists-table/lists-table.scss b/packages/esm-patient-list-management-app/src/lists-table/lists-table.scss
@@ -72,7 +72,7 @@
 .filterEmptyStateContent {
   @include type.type-style('heading-compact-02');
   color: $text-02;
-  margin-bottom: layout.$spacing-02;
+  margin-bottom: layout.$spacing-03;
 }
 
 .filterEmptyStateHelper {

diff --git a/...s/esm-patient-registration-app/src/patient-registration/field/address/address-search.scss b/...s/esm-patient-registration-app/src/patient-registration/field/address/address-search.scss
@@ -1,6 +1,6 @@
 @use '@carbon/layout';
 @use '@carbon/type';
-@use '~@openmrs/esm-styleguide/src/vars' as *;
+@use '@openmrs/esm-styleguide/src/vars' as *;
 
 .label01 {
   @include type.type-style('label-01');
@@ -17,7 +17,7 @@
   position: absolute;
   left: 0;
   background-color: #fff;
-  margin-bottom: 20px;
+  margin-bottom: 1.25rem;
   z-index: 99;
   border: 1px solid $ui-03;
 }

diff --git a/packages/esm-patient-registration-app/src/patient-registration/field/field.scss b/packages/esm-patient-registration-app/src/patient-registration/field/field.scss
@@ -1,7 +1,7 @@
 @use '@carbon/colors';
 @use '@carbon/layout';
 @use '@carbon/type';
-@use '~@openmrs/esm-styleguide/src/vars' as *;
+@use '@openmrs/esm-styleguide/src/vars' as *;
 
 .productiveHeading02 {
   @include type.type-style('heading-compact-02');

diff --git a/...registration-app/src/patient-registration/input/custom-input/autosuggest/autosuggest.scss b/...registration-app/src/patient-registration/input/custom-input/autosuggest/autosuggest.scss
@@ -1,6 +1,6 @@
 @use '@carbon/layout';
 @use '@carbon/type';
-@use '~@openmrs/esm-styleguide/src/vars' as *;
+@use '@openmrs/esm-styleguide/src/vars' as *;
 
 .label01 {
   @include type.type-style('label-01');
@@ -18,7 +18,7 @@
   position: absolute;
   left: 0;
   background-color: #fff;
-  margin-bottom: 20px;
+  margin-bottom: 1.25rem;
   z-index: 99;
 }
 

diff --git a/packages/esm-patient-registration-app/src/patient-registration/input/input.scss b/packages/esm-patient-registration-app/src/patient-registration/input/input.scss
@@ -10,7 +10,7 @@
 }
 
 .subFieldRow {
-  margin-bottom: 5px;
+  margin-bottom: 0.3125rem;
 }
 
 .label {
@@ -28,15 +28,15 @@
 }
 
 .input {
-  margin-right: 5px;
+  margin-right: 0.3125rem;
 }
 
 .checkboxField {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
-  width: 400px;
-  margin-left: 10px;
+  width: 25rem;
+  margin-left: 0.625rem;
 }
 
 .textInput {
@@ -52,7 +52,7 @@
 .checkboxInput {
   height: layout.$spacing-06 !important;
   width: layout.$spacing-06 !important;
-  margin-top: 8px;
+  margin-top: layout.$spacing-03;
 }
 
 .selectInput {

diff --git a/packages/esm-patient-registration-app/src/patient-registration/patient-registration.scss b/packages/esm-patient-registration-app/src/patient-registration/patient-registration.scss
@@ -1,9 +1,9 @@
 @use '@carbon/layout';
 @use '@carbon/type';
-@use '~@openmrs/esm-styleguide/src/vars' as *;
+@use '@openmrs/esm-styleguide/src/vars' as *;
 
 .submit {
-  width: 250px;
+  width: 15.625rem;
 }
 
 .submit:hover {

diff --git a/packages/esm-patient-registration-app/src/patient-registration/section/section.scss b/packages/esm-patient-registration-app/src/patient-registration/section/section.scss
@@ -1,6 +1,6 @@
 @use '@carbon/layout';
 @use '@carbon/type';
-@use '~@openmrs/esm-styleguide/src/vars' as *;
+@use '@openmrs/esm-styleguide/src/vars' as *;
 
 .label01 {
   @include type.type-style('label-01');

diff --git a/...s/esm-patient-search-app/src/compact-patient-search-extension/compact-patient-search.scss b/...s/esm-patient-search-app/src/compact-patient-search-extension/compact-patient-search.scss
@@ -1,5 +1,5 @@
 @use '@carbon/layout';
-@use '~@openmrs/esm-styleguide/src/vars' as *;
+@use '@openmrs/esm-styleguide/src/vars' as *;
 
 .patientSearchBar {
   width: 100%;

diff --git a/packages/esm-patient-search-app/src/compact-patient-search/compact-patient-banner.scss b/packages/esm-patient-search-app/src/compact-patient-search/compact-patient-banner.scss
@@ -1,6 +1,6 @@
 @use '@carbon/layout';
 @use '@carbon/type';
-@use '~@openmrs/esm-styleguide/src/vars' as *;
+@use '@openmrs/esm-styleguide/src/vars' as *;
 
 .patientSearchResult,
 .deceased.patientSearchResult {

diff --git a/packages/esm-patient-search-app/src/compact-patient-search/compact-patient-search.scss b/packages/esm-patient-search-app/src/compact-patient-search/compact-patient-search.scss
@@ -1,5 +1,5 @@
 @use '@carbon/layout';
-@use '~@openmrs/esm-styleguide/src/vars' as *;
+@use '@openmrs/esm-styleguide/src/vars' as *;
 
 .patientSearchBar {
   width: 50vw;

diff --git a/packages/esm-patient-search-app/src/compact-patient-search/patient-search.scss b/packages/esm-patient-search-app/src/compact-patient-search/patient-search.scss
@@ -1,6 +1,6 @@
 @use '@carbon/layout';
 @use '@carbon/type';
-@use '~@openmrs/esm-styleguide/src/vars' as *;
+@use '@openmrs/esm-styleguide/src/vars' as *;
 
 .searchResultsContainer {
   width: 100%;