@leapdev/gui 0.2.265 → 1.0.0

package/dist/scss/x2/features/apps/_app-list-item.scss

@@ -1,34 +0,0 @@
-.x-app-list-item {
-  @include make-col-ready();
-  @include make-col(12);   
-  margin-bottom:      1rem;
-  outline:            0 !important;
-  cursor:             pointer;
-
-  &-row {
-    display:          flex; 
-    flex-wrap:        wrap;
-    flex:             1;
-  }
-
-  &-container {
-    display:          flex;
-    flex:             1 1 100%;
-  }
-  
-  &-col { flex: 1 1 100% }
-  
-  &-col-fixed { flex: 0; }
-
-  &-title { font-weight: $font-weight-medium; }
-  
-  &-title-secondary { 
-    font-size:        $font-size-sm;
-    color:            $text-muted;
-  }
-
-  &-content {
-    margin-top:       0.5rem;
-    font-size:        $font-size-sm;
-  }
-}

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

@@ -1,11 +0,0 @@
-.x-app-list {
-  @include make-col(12);
-  display: flex;
-  justify-content: center;
-  // max-width: 43.75rem;
-
-  &-container {
-    @include make-row();
-    width: 100%;
-  }
-}

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

@@ -1,14 +0,0 @@
-.x-app-tile {
-  @include make-col-ready();
-  @include make-col(12);
-  padding-bottom: 0.75rem;
-  margin-bottom: 0.75rem;
-  overflow: hidden;
-  outline: 0 !important;
-  cursor: pointer;
-
-  @include media-breakpoint-up(sm) {
-    @include make-col(6);
-    margin-bottom: 0.5rem;
-  }
-}

package/dist/scss/x2/features/apps/_apps.scss

@@ -1,6 +0,0 @@
-@import "./app-description-detail";
-@import "./app-description-header";
-@import "./app-icon";
-@import "./app-tile";
-@import "./app-list-item";
-@import "./app-list";

package/dist/scss/x2/features/cells/_cells.scss

@@ -1,4 +0,0 @@
-@import "./date";
-@import "./text";
-@import "./title";
-@import "./type";

package/dist/scss/x2/features/cells/_date.scss

@@ -1 +0,0 @@
-.x-date {}

package/dist/scss/x2/features/cells/_text.scss

@@ -1,8 +0,0 @@
-.x-text {
-  @extend .text-info;
-  font-size: $font-size-sm;
-
-  p {
-    @extend .mb-0;
-  }
-}

package/dist/scss/x2/features/cells/_title.scss

@@ -1,9 +0,0 @@
-.x-title h6 {
-  @extend .card-text,
-          .mb-1,
-          .overflow-hidden;
-  font-weight: $font-weight-normal;
-  line-height: $line-height-base;
-  max-height: calc(1.5em * 2);
-  text-overflow: ellipsis;
-}

package/dist/scss/x2/features/cells/_type.scss

@@ -1 +0,0 @@
-.x-type {}

package/dist/scss/x2/features/custom-theme/_custom-theme.scss

@@ -1,34 +0,0 @@
-$custom-theme-colors: (
-  primary,
-  secondary,
-  light,
-  success,
-  warning,
-  danger,
-  info,
-  helper-default
-);
-
-@if ($has-custom-theme) {
-  .has-custom-theme {
-    .x-btn {
-      @include custom-theme-btn($custom-theme-colors);
-    }
-    .x-text {
-      @include custom-theme($custom-theme-colors, color);
-    }
-    .x-bg {
-      @include custom-theme($custom-theme-colors, background-color);
-    }
-  }
-}
-
-
-//
-//:root {
-//  --custom-theme-primary: #8C2424;
-//  --custom-theme-primary-hover: #D22020;
-//  --custom-theme-primary-contrast: #ffffff;
-//  --custom-theme-primary-rgb: 210,32,32;
-//}
-//

package/dist/scss/x2/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 {
-    @extend .text-primary-lighter;
-    font-size: $h3-font-size;
-    @include media-breakpoint-up(md) {
-      font-size: $h2-font-size;
-    }
-  }
-
-  .x-form-subtitle {
-    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;
-    }
-  }
-}

package/dist/scss/x2/features/refinements-bar/_refinements-bar.scss

