@leapdev/gui 0.2.265 → 1.0.0

package/dist/scss/x2/components/steps/_steps-accordion.scss

@@ -1,128 +0,0 @@
-// Set default customise component variables here,
-// Override it in theme variables files
-
-$x-steps-accordion-box-shadow:     $box-shadow       !default;
-$x-steps-accordion-border-radius:  $border-radius-lg !default;
-$x-step-bar-border-radius:         $border-radius    !default;
-$x-step-bar-success-opacity:       0.15              !default;
-
-.x-steps-accordion {
-  @extend .m-auto,
-          .py-3,
-          .px-2,
-          .translate-y-sm-50,
-          .steps,
-          .bg-light,
-          .container-fluid-lg,
-          .overflow-hidden;
-
-  @include box-shadow($x-steps-accordion-box-shadow);
-  @include media-breakpoint-up(sm) {
-    @include border-radius($x-steps-accordion-border-radius);
-  }
-
-  .step-item {
-
-    &:not(:last-of-type) {
-      &::after {
-        @extend %x-min-width-16,
-                .w-100;
-
-        @include size(auto, 0.25rem);
-        @include border-radius($x-step-bar-border-radius);
-
-        content: "";
-      }
-    }
-    .step-link {
-      @extend .border-0,
-              .d-flex,
-              .align-items-center,
-              .mx-2,
-              .px-1,
-              .py-0,
-              .bg-transparent;
-
-      white-space: nowrap;
-
-      &.is-clickable {
-        @extend .btn;
-      }
-
-      .step-indicator {
-        @extend .rounded-circle,
-                .d-inline-flex,
-                .align-items-center,
-                .justify-content-center;
-
-        @include size(2rem);
-      }
-
-      .step-label {
-        @extend .d-none,
-                .ml-2,
-                .pl-1,
-                .x-animation-origin-left;
-      }
-
-    }
-  }
-
-  .step-item {
-
-    &:not(.is-success) {
-      .step-indicator,
-      &::after {
-        @extend .bg-light-secondary,
-                .text-info;
-      }
-    }
-
-    &.is-success {
-      .step-indicator,
-      &::after {
-        @extend .bg-success,
-                .text-white;
-      }
-
-      &::after {
-        opacity: $x-step-bar-success-opacity;
-      }
-    }
-
-    &.is-active {
-      @extend .flex-auto;
-
-      .step-indicator,
-      &::after {
-        @extend .x-bg-primary;
-      }
-
-      .step-label {
-        @extend .d-sm-flex;
-      }
-    }
-
-    &:not(.is-active) {
-      @extend .d-sm-flex;
-
-      .step-link {
-        @include x-focus-active {
-          .step-label {
-            @extend .d-sm-flex;
-            animation: x-scale-in 0.15s ease-in-out;
-          }
-        }
-      }
-
-      @include x-hover-focus-active {
-        .step-label {
-          @extend .d-sm-flex;
-          animation: x-scale-in 0.15s ease-in-out;
-        }
-      }
-    }
-  }
-
-}
-

package/dist/scss/x2/components/steps/_steps.scss

@@ -1,14 +0,0 @@
-.steps {
-	@extend .d-flex;
-}
-
-.step-item {
-	@extend .d-flex,
-          .align-items-center;
-  &:first-child {
-    &:not(.is-success) {
-      flex: 1;
-    }
-  }
-}
-

package/dist/scss/x2/components/switch/_switch.scss

@@ -1,37 +0,0 @@
-// NGX Ui Switch
-// https://github.com/webcat12345/ngx-ui-switch
-
-// Set default customise component variables here,
-// Override it in theme variables files
-@import "~ngx-ui-switch/ui-switch.component";
-
-.x-switch {
-  @extend %cursor-pointer,
-          .d-inline-flex,
-          .mb-0,
-          .align-items-center;
-
-  > * {
-    @extend .d-flex;
-    &:not(:last-child) {
-      @extend .mr-2;
-    }
-  }
-
-  .switch {
-    @extend .border;
-
-    .bg-dark & {
-      @extend .border-light-transparent;
-    }
-
-    &:not(.checked) {
-      @extend .bg-light-secondary;
-
-      .bg-dark & {
-        @extend .bg-light-transparent;
-      }
-    }
-
-  }
-}

package/dist/scss/x2/components/tables/_tables.scss

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

