@leapdev/gui 0.2.264 → 1.0.0

package/dist/scss/x1/components/avatar/_avatar.scss

@@ -1,76 +0,0 @@
-$avatar-size:                 2.5rem !default;
-$avatar-size-sm:              2rem !default;
-$avatar-size-lg:              4rem !default;
-
-
-$x-avatar-bg:                 $gray-400 !default;
-$x-avatar-border-color:       $x-avatar-bg !default;
-$x-avatar-border-width:       2px !default;
-
-.x-avatar {
-  @extend %font-size-sm,
-          .position-relative,
-          .rounded-circle,
-          %d-flex,
-          %m-0,
-          %align-items-center,
-          %justify-content-center,
-          %text-white,
-          %font-weight-normal,
-          .overflow-hidden;
-
-  background-color: $x-avatar-bg;
-  border: $x-avatar-border-width solid $x-avatar-border-color;
-  height: var(--avatar-size, $avatar-size);
-  width: var(--avatar-size, $avatar-size);
-
-  .ch3 {
-    @extend %font-size-xs;
-  }
-
-}
-
-.is-sm {
-  --avatar-size: #{$avatar-size-sm};
-  .x-icon {
-    height: var(--avatar-size, $avatar-size);
-    width: var(--avatar-size, $avatar-size);
-  }
-}
-
-.is-md {
-  --avatar-size: #{$avatar-size};
-}
-
-.is-lg {
-  --avatar-size: #{$avatar-size-lg};
-
-  .x-icon {
-    transform: translateY(0.55rem);
-  }
-}
-
-.x-avatar-thumbnail {
-  @extend .img-fluid;
-}
-
-.x-avatar-list {
-  @extend %d-flex;
-  > * {
-    @extend %mx-1;
-    &:first-child {
-      @extend %ml-0;
-    }
-    &:last-child {
-      @extend %mr-0;
-    }
-  }
-}
-
-.x-avatar-notification {
-  background-color: rgba(theme-color("primary"), 0.17);
-  border: 0;
-  * {
-    color: theme-color("primary");
-  }
-}

package/dist/scss/x1/components/badge/_badge-chips.scss

@@ -1,92 +0,0 @@
-// Full content region list modal forms
-// Used in combine pdf modal
-$x-ui-chips-full-max-height:                            7.5rem !default;
-$custom-icon-close-color:                               theme-color("grey") !default;
-$custom-icon-close-color-hover:                         $white !default;
-$ui-chips-token-icon-close:                             str-replace(url("data:image/svg+xml;chatset=uft8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='#{$custom-icon-close-color}' d='M50.0656072,44.2201911 L74.2849812,20.0008171 L79.9418354,25.6576714 L55.7224614,49.8770454 L80.1305346,74.2851185 L74.4736803,79.9419728 L50.0656072,55.5338996 L25.6576714,79.9418354 L20.0008171,74.2849812 L44.4087529,49.8770454 L20.1895163,25.6578087 L25.8463705,20.0009545 L50.0656072,44.2201911 Z'/%3E%3C/svg%3E"), "#","%23");
-$ui-chips-token-icon-close-hover:                       str-replace(url("data:image/svg+xml;chatset=uft8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='#{$custom-icon-close-color-hover}' d='M50.0656072,44.2201911 L74.2849812,20.0008171 L79.9418354,25.6576714 L55.7224614,49.8770454 L80.1305346,74.2851185 L74.4736803,79.9419728 L50.0656072,55.5338996 L25.6576714,79.9418354 L20.0008171,74.2849812 L44.4087529,49.8770454 L20.1895163,25.6578087 L25.8463705,20.0009545 L50.0656072,44.2201911 Z'/%3E%3C/svg%3E"), "#","%23");
-
-
-.x-ui-chips-full {
-  @extend .w-100,
-          %d-block,
-          %overflow-auto,
-          %bg-white,
-          .border;
-  &.form-control {
-    @extend %py-0,
-            %px-2;
-    max-height: $x-ui-chips-full-max-height;
-  }
-}
-
-// Slim in sidebar details
-.x-ui-chips-slim {
-  @extend %d-flex,
-          %mt-2,
-          %align-items-center;
-}
-
-.ui-chips {
-  padding-bottom: 3px;
-
-  .form-control-sm & {
-    padding-bottom: 4px;
-  }
-
-  .ui-inputtext {
-    @extend %p-0,
-            %m-0;
-  }
-}
-
-.ui-chips-token {
-  @extend %x-badge-tag,
-          %p-0,
-          %justify-content-between,
-          .overflow-hidden;
-  margin: 6px auto auto 6px;
-
-  .form-control-sm & {
-    margin-top: 4px;
-  }
-}
-
-.ui-chips-token-label {
-  @extend %px-2;
-}
-
-.ui-chips-token-icon {
-  @extend %x-badge-tag-icon,
-          %mt-0,
-          %ml-1,
-          .border-left,
-          .order-2;
-
-  &.pi-times {
-    @include size(1.375rem!important);
-    background-image: $ui-chips-token-icon-close;
-    background-size: 54.54%;
-    background-repeat: no-repeat;
-    background-position: 50% 50%;
-
-    @include hover-focus-active {
-      @extend %cursor-pointer,
-              %bg-info,
-              .text-white;
-      background-image: $ui-chips-token-icon-close-hover;
-    }
-
-    &:before {
-      content: '' !important;
-    }
-  }
-}
-
-.ui-chips-input-token {
-  @extend %d-none;
-}
-
-
-
-

