@leapdev/gui 0.2.265 → 1.0.0

package/dist/scss/core/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/core/mixins/_x-icons.scss

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

package/dist/scss/core/mixins/_x-media-query.scss

@@ -1,5 +0,0 @@
-@mixin x-media-orientation($orientation) {
-  @media (orientation: $orientation) {
-    @content;
-  }
-}

package/dist/scss/core/mixins/_x-section.scss

@@ -1,5 +0,0 @@
-@mixin x-section-heading-min-height {
-  @extend .align-items-end;
-
-  min-height: $x-section-header-min-height;
-}

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

@@ -1,41 +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 x-max-heights($map) {
-  @each $height, $value in $map {
-    %x-max-height-#{$height} {
-      max-height: ($value / 1px ) / 16 * 1rem !important; // Convert px to rem
-                                                         // Important to override Bootstrap
-    }
-
-    .x-max-height-#{$height} {
-      @extend %x-max-height-#{$height};
-    }
-  }
-}
-
-@mixin size($width, $height: $width) {
-  width: $width;
-  height: $height;
-}

package/dist/scss/core/mixins/_x-text-emphasis.scss

@@ -1,16 +0,0 @@
-// stylelint-disable declaration-no-important
-
-// Typography
-
-@mixin text-emphasis-variant($parent, $color, $ignore-warning: false) {
-  #{$parent} {
-    color: $color !important;
-  }
-  @if $emphasized-link-hover-darken-percentage != 0 {
-    a#{$parent} {
-      @include hover-focus() {
-        color: darken($color, $emphasized-link-hover-darken-percentage) !important;
-      }
-    }
-  }
-}

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

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

package/dist/scss/core/utilities/_all.scss

@@ -1,14 +0,0 @@
-@import "./animation/animation";
-@import "./borders/borders";
-@import "./background/background";
-@import "./cursor/cursor";
-@import "./divider/divider";
-@import "./display/display";
-@import "./theme/dark-theme";
-@import "./flex/flex";
-@import "./text/text";
-@import "./position/position";
-@import "./spacing/spacing";
-@import "./sizing/sizing";
-@import "./visibility/visibility";
-@import "./zindex/zindex";

package/dist/scss/core/utilities/align/_align.scss

@@ -1,8 +0,0 @@
-// stylelint-disable declaration-no-important
-
-%align-baseline    { vertical-align: baseline !important; } // Browser default
-%align-top         { vertical-align: top !important; }
-%align-middle      { vertical-align: middle !important; }
-%align-bottom      { vertical-align: bottom !important; }
-%align-text-bottom { vertical-align: text-bottom !important; }
-%align-text-top    { vertical-align: text-top !important; }

package/dist/scss/core/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/core/utilities/background/_background.scss

@@ -1,19 +0,0 @@
-// stylelint-disable declaration-no-important
-
-@each $color, $value in $theme-colors {
-  @include bg-variant("%bg-#{$color}", $value);
-}
-
-@if $enable-gradients {
-  @each $color, $value in $theme-colors {
-    @include bg-gradient-variant("%bg-gradient-#{$color}", $value);
-  }
-}
-
-%bg-white {
-  background-color: $white !important;
-}
-
-%bg-transparent {
-  background-color: transparent !important;
-}

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

