@posiwise/shared-components 0.0.38 → 0.0.40

package/assets/scss/dashboard/mixins/_buttons.scss

@@ -1,78 +0,0 @@
-// from bs mixins/buttons button-variant
-
-// For Social Buttons
-
-// Button variants
-// Easily pump out default styles, as well as :hover, :focus, :active,
-// and disabled options for all buttons
-
-@mixin button-variant($color, $background, $border) {
-    background-color: $background;
-    border-color: $border;
-    color: $color !important;
-
-    &:focus,
-    &.focus {
-        background-color: darken($background, 10%) !important;
-        border-color: darken($border, 25%);
-        color: $color;
-    }
-
-    &:hover {
-        background-color: darken($background, 10%) !important;
-        border-color: darken($border, 12%);
-        color: $color;
-    }
-
-    &:active,
-    &.active,
-    .open > &.dropdown-toggle {
-        background-color: darken($background, 10%) !important;
-        border-color: darken($border, 12%);
-        color: $color;
-
-        &:hover,
-        &:focus,
-        &.focus {
-            background-color: darken($background, 17%) !important;
-            border-color: darken($border, 25%);
-            color: $color;
-        }
-    }
-
-    &:active,
-    &.active,
-    .open > &.dropdown-toggle {
-        background-image: none;
-    }
-
-    &.disabled,
-    &[disabled],
-    fieldset[disabled] & {
-        &:hover,
-        &:focus,
-        &.focus {
-            background-color: $background;
-            border-color: $border;
-        }
-    }
-
-    .badge {
-        background-color: $color;
-        color: $background;
-    }
-}
-
-// Button sizes
-@mixin button-size(
-    $padding-vertical,
-    $padding-horizontal,
-    $font-size,
-    $line-height,
-    $border-radius
-) {
-    border-radius: $border-radius;
-    font-size: $font-size;
-    line-height: $line-height;
-    padding: $padding-vertical $padding-horizontal;
-}

package/assets/scss/dashboard/mixins/_colors.scss

@@ -1,29 +0,0 @@
-@mixin bg-opacity($color, $opacity: 1) {
-    background: rgb($color, $opacity);
-}
-
-// Progress bars
-
-@mixin progress-variant($color) {
-    background-color: $color;
-
-    &[value]::-webkit-progress-value {
-        background-color: $color;
-    }
-
-    &[value]::-moz-progress-bar {
-        background-color: $color;
-    }
-
-    // IE10+, Microsoft Edge
-    &[value]::-ms-fill {
-        background-color: $color;
-    }
-
-    // IE9
-    @media screen and (min-width: 0\0) {
-        .progress-bar {
-            background-color: $color;
-        }
-    }
-}

package/assets/scss/dashboard/mixins/_custom.scss

@@ -1,34 +0,0 @@
-// center vertically and/or horizontally an absolute positioned element
-
-@mixin center($xy: xy) {
-    @if $xy == xy {
-        bottom: auto;
-        left: 50%;
-        right: auto;
-        top: 50%;
-        transform: ranslatex(-50%) translateY(-50%);
-    } @else if $xy == x {
-        left: 50%;
-        right: auto;
-        transform: translateX(-50%);
-    } @else if $xy == y {
-        bottom: auto;
-        top: 50%;
-        transform: translateY(-50%);
-    }
-}
-
-@function calculateRem($size) {
-    $remSize: $size / 16px;
-
-    @return $remSize * 1rem;
-}
-
-@mixin font-size($size) {
-    font-size: calculaterem($size);
-}
-
-// border radius
-@mixin border-radius($radius: 0.25em) {
-    border-radius: $radius;
-}

package/assets/scss/dashboard/mixins/_shadows.scss

