@tabler/core 1.0.0-beta18 → 1.0.0-beta19

package/dist/css/tabler.css

@@ -1,6 +1,6 @@
 /*!
-* Tabler v1.0.0-beta18 (https://tabler.io)
-* @version 1.0.0-beta18
+* Tabler v1.0.0-beta19 (https://tabler.io)
+* @version 1.0.0-beta19
 * @link https://tabler.io
 * Copyright 2018-2023 The Tabler Authors
 * Copyright 2018-2023 codecalm.net Paweł Kuna
@@ -3341,7 +3341,7 @@ textarea.form-control-lg {
   color: var(--tblr-muted);
   text-align: center;
   white-space: nowrap;
-  background-color: #fcfdfe;
+  background-color: var(--tblr-bg-surface-secondary);
   border: var(--tblr-border-width) solid var(--tblr-border-color);
   border-radius: var(--tblr-border-radius);
 }
@@ -16003,7 +16003,7 @@ Navbar
   --tblr-navbar-border-width: var(--tblr-border-width);
   --tblr-navbar-active-border-color: var(--tblr-primary);
   --tblr-navbar-active-bg: rgba(0, 0, 0, 0.06);
-  --tblr-navbar-color: inherit;
+  --tblr-navbar-color: var(--tblr-body-color);
   --tblr-navbar-border-color: var(--tblr-border-color);
   align-items: stretch;
   min-height: 3.5rem;
@@ -21092,7 +21092,7 @@ Card list group
 }
 
 .divide-y > :not(template) ~ :not(template) {
-  border-top: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
 }
 .divide-y > :not(template):not(:first-child) {
   padding-top: 1rem !important;
@@ -21102,7 +21102,7 @@ Card list group
 }
 
 .divide-x > :not(template) ~ :not(template) {
-  border-left: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
 }
 .divide-x > :not(template):not(:first-child) {
   padding-left: 1rem !important;
@@ -21112,7 +21112,7 @@ Card list group
 }
 
 .divide-y-0 > :not(template) ~ :not(template) {
-  border-top: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
 }
 .divide-y-0 > :not(template):not(:first-child) {
   padding-top: 0 !important;
@@ -21122,7 +21122,7 @@ Card list group
 }
 
 .divide-x-0 > :not(template) ~ :not(template) {
-  border-left: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
 }
 .divide-x-0 > :not(template):not(:first-child) {
   padding-left: 0 !important;
@@ -21132,7 +21132,7 @@ Card list group
 }
 
 .divide-y-1 > :not(template) ~ :not(template) {
-  border-top: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
 }
 .divide-y-1 > :not(template):not(:first-child) {
   padding-top: 0.25rem !important;
@@ -21142,7 +21142,7 @@ Card list group
 }
 
 .divide-x-1 > :not(template) ~ :not(template) {
-  border-left: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
 }
 .divide-x-1 > :not(template):not(:first-child) {
   padding-left: 0.25rem !important;
@@ -21152,7 +21152,7 @@ Card list group
 }
 
 .divide-y-2 > :not(template) ~ :not(template) {
-  border-top: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
 }
 .divide-y-2 > :not(template):not(:first-child) {
   padding-top: 0.5rem !important;
@@ -21162,7 +21162,7 @@ Card list group
 }
 
 .divide-x-2 > :not(template) ~ :not(template) {
-  border-left: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
 }
 .divide-x-2 > :not(template):not(:first-child) {
   padding-left: 0.5rem !important;
@@ -21172,7 +21172,7 @@ Card list group
 }
 
 .divide-y-3 > :not(template) ~ :not(template) {
-  border-top: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
 }
 .divide-y-3 > :not(template):not(:first-child) {
   padding-top: 1rem !important;
@@ -21182,7 +21182,7 @@ Card list group
 }
 
 .divide-x-3 > :not(template) ~ :not(template) {
-  border-left: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
 }
 .divide-x-3 > :not(template):not(:first-child) {
   padding-left: 1rem !important;
@@ -21192,7 +21192,7 @@ Card list group
 }
 
 .divide-y-4 > :not(template) ~ :not(template) {
-  border-top: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
 }
 .divide-y-4 > :not(template):not(:first-child) {
   padding-top: 1.5rem !important;
@@ -21202,7 +21202,7 @@ Card list group
 }
 
 .divide-x-4 > :not(template) ~ :not(template) {
-  border-left: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
 }
 .divide-x-4 > :not(template):not(:first-child) {
   padding-left: 1.5rem !important;
@@ -21212,7 +21212,7 @@ Card list group
 }
 
 .divide-y-5 > :not(template) ~ :not(template) {
-  border-top: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
 }
 .divide-y-5 > :not(template):not(:first-child) {
   padding-top: 2rem !important;
@@ -21222,7 +21222,7 @@ Card list group
 }
 
 .divide-x-5 > :not(template) ~ :not(template) {
-  border-left: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
 }
 .divide-x-5 > :not(template):not(:first-child) {
   padding-left: 2rem !important;
@@ -21232,7 +21232,7 @@ Card list group
 }
 
 .divide-y-6 > :not(template) ~ :not(template) {
-  border-top: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
 }
 .divide-y-6 > :not(template):not(:first-child) {
   padding-top: 3rem !important;
@@ -21242,7 +21242,7 @@ Card list group
 }
 
 .divide-x-6 > :not(template) ~ :not(template) {
-  border-left: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
 }
 .divide-x-6 > :not(template):not(:first-child) {
   padding-left: 3rem !important;
@@ -21252,7 +21252,7 @@ Card list group
 }
 
 .divide-y-7 > :not(template) ~ :not(template) {
-  border-top: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
 }
 .divide-y-7 > :not(template):not(:first-child) {
   padding-top: 5rem !important;
@@ -21262,7 +21262,7 @@ Card list group
 }
 
 .divide-x-7 > :not(template) ~ :not(template) {
-  border-left: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
 }
 .divide-x-7 > :not(template):not(:first-child) {
   padding-left: 5rem !important;
@@ -21272,7 +21272,7 @@ Card list group
 }
 
 .divide-y-8 > :not(template) ~ :not(template) {
-  border-top: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
 }
 .divide-y-8 > :not(template):not(:first-child) {
   padding-top: 8rem !important;
@@ -21282,7 +21282,7 @@ Card list group
 }
 
 .divide-x-8 > :not(template) ~ :not(template) {
-  border-left: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
 }
 .divide-x-8 > :not(template):not(:first-child) {
   padding-left: 8rem !important;
@@ -23771,6 +23771,9 @@ a.step-item:hover {
   }
 }
 
+/**
+Table sort
+ */
 .table-sort {
   font: inherit;
   color: inherit;
@@ -23793,22 +23796,24 @@ a.step-item:hover {
 .table-sort:hover, .table-sort.asc, .table-sort.desc {
   color: var(--tblr-body-color);
 }
-.table-sort:after, .table-sort.asc:after, .table-sort.desc:after {
+.table-sort:after {
   content: "";
   display: inline-flex;
   width: 1rem;
   height: 1rem;
   vertical-align: bottom;
-  background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'><path d='M5 7l3 -3l3 3'/><path d='M5 10l3 3l3 -3'/></svg>") no-repeat center;
-  opacity: 0.2;
+  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'><path d='M5 7l3 -3l3 3'/><path d='M5 10l3 3l3 -3'/></svg>");
+          mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'><path d='M5 7l3 -3l3 3'/><path d='M5 10l3 3l3 -3'/></svg>");
+  background: currentColor;
+  margin-left: 0.25rem;
 }
 .table-sort.asc:after {
-  background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 10l3 -3l3 3'/></svg>") no-repeat center;
-  opacity: 1;
+  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 10l3 -3l3 3'/></svg>");
+          mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 10l3 -3l3 3'/></svg>");
 }
 .table-sort.desc:after {
-  background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 7l3 3l3 -3'/></svg>") no-repeat center;
-  opacity: 1;
+  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 7l3 3l3 -3'/></svg>");
+          mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 7l3 3l3 -3'/></svg>");
 }
 
 .table-borderless thead th {