ecabs-components 1.0.13 → 1.0.15

package/styles/material/overrides/_form.scss

@@ -1,144 +0,0 @@
-.mat-mdc-form-field {
-  display: block !important;
-  .mat-mdc-form-field-wrapper {
-    padding: 0;
-    .mat-mdc-form-field-flex {
-      padding: 0;
-    }
-    .mat-mdc-form-field-infix {
-      padding: 0;
-      border: 0;
-    }
-  }
-  &-underline {
-    display: none;
-  }
-
-  &-disabled {
-    .mat-mdc-input-element {
-      @extend .form-field__input--disabled;
-    }
-  }
-
-  &-label {
-    @extend .form-field__label;
-  }
-
-  &-invalid {
-    .mat-mdc-input-element,
-    mat-error,
-    mat-date-range-input {
-      @extend .form-field__input--invalid;
-    }
-  }
-
-  &-suffix,
-  [matsuffix] {
-    @extend .form-field__input--suffix;
-  }
-
-  .mat-mdc-input-element {
-    @extend .form-field__input;
-  }
-
-  .mat-mdc-form-field-subscript-wrapper {
-    margin-top: 0;
-  }
-}
-
-.mat-mdc-form-field {
-  display: block !important;
-  .mat-mdc-form-field-wrapper {
-    padding: 0;
-    .mat-mdc-form-field-flex {
-      padding: 0;
-    }
-    .mat-mdc-form-field-infix {
-      padding: 0;
-      border: 0;
-    }
-  }
-  &-underline {
-    display: none;
-  }
-
-  &-disabled {
-    .mat-mdc-input-element {
-      @extend .form-field__input--disabled;
-    }
-  }
-
-  &-label {
-    @extend .form-field__label;
-  }
-
-  &-invalid {
-    .mat-mdc-input-element,
-    mat-error,
-    mat-date-range-input {
-      @extend .form-field__input--invalid;
-    }
-  }
-
-  &-suffix,
-  [matsuffix] {
-    @extend .form-field__input--suffix;
-  }
-
-  .mat-mdc-input-element {
-    @extend .form-field__input;
-  }
-
-  .mat-mdc-form-field-subscript-wrapper {
-    margin-top: 0;
-  }
-
-  .mat-mdc-text-field-wrapper {
-    background-color: inherit !important;
-    padding-bottom: 0;
-  }
-
-  .mdc-text-field--outlined .mdc-text-field__input,
-  .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control {
-    // border: 1px solid $color-mono-light !important;
-    line-height: inherit;
-  }
-
-  .mat-mdc-form-field-subscript-wrapper {
-    display: none;
-  }
-
-  div[class*="mdc-notched-outline__"] {
-    border: unset;
-  }
-
-  .mat-mdc-text-field-wrapper {
-    padding-left: 0;
-    padding-right: 0;
-
-    .mat-mdc-form-field-flex .mat-mdc-floating-label {
-      top: 1.24rem;
-      line-height: $base-line-height;
-    }
-
-    &.mdc-text-field--outlined {
-      .mat-mdc-form-field-infix {
-        border-top: 0.9375em solid transparent;
-        padding-top: 0.5rem;
-        padding-bottom: 0.5rem;
-      }
-    }
-  }
-
-  .mdc-line-ripple {
-    display: none;
-  }
-}
-
-.mdc-text-field{
-  padding: 0rem !important;
-}
-
-.mat-mdc-form-field-focus-overlay {
-  background-color: inherit !important;
-}

package/styles/material/overrides/_icon.scss

@@ -1,3 +0,0 @@
-mat-icon {
-  @extend .icon;
-}

package/styles/material/overrides/_menu.scss

@@ -1,3 +0,0 @@
-.mat-menu-panel.mat-elevation-z4 {
-  box-shadow: $box-shadow-default;
-}

package/styles/material/overrides/_phone.scss