package/dist/scss/x1/components/badge/_badge-default.scss

@@ -1,26 +0,0 @@
-
-
-%badge-primary,
-.badge-primary {
-	@include x-badge-variant(theme-color("primary-transparent"), theme-color("primary"));
-}
-%badge-secondary,
-.badge-secondary {
-  @include x-badge-variant(theme-color("secondary-transparent"), theme-color("secondary"));
-}
-%badge-success,
-.badge-success {
-	@include x-badge-variant(theme-color("success"), theme-color("success"));
-}
-%badge-danger,
-.badge-danger {
-	@include x-badge-variant(theme-color("danger"), theme-color("danger"));
-}
-%badge-warning,
-.badge-warning {
-	@include x-badge-variant(theme-color("warning"), theme-color("warning"));
-}
-%badge-grey,
-.badge-grey {
-	@include x-badge-variant(theme-color("grey"), theme-color("secondary-lighter"), 0.9);
-}

package/dist/scss/x1/components/badge/_badge-notification.scss

@@ -1,46 +0,0 @@
-.x-notification-badge-container {
-  @extend %d-flex,
-          %justify-content-center,
-          %align-items-center;
-
-  position: relative;
-  min-height: 2.5em;
-  &.small-badge {
-    min-height: 2em;
-  }
-}
-
-$height: 1.35em;
-$small-height: $height/1.4;
-.badge-rounded {
-  @extend %font-size-sm,
-          %d-flex,
-          %align-items-center,
-          %justify-content-center;
-
-  padding: 0 3px;
-  border-radius: $height/2;
-  height: $height;
-  min-width: $height;
-  &.small-badge {
-    height: $small-height;
-    min-width: $small-height;
-    border-radius: $small-height/2;
-    padding: 0;
-  }
-}
-
-.badge-notification {
-  @include x-badge-variant(theme-color("danger"), white, 1);
-  font-weight: $font-weight-bold;
-
-  .x-notification-badge-container &.badge {
-    position: absolute;
-    top: 0;
-    left: 55%;
-  }
-}
-
-.x-notification-group-header {
-  @extend %text-grey;
-}

package/dist/scss/x1/components/badge/_badge-outline.scss

@@ -1,21 +0,0 @@
-
-%x-badge-default,
-.x-badge-default {
-	@include x-badge-outline-variant(theme-color("primary"), $border-color, transparent);
-}
-%x-badge-danger,
-.x-badge-danger {
-	@include x-badge-outline-variant(theme-color("light"), theme-color("danger"), theme-color("danger"));
-}
-%x-badge-warning,
-.x-badge-warning {
-	@include x-badge-outline-variant(theme-color("light"), theme-color("warning"), theme-color("warning"));
-}
-%badge-info,
-.badge-info {
-	@include x-badge-outline-variant(theme-color("info"), $border-color, transparent);
-}
-%x-badge-chrome,
-.x-badge-chrome {
-	@include x-badge-outline-variant(theme-color("grey"), $border-color, theme-color("light-secondary"));
-}

package/dist/scss/x1/components/badge/_badge-tag.scss

