@agilemotion/oui-react-js 1.2.6 → 1.2.7

package/dist/assets/scss/black-dashboard-react/bootstrap/utilities/_spacing.scss

@@ -1,51 +0,0 @@
-// stylelint-disable declaration-no-important
-
-// Margin and Padding
-
-@each $breakpoint in map-keys($grid-breakpoints) {
-  @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
-    @each $prop, $abbrev in (margin: m, padding: p) {
-      @each $size, $length in $spacers {
-
-        .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }
-        .#{$abbrev}t#{$infix}-#{$size},
-        .#{$abbrev}y#{$infix}-#{$size} {
-          #{$prop}-top: $length !important;
-        }
-        .#{$abbrev}r#{$infix}-#{$size},
-        .#{$abbrev}x#{$infix}-#{$size} {
-          #{$prop}-right: $length !important;
-        }
-        .#{$abbrev}b#{$infix}-#{$size},
-        .#{$abbrev}y#{$infix}-#{$size} {
-          #{$prop}-bottom: $length !important;
-        }
-        .#{$abbrev}l#{$infix}-#{$size},
-        .#{$abbrev}x#{$infix}-#{$size} {
-          #{$prop}-left: $length !important;
-        }
-      }
-    }
-
-    // Some special margin utils
-    .m#{$infix}-auto { margin: auto !important; }
-    .mt#{$infix}-auto,
-    .my#{$infix}-auto {
-      margin-top: auto !important;
-    }
-    .mr#{$infix}-auto,
-    .mx#{$infix}-auto {
-      margin-right: auto !important;
-    }
-    .mb#{$infix}-auto,
-    .my#{$infix}-auto {
-      margin-bottom: auto !important;
-    }
-    .ml#{$infix}-auto,
-    .mx#{$infix}-auto {
-      margin-left: auto !important;
-    }
-  }
-}

package/dist/assets/scss/black-dashboard-react/bootstrap/utilities/_text.scss

@@ -1,58 +0,0 @@
-// stylelint-disable declaration-no-important
-
-//
-// Text
-//
-
-.text-monospace { font-family: $font-family-monospace; }
-
-// Alignment
-
-.text-justify  { text-align: justify !important; }
-.text-nowrap   { white-space: nowrap !important; }
-.text-truncate { @include text-truncate; }
-
-// Responsive alignment
-
-@each $breakpoint in map-keys($grid-breakpoints) {
-  @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
-    .text#{$infix}-left   { text-align: left !important; }
-    .text#{$infix}-right  { text-align: right !important; }
-    .text#{$infix}-center { text-align: center !important; }
-  }
-}
-
-// Transformation
-
-.text-lowercase  { text-transform: lowercase !important; }
-.text-uppercase  { text-transform: uppercase !important; }
-.text-capitalize { text-transform: capitalize !important; }
-
-// Weight and italics
-
-.font-weight-light  { font-weight: $font-weight-light !important; }
-.font-weight-normal { font-weight: $font-weight-normal !important; }
-.font-weight-bold   { font-weight: $font-weight-bold !important; }
-.font-italic        { font-style: italic !important; }
-
-// Contextual colors
-
-.text-white { color: $white !important; }
-
-@each $color, $value in $theme-colors {
-  @include text-emphasis-variant(".text-#{$color}", $value);
-}
-
-.text-body { color: $body-color !important; }
-.text-muted { color: $text-muted !important; }
-
-.text-black-50 { color: rgba($black, .5) !important; }
-.text-white-50 { color: rgba($white, .5) !important; }
-
-// Misc
-
-.text-hide {
-  @include text-hide($ignore-warning: true);
-}

package/dist/assets/scss/black-dashboard-react/bootstrap/utilities/_visibility.scss

@@ -1,11 +0,0 @@
-//
-// Visibility utilities
-//
-
-.visible {
-  @include invisible(visible);
-}
-
-.invisible {
-  @include invisible(hidden);
-}

package/dist/assets/scss/black-dashboard-react/custom/_alerts.scss

