Fix/small cleanup (#771)

* remove semicolon

* update fe-wrapper scss

.prettierignore

@@ -4,3 +4,4 @@ node_modules/
 **/*.scss
 **/*.md
 **/*.json
+packages/esm-form-entry-app/src/app/loader/loader.component.html

packages/esm-form-entry-app/src/app/fe-wrapper/fe-wrapper.component.scss

@@ -1,6 +1,8 @@
-@import "~@openmrs/esm-styleguide/src/vars";
-@import "~carbon-components/src/globals/scss/vars";
-@import "~carbon-components/src/globals/scss/mixins";
+@use '@carbon/styles/scss/spacing';
+@use '@carbon/colors';
+@use '@carbon/styles/scss/type';
+@import '~@openmrs/esm-styleguide/src/vars';
+
 
 .error-tile {
   width: 60%;
@@ -18,27 +20,27 @@
 }
 
 .heading {
-  @include carbon--type-style('productive-heading-02');
-  color: $text-01;
+  @include type.type-style('productive-heading-02');
+  color: colors.$gray-100;
 }
 
 .helperText {
   margin-top: 0.5rem;
-  @include carbon--type-style('body-long-01');
-  color: $text-02;
+  @include type.type-style('body-01');
+  color: colors.$gray-90;
 }
 
 .separator {
-  @include carbon--type-style('body-short-01');
-  color: $text-02;
+  @include type.type-style('body-01');
+  color: colors.$gray-90;
   width: 12rem;
   margin: 1.375rem auto;
   overflow: hidden;
   text-align: center;
 }
 
 .separator::before, .separator::after {
-  background-color: $text-03;
+  background-color: colors.$gray-40;
   content: "";
   display: inline-block;
   height: 1px;
@@ -86,7 +88,7 @@
 }
 
 .error-content {
-  border-top: 1px solid lightgray;
+  border-top: 1px solid colors.$gray-20;
   margin: -4px;
   padding: 4px;
 }
@@ -109,7 +111,6 @@
 }
 
 .form-container {
-  font-size: 40px !important;
   display: flex;
   flex-direction: column;
   justify-content: space-between;

packages/esm-form-entry-app/src/app/loader/loader.component.html

@@ -17,4 +17,4 @@
     </div>
   </div>
   <div class="cds--inline-loading__text">{{ loadingMessage }}</div>
-</div>;
+</div>