@1337exp/taoui 1.8.0 → 1.10.0

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,105 +1365,137 @@ 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;
 }
 
-/* variant="gap" — пустой отступ заданной высоты, без линии */
-.tao-divider-gap[data-v-8187a15d] {
-    height: 40px;
-}
-.tao-divider-gap--small[data-v-8187a15d] {
-    height: 20px;
-}
-.tao-divider-gap--large[data-v-8187a15d],
-.tao-divider-gap--big[data-v-8187a15d] {
-    height: 60px;
+.tao-divider[data-v-c1d072e5] {
+    margin: var(--tao-space-5) 0;
 }
-
-/* variant="text" — линия с текстом посередине, затухающая по краям */
-.tao-divider-text[data-v-8187a15d] {
+.tao-divider--labeled[data-v-c1d072e5] {
     display: flex;
     align-items: center;
-    margin: var(--tao-space-5) 0;
-    padding: 0 var(--tao-space-4);
-    opacity: 0.3;
 }
-.tao-divider-text__line[data-v-8187a15d] {
-    flex: 1;
-    height: 1px;
-    border-top: 1px dashed var(--tao-color-border-strong);
+.tao-divider__line[data-v-c1d072e5] {
+    box-sizing: content-box;
+    display: block;
+    height: 0;
+    min-width: 0;
 }
-.tao-divider-text__line--left[data-v-8187a15d] {
-    mask: linear-gradient(90deg, transparent 0%, black 30%);
+.tao-divider--labeled .tao-divider__line[data-v-c1d072e5] {
+    flex: 1;
 }
-.tao-divider-text__line--right[data-v-8187a15d] {
-    mask: linear-gradient(90deg, black 70%, transparent 100%);
+.tao-divider:not(.tao-divider--labeled) .tao-divider__line[data-v-c1d072e5] {
+    width: 100%;
 }
-.tao-divider-text__value[data-v-8187a15d] {
-    padding: 0 var(--tao-space-4);
+.tao-divider__text[data-v-c1d072e5] {
+    margin: 0 var(--tao-space-4);
     font-size: var(--tao-font-size-xs);
     font-weight: 500;
+    line-height: 1;
     white-space: nowrap;
     color: var(--tao-color-text-muted);
 }
-
-/* variant="line" (по умолчанию) — тонкая линия с акцентным свечением по центру */
-.tao-divider-line[data-v-8187a15d] {
-    position: relative;
-    width: 100%;
+.tao-divider--labeled:not(.tao-divider--gap) .tao-divider__text[data-v-c1d072e5] {
     height: 1px;
-    margin: var(--tao-space-5) auto;
+    display: flex;
+    align-items: center;
+    overflow: visible;
 }
-.tao-divider-line[data-v-8187a15d]::before {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 5%;
-    right: 5%;
-    width: 90%;
+.tao-divider--solid .tao-divider__line[data-v-c1d072e5] {
+    border-top: 1px solid var(--tao-color-border);
+}
+.tao-divider--dashed .tao-divider__line[data-v-c1d072e5] {
+    border-top: 1px dashed var(--tao-color-border-strong);
+    opacity: 0.45;
+}
+.tao-divider--colored .tao-divider__line[data-v-c1d072e5] {
     height: 1px;
-    background-image: linear-gradient(to right, transparent, var(--tao-color-accent), transparent);
+    background: var(--tao-color-accent);
+}
+.tao-divider--colored.tao-divider--fade:not(.tao-divider--labeled) .tao-divider__line[data-v-c1d072e5] {
+    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] {
+    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] {
+    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] {
+    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] {
+    mask: linear-gradient(90deg, transparent 0%, black 30%);
+}
+.tao-divider--fade:not(.tao-divider--colored) .tao-divider__line--end[data-v-c1d072e5] {
+    mask: linear-gradient(90deg, black 70%, transparent 100%);
+}
+.tao-divider--gap[data-v-c1d072e5] {
+    margin: 0;
+}
+.tao-divider--gap[data-v-c1d072e5]:not(.tao-divider--labeled) {
+    height: 40px;
+}
+.tao-divider--gap-small[data-v-c1d072e5]: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) {
+    height: 60px;
+}
+.tao-divider--gap.tao-divider--labeled[data-v-c1d072e5] {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-height: 40px;
+}
+.tao-divider--gap-small.tao-divider--labeled[data-v-c1d072e5] {
+    min-height: 20px;
+}
+.tao-divider--gap-large.tao-divider--labeled[data-v-c1d072e5],
+.tao-divider--gap-big.tao-divider--labeled[data-v-c1d072e5] {
+    min-height: 60px;
 }
 
 .tao-fieldset[data-v-34440ba5] {
@@ -3047,7 +3080,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;
@@ -3055,59 +3088,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);
@@ -3120,48 +3165,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.8.0",
+  "version": "1.10.0",
   "description": "Modern UI component library for Nuxt/Vue",
   "homepage": "https://666.io",
   "type": "module",