@@ -1,103 +0,0 @@
-.alert{
-    border: 0;
-    color: $white;
-
-    .alert-link{
-      color: $white;
-    }
-
-    &.alert-success{
-      background-color: darken($success, 10%);
-    }
-
-    i.fa,
-    i.tim-icons{
-        font-size: $font-paragraph;
-    }
-
-    .close{
-        color: $white;
-        opacity: .9;
-        text-shadow: none;
-        line-height: 0;
-        outline: 0;
-        &::after{
-          display: inline-block;
-          font: normal normal normal 1em/1 'Nucleo';
-          vertical-align: middle;
-          speak: none;
-          text-transform: none;
-          -webkit-font-smoothing: antialiased;
-          font-size: 1rem;
-          content: "\ea48"
-        }
-        span {
-          display: none !important;
-        }
-    }
-
-    span[data-notify="icon"]{
-      font-size: 22px;
-      display: block;
-      left: 19px;
-      position: absolute;
-      top: 50%;
-      margin-top: -11px;
-    }
-
-    button.close{
-      position: absolute;
-      right: 15px;
-      top: 50%;
-      margin-top: -13px;
-      width: 25px;
-      height: 25px;
-      padding: 3px;
-    }
-
-    .close ~ span{
-        display: block;
-        max-width: 89%;
-    }
-
-    &.alert-with-icon{
-        padding-left: 65px;
-    }
-}
-
-.alert-dismissible {
-    padding-right: 1.25rem;
-    .close {
-
-        &:hover,
-        &:focus {
-            color: rgba($white, .9);
-            opacity: 1 !important;
-        }
-
-        @include media-breakpoint-down(xs) {
-            top: 1rem;
-            right: .5rem;
-        }
-
-        &>span:not(.sr-only) {
-            font-size: 1.5rem;
-            background-color: transparent;
-            color: rgba($white, .6);
-        }
-
-        &:hover,
-        &:focus {
-            &>span:not(.sr-only) {
-                background-color: transparent;
-                color: rgba($white, .9);
-            }
-        }
-    }
-    &.animated {
-      z-index: 9999;
-      .close {
-        right: 10px;
-      }
-    }
-}

package/dist/assets/scss/black-dashboard-react/custom/_badges.scss

@@ -1,3 +0,0 @@
-.badge + .badge {
-  margin-left: 5px;
-}

package/dist/assets/scss/black-dashboard-react/custom/_buttons.scss

