@leapdev/gui 0.2.264 → 1.0.0

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

@@ -1,99 +0,0 @@
-$offsetpx: 0.062rem;
-
-.table {
-  thead {
-    th {
-      text-transform: uppercase;
-      border-color: $table-thead-border-color;
-      font-weight: $table-thead-font-weight;
-    }
-
-    th {
-      border-bottom-width: $table-border-width;
-    }
-  }
-
-  tbody td {
-    &:not(:first-child) {
-      border-left: none;
-    }
-    &:not(:last-child) {
-      border-right: none;
-    }
-  }
-
-  tbody > tr {
-    > td, th {
-      border-top: none;
-    }
-  }
-
-  th, td {
-    vertical-align: middle;
-  }
-}
-
-.table-sortable {
-  th, td {
-    &.th-asc {
-      @include chevron('up');
-      &::after { top: 0.25rem; }
-    }
-    &.th-desc {
-      @include chevron('down');
-      &::after { top: 0; }
-    }
-
-    &.th-asc, &.th-desc {
-      position: relative;
-      cursor: pointer;
-      &::after {
-        left: 50%;
-        bottom: auto;
-      }
-    }
-  }
-}
-
-table {
-  .cell-clickable,
-  .row-clickable {
-    &:hover {
-      background-color: $th-sortable-hover-bg;
-    }
-    &:active {
-      background-color: $th-sortable-active-bg;
-    }
-  }
-
-  .cell-highlight {
-    position: relative;
-    background-color: $cell-highlight-bg;
-    border-top-color: $cell-highlight-border-color;
-
-    &::before {
-      display: block;
-      position: absolute;
-      height: 0.125rem;
-      top: -$offsetpx;
-      left: -$offsetpx;
-      right: -$offsetpx;
-      background-color: $cell-highlight-border-color;
-      content: '';
-    }
-  }
-
-  tr > td:first-of-type.cell-highlight {
-    &::after {
-      display: none;
-    }
-  }
-}
-
-.table-dark thead,
-.thead-dark {
-  > tr > th {
-    border-bottom: none;
-    background-color: $table-dark-thead-bg;
-  }
-}

package/dist/scss/4d/overrides/grid/_grid.scss

@@ -1,13 +0,0 @@
-@include mobile-device-only {
-  ::-webkit-scrollbar {
-    display: none;
-    -ms-overflow-style: none;
-    overflow: -moz-scrollbars-none;
-  }
-
-  .col, [class*="col-"], [class*=" col-"] {
-    flex: 100% !important;
-    max-width: 100% !important;
-    min-width: 100% !important;
-  }
-}

package/dist/scss/4d/overrides/nav/navbar.scss

