@leapdev/gui 0.2.265 → 1.0.0

package/dist/scss/x3/components/datepicker/_datepicker.scss

@@ -1,114 +0,0 @@
-// Set default variables here,
-//
-$main-bg:              $white;
-$custom-range-bg:      theme-color("light-secondary");
-
-$font-color-01:        $white;
-$font-color-02:        theme-color("default");
-$font-color-03:        theme-color("default");
-
-$border-color:         $border-color;
-$highlighted:          theme-color("light");
-
-$btn-bg:               theme-color("light");
-$btn-bg-hover:         theme-color("light-secondary");
-
-$theme-primary:        theme-color("primary");
-$theme-secondary: 		 theme-color("secondary");
-$theme-minimal: 			 $white;
-
-$disabled-background:  $text-muted;
-$disabled-color:       theme-color("light-secondary");
-
-$theme-list: (
-  'sirius': $theme-primary,
-  'minimal': $theme-minimal
-);
-
-
-// Add imported styles
-//
-@import "~ngx-bootstrap/datepicker/bs-datepicker.scss";
-
-
-// Set default customise component variables here,
-// Override it in theme variables files
-
-.bs-datepicker {
-	border-radius: $border-radius;
-	box-shadow: 0 2px 5px rgba($black,.1);
-  border: 1px solid $border-color;
-}
-
-.bs-datepicker-container {
-	@extend %p-0;
-}
-
-.bs-datepicker-head bs-datepicker-navigation-view {
-	@extend %d-flex,
-          %justify-content-center,
-          %align-items-center,
-          %w-100;
-}
-
-.bs-datepicker-head,
-.bs-datepicker-body table {
-
-	button,
-	th {
-    font-weight: $font-weight-bold;
-    text-transform: uppercase;
-	}
-
-	&.days span { width: 2.75rem; }
-	span { line-height: 0.875em; }
-}
-
-.bs-datepicker-head button.next,
-.bs-datepicker-head button.previous {
-	span { line-height: 0.875em !important; }
-}
-
-.bs-datepicker-head button.next {
-	@extend %ml-auto;
-}
-
-.bs-datepicker-head button.previous {
-	@extend %mr-auto;
-}
-
-.bs-datepicker-head button.current {
-	@extend %x-flex-center;
-}
-
-.bs-datepicker-head button.next,
-.bs-datepicker-head button.current,
-.bs-datepicker-head button.previous,
-.bs-datepicker-body table td span,
-.bs-datepicker-body table.months td.is-highlighted span,
-.bs-datepicker-body table td span.selected {
-	border-radius: $border-radius;
-}
-
-
-// Custom Minimal Theme
-.theme-minimal {
-	.bs-datepicker-body {
-		@extend %border-0;
-	}
-	.bs-datepicker-head {
-		font-weight: $font-weight-bold;
-	}
-	.bs-datepicker-head button.next span,
-	.bs-datepicker-head button.previous span {
-    color: theme-color("info");
-	}
-	.bs-datepicker-head button.current span {
-    color: theme-color("primary");
-	}
-	.bs-datepicker-body table td span.selected {
-    background-color: theme-color("secondary");
-	}
-}
-
-

package/dist/scss/x3/components/divider-text/_divider-text.scss

@@ -1,23 +0,0 @@
-.x-divider-text {
-  position: relative;
-  display: block;
-  width: 100%;
-  margin-top: 1.5rem;
-  margin-bottom: 1.5rem;
-  text-align: center;
-  font-size: $font-size-sm;
-  color: theme-color("grey");
-
-  &::before,
-  &::after {
-    position: absolute;
-    top: 10px;
-    width: 45%;
-    height: 1px;
-    content: "";
-    border-top: 1px solid #d7dbe3;
-  }
-
-  &::before { left: 0; }
-  &::after { right: 0; }
-}

package/dist/scss/x3/components/dropdown/_dropdown-critical-datepicker.scss

@@ -1,19 +0,0 @@
-.x-dropdown-critical-date-picker {
-  @extend %border,
-  %py-2,
-  %mx-3,
-  %px-2;
-  background-color: theme-color("light");
-  box-shadow: $dropdown-box-shadow;
-  left: -0.7rem;
-  min-width: 28em;
-  z-index: 99;
-  top: 90%;
-  width: auto;
-  position: absolute;
-}
-
-.x-dropdown-critical-date-picker-description {
-  position: absolute;
-  top: 1.5rem;
-}

package/dist/scss/x3/components/dropdown/_dropdown-with-icons.scss

