@tabler/core 1.0.0-beta17 → 1.0.0-beta18

package/src/scss/layout/_root.scss

@@ -5,11 +5,18 @@
 
   @each $name, $color in map-merge($theme-colors, $gray-colors) {
     --#{$prefix}#{$name}: #{$color};
+    --#{$prefix}#{$name}-rgb: #{to-rgb($color)};
     --#{$prefix}#{$name}-fg: #{if(contrast-ratio($color) > $min-contrast-ratio, var(--#{$prefix}light), var(--#{$prefix}dark))};
     --#{$prefix}#{$name}-darken: #{theme-color-darker($color)};
-    --#{$prefix}#{$name}-rgb: #{to-rgb($color)};
+    --#{$prefix}#{$name}-lt: #{theme-color-lighter($color)};
+    --#{$prefix}#{$name}-lt-rgb: #{to-rgb(theme-color-lighter($color))};
   }
 
+  @each $name, $value in $spacers {
+    --#{$prefix}spacer-#{$name}: #{$value};
+  }
+  --#{$prefix}spacer: #{$spacer};
+
   --#{$prefix}bg-surface: #{$bg-surface};
   --#{$prefix}bg-surface-secondary: #{$bg-surface-secondary};
   --#{$prefix}bg-surface-tertiary: #{$bg-surface-tertiary};
@@ -17,8 +24,10 @@
   --#{$prefix}bg-forms: var(--#{$prefix}bg-surface);
 
   --#{$prefix}border-color: #{$border-color};
-  --#{$prefix}border-color-light: #{$border-color-light};
-  --#{$prefix}border-color-active: #{$border-color-active};
+  --#{$prefix}border-color-translucent: #{$border-color-translucent};
+  --#{$prefix}border-dark-color: #{$border-dark-color};
+  --#{$prefix}border-dark-color-translucent: #{$border-dark-color-translucent};
+  --#{$prefix}border-active-color: #{$border-active-color};
 
   --#{$prefix}icon-color: #{$icon-color};
 
@@ -30,11 +39,16 @@
   --#{$prefix}code-color: #{$code-color};
   --#{$prefix}code-bg: #{$code-bg};
 
-  --#{$prefix}content-padding: #{$content-padding};
-  --#{$prefix}dark-mode-border-color: #{$dark-mode-border-color};
-  --#{$prefix}dark-mode-border-color-light: #{$dark-mode-border-color-light};
-  --#{$prefix}dark-mode-border-color-active: #{$dark-mode-border-color-active};
+  --#{$prefix}dark-mode-border-color: #{$border-color-dark};
+  --#{$prefix}dark-mode-border-color-translucent: #{$border-color-translucent-dark};
+  --#{$prefix}dark-mode-border-color-active: #{$border-color-active-dark};
+  --#{$prefix}dark-mode-border-dark-color: #{$border-dark-color-dark};
 
