@leapdev/gui 0.2.265 → 1.0.1

package/dist/scss/4d/overrides/buttons/buttons.scss

@@ -1,71 +0,0 @@
-[class="btn"] {
-  @include button-variant(transparent, transparent, $default-clickable-bg, $default-clickable-bg-hover, $default-clickable-bg-hover, $default-clickable-border);
-  color: $body-color;
-}
-
-// Min width so we don't have short buttons
-.btn:not(.btn-icon-only, .btn-block, .btn-link) {
-  min-width: 7.5rem;
-
-  @media screen and (max-width: 320px) {
-    min-width: 6.75rem;
-  }
-}
-
-.btn {
-  &:disabled {
-    color: $btn-disabled-color;
-  }
-}
-
-.btn-transparent {
-  border-color: transparent;
-  color: $white;
-
-  &:hover, &:active, &:focus {
-    color: $white;
-    background-color: $btn-transparent-bg;
-  }
-}
-
-%btn-default,
-.btn-default {
-  @include button-variant($btn-default-background, $btn-default-border, $btn-default-hover-background, $btn-default-hover-border, $btn-default-active-background, $btn-default-active-border);
-  color: $btn-default-color;
-
-  &:hover, &:focus, &:active {
-    color: $btn-default-color;
-  }
-}
-
-.btn-light {
-  background-color: $btn-transparent-bg;
-  color: $white;
-  border-color: $btn-transparent-border-color;
-  &:hover, &:active, &:focus {
-    color: $white !important;
-    background-color: $btn-transparent-hover-bg !important;
-  }
-}
-
-.btn-outline-light {
-  &:hover, &:active, &:focus {
-    background-color: $btn-transparent-hover-bg !important;
-    color: $white !important;
-  }
-}
-
-@include mobile-device-only {
-  // .btn:not(.btn-block) {
-  //   width: 100%;
-  //   display: block;
-  //   margin-bottom: 1rem;
-  // }
-}
-
-// Properly style [block] buttons on page_footer
-@include mobile-device-only {
-  .page_footer .col:not(:last-child) .btn-block {
-    margin-bottom: 0.5rem;
-  }
-}

package/dist/scss/4d/overrides/card/_card.scss

@@ -1 +0,0 @@
-

package/dist/scss/4d/overrides/dropdown/dropdown-menu.scss

@@ -1,82 +0,0 @@
-.dropdown-menu {
-  padding-left: $dropdown-padding-x;
-  padding-right: $dropdown-padding-x;
-  max-width: $dropdown-max-width;
-  background-clip: border-box;
-  background-color: $dropdown-background;
-  border-radius: $dropdown-radius;
-
-  .dropdown-item {
-    line-height: $dropdown-line-height;
-    position: relative;
-    padding-left: $dropdown-divider-padding-left;
-
-    &.active {
-      &:hover {
-        background-color: $dropdown-link-hover-bg !important;
-      }
-      &::before {
-        background-color: $dropdown-link-active-icon-bg !important;
-        padding: 0.375rem;
-        position: absolute;
-        top: 0;
-        left: 0;
-        display: flex;
-        content: $dropdown-link-active-icon;
-      }
-    }
-  }
-}
-
-.dropdown-divider {
-  margin-left: $dropdown-divider-padding-left;
-}
-
-.dropdown-header,
-.dropdown-item-text {
-  padding-left: $dropdown-divider-padding-left;
-}
-
-.dropdown-submenu {
-    position: relative;
-}
-
-.dropdown-submenu {
-  >.dropdown-menu {
-    top: 0;
-    left: 100%;
-    margin-top: -6px;
-    margin-left: -1px;
-  }
-
-  &:hover > .dropdown-menu {
-    display: block;
-  }
-
-  &:hover > a:after {
-    border-left-color: #fff;
-  }
-
-  > a:after {
-    display: block;
-    content: " ";
-    float: right;
-    width: 0;
-    height: 0;
-    border-color: transparent;
-    border-style: solid;
-    border-width: 5px 0 5px 5px;
-    border-left-color: #ccc;
-    margin-top: 5px;
-    margin-right: -10px;
-  }
-}
-
-.dropdown-submenu.pull-left {
-  float: none;
-}
-
-.dropdown-submenu.pull-left>.dropdown-menu {
-  left: -100%;
-  margin-left: 10px;
-}

package/dist/scss/4d/overrides/forms/form-group.scss

@@ -1,21 +0,0 @@
-.form-group,
-.form-check  {
-  margin-bottom: $form-group-margin-bottom;
-
-  .card & {
-    margin-bottom: 0;
-  }
-
-  label, .form-check-label, .form-label {
-    font-size: $label-font-size;
-    font-weight: $label-font-weight;
-    color: $label-font-color;
-    letter-spacing: 0.01rem;
-  }
-}
-
-.form-group {
-  @include mobile-device-only {
-    margin-bottom: 1rem !important;
-  }
-}

