@agilemotion/oui-react-js 1.8.48 → 1.8.49

package/dist/assets/scss/black-dashboard-react/custom/mixins/_inputs.scss

@@ -1,234 +0,0 @@
-@mixin input-size($padding-vertical, $padding-horizontal){
-    padding: $padding-vertical $padding-horizontal;
-}
-
-@mixin form-control-placeholder($color, $opacity){
-   .form-control::-moz-placeholder{
-       color: $color;
-       @include opacity(1);
-   }
-   .form-control:-moz-placeholder{
-       color: $color;
-       @include opacity(1);
-   }
-   .form-control::-webkit-input-placeholder{
-       color: $color;
-       @include opacity(1);
-   }
-   .form-control:-ms-input-placeholder{
-       color: $color;
-       @include opacity(1);
-   }
-}
-
-@mixin placeholder() {
-  &::-moz-placeholder {@content; } // Firefox
-  &:-ms-input-placeholder {@content; } // Internet Explorer 10+
-  &::-webkit-input-placeholder  {@content; } // Safari and Chrome
-}
-
-@mixin light-form(){
-    border-radius: 0;
-    border:0;
-    padding: 0;
-    background-color: transparent;
-
-}
-
-
-@mixin form-control-lg-padding($padding-vertical, $padding-horizontal) {
-    .form-group.no-border.form-control-lg,
-    .input-group.no-border.form-control-lg{
-        .input-group-append .input-group-text{
-            padding: $padding-vertical 0 $padding-vertical $padding-horizontal;
-        }
-
-        .form-control{
-            padding: $padding-vertical $padding-horizontal;
-
-            & + .input-group-prepend .input-group-text,
-            & + .input-group-append .input-group-text{
-                padding: $padding-vertical $padding-horizontal $padding-vertical 0;
-            }
-
-
-        }
-    }
-
-    .form-group.form-control-lg,
-    .input-group.form-control-lg{
-        .form-control{
-            padding: $padding-vertical - 1 $padding-horizontal - 1;
-            height: 100%;
-
-            & + .input-group-prepend .input-group-text,
-            & + .input-group-append .input-group-text{
-                padding: $padding-vertical - 1 $padding-horizontal - 1 $padding-vertical - 1 0;
-            }
-        }
-
-        .input-group-prepend .input-group-text,
-        .input-group-append .input-group-text{
-            padding: $padding-vertical - 1 0 $padding-vertical $padding-horizontal - 1;
-
-            & + .form-control{
-                padding: $padding-vertical  $padding-horizontal - 1 $padding-vertical $padding-horizontal - 3;
-            }
-        }
-    }
-}
-
-
-
-@mixin input-base-padding($padding-vertical, $padding-horizontal) {
-    .form-group.no-border,
-    .input-group.no-border{
-        .form-control{
-            padding: $padding-vertical $padding-horizontal;
-
-            & + .input-group-prepend .input-group-text,
-            & + .input-group-append .input-group-text{
-                padding: $padding-vertical $padding-horizontal $padding-vertical 0;
-            }
-        }
-
-        .input-group-prepend .input-group-text,
-        .input-group-append .input-group-text{
-            padding: $padding-vertical 0 $padding-vertical $padding-horizontal;
-        }
-    }
-
-    .form-group,
-    .input-group{
-        .form-control{
-            padding: $padding-vertical - 1 $padding-horizontal - 1 $padding-vertical - 1 $padding-horizontal - 1;
-
-            & + .input-group-prepend .input-group-text,
-            & + .input-group-append .input-group-text{
-                padding: $padding-vertical - 1 $padding-horizontal - 1 $padding-vertical - 1 0;
-            }
-        }
-
-        .input-group-prepend .input-group-text,
-        .input-group-append .input-group-text{
-            padding: $padding-vertical - 1 0 $padding-vertical - 1 $padding-horizontal - 1;
-
-            & + .form-control,
-            & ~ .form-control{
-                padding:$padding-vertical - 1 $padding-horizontal $padding-vertical $padding-horizontal - 3;
-            }
-        }
-    }
-}
-
-
-//color1 = $opacity-5
-//color2 = $opacity-8
-//color3 = $white-color
-//color4 = $transparent-bg
-//color5 = $opacity-1
-//color6 = $opacity-2
-
-
-@mixin input-coloured-bg($color1, $color2, $color3, $color4, $color5, $color6) {
-    @include form-control-placeholder(rgba($white, 0.4), 1);
-
-    .form-control{
-        border-color: $color1;
-        color: $color2;
-
-        &:focus{
-            border-color: $color3;
-            background-color: $color4;
-            color: $color3;
-        }
-    }
-
-    .has-success,
-    .has-danger{
-        &:after{
-            color: $color3;
-        }
-    }
-
-    .has-danger{
-        .form-control{
-            background-color: $color4;
-        }
-    }
-
-    .input-group-prepend{
-      margin-right: 0;
-    }
-
-    .input-group-prepend .input-group-text,
-    .input-group-append .input-group-text{
-        background-color: rgba($background-black, 0.2);
-        border-color: $color1;
-        color: $color2;
-
-
-    }
-
-    .input-group-focus{
-        .input-group-prepend .input-group-text,
-        .input-group-append .input-group-text{
-            background-color: rgba($background-black, 0.3);
-            border-color: $color3;
-            color: $color3;
-        }
-    }
-
-    .form-group.no-border,
-    .input-group.no-border{
-        .form-control{
-            background-color: rgba($background-black,0.2);
-            color: $color2;
-
-            &:focus,
-            &:active,
-            &:active{
-                background-color: rgba($background-black,0.3);
-                color: $color3;
-            }
-        }
-
-        .form-control + .input-group-prepend .input-group-text,
-        .form-control + .input-group-append .input-group-text{
-            background-color: rgba($background-black,0.2);;
-
-            &:focus,
-            &:active,
-            &:active{
-                background-color: rgba($background-black,0.3);
-                color: $color3;
-            }
-        }
-
-        .form-control{
-            &:focus{
-                & + .input-group-prepend .input-group-text,
-                & + .input-group-append .input-group-text{
-                    background-color: rgba($background-black, 0.3);
-                    color: $color3;
-                }
-            }
-        }
-
-        .input-group-prepend .input-group-text,
-        .input-group-append .input-group-text{
-            background-color: rgba($background-black, 0.2);
-            border: none;
-            color: $color2;
-        }
-
-        &.input-group-focus{
-            .input-group-prepend .input-group-text,
-            .input-group-append .input-group-text{
-                background-color: rgba($background-black, 0.3);
-                color: $color3;
-            }
-        }
-    }
-
-}

