@1337exp/taoui 1.9.0 → 1.10.1

package/dist/styles.css

@@ -1301,7 +1301,7 @@ to {
     border-color: var(--tao-color-danger);
 }
 
-.tao-tag[data-v-f353f529] {
+.tao-tag[data-v-cbbbf8f3] {
     box-sizing: border-box;
     display: inline-flex;
     align-items: center;
@@ -1313,6 +1313,7 @@ to {
     vertical-align: middle;
     white-space: nowrap;
     text-align: start;
+    font-size: var(--tao-font-size-xs);
     line-height: 1.25;
     color: var(--tao-color-accent);
     background: var(--tao-color-accent-subtle);
@@ -1320,32 +1321,32 @@ to {
     border-radius: var(--tao-radius-sm);
     transition: var(--tao-transition-base);
 }
-.tao-tag--pointer[data-v-f353f529] {
+.tao-tag--pointer[data-v-cbbbf8f3] {
     cursor: pointer;
     user-select: none;
 }
-.tao-tag--prefix[data-v-f353f529] {
+.tao-tag--prefix[data-v-cbbbf8f3] {
     padding-block: 2px;
     padding-inline-start: 3px;
 }
-.tao-tag--closable[data-v-f353f529] {
+.tao-tag--closable[data-v-cbbbf8f3] {
     padding-inline-end: 2px;
 }
-.tao-tag__prefix[data-v-f353f529] {
+.tao-tag__prefix[data-v-cbbbf8f3] {
     display: inline-flex;
     flex-shrink: 0;
     align-items: center;
     justify-content: center;
 }
-.tao-tag__prefix[data-v-f353f529] .tao-avatar {
+.tao-tag__prefix[data-v-cbbbf8f3] .tao-avatar {
     display: block;
 }
-.tao-tag__text[data-v-f353f529] {
+.tao-tag__text[data-v-cbbbf8f3] {
     min-width: 0;
     overflow: hidden;
     text-overflow: ellipsis;
 }
-.tao-tag__close[data-v-f353f529] {
+.tao-tag__close[data-v-cbbbf8f3] {
     display: inline-flex;
     flex-shrink: 0;
     align-items: center;
@@ -1364,70 +1365,70 @@ to {
     line-height: 1;
     cursor: pointer;
 }
-.tao-tag__close[data-v-f353f529]:hover {
+.tao-tag__close[data-v-cbbbf8f3]:hover {
     opacity: 1;
     background: color-mix(in srgb, currentColor 14%, transparent);
 }
-.tao-tag__close[data-v-f353f529]:focus-visible {
+.tao-tag__close[data-v-cbbbf8f3]:focus-visible {
     outline: 2px solid var(--tao-color-accent);
     outline-offset: 1px;
 }
-.tao-tag--neutral[data-v-f353f529] {
+.tao-tag--neutral[data-v-cbbbf8f3] {
     color: var(--tao-color-text);
     background: var(--tao-color-surface-sunken);
     border-color: var(--tao-color-border-strong);
 }
-.tao-tag--success[data-v-f353f529] {
+.tao-tag--success[data-v-cbbbf8f3] {
     color: var(--tao-color-success);
     background: color-mix(in srgb, var(--tao-color-success) 12%, transparent);
     border-color: color-mix(in srgb, var(--tao-color-success) 30%, transparent);
 }
-.tao-tag--danger[data-v-f353f529],
-.tao-tag--error[data-v-f353f529] {
+.tao-tag--danger[data-v-cbbbf8f3],
+.tao-tag--error[data-v-cbbbf8f3] {
     color: var(--tao-color-danger);
     background: var(--tao-color-danger-subtle);
     border-color: color-mix(in srgb, var(--tao-color-danger) 30%, transparent);
 }
-.tao-tag--warning[data-v-f353f529] {
+.tao-tag--warning[data-v-cbbbf8f3] {
     color: var(--tao-color-warning);
     background: var(--tao-color-warning-subtle);
     border-color: color-mix(in srgb, var(--tao-color-warning) 30%, transparent);
 }
-.tao-tag--info[data-v-f353f529] {
+.tao-tag--info[data-v-cbbbf8f3] {
     color: var(--tao-color-info);
     background: var(--tao-color-info-subtle);
     border-color: color-mix(in srgb, var(--tao-color-info) 30%, transparent);
 }
-.tao-tag--flat[data-v-f353f529],
-.tao-tag--flat.tao-tag--neutral[data-v-f353f529],
-.tao-tag--flat.tao-tag--success[data-v-f353f529],
-.tao-tag--flat.tao-tag--danger[data-v-f353f529],
-.tao-tag--flat.tao-tag--error[data-v-f353f529],
-.tao-tag--flat.tao-tag--warning[data-v-f353f529],
-.tao-tag--flat.tao-tag--info[data-v-f353f529] {
+.tao-tag--flat[data-v-cbbbf8f3],
+.tao-tag--flat.tao-tag--neutral[data-v-cbbbf8f3],
+.tao-tag--flat.tao-tag--success[data-v-cbbbf8f3],
+.tao-tag--flat.tao-tag--danger[data-v-cbbbf8f3],
+.tao-tag--flat.tao-tag--error[data-v-cbbbf8f3],
+.tao-tag--flat.tao-tag--warning[data-v-cbbbf8f3],
+.tao-tag--flat.tao-tag--info[data-v-cbbbf8f3] {
     border-color: transparent;
 }
 
-.tao-divider[data-v-c1d072e5] {
+.tao-divider[data-v-b8f809ac] {
     margin: var(--tao-space-5) 0;
 }
-.tao-divider--labeled[data-v-c1d072e5] {
+.tao-divider--labeled[data-v-b8f809ac] {
     display: flex;
     align-items: center;
 }
-.tao-divider__line[data-v-c1d072e5] {
+.tao-divider__line[data-v-b8f809ac] {
     box-sizing: content-box;
     display: block;
     height: 0;
     min-width: 0;
 }
-.tao-divider--labeled .tao-divider__line[data-v-c1d072e5] {
+.tao-divider--labeled .tao-divider__line[data-v-b8f809ac] {
     flex: 1;
 }
-.tao-divider:not(.tao-divider--labeled) .tao-divider__line[data-v-c1d072e5] {
+.tao-divider:not(.tao-divider--labeled) .tao-divider__line[data-v-b8f809ac] {
     width: 100%;
 }
-.tao-divider__text[data-v-c1d072e5] {
+.tao-divider__text[data-v-b8f809ac] {
     margin: 0 var(--tao-space-4);
     font-size: var(--tao-font-size-xs);
     font-weight: 500;
@@ -1435,65 +1436,68 @@ to {
     white-space: nowrap;
     color: var(--tao-color-text-muted);
 }
-.tao-divider--labeled:not(.tao-divider--gap) .tao-divider__text[data-v-c1d072e5] {
+.tao-divider--labeled:not(.tao-divider--gap) .tao-divider__text[data-v-b8f809ac] {
     height: 1px;
     display: flex;
     align-items: center;
     overflow: visible;
 }
-.tao-divider--solid .tao-divider__line[data-v-c1d072e5] {
-    border-top: 1px solid var(--tao-color-border);
+.tao-divider--solid .tao-divider__line[data-v-b8f809ac],
+.tao-divider--dashed .tao-divider__line[data-v-b8f809ac] {
+    opacity: 0.2;
 }
-.tao-divider--dashed .tao-divider__line[data-v-c1d072e5] {
-    border-top: 1px dashed var(--tao-color-border-strong);
-    opacity: 0.45;
+.tao-divider--solid .tao-divider__line[data-v-b8f809ac] {
+    border-top: 1px solid var(--tao-gray-300);
+}
+.tao-divider--dashed .tao-divider__line[data-v-b8f809ac] {
+    border-top: 1px dashed var(--tao-gray-300);
 }
-.tao-divider--colored .tao-divider__line[data-v-c1d072e5] {
+.tao-divider--colored .tao-divider__line[data-v-b8f809ac] {
     height: 1px;
     background: var(--tao-color-accent);
 }
-.tao-divider--colored.tao-divider--fade:not(.tao-divider--labeled) .tao-divider__line[data-v-c1d072e5] {
+.tao-divider--colored.tao-divider--fade:not(.tao-divider--labeled) .tao-divider__line[data-v-b8f809ac] {
     background: linear-gradient(to right, transparent, var(--tao-color-accent), transparent);
 }
-.tao-divider--colored.tao-divider--fade.tao-divider--labeled .tao-divider__line--start[data-v-c1d072e5] {
+.tao-divider--colored.tao-divider--fade.tao-divider--labeled .tao-divider__line--start[data-v-b8f809ac] {
     background: linear-gradient(to right, transparent, var(--tao-color-accent));
 }
-.tao-divider--colored.tao-divider--fade.tao-divider--labeled .tao-divider__line--end[data-v-c1d072e5] {
+.tao-divider--colored.tao-divider--fade.tao-divider--labeled .tao-divider__line--end[data-v-b8f809ac] {
     background: linear-gradient(to left, transparent, var(--tao-color-accent));
 }
-.tao-divider--fade:not(.tao-divider--colored):not(.tao-divider--labeled) .tao-divider__line[data-v-c1d072e5] {
+.tao-divider--fade:not(.tao-divider--colored):not(.tao-divider--labeled) .tao-divider__line[data-v-b8f809ac] {
     mask: linear-gradient(90deg, transparent 0%, black 20%, black 80%, transparent 100%);
 }
-.tao-divider--fade:not(.tao-divider--colored) .tao-divider__line--start[data-v-c1d072e5] {
+.tao-divider--fade:not(.tao-divider--colored) .tao-divider__line--start[data-v-b8f809ac] {
     mask: linear-gradient(90deg, transparent 0%, black 30%);
 }
-.tao-divider--fade:not(.tao-divider--colored) .tao-divider__line--end[data-v-c1d072e5] {
+.tao-divider--fade:not(.tao-divider--colored) .tao-divider__line--end[data-v-b8f809ac] {
     mask: linear-gradient(90deg, black 70%, transparent 100%);
 }
-.tao-divider--gap[data-v-c1d072e5] {
+.tao-divider--gap[data-v-b8f809ac] {
     margin: 0;
 }
-.tao-divider--gap[data-v-c1d072e5]:not(.tao-divider--labeled) {
+.tao-divider--gap[data-v-b8f809ac]:not(.tao-divider--labeled) {
     height: 40px;
 }
-.tao-divider--gap-small[data-v-c1d072e5]:not(.tao-divider--labeled) {
+.tao-divider--gap-small[data-v-b8f809ac]:not(.tao-divider--labeled) {
     height: 20px;
 }
-.tao-divider--gap-large[data-v-c1d072e5]:not(.tao-divider--labeled),
-.tao-divider--gap-big[data-v-c1d072e5]:not(.tao-divider--labeled) {
+.tao-divider--gap-large[data-v-b8f809ac]:not(.tao-divider--labeled),
+.tao-divider--gap-big[data-v-b8f809ac]:not(.tao-divider--labeled) {
     height: 60px;
 }
-.tao-divider--gap.tao-divider--labeled[data-v-c1d072e5] {
+.tao-divider--gap.tao-divider--labeled[data-v-b8f809ac] {
     display: flex;
     align-items: center;
     justify-content: center;
     min-height: 40px;
 }
-.tao-divider--gap-small.tao-divider--labeled[data-v-c1d072e5] {
+.tao-divider--gap-small.tao-divider--labeled[data-v-b8f809ac] {
     min-height: 20px;
 }
-.tao-divider--gap-large.tao-divider--labeled[data-v-c1d072e5],
-.tao-divider--gap-big.tao-divider--labeled[data-v-c1d072e5] {
+.tao-divider--gap-large.tao-divider--labeled[data-v-b8f809ac],
+.tao-divider--gap-big.tao-divider--labeled[data-v-b8f809ac] {
     min-height: 60px;
 }
 
@@ -3079,7 +3083,7 @@ to {
     color: var(--tao-color-text-strong);
 }
 
-.tao-table-wrap[data-v-5ce586b8] {
+.tao-table-wrap[data-v-497e62e7] {
     position: relative;
     width: 100%;
     overflow: auto;
@@ -3087,59 +3091,71 @@ to {
     border-radius: var(--tao-radius-panel);
     background: var(--tao-color-surface);
 }
-.tao-table-wrap--loading[data-v-5ce586b8] {
+.tao-table-wrap--loading[data-v-497e62e7] {
     min-height: 120px;
 }
-.tao-table[data-v-5ce586b8] {
+.tao-table[data-v-497e62e7] {
     width: 100%;
     border-collapse: collapse;
     font-size: var(--tao-font-size-md);
     color: var(--tao-color-text);
 }
-.tao-table caption[data-v-5ce586b8] {
+.tao-table caption[data-v-497e62e7] {
     caption-side: top;
     padding: var(--tao-space-3) var(--tao-space-4);
     text-align: left;
     font-size: var(--tao-font-size-sm);
     color: var(--tao-color-text-muted);
 }
-.tao-table th[data-v-5ce586b8],
-.tao-table td[data-v-5ce586b8] {
+.tao-table th[data-v-497e62e7],
+.tao-table td[data-v-497e62e7] {
     padding: var(--tao-space-3) var(--tao-space-4);
-    border-bottom: 1px solid var(--tao-color-border);
     vertical-align: middle;
 }
-.tao-table--compact th[data-v-5ce586b8],
-.tao-table--compact td[data-v-5ce586b8] {
+.tao-table--lines th[data-v-497e62e7],
+.tao-table--lines td[data-v-497e62e7] {
+    border-bottom: 1px solid var(--tao-color-border);
+}
+.tao-table--compact th[data-v-497e62e7],
+.tao-table--compact td[data-v-497e62e7] {
     padding: var(--tao-space-2) var(--tao-space-3);
     font-size: var(--tao-font-size-sm);
 }
-.tao-table th[data-v-5ce586b8] {
+.tao-table th[data-v-497e62e7] {
     font-weight: 600;
     font-size: var(--tao-font-size-sm);
     color: var(--tao-color-text-muted);
-    background: var(--tao-color-surface-raised);
     white-space: nowrap;
     text-align: left;
 }
-.tao-table--sticky thead th[data-v-5ce586b8] {
+.tao-table--head th[data-v-497e62e7] {
+    background: var(--tao-color-surface-raised);
+}
+.tao-table--sticky thead th[data-v-497e62e7] {
     position: sticky;
     top: 0;
     z-index: 1;
+    background: var(--tao-color-surface);
 }
-.tao-table tbody tr:last-child td[data-v-5ce586b8] {
+.tao-table--sticky.tao-table--head thead th[data-v-497e62e7] {
+    background: var(--tao-color-surface-raised);
+}
+.tao-table--lines tbody tr:last-child td[data-v-497e62e7] {
     border-bottom: none;
 }
-.tao-table--striped tbody tr:nth-child(even) td[data-v-5ce586b8] {
+.tao-table--striped tbody tr:nth-child(odd) td[data-v-497e62e7] {
+    background: var(--tao-color-surface-sunken);
+}
+.tao-table--striped-even tbody tr:nth-child(even) td[data-v-497e62e7] {
     background: var(--tao-color-surface-sunken);
 }
-.tao-table--hover tbody tr:hover td[data-v-5ce586b8] {
+.tao-table--hover tbody tr:hover td[data-v-497e62e7] {
     background: var(--tao-color-surface-hover);
 }
-.tao-table--clickable tbody tr[data-v-5ce586b8] {
+.tao-table--clickable tbody tr[data-v-497e62e7] {
     cursor: pointer;
 }
-.tao-table__sort-btn[data-v-5ce586b8] {
+.tao-table__sort-btn[data-v-497e62e7] {
     display: inline-flex;
     align-items: center;
     gap: var(--tao-space-2);
@@ -3152,48 +3168,48 @@ to {
     font-weight: 600;
     cursor: pointer;
 }
-.tao-table__sort-btn[data-v-5ce586b8]:focus-visible {
+.tao-table__sort-btn[data-v-497e62e7]:focus-visible {
     outline: 2px solid var(--tao-color-accent);
     outline-offset: 2px;
     border-radius: var(--tao-radius-control);
 }
-.tao-table__sorter[data-v-5ce586b8] {
+.tao-table__sorter[data-v-497e62e7] {
     position: relative;
     width: 8px;
     height: 12px;
     opacity: 0.35;
 }
-.tao-table__sorter[data-v-5ce586b8]::before,
-.tao-table__sorter[data-v-5ce586b8]::after {
+.tao-table__sorter[data-v-497e62e7]::before,
+.tao-table__sorter[data-v-497e62e7]::after {
     content: '';
     position: absolute;
     left: 0;
     border-left: 4px solid transparent;
     border-right: 4px solid transparent;
 }
-.tao-table__sorter[data-v-5ce586b8]::before {
+.tao-table__sorter[data-v-497e62e7]::before {
     top: 0;
     border-bottom: 4px solid currentColor;
 }
-.tao-table__sorter[data-v-5ce586b8]::after {
+.tao-table__sorter[data-v-497e62e7]::after {
     bottom: 0;
     border-top: 4px solid currentColor;
 }
-.tao-table__sorter--asc[data-v-5ce586b8],
-.tao-table__sorter--desc[data-v-5ce586b8] {
+.tao-table__sorter--asc[data-v-497e62e7],
+.tao-table__sorter--desc[data-v-497e62e7] {
     opacity: 1;
     color: var(--tao-color-accent);
 }
-.tao-table__sorter--asc[data-v-5ce586b8]::after,
-.tao-table__sorter--desc[data-v-5ce586b8]::before {
+.tao-table__sorter--asc[data-v-497e62e7]::after,
+.tao-table__sorter--desc[data-v-497e62e7]::before {
     opacity: 0.25;
 }
-.tao-table__empty[data-v-5ce586b8] {
+.tao-table__empty[data-v-497e62e7] {
     padding: var(--tao-space-8) var(--tao-space-4);
     text-align: center;
     color: var(--tao-color-text-muted);
 }
-.tao-table__loading[data-v-5ce586b8] {
+.tao-table__loading[data-v-497e62e7] {
     position: absolute;
     inset: 0;
     display: flex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@1337exp/taoui",
-  "version": "1.9.0",
+  "version": "1.10.1",
   "description": "Modern UI component library for Nuxt/Vue",
   "homepage": "https://666.io",
   "type": "module",