@leapdev/gui 0.2.264 → 1.0.0

package/dist/scss/x3/components/card/_card-firm.scss

@@ -1,108 +0,0 @@
-
-.x-firm-list {
-  @extend %d-flex,
-          %py-2,
-          %flex-wrap;
-          width: 100%;
-
-  @include media-breakpoint-up(md) {
-    margin-left: -0.5rem;
-    margin-right: -0.5rem;
-  }
-
-  > div {
-    width: 100%;
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
-    @include media-breakpoint-up(md) {
-      padding-left: 0.75rem;
-      padding-right: 0.75rem;
-      width: 50%;
-    }
-    @include media-breakpoint-up(lg) {
-      width: 33.333333%;
-    }
-  }
-}
-
-
-.x-card-firm {
-  @extend %x-card,
-          %d-inline-flex,
-          %mb-4,
-          %cursor-pointer;
-
-  &.active {
-    @extend %x-card-hover-active-state;
-  }
-
-  &-details {
-    display: flex;
-    flex-direction: column;
-    text-align: center;
-
-    .x-title {
-      @extend %pb-3;
-      > * {
-        @extend %font-weight-medium;
-      }
-    }
-
-    .x-avatar-list {
-      @extend %pb-3;
-      width: 100%;
-      justify-content: center;
-    }
-  }
-
-  .x-card-prepend {
-    @extend %x-flex-center,
-            %mb-3,
-            %pb-3,
-            .border-bottom;
-
-    figure {
-      @extend %x-flex-center,
-              %w-100,
-              %py-3,
-              %mb-0,
-              %mt-0;
-      img {
-        @extend %h-auto,
-                %w-auto;
-                max-height: 2.688rem;
-                max-width: 12rem;
-      }
-    }
-  }
-}
-
-
-.x-card-firm-slim {
-  @extend %x-card,
-          %d-inline-flex,
-          %flex-row,
-          %mb-3,
-          %align-items-stretch;
-
-  .x-card-prepend {
-    @extend %x-flex-center,
-            %mr-3,
-            %pr-3;
-    border-right: 1px solid $border-color;
-    max-width: 9rem;
-
-    figure {
-      @extend %x-flex-center,
-              %w-100,
-              %mb-0,
-              %mt-0;
-      img {
-        @extend %h-auto,
-                %w-auto;
-                max-height: 3rem;
-      }
-    }
-  }
-}
-

package/dist/scss/x3/components/card/_card-info.scss

@@ -1,42 +0,0 @@
-.x-card-info {
-  @extend %d-flex,
-          %py-3,
-          %px-4,
-          %py-md-3,
-          %py-xl-4,
-          %px-md-3,
-          %px-xl-4;
-
-  .x-card-thumbnail {
-    width: 3rem;
-
-    @include media-breakpoint-up(md) {
-      width: 4rem;
-    }
-
-    @include media-breakpoint-up(lg) {
-      width: 4.5rem;
-    }
-  }
-}
-
-.x-card-info-content {
-  @extend %pl-4,
-          %flex-1;
-  h6 {
-    @include custom-theme-color(primary-darker, color);
-    font-weight: $font-weight-medium;
-    .x-card-primary & { @extend %text-success; }
-    .x-card-secondary & { @extend %text-secondary; }
-    .x-card-tertiary & { @extend %text-helper-default; }
-  }
-
-  p {
-    @extend %mb-0,
-            %font-size-sm;
-
-    .x-aside-dark & {
-      color: theme-color("light");
-    }
-  }
-}

package/dist/scss/x3/components/card/_card-intro.scss

@@ -1,38 +0,0 @@
-.x-card-intro {
-  @extend %d-flex,
-          %py-3,
-          %px-0,
-          %py-md-3,
-          %px-md-2;
-
-  .x-card-thumbnail {
-    width: 3rem;
-
-    @include media-breakpoint-up(md) {
-      width: 3.5rem;
-    }
-
-    @include media-breakpoint-up(lg) {
-      width: 4.5rem;
-    }
-  }
-}
-
-.x-card-intro-content {
-  @extend %pl-3,
-          %pl-lg-4,
-          %flex-1;
-  .x-title h6 {
-    @include custom-theme-color(primary-darker, color);
-    font-weight: $font-weight-medium;
-  }
-
-  p {
-    @extend %mb-0,
-            %font-size-sm;
-
-    .x-aside-dark & {
-      color: theme-color("light");
-    }
-  }
-}

