ecabs-components 1.1.69 → 1.1.71

package/src/assets/styles/scss/modules/_map.scss

@@ -1,221 +1,221 @@
-@import "../../scss/utilities/index";
-
-div {
-  .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon {
-    background-image: url('/assets/images/map-polygon-icon.svg');
-    background-position: center center;
-  }
-
-  .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit {
-    background-image: url('/assets/images/map-edit-icon.svg');
-    background-position: center center;
-  }
-
-  .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove {
-    background-image: url('/assets/images/map-delete-icon.svg');
-    background-position: center center;
-  }
-
-  .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker {
-    background-image: url('/assets/images/map-marker-icon.svg');
-    background-position: center center;
-  }
-
-  .leaflet-touch .leaflet-control-zoom.leaflet-bar .leaflet-control-zoom-fullscreen {
-    background-image: url('/assets/images/map-fullscreen-icon.svg');
-    background-position: center center;
-    background-size: 16px;
-
-    &.leaflet-fullscreen-on {
-      background-image: url('/assets/images/map-fullscreen-exit-icon.svg');
-    }
-  }
-
-  .leaflet-control-zoom.leaflet-bar.leaflet-control {
-    display: flex;
-    flex-direction: column;
-
-    .leaflet-control-zoom-fullscreen {
-      order: -1;
-    }
-  }
-
-  .leaflet-touch .leaflet-control-layers,
-  .leaflet-touch .leaflet-bar {
-    border: 0;
-  }
-
-  .leaflet-touch .leaflet-bar a {
-    border: 0;
-    width: 40px;
-    height: 40px;
-    color: var(--color-brand-dark);
-    line-height: 40px;
-
-    &.leaflet-control-zoom-in {
-      line-height: 38px;
-    }
-
-    &.leaflet-control-zoom-in,
-    &.leaflet-control-zoom-out {
-      @include fontSize(28px);
-
-      font-weight: $font-weight-thin;
-    }
-  }
-
-  .leaflet-draw-toolbar a {
-    background-size: unset;
-  }
-
-  .leaflet-touch .leaflet-bar {
-    &.leaflet-draw-toolbar,
-    &.leaflet-control-zoom {
-      a {
-        border-radius: 8px;
-        margin-top: 10px;
-      }
-    }
-  }
-
-  .leaflet-top {
-    bottom: 0;
-    top: unset;
-  }
-
-  .leaflet-top .leaflet-control {
-    margin-top: 0;
-    margin-bottom: 1.2rem;
-    margin-left: 1.2rem;
-  }
-
-  .leaflet-bottom .leaflet-right {
-    .leaflet-control-attribution .leaflet-control {
-      display: none;
-    }
-  }
-
-  .leaflet-bar a.leaflet-disabled {
-    background-color: var(--color-gray-300);
-  }
-
-  .leaflet-draw-actions a {
-    background-color: var(--color-brand-dark);
-    border-left-color: var(--color-white);
-
-    &:hover {
-      background-color: rgba(var(--color-brand-dark-rgb), 0.88);
-    }
-  }
-
-  .leaflet-tooltip {
-    z-index: 999;
-  }
-}
-
-.pac-container {
-  &.pac-logo {
-    box-shadow: $box-shadow-default;
-    border-bottom-right-radius: $border-radius-base;
-    border-bottom-left-radius: $border-radius-base;
-
-    .pac-item {
-      border-color: var(--color-gray-50);
-      padding: calc-rem(6px) calc-rem(12px);
-
-      .pac-icon.pac-icon-marker {
-        display: none;
-      }
-
-      .pac-item-query .pac-matched {
-        color: var(--color-brand-light);
-      }
-    }
-
-    &:after {
-      background-image: none !important;
-      height: 0;
-    }
-  }
-}
-
-/**
-* Custom map markers
-*/
-
-.marker {
-  position: relative;
-  display: flex;
-  justify-content: center;
-}
-
-.rounded-rectangle {
-  @include fontSize(12px);
-
-  position: relative;
-  box-shadow: $box-shadow-default;
-  border-radius: 20px;
-  display: flex;
-  width: 100%;
-  min-width: calc-rem(96px);
-  height: calc-rem(36px);
-  padding-left: calc-rem(6px);
-  align-items: center;
-  justify-content: center;
-  background-color: #fff;
-  color: var(--color-brand-dark);
-  font-weight: $font-weight-semibold;
-  line-height: 1.5;
-  text-align: center;
-  z-index: 99;
-}
-
-.straight-line {
-  position: absolute;
-  border-radius: 2px;
-  top: calc-rem(30px);
-  left: 50%;
-  width: calc-rem(3px);
-  height: calc-rem(48px);
-  background-color: var(--color-brand-dark);
-  transform: translateX(-50%);
-  z-index: 1;
-}
-
-.map-circle-point {
-  position: absolute;
-  width: calc-rem(16px);
-  height: calc-rem(16px);
-  background-color: var(--color-brand-light);
-  border-radius: 50%;
-  top: calc-rem(70px);
-  left: 50%;
-  transform: translateX(-50%);
-}
-
-.inner-circle {
-  width: calc-rem(8px);
-  height: calc-rem(8px);
-  background-color: var(--color-white);
-  border-radius: 50%;
-  position: absolute;
-  top: 25%;
-  left: 50%;
-  transform: translateX(-50%);
-}
-
-.custom-point {
-  .map-circle-point {
-    width: 100%;
-    height: 100%;
-    position: relative;
-    top: unset;
-    left: unset;
-    transform: unset;
-  }
-
-  .inner-circle {
-    width: 50%;
-    height: 50%;
-  }
-}
+@import "../../scss/utilities/index";
+
+div {
+  .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon {
+    background-image: url('/assets/images/map-polygon-icon.svg');
+    background-position: center center;
+  }
+
+  .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit {
+    background-image: url('/assets/images/map-edit-icon.svg');
+    background-position: center center;
+  }
+
+  .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove {
+    background-image: url('/assets/images/map-delete-icon.svg');
+    background-position: center center;
+  }
+
+  .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker {
+    background-image: url('/assets/images/map-marker-icon.svg');
+    background-position: center center;
+  }
+
+  .leaflet-touch .leaflet-control-zoom.leaflet-bar .leaflet-control-zoom-fullscreen {
+    background-image: url('/assets/images/map-fullscreen-icon.svg');
+    background-position: center center;
+    background-size: 16px;
+
+    &.leaflet-fullscreen-on {
+      background-image: url('/assets/images/map-fullscreen-exit-icon.svg');
+    }
+  }
+
+  .leaflet-control-zoom.leaflet-bar.leaflet-control {
+    display: flex;
+    flex-direction: column;
+
+    .leaflet-control-zoom-fullscreen {
+      order: -1;
+    }
+  }
+
+  .leaflet-touch .leaflet-control-layers,
+  .leaflet-touch .leaflet-bar {
+    border: 0;
+  }
+
+  .leaflet-touch .leaflet-bar a {
+    border: 0;
+    width: 40px;
+    height: 40px;
+    color: var(--color-brand-dark);
+    line-height: 40px;
+
+    &.leaflet-control-zoom-in {
+      line-height: 38px;
+    }
+
+    &.leaflet-control-zoom-in,
+    &.leaflet-control-zoom-out {
+      @include fontSize(28px);
+
+      font-weight: $font-weight-thin;
+    }
+  }
+
+  .leaflet-draw-toolbar a {
+    background-size: unset;
+  }
+
+  .leaflet-touch .leaflet-bar {
+    &.leaflet-draw-toolbar,
+    &.leaflet-control-zoom {
+      a {
+        border-radius: 8px;
+        margin-top: 10px;
+      }
+    }
+  }
+
+  .leaflet-top {
+    bottom: 0;
+    top: unset;
+  }
+
+  .leaflet-top .leaflet-control {
+    margin-top: 0;
+    margin-bottom: 1.2rem;
+    margin-left: 1.2rem;
+  }
+
+  .leaflet-bottom .leaflet-right {
+    .leaflet-control-attribution .leaflet-control {
+      display: none;
+    }
+  }
+
+  .leaflet-bar a.leaflet-disabled {
+    background-color: var(--color-gray-300);
+  }
+
+  .leaflet-draw-actions a {
+    background-color: var(--color-brand-dark);
+    border-left-color: var(--color-white);
+
+    &:hover {
+      background-color: rgba(var(--color-brand-dark-rgb), 0.88);
+    }
+  }
+
+  .leaflet-tooltip {
+    z-index: 999;
+  }
+}
+
+.pac-container {
+  &.pac-logo {
+    box-shadow: $box-shadow-default;
+    border-bottom-right-radius: $border-radius-base;
+    border-bottom-left-radius: $border-radius-base;
+
+    .pac-item {
+      border-color: var(--color-gray-50);
+      padding: calc-rem(6px) calc-rem(12px);
+
+      .pac-icon.pac-icon-marker {
+        display: none;
+      }
+
+      .pac-item-query .pac-matched {
+        color: var(--color-brand-light);
+      }
+    }
+
+    &:after {
+      background-image: none !important;
+      height: 0;
+    }
+  }
+}
+
+/**
+* Custom map markers
+*/
+
+.marker {
+  position: relative;
+  display: flex;
+  justify-content: center;
+}
+
+.rounded-rectangle {
+  @include fontSize(12px);
+
+  position: relative;
+  box-shadow: $box-shadow-default;
+  border-radius: 20px;
+  display: flex;
+  width: 100%;
+  min-width: calc-rem(96px);
+  height: calc-rem(36px);
+  padding-left: calc-rem(6px);
+  align-items: center;
+  justify-content: center;
+  background-color: #fff;
+  color: var(--color-brand-dark);
+  font-weight: $font-weight-semibold;
+  line-height: 1.5;
+  text-align: center;
+  z-index: 99;
+}
+
+.straight-line {
+  position: absolute;
+  border-radius: 2px;
+  top: calc-rem(30px);
+  left: 50%;
+  width: calc-rem(3px);
+  height: calc-rem(48px);
+  background-color: var(--color-brand-dark);
+  transform: translateX(-50%);
+  z-index: 1;
+}
+
+.map-circle-point {
+  position: absolute;
+  width: calc-rem(16px);
+  height: calc-rem(16px);
+  background-color: var(--color-brand-light);
+  border-radius: 50%;
+  top: calc-rem(70px);
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.inner-circle {
+  width: calc-rem(8px);
+  height: calc-rem(8px);
+  background-color: var(--color-white);
+  border-radius: 50%;
+  position: absolute;
+  top: 25%;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.custom-point {
+  .map-circle-point {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    top: unset;
+    left: unset;
+    transform: unset;
+  }
+
+  .inner-circle {
+    width: 50%;
+    height: 50%;
+  }
+}

package/src/assets/styles/scss/modules/_percentage.scss

@@ -1,41 +1,41 @@
-.percentage {
-  &__over-87 {
-    background-color: #25BD3D;
-    border-color: #25BD3D;
-  }
-
-  &__over-75 {
-    background-color: #87C337;
-    border-color: #87C337;
-  }
-
-  &__over-62 {
-    background-color: #BAC61C;
-    border-color: #BAC61C;
-  }
-
-  &__over-50 {
-    background-color: #ECC902;
-    border-color: #ECC902;
-  }
-
-  &__over-37 {
-    background-color: #EBA70D;
-    border-color: #EBA70D;
-  }
-
-  &__over-25 {
-    background-color: #E7831B;
-    border-color: #E7831B;
-  }
-
-  &__over-12 {
-    background-color: #E35E2A;
-    border-color: #E35E2A;
-  }
-
-  &__default {
-    background-color: #DF3838;
-    border-color: #DF3838;
-  }
-}
+.percentage {
+  &__over-87 {
+    background-color: #25BD3D;
+    border-color: #25BD3D;
+  }
+
+  &__over-75 {
+    background-color: #87C337;
+    border-color: #87C337;
+  }
+
+  &__over-62 {
+    background-color: #BAC61C;
+    border-color: #BAC61C;
+  }
+
+  &__over-50 {
+    background-color: #ECC902;
+    border-color: #ECC902;
+  }
+
+  &__over-37 {
+    background-color: #EBA70D;
+    border-color: #EBA70D;
+  }
+
+  &__over-25 {
+    background-color: #E7831B;
+    border-color: #E7831B;
+  }
+
+  &__over-12 {
+    background-color: #E35E2A;
+    border-color: #E35E2A;
+  }
+
+  &__default {
+    background-color: #DF3838;
+    border-color: #DF3838;
+  }
+}

package/src/assets/styles/scss/modules/_phone.scss

@@ -1,32 +1,32 @@
-.ecabs-phone {
-  .ecabs-tel-input-container {
-    position: relative;
-    border-radius: $border-radius-base;
-    border: 1px solid var(--color-gray-500);
-
-    .ecabs-tel-input-input {
-      padding: calc-rem(8) calc-rem(8) calc-rem(8) calc-rem(105px) !important;
-    }
-
-    .country-selector {
-      opacity: 1 !important;
-      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDcuNDEwMTZMMCAxLjQxMDE2TDEuNDEgMC4wMDAxNTY0MDNMNiA0LjU4MDE2TDEwLjU5IDAuMDAwMTU2NDAzTDEyIDEuNDEwMTZMNiA3LjQxMDE2WiIgZmlsbD0iIzZCNkQ3MyIvPgo8L3N2Zz4K");
-      background-size: calc-rem(12px 7.41px);
-      padding-right: .36rem;
-    }
-
-    .country-selector-flag.flag {
-      filter: unset;
-    }
-  }
-
-  .error {
-    .ecabs-tel-input-container {
-      border: 1px solid var(--color-error);
-    }
-  }
-
-  .disabled-field {
-    background-color: var(--color-white-opacity-05) !important;
-  }
-}
+.ecabs-phone {
+  .ecabs-tel-input-container {
+    position: relative;
+    border-radius: $border-radius-base;
+    border: 1px solid var(--color-gray-300);
+
+    .ecabs-tel-input-input {
+      padding: calc-rem(8px 8px 8px 105px) !important;
+    }
+
+    .country-selector {
+      opacity: 1 !important;
+      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDcuNDEwMTZMMCAxLjQxMDE2TDEuNDEgMC4wMDAxNTY0MDNMNiA0LjU4MDE2TDEwLjU5IDAuMDAwMTU2NDAzTDEyIDEuNDEwMTZMNiA3LjQxMDE2WiIgZmlsbD0iIzZCNkQ3MyIvPgo8L3N2Zz4K");
+      background-size: calc-rem(12px 7.41px);
+      padding-right: .36rem;
+    }
+
+    .country-selector-flag.flag {
+      filter: unset;
+    }
+  }
+
+  .error {
+    .ecabs-tel-input-container {
+      border: 1px solid var(--color-error);
+    }
+  }
+
+  .disabled-field {
+    background-color: var(--color-white-opacity-05) !important;
+  }
+}

package/src/assets/styles/scss/modules/_select.scss

@@ -1,17 +1,17 @@
-@import '../utilities/index';
-
-$border-radius: 0.25rem;
-
-.select {
-  @include fontSize($font-size-base);
-
-  border-radius: $border-radius;
-  border: 1px solid var(--color-gray-300);
-  padding: calc-rem(8) calc-rem(16) calc-rem(8) calc-rem(16);
-  color: var(--color-black);
-  line-height: $base-line-height;
-
-  &:focus {
-    border-color: var(--color-brand-dark);
-  }
-}
+@import '../utilities/index';
+
+$border-radius: 0.25rem;
+
+.select {
+  @include fontSize($font-size-base);
+
+  border-radius: $border-radius;
+  border: 1px solid var(--color-gray-300);
+  padding: calc-rem(8) calc-rem(16) calc-rem(8) calc-rem(16);
+  color: var(--color-black);
+  line-height: $base-line-height;
+
+  &:focus {
+    border-color: var(--color-brand-dark);
+  }
+}