@@ -1,66 +0,0 @@
-.x-refinements-bar {
-  @include make-col-ready();
-  @include make-col(12);
-  padding-bottom: 0.5rem;
-  // border-bottom: 1px solid $border-color;
-
-  &-row { @include make-row(); }
-  &-container {
-    @include make-col-ready();
-    display: flex;
-  }
-
-  &-container-left { @include make-col(8); }
-  &-container-right { 
-    @include make-col(4);
-    justify-content: flex-end; 
-  }
-
-  .x-refinements-list {
-    display: flex;
-    flex-wrap: wrap;
-    padding-left: 0;
-    margin-bottom: 0;
-    list-style: none;
-    font-size: $font-size-sm;
-    font-weight: $font-weight-medium;
-    
-    &-item {
-      margin-right: 1rem;
-      &:last-child {
-        margin-right: 0;
-      }
-
-      a {
-        color: theme-color("grey");
-        cursor: pointer;
-
-        &:hover {
-          color: theme-color("primary-lighter");
-        }
-        
-        .x-badge {
-          padding: 0rem 0.25rem;
-          margin-left: 0.25rem;
-          margin-right: 0.25rem;
-          border-radius: 0.25rem; 
-          font-size: 0.75rem;
-          background-color: #D2D5D9;
-        }
-
-        @include x-hover-focus-active() {
-          text-decoration: none;
-    
-          &.active {
-            color: theme-color("primary-lighter");
-
-            .x-badge {
-              background-color: #0060aa;
-              color: #ffffff;
-            }
-          }
-        }
-      }
-    }
-  }
-}

package/dist/scss/x2/mixins/_all.scss

@@ -1,9 +0,0 @@
-@import "./x-hover";
-@import "./x-app-icons";
-@import "./x-icons";
-@import "./x-custom-theme";
-@import "./x-grid";
-@import "./x-badge";
-@import "./x-button";
-@import "./x-sizing";
-@import "./x-visibility";

package/dist/scss/x2/mixins/_x-app-icons.scss

@@ -1,8 +0,0 @@
-@mixin x-app-icon-sizing($map) {
-  @each $size, $value in $map {
-    .x-app-icon-#{$size} {
-      width: $value;
-      height: $value;
-    }
-  }
-}

package/dist/scss/x2/mixins/_x-badge.scss

@@ -1,27 +0,0 @@
-@mixin x-badge-variant($bg, $color) {
-  color: $color;  
-  background-color: rgba($bg, 0.2);  
-
-  &[href] {
-    @include hover-focus {
-      color: $color;
-      text-decoration: none; 
-      background-color: rgba($bg, 0.2);   
-    }
-  }
-}
-
-@mixin x-badge-outline-variant($color, $border, $bg) {
-	background-color: $bg; 
-	border: 1px solid $border;
-  color: $color;  
-
-  &[href] {
-    @include hover-focus {
-      color: $color;
-      text-decoration: none; 
-	 		background-color: $bg;
-	 		border-color: $border; 
-    }
-  }
-}

package/dist/scss/x2/mixins/_x-button.scss

@@ -1,22 +0,0 @@
-@mixin x-button-outline-variant($color, $color-hover, $bg, $bg-hover, $border:$color, $border-hover:$color-hover) {
-  color: $color;
-  background-color: $bg;
-  border-color: $border;
-
-  @include x-hover-focus-active {
-    color: $color-hover;
-    background-color: $bg-hover;
-    border-color: $border-hover;
-  }
-}
-
-@mixin x-btn-info ($bg,$border,$color,$bg-active,$color-active) {
-  background-color: $bg;
-  border-color: $border;
-  color: $color;
-
-  @include x-hover-focus-active {
-    --x-btn-outline-info-bg: $bg-active;
-    --x-btn-outline-info-color: $color-active;
-  }
-}

package/dist/scss/x2/mixins/_x-custom-theme.scss