@@ -1,32 +0,0 @@
-ecabs-phone {
-  @extend .ecabs-phone;
-  .ngx-mat-tel-input-container {
-    .mat-mdc-input-element {
-      @extend .ngx-mat-tel-input-input;
-    }
-    .country-selector {
-      @extend .country-selector;
-    }
-  }
-  .form-field.error {
-    .ngx-mat-tel-input-container {
-      @extend .error;
-    }
-  }
-  .disabled {
-    input {
-      @extend .disabled-field;
-    }
-    button {
-      background-color: unset !important;
-    }
-  }
-
-  .mat-mdc-input-element:disabled {
-    color: var(--color-black);
-  }
-
-  .country-selector:disabled {
-    color: var(--color-black) !important;
-  }
-}

package/styles/material/overrides/_select.scss

@@ -1,62 +0,0 @@
-.mat-mdc-select {
-  @extend .select;
-
-  .mat-mdc-select-arrow-wrapper {
-    display: unset;
-    vertical-align: auto;
-    transform: none;
-    padding-top: 0.625rem;
-  }
-
-  &-panel-wrap {
-    .mat-mdc-select-panel,
-    .mat-mdc-select-panel:not([class*='mat-elevation-z']) {
-      box-shadow: 0 0 15px rgba(#6b6d73, 0.24);
-
-      min-width: calc(100% + 32px) !important;
-      background-color: var(--color-white);
-
-      &[aria-multiselectable='true'] {
-        transform: translate(1.5rem, 0rem) !important;
-      }
-    }
-  }
-}
-
-ecabs-select .mat-mdc-select .mat-mdc-select-value {
-  font-size: 1rem;
-}
-
-ecabs-select .mat-mdc-select {
-  &, .mat-option {
-    font-size: 1rem;
-  }
-}
-
-.mat-mdc-form-field-underline {
-  display: none;
-}
-
-.mat-mdc-form-field-underline {
-  display: none;
-}
-
-.form-field.error {
-  .mat-mdc-select {
-    border-color: var(--color-error);
-  }
-}
-
-.cdk-overlay-backdrop.cdk-overlay-backdrop-showing.cdk-overlay-transparent-backdrop {
-  opacity: 1;
-}
-
-.wide-select {
-  min-width: calc-rem(240px);
-  .mdc-list-item {
-    @include fontSize(12px);
-  }
-}
-.no-title {
-  transform: translateX(calc-rem(-196px)) !important;
-}

package/styles/material/overrides/_tab.scss

@@ -1,23 +0,0 @@
-.mat-tab-group {
-  @extend .tab-group;
-
-  .mat-tab-labels {
-    @extend .tab-labels;
-
-    .mat-tab-label {
-      @extend .tab-label;
-
-      &.mat-tab-label-active {
-        @extend .tab-label-active;
-      }
-    }
-  }
-
-  &.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
-    background-color: var(--color-brand-light) !important;
-  }
-
-  .mat-tab-body {
-    margin-top: 1.2rem;
-  }
-}

package/styles/material/overrides/_table.scss

@@ -1,12 +0,0 @@
-.mat-mdc-table {
-  @extend .table-ui;
-  @extend .table-ui__bordered;
-
-  td.mat-mdc-cell, td.mat-mdc-footer-cell {
-    padding: .36rem .36rem .36rem 0;
-
-    &:first-of-type {
-      padding-left: calc-rem(14);
-    }
-  }
-}

package/styles/material/overrides/_toaster.scss

@@ -1,38 +0,0 @@
-// @import 'ngx-toastr/toastr';
-
-// .toast-container {
-//   .ngx-toastr {
-//     @extend .toaster__body;
-//     box-shadow: unset;
-
-//     &.toast-success {
-//       @extend .success;
-//     }
-
-//     &.toast-error {
-//       @extend .error;
-//     }
-
-//     &.toast-warning {
-//       @extend .warning;
-//     }
-
-//     &.toast-info {
-//       @extend .info;
-//     }
-
-//     &:hover {
-//       box-shadow: unset;
-//     }
-
-//     .toast-close-button {
-//       @extend .close-button;
-
-//       span {
-//         display: none;
-//       }
-//     }
-
-//     background-image: unset;
-//   }
-// }

package/styles/material/overrides/_toggle.scss