@@ -1,127 +0,0 @@
-// Set default customise component variables here,
-// Override it in theme variables files
-
-$x-dropdown-item-space:        3rem;
-$x-dropdown-item-space-lg:     5rem;
-
-%x-dropdown-with-icons,
-.x-dropdown-with-icons {
-  @extend %px-1;
-
-  .dropdown-header,
-  .dropdown-item {
-    @extend %py-1;
-    padding-left: $x-dropdown-item-space;
-  }
-  .dropdown-divider {
-    @extend %my-0;
-    margin-left: $x-dropdown-item-space;
-  }
-	.dropdown-item {
-    @extend %x-flex-a-center,
-            .rounded-0;
-
-    &.active {
-      @include custom-theme-color(primary, color);
-      background-color: #FFFFFF;
-    }
-
-    &:active {
-      @include custom-theme-color(primary, color);
-      @include custom-theme-color(primary-transparent, background-color);
-    }
-
-    .x-icon-container {
-      @extend %x-icon-md,
-              %position-absolute,
-              %align-items-center;
-      margin-left: - ($x-dropdown-item-space - map_get($spacers, 2) * 2);
-    }
-	}
-}
-
-%x-dropdown-with-icons-lg,
-.x-dropdown-with-icons-lg {
-  @extend %x-dropdown-with-icons;
-  .dropdown-header,
-  .dropdown-item {
-    @extend %py-3;
-  }
-  @include media-breakpoint-up(sm) {
-    .dropdown-header,
-    .dropdown-item {
-      padding-left: $x-dropdown-item-space-lg;
-      font-size: $h4-font-size;
-      .x-icon-container {
-        font-size: map_get($icon-sizes, lg);
-        margin-left: - ($x-dropdown-item-space-lg - map_get($spacers, 3) * 2);
-      }
-    }
-    .dropdown-divider {
-      margin-left: $x-dropdown-item-space-lg;
-    }
-  }
-}
-
-
-%x-dropdown-filter,
-.x-dropdown-filter {
-  @extend .x-dropdown-with-icons;
-
-  .dropdown-item {
-    .x-icon-container {
-      @include transition($transition-fade);
-      opacity: 0;
-      display: flex;
-    }
-    @include x-hover-focus-active {
-      .x-icon-container {
-        opacity: 1;
-      }
-    }
-  }
-}
-
-%x-dropdown-filter-lg,
-.x-dropdown-filter-lg {
-  @extend %x-dropdown-filter,
-          %x-dropdown-with-icons-lg;
-}
-
-%x-btn-link-dropdown,
-.x-btn-link-dropdown {
-  @extend %btn-link,
-          %px-0,
-          %bg-transparent,
-          %text-grey,
-          %align-items-center,
-          %border-0,
-          %d-flex,
-          %flex-nowrap,
-          %cursor-pointer,
-          %py-2;
-
-  > *:last-child {
-    @extend %ml-2;
-  }
-
-  .x-btn-text {
-    @extend %d-lg-flex,
-            %d-none,
-            %text-nowrap;
-  }
-
-  @include x-hover-focus-active() {
-    @include custom-theme-color(primary, color);
-    text-decoration: none;
-    outline: none;
-  }
-}
-
-%x-dropdown,
-.x-dropdown {
-  .dropup & {
-    top: auto !important;
-    bottom: 100% !important;
-  }
-}

package/dist/scss/x3/components/dropdown/_dropdown.scss

@@ -1,45 +0,0 @@
-
-.dropdown-menu {
-  background-clip: border-box;
-  border-color: $border-color;
-
-  &.dropdown-menu-right {
-    @extend .x-animation-origin-right-top;
-  }
-
-  .dropup & {
-    transform: translateY(0)!important; // To fix ngx-bootstrap & Bootstrap Dropup style conflict
-  }
-  @if($has-custom-theme) {
-    @include custom-theme-color(primary, color);
-  }
-}
-
-.dropdown-header {
-  @include custom-theme-color(seondary, color);
-}
-
-.dropdown-item {
-  &.active:not(:hover) {
-    @include custom-theme-color(primary, color);
-  }
-
-  &:not(:disabled):not(.disabled):active,
-  &:not(:disabled):not(.disabled).active,
-  .show > &.dropdown-toggle {
-    @include custom-theme-color(primary, color);
-    @extend %bg-transparent;
-  }
-}
-
-.dropdown,
-.dropdown-item {
-  font-size: $font-size-sm;
-}
-
-.dropdown-item {
-  @include hover-focus {
-    cursor: $cursor-pointer;
-  }
-}
-

package/dist/scss/x3/components/file-drop/_file-drop.scss

