@annalib/anna-core 10.3.0 → 10.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@annalib/anna-core",
-  "version": "10.3.0",
+  "version": "10.5.0",
   "peerDependencies": {
     "@angular-slider/ngx-slider": "^2.0.3",
     "@angular/common": "^14.3.0",

package/src/lib/anna-common-scss/style.scss

@@ -1 +1 @@
-@import "./colors", "./filters", "./fonts", "./sort", "./application-spacing", "./customDropdown";
+@import "./colors", "./filters", "./fonts", "./sort", "./application-spacing";

package/src/lib/anna-common-scss/_customDropdown.scss

@@ -1,129 +0,0 @@
-@import "./colors", "./fonts";
-
-//Common styling
-#dropdown-trigger {
-  height: 1.875rem;
-  background: white;
-  border-radius: 2px;
-  border: 1px solid $lightGray-8;
-  width: 100%;
-  text-align: left;
-  &:disabled{
-    background-color: $gray74;
-    opacity: 0.5;
-    & .placeholder, .icon {
-      color: #000;
-    }
-  }
-}
-
-.placeholder {
-  color: $gray74;
-  @include fonts(Roboto, 14px, normal, normal, normal, normal, normal);
-}
-
-// #dropdown-trigger:disabled .placeholder {
-//   color: #000;
-// }
-
-.icon {
-  font-size: 1.125rem;
-  float: right;
-}
-
-.search-bar {
-  margin: 9px 7px 8px 7px;
-  border: 1px solid $pinkSwan;
-  height: 1.875rem;
-  border-radius: 2px;
-  input {
-    outline: none;
-    border: none;
-    position: relative;
-    bottom: 4px;
-    width: calc(100% - 29px);
-  }
-
-  .search-icon {
-    font-size: 1.125rem;
-    color: $lightGray-7;
-    margin: 5px;
-  }
-
-  .close-icon{
-    cursor: pointer;
-  }
-}
-
-ul {
-  overflow-y: auto;
-  padding-left: 0;
-  padding-bottom: 0;
-  margin-bottom: 0;
-  max-height: calc(50vh - 80px) !important;
-  // min-heightw: 70px;
-}
-
-li {
-  list-style-type: none;
-  cursor: pointer;
-  padding-inline: 6px;
-  @include fonts(Roboto, 14px, normal, normal, normal, 2.14, normal);
-  color: #4a4a4a;
-  @extend .ellipsify;
-  width: 100%;
-}
-
-ul::-webkit-scrollbar {
-  width: 4px;
-  height: 4px;
-}
-
-ul::-webkit-scrollbar-track {
-  border: 1px solid rgba(0, 0, 0, 0.1);
-}
-
-ul::-webkit-scrollbar-thumb {
-  border-radius: 4px;
-  background-color: rgba(0, 0, 0, 0.4) !important;
-  border: 1px solid rgba(0, 0, 0, 0.2);
-}
-
-li:hover {
-  // color: white;
-  background: #ebebeb;
-}
-
-li.active {
-  color: white;
-  background: $primary-color;
-}
-
-span.selected-item{
-    background: transparent;
-    @include fonts(Roboto, 14px, normal, normal, normal, normal, normal);
-    color: #4a4a4a;
-    @extend .ellipsify;
-    width: calc(100% - 22px);
-    display: inline-block;
-    vertical-align: middle;
-}
-
-.ellipsify{
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-}
-
-::ng-deep .cdk-overlay-container{
-  z-index: 1051;
-}
-
-::ng-deep .multi-select-dropdown + div .mat-menu-panel,
-::ng-deep .single-select-dropdown + div .mat-menu-panel{
-  min-width: 100px !important;
-  max-width: 100%;
-  min-height: 30px !important;
-  overflow-y: hidden;
-  max-height: 50vh;
-}