@tabler/core 1.0.0-beta8 → 1.0.0-beta9

package/dist/css/tabler.rtl.css

@@ -1,6 +1,6 @@
 /*!
-* Tabler v1.0.0-beta8 (https://tabler.io)
-* @version 1.0.0-beta8
+* Tabler v1.0.0-beta9 (https://tabler.io)
+* @version 1.0.0-beta9
 * @link https://tabler.io
 * Copyright 2018-2022 The Tabler Authors
 * Copyright 2018-2022 codecalm.net Paweł Kuna
@@ -51,8 +51,8 @@
   --tblr-white-rgb: 255, 255, 255;
   --tblr-black-rgb: 0, 0, 0;
   --tblr-body-color-rgb: 30, 41, 59;
-  --tblr-body-bg-rgb: 250, 251, 252;
-  --tblr-font-sans-serif: Inter,   -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
+  --tblr-body-bg-rgb: 245, 247, 251;
+  --tblr-font-sans-serif:    -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
   --tblr-font-monospace:  Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
   --tblr-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
   --tblr-body-font-family: var(--tblr-font-sans-serif);
@@ -60,7 +60,7 @@
   --tblr-body-font-weight: 400;
   --tblr-body-line-height: 1.4285714286;
   --tblr-body-color: #1e293b;
-  --tblr-body-bg: #fafbfc;
+  --tblr-body-bg: #f5f7fb;
 }
 
 *,
@@ -548,7 +548,7 @@ progress {
 
 .img-thumbnail {
   padding: 0.25rem;
-  background-color: #fafbfc;
+  background-color: #f5f7fb;
   border: 1px solid #cbd5e1;
   border-radius: 4px;
   max-width: 100%;
@@ -2535,10 +2535,10 @@ textarea.form-control-lg {
   outline: 0;
 }
 .form-range:focus::-webkit-slider-thumb {
-  box-shadow: 0 0 0 1px #fafbfc, 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
+  box-shadow: 0 0 0 1px #f5f7fb, 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
 }
 .form-range:focus::-moz-range-thumb {
-  box-shadow: 0 0 0 1px #fafbfc, 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
+  box-shadow: 0 0 0 1px #f5f7fb, 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
 }
 .form-range::-moz-focus-outer {
   border: 0;
@@ -3286,12 +3286,12 @@ textarea.form-control-lg {
 .dropdown-item:hover, .dropdown-item:focus {
   color: inherit;
   text-decoration: none;
-  background-color: rgba(98, 105, 118, 0.06);
+  background-color: rgba(98, 105, 118, 0.04);
 }
 .dropdown-item.active, .dropdown-item:active {
   color: #206bc4;
   text-decoration: none;
-  background-color: rgba(32, 107, 196, 0.06);
+  background-color: rgba(32, 107, 196, 0.04);
 }
 .dropdown-item.disabled, .dropdown-item:disabled {
   color: #64748b;
@@ -3332,7 +3332,7 @@ textarea.form-control-lg {
 }
 .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
   color: #206bc4;
-  background-color: rgba(32, 107, 196, 0.06);
+  background-color: rgba(32, 107, 196, 0.04);
 }
 .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
   color: #64748b;
@@ -3494,8 +3494,8 @@ textarea.form-control-lg {
 .nav-tabs .nav-link.active,
 .nav-tabs .nav-item.show .nav-link {
   color: #334155;
-  background-color: #fafbfc;
-  border-color: #cbd5e1 #cbd5e1 #fafbfc;
+  background-color: #f5f7fb;
+  border-color: #cbd5e1 #cbd5e1 #f5f7fb;
 }
 .nav-tabs .dropdown-menu {
   margin-top: -1px;
@@ -3511,7 +3511,7 @@ textarea.form-control-lg {
 .nav-pills .nav-link.active,
 .nav-pills .show > .nav-link {
   color: #206bc4;
-  background-color: rgba(32, 107, 196, 0.06);
+  background-color: rgba(32, 107, 196, 0.04);
 }
 
 .nav-fill > .nav-link,
@@ -4534,7 +4534,7 @@ textarea.form-control-lg {
   z-index: 1;
   color: inherit;
   text-decoration: none;
-  background-color: #f1f5f9;
+  background-color: rgba(98, 105, 118, 0.04);
 }
 .list-group-item-action:active {
   color: #1e293b;
@@ -4564,9 +4564,9 @@ textarea.form-control-lg {
 }
 .list-group-item.active {
   z-index: 2;
-  color: #ffffff;
-  background-color: #206bc4;
-  border-color: #206bc4;
+  color: inherit;
+  background-color: rgba(32, 107, 196, 0.04);
+  border-color: #e6e7e9;
 }
 .list-group-item + .list-group-item {
   border-top-width: 0;
@@ -11028,36 +11028,6 @@ textarea.form-control-lg {
     display: none !important;
   }
 }
-@font-face {
-  font-family: "Inter";
-  font-style: normal;
-  font-weight: 300;
-  src: local(""), url("../fonts/inter-v7-latin-ext_latin-300.woff2") format("woff2"), url("../fonts/inter-v7-latin-ext_latin-300.woff") format("woff");
-}
-@font-face {
-  font-family: "Inter";
-  font-style: normal;
-  font-weight: 400;
-  src: local(""), url("../fonts/inter-v7-latin-ext_latin-regular.woff2") format("woff2"), url("../fonts/inter-v7-latin-ext_latin-regular.woff") format("woff");
-}
-@font-face {
-  font-family: "Inter";
-  font-style: normal;
-  font-weight: 500;
-  src: local(""), url("../fonts/inter-v7-latin-ext_latin-500.woff2") format("woff2"), url("../fonts/inter-v7-latin-ext_latin-500.woff") format("woff");
-}
-@font-face {
-  font-family: "Inter";
-  font-style: normal;
-  font-weight: 600;
-  src: local(""), url("../fonts/inter-v7-latin-ext_latin-600.woff2") format("woff2"), url("../fonts/inter-v7-latin-ext_latin-600.woff") format("woff");
-}
-@font-face {
-  font-family: "Inter";
-  font-style: normal;
-  font-weight: 700;
-  src: local(""), url("../fonts/inter-v7-latin-ext_latin-700.woff2") format("woff2"), url("../fonts/inter-v7-latin-ext_latin-700.woff") format("woff");
-}
 :root {
   font-size: 16px;
   height: 100%;
@@ -11116,11 +11086,40 @@ body {
   background: transparent;
 }
 
-[data-container-layout=fluid] [class^=container-],
-[data-container-layout=fluid] [class*=" container-"] {
+.layout-fluid .container,
+.layout-fluid [class^=container-],
+.layout-fluid [class*=" container-"] {
   max-width: 100%;
 }
 
+.layout-boxed {
+  --tblr-theme-boxed-border-radius: 0;
+  --tblr-theme-boxed-width: 1320px;
+}
+@media (min-width: 768px) {
+  .layout-boxed {
+    background: #1e293b linear-gradient(to left, rgba(255, 255, 255, 0.1), transparent) fixed;
+    padding: 1rem;
+    --tblr-theme-boxed-border-radius: 4px;
+  }
+}
+.layout-boxed .page {
+  margin: 0 auto;
+  max-width: var(--tblr-theme-boxed-width);
+  border-radius: var(--tblr-theme-boxed-border-radius);
+  color: #1e293b;
+}
+@media (min-width: 768px) {
+  .layout-boxed .page {
+    border: 1px solid var(--tblr-border-color);
+    background: var(--tblr-body-bg);
+  }
+}
+.layout-boxed .page > .navbar:first-child {
+  border-top-right-radius: var(--tblr-theme-boxed-border-radius);
+  border-top-left-radius: var(--tblr-theme-boxed-border-radius);
+}
+
 /**
 Navbar
  */
