@leapdev/gui 0.2.264 → 1.0.0

package/dist/scss/x1/components/forms/_base-forms.scss

@@ -1,335 +0,0 @@
-// stylelint-disable selector-no-qualifying-type
-
-//
-// Textual form controls
-//
-%form-control,
-.form-control {
-  display: block;
-  width: 100%;
-  height: $input-height;
-  padding: $input-padding-y $input-padding-x;
-  font-family: $input-font-family;
-  @include font-size($input-font-size);
-  font-weight: $input-font-weight;
-  line-height: $input-line-height;
-  color: $input-color;
-  background-color: $input-bg;
-  background-clip: padding-box;
-  border: $input-border-width solid $input-border-color;
-
-  // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.
-  @include border-radius($input-border-radius, 0);
-
-  @include box-shadow($input-box-shadow);
-  @include transition($input-transition);
-
-  // Unstyle the caret on `<select>`s in IE10+.
-  &::-ms-expand {
-    background-color: transparent;
-    border: 0;
-  }
-
-  // Customize the `:focus` state to imitate native WebKit styles.
-  @include form-control-focus();
-
-  // Placeholder
-  &::placeholder {
-    color: $input-placeholder-color;
-    // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.
-    opacity: 1;
-  }
-
-  // Disabled and read-only inputs
-  //
-  // HTML5 says that controls under a fieldset > legend:first-child won't be
-  // disabled if the fieldset is disabled. Due to implementation difficulty, we
-  // don't honor that edge case; we style them as disabled anyway.
-  &:disabled,
-  &[readonly] {
-    background-color: $input-disabled-bg;
-    // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.
-    opacity: 1;
-  }
-}
-
-select.form-control {
-  &:focus::-ms-value {
-    // Suppress the nested default white text on blue background highlight given to
-    // the selected option text when the (still closed) <select> receives focus
-    // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to
-    // match the appearance of the native widget.
-    // See https://github.com/twbs/bootstrap/issues/19398.
-    color: $input-color;
-    background-color: $input-bg;
-  }
-}
-
-// Make file inputs better match text inputs by forcing them to new lines.
-.form-control-file,
-.form-control-range {
-  display: block;
-  width: 100%;
-}
-
-
-//
-// Labels
-//
-
-// For use with horizontal and inline forms, when you need the label (or legend)
-// text to align with the form controls.
-%col-form-label,
-.col-form-label {
-  padding-top: calc(#{$input-padding-y} + #{$input-border-width});
-  padding-bottom: calc(#{$input-padding-y} + #{$input-border-width});
-  margin-bottom: 0; // Override the `<label>/<legend>` default
-  @include font-size(inherit); // Override the `<legend>` default
-  line-height: $input-line-height;
-}
-%col-form-label-lg,
-.col-form-label-lg {
-  padding-top: calc(#{$input-padding-y-lg} + #{$input-border-width});
-  padding-bottom: calc(#{$input-padding-y-lg} + #{$input-border-width});
-  @include font-size($input-font-size-lg);
-  line-height: $input-line-height-lg;
-}
-%col-form-label-sm,
-.col-form-label-sm {
-  padding-top: calc(#{$input-padding-y-sm} + #{$input-border-width});
-  padding-bottom: calc(#{$input-padding-y-sm} + #{$input-border-width});
-  @include font-size($input-font-size-sm);
-  line-height: $input-line-height-sm;
-}
-
-
-// Readonly controls as plain text
-//
-// Apply class to a readonly input to make it appear like regular plain
-// text (without any border, background color, focus indicator)
-%form-control-plaintext,
-.form-control-plaintext {
-  display: block;
-  width: 100%;
-  padding-top: $input-padding-y;
-  padding-bottom: $input-padding-y;
-  margin-bottom: 0; // match inputs if this class comes on inputs with default margins
-  line-height: $input-line-height;
-  color: $input-plaintext-color;
-  background-color: transparent;
-  border: solid transparent;
-  border-width: $input-border-width 0;
-
-  &.form-control-sm,
-  &.form-control-lg {
-    padding-right: 0;
-    padding-left: 0;
-  }
-}
-
-
-// Form control sizing
-//
-// Build on `.form-control` with modifier classes to decrease or increase the
-// height and font-size of form controls.
-//
-// Repeated in `_input_group.scss` to avoid Sass extend issues.
-%form-control-sm,
-.form-control-sm {
-  height: $input-height-sm;
-  padding: $input-padding-y-sm $input-padding-x-sm;
-  @include font-size($input-font-size-sm);
-  line-height: $input-line-height-sm;
-  @include border-radius($input-border-radius-sm);
-}
-%form-control-lg,
-.form-control-lg {
-  height: $input-height-lg;
-  padding: $input-padding-y-lg $input-padding-x-lg;
-  @include font-size($input-font-size-lg);
-  line-height: $input-line-height-lg;
-  @include border-radius($input-border-radius-lg);
-}
-
-// stylelint-disable-next-line no-duplicate-selectors
-select.form-control {
-  &[size],
-  &[multiple] {
-    height: auto;
-  }
-}
-
-textarea.form-control {
-  height: auto;
-}
-
-// Form groups
-//
-// Designed to help with the organization and spacing of vertical forms. For
-// horizontal forms, use the predefined grid classes.
-%form-group,
-.form-group {
-  margin-bottom: $form-group-margin-bottom;
-}
-%form-text,
-.form-text {
-  display: block;
-  margin-top: $form-text-margin-top;
-}
-
-
-// Form grid
-//
-// Special replacement for our grid system's `.row` for tighter form layouts.
-%form-row,
-.form-row {
-  display: flex;
-  flex-wrap: wrap;
-  margin-right: -$form-grid-gutter-width / 2;
-  margin-left: -$form-grid-gutter-width / 2;
-
-  > .col,
-  > [class*="col-"] {
-    padding-right: $form-grid-gutter-width / 2;
-    padding-left: $form-grid-gutter-width / 2;
-  }
-}
-
-
-// Checkboxes and radios
-//
-// Indent the labels to position radios/checkboxes as hanging controls.
-%form-check,
-.form-check {
-  position: relative;
-  display: block;
-  padding-left: $form-check-input-gutter;
-}
-
-%form-check-input,
-.form-check-input {
-  position: absolute;
-  margin-top: $form-check-input-margin-y;
-  margin-left: -$form-check-input-gutter;
-
-  &:disabled ~ .form-check-label {
-    color: $text-muted;
-  }
-}
-
-%form-check-label,
-.form-check-label {
-  margin-bottom: 0; // Override default `<label>` bottom margin
-}
-
-%form-check-inline,
-.form-check-inline {
-  display: inline-flex;
-  align-items: center;
-  padding-left: 0; // Override base .form-check
-  margin-right: $form-check-inline-margin-x;
-
-  // Undo .form-check-input defaults and add some `margin-right`.
-  .form-check-input {
-    position: static;
-    margin-top: 0;
-    margin-right: $form-check-inline-input-margin-x;
-    margin-left: 0;
-  }
-}
-
-
-// Form validation
-//
-// Provide feedback to users when form field values are valid or invalid. Works
-// primarily for client-side validation via scoped `:invalid` and `:valid`
-// pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for
-// server side validation.
-
-@each $state, $data in $form-validation-states {
-  @include form-validation-state($state, map-get($data, color), map-get($data, icon));
-}
-
-// Inline forms
-//
-// Make forms appear inline(-block) by adding the `.form-inline` class. Inline
-// forms begin stacked on extra small (mobile) devices and then go inline when
-// viewports reach <768px.
-//
-// Requires wrapping inputs and labels with `.form-group` for proper display of
-// default HTML form controls and our custom form controls (e.g., input groups).
-
-%form-inline,
-.form-inline {
-  display: flex;
-  flex-flow: row wrap;
-  align-items: center; // Prevent shorter elements from growing to same height as others (e.g., small buttons growing to normal sized button height)
-
-  // Because we use flex, the initial sizing of checkboxes is collapsed and
-  // doesn't occupy the full-width (which is what we want for xs grid tier),
-  // so we force that here.
-  .form-check {
-    width: 100%;
-  }
-
-  // Kick in the inline
-  @include media-breakpoint-up(sm) {
-    label {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      margin-bottom: 0;
-    }
-
-    // Inline-block all the things for "inline"
-    .form-group {
-      display: flex;
-      flex: 0 0 auto;
-      flex-flow: row wrap;
-      align-items: center;
-      margin-bottom: 0;
-    }
-
-    // Allow folks to *not* use `.form-group`
-    .form-control {
-      display: inline-block;
-      width: auto; // Prevent labels from stacking above inputs in `.form-group`
-      vertical-align: middle;
-    }
-
-    // Make static controls behave like regular ones
-    .form-control-plaintext {
-      display: inline-block;
-    }
-
-    .input-group,
-    .custom-select {
-      width: auto;
-    }
-
-    // Remove default margin on radios/checkboxes that were used for stacking, and
-    // then undo the floating of radios and checkboxes to match.
-    .form-check {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: auto;
-      padding-left: 0;
-    }
-    .form-check-input {
-      position: relative;
-      flex-shrink: 0;
-      margin-top: 0;
-      margin-right: $form-check-input-margin-x;
-      margin-left: 0;
-    }
-
-    .custom-control {
-      align-items: center;
-      justify-content: center;
-    }
-    .custom-control-label {
-      margin-bottom: 0;
-    }
-  }
-}

package/dist/scss/x1/components/forms/_form-group-row.scss

@@ -1,38 +0,0 @@
-// Set default customise component variables here,
-// Override it in theme variables files
-
-%x-form-group-row,
-.x-form-group-row {
-  @extend .form-group,
-          %d-flex;
-
-  .col-form-label {
-    @extend .col-form-label-sm,
-            %align-self-center,
-            .h-100;
-
-    min-width: 4.75rem;
-
-    &.align-self-start {
-     @extend %align-self-start;
-    }
-
-    &.x-label-btn {
-      @extend %py-0;
-      .btn {
-        @extend %btn-block,
-                %x-btn-default;
-        padding-top: $input-btn-padding-y;
-        padding-bottom: $input-btn-padding-y;
-      }
-    }
-  }
-  .form-control {
-    @extend .w-100;
-  }
-
-  .ng-select,
-  > .form-control {
-    @extend %ml-4;
-  }
-}

package/dist/scss/x1/components/forms/_forms.scss

@@ -1,210 +0,0 @@
-
-@if ($is-sirius) {
-  .form-control-sm {
-    font-size: $input-btn-font-size-sm;
-  }
-
-  .form-control-lg {
-    font-size: $input-btn-font-size-lg;
-  }
-
-  //Hide number spin button
-  input[type=number] {
-    &.form-control {
-      -moz-appearance: textfield;
-      &::-webkit-inner-spin-button,
-      &::-webkit-outer-spin-button {
-        -moz-appearance: textfield;
-        -webkit-appearance: none;
-        margin: 0;
-      }
-    }
-  }
-}
-
-//PrimeNG InputMask
-
-.x-form-control-inputMask {
-  @extend %form-control;
-}
-
-
-
-%x-form-row,
-.x-form-row {
-  @extend %form-row;
-
-   label{
-     @extend %font-size-sm,
-             %font-weight-bold;
-     &:not(.custom-control) {
-      @extend %d-flex,
-              %align-items-center,
-              %text-info,
-              %text-capitalize,
-              %mb-1;
-     }
-    .x-icon-container {
-      @extend %x-icon-md,
-              %ml-1;
-    }
-  }
-
-  .x-form-row-header {
-    @extend %d-flex,
-            %align-items-center,
-            %justify-content-between;
-
-    .x-icon-container {
-      @extend %x-icon-md,
-              %mr-2,
-              .is-clickable;
-    }
-  }
-}
-%x-form-control-textarea,
-.x-form-control-textarea {
-  @extend .h-auto,
-          %overflow-auto;
-  &.disabled {
-    background-color: $input-disabled-bg;
-  }
-}
-
-
-// Form row helper link
-%x-help-link,
-.x-help-link {
-  @extend %ml-auto;
-  font-size: $font-size-sm;
-
-  a {
-    @extend %text-info;
-    text-decoration: none;
-  }
-}
-%x-form-control-clickable,
-.x-form-control-clickable {
-  @extend %cursor-pointer;
-
-  @include x-hover-focus-active {
-    background-color: $input-focus-bg;
-  };
-}
-
-%x-info-group-icon,
-.x-info-group-icon {
-  @extend %d-flex,
-          %align-items-center;
-
-  & > *:first-child {
-    @extend %mr-1;
-  }
-
-  .x-icon {
-    fill: theme-color("secondary");
-  }
-
-  .x-info-text {
-    @extend %font-size-sm,
-            %text-secondary;
-  }
-}
-
-.x-details-info {
-  strong {
-    @extend %font-size-sm,
-            %text-grey;
-    &:after {
-      content: ': ';
-    }
-  }
-}
-
-%x-form-wrapper,
-.x-form-wrapper {
-  @extend %pt-3,
-          %pb-2,
-          %px-4,
-          %bg-light-transparent;
-
-  position: relative;
-}
-
-%x-grid-wrapper,
-.x-grid-wrapper {
-  @extend %mx-4,
-          %pt-3,
-          %pb-2,
-          %flex-column;
-
-  &.row {
-    flex-wrap: nowrap;
-  }
-}
-
-%x-controls-slim,
-.x-controls-slim {
-  @extend %d-flex,
-          %justify-content-center,
-          %align-items-center,
-          .w-100,
-          %bg-light;
-
-  & > * {
-    @extend %d-flex,
-            %justify-content-center,
-            %align-items-center;
-  }
-
-  height: 1em;
-
-  &:last-child {
-    position: absolute;
-    bottom: 0;
-  }
-}
-
-%x-form-inline,
-.x-form-inline {
-  @extend %d-flex,
-          %flex-wrap;
-  white-space: nowrap;
-
-  .custom-checkbox {
-    @extend %mb-0;
-  }
-}
-
-.x-textarea-with-button {
-  position: relative;
-
-  .x-button-top-right {
-    position: absolute;
-    top: 0;
-    right: 0;
-
-    .btn {
-      @extend %p-0;
-      min-width: 2.250rem;
-      min-height: 2.250rem;
-      border-radius: 0 $border-radius 0 0 !important;
-    }
-  }
-}
-
-.x-accounting-form {
-  &.row > .col,
-  .row > .col {
-    @extend %p-0,
-            %mr-5;
-
-    &:first-child {
-      @extend %ml-3;
-    }
-
-    &:last-child {
-      @extend %mr-3;
-    }
-  }
-}

package/dist/scss/x1/components/grid/_grid.scss

@@ -1,3 +0,0 @@
-@import "~bootstrap/scss/grid";
-
-@include make-container-fluid-max-widths();

package/dist/scss/x1/components/icons/_icons.scss

@@ -1,41 +0,0 @@
-//
-// 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;
-
-
-.x-icon-container {
-  // Remove line-height for icons
-  @extend %position-relative,
-          %d-inline-flex;
-  &.is-clickable {
-    @extend %cursor-pointer;
-    @include transition($btn-transition);
-    color: theme-color("primary");
-    @include x-hover-focus-active {
-      color: theme-color("secondary");
-    }
-  }
-}
-
-
-
-.x-icon {
-  // set height and width to 1em, so icon size will match its parent
-  height: 1em;
-  width:  1em;
-  fill: currentColor;
-}
-
-
-
-@include x-icon-sizing($icon-sizes);
-

package/dist/scss/x1/components/images/_images.scss

@@ -1,16 +0,0 @@
-@import "~bootstrap/scss/images";
-
-
-.x-image-zoom {
-  @include transition(all 300ms ease-in);
-  transform-origin: center top;
-
-  .active & {
-    transform: scale(2.5);
-    transition-delay: 500ms;
-  }
-}
-
-%img-fluid {
-  @include img-fluid;
-}

package/dist/scss/x1/components/input/_input-animation.scss

@@ -1,3 +0,0 @@
-.x-pulse-outline {
-  @include pulse-outline(.5s, 2s, theme-color("secondary"));
-}