@@ -1,242 +0,0 @@
-.btn,
-.navbar .navbar-nav > a.btn{
-    border-width: $border-thick;
-    border: none;
-    position: relative;
-    overflow: hidden;
-    margin:4px 1px;
-    border-radius: $border-radius-lg;
-    cursor: pointer;
-
-    @include btn-styles($default, $default-states);
-
-    &:hover,
-    &:focus{
-        @include opacity(1);
-        outline: 0 !important;
-    }
-    &:active,
-    &.active,
-    .open > &.dropdown-toggle {
-         @include box-shadow(none);
-         outline: 0 !important;
-    }
-
-    .badge{
-      margin: 0;
-    }
-
-    &.btn-icon {
-        // see above for color variations
-        height: $icon-size-regular;
-        min-width: $icon-size-regular;
-        width: $icon-size-regular;
-        padding: 0;
-        font-size: $icon-font-size-regular;
-        overflow: hidden;
-        position: relative;
-        line-height: normal;
-
-        &.btn-simple{
-            padding: 0;
-        }
-
-        &.btn-sm{
-            height: $icon-size-sm;
-            min-width: $icon-size-sm;
-            width: $icon-size-sm;
-
-            .fa,
-            .far,
-            .fas,
-            .tim-icons{
-                font-size: $icon-font-size-sm;
-            }
-        }
-
-        &.btn-lg{
-            height: $icon-size-lg;
-            min-width: $icon-size-lg;
-            width: $icon-size-lg;
-
-            .fa,
-            .far,
-            .fas,
-            .tim-icons{
-                font-size: $icon-font-size-lg;
-            }
-        }
-
-        &:not(.btn-footer) .tim-icons,
-        &:not(.btn-footer) .fa,
-        &:not(.btn-footer) .far,
-        &:not(.btn-footer) .fas{
-            position: absolute;
-            font-size: 1em;
-            top: 50%;
-            left: 50%;
-            transform: translate(-12px, -12px);
-            line-height: 1.5626rem;
-            width: 24px;
-        }
-
-    }
-
-    &:not(.btn-icon) .tim-icons{
-        position: relative;
-        top: 1px;
-    }
-
-    span{
-      position: relative;
-      display: block;
-    }
-
-  &.btn-link.dropdown-toggle {
-    color: $dark-gray;
-  }
-
-  &.dropdown-toggle:after {
-    margin-left: 30px !important;
-  }
-}
-
-// Apply the mixin to the buttons
-// .btn-default { @include btn-styles($default-color, $default-states-color); }
-.btn-primary { @include btn-styles($primary, $primary-states);
-
-              }
-.btn-success { @include btn-styles($success, $success-states);
-
-              }
-.btn-info    { @include btn-styles($info, $info-states);
-
-              }
-.btn-warning { @include btn-styles($warning, $warning-states);
-                &:not(:disabled):not(.disabled):active{
-                  color: $white;
-                }
-              }
-.btn-danger  { @include btn-styles($danger, $danger-states);
-
-              }
-.btn-neutral { @include btn-styles($white, $white); }
-
-.btn{
-     &:disabled,
-     &[disabled],
-     &.disabled{
-        @include opacity(.5);
-        pointer-events: none;
-    }
-}
-.btn-simple{
-    border: $border;
-    border-color: $default;
-    box-shadow: none;
-    padding: $padding-btn-vertical - 1 $padding-round-horizontal - 1;
-    background-color: $transparent-bg;
-}
-
-.btn-simple,
-.btn-link{
-    &.disabled,
-    &:disabled,
-    &[disabled],
-    fieldset[disabled] & {
-        &,
-        &:hover,
-        &:focus,
-        &.focus,
-        &:active,
-        &.active {
-            background: $transparent-bg;
-        }
-    }
-}
-
-.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active{
-  box-shadow: 2px 2px 6px rgba(0,0,0,.4);
-}
-.btn-link{
-    border: $none;
-    box-shadow: none;
-    padding: $padding-base-vertical $padding-base-horizontal;
-    background: $transparent-bg;
-    color: $gray-300;
-    font-weight: $font-weight-bold;
-
-  &:hover {
-    box-shadow: none !important;
-    transform: none !important;
-  }
-}
-
-.btn-lg{
-   @include btn-size($btn-padding-y-lg, $btn-padding-x-lg, $font-size-base, $border-radius-lg);
-}
-.btn-sm{
-    @include btn-size($btn-padding-y-sm, $btn-padding-x-sm, $font-size-base, $border-radius-sm);
-}
-
-.btn-wd {
-    min-width: 140px;
-}
-.btn-group.select{
-    width: 100%;
-}
-
-.btn-group {
-  .btn.active {
-    box-shadow: 2px 2px 6px rgba(0,0,0,.4);
-    transform: translateY(-1px);
-    -webkit-transform: translateY(-1px);
-  }
-}
-
-
-.btn-group.select .btn{
-    text-align: left;
-}
-.btn-group.select .caret{
-    position: absolute;
-    top: 50%;
-    margin-top: -1px;
-    right: 8px;
-}
-
-.btn-group .btn.active {
-    box-shadow: 2px 2px 6px rgba(0,0,0,.4);
-    transform: translateY(-1px);
-    -webkit-transform: translateY(-1px);
-}
-
-.btn-round{
-    border-width: $border-thin;
-    border-radius: $btn-round-radius;
-
-    &.btn-simple{
-        padding: $padding-btn-vertical - 1  $padding-round-horizontal - 1;
-    }
-}
-
-.no-caret {
-  &.dropdown-toggle::after {
-    display: none;
-  }
-}
-
-.btn-secondary:not(:disabled):not(.disabled):active,
-.btn-secondary:not(:disabled):not(.disabled).active,
-.show > .btn-secondary.dropdown-toggle {
-    color: $white;
-}
-
-.btn-group label.btn.active {
-    transform: translateY(0);
-    -webkit-transform: translateY(0);
-}
-
-.btn + .btn {
-  margin-left: 5px;
-}

package/dist/assets/scss/black-dashboard-react/custom/_card.scss

