@leapdev/gui 0.2.265 → 1.0.1

package/dist/scss/x2/components/list-group/_list-group-check-badge.scss

@@ -1,69 +0,0 @@
-
-.x-check-badge-list {
-	@extend .d-flex,
-          .flex-wrap,
-					.m-0,
-					.p-0;
-}
-
-.x-check-badge-item {
-  @extend %cursor-pointer,
-          %font-size-xs,
-					.d-flex,
-					.m-0,
-					.mb-2,
-					.mr-2,
-					.px-2,
-          .custom-control,
-          .custom-checkbox,
-          .align-items-center,
-          .bg-light,
-          .text-grey,
-          .rounded;
-  line-height: 1;
-
-  &.is-active {
-    @extend .bg-secondary-lighter;
-
-    .x-check-badge-input:disabled {
-      ~ .x-check-badge-label {
-        @extend .text-primary;
-        &::before {
-          @extend .bg-secondary-lighter;
-        }
-      }
-    }
-  }
-
-  &:not(.is-active) {
-    @include hover-focus-active() {
-      @extend .bg-primary-transparent;
-
-      .x-check-badge-label::before {
-        @extend .border-primary,
-                .bg-primary-transparent;
-      }
-    }
-  }
-}
-
-
-.x-check-badge {
-  @extend .x-form-check;
-}
-
-.x-check-badge-input {
-  @extend .x-form-check-input,
-          .mt-0,
-          .mr-1;
-}
-
-.x-check-badge-label {
-  @extend .x-form-check-label,
-          .text-nowrap,
-          .mb-0,
-          .ml-4;
-  &::before {
-    background: transparent;
-  }
-}

package/dist/scss/x2/components/list-group/_list-group-content.scss

@@ -1,73 +0,0 @@
-.x-list-group-content {
-  @extend .list-group,
-          .list-group-flush;
-
-  .list-group-item {
-    @extend .list-group-item-action;
-
-    .x-list-group-item-header,
-    .x-list-group-item-content {
-      @extend .d-flex,
-              .align-items-center,
-              .w-100;
-    }
-
-    .x-list-group-item-header {
-      @extend .text-info,
-              .justify-content-between;
-      label {
-        @extend %font-size-xs,
-                .mb-0;
-      }
-      .x-icon-container {
-        @extend .x-icon-lg,
-                .text-info,
-                .is-clickable;
-
-        @include hover-focus-active {
-          @extend %cursor-pointer,
-                  .text-primary;
-
-        }
-      }
-    }
-
-    .x-list-group-item-content {
-      > * {
-        @extend .d-flex,
-                .flex-auto;
-      }
-
-      .x-icon-container {
-        @extend %cursor-pointer,
-                .align-self-center;
-        @include hover-focus-active { }
-      }
-
-      .x-list-group-content-action {
-        @extend .d-flex;
-        @include invisible(hidden);
-
-        a {
-          @extend .text-capitalize,
-                  .text-center;
-        }
-      }
-    }
-
-    @include hover-focus-active {
-      @extend %cursor-pointer;
-
-      a {
-        color: theme-color("primary-lighter");
-        @include x-hover-focus-active {
-          color: theme-color("secondary-darker");
-        }
-      }
-
-      .x-list-group-content-action {
-        @include invisible(visible);
-      }
-    }
-  }
-}

package/dist/scss/x2/components/list-group/_list-group-filter.scss

@@ -1,35 +0,0 @@
-
-.x-list-group-filter {
-  @extend .list-group,
-          .list-group-flush,
-          .pb-2;
-
-
-  .x-list-group-item-action {
-    @extend .list-group-item,
-            .list-group-item-action,
-            .d-flex,
-            .align-items-center;
-    padding-left: 2rem;
-
-    .x-icon-container {
-      @extend .x-icon-md,
-              .position-absolute,
-              .align-items-center;
-
-      @include invisible(hidden);
-      margin-left: -(map_get($spacers, 4)); // Negative Value of .pl-4;
-    }
-
-    @include hover-focus-active {
-      .x-icon-container {
-        @include invisible(visible);
-      }
-    }
-  }
-
-  .list-group-item {
-    @extend .d-flex,
-            .align-items-center;
-  }
-}