@@ -1,254 +0,0 @@
-.navbar-brand {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-.leap-tabs,
-.nav-tabs:not(.nav-tabs-inverted) {
-  background-color: $nav-tabs-bg;
-}
-.leap-tabs-inverted,
-.nav-tabs.nav-tabs-inverted {
-  background-color: theme-color('primary-darker');
-}
-
-.nav-tabs {
-  &:not(.nav-tabs-inverted) {
-    @if $is-sirius {
-      border-bottom: 0.0625rem solid $border-color;
-    }
-
-    .nav-link {
-      background-color: transparent;
-      color: $body-color;
-      &::after {
-        content: '';
-        position: absolute;
-        height: 0.125rem;
-        width: 100%;
-        left: 0;
-        bottom: -1px;
-        transform: scaleX(0);
-        z-index: 10;
-      
-        @if $is-sirius {
-          transition: all .25s ease-out;
-        }
-      
-      
-        @include mobile-device-only {
-          &::after {
-            height: 0.25rem;
-            bottom: -0.125rem;
-          }
-        }
-      
-      }
-      &:hover {
-        color: theme-color('primary');
-        background-color: $nav-tabs-link-hover-bg;
-      
-        &::after {
-          background: $nav-tabs-link-hover-border;
-          transform: scaleX(1);
-        }
-      }
-      
-      &:not(.active):hover {
-        background-color: $nav-tabs-link-hover-bg;
-      }
-      
-      &.active {
-        color: $nav-tabs-link-active-color;
-        z-index: 2;
-      
-        &::after {
-          background: $nav-tabs-link-active-border;
-          transform: scaleX(1);
-        }
-      }
-    }
-  }
-
-  &.nav-tabs-inverted {
-    color: $white;
-
-    .nav-link {
-      background-color: transparent;
-      color: $white;
-      &:hover {
-        opacity: 1;
-      }
-      &:not(.active) {
-        opacity: 0.8;
-        &:hover {
-          opacity: 1;
-          background-color: darken(theme-color('primary-darker'), 5%);
-        }
-      }
-
-      &.active {
-        background-color: rgba(238, 238, 238, 0.25);
-      }
-
-      > span {
-        white-space: nowrap;
-      }
-    }
-  }
-
-  .nav-link {
-    // // IE Fix
-    // display: inline-block;
-    display: flex;
-    align-items: center;
-    padding: $nav-tabs-link-padding-x $nav-tabs-link-padding-y;
-    font-weight: $nav-tabs-link-font-weight;
-    font-size: $nav-tabs-link-font-size;
-    border-radius: 0;
-    position: relative;
-    min-height: $nav-tabs-link-min-height;
-    max-width: $nav-tabs-link-max-width;
-    min-width: $nav-tabs-link-min-width;
-    z-index: 1;
-
-    @if $nav-tabs-link-is-uppercase {
-      text-transform: uppercase;
-    }
-    
-    @if not $is-sirius {
-      &, &:hover {
-        cursor: default;
-      }
-    }
-
-    > span {
-      letter-spacing: $nav-tabs-link-letter-spacing;
-    }
-  }
-}
-
-.nav-tabs-icon {
-  .nav-link {
-    gap: 0.5rem;
-  }
-}
-
-.nav-tabs.nav-tabs-stacked {
-  flex-direction: column;
-  .nav-link {
-    padding: $nav-tabs-stacked-padding;
-
-    &.segment-button {
-      padding: $nav-tabs-stacked-padding;
-    }
-  }
-
-  @media screen and (max-width: 320px) {
-    &.nav-tabs-icon {
-      .segment-button-text {
-        display: none;
-        position: absolute;
-        left: 100%;
-        top: 0;
-        bottom: 0;
-        align-items: center;
-        padding: 0.75rem;
-      }
-    
-      .segment-button {
-        padding: 0.75rem;
-        &:hover .segment-button-text {
-          display: flex;
-          background-color: darken(theme-color('primary-darker'), 5%);
-        }
-
-        &.active:hover .segment-button-text {
-          background-color: theme-color('primary-darker');
-          &::after {
-            content: '';
-            position: absolute;
-            background-color: rgba(238, 238, 238, 0.25);
-            z-index: 0;
-            top: 0;
-            left: 0;
-            right: 0;
-            bottom: 0;
-          }
-        }
-      }
-
-    }
-  }
-}
-
-.navbar-dark {
-  .nav-tabs {
-    .nav-link {
-      color: $navbar-dark-color;
-      &.active {
-        background-color: $navbar-dark-active-bg;
-        color: $navbar-dark-active-color;
-      }
-      &:hover {
-        background-color: $navbar-dark-hover-bg;
-      }
-      &:not(.active):hover {
-        color: $navbar-dark-hover-color;
-      }
-    }
-  }
-}
-
-.navbar-light {
-  .nav-tabs {
-    .nav-link:not(.active) {
-      color: $body-color;
-
-      &:hover {
-        background-color: $navbar-light-hover-bg;
-      }
-    }
-  }
-}
-// leap-tabs-menu .toolbar {
-//   // position: -webkit-sticky;
-//   position: fixed;
-//   top: 0;
-//   display: block;
-//   z-index: 1030;
-// }
-@include mobile-device-only {
-  leap-tabs-menu .toolbar {
-    position: -webkit-sticky;
-    position: sticky;
-    top: 0;
-    z-index: 1500;
-
-    display: block !important;
-    white-space: nowrap;
-    width: 100%;
-    overflow-x: scroll;
-    overflow-y: hidden;
-    background-color: white;
-  }
-  .nav-tabs {
-    display: flex !important;
-    flex-wrap: nowrap;
-    width: 100%;
-
-    .nav-link {
-      display: inline-block;
-
-      &:not(.activated) {
-        position: relative;
-        margin-bottom: -0.0625rem;
-        border-bottom: 1px solid $border-color;
-      }
-
-      > span {
-        display: block;
-      }
-    }
-  } 
-}

package/dist/scss/4d/overrides/product/_bylawyers.scss

@@ -1,127 +0,0 @@
-.ng-dropdown-panel.ng-select-bottom {
-  border-color: $border-color !important;
-}
-
-.btn {
-  border-radius: $border-radius-lg !important;
-  padding: $input-padding-y-sm $input-padding-x !important;
-}
-
-
-.alert {
-  border-radius: $border-radius-sm !important;
-  .close {
-    font-size: $font-size-lg;
-  }
-}
-
-.form-control {
-  border-radius: $border-radius-sm !important;
-}
-
-.ng-select-container {
-  min-height: $input-height !important;
-  border-radius: $border-radius-sm !important;
-
-
-  .ng-value-container {
-    line-height: $line-height-base !important;
-    padding: $input-padding-y $input-padding-x !important;
-  }
-}
-
-label {
-  font-size: 0.875rem;
-  font-family: Open Sans,Helvetica,Arial;
-  font-weight: 400;
-  line-height: 1.25rem;
-  letter-spacing: 0.12px;
-}
-input {
-  font-weight: 400;
-}
-
-h1,
-h2,
-h3 {
-  font-family: $font-family-heading !important;
-}
-
-h1 {
-  font-weight: 500;
-  font-size: 1.75rem;
-  line-height: 1.25;
-  letter-spacing: 0.2px;
-}
-
-h2 {
-  font-weight: 500;
-  font-size: 1.5rem;
-  line-height: 1.25;
-  letter-spacing: 0;
-}
-
-h3 {
-  font-weight: 500;
-  font-size: 1.25rem;
-  line-height: 1.2;
-  letter-spacing: 0.2px;
-}
-
-// .form-check, .form-check-inline {
-//   .form-check-label {
-//     margin-left: 0.5rem;
-//   }
-//   > input[type="radio"]:not(.form-check-inline) {
-//     top: 0.2rem !important;
-//   }
-//   > input[type="checkbox"] {
-//      top: 0.2rem !important;
-//       &:before {
-//         top: 0.09rem !important;
-//         left: 0 !important;
-//       }
-//   }
-// }
-
-.form-check, .form-check-inline {
-  > input[type="radio"]:not(.form-check-inline) {
-    top: 0.2rem !important;
-  }
-}
-
-
-.card {
-  border-radius: $border-radius-sm;
-}
-
-.list_status {
-  top: -1px !important;
-  .badge {
-    border-radius: 0
-  }
-}
-
-.badge {
-  border-radius: $border-radius-sm;
-}
-
-
-.dropdown-menu {
-  padding: $input-padding-y-sm 0 !important;
-  border: 0 !important;
-  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12) !important;
-}
-
-.dropdown-item {
-  line-height: 1.5;
-  padding: $input-padding-y-sm $input-padding-x-sm;
-  font-size: $font-size-sm;
-  padding-left: $input-padding-x-sm !important;
-
-  &.active {
-    &::before {
-      display: none !important;
-    }
-  }
-}