package/dist/assets/scss/black-dashboard-react/custom/mixins/_modals.scss

@@ -1,15 +0,0 @@
-@mixin modal-colors($bg-color, $color) {
-    .modal-content{
-        background-color: $bg-color;
-        color: $color;
-    }
-
-    .modal-body p{
-      color: rgba($white, 0.8);
-    }
-
-    //inputs
-    @include input-coloured-bg($opacity-5, $white, $white, $transparent-bg, $opacity-1, $opacity-2);
-
-
-}

package/dist/assets/scss/black-dashboard-react/custom/mixins/_page-header.scss

@@ -1,7 +0,0 @@
-@mixin linear-gradient($color1, $color2){
-    background: $color1; /* For browsers that do not support gradients */
-    background: -webkit-linear-gradient(90deg, $color1 , $color2); /* For Safari 5.1 to 6.0 */
-    background: -o-linear-gradient(90deg, $color1, $color2); /* For Opera 11.1 to 12.0 */
-    background: -moz-linear-gradient(90deg, $color1, $color2); /* For Firefox 3.6 to 15 */
-    background: linear-gradient(0deg, $color1 , $color2); /* Standard syntax */
-}

package/dist/assets/scss/black-dashboard-react/custom/mixins/_popovers.scss

@@ -1,41 +0,0 @@
-@mixin popover-variant($background) {
-  background-color: $background;
-
-  .popover-header {
-    background-color: $background;
-    color: color-yiq($background);
-    opacity: .6;
-  }
-
-  .popover-body {
-    color: color-yiq($background);
-  }
-
-  .popover-header{
-    border-color: rgba(color-yiq($background), .2);
-  }
-
-  &.bs-popover-top {
-    .arrow::after {
-      border-top-color: $background;
-    }
-  }
-
-  &.bs-popover-right {
-    .arrow::after {
-      border-right-color: $background;
-    }
-  }
-
-  &.bs-popover-bottom {
-    .arrow::after {
-      border-bottom-color: $background;
-    }
-  }
-
-  &.bs-popover-left {
-    .arrow::after {
-      border-left-color: $background;
-    }
-  }
-}