@@ -1,15 +0,0 @@
-/* #Toggle */
-.mat-mdc-slide-toggle {
-  .mat-mdc-slide-toggle-bar {
-    background-color: var(--color-gray-300);
-  }
-
-  &.mat-mdc-checked.mat-accent .mat-mdc-slide-toggle-bar {
-     background-color: rgba(var(--color-brand-dark-rgb), 0.54);
-  }
-}
-
-/* #Checkbox*/
-.mat-mdc-checkbox {
-  margin-top: -0.75rem;
-}

package/styles/material/overrides/_toolbar.scss

@@ -1,3 +0,0 @@
-.mat-toolbar.mat-primary {
-  background: none;
-}

package/styles/material/overrides/_tooltip.scss

@@ -1,3 +0,0 @@
-.mat-tooltip {
-  @extend .tooltip;
-}

package/styles/material/overrides/index.scss

@@ -1,20 +0,0 @@
-@import "./autocomplete";
-@import "./menu";
-@import './button';
-@import './card';
-@import './chip';
-@import './datepicker';
-@import './dialog';
-@import './divider';
-@import './expansion';
-@import './form';
-@import './icon';
-@import './paginator';
-@import './phone';
-@import './select';
-@import './tab';
-@import './table';
-@import './toaster';
-@import './toggle';
-@import './toolbar';
-@import './tooltip';

package/styles/scss/base/_heading.scss

@@ -1,17 +0,0 @@
-.heading {
-  @include m(xs) {
-    @include fontSize($font-heading-xs);
-  }
-
-  @include m(sm) {
-    @include fontSize($font-heading-sm);
-  }
-
-  @include m(base) {
-    @include fontSize($font-heading-base);
-  }
-
-  @include m(lg) {
-    @include fontSize($font-heading-lg);
-  }
-}

package/styles/scss/base/_normalize.scss

@@ -1,78 +0,0 @@
-* {
-  box-sizing: border-box;
-}
-
-html {
-  font-family: $font-family-fallback;
-
-  &.wf-active {
-    font-family: $font-family-primary;
-  }
-}
-
-html,
-body {
-  height: 100%;
-  color: var(--color-black);
-
-  a {
-    color: var(--color-brand-light);
-    text-decoration: none;
-    cursor: pointer;
-
-    &:hover {
-      color: var(--color-brand-dark);
-    }
-  }
-}
-
-ul, ol {
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
-}
-
-::-webkit-scrollbar {
-  width: 8px;
-}
-
-::-webkit-scrollbar-track {
-  background: transparent;
-}
-
-::-webkit-scrollbar-thumb {
-  background: var(--color-gray-300);
-}
-
-::-webkit-scrollbar-thumb:hover {
-  background: var(--color-gray-400);
-}
-
-:focus-visible {
-  outline-color: inherit;
-  outline-width: inherit;
-}
-
-input::placeholder {
-  overflow: visible;
-}
-
-h1 {
-  @include fontSize($font-heading-lg);
-}
-
-h2 {
-  @include fontSize($font-heading-base);
-}
-
-h3 {
-  @include fontSize($font-heading-md);
-}
-
-h4 {
-  @include fontSize($font-heading-sm);
-}
-
-h5 {
-  @include fontSize($font-heading-xs);
-}

package/styles/scss/base/index.scss

@@ -1,2 +0,0 @@
-@import "normalize";
-@import "heading";

package/styles/scss/modules/_autocomplete.scss

@@ -1,29 +0,0 @@
-.autocomplete-ui {
-  box-shadow: $box-shadow-default;
-  border-radius: $border-radius-base;
-  display: flex;
-  flex-direction: column;
-
-  @include m(item) {
-    @include fontSize(16px);
-    width: 100%;
-    padding: calc-rem(16);
-    color: var(--color-black);
-
-    &::after {
-      @extend %pseudos;
-
-      bottom: 0;
-      left: 0;
-      right: 0;
-      height: 1px;
-      background-color: var(--color-gray-100);
-    }
-
-    &:last-of-type {
-      &:after {
-        background-color: transparent;
-      }
-    }
-  }
-}