package/dist/scss/x2/components/toast/_toast.scss

@@ -1,138 +0,0 @@
-// Set default customise component variables here,
-// Override it in theme variables files
-
-$x-toast-spacing: map_get($spacers, 3) !default;
-$x-toast-box-shadow: $modal-content-box-shadow-xs !default; // Same Box Shadow with Modal
-
-
-
-// Position
-.toast-top-left {
-  top: $x-toast-spacing;
-  left: $x-toast-spacing;
-  .toast {
-    transform-origin: top left;
-  }
-}
-
-.toast-top-right {
-  top: $x-toast-spacing;
-  right: $x-toast-spacing;
-
-  .toast {
-    transform-origin: top right;
-  }
-}
-
-.toast-bottom-left {
-  bottom: $x-toast-spacing;
-  left: $x-toast-spacing;
-  .toast {
-    transform-origin: bottom left;
-  }
-}
-
-.toast-bottom-right {
-  bottom: $x-toast-spacing;
-  right: $x-toast-spacing;
-  margin-left: $x-toast-spacing;
-  .toast {
-    transform-origin: bottom right;
-  }
-}
-
-
-// Component
-.toast-container {
-  @extend .position-fixed;
-  z-index: $zindex-popover;
-
-  .toast {
-    @extend .p-3,
-            .mt-3,
-            .border,
-            .position-relative,
-            .overflow-hidden,
-            .w-100,
-            .d-flex;
-    @include box-shadow($x-toast-box-shadow);
-    @include border-radius(map_get($spacers, 2));
-    @include size(25rem, auto);
-    max-width: 30rem !important;
-  }
-
-  .toast-title {
-    @extend .flex-auto,
-            .mb-0;
-    text-transform: uppercase;
-    font-weight: 700;
-  }
-
-  .x-toast-message-container {
-    @extend .d-flex,
-            .overflow-hidden,
-            .w-100;
-  }
-
-  .x-toast-icon {
-    @extend .mr-3,
-            .text-white;
-  }
-
-  .toast-message {
-    @extend %font-size-sm,
-            .align-self-center,
-            .pr-5,
-            .overflow-hidden,
-            .text-white;
-    text-overflow: ellipsis;
-    max-width: 24.750rem;
-    max-height: calc(1.313rem * 6);
-  }
-
-  .x-toast-btn-group {
-    @extend .btn-group,
-            .position-absolute,
-            .ml-auto;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    top: 0.5rem;
-    right: 0.5rem;
-  }
-
-  .x-toast-btn-close {
-    @extend .text-white;
-  }
-
-  .toast-progress {
-    @extend .position-absolute;
-    left: 0;
-    bottom: 0;
-    height: 4px;
-    opacity: 0.3;
-  }
-
-}
-
-// Styles
-.toast {
-  &.success,
-  &-success {
-    @extend .bg-success;
-  }
-  &.error,
-  &-error {
-    @extend .bg-danger;
-  }
-  &.loading,
-  &.info,
-  &-loading,
-  &-info {
-    @extend .bg-info;
-  }
-  &.warning,
-  &-warning {
-    @extend .bg-warning;
-  }
-}

package/dist/scss/x2/components/toolbars/_toolbar-actions.scss

@@ -1,81 +0,0 @@
-// Set default customise component variables here,
-// Override it in theme variables files
-
-
-%btn-toolbar-actions {
-  .btn-toolbar {
-    padding-top: 1px;
-    padding-bottom: 1px;
-    &:not(:first-child) {
-      @extend .ml-2;
-    }
-    > *:not(:last-child) {
-      @extend .mr-2;
-    }
-    &,
-    .btn-group {
-      @extend .btn-group-xs;
-    }
-  }
-}
-
-.x-toolbar-actions {
-  @extend .d-flex,
-          .justify-content-between,
-          .py-2,
-          .px-3,
-          .bg-light-secondary,
-          .flex-nowrap,
-          %btn-toolbar-actions;
-
-  .x-toolbar-input {
-    @extend .x-input-group-icon,
-            .flex-1;
-    max-width: 30%;
-
-    .form-control {
-      @extend .form-control-sm;
-    }
-  }
-
-
-  &.is-full {
-    @extend .py-0;
-  }
-
-  &.x-toolbar-actions-50 {
-    .x-toolbar-input {
-      max-width: 50%;
-    }
-  }
-
-  &.x-toolbar-actions-100 {
-    .x-toolbar-input {
-      @extend .mw-100;
-    }
-  }
-
-  &.is-right {
-    @extend .justify-content-end;
-  }
-
-  .x-toolbar-text {
-    @extend .m-0,
-            .px-1,
-            .text-default,
-            .align-self-center;
-  }
-
-  .x-toolbar-link {
-    @extend .align-self-center,
-            .ml-2,
-            .mr-auto;
-  }
-
-}
-
-.x-toolbar-page {
-  @extend .d-flex,
-          .justify-content-between,
-          %btn-toolbar-actions;
-}