@@ -1,62 +0,0 @@
-@use 'sass:math';
-
-// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
-
-@mixin shadow-z-1() {
-    box-shadow: 0 1px 6px 0 rgb(0 0 0 / 12%), 0 1px 6px 0 rgb(0 0 0 / 12%);
-}
-
-@mixin shadow-z-1-hover() {
-    box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
-}
-
-@mixin shadow-z-2() {
-    box-shadow: 0 8px 17px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
-}
-
-@mixin shadow-z-3() {
-    box-shadow: 0 12px 15px 0 rgb(0 0 0 / 24%), 0 17px 50px 0 rgb(0 0 0 / 19%);
-}
-
-@mixin shadow-z-4() {
-    box-shadow: 0 16px 28px 0 rgb(0 0 0 / 22%), 0 25px 55px 0 rgb(0 0 0 / 21%);
-}
-
-@mixin shadow-z-5() {
-    box-shadow: 0 27px 24px 0 rgb(0 0 0 / 20%), 0 40px 77px 0 rgb(0 0 0 / 22%);
-}
-
-/* Shadows (from mdl http://www.getmdl.io/) */
-
-// Focus shadow mixin.
-@mixin big-shadow() {
-    box-shadow: 0 0 8px rgb(0 0 0 / 18%), 0 8px 16px rgb(0 0 0 / 36%);
-}
-
-@mixin shadow-big() {
-    box-shadow: 0 10px 30px -12px rgb(0 0 math.div(0, $shadow-penumbra-opacity * 3)),
-        0 4px 25px 0 rgb(0 0 math.div(0, $shadow-ambient-opacity)),
-        0 8px 10px -5px rgb(0 0 math.div(0, $shadow-umbra-opacity));
-}
-
-@mixin shadow-big-navbar() {
-    box-shadow: 0 10px 20px -12px rgb(0 0 math.div(0, $shadow-penumbra-opacity * 3)),
-        0 3px 20px 0 rgb(0 0 math.div(0, $shadow-ambient-opacity)),
-        0 8px 10px -5px rgb(0 0 math.div(0, $shadow-umbra-opacity));
-}
-
-@mixin shadow-big-color($color) {
-    box-shadow: 0 12px 20px -10px rgb($color $shadow-penumbra-opacity * 200%),
-        0 4px 20px 0 rgb(0 0 math.div(0, $shadow-ambient-opacity)),
-        0 7px 8px -5px rgb($color $shadow-umbra-opacity);
-}
-
-@mixin sidebar-shadow() {
-    box-shadow: 2px 10px 30px 0 rgb(0 0 math.div(0, $shadow-penumbra-opacity * 3)),
-        0 4px 25px 0 rgb(0 0 math.div(0, $shadow-ambient-opacity)),
-        0 8px 10px -5px rgb(0 0 math.div(0, $shadow-umbra-opacity));
-}
-
-@mixin card-shadow() {
-    box-shadow: 0 1px 0 0 rgb(0 0 0 / 1%), 0 2px 4px 0 rgb(0 0 0 / 3%);
-}

package/assets/scss/dashboard/mixins/_type.scss

@@ -1,16 +0,0 @@
-@mixin headings() {
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6 {
-        @content;
-    }
-}
-
-// 14sp font
-%std-font {
-    font-size: 1rem;
-    font-weight: normal;
-}

package/assets/scss/dashboard/mixins/_typography.scss

@@ -1,29 +0,0 @@
-@mixin font-weight($weight) {
-    $weights: (
-        thin: 100,
-        extra-light: 200,
-        ultra-light: 200,
-        light: 300,
-        normal: 400,
-        book: 400,
-        regular: 400,
-        medium: 500,
-        semi-bold: 600,
-        demi-bold: 600,
-        bold: 700,
-        extra-bold: 800,
-        ultra-bold: 900,
-        heavy: 900,
-        rgb(0 0 0): 900,
-        ultra: 900,
-        ultra-black: 900,
-        extra-ultra: 900
-    );
-    $output: $weight;
-
-    @if map-has-key($weights, $weight) {
-        $output: map-get($weights, $weight);
-    }
-
-    font-weight: $output;
-}

package/assets/scss/dashboard/mixins/_utilities.scss