@@ -1,193 +0,0 @@
-$upload-overlay: var(--custom-theme-primary-transparent, rgba(theme-color("primary-lighter"), $opacity-base));
-$upload-overlay-border: var(--custom-theme-primary, theme-color('primary'));
-
-
-// Dropzone action area
-.x-dropzone {
-  @extend %bg-light-transparent,
-          %h-100,
-          %position-fixed,
-          %w-100;
-  left: 0;
-  right: 0;
-  z-index: $zindex-modal;
-}
-
-// Visual dropzone cue
-.x-upload {
-  @extend %align-items-end,
-          %d-flex,
-          %w-100,
-          %justify-content-center,
-          %position-absolute;
-  bottom: 0;
-  top: 3rem;
-
-
-  &-actions {
-    @extend %position-absolute;
-    top: 0;
-    right: 0;
-  }
-
-  // Dropzone styled area
-  &_dropzone {
-    @extend %pb-5,
-            %align-items-center,
-            %d-flex,
-            %flex-column,
-            %position-absolute,
-            %w-100,
-            %h-100,
-            %justify-content-center;
-    bottom: 0;
-    top: 0;
-    z-index: 1;
-
-    .x-icon-container {
-      display: none;
-    }
-
-    &.nv-file-over {
-      background-color: $upload-overlay;
-      border-color: $upload-overlay-border;
-      border-color: $upload-overlay-border;
-      border-style: dashed;
-      border-width: 3px;
-      visibility: visible;
-
-      .x-icon-container {
-        display: inline-flex;
-      }
-    }
-  }
-
-
-
-  // Dropzone title
-  .x-upload_title {
-    font-size: $h3-font-size;
-  }
-
-  // Uploaded files content region
-  &_content {
-    @include border-radius($border-radius-lg);
-    @extend .mb-4;
-    background-color: theme-color("light");
-    box-shadow: $dropdown-box-shadow;
-    display: flex;
-    flex-direction: column;
-    margin: 0 auto;
-    max-height: 30rem;
-    max-width: 33rem;
-    overflow: hidden;
-    width: 100%;
-    z-index: 999;
-  }
-
-
-  // Content header region controll for collapsable content list
-  &_header {
-    @extend %py-3,
-            %px-3,
-            %d-flex,
-            %flex-column,
-            %w-100,
-            %border-bottom;
-    background-color: theme-color("light");
-
-    .progress {
-      min-height: 0.5rem;
-      height: 0.5rem;
-      box-shadow: 0 !important;
-      background-color: var(--custom-theme-primary-rgb, rgba(theme-color('primary'), 0.3));
-    }
-
-  }
-
-  &_header-content {
-    @extend %x-flex-a-center,
-            %justify-content-between;
-  }
-
-
-  // Content list of uploaded items collapse controlled by content header
-  &_list {
-    overflow: auto;
-  }
-
-  // Content uploaded item
-  &_item {
-    @extend %list-group;
-    background-color: theme-color("light");
-    position: reltive;
-    width: 100%;
-  }
-
-}
-
-
-// Progress
-.x-progress {
-  @extend %d-flex,
-          %position-relative,
-          %overflow-hidden,
-          %w-100;
-  height: 1.24rem;
-
-  &_detail {
-    @extend %px-3,
-            %x-flex-a-center,
-            %text-light,
-            %w-100,
-            %justify-content-between;
-    top: 0;
-
-    .x-text {
-      color: theme-color("light");
-      font-size: $font-size-xs;
-      font-weight: $font-weight-medium;
-    }
-  }
-
-  &_btn .btn {
-    @extend %p-0;
-    color: inherit;
-    font-size: $font-size-xs;
-    font-weight: $font-weight-medium;
-  }
-
-  // Status //
-  .progress {
-    @include border-radius(0);
-    background-color: var(--custom-theme-primary-rgb, rgba(theme-color('primary'), 0.3));
-    height: 100%;
-
-    .progress-bar {
-      @extend .progress-bar-striped;
-    }
-  }
-
-  // Cancel
-  &.info .progress {
-    background-color: rgba(theme-color('info'), 0.5);
-  }
-
-  // Error
-  &.danger .progress {
-    background-color: rgba(theme-color('danger'), 0.5);
-  }
-
-  // Success
-  &.success .progress {
-    background-color: rgba(theme-color('success'), 0.5);
-  }
-
-  // Completed
-  &-complete {
-    @extend .collapsing;
-    height: 0;
-    transition: $x-transition-transform;
-  }
-
-}

package/dist/scss/x3/components/file-viewer/_file-viewer-pdf.scss

@@ -1,19 +0,0 @@
-// Ng2-pdf-viewer
-// https://vadimdez.github.io/ng2-pdf-viewer/
-
-.ng2-pdf-viewer-container {
-  .pdfViewer.removePageBorders {
-    @extend %pt-2,
-            %pt-md-3,
-            %pb-3,
-            %pb-md-5;
-    .page {
-      @include box-shadow(0 0 map-get($spacers, 3) theme-color("info-transparent"))
-    }
-  }
-}
-
-
-.x-scroll-hidden ::-webkit-scrollbar {
-  @extend %d-none;
-}