@leapdev/gui 0.2.265 → 1.0.0

package/dist/scss/x1/components/layouts/_layout-column.scss

@@ -1,10 +0,0 @@
-%layout-column,
-.layout-column {
-  @extend .h-100,
-          %d-flex,
-          %flex-column;
-
-  // Fix for Chrome 72 flexbox rendering changes
-  // Nested elements with height set to 100% were breaking beyond the bounds of their containers
-  min-height: 0;
-}

package/dist/scss/x1/components/layouts/_layout-row.scss

@@ -1,13 +0,0 @@
-%layout-row,
-.layout-row {
-  @extend %d-flex,
-          .h-100,
-          %pt-4,
-          %pb-2;
-
-  > * {
-    @extend .h-100,
-            .x-min-width-0,
-            .flex-auto;
-  }
-}

package/dist/scss/x1/components/list-group/_list-group-action.scss

@@ -1,163 +0,0 @@
-$x-list-group-action-disabled-opacity:  0.5    !default;
-$x-list-group-action-space:             2rem   !default;
-$x-list-group-action-space-lg:          2.5rem !default;
-
-
-%x-list-group-action,
-.x-list-group-action {
-  .list-group {
-    @extend %list-group-flush;
-  }
-
-  .list-group-item {
-    @extend %font-size-sm,
-            %d-flex,
-            %align-items-center,
-            %text-primary;
-
-    &:only-of-type,
-    &:last-child {
-      border-bottom: none;
-    }
-
-    span {
-      @extend %text-default,
-              %flex-auto;
-    }
-
-    .x-icon-container {
-      @extend %x-icon-lg;
-
-      &:first-child {
-        @extend %pr-3;
-      }
-
-      .x-icon {
-        width: 1.25rem;
-        height: 1.25rem;
-      }
-    }
-    &.disabled {
-      @extend %cursor-default;
-      opacity: $x-list-group-action-disabled-opacity;
-    }
-    @include x-hover-focus-active() {
-      &,
-      span {
-        @extend %text-secondary-darker;
-      }
-    }
-  }
-
-  a.list-group-item {
-    &:hover,
-    &:focus {
-      text-decoration: none !important;
-    }
-  }
-
-  &:not(.x-no-indent) {
-    .list-group {
-      padding-left: $x-list-group-action-space;
-
-      .list-group-item {
-        @extend %pl-0;
-
-        .x-icon-container {
-          margin-left: -$x-list-group-action-space;
-        }
-      }
-    }
-  }
-
-  &.x-list-group-dark {
-    .list-group {
-      .list-group-item {
-        @extend %mb-1,
-                %text-light-secondary;
-
-        opacity: 0.8;
-
-        @include x-hover-focus-active {
-          opacity: 1;
-        }
-        // &.mb-0 {
-        //   @extend %mb-0;
-        // }
-      }
-    }
-  }
-}
-
-.x-list-group-action-lg {
-  @extend %x-list-group-action;
-
-  .list-group {
-    .list-group-item {
-      @extend %font-size-lg,
-              .border-0;
-
-      .x-icon-container {
-        @extend %x-icon-xl;
-      }
-
-      padding-top: 0.625rem;
-      padding-bottom: 0.625rem;
-    }
-  }
-
-  &:not(.x-no-indent) {
-    .list-group {
-      padding-left: $x-list-group-action-space-lg;
-
-      .list-group-item {
-        .x-icon-container {
-          margin-left: -$x-list-group-action-space-lg;
-        }
-      }
-    }
-  }
-}
-
-.x-list-group-action-slim {
-    @extend %x-list-group-dark;
-
-  .x-list-group-action-slim-item {
-    @extend %px-0,
-            %py-3,
-            .border-0,
-            .rounded-0,
-            %btn,
-            %btn-link,
-            %text-info,
-            %d-flex,
-            %justify-content-center,
-            %align-items-center,
-            %position-relative;
-
-    .x-icon-container {
-      @extend %x-icon-lg;
-    }
-
-    @include hover-focus-active() {
-      background: theme-color('secondary');
-      .x-icon-container {
-        @extend %text-white;
-      }
-    }
-  }
-
-  .aside-slim-separator {
-      @extend %mx-3,
-              %my-1,
-              .border,
-              .border-info-transparent;
-  }
-
-}
-
-.x-list-group-action-compressed {
-  .list-group .list-group-item{
-    padding: 0.625rem 0.5rem;
-  }
-}

package/dist/scss/x1/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/x1/components/list-group/_list-group-content.scss

@@ -1,125 +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);
-      }
-    }
-  }
-}
-
-.x-list-group-text {
-  @extend %list-group,
-          %list-group-flush;
-
-  .list-group-item {
-    @extend %d-flex,
-            %align-items-center,
-            %py-3;
-
-    .x-icon-container {
-      @extend %mr-2,
-      %align-self-center;
-    }
-
-    h6 {
-      @extend %text-primary-lighter,
-      %mb-0;
-    }
-  }
-
-  &.x-list-group-border-bottom {
-    .list-group-item {
-      &:last-child {
-        @extend .border-bottom
-      }
-    }
-  }
-
-  .x-list-group-title {
-    @extend %text-truncate,
-            %text-primary-lighter,
-            %mb-2;
-  }
-
-  .x-list-group-subtitle {
-    @extend %text-body,
-            %text-truncate,
-            %mb-0;
-  }
-
-  .x-list-group-description {
-    @extend .ag-content-description;
-  }
-
-  @include hover-focus-active {
-    @extend %cursor-pointer;
-
-    a.x-no-hover {
-        text-decoration: none;
-    }
-  }
-}