+  --#{$prefix}page-padding: #{$page-padding};
+  --#{$prefix}page-padding-y: #{$page-padding-y};
+  @include media-breakpoint-down($cards-grid-breakpoint) {
+    --#{$prefix}page-padding: #{$page-padding-sm};
+  }
 
   @each $name, $value in $font-weights {
     --#{$prefix}font-weight-#{$name}: #{$value};

package/src/scss/mixins/_functions.scss

@@ -1,9 +1,5 @@
-@function theme-color-lighter($color, $transparent: false) {
-  @if ($transparent) {
-    @return rgba($color, .1);
-  } @else {
-    @return tint-color($color, 10%);
-  }
+@function theme-color-lighter($color, $background: #fff) {
+  @return mix($color, $background, 10%);
 }
 
 @function theme-color-darker($color) {

package/src/scss/mixins/_mixins.scss

@@ -48,38 +48,6 @@
   filter: brightness(0) invert(1);
 }
 
-@mixin dark-mode {
-  @if $enable-dark-mode {
-    $selector: &;
-
-    @media not print {
-      @if ($selector) {
-        .theme-dark & {
-          @content
-        }
-      } @else {
-        .theme-dark {
-          @content
-        }
-      }
-    }
-
-    @media not print {
-      @media (prefers-color-scheme: dark) {
-        @if ($selector) {
-          .theme-dark-auto & {
-            @content
-          }
-        } @else {
-          .theme-dark-auto {
-            @content
-          }
-        }
-      }
-    }
-  }
-}
-
 //
 // Elements list
 //

package/src/scss/tabler-social.scss

@@ -0,0 +1 @@
+@import "config";

package/src/scss/tabler.scss

@@ -1,2 +1 @@
 @import "core";
-

package/src/scss/ui/_avatars.scss

@@ -71,7 +71,7 @@
 
   .avatar {
     margin-right: calc(-.5 * var(--#{$prefix}avatar-size)) !important;
-    box-shadow: var(--#{$prefix}avatar-shadow), 0 0 0 2px var(--#{$prefix}card-bg, var(--#{$prefix}bg-surface));
+    box-shadow: var(--#{$prefix}avatar-shadow), 0 0 0 2px var(--#{$prefix}card-cap-bg, var(--#{$prefix}card-bg, var(--#{$prefix}bg-surface)));
   }
 }
 

package/src/scss/ui/_buttons.scss

@@ -7,7 +7,7 @@
   --#{$prefix}btn-icon-size: #{$icon-size};
   --#{$prefix}btn-bg: var(--#{$prefix}bg-surface);
   --#{$prefix}btn-color: var(--#{$prefix}body-color);
-  --#{$prefix}btn-border-color: var(--#{$prefix}border-color);
+  --#{$prefix}btn-border-color: #{$btn-border-color};
   --#{$prefix}btn-hover-bg: var(--#{$prefix}btn-bg);
   --#{$prefix}btn-hover-border-color: var(--#{$prefix}border-color-active);
   --#{$prefix}btn-box-shadow: var(--#{$prefix}shadow-button);

package/src/scss/ui/_dropdowns.scss

@@ -1,7 +1,5 @@
 .dropdown-menu {
-  box-shadow: $box-shadow;
   user-select: none;
-  margin: 0 !important;
 
   &.card {
     padding: 0;
@@ -67,7 +65,6 @@
 }
 
 .dropdown-menu-arrow {
-  //margin-top: .25rem;
 
   &:before {
     content: "";
@@ -78,6 +75,7 @@
     background: inherit;
     width: 14px;
     height: 14px;
+    /*rtl:ignore*/
     transform: rotate(45deg);
     transform-origin: center;
     border: 1px solid;

package/src/scss/ui/_grid.scss

@@ -6,17 +6,6 @@
   border-left: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color);
 }
 
-%container-common {
-  @include media-breakpoint-down($cards-grid-breakpoint) {
-    --#{$prefix}gutter-x: #{$grid-gutter-width};
-  }
-}
-
-.container,
-.container-fluid {
-  @extend %container-common;
-}
-
 .container {
   @each $variation, $size in $container-variations {
     &-#{$variation} {
@@ -63,11 +52,6 @@
   .row-cards {
     flex: 1;
   }
-
-  @include media-breakpoint-down($cards-grid-breakpoint) {
-    --#{$prefix}gutter-x: #{$cards-grid-gap * .5};
-    --#{$prefix}gutter-y: #{$cards-grid-gap * .5};
-  }
 }
 
 @each $name, $size in map-merge((null: $spacer), $spacers) {

package/src/scss/ui/_payments.scss

@@ -1,4 +1,4 @@
-$payment-icons: ('2checkout', 'alipay', 'amazon', 'americanexpress', 'applepay', 'bancontact', 'bitcoin', 'bitpay', 'blik', 'cirrus', 'clickandbuy', 'coinkite', 'dinersclub', 'directdebit', 'discover', 'dotpay', 'dwolla', 'ebay', 'eway', 'giropay', 'googlewallet', 'ingenico', 'jcb', 'klarna', 'laser', 'maestro', 'mastercard', 'mir', 'monero', 'neteller', 'ogone', 'okpay', 'paybox', 'paymill', 'payone', 'payoneer', 'paypal', 'paysafecard', 'payu', 'payza', 'przelewy24', 'ripple', 'sage', 'sepa', 'shopify', 'skrill', 'solo', 'square', 'stripe', 'switch', 'tpay', 'ukash', 'unionpay', 'verifone', 'verisign', 'visa', 'webmoney', 'westernunion', 'worldpay');
+$payment-icons: ('2checkout', 'alipay', 'amazon', 'americanexpress', 'applepay', 'bancontact', 'bitcoin', 'bitpay', 'blik', 'cirrus', 'clickandbuy', 'coinkite', 'dinersclub', 'directdebit', 'discover', 'dotpay', 'dwolla', 'ebay', 'epayco', 'eway', 'giropay', 'googlewallet', 'ingenico', 'jcb', 'klarna', 'laser', 'maestro', 'mastercard', 'mir', 'monero', 'neteller', 'ogone', 'okpay', 'paybox', 'paymill', 'payone', 'payoneer', 'paypal', 'paysafecard', 'payu', 'payza', 'przelewy24', 'ripple', 'sage', 'sepa', 'shopify', 'skrill', 'solo', 'square', 'stripe', 'switch', 'tpay', 'ukash', 'unionpay', 'verifone', 'verisign', 'visa', 'webmoney', 'westernunion', 'worldpay');
 
 .payment {
   width: 2rem * 1.66666;

package/src/scss/ui/_status.scss

@@ -108,16 +108,6 @@
   }
 }
 
-$btn-colors: $theme-colors;
-
-@if $enable-extra-colors {
-  $btn-colors: map-merge($btn-colors, $extra-colors);
-}
-
-@if $enable-social-colors {
-  $btn-colors: map-merge($btn-colors, $social-colors);
-}
-
 //
 // Status indicator
 //

package/src/scss/ui/_tables.scss

@@ -1,18 +1,3 @@
-@include dark-mode {
-  $table-variants: (
-    "primary":    shift-color($primary, $table-bg-scale-dark),
-    "secondary":  shift-color($secondary, $table-bg-scale-dark),
-    "success":    shift-color($success, $table-bg-scale-dark),
-    "info":       shift-color($info, $table-bg-scale-dark),
-    "warning":    shift-color($warning, $table-bg-scale-dark),
-    "danger":     shift-color($danger, $table-bg-scale-dark),
-  );
-
-  @each $color, $value in $table-variants {
-    @include table-variant($color, $value);
-  }
-}
-
 .table {
   thead {
     th {

package/src/scss/ui/_timeline.scss

@@ -15,14 +15,14 @@
   position: relative;
 
   &:not(:last-child) {
-    margin-bottom: var(--#{$prefix}content-padding);
+    margin-bottom: var(--#{$prefix}page-padding);
 
     &:before {
       content: "";
       position: absolute;
       top: var(--#{$prefix}timeline-icon-size);
       left: calc(var(--#{$prefix}timeline-icon-size) / 2);
-      bottom: calc(-1 * var(--#{$prefix}content-padding));
+      bottom: calc(-1 * var(--#{$prefix}page-padding));
       width: var(--#{$prefix}border-width);
       background-color: var(--#{$prefix}border-color);
       border-radius: var(--#{$prefix}border-radius);
@@ -44,7 +44,7 @@
 }
 
 .timeline-event-card {
-  margin-left: calc(var(--#{$prefix}timeline-icon-size, $avatar-size) + var(--#{$prefix}content-padding));
+  margin-left: calc(var(--#{$prefix}timeline-icon-size, $avatar-size) + var(--#{$prefix}page-padding));
 }
 
 //

package/src/scss/utils/_colors.scss

@@ -6,10 +6,14 @@
   }
 
   .bg-#{"" + $color}-lt {
-    --#{$prefix}bg-opacity: .1;
+    --#{$prefix}bg-opacity: 1;
     --#{$prefix}text-opacity: 1;
     color: rgba(var(--#{$prefix}#{$color}-rgb), var(--#{$prefix}text-opacity)) !important;
-    background-color: rgba(var(--#{$prefix}#{$color}-rgb), var(--#{$prefix}bg-opacity)) !important;
+    background-color: rgba(var(--#{$prefix}#{$color}-lt-rgb), var(--#{$prefix}bg-opacity)) !important;
+  }
+
+  .border-#{"" + $color} {
+    border-color: $value !important;
   }
 }
 

package/src/scss/vendor/_apexcharts.scss

@@ -25,4 +25,20 @@
 .apexcharts-tooltip-marker {
   width: 10px !important;
   height: 10px !important;
+}
+
+.apexcharts-text {
+  fill: var(--#{$prefix}body-color) !important;
+}
+
+.apexcharts-gridline {
+  stroke: var(--#{$prefix}border-color) !important;
+}
+
+.apexcharts-legend-text {
+  color: inherit !important;
+}
+
+.apexcharts-radialbar-area {
+  stroke: var(--#{$prefix}border-color-dark) !important;
 }

package/src/scss/vendor/_jsvectormap.scss

@@ -1,4 +1,4 @@
-@import "~jsvectormap/dist/css/jsvectormap";
+@import "jsvectormap/dist/css/jsvectormap";
 
 .jvm-tooltip {
   background: $dark;

package/src/scss/vendor/_nouislider.scss

@@ -1,4 +1,4 @@
-@import "~nouislider/dist/nouislider";
+@import "nouislider/dist/nouislider";
 
 .noUi-target {
   border: 0;

package/src/scss/vendor/_tinymce.scss

@@ -8,6 +8,10 @@
   padding: 0 .5rem 0;
 }
 
+.tox .tox-toolbar__primary {
+  background: transparent !important;
+}
+
 .tox:not(.tox-tinymce-inline) {
   .tox-editor-header {
     border-bottom: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color) !important;
@@ -17,19 +21,13 @@
 }
 
 .tox-tbtn {
-  margin: 0 !important;
+  margin: 0 !important; 
 }
 
 .tox-statusbar {
   border-top: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color) !important;
 }
 
-.tox .tox-toolbar,
-.tox .tox-toolbar__overflow,
-.tox .tox-toolbar__primary {
-  background: transparent !important;
-}
-
 .tox .tox-toolbar-overlord,
 .tox:not(.tox-tinymce-inline) .tox-editor-header {
   background: transparent !important;

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

@@ -2,13 +2,18 @@ $select-color-dropdown: #fff;
 $select-color-dropdown-border-top: red;
 $input-border-width: 1px;
 
-@import "~tom-select/src/scss/tom-select.bootstrap5.scss";
+@import "tom-select/src/scss/tom-select.bootstrap5.scss";
+
+:root {
+  --ts-pr-clear-button: 0rem;
+  --ts-pr-caret: 0rem;
+}
 
 .ts-input {
   color: inherit;
 }
 
-.ts-control{
+.ts-control {
   color: inherit;
 
   .dropdown-menu {
@@ -16,3 +21,39 @@ $input-border-width: 1px;
     height: auto;
   }
 }
+
+.ts-wrapper {
+  &.is-invalid,
+  &.is-valid {
+    .ts-control {
+      --ts-pr-clear-button: 1.5rem;
+    }
+  }
+}
+
+.ts-dropdown {
+  background: var(--#{$prefix}bg-surface);
+  color: var(--#{$prefix}body-color);
+  box-shadow: var(--#{$prefix}shadow-dropdown);
+
+  .option {
+    padding: $dropdown-item-padding-y $dropdown-item-padding-x;
+  }
+}
+
+.ts-control,
+.ts-control input {
+  color: var(--#{$prefix}body-color);
+}
+
+.ts-control input {
+  &::placeholder{
+    color: $input-placeholder-color;
+  }
+}
+
+.ts-wrapper.multi .ts-control > div {
+  background: var(--#{$prefix}bg-surface-secondary);
+  border: 1px solid var(--#{$prefix}border-color);
+  color: var(--#{$prefix}body-color);
+}

package/dist/libs/countup.js/dist/countUp.withPolyfill.min.js

@@ -1 +0,0 @@
-!function(){for(var t=0,i=["webkit","moz","ms","o"],n=0;n<i.length&&!window.requestAnimationFrame;++n)window.requestAnimationFrame=window[i[n]+"RequestAnimationFrame"],window.cancelAnimationFrame=window[i[n]+"CancelAnimationFrame"]||window[i[n]+"CancelRequestAnimationFrame"];window.requestAnimationFrame||(window.requestAnimationFrame=function(i){var n=(new Date).getTime(),a=Math.max(0,16-(n-t)),s=window.setTimeout(function(){return i(n+a)},a);return t=n+a,s}),window.cancelAnimationFrame||(window.cancelAnimationFrame=function(t){clearTimeout(t)})}();var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(t){for(var i,n=1,a=arguments.length;n<a;n++)for(var s in i=arguments[n])Object.prototype.hasOwnProperty.call(i,s)&&(t[s]=i[s]);return t}).apply(this,arguments)},CountUp=function(){function t(t,i,n){var a=this;this.endVal=i,this.options=n,this.version="2.3.2",this.defaults={startVal:0,decimalPlaces:0,duration:2,useEasing:!0,useGrouping:!0,smartEasingThreshold:999,smartEasingAmount:333,separator:",",decimal:".",prefix:"",suffix:"",enableScrollSpy:!1,scrollSpyDelay:200,scrollSpyOnce:!1},this.finalEndVal=null,this.useEasing=!0,this.countDown=!1,this.error="",this.startVal=0,this.paused=!0,this.once=!1,this.count=function(t){a.startTime||(a.startTime=t);var i=t-a.startTime;a.remaining=a.duration-i,a.useEasing?a.countDown?a.frameVal=a.startVal-a.easingFn(i,0,a.startVal-a.endVal,a.duration):a.frameVal=a.easingFn(i,a.startVal,a.endVal-a.startVal,a.duration):a.frameVal=a.startVal+(a.endVal-a.startVal)*(i/a.duration);var n=a.countDown?a.frameVal<a.endVal:a.frameVal>a.endVal;a.frameVal=n?a.endVal:a.frameVal,a.frameVal=Number(a.frameVal.toFixed(a.options.decimalPlaces)),a.printValue(a.frameVal),i<a.duration?a.rAF=requestAnimationFrame(a.count):null!==a.finalEndVal?a.update(a.finalEndVal):a.callback&&a.callback()},this.formatNumber=function(t){var i,n,s,e,o=t<0?"-":"";i=Math.abs(t).toFixed(a.options.decimalPlaces);var r=(i+="").split(".");if(n=r[0],s=r.length>1?a.options.decimal+r[1]:"",a.options.useGrouping){e="";for(var l=0,u=n.length;l<u;++l)0!==l&&l%3==0&&(e=a.options.separator+e),e=n[u-l-1]+e;n=e}return a.options.numerals&&a.options.numerals.length&&(n=n.replace(/[0-9]/g,function(t){return a.options.numerals[+t]}),s=s.replace(/[0-9]/g,function(t){return a.options.numerals[+t]})),o+a.options.prefix+n+s+a.options.suffix},this.easeOutExpo=function(t,i,n,a){return n*(1-Math.pow(2,-10*t/a))*1024/1023+i},this.options=__assign(__assign({},this.defaults),n),this.formattingFn=this.options.formattingFn?this.options.formattingFn:this.formatNumber,this.easingFn=this.options.easingFn?this.options.easingFn:this.easeOutExpo,this.startVal=this.validateValue(this.options.startVal),this.frameVal=this.startVal,this.endVal=this.validateValue(i),this.options.decimalPlaces=Math.max(this.options.decimalPlaces),this.resetDuration(),this.options.separator=String(this.options.separator),this.useEasing=this.options.useEasing,""===this.options.separator&&(this.options.useGrouping=!1),this.el="string"==typeof t?document.getElementById(t):t,this.el?this.printValue(this.startVal):this.error="[CountUp] target is null or undefined","undefined"!=typeof window&&this.options.enableScrollSpy&&(this.error?console.error(this.error,t):(window.onScrollFns=window.onScrollFns||[],window.onScrollFns.push(function(){return a.handleScroll(a)}),window.onscroll=function(){window.onScrollFns.forEach(function(t){return t()})},this.handleScroll(this)))}return t.prototype.handleScroll=function(t){if(t&&window&&!t.once){var i=window.innerHeight+window.scrollY,n=t.el.getBoundingClientRect(),a=n.top+n.height+window.pageYOffset;a<i&&a>window.scrollY&&t.paused?(t.paused=!1,setTimeout(function(){return t.start()},t.options.scrollSpyDelay),t.options.scrollSpyOnce&&(t.once=!0)):window.scrollY>a&&!t.paused&&t.reset()}},t.prototype.determineDirectionAndSmartEasing=function(){var t=this.finalEndVal?this.finalEndVal:this.endVal;this.countDown=this.startVal>t;var i=t-this.startVal;if(Math.abs(i)>this.options.smartEasingThreshold&&this.options.useEasing){this.finalEndVal=t;var n=this.countDown?1:-1;this.endVal=t+n*this.options.smartEasingAmount,this.duration=this.duration/2}else this.endVal=t,this.finalEndVal=null;null!==this.finalEndVal?this.useEasing=!1:this.useEasing=this.options.useEasing},t.prototype.start=function(t){this.error||(this.callback=t,this.duration>0?(this.determineDirectionAndSmartEasing(),this.paused=!1,this.rAF=requestAnimationFrame(this.count)):this.printValue(this.endVal))},t.prototype.pauseResume=function(){this.paused?(this.startTime=null,this.duration=this.remaining,this.startVal=this.frameVal,this.determineDirectionAndSmartEasing(),this.rAF=requestAnimationFrame(this.count)):cancelAnimationFrame(this.rAF),this.paused=!this.paused},t.prototype.reset=function(){cancelAnimationFrame(this.rAF),this.paused=!0,this.resetDuration(),this.startVal=this.validateValue(this.options.startVal),this.frameVal=this.startVal,this.printValue(this.startVal)},t.prototype.update=function(t){cancelAnimationFrame(this.rAF),this.startTime=null,this.endVal=this.validateValue(t),this.endVal!==this.frameVal&&(this.startVal=this.frameVal,null==this.finalEndVal&&this.resetDuration(),this.finalEndVal=null,this.determineDirectionAndSmartEasing(),this.rAF=requestAnimationFrame(this.count))},t.prototype.printValue=function(t){var i=this.formattingFn(t);"INPUT"===this.el.tagName?this.el.value=i:"text"===this.el.tagName||"tspan"===this.el.tagName?this.el.textContent=i:this.el.innerHTML=i},t.prototype.ensureNumber=function(t){return"number"==typeof t&&!isNaN(t)},t.prototype.validateValue=function(t){var i=Number(t);return this.ensureNumber(i)?i:(this.error="[CountUp] invalid start or end value: ".concat(t),null)},t.prototype.resetDuration=function(){this.startTime=null,this.duration=1e3*Number(this.options.duration),this.remaining=this.duration},t}();export{CountUp};

package/dist/libs/fslightbox/jest-setup.js

@@ -1 +0,0 @@
-import "babel-polyfill";