@agilemotion/oui-react-js 1.2.6 → 1.2.7

package/dist/assets/scss/black-dashboard-react/custom/_checkboxes-radio.scss

@@ -1,154 +0,0 @@
-.form-check{
- margin-top: .5rem;
- padding-left: 0;
-}
-
-.form-check .form-check-label{
-  display: inline-block;
-  position: relative;
-  cursor: pointer;
-  padding-left: 25px;
-  line-height: 18px;
-  margin-bottom: 0;
-  -webkit-transition: color 0.3s linear;
-  -moz-transition: color 0.3s linear;
-  -o-transition: color 0.3s linear;
-  -ms-transition: color 0.3s linear;
-  transition: color 0.3s linear;
-}
-.radio .form-check-sign{
-    padding-left: 28px;
-}
-
-.form-check-radio.form-check-inline .form-check-label {
-  padding-left: 5px;
-  margin-right: 10px;
-}
-
-.form-check .form-check-sign::before,
-.form-check .form-check-sign::after{
-  content: " ";
-  display: inline-block;
-  position: absolute;
-  width: 17px;
-  height: 17px;
-  left: 0;
-  cursor: pointer;
-  border-radius: 3px;
-  top: 0;
-  border: 1px solid darken($dark-gray,10%);
-  -webkit-transition: opacity 0.3s linear;
-  -moz-transition: opacity 0.3s linear;
-  -o-transition: opacity 0.3s linear;
-  -ms-transition: opacity 0.3s linear;
-  transition: opacity 0.3s linear;
-}
-
-.form-check input[type="checkbox"]:checked + .form-check-sign::before,
-.form-check input[type="checkbox"]:checked + .form-check-sign::before{
-  border: none;
-  background-color: $primary;
-}
-
- .form-check .form-check-sign::after{
-  font-family: 'nucleo';
-  content: "\ea1b";
-  top: 0px;
-  text-align: center;
-  font-size: 14px;
-  opacity: 0;
-  color: $white;
-  font-weight: $font-weight-bold;
-  border: 0;
-  background-color: inherit;
-}
-
-.form-check.disabled .form-check-label,
-.form-check.disabled .form-check-label {
-    color: $dark-gray;
-    opacity: .5;
-    cursor: not-allowed;
-}
-
-.form-check input[type="checkbox"],
-.radio input[type="radio"]{
-  opacity: 0;
-  position: absolute;
-  visibility: hidden;
-}
-.form-check input[type="checkbox"]:checked + .form-check-sign::after{
-  opacity: 1;
-  font-size: 10px;
-  margin-top: 0;
-}
-
-
-.form-check input[type="checkbox"]+ .form-check-sign::after{
-  opacity: 0;
-  font-size: 10px;
-  margin-top: 0;
-}
-
-.form-control input[type="checkbox"]:disabled + .form-check-sign::before,
-.checkbox input[type="checkbox"]:disabled + .form-check-sign::after{
-    cursor: not-allowed;
-}
-
-.form-check input[type="checkbox"]:disabled + .form-check-sign,
-.form-check input[type="radio"]:disabled + .form-check-sign{
-    pointer-events: none;
-}
-
-.form-check-radio .form-check-label{
-  padding-top: 3px;
-}
-.form-check-radio .form-check-sign::before,
-.form-check-radio .form-check-sign::after{
-  content: " ";
-  width: 18px;
-  height: 18px;
-  border-radius: 50%;
-  border: 1px solid darken($dark-gray,10%);
-  display: inline-block;
-  position: absolute;
-  left: 0px;
-  top: 3px;
-  padding: 1px;
-  -webkit-transition: opacity 0.3s linear;
-  -moz-transition: opacity 0.3s linear;
-  -o-transition: opacity 0.3s linear;
-  -ms-transition: opacity 0.3s linear;
-  transition: opacity 0.3s linear;
-}
-
-.form-check-radio input[type="radio"] + .form-check-sign:after,
-.form-check-radio input[type="radio"] {
-    opacity: 0;
-}
-.form-check-radio input[type="radio"]:checked + .form-check-sign::after {
-    width: 6px;
-    height: 6px;
-    background-color: $primary;
-    border-color: $primary;
-    top: 9px;
-    left: 6px;
-    opacity: 1;
-}
-
-.form-check-radio input[type="radio"]:checked + .form-check-sign::before {
-  border-color: $primary;
-}
-
-
-.form-check-radio input[type="radio"]:checked + .form-check-sign::after{
-    opacity: 1;
-}
-
-.form-check-radio input[type="radio"]:disabled + .form-check-sign {
-  color: $dark-gray;
-}
-
-.form-check-radio input[type="radio"]:disabled + .form-check-sign::before,
-.form-check-radio input[type="radio"]:disabled + .form-check-sign::after {
-  color: $dark-gray;
-}

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