package/dist/scss/x2/components/list-group/_list-group-menu.scss

@@ -1,66 +0,0 @@
-@import "~bootstrap/scss/list-group";
-
-.x-list-group-menu {
-  @extend .px-3,
-          .w-100;
-
-  .x-aside-theme-dark & {
-    @extend %x-theme-dark-aside-mobile;
-  }
-
-  .list-group-item {
-    @extend .d-flex,
-            .border-0,
-            .py-2,
-            .my-2,
-            .bg-transparent,
-            %cursor-pointer,
-            .align-items-center;
-    @include border-radius($border-radius-lg);
-
-    .x-icon-container {
-      @extend .text-primary;
-    }
-
-    @include x-hover-focus-active() {
-      @extend .bg-light-secondary,
-              .text-primary;
-      .x-icon-container {
-        @extend .text-primary;
-      }
-    }
-
-    &.x-list-item-action {
-      .x-aside-theme-dark & {
-        @extend .text-secondary;
-      }
-      .x-icon-container {
-        .x-aside-theme-dark & {
-          @extend .text-secondary;
-        }
-      }
-    }
-
-    .x-aside-theme-dark & {
-      @extend %x-theme-dark-menu-item;
-    }
-
-    .x-avatar {
-      @extend .mr-2;
-    }
-
-    .x-icon-container {
-      @extend .pr-3;
-    }
-
-    .x-list-item-stacked {
-      @extend .d-flex,
-              .flex-column;
-
-      .x-list-item-action {
-        @extend .text-secondary,
-                %font-size-sm;
-      }
-    }
-  }
-}

package/dist/scss/x2/components/list-group/_list-group-table.scss

@@ -1,72 +0,0 @@
-.x-list-group-table {
-  @extend .list-group,
-          .list-group-flush;
-}
-.x-list-group-table-heading {
-  @extend %font-size-xs,
-          .text-center,
-          .text-uppercase,
-          .text-primary,
-          .font-weight-bold,
-          .bg-light-transparent;
-}
-
-
-.x-list-group-table-row {
-  @extend .list-group-item,
-          .d-flex,
-          .justify-content-between,
-          .p-0;
-
-  > * {
-    @extend .py-3,
-            .px-2;
-  }
-
-  &:first-child {
-    @extend .border-top-0;
-  }
-
-}
-
-.x-list-group-table-label {
-  @extend %font-size-xs,
-          .text-left,
-          .font-weight-bold,
-          .d-flex,
-          .align-items-center;
-}
-
-.x-list-group-table-value {
-  @extend %font-size-xs,
-          .text-right;
-
-  .x-list-group-table-row & {
-    @extend .bg-light-transparent;
-
-  }
-}
-
-.x-list-group-table-footer {
-  @extend .font-weight-bold,
-          .d-flex,
-          .align-items-center,
-          .justify-content-between,
-          .bg-secondary-transparent,
-          .border-secondary;
-
-  > * {
-    @extend .py-3,
-            .px-2;
-  }
-
-  border-top: 2px solid;
-
-  .x-list-group-table-label {
-    @extend .text-uppercase;
-  }
-
-  .x-list-group-table-value {
-    @extend .text-right;
-  }
-}

package/dist/scss/x2/components/list-group/_list-group.scss

@@ -1,16 +0,0 @@
-@import "~bootstrap/scss/list-group";
-
-// List Group on Dark Bg
-
-
-.x-list-group-dark {
-  @extend .bg-dark;
-
-  .list-group {
-    .list-group-item {
-      @include x-hover-focus-active {
-        background-color: rgba($white, .08);
-      }
-    }
-  }
-}

package/dist/scss/x2/components/media/_media.scss

@@ -1 +0,0 @@
-@import "~bootstrap/scss/media";

package/dist/scss/x2/components/modal/_modal-alert.scss

@@ -1,36 +0,0 @@
-.x-modal-alert {
-  @extend .modal-sm,
-          .text-center;
-
-  .modal-content {
-    @extend .py-2;
-  }
-
-  .modal-header,
-  .modal-footer {
-    @extend .border-0;
-  }
-
-  .modal-header {
-    .modal-title {
-      @extend .mr-0,
-              .text-uppercase,
-              .font-weight-bold;
-    }
-  }
-
-  .modal-body {
-    .x-icon {
-      @extend .display-4;
-    }
-  }
-
-  .modal-footer {
-    @extend .pt-0,
-            .justify-content-center;
-    
-    .btn {
-      @extend %x-min-width-120;
-    }
-  }
-}

