@leapdev/gui 0.2.265 → 1.0.0

package/dist/scss/x1/features/guide/_guide.scss

@@ -1,33 +0,0 @@
-.x-guide {
-  @extend %mt-auto,
-          %py-3,
-          %pb-3,
-          %pt-0;
-
-  figure {
-    @extend %mb-0;
-  }
-
-  .x-guide-content {
-    @extend %px-3;
-
-    h6 {
-      @extend %text-secondary-darker;
-    }
-
-    p {
-      @extend %font-size-xs;
-    }
-  }
-}
-
-.x-guide-popper {
-  @extend %p-0,
-          .border-0,
-          .rounded,
-          %mt-2,
-          .border;
-  max-width: 15rem;
-  background-color: $white;
-  box-shadow: $popover-box-shadow !important;
-}

package/dist/scss/x1/features/navigation-menu/navigation-menu.scss

@@ -1,120 +0,0 @@
-$svg-bg-height: 23.75rem;
-$menu-bg-color: theme-color('light-secondary');
-
-.x-navigation-menu {
-  background-color: $menu-bg-color;
-  padding: 3rem;
-  padding-top: 4rem;
-  position: relative;
-
-  &::before, &::after {
-    content: '';
-    position: absolute;
-    left: 0;
-    right: 0;
-  }
-
-  &::before {
-    background-color: theme-color('white');
-    background-image: url('/assets/images/leap/menu-search-bg.svg');
-    background-repeat: repeat-x;
-    background-position: top center;
-    background-size: 90%;
-    height: $svg-bg-height;
-    z-index: 0;
-    top: 0;
-  }
-
-  &::after {
-    $gradient-offset: 8rem;
-    @include gradient-y(transparent, $menu-bg-color, 0%, 30%);
-    height: calc(#{$svg-bg-height} - #{$gradient-offset});
-    z-index: 1;
-    top: $gradient-offset;
-  }
-
-  .x-menu-home-heading {
-    &::after {
-      content: '';
-      position: absolute;
-      background-repeat: no-repeat;
-      background-image: url('/assets/images/leap/menu-search-illustration.svg');
-      background-size: contain;
-      width: 15.875rem;
-      height: 10rem;
-      display: block;
-      top: -3.125rem;
-      right: -0.5625rem;
-    }
-  }
-
-  > * {
-    z-index: 10;
-    display: block;
-    position: relative;
-  }
-
-  &-search-content {
-    position: relative;
-    width: 100%;
-  }
-
-  &-search {
-    left: 0;
-    right: 0;
-    min-width: 100%;
-    max-height: 20rem;
-    display: block;
-    overflow-y: auto;
-    margin-top: 0.125rem;
-
-    a {
-      display: block;
-      font-size: 0.875rem;
-    }
-  }
-
-  &-search-input {
-    position: relative;
-
-    .x-icon-container {
-      position: absolute !important;
-      top: 0.6875rem;
-      left: 0.5rem;
-      color: theme-color('info');
-    }
-
-    .form-control {
-      width: 26.25rem;
-      border-width: 0.125rem !important;
-      padding-left: 2rem;
-    }
-  }
-
-  &-group {
-    @extend %mb-3, 
-            %font-size-base;
-
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    grid-column-gap: 1rem;
-    grid-row-gap: 2rem;
-    margin-top: 3rem;
-
-    a {
-      @extend %text-decoration-none,
-              %mb-2;
-
-      font-size: 1rem;
-      &:last-child {
-        margin-bottom: 0;
-      }
-    }
-
-    > div {
-      .x-divider-horizontal:last-child {
-        display: none !important;
-      }
-    }
-  }
-}

package/dist/scss/x1/features/preview-aside/_correspondence-list.scss

@@ -1,53 +0,0 @@
-.x-correspondence-item {
-  @extend %position-relative,
-  %px-3;
-}
-
-.x-correspondence-content {
-  @extend  %mb-0,
-            %pb-0,
-            %pt-3,
-            %d-flex;
-}
-
-.x-correspondence-icon {
-  @extend %x-icon-xl,
-  %pr-3;
-}
-
-.x-correspondence-details {
-  @extend %flex-auto;
-
-  width: 1px;
-  .x-correspondence-item:not(:last-child) & {
-    @extend .border-bottom,
-    %pb-3;
-  };
-}
-
-.x-correspondence-header {
-  @extend %font-weight-bold,
-          %text-truncate,
-          %my-1;
-  a {
-    @include hover-focus-active {
-      text-decoration: none;
-    }
-  }
-}
-
-.x-correspondence-description {
-  @extend %font-size-xs,
-  %font-weight-bold,
-  %text-grey,
-  %mb-0;
-
-  dd {
-    @extend %mb-0;
-  }
-}
-
-.x-correspondence-noresults {
-  @extend  %x-flex-center;
-  height: 100%;
-}

package/dist/scss/x1/features/preview-aside/_icon-grid.scss

@@ -1,31 +0,0 @@
-.x-icon-grid {
-  @extend %d-flex,
-          %align-self-center,
-          %flex-wrap,
-          %py-3,
-          %text-center,
-          %align-content-center,
-          %justify-content-center;
-  a {
-    @extend .w-30,
-            %d-flex,
-            %p-3,
-            %align-content-center,
-            %justify-content-center,
-            %position-relative,
-            %align-items-center;
-
-    color: theme-color("secondary") !important;
-
-    @include hover-focus-active {
-
-      &::before,
-      &::after {
-        @extend %d-block;
-      }
-
-      @extend %bg-light-transparent;
-      color: theme-color("primary") !important;
-    }
-  }
-}

package/dist/scss/x1/features/preview-aside/_preview-layout.scss

@@ -1,31 +0,0 @@
-.x-preview-toolbar-tabs {
-  @extend .x-toolbar-tabs,
-          .is-tall;
-
-  .x-nav-tabs {
-    @extend %align-items-center;
-  }
-  .x-toolbar-text {
-    @extend %font-size-xs,
-            %mb-0,
-            %ml-2,
-            %text-grey;
-  }
-}
-
-.x-preview-content {
-  @extend %p-3,
-          %flex-auto,
-          .overflow-auto;
-}
-
-.x-preview-actions {
-  @extend %px-3,
-          %pb-5,
-          %mt-auto,
-          .border-top;
-
-  .btn {
-    @extend %btn-block;
-  }
-}

package/dist/scss/x1/features/preview-aside/_preview-summary.scss

@@ -1,20 +0,0 @@
-.x-preview-summary {
-  @extend .py-4,
-          .px-3,
-          .flex-column,
-          .w-100,
-          .text-center,
-          .border-bottom,
-          .align-content-center;
-}
-
-.x-preview-num {
-  @extend %font-size-lg,
-          .text-primary-lighter,
-          .mb-1;
-}
-
-.x-preview-desc {
-  @extend %font-size-base,
-          .mb-2;
-}

package/dist/scss/x1/features/share/_share-page.scss

@@ -1,14 +0,0 @@
-.x-sharescreen {
-  display: flex;
-  flex-direction: column;
-  height: 90%;
-}
-
-.x-sharescreen-col {
-  margin-bottom: 1rem;
-}
-
-.x-sharescreen-list {
-  margin-bottom: 1rem;
-  flex: 1;
-}

package/dist/scss/x1/features/statistics/_statistics.scss

@@ -1,44 +0,0 @@
-$font-size-xxs: 0.6875rem;   //11px
-
-
-.x-invoice-stats-pane {
-  @extend %text-right;
-
-  label {
-    @extend %mb-0,
-            %text-uppercase,
-            %font-weight-bold;
-
-    font-size: $font-size-xxs;
-    letter-spacing: 0.05;
-    color: lighten($color: theme-color('grey'), $amount: 10);
-  }
-}
-
-.x-invoice-stats-primary {
-  h1 {
-    @extend %mb-0;
-    font-size: 2.5rem;
-    letter-spacing: -0.1rem;
-  }
-}
-
-.x-invoice-stats-secondary {
-  @extend %d-flex,
-          %justify-content-between,
-          %pt-2,
-          %mt-2,
-          .border-top;
-
-  & > *:not(:first-child) {
-    @extend %ml-4;
-  }
-
-  & > *:only-child {
-    @extend %ml-auto;
-  }
-
-  h2 {
-    letter-spacing: -0.025rem;
-  }
-}

package/dist/scss/x1/features/timer/_timer.scss

@@ -1,97 +0,0 @@
-
-
-a.x-timer-toggle {
-
-  .show > & {
-    @extend %bg-dark,
-            .x-no-focus;
-    @include hover-focus-active {
-      background-color: theme-color('dark') !important;
-    }
-  }
-
-  &.x-timer-active {
-    background: theme-color('secondary') !important;
-    transition: background 1s ease-in-out;
-    @include pulse-darken(1.5s, 3s, theme-color('secondary'));
-  }
-
-}
-
-
-.x-timer-display {
-  @extend %font-size-lg,
-          %font-weight-normal,
-          %d-flex,
-          %align-items-center;
-}
-
-.x-timer-dropdown-menu {
-  @extend %m-0,
-          %p-0,
-          .border-0;
-  width: 25rem; // 400px
-}
-
-.x-timer-dropdown-header {
-  @extend %d-flex,
-          %align-items-center,
-          %justify-content-between,
-          %bg-dark,
-          %text-white,
-          %p-3;
-
-  .x-timer-dropdown-info {
-    @extend %mr-1,
-            .w-30,
-            %flex-auto;
-
-    > * {
-      @extend %d-block,
-              %text-truncate;
-    }
-
-    p,
-    small {
-      @extend %mb-1,
-              %text-info;
-    }
-  }
-
-  .x-timer-icon {
-    @extend %mr-1;
-    font-size: 2rem;
-    line-height: 0;
-  }
-}
-
-.x-timer-dropdown-content {
-  @extend .x-list-group-content,
-          .overflow-auto;
-  max-height: 25rem; // 400px
-
-  .list-group-item {
-
-    &:last-child {
-      @extend .border-bottom-0;
-    }
-
-    > * {
-      @extend %d-block,
-              %text-truncate;
-    }
-
-    h6 {
-      @extend %font-weight-bold,
-              %text-primary,
-              %text-uppercase,
-              %mb-0;
-    }
-
-    span {
-      @extend %font-size-sm,
-              %text-grey;
-    }
-
-  }
-}

package/dist/scss/x1/mixins/_all.scss

@@ -1,8 +0,0 @@
-@import "./x-badge";
-@import "./x-button";
-@import "./x-grid";
-@import "./x-hover";
-@import "./x-icons";
-@import "./x-sizing";
-@import "./x-status";
-@import "./x-visibility";

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

@@ -1,42 +0,0 @@
-@mixin x-badge-variant($bg, $color, $opacity: 0.2) {
-  color: $color;
-  background-color: rgba($bg, $opacity);
-
-  &[href] {
-    @include hover-focus {
-      color: $color;
-      text-decoration: none;
-      background-color: rgba($bg, $opacity);
-    }
-  }
-}
-
-@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;
-    }
-  }
-}
-
-@mixin x-badge-status-variant($color, $bg, $border-type) {
-	background-color: $bg;
-  color: $color;
-  border: 1px $border-type $color;
-
-  &[href] {
-    @include hover-focus {
-      color: $color;
-      text-decoration: none;
-	 		background-color: $bg;
-	 		border-color: $color;
-    }
-  }
-}