package/dist/assets/scss/black-dashboard-react/custom/mixins/_vendor-prefixes.scss

@@ -1,209 +0,0 @@
-
-@mixin transform-translate-x($value){
-     -webkit-transform:  translate3d($value, 0, 0);
-        -moz-transform: translate3d($value, 0, 0);
-        -o-transform: translate3d($value, 0, 0);
-        -ms-transform: translate3d($value, 0, 0);
-        transform: translate3d($value, 0, 0);
-}
-
-@mixin transform-translate-y($value){
-     -webkit-transform:  translate3d(0,$value,0);
-        -moz-transform: translate3d(0,$value,0);
-        -o-transform: translate3d(0,$value,0);
-        -ms-transform: translate3d(0,$value,0);
-        transform: translate3d(0,$value,0);
-}
-
-@mixin transitions($time, $type){
-    -webkit-transition: all $time $type;
-    -moz-transition: all $time $type;
-    -o-transition: all $time $type;
-    -ms-transition: all $time $type;
-    transition: all $time $type;
-}
-
-@mixin diagonal-gradient($start-color, $end-color){
-  background: $start-color;
-  background-image: -webkit-linear-gradient(to bottom left, $start-color, $end-color, $start-color);
-  background-image: -o-linear-gradient(to bottom left, $start-color, $end-color, $start-color);
-  background-image: -moz-linear-gradient(to bottom left, $start-color, $end-color, $start-color);
-  background-image: linear-gradient(to bottom left, $start-color, $end-color, $start-color);
-  background-size: 210% 210%;
-  background-position: top right;
-}
-
-@mixin bar-animation($type){
-     -webkit-animation: $type 500ms linear 0s;
-     -moz-animation: $type 500ms linear 0s;
-     animation: $type 500ms 0s;
-     -webkit-animation-fill-mode: forwards;
-     -moz-animation-fill-mode: forwards;
-     animation-fill-mode: forwards;
-}
-
-@mixin rotate-180(){
-    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-    -webkit-transform: rotate(180deg);
-    -ms-transform: rotate(180deg);
-    transform: rotate(180deg);
-}
-
-@mixin rotate-neg360(){
-    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-    -webkit-transform: rotate(-360deg);
-    -ms-transform: rotate(-360deg);
-    transform: rotate(-360deg);
-}
-
-@mixin transform-translate-y-dropdown($value) {
-    -webkit-transform:  translate3d(0,$value,0) !important;
-       -moz-transform: translate3d(0,$value,0) !important;
-       -o-transform: translate3d(0,$value,0) !important;
-       -ms-transform: translate3d(0,$value,0) !important;
-       transform: translate3d(0,$value,0) !important;
-}
-
-@mixin linear-gradient($color, $states-color){
-    background: $color;
-    background: -webkit-linear-gradient(0deg, $color 0%, $states-color 100%);
-    background: -o-linear-gradient(0deg, $color 0%, $states-color 100%);
-    background: -moz-linear-gradient(0deg, $color 0%, $states-color 100%);
-    background: linear-gradient(0deg, $color 0%, $states-color 100%);
-}
-
-@mixin linear-gradient-right($color, $states-color){
-    background: $color;
-    background: -webkit-linear-gradient(to right, $color 0%, $states-color 100%);
-    background: -o-linear-gradient(to right, $color 0%, $states-color 100%);
-    background: -moz-linear-gradient(to right, $color 0%, $states-color 100%);
-    background: linear-gradient(to right, $color 0%, $states-color 100%);
-}
-
-@mixin sidebar-color($color){
-  &:after{
-    background: $color;
-  }
-
-  .nav li.active > a{
-    color: $color;
-
-    i{
-      color: $color;
-    }
-  }
-}
-
-@mixin transition-input-focus-color() {
-    -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-    -moz-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-    -o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-    -ms-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-    transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-}
-
-@mixin topbar-x-rotation(){
-    @keyframes topbar-x {
-      0% {top: 0px; transform: rotate(0deg); }
-      45% {top: 6px; transform: rotate(145deg); }
-      75% {transform: rotate(130deg); }
-      100% {transform: rotate(135deg); }
-    }
-    @-webkit-keyframes topbar-x {
-      0% {top: 0px; -webkit-transform: rotate(0deg); }
-      45% {top: 6px; -webkit-transform: rotate(145deg); }
-      75% {-webkit-transform: rotate(130deg); }
-      100% { -webkit-transform: rotate(135deg); }
-    }
-    @-moz-keyframes topbar-x {
-      0% {top: 0px; -moz-transform: rotate(0deg); }
-      45% {top: 6px; -moz-transform: rotate(145deg); }
-      75% {-moz-transform: rotate(130deg); }
-      100% { -moz-transform: rotate(135deg); }
-    }
-}
-
-@mixin topbar-back-rotation(){
-    @keyframes topbar-back {
-      0% { top: 6px; transform: rotate(135deg); }
-      45% { transform: rotate(-10deg); }
-      75% { transform: rotate(5deg); }
-      100% { top: 0px; transform: rotate(0); }
-    }
-
-    @-webkit-keyframes topbar-back {
-      0% { top: 6px; -webkit-transform: rotate(135deg); }
-      45% { -webkit-transform: rotate(-10deg); }
-      75% { -webkit-transform: rotate(5deg); }
-      100% { top: 0px; -webkit-transform: rotate(0); }
-    }
-
-    @-moz-keyframes topbar-back {
-      0% { top: 6px; -moz-transform: rotate(135deg); }
-      45% { -moz-transform: rotate(-10deg); }
-      75% { -moz-transform: rotate(5deg); }
-      100% { top: 0px; -moz-transform: rotate(0); }
-    }
-}
-
-@mixin bottombar-x-rotation(){
-    @keyframes bottombar-x {
-      0% {bottom: 0px; transform: rotate(0deg);}
-      45% {bottom: 6px; transform: rotate(-145deg);}
-      75% {transform: rotate(-130deg);}
-      100% {transform: rotate(-135deg);}
-    }
-    @-webkit-keyframes bottombar-x {
-      0% {bottom: 0px; -webkit-transform: rotate(0deg);}
-      45% {bottom: 6px; -webkit-transform: rotate(-145deg);}
-      75% {-webkit-transform: rotate(-130deg);}
-      100% {-webkit-transform: rotate(-135deg);}
-    }
-    @-moz-keyframes bottombar-x {
-      0% {bottom: 0px; -moz-transform: rotate(0deg);}
-      45% {bottom: 6px; -moz-transform: rotate(-145deg);}
-      75% {-moz-transform: rotate(-130deg);}
-      100% {-moz-transform: rotate(-135deg);}
-    }
-}
-
-@mixin bottombar-back-rotation{
-    @keyframes bottombar-back {
-      0% { bottom: 6px;transform: rotate(-135deg);}
-      45% { transform: rotate(10deg);}
-      75% { transform: rotate(-5deg);}
-      100% { bottom: 0px;transform: rotate(0);}
-    }
-    @-webkit-keyframes bottombar-back {
-      0% {bottom: 6px;-webkit-transform: rotate(-135deg);}
-      45% {-webkit-transform: rotate(10deg);}
-      75% {-webkit-transform: rotate(-5deg);}
-      100% {bottom: 0px;-webkit-transform: rotate(0);}
-    }
-    @-moz-keyframes bottombar-back {
-      0% {bottom: 6px;-moz-transform: rotate(-135deg);}
-      45% {-moz-transform: rotate(10deg);}
-      75% {-moz-transform: rotate(-5deg);}
-      100% {bottom: 0px;-moz-transform: rotate(0);}
-    }
-
-}
-
-
-@mixin nc-rotate($degrees, $rotation) {
-  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
-  -webkit-transform: rotate($degrees);
-  -moz-transform: rotate($degrees);
-  -ms-transform: rotate($degrees);
-  -o-transform: rotate($degrees);
-  transform: rotate($degrees);
-}
-
-@mixin nc-flip($horiz, $vert, $rotation) {
-  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
-  -webkit-transform: scale($horiz, $vert);
-  -moz-transform: scale($horiz, $vert);
-  -ms-transform: scale($horiz, $vert);
-  -o-transform: scale($horiz, $vert);
-  transform: scale($horiz, $vert);
-}

