@leapdev/gui 0.2.265 → 1.0.0

package/dist/scss/x3/features/data-table/data-table.scss

@@ -1,167 +0,0 @@
-
-
-$table-accent-bg:  theme-color('light-secondary');
-$table-hover-bg: var(--custom-theme-primary-lighter, theme-color('primary-lighter'));
-
-
-.table-responsive {
-  box-shadow: $box-shadow;
-  background-color: theme-color("white");
-  border-radius: $card-border-radius;
-  max-height: 78vh;
-  width: 100%;
-  border-radius: 0.5rem;
-  @each $breakpoint in map-keys($grid-breakpoints) {
-    $next: breakpoint-next($breakpoint, $grid-breakpoints);
-    $infix: breakpoint-infix($next, $grid-breakpoints);
-
-    &#{$infix} {
-      @include media-breakpoint-down($breakpoint) {
-        display: block;
-        width: 100%;
-        overflow-x: auto;
-        -webkit-overflow-scrolling: touch;
-      }
-    }
-  }
-}
-
-
-
-.table {
-  display: table;
-  table-layout: fixed;
-  border-collapse: collapse;
-  margin-bottom: 0;
-  width: 100%;
-  border: 0;
-  box-shadow: none;
-  background-color: theme-color("white");
-  border-radius: $card-border-radius;
-  min-width: 51rem;
-
-  .th,
-  .td {
-    padding: $table-cell-padding;
-    vertical-align: middle;
-  }
-
-  // Width
-  .td--date   { width: 8rem; }
-  .td--desc   { width: 16rem; }
-  .td--num    { min-width: 6rem; }
-  .td--action { width: 7rem; text-align: center; }
-  .td--transaction { width: 9rem; text-align: right; padding-right: 1rem}
-
-
-
-  .td--num:not(.thead) {
-    text-align: right;
-    border-right: 1px solid $border-color;
-  }
-
-  .thead {
-    display: table-header-group;
-    vertical-align: middle;
-    border-color: inherit;
-    font-weight: 500;
-  }
-
-  .tbody {
-    display: table-row-group;
-    vertical-align: middle;
-    border-color: inherit;
-
-    .tr:not(.tr--total) {
-      border-bottom: 1px solid $border-color;
-    }
-
-    .td {
-      border-top: $table-border-width solid $table-border-color;
-    }
-  }
-
-
-
-  .th,
-  .tr {
-    display: table-row;
-    vertical-align: inherit;
-    border-color: inherit;
-  }
-
-  .td {
-    display: table-cell;
-  }
-
-  .thead {
-    position: -webkit-sticky;
-    position: sticky;
-    top: 0;
-  }
-
-  .thead .th {
-    vertical-align: bottom;
-    border-bottom: (2 * $table-border-width) solid $table-border-color;
-  }
-
-  .tbody + .tbody {
-    border-top: (2 * $table-border-width) solid $table-border-color;
-  }
-}
-
-
-// Zebra-striping
-//
-// Default zebra-stripe styles (alternating gray and transparent backgrounds)
-.tbody .tr:nth-of-type(#{$table-striped-order}) {
-  background-color: $table-accent-bg;
-}
-
-
-.tbody .tr--total {
-  // @extend %bg-primary-transparent,
-  //         %text-primary;
-  color: var(--custom-theme-primary, theme-color('primary')) !important;
-  background-color: var(--custom-theme-primary-transparent), theme-color('primary-transparent') !important;
-  font-weight: $font-weight-bold;
-}
-
-// Hover effect
-//
-// Placed here since it has to come after the potential zebra striping
-.tbody .tr {
-  @include hover() {
-    color: $table-hover-color;
-    background-color: $table-hover-bg;
-  }
-}
-
-
-// Table backgrounds
-//
-// Exact selectors below required to override `.table-striped` and prevent
-// inheritance to nested tables
-@each $color, $value in $theme-colors {
-  @include table-row-variant($color, theme-color-level($color, $table-bg-level), theme-color-level($color, $table-border-level));
-}
-@include table-row-variant(active, $table-active-bg);
-
-.tr--total {
-  // position: absolute;
-  // bottom: 1rem;
-  width: 100%;
-  // @extend %bg-primary-lighter,
-  //         %text-primary;
-  color: var(--custom-theme-primary, theme-color('primary')) !important;
-  background-color: var(--custom-theme-primary-lighter), theme-color('primary-lighter') !important;
-  font-weight: $font-weight-bold;
-}
-
-.table {
-  .text-primary {
-    color: var(--custom-theme-primary, theme-color('primary')) !important;
-  }
-}
-
-

