@1337exp/taoui 1.8.0 → 1.9.0

package/dist/styles.css

@@ -1408,61 +1408,93 @@ to {
     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] {

package/package.json

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