package/dist/assets/scss/black-dashboard-react/custom/mixins/_wizard.scss

@@ -1,26 +0,0 @@
-@mixin set-wizard-color($color) {
-      .progress-with-circle .progress-bar{
-          background: $color;
-      }
-
-      .nav-pills .nav-item .nav-link{
-        color: $color;
-
-        &.checked, &.active{
-          background: $color;
-          color: white;
-        }
-        &:hover{
-          background: $white;
-        }
-      }
-
-      .nav-pills .nav-item .nav-link.active,
-      .nav-pills .nav-item .nav-link.checked:focus,
-      .nav-pills .nav-item .nav-link.checked:hover,
-      .nav-pills .nav-item .nav-link.active:focus,
-      .nav-pills .nav-item .nav-link.active:hover{
-          background: $color;
-      }
-
-}

package/dist/assets/scss/black-dashboard-react/custom/mixins/opacity.scss

@@ -1,8 +0,0 @@
-// Opacity
-
-@mixin opacity($opacity) {
-  opacity: $opacity;
-  // IE8 filter
-  $opacity-ie: ($opacity * 100);
-  filter: #{alpha(opacity=$opacity-ie)};
-}

package/dist/assets/scss/black-dashboard-react/custom/utilities/_backgrounds.scss

@@ -1,42 +0,0 @@
-@each $color, $value in $colors {
-	@include bg-variant(".bg-#{$color}", $value);
-}
-
-@each $color, $value in $theme-colors {
-	@include bg-gradient-variant(".bg-gradient-#{$color}", $value);
-}
-
-@each $color, $value in $colors { 
-	@include bg-gradient-variant(".bg-gradient-#{$color}", $value);
-}
-
-
-// Sections
-
-section {
-    //background-color: section-color("primary");
-}
-
-@each $color, $value in $section-colors {
-    @include bg-variant(".section-#{$color}", $value);
-}
-
-@each $color, $value in $theme-colors {
-    @include bg-gradient-variant(".bg-gradient-#{$color}", $value);
-}
-
-
-// Shape (svg) fill colors
-@each $color, $value in $theme-colors {
-    .fill-#{$color}  {
-        fill: $value;
-    }
-
-    .stroke-#{$color}  {
-        stroke: $value;
-    }
-}
-
-.fill-opacity-8 {
-	fill-opacity: .8;
-}