package/dist/scss/x2/components/modal/_modal.scss

@@ -1,75 +0,0 @@
-@import "~bootstrap/scss/modal";
-
-// Set default customise component variables here,
-// Override it in theme variables files
-
-$x-modal-xl:                map-get($container-max-widths, 'xl')   !default;
-$x-modal-header-min-height: 3.125rem                               !default;
-
-.modal-dialog {
-  @extend .modal-dialog-centered;
-}
-
-// Modal sizes
-.modal-header {
-  @extend .d-flex,
-          .align-items-center;
-  // min-height: $x-modal-header-min-height;
-
-  .modal-title {
-    @extend .text-info,
-            .flex-auto,
-            .mx-0;
-    @if ($has-custom-theme) {
-      .has-custom-theme & {
-        @extend .x-text-primary;
-      }
-    }
-  }
-
-  .close {
-    @extend .rounded-0,
-            .x-icon-lg,
-            .p-0,
-            .m-0;
-  }
-}
-
-.modal-body {
-  @extend .d-block,
-          .overflow-auto;
-  // Add Flex Basis here in order to show Ag-grid
-  -webkit-overflow-scrolling: touch;
-  .x-modal-grid-height {
-    height: 60vh;
-  }
-}
-
-.modal-content {
-  @extend .border-0;
-}
-
-.modal-body-columns {
-  @extend .p-0;
-
-  .row {
-    @extend .m-0,
-            .p-0,
-            .no-gutters;
-  }
-}
-
-.x-modal-content-end {
-  @extend .d-flex,
-          .align-items-end,
-          .align-self-end;
-
-  &[hidden] {
-    @extend .d-none;
-  }
-}
-
-// Apply Background to modal on top of modal
-.modal.show ~ .modal.show {
-  background: rgba($modal-backdrop-bg, $modal-backdrop-opacity);
-}

package/dist/scss/x2/components/nav/_nav-bar.scss

@@ -1,43 +0,0 @@
-.x-nav-bar {
-  @extend .nav,
-          .nav-fill,
-          .flex-nowrap;
-
-  .nav-item {
-    @extend .d-flex,
-            .flex-column,
-            .justify-content-center,
-            .align-items-center,
-            .text-grey,
-            .text-decoration-none;
-    font-size: $font-size-xs;
-
-    .x-aside-theme-dark & {
-      @extend %x-theme-dark-menu-item;
-    }
-
-    .x-icon-md {
-      @extend .pt-2,
-              .pb-1;
-    }
-
-    .list-text {
-      @extend .pt-0,
-              .pb-2;
-    }
-
-    @include hover {
-      &:not(.active) {
-        @extend .text-primary;
-      }
-    }
-  }
-}
-
-
-.x-menu-bar {
-  @extend .position-fixed,
-          .w-100;
-  bottom: 0;
-  left: 0;
-}

package/dist/scss/x2/components/nav/_nav-tabs.scss