@@ -1,145 +0,0 @@
-// stylelint-disable property-blacklist, declaration-no-important
-
-//
-// Border
-//
-
-%border         { border: $border-width solid $border-color !important; }
-%border-top     { border-top: $border-width solid $border-color !important; }
-%border-right   { border-right: $border-width solid $border-color !important; }
-%border-bottom  { border-bottom: $border-width solid $border-color !important; }
-%border-left    { border-left: $border-width solid $border-color !important; }
-
-%border-0        { border: 0 !important; }
-%border-top-0    { border-top: 0 !important; }
-%border-right-0  { border-right: 0 !important; }
-%border-bottom-0 { border-bottom: 0 !important; }
-%border-left-0   { border-left: 0 !important; }
-
-@each $color, $value in $theme-colors {
-  %border-#{$color} {
-    border-color: $value !important;
-  }
-}
-
-%border-white {
-  border-color: $white !important;
-}
-
-//
-// Border-radius
-//
-
-%rounded-sm {
-  border-radius: $border-radius-sm !important;
-}
-
-%rounded {
-  border-radius: $border-radius !important;
-}
-
-%rounded-top {
-  border-top-left-radius: $border-radius !important;
-  border-top-right-radius: $border-radius !important;
-}
-
-%rounded-right {
-  border-top-right-radius: $border-radius !important;
-  border-bottom-right-radius: $border-radius !important;
-}
-
-%rounded-bottom {
-  border-bottom-right-radius: $border-radius !important;
-  border-bottom-left-radius: $border-radius !important;
-}
-
-%rounded-left {
-  border-top-left-radius: $border-radius !important;
-  border-bottom-left-radius: $border-radius !important;
-}
-
-%rounded-lg {
-  border-radius: $border-radius-lg !important;
-}
-
-%rounded-circle {
-  border-radius: 50% !important;
-}
-
-%rounded-pill {
-  border-radius: $rounded-pill !important;
-}
-
-%rounded-0 {
-  border-radius: 0 !important;
-}
-
-
-%rounded-circle {
-  border-radius: 50% !important;
-}
-
-%x-border-dashed,
-.x-border-dashed {
-  border-style: dashed !important;
-}
-
-%x-border-dotted,
-.x-border-dotted {
-  border-style: dotted !important;
-}
-
-%x-border-thick,
-.x-border-thick {
-  border-width: thick !important;
-}
-
-%x-border-left-dotted,
-.x-border-left-dotted {
-  @extend %border-left;
-  border-left-style: dotted !important;
-}
-
-%x-border-top-0,
-.x-border-top-0 {
-  border-top: 0 !important;
-}
-
-%x-border-ver-dotted,
-.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,
-.x-border-hr-dotted {
-  @extend %border,
-          %border-top-0,
-          %border-right-0,
-          %border-bottom-0,
-          %x-border-dotted;
-  bottom: 0;
-  width: 1px;
-}
-
-%x-rounded,
-.x-rounded {
-  border-radius: $border-radius !important;
-}
-
-%x-rounded-lg,
-.x-rounded-lg {
-  border-radius: $border-radius-lg !important;
-}
-
-%x-shadow,
-.x-shadow {
-  @extend %border-0;
-  box-shadow: $box-shadow;
-}

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

@@ -1,22 +0,0 @@
-
-$cursor-default: default !default;
-$cursor-pointer: pointer !default;
-$cursor-not-allowed: not-allowed !default;
-$cursor-grab: grab !default;
-
-
-%cursor-default {
-  cursor: $cursor-default;
-}
-
-%cursor-pointer {
-  cursor: $cursor-pointer;
-}
-
-%cursor-not-allowed {
-  cursor: $cursor-not-allowed;
-}
-
-%cursor-grab {
-  cursor: $cursor-grab;
-}

package/dist/scss/core/utilities/display/_display.scss

@@ -1,20 +0,0 @@
-@each $breakpoint in map-keys($grid-breakpoints) {
-  @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
-    @each $value in $displays {
-      %d#{$infix}-#{$value} { display: $value !important; }
-    }
-  }
-}
-
-
-//
-// Utilities for toggling `display` in print
-//
-
-@media print {
-  @each $value in $displays {
-    %d-print-#{$value} { display: $value !important; }
-  }
-}

package/dist/scss/core/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/core/utilities/flex/_flex.scss