package/dist/scss/4d/overrides/forms/forms.scss

@@ -1,14 +0,0 @@
-// Import each override from UI component category
-// @import "./overrides/forms/input-text";
-@import "form-group";
-@import "input-options";
-@import "input-select";
-@import "input-text";
-@import "input-group";
-@import "legend";
-@import "tables";
-
-label {
-  display: flex;
-  align-items: center;
-}

package/dist/scss/4d/overrides/forms/input-group.scss

@@ -1,120 +0,0 @@
-.input-group-text {
-  padding-left: $input-padding-x + 0.25rem;
-  padding-right: $input-padding-x + 0.25rem;
-  padding: 0 $input-padding-x + 0.25rem;
-}
-
-.input-group-prepend,
-.input-group-append {
-  margin: 0;
-
-  .btn {
-    border: none !important;
-    line-height: 1;
-    padding: $input-group-btn-padding;
-
-    &:not(:hover) {
-      background-color: transparent !important;
-    }
-  }
-
-  .form-group {
-    margin-bottom: 0;
-
-    &.row {
-      margin-left: 0;
-      margin-right: 0;
-
-      > .col {
-        padding-left: 0;
-        padding-right: 0;
-      }
-    }
-  }
-}
-
-.input-group-prepend {
-  > .input-group-text {
-    border-right: none;
-  }
-  .ng-select-container {
-    border-top-right-radius: 0 !important;
-    border-bottom-right-radius: 0 !important;
-  }
-}
-
-.form-group-prepend {
-  .form-control {
-    border-top-left-radius: 0 !important;
-    border-bottom-left-radius: 0 !important;
-  }
-}
-
-.input-group-append {
-  > .input-group-text {
-    border-radius: $border-radius-sm;
-    border-left: none;
-  }
-  .form-control {
-    border-top-right-radius: 0 !important;
-    border-bottom-right-radius: 0 !important;
-  }
-}
-
-.x-input-group-search {
-  display: flex;
-  position: relative;
-
-  .form-control {
-    padding-right: $input-search-padding-offset;
-    &:focus {
-      border-color: $input-border-color;
-    }
-  }
-
-  .input-group-append {
-    position: absolute;
-    right: 0.0625rem;
-    top: 0.0625rem;
-    bottom: 0.0625rem;
-
-    .ng-select-container {
-      border-top-left-radius: 0 !important;
-      border-bottom-left-radius: 0 !important;
-    }
-
-    > .btn {
-      min-width: 2rem;
-      padding: $input-search-btn-padding-x $input-search-btn-padding-y;
-      display: flex;
-      justify-content: center;
-
-      &:hover {
-        @include box-shadow(-1px 0px $blue-var-5 !important);
-        .x-icon-close {
-          &:after, &:before {
-            background-color: $search-icon-close-hover !important;
-          }
-        }
-      }
-
-      .x-icon-search {
-        top: 0.125rem;
-      }
-    }
-  }
-}
-
-*.bg-dark .x-input-group-search {
-  .form-control {
-    background-clip: border-box;
-    border: $white;
-  }
-
-  .input-group-append {
-    top: 0;
-    right: 0;
-    bottom: 0;
-  }
-}
-

package/dist/scss/4d/overrides/forms/input-options.scss

