@leapdev/gui 0.2.235 → 0.2.238

package/dist/scss/auth/product/leap.scss

@@ -0,0 +1,21 @@
+//
+// Theme
+//
+// Custom variables followed by theme variables followed by Bootstrap variables
+// to ensure cascade of styles.
+//
+
+// Bootstrap functions
+@import '~bootstrap/scss/functions';
+
+// Custom theme variables override
+@import '../theme/css-variables/leap';
+@import '../theme/bootstrap-variables/variables';
+
+// Bootstrap core
+@import '../bootstrap/bootstrap';
+
+// Custom theme core including mixins / utilities / features
+@import '../theme/mixins/mixins';
+@import '../theme/components/components';
+@import '../theme/features/auth'; 

package/dist/scss/auth/product/office-addin.scss

@@ -0,0 +1,21 @@
+//
+// Theme
+//
+// Custom variables followed by theme variables followed by Bootstrap variables
+// to ensure cascade of styles.
+//
+
+// Bootstrap functions
+@import '~bootstrap/scss/functions';
+
+// Custom theme variables override
+@import '../theme/css-variables/office-addin';
+@import '../theme/bootstrap-variables/variables';
+
+// Bootstrap core
+@import '../bootstrap/bootstrap';
+
+// Custom theme core including mixins / utilities / features
+@import '../theme/mixins/mixins';
+@import '../theme/components/components';
+@import '../theme/features/auth';

package/dist/scss/auth/theme/bootstrap-variables/_avatar.scss

@@ -0,0 +1,8 @@
+// Avatar
+$avatar-size-base: 3rem !default;
+$avatar-size-xs: 1.625rem !default;
+$avatar-size-sm: 2rem !default;
+$avatar-size-lg: 4rem !default;
+
+$avatar-title-bg: $gray-500 !default;
+$avatar-title-color: $white !default;

package/dist/scss/auth/theme/bootstrap-variables/_badges.scss

@@ -0,0 +1,5 @@
+// Badges
+$badge-font-size: 76% !default;
+$badge-font-weight: $font-weight-bold;
+$badge-padding-y: 0.564em;
+$badge-padding-x: 0.564em;

package/dist/scss/auth/theme/bootstrap-variables/_breadcrumbs.scss

@@ -0,0 +1,8 @@
+// Breadcrumbs
+$breadcrumb-padding-x: 0 !default;
+$breadcrumb-item-padding-x: .35rem !default;
+$breadcrumb-margin-bottom: 0 !default;
+$breadcrumb-bg: transparent !default;
+$breadcrumb-divider-color: $text-muted;
+$breadcrumb-active-color: $default;
+$breadcrumb-divider: "/" !default;

package/dist/scss/auth/theme/bootstrap-variables/_buttons.scss

@@ -0,0 +1,7 @@
+// Buttons
+//
+// For each of Bootstrap's buttons, define text, background, and border color.
+$btn-font-weight:             $font-weight-bold;
+$btn-letter-spacing:          0.01rem;
+$btn-disabled-opacity:        0.3 !default;
+$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;

package/dist/scss/auth/theme/bootstrap-variables/_colours.scss