package/dist/scss/x3/features/empty-states/_empty-states.scss

@@ -1,77 +0,0 @@
-.x-empty {
-  @extend %d-flex,
-          %flex-column,
-          %align-items-center,
-          %justify-content-center,
-          %h-100,
-          %py-5;
-
-  &.x-empty-sm {
-    @extend %py-2,
-    %h-auto;
-  }
-
-  &_icon {
-    width: 14.250em;
-    height: 8.875em;
-
-    @include media-breakpoint-up(lg) {
-      width: 28.438em;
-      height: 17.688em;
-    }
-
-    .x-empty-sm & {
-      @extend %px-0,
-              %py-4,
-              %h-auto;
-        max-width: 19rem;
-        max-height: 8rem;
-    }
-  }
-
-  &_illustration {
-    @extend %mb-5,
-    %w-100,
-            %x-flex-center;
-
-    .x-empty-sm & {
-      @extend %mb-0;
-    }
-  }
-
-  &_message {
-    @extend %d-flex,
-            %align-items-center,
-            %justify-content-center,
-            %text-center,
-            %flex-column;
-  }
-
-  .x-title,
-  .x-text {
-    @extend %text-grey;
-  }
-
-  .btn {
-    @extend %mt-3;
-  }
-}
-
-// svg whitelabel classes override
-svg {
-    .bg-stroke {
-      @include custom-theme-color(primary, stroke);
-    }
-    .bg-primary-light {
-      @include custom-theme-color(primary-transparent, fill);
-    }
-    .bg-primary-dark {
-      fill: var(--custom-theme-primary-hover, theme-color(primary-darker)) !important;
-    }
-    .bg-primary {
-      @include custom-theme-color(primary, fill);
-    }
-}
-
-
-

package/dist/scss/x3/features/files/_files.scss