@@ -1,139 +0,0 @@
-.form-check {
-  padding-left: $input-4d-options-to-text-whitespace;
-}
-
-.form-check, .form-check-inline {
-  position: relative;
-
-  > input[type="checkbox"],
-  > input[type="radio"] {
-    -webkit-appearance:none;/* Hides the default checkbox style */
-    height: $input-4d-options-dimension;
-    width: $input-4d-options-dimension;
-    border: $input-4d-options-border-width solid $input-4d-checkbox-default-border-color;
-    background-color: $white;
-    outline: none;
-    margin: 0;
-    left: 0;
-    position: absolute;
-    cursor: pointer;
-  }
-
-  > input[type="checkbox"] {
-      border-radius: $input-4d-checkbox-border-radius;
-
-      @if $is-sirius {
-        transition: box-shadow .15s ease-in-out;
-      }
-
-      &:before {
-        position: absolute;
-        top: -0.0625rem;
-        left: -0.0625rem;
-        line-height: 0.6;
-        font-size: 0.97rem;
-        text-align: center;
-      }
-
-      &:checked {
-        background-color: $input-4d-checkbox-checked-bg-color;
-        border-color: $input-4d-checkbox-checked-border-color;
-
-        &:focus, &:active {
-          border-color: $input-4d-checkbox-active-border-color;
-          box-shadow: $input-btn-focus-box-shadow;
-        }
-      }
-
-      &:checked:before {
-        content: '';
-        width: $input-4d-options-dimension;
-        height: $input-4d-options-dimension;
-        background-repeat: none;
-        background-position: center center;
-        background-image: $custom-checkbox-indicator-icon-checked;
-      }
-
-      &:disabled {
-        cursor: not-allowed;
-      }
-
-      &:hover {
-        border-color: $input-4d-checkbox-hover-border-color;
-        box-shadow: $input-4d-checkbox-hover-boxshadow;
-        color: $input-4d-checkbox-hover-text-color;
-      }
-
-      &:active {
-        background-color: $input-4d-checkbox-active-bg-color;
-        border-color: $input-4d-checkbox-active-border-color;
-        color: $input-4d-checkbox-active-text-color;
-      }
-
-      &:not(.form-check-inline) {
-        top: $input-4d-options-top;
-      }
-  }
-
-  > input[type="radio"] {
-      border-radius: $input-4d-options-dimension;
-
-      @if $is-sirius {
-        transition: box-shadow .15s ease-in-out;
-      }
-
-      &:before {
-        position: absolute;
-        $top: $input-4d-radio-tick-dimension / 2;
-        top: calc(50% - #{$top});
-        left: calc(50% - #{$top});
-        width: $input-4d-radio-tick-dimension;
-        height: $input-4d-radio-tick-dimension;
-        border-radius: 50%;
-        background-color: $input-4d-radio-default-border-color;
-      }
-
-      &:checked {
-        background-color: $input-4d-checkbox-checked-bg-color;
-        &:before {
-          content: '';
-          background-color: $input-4d-radio-active-bg-color;
-        }
-        &:focus, &:active {
-          box-shadow: $input-btn-focus-box-shadow;
-        }
-      }
-
-      &:disabled {
-        cursor: not-allowed;
-      }
-
-      &:hover {
-        border-color: $input-4d-radio-hover-border-color;
-        &:before {
-          background-color: $input-4d-radio-hover-text-color;
-        }
-      }
-
-      &:active {
-        border-color: $input-4d-radio-active-border-color;
-        &:before {
-          background-color: $input-4d-radio-active-text-color;
-        }
-      }
-
-      &:not(.form-check-inline) {
-        top: $input-4d-options-top;
-      }
-  }
-}
-
-.form-check-inline {
-  margin-right: 0;
-  & ~ & {
-    margin-left: $form-check-inline-margin-x;
-  }
-  input[type="checkbox"].form-check-input, input[type="radio"].form-check-input {
-    margin-right: 0;
-  }
-}

package/dist/scss/4d/overrides/forms/input-radio.scss

@@ -1,62 +0,0 @@
-.form-radio, .form-radio-inline {
-  padding-left: $input-4d-options-to-text-whitespace;
-  position: relative;
-
-  >  input[type="radio"].form-radio-input {
-    -webkit-appearance:none;/* Hides the default checkbox style */
-    height: $input-4d-options-dimension;
-    width: $input-4d-options-dimension;
-    border-radius: $input-4d-options-border-radius;
-    border: $input-4d-options-border-width solid $input-4d-radio-default-border-color;
-    background-color: $white;
-    outline: none;
-    margin: 0;
-    left: 0;
-    position: absolute;
-    cursor: pointer;
-
-    &:before {
-      position: absolute;
-      $top: $input-4d-radio-tick-dimension / 2;
-      top: calc(50% - 0.2186rem);
-      left: calc(50% - 0.2186rem);
-      width: $input-4d-radio-tick-dimension;
-      height: $input-4d-radio-tick-dimension;
-      border-radius: 50%;
-      background-color: $input-4d-radio-default-border-color;
-    }
-
-    &:checked:before {
-      content: '';
-    }
-
-    &:disabled {
-      cursor: not-allowed;
-    }
-
-    &:hover {
-      border-color: $input-4d-radio-hover-border-color;
-      &:before {
-        background-color: $input-4d-radio-hover-text-color;
-      }
-    }
-
-    &:active {
-      background-color: $input-4d-radio-active-bg-color;
-      border-color: $input-4d-radio-active-border-color;
-      &:before {
-        background-color: $input-4d-radio-active-text-color;
-      }
-    }
-
-    &:not(.form-check-inline) {
-      top: $input-4d-options-top;
-    }
-  }
-}
-
-.form-check-inline {
-  input[type="radio"].form-check-input {
-    margin-right: 0;
-  }
-}

package/dist/scss/4d/overrides/forms/input-select.scss

@@ -1,132 +0,0 @@
-select {
-  // color: $btn-dropdown-color;
-  color: theme-color('default') !important;
-  text-align: $btn-dropdown-alignment;
-  padding-right: 1rem;
-  outline: none;
-  appearance: none;
-  background-position: calc(100% - #{$chevron-width / 2}) 50%;
-  background-repeat: no-repeat;
-  background-image: $custom-select-chevron;
-
-  &::-ms-expand {
-    display: none;
-  }
-
-  &:not([multiple]):not(:hover) {
-    // background-color: $select-bg !important;
-    // border-color: $select-border-color;
-    background-color: white !important;
-    border: 1px solid $select-border-color;
-  } 
-}
-
-.ng-select .ng-select-container {
-  box-shadow: none;
-  border: 1px solid $select-border-color !important;
-
-  @if $is-sirius {
-    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
-  }
-}
-
-@if not $is-sirius {
-  .input-group {
-    .ng-select .ng-select-container {
-      border-color: $gray-var-9;
-    }
-
-    .ng-select-wrapper {
-      margin-left: -0.0625rem;
-    }
-  }
-}
-
-.ng-placeholder {
-  color: $input-placeholder-color !important;
-}
-ng-select-focused,
-.form-check-input:focus,
-.form-control:focus {
-  color: theme-color("default");
-  background-color: #fff;
-  border-color: theme-color('blue-var-3');
-  outline: 0;
-  // box-shadow: 0 0 0 0.2rem rgba(theme-color('primary'),.25) !important;
-}
-
-@if $is-sirius {
-  .ng-select-opened {
-    > .ng-select-container {
-      border-color: $select-border-focus-color !important;
-      box-shadow: 0 0 0 0.15rem $select-shadow-focus-color !important;
-      transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-    }
-  }
-
-  .ng-arrow-wrapper:hover > .ng-arrow {
-    border-top-color:  #666 !important;
-  }
-
-  .ng-select-opened {
-    .ng-arrow, .ng-arrow-wrapper:hover > .ng-arrow {
-      border-color: transparent transparent #666 !important;
-    }
-
-    .ng-arrow {
-      border-width: 0.1563rem 0.3125rem 0.3125rem;
-    }
-  }
-}
-@else {
-  .ng-select .ng-select-container {
-    background-color: #e5e5e5 !important;
-    font-size: 0.8125rem;
-
-    .ng-arrow-wrapper, .ng-arrow {
-      width: 1.5625rem !important;
-      height: 1.5625rem !important;
-    }
-
-    .ng-arrow {
-      display: block;
-      border: none !important;
-      background-position: calc(100% - #{$chevron-width / 2}) 50%;
-      background-repeat: no-repeat;
-      background-image: $custom-select-chevron;
-      top: 0 !important;
-    }
-    &:hover {
-      background-color: #dceef9 !important;
-      border-color: #0078d7 !important;
-    }
-  }
-
-  .ng-select:not(.ng-select-multiple) {
-    height: 1.5635rem !important;
-    min-height: 1.5635rem !important;
-
-    .ng-select-container {
-      height: 1.5625rem !important;
-      min-height: 1.5635rem !important;
-    }
-  }
-
-  .ng-select.ng-select-multiple {
-    height: calc(100% - 0.125rem) !important;
-
-    .ng-select-container {
-      height: calc(100% - 0.125rem);
-      min-height: 1.5635rem !important;
-
-        .ng-value-container {
-          padding-top: 0.125rem !important;
-          padding-bottom: 0.125rem !important;
-            .ng-value {
-              margin-bottom: 0.125rem !important;
-              margin-top: 0.125rem !important;
-            }
-        }
-    }
-  }
-}

package/dist/scss/4d/overrides/forms/input-text.scss

@@ -1,16 +0,0 @@
-input {
-  &:disabled {
-    cursor: not-allowed;
-    color: $input-placeholder-color;
-  }
-
-  &[readonly], &:disabled  {
-    border-color: $input-readonly-border-color;
-  }
-}
-
-.form-control {
-  &:focus {
-    border-color: $input-focus-border-color;
-  }
-}

package/dist/scss/4d/overrides/forms/legend.scss

@@ -1,17 +0,0 @@
-legend {
-  display: flex;
-  position: relative;
-  width: 100%;
-  align-items: center;
-  text-transform: $legend-lettercase;
-  text-align: left;
-  font-size: $legend-font-size;
-  font-weight: $legend-font-weight;
-
-  &::after  {
-    border-top: 1px solid $legend-border-color;
-    margin-left: $legend-border-gap;
-    flex: 1 0 $legend-border-gap;
-    content: '';
-  }
-}