package/dist/scss/x1/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/x1/components/list-group/_list-group-menu.scss

@@ -1,29 +0,0 @@
-@import "~bootstrap/scss/list-group";
-
-.x-list-group-menu {
-  @extend %px-3,
-          .w-100;
-
-  .list-group-item {
-    @extend %d-flex,
-            .border-0,
-            %px-3,
-            %my-2,
-            %text-grey,
-            %align-items-center;
-
-    @include border-radius($border-radius-lg);
-
-    font-size: $font-size-base;
-
-    .x-icon-container {
-      @extend %x-icon-xl,
-              %pr-3;
-    }
-
-    @include x-hover-focus-active() {
-      @extend %text-primary;
-      background-color: #E8F0FC !important;
-    }
-  }
-}

package/dist/scss/x1/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/x1/components/list-group/_list-group.scss

@@ -1,167 +0,0 @@
-// Base class
-//
-// Easily usable on <ul>, <ol>, or <div>.
-
-%list-group,
-.list-group {
-  display: flex;
-  flex-direction: column;
-
-  // No need to set list-style: none; since .list-group-item is block level
-  padding-left: 0; // reset padding because ul and ol
-  margin-bottom: 0;
-}
-
-
-// Interactive list items
-//
-// Use anchor or button elements instead of `li`s or `div`s to create interactive
-// list items. Includes an extra `.active` modifier class for selected items.
-%list-group-item-action,
-.list-group-item-action {
-  width: 100%; // For `<button>`s (anchors become 100% by default though)
-  color: $list-group-action-color;
-  text-align: inherit; // For `<button>`s (anchors inherit)
-
-  // Hover state
-  @include hover-focus {
-    z-index: 1; // Place hover/focus items above their siblings for proper border styling
-    color: $list-group-action-hover-color;
-    text-decoration: none;
-    background-color: $list-group-hover-bg;
-  }
-
-  &:active {
-    color: $list-group-action-active-color;
-    background-color: $list-group-action-active-bg;
-  }
-}
-
-
-// Individual list items
-//
-// Use on `li`s or `div`s within the `.list-group` parent.
-
-%list-group-item,
-.list-group-item {
-  position: relative;
-  display: block;
-  padding: $list-group-item-padding-y $list-group-item-padding-x;
-  // Place the border on the list items and negative margin up for better styling
-  margin-bottom: -$list-group-border-width;
-  color: $list-group-color;
-  background-color: $list-group-bg;
-  border: $list-group-border-width solid $list-group-border-color;
-
-  &:first-child {
-    @include border-top-radius($list-group-border-radius);
-  }
-
-  &:last-child {
-    margin-bottom: 0;
-    @include border-bottom-radius($list-group-border-radius);
-  }
-
-  &.disabled,
-  &:disabled {
-    color: $list-group-disabled-color;
-    pointer-events: none;
-    background-color: $list-group-disabled-bg;
-  }
-
-  // Include both here for `<a>`s and `<button>`s
-  &.active {
-    z-index: 2; // Place active items above their siblings for proper border styling
-    color: $list-group-active-color;
-    background-color: $list-group-active-bg;
-    border-color: $list-group-active-border-color;
-  }
-}
-
-
-// Horizontal
-//
-// Change the layout of list group items from vertical (default) to horizontal.
-
-@each $breakpoint in map-keys($grid-breakpoints) {
-  @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
-    %list-group-horizontal#{$infix},
-    .list-group-horizontal#{$infix} {
-      flex-direction: row;
-
-      .list-group-item {
-        margin-right: -$list-group-border-width;
-        margin-bottom: 0;
-
-        &:first-child {
-          @include border-left-radius($list-group-border-radius);
-          @include border-top-right-radius(0);
-        }
-
-        &:last-child {
-          margin-right: 0;
-          @include border-right-radius($list-group-border-radius);
-          @include border-bottom-left-radius(0);
-        }
-      }
-    }
-  }
-}
-
-
-// Flush list items
-//
-// Remove borders and border-radius to keep list group items edge-to-edge. Most
-// useful within other components (e.g., cards).
-%list-group-flush,
-.list-group-flush {
-  .list-group-item {
-    border-right: 0;
-    border-left: 0;
-    @include border-radius(0);
-
-    &:last-child {
-      margin-bottom: -$list-group-border-width;
-    }
-  }
-
-  &:first-child {
-    .list-group-item:first-child {
-      border-top: 0;
-    }
-  }
-
-  &:last-child {
-    .list-group-item:last-child {
-      margin-bottom: 0;
-      border-bottom: 0;
-    }
-  }
-}
-
-
-// Contextual variants
-//
-// Add modifier classes to change text and background color on individual items.
-// Organizationally, this must come after the `:hover` states.
-
-@each $color, $value in $theme-colors {
-  @include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));
-}
-
-// List Group on Dark Bg
-
-%x-list-group-dark,
-.x-list-group-dark {
-  @extend %bg-primary-darker;
-
-  .list-group {
-    .list-group-item {
-      @include x-hover-focus-active {
-        background-color: rgba($white, .08);
-      }
-    }
-  }
-}

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

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