@@ -0,0 +1,60 @@
+// Color system
+$white:                 #FFFFFF !default;
+$gray-100:              #eeeeee !default;
+$gray-200:              #f3f3f3 !default;
+$gray-300:              #E6EDF1 !default;
+$gray-400:              #d6d6d6 !default;
+$gray-500:              #b1b7be !default;
+$gray-600:              #525252 !default;
+$gray-700:              #444444 !default;
+$gray-800:              #263042 !default;
+$gray-900:              #1c2836 !default;
+$black:                 #161C2D !default;
+
+$primary:               #1E365E !default;
+$primary-lighter:       #0060AC !default;
+$primary-transparent:   rgba($primary, $opacity-lighter) !default;
+$primary-desat:         #0060AC !default;
+$secondary:             #F89235 !default;
+$secondary-lighter:     lighten(#F89235, 38%) !default;
+$secondary-transparent: rgba($secondary, $opacity-lighter) !default;
+$secondary-desat:       #DB761D !default;
+$success:               #43AE33 !default;
+$info:                  #6e7781 !default;
+$warning:               #F59245 !default;
+$danger:                #BE332A !default;
+$light:                 $gray-100 !default;
+$light-transparent:     rgba($light, $opacity-base) !default;
+$dark:                  $gray-900 !default;
+$default:               #333 !default; 
+
+// scss-docs-start theme-colors-map
+$theme-colors: (
+  "primary":    $primary,
+  "secondary":  $secondary,
+  "success":    $success,
+  "info":       $info,
+  "warning":    $warning,
+  "danger":     $danger,
+  "light":      $light,
+  "dark":       $dark,
+  "default":    $default
+);
+
+// Body
+//
+// Settings for the `<body>` element.
+$body-bg:           $gray-200;
+$body-color:        $default;
+
+
+
+
+
+
+ 
+
+ 
+
+
+

package/dist/scss/auth/theme/bootstrap-variables/_components.scss

@@ -0,0 +1,18 @@
+// Components
+//
+// Define common padding and border radius sizes and more.
+$enable-transitions:          true !default;
+
+$border-width:                1px !default;
+$border-color:                $gray-400;
+
+$border-radius:               0.25rem;
+$border-radius-xs:            0.1875rem;
+$border-radius-sm:            0.25rem;
+$border-radius-lg:            0.5rem;
+$border-radius-xl:            1rem !default;
+
+$component-active-color: $white !default;
+$component-active-bg: $primary !default;
+
+$caret-width: .25em !default;

package/dist/scss/auth/theme/bootstrap-variables/_dropdowns.scss

@@ -0,0 +1,24 @@
+// Dropdowns
+//
+// Dropdown menu container and contents.
+$dropdown-min-width:                10rem;
+$dropdown-padding-y:                .25rem;
+$dropdown-spacer:                   1px;
+$dropdown-font-size:                $font-size-sm;
+$dropdown-border-color:             $border-color;
+$dropdown-divider-bg:               $border-color;
+$dropdown-divider-margin-y:         0.5rem;
+$dropdown-box-shadow:               0 2px 5px rgba($black, .1);
+
+$dropdown-link-color:               $default;
+$dropdown-link-hover-color:         $primary;
+$dropdown-link-hover-bg:            $primary-transparent;
+
+$dropdown-link-active-color:        $white;
+$dropdown-link-active-bg:           $primary;
+$dropdown-link-disabled-color:      theme-color("light");
+
+$dropdown-item-padding-y:           .25rem;
+$dropdown-item-padding-x:           1.250rem;
+
+$dropdown-header-color:             $secondary-desat;

package/dist/scss/auth/theme/bootstrap-variables/_grid.scss

@@ -0,0 +1,21 @@
+// Grid containers
+//
+// Define the maximum width of `.container` for different screen sizes.
+
+/* beautify ignore:start */
+$container-max-widths: (
+    sm: 540px,
+    md: 720px,
+    lg: 960px,
+    xl: 1140px,
+    xxl: 1200px,
+    xxxl: 1380px
+);
+/* beautify ignore:end */
+
+
+// Grid columns
+//
+// Set the number of columns and specify the width of the gutters.
+
+$grid-gutter-width:         2rem;

package/dist/scss/auth/theme/bootstrap-variables/_input-box.scss

@@ -0,0 +1,53 @@
+// Buttons + Forms
+//
+// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
+$input-btn-padding-y:         0.375rem;
+$input-btn-padding-x:         1rem;
+$input-btn-font-size:         $font-size-sm;
+$input-btn-line-height:       $line-height-base !default;
+ 
+$input-btn-padding-y-sm:      0.375rem;
+$input-btn-padding-x-sm:      1.000rem;
+$input-btn-font-size-sm:      $font-size-sm;
+$input-btn-line-height-sm:    $line-height-sm;
+
+$input-btn-padding-y-lg:      0.563rem;
+$input-btn-padding-x-lg:      1.5rem;
+$input-btn-font-size-lg:      $font-size-lg;
+$input-btn-line-height-lg:    $line-height-base !default;
+
+$input-btn-focus-width:       .15rem;
+$input-btn-focus-color:       theme-color("primary");
+$input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color;
+
+// Forms
+$form-text-margin-top: 0 !default;
+$form-group-margin-bottom: 1rem;
+
+$input-padding-y: $input-btn-padding-y !default;
+$input-padding-x: $input-btn-padding-x !default;
+$input-line-height: $input-btn-line-height !default;
+
+$input-padding-y-sm: $input-btn-padding-y-sm !default;
+$input-padding-x-sm: $input-btn-padding-x-sm !default;
+$input-line-height-sm: $input-btn-line-height-sm !default;
+
+$input-padding-y-lg: $input-btn-padding-y-lg !default;
+$input-padding-x-lg: $input-btn-padding-x-lg !default;
+$input-line-height-lg: $input-btn-line-height-lg !default;
+
+$input-bg: $white !default;
+$input-disabled-bg: $input-bg !default;
+
+$input-color: $body-color !default;
+$input-border-color: $gray-400 !default;
+
+$input-focus-border-color: $primary !default;
+$input-focus-box-shadow: $input-btn-focus-box-shadow !default;
+
+$input-placeholder-color: $gray-500 !default;
+
+$input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;
+
+$input-group-addon-color: $text-muted !default;
+$input-group-addon-bg: $input-bg !default;

package/dist/scss/auth/theme/bootstrap-variables/_input-options.scss

@@ -0,0 +1,18 @@
+// Forms
+$form-check-input-active-filter: none !default;
+
+$form-check-padding-left: 1.5rem !default;
+$form-check-label-cursor: pointer !default;
+
+$form-check-input-bg: $gray-300 !default;
+$form-check-input-border: transparent !default;
+$form-check-input-border-radius: $border-radius !default;
+$form-check-input-focus-border: $form-check-input-border !default;
+$form-check-input-focus-box-shadow: none !default;
+
+$form-check-input-checked-color: $component-active-color !default;
+$form-check-input-checked-bg-color: $component-active-bg !default;
+$form-check-input-checked-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-input-checked-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/></svg>") !default;
+$form-check-radio-checked-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='#{$form-check-input-checked-color}'/></svg>") !default;
+
+$form-check-input-indeterminate-color: $component-active-color !default;

package/dist/scss/auth/theme/bootstrap-variables/_nav.scss

@@ -0,0 +1,20 @@
+// $nav-link-padding-y:                .5rem;
+// $nav-link-padding-x:                1rem;
+// $nav-link-font-size:                null;
+// $nav-link-font-weight:              null;
+// $nav-link-color:                    $link-color;
+// $nav-link-hover-color:              $link-hover-color;
+// $nav-link-transition:               color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
+// $nav-link-disabled-color:           $gray-600;
+
+// $nav-tabs-border-color:             $gray-300;
+// $nav-tabs-border-width:             $border-width;
+// $nav-tabs-border-radius:            $border-radius;
+// $nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color;
+// $nav-tabs-link-active-color:        $gray-700;
+// $nav-tabs-link-active-bg:           $body-bg;
+// $nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg;
+
+// $nav-pills-border-radius:           var(--leap-border-radius);
+// $nav-pills-link-active-color:       $component-active-color;
+// $nav-pills-link-active-bg:          $component-active-bg;

package/dist/scss/auth/theme/bootstrap-variables/_opacity.scss

@@ -0,0 +1,6 @@
+//
+// Opacity
+//
+$opacity-lighter:        0.12; 
+$opacity-light:          0.2;
+$opacity-base:           0.3;

package/dist/scss/auth/theme/bootstrap-variables/_select.scss

@@ -0,0 +1,8 @@
+// Forms
+$form-select-indicator-padding: 1.25rem !default;
+$form-select-bg-size: .75em .75em !default;
+$form-select-indicator-color: $gray-600 !default;
+$form-select-indicator: url("data:image/svg+xml,<svg viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1 1L4.25 4.25L7.5 1' stroke='#{$form-select-indicator-color}' stroke-width='1.08333' stroke-linecap='round' stroke-linejoin='round'/></svg>") !default;
+
+$form-select-focus-border-color: $input-focus-border-color !default;
+$form-select-focus-box-shadow: var(--leap-input-box-shadow) !default;

package/dist/scss/auth/theme/bootstrap-variables/_switch.scss

@@ -0,0 +1,9 @@
+// Forms
+$form-switch-color: $white !default;
+$form-switch-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-color}'/></svg>") !default;
+
+$form-switch-focus-color: $form-switch-color !default;
+$form-switch-focus-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-focus-color}'/></svg>") !default;
+
+$form-switch-checked-color: $form-switch-color !default;
+$form-switch-checked-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-checked-color}'/></svg>") !default;

