fix styleguide import

Author: jabahum

packages/esm-care-panel-app/src/care-panel/care-panel-tabs/care-panel-tabs.scss

@@ -1,6 +1,7 @@
 @use '@carbon/styles/scss/spacing';
 @use '@carbon/styles/scss/type';
-@import "~@openmrs/esm-styleguide/src/vars";
+@use '@openmrs/esm-styleguide/src/vars' as *;
+
 .tabContainer {
     margin-top: 1rem;
 }

packages/esm-care-panel-app/src/care-panel/care-panel.scss

@@ -1,6 +1,7 @@
 @use '@carbon/styles/scss/type';
 @use '@carbon/styles/scss/spacing';
-@import '~@openmrs/esm-styleguide/src/vars';
+@use '@openmrs/esm-styleguide/src/vars' as *;
+
 .bodyShort01 {
     @include type.type-style('body-compact-01');
 }
@@ -38,6 +39,7 @@
 
 .careProgramContainer {
     margin-top: spacing.$spacing-05;
+
     &>div {
         padding: 0;
     }
@@ -51,6 +53,7 @@
     padding: 0.5rem;
 }
 
-:global(.cds--header__global > button[aria-label="End visit"]), :global(.cds--header__global > button[aria-label="Start a visit"]) {
-  display: none;
-}
+:global(.cds--header__global > button[aria-label="End visit"]),
+:global(.cds--header__global > button[aria-label="Start a visit"]) {
+    display: none;
+}

packages/esm-care-panel-app/src/patient-summary/patient-summary.scss

@@ -1,7 +1,7 @@
 @use '@carbon/styles/scss/type';
 @use '@carbon/styles/scss/spacing';
 @use '@carbon/colors';
-@import '~@openmrs/esm-styleguide/src/vars';
+@use '@openmrs/esm-styleguide/src/vars' as *;
 
 .bodyContainer {
   margin: spacing.$spacing-03;

packages/esm-care-panel-app/src/program-enrollment/program-enrollment.scss

@@ -1,7 +1,8 @@
 @use '@carbon/styles/scss/type';
 @use '@carbon/styles/scss/spacing';
 @use '@carbon/colors';
-@import '~@openmrs/esm-styleguide/src/vars';
+@use '@openmrs/esm-styleguide/src/vars' as *;
+
 .desktopHeading {
     h4 {
         @include type.type-style('heading-compact-02');
@@ -65,11 +66,13 @@
 .content {
     width: 30%;
     margin: spacing.$spacing-01 0;
+
     &>p:first-child {
         @include type.type-style('label-01');
         color: colors.$gray-70;
         margin-bottom: spacing.$spacing-02;
     }
+
     & span {
         @include type.type-style('body-short-02');
         color: colors.$gray-100;
@@ -80,6 +83,7 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
+
     &>h4 {
         @include type.type-style('productive-heading-02');
         color: colors.$gray-80;
@@ -92,7 +96,8 @@
 
 .layer {
     height: 100%;
-     :global(.cds--btn--primary) {
+
+    :global(.cds--btn--primary) {
         background-color: unset;
     }
 }
@@ -163,13 +168,15 @@
 .content {
     width: 30%;
     margin: spacing.$spacing-03 0;
+
     &>p:first-child {
         @include type.type-style('label-01');
         font-size: var(--cds-label-01-font-size, 1rem);
         font-weight: var(--cds-label-01-font-weight, 600);
         color: colors.$gray-70;
         margin-bottom: spacing.$spacing-02;
     }
+
     & span {
         @include type.type-style('body-short-02');
         color: colors.$gray-100;

packages/esm-care-panel-app/src/program-summary/program-summary.scss

@@ -1,7 +1,7 @@
 @use '@carbon/styles/scss/type';
 @use '@carbon/styles/scss/spacing';
 @use '@carbon/colors';
-@import '~@openmrs/esm-styleguide/src/vars';
+@use '@openmrs/esm-styleguide/src/vars' as *;
 
 .desktopHeading {
   h4 {
@@ -66,7 +66,7 @@
   width: 30%;
   margin: spacing.$spacing-03 0;
 
-  & > p:first-child {
+  &>p:first-child {
     @include type.type-style('label-01');
     color: colors.$gray-70;
     margin-bottom: spacing.$spacing-02;
@@ -76,4 +76,4 @@
     @include type.type-style('body-short-02');
     color: colors.$gray-100;
   }
-}
+}

packages/esm-care-panel-app/src/regimen-editor/standard-regimen.scss

@@ -1,11 +1,12 @@
 @use '@carbon/styles/scss/type';
 @use '@carbon/styles/scss/spacing';
 @use '@carbon/colors';
-@import '~@openmrs/esm-styleguide/src/vars';
+@use '@openmrs/esm-styleguide/src/vars' as *;
 
 .inputContainer {
   margin: spacing.$spacing-05 0;
 }
+
 .container {
   margin: spacing.$spacing-05;
   background-color: $ui-background;
@@ -14,6 +15,7 @@
     margin: spacing.$spacing-02 spacing.$spacing-05 0;
   }
 }
+
 .sectionTitle {
   @include type.type-style('heading-compact-02');
   color: $text-02;
@@ -32,6 +34,7 @@
 .desktop {
   padding: 0rem;
 }
+
 .button {
   height: 4rem;
   display: flex;
@@ -66,4 +69,4 @@
   @include type.type-style('productive-heading-02');
   color: colors.$gray-80;
   margin-left: 1rem;
-}
+}

packages/esm-care-panel-app/src/regimen/regimen-history.scss

@@ -1,7 +1,7 @@
 @use '@carbon/styles/scss/type';
 @use '@carbon/styles/scss/spacing';
 @use '@carbon/colors';
-@import '~@openmrs/esm-styleguide/src/vars';
+@use '@openmrs/esm-styleguide/src/vars' as *;
 
 .bodyShort01 {
   @include type.type-style('body-compact-01');
@@ -15,13 +15,15 @@
     padding-top: spacing.$spacing-02;
   }
 }
+
 .desktopHeading,
 .tabletHeading {
   text-align: left;
   text-transform: capitalize;
   background-color: $ui-background;
   padding-top: spacing.$spacing-02;
 }
+
 .structuredList {
   padding: 0.5rem 0.5rem 0.5rem;
 }
@@ -36,5 +38,6 @@
   :global(.cds--structured-list-td) {
     padding: 0.2rem 0.2rem 0.5rem;
   }
+
   background-color: $ui-background;
-}
+}

packages/esm-patient-queues-app/src/root.scss

@@ -1,6 +1,6 @@
 @use '@carbon/styles/scss/spacing';
 @use '@carbon/styles/scss/type';
-@import '~@openmrs/esm-styleguide/src/vars';
+@use '@openmrs/esm-styleguide/src/vars' as *;
 
 .productiveHeading01 {
   @include type.type-style('heading-compact-01');
@@ -12,4 +12,4 @@
 
 .bodyLong01 {
   @include type.type-style('body-01');
-}
+}

packages/esm-ugandaemr-app/src/pages/internet-power/internet-power.scss

@@ -1,6 +1,7 @@
 @use '@carbon/styles/scss/type';
 @use '@carbon/styles/scss/spacing';
-@import '~@openmrs/esm-styleguide/src/vars';
+@use '@openmrs/esm-styleguide/src/vars' as *;
+
 .modalContainer {
     .modalContent {
         margin-top: 2rem;