package/dist/scss/x3/components/card/_card-notify.scss

@@ -1,23 +0,0 @@
-.x-card-notify {
-  @extend %x-card-inline;
-
-  .x-card-content {
-    @extend %w-100,
-            %d-flex,
-            %align-items-start,
-            %flex-column,
-            %justify-content-between;
-  }
-}
-
-.x-card-action {
-  @extend %x-card-hover-border;
-}
-
-.x-card-clickable {
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: 100%;
-  width: 100%;
-}

package/dist/scss/x3/components/card/_card-payment-detail.scss

@@ -1,42 +0,0 @@
-.card-split.x-card {
-  padding: 0 !important;
-
-  .x-card-body {
-    .x-card-content {
-      padding: 3rem 2rem 1.5rem;
-    }
-  }
-
-  .x-card-footer {
-    .x-card-content {
-      padding: 0;
-    }
-  }
-
-  .label-caps-xs {
-    color: rgba(255, 255, 255, 0.6);
-    text-transform: uppercase;
-    font-size: 0.75rem;
-    font-weight: 500;
-  }
-}
-
-.payment-button {
-  margin-right: -0.5rem;
-  .x-btn-link-white {
-    color: white;
-  }
-}
-
-.payment-detail-card {
-  &.bg-primary {
-    background-color: var(--custom-theme-primary, theme-color("primary")) !important;
-  }
-
-  .bg-primary-darker {
-    background-color: var(
-      --custom-theme-primary-darker,
-      theme-color("primary-darker")
-    ) !important;
-  }
-}

package/dist/scss/x3/components/card/_card.scss

@@ -1,51 +0,0 @@
-
-
-.x-statement-card {
-  @include custom-theme-color(primary, background-color);
-  border-radius: $card-border-radius;
-  display: flex;
-  flex-direction: column;
-  margin-bottom: 2rem;
-  padding: 1.5rem;
-  position: relative;
-  width: 100%;
-  overflow: hidden;
-  @extend %pb-0,
-          %pl-0,
-          %pr-0,
-          %pt-0,
-          %x-shadow;
-    color: $white;
-    sc-btn-icon {
-      z-index: 99;
-    }
-}
-
-.x-payment-status {
-  @include custom-theme-color(primary, background-color);
-  border-radius: $card-border-radius;
-  display: flex;
-  margin-bottom: 2rem;
-  padding: 1rem 1.5rem 1rem 1rem;
-  color: $white;
-
-  .x-payment-status_icon {
-    padding-right: 1rem;
-    .x-icon {
-      margin-top: -0.35rem;
-    }
-  }
-
-  .x-payment-status_message {
-    flex: 1;
-  }
-
-  .x-payment-status_title {
-    @extend %font-weight-bold;
-    color: $white;
-  }
-  .x-payment-status_desc {
-    color: $white;
-    opacity: 0.7;
-  }
-}

package/dist/scss/x3/components/carousel/_carousel.scss