@@ -1,103 +0,0 @@
-// Set default customise component variables here,
-// Override it in theme variables files
-
-$x-badge-tag-font-size:   $font-size-xs !default;
-
-.x-badge-container {
-  @extend %d-flex,
-          %flex-1,
-          .flex-wrap;
-  min-height: 26px;
-
-}
-
-
-%x-badge-tag,
-.x-badge-tag {
-  @extend %badge,
-          %d-inline-flex,
-          %align-items-center,
-          %badge-light;
-
-  &.x-badge-tag-full {
-    @extend %mb-1,
-            %pt-1,
-            %pb-1,
-            %position-relative,
-            .w-100;
-  }
-}
-
-.x-badge-tag-label {
-  @extend %pl-2,
-          %pr-1,
-          %d-flex,
-          %text-transform-none;
-  font-size: $x-badge-tag-font-size;
-
-
-  .x-badge-tag-full & {
-    @extend %text-left,
-            %pr-2;
-    white-space: pre-wrap;
-    line-height: 1.42;
-    text-transform: none;
-  }
-}
-%x-badge-tag-icon,
-.x-badge-tag-icon {
-  @extend %x-icon-sm,
-          .h-100,
-          %px-0,
-          %pr-1,
-          %align-items-center;
-
-  &:last-child {
-    @extend .border-left,
-            .border-primary-transparent,
-            %ml-1,
-            %pl-1,
-            .rounded-right;
-  }
-
-  &.is-clickable {
-    @extend %text-grey;
-
-    @include hover-focus-active {
-      @extend %bg-info,
-              %text-white;
-    }
-  }
-}
-
-.x-badge-tag-content {
-  @extend .x-badge-tag,
-          %mr-1,
-          %mt-1,
-          %pl-2,
-          %py-0,
-          .mw-100;
-  @include box-shadow(0 0 0 1px lighten(theme-color('info-transparent'), 20%));
-
-  line-height: 1.2;
-
-  &.is-clickable:hover {
-    @extend %bg-info-transparent;
-  }
-
-  .x-badge-tag-label {
-    @extend %d-block,
-            %text-truncate,
-            %py-1,
-            %pl-0;
-  }
-
-}
-
-.x-badge-tag-remove {
-  position: absolute;
-  right: 0;
-  height: 100%;
-}
-
-

package/dist/scss/x1/components/badge/_badge.scss

@@ -1,81 +0,0 @@
-// Base class
-//
-// Requires one of the contextual, color modifier classes for `color` and
-// `background-color`.
-
-%badge,
-.badge {
-  display: inline-block;
-  padding: $badge-padding-y $badge-padding-x;
-  @include font-size($badge-font-size);
-  font-weight: $badge-font-weight;
-  line-height: 1;
-  text-align: center;
-  white-space: nowrap;
-  vertical-align: baseline;
-  @include border-radius($badge-border-radius);
-  @include transition($badge-transition);
-
-  @at-root a#{&} {
-    @include hover-focus {
-      text-decoration: none;
-    }
-  }
-
-  // Empty badges collapse automatically
-  &:empty {
-    display: none;
-  }
-}
-
-// Quick fix for badges in buttons
-.btn .badge {
-  position: relative;
-  top: -1px;
-}
-
-// Pill badges
-//
-// Make them extra rounded with a modifier to replace v3's badges.
-%badge-pill,
-.badge-pill {
-  padding-right: $badge-pill-padding-x;
-  padding-left: $badge-pill-padding-x;
-  @include border-radius($badge-pill-border-radius);
-}
-
-// Colors
-//
-// Contextual variations (linked badges get darker on :hover).
-
-@each $color, $value in $theme-colors {
-  %badge-#{$color},
-  .badge-#{$color} {
-    @include badge-variant($value);
-  }
-}
-
-
-
-
-$x-badge-text-uppercase: true !default;
-
-.badge {
-	@if ($x-badge-text-uppercase) {
-  	@extend %text-uppercase;
-	}
-	&.is-wide {
-		min-width: 140px;
-	}
-}
-
-%x-badge-with-icon,
-.x-badge-with-icon {
-  @extend %badge,
-          %d-inline-flex,
-          %align-items-center;
-
-  .x-icon-container {
-    @extend %mr-2;
-  }
-}

package/dist/scss/x1/components/breadcrumb/_breadcrumb.scss

@@ -1,30 +0,0 @@
-@import "~bootstrap/scss/breadcrumb";
-
-
-.breadcrumb {
-	@extend %mb-0;
-}
-
-.breadcrumb-item {
-  @extend %font-size-sm,
-          %d-flex,
-					%flex-row,
-					%bg-white,
-					%align-items-center;
-
-
-  &:before {
-		@extend %d-none;
-	}
-
-	a {
-		@extend %d-flex;
-		text-decoration: none;
-	}
-}
-
-
-.x-breadcrumb-icon {
-	@extend %pr-1,
-          %text-muted;
-}

package/dist/scss/x1/components/button/_button-checkbox.scss

@@ -1,11 +0,0 @@
-.x-btn-checkbox {
-  @extend %btn,
-          %mb-0,
-          .custom-control,
-          .custom-checkbox;
-
-  .custom-control-label {
-    @extend %ml-4;
-  }
-
-}

package/dist/scss/x1/components/button/_button-collapse.scss