@@ -13149,9 +13148,13 @@ body:not(.theme-dark) .hide-theme-light {
     --tblr-card-bg-rgb: 30, 41, 59;
     --tblr-border-color: #2c3c56;
     --tblr-border-color-light: #253249;
+    --tblr-btn-color: #1e293b;
     color: #fafbfc;
     background-color: #1b2434;
   }
+  .theme-dark .page {
+    color: #fafbfc;
+  }
   .theme-dark .hide-theme-dark {
     display: none !important;
   }
@@ -13251,12 +13254,17 @@ body:not(.theme-dark) .hide-theme-light {
 .theme-dark .input-group-text {
     background: transparent;
   }
+  .theme-dark .list-group-header {
+    background: #1b2434;
+  }
   .theme-dark .list-group-item {
-    color: #fafbfc;
     border-color: rgba(98, 105, 118, 0.16);
   }
-  .theme-dark .list-group-header {
-    background: #1b2434;
+  .theme-dark .list-group-item:not(.disabled):not(:disabled) {
+    color: #fafbfc;
+  }
+  .theme-dark .list-group-item.disabled, .theme-dark .list-group-item:disabled {
+    color: #475569;
   }
   .theme-dark .apexcharts-radialbar-area {
     stroke: #2c3c56;
@@ -13281,9 +13289,13 @@ body:not(.theme-dark) .hide-theme-light {
       --tblr-card-bg-rgb: 30, 41, 59;
       --tblr-border-color: #2c3c56;
       --tblr-border-color-light: #253249;
+      --tblr-btn-color: #1e293b;
       color: #fafbfc;
       background-color: #1b2434;
     }
+    .theme-dark-auto .page {
+      color: #fafbfc;
+    }
     .theme-dark-auto .hide-theme-dark {
       display: none !important;
     }
@@ -13383,12 +13395,17 @@ body:not(.theme-dark) .hide-theme-light {
 .theme-dark-auto .input-group-text {
       background: transparent;
     }
+    .theme-dark-auto .list-group-header {
+      background: #1b2434;
+    }
     .theme-dark-auto .list-group-item {
-      color: #fafbfc;
       border-color: rgba(98, 105, 118, 0.16);
     }
-    .theme-dark-auto .list-group-header {
-      background: #1b2434;
+    .theme-dark-auto .list-group-item:not(.disabled):not(:disabled) {
+      color: #fafbfc;
+    }
+    .theme-dark-auto .list-group-item.disabled, .theme-dark-auto .list-group-item:disabled {
+      color: #475569;
     }
     .theme-dark-auto .apexcharts-radialbar-area {
       stroke: #2c3c56;
@@ -13540,12 +13557,12 @@ a.avatar {
 }
 
 .avatar-xs {
-  --tblr-avatar-size: 1.25rem;
+  --tblr-avatar-size: 1.5rem;
 }
 
 .avatar-xs .badge:empty {
-  width: 0.3125rem;
-  height: 0.3125rem;
+  width: 0.375rem;
+  height: 0.375rem;
 }
 
 .avatar-sm {
@@ -13646,7 +13663,7 @@ a.avatar {
 
 .page-cover ~ * .page-avatar {
   margin-top: calc(calc(-1 * calc(var(--tblr-avatar-size) * .5)) - 1.25rem);
-  box-shadow: 0 0 0 0.25rem #fafbfc;
+  box-shadow: 0 0 0 0.25rem #f5f7fb;
 }
 
 .badge {
@@ -14196,7 +14213,7 @@ a.badge {
 }
 .btn-action:hover, .btn-action.show {
   color: #1e293b;
-  background: #fafbfc;
+  background: #f5f7fb;
 }
 .btn-action.show {
   color: #206bc4;
@@ -14357,6 +14374,7 @@ a.card:hover {
   height: calc(var(--stamp-size) * 1);
   max-height: 100%;
   border-top-left-radius: 4px;
+  opacity: 0.2;
   overflow: hidden;
   pointer-events: none;
 }
@@ -14379,7 +14397,6 @@ a.card:hover {
   left: calc(var(--stamp-size) * -0.25);
   font-size: calc(var(--stamp-size) * 0.75);
   transform: rotate(-10deg);
-  opacity: 0.075;
 }
 .card-stamp-icon .icon {
   stroke-width: 2;
@@ -14452,7 +14469,7 @@ a.card:hover {
 }
 .card-btn:hover {
   text-decoration: none;
-  background: rgba(32, 107, 196, 0.06);
+  background: rgba(32, 107, 196, 0.04);
 }
 .card-btn + .card-btn {
   border-right: 1px solid var(--tblr-border-color);
@@ -14617,7 +14634,7 @@ a.card-title:hover {
   margin-bottom: 0;
 }
 .card-sm > .card-body {
-  padding: 0.75rem;
+  padding: 1rem;
 }
 @media (min-width: 768px) {
   .card-md > .card-body {
@@ -15358,6 +15375,12 @@ Card list group
   fill: currentColor;
 }
 
+.icon-sm {
+  width: 1rem;
+  height: 1rem;
+  stroke-width: 1;
+}
+
 .icon-md {
   width: 2.5rem;
   height: 2.5rem;
@@ -15961,6 +15984,22 @@ Remove the cancel buttons in Chrome and Safari on macOS.
   -webkit-appearance: none;
 }
 
+/**
+Form control dark theme fix
+ */
+.form-control::-webkit-file-upload-button {
+  background-color: var(--tblr-btn-color, #fafbfc);
+}
+.form-control::file-selector-button {
+  background-color: var(--tblr-btn-color, #fafbfc);
+}
+.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
+  background-color: var(--tblr-btn-color, #eeeeef);
+}
+.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
+  background-color: var(--tblr-btn-color, #eeeeef);
+}
+
 /*
 Form check
  */
@@ -16055,6 +16094,24 @@ Form switch
   border-bottom-width: 0;
 }
 
+.list-group-item {
+  background-color: rgba(27, 125, 241, 0.02);
+}
+
+.list-group-item.active {
+  background-color: inherit;
+  border-right: 2px solid #f59f00 !important;
+}
+
+.list-group-item:active, .list-group-item:focus, .list-group-item:hover {
+  background-color: inherit;
+}
+
+.list-group-item.disabled, .list-group-item:disabled {
+  color: #64748b;
+  background-color: rgba(27, 125, 241, 0.02);
+}
+
 .list-bordered .list-item {
   border-top: 1px solid #e6e7e9;
   margin-top: -1px;
@@ -16136,7 +16193,7 @@ Form switch
     display: block;
     width: 4px;
     content: "";
-    background-color: #fafbfc;
+    background-color: #f5f7fb;
   }
   .list-timeline:not(.list-timeline-simple) > li {
     z-index: 2;
@@ -16173,7 +16230,7 @@ Form switch
 .list-group-transparent .list-group-item.active {
   font-weight: 600;
   color: inherit;
-  background: rgba(32, 107, 196, 0.06);
+  background: rgba(32, 107, 196, 0.04);
 }
 .list-group-transparent .list-group-item.active .icon {
   color: inherit;
@@ -16407,6 +16464,7 @@ Dimmer
   margin: 0 0 -1px;
   border: 0;
   border-bottom: 2px solid transparent;
+  color: #626976;
 }
 .nav-bordered .nav-link.active,
 .nav-bordered .nav-item.show .nav-link {
@@ -17406,6 +17464,7 @@ a.step-item:hover {
   background: transparent;
   width: 1.25rem;
   height: 1.25rem;
+  vertical-align: bottom;
   position: relative;
   cursor: pointer;
 }