@@ -1,210 +0,0 @@
-// Notes on the classes:
-//
-// 1. .carousel.pointer-event should ideally be pan-y (to allow for users to scroll vertically)
-//    even when their scroll action started on a carousel, but for compatibility (with Firefox)
-//    we're preventing all actions instead
-// 2. The .carousel-item-left and .carousel-item-right is used to indicate where
-//    the active slide is heading.
-// 3. .active.carousel-item is the current slide.
-// 4. .active.carousel-item-left and .active.carousel-item-right is the current
-//    slide in its in-transition state. Only one of these occurs at a time.
-// 5. .carousel-item-next.carousel-item-left and .carousel-item-prev.carousel-item-right
-//    is the upcoming slide in transition.
-
-.carousel {
-  position: relative;
-  &:focus {
-    outline: none;
-  }
-}
-
-.carousel.pointer-event {
-  touch-action: pan-y;
-}
-
-.carousel-inner {
-  position: relative;
-  width: 100%;
-  overflow: hidden;
-  @include clearfix();
-}
-
-.carousel-item {
-  position: relative;
-  display: none;
-  float: left;
-  width: 100%;
-  margin-right: -100%;
-  backface-visibility: hidden;
-  @include transition($carousel-transition);
-
-  &:focus {
-    outline: none;
-  }
-}
-
-.carousel-item.active,
-.carousel-item-next,
-.carousel-item-prev {
-  display: block;
-}
-
-.carousel-item-next:not(.carousel-item-left),
-.active.carousel-item-right {
-  transform: translateX(100%);
-}
-
-.carousel-item-prev:not(.carousel-item-right),
-.active.carousel-item-left {
-  transform: translateX(-100%);
-}
-
-
-//
-// Alternate transitions
-//
-
-.carousel-fade {
-  .carousel-item {
-    opacity: 0;
-    transition-property: opacity;
-    transform: none;
-  }
-
-  .carousel-item.active,
-  .carousel-item-next.carousel-item-left,
-  .carousel-item-prev.carousel-item-right {
-    z-index: 1;
-    opacity: 1;
-  }
-
-  .active.carousel-item-left,
-  .active.carousel-item-right {
-    z-index: 0;
-    opacity: 0;
-    @include transition(0s $carousel-transition-duration opacity);
-  }
-}
-
-
-//
-// Left/right controls for nav
-//
-
-.carousel-control-prev,
-.carousel-control-next {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  z-index: 1;
-  // Use flex for alignment (1-3)
-  display: flex; // 1. allow flex styles
-  align-items: center; // 2. vertically center contents
-  justify-content: center; // 3. horizontally center contents
-  width: $carousel-control-width;
-  color: $carousel-control-color;
-  text-align: center;
-  opacity: $carousel-control-opacity;
-  @include transition($carousel-control-transition);
-
-  // Hover/focus state
-  @include hover-focus {
-    color: $carousel-control-color;
-    text-decoration: none;
-    outline: 0;
-    opacity: $carousel-control-hover-opacity;
-  }
-}
-.carousel-control-prev {
-  display: none;
-  left: 0;
-  @if $enable-gradients {
-    background: linear-gradient(90deg, rgba($black, .25), rgba($black, .001));
-  }
-}
-.carousel-control-next {
-  display: none;
-  right: 0;
-  @if $enable-gradients {
-    background: linear-gradient(270deg, rgba($black, .25), rgba($black, .001));
-  }
-}
-
-// Icons for within
-.carousel-control-prev-icon,
-.carousel-control-next-icon {
-  display: inline-block;
-  width: $carousel-control-icon-width;
-  height: $carousel-control-icon-width;
-  background: no-repeat 50% / 100% 100%;
-}
-.carousel-control-prev-icon {
-  background-image: $carousel-control-prev-icon-bg;
-}
-.carousel-control-next-icon {
-  background-image: $carousel-control-next-icon-bg;
-}
-
-
-// Optional indicator pips
-//
-// Add an ordered list with the following class and add a list item for each
-// slide your carousel holds.
-$carousel-indicator-width: 14px;
-$carousel-indicator-height: 14px;
-
-.carousel-indicators {
-  position: absolute;
-  right: 0;
-  bottom: -1.25rem;
-  left: 0;
-  z-index: 15;
-  display: flex;
-  justify-content: center;
-  padding-left: 0; // override <ol> default
-  // Use the .carousel-control's width as margin so we don't overlay those
-  margin-right: $carousel-control-width;
-  margin-left: $carousel-control-width;
-  list-style: none;
-
-  li {
-    box-sizing: content-box;
-    flex: 0 1 auto;
-    width: $carousel-indicator-width;
-    height: $carousel-indicator-height;
-    margin-right: $carousel-indicator-spacer;
-    margin-left: $carousel-indicator-spacer;
-    text-indent: -999px;
-    border-radius: 100%;
-    cursor: pointer;
-    // background-color: $carousel-indicator-active-bg;
-    @include custom-theme-color(primary, background-color);
-    background-clip: padding-box;
-    // Use transparent borders to increase the hit area by 10px on top and bottom.
-    border-top: $carousel-indicator-hit-area-height solid transparent;
-    border-bottom: $carousel-indicator-hit-area-height solid transparent;
-    opacity: .3;
-    @include transition($carousel-indicator-transition);
-  }
-
-  .active {
-    opacity: 1;
-  }
-}
-
-
-// Optional captions
-//
-//
-
-.carousel-caption {
-  position: absolute;
-  right: (100% - $carousel-caption-width) / 2;
-  bottom: 20px;
-  left: (100% - $carousel-caption-width) / 2;
-  z-index: 10;
-  padding-top: 20px;
-  padding-bottom: 20px;
-  color: $carousel-caption-color;
-  text-align: center;
-}