@@ -1,232 +0,0 @@
-.card{
-    background: $card-black-background;
-    border: 0;
-    position: relative;
-    width: 100%;
-    margin-bottom: 30px;
-    box-shadow: $box-shadow;
-
-
-    label{
-      color: rgba($white, 0.6);
-    }
-
-    .card-title {
-      margin-bottom: .75rem;
-    }
-
-    .card-body{
-      padding: 15px;
-
-      &.table-full-width{
-        padding-left: 0;
-        padding-right: 0;
-      }
-
-      .card-title{
-        color: $white;
-        text-transform: inherit;
-        font-weight: $font-weight-light;
-        margin-bottom: .75rem;
-      }
-
-      .card-description, .card-category{
-        color: rgba($white, 0.6);
-      }
-
-    }
-
-    .card-header{
-      &:not([data-background-color]){
-        background-color: transparent;
-      }
-      padding: 15px 15px 0;
-      border: 0;
-      color: rgba($white,0.8);
-
-      .card-title{
-          color: $white;
-          font-weight: 100;
-      }
-
-      .card-category{
-        color: $dark-gray;
-        margin-bottom: 5px;
-        font-weight: 300;
-      }
-    }
-
-    .map{
-        border-radius: $border-radius-sm;
-
-        &.map-big{
-          height: 420px;
-        }
-    }
-
-    &.card-white{
-      background: $white;
-
-      .card-title{
-        color: $black;
-      }
-      .card-category, .stats{
-        color: $card-stats-gray;
-      }
-
-      //style for inputs
-
-      @include form-control-placeholder(rgba($black,0.4), 1);
-        .has-danger{
-          .form-control, .input-group-prepend .input-group-text{
-            border-color: $danger-states;
-          }
-        }
-
-        .input-group-prepend .input-group-text{
-          border-color: rgba($black-states,0.2);
-          color: $black-states;
-        }
-
-        .form-control{
-          color: $black;
-          border-color: rgba($black-states,0.2);
-          &:focus{
-            border-color: $primary;
-          }
-        }
-        label:not(.btn){
-          color: $default;
-        }
-
-      .form-group.no-border,
-      .input-group.no-border {
-          .form-control,
-          .form-control + .input-group-prepend .input-group-text,
-          .form-control + .input-group-append .input-group-text,
-          .input-group-prepend .input-group-text,
-          .input-group-append .input-group-text{
-            background-color: $opacity-gray-3;
-              &:focus,
-              &:active,
-              &:active{
-                background-color: $opacity-gray-5;
-              }
-          }
-
-          .form-control {
-              &:focus {
-                  & + .input-group-prepend .input-group-text,
-                  & + .input-group-append .input-group-text{
-                    background-color: $transparent-bg;
-                  }
-              }
-          }
-
-
-      }
-
-      .input-group[disabled]{
-          .input-group-prepend .input-group-text,
-          .input-group-append .input-group-text{
-              background-color: $black;
-          }
-      }
-
-      .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
-        background: $light-gray;
-        border-color: rgba($black-states,0.3);
-      }
-
-      .input-group-focus{
-          .input-group-prepend .input-group-text,
-          .input-group-append .input-group-text,
-          .form-control{
-            background-color: $white;
-            border-color: $primary;
-          }
-
-          &.no-border{
-              .input-group-prepend .input-group-text,
-              .input-group-append .input-group-text{
-
-                  background-color: $opacity-gray-5;
-              }
-          }
-      }
-      .input-group-prepend .input-group-text {
-          border-right: none;
-      }
-
-      .input-group-append .input-group-text {
-          border-left: none;
-      }
-
-      .has-danger .form-control:focus, .has-success.input-group-focus .input-group-append .input-group-text, .has-success.input-group-focus .input-group-prepend .input-group-text {
-        border-color: $danger-states;
-      }
-
-      .has-success .form-control:focus, .has-success.input-group-focus .input-group-append .input-group-text, .has-success.input-group-focus .input-group-prepend .input-group-text {
-        border-color: darken($success, 10%);
-      }
-    }
-
-
-    &.card-plain {
-      background: transparent;
-      box-shadow: none;
-    }
-
-    .image{
-        overflow: hidden;
-        height: 200px;
-        position: relative;
-    }
-
-    .avatar{
-        width: 30px;
-        height: 30px;
-        overflow: hidden;
-        border-radius: 50%;
-        margin-bottom: 15px;
-    }
-
-    label{
-        font-size: $font-size-sm;
-        margin-bottom: 5px;
-
-    }
-
-    .card-footer{
-        background-color: transparent;
-        border: 0;
-        padding: 15px;
-
-
-        .stats{
-            i{
-                margin-right: 5px;
-                position: relative;
-
-            }
-        }
-
-        h6{
-          margin-bottom: 0;
-          padding: 7px 0;
-        }
-    }
-}
-
-.card-body{
-  padding: $card-spacer-y;
-}
-
-@include media-breakpoint-down(sm) {
-  .card.card-chart .card-header {
-    .btn-group-toggle .tim-icons {
-      font-size: .875rem;
-      top: -1px;
-    }
-  }
-}