package/dist/scss/4d/overrides/product/_leapweb.scss

@@ -1,147 +0,0 @@
-.ng-dropdown-panel.ng-select-bottom {
-  border-color: $border-color !important;
-}
-
-.ng-select-container {
-  min-height: $input-height !important;
-  border-radius: $border-radius-sm !important;
-
-  .ng-value-container {
-    line-height: $line-height-base !important;
-    padding: $input-padding-y $input-padding-x !important;
-  }
-}
-
-.btn {
-  border-radius: $border-radius !important;
-  padding: $input-padding-y $input-padding-x !important;
-}
-
-.alert {
-  border-radius: $border-radius-sm !important;
-  font-size: $font-size-base;
-  .close {
-    font-size: $font-size-lg;
-  }
-  p {
-    margin-bottom: 0;
-  }
-}
-
-.form-group {
-  margin-bottom: 0.35rem !important;
-}
-
-.form-check, .form-check-inline {
-  > input[type="radio"]:not(.form-check-inline) {
-    top: 0.2rem !important;
-  }
-}
-.form-group {
-  @include mobile-device-only {
-    margin-bottom: 1rem !important;
-  }
-}
-.card {
-  border-radius: $border-radius-sm;
-}
-
-
-.item_num {
-  font-size: $font-size-base !important;
-}
-.item_name {
-  font-size: $font-size-base !important;
-}
-
-.item_desc {
-  font-size: $font-size-sm !important;
-}
-
-
-h1 {
-  font-size: 22px;
-  font-weight: 400;
-  line-height: 1.25;
-  letter-spacing: -0.5px;
-}
-
-h2 {
-  font-size: 20px;
-  font-weight: 400;
-  line-height: 1.1667;
-  letter-spacing: -0.5px;
-}
-
-h3 {
-  font-size: 18px;
-  font-weight: 400;
-  line-height: 1.2;
-  letter-spacing: -0.5px;
-}
-
-.card {
-  border-radius: $border-radius-sm;
-}
-
-.list_status {
-  .badge {
-    border-radius: 0
-  }
-}
-
-.badge {
-  border-radius: $border-radius-sm;
-  font-size: 11px !important;
-  padding-left: 8px !important;
-  padding-right: 8px !important;
-}
-.badge-pill {
-  border-radius: 50px !important;
-}
-
-.dropdown-menu {
-  padding: $input-padding-y-sm 0 !important;
-  border: 0 !important;
-  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px 0px !important;
-}
-
-.dropdown-item {
-  line-height: 18px;
-  padding: $input-padding-y-sm $input-padding-x-sm;
-  font-size: $font-size-sm;
-  padding-left: $input-padding-x-sm !important;
-
-  &.active {
-    &::before {
-      display: none !important;
-    }
-  }
-}
-
-.list-item {
-  box-shadow: inset 0 1px 0 0 #d6d6d6;
-  border: none;
-}
-
-@import '../../../core/mixins/x-badge';
-
-.badge-primary {
-	@include x-badge-variant(theme-color("primary-transparent"), theme-color("primary"));
-}
-
-.badge-secondary {
-  @include x-badge-variant(theme-color("secondary-transparent"), theme-color("secondary"));
-}
-
-.badge-success {
-	@include x-badge-variant(theme-color("success"), theme-color("success"));
-}
-
-.badge-danger {
-	@include x-badge-variant(theme-color("danger"), theme-color("danger"));
-}
-
-.badge-warning {
-	@include x-badge-variant(theme-color("warning"), theme-color("warning"));
-}