@@ -1,24 +0,0 @@
-.x-btn-collapse {
-  @extend %btn,
-          %btn-link,
-          %ml-auto,
-          %x-btn-icon,
-          %px-0;
-  font-weight: $font-weight-bold;
-  font-size: $font-size-xs;
-  text-decoration: none !important;
-  color: theme-color("info");
-
-  .x-icon {
-    @extend %ml-2;
-  }
-
-  @include x-hover {
-    color: theme-color("default");
-
-  }
-
-  @include x-focus-active {
-    box-shadow: none !important;
-  }
-}

package/dist/scss/x1/components/button/_button-default.scss

@@ -1,17 +0,0 @@
-
-$x-btn-default-bg:            $white                         !default;
-$x-btn-default-bg-hover:      theme-color("primary-transparent") !default;
-$x-btn-default-color:         theme-color("primary")         !default;
-$x-btn-default-color-dark:    theme-color("default")         !default;
-$x-btn-default-border-color:  $border-color                  !default;
-
-
-%x-btn-default,
-.x-btn-default {
-	@include x-button-outline-variant($x-btn-default-color, $x-btn-default-color, $x-btn-default-bg, $x-btn-default-bg-hover, $x-btn-default-border-color);
-}
-
-%x-btn-outline-default,
-.x-btn-outline-default {
-  @include x-button-outline-variant($x-btn-default-color-dark, $x-btn-default-color, transparent, $x-btn-default-bg-hover);
-}

package/dist/scss/x1/components/button/_button-group.scss

@@ -1,75 +0,0 @@
-@import "~bootstrap/scss/button-group";
-
-
-// Sizing
-.btn-group-xs > .btn {
-  @extend %btn-xs !optional;
-}
-
-.x-btn-group-toggle {
-  @extend .btn-group-toggle;
-
-  > .btn {
-    @extend %btn-sm,
-            %px-1;
-
-    &.x-btn-icon-only {
-      @extend %px-2;
-      line-height: 1;
-    }
-
-    &:first-child {
-      @extend .rounded-left;
-    }
-    &:last-child {
-      @extend .rounded-right;
-    }
-
-    @include hover-focus-active {
-      @include box-shadow(none);
-    }
-
-    .x-icon {
-      @extend %x-icon-md;
-    }
-  }
-}
-
-.btn-group {
-  .btn-primary:first-child:hover {
-    z-index: unset;
-  }
-  .btn-primary:last-child,
-  .dropdown-toggle-split {
-    border-left: 1px solid rgba($white, $opacity-base);
-  }
-  .x-btn-icon-only {
-    @extend .px-2;
-    .x-btn-label {
-      display: flex;
-      align-items: center;
-    }
-  }
-  .x-icon {
-    @extend .x-icon-md;
-  }
-
-}
-
-.dropdown-toggle-split {
-  &.x-btn-default {
-    border-left: 1px solid $border-color;
-  }
-  &.btn-sm {
-    @extend .px-1
-  }
-}
-
-.btn-group {
-  .btn-group-left {
-    .btn {
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0;
-    }
-  }
-}

package/dist/scss/x1/components/button/_button-icon.scss

@@ -1,49 +0,0 @@
-
-%x-btn-icon,
-.x-btn-icon {
-	@extend %x-flex-a-center;
-  .x-icon-container {
-    &:first-child {
-      @extend %mr-2;
-    }
-  }
-  &.btn-block {
-    justify-content: center;
-  }
-}
-
-
-%x-btn-icon-only,
-.x-btn-icon-only {
-  @extend %x-flex-center;
-
-  .x-icon-container {
-    @extend %x-icon-sm;
-
-    &:first-child {
-      @extend %mr-0;
-    }
-    &:last-child {
-      @extend %ml-0;
-    }
-  }
-  &.x-icon-md {
-    .x-icon {
-      @extend %x-icon-md;
-    }
-  }
-}
-
-%x-btn-icon-only-lg,
-.x-btn-icon-only-lg {
-  @extend %x-btn-icon-only,
-          %px-2;
-
-  .x-icon-container {
-    @extend %mx-1;
-  }
-
-  .x-icon {
-    @extend %x-icon-lg;
-  }
-}

package/dist/scss/x1/components/button/_button-size.scss

@@ -1,25 +0,0 @@
-//
-// Button Sizes
-//
-%btn-lg,
-.btn-lg {
-  @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);
-  .x-icon {
-    @extend %x-icon-lg;
-  }
-}
-
-%btn-sm,
-.btn-sm {
-  @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);
-  letter-spacing: $btn-letter-spacing;
-  .x-icon {
-    @extend %x-icon-sm;
-  }
-}
-
-%btn-xs,
-.btn-xs {
-	@include button-size($input-btn-padding-y-xs, $input-btn-padding-x-sm, $input-btn-font-size-xs, $input-btn-line-height-xs, $border-radius-sm);
-	letter-spacing: $btn-letter-spacing;
-}