package/dist/scss/x3/components/close/_close.scss

@@ -1,37 +0,0 @@
-
-%close,
-.close {
-  @include transition($transition-fade);
-  @include font-size($close-font-size);
-  align-self: stretch;
-  color: $close-color;
-  float: right;
-  font-weight: $close-font-weight;
-  line-height: 0;
-  line-height: 1;
-  opacity: .5;
-  opacity: 0.3;
-  text-shadow: $close-text-shadow;
-
-  @include hover {
-    color: $close-color;
-    text-decoration: none;
-  }
-
-  &:not(:disabled):not(.disabled) {
-    @include hover-focus {
-      opacity: .75;
-    }
-  }
-}
-
-button.close {
-  appearance: none;
-  background-color: transparent;
-  border: 0;
-  padding: 0;
-}
-
-a.close.disabled {
-  pointer-events: none;
-}

package/dist/scss/x3/components/custom-form/_custom-form-responsive.scss

@@ -1,21 +0,0 @@
-// Set default customise component variables here,
-// Override it in theme variables files
-
-$custom-select-padding-x-lg:     $input-btn-padding-x-lg  !default;
-$custom-select-border-radius-lg: $border-radius-lg        !default;
-
-.x-custom-select-lg {
-  @include media-breakpoint-up(sm) {
-    @include border-radius($custom-select-border-radius-lg);
-    padding-left: $custom-select-padding-x-lg;
-
-    // Form Responsive Control sizing
-    //
-    // Copy from Bootstrap to avoid Sass extend issues.
-    // = custom-select-lg;
-    height: $custom-select-height-lg;
-    padding-top: $custom-select-padding-y;
-    padding-bottom: $custom-select-padding-y;
-    font-size: $custom-select-font-size-lg;
-  }
-}

package/dist/scss/x3/components/custom-form/_custom-form.scss

@@ -1,48 +0,0 @@
-
-.custom-control {
-  @extend %align-items-center;
-
-  &:not(.custom-control-inline) {
-    @extend %d-flex;
-  }
-
-  &.custom-control-inline {
-    @extend %mb-0;
-  }
-
-  .form-group & {
-    min-height: 2.25rem;
-  }
-
-  &.custom-checkbox-primary {
-    @extend %pl-5;
-  }
-}
-
-
-.custom-control-label {
-
-  &::after {
-    left: -3rem !important;
-  }
-  &::before {
-    @extend %border;
-    @include box-shadow(none);
-    left: -3rem !important;
-
-    @at-root {
-      .custom-control-input:not(:checked):focus ~ & {
-        @extend %border-primary;
-        @include box-shadow($custom-select-focus-box-shadow);
-      }
-      .custom-control-input:checked ~ & {
-        @extend %border-primary;
-        border-width: 2px !important;
-      }
-    }
-  }
-}
-
-.custom-select-sm {
-  line-height: 1.1;
-}