package/dist/scss/4d/overrides/typography/page-header.scss

@@ -1,61 +0,0 @@
-.page-header {
-  @extend .pb-2, .mt-4, .mb-2;
-  border-bottom: 0.125rem solid $border-color;
-}
-
-// Content-App specific classes
-.page-title {
-  font-size: $h3-font-size;
-  color: var(--primary-lighter, theme-color("primary-lighter"));
-  letter-spacing: -0.5px;
-}
-
-.section-title {
-  font-size: $font-size-lg;
-  color: var(--primary, theme-color("primary"));
-  font-weight: $font-weight-bold;
-}
-
-@if not $is-sirius {
-  .section_title {
-    width: 100%;
-  }
-  .section_title .h5:first-child, 
-  .section_title h5:first-child { font-size: 0.75rem; }
-
-  .section_title .h6:first-child, 
-  .section_title h6:first-child { font-size: 0.6875rem; }
-
-  .section_title .h5:first-child,
-  .section_title h5:first-child,
-  .section_title .h6:first-child,
-  .section_title h6:first-child  {
-    font-weight: 600;
-    text-transform: uppercase;
-    position: relative;
-    white-space: nowrap;
-    overflow: hidden;
-
-    &::after {
-      border-top: 1px solid $gray-var-6;
-      content: "";
-      position: absolute;
-      top: 0.5rem;
-      width: 100%;
-      margin-left: 2%;
-    }
-  } 
-}
-
-.section-subtitle {
-  font-size: $font-size-base;
-  color: var(--primary, theme-color("default"));
-  font-weight: $font-weight-medium;
-}
-
-.display-title {
-  color: var(--primary-lighter, theme-color("primary-lighter"));
-  font-size: $display2-size;
-  font-weight: $display2-weight;
-  margin-bottom: 1rem;
-}

package/dist/scss/4d/utilities/_all.scss

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

package/dist/scss/4d/utilities/animation/_animation.scss

@@ -1,8 +0,0 @@
-.x-animation-origin-left-top {
-  transform-origin: left top;
-}
-
-.x-animation-origin-right-top {
-  transform-origin: right top;
-}
-