package/dist/scss/auth/theme/bootstrap-variables/_typography.scss

@@ -0,0 +1,40 @@
+// Typography
+//
+// Font, line-height, and color for body text, headings, and more.
+$font-family-sans-serif:      var(--leap-font-family);
+$font-family-base:            $font-family-sans-serif !default;
+
+$font-size-base:              0.875rem;                //14px
+$font-size-lg:                1.0625rem;               //17px
+$font-size-sm:                0.8125rem;               //13px
+$font-size-xs:                0.750rem !default;       //12px
+ 
+$font-weight-light:           300;
+$font-weight-normal:          400;
+$font-weight-bold:            600;
+
+$line-height-xs:              1 !default;
+$line-height-sm:              1.38462; 
+$line-height-base:            1.5715;
+$line-height-lg:              1;
+
+$h1-font-size:                2rem;
+$h2-font-size:                1.75rem;
+$h3-font-size:                1.5rem;
+$h4-font-size:                1.25rem;
+$h5-font-size:                1rem;
+$h6-font-size:                $font-size-sm;
+
+$headings-font-weight:        $font-weight-normal;
+
+$text-muted:                  $info;
+
+
+/* beautify ignore:start */
+$display-font-sizes: (
+  1: 4rem,
+  2: 3.25rem,
+  3: 2.625rem,
+  4: 1.750rem, 
+); 
+/* beautify ignore:end */