package/dist/assets/scss/black-dashboard-react/custom/utilities/_floating.scss

@@ -1,54 +0,0 @@
-.floating {
-	animation: floating 3s ease infinite;
-	will-change: transform;
-
-	&:hover {
-        animation-play-state: paused;
-    }
-}
-
-.floating-lg {
-	animation: floating-lg 3s ease infinite;
-}
-
-.floating-sm {
-	animation: floating-sm 3s ease infinite;
-}
-
-// Keyframes
-
-@keyframes floating-lg {
-    0% {
-        transform: translateY(0px)
-    }
-    50% {
-        transform: translateY(15px)
-    }
-    100% {
-        transform: translateY(0px)
-    }
-}
-
-@keyframes floating {
-    0% {
-        transform: translateY(0px)
-    }
-    50% {
-        transform: translateY(10px)
-    }
-    100% {
-        transform: translateY(0px)
-    }
-}
-
-@keyframes floating-sm {
-    0% {
-        transform: translateY(0px)
-    }
-    50% {
-        transform: translateY(5px)
-    }
-    100% {
-        transform: translateY(0px)
-    }
-}

package/dist/assets/scss/black-dashboard-react/custom/utilities/_helper.scss

@@ -1,62 +0,0 @@
-// Image
-
-.img-center {
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
-}
-
-// Clearfix
-
-.floatfix {
-    &:before,
-    &:after {
-        content: '';
-        display: table;
-    }
-    &:after {
-        clear: both;
-    }
-}
-
-// Overflows
-
-.overflow-visible {
-    overflow: visible !important;
-}
-.overflow-hidden {
-    overflow: hidden !important;
-}
-
-// Opacity classes
-
-.opacity-1 {
-    opacity: .1 !important;
-}
-.opacity-2 {
-    opacity: .2 !important;
-}
-.opacity-3 {
-    opacity: .3 !important;
-}
-.opacity-4 {
-    opacity: .4 !important;
-}
-.opacity-5 {
-    opacity: .5 !important;
-}
-.opacity-6 {
-    opacity: .6 !important;
-}
-.opacity-7 {
-    opacity: .7 !important;
-}
-.opacity-8 {
-    opacity: .8 !important;
-}
-.opacity-8 {
-    opacity: .9 !important;
-}
-.opacity-10 {
-    opacity: 1 !important;
-}