@@ -1,250 +0,0 @@
-$bg-hover-color: rgba(var(--custom-theme-primary-rgb, 14, 95, 227), 0.04);
-$bg-active-color: var(--custom-theme-primary-transparent, theme-color('primary-transparent'));
-
-
-
-
-
-.x-files {
-  @extend %my-3;
-}
-
-.x-file {
-  @extend %d-flex,
-          %mb-3,
-          %justify-content-start;
-}
-
-.x-file-prepend {
-  @extend %mr-3;
-
-  .x-file-icon {
-    @extend %x-icon-lg;
-
-    @include media-breakpoint-up(md) {
-      font-size: map_get($icon-sizes, xl);
-    }
-  }
-
-  .x-file-complex-sm & {
-    @extend %mr-2;
-  }
-}
-
-
-.x-profile {
-  @extend %x-flex-centered,
-          %text-center;
-
-  .x-avatar {
-    @extend %mb-3;
-  }
-
-  .x-title h6 {
-    font-weight: $font-weight-medium;
-  }
-}
-
-
-.x-file-content {
-  @extend %align-items-center,
-          %d-flex;
-}
-
-
-.x-profile-thumb {
-  @extend %position-relative,
-          %mb-3;
-}
-
-.x-pay-cell {
-  display: none;
-
-  .x-file-complex:hover &,
-  .x-file-complex:hover & {
-    @extend %d-flex;
-  }
-}
-
-
-.x-file-complex {
-  @extend %d-flex,
-          %align-items-center,
-          %position-relative,
-          %py-2,
-          %py-md-3,
-          %py-xl-4,
-          %pl-md-4,
-          %pl-2,
-          %pr-2,
-          %border-bottom;
-
-  @include transition(background-color 0.08s ease-out);
-
-  &.x-file-complex-slim {
-    @extend %pt-0,
-            %pb-0,
-            %pl-3,
-            %pr-2;
-  }
-
-  &.x-file-complex-odd {
-    background-color: theme-color("white");
-  }
-
-  &.x-file-complex-even {
-    background-color: #F9F9FA;
-  }
-
-  &.x-file-complex-sm {
-    @extend %pt-3,
-            %pb-3,
-            %pl-3,
-            %pr-3;
-  }
-
-  &.x-file-complex-xs {
-    @extend %pt-3,
-            %pb-3,
-            %pl-3,
-            %pr-3;
-  }
-
-  &.x-file-complex-header {
-    @extend %pt-3,
-            %pb-3,
-            %pl-3,
-            %pr-3;
-    background-color: theme-color("white");
-  }
-
-  &.x-show-btn-hover:not(:hover) .btn {
-    display: none;
-  }
-
-  &:hover:not(.x-file-complex-header) {
-    background-color: $bg-hover-color;
-  }
-
-  &:active:not(.x-file-complex-header),
-  &.active:not(.x-file-complex-header) {
-    background-color: $bg-active-color;
-  }
-
-  .btn-group--actions {
-    @extend %align-self-start;
-  }
-
-  .x-file-prepend {
-    @extend %align-self-center;
-
-    .x-icon-container .x-icon {
-      @include x-icon-sizing(x-icon-lg);
-
-      @include media-breakpoint-up(md) {
-        @include x-icon-sizing(x-icon-xl)
-      }
-    }
-
-    @include media-breakpoint-up(md) {
-      padding-right: $spacer * 0.5;
-    }
-  }
-
-  .x-file-append {
-    @extend %align-self-start;
-
-    a {
-      @extend %d-inline-flex;
-    }
-
-    .badge {
-      @extend %mr-2,
-              %my-1;
-    }
-
-    &.is-centered {
-      @extend %align-self-center;
-    }
-
-    &.is-right {
-      @extend %d-flex,
-              %align-items-end;
-    }
-
-    &-sticky-right {
-      @extend %my-0,
-              %my-xl-0;
-    }
-  }
-
-  .x-file-content-column {
-    @extend %d-flex,
-            %flex-column;
-    flex: 1 1 70%;
-
-    .x-title h6 {
-      @include media-breakpoint-down(sm) {
-        max-width: 12rem;
-      }
-    }
-  }
-
-
-.x-cell-currency {
-  @extend %py-3,
-          %border-left,
-          %border-right;
-  * {
-    font-weight: 500;
-  }
-}
-  .x-file-action {
-    @extend %x-flex-center,
-            %pr-2;
-    width: 5rem;
-  }
-
-  .x-file-content-wrapper {
-    @extend %d-flex,
-            %flex-column,
-            %flex-xl-row,
-            %flex-grow-1,
-            %flex-md-grow-1;
-  }
-
-  .btn {
-    @extend %btn-sm,
-            %font-weight-medium;
-  }
-
-  a {
-    @extend %cursor-pointer;
-
-    &,
-    &:hover,
-    &:active,
-    &:visited {
-      text-decoration: none;
-    }
-  }
-
-  .badge {
-    @extend %text-capitalize;
-  }
-
-  &.success {
-    background-color: lighten(theme-color("success"), 44%);
-    .x-upload-actions {
-      background-color: lighten(theme-color("success"), 44%);
-    }
-  }
-
-  &.danger {
-    background-color: lighten(theme-color("danger"), 38%);
-    .x-upload-actions {
-      background-color: lighten(theme-color("danger"), 38%);
-    }
-  }
-}
-