@@ -1,129 +0,0 @@
-@function calc-top($line-height-base, $font-size, $component-height) {
-    @return (($line-height-base * $font-size) - $component-height) / 2; // vertical center of line-height
-}
-
-// Emulate the less #contrast function
-// TODO: this may be useful for the inverse theme, but if not, remove (it is unused after the removal of fullpalette)
-// contrast-color and brightness borrowed from compass
-// Copyright (c) 2009-2014 Christopher M. Eppstein
-// Complies with license: https://github.com/Compass/compass/blob/stable/LICENSE.markdown
-@function contrast-color(
-    $color,
-    $dark: $contrasted-dark-default,
-    $light: $contrasted-light-default,
-    $threshold: null
-) {
-    @if $threshold {
-        // Deprecated in Compass 0.13
-        @warn 'The $threshold argment to contrast-color is no longer needed and will be removed in the next release.';
-    }
-
-    @if $color == null {
-        @return null;
-    } @else {
-        $color-brightness: brightness($color);
-        $dark-text-brightness: brightness($dark);
-        $light-text-brightness: brightness($light);
-
-        @return if(
-            abs($color-brightness - $light-text-brightness) >
-                abs($color-brightness - $dark-text-brightness),
-            $light,
-            $dark
-        );
-    }
-}
-
-@function brightness($color) {
-    @if type-of($color) == color {
-        @return (red($color) * 0.299 + green($color) * 0.587 + blue($color) * 0.114) / 255 * 100%;
-    } @else {
-        @return unquote('brightness(#{$color})');
-    }
-}
-
-@mixin set-background-color($color) {
-    @include set-sidebar-background($color);
-    @include set-font-icon-color($color);
-
-    background-color: $color;
-}
-
-@mixin set-active-color($color) {
-    background-color: $color;
-}
-
-@mixin set-sidebar-background($color) {
-    $overlay-opacity: 0.9;
-
-    @if $color == #000 {
-        $overlay-opacity: 0.8;
-    }
-
-    .sidebar-background {
-        &::after {
-            background: $color;
-            opacity: $overlay-opacity;
-        }
-    }
-}
-
-@mixin set-gradient-background-color($start-color, $end-color) {
-    $overlay-opacity: 0.9;
-
-    @include gradient-directional($start-color, $end-color);
-    @include set-font-icon-color($start-color);
-
-    .sidebar-background {
-        &::after {
-            @include gradient-directional($start-color, $end-color);
-
-            opacity: $overlay-opacity;
-        }
-    }
-}
-
-@mixin set-font-icon-color($color) {
-    $sidebar-font-color: $white;
-
-    @if $color == #fff {
-        $sidebar-font-color: $black;
-    }
-
-    .navigation i,
-    .navigation li > a {
-        color: $sidebar-font-color;
-    }
-
-    .logo-text {
-        color: $sidebar-font-color;
-    }
-
-    .sidebar-header a.nav-toggle {
-        color: $sidebar-font-color;
-    }
-
-    .sidebar-header a.nav-close {
-        color: $sidebar-font-color;
-    }
-}
-
-@mixin set-anchor-color($color) {
-    .navigation {
-        li {
-            a {
-                color: $color;
-            }
-        }
-    }
-}
-
-@mixin set-logo-text-color($color) {
-    .logo-text {
-        color: $color;
-    }
-
-    .sidebar-header a.nav-toggle {
-        color: $color;
-    }
-}

package/assets/scss/dashboard/mixins/_vendor-prefixes.scss

@@ -1,71 +0,0 @@
-// User select
-// For selecting text on the page
-
-@mixin user-select($select) {
-    user-select: $select;
-}
-
-@mixin box-shadow($shadow...) {
-    box-shadow: $shadow;
-}
-
-// Box sizing
-@mixin box-sizing($boxmodel) {
-    box-sizing: $boxmodel;
-}
-
-@mixin transition($time, $type) {
-    transition: all $time $type;
-}
-
-@mixin transform-scale($value) {
-    transform: scale($value);
-}
-
-@mixin transform-translate-x($value) {
-    transform: translate3d($value, 0, 0);
-}
-
-@mixin transform-origin($coordinates) {
-    transform-origin: $coordinates;
-}
-
-@mixin set-background-color-button($color) {
-    .moving-tab {
-        background-color: $color;
-    }
-}
-
-@mixin radial-gradient($extern-color, $center-color) {
-    background: $extern-color;
-    background: -webkit-gradient(
-        radial,
-        center center,
-        0,
-        center center,
-        100%,
-        color-stop(0%, $center-color),
-        color-stop(100%, $extern-color)
-    ); /* Chrome,Safari4+ */
-
-    background: radial-gradient(
-        center,
-        ellipse cover,
-        $center-color 0%,
-        $extern-color 100%
-    ); /* Chrome10+,Safari5.1+ */
-
-    background: radial-gradient(ellipse at center, $center-color 0%, $extern-color 100%); /* W3C */
-    background-size: 550% 450%;
-}
-
-@mixin vertical-align {
-    position: relative;
-    top: 50%;
-    transform: translateY(-50%);
-}
-
-@mixin rotate-180() {
-    filter: progid:dximagetransform.microsoft.basicimage(rotation=2);
-    transform: rotate(180deg);
-}

