ecabs-components 1.0.3 → 1.0.5

package/styles/scss/modules/_button.scss

@@ -219,63 +219,3 @@
     padding: calc-rem(16 24);
   }
 }
-
-.w-full {
-  width: 100% !important;
-}
-
-.text-xl {
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-}
-
-.font-semibold {
-  font-weight: 600;
-}
-
-.font-bold {
-  font-weight: 700;
-}
-
-.ml-0 {
-  margin-left: 0;
-}
-
-.flex {
-  display: flex;
-}
-.absolute {
-  position: absolute;
-}
-.left-0 {
-  left: 0px;
-}
-.top-0 {
-  top: 0px;
-}
-.right-0 {
-  right: 0px;
-}
-.bottom-0 {
-  bottom: 0px;
-}
-.z-50 {
-  z-index: 50;
-}
-.items-center {
-  align-items: center;
-}
-.justify-center{
-  justify-content: center;
-}
-
-.flex-col {
-  flex-direction: column;
-}
-.my-1 {
-  margin-top: 0.25rem;
-  margin-bottom: 0.25rem;
-}
-.mr-4 {
-  margin-right: 1rem;
-}

package/styles/scss/modules/_datepicker.scss

@@ -1,6 +1,10 @@
 @import "../utilities/index";
 
 ecabs-date-picker {
+  .mat-datepicker-input {
+    // max-height: 2.625rem;;
+  }
+
   .dateTimeWrapper {
     position: relative;
     display: flex;

package/styles/scss/modules/_form.scss

@@ -207,11 +207,11 @@ form {
   // ==========================================================================
   // #OVERRIDES
   // ==========================================================================
-  .mat-form-field-appearance-standard .mat-form-field-flex {
+  .mat-mdc-form-field-appearance-standard .mat-mdc-form-field-flex {
     padding-top: 0;
   }
 
-  .mat-form-field-infix {
+  .mat-mdc-form-field-infix {
     border-top: 0;
   }
 
@@ -220,7 +220,7 @@ form {
   }
 }
 
-.mat-form-field-type-mat-date-range-input .mat-form-field-infix {
+.mat-mdc-form-field-type-mat-date-range-input .mat-mdc-form-field-infix {
   width: auto;
 }
 

package/styles/scss/modules/_phone.scss

@@ -1,15 +1,21 @@
 .ecabs-phone {
   @include fontSize($font-size-lg);
+  font-size: 1rem;
 
   .ngx-mat-tel-input-container {
     position: relative;
     border-radius: $border-radius-base;
     border: 1px solid var(--color-gray-500);
+
     .ngx-mat-tel-input-input {
-      padding: calc-rem(8) 6px calc-rem(8) 105px !important;
+      padding: calc-rem(10) calc-rem(10) calc-rem(10) 105px !important;
     }
     .country-selector {
       opacity: 1 !important;
+      padding: 0rem;
+    }
+    .country-selector-code {
+      font-size: 1rem;
     }
   }
   .error {

package/styles/scss/modules/_select.scss

@@ -7,7 +7,7 @@ $border-radius: 0.25rem;
 
   border-radius: $border-radius;
   border: 1px solid var(--color-gray-500);
-  padding: calc-rem(8) calc-rem(16);
+  padding: calc-rem(7) calc-rem(16) calc-rem(6) calc-rem(16);
   color: var(--color-black);
   line-height: $base-line-height;
 
@@ -32,7 +32,7 @@ $border-radius: 0.25rem;
   font-family: $font-family-primary;
 }
 
-.mat-form-field-label{
+.mat-mdc-form-field-label{
   display: none !important;
 }
 

package/styles/scss/utilities/_palettes.scss

@@ -0,0 +1,74 @@
+$brand-palette-primary: (
+        50: #e8eafa,
+        100: #c4caf2,
+        200: #9ca9e9,
+        300: #7287e0,
+        400: #506bda,
+        500: #2650d2,
+        600: #2048c7,
+        700: #103ebb,
+        800: #0033b0,
+        900: #001f9d,
+        contrast: (
+                50: #e6e9f1,
+                100: #c0c7de,
+                200: #97a4c7,
+                300: #6f81b1,
+                400: #5066a2,
+                500: #304d93,
+                600: #2a458b,
+                700: #213c7f,
+                800: #193273,
+                900: #0d225c
+        )
+);
+
+$brand-palette-accent: (
+        50: #e8ebfa,
+        100: #c5ccf2,
+        200: #9eacea,
+        300: #748be2,
+        400: #5270db,
+        500: #2856d4,
+        600: #214dc9,
+        700: #1243bd,
+        800: #0038b1,
+        900: #00259e,
+        contrast: (
+                50: #e7efff,
+                100: #c4d6fa,
+                200: #9ebcf3,
+                300: #73a1eb,
+                400: #4c8ae5,
+                500: #0374e0,
+                600: #006bd5,
+                700: #0060c8,
+                800: #0056bc,
+                900: #0043a7
+        )
+);
+
+$brand-palette-warn: (
+        50: #ffeaed,
+        100: #ffcacf,
+        200: #ff9492,
+        300: #ff6666,
+        400: #ff383c,
+        500: #ff2019,
+        600: #ff051d,
+        700: #ec0017,
+        800: #df000f,
+        900: #ce0000,
+        contrast: (
+                50: #fdf0e4,
+                100: #fed8b6,
+                200: #ffbe84,
+                300: #ffa254,
+                400: #ff8e36,
+                500: #fd7b24,
+                600: #f87025,
+                700: #f16025,
+                800: #e94f24,
+                900: #de2e23
+        )
+);

package/styles/styles.scss

@@ -2,4 +2,4 @@
 @import "./scss/modules/index";
 @import "./scss/utilities/index";
 @import "./scss/base/index";
-
+@import "./tailwind/index";