@@ -1,359 +0,0 @@
-.dropdown-menu {
-    border: 0;
-    box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.2);
-    border-radius: $border-radius-xs;
-    @include transitions($fast-transition-time, $transition-linear);
-
-    &.dropdown-menu-right {
-      &:before, &:after {
-        left:auto;
-        right: 10px;
-      }
-    }
-
-    &.dropdown-black {
-      background: linear-gradient(to bottom, $black 0%, $black-states 100%);
-      border: 1px solid $default;
-      .dropdown-item {
-        color: rgba(255, 255, 255, 0.7);
-      }
-
-      .dropdown-divider {
-        border-color: $default;
-      }
-
-      &:before {
-        color: $black;
-        z-index: 2;
-      }
-
-      &:after {
-        display: inline-block;
-        position: absolute;
-        width: 0;
-        height: 0;
-        z-index: 1;
-        vertical-align: middle;
-        content: "";
-        top: -6px;
-        left: 10px;
-        right: auto;
-        color: $default;
-        border-bottom: .4em solid;
-        border-right: .4em solid transparent;
-        border-left: .4em solid transparent;
-      }
-
-      &.dropdown-menu-right {
-        &:after {
-          left: auto;
-          right: 10px;
-        }
-      }
-
-      .dropup & {
-        &:after {
-          color: $black-states;
-          z-index: 2;
-        }
-
-        &:before {
-          display: inline-block;
-          position: absolute;
-          width: 0;
-          height: 0;
-          vertical-align: middle;
-          content: "";
-          top: auto;
-          bottom: -6px;
-          right: auto;
-          left: 10px;
-          color: $dark-background;
-          border-top: .4em solid;
-          border-right: .4em solid transparent;
-          border-left: .4em solid transparent;
-          border-bottom: none;
-          z-index: 1;
-        }
-      }
-    }
-
-    i {
-        margin-right: 5px;
-        position: relative;
-        top: 1px;
-    }
-
-    .tim-icons {
-        margin-right: 10px;
-        position: relative;
-        top: 4px;
-        font-size: 18px;
-        margin-top: -5px;
-        opacity: .5;
-    }
-
-    .dropdown-item {
-        &.active,
-        &:active{
-            color: inherit;
-        }
-    }
-
-    .dropup & {
-        &:before {
-            display: none;
-        }
-
-        &:after {
-          display: inline-block;
-          position: absolute;
-          width: 0;
-          height: 0;
-          vertical-align: middle;
-          content: "";
-          top: auto;
-          bottom: -5px;
-          right: auto;
-          left: 10px;
-          color: $white;
-          border-top: .4em solid;
-          border-right: .4em solid transparent;
-          border-left: .4em solid transparent;
-          border-bottom: none;
-        }
-
-        &.dropdown-menu-right {
-          &:after, &:before {
-            right: 10px;
-            left: auto;
-          }
-        }
-    }
-
-
-
-    &:before {
-      display: inline-block;
-      position: absolute;
-      width: 0;
-      height: 0;
-      vertical-align: middle;
-      content: "";
-      top: -5px;
-      left: 10px;
-      right: auto;
-      color: $white;
-      border-bottom: .4em solid;
-      border-right: .4em solid transparent;
-      border-left: .4em solid transparent;
-    }
-
-
-
-    &.dropdown-menu-right {
-      right: 0 !important;
-      left: auto !important;
-    }
-
-    .dropdown-item,
-    .bootstrap-select &.inner li a {
-      font-size: $font-size-sm;
-      padding-top: .6rem;
-      padding-bottom: .6rem;
-      margin-top: 5px;
-      @include transitions($fast-transition-time, $transition-linear);
-
-      &:hover,
-      &:focus {
-        background-color: $opacity-gray-3;
-      }
-
-      &.disabled,
-      &:disabled {
-        color: $default-opacity;
-
-        &:hover,
-        &:focus {
-          background-color: transparent;
-          box-shadow: none;
-        }
-      }
-    }
-
-
-    .dropdown-divider {
-        background-color: $opacity-gray-5;
-    }
-
-    .dropdown-header:not([href]) {
-        color: $default-opacity;
-        font-size: $font-size-xs;
-        text-transform: uppercase;
-        font-weight: $font-weight-bold;
-    }
-
-    &.dropdown-primary {
-        @include dropdown-colors(darken($primary, 3%),$opacity-8,$white, $opacity-2);
-    }
-
-    &.dropdown-info {
-        @include dropdown-colors(darken($info, 3%),$opacity-8,$white, $opacity-2);
-    }
-
-    &.dropdown-danger {
-        @include dropdown-colors(darken($danger, 3%),$opacity-8,$white, $opacity-2);
-    }
-
-    &.dropdown-success {
-        @include dropdown-colors(darken($success, 3%),$opacity-8,$white, $opacity-2);
-    }
-
-    &.dropdown-warning {
-        @include dropdown-colors(darken($warning, 3%),$opacity-8,$white, $opacity-2);
-    }
-
-    .dropdown &,
-    .dropup:not(.bootstrap-select) &,
-    .bootstrap-select &:not(.inner),
-    &.bootstrap-datetimepicker-widget.bottom {
-        @include transform-translate-y-dropdown(-20px);
-        visibility: hidden;
-        display: block;
-        @include opacity(0);
-        top: 100% !important;
-    }
-
-    &.bootstrap-datetimepicker-widget.top {
-      @include transform-translate-y-dropdown(-20px);
-      visibility: hidden;
-      display: block;
-      @include opacity(0);
-    }
-
-    &.bootstrap-datetimepicker-widget.top,
-    &.bootstrap-datetimepicker-widget.bottom {
-        @include transform-translate-y-dropdown(-20px);
-    }
-
-    .bootstrap-select.dropup &:not(.inner){
-        @include transform-translate-y-dropdown(25px);
-    }
-
-    .dropup:not(.bootstrap-select) &{
-        @include transform-translate-y-dropdown(20px);
-        top: auto !important;
-        bottom: 100%;
-    }
-
-    .dropdown.show &,
-    .bootstrap-select.show &:not(.inner),
-    &.bootstrap-datetimepicker-widget.top.open,
-    &.bootstrap-datetimepicker-widget.bottom.open,
-    .dropup.show:not(.bootstrap-select) &,
-    .navbar .dropdown.show &{
-        @include opacity(1);
-        visibility: visible;
-        @include transform-translate-y-dropdown(1px);
-    }
-
-    &.bootstrap-datetimepicker-widget.top.open,
-    &.bootstrap-datetimepicker-widget.bottom.open{
-        @include transform-translate-y-dropdown(0px);
-    }
-
-    .dropup.show:not(.bootstrap-select) &{
-        @include transform-translate-y-dropdown(-2px);
-    }
-
-    &.dropdown-navbar{
-      left: -80px;
-      &:before, &:after{
-        left: auto;
-        right: 17px;
-      }
-    }
-
-
-}
-
-.btn{
-    cursor: pointer;
-
-    &.dropdown-toggle[data-toggle="dropdown"]{
-        padding:10px;
-        margin: 0;
-        margin-bottom: 5px;
-
-        &:after{
-          content: "";
-          margin-left: 5px;
-        }
-
-    }
-
-    span.bs-caret{
-      display: none;
-    }
-
-    &.btn-link{
-      &.dropdown-toggle{
-        height: 22px;
-        padding: 0;
-        margin-right: 5px;
-      }
-    }
-}
-
-.dropdown-toggle:after{
-
-  content: unset;
-
-}
-
-.btn:not(:disabled):not(.disabled).active:focus,
- .btn:not(:disabled):not(.disabled):active:focus,
- .show>.btn.dropdown-toggle:focus{
-   box-shadow: none;
- }
-
-
-// Dropown: Sizes
-
-.dropdown-menu-sm {
-    min-width: 100px;
-    border: $border-radius-lg;
-}
-
-.dropdown-menu-lg {
-    min-width: 260px;
-    border-radius: $border-radius-lg;
-}
-
-.dropdown-menu-xl {
-    min-width: 450px;
-    border-radius: $border-radius-lg;
-}
-
-@media screen and (max-width: 991px){
-  .dropdown-toggle:after{
-    display: inline-block;
-    width: 0;
-    height: 0;
-    margin-left: .255em;
-    vertical-align: .255em;
-    content: "";
-    border-top: .3em solid;
-    border-right: .3em solid transparent;
-    border-bottom: 0;
-    border-left: .3em solid transparent;
-  }
-
-}
-
-
-@media screen and (min-width: 992px){
-  .dropdown-menu .dropdown-item{
-      color: $dark-gray;
-  }
-}