package/dist/scss/x1/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/x1/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/x1/mixins/_x-hover.scss

@@ -1,62 +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-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/x1/mixins/_x-icons.scss

@@ -1,16 +0,0 @@
-@mixin x-icon-sizing($map) {
-  @each $size, $value in $map {
-    %x-icon-#{$size},
-    .x-icon-#{$size} {
-      font-size: $value;
-    }
-  }
-}
-
-//icon fill colors
-@each $theme-color, $fill-color in $theme-colors {
-  %x-fill-color-#{$theme-color},
-  .x-fill-color-#{$theme-color} {
-    fill: $fill-color;
-  }
-}

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

@@ -1,29 +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/x1/mixins/_x-status.scss

@@ -1,38 +0,0 @@
-@mixin pulse-darken($delay, $duration, $background){
-  animation: bg-color-change $duration infinite ease;
-  animation-delay: $delay;
-  @keyframes bg-color-change {
-    0%  {background: $background}
-    50%  {background: darken( $background, 10% )}
-    100%  {background: $background}
-  }
-}
-
-@mixin pulse-lighten($delay, $duration, $background){
-  animation: bg-color-change $duration infinite ease;
-  animation-delay: $delay;
-  @keyframes bg-color-change {
-    0%  {background: $background}
-    50%  {background: lighten( $background, 10% )}
-    100%  {background: $background}
-  }
-}
-
-@mixin pulse-outline($delay,$duration,$outline-color) {
-  animation: pulse-outline-keyframes $duration ease;
-  animation-delay: $delay;
-  @keyframes pulse-outline-keyframes {
-    0% {
-      box-shadow: none;
-    }
-    25% {
-      box-shadow: 0 0 3pt 2pt $outline-color;
-    }
-    60% {
-      box-shadow: 0 0 3pt 2pt $outline-color;
-    }
-    100% {
-      box-shadow: none;
-    }
-  }
-}

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

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

package/dist/scss/x1/utilities/_all.scss

@@ -1,15 +0,0 @@
-@import "./animation/animation";
-@import "./borders/borders";
-@import "./background/background";
-@import "./cursor/cursor";
-@import "./divider/divider";
-@import "./display/display";
-@import "./flex/flex";
-@import "./float/float";
-@import "./text/text";
-@import "./position/position";
-@import "./sizing/sizing";
-@import "./spacing/spacing";
-@import "./visibility/visibility";
-@import "./border-radius/border-radius-reset";
-@import "./validation/validation";