package/assets/scss/plugins/_plugin-nouislider.scss

@@ -1,199 +0,0 @@
-// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
-
-.noUi-target,
-.noUi-target * {
-    box-sizing: border-box;
-    touch-action: none;
-    -webkit-touch-callout: none;
-    user-select: none;
-}
-
-.noUi-base {
-    height: 100%;
-    position: relative;
-    width: 100%;
-}
-
-.noUi-origin {
-    bottom: 0;
-    left: 0;
-    position: absolute;
-    right: 0;
-    top: 0;
-}
-
-.noUi-handle {
-    box-sizing: border-box;
-    z-index: 1;
-}
-
-.noUi-stacking .noUi-handle {
-    z-index: 10;
-}
-
-// WARNING: Property with star prefix found. Checks for the star property hack (targets IE6/7) (star-property-hack) Browsers: All
-.noUi-state-tap .noUi-origin {
-    transition: left 0.3s, top 0.3s;
-}
-
-.noUi-state-drag * {
-    cursor: inherit !important;
-}
-
-.noUi-horizontal {
-    height: 10px;
-}
-
-.noUi-handle {
-    @include box-shadow($shadow-2dp);
-
-    background: rgb(255 255 255);
-    border: 5px solid map-get($primary, base);
-    border-radius: 100%;
-    box-sizing: border-box;
-    cursor: pointer;
-    height: 14px;
-    left: -10px;
-    top: -6px;
-    transition: all 0.2s ease-out;
-    width: 14px;
-}
-
-.noUi-horizontal {
-    .noUi-handle {
-        height: 20px;
-        left: -17px;
-        top: -8px;
-        width: 20px;
-    }
-
-    ::after,
-    ::before {
-        background: none;
-    }
-
-    .noUi-tooltip {
-        bottom: 200%;
-    }
-}
-
-.noUi-value-horizontal {
-    transform: translate3d(-50%, 80%, 0);
-}
-
-.noUi-vertical .noUi-handle {
-    cursor: ns-resize;
-    margin-left: 5px;
-}
-
-.noUi-horizontal.noUi-extended {
-    padding: 0 15px;
-}
-
-.noUi-horizontal.noUi-extended .noUi-origin {
-    right: -15px;
-}
-
-.noUi-background {
-    height: 2px;
-    margin: 20px 0;
-}
-
-.noUi-origin {
-    background: rgb(200 200 200);
-    border-radius: 0;
-    height: 2px;
-    margin: 0;
-
-    &[style^='left: 0'] .noUi-handle {
-        background-color: rgb(255 255 255);
-        border: 2px solid rgb(200 200 200);
-
-        &.noUi-active {
-            border-width: 1px;
-        }
-    }
-}
-
-.noUi-target {
-    background: rgb(233 233 234);
-    border: 0;
-    border-radius: $border-radius;
-}
-
-.noUi-horizontal {
-    height: 5px;
-    margin: 15px 0;
-}
-
-.noUi-vertical {
-    display: inline-block;
-    height: 100%;
-    margin: 0 15px;
-    width: 2px;
-}
-
-[disabled].noUi-slider {
-    opacity: 0.5;
-}
-
-[disabled] .noUi-handle {
-    cursor: not-allowed;
-}
-
-.slider {
-    background: rgb(200 200 200);
-}
-
-.slider {
-    &.noUi-connect {
-        background-color: map-get($primary, base);
-    }
-
-    .noUi-handle {
-        border-color: map-get($primary, base);
-    }
-
-    &.slider-info {
-        .noUi-connect {
-            background-color: map-get($info, base);
-        }
-
-        .noUi-handle {
-            border-color: map-get($info, base);
-        }
-    }
-
-    &.slider-success {
-        & .noUi-connect,
-        &.noUi-connect {
-            background-color: map-get($success, base);
-        }
-
-        .noUi-handle {
-            border-color: map-get($success, base);
-        }
-    }
-
-    &.slider-warning {
-        & .noUi-connect,
-        &.noUi-connect {
-            background-color: map-get($warning, base);
-        }
-
-        .noUi-handle {
-            border-color: map-get($warning, base);
-        }
-    }
-
-    &.slider-danger {
-        & .noUi-connect,
-        &.noUi-connect {
-            background-color: map-get($danger, base);
-        }
-
-        .noUi-handle {
-            border-color: map-get($danger, base);
-        }
-    }
-}