package/dist/scss/auth/theme/bootstrap-variables/_variables.scss

@@ -0,0 +1,16 @@
+@import './opacity';
+@import './colours';
+@import './typography';
+
+@import './avatar';
+@import './badges';
+@import './breadcrumbs';
+@import './components';
+@import './dropdowns';
+@import './grid';
+@import './input-box';
+@import './input-options';
+@import './buttons';
+// @import './nav';
+@import './select';
+@import './switch';

package/dist/scss/auth/theme/components/_badge.scss

@@ -0,0 +1,34 @@
+.badge {
+    text-transform: uppercase;
+    
+    &-full {
+        min-width: 8.750rem;
+    }
+
+    &-notification {
+        position: absolute;
+        top: -0.3rem;
+        left: 55%;
+        padding: 0 3px;
+        border-radius: .675em;
+        height: 1.4em;
+        width: 1.4em;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        z-index: 9;
+        font-weight: $font-weight-light;
+    }
+}
+
+// Creates the "outline" badge variant
+@each $color, $value in $theme-colors {
+    .badge.bg-outline-#{$color} {
+        @include badge-variant-outline($value, $value, $value);
+    }
+}
+
+// Override default badge
+.badge.bg-outline-default {
+    @include badge-variant-outline($gray-500, $default, $border-color);
+}

package/dist/scss/auth/theme/components/_buttons.scss

