@1337exp/taoui 1.10.2 → 1.10.4

package/dist/styles.css

@@ -562,66 +562,99 @@ to {
     box-shadow: 0 0 0 2px var(--tao-color-danger-subtle);
 }
 
-.tao-card[data-v-2ff3d055] {
+.tao-card[data-v-f4fc87bb] {
+    position: relative;
+    display: flex;
+    flex-direction: column;
     width: 100%;
+    height: 100%;
+    min-height: 0;
     background: var(--tao-color-surface-raised);
     color: var(--tao-color-text);
     transition: var(--tao-transition-base);
 }
-.tao-card--overflow[data-v-2ff3d055] {
+.tao-card--overflow[data-v-f4fc87bb] {
     overflow: visible;
 }
-.tao-card[data-v-2ff3d055]:not(.tao-card--overflow) {
+.tao-card[data-v-f4fc87bb]:not(.tao-card--overflow) {
     overflow: hidden;
 }
-.tao-card--shadow[data-v-2ff3d055] {
+.tao-card--shadow[data-v-f4fc87bb] {
     box-shadow: var(--tao-shadow-panel);
 }
-.tao-card--shadow-bottom[data-v-2ff3d055] {
+.tao-card--shadow-bottom[data-v-f4fc87bb] {
     box-shadow: 0 1px 0 0 var(--tao-color-border-strong);
 }
-.tao-card--hover[data-v-2ff3d055] {
+.tao-card--hover[data-v-f4fc87bb] {
     cursor: pointer;
 }
-.tao-card--hover[data-v-2ff3d055]:hover,
-.tao-card--hover.tao-card--active[data-v-2ff3d055] {
+.tao-card--hover[data-v-f4fc87bb]:hover,
+.tao-card--hover.tao-card--active[data-v-f4fc87bb] {
     box-shadow: 0 0 0 1px var(--tao-color-accent), var(--tao-shadow-lg);
 }
-.tao-card__cover[data-v-2ff3d055] {
+.tao-card__cover[data-v-f4fc87bb] {
+    position: relative;
     overflow: hidden;
 }
-.tao-card__content[data-v-2ff3d055] {
+.tao-card--cover-only .tao-card__cover[data-v-f4fc87bb] {
+    flex: 1 1 auto;
+    min-height: 0;
+}
+.tao-card--cover-only .tao-card__cover[data-v-f4fc87bb] >  img {
+    display: block;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+.tao-card__overlay[data-v-f4fc87bb] {
+    position: absolute;
+    inset: 0;
+    pointer-events: none;
+}
+.tao-card__content[data-v-f4fc87bb] {
     display: flex;
+    flex: 1 1 auto;
     flex-direction: column;
     gap: var(--tao-space-3);
+    min-height: 0;
 }
-.tao-card__header-title[data-v-2ff3d055] {
+.tao-card--flush .tao-card__content[data-v-f4fc87bb] {
+    padding: 0;
+}
+.tao-card__header-title[data-v-f4fc87bb] {
     margin: 0 0 var(--tao-space-5);
     font-weight: 500;
     text-align: center;
     color: var(--tao-color-text-strong);
 }
-.tao-card__header[data-v-2ff3d055] {
+.tao-card__header[data-v-f4fc87bb] {
     margin-top: -6px;
     padding: 2px 0 var(--tao-space-2);
     font-size: var(--tao-font-size-sm);
     font-weight: 700;
 }
-.tao-card__header--between[data-v-2ff3d055] {
+.tao-card__header--between[data-v-f4fc87bb] {
     display: flex;
     justify-content: space-between;
 }
-.tao-card__title[data-v-2ff3d055] {
+.tao-card__title[data-v-f4fc87bb] {
     margin: 0 0 2px;
     color: var(--tao-color-text-strong);
 }
-.tao-card__sub[data-v-2ff3d055] {
+.tao-card__sub[data-v-f4fc87bb] {
     font-size: var(--tao-font-size-xs);
     color: var(--tao-color-text-muted);
 }
-.tao-card__body[data-v-2ff3d055] {
+.tao-card__body[data-v-f4fc87bb] {
+    display: flex;
+    flex: 1 1 auto;
+    flex-direction: column;
+    min-height: 0;
     font-size: var(--tao-font-size-md);
 }
+.tao-card__footer[data-v-f4fc87bb] {
+    margin-top: auto;
+}
 
 .tao-modal-overlay[data-v-102cfd66] {
     position: fixed;
@@ -3835,19 +3868,19 @@ button.tao-list-item__hit[data-v-878b7727]:focus-visible {
 }
 }
 
-.tao-carousel[data-v-bc396e5d] {
+.tao-carousel[data-v-b4139b57] {
     display: flex;
     flex-direction: column;
     gap: var(--tao-space-2);
     width: 100%;
 }
-.tao-carousel__row[data-v-bc396e5d] {
+.tao-carousel__row[data-v-b4139b57] {
     display: flex;
     align-items: center;
     gap: var(--tao-space-2);
     width: 100%;
 }
-.tao-carousel__track[data-v-bc396e5d] {
+.tao-carousel__track[data-v-b4139b57] {
     display: flex;
     flex: 1 1 auto;
     gap: var(--tao-space-3);
@@ -3861,18 +3894,18 @@ button.tao-list-item__hit[data-v-878b7727]:focus-visible {
     touch-action: pan-x;
     cursor: grab;
 }
-.tao-carousel__track[data-v-bc396e5d]::-webkit-scrollbar {
+.tao-carousel__track[data-v-b4139b57]::-webkit-scrollbar {
     display: none;
 }
-.tao-carousel__track--dragging[data-v-bc396e5d] {
+.tao-carousel__track--dragging[data-v-b4139b57] {
     scroll-snap-type: none;
     cursor: grabbing;
 }
-.tao-carousel__track[data-v-bc396e5d]:focus-visible {
+.tao-carousel__track[data-v-b4139b57]:focus-visible {
     outline: 2px solid var(--tao-color-accent);
     outline-offset: 2px;
 }
-.tao-carousel__track[data-v-bc396e5d] >  * {
+.tao-carousel__track[data-v-b4139b57] >  * {
     box-sizing: border-box;
     flex: 0 0 auto;
     width: max(
@@ -3885,7 +3918,7 @@ button.tao-list-item__hit[data-v-878b7727]:focus-visible {
     min-width: 0;
     scroll-snap-align: start;
 }
-.tao-carousel__nav[data-v-bc396e5d] {
+.tao-carousel__nav[data-v-b4139b57] {
     display: inline-flex;
     flex: 0 0 auto;
     align-items: center;
@@ -3904,29 +3937,29 @@ button.tao-list-item__hit[data-v-878b7727]:focus-visible {
     cursor: pointer;
     transition: var(--tao-transition-base);
 }
-.tao-carousel__nav svg[data-v-bc396e5d] {
+.tao-carousel__nav svg[data-v-b4139b57] {
     display: block;
 }
-.tao-carousel__nav[data-v-bc396e5d]:hover:not(:disabled) {
+.tao-carousel__nav[data-v-b4139b57]:hover:not(:disabled) {
     background: var(--tao-color-surface-hover);
     color: var(--tao-color-text-strong);
 }
-.tao-carousel__nav[data-v-bc396e5d]:focus-visible {
+.tao-carousel__nav[data-v-b4139b57]:focus-visible {
     outline: 2px solid var(--tao-color-accent);
     outline-offset: 2px;
 }
-.tao-carousel__nav[data-v-bc396e5d]:disabled {
+.tao-carousel__nav[data-v-b4139b57]:disabled {
     opacity: 0.4;
     cursor: not-allowed;
 }
-.tao-carousel__dots[data-v-bc396e5d] {
+.tao-carousel__dots[data-v-b4139b57] {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
     gap: 2px;
 }
-.tao-carousel__dot[data-v-bc396e5d] {
+.tao-carousel__dot[data-v-b4139b57] {
     display: inline-flex;
     flex: 0 0 auto;
     align-items: center;
@@ -3939,7 +3972,7 @@ button.tao-list-item__hit[data-v-878b7727]:focus-visible {
     background: transparent;
     cursor: pointer;
 }
-.tao-carousel__pip[data-v-bc396e5d] {
+.tao-carousel__pip[data-v-b4139b57] {
     display: block;
     width: 6px;
     height: 6px;
@@ -3947,23 +3980,23 @@ button.tao-list-item__hit[data-v-878b7727]:focus-visible {
     background: var(--tao-color-border-strong);
     transition: width var(--tao-duration-base) var(--tao-ease-base), background var(--tao-duration-base) var(--tao-ease-base);
 }
-.tao-carousel__dot--active .tao-carousel__pip[data-v-bc396e5d] {
+.tao-carousel__dot--active .tao-carousel__pip[data-v-b4139b57] {
     width: 18px;
     background: var(--tao-color-accent);
 }
-.tao-carousel__dot:hover:not(.tao-carousel__dot--active) .tao-carousel__pip[data-v-bc396e5d] {
+.tao-carousel__dot:hover:not(.tao-carousel__dot--active) .tao-carousel__pip[data-v-b4139b57] {
     background: var(--tao-color-text-muted);
 }
-.tao-carousel__dot[data-v-bc396e5d]:focus-visible {
+.tao-carousel__dot[data-v-b4139b57]:focus-visible {
     outline: 2px solid var(--tao-color-accent);
     outline-offset: 2px;
     border-radius: var(--tao-radius-full);
 }
 @media (prefers-reduced-motion: reduce) {
-.tao-carousel__track[data-v-bc396e5d] {
+.tao-carousel__track[data-v-b4139b57] {
         scroll-behavior: auto;
 }
-.tao-carousel__pip[data-v-bc396e5d] {
+.tao-carousel__pip[data-v-b4139b57] {
         transition: none;
 }
 }

package/package.json

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