package/dist/scss/x2/components/toolbars/_toolbar-col.scss

@@ -1,6 +0,0 @@
-.x-toolbar-col {
-	@extend .d-flex,
-					.align-items-center,
-					.mb-0,
-					.p-0; 
-}

package/dist/scss/x2/components/toolbars/_toolbar-info.scss

@@ -1,11 +0,0 @@
-// Set default customise component variables here,
-// Override it in theme variables files
-
-
-.x-toolbar-info {
-  @extend .py-5,
-          .px-3,
-          .mb-4,
-          .d-flex,
-          .bg-light-secondary;
-}

package/dist/scss/x2/components/toolbars/_toolbar-tabs.scss

@@ -1,11 +0,0 @@
-.x-toolbar-tabs {
-  @extend .bg-light-secondary,
-          .d-flex;
-  > * {
-    @extend .flex-auto;
-  }
-
-  &.is-tall {
-    min-height: 49px;
-  }
-}

package/dist/scss/x2/components/toolbars/_toolbar-totals.scss

@@ -1,15 +0,0 @@
-.x-toolbar-totals {
-	@extend .d-flex,
-          .align-items-center,
-          .justify-content-center,
-          .bg-light-secondary,
-          .py-2,
-          .border-top,
-          .border-bottom;
-}
-
-.x-toolbar-totals-item {
-	@extend .w-25,
-          .py-2,
-			    .text-center;
-}

package/dist/scss/x2/components/tooltip/_tooltip.scss

@@ -1,38 +0,0 @@
-@import "~bootstrap/scss/tooltip";
-
-// Set default customise component variables here,
-// Override it in theme variables files
-
-$x-tooltip-arrow-margin: - ($tooltip-arrow-width / 2) !default;
-
-// Additional style for ngx-bootstrap
-.bs-tooltip-auto {
-  &.top {
-    @extend .bs-tooltip-top;
-  }
-  &.bottom {
-    @extend .bs-tooltip-bottom;
-  }
-  &.right {
-    @extend .bs-tooltip-right;
-  }
-  &.left {
-    @extend .bs-tooltip-left;
-  }
-
-  &.top,
-  &.bottom {
-    .arrow {
-      left: 50%;
-      margin-left: $x-tooltip-arrow-margin;
-    }
-  }
-
-  &.left,
-  &.right {
-    .arrow {
-      top: 50%;
-      margin-top: $x-tooltip-arrow-margin;
-    }
-  }
-}

package/dist/scss/x2/components/transitions/_transitions.scss

@@ -1,11 +0,0 @@
-@import "~bootstrap/scss/transitions";
-
-$x-transition-transform: transform .2s linear !default;
-
-.x-transition-transform {
-  transition: $x-transition-transform;
-}
-
-.x-scale-x-min-1 {
-  transform: scaleX(-1);
-}

package/dist/scss/x2/components/type/_type.scss