@@ -1,62 +0,0 @@
-// Generic
-@mixin custom-theme($colors, $property) {
-  @each $color in $colors {
-    &-#{$color} {
-      @if $property == 'background-color' {
-        #{$property}: var(--custom-theme-#{$color}, theme-color(#{$color}))!important;
-        color: var(--custom-theme-#{$color}-contrast, white)!important;
-      } @else {
-        #{$property}: var(--custom-theme-#{$color}, theme-color(#{$color}))!important;
-      }
-    }
-  }
-}
-
-// Button
-@mixin custom-theme-btn($colors) {
-  @each $color in $colors {
-    &-#{$color} {
-      background-color: var(--custom-theme-#{$color}, theme-color(#{$color}));
-      border-color: var(--custom-theme-#{$color}, theme-color(#{$color}));
-      color: var(--custom-theme-#{$color}-contrast, $white)!important;
-      @include x-hover-focus-active() {
-        background-color: var(--custom-theme-#{$color}-hover, darken(theme-color(#{$color}), 10%));
-        border-color: var(--custom-theme-#{$color}-hover, darken(theme-color(#{$color}), 10%));
-      }
-      @include x-focus-active() {
-        box-shadow: 0 0 0 0.2rem rgba(var(--custom-theme-#{$color}-rgb, theme-color(#{$color})), 0.5);
-      }
-    }
-    &-outline-#{$color} {
-      background-color: transparent;
-      border-color: var(--custom-theme-#{$color}, theme-color(#{$color}));
-      color: var(--custom-theme-#{$color}, theme-color(#{$color}));
-      @include x-hover-focus-active() {
-        background-color: var(--custom-theme-#{$color}, theme-color(#{$color}));
-        border-color: var(--custom-theme-#{$color}, theme-color(#{$color}));
-        color: var(--custom-theme-#{$color}-contrast, $white);
-      }
-      @include x-focus-active() {
-        box-shadow: 0 0 0 0.2rem rgba(var(--custom-theme-#{$color}-rgb, theme-color(#{$color})), 0.5);
-      }
-    }
-    &-inverted-#{$color} {
-      background-color: $white;
-      color: var(--custom-theme-#{$color}, theme-color(#{$color}));
-      border-color: $border-color;
-
-      @include x-hover() {
-        background-color: rgba(var(--custom-theme-#{$color}-rgb, theme-color(#{$color})), 0.2);
-      }
-      @include x-focus-active() {
-        background-color: var(--custom-theme-#{$color}, theme-color(#{$color}));
-        border-color: var(--custom-theme-#{$color}, theme-color(#{$color}));
-        box-shadow: 0 0 0 0.2rem rgba(var(--custom-theme-#{$color}-rgb, theme-color(#{$color})), 0.5);
-        &,
-        * {
-          color: var(--custom-theme-#{$color}-contrast, white);
-        }
-      }
-    }
-  }
-}

package/dist/scss/x2/mixins/_x-grid.scss

@@ -1,9 +0,0 @@
-// For each breakpoint, define the maximum width of the container in a media query
-@mixin make-container-fluid-max-widths($max-widths: $container-max-widths) {
-  @each $breakpoint, $container-max-width in $max-widths {
-      .container-fluid-#{$breakpoint} {
-        @extend .container-fluid;
-        max-width: $container-max-width;
-      }
-  }
-}

package/dist/scss/x2/mixins/_x-hover.scss

@@ -1,72 +0,0 @@
-@mixin x-hover {
-  &:not(:disabled):not(.disabled) {
-    &:hover {
-      @include transition($btn-transition);
-      @content;
-    }
-  }
-}
-
-@mixin x-hover-focus-active {
-  &:not(:disabled):not(.disabled){
-    &:hover,
-    &:focus,
-    &.active,
-    &:active {
-      @include transition($btn-transition);
-      @content;
-    }
-  }
-}
-
-@mixin x-no-hover-focus-active {
-  &:not(:disabled):not(.disabled){
-    &:not(:hover),
-    &:not(:focus),
-    &:not(.active),
-    &:not(:active){
-      @content;
-    }
-  }
-}
-
-
-@mixin x-focus-active {
-  &:not(:disabled):not(.disabled){
-    &:focus,
-    &.active,
-    &:active {
-      @include transition($btn-transition);
-      @content;
-    }
-  }
-}
-
-@mixin x-active {
-  &:not(:disabled):not(.disabled) {
-    &.active,
-    &:active {
-      @include transition($btn-transition);
-      @content;
-    }
-  }
-}
-
-@mixin x-disabled {
-	&.disabled,
-  &:disabled {
-    @content;
-  }
-}
-
-@mixin x-form-control-focus {
-  color: $input-focus-color;
-  background-color: $input-focus-bg;
-  border-color: $input-focus-border-color;
-  outline: 0;
-  @if $enable-shadows {
-    box-shadow: $input-box-shadow, $input-focus-box-shadow;
-  } @else {
-    box-shadow: $input-focus-box-shadow;
-  }
-}

package/dist/scss/x2/mixins/_x-icons.scss

@@ -1,7 +0,0 @@
-@mixin x-icon-sizing($map) {
-  @each $size, $value in $map {
-    .x-icon-#{$size} {
-      font-size: $value;
-    }
-  }
-}

package/dist/scss/x2/mixins/_x-sizing.scss

@@ -1,28 +0,0 @@
-@mixin x-min-widths($map) {
-  @each $width, $value in $map {
-    %x-min-width-#{$width} {
-      min-width: ($value / 1px ) / 16 * 1rem ; // Convert px to rem
-    }
-    .x-min-width-#{$width} {
-      @extend %x-min-width-#{$width};
-    }
-  }
-}
-
-@mixin x-max-widths($map) {
-  @each $width, $value in $map {
-    %x-max-width-#{$width} {
-      max-width: ($value / 1px ) / 16 * 1rem !important; // Convert px to rem
-                                                         // Important to override Bootstrap
-    }
-
-    .x-max-width-#{$width} {
-      @extend %x-max-width-#{$width};
-    }
-  }
-}
-
-@mixin size($width, $height: $width) {
-  width: $width;
-  height: $height;
-}

package/dist/scss/x2/mixins/_x-visibility.scss

@@ -1,6 +0,0 @@
-// stylelint-disable declaration-no-important
-
-// Visibility
-@mixin invisible($visibility) {
-  visibility: $visibility;
-}

package/dist/scss/x2/utilities/_all.scss

@@ -1,10 +0,0 @@
-@import "./animation/animation";
-@import "./borders/borders";
-@import "./cursor/cursor";
-@import "./divider/divider";
-@import "./theme/dark-theme";
-@import "./flex/flex";
-@import "./text/text";
-@import "./position/position";
-@import "./sizing/sizing";
-@import "./visibility/visibility";

package/dist/scss/x2/utilities/animation/_animation.scss

@@ -1,24 +0,0 @@
-.x-animation-origin-left {
-  transform-origin: left;
-}
-.x-animation-origin-left-top {
-  transform-origin: left top;
-}
-
-.x-animation-origin-right-top {
-  transform-origin: right top;
-}
-
-.x-transition-base {
-  @include transition()
-}
-
-@keyframes x-scale-in {
-  0% { opacity: 0; -webkit-transform: scale(0); }
-  100% { opacity: 1; -webkit-transform: scale(1); }
-}
-
-// animaiton for ngx-Popper
-.ngxp__animation {
-  animation: ngxp-fadeIn 150ms ease-out;
-}

package/dist/scss/x2/utilities/borders/_borders.scss

@@ -1,41 +0,0 @@
-.x-border-dashed {
-  border-style: dashed !important;
-}
-
-.x-border-dotted {
-  border-style: dotted !important;
-}
-
-.x-border-thick {
-  border-width: thick !important;
-}
-
-.x-border-left-dotted {
-  @extend .border-left;
-  border-left-style: dotted !important;
-}
-
-.x-border-ver-dotted {
-  @extend .border,
-          .border-left-0,
-          .border-right-0,
-          .border-bottom-0,
-          .x-border-dotted;
-  width: 10px;
-  height: 1px;
-  top: 50%;
-}
-
-.x-border-hr-dotted {
-  @extend .border,
-          .border-top-0,
-          .border-right-0,
-          .border-bottom-0,
-          .x-border-dotted;
-  bottom: 0;
-  width: 1px;
-}
-
-.x-rounded-lg {
-  border-radius: $border-radius-lg !important;
-}

package/dist/scss/x2/utilities/cursor/_cursor.scss

@@ -1,19 +0,0 @@
-%cursor-default {
-  cursor: default;
-}
-
-%cursor-pointer {
-  cursor: pointer;
-}
-
-.cursor-pointer {
-  @extend %cursor-pointer;
-}
-
-%cursor-not-allowed {
-  cursor: not-allowed;
-}
-
-%cursor-grab {
-  cursor: grab;
-}

package/dist/scss/x2/utilities/divider/_divider.scss

@@ -1,14 +0,0 @@
-.x-divider- {
-
-  &vertical {
-    @extend .d-block,
-            .border-right,
-            .mx-2;
-  }
-
-  &horizontal {
-    @extend .d-block,
-            .border-bottom,
-            .my-2;
-  }
-}

package/dist/scss/x2/utilities/flex/_flex.scss

@@ -1,9 +0,0 @@
-.flex-auto {
-  flex: auto;
-}
-
-.flex-1 {
-	flex: 1;
-}
-
-