@tabler/core 1.0.0-beta18 → 1.0.0-beta19

package/dist/css/tabler.rtl.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
@@ -3339,7 +3339,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);
 }
@@ -15968,7 +15968,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;
@@ -21056,7 +21056,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;
@@ -21066,7 +21066,7 @@ Card list group
 }
 
 .divide-x > :not(template) ~ :not(template) {
-  border-right: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+  border-right: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
 }
 .divide-x > :not(template):not(:first-child) {
   padding-right: 1rem !important;
@@ -21076,7 +21076,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;
@@ -21086,7 +21086,7 @@ Card list group
 }
 
 .divide-x-0 > :not(template) ~ :not(template) {
-  border-right: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+  border-right: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
 }
 .divide-x-0 > :not(template):not(:first-child) {
   padding-right: 0 !important;
@@ -21096,7 +21096,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;
@@ -21106,7 +21106,7 @@ Card list group
 }
 
 .divide-x-1 > :not(template) ~ :not(template) {
-  border-right: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+  border-right: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
 }
 .divide-x-1 > :not(template):not(:first-child) {
   padding-right: 0.25rem !important;
@@ -21116,7 +21116,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;
@@ -21126,7 +21126,7 @@ Card list group
 }
 
 .divide-x-2 > :not(template) ~ :not(template) {
-  border-right: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+  border-right: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
 }
 .divide-x-2 > :not(template):not(:first-child) {
   padding-right: 0.5rem !important;
@@ -21136,7 +21136,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;
@@ -21146,7 +21146,7 @@ Card list group
 }
 
 .divide-x-3 > :not(template) ~ :not(template) {
-  border-right: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+  border-right: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
 }
 .divide-x-3 > :not(template):not(:first-child) {
   padding-right: 1rem !important;
@@ -21156,7 +21156,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;
@@ -21166,7 +21166,7 @@ Card list group
 }
 
 .divide-x-4 > :not(template) ~ :not(template) {
-  border-right: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+  border-right: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
 }
 .divide-x-4 > :not(template):not(:first-child) {
   padding-right: 1.5rem !important;
@@ -21176,7 +21176,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;
@@ -21186,7 +21186,7 @@ Card list group
 }
 
 .divide-x-5 > :not(template) ~ :not(template) {
-  border-right: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+  border-right: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
 }
 .divide-x-5 > :not(template):not(:first-child) {
   padding-right: 2rem !important;
@@ -21196,7 +21196,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;
@@ -21206,7 +21206,7 @@ Card list group
 }
 
 .divide-x-6 > :not(template) ~ :not(template) {
-  border-right: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+  border-right: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
 }
 .divide-x-6 > :not(template):not(:first-child) {
   padding-right: 3rem !important;
@@ -21216,7 +21216,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;
@@ -21226,7 +21226,7 @@ Card list group
 }
 
 .divide-x-7 > :not(template) ~ :not(template) {
-  border-right: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+  border-right: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
 }
 .divide-x-7 > :not(template):not(:first-child) {
   padding-right: 5rem !important;
@@ -21236,7 +21236,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;
@@ -21246,7 +21246,7 @@ Card list group
 }
 
 .divide-x-8 > :not(template) ~ :not(template) {
-  border-right: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+  border-right: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
 }
 .divide-x-8 > :not(template):not(:first-child) {
   padding-right: 8rem !important;
@@ -23735,6 +23735,9 @@ a.step-item:hover {
   }
 }
 
+/**
+Table sort
+ */
 .table-sort {
   font: inherit;
   color: inherit;
@@ -23757,22 +23760,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-right: 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 {