@1337exp/taoui 1.7.0 → 1.9.0

package/dist/styles.css

@@ -996,6 +996,44 @@ to {
     flex-direction: column;
 }
 
+.tao-grid[data-v-bd5bc452] {
+    container-type: inline-size;
+    display: grid;
+    grid-template-columns: repeat(
+        auto-fill,
+        minmax(min(100%, var(--tao-grid-min, 220px)), 1fr)
+    );
+    gap: var(--tao-grid-gap, var(--tao-space-4));
+}
+.tao-grid--fixed[data-v-bd5bc452] {
+    grid-template-columns: repeat(var(--tao-grid-cols), minmax(0, 1fr));
+}
+@container (max-width: 560px) {
+.tao-grid--fixed[data-v-bd5bc452] {
+        grid-template-columns: minmax(0, 1fr);
+}
+}
+
+.tao-grid-item[data-v-43bd1e34] {
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+    min-height: 0;
+    grid-column: span var(--tao-grid-col, 1);
+    grid-row: span var(--tao-grid-row, 1);
+}
+.tao-grid-item[data-v-43bd1e34] > * {
+    flex: 1 1 auto;
+    min-height: 0;
+    width: 100%;
+}
+@container (max-width: 560px) {
+.tao-grid-item[data-v-43bd1e34] {
+        grid-column: span 1;
+        grid-row: span 1;
+}
+}
+
 .tao-split[data-v-f44196dc] {
     --tao-split-gutter: 8px;
     --tao-split-line: 1px;
@@ -1370,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] {
@@ -4342,6 +4412,9 @@ to {
     --tao-font-size-md: 14px;
     --tao-font-size-lg: 16px;
     --tao-font-size-xl: 18px;
+    --tao-font-size-2xl: 24px;
+    --tao-font-size-3xl: 32px;
+    --tao-font-size-4xl: 36px;
 
     /* ---------- Shadow scale (color-agnostic, opacity baked in) ---------- */
     --tao-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.12);

package/package.json

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

package/src/styles/primitives.css

@@ -63,6 +63,9 @@
     --tao-font-size-md: 14px;
     --tao-font-size-lg: 16px;
     --tao-font-size-xl: 18px;
+    --tao-font-size-2xl: 24px;
+    --tao-font-size-3xl: 32px;
+    --tao-font-size-4xl: 36px;
 
     /* ---------- Shadow scale (color-agnostic, opacity baked in) ---------- */
     --tao-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.12);