@@ -1,95 +0,0 @@
-@import "~bootstrap/scss/type";
-
-%font-size-base {
-  font-size: $font-size-base;
-}
-
-%font-size-lg {
-  font-size: $font-size-lg;
-  letter-spacing: 0.02rem;
-}
-
-%font-size-sm {
-  font-size: $font-size-sm;
-  letter-spacing: 0.02rem;
-}
-
-%font-size-xs {
-  font-size: $font-size-xs;
-  letter-spacing: 0.02rem;
-}
-
-%white-space-normal {
-  white-space: normal !important;
-}
-
-// for Heebo Font, we can always use text-antialiased
-* {
-  @extend .text-antialiased;
-}
-
-
-
-h4, .h4 {
-  letter-spacing: -0.025em;
-}
-
-h6, .h6 {
-  @extend %font-size-base;
-}
-
-b, strong {
-  @extend .font-weight-bold;
-}
-
-.x-main-heading {
-  @extend .d-flex,
-          .text-truncate,
-          .mb-0,
-          .text-primary-lighter,
-          .align-items-center;
-
-  @include media-breakpoint-down(sm) {
-    font-size: $h3-font-size;
-  }
-}
-
-.x-main-subheading {
-  @extend .text-primary,
-          .text-uppercase;
-
-  line-height: 2rem;
-}
-
-.x-aside-heading {
-  @extend .text-primary,
-          .pt-3,
-          .mb-2,
-          .pb-2;
-  border-bottom: 2px solid $border-color;
-}
-
-.x-aside-subheading {
-  @extend %font-size-xs,
-          .text-info,
-          .mt-2;
-}
-
-.x-modal-subheading {
-  @extend %font-size-xs,
-          .text-default,
-          .px-3,
-          .mt-2,
-          .mb-0;
-}
-
-.text-decoration-none {
-  text-decoration: none;
-}
-
-.x-text-sm-h4 {
-  @include media-breakpoint-up(sm) {
-    font-size: $h4-font-size;
-  }
-}
-

package/dist/scss/x2/features/_all.scss

@@ -1,5 +0,0 @@
-@import "./custom-theme/custom-theme";
-@import "./login/login";
-@import "./cells/cells";
-@import "./apps/apps";
-@import "./refinements-bar/refinements-bar";

package/dist/scss/x2/features/apps/_app-description-detail.scss

@@ -1,20 +0,0 @@
-.x-app-description-list {
-  display: flex;
-  flex-wrap: wrap;
-  margin-bottom: 0;
-  font-size: $font-size-sm;
-
-  .x-app-description-container { 
-    display: flex;
-    flex: 1 1 100%;
-    border-bottom: 1px solid $border-color;
-    margin-bottom: 0.5rem;
-  
-    .x-app-description-term { flex: 0 0 8rem; }
-    .x-app-description-detail { 
-      display: flex;
-      flex: 1 1 100%; 
-      justify-content: flex-end;
-    }
-  }
-}

package/dist/scss/x2/features/apps/_app-description-header.scss

@@ -1,68 +0,0 @@
-.x-app-description-header {
-  @include make-col-ready();
-  @include make-col(12);
-
-  &-row { @include make-row(); }
-
-  &-container { 
-    @include make-col-ready();
-    @include make-col(12);
-
-    display: flex;
-  }
-
-  &-icon {
-    display: flex;
-    flex: 0 0 3rem; 
-    margin-right: 1.5rem;
-  }
-
-  &-content {
-    display: flex;
-    flex: 1;
-    flex-wrap: wrap;
-
-    @include media-breakpoint-up(sm) {
-      flex-wrap: nowrap;
-    }
-  }
-
-  &-info { 
-    display: flex;
-    flex: 1 1 100%; 
-    flex-wrap: wrap; 
-    align-items: center; 
-    margin-top: 0.5rem;
-
-    @include media-breakpoint-up(sm) {
-      margin-top: 0;
-    }
-  }
-
-  &-title {
-    flex: 1 1 100%;
-    
-    * {
-      margin-bottom: 0;
-    }
-  }
-
-  &-subtitle {
-    flex: 1 1 100%;
-    color: theme-color("grey");
-  }
-
-  &-action { 
-    display: flex;
-    flex: 1 1 100%; 
-    margin-top: 1rem;
-    margin-bottom: 1rem;
-    align-items: center;
-
-    @include media-breakpoint-up(sm) {
-      flex: 0;
-      margin-top: 0;
-      margin-bottom: 0;
-    }
-  }
-}

package/dist/scss/x2/features/apps/_app-icon.scss

@@ -1,12 +0,0 @@
-$icon-sizes: (
-  xs: 0.75rem, // ~12px
-  sm: 1rem, // ~16px
-  md: 1.5rem, // ~24px
-  lg: 2rem, // ~32px
-  xl: 3rem, // ~48px
-  xxl: 4.5rem, // ~72px
-  xxxl: 7rem, // ~112px
-  xxxxl: 9rem // ~144px
-) !default;
-
-@include x-app-icon-sizing($icon-sizes);