@@ -1,164 +0,0 @@
-$x-nav-tabs-link-color:          theme-color('info')    !default;
-$x-nav-tabs-link-hover-color:    theme-color('secondary') !default;
-$x-nav-tabs-link-hover-bg:       transparent            !default;
-
-.x-nav-tabs {
-  @extend .nav,
-          .nav-tabs,
-          .border-bottom;
-
-  .nav-item {
-    @extend .d-flex;
-
-    .x-aside-theme-dark & {
-      @extend %x-theme-dark-aside-mobile;
-    }
-
-    .nav-link {
-      @extend %font-size-sm,
-              .py-2,
-              .px-3,
-              .w-100,
-              .border-left-0,
-              .border-right-0,
-              .border-top-0,
-              .rounded-0,
-              .d-flex,
-              .align-items-center,
-              .font-weight-medium,
-              .position-relative;
-
-      .x-icon {
-        @extend .x-icon-lg;
-      }
-
-      &.detailed {
-        @extend .d-flex,
-                .flex-column,
-                .justify-content-start,
-                .align-items-start;
-        padding-left: 2.2rem !important;
-      }
-
-      &:not(.no-bottom-bar)::after {
-        content: '';
-        background: currentColor;
-        position: absolute;
-        height: 2px;
-        width: 100%;
-        left: 0;
-        bottom: -1px;
-        transition: all 250ms ease-out;
-        transform: scaleX(0);
-      }
-
-      &:not(.active) {
-        // Cannot @extend color here because `!important` by Bootstrap
-        color: $x-nav-tabs-link-color;
-      }
-
-      @include hover {
-        &:not(.active) {
-          color: $x-nav-tabs-link-hover-color;
-        }
-        background-color: $x-nav-tabs-link-hover-bg;
-        &::after {
-          transform: scaleX(1);
-        }
-      }
-
-      &.arrow:not(.no-bottom-bar)::before  {
-        @extend .position-absolute;
-        content: '';
-        bottom: -6px;
-        width: 0;
-        height: 0;
-        border-left: 6px solid transparent;
-        border-right: 6px solid transparent;
-        border-top: 6px solid $x-nav-tabs-link-hover-color;
-      }
-
-      &.active {
-        background-color: $x-nav-tabs-link-hover-bg;
-        color: $x-nav-tabs-link-hover-color;
-        &::after {
-          transform: scaleX(1);
-        }
-      }
-    }
-
-    .nav-link-subheading {
-      @extend %font-size-xs,
-              .d-block,
-              .text-info;
-    }
-
-
-
-    .nav-link-icon {
-      @extend .position-absolute;
-      margin-left: -1.2rem;
-      margin-top: 0.1rem;
-
-      .x-icon {
-        @extend .x-icon-sm;
-        font-size: inherit !important;
-      }
-    }
-
-    .x-nav-item-dropdown {
-      @extend .d-inline-flex;
-      .nav-link {
-        &.active {
-          // Show hover color instead of active color on nav dropdown button
-          color: $x-nav-tabs-link-hover-color;
-          background-color: $x-nav-tabs-link-hover-bg;
-        }
-        .x-icon {
-          @extend .ml-1,
-                  .x-icon-sm;
-        }
-      }
-
-    }
-  }
-
-  &.nav-justified {
-    .nav-link {
-      @extend .justify-content-center;
-    }
-  }
-  &:not(.x-nav-tabs-vertical) {
-    @extend .text-antialiased;
-
-    .nav-link {
-      @extend .text-uppercase,
-              .font-weight-bold;
-    }
-  }
-
-}
-
-.x-nav-tabs-vertical {
-  @extend .x-nav-tabs,
-          .border-bottom-0,
-          .flex-column,
-          .flex-nowrap;
-
-  .nav-item {
-    @extend .mb-0;
-
-    .nav-link {
-      @extend .py-3,
-              .text-capitalize;
-
-      &:not(.no-border) {
-        @extend .border-bottom;
-      }
-
-      &.active {
-        @extend .bg-white;
-      }
-    }
-  }
-}

package/dist/scss/x2/components/nav/_nav.scss

@@ -1 +0,0 @@
-@import "~bootstrap/scss/nav";

package/dist/scss/x2/components/navbar/_navbar-complex.scss

@@ -1,41 +0,0 @@
-
-.x-navbar-complex {
-  @extend .d-flex,
-          .justify-content-center,
-          .align-items-center;
-
-  .breadcrumb {
-    @extend .pl-0,
-            .pt-0;
-  }
-}
-
-.x-navbar-complex-prepend {
-  @extend .d-flex,
-          .justify-content-center,
-          .align-items-center,
-          .pr-0;
-  .btn {
-    @extend .d-flex,
-            .justify-content-center,
-            .bg-transparent,
-            .text-info,
-            .p-0,
-            .x-no-focus,
-            .align-items-center;
-    line-height: 1;
-
-    @include hover-focus-active {
-      @extend .text-secondary;
-    }
-  }
-}
-
-.x-navbar-complex-content {
-  @extend .ml-3,
-          .pl-3,
-          .border-left;
-  .x-title h6 {
-    @extend .mb-0;
-  }
-}