@@ -0,0 +1,86 @@
+.btn {
+  @if $button-is-uppercase {
+    text-transform: uppercase;
+  }
+  border-radius: var(--leap-border-radius);
+  letter-spacing: .02rem;
+  font-weight: var(--leap-btn-fontweight);
+  font-size: var(--leap-btn-fontsize);
+  height: var(--leap-btn-height);
+  max-height: var(--leap-btn-height);
+  line-height: 1;
+
+  &:not(.btn-icon-only) {
+    padding: var(--leap-btn-padding);
+  }
+
+  &:not(.btn-block):not(.btn-icon-only) {
+    min-width: 7.5rem;
+
+    @include media-breakpoint-down(sm) {
+      width: 100%;
+      & + & {
+        margin-bottom: 0.5rem;
+      }
+    }
+  }
+}
+
+.btn-default {
+  @include button-outline-variant($primary, $primary, $primary-transparent, $primary);
+  background-color: $white;
+  border-color: var(--leap-btn-border-color);
+
+  &:hover,
+  &:focus {
+    color: $primary;
+    background-color: var(--leap-btn-hover-background-color);
+    border-color: var(--leap-btn-hover-border-color);
+  }
+  &:active {
+    color: $primary !important;
+  }
+}
+
+.btn-link-danger {
+  color: $danger;
+  background-color: transparent;
+  text-decoration: none;
+
+  &:hover, 
+  &:focus {
+      text-decoration: underline;
+      color: $danger;
+  }
+}
+
+
+// Btn Icons variant
+.btn-icon,
+.btn-icon-only {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.btn-icon {
+    .icon-container {
+      font-size: 0.750rem;
+        &:first-child { margin-right: 0.5rem; }
+    }
+}
+
+.btn-icon-only {
+  .icon-container {
+    &:first-child { margin-right: 0; }
+    &:last-child { margin-left: 0; }
+  }
+}
+
+.btn-block {
+  width: 100%;
+
+  & + & {
+    margin-top: 0.5rem;
+  }
+}

package/dist/scss/auth/theme/components/_components.scss

@@ -0,0 +1,12 @@
+@import './badge';
+@import './buttons';
+@import './divider';
+@import './dropdown';
+@import './icons';
+@import './nav';
+
+// Forms
+@import './forms/forms';
+
+// Toastr
+@import './toastr';

package/dist/scss/auth/theme/components/_divider.scss

@@ -0,0 +1,14 @@
+.divider {
+    display: block;
+
+    &-vertical {
+        border-right: 1px solid $border-color;
+        margin: 0 0.5rem;
+    }
+  
+    &-horizontal {
+        border-bottom: 1px solid $border-color;
+        margin: 0.5rem 0;
+    }
+  }
+  

package/dist/scss/auth/theme/components/_dropdown.scss

@@ -0,0 +1,40 @@
+// Dropdown overrides and variants
+.dropdown {
+    &-header {
+        font-weight: $font-weight-bold;
+        letter-spacing: .01rem;
+        white-space: nowrap;
+        margin-bottom: 0;
+       
+    }
+    &-divider {
+        opacity: 1;
+    }
+
+    // Custom prepend icon on dropdown item
+    &-menu-prepend {
+        .dropdown-item,
+        .dropdown-header {
+            position: relative;
+            padding-left: 2rem;
+            display: flex;
+            align-items: center;
+        } 
+        .dropdown-item {
+            .icon-container {
+                display: none;
+                position: absolute;
+                left: 0.5rem;
+            }
+
+            &:hover,
+            &:focus,
+            &.active {
+                .icon-container {
+                    display: block;
+                }
+            }
+        } 
+    }
+}
+

package/dist/scss/auth/theme/components/_icons.scss

@@ -0,0 +1,27 @@
+//
+// Icon sizes
+//
+$icon-sizes: (
+   xs: 0.625rem,
+   sm: 0.750rem,
+   md: 1rem,
+   lg: 1.250rem,
+   xl: 1.5rem,
+  xxl: 2.5rem,
+  xxxl: 4.5rem
+) !default;
+
+.icon-container {
+  position: relative;
+  display: flex;
+}
+
+.icon {
+  // set height and width to 1em, so icon size will match its parent
+  height: 1em;
+  width:  1em;
+  fill: currentColor;
+}
+
+@include icon-sizing($icon-sizes);
+