@@ -1,147 +0,0 @@
-@each $breakpoint in map-keys($grid-breakpoints) {
-  @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
-    %flex#{$infix}-row            { flex-direction: row !important; }
-    %flex#{$infix}-column         { flex-direction: column !important; }
-    %flex#{$infix}-row-reverse    { flex-direction: row-reverse !important; }
-    %flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }
-
-    %flex#{$infix}-wrap         { flex-wrap: wrap !important; }
-    %flex#{$infix}-nowrap       { flex-wrap: nowrap !important; }
-    %flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }
-    %flex#{$infix}-fill         { flex: 1 1 auto !important; }
-    %flex#{$infix}-grow-0       { flex-grow: 0 !important; }
-    %flex#{$infix}-grow-1       { flex-grow: 1 !important; }
-    %flex#{$infix}-shrink-0     { flex-shrink: 0 !important; }
-    %flex#{$infix}-shrink-1     { flex-shrink: 1 !important; }
-
-    %justify-content#{$infix}-start   { justify-content: flex-start !important; }
-    %justify-content#{$infix}-end     { justify-content: flex-end !important; }
-    %justify-content#{$infix}-center  { justify-content: center !important; }
-    %justify-content#{$infix}-between { justify-content: space-between !important; }
-    %justify-content#{$infix}-around  { justify-content: space-around !important; }
-
-    %align-items#{$infix}-start    { align-items: flex-start !important; }
-    %align-items#{$infix}-end      { align-items: flex-end !important; }
-    %align-items#{$infix}-center   { align-items: center !important; }
-    %align-items#{$infix}-baseline { align-items: baseline !important; }
-    %align-items#{$infix}-stretch  { align-items: stretch !important; }
-
-    %align-content#{$infix}-start   { align-content: flex-start !important; }
-    %align-content#{$infix}-end     { align-content: flex-end !important; }
-    %align-content#{$infix}-center  { align-content: center !important; }
-    %align-content#{$infix}-between { align-content: space-between !important; }
-    %align-content#{$infix}-around  { align-content: space-around !important; }
-    %align-content#{$infix}-stretch { align-content: stretch !important; }
-
-    %align-self#{$infix}-auto     { align-self: auto !important; }
-    %align-self#{$infix}-start    { align-self: flex-start !important; }
-    %align-self#{$infix}-end      { align-self: flex-end !important; }
-    %align-self#{$infix}-center   { align-self: center !important; }
-    %align-self#{$infix}-baseline { align-self: baseline !important; }
-    %align-self#{$infix}-stretch  { align-self: stretch !important; }
-  }
-}
-
-
-%flex-auto,
-.flex-auto {
-  flex: auto;
-}
-
-%flex-1,
-.flex-1 {
-	flex: 1;
-}
-
-%x-flex-start,
-.x-flex-start {
-  @extend %d-flex,
-          %align-items-center,
-          %justify-content-start;
-}
-
-%x-flex-end,
-.x-flex-end {
-  @extend %d-flex,
-          %align-items-center,
-          %justify-content-end;
-}
-
-%x-flex-center,
-.x-flex-center {
-  @extend %d-flex,
-          %align-items-center,
-          %justify-content-center;
-}
-
-%x-flex-a-center {
-  @extend %d-flex,
-          %align-items-center;
-}
-
-%x-flex-j-center {
-  @extend %d-flex,
-          %justify-content-center;
-}
-
-
-%x-flex-between-end,
-.x-flex-between-end {
-  @extend %d-flex,
-          %align-items-end,
-          %justify-content-between;
-}
-
-%x-flex-between-start,
-.x-flex-between-start{
-  @extend %d-flex,
-          %align-items-start,
-          %justify-content-between;
-}
-
-.x-highlight {
-   * {
-    font-weight: 500;
-   }
-  &:after {
-    content: '';
-    width: 100%;
-    height: 100%;
-    background-color: #333333;
-    opacity: 0.04;
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    right: 0;
-    left: 0;
-    z-index: 0;
-  }
-}
-
-.x-border-right {
-  &:after {
-    content: '';
-    width: 1px;
-    height: 200%;
-    background-color: $border-color;
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    right: 0;
-  }
-}
-
-.x-border-left {
-  &:before {
-    content: '';
-    width: 1px;
-    height: 200%;
-    background-color: $border-color;
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-  }
-}

package/dist/scss/core/utilities/position/_position.scss

@@ -1,57 +0,0 @@
-// stylelint-disable declaration-no-important
-
-// Common values
-@each $position in $positions {
-  %position-#{$position} { position: $position !important; }
-}
-
-
-// stylelint-disable declaration-no-important
-
-@each $value in $overflows {
-  %overflow-#{$value} { overflow: $value !important; }
-}
-
-// Shorthand
-
-%fixed-top {
-  position: fixed;
-  top: 0;
-  right: 0;
-  left: 0;
-  z-index: $zindex-fixed;
-}
-
-%fixed-bottom {
-  position: fixed;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: $zindex-fixed;
-}
-
-%sticky-top {
-  @supports (position: sticky) {
-    position: sticky;
-    top: 0;
-    z-index: $zindex-sticky;
-  }
-}
-
-
-
-%zindex-dropdown {
-  z-index: $zindex-dropdown !important;
-}
-
-.translate-y-sm-50 {
-  @include media-breakpoint-up(sm) {
-    transform: translateY(50%);
-  }
-}
-
-.x-flex-centered,
-%x-flex-centered {
-  @extend %x-flex-center;
-  flex-direction: column;
-}