package/dist/scss/x3/features/iframe-mods/iframe-mods.scss

@@ -1,26 +0,0 @@
-.x-iframe-mods {
-  overflow: hidden;
-  height: 100%;
-
-  > iframe {
-    width: 100%;
-    height: 100vh;
-  }
-
-  &-footer {
-    @extend
-    %border-top,
-    %fixed-bottom,
-    %bg-white,
-    %p-3;
-
-    right: 15px;
-  }
-
-  &-container {
-    @extend
-    .container,
-    %pr-0,
-    %pl-0;
-  }
-}

package/dist/scss/x3/features/lists/_tree-list.scss

@@ -1,62 +0,0 @@
-.x-level {
-  overflow: auto;
-  max-height: 18rem;
-  min-height: 10rem;
-  padding: 0.5rem;
-  background-color: theme-color("light-transparent");
-  border: 1px solid $border-color;
-
-  ul {
-    list-style: none;
-    padding-left: 0;
-    text-align: left;
-    overflow: hidden;
-  }
-
-  li {
-    cursor: pointer;
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
-    white-space: nowrap;
-    border-radius: $border-radius;
-
-    &.active {
-      @include custom-theme-color(primary, color);
-    }
-
-    @include hover-focus {
-      background-color: theme-color("light-secondary");
-    }
-  }
-
-  &-link {
-    display: flex;
-    align-items: center;
-    padding: 0 0.5rem;
-
-    span {
-      overflow: hidden;
-    }
-  }
-
-  &-icon {
-    margin-right: 0.5rem;
-  }
-
-  &-0 { padding-left: 0 }
-  &-1 { padding-left: 1rem }
-  &-2 { padding-left: 2rem }
-  &-3 { padding-left: 3rem }
-  &-4 { padding-left: 4rem }
-  &-5 { padding-left: 5rem }
-  &-6 { padding-left: 6rem }
-
-}
-
-.x-modal-alert .modal-body .x-level {
-  .x-icon {
-    margin-bottom: 0 !important;
-    font-size: 1rem !important;
-    line-height: 1rem !important;
-  }
-}

package/dist/scss/x3/features/login/_login.scss

@@ -1,74 +0,0 @@
-.x-narrow {
-  @extend %mx-auto;
-  max-width: 30rem;
-}
-
-.x-narrow-md {
-  @extend %mx-auto;
-  max-width: 45rem;
-}
-
-.x-narrow-lg {
-  @extend %mx-auto;
-  max-width: 55rem;
-}
-
-.x-form-header {
-  @extend %mb-3;
-
-  &.is-center {
-    @extend %text-center,
-            %d-flex,
-            %flex-column,
-            %align-items-center,
-            %justify-content-center;
-  }
-
-  @include media-breakpoint-up(md) {
-    margin-bottom: 3rem;
-  }
-
-  .x-form-title {
-    font-size: $h3-font-size;
-    @include media-breakpoint-up(md) {
-      font-size: $h2-font-size;
-    }
-  }
-
-  .x-form-subtitle {
-    @extend %text-info;
-    font-size: $font-size-base;
-    @include media-breakpoint-up(md) {
-      font-size: $font-size-lg;
-    }
-  }
-}
-
-.x-login {
-  @extend %d-flex,
-          %h-100,
-          %py-5,
-          %px-4,
-          %align-items-md-center,
-          %justify-content-md-center;
-}
-
-.x-form-login {
-  @extend %d-flex,
-          %flex-column,
-          %w-100,
-          .x-narrow;
-
-  .form-control {
-    border-radius: $border-radius;
-  }
-
-  .x-label-info {
-    @extend %w-100;
-
-    span {
-      @extend %ml-auto;
-      font-size: $font-size-xs;
-    }
-  }
-}