@tabler/core 1.0.0-beta2 → 1.0.0-beta6

package/src/scss/utils/_background.scss

@@ -1,11 +1,11 @@
 .bg-white-overlay {
   color: $white;
-  background-color: $light-white;
+  background-color: rgba($light, .24);
 }
 
 .bg-dark-overlay {
   color: $white;
-  background-color: $light-black;
+  background-color: rgba($dark, .24);
 }
 
 .bg-cover {

package/src/scss/utils/_colors.scss

@@ -1,33 +1,18 @@
 // stylelint-disable declaration-no-important
 
-/**
-SOCIAL COLORS
- */
-@each $color, $value in $social-colors {
-  .bg-#{$color} {
-    color: #fff !important;
+// All colors
+@each $color, $value in theme-colors() {
+  .bg-#{"" + $color} {
+    color: #ffffff !important;
     background: $value !important;
   }
 
-  .text-#{$color} {
+  .text-#{"" + $color} {
     color: $value !important;
   }
-}
-
-
-@if $enable-extra-colors {
-  @each $color, $value in map-merge($colors, (dark: $dark, muted: $text-muted, white: $white)) {
-    .bg-#{$color} {
-      background: $value;
-    }
 
-    .text-#{$color} {
-      color: $value !important;
-    }
-
-    .bg-#{$color}-lt {
-      color: $value !important;
-      background: theme-color-lighter($value, true) !important;
-    }
+  .bg-#{"" + $color}-lt {
+    color: $value !important;
+    background: theme-color-lighter($value, true) !important;
   }
 }

package/src/scss/utils/_opacity.scss

@@ -2,6 +2,6 @@
 
 @for $i from 0 through 20 {
   .opacity-#{$i * 5} {
-    opacity: $i * 5 / 100 !important;
+    opacity: divide($i * 5, 100) !important;
   }
 }

package/src/scss/vendor/_apexcharts.scss

@@ -0,0 +1,2 @@
+.apexcharts-tooltip {
+}

package/src/scss/vendor/_jsvectormap.scss

@@ -0,0 +1,47 @@
+$tooltip-bg-color: $dark;
+$tooltip-font-family: inherit;
+$tooltip-font-size: $h5-font-size;
+$box-shadow: $card-shadow;
+$legend-tick-sample-radius: $border-radius-pill;
+
+@import "~jsvectormap/dist/css/jsvectormap";
+
+.jvm-series-container .jvm-legend  .jvm-legend-title {
+  border-bottom: 0;
+  font-weight: $font-weight-medium;
+}
+
+.jvm-series-container .jvm-legend {
+  background-color: var(--#{$variable-prefix}card-bg);
+  border: 1px solid var(--#{$variable-prefix}border-color);
+  min-width: 8rem;
+
+  .jvm-legend-inner .jvm-legend-tick {
+    display: flex;
+    align-items: center;
+
+    .jvm-legend-tick-sample {
+      width: .75rem;
+      height: .75rem;
+    }
+  }
+}
+
+.jvm-zoom-btn {
+  border: 1px solid var(--#{$variable-prefix}border-color);
+  background: var(--#{$variable-prefix}card-bg);
+  color: var(--#{$variable-prefix}body-color);
+  padding: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 1;
+  width: 1.5rem;
+  height: 1.5rem;
+  font-size: 1rem;
+  box-shadow: $card-shadow;
+
+  &.jvm-zoomout {
+    top: 2.5rem;
+  }
+}

package/src/scss/vendor/_litepicker.scss

@@ -4,9 +4,12 @@
   --litepicker-button-next-month-color: #{$text-muted};
   --litepicker-button-prev-month-color-hover: #{$primary};
   --litepicker-button-next-month-color-hover: #{$primary};
+  --litepicker-day-color: var(--#{$variable-prefix}body-color);
   --litepicker-day-color-hover: #{$primary};
   --litepicker-is-end-color-bg: #{$primary};
   --litepicker-is-today-color: #{$primary};
+  --litepicker-month-header-color: var(--#{$variable-prefix}body-color);
+  --litepicker-container-months-color-bg: var(--#{$variable-prefix}card-bg);
   font: inherit;
   user-select: none;
 
@@ -14,11 +17,13 @@
     fill: none !important;
   }
 
-  .container__months {
-    border: 1px solid $border-color-transparent;
+  .container__main {
+    border: 1px solid var(--#{$variable-prefix}border-color);
     border-radius: $border-radius;
     box-shadow: $dropdown-box-shadow;
+  }
 
+  .container__months {
     .month-item-name,
     .month-item-year {
       font-weight: $font-weight-medium !important;
@@ -41,7 +46,7 @@
     .day-item {
       cursor: pointer !important;
       padding: .5rem 0 !important;
-      transition: .3s color, .3s background-color, .3s border-color;
+      @include transition(color $transition-time, background-color $transition-time, border-color $transition-time);
     }
   }
 

package/src/scss/vendor/_nouislider.scss

@@ -1,4 +1,4 @@
-@import "~nouislider/distribute/nouislider";
+@import "~nouislider/dist/nouislider";
 
 .noUi-target {
   border: 0;
@@ -35,8 +35,8 @@
   .noUi-horizontal & {
     width: $form-range-thumb-width;
     height: $form-range-thumb-height;
-    top: (-$form-range-thumb-height / 2);
-    right: (-$form-range-thumb-height / 2);
+    top: (-$form-range-thumb-height * .5);
+    right: (-$form-range-thumb-height * .5);
     margin: 1px 1px 0 0;
   }
 

package/src/scss/vendor/_tom-select.scss

@@ -0,0 +1,12 @@
+@import "~tom-select/src/scss/tom-select.bootstrap5.scss";
+
+.ts-input {
+  color: inherit;
+}
+
+.ts-control{
+  .dropdown-menu {
+    width: 100%;
+    height: auto;
+  }
+}